From bd6b3cdaf3a14dd31f2031301a10ec187eb92397 Mon Sep 17 00:00:00 2001
From: microshine <microshine@mail.ru>
Date: Tue, 30 Aug 2016 20:46:29 +0300
Subject: [PATCH 001/382] Add ERROR_STATE flag

---
 graphene-pk11/graphene-pk11.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/graphene-pk11/graphene-pk11.d.ts b/graphene-pk11/graphene-pk11.d.ts
index 0405b4c6df..2a4d8aad0c 100644
--- a/graphene-pk11/graphene-pk11.d.ts
+++ b/graphene-pk11/graphene-pk11.d.ts
@@ -2131,6 +2131,7 @@ declare module "graphene-pk11" {
         SO_PIN_FINAL_TRY,
         SO_PIN_LOCKED,
         SO_PIN_TO_BE_CHANGED,
+        ERROR_STATE,
     }
 
     class Token extends HandleObject {

From 7c50d2c7a7d11b0e6e76508b59b359b4ae4e558c Mon Sep 17 00:00:00 2001
From: "Dmitry A. Efimenko" <dmitrief@gmail.com>
Date: Thu, 15 Sep 2016 10:20:57 -0700
Subject: [PATCH 002/382] added prop options and func timeFormatter

added property `options`, which can be found in [the code](https://github.com/joewalnes/smoothie/blob/15fc4b62f5b23c8d5dd1784c820ae73f341626e6/smoothie.js#L270).
Even though it's not mentioned in the docs, it useful to be able to access these options after chart is initialized when you want to change appearance in real tme.

added function `timeFormatter`, which is mentioned in [right here, in the definitions](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/smoothie/smoothie.d.ts#L127) and can be found in [the code](https://github.com/joewalnes/smoothie/blob/15fc4b62f5b23c8d5dd1784c820ae73f341626e6/smoothie.js#L795)
---
 smoothie/smoothie.d.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/smoothie/smoothie.d.ts b/smoothie/smoothie.d.ts
index 98f205f598..c396261c52 100644
--- a/smoothie/smoothie.d.ts
+++ b/smoothie/smoothie.d.ts
@@ -141,6 +141,8 @@ declare module "smoothie"
      */
     export class SmoothieChart
     {
+        options: IChartOptions;
+
         constructor(chartOptions?: IChartOptions);
 
         /**
@@ -188,5 +190,7 @@ declare module "smoothie"
         updateValueRange(): void;
 
         render(canvas?: HTMLCanvasElement, time?: number): void;
+
+        static timeFormatter(date: Date): string;
     }
 }

From dda378990181cd75523afaddaf8d453c18e74276 Mon Sep 17 00:00:00 2001
From: microshine <microshine@mail.ru>
Date: Sat, 24 Sep 2016 16:18:53 +0300
Subject: [PATCH 003/382] Fix type errors

---
 pkcs11js/pkcs11js.d.ts | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/pkcs11js/pkcs11js.d.ts b/pkcs11js/pkcs11js.d.ts
index dcbdb401cb..676dce6555 100644
--- a/pkcs11js/pkcs11js.d.ts
+++ b/pkcs11js/pkcs11js.d.ts
@@ -210,7 +210,7 @@ declare module "pkcs11js" {
          * @param {Handle} slot ID of token's slot
          * @returns {Handle[]} Gets mech. array
          */
-        C_GetMechanismList(slot: Handle): number[];
+        C_GetMechanismList(slot: Handle): Handle[];
         /**
          * Obtains information about a particular mechanism possibly supported by a token 
          * 
@@ -218,7 +218,7 @@ declare module "pkcs11js" {
          * @param {Handle} mech Type of mechanism
          * @returns {MechanismInfo} Receives mechanism info
          */
-        C_GetMechanismInfo(slot: Handle, mech: number): MechanismInfo;
+        C_GetMechanismInfo(slot: Handle, mech: Handle): MechanismInfo;
 
         /* Session management */
 
@@ -1173,11 +1173,11 @@ declare module "pkcs11js" {
     const CKM_RSA_PKCS_TPM_1_1: number;
     const CKM_RSA_PKCS_OAEP_TPM_1_1: number;
     const CKM_VENDOR_DEFINED: number;
-
+    
     // Session flags
     const CKF_RW_SESSION: number;
     const CKF_SERIAL_SESSION: number;
-
+    
     // Follows
     const CKF_HW: number;
     const CKF_ENCRYPT: number;
@@ -1192,6 +1192,7 @@ declare module "pkcs11js" {
     const CKF_WRAP: number;
     const CKF_UNWRAP: number;
     const CKF_DERIVE: number;
+    const CKF_CLOCK_ON_TOKEN: number;
 
     // Certificates
     const CKC_X_509: number;
@@ -1223,4 +1224,4 @@ declare module "pkcs11js" {
     const CK_PARAMS_RSA_OAEP: number;
     const CK_PARAMS_RSA_PSS: number;
     const CK_PARAMS_EC_DH: number;
-}
\ No newline at end of file
+}

From e277344c14a3660e20e4645525c50b59c9756e1d Mon Sep 17 00:00:00 2001
From: Cedric van Putten <cedric@peakfijn.nl>
Date: Sat, 24 Sep 2016 21:18:16 +0200
Subject: [PATCH 004/382] Added typings for css-modules-require-hook

---
 .../css-modules-require-hook-tests.ts         | 174 ++++++++++++++++++
 .../css-modules-require-hook.d.ts             |  47 +++++
 2 files changed, 221 insertions(+)
 create mode 100644 css-modules-require-hook/css-modules-require-hook-tests.ts
 create mode 100644 css-modules-require-hook/css-modules-require-hook.d.ts

diff --git a/css-modules-require-hook/css-modules-require-hook-tests.ts b/css-modules-require-hook/css-modules-require-hook-tests.ts
new file mode 100644
index 0000000000..8fde182571
--- /dev/null
+++ b/css-modules-require-hook/css-modules-require-hook-tests.ts
@@ -0,0 +1,174 @@
+/// <reference path="./css-modules-require-hook.d.ts" />
+/// <reference path="../node/node.d.ts" />
+
+import * as hook from 'css-modules-require-hook';
+import * as path from 'path';
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#usage
+//
+
+hook({ generateScopedName: '[name]__[local]___[hash:base64:5]' });
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#adding-custom-postcss-plugins
+//
+
+hook({
+	prepend: [
+		() => {
+			// my prepender
+		},
+	],
+});
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#specify-custom-pattern-to-build-generic-names
+//
+
+hook({ generateScopedName: '[name]__[local]___[hash:base64:5]' });
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#using-stylus-as-a-preprocessor
+//
+
+hook({
+	extensions: ['.styl'],
+	preprocessCss: (css: string, filepath: string) => {
+		// my preprocesser
+	},
+});
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#tuning-options
+//
+
+hook({ /* my option */ });
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#devmode-boolean
+//
+
+hook({ devMode: false });
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#extensions-array
+//
+
+hook({ extensions: ['.scss', '.sass'] });
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#ignore-functionregexstring
+//
+
+hook({ ignore: (file: string) => false });
+hook({ ignore: 'unused' });
+hook({ ignore: /\.test\.(css|scss|sass)/$ });
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#preprocesscss-function
+//
+
+hook({ preprocessCss: (css: string, filepath: string) => css });
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#processcss-function
+//
+
+hook({ processCss: (css: string, filepath: string) => css });
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#processoropts-object
+//
+
+hook({
+	extensions: '.scss',
+	processorOpts: {
+		parser: () => {
+			// my parser
+		},
+	},
+});
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#camelcase-boolean
+//
+
+hook({ camelCase: true });
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#append-array
+//
+
+hook({
+	append: [
+		() => {
+			// another plugin
+		},
+	],
+});
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#prepend-array
+//
+
+hook({
+	prepend: [
+		() => {
+			// again, another plugin
+		},
+	],
+});
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#use-array
+//
+
+hook({
+	use: [
+		() => {
+			// they like plugins very much
+		},
+	],
+});
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#createimportedname-function
+//
+
+hook({
+	createImportedName: (css: string, filepath: string) => {
+		// my import name creator
+	},
+});
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#generatescopedname-stringfunction
+//
+
+hook({ generateScopedName: '[name]__[local]___[hash:base64:5]' });
+hook({
+	generateScopedName: () => {
+		// should generate something
+	},
+});
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#hashprefix-string
+//
+
+hook({ hashPrefix: 'awesome_' });
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#mode-string
+//
+
+hook({ mode: 'global' });
+hook({ mode: 'local' });
+hook({ mode: 'pure' });
+
+//
+// https://github.com/css-modules/css-modules-require-hook/blob/master/README.md#rootdir-string
+//
+
+hook({ rootDir: path.resolve('./my-folder') });
diff --git a/css-modules-require-hook/css-modules-require-hook.d.ts b/css-modules-require-hook/css-modules-require-hook.d.ts
new file mode 100644
index 0000000000..3777cf1fc2
--- /dev/null
+++ b/css-modules-require-hook/css-modules-require-hook.d.ts
@@ -0,0 +1,47 @@
+// Type definitions for css-modules-require-hook
+// Project: https://github.com/css-modules/css-modules-require-hook
+// Definitions by: Cedric van Putten <https://bycedric.com>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'css-modules-require-hook' {
+	interface Options {
+		/** Helps you to invalidate cache of all require calls. */
+		devMode?: boolean;
+		/** Attach the require hook to additional file extensions. */
+		extensions?: string | string[];
+		/** Provides possibility to exclude particular files from processing. */
+		ignore?: string | RegExp | Function;
+		/** In rare cases you may want to precompile styles, before they will be passed to the PostCSS pipeline. */
+		preprocessCss?: Function;
+		/** In rare cases you may want to get compiled styles in runtime, so providing this option helps. */
+		processCss?: Function;
+		/** Provides possibility to pass custom options to the LazyResult instance. */
+		processorOpts?: Object;
+		/** Camelizes exported class names. */
+		camelCase?: boolean;
+		/** Appends custom plugins to the end of the PostCSS pipeline. */
+		append?: Array<any>;
+		/** Prepends custom plugins to the beginning of the PostCSS pipeline. */
+		prepend?: Array<any>;
+		/** Provides the full list of PostCSS plugins to the pipeline. */
+		use?: Array<any>;
+		/** Short alias for the postcss-modules-extract-imports plugin's createImportedName option. */
+		createImportedName?: Function;
+		/** Short alias for the postcss-modules-scope plugin's option. */
+		generateScopedName?: string | Function;
+		/** Short alias for the generic-names helper option. */
+		hashPrefix?: string;
+		/** Short alias for the postcss-modules-local-by-default plugin's option. */
+		mode?: string;
+		/** Provides absolute path to the project directory. */
+		rootDir?: string;
+	}
+
+	interface RequireHook {
+		(options?: Options): void;
+	}
+
+	var requireHook: RequireHook;
+
+	export = requireHook;
+}

From 53a729cd0973d20549cf7bc320bc95932c7c0f7d Mon Sep 17 00:00:00 2001
From: microshine <microshine@mail.ru>
Date: Sun, 25 Sep 2016 01:33:59 +0300
Subject: [PATCH 005/382] Remove spaces

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

diff --git a/pkcs11js/pkcs11js.d.ts b/pkcs11js/pkcs11js.d.ts
index 676dce6555..d1b5314878 100644
--- a/pkcs11js/pkcs11js.d.ts
+++ b/pkcs11js/pkcs11js.d.ts
@@ -1173,11 +1173,11 @@ declare module "pkcs11js" {
     const CKM_RSA_PKCS_TPM_1_1: number;
     const CKM_RSA_PKCS_OAEP_TPM_1_1: number;
     const CKM_VENDOR_DEFINED: number;
-    
+
     // Session flags
     const CKF_RW_SESSION: number;
     const CKF_SERIAL_SESSION: number;
-    
+
     // Follows
     const CKF_HW: number;
     const CKF_ENCRYPT: number;

From 9215c3e845e3b03882b5c7fd45644eb5f3b17cf8 Mon Sep 17 00:00:00 2001
From: Cedric van Putten <cedric@peakfijn.nl>
Date: Sun, 25 Sep 2016 02:22:40 +0200
Subject: [PATCH 006/382] Added semver, added explicit ignore callback, unified
 array definition and removed one time interface

---
 .../css-modules-require-hook.d.ts                | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/css-modules-require-hook/css-modules-require-hook.d.ts b/css-modules-require-hook/css-modules-require-hook.d.ts
index 3777cf1fc2..b990ffb90f 100644
--- a/css-modules-require-hook/css-modules-require-hook.d.ts
+++ b/css-modules-require-hook/css-modules-require-hook.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for css-modules-require-hook
+// Type definitions for css-modules-require-hook 4.0.3
 // Project: https://github.com/css-modules/css-modules-require-hook
 // Definitions by: Cedric van Putten <https://bycedric.com>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -10,7 +10,7 @@ declare module 'css-modules-require-hook' {
 		/** Attach the require hook to additional file extensions. */
 		extensions?: string | string[];
 		/** Provides possibility to exclude particular files from processing. */
-		ignore?: string | RegExp | Function;
+		ignore?: string | RegExp | ((filepath: string) => boolean);
 		/** In rare cases you may want to precompile styles, before they will be passed to the PostCSS pipeline. */
 		preprocessCss?: Function;
 		/** In rare cases you may want to get compiled styles in runtime, so providing this option helps. */
@@ -20,11 +20,11 @@ declare module 'css-modules-require-hook' {
 		/** Camelizes exported class names. */
 		camelCase?: boolean;
 		/** Appends custom plugins to the end of the PostCSS pipeline. */
-		append?: Array<any>;
+		append?: any[];
 		/** Prepends custom plugins to the beginning of the PostCSS pipeline. */
-		prepend?: Array<any>;
+		prepend?: any[];
 		/** Provides the full list of PostCSS plugins to the pipeline. */
-		use?: Array<any>;
+		use?: any[];
 		/** Short alias for the postcss-modules-extract-imports plugin's createImportedName option. */
 		createImportedName?: Function;
 		/** Short alias for the postcss-modules-scope plugin's option. */
@@ -37,11 +37,7 @@ declare module 'css-modules-require-hook' {
 		rootDir?: string;
 	}
 
-	interface RequireHook {
-		(options?: Options): void;
-	}
-
-	var requireHook: RequireHook;
+	var requireHook: (options?: Options) => void;
 
 	export = requireHook;
 }

From 6b5e394f6f408b50a1fff4d8734fcf9c0585d76c Mon Sep 17 00:00:00 2001
From: Andrea Zucchini <azga84@gmail.com>
Date: Sun, 25 Sep 2016 02:50:36 +0200
Subject: [PATCH 007/382] Overwriting method signature

---
 method-override/method-override.d.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/method-override/method-override.d.ts b/method-override/method-override.d.ts
index 572a9226f8..73e2956cd2 100644
--- a/method-override/method-override.d.ts
+++ b/method-override/method-override.d.ts
@@ -20,8 +20,10 @@ declare module "method-override" {
         }
     }
 
-    function e(getter?: string, options?: e.MethodOverrideOptions): express.RequestHandler;
-    function e(getter?: (req: express.Request, res: express.Response) => string, options?: e.MethodOverrideOptions): express.RequestHandler;
+
+    type stringType = string;
+    type functionType = (req: express.Request, res: express.Response) => string; 
+    function e(getter?: stringType | functionType, options?: e.MethodOverrideOptions): express.RequestHandler;
 
     export = e;
 }

From 34ff2d1550fa30142966b1f5fa3a5cb8ca60c9e4 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Sun, 25 Sep 2016 12:39:15 +0800
Subject: [PATCH 008/382] Correct parameter type

---
 validator/validator.d.ts | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/validator/validator.d.ts b/validator/validator.d.ts
index c2289cf169..48fce17ff8 100644
--- a/validator/validator.d.ts
+++ b/validator/validator.d.ts
@@ -17,7 +17,7 @@ declare namespace ValidatorJS {
     contains(str: string, elem: any): boolean;
 
     // check if the string matches the comparison.
-    equals(str: string, comparison: any): boolean;
+    equals(str: string, comparison: string): boolean;
 
     // check if the string is a date that's after the specified date (defaults to now).
     isAfter(str: string, date?: string): boolean;
@@ -152,7 +152,7 @@ declare namespace ValidatorJS {
     isURL(str: string, options?: IsURLOptions): boolean;
 
     // check if the string is a UUID. Must be one of ['3', '4', '5', 'all'], default is all.
-    isUUID(str: string, version?: string|number): boolean;
+    isUUID(str: string, version?: string | number): boolean;
 
     // check if the string is uppercase.
     isUppercase(str: string): boolean;
@@ -161,10 +161,10 @@ declare namespace ValidatorJS {
     isVariableWidth(str: string): boolean;
 
     // checks characters if they appear in the whitelist.
-    isWhitelisted(str: string, chars: string|string[]): boolean;
+    isWhitelisted(str: string, chars: string | string[]): boolean;
 
     // check if string matches the pattern.
-    matches(str: string, pattern: RegExp|string, modifiers?: string): boolean;
+    matches(str: string, pattern: RegExp | string, modifiers?: string): boolean;
 
     // **************
     // * Sanitizers *
@@ -181,13 +181,13 @@ declare namespace ValidatorJS {
     unescape(input: string): string;
 
     // trim characters from the left-side of the input.
-    ltrim(input: any, chars?: string): string;
+    ltrim(input: string, chars?: string): string;
 
     // canonicalize an email address.
     normalizeEmail(email: string, options?: NormalizeEmailOptions): string;
 
     // trim characters from the right-side of the input.
-    rtrim(input: any, chars?: string): string;
+    rtrim(input: string, chars?: string): string;
 
     // remove characters with a numerical value < 32 and 127, mostly control characters. If keep_new_lines is true,
     // newline characters are preserved (\n and \r, hex 0xA and 0xD). Unicode-safe in JavaScript.
@@ -195,19 +195,19 @@ declare namespace ValidatorJS {
 
     // convert the input to a boolean. Everything except for '0', 'false' and '' returns true. In strict mode only '1'
     // and 'true' return true.
-    toBoolean(input: any, strict?: boolean): boolean;
+    toBoolean(input: string, strict?: boolean): boolean;
 
     // convert the input to a date, or null if the input is not a date.
-    toDate(input: any): Date; // Date or null
+    toDate(input: string): Date; // Date or null
 
     // convert the input to a float, or NaN if the input is not a float.
-    toFloat(input: any): number; // number or NaN
+    toFloat(input: string): number; // number or NaN
 
     // convert the input to an integer, or NaN if the input is not an integer.
-    toInt(input: any, radix?: number): number; // number or NaN
+    toInt(input: string, radix?: number): number; // number or NaN
 
     // trim characters (whitespace by default) from both sides of the input.
-    trim(input: any, chars?: string): string;
+    trim(input: string, chars?: string): string;
 
     // remove characters that do not appear in the whitelist. The characters are used in a RegExp and so you will
     // need to escape some chars, e.g. whitelist(input, '\\[\\]').
@@ -284,8 +284,8 @@ declare namespace ValidatorJS {
     require_host: boolean;
     require_valid_protocol?: boolean;
     allow_underscores?: boolean;
-    host_whitelist?: (string|RegExp)[];
-    host_blacklist?: (string|RegExp)[];
+    host_whitelist?: (string | RegExp)[];
+    host_blacklist?: (string | RegExp)[];
     allow_trailing_dot?: boolean;
     allow_protocol_relative_urls?: boolean;
   }
@@ -304,7 +304,7 @@ declare module "validator" {
 }
 
 // deprecated interfaces for backward compatibility, please use ValidatorJS.* instead the ones
-interface IValidatorStatic extends ValidatorJS.ValidatorStatic {}
-interface IURLoptions extends ValidatorJS.IsURLOptions {}
-interface IFQDNoptions extends ValidatorJS.IsFQDNOptions {}
-interface IEmailoptions extends ValidatorJS.NormalizeEmailOptions {}
+interface IValidatorStatic extends ValidatorJS.ValidatorStatic { }
+interface IURLoptions extends ValidatorJS.IsURLOptions { }
+interface IFQDNoptions extends ValidatorJS.IsFQDNOptions { }
+interface IEmailoptions extends ValidatorJS.NormalizeEmailOptions { }

From ac3aa50a8dff706e9f7495e19dfab96c32925a89 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Sun, 25 Sep 2016 12:53:48 +0800
Subject: [PATCH 009/382] Add MobilePhoneLocale

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

diff --git a/validator/validator.d.ts b/validator/validator.d.ts
index c2289cf169..dc69ff1c54 100644
--- a/validator/validator.d.ts
+++ b/validator/validator.d.ts
@@ -6,7 +6,8 @@
 declare namespace ValidatorJS {
   type AlphaLocale = "ar" | "ar-AE" | "ar-BH" | "ar-DZ" | "ar-EG" | "ar-IQ" | "ar-JO" | "ar-KW" | "ar-LB" | "ar-LY" | "ar-MA" | "ar-QA" | "ar-QM" | "ar-SA" | "ar-SD" | "ar-SY" | "ar-TN" | "ar-YE" | "cs-CZ" | "de-DE" | "en-AU" | "en-GB" | "en-HK" | "en-IN" | "en-NZ" | "en-US" | "en-ZA" | "en-ZM" | "es-ES" | "fr-FR" | "hu-HU" | "nl-NL" | "pl-PL" | "pt-BR" | "pt-PT" | "ru-RU" | "sr-RS" | "sr-RS@latin" | "tr-TR";
   type AlphanumericLocale = "ar" | "ar-AE" | "ar-BH" | "ar-DZ" | "ar-EG" | "ar-IQ" | "ar-JO" | "ar-KW" | "ar-LB" | "ar-LY" | "ar-MA" | "ar-QA" | "ar-QM" | "ar-SA" | "ar-SD" | "ar-SY" | "ar-TN" | "ar-YE" | "cs-CZ" | "de-DE" | "en-AU" | "en-GB" | "en-HK" | "en-IN" | "en-NZ" | "en-US" | "en-ZA" | "en-ZM" | "es-ES" | "fr-FR" | "fr-BE" | "hu-HU" | "nl-BE" | "nl-NL" | "pl-PL" | "pt-BR" | "pt-PT" | "ru-RU" | "sr-RS" | "sr-RS@latin" | "tr-TR";
-
+  type MobilePhoneLocale = "ar-DZ" | "ar-SA" | "ar-SY" | "cs-CZ" | "de-DE" | "da-DK" | "el-GR" | "en-AU" | "en-GB" | "en-HK" | "en-IN" | "en-NZ" | "en-US" | "en-CA" | "en-ZA" | "en-ZM" | "es-ES" | "fi-FI" | "fr-FR" | "hu-HU" | "it-IT" | "ja-JP" | "ms-MY" | "nb-NO" | "nn-NO" | "pl-PL" | "pt-PT" | "ru-RU" | "sr-RS" | "tr-TR" | "vi-VN" | "zh-CN" | "zh-TW"
+  
   interface ValidatorStatic {
 
     // **************
@@ -130,7 +131,7 @@ declare namespace ValidatorJS {
     // 'en-IN', 'en-NZ', 'en-US', 'en-CA', 'en-ZA', 'en-ZM', 'es-ES', 'fi-FI', 'fr-FR', 'hu-HU',
     // 'it-IT', 'ja-JP', 'ms-MY', 'nb-NO', 'nn-NO', 'pl-PL', 'pt-PT', 'ru-RU', 'sr-RS', 'tr-TR',
     // 'vi-VN', 'zh-CN', 'zh-TW']).
-    isMobilePhone(str: string, locale: string): boolean;
+    isMobilePhone(str: string, locale: MobilePhoneLocale): boolean;
 
     // check if the string is a valid hex-encoded representation of a MongoDB ObjectId
     // (http://docs.mongodb.org/manual/reference/object-id/).

From bf8640709e1ba72ed387b5f80970f60734bfe054 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Sun, 25 Sep 2016 12:56:19 +0800
Subject: [PATCH 010/382] Add isMobilePhone tests

---
 validator/validator-tests.ts | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/validator/validator-tests.ts b/validator/validator-tests.ts
index 748a6bf340..cc857121bb 100644
--- a/validator/validator-tests.ts
+++ b/validator/validator-tests.ts
@@ -178,7 +178,39 @@ let any: any;
 
   result = validator.isMD5('sample');
 
+  result = validator.isMobilePhone('sample', 'ar-DZ');
+  result = validator.isMobilePhone('sample', 'ar-SA');
+  result = validator.isMobilePhone('sample', 'ar-SY');
+  result = validator.isMobilePhone('sample', 'cs-CZ');
+  result = validator.isMobilePhone('sample', 'de-DE');
+  result = validator.isMobilePhone('sample', 'da-DK');
+  result = validator.isMobilePhone('sample', 'el-GR');
+  result = validator.isMobilePhone('sample', 'en-AU');
+  result = validator.isMobilePhone('sample', 'en-GB');
+  result = validator.isMobilePhone('sample', 'en-HK');
+  result = validator.isMobilePhone('sample', 'en-IN');
+  result = validator.isMobilePhone('sample', 'en-NZ');
   result = validator.isMobilePhone('sample', 'en-US');
+  result = validator.isMobilePhone('sample', 'en-CA');
+  result = validator.isMobilePhone('sample', 'en-ZA');
+  result = validator.isMobilePhone('sample', 'en-ZM');
+  result = validator.isMobilePhone('sample', 'es-ES');
+  result = validator.isMobilePhone('sample', 'fi-FI');
+  result = validator.isMobilePhone('sample', 'fr-FR');
+  result = validator.isMobilePhone('sample', 'hu-HU');
+  result = validator.isMobilePhone('sample', 'it-IT');
+  result = validator.isMobilePhone('sample', 'ja-JP');
+  result = validator.isMobilePhone('sample', 'ms-MY');
+  result = validator.isMobilePhone('sample', 'nb-NO');
+  result = validator.isMobilePhone('sample', 'nn-NO');
+  result = validator.isMobilePhone('sample', 'pl-PL');
+  result = validator.isMobilePhone('sample', 'pt-PT');
+  result = validator.isMobilePhone('sample', 'ru-RU');
+  result = validator.isMobilePhone('sample', 'sr-RS');
+  result = validator.isMobilePhone('sample', 'tr-TR');
+  result = validator.isMobilePhone('sample', 'vi-VN');
+  result = validator.isMobilePhone('sample', 'zh-CN');
+  result = validator.isMobilePhone('sample', 'zh-TW');
 
   result = validator.isMongoId('sample');
 

From 9e563f461278090424447a065809149f017cd182 Mon Sep 17 00:00:00 2001
From: mudkip <i@mudkip.me>
Date: Sun, 25 Sep 2016 14:34:01 +0800
Subject: [PATCH 011/382] Type definitions for bit-array

---
 bit-array/bit-array-tests.ts |  10 ++++
 bit-array/bit-array.d.ts     | 106 +++++++++++++++++++++++++++++++++++
 2 files changed, 116 insertions(+)
 create mode 100644 bit-array/bit-array-tests.ts
 create mode 100644 bit-array/bit-array.d.ts

diff --git a/bit-array/bit-array-tests.ts b/bit-array/bit-array-tests.ts
new file mode 100644
index 0000000000..9337c2afa9
--- /dev/null
+++ b/bit-array/bit-array-tests.ts
@@ -0,0 +1,10 @@
+/// <reference path="bit-array.d.ts" />
+
+import * as BitArray from "bit-array";
+
+const a = new BitArray(32);
+a.set(0, true);
+a.set(31, true);
+a.toString(); // "10000000000000000000000000000001"
+a.get(1); // false
+a.get(31); // true
\ No newline at end of file
diff --git a/bit-array/bit-array.d.ts b/bit-array/bit-array.d.ts
new file mode 100644
index 0000000000..e9ee31339e
--- /dev/null
+++ b/bit-array/bit-array.d.ts
@@ -0,0 +1,106 @@
+// Type definitions for bit-array v0.2.2
+// Project: https://github.com/bramstein/bit-array
+// Definitions by: Mudkip <https://github.com/mudkipme>
+// Definitions: https://github.com/mudkipme/DefinitelyTyped
+
+declare module "bit-array" {
+
+    class BitArray {
+        /**
+         * Creates a new empty BitArray with the given length or initialises the BitArray with the given hex representation.
+         */
+        constructor(size: number, hex?: string);
+
+        /**
+         * Returns the total number of bits in this BitArray.
+         */
+        size(): number;
+
+        /**
+         * Sets the bit at index to a value (boolean.)
+         */
+        set(index: number, value: boolean): BitArray;
+
+        /**
+         * Toggles the bit at index. If the bit is on, it is turned off. Likewise, if the bit is off it is turned on.
+         */
+        toggle(index: number): BitArray;
+
+        /**
+         * Returns the value of the bit at index (boolean.)
+         */
+        get(index: number): boolean;
+
+        /**
+         * Resets the BitArray so that it is empty and can be re-used.
+         */
+        reset(): BitArray;
+
+        /**
+         * Returns a copy of this BitArray.
+         */
+        copy(): BitArray;
+
+        /**
+         * Returns true if this BitArray equals another. Two BitArrays are considered
+         * equal if both have the same length and bit pattern.
+         */
+        equals(x: BitArray): boolean;
+
+        /**
+         * Returns the JSON representation of this BitArray.
+         */
+        toJSON(): string;
+
+        /**
+         * Returns a string representation of the BitArray with bits
+         * in mathemetical order.
+         */
+        toBinaryString(): string;
+
+        /**
+         * Returns a hexadecimal string representation of the BitArray
+         * with bits in logical order.
+         */
+        toHexString(): string;
+
+        /**
+         * Returns a string representation of the BitArray with bits
+         * in logical order.
+         */
+        toString(): string;
+
+        /**
+         * Convert the BitArray to an Array of boolean values (slow).
+         */
+        toArray(): boolean[];
+
+        /**
+         * Returns the total number of bits set to one in this BitArray.
+         */
+        count(): number;
+
+        /**
+         * Inverts this BitArray.
+         */
+        not(): BitArray;
+
+        /**
+         * Bitwise OR on the values of this BitArray using BitArray x.
+         */
+        or(x: BitArray): BitArray;
+
+        /**
+         * Bitwise AND on the values of this BitArray using BitArray x.
+         */
+        and(x: BitArray): BitArray;
+
+        /**
+         * Bitwise XOR on the values of this BitArray using BitArray x.
+         */
+        xor(x: BitArray): BitArray;
+    }
+
+    namespace BitArray {}
+    export = BitArray;
+}
\ No newline at end of file

From cc8a36678692b28eeea4e5f8dcc17fc3de21e4b6 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Sun, 25 Sep 2016 15:03:32 +0800
Subject: [PATCH 012/382] Add emit for cluster

---
 node/node.d.ts | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/node/node.d.ts b/node/node.d.ts
index f3657db4a5..5b807cb5b2 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -797,6 +797,14 @@ declare module "cluster" {
         addListener(event: "message", listener: (message: any, handle: net.Socket | net.Server) => void): this;  // the handle is a net.Socket or net.Server object, or undefined.
         addListener(event: "online", listener: () => void): this;
 
+        emit(event: string, listener: Function): boolean
+        emit(event: "disconnect", listener: () => void): boolean
+        emit(event: "error", listener: (code: number, signal: string) => void): boolean
+        emit(event: "exit", listener: (code: number, signal: string) => void): boolean
+        emit(event: "listening", listener: (address: Address) => void): boolean
+        emit(event: "message", listener: (message: any, handle: net.Socket | net.Server) => void): boolean
+        emit(event: "online", listener: () => void): boolean
+
         on(event: string, listener: Function): this;
         on(event: "disconnect", listener: () => void): this;
         on(event: "error", listener: (code: number, signal: string) => void): this;
@@ -863,6 +871,15 @@ declare module "cluster" {
         addListener(event: "online", listener: (worker: Worker) => void): this;
         addListener(event: "setup", listener: (settings: any) => void): this;
 
+        emit(event: string, listener: Function): boolean;
+        emit(event: "disconnect", listener: (worker: Worker) => void): boolean;
+        emit(event: "exit", listener: (worker: Worker, code: number, signal: string) => void): boolean;
+        emit(event: "fork", listener: (worker: Worker) => void): boolean;
+        emit(event: "listening", listener: (worker: Worker, address: Address) => void): boolean;
+        emit(event: "message", listener: (worker: Worker, message: any, handle: net.Socket | net.Server) => void): boolean;
+        emit(event: "online", listener: (worker: Worker) => void): boolean;
+        emit(event: "setup", listener: (settings: any) => void): boolean;
+
         on(event: string, listener: Function): this;
         on(event: "disconnect", listener: (worker: Worker) => void): this;
         on(event: "exit", listener: (worker: Worker, code: number, signal: string) => void): this;
@@ -932,6 +949,15 @@ declare module "cluster" {
     export function addListener(event: "online", listener: (worker: Worker) => void): Cluster;
     export function addListener(event: "setup", listener: (settings: any) => void): Cluster;
 
+    export function emit(event: string, listener: Function): boolean;
+    export function emit(event: "disconnect", listener: (worker: Worker) => void): boolean;
+    export function emit(event: "exit", listener: (worker: Worker, code: number, signal: string) => void): boolean;
+    export function emit(event: "fork", listener: (worker: Worker) => void): boolean;
+    export function emit(event: "listening", listener: (worker: Worker, address: Address) => void): boolean;
+    export function emit(event: "message", listener: (worker: Worker, message: any, handle: net.Socket | net.Server) => void): boolean;
+    export function emit(event: "online", listener: (worker: Worker) => void): boolean;
+    export function emit(event: "setup", listener: (settings: any) => void): boolean;
+
     export function on(event: string, listener: Function): Cluster;
     export function on(event: "disconnect", listener: (worker: Worker) => void): Cluster;
     export function on(event: "exit", listener: (worker: Worker, code: number, signal: string) => void): Cluster;
@@ -955,7 +981,6 @@ declare module "cluster" {
     export function setMaxListeners(n: number): Cluster;
     export function getMaxListeners(): number;
     export function listeners(event: string): Function[];
-    export function emit(event: string, ...args: any[]): boolean;
     export function listenerCount(type: string): number;
 
     export function prependListener(event: string, listener: Function): Cluster;

From 1dc78748609a0d41e1dd2cbef975f2b2dbfba7d9 Mon Sep 17 00:00:00 2001
From: Andrea Zucchini <azga84@gmail.com>
Date: Sun, 25 Sep 2016 11:46:06 +0200
Subject: [PATCH 013/382] To use the definition inline

---
 method-override/method-override.d.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/method-override/method-override.d.ts b/method-override/method-override.d.ts
index 73e2956cd2..e201c5434a 100644
--- a/method-override/method-override.d.ts
+++ b/method-override/method-override.d.ts
@@ -21,9 +21,8 @@ declare module "method-override" {
     }
 
 
-    type stringType = string;
-    type functionType = (req: express.Request, res: express.Response) => string; 
-    function e(getter?: stringType | functionType, options?: e.MethodOverrideOptions): express.RequestHandler;
+    function e(getter?: string | ((req: express.Request, res: express.Response) => string), options?: e.MethodOverrideOptions): express.RequestHandler;
+
 
     export = e;
 }

From b6dd4429d8e87574882fa3c9cf205943d4627336 Mon Sep 17 00:00:00 2001
From: Vikash Kumar <krvikash35@gmail.com>
Date: Sun, 25 Sep 2016 18:07:43 +0530
Subject: [PATCH 014/382] [logat.d.ts] Type definition for node module 'logat'
 (#11485)

* Create logat.d.ts

* Create logat-tests.ts

* Update logat-tests.ts

* Update logat-tests.ts

* Update logat.d.ts

* updated logat test

* updated type definiton
---
 logat/logat-tests.ts | 19 +++++++++++++++++++
 logat/logat.d.ts     | 26 ++++++++++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 logat/logat-tests.ts
 create mode 100644 logat/logat.d.ts

diff --git a/logat/logat-tests.ts b/logat/logat-tests.ts
new file mode 100644
index 0000000000..58a7333342
--- /dev/null
+++ b/logat/logat-tests.ts
@@ -0,0 +1,19 @@
+/// <reference path="logat.d.ts" />
+
+import logat = require('logat');
+
+logat.on('LogConfigError', function(err: any){
+})
+
+logat.error('This is error');
+logat.error( new Error('This is error instance') );
+logat.error( String('object1'), String('object2') );
+logat.warn('This is warn');
+logat.info('This is info');
+logat.debug('This is debug');
+
+logat.setOptions( {
+  logLevel: 4,
+  logMethod: 1
+});
+logat.getOptions();
diff --git a/logat/logat.d.ts b/logat/logat.d.ts
new file mode 100644
index 0000000000..f36adb3dfb
--- /dev/null
+++ b/logat/logat.d.ts
@@ -0,0 +1,26 @@
+// Type definitions for logat 1.x.x
+// Project: https://github.com/krvikash35/logat
+// Definitions by: Vikash <https://github.com/krvikash35/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+///<reference path="../node/node.d.ts" />
+
+declare module 'logat'{
+
+  interface LogOptionsI {
+    logLevel?: number,
+    logMethod?: number,
+    logFileName?: string
+  }
+
+  class Logger extends NodeJS.EventEmitter {
+    error(...args: any[]): void;
+    warn(...args: any[]): void;
+    info(...args: any[]): void;
+    debug(...args: any[]): void;
+    getOptions(): LogOptionsI;
+    setOptions(options: LogOptionsI): void;
+  }
+
+  export = new Logger();
+}

From 1d3de94f5077de90ec0d0a765c3887bab07399bd Mon Sep 17 00:00:00 2001
From: Kombu <aicest@users.noreply.github.com>
Date: Tue, 20 Sep 2016 10:23:29 +0800
Subject: [PATCH 015/382] [dateformat.d.ts] Add definitions for dateformat

---
 dateformat/dateformat-tests.ts | 58 +++++++++++++++++++++++++
 dateformat/dateformat.d.ts     | 77 ++++++++++++++++++++++++++++++++++
 2 files changed, 135 insertions(+)
 create mode 100644 dateformat/dateformat-tests.ts
 create mode 100644 dateformat/dateformat.d.ts

diff --git a/dateformat/dateformat-tests.ts b/dateformat/dateformat-tests.ts
new file mode 100644
index 0000000000..95d642b922
--- /dev/null
+++ b/dateformat/dateformat-tests.ts
@@ -0,0 +1,58 @@
+/// <reference path='dateformat.d.ts' />
+
+/**
+ * https://github.com/felixge/node-dateformat#usage
+ */
+
+import * as dateFormat from 'dateformat'
+const now = new Date()
+
+// Basic usage
+dateFormat(now, 'dddd, mmmm dS, yyyy, h:MM:ss TT')
+// Saturday, June 9th, 2007, 5:46:21 PM
+
+// You can use one of several named masks
+dateFormat(now, 'isoDateTime')
+// 2007-06-09T17:46:21
+
+// ...Or add your own
+dateFormat.masks['hammerTime'] = `HH:MM! "Can't touch this!"`
+dateFormat(now, 'hammerTime')
+// 17:46! Can't touch this!
+
+// When using the standalone dateFormat function,
+// you can also provide the date as a string
+dateFormat('Jun 9 2007', 'fullDate')
+// Saturday, June 9, 2007
+
+// Note that if you don't include the mask argument,
+// dateFormat.masks.default is used
+dateFormat(now)
+// Sat Jun 09 2007 17:46:21
+
+// And if you don't include the date argument,
+// the current date and time is used
+dateFormat()
+// Sat Jun 09 2007 17:46:22
+
+// You can also skip the date argument (as long as your mask doesn't
+// contain any numbers), in which case the current date/time is used
+dateFormat('longTime')
+// 5:46:22 PM EST
+
+// And finally, you can convert local time to UTC time. Simply pass in
+// true as an additional argument (no argument skipping allowed in this case):
+dateFormat(now, 'longTime', true)
+// 10:46:21 PM UTC
+
+// ...Or add the prefix 'UTC:' or 'GMT:' to your mask.
+dateFormat(now, 'UTC:h:MM:ss TT Z')
+// 10:46:21 PM UTC
+
+// You can also get the ISO 8601 week of the year:
+dateFormat(now, 'W')
+// 42
+
+// and also get the ISO 8601 numeric representation of the day of the week:
+dateFormat(now, 'N')
+// 6
diff --git a/dateformat/dateformat.d.ts b/dateformat/dateformat.d.ts
new file mode 100644
index 0000000000..9a97ba620f
--- /dev/null
+++ b/dateformat/dateformat.d.ts
@@ -0,0 +1,77 @@
+// Type definitions for dateformat v1.0.12
+// Project: https://github.com/felixge/node-dateformat
+// Definitions by: Kombu <https://github.com/aicest>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * dateFormat.masks
+ *
+ * Predefined Formats
+ *
+ * https://github.com/felixge/node-dateformat/blob/master/lib/dateformat.js#L107
+ */
+interface DateFormatMasks {
+    default: string;
+    shortDate: string;
+    mediumDate: string;
+    longDate: string;
+    fullDate: string;
+    shortTime: string;
+    mediumTime: string;
+    longTime: string;
+    isoDate: string;
+    isoTime: string;
+    isoDateTime: string;
+    isoUtcDateTime: string;
+    expiresHeaderFormat: string;
+    [key: string]: string;
+}
+
+/**
+ * dateFormat.i18n
+ *
+ * Internationalization strings
+ *
+ * Example:
+ *
+ * ```
+ * dateFormat.i18n = {
+ *   dayNames: [
+ *     'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat',
+ *     'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'
+ *   ],
+ *   monthNames: [
+ *     'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',
+ *     'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'
+ *   ]
+ * }
+ * ```
+ *
+ * https://github.com/felixge/node-dateformat/blob/master/lib/dateformat.js#L124
+ */
+interface DateFormatI18n {
+    dayNames: string[];
+    monthNames: string[];
+}
+
+/**
+ * dateFormat()
+ *
+ * Accepts a date, a mask, or a date and a mask.
+ * Returns a formatted version of the given date.
+ * The date defaults to the current date/time.
+ * The mask defaults to dateFormat.masks.default.
+ *
+ * https://github.com/felixge/node-dateformat/blob/master/lib/dateformat.js#L18
+ */
+interface DateFormatStatic {
+    (date?: Date | string | number, mask?: string, utc?: boolean, gmt?: boolean): string;
+    (mask?: string, utc?: boolean, gmt?: boolean): string;
+    masks: DateFormatMasks;
+    i18n: DateFormatI18n;
+}
+
+declare module 'dateformat' {
+    const dateFormat: DateFormatStatic;
+    export = dateFormat;
+}

From df45fdf0af7a829a74e86e04f94413c6cadebac1 Mon Sep 17 00:00:00 2001
From: mudkip <i@mudkip.me>
Date: Sun, 25 Sep 2016 22:43:40 +0800
Subject: [PATCH 016/382] Remove the ES6 module hack

---
 bit-array/bit-array-tests.ts           | 2 +-
 bit-array/bit-array-tests.ts.tscparams | 1 +
 bit-array/bit-array.d.ts               | 1 -
 3 files changed, 2 insertions(+), 2 deletions(-)
 create mode 100644 bit-array/bit-array-tests.ts.tscparams

diff --git a/bit-array/bit-array-tests.ts b/bit-array/bit-array-tests.ts
index 9337c2afa9..20310b2208 100644
--- a/bit-array/bit-array-tests.ts
+++ b/bit-array/bit-array-tests.ts
@@ -1,6 +1,6 @@
 /// <reference path="bit-array.d.ts" />
 
-import * as BitArray from "bit-array";
+import BitArray = require("bit-array");
 
 const a = new BitArray(32);
 a.set(0, true);
diff --git a/bit-array/bit-array-tests.ts.tscparams b/bit-array/bit-array-tests.ts.tscparams
new file mode 100644
index 0000000000..85542607d1
--- /dev/null
+++ b/bit-array/bit-array-tests.ts.tscparams
@@ -0,0 +1 @@
+--noImplicitAny --module commonjs
diff --git a/bit-array/bit-array.d.ts b/bit-array/bit-array.d.ts
index e9ee31339e..bab3d98a46 100644
--- a/bit-array/bit-array.d.ts
+++ b/bit-array/bit-array.d.ts
@@ -101,6 +101,5 @@ declare module "bit-array" {
         xor(x: BitArray): BitArray;
     }
 
-    namespace BitArray {}
     export = BitArray;
 }
\ No newline at end of file

From 3ab295950ca3106cb1bf90d13fd1c7a1e9c5e6fa Mon Sep 17 00:00:00 2001
From: David Wood <david.p.wood@gmail.com>
Date: Sun, 25 Sep 2016 16:21:10 +0100
Subject: [PATCH 017/382] Yayson definitions (#11484)

* Add yayson Store typings

* Add yayson Store tests

* Improve yayson coverage

* Specify version in yayson definition

* Remove yayson generics and tidy
---
 yayson/yayson-tests.ts | 116 +++++++++++++++++++++++++++++++++++++++++
 yayson/yayson.d.ts     |  64 +++++++++++++++++++++++
 2 files changed, 180 insertions(+)
 create mode 100644 yayson/yayson-tests.ts
 create mode 100644 yayson/yayson.d.ts

diff --git a/yayson/yayson-tests.ts b/yayson/yayson-tests.ts
new file mode 100644
index 0000000000..7ae86c541f
--- /dev/null
+++ b/yayson/yayson-tests.ts
@@ -0,0 +1,116 @@
+/// <reference path="yayson.d.ts" />
+
+import * as Yayson from "yayson";
+
+const yayson = Yayson({ adapter: 'default' }) || Yayson({ adapter: 'sequelize' }) || Yayson();
+const Adapter = yayson.Adapter;
+const Store = yayson.Store;
+const Presenter = yayson.Presenter;
+
+interface Thing {
+  hello: 'world' | 'you';
+}
+
+function test_store() {
+  const store = new Store();
+
+  store.sync('some string').toString();
+  store.sync(1234).toString();
+  store.sync({ any: 'thing' }).toString();
+
+  store.find('mytype', '1234').toString();
+  <[]> store.findAll('mytype');
+
+  store.remove('mytype', '1234');
+  store.remove('mytype');
+
+  store.reset();
+
+  <Yayson.Record[]> store.records;
+  store.records[0].attributes.toString();
+  store.records[0].id.toString();
+  store.records[0].relationships.toString();
+  <string> store.records[0].type;
+
+  store.relations['something'];
+}
+
+function test_presenter_static() {
+  Presenter.render('something').toString();
+  Presenter.render({}).toString();
+  Presenter.render({}, { meta: {} }).toString();
+
+  <[]> Presenter.render([]);
+  <[]> Presenter.render([], { meta: {} });
+
+  const promiseNum: PromiseLike<number> = null;
+
+  Presenter.render(promiseNum).then(data => data.toExponential());
+  Presenter.render(promiseNum, { meta: { so: 'meta' } }).then(data => data.toExponential());
+
+  Presenter.toJSON({ any: 'thing' }).toString();
+  Presenter.toJSON({ other: 'thing' }, { meta: { so: 'meta' } }).toString();
+}
+
+function test_presenter_instance() {
+  const presenter = new Presenter();
+
+  presenter.render({}).toString();
+  presenter.render({}, { meta: {} }).toString();
+
+  <[]> presenter.render([]);
+  <[]> presenter.render([], { meta: {} });
+
+  const promiseNum: PromiseLike<number> = null;
+
+  presenter.render(promiseNum).then(data => data.toExponential());
+  presenter.render(promiseNum, { meta: { so: 'meta' } }).then(data => data.toExponential());
+
+  presenter.toJSON({ any: 'thing' }).toString();
+  presenter.toJSON({ other: 'thing' }, { meta: { so: 'meta' } }).toString();
+}
+
+function test_presenter_inheritance() {
+  class MotorPresenter extends Presenter {
+    type = 'motors';
+    relationships() {
+      return { car: CarPresenter }
+    };
+    selfLinks(instance: any) {
+      return '/cars/' + this.id(instance);
+    };
+  }
+
+  class CarPresenter extends Presenter {
+    type = 'cars'
+    relationships() {
+      return { motor: MotorPresenter }
+    };
+  }
+
+  const motor: { id: any; car: any } = {
+    id: 2,
+    car: null
+  }
+
+  const car = {
+    id: 1,
+    motor: motor
+  }
+
+  motor.car = car;
+
+  CarPresenter.toJSON(car).toString();
+  CarPresenter.toJSON(car, { meta: { so: 'meta' } }).toString();
+
+  CarPresenter.render({ id: 3 }).toString();
+  CarPresenter.render({ id: 3 }, { meta: { so: 'meta' } }).toString();
+  CarPresenter.render({ id: 3 }, { car: { id: 3 } }).toString();
+}
+
+function test_adapter() {
+  Adapter.get({ name: 'Abraham' }).toString();
+  Adapter.get({ name: 'Abraham' }, 'name').toString();
+
+  <string> Adapter.id({ id: 5 });
+}
diff --git a/yayson/yayson.d.ts b/yayson/yayson.d.ts
new file mode 100644
index 0000000000..1ee0eda777
--- /dev/null
+++ b/yayson/yayson.d.ts
@@ -0,0 +1,64 @@
+// Type definitions for yayson v2.0.1
+// Project: https://github.com/confetti/yayson
+// Definitions by: David Wood <https://github.com/Codesleuth>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'yayson' {
+  class Store {
+    sync(obj: {}): any;
+    find(type: string, id: string): any;
+    findAll(type: string): any[];
+    remove(type: string, id?: string): void;
+    reset(): void;
+
+    records: y.Record[];
+    relations: { [key: string]: any };
+  }
+
+  interface Adapter {
+    get(model: {}, key?: string): any;
+    id(model: {}): string;
+  }
+
+  class Presenter {
+    static adapter: string;
+
+    static render<T>(instanceOrCollection: PromiseLike<T>, options?: y.JsonOptions): PromiseLike<T>;
+    static render(instanceOrCollection: {}, options?: y.JsonOptions): any;
+    static toJSON(instanceOrCollection: {}, options?: y.JsonOptions): any;
+
+    render<T>(instanceOrCollection: PromiseLike<T>, options?: y.JsonOptions): PromiseLike<T>;
+    render(instanceOrCollection: {}, options?: y.JsonOptions): any;
+    toJSON(instanceOrCollection: {}, options?: y.JsonOptions): any;
+    id(instance: {}): string;
+
+    type: string;
+  }
+
+  interface Yayson {
+    Store: typeof Store;
+    Presenter: typeof Presenter;
+    Adapter: Adapter;
+  }
+
+  interface YaysonOptions {
+    adapter?: 'default' | 'sequelize';
+  }
+
+  function y(arg?: YaysonOptions): Yayson;
+
+  namespace y {
+    interface JsonOptions {
+      [key: string]: any;
+      meta?: {};
+    }
+    interface Record {
+      id: any;
+      type: string;
+      attributes: any;
+      relationships: any;
+    }
+  }
+
+  export = y;
+}

From 8ca204242d6b56ec6c79ef663f7c0eaf14ac483e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niko=20Kova=C4=8Di=C4=8D?= <niko.kovacic2@gmail.com>
Date: Sun, 25 Sep 2016 19:57:26 +0200
Subject: [PATCH 018/382] Changed namespace from angularTouchspin to
 angular.touchspin (#11414)

---
 angular-touchspin/angular-touchspin-tests.ts | 6 +++---
 angular-touchspin/angular-touchspin.d.ts     | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/angular-touchspin/angular-touchspin-tests.ts b/angular-touchspin/angular-touchspin-tests.ts
index c6e229c7f5..c69c6b3140 100644
--- a/angular-touchspin/angular-touchspin-tests.ts
+++ b/angular-touchspin/angular-touchspin-tests.ts
@@ -2,9 +2,9 @@
 /// <reference path='angular-touchspin.d.ts' />
 
 angular
-    .module('touchspin-tests', ['lm.touchspin'])
-    .config(function(touchspinConfigProvider: angularTouchSpin.ITouchSpinConfigProvider) {
-        touchspinConfigProvider.defaults(<angularTouchSpin.ITouchSpinOptions>{
+    .module('touchspin-tests', ['nk.touchspin'])
+    .config(function(touchspinConfigProvider: angular.touchspin.ITouchSpinConfigProvider) {
+        touchspinConfigProvider.defaults(<angular.touchspin.ITouchSpinOptions>{
             min: 0,
             max: 0,
             step: 0,
diff --git a/angular-touchspin/angular-touchspin.d.ts b/angular-touchspin/angular-touchspin.d.ts
index 5423b17e55..adae8cc92c 100644
--- a/angular-touchspin/angular-touchspin.d.ts
+++ b/angular-touchspin/angular-touchspin.d.ts
@@ -11,7 +11,7 @@ declare module "angular-touchspin" {
     export = _;
 }
 
-declare namespace angularTouchSpin {
+declare namespace angular.touchspin {
     interface ITouchSpinOptions {
         min?: number;
         max?: number;

From a1769ac42af931b508ae94b7a833a2654594e815 Mon Sep 17 00:00:00 2001
From: Kombu <aicest@users.noreply.github.com>
Date: Mon, 26 Sep 2016 02:01:26 +0800
Subject: [PATCH 019/382] [perfect-scrollbar.d.ts] Add definitions for
 perfect-scrollbar (#11486)

---
 perfect-scrollbar/perfect-scrollbar-tests.ts |  42 ++++++
 perfect-scrollbar/perfect-scrollbar.d.ts     | 134 +++++++++++++++++++
 2 files changed, 176 insertions(+)
 create mode 100644 perfect-scrollbar/perfect-scrollbar-tests.ts
 create mode 100644 perfect-scrollbar/perfect-scrollbar.d.ts

diff --git a/perfect-scrollbar/perfect-scrollbar-tests.ts b/perfect-scrollbar/perfect-scrollbar-tests.ts
new file mode 100644
index 0000000000..2036d19f0f
--- /dev/null
+++ b/perfect-scrollbar/perfect-scrollbar-tests.ts
@@ -0,0 +1,42 @@
+/// <reference path="../jquery/jquery.d.ts" />
+/// <reference path="perfect-scrollbar.d.ts" />
+
+/**
+ * https://github.com/noraesae/perfect-scrollbar#how-to-use
+ */
+
+import * as Ps from 'perfect-scrollbar'
+const container = document.body
+
+// To initialise the plugin, `Ps.initialize` is used.
+Ps.initialize(container)
+
+// It can be initialised with optional parameters.
+Ps.initialize(container, {
+  wheelSpeed: 2,
+  wheelPropagation: true,
+  minScrollbarLength: 20
+})
+
+// If the size of your container or content changes, call `update`.
+Ps.update(container)
+
+// If you want to destroy the scrollbar, use `destroy`.
+Ps.destroy(container)
+
+// If you want to scroll to somewhere, just use a `scrollTop` property and update.
+container.scrollTop = 0
+Ps.update(container)
+
+/**
+ * https://github.com/noraesae/perfect-scrollbar#jquery
+ */
+
+import * as $ from 'jquery'
+import mountJQuery = require('perfect-scrollbar/jquery')
+mountJQuery($)
+
+$('#container').perfectScrollbar()            // Initialize
+$('#container').perfectScrollbar({ /*...*/ }) // with options
+$('#container').perfectScrollbar('update')    // Update
+$('#container').perfectScrollbar('destroy')   // Destroy
diff --git a/perfect-scrollbar/perfect-scrollbar.d.ts b/perfect-scrollbar/perfect-scrollbar.d.ts
new file mode 100644
index 0000000000..85155ea3cd
--- /dev/null
+++ b/perfect-scrollbar/perfect-scrollbar.d.ts
@@ -0,0 +1,134 @@
+// Type definitions for perfect-scrollbar v0.6.12
+// Project: https://github.com/noraesae/perfect-scrollbar
+// Definitions by: Kombu <https://github.com/aicest>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../jquery/jquery.d.ts" />
+
+/**
+ * https://github.com/noraesae/perfect-scrollbar/blob/master/src/js/plugin/default-setting.js#L3
+ * https://github.com/noraesae/perfect-scrollbar#optional-parameters
+ */
+interface PerfectScrollbarSettings {
+
+    /**
+     * It is a list of handlers to use to scroll the element.
+     * https://github.com/noraesae/perfect-scrollbar#handlers
+     * https://github.com/noraesae/perfect-scrollbar/blob/master/src/js/plugin/initialize.js#L9
+     */
+    handlers?: ('click-rail' |
+            'drag-scrollbar' |
+            'keyboard' |
+            'wheel' |
+            'touch' |
+            'selection')[];
+
+    /**
+     * When set to an integer value, the thumb part of the scrollbar will not expand over that number of pixels.
+     * https://github.com/noraesae/perfect-scrollbar#maxscrollbarlength
+     */
+    maxScrollbarLength?: number;
+
+    /**
+     * When set to an integer value, the thumb part of the scrollbar will not shrink below that number of pixels.
+     * https://github.com/noraesae/perfect-scrollbar#minscrollbarlength
+     */
+    minScrollbarLength?: number;
+
+    /**
+     * The number of pixels the content width can surpass the container width without enabling the X axis scroll bar.
+     * Allows some "wiggle room" or "offset break", so that X axis scroll bar is not enabled just because of a few pixels.
+     * https://github.com/noraesae/perfect-scrollbar#scrollxmarginoffset
+     */
+    scrollXMarginOffset?: number;
+
+    /**
+     * The number of pixels the content height can surpass the container height without enabling the Y axis scroll bar.
+     * Allows some "wiggle room" or "offset break", so that Y axis scroll bar is not enabled just because of a few pixels.
+     * https://github.com/noraesae/perfect-scrollbar#scrollymarginoffset
+     */
+    scrollYMarginOffset?: number;
+
+    /**
+     * When set to false, when clicking on a rail, the click event will be allowed to propagate.
+     * https://github.com/noraesae/perfect-scrollbar#stoppropagationonclick
+     */
+    stopPropagationOnClick?: boolean;
+
+    /**
+     * When set to true, the scroll bar in X axis will not be available, regardless of the content width.
+     * https://github.com/noraesae/perfect-scrollbar#suppressscrollx
+     */
+    suppressScrollX?: boolean;
+
+    /**
+     * When set to true, the scroll bar in Y axis will not be available, regardless of the content height.
+     * https://github.com/noraesae/perfect-scrollbar#suppressscrolly
+     */
+    suppressScrollY?: boolean;
+
+    /**
+     * If this option is true, when the scroll reaches the end of the side, touch scrolling will be propagated to parent element.
+     * https://github.com/noraesae/perfect-scrollbar#swipepropagation
+     */
+    swipePropagation?: boolean;
+
+    /**
+     * When set to true, and only one (vertical or horizontal) scrollbar is visible then both vertical and horizontal scrolling will affect the scrollbar.
+     * https://github.com/noraesae/perfect-scrollbar#usebothwheelaxes
+     */
+    useBothWheelAxes?: boolean;
+
+    /**
+     * If this option is true, when the scroll reaches the end of the side, mousewheel event will be propagated to parent element.
+     * https://github.com/noraesae/perfect-scrollbar#wheelpropagation
+     */
+    wheelPropagation?: boolean;
+
+    /**
+     * The scroll speed applied to mousewheel event.
+     * https://github.com/noraesae/perfect-scrollbar#wheelspeed
+     */
+    wheelSpeed?: number;
+
+    /**
+     * A string.
+     * It's a class name added to the container element.
+     * The class name is prepended with `ps-theme-`.
+     * So default theme class name is `ps-theme-default`.
+     * In order to create custom themes with scss use `ps-container($theme)` mixin, where `$theme` is a scss map.
+     * https://github.com/noraesae/perfect-scrollbar#theme
+     */
+    theme?: string;
+}
+
+declare module 'perfect-scrollbar' {
+
+    /**
+     * https://github.com/noraesae/perfect-scrollbar/blob/master/src/js/plugin/initialize.js#L19
+     */
+    export function initialize(element: HTMLElement, settings?: PerfectScrollbarSettings): void;
+
+    /**
+     * https://github.com/noraesae/perfect-scrollbar/blob/master/src/js/plugin/update.js#L9
+     */
+    export function update(element: HTMLElement): void;
+
+    /**
+     * https://github.com/noraesae/perfect-scrollbar/blob/master/src/js/plugin/destroy.js#L7
+     */
+    export function destroy(element: HTMLElement): void;
+}
+
+interface JQuery {
+
+    /**
+     * https://github.com/noraesae/perfect-scrollbar/blob/master/src/js/adaptor/jquery.js#L6
+     */
+    perfectScrollbar(settingOrCommand?: PerfectScrollbarSettings | 'update' | 'destroy'): JQuery;
+}
+
+declare module 'perfect-scrollbar/jquery' {
+    function mountJQuery(jQuery: JQueryStatic): void;
+    export = mountJQuery;
+}

From f82ccb560ec3b966fa571384047e27152cfed391 Mon Sep 17 00:00:00 2001
From: Matthew McEachen <matthew+github@mceachen.org>
Date: Sun, 25 Sep 2016 16:22:47 -0700
Subject: [PATCH 020/382] Added types for klaw (#11492)

* Added types for klaw

* addressed pr comments and `tsfmt -r klaw/*.ts`
---
 klaw/klaw-tests.ts | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 klaw/klaw.d.ts     | 44 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 90 insertions(+)
 create mode 100644 klaw/klaw-tests.ts
 create mode 100644 klaw/klaw.d.ts

diff --git a/klaw/klaw-tests.ts b/klaw/klaw-tests.ts
new file mode 100644
index 0000000000..5e7ecdebf7
--- /dev/null
+++ b/klaw/klaw-tests.ts
@@ -0,0 +1,46 @@
+/// <reference path="klaw.d.ts" />
+/// <reference path="../node/node.d.ts" />
+
+import * as klaw from "klaw";
+const path = require('path');
+
+// README.md: Streams 1 (push) example:
+
+let items: klaw.Item[] = [] // files, directories, symlinks, etc
+
+klaw('/some/dir')
+    .on('data', function(item: klaw.Item) {
+        items.push(item)
+    })
+    .on('end', function() {
+        console.dir(items) // => [ ... array of files]
+    })
+
+// README.md: Streams 2 & 3 (pull) with error handling
+
+klaw('/some/dir')
+    .on('readable', function() {
+        let item: klaw.Item;
+        while (item = this.read()) {
+            items.push(item)
+        }
+    })
+    .on('error', function(err: Error, item: klaw.Item) {
+        console.log(err.message)
+        console.log(item.path) // the file the error occurred on
+    })
+    .on('end', function() {
+        console.log(items) // => [ ... array of files]
+    })
+
+// README.md: Example (ignore hidden directories):
+
+var filterFunc = function(item: klaw.Item): boolean {
+    var basename = path.basename(item.path)
+    return basename === '.' || basename[0] !== '.'
+}
+
+klaw('/some/dir', { filter: filterFunc })
+    .on('data', function(item: klaw.Item) {
+        // only items of none hidden folders will reach here
+    })
diff --git a/klaw/klaw.d.ts b/klaw/klaw.d.ts
new file mode 100644
index 0000000000..e2b641f546
--- /dev/null
+++ b/klaw/klaw.d.ts
@@ -0,0 +1,44 @@
+// Type definitions for klaw v1.3.0
+// Project: https://github.com/jprichardson/node-klaw
+// Definitions by: Matthew McEachen <https://github.com/mceachen>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts" />
+
+declare module "klaw" {
+
+    import * as fs from "fs"
+    import { Readable, ReadableOptions } from 'stream'
+
+    function K(root: string, options?: K.Options): K.Walker
+
+    namespace K {
+        interface Item {
+            path: string
+            stats: fs.Stats
+        }
+
+        type QueueMethod = "shift" | "pop"
+
+        interface Options extends ReadableOptions {
+            queueMethod?: QueueMethod
+            pathSorter?: (a: Array<Item>) => Array<Item>
+            fs?: any // fs or mock-fs
+            filter?: (a: Item) => boolean
+        }
+
+        type Event = "close" | "data" | "end" | "readable" | "error"
+
+        interface Walker {
+            on(event: Event, listener: Function): this
+            on(event: "close", listener: () => void): this
+            on(event: "data", listener: (item: Item) => void): this
+            on(event: "end", listener: () => void): this
+            on(event: "readable", listener: () => void): this
+            on(event: "error", listener: (err: Error) => void): this
+            read(): Item
+        }
+    }
+
+    export = K
+}

From d0a34b8791e95a0f17314c8754e3b0a96e812be7 Mon Sep 17 00:00:00 2001
From: Hisham A <halshura@gmail.com>
Date: Mon, 26 Sep 2016 08:33:32 -0600
Subject: [PATCH 021/382] add typings for onselected and onunselected methods,
 refs #11493 (#11496)

---
 c3/c3.d.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/c3/c3.d.ts b/c3/c3.d.ts
index e815b44391..83ccf85853 100644
--- a/c3/c3.d.ts
+++ b/c3/c3.d.ts
@@ -385,10 +385,10 @@ declare namespace c3 {
          * - d is the data where mouse cursor moves out. In this callback, this will be the Chart object.
          */
         onmouseout?: (d: any, element?: any) => void;
-        // onselected?: any;
-        // onunselected?: any;
-        // ondragstart?: any;
-        // ondragend?: any;
+        
+        onselected?: (d: any, element?: any) => void;
+
+        onunselected?: (d: any, element?: any) => void; 
     }
 
     interface Axis {

From 55d9114bbd68142c1afb846732cfaae002aca27c Mon Sep 17 00:00:00 2001
From: Ben Chauvette <bdchauvette@gmail.com>
Date: Mon, 26 Sep 2016 07:52:03 -0700
Subject: [PATCH 022/382] Improve through2 declarations (#11499)

* [through2] Fix typos

* [through2] Change return types to stream.Transform

`through2` creates `stream.Transform`-flavored streams, so switching the return types to `stream.Transform` gives us richer typing information than using `NodeJS.ReadWriteStream`, which is missing methods (e.g. `stream.Transform#push`) and the ability to use object mode.

* [through2] Add through2.ctor method

* [through2] Update header and docs
---
 through2/through2-tests.ts | 49 +++++++++++++++++++++++++++++++++++++-
 through2/through2.d.ts     | 28 +++++++++++++++-------
 2 files changed, 67 insertions(+), 10 deletions(-)

diff --git a/through2/through2-tests.ts b/through2/through2-tests.ts
index e6f97fb712..94d60e0bff 100644
--- a/through2/through2-tests.ts
+++ b/through2/through2-tests.ts
@@ -1,9 +1,11 @@
 /// <reference path="./through2.d.ts" />
 /// <reference path="../node/node.d.ts" />
 
+import stream = require('stream');
 import through2 = require('through2');
 
-var rws: NodeJS.ReadWriteStream;
+var rws: stream.Transform;
+var Rws: through2.Through2Constructor;
 
 rws = through2({
 	objectMode: true,
@@ -53,3 +55,48 @@ rws = through2.obj(function (entry: any, enc: string, callback: (err: any) => vo
 }, (flashCallback) => {
 	flashCallback();
 });
+
+// ctor
+Rws = through2.ctor({
+	objectMode: true,
+	allowHalfOpen: true
+}, function (entry: any, enc: string, callback: () => void) {
+	this.push('foo');
+	callback();
+}, () => {
+
+});
+
+rws = Rws();
+rws = new Rws();
+rws = new Rws({ objectMode: true, allowHalfOpen: true });
+
+Rws = through2.ctor(function (entry: any, enc: string, callback: () => void) {
+	this.push('foo');
+	callback();
+}, () => {
+
+});
+
+rws = Rws();
+rws = new Rws();
+rws = new Rws({ objectMode: true, allowHalfOpen: true });
+
+Rws = through2.ctor(function (entry: any, enc: string, callback: (error: any, data?: any) => void) {
+	callback(null, 'foo');
+}, (flushCallback: () => void) => {
+	flushCallback();
+});
+
+rws = Rws();
+rws = new Rws();
+rws = new Rws({ objectMode: true, allowHalfOpen: true });
+
+Rws = through2.ctor(function (entry: any, enc: string, callback: () => void) {
+	this.push('foo');
+	callback();
+});
+
+rws = Rws();
+rws = new Rws();
+rws = new Rws({ objectMode: true, allowHalfOpen: true });
diff --git a/through2/through2.d.ts b/through2/through2.d.ts
index 77cc817caa..27b8a93178 100644
--- a/through2/through2.d.ts
+++ b/through2/through2.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for through2 v 2.0.0
 // Project: https://github.com/rvagg/through2
-// Definitions by: Bart van der Schoor <https://github.com/Bartvds>, jedmao <https://github.com/jedmao>, Georgios Valotasios <https://github.com/valotas>
+// Definitions by: Bart van der Schoor <https://github.com/Bartvds>, jedmao <https://github.com/jedmao>, Georgios Valotasios <https://github.com/valotas>, Ben Chauvette <https://github.com/bdchauvette>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="../node/node.d.ts" />
@@ -9,20 +9,30 @@ declare module 'through2' {
 
 	import stream = require('stream');
 
-	type TransfofmCallback = (err?: any, data?: any) => void;
-	type TransformFunction = (chunk: any, enc: string, callback: TransfofmCallback) => void;
-	type FlashCallback = (flushCallback: () => void) => void;
+	type TransformCallback = (err?: any, data?: any) => void;
+	type TransformFunction = (chunk: any, enc: string, callback: TransformCallback) => void;
+	type FlushCallback = (flushCallback: () => void) => void;
 
-	function through2(transform?: TransformFunction, flush?: FlashCallback): NodeJS.ReadWriteStream;
+	function through2(transform?: TransformFunction, flush?: FlushCallback): stream.Transform;
 
-	function through2(opts?: stream.DuplexOptions, transform?: TransformFunction, flush?: FlashCallback): NodeJS.ReadWriteStream;
+	function through2(opts?: stream.DuplexOptions, transform?: TransformFunction, flush?: FlushCallback): stream.Transform;
 
 	namespace through2 {
+		export interface Through2Constructor extends stream.Transform {
+			new(opts?: stream.DuplexOptions): stream.Transform;
+			(opts?: stream.DuplexOptions): stream.Transform;
+		}
 
-		export function obj(transform?: TransformFunction, flush?: FlashCallback): NodeJS.ReadWriteStream;
-
-		export function push(data: any): void;
+		/**
+		 * Convenvience method for creating object streams
+		 */
+		export function obj(transform?: TransformFunction, flush?: FlushCallback): stream.Transform;
 
+		/**
+		 * Creates a constructor for a custom Transform. This is useful when you
+		 * want to use the same transform logic in multiple instances.
+		 */
+		export function ctor(opts?: stream.DuplexOptions, transfrom?: TransformFunction, flush?: FlushCallback): Through2Constructor;
 	}
 
 	export = through2;

From d907b02638bf6c56ae3f632ca5c151cb869df5b4 Mon Sep 17 00:00:00 2001
From: Izaak Baker <izaak_baker@alumni.brown.edu>
Date: Mon, 26 Sep 2016 14:01:45 -0700
Subject: [PATCH 023/382] Add module declaration to crossfilter so that it can
 be explicitly imported (#11521)

---
 crossfilter/crossfilter.d.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/crossfilter/crossfilter.d.ts b/crossfilter/crossfilter.d.ts
index 646d8abeb0..ed888f6959 100644
--- a/crossfilter/crossfilter.d.ts
+++ b/crossfilter/crossfilter.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for CrossFilter
 // Project: https://github.com/square/crossfilter
-// Definitions by: Schmulik Raskin <https://github.com/schmuli>
+// Definitions by: Schmulik Raskin <https://github.com/schmuli>, Izaak Baker <https://github.com/iebaker>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare namespace CrossFilter {
@@ -111,3 +111,8 @@ declare namespace CrossFilter {
 }
 
 declare var crossfilter: CrossFilter.CrossFilterStatic;
+declare module "crossfilter" {
+    var crossfilter: CrossFilter.CrossFilterStatic;
+    export = crossfilter;    	
+}
+

From 22a311bd60be06c92d4b9a6646e30b3180627158 Mon Sep 17 00:00:00 2001
From: David Lee <dlee@nvisia.com>
Date: Mon, 26 Sep 2016 17:44:22 -0500
Subject: [PATCH 024/382] Add typings for murmurhash3js

---
 murmurhash3js/murmurhash3js-tests.ts | 12 ++++++++++++
 murmurhash3js/murmurhash3js.d.ts     | 15 +++++++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 murmurhash3js/murmurhash3js-tests.ts
 create mode 100644 murmurhash3js/murmurhash3js.d.ts

diff --git a/murmurhash3js/murmurhash3js-tests.ts b/murmurhash3js/murmurhash3js-tests.ts
new file mode 100644
index 0000000000..297adcbc67
--- /dev/null
+++ b/murmurhash3js/murmurhash3js-tests.ts
@@ -0,0 +1,12 @@
+/// <reference path="./murmurhash3js.d.ts"/>
+
+import murmurhash3js = require('murmurhash3js');
+
+murmurhash3js.x86.hash32('string');
+murmurhash3js.x86.hash32('string with seed', 1337);
+
+murmurhash3js.x86.hash128('string');
+murmurhash3js.x86.hash128('string with seed', 1337);
+
+murmurhash3js.x64.hash128('string');
+murmurhash3js.x64.hash128('string with seed', 1337);
diff --git a/murmurhash3js/murmurhash3js.d.ts b/murmurhash3js/murmurhash3js.d.ts
new file mode 100644
index 0000000000..f43deeaa37
--- /dev/null
+++ b/murmurhash3js/murmurhash3js.d.ts
@@ -0,0 +1,15 @@
+// Type definitions for murmurhash3js v3.0.1
+// Project: https://github.com/pid/murmurHash3js
+// Definitions by: Dave Lee <https://github.com/dlee-nvisia>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'murmurhash3js' {
+    export module x86 {
+        function hash32(val: string, seed?: number): string;
+        function hash128(val: string, seed?: number): string;
+    }
+    
+    export module x64 {
+        function hash128(val: string, seed?: number): string;
+    }
+} 
\ No newline at end of file

From 5143d60f3790c68c23ebbaf8f78951316a32322e Mon Sep 17 00:00:00 2001
From: David Lee <dlee@nvisia.com>
Date: Mon, 26 Sep 2016 17:46:34 -0500
Subject: [PATCH 025/382] fix module import to be ES6 compliant

---
 murmurhash3js/murmurhash3js-tests.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/murmurhash3js/murmurhash3js-tests.ts b/murmurhash3js/murmurhash3js-tests.ts
index 297adcbc67..f9a40619d6 100644
--- a/murmurhash3js/murmurhash3js-tests.ts
+++ b/murmurhash3js/murmurhash3js-tests.ts
@@ -1,6 +1,6 @@
 /// <reference path="./murmurhash3js.d.ts"/>
 
-import murmurhash3js = require('murmurhash3js');
+import * as murmurhash3js from 'murmurhash3js';
 
 murmurhash3js.x86.hash32('string');
 murmurhash3js.x86.hash32('string with seed', 1337);

From 7e08a4492cabd1e022f488d3be9ebe9d238c06fe Mon Sep 17 00:00:00 2001
From: David Lee <dlee@nvisia.com>
Date: Mon, 26 Sep 2016 17:47:40 -0500
Subject: [PATCH 026/382] newline at EOF

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

diff --git a/murmurhash3js/murmurhash3js.d.ts b/murmurhash3js/murmurhash3js.d.ts
index f43deeaa37..2193085d5b 100644
--- a/murmurhash3js/murmurhash3js.d.ts
+++ b/murmurhash3js/murmurhash3js.d.ts
@@ -12,4 +12,4 @@ declare module 'murmurhash3js' {
     export module x64 {
         function hash128(val: string, seed?: number): string;
     }
-} 
\ No newline at end of file
+}

From 5ac67c6749dd84d45b091ef1b991f5cbb1171536 Mon Sep 17 00:00:00 2001
From: Alex Gorbatchev <alex.gorbatchev@gmail.com>
Date: Mon, 26 Sep 2016 19:40:01 -0700
Subject: [PATCH 027/382] [rethinkdb] Adds missing promise methods to Cursor
 and Connection

---
 rethinkdb/rethinkdb-tests.ts |  6 ++++--
 rethinkdb/rethinkdb.d.ts     | 23 ++++++++++++++---------
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/rethinkdb/rethinkdb-tests.ts b/rethinkdb/rethinkdb-tests.ts
index a6911e3021..4dbd7ab638 100644
--- a/rethinkdb/rethinkdb-tests.ts
+++ b/rethinkdb/rethinkdb-tests.ts
@@ -15,8 +15,10 @@ r.connect({host:"localhost", port: 28015}, function(err, conn) {
         })
         .between("james", "beth")
         .limit(4)
-        .run(conn, function() {
-
+        .run(conn, function(err, cursor) {
+          cursor.toArray().then(rows => {
+            console.log(rows);
+          });
         })
 
     })
diff --git a/rethinkdb/rethinkdb.d.ts b/rethinkdb/rethinkdb.d.ts
index 7161e42060..0b4d6b54b9 100644
--- a/rethinkdb/rethinkdb.d.ts
+++ b/rethinkdb/rethinkdb.d.ts
@@ -35,11 +35,13 @@ declare module "rethinkdb" {
 
   export class Cursor {
     hasNext():boolean;
-    each(cb:(err:Error, row:any)=>void, done?:()=>void);
-    each(cb:(err:Error, row:any)=>boolean, done?:()=>void); // returning false stops iteration
-    next(cb:(err:Error, row:any) => void);
-    toArray(cb:(err:Error, rows:any[]) => void);
-    close();
+    each(cb:(err:Error, row:any)=>void, done?:()=>void): void;
+    each(cb:(err:Error, row:any)=>boolean, done?:()=>void): void; // returning false stops iteration
+    next(cb:(err:Error, row:any) => void): void;
+    toArray(cb:(err:Error, rows:any[]) => void): void;
+    toArray(): Promise<any[]>;
+    close(cb: (err: Error) => void): void;
+    close(): Promise<void>;
   }
 
   interface ConnectionOptions {
@@ -50,11 +52,14 @@ declare module "rethinkdb" {
   }
 
   interface Connection {
-    close();
+    close(cb: (err: Error) => void): void;
+    close(opts: { noreplyWait: boolean }, cb: (err: Error) => void): void;
+    close(): Promise<void>;
+    close(opts: { noreplyWait: boolean }): Promise<void>;
     reconnect(cb?:(err:Error, conn:Connection)=>void):Promise<Connection>;
-    use(dbName:string);
-    addListener(event:string, cb:Function);
-    on(event:string, cb:Function);
+    use(dbName:string): void;
+    addListener(event:string, cb:Function): void;
+    on(event:string, cb:Function): void;
   }
 
   interface Db {

From 87a03f83ce8a03188424ca2126f4d1c70e17f0b4 Mon Sep 17 00:00:00 2001
From: Alex Gorbatchev <alex.gorbatchev@gmail.com>
Date: Mon, 26 Sep 2016 19:41:08 -0700
Subject: [PATCH 028/382] [rethinkdb] Applied TypeScript formatting to the file

---
 rethinkdb/rethinkdb.d.ts | 368 +++++++++++++++++++--------------------
 1 file changed, 184 insertions(+), 184 deletions(-)

diff --git a/rethinkdb/rethinkdb.d.ts b/rethinkdb/rethinkdb.d.ts
index 0b4d6b54b9..dc251b2a8e 100644
--- a/rethinkdb/rethinkdb.d.ts
+++ b/rethinkdb/rethinkdb.d.ts
@@ -8,234 +8,234 @@
 
 declare module "rethinkdb" {
 
-  export function connect(host:ConnectionOptions, cb?:(err:Error, conn:Connection)=>void):Promise<Connection>;
+    export function connect(host: ConnectionOptions, cb?: (err: Error, conn: Connection) => void): Promise<Connection>;
 
-  export function dbCreate(name:string):Operation<CreateResult>;
-  export function dbDrop(name:string):Operation<DropResult>;
-  export function dbList():Operation<string[]>;
+    export function dbCreate(name: string): Operation<CreateResult>;
+    export function dbDrop(name: string): Operation<DropResult>;
+    export function dbList(): Operation<string[]>;
 
-  export function db(name:string):Db;
-  export function table(name:string, options?:{useOutdated:boolean}):Table;
+    export function db(name: string): Db;
+    export function table(name: string, options?: { useOutdated: boolean }): Table;
 
-  export function asc(property:string):Sort;
-  export function desc(property:string):Sort;
+    export function asc(property: string): Sort;
+    export function desc(property: string): Sort;
 
-  export var count:Aggregator;
-  export function sum(prop:string):Aggregator;
-  export function avg(prop:string):Aggregator;
+    export var count: Aggregator;
+    export function sum(prop: string): Aggregator;
+    export function avg(prop: string): Aggregator;
 
-  export function row(name:string):Expression<any>;
-  export function expr(stuff:any):Expression<any>;
+    export function row(name: string): Expression<any>;
+    export function expr(stuff: any): Expression<any>;
 
-  export function now():Time;
+    export function now(): Time;
 
-  // Control Structures
-  export function branch(test:Expression<boolean>, trueBranch:Expression<any>, falseBranch:Expression<any>):Expression<any>;
+    // Control Structures
+    export function branch(test: Expression<boolean>, trueBranch: Expression<any>, falseBranch: Expression<any>): Expression<any>;
 
 
-  export class Cursor {
-    hasNext():boolean;
-    each(cb:(err:Error, row:any)=>void, done?:()=>void): void;
-    each(cb:(err:Error, row:any)=>boolean, done?:()=>void): void; // returning false stops iteration
-    next(cb:(err:Error, row:any) => void): void;
-    toArray(cb:(err:Error, rows:any[]) => void): void;
-    toArray(): Promise<any[]>;
-    close(cb: (err: Error) => void): void;
-    close(): Promise<void>;
-  }
+    export class Cursor {
+        hasNext(): boolean;
+        each(cb: (err: Error, row: any) => void, done?: () => void): void;
+        each(cb: (err: Error, row: any) => boolean, done?: () => void): void; // returning false stops iteration
+        next(cb: (err: Error, row: any) => void): void;
+        toArray(cb: (err: Error, rows: any[]) => void): void;
+        toArray(): Promise<any[]>;
+        close(cb: (err: Error) => void): void;
+        close(): Promise<void>;
+    }
 
-  interface ConnectionOptions {
-    host:string;
-    port:number;
-    db?:string;
-    authKey?:string;
-  }
+    interface ConnectionOptions {
+        host: string;
+        port: number;
+        db?: string;
+        authKey?: string;
+    }
 
-  interface Connection {
-    close(cb: (err: Error) => void): void;
-    close(opts: { noreplyWait: boolean }, cb: (err: Error) => void): void;
-    close(): Promise<void>;
-    close(opts: { noreplyWait: boolean }): Promise<void>;
-    reconnect(cb?:(err:Error, conn:Connection)=>void):Promise<Connection>;
-    use(dbName:string): void;
-    addListener(event:string, cb:Function): void;
-    on(event:string, cb:Function): void;
-  }
+    interface Connection {
+        close(cb: (err: Error) => void): void;
+        close(opts: { noreplyWait: boolean }, cb: (err: Error) => void): void;
+        close(): Promise<void>;
+        close(opts: { noreplyWait: boolean }): Promise<void>;
+        reconnect(cb?: (err: Error, conn: Connection) => void): Promise<Connection>;
+        use(dbName: string): void;
+        addListener(event: string, cb: Function): void;
+        on(event: string, cb: Function): void;
+    }
 
-  interface Db {
-    tableCreate(name:string, options?:TableOptions):Operation<CreateResult>;
-    tableDrop(name:string):Operation<DropResult>;
-    tableList():Operation<string[]>;
-    table(name:string, options?:GetTableOptions):Table;
-  }
+    interface Db {
+        tableCreate(name: string, options?: TableOptions): Operation<CreateResult>;
+        tableDrop(name: string): Operation<DropResult>;
+        tableList(): Operation<string[]>;
+        table(name: string, options?: GetTableOptions): Table;
+    }
 
-  interface TableOptions {
-    primary_key?:string; // 'id'
-    durability?:string; // 'soft'
-    cache_size?:number;
-    datacenter?:string;
-  }
+    interface TableOptions {
+        primary_key?: string; // 'id'
+        durability?: string; // 'soft'
+        cache_size?: number;
+        datacenter?: string;
+    }
 
-  interface GetTableOptions {
-    useOutdated: boolean;
-  }
+    interface GetTableOptions {
+        useOutdated: boolean;
+    }
 
-  interface Writeable {
-    update(obj:Object, options?:UpdateOptions):Operation<WriteResult>;
-    replace(obj:Object, options?:UpdateOptions):Operation<WriteResult>;
-    replace(expr:ExpressionFunction<any>):Operation<WriteResult>;
-    delete(options?:UpdateOptions):Operation<WriteResult>;
-  }
+    interface Writeable {
+        update(obj: Object, options?: UpdateOptions): Operation<WriteResult>;
+        replace(obj: Object, options?: UpdateOptions): Operation<WriteResult>;
+        replace(expr: ExpressionFunction<any>): Operation<WriteResult>;
+        delete(options?: UpdateOptions): Operation<WriteResult>;
+    }
 
-  interface Table extends Sequence {
-    indexCreate(name:string, index?:ExpressionFunction<any>):Operation<CreateResult>;
-    indexDrop(name:string):Operation<DropResult>;
-    indexList():Operation<string[]>;
+    interface Table extends Sequence {
+        indexCreate(name: string, index?: ExpressionFunction<any>): Operation<CreateResult>;
+        indexDrop(name: string): Operation<DropResult>;
+        indexList(): Operation<string[]>;
 
-    insert(obj:any[], options?:InsertOptions):Operation<WriteResult>;
-    insert(obj:any, options?:InsertOptions):Operation<WriteResult>;
+        insert(obj: any[], options?: InsertOptions): Operation<WriteResult>;
+        insert(obj: any, options?: InsertOptions): Operation<WriteResult>;
 
-    get(key:string):Sequence; // primary key
-    getAll(key:string, index?:Index):Sequence; // without index defaults to primary key
-    getAll(...keys:string[]):Sequence;
-  }
+        get(key: string): Sequence; // primary key
+        getAll(key: string, index?: Index): Sequence; // without index defaults to primary key
+        getAll(...keys: string[]): Sequence;
+    }
 
-  interface Sequence extends Operation<Cursor>, Writeable {
+    interface Sequence extends Operation<Cursor>, Writeable {
 
-    between(lower:any, upper:any, index?:Index):Sequence;
-    filter(rql:ExpressionFunction<boolean>):Sequence;
-    filter(rql:Expression<boolean>):Sequence;
-    filter(obj:{[key:string]:any}):Sequence;
+        between(lower: any, upper: any, index?: Index): Sequence;
+        filter(rql: ExpressionFunction<boolean>): Sequence;
+        filter(rql: Expression<boolean>): Sequence;
+        filter(obj: { [key: string]: any }): Sequence;
 
 
-    // Join
-    // these return left, right
-    innerJoin(sequence:Sequence, join:JoinFunction<boolean>):Sequence;
-    outerJoin(sequence:Sequence, join:JoinFunction<boolean>):Sequence;
-    eqJoin(leftAttribute:string, rightSequence:Sequence, index?:Index):Sequence;
-    eqJoin(leftAttribute:ExpressionFunction<any>, rightSequence:Sequence, index?:Index):Sequence;
-    zip():Sequence;
+        // Join
+        // these return left, right
+        innerJoin(sequence: Sequence, join: JoinFunction<boolean>): Sequence;
+        outerJoin(sequence: Sequence, join: JoinFunction<boolean>): Sequence;
+        eqJoin(leftAttribute: string, rightSequence: Sequence, index?: Index): Sequence;
+        eqJoin(leftAttribute: ExpressionFunction<any>, rightSequence: Sequence, index?: Index): Sequence;
+        zip(): Sequence;
 
-    // Transform
-    map(transform:ExpressionFunction<any>):Sequence;
-    withFields(...selectors:any[]):Sequence;
-    concatMap(transform:ExpressionFunction<any>):Sequence;
-    orderBy(...keys:string[]):Sequence;
-    orderBy(...sorts:Sort[]):Sequence;
-    skip(n:number):Sequence;
-    limit(n:number):Sequence;
-    slice(start:number, end?:number):Sequence;
-    nth(n:number):Expression<any>;
-    indexesOf(obj:any):Sequence;
-    isEmpty():Expression<boolean>;
-    union(sequence:Sequence):Sequence;
-    sample(n:number):Sequence;
+        // Transform
+        map(transform: ExpressionFunction<any>): Sequence;
+        withFields(...selectors: any[]): Sequence;
+        concatMap(transform: ExpressionFunction<any>): Sequence;
+        orderBy(...keys: string[]): Sequence;
+        orderBy(...sorts: Sort[]): Sequence;
+        skip(n: number): Sequence;
+        limit(n: number): Sequence;
+        slice(start: number, end?: number): Sequence;
+        nth(n: number): Expression<any>;
+        indexesOf(obj: any): Sequence;
+        isEmpty(): Expression<boolean>;
+        union(sequence: Sequence): Sequence;
+        sample(n: number): Sequence;
 
-    // Aggregate
-    reduce(r:ReduceFunction<any>, base?:any):Expression<any>;
-    count():Expression<number>;
-    distinct():Sequence;
-    groupedMapReduce(group:ExpressionFunction<any>, map:ExpressionFunction<any>, reduce:ReduceFunction<any>, base?:any):Sequence;
-    groupBy(...aggregators:Aggregator[]):Expression<Object>; // TODO: reduction object
-    contains(prop:string):Expression<boolean>;
+        // Aggregate
+        reduce(r: ReduceFunction<any>, base?: any): Expression<any>;
+        count(): Expression<number>;
+        distinct(): Sequence;
+        groupedMapReduce(group: ExpressionFunction<any>, map: ExpressionFunction<any>, reduce: ReduceFunction<any>, base?: any): Sequence;
+        groupBy(...aggregators: Aggregator[]): Expression<Object>; // TODO: reduction object
+        contains(prop: string): Expression<boolean>;
 
-    // Manipulation
-    pluck(...props:string[]):Sequence;
-    without(...props:string[]):Sequence;
-  }
+        // Manipulation
+        pluck(...props: string[]): Sequence;
+        without(...props: string[]): Sequence;
+    }
 
-  interface ExpressionFunction<U> {
-    (doc:Expression<any>):Expression<U>;
-  }
+    interface ExpressionFunction<U> {
+        (doc: Expression<any>): Expression<U>;
+    }
 
-  interface JoinFunction<U> {
-    (left:Expression<any>, right:Expression<any>):Expression<U>;
-  }
+    interface JoinFunction<U> {
+        (left: Expression<any>, right: Expression<any>): Expression<U>;
+    }
 
-  interface ReduceFunction<U> {
-    (acc:Expression<any>, val:Expression<any>):Expression<U>;
-  }
+    interface ReduceFunction<U> {
+        (acc: Expression<any>, val: Expression<any>): Expression<U>;
+    }
 
-  interface InsertOptions {
-    upsert: boolean; // true
-    durability: string; // 'soft'
-    return_vals: boolean; // false
-  }
+    interface InsertOptions {
+        upsert: boolean; // true
+        durability: string; // 'soft'
+        return_vals: boolean; // false
+    }
 
-  interface UpdateOptions {
-    non_atomic: boolean;
-    durability: string; // 'soft'
-    return_vals: boolean; // false
-  }
+    interface UpdateOptions {
+        non_atomic: boolean;
+        durability: string; // 'soft'
+        return_vals: boolean; // false
+    }
 
-  interface WriteResult {
-    inserted: number;
-    replaced: number;
-    unchanged: number;
-    errors: number;
-    deleted: number;
-    skipped: number;
-    first_error: Error;
-    generated_keys: string[]; // only for insert
-  }
+    interface WriteResult {
+        inserted: number;
+        replaced: number;
+        unchanged: number;
+        errors: number;
+        deleted: number;
+        skipped: number;
+        first_error: Error;
+        generated_keys: string[]; // only for insert
+    }
 
-  interface JoinResult {
-    left:any;
-    right:any;
-  }
+    interface JoinResult {
+        left: any;
+        right: any;
+    }
 
-  interface CreateResult {
-    created: number;
-  }
+    interface CreateResult {
+        created: number;
+    }
 
-  interface DropResult {
-    dropped: number;
-  }
+    interface DropResult {
+        dropped: number;
+    }
 
-  interface Index {
-    index: string;
-    left_bound?: string; // 'closed'
-    right_bound?: string; // 'open'
-  }
+    interface Index {
+        index: string;
+        left_bound?: string; // 'closed'
+        right_bound?: string; // 'open'
+    }
 
-  interface Expression<T> extends Writeable, Operation<T> {
-      (prop:string):Expression<any>;
-      merge(query:Expression<Object>):Expression<Object>;
-      append(prop:string):Expression<Object>;
-      contains(prop:string):Expression<boolean>;
+    interface Expression<T> extends Writeable, Operation<T> {
+        (prop: string): Expression<any>;
+        merge(query: Expression<Object>): Expression<Object>;
+        append(prop: string): Expression<Object>;
+        contains(prop: string): Expression<boolean>;
 
-      and(b:boolean):Expression<boolean>;
-      or(b:boolean):Expression<boolean>;
-      eq(v:any):Expression<boolean>;
-      ne(v:any):Expression<boolean>;
-      not():Expression<boolean>;
+        and(b: boolean): Expression<boolean>;
+        or(b: boolean): Expression<boolean>;
+        eq(v: any): Expression<boolean>;
+        ne(v: any): Expression<boolean>;
+        not(): Expression<boolean>;
 
-      gt(value:T):Expression<boolean>;
-      ge(value:T):Expression<boolean>;
-      lt(value:T):Expression<boolean>;
-      le(value:T):Expression<boolean>;
+        gt(value: T): Expression<boolean>;
+        ge(value: T): Expression<boolean>;
+        lt(value: T): Expression<boolean>;
+        le(value: T): Expression<boolean>;
 
-      add(n:number):Expression<number>;
-      sub(n:number):Expression<number>;
-      mul(n:number):Expression<number>;
-      div(n:number):Expression<number>;
-      mod(n:number):Expression<number>;
+        add(n: number): Expression<number>;
+        sub(n: number): Expression<number>;
+        mul(n: number): Expression<number>;
+        div(n: number): Expression<number>;
+        mod(n: number): Expression<number>;
 
-      hasFields(...fields:string[]):Expression<boolean>;
+        hasFields(...fields: string[]): Expression<boolean>;
 
-      default(value:T):Expression<T>;
-  }
+        default(value: T): Expression<T>;
+    }
 
-  interface Operation<T> {
-   run(conn:Connection, cb?:(err:Error, result:T)=>void):Promise<T>;
-  }
+    interface Operation<T> {
+        run(conn: Connection, cb?: (err: Error, result: T) => void): Promise<T>;
+    }
 
-  interface Aggregator {}
-  interface Sort {}
+    interface Aggregator { }
+    interface Sort { }
 
-  interface Time {}
+    interface Time { }
 
 
-  // http://www.rethinkdb.com/api/#js
-  // TODO control structures
+    // http://www.rethinkdb.com/api/#js
+    // TODO control structures
 }

From 317be6bc69da5f69b9517f1ff4c7908745dd5592 Mon Sep 17 00:00:00 2001
From: Alex Gorbatchev <alex.gorbatchev@gmail.com>
Date: Mon, 26 Sep 2016 19:59:32 -0700
Subject: [PATCH 029/382] [rethinkdb] Adds types to Cursor methods

---
 rethinkdb/rethinkdb.d.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/rethinkdb/rethinkdb.d.ts b/rethinkdb/rethinkdb.d.ts
index dc251b2a8e..7babd42fe2 100644
--- a/rethinkdb/rethinkdb.d.ts
+++ b/rethinkdb/rethinkdb.d.ts
@@ -36,10 +36,15 @@ declare module "rethinkdb" {
     export class Cursor {
         hasNext(): boolean;
         each(cb: (err: Error, row: any) => void, done?: () => void): void;
+        each<T>(cb: (err: Error, row: T) => void, done?: () => void): void;
         each(cb: (err: Error, row: any) => boolean, done?: () => void): void; // returning false stops iteration
+        each<T>(cb: (err: Error, row: T) => boolean, done?: () => void): void; // returning false stops iteration
         next(cb: (err: Error, row: any) => void): void;
+        next<T>(cb: (err: Error, row: T) => void): void;
         toArray(cb: (err: Error, rows: any[]) => void): void;
+        toArray<T>(cb: (err: Error, rows: T[]) => void): void;
         toArray(): Promise<any[]>;
+        toArray<T>(): Promise<T[]>;
         close(cb: (err: Error) => void): void;
         close(): Promise<void>;
     }

From b5979947c9bec28a35a1c4189ec21cea12d5dc3d Mon Sep 17 00:00:00 2001
From: "Dmitry A. Efimenko" <dmitrief@gmail.com>
Date: Mon, 26 Sep 2016 20:45:56 -0700
Subject: [PATCH 030/382] webpack - HotModuleReplacementPlugin has opts arg

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

diff --git a/webpack/webpack.d.ts b/webpack/webpack.d.ts
index 96a7c710df..42dbc81e05 100644
--- a/webpack/webpack.d.ts
+++ b/webpack/webpack.d.ts
@@ -404,7 +404,7 @@ declare module "webpack" {
         }
 
         interface HotModuleReplacementPluginStatic {
-            new(): Plugin;
+            new(options?: any): Plugin;
         }
 
         interface ExtendedAPIPluginStatic {

From 3a517142892532ae628f98d23990742bf212e34f Mon Sep 17 00:00:00 2001
From: stonio <stonio@users.noreply.github.com>
Date: Tue, 27 Sep 2016 09:55:51 +0200
Subject: [PATCH 031/382] [openlayers] forEachFeatureAtPixel can return a value

See doc http://openlayers.org/en/latest/apidoc/ol.Map.html#forEachFeatureAtPixel
---
 openlayers/openlayers.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openlayers/openlayers.d.ts b/openlayers/openlayers.d.ts
index 0b9e1b41f4..36026fa70d 100644
--- a/openlayers/openlayers.d.ts
+++ b/openlayers/openlayers.d.ts
@@ -2131,7 +2131,7 @@ declare namespace ol {
          * @param ref2 Value to use as this when executing layerFilter.
          * @returns Callback result, i.e. the return value of last callback execution, or the first truthy callback return value.
          */
-        forEachFeatureAtPixel(pixel: ol.Pixel, callback: (feature: ol.Feature, layer: ol.layer.Layer) => any, ref?: any, layerFilter?: (layerCandidate: ol.layer.Layer) => boolean, ref2?: any): void;
+        forEachFeatureAtPixel(pixel: ol.Pixel, callback: (feature: ol.Feature, layer: ol.layer.Layer) => any, ref?: any, layerFilter?: (layerCandidate: ol.layer.Layer) => boolean, ref2?: any): any;
 
         /**
          * Detect layers that have a color value at a pixel on the viewport, and execute a callback with each matching layer. Layers included in the detection can be configured through opt_layerFilter. Feature overlays will always be included in the detection.

From 6aff001e47fada0f16768ee435ddcc9eb7c521c1 Mon Sep 17 00:00:00 2001
From: John Reilly <johnny_reilly@hotmail.com>
Date: Tue, 27 Sep 2016 09:23:13 +0100
Subject: [PATCH 032/382] Update react.d.ts

Added myself as an author so I get notifications of PRs / updates from GitHub.
---
 react/react.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react/react.d.ts b/react/react.d.ts
index 2f762e0974..c13cdac082 100644
--- a/react/react.d.ts
+++ b/react/react.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for React v0.14
 // Project: http://facebook.github.io/react/
-// Definitions by: Asana <https://asana.com>, AssureSign <http://www.assuresign.com>, Microsoft <https://microsoft.com>
+// Definitions by: Asana <https://asana.com>, AssureSign <http://www.assuresign.com>, Microsoft <https://microsoft.com>, John Reilly <https://github.com/johnnyreilly/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare namespace __React {

From f70bcf9a0ef640915ad4324b23396f28e2803ddc Mon Sep 17 00:00:00 2001
From: Christian Kittelmann <soundworker@aol.com>
Date: Tue, 27 Sep 2016 12:54:43 +0200
Subject: [PATCH 033/382] vue: fixed definition for activate() in
 ComponentOption

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

diff --git a/vue/vue-tests.ts b/vue/vue-tests.ts
index 48d8d91683..a15c3e49c1 100644
--- a/vue/vue-tests.ts
+++ b/vue/vue-tests.ts
@@ -88,6 +88,11 @@ namespace TestGlobalAPI {
     },
     init: function() {}
   });
+  Vue.component("component", {
+    activate: function(callback: Function) {
+      callback();
+    }
+  });
   var transition = Vue.transition("transition");
   Vue.transition("transition", transition);
   Vue.transition("transition", {
diff --git a/vue/vue.d.ts b/vue/vue.d.ts
index a335ee63d1..d65a50da63 100644
--- a/vue/vue.d.ts
+++ b/vue/vue.d.ts
@@ -96,7 +96,7 @@ declare namespace vuejs {
         detached?(): void;
         beforeDestroy?(): void;
         destroyed?(): void;
-        activate?(): void;
+        activate?(callback: Function): void;
         directives?: { [key: string]: (DirectiveOption | Function) };
         elementDirectives?: { [key: string]: (DirectiveOption | Function) };
         filters?: { [key: string]: (Function | FilterOption) };

From 29a2eb800b4cb7ecc5218fd222001c641bdb8258 Mon Sep 17 00:00:00 2001
From: Passakorn Suppakityothin <mystvearn147@gmail.com>
Date: Tue, 27 Sep 2016 17:56:23 +0700
Subject: [PATCH 034/382] Fix error that came using typescript 2

This error come when try compile with typescript 2
kue.d.ts(13,3): error TS2440: Import declaration conflicts with local declaration of 'redis'
---
 kue/kue.d.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/kue/kue.d.ts b/kue/kue.d.ts
index baca094200..ee3571db0d 100644
--- a/kue/kue.d.ts
+++ b/kue/kue.d.ts
@@ -10,7 +10,7 @@
 declare module "kue" {
   import events = require('events');
   import express = require('express');
-  import redis = require('redis');
+  import redisClientFactory = require('redis');
 
   export class Queue extends events.EventEmitter {
     name: string;
@@ -18,7 +18,7 @@ declare module "kue" {
     promoter: any;
     workers: Worker[];
     shuttingDown: boolean;
-    client: redis.RedisClient;
+    client: redisClientFactory.RedisClient;
     testMode: TestMode;
 
     static singleton: Queue;
@@ -63,7 +63,7 @@ declare module "kue" {
     public id: number;
     public type: string;
     public data: any;
-    public client: redis.RedisClient;
+    public client: redisClientFactory.RedisClient;
     private _max_attempts;
 
     static priorities: Priorities;
@@ -109,7 +109,7 @@ declare module "kue" {
   class Worker extends events.EventEmitter {
     queue: Queue;
     type: string;
-    client: redis.RedisClient;
+    client: redisClientFactory.RedisClient;
     job: Job;
 
     constructor(queue: Queue, type: string);
@@ -127,10 +127,10 @@ declare module "kue" {
 
   interface Redis {
     configureFactory(options: Object, queue: Queue): void;
-    createClient(): redis.RedisClient;
-    createClientFactory(options: Object): redis.RedisClient;
-    client(): redis.RedisClient;
-    pubsubClient(): redis.RedisClient;
+    createClient(): redisClientFactory.RedisClient;
+    createClientFactory(options: Object): redisClientFactory.RedisClient;
+    client(): redisClientFactory.RedisClient;
+    pubsubClient(): redisClientFactory.RedisClient;
     reset(): void;
   }
 

From 262f69018bce7a7a11bfbd0bc663c29cd501bb6d Mon Sep 17 00:00:00 2001
From: Erik Mogensen <erik@mogensoft.net>
Date: Tue, 27 Sep 2016 13:48:39 +0200
Subject: [PATCH 035/382] path can be string or a hash of options

As per http://restify.com/#client-api it states:

> Note that all further documentation refers to the "short-hand"
> form of methods like get/put/del which take a string path. You
> can also pass in an object to any of those methods with extra
> params (notably headers):

So the path can be either a string or a hash of options.
---
 restify/restify.d.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/restify/restify.d.ts b/restify/restify.d.ts
index 65b3f44d47..a1b933f419 100644
--- a/restify/restify.d.ts
+++ b/restify/restify.d.ts
@@ -470,12 +470,12 @@ declare module "restify" {
   }
 
   interface Client {
-    get: (path: string, callback?: (err: any, req: Request, res: Response, obj: any) => any) => any;
-    head: (path: string, callback?: (err: any, req: Request, res: Response) => any) => any;
-    post: (path: string, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any) => any;
-    put: (path: string, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any) => any;
-    patch: (path: string, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any) => any;
-    del: (path: string, callback?: (err: any, req: Request, res: Response) => any) => any;
+    get: (opts: any, callback?: (err: any, req: Request, res: Response, obj: any) => any) => any;
+    head: (opts: any, callback?: (err: any, req: Request, res: Response) => any) => any;
+    post: (opts: any, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any) => any;
+    put: (opts: any, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any) => any;
+    patch: (opts: any, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any) => any;
+    del: (opts: any, callback?: (err: any, req: Request, res: Response) => any) => any;
     basicAuth: (username: string, password: string) => any;
   }
 

From 1e7454173b2d2cf76545b361456df7fb42683ce0 Mon Sep 17 00:00:00 2001
From: ryutamaki <ryu.mochi@gmail.com>
Date: Tue, 27 Sep 2016 23:17:03 +0900
Subject: [PATCH 036/382] Add CognitoIdentity into aws-sdk

---
 aws-sdk/aws-sdk.d.ts | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/aws-sdk/aws-sdk.d.ts b/aws-sdk/aws-sdk.d.ts
index 2a92a4bcc4..d30b3af305 100644
--- a/aws-sdk/aws-sdk.d.ts
+++ b/aws-sdk/aws-sdk.d.ts
@@ -22,6 +22,27 @@ declare module "aws-sdk" {
     constructor(profile: string);
   }
 
+  export module CognitoIdentity {
+    export interface CognitoIdentityCredentialsParams {
+      IdentityPoolId?: string;
+      AccountId?: string;
+      Logins?: {[k: string]: any};
+
+      RoleArn?: string;
+      RoleSessionName?: string;
+      WebIdentityToken?: string;
+      ProviderId?: string;
+      Policy?: string;
+      DurationSeconds?: number;
+
+      IdentityId?: string;
+    }
+  }
+
+  export class CognitoIdentityCredentials extends Credentials {
+    constructor(params: CognitoIdentity.CognitoIdentityCredentialsParams);
+  }
+
   export interface Logger {
     write?: (chunk: any, encoding?: string, callback?: () => void) => void;
     log?: (...messages: any[]) => void;

From 1545f5cd9193d38e465637ad35d38ba620a007af Mon Sep 17 00:00:00 2001
From: Mykhailo Stadnyk <mikhus@gmail.com>
Date: Tue, 27 Sep 2016 22:46:12 +0300
Subject: [PATCH 037/382] Font advanced config options added (for v2.0.6+)

---
 canvas-gauges/canvas-gauges-tests.ts |  6 ++++--
 canvas-gauges/canvas-gauges.d.ts     | 14 +++++++++++++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/canvas-gauges/canvas-gauges-tests.ts b/canvas-gauges/canvas-gauges-tests.ts
index d0f04e1082..015bdfd7e2 100644
--- a/canvas-gauges/canvas-gauges-tests.ts
+++ b/canvas-gauges/canvas-gauges-tests.ts
@@ -8,10 +8,12 @@ import {
 } from 'canvas-gauges';
 
 let linearOptions: LinearGaugeOptions = {
-    renderTo: document.createElement('canvas')
+    renderTo: document.createElement('canvas'),
+    fontNumbersStyle: 'italic'
 };
 let radialOptions: RadialGaugeOptions = {
-    renderTo: 'gauge-id'
+    renderTo: 'gauge-id',
+    fontNumbersWeight: 'bold'
 };
 
 new LinearGauge(linearOptions);
diff --git a/canvas-gauges/canvas-gauges.d.ts b/canvas-gauges/canvas-gauges.d.ts
index 2b67c7f76f..b330726f55 100644
--- a/canvas-gauges/canvas-gauges.d.ts
+++ b/canvas-gauges/canvas-gauges.d.ts
@@ -4,6 +4,10 @@
 // Definitions: https://github.com/Mikhus/DefinitelyTyped
 
 declare namespace CanvasGauges {
+    export type FontStyle = 'normal' | 'italic' | 'oblique';
+    export type FontWeight = 'normal' | 'bold' | 'bolder' | 'lighter' |
+        '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+
     export type RenderTarget = string|HTMLElement;
 
     export interface AnimationRule {
@@ -86,7 +90,15 @@ declare namespace CanvasGauges {
         fontTitleSize?: number,
         fontValueSize?: number,
         fontUnitsSize?: number,
-        fontNumbersSize?: number
+        fontNumbersSize?: number,
+        fontTitleStyle?: FontStyle,
+        fontValueStyle?: FontStyle,
+        fontUnitsStyle?: FontStyle,
+        fontNumbersStyle?: FontStyle,
+        fontTitleWeight?: FontWeight,
+        fontValueWeight?: FontWeight,
+        fontUnitsWeight?: FontWeight,
+        fontNumbersWeight?: FontWeight
     }
 
     export interface RadialGaugeOptions extends GenericOptions {

From fd8fdb5cf992e09f0a12da758c1099bcba75cf86 Mon Sep 17 00:00:00 2001
From: Frank Gambino <frank@daringdev.com>
Date: Tue, 27 Sep 2016 18:04:58 -0400
Subject: [PATCH 038/382] Add missing slider parameters

---
 flexSlider/flexSlider.d.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/flexSlider/flexSlider.d.ts b/flexSlider/flexSlider.d.ts
index c8fa3f949c..276bb35e84 100644
--- a/flexSlider/flexSlider.d.ts
+++ b/flexSlider/flexSlider.d.ts
@@ -78,10 +78,10 @@ interface FlexSliderOptions {
 	// Callback API
 	start?: (slider: SliderObject) => any;            //Callback: function(slider) - Fires when the slider loads the first slide
 	before?: (slider: SliderObject) => any;           //Callback: function(slider) - Fires asynchronously with each slider animation
-	after?: () => any;            //Callback: function(slider) - Fires after each slider animation completes
-	end?: () => any;              //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
-	added?: () => any;            //{NEW} Callback: function(slider) - Fires after a slide is added
-	removed?: () => any;
+	after?: (slider: SliderObject) => any;            //Callback: function(slider) - Fires after each slider animation completes
+	end?: (slider: SliderObject) => any;              //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
+	added?: (slider: SliderObject) => any;            //{NEW} Callback: function(slider) - Fires after a slide is added
+	removed?: (slider: SliderObject) => any;
 }
 
 

From dc0093e464a1a31a0659b776daee83e68a7320df Mon Sep 17 00:00:00 2001
From: Vipul Shekhawat <vish092@gmail.com>
Date: Tue, 27 Sep 2016 16:03:49 -0700
Subject: [PATCH 039/382] Add backspaceToRemoveMessage prop

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

diff --git a/react-select/react-select.d.ts b/react-select/react-select.d.ts
index 701d5efc4a..8011122fed 100644
--- a/react-select/react-select.d.ts
+++ b/react-select/react-select.d.ts
@@ -87,6 +87,12 @@ declare namespace ReactSelect {
          * @default true
          */
         backspaceRemoves?: boolean;
+        /**
+         * Message to use for screenreaders to press backspace to remove the current item
+         * {label} is replaced with the item label
+         * @default "Press backspace to remove..."
+         */
+        backspaceToRemoveMessage?: string;
         /**
          * CSS className for the outer element
          */

From 4c73343ec113a863b7c66f0f1e8e2a1e435c3eaf Mon Sep 17 00:00:00 2001
From: Erik Mogensen <erik@mogensoft.net>
Date: Wed, 28 Sep 2016 12:36:05 +0200
Subject: [PATCH 040/382] fixup! path can be string or a hash of options

---
 restify/restify.d.ts | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/restify/restify.d.ts b/restify/restify.d.ts
index a1b933f419..eb4f5b5702 100644
--- a/restify/restify.d.ts
+++ b/restify/restify.d.ts
@@ -470,24 +470,24 @@ declare module "restify" {
   }
 
   interface Client {
-    get: (opts: any, callback?: (err: any, req: Request, res: Response, obj: any) => any) => any;
-    head: (opts: any, callback?: (err: any, req: Request, res: Response) => any) => any;
-    post: (opts: any, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any) => any;
-    put: (opts: any, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any) => any;
-    patch: (opts: any, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any) => any;
-    del: (opts: any, callback?: (err: any, req: Request, res: Response) => any) => any;
+    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: (path?: any, callback?: Function) => any;
-    head: (path?:any, callback?: Function) => any;
-    post: (opts?: any, callback?: Function) => any;
-    put: (opts?: any, callback?: Function) => any;
-    patch: (opts?: any, callback?: Function) => any;
-    del: (opts?: any, callback?: Function) => any;
+    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;
   }
-
+ 
   interface ThrottleOptions {
     burst?: number;
     rate?: number;

From 27986da0aa5f78c596bd8068b3e617b9c55b7137 Mon Sep 17 00:00:00 2001
From: Chen Zhutian <zhutian.chen@outlook.com>
Date: Wed, 28 Sep 2016 20:24:41 +0800
Subject: [PATCH 041/382] add request.body (#11395)

* add request.body

* Update koa-bodyparser.d.ts

According to the documentation of `koa-bodyparser`:
```javascript
 // the parsed body will store in this.request.body
 // if nothing was parsed, body will be an empty object {}
 ctx.body = ctx.request.body;
```

Therefore the `body` property will exit in the `request` object.
Changing the `body` property from optional to required can also fix the conflict problem in Koa's declaration file:
```ts
 class Koa extend Request, Response {}
```
---
 koa-bodyparser/koa-bodyparser.d.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/koa-bodyparser/koa-bodyparser.d.ts b/koa-bodyparser/koa-bodyparser.d.ts
index f8e1b25aae..0daf7cdb2a 100644
--- a/koa-bodyparser/koa-bodyparser.d.ts
+++ b/koa-bodyparser/koa-bodyparser.d.ts
@@ -18,6 +18,11 @@
 declare module "koa-bodyparser" {
 
     import * as Koa from "koa";
+    module "koa" {
+        interface Request {
+            body: any;
+        }
+    }
 
     function bodyParser(opts?: {
         /**

From 02aed91b3d7e1b0d4226609ac2453f8555491206 Mon Sep 17 00:00:00 2001
From: Denis <carriere.denis@gmail.com>
Date: Wed, 28 Sep 2016 08:27:39 -0400
Subject: [PATCH 042/382] Implement tilebelt definition (#11495)

---
 tilebelt/tilebelt-tests.ts |  29 ++++++
 tilebelt/tilebelt.d.ts     | 189 +++++++++++++++++++++++++++++++++++++
 2 files changed, 218 insertions(+)
 create mode 100644 tilebelt/tilebelt-tests.ts
 create mode 100644 tilebelt/tilebelt.d.ts

diff --git a/tilebelt/tilebelt-tests.ts b/tilebelt/tilebelt-tests.ts
new file mode 100644
index 0000000000..90c0923f36
--- /dev/null
+++ b/tilebelt/tilebelt-tests.ts
@@ -0,0 +1,29 @@
+/// <reference path="tilebelt.d.ts"/>
+import * as tilebelt from 'tilebelt'
+
+const lon = 30.5
+const lat = 50.5
+const z = 15
+const tile = [5, 10, 10]
+const tiles = [
+    [0, 0, 5],
+    [0, 1, 5],
+    [1, 1, 5],
+    [1, 0, 5]
+]
+const quadkey = '00001033'
+const bbox = [ -178.24, 84.70, -177.89, 84.73 ]
+
+tilebelt.tileToQuadkey(tile)
+tilebelt.tileToBBOX(tile)
+tilebelt.tileToGeoJSON(tile)
+tilebelt.getParent(tile)
+tilebelt.getSiblings(tile)
+tilebelt.tileToQuadkey(tile)
+tilebelt.pointToTile(lon, lat, z)
+tilebelt.quadkeyToTile(quadkey)
+tilebelt.bboxToTile(bbox)
+tilebelt.pointToTileFraction(lon, lat, z)
+tilebelt.hasSiblings(tile, tiles)
+tilebelt.hasTile(tiles, tile)
+tilebelt.tilesEqual(tiles[0], tiles[1])
\ No newline at end of file
diff --git a/tilebelt/tilebelt.d.ts b/tilebelt/tilebelt.d.ts
new file mode 100644
index 0000000000..c35a803228
--- /dev/null
+++ b/tilebelt/tilebelt.d.ts
@@ -0,0 +1,189 @@
+// Type definitions for tilebelt 1.0.1
+// Project: https://github.com/mapbox/tilebelt
+// Definitions by: Denis Carriere <https://github.com/DenisCarriere>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../geojson/geojson.d.ts" />
+
+declare const tilebelt: tilebelt.TilebeltStatic;
+declare namespace tilebelt {
+    interface TilebeltStatic {
+        /**
+         * Get a geojson representation of a tile
+         *
+         * @name tileToGeoJSON
+         * @param {Array<number>} tile
+         * @returns {Feature<Polygon>}
+         * @example
+         * var poly = tileToGeoJSON([5, 10, 10])
+         * //=poly
+         */
+        tileToGeoJSON(tile: Array<number>): GeoJSON.Feature<GeoJSON.Polygon>
+
+        /**
+         * Get the bbox of a tile
+         *
+         * @name tileToBBOX
+         * @param {Array<number>} tile
+         * @returns {Array<number>} bbox
+         * @example
+         * var bbox = tileToBBOX([5, 10, 10])
+         * //=bbox
+         */
+        tileToBBOX(tile: Array<number>): Array<number>
+
+        /**
+         * Get the tile for a point at a specified zoom level
+         *
+         * @name pointToTile
+         * @param {number} lon
+         * @param {number} lat
+         * @param {number} z
+         * @returns {Array<number>} tile
+         * @example
+         * var tile = pointToTile(1, 1, 20)
+         * //=tile
+         */
+        pointToTile(lon: number, lat: number, z: number): Array<number>
+
+        /**
+         * Get the 4 tiles one zoom level higher
+         *
+         * @name getChildren
+         * @param {Array<number>} tile
+         * @returns {Array<Array<number>>} tiles
+         * @example
+         * var tiles = getChildren([5, 10, 10])
+         * //=tiles
+         */
+        getChildren(tile: Array<number>): Array<Array<number>>
+
+        /**
+         * Get the tile one zoom level lower
+         *
+         * @name getParent
+         * @param {Array<number>} tile
+         * @returns {Array<number>} tile
+         * @example
+         * var tile = getParent([5, 10, 10])
+         * //=tile
+         */
+        getParent(tile: Array<number>): Array<number>
+
+        /**
+         * Get the 3 sibling tiles for a tile
+         *
+         * @name getSiblings
+         * @param {Array<number>} tile
+         * @returns {Array<Array<number>>} tiles
+         * @example
+         * var tiles = getSiblings([5, 10, 10])
+         * //=tiles
+         */
+        getSiblings(tile: Array<number>): Array<Array<number>>
+
+        /**
+         * Check to see if an array of tiles contains a tiles siblings
+         *
+         * @name hasSiblings
+         * @param {Array<number>} tile
+         * @param {Array<Array<number>>} tiles
+         * @returns {boolean}
+         * @example
+         * var tiles = [
+         *     [0, 0, 5],
+         *     [0, 1, 5],
+         *     [1, 1, 5],
+         *     [1, 0, 5]
+         * ]
+         * hasSiblings([0, 0, 5], tiles)
+         * //=boolean
+         */
+        hasSiblings(tile: Array<number>, tiles: Array<Array<number>>): boolean
+
+        /**
+         * Check to see if an array of tiles contains a particular tile
+         *
+         * @name hasTile
+         * @param {Array<Array<number>>} tiles
+         * @param {Array<number>} tile
+         * @returns {boolean}
+         * @example
+         * var tiles = [
+         *     [0, 0, 5],
+         *     [0, 1, 5],
+         *     [1, 1, 5],
+         *     [1, 0, 5]
+         * ]
+         * hasTile(tiles, [0, 0, 5])
+         * //=boolean
+         */
+        hasTile(tiles: Array<Array<number>>, tile: Array<number>): boolean
+
+        /**
+         * Check to see if two tiles are the same
+         *
+         * @name tilesEqual
+         * @param {Array<number>} tile1
+         * @param {Array<number>} tile2
+         * @returns {boolean}
+         * @example
+         * tilesEqual([0, 1, 5], [0, 0, 5])
+         * //=boolean
+         */
+        tilesEqual(tile1: Array<number>, tile2: Array<number>): boolean
+
+        /**
+         * Get the quadkey for a tile
+         *
+         * @name tileToQuadkey
+         * @param {Array<number>} tile
+         * @returns {string} quadkey
+         * @example
+         * var quadkey = tileToQuadkey([0, 1, 5])
+         * //=quadkey
+         */
+        tileToQuadkey(tile: Array<number>): string
+
+        /**
+         * Get the tile for a quadkey
+         *
+         * @name quadkeyToTile
+         * @param {string} quadkey
+         * @returns {Array<number>} tile
+         * @example
+         * var tile = quadkeyToTile('00001033')
+         * //=tile
+         */
+        quadkeyToTile(quadkey: string): Array<number>
+
+        /**
+         * Get the smallest tile to cover a bbox
+         *
+         * @name bboxToTile
+         * @param {Array<number>} bbox
+         * @returns {Array<number>} tile
+         * @example
+         * var tile = bboxToTile([ -178, 84, -177, 85 ])
+         * //=tile
+         */
+        bboxToTile(bbox: Array<number>): Array<number>
+
+        /**
+         * Get the precise fractional tile location for a point at a zoom level
+         *
+         * @name pointToTileFraction
+         * @param {number} lon
+         * @param {number} lat
+         * @param {number} z
+         * @returns {Array<number>} tile fraction
+         * var tile = pointToTileFraction(30.5, 50.5, 15)
+         * //=tile
+         */
+        pointToTileFraction(lon: number, lat: number, z: number): Array<number>
+    }
+}
+
+declare module "tilebelt" {
+  export = tilebelt
+}
\ No newline at end of file

From 7b9c3257214af878d92693308cd7686cbe1f1384 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Wed, 28 Sep 2016 20:29:10 +0800
Subject: [PATCH 043/382] Add import test (#11476)

---
 validator/validator-tests.ts | 252 +++++++++++++++++++++++++++++++++++
 1 file changed, 252 insertions(+)

diff --git a/validator/validator-tests.ts b/validator/validator-tests.ts
index cc857121bb..fa2f72439f 100644
--- a/validator/validator-tests.ts
+++ b/validator/validator-tests.ts
@@ -2,6 +2,258 @@
 
 import * as validator from 'validator';
 
+
+/************************************************
+*                                               *
+*                  IMPORT TESTS                 *
+*                                               *
+************************************************/
+import {
+    blacklist as blacklistFunc,
+    contains as containsFunc,
+    equals as equalsFunc,
+    escape as escapeFunc,
+    isAfter as isAfterFunc,
+    isAlpha as isAlphaFunc,
+    isAlphanumeric as isAlphanumericFunc,
+    isAscii as isAsciiFunc,
+    isBase64 as isBase64Func,
+    isBefore as isBeforeFunc,
+    isBoolean as isBooleanFunc,
+    isByteLength as isByteLengthFunc,
+    isCreditCard as isCreditCardFunc,
+    isCurrency as isCurrencyFunc,
+    isDataURI as isDataURIFunc,
+    isDate as isDateFunc,
+    isDecimal as isDecimalFunc,
+    isDivisibleBy as isDivisibleByFunc,
+    isEmail as isEmailFunc,
+    isFQDN as isFQDNFunc,
+    isFloat as isFloatFunc,
+    isFullWidth as isFullWidthFunc,
+    isHalfWidth as isHalfWidthFunc,
+    isHexColor as isHexColorFunc,
+    isHexadecimal as isHexadecimalFunc,
+    isIP as isIPFunc,
+    isISBN as isISBNFunc,
+    isISIN as isISINFunc,
+    isISO8601 as isISO8601Func,
+    isIn as isInFunc,
+    isInt as isIntFunc,
+    isJSON as isJSONFunc,
+    isLength as isLengthFunc,
+    isLowercase as isLowercaseFunc,
+    isMACAddress as isMACAddressFunc,
+    isMD5 as isMD5Func,
+    isMobilePhone as isMobilePhoneFunc,
+    isMongoId as isMongoIdFunc,
+    isMultibyte as isMultibyteFunc,
+    isNull as isNullFunc,
+    isNumeric as isNumericFunc,
+    isSurrogatePair as isSurrogatePairFunc,
+    isURL as isURLFunc,
+    isUUID as isUUIDFunc,
+    isUppercase as isUppercaseFunc,
+    isVariableWidth as isVariableWidthFunc,
+    isWhitelisted as isWhitelistedFunc,
+    ltrim as ltrimFunc,
+    matches as matchesFunc,
+    normalizeEmail as normalizeEmailFunc,
+    rtrim as rtrimFunc,
+    stripLow as stripLowFunc,
+    toBoolean as toBooleanFunc,
+    toDate as toDateFunc,
+    toFloat as toFloatFunc,
+    toInt as toIntFunc,
+    trim as trimFunc,
+    unescape as unescapeFunc,
+    whitelist as whitelistFunc,
+} from 'validator'
+
+namespace import_tests {
+  let _blacklist = validator.blacklist;
+  _blacklist = blacklistFunc;
+
+  let _contains = validator.contains;
+  _contains = containsFunc;
+
+  let _equals = validator.equals;
+  _equals = equalsFunc;
+
+  let _escape = validator.escape;
+  _escape = escapeFunc;
+
+  let _isAfter = validator.isAfter;
+  _isAfter = isAfterFunc;
+
+  let _isAlpha = validator.isAlpha;
+  _isAlpha = isAlphaFunc;
+
+  let _isAlphanumeric = validator.isAlphanumeric;
+  _isAlphanumeric = isAlphanumericFunc;
+
+  let _isAscii = validator.isAscii;
+  _isAscii = isAsciiFunc;
+
+  let _isBase64 = validator.isBase64;
+  _isBase64 = isBase64Func;
+
+  let _isBefore = validator.isBefore;
+  _isBefore = isBeforeFunc;
+
+  let _isBoolean = validator.isBoolean;
+  _isBoolean = isBooleanFunc;
+
+  let _isByteLength = validator.isByteLength;
+  _isByteLength = isByteLengthFunc;
+
+  let _isCreditCard = validator.isCreditCard;
+  _isCreditCard = isCreditCardFunc;
+
+  let _isCurrency = validator.isCurrency;
+  _isCurrency = isCurrencyFunc;
+
+  let _isDataURI = validator.isDataURI;
+  _isDataURI = isDataURIFunc;
+
+  let _isDate = validator.isDate;
+  _isDate = isDateFunc;
+
+  let _isDecimal = validator.isDecimal;
+  _isDecimal = isDecimalFunc;
+
+  let _isDivisibleBy = validator.isDivisibleBy;
+  _isDivisibleBy = isDivisibleByFunc;
+
+  let _isEmail = validator.isEmail;
+  _isEmail = isEmailFunc;
+
+  let _isFQDN = validator.isFQDN;
+  _isFQDN = isFQDNFunc;
+
+  let _isFloat = validator.isFloat;
+  _isFloat = isFloatFunc;
+
+  let _isFullWidth = validator.isFullWidth;
+  _isFullWidth = isFullWidthFunc;
+
+  let _isHalfWidth = validator.isHalfWidth;
+  _isHalfWidth = isHalfWidthFunc;
+
+  let _isHexColor = validator.isHexColor;
+  _isHexColor = isHexColorFunc;
+
+  let _isHexadecimal = validator.isHexadecimal;
+  _isHexadecimal = isHexadecimalFunc;
+
+  let _isIP = validator.isIP;
+  _isIP = isIPFunc;
+
+  let _isISBN = validator.isISBN;
+  _isISBN = isISBNFunc;
+
+  let _isISIN = validator.isISIN;
+  _isISIN = isISINFunc;
+
+  let _isISO8601 = validator.isISO8601;
+  _isISO8601 = isISO8601Func;
+
+  let _isIn = validator.isIn;
+  _isIn = isInFunc;
+
+  let _isInt = validator.isInt;
+  _isInt = isIntFunc;
+
+  let _isJSON = validator.isJSON;
+  _isJSON = isJSONFunc;
+
+  let _isLength = validator.isLength;
+  _isLength = isLengthFunc;
+
+  let _isLowercase = validator.isLowercase;
+  _isLowercase = isLowercaseFunc;
+
+  let _isMACAddress = validator.isMACAddress;
+  _isMACAddress = isMACAddressFunc;
+
+  let _isMD5 = validator.isMD5;
+  _isMD5 = isMD5Func;
+
+  let _isMobilePhone = validator.isMobilePhone;
+  _isMobilePhone = isMobilePhoneFunc;
+
+  let _isMongoId = validator.isMongoId;
+  _isMongoId = isMongoIdFunc;
+
+  let _isMultibyte = validator.isMultibyte;
+  _isMultibyte = isMultibyteFunc;
+
+  let _isNull = validator.isNull;
+  _isNull = isNullFunc;
+
+  let _isNumeric = validator.isNumeric;
+  _isNumeric = isNumericFunc;
+
+  let _isSurrogatePair = validator.isSurrogatePair;
+  _isSurrogatePair = isSurrogatePairFunc;
+
+  let _isURL = validator.isURL;
+  _isURL = isURLFunc;
+
+  let _isUUID = validator.isUUID;
+  _isUUID = isUUIDFunc;
+
+  let _isUppercase = validator.isUppercase;
+  _isUppercase = isUppercaseFunc;
+
+  let _isVariableWidth = validator.isVariableWidth;
+  _isVariableWidth = isVariableWidthFunc;
+
+  let _isWhitelisted = validator.isWhitelisted;
+  _isWhitelisted = isWhitelistedFunc;
+
+  let _ltrim = validator.ltrim;
+  _ltrim = ltrimFunc;
+
+  let _matches = validator.matches;
+  _matches = matchesFunc;
+
+  let _normalizeEmail = validator.normalizeEmail;
+  _normalizeEmail = normalizeEmailFunc;
+
+  let _rtrim = validator.rtrim;
+  _rtrim = rtrimFunc;
+
+  let _stripLow = validator.stripLow;
+  _stripLow = stripLowFunc;
+
+  let _toBoolean = validator.toBoolean;
+  _toBoolean = toBooleanFunc;
+
+  let _toDate = validator.toDate;
+  _toDate = toDateFunc;
+
+  let _toFloat = validator.toFloat;
+  _toFloat = toFloatFunc;
+
+  let _toInt = validator.toInt;
+  _toInt = toIntFunc;
+
+  let _trim = validator.trim;
+  _trim = trimFunc;
+
+  let _unescape = validator.unescape;
+  _unescape = unescapeFunc;
+
+  let _whitelist = validator.whitelist;
+  _whitelist = whitelistFunc;
+}
+
+/************************************************
+*                                               *
+*                  API TESTS                    *
+*                                               *
+************************************************/
 let any: any;
 
 // **************

From f597aadbe9227b84dcd231c0396d6a93d271621f Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Wed, 28 Sep 2016 20:29:27 +0800
Subject: [PATCH 044/382] [validator] Add new stuff which document not
 mentioned (#11498)

* Add new stuff which document not mentioned

* Add related test
---
 validator/validator-tests.ts | 10 ++++++++++
 validator/validator.d.ts     |  4 ++++
 2 files changed, 14 insertions(+)

diff --git a/validator/validator-tests.ts b/validator/validator-tests.ts
index fa2f72439f..a0ee4a4cbf 100644
--- a/validator/validator-tests.ts
+++ b/validator/validator-tests.ts
@@ -551,6 +551,16 @@ let any: any;
   result = validator.whitelist('sample', 'abc');
 }
 
+{
+  let str: string;
+  str = validator.toString([123, 456, '123', '456', true, false]);
+}
+
+{
+  let ver: string;
+  ver = validator.version;
+}
+
 // **************
 // * Extensions *
 // **************
diff --git a/validator/validator.d.ts b/validator/validator.d.ts
index eb09d12b95..02e8eba732 100644
--- a/validator/validator.d.ts
+++ b/validator/validator.d.ts
@@ -213,6 +213,10 @@ declare namespace ValidatorJS {
     // remove characters that do not appear in the whitelist. The characters are used in a RegExp and so you will
     // need to escape some chars, e.g. whitelist(input, '\\[\\]').
     whitelist(input: string, chars: string): string;
+    
+    toString(input: any | any[]): string;
+    
+    version: string;
 
     // **************
     // * Extensions *

From bbf7d433237a5e8eb455e74bbd561f614eea9f15 Mon Sep 17 00:00:00 2001
From: Samuel Marks <samuelmarks@gmail.com>
Date: Wed, 28 Sep 2016 22:42:23 +1000
Subject: [PATCH 045/382] http.ServerRequest => http.IncomingMessage (#11500)

---
 acl/acl.d.ts                                             | 2 +-
 applicationinsights/applicationinsights.d.ts             | 8 ++++----
 browser-sync/browser-sync.d.ts                           | 4 ++--
 bufferstream/bufferstream.d.ts                           | 2 +-
 busboy/busboy-tests.ts                                   | 2 +-
 express-serve-static-core/express-serve-static-core.d.ts | 2 +-
 formidable/formidable-tests.ts                           | 2 +-
 multiparty/multiparty-tests.ts                           | 2 +-
 multiparty/multiparty.d.ts                               | 2 +-
 on-headers/on-headers-tests.ts                           | 2 +-
 restify/restify.d.ts                                     | 2 +-
 urlrouter/urlrouter.d.ts                                 | 2 +-
 ws/ws-tests.ts                                           | 2 +-
 13 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/acl/acl.d.ts b/acl/acl.d.ts
index d222f9ebb6..eaa728cb2c 100644
--- a/acl/acl.d.ts
+++ b/acl/acl.d.ts
@@ -20,7 +20,7 @@ declare module "acl" {
   type Callback = (err: Error) => any;
   type AnyCallback = (err: Error, obj: any) => any;
   type AllowedCallback = (err: Error, allowed: boolean) => any;
-  type GetUserId = (req: http.ServerRequest, res: http.ServerResponse) => Value;
+  type GetUserId = (req: http.IncomingMessage, res: http.ServerResponse) => Value;
 
   interface AclStatic {
     new (backend: Backend<any>, logger: Logger, options: Option): Acl;
diff --git a/applicationinsights/applicationinsights.d.ts b/applicationinsights/applicationinsights.d.ts
index 96d5773fa5..45c89556a6 100644
--- a/applicationinsights/applicationinsights.d.ts
+++ b/applicationinsights/applicationinsights.d.ts
@@ -346,24 +346,24 @@ interface Client {
      * Log an incoming http request to your server. The request data will be tracked during the response "finish" event if it is successful or the request "error" 
      * event if it fails. The request duration is automatically calculated as the timespan between when the trackRequest method was called, and when the response "finish"
      * or request "error" events were fired.
-     * @param request   The http.ServerRequest object to track
+     * @param request   The http.IncomingMessage object to track
      * @param response  The http.ServerResponse object for this request
      * @param properties    map[string, string] - additional data used to filter requests in the portal. Defaults to empty.
      */
-    trackRequest(request: any /* http.ServerRequest */, response: any /* http.ServerResponse */, properties?: {
+    trackRequest(request: any /* http.IncomingMessage */, response: any /* http.ServerResponse */, properties?: {
         [key: string]: string;
     }): void;
     
     /**
      * Log an incoming http request to your server. The request data is tracked synchronously rather than waiting for the response "finish"" or request "error"" events.
      * Use this if you need your request telemetry to respect custom app insights operation and user context (for example if you set any appInsights.client.context.tags).
-     * @param request   The http.ServerRequest object to track
+     * @param request   The http.IncomingMessage object to track
      * @param response  The http.ServerResponse object for this request
      * @param ellapsedMilliseconds  The duration for this request. Defaults to 0.
      * @param properties    map[string, string] - additional data used to filter requests in the portal. Defaults to empty.
      * @param error     An error that was returned for this request if it was unsuccessful. Defaults to null.
      */
-    trackRequestSync(request: any /*http.ServerRequest */, response: any /*http.ServerResponse */, ellapsedMilliseconds?: number, properties?: {
+    trackRequestSync(request: any /*http.IncomingMessage */, response: any /*http.ServerResponse */, ellapsedMilliseconds?: number, properties?: {
         [key: string]: string;}, error?: any) : void;
     
     /**
diff --git a/browser-sync/browser-sync.d.ts b/browser-sync/browser-sync.d.ts
index 00d234f958..54b42aff4a 100644
--- a/browser-sync/browser-sync.d.ts
+++ b/browser-sync/browser-sync.d.ts
@@ -288,11 +288,11 @@ declare module "browser-sync" {
             middleware?: MiddlewareHandler;
             ws: boolean;
             reqHeaders: (config: any) => Hash<any>;
-            proxyRes: (res: http.ServerResponse, req: http.ServerRequest, next: Function) => any;
+            proxyRes: (res: http.ServerResponse, req: http.IncomingMessage, next: Function) => any;
         }
 
         interface MiddlewareHandler {
-            (req: http.ServerRequest, res: http.ServerResponse, next: Function): any;
+            (req: http.IncomingMessage, res: http.ServerResponse, next: Function): any;
         }
 
         interface PerRouteMiddleware {
diff --git a/bufferstream/bufferstream.d.ts b/bufferstream/bufferstream.d.ts
index ee115d0ab5..c43a716d4b 100644
--- a/bufferstream/bufferstream.d.ts
+++ b/bufferstream/bufferstream.d.ts
@@ -104,7 +104,7 @@ declare module 'bufferstream/postbuffer' {
 
 		 http client buffer
 		*/
-		constructor(req: http.ServerRequest);
+		constructor(req: http.IncomingMessage);
 		/*
 			set a callback to get all post data from a http server request
 		*/
diff --git a/busboy/busboy-tests.ts b/busboy/busboy-tests.ts
index 058b5c92d3..11e8b6c9ad 100644
--- a/busboy/busboy-tests.ts
+++ b/busboy/busboy-tests.ts
@@ -5,7 +5,7 @@ import * as Busboy from 'busboy';
 import * as http from 'http';
 import * as util from 'util';
 
-function serverFn(req: http.ServerRequest, res: http.ServerResponse) {
+function serverFn(req: http.IncomingMessage, res: http.ServerResponse) {
   if (req.method === 'POST') {
     var busboy = new Busboy({ headers: req.headers });
     busboy.on('file', function(fieldname, file, filename, encoding, mimetype) {
diff --git a/express-serve-static-core/express-serve-static-core.d.ts b/express-serve-static-core/express-serve-static-core.d.ts
index 0371c2bb6a..648f1447a5 100644
--- a/express-serve-static-core/express-serve-static-core.d.ts
+++ b/express-serve-static-core/express-serve-static-core.d.ts
@@ -130,7 +130,7 @@ declare module "express-serve-static-core" {
 
     interface Errback { (err: Error): void; }
 
-    interface Request extends http.ServerRequest, Express.Request {
+    interface Request extends http.IncomingMessage, Express.Request {
 
         /**
             * Return request header.
diff --git a/formidable/formidable-tests.ts b/formidable/formidable-tests.ts
index a0f70a713c..4fdc5ba4cf 100644
--- a/formidable/formidable-tests.ts
+++ b/formidable/formidable-tests.ts
@@ -48,7 +48,7 @@ if (form.bytesReceived > 100) {
 if (form.bytesExpected > 100) {
 }
 
-var req: http.ServerRequest;
+var req: http.IncomingMessage;
 
 form.parse(req);
 form.parse(req, (err: any, fields: formidable.Fields, files: formidable.Files) => {
diff --git a/multiparty/multiparty-tests.ts b/multiparty/multiparty-tests.ts
index 47e6a62f71..e84320ca46 100644
--- a/multiparty/multiparty-tests.ts
+++ b/multiparty/multiparty-tests.ts
@@ -4,7 +4,7 @@ import multiparty = require('multiparty');
 import http = require('http');
 import util = require('util');
 
-http.createServer(function (req: http.ServerRequest, res: http.ServerResponse) {
+http.createServer(function (req: http.IncomingMessage, res: http.ServerResponse) {
   if (req.url === '/upload' && req.method === 'POST') {
     var count = 0;
     var form = new multiparty.Form();
diff --git a/multiparty/multiparty.d.ts b/multiparty/multiparty.d.ts
index a280c366f8..b0977ff034 100644
--- a/multiparty/multiparty.d.ts
+++ b/multiparty/multiparty.d.ts
@@ -18,7 +18,7 @@ declare module "multiparty" {
      * @param request
      * @param callback
      */
-    parse(request: http.ServerRequest, callback?: (error: Error, fields: any, files: any) => any): void;
+    parse(request: http.IncomingMessage, callback?: (error: Error, fields: any, files: any) => any): void;
   }
 
   export interface File {
diff --git a/on-headers/on-headers-tests.ts b/on-headers/on-headers-tests.ts
index 11f33c4ef0..35b62764ed 100644
--- a/on-headers/on-headers-tests.ts
+++ b/on-headers/on-headers-tests.ts
@@ -6,7 +6,7 @@ import onHeaders = require('on-headers')
 http.createServer(onRequest)
     .listen(3000);
 
-function onRequest(req: http.ServerRequest, res: http.ServerResponse) {
+function onRequest(req: http.IncomingMessage, res: http.ServerResponse) {
     onHeaders(res, addPoweredBy);
     res.setHeader('Content-Type', 'text/plain')
     res.end('hello!');
diff --git a/restify/restify.d.ts b/restify/restify.d.ts
index 65b3f44d47..5f6ca472b1 100644
--- a/restify/restify.d.ts
+++ b/restify/restify.d.ts
@@ -35,7 +35,7 @@ declare module "restify" {
       }
   }
 
-  interface Request extends http.ServerRequest {
+  interface Request extends http.IncomingMessage {
     /**
      * builds an absolute URI for the request.
      * @private
diff --git a/urlrouter/urlrouter.d.ts b/urlrouter/urlrouter.d.ts
index c7a741ac90..0a1fff0d4c 100644
--- a/urlrouter/urlrouter.d.ts
+++ b/urlrouter/urlrouter.d.ts
@@ -13,7 +13,7 @@ declare module "urlrouter" {
 	namespace UrlRouterInternal {
 
 
-		interface ServerRequest extends http.ServerRequest {
+		interface ServerRequest extends http.IncomingMessage {
 			params: any;
 		}
 
diff --git a/ws/ws-tests.ts b/ws/ws-tests.ts
index 3c85d678cb..4afa12bfe8 100644
--- a/ws/ws-tests.ts
+++ b/ws/ws-tests.ts
@@ -66,7 +66,7 @@ var WebSocketServer = WebSocket.Server;
       info: {
         origin: string
         secure: boolean
-        req: http.ServerRequest
+        req: http.IncomingMessage
       }
       , callback: (res: boolean) => void
     ): void {

From 7315e9e81faa9d6e940561f5b25a72762b9719e5 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Wed, 28 Sep 2016 20:44:55 +0800
Subject: [PATCH 046/382] [node] Add events for dgram (#11501)

* Add events for dgram

* Add tests for dgram

* Correct dgram.RemoteInfo interface

* Correct emit

* Correct emit
---
 node/node-tests.ts | 88 +++++++++++++++++++++++++++++++++++++++++-----
 node/node.d.ts     | 45 +++++++++++++++++++++++-
 2 files changed, 124 insertions(+), 9 deletions(-)

diff --git a/node/node-tests.ts b/node/node-tests.ts
index 30ea4bcaa3..623d31c1f9 100644
--- a/node/node-tests.ts
+++ b/node/node-tests.ts
@@ -659,14 +659,86 @@ namespace tty_tests {
 ////////////////////////////////////////////////////
 
 namespace dgram_tests {
-    var ds: dgram.Socket = dgram.createSocket("udp4", (msg: Buffer, rinfo: dgram.RemoteInfo): void => {
-    });
-    ds.bind();
-    ds.bind(41234);
-    var ai: dgram.AddressInfo = ds.address();
-    ds.send(new Buffer("hello"), 0, 5, 5000, "127.0.0.1", (error: Error, bytes: number): void => {
-    });
-    ds.send(new Buffer("hello"), 5000, "127.0.0.1");
+    {
+        var ds: dgram.Socket = dgram.createSocket("udp4", (msg: Buffer, rinfo: dgram.RemoteInfo): void => {
+        });
+        ds.bind();
+        ds.bind(41234);
+        var ai: dgram.AddressInfo = ds.address();
+        ds.send(new Buffer("hello"), 0, 5, 5000, "127.0.0.1", (error: Error, bytes: number): void => {
+        });
+        ds.send(new Buffer("hello"), 5000, "127.0.0.1");
+    }
+
+    {
+        let _socket: dgram.Socket;
+        let _boolean: boolean;
+        let _err: Error;
+        let _str: string;
+        let _rinfo: dgram.AddressInfo;
+        /**
+         * events.EventEmitter
+         * 1. close
+         * 2. error
+         * 3. listening
+         * 4. message
+         **/
+
+        _socket = _socket.addListener("close", () => {});
+        _socket = _socket.addListener("error", (err) => {
+            let _err: Error = err;
+        })
+        _socket = _socket.addListener("listening", () => {});
+        _socket = _socket.addListener("message", (msg, rinfo) => {
+            let _msg: string = msg;
+            let _rinfo: dgram.AddressInfo = rinfo;
+        })
+
+        _boolean = _socket.emit("close")
+        _boolean = _socket.emit("error", _err);
+        _boolean = _socket.emit("listening");
+        _boolean = _socket.emit("message", _str, _rinfo);
+
+        _socket = _socket.on("close", () => {});
+        _socket = _socket.on("error", (err) => {
+            let _err: Error = err;
+        })
+        _socket = _socket.on("listening", () => {});
+        _socket = _socket.on("message", (msg, rinfo) => {
+            let _msg: string = msg;
+            let _rinfo: dgram.AddressInfo = rinfo;
+        })
+
+        _socket = _socket.once("close", () => {});
+        _socket = _socket.once("error", (err) => {
+            let _err: Error = err;
+        })
+        _socket = _socket.once("listening", () => {});
+        _socket = _socket.once("message", (msg, rinfo) => {
+            let _msg: string = msg;
+            let _rinfo: dgram.AddressInfo = rinfo;
+        })
+
+        _socket = _socket.prependListener("close", () => {});
+        _socket = _socket.prependListener("error", (err) => {
+            let _err: Error = err;
+        })
+        _socket = _socket.prependListener("listening", () => {});
+        _socket = _socket.prependListener("message", (msg, rinfo) => {
+            let _msg: string = msg;
+            let _rinfo: dgram.AddressInfo = rinfo;
+        })
+
+        _socket = _socket.prependOnceListener("close", () => {});
+        _socket = _socket.prependOnceListener("error", (err) => {
+            let _err: Error = err;
+        })
+        _socket = _socket.prependOnceListener("listening", () => {});
+        _socket = _socket.prependOnceListener("message", (msg, rinfo) => {
+            let _msg: string = msg;
+            let _rinfo: dgram.AddressInfo = rinfo;
+        })
+    }
 }
 
 ////////////////////////////////////////////////////
diff --git a/node/node.d.ts b/node/node.d.ts
index 5b807cb5b2..3473ab3281 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -1855,8 +1855,8 @@ declare module "dgram" {
 
     interface RemoteInfo {
         address: string;
+        family: string;
         port: number;
-        size: number;
     }
 
     interface AddressInfo {
@@ -1894,6 +1894,49 @@ declare module "dgram" {
         dropMembership(multicastAddress: string, multicastInterface?: string): void;
         ref(): void;
         unref(): void;
+
+        /**
+         * events.EventEmitter
+         * 1. close
+         * 2. error
+         * 3. listening
+         * 4. message
+         **/
+        addListener(event: string, listener: Function): this;
+        addListener(event: "close", listener: () => void): this;
+        addListener(event: "error", listener: (err: Error) => void): this;
+        addListener(event: "listening", listener: () => void): this;
+        addListener(event: "message", listener: (msg: string, rinfo: AddressInfo) => void): this;
+
+        emit(event: string, ...args: any[]): boolean;
+        emit(event: "close"): boolean;
+        emit(event: "error", err: Error): boolean;
+        emit(event: "listening"): boolean;
+        emit(event: "message", msg: string, rinfo: AddressInfo): boolean;
+
+        on(event: string, listener: Function): this;
+        on(event: "close", listener: () => void): this;
+        on(event: "error", listener: (err: Error) => void): this;
+        on(event: "listening", listener: () => void): this;
+        on(event: "message", listener: (msg: string, rinfo: AddressInfo) => void): this;
+
+        once(event: string, listener: Function): this;
+        once(event: "close", listener: () => void): this;
+        once(event: "error", listener: (err: Error) => void): this;
+        once(event: "listening", listener: () => void): this;
+        once(event: "message", listener: (msg: string, rinfo: AddressInfo) => void): this;
+
+        prependListener(event: string, listener: Function): this;
+        prependListener(event: "close", listener: () => void): this;
+        prependListener(event: "error", listener: (err: Error) => void): this;
+        prependListener(event: "listening", listener: () => void): this;
+        prependListener(event: "message", listener: (msg: string, rinfo: AddressInfo) => void): this;
+
+        prependOnceListener(event: string, listener: Function): this;
+        prependOnceListener(event: "close", listener: () => void): this;
+        prependOnceListener(event: "error", listener: (err: Error) => void): this;
+        prependOnceListener(event: "listening", listener: () => void): this;
+        prependOnceListener(event: "message", listener: (msg: string, rinfo: AddressInfo) => void): this;
     }
 }
 

From c48f9b3fd516a74fd38c51818b0eae6e98c63d38 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Wed, 28 Sep 2016 20:46:43 +0800
Subject: [PATCH 047/382] [node] Add events for tls.Server and tls.TLSSocket
 (#11502)

* Add events for tls.Server

* Add tests for tls.Server

* Add tests for TLSSocket

* Add events for TLSSocket
---
 node/node-tests.ts | 199 ++++++++++++++++++++++++++++++++++++++++++---
 node/node.d.ts     |  79 ++++++++++++++++++
 2 files changed, 268 insertions(+), 10 deletions(-)

diff --git a/node/node-tests.ts b/node/node-tests.ts
index 623d31c1f9..433435ee13 100644
--- a/node/node-tests.ts
+++ b/node/node-tests.ts
@@ -558,17 +558,196 @@ namespace crypto_tests {
 //////////////////////////////////////////////////
 
 namespace tls_tests {
-    var ctx: tls.SecureContext = tls.createSecureContext({
-        key: "NOT REALLY A KEY",
-        cert: "SOME CERTIFICATE",
-    });
-    var blah = ctx.context;
+    {
+        var ctx: tls.SecureContext = tls.createSecureContext({
+            key: "NOT REALLY A KEY",
+            cert: "SOME CERTIFICATE",
+        });
+        var blah = ctx.context;
 
-    var connOpts: tls.ConnectionOptions = {
-        host: "127.0.0.1",
-        port: 55
-    };
-    var tlsSocket = tls.connect(connOpts);
+        var connOpts: tls.ConnectionOptions = {
+            host: "127.0.0.1",
+            port: 55
+        };
+        var tlsSocket = tls.connect(connOpts);
+    }
+
+    {
+        let _server: tls.Server;
+        let _boolean: boolean;
+        let _func1 = function(err: Error, resp: Buffer){};
+        let _func2 = function(err: Error, sessionData: any){};
+        /**
+         * events.EventEmitter
+         * 1. tlsClientError
+         * 2. newSession
+         * 3. OCSPRequest
+         * 4. resumeSession
+         * 5. secureConnection
+         **/
+
+        _server = _server.addListener("tlsClientError", (err, tlsSocket) => {
+            let _err: Error = err;
+            let _tlsSocket: tls.TLSSocket = tlsSocket;
+        })
+        _server = _server.addListener("newSession", (sessionId, sessionData, callback) => {
+            let _sessionId: any = sessionId;
+            let _sessionData: any = sessionData;
+            let _func1 = callback;
+        })
+        _server = _server.addListener("OCSPRequest", (certificate, issuer, callback) => {
+            let _certificate: Buffer = certificate;
+            let _issuer: Buffer = issuer;
+            let _callback: Function = callback;
+        })
+        _server = _server.addListener("resumeSession", (sessionId, callback) => {
+            let _sessionId: any = sessionId;
+            let _func2 = callback;
+        })
+        _server = _server.addListener("secureConnection", (tlsSocket) => {
+            let _tlsSocket: tls.TLSSocket = tlsSocket;
+        })
+
+        let _err: Error;
+        let _tlsSocket: tls.TLSSocket;
+        let _any: any;
+        let _func: Function;
+        let _buffer: Buffer;
+        _boolean = _server.emit("tlsClientError", _err, _tlsSocket);
+        _boolean = _server.emit("newSession", _any, _any, _func1);
+        _boolean = _server.emit("OCSPRequest", _buffer, _buffer, _func);
+        _boolean = _server.emit("resumeSession", _any, _func2);
+        _boolean = _server.emit("secureConnection", _tlsSocket);
+
+        _server = _server.on("tlsClientError", (err, tlsSocket) => {
+            let _err: Error = err;
+            let _tlsSocket: tls.TLSSocket = tlsSocket;
+        })
+        _server = _server.on("newSession", (sessionId, sessionData, callback) => {
+            let _sessionId: any = sessionId;
+            let _sessionData: any = sessionData;
+            let _func1 = callback;
+        })
+        _server = _server.on("OCSPRequest", (certificate, issuer, callback) => {
+            let _certificate: Buffer = certificate;
+            let _issuer: Buffer = issuer;
+            let _callback: Function = callback;
+        })
+        _server = _server.on("resumeSession", (sessionId, callback) => {
+            let _sessionId: any = sessionId;
+            let _func2 = callback;
+        })
+        _server = _server.on("secureConnection", (tlsSocket) => {
+            let _tlsSocket: tls.TLSSocket = tlsSocket;
+        })
+
+        _server = _server.once("tlsClientError", (err, tlsSocket) => {
+            let _err: Error = err;
+            let _tlsSocket: tls.TLSSocket = tlsSocket;
+        })
+        _server = _server.once("newSession", (sessionId, sessionData, callback) => {
+            let _sessionId: any = sessionId;
+            let _sessionData: any = sessionData;
+            let _func1 = callback;
+        })
+        _server = _server.once("OCSPRequest", (certificate, issuer, callback) => {
+            let _certificate: Buffer = certificate;
+            let _issuer: Buffer = issuer;
+            let _callback: Function = callback;
+        })
+        _server = _server.once("resumeSession", (sessionId, callback) => {
+            let _sessionId: any = sessionId;
+            let _func2 = callback;
+        })
+        _server = _server.once("secureConnection", (tlsSocket) => {
+            let _tlsSocket: tls.TLSSocket = tlsSocket;
+        })
+
+        _server = _server.prependListener("tlsClientError", (err, tlsSocket) => {
+            let _err: Error = err;
+            let _tlsSocket: tls.TLSSocket = tlsSocket;
+        })
+        _server = _server.prependListener("newSession", (sessionId, sessionData, callback) => {
+            let _sessionId: any = sessionId;
+            let _sessionData: any = sessionData;
+            let _func1 = callback;
+        })
+        _server = _server.prependListener("OCSPRequest", (certificate, issuer, callback) => {
+            let _certificate: Buffer = certificate;
+            let _issuer: Buffer = issuer;
+            let _callback: Function = callback;
+        })
+        _server = _server.prependListener("resumeSession", (sessionId, callback) => {
+            let _sessionId: any = sessionId;
+            let _func2 = callback;
+        })
+        _server = _server.prependListener("secureConnection", (tlsSocket) => {
+            let _tlsSocket: tls.TLSSocket = tlsSocket;
+        })
+
+        _server = _server.prependOnceListener("tlsClientError", (err, tlsSocket) => {
+            let _err: Error = err;
+            let _tlsSocket: tls.TLSSocket = tlsSocket;
+        })
+        _server = _server.prependOnceListener("newSession", (sessionId, sessionData, callback) => {
+            let _sessionId: any = sessionId;
+            let _sessionData: any = sessionData;
+            let _func1 = callback;
+        })
+        _server = _server.prependOnceListener("OCSPRequest", (certificate, issuer, callback) => {
+            let _certificate: Buffer = certificate;
+            let _issuer: Buffer = issuer;
+            let _callback: Function = callback;
+        })
+        _server = _server.prependOnceListener("resumeSession", (sessionId, callback) => {
+            let _sessionId: any = sessionId;
+            let _func2 = callback;
+        })
+        _server = _server.prependOnceListener("secureConnection", (tlsSocket) => {
+            let _tlsSocket: tls.TLSSocket = tlsSocket;
+        })
+    }
+
+    {
+        let _TLSSocket: tls.TLSSocket;
+        let _boolean: boolean;
+        /**
+         * events.EventEmitter
+         * 1. close
+         * 2. error
+         * 3. listening
+         * 4. message
+         **/
+
+        _TLSSocket = _TLSSocket.addListener("OCSPResponse", (response) => {
+            let _response: Buffer = response;
+        })
+        _TLSSocket = _TLSSocket.addListener("secureConnect", () => { });
+
+        let _buffer: Buffer;
+        _boolean = _TLSSocket.emit("OCSPResponse", _buffer);
+        _boolean = _TLSSocket.emit("secureConnect");
+
+        _TLSSocket = _TLSSocket.on("OCSPResponse", (response) => {
+            let _response: Buffer = response;
+        })
+        _TLSSocket = _TLSSocket.on("secureConnect", () => { });
+
+        _TLSSocket = _TLSSocket.once("OCSPResponse", (response) => {
+            let _response: Buffer = response;
+        })
+        _TLSSocket = _TLSSocket.once("secureConnect", () => { });
+
+        _TLSSocket = _TLSSocket.prependListener("OCSPResponse", (response) => {
+            let _response: Buffer = response;
+        })
+        _TLSSocket = _TLSSocket.prependListener("secureConnect", () => { });
+
+        _TLSSocket = _TLSSocket.prependOnceListener("OCSPResponse", (response) => {
+            let _response: Buffer = response;
+        })
+        _TLSSocket = _TLSSocket.prependOnceListener("secureConnect", () => { });
+    } 
 }
 
 ////////////////////////////////////////////////////
diff --git a/node/node.d.ts b/node/node.d.ts
index 3473ab3281..5c016af3fd 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -2628,6 +2628,35 @@ declare module "tls" {
          * @returns {boolean} - Returns true on success, false otherwise.
          */
         setMaxSendFragment(size: number): boolean;
+
+        /**
+         * events.EventEmitter
+         * 1. OCSPResponse
+         * 2. secureConnect
+         **/
+        addListener(event: string, listener: Function): this;
+        addListener(event: "OCSPResponse", listener: (response: Buffer) => void): this;
+        addListener(event: "secureConnect", listener: () => void): this;
+
+        emit(event: string, ...args: any[]): boolean;
+        emit(event: "OCSPResponse", response: Buffer): boolean;
+        emit(event: "secureConnect"): boolean;
+
+        on(event: string, listener: Function): this;
+        on(event: "OCSPResponse", listener: (response: Buffer) => void): this;
+        on(event: "secureConnect", listener: () => void): this;
+
+        once(event: string, listener: Function): this;
+        once(event: "OCSPResponse", listener: (response: Buffer) => void): this;
+        once(event: "secureConnect", listener: () => void): this;
+
+        prependListener(event: string, listener: Function): this;
+        prependListener(event: "OCSPResponse", listener: (response: Buffer) => void): this;
+        prependListener(event: "secureConnect", listener: () => void): this;
+
+        prependOnceListener(event: string, listener: Function): this;
+        prependOnceListener(event: "OCSPResponse", listener: (response: Buffer) => void): this;
+        prependOnceListener(event: "secureConnect", listener: () => void): this;
     }
 
     export interface TlsOptions {
@@ -2686,6 +2715,56 @@ declare module "tls" {
         }): void;
         maxConnections: number;
         connections: number;
+
+        /**
+         * events.EventEmitter
+         * 1. tlsClientError
+         * 2. newSession
+         * 3. OCSPRequest
+         * 4. resumeSession
+         * 5. secureConnection
+         **/
+        addListener(event: string, listener: Function): this;
+        addListener(event: "tlsClientError", listener: (err: Error, tlsSocket: TLSSocket) => void): this;
+        addListener(event: "newSession", listener: (sessionId: any, sessionData: any, callback: (err: Error, resp: Buffer) => void) => void): this;
+        addListener(event: "OCSPRequest", listener: (certificate: Buffer, issuer: Buffer, callback: Function) => void): this;
+        addListener(event: "resumeSession", listener: (sessionId: any, callback: (err: Error, sessionData: any) => void) => void): this;
+        addListener(event: "secureConnection", listener: (tlsSocket: TLSSocket) => void): this;
+
+        emit(event: string, ...args: any[]): boolean;
+        emit(event: "tlsClientError", err: Error, tlsSocket: TLSSocket): boolean;
+        emit(event: "newSession", sessionId: any, sessionData: any, callback: (err: Error, resp: Buffer) => void): boolean;
+        emit(event: "OCSPRequest", certificate: Buffer, issuer: Buffer, callback: Function): boolean;
+        emit(event: "resumeSession", sessionId: any, callback: (err: Error, sessionData: any) => void): boolean;
+        emit(event: "secureConnection", tlsSocket: TLSSocket): boolean;
+
+        on(event: string, listener: Function): this;
+        on(event: "tlsClientError", listener: (err: Error, tlsSocket: TLSSocket) => void): this;
+        on(event: "newSession", listener: (sessionId: any, sessionData: any, callback: (err: Error, resp: Buffer) => void) => void): this;
+        on(event: "OCSPRequest", listener: (certificate: Buffer, issuer: Buffer, callback: Function) => void): this;
+        on(event: "resumeSession", listener: (sessionId: any, callback: (err: Error, sessionData: any) => void) => void): this;
+        on(event: "secureConnection", listener: (tlsSocket: TLSSocket) => void): this;
+
+        once(event: string, listener: Function): this;
+        once(event: "tlsClientError", listener: (err: Error, tlsSocket: TLSSocket) => void): this;
+        once(event: "newSession", listener: (sessionId: any, sessionData: any, callback: (err: Error, resp: Buffer) => void) => void): this;
+        once(event: "OCSPRequest", listener: (certificate: Buffer, issuer: Buffer, callback: Function) => void): this;
+        once(event: "resumeSession", listener: (sessionId: any, callback: (err: Error, sessionData: any) => void) => void): this;
+        once(event: "secureConnection", listener: (tlsSocket: TLSSocket) => void): this;
+
+        prependListener(event: string, listener: Function): this;
+        prependListener(event: "tlsClientError", listener: (err: Error, tlsSocket: TLSSocket) => void): this;
+        prependListener(event: "newSession", listener: (sessionId: any, sessionData: any, callback: (err: Error, resp: Buffer) => void) => void): this;
+        prependListener(event: "OCSPRequest", listener: (certificate: Buffer, issuer: Buffer, callback: Function) => void): this;
+        prependListener(event: "resumeSession", listener: (sessionId: any, callback: (err: Error, sessionData: any) => void) => void): this;
+        prependListener(event: "secureConnection", listener: (tlsSocket: TLSSocket) => void): this;
+
+        prependOnceListener(event: string, listener: Function): this;
+        prependOnceListener(event: "tlsClientError", listener: (err: Error, tlsSocket: TLSSocket) => void): this;
+        prependOnceListener(event: "newSession", listener: (sessionId: any, sessionData: any, callback: (err: Error, resp: Buffer) => void) => void): this;
+        prependOnceListener(event: "OCSPRequest", listener: (certificate: Buffer, issuer: Buffer, callback: Function) => void): this;
+        prependOnceListener(event: "resumeSession", listener: (sessionId: any, callback: (err: Error, sessionData: any) => void) => void): this;
+        prependOnceListener(event: "secureConnection", listener: (tlsSocket: TLSSocket) => void): this;
     }
 
     export interface ClearTextStream extends stream.Duplex {

From ce70e15ee4639ce8648acfd4b0a81b021e4c7998 Mon Sep 17 00:00:00 2001
From: Stefan Dobrev <stefan.dobrev@gmail.com>
Date: Wed, 28 Sep 2016 16:02:02 +0300
Subject: [PATCH 048/382] [react-router] Update getComponents signatures
 (#11319)

Update `getComponent(s)` all over the place. See #9530 for more info.
---
 react-router/react-router.d.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/react-router/react-router.d.ts b/react-router/react-router.d.ts
index 1a68cc89a5..321adf9bb7 100644
--- a/react-router/react-router.d.ts
+++ b/react-router/react-router.d.ts
@@ -169,8 +169,8 @@ declare namespace ReactRouter {
         path?: RoutePattern
         component?: RouteComponent
         components?: RouteComponents
-        getComponent?: (location: H.Location, cb: (error: any, component?: RouteComponent) => void) => void
-        getComponents?: (location: H.Location, cb: (error: any, components?: RouteComponents) => void) => void
+        getComponent?: (nextState: RouterState, cb: (error: any, component?: RouteComponent) => void) => void
+        getComponents?: (nextState: RouterState, cb: (error: any, components?: RouteComponents) => void) => void
         onEnter?: EnterHook
         onLeave?: LeaveHook
         indexRoute?: PlainRoute
@@ -195,8 +195,8 @@ declare namespace ReactRouter {
     interface IndexRouteProps extends React.Props<IndexRoute> {
         component?: RouteComponent
         components?: RouteComponents
-        getComponent?: (location: H.Location, cb: (error: any, component?: RouteComponent) => void) => void
-        getComponents?: (location: H.Location, cb: (error: any, components?: RouteComponents) => void) => void
+        getComponent?: (nextState: RouterState, cb: (error: any, component?: RouteComponent) => void) => void
+        getComponents?: (nextState: RouterState, cb: (error: any, components?: RouteComponents) => void) => void
         onEnter?: EnterHook
         onLeave?: LeaveHook
     }

From 3518ba75e124a9afae1f18df34043e4a982047eb Mon Sep 17 00:00:00 2001
From: Craig Boland <craig.boland@gmail.com>
Date: Wed, 28 Sep 2016 08:05:50 -0500
Subject: [PATCH 049/382] Updated jquery.dataTables for 1.10.7. (#11408)

* Updated jquery.dataTables for 1.10.7.

Version release notes: https://cdn.datatables.net/1.10.7/

* Added any()
* Added i18n()

Note: selector-modifier support currently exists with interface ObjectSelectorModifier.

* Added strong variable typing in jquery.dataTables-tests.ts

* For parameter 'def', replaced 'Object' data type with 'any' per TypeScript declaration file guidance.
---
 jquery.dataTables/jquery.dataTables-tests.ts |  5 +++++
 jquery.dataTables/jquery.dataTables.d.ts     | 18 +++++++++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/jquery.dataTables/jquery.dataTables-tests.ts b/jquery.dataTables/jquery.dataTables-tests.ts
index 6329861604..09014f39f4 100644
--- a/jquery.dataTables/jquery.dataTables-tests.ts
+++ b/jquery.dataTables/jquery.dataTables-tests.ts
@@ -311,6 +311,9 @@ $(document).ready(function () {
 
     var initSettings = dt.init();
 
+    var i18n: string = dt.i18n('buttons.copy', 'Copy to clipboard');
+    i18n = dt.i18n('select.rows', { _: '%d rows selected', 1: '1 row selected' }, 0);
+
     var off = dt.off("event");
     off = dt.off("event", function () { });
     off.$("");
@@ -901,5 +904,7 @@ $(document).ready(function () {
 
     //#region "Methods-Util"
 
+    var util_1: boolean = dt.any();
+
     //#endregion "Methods-Util"
 });
diff --git a/jquery.dataTables/jquery.dataTables.d.ts b/jquery.dataTables/jquery.dataTables.d.ts
index 459676f87d..70c72b8570 100644
--- a/jquery.dataTables/jquery.dataTables.d.ts
+++ b/jquery.dataTables/jquery.dataTables.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for JQuery DataTables 1.10.6
+// Type definitions for JQuery DataTables 1.10.7
 // Project: http://www.datatables.net
 // Definitions by: Kiarash Ghiaseddin <https://github.com/Silver-Connection/DefinitelyTyped>, Omid Rad <https://github.com/omidkrad>, Armin Sander <https://github.com/pragmatrix/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -188,6 +188,17 @@ declare namespace DataTables {
         */
         draw(reset?: boolean): DataTable;
 
+        /*
+        * Look up a language token that was defined in the DataTables' language initialisation object.
+        *
+        * @param token The language token to lookup from the language object.
+        * @param def The default value to use if the DataTables initialisation has not specified a value.
+        * @param numeric If handling numeric output, the number to be presented should be given in this parameter. If not numeric operator is required (for example button label text) this parameter is not required.
+        *
+        * @returns Resulting internationalised string.
+        */
+        i18n(token: string, def: any | string, numeric?: number): string;
+
         /*
         * Get the initialisation options used for the table. Since: DataTables 1.10.6
         */
@@ -412,6 +423,11 @@ declare namespace DataTables {
     //#region "util-methods"
 
     interface UtilityMethods {
+        /*
+        * Get a boolean value to indicate if there are any entries in the API instance's result set (i.e. any data, selected rows, etc).
+        */
+        any(): boolean;
+
         /**
         * Concatenate two or more API instances together
         *

From 3929fe1b6762a5380c717a52f296af3d55740ede Mon Sep 17 00:00:00 2001
From: AKFish <akfish@gmail.com>
Date: Wed, 28 Sep 2016 21:41:30 +0800
Subject: [PATCH 050/382] [HAPI] Add `IStrictSessionHandler` (#11523)

* Fix #11519
---
 hapi/hapi-8.2.0.d.ts     |  8 ++++++--
 hapi/hapi-tests-8.2.0.ts | 10 ++++++++++
 hapi/hapi-tests.ts       | 10 ++++++++++
 hapi/hapi.d.ts           |  8 ++++++--
 4 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/hapi/hapi-8.2.0.d.ts b/hapi/hapi-8.2.0.d.ts
index ef81b4fba3..a789915965 100644
--- a/hapi/hapi-8.2.0.d.ts
+++ b/hapi/hapi-8.2.0.d.ts
@@ -300,8 +300,12 @@ declare module "hapi" {
 	}
 	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;
 	}
@@ -464,7 +468,7 @@ declare module "hapi" {
 		};
 
 		/**  an alternative location for the route handler option. */
-		handler?: ISessionHandler | 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: */
@@ -834,7 +838,7 @@ declare module "hapi" {
 		/**  - 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;
+		handler: ISessionHandler | IStrictSessionHandler | string | IRouteHandlerConfig;
 		/** - additional route options.*/
 		config?: IRouteAdditionalConfigurationOptions;
 	}
diff --git a/hapi/hapi-tests-8.2.0.ts b/hapi/hapi-tests-8.2.0.ts
index e26ce193bc..012e913432 100644
--- a/hapi/hapi-tests-8.2.0.ts
+++ b/hapi/hapi-tests-8.2.0.ts
@@ -124,5 +124,15 @@ server.route([{
 	}
 }]);
 
+// Implict handler
+server.route({
+	method: 'GET',
+	path: '/hello6',
+	handler: function (request, reply) {
+		request.log('info', { route: '/hello' }, Date.now());
+		reply('hello world');
+	}
+});
+
 // Start the server
 server.start();
diff --git a/hapi/hapi-tests.ts b/hapi/hapi-tests.ts
index 3288618816..c33e934611 100644
--- a/hapi/hapi-tests.ts
+++ b/hapi/hapi-tests.ts
@@ -112,6 +112,16 @@ server.route([{
 	}
 }]);
 
+// Implict handler
+server.route({
+	method: 'GET',
+	path: '/hello6',
+	handler: function (request, reply) {
+		request.log('info', { route: '/hello' }, Date.now());
+		reply('hello world');
+	}
+});
+
 // config.validate parameters should be optional
 server.route([{
 	method: 'GET',
diff --git a/hapi/hapi.d.ts b/hapi/hapi.d.ts
index ff5e1d9fe8..9c01eb741d 100644
--- a/hapi/hapi.d.ts
+++ b/hapi/hapi.d.ts
@@ -330,8 +330,12 @@ declare module "hapi" {
 
 	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;
 	}
@@ -495,7 +499,7 @@ declare module "hapi" {
 		};
 
 		/**  an alternative location for the route handler option. */
-		handler?: ISessionHandler | 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: */
@@ -894,7 +898,7 @@ declare module "hapi" {
 		/**  - 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;
+		handler?: ISessionHandler | IStrictSessionHandler | string | IRouteHandlerConfig;
 		/** - additional route options.*/
 		config?: IRouteAdditionalConfigurationOptions;
 	}

From 351b4c7598c689337b8ce2c82543f902f8b30045 Mon Sep 17 00:00:00 2001
From: nkovacic <niko.kovacic2@gmail.com>
Date: Wed, 28 Sep 2016 15:47:15 +0200
Subject: [PATCH 051/382] Added FileResizeOptions for the changed resize
 function call

---
 ng-file-upload/ng-file-upload-tests.ts | 12 +++++++++++-
 ng-file-upload/ng-file-upload.d.ts     | 21 +++++++++++++++++----
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/ng-file-upload/ng-file-upload-tests.ts b/ng-file-upload/ng-file-upload-tests.ts
index f7fdcf1015..ff3044977a 100644
--- a/ng-file-upload/ng-file-upload-tests.ts
+++ b/ng-file-upload/ng-file-upload-tests.ts
@@ -78,7 +78,17 @@ class UploadController {
 			fileWithNewName = this.Upload.rename(files[0], "newName.jpg");
 
 		this.Upload
-			.resize(files[0], 1024, 1024, 0.7, 'image/jpeg', 0.9, true)
+			.resize(files[0], { 
+				height: 1024,
+				width: 1024,
+				quality: 0.7, 
+				ratio: 0.9,
+				centerCrop: true,
+				restoreExif: true,
+				resizeIf: (width, height) => {
+					return true;
+				}
+			})
 			.then((resizedFile) => {
 				console.log(resizedFile);
 			});
diff --git a/ng-file-upload/ng-file-upload.d.ts b/ng-file-upload/ng-file-upload.d.ts
index 41b0331dbe..2700a5d206 100644
--- a/ng-file-upload/ng-file-upload.d.ts
+++ b/ng-file-upload/ng-file-upload.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Angular File Upload 11.1.1
+// Type definitions for Angular File Upload 12.2.12
 // Project: https://github.com/danialfarid/ng-file-upload
 // Definitions by: John Reilly <https://github.com/johnnyreilly>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -92,6 +92,20 @@ declare namespace angular.angularFileUpload  {
         ngfValidateForce?: boolean;
     }
 
+    interface ResizeIfFunction {
+        (width: number, height: number): boolean;
+    }
+
+    interface FileResizeOptions {
+        centerCrop?: boolean;
+        height?: number;
+        ratio?: number;
+        resizeIf?: ResizeIfFunction;
+        restoreExif?: boolean;
+        quality?: number;
+        width?: number;
+    }
+
     interface IUploadService {
         /**
          * Convert a single file or array of files to a single or array of
@@ -166,7 +180,7 @@ declare namespace angular.angularFileUpload  {
          * @param  {string} newName
          * @return {File}
          */
-        rename(file: File, newName: string): File;
+        rename(file: File, newName: string): Blob;
         /**
          * Resizes an image. Returns a promise
          *
@@ -179,8 +193,7 @@ declare namespace angular.angularFileUpload  {
          * @param  {boolean} [centerCrop]
          * @return {angular.IPromise<string>}
          */
-        resize(file: File, width?: number, height?: number, quality?: number, type?: string,
-            ratio?: number | string, centerCrop?: boolean): angular.IPromise<string>;
+        resize(file: File, options: FileResizeOptions): angular.IPromise<File>;
         /**
          * Set the default values for ngf-select and ngf-drop directives
          *

From 462850812b7b471d6d8d01223accb3ca282b8731 Mon Sep 17 00:00:00 2001
From: Maux <abbasmhd@users.noreply.github.com>
Date: Wed, 28 Sep 2016 23:49:22 +1000
Subject: [PATCH 052/382] getEvent should not be set to void it should return a
 value (#11135)

* getEvent should not be set to void it should return a value

* Add type to getActionData for testing

* pnotify Add type fpr notice styling and state

* fix pnotify test

* Remove Generics and replaces by return any

* convert space tp tabs
---
 dhtmlxscheduler/dhtmlxscheduler.d.ts   | 60 +++++++++++++-------------
 jquery.pnotify/jquery.pnotify-tests.ts |  4 +-
 jquery.pnotify/jquery.pnotify.d.ts     | 14 +++---
 3 files changed, 37 insertions(+), 41 deletions(-)

diff --git a/dhtmlxscheduler/dhtmlxscheduler.d.ts b/dhtmlxscheduler/dhtmlxscheduler.d.ts
index 40123827ca..3f075861ab 100644
--- a/dhtmlxscheduler/dhtmlxscheduler.d.ts
+++ b/dhtmlxscheduler/dhtmlxscheduler.d.ts
@@ -3,12 +3,12 @@
 // Definitions by: Maksim Kozhukh <http://github.com/mkozhukh>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-interface SchedulerCallback {  (...args: any[]) : any }
+interface SchedulerCallback { (...args: any[]): any }
 interface SchedulerFilterCallback { (id: string | number, event: any): boolean }
 
-type SchedulerEventName ='onAfterEventDisplay'|'onAfterFolderToggle'|'onAfterLightbox'|'onAfterSchedulerResize'|'onBeforeCollapse'|'onBeforeDrag'|'onBeforeEventChanged'|'onBeforeEventCreated'|'onBeforeEventDelete'|'onBeforeEventDisplay'|'onBeforeEventDragIn'|'onBeforeEventDragOut'|'onBeforeExpand'|'onBeforeExternalDragIn'|'onBeforeFolderToggle'|'onBeforeLightbox'|'onBeforeSectionRender'|'onBeforeTodayDisplayed'|'onBeforeTooltip'|'onBeforeViewChange'|'onCellClick'|'onCellDblClick'|'onClearAll'|'onClick'|'onCollapse'|'onConfirmedBeforeEventDelete'|'onContextMenu'|'onDblClick'|'onDragEnd'|'onEmptyClick'|'onEventAdded'|'onEventCancel'|'onEventChanged'|'onEventCollision'|'onEventCopied'|'onEventCreated'|'onEventCut'|'onEventDeleted'|'onEventDrag'|'onEventDragIn'|'onEventDragOut'|'onEventDropOut'|'onEventIdChange'|'onEventLoading'|'onEventPasted'|'onEventSave'|'onExpand'|'onExternalDragIn'|'onLightbox'|'onLightboxButton'|'onLimitViolation'|'onLoadError'|'onLocationError'|'onMouseDown'|'onMouseMove'|'onOptionsLoad'|'onOptionsLoadFinal'|'onOptionsLoadStart'|'onSaveError'|'onScaleAdd'|'onScaleDblClick'|'onSchedulerReady'|'onSchedulerResize'|'onTemplatesReady'|'onTimelineCreated'|'onViewChange'|'onViewMoreClick'|'onXLE'|'onXLS'|'onXScaleClick'|'onXScaleDblClick'|'onYScaleClick'|'onYScaleDblClick';
+type SchedulerEventName = 'onAfterEventDisplay' | 'onAfterFolderToggle' | 'onAfterLightbox' | 'onAfterSchedulerResize' | 'onBeforeCollapse' | 'onBeforeDrag' | 'onBeforeEventChanged' | 'onBeforeEventCreated' | 'onBeforeEventDelete' | 'onBeforeEventDisplay' | 'onBeforeEventDragIn' | 'onBeforeEventDragOut' | 'onBeforeExpand' | 'onBeforeExternalDragIn' | 'onBeforeFolderToggle' | 'onBeforeLightbox' | 'onBeforeSectionRender' | 'onBeforeTodayDisplayed' | 'onBeforeTooltip' | 'onBeforeViewChange' | 'onCellClick' | 'onCellDblClick' | 'onClearAll' | 'onClick' | 'onCollapse' | 'onConfirmedBeforeEventDelete' | 'onContextMenu' | 'onDblClick' | 'onDragEnd' | 'onEmptyClick' | 'onEventAdded' | 'onEventCancel' | 'onEventChanged' | 'onEventCollision' | 'onEventCopied' | 'onEventCreated' | 'onEventCut' | 'onEventDeleted' | 'onEventDrag' | 'onEventDragIn' | 'onEventDragOut' | 'onEventDropOut' | 'onEventIdChange' | 'onEventLoading' | 'onEventPasted' | 'onEventSave' | 'onExpand' | 'onExternalDragIn' | 'onLightbox' | 'onLightboxButton' | 'onLimitViolation' | 'onLoadError' | 'onLocationError' | 'onMouseDown' | 'onMouseMove' | 'onOptionsLoad' | 'onOptionsLoadFinal' | 'onOptionsLoadStart' | 'onSaveError' | 'onScaleAdd' | 'onScaleDblClick' | 'onSchedulerReady' | 'onSchedulerResize' | 'onTemplatesReady' | 'onTimelineCreated' | 'onViewChange' | 'onViewMoreClick' | 'onXLE' | 'onXLS' | 'onXScaleClick' | 'onXScaleDblClick' | 'onYScaleClick' | 'onYScaleDblClick';
 
-interface SchedulerTemplates{
+interface SchedulerTemplates {
 	/**
 	 * specifies the date in the header of the view
 	 * @param start the start date of the view
@@ -458,7 +458,7 @@ interface SchedulerTemplates{
 
 }
 
-interface SchedulerConfigOptions{
+interface SchedulerConfigOptions {
 	/**
 	 * 'says' to present the numbers of days in the Month view as clickable links that open the related day in the specified view
 	*/
@@ -477,12 +477,12 @@ interface SchedulerConfigOptions{
 	/**
 	 * specifies how to display the default error notification in case the XML data loading failed
 	*/
-	ajax_error: string|boolean;
+	ajax_error: string | boolean;
 
 	/**
 	 * 'says' to show multi-day events in  the regular way (as one-day events are displayed)
 	*/
-	all_timed: boolean|string;
+	all_timed: boolean | string;
 
 	/**
 	 * sets the date format that will be used by the addEvent() method to parse the start_date, end_date properties in case they are specified as strings
@@ -812,7 +812,7 @@ interface SchedulerConfigOptions{
 	/**
 	 * sets the height of the area that displays multi-day events
 	*/
-	multi_day_height_limit: number|boolean;
+	multi_day_height_limit: number | boolean;
 
 	/**
 	 * enables the possibility to render the same events in several sections of the Timeline or Units view
@@ -942,12 +942,12 @@ interface SchedulerConfigOptions{
 	/**
 	 * enables/disables the touch support in the scheduler
 	*/
-	touch: boolean|string;
+	touch: boolean | string;
 
 	/**
 	 * defines the time period in milliseconds that is used to differ the long touch gesture from the scroll gesture
 	*/
-	touch_drag: number|boolean;
+	touch_drag: number | boolean;
 
 	/**
 	 * enables/disables prompting messages in the right top corner of the screen
@@ -996,7 +996,7 @@ interface SchedulerConfigOptions{
 
 }
 
-interface SchedulerDateHelpers{
+interface SchedulerDateHelpers {
 	add(origin: Date, count: number, unit: string): Date;
 	copy(origin: Date): Date;
 
@@ -1017,19 +1017,19 @@ interface SchedulerDateHelpers{
 	to_fixed(value: number): string;
 }
 
-interface SchedulerHotkeys{
+interface SchedulerHotkeys {
 	edit_save: number;
 	edit_cancel: number;
 }
 
-interface SchedulerLocaleDate{
+interface SchedulerLocaleDate {
 	month_full: string[];
 	month_short: string[];
 	day_full: string[];
 	day_short: string[];
 }
 
-interface SchedulerLocaleLabels{
+interface SchedulerLocaleLabels {
 	dhx_cal_today_button: string;
 	day_tab: string;
 	week_tab: string;
@@ -1046,13 +1046,13 @@ interface SchedulerLocaleLabels{
 	section_time: string;
 }
 
-interface SchedulerLocale{
+interface SchedulerLocale {
 	date: SchedulerLocaleDate;
 	labels: SchedulerLocaleLabels;
 }
 
 
-interface SchedulerSizes{
+interface SchedulerSizes {
 	/**
 	* the height of day cells in the month view
 	*/
@@ -1124,14 +1124,14 @@ interface SchedulerSizes{
 	scroll_width: number;
 }
 
-interface SchedulerEnterprise{
+interface SchedulerEnterprise {
 	/**
 	 * Creates a new instance of Scheduler
 	 */
 	getSchedulerInstance(): SchedulerStatic;
 }
 
-interface SchedulerStatic{
+interface SchedulerStatic {
 	templates: SchedulerTemplates;
 	config: SchedulerConfigOptions;
 	date: SchedulerDateHelpers;
@@ -1238,7 +1238,7 @@ interface SchedulerStatic{
 	 * @param time_points an array <b>[start_minute,end_minute,..,start_minute_N,end_minute_N]</b>, <br> where each pair sets a certain limit range. The array can have any number of <br> such pairs
 	 * @param items defines specific items of  view(s) to block
 	*/
-	blockTime(date: Date|number, time_points: any[], items?: any): void;
+	blockTime(date: Date | number, time_points: any[], items?: any): void;
 
 	/**
 	 * calls an inner event
@@ -1327,7 +1327,7 @@ interface SchedulerStatic{
 	 * deletes the specified event
 	 * @param id the event's id
 	*/
-	deleteEvent(id: string|number): void;
+	deleteEvent(id: string | number): void;
 
 	/**
 	 * removes marking/blocking set by the addMarkedTimespan() and blockTime() methods
@@ -1393,39 +1393,39 @@ interface SchedulerStatic{
 	 * returns the event object by its id
 	 * @param event_id the  event's id
 	*/
-	getEvent(event_id: string|number): void;
+	getEvent(event_id: string | number): any;
 
 	/**
 	 * gets the event's end date
 	 * @param id the event's id
 	*/
-	getEventEndDate(id: string): Date;
+	getEventEndDate(id: string | number): Date;
 
 	/**
 	 * gets the event's start date
 	 * @param id the event's id
 	*/
-	getEventStartDate(id: string): Date;
+	getEventStartDate(id: string | number): Date;
 
 	/**
 	 * gets the event's text
 	 * @param id the event's id
 	*/
-	getEventText(id: string): string;
+	getEventText(id: string | number): string;
 
 	/**
 	 * returns a collection of events which occur during the specified period
 	 * @param from the start date of the period
 	 * @param to the end date of the period
 	*/
-	getEvents(from?: Date, to?: Date): void;
+	getEvents(from?: Date, to?: Date): any;
 
 	/**
 	 * gets the label of a select control in the lightbox
 	 * @param property the name of a data property that the control is mapped to
 	 * @param key the option's id. This parameter is compared with the event's data property <br> to assign the select's option to an event
 	*/
-	getLabel(property: string, key: string|number): void;
+	getLabel(property: string, key: string | number): any;
 
 	/**
 	 * gets the lightbox's HTML object element
@@ -1486,7 +1486,7 @@ interface SchedulerStatic{
 	 * @param date the initial date of the scheduler (by default, the current date)
 	 * @param view the name of the initial view (by default, "week")
 	*/
-	init(container: string|HTMLElement, date?: Date, view?: string): void;
+	init(container: string | HTMLElement, date?: Date, view?: string): void;
 
 	/**
 	 * inverts the specified time zones
@@ -1497,7 +1497,7 @@ interface SchedulerStatic{
 	/**
 	 * checks whether the calendar is currently opened in the scheduler
 	*/
-	isCalendarVisible(): boolean|HTMLElement;
+	isCalendarVisible(): boolean | HTMLElement;
 
 	/**
 	 * checks whether the specified event one-day or multi-day
@@ -1607,7 +1607,7 @@ interface SchedulerStatic{
 	 * @param id the event's id
 	 * @param event the event object
 	*/
-	setEvent(id: string|number, event: any): void;
+	setEvent(id: string | number, event: any): void;
 
 	/**
 	 * sets the event's end date
@@ -1739,7 +1739,7 @@ interface SchedulerStatic{
 	 * removes marking/blocking set by the markTimespan() method
 	 * @param divs a timespan to remove marking/blocking from (or an array of timespans)
 	*/
-	unmarkTimespan(divs: HTMLElement|any[]): void;
+	unmarkTimespan(divs: HTMLElement | any[]): void;
 
 	/**
 	 * unselects the specified event
@@ -1776,7 +1776,5 @@ interface SchedulerStatic{
 
 }
 
-
-
 declare var scheduler: SchedulerStatic;
 declare var Scheduler: SchedulerEnterprise;
\ No newline at end of file
diff --git a/jquery.pnotify/jquery.pnotify-tests.ts b/jquery.pnotify/jquery.pnotify-tests.ts
index 8704da19f3..d0f2c4475e 100644
--- a/jquery.pnotify/jquery.pnotify-tests.ts
+++ b/jquery.pnotify/jquery.pnotify-tests.ts
@@ -223,7 +223,7 @@ function test_pnotify() {
     });
 
     var type = "error";
-    var stack_bottomright = {"dir1": "up", "dir2": "left", "firstpos1": 25, "firstpos2": 25};
+    var stack_bottomright = { "dir1": "up", "dir2": "left", "firstpos1": 25, "firstpos2": 25 };
 
     var opts = {
         title: "Over Here",
@@ -233,8 +233,8 @@ function test_pnotify() {
         width: "100%",
         stack: stack_bottomright,
         type: "error"
+    } as PNotifyOptions;
 
-    };
     new PNotify(opts);
 
     new PNotify({
diff --git a/jquery.pnotify/jquery.pnotify.d.ts b/jquery.pnotify/jquery.pnotify.d.ts
index 8daee5da1e..03a1e91c1c 100644
--- a/jquery.pnotify/jquery.pnotify.d.ts
+++ b/jquery.pnotify/jquery.pnotify.d.ts
@@ -4,11 +4,9 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="../jquery/jquery.d.ts"/>
-
-// could not pass the Travis Test if enabled
-//type NoticeTypeOptions = "notice" | "info" | "success" | "error";
-//type StylingOptions = "brighttheme" | "jqueryui" | "bootstrap2" | "bootstrap3" | "fontawesome";
-//type StateOptions = "initializing" | "opening" | "open" | "closing" | "closed";
+type NoticeTypeOptions = "notice" | "info" | "success" | "error";
+type StylingOptions = "brighttheme" | "jqueryui" | "bootstrap2" | "bootstrap3" | "fontawesome";
+type StateOptions = "initializing" | "opening" | "open" | "closing" | "closed";
 
 interface PNotifyStack {
     dir1?: string;
@@ -137,7 +135,7 @@ interface PNotifyOptions {
     /**
      * What styling classes to use. (Can be either "brighttheme", "jqueryui", "bootstrap2", "bootstrap3", or "fontawesome".)
      */
-    styling?: string;
+    styling?: StylingOptions;
     /**
      * Additional classes to be added to the notice. (For custom styling.)
      */
@@ -182,7 +180,7 @@ interface PNotifyOptions {
     /**
      * Type of the notice. "notice", "info", "success", or "error".
      */
-    type?: string;
+    type?: NoticeTypeOptions;
     /**
      * Set icon to true to use the default icon for the selected style/type, false for no icon, or a string for your own icon class.
      */
@@ -263,7 +261,7 @@ interface PNotify {
     /**
      * The state can be "initializing", "opening", "open", "closing", and "closed"
      */
-    state?: string;
+    state?: StateOptions;
 
     /**
      * This function is for updating the notice.

From f65b3822d91e01e95d80e9f1e02bf21468709256 Mon Sep 17 00:00:00 2001
From: Yvo <yvo@yvo.net>
Date: Wed, 28 Sep 2016 09:52:20 -0400
Subject: [PATCH 053/382] Add barTintColor to NavigatorIOS (#11522)

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

diff --git a/react-native/react-native.d.ts b/react-native/react-native.d.ts
index 4973fa08f9..e3e0cf0209 100644
--- a/react-native/react-native.d.ts
+++ b/react-native/react-native.d.ts
@@ -1591,7 +1591,11 @@ declare namespace  __React {
 
 
     export interface NavigatorIOSProperties extends React.Props<NavigatorIOSStatic> {
-
+        /**
+         * The background color of the navigation bar
+         */
+        barTintColor?: string
+	    
         /**
          * NavigatorIOS uses "route" objects to identify child views, their props, and navigation bar configuration.
          * "push" and all the other navigation operations expect routes to be like this

From 750936896bacf9027eccc80228822f4f131a77a5 Mon Sep 17 00:00:00 2001
From: lucap86 <luca.pivotto86@gmail.com>
Date: Wed, 28 Sep 2016 15:52:35 +0200
Subject: [PATCH 054/382] GreenSock TweenMax TweenLite config Object typed refs
 #11265 (#11310)

* refs #9944

* refs #11265

* refs #11265
---
 greensock/greensock.d.ts | 37 ++++++++++++++++++++++++++++++++++---
 1 file changed, 34 insertions(+), 3 deletions(-)

diff --git a/greensock/greensock.d.ts b/greensock/greensock.d.ts
index a3b3801775..004ec79dab 100644
--- a/greensock/greensock.d.ts
+++ b/greensock/greensock.d.ts
@@ -13,7 +13,38 @@ interface IDispatcher {
 
 declare type Tween = TweenLite | TweenMax;
 declare type Timeline = SimpleTimeline | TimelineLite | TimelineMax;
-
+declare type TweenConfig = {
+    [tweenProp: string]: any;
+    delay?: number;
+    ease?: Ease;
+    repeat?: number;
+    repeatDelay?: number;
+    yoyo?: boolean;
+    paused?: boolean;
+    overwrite?: string|number;
+    onComplete?: Function;
+    immediateRender?: boolean;
+    onCompleteParams?: any[];
+    onCompleteScope?: Object;
+    onRepeat?: Function;
+    onRepeatScope?: Object;
+    onReverseComplete?: Function;
+    onReverseCompleteParams?: any[];
+    onReverseCompleteScope?: Object;
+    onStart?: Function;
+    onStartParams?: any[];
+    onStartScope?: Object;
+    onUpdate?: Function;
+    onUpdateParams?: any[];
+    onUpdateScope?: Object;
+    startAt?: Object;
+    useFrames?: boolean;
+    lazy?: boolean;
+    onOverwrite?: Function;
+    autoCSS?: boolean;
+    callbackScope?: Object;
+}
+ 
 //com.greensock.core
 declare class Animation {
     static ticker: IDispatcher;
@@ -86,7 +117,7 @@ declare class TweenLite extends Animation {
     static killTweensOf(target: Object, onlyActive?: boolean, vars?: Object): void;
     static lagSmoothing(threshold: number, adjustedLag: number): void;
     static set(target: Object, vars: Object): TweenLite;
-    static to(target: Object, duration: number, vars: Object): TweenLite;
+    static to(target: Object, duration: number, vars: TweenConfig): TweenLite;
 }
 
 declare class TweenMax extends TweenLite {
@@ -112,7 +143,7 @@ declare class TweenMax extends TweenLite {
     static staggerFrom(targets: any, duration: number, vars: Object, stagger: number, onCompleteAll?: Function, onCompleteAllParams?: any[], onCompleteAllScope?: any): any[];
     static staggerFromTo(targets: any, duration: number, fromVars: Object, toVars: Object, stagger: number, onCompleteAll?: Function, onCompleteAllParams?: any[], onCompleteAllScope?: any): any[];
     static staggerTo(targets: any, duration: number, vars: Object, stagger: number, onCompleteAll?: Function, onCompleteAllParams?: any[], onCompleteAllScope?: any): any[];
-    static to(target:Object, duration:number, vars:Object):TweenMax;
+    static to(target:Object, duration:number, vars:TweenConfig):TweenMax;
     updateTo(vars: Object, resetDuration?: boolean): TweenMax;
     yoyo(): boolean;
     yoyo(value?: boolean): TweenMax;

From 881408c91909383843f7cf10de4f39fcd71baa06 Mon Sep 17 00:00:00 2001
From: Prashant Tiwari <prashaantt@gmail.com>
Date: Wed, 28 Sep 2016 19:24:45 +0530
Subject: [PATCH 055/382] Call strategy with only mode or options (#11466)

* Call strategy with only mode or options

* Refactor `server.auth.strategy`
---
 hapi/hapi.d.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/hapi/hapi.d.ts b/hapi/hapi.d.ts
index 9c01eb741d..a25ecff38d 100644
--- a/hapi/hapi.d.ts
+++ b/hapi/hapi.d.ts
@@ -1876,7 +1876,9 @@ declare module "hapi" {
 			}
 			}
 			});*/
-			strategy(name: string, scheme: any, mode?: boolean | 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:

From 15345f88562b77cbf03013382581838bf97813d3 Mon Sep 17 00:00:00 2001
From: panoti <pano.tjoan@yahoo.com>
Date: Wed, 28 Sep 2016 21:01:54 +0700
Subject: [PATCH 056/382] - add client.exists([params, [callback]]) (#11515)

---
 elasticsearch/elasticsearch.d.ts | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/elasticsearch/elasticsearch.d.ts b/elasticsearch/elasticsearch.d.ts
index 2816a0dee0..26a9a1e880 100644
--- a/elasticsearch/elasticsearch.d.ts
+++ b/elasticsearch/elasticsearch.d.ts
@@ -15,6 +15,8 @@ declare module Elasticsearch {
         create(params: CreateDocumentParams, callback: (err: any, response: any, status: any) => void): void;
         delete(params: DeleteDocumentParams): PromiseLike<any>;
         delete(params: DeleteDocumentParams, callback: (error: any, response: any) => void): void;
+        exists(params: ExistsParams): PromiseLike<any>;
+        exists(params: ExistsParams, callback: (error: any, response: any, status?: any) => void): void;
         get<T>(params: GetParams, callback: (error: any, response: GetResponse<T>) => void): void;
         get<T>(params: GetParams): PromiseLike<GetResponse<T>>;
         index<T>(params: IndexDocumentParams<T>): PromiseLike<any>;
@@ -95,6 +97,7 @@ declare module Elasticsearch {
         method?: string;
         body?: any;
         ignore?: number | number[];
+        filterPath?: string | string[];
     }
 
     export interface BulkIndexDocumentsParams extends GenericParams {
@@ -205,6 +208,17 @@ declare module Elasticsearch {
         _source: T;
     }
 
+    export interface ExistsParams extends GenericParams {
+        id: string;
+        index: string;
+        parent?: string;
+        preference?: string;
+        realtime?: boolean;
+        refresh?: boolean;
+        routing?: string;
+        type: string;
+    }
+
     export interface IndexDocumentParams<T> extends GenericParams {
         index: string;
         type: string;

From 32b5d0a12c4a8e5be4e51c82d8636de022b6b4ec Mon Sep 17 00:00:00 2001
From: Milan Burda <milan.burda@gmail.com>
Date: Wed, 28 Sep 2016 07:23:24 -0700
Subject: [PATCH 057/382] Update to Electron 1.4.1 (#11481)

---
 github-electron/github-electron.d.ts | 62 ++++++++++++++++++++++++----
 1 file changed, 54 insertions(+), 8 deletions(-)

diff --git a/github-electron/github-electron.d.ts b/github-electron/github-electron.d.ts
index 64b7cf6a02..9541d64ac6 100644
--- a/github-electron/github-electron.d.ts
+++ b/github-electron/github-electron.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Electron v1.3.6
+// Type definitions for Electron v1.4.1
 // Project: http://electron.atom.io/
 // Definitions by: jedmao <https://github.com/jedmao/>, rhysd <https://rhysd.github.io>, Milan Burda <https://github.com/miniak/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -176,7 +176,7 @@ declare namespace Electron {
 		/**
 		 * Emitted when the gpu process crashes.
 		 */
-		on(event: 'gpu-process-crashed', listener: Function): this;
+		on(event: 'gpu-process-crashed', listener: (event: Event, killed: boolean) => void): this;
 		/**
 		 * Emitted when Chrome's accessibility support changes.
 		 *
@@ -841,6 +841,11 @@ declare namespace Electron {
 		 * Note: This is only implemented on macOS.
 		 */
 		on(event: 'scroll-touch-end', listener: Function): this;
+		/**
+		 * Emitted when scroll wheel event phase filed upon reaching the edge of element.
+		 * Note: This is only implemented on macOS.
+		 */
+		on(event: 'scroll-touch-edge', listener: Function): this;
 		/**
 		 * Emitted on 3-finger swipe.
 		 * Note: This is only implemented on macOS.
@@ -2589,6 +2594,7 @@ declare namespace Electron {
 		static createEmpty(): NativeImage;
 		/**
 		 * Creates a new NativeImage instance from file located at path.
+		 * This method returns an empty image if the path does not exist, cannot be read, or is not a valid image.
 		 */
 		static createFromPath(path: string): NativeImage;
 		/**
@@ -2769,8 +2775,18 @@ declare namespace Electron {
 		referrer: string;
 		method: string;
 		uploadData?: {
+			/**
+			 * Content being sent.
+			 */
 			bytes: Buffer,
-			file: string
+			/**
+			 * Path of file being uploaded.
+			 */
+			file: string,
+			/**
+			 * UUID of blob data. Use session.getBlobData method to retrieve the data.
+			 */
+			blobUUID: string;
 		}[];
 	}
 
@@ -3016,6 +3032,10 @@ declare namespace Electron {
 		 * @returns The user agent for this session.
 		 */
 		getUserAgent(): string;
+		/**
+		 * Returns the blob data associated with the identifier.
+		 */
+		getBlobData(identifier: string, callback: (result: Buffer) => void): void;
 		/**
 		 * The webRequest API set allows to intercept and modify contents of a request at various stages of its lifetime.
 		 */
@@ -3317,6 +3337,10 @@ declare namespace Electron {
 			 * Path of file being uploaded.
 			 */
 			file: string;
+			/**
+			 * UUID of blob data. Use session.getBlobData method to retrieve the data.
+			 */
+			blobUUID: string;
 		}
 
 		interface BeforeRequestDetails extends Details {
@@ -3495,6 +3519,11 @@ declare namespace Electron {
 	 * Get system preferences.
 	 */
 	interface SystemPreferences {
+		/**
+		 * Note: This is only implemented on Windows.
+		 */
+		on(event: 'accent-color-changed', listener: (event: Event, newColor: string) => void): this;
+		on(event: string, listener: Function): this;
 		/**
 		 * @returns If the system is in Dark Mode.
 		 *
@@ -3549,13 +3578,17 @@ declare namespace Electron {
 		 */
 		getUserDefault(key: string, type: 'string' | 'boolean' | 'integer' | 'float' | 'double' | 'url' | 'array' | 'dictionary'): any;
 		/**
-		 * This method returns true if DWM composition (Aero Glass) is enabled,
-		 * and false otherwise. You can use it to determine if you should create
-		 * a transparent window or not (transparent windows won’t work correctly when DWM composition is disabled).
+		 * @returns Whether DWM composition (Aero Glass) is enabled.
 		 *
 		 * Note: This is only implemented on Windows.
 		 */
 		isAeroGlassEnabled(): boolean;
+		/**
+		 * @returns The users current system wide color preference in the form of an RGBA hexadecimal string.
+		 *
+		 * Note: This is only implemented on Windows.
+		 */
+		getAccentColor(): string;
 	}
 
 	// https://github.com/electron/electron/blob/master/docs/api/tray.md
@@ -3822,7 +3855,7 @@ declare namespace Electron {
 		/**
 		 * Emitted when the renderer process has crashed.
 		 */
-		on(event: 'crashed', listener: Function): this;
+		on(event: 'crashed', listener: (event: Event, killed: boolean) => void): this;
 		/**
 		 * Emitted when a plugin process has crashed.
 		 */
@@ -4237,6 +4270,10 @@ declare namespace Electron {
 		 * If offscreen rendering is enabled returns the current frame rate.
 		 */
 		getFrameRate(): number;
+		/**
+		 * If offscreen rendering is enabled invalidates the frame and generates a new one through the 'paint' event.
+		 */
+		invalidate(): void;
 		/**
 		 * Sets the item as dragging item for current drag-drop operation.
 		 */
@@ -4438,7 +4475,7 @@ declare namespace Electron {
 		[key: string]: string;
 	}
 
-	type NewWindowDisposition = 'default' | 'foreground-tab' | 'background-tab' | 'new-window' | 'other';
+	type NewWindowDisposition = 'default' | 'foreground-tab' | 'background-tab' | 'new-window' | 'save-to-disk' | 'other';
 
 	/**
 	 * Specifies the action to take place when ending webContents.findInPage request.
@@ -4881,6 +4918,15 @@ declare namespace Electron {
 		 * A list of strings which specifies the blink features to be disabled separated by ,.
 		 */
 		disableblinkfeatures: string;
+		/**
+		 * A value that links the webview to a specific webContents.
+		 * When a webview first loads a new webContents is created and this attribute is set
+		 * to its instance identifier. Setting this attribute on a new or existing webview connects
+		 * it to the existing webContents that currently renders in a different webview.
+		 *
+		 * The existing webview will see the destroy event and will then create a new webContents when a new url is loaded.
+		 */
+		guestinstance: string;
 		/**
 		 * Loads the url in the webview, the url must contain the protocol prefix, e.g. the http:// or file://.
 		 */

From 7be68adbdff4bea14f33f54f27d3bdb5822e3b10 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Wed, 28 Sep 2016 22:34:18 +0800
Subject: [PATCH 058/382] Correct fs.createWriteStream (#11560)

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

diff --git a/node/node.d.ts b/node/node.d.ts
index 5c016af3fd..0f2374ae10 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -2321,6 +2321,8 @@ declare module "fs" {
         encoding?: string;
         fd?: number;
         mode?: number;
+        autoClose?: boolean;
+        start?: number;
     }): WriteStream;
     export function fdatasync(fd: number, callback: Function): void;
     export function fdatasyncSync(fd: number): void;

From b8cdd448dd9bc6236fef31a11aa6bd1daf074739 Mon Sep 17 00:00:00 2001
From: vargeek <qbzhuce@hotmail.com>
Date: Wed, 28 Sep 2016 23:11:03 +0800
Subject: [PATCH 059/382] add  declaration file for  weapp (#11554)

* add  declaration file of  weapp

* rename "weapp" to "weapp-api"

rename "weapp" to "weapp-api" to avoid naming conflicts
---
 weapp-api/weapp-api-tests.ts |  678 ++++++++++++++++++++
 weapp-api/weapp-api.d.ts     | 1135 ++++++++++++++++++++++++++++++++++
 2 files changed, 1813 insertions(+)
 create mode 100644 weapp-api/weapp-api-tests.ts
 create mode 100644 weapp-api/weapp-api.d.ts

diff --git a/weapp-api/weapp-api-tests.ts b/weapp-api/weapp-api-tests.ts
new file mode 100644
index 0000000000..0b249701c6
--- /dev/null
+++ b/weapp-api/weapp-api-tests.ts
@@ -0,0 +1,678 @@
+/// <reference path="weapp-api.d.ts" />
+
+
+App({
+    onLaunch: function () {
+        //调用API从本地缓存中获取数据
+        var logs = wx.getStorageSync('logs') as Array<any> || []
+        logs.unshift(Date.now())
+        wx.setStorageSync('logs', logs)
+    },
+    getUserInfo: function (cb: Function) {
+        var that = this;
+        if (this.globalData.userInfo) {
+            typeof cb == "function" && cb(this.globalData.userInfo)
+        } else {
+            //调用登录接口
+            wx.login({
+                success: function () {
+                    wx.getUserInfo({
+                        success: function (res) {
+                            that.globalData.userInfo = res.userInfo;
+                            typeof cb == "function" && cb(that.globalData.userInfo)
+                        }
+                    })
+                }
+            });
+        }
+    },
+    globalData: {
+        userInfo: null
+    }
+})
+
+
+let app = getApp();
+let page = app.getCurrentPage();
+page.setData({ 'foo': 'bar' });
+Page({
+    data: {
+        foo: 'bar'
+    },
+    onLoad: function (options) {
+        console.log(options.title);
+    }
+})
+
+
+wx.request({
+    url: 'test.php',
+    data: {
+        x: '',
+        y: ''
+    },
+    header: {
+        'Content-Type': 'application/json'
+    },
+    success: function (res) {
+        console.log(res.data)
+    }
+})
+
+wx.chooseImage({
+    success: function (res) {
+        var tempFilePaths = res.tempFilePaths
+        wx.uploadFile({
+            url: 'http://example.com/upload',
+            filePath: tempFilePaths[0],
+            name: 'file',
+            formData: {
+                'user': 'test'
+            }
+        })
+    }
+})
+
+wx.downloadFile({
+    url: 'http://example.com/audio/123',
+    type: 'audio',
+    success: function (res) {
+        wx.playVoice({
+            filePath: res.tempFilePath
+        })
+    }
+})
+
+wx.connectSocket({
+    url: 'test.php',
+    data: {
+        x: '',
+        y: ''
+    },
+    header: {
+        'content-type': 'application/json'
+    },
+    method: "GET",
+})
+
+wx.connectSocket({
+    url: 'test.php'
+})
+wx.onSocketOpen(function (res) {
+    console.log('WebSocket连接已打开！')
+})
+
+wx.connectSocket({
+    url: 'test.php'
+})
+wx.onSocketOpen(function (res) {
+    console.log('WebSocket连接已打开！')
+})
+wx.onSocketError(function (res) {
+    console.log('WebSocket连接打开失败，请检查！')
+})
+
+var socketOpen = false
+var socketMsgQueue: Array<string> = []
+wx.connectSocket({
+    url: 'test.php'
+})
+
+wx.onSocketOpen(function (res) {
+    socketOpen = true
+    for (var i = 0; i < socketMsgQueue.length; i++) {
+        sendSocketMessage(socketMsgQueue[i])
+    }
+    socketMsgQueue = []
+})
+
+function sendSocketMessage(msg: string) {
+    if (socketOpen) {
+        wx.sendSocketMessage({
+            data: msg
+        })
+    } else {
+        socketMsgQueue.push(msg)
+    }
+}
+
+wx.connectSocket({
+    url: 'test.php'
+})
+
+wx.onSocketMessage(function (res) {
+    console.log('收到服务器内容：' + res.data)
+})
+
+wx.connectSocket({
+    url: 'test.php'
+})
+
+//注意这里有时序问题，
+//如果 wx.connectSocket 还没回调 wx.onSocketOpen，而先调用 wx.closeSocket，那么就做不到关闭 WebSocket 的目的。
+//必须在 WebSocket 打开期间调用 wx.closeSocket 才能关闭。
+wx.onSocketOpen(function () {
+    wx.closeSocket()
+})
+
+wx.onSocketClose(function (res) {
+    console.log('WebSocket 已关闭！')
+})
+
+wx.chooseImage({
+    count: 1, // 默认9
+    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
+    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
+    success: function (res) {
+        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
+        var tempFilePaths = res.tempFilePaths
+    }
+})
+
+wx.previewImage({
+    current: '', // 当前显示图片的http链接
+    urls: [] // 需要预览的图片http链接列表
+})
+
+wx.startRecord({
+    success: function (res) {
+        var tempFilePath = res.tempFilePath
+    },
+    fail: function (res) {
+        //录音失败
+    }
+})
+setTimeout(function () {
+    //结束录音
+    wx.stopRecord()
+}, 10000)
+
+wx.startRecord({
+    success: function (res) {
+        var tempFilePath = res.tempFilePath
+        wx.playVoice({
+            filePath: tempFilePath,
+            complete: function () {
+            }
+        })
+    }
+})
+
+wx.startRecord({
+    success: function (res) {
+        var tempFilePath = res.tempFilePath
+        wx.playVoice({
+            filePath: tempFilePath
+        })
+
+        setTimeout(function () {
+            //暂停播放
+            wx.pauseVoice()
+        }, 5000)
+    }
+})
+
+wx.startRecord({
+    success: function (res) {
+        var tempFilePath = res.tempFilePath
+        wx.playVoice({
+            filePath: tempFilePath
+        })
+
+        setTimeout(function () {
+            wx.stopVoice()
+        }, 5000)
+    }
+})
+
+wx.getBackgroundAudioPlayerState({
+    success: function (res) {
+        var status = res.status
+        var dataUrl = res.dataUrl
+        var currentPosition = res.currentPosition
+        var duration = res.duration
+        var downloadPercent = res.downloadPercent
+    }
+})
+
+wx.playBackgroundAudio({
+    dataUrl: '',
+    title: '',
+    coverImgUrl: ''
+})
+
+wx.pauseBackgroundAudio()
+
+wx.seekBackgroundAudio({
+    position: 30
+})
+wx.stopBackgroundAudio()
+
+wx.startRecord({
+    success: function (res) {
+        var tempFilePath = res.tempFilePath
+        wx.saveFile({
+            tempFilePath: tempFilePath,
+            success: function (res) {
+                var savedFilePath = res.savedFilePath
+            }
+        })
+    }
+})
+
+
+Page({
+    bindButtonTap: function () {
+        var that = this
+        wx.chooseVideo({
+            sourceType: ['album', 'camera'],
+            maxDuration: 60,
+            camera: ['front', 'back'],
+            success: function (res) {
+                that.setData({
+                    src: res.tempFilePath
+                })
+            }
+        })
+    }
+})
+
+wx.setStorage({
+    key: "key",
+    data: "value"
+})
+
+try {
+    wx.setStorageSync('key', 'value')
+} catch (e) {
+}
+
+wx.getStorage({
+    key: 'key',
+    success: function (res) {
+        console.log(res.data)
+    }
+})
+
+
+var value = wx.getStorageSync('key')
+if (value) {
+    // Do something with return value
+}
+
+
+wx.clearStorage()
+
+
+try {
+    wx.clearStorageSync()
+} catch (e) {
+}
+
+
+wx.getLocation({
+    type: 'wgs84',
+    success: function (res) {
+        var latitude = res.latitude
+        var longitude = res.longitude
+        var speed = res.speed
+        var accuracy = res.accuracy
+    }
+})
+
+wx.getLocation({
+  type: 'gcj02', //返回可以用于wx.openLocation的经纬度
+  success: function(res) {
+    var latitude = res.latitude
+    var longitude = res.longitude
+    wx.openLocation({
+      latitude: latitude,
+      longitude: longitude,
+      scale: 28
+    })
+  }
+})
+
+wx.getNetworkType({
+  success: function(res) {
+    var networkType = res.networkType // 返回网络类型2g，3g，4g，wifi
+  }
+})
+
+wx.getSystemInfo({
+  success: function(res) {
+    console.log(res.model)
+    console.log(res.pixelRatio)
+    console.log(res.windowWidth)
+    console.log(res.windowHeight)
+    console.log(res.language)
+    console.log(res.version)
+  }
+})
+
+wx.onAccelerometerChange(function(res) {
+  console.log(res.x)
+  console.log(res.y)
+  console.log(res.z)
+})
+
+wx.onCompassChange(function (res) {
+  console.log(res.direction)
+})
+
+wx.setNavigationBarTitle({
+  title: '当前页面'
+})
+
+wx.navigateTo({
+  url: 'test?id=1'
+})
+
+wx.redirectTo({
+  url: 'test?id=1'
+})
+
+
+var animation = wx.createAnimation({
+  transformOrigin: "50% 50%",
+  duration: 1000,
+  timingFunction: "ease",
+  delay: 0
+})
+
+
+Page({
+  data: {
+    animationData: {}
+  },
+  onShow: function(){
+    var animation = wx.createAnimation({
+      duration: 1000,
+        timingFunction: 'ease',
+    })
+
+    this.animation = animation
+
+    animation.scale(2,2).rotate(45).step()
+
+    this.setData({
+      animationData:animation.export()
+    })
+
+    setTimeout(function() {
+      animation.translate(30).step()
+      this.setData({
+        animationData:animation.export()
+      })
+    }.bind(this), 1000)
+  },
+  rotateAndScale: function () {
+    // 旋转同时放大
+    this.animation.rotate(45).scale(2, 2).step()
+    this.setData({
+      animationData:animation.export()
+    })
+  },
+  rotateThenScale: function () {
+    // 先旋转后放大
+    this.animation.rotate(45).step()
+    this.animation.scale(2, 2).step()
+    this.setData({
+      animationData:animation.export()
+    })
+  },
+  rotateAndScaleThenTranslate: function () {
+    // 先旋转同时放大，然后平移
+    this.animation.rotate(45).scale(2, 2).step()
+    this.animation.translate(100, 100).step({ duration: 1000 })
+    this.setData({
+      animationData:animation.export()
+    })
+  }
+})
+
+// 假设页面上有3个画布
+var canvas1Id = 3001
+var canvas2Id = 3002
+var canvas3Id = 3003
+
+var context = wx.createContext();
+
+[canvas1Id, canvas2Id, canvas3Id].forEach(function (id) {
+  context.clearActions()
+  // 在context上调用方法
+  wx.drawCanvas({
+    canvasId: id,
+    actions: context.getActions()
+  })
+})
+
+
+Page({
+  onReady: function() {
+    var context = wx.createContext()
+    context.rect(5, 5, 25, 15)
+    context.stroke()
+    context.scale(2, 2) //再放大2倍
+    context.rect(5, 5, 25, 15)
+    context.stroke()
+    context.scale(2, 2) //再放大2倍
+    context.rect(5, 5, 25, 15)
+    context.stroke()
+    wx.drawCanvas({
+      canvasId: 1,
+      actions: context.getActions()
+    })
+  }
+})
+
+
+Page({
+  onReady: function() {
+    var context = wx.createContext()
+    context.rect(50, 50, 200, 200)
+    context.stroke()
+    context.rotate(5 * Math.PI / 180)
+    context.rect(50, 50, 200, 200)
+      context.stroke()
+      context.rotate(5 * Math.PI / 180)
+      context.rect(50, 50, 200, 200)
+      context.stroke()
+
+    wx.drawCanvas({
+      canvasId: 1,
+      actions: context.getActions()
+    })
+  }
+})
+
+Page({
+  onReady: function() {
+    var context = wx.createContext()
+
+    context.rect(50, 50, 200, 200)
+    context.stroke()
+    context.translate(50, 50)
+    context.rect(50, 50, 200, 200)
+    context.stroke()
+
+    wx.drawCanvas({
+      canvasId: 1,
+      actions: context.getActions()
+    })
+  }
+})
+
+Page({
+  onReady: function() {
+    var context = wx.createContext()
+
+    context.rect(50, 50, 200, 200)
+    context.fill()
+    context.clearRect(100, 100, 50, 50)
+
+    wx.drawCanvas({
+      canvasId: 1,
+      actions: context.getActions()
+    })
+  }
+})
+
+Page({
+  onReady: function() {
+    var context = wx.createContext()
+    wx.chooseImage({
+      success: function(res) {
+        context.drawImage(res.tempFilePaths[0], 0, 0)
+        wx.drawCanvas({
+          canvasId: 1,
+          actions: context.getActions()
+        })
+      }
+    })
+  }
+})
+
+Page({
+  onReady:function(){
+    var context = wx.createContext()
+
+    context.setFontSize(14)
+    context.fillText("MINA", 50, 50)
+    context.moveTo(0, 50)
+    context.lineTo(100, 50)
+    context.stroke()
+
+    context.setFontSize(20)
+    context.fillText("MINA", 100, 100)
+    context.moveTo(0, 100)
+    context.lineTo(200, 100)
+    context.stroke()
+    wx.drawCanvas({
+      canvasId: 1,
+      actions: context.getActions()
+    });
+  }
+})
+
+Page({
+  onReady: function() {
+    var context = wx.createContext()
+
+    context.setFillStyle("#ff00ff")
+    context.setStrokeStyle("#00ffff")
+
+    context.rect(50, 50, 100, 100)
+    context.fill()
+    context.stroke()
+    wx.drawCanvas({
+      canvasId: 1,
+      actions: context.getActions()
+    });
+  }
+})
+
+Page({
+  onReady: function() {
+    var context = wx.createContext()
+
+    context.setLineWidth(10)
+    context.setLineCap("round")
+    context.setLineJoin("miter")
+    context.setMiterLimit(10)
+    context.moveTo(20, 20)
+    context.lineTo(150, 27)
+    context.lineTo(20, 54)
+    context.stroke()
+
+    context.beginPath()
+
+    context.setMiterLimit(3)
+    context.moveTo(20, 70)
+    context.lineTo(150, 77)
+    context.lineTo(20, 104)
+    context.stroke()
+
+    wx.drawCanvas({
+      canvasId: 1,
+      actions: context.getActions()
+    });
+  }
+})
+Page({
+  canvasIdErrorCallback: function (e:any) {
+    console.error(e.detail.errMsg)
+  },
+  onReady: function() {
+    //使用wx.createContext获取绘图上下文context
+    var context = wx.createContext()
+
+    context.setStrokeStyle("#00ff00")
+    context.setLineWidth(5)
+    context.rect(0, 0, 200, 200)
+    context.stroke()
+    context.setStrokeStyle("#ff0000")
+    context.setLineWidth(2)
+    context.moveTo(160, 100)
+    context.arc(100, 100, 60, 0,2 * Math.PI, true)
+    context.moveTo(140, 100)
+    context.arc(100, 100, 40, 0, Math.PI, false)
+    context.moveTo(85, 80)
+    context.arc(80, 80, 5, 0,2 * Math.PI, true)
+    context.moveTo(125, 80)
+    context.arc(120, 80, 5, 0, 2 * Math.PI, true)
+    context.stroke()
+
+    // 调用 wx.drawCanvas，通过 canvasId 指定在哪张画布上绘制，通过 actions 指定绘制行为
+    wx.drawCanvas({
+      canvasId: 'firstCanvas',
+      actions: context.getActions() // 获取绘图动作数组
+    })
+  }
+})
+
+
+App({
+  onLaunch: function() {
+    wx.login({
+      success: function(res) {
+        if (res.code) {
+          //发起网络请求
+          wx.request({
+            url: 'https://test.com/onLogin',
+            data: {
+              code: res.code
+            }
+          })
+        } else {
+          console.log('获取用户登录态失败！' + res.errMsg)
+        }
+      }
+    });
+  }
+})
+
+
+wx.getUserInfo({
+  success: function(res) {
+    var userInfo = res.userInfo
+    var nickName = userInfo.nickName
+    var avatarUrl = userInfo.avatarUrl
+    var gender = userInfo.gender //性别 0：未知、1：男、2：女
+    var province = userInfo.province
+    var city = userInfo.city
+    var country = userInfo.country
+  }
+})
+
+wx.requestPayment({
+   'timeStamp': '',
+   'nonceStr': '',
+   'package': '',
+   'signType': 'MD5',
+   'paySign': '',
+   'success':function(res){
+   },
+   'fail':function(res){
+   }
+})
diff --git a/weapp-api/weapp-api.d.ts b/weapp-api/weapp-api.d.ts
new file mode 100644
index 0000000000..cb9d00383d
--- /dev/null
+++ b/weapp-api/weapp-api.d.ts
@@ -0,0 +1,1135 @@
+// Type definitions for weapp
+// Project: https://mp.weixin.qq.com/debug/wxadoc/dev/index.html
+// Definitions by: vargeek <https://github.com/vargeek/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace wx {
+    type NoneParamCallback = () => void;
+    type OneParamCallback = (data: any) => void;
+    type ResponseCallback = (res: any) => void;
+    type DataResponseCallback = (res: DataResponse) => void;
+    type TempFileResponseCallback = (res: TempFileResponse) => void;
+    type ErrorCallback = (error: any) => void;
+    type EventCallback = (event: any) => void;
+
+    interface DataResponse {
+        /** 回调函数返回的内容 */
+        data: any;
+    }
+    interface TempFileResponse {
+        /** 文件的临时路径 */
+        tempFilePath: string;
+    }
+
+    interface PageOptions {
+        /** 页面的初始数据 */
+        data?: any;
+        /** 生命周期函数--监听页面加载 */
+        onLoad?: (options: any) => void;
+        /** 生命周期函数--监听页面渲染完成 */
+        onReady?: NoneParamCallback;
+        /** 生命周期函数--监听页面显示 */
+        onShow?: NoneParamCallback;
+        /** 生命周期函数--监听页面隐藏 */
+        onHide?: NoneParamCallback;
+        /** 生命周期函数--监听页面卸载 */
+        onUnload?: NoneParamCallback;
+        [key: string]: any;
+    }
+
+    interface AppOptions {
+        /**
+         * 生命周期函数--监听小程序初始化
+         * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
+         */
+        onLaunch?: NoneParamCallback;
+        /**
+         * 生命周期函数--监听小程序显示
+         * 当小程序启动，或从后台进入前台显示，会触发 onShow
+         */
+        onShow?: NoneParamCallback;
+        /**
+         * 生命周期函数--监听小程序隐藏
+         * 当小程序从前台进入后台，会触发 onHide
+         */
+        onHide?: NoneParamCallback;
+        [key: string]: any
+    }
+
+    interface RequestHeader {
+        [key: string]: string;
+    }
+    interface RequestOptions {
+        /** 开发者服务器接口地址 */
+        url: string;
+        /** 请求的参数 */
+        data?: string | any;
+        /** 设置请求的 header , header 中不能设置 Referer */
+        header?: RequestHeader;
+        /** 默认为 GET，有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT */
+        method?: string;
+        /** 收到开发者服务成功返回的回调函数，res = {data: '开发者服务器返回的内容'} */
+        success?: DataResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * wx.request发起的是https请求。一个微信小程序，同时只能有5个网络请求连接。
+     */
+    function request(options: RequestOptions): void;
+
+
+    interface UploadFileOptions {
+        /** 开发者服务器 url */
+        url: string;
+        /** 要上传文件资源的路径 */
+        filePath: string;
+        /** 文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容 */
+        name: string;
+        /** HTTP 请求 Header , header 中不能设置 Referer */
+        header?: RequestHeader;
+        /** HTTP 请求中其他额外的 form data */
+        formData?: any;
+        /** 接口调用成功的回调函数 */
+        success?: ResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 将本地资源上传到开发者服务器。
+     * 如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后，
+     * 可通过此接口将本地资源上传到指定服务器。
+     * 客户端发起一个 HTTPS POST 请求，
+     * 其中 Content-Type 为 multipart/form-data 。
+     */
+    function uploadFile(options: UploadFileOptions): void;
+
+
+    interface DownloadFileOptions {
+        /** 下载资源的 url */
+        url: string;
+        /** 下载资源的类型，用于客户端识别处理，有效值：image/audio/video */
+        type?: string;
+        /** HTTP 请求 Header */
+        header?: RequestHeader;
+        /** 下载成功后以 tempFilePath 的形式传给页面，res = {tempFilePath: '文件的临时路径'} */
+        success?: TempFileResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 下载文件资源到本地。客户端直接发起一个 HTTP GET 请求，
+     * 把下载到的资源根据 type 进行处理，并返回文件的本地临时路径。
+     */
+    function downloadFile(options: DownloadFileOptions): void;
+
+
+    interface ConnectSocketOptions {
+        /** 开发者服务器接口地址，必须是 HTTPS 协议，且域名必须是后台配置的合法域名 */
+        url: string;
+        /** 请求的数据 */
+        data?: any;
+        /** HTTP Header , header 中不能设置 Referer */
+        header?: RequestHeader;
+        /** 默认是GET，有效值为： OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT */
+        method?: string;
+        /** 接口调用成功的回调函数 */
+        success?: ResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 创建一个 WebSocket 连接；
+     * 一个微信小程序同时只能有一个 WebSocket 连接，
+     * 如果当前已存在一个 WebSocket 连接，
+     * 会自动关闭该连接，并重新创建一个 WebSocket 连接。
+     */
+    function connectSocket(options: ConnectSocketOptions): void;
+
+
+    /** 监听WebSocket连接打开事件。 */
+    function onSocketOpen(callback: OneParamCallback): void;
+
+    /** 监听WebSocket错误。 */
+    function onSocketError(callback: ErrorCallback): void;
+
+    interface SendSocketMessageOptions {
+        /**	需要发送的内容 */
+        data: string;
+        /** 接口调用成功的回调函数 */
+        success?: ResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 通过 WebSocket 连接发送数据，需要先 wx.connectSocket，
+     * 并在 wx.onSocketOpen 回调之后才能发送。
+     */
+    function sendSocketMessage(options: SendSocketMessageOptions): void;
+
+
+    /**
+     * 监听WebSocket接受到服务器的消息事件。
+     */
+    function onSocketMessage(callback: DataResponseCallback): void;
+
+    /**
+     * 关闭WebSocket连接。
+     */
+    function closeSocket(): void;
+
+    /** 监听WebSocket关闭。 */
+    function onSocketClose(callback: ResponseCallback): void;
+
+    type ImageSizeType = 'original' | 'compressed';
+    type ImageSourceType = 'album' | 'camera';
+    type VideoSourceType = 'album' | 'camera';
+    type CameraDevice = 'front' | 'back';
+
+    interface TempFilesData {
+        /** 文件的临时路径 */
+        tempFilePaths: string;
+    }
+    interface ChooseImageOptions {
+        /** 最多可以选择的图片张数，默认9 */
+        count?: number;
+        /** original 原图，compressed 压缩图，默认二者都有 */
+        sizeType?: Array<ImageSizeType>;
+        /** album 从相册选图，camera 使用相机，默认二者都有 */
+        sourceType?: Array<ImageSourceType>;
+        /** 成功则返回图片的本地文件路径列表 tempFilePaths */
+        success: (res: TempFilesData) => void;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 从本地相册选择图片或使用相机拍照。
+     */
+    function chooseImage(options: ChooseImageOptions): void;
+
+    interface PreviewImageOptions {
+        /** 当前显示图片的链接，不填则默认为 urls 的第一张 */
+        current?: string;
+        /** 需要预览的图片链接列表 */
+        urls: Array<string>;
+        /** 接口调用成功的回调函数 */
+        success?: ResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 预览图片。
+     */
+    function previewImage(options: PreviewImageOptions): void;
+
+    interface StartRecordOptions {
+        /** 录音成功后调用，返回录音文件的临时文件路径，res = {tempFilePath: '录音文件的临时路径'} */
+        success?: TempFileResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 开始录音。当主动调用wx.stopRecord，
+     * 或者录音超过1分钟时自动结束录音，返回录音文件的临时文件路径。
+     * 注：文件的临时路径，在小程序本次启动期间可以正常使用，
+     * 如需持久保存，需在主动调用wx.saveFile，在小程序下次启动时才能访问得到。
+     */
+    function startRecord(options: StartRecordOptions): void;
+
+    /**
+     * ​ 主动调用停止录音。
+     */
+    function stopRecord(): void;
+
+    interface PlayVoiceOptions {
+        /** 需要播放的语音文件的文件路径 */
+        filePath: string;
+        /** 接口调用成功的回调函数 */
+        success?: ResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 开始播放语音，同时只允许一个语音文件正在播放，
+     * 如果前一个语音文件还没播放完，将中断前一个语音播放。
+     */
+    function playVoice(options: PlayVoiceOptions): void;
+
+    /**
+     * 暂停正在播放的语音。
+     * 再次调用wx.playVoice播放同一个文件时，会从暂停处开始播放。
+     * 如果想从头开始播放，需要先调用 wx.stopVoice。
+     */
+    function pauseVoice(): void;
+
+    /**
+     * 结束播放语音。
+     */
+    function stopVoice(): void;
+
+    interface BackgroundAudioPlayerState {
+        /** 选定音频的长度（单位：s），只有在当前有音乐播放时返回 */
+        duration?: number;
+        /** 选定音频的播放位置（单位：s），只有在当前有音乐播放时返回 */
+        currentPosition?: number;
+        /** 播放状态（2：没有音乐在播放，1：播放中，0：暂停中） */
+        status: number;
+        /** 音频的下载进度（整数，80 代表 80%），只有在当前有音乐播放时返回 */
+        downloadPercent?: number;
+        /** 歌曲数据链接，只有在当前有音乐播放时返回 */
+        dataUrl?: string;
+    }
+    type GetBackgroundAudioPlayerStateSuccessCallback = (state: BackgroundAudioPlayerState) => void;
+    interface GetBackgroundAudioPlayerStateOptions {
+        /** 接口调用成功的回调函数 */
+        success?: GetBackgroundAudioPlayerStateSuccessCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: NoneParamCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: NoneParamCallback;
+    }
+    /** 获取音乐播放状态。 */
+    function getBackgroundAudioPlayerState(options: GetBackgroundAudioPlayerStateOptions): void;
+
+    interface PlayBackgroundAudioOptions {
+        /** 音乐链接 */
+        dataUrl: string;
+        /** 音乐标题 */
+        title?: string;
+        /** 封面URL */
+        coverImgUrl?: string;
+        /** 接口调用成功的回调函数 */
+        success?: ResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+
+    }
+    /** 播放音乐，同时只能有一首音乐正在播放。 */
+    function playBackgroundAudio(options: PlayBackgroundAudioOptions): void;
+
+    /** 暂停播放音乐。 */
+    function pauseBackgroundAudio(): void;
+
+    interface SeekBackgroundAudioOptions {
+        /** 音乐位置，单位：秒 */
+        position: number;
+        /** 接口调用成功的回调函数 */
+        success?: ResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 控制音乐播放进度。
+     */
+    function seekBackgroundAudio(options: SeekBackgroundAudioOptions): void;
+
+    /**
+     * 停止播放音乐。
+     */
+    function stopBackgroundAudio(): void;
+
+    /** 监听音乐播放。 */
+    function onBackgroundAudioPlay(callback: NoneParamCallback): void;
+
+    /** 监听音乐暂停。 */
+    function onBackgroundAudioPause(callback: NoneParamCallback): void;
+
+    /** 监听音乐停止。 */
+    function onBackgroundAudioStop(callback: NoneParamCallback): void;
+
+    interface SavedFileData {
+        /** 文件的保存路径 */
+        savedFilePath: string;
+    }
+    interface SaveFileOptions {
+        /** 需要保存的文件的临时路径 */
+        tempFilePath: string;
+        /** 返回文件的保存路径，res = {savedFilePath: '文件的保存路径'} */
+        success?: (res: SavedFileData) => void;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 保存文件到本地。
+     */
+    function saveFile(options: SaveFileOptions): void;
+
+    interface VideoData {
+        /** 选定视频的临时文件路径 */
+        tempFilePath: string;
+        /** 选定视频的时间长度 */
+        duration: number;
+        /** 选定视频的数据量大小 */
+        size: number;
+        /** 返回选定视频的长 */
+        height: number;
+        /** 返回选定视频的宽 */
+        width: number;
+    }
+    interface ChooseVideoOptions {
+        /** album 从相册选视频，camera 使用相机拍摄，默认为：['album', 'camera'] */
+        sourceType?: Array<VideoSourceType>;
+        /** 拍摄视频最长拍摄时间，单位秒。最长支持60秒 */
+        maxDuration?: number;
+        /** 前置或者后置摄像头，默认为前后都有，即：['front', 'back'] */
+        camera?: Array<CameraDevice>;
+        /** 接口调用成功，返回视频文件的临时文件路径，详见返回参数说明 */
+        success?: (res: VideoData) => void;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 拍摄视频或从手机相册中选视频，返回视频的临时文件路径。
+     */
+    function chooseVideo(options: ChooseVideoOptions): void;
+
+    interface SetStorageOptions {
+        /** 本地缓存中的指定的 key */
+        key: string;
+        /** 需要存储的内容 */
+        data: any | string;
+        /** 接口调用成功的回调函数 */
+        success?: ResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 将数据存储在本地缓存中指定的 key 中，
+     * 会覆盖掉原来该 key 对应的内容，这是一个异步接口。
+     */
+    function setStorage(options: SetStorageOptions): void;
+    /**
+     * 将 data 存储在本地缓存中指定的 key 中，
+     * 会覆盖掉原来该 key 对应的内容，这是一个同步接口。
+     *
+     * @param {string} key 本地缓存中的指定的 key
+     * @param {(Object | string)} data 需要存储的内容
+     */
+    function setStorageSync(key: string, data: any | string): void;
+
+    interface GetStorageOptions {
+        /** 本地缓存中的指定的 key */
+        key: string;
+        /** 接口调用的回调函数,res = {data: key对应的内容} */
+        success: DataResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 从本地缓存中异步获取指定 key 对应的内容。
+     */
+    function getStorage(options: GetStorageOptions): void;
+
+    /**
+     * 从本地缓存中同步获取指定 key 对应的内容。
+     *
+     * @param {string} key
+     * @returns {(Object | string)}
+     */
+    function getStorageSync(key: string): any | string;
+
+    /**
+     * 清理本地数据缓存。
+     */
+    function clearStorage(): void;
+    /**
+     * 同步清理本地数据缓存
+     */
+    function clearStorageSync(): void;
+
+    interface LocationData {
+        /** 纬度，浮点数，范围为-90~90，负数表示南纬 */
+        latitude: number;
+        /** 经度，浮点数，范围为-180~180，负数表示西经 */
+        longitude: number;
+        /** 速度，浮点数，单位m/s */
+        speed: number;
+        /** 位置的精确度 */
+        accuracy: number;
+    }
+
+    interface GetLocationOptions {
+        /** 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于wx.openLocation的坐标 */
+        type?: 'wgs84' | 'gcj02';
+        /** 接口调用成功的回调函数，返回内容详见返回参数说明。 */
+        success: (res: LocationData) => void;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 获取当前的地理位置、速度。
+     */
+    function getLocation(options: GetLocationOptions): void;
+
+    interface OpenLocationOptions {
+        /** 纬度，范围为-90~90，负数表示南纬 */
+        latitude: number;
+        /** 经度，范围为-180~180，负数表示西经 */
+        longitude: number;
+        /** 缩放比例，范围1~28，默认为28 */
+        scale?: number;
+        /** 位置名 */
+        name?: string;
+        /** 地址的详细说明 */
+        address?: string;
+        /** 接口调用成功的回调函数 */
+        success?: ResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 使用微信内置地图查看位置
+     */
+    function openLocation(options: OpenLocationOptions): void;
+
+    interface NetworkTypeData {
+        /** 返回网络类型2g，3g，4g，wifi */
+        networkType: '2g' | '3g' | '4g' | 'wifi';
+    }
+    interface GetNetworkTypeOptions {
+        /** 接口调用成功，返回网络类型 networkType */
+        success: (res: NetworkTypeData) => void;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 获取网络类型。
+     */
+    function getNetworkType(options: GetNetworkTypeOptions): void;
+
+
+    interface SystemInfo {
+        /** 手机型号 */
+        model: string;
+        /** 设备像素比 */
+        pixelRatio: number;
+        /** 窗口宽度 */
+        windowWidth: number;
+        /** 窗口高度 */
+        windowHeight: number;
+        /** 微信设置的语言 */
+        language: string;
+        /** 微信版本号 */
+        version: string;
+    }
+    interface GetSystemInfoOptions {
+        /** 成功获取系统信息的回调 */
+        success: (res: SystemInfo) => void;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 获取系统信息。
+     */
+    function getSystemInfo(options: GetSystemInfoOptions): void;
+
+    interface AccelerometerData {
+        /** X 轴 */
+        x: number;
+        /** Y 轴 */
+        y: number;
+        /** Z 轴 */
+        z: number;
+    }
+    type AccelerometerChangeCallback = (res: AccelerometerData) => void;
+    /**
+     * 监听重力感应数据，频率：5次/秒
+     */
+    function onAccelerometerChange(callback: AccelerometerChangeCallback): void;
+
+    interface CompassData {
+        /** 面对的方向度数 */
+        direction: number;
+    }
+    type CompassChangeCallback = (res: CompassData) => void;
+    function onCompassChange(callback: CompassChangeCallback): void;
+
+    interface SetNavigationBarTitleOptions {
+        /** 页面标题 */
+        title?: string;
+        /** 成功获取系统信息的回调 */
+        success?: ResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 动态设置当前页面的标题。
+     */
+    function setNavigationBarTitle(options: SetNavigationBarTitleOptions): void;
+
+    /**
+     * 在当前页面显示导航条加载动画。
+     */
+    function showNavigationBarLoading(): void;
+    /**
+     * 隐藏导航条加载动画。
+     */
+    function hideNavigationBarLoading(): void;
+
+    interface NavigateToOptions {
+        /** 需要跳转的应用内页面的路径 */
+        url: string;
+        /** 成功获取系统信息的回调 */
+        success?: ResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。
+     *
+     * 注意：为了不让用户在使用小程序时造成困扰，
+     * 我们规定页面路径只能是五层，请尽量避免多层级的交互方式。
+     */
+    function navigateTo(options: NavigateToOptions): void;
+
+    interface RedirectToOptions {
+        /** 需要跳转的应用内页面的路径 */
+        url: string;
+        /** 成功获取系统信息的回调 */
+        success?: ResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 关闭当前页面，跳转到应用内的某个页面。
+     */
+    function redirectTo(options: RedirectToOptions): void;
+
+    /**
+     * 关闭当前页面，回退前一页面。
+     */
+    function navigateBack(): void;
+
+    type TimingFunction = 'linear' | 'ease' | 'ease-in' | 'ease-in-out' | 'ease-out' | 'step-start' | 'step-end';
+
+    interface CreateAnimationOptions {
+        /** 动画持续时间，单位ms，默认值 400 */
+        duration?: number;
+        /** 定义动画的效果，默认值"linear"，有效值："linear","ease","ease-in","ease-in-out","ease-out","step-start","step-end" */
+        timingFunction?: TimingFunction;
+        /** 动画持续时间，单位 ms，默认值 0 */
+        delay?: number;
+        /** 设置transform-origin，默认为"50% 50% 0" */
+        transformOrigin?: string;
+    }
+
+    interface Animator {
+        actions: Array<AnimationAction>;
+    }
+    interface AnimationAction {
+        animates: Array<Animate>;
+        option: AnimationActionOption;
+    }
+    interface AnimationActionOption {
+        transformOrigin: string;
+        transition: AnimationTransition;
+    }
+    interface AnimationTransition {
+        delay: number;
+        duration: number;
+        timingFunction: TimingFunction;
+    }
+    interface Animate {
+        type: string;
+        args: Array<any>;
+    }
+
+    /**
+     * 创建一个动画实例animation。调用实例的方法来描述动画。
+     * 最后通过动画实例的export方法导出动画数据传递给组件的animation属性。
+     *
+     * 注意: export 方法每次调用后会清掉之前的动画操作
+     */
+    function createAnimation(options?: CreateAnimationOptions): Animation;
+    /** 动画实例可以调用以下方法来描述动画，调用结束后会返回自身，支持链式调用的写法。 */
+    interface Animation {
+        /**
+         * 调用动画操作方法后要调用 step() 来表示一组动画完成，
+         * 可以在一组动画中调用任意多个动画方法，
+         * 一组动画中的所有动画会同时开始，
+         * 一组动画完成后才会进行下一组动画。
+         * @param {CreateAnimationOptions} options 指定当前组动画的配置
+         */
+        step(options?: CreateAnimationOptions): void;
+        /**
+         * 导出动画操作
+         *
+         * 注意: export 方法每次调用后会清掉之前的动画操作
+         */
+        export(): Animator;
+
+        /** 透明度，参数范围 0~1 */
+        opacity(value: number): Animation;
+        /** 颜色值 */
+        backgroundColor(color: string): Animation;
+        /** 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值 */
+        width(length: number): Animation;
+        /** 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值 */
+        height(length: number): Animation;
+        /** 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值 */
+        top(length: number): Animation;
+        /** 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值 */
+        left(length: number): Animation;
+        /** 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值 */
+        bottom(length: number): Animation;
+        /** 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值 */
+        right(length: number): Animation;
+
+        /** deg的范围-180~180，从原点顺时针旋转一个deg角度 */
+        rotate(deg: number): Animation;
+        /** deg的范围-180~180，在X轴旋转一个deg角度 */
+        rotateX(deg: number): Animation;
+        /** deg的范围-180~180，在Y轴旋转一个deg角度 */
+        rotateY(deg: number): Animation;
+        /** deg的范围-180~180，在Z轴旋转一个deg角度 */
+        rotateZ(deg: number): Animation;
+        /** 同transform-function rotate3d */
+        rotate3d(x: number, y: number, z: number, deg: number): Animation;
+
+        /**
+         * 一个参数时，表示在X轴、Y轴同时缩放sx倍数；
+         * 两个参数时表示在X轴缩放sx倍数，在Y轴缩放sy倍数
+         */
+        scale(sx: number, sy?: number): Animation;
+        /** 在X轴缩放sx倍数 */
+        scaleX(sx: number): Animation;
+        /** 在Y轴缩放sy倍数 */
+        scaleY(sy: number): Animation;
+        /** 在Z轴缩放sy倍数 */
+        scaleZ(sz: number): Animation;
+        /** 在X轴缩放sx倍数，在Y轴缩放sy倍数，在Z轴缩放sz倍数 */
+        scale3d(sx: number, sy: number, sz: number): Animation;
+
+        /**
+         * 一个参数时，表示在X轴偏移tx，单位px；
+         * 两个参数时，表示在X轴偏移tx，在Y轴偏移ty，单位px。
+         */
+        translate(tx: number, ty?: number): Animation;
+        /**
+         * 在X轴偏移tx，单位px
+         */
+        translateX(tx: number): Animation;
+        /**
+         * 在Y轴偏移tx，单位px
+         */
+        translateY(ty: number): Animation;
+        /**
+         * 在Z轴偏移tx，单位px
+         */
+        translateZ(tz: number): Animation;
+        /**
+         * 在X轴偏移tx，在Y轴偏移ty，在Z轴偏移tz，单位px
+         */
+        translate3d(tx: number, ty: number, tz: number): Animation;
+
+        /**
+         * 参数范围-180~180；
+         * 一个参数时，Y轴坐标不变，X轴坐标延顺时针倾斜ax度；
+         * 两个参数时，分别在X轴倾斜ax度，在Y轴倾斜ay度
+         */
+        skew(ax: number, ay?: number): Animation;
+        /** 参数范围-180~180；Y轴坐标不变，X轴坐标延顺时针倾斜ax度 */
+        skewX(ax: number): Animation;
+        /** 参数范围-180~180；X轴坐标不变，Y轴坐标延顺时针倾斜ay度 */
+        skewY(ay: number): Animation;
+
+        /**
+         * 同transform-function matrix
+         */
+        matrix(a: number, b: number, c: number, d: number, tx: number, ty: number): Animation;
+        /** 同transform-function matrix3d */
+        matrix3d(a1: number, b1: number, c1: number, d1: number, a2: number, b2: number, c2: number, d2: number, a3: number, b3: number, c3: number, d3: number, a4: number, b4: number, c4: number, d4: number): Animation;
+    }
+
+    interface CanvasAction {
+        method: string;
+        data: Array<CanvasAction> | Array<number | string>
+    }
+    type LineCapType = 'butt' | 'round' | 'square';
+    type LineJoinType = 'bevel' | 'round' | 'miter';
+    /**
+     * context只是一个记录方法调用的容器，用于生成记录绘制行为的actions数组。context跟<canvas/>不存在对应关系，一个context生成画布的绘制动作数组可以应用于多个<canvas/>。
+     */
+    interface CanvasContext {
+        /** 获取当前context上存储的绘图动作 */
+        getActions(): Array<CanvasAction>
+        /** 清空当前的存储绘图动作 */
+        clearActions(): void;
+        /**
+         * 对横纵坐标进行缩放
+         * 在调用scale方法后，之后创建的路径其横纵坐标会被缩放。
+         * 多次调用scale，倍数会相乘。
+         *
+         * @param {number} scaleWidth 横坐标缩放的倍数
+         * @param {number} scaleHeight 纵坐标轴缩放的倍数
+         */
+        scale(scaleWidth: number, scaleHeight?: number): void;
+        /**
+         * 对坐标轴进行顺时针旋转
+         * 以原点为中心，原点可以用 translate方法修改。
+         * 顺时针旋转当前坐标轴。多次调用rotate，旋转的角度会叠加。
+         *
+         * @param {number} rotate 旋转角度，以弧度计。
+         */
+        rotate(rotate: number): void;
+        /**
+         * 对坐标原点进行缩放
+         * 对当前坐标系的原点(0, 0)进行变换，默认的坐标系原点为页面左上角。
+         *
+         * @param {number} x 水平坐标平移量
+         * @param {number} y 竖直坐标平移量
+         */
+        translate(x: number, y: number): void;
+        /**
+         * 保存当前坐标轴的缩放、旋转、平移信息
+         */
+        save(): void;
+        /**
+         * 恢复之前保存过的坐标轴的缩放、旋转、平移信息
+         */
+        restore(): void;
+        /**
+         * 在给定的矩形区域内，清除画布上的像素
+         * 清除画布上在该矩形区域内的内容。
+         *
+         * @param {number} x 矩形区域左上角的x坐标
+         * @param {number} y 矩形区域左上角的y坐标
+         * @param {number} width 矩形区域的宽度
+         * @param {number} height 矩形区域的高度
+         */
+        clearRect(x: number, y: number, width: number, height: number): void;
+        /**
+         * 在画布上绘制被填充的文本
+         *
+         * @param {string} text 在画布上输出的文本
+         * @param {number} x 绘制文本的左上角x坐标位置
+         * @param {number} y 绘制文本的左上角y坐标位置
+         */
+        fillText(text: string, x: number, y: number): void;
+        /**
+         * 在画布上绘制图像
+         * 绘制图像，图像保持原始尺寸。
+         *
+         * @param {string} imageResource 所要绘制的图片资源。 通过chooseImage得到一个文件路径或者一个项目目录内的图片
+         * @param {number} x 图像左上角的x坐标
+         * @param {number} y 图像左上角的y坐标
+         */
+        drawImage(imageResource: string, x: number, y: number): void;
+        /**
+         * 对当前路径进行填充
+         */
+        fill(): void;
+        /**
+         * 对当前路径进行描边
+         */
+        stroke(): void;
+        /**
+         * 开始一个路径
+         * 开始创建一个路径，需要调用fill或者stroke才会使用路径进行填充或描边。
+         * 同一个路径内的多次setFillStyle、setStrokeStyle、setLineWidth等设置，
+         * 以最后一次设置为准。
+         */
+        beginPath(): void;
+        /**
+         * 关闭一个路径
+         */
+        closePath(): void;
+        /**
+         * 把路径移动到画布中的指定点，但不创建线条。
+         *
+         * @param {number} x 目标位置的x坐标
+         * @param {number} y 目标位置的y坐标
+         */
+        moveTo(x: number, y: number): void;
+        /**
+         * 在当前位置添加一个新点，然后在画布中创建从该点到最后指定点的路径。
+         *
+         * @param {number} x 目标位置的x坐标
+         * @param {number} y 目标位置的y坐标
+         */
+        lineTo(x: number, y: number): void;
+        /**
+         * 添加一个矩形路径到当前路径。
+         *
+         * @param {number} x 矩形路径左上角的x坐标
+         * @param {number} y 矩形路径左上角的y坐标
+         * @param {number} width 矩形路径的宽度
+         * @param {number} height 矩形路径的高度
+         */
+        rect(x: number, y: number, width: number, height: number): void;
+        /**
+         * 添加一个弧形路径到当前路径，顺时针绘制。
+         *
+         * @param {number} x 矩形路径左上角的x坐标
+         * @param {number} y 矩形路径左上角的y坐标
+         * @param {number} radius 矩形路径左上角的y坐标
+         * @param {number} startAngle 起始弧度
+         * @param {number} endAngle 结束弧度
+         * @param {boolean} sweepAngle 从起始弧度开始，扫过的弧度
+         */
+        arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, sweepAngle: boolean): void;
+        /**
+         * 创建二次方贝塞尔曲线
+         *
+         * @param {number} cpx 贝塞尔控制点的x坐标
+         * @param {number} cpy 贝塞尔控制点的y坐标
+         * @param {number} x 结束点的x坐标
+         * @param {number} y 结束点的y坐标
+         */
+        quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+        /**
+         * 创建三次方贝塞尔曲线
+         *
+         * @param {number} cp1x 第一个贝塞尔控制点的 x 坐标
+         * @param {number} cp1y 第一个贝塞尔控制点的 y 坐标
+         * @param {number} cp2x 第二个贝塞尔控制点的 x 坐标
+         * @param {number} cp2y 第二个贝塞尔控制点的 y 坐标
+         * @param {number} x 结束点的x坐标
+         * @param {number} y 结束点的y坐标
+         */
+        bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+        /**
+         * 设置填充样式
+         *
+         * @param {string} color 设置为填充样式的颜色。'rgb(255, 0, 0)'或'rgba(255, 0, 0, 0.6)'或'#ff0000'格式的颜色字符串
+         */
+        setFillStyle(color: string): void;
+        /**
+         * 设置线条样式
+         *
+         * @param {string} color 设置为填充样式的颜色。'rgb(255, 0, 0)'或'rgba(255, 0, 0, 0.6)'或'#ff0000'格式的颜色字符串
+         */
+        setStrokeStyle(color: string): void;
+        /**
+         * 设置阴影
+         *
+         * @param {number} offsetX 阴影相对于形状在水平方向的偏移
+         * @param {number} offsetY 阴影相对于形状在竖直方向的偏移
+         * @param {number} blur 阴影的模糊级别，数值越大越模糊 0~100
+         * @param {string} color 阴影的颜色。 'rgb(255, 0, 0)'或'rgba(255, 0, 0, 0.6)'或'#ff0000'格式的颜色字符串
+         */
+        setShadow(offsetX: number, offsetY: number, blur: number, color: string): void;
+        /**
+         * 设置字体大小
+         *
+         * @param {number} fontSize 字体的字号
+         */
+        setFontSize(fontSize: number): void;
+        /**
+         * 设置线条端点的样式
+         *
+         * @param {LineCapType} lineCap 线条的结束端点样式。 'butt'、'round'、'square'
+         */
+        setLineCap(lineCap: LineCapType): void;
+        /**
+         * 设置两线相交处的样式
+         *  @param {LineJoinType} lineJoin 两条线相交时，所创建的拐角类型
+         */
+        setLineJoin(lineJoin: LineJoinType): void;
+        /**
+         * 设置线条宽度
+         *
+         * @param {number} lineWidth 线条的宽度
+         */
+        setLineWidth(lineWidth: number): void;
+        /** 设置最大斜接长度，斜接长度指的是在两条线交汇处内角和外角之间的距离。
+         * 当 setLineJoin为 miter 时才有效。
+         * 超过最大倾斜长度的，连接处将以 lineJoin 为 bevel 来显示
+         *
+         * @param {number} miterLimit 最大斜接长度
+         */
+        setMiterLimit(miterLimit: number): void;
+    }
+    /**
+     * 创建并返回绘图上下文context对象。
+     * context只是一个记录方法调用的容器，
+     * 用于生成记录绘制行为的actions数组。c
+     * ontext跟<canvas/>不存在对应关系，
+     * 一个context生成画布的绘制动作数组可以应用于多个<canvas/>。
+     */
+    function createContext(): CanvasContext;
+
+    interface DrawCanvasOptions {
+        /** 画布标识，传入 <canvas/> 的 cavas-id */
+        canvasId: number | string;
+        /**
+         * 绘图动作数组，由 wx.createContext 创建的 context，
+         * 调用 getActions 方法导出绘图动作数组。
+         */
+        actions: Array<CanvasAction>;
+    }
+    /**
+     * 绘制画布
+     */
+    function drawCanvas(options: DrawCanvasOptions): void;
+
+    /**
+     * 收起键盘。
+     */
+    function hideKeyboard(): void;
+
+    interface LoginResponse {
+        /** 调用结果 */
+        errMsg: string;
+        /** 用户允许登录后，回调内容会带上 code（有效期五分钟），
+         * 开发者需要将 code 发送到开发者服务器后台，
+         * 使用code 换取 session_key api，
+         * 将 code 换成 openid 和 session_key */
+        code: string;
+    }
+    interface LoginOptions {
+        /** 接口调用成功的回调函数 */
+        success?: (res: LoginResponse) => void;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+
+    /**
+     * 调用接口获取登录凭证（code）进而换取用户登录态信息，
+     * 包括用户的唯一标识（openid） 及本次登录的 会话密钥（session_key）。
+     * 用户数据的加解密通讯需要依赖会话密钥完成。
+     */
+    function login(option: LoginOptions): void;
+
+    interface UserInfo {
+        nickName: string;
+        avatarUrl: string;
+        gender: number;
+        province: string;
+        city: string;
+        country: string;
+    }
+    interface UserInfoResponse {
+        /** 用户信息对象，不包含 openid 等敏感信息 */
+        userInfo: UserInfo;
+        /** 不包括敏感信息的原始数据字符串，用于计算签名。 */
+        rawData: string;
+        /** 使用 sha1( rawData + sessionkey ) 得到字符串，用于校验用户信息。 */
+        signature: string;
+        /** 包括敏感数据在内的完整用户信息的加密数据，详细见加密数据解密算法 */
+        encryptData: string;
+    }
+    interface GetUserInfoOptions {
+        /** 接口调用成功的回调函数 */
+        success?: (res: UserInfoResponse) => void;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 获取用户信息，需要先调用 wx.login 接口。
+     */
+    function getUserInfo(options: GetUserInfoOptions): void;
+
+    type PaymentSignType = 'MD5';
+    interface RequestPaymentOptions {
+        /** 时间戳从1970年1月1日00:00:00至今的秒数,即当前的时间 */
+        timeStamp: string|number;
+        /** 随机字符串，长度为32个字符以下。 */
+        nonceStr: string;
+        /** 统一下单接口返回的 prepay_id 参数值，提交格式如：prepay_id=* */
+        package: string;
+        /** 签名算法，暂支持 MD5 */
+        signType: PaymentSignType;
+        /** 签名,具体签名方案参见微信公众号支付帮助文档; */
+        paySign: string;
+        /** 接口调用成功的回调函数 */
+        success?: ResponseCallback;
+        /** 接口调用失败的回调函数 */
+        fail?: ResponseCallback;
+        /** 接口调用结束的回调函数（调用成功、失败都会执行） */
+        complete?: ResponseCallback;
+    }
+    /**
+     * 发起微信支付。
+     */
+    function requestPayment(options: RequestPaymentOptions): void;
+}
+
+
+interface Page {
+    /**
+     * setData 函数用于将数据从逻辑层发送到视图层，
+     * 同时改变对应的 this.data 的值。
+     * 注意：
+     *    1. 直接修改 this.data 无效，无法改变页面的状态，还会造成数据不一致。
+     *    2. 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。
+     */
+    setData(data: any): void;
+}
+interface PageConstructor {
+    /**
+     * Page() 函数用来注册一个页面。
+     * 接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。
+     */
+    (options: wx.PageOptions): void;
+}
+declare var Page: PageConstructor;
+
+
+interface App {
+    /**
+     * getCurrentPage() 函数用户获取当前页面的实例。
+     */
+    getCurrentPage(): Page;
+}
+interface AppConstructor {
+    /**
+     * App() 函数用来注册一个小程序。
+     * 接受一个 object 参数，其指定小程序的生命周期函数等。
+     */
+    (options: wx.AppOptions): void;
+}
+declare var App: AppConstructor;
+
+/**
+ * 我们提供了全局的 getApp() 函数，可以获取到小程序实例。
+ */
+declare function getApp(): App;

From 727c305d5e32c5dec79b8f407013aad6d8cf4abd Mon Sep 17 00:00:00 2001
From: Denis <carriere.denis@gmail.com>
Date: Wed, 28 Sep 2016 11:11:29 -0400
Subject: [PATCH 060/382] Added more methods to Turf (#11558)

* Added more methods to Turf
- circle
- geojsonType
- propReduce
- coordAll
- tesselate

* Replace Object with GeoJSON
---
 turf/turf-tests.ts |  20 +++++-
 turf/turf.d.ts     | 166 ++++++++++++++++++++++++++++++++-------------
 2 files changed, 139 insertions(+), 47 deletions(-)

diff --git a/turf/turf-tests.ts b/turf/turf-tests.ts
index 31462adc51..0e887e2e3e 100644
--- a/turf/turf-tests.ts
+++ b/turf/turf-tests.ts
@@ -499,8 +499,26 @@ turf.collect(polygons, points, 'population', 'values')
 ///////////////////////////////////////////
 // Tests Assertions
 ///////////////////////////////////////////
+// -- Test bbox --
 turf.bbox(polygon1)
 turf.bbox(point1)
 turf.bbox(lineString1)
 turf.bbox(multiLineString1)
-turf.bbox(multiPolygon1)
\ No newline at end of file
+turf.bbox(multiPolygon1)
+
+// -- Test circle --
+turf.circle(point1, 10)
+turf.circle(point1, 10, 32)
+turf.circle(point1, 10, 64, 'miles')
+
+// -- Test geojsonType --
+turf.geojsonType(point1, 'point', 'Test')
+
+// -- Test propReduce --
+turf.propReduce(point1, (memo, coord) => {}, 'point')
+
+// -- Test coordAll --
+turf.coordAll(polygon1)
+
+// -- Test tesselate --
+turf.tesselate(polygon1)
\ No newline at end of file
diff --git a/turf/turf.d.ts b/turf/turf.d.ts
index e90cf69276..773802a103 100644
--- a/turf/turf.d.ts
+++ b/turf/turf.d.ts
@@ -80,16 +80,22 @@ ASSERTIONS
 - [ ] featureOf
 - [ ] collectionOf
 - [x] bbox
-- [ ] circle
-- [ ] geojsonType
-- [ ] propReduce
-- [ ] coordAll
-- [ ] tesselate
+- [x] circle
+- [x] geojsonType
+- [x] propReduce
+- [x] coordAll
+- [x] tesselate
  */
 
 declare const turf: turf.TurfStatic;
 declare const TemplateUnits: 'miles' | 'nauticalmiles' | 'degrees' | 'radians' | 'inches' | 'yards' | 'meters' | 'metres' | 'kilometers' | 'kilometres'
 declare const TemplateType: 'point'| 'points' | 'polygon' | 'polygons'
+declare interface OptionsRandom {
+    bbox?: Array<number>
+    num_vertices?: number
+    max_radial_length?: number
+}
+declare type PropReduceCallback = (memo: any, coord: GeoJSON.Feature<any> | GeoJSON.FeatureCollection<any>) => any
 declare module turf {
   interface TurfStatic {
     //////////////////////////////////////////////////////
@@ -169,11 +175,79 @@ declare module turf {
      * var bboxPolygon = turf.bboxPolygon(bbox);
      *
      * //=bbox
-     * 
+     *
      * //=bboxPolygon
      */
     bbox(bbox: GeoJSON.Feature<any> | GeoJSON.FeatureCollection<any>): Array<number>;
 
+    /**
+     * Takes a {@link Point} and calculates the circle polygon given a radius in degrees, radians, miles, or kilometers; and steps for precision.
+     *
+     * @name circle
+     * @param {Feature<Point>} center center point
+     * @param {number} radius radius of the circle
+     * @param {number} [steps=64] number of steps
+     * @param {string} [units=kilometers] miles, kilometers, degrees, or radians
+     * @returns {Feature<Polygon>} circle polygon
+     * @example
+     * var center = point([-75.343, 39.984]);
+     * var radius = 5;
+     * var steps = 10;
+     * var units = 'kilometers';
+     *
+     * var circle = turf.circle(center, radius, steps, units);
+     *
+     * //=circle
+     */
+    circle(center: GeoJSON.Feature<GeoJSON.Point>, radius: number, steps?: number, units?: typeof TemplateUnits): GeoJSON.Feature<GeoJSON.Polygon>;
+
+
+    /**
+     * Enforce expectations about types of GeoJSON objects for Turf.
+     *
+     * @name geojsonType
+     * @param {GeoJSON} value any GeoJSON object
+     * @param {string} type expected GeoJSON type
+     * @param {string} name name of calling function
+     * @throws {Error} if value is not the expected type.
+     */
+    geojsonType(value: GeoJSON.Feature<any> | GeoJSON.FeatureCollection<any>, type: string, name: string): void
+
+    /**
+     * Reduce properties in any GeoJSON object into a single value, similar to how Array.reduce works. However, in this case we lazily run the reduction, so an array of all properties is unnecessary.
+     *
+     * @name propReduce
+     * @param {GeoJSON} layer any GeoJSON object
+     * @param {Function} callback a method that takes (memo, coord) and returns a new memo
+     * @param {*} memo the starting value of memo: can be any type.
+     * @return {*} combined value
+     */
+    propReduce(layer: GeoJSON.Feature<any> | GeoJSON.FeatureCollection<any>, callback: PropReduceCallback, memo: any): any
+
+    /**
+     * Get all coordinates from any GeoJSON object, returning an array of coordinate arrays.
+     *
+     * @name coordAll
+     * @param {GeoJSON} layer any GeoJSON object
+     * @returns {Array<Array<Number>>} coordinate position array
+     */
+    coordAll(layer: GeoJSON.Feature<any> | GeoJSON.FeatureCollection<any>): Array<Array<number>>
+
+    /**
+     * Tesselates a {@link Feature<Polygon>} into a {@link FeatureCollection<Polygon>} of triangles using [earcut](https://github.com/mapbox/earcut).
+     *
+     * @name tesselate
+     * @param {Feature<Polygon>} polygon the polygon to tesselate
+     * @returns {FeatureCollection<Polygon>} a geometrycollection feature
+     * @example
+     * var polygon = turf.random('polygon').features[0];
+     *
+     * var triangles = turf.tesselate(polygon);
+     *
+     * //=triangles
+     */
+    tesselate(poly: GeoJSON.Feature<GeoJSON.Polygon>): GeoJSON.FeatureCollection<GeoJSON.Polygon>
+
     /**
     * Takes a bbox and returns an equivalent polygon.
     * @param bbox An Array of bounding box coordinates in the form: [xLow, yLow, xHigh, yHigh]
@@ -298,7 +372,7 @@ declare module turf {
     */
     buffer(feature: GeoJSON.Feature<GeoJSON.Polygon>, distance: number, units?: typeof TemplateUnits): GeoJSON.Feature<GeoJSON.Polygon>;
     buffer(feature: GeoJSON.Feature<GeoJSON.MultiPolygon>, distance: number, units?: typeof TemplateUnits): GeoJSON.Feature<GeoJSON.MultiPolygon>;
-    buffer(feature: GeoJSON.Feature<GeoJSON.Point>, distance: number, units?: typeof TemplateUnits): GeoJSON.Feature<GeoJSON.Point>;        
+    buffer(feature: GeoJSON.Feature<GeoJSON.Point>, distance: number, units?: typeof TemplateUnits): GeoJSON.Feature<GeoJSON.Point>;
     buffer(feature: GeoJSON.Feature<any>, distance: number, units?: typeof TemplateUnits): GeoJSON.Feature<any>;
     buffer(feature: GeoJSON.FeatureCollection<GeoJSON.Polygon>, distance: number, units?: typeof TemplateUnits): GeoJSON.FeatureCollection<GeoJSON.Polygon>;
     buffer(feature: GeoJSON.FeatureCollection<GeoJSON.MultiPolygon>, distance: number, units?: typeof TemplateUnits): GeoJSON.FeatureCollection<GeoJSON.MultiPolygon>;
@@ -343,7 +417,7 @@ declare module turf {
      * If they share a border, returns the border if they don't intersect, returns undefined.
      *
      * @name [intersect](http://turfjs.org/docs/#intersect)
-     * @param {Feature<Polygon>} poly1 
+     * @param {Feature<Polygon>} poly1
      * @param {Feature<Polygon>} poly2
      * @returns {Feature|undefined} A feature representing the point(s) they share (in case of a {Point}  or {MultiPoint}), the borders they share (in case of a {LineString} or a {MultiLineString}), the area they share (in case of {Polygon} or {MultiPolygon}). If they do not share any point, returns `undefined`.
      * @example
@@ -456,7 +530,7 @@ declare module turf {
 
     /**
      * Takes one or more {@link Feature|Features} and creates a {@link FeatureCollection}.
-     * 
+     *
      * @name [featureCollection](http://turfjs.org/docs/#featurecollection)
      * @param {Feature[]} features input features
      * @returns {FeatureCollection} a FeatureCollection of input features
@@ -497,7 +571,7 @@ declare module turf {
 
     /**
      * Creates a {@link LineString} based on a coordinate array. Properties can be added optionally.
-     * 
+     *
      * @name [lineString](http://turfjs.org/docs/#linestring)
      * @param {Array<Array<number>>} coordinates an array of Positions
      * @param {Object=} properties an Object of key-value pairs to add as properties
@@ -525,7 +599,7 @@ declare module turf {
 
     /**
      * Creates a {@link Feature<MultiLineString>} based on a coordinate array. Properties can be added optionally.
-     * 
+     *
      * @name [multiLineString](http://turfjs.org/docs/#multilinestring)
      * @param {Array<Array<Array<number>>>} coordinates an array of LineStrings
      * @param {Object=} properties an Object of key-value pairs to add as properties
@@ -541,7 +615,7 @@ declare module turf {
 
     /**
      * Takes coordinates and properties (optional) and returns a new {@link Point} feature.
-     * 
+     *
      * @name [point](http://turfjs.org/docs/#point)
      * @param {Array<number>} coordinates longitude, latitude position (each in decimal degrees)
      * @param {Object=} properties an Object that is used as the {@link Feature}'s
@@ -556,7 +630,7 @@ declare module turf {
 
     /**
      * Creates a {@link Feature<MultiPoint>} based on a coordinate array. Properties can be added optionally.
-     * 
+     *
      * @name [multiPoint](http://turfjs.org/docs/#multipoint)
      * @param {Array<Array<number>>} coordinates an array of Positions
      * @param {Object=} properties an Object of key-value pairs to add as properties
@@ -572,7 +646,7 @@ declare module turf {
 
     /**
      * Takes an array of LinearRings and optionally an {@link Object} with properties and returns a {@link Polygon} feature.
-     * 
+     *
      * @name [polygon](http://turfjs.org/docs/#polygon)
      * @param {Array<Array<Array<number>>>} coordinates an array of LinearRings
      * @param {Object=} properties a properties object
@@ -595,7 +669,7 @@ declare module turf {
 
     /**
      * Creates a {@link Feature<MultiPolygon>} based on a coordinate array. Properties can be added optionally.
-     * 
+     *
      * @name [multiPolygon](http://turfjs.org/docs/#multipolygon)
      * @param {Array<Array<Array<Array<number>>>>} coordinates an array of Polygons
      * @param {Object=} properties an Object of key-value pairs to add as properties
@@ -664,15 +738,15 @@ declare module turf {
      *
      * //=polygons
      */
-    random(type?: typeof TemplateType, count?: number, options?: {
-      bbox?: Array<number>
-      num_vertices?: number
-      max_radial_length?: number
-    }): GeoJSON.FeatureCollection<any>;
+    random(type?: 'point', count?: number, options?: OptionsRandom): GeoJSON.FeatureCollection<GeoJSON.Point>;
+    random(type?: 'points', count?: number, options?: OptionsRandom): GeoJSON.FeatureCollection<GeoJSON.Point>;
+    random(type?: 'polygon', count?: number, options?: OptionsRandom): GeoJSON.FeatureCollection<GeoJSON.Polygon>;
+    random(type?: 'polygons', count?: number, options?: OptionsRandom): GeoJSON.FeatureCollection<GeoJSON.Polygon>;
+    random(type?: typeof TemplateType, count?: number, options?: OptionsRandom): GeoJSON.FeatureCollection<any>;
 
     /**
      * Takes a {@link FeatureCollection} and returns a FeatureCollection with given number of {@link Feature|features} at random.
-     * 
+     *
      * @name [sample](http://turfjs.org/docs/#sample)
      * @param {FeatureCollection} featurecollection set of input features
      * @param {number} num number of features to select
@@ -694,7 +768,7 @@ declare module turf {
 
     /**
      * Takes a bounding box and a cell size in degrees and returns a {@link FeatureCollection} of flat-topped hexagons ({@link Polygon} features) aligned in an "odd-q" vertical grid as described in [Hexagonal Grids](http://www.redblobgames.com/grids/hexagons/).
-     * 
+     *
      * @name [hexGrid](http://turfjs.org/docs/#hexgrid)
      * @param {Array<number>} bbox bounding box in [minX, minY, maxX, maxY] order
      * @param {number} cellSize dimension of cell in specified units
@@ -737,7 +811,7 @@ declare module turf {
     pointGrid(
       bbox: Array<number>,
       cellSize: number,
-      units?: typeof TemplateUnits 
+      units?: typeof TemplateUnits
     ): GeoJSON.FeatureCollection<GeoJSON.Point>;
 
     /**
@@ -835,7 +909,7 @@ declare module turf {
      * var poly = polygon([[[-81, 41], [-81, 47], [-72, 47], [-72, 41], [-81, 41]]])
      *
      * var isInside = turf.inside(pt, poly)
-     * 
+     *
      * //=isInside
      */
     inside(
@@ -857,10 +931,10 @@ declare module turf {
      * var pt2 = point([-77, 38])
      * var poly1 = polygon([[[-81, 41], [-81, 47], [-72, 47], [-72, 41], [-81, 41]]], {pop: 1000})
      * var poly2 = polygon([[[-81, 35], [-81, 41], [-72, 41], [-72, 35], [-81, 35]]], {pop: 3000})
-     * 
+     *
      * var points = featureCollection([pt1, pt2])
      * var polygons = featureCollection([poly1, poly2])
-     * 
+     *
      * var tagged = turf.tag(points, polygons, 'pop', 'population')
      * //=tagged
      */
@@ -1181,27 +1255,27 @@ declare module "@turf/bbox" {
    export = bbox;
 }
 
-// declare module "@turf/circle" {
-//    const circle: typeof turf.circle;
-//    export = circle;
-// }
+declare module "@turf/circle" {
+   const circle: typeof turf.circle;
+   export = circle;
+}
 
-// declare module "@turf/geojsonType" {
-//    const geojsonType: typeof turf.geojsonType;
-//    export = geojsonType;
-// }
+declare module "@turf/geojsonType" {
+   const geojsonType: typeof turf.geojsonType;
+   export = geojsonType;
+}
 
-// declare module "@turf/propReduce" {
-//    const propReduce: typeof turf.propReduce;
-//    export = propReduce;
-// }
+declare module "@turf/propReduce" {
+   const propReduce: typeof turf.propReduce;
+   export = propReduce;
+}
 
-// declare module "@turf/coordAll" {
-//    const coordAll: typeof turf.coordAll;
-//    export = coordAll;
-// }
+declare module "@turf/coordAll" {
+   const coordAll: typeof turf.coordAll;
+   export = coordAll;
+}
 
-// declare module "@turf/tesselate" {
-//    const tesselate: typeof turf.tesselate;
-//    export = tesselate;
-// }
+declare module "@turf/tesselate" {
+   const tesselate: typeof turf.tesselate;
+   export = tesselate;
+}

From 9fadbac5f835d7ad1b0b2d7241e25bf2c8c33d72 Mon Sep 17 00:00:00 2001
From: Denis Carriere <carriere.denis@gmail.com>
Date: Wed, 28 Sep 2016 11:28:19 -0400
Subject: [PATCH 061/382] Implemented cheap-ruler definition

---
 cheap-ruler/cheap-ruler-tests.ts |  60 ++++++++
 cheap-ruler/cheap-ruler.d.ts     | 226 +++++++++++++++++++++++++++++++
 2 files changed, 286 insertions(+)
 create mode 100644 cheap-ruler/cheap-ruler-tests.ts
 create mode 100644 cheap-ruler/cheap-ruler.d.ts

diff --git a/cheap-ruler/cheap-ruler-tests.ts b/cheap-ruler/cheap-ruler-tests.ts
new file mode 100644
index 0000000000..67388e52fd
--- /dev/null
+++ b/cheap-ruler/cheap-ruler-tests.ts
@@ -0,0 +1,60 @@
+/// <reference path="cheap-ruler.d.ts"/>
+
+import * as cheapRuler from 'cheap-ruler'
+
+// -- Fixtures --
+const unit = 'miles'
+const lineString: GeoJSON.Feature<GeoJSON.LineString> = {
+  "type": "Feature",
+  "properties": {},
+  "geometry": {
+    "type": "LineString",
+    "coordinates": [
+      [-77.031669, 38.878605],
+      [-77.029609, 38.881946],
+      [-77.020339, 38.884084],
+      [-77.025661, 38.885821],
+      [-77.021884, 38.889563],
+      [-77.019824, 38.892368]
+    ]
+  }
+}
+const line = lineString.geometry.coordinates
+const polygon = [[
+    [-67.031, 50.458], [-67.031, 50.534], [-66.929, 50.534],
+    [-66.929, 50.458], [-67.031, 50.458]
+]]
+const points = [
+    [-67.031, 50.458], [-67.031, 50.534],
+    [-66.929, 50.534], [-66.929, 50.458]
+]
+
+// -- Test initiators --
+cheapRuler(35.05)
+cheapRuler(35.05, 'miles')
+cheapRuler(35.05, unit)
+cheapRuler.fromTile(1567, 12)
+cheapRuler.fromTile(1567, 12, 'miles')
+cheapRuler.fromTile(1567, 12, unit)
+
+// -- Test units --
+cheapRuler.units
+cheapRuler.units.miles
+cheapRuler.units.kilometers
+50 * cheapRuler.units.yards / cheapRuler.units.meters
+
+// -- Test cheapRuler --
+const ruler = cheapRuler(35.05, 'kilometers')
+
+console.log(ruler.distance([30.5, 50.5], [30.51, 50.49]))
+ruler.bearing([30.5, 50.5], [30.51, 50.49])
+ruler.destination([30.5, 50.5], 0.1, 90)
+ruler.lineDistance(points)
+ruler.area(polygon)
+ruler.along(line, 2.5)
+ruler.pointOnLine(line, [-67.04, 50.5]).point
+ruler.lineSlice([-67.04, 50.5], [-67.05, 50.56], line)
+ruler.lineSliceAlong(10, 20, line)
+ruler.bufferPoint([30.5, 50.5], 0.01)
+ruler.bufferBBox([30.5, 50.5, 31, 51], 0.2)
+ruler.insideBBox([30.5, 50.5], [30, 50, 31, 51])
\ No newline at end of file
diff --git a/cheap-ruler/cheap-ruler.d.ts b/cheap-ruler/cheap-ruler.d.ts
new file mode 100644
index 0000000000..97ad51730e
--- /dev/null
+++ b/cheap-ruler/cheap-ruler.d.ts
@@ -0,0 +1,226 @@
+// Type definitions for cheap-ruler 2.4.1
+// Project: https://github.com/mapbox/cheap-ruler
+// Definitions by: Denis Carriere <https://github.com/DenisCarriere>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../geojson/geojson.d.ts" />
+
+declare module "cheap-ruler" {
+    interface TemplateUnits {
+        kilometers: number
+        miles: number
+        nauticalmiles: number
+        meters: number
+        metres: number
+        yards: number
+        feet: number
+        inches: number
+    }
+    interface InterfacePointOnLine {
+        point: Array<number>
+        index: number
+        t: number
+    }
+    class CheapRuler {
+        /**
+         * Given two points of the form [longitude, latitude], returns the distance.
+         *
+         * @name distance
+         * @param {Array<number>} a point [longitude, latitude]
+         * @param {Array<number>} b point [longitude, latitude]
+         * @returns {number} distance
+         * @example
+         * var distance = ruler.distance([30.5, 50.5], [30.51, 50.49]);
+         * //=distance
+         */
+        distance(a: Array<number>, b: Array<number>): number;
+
+        /**
+         * Returns the bearing between two points in angles.
+         *
+         * @name bearing
+         * @param {Array<number>} a point [longitude, latitude]
+         * @param {Array<number>} b point [longitude, latitude]
+         * @returns {number} bearing
+         * @example
+         * var bearing = ruler.bearing([30.5, 50.5], [30.51, 50.49]);
+         * //=bearing
+         */
+        bearing(a: Array<number>, b: Array<number>): number;
+
+        /**
+         * Returns a new point given distance and bearing from the starting point.
+         *
+         * @name destination
+         * @param {Array<number>} p point [longitude, latitude]
+         * @param {number} dist distance
+         * @param {number} bearing
+         * @returns {Array<number>} point [longitude, latitude]
+         * @example
+         * var point = ruler.destination([30.5, 50.5], 0.1, 90);
+         * //=point
+         */
+        destination(p: Array<number>, dist: number, bearing: number): Array<number>;
+
+        /**
+         * Given a line (an array of points), returns the total line distance.
+         *
+         * @name lineDistance
+         * @param {Array<Array<number>>} points [longitude, latitude]
+         * @returns {number} total line distance
+         * @example
+         * var length = ruler.lineDistance([
+         *     [-67.031, 50.458], [-67.031, 50.534],
+         *     [-66.929, 50.534], [-66.929, 50.458]
+         * ]);
+         * //=length
+         */
+        lineDistance(points: Array<Array<number>>): number;
+
+        /**
+         * Given a polygon (an array of rings, where each ring is an array of points), returns the area.
+         *
+         * @name area
+         * @param {Array<Array<Array<number>>>} polygon
+         * @returns {number} area value in the specified units (square kilometers by default)
+         * @example
+         * var area = ruler.area([[
+         *     [-67.031, 50.458], [-67.031, 50.534], [-66.929, 50.534],
+         *     [-66.929, 50.458], [-67.031, 50.458]
+         * ]]);
+         * //=area
+         */
+        area(polygon: Array<Array<Array<number>>>): number;
+
+        /**
+         * Returns the point at a specified distance along the line.
+         *
+         * @name along
+         * @param {Array<Array<number>>} line
+         * @param {number} dist distance
+         * @returns {Array<number>} point [longitude, latitude]
+         * @example
+         * var point = ruler.along(line, 2.5);
+         * //=point
+         */
+        along(line: Array<Array<number>>, dist: number): Array<number>
+
+        /**
+         * Returns an object of the form {point, index} where point is closest point on the line from the given point, and index is the start index of the segment with the closest point.
+         *
+         * @pointOnLine
+         * @param {Array<Array<number>>} line
+         * @param {Array<number>} p point [longitude, latitude]
+         * @returns {Object} {point, index}
+         * @example
+         * var point = ruler.pointOnLine(line, [-67.04, 50.5]).point;
+         * //=point
+         */
+        pointOnLine(line: Array<Array<number>>, p: Array<number>): InterfacePointOnLine
+
+        /**
+         * Returns a part of the given line between the start and the stop points (or their closest points on the line).
+         *
+         * @name lineSlice
+         * @param {Array<number>} start point [longitude, latitude]
+         * @param {Array<number>} stop point [longitude, latitude]
+         * @param {Array<Array<number>>} line
+         * @returns {Array<Array<number>>} line part of a line
+         * @example
+         * var line2 = ruler.lineSlice([-67.04, 50.5], [-67.05, 50.56], line1);
+         * //=line2
+         */
+        lineSlice(start: Array<number>, stop: Array<number>, line: Array<Array<number>>): Array<Array<number>>
+
+        /**
+         * Returns a part of the given line between the start and the stop points indicated by distance along the line.
+         *
+         * @name lineSliceAlong
+         * @param {number} start distance
+         * @param {number} stop distance
+         * @param {Array<Array<number>>} line
+         * @returns {Array<Array<number>>} line part of a line
+         * @example
+         * var line2 = ruler.lineSliceAlong(10, 20, line1);
+         * //=line2
+         */
+        lineSliceAlong(start: number, stop: number, line: Array<Array<number>>): Array<Array<number>>
+
+        /**
+         * Given a point, returns a bounding box object ([w, s, e, n]) created from the given point buffered by a given distance.
+         *
+         * @name bufferPoint
+         * @param {Array<number>} p point [longitude, latitude]
+         * @param {number} buffer
+         * @returns {Array<number>} box object ([w, s, e, n])
+         * @example
+         * var bbox = ruler.bufferPoint([30.5, 50.5], 0.01);
+         * //=bbox
+         */
+        bufferPoint(p: Array<number>, buffer: number): Array<number>
+
+        /**
+         * Given a bounding box, returns the box buffered by a given distance.
+         *
+         * @name bufferBBox
+         * @param {Array<number>} box object ([w, s, e, n])
+         * @param {number} buffer
+         * @returns {Array<number>} box object ([w, s, e, n])
+         * @example
+         * var bbox = ruler.bufferBBox([30.5, 50.5, 31, 51], 0.2);
+         * //=bbox
+         */
+        bufferBBox(bbox: Array<number>, buffer: number): Array<number>
+
+        /**
+         * Returns true if the given point is inside in the given bounding box, otherwise false.
+         *
+         * @name insideBBox
+         * @param {Array<number>} p point [longitude, latitude]
+         * @param {Array<number>} box object ([w, s, e, n])
+         * @returns {boolean}
+         * @example
+         * var inside = ruler.insideBBox([30.5, 50.5], [30, 50, 31, 51]);
+         * //=inside
+         */
+        insideBBox(p: Array<number>, bbox: Array<number>): boolean
+    }
+    /**
+     * A collection of very fast approximations to common geodesic measurements. Useful for performance-sensitive code that measures things on a city scale.
+     *
+     * @name cheapRuler
+     * @param {number} lat latitude
+     * @param {string} [units='kilometers']
+     * @returns {Object} CheapRuler
+     * @example
+     * var ruler = cheapRuler(35.05, 'miles');
+     * //=ruler
+     */
+    function cheapRuler(lat: number, units?: string): CheapRuler;
+    namespace cheapRuler {
+        /**
+         * Multipliers for converting between units.
+         *
+         * @name units
+         * @example
+         * // convert 50 meters to yards
+         * 50 * cheapRuler.units.yards / cheapRuler.units.meters;
+         */
+        const units: TemplateUnits
+
+        /**
+         * Creates a ruler object from tile coordinates (y and z). Convenient in tile-reduce scripts.
+         *
+         * @name fromTile
+         * @param {number} y
+         * @param {number} z
+         * @param {string} [units='kilometers']
+         * @returns {Object} CheapRuler
+         * @example
+         * var ruler = cheapRuler.fromTile(1567, 12);
+         * //=ruler
+         */
+        function fromTile(y: number, z: number, units?: string)
+    }
+    export = cheapRuler
+}
\ No newline at end of file

From 7898c8c4fabe1dc79bc68066478697f00f516f7e Mon Sep 17 00:00:00 2001
From: Denis Carriere <carriere.denis@gmail.com>
Date: Wed, 28 Sep 2016 11:29:48 -0400
Subject: [PATCH 062/382] Remove GeoJSON dependency

---
 cheap-ruler/cheap-ruler.d.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/cheap-ruler/cheap-ruler.d.ts b/cheap-ruler/cheap-ruler.d.ts
index 97ad51730e..dd0dcb9dbc 100644
--- a/cheap-ruler/cheap-ruler.d.ts
+++ b/cheap-ruler/cheap-ruler.d.ts
@@ -3,8 +3,6 @@
 // Definitions by: Denis Carriere <https://github.com/DenisCarriere>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference path="../geojson/geojson.d.ts" />
-
 declare module "cheap-ruler" {
     interface TemplateUnits {
         kilometers: number

From 4f3c8528c27c42684adea93d5608bc9f90e9ac76 Mon Sep 17 00:00:00 2001
From: Denis Carriere <carriere.denis@gmail.com>
Date: Wed, 28 Sep 2016 11:38:10 -0400
Subject: [PATCH 063/382] Cheap-ruler fixes - Removed GeoJSON from tests -
 Added return-type to fromTile

---
 cheap-ruler/cheap-ruler-tests.ts | 6 +++---
 cheap-ruler/cheap-ruler.d.ts     | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/cheap-ruler/cheap-ruler-tests.ts b/cheap-ruler/cheap-ruler-tests.ts
index 67388e52fd..2a1bf6521d 100644
--- a/cheap-ruler/cheap-ruler-tests.ts
+++ b/cheap-ruler/cheap-ruler-tests.ts
@@ -4,7 +4,7 @@ import * as cheapRuler from 'cheap-ruler'
 
 // -- Fixtures --
 const unit = 'miles'
-const lineString: GeoJSON.Feature<GeoJSON.LineString> = {
+const lineString = {
   "type": "Feature",
   "properties": {},
   "geometry": {
@@ -44,9 +44,9 @@ cheapRuler.units.kilometers
 50 * cheapRuler.units.yards / cheapRuler.units.meters
 
 // -- Test cheapRuler --
-const ruler = cheapRuler(35.05, 'kilometers')
+const ruler = cheapRuler(35.05)
 
-console.log(ruler.distance([30.5, 50.5], [30.51, 50.49]))
+ruler.distance([30.5, 50.5], [30.51, 50.49])
 ruler.bearing([30.5, 50.5], [30.51, 50.49])
 ruler.destination([30.5, 50.5], 0.1, 90)
 ruler.lineDistance(points)
diff --git a/cheap-ruler/cheap-ruler.d.ts b/cheap-ruler/cheap-ruler.d.ts
index dd0dcb9dbc..300af9ee5d 100644
--- a/cheap-ruler/cheap-ruler.d.ts
+++ b/cheap-ruler/cheap-ruler.d.ts
@@ -218,7 +218,7 @@ declare module "cheap-ruler" {
          * var ruler = cheapRuler.fromTile(1567, 12);
          * //=ruler
          */
-        function fromTile(y: number, z: number, units?: string)
+        function fromTile(y: number, z: number, units?: string): CheapRuler;
     }
     export = cheapRuler
 }
\ No newline at end of file

From bf34b77b69fbba586273d101a3fb2538b1c080ea Mon Sep 17 00:00:00 2001
From: Denis Carriere <carriere.denis@gmail.com>
Date: Wed, 28 Sep 2016 11:59:07 -0400
Subject: [PATCH 064/382] Update JSDocs cheap-ruler Update based on comments
 https://github.com/mapbox/cheap-ruler/pull/20 - Removed `{@name}` - Changed
 {Object} to {CheapRuler}

---
 cheap-ruler/cheap-ruler.d.ts | 18 ++----------------
 1 file changed, 2 insertions(+), 16 deletions(-)

diff --git a/cheap-ruler/cheap-ruler.d.ts b/cheap-ruler/cheap-ruler.d.ts
index 300af9ee5d..187b27ea82 100644
--- a/cheap-ruler/cheap-ruler.d.ts
+++ b/cheap-ruler/cheap-ruler.d.ts
@@ -23,7 +23,6 @@ declare module "cheap-ruler" {
         /**
          * Given two points of the form [longitude, latitude], returns the distance.
          *
-         * @name distance
          * @param {Array<number>} a point [longitude, latitude]
          * @param {Array<number>} b point [longitude, latitude]
          * @returns {number} distance
@@ -36,7 +35,6 @@ declare module "cheap-ruler" {
         /**
          * Returns the bearing between two points in angles.
          *
-         * @name bearing
          * @param {Array<number>} a point [longitude, latitude]
          * @param {Array<number>} b point [longitude, latitude]
          * @returns {number} bearing
@@ -49,7 +47,6 @@ declare module "cheap-ruler" {
         /**
          * Returns a new point given distance and bearing from the starting point.
          *
-         * @name destination
          * @param {Array<number>} p point [longitude, latitude]
          * @param {number} dist distance
          * @param {number} bearing
@@ -63,7 +60,6 @@ declare module "cheap-ruler" {
         /**
          * Given a line (an array of points), returns the total line distance.
          *
-         * @name lineDistance
          * @param {Array<Array<number>>} points [longitude, latitude]
          * @returns {number} total line distance
          * @example
@@ -78,7 +74,6 @@ declare module "cheap-ruler" {
         /**
          * Given a polygon (an array of rings, where each ring is an array of points), returns the area.
          *
-         * @name area
          * @param {Array<Array<Array<number>>>} polygon
          * @returns {number} area value in the specified units (square kilometers by default)
          * @example
@@ -93,7 +88,6 @@ declare module "cheap-ruler" {
         /**
          * Returns the point at a specified distance along the line.
          *
-         * @name along
          * @param {Array<Array<number>>} line
          * @param {number} dist distance
          * @returns {Array<number>} point [longitude, latitude]
@@ -119,7 +113,6 @@ declare module "cheap-ruler" {
         /**
          * Returns a part of the given line between the start and the stop points (or their closest points on the line).
          *
-         * @name lineSlice
          * @param {Array<number>} start point [longitude, latitude]
          * @param {Array<number>} stop point [longitude, latitude]
          * @param {Array<Array<number>>} line
@@ -133,7 +126,6 @@ declare module "cheap-ruler" {
         /**
          * Returns a part of the given line between the start and the stop points indicated by distance along the line.
          *
-         * @name lineSliceAlong
          * @param {number} start distance
          * @param {number} stop distance
          * @param {Array<Array<number>>} line
@@ -147,7 +139,6 @@ declare module "cheap-ruler" {
         /**
          * Given a point, returns a bounding box object ([w, s, e, n]) created from the given point buffered by a given distance.
          *
-         * @name bufferPoint
          * @param {Array<number>} p point [longitude, latitude]
          * @param {number} buffer
          * @returns {Array<number>} box object ([w, s, e, n])
@@ -160,7 +151,6 @@ declare module "cheap-ruler" {
         /**
          * Given a bounding box, returns the box buffered by a given distance.
          *
-         * @name bufferBBox
          * @param {Array<number>} box object ([w, s, e, n])
          * @param {number} buffer
          * @returns {Array<number>} box object ([w, s, e, n])
@@ -173,7 +163,6 @@ declare module "cheap-ruler" {
         /**
          * Returns true if the given point is inside in the given bounding box, otherwise false.
          *
-         * @name insideBBox
          * @param {Array<number>} p point [longitude, latitude]
          * @param {Array<number>} box object ([w, s, e, n])
          * @returns {boolean}
@@ -186,10 +175,9 @@ declare module "cheap-ruler" {
     /**
      * A collection of very fast approximations to common geodesic measurements. Useful for performance-sensitive code that measures things on a city scale.
      *
-     * @name cheapRuler
      * @param {number} lat latitude
      * @param {string} [units='kilometers']
-     * @returns {Object} CheapRuler
+     * @returns {CheapRuler}
      * @example
      * var ruler = cheapRuler(35.05, 'miles');
      * //=ruler
@@ -199,7 +187,6 @@ declare module "cheap-ruler" {
         /**
          * Multipliers for converting between units.
          *
-         * @name units
          * @example
          * // convert 50 meters to yards
          * 50 * cheapRuler.units.yards / cheapRuler.units.meters;
@@ -209,11 +196,10 @@ declare module "cheap-ruler" {
         /**
          * Creates a ruler object from tile coordinates (y and z). Convenient in tile-reduce scripts.
          *
-         * @name fromTile
          * @param {number} y
          * @param {number} z
          * @param {string} [units='kilometers']
-         * @returns {Object} CheapRuler
+         * @returns {CheapRuler}
          * @example
          * var ruler = cheapRuler.fromTile(1567, 12);
          * //=ruler

From a4a33e265cf12ce775a9a0e54897fdabf2f6b3ce Mon Sep 17 00:00:00 2001
From: Artur Eshenbrener <strate@yandex.ru>
Date: Wed, 28 Sep 2016 19:20:57 +0300
Subject: [PATCH 065/382] [bluebird] document .suppressUnhandledRejections

http://bluebirdjs.com/docs/api/suppressunhandledrejections.html
---
 bluebird/bluebird.d.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/bluebird/bluebird.d.ts b/bluebird/bluebird.d.ts
index 35b506542a..3dc66b78f0 100644
--- a/bluebird/bluebird.d.ts
+++ b/bluebird/bluebird.d.ts
@@ -317,6 +317,13 @@ class Bluebird<R> implements Bluebird.Thenable<R>, Bluebird.Inspection<R> {
    */
   cancel(): void;
 
+  /**
+   * Basically sugar for doing: somePromise.catch(function(){});
+   * 
+   * Which is needed in case error handlers are attached asynchronously to the promise later, which would otherwise result in premature unhandled rejection reporting.
+   */
+  suppressUnhandledRejections(): void;
+
   /**
    * Start the chain of promises with `Promise.try`. Any synchronous exceptions will be turned into rejections on the returned promise.
    *

From b8abf4a0e491270df1369d953fdb0af63379947f Mon Sep 17 00:00:00 2001
From: Sean Kelley <skelley@palantir.com>
Date: Wed, 28 Sep 2016 12:20:33 -0700
Subject: [PATCH 066/382] Add typings for shallowequal.

---
 shallowequal/shallowequal-tests.ts | 12 ++++++++++++
 shallowequal/shallowequal.d.ts     |  9 +++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 shallowequal/shallowequal-tests.ts
 create mode 100644 shallowequal/shallowequal.d.ts

diff --git a/shallowequal/shallowequal-tests.ts b/shallowequal/shallowequal-tests.ts
new file mode 100644
index 0000000000..73c644c770
--- /dev/null
+++ b/shallowequal/shallowequal-tests.ts
@@ -0,0 +1,12 @@
+/// <reference path="shallowequal.d.ts" />
+
+import shallowEqual = require('shallowequal');
+
+const a = {}, b = {};
+function compare(a: any, b: any, indexOrKey?: number | string) {
+  return false;
+}
+
+shallowEqual(a, b);
+shallowEqual(a, b, compare);
+shallowEqual(a, b, compare, {});
diff --git a/shallowequal/shallowequal.d.ts b/shallowequal/shallowequal.d.ts
new file mode 100644
index 0000000000..d3971e15c9
--- /dev/null
+++ b/shallowequal/shallowequal.d.ts
@@ -0,0 +1,9 @@
+// Type definitions for shallowequal v0.2.2
+// Project: https://github.com/dashed/shallowequal
+// Definitions by: Sean Kelley <https://github.com/seansfkelley>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'shallowequal' {
+  function shallowEqual(objA: any, objB: any, compare?: (objA: any, objB: any, indexOrKey?: number | string) => boolean, compareContext?: any): boolean;
+  export = shallowEqual;
+}

From cfdd3db404999e24047ccd0d74a71c411f02ca3b Mon Sep 17 00:00:00 2001
From: Matt Rohr <mrohr@users.noreply.github.com>
Date: Wed, 28 Sep 2016 17:33:47 -0400
Subject: [PATCH 067/382] URIjs fix .joinPaths()

the .joinPaths function is on URIStatic, not an instance of URI
https://medialize.github.io/URI.js/docs.html#static-joinPaths
---
 urijs/URIjs.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/urijs/URIjs.d.ts b/urijs/URIjs.d.ts
index 8d784ad1ac..79a65dbb55 100644
--- a/urijs/URIjs.d.ts
+++ b/urijs/URIjs.d.ts
@@ -52,8 +52,6 @@ declare namespace uri {
         is(qry: string): boolean;
         iso8859(): URI;
 
-        joinPaths(...paths: (string | URI)[]): URI;
-
         normalize(): URI;
         normalizeFragment(): URI;
         normalizeHash(): URI;
@@ -190,6 +188,8 @@ declare namespace uri {
         expand(template: string, vals: Object): URI;
 
         iso8859(): void;
+    
+        joinPaths(...paths: (string | URI)[]): URI;
 
         parse(url: string): {
             protocol: string;

From 4bf0e3eec34fba697afb966879fffe33fd903de1 Mon Sep 17 00:00:00 2001
From: Simon <simonxca@yahoo.ca>
Date: Wed, 28 Sep 2016 18:07:02 -0400
Subject: [PATCH 068/382] set document id property to be optional

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

diff --git a/mongoose/mongoose.d.ts b/mongoose/mongoose.d.ts
index 24664cc350..631e9c9581 100644
--- a/mongoose/mongoose.d.ts
+++ b/mongoose/mongoose.d.ts
@@ -871,7 +871,7 @@ declare module "mongoose" {
     /** Hash containing current validation errors. */
     errors: Object;
     /** The string version of this documents _id. */
-    id: string;
+    id?: string;
     /** This documents _id. */
     _id: any;
     /** Boolean flag specifying if the document is new. */

From f58fded0a8cf5deb7fb1b136685c49ec310e9a57 Mon Sep 17 00:00:00 2001
From: Sahin Kureta <skureta@gmail.com>
Date: Thu, 29 Sep 2016 05:17:54 +0300
Subject: [PATCH 069/382] Fixed type of onchallenge

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

diff --git a/autobahn/autobahn.d.ts b/autobahn/autobahn.d.ts
index bb7a0c86ae..496738875e 100644
--- a/autobahn/autobahn.d.ts
+++ b/autobahn/autobahn.d.ts
@@ -211,7 +211,7 @@ declare namespace autobahn {
         retry_delay_jitter?: number;
         url?: string;
         protocols?: string[];
-        onchallenge?: (session: Session, method: string, extra: any) => OnChallengeHandler;
+        onchallenge?: OnChallengeHandler;
         realm?: string;
         authmethods?: string[];
         authid?: string;

From 50d20cf6e684b76f26c55eff966735e2db985cd1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrien=20Verg=C3=A9?= <adrienverge@gmail.com>
Date: Wed, 28 Sep 2016 16:46:08 +0200
Subject: [PATCH 070/382] feat(CKEditor): Add missing typings for
 `focusManager`

---
 ckeditor/ckeditor-tests.ts | 19 +++++++++++++++++++
 ckeditor/ckeditor.d.ts     | 13 ++++++++++++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/ckeditor/ckeditor-tests.ts b/ckeditor/ckeditor-tests.ts
index f7deb67069..bcf2a7807b 100644
--- a/ckeditor/ckeditor-tests.ts
+++ b/ckeditor/ckeditor-tests.ts
@@ -300,3 +300,22 @@ function test_adding_widget() {
         });
     }
 }
+
+function test_focusManager() {
+    var textarea = document.createElement('textarea');
+    var instance = CKEDITOR.replace(textarea);
+    var element = CKEDITOR.document.getById('myElement');
+
+    instance.focusManager.focus();
+    instance.focusManager.focus(element);
+    instance.focusManager.lock();
+    instance.focusManager.unlock();
+    instance.focusManager.blur();
+    instance.focusManager.blur(true);
+    instance.focusManager.add(element, true);
+    instance.focusManager.remove(element);
+
+    var focusManager = new CKEDITOR.focusManager(instance);
+    var object: CKEDITOR.dom.domObject = focusManager.currentActive;
+    var bool: boolean = focusManager.hasFocus;
+}
diff --git a/ckeditor/ckeditor.d.ts b/ckeditor/ckeditor.d.ts
index 60b6491407..b5009fa031 100644
--- a/ckeditor/ckeditor.d.ts
+++ b/ckeditor/ckeditor.d.ts
@@ -544,8 +544,19 @@ declare namespace CKEDITOR {
     }
 
 
-    interface focusManager {
+    class focusManager {
+        // Properties
+        currentActive: dom.domObject;
+        hasFocus: boolean;
 
+        // Methods
+        constructor(editor: editor);
+        focus(currentActive?: dom.element): void;
+        lock(): void;
+        unlock(): void;
+        blur(noDelay?: boolean): void;
+        add(element: dom.element, isCapture: boolean): void;
+        remove(element: dom.element): void;
     }
 
     interface keystrokeHandler {

From 119234be457b9a7a12cf0e796c909e5bdf0e2e32 Mon Sep 17 00:00:00 2001
From: TANAKA Koichi <mugeso@mugeso.com>
Date: Thu, 29 Sep 2016 17:05:58 +0900
Subject: [PATCH 071/382] sequelize: fix return value type of Model.findOrXXX
 methods

http://docs.sequelizejs.com/en/latest/api/model/#findorinitialize-promiseinstance-initialized
---
 sequelize/sequelize-tests.ts | 25 +++++++++++++------------
 sequelize/sequelize.d.ts     |  6 +++---
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/sequelize/sequelize-tests.ts b/sequelize/sequelize-tests.ts
index 5a1dfe4def..80e009f8a2 100644
--- a/sequelize/sequelize-tests.ts
+++ b/sequelize/sequelize-tests.ts
@@ -962,22 +962,23 @@ 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 );
 
-User.findOrInitialize( { where : { username : 'foo' } } ).then( ( p ) => p );
-User.findOrInitialize( { where : { username : 'foo' }, transaction : t } );
-User.findOrInitialize( { where : { username : 'foo' }, defaults : { foo : 'asd' }, transaction : t } );
+let findOrRetVal: Promise<[AnyInstance, boolean]>;
+findOrRetVal = User.findOrInitialize( { where : { username : 'foo' } } );
+findOrRetVal = User.findOrInitialize( { where : { username : 'foo' }, transaction : t } );
+findOrRetVal = User.findOrInitialize( { where : { username : 'foo' }, defaults : { foo : 'asd' }, transaction : t } );
 
-User.findOrCreate( { where : { a : 'b' }, defaults : { json : { a : { b : 'c' }, d : [1, 2, 3] } } } );
-User.findOrCreate( { where : { a : 'b' }, defaults : { json : 'a', data : 'b' } } );
+findOrRetVal = User.findOrCreate( { where : { a : 'b' }, defaults : { json : { a : { b : 'c' }, d : [1, 2, 3] } } } );
+findOrRetVal = User.findOrCreate( { where : { a : 'b' }, defaults : { json : 'a', data : 'b' } } );
 /* NOTE https://github.com/DefinitelyTyped/DefinitelyTyped/pull/5590
 User.findOrCreate( { where : { a : 'b' }, transaction : t, lock : t.LOCK.UPDATE } );
  */
-User.findOrCreate( { where : { a : 'b' }, logging : function(  ) { } } );
-User.findOrCreate( { where : { username : 'Username' }, defaults : { data : 'some data' }, transaction : t } );
-User.findOrCreate( { where : { objectId : 'asdasdasd' }, defaults : { username : 'gottlieb' } } );
-User.findOrCreate( { where : { id : undefined }, defaults : { name : Math.random().toString() } } );
-User.findOrCreate( { where : { email : 'unique.email.@d.com', companyId : Math.floor( Math.random() * 5 ) } } );
-User.findOrCreate( { where : { objectId : 1 }, defaults : { bool : false } } );
-User.findOrCreate( { where : 'c', defaults : {} } );
+findOrRetVal = User.findOrCreate( { where : { a : 'b' }, logging : function(  ) { } } );
+findOrRetVal = User.findOrCreate( { where : { username : 'Username' }, defaults : { data : 'some data' }, transaction : t } );
+findOrRetVal = User.findOrCreate( { where : { objectId : 'asdasdasd' }, defaults : { username : 'gottlieb' } } );
+findOrRetVal = User.findOrCreate( { where : { id : undefined }, defaults : { name : Math.random().toString() } } );
+findOrRetVal = User.findOrCreate( { where : { email : 'unique.email.@d.com', companyId : Math.floor( Math.random() * 5 ) } } );
+findOrRetVal = User.findOrCreate( { where : { objectId : 1 }, defaults : { bool : false } } );
+findOrRetVal = User.findOrCreate( { where : 'c', defaults : {} } );
 
 User.upsert( { id : 42, username : 'doe', foo : s.fn( 'upper', 'mixedCase2' ) } );
 
diff --git a/sequelize/sequelize.d.ts b/sequelize/sequelize.d.ts
index 76c5f46490..27885d0d66 100644
--- a/sequelize/sequelize.d.ts
+++ b/sequelize/sequelize.d.ts
@@ -3809,8 +3809,8 @@ declare module "sequelize" {
              * Find a row that matches the query, or build (but don't save) the row if none is found.
              * The successfull result of the promise will be (instance, initialized) - Make sure to use .spread()
              */
-            findOrInitialize( options : FindOrInitializeOptions<TAttributes> ) : Promise<TInstance>;
-            findOrBuild( options : FindOrInitializeOptions<TAttributes> ) : Promise<TInstance>;
+            findOrInitialize( options : FindOrInitializeOptions<TAttributes> ) : Promise<[TInstance, boolean]>;
+            findOrBuild( options : FindOrInitializeOptions<TAttributes> ) : Promise<[TInstance, boolean]>;
 
             /**
              * Find a row that matches the query, or build and save the row if none is found
@@ -3823,7 +3823,7 @@ declare module "sequelize" {
              * an instance of sequelize.TimeoutError will be thrown instead. If a transaction is created, a savepoint
              * will be created instead, and any unique constraint violation will be handled internally.
              */
-            findOrCreate( options : FindOrInitializeOptions<TAttributes> ) : Promise<TInstance>;
+            findOrCreate( options : FindOrInitializeOptions<TAttributes> ) : Promise<[TInstance, boolean]>;
 
             /**
              * A more performant findOrCreate that will not work under a transaction (at least not in postgres)

From 2b7104bab0b653ebd2f247b01d51c9a210e33198 Mon Sep 17 00:00:00 2001
From: Denis Carriere <carriere.denis@gmail.com>
Date: Thu, 29 Sep 2016 07:57:54 -0400
Subject: [PATCH 072/382] Added type Point for simplicity Comments from
 @vladima

---
 cheap-ruler/cheap-ruler-tests.ts | 19 ++++----
 cheap-ruler/cheap-ruler.d.ts     | 80 +++++++++++++++++---------------
 2 files changed, 54 insertions(+), 45 deletions(-)

diff --git a/cheap-ruler/cheap-ruler-tests.ts b/cheap-ruler/cheap-ruler-tests.ts
index 2a1bf6521d..6e2a2d45e7 100644
--- a/cheap-ruler/cheap-ruler-tests.ts
+++ b/cheap-ruler/cheap-ruler-tests.ts
@@ -3,6 +3,9 @@
 import * as cheapRuler from 'cheap-ruler'
 
 // -- Fixtures --
+const bbox = [30.5, 50.5, 31, 51]
+const point1 = [30.5, 50.5]
+const point2 = [30.51, 50.49]
 const unit = 'miles'
 const lineString = {
   "type": "Feature",
@@ -46,15 +49,15 @@ cheapRuler.units.kilometers
 // -- Test cheapRuler --
 const ruler = cheapRuler(35.05)
 
-ruler.distance([30.5, 50.5], [30.51, 50.49])
-ruler.bearing([30.5, 50.5], [30.51, 50.49])
-ruler.destination([30.5, 50.5], 0.1, 90)
+ruler.distance(point1, point2)
+ruler.bearing(point1, point2)
+ruler.destination(point1, 0.1, 90)
 ruler.lineDistance(points)
 ruler.area(polygon)
 ruler.along(line, 2.5)
-ruler.pointOnLine(line, [-67.04, 50.5]).point
-ruler.lineSlice([-67.04, 50.5], [-67.05, 50.56], line)
+ruler.pointOnLine(line, point1).point
+ruler.lineSlice(point1, point2, line)
 ruler.lineSliceAlong(10, 20, line)
-ruler.bufferPoint([30.5, 50.5], 0.01)
-ruler.bufferBBox([30.5, 50.5, 31, 51], 0.2)
-ruler.insideBBox([30.5, 50.5], [30, 50, 31, 51])
\ No newline at end of file
+ruler.bufferPoint(point1, 0.01)
+ruler.bufferBBox(bbox, 0.2)
+ruler.insideBBox(point1, bbox)
\ No newline at end of file
diff --git a/cheap-ruler/cheap-ruler.d.ts b/cheap-ruler/cheap-ruler.d.ts
index 187b27ea82..91f417d490 100644
--- a/cheap-ruler/cheap-ruler.d.ts
+++ b/cheap-ruler/cheap-ruler.d.ts
@@ -4,6 +4,12 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare module "cheap-ruler" {
+    type BBox = [number, number, number, number] | number[]
+    type Point = [number, number] | number[]
+    type Line = Array<Point>
+    type Points = Array<Point>
+    type Polygon = Array<Array<Point>>
+
     interface TemplateUnits {
         kilometers: number
         miles: number
@@ -15,7 +21,7 @@ declare module "cheap-ruler" {
         inches: number
     }
     interface InterfacePointOnLine {
-        point: Array<number>
+        point: Point
         index: number
         t: number
     }
@@ -23,44 +29,44 @@ declare module "cheap-ruler" {
         /**
          * Given two points of the form [longitude, latitude], returns the distance.
          *
-         * @param {Array<number>} a point [longitude, latitude]
-         * @param {Array<number>} b point [longitude, latitude]
+         * @param {Point} a point [longitude, latitude]
+         * @param {Point} b point [longitude, latitude]
          * @returns {number} distance
          * @example
          * var distance = ruler.distance([30.5, 50.5], [30.51, 50.49]);
          * //=distance
          */
-        distance(a: Array<number>, b: Array<number>): number;
+        distance(a: Point, b: Point): number;
 
         /**
          * Returns the bearing between two points in angles.
          *
-         * @param {Array<number>} a point [longitude, latitude]
-         * @param {Array<number>} b point [longitude, latitude]
+         * @param {Point} a point [longitude, latitude]
+         * @param {Point} b point [longitude, latitude]
          * @returns {number} bearing
          * @example
          * var bearing = ruler.bearing([30.5, 50.5], [30.51, 50.49]);
          * //=bearing
          */
-        bearing(a: Array<number>, b: Array<number>): number;
+        bearing(a: Point, b: Point): number;
 
         /**
          * Returns a new point given distance and bearing from the starting point.
          *
-         * @param {Array<number>} p point [longitude, latitude]
+         * @param {Point} p point [longitude, latitude]
          * @param {number} dist distance
          * @param {number} bearing
-         * @returns {Array<number>} point [longitude, latitude]
+         * @returns {Point} point [longitude, latitude]
          * @example
          * var point = ruler.destination([30.5, 50.5], 0.1, 90);
          * //=point
          */
-        destination(p: Array<number>, dist: number, bearing: number): Array<number>;
+        destination(p: Point, dist: number, bearing: number): Point;
 
         /**
          * Given a line (an array of points), returns the total line distance.
          *
-         * @param {Array<Array<number>>} points [longitude, latitude]
+         * @param {Points} points [longitude, latitude]
          * @returns {number} total line distance
          * @example
          * var length = ruler.lineDistance([
@@ -69,12 +75,12 @@ declare module "cheap-ruler" {
          * ]);
          * //=length
          */
-        lineDistance(points: Array<Array<number>>): number;
+        lineDistance(points: Points): number;
 
         /**
          * Given a polygon (an array of rings, where each ring is an array of points), returns the area.
          *
-         * @param {Array<Array<Array<number>>>} polygon
+         * @param {Polygon} polygon
          * @returns {number} area value in the specified units (square kilometers by default)
          * @example
          * var area = ruler.area([[
@@ -83,94 +89,94 @@ declare module "cheap-ruler" {
          * ]]);
          * //=area
          */
-        area(polygon: Array<Array<Array<number>>>): number;
+        area(polygon: Polygon): number;
 
         /**
          * Returns the point at a specified distance along the line.
          *
-         * @param {Array<Array<number>>} line
+         * @param {Line} line
          * @param {number} dist distance
-         * @returns {Array<number>} point [longitude, latitude]
+         * @returns {Point} point [longitude, latitude]
          * @example
          * var point = ruler.along(line, 2.5);
          * //=point
          */
-        along(line: Array<Array<number>>, dist: number): Array<number>
+        along(line: Line, dist: number): Point
 
         /**
          * Returns an object of the form {point, index} where point is closest point on the line from the given point, and index is the start index of the segment with the closest point.
          *
          * @pointOnLine
-         * @param {Array<Array<number>>} line
-         * @param {Array<number>} p point [longitude, latitude]
+         * @param {Line} line
+         * @param {Point} p point [longitude, latitude]
          * @returns {Object} {point, index}
          * @example
          * var point = ruler.pointOnLine(line, [-67.04, 50.5]).point;
          * //=point
          */
-        pointOnLine(line: Array<Array<number>>, p: Array<number>): InterfacePointOnLine
+        pointOnLine(line: Line, p: Point): InterfacePointOnLine
 
         /**
          * Returns a part of the given line between the start and the stop points (or their closest points on the line).
          *
-         * @param {Array<number>} start point [longitude, latitude]
-         * @param {Array<number>} stop point [longitude, latitude]
-         * @param {Array<Array<number>>} line
-         * @returns {Array<Array<number>>} line part of a line
+         * @param {Point} start point [longitude, latitude]
+         * @param {Point} stop point [longitude, latitude]
+         * @param {Line} line
+         * @returns {Line} line part of a line
          * @example
          * var line2 = ruler.lineSlice([-67.04, 50.5], [-67.05, 50.56], line1);
          * //=line2
          */
-        lineSlice(start: Array<number>, stop: Array<number>, line: Array<Array<number>>): Array<Array<number>>
+        lineSlice(start: Point, stop: Point, line: Line): Line
 
         /**
          * Returns a part of the given line between the start and the stop points indicated by distance along the line.
          *
          * @param {number} start distance
          * @param {number} stop distance
-         * @param {Array<Array<number>>} line
-         * @returns {Array<Array<number>>} line part of a line
+         * @param {Line} line
+         * @returns {Line} line part of a line
          * @example
          * var line2 = ruler.lineSliceAlong(10, 20, line1);
          * //=line2
          */
-        lineSliceAlong(start: number, stop: number, line: Array<Array<number>>): Array<Array<number>>
+        lineSliceAlong(start: number, stop: number, line: Line): Line
 
         /**
          * Given a point, returns a bounding box object ([w, s, e, n]) created from the given point buffered by a given distance.
          *
-         * @param {Array<number>} p point [longitude, latitude]
+         * @param {Point} p point [longitude, latitude]
          * @param {number} buffer
-         * @returns {Array<number>} box object ([w, s, e, n])
+         * @returns {BBox} box object ([w, s, e, n])
          * @example
          * var bbox = ruler.bufferPoint([30.5, 50.5], 0.01);
          * //=bbox
          */
-        bufferPoint(p: Array<number>, buffer: number): Array<number>
+        bufferPoint(p: Point, buffer: number): BBox
 
         /**
          * Given a bounding box, returns the box buffered by a given distance.
          *
-         * @param {Array<number>} box object ([w, s, e, n])
+         * @param {BBox} box object ([w, s, e, n])
          * @param {number} buffer
-         * @returns {Array<number>} box object ([w, s, e, n])
+         * @returns {BBox} box object ([w, s, e, n])
          * @example
          * var bbox = ruler.bufferBBox([30.5, 50.5, 31, 51], 0.2);
          * //=bbox
          */
-        bufferBBox(bbox: Array<number>, buffer: number): Array<number>
+        bufferBBox(bbox: BBox, buffer: number): BBox
 
         /**
          * Returns true if the given point is inside in the given bounding box, otherwise false.
          *
-         * @param {Array<number>} p point [longitude, latitude]
-         * @param {Array<number>} box object ([w, s, e, n])
+         * @param {Point} p point [longitude, latitude]
+         * @param {Point} box object ([w, s, e, n])
          * @returns {boolean}
          * @example
          * var inside = ruler.insideBBox([30.5, 50.5], [30, 50, 31, 51]);
          * //=inside
          */
-        insideBBox(p: Array<number>, bbox: Array<number>): boolean
+        insideBBox(p: Point, bbox: BBox): boolean
     }
     /**
      * A collection of very fast approximations to common geodesic measurements. Useful for performance-sensitive code that measures things on a city scale.

From f3c98e74a04b199ca4c6acc6ceeec5691dc2cb70 Mon Sep 17 00:00:00 2001
From: Simon <simonxca@yahoo.ca>
Date: Thu, 29 Sep 2016 08:59:12 -0400
Subject: [PATCH 073/382] add interface for mongoose document optional
 properties

---
 mongoose/mongoose.d.ts | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/mongoose/mongoose.d.ts b/mongoose/mongoose.d.ts
index 631e9c9581..9e5600e696 100644
--- a/mongoose/mongoose.d.ts
+++ b/mongoose/mongoose.d.ts
@@ -715,7 +715,7 @@ declare module "mongoose" {
    * section document.js
    * http://mongoosejs.com/docs/api.html#document-js
    */
-  class MongooseDocument {
+  class MongooseDocument implements MongooseDocumentOptionals {
     /** Checks if a path is set to its default. */
     $isDefault(path?: string): boolean;
 
@@ -870,8 +870,6 @@ declare module "mongoose" {
 
     /** Hash containing current validation errors. */
     errors: Object;
-    /** The string version of this documents _id. */
-    id?: string;
     /** This documents _id. */
     _id: any;
     /** Boolean flag specifying if the document is new. */
@@ -880,6 +878,11 @@ declare module "mongoose" {
     schema: Schema;
   }
 
+  interface MongooseDocumentOptionals {
+    /** The string version of this documents _id. */
+    id?: string;
+  }
+
   interface DocumentToObjectOptions {
     /** apply all getters (path and virtual getters) */
     getters?: boolean;

From 2f74c100a1b567675c9cb374fc7039d5a5ce8f13 Mon Sep 17 00:00:00 2001
From: George Edwards <g.edwards@gas-sense.co.uk>
Date: Thu, 29 Sep 2016 16:17:37 +0100
Subject: [PATCH 074/382] optional constructor for RecurrenceRule

---
 node-schedule/node-schedule.d.ts | 56 ++++++++++++++++----------------
 1 file changed, 28 insertions(+), 28 deletions(-)

diff --git a/node-schedule/node-schedule.d.ts b/node-schedule/node-schedule.d.ts
index 5127eafb40..1b15f9c34c 100644
--- a/node-schedule/node-schedule.d.ts
+++ b/node-schedule/node-schedule.d.ts
@@ -13,7 +13,7 @@ declare module 'node-schedule' {
      * The callback executed by a Job
      */
     export interface JobCallback {
-        ():void;
+        (): void;
     }
 
     /**
@@ -25,7 +25,7 @@ declare module 'node-schedule' {
         /**
          * This Job's name. read-only.
          */
-        name:string;
+        name: string;
 
         /**
          * Use the function scheduleJob() to create new Job objects.
@@ -36,7 +36,7 @@ declare module 'node-schedule' {
          * @param {JobCallback|Function} job      either this Job's callback or an optional callback function
          * @param {Function}             callback optional callback that is executed right before the JobCallback
          */
-        constructor(name: string|JobCallback, job?: JobCallback|Function, callback?: Function);
+        constructor(name: string | JobCallback, job?: JobCallback | Function, callback?: Function);
 
         /**
          * Adds an Invocation to this job. For internal use.
@@ -44,7 +44,7 @@ declare module 'node-schedule' {
          * @param {Invocation} invokation
          * @return {boolean} whether the invocation could be added
          */
-        trackInvocation(invokation:Invocation):boolean;
+        trackInvocation(invokation: Invocation): boolean;
 
         /**
          * removes an Invocation from this Job's tracking list. For internal use.
@@ -52,69 +52,69 @@ declare module 'node-schedule' {
          * @param invocation {Invocation}
          * @return boolean whether the invocation was successful. Removing an Invocation that doesn't exist, returns false.
          */
-        stopTrackingInvocation(invocation:Invocation):boolean;
+        stopTrackingInvocation(invocation: Invocation): boolean;
 
         /**
          * @internal
          * @return {number} the number of currently running instances of this Job.
          */
-        triggeredJobs():number;
+        triggeredJobs(): number;
 
         /**
          * set the number of currently running Jobs.
          * @internal
          * @param triggeredJobs
          */
-        setTriggeredJobs(triggeredJobs:number):void;
+        setTriggeredJobs(triggeredJobs: number): void;
 
         /**
          * cancel all pending Invocations of this Job.
          * @param reschedule {boolean} whether to reschedule the canceled Invocations.
          */
-        cancel(reschedule?:boolean):boolean;
+        cancel(reschedule?: boolean): boolean;
 
         /**
          * cancel the next Invocation of this Job.
          * @param reschedule {boolean} whether to reschedule the canceled Invocation.
          * @return {boolean} whether cancelation was successful
          */
-        cancelNext(reschedule?:boolean):boolean;
+        cancelNext(reschedule?: boolean): boolean;
 
         /**
          * Changes the scheduling information for this Job.
          * @param spec {RecurrenceRule|string|number} the
          * @return {boolean} whether the reschedule was successful
          */
-        reschedule(spec:RecurrenceRule|string|number):boolean;
+        reschedule(spec: RecurrenceRule | string | number): boolean;
 
         /**
          * Returns the Date on which this Job will be run next.
          * @return {Date}
          */
-        nextInvocation():Date;
+        nextInvocation(): Date;
 
         /**
          * @return Invocation[] a list of all pending Invocations
          */
-        pendingInvocations():Invocation[];
+        pendingInvocations(): Invocation[];
 
         /**
          * run this Job immediately.
          */
-        invoke():void;
+        invoke(): void;
 
         /**
          * schedule this Job to be run on the specified date.
          * @param date {Date}
          */
-        runOnDate(date:Date): void;
+        runOnDate(date: Date): void;
 
         /**
          * set scheduling information
          * @param {Date|string|number} date
          * @public
          */
-        schedule(date: Date|string|number): boolean;
+        schedule(date: Date | string | number): boolean;
     }
 
     /**
@@ -160,7 +160,7 @@ declare module 'node-schedule' {
          * @public
          * @type {number|Array<number|Range>}
          */
-        dayOfWeek: number|Array<number|Range>;
+        dayOfWeek: number | Array<number | Range>;
 
         /**
          * Hour.
@@ -202,15 +202,15 @@ declare module 'node-schedule' {
          */
         year: number;
 
-        constructor(year:number,
-                    month:number,
-                    date:number,
-                    dayOfWeek:number|Array<number|Range>,
-                    hour:number,
-                    minute:number,
-                    second:number);
+        constructor(year?: number,
+            month?: number,
+            date?: number,
+            dayOfWeek?: number | Array<number | Range>,
+            hour?: number,
+            minute?: number,
+            second?: number);
 
-        nextInvocationDate(base:Date):Date;
+        nextInvocationDate(base: Date): Date;
     }
 
     /**
@@ -269,7 +269,7 @@ declare module 'node-schedule' {
      * @param {RecurrenceRule|Date|string} rule     either the scheduling info or the JobCallback
      * @param {JobCallback}                callback The callback to be executed on each invocation.
      */
-    export function scheduleJob(name:string|RecurrenceRule|Date, rule: RecurrenceRule|Date|string|JobCallback, callback?: JobCallback): Job;
+    export function scheduleJob(name: string | RecurrenceRule | Date, rule: RecurrenceRule | Date | string | JobCallback, callback?: JobCallback): Job;
 
     /**
      * Changes the timing of a Job, canceling all pending invocations.
@@ -278,12 +278,12 @@ declare module 'node-schedule' {
      * @param spec {JobCallback} the new timing for this Job
      * @return {Job} if the job could be rescheduled, {null} otherwise.
      */
-    export function rescheduleJob(job:Job|string, spec:RecurrenceRule|Date|string):Job;
+    export function rescheduleJob(job: Job | string, spec: RecurrenceRule | Date | string): Job;
 
     /**
      * Dictionary of all Jobs, accessible by name.
      */
-    export let scheduledJobs:{[jobName:string]:Job};
+    export let scheduledJobs: { [jobName: string]: Job };
 
     /**
      * Cancels the job.
@@ -291,5 +291,5 @@ declare module 'node-schedule' {
      * @param {Job} job The job.
      * @returns {boolean} {true} if the job has been cancelled with success, otherwise, {false}.
      */
-    export function cancelJob(job: Job|string): boolean;
+    export function cancelJob(job: Job | string): boolean;
 }

From dee341230c59586a132f045eee7eefbdd88ca542 Mon Sep 17 00:00:00 2001
From: unHealthy <zhutian.chen@outlook.com>
Date: Thu, 29 Sep 2016 23:14:43 +0800
Subject: [PATCH 075/382] fix the framework type

---
 passport/passport-tests.ts | 55 +++++++++++++++++++++++++-------------
 passport/passport.d.ts     | 12 ++++++---
 2 files changed, 45 insertions(+), 22 deletions(-)

diff --git a/passport/passport-tests.ts b/passport/passport-tests.ts
index 423d925b4c..8b02c96c76 100644
--- a/passport/passport-tests.ts
+++ b/passport/passport-tests.ts
@@ -7,19 +7,34 @@ import passport = require('passport');
 
 class TestStrategy implements passport.Strategy {
   public name: string = 'test';
-  constructor() {}
-  authenticate(req: express.Request) {}
+  constructor() { }
+  authenticate(req: express.Request) { }
 }
 
+const newFramework:passport.Framework = {
+  initialize: function () {
+    return function () { };
+  },
+  authenticate: function (passport, name, options) {
+    return function () {
+      return 'authenticate(): ' + name + ' ' + options;
+    };
+  },
+  authorize: function (passport, name, options) {
+    return function () {
+      return 'authorize(): ' + name + ' ' + options;
+    }
+  }
+};
 passport.use(new TestStrategy());
-passport.framework('test');
-passport.serializeUser((user, done) => {});
-passport.deserializeUser((id, done) => {});
+passport.framework(newFramework);
+passport.serializeUser((user, done) => { });
+passport.deserializeUser((id, done) => { });
 
 passport.use(new TestStrategy())
   .unuse('test')
   .use(new TestStrategy())
-  .framework('test-fw');
+  .framework(newFramework);
 
 
 var app = express();
@@ -28,27 +43,27 @@ app.configure(() => {
   app.use(passport.session());
 });
 
-app.post('/login', 
+app.post('/login',
   passport.authenticate('local', { failureRedirect: '/login', failureFlash: true }),
-  function(req, res) {
+  function (req, res) {
     res.redirect('/');
   });
 
-app.post('/login', function(req, res, next) {
-  passport.authenticate('local', function(err: any, user: { username: string; }, info: { message: string; }) {
+app.post('/login', function (req, res, next) {
+  passport.authenticate('local', function (err: any, user: { username: string; }, info: { message: string; }) {
     if (err) { return next(err) }
     if (!user) {
       req.session['error'] = info.message;
       return res.redirect('/login')
     }
-    req.logIn(user, function(err) {
+    req.logIn(user, function (err) {
       if (err) { return next(err); }
       return res.redirect('/users/' + user.username);
     });
   })(req, res, next);
 });
 
-app.get('/logout', function(req, res) {
+app.get('/logout', function (req, res) {
   req.logout();
   res.redirect('/');
 });
@@ -66,20 +81,22 @@ function authSetting(): void {
   };
 
   app.get('/auth/facebook',
-      passport.authenticate('facebook'));
+    passport.authenticate('facebook'));
   app.get('/auth/facebook/callback',
-      passport.authenticate('facebook', authOption), successCallback);
+    passport.authenticate('facebook', authOption), successCallback);
 
   app.get('/auth/twitter',
-      passport.authenticate('twitter'));
+    passport.authenticate('twitter'));
   app.get('/auth/twitter/callback',
-      passport.authenticate('twitter', authOption));
+    passport.authenticate('twitter', authOption));
 
   app.get('/auth/google',
-      passport.authenticate('google', { scope:
-        [ 'https://www.googleapis.com/auth/userinfo.profile' ] }));
+    passport.authenticate('google', {
+      scope:
+      ['https://www.googleapis.com/auth/userinfo.profile']
+    }));
   app.get('/auth/google/callback',
-      passport.authenticate('google', authOption), successCallback);
+    passport.authenticate('google', authOption), successCallback);
 
 }
 
diff --git a/passport/passport.d.ts b/passport/passport.d.ts
index 470c0dc79c..3723176970 100644
--- a/passport/passport.d.ts
+++ b/passport/passport.d.ts
@@ -30,7 +30,7 @@ declare module 'passport' {
     function use(strategy: Strategy): Passport;
     function use(name: string, strategy: Strategy): Passport;
     function unuse(name: string): Passport;
-    function framework(fw: string): Passport;
+    function framework(fw: Framework): Passport;
     function initialize(options?: { userProperty: string; }): express.Handler;
     function session(options?: { pauseStream: boolean; }): express.Handler;
 
@@ -50,7 +50,7 @@ declare module 'passport' {
         use(strategy: Strategy): Passport;
         use(name: string, strategy: Strategy): Passport;
         unuse(name: string): Passport;
-        framework(fw: string): Passport;
+        framework(fw: Framework): Passport;
         initialize(options?: { userProperty: string; }): express.Handler;
         session(options?: { pauseStream: boolean; }): express.Handler;
 
@@ -76,7 +76,7 @@ declare module 'passport' {
         provider: string;
         id: string;
         displayName: string;
-        name? : {
+        name?: {
             familyName: string;
             givenName: string;
             middleName?: string;
@@ -89,4 +89,10 @@ declare module 'passport' {
             value: string;
         }[];
     }
+
+    interface Framework {
+        initialize(): Function;
+        authenticate(passport: Passport, name: string, options?: Object):Function;
+        authorize(passport: Passport, name: string, options?: Object):Function;
+    }
 }

From 6a78378d1722551c35ba0584261963b572b288cd Mon Sep 17 00:00:00 2001
From: unHealthy <zhutian.chen@outlook.com>
Date: Thu, 29 Sep 2016 23:47:32 +0800
Subject: [PATCH 076/382] add parameter support in initialize()

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

diff --git a/passport/passport.d.ts b/passport/passport.d.ts
index 3723176970..6c3e755974 100644
--- a/passport/passport.d.ts
+++ b/passport/passport.d.ts
@@ -91,8 +91,8 @@ declare module 'passport' {
     }
 
     interface Framework {
-        initialize(): Function;
-        authenticate(passport: Passport, name: string, options?: Object):Function;
-        authorize(passport: Passport, name: string, options?: Object):Function;
+        initialize(passport: Passport, options?: Object): Function;
+        authenticate(passport: Passport, name: string, options?: Object): Function;
+        authorize(passport: Passport, name: string, options?: Object): Function;
     }
 }

From 30e0200d506cd785c971680d80bc8eb11b296b49 Mon Sep 17 00:00:00 2001
From: unHealthy <zhutian.chen@outlook.com>
Date: Thu, 29 Sep 2016 23:50:04 +0800
Subject: [PATCH 077/382] add callback parameter

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

diff --git a/passport/passport.d.ts b/passport/passport.d.ts
index 6c3e755974..536cb27d3b 100644
--- a/passport/passport.d.ts
+++ b/passport/passport.d.ts
@@ -92,7 +92,7 @@ declare module 'passport' {
 
     interface Framework {
         initialize(passport: Passport, options?: Object): Function;
-        authenticate(passport: Passport, name: string, options?: Object): Function;
-        authorize(passport: Passport, name: string, options?: Object): Function;
+        authenticate(passport: Passport, name: string, options?: Object, callback?: Function): Function;
+        authorize(passport: Passport, name: string, options?: Object, callback?: Function): Function;
     }
 }

From c8a69b0b0c71cc00d4ada94a4420fb037b3cc9cd Mon Sep 17 00:00:00 2001
From: dan-def <dan-def@users.noreply.github.com>
Date: Thu, 29 Sep 2016 17:29:22 +0100
Subject: [PATCH 078/382] Added promise() to the JQueryPromise<T> interface

jQuery allows calling a promise() function on a Promise object. Updated the interface to reflect this.
---
 jquery/jquery.d.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/jquery/jquery.d.ts b/jquery/jquery.d.ts
index b08598cc53..f8af62caba 100644
--- a/jquery/jquery.d.ts
+++ b/jquery/jquery.d.ts
@@ -344,6 +344,13 @@ interface JQueryPromise<T> extends JQueryGenericPromise<T> {
 
     // Deprecated - given no typings
     pipe(doneFilter?: (x: any) => any, failFilter?: (x: any) => any, progressFilter?: (x: any) => any): JQueryPromise<any>;
+    
+    /**
+     * Return a Deferred's Promise object.
+     * 
+     * @param target Object onto which the promise methods have to be attached
+     */
+    promise(target?: any): JQueryPromise<T>;
 }
 
 /**

From 819954b127f4aa5abfad43965270858a0ec5ea93 Mon Sep 17 00:00:00 2001
From: unHealthy <zhutian.chen@outlook.com>
Date: Fri, 30 Sep 2016 02:10:29 +0800
Subject: [PATCH 079/382] optional authorize

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

diff --git a/passport/passport.d.ts b/passport/passport.d.ts
index 536cb27d3b..088156b2d3 100644
--- a/passport/passport.d.ts
+++ b/passport/passport.d.ts
@@ -93,6 +93,6 @@ declare module 'passport' {
     interface Framework {
         initialize(passport: Passport, options?: Object): Function;
         authenticate(passport: Passport, name: string, options?: Object, callback?: Function): Function;
-        authorize(passport: Passport, name: string, options?: Object, callback?: Function): Function;
+        authorize?(passport: Passport, name: string, options?: Object, callback?: Function): Function;
     }
 }

From 71ae898a05164dc2a583ab75541ee67bee697b1d Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Thu, 29 Sep 2016 22:56:24 +0300
Subject: [PATCH 080/382] add contains fn

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

diff --git a/ip/ip.d.ts b/ip/ip.d.ts
index 0542ae0785..1c00f1320e 100644
--- a/ip/ip.d.ts
+++ b/ip/ip.d.ts
@@ -14,6 +14,7 @@ interface SubnetInfo {
     subnetMaskLength: number;
     numHosts: number;
     length: number;
+    contains(ip: string): boolean;
 }
 
 declare module "ip" {
@@ -112,4 +113,4 @@ declare module "ip" {
      * @param cidr CIDR address.
      */
     export function cidrSubnet(cidr: string): SubnetInfo;
-}
\ No newline at end of file
+}

From 43d17ebbfe625e339cdf4b30dcca5dc2cef51292 Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Thu, 29 Sep 2016 22:57:17 +0300
Subject: [PATCH 081/382] Update ip-tests.ts

---
 ip/ip-tests.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ip/ip-tests.ts b/ip/ip-tests.ts
index 338c2bc040..3210871ee0 100644
--- a/ip/ip-tests.ts
+++ b/ip/ip-tests.ts
@@ -19,3 +19,4 @@ var buff:any = ip.toBuffer(myIP);
 ip.toString(buff);
 ip.subnet('192.168.1.134', '255.255.255.192');
 ip.cidrSubnet('192.168.1.134/26');
+ip.cidrSubnet('192.168.1.134/26').contains('192.168.1.134');

From c4e9d77c1899652d9ed320f35ccd85bd7b6f5e29 Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Thu, 29 Sep 2016 23:48:42 +0300
Subject: [PATCH 082/382] add id

---
 express-session/express-session.d.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/express-session/express-session.d.ts b/express-session/express-session.d.ts
index 90e1ed07cc..0320ff1aed 100644
--- a/express-session/express-session.d.ts
+++ b/express-session/express-session.d.ts
@@ -10,11 +10,14 @@ declare namespace Express {
 
   export interface Request {
     session?: Session;
+    readonly sessionId: string;
   }
 
   export interface Session {
     [key: string]: any;
 
+    readonly id: string;
+
     regenerate: (callback: (err: any) => void) => void;
     destroy: (callback: (err: any) => void) => void;
     reload: (callback: (err: any) => void) => void;

From 9c8c07801e8c65631d9dc563d3ef1604ac009d4d Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Fri, 30 Sep 2016 00:00:15 +0300
Subject: [PATCH 083/382] remove readonly

---
 express-session/express-session.d.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/express-session/express-session.d.ts b/express-session/express-session.d.ts
index 0320ff1aed..c685c8a1bb 100644
--- a/express-session/express-session.d.ts
+++ b/express-session/express-session.d.ts
@@ -10,13 +10,12 @@ declare namespace Express {
 
   export interface Request {
     session?: Session;
-    readonly sessionId: string;
+    sessionId?: string;
   }
 
   export interface Session {
     [key: string]: any;
-
-    readonly id: string;
+    id: string;
 
     regenerate: (callback: (err: any) => void) => void;
     destroy: (callback: (err: any) => void) => void;

From 5a0b946a42315f58b3f5fdd3de6dc70e9f24cfea Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Fri, 30 Sep 2016 01:16:45 +0300
Subject: [PATCH 084/382] add touch after

---
 connect-mongo/connect-mongo.d.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/connect-mongo/connect-mongo.d.ts b/connect-mongo/connect-mongo.d.ts
index 49f93e2d46..7c779e2d07 100644
--- a/connect-mongo/connect-mongo.d.ts
+++ b/connect-mongo/connect-mongo.d.ts
@@ -78,6 +78,12 @@ declare module "connect-mongo" {
              * (Default: 10)
              */
             autoRemoveInterval?: number;
+        
+        
+            /**
+             * don't save session if unmodified
+             */
+            touchAfter?: number;
         }
 
         export interface MongoUrlOptions extends DefaultOptions {

From 30b38b4e5a16967e9f4c07b4be5da58c04213700 Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Fri, 30 Sep 2016 06:49:17 +0300
Subject: [PATCH 085/382] fix typo

---
 express-session/express-session.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/express-session/express-session.d.ts b/express-session/express-session.d.ts
index c685c8a1bb..9af409ddc5 100644
--- a/express-session/express-session.d.ts
+++ b/express-session/express-session.d.ts
@@ -10,7 +10,7 @@ declare namespace Express {
 
   export interface Request {
     session?: Session;
-    sessionId?: string;
+    sessionID?: string;
   }
 
   export interface Session {

From 10940d2b423df0e8f5d32402dddea000fb492a1c Mon Sep 17 00:00:00 2001
From: dan-def <dan-def@users.noreply.github.com>
Date: Fri, 30 Sep 2016 08:49:00 +0100
Subject: [PATCH 086/382] Added tests for the promise() method on jqXHR

Ensures that the jqXHR object exposes a standard promise because it implements the JQueryPromise<T> interface.
---
 jquery/jquery-tests.ts | 44 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/jquery/jquery-tests.ts b/jquery/jquery-tests.ts
index d031535184..c5ee51df15 100644
--- a/jquery/jquery-tests.ts
+++ b/jquery/jquery-tests.ts
@@ -209,6 +209,50 @@ function test_ajax() {
         url: "test.js"
     });
     jqXHR.abort('aborting because I can');
+	
+    //Test the promise exposed by the jqXHR object
+	
+    // done method
+    $.ajax({
+        url: "test.js"
+    }).promise().done((data, textStatus, jqXHR) => {
+        console.log(data, textStatus, jqXHR);
+    });
+
+    // fail method
+    $.ajax({
+        url: "test.js"
+    }).promise().fail((jqXHR, textStatus, errorThrown) => {
+        console.log(jqXHR, textStatus, errorThrown);
+    });
+
+    // always method with successful request
+    $.ajax({
+        url: "test.js"
+    }).promise().always((data, textStatus, jqXHR) => {
+        console.log(data, textStatus, jqXHR);
+    });
+
+    // always method with failed request
+    $.ajax({
+        url: "test.js"
+    }).promise().always((jqXHR, textStatus, errorThrown) => {
+        console.log(jqXHR, textStatus, errorThrown);
+    });
+	
+    // then method (as of 1.8)
+    $.ajax({
+        url: "test.js"
+    }).promise().then((data, textStatus, jqXHR) => {
+        console.log(data, textStatus, jqXHR);
+    }, (jqXHR, textStatus, errorThrown) => {
+        console.log(jqXHR, textStatus, errorThrown);
+    });
+
+    // generic then method
+    var p: JQueryPromise<number> = $.ajax({ url: "test.js" }).promise()
+        .then(() => "Hello")
+        .then((x) => x.length);	
 }
 
 function test_ajaxComplete() {

From 62566b86d7e7f23ab88cd3ec8ede5448c57b94c0 Mon Sep 17 00:00:00 2001
From: JulienBourgain <julien.bourgain@zenika.com>
Date: Fri, 30 Sep 2016 14:05:41 +0200
Subject: [PATCH 087/382] angular-dynamic-local Add "storageKey" definition
 (#11566)

Add "storageKey" definition

cf : https://github.com/lgalfaso/angular-dynamic-locale/blob/master/src/tmhDynamicLocale.js#L197
---
 angular-dynamic-locale/angular-dynamic-locale.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/angular-dynamic-locale/angular-dynamic-locale.d.ts b/angular-dynamic-locale/angular-dynamic-locale.d.ts
index 4b7a1f9656..210a50f4aa 100644
--- a/angular-dynamic-locale/angular-dynamic-locale.d.ts
+++ b/angular-dynamic-locale/angular-dynamic-locale.d.ts
@@ -20,6 +20,7 @@ declare namespace angular.dynamicLocale {
 	interface tmhDynamicLocaleProvider extends angular.IServiceProvider {
 		localeLocationPattern(location: string): tmhDynamicLocaleProvider;
 		localeLocationPattern(): string;
+		storageKey(storageKey: string): void;
 		useStorage(storageName: string): void;
 		useCookieStorage(): void;
 	}

From 67205ae0907a7bd1e9e11259c6c18abb0d71e8b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niko=20Kova=C4=8Di=C4=8D?= <niko.kovacic2@gmail.com>
Date: Fri, 30 Sep 2016 14:05:53 +0200
Subject: [PATCH 088/382] Added declare module for easier including. (#11562)

---
 angular-signalr-hub/angular-signalr-hub-tests.ts | 2 +-
 angular-signalr-hub/angular-signalr-hub.d.ts     | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/angular-signalr-hub/angular-signalr-hub-tests.ts b/angular-signalr-hub/angular-signalr-hub-tests.ts
index d20457bcdc..1e7c90c962 100644
--- a/angular-signalr-hub/angular-signalr-hub-tests.ts
+++ b/angular-signalr-hub/angular-signalr-hub-tests.ts
@@ -1,5 +1,5 @@
-/// <reference path='angular-signalr-hub.d.ts' />
 /// <reference path='../angularjs/angular.d.ts' />
+/// <reference path='angular-signalr-hub.d.ts' />
 
 angular
     .module('app', ['SignalR'])
diff --git a/angular-signalr-hub/angular-signalr-hub.d.ts b/angular-signalr-hub/angular-signalr-hub.d.ts
index 03fa6427eb..8d331ffd75 100644
--- a/angular-signalr-hub/angular-signalr-hub.d.ts
+++ b/angular-signalr-hub/angular-signalr-hub.d.ts
@@ -3,8 +3,14 @@
 // Definitions by: Adam Santaniello <https://github.com/AdamSantaniello>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+/// <reference path='../angularjs/angular.d.ts' />
 /// <reference path='../signalr/signalr.d.ts' />
 
+declare module "angular-signalr-hub" {
+    let _: string;
+    export = _;
+}
+
 declare namespace ngSignalr {
     interface HubFactory {
         /**

From 96e0dfcf7c1d7328eb9c3c1a210358fd2c6086f9 Mon Sep 17 00:00:00 2001
From: iskandersierra <iskander.sierra@gmail.com>
Date: Fri, 30 Sep 2016 14:07:58 +0200
Subject: [PATCH 089/382] Adding recompose@0.20.2 typings (#11577)

* Added typings for change-emitter@0.1.2

* Adding recompose@0.20.2 typings
---
 recompose/recompose-tests.tsx | 171 +++++++++++++++++
 recompose/recompose.d.ts      | 334 ++++++++++++++++++++++++++++++++++
 2 files changed, 505 insertions(+)
 create mode 100644 recompose/recompose-tests.tsx
 create mode 100644 recompose/recompose.d.ts

diff --git a/recompose/recompose-tests.tsx b/recompose/recompose-tests.tsx
new file mode 100644
index 0000000000..714ce83d66
--- /dev/null
+++ b/recompose/recompose-tests.tsx
@@ -0,0 +1,171 @@
+///<reference path='recompose.d.ts' />
+
+import * as React from "react";
+import {
+    Component,
+    // Higher-order components
+    mapProps, withProps, withPropsOnChange, withHandlers,
+    defaultProps, renameProp, renameProps, flattenProp,
+    withState, withReducer, branch, renderComponent,
+    renderNothing, shouldUpdate, pure, onlyUpdateForKeys,
+    onlyUpdateForPropTypes, withContext, getContext,
+    lifecycle, toClass,
+    // Static property helpers
+    setStatic, setPropTypes, setDisplayName,
+    // Utilities
+    compose, getDisplayName, wrapDisplayName, shallowEqual,
+    isClassComponent, createEagerElement, createEagerFactory,
+    createSink, componentFromProp, nest, hoistStatics,
+    // Observable utilities
+    componentFromStream, mapPropsStream, createEventHandler,
+    setObservableConfig,
+} from "recompose";
+import rxjsconfig from "recompose/rxjsObservableConfig";
+import rxjs4config from "recompose/rxjs4ObservableConfig";
+import mostConfig from "recompose/mostObservableConfig";
+import xstreamConfig from "recompose/xstreamObservableConfig";
+import baconConfig from "recompose/baconObservableConfig";
+import kefirConfig from "recompose/kefirObservableConfig";
+
+function testMapProps() {
+    interface InnerProps { inn: number }
+    interface OutterProps { out: string }
+    const innerComponent = ({inn}: InnerProps) => <div>{inn}</div>;
+
+    const enhancer = mapProps((props: OutterProps) => ({ inn: 123 } as InnerProps));
+    const enhanced: React.ComponentClass<OutterProps> = enhancer(innerComponent);
+}
+
+function testWithProps() {
+    interface InnerProps { inn: number }
+    interface OutterProps { out: string }
+    const innerComponent = ({inn}: InnerProps) => <div>{inn}</div>;
+
+    const enhancer = withProps((props: OutterProps) => ({ inn: 123 } as InnerProps));
+    const enhanced: React.ComponentClass<OutterProps> = enhancer(innerComponent);
+
+    const enhancer2 = withProps<InnerProps, OutterProps>({ inn: 123 } as InnerProps);
+    const enhanced2: React.ComponentClass<OutterProps> = enhancer2(innerComponent);
+}
+
+function testWithPropsOnChange() {
+    interface InnerProps { inn: number }
+    interface OutterProps { out: string }
+    const innerComponent = ({inn}: InnerProps) => <div>{inn}</div>;
+
+    const enhancer = withPropsOnChange(
+      (props: OutterProps, nextProps: OutterProps) => true,
+      (props: OutterProps) => ({ inn: 123 } as InnerProps));
+    const enhanced: React.ComponentClass<OutterProps> = enhancer(innerComponent);
+
+    const enhancer2 = withPropsOnChange(
+      [ "out" ],
+      (props: OutterProps) => ({ inn: 123 } as InnerProps));
+    const enhanced2: React.ComponentClass<OutterProps> = enhancer2(innerComponent);
+}
+
+function testWithHandlers() {
+    interface InnerProps { onSubmit: Function; onChange: Function; }
+    interface OutterProps { out: string }
+    const innerComponent = ({onChange, onSubmit}: InnerProps) =>
+      <div onClick={onSubmit}></div>;
+
+    const enhancer = withHandlers({
+      onChange: (props: OutterProps) => (e: any) => {},
+      onSubmit: (props: OutterProps) => (e: any) => {},
+    });
+    const enhanced: React.ComponentClass<OutterProps> = enhancer(innerComponent);
+}
+
+function testDefaultProps() {
+    interface Props { a?: string; b?: number; }
+    const innerComponent = ({a, b}: Props) => <div>{a}, {b}</div>;
+
+    const enhancer = defaultProps({ a: "answer", b: 42 });
+    const enhanced: React.StatelessComponent<Props> = enhancer(innerComponent);
+}
+
+function testRenameProp() {
+    interface InnerProps { c: string; b: number; }
+    interface OutterProps { a: string; b: number; }
+    const innerComponent: React.StatelessComponent<InnerProps> = ({c, b}: InnerProps) => <div>{c}, {b}</div>;
+
+    const enhancer = renameProp("a", "c");
+    const enhanced: React.ComponentClass<OutterProps> = enhancer(innerComponent);
+}
+
+function testRenameProps() {
+    interface InnerProps { c: string; d: number; }
+    interface OutterProps { a: string; b: number; }
+    const innerComponent: React.StatelessComponent<InnerProps> = ({c, d}: InnerProps) => <div>{c}, {d}</div>;
+
+    const enhancer = renameProps({ a:"c", b: "d" });
+    const enhanced: React.ComponentClass<OutterProps> = enhancer(innerComponent);
+}
+
+function testFlattenProp() {
+    interface InnerProps { a: string; b: string; y: {c: string; d: number;} }
+    interface OutterProps { x: {a: string; b: number;}; y: {c: string; d: number;} }
+    const innerComponent: React.StatelessComponent<InnerProps> = (props: InnerProps) => <div></div>;
+
+    const enhancer = flattenProp("x");
+    const enhanced: React.ComponentClass<OutterProps> = enhancer(innerComponent);
+}
+
+function testWithState() {
+    interface InnerProps { count: number; setCount: (count: number) => void }
+    interface OutterProps { title: string }
+    const innerComponent: React.StatelessComponent<OutterProps & InnerProps> = (props) =>
+      <div onClick={() => props.setCount(0)}></div>;
+
+    const enhancer = withState<OutterProps>("count", "setCount", 0);
+    const enhanced: React.ComponentClass<OutterProps> = enhancer(innerComponent);
+
+    const enhancer2 = withState<OutterProps>("count", "setCount",
+      (p: OutterProps) => p.title.length);
+    const enhanced2: React.ComponentClass<OutterProps> = enhancer2(innerComponent);
+}
+
+function testWithReducer() {
+    interface State { count: number }
+    interface Action { type: string }
+    interface InnerProps { title: string; count: number; dispatch: (a: Action) => void; }
+    interface OutterProps { title: string; }
+    const innerComponent: React.StatelessComponent<InnerProps> = (props: InnerProps) =>
+      <div onClick={() => props.dispatch({type: "INCREMENT"})}></div>;
+
+    const enhancer = withReducer("count", "dispatch",
+      (s: number, a: Action) => s + 1, 0);
+    const enhanced: React.ComponentClass<OutterProps> = enhancer(innerComponent);
+
+    const enhancer2 = withReducer("count", "dispatch",
+      (s: number, a: Action) => s + 1,
+      (props: OutterProps) => props.title.length);
+    const enhanced2: React.ComponentClass<OutterProps> = enhancer2(innerComponent);
+}
+
+function testBranch() {
+    interface InnerProps { count: number; update: () => void; }
+    interface OutterProps { toggled: boolean }
+
+    const innerComponent: React.StatelessComponent<InnerProps> = (props: InnerProps) =>
+      <div onClick={() => props.update()}>{props.count}</div>;
+
+    const enhancer = branch(
+      (props: OutterProps) => props.toggled,
+      withState("count", "update", 0),
+      withState("count", "update", 100)
+    );
+    const enhanced: React.ComponentClass<OutterProps> = enhancer(innerComponent);
+}
+
+function testRenderComponent() {
+    interface InnerProps { count: number; update: () => void; }
+    interface OutterProps { toggled: boolean }
+
+    const innerComponent = () => <div>Hello</div>;
+
+    const enhancer = renderComponent(() => <span>Nop!</span>);
+    const enhanced: React.ComponentClass<OutterProps> = enhancer(innerComponent);
+}
+
diff --git a/recompose/recompose.d.ts b/recompose/recompose.d.ts
new file mode 100644
index 0000000000..cef352dc7c
--- /dev/null
+++ b/recompose/recompose.d.ts
@@ -0,0 +1,334 @@
+// Type definitions for Recompose v0.20.2
+// Project: https://github.com/acdlite/recompose
+// Definitions by: Iskander Sierra <https://github.com/iskandersierra>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+///<reference path='../react/react.d.ts' />
+
+declare module 'recompose' {
+
+    import * as React from 'react';
+    import { ComponentClass, StatelessComponent, ValidationMap } from 'react';
+
+    type Component<P> = ComponentClass<P> | StatelessComponent<P>;
+    type mapper<TInner, TOutter> = (input: TInner) => TOutter;
+    type predicate<T> = mapper<T, boolean>;
+    type predicateDiff<T> = (current: T, next: T) => boolean
+    interface Subscribable<T> {
+        subscribe: Function;
+    }
+
+    interface ComponentEnhancer<TInner, TOutter> {
+        (component: Component<TInner>): ComponentClass<TOutter>;
+    }
+    interface InferableComponentEnhancer {
+        <P, TComp extends (Component<P>)>(component: TComp): TComp;
+    }
+
+
+    // Higher-order components: https://github.com/acdlite/recompose/blob/master/docs/API.md#higher-order-components
+
+    // mapProps: https://github.com/acdlite/recompose/blob/master/docs/API.md#mapprops
+    export function mapProps<TInner, TOutter>(
+        propsMapper: mapper<TOutter, TInner>
+    ): ComponentEnhancer<TInner, TOutter>;
+
+    // withProps: https://github.com/acdlite/recompose/blob/master/docs/API.md#withprops
+    export function withProps<TInner, TOutter>(
+        createProps: TInner | mapper<TOutter, TInner>
+    ): ComponentEnhancer<TInner & TOutter, TOutter>;
+
+    // withPropsOnChange: https://github.com/acdlite/recompose/blob/master/docs/API.md#withpropsonchange
+    export function withPropsOnChange<TInner, TOutter>(
+        shouldMapOrKeys: string[] | predicateDiff<TOutter>,
+        createProps: mapper<TOutter, TInner>
+    ): ComponentEnhancer<TInner & TOutter, TOutter>;
+
+    // withHandlers: https://github.com/acdlite/recompose/blob/master/docs/API.md#withhandlers
+    type EventHandler = Function;
+    type HandleCreators<TOutter> = {
+        [handlerName: string]: mapper<TOutter, EventHandler>;
+    };
+    export function withHandlers<TInner, TOutter>(
+        handlerCreators: HandleCreators<TOutter>
+    ): ComponentEnhancer<TInner, TOutter>;
+
+    // defaultProps: https://github.com/acdlite/recompose/blob/master/docs/API.md#defaultprops
+    export function defaultProps(
+        props: Object
+    ): InferableComponentEnhancer;
+
+    // renameProp: https://github.com/acdlite/recompose/blob/master/docs/API.md#renameProp
+    export function renameProp(
+        outterName: string, innerName: string
+    ): ComponentEnhancer<any, any>;
+
+    // renameProps: https://github.com/acdlite/recompose/blob/master/docs/API.md#renameProps
+    type NameMap = {
+        [outterName: string]: string;
+    };
+    export function renameProps(
+        nameMap: NameMap
+    ): ComponentEnhancer<any, any>;
+
+    // flattenProp: https://github.com/acdlite/recompose/blob/master/docs/API.md#flattenProp
+    export function flattenProp(
+        propName: string
+    ): ComponentEnhancer<any, any>;
+
+    // withState: https://github.com/acdlite/recompose/blob/master/docs/API.md#withState
+    export function withState<TOutter>(
+        stateName: string,
+        stateUpdaterName: string,
+        initialState: any | mapper<TOutter, any>
+    ): ComponentEnhancer<TOutter /*& { [stateName]: any; [stateUpdaterName]: (s: any) => void }*/, TOutter>;
+
+    // withReducer: https://github.com/acdlite/recompose/blob/master/docs/API.md#withReducer
+    type reducer<TState, TAction> = (s: TState, a: TAction) => TState;
+    export function withReducer<TState, TAction>(
+        stateName: string,
+        dispatchName: string,
+        reducer: reducer<TState, TAction>,
+        initialState: TState
+    ): ComponentEnhancer<any, any>;
+    export function withReducer<TOutter, TState, TAction>(
+        stateName: string,
+        dispatchName: string,
+        reducer: reducer<TState, TAction>,
+        initialState: (props: TOutter) => TState
+    ): ComponentEnhancer<any, TOutter>;
+
+    // branch: https://github.com/acdlite/recompose/blob/master/docs/API.md#branch
+    export function branch<TOutter>(
+        test: predicate<TOutter>,
+        trueEnhancer: InferableComponentEnhancer,
+        falseEnhancer: InferableComponentEnhancer
+    ): ComponentEnhancer<any, TOutter>;
+
+    // renderComponent: https://github.com/acdlite/recompose/blob/master/docs/API.md#renderComponent
+    export function renderComponent(
+        component: string | Component<any>
+    ): ComponentEnhancer<any, any>;
+
+    // renderNothing: https://github.com/acdlite/recompose/blob/master/docs/API.md#renderNothing
+    export const renderNothing: InferableComponentEnhancer;
+
+    // shouldUpdate: https://github.com/acdlite/recompose/blob/master/docs/API.md#shouldUpdate
+    export function shouldUpdate<TProps>(
+        test: predicateDiff<TProps>
+    ): InferableComponentEnhancer;
+
+    // pure: https://github.com/acdlite/recompose/blob/master/docs/API.md#pure
+    export function pure<TProps, TComp extends (Component<TProps>)>
+        (component: TComp): TComp;
+
+    // onlyUpdateForKeys: https://github.com/acdlite/recompose/blob/master/docs/API.md#onlyUpdateForKeys
+    export function onlyUpdateForKeys(
+        propKeys: Array<string>
+    ) : InferableComponentEnhancer;
+
+    // onlyUpdateForPropTypes: https://github.com/acdlite/recompose/blob/master/docs/API.md#onlyUpdateForPropTypes
+    export const onlyUpdateForPropTypes: InferableComponentEnhancer;
+
+    // withContext: https://github.com/acdlite/recompose/blob/master/docs/API.md#withContext
+    export function withContext<TContext, TProps>(
+        childContextTypes: ValidationMap<TContext>,
+        getChildContext: mapper<TProps, any>
+    ) : InferableComponentEnhancer;
+
+    // getContext: https://github.com/acdlite/recompose/blob/master/docs/API.md#getContext
+    export function getContext<TContext, TProps>(
+        contextTypes: ValidationMap<TContext>
+    ) : InferableComponentEnhancer;
+
+    // lifecycle: https://github.com/acdlite/recompose/blob/master/docs/API.md#lifecycle
+    interface ReactLifeCycleFunctions {
+        componentWillMount?: Function;
+        componentDidMount?: Function;
+        componentWillReceiveProps?: Function;
+        shouldComponentUpdate?: Function;
+        componentWillUpdate?: Function;
+        componentDidUpdate?: Function;
+        componentWillUnmount?: Function;
+    }
+    export function lifecycle(
+        spec: ReactLifeCycleFunctions
+    ): InferableComponentEnhancer;
+
+    // toClass: https://github.com/acdlite/recompose/blob/master/docs/API.md#toClass
+    export const toClass: InferableComponentEnhancer;
+
+
+    // Static property helpers: https://github.com/acdlite/recompose/blob/master/docs/API.md#static-property-helpers
+
+    // setStatic: https://github.com/acdlite/recompose/blob/master/docs/API.md#setStatic
+    export function setStatic<TOutter>(
+        key: string, value: any
+    ): ComponentEnhancer<TOutter, TOutter>;
+
+    // setPropTypes: https://github.com/acdlite/recompose/blob/master/docs/API.md#setPropTypes
+    export function setPropTypes<TOutter>(
+        propTypes: ValidationMap<TOutter>
+    ): ComponentEnhancer<any, TOutter>;
+
+    // setDisplayName: https://github.com/acdlite/recompose/blob/master/docs/API.md#setDisplayName
+    export function setDisplayName<TOutter>(
+        displayName: string
+    ): ComponentEnhancer<TOutter, TOutter>;
+
+
+    // Utilities: https://github.com/acdlite/recompose/blob/master/docs/API.md#utilities
+
+    // compose: https://github.com/acdlite/recompose/blob/master/docs/API.md#compose
+    export function compose<TInner, TOutter>(
+        ...functions: Function[]
+    ): ComponentEnhancer<TInner, TOutter>;
+    // export function compose<TOutter>(
+    //     ...functions: Array<Function>
+    // ): ComponentEnhancer<any, TOutter>;
+    // export function compose(
+    //     ...functions: Array<Function>
+    // ): ComponentEnhancer<any, any>;
+
+    // getDisplayName: https://github.com/acdlite/recompose/blob/master/docs/API.md#getDisplayName
+    export function getDisplayName(
+        component: Component<any>
+    ): string;
+
+    // wrapDisplayName: https://github.com/acdlite/recompose/blob/master/docs/API.md#wrapDisplayName
+    export function wrapDisplayName(
+        component: Component<any>,
+        wrapperName: string
+    ): string;
+
+    // shallowEqual: https://github.com/acdlite/recompose/blob/master/docs/API.md#shallowEqual
+    export function shallowEqual(
+        a: Object, b: Object
+    ): boolean;
+
+    // isClassComponent: https://github.com/acdlite/recompose/blob/master/docs/API.md#isClassComponent
+    export function isClassComponent(
+        value: any
+    ): boolean;
+
+    // createEagerElement: https://github.com/acdlite/recompose/blob/master/docs/API.md#createEagerElement
+    export function createEagerElement(
+        type: Component<any> | string,
+        props?: Object,
+        children?: React.ReactNode
+    ): React.ReactElement<any>;
+
+    // createEagerFactory: https://github.com/acdlite/recompose/blob/master/docs/API.md#createEagerFactory
+    type componentFactory = (props?: Object, children?: React.ReactNode) => React.ReactElement<any>;
+    export function createEagerFactory(
+        type: Component<any> | string
+    ): componentFactory;
+
+    // createSink: https://github.com/acdlite/recompose/blob/master/docs/API.md#createSink
+    export function createSink(
+        callback: (props: Object) => void
+    ): React.ComponentClass<any>; // ???
+
+    // componentFromProp: https://github.com/acdlite/recompose/blob/master/docs/API.md#componentFromProp
+    export function componentFromProp(
+        propName: string
+    ): StatelessComponent<any>;
+
+    // nest: https://github.com/acdlite/recompose/blob/master/docs/API.md#nest
+    export function nest(
+        ...Components: (string | Component<any>)[]
+    ): React.ComponentClass<any>; // ???
+
+    // hoistStatics: https://github.com/acdlite/recompose/blob/master/docs/API.md#hoistStatics
+    export function hoistStatics(
+        hoc: InferableComponentEnhancer
+    ): InferableComponentEnhancer;
+
+
+
+    // Observable utilities: https://github.com/acdlite/recompose/blob/master/docs/API.md#observable-utilities
+
+    // componentFromStream: https://github.com/acdlite/recompose/blob/master/docs/API.md#componentFromStream
+    export function componentFromStream<TProps>(
+        propsToReactNode: mapper<Subscribable<TProps>, Subscribable<React.ReactNode>>
+    ): Component<TProps>; // ???
+
+    // mapPropsStream: https://github.com/acdlite/recompose/blob/master/docs/API.md#mapPropsStream
+    export function mapPropsStream<TInner, TOutter>(
+        transform: mapper<Subscribable<TOutter>, Subscribable<TInner>>
+    ): ComponentEnhancer<TInner, TOutter>;
+
+    // createEventHandler: https://github.com/acdlite/recompose/blob/master/docs/API.md#createEventHandler
+    type EventHandlerOf<T, TSubs extends Subscribable<T>> = {
+        handler: (value: T) => void;
+        stream: TSubs;
+    };
+    export function createEventHandler<T, TSubs extends Subscribable<T>>(): EventHandlerOf<T, TSubs>;
+
+    // setObservableConfig: https://github.com/acdlite/recompose/blob/master/docs/API.md#setObservableConfig
+    type ObservableConfig = {
+        fromESObservable?: <T>(observable: Subscribable<T>) => any;
+        toESObservable?: <T>(stream: any) => Subscribable<T>;
+    };
+    export function setObservableConfig(config: ObservableConfig): void;
+}
+
+// https://github.com/acdlite/recompose/blob/master/docs/API.md#rxjs
+declare module 'recompose/rxjsObservableConfig' {
+
+    import { ObservableConfig } from 'recompose';
+
+    const rxjsconfig: ObservableConfig;
+
+    export default rxjsconfig;
+}
+
+// https://github.com/acdlite/recompose/blob/master/docs/API.md#rxjs-4-legacy
+declare module 'recompose/rxjs4ObservableConfig' {
+
+    import { ObservableConfig } from 'recompose';
+
+    const rxjs4config: ObservableConfig;
+
+    export default rxjs4config;
+}
+
+// https://github.com/acdlite/recompose/blob/master/docs/API.md#most
+declare module 'recompose/mostObservableConfig' {
+
+    import { ObservableConfig } from 'recompose';
+
+    const mostConfig: ObservableConfig;
+
+    export default mostConfig;
+}
+
+// https://github.com/acdlite/recompose/blob/master/docs/API.md#xstream
+declare module 'recompose/xstreamObservableConfig' {
+
+    import { ObservableConfig } from 'recompose';
+
+    const xstreamConfig: ObservableConfig;
+
+    export default xstreamConfig;
+}
+
+// https://github.com/acdlite/recompose/blob/master/docs/API.md#bacon
+declare module 'recompose/baconObservableConfig' {
+
+    import { ObservableConfig } from 'recompose';
+
+    const baconConfig: ObservableConfig;
+
+    export default baconConfig;
+}
+
+// https://github.com/acdlite/recompose/blob/master/docs/API.md#kefir
+declare module 'recompose/kefirObservableConfig' {
+
+    import { ObservableConfig } from 'recompose';
+
+    const kefirConfig: ObservableConfig;
+
+    export default kefirConfig;
+}

From 07453cbf8e99a21f978f9cc35d8eb3fa648f2c93 Mon Sep 17 00:00:00 2001
From: Natalie <naBausch@users.noreply.github.com>
Date: Fri, 30 Sep 2016 14:09:56 +0200
Subject: [PATCH 090/382] Update typescript definition for selectize to 0.12.13
 (#11570)

---
 selectize/selectize.d.ts | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/selectize/selectize.d.ts b/selectize/selectize.d.ts
index b593fa73dd..cea529e07f 100644
--- a/selectize/selectize.d.ts
+++ b/selectize/selectize.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for Selectize 0.11.2
+// Type definitions for Selectize 0.12.13
 // Project: https://github.com/brianreavis/selectize.js
-// Definitions by: Adi Dahiya <https://github.com/adidahiya>
+// Definitions by: Adi Dahiya <https://github.com/adidahiya>, Natalie Bausch <https://github.com/naBausch>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="../jquery/jquery.d.ts"/>
@@ -562,6 +562,11 @@ declare namespace Selectize {
          * Clears the render cache. Takes an optional template argument (e.g. "option", "item") to clear only that cache.
          */
         clearCache(template?: string): void;
+
+        /**
+         * When the `settings.placeholder` value is changed, the new placeholder will be displayed.
+         */
+        updatePlaceholder(): void;
     }
 
     interface ISearchToken {
@@ -609,4 +614,3 @@ interface JQuery {
 interface HTMLElement {
     selectize: Selectize.IApi<any, any>;
 }
-

From da9bf4d701ded823f1a98fce9b7d2fcc2ef98922 Mon Sep 17 00:00:00 2001
From: Stefan Dobrev <stefan.dobrev@gmail.com>
Date: Fri, 30 Sep 2016 15:11:07 +0300
Subject: [PATCH 091/382] [react-router-redux] Update action payload type
 (#11559)

The payload for React Redux Router action is a location object. For more information look at the source code [here](https://github.com/reactjs/react-router-redux/blob/master/src/sync.js#L95)
---
 react-router-redux/react-router-redux.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react-router-redux/react-router-redux.d.ts b/react-router-redux/react-router-redux.d.ts
index 6a9d499b1f..a781fed663 100644
--- a/react-router-redux/react-router-redux.d.ts
+++ b/react-router-redux/react-router-redux.d.ts
@@ -29,7 +29,7 @@ declare namespace ReactRouterRedux {
 
     type RouterAction = {
         type: string
-        payload?: any
+        payload?: LocationDescriptor
     }
     
     interface RouteActions {

From 2b68598bb60edab2a65c60c3efcae9552aa1fcbc Mon Sep 17 00:00:00 2001
From: osechet <osechet@gmail.com>
Date: Fri, 30 Sep 2016 14:15:16 +0200
Subject: [PATCH 092/382] [openlayers] Rewrite for openlayers 3.18.2 (#11339)

---
 openlayers/openlayers-3.6.0-tests.ts |   563 +
 openlayers/openlayers-3.6.0.d.ts     |  5403 +++++++
 openlayers/openlayers-tests.ts       |   286 +-
 openlayers/openlayers.d.ts           | 18792 ++++++++++++++++++-------
 4 files changed, 19740 insertions(+), 5304 deletions(-)
 create mode 100644 openlayers/openlayers-3.6.0-tests.ts
 create mode 100644 openlayers/openlayers-3.6.0.d.ts

diff --git a/openlayers/openlayers-3.6.0-tests.ts b/openlayers/openlayers-3.6.0-tests.ts
new file mode 100644
index 0000000000..52d7535710
--- /dev/null
+++ b/openlayers/openlayers-3.6.0-tests.ts
@@ -0,0 +1,563 @@
+/// <reference path="openlayers-3.6.0.d.ts" />
+
+// Basic type variables for test functions
+var voidValue: void;
+var numberValue: number;
+var booleanValue: boolean;
+var stringValue: string;
+var jsonValue: JSON;
+
+// Callback predefinitions for OpenLayers
+var preRenderFunction: ol.PreRenderFunction;
+var transformFunction: ol.TransformFunction;
+var coordinateFormatType: ol.CoordinateFormatType;
+var featureStyleFunction: ol.FeatureStyleFunction;
+var featureLoader: ol.FeatureLoader;
+var easingFunction: (t: number) => number;
+
+// Type variables for OpenLayers
+var circle: ol.geom.Circle;
+var color: ol.Color;
+var coordinate: ol.Coordinate;
+var coordinatesArray: Array<ol.Coordinate>;
+var coordinatesArrayDim2: Array<Array<ol.Coordinate>>;
+var extent: ol.Extent;
+var boundingCoordinates: Array<ol.Coordinate>;
+var size: ol.Size;
+var style: ol.style.Style;
+var styleArray: Array<ol.style.Style>;
+var feature: ol.Feature;
+var featureArray: Array<ol.Feature>;
+var graticule: ol.Graticule
+var geometry: ol.geom.Geometry;
+var geometriesArray: Array<ol.geom.Geometry>;
+var feature: ol.Feature;
+var featureArray: Array<ol.Feature>;
+var featureFormat: ol.format.Feature;
+var geometry: ol.geom.Geometry;
+var geometryCollection: ol.geom.GeometryCollection;
+var geometryLayout: ol.geom.GeometryLayout;
+var geometryType: ol.geom.GeometryType;
+var linearRing: ol.geom.LinearRing;
+var lineString: ol.geom.LineString;
+var loadingstrategy: ol.LoadingStrategy;
+var multiLineString: ol.geom.MultiLineString;
+var multiPoint: ol.geom.MultiPoint;
+var multiPolygon: ol.geom.MultiPolygon;
+var point: ol.geom.Point;
+var polygon: ol.geom.Polygon;
+var simpleGeometry: ol.geom.SimpleGeometry;
+var tilegrid: ol.tilegrid.TileGrid;
+var vector: ol.source.Vector;
+var projection: ol.proj.Projection;
+var projectionLike: ol.proj.ProjectionLike;
+var transformFn: ol.TransformFunction;
+
+//
+// ol.Attribution
+//
+
+var attribution: ol.Attribution = new ol.Attribution({
+    html: stringValue,
+});
+
+//
+// ol.color
+//
+color = ol.color.asArray(color);
+color = ol.color.asArray(stringValue);
+stringValue = ol.color.asString(color);
+stringValue = ol.color.asString(stringValue);
+
+//
+// ol.extent
+//
+transformFunction = function (input: number[]) {
+    var returnData: number[];
+    return returnData;
+};
+transformFunction = function (input: number[], output: number[]) {
+    var returnData: number[];
+    return returnData;
+};
+transformFunction = function (input: number[], output: number[], dimension: number) {
+    var returnData: number[];
+    return returnData;
+}
+extent = ol.extent.applyTransform(extent, transformFunction);
+ol.extent.applyTransform(extent, transformFunction, extent);
+extent = ol.extent.boundingExtent(boundingCoordinates)
+extent = ol.extent.buffer(extent, numberValue);
+ol.extent.buffer(extent, numberValue, extent);
+booleanValue = ol.extent.containsCoordinate(extent, coordinate);
+booleanValue = ol.extent.containsExtent(extent, extent);
+booleanValue = ol.extent.containsXY(extent, numberValue, numberValue);
+extent = ol.extent.createEmpty();
+booleanValue = ol.extent.equals(extent, extent);
+extent = ol.extent.extend(extent, extent);
+coordinate = ol.extent.getBottomLeft(extent);
+coordinate = ol.extent.getBottomRight(extent);
+coordinate = ol.extent.getCenter(extent);
+numberValue = ol.extent.getHeight(extent);
+extent = ol.extent.getIntersection(extent, extent);
+ol.extent.getIntersection(extent, extent, extent);
+size = ol.extent.getSize(extent);
+coordinate = ol.extent.getTopLeft(extent);
+coordinate = ol.extent.getTopRight(extent);
+numberValue = ol.extent.getWidth(extent);
+booleanValue = ol.extent.intersects(extent, extent);
+booleanValue = ol.extent.isEmpty(extent);
+
+//
+// ol.featureloader
+//
+featureLoader = ol.featureloader.xhr(stringValue, featureFormat);
+
+//
+// ol.loadingstrategy
+//
+loadingstrategy = ol.loadingstrategy.all;
+loadingstrategy = ol.loadingstrategy.bbox;
+loadingstrategy = ol.loadingstrategy.tile(tilegrid);
+
+//
+//
+// ol.geom.Circle
+//
+booleanValue = circle.intersectsExtent(extent);
+circle = circle.transform(projectionLike, projectionLike);
+
+//
+//
+// ol.geom.Geometry
+//
+var geometryResult: ol.geom.Geometry;
+coordinate = geometryResult.getClosestPoint(coordinate);
+geometryResult.getClosestPoint(coordinate, coordinate);
+extent = geometryResult.getExtent();
+geometryResult.getExtent(extent);
+geometryResult.transform(projection, projection);
+
+//
+//
+// ol.geom.GeometryCollection
+//
+geometryCollection = new ol.geom.GeometryCollection(geometriesArray)
+geometryCollection = new ol.geom.GeometryCollection();
+voidValue = geometryCollection.applyTransform(transformFn);
+geometryCollection = geometryCollection.clone();
+geometriesArray = geometryCollection.getGeometries();
+geometryType = geometryCollection.getType();
+booleanValue = geometryCollection.intersectsExtent(extent);
+voidValue = geometryCollection.setGeometries(geometriesArray);
+
+//
+//
+// ol.geom.LinearRing
+//
+linearRing = new ol.geom.LinearRing(coordinatesArray);
+linearRing = new ol.geom.LinearRing(coordinatesArray, geometryLayout);
+linearRing = linearRing.clone();
+numberValue = linearRing.getArea();
+coordinatesArray = linearRing.getCoordinates();
+geometryType = linearRing.getType();
+voidValue = linearRing.setCoordinates(coordinatesArray);
+voidValue = linearRing.setCoordinates(coordinatesArray, geometryLayout);
+
+//
+//
+// ol.geom.LineString
+//
+lineString = new ol.geom.LineString(coordinatesArray);
+lineString = new ol.geom.LineString(coordinatesArray, geometryLayout);
+voidValue = lineString.appendCoordinate(coordinate);
+lineString = lineString.clone();
+coordinate = lineString.getCoordinateAtM(numberValue);
+coordinate = lineString.getCoordinateAtM(numberValue, booleanValue);
+coordinatesArray = lineString.getCoordinates();
+numberValue = lineString.getLength();
+geometryType = lineString.getType();
+booleanValue = lineString.intersectsExtent(extent);
+voidValue = lineString.setCoordinates(coordinatesArray);
+voidValue = lineString.setCoordinates(coordinatesArray, geometryLayout);
+
+//
+//
+// ol.geom.MultiLineString
+//
+var lineStringsArray: Array<ol.geom.LineString>;
+
+multiLineString = new ol.geom.MultiLineString(coordinatesArrayDim2);
+multiLineString = new ol.geom.MultiLineString(coordinatesArrayDim2, geometryLayout);
+voidValue = multiLineString.appendLineString(lineString);
+multiLineString = multiLineString.clone();
+coordinate = multiLineString.getCoordinateAtM(numberValue);
+coordinate = multiLineString.getCoordinateAtM(numberValue, booleanValue);
+coordinate = multiLineString.getCoordinateAtM(numberValue, booleanValue, booleanValue);
+coordinatesArrayDim2 = multiLineString.getCoordinates();
+lineString = multiLineString.getLineString(numberValue);
+lineStringsArray = multiLineString.getLineStrings();
+geometryType = multiLineString.getType();
+booleanValue = multiLineString.intersectsExtent(extent);
+voidValue = multiLineString.setCoordinates(coordinatesArrayDim2);
+voidValue = multiLineString.setCoordinates(coordinatesArrayDim2, geometryLayout);
+
+//
+//
+// ol.geom.MultiPoint
+//
+var pointsArray: Array<ol.geom.Point>;
+
+multiPoint = new ol.geom.MultiPoint(coordinatesArray);
+multiPoint = new ol.geom.MultiPoint(coordinatesArray, geometryLayout);
+voidValue = multiPoint.appendPoint(point);
+multiPoint = multiPoint.clone();
+coordinatesArray = multiPoint.getCoordinates();
+point = multiPoint.getPoint(numberValue);
+pointsArray = multiPoint.getPoints();
+geometryType = multiPoint.getType();
+booleanValue = multiPoint.intersectsExtent(extent);
+voidValue = multiPoint.setCoordinates(coordinatesArray);
+voidValue = multiPoint.setCoordinates(coordinatesArray, geometryLayout);
+
+//
+//
+// ol.geom.MultiPolygon
+//
+var coordinatesArrayDim3: Array<Array<Array<ol.Coordinate>>>;
+var polygonsArray: Array<ol.geom.Polygon>;
+
+multiPolygon = new ol.geom.MultiPolygon(coordinatesArrayDim3);
+multiPolygon = new ol.geom.MultiPolygon(coordinatesArrayDim3, geometryLayout);
+voidValue = multiPolygon.appendPolygon(polygon);
+multiPolygon = multiPolygon.clone();
+numberValue = multiPolygon.getArea();
+coordinatesArrayDim3 = multiPolygon.getCoordinates();
+coordinatesArrayDim3 = multiPolygon.getCoordinates(booleanValue);
+multiPoint = multiPolygon.getInteriorPoints();
+polygon = multiPolygon.getPolygon(numberValue);
+polygonsArray = multiPolygon.getPolygons();
+geometryType = multiPolygon.getType();
+booleanValue = multiPolygon.intersectsExtent(extent);
+voidValue = multiPolygon.setCoordinates(coordinatesArrayDim3);
+voidValue = multiPolygon.setCoordinates(coordinatesArrayDim3, geometryLayout);
+
+//
+//
+// ol.geom.Point
+//
+point = new ol.geom.Point(coordinate);
+point = new ol.geom.Point(coordinate, geometryLayout);
+point = point.clone();
+coordinate = point.getCoordinates();
+geometryType = point.getType();
+booleanValue = point.intersectsExtent(extent);
+voidValue = point.setCoordinates(coordinate);
+voidValue = point.setCoordinates(coordinate, geometryLayout);
+
+//
+//
+// ol.geom.Polygon
+//
+var localSphere: ol.Sphere;
+var linearRingsArray: Array<ol.geom.LinearRing>;
+
+polygon = new ol.geom.Polygon(coordinatesArrayDim2);
+polygon = new ol.geom.Polygon(coordinatesArrayDim2, geometryLayout);
+polygon = ol.geom.Polygon.circular(localSphere, coordinate, numberValue);
+polygon = ol.geom.Polygon.circular(localSphere, coordinate, numberValue, numberValue);
+voidValue = polygon.appendLinearRing(linearRing);
+polygon = polygon.clone();
+numberValue = polygon.getArea();
+coordinatesArrayDim2 = polygon.getCoordinates();
+coordinatesArrayDim2 = polygon.getCoordinates(booleanValue);
+point = polygon.getInteriorPoint();
+linearRing = polygon.getLinearRing(numberValue);
+linearRingsArray = polygon.getLinearRings();
+geometryType = polygon.getType();
+booleanValue = polygon.intersectsExtent(extent);
+
+//
+//
+// ol.geom.SimpleGeometry
+//
+simpleGeometry.applyTransform(transformFn);
+coordinate = simpleGeometry.getFirstCoordinate();
+coordinate = simpleGeometry.getLastCoordinate();
+geometryLayout = simpleGeometry.getLayout();
+voidValue = simpleGeometry.translate(numberValue, numberValue);
+
+//
+// ol.source
+//
+vector = new ol.source.Vector({
+  features: [feature]
+});
+
+//
+// ol.Feature
+//
+feature = new ol.Feature();
+feature = new ol.Feature(geometry);
+feature = new ol.Feature({
+    geometry: geometry
+});
+feature = feature.clone();
+geometry = feature.getGeometry();
+stringValue = feature.getGeometryName();
+var featureGetId: string | number = feature.getId();
+var featureGetStyle: ol.style.Style | Array<ol.style.Style> | ol.FeatureStyleFunction = feature.getStyle();
+featureStyleFunction = feature.getStyleFunction();
+voidValue = feature.setGeometry(geometry);
+voidValue = feature.setGeometryName(stringValue);
+voidValue = feature.setId(stringValue);
+voidValue = feature.setId(numberValue);
+voidValue = feature.setStyle(style);
+voidValue = feature.setStyle(styleArray);
+voidValue = feature.setStyle(featureStyleFunction);
+
+//
+// ol.View
+//
+
+var view: ol.View = new ol.View({
+    center: [0, 0],
+    zoom: numberValue,
+});
+
+//
+// ol.layer.Tile
+//
+var tileLayer: ol.layer.Tile = new ol.layer.Tile({
+    source: new ol.source.MapQuest({ layer: 'osm' })
+});
+
+//
+// ol.proj
+//
+projection = new ol.proj.Projection({
+    code:stringValue,
+});
+projection.setExtent(projection.getExtent());
+
+//
+// ol.Map
+//
+
+var map: ol.Map = new ol.Map({
+    view: view,
+    layers: [tileLayer],
+    target: stringValue
+});
+map.beforeRender(preRenderFunction);
+
+//
+// ol.source.ImageWMS
+//
+var imageWMS: ol.source.ImageWMS = new ol.source.ImageWMS({
+    serverType: stringValue,
+    url:stringValue
+});
+
+//
+// ol.source.Source
+//
+const source = imageWMS as ol.source.Source;
+voidValue = source.refresh();
+projection = source.getProjection();
+
+//
+// ol.source.TileWMS
+//
+var tileWMS: ol.source.TileWMS = new ol.source.TileWMS({
+    params: {},
+    serverType: stringValue,
+    url:stringValue
+});
+
+tileWMS.updateParams(tileWMS.getParams());
+stringValue = tileWMS.getGetFeatureInfoUrl([0, 0], 1, "EPSG:4326", {});
+
+//
+// ol.source.WMTS
+//
+var wmts: ol.source.WMTS = new ol.source.WMTS({
+   tileGrid: new ol.tilegrid.WMTS({}),
+   layer: "",
+   style: "",
+   matrixSet: "",
+   wrapX: true
+});
+
+//
+// ol.animation
+//
+var bounceOptions: olx.animation.BounceOptions;
+bounceOptions.duration = numberValue;
+bounceOptions.start = numberValue;
+bounceOptions.resolution = numberValue;
+bounceOptions.easing = easingFunction;
+preRenderFunction = ol.animation.bounce(bounceOptions);
+
+var panOptions: olx.animation.PanOptions;
+panOptions.duration = numberValue;
+panOptions.start = numberValue;
+panOptions.source = coordinate;
+panOptions.easing = easingFunction;
+preRenderFunction = ol.animation.pan(panOptions);
+
+var rotateOptions: olx.animation.RotateOptions;
+rotateOptions.duration = numberValue;
+rotateOptions.start = numberValue;
+rotateOptions.anchor = coordinate;
+rotateOptions.rotation = numberValue;
+rotateOptions.easing = easingFunction;
+preRenderFunction = ol.animation.rotate(rotateOptions);
+
+var zoomOptions: olx.animation.ZoomOptions;
+zoomOptions.duration = numberValue;
+zoomOptions.start = numberValue;
+zoomOptions.resolution = numberValue;
+zoomOptions.easing = easingFunction;
+preRenderFunction = ol.animation.zoom(zoomOptions);
+map.beforeRender(preRenderFunction);
+
+//
+// ol.coordinate
+//
+coordinate = ol.coordinate.add(coordinate, coordinate);
+coordinateFormatType = ol.coordinate.createStringXY();
+coordinateFormatType = ol.coordinate.createStringXY(numberValue);
+stringValue = ol.coordinate.format(coordinate, stringValue);
+stringValue = ol.coordinate.format(coordinate, stringValue, numberValue);
+coordinate = ol.coordinate.rotate(coordinate, numberValue);
+stringValue = ol.coordinate.toStringHDMS();
+stringValue = ol.coordinate.toStringHDMS(coordinate);
+stringValue = ol.coordinate.toStringXY();
+stringValue = ol.coordinate.toStringXY(coordinate);
+stringValue = ol.coordinate.toStringXY(coordinate, numberValue);
+
+//
+// ol.easing
+//
+easingFunction = ol.easing.easeIn;
+easingFunction = ol.easing.easeOut;
+easingFunction = ol.easing.inAndOut;
+easingFunction = ol.easing.linear;
+easingFunction = ol.easing.upAndDown;
+
+//
+// ol.Geolocation
+//
+var geolocation: ol.Geolocation = new ol.Geolocation({
+    projection: projection
+});
+geolocation.on('change', function (evt) {
+    window.console.log(geolocation.getPosition());
+});
+
+//
+// ol.Graticule
+//
+
+graticule = new ol.Graticule();
+graticule = new ol.Graticule({
+    map: map,
+});
+var graticuleMap: ol.Map = graticule.getMap();
+var graticuleMeridians: Array<ol.geom.LineString> = graticule.getMeridians();
+var graticuleParallels: Array<ol.geom.LineString> = graticule.getParallels();
+graticule.setMap(graticuleMap);
+
+//
+// ol.DeviceOrientation
+//
+
+var deviceOrientation: ol.DeviceOrientation = new ol.DeviceOrientation({
+    tracking: true,
+});
+deviceOrientation.on('change', function (evt) {
+    window.console.log(deviceOrientation.getHeading());
+});
+
+//
+// ol.Overlay
+//
+
+var popup: ol.Overlay = new ol.Overlay({
+    element: document.getElementById('popup')
+});
+map.addOverlay(popup);
+var popupElement: Element = popup.getElement();
+var popupMap: ol.Map = popup.getMap();
+var popupOffset: Array<number> = popup.getOffset();
+coordinate = popup.getPosition();
+var popupPositioning: ol.OverlayPositioning = popup.getPositioning();
+popup.setElement(popupElement);
+popup.setMap(popupMap);
+popup.setOffset(popupOffset);
+popup.setPosition(coordinate);
+popup.setPositioning(popupPositioning);
+
+
+//
+// ol.format.GeoJSON
+//
+
+var geojsonOptions: olx.format.GeoJSONOptions;
+geojsonOptions.defaultDataProjection = "EPSG";
+geojsonOptions.defaultDataProjection = projection;
+geojsonOptions.geometryName = "geom";
+
+var geojsonFormat: ol.format.GeoJSON;
+geojsonFormat = new ol.format.GeoJSON();
+geojsonFormat = new ol.format.GeoJSON(geojsonOptions);
+
+// Test options
+var readOptions: olx.format.ReadOptions;
+readOptions.dataProjection = "EPSG";
+readOptions.dataProjection = projection;
+readOptions.featureProjection = "EPSG";
+readOptions.featureProjection = projection;
+
+var writeOptions: olx.format.WriteOptions;
+writeOptions.dataProjection = "EPSG";
+writeOptions.dataProjection = projection;
+writeOptions.featureProjection = "EPSG";
+writeOptions.featureProjection = projection;
+writeOptions.rightHanded = false;
+
+// Test functions
+feature = geojsonFormat.readFeature("json");
+feature = geojsonFormat.readFeature("json", readOptions);
+featureArray = geojsonFormat.readFeatures("json");
+featureArray = geojsonFormat.readFeatures("json", readOptions);
+geometry = geojsonFormat.readGeometry("geometry");
+geometry = geojsonFormat.readGeometry("geometry", readOptions);
+stringValue = geojsonFormat.writeFeature(feature);
+stringValue = geojsonFormat.writeFeature(feature, writeOptions);
+stringValue = geojsonFormat.writeFeatures(featureArray);
+stringValue = geojsonFormat.writeFeatures(featureArray, writeOptions);
+stringValue = geojsonFormat.writeGeometry(geometry);
+stringValue = geojsonFormat.writeGeometry(geometry, writeOptions);
+jsonValue = geojsonFormat.writeFeatureObject(feature);
+jsonValue = geojsonFormat.writeFeatureObject(feature, writeOptions);
+jsonValue = geojsonFormat.writeFeaturesObject(featureArray);
+jsonValue = geojsonFormat.writeFeaturesObject(featureArray, writeOptions);
+jsonValue = geojsonFormat.writeGeometryObject(geometry);
+jsonValue = geojsonFormat.writeGeometryObject(geometry, writeOptions);
+
+//
+// ol.interactions
+//
+var modify: ol.interaction.Modify = new ol.interaction.Modify({
+    features: new ol.Collection<ol.Feature>(featureArray)
+});
+
+var draw: ol.interaction.Draw = new ol.interaction.Draw({
+    type: "Point"
+})
+
+const select: ol.interaction.Select = new ol.interaction.Select({
+    layers: (layer: ol.layer.Layer) => true,
+});
diff --git a/openlayers/openlayers-3.6.0.d.ts b/openlayers/openlayers-3.6.0.d.ts
new file mode 100644
index 0000000000..91b822d6b6
--- /dev/null
+++ b/openlayers/openlayers-3.6.0.d.ts
@@ -0,0 +1,5403 @@
+// Type definitions for OpenLayers v3.6.0
+// Project: http://openlayers.org/
+// Definitions by: Wouter Goedhart <https://github.com/woutergd>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace olx {
+    interface StaticImageOptions {
+
+        /** Attributions */
+        attributions?: Array<ol.Attribution>
+
+        /*** The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL renderer or if you want to access pixel data with the Canvas renderer. See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail. */
+        crossOrigin?: string
+
+        /*** Extent of the image in map coordinates. This is the [left, bottom, right, top] map coordinates of your image.*/
+        imageExtent: ol.Extent;
+
+        /*** Size of the image in pixels.*/
+        imageSize?: ol.Size;
+
+        /*** experimental Optional function to load an image given a URL.*/
+        imageLoadFunction?: ol.TileLoadFunctionType;
+
+        /*** Optional logo.*/
+        logo?: olx.LogoOptions;
+
+        /*** experimental Projection.*/
+        projection: ol.proj.Projection;
+
+        /*** Image URL.*/
+        url: string;
+    }
+
+    interface ZoomToExtentOptions {
+        /*** Class name. Default is ol-zoom-extent.*/
+        className?: string;
+
+        /*** Target.*/
+        target?: Element;
+
+        /*** Text label to use for the button. Default is E. Instead of text, also a Node (e.g. a span element) can be used.*/
+        label?: string | Node;
+
+        /*** Text label to use for the button tip. Default is Zoom to extent.*/
+        tipLabel?: string;
+
+        /*** The extent to zoom to. If undefined the validity extent of the view projection is used.*/
+        extent: ol.Extent;
+    }
+
+    interface OverviewMapOptions {
+        /*** Whether the control should start collapsed or not (expanded). Default to true.*/
+        collapsed?: boolean;
+        /*** Text label to use for the expanded overviewmap button. Default is «. Instead of text, also a Node (e.g. a span element) can be used.*/
+        collapseLabel? :string | Node;
+        /*** Whether the control can be collapsed or not. Default to true.*/
+        collapsible?: boolean;
+        /*** Text label to use for the collapsed overviewmap button. Default is ». Instead of text, also a Node (e.g. a span element) can be used.*/
+        label?: string | Node;
+        /*** Layers for the overview map. If not set, then all main map layers are used instead.*/
+        layers?: ol.layer.Layer[] | ol.Collection<ol.layer.Layer>;
+        /*** Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.*/
+        render?: Function;
+        /*** Specify a target if you want the control to be rendered outside of the map's viewport.*/
+        target?: Element;
+        /*** Text label to use for the button tip. Default is Overview map*/
+        tipLabel?: string;
+        /*** Custom view for the overview map. If not provided, a default view with an EPSG:3857 projection will be used.*/
+        view?: ol.View;
+    }
+
+    interface RotateOptions {
+        /*** CSS class name. Default is ol-rotate.*/
+        className?: string;
+        /*** Text label to use for the rotate button. Default is ⇧. Instead of text, also a Node (e.g. a span element) can be used.*/
+        label?: string | Element;
+        /*** Text label to use for the rotate tip. Default is Reset rotation.*/
+        tipLabel?: string;
+        /*** Animation duration in milliseconds. Default is 250.*/
+        duration?: number;
+        /*** Hide the control when rotation is 0. Default is true.*/
+        autoHide?: boolean;
+        /*** Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.*/
+        render?: Function;
+        /*** Function called when the control is clicked. This will override the default resetNorth.*/
+        resetNorth?: Function;
+        /*** Target.*/
+        target?: Element;
+    }
+
+    interface AttributionOptions {
+
+        /** HTML markup for this attribution. */
+        html: string;
+    }
+
+    interface DeviceOrientationOptions {
+
+        /**
+         * Start tracking. Default is false.
+         */
+        tracking?: boolean;
+    }
+
+    interface FrameState {
+
+        /**
+         *
+         */
+        pixelRatio: number;
+
+        /**
+         *
+         */
+        time: number;
+
+        /**
+         *
+         */
+        viewState: olx.ViewState;
+    }
+
+    interface FeatureOverlayOptions {
+
+        /**
+         * Features
+         */
+        features?: Array<ol.Feature> | ol.Collection<ol.Feature> | ol.style.StyleFunction;
+
+        /**
+         * Map
+         */
+        map: ol.Map;
+
+        /**
+         * Style
+         */
+        style: ol.style.Style | Array<ol.style.Style>;
+    }
+
+    interface GeolocationOptions {
+
+        /**
+         * Start Tracking. Default is false.
+         */
+        tracking?: boolean;
+
+        /**
+         * Tracking options. See http://www.w3.org/TR/geolocation-API/#position_options_interface.
+         */
+        trackingOptions?: PositionOptions;
+
+        /**
+         * The projection the position is reported in.
+         */
+        projection?: ol.proj.ProjectionLike | ol.proj.Projection;
+    }
+
+    interface GraticuleOptions {
+
+        /** Reference to an ol.Map object. */
+        map?: ol.Map;
+
+        /** The maximum number of meridians and parallels from the center of the map. The default value is 100, which means that at most 200 meridians and 200 parallels will be displayed. The default value is appropriate for conformal projections like Spherical Mercator. If you increase the value more lines will be drawn and the drawing performance will decrease. */
+        maxLines?: number;
+
+        /** The stroke style to use for drawing the graticule. If not provided, the lines will be drawn with rgba(0,0,0,0.2), a not fully opaque black. */
+        strokeStyle?: ol.style.Stroke;
+
+        /** The target size of the graticule cells, in pixels. Default value is 100 pixels. */
+        targetSize?: number;
+    }
+
+    interface BaseWMSOptions {
+
+        /** Attributions. */
+        attributions?: Array<ol.Attribution>;
+
+        /** WMS request parameters. At least a LAYERS param is required. STYLES is '' by default. VERSION is 1.3.0 by default. WIDTH, HEIGHT, BBOX and CRS (SRS for WMS version < 1.3.0) will be set dynamically. */
+        params?: any;
+
+        /** The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL renderer or if you want to access pixel data with the Canvas renderer. See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail. */
+        crossOrigin?: string;
+
+        /** experimental Use the ol.Map#pixelRatio value when requesting the image from the remote server. Default is true. */
+        hidpi?: boolean;
+
+        /** experimental The type of the remote WMS server: mapserver, geoserver or qgis. Only needed if hidpi is true. Default is undefined. */
+        serverType?: ol.source.wms.ServerType;
+
+        /** WMS service URL. */
+        url?: string;
+
+        /** Logo. */
+        logo?: olx.LogoOptions;
+
+        /** experimental Projection. */
+        projection?: ol.proj.ProjectionLike;
+    }
+
+    interface ImageWMSOptions extends BaseWMSOptions {
+
+        /** experimental Optional function to load an image given a URL. */
+        imageLoadFunction?: ol.ImageLoadFunctionType;
+
+        /** Ratio. 1 means image requests are the size of the map viewport, 2 means twice the width and height of the map viewport, and so on. Must be 1 or higher. Default is 1.5. */
+        ratio?: number;
+
+        /** Resolutions. If specified, requests will be made for these resolutions only. */
+        resolutions?: Array<number>;
+    }
+
+    interface TileWMSOptions {
+
+        attributions?: Array<ol.Attribution>;
+
+        /**WMS request parameters. At least a LAYERS param is required. STYLES is '' by default. VERSION is 1.3.0 by default. WIDTH, HEIGHT, BBOX and CRS (SRS for WMS version < 1.3.0) will be set dynamically. Required.*/
+        params: Object;
+        /**The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL renderer or if you want to access pixel data with the Canvas renderer. See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail.*/
+        crossOrigin?: string;
+
+        /** The size in pixels of the gutter around image tiles to ignore. By setting this property to a non-zero value, images will be requested that are wider and taller than the tile size by a value of 2 x gutter. Defaults to zero. Using a non-zero value allows artifacts of rendering at tile edges to be ignored. If you control the WMS service it is recommended to address "artifacts at tile edges" issues by properly configuring the WMS service. For example, MapServer has a tile_map_edge_buffer configuration parameter for this. See http://mapserver.org/output/tile_mode.html. */
+        gutter?: number;
+
+        /** Use the ol.Map#pixelRatio value when requesting the image from the remote server. Default is true.*/
+        hidpi?: boolean;
+
+        logo?: string | olx.LogoOptions;
+
+        /** Tile grid. Base this on the resolutions, tilesize and extent supported by the server. If this is not defined, a default grid will be used: if there is a projection extent, the grid will be based on that; if not, a grid based on a global extent with origin at 0,0 will be used. */
+        tileGrid?: ol.tilegrid.TileGrid;
+
+        /** experimental Maximum zoom. */
+        maxZoom?: number;
+
+        projection?: ol.proj.ProjectionLike;
+        reprojectionErrorThreshold?: number;
+
+        /** experimental Optional function to load a tile given a URL. */
+        tileLoadFunction?: ol.TileLoadFunctionType;
+
+        /** WMS service URL. */
+        url?: string;
+
+        /** WMS service urls. Use this instead of url when the WMS supports multiple urls for GetMap requests. */
+        urls?: Array<string>;
+
+        /** experimental The type of the remote WMS server. Currently only used when hidpi is true. Default is undefined. */
+        serverType?: ol.source.wms.ServerType;
+
+        /** experimental Whether to wrap the world horizontally. When set to false, only one world will be rendered. When true, tiles will be requested for one world only, but they will be wrapped horizontally to render multiple worlds. The default is true. */
+        wrapX?: boolean;
+    }
+    interface OSMOptions {
+        /** Attributions */
+        attributions?: ol.AttributionLike;
+        /** Cache size. Default is 2048. */
+        cacheSize?: number;
+        /**
+         * The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL
+         * renderer or if you want to access pixel data with the Canvas renderer.
+         * See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail. Default is anonymous.
+         */
+        crossOrigin?: string;
+        /** Max zoom. Default is 19. */
+        maxZoom?: number;
+        /** Whether the layer is opaque. Default is true. */
+        opaque?: boolean;
+        /** Maximum allowed reprojection error (in pixels). Default is 0.5. Higher values can increase reprojection performance, but decrease precision. */
+        reprojectionErrorThreshold?: number;
+        /** Optional function to load a tile given a URL. */
+        tileLoadFunction?: ol.TileLoadFunctionType;
+        /** URL template. Must include {x}, {y} or {-y}, and {z} placeholders. Default is https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png. */
+        url?: string;
+        /** Whether to wrap the world horizontally. Default is true. */
+        wrapX?: boolean;
+    }
+    /**
+     * Object literal with config options for the map logo.
+     */
+    interface LogoOptions {
+		/**
+		* Link url for the logo. Will be followed when the logo is clicked.
+		*/
+		href: string;
+
+		/**
+		* Image src for the logo
+		*/
+		src: string;
+
+    }
+
+    interface MapOptions {
+
+        /** Controls initially added to the map. If not specified, ol.control.defaults() is used. */
+        controls?: any;
+
+        /** The ratio between physical pixels and device-independent pixels (dips) on the device. If undefined then it gets set by using window.devicePixelRatio. */
+        pixelRatio?: number;
+
+        /** Interactions that are initially added to the map. If not specified, ol.interaction.defaults() is used. */
+        interactions?: any;
+
+        /** The element to listen to keyboard events on. This determines when the KeyboardPan and KeyboardZoom interactions trigger. For example, if this option is set to document the keyboard interactions will always trigger. If this option is not specified, the element the library listens to keyboard events on is the map target (i.e. the user-provided div for the map). If this is not document the target element needs to be focused for key events to be emitted, requiring that the target element has a tabindex attribute. */
+        keyboardEventTarget?: any;
+
+        /** Layers. If this is not defined, a map with no layers will be rendered. Note that layers are rendered in the order supplied, so if you want, for example, a vector layer to appear on top of a tile layer, it must come after the tile layer. */
+        layers?: Array<any>
+
+        /** When set to true, tiles will be loaded during animations. This may improve the user experience, but can also make animations stutter on devices with slow memory. Default is false. */
+        loadTilesWhileAnimating?: boolean;
+
+        /** When set to true, tiles will be loaded while interacting with the map. This may improve the user experience, but can also make map panning and zooming choppy on devices with slow memory. Default is false. */
+        loadTilesWhileInteracting?: boolean;
+
+        /** The map logo. A logo to be displayed on the map at all times. If a string is provided, it will be set as the image source of the logo. If an object is provided, the src property should be the URL for an image and the href property should be a URL for creating a link. To disable the map logo, set the option to false. By default, the OpenLayers 3 logo is shown. */
+        logo?: any;
+
+        /** Overlays initially added to the map. By default, no overlays are added. */
+        overlays?: any;
+
+        /** Renderer. By default, Canvas, DOM and WebGL renderers are tested for support in that order, and the first supported used. Specify a ol.RendererType here to use a specific renderer. Note that at present only the Canvas renderer supports vector data. */
+        renderer?: any;
+
+        /** The container for the map, either the element itself or the id of the element. If not specified at construction time, ol.Map#setTarget must be called for the map to be rendered. */
+        target?: any;
+
+        /** The map's view. No layer sources will be fetched unless this is specified at construction time or through ol.Map#setView. */
+        view?: ViewOptions;
+    }
+
+    interface OverlayOptions {
+
+        /**
+         * The overlay element.
+         */
+        element?: Element;
+
+        /**
+         * Offsets in pixels used when positioning the overlay. The fist element in the array is the horizontal offset. A positive value shifts the overlay right. The second element in the array is the vertical offset. A positive value shifts the overlay down. Default is [0, 0].
+         */
+        offset?: Array<number>;
+
+        /**
+         * The overlay position in map projection.
+         */
+        position?: ol.Coordinate;
+
+        /**
+         * Defines how the overlay is actually positioned with respect to its position property. Possible values are 'bottom-left', 'bottom-center', 'bottom-right', 'center-left', 'center-center', 'center-right', 'top-left', 'top-center', and 'top-right'. Default is 'top-left'.
+         */
+        positioning?: ol.OverlayPositioning;
+
+        /**
+         * Whether event propagation to the map viewport should be stopped. Default is true. If true the overlay is placed in the same container as that of the controls (CSS class name ol-overlaycontainer-stopevent); if false it is placed in the container with CSS class name ol-overlaycontainer.
+         */
+        stopEvent?: boolean;
+
+        /**
+         * Whether the overlay is inserted first in the overlay container, or appended. Default is true. If the overlay is placed in the same container as that of the controls (see the stopEvent option) you will probably set insertFirst to true so the overlay is displayed below the controls.
+         */
+        insertFirst?: boolean;
+
+        /**
+         * If set to true the map is panned when calling setPosition, so that the overlay is entirely visible in the current viewport. The default is false.
+         */
+        autoPan?: boolean;
+
+        /**
+         * The options used to create a ol.animation.pan animation. This animation is only used when autoPan is enabled. By default the default options for ol.animation.pan are used. If set to null the panning is not animated.
+         */
+        autoPanAnimation?: olx.animation.PanOptions;
+
+        /**
+         * The margin (in pixels) between the overlay and the borders of the map when autopanning. The default is 20.
+         */
+        autoPanMargin?: number;
+    }
+
+    interface ViewOptions {
+
+        /** The initial center for the view. The coordinate system for the center is specified with the projection option. Default is undefined, and layer sources will not be fetched if this is not set. */
+        center?: ol.Coordinate;
+
+        /** Rotation constraint. false means no constraint. true means no constraint, but snap to zero near zero. A number constrains the rotation to that number of values. For example, 4 will constrain the rotation to 0, 90, 180, and 270 degrees. The default is true. */
+        constrainRotation?: boolean;
+
+        /** Enable rotation. Default is true. If false a rotation constraint that always sets the rotation to zero is used. The constrainRotation option has no effect if enableRotation is false. */
+        enableRotation?: boolean;
+
+        /**The extent that constrains the center, in other words, center cannot be set outside this extent. Default is undefined. */
+        extent?: ol.Extent;
+
+        /** The maximum resolution used to determine the resolution constraint. It is used together with minResolution (or maxZoom) and zoomFactor. If unspecified it is calculated in such a way that the projection's validity extent fits in a 256x256 px tile. If the projection is Spherical Mercator (the default) then maxResolution defaults to 40075016.68557849 / 256 = 156543.03392804097. */
+        maxResolution?: number;
+
+        /** The minimum resolution used to determine the resolution constraint. It is used together with maxResolution (or minZoom) and zoomFactor. If unspecified it is calculated assuming 29 zoom levels (with a factor of 2). If the projection is Spherical Mercator (the default) then minResolution defaults to 40075016.68557849 / 256 / Math.pow(2, 28) = 0.0005831682455839253. */
+        minResolution?: number;
+
+        /** The maximum zoom level used to determine the resolution constraint. It is used together with minZoom (or maxResolution) and zoomFactor. Default is 28. Note that if minResolution is also provided, it is given precedence over maxZoom. */
+        maxZoom?: number;
+
+        /** The minimum zoom level used to determine the resolution constraint. It is used together with maxZoom (or minResolution) and zoomFactor. Default is 0. Note that if maxResolution is also provided, it is given precedence over minZoom. */
+        minZoom?: number;
+
+        /** The projection. Default is EPSG:3857 (Spherical Mercator). */
+        projection?: ol.proj.ProjectionLike | ol.proj.Projection;
+
+        /** The initial resolution for the view. The units are projection units per pixel (e.g. meters per pixel). An alternative to setting this is to set zoom. Default is undefined, and layer sources will not be fetched if neither this nor zoom are defined. */
+        resolution?: number;
+
+        /** Resolutions to determine the resolution constraint. If set the maxResolution, minResolution, minZoom, maxZoom, and zoomFactor options are ignored. */
+        resolutions?: Array<number>;
+
+        /** The initial rotation for the view in radians (positive rotation clockwise). Default is 0. */
+        rotation?: number;
+
+        /** Only used if resolution is not defined. Zoom level used to calculate the initial resolution for the view. The initial resolution is determined using the ol.View#constrainResolution method. */
+        zoom?: number;
+
+        /** The zoom factor used to determine the resolution constraint. Default is 2. */
+        zoomFactor?: number;
+    }
+
+    interface ViewState {
+
+        /**
+         *
+         */
+        center: ol.Coordinate;
+
+        /**
+         *
+         */
+        projection: ol.proj.Projection;
+
+        /**
+         *
+         */
+        resolution: number;
+
+        /**
+         *
+         */
+        rotation: number;
+    }
+
+    interface Projection {
+        /**
+         * The SRS identifier code, e.g. EPSG:4326.
+         */
+        code: string;
+
+        /**
+        * Units. Required unless a proj4 projection is defined for code.
+        */
+        units?: ol.proj.Units;
+
+        /**
+        * The validity extent for the SRS.
+        */
+        extent?: Array<number>;
+
+        /**
+        * The axis orientation as specified in Proj4. The default is enu.
+        */
+        axisOrientation?: string;
+
+        /**
+        * Whether the projection is valid for the whole globe. Default is false.
+        */
+        global?: boolean;
+
+        /**
+        * experimental The world extent for the SRS.
+        */
+        worldExtent?: ol.Extent;
+
+        /**
+        *  experimental Function to determine resolution at a point. The function is called with
+        *  a {number} view resolution and an {ol.Coordinate} as arguments, and returns the {number}
+        *  resolution at the passed coordinate.
+        */
+        getPointResolution?: (resolution: number, coordinate: ol.Coordinate) => number;
+    }
+
+    namespace animation {
+
+        interface BounceOptions {
+
+            /**
+             * The resolution to start the bounce from, typically map.getView().getResolution().
+             */
+            resolution: number;
+
+            /**
+             * The start time of the animation. Default is immediately.
+             */
+            start?: number;
+
+            /**
+             * The duration of the animation in milliseconds. Default is 1000.
+             */
+            duration?: number;
+
+            /**
+             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
+             */
+            easing?: (t: number) => number;
+        }
+
+        interface PanOptions {
+
+            /**
+             * The resolution to start the bounce from, typically map.getView().getResolution().
+             */
+            source: ol.Coordinate;
+
+            /**
+             * The start time of the animation. Default is immediately.
+             */
+            start?: number;
+
+            /**
+             * The duration of the animation in milliseconds. Default is 1000.
+             */
+            duration?: number;
+
+            /**
+             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
+             */
+            easing?: (t: number) => number;
+        }
+
+        interface RotateOptions {
+
+            /**
+             * The rotation value (in radians) to begin rotating from, typically map.getView().getRotation(). If undefined then 0 is assumed.
+             */
+            rotation?: number;
+
+            /**
+             * The rotation center/anchor. The map rotates around the center of the view if unspecified.
+             */
+            anchor?: ol.Coordinate;
+
+            /**
+             * The start time of the animation. Default is immediately.
+             */
+            start?: number;
+
+            /**
+             * The duration of the animation in milliseconds. Default is 1000.
+             */
+            duration?: number;
+
+            /**
+             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
+             */
+            easing?: (t: number) => number
+        }
+
+        interface ZoomOptions {
+
+            /**
+             * The resolution to begin zooming from, typically map.getView().getResolution().
+             */
+            resolution: number;
+
+            /**
+             * The start time of the animation. Default is immediately.
+             */
+            start?: number;
+
+            /**
+             * The duration of the animation in milliseconds. Default is 1000.
+             */
+            duration?: number;
+
+            /**
+             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
+             */
+            easing?: (t: number) => number
+        }
+    }
+
+    namespace control {
+
+        interface DefaultsOptions {
+
+            /**
+             * Attribution. Default is true.
+             */
+            attribution?: boolean;
+
+            /**
+             * Attribution options.
+             */
+            //TODO: Replace with olx.control.AttributionOptions
+            attributionOptions?: any;
+
+            /**
+             * Rotate. Default is true;
+             */
+            rotate?: boolean;
+
+            /**
+             * Rotate options
+             */
+            //TODO: Replace with olx.control.RotateOptions
+            rotateOptions?: any;
+
+            /**
+             * Zoom. Default is true
+             */
+            zoom?: boolean;
+
+            /**
+             *
+             */
+            //TODO: Replace with olx.control.ZoomOptions
+            zoomOptions?: any;
+        }
+    }
+
+    namespace interaction {
+        interface DefaultsOptions {
+            /*** Whether Alt-Shift-drag rotate is desired. Default is true.*/
+            altShiftDragRotate?: boolean;
+            /*** Whether double click zoom is desired. Default is true.*/
+            doubleClickZoom?: boolean;
+            /*** Whether keyboard interaction is desired. Default is true.*/
+            keyboard?: boolean;
+            /*** Whether mousewheel zoom is desired. Default is true.*/
+            mouseWheelZoom?: boolean;
+            /*** Whether Shift-drag zoom is desired. Default is true.*/
+            shiftDragZoom?: boolean;
+            /*** Whether drag pan is desired. Default is true.*/
+            dragPan?: boolean;
+            /*** Whether pinch rotate is desired. Default is true.*/
+            pinchRotate?: boolean;
+            /*** Whether pinch zoom is desired. Default is true.*/
+            pinchZoom?: boolean;
+            /*** Zoom delta*/
+            zoomDelta?: number;
+            /*** Zoom duration*/
+            zoomDuration?: number;
+        }
+        interface InteractionOptions {
+            /**
+             * Method called by the map to notify the interaction that a browser event was dispatched to the map.
+             * The function may return false to prevent the propagation of the event to other interactions in
+             * the map's interactions chain. Required.
+             */
+            handleEvent: Function;
+        }
+        interface ModifyOptions {
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event will
+             * be considered to add or move a vertex to the sketch. Default is ol.events.condition.primaryAction.
+             */
+            condition?: ol.events.ConditionType;
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should
+             * be handled. By default, ol.events.condition.singleClick with ol.events.condition.noModifierKeys results
+             * in a vertex deletion.
+             */
+            deleteCondition?: ol.events.ConditionType;
+            /*** Pixel tolerance for considering the pointer close enough to a segment or vertex for editing. Default is 10.*/
+            pixelTolerance?: number;
+            /*** Style used for the features being modified. By default the default edit style is used (see ol.style).*/
+            style?: ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
+            /*** The features the interaction works on. Required.*/
+            features: ol.Collection<ol.Feature>;
+            /*** Wrap the world horizontally on the sketch overlay. Default is false.*/
+            wrapX?: boolean;
+        }
+        interface DragBoxOptions {
+            /*** CSS class name for styling the box. The default is ol-dragbox.*/
+            className?: string;
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
+             * Default is ol.events.condition.always.
+             */
+            condition?: ol.events.ConditionType;
+            /*** A function that takes a ol.MapBrowserEvent and two ol.Pixels to indicate whether a boxend event should be fired.*/
+            boxEndCondition?: ol.interaction.DragBoxEndConditionType;
+        }
+        interface DrawOptions {
+            /**
+             * The maximum distance in pixels between "down" and "up" for a "up" event to be considered a "click" event and actually
+             * add a point/vertex to the geometry being drawn. Default is 6 pixels. That value was chosen for the draw interaction
+             * to behave correctly on mouse as well as on touch devices.
+             */
+            clickTolerance?: number;
+            /**
+             * Destination collection for the drawn features.
+             */
+            features?: ol.Collection<ol.Feature>;
+            /**
+             * Destination source for the drawn features.
+             */
+            source?: ol.source.Vector;
+            /**
+             * Pixel distance for snapping to the drawing finish. Default is 12.
+             */
+            snapTolerance?: number;
+            /**
+             * Drawing type ('Point', 'LineString', 'Polygon', 'MultiPoint', 'MultiLineString', 'MultiPolygon' or 'Circle'). Required.
+             */
+            type: ol.geom.GeometryType;
+            /**
+             * The number of points that can be drawn before a polygon ring or line string is finished. The default is no restriction.
+             */
+            maxPoints?: number;
+            /**
+             * The number of points that must be drawn before a polygon ring or line string can be finished. Default is 3 for polygon
+             * rings and 2 for line strings.
+             */
+            minPoints?: number;
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether the drawing can be finished.
+             */
+            finishCondition?: ol.events.ConditionType;
+            /**
+             * Style for sketch features.
+             */
+            style?: ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
+            /**
+             * Function that is called when a geometry's coordinates are updated.
+             */
+            geometryFunction?: ol.interaction.DrawGeometryFunctionType;
+            /**
+             * Geometry name to use for features created by the draw interaction.
+             */
+            geometryName?: string;
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
+             * By default ol.events.condition.noModifierKeys, i.e. a click, adds a vertex or deactivates freehand drawing.
+             */
+            condition?: ol.events.ConditionType;
+            /**
+             * Condition that activates freehand drawing for lines and polygons. This function takes an ol.MapBrowserEvent and returns
+             * a boolean to indicate whether that event should be handled. The default is ol.events.condition.shiftKeyOnly, meaning that
+             *  the Shift key activates freehand drawing.
+             */
+            freehandCondition?: ol.events.ConditionType;
+            /**
+             * Wrap the world horizontally on the sketch overlay. Default is false.
+             */
+            wrapX?: boolean;
+        }
+        interface DoubleClickZoomOptions {
+            /**
+             * Animation duration in milliseconds. Default is 250.
+             */
+            duration?: number;
+            /**
+             * The zoom delta applied on each double click, default is 1.
+             */
+            delta?: number;
+        }
+        interface DragAndDropOptions {
+            /**
+             * Format constructors.
+             */
+            formatConstructors?: Array<ol.format.Feature>;
+            /**
+             * Target projection. By default, the map's view's projection is used.
+             */
+            projection: ol.proj.ProjectionLike;
+            /**
+             * The element that is used as the drop target, default is the viewport element.
+             */
+            target?: Element;
+        }
+        interface DragPanOptions {
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
+             * Default is ol.events.condition.noModifierKeys.
+             */
+            condition?: ol.events.ConditionType;
+            /**
+             * Kinetic inertia to apply to the pan.
+             */
+            kinetic?: ol.Kinetic;
+        }
+        interface DragRotateOptions {
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
+             * Default is ol.events.condition.altShiftKeysOnly.
+             */
+            condition?: ol.events.ConditionType;
+            /**
+             * Animation duration in milliseconds. Default is 250.
+             */
+            duration?: number;
+        }
+        interface DragRotateAndZoomOptions {
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
+             * Default is ol.events.condition.shiftKeyOnly.
+             */
+            condition?: ol.events.ConditionType;
+            /**
+             * Animation duration in milliseconds. Default is 400.
+             */
+            duration?: number;
+        }
+        interface DragZoomOptions {
+            /**
+             * CSS class name for styling the box. The default is ol-dragzoom.
+             */
+            className?: string;
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
+             * Default is ol.events.condition.shiftKeyOnly.
+             */
+            condition?: ol.events.ConditionType;
+            /**
+             * Animation duration in milliseconds. Default is 200.
+             */
+            duration?: number;
+            /**
+             * Use interaction for zooming out. Default is false.
+             */
+            out?: boolean;
+        }
+        interface KeyboardPanOptions {
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
+             * Default is ol.events.condition.noModifierKeys and ol.events.condition.targetNotEditable.
+             */
+            condition?: ol.events.ConditionType;
+            /**
+             * Animation duration in milliseconds. Default is 100.
+             */
+            duration?: number;
+            /**
+             * Pixel The amount to pan on each key press. Default is 128 pixels.
+             */
+            pixelDelta?: number;
+        }
+        interface KeyboardZoomOptions {
+            /**
+             * Animation duration in milliseconds. Default is 100.
+             */
+            duration?: number;
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
+             * Default is ol.events.condition.targetNotEditable.
+             */
+            condition?: ol.events.ConditionType;
+            /**
+             * The amount to zoom on each key press. Default is 1.
+             */
+            delta?: number;
+        }
+        interface MouseWheelZoomOptions {
+            /**
+             * Animation duration in milliseconds. Default is 250.
+             */
+            duration?: number;
+            /**
+             * Enable zooming using the mouse's location as the anchor. Default is true.
+             * When set to false, zooming in and out will zoom to the center of the screen instead of zooming on the mouse's location.
+             */
+            useAnchor?: boolean;
+        }
+        interface PinchRotateOptions {
+            /**
+             * The duration of the animation in milliseconds. Default is 250.
+             */
+            duration?: number;
+            /**
+             * Minimal angle in radians to start a rotation. Default is 0.3.
+             */
+            threshold?: number;
+        }
+        interface PinchZoomOptions {
+            /**
+             * Animation duration in milliseconds. Default is 400.
+             */
+            duration?: number;
+        }
+        interface PointerOptions {
+            /**
+             * Function handling "down" events. If the function returns true then a drag sequence is started.
+             */
+            handleDownEvent?: Function;
+            /**
+             * Function handling "drag" events. This function is called on "move" events during a drag sequence.
+             */
+            handleDragEvent?: Function;
+            /**
+             * Method called by the map to notify the interaction that a browser event was dispatched to the map.
+             * The function may return false to prevent the propagation of the event to other interactions in the map's interactions chain.
+             */
+            handleEvent?: Function;
+            /**
+             * Function handling "move" events. This function is called on "move" events, also during a drag sequence
+             * (so during a drag sequence both the handleDragEvent function and this function are called).
+             */
+            handleMoveEvent?: Function;
+            /**
+             * Function handling "up" events. If the function returns false then the current drag sequence is stopped.
+             */
+            handleUpEvent?: Function;
+        }
+        interface SnapOptions {
+            /**
+             * Snap to these features. Either this option or source should be provided.
+             */
+            features?: ol.Collection<ol.Feature>;
+            /**
+             * Snap to edges. Default is true.
+             */
+            edge?: boolean;
+            /**
+             * Snap to vertices. Default is true.
+             */
+            vertex?: boolean;
+            /**
+             * Pixel tolerance for considering the pointer close enough to a segment or vertex for snapping. Default is 10 pixels.
+             */
+            pixelTolerance?: number;
+            /**
+             * Snap to features from this source. Either this option or features should be provided.
+             */
+            source?: ol.source.Vector;
+        }
+        interface SelectOptions {
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
+             * By default, this is ol.events.condition.never.
+             * Use this if you want to use different events for add and remove instead of toggle.
+             */
+            addCondition?: ol.events.ConditionType;
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
+             * This is the event for the selected features as a whole. By default, this is ol.events.condition.singleClick.
+             * Clicking on a feature selects that feature and removes any that were in the selection.
+             * Clicking outside any feature removes all from the selection.
+             * See toggle, add, remove options for adding/removing extra features to/ from the selection.
+             */
+            condition?: ol.events.ConditionType;
+            /**
+             * A list of layers from which features should be selected. Alternatively, a filter function can be provided.
+             * The function will be called for each layer in the map and should return true for layers that you want to be selectable.
+             * If the option is absent, all visible layers will be considered selectable.
+             */
+            layers?: Array<ol.layer.Layer> | ((layer: ol.layer.Layer) => boolean);
+            /**
+             * Style for the selected features. By default the default edit style is used (see ol.style).
+             */
+            style?: ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
+             * By default, this is ol.events.condition.never.
+             * Use this if you want to use different events for add and remove instead of toggle.
+             */
+            removeCondition?: ol.events.ConditionType;
+            /**
+             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
+             * This is in addition to the condition event. By default, ol.events.condition.shiftKeyOnly,
+             * i.e. pressing shift as well as the condition event, adds that feature to the current selection if it is not currently
+             * selected, and removes it if it is. See add and remove if you want to use different events instead of a toggle.
+             */
+            toggleCondition?: ol.events.ConditionType;
+            /**
+             * A boolean that determines if the default behaviour should select only single features or all (overlapping)
+             * features at the clicked map position. Default is false i.e single select
+             */
+            multi?: boolean;
+            /**
+             * Collection where the interaction will place selected features. Optional. If not set the interaction will create a collection.
+             * In any case the collection used by the interaction is returned by ol.interaction.Select#getFeatures.
+             */
+            features?: ol.Collection<ol.Feature>;
+            /**
+             * A function that takes an ol.Feature and an ol.layer.Layer and returns true if the feature may be selected or false otherwise.
+             */
+            filter?: ol.interaction.SelectFilterFunction;
+            /**
+             * Wrap the world horizontally on the selection overlay. Default is true.
+             */
+            wrapX?: boolean;
+        }
+    }
+
+    namespace layer {
+
+        interface BaseOptions {
+            /**
+             * Opacity (0, 1). Default is 1.
+             */
+            opacity?: number;
+
+            /**
+             * Visibility. Default is true.
+             */
+            visible?: boolean;
+
+            /**
+             * The bounding extent for layer rendering. The layer will not be rendered outside of this extent.
+             */
+            extent?: ol.Extent;
+
+            zIndex?: number;
+            /**
+             * The minimum resolution (inclusive) at which this layer will be visible.
+             */
+            minResolution?: number;
+
+            /**
+             * The maximum resolution (exclusive) below which this layer will be visible.
+             */
+            maxResolution?: number;
+        }
+
+        interface GroupOptions extends BaseOptions {
+
+            /**
+             * Child layers
+             */
+            layers?: Array<ol.layer.Base> | ol.Collection<ol.layer.Base>;
+        }
+
+        interface HeatmapOptions extends VectorOptions {
+
+            /**
+             * The color gradient of the heatmap, specified as an array of CSS color strings. Default is ['#00f', '#0ff', '#0f0', '#ff0', '#f00'].
+             */
+            gradient?: Array<String>;
+
+            /**
+             * Radius size in pixels. Default is 8.
+             */
+            radius?: number;
+
+            /**
+             * Blur size in pixels. Default is 15.
+             */
+            blur?: number;
+
+            /**
+             * Shadow size in pixels. Default is 250.
+             */
+            shadow?: number;
+        }
+
+        interface ImageOptions extends LayerOptions {
+        }
+
+        interface LayerOptions extends BaseOptions {
+
+            /**
+             * The layer source (or null if not yet set).
+             */
+            source?: ol.source.Source;
+        }
+
+        interface TileOptions extends LayerOptions {
+
+            /**
+             * Preload. Load low-resolution tiles up to preload levels. By default preload is 0, which means no preloading.
+             */
+            preload?: number;
+
+            /**
+             * Source for this layer.
+             */
+            source?: ol.source.Tile;
+
+            /**
+             * Use interim tiles on error. Default is true.
+             */
+            useInterimTilesOnError?: boolean;
+        }
+
+        interface VectorOptions extends LayerOptions {
+
+            /**
+             * When set to true, feature batches will be recreated during animations. This means that no vectors will be shown clipped, but the setting will have a performance impact for large amounts of vector data. When set to false, batches will be recreated when no animation is active. Default is false.
+             */
+            updateWhileAnimating?: boolean;
+
+            /**
+             * When set to true, feature batches will be recreated during interactions. See also updateWhileInteracting. Default is false.
+             */
+            updateWhileInteracting?: boolean;
+
+            /**
+             * Render order. Function to be used when sorting features before rendering. By default features are drawn in the order that they are created. Use null to avoid the sort, but get an undefined draw order.
+             */
+            // TODO: replace any with the expected function, unclear in documentation what the parameters are
+            renderOrder?: any;
+
+            /**
+             * The buffer around the viewport extent used by the renderer when getting features from the vector source for the rendering or hit-detection. Recommended value: the size of the largest symbol, line width or label. Default is 100 pixels.
+             */
+            renderBuffer?: number;
+
+            /**
+             * Source.
+             */
+            source?: ol.source.Vector;
+
+            /**
+             * Layer style. See ol.style for default style which will be used if this is not defined.
+             */
+            style?: ol.style.Style | Array<ol.style.Style> | any;
+        }
+    }
+
+    namespace source {
+
+        interface VectorOptions {
+            /**
+             * Attributions.
+             */
+            attributions?: Array<ol.Attribution>;
+
+            /**
+             * Features. If provided as {@link ol.Collection}, the features in the source
+             * and the collection will stay in sync.
+             */
+            features?: Array<ol.Feature> | ol.Collection<ol.Feature>;
+
+            /**
+             * The feature format used by the XHR feature loader when `url` is set.
+             * Required if `url` is set, otherwise ignored. Default is `undefined`.
+             */
+            format?: ol.format.Feature;
+
+            /**
+             * The loader function used to load features, from a remote source for example.
+             * Note that the source will create and use an XHR feature loader when `url` is
+             * set.
+             */
+            loader?: ol.FeatureLoader;
+
+            /**
+             * Logo.
+             */
+            logo?: string | olx.LogoOptions;
+
+            /**
+             * The loading strategy to use. By default an {@link ol.loadingstrategy.all}
+             * strategy is used, a one-off strategy which loads all features at once.
+             */
+            strategy?: ol.LoadingStrategy;
+
+            /**
+             * Setting this option instructs the source to use an XHR loader (see
+             * {@link ol.featureloader.xhr}) and an {@link ol.loadingstrategy.all} for a
+             * one-off download of all features from that URL.
+             * Requires `format` to be set as well.
+             */
+            url?: string;
+
+            /**
+             * By default, an RTree is used as spatial index. When features are removed and
+             * added frequently, and the total number of features is low, setting this to
+             * `false` may improve performance.
+             */
+            useSpatialIndex?: boolean;
+
+            /**
+             * Wrap the world horizontally. Default is `true`. For vector editing across the
+             * -180° and 180° meridians to work properly, this should be set to `false`. The
+             * resulting geometry coordinates will then exceed the world bounds.
+             */
+            wrapX?: boolean;
+        }
+
+        interface ClusterOptions extends VectorOptions{
+
+            /**
+             * Minimum distance in pixels between clusters. Default is 20.
+             */
+            distance?: number;
+
+            extent?: ol.Extent;
+
+            geometryFunction?: any;
+
+            projection?: ol.proj.ProjectionLike;
+
+            source: ol.source.Vector;
+
+        }
+
+        interface WMTSOptions {
+            attributions?: Array<ol.Attribution>;
+            crossOrigin?: string;
+            logo?: string | olx.LogoOptions;
+            tileGrid: ol.tilegrid.WMTS;     // REQUIRED !
+            projection?: ol.proj.ProjectionLike;
+            reprojectionErrorThreshold?: number;
+            requestEncoding?: ol.source.WMTSRequestEncoding;
+            layer: string;      //REQUIRED
+            style: string;      //REQUIRED
+            tileClass?: Function;
+            tilePixelRatio?: number;
+            version?: string;
+            format?: string;
+            matrixSet: string;  //REQUIRED
+            dimensions?: Object;
+            url?: string;
+            maxZoom?: number;
+            tileLoadFunction?: ol.TileLoadFunctionType;
+            urls?: Array<string>;
+            wrapX: boolean;
+        }
+    }
+
+    namespace style {
+
+        interface FillOptions {
+            color?: ol.Color | string;
+        }
+
+        interface StyleOptions {
+            geometry?: string | ol.geom.Geometry | ol.style.GeometryFunction;
+            fill?: ol.style.Fill;
+            image?: ol.style.Image;
+            stroke?: ol.style.Stroke;
+            text?: ol.style.Text;
+            zIndex?: number;
+        }
+
+        interface TextOptions {
+            font?: string;
+            offsetX?: number;
+            offsetY?: number;
+            scale?: number;
+            rotation?: number;
+            text?: string;
+            textAlign?: string;
+            textBaseline?: string;
+            fill?: ol.style.Fill;
+            stroke?: ol.style.Stroke;
+        }
+        interface StrokeOptions {
+            color?: ol.Color | string;
+            lineCap?: string;
+            lineJoin?: string;
+            lineDash?: Array<number>;
+            miterLimit?: number;
+            width?: number;
+        }
+        interface IconOptions {
+            anchor?: Array<number>;
+            anchorOrigin?: string;
+            anchorXUnits?: string;
+            anchorYUnits?: string;
+            crossOrigin?: string;
+            img?: ol.Image | HTMLCanvasElement;
+            offset?: Array<number>;
+            offsetOrigin?: string;
+            opacity?: number;
+            scale?: number;
+            snapToPixel?: boolean;
+            rotateWithView?: boolean;
+            rotation?: number;
+            size?: ol.Size;
+            imgSize?: ol.Size;
+            src?: string;
+        }
+        interface CircleOptions {
+            fill?: ol.style.Fill;
+            radius: number;
+            snapToPixel?: boolean;
+            stroke?: ol.style.Stroke;
+        }
+    }
+
+    namespace tilegrid {
+
+        interface TileGridOptions {
+
+            /**
+             * Extent for the tile grid. No tiles outside this extent will be requested by ol.source.Tile sources. When no origin or origins are configured, the origin will be set to the bottom-left corner of the extent. When no sizes are configured, they will be calculated from the extent.
+             */
+            extent?: ol.Extent;
+
+            /**
+             * Minimum zoom. Default is 0.
+             */
+            minZoom?: number;
+
+            /**
+             * Origin, i.e. the bottom-left corner of the grid. Default is null.
+             */
+            origin?: ol.Coordinate;
+
+            /**
+             * Origins, i.e. the bottom-left corners of the grid for each zoom level. If given, the array length should match the length of the resolutions array, i.e. each resolution can have a different origin.
+             */
+            origins?: Array<ol.Coordinate>;
+
+            /**
+             * Resolutions. The array index of each resolution needs to match the zoom level. This means that even if a minZoom is configured, the resolutions array will have a length of maxZoom + 1.
+             */
+            resolutions?: Array<number>;
+
+            /**
+             * Tile size. Default is [256, 256].
+             */
+            tileSize?: number | ol.Size;
+
+            /**
+             * Tile sizes. If given, the array length should match the length of the resolutions array, i.e. each resolution can have a different tile size.
+             */
+            tileSizes?: Array<number | ol.Size>;
+        }
+
+        interface WMTSOptions {
+
+            /**
+             * Extent for the tile grid. No tiles outside this extent will be requested by ol.source.WMTS sources. When no origin or origins are configured, the origin will be calculated from the extent. When no sizes are configured, they will be calculated from the extent.
+             */
+            extent?: ol.Extent;
+
+            /**
+             * Origin, i.e. the top-left corner of the grid.
+             */
+            origin?: ol.Coordinate;
+
+            /**
+             * Origins, i.e. the top-left corners of the grid for each zoom level. The length of this array needs to match the length of the resolutions array.
+             */
+            origins?: Array<ol.Coordinate>;
+
+            /**
+             * Resolutions. The array index of each resolution needs to match the zoom level. This means that even if a minZoom is configured, the resolutions array will have a length of maxZoom + 1
+             */
+            resolutions?: Array<number>;
+
+            /**
+             * matrix IDs. The length of this array needs to match the length of the resolutions array.
+             */
+            matrixIds?: Array<string>;
+
+            /**
+             * Number of tile rows and columns of the grid for each zoom level. The values here are the TileMatrixWidth and TileMatrixHeight advertised in the GetCapabilities response of the WMTS, and define the grid's extent together with the origin. An extent can be configured in addition, and will further limit the extent for which tile requests are made by sources.
+             */
+            sizes?: Array<ol.Size>;
+
+            /**
+             * Tile size.
+             */
+            tileSize?: number | ol.Size;
+
+            /**
+             * Tile sizes. The length of this array needs to match the length of the resolutions array.
+             */
+            tileSizes?: Array<number | ol.Size>;
+
+            /**
+             * Number of tile columns that cover the grid's extent for each zoom level. Only required when used with a source that has wrapX set to true, and only when the grid's origin differs from the one of the projection's extent. The array length has to match the length of the resolutions array, i.e. each resolution will have a matching entry here.
+             */
+            widths?: Array<number>;
+        }
+
+        interface XYZOptions {
+
+            /**
+             * Extent for the tile grid. The origin for an XYZ tile grid is the top-left corner of the extent. The zero level of the grid is defined by the resolution at which one tile fits in the provided extent. If not provided, the extent of the EPSG:3857 projection is used.
+             */
+            extent?: ol.Extent;
+
+            /**
+             * Maximum zoom. The default is ol.DEFAULT_MAX_ZOOM. This determines the number of levels in the grid set. For example, a maxZoom of 21 means there are 22 levels in the grid set.
+             */
+            maxZoom?: number;
+
+            /**
+             * Minimum zoom. Default is 0.
+             */
+            minZoom?: number;
+
+            /**
+             * Tile size in pixels. Default is [256, 256].
+             */
+            tileSize?: number | ol.Size;
+        }
+
+        interface ZoomifyOptions {
+
+            /**
+             * Resolutions
+             */
+            resolutions: Array<number>;
+        }
+    }
+
+    namespace view {
+
+        interface FitGeometryOptions {
+
+            /**
+             * Padding (in pixels) to be cleared inside the view. Values in the array are top, right, bottom and left padding. Default is [0, 0, 0, 0].
+             */
+            padding?: Array<number>;
+
+            /**
+             * Constrain the resolution. Default is true.
+             */
+            constrainResolution?: boolean;
+
+            /**
+             * Get the nearest extent. Default is false.
+             */
+            nearest?: boolean;
+
+            /**
+             * Minimum resolution that we zoom to. Default is 0.
+             */
+            minResolution?: number;
+
+            /**
+             * Maximum zoom level that we zoom to. If minResolution is given, this property is ignored.
+             */
+            maxZoom?: number;
+        }
+    }
+
+    namespace format {
+        interface WKTOptions {
+            /**
+             * Whether to split GeometryCollections into multiple features on reading. Default is false.
+             */
+            splitCollection?: boolean;
+        }
+
+        interface GeoJSONOptions {
+
+            /**
+             * Default data projection.
+             */
+            defaultDataProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
+
+            /**
+             * Geometry name to use when creating features
+             */
+            geometryName?: string;
+        }
+
+        interface ReadOptions {
+
+            /**
+             * Projection of the data we are reading. If not provided, the projection will be derived from the data (where possible) or the defaultDataProjection of the format is assigned (where set). If the projection can not be derived from the data and if no defaultDataProjection is set for a format, the features will not be reprojected.
+             */
+            dataProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
+
+            /**
+             * Projection of the feature geometries created by the format reader. If not provided, features will be returned in the dataProjection.
+             */
+            featureProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
+        }
+
+        interface WriteOptions {
+
+            /**
+             * Projection of the data we are writing. If not provided, the defaultDataProjection of the format is assigned (where set). If no defaultDataProjection is set for a format, the features will be returned in the featureProjection.
+             */
+            dataProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
+
+            /**
+             * Projection of the feature geometries that will be serialized by the format writer.
+             */
+            featureProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
+
+            /**
+             * When writing geometries, follow the right-hand rule for linear ring orientation. This means that polygons will have counter-clockwise exterior rings and clockwise interior rings. By default, coordinates are serialized as they are provided at construction. If true, the right-hand rule will be applied. If false, the left-hand rule will be applied (clockwise for exterior and counter-clockwise for interior rings). Note that not all formats support this. The GeoJSON format does use this property when writing geometries.
+             */
+            rightHanded?: boolean;
+        }
+    }
+
+    namespace control {
+        interface ControlOptions {
+            /**
+             * The element is the control's container element. This only needs to be specified if you're developing a custom control.
+             */
+            element?: Element;
+
+            /**
+             * Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.
+             */
+            render?: any;
+
+            /**
+             * Specify a target if you want the control to be rendered outside of the map's viewport.
+             */
+            target?: Element | string;
+        }
+    }
+}
+
+/**
+ * A high-performance, feature-packed library for all your mapping needs.
+ */
+declare namespace ol {
+
+    interface TileLoadFunctionType { (image: ol.Image, url: string): void }
+
+    interface ImageLoadFunctionType { (image: ol.Image, url: string): void }
+
+    type AttributionLike = string | Array<string> | ol.Attribution | Array<ol.Attribution>
+
+    /**
+     * An attribution for a layer source.
+     */
+    class Attribution {
+        /**
+         * @constructor
+         * @param options Attribution options.
+         */
+        constructor(options: olx.AttributionOptions);
+
+        /**
+         * Get the attribution markup.
+         * @returns The attribution HTML.
+         */
+        getHTML(): string;
+    }
+
+    /**
+     * An expanded version of standard JS Array, adding convenience methods for manipulation. Add and remove changes to the Collection trigger a Collection event. Note that this does not cover changes to the objects within the Collection; they trigger events on the appropriate object, not on the Collection as a whole.
+     */
+    class Collection<T> extends ol.Object {
+
+        /**
+         * @constructor
+         * @param values Array.
+         */
+        constructor(values: Array<T>)
+
+        /**
+         * Remove all elements from the collection.
+         */
+        clear(): void;
+
+        /**
+         * Add elements to the collection. This pushes each item in the provided array to the end of the collection.
+         * @param arr Array.
+         * @returns This collection.
+         */
+        extend(arr: Array<T>): Collection<T>;
+
+        /**
+         * Iterate over each element, calling the provided callback.
+         * @param f The function to call for every element. This function takes 3 arguments (the element, the index and the array).
+         * @param ref The object to use as this in f.
+         */
+        forEach(f: (element: T, index: number, array: Array<T>) => void, ref?: any): void;
+
+        /**
+         * Get a reference to the underlying Array object. Warning: if the array is mutated, no events will be dispatched by the collection, and the collection's "length" property won't be in sync with the actual length of the array.
+         * @returns Array.
+         */
+        getArray(): Array<T>;
+
+        /**
+         * Get the length of this collection.
+         * @returns The length of the array.
+         */
+        getLength(): number;
+
+        /**
+         * Insert an element at the provided index.
+         * @param index Index.
+         * @param elem Element.
+         */
+        insertAt(index: number, elem: T): void;
+
+        /**
+         * Get the element at the provided index.
+         * @param index Index.
+         * @returns Element.
+         */
+        item(index: number): T;
+
+        /**
+         * Remove the last element of the collection and return it. Return undefined if the collection is empty.
+         * @returns Element
+         */
+        pop(): T;
+
+        /**
+         * Insert the provided element at the end of the collection.
+         * @param Element.
+         * @returns Length.
+         */
+        push(elem: T): number;
+
+        /**
+         * Remove the first occurrence of an element from the collection.
+         * @param elem Element.
+         * @returns The removed element or undefined if none found.
+         */
+        remove(elem: T): T;
+
+        /**
+         * Remove the element at the provided index and return it. Return undefined if the collection does not contain this index.
+         * @param index Index.
+         * @returns Value.
+         */
+        removeAt(index: number): T;
+
+        /**
+         * Set the element at the provided index.
+         * @param index Index.
+         * @param elem Element.
+         */
+        setAt(index: number, elem: T): void;
+    }
+
+    /**
+     * Events emitted by ol.Collection instances are instances of this type.
+     */
+    class CollectionEvent<T> extends ol.events.Event {
+
+        /**
+         * The element that is added to or removed from the collection.
+         */
+        element: T;
+    }
+
+    /**
+     * The ol.DeviceOrientation class provides access to information from DeviceOrientation events.
+     */
+    class DeviceOrientation extends ol.Object {
+
+        /**
+         * @constructor
+         * @param options Options.
+         */
+        constructor(options?: olx.DeviceOrientationOptions);
+
+        /**
+         * Rotation around the device z-axis (in radians).
+         * @returns The euler angle in radians of the device from the standard Z axis.
+         */
+        getAlpha(): number;
+
+        /**
+         * Rotation around the device x-axis (in radians).
+         * @returns The euler angle in radians of the device from the planar X axis.
+         */
+        getBeta(): number;
+
+        /**
+         * Rotation around the device y-axis (in radians).
+         * @returns The euler angle in radians of the device from the planar Y axis.
+         */
+        getGamma(): number;
+
+        /**
+         * The heading of the device relative to north (in radians).
+         * @returns The heading of the device relative to north, in radians, normalizing for different browser behavior.
+         */
+        getHeading(): number;
+
+        /**
+         * Determine if orientation is being tracked.
+         * @returns Changes in device orientation are being tracked.
+         */
+        getTracking(): boolean;
+
+        /**
+         * Enable or disable tracking of device orientation events.
+         * @param tracking The status of tracking changes to alpha, beta and gamma. If true, changes are tracked and reported immediately.
+         */
+        setTracking(tracking: boolean): void;
+    }
+
+    /**
+     * Events emitted by ol.interaction.DragBox instances are instances of this type.
+     */
+    class DragBoxEvent extends ol.events.Event {
+
+        /**
+         * The coordinate of the drag event.
+         */
+        coordinate: ol.Coordinate;
+    }
+
+    /**
+     * A vector object for geographic features with a geometry and other attribute properties, similar to the features in vector file formats like GeoJSON.
+     */
+    class Feature extends ol.Object {
+
+        /**
+         * @constructor
+         * @param geometry Geometry.
+         */
+        // TODO: replace any with Object <string, *>
+        constructor(geometryOrProperties?: ol.geom.Geometry | any);
+
+        /**
+         * Clone this feature. If the original feature has a geometry it is also cloned. The feature id is not set in the clone.
+         * @returns The clone.
+         */
+        clone(): Feature;
+
+        /**
+         * Get the feature's default geometry. A feature may have any number of named geometries. The "default" geometry (the one that is rendered by default) is set when calling ol.Feature#setGeometry.
+         * @returns The default geometry for the feature.
+         */
+        getGeometry(): ol.geom.Geometry;
+
+        /**
+         * Get the name of the feature's default geometry. By default, the default geometry is named geometry.
+         * @returns Get the property name associated with the default geometry for this feature.
+         */
+        getGeometryName(): string;
+
+        /**
+         * @returns Id.
+         */
+        getId(): string | number;
+
+        /**
+         * Get the feature's style. This return for this method depends on what was provided to the ol.Feature#setStyle method.
+         * The feature style.
+         */
+        getStyle(): ol.style.Style | Array<ol.style.Style> | ol.FeatureStyleFunction;
+
+        /**
+         * Get the feature's style function.
+         * @returns Return a function representing the current style of this feature.
+         */
+        getStyleFunction(): ol.FeatureStyleFunction;
+
+        /**
+         * Set the default geometry for the feature. This will update the property with the name returned by ol.Feature#getGeometryName.
+         * @param geometry The new geometry.
+         */
+        setGeometry(geometry: ol.geom.Geometry): void;
+
+        /**
+         * Set the property name to be used when getting the feature's default geometry. When calling ol.Feature#getGeometry, the value of the property with this name will be returned.
+         * @param name The property name of the default geometry.
+         */
+        setGeometryName(name: string): void;
+
+        /**
+         * Set the feature id. The feature id is considered stable and may be used when requesting features or comparing identifiers returned from a remote source. The feature id can be used with the ol.source.Vector#getFeatureById method.
+         * @param id The feature id.
+         */
+        setId(id: string | number): void;
+
+        /**
+         * Set the style for the feature. This can be a single style object, an array of styles, or a function that takes a resolution and returns an array of styles. If it is null the feature has no style (a null style).
+         * @param style Style for this feature.
+         */
+        setStyle(style: ol.style.Style): void;
+
+        /**
+         * Set the style for the feature. This can be a single style object, an array of styles, or a function that takes a resolution and returns an array of styles. If it is null the feature has no style (a null style).
+         * @param style Style for this feature.
+         */
+        setStyle(style: Array<ol.style.Style>): void;
+
+        /**
+         * Set the style for the feature. This can be a single style object, an array of styles, or a function that takes a resolution and returns an array of styles. If it is null the feature has no style (a null style).
+         * @param style Style for this feature.
+         */
+        setStyle(style: ol.FeatureStyleFunction): void;
+    }
+
+    /**
+     * A mechanism for changing the style of a small number of features on a temporary basis, for example highlighting.
+     */
+    class FeatureOverlay {
+
+        /**
+         * @constructor
+         * @param options Options.
+         */
+        constructor(options?: olx.FeatureOverlayOptions);
+
+        /**
+         * Add a feature to the overlay.
+         * @param feature Feature.
+         */
+        addFeature(feature: ol.Feature): void;
+
+        /**
+         * Get the features on the overlay.
+         * @returns Features collection.
+         */
+        getFeatures: ol.Collection<ol.Feature>;
+
+        /**
+         * Get the map associated with the overlay.
+         * @returns The map with which this feature overlay is associated.
+         */
+        getMap(): ol.Map;
+
+        /**
+         * Get the style for features. This returns whatever was passed to the style option at construction or to the setStyle method.
+         * @returns Overlay style.
+         */
+        getStyle(): ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
+
+        /**
+         * Get the style function
+         * @returns Style function
+         */
+        getStyleFunction(): ol.style.StyleFunction;
+
+        /**
+         * Remove a feature from the overlay.
+         * @param feature The feature to be removed.
+         */
+        removeFeature(feature: ol.Feature): void;
+
+        /**
+         * Set the features for the overlay.
+         * @param features Features collection.
+         */
+        setFeatures(features: ol.Collection<ol.Feature>): void;
+
+        /**
+         * Set the map for the overlay.
+         * @param map Map.
+         */
+        setMap(map: ol.Map): void;
+
+        /**
+         * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles.
+         * @param style Overlay style
+         */
+        setStyle(style: ol.style.Style): void;
+
+        /**
+         * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles.
+         * @param style Overlay style
+         */
+        setStyle(style: Array<ol.style.Style>): void;
+
+        /**
+         * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles.
+         * @param style Overlay style
+         */
+        setStyle(style: ol.style.StyleFunction): void;
+    }
+
+    /**
+     * Helper class for providing HTML5 Geolocation capabilities. The Geolocation API is used to locate a user's position.
+     */
+    class Geolocation extends ol.Object {
+
+        /**
+         * @constructor
+         * @param options Options.
+         */
+        constructor(options?: olx.GeolocationOptions);
+
+        /**
+         * Get the accuracy of the position in meters.
+         * @returns The accuracy of the position measurement in meters.
+         */
+        getAccuracy(): number;
+
+        /**
+         * Get a geometry of the position accuracy.
+         * @returns A geometry of the position accuracy.
+         */
+        getAccuracyGeometry(): ol.geom.Geometry;
+
+        /**
+         * Get the altitude associated with the position.
+         * @returns The altitude of the position in meters above mean sea level.
+         */
+        getAltitude(): number;
+
+        /**
+         * Get the altitude accuracy of the position.
+         * @returns The accuracy of the altitude measurement in meters.
+         */
+        getAltitudeAccuracy(): number;
+
+        /**
+         * Get the heading as radians clockwise from North.
+         * @returns The heading of the device in radians from north.
+         */
+        getHeading(): number;
+
+        /**
+         * Get the position of the device.
+         * @returns The current position of the device reported in the current projection.
+         */
+        getPosition(): ol.Coordinate;
+
+        /**
+         * Get the projection associated with the position.
+         * @returns The projection the position is reported in.
+         */
+        getProjection(): ol.proj.Projection;
+
+        /**
+         * Get the speed in meters per second.
+         * @returns The instantaneous speed of the device in meters per second.
+         */
+        getSpeed(): number;
+
+        /**
+         * Determine if the device location is being tracked.
+         * @returns The device location is being tracked.
+         */
+        getTracking(): boolean;
+
+        /**
+         * Get the tracking options.
+         * @returns PositionOptions as defined by the HTML5 Geolocation spec.
+         */
+        getTrackingOptions(): PositionOptions;
+
+        /**
+         * Set the projection to use for transforming the coordinates.
+         * @param projection The projection the position is reported in.
+         */
+        setProjection(projection: ol.proj.Projection): void;
+
+        /**
+         * Enable or disable tracking.
+         * @param tracking Enable tracking
+         */
+        setTracking(tracking: boolean): void;
+
+        /**
+         * Set the tracking options.
+         * @param PositionOptions as defined by the HTML5 Geolocation spec.
+         */
+        setTrackingOptions(options: PositionOptions): void;
+    }
+
+    /**
+     * Render a grid for a coordinate system on a map.
+     */
+    class Graticule {
+        /**
+         * @constructor
+         * @param options Options.
+         */
+        constructor(options?: olx.GraticuleOptions);
+
+        /**
+         * Get the map associated with this graticule.
+         * @returns The map.
+         */
+        getMap(): Map;
+
+        /**
+         * Get the list of meridians. Meridians are lines of equal longitude.
+         * @returns The meridians.
+         */
+        getMeridians(): Array<ol.geom.LineString>;
+
+        /**
+         * Get the list of parallels. Pallels are lines of equal latitude.
+         * @returns The parallels.
+         */
+        getParallels(): Array<ol.geom.LineString>;
+
+        /**
+         * Set the map for this graticule.The graticule will be rendered on the provided map.
+         * @param map Map
+         */
+        setMap(map: Map): void;
+    }
+
+    /**
+     *
+     */
+    class Image extends ol.ImageBase {
+
+        /**
+         * Get the HTML image element (may be a Canvas, Image, or Video).
+         * @param context Object.
+         * @returns Image.
+         */
+        getImage(context: HTMLCanvasElement): Image;
+
+        /**
+         * Get the HTML image element (may be a Canvas, Image, or Video).
+         * @param context Object.
+         * @returns Image.
+         */
+        getImage(context: HTMLImageElement): Image;
+
+        /**
+         * Get the HTML image element (may be a Canvas, Image, or Video).
+         * @param context Object.
+         * @returns Image.
+         */
+        getImage(context: HTMLVideoElement): Image;
+    }
+
+    /**
+     *
+     */
+    class ImageBase {
+    }
+
+    /**
+     *
+     */
+    class ImageTile extends ol.Tile {
+
+        /**
+         * Get the HTML image element for this tile (may be a Canvas, Image, or Video).
+         * @param context Object.
+         * @returns Image.
+         */
+        getImage(context: HTMLCanvasElement): Image;
+
+        /**
+         * Get the HTML image element for this tile (may be a Canvas, Image, or Video).
+         * @param context Object.
+         * @returns Image.
+         */
+        getImage(context: HTMLImageElement): Image;
+
+        /**
+         * Get the HTML image element for this tile (may be a Canvas, Image, or Video).
+         * @param context Object.
+         * @returns Image.
+         */
+        getImage(context: HTMLVideoElement): Image;
+
+    }
+
+    /**
+     * Implementation of inertial deceleration for map movement.
+     */
+    class Kinetic {
+
+        /**
+         * @constructor
+         * @param decay Rate of decay (must be negative).
+         * @param Minimum velocity (pixels/millisecond).
+         * @param Delay to consider to calculate the kinetic initial values (milliseconds).
+         */
+        constructor(decay: number, minVelocity: number, delay: number);
+    }
+
+    /**
+     * The map is the core component of OpenLayers. For a map to render, a view, one or more layers, and a target container are needed.
+     */
+    class Map extends ol.Object {
+
+        /**
+         * @constructor
+         * @params options Options.
+         */
+        constructor(options: olx.MapOptions);
+
+        /**
+         * Add the given control to the map.
+         * @param control Control.
+         */
+        addControl(control: ol.control.Control): void;
+
+        /**
+         * Add the given interaction to the map.
+         * @param interaction Interaction to add.
+         */
+        addInteraction(interaction: ol.interaction.Interaction): void;
+
+        /**
+         * Adds the given layer to the top of this map. If you want to add a layer elsewhere in the stack, use getLayers() and the methods available on ol.Collection.
+         * @param Layer.
+         */
+        addLayer(layer: ol.layer.Base): void;
+
+        /**
+         * Add the given overlay to the map.
+         * @param overlay Overlay.
+         */
+        addOverlay(overlay: ol.Overlay): void;
+
+        /**
+         * Add functions to be called before rendering. This can be used for attaching animations before updating the map's view. The ol.animation namespace provides several static methods for creating prerender functions.
+         * @param var_args Any number of pre-render functions.
+         */
+        beforeRender(var_args: ol.PreRenderFunction): void;
+
+        /**
+         * Detect features that intersect a pixel on the viewport, and execute a callback with each intersecting feature. Layers included in the detection can be configured through opt_layerFilter. Feature overlays will always be included in the detection.
+         * @param pixel Pixel.
+         * @param callback Feature callback. The callback will be called with two arguments. The first argument is one feature at the pixel, the second is the layer of the feature. If the detected feature is not on a layer, but on a ol.FeatureOverlay, then the second argument to this function will be null. To stop detection, callback functions can return a truthy value.
+         * @param ref Value to use as this when executing callback.
+         * @param layerFilter Layer filter function. The filter function will receive one argument, the layer-candidate and it should return a boolean value. Only layers which are visible and for which this function returns true will be tested for features. By default, all visible layers will be tested. Feature overlays will always be tested.
+         * @param ref2 Value to use as this when executing layerFilter.
+         * @returns Callback result, i.e. the return value of last callback execution, or the first truthy callback return value.
+         */
+        forEachFeatureAtPixel(pixel: ol.Pixel, callback: (feature: ol.Feature, layer: ol.layer.Layer) => any, ref?: any, layerFilter?: (layerCandidate: ol.layer.Layer) => boolean, ref2?: any): void;
+
+        /**
+         * Detect layers that have a color value at a pixel on the viewport, and execute a callback with each matching layer. Layers included in the detection can be configured through opt_layerFilter. Feature overlays will always be included in the detection.
+         * @param pixel Pixel.
+         * @param callback Layer callback. Will receive one argument, the layer that contains the color pixel. If the detected color value is not from a layer, but from a ol.FeatureOverlay, then the argument to this function will be null. To stop detection, callback functions can return a truthy value.
+         * @param ref Value to use as this when executing callback.
+         * @param layerFilter Layer filter function. The filter function will receive one argument, the layer-candidate and it should return a boolean value. Only layers which are visible and for which this function returns true will be tested for features. By default, all visible layers will be tested. Feature overlays will always be tested.
+         * @param ref2 Value to use as this when executing layerFilter.
+         * @returns Callback result, i.e. the return value of last callback execution, or the first truthy callback return value.
+         */
+        forEachLayerAtPixel(pixel: ol.Pixel, callback: (layer: ol.layer.Layer) => any, ref?: any, layerFilter?: (layerCandidate: ol.layer.Layer) => boolean, ref2?: any): void;
+
+        /**
+         * Get the map controls. Modifying this collection changes the controls associated with the map.
+         * @returns Controls.
+         */
+        getControls(): ol.Collection<ol.control.Control>;
+
+        /**
+         * Get the coordinate for a given pixel. This returns a coordinate in the map view projection.
+         * @param pixel Pixel position in the map viewport.
+         * @returns The coordinate for the pixel position.
+         */
+        getCoordinateFromPixel(pixel: ol.Pixel): ol.Coordinate;
+
+        /**
+         * Returns the geographical coordinate for a browser event.
+         * @param event Event.
+         * @returns Coordinate.
+         */
+        getEventCoordinate(event: Event): ol.Coordinate;
+
+        /**
+         * Returns the map pixel position for a browser event relative to the viewport.
+         * @param event Event.
+         * @returns Pixel.
+         */
+        getEventPixel(event: Event): ol.Pixel;
+
+        /**
+         * Get the map interactions. Modifying this collection changes the interactions associated with the map.
+         * @returns Interactions
+         */
+        getInteractions(): ol.Collection<ol.interaction.Interaction>;
+
+        /**
+         * Get the layergroup associated with this map.
+         * @returns A layer group containing the layers in this map.
+         */
+        getLayerGroup(): ol.layer.Group;
+
+        /**
+         * Get the collection of layers associated with this map.
+         * @returns Layers.
+         */
+        getLayers(): ol.Collection<ol.layer.Base>;
+
+        /**
+         * Get the map overlays. Modifying this collection changes the overlays associated with the map.
+         * @returns Overlays.
+         */
+        getOverlays(): ol.Collection<ol.Overlay>;
+
+        /**
+         * Get the pixel for a coordinate. This takes a coordinate in the map view projection and returns the corresponding pixel.
+         * @param coordinate A map coordinate.
+         * @returns A pixel position in the map viewport.
+         */
+        getPixelFromCoordinate(coordinate: ol.Coordinate): ol.Pixel;
+
+        /**
+         * Get the size of this map.
+         * @returns The size in pixels of the map in the DOM.
+         */
+        getSize(): ol.Size;
+
+        /**
+         * Get the target in which this map is rendered. Note that this returns what is entered as an option or in setTarget: if that was an element, it returns an element; if a string, it returns that.
+         * @returns The Element or id of the Element that the map is rendered in.
+         */
+        getTarget(): Element | string;
+
+        /**
+         * Get the DOM element into which this map is rendered. In contrast to getTarget this method always return an Element, or null if the map has no target.
+         * @returns The element that the map is rendered in.
+         */
+        getTargetElement(): Element;
+
+        /**
+         * Get the view associated with this map. A view manages properties such as center and resolution.
+         * @returns The view that controls this map.
+         */
+        getView(): View;
+
+        /**
+         * Get the element that serves as the map viewport.
+         * @returns Viewport.
+         */
+        getViewport(): Element;
+
+        /**
+         * Detect if features intersect a pixel on the viewport. Layers included in the detection can be configured through opt_layerFilter. Feature overlays will always be included in the detection.
+         * @param pixel Pixel.
+         * @param layerFilter Layer filter function. The filter function will receive one argument, the layer-candidate and it should return a boolean value. Only layers which are visible and for which this function returns true will be tested for features. By default, all visible layers will be tested. Feature overlays will always be tested.
+         * @param ref Value to use as this when executing layerFilter.
+         * @returns Is there a feature at the given pixel?
+         */
+        hasFeatureAtPixel(pixel: ol.Pixel, layerFilter?: (layer: ol.layer.Layer) => boolean, ref?: any): boolean;
+
+        /**
+         * Remove the given control from the map.
+         * @param Control.
+         * @returns The removed control (or undefined if the control was not found).
+         */
+        removeControl(control: ol.control.Control): ol.control.Control;
+
+        /**
+         * Remove the given interaction from the map.
+         * @param interaction Interaction to remove.
+         * @returns The removed interaction (or undefined if the interaction was not found).
+         */
+        removeInteraction(interaction: ol.interaction.Interaction): ol.interaction.Interaction;
+
+        /**
+         * Removes the given layer from the map.
+         * @param Layer.
+         * @returns The removed layer (or undefined if the layer was not found).
+         */
+        removeLayer(layer: ol.layer.Base): ol.layer.Base;
+
+        /**
+         * Remove the given overlay from the map.
+         * @param Overlay.
+         * @returns The removed overlay (or undefined if the overlay was not found).
+         */
+        removeOverlay(overlay: ol.Overlay): ol.Overlay;
+
+        /**
+         * Request a map rendering (at the next animation frame).
+         */
+        render(): void;
+
+        /**
+         * Requests an immediate render in a synchronous manner.
+         */
+        renderSync(): void;
+
+        /**
+         * Sets the layergroup of this map.
+         * @param layerGroup A layer group containing the layers in this map.
+         */
+        setLayerGroup(layerGroup: ol.layer.Group): void;
+
+        /**
+         * Set the size of this map.
+         * @param size The size in pixels of the map in the DOM.
+         */
+        setSize(size: ol.Size): void;
+
+        /**
+         * Set the target element to render this map into.
+         * @param target The Element that the map is rendered in.
+         */
+        setTarget(target: Element): void;
+
+        /**
+         * Set the target element to render this map into.
+         * @param target The id of the element that the map is rendered in.
+         */
+        setTarget(target: string): void;
+
+        /**
+         * Set the view for this map.
+         * @param view The view that controls this map.
+         */
+        setView(view: View): void;
+
+        /**
+         * Force a recalculation of the map viewport size. This should be called when third-party code changes the size of the map viewport.
+         * */
+        updateSize(): void;
+    }
+
+    /**
+     * Events emitted as map browser events are instances of this type. See ol.Map for which events trigger a map browser event.
+     */
+    class MapBrowserEvent extends MapEvent {
+
+        /**
+         * The coordinate of the original browser event
+         */
+        coordinate: Coordinate;
+
+        /**
+         * Indicates if the map is currently being dragged. Only set for POINTERDRAG and POINTERMOVE events. Default is false.
+         */
+        dragging: boolean;
+
+        /**
+         * The frame state at the time of the event
+         */
+        frameState: olx.FrameState;
+
+        /**
+         * The map where the event occured
+         */
+        map: Map;
+
+        /**
+         * The original browser event
+         */
+        originalEvent: Event;
+
+        /**
+         * The pixel of the original browser event.
+         */
+        pixel: Pixel;
+
+
+        // Methods
+
+        /**
+         * Prevents the default browser action.
+         */
+        preventDefault(): void;
+
+        /**
+         * Prevents further propagation of the current event.
+         */
+        stopPropagation(): void;
+    }
+
+    /**
+     * Events emitted as map events are instances of this type. See ol.Map for which events trigger a map event.
+     */
+    class MapEvent extends ol.events.Event {
+
+        /**
+         * The frame state at the time of the event.
+         */
+        frameState: olx.FrameState;
+
+        /**
+         * The map where the event occurred.
+         */
+        map: Map;
+    }
+
+    /**
+     * Abstract base class; normally only used for creating subclasses and not instantiated in apps. Most non-trivial classes inherit from this.
+     */
+    class Object extends Observable {
+
+        /**
+         * @constructor
+         * @param values An object with key-value pairs.
+         */
+        constructor(values?: Object);
+
+        /**
+         * Gets a value.
+         * @param key Key name.
+         * @returns Value.
+         */
+        get(key: string): any;
+
+        /**
+         * Get a list of object property names.
+         * @returns List of property names.
+         */
+        getKeys(): Array<string>;
+
+        /**
+         * Get an object of all property names and values.
+         * @returns Object.
+         */
+        getProperties(): Object;
+
+        /**
+         * @returns Revision.
+         */
+        getRevision(): number;
+
+        /**
+         * Sets a value.
+         * @param key Key name.
+         * @param value Value.
+         */
+        set(key: string, value: any): void;
+
+        /**
+         * Sets a collection of key-value pairs. Note that this changes any existing properties and adds new ones (it does not remove any existing properties).
+         * @param Values.
+         */
+        setProperties(values: Object): void;
+
+        /**
+         * Unsets a property.
+         */
+        unset(key: string): void;
+    }
+
+    /**
+     * Events emitted by ol.Object instances are instances of this type.
+     */
+    class ObjectEvent extends ol.events.Event {
+
+        /**
+         * The name of the property whose value is changing.
+         */
+        key: string;
+
+        /**
+         * The old value. To get the new value use e.target.get(e.key) where e is the event object.
+         */
+        oldValue: any;
+    }
+
+    /**
+     * Abstract base class; normally only used for creating subclasses and not instantiated in apps. An event target providing convenient methods for listener registration and unregistration. A generic change event is always available through ol.Observable#changed.
+     */
+    class Observable {
+
+        /**
+         * Removes an event listener using the key returned by on() or once().
+         */
+        unByKey(key: any): void;
+
+        /**
+         * Increases the revision counter and dispatches a 'change' event.
+         */
+        changed(): void;
+
+        /**
+         * @returns Revision.
+         */
+        getRevision(): number;
+
+        /**
+         * Listen for a certain type of event.
+         * @param type The event type.
+         * @param listener The listener function.
+         * @param ref The object to use as this in listener.
+         * @returns Unique key for the listener.
+         */
+        on(type: string, listener: (event: ol.events.Event) => void, ref?: any): any;
+
+        /**
+         * Listen for a certain type of event.
+         * @param type The array of event types.
+         * @param listener The listener function.
+         * @param ref The object to use as this in listener.
+         * @returns Unique key for the listener.
+         */
+        on(type: Array<string>, listener: (event: ol.events.Event) => void, ref?: any): any;
+
+        /**
+         * Listen once for a certain type of event.
+         * @param type The event type.
+         * @param listener The listener function.
+         * @param ref The object to use as this in listener.
+         * @returns Unique key for the listener.
+         */
+        once(type: string, listener: (event: ol.events.Event) => void, ref?: any): any;
+
+        /**
+         * Listen once for a certain type of event.
+         * @param type The array of event types.
+         * @param listener The listener function.
+         * @param ref The object to use as this in listener.
+         * @returns Unique key for the listener.
+         */
+        once(type: Array<string>, listener: (event: ol.events.Event) => void, ref?: any): any;
+
+        /**
+         * Unlisten for a certain type of event.
+         * @param type The array of event types.
+         * @param listener The listener function.
+         * @param ref The object to use as this in listener.
+         * @returns Unique key for the listener.
+         */
+        un(type: Array<string>, listener: (event: ol.events.Event) => void, ref?: any): any;
+
+        /**
+         * Removes an event listener using the key returned by on() or once(). Note that using the ol.Observable.unByKey static function is to be preferred.
+         * @param key The key returned by on() or once()
+         */
+        unByKey(key: any): void;
+    }
+
+    /**
+     * An element to be displayed over the map and attached to a single map location.
+     */
+    class Overlay extends ol.Object {
+
+        /**
+         * @constructor
+         * @param options Overlay options.
+         */
+        constructor(options: olx.OverlayOptions);
+
+        /**
+         * Get the DOM element of this overlay.
+         * @returns The Element containing the overlay.
+         */
+        getElement(): Element;
+
+        /**
+         * Get the map associated with this overlay.
+         * @returns The map that the overlay is part of.
+         */
+        getMap(): ol.Map;
+
+        /**
+         * Get the offset of this overlay.
+         * @returns The offset.
+         */
+        getOffset(): Array<number>;
+
+        /**
+         * Get the current position of this overlay.
+         * @returns The spatial point that the overlay is anchored at.
+         */
+        getPosition(): ol.Coordinate;
+
+        /**
+         * Get the current positioning of this overlay.
+         * @returns How the overlay is positioned relative to its point on the map.
+         */
+        getPositioning(): ol.OverlayPositioning;
+
+        /**
+         * Set the DOM element to be associated with this overlay.
+         * @param element The element containing the overlay.
+         */
+        setElement(element: Element): void;
+
+        /**
+         * Set the map to be associated with this overlay.
+         * @param map The map that the overlay is part of.
+         */
+        setMap(map: Map): void;
+
+        /**
+         * Set the offset for this overlay.
+         * @param offset Offset.
+         */
+        setOffset(offset: Array<number>): void;
+
+        /**
+         * Set the position for this overlay. If the position is undefined the overlay is hidden.
+         * @param position The spatial point that the overlay is anchored at.
+         */
+        setPosition(position: ol.Coordinate): void;
+
+        /**
+         * Set the positioning for this overlay.
+         * @param How the overlay is positioned relative to its point on the map.
+         */
+        setPositioning(positioning: ol.OverlayPositioning): void;
+    }
+
+    /**
+     * Events emitted by ol.interaction.Select instances are instances of this type.
+     */
+    class SelectEvent extends ol.events.Event {
+
+        /**
+         * Deselected features array.
+         */
+        deselected: Array<ol.Feature>;
+
+        /**
+         * Associated ol.MapBrowserEvent;
+         */
+        mapBrowserEvent: ol.MapBrowserEvent;
+
+        /**
+         * Selected features array.
+         */
+        selected: Array<ol.Feature>
+    }
+
+    /**
+     * Class to create objects that can be used with ol.geom.Polygon.circular.
+     */
+    class Sphere {
+
+        /**
+         * @constructor
+         * @param radius Radius.
+         */
+        constructor(radius: number);
+
+        /**
+         * Returns the geodesic area for a list of coordinates.
+         * @param coordinates List of coordinates of a linear ring. If the ring is oriented clockwise, the area will be positive, otherwise it will be negative.
+         * @returns Area.
+         */
+        geodesicArea(coordinates: Array<ol.Coordinate>): number;
+
+        /**
+         * Returns the distance from c1 to c2 using the haversine formula.
+         * @param c1 Coordinate 1.
+         * @param c2 Coordinate 2.
+         * @returns Haversine distance.
+         */
+        haversineDistance(c1: ol.Coordinate, c2: ol.Coordinate): number;
+    }
+
+    /**
+     * Base class for tiles.
+     */
+    class Tile {
+
+        /**
+         * Get the tile coordinate for this tile.
+         * @returns TileCoord.
+         */
+        getTileCoord(): ol.TileCoord;
+    }
+
+    /**
+     * An ol.View object represents a simple 2D view of the map.
+     */
+    class View extends ol.Object {
+
+        /**
+         * @constructor
+         * @param options Options.
+         */
+        constructor(options?: olx.ViewOptions);
+
+        /**
+         * Calculate the extent for the current view state and the passed size. The size is the pixel dimensions of the box into which the calculated extent should fit. In most cases you want to get the extent of the entire map, that is map.getSize().
+         * @param size Box pixel size
+         * @returns Extent.
+         */
+        calculateExtent(size: ol.Size): ol.Extent;
+
+        /**
+         * Center on coordinate and view position.
+         * @param coordinate Coordinate.
+         * @param size Box pixel size
+         * @param position Position on the view to center on
+         */
+        centerOn(coordinate: ol.Coordinate, size: ol.Size, position: ol.Pixel): void;
+
+        /**
+         * Get the constrained center of this view.
+         * @param center Center.
+         * @returns Constrained center.
+         */
+        constrainCenter(center: ol.Coordinate): ol.Coordinate;
+
+        /**
+         * Get the constrained resolution of this view.
+         * @param resolution: Resolution.
+         * @param delta Delta. Default is 0.
+         * @param direction Direction. Default is 0.
+         * @returns Constrained resolution
+         */
+        constrainResolution(resolution: number, delta?: number, direction?: number): number;
+
+        /**
+          * Fit the map view to the passed extent and size. The size is pixel dimensions of the box to fit the extent into. In most cases you will want to use the map size, that is map.getSize().
+          * @param extent Extent.
+          * @param size Box pixel size.
+          * @param options Options
+          */
+        fit(geometry: ol.geom.SimpleGeometry | ol.Extent, size: ol.Size, opt_options?: olx.view.FitGeometryOptions): void;
+
+        /**
+         * Get the view center.
+         * @returns The center of the view.
+         */
+        getCenter(): ol.Coordinate;
+
+        /**
+         * Get the view projection
+         * @returns The projection of the view.
+         */
+        getProjection(): ol.proj.Projection;
+
+        /**
+         * Get the view resolution
+         * @returns The resolution of the view.
+         */
+        getResolution(): number;
+
+        /**
+         * Get the view rotation
+         * @returns The rotation of the view in radians
+         */
+        getRotation(): number;
+
+        /**
+         * Get the current zoom level. Return undefined if the current resolution is undefined or not a "constrained resolution".
+         * @returns Zoom.
+         */
+        getZoom(): number;
+
+        /**
+         * Rotate the view around a given coordinate.
+         * @param rotation New rotation value for the view.
+         * @param anchor The rotation center.
+         */
+        rotate(rotation: number, anchor: ol.Coordinate): void;
+
+        /**
+         * Set the center of the current view.
+         * @param center The center of the view.
+         */
+        setCenter(center: ol.Coordinate): void;
+
+        /**
+         * Set the resolution for this view.
+         * @param resolution The resolution of the view.
+         */
+        setResolution(resolution: number): void;
+
+        /**
+         * Set the rotation for this view.
+         * @param rotation The rotation of the view in radians.
+         */
+        setRotation(rotation: number): void;
+
+        /**
+         * Zoom to a specific zoom level.
+         * @param zoom Zoom level.
+         */
+        setZoom(zoom: number): void;
+    }
+
+    // NAMESPACES
+
+    /**
+     * The animation static methods are designed to be used with the ol.Map#beforeRender method.
+     */
+    namespace animation {
+
+        /**
+         * Generate an animated transition that will "bounce" the resolution as it approaches the final value.
+         * @param options Bounce options.
+         */
+        function bounce(options: olx.animation.BounceOptions): ol.PreRenderFunction;
+
+        /**
+         * Generate an animated transition while updating the view center.
+         * @param options Pan options.
+         */
+        function pan(options: olx.animation.PanOptions): ol.PreRenderFunction;
+
+        /**
+         * Generate an animated transition while updating the view rotation.
+         * @param options Rotate options.
+         */
+        function rotate(options: olx.animation.RotateOptions): ol.PreRenderFunction;
+
+        /**
+         * Generate an animated transition while updating the view resolution.
+         * @param options Zoom options.
+         */
+        function zoom(options: olx.animation.ZoomOptions): ol.PreRenderFunction;
+    }
+
+    /**
+     * Return the color as an array. This function maintains a cache of calculated arrays which means the result should not be modified.
+     */
+    namespace color {
+
+        /**
+         * Return the color as an array. This function maintains a cache of calculated arrays which means the result should not be modified.
+         * @param color Color.
+         */
+        function asArray(color: ol.Color): ol.Color;
+
+        /**
+         * Return the color as an array. This function maintains a cache of calculated arrays which means the result should not be modified.
+         * @param color Color.
+         */
+        function asArray(color: string): ol.Color;
+
+        /**
+         * Return the color as an rgba string.
+         * @param color Color.
+         */
+        function asString(color: ol.Color): string;
+
+        /**
+         * Return the color as an rgba string.
+         * @param color Color.
+         */
+        function asString(color: string): string;
+    }
+
+    namespace control {
+
+        /**
+         * Set of controls included in maps by default. Unless configured otherwise, this returns a collection containing an instance of each of the following controls: ol.control.Zoom, ol.control.Rotate, ol.control.Attribution
+         * @param options Defaults options
+         * @returns Control.s
+         */
+        function defaults(options?: olx.control.DefaultsOptions): ol.Collection<ol.control.Control>;
+
+        namespace ScaleLine {
+
+            /**
+             * Units for the scale line. Supported values are 'degrees', 'imperial', 'nautical', 'metric', 'us'.
+             */
+            type Units = 'degrees' | 'imperial' | 'nautical' | 'metric' | 'us';
+        }
+
+        class Control extends ol.Object{
+            constructor(options: olx.control.ControlOptions);
+
+            /**
+             * Get the map associated with this control.
+             */
+            getMap():ol.Map;
+
+            /**
+             * Remove the control from its current map and attach it to the new map.
+             * Subclasses may set up event handlers to get notified about changes to the map here.
+             */
+            setMap(map: ol.Map):void;
+
+            /**
+             * This function is used to set a target element for the control.
+             * It has no effect if it is called after the control has been added to the map (i.e. after setMap is called on the control).
+             * If no target is set in the options passed to the control constructor and if setTarget is not called then the control is
+             * added to the map's overlay container.
+             */
+            setTarget(target: Element | string):void;
+
+
+        }
+
+        class Attribution extends Control {
+        }
+
+        class FullScreen extends Control {
+        }
+
+        class MousePosition extends Control {
+        }
+
+        class OverviewMap extends Control {
+            constructor(options?: olx.OverviewMapOptions);
+
+            /**
+             * Update the overview map element.
+             * @param mapEvent
+             */
+            render(mapEvent: ol.MapEvent): void;
+
+            /**
+             * Determine if the overview map is collapsed.
+             */
+            getCollapsed(): boolean;
+
+            /**
+             * Return true if the overview map is collapsible, false otherwise.
+             */
+            getCollapsible(): boolean;
+
+            /**
+             * Return the overview map.
+             */
+            getOverviewMap(): ol.Map;
+
+            /**
+             * Collapse or expand the overview map according to the passed parameter. Will not do anything if the overview map isn't collapsible or if the current collapsed state is already the one requested.
+             * @param collapsed
+             */
+            setCollapsed(collapsed: boolean): void;
+
+            /**
+             * Set whether the overview map should be collapsible.
+             * @param collapsible
+             */
+            setCollapsible(collapsible: boolean): void;
+        }
+
+        class Rotate extends Control {
+            constructor(opt_options?: olx.RotateOptions);
+        }
+
+        class ScaleLine extends Control {
+
+            /**
+             * Return the units to use in the scale line.
+             */
+            getUnits(): ScaleLine.Units;
+
+            /**
+             * Set the units to use in the scale line.
+             */
+            setUnits(units: ScaleLine.Units): void;
+
+        }
+
+        class Zoom extends Control{
+        }
+
+        class ZoomSlider extends Control{
+        }
+
+        class ZoomToExtent extends Control{
+        	constructor(options?: olx.ZoomToExtentOptions);
+        }
+    }
+
+    namespace coordinate {
+
+        /**
+         * Add delta to coordinate. coordinate is modified in place and returned by the function.
+         * @param coordinate Coordinate
+         * @param delta Delta
+         * @returns The input coordinate adjusted by the given delta.
+         */
+        function add(coordinate: ol.Coordinate, delta: ol.Coordinate): ol.Coordinate;
+
+        /**
+         * Returns a ol.CoordinateFormatType function that can be used to format a {ol.Coordinate} to a string.
+         * @param fractionDigits The number of digits to include after the decimal point. Default is 0.
+         * @returns Coordinate format
+         */
+        function createStringXY(fractionDigits?: number): ol.CoordinateFormatType;
+
+        /**
+         * Transforms the given ol.Coordinate to a string using the given string template. The strings {x} and {y} in the template will be replaced with the first and second coordinate values respectively.
+         * @param coordinate Coordinate
+         * @param template A template string with {x} and {y} placeholders that will be replaced by first and second coordinate values.
+         * @param fractionDigits The number of digits to include after the decimal point. Default is 0.
+         * @returns Formatted coordinate
+         */
+        function format(coordinate: ol.Coordinate, template: string, fractionDigits?: number): string;
+
+        /**
+         * Rotate coordinate by angle. coordinate is modified in place and returned by the function.
+         * @param coordinate Coordinate
+         * @param angle Angle in radian
+         * @returns Coordinatee
+         */
+        function rotate(coordinate: ol.Coordinate, angle: number): ol.Coordinate;
+
+        /**
+         * Format a geographic coordinate with the hemisphere, degrees, minutes, and seconds.
+         * @param coordinate COordinate
+         * @returns Hemisphere, degrees, minutes and seconds.
+         */
+        function toStringHDMS(coordinate?: ol.Coordinate): string;
+
+        /**
+         * Format a coordinate as a comma delimited string.
+         * @param coordinate Coordinate
+         * @param fractionDigits The number of digits to include after the decimal point. Default is 0.
+         * @returns XY
+         */
+        function toStringXY(coordinate?: ol.Coordinate, fractionDigits?: number): string;
+    }
+
+    /**
+     * Easing functions for ol.animation.
+     */
+    namespace easing {
+
+        /**
+         * Start slow and speed up.
+         * @param number Input between 0 and 1
+         * @returns Output between 0 and 1
+         */
+        function easeIn(t: number): number;
+
+        /**
+         * Start fast and slow down.
+         * @param number Input between 0 and 1
+         * @returns Output between 0 and 1
+         */
+        function easeOut(t: number): number;
+
+        /**
+        * Start slow, speed up, and then slow down again.
+        * @param number Input between 0 and 1
+        * @returns Output between 0 and 1
+        */
+        function inAndOut(t: number): number;
+
+        /**
+        * Maintain a constant speed over time.
+        * @param number Input between 0 and 1
+        * @returns Output between 0 and 1
+        */
+        function linear(t: number): number;
+
+        /**
+        * Start slow, speed up, and at the very end slow down again. This has the same general behavior as ol.easing.inAndOut, but the final slowdown is delayed.
+        * @param number Input between 0 and 1
+        * @returns Output between 0 and 1
+        */
+        function upAndDown(t: number): number;
+    }
+
+    namespace events {
+        namespace condition {
+            function altKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+            function altShiftKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+            function always(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+            function click(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+            function doubleClick(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+            function mouseOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+            function never(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+            function noModifierKeys(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+            function platformModifierKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+            function pointerMove(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+            function shiftKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+            function singleClick(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+            function targetNotEditable(mapBrowserEvent: ol.MapBrowserEvent): boolean;
+        }
+        interface ConditionType { (mapBrowseEvent: ol.MapBrowserEvent): boolean; }
+        class Event {
+          target: any;
+          type: string;
+          preventDefault(): void;
+          stopPropagation(): void;
+        }
+    }
+
+    namespace extent {
+
+        /**
+         * Apply a transform function to the extent.
+         * @param extent Extent
+         * @param transformFn Transform function. Called with [minX, minY, maxX, maxY] extent coordinates.
+         * @param destinationExtent Destination Extent
+         * @returns Extent
+         */
+        function applyTransform(extent: ol.Extent, transformFn: ol.TransformFunction, destinationExtent?: ol.Extent): ol.Extent;
+
+        /**
+         * Build an extent that includes all given coordinates.
+         * @param coordinates Coordinates
+         * @returns Bounding extent
+         */
+        function boundingExtent(coordinates: Array<ol.Coordinate>): ol.Extent;
+
+        /**
+         * Return extent increased by the provided value.
+         * @param extent Extent
+         * @param value The amount by which the extent should be buffered.
+         * @param destinationExtent Destination Extent
+         * @returns Extent
+         */
+        function buffer(extent: ol.Extent, value: number, destinationExtent?: ol.Extent): ol.Extent;
+
+        /**
+         * Check if the passed coordinate is contained or on the edge of the extent.
+         * @param extent Extent
+         * @param coordinate Coordinate
+         * @returns The coordinate is contained in the extent
+         */
+        function containsCoordinate(extent: ol.Extent, coordinate: ol.Coordinate): boolean;
+
+        /**
+         * Check if one extent contains another. An extent is deemed contained if it lies completely within the other extent, including if they share one or more edges.
+         * @param extent1 Extent 1
+         * @param extent2 Extent 2
+         * @returns The second extent is contained by or on the edge of the first
+         */
+        function containsExtent(extent1: ol.Extent, extent2: ol.Extent): boolean;
+
+        /**
+         * Check if the passed coordinate is contained or on the edge of the extent.
+         * @param extent Extent
+         * @param x X coordinate
+         * @param y Y coordinate
+         * @returns The x, y values are contained in the extent.
+         */
+        function containsXY(extent: ol.Extent, x: number, y: number): boolean;
+
+        /**
+         * Create an empty extent.
+         * @returns Empty extent
+         */
+        function createEmpty(): ol.Extent;
+
+        /**
+         * Determine if two extents are equivalent.
+         * @param extent1 Extent 1
+         * @param extent2 Extent 2
+         * @returns The two extents are equivalent
+         */
+        function equals(extent1: ol.Extent, extent2: ol.Extent): boolean;
+
+        /**
+         * Modify an extent to include another extent.
+         * @param extent1 The extent to be modified.
+         * @param extent2 The extent that will be included in the first.
+         * @returns A reference to the first (extended) extent.
+         */
+        function extend(extent1: ol.Extent, extent2: ol.Extent): ol.Extent;
+
+        /**
+         * Get the bottom left coordinate of an extent.
+         * @param extent Extent
+         * @returns Bottom left coordinate
+         */
+        function getBottomLeft(extent: ol.Extent): ol.Coordinate;
+
+        /**
+         * Get the bottom right coordinate of an extent.
+         * @param extent Extent
+         * @returns Bottom right coordinate
+         */
+        function getBottomRight(extent: ol.Extent): ol.Coordinate;
+
+        /**
+         * Get the center coordinate of an extent.
+         * @param extent Extent
+         * @returns Center
+         */
+        function getCenter(extent: ol.Extent): ol.Coordinate;
+
+        /**
+         * Get the height of an extent.
+         * @param extent Extent
+         * @returns Height
+         */
+        function getHeight(extent: ol.Extent): number;
+
+        /**
+         * Get the intersection of two extents.
+         * @param extent1 Extent 1
+         * @param extent2 Extent 2
+         * @param extent Optional extent to populate with intersection.
+         * @returns Intersecting extent
+         */
+        function getIntersection(extent1: ol.Extent, extent2: ol.Extent, extent?: ol.Extent): ol.Extent;
+
+        /**
+         * Get the size (width, height) of an extent.
+         * @param extent Extent
+         * @returns The extent size
+         */
+        function getSize(extent: ol.Extent): ol.Size;
+
+        /**
+         * Get the top left coordinate of an extent.
+         * @param extent Extent
+         * @returns Top left coordinate
+         */
+        function getTopLeft(extent: ol.Extent): ol.Coordinate;
+
+        /**
+         * Get the top right coordinate of an extent.
+         * @param extent Extent
+         * @returns Top right coordinate
+         */
+        function getTopRight(extent: ol.Extent): ol.Coordinate;
+
+        /**
+         * Get the width of an extent.
+         * @param extent Extent
+         * @returns Width
+         */
+        function getWidth(extent: ol.Extent): number;
+
+        /**
+         * Determine if one extent intersects another.
+         * @param extent1 Extent 1
+         * @param extent2 Extent 2
+         * @returns The two extents intersects
+         */
+        function intersects(extent1: ol.Extent, extent2: ol.Extent): boolean;
+
+        /**
+         * Determine if an extent is empty.
+         * @param extent Extent
+         * @returns Is empty
+         */
+        function isEmpty(extent: ol.Extent): boolean;
+    }
+
+    /**
+     * Loading mechanisms for vector data.
+     */
+    namespace featureloader {
+
+        /**
+         * Create an XHR feature loader for a url and format. The feature loader loads features (with XHR), parses the features, and adds them to the vector source.
+         * @param url Feature URL Service
+         * @param format Feature format
+         * @returns The feature loader
+         */
+        function xhr(url: string, format: ol.format.Feature): ol.FeatureLoader;
+    }
+
+    namespace format {
+
+        // Type definitions
+        interface IGCZ extends String { }
+
+        // Classes
+        class EsriJSON {
+        }
+
+        class Feature {
+        }
+
+        /**
+         * Feature format for reading and writing data in the GeoJSON format.
+         */
+        class GeoJSON extends ol.format.JSONFeature {
+
+            /**
+             * @constructor
+             * @param Options
+             */
+            constructor(options?: olx.format.GeoJSONOptions);
+
+            /**
+             * Read a feature from a GeoJSON Feature source. Only works for Feature, use readFeatures to read FeatureCollection source.
+             * @param source Source
+             * @param options Read options
+             * @returns Feature
+             */
+            readFeature(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): ol.Feature;
+
+            /**
+             * Read all features from a GeoJSON source. Works with both Feature and FeatureCollection sources.
+             * @param source Source
+             * @param options Read options
+             * @returns Features
+             */
+            readFeatures(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): Array<ol.Feature>;
+
+            /**
+             * Read a geometry from a GeoJSON source.
+             * @param source Source
+             * @param options Read options
+             * @returns Geometry
+             */
+            readGeometry(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): ol.geom.Geometry;
+
+            /**
+             * Read the projection from a GeoJSON source.
+             * @param Source
+             * @returns Projection
+             */
+            readProjection(source: Document | Node | JSON | string): ol.proj.Projection;
+
+            /**
+             * Encode a feature as a GeoJSON Feature string.
+             * @param feature Feature
+             * @param options Write options
+             * @returns GeoJSON
+             */
+            writeFeature(feature: ol.Feature, options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode a feature as a GeoJSON Feature object.
+             * @param feature Feature
+             * @param options Write options
+             * @returns GeoJSON object
+             */
+            writeFeatureObject(feature: ol.Feature, options?: olx.format.WriteOptions): JSON;
+
+            /**
+             * Encode an array of features as GeoJSON.
+             * @param features Features
+             * @param options Write options
+             * @returns GeoJSON
+             */
+            writeFeatures(features: Array<ol.Feature>, options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode an array of features as a GeoJSON object.
+             * @param features Features
+             * @param options Write options
+             * @returns GeoJSON object
+             */
+            writeFeaturesObject(features: Array<ol.Feature>, options?: olx.format.WriteOptions): JSON;
+
+            /**
+             * Encode a geometry as a GeoJSON string.
+             * @param geometry Geometry
+             * @param options Write options
+             * @returns GeoJSON
+             */
+            writeGeometry(geometry: ol.geom.Geometry, options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode a geometry as a GeoJSON object.
+             * @param geometry Geometry
+             * @options Write options
+             * @returns GeoJSON object
+             */
+            writeGeometryObject(geometry: ol.geom.Geometry, options?: olx.format.WriteOptions): JSON;
+        }
+
+        class GML {
+        }
+
+        class GML2 {
+        }
+
+        class GML3 {
+        }
+
+        class GMLBase {
+        }
+
+        class GPX {
+        }
+
+        class IGC {
+        }
+
+        class JSONFeature {
+        }
+
+        class KML {
+        }
+
+        class OSMXML {
+        }
+
+        class Polyline {
+        }
+
+        class TextFeature {
+        }
+
+        class TopoJSON {
+        }
+
+        class WFS {
+            readFeatures(source: Document | Node | Object | string, option?: olx.format.ReadOptions): Array<ol.Feature>;
+        }
+
+        class WKT {
+            constructor(opt_options?: olx.format.WKTOptions);
+
+            /**
+             * Read a feature from a WKT source.
+             * @param source Source
+             * @param options Read options
+             * @returns Feature
+             */
+            readFeature(source: Document | Node | JSON | string, opt_options?: olx.format.ReadOptions): ol.Feature;
+
+            /**
+             * Read all features from a WKT source.
+             * @param source Source
+             * @param options Read options
+             * @returns Features
+             */
+            readFeatures(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): Array<ol.Feature>;
+
+            /**
+             * Read a geometry from a GeoJSON source.
+             * @param source Source
+             * @param options Read options
+             * @returns Geometry
+             */
+            readGeometry(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): ol.geom.Geometry;
+
+            /**
+             * Encode a feature as a WKT string.
+             * @param feature Feature
+             * @param options Write options
+             * @returns GeoJSON
+             */
+            writeFeature(feature: ol.Feature, options?: olx.format.WriteOptions): string;
+
+            /**
+             * Encode an array of features as a WKT string.
+             * @param features Features
+             * @param options Write options
+             * @returns GeoJSON
+             */
+            writeFeatures(features: Array<ol.Feature>, options?: olx.format.WriteOptions): string;
+
+            /**
+             * Write a single geometry as a WKT string.
+             * @param geometry Geometry
+             * @param options Write options
+             * @returns GeoJSON
+             */
+            writeGeometry(geometry: ol.geom.Geometry, options?: olx.format.WriteOptions): string;
+        }
+
+        class WMSCapabilities {
+        }
+
+        class WMSGetFeatureInfo {
+        }
+
+        class WMTSCapabilities {
+        }
+
+        class XML {
+        }
+
+        class XMLFeature {
+        }
+    }
+
+    namespace geom {
+
+        // Type definitions
+        interface GeometryLayout extends String { }
+        interface GeometryType extends String { }
+
+        /**
+         * Abstract base class; only used for creating subclasses; do not instantiate
+         * in apps, as cannot be rendered.
+         */
+        class Circle extends ol.geom.SimpleGeometry {
+
+            /**
+            * Test if the geometry and the passed extent intersect.
+            * @param extent Extent
+            * @returns true if the geometry and the extent intersect.
+            */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Transform each coordinate of the circle from one coordinate reference system
+             * to another. The geometry is modified in place.
+             * If you do not want the geometry modified in place, first clone() it and
+             * then use this function on the clone.
+             *
+             * Internally a circle is currently represented by two points: the center of
+             * the circle `[cx, cy]`, and the point to the right of the circle
+             * `[cx + r, cy]`. This `transform` function just transforms these two points.
+             * So the resulting geometry is also a circle, and that circle does not
+             * correspond to the shape that would be obtained by transforming every point
+             * of the original circle.
+             * @param source The current projection.  Can be a string identifier or a {@link ol.proj.Projection} object.
+             * @param destination The desired projection.  Can be a string identifier or a {@link ol.proj.Projection} object.
+             * @returns This geometry.  Note that original geometry is  modified in place.
+             */
+            transform(source: ol.proj.ProjectionLike, destination: ol.proj.ProjectionLike): ol.geom.Circle;
+        }
+
+        /**
+         * Abstract base class; normally only used for creating subclasses and not instantiated in apps. Base class for vector geometries.
+         */
+        class Geometry extends ol.Object {
+
+            /**
+             * Return the closest point of the geometry to the passed point as coordinate.
+             * @param point Point
+             * @param closestPoint Closest Point
+             * @returns Closest Point
+             */
+            getClosestPoint(point: ol.Coordinate, closestPoint?: ol.Coordinate): ol.Coordinate;
+
+            /**
+             * Get the extent of the geometry.
+             * @param Extent
+             * @returns Extent
+             */
+            getExtent(extent?: ol.Extent): ol.Extent;
+
+            /**
+             * Transform each coordinate of the geometry from one coordinate reference system to another.
+             * The geometry is modified in place. For example, a line will be transformed to a line and a
+             * circle to a circle. If you do not want the geometry modified in place, first clone() it and
+             * then use this function on the clone.
+             * @param source The current projection. Can be a string identifier or a ol.proj.Projection object.
+             * @param destination The desired projection. Can be a string identifier or a ol.proj.Projection object.
+             * @return This geometry. Note that original geometry is modified in place.
+             */
+            transform(source: ol.proj.ProjectionLike | ol.proj.Projection, destination: ol.proj.ProjectionLike | ol.proj.Projection): ol.geom.Geometry;
+        }
+
+        /**
+        * An array of ol.geom.Geometry objects.
+        */
+        class GeometryCollection extends ol.geom.Geometry {
+
+            /**
+             * constructor
+             * @param geometries Geometries.
+             */
+            constructor(geometries?: Array<ol.geom.Geometry>);
+
+            /**
+             * Apply a transform function to each coordinate of the geometry. The geometry is modified in place.
+             * If you do not want the geometry modified in place, first clone() it and then use this function on the clone.
+             * @param transformFn TransformFunction
+             */
+            applyTransform(transformFn: ol.TransformFunction): void;
+
+            /**
+             * Make a complete copy of the geometry.
+             * @returns Clone.
+             */
+            clone(): ol.geom.GeometryCollection;
+
+            /**
+             * Return the geometries that make up this geometry collection.
+             * @returns Geometries.
+             */
+            getGeometries(): Array<Geometry>;
+
+            /**
+             * Get the type of this geometry.
+             * @returns Geometry type
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * Test if the geometry and the passed extent intersect.
+             * @param extent Extent
+             * @returns true if the geometry and the extent intersect.
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the geometries that make up this geometry collection.
+             * @param geometries Geometries.
+             */
+            setGeometries(geometries: Array<ol.geom.Geometry>): void;
+
+        }
+
+        /**
+        * Linear ring geometry. Only used as part of polygon; cannot be rendered
+        * on its own.
+        */
+        class LinearRing extends SimpleGeometry {
+
+            /**
+             * constructor
+             * @param coordinates Coordinates.
+             * @param layout Layout.
+             */
+            constructor(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Make a complete copy of the geometry.
+             * @returns Clone.
+             */
+            clone(): ol.geom.LinearRing;
+
+            /**
+             * Return the area of the linear ring on projected plane.
+             * @returns Area (on projected plane).
+             */
+            getArea(): number;
+
+            /**
+             * Return the coordinates of the linear ring.
+             * @returns Coordinates.
+             */
+            getCoordinates(): Array<ol.Coordinate>;
+
+            /**
+             * Get the type of this geometry.
+             * @returns Geometry type
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+            * @Set the coordinates of the linear ring
+            * @param coordinates Coordinates.
+            * @param layout Layout.
+            */
+            setCoordinates(coordinates: Array<ol.Coordinate>, layout?: any): void;
+
+        }
+
+        /**
+        * Linestring geometry.
+        */
+        class LineString extends ol.geom.SimpleGeometry {
+
+            /**
+             * constructor
+             * @param coordinates Coordinates.
+             * @param layout Layout.
+             */
+            constructor(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Append the passed coordinate to the coordinates of the linestring.
+             * @param coordinate Coordinate.
+             */
+            appendCoordinate(coordinate: ol.Coordinate): void;
+
+            /**
+             * Make a complete copy of the geometry.
+             * @returns Clone.
+             */
+            clone(): ol.geom.LineString;
+
+            /**
+             * Returns the coordinate at `m` using linear interpolation, or `null` if no
+             * such coordinate exists.
+             *
+             * `extrapolate` controls extrapolation beyond the range of Ms in the
+             * MultiLineString. If `extrapolate` is `true` then Ms less than the first
+             * M will return the first coordinate and Ms greater than the last M will
+             * return the last coordinate.
+             *
+             * @param m M.
+             * @param extrapolate Extrapolate. Default is `false`.
+             * @returns Coordinate.
+             */
+            getCoordinateAtM(m: number, extrapolate?: boolean): ol.Coordinate;
+
+            /**
+             * Return the coordinates of the linestring.
+             * @returns Coordinates.
+             */
+            getCoordinates(): Array<ol.Coordinate>;
+
+            /**
+             * Return the length of the linestring on projected plane.
+             * @returns Length (on projected plane).
+             */
+            getLength(): number;
+
+            /**
+             * Get the type of this geometry.
+             * @returns Geometry type
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * Test if the geometry and the passed extent intersect.
+             * @param extent Extent
+             * @returns true if the geometry and the extent intersect.
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the coordinates of the linestring.
+             * @param coordinates Coordinates.
+             * @param layout Layout.
+             */
+            setCoordinates(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout): void;
+        }
+
+        /**
+        * Multi-linestring geometry.
+        */
+        class MultiLineString extends ol.geom.SimpleGeometry {
+
+            /**
+             * constructor
+             * @param coordinates Coordinates.
+             * @param layout Layout.
+             */
+            constructor(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Append the passed linestring to the multilinestring.
+             * @param lineString LineString.
+             */
+            appendLineString(lineString: ol.geom.LineString): void;
+
+            /**
+             * Make a complete copy of the geometry.
+             * @returns Clone.
+             */
+            clone(): ol.geom.MultiLineString;
+
+            /**
+             * Returns the coordinate at `m` using linear interpolation, or `null` if no
+             * such coordinate exists.
+             *
+             * `extrapolate` controls extrapolation beyond the range of Ms in the
+             * MultiLineString. If `extrapolate` is `true` then Ms less than the first
+             * M will return the first coordinate and Ms greater than the last M will
+             * return the last coordinate.
+             *
+             * `interpolate` controls interpolation between consecutive LineStrings
+             * within the MultiLineString. If `interpolate` is `true` the coordinates
+             * will be linearly interpolated between the last coordinate of one LineString
+             * and the first coordinate of the next LineString.  If `interpolate` is
+             * `false` then the function will return `null` for Ms falling between
+             * LineStrings.
+             *
+             * @param m M.
+             * @param extrapolate Extrapolate. Default is `false`.
+             * @param interpolate Interpolate. Default is `false`.
+             * @returns Coordinate.
+             */
+            getCoordinateAtM(m: number, extrapolate?: boolean, interpolate?: boolean): ol.Coordinate;
+
+            /**
+             * Return the coordinates of the multilinestring.
+             * @returns Coordinates.
+             */
+            getCoordinates(): Array<Array<ol.Coordinate>>;
+
+            /**
+             * Return the linestring at the specified index.
+             * @param index Index.
+             * @returns LineString.
+             */
+            getLineString(index: number): ol.geom.LineString;
+
+            /**
+             * Return the linestrings of this multilinestring.
+             * @returns LineStrings.
+             */
+            getLineStrings(): Array<ol.geom.LineString>;
+
+            /**
+             * Get the type of this geometry.
+             * @returns Geometry type
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * Test if the geometry and the passed extent intersect.
+             * @param extent Extent
+             * @returns true if the geometry and the extent intersect.
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the coordinates of the multilinestring.
+             * @param coordinates Coordinates.
+             * @param layout Layout.
+             */
+            setCoordinates(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout): void;
+        }
+
+        /**
+        * Multi-point geometry.
+        */
+        class MultiPoint extends ol.geom.SimpleGeometry {
+
+            /**
+             * constructor
+             * @param coordinates Coordinates.
+             * @param layout Layout.
+             */
+            constructor(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Append the passed point to this multipoint.
+             * @param {ol.geom.Point} point Point.
+             */
+            appendPoint(point: ol.geom.Point): void;
+
+            /**
+             * Make a complete copy of the geometry.
+             * @returns Clone.
+             */
+            clone(): ol.geom.MultiPoint;
+
+            /**
+             * Return the coordinates of the multipoint.
+             * @returns Coordinates.
+             */
+            getCoordinates(): Array<ol.Coordinate>;
+
+            /**
+             * Return the point at the specified index.
+             * @param index Index.
+             * @returns Point.
+             */
+            getPoint(index: number): ol.geom.Point;
+
+            /**
+             * Return the points of this multipoint.
+             * @returns Points.
+             */
+            getPoints(): Array<ol.geom.Point>;
+
+            /**
+             * Get the type of this geometry.
+             * @returns Geometry type
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * Test if the geometry and the passed extent intersect.
+             * @param extent Extent
+             * @returns true if the geometry and the extent intersect.
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the coordinates of the multipoint.
+             * @param coordinates Coordinates.
+             * @param layout Layout.
+             */
+            setCoordinates(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout): void;
+        }
+
+        /**
+         * Multi-polygon geometry.
+         */
+        class MultiPolygon extends ol.geom.SimpleGeometry {
+
+            /**
+             * constructor
+             * @param coordinates Coordinates.
+             * @param layout Layout.
+             */
+            constructor(coordinates: Array<Array<Array<ol.Coordinate>>>, layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Append the passed polygon to this multipolygon.
+             * @param polygon Polygon.
+             */
+            appendPolygon(polygon: ol.geom.Polygon): void;
+
+            /**
+             * Make a complete copy of the geometry.
+             * @returns Clone.
+             */
+            clone(): ol.geom.MultiPolygon;
+
+            /**
+             * Return the area of the multipolygon on projected plane.
+             * @returns Area (on projected plane).
+             */
+            getArea(): number;
+
+            /**
+             * Get the coordinate array for this geometry.  This array has the structure
+             * of a GeoJSON coordinate array for multi-polygons.
+             *
+             * @param right Orient coordinates according to the right-hand
+             *     rule (counter-clockwise for exterior and clockwise for interior rings).
+             *     If `false`, coordinates will be oriented according to the left-hand rule
+             *     (clockwise for exterior and counter-clockwise for interior rings).
+             *     By default, coordinate orientation will depend on how the geometry was
+             *     constructed.
+             * @returns Coordinates.
+             */
+            getCoordinates(right?: boolean): Array<Array<Array<ol.Coordinate>>>;
+
+            /**
+             * Return the interior points as {@link ol.geom.MultiPoint multipoint}.
+             * @returns Interior points.
+             */
+            getInteriorPoints(): ol.geom.MultiPoint;
+
+            /**
+             * Return the polygon at the specified index.
+             * @param index Index.
+             * @returns  Polygon.
+             */
+            getPolygon(index: number): ol.geom.Polygon;
+
+            /**
+             * Return the polygons of this multipolygon.
+             * @returns Polygons.
+             */
+            getPolygons(): Array<ol.geom.Polygon>;
+
+            /**
+             * Get the type of this geometry.
+             * @returns Geometry type
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * Test if the geometry and the passed extent intersect.
+             * @param extent Extent
+             * @returns true if the geometry and the extent intersect.
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the coordinates of the multipolygon.
+             * @param coordinates Coordinates.
+             * @param layout Layout.
+             */
+            setCoordinates(coordinates: Array<Array<Array<ol.Coordinate>>>, layout?: ol.geom.GeometryLayout): void;
+        }
+
+        /**
+        * Point geometry.
+        */
+        class Point extends SimpleGeometry {
+
+            /**
+             * constructor
+             * @param coordinates Coordinates.
+             * @param layout Layout.
+             */
+            constructor(coordinates: ol.Coordinate, layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Make a complete copy of the geometry.
+             * @returns Clone.
+             */
+            clone(): ol.geom.Point;
+
+            /**
+             * Return the coordinate of the point.
+             * @returns Coordinates.
+             */
+            getCoordinates(): ol.Coordinate;
+
+            /**
+             * Get the type of this geometry.
+             * @returns Geometry type
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * Test if the geometry and the passed extent intersect.
+             * @param extent Extent
+             * @returns true if the geometry and the extent intersect.
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the coordinate of the point.
+             * @param coordinates Coordinates.
+             * @param layout Layout.
+             */
+            setCoordinates(coordinates: ol.Coordinate, layout?: ol.geom.GeometryLayout): void;
+        }
+
+        /**
+        * Polygon geometry.
+        */
+        class Polygon extends SimpleGeometry {
+
+            /**
+             * constructor
+             * @param coordinates Coordinates.
+             * @param layout Layout.
+             */
+            constructor(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout);
+
+            /**
+             * Create an approximation of a circle on the surface of a sphere.
+             * @param sphere The sphere.
+             * @param center Center (`[lon, lat]` in degrees).
+             * @param radius The great-circle distance from the center to the polygon vertices.
+             * @param n Optional number of vertices for the resulting polygon. Default is `32`.
+             * @returns The "circular" polygon.
+             */
+            static circular(sphere: ol.Sphere, center: ol.Coordinate, radius: number, n?: number): ol.geom.Polygon;
+
+            /**
+             * Append the passed linear ring to this polygon.
+             * @param linearRing Linear ring.
+             */
+            appendLinearRing(linearRing: ol.geom.LinearRing): void;
+
+            /**
+             * Make a complete copy of the geometry.
+             * @returns Clone.
+             */
+            clone(): ol.geom.Polygon;
+
+            /**
+             * Return the area of the polygon on projected plane.
+             * @returns Area (on projected plane).
+             */
+            getArea(): number;
+
+            /**
+             * Get the coordinate array for this geometry.  This array has the structure
+             * of a GeoJSON coordinate array for polygons.
+             *
+             * @param right Orient coordinates according to the right-hand
+             *     rule (counter-clockwise for exterior and clockwise for interior rings).
+             *     If `false`, coordinates will be oriented according to the left-hand rule
+             *     (clockwise for exterior and counter-clockwise for interior rings).
+             *     By default, coordinate orientation will depend on how the geometry was
+             *     constructed.
+             * @returns Coordinates.
+             */
+            getCoordinates(right?: boolean): Array<Array<ol.Coordinate>>;
+
+            /**
+             * Return an interior point of the polygon.
+             * @returns Interior point.
+             */
+            getInteriorPoint(): ol.geom.Point;
+
+            /**
+             * Return the Nth linear ring of the polygon geometry. Return `null` if the
+             * given index is out of range.
+             * The exterior linear ring is available at index `0` and the interior rings
+             * at index `1` and beyond.
+             *
+             * @param index Index.
+             * @returns Linear ring.
+             */
+            getLinearRing(index: number): ol.geom.LinearRing;
+
+            /**
+             * Return the linear rings of the polygon.
+             * @returns Linear rings.
+             */
+            getLinearRings(): Array<ol.geom.LinearRing>;
+
+            /**
+             * Get the type of this geometry.
+             * @returns Geometry type
+             */
+            getType(): ol.geom.GeometryType;
+
+            /**
+             * Test if the geometry and the passed extent intersect.
+             * @param extent Extent
+             * @returns true if the geometry and the extent intersect.
+             */
+            intersectsExtent(extent: ol.Extent): boolean;
+
+            /**
+             * Set the coordinates of the polygon.
+             * @param coordinates Coordinates.
+             * @param layout Layout.
+             */
+            setCoordinates(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout): void;
+        }
+        /**
+         * Abstract base class; only used for creating subclasses; do not instantiate
+         * in apps, as cannot be rendered.
+         */
+        class SimpleGeometry extends ol.geom.Geometry {
+
+            /**
+             * Apply a transform function to each coordinate of the geometry. The geometry is modified in place.
+             * If you do not want the geometry modified in place, first clone() it and then use this function on the clone.
+             * @param transformFn TransformFunction
+             */
+            applyTransform(transformFn: ol.TransformFunction): void;
+
+            /**
+             * Return the first coordinate of the geometry.
+             * @returns First coordinate.
+             */
+            getFirstCoordinate(): ol.Coordinate;
+
+            /**
+             * Return the last coordinate of the geometry.
+             * @returns Last point.
+             */
+            getLastCoordinate(): ol.Coordinate;
+
+            /**
+             * Return the {@link ol.geom.GeometryLayout layout} of the geometry.
+             * @returns Layout.
+             */
+            getLayout(): ol.geom.GeometryLayout;
+
+            /**
+            * Translate the geometry. This modifies the geometry coordinates in place.
+            * If instead you want a new geometry, first clone() this geometry.
+            * @param deltaX Delta X
+            * @param deltaY Delta Y
+            */
+            translate(deltaX: number, deltaY: number): void;
+        }
+    }
+
+    namespace has {
+    }
+
+    namespace interaction {
+        /**
+         * Allows the user to zoom by double-clicking on the map.
+         */
+        class DoubleClickZoom extends ol.interaction.Interaction {
+            constructor(opt_options?: olx.interaction.DoubleClickZoomOptions);
+        }
+        /**
+         * Handles input of vector data by drag and drop.
+         */
+        class DragAndDrop extends ol.interaction.Interaction {
+            constructor(opt_options?: olx.interaction.DragAndDropOptions);
+        }
+        /**
+         * Events emitted by ol.interaction.DragAndDrop instances are instances of this type.
+         */
+        class DragAndDropEvent extends ol.events.Event {
+        }
+        /**
+         * Allows the user to draw a vector box by clicking and dragging on the map,
+         * normally combined with an ol.events.condition that limits it to when the shift or other key is held down.
+         * This is used, for example, for zooming to a specific area of the map
+         * (see ol.interaction.DragZoom and ol.interaction.DragRotateAndZoom).
+         *
+         * This interaction is only supported for mouse devices.
+         */
+        class DragBox extends ol.interaction.Pointer {
+            constructor(opt_options?: olx.interaction.DragBoxOptions);
+            /**
+             * Returns geometry of last drawn box.
+             */
+            getGeometry(): ol.geom.Polygon;
+        }
+        /**
+         * Allows the user to pan the map by dragging the map.
+         */
+        class DragPan extends ol.interaction.Pointer {
+            constructor(opt_options?: olx.interaction.DragPanOptions);
+        }
+        /**
+         * Allows the user to rotate the map by clicking and dragging on the map,
+         * normally combined with an ol.events.condition that limits it to when the alt and shift keys are held down.
+         *
+         * This interaction is only supported for mouse devices.
+         */
+        class DragRotate extends ol.interaction.Pointer {
+            constructor(opt_options?: olx.interaction.DragRotateOptions);
+        }
+        /**
+         * Allows the user to zoom and rotate the map by clicking and dragging on the map.
+         * By default, this interaction is limited to when the shift key is held down.
+         *
+         * This interaction is only supported for mouse devices.
+         *
+         * And this interaction is not included in the default interactions.
+         */
+        class DragRotateAndZoom extends ol.interaction.Pointer {
+            constructor(opt_options?: olx.interaction.DragRotateAndZoomOptions);
+        }
+        /**
+         * Allows the user to zoom the map by clicking and dragging on the map,
+         * normally combined with an ol.events.condition that limits it to when a key, shift by default, is held down.
+         *
+         * To change the style of the box, use CSS and the .ol-dragzoom selector, or your custom one configured with className.
+         */
+        class DragZoom extends ol.interaction.DragBox {
+            constructor(opt_options?: olx.interaction.DragZoomOptions);
+        }
+        /**
+         * Interaction for drawing feature geometries.
+         */
+        class Draw extends ol.interaction.Pointer {
+            constructor(opt_options?: olx.interaction.DrawOptions);
+        }
+        /**
+         * Events emitted by ol.interaction.Draw instances are instances of this type.
+         */
+        class DrawEvent extends ol.events.Event {
+            /**
+             * The feature being drawn.
+             */
+            feature: ol.Feature;
+            /**
+             * The event target.
+             */
+            target: ol.Object;
+            /**
+             * The event type.
+             */
+            type: string;
+        }
+        /**
+         * Abstract base class; normally only used for creating subclasses and not instantiated in apps.
+         * User actions that change the state of the map. Some are similar to controls, but are not associated with a DOM element.
+         * For example, ol.interaction.KeyboardZoom is functionally the same as ol.control.Zoom, but triggered by a keyboard event
+         * not a button element event. Although interactions do not have a DOM element,
+         * some of them do render vectors and so are visible on the screen.
+         */
+        class Interaction extends ol.Object {
+            constructor (options: olx.interaction.InteractionOptions)
+            /**
+             * Return whether the interaction is currently active.
+             */
+            getActive (): boolean;
+            /**
+             * Get the map associated with this interaction.
+             */
+            getMap (): ol.Map;
+            /**
+             * Activate or deactivate the interaction.
+             */
+            setActive (active: boolean): void;
+        }
+        /**
+         * Allows the user to pan the map using keyboard arrows. Note that, although this interaction is by default included in maps,
+         * the keys can only be used when browser focus is on the element to which the keyboard events are attached.
+         * By default, this is the map div, though you can change this with the keyboardEventTarget in ol.Map.
+         * document never loses focus but, for any other element, focus will have to be on, and returned to,
+         * this element if the keys are to function. See also ol.interaction.KeyboardZoom.
+         */
+        class KeyboardPan extends ol.interaction.Interaction {
+            constructor(opt_options?: olx.interaction.KeyboardPanOptions);
+        }
+        /**
+         * Allows the user to zoom the map using keyboard + and -. Note that, although this interaction is by default included in maps,
+         * the keys can only be used when browser focus is on the element to which the keyboard events are attached. By default,
+         * this is the map div, though you can change this with the keyboardEventTarget in ol.Map. document never loses focus but,
+         * for any other element, focus will have to be on, and returned to, this element if the keys are to function.
+         * See also ol.interaction.KeyboardPan.
+         */
+        class KeyboardZoom extends ol.interaction.Interaction {
+            constructor(opt_options?: olx.interaction.KeyboardZoomOptions);
+        }
+        /**
+         * Interaction for modifying feature geometries.
+         */
+        class Modify extends ol.interaction.Pointer {
+            constructor(opt_options?: olx.interaction.ModifyOptions);
+        }
+        /**
+         * Allows the user to zoom the map by scrolling the mouse wheel.
+         */
+        class MouseWheelZoom extends ol.interaction.Interaction {
+            constructor(opt_options?: olx.interaction.MouseWheelZoomOptions);
+        }
+        /**
+         * Allows the user to rotate the map by twisting with two fingers on a touch screen.
+         */
+        class PinchRotate extends ol.interaction.Pointer {
+            constructor(opt_options?: olx.interaction.PinchRotateOptions);
+        }
+        /**
+         * Allows the user to zoom the map by pinching with two fingers on a touch screen.
+         */
+        class PinchZoom extends ol.interaction.Pointer {
+            constructor(opt_options?: olx.interaction.PinchZoomOptions);
+        }
+        /**
+         * Base class that calls user-defined functions on down, move and up events. This class also manages "drag sequences".
+         *
+         * When the handleDownEvent user function returns true a drag sequence is started. During a drag sequence the handleDragEvent
+         * user function is called on move events. The drag sequence ends when the handleUpEvent user function is called and returns false.
+         */
+        class Pointer extends ol.interaction.Interaction {
+            constructor(opt_options?: olx.interaction.PointerOptions);
+        }
+        /**
+         * Interaction for selecting vector features. By default, selected features are styled differently, so this interaction can be used
+         * for visual highlighting, as well as selecting features for other actions, such as modification or output. There are three ways of
+         * controlling which features are selected: using the browser event as defined by the condition and optionally the toggle,
+         * add/remove, and multi options; a layers filter; and a further feature filter using the filter option.
+         *
+         * Selected features are added to an internal unmanaged layer.
+         */
+        class Select extends ol.interaction.Interaction {
+            constructor(opt_options?: olx.interaction.SelectOptions);
+            /**
+             * Returns the associated vectorlayer of the (last) selected feature.
+             * Note that this will not work with any programmatic method like pushing features to collection.
+             */
+            getLayer(): ol.layer.Layer;
+            /**
+             * Get the selected features.
+             */
+            getFeatures(): ol.Collection<ol.Feature>;
+        }
+        /**
+         * Events emitted by ol.interaction.Select instances are instances of this type.
+         */
+        class SelectEvent extends ol.events.Event {
+            /**
+             * Deselectd features array.
+             */
+            deselected: Array<ol.Feature>;
+            /**
+             * Associated ol.MapBrowserEvent.
+             */
+            mapBrowserEvent: ol.MapBrowserEvent;
+            /**
+             * Selected features array.
+             */
+            selected: Array<ol.Feature>;
+            /**
+             * The event target.
+             */
+            target: ol.Object;
+            /**
+             * The event type.
+             */
+            type: string;
+            /**
+             * Stop event propagation.
+             */
+            preventDefault(): void;
+            /**
+             * Stop event propagation.
+             */
+            stopPropagation(): void;
+        }
+        /**
+         * Handles snapping of vector features while modifying or drawing them. The features can come from a ol.source.Vector or
+         * ol.Collection Any interaction object that allows the user to interact with the features using the mouse can benefit
+         * from the snapping, as long as it is added before.
+         *
+         *The snap interaction modifies map browser event coordinate and pixel properties to force the snap to occur
+         * to any interaction that them.
+         */
+        class Snap extends ol.interaction.Pointer {
+            constructor(opt_options?: olx.interaction.SnapOptions);
+        }
+        /**
+         * Set of interactions included in maps by default. Specific interactions can be excluded by setting the appropriate option
+         * to false in the constructor options, but the order of the interactions is fixed. If you want to specify a different order for
+         * interactions, you will need to create your own ol.interaction.Interaction instances and insert them into a ol.Collection in
+         * the order you want before creating your ol.Map instance.
+         */
+        function defaults(opts: olx.interaction.DefaultsOptions): ol.Collection<ol.interaction.Interaction>;
+        /**
+         * Function that takes coordinates and an optional existing geometry as arguments, and returns a geometry.
+         * The optional existing geometry is the geometry that is returned when the function is called without a second argument.
+         */
+        interface DrawGeometryFunctionType { (coordinates: ol.Coordinate, geom?: ol.geom.Geometry): ol.geom.Geometry; }
+        /**
+         * A function that takes an ol.Feature or ol.render.Feature and an ol.layer.Layer and returns true if the feature
+         * may be selected or false otherwise.
+         */
+        interface SelectFilterFunction { (feature: ol.Feature | ol.render.Feature, layer: ol.layer.Layer): boolean; }
+        /**
+         * A function that takes a ol.MapBrowserEvent and two ol.Pixels and returns a {boolean}.
+         * If the condition is met, true should be returned.
+         */
+        interface DragBoxEndConditionType {
+            (evt: ol.MapBrowserEvent, startPixel: ol.Pixel, endPixel: ol.Pixel): boolean
+        }
+    }
+
+    namespace layer {
+        /**
+         * Abstract base class; normally only used for creating subclasses and not instantiated in apps. Note that with ol.layer.Base and all its subclasses, any property set in the options is set as a ol.Object property on the layer object, so is observable, and has get/set accessors.
+         */
+        class Base extends ol.Object {
+
+            /**
+             * @constructor
+             * @param options Layer options.
+             */
+            constructor(options?: olx.layer.BaseOptions);
+
+            /**
+             * Return the brightness of the layer.
+             * @returns The brightness of the layer.
+             */
+            getBrightness(): number;
+
+            /**
+             * Return the contrast of the layer.
+             * @returns The contrast of the layer.
+             */
+            getContrast(): number;
+
+            /**
+             * Return the extent of the layer or undefined if it will be visible regardless of extent.
+             * @returns The layer extent.
+             */
+            getExtent(): ol.Extent;
+
+            /**
+             * Return the hue of the layer.
+             * @returns The hue of the layer
+             */
+            getHue(): number;
+
+            /**
+             * Return the maximum resolution of the layer.
+             * @returns The maximum resolution of the layer
+             */
+            getMaxResolution(): number;
+
+            /**
+             * Return the minimum resolution of the layer.
+             * @returns The minimum resolution of the layer.
+             */
+            getMinResolution(): number;
+
+            /**
+             * Return the opacity of the layer (between 0 and 1).
+             * @returns The opacity of the layer.
+             */
+            getOpacity(): number;
+
+            /**
+             * Return the saturation of the layer.
+             * @returns The saturation of the layer.
+             */
+            getSaturation(): number;
+
+            /**
+             * Return the visibility of the layer (true or false).
+             * The visibility of the layer
+             */
+            getVisible(): boolean;
+
+            /**
+             * Adjust the layer brightness. A value of -1 will render the layer completely black. A value of 0 will leave the brightness unchanged. A value of 1 will render the layer completely white. Other values are linear multipliers on the effect (values are clamped between -1 and 1).
+             * @param brightness The brightness of the layer
+             */
+            setBrightness(brigthness: number): void;
+
+            /**
+             * Adjust the layer contrast. A value of 0 will render the layer completely grey. A value of 1 will leave the contrast unchanged. Other values are linear multipliers on the effect (and values over 1 are permitted).
+             * @param contrast The contrast of the layer
+             */
+            setContrast(contrast: number): void;
+
+            /**
+             * Set the extent at which the layer is visible. If undefined, the layer will be visible at all extents.
+             * @param extent The extent of the layer
+             */
+            setExtent(extent?: ol.Extent): void;
+
+            /**
+             * Apply a hue-rotation to the layer. A value of 0 will leave the hue unchanged. Other values are radians around the color circle.
+             * @param hue The hue of the layer
+             */
+            setHue(hue: number): void;
+
+            /**
+             * Set the maximum resolution at which the layer is visible.
+             * @param maxResolution The maximum resolution of the layer.
+             */
+            setMaxResolution(maxResolution: number): void;
+
+            /**
+             * Set the minimum resolution at which the layer is visible.
+             * @param minResolution The minimum resolution of the layer.
+             */
+            setMinResolution(minResolution: number): void;
+
+            /**
+             * Set the opacity of the layer, allowed values range from 0 to 1.
+             * @param opactity The opacity of the layer.
+             */
+            setOpacity(opacity: number): void;
+
+            /**
+             * Adjust layer saturation. A value of 0 will render the layer completely unsaturated. A value of 1 will leave the saturation unchanged. Other values are linear multipliers of the effect (and values over 1 are permitted).
+             * @param saturation The saturation of the layer.
+             */
+            setSaturation(saturation: number): void;
+
+            /**
+             * Set the visibility of the layer (true or false).
+             * @param visible The visibility of the layer.
+             */
+            setVisible(visible: boolean): void;
+        }
+
+        /**
+         * A ol.Collection of layers that are handled together.
+         */
+        class Group extends ol.layer.Base {
+
+            /**
+             * @constructor
+             * @param options Layer options.
+             */
+            constructor(options?: olx.layer.GroupOptions);
+
+            /**
+             * Returns the collection of layers in this group.
+             * @returns Collection of layers that are part of this group.
+             */
+            getLayers(): ol.Collection<ol.layer.Base>;
+
+            /**
+             * Set the collection of layers in this group.
+             * @param layers Collection of layers that are part of this group.
+             */
+            setLayers(layers: ol.Collection<ol.layer.Base>): void;
+        }
+
+        /**
+         * Layer for rendering vector data as a heatmap. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
+         */
+        class Heatmap extends ol.layer.Vector {
+
+            /**
+             * @constructor
+             * @param options Options
+             */
+            constructor(options?: olx.layer.HeatmapOptions);
+
+            /**
+             * Return the blur size in pixels.
+             * @returns Blur size in pixels
+             */
+            getBlur(): number;
+
+            /**
+             * Return the gradient colors as array of strings.
+             * @returns Colors
+             */
+            getGradient(): Array<string>;
+
+            /**
+             * Return the size of the radius in pixels.
+             * @returns Radius size in pixel
+             */
+            getRadius(): number;
+
+            /**
+             * Set the blur size in pixels.
+             * @param blur Blur size in pixels
+             */
+            setBlur(blur: number): void;
+
+            /**
+             * Set the gradient colors as array of strings.
+             * @param colors Gradient
+             */
+            setGradient(colors: Array<string>): void;
+
+            /**
+             * Set the size of the radius in pixels.
+             * @param radius Radius size in pixels
+             */
+            setRadius(radius: number): void;
+        }
+
+        /**
+         * Server-rendered images that are available for arbitrary extents and resolutions. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
+         */
+        class Image extends ol.layer.Layer {
+
+            /**
+             * @constructor
+             * @param options Layer options
+             */
+            constructor(options?: olx.layer.ImageOptions);
+
+            /**
+             * Return the associated source of the image layer.
+             * @returns Source.
+             */
+            getSource(): ol.source.Image;
+        }
+
+        /**
+         * Abstract base class; normally only used for creating subclasses and not instantiated in apps. A visual representation of raster or vector map data. Layers group together those properties that pertain to how the data is to be displayed, irrespective of the source of that data.
+         */
+        class Layer extends ol.layer.Base {
+
+            /**
+             * @constructor
+             * @param options Layer options
+             */
+            constructor(options?: olx.layer.LayerOptions);
+
+            /**
+             * Get the layer source.
+             * @returns The layer source (or null if not yet set)
+             */
+            getSource(): ol.source.Source;
+
+            /**
+             * Set the layer source.
+             * @param source The layer source.
+             */
+            setSource(source: ol.source.Source): void;
+        }
+
+        /**
+         * For layer sources that provide pre-rendered, tiled images in grids that are organized by zoom levels for specific resolutions. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
+         */
+        class Tile extends ol.layer.Layer {
+
+            /**
+             * @constructor
+             * @param options Tile layer options.
+             */
+            constructor(options?: olx.layer.TileOptions);
+
+            /**
+             * Return the level as number to which we will preload tiles up to.
+             * @retruns The level to preload tiled up to.
+             */
+            getPreload(): number;
+
+            /**
+             * Return the associated tilesource of the layer.
+             * @returns Source
+             */
+            getSource(): ol.source.Tile;
+
+            /**
+             * Whether we use interim tiles on error.
+             * @returns Use interim tiles on error.
+             */
+            getUseInterimTilesOnError(): boolean;
+
+            /**
+             * Set the level as number to which we will preload tiles up to.
+             * @param preload The level to preload tiled up to
+             */
+            setPreload(preload: number): void;
+
+            /**
+             * Set whether we use interim tiles on error.
+             * @param useInterimTilesOnError Use interim tiles on error.
+             */
+            setUseInterimTilesOnError(useInterimTilesOnError: boolean): void;
+        }
+
+        /**
+         * Vector data that is rendered client-side. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
+         */
+        class Vector extends ol.layer.Layer {
+
+            /**
+             * @constructor
+             * @param options Options
+             */
+            constructor(options?: olx.layer.VectorOptions);
+
+            /**
+             * Return the associated vectorsource of the layer.
+             * @returns Source.
+             */
+            getSource(): ol.source.Vector;
+
+            /**
+             * Get the style for features. This returns whatever was passed to the style option at construction or to the setStyle method.
+             */
+            getStyle(): ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
+
+            /**
+             * Get the style function.
+             * @returns Layer style function
+             */
+            getStyleFunction(): ol.style.StyleFunction;
+
+            /**
+             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
+             */
+            setStyle(): void;
+
+            /**
+             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
+             * @param layer Layer style
+             */
+            setStyle(style: ol.style.Style): void;
+
+            /**
+             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
+             * @param layer Layer style
+             */
+            setStyle(style: Array<ol.style.Style>): void;
+
+            /**
+             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
+             * @param Layer style
+             */
+            setStyle(style: ol.style.StyleFunction): void;
+
+            /**
+             * Sets the layer to be rendered on top of other layers on a map. The map will not manage this layer
+             * in its layers collection, and the callback in ol.Map#forEachLayerAtPixel will receive null as
+             * layer. This is useful for temporary layers. To remove an unmanaged layer from the map, use #setMap(null).
+             * To add the layer to a map and have it managed by the map, use ol.Map#addLayer instead.
+             * @argument map.
+             */
+            setMap(map: ol.Map): void;
+
+            /**
+             * Set Z-index of the layer, which is used to order layers before rendering. The default Z-index is 0.
+             */
+            setZIndex(zIndex: number): void;
+        }
+    }
+
+    namespace loadingstrategy {
+
+        /**
+         * Strategy function for loading all features with a single request.
+         * @param extent Extent
+         * @param resolution Resolution
+         * @returns Extents
+         */
+        function all(extent: ol.Extent, resolution: number): Array<ol.Extent>;
+
+        /**
+         * Strategy function for loading features based on the view's extent and resolution.
+         * @param extent Extent
+         * @param resolution Resolution
+         * @returns Extents
+         */
+        function bbox(extent: ol.Extent, resolution: number): Array<ol.Extent>;
+
+        /**
+         * Creates a strategy function for loading features based on a tile grid.
+         * @param tilegrid Tile grid
+         * @returns Loading strategy
+         */
+        function tile(tileGrid: ol.tilegrid.TileGrid): ol.LoadingStrategy;
+    }
+
+    namespace proj {
+
+        // Type definitions
+        interface ProjectionLike extends String { }
+        interface Units extends String { }
+
+        // Methods
+
+        /**
+         * Meters per unit lookup table.
+         */
+        //TODO: validate!
+        var METERS_PER_UNIT: Object;
+
+        /**
+         * Registers coordinate transform functions to convert coordinates between the source projection and the destination projection. The forward and inverse functions convert coordinate pairs; this function converts these into the functions used internally which also handle extents and coordinate arrays.
+         * @param source Source projection
+         * @param destination Destination projection
+         * @param forward The forward transform function (that is, from the source projection to the destination projection) that takes a ol.Coordinate as argument and returns the transformed ol.Coordinate.
+         * @param inverse The inverse transform function (that is, from the destination projection to the source projection) that takes a ol.Coordinate as argument and returns the transformed ol.Coordinate.
+         */
+        function addCoordinateTransforms(source: ProjectionLike, destination: ProjectionLike, forward: (coordinate: Coordinate) => Coordinate, inverse: (coordinate: Coordinate) => Coordinate): void;
+
+        /**
+         * Registers transformation functions that don't alter coordinates. Those allow to transform between projections with equal meaning.
+         * @param projections Projections.
+         */
+        function addEquivalentProjections(projections: Array<Projection>): void;
+
+        /**
+         * Add a Projection object to the list of supported projections that can be looked up by their code.
+         * @param projection Projection instance.
+         */
+        function addProjection(projection: Projection): void;
+
+        /**
+         * Transforms a coordinate from longitude/latitude to a different projection.
+         * @param coordinate Coordinate as longitude and latitude, i.e. an array with longitude as 1st and latitude as 2nd element.
+         * @param projection Target projection. The default is Web Mercator, i.e. 'EPSG:3857'.
+         */
+        function fromLonLat(coordinate: Coordinate, opt_projection: ProjectionLike): Coordinate;
+
+        /**
+         * Fetches a Projection object for the code specified.
+         * @param projectionLike Either a code string which is a combination of authority and identifier such as "EPSG:4326", or an existing projection object, or undefined.
+         * @returns Projection object, or null if not in list.
+         */
+        function get(projectionLike: ProjectionLike): Projection;
+
+        /**
+         * Given the projection-like objects, searches for a transformation function to convert a coordinates array from the source projection to the destination projection.
+         * @param source Source.
+         * @param destination Destination.
+         * @returns Transform function.
+         */
+        function getTransform(source: ProjectionLike, destination: ProjectionLike): ol.TransformFunction;
+
+        /**
+         * Transforms a coordinate to longitude/latitude.
+         * @param coordinate Projected coordinate.
+         * @param projection Projection of the coordinate. The default is Web Mercator, i.e. 'EPSG:3857'.
+         * @returns Coordinate as longitude and latitude, i.e. an array with longitude as 1st and latitude as 2nd element.
+         */
+        function toLonLat(coordinate: Coordinate, projection: ProjectionLike): Coordinate;
+
+        /**
+         * Transforms a coordinate from source projection to destination projection. This returns a new coordinate (and does not modify the original).
+         * @param coordinate Coordinate.
+         * @param source Source projection-like.
+         * @param destination Destination projection-like.
+         * @returns Coordinate.
+         */
+        function transform(coordinate: Coordinate, source: ProjectionLike, destination: ProjectionLike): Coordinate;
+
+        /**
+         * Transforms an extent from source projection to destination projection. This returns a new extent (and does not modify the original).
+         * @param extent The extent to transform.
+         * @param source Source projection-like.
+         * @param destination Destination projection-like.
+         * @returns The transformed extent.
+         */
+        function transformExtent(extent: Extent, source: ProjectionLike, destination: ProjectionLike): Extent;
+
+        class Projection {
+            constructor(options: olx.Projection);
+
+            getExtent(): Extent;
+
+            /**
+             * Set the validity extent for this projection.
+             * @param extent The new extent of the projection.
+             */
+            setExtent(extent: Extent): void;
+        }
+    }
+
+    namespace render {
+
+        class Event extends ol.events.Event {
+        }
+
+        class VectorContext {
+        }
+        class Feature {
+            get(key: string): any;
+            getExtent(): ol.Extent;
+            getGeometry(): ol.geom.Geometry;
+            getProperties: Object[];
+            getType(): ol.geom.GeometryType;
+        }
+        namespace canvas {
+            class Immediate {
+            }
+        }
+    }
+
+    namespace source {
+
+        class BingMaps extends TileImage {
+        }
+
+        class CartoDB extends XYZ {
+        }
+
+        class Cluster extends Vector {
+            constructor(options: olx.source.ClusterOptions);
+        }
+
+        class Image extends Source {
+        }
+
+        class ImageArcGISRest extends Image {
+        }
+
+        class ImageCanvas extends Image {
+        }
+
+        class ImageEvent extends ol.events.Event {
+        }
+
+        class ImageMapGuide extends Image {
+        }
+
+        class ImageStatic extends ol.source.Image {
+        	constructor(options?: olx.StaticImageOptions);
+        }
+
+        class ImageVector extends ImageCanvas {
+        }
+
+        class ImageWMS extends Image {
+            constructor(options: olx.ImageWMSOptions);
+        }
+
+        class MapQuest extends XYZ {
+            constructor(options: any);
+        }
+
+        class OSM extends XYZ {
+            constructor(opt_options?: olx.OSMOptions);
+        }
+
+        class Source extends ol.Object {
+
+            constructor(options: any);
+
+            /**
+             * Get the projection of the source.
+             * @return Projection.
+             */
+            getProjection(): ol.proj.Projection;
+
+            /**
+             * Refreshes the source and finally dispatches a 'change' event.
+             */
+            refresh(): void;
+        }
+
+        class Stamen extends XYZ {
+        }
+
+        class Tile extends Source {
+        }
+
+        class TileArcGISRest extends TileImage {
+        }
+
+        class TileDebug extends Tile {
+        }
+
+        class TileEvent extends ol.events.Event {
+        }
+
+        class TileImage extends UrlTile {
+        }
+
+        class TileJSON extends TileImage {
+        }
+
+        class TileUTFGrid extends Tile {
+        }
+
+        class TileWMS extends TileImage {
+            constructor(options: olx.TileWMSOptions);
+
+            /**
+             * Update the user-provided (WMS request) parameters.
+             */
+            updateParams(params: any): void;
+
+            /**
+             * Get the user-provided (WMS request) params, i.e. those passed to the constructor through the "params" option, and possibly updated using the updateParams method.
+             */
+            getParams(): any;
+
+            /**
+             * Return the GetFeatureInfo URL for the passed coordinate, resolution, and
+             * projection. Return `undefined` if the GetFeatureInfo URL cannot be
+             * constructed.
+             * @param coordinate Coordinate.
+             * @param resolution Resolution.
+             * @param rojection Projection.
+             * @param params GetFeatureInfo params. `INFO_FORMAT` at least should
+             *     be provided. If `QUERY_LAYERS` is not provided then the layers specified
+             *     in the `LAYERS` parameter will be used. `VERSION` should not be
+             *     specified here.
+             * @return GetFeatureInfo URL.
+             */
+            getGetFeatureInfoUrl(coordinate: ol.Coordinate, resolution: number, projection: ol.proj.ProjectionLike, params: {}): string;
+        }
+
+        class UrlTile extends Tile {
+        }
+
+        class Vector extends Source {
+            constructor(opts?: olx.source.VectorOptions)
+            /**
+             * Add a single feature to the source. If you want to add a batch of features at once,
+             * call source.addFeatures() instead.
+             */
+            addFeature(feature: ol.Feature): void;
+
+            /**
+             * Add a batch of features to the source.
+             */
+            addFeatures(features: ol.Feature[]): void;
+
+            /**
+             * Remove all features from the source.
+             * @param Skip dispatching of removefeature events.
+             */
+            clear(fast?: boolean): void;
+            /**
+             * Get the extent of the features currently in the source.
+             */
+            getExtent(): ol.Extent;
+
+            /**
+             * Get all features in the provided extent. Note that this returns all features whose bounding boxes
+             * intersect the given extent (so it may include features whose geometries do not intersect the extent).
+             * This method is not available when the source is configured with useSpatialIndex set to false.
+             */
+            getFeaturesInExtent(extent: ol.Extent): ol.Feature[];
+
+            /**
+             * Get all features on the source
+             */
+            getFeatures(): ol.Feature[];
+
+            /**
+             * Get all features whose geometry intersects the provided coordinate.
+             */
+            getFeaturesAtCoordinate(coordinate: ol.Coordinate): ol.Feature[];
+        }
+
+        class VectorEvent extends ol.events.Event {
+        }
+
+        class VectorTile extends UrlTile {
+        }
+
+        class WMTS extends TileImage {
+            constructor(options: olx.source.WMTSOptions);
+        }
+
+        class XYZ extends TileImage {
+        }
+
+        class Zoomify extends TileImage {
+        }
+
+        // Namespaces
+        namespace wms {
+            interface ServerType extends String { }
+        }
+
+        // Type definitions
+        interface State extends String { }
+        interface WMTSRequestEncoding extends String { }
+    }
+
+    namespace style {
+
+        class AtlasManager {
+        }
+
+        class Circle extends Image {
+            constructor(opt_options?: olx.style.CircleOptions);
+        }
+
+        /**
+         * Set fill style for vector features.
+         */
+        class Fill {
+
+            constructor(opt_options?: olx.style.FillOptions);
+
+            getColor(): ol.Color | string;
+
+            /**
+             * Set the color.
+             */
+            setColor(color: ol.Color | string): void;
+
+            getChecksum(): string;
+        }
+
+        class Icon extends Image {
+            constructor(option: olx.style.IconOptions)
+        }
+
+        class Image {
+            getOpacity(): number;
+            getRotateWithView(): boolean;
+            getRotation(): number;
+            getScale(): number;
+            getSnapToPiexl(): boolean;
+
+            setOpacity(opacity: number): void;
+            setRotation(rotation: number): void;
+            setScale(scale: number): void;
+        }
+
+        interface GeometryFunction {
+            (feature: Feature): ol.geom.Geometry
+        }
+
+        class RegularShape {
+        }
+
+        class Stroke {
+            constructor(opts?: olx.style.StrokeOptions);
+            getColor(): ol.Color | string;
+            getLineCap(): string;
+            getLineDash(): number[];
+            getLineJoin(): string;
+            getMitterLimit(): number;
+            getWidth(): number;
+            setColor(color: ol.Color | string): void;
+            setLineCap(lineCap: string): void;
+            setLineDash(lineDash: number[]): void;
+            setLineJoin(lineJoin: string): void;
+            setMiterLimit(miterLimit: number): void;
+            setWidth(width: number): void;
+        }
+
+        /**
+         * Container for vector feature rendering styles. Any changes made to the style
+         * or its children through `set*()` methods will not take effect until the
+         * feature, layer or FeatureOverlay that uses the style is re-rendered.
+         */
+        class Style {
+            constructor(opts: olx.style.StyleOptions);
+
+            getFill(): ol.style.Fill;
+            /***
+             * Get the geometry to be rendered.
+             * @return Feature property or geometry or function that returns the geometry that will
+             * be rendered with this style.
+             */
+            getGeometry(): string | ol.geom.Geometry | ol.style.GeometryFunction;
+            getGeometryFunction(): ol.style.GeometryFunction;
+            getImage(): ol.style.Image;
+            getStroke(): ol.style.Stroke;
+            getText(): ol.style.Text;
+            getZIndex(): number;
+
+            setGeometry(geometry: string | ol.geom.Geometry | ol.style.GeometryFunction): void;
+            setZIndex(zIndex: number): void;
+        }
+
+        /**
+         * Set text style for vector features.
+         */
+        class Text {
+            constructor(opt?: olx.style.TextOptions);
+
+            getFont(): string;
+            getOffsetX(): number;
+            getOffsetY(): number;
+            getFill(): Fill;
+            getRotation(): number;
+            getScale(): number;
+            getStroke(): Stroke;
+            getText(): string;
+            getTextAlign(): string;
+            getTextBaseline(): string;
+
+            /**
+             * Set the font.
+             */
+            setFont(font: string): void;
+
+            /**
+             * Set the x offset.
+             */
+            setOffsetX(offsetX: number): void;
+
+            /**
+             * Set the y offset.
+             */
+            setOffsetY(offsetY: number): void;
+
+            /**
+             * Set the fill.
+             */
+            setFill(fill: Fill): void;
+
+            /**
+             * Set the rotation.
+             */
+            setRotation(rotation: number): void;
+
+            /**
+             * Set the scale.
+             */
+            setScale(scale: number): void;
+
+            /**
+             * Set the stroke.
+             *
+             */
+            setStroke(stroke: Stroke): void;
+
+            /**
+             * Set the text.
+             */
+            setText(text: string): void;
+
+            /**
+             * Set the text alignment.
+             */
+            setTextAlign(textAlign: string): void;
+
+            /**
+             * Set the text baseline.
+             */
+            setTextBaseline(textBaseline: string): void;
+        }
+
+        /**
+         * A function that takes an ol.Feature and a {number} representing the view's resolution. The function should return an array of ol.style.Style. This way e.g. a vector layer can be styled.
+         */
+        interface StyleFunction { (feature: ol.Feature, resolution: number): ol.style.Style }
+    }
+
+    namespace tilegrid {
+
+        /**
+         * Base class for setting the grid pattern for sources accessing tiled-image servers.
+         */
+        class TileGrid {
+
+            /**
+             * @constructor
+             * @param options Tile grid options
+             */
+            constructor(options: olx.tilegrid.TileGridOptions);
+
+            /**
+             * Creates a TileCoord transform function for use with this tile grid. Transforms the internal tile coordinates with bottom-left origin to the tile coordinates used by the ol.TileUrlFunction. The returned function expects an ol.TileCoord as first and an ol.proj.Projection as second argument and returns a transformed ol.TileCoord.
+             */
+            createTileCoordTransform(): { (tilecoord: ol.TileCoord, projection: ol.proj.Projection): ol.TileCoord };
+
+            /**
+             * Get the maximum zoom level for the grid.
+             * @returns Max zoom
+             */
+            getMaxZoom(): number;
+
+            /**
+             * Get the minimum zoom level for the grid.
+             * @returns Min zoom
+             */
+            getMinZoom(): number;
+
+            /**
+             * Get the origin for the grid at the given zoom level.
+             * @param z Z
+             * @returns Origin
+             */
+            getOrigin(z: number): ol.Coordinate;
+
+            /**
+             * Get the list of resolutions for the tile grid.
+             * @param z Z
+             * @returns Resolution
+             */
+            getResolution(z: number): number;
+
+            /**
+             * Get the list of resolutions for the tile grid.
+             * @returns Resolutions
+             */
+            getResolutions(): Array<number>;
+
+            /**
+             * Get the tile coordinate for the given map coordinate and resolution. This method considers that coordinates that intersect tile boundaries should be assigned the higher tile coordinate.
+             * @param coordinate Coordinate
+             * @param resolution Resolution
+             * @param tileCoord Destination ol.TileCoord object.
+             * @returns Tile coordinate
+             */
+            getTileCoordForCoordAndResolution(coordinate: ol.Coordinate, resolution: number, tileCoord?: ol.TileCoord): ol.TileCoord;
+
+            /**
+             * Get a tile coordinate given a map coordinate and zoom level.
+             * @param coordinate Coordinate
+             * @param z Zoom level
+             * @param tileCoord Destination ol.TileCoord object
+             * @returns Tile coordinate
+             */
+            getTileCoordForCoordAndZ(coordinate: ol.Coordinate, z: number, tileCoord?: ol.TileCoord): ol.TileCoord;
+
+            /**
+             * Get the tile size for a zoom level. The type of the return value matches the tileSize or tileSizes that the tile grid was configured with. To always get an ol.Size, run the result through ol.size.toSize().
+             * @param z Z
+             * @returns Tile size
+             */
+            getTileSize(z: number): number | ol.Size;
+        }
+
+        /**
+         * Set the grid pattern for sources accessing WMTS tiled-image servers.
+         */
+        class WMTS extends TileGrid {
+
+            /**
+             * @constructor
+             * @param options WMTS options
+             */
+            constructor(options: olx.tilegrid.WMTSOptions);
+
+            /**
+             * Create a tile grid from a WMTS capabilities matrix set.
+             * @param matrixSet An object representing a matrixSet in the capabilities document.
+             * @param extent An optional extent to restrict the tile ranges the server provides.
+             * @returns WMTS tilegrid instance
+             */
+            createFromCapabilitiesMatrixSet(matrixSet: any, extent: ol.Extent): ol.tilegrid.WMTS;
+
+            /**
+             * Get the list of matrix identifiers.
+             * @returns MatrixIds
+             */
+            getMatrixIds(): Array<string>;
+        }
+
+        /**
+         * Set the grid pattern for sources accessing Zoomify tiled-image servers.
+         */
+        class Zoomify extends TileGrid {
+
+            /**
+             * @constructor
+             * @param options Options
+             */
+            constructor(options?: olx.tilegrid.ZoomifyOptions);
+        }
+
+        /**
+         * Creates a tile grid with a standard XYZ tiling scheme.
+         * @param options Tile grid options.
+         * @returns The grid instance
+         */
+        function createXYZ(options?: olx.tilegrid.XYZOptions): ol.tilegrid.TileGrid;
+    }
+
+    namespace webgl {
+
+        class Context {
+
+            /**
+             * @constructor
+             * @param canvas HTML Canvas Element
+             * @param gl WebGL Rendering context
+             */
+            constructor(canvas: HTMLCanvasElement, gl: WebGLRenderingContext);
+
+            /**
+            Get the WebGL rendering context
+             @returns The rendering context.
+            */
+            getGL(): WebGLRenderingContext;
+
+            /**
+             * Get the frame buffer for hit detection.
+             * @returns The hit detection frame buffer.
+             */
+            getHitDetectionFramebuffer(): WebGLFramebuffer;
+
+            /**
+             * Use a program. If the program is already in use, this will return false.
+             * @param program Program.
+             * @returns Changed.
+             */
+            useProgram(program: WebGLProgram): boolean;
+        }
+    }
+
+    // Type definitions
+
+    /**
+     * A function returning the canvas element ({HTMLCanvasElement}) used by the source as an image. The arguments passed to the function are: ol.Extent the image extent, {number} the image resolution, {number} the device pixel ratio, ol.Size the image size, and ol.proj.Projection the image projection. The canvas returned by this function is cached by the source. The this keyword inside the function references the ol.source.ImageCanvas.
+     */
+    function CanvasFunctionType(extent: Extent, resolution: number, pixelRatio: number, size: Size, projection: proj.Projection): HTMLCanvasElement;
+
+    /**
+     * A color represented as a short array [red, green, blue, alpha]. red, green, and blue should be integers in the range 0..255 inclusive. alpha should be a float in the range 0..1 inclusive.
+     */
+    interface Color extends Array<number> { }
+
+    /**
+     * An array of numbers representing an xy coordinate. Example: [16, 48].
+     */
+    interface Coordinate extends Array<number> { }
+
+    /**
+     * An array of numbers representing an extent: [minx, miny, maxx, maxy].
+     */
+    interface Extent extends Array<number> { }
+
+    /**
+     * Overlay position: 'bottom-left', 'bottom-center', 'bottom-right', 'center-left', 'center-center', 'center-right', 'top-left', 'top-center', 'top-right'
+     */
+    interface OverlayPositioning extends String { }
+
+    /**
+     * An array with two elements, representing a pixel. The first element is the x-coordinate, the second the y-coordinate of the pixel.
+     */
+    interface Pixel extends Array<number> { }
+
+    /**
+     * Available renderers: 'canvas', 'dom' or 'webgl'.
+     */
+    interface RendererType extends String { }
+
+    /**
+     * An array of numbers representing a size: [width, height].
+     */
+    interface Size extends Array<number> { }
+
+    /**
+     * An array of three numbers representing the location of a tile in a tile grid. The order is z, x, and y. z is the zoom level.
+     */
+    interface TileCoord extends Array<number> { }
+
+    // Functions
+
+    /**
+     * A function that takes a ol.Coordinate and transforms it into a {string}.
+     */
+    interface CoordinateFormatType { (coordinate?: Coordinate): string; }
+
+    /**
+     * Implementation based on the code of OpenLayers, no documentation available (yet). If it is incorrect, please create an issue and I will change it.
+     */
+    interface FeatureLoader { (extent: ol.Extent, number: number, projection: ol.proj.Projection): string }
+
+    /**
+     * A function that returns a style given a resolution. The this keyword inside the function references the ol.Feature to be styled.
+     */
+    interface FeatureStyleFunction { (resolution: number): ol.style.Style }
+
+    /**
+     * Loading strategy
+     */
+    interface LoadingStrategy { (extent: ol.Extent, resolution: number): Array<ol.Extent> }
+
+    /**
+     * Function to perform manipulations before rendering. This function is called with the ol.Map as first and an optional olx.FrameState as second argument. Return true to keep this function for the next frame, false to remove it.
+     */
+    interface PreRenderFunction { (map: ol.Map, frameState?: olx.FrameState): boolean }
+
+    /**
+     * A transform function accepts an array of input coordinate values, an optional output array, and an optional dimension (default should be 2). The function transforms the input coordinate values, populates the output array, and returns the output array.
+     */
+    interface TransformFunction { (input: Array<number>, output?: Array<number>, dimension?: number): Array<number> }
+}
+
+declare module "openlayers" {
+    export = ol;
+}
diff --git a/openlayers/openlayers-tests.ts b/openlayers/openlayers-tests.ts
index 4937d52516..5c1f6d46c8 100644
--- a/openlayers/openlayers-tests.ts
+++ b/openlayers/openlayers-tests.ts
@@ -1,11 +1,17 @@
-/// <reference path="openlayers.d.ts" />
+/// <reference path="openlayers.d.ts" />
 
 // Basic type variables for test functions
+var anyValue: any;
 var voidValue: void;
 var numberValue: number;
 var booleanValue: boolean;
 var stringValue: string;
+var stringArray: Array<string>;
 var jsonValue: JSON;
+var voidOrBooleanValue: void | boolean;
+var domEventTarget: EventTarget;
+var fn: Function;
+var object: Object;
 
 // Callback predefinitions for OpenLayers
 var preRenderFunction: ol.PreRenderFunction;
@@ -14,44 +20,55 @@ var coordinateFormatType: ol.CoordinateFormatType;
 var featureStyleFunction: ol.FeatureStyleFunction;
 var featureLoader: ol.FeatureLoader;
 var easingFunction: (t: number) => number;
+var drawGeometryFunction: ol.DrawGeometryFunctionType;
 
 // Type variables for OpenLayers
+var attribution: ol.Attribution;
+var boundingCoordinates: Array<ol.Coordinate>;
 var circle: ol.geom.Circle;
 var color: ol.Color;
 var coordinate: ol.Coordinate;
 var coordinatesArray: Array<ol.Coordinate>;
 var coordinatesArrayDim2: Array<Array<ol.Coordinate>>;
 var extent: ol.Extent;
-var boundingCoordinates: Array<ol.Coordinate>;
-var size: ol.Size;
-var style: ol.style.Style;
-var styleArray: Array<ol.style.Style>;
-var feature: ol.Feature;
-var featureArray: Array<ol.Feature>;
-var graticule: ol.Graticule
-var geometry: ol.geom.Geometry;
-var geometriesArray: Array<ol.geom.Geometry>;
+var olEvent: ol.events.Event;
+var eventKey: ol.EventsKey;
+var eventKeyArray: Array<ol.EventsKey>;
+var eventKeyMixed: ol.EventsKey | Array<ol.EventsKey>;
+var eventTarget: ol.events.EventTarget;
 var feature: ol.Feature;
 var featureArray: Array<ol.Feature>;
+var featureCollection: ol.Collection<ol.Feature>;
 var featureFormat: ol.format.Feature;
+var featureUrlFunction: ol.FeatureUrlFunction;
+var graticule: ol.Graticule;
+var geometriesArray: Array<ol.geom.Geometry>;
 var geometry: ol.geom.Geometry;
 var geometryCollection: ol.geom.GeometryCollection;
 var geometryLayout: ol.geom.GeometryLayout;
 var geometryType: ol.geom.GeometryType;
 var linearRing: ol.geom.LinearRing;
 var lineString: ol.geom.LineString;
-var loadingstrategy: ol.LoadingStrategy;
+var loadingStrategy: ol.LoadingStrategy;
+var logoOptions: olx.LogoOptions;
+var mapBrowserEvent: ol.MapBrowserEvent;
 var multiLineString: ol.geom.MultiLineString;
 var multiPoint: ol.geom.MultiPoint;
 var multiPolygon: ol.geom.MultiPolygon;
 var point: ol.geom.Point;
 var polygon: ol.geom.Polygon;
-var simpleGeometry: ol.geom.SimpleGeometry;
-var tilegrid: ol.tilegrid.TileGrid;
-var vector: ol.source.Vector;
 var projection: ol.proj.Projection;
-var projectionLike: ol.proj.ProjectionLike;
+var projectionLike: ol.ProjectionLike;
+var simpleGeometry: ol.geom.SimpleGeometry;
+var size: ol.Size;
+var style: ol.style.Style;
+var styleArray: Array<ol.style.Style>;
+var styleFunction: ol.StyleFunction;
+var tilegrid: ol.tilegrid.TileGrid;
 var transformFn: ol.TransformFunction;
+var vectorSource: ol.source.Vector;
+var units: ol.proj.Units;
+var styleRegularShape: ol.style.RegularShape;
 
 //
 // ol.Attribution
@@ -116,16 +133,16 @@ featureLoader = ol.featureloader.xhr(stringValue, featureFormat);
 //
 // ol.loadingstrategy
 //
-loadingstrategy = ol.loadingstrategy.all;
-loadingstrategy = ol.loadingstrategy.bbox;
-loadingstrategy = ol.loadingstrategy.tile(tilegrid);
+loadingStrategy = ol.loadingstrategy.all;
+loadingStrategy = ol.loadingstrategy.bbox;
+loadingStrategy = ol.loadingstrategy.tile(tilegrid);
 
 //
 //
 // ol.geom.Circle
 //
 booleanValue = circle.intersectsExtent(extent);
-circle = circle.transform(projectionLike, projectionLike);
+circle = <ol.geom.Circle>circle.transform(projectionLike, projectionLike);
 
 //
 //
@@ -136,7 +153,7 @@ coordinate = geometryResult.getClosestPoint(coordinate);
 geometryResult.getClosestPoint(coordinate, coordinate);
 extent = geometryResult.getExtent();
 geometryResult.getExtent(extent);
-geometryResult.transform(projection, projection);
+geometryResult.transform(projectionLike, projectionLike);
 
 //
 //
@@ -266,6 +283,10 @@ 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();
@@ -273,9 +294,12 @@ 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);
 
 //
 //
@@ -290,9 +314,42 @@ voidValue = simpleGeometry.translate(numberValue, numberValue);
 //
 // ol.source
 //
-vector = new ol.source.Vector({
-  features: [feature]
+var featureCallback: (f: ol.Feature) => any;
+vectorSource = new ol.source.Vector({
+    attributions: [attribution],
+    features: featureCollection,
+    format: featureFormat,
+    loader: featureLoader,
+    logo: logoOptions,
+    strategy: loadingStrategy,
+    url: stringValue,
+    useSpatialIndex: booleanValue,
+    wrapX: booleanValue
 });
+vectorSource = new ol.source.Vector({
+    features: featureArray
+});
+vectorSource = new ol.source.Vector({
+    url: featureUrlFunction,
+    loader: featureLoader
+});
+voidValue = vectorSource.addFeature(feature);
+voidValue = vectorSource.addFeatures(featureArray);
+voidValue = vectorSource.clear();
+voidValue = vectorSource.clear(booleanValue);
+anyValue = vectorSource.forEachFeature(featureCallback);
+anyValue = vectorSource.forEachFeature(featureCallback, object);
+anyValue = vectorSource.forEachFeatureInExtent(extent, featureCallback, object);
+anyValue = vectorSource.forEachFeatureIntersectingExtent(extent, featureCallback, object);
+feature = vectorSource.getClosestFeatureToCoordinate(coordinate);
+extent = vectorSource.getExtent();
+feature = vectorSource.getFeatureById(stringValue);
+feature = vectorSource.getFeatureById(numberValue);
+featureArray = vectorSource.getFeatures();
+featureArray = vectorSource.getFeaturesAtCoordinate(coordinate);
+featureCollection = vectorSource.getFeaturesCollection();
+featureArray = vectorSource.getFeaturesInExtent(extent);
+voidValue = vectorSource.removeFeature(feature);
 
 //
 // ol.Feature
@@ -300,7 +357,11 @@ vector = new ol.source.Vector({
 feature = new ol.Feature();
 feature = new ol.Feature(geometry);
 feature = new ol.Feature({
-    geometry: geometry
+    geometry: geometry,
+    a: numberValue,
+    b: stringValue,
+    c: null,
+    d: object
 });
 feature = feature.clone();
 geometry = feature.getGeometry();
@@ -315,6 +376,7 @@ voidValue = feature.setId(numberValue);
 voidValue = feature.setStyle(style);
 voidValue = feature.setStyle(styleArray);
 voidValue = feature.setStyle(featureStyleFunction);
+voidValue = feature.setProperties(object);
 
 //
 // ol.View
@@ -329,19 +391,71 @@ var view: ol.View = new ol.View({
 // ol.layer.Tile
 //
 var tileLayer: ol.layer.Tile = new ol.layer.Tile({
-    source: new ol.source.MapQuest({ layer: 'osm' })
+    source: new ol.source.OSM()
 });
 
+//
+// ol.Object
+//
+var olObject: ol.Object = new ol.Object({
+    a: numberValue,
+    b: stringValue,
+    c: booleanValue,
+    d: voidValue,
+    e: object,
+    f: fn
+});
+anyValue = olObject.get(stringValue);
+stringArray = olObject.getKeys();
+object = olObject.getProperties();
+voidValue = olObject.set(stringValue, anyValue);
+voidValue = olObject.set(stringValue, anyValue, booleanValue);
+voidValue = olObject.setProperties(object, booleanValue);
+voidValue = olObject.unset(stringValue, booleanValue);
+
+//
+// ol.Observable
+//
+ol.Observable.unByKey(eventKey);
+var observable: ol.Observable = new ol.Observable();
+voidValue = observable.changed();
+voidOrBooleanValue = observable.dispatchEvent({type: stringValue});
+voidOrBooleanValue = observable.dispatchEvent({type: stringValue, target: domEventTarget});
+voidOrBooleanValue = observable.dispatchEvent({type: stringValue, target: eventTarget});
+voidOrBooleanValue = observable.dispatchEvent({type: stringValue, a: numberValue, b: stringValue, c: booleanValue, d: null, e: {}});
+voidOrBooleanValue = observable.dispatchEvent(olEvent);
+voidOrBooleanValue = observable.dispatchEvent(stringValue);
+numberValue = observable.getRevision();
+eventKeyMixed = observable.on(stringValue, fn);
+eventKeyMixed = observable.on([stringValue, stringValue], fn, {});
+eventKeyMixed = observable.once(stringValue, fn);
+eventKeyMixed = observable.once([stringValue, stringValue], fn, {});
+voidValue = observable.un(stringValue, fn);
+voidValue = observable.un([stringValue, stringValue], fn, {});
+voidValue = observable.unByKey(eventKey);
+voidValue = observable.unByKey(eventKeyArray);
+
 //
 // ol.proj
 //
+var getPointResolutionFn: (n: number, c: ol.Coordinate) => number;
 projection = new ol.proj.Projection({
-    code:stringValue,    
+    code:stringValue,
 });
-projection.setExtent(projection.getExtent());
+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 
+// ol.Map
 //
 
 var map: ol.Map = new ol.Map({
@@ -349,12 +463,14 @@ var map: ol.Map = new ol.Map({
     layers: [tileLayer],
     target: stringValue
 });
-map.beforeRender(preRenderFunction);
+voidValue = map.beforeRender(preRenderFunction);
 
 //
 // ol.source.ImageWMS
 //
 var imageWMS: ol.source.ImageWMS = new ol.source.ImageWMS({
+    params: {},
+    projection: projection,
     serverType: stringValue,
     url:stringValue
 });
@@ -363,7 +479,6 @@ var imageWMS: ol.source.ImageWMS = new ol.source.ImageWMS({
 // ol.source.Source
 //
 const source = imageWMS as ol.source.Source;
-voidValue = source.refresh();
 projection = source.getProjection();
 
 //
@@ -371,22 +486,27 @@ projection = source.getProjection();
 //
 var tileWMS: ol.source.TileWMS = new ol.source.TileWMS({
     params: {},
+    projection: projection,
     serverType: stringValue,
     url:stringValue
 });
 
-tileWMS.updateParams(tileWMS.getParams());
+voidValue = tileWMS.updateParams(tileWMS.getParams());
 stringValue = tileWMS.getGetFeatureInfoUrl([0, 0], 1, "EPSG:4326", {});
 
 //
 // ol.source.WMTS
 //
 var wmts: ol.source.WMTS = new ol.source.WMTS({
-   tileGrid: new ol.tilegrid.WMTS({}),
-   layer: "",
-   style: "",
-   matrixSet: "",
-   wrapX: true    
+    layer: "",
+    projection: projection,
+    matrixSet: "",
+    style: "",
+    tileGrid: new ol.tilegrid.WMTS({
+        matrixIds: [],
+        resolutions: [],
+    }),
+    wrapX: true,
 });
 
 //
@@ -420,7 +540,7 @@ zoomOptions.start = numberValue;
 zoomOptions.resolution = numberValue;
 zoomOptions.easing = easingFunction;
 preRenderFunction = ol.animation.zoom(zoomOptions);
-map.beforeRender(preRenderFunction);
+voidValue = map.beforeRender(preRenderFunction);
 
 //
 // ol.coordinate
@@ -433,6 +553,7 @@ 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);
@@ -452,9 +573,7 @@ easingFunction = ol.easing.upAndDown;
 var geolocation: ol.Geolocation = new ol.Geolocation({
     projection: projection
 });
-geolocation.on('change', function (evt) {
-    window.console.log(geolocation.getPosition());
-});
+coordinate = geolocation.getPosition();
 
 //
 // ol.Graticule
@@ -467,7 +586,7 @@ graticule = new ol.Graticule({
 var graticuleMap: ol.Map = graticule.getMap();
 var graticuleMeridians: Array<ol.geom.LineString> = graticule.getMeridians();
 var graticuleParallels: Array<ol.geom.LineString> = graticule.getParallels();
-graticule.setMap(graticuleMap);
+voidValue = graticule.setMap(graticuleMap);
 
 //
 // ol.DeviceOrientation
@@ -476,9 +595,7 @@ graticule.setMap(graticuleMap);
 var deviceOrientation: ol.DeviceOrientation = new ol.DeviceOrientation({
     tracking: true,
 });
-deviceOrientation.on('change', function (evt) {
-    window.console.log(deviceOrientation.getHeading());
-});
+numberValue = deviceOrientation.getHeading();
 
 //
 // ol.Overlay
@@ -487,17 +604,17 @@ deviceOrientation.on('change', function (evt) {
 var popup: ol.Overlay = new ol.Overlay({
     element: document.getElementById('popup')
 });
-map.addOverlay(popup);
+voidValue = map.addOverlay(popup);
 var popupElement: Element = popup.getElement();
 var popupMap: ol.Map = popup.getMap();
 var popupOffset: Array<number> = popup.getOffset();
 coordinate = popup.getPosition();
 var popupPositioning: ol.OverlayPositioning = popup.getPositioning();
-popup.setElement(popupElement);
-popup.setMap(popupMap);
-popup.setOffset(popupOffset);
-popup.setPosition(coordinate);
-popup.setPositioning(popupPositioning);
+voidValue = popup.setElement(popupElement);
+voidValue = popup.setMap(popupMap);
+voidValue = popup.setOffset(popupOffset);
+voidValue = popup.setPosition(coordinate);
+voidValue = popup.setPositioning(popupPositioning);
 
 
 //
@@ -555,9 +672,76 @@ var modify: ol.interaction.Modify = new ol.interaction.Modify({
 });
 
 var draw: ol.interaction.Draw = new ol.interaction.Draw({
-    type: "Point"
-})
+    type: "Point",
+    clickTolerance: numberValue,
+    features: new ol.Collection([]),
+    source: vectorSource,
+    snapTolerance: numberValue,
+    maxPoints: numberValue,
+    minPoints: numberValue,
+    style: style,
+    geometryFunction: drawGeometryFunction,
+    geometryName: stringValue,
+    condition: ol.events.condition.never,
+    freehandCondition: ol.events.condition.never,
+    wrapX: booleanValue
+});
+draw = new ol.interaction.Draw({
+    type: "Point",
+    style: styleArray
+});
+draw = new ol.interaction.Draw({
+    type: "Point",
+    style: styleFunction
+});
+var styleFunctionAsStyle = function(feature: ol.Feature, resolution: number): ol.style.Style { return style; }
+draw = new ol.interaction.Draw({
+    type: "Point",
+    style: styleFunctionAsStyle
+});
+var styleFunctionAsArray = function(feature: ol.Feature, resolution: number): ol.style.Style[] { return styleArray; }
+draw = new ol.interaction.Draw({
+    type: "Point",
+    style: styleFunctionAsArray
+});
+
+var dragbox: ol.interaction.DragBox = new ol.interaction.DragBox({
+    className: stringValue,
+    condition: ol.events.condition.always,
+    boxEndCondition: function (mapBrowserEvent: ol.MapBrowserEvent, startPixel: ol.Pixel, endPixel: ol.Pixel) {
+        var width: number = endPixel[0] - startPixel[0];
+        var height: number = endPixel[1] - startPixel[1];
+        return booleanValue;
+    }
+});
+polygon = dragbox.getGeometry();
+
+var interaction: ol.interaction.Interaction = new ol.interaction.Interaction({
+    handleEvent: function (e: ol.MapBrowserEvent) {
+        return booleanValue;
+    }
+});
+booleanValue = interaction.getActive();
+map = interaction.getMap();
+voidValue = interaction.setActive(true);
+
+
 
 const select: ol.interaction.Select = new ol.interaction.Select({
     layers: (layer: ol.layer.Layer) => true,
 });
+
+//
+// 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/openlayers/openlayers.d.ts b/openlayers/openlayers.d.ts
index 36026fa70d..ed3c8e9e21 100644
--- a/openlayers/openlayers.d.ts
+++ b/openlayers/openlayers.d.ts
@@ -1,1265 +1,13443 @@
 // Type definitions for OpenLayers v3.18.2
 // Project: http://openlayers.org/
-// Definitions by: Wouter Goedhart <https://github.com/woutergd>
+// Definitions by: Olivier Sechet <https://github.com/osechet>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// Definitions partially generated using tsd-jsdoc (https://github.com/englercj/tsd-jsdoc)
 
-declare namespace olx {
-    interface StaticImageOptions {
+declare type GlobalObject = Object;
 
-        /** Attributions */
-        attributions?: Array<ol.Attribution>
-
-        /*** The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL renderer or if you want to access pixel data with the Canvas renderer. See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail. */
-        crossOrigin?: string
-
-        /*** Extent of the image in map coordinates. This is the [left, bottom, right, top] map coordinates of your image.*/
-        imageExtent: ol.Extent;
-
-        /*** Size of the image in pixels.*/
-        imageSize?: ol.Size;
-
-        /*** experimental Optional function to load an image given a URL.*/
-        imageLoadFunction?: ol.TileLoadFunctionType;
-
-        /*** Optional logo.*/
-        logo?: olx.LogoOptions;
-
-        /*** experimental Projection.*/
-        projection: ol.proj.Projection;
-
-        /*** Image URL.*/
-        url: string;
-    }
-
-    interface ZoomToExtentOptions {
-        /*** Class name. Default is ol-zoom-extent.*/
-        className?: string;
-
-        /*** Target.*/
-        target?: Element;
-
-        /*** Text label to use for the button. Default is E. Instead of text, also a Node (e.g. a span element) can be used.*/
-        label?: string | Node;
-
-        /*** Text label to use for the button tip. Default is Zoom to extent.*/
-        tipLabel?: string;
-
-        /*** The extent to zoom to. If undefined the validity extent of the view projection is used.*/
-        extent: ol.Extent;
-    }
-
-    interface OverviewMapOptions {
-        /*** Whether the control should start collapsed or not (expanded). Default to true.*/
-        collapsed?: boolean;
-        /*** Text label to use for the expanded overviewmap button. Default is «. Instead of text, also a Node (e.g. a span element) can be used.*/
-        collapseLabel? :string | Node;
-        /*** Whether the control can be collapsed or not. Default to true.*/
-        collapsible?: boolean;
-        /*** Text label to use for the collapsed overviewmap button. Default is ». Instead of text, also a Node (e.g. a span element) can be used.*/
-        label?: string | Node;
-        /*** Layers for the overview map. If not set, then all main map layers are used instead.*/
-        layers?: ol.layer.Layer[] | ol.Collection<ol.layer.Layer>;
-        /*** Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.*/
-        render?: Function;
-        /*** Specify a target if you want the control to be rendered outside of the map's viewport.*/
-        target?: Element;
-        /*** Text label to use for the button tip. Default is Overview map*/
-        tipLabel?: string;
-        /*** Custom view for the overview map. If not provided, a default view with an EPSG:3857 projection will be used.*/
-        view?: ol.View;
-    }
-
-    interface RotateOptions {
-        /*** CSS class name. Default is ol-rotate.*/
-        className?: string;
-        /*** Text label to use for the rotate button. Default is ⇧. Instead of text, also a Node (e.g. a span element) can be used.*/
-        label?: string | Element;
-        /*** Text label to use for the rotate tip. Default is Reset rotation.*/
-        tipLabel?: string;
-        /*** Animation duration in milliseconds. Default is 250.*/
-        duration?: number;
-        /*** Hide the control when rotation is 0. Default is true.*/
-        autoHide?: boolean;
-        /*** Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.*/
-        render?: Function;
-        /*** Function called when the control is clicked. This will override the default resetNorth.*/
-        resetNorth?: Function;
-        /*** Target.*/
-        target?: Element;
-    }
-
-    interface AttributionControlOptions {
-        /*** CSS class name. Default is ol-attribution.*/
-        className?: string;
-        /*** Target.*/
-        target?: Element;
+/**
+ * @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 {
         /**
-         * Specify if attributions can be collapsed. If you use an OSM source,
-         * should be set to false — see OSM Copyright — Default is true.
+         * 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
          */
-        collapsible?: boolean;
-        /*** Specify if attributions should be collapsed at startup. Default is true.*/
-        collapsed?: boolean;
-        /*** Text label to use for the button tip. Default is "Attributions".*/
-        tipLabel?: Array<ol.layer.Layer> | ol.Collection<ol.layer.Layer>;
+        function bounce(options: olx.animation.BounceOptions): ol.PreRenderFunction;
+
         /**
-         * Text label to use for the collapsed attributions button. Default is i.
-         * Instead of text, also a Node (e.g. a span element) can be used.
+         * Generate an animated transition while updating the view center.
+         * @param {olx.animation.PanOptions} options Pan options.
+         * @return {ol.PreRenderFunction} Pre-render function.
+         * @api
          */
-        label?: string | Node;
+        function pan(options: olx.animation.PanOptions): ol.PreRenderFunction;
+
         /**
-         * Text label to use for the expanded attributions button. Default is ».
-         * Instead of text, also a Node (e.g. a span element) can be used.
+         * Generate an animated transition while updating the view rotation.
+         * @param {olx.animation.RotateOptions} options Rotate options.
+         * @return {ol.PreRenderFunction} Pre-render function.
+         * @api
          */
-        collapseLabel?: string | Node;
-        /*** Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.*/
-        render?: Function;
+        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;
+
     }
 
-    interface AttributionOptions {
-
-        /** HTML markup for this attribution. */
-        html: string;
-    }
-
-    interface DeviceOrientationOptions {
-
+    /**
+      * 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 {
         /**
-         * Start tracking. Default is false.
+         * 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.
          */
-        tracking?: boolean;
-    }
-
-    interface FrameState {
+        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
          */
-        pixelRatio: number;
+        constructor(options: olx.AttributionOptions);
 
         /**
-         *
+         * Get the attribution markup.
+         * @return {string} The attribution HTML.
+         * @api stable
          */
-        time: number;
+        getHTML(): string;
 
-        /**
-         *
-         */
-        viewState: olx.ViewState;
     }
 
-    interface FeatureOverlayOptions {
-
+    /**
+     * @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 {
         /**
-         * Features
+         * @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
          */
-        features?: Array<ol.Feature> | ol.Collection<ol.Feature> | ol.style.StyleFunction;
+        constructor(opt_array?: T[]);
 
         /**
-         * Map
+         * 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: ((self: S, 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 = string;
+        }
+
+        /**
+         * @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 = string;
+
+        /**
+         * @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 ogc {
+            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 = string;
+
+        /**
+         * 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 = string;
+
+        /**
+         * @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;
+
+        }
+
+        /**
+         * @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;
+
+    /**
+     * @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 DragBoxEvent 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;
+
+    }
+
+    /**
+     * @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;
+
+        }
+
+        /**
+         * @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 DragAndDropEvent 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;
+
+        }
+
+        /**
+         * @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);
+
+        }
+
+        /**
+         * @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 DrawEvent 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;
+
+        }
+
+        /**
+         * @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 ModifyEvent 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;
+
+        }
+
+        /**
+         * @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 SelectEvent 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;
+
+        }
+
+        /**
+         * @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 TranslateEvent 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);
+
+        }
+
+    }
+
+    /**
+     * @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);
+
+            /**
+             * 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 = string;
+
+        /**
+         * @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 {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
+         */
+        forEachFeatureAtPixel<S, T, U>(pixel: ol.Pixel, callback: ((self: S, feature: (ol.Feature | ol.render.Feature), layer: ol.layer.Layer) => T), opt_this?: S, opt_layerFilter?: ((self: U, layer: ol.layer.Layer) => boolean), opt_this2?: U): (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: ((self: S, layer: ol.layer.Layer, color: ol.Color) => T), opt_this?: S, opt_layerFilter?: ((self: U, 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.
+         * @param {U=} opt_this Value to use as `this` when executing `layerFilter`.
+         * @return {boolean} Is there a feature at the given pixel?
+         * @template U
+         * @api
+         */
+        hasFeatureAtPixel<U>(pixel: ol.Pixel, opt_layerFilter?: ((self: U, layer: ol.layer.Layer) => boolean), opt_this?: U): 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;
 
         /**
-         * Style
+         * The frame state at the time of the event.
+         * @type {?olx.FrameState}
+         * @api
          */
-        style: ol.style.Style | Array<ol.style.Style>;
+        frameState: olx.FrameState;
+
     }
 
-    interface GeolocationOptions {
-
-        /**
-         * Start Tracking. Default is false.
-         */
-        tracking?: boolean;
-
-        /**
-         * Tracking options. See http://www.w3.org/TR/geolocation-API/#position_options_interface.
-         */
-        trackingOptions?: PositionOptions;
-
-        /**
-         * The projection the position is reported in.
-         */
-        projection?: ol.proj.ProjectionLike | ol.proj.Projection;
-    }
-
-    interface GraticuleOptions {
-
-        /** Reference to an ol.Map object. */
-        map?: ol.Map;
-
-        /** The maximum number of meridians and parallels from the center of the map. The default value is 100, which means that at most 200 meridians and 200 parallels will be displayed. The default value is appropriate for conformal projections like Spherical Mercator. If you increase the value more lines will be drawn and the drawing performance will decrease. */
-        maxLines?: number;
-
-        /** The stroke style to use for drawing the graticule. If not provided, the lines will be drawn with rgba(0,0,0,0.2), a not fully opaque black. */
-        strokeStyle?: ol.style.Stroke;
-
-        /** The target size of the graticule cells, in pixels. Default value is 100 pixels. */
-        targetSize?: number;
-    }
-
-    interface BaseWMSOptions {
-
-        /** Attributions. */
-        attributions?: Array<ol.Attribution>;
-
-        /** WMS request parameters. At least a LAYERS param is required. STYLES is '' by default. VERSION is 1.3.0 by default. WIDTH, HEIGHT, BBOX and CRS (SRS for WMS version < 1.3.0) will be set dynamically. */
-        params?: any;
-
-        /** The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL renderer or if you want to access pixel data with the Canvas renderer. See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail. */
-        crossOrigin?: string;
-
-        /** experimental Use the ol.Map#pixelRatio value when requesting the image from the remote server. Default is true. */
-        hidpi?: boolean;
-
-        /** experimental The type of the remote WMS server: mapserver, geoserver or qgis. Only needed if hidpi is true. Default is undefined. */
-        serverType?: ol.source.wms.ServerType;
-
-        /** WMS service URL. */
-        url?: string;
-
-        /** Logo. */
-        logo?: olx.LogoOptions;
-
-        /** experimental Projection. */
-        projection?: ol.proj.ProjectionLike;
-    }
-
-    interface ImageWMSOptions extends BaseWMSOptions {
-
-        /** experimental Optional function to load an image given a URL. */
-        imageLoadFunction?: ol.ImageLoadFunctionType;
-
-        /** Ratio. 1 means image requests are the size of the map viewport, 2 means twice the width and height of the map viewport, and so on. Must be 1 or higher. Default is 1.5. */
-        ratio?: number;
-
-        /** Resolutions. If specified, requests will be made for these resolutions only. */
-        resolutions?: Array<number>;
-    }
-
-    interface TileWMSOptions {
-
-        attributions?: Array<ol.Attribution>;
-
-        /**WMS request parameters. At least a LAYERS param is required. STYLES is '' by default. VERSION is 1.3.0 by default. WIDTH, HEIGHT, BBOX and CRS (SRS for WMS version < 1.3.0) will be set dynamically. Required.*/
-        params: Object;
-        /**The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL renderer or if you want to access pixel data with the Canvas renderer. See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail.*/
-        crossOrigin?: string;
-
-        /** The size in pixels of the gutter around image tiles to ignore. By setting this property to a non-zero value, images will be requested that are wider and taller than the tile size by a value of 2 x gutter. Defaults to zero. Using a non-zero value allows artifacts of rendering at tile edges to be ignored. If you control the WMS service it is recommended to address "artifacts at tile edges" issues by properly configuring the WMS service. For example, MapServer has a tile_map_edge_buffer configuration parameter for this. See http://mapserver.org/output/tile_mode.html. */
-        gutter?: number;
-
-        /** Use the ol.Map#pixelRatio value when requesting the image from the remote server. Default is true.*/
-        hidpi?: boolean;
-
-        logo?: string | olx.LogoOptions;
-
-        /** Tile grid. Base this on the resolutions, tilesize and extent supported by the server. If this is not defined, a default grid will be used: if there is a projection extent, the grid will be based on that; if not, a grid based on a global extent with origin at 0,0 will be used. */
-        tileGrid?: ol.tilegrid.TileGrid;
-
-        /** experimental Maximum zoom. */
-        maxZoom?: number;
-
-        projection?: ol.proj.ProjectionLike;
-        reprojectionErrorThreshold?: number;
-
-        /** experimental Optional function to load a tile given a URL. */
-        tileLoadFunction?: ol.TileLoadFunctionType;
-
-        /** WMS service URL. */
-        url?: string;
-
-        /** WMS service urls. Use this instead of url when the WMS supports multiple urls for GetMap requests. */
-        urls?: Array<string>;
-
-        /** experimental The type of the remote WMS server. Currently only used when hidpi is true. Default is undefined. */
-        serverType?: ol.source.wms.ServerType;
-
-        /** experimental Whether to wrap the world horizontally. When set to false, only one world will be rendered. When true, tiles will be requested for one world only, but they will be wrapped horizontally to render multiple worlds. The default is true. */
-        wrapX?: boolean;
-    }
-    interface OSMOptions {
-        /** Attributions */
-        attributions?: ol.AttributionLike;
-        /** Cache size. Default is 2048. */
-        cacheSize?: number;
-        /**
-         * The crossOrigin attribute for loaded images. Note that you must provide a crossOrigin value if you are using the WebGL
-         * renderer or if you want to access pixel data with the Canvas renderer.
-         * See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail. Default is anonymous.
-         */
-        crossOrigin?: string;
-        /** Max zoom. Default is 19. */
-        maxZoom?: number;
-        /** Whether the layer is opaque. Default is true. */
-        opaque?: boolean;
-        /** Maximum allowed reprojection error (in pixels). Default is 0.5. Higher values can increase reprojection performance, but decrease precision. */
-        reprojectionErrorThreshold?: number;
-        /** Optional function to load a tile given a URL. */
-        tileLoadFunction?: ol.TileLoadFunctionType;
-        /** URL template. Must include {x}, {y} or {-y}, and {z} placeholders. Default is https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png. */
-        url?: string;
-        /** Whether to wrap the world horizontally. Default is true. */
-        wrapX?: boolean;
-    }
     /**
-     * Object literal with config options for the map logo.
+     * @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
      */
-    interface LogoOptions {
-		/**
-		* Link url for the logo. Will be followed when the logo is clicked.
-		*/
-		href: string;
-
-		/**
-		* Image src for the logo
-		*/
-		src: string;
-
-    }
-
-    interface MapOptions {
-
-        /** Controls initially added to the map. If not specified, ol.control.defaults() is used. */
-        controls?: any;
-
-        /** The ratio between physical pixels and device-independent pixels (dips) on the device. If undefined then it gets set by using window.devicePixelRatio. */
-        pixelRatio?: number;
-
-        /** Interactions that are initially added to the map. If not specified, ol.interaction.defaults() is used. */
-        interactions?: any;
-
-        /** The element to listen to keyboard events on. This determines when the KeyboardPan and KeyboardZoom interactions trigger. For example, if this option is set to document the keyboard interactions will always trigger. If this option is not specified, the element the library listens to keyboard events on is the map target (i.e. the user-provided div for the map). If this is not document the target element needs to be focused for key events to be emitted, requiring that the target element has a tabindex attribute. */
-        keyboardEventTarget?: any;
-
-        /** Layers. If this is not defined, a map with no layers will be rendered. Note that layers are rendered in the order supplied, so if you want, for example, a vector layer to appear on top of a tile layer, it must come after the tile layer. */
-        layers?: Array<any>
-
-        /** When set to true, tiles will be loaded during animations. This may improve the user experience, but can also make animations stutter on devices with slow memory. Default is false. */
-        loadTilesWhileAnimating?: boolean;
-
-        /** When set to true, tiles will be loaded while interacting with the map. This may improve the user experience, but can also make map panning and zooming choppy on devices with slow memory. Default is false. */
-        loadTilesWhileInteracting?: boolean;
-
-        /** The map logo. A logo to be displayed on the map at all times. If a string is provided, it will be set as the image source of the logo. If an object is provided, the src property should be the URL for an image and the href property should be a URL for creating a link. To disable the map logo, set the option to false. By default, the OpenLayers 3 logo is shown. */
-        logo?: any;
-
-        /** Overlays initially added to the map. By default, no overlays are added. */
-        overlays?: any;
-
-        /** Renderer. By default, Canvas, DOM and WebGL renderers are tested for support in that order, and the first supported used. Specify a ol.RendererType here to use a specific renderer. Note that at present only the Canvas renderer supports vector data. */
-        renderer?: any;
-
-        /** The container for the map, either the element itself or the id of the element. If not specified at construction time, ol.Map#setTarget must be called for the map to be rendered. */
-        target?: any;
-
-        /** The map's view. No layer sources will be fetched unless this is specified at construction time or through ol.Map#setView. */
-        view?: ViewOptions;
-    }
-
-    interface OverlayOptions {
-
-        /**
-         * The overlay element.
-         */
-        element?: Element;
-
-        /**
-         * Offsets in pixels used when positioning the overlay. The fist element in the array is the horizontal offset. A positive value shifts the overlay right. The second element in the array is the vertical offset. A positive value shifts the overlay down. Default is [0, 0].
-         */
-        offset?: Array<number>;
-
-        /**
-         * The overlay position in map projection.
-         */
-        position?: ol.Coordinate;
-
-        /**
-         * Defines how the overlay is actually positioned with respect to its position property. Possible values are 'bottom-left', 'bottom-center', 'bottom-right', 'center-left', 'center-center', 'center-right', 'top-left', 'top-center', and 'top-right'. Default is 'top-left'.
-         */
-        positioning?: ol.OverlayPositioning;
-
-        /**
-         * Whether event propagation to the map viewport should be stopped. Default is true. If true the overlay is placed in the same container as that of the controls (CSS class name ol-overlaycontainer-stopevent); if false it is placed in the container with CSS class name ol-overlaycontainer.
-         */
-        stopEvent?: boolean;
-
-        /**
-         * Whether the overlay is inserted first in the overlay container, or appended. Default is true. If the overlay is placed in the same container as that of the controls (see the stopEvent option) you will probably set insertFirst to true so the overlay is displayed below the controls.
-         */
-        insertFirst?: boolean;
-
-        /**
-         * If set to true the map is panned when calling setPosition, so that the overlay is entirely visible in the current viewport. The default is false.
-         */
-        autoPan?: boolean;
-
-        /**
-         * The options used to create a ol.animation.pan animation. This animation is only used when autoPan is enabled. By default the default options for ol.animation.pan are used. If set to null the panning is not animated.
-         */
-        autoPanAnimation?: olx.animation.PanOptions;
-
-        /**
-         * The margin (in pixels) between the overlay and the borders of the map when autopanning. The default is 20.
-         */
-        autoPanMargin?: number;
-    }
-
-    interface ViewOptions {
-
-        /** The initial center for the view. The coordinate system for the center is specified with the projection option. Default is undefined, and layer sources will not be fetched if this is not set. */
-        center?: ol.Coordinate;
-
-        /** Rotation constraint. false means no constraint. true means no constraint, but snap to zero near zero. A number constrains the rotation to that number of values. For example, 4 will constrain the rotation to 0, 90, 180, and 270 degrees. The default is true. */
-        constrainRotation?: boolean;
-
-        /** Enable rotation. Default is true. If false a rotation constraint that always sets the rotation to zero is used. The constrainRotation option has no effect if enableRotation is false. */
-        enableRotation?: boolean;
-
-        /**The extent that constrains the center, in other words, center cannot be set outside this extent. Default is undefined. */
-        extent?: ol.Extent;
-
-        /** The maximum resolution used to determine the resolution constraint. It is used together with minResolution (or maxZoom) and zoomFactor. If unspecified it is calculated in such a way that the projection's validity extent fits in a 256x256 px tile. If the projection is Spherical Mercator (the default) then maxResolution defaults to 40075016.68557849 / 256 = 156543.03392804097. */
-        maxResolution?: number;
-
-        /** The minimum resolution used to determine the resolution constraint. It is used together with maxResolution (or minZoom) and zoomFactor. If unspecified it is calculated assuming 29 zoom levels (with a factor of 2). If the projection is Spherical Mercator (the default) then minResolution defaults to 40075016.68557849 / 256 / Math.pow(2, 28) = 0.0005831682455839253. */
-        minResolution?: number;
-
-        /** The maximum zoom level used to determine the resolution constraint. It is used together with minZoom (or maxResolution) and zoomFactor. Default is 28. Note that if minResolution is also provided, it is given precedence over maxZoom. */
-        maxZoom?: number;
-
-        /** The minimum zoom level used to determine the resolution constraint. It is used together with maxZoom (or minResolution) and zoomFactor. Default is 0. Note that if maxResolution is also provided, it is given precedence over minZoom. */
-        minZoom?: number;
-
-        /** The projection. Default is EPSG:3857 (Spherical Mercator). */
-        projection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-        /** The initial resolution for the view. The units are projection units per pixel (e.g. meters per pixel). An alternative to setting this is to set zoom. Default is undefined, and layer sources will not be fetched if neither this nor zoom are defined. */
-        resolution?: number;
-
-        /** Resolutions to determine the resolution constraint. If set the maxResolution, minResolution, minZoom, maxZoom, and zoomFactor options are ignored. */
-        resolutions?: Array<number>;
-
-        /** The initial rotation for the view in radians (positive rotation clockwise). Default is 0. */
-        rotation?: number;
-
-        /** Only used if resolution is not defined. Zoom level used to calculate the initial resolution for the view. The initial resolution is determined using the ol.View#constrainResolution method. */
-        zoom?: number;
-
-        /** The zoom factor used to determine the resolution constraint. Default is 2. */
-        zoomFactor?: number;
-    }
-
-    interface ViewState {
-
+    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
          */
-        center: ol.Coordinate;
+        constructor(type: string, key: string, oldValue: any);
 
         /**
-         *
+         * The name of the property whose value is changing.
+         * @type {string}
+         * @api stable
          */
-        projection: ol.proj.Projection;
+        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
          */
-        resolution: number;
+        oldValue: any;
 
-        /**
-         *
-         */
-        rotation: number;
     }
 
-    interface Projection {
+    /**
+     * @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 {
         /**
-         * The SRS identifier code, e.g. EPSG:4326.
+         * @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
          */
-        code: string;
+        constructor(opt_values?: { [k: string]: any });
 
         /**
-        * Units. Required unless a proj4 projection is defined for code.
-        */
-        units?: ol.proj.Units;
+         * Gets a value.
+         * @param {string} key Key name.
+         * @return {*} Value.
+         * @api stable
+         */
+        get(key: string): any;
 
         /**
-        * The validity extent for the SRS.
-        */
-        extent?: Array<number>;
+         * Get a list of object property names.
+         * @return {Array.<string>} List of property names.
+         * @api stable
+         */
+        getKeys(): string[];
 
         /**
-        * The axis orientation as specified in Proj4. The default is enu.
-        */
-        axisOrientation?: string;
+         * Get an object of all property names and values.
+         * @return {Object.<string, *>} Object.
+         * @api stable
+         */
+        getProperties(): { [k: string]: any };
 
         /**
-        * Whether the projection is valid for the whole globe. Default is false.
-        */
-        global?: boolean;
+         * 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;
 
         /**
-        * experimental The world extent for the SRS.
-        */
-        worldExtent?: ol.Extent;
+         * 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;
 
         /**
-        *  experimental Function to determine resolution at a point. The function is called with
-        *  a {number} view resolution and an {ol.Coordinate} as arguments, and returns the {number}
-        *  resolution at the passed coordinate.
-        */
-        getPointResolution?: (resolution: number, coordinate: ol.Coordinate) => number;
+         * 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;
+
     }
 
-    namespace animation {
+    /**
+     * @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();
 
-        interface BounceOptions {
+        /**
+         * 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;
 
-            /**
-             * The resolution to start the bounce from, typically map.getView().getResolution().
-             */
-            resolution: number;
+        /**
+         * Increases the revision counter and dispatches a 'change' event.
+         * @api
+         */
+        changed(): void;
 
-            /**
-             * The start time of the animation. Default is immediately.
-             */
-            start?: number;
+        /**
+         * 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;
 
-            /**
-             * The duration of the animation in milliseconds. Default is 1000.
-             */
-            duration?: number;
+        /**
+         * 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;
 
-            /**
-             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
-             */
-            easing?: (t: number) => 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[]);
 
-        interface PanOptions {
+        /**
+         * 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[]);
 
-            /**
-             * The resolution to start the bounce from, typically map.getView().getResolution().
-             */
-            source: ol.Coordinate;
+        /**
+         * 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;
 
-            /**
-             * The start time of the animation. Default is immediately.
-             */
-            start?: number;
+        /**
+         * 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;
 
-            /**
-             * The duration of the animation in milliseconds. Default is 1000.
-             */
-            duration?: number;
+    }
 
-            /**
-             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
-             */
-            easing?: (t: number) => number;
-        }
+    /**
+     * Overlay position: `'bottom-left'`, `'bottom-center'`,  `'bottom-right'`,
+     * `'center-left'`, `'center-center'`, `'center-right'`, `'top-left'`,
+     * `'top-center'`, `'top-right'`
+     * @enum {string}
+     */
+    type OverlayPositioning = string;
 
-        interface RotateOptions {
+    /**
+     * @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);
 
-            /**
-             * The rotation value (in radians) to begin rotating from, typically map.getView().getRotation(). If undefined then 0 is assumed.
-             */
-            rotation?: number;
+        /**
+         * Get the DOM element of this overlay.
+         * @return {Element|undefined} The Element containing the overlay.
+         * @observable
+         * @api stable
+         */
+        getElement(): (Element);
 
-            /**
-             * The rotation center/anchor. The map rotates around the center of the view if unspecified.
-             */
-            anchor?: ol.Coordinate;
+        /**
+         * Get the overlay identifier which is set on constructor.
+         * @return {number|string|undefined} Id.
+         * @api
+         */
+        getId(): (number | string);
 
-            /**
-             * The start time of the animation. Default is immediately.
-             */
-            start?: number;
+        /**
+         * 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);
 
-            /**
-             * The duration of the animation in milliseconds. Default is 1000.
-             */
-            duration?: number;
+        /**
+         * Get the offset of this overlay.
+         * @return {Array.<number>} The offset.
+         * @observable
+         * @api stable
+         */
+        getOffset(): number[];
 
-            /**
-             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
-             */
-            easing?: (t: number) => 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);
 
-        interface ZoomOptions {
+        /**
+         * 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;
 
-            /**
-             * The resolution to begin zooming from, typically map.getView().getResolution().
-             */
-            resolution: number;
+        /**
+         * 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;
 
-            /**
-             * The start time of the animation. Default is immediately.
-             */
-            start?: number;
+        /**
+         * 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;
 
-            /**
-             * The duration of the animation in milliseconds. Default is 1000.
-             */
-            duration?: number;
+        /**
+         * Set the offset for this overlay.
+         * @param {Array.<number>} offset Offset.
+         * @observable
+         * @api stable
+         */
+        setOffset(offset: number[]): void;
 
-            /**
-             * The easing function to use. Can be an ol.easing or a custom function. Default is ol.easing.upAndDown.
-             */
-            easing?: (t: number) => number
+        /**
+         * 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 {
         }
     }
 
-    namespace control {
+    /**
+     * 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 {
 
-        interface DefaultsOptions {
-
-            /**
-             * Attribution. Default is true.
-             */
-            attribution?: boolean;
-
-            /**
-             * Attribution options.
-             */
-            //TODO: Replace with olx.control.AttributionOptions
-            attributionOptions?: any;
-
-            /**
-             * Rotate. Default is true;
-             */
-            rotate?: boolean;
-
-            /**
-             * Rotate options
-             */
-            //TODO: Replace with olx.control.RotateOptions
-            rotateOptions?: any;
-
-            /**
-             * Zoom. Default is true
-             */
-            zoom?: boolean;
+        /**
+         * Projection units: `'degrees'`, `'ft'`, `'m'`, `'pixels'`, `'tile-pixels'` or
+         * `'us-ft'`.
+         * @enum {string}
+         */
+        type Units = string;
 
+        /**
+         * 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
              */
-            //TODO: Replace with olx.control.ZoomOptions
-            zoomOptions?: any;
+            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 {proj4} proj4 Proj4.
+        //   * @api
+        //   */
+        //  function setProj4(proj4: proj4): 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.
+         * @return {ol.Coordinate} Coordinate.
+         * @api stable
+         */
+        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;
+
     }
 
-    namespace interaction {
-        interface DefaultsOptions {
-            /*** Whether Alt-Shift-drag rotate is desired. Default is true.*/
-            altShiftDragRotate?: boolean;
-            /*** Whether double click zoom is desired. Default is true.*/
-            doubleClickZoom?: boolean;
-            /*** Whether keyboard interaction is desired. Default is true.*/
-            keyboard?: boolean;
-            /*** Whether mousewheel zoom is desired. Default is true.*/
-            mouseWheelZoom?: boolean;
-            /*** Whether Shift-drag zoom is desired. Default is true.*/
-            shiftDragZoom?: boolean;
-            /*** Whether drag pan is desired. Default is true.*/
-            dragPan?: boolean;
-            /*** Whether pinch rotate is desired. Default is true.*/
-            pinchRotate?: boolean;
-            /*** Whether pinch zoom is desired. Default is true.*/
-            pinchZoom?: boolean;
-            /*** Zoom delta*/
-            zoomDelta?: number;
-            /*** Zoom duration*/
-            zoomDuration?: number;
+    /**
+     * @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;
+
+            }
+
         }
-        interface InteractionOptions {
+
+        /**
+         * @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 {
             /**
-             * Method called by the map to notify the interaction that a browser event was dispatched to the map.
-             * The function may return false to prevent the propagation of the event to other interactions in
-             * the map's interactions chain. Required.
+             * @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.
              */
-            handleEvent: Function;
+            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;
+
         }
-        interface ModifyOptions {
+
+        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 {
             /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event will
-             * be considered to add or move a vertex to the sketch. Default is ol.events.condition.primaryAction.
+             * 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.
              */
-            condition?: ol.events.ConditionType;
+            constructor(type: ol.geom.GeometryType, flatCoordinates: number[], ends: (number[] | number[][]), properties: { [k: string]: any });
+
             /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should
-             * be handled. By default, ol.events.condition.singleClick with ol.events.condition.noModifierKeys results
-             * in a vertex deletion.
+             * Get a feature property by its key.
+             * @param {string} key Key
+             * @return {*} Value for the requested key.
+             * @api
              */
-            deleteCondition?: ol.events.ConditionType;
-            /*** Pixel tolerance for considering the pointer close enough to a segment or vertex for editing. Default is 10.*/
-            pixelTolerance?: number;
-            /*** Style used for the features being modified. By default the default edit style is used (see ol.style).*/
-            style?: ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-            /*** The features the interaction works on. Required.*/
-            features: ol.Collection<ol.Feature>;
-            /*** Wrap the world horizontally on the sketch overlay. Default is false.*/
-            wrapX?: boolean;
+            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;
+
         }
-        interface DragBoxOptions {
-            /*** CSS class name for styling the box. The default is ol-dragbox.*/
-            className?: string;
+
+        /**
+         * 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 {
             /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.always.
+             * Context for drawing geometries.  A vector context is available on render
+             * events and does not need to be constructed directly.
+             * @constructor
+             * @struct
+             * @api
              */
-            condition?: ol.events.ConditionType;
-            /*** A function that takes a ol.MapBrowserEvent and two ol.Pixels to indicate whether a boxend event should be fired.*/
-            boxEndCondition?: ol.interaction.DragBoxEndConditionType;
+            constructor();
+
         }
-        interface DrawOptions {
+
+        /**
+         * 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 = string;
+
+    /**
+     * Raster operation type. Supported values are `'pixel'` and `'image'`.
+     * @enum {string}
+     */
+    type RasterOperationType = string;
+
+    /**
+     * @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 {
             /**
-             * The maximum distance in pixels between "down" and "up" for a "up" event to be considered a "click" event and actually
-             * add a point/vertex to the geometry being drawn. Default is 6 pixels. That value was chosen for the draw interaction
-             * to behave correctly on mouse as well as on touch devices.
+             * @classdesc
+             * Layer source for Bing Maps tile data.
+             *
+             * @constructor
+             * @extends {ol.source.TileImage}
+             * @param {olx.source.BingMapsOptions} options Bing Maps options.
+             * @api stable
              */
-            clickTolerance?: number;
+            constructor(options: olx.source.BingMapsOptions);
+
             /**
-             * Destination collection for the drawn features.
+             * The attribution containing a link to the Microsoft® Bing™ Maps Platform APIs’
+             * Terms Of Use.
+             * @const
+             * @type {ol.Attribution}
+             * @api
              */
-            features?: ol.Collection<ol.Feature>;
-            /**
-             * Destination source for the drawn features.
-             */
-            source?: ol.source.Vector;
-            /**
-             * Pixel distance for snapping to the drawing finish. Default is 12.
-             */
-            snapTolerance?: number;
-            /**
-             * Drawing type ('Point', 'LineString', 'Polygon', 'MultiPoint', 'MultiLineString', 'MultiPolygon' or 'Circle'). Required.
-             */
-            type: ol.geom.GeometryType;
-            /**
-             * The number of points that can be drawn before a polygon ring or line string is finished. The default is no restriction.
-             */
-            maxPoints?: number;
-            /**
-             * The number of points that must be drawn before a polygon ring or line string can be finished. Default is 3 for polygon
-             * rings and 2 for line strings.
-             */
-            minPoints?: number;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether the drawing can be finished.
-             */
-            finishCondition?: ol.events.ConditionType;
-            /**
-             * Style for sketch features.
-             */
-            style?: ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-            /**
-             * Function that is called when a geometry's coordinates are updated.
-             */
-            geometryFunction?: ol.interaction.DrawGeometryFunctionType;
-            /**
-             * Geometry name to use for features created by the draw interaction.
-             */
-            geometryName?: string;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * By default ol.events.condition.noModifierKeys, i.e. a click, adds a vertex or deactivates freehand drawing.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * Condition that activates freehand drawing for lines and polygons. This function takes an ol.MapBrowserEvent and returns
-             * a boolean to indicate whether that event should be handled. The default is ol.events.condition.shiftKeyOnly, meaning that
-             *  the Shift key activates freehand drawing.
-             */
-            freehandCondition?: ol.events.ConditionType;
-            /**
-             * Wrap the world horizontally on the sketch overlay. Default is false.
-             */
-            wrapX?: boolean;
+            static TOS_ATTRIBUTION: ol.Attribution;
+
         }
-        interface DoubleClickZoomOptions {
+
+        /**
+         * @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 {
             /**
-             * Animation duration in milliseconds. Default is 250.
+             * @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 = string;
+
+        /**
+         * @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: ((self: T, 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: ((self: T, 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: ((self: T, 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: ((self: T, 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 = string;
+
+        }
+
+        /**
+         * Request encoding. One of 'KVP', 'REST'.
+         * @enum {string}
+         */
+        type WMTSRequestEncoding = string;
+
+        /**
+         * @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;
+
+        }
+
+        /**
+         * @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 = string;
+
+        /**
+         * Icon origin. One of 'bottom-left', 'bottom-right', 'top-left', 'top-right'.
+         * @enum {string}
+         */
+        type IconOrigin = string;
+
+        /**
+         * @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 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 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 = (self: ol.source.ImageCanvas, 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[] | 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[];
+
+    /**
+     * 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[];
+
+    /**
+     * {@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 = (self: ol.source.Vector, 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 = (self: ol.Feature, 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[];
+
+    /**
+     * 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);
+
+    /**
+     * 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[];
+
+    /**
+     * @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[];
+
+    /**
+     * 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;
+
+    }
+
+}
+
+/**
+ * @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;
-            /**
-             * The zoom delta applied on each double click, default is 1.
-             */
-            delta?: number;
+            easing: ((t: number) => number);
         }
-        interface DragAndDropOptions {
-            /**
-             * Format constructors.
-             */
-            formatConstructors?: Array<ol.format.Feature>;
-            /**
-             * Target projection. By default, the map's view's projection is used.
-             */
-            projection: ol.proj.ProjectionLike;
-            /**
-             * The element that is used as the drop target, default is the viewport element.
-             */
+
+
+        /**
+         * @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);
+        }
+
+
+    }
+
+    /**
+     * @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;
         }
-        interface DragPanOptions {
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.noModifierKeys.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * Kinetic inertia to apply to the pan.
-             */
-            kinetic?: ol.Kinetic;
-        }
-        interface DragRotateOptions {
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.altShiftKeysOnly.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * Animation duration in milliseconds. Default is 250.
-             */
+
+
+        /**
+         * @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;
-        }
-        interface DragRotateAndZoomOptions {
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.shiftKeyOnly.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * Animation duration in milliseconds. Default is 400.
-             */
-            duration?: number;
-        }
-        interface DragZoomOptions {
-            /**
-             * CSS class name for styling the box. The default is ol-dragzoom.
-             */
             className?: string;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.shiftKeyOnly.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * Animation duration in milliseconds. Default is 200.
-             */
-            duration?: number;
-            /**
-             * Use interaction for zooming out. Default is false.
-             */
-            out?: boolean;
-        }
-        interface KeyboardPanOptions {
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.noModifierKeys and ol.events.condition.targetNotEditable.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * Animation duration in milliseconds. Default is 100.
-             */
-            duration?: number;
-            /**
-             * Pixel The amount to pan on each key press. Default is 128 pixels.
-             */
-            pixelDelta?: number;
-        }
-        interface KeyboardZoomOptions {
-            /**
-             * Animation duration in milliseconds. Default is 100.
-             */
-            duration?: number;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * Default is ol.events.condition.targetNotEditable.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * The amount to zoom on each key press. Default is 1.
-             */
+            zoomInLabel?: (string | Node);
+            zoomOutLabel?: (string | Node);
+            zoomInTipLabel?: string;
+            zoomOutTipLabel?: string;
             delta?: number;
+            target?: Element;
         }
-        interface MouseWheelZoomOptions {
-            /**
-             * Animation duration in milliseconds. Default is 250.
-             */
+
+
+        /**
+         * @typedef {{className: (string|undefined),
+         *     duration: (number|undefined),
+         *     maxResolution: (number|undefined),
+         *     minResolution: (number|undefined),
+         *     render: (function(ol.MapEvent)|undefined)}}
+         */
+        interface ZoomSliderOptions {
+            className?: string;
             duration?: number;
-            /**
-             * Enable zooming using the mouse's location as the anchor. Default is true.
-             * When set to false, zooming in and out will zoom to the center of the screen instead of zooming on the mouse's location.
-             */
-            useAnchor?: boolean;
+            maxResolution?: number;
+            minResolution?: number;
+            render?: ((event: ol.MapEvent) => any);
         }
-        interface PinchRotateOptions {
-            /**
-             * The duration of the animation in milliseconds. Default is 250.
-             */
-            duration?: number;
-            /**
-             * Minimal angle in radians to start a rotation. Default is 0.3.
-             */
-            threshold?: number;
-        }
-        interface PinchZoomOptions {
-            /**
-             * Animation duration in milliseconds. Default is 400.
-             */
-            duration?: number;
-        }
-        interface PointerOptions {
-            /**
-             * Function handling "down" events. If the function returns true then a drag sequence is started.
-             */
-            handleDownEvent?: Function;
-            /**
-             * Function handling "drag" events. This function is called on "move" events during a drag sequence.
-             */
-            handleDragEvent?: Function;
-            /**
-             * Method called by the map to notify the interaction that a browser event was dispatched to the map.
-             * The function may return false to prevent the propagation of the event to other interactions in the map's interactions chain.
-             */
-            handleEvent?: Function;
-            /**
-             * Function handling "move" events. This function is called on "move" events, also during a drag sequence
-             * (so during a drag sequence both the handleDragEvent function and this function are called).
-             */
-            handleMoveEvent?: Function;
-            /**
-             * Function handling "up" events. If the function returns false then the current drag sequence is stopped.
-             */
-            handleUpEvent?: Function;
-        }
-        interface SnapOptions {
-            /**
-             * Snap to these features. Either this option or source should be provided.
-             */
-            features?: ol.Collection<ol.Feature>;
-            /**
-             * Snap to edges. Default is true.
-             */
-            edge?: boolean;
-            /**
-             * Snap to vertices. Default is true.
-             */
-            vertex?: boolean;
-            /**
-             * Pixel tolerance for considering the pointer close enough to a segment or vertex for snapping. Default is 10 pixels.
-             */
-            pixelTolerance?: number;
-            /**
-             * Snap to features from this source. Either this option or features should be provided.
-             */
-            source?: ol.source.Vector;
-        }
-        interface SelectOptions {
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * By default, this is ol.events.condition.never.
-             * Use this if you want to use different events for add and remove instead of toggle.
-             */
-            addCondition?: ol.events.ConditionType;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * This is the event for the selected features as a whole. By default, this is ol.events.condition.singleClick.
-             * Clicking on a feature selects that feature and removes any that were in the selection.
-             * Clicking outside any feature removes all from the selection.
-             * See toggle, add, remove options for adding/removing extra features to/ from the selection.
-             */
-            condition?: ol.events.ConditionType;
-            /**
-             * A list of layers from which features should be selected. Alternatively, a filter function can be provided.
-             * The function will be called for each layer in the map and should return true for layers that you want to be selectable.
-             * If the option is absent, all visible layers will be considered selectable.
-             */
-            layers?: Array<ol.layer.Layer> | ((layer: ol.layer.Layer) => boolean);
-            /**
-             * Style for the selected features. By default the default edit style is used (see ol.style).
-             */
-            style?: ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * By default, this is ol.events.condition.never.
-             * Use this if you want to use different events for add and remove instead of toggle.
-             */
-            removeCondition?: ol.events.ConditionType;
-            /**
-             * A function that takes an ol.MapBrowserEvent and returns a boolean to indicate whether that event should be handled.
-             * This is in addition to the condition event. By default, ol.events.condition.shiftKeyOnly,
-             * i.e. pressing shift as well as the condition event, adds that feature to the current selection if it is not currently
-             * selected, and removes it if it is. See add and remove if you want to use different events instead of a toggle.
-             */
-            toggleCondition?: ol.events.ConditionType;
-            /**
-             * A boolean that determines if the default behaviour should select only single features or all (overlapping)
-             * features at the clicked map position. Default is false i.e single select
-             */
-            multi?: boolean;
-            /**
-             * Collection where the interaction will place selected features. Optional. If not set the interaction will create a collection.
-             * In any case the collection used by the interaction is returned by ol.interaction.Select#getFeatures.
-             */
-            features?: ol.Collection<ol.Feature>;
-            /**
-             * A function that takes an ol.Feature and an ol.layer.Layer and returns true if the feature may be selected or false otherwise.
-             */
-            filter?: ol.interaction.SelectFilterFunction;
-            /**
-             * Wrap the world horizontally on the selection overlay. Default is true.
-             */
-            wrapX?: boolean;
+
+
+        /**
+         * @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 layer {
+    /**
+     * @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;
+            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.ogc.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));
+        }
+
+
+        /**
+         * @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 (0, 1). Default is 1.
-             */
             opacity?: number;
-
-            /**
-             * Visibility. Default is true.
-             */
             visible?: boolean;
-
-            /**
-             * The bounding extent for layer rendering. The layer will not be rendered outside of this extent.
-             */
             extent?: ol.Extent;
-
             zIndex?: number;
-            /**
-             * The minimum resolution (inclusive) at which this layer will be visible.
-             */
             minResolution?: number;
-
-            /**
-             * The maximum resolution (exclusive) below which this layer will be visible.
-             */
             maxResolution?: number;
         }
 
-        interface GroupOptions extends BaseOptions {
 
-            /**
-             * Child layers
-             */
-            layers?: Array<ol.layer.Base> | ol.Collection<ol.layer.Base>;
-        }
-
-        interface HeatmapOptions extends VectorOptions {
-
-            /**
-             * The color gradient of the heatmap, specified as an array of CSS color strings. Default is ['#00f', '#0ff', '#0f0', '#ff0', '#f00'].
-             */
-            gradient?: Array<String>;
-
-            /**
-             * Radius size in pixels. Default is 8.
-             */
-            radius?: number;
-
-            /**
-             * Blur size in pixels. Default is 15.
-             */
-            blur?: number;
-
-            /**
-             * Shadow size in pixels. Default is 250.
-             */
-            shadow?: number;
-        }
-
-        interface ImageOptions extends LayerOptions {
-        }
-
-        interface LayerOptions extends BaseOptions {
-
-            /**
-             * The layer source (or null if not yet set).
-             */
+        /**
+         * @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;
         }
 
-        interface TileOptions extends LayerOptions {
 
-            /**
-             * Preload. Load low-resolution tiles up to preload levels. By default preload is 0, which means no preloading.
-             */
+        /**
+         * @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 for this layer.
-             */
-            source?: ol.source.Tile;
-
-            /**
-             * Use interim tiles on error. Default is true.
-             */
+            source: ol.source.Tile;
+            map?: ol.Map;
+            visible?: boolean;
+            extent?: ol.Extent;
+            minResolution?: number;
+            maxResolution?: number;
             useInterimTilesOnError?: boolean;
         }
 
-        interface VectorOptions extends LayerOptions {
 
-            /**
-             * When set to true, feature batches will be recreated during animations. This means that no vectors will be shown clipped, but the setting will have a performance impact for large amounts of vector data. When set to false, batches will be recreated when no animation is active. Default is false.
-             */
-            updateWhileAnimating?: boolean;
-
-            /**
-             * When set to true, feature batches will be recreated during interactions. See also updateWhileInteracting. Default is false.
-             */
-            updateWhileInteracting?: boolean;
-
-            /**
-             * Render order. Function to be used when sorting features before rendering. By default features are drawn in the order that they are created. Use null to avoid the sort, but get an undefined draw order.
-             */
-            // TODO: replace any with the expected function, unclear in documentation what the parameters are
-            renderOrder?: any;
-
-            /**
-             * The buffer around the viewport extent used by the renderer when getting features from the vector source for the rendering or hit-detection. Recommended value: the size of the largest symbol, line width or label. Default is 100 pixels.
-             */
+        /**
+         * @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.
-             */
-            source?: ol.source.Vector;
-
-            /**
-             * Layer style. See ol.style for default style which will be used if this is not defined.
-             */
-            style?: ol.style.Style | Array<ol.style.Style> | any;
+            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 source {
+    /**
+     * @namespace olx.parser
+     */
+    module parser {
+    }
 
-        interface VectorOptions {
-            /**
-             * Attributions.
-             */
-            attributions?: Array<ol.Attribution>;
+    /**
+     * @namespace olx.render
+     */
+    module render {
+        /**
+         * @typedef {{size: (ol.Size|undefined),
+         *     pixelRatio: (number|undefined)}}
+         */
+        interface ToContextOptions {
+            size?: ol.Size;
+            pixelRatio?: number;
+        }
 
-            /**
-             * Features. If provided as {@link ol.Collection}, the features in the source
-             * and the collection will stay in sync.
-             */
-            features?: Array<ol.Feature> | ol.Collection<ol.Feature>;
 
-            /**
-             * The feature format used by the XHR feature loader when `url` is set.
-             * Required if `url` is set, otherwise ignored. Default is `undefined`.
-             */
-            format?: ol.format.Feature;
+    }
 
-            /**
-             * The loader function used to load features, from a remote source for example.
-             * Note that the source will create and use an XHR feature loader when `url` is
-             * set.
-             */
-            loader?: ol.FeatureLoader;
-
-            /**
-             * Logo.
-             */
-            logo?: string | olx.LogoOptions;
-
-            /**
-             * The loading strategy to use. By default an {@link ol.loadingstrategy.all}
-             * strategy is used, a one-off strategy which loads all features at once.
-             */
-            strategy?: ol.LoadingStrategy;
-
-            /**
-             * Setting this option instructs the source to use an XHR loader (see
-             * {@link ol.featureloader.xhr}) and an {@link ol.loadingstrategy.all} for a
-             * one-off download of all features from that URL.
-             * Requires `format` to be set as well.
-             */
-            url?: string;
-
-            /**
-             * By default, an RTree is used as spatial index. When features are removed and
-             * added frequently, and the total number of features is low, setting this to
-             * `false` may improve performance.
-             */
-            useSpatialIndex?: boolean;
-
-            /**
-             * Wrap the world horizontally. Default is `true`. For vector editing across the
-             * -180° and 180° meridians to work properly, this should be set to `false`. The
-             * resulting geometry coordinates will then exceed the world bounds.
-             */
+    /**
+     * @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;
         }
 
-        interface ClusterOptions extends VectorOptions{
 
-            /**
-             * Minimum distance in pixels between clusters. Default is 20.
-             */
+        /**
+         * @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?: any;
-
-            projection?: ol.proj.ProjectionLike;
-
+            geometryFunction?: ((feature: ol.Feature) => ol.geom.Point);
+            format?: ol.format.Feature;
+            logo?: string;
+            projection: ol.ProjectionLike;
             source: ol.source.Vector;
-
+            wrapX?: boolean;
         }
 
-        interface WMTSOptions {
-            attributions?: Array<ol.Attribution>;
-            crossOrigin?: string;
-            logo?: string | olx.LogoOptions;
-            tileGrid: ol.tilegrid.WMTS;     // REQUIRED !
-            projection?: ol.proj.ProjectionLike;
+        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;
-            requestEncoding?: ol.source.WMTSRequestEncoding;
-            layer: string;      //REQUIRED
-            style: string;      //REQUIRED
-            tileClass?: Function;
+            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;  //REQUIRED
-            dimensions?: Object;
+            matrixSet: string;
+            dimensions?: GlobalObject;
             url?: string;
-            maxZoom?: number;
             tileLoadFunction?: ol.TileLoadFunctionType;
-            urls?: Array<string>;
-            wrapX: boolean;
+            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 style {
-
-        interface FillOptions {
-            color?: ol.Color | string;
-        }
-
-        interface StyleOptions {
-            geometry?: string | ol.geom.Geometry | ol.style.GeometryFunction;
+    /**
+     * @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;
-            image?: ol.style.Image;
+            radius: number;
+            snapToPixel?: boolean;
             stroke?: ol.style.Stroke;
-            circle?: ol.style.Circle;
-            text?: ol.style.Text;
-            zIndex?: number;
+            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;
@@ -1272,4223 +13450,331 @@ declare namespace olx {
             fill?: ol.style.Fill;
             stroke?: ol.style.Stroke;
         }
-        interface StrokeOptions {
-            color?: ol.Color | string;
-            lineCap?: string;
-            lineJoin?: string;
-            lineDash?: Array<number>;
-            miterLimit?: number;
-            width?: number;
-        }
-        interface IconOptions {
-            anchor?: Array<number>;
-            anchorOrigin?: string;
-            anchorXUnits?: string;
-            anchorYUnits?: string;
-            crossOrigin?: string;
-            img?: ol.Image | HTMLCanvasElement;
-            offset?: Array<number>;
-            offsetOrigin?: string;
-            opacity?: number;
-            scale?: number;
-            snapToPixel?: boolean;
-            rotateWithView?: boolean;
-            rotation?: number;
-            size?: ol.Size;
-            imgSize?: ol.Size;
-            src?: string;
-        }
-        interface CircleOptions {
+
+
+        /**
+         * @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;
-            radius: number;
-            snapToPixel?: boolean;
+            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 tilegrid {
-
+    /**
+     * @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 for the tile grid. No tiles outside this extent will be requested by ol.source.Tile sources. When no origin or origins are configured, the origin will be set to the bottom-left corner of the extent. When no sizes are configured, they will be calculated from the extent.
-             */
             extent?: ol.Extent;
-
-            /**
-             * Minimum zoom. Default is 0.
-             */
             minZoom?: number;
-
-            /**
-             * Origin, i.e. the bottom-left corner of the grid. Default is null.
-             */
             origin?: ol.Coordinate;
-
-            /**
-             * Origins, i.e. the bottom-left corners of the grid for each zoom level. If given, the array length should match the length of the resolutions array, i.e. each resolution can have a different origin.
-             */
-            origins?: Array<ol.Coordinate>;
-
-            /**
-             * Resolutions. The array index of each resolution needs to match the zoom level. This means that even if a minZoom is configured, the resolutions array will have a length of maxZoom + 1.
-             */
-            resolutions?: Array<number>;
-
-            /**
-             * Tile size. Default is [256, 256].
-             */
-            tileSize?: number | ol.Size;
-
-            /**
-             * Tile sizes. If given, the array length should match the length of the resolutions array, i.e. each resolution can have a different tile size.
-             */
-            tileSizes?: Array<number | ol.Size>;
+            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 for the tile grid. No tiles outside this extent will be requested by ol.source.WMTS sources. When no origin or origins are configured, the origin will be calculated from the extent. When no sizes are configured, they will be calculated from the extent.
-             */
             extent?: ol.Extent;
-
-            /**
-             * Origin, i.e. the top-left corner of the grid.
-             */
             origin?: ol.Coordinate;
-
-            /**
-             * Origins, i.e. the top-left corners of the grid for each zoom level. The length of this array needs to match the length of the resolutions array.
-             */
-            origins?: Array<ol.Coordinate>;
-
-            /**
-             * Resolutions. The array index of each resolution needs to match the zoom level. This means that even if a minZoom is configured, the resolutions array will have a length of maxZoom + 1
-             */
-            resolutions?: Array<number>;
-
-            /**
-             * matrix IDs. The length of this array needs to match the length of the resolutions array.
-             */
-            matrixIds?: Array<string>;
-
-            /**
-             * Number of tile rows and columns of the grid for each zoom level. The values here are the TileMatrixWidth and TileMatrixHeight advertised in the GetCapabilities response of the WMTS, and define the grid's extent together with the origin. An extent can be configured in addition, and will further limit the extent for which tile requests are made by sources.
-             */
-            sizes?: Array<ol.Size>;
-
-            /**
-             * Tile size.
-             */
-            tileSize?: number | ol.Size;
-
-            /**
-             * Tile sizes. The length of this array needs to match the length of the resolutions array.
-             */
-            tileSizes?: Array<number | ol.Size>;
-
-            /**
-             * Number of tile columns that cover the grid's extent for each zoom level. Only required when used with a source that has wrapX set to true, and only when the grid's origin differs from the one of the projection's extent. The array length has to match the length of the resolutions array, i.e. each resolution will have a matching entry here.
-             */
-            widths?: Array<number>;
+            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 for the tile grid. The origin for an XYZ tile grid is the top-left corner of the extent. The zero level of the grid is defined by the resolution at which one tile fits in the provided extent. If not provided, the extent of the EPSG:3857 projection is used.
-             */
             extent?: ol.Extent;
-
-            /**
-             * Maximum zoom. The default is ol.DEFAULT_MAX_ZOOM. This determines the number of levels in the grid set. For example, a maxZoom of 21 means there are 22 levels in the grid set.
-             */
             maxZoom?: number;
-
-            /**
-             * Minimum zoom. Default is 0.
-             */
             minZoom?: number;
-
-            /**
-             * Tile size in pixels. Default is [256, 256].
-             */
-            tileSize?: number | ol.Size;
+            tileSize?: (number | ol.Size);
         }
 
-        interface ZoomifyOptions {
 
-            /**
-             * Resolutions
-             */
-            resolutions: Array<number>;
-        }
     }
 
-    namespace view {
+    /**
+     * @typedef {{html: string,
+     *     tileRanges: (Object.<string, Array.<ol.TileRange>>|undefined)}}
+     */
+    interface AttributionOptions {
+        html: string;
+    }
 
-        interface FitGeometryOptions {
 
-            /**
-             * Padding (in pixels) to be cleared inside the view. Values in the array are top, right, bottom and left padding. Default is [0, 0, 0, 0].
-             */
-            padding?: Array<number>;
+    /**
+     * @typedef {{tracking: (boolean|undefined)}}
+     */
+    interface DeviceOrientationOptions {
+        tracking?: boolean;
+    }
 
-            /**
-             * Constrain the resolution. Default is true.
-             */
+    /**
+     * @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;
-
-            /**
-             * Get the nearest extent. Default is false.
-             */
             nearest?: boolean;
-
-            /**
-             * Minimum resolution that we zoom to. Default is 0.
-             */
-            minResolution?: number;
-
-            /**
-             * Maximum zoom level that we zoom to. If minResolution is given, this property is ignored.
-             */
             maxZoom?: number;
+            minResolution?: number;
         }
     }
 
-    namespace format {
-        interface WKTOptions {
-            /**
-             * Whether to split GeometryCollections into multiple features on reading. Default is false.
-             */
-            splitCollection?: boolean;
-        }
-
-        interface GeoJSONOptions {
-
-            /**
-             * Default data projection.
-             */
-            defaultDataProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-            /**
-             * Geometry name to use when creating features
-             */
-            geometryName?: string;
-        }
-
-        interface ReadOptions {
-
-            /**
-             * Projection of the data we are reading. If not provided, the projection will be derived from the data (where possible) or the defaultDataProjection of the format is assigned (where set). If the projection can not be derived from the data and if no defaultDataProjection is set for a format, the features will not be reprojected.
-             */
-            dataProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-            /**
-             * Projection of the feature geometries created by the format reader. If not provided, features will be returned in the dataProjection.
-             */
-            featureProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-        }
-
-        interface WriteOptions {
-
-            /**
-             * Projection of the data we are writing. If not provided, the defaultDataProjection of the format is assigned (where set). If no defaultDataProjection is set for a format, the features will be returned in the featureProjection.
-             */
-            dataProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-            /**
-             * Projection of the feature geometries that will be serialized by the format writer.
-             */
-            featureProjection?: ol.proj.ProjectionLike | ol.proj.Projection;
-
-            /**
-             * When writing geometries, follow the right-hand rule for linear ring orientation. This means that polygons will have counter-clockwise exterior rings and clockwise interior rings. By default, coordinates are serialized as they are provided at construction. If true, the right-hand rule will be applied. If false, the left-hand rule will be applied (clockwise for exterior and counter-clockwise for interior rings). Note that not all formats support this. The GeoJSON format does use this property when writing geometries.
-             */
-            rightHanded?: boolean;
-        }
-    }
-
-    namespace control {
-        interface ControlOptions {
-            /**
-             * The element is the control's container element. This only needs to be specified if you're developing a custom control.
-             */
-            element?: Element;
-
-            /**
-             * Function called when the control should be re-rendered. This is called in a requestAnimationFrame callback.
-             */
-            render?: any;
-
-            /**
-             * Specify a target if you want the control to be rendered outside of the map's viewport.
-             */
-            target?: Element | string;
-        }
-    }
-}
-
-/**
- * A high-performance, feature-packed library for all your mapping needs.
- */
-declare namespace ol {
-
-    interface TileLoadFunctionType { (image: ol.Image, url: string): void }
-
-    interface ImageLoadFunctionType { (image: ol.Image, url: string): void }
-
-    type AttributionLike = string | Array<string> | ol.Attribution | Array<ol.Attribution>
-
-    /**
-     * An attribution for a layer source.
-     */
-    class Attribution {
-        /**
-         * @constructor
-         * @param options Attribution options.
-         */
-        constructor(options: olx.AttributionOptions);
-
-        /**
-         * Get the attribution markup.
-         * @returns The attribution HTML.
-         */
-        getHTML(): string;
-    }
-
     /**
-     * An expanded version of standard JS Array, adding convenience methods for manipulation. Add and remove changes to the Collection trigger a Collection event. Note that this does not cover changes to the objects within the Collection; they trigger events on the appropriate object, not on the Collection as a whole.
+     * 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)}}
      */
-    class Collection<T> extends ol.Object {
-
-        /**
-         * @constructor
-         * @param values Array.
-         */
-        constructor(values: Array<T>)
-
-        /**
-         * Remove all elements from the collection.
-         */
-        clear(): void;
-
-        /**
-         * Add elements to the collection. This pushes each item in the provided array to the end of the collection.
-         * @param arr Array.
-         * @returns This collection.
-         */
-        extend(arr: Array<T>): Collection<T>;
-
-        /**
-         * Iterate over each element, calling the provided callback.
-         * @param f The function to call for every element. This function takes 3 arguments (the element, the index and the array).
-         * @param ref The object to use as this in f.
-         */
-        forEach(f: (element: T, index: number, array: Array<T>) => void, ref?: any): void;
-
-        /**
-         * Get a reference to the underlying Array object. Warning: if the array is mutated, no events will be dispatched by the collection, and the collection's "length" property won't be in sync with the actual length of the array.
-         * @returns Array.
-         */
-        getArray(): Array<T>;
-
-        /**
-         * Get the length of this collection.
-         * @returns The length of the array.
-         */
-        getLength(): number;
-
-        /**
-         * Insert an element at the provided index.
-         * @param index Index.
-         * @param elem Element.
-         */
-        insertAt(index: number, elem: T): void;
-
-        /**
-         * Get the element at the provided index.
-         * @param index Index.
-         * @returns Element.
-         */
-        item(index: number): T;
-
-        /**
-         * Remove the last element of the collection and return it. Return undefined if the collection is empty.
-         * @returns Element
-         */
-        pop(): T;
-
-        /**
-         * Insert the provided element at the end of the collection.
-         * @param Element.
-         * @returns Length.
-         */
-        push(elem: T): number;
-
-        /**
-         * Remove the first occurrence of an element from the collection.
-         * @param elem Element.
-         * @returns The removed element or undefined if none found.
-         */
-        remove(elem: T): T;
-
-        /**
-         * Remove the element at the provided index and return it. Return undefined if the collection does not contain this index.
-         * @param index Index.
-         * @returns Value.
-         */
-        removeAt(index: number): T;
-
-        /**
-         * Set the element at the provided index.
-         * @param index Index.
-         * @param elem Element.
-         */
-        setAt(index: number, elem: T): void;
+    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;
     }
 
+
     /**
-     * Events emitted by ol.Collection instances are instances of this type.
+     * @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>>}}
      */
-    class CollectionEvent<T> extends ol.events.Event {
-
-        /**
-         * The element that is added to or removed from the collection.
-         */
-        element: T;
+    interface FrameState {
+        pixelRatio: number;
+        time: number;
+        viewState: olx.ViewState;
     }
 
+
     /**
-     * The ol.DeviceOrientation class provides access to information from DeviceOrientation events.
+     * @typedef {{center: ol.Coordinate,
+     *     projection: ol.proj.Projection,
+     *     resolution: number,
+     *     rotation: number}}
      */
-    class DeviceOrientation extends ol.Object {
-
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.DeviceOrientationOptions);
-
-        /**
-         * Rotation around the device z-axis (in radians).
-         * @returns The euler angle in radians of the device from the standard Z axis.
-         */
-        getAlpha(): number;
-
-        /**
-         * Rotation around the device x-axis (in radians).
-         * @returns The euler angle in radians of the device from the planar X axis.
-         */
-        getBeta(): number;
-
-        /**
-         * Rotation around the device y-axis (in radians).
-         * @returns The euler angle in radians of the device from the planar Y axis.
-         */
-        getGamma(): number;
-
-        /**
-         * The heading of the device relative to north (in radians).
-         * @returns The heading of the device relative to north, in radians, normalizing for different browser behavior.
-         */
-        getHeading(): number;
-
-        /**
-         * Determine if orientation is being tracked.
-         * @returns Changes in device orientation are being tracked.
-         */
-        getTracking(): boolean;
-
-        /**
-         * Enable or disable tracking of device orientation events.
-         * @param tracking The status of tracking changes to alpha, beta and gamma. If true, changes are tracked and reported immediately.
-         */
-        setTracking(tracking: boolean): void;
+    interface ViewState {
+        center: ol.Coordinate;
+        projection: ol.proj.Projection;
+        resolution: number;
+        rotation: number;
     }
 
-    /**
-     * Events emitted by ol.interaction.DragBox instances are instances of this type.
-     */
-    class DragBoxEvent extends ol.events.Event {
-
-        /**
-         * The coordinate of the drag event.
-         */
-        coordinate: ol.Coordinate;
-    }
-
-    /**
-     * A vector object for geographic features with a geometry and other attribute properties, similar to the features in vector file formats like GeoJSON.
-     */
-    class Feature extends ol.Object {
-
-        /**
-         * @constructor
-         * @param geometry Geometry.
-         */
-        // TODO: replace any with Object <string, *>
-        constructor(geometryOrProperties?: ol.geom.Geometry | any);
-
-        /**
-         * Clone this feature. If the original feature has a geometry it is also cloned. The feature id is not set in the clone.
-         * @returns The clone.
-         */
-        clone(): Feature;
-
-        /**
-         * Get the feature's default geometry. A feature may have any number of named geometries. The "default" geometry (the one that is rendered by default) is set when calling ol.Feature#setGeometry.
-         * @returns The default geometry for the feature.
-         */
-        getGeometry(): ol.geom.Geometry;
-
-        /**
-         * Get the name of the feature's default geometry. By default, the default geometry is named geometry.
-         * @returns Get the property name associated with the default geometry for this feature.
-         */
-        getGeometryName(): string;
-
-        /**
-         * @returns Id.
-         */
-        getId(): string | number;
-
-        /**
-         * Get the feature's style. This return for this method depends on what was provided to the ol.Feature#setStyle method.
-         * The feature style.
-         */
-        getStyle(): ol.style.Style | Array<ol.style.Style> | ol.FeatureStyleFunction;
-
-        /**
-         * Get the feature's style function.
-         * @returns Return a function representing the current style of this feature.
-         */
-        getStyleFunction(): ol.FeatureStyleFunction;
-
-        /**
-         * Set the default geometry for the feature. This will update the property with the name returned by ol.Feature#getGeometryName.
-         * @param geometry The new geometry.
-         */
-        setGeometry(geometry: ol.geom.Geometry): void;
-
-        /**
-         * Set the property name to be used when getting the feature's default geometry. When calling ol.Feature#getGeometry, the value of the property with this name will be returned.
-         * @param name The property name of the default geometry.
-         */
-        setGeometryName(name: string): void;
-
-        /**
-         * Set the feature id. The feature id is considered stable and may be used when requesting features or comparing identifiers returned from a remote source. The feature id can be used with the ol.source.Vector#getFeatureById method.
-         * @param id The feature id.
-         */
-        setId(id: string | number): void;
-
-        /**
-         * Set the style for the feature. This can be a single style object, an array of styles, or a function that takes a resolution and returns an array of styles. If it is null the feature has no style (a null style).
-         * @param style Style for this feature.
-         */
-        setStyle(style: ol.style.Style): void;
-
-        /**
-         * Set the style for the feature. This can be a single style object, an array of styles, or a function that takes a resolution and returns an array of styles. If it is null the feature has no style (a null style).
-         * @param style Style for this feature.
-         */
-        setStyle(style: Array<ol.style.Style>): void;
-
-        /**
-         * Set the style for the feature. This can be a single style object, an array of styles, or a function that takes a resolution and returns an array of styles. If it is null the feature has no style (a null style).
-         * @param style Style for this feature.
-         */
-        setStyle(style: ol.FeatureStyleFunction): void;
-    }
-
-    /**
-     * A mechanism for changing the style of a small number of features on a temporary basis, for example highlighting.
-     */
-    class FeatureOverlay {
-
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.FeatureOverlayOptions);
-
-        /**
-         * Add a feature to the overlay.
-         * @param feature Feature.
-         */
-        addFeature(feature: ol.Feature): void;
-
-        /**
-         * Get the features on the overlay.
-         * @returns Features collection.
-         */
-        getFeatures: ol.Collection<ol.Feature>;
-
-        /**
-         * Get the map associated with the overlay.
-         * @returns The map with which this feature overlay is associated.
-         */
-        getMap(): ol.Map;
-
-        /**
-         * Get the style for features. This returns whatever was passed to the style option at construction or to the setStyle method.
-         * @returns Overlay style.
-         */
-        getStyle(): ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-
-        /**
-         * Get the style function
-         * @returns Style function
-         */
-        getStyleFunction(): ol.style.StyleFunction;
-
-        /**
-         * Remove a feature from the overlay.
-         * @param feature The feature to be removed.
-         */
-        removeFeature(feature: ol.Feature): void;
-
-        /**
-         * Set the features for the overlay.
-         * @param features Features collection.
-         */
-        setFeatures(features: ol.Collection<ol.Feature>): void;
-
-        /**
-         * Set the map for the overlay.
-         * @param map Map.
-         */
-        setMap(map: ol.Map): void;
-
-        /**
-         * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles.
-         * @param style Overlay style
-         */
-        setStyle(style: ol.style.Style): void;
-
-        /**
-         * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles.
-         * @param style Overlay style
-         */
-        setStyle(style: Array<ol.style.Style>): void;
-
-        /**
-         * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles.
-         * @param style Overlay style
-         */
-        setStyle(style: ol.style.StyleFunction): void;
-    }
-
-    /**
-     * Helper class for providing HTML5 Geolocation capabilities. The Geolocation API is used to locate a user's position.
-     */
-    class Geolocation extends ol.Object {
-
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.GeolocationOptions);
-
-        /**
-         * Get the accuracy of the position in meters.
-         * @returns The accuracy of the position measurement in meters.
-         */
-        getAccuracy(): number;
-
-        /**
-         * Get a geometry of the position accuracy.
-         * @returns A geometry of the position accuracy.
-         */
-        getAccuracyGeometry(): ol.geom.Geometry;
-
-        /**
-         * Get the altitude associated with the position.
-         * @returns The altitude of the position in meters above mean sea level.
-         */
-        getAltitude(): number;
-
-        /**
-         * Get the altitude accuracy of the position.
-         * @returns The accuracy of the altitude measurement in meters.
-         */
-        getAltitudeAccuracy(): number;
-
-        /**
-         * Get the heading as radians clockwise from North.
-         * @returns The heading of the device in radians from north.
-         */
-        getHeading(): number;
-
-        /**
-         * Get the position of the device.
-         * @returns The current position of the device reported in the current projection.
-         */
-        getPosition(): ol.Coordinate;
-
-        /**
-         * Get the projection associated with the position.
-         * @returns The projection the position is reported in.
-         */
-        getProjection(): ol.proj.Projection;
-
-        /**
-         * Get the speed in meters per second.
-         * @returns The instantaneous speed of the device in meters per second.
-         */
-        getSpeed(): number;
-
-        /**
-         * Determine if the device location is being tracked.
-         * @returns The device location is being tracked.
-         */
-        getTracking(): boolean;
-
-        /**
-         * Get the tracking options.
-         * @returns PositionOptions as defined by the HTML5 Geolocation spec.
-         */
-        getTrackingOptions(): PositionOptions;
-
-        /**
-         * Set the projection to use for transforming the coordinates.
-         * @param projection The projection the position is reported in.
-         */
-        setProjection(projection: ol.proj.Projection): void;
-
-        /**
-         * Enable or disable tracking.
-         * @param tracking Enable tracking
-         */
-        setTracking(tracking: boolean): void;
-
-        /**
-         * Set the tracking options.
-         * @param PositionOptions as defined by the HTML5 Geolocation spec.
-         */
-        setTrackingOptions(options: PositionOptions): void;
-    }
-
-    /**
-     * Render a grid for a coordinate system on a map.
-     */
-    class Graticule {
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.GraticuleOptions);
-
-        /**
-         * Get the map associated with this graticule.
-         * @returns The map.
-         */
-        getMap(): Map;
-
-        /**
-         * Get the list of meridians. Meridians are lines of equal longitude.
-         * @returns The meridians.
-         */
-        getMeridians(): Array<ol.geom.LineString>;
-
-        /**
-         * Get the list of parallels. Pallels are lines of equal latitude.
-         * @returns The parallels.
-         */
-        getParallels(): Array<ol.geom.LineString>;
-
-        /**
-         * Set the map for this graticule.The graticule will be rendered on the provided map.
-         * @param map Map
-         */
-        setMap(map: Map): void;
-    }
-
-    /**
-     *
-     */
-    class Image extends ol.ImageBase {
-
-        /**
-         * Get the HTML image element (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLCanvasElement): Image;
-
-        /**
-         * Get the HTML image element (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLImageElement): Image;
-
-        /**
-         * Get the HTML image element (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLVideoElement): Image;
-    }
-
-    /**
-     *
-     */
-    class ImageBase {
-    }
-
-    /**
-     *
-     */
-    class ImageTile extends ol.Tile {
-
-        /**
-         * Get the HTML image element for this tile (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLCanvasElement): Image;
-
-        /**
-         * Get the HTML image element for this tile (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLImageElement): Image;
-
-        /**
-         * Get the HTML image element for this tile (may be a Canvas, Image, or Video).
-         * @param context Object.
-         * @returns Image.
-         */
-        getImage(context: HTMLVideoElement): Image;
-
-    }
-
-    /**
-     * Implementation of inertial deceleration for map movement.
-     */
-    class Kinetic {
-
-        /**
-         * @constructor
-         * @param decay Rate of decay (must be negative).
-         * @param Minimum velocity (pixels/millisecond).
-         * @param Delay to consider to calculate the kinetic initial values (milliseconds).
-         */
-        constructor(decay: number, minVelocity: number, delay: number);
-    }
-
-    /**
-     * The map is the core component of OpenLayers. For a map to render, a view, one or more layers, and a target container are needed.
-     */
-    class Map extends ol.Object {
-
-        /**
-         * @constructor
-         * @params options Options.
-         */
-        constructor(options: olx.MapOptions);
-
-        /**
-         * Add the given control to the map.
-         * @param control Control.
-         */
-        addControl(control: ol.control.Control): void;
-
-        /**
-         * Add the given interaction to the map.
-         * @param interaction Interaction to add.
-         */
-        addInteraction(interaction: ol.interaction.Interaction): void;
-
-        /**
-         * Adds the given layer to the top of this map. If you want to add a layer elsewhere in the stack, use getLayers() and the methods available on ol.Collection.
-         * @param Layer.
-         */
-        addLayer(layer: ol.layer.Base): void;
-
-        /**
-         * Add the given overlay to the map.
-         * @param overlay Overlay.
-         */
-        addOverlay(overlay: ol.Overlay): void;
-
-        /**
-         * Add functions to be called before rendering. This can be used for attaching animations before updating the map's view. The ol.animation namespace provides several static methods for creating prerender functions.
-         * @param var_args Any number of pre-render functions.
-         */
-        beforeRender(var_args: ol.PreRenderFunction): void;
-
-        /**
-         * Detect features that intersect a pixel on the viewport, and execute a callback with each intersecting feature. Layers included in the detection can be configured through opt_layerFilter. Feature overlays will always be included in the detection.
-         * @param pixel Pixel.
-         * @param callback Feature callback. The callback will be called with two arguments. The first argument is one feature at the pixel, the second is the layer of the feature. If the detected feature is not on a layer, but on a ol.FeatureOverlay, then the second argument to this function will be null. To stop detection, callback functions can return a truthy value.
-         * @param ref Value to use as this when executing callback.
-         * @param layerFilter Layer filter function. The filter function will receive one argument, the layer-candidate and it should return a boolean value. Only layers which are visible and for which this function returns true will be tested for features. By default, all visible layers will be tested. Feature overlays will always be tested.
-         * @param ref2 Value to use as this when executing layerFilter.
-         * @returns Callback result, i.e. the return value of last callback execution, or the first truthy callback return value.
-         */
-        forEachFeatureAtPixel(pixel: ol.Pixel, callback: (feature: ol.Feature, layer: ol.layer.Layer) => any, ref?: any, layerFilter?: (layerCandidate: ol.layer.Layer) => boolean, ref2?: any): any;
-
-        /**
-         * Detect layers that have a color value at a pixel on the viewport, and execute a callback with each matching layer. Layers included in the detection can be configured through opt_layerFilter. Feature overlays will always be included in the detection.
-         * @param pixel Pixel.
-         * @param callback Layer callback. Will receive one argument, the layer that contains the color pixel. If the detected color value is not from a layer, but from a ol.FeatureOverlay, then the argument to this function will be null. To stop detection, callback functions can return a truthy value.
-         * @param ref Value to use as this when executing callback.
-         * @param layerFilter Layer filter function. The filter function will receive one argument, the layer-candidate and it should return a boolean value. Only layers which are visible and for which this function returns true will be tested for features. By default, all visible layers will be tested. Feature overlays will always be tested.
-         * @param ref2 Value to use as this when executing layerFilter.
-         * @returns Callback result, i.e. the return value of last callback execution, or the first truthy callback return value.
-         */
-        forEachLayerAtPixel(pixel: ol.Pixel, callback: (layer: ol.layer.Layer) => any, ref?: any, layerFilter?: (layerCandidate: ol.layer.Layer) => boolean, ref2?: any): void;
-
-        /**
-         * Get the map controls. Modifying this collection changes the controls associated with the map.
-         * @returns Controls.
-         */
-        getControls(): ol.Collection<ol.control.Control>;
-
-        /**
-         * Get the coordinate for a given pixel. This returns a coordinate in the map view projection.
-         * @param pixel Pixel position in the map viewport.
-         * @returns The coordinate for the pixel position.
-         */
-        getCoordinateFromPixel(pixel: ol.Pixel): ol.Coordinate;
-
-        /**
-         * Returns the geographical coordinate for a browser event.
-         * @param event Event.
-         * @returns Coordinate.
-         */
-        getEventCoordinate(event: Event): ol.Coordinate;
-
-        /**
-         * Returns the map pixel position for a browser event relative to the viewport.
-         * @param event Event.
-         * @returns Pixel.
-         */
-        getEventPixel(event: Event): ol.Pixel;
-
-        /**
-         * Get the map interactions. Modifying this collection changes the interactions associated with the map.
-         * @returns Interactions
-         */
-        getInteractions(): ol.Collection<ol.interaction.Interaction>;
-
-        /**
-         * Get the layergroup associated with this map.
-         * @returns A layer group containing the layers in this map.
-         */
-        getLayerGroup(): ol.layer.Group;
-
-        /**
-         * Get the collection of layers associated with this map.
-         * @returns Layers.
-         */
-        getLayers(): ol.Collection<ol.layer.Base>;
-
-        /**
-         * Get the map overlays. Modifying this collection changes the overlays associated with the map.
-         * @returns Overlays.
-         */
-        getOverlays(): ol.Collection<ol.Overlay>;
-
-        /**
-         * Get the pixel for a coordinate. This takes a coordinate in the map view projection and returns the corresponding pixel.
-         * @param coordinate A map coordinate.
-         * @returns A pixel position in the map viewport.
-         */
-        getPixelFromCoordinate(coordinate: ol.Coordinate): ol.Pixel;
-
-        /**
-         * Get the size of this map.
-         * @returns The size in pixels of the map in the DOM.
-         */
-        getSize(): ol.Size;
-
-        /**
-         * Get the target in which this map is rendered. Note that this returns what is entered as an option or in setTarget: if that was an element, it returns an element; if a string, it returns that.
-         * @returns The Element or id of the Element that the map is rendered in.
-         */
-        getTarget(): Element | string;
-
-        /**
-         * Get the DOM element into which this map is rendered. In contrast to getTarget this method always return an Element, or null if the map has no target.
-         * @returns The element that the map is rendered in.
-         */
-        getTargetElement(): Element;
-
-        /**
-         * Get the view associated with this map. A view manages properties such as center and resolution.
-         * @returns The view that controls this map.
-         */
-        getView(): View;
-
-        /**
-         * Get the element that serves as the map viewport.
-         * @returns Viewport.
-         */
-        getViewport(): Element;
-
-        /**
-         * Detect if features intersect a pixel on the viewport. Layers included in the detection can be configured through opt_layerFilter. Feature overlays will always be included in the detection.
-         * @param pixel Pixel.
-         * @param layerFilter Layer filter function. The filter function will receive one argument, the layer-candidate and it should return a boolean value. Only layers which are visible and for which this function returns true will be tested for features. By default, all visible layers will be tested. Feature overlays will always be tested.
-         * @param ref Value to use as this when executing layerFilter.
-         * @returns Is there a feature at the given pixel?
-         */
-        hasFeatureAtPixel(pixel: ol.Pixel, layerFilter?: (layer: ol.layer.Layer) => boolean, ref?: any): boolean;
-
-        /**
-         * Remove the given control from the map.
-         * @param Control.
-         * @returns The removed control (or undefined if the control was not found).
-         */
-        removeControl(control: ol.control.Control): ol.control.Control;
-
-        /**
-         * Remove the given interaction from the map.
-         * @param interaction Interaction to remove.
-         * @returns The removed interaction (or undefined if the interaction was not found).
-         */
-        removeInteraction(interaction: ol.interaction.Interaction): ol.interaction.Interaction;
-
-        /**
-         * Removes the given layer from the map.
-         * @param Layer.
-         * @returns The removed layer (or undefined if the layer was not found).
-         */
-        removeLayer(layer: ol.layer.Base): ol.layer.Base;
-
-        /**
-         * Remove the given overlay from the map.
-         * @param Overlay.
-         * @returns The removed overlay (or undefined if the overlay was not found).
-         */
-        removeOverlay(overlay: ol.Overlay): ol.Overlay;
-
-        /**
-         * Request a map rendering (at the next animation frame).
-         */
-        render(): void;
-
-        /**
-         * Requests an immediate render in a synchronous manner.
-         */
-        renderSync(): void;
-
-        /**
-         * Sets the layergroup of this map.
-         * @param layerGroup A layer group containing the layers in this map.
-         */
-        setLayerGroup(layerGroup: ol.layer.Group): void;
-
-        /**
-         * Set the size of this map.
-         * @param size The size in pixels of the map in the DOM.
-         */
-        setSize(size: ol.Size): void;
-
-        /**
-         * Set the target element to render this map into.
-         * @param target The Element that the map is rendered in.
-         */
-        setTarget(target: Element): void;
-
-        /**
-         * Set the target element to render this map into.
-         * @param target The id of the element that the map is rendered in.
-         */
-        setTarget(target: string): void;
-
-        /**
-         * Set the view for this map.
-         * @param view The view that controls this map.
-         */
-        setView(view: View): void;
-
-        /**
-         * Force a recalculation of the map viewport size. This should be called when third-party code changes the size of the map viewport.
-         * */
-        updateSize(): void;
-    }
-
-    /**
-     * Events emitted as map browser events are instances of this type. See ol.Map for which events trigger a map browser event.
-     */
-    class MapBrowserEvent extends MapEvent {
-
-        /**
-         * The coordinate of the original browser event
-         */
-        coordinate: Coordinate;
-
-        /**
-         * Indicates if the map is currently being dragged. Only set for POINTERDRAG and POINTERMOVE events. Default is false.
-         */
-        dragging: boolean;
-
-        /**
-         * The frame state at the time of the event
-         */
-        frameState: olx.FrameState;
-
-        /**
-         * The map where the event occured
-         */
-        map: Map;
-
-        /**
-         * The original browser event
-         */
-        originalEvent: Event;
-
-        /**
-         * The pixel of the original browser event.
-         */
-        pixel: Pixel;
-
-
-        // Methods
-
-        /**
-         * Prevents the default browser action.
-         */
-        preventDefault(): void;
-
-        /**
-         * Prevents further propagation of the current event.
-         */
-        stopPropagation(): void;
-    }
-
-    /**
-     * Events emitted as map events are instances of this type. See ol.Map for which events trigger a map event.
-     */
-    class MapEvent extends ol.events.Event {
-
-        /**
-         * The frame state at the time of the event.
-         */
-        frameState: olx.FrameState;
-
-        /**
-         * The map where the event occurred.
-         */
-        map: Map;
-    }
-
-    /**
-     * Abstract base class; normally only used for creating subclasses and not instantiated in apps. Most non-trivial classes inherit from this.
-     */
-    class Object extends Observable {
-
-        /**
-         * @constructor
-         * @param values An object with key-value pairs.
-         */
-        constructor(values?: Object);
-
-        /**
-         * Gets a value.
-         * @param key Key name.
-         * @returns Value.
-         */
-        get(key: string): any;
-
-        /**
-         * Get a list of object property names.
-         * @returns List of property names.
-         */
-        getKeys(): Array<string>;
-
-        /**
-         * Get an object of all property names and values.
-         * @returns Object.
-         */
-        getProperties(): Object;
-
-        /**
-         * @returns Revision.
-         */
-        getRevision(): number;
-
-        /**
-         * Sets a value.
-         * @param key Key name.
-         * @param value Value.
-         */
-        set(key: string, value: any): void;
-
-        /**
-         * Sets a collection of key-value pairs. Note that this changes any existing properties and adds new ones (it does not remove any existing properties).
-         * @param Values.
-         */
-        setProperties(values: Object): void;
-
-        /**
-         * Unsets a property.
-         */
-        unset(key: string): void;
-    }
-
-    /**
-     * Events emitted by ol.Object instances are instances of this type.
-     */
-    class ObjectEvent extends ol.events.Event {
-
-        /**
-         * The name of the property whose value is changing.
-         */
-        key: string;
-
-        /**
-         * The old value. To get the new value use e.target.get(e.key) where e is the event object.
-         */
-        oldValue: any;
-    }
-
-    /**
-     * Abstract base class; normally only used for creating subclasses and not instantiated in apps. An event target providing convenient methods for listener registration and unregistration. A generic change event is always available through ol.Observable#changed.
-     */
-    class Observable {
-
-        /**
-         * Removes an event listener using the key returned by on() or once().
-         */
-        unByKey(key: any): void;
-
-        /**
-         * Increases the revision counter and dispatches a 'change' event.
-         */
-        changed(): void;
-
-        /**
-         * @returns Revision.
-         */
-        getRevision(): number;
-
-        /**
-         * Listen for a certain type of event.
-         * @param type The event type.
-         * @param listener The listener function.
-         * @param ref The object to use as this in listener.
-         * @returns Unique key for the listener.
-         */
-        on(type: string, listener: (event: ol.events.Event) => void, ref?: any): any;
-
-        /**
-         * Listen for a certain type of event.
-         * @param type The array of event types.
-         * @param listener The listener function.
-         * @param ref The object to use as this in listener.
-         * @returns Unique key for the listener.
-         */
-        on(type: Array<string>, listener: (event: ol.events.Event) => void, ref?: any): any;
-
-        /**
-         * Listen once for a certain type of event.
-         * @param type The event type.
-         * @param listener The listener function.
-         * @param ref The object to use as this in listener.
-         * @returns Unique key for the listener.
-         */
-        once(type: string, listener: (event: ol.events.Event) => void, ref?: any): any;
-
-        /**
-         * Listen once for a certain type of event.
-         * @param type The array of event types.
-         * @param listener The listener function.
-         * @param ref The object to use as this in listener.
-         * @returns Unique key for the listener.
-         */
-        once(type: Array<string>, listener: (event: ol.events.Event) => void, ref?: any): any;
-
-        /**
-         * Unlisten for a certain type of event.
-         * @param type The array of event types.
-         * @param listener The listener function.
-         * @param ref The object to use as this in listener.
-         * @returns Unique key for the listener.
-         */
-        un(type: Array<string>, listener: (event: ol.events.Event) => void, ref?: any): any;
-
-        /**
-         * Removes an event listener using the key returned by on() or once(). Note that using the ol.Observable.unByKey static function is to be preferred.
-         * @param key The key returned by on() or once()
-         */
-        unByKey(key: any): void;
-    }
-
-    /**
-     * An element to be displayed over the map and attached to a single map location.
-     */
-    class Overlay extends ol.Object {
-
-        /**
-         * @constructor
-         * @param options Overlay options.
-         */
-        constructor(options: olx.OverlayOptions);
-
-        /**
-         * Get the DOM element of this overlay.
-         * @returns The Element containing the overlay.
-         */
-        getElement(): Element;
-
-        /**
-         * Get the map associated with this overlay.
-         * @returns The map that the overlay is part of.
-         */
-        getMap(): ol.Map;
-
-        /**
-         * Get the offset of this overlay.
-         * @returns The offset.
-         */
-        getOffset(): Array<number>;
-
-        /**
-         * Get the current position of this overlay.
-         * @returns The spatial point that the overlay is anchored at.
-         */
-        getPosition(): ol.Coordinate;
-
-        /**
-         * Get the current positioning of this overlay.
-         * @returns How the overlay is positioned relative to its point on the map.
-         */
-        getPositioning(): ol.OverlayPositioning;
-
-        /**
-         * Set the DOM element to be associated with this overlay.
-         * @param element The element containing the overlay.
-         */
-        setElement(element: Element): void;
-
-        /**
-         * Set the map to be associated with this overlay.
-         * @param map The map that the overlay is part of.
-         */
-        setMap(map: Map): void;
-
-        /**
-         * Set the offset for this overlay.
-         * @param offset Offset.
-         */
-        setOffset(offset: Array<number>): void;
-
-        /**
-         * Set the position for this overlay. If the position is undefined the overlay is hidden.
-         * @param position The spatial point that the overlay is anchored at.
-         */
-        setPosition(position: ol.Coordinate): void;
-
-        /**
-         * Set the positioning for this overlay.
-         * @param How the overlay is positioned relative to its point on the map.
-         */
-        setPositioning(positioning: ol.OverlayPositioning): void;
-    }
-
-    /**
-     * Events emitted by ol.interaction.Select instances are instances of this type.
-     */
-    class SelectEvent extends ol.events.Event {
-
-        /**
-         * Deselected features array.
-         */
-        deselected: Array<ol.Feature>;
-
-        /**
-         * Associated ol.MapBrowserEvent;
-         */
-        mapBrowserEvent: ol.MapBrowserEvent;
-
-        /**
-         * Selected features array.
-         */
-        selected: Array<ol.Feature>
-    }
-
-    /**
-     * Class to create objects that can be used with ol.geom.Polygon.circular.
-     */
-    class Sphere {
-
-        /**
-         * @constructor
-         * @param radius Radius.
-         */
-        constructor(radius: number);
-
-        /**
-         * Returns the geodesic area for a list of coordinates.
-         * @param coordinates List of coordinates of a linear ring. If the ring is oriented clockwise, the area will be positive, otherwise it will be negative.
-         * @returns Area.
-         */
-        geodesicArea(coordinates: Array<ol.Coordinate>): number;
-
-        /**
-         * Returns the distance from c1 to c2 using the haversine formula.
-         * @param c1 Coordinate 1.
-         * @param c2 Coordinate 2.
-         * @returns Haversine distance.
-         */
-        haversineDistance(c1: ol.Coordinate, c2: ol.Coordinate): number;
-    }
-
-    /**
-     * Base class for tiles.
-     */
-    class Tile {
-
-        /**
-         * Get the tile coordinate for this tile.
-         * @returns TileCoord.
-         */
-        getTileCoord(): ol.TileCoord;
-    }
-
-    /**
-     * An ol.View object represents a simple 2D view of the map.
-     */
-    class View extends ol.Object {
-
-        /**
-         * @constructor
-         * @param options Options.
-         */
-        constructor(options?: olx.ViewOptions);
-
-        /**
-         * Calculate the extent for the current view state and the passed size. The size is the pixel dimensions of the box into which the calculated extent should fit. In most cases you want to get the extent of the entire map, that is map.getSize().
-         * @param size Box pixel size
-         * @returns Extent.
-         */
-        calculateExtent(size: ol.Size): ol.Extent;
-
-        /**
-         * Center on coordinate and view position.
-         * @param coordinate Coordinate.
-         * @param size Box pixel size
-         * @param position Position on the view to center on
-         */
-        centerOn(coordinate: ol.Coordinate, size: ol.Size, position: ol.Pixel): void;
-
-        /**
-         * Get the constrained center of this view.
-         * @param center Center.
-         * @returns Constrained center.
-         */
-        constrainCenter(center: ol.Coordinate): ol.Coordinate;
-
-        /**
-         * Get the constrained resolution of this view.
-         * @param resolution: Resolution.
-         * @param delta Delta. Default is 0.
-         * @param direction Direction. Default is 0.
-         * @returns Constrained resolution
-         */
-        constrainResolution(resolution: number, delta?: number, direction?: number): number;
-
-        /**
-          * Fit the map view to the passed extent and size. The size is pixel dimensions of the box to fit the extent into. In most cases you will want to use the map size, that is map.getSize().
-          * @param extent Extent.
-          * @param size Box pixel size.
-          * @param options Options
-          */
-        fit(geometry: ol.geom.SimpleGeometry | ol.Extent, size: ol.Size, opt_options?: olx.view.FitGeometryOptions): void;
-
-        /**
-         * Get the view center.
-         * @returns The center of the view.
-         */
-        getCenter(): ol.Coordinate;
-
-        /**
-         * Get the view projection
-         * @returns The projection of the view.
-         */
-        getProjection(): ol.proj.Projection;
-
-        /**
-         * Get the view resolution
-         * @returns The resolution of the view.
-         */
-        getResolution(): number;
-
-        /**
-         * Get the view rotation
-         * @returns The rotation of the view in radians
-         */
-        getRotation(): number;
-
-        /**
-         * Get the current zoom level. Return undefined if the current resolution is undefined or not a "constrained resolution".
-         * @returns Zoom.
-         */
-        getZoom(): number;
-
-        /**
-         * Rotate the view around a given coordinate.
-         * @param rotation New rotation value for the view.
-         * @param anchor The rotation center.
-         */
-        rotate(rotation: number, anchor: ol.Coordinate): void;
-
-        /**
-         * Set the center of the current view.
-         * @param center The center of the view.
-         */
-        setCenter(center: ol.Coordinate): void;
-
-        /**
-         * Set the resolution for this view.
-         * @param resolution The resolution of the view.
-         */
-        setResolution(resolution: number): void;
-
-        /**
-         * Set the rotation for this view.
-         * @param rotation The rotation of the view in radians.
-         */
-        setRotation(rotation: number): void;
-
-        /**
-         * Zoom to a specific zoom level.
-         * @param zoom Zoom level.
-         */
-        setZoom(zoom: number): void;
-    }
-
-    // NAMESPACES
-
-    /**
-     * The animation static methods are designed to be used with the ol.Map#beforeRender method.
-     */
-    namespace animation {
-
-        /**
-         * Generate an animated transition that will "bounce" the resolution as it approaches the final value.
-         * @param options Bounce options.
-         */
-        function bounce(options: olx.animation.BounceOptions): ol.PreRenderFunction;
-
-        /**
-         * Generate an animated transition while updating the view center.
-         * @param options Pan options.
-         */
-        function pan(options: olx.animation.PanOptions): ol.PreRenderFunction;
-
-        /**
-         * Generate an animated transition while updating the view rotation.
-         * @param options Rotate options.
-         */
-        function rotate(options: olx.animation.RotateOptions): ol.PreRenderFunction;
-
-        /**
-         * Generate an animated transition while updating the view resolution.
-         * @param options Zoom options.
-         */
-        function zoom(options: olx.animation.ZoomOptions): ol.PreRenderFunction;
-    }
-
-    /**
-     * Return the color as an array. This function maintains a cache of calculated arrays which means the result should not be modified.
-     */
-    namespace color {
-
-        /**
-         * Return the color as an array. This function maintains a cache of calculated arrays which means the result should not be modified.
-         * @param color Color.
-         */
-        function asArray(color: ol.Color): ol.Color;
-
-        /**
-         * Return the color as an array. This function maintains a cache of calculated arrays which means the result should not be modified.
-         * @param color Color.
-         */
-        function asArray(color: string): ol.Color;
-
-        /**
-         * Return the color as an rgba string.
-         * @param color Color.
-         */
-        function asString(color: ol.Color): string;
-
-        /**
-         * Return the color as an rgba string.
-         * @param color Color.
-         */
-        function asString(color: string): string;
-    }
-
-    namespace control {
-
-        /**
-         * Set of controls included in maps by default. Unless configured otherwise, this returns a collection containing an instance of each of the following controls: ol.control.Zoom, ol.control.Rotate, ol.control.Attribution
-         * @param options Defaults options
-         * @returns Control.s
-         */
-        function defaults(options?: olx.control.DefaultsOptions): ol.Collection<ol.control.Control>;
-
-        namespace ScaleLine {
-
-            /**
-             * Units for the scale line. Supported values are 'degrees', 'imperial', 'nautical', 'metric', 'us'.
-             */
-            type Units = 'degrees' | 'imperial' | 'nautical' | 'metric' | 'us';
-        }
-
-        class Control extends ol.Object{
-            constructor(options: olx.control.ControlOptions);
-
-            /**
-             * Get the map associated with this control.
-             */
-            getMap():ol.Map;
-
-            /**
-             * Remove the control from its current map and attach it to the new map.
-             * Subclasses may set up event handlers to get notified about changes to the map here.
-             */
-            setMap(map: ol.Map):void;
-
-            /**
-             * This function is used to set a target element for the control.
-             * It has no effect if it is called after the control has been added to the map (i.e. after setMap is called on the control).
-             * If no target is set in the options passed to the control constructor and if setTarget is not called then the control is
-             * added to the map's overlay container.
-             */
-            setTarget(target: Element | string):void;
-
-
-        }
-
-        /**
-         * 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.
-         */
-        class Attribution extends Control {
-            constructor(opt_options?: olx.AttributionControlOptions);
-            /**
-             * Update the attribution element.
-             * @param mapEvent
-             */
-            render(mapEvent: ol.MapEvent): void;
-
-            /**
-             * Return true when the attribution is currently collapsed or false otherwise.
-             */
-            getCollapsed(): boolean;
-
-            /**
-             * Return true if the attribution is collapsible, false otherwise.
-             */
-            getCollapsible(): boolean;
-
-            /**
-             * 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 collapsed
-             */
-            setCollapsed(collapsed: boolean): void;
-
-            /**
-             * Set whether the attribution should be collapsible.
-             * @param collapsible
-             */
-            setCollapsible(collapsible: boolean): void;
-        }
-
-        class FullScreen extends Control {
-        }
-
-        class MousePosition extends Control {
-        }
-
-        class OverviewMap extends Control {
-            constructor(options?: olx.OverviewMapOptions);
-
-            /**
-             * Update the overview map element.
-             * @param mapEvent
-             */
-            render(mapEvent: ol.MapEvent): void;
-
-            /**
-             * Determine if the overview map is collapsed.
-             */
-            getCollapsed(): boolean;
-
-            /**
-             * Return true if the overview map is collapsible, false otherwise.
-             */
-            getCollapsible(): boolean;
-
-            /**
-             * Return the overview map.
-             */
-            getOverviewMap(): ol.Map;
-
-            /**
-             * Collapse or expand the overview map according to the passed parameter. Will not do anything if the overview map isn't collapsible or if the current collapsed state is already the one requested.
-             * @param collapsed
-             */
-            setCollapsed(collapsed: boolean): void;
-
-            /**
-             * Set whether the overview map should be collapsible.
-             * @param collapsible
-             */
-            setCollapsible(collapsible: boolean): void;
-        }
-
-        class Rotate extends Control {
-            constructor(opt_options?: olx.RotateOptions);
-        }
-
-        class ScaleLine extends Control {
-
-            /**
-             * Return the units to use in the scale line.
-             */
-            getUnits(): ScaleLine.Units;
-
-            /**
-             * Set the units to use in the scale line.
-             */
-            setUnits(units: ScaleLine.Units): void;
-
-        }
-
-        class Zoom extends Control{
-        }
-
-        class ZoomSlider extends Control{
-        }
-
-        class ZoomToExtent extends Control{
-        	constructor(options?: olx.ZoomToExtentOptions);
-        }
-    }
-
-    namespace coordinate {
-
-        /**
-         * Add delta to coordinate. coordinate is modified in place and returned by the function.
-         * @param coordinate Coordinate
-         * @param delta Delta
-         * @returns The input coordinate adjusted by the given delta.
-         */
-        function add(coordinate: ol.Coordinate, delta: ol.Coordinate): ol.Coordinate;
-
-        /**
-         * Returns a ol.CoordinateFormatType function that can be used to format a {ol.Coordinate} to a string.
-         * @param fractionDigits The number of digits to include after the decimal point. Default is 0.
-         * @returns Coordinate format
-         */
-        function createStringXY(fractionDigits?: number): ol.CoordinateFormatType;
-
-        /**
-         * Transforms the given ol.Coordinate to a string using the given string template. The strings {x} and {y} in the template will be replaced with the first and second coordinate values respectively.
-         * @param coordinate Coordinate
-         * @param template A template string with {x} and {y} placeholders that will be replaced by first and second coordinate values.
-         * @param fractionDigits The number of digits to include after the decimal point. Default is 0.
-         * @returns Formatted coordinate
-         */
-        function format(coordinate: ol.Coordinate, template: string, fractionDigits?: number): string;
-
-        /**
-         * Rotate coordinate by angle. coordinate is modified in place and returned by the function.
-         * @param coordinate Coordinate
-         * @param angle Angle in radian
-         * @returns Coordinatee
-         */
-        function rotate(coordinate: ol.Coordinate, angle: number): ol.Coordinate;
-
-        /**
-         * Format a geographic coordinate with the hemisphere, degrees, minutes, and seconds.
-         * @param coordinate COordinate
-         * @returns Hemisphere, degrees, minutes and seconds.
-         */
-        function toStringHDMS(coordinate?: ol.Coordinate): string;
-
-        /**
-         * Format a coordinate as a comma delimited string.
-         * @param coordinate Coordinate
-         * @param fractionDigits The number of digits to include after the decimal point. Default is 0.
-         * @returns XY
-         */
-        function toStringXY(coordinate?: ol.Coordinate, fractionDigits?: number): string;
-    }
-
-    /**
-     * Easing functions for ol.animation.
-     */
-    namespace easing {
-
-        /**
-         * Start slow and speed up.
-         * @param number Input between 0 and 1
-         * @returns Output between 0 and 1
-         */
-        function easeIn(t: number): number;
-
-        /**
-         * Start fast and slow down.
-         * @param number Input between 0 and 1
-         * @returns Output between 0 and 1
-         */
-        function easeOut(t: number): number;
-
-        /**
-        * Start slow, speed up, and then slow down again.
-        * @param number Input between 0 and 1
-        * @returns Output between 0 and 1
-        */
-        function inAndOut(t: number): number;
-
-        /**
-        * Maintain a constant speed over time.
-        * @param number Input between 0 and 1
-        * @returns Output between 0 and 1
-        */
-        function linear(t: number): number;
-
-        /**
-        * Start slow, speed up, and at the very end slow down again. This has the same general behavior as ol.easing.inAndOut, but the final slowdown is delayed.
-        * @param number Input between 0 and 1
-        * @returns Output between 0 and 1
-        */
-        function upAndDown(t: number): number;
-    }
-
-    namespace events {
-        namespace condition {
-            function altKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function altShiftKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function always(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function click(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function doubleClick(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function mouseOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function never(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function noModifierKeys(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function platformModifierKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function pointerMove(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function shiftKeyOnly(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function singleClick(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-            function targetNotEditable(mapBrowserEvent: ol.MapBrowserEvent): boolean;
-        }
-        interface ConditionType { (mapBrowseEvent: ol.MapBrowserEvent): boolean; }
-        class Event {
-          target: any;
-          type: string;
-          preventDefault(): void;
-          stopPropagation(): void;
-        }
-        class SelectEvent extends Event {
-            mapBrowserEvent: ol.MapBrowserEvent;
-        }
-        class DrawEvent extends Event {
-            feature: ol.Feature;
-            coordinate: ol.Coordinate;
-        }
-    }
-
-    namespace extent {
-
-        /**
-         * Apply a transform function to the extent.
-         * @param extent Extent
-         * @param transformFn Transform function. Called with [minX, minY, maxX, maxY] extent coordinates.
-         * @param destinationExtent Destination Extent
-         * @returns Extent
-         */
-        function applyTransform(extent: ol.Extent, transformFn: ol.TransformFunction, destinationExtent?: ol.Extent): ol.Extent;
-
-        /**
-         * Build an extent that includes all given coordinates.
-         * @param coordinates Coordinates
-         * @returns Bounding extent
-         */
-        function boundingExtent(coordinates: Array<ol.Coordinate>): ol.Extent;
-
-        /**
-         * Return extent increased by the provided value.
-         * @param extent Extent
-         * @param value The amount by which the extent should be buffered.
-         * @param destinationExtent Destination Extent
-         * @returns Extent
-         */
-        function buffer(extent: ol.Extent, value: number, destinationExtent?: ol.Extent): ol.Extent;
-
-        /**
-         * Check if the passed coordinate is contained or on the edge of the extent.
-         * @param extent Extent
-         * @param coordinate Coordinate
-         * @returns The coordinate is contained in the extent
-         */
-        function containsCoordinate(extent: ol.Extent, coordinate: ol.Coordinate): boolean;
-
-        /**
-         * Check if one extent contains another. An extent is deemed contained if it lies completely within the other extent, including if they share one or more edges.
-         * @param extent1 Extent 1
-         * @param extent2 Extent 2
-         * @returns The second extent is contained by or on the edge of the first
-         */
-        function containsExtent(extent1: ol.Extent, extent2: ol.Extent): boolean;
-
-        /**
-         * Check if the passed coordinate is contained or on the edge of the extent.
-         * @param extent Extent
-         * @param x X coordinate
-         * @param y Y coordinate
-         * @returns The x, y values are contained in the extent.
-         */
-        function containsXY(extent: ol.Extent, x: number, y: number): boolean;
-
-        /**
-         * Create an empty extent.
-         * @returns Empty extent
-         */
-        function createEmpty(): ol.Extent;
-
-        /**
-         * Determine if two extents are equivalent.
-         * @param extent1 Extent 1
-         * @param extent2 Extent 2
-         * @returns The two extents are equivalent
-         */
-        function equals(extent1: ol.Extent, extent2: ol.Extent): boolean;
-
-        /**
-         * Modify an extent to include another extent.
-         * @param extent1 The extent to be modified.
-         * @param extent2 The extent that will be included in the first.
-         * @returns A reference to the first (extended) extent.
-         */
-        function extend(extent1: ol.Extent, extent2: ol.Extent): ol.Extent;
-
-        /**
-         * Get the bottom left coordinate of an extent.
-         * @param extent Extent
-         * @returns Bottom left coordinate
-         */
-        function getBottomLeft(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the bottom right coordinate of an extent.
-         * @param extent Extent
-         * @returns Bottom right coordinate
-         */
-        function getBottomRight(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the center coordinate of an extent.
-         * @param extent Extent
-         * @returns Center
-         */
-        function getCenter(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the height of an extent.
-         * @param extent Extent
-         * @returns Height
-         */
-        function getHeight(extent: ol.Extent): number;
-
-        /**
-         * Get the intersection of two extents.
-         * @param extent1 Extent 1
-         * @param extent2 Extent 2
-         * @param extent Optional extent to populate with intersection.
-         * @returns Intersecting extent
-         */
-        function getIntersection(extent1: ol.Extent, extent2: ol.Extent, extent?: ol.Extent): ol.Extent;
-
-        /**
-         * Get the size (width, height) of an extent.
-         * @param extent Extent
-         * @returns The extent size
-         */
-        function getSize(extent: ol.Extent): ol.Size;
-
-        /**
-         * Get the top left coordinate of an extent.
-         * @param extent Extent
-         * @returns Top left coordinate
-         */
-        function getTopLeft(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the top right coordinate of an extent.
-         * @param extent Extent
-         * @returns Top right coordinate
-         */
-        function getTopRight(extent: ol.Extent): ol.Coordinate;
-
-        /**
-         * Get the width of an extent.
-         * @param extent Extent
-         * @returns Width
-         */
-        function getWidth(extent: ol.Extent): number;
-
-        /**
-         * Determine if one extent intersects another.
-         * @param extent1 Extent 1
-         * @param extent2 Extent 2
-         * @returns The two extents intersects
-         */
-        function intersects(extent1: ol.Extent, extent2: ol.Extent): boolean;
-
-        /**
-         * Determine if an extent is empty.
-         * @param extent Extent
-         * @returns Is empty
-         */
-        function isEmpty(extent: ol.Extent): boolean;
-    }
-
-    /**
-     * Loading mechanisms for vector data.
-     */
-    namespace featureloader {
-
-        /**
-         * Create an XHR feature loader for a url and format. The feature loader loads features (with XHR), parses the features, and adds them to the vector source.
-         * @param url Feature URL Service
-         * @param format Feature format
-         * @returns The feature loader
-         */
-        function xhr(url: string, format: ol.format.Feature): ol.FeatureLoader;
-    }
-
-    namespace format {
-
-        // Type definitions
-        interface IGCZ extends String { }
-
-        // Classes
-        class EsriJSON {
-        }
-
-        class Feature {
-        }
-
-        /**
-         * Feature format for reading and writing data in the GeoJSON format.
-         */
-        class GeoJSON extends ol.format.JSONFeature {
-
-            /**
-             * @constructor
-             * @param Options
-             */
-            constructor(options?: olx.format.GeoJSONOptions);
-
-            /**
-             * Read a feature from a GeoJSON Feature source. Only works for Feature, use readFeatures to read FeatureCollection source.
-             * @param source Source
-             * @param options Read options
-             * @returns Feature
-             */
-            readFeature(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): ol.Feature;
-
-            /**
-             * Read all features from a GeoJSON source. Works with both Feature and FeatureCollection sources.
-             * @param source Source
-             * @param options Read options
-             * @returns Features
-             */
-            readFeatures(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): Array<ol.Feature>;
-
-            /**
-             * Read a geometry from a GeoJSON source.
-             * @param source Source
-             * @param options Read options
-             * @returns Geometry
-             */
-            readGeometry(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): ol.geom.Geometry;
-
-            /**
-             * Read the projection from a GeoJSON source.
-             * @param Source
-             * @returns Projection
-             */
-            readProjection(source: Document | Node | JSON | string): ol.proj.Projection;
-
-            /**
-             * Encode a feature as a GeoJSON Feature string.
-             * @param feature Feature
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeFeature(feature: ol.Feature, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Encode a feature as a GeoJSON Feature object.
-             * @param feature Feature
-             * @param options Write options
-             * @returns GeoJSON object
-             */
-            writeFeatureObject(feature: ol.Feature, options?: olx.format.WriteOptions): JSON;
-
-            /**
-             * Encode an array of features as GeoJSON.
-             * @param features Features
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeFeatures(features: Array<ol.Feature>, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Encode an array of features as a GeoJSON object.
-             * @param features Features
-             * @param options Write options
-             * @returns GeoJSON object
-             */
-            writeFeaturesObject(features: Array<ol.Feature>, options?: olx.format.WriteOptions): JSON;
-
-            /**
-             * Encode a geometry as a GeoJSON string.
-             * @param geometry Geometry
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeGeometry(geometry: ol.geom.Geometry, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Encode a geometry as a GeoJSON object.
-             * @param geometry Geometry
-             * @options Write options
-             * @returns GeoJSON object
-             */
-            writeGeometryObject(geometry: ol.geom.Geometry, options?: olx.format.WriteOptions): JSON;
-        }
-
-        class GML extends GMLBase {
-        }
-
-        class GML2 extends GMLBase {
-        }
-
-        class GML3 extends GMLBase{
-        }
-
-        class GMLBase extends ol.format.XMLFeature {
-            readFeatures(source: ol.source.Source, options?: olx.format.ReadOptions): Array<ol.Feature>;
-        }
-
-        class GPX {
-        }
-
-        class IGC {
-        }
-
-        class JSONFeature {
-        }
-
-        class KML {
-        }
-
-        class OSMXML {
-        }
-
-        class Polyline {
-        }
-
-        class TextFeature {
-        }
-
-        class TopoJSON {
-        }
-
-        class WFS {
-            readFeatures(source: Document | Node | Object | string, option?: olx.format.ReadOptions): Array<ol.Feature>;
-        }
-
-        class WKT {
-            constructor(opt_options?: olx.format.WKTOptions);
-
-            /**
-             * Read a feature from a WKT source.
-             * @param source Source
-             * @param options Read options
-             * @returns Feature
-             */
-            readFeature(source: Document | Node | JSON | string, opt_options?: olx.format.ReadOptions): ol.Feature;
-
-            /**
-             * Read all features from a WKT source.
-             * @param source Source
-             * @param options Read options
-             * @returns Features
-             */
-            readFeatures(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): Array<ol.Feature>;
-
-            /**
-             * Read a geometry from a GeoJSON source.
-             * @param source Source
-             * @param options Read options
-             * @returns Geometry
-             */
-            readGeometry(source: Document | Node | JSON | string, options?: olx.format.ReadOptions): ol.geom.Geometry;
-
-            /**
-             * Encode a feature as a WKT string.
-             * @param feature Feature
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeFeature(feature: ol.Feature, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Encode an array of features as a WKT string.
-             * @param features Features
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeFeatures(features: Array<ol.Feature>, options?: olx.format.WriteOptions): string;
-
-            /**
-             * Write a single geometry as a WKT string.
-             * @param geometry Geometry
-             * @param options Write options
-             * @returns GeoJSON
-             */
-            writeGeometry(geometry: ol.geom.Geometry, options?: olx.format.WriteOptions): string;
-        }
-
-        class WMSCapabilities {
-        }
-
-        class WMSGetFeatureInfo {
-        }
-
-        class WMTSCapabilities {
-        }
-
-        class XML {
-        }
-
-        class XMLFeature {
-        }
-    }
-
-    namespace geom {
-
-        // Type definitions
-        interface GeometryLayout extends String { }
-        interface GeometryType extends String { }
-
-        /**
-         * Abstract base class; only used for creating subclasses; do not instantiate
-         * in apps, as cannot be rendered.
-         */
-        class Circle extends ol.geom.SimpleGeometry {
-
-            /**
-            * Test if the geometry and the passed extent intersect.
-            * @param extent Extent
-            * @returns true if the geometry and the extent intersect.
-            */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Transform each coordinate of the circle from one coordinate reference system
-             * to another. The geometry is modified in place.
-             * If you do not want the geometry modified in place, first clone() it and
-             * then use this function on the clone.
-             *
-             * Internally a circle is currently represented by two points: the center of
-             * the circle `[cx, cy]`, and the point to the right of the circle
-             * `[cx + r, cy]`. This `transform` function just transforms these two points.
-             * So the resulting geometry is also a circle, and that circle does not
-             * correspond to the shape that would be obtained by transforming every point
-             * of the original circle.
-             * @param source The current projection.  Can be a string identifier or a {@link ol.proj.Projection} object.
-             * @param destination The desired projection.  Can be a string identifier or a {@link ol.proj.Projection} object.
-             * @returns This geometry.  Note that original geometry is  modified in place.
-             */
-            transform(source: ol.proj.ProjectionLike, destination: ol.proj.ProjectionLike): ol.geom.Circle;
-        }
-
-        /**
-         * Abstract base class; normally only used for creating subclasses and not instantiated in apps. Base class for vector geometries.
-         */
-        class Geometry extends ol.Object {
-
-            /**
-             * Return the closest point of the geometry to the passed point as coordinate.
-             * @param point Point
-             * @param closestPoint Closest Point
-             * @returns Closest Point
-             */
-            getClosestPoint(point: ol.Coordinate, closestPoint?: ol.Coordinate): ol.Coordinate;
-
-            /**
-             * Get the extent of the geometry.
-             * @param Extent
-             * @returns Extent
-             */
-            getExtent(extent?: ol.Extent): ol.Extent;
-
-            /**
-             * Transform each coordinate of the geometry from one coordinate reference system to another.
-             * The geometry is modified in place. For example, a line will be transformed to a line and a
-             * circle to a circle. If you do not want the geometry modified in place, first clone() it and
-             * then use this function on the clone.
-             * @param source The current projection. Can be a string identifier or a ol.proj.Projection object.
-             * @param destination The desired projection. Can be a string identifier or a ol.proj.Projection object.
-             * @return This geometry. Note that original geometry is modified in place.
-             */
-            transform(source: ol.proj.ProjectionLike | ol.proj.Projection, destination: ol.proj.ProjectionLike | ol.proj.Projection): ol.geom.Geometry;
-        }
-
-        /**
-        * An array of ol.geom.Geometry objects.
-        */
-        class GeometryCollection extends ol.geom.Geometry {
-
-            /**
-             * constructor
-             * @param geometries Geometries.
-             */
-            constructor(geometries?: Array<ol.geom.Geometry>);
-
-            /**
-             * Apply a transform function to each coordinate of the geometry. The geometry is modified in place.
-             * If you do not want the geometry modified in place, first clone() it and then use this function on the clone.
-             * @param transformFn TransformFunction
-             */
-            applyTransform(transformFn: ol.TransformFunction): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.GeometryCollection;
-
-            /**
-             * Return the geometries that make up this geometry collection.
-             * @returns Geometries.
-             */
-            getGeometries(): Array<Geometry>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the geometries that make up this geometry collection.
-             * @param geometries Geometries.
-             */
-            setGeometries(geometries: Array<ol.geom.Geometry>): void;
-
-        }
-
-        /**
-        * Linear ring geometry. Only used as part of polygon; cannot be rendered
-        * on its own.
-        */
-        class LinearRing extends SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.LinearRing;
-
-            /**
-             * Return the area of the linear ring on projected plane.
-             * @returns Area (on projected plane).
-             */
-            getArea(): number;
-
-            /**
-             * Return the coordinates of the linear ring.
-             * @returns Coordinates.
-             */
-            getCoordinates(): Array<ol.Coordinate>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-            * @Set the coordinates of the linear ring
-            * @param coordinates Coordinates.
-            * @param layout Layout.
-            */
-            setCoordinates(coordinates: Array<ol.Coordinate>, layout?: any): void;
-
-        }
-
-        /**
-        * Linestring geometry.
-        */
-        class LineString extends ol.geom.SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Append the passed coordinate to the coordinates of the linestring.
-             * @param coordinate Coordinate.
-             */
-            appendCoordinate(coordinate: ol.Coordinate): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.LineString;
-
-            /**
-             * Returns the coordinate at `m` using linear interpolation, or `null` if no
-             * such coordinate exists.
-             *
-             * `extrapolate` controls extrapolation beyond the range of Ms in the
-             * MultiLineString. If `extrapolate` is `true` then Ms less than the first
-             * M will return the first coordinate and Ms greater than the last M will
-             * return the last coordinate.
-             *
-             * @param m M.
-             * @param extrapolate Extrapolate. Default is `false`.
-             * @returns Coordinate.
-             */
-            getCoordinateAtM(m: number, extrapolate?: boolean): ol.Coordinate;
-
-            /**
-             * Return the coordinates of the linestring.
-             * @returns Coordinates.
-             */
-            getCoordinates(): Array<ol.Coordinate>;
-
-            /**
-             * Return the length of the linestring on projected plane.
-             * @returns Length (on projected plane).
-             */
-            getLength(): number;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the linestring.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-        * Multi-linestring geometry.
-        */
-        class MultiLineString extends ol.geom.SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Append the passed linestring to the multilinestring.
-             * @param lineString LineString.
-             */
-            appendLineString(lineString: ol.geom.LineString): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.MultiLineString;
-
-            /**
-             * Returns the coordinate at `m` using linear interpolation, or `null` if no
-             * such coordinate exists.
-             *
-             * `extrapolate` controls extrapolation beyond the range of Ms in the
-             * MultiLineString. If `extrapolate` is `true` then Ms less than the first
-             * M will return the first coordinate and Ms greater than the last M will
-             * return the last coordinate.
-             *
-             * `interpolate` controls interpolation between consecutive LineStrings
-             * within the MultiLineString. If `interpolate` is `true` the coordinates
-             * will be linearly interpolated between the last coordinate of one LineString
-             * and the first coordinate of the next LineString.  If `interpolate` is
-             * `false` then the function will return `null` for Ms falling between
-             * LineStrings.
-             *
-             * @param m M.
-             * @param extrapolate Extrapolate. Default is `false`.
-             * @param interpolate Interpolate. Default is `false`.
-             * @returns Coordinate.
-             */
-            getCoordinateAtM(m: number, extrapolate?: boolean, interpolate?: boolean): ol.Coordinate;
-
-            /**
-             * Return the coordinates of the multilinestring.
-             * @returns Coordinates.
-             */
-            getCoordinates(): Array<Array<ol.Coordinate>>;
-
-            /**
-             * Return the linestring at the specified index.
-             * @param index Index.
-             * @returns LineString.
-             */
-            getLineString(index: number): ol.geom.LineString;
-
-            /**
-             * Return the linestrings of this multilinestring.
-             * @returns LineStrings.
-             */
-            getLineStrings(): Array<ol.geom.LineString>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the multilinestring.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-        * Multi-point geometry.
-        */
-        class MultiPoint extends ol.geom.SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Append the passed point to this multipoint.
-             * @param {ol.geom.Point} point Point.
-             */
-            appendPoint(point: ol.geom.Point): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.MultiPoint;
-
-            /**
-             * Return the coordinates of the multipoint.
-             * @returns Coordinates.
-             */
-            getCoordinates(): Array<ol.Coordinate>;
-
-            /**
-             * Return the point at the specified index.
-             * @param index Index.
-             * @returns Point.
-             */
-            getPoint(index: number): ol.geom.Point;
-
-            /**
-             * Return the points of this multipoint.
-             * @returns Points.
-             */
-            getPoints(): Array<ol.geom.Point>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the multipoint.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<ol.Coordinate>, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-         * Multi-polygon geometry.
-         */
-        class MultiPolygon extends ol.geom.SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<Array<Array<ol.Coordinate>>>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Append the passed polygon to this multipolygon.
-             * @param polygon Polygon.
-             */
-            appendPolygon(polygon: ol.geom.Polygon): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.MultiPolygon;
-
-            /**
-             * Return the area of the multipolygon on projected plane.
-             * @returns Area (on projected plane).
-             */
-            getArea(): number;
-
-            /**
-             * Get the coordinate array for this geometry.  This array has the structure
-             * of a GeoJSON coordinate array for multi-polygons.
-             *
-             * @param right Orient coordinates according to the right-hand
-             *     rule (counter-clockwise for exterior and clockwise for interior rings).
-             *     If `false`, coordinates will be oriented according to the left-hand rule
-             *     (clockwise for exterior and counter-clockwise for interior rings).
-             *     By default, coordinate orientation will depend on how the geometry was
-             *     constructed.
-             * @returns Coordinates.
-             */
-            getCoordinates(right?: boolean): Array<Array<Array<ol.Coordinate>>>;
-
-            /**
-             * Return the interior points as {@link ol.geom.MultiPoint multipoint}.
-             * @returns Interior points.
-             */
-            getInteriorPoints(): ol.geom.MultiPoint;
-
-            /**
-             * Return the polygon at the specified index.
-             * @param index Index.
-             * @returns  Polygon.
-             */
-            getPolygon(index: number): ol.geom.Polygon;
-
-            /**
-             * Return the polygons of this multipolygon.
-             * @returns Polygons.
-             */
-            getPolygons(): Array<ol.geom.Polygon>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the multipolygon.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<Array<Array<ol.Coordinate>>>, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-        * Point geometry.
-        */
-        class Point extends SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: ol.Coordinate, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.Point;
-
-            /**
-             * Return the coordinate of the point.
-             * @returns Coordinates.
-             */
-            getCoordinates(): ol.Coordinate;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinate of the point.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: ol.Coordinate, layout?: ol.geom.GeometryLayout): void;
-        }
-
-        /**
-        * Polygon geometry.
-        */
-        class Polygon extends SimpleGeometry {
-
-            /**
-             * constructor
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            constructor(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout);
-
-            /**
-             * Create an approximation of a circle on the surface of a sphere.
-             * @param sphere The sphere.
-             * @param center Center (`[lon, lat]` in degrees).
-             * @param radius The great-circle distance from the center to the polygon vertices.
-             * @param n Optional number of vertices for the resulting polygon. Default is `32`.
-             * @returns The "circular" polygon.
-             */
-            static circular(sphere: ol.Sphere, center: ol.Coordinate, radius: number, n?: number): ol.geom.Polygon;
-
-            /**
-             * Append the passed linear ring to this polygon.
-             * @param linearRing Linear ring.
-             */
-            appendLinearRing(linearRing: ol.geom.LinearRing): void;
-
-            /**
-             * Make a complete copy of the geometry.
-             * @returns Clone.
-             */
-            clone(): ol.geom.Polygon;
-
-            /**
-             * Return the area of the polygon on projected plane.
-             * @returns Area (on projected plane).
-             */
-            getArea(): number;
-
-            /**
-             * Get the coordinate array for this geometry.  This array has the structure
-             * of a GeoJSON coordinate array for polygons.
-             *
-             * @param right Orient coordinates according to the right-hand
-             *     rule (counter-clockwise for exterior and clockwise for interior rings).
-             *     If `false`, coordinates will be oriented according to the left-hand rule
-             *     (clockwise for exterior and counter-clockwise for interior rings).
-             *     By default, coordinate orientation will depend on how the geometry was
-             *     constructed.
-             * @returns Coordinates.
-             */
-            getCoordinates(right?: boolean): Array<Array<ol.Coordinate>>;
-
-            /**
-             * Return an interior point of the polygon.
-             * @returns Interior point.
-             */
-            getInteriorPoint(): ol.geom.Point;
-
-            /**
-             * Return the Nth linear ring of the polygon geometry. Return `null` if the
-             * given index is out of range.
-             * The exterior linear ring is available at index `0` and the interior rings
-             * at index `1` and beyond.
-             *
-             * @param index Index.
-             * @returns Linear ring.
-             */
-            getLinearRing(index: number): ol.geom.LinearRing;
-
-            /**
-             * Return the linear rings of the polygon.
-             * @returns Linear rings.
-             */
-            getLinearRings(): Array<ol.geom.LinearRing>;
-
-            /**
-             * Get the type of this geometry.
-             * @returns Geometry type
-             */
-            getType(): ol.geom.GeometryType;
-
-            /**
-             * Test if the geometry and the passed extent intersect.
-             * @param extent Extent
-             * @returns true if the geometry and the extent intersect.
-             */
-            intersectsExtent(extent: ol.Extent): boolean;
-
-            /**
-             * Set the coordinates of the polygon.
-             * @param coordinates Coordinates.
-             * @param layout Layout.
-             */
-            setCoordinates(coordinates: Array<Array<ol.Coordinate>>, layout?: ol.geom.GeometryLayout): void;
-
-            static fromCircle(circle: ol.geom.Circle, sides?: number, angle?: number): ol.geom.Polygon;
-        }
-        /**
-         * Abstract base class; only used for creating subclasses; do not instantiate
-         * in apps, as cannot be rendered.
-         */
-        class SimpleGeometry extends ol.geom.Geometry {
-
-            /**
-             * Apply a transform function to each coordinate of the geometry. The geometry is modified in place.
-             * If you do not want the geometry modified in place, first clone() it and then use this function on the clone.
-             * @param transformFn TransformFunction
-             */
-            applyTransform(transformFn: ol.TransformFunction): void;
-
-            /**
-             * Return the first coordinate of the geometry.
-             * @returns First coordinate.
-             */
-            getFirstCoordinate(): ol.Coordinate;
-
-            /**
-             * Return the last coordinate of the geometry.
-             * @returns Last point.
-             */
-            getLastCoordinate(): ol.Coordinate;
-
-            /**
-             * Return the {@link ol.geom.GeometryLayout layout} of the geometry.
-             * @returns Layout.
-             */
-            getLayout(): ol.geom.GeometryLayout;
-
-            /**
-            * Translate the geometry. This modifies the geometry coordinates in place.
-            * If instead you want a new geometry, first clone() this geometry.
-            * @param deltaX Delta X
-            * @param deltaY Delta Y
-            */
-            translate(deltaX: number, deltaY: number): void;
-        }
-    }
-
-    namespace has {
-    }
-
-    namespace interaction {
-        /**
-         * Allows the user to zoom by double-clicking on the map.
-         */
-        class DoubleClickZoom extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.DoubleClickZoomOptions);
-        }
-        /**
-         * Handles input of vector data by drag and drop.
-         */
-        class DragAndDrop extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.DragAndDropOptions);
-        }
-        /**
-         * Events emitted by ol.interaction.DragAndDrop instances are instances of this type.
-         */
-        class DragAndDropEvent extends ol.events.Event {
-        }
-        /**
-         * Allows the user to draw a vector box by clicking and dragging on the map,
-         * normally combined with an ol.events.condition that limits it to when the shift or other key is held down.
-         * This is used, for example, for zooming to a specific area of the map
-         * (see ol.interaction.DragZoom and ol.interaction.DragRotateAndZoom).
-         *
-         * This interaction is only supported for mouse devices.
-         */
-        class DragBox extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.DragBoxOptions);
-            /**
-             * Returns geometry of last drawn box.
-             */
-            getGeometry(): ol.geom.Polygon;
-        }
-        /**
-         * Allows the user to pan the map by dragging the map.
-         */
-        class DragPan extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.DragPanOptions);
-        }
-        /**
-         * Allows the user to rotate the map by clicking and dragging on the map,
-         * normally combined with an ol.events.condition that limits it to when the alt and shift keys are held down.
-         *
-         * This interaction is only supported for mouse devices.
-         */
-        class DragRotate extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.DragRotateOptions);
-        }
-        /**
-         * Allows the user to zoom and rotate the map by clicking and dragging on the map.
-         * By default, this interaction is limited to when the shift key is held down.
-         *
-         * This interaction is only supported for mouse devices.
-         *
-         * And this interaction is not included in the default interactions.
-         */
-        class DragRotateAndZoom extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.DragRotateAndZoomOptions);
-        }
-        /**
-         * Allows the user to zoom the map by clicking and dragging on the map,
-         * normally combined with an ol.events.condition that limits it to when a key, shift by default, is held down.
-         *
-         * To change the style of the box, use CSS and the .ol-dragzoom selector, or your custom one configured with className.
-         */
-        class DragZoom extends ol.interaction.DragBox {
-            constructor(opt_options?: olx.interaction.DragZoomOptions);
-        }
-        /**
-         * Interaction for drawing feature geometries.
-         */
-        class Draw extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.DrawOptions);
-
-            static createRegularPolygon(sides?: number, angle?: number): ol.interaction.DrawGeometryFunctionType;
-        }
-        /**
-         * Events emitted by ol.interaction.Draw instances are instances of this type.
-         */
-        class DrawEvent extends ol.events.Event {
-            /**
-             * The feature being drawn.
-             */
-            feature: ol.Feature;
-            /**
-             * The event target.
-             */
-            target: ol.Object;
-            /**
-             * The event type.
-             */
-            type: string;
-        }
-        /**
-         * Abstract base class; normally only used for creating subclasses and not instantiated in apps.
-         * User actions that change the state of the map. Some are similar to controls, but are not associated with a DOM element.
-         * For example, ol.interaction.KeyboardZoom is functionally the same as ol.control.Zoom, but triggered by a keyboard event
-         * not a button element event. Although interactions do not have a DOM element,
-         * some of them do render vectors and so are visible on the screen.
-         */
-        class Interaction extends ol.Object {
-            constructor (options: olx.interaction.InteractionOptions)
-            /**
-             * Return whether the interaction is currently active.
-             */
-            getActive (): boolean;
-            /**
-             * Get the map associated with this interaction.
-             */
-            getMap (): ol.Map;
-            /**
-             * Activate or deactivate the interaction.
-             */
-            setActive (active: boolean): void;
-        }
-        /**
-         * Allows the user to pan the map using keyboard arrows. Note that, although this interaction is by default included in maps,
-         * the keys can only be used when browser focus is on the element to which the keyboard events are attached.
-         * By default, this is the map div, though you can change this with the keyboardEventTarget in ol.Map.
-         * document never loses focus but, for any other element, focus will have to be on, and returned to,
-         * this element if the keys are to function. See also ol.interaction.KeyboardZoom.
-         */
-        class KeyboardPan extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.KeyboardPanOptions);
-        }
-        /**
-         * Allows the user to zoom the map using keyboard + and -. Note that, although this interaction is by default included in maps,
-         * the keys can only be used when browser focus is on the element to which the keyboard events are attached. By default,
-         * this is the map div, though you can change this with the keyboardEventTarget in ol.Map. document never loses focus but,
-         * for any other element, focus will have to be on, and returned to, this element if the keys are to function.
-         * See also ol.interaction.KeyboardPan.
-         */
-        class KeyboardZoom extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.KeyboardZoomOptions);
-        }
-        /**
-         * Interaction for modifying feature geometries.
-         */
-        class Modify extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.ModifyOptions);
-        }
-        /**
-         * Allows the user to zoom the map by scrolling the mouse wheel.
-         */
-        class MouseWheelZoom extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.MouseWheelZoomOptions);
-        }
-        /**
-         * Allows the user to rotate the map by twisting with two fingers on a touch screen.
-         */
-        class PinchRotate extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.PinchRotateOptions);
-        }
-        /**
-         * Allows the user to zoom the map by pinching with two fingers on a touch screen.
-         */
-        class PinchZoom extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.PinchZoomOptions);
-        }
-        /**
-         * Base class that calls user-defined functions on down, move and up events. This class also manages "drag sequences".
-         *
-         * When the handleDownEvent user function returns true a drag sequence is started. During a drag sequence the handleDragEvent
-         * user function is called on move events. The drag sequence ends when the handleUpEvent user function is called and returns false.
-         */
-        class Pointer extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.PointerOptions);
-        }
-        /**
-         * Interaction for selecting vector features. By default, selected features are styled differently, so this interaction can be used
-         * for visual highlighting, as well as selecting features for other actions, such as modification or output. There are three ways of
-         * controlling which features are selected: using the browser event as defined by the condition and optionally the toggle,
-         * add/remove, and multi options; a layers filter; and a further feature filter using the filter option.
-         *
-         * Selected features are added to an internal unmanaged layer.
-         */
-        class Select extends ol.interaction.Interaction {
-            constructor(opt_options?: olx.interaction.SelectOptions);
-            /**
-             * Returns the associated vectorlayer of the (last) selected feature.
-             * Note that this will not work with any programmatic method like pushing features to collection.
-             */
-            getLayer(): ol.layer.Layer;
-            /**
-             * Get the selected features.
-             */
-            getFeatures(): ol.Collection<ol.Feature>;
-        }
-        /**
-         * Events emitted by ol.interaction.Select instances are instances of this type.
-         */
-        class SelectEvent extends ol.events.Event {
-            /**
-             * Deselectd features array.
-             */
-            deselected: Array<ol.Feature>;
-            /**
-             * Associated ol.MapBrowserEvent.
-             */
-            mapBrowserEvent: ol.MapBrowserEvent;
-            /**
-             * Selected features array.
-             */
-            selected: Array<ol.Feature>;
-            /**
-             * The event target.
-             */
-            target: ol.Object;
-            /**
-             * The event type.
-             */
-            type: string;
-            /**
-             * Stop event propagation.
-             */
-            preventDefault(): void;
-            /**
-             * Stop event propagation.
-             */
-            stopPropagation(): void;
-        }
-        /**
-         * Handles snapping of vector features while modifying or drawing them. The features can come from a ol.source.Vector or
-         * ol.Collection Any interaction object that allows the user to interact with the features using the mouse can benefit
-         * from the snapping, as long as it is added before.
-         *
-         *The snap interaction modifies map browser event coordinate and pixel properties to force the snap to occur
-         * to any interaction that them.
-         */
-        class Snap extends ol.interaction.Pointer {
-            constructor(opt_options?: olx.interaction.SnapOptions);
-        }
-        /**
-         * Set of interactions included in maps by default. Specific interactions can be excluded by setting the appropriate option
-         * to false in the constructor options, but the order of the interactions is fixed. If you want to specify a different order for
-         * interactions, you will need to create your own ol.interaction.Interaction instances and insert them into a ol.Collection in
-         * the order you want before creating your ol.Map instance.
-         */
-        function defaults(opts: olx.interaction.DefaultsOptions): ol.Collection<ol.interaction.Interaction>;
-        /**
-         * Function that takes coordinates and an optional existing geometry as arguments, and returns a geometry.
-         * The optional existing geometry is the geometry that is returned when the function is called without a second argument.
-         */
-        interface DrawGeometryFunctionType { (coordinates: ol.Coordinate, geom?: ol.geom.Geometry): ol.geom.Geometry; }
-        /**
-         * A function that takes an ol.Feature or ol.render.Feature and an ol.layer.Layer and returns true if the feature
-         * may be selected or false otherwise.
-         */
-        interface SelectFilterFunction { (feature: ol.Feature | ol.render.Feature, layer: ol.layer.Layer): boolean; }
-        /**
-         * A function that takes a ol.MapBrowserEvent and two ol.Pixels and returns a {boolean}.
-         * If the condition is met, true should be returned.
-         */
-        interface DragBoxEndConditionType {
-            (evt: ol.MapBrowserEvent, startPixel: ol.Pixel, endPixel: ol.Pixel): boolean
-        }
-    }
-
-    namespace layer {
-        /**
-         * Abstract base class; normally only used for creating subclasses and not instantiated in apps. Note that with ol.layer.Base and all its subclasses, any property set in the options is set as a ol.Object property on the layer object, so is observable, and has get/set accessors.
-         */
-        class Base extends ol.Object {
-
-            /**
-             * @constructor
-             * @param options Layer options.
-             */
-            constructor(options?: olx.layer.BaseOptions);
-
-            /**
-             * Return the brightness of the layer.
-             * @returns The brightness of the layer.
-             */
-            getBrightness(): number;
-
-            /**
-             * Return the contrast of the layer.
-             * @returns The contrast of the layer.
-             */
-            getContrast(): number;
-
-            /**
-             * Return the extent of the layer or undefined if it will be visible regardless of extent.
-             * @returns The layer extent.
-             */
-            getExtent(): ol.Extent;
-
-            /**
-             * Return the hue of the layer.
-             * @returns The hue of the layer
-             */
-            getHue(): number;
-
-            /**
-             * Return the maximum resolution of the layer.
-             * @returns The maximum resolution of the layer
-             */
-            getMaxResolution(): number;
-
-            /**
-             * Return the minimum resolution of the layer.
-             * @returns The minimum resolution of the layer.
-             */
-            getMinResolution(): number;
-
-            /**
-             * Return the opacity of the layer (between 0 and 1).
-             * @returns The opacity of the layer.
-             */
-            getOpacity(): number;
-
-            /**
-             * Return the saturation of the layer.
-             * @returns The saturation of the layer.
-             */
-            getSaturation(): number;
-
-            /**
-             * Return the visibility of the layer (true or false).
-             * The visibility of the layer
-             */
-            getVisible(): boolean;
-
-            /**
-             * Adjust the layer brightness. A value of -1 will render the layer completely black. A value of 0 will leave the brightness unchanged. A value of 1 will render the layer completely white. Other values are linear multipliers on the effect (values are clamped between -1 and 1).
-             * @param brightness The brightness of the layer
-             */
-            setBrightness(brigthness: number): void;
-
-            /**
-             * Adjust the layer contrast. A value of 0 will render the layer completely grey. A value of 1 will leave the contrast unchanged. Other values are linear multipliers on the effect (and values over 1 are permitted).
-             * @param contrast The contrast of the layer
-             */
-            setContrast(contrast: number): void;
-
-            /**
-             * Set the extent at which the layer is visible. If undefined, the layer will be visible at all extents.
-             * @param extent The extent of the layer
-             */
-            setExtent(extent?: ol.Extent): void;
-
-            /**
-             * Apply a hue-rotation to the layer. A value of 0 will leave the hue unchanged. Other values are radians around the color circle.
-             * @param hue The hue of the layer
-             */
-            setHue(hue: number): void;
-
-            /**
-             * Set the maximum resolution at which the layer is visible.
-             * @param maxResolution The maximum resolution of the layer.
-             */
-            setMaxResolution(maxResolution: number): void;
-
-            /**
-             * Set the minimum resolution at which the layer is visible.
-             * @param minResolution The minimum resolution of the layer.
-             */
-            setMinResolution(minResolution: number): void;
-
-            /**
-             * Set the opacity of the layer, allowed values range from 0 to 1.
-             * @param opactity The opacity of the layer.
-             */
-            setOpacity(opacity: number): void;
-
-            /**
-             * Adjust layer saturation. A value of 0 will render the layer completely unsaturated. A value of 1 will leave the saturation unchanged. Other values are linear multipliers of the effect (and values over 1 are permitted).
-             * @param saturation The saturation of the layer.
-             */
-            setSaturation(saturation: number): void;
-
-            /**
-             * Set the visibility of the layer (true or false).
-             * @param visible The visibility of the layer.
-             */
-            setVisible(visible: boolean): void;
-        }
-
-        /**
-         * A ol.Collection of layers that are handled together.
-         */
-        class Group extends ol.layer.Base {
-
-            /**
-             * @constructor
-             * @param options Layer options.
-             */
-            constructor(options?: olx.layer.GroupOptions);
-
-            /**
-             * Returns the collection of layers in this group.
-             * @returns Collection of layers that are part of this group.
-             */
-            getLayers(): ol.Collection<ol.layer.Base>;
-
-            /**
-             * Set the collection of layers in this group.
-             * @param layers Collection of layers that are part of this group.
-             */
-            setLayers(layers: ol.Collection<ol.layer.Base>): void;
-        }
-
-        /**
-         * Layer for rendering vector data as a heatmap. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
-         */
-        class Heatmap extends ol.layer.Vector {
-
-            /**
-             * @constructor
-             * @param options Options
-             */
-            constructor(options?: olx.layer.HeatmapOptions);
-
-            /**
-             * Return the blur size in pixels.
-             * @returns Blur size in pixels
-             */
-            getBlur(): number;
-
-            /**
-             * Return the gradient colors as array of strings.
-             * @returns Colors
-             */
-            getGradient(): Array<string>;
-
-            /**
-             * Return the size of the radius in pixels.
-             * @returns Radius size in pixel
-             */
-            getRadius(): number;
-
-            /**
-             * Set the blur size in pixels.
-             * @param blur Blur size in pixels
-             */
-            setBlur(blur: number): void;
-
-            /**
-             * Set the gradient colors as array of strings.
-             * @param colors Gradient
-             */
-            setGradient(colors: Array<string>): void;
-
-            /**
-             * Set the size of the radius in pixels.
-             * @param radius Radius size in pixels
-             */
-            setRadius(radius: number): void;
-        }
-
-        /**
-         * Server-rendered images that are available for arbitrary extents and resolutions. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
-         */
-        class Image extends ol.layer.Layer {
-
-            /**
-             * @constructor
-             * @param options Layer options
-             */
-            constructor(options?: olx.layer.ImageOptions);
-
-            /**
-             * Return the associated source of the image layer.
-             * @returns Source.
-             */
-            getSource(): ol.source.Image;
-        }
-
-        /**
-         * Abstract base class; normally only used for creating subclasses and not instantiated in apps. A visual representation of raster or vector map data. Layers group together those properties that pertain to how the data is to be displayed, irrespective of the source of that data.
-         */
-        class Layer extends ol.layer.Base {
-
-            /**
-             * @constructor
-             * @param options Layer options
-             */
-            constructor(options?: olx.layer.LayerOptions);
-
-            /**
-             * Get the layer source.
-             * @returns The layer source (or null if not yet set)
-             */
-            getSource(): ol.source.Source;
-
-            /**
-             * Set the layer source.
-             * @param source The layer source.
-             */
-            setSource(source: ol.source.Source): void;
-        }
-
-        /**
-         * For layer sources that provide pre-rendered, tiled images in grids that are organized by zoom levels for specific resolutions. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
-         */
-        class Tile extends ol.layer.Layer {
-
-            /**
-             * @constructor
-             * @param options Tile layer options.
-             */
-            constructor(options?: olx.layer.TileOptions);
-
-            /**
-             * Return the level as number to which we will preload tiles up to.
-             * @retruns The level to preload tiled up to.
-             */
-            getPreload(): number;
-
-            /**
-             * Return the associated tilesource of the layer.
-             * @returns Source
-             */
-            getSource(): ol.source.Tile;
-
-            /**
-             * Whether we use interim tiles on error.
-             * @returns Use interim tiles on error.
-             */
-            getUseInterimTilesOnError(): boolean;
-
-            /**
-             * Set the level as number to which we will preload tiles up to.
-             * @param preload The level to preload tiled up to
-             */
-            setPreload(preload: number): void;
-
-            /**
-             * Set whether we use interim tiles on error.
-             * @param useInterimTilesOnError Use interim tiles on error.
-             */
-            setUseInterimTilesOnError(useInterimTilesOnError: boolean): void;
-        }
-
-        /**
-         * Vector data that is rendered client-side. Note that any property set in the options is set as a ol.Object property on the layer object; for example, setting title: 'My Title' in the options means that title is observable, and has get/set accessors.
-         */
-        class Vector extends ol.layer.Layer {
-
-            /**
-             * @constructor
-             * @param options Options
-             */
-            constructor(options?: olx.layer.VectorOptions);
-
-            /**
-             * Return the associated vectorsource of the layer.
-             * @returns Source.
-             */
-            getSource(): ol.source.Vector;
-
-            /**
-             * Get the style for features. This returns whatever was passed to the style option at construction or to the setStyle method.
-             */
-            getStyle(): ol.style.Style | Array<ol.style.Style> | ol.style.StyleFunction;
-
-            /**
-             * Get the style function.
-             * @returns Layer style function
-             */
-            getStyleFunction(): ol.style.StyleFunction;
-
-            /**
-             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
-             */
-            setStyle(): void;
-
-            /**
-             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
-             * @param layer Layer style
-             */
-            setStyle(style: ol.style.Style): void;
-
-            /**
-             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
-             * @param layer Layer style
-             */
-            setStyle(style: Array<ol.style.Style>): void;
-
-            /**
-             * Set the style for features. This can be a single style object, an array of styles, or a function that takes a feature and resolution and returns an array of styles. If it is undefined the default style is used. If it is null the layer has no style (a null style), so only features that have their own styles will be rendered in the layer. See ol.style for information on the default style.
-             * @param Layer style
-             */
-            setStyle(style: ol.style.StyleFunction): void;
-
-            /**
-             * Sets the layer to be rendered on top of other layers on a map. The map will not manage this layer
-             * in its layers collection, and the callback in ol.Map#forEachLayerAtPixel will receive null as
-             * layer. This is useful for temporary layers. To remove an unmanaged layer from the map, use #setMap(null).
-             * To add the layer to a map and have it managed by the map, use ol.Map#addLayer instead.
-             * @argument map.
-             */
-            setMap(map: ol.Map): void;
-
-            /**
-             * Set Z-index of the layer, which is used to order layers before rendering. The default Z-index is 0.
-             */
-            setZIndex(zIndex: number): void;
-        }
-    }
-
-    namespace loadingstrategy {
-
-        /**
-         * Strategy function for loading all features with a single request.
-         * @param extent Extent
-         * @param resolution Resolution
-         * @returns Extents
-         */
-        function all(extent: ol.Extent, resolution: number): Array<ol.Extent>;
-
-        /**
-         * Strategy function for loading features based on the view's extent and resolution.
-         * @param extent Extent
-         * @param resolution Resolution
-         * @returns Extents
-         */
-        function bbox(extent: ol.Extent, resolution: number): Array<ol.Extent>;
-
-        /**
-         * Creates a strategy function for loading features based on a tile grid.
-         * @param tilegrid Tile grid
-         * @returns Loading strategy
-         */
-        function tile(tileGrid: ol.tilegrid.TileGrid): ol.LoadingStrategy;
-    }
-
-    namespace proj {
-
-        // Type definitions
-        interface ProjectionLike extends String { }
-        interface Units extends String { }
-
-        // Methods
-
-        /**
-         * Meters per unit lookup table.
-         */
-        //TODO: validate!
-        var METERS_PER_UNIT: Object;
-
-        /**
-         * Registers coordinate transform functions to convert coordinates between the source projection and the destination projection. The forward and inverse functions convert coordinate pairs; this function converts these into the functions used internally which also handle extents and coordinate arrays.
-         * @param source Source projection
-         * @param destination Destination projection
-         * @param forward The forward transform function (that is, from the source projection to the destination projection) that takes a ol.Coordinate as argument and returns the transformed ol.Coordinate.
-         * @param inverse The inverse transform function (that is, from the destination projection to the source projection) that takes a ol.Coordinate as argument and returns the transformed ol.Coordinate.
-         */
-        function addCoordinateTransforms(source: ProjectionLike, destination: ProjectionLike, forward: (coordinate: Coordinate) => Coordinate, inverse: (coordinate: Coordinate) => Coordinate): void;
-
-        /**
-         * Registers transformation functions that don't alter coordinates. Those allow to transform between projections with equal meaning.
-         * @param projections Projections.
-         */
-        function addEquivalentProjections(projections: Array<Projection>): void;
-
-        /**
-         * Add a Projection object to the list of supported projections that can be looked up by their code.
-         * @param projection Projection instance.
-         */
-        function addProjection(projection: Projection): void;
-
-        /**
-         * Transforms a coordinate from longitude/latitude to a different projection.
-         * @param coordinate Coordinate as longitude and latitude, i.e. an array with longitude as 1st and latitude as 2nd element.
-         * @param projection Target projection. The default is Web Mercator, i.e. 'EPSG:3857'.
-         */
-        function fromLonLat(coordinate: Coordinate, opt_projection: ProjectionLike): Coordinate;
-
-        /**
-         * Fetches a Projection object for the code specified.
-         * @param projectionLike Either a code string which is a combination of authority and identifier such as "EPSG:4326", or an existing projection object, or undefined.
-         * @returns Projection object, or null if not in list.
-         */
-        function get(projectionLike: ProjectionLike): Projection;
-
-        /**
-         * Given the projection-like objects, searches for a transformation function to convert a coordinates array from the source projection to the destination projection.
-         * @param source Source.
-         * @param destination Destination.
-         * @returns Transform function.
-         */
-        function getTransform(source: ProjectionLike, destination: ProjectionLike): ol.TransformFunction;
-
-        /**
-         * Transforms a coordinate to longitude/latitude.
-         * @param coordinate Projected coordinate.
-         * @param projection Projection of the coordinate. The default is Web Mercator, i.e. 'EPSG:3857'.
-         * @returns Coordinate as longitude and latitude, i.e. an array with longitude as 1st and latitude as 2nd element.
-         */
-        function toLonLat(coordinate: Coordinate, projection: ProjectionLike): Coordinate;
-
-        /**
-         * Transforms a coordinate from source projection to destination projection. This returns a new coordinate (and does not modify the original).
-         * @param coordinate Coordinate.
-         * @param source Source projection-like.
-         * @param destination Destination projection-like.
-         * @returns Coordinate.
-         */
-        function transform(coordinate: Coordinate, source: ProjectionLike, destination: ProjectionLike): Coordinate;
-
-        /**
-         * Transforms an extent from source projection to destination projection. This returns a new extent (and does not modify the original).
-         * @param extent The extent to transform.
-         * @param source Source projection-like.
-         * @param destination Destination projection-like.
-         * @returns The transformed extent.
-         */
-        function transformExtent(extent: Extent, source: ProjectionLike, destination: ProjectionLike): Extent;
-
-        class Projection {
-            constructor(options: olx.Projection);
-
-            getExtent(): Extent;
-
-            /**
-             * Set the validity extent for this projection.
-             * @param extent The new extent of the projection.
-             */
-            setExtent(extent: Extent): void;
-        }
-    }
-
-    namespace render {
-
-        class Event extends ol.events.Event {
-        }
-
-        class VectorContext {
-        }
-        class Feature {
-            get(key: string): any;
-            getExtent(): ol.Extent;
-            getGeometry(): ol.geom.Geometry;
-            getProperties: Object[];
-            getType(): ol.geom.GeometryType;
-        }
-        namespace canvas {
-            class Immediate {
-            }
-        }
-    }
-
-    namespace source {
-
-        class BingMaps extends TileImage {
-        }
-
-        class CartoDB extends XYZ {
-        }
-
-        class Cluster extends Vector {
-            constructor(options: olx.source.ClusterOptions);
-        }
-
-        class Image extends Source {
-        }
-
-        class ImageArcGISRest extends Image {
-        }
-
-        class ImageCanvas extends Image {
-        }
-
-        class ImageEvent extends ol.events.Event {
-        }
-
-        class ImageMapGuide extends Image {
-        }
-
-        class ImageStatic extends ol.source.Image {
-        	constructor(options?: olx.StaticImageOptions);
-        }
-
-        class ImageVector extends ImageCanvas {
-        }
-
-        class ImageWMS extends Image {
-            constructor(options: olx.ImageWMSOptions);
-        }
-
-        class MapQuest extends XYZ {
-            constructor(options: any);
-        }
-
-        class OSM extends XYZ {
-            constructor(opt_options?: olx.OSMOptions);
-        }
-
-        class Source extends ol.Object {
-
-            constructor(options: any);
-
-            /**
-             * Get the projection of the source.
-             * @return Projection.
-             */
-            getProjection(): ol.proj.Projection;
-
-            /**
-             * Refreshes the source and finally dispatches a 'change' event.
-             */
-            refresh(): void;
-        }
-
-        class Stamen extends XYZ {
-        }
-
-        class Tile extends Source {
-        }
-
-        class TileArcGISRest extends TileImage {
-        }
-
-        class TileDebug extends Tile {
-        }
-
-        class TileEvent extends ol.events.Event {
-        }
-
-        class TileImage extends UrlTile {
-        }
-
-        class TileJSON extends TileImage {
-        }
-
-        class TileUTFGrid extends Tile {
-        }
-
-        class TileWMS extends TileImage {
-            constructor(options: olx.TileWMSOptions);
-
-            /**
-             * Update the user-provided (WMS request) parameters.
-             */
-            updateParams(params: any): void;
-
-            /**
-             * Get the user-provided (WMS request) params, i.e. those passed to the constructor through the "params" option, and possibly updated using the updateParams method.
-             */
-            getParams(): any;
-
-            /**
-             * Return the GetFeatureInfo URL for the passed coordinate, resolution, and
-             * projection. Return `undefined` if the GetFeatureInfo URL cannot be
-             * constructed.
-             * @param coordinate Coordinate.
-             * @param resolution Resolution.
-             * @param rojection Projection.
-             * @param params GetFeatureInfo params. `INFO_FORMAT` at least should
-             *     be provided. If `QUERY_LAYERS` is not provided then the layers specified
-             *     in the `LAYERS` parameter will be used. `VERSION` should not be
-             *     specified here.
-             * @return GetFeatureInfo URL.
-             */
-            getGetFeatureInfoUrl(coordinate: ol.Coordinate, resolution: number, projection: ol.proj.ProjectionLike, params: {}): string;
-        }
-
-        class UrlTile extends Tile {
-        }
-
-        class Vector extends Source {
-            constructor(opts?: olx.source.VectorOptions)
-            /**
-             * Add a single feature to the source. If you want to add a batch of features at once,
-             * call source.addFeatures() instead.
-             */
-            addFeature(feature: ol.Feature): void;
-
-            /**
-             * Add a batch of features to the source.
-             */
-            addFeatures(features: ol.Feature[]): void;
-
-            /**
-             * Remove all features from the source.
-             * @param Skip dispatching of removefeature events.
-             */
-            clear(fast?: boolean): void;
-
-            /**
-             * Get the extent of the features currently in the source.
-             */
-            getExtent(): ol.Extent;
-
-            /**
-             * Get all features whose geometry intersects the provided coordinate.
-             */
-            getFeaturesAtCoordinate(coordinate: ol.Coordinate): ol.Feature[];
-
-            /**
-             * Get a feature by its identifier (the value returned by feature.getId()). Note that the index treats 
-             * string and numeric identifiers as the same.
-             */
-            getFeatureById(id: string | number): ol.Feature;
-
-            /**
-             * Get all features in the provided extent. Note that this returns all features whose bounding boxes
-             * intersect the given extent (so it may include features whose geometries do not intersect the extent).
-             * This method is not available when the source is configured with useSpatialIndex set to false.
-             */
-            getFeaturesInExtent(extent: ol.Extent): ol.Feature[];
-
-            /**
-             * Get all features on the source
-             */
-            getFeatures(): ol.Feature[];
-
-            /**
-             * Get all features whose geometry intersects the provided coordinate.
-             */
-            getFeaturesAtCoordinate(coordinate: ol.Coordinate): ol.Feature[];
-
-            /**
-             * Remove a single feature from the source. If you want to remove all features at once, use the source.clear() 
-             * method instead.
-             */
-            removeFeature(feature: ol.Feature): void;
-        }
-
-        class VectorEvent extends ol.events.Event {
-        }
-
-        class VectorTile extends UrlTile {
-        }
-
-        class WMTS extends TileImage {
-            constructor(options: olx.source.WMTSOptions);
-        }
-
-        class XYZ extends TileImage {
-        }
-
-        class Zoomify extends TileImage {
-        }
-
-        // Namespaces
-        namespace wms {
-            interface ServerType extends String { }
-        }
-
-        // Type definitions
-        interface State extends String { }
-        interface WMTSRequestEncoding extends String { }
-    }
-
-    namespace style {
-
-        class AtlasManager {
-        }
-
-        class Circle extends Image {
-            constructor(opt_options?: olx.style.CircleOptions);
-        }
-
-        /**
-         * Set fill style for vector features.
-         */
-        class Fill {
-
-            constructor(opt_options?: olx.style.FillOptions);
-
-            getColor(): ol.Color | string;
-
-            /**
-             * Set the color.
-             */
-            setColor(color: ol.Color | string): void;
-
-            getChecksum(): string;
-        }
-
-        class Icon extends Image {
-            constructor(option: olx.style.IconOptions)
-        }
-
-        class Image {
-            getOpacity(): number;
-            getRotateWithView(): boolean;
-            getRotation(): number;
-            getScale(): number;
-            getSnapToPiexl(): boolean;
-
-            setOpacity(opacity: number): void;
-            setRotation(rotation: number): void;
-            setScale(scale: number): void;
-        }
-
-        interface GeometryFunction {
-            (feature: Feature): ol.geom.Geometry
-        }
-
-        class RegularShape {
-        }
-
-        class Stroke {
-            constructor(opts?: olx.style.StrokeOptions);
-            getColor(): ol.Color | string;
-            getLineCap(): string;
-            getLineDash(): number[];
-            getLineJoin(): string;
-            getMitterLimit(): number;
-            getWidth(): number;
-            setColor(color: ol.Color | string): void;
-            setLineCap(lineCap: string): void;
-            setLineDash(lineDash: number[]): void;
-            setLineJoin(lineJoin: string): void;
-            setMiterLimit(miterLimit: number): void;
-            setWidth(width: number): void;
-        }
-
-        /**
-         * Container for vector feature rendering styles. Any changes made to the style
-         * or its children through `set*()` methods will not take effect until the
-         * feature, layer or FeatureOverlay that uses the style is re-rendered.
-         */
-        class Style {
-            constructor(opts: olx.style.StyleOptions);
-
-            getFill(): ol.style.Fill;
-            /***
-             * Get the geometry to be rendered.
-             * @return Feature property or geometry or function that returns the geometry that will
-             * be rendered with this style.
-             */
-            getGeometry(): string | ol.geom.Geometry | ol.style.GeometryFunction;
-            getGeometryFunction(): ol.style.GeometryFunction;
-            getImage(): ol.style.Image;
-            getStroke(): ol.style.Stroke;
-            getText(): ol.style.Text;
-            getZIndex(): number;
-
-            setGeometry(geometry: string | ol.geom.Geometry | ol.style.GeometryFunction): void;
-            setZIndex(zIndex: number): void;
-        }
-
-        /**
-         * Set text style for vector features.
-         */
-        class Text {
-            constructor(opt?: olx.style.TextOptions);
-
-            getFont(): string;
-            getOffsetX(): number;
-            getOffsetY(): number;
-            getFill(): Fill;
-            getRotation(): number;
-            getScale(): number;
-            getStroke(): Stroke;
-            getText(): string;
-            getTextAlign(): string;
-            getTextBaseline(): string;
-
-            /**
-             * Set the font.
-             */
-            setFont(font: string): void;
-
-            /**
-             * Set the x offset.
-             */
-            setOffsetX(offsetX: number): void;
-
-            /**
-             * Set the y offset.
-             */
-            setOffsetY(offsetY: number): void;
-
-            /**
-             * Set the fill.
-             */
-            setFill(fill: Fill): void;
-
-            /**
-             * Set the rotation.
-             */
-            setRotation(rotation: number): void;
-
-            /**
-             * Set the scale.
-             */
-            setScale(scale: number): void;
-
-            /**
-             * Set the stroke.
-             *
-             */
-            setStroke(stroke: Stroke): void;
-
-            /**
-             * Set the text.
-             */
-            setText(text: string): void;
-
-            /**
-             * Set the text alignment.
-             */
-            setTextAlign(textAlign: string): void;
-
-            /**
-             * Set the text baseline.
-             */
-            setTextBaseline(textBaseline: string): void;
-        }
-
-        /**
-         * A function that takes an ol.Feature and a {number} representing the view's resolution. The function should return an array of ol.style.Style. This way e.g. a vector layer can be styled.
-         */
-        interface StyleFunction { (feature: ol.Feature, resolution: number): ol.style.Style }
-    }
-
-    namespace tilegrid {
-
-        /**
-         * Base class for setting the grid pattern for sources accessing tiled-image servers.
-         */
-        class TileGrid {
-
-            /**
-             * @constructor
-             * @param options Tile grid options
-             */
-            constructor(options: olx.tilegrid.TileGridOptions);
-
-            /**
-             * Creates a TileCoord transform function for use with this tile grid. Transforms the internal tile coordinates with bottom-left origin to the tile coordinates used by the ol.TileUrlFunction. The returned function expects an ol.TileCoord as first and an ol.proj.Projection as second argument and returns a transformed ol.TileCoord.
-             */
-            createTileCoordTransform(): { (tilecoord: ol.TileCoord, projection: ol.proj.Projection): ol.TileCoord };
-
-            /**
-             * Get the maximum zoom level for the grid.
-             * @returns Max zoom
-             */
-            getMaxZoom(): number;
-
-            /**
-             * Get the minimum zoom level for the grid.
-             * @returns Min zoom
-             */
-            getMinZoom(): number;
-
-            /**
-             * Get the origin for the grid at the given zoom level.
-             * @param z Z
-             * @returns Origin
-             */
-            getOrigin(z: number): ol.Coordinate;
-
-            /**
-             * Get the list of resolutions for the tile grid.
-             * @param z Z
-             * @returns Resolution
-             */
-            getResolution(z: number): number;
-
-            /**
-             * Get the list of resolutions for the tile grid.
-             * @returns Resolutions
-             */
-            getResolutions(): Array<number>;
-
-            /**
-             * Get the tile coordinate for the given map coordinate and resolution. This method considers that coordinates that intersect tile boundaries should be assigned the higher tile coordinate.
-             * @param coordinate Coordinate
-             * @param resolution Resolution
-             * @param tileCoord Destination ol.TileCoord object.
-             * @returns Tile coordinate
-             */
-            getTileCoordForCoordAndResolution(coordinate: ol.Coordinate, resolution: number, tileCoord?: ol.TileCoord): ol.TileCoord;
-
-            /**
-             * Get a tile coordinate given a map coordinate and zoom level.
-             * @param coordinate Coordinate
-             * @param z Zoom level
-             * @param tileCoord Destination ol.TileCoord object
-             * @returns Tile coordinate
-             */
-            getTileCoordForCoordAndZ(coordinate: ol.Coordinate, z: number, tileCoord?: ol.TileCoord): ol.TileCoord;
-
-            /**
-             * Get the tile size for a zoom level. The type of the return value matches the tileSize or tileSizes that the tile grid was configured with. To always get an ol.Size, run the result through ol.size.toSize().
-             * @param z Z
-             * @returns Tile size
-             */
-            getTileSize(z: number): number | ol.Size;
-        }
-
-        /**
-         * Set the grid pattern for sources accessing WMTS tiled-image servers.
-         */
-        class WMTS extends TileGrid {
-
-            /**
-             * @constructor
-             * @param options WMTS options
-             */
-            constructor(options: olx.tilegrid.WMTSOptions);
-
-            /**
-             * Create a tile grid from a WMTS capabilities matrix set.
-             * @param matrixSet An object representing a matrixSet in the capabilities document.
-             * @param extent An optional extent to restrict the tile ranges the server provides.
-             * @returns WMTS tilegrid instance
-             */
-            createFromCapabilitiesMatrixSet(matrixSet: any, extent: ol.Extent): ol.tilegrid.WMTS;
-
-            /**
-             * Get the list of matrix identifiers.
-             * @returns MatrixIds
-             */
-            getMatrixIds(): Array<string>;
-        }
-
-        /**
-         * Set the grid pattern for sources accessing Zoomify tiled-image servers.
-         */
-        class Zoomify extends TileGrid {
-
-            /**
-             * @constructor
-             * @param options Options
-             */
-            constructor(options?: olx.tilegrid.ZoomifyOptions);
-        }
-
-        /**
-         * Creates a tile grid with a standard XYZ tiling scheme.
-         * @param options Tile grid options.
-         * @returns The grid instance
-         */
-        function createXYZ(options?: olx.tilegrid.XYZOptions): ol.tilegrid.TileGrid;
-    }
-
-    namespace webgl {
-
-        class Context {
-
-            /**
-             * @constructor
-             * @param canvas HTML Canvas Element
-             * @param gl WebGL Rendering context
-             */
-            constructor(canvas: HTMLCanvasElement, gl: WebGLRenderingContext);
-
-            /**
-            Get the WebGL rendering context
-             @returns The rendering context.
-            */
-            getGL(): WebGLRenderingContext;
-
-            /**
-             * Get the frame buffer for hit detection.
-             * @returns The hit detection frame buffer.
-             */
-            getHitDetectionFramebuffer(): WebGLFramebuffer;
-
-            /**
-             * Use a program. If the program is already in use, this will return false.
-             * @param program Program.
-             * @returns Changed.
-             */
-            useProgram(program: WebGLProgram): boolean;
-        }
-    }
-
-    // Type definitions
-
-    /**
-     * A function returning the canvas element ({HTMLCanvasElement}) used by the source as an image. The arguments passed to the function are: ol.Extent the image extent, {number} the image resolution, {number} the device pixel ratio, ol.Size the image size, and ol.proj.Projection the image projection. The canvas returned by this function is cached by the source. The this keyword inside the function references the ol.source.ImageCanvas.
-     */
-    function CanvasFunctionType(extent: Extent, resolution: number, pixelRatio: number, size: Size, projection: proj.Projection): HTMLCanvasElement;
-
-    /**
-     * A color represented as a short array [red, green, blue, alpha]. red, green, and blue should be integers in the range 0..255 inclusive. alpha should be a float in the range 0..1 inclusive.
-     */
-    interface Color extends Array<number> { }
-
-    /**
-     * An array of numbers representing an xy coordinate. Example: [16, 48].
-     */
-    interface Coordinate extends Array<number> { }
-
-    /**
-     * An array of numbers representing an extent: [minx, miny, maxx, maxy].
-     */
-    interface Extent extends Array<number> { }
-
-    /**
-     * Overlay position: 'bottom-left', 'bottom-center', 'bottom-right', 'center-left', 'center-center', 'center-right', 'top-left', 'top-center', 'top-right'
-     */
-    interface OverlayPositioning extends String { }
-
-    /**
-     * An array with two elements, representing a pixel. The first element is the x-coordinate, the second the y-coordinate of the pixel.
-     */
-    interface Pixel extends Array<number> { }
-
-    /**
-     * Available renderers: 'canvas', 'dom' or 'webgl'.
-     */
-    interface RendererType extends String { }
-
-    /**
-     * An array of numbers representing a size: [width, height].
-     */
-    interface Size extends Array<number> { }
-
-    /**
-     * An array of three numbers representing the location of a tile in a tile grid. The order is z, x, and y. z is the zoom level.
-     */
-    interface TileCoord extends Array<number> { }
-
-    // Functions
-
-    /**
-     * A function that takes a ol.Coordinate and transforms it into a {string}.
-     */
-    interface CoordinateFormatType { (coordinate?: Coordinate): string; }
-
-    /**
-     * Implementation based on the code of OpenLayers, no documentation available (yet). If it is incorrect, please create an issue and I will change it.
-     */
-    interface FeatureLoader { (extent: ol.Extent, number: number, projection: ol.proj.Projection): string }
-
-    /**
-     * A function that returns a style given a resolution. The this keyword inside the function references the ol.Feature to be styled.
-     */
-    interface FeatureStyleFunction { (resolution: number): ol.style.Style }
-
-    /**
-     * Loading strategy
-     */
-    interface LoadingStrategy { (extent: ol.Extent, resolution: number): Array<ol.Extent> }
-
-    /**
-     * Function to perform manipulations before rendering. This function is called with the ol.Map as first and an optional olx.FrameState as second argument. Return true to keep this function for the next frame, false to remove it.
-     */
-    interface PreRenderFunction { (map: ol.Map, frameState?: olx.FrameState): boolean }
-
-    /**
-     * A transform function accepts an array of input coordinate values, an optional output array, and an optional dimension (default should be 2). The function transforms the input coordinate values, populates the output array, and returns the output array.
-     */
-    interface TransformFunction { (input: Array<number>, output?: Array<number>, dimension?: number): Array<number> }
 }
 
 declare module "openlayers" {

From a8bf613967dde6bbc278c52ff091d327d1ad577e Mon Sep 17 00:00:00 2001
From: Mykhailo Stadnyk <mikhus@gmail.com>
Date: Fri, 30 Sep 2016 15:16:49 +0300
Subject: [PATCH 093/382] Added missing config options for release v2.0.8
 (#11595)

---
 canvas-gauges/canvas-gauges.d.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/canvas-gauges/canvas-gauges.d.ts b/canvas-gauges/canvas-gauges.d.ts
index b330726f55..5dbd361872 100644
--- a/canvas-gauges/canvas-gauges.d.ts
+++ b/canvas-gauges/canvas-gauges.d.ts
@@ -78,11 +78,13 @@ declare namespace CanvasGauges {
         borderInnerWidth?: number,
         borderShadowWidth?: number,
         valueBox?: boolean,
+        valueBoxWidth?: number,
         valueBoxStroke?: number,
         valueText?: string,
         valueTextShadow?: boolean,
         valueBoxBorderRadius?: number,
         highlights?: Highlight[],
+        highlightsWidth?: number,
         fontNumbers?: string,
         fontTitle?: string,
         fontUnits?: string,

From 775de05895640368c8a8e312074a5963d5774e53 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Fri, 30 Sep 2016 20:17:40 +0800
Subject: [PATCH 094/382] [graphql] Create graphql (#11598)

* Complete graphql/language

* Update graphql/error

* Update graphql.d.ts

* Create graphql-tests.ts

* Update graphql/type

* Update graphql/error and graphql/execution

* Remove null type

* Remove comma
---
 graphql/graphql-tests.ts |  184 +++
 graphql/graphql.d.ts     | 2390 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 2574 insertions(+)
 create mode 100644 graphql/graphql-tests.ts
 create mode 100644 graphql/graphql.d.ts

diff --git a/graphql/graphql-tests.ts b/graphql/graphql-tests.ts
new file mode 100644
index 0000000000..c6ee4aa0c2
--- /dev/null
+++ b/graphql/graphql-tests.ts
@@ -0,0 +1,184 @@
+/// <reference path="graphql.d.ts" />
+
+import * as graphql from 'graphql';
+
+///////////////////////////
+// graphql               //
+///////////////////////////
+namespace graphql_tests {
+    // TODO    
+}
+
+///////////////////////////
+// graphql/language      //
+///////////////////////////
+namespace language_ast_tests {
+    // TODOS
+}
+
+namespace language_index_tests {
+    // TODOS
+}
+
+namespace language_kinds_tests {
+    // TODOS
+}
+
+namespace language_lexer_tests {
+    // TODOS
+}
+
+namespace language_location_tests {
+    // TODOS
+}
+
+namespace language_parser_tests {
+    // TODOS
+}
+
+namespace language_printer_tests {
+    // TODOS
+}
+
+namespace language_source_tests {
+    // TODOS
+}
+
+namespace language_visitor_tests {
+    // TODOS
+}
+
+///////////////////////////
+// graphql/type          //
+///////////////////////////
+namespace type_definition_tests {
+    // TODO
+}
+
+namespace type_directives_tests {
+    // TODO
+}
+
+namespace type_introspection_tests {
+    // TODO
+}
+
+namespace type_scalars_tests {
+    // TODO
+}
+
+namespace type_schema_tests {
+    // TODO
+}
+
+///////////////////////////
+// graphql/validation    //
+///////////////////////////
+namespace validation_specifiedRules_tests { 
+
+}
+
+namespace validation_validate_tests { 
+
+}
+
+///////////////////////////
+// graphql/execution     //
+///////////////////////////
+namespace execution_execute_tests {
+    // TODOS
+}
+
+namespace execution_values_tests {
+    // TODOS
+}
+
+///////////////////////////
+// graphql/error         //
+///////////////////////////
+namespace error_GraphQLError {
+
+}
+
+namespace error_formatError {
+
+}
+
+namespace error_locatedError {
+
+}
+
+namespace error_syntaxError {
+
+}
+
+///////////////////////////
+// graphql/utilities     //
+///////////////////////////
+namespace utilities_TypeInfo_tests {
+    //TODOS
+}
+
+namespace utilities_assertValidName_tests {
+    //TODOS
+}
+
+namespace utilities_astFromValue_tests {
+    //TODOS
+}
+
+namespace utilities_buildASTSchema_tests {
+    //TODOS
+}
+
+namespace utilities_buildClientSchema_tests {
+    //TODOS
+}
+
+namespace utilities_concatAST_tests {
+    //TODOS
+}
+
+namespace utilities_extendSchema_tests {
+    //TODOS
+}
+
+namespace utilities_getOperationAST_tests {
+    //TODOS
+}
+
+namespace utilities_index_tests {
+    //TODOS
+}
+
+namespace utilities_introspectionQuery_tests {
+    //TODOS
+}
+
+namespace utilities_isValidJSValue_tests {
+    //TODOS
+}
+
+namespace utilities_isValidLiteralValue_tests {
+    //TODOS
+}
+
+namespace utilities_schemaPrinter_tests {
+    //TODOS
+}
+
+namespace utilities_separateOperations_tests {
+    //TODOS
+}
+
+namespace utilities_typeComparators_tests {
+    //TODOS
+}
+
+namespace utilities_typeFromAST_tests {
+    //TODOS
+}
+
+namespace utilities_valueFromAST_tests {
+    //TODOS
+}
diff --git a/graphql/graphql.d.ts b/graphql/graphql.d.ts
new file mode 100644
index 0000000000..b441fbc204
--- /dev/null
+++ b/graphql/graphql.d.ts
@@ -0,0 +1,2390 @@
+// Type definitions for graphql v0.7.0
+// Project: https://www.npmjs.com/package/graphql
+// Definitions by: TonyYang <https://github.com/TonyPythoneer>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/*************************************
+ *                                   * 
+ *               MODULES             * 
+ *                                   *
+ *************************************/
+///////////////////////////
+// graphql               //
+///////////////////////////
+declare module "graphql" {
+    // The primary entry point into fulfilling a GraphQL request.
+    export {
+        graphql
+    } from 'graphql/graphql';
+
+
+    // Create and operate on GraphQL type definitions and schema.
+    export {
+        GraphQLSchema,
+
+        // Definitions
+        GraphQLScalarType,
+        GraphQLObjectType,
+        GraphQLInterfaceType,
+        GraphQLUnionType,
+        GraphQLEnumType,
+        GraphQLInputObjectType,
+        GraphQLList,
+        GraphQLNonNull,
+        GraphQLDirective,
+
+        // "Enum" of Type Kinds
+        TypeKind,
+
+        // "Enum" of Directive Locations
+        DirectiveLocation,
+
+        // Scalars
+        GraphQLInt,
+        GraphQLFloat,
+        GraphQLString,
+        GraphQLBoolean,
+        GraphQLID,
+
+        // Built-in Directives defined by the Spec
+        specifiedDirectives,
+        GraphQLIncludeDirective,
+        GraphQLSkipDirective,
+        GraphQLDeprecatedDirective,
+
+        // Constant Deprecation Reason
+        DEFAULT_DEPRECATION_REASON,
+
+        // Meta-field definitions.
+        SchemaMetaFieldDef,
+        TypeMetaFieldDef,
+        TypeNameMetaFieldDef,
+
+        // GraphQL Types for introspection.
+        __Schema,
+        __Directive,
+        __DirectiveLocation,
+        __Type,
+        __Field,
+        __InputValue,
+        __EnumValue,
+        __TypeKind,
+
+        // Predicates
+        isType,
+        isInputType,
+        isOutputType,
+        isLeafType,
+        isCompositeType,
+        isAbstractType,
+
+        // Un-modifiers
+        getNullableType,
+        getNamedType,
+    } from 'graphql/type';
+
+
+    // Parse and operate on GraphQL language source files.
+    export {
+        Source,
+        getLocation,
+
+        // Parse
+        parse,
+        parseValue,
+        parseType,
+
+        // Print
+        print,
+
+        // Visit
+        visit,
+        visitInParallel,
+        visitWithTypeInfo,
+        Kind,
+        TokenKind,
+        BREAK,
+    } from 'graphql/language';
+
+
+    // Execute GraphQL queries.
+    export {
+        execute,
+    } from 'graphql/execution';
+
+
+    // Validate GraphQL queries.
+    export {
+        validate,
+        specifiedRules,
+    } from 'graphql/validation';
+
+
+    // Create and format GraphQL errors.
+    export {
+        GraphQLError,
+        formatError,
+    } from 'graphql/error';
+
+
+    // Utilities for operating on GraphQL type schema and parsed sources.
+    /*
+    export {
+        // The GraphQL query recommended for a full schema introspection.
+        introspectionQuery,
+
+        // Gets the target Operation from a Document
+        getOperationAST,
+
+        // Build a GraphQLSchema from an introspection result.
+        buildClientSchema,
+
+        // Build a GraphQLSchema from a parsed GraphQL Schema language AST.
+        buildASTSchema,
+
+        // Build a GraphQLSchema from a GraphQL schema language document.
+        buildSchema,
+
+        // Extends an existing GraphQLSchema from a parsed GraphQL Schema
+        // language AST.
+        extendSchema,
+
+        // Print a GraphQLSchema to GraphQL Schema language.
+        printSchema,
+
+        // Create a GraphQLType from a GraphQL language AST.
+        typeFromAST,
+
+        // Create a JavaScript value from a GraphQL language AST.
+        valueFromAST,
+
+        // Create a GraphQL language AST from a JavaScript value.
+        astFromValue,
+
+        // A helper to use within recursive-descent visitors which need to be aware of
+        // the GraphQL type system.
+        TypeInfo,
+
+        // Determine if JavaScript values adhere to a GraphQL type.
+        isValidJSValue,
+
+        // Determine if AST values adhere to a GraphQL type.
+        isValidLiteralValue,
+
+        // Concatenates multiple AST together.
+        concatAST,
+
+        // Separates an AST into an AST per Operation.
+        separateOperations,
+
+        // Comparators for types
+        isEqualType,
+        isTypeSubTypeOf,
+        doTypesOverlap,
+
+        // Asserts a string is a valid GraphQL name.
+        assertValidName,
+    } from 'graphql/utilities';
+    */
+}
+
+declare module "graphql/graphql" {
+    import { GraphQLError } from 'graphql/error/GraphQLError';
+    import { GraphQLSchema } from 'graphql/type/schema';
+
+    /**
+     * This is the primary entry point function for fulfilling GraphQL operations
+     * by parsing, validating, and executing a GraphQL document along side a
+     * GraphQL schema.
+     *
+     * More sophisticated GraphQL servers, such as those which persist queries,
+     * may wish to separate the validation and execution phases to a static time
+     * tooling step, and a server runtime step.
+     *
+     * schema:
+     *    The GraphQL type system to use when validating and executing a query.
+     * requestString:
+     *    A GraphQL language formatted string representing the requested operation.
+     * rootValue:
+     *    The value provided as the first argument to resolver functions on the top
+     *    level type (e.g. the query object type).
+     * variableValues:
+     *    A mapping of variable name to runtime value to use for all variables
+     *    defined in the requestString.
+     * operationName:
+     *    The name of the operation to use if requestString contains multiple
+     *    possible operations. Can be omitted if requestString contains only
+     *    one operation.
+     */
+    function graphql(
+        schema: GraphQLSchema,
+        requestString: string,
+        rootValue?: any,
+        contextValue?: any,
+        variableValues?: {
+            [key: string]: any
+        },
+        operationName?: string
+    ): Promise<GraphQLResult>;
+
+    /**
+     * The result of a GraphQL parse, validation and execution.
+     *
+     * `data` is the result of a successful execution of the query.
+     * `errors` is included when any errors occurred as a non-empty array.
+     */
+    type GraphQLResult = {
+        data?: Object;
+        errors?: Array<GraphQLError>;
+    }
+}
+
+///////////////////////////
+// graphql/type          //
+//   - ast               //
+//   - kinds             //
+//   - lexer             //
+//   - location          //
+//   - parser            //
+//   - printer           //
+//   - source            //
+//   - visitor           //
+///////////////////////////
+
+declare module "graphql/language" {
+    export * from "graphql/language/index";
+}
+
+declare module "graphql/language/index" {
+    export { getLocation } from 'graphql/language/location';
+    import * as Kind from 'graphql/language/kinds';
+    export { Kind };
+    export { createLexer, TokenKind } from 'graphql/language/lexer';
+    export { parse, parseValue, parseType } from 'graphql/language/parser';
+    export { print } from 'graphql/language/printer';
+    export { Source } from 'graphql/language/source';
+    export { visit, visitInParallel, visitWithTypeInfo, BREAK } from 'graphql/language/visitor';
+}
+
+declare module "graphql/language/ast" {
+    import { Source } from 'graphql/language/source';
+
+    /**
+     * Contains a range of UTF-8 character offsets and token references that
+     * identify the region of the source from which the AST derived.
+     */
+    type Location = {
+
+        /**
+         * The character offset at which this Node begins.
+         */
+        start: number;
+
+        /**
+         * The character offset at which this Node ends.
+         */
+        end: number;
+
+        /**
+         * The Token at which this Node begins.
+         */
+        startToken: Token;
+
+        /**
+         * The Token at which this Node ends.
+         */
+        endToken: Token;
+
+        /**
+         * The Source document the AST represents.
+         */
+        source: Source;
+    };
+
+    /**
+     * Represents a range of characters represented by a lexical token
+     * within a Source.
+     */
+    type Token = {
+
+        /**
+         * The kind of Token.
+         */
+        kind: '<SOF>'
+        | '<EOF>'
+        | '!'
+        | '$'
+        | '('
+        | ')'
+        | '...'
+        | ':'
+        | '='
+        | '@'
+        | '['
+        | ']'
+        | '{'
+        | '|'
+        | '}'
+        | 'Name'
+        | 'Int'
+        | 'Float'
+        | 'String'
+        | 'Comment';
+
+        /**
+         * The character offset at which this Node begins.
+         */
+        start: number;
+
+        /**
+         * The character offset at which this Node ends.
+         */
+        end: number;
+
+        /**
+         * The 1-indexed line number on which this Token appears.
+         */
+        line: number;
+
+        /**
+         * The 1-indexed column number at which this Token begins.
+         */
+        column: number;
+
+        /**
+         * For non-punctuation tokens, represents the interpreted value of the token.
+         */
+        value: string | void;
+
+        /**
+         * Tokens exist as nodes in a double-linked-list amongst all tokens
+         * including ignored tokens. <SOF> is always the first node and <EOF>
+         * the last.
+         */
+        prev?: Token;
+        next?: Token;
+    };
+
+    /**
+     * The list of all possible AST node types.
+     */
+    type Node = Name
+        | Document
+        | OperationDefinition
+        | VariableDefinition
+        | Variable
+        | SelectionSet
+        | Field
+        | Argument
+        | FragmentSpread
+        | InlineFragment
+        | FragmentDefinition
+        | IntValue
+        | FloatValue
+        | StringValue
+        | BooleanValue
+        | EnumValue
+        | ListValue
+        | ObjectValue
+        | ObjectField
+        | Directive
+        | NamedType
+        | ListType
+        | NonNullType
+        | SchemaDefinition
+        | OperationTypeDefinition
+        | ScalarTypeDefinition
+        | ObjectTypeDefinition
+        | FieldDefinition
+        | InputValueDefinition
+        | InterfaceTypeDefinition
+        | UnionTypeDefinition
+        | EnumTypeDefinition
+        | EnumValueDefinition
+        | InputObjectTypeDefinition
+        | TypeExtensionDefinition
+        | DirectiveDefinition
+
+    // Name
+
+    type Name = {
+        kind: 'Name';
+        loc?: Location;
+        value: string;
+    }
+
+    // Document
+
+    type Document = {
+        kind: 'Document';
+        loc?: Location;
+        definitions: Array<Definition>;
+    }
+
+    type Definition = OperationDefinition
+        | FragmentDefinition
+        | TypeSystemDefinition // experimental non-spec addition.
+
+    type OperationDefinition = {
+        kind: 'OperationDefinition';
+        loc?: Location;
+        operation: OperationType;
+        name?: Name;
+        variableDefinitions?: Array<VariableDefinition>;
+        directives?: Array<Directive>;
+        selectionSet: SelectionSet;
+    }
+
+    // Note: subscription is an experimental non-spec addition.
+    type OperationType = 'query' | 'mutation' | 'subscription';
+
+    type VariableDefinition = {
+        kind: 'VariableDefinition';
+        loc?: Location;
+        variable: Variable;
+        type: Type;
+        defaultValue?: Value;
+    }
+
+    type Variable = {
+        kind: 'Variable';
+        loc?: Location;
+        name: Name;
+    }
+
+    type SelectionSet = {
+        kind: 'SelectionSet';
+        loc?: Location;
+        selections: Array<Selection>;
+    }
+
+    type Selection = Field
+        | FragmentSpread
+        | InlineFragment
+
+    type Field = {
+        kind: 'Field';
+        loc?: Location;
+        alias?: Name;
+        name: Name;
+        arguments?: Array<Argument>;
+        directives?: Array<Directive>;
+        selectionSet?: SelectionSet;
+    }
+
+    type Argument = {
+        kind: 'Argument';
+        loc?: Location;
+        name: Name;
+        value: Value;
+    }
+
+
+    // Fragments
+
+    type FragmentSpread = {
+        kind: 'FragmentSpread';
+        loc?: Location;
+        name: Name;
+        directives?: Array<Directive>;
+    }
+
+    type InlineFragment = {
+        kind: 'InlineFragment';
+        loc?: Location;
+        typeCondition?: NamedType;
+        directives?: Array<Directive>;
+        selectionSet: SelectionSet;
+    }
+
+    type FragmentDefinition = {
+        kind: 'FragmentDefinition';
+        loc?: Location;
+        name: Name;
+        typeCondition: NamedType;
+        directives?: Array<Directive>;
+        selectionSet: SelectionSet;
+    }
+
+
+    // Values
+
+    type Value = Variable
+        | IntValue
+        | FloatValue
+        | StringValue
+        | BooleanValue
+        | EnumValue
+        | ListValue
+        | ObjectValue
+
+    type IntValue = {
+        kind: 'IntValue';
+        loc?: Location;
+        value: string;
+    }
+
+    type FloatValue = {
+        kind: 'FloatValue';
+        loc?: Location;
+        value: string;
+    }
+
+    type StringValue = {
+        kind: 'StringValue';
+        loc?: Location;
+        value: string;
+    }
+
+    type BooleanValue = {
+        kind: 'BooleanValue';
+        loc?: Location;
+        value: boolean;
+    }
+
+    type EnumValue = {
+        kind: 'EnumValue';
+        loc?: Location;
+        value: string;
+    }
+
+    type ListValue = {
+        kind: 'ListValue';
+        loc?: Location;
+        values: Array<Value>;
+    }
+
+    type ObjectValue = {
+        kind: 'ObjectValue';
+        loc?: Location;
+        fields: Array<ObjectField>;
+    }
+
+    type ObjectField = {
+        kind: 'ObjectField';
+        loc?: Location;
+        name: Name;
+        value: Value;
+    }
+
+
+    // Directives
+
+    type Directive = {
+        kind: 'Directive';
+        loc?: Location;
+        name: Name;
+        arguments?: Array<Argument>;
+    }
+
+
+    // Type Reference
+
+    type Type = NamedType
+        | ListType
+        | NonNullType
+
+    type NamedType = {
+        kind: 'NamedType';
+        loc?: Location;
+        name: Name;
+    };
+
+    type ListType = {
+        kind: 'ListType';
+        loc?: Location;
+        type: Type;
+    }
+
+    type NonNullType = {
+        kind: 'NonNullType';
+        loc?: Location;
+        type: NamedType | ListType;
+    }
+
+    // Type System Definition
+
+    type TypeSystemDefinition = SchemaDefinition
+        | TypeDefinition
+        | TypeExtensionDefinition
+        | DirectiveDefinition
+
+    type SchemaDefinition = {
+        kind: 'SchemaDefinition';
+        loc?: Location;
+        directives: Array<Directive>;
+        operationTypes: Array<OperationTypeDefinition>;
+    }
+
+    type OperationTypeDefinition = {
+        kind: 'OperationTypeDefinition';
+        loc?: Location;
+        operation: OperationType;
+        type: NamedType;
+    }
+
+    type TypeDefinition = ScalarTypeDefinition
+        | ObjectTypeDefinition
+        | InterfaceTypeDefinition
+        | UnionTypeDefinition
+        | EnumTypeDefinition
+        | InputObjectTypeDefinition
+
+    type ScalarTypeDefinition = {
+        kind: 'ScalarTypeDefinition';
+        loc?: Location;
+        name: Name;
+        directives?: Array<Directive>;
+    }
+
+    type ObjectTypeDefinition = {
+        kind: 'ObjectTypeDefinition';
+        loc?: Location;
+        name: Name;
+        interfaces?: Array<NamedType>;
+        directives?: Array<Directive>;
+        fields: Array<FieldDefinition>;
+    }
+
+    type FieldDefinition = {
+        kind: 'FieldDefinition';
+        loc?: Location;
+        name: Name;
+        arguments: Array<InputValueDefinition>;
+        type: Type;
+        directives?: Array<Directive>;
+    }
+
+    type InputValueDefinition = {
+        kind: 'InputValueDefinition';
+        loc?: Location;
+        name: Name;
+        type: Type;
+        defaultValue?: Value;
+        directives?: Array<Directive>;
+    }
+
+    type InterfaceTypeDefinition = {
+        kind: 'InterfaceTypeDefinition';
+        loc?: Location;
+        name: Name;
+        directives?: Array<Directive>;
+        fields: Array<FieldDefinition>;
+    }
+
+    type UnionTypeDefinition = {
+        kind: 'UnionTypeDefinition';
+        loc?: Location;
+        name: Name;
+        directives?: Array<Directive>;
+        types: Array<NamedType>;
+    }
+
+    type EnumTypeDefinition = {
+        kind: 'EnumTypeDefinition';
+        loc?: Location;
+        name: Name;
+        directives?: Array<Directive>;
+        values: Array<EnumValueDefinition>;
+    }
+
+    type EnumValueDefinition = {
+        kind: 'EnumValueDefinition';
+        loc?: Location;
+        name: Name;
+        directives?: Array<Directive>;
+    }
+
+    type InputObjectTypeDefinition = {
+        kind: 'InputObjectTypeDefinition';
+        loc?: Location;
+        name: Name;
+        directives?: Array<Directive>;
+        fields: Array<InputValueDefinition>;
+    }
+
+    type TypeExtensionDefinition = {
+        kind: 'TypeExtensionDefinition';
+        loc?: Location;
+        definition: ObjectTypeDefinition;
+    }
+
+    type DirectiveDefinition = {
+        kind: 'DirectiveDefinition';
+        loc?: Location;
+        name: Name;
+        arguments?: Array<InputValueDefinition>;
+        locations: Array<Name>;
+    }
+
+}
+
+declare module "graphql/language/kinds" {
+    // Name
+
+    const NAME: 'Name';
+
+    // Document
+
+    const DOCUMENT: 'Document';
+    const OPERATION_DEFINITION: 'OperationDefinition';
+    const VARIABLE_DEFINITION: 'VariableDefinition';
+    const VARIABLE: 'Variable';
+    const SELECTION_SET: 'SelectionSet';
+    const FIELD: 'Field';
+    const ARGUMENT: 'Argument';
+
+    // Fragments
+
+    const FRAGMENT_SPREAD: 'FragmentSpread';
+    const INLINE_FRAGMENT: 'InlineFragment';
+    const FRAGMENT_DEFINITION: 'FragmentDefinition';
+
+    // Values
+
+    const INT: 'IntValue';
+    const FLOAT: 'FloatValue';
+    const STRING: 'StringValue';
+    const BOOLEAN: 'BooleanValue';
+    const ENUM: 'EnumValue';
+    const LIST: 'ListValue';
+    const OBJECT: 'ObjectValue';
+    const OBJECT_FIELD: 'ObjectField';
+
+    // Directives
+
+    const DIRECTIVE: 'Directive';
+
+    // Types
+
+    const NAMED_TYPE: 'NamedType';
+    const LIST_TYPE: 'ListType';
+    const NON_NULL_TYPE: 'NonNullType';
+
+    // Type System Definitions
+
+    const SCHEMA_DEFINITION: 'SchemaDefinition';
+    const OPERATION_TYPE_DEFINITION: 'OperationTypeDefinition';
+
+    // Type Definitions
+
+    const SCALAR_TYPE_DEFINITION: 'ScalarTypeDefinition';
+    const OBJECT_TYPE_DEFINITION: 'ObjectTypeDefinition';
+    const FIELD_DEFINITION: 'FieldDefinition';
+    const INPUT_VALUE_DEFINITION: 'InputValueDefinition';
+    const INTERFACE_TYPE_DEFINITION: 'InterfaceTypeDefinition';
+    const UNION_TYPE_DEFINITION: 'UnionTypeDefinition';
+    const ENUM_TYPE_DEFINITION: 'EnumTypeDefinition';
+    const ENUM_VALUE_DEFINITION: 'EnumValueDefinition';
+    const INPUT_OBJECT_TYPE_DEFINITION: 'InputObjectTypeDefinition';
+
+    // Type Extensions
+
+    const TYPE_EXTENSION_DEFINITION: 'TypeExtensionDefinition';
+
+    // Directive Definitions
+
+    const DIRECTIVE_DEFINITION: 'DirectiveDefinition';
+}
+
+declare module "graphql/language/lexer" {
+    import { Token } from 'graphql/language/ast';
+    import { Source } from 'graphql/language/source';
+    import { syntaxError } from 'graphql/error';
+
+    /**
+     * Given a Source object, this returns a Lexer for that source.
+     * A Lexer is a stateful stream generator in that every time
+     * it is advanced, it returns the next token in the Source. Assuming the
+     * source lexes, the final Token emitted by the lexer will be of kind
+     * EOF, after which the lexer will repeatedly return the same EOF token
+     * whenever called.
+     */
+    function createLexer<TOptions>(
+        source: Source,
+        options: TOptions
+    ): Lexer<TOptions>;
+
+    /**
+     * The return type of createLexer.
+     */
+    type Lexer<TOptions> = {
+        source: Source;
+        options: TOptions;
+
+        /**
+         * The previously focused non-ignored token.
+         */
+        lastToken: Token;
+
+        /**
+         * The currently focused non-ignored token.
+         */
+        token: Token;
+
+        /**
+         * The (1-indexed) line containing the current token.
+         */
+        line: number;
+
+        /**
+         * The character offset at which the current line begins.
+         */
+        lineStart: number;
+
+        /**
+         * Advances the token stream to the next non-ignored token.
+         */
+        advance(): Token;
+    };
+
+    /**
+     * An exported enum describing the different kinds of tokens that the
+     * lexer emits.
+     */
+    const TokenKind: {
+        SOF: '<SOF>'
+        EOF: '<EOF>'
+        BANG: '!'
+        DOLLAR: '$'
+        PAREN_L: '('
+        PAREN_R: ')'
+        SPREAD: '...'
+        COLON: ':'
+        EQUALS: '='
+        AT: '@'
+        BRACKET_L: '['
+        BRACKET_R: ']'
+        BRACE_L: '{'
+        PIPE: '|'
+        BRACE_R: '}'
+        NAME: 'Name'
+        INT: 'Int'
+        FLOAT: 'Float'
+        STRING: 'String'
+        COMMENT: 'Comment'
+    };
+
+    /**
+     * A helper function to describe a token as a string for debugging
+     */
+    function getTokenDesc(token: Token): string;
+}
+
+declare module "graphql/language/location" {
+    import { Source } from "graphql/language/source";
+
+    interface SourceLocation {
+        line: number;
+        column: number;
+    }
+
+    function getLocation(source: Source, position: number): SourceLocation;
+}
+
+declare module "graphql/language/parser" {
+    import { NamedType, Type, Value, Document } from "graphql/language/ast";
+    import { Source } from "graphql/language/source";
+    import { Lexer } from "graphql/language/lexer";
+
+    /**
+     * Configuration options to control parser behavior
+     */
+    type ParseOptions = {
+        /**
+         * By default, the parser creates AST nodes that know the location
+         * in the source that they correspond to. This configuration flag
+         * disables that behavior for performance or testing.
+         */
+        noLocation?: boolean
+    };
+
+    /**
+     * Given a GraphQL source, parses it into a Document.
+     * Throws GraphQLError if a syntax error is encountered.
+     */
+    function parse(
+        source: string | Source,
+        options?: ParseOptions
+    ): Document;
+
+    /**
+     * Given a string containing a GraphQL value, parse the AST for that value.
+     * Throws GraphQLError if a syntax error is encountered.
+     *
+     * This is useful within tools that operate upon GraphQL Values directly and
+     * in isolation of complete GraphQL documents.
+     */
+    function parseValue(
+        source: Source | string,
+        options?: ParseOptions
+    ): Value;
+
+    function parseConstValue<TOptions>(lexer: Lexer<TOptions>): Value;
+
+    /**
+     * Type :
+     *   - NamedType
+     *   - ListType
+     *   - NonNullType
+     */
+    function parseType<TOptions>(lexer: Lexer<TOptions>): Type;
+
+    /**
+     * NamedType : Name
+     */
+    function parseNamedType<TOptions>(lexer: Lexer<TOptions>): NamedType;
+}
+
+declare module "graphql/language/printer" {
+    /**
+     * Converts an AST into a string, using one set of reasonable
+     * formatting rules.
+     */
+    function print(ast: any): string;
+}
+
+declare module "graphql/language/source" {
+    class Source {
+        body: string;
+        name: string;
+        constructor(body: string, name?: string);
+    }
+}
+
+declare module "graphql/language/visitor" {
+    const QueryDocumentKeys: {
+        Name: any[];
+        Document: string[];
+        OperationDefinition: string[];
+        VariableDefinition: string[];
+        Variable: string[];
+        SelectionSet: string[];
+        Field: string[];
+        Argument: string[];
+
+        FragmentSpread: string[];
+        InlineFragment: string[];
+        FragmentDefinition: string[];
+
+        IntValue: number[];
+        FloatValue: number[];
+        StringValue: string[];
+        BooleanValue: boolean[];
+        EnumValue: any[];
+        ListValue: string[];
+        ObjectValue: string[];
+        ObjectField: string[];
+
+        Directive: string[];
+
+        NamedType: string[];
+        ListType: string[];
+        NonNullType: string[];
+
+        ObjectTypeDefinition: string[];
+        FieldDefinition: string[];
+        InputValueDefinition: string[];
+        InterfaceTypeDefinition: string[];
+        UnionTypeDefinition: string[];
+        ScalarTypeDefinition: string[];
+        EnumTypeDefinition: string[];
+        EnumValueDefinition: string[];
+        InputObjectTypeDefinition: string[];
+        TypeExtensionDefinition: string[];
+    }
+
+    const BREAK: any;
+
+    function visit(root: any, visitor: any, keyMap: any): any;
+
+    function visitInParallel(visitors: any): any;
+
+    function visitWithTypeInfo(typeInfo: any, visitor: any): any;
+}
+
+///////////////////////////
+// graphql/type          //
+///////////////////////////
+declare module "graphql/type" {
+    export * from "graphql/type/index";
+}
+
+declare module "graphql/type/index" {
+    // GraphQL Schema definition
+    export { GraphQLSchema } from 'graphql/type/schema';
+
+    export {
+        // Predicates
+        isType,
+        isInputType,
+        isOutputType,
+        isLeafType,
+        isCompositeType,
+        isAbstractType,
+
+        // Un-modifiers
+        getNullableType,
+        getNamedType,
+
+        // Definitions
+        GraphQLScalarType,
+        GraphQLObjectType,
+        GraphQLInterfaceType,
+        GraphQLUnionType,
+        GraphQLEnumType,
+        GraphQLInputObjectType,
+        GraphQLList,
+        GraphQLNonNull,
+    } from 'graphql/type/definition';
+
+    export {
+        // "Enum" of Directive Locations
+        DirectiveLocation,
+
+        // Directives Definition
+        GraphQLDirective,
+
+        // Built-in Directives defined by the Spec
+        specifiedDirectives,
+        GraphQLIncludeDirective,
+        GraphQLSkipDirective,
+        GraphQLDeprecatedDirective,
+
+        // Constant Deprecation Reason
+        DEFAULT_DEPRECATION_REASON,
+    } from 'graphql/type/directives';
+
+    // Common built-in scalar instances.
+    export {
+        GraphQLInt,
+        GraphQLFloat,
+        GraphQLString,
+        GraphQLBoolean,
+        GraphQLID,
+    } from 'graphql/type/scalars';
+
+    export {
+        // "Enum" of Type Kinds
+        TypeKind,
+
+        // GraphQL Types for introspection.
+        __Schema,
+        __Directive,
+        __DirectiveLocation,
+        __Type,
+        __Field,
+        __InputValue,
+        __EnumValue,
+        __TypeKind,
+
+        // Meta-field definitions.
+        SchemaMetaFieldDef,
+        TypeMetaFieldDef,
+        TypeNameMetaFieldDef,
+    } from 'graphql/type/introspection';
+
+}
+
+declare module "graphql/type/definition" {
+    import {
+        OperationDefinition,
+        Field,
+        FragmentDefinition,
+        Value,
+    } from 'graphql/language/ast';
+    import { GraphQLSchema } from 'graphql/type/schema';
+
+    /**
+     * These are all of the possible kinds of types.
+     */
+    type GraphQLType =
+        GraphQLScalarType |
+        GraphQLObjectType |
+        GraphQLInterfaceType |
+        GraphQLUnionType |
+        GraphQLEnumType |
+        GraphQLInputObjectType |
+        GraphQLList<any> |
+        GraphQLNonNull<any>;
+
+    function isType(type: any): boolean;
+
+    /**
+     * These types may be used as input types for arguments and directives.
+     */
+    type GraphQLInputType =
+        GraphQLScalarType |
+        GraphQLEnumType |
+        GraphQLInputObjectType |
+        GraphQLList<any> |
+        GraphQLNonNull<
+        GraphQLScalarType |
+        GraphQLEnumType |
+        GraphQLInputObjectType |
+        GraphQLList<any>
+        >;
+
+    function isInputType(type: GraphQLType): boolean;
+
+    /**
+     * These types may be used as output types as the result of fields.
+     */
+    type GraphQLOutputType =
+        GraphQLScalarType |
+        GraphQLObjectType |
+        GraphQLInterfaceType |
+        GraphQLUnionType |
+        GraphQLEnumType |
+        GraphQLList<any> |
+        GraphQLNonNull<
+        GraphQLScalarType |
+        GraphQLObjectType |
+        GraphQLInterfaceType |
+        GraphQLUnionType |
+        GraphQLEnumType |
+        GraphQLList<any>
+        >;
+
+    function isOutputType(type: GraphQLType): boolean;
+
+    /**
+     * These types may describe types which may be leaf values.
+     */
+    type GraphQLLeafType =
+        GraphQLScalarType |
+        GraphQLEnumType;
+
+    function isLeafType(type: GraphQLType): boolean;
+
+    /**
+     * These types may describe the parent context of a selection set.
+     */
+    type GraphQLCompositeType =
+        GraphQLObjectType |
+        GraphQLInterfaceType |
+        GraphQLUnionType;
+
+    function isCompositeType(type: GraphQLType): boolean;
+
+    /**
+     * These types may describe the parent context of a selection set.
+     */
+    type GraphQLAbstractType =
+        GraphQLInterfaceType |
+        GraphQLUnionType;
+
+    function isAbstractType(type: GraphQLType): boolean;
+
+    /**
+     * These types can all accept null as a value.
+     */
+    type GraphQLNullableType =
+        GraphQLScalarType |
+        GraphQLObjectType |
+        GraphQLInterfaceType |
+        GraphQLUnionType |
+        GraphQLEnumType |
+        GraphQLInputObjectType |
+        GraphQLList<any>;
+
+    function getNullableType<T extends GraphQLType>(
+        type: T
+    ): (T & GraphQLNullableType);
+
+    /**
+     * These named types do not include modifiers like List or NonNull.
+     */
+    type GraphQLNamedType =
+        GraphQLScalarType |
+        GraphQLObjectType |
+        GraphQLInterfaceType |
+        GraphQLUnionType |
+        GraphQLEnumType |
+        GraphQLInputObjectType;
+
+    function getNamedType(type: GraphQLType): GraphQLNamedType
+
+    /**
+     * Used while defining GraphQL types to allow for circular references in
+     * otherwise immutable type definitions.
+     */
+    type Thunk<T> = (() => T) | T;
+
+    /**
+     * Scalar Type Definition
+     *
+     * The leaf values of any request and input values to arguments are
+     * Scalars (or Enums) and are defined with a name and a series of functions
+     * used to parse input from ast or variables and to ensure validity.
+     *
+     * Example:
+     *
+     *     const OddType = new GraphQLScalarType({
+     *       name: 'Odd',
+     *       serialize(value) {
+     *         return value % 2 === 1 ? value : null;
+     *       }
+     *     });
+     *
+     */
+    class GraphQLScalarType {
+        name: string;
+        description: string;
+        constructor(config: GraphQLScalarTypeConfig<any, any>);
+
+        // Serializes an internal value to include in a response.
+        serialize(value: any): any;
+
+        // Parses an externally provided value to use as an input.
+        parseValue(value: any): any;
+
+        // Parses an externally provided literal value to use as an input.
+        parseLiteral(valueAST: Value): any;
+
+        toString(): string;
+    }
+
+    interface GraphQLScalarTypeConfig<TInternal, TExternal> {
+        name: string;
+        description?: string;
+        serialize: (value: any) => TInternal;
+        parseValue?: (value: any) => TExternal;
+        parseLiteral?: (valueAST: Value) => TInternal;
+    }
+
+    /**
+     * Object Type Definition
+     *
+     * Almost all of the GraphQL types you define will be object types. Object types
+     * have a name, but most importantly describe their fields.
+     *
+     * Example:
+     *
+     *     const AddressType = new GraphQLObjectType({
+     *       name: 'Address',
+     *       fields: {
+     *         street: { type: GraphQLString },
+     *         number: { type: GraphQLInt },
+     *         formatted: {
+     *           type: GraphQLString,
+     *           resolve(obj) {
+     *             return obj.number + ' ' + obj.street
+     *           }
+     *         }
+     *       }
+     *     });
+     *
+     * When two types need to refer to each other, or a type needs to refer to
+     * itself in a field, you can use a function expression (aka a closure or a
+     * thunk) to supply the fields lazily.
+     *
+     * Example:
+     *
+     *     const PersonType = new GraphQLObjectType({
+     *       name: 'Person',
+     *       fields: () => ({
+     *         name: { type: GraphQLString },
+     *         bestFriend: { type: PersonType },
+     *       })
+     *     });
+     *
+     */
+    class GraphQLObjectType {
+        name: string;
+        description: string;
+        isTypeOf: GraphQLIsTypeOfFn;
+
+        constructor(config: GraphQLObjectTypeConfig<any>);
+        getFields(): GraphQLFieldDefinitionMap;
+        getInterfaces(): Array<GraphQLInterfaceType>;
+        toString(): string;
+    }
+
+    //
+
+    interface GraphQLObjectTypeConfig<TSource> {
+        name: string;
+        interfaces?: Thunk<Array<GraphQLInterfaceType>>;
+        fields: Thunk<GraphQLFieldConfigMap<TSource>>;
+        isTypeOf?: GraphQLIsTypeOfFn;
+        description?: string
+    }
+
+    type GraphQLTypeResolveFn = (
+        value: any,
+        context: any,
+        info: GraphQLResolveInfo
+    ) => GraphQLObjectType;
+
+    type GraphQLIsTypeOfFn = (
+        source: any,
+        context: any,
+        info: GraphQLResolveInfo
+    ) => boolean;
+
+    type GraphQLFieldResolveFn<TSource> = (
+        source: TSource,
+        args: { [argName: string]: any },
+        context: any,
+        info: GraphQLResolveInfo
+    ) => any;
+
+    interface GraphQLResolveInfo {
+        fieldName: string;
+        fieldASTs: Array<Field>;
+        returnType: GraphQLOutputType;
+        parentType: GraphQLCompositeType;
+        path: Array<string | number>;
+        schema: GraphQLSchema;
+        fragments: { [fragmentName: string]: FragmentDefinition };
+        rootValue: any;
+        operation: OperationDefinition;
+        variableValues: { [variableName: string]: any };
+    }
+
+    interface GraphQLFieldConfig<TSource> {
+        type: GraphQLOutputType;
+        args?: GraphQLFieldConfigArgumentMap;
+        resolve?: GraphQLFieldResolveFn<TSource>;
+        deprecationReason?: string;
+        description?: string;
+    }
+
+    interface GraphQLFieldConfigArgumentMap {
+        [argName: string]: GraphQLArgumentConfig;
+    }
+
+    interface GraphQLArgumentConfig {
+        type: GraphQLInputType;
+        defaultValue?: any;
+        description?: string;
+    }
+
+    interface GraphQLFieldConfigMap<TSource> {
+        [fieldName: string]: GraphQLFieldConfig<TSource>;
+    }
+
+    interface GraphQLFieldDefinition {
+        name: string;
+        description: string;
+        type: GraphQLOutputType;
+        args: Array<GraphQLArgument>;
+        resolve: GraphQLFieldResolveFn<any>;
+        isDeprecated: boolean;
+        deprecationReason: string;
+    }
+
+    interface GraphQLArgument {
+        name: string;
+        type: GraphQLInputType;
+        defaultValue?: any;
+        description?: string;
+    }
+
+    interface GraphQLFieldDefinitionMap {
+        [fieldName: string]: GraphQLFieldDefinition;
+    }
+
+    /**
+     * Interface Type Definition
+     *
+     * When a field can return one of a heterogeneous set of types, a Interface type
+     * is used to describe what types are possible, what fields are in common across
+     * all types, as well as a function to determine which type is actually used
+     * when the field is resolved.
+     *
+     * Example:
+     *
+     *     const EntityType = new GraphQLInterfaceType({
+     *       name: 'Entity',
+     *       fields: {
+     *         name: { type: GraphQLString }
+     *       }
+     *     });
+     *
+     */
+    class GraphQLInterfaceType {
+        name: string;
+        description: string;
+        resolveType: GraphQLTypeResolveFn;
+
+        constructor(config: GraphQLInterfaceTypeConfig);
+
+        getFields(): GraphQLFieldDefinitionMap;
+
+        toString(): string;
+    }
+
+    interface GraphQLInterfaceTypeConfig {
+        name: string,
+        fields: Thunk<GraphQLFieldConfigMap<any>>,
+        /**
+         * Optionally provide a custom type resolver function. If one is not provided,
+         * the default implementation will call `isTypeOf` on each implementing
+         * Object type.
+         */
+        resolveType?: GraphQLTypeResolveFn,
+        description?: string
+    }
+
+    /**
+     * Union Type Definition
+     *
+     * When a field can return one of a heterogeneous set of types, a Union type
+     * is used to describe what types are possible as well as providing a function
+     * to determine which type is actually used when the field is resolved.
+     *
+     * Example:
+     *
+     *     const PetType = new GraphQLUnionType({
+     *       name: 'Pet',
+     *       types: [ DogType, CatType ],
+     *       resolveType(value) {
+     *         if (value instanceof Dog) {
+     *           return DogType;
+     *         }
+     *         if (value instanceof Cat) {
+     *           return CatType;
+     *         }
+     *       }
+     *     });
+     *
+     */
+    class GraphQLUnionType {
+        name: string;
+        description: string;
+        resolveType: GraphQLTypeResolveFn;
+
+        constructor(config: GraphQLUnionTypeConfig);
+
+        getTypes(): Array<GraphQLObjectType>;
+
+        toString(): string;
+    }
+
+    interface GraphQLUnionTypeConfig {
+        name: string,
+        types: Thunk<Array<GraphQLObjectType>>,
+        /**
+         * Optionally provide a custom type resolver function. If one is not provided,
+         * the default implementation will call `isTypeOf` on each implementing
+         * Object type.
+         */
+        resolveType?: GraphQLTypeResolveFn;
+        description?: string;
+    }
+
+    /**
+     * Enum Type Definition
+     *
+     * Some leaf values of requests and input values are Enums. GraphQL serializes
+     * Enum values as strings, however internally Enums can be represented by any
+     * kind of type, often integers.
+     *
+     * Example:
+     *
+     *     const RGBType = new GraphQLEnumType({
+     *       name: 'RGB',
+     *       values: {
+     *         RED: { value: 0 },
+     *         GREEN: { value: 1 },
+     *         BLUE: { value: 2 }
+     *       }
+     *     });
+     *
+     * Note: If a value is not provided in a definition, the name of the enum value
+     * will be used as its internal value.
+     */
+    class GraphQLEnumType {
+        name: string;
+        description: string;
+
+        constructor(config: GraphQLEnumTypeConfig);
+        getValues(): Array<GraphQLEnumValueDefinition>;
+        serialize(value: any): string;
+        parseValue(value: any): any;
+        parseLiteral(valueAST: Value): any;
+        toString(): string;
+    }
+
+    interface GraphQLEnumTypeConfig {
+        name: string;
+        values: GraphQLEnumValueConfigMap;
+        description?: string;
+    }
+
+    interface GraphQLEnumValueConfigMap {
+        [valueName: string]: GraphQLEnumValueConfig;
+    }
+
+    interface GraphQLEnumValueConfig {
+        value?: any;
+        deprecationReason?: string;
+        description?: string;
+    }
+
+    interface GraphQLEnumValueDefinition {
+        name: string;
+        description: string;
+        deprecationReason: string;
+        value: any;
+    }
+
+    /**
+     * Input Object Type Definition
+     *
+     * An input object defines a structured collection of fields which may be
+     * supplied to a field argument.
+     *
+     * Using `NonNull` will ensure that a value must be provided by the query
+     *
+     * Example:
+     *
+     *     const GeoPoint = new GraphQLInputObjectType({
+     *       name: 'GeoPoint',
+     *       fields: {
+     *         lat: { type: new GraphQLNonNull(GraphQLFloat) },
+     *         lon: { type: new GraphQLNonNull(GraphQLFloat) },
+     *         alt: { type: GraphQLFloat, defaultValue: 0 },
+     *       }
+     *     });
+     *
+     */
+    class GraphQLInputObjectType {
+        name: string;
+        description: string;
+        constructor(config: InputObjectConfig);
+        getFields(): InputObjectFieldMap;
+        toString(): string;
+    }
+
+    interface InputObjectConfig {
+        name: string;
+        fields: Thunk<InputObjectConfigFieldMap>;
+        description?: string;
+    }
+
+    interface InputObjectFieldConfig {
+        type: GraphQLInputType;
+        defaultValue?: any;
+        description?: string;
+    }
+
+    interface InputObjectConfigFieldMap {
+        [fieldName: string]: InputObjectFieldConfig;
+    }
+
+    interface InputObjectField {
+        name: string;
+        type: GraphQLInputType;
+        defaultValue?: any;
+        description?: string;
+    }
+
+    interface InputObjectFieldMap {
+        [fieldName: string]: InputObjectField;
+    }
+
+    /**
+     * List Modifier
+     *
+     * A list is a kind of type marker, a wrapping type which points to another
+     * type. Lists are often created within the context of defining the fields of
+     * an object type.
+     *
+     * Example:
+     *
+     *     const PersonType = new GraphQLObjectType({
+     *       name: 'Person',
+     *       fields: () => ({
+     *         parents: { type: new GraphQLList(Person) },
+     *         children: { type: new GraphQLList(Person) },
+     *       })
+     *     })
+     *
+     */
+    class GraphQLList<T extends GraphQLType> {
+        ofType: T;
+        constructor(type: T);
+        toString(): string;
+    }
+
+    /**
+     * Non-Null Modifier
+     *
+     * A non-null is a kind of type marker, a wrapping type which points to another
+     * type. Non-null types enforce that their values are never null and can ensure
+     * an error is raised if this ever occurs during a request. It is useful for
+     * fields which you can make a strong guarantee on non-nullability, for example
+     * usually the id field of a database row will never be null.
+     *
+     * Example:
+     *
+     *     const RowType = new GraphQLObjectType({
+     *       name: 'Row',
+     *       fields: () => ({
+     *         id: { type: new GraphQLNonNull(GraphQLString) },
+     *       })
+     *     })
+     *
+     * Note: the enforcement of non-nullability occurs within the executor.
+     */
+    class GraphQLNonNull<T extends GraphQLNullableType> {
+        ofType: T;
+
+        constructor(type: T);
+
+        toString(): string;
+    }
+}
+
+declare module "graphql/type/directives" {
+    import {
+        GraphQLFieldConfigArgumentMap,
+        GraphQLArgument
+    } from 'graphql/type/definition';
+
+    const DirectiveLocation: {
+        // Operations
+        QUERY: 'QUERY',
+        MUTATION: 'MUTATION',
+        SUBSCRIPTION: 'SUBSCRIPTION',
+        FIELD: 'FIELD',
+        FRAGMENT_DEFINITION: 'FRAGMENT_DEFINITION',
+        FRAGMENT_SPREAD: 'FRAGMENT_SPREAD',
+        INLINE_FRAGMENT: 'INLINE_FRAGMENT',
+        // Schema Definitions
+        SCHEMA: 'SCHEMA',
+        SCALAR: 'SCALAR',
+        OBJECT: 'OBJECT',
+        FIELD_DEFINITION: 'FIELD_DEFINITION',
+        ARGUMENT_DEFINITION: 'ARGUMENT_DEFINITION',
+        INTERFACE: 'INTERFACE',
+        UNION: 'UNION',
+        ENUM: 'ENUM',
+        ENUM_VALUE: 'ENUM_VALUE',
+        INPUT_OBJECT: 'INPUT_OBJECT',
+        INPUT_FIELD_DEFINITION: 'INPUT_FIELD_DEFINITION',
+    };
+
+    type DirectiveLocationEnum = any //$Keys<typeof DirectiveLocation>
+
+    /**
+     * Directives are used by the GraphQL runtime as a way of modifying execution
+     * behavior. Type system creators will usually not create these directly.
+     */
+    class GraphQLDirective {
+        name: string;
+        description: string;
+        locations: Array<DirectiveLocationEnum>;
+        args: Array<GraphQLArgument>;
+
+        constructor(config: GraphQLDirectiveConfig);
+    }
+
+    interface GraphQLDirectiveConfig {
+        name: string;
+        description?: string;
+        locations: Array<DirectiveLocationEnum>;
+        args?: GraphQLFieldConfigArgumentMap;
+    }
+
+    /**
+     * Used to conditionally include fields or fragments.
+     */
+    const GraphQLIncludeDirective: GraphQLDirective;
+
+    /**
+     * Used to conditionally skip (exclude) fields or fragments.
+     */
+    const GraphQLSkipDirective: GraphQLDirective;
+
+    /**
+     * Constant string used for default reason for a deprecation.
+     */
+    const DEFAULT_DEPRECATION_REASON: 'No longer supported';
+
+    /**
+     * Used to declare element of a GraphQL schema as deprecated.
+     */
+    const GraphQLDeprecatedDirective: GraphQLDirective;
+
+    /**
+     * The full list of specified directives.
+     */
+    export const specifiedDirectives: Array<GraphQLDirective>;
+}
+
+declare module "graphql/type/introspection" {
+    import {
+        GraphQLScalarType,
+        GraphQLObjectType,
+        GraphQLInterfaceType,
+        GraphQLUnionType,
+        GraphQLEnumType,
+        GraphQLInputObjectType,
+        GraphQLList,
+        GraphQLNonNull,
+    } from 'graphql/type/definition';
+    import { GraphQLFieldDefinition } from 'graphql/type/definition';
+
+    const __Schema: GraphQLObjectType;
+    const __Directive: GraphQLObjectType;
+    const __DirectiveLocation: GraphQLEnumType;
+    const __Type: GraphQLObjectType;
+    const __Field: GraphQLObjectType;
+    const __InputValue: GraphQLObjectType;
+    const __EnumValue: GraphQLObjectType;
+
+    const TypeKind: {
+        SCALAR: 'SCALAR',
+        OBJECT: 'OBJECT',
+        INTERFACE: 'INTERFACE',
+        UNION: 'UNION',
+        ENUM: 'ENUM',
+        INPUT_OBJECT: 'INPUT_OBJECT',
+        LIST: 'LIST',
+        NON_NULL: 'NON_NULL',
+    }
+
+    const __TypeKind: GraphQLEnumType;
+
+    /**
+     * Note that these are GraphQLFieldDefinition and not GraphQLFieldConfig,
+     * so the format for args is different.
+     */
+    const SchemaMetaFieldDef: GraphQLFieldDefinition;
+    const TypeMetaFieldDef: GraphQLFieldDefinition;
+    const TypeNameMetaFieldDef: GraphQLFieldDefinition;
+}
+
+declare module "graphql/type/scalars" {
+    import { GraphQLScalarType } from 'graphql/type/definition';
+
+    const GraphQLInt: GraphQLScalarType;
+    const GraphQLFloat: GraphQLScalarType;
+    const GraphQLString: GraphQLScalarType;
+    const GraphQLBoolean: GraphQLScalarType;
+    const GraphQLID: GraphQLScalarType;
+}
+
+declare module "graphql/type/schema" {
+    import {
+        GraphQLObjectType,
+    } from 'graphql/type/definition';
+    import {
+        GraphQLType,
+        GraphQLNamedType,
+        GraphQLAbstractType
+    } from 'graphql/type/definition';
+    import {
+        GraphQLDirective,
+    } from 'graphql/type/directives';
+
+    /**
+     * Schema Definition
+     *
+     * A Schema is created by supplying the root types of each type of operation,
+     * query and mutation (optional). A schema definition is then supplied to the
+     * validator and executor.
+     *
+     * Example:
+     *
+     *     const MyAppSchema = new GraphQLSchema({
+     *       query: MyAppQueryRootType,
+     *       mutation: MyAppMutationRootType,
+     *     })
+     *
+     * Note: If an array of `directives` are provided to GraphQLSchema, that will be
+     * the exact list of directives represented and allowed. If `directives` is not
+     * provided then a default set of the specified directives (e.g. @include and
+     * @skip) will be used. If you wish to provide *additional* directives to these
+     * specified directives, you must explicitly declare them. Example:
+     *
+     *     const MyAppSchema = new GraphQLSchema({
+     *       ...
+     *       directives: specifiedDirectives.concat([ myCustomDirective ]),
+     *     })
+     *
+     */
+    class GraphQLSchema {
+        // private _queryType: GraphQLObjectType;
+        // private _mutationType: GraphQLObjectType;
+        // private _subscriptionType: GraphQLObjectType;
+        // private _directives: Array<GraphQLDirective>;
+        // private _typeMap: TypeMap;
+        // private _implementations: { [interfaceName: string]: Array<GraphQLObjectType> };
+        // private _possibleTypeMap: { [abstractName: string]: { [possibleName: string]: boolean } };
+
+        constructor(config: GraphQLSchemaConfig)
+
+        getQueryType(): GraphQLObjectType;
+        getMutationType(): GraphQLObjectType;
+        getSubscriptionType(): GraphQLObjectType;
+        getTypeMap(): GraphQLNamedType;
+        getType(name: string): GraphQLType;
+        getPossibleTypes(abstractType: GraphQLAbstractType): Array<GraphQLObjectType>;
+
+        isPossibleType(
+            abstractType: GraphQLAbstractType,
+            possibleType: GraphQLObjectType
+        ): boolean;
+
+        getDirectives(): Array<GraphQLDirective>;
+        getDirective(name: string): GraphQLDirective;
+    }
+
+    interface GraphQLSchemaConfig {
+        query: GraphQLObjectType;
+        mutation?: GraphQLObjectType;
+        subscription?: GraphQLObjectType;
+        types?: Array<GraphQLNamedType>;
+        directives?: Array<GraphQLDirective>;
+    }
+}
+
+///////////////////////////
+// graphql/validation    //
+///////////////////////////
+declare module "graphql/validation" {
+    export * from "graphql/validation/index";
+}
+
+declare module "graphql/validation/index" {
+    export { validate } from 'graphql/validation/validate';
+    export { specifiedRules } from 'graphql/validation/specifiedRules';
+}
+
+declare module "graphql/validation/specifiedRules" {
+    import { ValidationContext } from 'graphql/validation/validate'; // It needs to check.
+
+    /**
+     * This set includes all validation rules defined by the GraphQL spec.
+     */
+    const specifiedRules: Array<(context: ValidationContext) => any>;
+
+}
+
+declare module "graphql/validation/validate" {
+    import { GraphQLError } from 'graphql/error';
+    import {
+        Document,
+        OperationDefinition,
+        Variable,
+        SelectionSet,
+        FragmentSpread,
+        FragmentDefinition,
+    } from 'graphql/language/ast';
+    import { GraphQLSchema } from 'graphql/type/schema';
+    import {
+        GraphQLInputType,
+        GraphQLOutputType,
+        GraphQLCompositeType,
+        GraphQLFieldDefinition,
+        GraphQLArgument
+    } from 'graphql/type/definition';
+    import { GraphQLDirective } from 'graphql/type/directives';
+    import { TypeInfo } from 'graphql/utilities/TypeInfo';
+    import { specifiedRules } from 'graphql/validation/specifiedRules';
+
+    //type ValidationRule = (context: ValidationContext) => any;
+
+    /**
+     * Implements the "Validation" section of the spec.
+     *
+     * Validation runs synchronously, returning an array of encountered errors, or
+     * an empty array if no errors were encountered and the document is valid.
+     *
+     * A list of specific validation rules may be provided. If not provided, the
+     * default list of rules defined by the GraphQL specification will be used.
+     *
+     * Each validation rules is a function which returns a visitor
+     * (see the language/visitor API). Visitor methods are expected to return
+     * GraphQLErrors, or Arrays of GraphQLErrors when invalid.
+     */
+    function validate(
+        schema: GraphQLSchema,
+        ast: Document,
+        rules?: Array<any>
+    ): Array<GraphQLError>;
+
+    /**
+     * This uses a specialized visitor which runs multiple visitors in parallel,
+     * while maintaining the visitor skip and break API.
+     *
+     * @internal
+     */
+    function visitUsingRules(
+        schema: GraphQLSchema,
+        typeInfo: TypeInfo,
+        documentAST: Document,
+        rules: Array<any>
+    ): Array<GraphQLError>;
+
+    type HasSelectionSet = OperationDefinition | FragmentDefinition;
+    interface VariableUsage {
+        node: Variable,
+        type: GraphQLInputType
+    }
+
+    /**
+     * An instance of this class is passed as the "this" context to all validators,
+     * allowing access to commonly useful contextual information from within a
+     * validation rule.
+     */
+    export class ValidationContext {
+        constructor(schema: GraphQLSchema, ast: Document, typeInfo: TypeInfo);
+        reportError(error: GraphQLError): void;
+
+        getErrors(): Array<GraphQLError>;
+
+        getSchema(): GraphQLSchema;
+
+        getDocument(): Document;
+
+        getFragment(name: string): FragmentDefinition;
+
+        getFragmentSpreads(node: SelectionSet): Array<FragmentSpread>;
+
+        getRecursivelyReferencedFragments(
+            operation: OperationDefinition
+        ): Array<FragmentDefinition>;
+
+        getVariableUsages(node: HasSelectionSet): Array<VariableUsage>;
+
+        getRecursiveVariableUsages(
+            operation: OperationDefinition
+        ): Array<VariableUsage>;
+
+        getType(): GraphQLOutputType;
+
+        getParentType(): GraphQLCompositeType;
+
+        getInputType(): GraphQLInputType;
+
+        getFieldDef(): GraphQLFieldDefinition;
+
+        getDirective(): GraphQLDirective;
+
+        getArgument(): GraphQLArgument;
+    }
+
+}
+
+
+///////////////////////////
+// graphql/execution     //
+///////////////////////////
+declare module "graphql/execution" {
+    export * from "graphql/execution/index";
+}
+
+declare module "graphql/execution/index" {
+    export { execute } from 'graphql/execution/execute';
+}
+
+declare module "graphql/execution/execute" {
+    import { GraphQLError, locatedError } from 'graphql/error';
+    import { GraphQLSchema } from 'graphql/type/schema';
+    import {
+        Directive,
+        Document,
+        OperationDefinition,
+        SelectionSet,
+        Field,
+        InlineFragment,
+        FragmentDefinition
+    } from 'graphql/language/ast';
+    /**
+     * Data that must be available at all points during query execution.
+     *
+     * Namely, schema of the type system that is currently executing,
+     * and the fragments defined in the query document
+     */
+    interface ExecutionContext {
+        schema: GraphQLSchema;
+        fragments: { [key: string]: FragmentDefinition };
+        rootValue: any;
+        operation: OperationDefinition;
+        variableValues: { [key: string]: any };
+        errors: Array<GraphQLError>;
+    }
+
+    /**
+     * The result of execution. `data` is the result of executing the
+     * query, `errors` is null if no errors occurred, and is a
+     * non-empty array if an error occurred.
+     */
+    interface ExecutionResult {
+        data: Object;
+        errors?: Array<GraphQLError>;
+    }
+
+    /**
+     * Implements the "Evaluating requests" section of the GraphQL specification.
+     *
+     * Returns a Promise that will eventually be resolved and never rejected.
+     *
+     * If the arguments to this function do not result in a legal execution context,
+     * a GraphQLError will be thrown immediately explaining the invalid input.
+     */
+    function execute(
+        schema: GraphQLSchema,
+        documentAST: Document,
+        rootValue?: any,
+        contextValue?: any,
+        variableValues?: {
+            [key: string]: any
+        },
+        operationName?: string
+    ): Promise<ExecutionResult>
+}
+
+declare module "graphql/execution/values" {
+    import { GraphQLInputType, GraphQLArgument } from 'graphql/type/definition';
+    import { GraphQLSchema } from 'graphql/type/schema';
+    import { Argument, VariableDefinition } from 'graphql/language/ast';
+    /**
+     * Prepares an object map of variableValues of the correct type based on the
+     * provided variable definitions and arbitrary input. If the input cannot be
+     * parsed to match the variable definitions, a GraphQLError will be thrown.
+     */
+    function getVariableValues(
+        schema: GraphQLSchema,
+        definitionASTs: Array<VariableDefinition>,
+        inputs: { [key: string]: any }
+    ): { [key: string]: any }
+
+    /**
+     * Prepares an object map of argument values given a list of argument
+     * definitions and list of argument AST nodes.
+     */
+    function getArgumentValues(
+        argDefs: Array<GraphQLArgument>,
+        argASTs: Array<Argument>,
+        variableValues?: { [key: string]: any }
+    ): { [key: string]: any };
+}
+
+///////////////////////////
+// graphql/error         //
+///////////////////////////
+declare module "graphql/error" {
+    export * from 'graphql/error/index';
+}
+
+declare module "graphql/error/index" {
+    export { GraphQLError } from 'graphql/error/GraphQLError';
+    export { syntaxError } from 'graphql/error/syntaxError';
+    export { locatedError } from 'graphql/error/locatedError';
+    export { formatError } from 'graphql/error/formatError';
+}
+
+declare module "graphql/error/formatError" {
+    import { GraphQLError } from 'graphql/error/GraphQLError';
+
+    /**
+     * Given a GraphQLError, format it according to the rules described by the
+     * Response Format, Errors section of the GraphQL Specification.
+     */
+    function formatError(error: GraphQLError): GraphQLFormattedError;
+
+    type GraphQLFormattedError = {
+        message: string,
+        locations: Array<GraphQLErrorLocation>
+    };
+
+    type GraphQLErrorLocation = {
+        line: number,
+        column: number
+    };
+}
+
+declare module "graphql/error/GraphQLError" {
+    import { getLocation } from 'graphql/language';
+    import { Node } from 'graphql/language/ast';
+    import { Source } from 'graphql/language/source';
+
+    /**
+     * A GraphQLError describes an Error found during the parse, validate, or
+     * execute phases of performing a GraphQL operation. In addition to a message
+     * and stack trace, it also includes information about the locations in a
+     * GraphQL document and/or execution result that correspond to the Error.
+     */
+    class GraphQLError extends Error {
+
+        /**
+         * A message describing the Error for debugging purposes.
+         *
+         * Enumerable, and appears in the result of JSON.stringify().
+         */
+        message: string;
+
+        /**
+         * An array of { line, column } locations within the source GraphQL document
+         * which correspond to this error.
+         *
+         * Errors during validation often contain multiple locations, for example to
+         * point out two things with the same name. Errors during execution include a
+         * single location, the field which produced the error.
+         *
+         * Enumerable, and appears in the result of JSON.stringify().
+         */
+        locations: Array<{ line: number, column: number }> | void;
+
+        /**
+         * An array describing the JSON-path into the execution response which
+         * corresponds to this error. Only included for errors during execution.
+         *
+         * Enumerable, and appears in the result of JSON.stringify().
+         */
+        path: Array<string | number> | void;
+
+        /**
+         * An array of GraphQL AST Nodes corresponding to this error.
+         */
+        nodes: Array<Node> | void;
+
+        /**
+         * The source GraphQL document corresponding to this error.
+         */
+        source: Source | void;
+
+        /**
+         * An array of character offsets within the source GraphQL document
+         * which correspond to this error.
+         */
+        positions: Array<number> | void;
+
+        /**
+         * The original error thrown from a field resolver during execution.
+         */
+        originalError: Error;
+    }
+}
+
+declare module "graphql/error/locatedError" {
+    import { GraphQLError } from 'graphql/error/GraphQLError';
+
+    /**
+     * Given an arbitrary Error, presumably thrown while attempting to execute a
+     * GraphQL operation, produce a new GraphQLError aware of the location in the
+     * document responsible for the original Error.
+     */
+    function locatedError<T>(
+        originalError: Error,
+        nodes: Array<T>,
+        path: Array<string | number>
+    ): GraphQLError;
+}
+
+declare module "graphql/error/syntaxError" {
+    import { Source } from 'graphql/language/source';
+    import { GraphQLError } from 'graphql/error/GraphQLError';
+
+    /**
+     * Produces a GraphQLError representing a syntax error, containing useful
+     * descriptive information about the syntax error's position in the source.
+     */
+    function syntaxError(
+        source: Source,
+        position: number,
+        description: string
+    ): GraphQLError;
+}
+
+///////////////////////////
+// graphql/utilities     //
+///////////////////////////
+// declare module "graphql/utilities/index" {
+//     // The GraphQL query recommended for a full schema introspection.
+//     export { introspectionQuery } from 'graphql/utilities/introspectionQuery';
+
+//     // Gets the target Operation from a Document
+//     export { getOperationAST } from 'graphql/utilities/getOperationAST';
+
+//     // Build a GraphQLSchema from an introspection result.
+//     export { buildClientSchema } from 'graphql/utilities/buildClientSchema';
+
+//     // Build a GraphQLSchema from GraphQL Schema language.
+//     export { buildASTSchema, buildSchema } from 'graphql/utilities/buildASTSchema';
+
+//     // Extends an existing GraphQLSchema from a parsed GraphQL Schema language AST.
+//     export { extendSchema } from 'graphql/utilities/extendSchema';
+
+//     // Print a GraphQLSchema to GraphQL Schema language.
+//     export { printSchema, printIntrospectionSchema } from 'graphql/utilities/schemaPrinter';
+
+//     // Create a GraphQLType from a GraphQL language AST.
+//     export { typeFromAST } from 'graphql/utilities/typeFromAST';
+
+//     // Create a JavaScript value from a GraphQL language AST.
+//     export { valueFromAST } from 'graphql/utilities/valueFromAST';
+
+//     // Create a GraphQL language AST from a JavaScript value.
+//     export { astFromValue } from 'graphql/utilities/astFromValue';
+
+//     // A helper to use within recursive-descent visitors which need to be aware of
+//     // the GraphQL type system.
+//     export { TypeInfo } from 'graphql/utilities/TypeInfo';
+
+//     // Determine if JavaScript values adhere to a GraphQL type.
+//     export { isValidJSValue } from 'graphql/utilities/isValidJSValue';
+
+//     // Determine if AST values adhere to a GraphQL type.
+//     export { isValidLiteralValue } from 'graphql/utilities/isValidLiteralValue';
+
+//     // Concatenates multiple AST together.
+//     export { concatAST } from 'graphql/utilities/concatAST';
+
+//     // Separates an AST into an AST per Operation.
+//     export { separateOperations } from 'graphql/utilities/separateOperations';
+
+//     // Comparators for types
+//     export {
+//         isEqualType,
+//         isTypeSubTypeOf,
+//         doTypesOverlap
+//     } from 'graphql/utilities/typeComparators';
+
+//     // Asserts that a string is a valid GraphQL name
+//     export { assertValidName } from 'graphql/utilities/assertValidName';
+// }
+
+// declare module "graphql/utilities/assertValidName" {
+//     // Helper to assert that provided names are valid.
+//     function assertValidName(name: string): void;
+// }
+
+// declare module "graphql/utilities/astFromValue" {
+//     import {
+//         Value,
+//         //IntValue,
+//         //FloatValue,
+//         //StringValue,
+//         //BooleanValue,
+//         //EnumValue,
+//         //ListValue,
+//         //ObjectValue,
+//     } from 'graphql/language/ast';
+//     import { GraphQLInputType } from 'graphql/type/definition';
+
+//     /**
+//      * Produces a GraphQL Value AST given a JavaScript value.
+//      *
+//      * A GraphQL type must be provided, which will be used to interpret different
+//      * JavaScript values.
+//      *
+//      * | JSON Value    | GraphQL Value        |
+//      * | ------------- | -------------------- |
+//      * | Object        | Input Object         |
+//      * | Array         | List                 |
+//      * | Boolean       | Boolean              |
+//      * | String        | String / Enum Value  |
+//      * | Number        | Int / Float          |
+//      * | Mixed         | Enum Value           |
+//      *
+//      */
+//     // TODO: this should set overloads according to above the table
+//     export function astFromValue(
+//         value: any,
+//         type: GraphQLInputType
+//     ): Value // Warning: there is a code in bottom: throw new TypeError
+
+// }
+
+// declare module "graphql/utilities/buildASTSchema" {
+//     import { Document } from 'graphql/language/ast';
+//     import { Source } from 'graphql/language/source';
+//     import { GraphQLSchema } from 'graphql/type/schema';
+
+//     /**
+//      * This takes the ast of a schema document produced by the parse function in
+//      * src/language/parser.js.
+//      *
+//      * If no schema definition is provided, then it will look for types named Query
+//      * and Mutation.
+//      *
+//      * Given that AST it constructs a GraphQLSchema. The resulting schema
+//      * has no resolve methods, so execution will use default resolvers.
+//      */
+//     function buildASTSchema(ast: Document): GraphQLSchema;
+
+//     /**
+//      * Given an ast node, returns its string description based on a contiguous
+//      * block full-line of comments preceding it.
+//      */
+//     function getDescription(node: { loc?: Location }): string;
+
+//     /**
+//      * A helper function to build a GraphQLSchema directly from a source
+//      * document.
+//      */
+//     function buildSchema(source: string | Source): GraphQLSchema;
+// }
+
+// declare module "graphql/utilities/buildClientSchema" {
+//     import { IntrospectionQuery } from 'graphql/utilities/introspectionQuery';
+//     import { GraphQLSchema } from 'graphql/type/schema';
+//     /**
+//      * Build a GraphQLSchema for use by client tools.
+//      *
+//      * Given the result of a client running the introspection query, creates and
+//      * returns a GraphQLSchema instance which can be then used with all graphql-js
+//      * tools, but cannot be used to execute a query, as introspection does not
+//      * represent the "resolver", "parse" or "serialize" functions or any other
+//      * server-internal mechanisms.
+//      */
+//     export function buildClientSchema(
+//         introspection: IntrospectionQuery
+//     ): GraphQLSchema;
+// }
+
+// declare module "graphql/utilities/concatAST" {
+
+// }
+
+// declare module "graphql/utilities/extendSchema" {
+
+// }
+
+// declare module "graphql/utilities/getOperationAST" {
+
+// }
+
+// declare module "graphql/utilities/introspectionQuery" {
+
+// }
+
+// declare module "graphql/utilities/isValidJSValue" {
+
+// }
+
+// declare module "graphql/utilities/isValidLiteralValue" {
+
+// }
+
+// declare module "graphql/utilities/schemaPrinter" {
+
+// }
+
+// declare module "graphql/utilities/separateOperations" {
+
+// }
+
+// declare module "graphql/utilities/typeComparators" {
+
+// }
+
+// declare module "graphql/utilities/typeFromAST" {
+
+// }
+
+declare module "graphql/utilities/TypeInfo" {
+    class TypeInfo { }
+}
+
+// declare module "graphql/utilities/valueFromAST" {
+
+// }

From 08a4dd39f09d631dd99a1819dd9da991f549f33b Mon Sep 17 00:00:00 2001
From: Syncfusion-JavaScript <packages@syncfusion.com>
Date: Fri, 30 Sep 2016 17:49:12 +0530
Subject: [PATCH 095/382] ej typings v14.3.0.49 added (#11597)

* ej typings v14.3.0.49 added

* jquery dependent added
---
 ej.web.all/ej.web.all-tests.ts         |  3193 ++
 ej.web.all/ej.web.all.d.ts             | 56236 +++++++++++++++++++++++
 ej.widgets.all/ej.mobile.all-tests.ts  |   336 -
 ej.widgets.all/ej.mobile.all.d.ts      | 19908 --------
 ej.widgets.all/ej.web.all-tests.ts     |  1260 -
 ej.widgets.all/ej.web.all.d.ts         | 47109 -------------------
 ej.widgets.all/ej.widgets.all-tests.ts |  1260 -
 ej.widgets.all/ej.widgets.all.d.ts     | 49995 --------------------
 8 files changed, 59429 insertions(+), 119868 deletions(-)
 create mode 100644 ej.web.all/ej.web.all-tests.ts
 create mode 100644 ej.web.all/ej.web.all.d.ts
 delete mode 100644 ej.widgets.all/ej.mobile.all-tests.ts
 delete mode 100644 ej.widgets.all/ej.mobile.all.d.ts
 delete mode 100644 ej.widgets.all/ej.web.all-tests.ts
 delete mode 100644 ej.widgets.all/ej.web.all.d.ts
 delete mode 100644 ej.widgets.all/ej.widgets.all-tests.ts
 delete mode 100644 ej.widgets.all/ej.widgets.all.d.ts

diff --git a/ej.web.all/ej.web.all-tests.ts b/ej.web.all/ej.web.all-tests.ts
new file mode 100644
index 0000000000..6b3ac0d3e2
--- /dev/null
+++ b/ej.web.all/ej.web.all-tests.ts
@@ -0,0 +1,3193 @@
+/// <reference path="../jquery/jquery.d.ts" />
+/// <reference path="ej.web.all.d.ts" />
+
+ 
+
+module AccordionComponent {
+    $(function () {
+        var sample = new ej.Accordion($("#basicAccordion"), {
+            width: "100%",
+            allowKeyboardNavigation: true,
+            collapseSpeed: 500,
+            collapsible: true,
+            enableAnimation: true,
+            enableMultipleOpen: true,
+            events: "click",
+            expandSpeed: 500,
+            headerSize: "40px",
+            height: "500px",
+            heightAdjustMode: ej.Accordion.HeightAdjustMode.Auto,
+            htmlAttributes: { title: "Demo" },
+            selectedItemIndex: 1,
+            showCloseButton: true,
+            showRoundedCorner: true
+        });
+    });
+}
+
+ 
+
+module AutocompleteComponent{
+    var carList = [
+                "Audi S6", "Austin-Healey", "Alfa Romeo", "Aston Martin",
+                "BMW 7", "Bentley Mulsanne", "Bugatti Veyron",
+                "Chevrolet Camaro", "Cadillac",
+                "Duesenberg J", "Dodge Sprinter",
+                "Elantra", "Excavator",
+                "Ford Boss 302", "Ferrari 360", "Ford Thunderbird",
+                "GAZ Siber",
+                "Honda S2000", "Hyundai Santro",
+                "Isuzu Swift", "Infiniti Skyline",
+                "Jaguar XJS",
+                "Kia Sedona EX", "Koenigsegg Agera",
+                "Lotus Esprit", "Lamborghini Diablo",
+                "Mercedes-Benz", "Mercury Coupe", "Maruti Alto 800",
+                "Nissan Qashqai",
+                "Oldsmobile S98", "Opel Superboss",
+                "Porsche 356", "Pontiac Sunbird",
+                "Scion SRS/SC/SD", "Saab Sportcombi", "Subaru Sambar", "Suzuki Swift",
+                "Triumph Spitfire", "Toyota 2000GT",
+                "Volvo P1800", "Volkswagen Shirako"
+            ];
+    $(function () {        
+        var autocompleteInstance =new ej.Autocomplete($("#selectCar"), {        
+            width: "100%",
+            watermarkText: "Select a car",
+            dataSource: carList,
+            enableAutoFill: true,
+            showPopupButton: true,
+            multiSelectMode: "delimiter"
+        });  
+    });
+}
+
+
+
+
+
+module Barcodecomponent {
+    $(function () {
+        var barcodesample = new ej.datavisualization.Barcode($("#Barcode"), {
+            text:"http://www.syncfusion.com"
+        });
+    });
+}
+
+
+
+
+
+module Bulletgraphcomponent {
+    $(function () {
+        var bulletsample = new ej.datavisualization.BulletGraph($("#BulletGraph"), {
+            isResponsive: true,
+            tooltipSettings: { visible: true },
+            quantitativeScaleSettings: {
+                featureMeasures: [{
+                    value: 8, comparativeMeasureValue:6.7
+                }]
+            },
+            qualitativeRanges: [{
+                rangeEnd: 4.3, rangeStroke:"#ebebeb",
+            },
+                {
+                    rangeEnd: 7.3, rangeStroke:"#d8d8d8"
+                },
+                {
+                    rangeEnd: 10, rangeStroke: "#7f7f7f"
+                }
+            ],
+            captionSettings: {
+                textPosition: 'right', text: 'Revenue YTD',
+                subTitle: {
+                    text: "$ in Thousands", textPosition:"right"
+                }
+            }
+        });
+    });
+}
+
+
+
+
+
+module ButtonComponent {
+    $(function () {
+        var basicButton = new ej.Button($("#buttonnormal"), {
+            size: "large",
+            showRoundedCorner: true,
+            contentType: "textandimage",
+            prefixIcon: "e-icon e-save",
+            text: "Save"
+        });
+        var toggleButton = new ej.ToggleButton($("#TextOnly"), {
+            showRoundedCorner: true,
+            size: "large",
+            contentType: "textandimage",
+            defaultPrefixIcon: "e-icon e-save",
+            activePrefixIcon: "e-icon e-delete",
+            defaultText: "Save",
+            activeText: "Delete"
+        });
+        var splitbuttonnormal = new ej.SplitButton($("#splitbuttonnormal"), {
+            showRoundedCorner: true,
+            size: "large",
+            prefixIcon: "e-icon e-file-empty",
+            targetID: "menu1",
+            contentType: "textandimage",
+            text: "File"
+        });
+        var groupButton = new ej.GroupButton($("#groupButton"), {
+            showRoundedCorner: true,
+            size: "large"
+        });
+        var check1 = new ej.CheckBox($("#check1"), {
+            size: "medium", enableTriState: true
+        });
+        var check2 = new ej.CheckBox($("#check2"), {
+            size: "medium", enableTriState: true
+        });
+        var radio1 = new ej.RadioButton($("#radio1"), {
+            size: "medium"
+        });
+        var radio2 = new ej.RadioButton($("#radio2"), {
+            size: "medium", checked: true
+        });
+    });
+}
+    
+
+
+
+module ChartComponent {
+    $(function () {
+        var chartsample = new ej.datavisualization.Chart($("#Chart"), {
+            primaryXAxis: {
+                range: { min: 2005, max: 2011, interval: 1 },
+                title: { text: "Year" },
+                valueType: "category"
+            },
+            primaryYAxis: {
+                range: { min: 25, max: 50, interval: 5 },
+                labelFormat: "{value}%",
+                title: { text: "Efficiency" },
+                
+            },
+            commonSeriesOptions:
+			{
+                type: 'line', enableAnimation: true,
+				tooltip:{ visible :true, template:'Tooltip'},
+                marker:
+                {
+                    shape: 'circle',
+                    size:
+                    {
+                        height: 10, width: 10
+                    },
+                    visible: true
+                },
+                 border : {width: 2}                             
+            },	
+            series: 
+			[
+			    {
+                points: [{ x: 2005, y: 28 }, { x: 2006, y: 25 },{ x: 2007, y: 26 }, { x: 2008, y: 27 }, 
+						 { x: 2009, y: 32 }, { x: 2010, y: 35 }, { x: 2011, y: 30 }],						 
+                name: 'India'
+                },						
+                {
+                points: [{ x: 2005, y: 31 }, { x: 2006, y: 28 },{ x: 2007, y: 30 }, { x: 2008, y: 36 }, 
+						 { x: 2009, y: 36 }, { x: 2010, y: 39 }, { x: 2011, y: 37 }],						 
+                name: 'Germany'
+                },
+				{
+                points: [{ x: 2005, y: 36 }, { x: 2006, y: 32 },{ x: 2007, y: 34 }, { x: 2008, y: 41 }, 
+						 { x: 2009, y: 42 }, { x: 2010, y: 42 }, { x: 2011, y: 43 }],						 
+                name: 'England'
+                },					
+                {
+                points: [{ x: 2005, y: 39 }, { x: 2006, y: 36 },{ x: 2007, y: 40 }, { x: 2008, y: 44 }, 
+						 { x: 2009, y: 45 }, { x: 2010, y: 48 }, { x: 2011, y: 46 }],						 
+                name: 'France'
+				}
+            ],
+            isResponsive: true,
+            load: function () {
+                var sender = $("#Chart").data("ejChart");
+                if (!!window.orientation && sender) {           //to modify chart properties for mobile view
+                    var model = sender.model,
+                        seriesLength = model.series.length;
+                    model.legend.visible = false;
+                    model.size.height = null;
+                    model.size.width = null;
+                    for (var i = 0; i < seriesLength; i++) {
+                        if (!model.series[i].marker)
+                            model.series[i].marker = {};
+                        if (!model.series[i].marker.size)
+                            model.series[i].marker.size = {};
+                        model.series[i].marker.size.width = 6;
+                        model.series[i].marker.size.height = 6;
+                    }
+                    model.primaryXAxis.labelIntersectAction = "rotate45";
+                    if (model.primaryXAxis.title)
+                        model.primaryXAxis.title.text = "";
+                    if (model.primaryYAxis.title)
+                        model.primaryYAxis.title.text = "";
+                    model.primaryXAxis.edgeLabelPlacement = "hide";
+                    model.primaryYAxis.labelIntersectAction = "rotate45";
+                    model.primaryYAxis.edgeLabelPlacement = "hide";
+                }
+            },
+            title: { text: 'Efficiency of oil-fired power production' },
+            size: { height: "600" },
+            legend: { visible: true}
+        });
+    });
+}
+
+
+
+
+
+module circulargaugecomponent {
+    $(function () {
+        var circularsample = new ej.datavisualization.CircularGauge($("#CircularGauge"), {
+            enableAnimation: false,
+            isResponsive: true,
+            backgroundColor: "transparent", width: 500,
+            scales: [{
+                showRanges: true,
+                startAngle: 122, sweepAngle: 296, radius: 130, showScaleBar: true, size: 1, maximum: 120, majorIntervalValue: 20, minorIntervalValue: 10,
+                border: {
+                    width: 0.5,
+                },
+                pointers: [{
+                    value: 60,
+                    showBackNeedle: true,
+                    backNeedleLength: 20,
+                    length: 95,
+                    width: 7,
+                    pointerCap: { radius: 12 }
+                }],
+                ticks: [{
+                    type: "major",
+                    distanceFromScale: 2,
+                    height: 16,
+                    width: 1, color: "#8c8c8c"
+                }, { type: "minor", height: 8, width: 1, distanceFromScale: 2, color: "#8c8c8c" }],
+                labels: [{
+                    color: "#8c8c8c"
+                }],
+                ranges: [{
+                    distanceFromScale: -30,
+                    startValue: 0,
+                    endValue: 70
+                }, {
+                        distanceFromScale: -30,
+                        startValue: 70,
+                        endValue: 110,
+                        backgroundColor: "#fc0606",
+                        border: { color: "#fc0606" }
+                    },
+                    {
+                        distanceFromScale: -30,
+                        startValue: 110,
+                        endValue: 120,
+                        backgroundColor: "#f5b43f",
+                        border: { color: "#f5b43f" }
+                    }]
+            }]	
+        });
+    });
+}
+
+
+
+
+module ColorPickerComponent {
+    $(function () {
+        var colorSample = new ej.ColorPicker($("#colorpick"), {
+            value: "#278787"
+        });
+    });
+}
+
+
+
+
+module DatePickerComponent {
+    $(function () {
+        var dateSample = new ej.DatePicker($("#datepick"), {
+            width: "100%"
+        });
+    });
+}
+
+
+
+
+module DateTimePickerComponent {
+    $(function () {
+        var datetimeSample = new ej.DateTimePicker($("#datetimepick"), {
+            width: "100%"
+        });
+    });
+}
+
+
+
+$(function () {
+    var diagram = new ej.datavisualization.Diagram($("#diagram"), {
+        width: "1000px",
+        height: "600px",
+        pageSettings: {
+            //Sets page size
+            pageHeight: 500,
+            pageWidth: 500,
+            //Customizes the appearance of page
+            pageBorderWidth: 4,
+            pageBackgroundColor: "white",
+            pageBorderColor: "lightgray",
+            pageMargin: 25,
+            showPageBreak: true,
+            multiplePage: true,
+            pageOrientation: ej.datavisualization.Diagram.PageOrientations.Portrait
+        },
+        scrollSettings: {
+            horizontalOffset: 0,
+            verticalOffset: 0
+        },
+        snapSettings: {
+            snapConstraints: ej.datavisualization.Diagram.SnapConstraints.ShowLines
+        },
+        nodes: [
+            createNode({ name: "NewIdea", width: 150, height: 60, offsetX: 300, offsetY: 60, labels: [createLabel({ "text": "New idea identified" })], type: "flow", shape: "terminator" }),
+            createNode({ name: "Meeting", width: 150, height: 60, offsetX: 300, offsetY: 155, labels: [createLabel({ "text": "Meeting with board" })], type: "flow", shape: "process" }),
+            createNode({ name: "BoardDecision", width: 150, height: 110, offsetX: 300, offsetY: 280, labels: [createLabel({ text: "Board decides \nwhether \nto proceed", wrapText: "true", "margin": { left: 20, top: 0, right: 20, bottom: 0 } })], type: "flow", shape: "decision" }),
+            createNode({ name: "Project", width: 150, height: 100, offsetX: 300, offsetY: 430, labels: [createLabel({ "text": "Find Project \nmanager" })], type: "flow", shape: "decision" }),
+            createNode({ name: "End", width: 150, height: 60, offsetX: 300, offsetY: 555, labels: [createLabel({ "text": "Implement and Deliver" })], type: "flow", shape: "process" }),
+            createNode({ name: "Decision", width: 250, height: 60, offsetX: 550, offsetY: 60, labels: [createLabel({ "text": "Decision Process for new software ideas" })], type: "flow", shape: "card", fillColor: "#858585", borderColor: "#858585" }),
+            createNode({ name: "Reject", width: 150, height: 60, offsetX: 550, offsetY: 285, labels: [createLabel({ "text": "Reject and write report" })], type: "flow", shape: "process" }),
+            createNode({ name: "Resources", width: 150, height: 60, offsetX: 550, offsetY: 430, labels: [createLabel({ "text": "Hire new resources" })], type: "flow", shape: "process" })
+        ],
+        connectors: [
+            createConnector({ name: "connector1", sourceNode: "NewIdea", targetNode: "Meeting" }),
+            createConnector({ name: "connector2", sourceNode: "Meeting", targetNode: "BoardDecision" }),
+            createConnector({ name: "connector3", sourceNode: "BoardDecision", targetNode: "Project", labels: [createLabel({ "text": "Yes" })] }),
+            createConnector({ name: "connector4", sourceNode: "Project", targetNode: "End", labels: [createLabel({ "text": "Yes" })] }),
+            createConnector({ name: "connector5", sourceNode: "BoardDecision", targetNode: "Reject", labels: [createLabel({ "text": "No" })] }),
+            createConnector({ name: "connector6", sourceNode: "Project", targetNode: "Resources", labels: [createLabel({ "text": "No" })] })
+        ]
+    });
+    
+});
+
+function createNode(option: ej.datavisualization.Diagram.Node) {
+    if (!option.fillColor) {
+        option.borderColor = "#1BA0E2";
+        option.fillColor = "#1BA0E2";
+    }
+    option.labels[0].fontColor = "white";
+    return option;
+}
+
+function createConnector(option: ej.datavisualization.Diagram.Connector) {
+    option.targetDecorator = { shape: ej.datavisualization.Diagram.DecoratorShapes.Arrow, borderColor: "#606060", width: 10, height: 10 };
+    option.lineColor = "#606060";
+    if (option.labels && option.labels.length > 0) {
+        option.labels[0].fillColor = "white";
+    }
+    return option;
+}
+
+function createLabel(options : any) {
+    return options;
+}
+
+ 
+
+module DialogComponent {
+    $(function () {
+        var dialogInstance = new ej.Dialog($("#basicDialog"), {
+            width: 550,
+            minWidth: 310,
+            minHeight: 215,
+			target:".control",
+            close:()=>{this.onDialogClose()}
+        });
+        var btnInstance = new ej.Button($("#btnOpen"), {
+            size: "medium",
+            click: ()=>{this.onOpen()},
+            type: "button",
+            height: 30,
+            width: 150
+        });
+    });
+}
+
+function onDialogClose(args:any) {
+        $("#btnOpen").show();
+}
+function onOpen() {
+        $("#btnOpen").hide();
+        $("#basicDialog").ejDialog("open");
+}
+
+
+
+module digitalgaugecomponent {
+    $(function () {
+        var digitalgaugesample = new ej.datavisualization.DigitalGauge($("#DigitalGauge"), {
+            width: 525,
+            height: 305,
+            isResponsive: true,
+            items: [{
+                segmentSettings: {
+                    width: 1,
+                    spacing: 0,
+                    color: "#8c8c8c"
+                },
+                characterSettings: {
+                    opacity: 0.8,
+                },
+                value: "Syncfusion",
+                position: { x: 52, y: 52 }
+            }]
+        });
+    });
+}
+
+
+		
+
+
+
+module DropDownListComponent {
+    var BikeList = [
+        { empid: "bk1", text: "Apache RTR" }, { empid: "bk2", text: "CBR 150-R" }, { empid: "bk3", text: "CBZ Xtreme" },
+        { empid: "bk4", text: "Discover" }, { empid: "bk5", text: "Dazzler" }, { empid: "bk6", text: "Flame" },
+        { empid: "bk7", text: "Fazzer" }, { empid: "bk8", text: "FZ-S" }, { empid: "bk9", text: "Pulsar" },
+        { empid: "bk10", text: "Shine" }, { empid: "bk11", text: "R15" }, { empid: "bk12", text: "Unicorn" }
+    ];
+    $(function () {
+        var sample = new ej.DropDownList($("#bikeList"),{
+            dataSource: BikeList,
+            width: "100%",
+            watermarkText: "Select a bike",
+            fields: { id: "empid", text: "text", value: "text" },
+            enableFilterSearch: true,
+            caseSensitiveSearch: true,
+            enableIncrementalSearch: true,
+            enablePopupResize: true, 
+            delimiterChar: ";",
+            multiSelectMode: ej.MultiSelectMode.Delimiter,
+            maxPopupHeight: "300px",
+            minPopupHeight: "150px", 
+            maxPopupWidth: "500px", 
+            minPopupWidth: "350px",
+            selectedIndex: 1,
+            showCheckbox: true,
+            showPopupOnLoad: true,   
+            showRoundedCorner: true
+        });
+    });
+
+}
+
+
+
+
+
+
+module ExplorerComponent {
+    $(function () {
+        var file = new ej.FileExplorer($("#fileExplorer"), {
+            path: (<any>window).baseurl + "webapi/FileExplorer/FileBrowser/",
+            width: "100%",
+            minWidth: "150px",
+            layout: "tile",
+            isResponsive: true,
+            ajaxAction: (<any>window).baseurl + "api/fileoperation/doJSONAction"
+        });
+    });
+}
+
+
+
+
+module GanttComponent {
+     $(function () {
+         var ganttInstance = new ej.Gantt($("#GanttContainer"), {
+        dataSource: (<any>window).projectData,
+        allowColumnResize: true,
+        allowSorting: true,
+        allowSelection: true,       
+        enableContextMenu: true,
+        taskIdMapping: "taskID",
+        allowDragAndDrop: true,
+        taskNameMapping: "taskName",
+        startDateMapping: "startDate",
+        showColumnChooser: true,
+        showColumnOptions: true,
+        progressMapping: "progress",
+        durationMapping: "duration",
+        endDateMapping: "endDate",
+        childMapping: "subtasks",
+        scheduleStartDate: "02/01/2014",
+        scheduleEndDate: "04/09/2014",
+        //Resources mapping
+        resourceInfoMapping: "resourceId",
+        resourceNameMapping: "resourceName",
+        resourceIdMapping: "resourceId",
+        resources: (<any>window).projectResources,
+        predecessorMapping: "predecessor",
+        showResourceNames: true,
+        toolbarSettings: {
+            showToolbar: true,
+            toolbarItems: ["add","edit","delete","update","cancel","indent","outdent","expandAll","collapseAll","search"]
+        },
+        editSettings: {
+            allowEditing: true,
+            allowAdding: true,
+            allowDeleting: true,
+            allowIndent: true,
+            editMode: "cellEditing"
+        },
+        sizeSettings: {
+            width: "100%",
+            height: "100%"
+        },
+        dragTooltip: { showTooltip: true },
+        showGridCellTooltip: true,
+        treeColumnIndex: 1,
+        isResponsive: true,
+    });
+}); 
+}
+
+
+
+module GridComponent {
+    $(function () {
+        var gridInstance = new ej.Grid($("#Grid"), {
+            dataSource: (<any>window).gridData,
+            allowGrouping: true,
+            allowSorting: true,
+            allowMultiSorting: true,
+            enableAltRow: true,
+            allowPaging: true,
+            allowReordering: true,
+            allowResizing: true,
+            allowFiltering: true,
+            allowScrolling: true,
+            enableRowHover: true,
+            selectionType: "multiple",
+            selectionSettings: { enableToggle: true, selectionMode: ["row", "cell", "column"] },
+            allowKeyboardNavigation: true,
+            editSettings: { allowEditing: true, allowAdding: true, allowDeleting: true, allowEditOnDblClick: true, showDeleteConfirmDialog: true },
+            toolbarSettings: { showToolbar: true, toolbarItems: ["add", "edit", "delete", "update", "cancel", "search"] },
+            columns: [
+                { field: "OrderID", headerText: "Order ID", isPrimaryKey: true, width: 75, textAlign: ej.TextAlign.Right },
+                { field: "CustomerID", headerText: "Customer ID", editType: ej.Grid.EditingType.String, width: 80 },
+                { field: "EmployeeID", headerText: "Employee ID", width: 75, editType: ej.Grid.EditingType.Dropdown, textAlign: ej.TextAlign.Right, priority: 4 },
+                { field: "Freight", width: 75, format: "{0:C}", editType: ej.Grid.EditingType.Numeric, textAlign: ej.TextAlign.Right, priority: 3 },
+                { field: "OrderDate", headerText: "Order Date", width: 80, format: "{0:MM/dd/yyyy}", textAlign: ej.TextAlign.Right, priority: 2 },
+                { field: "ShipCity", headerText: "Ship City", editType: ej.Grid.EditingType.Dropdown, width: 110, priority: 2 }
+            ],
+            isResponsive: true,
+            minWidth: 700,
+            showSummary: true,
+            summaryRows: [{ title: "Sum", summaryColumns: [{ summaryType: ej.Grid.SummaryType.Sum, displayColumn: "Freight", dataMember: "Freight", format: "{0:C2}" }] }]
+        });
+    });
+}
+
+
+
+var columns = ["Vegie-spread", "Tofuaa", "Alice Mutton", "Konbu", "Fl�temysost"]
+var itemSource: any[] = [];
+for (var i = 0; i < columns.length; i++) {
+    for (var j = 0; j < 6; j++) {
+        var value = Math.floor((Math.random() * 100) + 1);
+        itemSource.push({ ProductName: columns[i], Year: "Y" + (2011 + j), Value: value })
+    }
+}
+
+$(function () {
+    var heatmap = new ej.datavisualization.HeatMap($("#heatmap"), {
+        colorMappingCollection: [
+            { value: 0, color: "#8ec8f8", label: { text: "0" } },
+            { value: 100, color: "#0d47a1", label: { text: "100" } }
+        ],
+        isResponsive: true,
+        itemsSource: itemSource,
+        width: "100%",
+        itemsMapping: {
+            column: { propertyName: "ProductName", displayName: "Product Name" },
+            row: { propertyName: "Year", displayName: "Year" },
+            value: { propertyName: "Value" },
+            columnMapping: [
+                { "propertyName": columns[0], "displayName": columns[0] },
+                { "propertyName": columns[1], "displayName": columns[1] },
+                { "propertyName": columns[2], "displayName": columns[2] },
+                { "propertyName": columns[3], "displayName": columns[3] },
+                { "propertyName": columns[4], "displayName": columns[4] },
+                { "propertyName": columns[5], "displayName": columns[5] }
+            ],
+            headerMapping: { propertyName: "Year", displayName: "Year", columnStyle: { width: 105, textAlign: "right" } },
+        },
+        legendCollection: ["heatmap_legend"]
+    });
+    var heatmaplegend = new ej.datavisualization.HeatMapLegend($("#heatmap_legend"), {
+        colorMappingCollection: [
+            { value: 0, color: "#8ec8f8", label: { text: "0" } },
+            { value: 100, color: "#0d47a1", label: { text: "100" } }
+        ],
+        height: "50px",
+        width: "75%",
+        isResponsive: true
+    });
+});
+
+
+
+
+declare var window:myWindow;
+export interface myWindow extends Window{
+kanbanData:any;
+}
+module KanbanComponent {
+    $(function () {
+        var sample = new ej.Kanban($("#Kanban"), {
+            dataSource: new ej.DataManager(<any>window["kanbanData"]).executeLocal(new ej.Query().take(20)),
+            columns: [
+                { headerText: "Backlog", key: "Open" },
+                { headerText: "In Progress", key: "InProgress" },
+                { headerText: "Testing", key: "Testing" },
+                { headerText: "Done", key: "Close" }
+            ],
+            keyField: "Status",
+            allowTitle: true,
+            fields: {
+                content: "Summary",
+                primaryKey: "Id",
+                imageUrl: "ImgUrl"
+            },
+            allowSelection: false
+        });
+    });
+}
+
+ 
+
+
+module lineargaugecomponent {
+    $(function () {
+        var linearsample = new ej.datavisualization.LinearGauge($("#LinearGauge"), {
+            labelColor: "#8c8c8c", width: 500,
+            isResponsive: true, enableAnimation: false,
+            scales: [{
+                width: 4, border: { color: "transparent", width: 0 }, showBarPointers: false, showRanges: true, length: 310,
+                position: { x: 52, y: 50 }, markerPointers: [{
+                    value: 50, length: 10, width: 10, backgroundColor: "#4D4D4D", border: { color: "#4D4D4D" }
+                }],
+                labels: [{ font: { size: "11px", fontFamily: "Segoe UI", fontStyle: "bold" }, distanceFromScale: { x: -13 } }],
+                ticks: [{ type: "majorinterval", width: 1, color: "#8c8c8c" }],
+                ranges: [{
+                    endValue: 60,
+                    startValue: 0,
+                    backgroundColor: "#F6B53F",
+                    border: { color: "#F6B53F" }, startWidth: 4, endWidth: 4
+                }, {
+                        endValue: 100,
+                        startValue: 60,
+                        backgroundColor: "#E94649",
+                        border: { color: "#E94649" }, startWidth: 4, endWidth: 4
+                    }]
+            }]		
+        });
+    });
+}
+
+	
+
+ 
+
+module ListBoxComponent {
+    $(function () {
+        var listboxInstance = new ej.ListBox($("#selectcar"), {
+            showCheckbox: true
+        });
+    });
+}
+
+ 
+
+module ListviewComponent {
+    $(function () {
+        var listviewInstance = new ej.ListView($("#defaultlistview"), {
+            enableCheckMark: true, 
+		    width: 400
+        });
+    });
+}
+
+
+var world_map=
+    {
+        "type": "FeatureCollection",
+        "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
+        "features": [
+            { "type": "Feature", "properties": { "admin": "Afghanistan", "name": "Afghanistan", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[61.21081709172573, 35.650072333309218], [62.230651483005879, 35.270663967422287], [62.984662306576588, 35.404040839167614], [63.193538445900337, 35.857165635718907], [63.982895949158696, 36.007957465146596], [64.546479119733888, 36.31207326918426], [64.746105177677393, 37.111817735333297], [65.588947788357828, 37.305216783185628], [65.745630731066811, 37.661164048812061], [66.217384881459324, 37.393790188133913], [66.518606805288655, 37.362784328758785], [67.075782098259609, 37.35614390720928], [67.829999627559502, 37.144994004864678], [68.135562371701369, 37.023115139304302], [68.859445835245921, 37.344335842430588], [69.196272820924364, 37.15114350030742], [69.518785434857946, 37.608996690413413], [70.116578403610319, 37.588222764632086], [70.270574171840124, 37.73516469985401], [70.376304152309274, 38.138395901027515], [70.806820509732873, 38.486281643216408], [71.348131137990251, 38.258905341132156], [71.239403924448155, 37.953265082341879], [71.541917759084768, 37.905774441065631], [71.448693475230229, 37.065644843080513], [71.84463829945058, 36.738171291646914], [72.193040805962383, 36.94828766534566], [72.636889682917271, 37.047558091778349], [73.260055779924983, 37.495256862938994], [73.948695916646486, 37.421566270490786], [74.980002475895404, 37.419990139305888], [75.158027785140902, 37.13303091078911], [74.575892775372964, 37.02084137628345], [74.067551710917812, 36.836175645488446], [72.920024855444453, 36.720007025696312], [71.846291945283909, 36.509942328429851], [71.262348260385735, 36.074387518857797], [71.498767938121077, 35.650563259415996], [71.613076206350698, 35.153203436822857], [71.115018751921625, 34.733125718722228], [71.156773309213449, 34.348911444632144], [70.881803012988385, 33.988855902638512], [69.93054324735958, 34.020120144175102], [70.323594191371583, 33.358532619758385], [69.687147251264847, 33.105498969041228], [69.262522007122541, 32.501944078088293], [69.317764113242546, 31.901412258424436], [68.926676873657655, 31.620189113892064], [68.556932000609308, 31.713310044882011], [67.792689243444769, 31.582930406209623], [67.683393589147457, 31.303154201781414], [66.938891229118454, 31.304911200479346], [66.38145755398601, 30.738899237586448], [66.346472609324408, 29.88794342703617], [65.046862013616092, 29.472180691031902], [64.350418735618504, 29.560030625928089], [64.148002150331237, 29.340819200145965], [63.550260858011164, 29.468330796826162], [62.549856805272775, 29.318572496044304], [60.874248488208778, 29.829238999952604], [61.78122155136343, 30.735850328081231], [61.699314406180811, 31.379506130492661], [60.941944614511115, 31.548074652628745], [60.863654819588952, 32.182919623334421], [60.536077915290761, 32.981268825811561], [60.963700392505991, 33.528832302376252], [60.528429803311575, 33.676446031217999], [60.80319339380744, 34.404101874319856], [61.21081709172573, 35.650072333309218]]] } },
+            { "type": "Feature", "properties": { "admin": "Angola", "name": "Angola", "continent": "Africa" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[16.326528354567042, -5.877470391466217], [16.573179965896141, -6.622644545115092], [16.860190870845226, -7.222297865429978], [17.089995965247166, -7.545688978712474], [17.472970004962288, -8.068551120641656], [18.134221632569048, -7.987677504104865], [18.464175652752683, -7.847014255406475], [19.016751743249664, -7.988245944860138], [19.166613396896079, -7.738183688999724], [19.417502475673214, -7.155428562044277], [20.037723016040214, -7.116361179231658], [20.091621534920616, -6.943090101756949], [20.60182295093832, -6.939317722199688], [20.514748162526526, -7.299605808138663], [21.728110792739752, -7.290872491081315], [21.74645592620336, -7.920084730667113], [21.949130893652033, -8.305900974158304], [21.80180138518795, -8.908706556842985], [21.875181919042397, -9.523707777548564], [22.208753289486417, -9.894796237836529], [22.155268182064326, -11.084801120653777], [22.402798292742428, -10.99307545333569], [22.837345411884762, -11.017621758674334], [23.456790805767461, -10.867863457892481], [23.912215203555743, -10.926826267137541], [24.017893507592614, -11.237298272347115], [23.904153680118235, -11.722281589406332], [24.079905226342895, -12.191296888887305], [23.930922072045373, -12.565847670138821], [24.0161365088947, -12.91104623784855], [21.933886346125941, -12.898437188369353], [21.887842644953871, -16.080310153876891], [22.562478468524283, -16.898451429921831], [23.215048455506086, -17.523116143465952], [21.377176141045592, -17.930636488519706], [18.956186964603628, -17.789094740472233], [18.263309360434217, -17.309950860262003], [14.209706658595049, -17.353100681225708], [14.058501417709035, -17.423380629142653], [13.462362094789963, -16.971211846588741], [12.814081251688405, -16.941342868724075], [12.21546146001938, -17.111668389558059], [11.734198846085146, -17.301889336824498], [11.640096062881609, -16.673142185129205], [11.778537224991563, -15.793816013250687], [12.123580763404444, -14.878316338767927], [12.175618930722264, -14.449143568583889], [12.500095249083014, -13.547699883684398], [12.738478631245439, -13.137905775609934], [13.312913852601834, -12.483630466362511], [13.633721144269824, -12.038644707897189], [13.738727654686924, -11.297863050993142], [13.686379428775293, -10.73107594161584], [13.38732791510216, -10.373578383020726], [13.120987583069873, -9.766897067914112], [12.875369500386567, -9.166933689005488], [12.929061313537797, -8.959091078327573], [13.23643273280987, -8.56262948978434], [12.933040398824314, -7.596538588087752], [12.728298374083916, -6.927122084178803], [12.227347039446441, -6.294447523629372], [12.322431674863562, -6.100092461779651], [12.735171339578695, -5.965682061388476], [13.024869419006988, -5.984388929878106], [13.375597364971892, -5.864241224799555], [16.326528354567042, -5.877470391466217]]], [[[12.436688266660919, -5.684303887559223], [12.182336866920277, -5.789930515163801], [11.914963006242115, -5.037986748884733], [12.318607618873923, -4.606230157086158], [12.620759718484548, -4.438023369976121], [12.995517205465202, -4.781103203961918], [12.631611769265842, -4.991271254092935], [12.468004184629759, -5.248361504744991], [12.436688266660919, -5.684303887559223]]]] } },
+            { "type": "Feature", "properties": { "admin": "Albania", "name": "Albania", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[20.590247430104906, 41.855404161133592], [20.463175083099195, 41.515089016275333], [20.605181919037356, 41.086226304685219], [21.020040317476397, 40.842726955725873], [20.99998986174722, 40.580003973953964], [20.67499677906363, 40.43499990494302], [20.61500044117275, 40.110006822259365], [20.150015903410516, 39.624997666983965], [19.980000441170144, 39.694993394523401], [19.9600016618732, 39.915005805006039], [19.40608198413673, 40.250773423822459], [19.319058872157139, 40.727230129553554], [19.403549838954287, 41.409565741535445], [19.540027296637099, 41.71998607031275], [19.371768833094958, 41.87754751237064], [19.304486118250786, 42.195745144207812], [19.738051385179627, 42.688247382165564], [19.801613396898681, 42.500093492190835], [20.0707, 42.58863], [20.28375451018189, 42.320259507815074], [20.52295, 42.21787], [20.590247430104906, 41.855404161133592]]] } },
+            { "type": "Feature", "properties": { "admin": "United Arab Emirates", "name": "United Arab Emirates", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[51.579518670463258, 24.245497137951102], [51.757440626844172, 24.294072984305462], [51.794389275932865, 24.019826158132499], [52.577080519425593, 24.177439276622703], [53.404006788960139, 24.151316840099167], [54.008000929587574, 24.121757920828212], [54.693023716048614, 24.797892360935084], [55.439024692614126, 25.439145209244934], [56.070820753814544, 26.055464178973978], [56.261041701080948, 25.714606431576762], [56.396847365143991, 24.924732163995483], [55.886232537667993, 24.92083059335744], [55.804118686756212, 24.269604193615258], [55.981213820220454, 24.130542914317822], [55.528631626208231, 23.933604030853498], [55.525841098864461, 23.524869289640929], [55.234489373602869, 23.110992743415316], [55.208341098863187, 22.708329982997039], [55.006803012924898, 22.496947536707129], [52.000733270074321, 23.001154486578937], [51.617707553926969, 24.014219265228824], [51.579518670463258, 24.245497137951102]]] } },
+            { "type": "Feature", "properties": { "admin": "Argentina", "name": "Argentina", "continent": "South America" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[-65.5, -55.2], [-66.45, -55.25], [-66.95992, -54.89681], [-67.56244, -54.87001], [-68.63335, -54.8695], [-68.634010227583147, -52.636370458874453], [-68.25, -53.1], [-67.75, -53.85], [-66.45, -54.45], [-65.05, -54.7], [-65.5, -55.2]]], [[[-64.964892137294569, -22.075861504812348], [-64.377021043542257, -22.79809132252354], [-63.986838141522462, -21.993644301035953], [-62.84646847192154, -22.034985446869452], [-62.685057135657885, -22.249029229422401], [-60.846564704009928, -23.880712579038299], [-60.028966030503973, -24.032796319273238], [-58.807128465394939, -24.771459242453268], [-57.777217169817952, -25.162339776309032], [-57.633660040911124, -25.603656508081666], [-58.618173590719707, -27.123718763947117], [-57.609759690976134, -27.395898532828419], [-56.486701626192989, -27.548499037386243], [-55.695845506398186, -27.387837009390815], [-54.788794928595038, -26.621785577096087], [-54.625290696823541, -25.739255466415479], [-54.130049607954412, -25.547639255477243], [-53.628348965048716, -26.12486500417743], [-53.648735317587885, -26.923472588816104], [-54.490725267135517, -27.474756768505767], [-55.162286342984586, -27.881915378533414], [-56.290899624239088, -28.852760512000849], [-57.62513342958291, -30.21629485445424], [-57.874937303281897, -31.016556084926158], [-58.14244035504074, -32.044503676076182], [-58.132647671121404, -33.040566908502008], [-58.349611172098818, -33.263188978815428], [-58.427074144104367, -33.909454441057541], [-58.495442064026541, -34.4314897600701], [-57.225829637263629, -35.288026625307886], [-57.362358771378737, -35.977390232081497], [-56.737487352105447, -36.413125909166574], [-56.788285285048339, -36.901571547189327], [-57.749156867083421, -38.183870538079901], [-59.231857062401865, -38.720220228837199], [-61.2374452378656, -38.92842457454114], [-62.335956997310134, -38.827707208004362], [-62.125763108962914, -39.424104913084868], [-62.33053097191943, -40.172586358400316], [-62.145994432205228, -40.676896661136723], [-62.74580278181697, -41.028761488612083], [-63.770494757732514, -41.166789239263657], [-64.732089809819698, -40.802677097335128], [-65.118035244391578, -41.064314874028874], [-64.97856055363583, -42.058000990569312], [-64.303407965742466, -42.359016208669495], [-63.755947842042339, -42.043686618824495], [-63.458059048095883, -42.563138116222355], [-64.378803880456289, -42.873558444999638], [-65.181803961839691, -43.495380954767782], [-65.328823411710133, -44.501366062193689], [-65.565268927661592, -45.03678557716978], [-66.509965786389344, -45.039627780945843], [-67.293793911392427, -45.551896254255183], [-67.580546434180079, -46.301772963242527], [-66.597066413017259, -47.033924655953804], [-65.641026577401433, -47.23613453551188], [-65.98508826360073, -48.133289076531128], [-67.166178961847649, -48.697337334996931], [-67.816087612566449, -49.869668877970412], [-68.728745083273154, -50.26421843851886], [-69.138539191347789, -50.732510267947788], [-68.815561489523517, -51.771104011594097], [-68.149994879820397, -52.349983406127699], [-68.571545376241332, -52.299443855346247], [-69.498362189396076, -52.142760912637236], [-71.914803839796321, -52.009022305865912], [-72.329403856074023, -51.425956312872394], [-72.309973517532342, -50.677009779666342], [-72.975746832964617, -50.741450290734299], [-73.328050910114456, -50.378785088909865], [-73.415435757120022, -49.318436374712952], [-72.648247443314929, -48.878618259476774], [-72.331160854771937, -48.244238376661819], [-72.44735531278026, -47.738532810253517], [-71.917258470330196, -46.884838148791786], [-71.552009446891233, -45.560732924177117], [-71.659315558545316, -44.973688653341434], [-71.222778896759721, -44.784242852559409], [-71.329800788036195, -44.407521661151677], [-71.793622606071935, -44.207172133156099], [-71.464056159130493, -43.787611179378324], [-71.915423956983901, -43.408564548517404], [-72.148898078078517, -42.254888197601375], [-71.746803758415453, -42.051386407235988], [-71.915734015577542, -40.832339369470716], [-71.680761277946445, -39.808164157878061], [-71.413516608349042, -38.916022230791107], [-70.814664272734703, -38.552995293940732], [-71.118625047475419, -37.576827487947192], [-71.121880662709771, -36.65812387466233], [-70.364769253201658, -36.005088799789931], [-70.388049485949082, -35.169687595359441], [-69.817309129501453, -34.193571465798279], [-69.814776984319209, -33.273886000299839], [-70.074399380153622, -33.09120981214803], [-70.535068935819439, -31.365010267870279], [-69.919008348251921, -30.336339206668306], [-70.013550381129861, -29.367922865518544], [-69.656130337183143, -28.459141127233686], [-69.001234910748266, -27.521213881136127], [-68.295541551370391, -26.899339694935787], [-68.594799770772667, -26.50690886811126], [-68.386001146097342, -26.185016371365229], [-68.417652960876111, -24.518554782816874], [-67.328442959244128, -24.025303236590908], [-66.985233934177629, -22.986348565362825], [-67.106673550063604, -22.735924574476392], [-66.273339402924833, -21.832310479420677], [-64.964892137294569, -22.075861504812348]]]] } },
+            { "type": "Feature", "properties": { "admin": "Armenia", "name": "Armenia", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[43.582745802592726, 41.09214325618256], [44.972480096218071, 41.248128567055588], [45.179495883979335, 40.985353908851401], [45.560351189970433, 40.812289537105919], [45.359174839058156, 40.561503811193447], [45.891907179555076, 40.218475653639992], [45.610012241402913, 39.899993801425175], [46.034534132680662, 39.628020738273058], [46.483498976432443, 39.464154771475528], [46.505719842317966, 38.770605373686287], [46.143623081248812, 38.74120148371221], [45.735379266143006, 39.319719143219736], [45.739978468616975, 39.473999131827114], [45.298144972521456, 39.471751207022422], [45.00198733905674, 39.740003567049548], [44.793989699081934, 39.713002631177041], [44.400008579288695, 40.005000311842267], [43.656436395040934, 40.253563951166178], [43.752657911968399, 40.740200914058754], [43.582745802592726, 41.09214325618256]]] } },
+            { "type": "Feature", "properties": { "admin": "French Southern and Antarctic Lands", "name": "Fr. S. Antarctic Lands", "continent": "Seven seas (open ocean)" }, "geometry": { "type": "Polygon", "coordinates": [[[68.935, -48.625], [69.58, -48.94], [70.525, -49.065], [70.56, -49.255], [70.28, -49.71], [68.745, -49.775], [68.72, -49.2425], [68.8675, -48.83], [68.935, -48.625]]] } },
+            { "type": "Feature", "properties": { "admin": "Australia", "name": "Australia", "continent": "Oceania" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[145.397978143494782, -40.792548516605883], [146.364120721623692, -41.137695407883335], [146.908583612250823, -41.000546156580668], [147.689259474884125, -40.808258152022681], [148.289067824495987, -40.875437514002122], [148.359864536735785, -42.062445163746439], [148.017301467073082, -42.40702361426861], [147.914051955353784, -43.211522312188485], [147.564564243763982, -42.937688897473855], [146.87034305235494, -43.634597263362082], [146.663327264593647, -43.580853773778543], [146.048377720320389, -43.54974456153888], [145.431929559510536, -42.693776137056268], [145.295090366801674, -42.03360971452755], [144.7180713238306, -41.162551771815707], [144.743754510679622, -40.703975111657705], [145.397978143494782, -40.792548516605883]]], [[[143.561811151299935, -13.763655694232209], [143.922099237238882, -14.548310642152], [144.563713820574804, -14.171176039285879], [144.894908075133515, -14.594457696188622], [145.374723748963419, -14.984976495018284], [145.271991001567244, -15.428205254785691], [145.48525963763575, -16.285672295804769], [145.637033319276952, -16.784918308176611], [145.888904250267672, -16.906926364817647], [146.160308872664473, -17.76165455492524], [146.063673944278662, -18.280072523677315], [146.387478469019584, -18.958274021075905], [147.471081577747896, -19.480722751546676], [148.177601760042478, -19.955939222902767], [148.848413527623222, -20.391209812097252], [148.717465448195583, -20.633468926681513], [149.289420200802056, -21.260510756111096], [149.678337030230637, -22.342511895438388], [150.07738244038859, -22.122783705333315], [150.482939081015161, -22.556142266533012], [150.727265252891158, -22.402404880464655], [150.899554478152254, -23.462236830338679], [151.609175246384211, -24.076256198830755], [152.07353966695905, -24.45788665130619], [152.855197381805908, -25.267501316023008], [153.136162144176751, -26.071173191026187], [153.161948683890358, -26.641319268502439], [153.09290897034856, -27.260299574494503], [153.569469028944184, -28.110066827102099], [153.512108189100218, -28.995077406532751], [153.339095493787056, -29.458201592732443], [153.069241164358857, -30.350240166954809], [153.089601678681788, -30.923641859665445], [152.891577590139377, -31.640445651985949], [152.450002476205327, -32.550002536755237], [151.709117466436766, -33.041342054986337], [151.343971795862387, -33.816023451473846], [151.010555454715103, -34.310360202777879], [150.714139439089024, -35.173459974916803], [150.328219842733233, -35.671879164371923], [150.075212030232251, -36.420205580390508], [149.946124302367139, -37.109052422841224], [149.997283970336127, -37.425260512035123], [149.423882277625523, -37.772681166333463], [148.304622430615893, -37.809061374666875], [147.38173302631526, -38.219217217767543], [146.922122837511324, -38.606532077795116], [146.317921991154776, -39.035756524411433], [145.489652134380549, -38.593767999019043], [144.876976353128157, -38.41744801203911], [145.032212355732952, -37.896187839510972], [144.485682407814011, -38.085323581699257], [143.609973586196077, -38.809465427405321], [142.745426873952965, -38.538267510737519], [142.17832970598198, -38.380034275059835], [141.606581659104677, -38.308514092767872], [140.638578729413211, -38.019332777662541], [139.992158237874321, -37.402936293285094], [139.806588169514043, -36.643602797188272], [139.574147577065219, -36.138362318670666], [139.082808058834075, -35.732754001611774], [138.120747918856296, -35.612296237939397], [138.449461704664998, -35.127261244447887], [138.207564325106659, -34.384722588845925], [137.719170363516128, -35.07682504653102], [136.829405552314711, -35.260534763328614], [137.352371047108477, -34.707338555644093], [137.503886346588331, -34.130267836240769], [137.890116001537649, -33.640478610978327], [137.810327590079112, -32.900007012668105], [136.996837192940347, -33.752771498348629], [136.372069126531642, -34.094766127256186], [135.98904341038434, -34.89011809666048], [135.208212518454104, -34.478670342752601], [135.239218377829161, -33.947953383114971], [134.613416782774607, -33.222778008763136], [134.085903761939107, -32.848072198214759], [134.273902622617015, -32.617233575166949], [132.990776808809812, -32.011224053680188], [132.288080682504869, -31.982646986622761], [131.326330601120901, -31.495803318001041], [129.535793898639668, -31.590422865527476], [128.240937534702198, -31.948488864877849], [127.102867466338282, -32.282266941051041], [126.148713820501129, -32.2159660784206], [125.088623488465586, -32.728751316052829], [124.22164798390493, -32.959486586236061], [124.028946567888511, -33.483847344701708], [123.65966678273071, -33.890179131812722], [122.811036411633609, -33.914467054989835], [122.18306440642283, -34.003402194964217], [121.299190708502579, -33.821036065406126], [120.580268182458113, -33.930176690406618], [119.893695103028222, -33.976065362281808], [119.298899367348781, -34.50936614353396], [119.007340936357977, -34.464149265278529], [118.505717808100769, -34.746819349915093], [118.024971958489516, -35.064732761374707], [117.295507440257438, -35.025458672832862], [116.62510908413492, -35.025096937806829], [115.564346958479689, -34.386427911111547], [115.026808709779516, -34.196517022438918], [115.048616164206763, -33.623425388322026], [115.545123325667078, -33.487257989232951], [115.714673700016661, -33.259571628554944], [115.679378696761376, -32.900368747694124], [115.801645135563959, -32.205062351207026], [115.689610630355105, -31.612437025683782], [115.160909051576937, -30.601594333622455], [114.99704308477942, -30.030724786094162], [115.040037876446249, -29.461095472940794], [114.64197431850198, -28.810230808224706], [114.61649783738217, -28.516398614213042], [114.173579136208446, -28.118076674107321], [114.048883905088132, -27.33476531342712], [113.477497593236876, -26.543134047147898], [113.338953078262477, -26.116545098578477], [113.77835778204026, -26.549025160429174], [113.440962355606587, -25.621278171493152], [113.936901076311642, -25.911234633082877], [114.232852004047288, -26.298446140245868], [114.216160516417006, -25.786281019801105], [113.721255324357685, -24.998938897402123], [113.625343866024025, -24.683971042583146], [113.393523390762667, -24.384764499613262], [113.502043898575607, -23.80635019297025], [113.706992629045146, -23.56021534596406], [113.843418410295669, -23.059987481378734], [113.736551548316072, -22.475475355725372], [114.149756300921865, -21.755881036061009], [114.225307244932651, -22.51748829517863], [114.64776207891866, -21.829519952076904], [115.460167270979298, -21.495173435148541], [115.94737267462699, -21.068687839443708], [116.711615431791529, -20.701681817306817], [117.166316359527684, -20.623598728113802], [117.441545037914238, -20.746898695562162], [118.229558953932951, -20.374208265873232], [118.836085239742701, -20.263310642174822], [118.987807244951753, -20.044202569257319], [119.252493931150624, -19.952941989829835], [119.805225050944543, -19.976506442954978], [120.856220330896633, -19.683707777589188], [121.399856398607199, -19.239755547769729], [121.655137974129062, -18.70531788500713], [122.241665480641757, -18.197648614171765], [122.286623976735655, -17.798603204013911], [122.312772251475408, -17.254967136303446], [123.012574497571904, -16.405199883695854], [123.433789097183009, -17.268558037996225], [123.859344517106592, -17.069035332917249], [123.503242222183232, -16.596506036040363], [123.817073195491915, -16.11131601325199], [124.258286574399847, -16.32794361741956], [124.379726190285794, -15.567059828353973], [124.926152785340022, -15.07510019293532], [125.167275018413875, -14.680395603090004], [125.670086704613823, -14.510070082256018], [125.685796340030493, -14.230655612853834], [126.125149367376096, -14.347340996968949], [126.142822707219864, -14.095986830301211], [126.582589146023736, -13.95279143642041], [127.065867140817332, -13.817967624570922], [127.804633416861932, -14.276906019755042], [128.359689976108939, -14.869169610252253], [128.985543247595899, -14.875990899314738], [129.621473423379598, -14.969783623924553], [129.409600050982988, -14.420669854391031], [129.888640578328591, -13.618703301653481], [130.339465773642928, -13.357375583553473], [130.183506300985982, -13.107520033422301], [130.617795037966971, -12.536392103732464], [131.223494500859999, -12.183648776908113], [131.73509118054946, -12.302452894747159], [132.575298293183096, -12.114040622611013], [132.557211541881031, -11.603012383676683], [131.824698114143644, -11.273781833545097], [132.357223748911395, -11.128519382372641], [133.019560581596409, -11.376411228076844], [133.550845981989028, -11.786515394745134], [134.393068475481982, -12.042365411022173], [134.678632440327021, -11.9411829565947], [135.298491245667975, -12.248606052299051], [135.882693312727611, -11.962266940969796], [136.258380975489445, -12.049341729381606], [136.492475213771627, -11.857208754120389], [136.951620314684988, -12.351958916882735], [136.685124953355739, -12.887223402562054], [136.305406528875096, -13.291229750219895], [135.961758254134111, -13.324509372615889], [136.077616815332533, -13.72427825282578], [135.783836297753226, -14.223989353088211], [135.4286641786112, -14.715432224183896], [135.500184360903177, -14.997740573794427], [136.295174595281367, -15.550264987859121], [137.065360142159477, -15.870762220933353], [137.580470819244795, -16.215082289294084], [138.303217401278971, -16.807604261952658], [138.58516401586337, -16.806622409739173], [139.108542922115475, -17.062679131745366], [139.260574985918197, -17.371600843986183], [140.215245396078274, -17.710804945550063], [140.875463495039241, -17.36906869880394], [141.071110467696258, -16.832047214426719], [141.274095493738798, -16.388870131091604], [141.398222284103781, -15.840531508042584], [141.702183058844611, -15.044921156476928], [141.563380161708665, -14.561333103089506], [141.635520461188094, -14.270394789286284], [141.519868605718955, -13.698078301653805], [141.650920038011009, -12.944687595270562], [141.842691278246207, -12.741547539931187], [141.68699018775078, -12.407614434461134], [141.928629185147543, -11.877465915578778], [142.118488397387978, -11.328042087451619], [142.14370649634634, -11.04273650476814], [142.51526004452495, -10.668185723516642], [142.797310011974048, -11.157354831591515], [142.866763136974271, -11.784706719614929], [143.11594689348567, -11.90562957117791], [143.158631626558758, -12.325655612846187], [143.522123651299864, -12.834358412327429], [143.597157830987669, -13.400422051652594], [143.561811151299935, -13.763655694232209]]]] } },
+            { "type": "Feature", "properties": { "admin": "Austria", "name": "Austria", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[16.979666782304033, 48.123497015976298], [16.903754103267257, 47.714865627628321], [16.340584344150411, 47.712901923201215], [16.534267612380372, 47.496170966169103], [16.202298211337361, 46.852385972676949], [16.011663852612653, 46.683610744811688], [15.137091912504982, 46.658702704447016], [14.632471551174827, 46.431817328469535], [13.806475457421524, 46.509306138691201], [12.376485223040813, 46.767559109069843], [12.153088006243051, 47.115393174826437], [11.164827915093268, 46.941579494812721], [11.048555942436533, 46.751358547546324], [10.442701450246627, 46.893546250997424], [9.932448357796657, 46.920728054382948], [9.479969516649019, 47.102809963563367], [9.632931756232974, 47.347601223329974], [9.594226108446346, 47.525058091820256], [9.896068149463188, 47.58019684507569], [10.402083774465209, 47.302487697939156], [10.544504021861625, 47.566399237653762], [11.426414015354736, 47.523766181012967], [12.141357456112784, 47.703083401065761], [12.620759718484491, 47.672387600284395], [12.932626987365945, 47.467645575543983], [13.025851271220487, 47.637583523135824], [12.884102817443901, 48.289145819687903], [13.243357374736998, 48.41611481382904], [13.595945672264433, 48.877171942737135], [14.33889773932472, 48.555305284207193], [14.901447381254055, 48.964401760445817], [15.253415561593979, 49.039074205107575], [16.029647251050218, 48.733899034207916], [16.49928266771877, 48.785808010445095], [16.960288120194573, 48.596982326850593], [16.879982944412998, 48.470013332709463], [16.979666782304033, 48.123497015976298]]] } },
+            { "type": "Feature", "properties": { "admin": "Azerbaijan", "name": "Azerbaijan", "continent": "Asia" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[45.001987339056789, 39.740003567049591], [45.298144972521435, 39.471751207022422], [45.739978468616997, 39.473999131827149], [45.735379266143092, 39.319719143219785], [46.143623081248812, 38.74120148371221], [45.457721795438729, 38.874139105783108], [44.952688022650264, 39.33576467544642], [44.79398969908199, 39.713002631177027], [45.001987339056789, 39.740003567049591]]], [[[47.373315464066216, 41.219732367511249], [47.81566572448471, 41.151416124021338], [47.987283156126033, 41.405819200194223], [48.584352654826283, 41.808869533854669], [49.110263706260653, 41.282286688800518], [49.618914829309588, 40.572924302729966], [50.084829542853093, 40.526157131505776], [50.392821079312704, 40.256561184239096], [49.569202101444795, 40.176100979160701], [49.395259230350419, 39.39948171646224], [49.2232283872507, 39.04921885838791], [48.856532423707584, 38.815486355131775], [48.883249139202533, 38.320245266262638], [48.634375441284831, 38.270377509100925], [48.010744256386502, 38.794014797514528], [48.355529412637928, 39.288764960276886], [48.060095249225256, 39.582235419262439], [47.685079380083117, 39.508363959301185], [46.505719842317966, 38.770605373686251], [46.483498976432443, 39.464154771475528], [46.034534132680697, 39.628020738273044], [45.610012241402913, 39.899993801425175], [45.891907179555133, 40.21847565363997], [45.359174839058156, 40.561503811193482], [45.560351189970469, 40.812289537105947], [45.179495883979392, 40.98535390885143], [44.972480096218156, 41.248128567055623], [45.217426385281634, 41.411451931314041], [45.962600538930438, 41.123872585609789], [46.501637404166978, 41.064444688474104], [46.637908156120567, 41.181672675128219], [46.145431756378983, 41.72280243587263], [46.404950799348818, 41.860675157227341], [46.686070591016652, 41.827137152669899], [47.373315464066216, 41.219732367511249]]]] } },
+            { "type": "Feature", "properties": { "admin": "Burundi", "name": "Burundi", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[29.339997592900342, -4.499983412294092], [29.276383904749046, -3.293907159034063], [29.02492638521678, -2.839257907730157], [29.632176141078585, -2.917857761246096], [29.938359002407935, -2.348486830254238], [30.469696079232978, -2.413857517103458], [30.527677036264457, -2.807631931167534], [30.743012729624692, -3.034284763199686], [30.752262811004943, -3.359329522315569], [30.505559523243559, -3.568567396665364], [30.116332635221166, -4.090137627787242], [29.753512404099919, -4.45238941815328], [29.339997592900342, -4.499983412294092]]] } },
+            { "type": "Feature", "properties": { "admin": "Belgium", "name": "Belgium", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[3.314971144228536, 51.345780951536071], [4.047071160507527, 51.267258612668556], [4.973991326526913, 51.475023708698124], [5.60697594567, 51.037298488969768], [6.156658155958779, 50.803721015010574], [6.043073357781109, 50.128051662794221], [5.782417433300905, 50.090327867221205], [5.674051954784828, 49.52948354755749], [4.799221632515809, 49.985373033236371], [4.286022983425084, 49.90749664977254], [3.588184441755685, 50.378992418003563], [3.123251580425801, 50.780363267614561], [2.658422071960274, 50.796848049515731], [2.513573032246142, 51.148506171261815], [3.314971144228536, 51.345780951536071]]] } },
+            { "type": "Feature", "properties": { "admin": "Benin", "name": "Benin", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[2.691701694356254, 6.258817246928628], [1.865240512712318, 6.14215770102973], [1.618950636409238, 6.832038072126236], [1.664477573258381, 9.128590399609378], [1.46304284018467, 9.334624335157086], [1.425060662450136, 9.825395412632998], [1.077795037448737, 10.175606594275022], [0.772335646171484, 10.470808213742357], [0.899563022474069, 10.997339382364258], [1.243469679376488, 11.11051076908346], [1.447178175471066, 11.547719224488857], [1.93598554851988, 11.641150214072551], [2.154473504249921, 11.940150051313337], [2.49016360841793, 12.233052069543671], [2.84864301922667, 12.235635891158266], [3.611180454125558, 11.660167141155966], [3.572216424177469, 11.327939357951516], [3.797112257511713, 10.734745591673104], [3.600070021182801, 10.332186184119406], [3.705438266625918, 10.063210354040207], [3.220351596702101, 9.4441525333997], [2.912308383810255, 9.13760793704432], [2.723792758809509, 8.506845404489708], [2.74906253420022, 7.870734361192886], [2.691701694356254, 6.258817246928628]]] } },
+            { "type": "Feature", "properties": { "admin": "Burkina Faso", "name": "Burkina Faso", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[-2.827496303712706, 9.642460842319775], [-3.511898972986272, 9.900326239456216], [-3.980449184576684, 9.862344061721698], [-4.330246954760383, 9.610834865757139], [-4.779883592131966, 9.821984768101741], [-4.954653286143098, 10.152713934769732], [-5.404341599946973, 10.370736802609144], [-5.470564947929004, 10.951269842976044], [-5.197842576508648, 11.375145778850136], [-5.220941941743119, 11.713858954307224], [-4.427166103523802, 12.542645575404292], [-4.280405035814879, 13.228443508349738], [-4.006390753587225, 13.472485459848112], [-3.52280270019986, 13.337661647998612], [-3.103706834312759, 13.54126679122859], [-2.967694464520576, 13.798150336151506], [-2.191824510090384, 14.246417548067352], [-2.001035122068771, 14.559008287000887], [-1.066363491205663, 14.973815009007764], [-0.515854458000348, 15.116157741755725], [-0.26625729003058, 14.924308986872147], [0.374892205414682, 14.928908189346128], [0.295646396495101, 14.444234930880651], [0.429927605805517, 13.988733018443922], [0.993045688490071, 13.335749620003821], [1.024103224297477, 12.851825669806573], [2.177107781593775, 12.625017808477532], [2.154473504249921, 11.940150051313337], [1.93598554851988, 11.641150214072551], [1.447178175471066, 11.547719224488857], [1.243469679376488, 11.11051076908346], [0.899563022474069, 10.997339382364258], [0.023802524423701, 11.018681748900802], [-0.438701544588582, 11.09834096927872], [-0.761575893548183, 10.936929633015053], [-1.203357713211431, 11.009819240762736], [-2.94040930827046, 10.962690334512557], [-2.963896246747111, 10.395334784380081], [-2.827496303712706, 9.642460842319775]]] } },
+            { "type": "Feature", "properties": { "admin": "Bangladesh", "name": "Bangladesh", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[92.672720981825549, 22.041238918541247], [92.652257114637976, 21.324047552978481], [92.30323449093865, 21.475485337809815], [92.368553501355606, 20.670883287025344], [92.082886183646124, 21.192195135985767], [92.025215285208361, 21.701569729086764], [91.834890985077408, 22.182935695885561], [91.417087029997646, 22.765019029221218], [90.496006300827247, 22.805016587815125], [90.586956821660948, 22.392793687422863], [90.272970819055544, 21.836367702720107], [89.847467075564268, 22.039146023033421], [89.70204959509492, 21.857115790285299], [89.41886274613546, 21.966178900637296], [89.031961297566198, 22.055708319582973], [88.876311883503064, 22.879146429937826], [88.529769728553759, 23.631141872649163], [88.699940220090895, 24.233714911388557], [88.084422235062405, 24.501657212821918], [88.30637251175601, 24.866079413344199], [88.931553989623069, 25.238692328384769], [88.209789259802477, 25.768065700782707], [88.56304935094974, 26.446525580342716], [89.355094028687276, 26.014407253518065], [89.832480910199592, 25.965082098895476], [89.920692580121838, 25.269749864192171], [90.872210727912105, 25.13260061288954], [91.799595981822065, 25.14743174895731], [92.376201613334786, 24.976692816664961], [91.915092807994398, 24.130413723237108], [91.467729933643668, 24.072639471934789], [91.158963250699713, 23.503526923104381], [91.706475050832083, 22.985263983649183], [91.869927606171302, 23.62434642180278], [92.146034783906799, 23.62749868417259], [92.672720981825549, 22.041238918541247]]] } },
+            { "type": "Feature", "properties": { "admin": "Bulgaria", "name": "Bulgaria", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[22.657149692482985, 44.234923000661276], [22.94483239105184, 43.823785305347123], [23.332302280376322, 43.897010809904707], [24.100679152124169, 43.741051337247846], [25.569271681426923, 43.688444729174712], [26.065158725699739, 43.943493760751259], [27.242399529740904, 44.175986029632398], [27.970107049275068, 43.812468166675202], [28.55808149589199, 43.707461656258118], [28.039095086384712, 43.293171698574177], [27.673897739378042, 42.577892361006214], [27.996720411905383, 42.007358710287775], [27.135739373490473, 42.141484890301335], [26.117041863720793, 41.826904608724554], [26.106138136507205, 41.328898830727766], [25.197201368925441, 41.234485988930523], [24.492644891058031, 41.583896185872028], [23.692073601992345, 41.309080918943842], [22.952377150166445, 41.337993882811141], [22.881373732197424, 41.999297186850242], [22.380525750424585, 42.320259507815081], [22.545011834409614, 42.461362006188025], [22.436594679461273, 42.580321153323929], [22.604801466571324, 42.898518785161137], [22.986018507588479, 43.211161200526959], [22.500156691180276, 43.642814439460977], [22.410446404721593, 44.008063462899948], [22.657149692482985, 44.234923000661276]]] } },
+            { "type": "Feature", "properties": { "admin": "The Bahamas", "name": "Bahamas", "continent": "North America" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[-77.53466, 23.75975], [-77.78, 23.71], [-78.03405, 24.28615], [-78.40848, 24.57564], [-78.19087, 25.2103], [-77.89, 25.17], [-77.54, 24.34], [-77.53466, 23.75975]]], [[[-77.82, 26.58], [-78.91, 26.42], [-78.98, 26.79], [-78.51, 26.87], [-77.85, 26.84], [-77.82, 26.58]]], [[[-77.0, 26.59], [-77.17255, 25.87918], [-77.35641, 26.00735], [-77.34, 26.53], [-77.78802, 26.92516], [-77.79, 27.04], [-77.0, 26.59]]]] } },
+            { "type": "Feature", "properties": { "admin": "Bosnia and Herzegovina", "name": "Bosnia and Herz.", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[19.005486281010118, 44.860233669609144], [19.36803, 44.863], [19.11761, 44.42307], [19.59976, 44.03847], [19.454, 43.568100000000115], [19.21852, 43.52384], [19.03165, 43.43253], [18.70648, 43.20011], [18.56, 42.65], [17.674921502358981, 43.028562527023603], [17.297373488034449, 43.446340643887353], [16.916156447017325, 43.667722479825663], [16.456442905348862, 44.041239732431265], [16.239660271884528, 44.351143296885695], [15.750026075918978, 44.81871165626255], [15.959367303133373, 45.233776760430935], [16.318156772535868, 45.004126695325901], [16.534939406000202, 45.211607570977705], [17.00214603035101, 45.233776760430935], [17.861783481526398, 45.067740383477137], [18.553214145591646, 45.08158966733145], [19.005486281010118, 44.860233669609144]]] } },
+            { "type": "Feature", "properties": { "admin": "Belarus", "name": "Belarus", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[23.484127638449841, 53.912497667041123], [24.45068362803703, 53.905702216194747], [25.536353794056989, 54.282423407602515], [25.768432651479792, 54.846962592175082], [26.588279249790386, 55.167175604871659], [26.494331495883749, 55.61510691997762], [27.102459751094525, 55.783313707087672], [28.17670942557799, 56.169129950578807], [29.2295133806603, 55.918344224666356], [29.371571893030669, 55.67009064393617], [29.896294386522353, 55.789463202530406], [30.87390913262, 55.550976467503396], [30.971835971813132, 55.081547756564028], [30.75753380709871, 54.811770941784303], [31.384472283663733, 54.157056382862422], [31.791424187962232, 53.974638576872117], [31.731272820774503, 53.794029446012011], [32.405598585751157, 53.618045355842028], [32.693643019346034, 53.351420803432106], [32.304519484188226, 53.132726141972903], [31.497643670382924, 53.167426866256889], [31.30520063652801, 53.073995876673195], [31.540018344862254, 52.742052313846344], [31.78599816257158, 52.10167796488544], [30.927549269338975, 52.042353420614383], [30.619454380014837, 51.822806098022362], [30.55511722181145, 51.319503485715643], [30.157363722460889, 51.416138414101454], [29.254938185347921, 51.368234361366881], [28.992835320763522, 51.602044379271462], [28.617612745892242, 51.427713934934836], [28.241615024536564, 51.572227077839059], [27.454066196408426, 51.59230337178446], [26.337958611768549, 51.832288723347915], [25.327787713327005, 51.910656032918538], [24.553106316839511, 51.888461005249177], [24.005077752384206, 51.617443956094448], [23.52707075368437, 51.578454087930233], [23.508002150168689, 52.023646552124717], [23.19949384938618, 52.486977444053664], [23.799198846133375, 52.691099351606553], [23.804934930117774, 53.08973135030606], [23.527535841574995, 53.47012156840654], [23.484127638449841, 53.912497667041123]]] } },
+            { "type": "Feature", "properties": { "admin": "Belize", "name": "Belize", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-89.143080410503302, 17.808318996649316], [-89.150909389995519, 17.955467637600414], [-89.029857347351808, 18.001511338772485], [-88.848343878926585, 17.883198147040229], [-88.490122850279334, 18.486830552641603], [-88.300031094093669, 18.499982204659897], [-88.296336229184803, 18.353272813383263], [-88.106812913754368, 18.348673610909284], [-88.123478563168476, 18.076674709541003], [-88.285354987322776, 17.644142971258031], [-88.197866787452625, 17.489475409408453], [-88.302640753924422, 17.13169363043566], [-88.239517991879893, 17.036066392479551], [-88.355428229510551, 16.530774237529624], [-88.551824510435821, 16.265467434143144], [-88.732433641295927, 16.233634751851351], [-88.930612759135244, 15.887273464415072], [-89.229121670269265, 15.886937567605166], [-89.15080603713092, 17.015576687075832], [-89.143080410503302, 17.808318996649316]]] } },
+            { "type": "Feature", "properties": { "admin": "Bolivia", "name": "Bolivia", "continent": "South America" }, "geometry": { "type": "Polygon", "coordinates": [[[-62.84646847192154, -22.034985446869442], [-63.986838141522462, -21.993644301035946], [-64.377021043542243, -22.798091322523533], [-64.964892137294598, -22.07586150481232], [-66.273339402924833, -21.832310479420713], [-67.10667355006359, -22.735924574476414], [-67.82817989772272, -22.872918796482171], [-68.219913092711266, -21.494346612231858], [-68.757167121033731, -20.372657972904459], [-68.442225104430904, -19.405068454671426], [-68.966818406841853, -18.9816834449041], [-69.100246955019472, -18.260125420812674], [-69.590423753524036, -17.580011895419329], [-68.959635382753291, -16.500697930571267], [-69.389764166934697, -15.66012908291165], [-69.160346645774936, -15.323973890853015], [-69.339534674747, -14.953195489158828], [-68.94888668483658, -14.45363941819328], [-68.929223802349526, -13.602683607643007], [-68.880079515239956, -12.89972909917665], [-68.665079718689611, -12.561300144097171], [-69.52967810736493, -10.951734307502193], [-68.786157599549469, -11.036380303596276], [-68.27125362819325, -11.014521172736817], [-68.048192308205373, -10.712059014532484], [-67.173801235610725, -10.30681243249961], [-66.646908331962791, -9.931331475466861], [-65.33843522811641, -9.76198780684639], [-65.444837002205375, -10.51145110437543], [-65.321898769783004, -10.895872084194675], [-65.402281460213018, -11.566270440317151], [-64.31635291203159, -12.461978041232191], [-63.196498786050562, -12.627032565972433], [-62.803060268796372, -13.000653171442682], [-62.127080857986371, -13.19878061284972], [-61.713204311760769, -13.489202162330049], [-61.084121263255646, -13.479383640194595], [-60.503304002511122, -13.775954685117656], [-60.459198167550014, -14.354007256734551], [-60.264326341377355, -14.645979099183638], [-60.251148851142922, -15.077218926659318], [-60.542965664295131, -15.093910414289592], [-60.158389655179022, -16.258283786690082], [-58.241219855366673, -16.299573256091289], [-58.388058437724027, -16.877109063385273], [-58.280804002502244, -17.271710300366014], [-57.734558274960989, -17.552468357007765], [-57.498371141170971, -18.174187513911289], [-57.676008877174297, -18.961839694904025], [-57.949997321185819, -19.400004164306814], [-57.853801642474494, -19.969995212486186], [-58.166392381408038, -20.176700941653674], [-58.183471442280492, -19.868399346600359], [-59.11504248720609, -19.356906019775398], [-60.043564622626477, -19.342746677327419], [-61.786326463453761, -19.633736667562957], [-62.265961269770784, -20.513734633061272], [-62.291179368729203, -21.051634616787389], [-62.685057135657871, -22.24902922942238], [-62.84646847192154, -22.034985446869442]]] } },
+            { "type": "Feature", "properties": { "admin": "Brazil", "name": "Brazil", "continent": "South America" }, "geometry": { "type": "Polygon", "coordinates": [[[-57.625133429582945, -30.216294854454258], [-56.290899624239067, -28.852760512000884], [-55.162286342984558, -27.881915378533456], [-54.49072526713551, -27.474756768505785], [-53.648735317587885, -26.923472588816086], [-53.628348965048737, -26.124865004177465], [-54.130049607954376, -25.547639255477247], [-54.625290696823562, -25.739255466415507], [-54.428946092330577, -25.162184747012162], [-54.293476325077435, -24.570799655863958], [-54.292959560754511, -24.021014092710722], [-54.652834235235119, -23.839578138933955], [-55.027901780809543, -24.001273695575225], [-55.400747239795407, -23.956935316668797], [-55.517639329639621, -23.57199757252663], [-55.61068274598113, -22.655619398694839], [-55.797958136606894, -22.356929620047815], [-56.473317430229379, -22.086300144135279], [-56.881509568902885, -22.282153822521476], [-57.937155727761287, -22.090175876557169], [-57.870673997617786, -20.732687676681948], [-58.166392381408038, -20.176700941653674], [-57.853801642474494, -19.969995212486186], [-57.949997321185819, -19.400004164306814], [-57.676008877174297, -18.961839694904025], [-57.498371141170971, -18.174187513911289], [-57.734558274960989, -17.552468357007765], [-58.280804002502244, -17.271710300366014], [-58.388058437724027, -16.877109063385273], [-58.241219855366673, -16.299573256091289], [-60.158389655179022, -16.258283786690082], [-60.542965664295131, -15.093910414289592], [-60.251148851142922, -15.077218926659318], [-60.264326341377355, -14.645979099183638], [-60.459198167550014, -14.354007256734551], [-60.503304002511122, -13.775954685117656], [-61.084121263255646, -13.479383640194595], [-61.713204311760769, -13.489202162330049], [-62.127080857986371, -13.19878061284972], [-62.803060268796372, -13.000653171442682], [-63.196498786050562, -12.627032565972433], [-64.31635291203159, -12.461978041232191], [-65.402281460213018, -11.566270440317151], [-65.321898769783004, -10.895872084194675], [-65.444837002205375, -10.51145110437543], [-65.33843522811641, -9.76198780684639], [-66.646908331962791, -9.931331475466861], [-67.173801235610725, -10.30681243249961], [-68.048192308205373, -10.712059014532484], [-68.27125362819325, -11.014521172736817], [-68.786157599549469, -11.036380303596276], [-69.52967810736493, -10.951734307502193], [-70.093752204046879, -11.123971856331011], [-70.548685675728393, -11.009146823778462], [-70.481893886991159, -9.490118096558842], [-71.302412278921523, -10.079436130415372], [-72.184890713169821, -10.05359791426943], [-72.563033006465631, -9.520193780152715], [-73.226713426390148, -9.462212823121233], [-73.015382656532537, -9.03283334720806], [-73.571059332967053, -8.424446709835832], [-73.987235480429646, -7.523829847853063], [-73.723401455363486, -7.340998630404412], [-73.724486660441627, -6.918595472850638], [-73.120027431923575, -6.629930922068238], [-73.219711269814596, -6.089188734566076], [-72.964507208941185, -5.741251315944892], [-72.891927659787243, -5.274561455916979], [-71.748405727816532, -4.59398284263301], [-70.928843349883564, -4.401591485210367], [-70.79476884630229, -4.251264743673302], [-69.893635219996611, -4.298186944194326], [-69.444101935489599, -1.556287123219817], [-69.420485805932216, -1.122618503426409], [-69.577065395776586, -0.549991957200163], [-70.02065589057004, -0.185156345219539], [-70.015565761989293, 0.541414292804205], [-69.452396002872447, 0.706158758950693], [-69.252434048119042, 0.602650865070075], [-69.218637661400166, 0.985676581217433], [-69.804596727157701, 1.089081122233466], [-69.816973232691609, 1.714805202639624], [-67.868565029558823, 1.692455145673392], [-67.537810024674684, 2.037162787276329], [-67.25999752467358, 1.719998684084956], [-67.065048183852483, 1.130112209473225], [-66.876325853122566, 1.253360500489336], [-66.325765143484944, 0.724452215982012], [-65.548267381437554, 0.78925446207603], [-65.354713304288353, 1.0952822941085], [-64.611011928959854, 1.328730576987041], [-64.199305792890499, 1.49285492594602], [-64.083085496666072, 1.91636912679408], [-63.368788011311644, 2.200899562993129], [-63.422867397705105, 2.411067613124174], [-64.269999152265783, 2.497005520025566], [-64.408827887617903, 3.126786200366623], [-64.368494432214092, 3.797210394705246], [-64.816064012294007, 4.056445217297422], [-64.628659430587533, 4.14848094320925], [-63.888342861574145, 4.020530096854571], [-63.093197597899092, 3.770571193858784], [-62.804533047116692, 4.006965033377951], [-62.085429653559125, 4.162123521334308], [-60.966893276601517, 4.536467596856638], [-60.601179165271922, 4.918098049332129], [-60.733574184803707, 5.2002772078619], [-60.213683437731319, 5.2444863956876], [-59.980958624904865, 5.014061184098138], [-60.111002366767373, 4.574966538914082], [-59.767405768458701, 4.423502915866606], [-59.538039923731219, 3.958802598481937], [-59.815413174057852, 3.606498521332085], [-59.974524909084543, 2.755232652188055], [-59.718545701726732, 2.249630438644359], [-59.646043667221242, 1.786893825686789], [-59.030861579002639, 1.317697658692722], [-58.540012986878288, 1.26808828369252], [-58.429477098205957, 1.46394196207872], [-58.113449876525003, 1.507195135907025], [-57.660971035377358, 1.682584947105638], [-57.33582292339689, 1.948537705895759], [-56.782704230360814, 1.863710842288653], [-56.53938574891454, 1.89952260986692], [-55.995698004771739, 1.817667141116601], [-55.905600145070871, 2.021995754398659], [-56.073341844290283, 2.220794989425499], [-55.973322109589361, 2.510363877773016], [-55.569755011605984, 2.42150625244713], [-55.097587449755125, 2.523748073736612], [-54.524754197799709, 2.311848863123785], [-54.088062506717243, 2.105556545414629], [-53.778520677288903, 2.376702785650081], [-53.554839240113537, 2.33489655192595], [-53.4184651352953, 2.05338918701598], [-52.939657151894949, 2.124857692875636], [-52.556424730018414, 2.504705308437053], [-52.249337531123942, 3.241094468596244], [-51.657797410678882, 4.156232408053028], [-51.317146369010842, 4.203490505383953], [-51.069771287629649, 3.65039765056403], [-50.508875291533641, 1.901563828942456], [-49.974075893745045, 1.736483465986069], [-49.947100796088705, 1.046189683431223], [-50.699251268096901, 0.222984117021681], [-50.388210822132123, -0.078444512536819], [-48.620566779156313, -0.235489190271821], [-48.584496629416577, -1.237805271005001], [-47.824956427590621, -0.5816179337628], [-46.566583624851219, -0.941027520352776], [-44.9057030909904, -1.551739597178134], [-44.417619187993658, -2.137750339367975], [-44.581588507655773, -2.691308282078523], [-43.418791266440188, -2.383110039889793], [-41.47265682632824, -2.912018324397116], [-39.97866533055403, -2.87305429444904], [-38.50038347019656, -3.700652357603394], [-37.223252122535193, -4.820945733258915], [-36.45293738457638, -5.109403578312153], [-35.597795783010454, -5.149504489770648], [-35.235388963347553, -5.464937432480245], [-34.896029832486825, -6.738193047719709], [-34.729993455533027, -7.343220716992965], [-35.128212042774216, -8.996401462442284], [-35.636966518687707, -9.649281508017811], [-37.046518724096991, -11.040721123908799], [-37.683611619607355, -12.17119475672582], [-38.423876512188436, -13.038118584854285], [-38.673887091616507, -13.057652276260615], [-38.953275722802537, -13.79336964280002], [-38.882298143049645, -15.667053724838764], [-39.161092495264306, -17.208406670808468], [-39.267339240056394, -17.867746270420479], [-39.583521491034219, -18.262295830968934], [-39.76082333022763, -19.599113457927402], [-40.774740770010332, -20.90451181405242], [-40.944756232250597, -21.937316989837807], [-41.75416419123821, -22.370675551037454], [-41.988284267736546, -22.970070489190888], [-43.074703742024738, -22.967693373305462], [-44.647811855637798, -23.351959323827838], [-45.35213578955991, -23.796841729428579], [-46.472093268405523, -24.088968601174539], [-47.648972337420645, -24.885199069927715], [-48.495458136577689, -25.877024834905647], [-48.641004808127725, -26.623697605090928], [-48.474735887228647, -27.175911960561887], [-48.661520351747612, -28.186134535435713], [-48.888457404157393, -28.674115085567877], [-49.587329474472668, -29.224469089476333], [-50.696874152211478, -30.984465020472953], [-51.576226162306149, -31.777698256153204], [-52.256081305538032, -32.245369968394662], [-52.71209998229768, -33.196578057591175], [-53.373661668498229, -33.768377780900757], [-53.650543992718084, -33.202004082981823], [-53.209588995971529, -32.727666110974717], [-53.787951626182185, -32.047242526987617], [-54.572451544805105, -31.494511407193745], [-55.601510179249331, -30.853878676071385], [-55.97324459494093, -30.883075860316296], [-56.976025763564721, -30.109686374636119], [-57.625133429582945, -30.216294854454258]]] } },
+            { "type": "Feature", "properties": { "admin": "Brunei", "name": "Brunei", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[114.204016554828343, 4.525873928236805], [114.599961379048707, 4.900011298029965], [115.450710483869798, 5.447729803891532], [115.405700311343566, 4.955227565933837], [115.347460972150643, 4.316636053887009], [114.869557326315373, 4.348313706881924], [114.659595981913498, 4.007636826997753], [114.204016554828343, 4.525873928236805]]] } },
+            { "type": "Feature", "properties": { "admin": "Bhutan", "name": "Bhutan", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[91.69665652869665, 27.771741848251661], [92.10371178585973, 27.4526140406332], [92.033483514375078, 26.838310451763554], [91.217512648486405, 26.808648179628019], [90.37327477413406, 26.875724188742872], [89.744527622438838, 26.71940298105995], [88.835642531289366, 27.098966376243755], [88.814248488320544, 27.299315904239361], [89.475810174521101, 28.04275889740639], [90.015828891971154, 28.296438503527209], [90.730513950567769, 28.064953925075748], [91.258853794319904, 28.040614325466287], [91.69665652869665, 27.771741848251661]]] } },
+            { "type": "Feature", "properties": { "admin": "Botswana", "name": "Botswana", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[25.649163445750155, -18.536025892818987], [25.850391473094724, -18.714412937090533], [26.164790887158478, -19.293085625894935], [27.296504754350501, -20.391519870690995], [27.724747348753247, -20.499058526290387], [27.727227817503252, -20.851801853114711], [28.02137007010861, -21.485975030200578], [28.794656202924209, -21.639454034107445], [29.432188348109033, -22.091312758067584], [28.017235955525244, -22.827753594659072], [27.119409620886238, -23.574323011979772], [26.78640669119741, -24.240690606383478], [26.485753208123292, -24.616326592713097], [25.941652052522151, -24.696373386333214], [25.765848829865206, -25.174845472923671], [25.664666375437712, -25.486816094669706], [25.025170525825782, -25.719670098576891], [24.211266717228792, -25.670215752873567], [23.733569777122703, -25.39012948985161], [23.312096795350179, -25.268689873965712], [22.824271274514896, -25.500458672794768], [22.579531691180584, -25.979447523708142], [22.105968865657864, -26.28025603607913], [21.60589603036939, -26.726533705351748], [20.889609002371731, -26.828542982695907], [20.666470167735437, -26.477453301704916], [20.758609246511831, -25.868136488551446], [20.165725538827186, -24.917961928000768], [19.895767856534427, -24.767790215760588], [19.895457797940672, -21.849156996347865], [20.881134067475866, -21.814327080983144], [20.910641310314531, -18.252218926672018], [21.655040317478971, -18.219146010005222], [23.196858351339298, -17.869038181227783], [23.579005568137713, -18.281261081620055], [24.217364536239209, -17.889347019118485], [24.520705193792534, -17.887124932529932], [25.084443393664564, -17.661815687737366], [25.264225701608005, -17.736539808831413], [25.649163445750155, -18.536025892818987]]] } },
+            { "type": "Feature", "properties": { "admin": "Central African Republic", "name": "Central African Rep.", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[15.279460483469107, 7.421924546737968], [16.106231723706767, 7.497087917506504], [16.290561557691884, 7.754307359239304], [16.456184523187343, 7.734773667832966], [16.705988396886251, 7.508327541529978], [17.964929640380884, 7.890914008002865], [18.389554884523218, 8.281303615751822], [18.911021762780504, 8.630894680206351], [18.81200971850927, 8.982914536978596], [19.094008009526018, 9.074846910025837], [20.059685499764267, 9.01270600019485], [21.00086836109616, 9.475985215691507], [21.723821648859452, 10.567055568885973], [22.231129184668784, 10.971888739460507], [22.864165480244218, 11.142395127807543], [22.977543572692603, 10.714462591998538], [23.554304233502187, 10.089255275915306], [23.557249790142826, 9.681218166538683], [23.394779087017181, 9.26506785729222], [23.459012892355979, 8.954285793488891], [23.805813429466745, 8.666318874542425], [24.567369012152078, 8.229187933785466], [25.114932488716786, 7.825104071479172], [25.12413089366472, 7.500085150579436], [25.796647983511171, 6.979315904158069], [26.21341840994511, 6.546603298362071], [26.465909458123232, 5.94671743410187], [27.213409051225163, 5.550953477394557], [27.374226108517483, 5.233944403500059], [27.044065382604703, 5.127852688004835], [26.402760857862535, 5.150874538590869], [25.650455356557465, 5.256087754737123], [25.278798455514302, 5.170408229997191], [25.128833449003274, 4.927244777847789], [24.805028924262409, 4.897246608902349], [24.41053104014625, 5.108784084489129], [23.297213982850135, 4.609693101414221], [22.841479526468103, 4.710126247573483], [22.704123569436284, 4.633050848810156], [22.405123732195531, 4.02916006104732], [21.659122755630019, 4.224341945813719], [20.927591180106273, 4.322785549329736], [20.290679152108932, 4.691677761245287], [19.467783644293146, 5.031527818212779], [18.932312452884755, 4.709506130385973], [18.542982211997778, 4.201785183118317], [18.453065219809925, 3.504385891123348], [17.809900343505259, 3.560196437998569], [17.133042433346297, 3.728196519379451], [16.537058139724135, 3.198254706226278], [16.01285241055535, 2.267639675298084], [15.907380812247649, 2.557389431158612], [15.862732374747479, 3.013537298998982], [15.405395948964379, 3.335300604664339], [15.036219516671249, 3.851367295747123], [14.950953403389658, 4.21038930909492], [14.478372430080466, 4.732605495620446], [14.558935988023501, 5.03059764243153], [14.459407179429345, 5.451760565610299], [14.536560092841111, 6.22695872642069], [14.776545444404572, 6.408498033062044], [15.279460483469107, 7.421924546737968]]] } },
+            { "type": "Feature", "properties": { "admin": "Canada", "name": "Canada", "continent": "North America" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[-63.6645, 46.55001], [-62.9393, 46.41587], [-62.01208, 46.44314], [-62.50391, 46.03339], [-62.87433, 45.96818], [-64.1428, 46.39265], [-64.39261, 46.72747], [-64.01486, 47.03601], [-63.6645, 46.55001]]], [[[-61.806305, 49.10506], [-62.29318, 49.08717], [-63.58926, 49.40069], [-64.51912, 49.87304], [-64.17322, 49.95718], [-62.85829, 49.70641], [-61.835585, 49.28855], [-61.806305, 49.10506]]], [[[-123.510001587551116, 48.51001089130343], [-124.012890788399474, 48.370846259141402], [-125.655012777338342, 48.825004584338494], [-125.954994466792726, 49.179995835967638], [-126.850004435871853, 49.530000311880421], [-127.029993449544392, 49.814995835970073], [-128.059336304366212, 49.994959011426594], [-128.444584107102145, 50.53913768167611], [-128.358413656255408, 50.770648098343678], [-127.308581096029883, 50.552573554071948], [-126.695000977212302, 50.40090322529538], [-125.755006673823161, 50.295018215529367], [-125.415001587558791, 49.950000515332604], [-124.920768189119315, 49.47527497008339], [-123.92250870832099, 49.062483628935794], [-123.510001587551116, 48.51001089130343]]], [[[-56.134035814017111, 50.687009792679298], [-56.795881720595261, 49.812308661490945], [-56.143105027884289, 50.15011749938283], [-55.471492275602934, 49.935815334668447], [-55.822401089080913, 49.587128607779093], [-54.93514258484565, 49.313010972686833], [-54.473775397343772, 49.556691189159167], [-53.47654944519131, 49.24913890237405], [-53.786013759971233, 48.516780503933617], [-53.086133999226249, 48.687803656603528], [-52.95864824076223, 48.157164211614472], [-52.648098720904173, 47.53554840757549], [-53.069158291218336, 46.655498765644936], [-53.521456264853029, 46.618291734394823], [-54.178935512902527, 46.807065741556997], [-53.961868659060471, 47.625207017601909], [-54.240482143762122, 47.752279364607617], [-55.400773078011483, 46.88499380145312], [-55.997480841685835, 46.919720363953289], [-55.291219041552765, 47.389562486350982], [-56.250798712780508, 47.632545070987383], [-57.325229254777085, 47.572807115257987], [-59.26601518414676, 47.603347886742498], [-59.41949418805369, 47.89945384377485], [-58.796586473207398, 48.251525376979473], [-59.23162451845652, 48.523188381537793], [-58.391804979065213, 49.125580552764163], [-57.358689744686025, 50.718274034215845], [-56.738650071831998, 51.287438259478527], [-55.87097693543528, 51.632094224649187], [-55.406974249886602, 51.588272610065722], [-55.600218268442077, 51.317074693397913], [-56.134035814017111, 50.687009792679298]]], [[[-133.180004041711669, 54.169975490935308], [-132.710007884431292, 54.040009315423518], [-131.749989584003259, 54.120004380909208], [-132.049480347350965, 52.984621487024519], [-131.179042521826574, 52.18043284769827], [-131.577829549822894, 52.182370713909236], [-132.180428426778519, 52.639707139692391], [-132.549992432313843, 53.100014960332132], [-133.054611178755493, 53.411468817755363], [-133.239664482792676, 53.851080227262386], [-133.180004041711669, 54.169975490935308]]], [[[-79.26582, 62.158675], [-79.65752, 61.63308], [-80.09956, 61.7181], [-80.36215, 62.01649], [-80.315395, 62.085565], [-79.92939, 62.3856], [-79.52002, 62.36371], [-79.26582, 62.158675]]], [[[-81.89825, 62.7108], [-83.06857, 62.15922], [-83.77462, 62.18231], [-83.99367, 62.4528], [-83.25048, 62.91409], [-81.87699, 62.90458], [-81.89825, 62.7108]]], [[[-85.161307949549851, 65.657284654392797], [-84.975763719405933, 65.217518215588981], [-84.464012010419495, 65.371772365980163], [-83.88262630891974, 65.109617824963536], [-82.78757687043877, 64.766693020274673], [-81.642013719392509, 64.455135809986942], [-81.553440314444245, 63.979609280037131], [-80.817361212878851, 64.057485663500998], [-80.103451300766594, 63.725981350348597], [-80.991019863595653, 63.41124603947496], [-82.547178107416997, 63.651722317145229], [-83.108797573565042, 64.101875718839707], [-84.100416632813847, 63.569711819098004], [-85.523404710618991, 63.052379055424076], [-85.866768764982339, 63.637252916103542], [-87.221983201836721, 63.541238104905212], [-86.352759772471259, 64.035833238370699], [-86.224886440765133, 64.822916978608262], [-85.883847825854858, 65.738778388117041], [-85.161307949549851, 65.657284654392797]]], [[[-75.86588, 67.14886], [-76.98687, 67.09873], [-77.2364, 67.58809], [-76.81166, 68.14856], [-75.89521, 68.28721], [-75.1145, 68.01036], [-75.10333, 67.58202], [-75.21597, 67.44425], [-75.86588, 67.14886]]], [[[-95.647681203800488, 69.107690358321761], [-96.269521203800579, 68.757040358321731], [-97.61740120380054, 69.060030358321782], [-98.431801203800504, 68.950700358321768], [-99.797401203800504, 69.400030358321786], [-98.917401203800523, 69.710030358321788], [-98.218261203800466, 70.143540358321744], [-97.157401203800532, 69.860030358321794], [-96.557401203800524, 69.680030358321758], [-96.257401203800498, 69.490030358321761], [-95.647681203800488, 69.107690358321761]]], [[[-90.5471, 69.49766], [-90.55151, 68.47499], [-89.21515, 69.25873], [-88.01966, 68.61508], [-88.31749, 67.87338], [-87.35017, 67.19872], [-86.30607, 67.92146], [-85.57664, 68.78456], [-85.52197, 69.88211], [-84.10081, 69.80539], [-82.62258, 69.65826], [-81.28043, 69.16202], [-81.2202, 68.66567], [-81.96436, 68.13253], [-81.25928, 67.59716], [-81.38653, 67.11078], [-83.34456, 66.41154], [-84.73542, 66.2573], [-85.76943, 66.55833], [-86.0676, 66.05625], [-87.03143, 65.21297], [-87.32324, 64.77563], [-88.48296, 64.09897], [-89.91444, 64.03273], [-90.70398, 63.61017], [-90.77004, 62.96021], [-91.93342, 62.83508], [-93.15698, 62.02469], [-94.24153, 60.89865], [-94.62931, 60.11021], [-94.6846, 58.94882], [-93.21502, 58.78212], [-92.76462, 57.84571], [-92.297029999999893, 57.08709], [-90.89769, 57.28468], [-89.03953, 56.85172], [-88.03978, 56.47162], [-87.32421, 55.99914], [-86.07121, 55.72383], [-85.01181, 55.3026], [-83.36055, 55.24489], [-82.27285, 55.14832], [-82.4362, 54.28227], [-82.12502, 53.27703], [-81.40075, 52.15788], [-79.91289, 51.20842], [-79.14301, 51.53393], [-78.60191, 52.56208], [-79.12421, 54.14145], [-79.82958, 54.66772], [-78.22874, 55.13645], [-77.0956, 55.83741], [-76.54137, 56.53423], [-76.62319, 57.20263], [-77.30226, 58.05209], [-78.51688, 58.80458], [-77.33676, 59.85261], [-77.77272, 60.75788], [-78.10687, 62.31964], [-77.41067, 62.55053], [-75.69621, 62.2784], [-74.6682, 62.18111], [-73.83988, 62.4438], [-72.90853, 62.10507], [-71.67708, 61.52535], [-71.37369, 61.13717], [-69.59042, 61.06141], [-69.62033, 60.22125], [-69.2879, 58.95736], [-68.37455, 58.80106], [-67.64976, 58.21206], [-66.20178, 58.76731], [-65.24517, 59.87071], [-64.58352, 60.33558], [-63.80475, 59.4426], [-62.50236, 58.16708], [-61.39655, 56.96745], [-61.79866, 56.33945], [-60.46853, 55.77548], [-59.56962, 55.20407], [-57.97508, 54.94549], [-57.3332, 54.6265], [-56.93689, 53.78032], [-56.15811, 53.64749], [-55.75632, 53.27036], [-55.68338, 52.14664], [-56.40916, 51.7707], [-57.12691, 51.41972], [-58.77482, 51.0643], [-60.03309, 50.24277], [-61.72366, 50.08046], [-63.86251, 50.29099], [-65.36331, 50.2982], [-66.39905, 50.22897], [-67.23631, 49.51156], [-68.51114, 49.06836], [-69.95362, 47.74488], [-71.10458, 46.82171], [-70.25522, 46.98606], [-68.65, 48.3], [-66.55243, 49.1331], [-65.05626, 49.23278], [-64.17099, 48.74248], [-65.11545, 48.07085], [-64.79854, 46.99297], [-64.47219, 46.23849], [-63.17329, 45.73902], [-61.52072, 45.88377], [-60.51815, 47.00793], [-60.4486, 46.28264], [-59.80287, 45.9204], [-61.03988, 45.26525], [-63.25471, 44.67014], [-64.24656, 44.26553], [-65.36406, 43.54523], [-66.1234, 43.61867], [-66.16173, 44.46512], [-64.42549, 45.29204], [-66.02605, 45.25931], [-67.13741, 45.13753], [-67.79134, 45.70281], [-67.79046, 47.06636], [-68.23444, 47.35486], [-68.905, 47.185], [-69.237216, 47.447781], [-69.99997, 46.69307], [-70.305, 45.915], [-70.66, 45.46], [-71.08482, 45.30524], [-71.405, 45.255], [-71.50506, 45.0082], [-73.34783, 45.00738], [-74.867, 45.00048], [-75.31821, 44.81645], [-76.375, 44.09631], [-76.5, 44.018458893758712], [-76.820034145805565, 43.628784288093748], [-77.737885097957687, 43.62905558936329], [-78.720279914042365, 43.625089423184868], [-79.171673550111862, 43.466339423184216], [-79.01, 43.27], [-78.92, 42.965], [-78.939362148743683, 42.863611355148031], [-80.247447679347928, 42.366199856122584], [-81.277746548167144, 42.209025987306845], [-82.439277716791608, 41.675105088867149], [-82.690089280920162, 41.675105088867149], [-83.029810146806909, 41.832795722005834], [-83.141999681312555, 41.975681057292825], [-83.12, 42.08], [-82.9, 42.43], [-82.43, 42.98], [-82.137642381503881, 43.571087551439909], [-82.337763125431053, 44.44], [-82.550924648758169, 45.347516587905368], [-83.592850714843067, 45.816893622412373], [-83.469550747394621, 45.994686387712584], [-83.616130947590563, 46.116926988299056], [-83.890765347005726, 46.116926988299056], [-84.091851264161463, 46.27541860613816], [-84.14211951367335, 46.512225857115723], [-84.3367, 46.40877], [-84.6049, 46.4396], [-84.543748745445853, 46.538684190449132], [-84.779238247399888, 46.637101955749038], [-84.876079881514855, 46.900083319682366], [-85.652363247403414, 47.220218817730498], [-86.461990831228249, 47.553338019392037], [-87.439792623300207, 47.94], [-88.378114183286698, 48.302917588893727], [-89.272917446636654, 48.019808254582657], [-89.6, 48.01], [-90.83, 48.27], [-91.64, 48.14], [-92.61, 48.45], [-93.63087, 48.60926], [-94.32914, 48.67074], [-94.64, 48.84], [-94.81758, 49.38905], [-95.15609, 49.38425], [-95.159069509172014, 49.0], [-97.228720000004799, 49.0007], [-100.65, 49.0], [-104.04826, 48.99986], [-107.05, 49.0], [-110.05, 49.0], [-113.0, 49.0], [-116.04818, 49.0], [-117.03121, 49.0], [-120.0, 49.0], [-122.84, 49.0], [-122.97421, 49.002537777777789], [-124.91024, 49.98456], [-125.62461, 50.41656], [-127.43561, 50.83061], [-127.99276, 51.71583], [-127.85032, 52.32961], [-129.12979, 52.75538], [-129.30523, 53.56159], [-130.51497, 54.28757], [-130.53611, 54.80278], [-129.98, 55.285], [-130.00778, 55.91583], [-131.70781, 56.55212], [-132.73042, 57.69289], [-133.35556, 58.41028], [-134.27111, 58.86111], [-134.945, 59.27056], [-135.47583, 59.78778], [-136.47972, 59.46389], [-137.4525, 58.905], [-138.34089, 59.56211], [-139.039, 60.0], [-140.013, 60.27682], [-140.99778, 60.30639], [-140.9925, 66.00003], [-140.986, 69.712], [-139.12052, 69.47102], [-137.54636, 68.99002], [-136.50358, 68.89804], [-135.62576, 69.31512], [-134.41464, 69.62743], [-132.92925, 69.50534], [-131.43136, 69.94451], [-129.79471, 70.19369], [-129.10773, 69.77927], [-128.36156, 70.01286], [-128.13817, 70.48384], [-127.44712, 70.37721], [-125.75632, 69.48058], [-124.42483, 70.1584], [-124.28968, 69.39969], [-123.06108, 69.56372], [-122.6835, 69.85553], [-121.47226, 69.79778], [-119.94288, 69.37786], [-117.60268, 69.01128], [-116.22643, 68.84151], [-115.2469, 68.90591], [-113.89794, 68.3989], [-115.30489, 67.90261], [-113.49727, 67.68815], [-110.798, 67.80612], [-109.94619, 67.98104], [-108.8802, 67.38144], [-107.79239, 67.88736], [-108.81299, 68.31164], [-108.16721, 68.65392], [-106.95, 68.7], [-106.15, 68.8], [-105.34282, 68.56122], [-104.33791, 68.018], [-103.22115, 68.09775], [-101.45433, 67.64689], [-99.90195, 67.80566], [-98.4432, 67.78165], [-98.5586, 68.40394], [-97.66948, 68.57864], [-96.11991, 68.23939], [-96.12588, 67.29338], [-95.48943, 68.0907], [-94.685, 68.06383], [-94.23282, 69.06903], [-95.30408, 69.68571], [-96.47131, 70.08976], [-96.39115, 71.19482], [-95.2088, 71.92053], [-93.88997, 71.76015], [-92.87818, 71.31869], [-91.51964, 70.19129], [-92.40692, 69.69997], [-90.5471, 69.49766]]], [[[-114.167169999999871, 73.12145], [-114.66634, 72.65277], [-112.441019999999867, 72.9554], [-111.05039, 72.4504], [-109.920349999999857, 72.96113], [-109.00654, 72.63335], [-108.188349999999886, 71.65089], [-107.68599, 72.06548], [-108.39639, 73.08953], [-107.51645, 73.23598], [-106.522589999999866, 73.07601], [-105.402459999999877, 72.67259], [-104.77484, 71.6984], [-104.464759999999814, 70.99297], [-102.78537, 70.49776], [-100.980779999999868, 70.02432], [-101.089289999999892, 69.58447000000011], [-102.731159999999875, 69.50402], [-102.09329, 69.11962], [-102.43024, 68.75282], [-104.24, 68.91], [-105.96, 69.180000000000135], [-107.12254, 69.11922], [-108.999999999999872, 68.78], [-111.534148875200117, 68.630059156817921], [-113.3132, 68.53554], [-113.854959999999807, 69.007440000000102], [-115.22, 69.28], [-116.10794, 69.16821], [-117.34, 69.960000000000107], [-116.674729999999869, 70.06655], [-115.13112, 70.2373], [-113.72141, 70.19237], [-112.4161, 70.36638], [-114.35, 70.6], [-116.48684, 70.52045], [-117.9048, 70.540560000000127], [-118.43238, 70.9092], [-116.11311, 71.30918], [-117.65568, 71.2952], [-119.40199, 71.55859], [-118.56267, 72.30785], [-117.866419999999877, 72.70594], [-115.18909, 73.314590000000109], [-114.167169999999871, 73.12145]]], [[[-104.5, 73.42], [-105.38, 72.76], [-106.94, 73.46], [-106.6, 73.6], [-105.26, 73.64], [-104.5, 73.42]]], [[[-76.34, 73.102684989953005], [-76.251403808593736, 72.826385498046861], [-77.314437866210895, 72.85554504394527], [-78.391670227050795, 72.876655578613253], [-79.486251831054645, 72.742202758789062], [-79.775833129882827, 72.80290222167973], [-80.876098632812514, 73.333183288574205], [-80.833885192871051, 73.693183898925767], [-80.353057861328111, 73.75971984863277], [-78.064437866210923, 73.651931762695327], [-76.34, 73.102684989953005]]], [[[-86.562178514334107, 73.157447007938444], [-85.774371304044521, 72.534125881633798], [-84.850112474288224, 73.34027822538711], [-82.315590176100969, 73.750950832810574], [-80.600087653307611, 72.716543687624181], [-80.748941616524391, 72.061906643350753], [-78.770638597310764, 72.352173163534147], [-77.824623989559569, 72.749616604291035], [-75.605844692675717, 72.243678493937381], [-74.228616095664975, 71.767144273557889], [-74.099140794557698, 71.330840155717638], [-72.242225714797641, 71.556924546994495], [-71.200015428335192, 70.920012518997211], [-68.78605424668487, 70.525023708774242], [-67.914970465756923, 70.121947536897594], [-66.969033372654152, 69.18608734809186], [-68.805122850200533, 68.720198472764409], [-66.449866095633851, 68.067163397892003], [-64.862314419195215, 67.847538560651614], [-63.424934454996745, 66.928473212340649], [-61.851981370680569, 66.862120673277829], [-62.163176845942296, 66.160251369889593], [-63.91844438338417, 64.998668524832837], [-65.148860236253611, 65.426032619886669], [-66.72121904159853, 66.388041083432185], [-68.015016038673949, 66.262725735124391], [-68.141287400979152, 65.689789130304362], [-67.089646165623392, 65.108455105236985], [-65.732080451099748, 64.64840566675862], [-65.320167609301265, 64.382737128346051], [-64.669406297449669, 63.392926744227474], [-65.013803880458894, 62.674185085695974], [-66.275044725190455, 62.945098781986069], [-68.783186204692711, 63.745670071051805], [-67.369680752213029, 62.883965562584869], [-66.328297288667201, 62.28007477482204], [-66.165568203380147, 61.930897121825879], [-68.877366502544632, 62.330149237712803], [-71.023437059193824, 62.910708116295829], [-72.23537858751898, 63.397836005295154], [-71.886278449171286, 63.679989325608837], [-73.37830624051837, 64.193963121183813], [-74.834418911422588, 64.679075629323776], [-74.818502570276706, 64.389093329517962], [-77.709979824520019, 64.229542344816778], [-78.55594885935416, 64.572906399180127], [-77.897281053361908, 65.309192206474776], [-76.018274298797181, 65.326968899183143], [-73.95979529488271, 65.454764716240888], [-74.293883429649625, 65.81177134872938], [-73.94491248238262, 66.310578111426722], [-72.65116716173938, 67.284575507263853], [-72.926059943316076, 67.726925767682374], [-73.311617804645721, 68.069437160912898], [-74.8433072577768, 68.554627183701271], [-76.869100918266739, 68.894735622830254], [-76.228649054657339, 69.147769273547411], [-77.28736996123709, 69.769540106883269], [-78.168633999326588, 69.826487535268896], [-78.95724219431672, 70.166880194775402], [-79.492455003563649, 69.871807766388898], [-81.305470954091732, 69.743185126414332], [-84.944706183598456, 69.966634019644388], [-87.060003424817864, 70.260001125765356], [-88.681713223001495, 70.410741278760796], [-89.513419562523012, 70.762037665480975], [-88.467721116880753, 71.218185533321318], [-89.888151211287465, 71.222552191849942], [-90.205160285181989, 72.235074367960792], [-89.43657670770493, 73.129464219852352], [-88.408241543312784, 73.537888902471209], [-85.826151089200906, 73.803815823045213], [-86.562178514334107, 73.157447007938444]]], [[[-100.35642, 73.84389], [-99.16387, 73.63339], [-97.38, 73.76], [-97.12, 73.47], [-98.05359, 72.99052], [-96.54, 72.56], [-96.72, 71.66], [-98.35966, 71.27285], [-99.32286, 71.35639], [-100.01482, 71.73827], [-102.5, 72.51], [-102.48, 72.83], [-100.43836, 72.70588], [-101.54, 73.36], [-100.35642, 73.84389]]], [[[-93.196295539100205, 72.771992499473342], [-94.26904659704725, 72.024596259235949], [-95.409855516322637, 72.061880805134578], [-96.033745083382428, 72.940276801231789], [-96.01826799191096, 73.437429918095788], [-95.495793423224001, 73.862416897264154], [-94.503657599652328, 74.134906724739196], [-92.420012173211745, 74.100025132942179], [-90.509792853542578, 73.85673248971203], [-92.003965216829869, 72.966244208458477], [-93.196295539100205, 72.771992499473342]]], [[[-120.46, 71.383601793087578], [-123.09219, 70.90164], [-123.62, 71.34], [-125.92894873747332, 71.868688463011395], [-125.499999999999872, 72.292260811795003], [-124.80729, 73.02256], [-123.94, 73.680000000000135], [-124.917749999999899, 74.292750000000112], [-121.53788, 74.44893], [-120.10978, 74.24135], [-117.55564, 74.18577], [-116.58442, 73.89607], [-115.51081, 73.47519], [-116.767939999999882, 73.22292], [-119.22, 72.52], [-120.46, 71.82], [-120.46, 71.383601793087578]]], [[[-93.612755906940464, 74.979997260224437], [-94.156908738973812, 74.59234650338685], [-95.60868058956558, 74.666863918751758], [-96.820932176484561, 74.927623196096576], [-96.288587409229791, 75.377828274223333], [-94.850819871789113, 75.647217515760886], [-93.977746548217908, 75.296489569795952], [-93.612755906940464, 74.979997260224437]]], [[[-98.5, 76.72], [-97.735585, 76.25656], [-97.704415, 75.74344], [-98.16, 75.0], [-99.80874, 74.89744], [-100.88366, 75.05736], [-100.86292, 75.64075], [-102.50209, 75.5638], [-102.56552, 76.3366], [-101.48973, 76.30537], [-99.98349, 76.64634], [-98.57699, 76.58859], [-98.5, 76.72]]], [[[-108.21141, 76.20168], [-107.81943, 75.84552], [-106.92893, 76.01282], [-105.881, 75.9694], [-105.70498, 75.47951], [-106.31347, 75.00527], [-109.7, 74.85], [-112.22307, 74.41696], [-113.74381, 74.39427], [-113.87135, 74.72029], [-111.79421, 75.1625], [-116.31221, 75.04343], [-117.7104, 75.2222], [-116.34602, 76.19903], [-115.40487, 76.47887], [-112.59056, 76.14134], [-110.81422, 75.54919], [-109.0671, 75.47321], [-110.49726, 76.42982], [-109.5811, 76.79417], [-108.54859, 76.67832], [-108.21141, 76.20168]]], [[[-94.684085862999439, 77.097878323058367], [-93.573921068073105, 76.776295884906062], [-91.605023159536586, 76.778517971494594], [-90.741845872749209, 76.449597479956807], [-90.969661424507976, 76.074013170059445], [-89.822237921899244, 75.847773749485626], [-89.187082892599776, 75.610165513807615], [-87.838276333349611, 75.566188869927217], [-86.379192267588664, 75.482421373182163], [-84.789625210290595, 75.699204006646497], [-82.753444586910049, 75.784315090631225], [-81.12853084992436, 75.713983466282016], [-80.05751095245914, 75.336848863415867], [-79.833932868148324, 74.923127346487192], [-80.457770758775823, 74.657303778777774], [-81.948842536125511, 74.442459011524321], [-83.2288936022114, 74.564027818490928], [-86.097452358733292, 74.410032050261137], [-88.150350307960196, 74.392307033984977], [-89.764722052758358, 74.515555325001117], [-92.422440965529418, 74.837757880340973], [-92.768285488642789, 75.38681997344213], [-92.889905972041717, 75.882655341282629], [-93.893824022175977, 76.319243679500516], [-95.962457445035795, 76.44138092722244], [-97.121378953829463, 76.751077785947587], [-96.745122850312342, 77.161388658345132], [-94.684085862999439, 77.097878323058367]]], [[[-116.198586595507322, 77.645286770326194], [-116.335813361458349, 76.876961575010554], [-117.106050584768766, 76.530031846819114], [-118.040412157038119, 76.481171780087081], [-119.899317586885687, 76.053213406061971], [-121.499995077126471, 75.900018622532784], [-122.85492448615895, 76.116542873835684], [-122.854925293603188, 76.116542873835684], [-121.157535360328239, 76.864507554828336], [-119.103938971821023, 77.512219957174608], [-117.570130784965954, 77.498318996888102], [-116.198586595507322, 77.645286770326194]]], [[[-93.840003017943971, 77.51999726023449], [-94.295608283245244, 77.491342678528682], [-96.169654100310055, 77.55511139597688], [-96.436304490936109, 77.83462921824362], [-94.422577277386353, 77.820004787904978], [-93.720656297565867, 77.634331366680314], [-93.840003017943971, 77.51999726023449]]], [[[-110.186938035912945, 77.697014879050286], [-112.051191169058455, 77.409228827616843], [-113.534278937619035, 77.732206529441143], [-112.724586758253835, 78.051050116681935], [-111.264443325630822, 78.152956041161545], [-109.854451870547067, 77.996324774884812], [-110.186938035912945, 77.697014879050286]]], [[[-109.663145718202557, 78.601972561345676], [-110.88131425661885, 78.406919867659994], [-112.542091437615142, 78.407901719873493], [-112.525890876091566, 78.550554511215225], [-111.500010342233367, 78.849993598130538], [-110.96366065147599, 78.804440823065207], [-109.663145718202557, 78.601972561345676]]], [[[-95.830294969449312, 78.056941229963243], [-97.309842902397975, 77.85059723582178], [-98.124289313533964, 78.082856960757567], [-98.55286780474664, 78.458105373845086], [-98.631984422585504, 78.871930243638374], [-97.337231411512604, 78.831984361476756], [-96.754398769908761, 78.765812689926989], [-95.559277920294562, 78.41831452098026], [-95.830294969449312, 78.056941229963243]]], [[[-100.060191820052111, 78.324754340315891], [-99.670939093813601, 77.907544664207393], [-101.303940192452984, 78.018984890444798], [-102.949808722733025, 78.343228664860206], [-105.176132778731514, 78.38033234324574], [-104.210429450277147, 78.677420152491777], [-105.419580451258511, 78.918335679836431], [-105.492289191493128, 79.301593939929177], [-103.529282396237917, 79.16534902619162], [-100.8251580472688, 78.80046173777869], [-100.060191820052111, 78.324754340315891]]], [[[-87.02, 79.66], [-85.81435, 79.3369], [-87.18756, 79.0393], [-89.03535, 78.28723], [-90.80436, 78.21533], [-92.87669, 78.34333], [-93.95116, 78.75099], [-93.93574, 79.11373], [-93.14524, 79.3801], [-94.974, 79.37248], [-96.07614, 79.70502], [-96.70972, 80.15777], [-96.01644, 80.60233], [-95.32345, 80.90729], [-94.29843, 80.97727], [-94.73542, 81.20646], [-92.40984, 81.25739], [-91.13289, 80.72345], [-89.45, 80.509322033898258], [-87.81, 80.32], [-87.02, 79.66]]], [[[-68.5, 83.106321516765732], [-65.82735, 83.02801], [-63.68, 82.9], [-61.85, 82.6286], [-61.89388, 82.36165], [-64.334, 81.92775], [-66.75342, 81.72527], [-67.65755, 81.50141], [-65.48031, 81.50657], [-67.84, 80.9], [-69.4697, 80.61683], [-71.18, 79.8], [-73.2428, 79.63415], [-73.88, 79.430162204802073], [-76.90773, 79.32309], [-75.52924, 79.19766], [-76.22046, 79.01907], [-75.39345, 78.52581], [-76.34354, 78.18296], [-77.88851, 77.89991], [-78.36269, 77.50859], [-79.75951, 77.20968], [-79.61965, 76.98336], [-77.91089, 77.022045], [-77.88911, 76.777955], [-80.56125, 76.17812], [-83.17439, 76.45403], [-86.11184, 76.29901], [-87.6, 76.42], [-89.49068, 76.47239], [-89.6161, 76.95213], [-87.76739, 77.17833], [-88.26, 77.9], [-87.65, 77.970222222222205], [-84.97634, 77.53873], [-86.34, 78.18], [-87.96192, 78.37181], [-87.15198, 78.75867], [-85.37868, 78.9969], [-85.09495, 79.34543], [-86.50734, 79.73624], [-86.93179, 80.25145], [-84.19844, 80.20836], [-83.408695652173819, 80.1], [-81.84823, 80.46442], [-84.1, 80.58], [-87.59895, 80.51627], [-89.36663, 80.85569], [-90.2, 81.26], [-91.36786, 81.5531], [-91.58702, 81.89429], [-90.1, 82.085], [-88.93227, 82.11751], [-86.97024, 82.27961], [-85.5, 82.652273458057024], [-84.260005, 82.6], [-83.18, 82.32], [-82.42, 82.86], [-81.1, 83.02], [-79.30664, 83.13056], [-76.25, 83.172058823529369], [-75.71878, 83.06404], [-72.83153, 83.23324], [-70.665765, 83.169780758382828], [-68.5, 83.106321516765732]]]] } },
+            { "type": "Feature", "properties": { "admin": "Switzerland", "name": "Switzerland", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[9.594226108446346, 47.525058091820256], [9.632931756232974, 47.347601223329974], [9.479969516649019, 47.102809963563367], [9.932448357796657, 46.920728054382948], [10.442701450246627, 46.893546250997424], [10.36337812667861, 46.483571275409851], [9.922836541390378, 46.314899400409182], [9.182881707403054, 46.440214748716976], [8.966305779667804, 46.036931871111186], [8.489952426801322, 46.005150865251672], [8.316629672894377, 46.163642483090847], [7.755992058959832, 45.824490057959302], [7.273850945676655, 45.776947740250769], [6.843592970414504, 45.991146552100595], [6.500099724970424, 46.429672756529428], [6.022609490593537, 46.272989813820466], [6.037388950229, 46.725778713561859], [6.768713820023605, 47.287708238303686], [6.736571079138058, 47.541801255882838], [7.192202182655505, 47.449765529971003], [7.466759067422228, 47.620581976911794], [8.31730146651415, 47.613579820336255], [8.522611932009765, 47.830827541691285], [9.594226108446346, 47.525058091820256]]] } },
+            { "type": "Feature", "properties": { "admin": "Chile", "name": "Chile", "continent": "South America" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[-68.634010227583147, -52.636370458874353], [-68.633349999999879, -54.8695], [-67.56244, -54.87001], [-66.95992, -54.89681], [-67.291029999999878, -55.30124], [-68.148629999999841, -55.61183], [-68.639990810811796, -55.580017999086877], [-69.2321, -55.49906], [-69.95809, -55.19843], [-71.00568, -55.05383], [-72.2639, -54.49514], [-73.2852, -53.957519999999874], [-74.66253, -52.83749], [-73.8381, -53.04743], [-72.43418, -53.7154], [-71.10773, -54.07433], [-70.591779999999787, -53.61583], [-70.26748, -52.93123], [-69.345649999999878, -52.5183], [-68.634010227583147, -52.636370458874353]]], [[[-68.219913092711224, -21.49434661223183], [-67.828179897722634, -22.872918796482178], [-67.106673550063604, -22.735924574476392], [-66.985233934177629, -22.986348565362825], [-67.328442959244128, -24.025303236590908], [-68.417652960876111, -24.518554782816874], [-68.386001146097342, -26.185016371365229], [-68.594799770772667, -26.50690886811126], [-68.295541551370391, -26.899339694935787], [-69.001234910748266, -27.521213881136127], [-69.656130337183143, -28.459141127233686], [-70.013550381129861, -29.367922865518544], [-69.919008348251921, -30.336339206668306], [-70.535068935819439, -31.365010267870279], [-70.074399380153622, -33.09120981214803], [-69.814776984319209, -33.273886000299839], [-69.817309129501453, -34.193571465798279], [-70.388049485949082, -35.169687595359441], [-70.364769253201658, -36.005088799789931], [-71.121880662709771, -36.65812387466233], [-71.118625047475419, -37.576827487947192], [-70.814664272734703, -38.552995293940732], [-71.413516608349042, -38.916022230791107], [-71.680761277946445, -39.808164157878061], [-71.915734015577542, -40.832339369470716], [-71.746803758415453, -42.051386407235988], [-72.148898078078517, -42.254888197601375], [-71.915423956983901, -43.408564548517404], [-71.464056159130493, -43.787611179378324], [-71.793622606071935, -44.207172133156099], [-71.329800788036195, -44.407521661151677], [-71.222778896759721, -44.784242852559409], [-71.659315558545316, -44.973688653341434], [-71.552009446891233, -45.560732924177117], [-71.917258470330196, -46.884838148791786], [-72.44735531278026, -47.738532810253517], [-72.331160854771937, -48.244238376661819], [-72.648247443314929, -48.878618259476774], [-73.415435757120022, -49.318436374712952], [-73.328050910114456, -50.378785088909865], [-72.975746832964617, -50.741450290734299], [-72.309973517532342, -50.677009779666342], [-72.329403856074023, -51.425956312872394], [-71.914803839796321, -52.009022305865912], [-69.498362189396076, -52.142760912637236], [-68.571545376241332, -52.299443855346247], [-69.461284349226617, -52.291950772663924], [-69.94277950710611, -52.537930590373243], [-70.8451016913545, -52.899200528525711], [-71.006332160105217, -53.833252042201345], [-71.429794684520928, -53.856454760300373], [-72.557942877884855, -53.531410001184447], [-73.702756720662862, -52.835069268607249], [-73.702756720662862, -52.835070076051487], [-74.946763475225154, -52.262753588419017], [-75.260026007778507, -51.62935475037321], [-74.976632453089806, -51.043395684615675], [-75.47975419788348, -50.378371677451547], [-75.608015102831942, -48.673772881871784], [-75.182769741502128, -47.711919447623153], [-74.126580980104677, -46.939253431995084], [-75.644395311165439, -46.647643324572016], [-74.69215369332305, -45.76397633238097], [-74.351709357384252, -44.10304412208788], [-73.240356004515192, -44.454960625995611], [-72.717803921179765, -42.383355808278985], [-73.388899909138232, -42.117532240569567], [-73.701335618774834, -43.365776462579738], [-74.33194312203257, -43.224958184584395], [-74.017957119427152, -41.794812920906828], [-73.677099372029943, -39.942212823243111], [-73.217592536090663, -39.258688653318508], [-73.505559455037044, -38.282882582351064], [-73.588060879191076, -37.156284681956016], [-73.166717088499283, -37.123780206044351], [-72.553136969681717, -35.508840020491022], [-71.861732143832555, -33.909092706031522], [-71.438450486929895, -32.418899428030819], [-71.668720669222424, -30.920644626592516], [-71.370082567007714, -30.095682061484997], [-71.48989437527645, -28.861442152625909], [-70.905123867461569, -27.640379734001193], [-70.724953986275963, -25.705924167587209], [-70.403965827095035, -23.628996677344542], [-70.091245897080668, -21.393319187101223], [-70.164419725205974, -19.756468194256183], [-70.372572394477714, -18.347975355708879], [-69.858443569605797, -18.092693780187027], [-69.590423753523979, -17.580011895419286], [-69.100246955019401, -18.260125420812653], [-68.966818406841824, -18.981683444904089], [-68.442225104430918, -19.405068454671419], [-68.757167121033703, -20.37265797290447], [-68.219913092711224, -21.49434661223183]]]] } },
+            { "type": "Feature", "properties": { "admin": "China", "name": "China", "continent": "Asia" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[110.339187860151526, 18.678395087147603], [109.475209588663702, 18.19770091396861], [108.655207961056135, 18.507681993071397], [108.626217482540426, 19.367887885001974], [109.119055617308007, 19.821038519769385], [110.211598748822837, 20.101253973872073], [110.786550734502228, 20.077534491450077], [111.01005130416462, 19.695929877190732], [110.570646600386794, 19.255879218009305], [110.339187860151526, 18.678395087147603]]], [[[127.657407261262378, 49.760270494172929], [129.397817824420429, 49.440600084015429], [130.58229332898236, 48.729687404976112], [130.987281528853828, 47.790132351261391], [132.506671991099495, 47.788969631534876], [133.373595819228001, 48.183441677434914], [135.026311476786702, 48.478229885443902], [134.500813836810607, 47.578439846377833], [134.112362095272601, 47.212467352886719], [133.76964399631288, 46.116926988299056], [133.097126906466428, 45.14406647397216], [131.883454217659562, 45.32116160743643], [131.025212030156069, 44.967953192721573], [131.288555129115537, 44.111519680348252], [131.144687941614848, 42.929989732426932], [130.633866408409801, 42.903014634770543], [130.640015903852429, 42.39500946712527], [129.994267205933227, 42.985386867843793], [129.596668735879462, 42.424981797854592], [128.05221520397231, 41.994284572917984], [128.208433058790717, 41.466771552082534], [127.343782993683021, 41.503151760415953], [126.869083286649854, 41.816569322266155], [126.18204511932943, 41.107336127276362], [125.079941847840587, 40.569823716792449], [124.265624627785314, 39.928493353834135], [122.86757042856101, 39.637787583976255], [122.131387974130917, 39.170451768544623], [121.054554478032856, 38.89747101496291], [121.585994907722466, 39.360853583324136], [121.376757033372641, 39.750261338859524], [122.168595005381007, 40.422442531896046], [121.640358514493528, 40.946389878903304], [120.768628778161954, 40.593388169917596], [119.639602085449056, 39.898055935214209], [119.023463983233015, 39.252333075511096], [118.042748651197897, 39.204273993479674], [117.532702264477052, 38.73763580988409], [118.05969852098967, 38.061475531561051], [118.878149855628351, 37.897325344385898], [118.911636183753501, 37.448463853498723], [119.702802362142037, 37.156388658185072], [120.823457472823648, 37.870427761377968], [121.711258579597938, 37.481123358707165], [122.357937453298462, 37.454484157860684], [122.519994744965814, 36.930614325501828], [121.104163853033029, 36.651329047180432], [120.63700890511457, 36.111439520811125], [119.66456180224607, 35.609790554337728], [119.151208123858567, 34.909859117160458], [120.227524855633717, 34.360331936168613], [120.620369093916565, 33.37672272392512], [121.229014113450219, 32.460318711877186], [121.908145786630044, 31.692174384074683], [121.891919386890336, 30.949351508095098], [121.264257440273298, 30.676267401648712], [121.503519321784722, 30.14291494396425], [122.092113885589086, 29.832520453403156], [121.93842817595305, 29.018022365834803], [121.684438511238469, 28.225512600206677], [121.125661248866436, 28.135673122667178], [120.395473260582307, 27.053206895449385], [119.585496860839555, 25.740780544532605], [118.656871372554519, 24.547390855400234], [117.281606479970833, 23.624501451099714], [115.890735304835118, 22.782873236578094], [114.763827345846209, 22.668074042241663], [114.152546828265656, 22.223760077396204], [113.806779819800752, 22.548339748621423], [113.241077915501592, 22.051367499270462], [111.843592157032447, 21.550493679281512], [110.78546552942413, 21.39714386645533], [110.444039341271662, 20.34103261970639], [109.88986128137357, 20.282457383703441], [109.627655063924635, 21.008227037026725], [109.864488153118316, 21.395050970947516], [108.522812941524421, 21.715212307211821], [108.050180291782979, 21.552379869060101], [107.043420037872636, 21.8118989120299], [106.567273390735352, 22.21820486092474], [106.725403273548466, 22.794267889898375], [105.811247186305209, 22.976892401617899], [105.329209425886631, 23.352063300056976], [104.476858351664475, 22.819150092046918], [103.504514601660503, 22.703756618739217], [102.706992222100155, 22.708795070887696], [102.170435825613552, 22.464753119389336], [101.652017856861576, 22.318198757409554], [101.803119744882906, 21.174366766845051], [101.27002566936001, 21.201651923095167], [101.180005324307558, 21.436572984294052], [101.150032993578236, 21.849984442629015], [100.416537713627349, 21.558839423096654], [99.983489211021549, 21.742936713136451], [99.240898878987196, 22.118314317304559], [99.53199222208741, 22.949038804612591], [98.898749220782804, 23.142722072842581], [98.66026248575578, 24.063286037690002], [97.604719679762027, 23.897404690033049], [97.724609002679131, 25.083637193293036], [98.671838006589212, 25.91870250091349], [98.712093947344556, 26.743535874940243], [98.682690057370507, 27.508812160750658], [98.246230910233351, 27.747221381129172], [97.91198774616943, 28.335945136014367], [97.327113885490007, 28.261582749946339], [96.248833449287829, 28.411030992134467], [96.586590610747521, 28.830979519154361], [96.117678664131006, 29.452802028922513], [95.404802280664626, 29.031716620392157], [94.565990431702929, 29.27743805593996], [93.413347609432662, 28.640629380807233], [92.503118931043616, 27.896876329046442], [91.696656528696693, 27.771741848251615], [91.258853794319876, 28.040614325466343], [90.730513950567797, 28.064953925075738], [90.015828891971182, 28.296438503527177], [89.475810174521158, 28.042758897406365], [88.814248488320573, 27.299315904239389], [88.730325962278528, 28.086864732367552], [88.120440708369941, 27.876541652939572], [86.954517043000635, 27.974261786403524], [85.823319940131526, 28.203575954698742], [85.011638218123053, 28.642773952747369], [84.23457970575015, 28.839893703724691], [83.89899295444674, 29.320226141877633], [83.337115106137176, 29.463731594352193], [82.327512648450877, 30.115268052688204], [81.525804477874786, 30.422716986608659], [81.111256138029276, 30.183480943313402], [79.721366815107118, 30.882714748654728], [78.738894484374001, 31.515906073527045], [78.458446486326025, 32.61816437431272], [79.176128777995544, 32.483779812137747], [79.208891636068543, 32.994394639613738], [78.811086460285722, 33.506198025032397], [78.912268914713209, 34.321936346975768], [77.83745079947461, 35.494009507787794], [76.192848341785705, 35.89840342868785], [75.896897414050173, 36.666806138651872], [75.158027785140987, 37.133030910789152], [74.980002475895404, 37.419990139305888], [74.829985792952144, 37.990007025701445], [74.864815708316783, 38.378846340481587], [74.25751427602269, 38.606506862943476], [73.928852166646394, 38.505815334622717], [73.675379266254836, 39.431236884105566], [73.960013055318427, 39.660008449861714], [73.822243686828315, 39.893973497063136], [74.776862420556043, 40.366425279291619], [75.467827996730719, 40.56207225194867], [76.526368035797432, 40.427946071935132], [76.90448449087711, 41.066485907549648], [78.187196893226044, 41.185315863604799], [78.543660923175253, 41.582242540038713], [80.119430373051401, 42.12394074153822], [80.259990268885318, 42.34999929459908], [80.180150180994374, 42.920067857426844], [80.866206496101213, 43.180362046881008], [79.966106398441426, 44.917516994804622], [81.947070753918084, 45.317027492853143], [82.458925815769035, 45.539649563166499], [83.180483839860543, 47.330031236350735], [85.164290399113213, 47.000955715516099], [85.720483839870667, 47.452969468773077], [85.76823286330837, 48.455750637396896], [86.59877648310335, 48.549181626980605], [87.359970330762692, 49.214980780629148], [87.751264276076668, 49.297197984405464], [88.013832228551678, 48.599462795600594], [88.854297723346747, 48.069081732773007], [90.280825636763893, 47.693549099307901], [90.970809360724957, 46.88814606382293], [90.585768263718307, 45.719716091487491], [90.945539585334316, 45.286073309910243], [92.133890822318222, 45.115075995456429], [93.480733677141316, 44.97547211362], [94.688928664125356, 44.352331854828456], [95.306875441471504, 44.241330878265458], [95.762454868556688, 43.319449164394619], [96.349395786527808, 42.725635280928643], [97.451757440177971, 42.74888967546007], [99.515817498779995, 42.524691473961688], [100.845865513108279, 42.663804429691417], [101.833040399179936, 42.51487295182627], [103.312278273534787, 41.907468166667613], [104.522281935649005, 41.90834666601662], [104.964993931093431, 41.597409572916334], [106.129315627061658, 42.134327704428891], [107.744772576937976, 42.481515814781908], [109.243595819131428, 42.519446316084149], [110.412103306115299, 42.871233628911014], [111.129682244920218, 43.406834011400171], [111.82958784388137, 43.743118394539486], [111.667737257943202, 44.073175767587706], [111.348376906379428, 44.457441718110047], [111.87330610560025, 45.102079372735112], [112.436062453258842, 45.01164561622425], [113.463906691544196, 44.808893134127111], [114.46033165899604, 45.339816799493875], [115.985096470200133, 45.727235012386004], [116.717868280098855, 46.38820241961524], [117.421701287914246, 46.67273285581421], [118.874325799638711, 46.805412095723646], [119.663269891438745, 46.692679958678944], [119.772823927897562, 47.048058783550132], [118.866574334794947, 47.747060044946195], [118.064142694166719, 48.06673045510373], [117.295507440257438, 47.697709052107385], [116.308952671373234, 47.853410142602812], [115.742837355615734, 47.726544501326273], [115.485282017073018, 48.135382595403442], [116.191802199367601, 49.134598090199056], [116.67880089728618, 49.888531399121398], [117.879244419426371, 49.510983384796944], [119.288460728025839, 50.142882798862033], [119.279365675942358, 50.582907619827282], [120.182049595216924, 51.64356639261802], [120.738191359541972, 51.964115302124547], [120.725789015791975, 52.516226304730814], [120.177088657716865, 52.753886216841195], [121.003084751470226, 53.251401068731226], [122.245747918792858, 53.431725979213681], [123.571506789240843, 53.458804429734627], [125.068211297710434, 53.161044826868832], [125.946348911646169, 52.792798570356936], [126.564399041856959, 51.784255479532689], [126.939156528837657, 51.353894151405896], [127.287455682484904, 50.739797268265434], [127.657407261262378, 49.760270494172929]]]] } },
+            { "type": "Feature", "properties": { "admin": "Ivory Coast", "name": "C�te d'Ivoire", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[-2.856125047202397, 4.994475816259508], [-3.311084357100071, 4.984295559098014], [-4.008819545904941, 5.179813340674314], [-4.64991736491791, 5.168263658057084], [-5.834496222344525, 4.993700669775135], [-6.528769090185845, 4.705087795425015], [-7.518941209330434, 4.338288479017307], [-7.712159389669749, 4.364565944837721], [-7.63536821128403, 5.188159084489455], [-7.53971513511176, 5.313345241716517], [-7.570152553731686, 5.707352199725903], [-7.993692592795879, 6.126189683451541], [-8.311347622094017, 6.193033148621081], [-8.602880214868618, 6.467564195171659], [-8.385451626000572, 6.911800645368742], [-8.485445522485348, 7.395207831243068], [-8.439298468448696, 7.686042792181736], [-8.280703497744936, 7.687179673692156], [-8.221792364932197, 8.123328762235571], [-8.299048631208562, 8.316443589710302], [-8.203498907900878, 8.455453192575446], [-7.832100389019186, 8.575704250518625], [-8.079113735374348, 9.376223863152033], [-8.309616461612249, 9.789531968622439], [-8.22933712404682, 10.129020290563897], [-8.029943610048617, 10.206534939001711], [-7.89958980959237, 10.297382106970824], [-7.622759161804808, 10.147236232946792], [-6.850506557635057, 10.138993841996237], [-6.666460944027547, 10.430810655148447], [-6.493965013037267, 10.411302801958268], [-6.205222947606429, 10.524060777219132], [-6.050452032892266, 10.096360785355442], [-5.816926235365286, 10.222554633012191], [-5.404341599946973, 10.370736802609144], [-4.954653286143098, 10.152713934769732], [-4.779883592131966, 9.821984768101741], [-4.330246954760383, 9.610834865757139], [-3.980449184576684, 9.862344061721698], [-3.511898972986272, 9.900326239456216], [-2.827496303712706, 9.642460842319775], [-2.56218950032624, 8.219627793811481], [-2.983584967450326, 7.379704901555511], [-3.244370083011261, 6.2504715031135], [-2.810701463217839, 5.389051215024109], [-2.856125047202397, 4.994475816259508]]] } },
+            { "type": "Feature", "properties": { "admin": "Cameroon", "name": "Cameroon", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[13.07582238124675, 2.267097072759014], [12.951333855855605, 2.321615708826939], [12.359380323952218, 2.19281220133945], [11.751665480199787, 2.326757513839993], [11.276449008843711, 2.261050930180871], [9.649158155972627, 2.283866075037735], [9.795195753629455, 3.073404445809117], [9.404366896205998, 3.734526882335202], [8.948115675501068, 3.904128933117135], [8.744923943729416, 4.352215277519959], [8.488815545290889, 4.495617377129917], [8.500287713259693, 4.771982937026847], [8.757532993208626, 5.47966583904791], [9.233162876023043, 6.444490668153334], [9.522705926154398, 6.453482367372116], [10.118276808318255, 7.038769639509879], [10.497375115611417, 7.055357774275562], [11.058787876030349, 6.644426784690593], [11.745774366918509, 6.981382961449753], [11.839308709366801, 7.397042344589434], [12.063946160539556, 7.799808457872301], [12.218872104550597, 8.305824082874322], [12.753671502339214, 8.717762762888993], [12.955467970438971, 9.417771714714702], [13.1675997249971, 9.64062632897341], [13.308676385153914, 10.160362046748926], [13.572949659894558, 10.798565985553564], [14.415378859116682, 11.572368882692071], [14.468192172918974, 11.90475169519341], [14.57717776862253, 12.085360826053501], [14.181336297266792, 12.483656927943112], [14.213530714584634, 12.802035427293344], [14.495787387762842, 12.859396267137326], [14.893385857816522, 12.219047756392582], [14.960151808337598, 11.555574042197222], [14.923564894274955, 10.891325181517471], [15.467872755605269, 9.982336737503429], [14.909353875394713, 9.99212942142273], [14.627200555081057, 9.920919297724536], [14.171466098699025, 10.021378282099928], [13.954218377344002, 9.549494940626685], [14.544466586981766, 8.965861314322266], [14.979995558337688, 8.796104234243471], [15.120865512765331, 8.382150173369423], [15.436091749745765, 7.692812404811971], [15.279460483469107, 7.421924546737968], [14.776545444404572, 6.408498033062044], [14.536560092841111, 6.22695872642069], [14.459407179429345, 5.451760565610299], [14.558935988023501, 5.03059764243153], [14.478372430080466, 4.732605495620446], [14.950953403389658, 4.21038930909492], [15.036219516671249, 3.851367295747123], [15.405395948964379, 3.335300604664339], [15.862732374747479, 3.013537298998982], [15.907380812247649, 2.557389431158612], [16.01285241055535, 2.267639675298084], [15.940918816805061, 1.727672634280295], [15.14634199388524, 1.964014797367184], [14.337812534246577, 2.22787466064949], [13.07582238124675, 2.267097072759014]]] } },
+            { "type": "Feature", "properties": { "admin": "Democratic Republic of the Congo", "name": "Dem. Rep. Congo", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[30.833859897593801, 3.50916596111034], [30.773346795380036, 2.339883327642127], [31.174149204235807, 2.204465236821263], [30.852670118948048, 1.849396470543809], [30.468507521290292, 1.58380544677972], [30.086153598762703, 1.062312730306288], [29.875778842902488, 0.597379868976304], [29.819503208136634, -0.205310153813372], [29.587837762172164, -0.58740569417948], [29.579466180140876, -1.341313164885626], [29.29188683443661, -1.620055840667987], [29.254834832483336, -2.215109958508911], [29.117478875451546, -2.292211195488384], [29.02492638521678, -2.839257907730157], [29.276383904749046, -3.293907159034063], [29.339997592900342, -4.499983412294092], [29.519986606572925, -5.419978936386313], [29.41999271008816, -5.939998874539432], [29.620032179490003, -6.520015150583424], [30.199996779101692, -7.079980970898161], [30.740015496551781, -8.340007419470913], [30.34608605319081, -8.238256524288216], [29.002912225060467, -8.40703175215347], [28.734866570762495, -8.526559340044576], [28.449871046672818, -9.164918308146083], [28.673681674928922, -9.605924981324931], [28.496069777141763, -10.789883721564044], [28.372253045370421, -11.793646742401389], [28.642417433392346, -11.971568698782312], [29.341547885869087, -12.36074391037241], [29.616001417771223, -12.178894545137307], [29.699613885219485, -13.257226657771827], [28.934285922976834, -13.248958428605132], [28.52356163912102, -12.698604424696679], [28.15510867687998, -12.272480564017894], [27.38879886242378, -12.132747491100663], [27.164419793412456, -11.608748467661071], [26.55308759939961, -11.924439792532125], [25.752309604604726, -11.784965101776356], [25.418118116973197, -11.330935967659958], [24.783169793402948, -11.238693536018962], [24.314516228947948, -11.262826429899269], [24.257155389103982, -10.951992689663655], [23.912215203555714, -10.926826267137512], [23.456790805767433, -10.867863457892481], [22.837345411884733, -11.017621758674329], [22.402798292742371, -10.99307545333569], [22.155268182064304, -11.084801120653768], [22.208753289486388, -9.894796237836507], [21.87518191904234, -9.523707777548564], [21.801801385187897, -8.908706556842978], [21.949130893652036, -8.305900974158275], [21.746455926203303, -7.920084730667147], [21.728110792739695, -7.2908724910813], [20.514748162526498, -7.299605808138629], [20.601822950938292, -6.93931772219968], [20.091621534920645, -6.943090101756993], [20.037723016040214, -7.116361179231644], [19.417502475673157, -7.155428562044297], [19.166613396896107, -7.738183688999753], [19.016751743249664, -7.988245944860132], [18.464175652752683, -7.847014255406442], [18.134221632569048, -7.98767750410492], [17.472970004962232, -8.068551120641699], [17.089995965247166, -7.545688978712525], [16.860190870845198, -7.222297865429984], [16.573179965896141, -6.622644545115087], [16.326528354567042, -5.877470391466267], [13.375597364971892, -5.864241224799548], [13.02486941900696, -5.984388929878157], [12.735171339578695, -5.965682061388497], [12.322431674863507, -6.100092461779658], [12.182336866920249, -5.789930515163837], [12.436688266660866, -5.684303887559245], [12.468004184629734, -5.248361504745003], [12.631611769265788, -4.991271254092935], [12.995517205465173, -4.781103203961883], [13.258240187237044, -4.882957452009165], [13.600234816144676, -4.500138441590969], [14.144956088933295, -4.510008640158715], [14.209034864975219, -4.793092136253597], [14.582603794013179, -4.970238946150139], [15.170991652088441, -4.3435071753143], [15.753540073314749, -3.855164890156096], [16.006289503654298, -3.535132744972528], [15.972803175529149, -2.712392266453612], [16.407091912510051, -1.740927015798682], [16.86530683764212, -1.225816338713287], [17.523716261472853, -0.743830254726987], [17.638644646889983, -0.424831638189246], [17.663552687254676, -0.058083998213817], [17.826540154703245, 0.288923244626105], [17.774191928791563, 0.855658677571085], [17.89883548347958, 1.741831976728278], [18.09427575040743, 2.365721543788055], [18.39379235197114, 2.90044342692822], [18.453065219809925, 3.504385891123348], [18.542982211997778, 4.201785183118317], [18.932312452884755, 4.709506130385973], [19.467783644293146, 5.031527818212779], [20.290679152108932, 4.691677761245287], [20.927591180106273, 4.322785549329736], [21.659122755630019, 4.224341945813719], [22.405123732195531, 4.02916006104732], [22.704123569436284, 4.633050848810156], [22.841479526468103, 4.710126247573483], [23.297213982850135, 4.609693101414221], [24.41053104014625, 5.108784084489129], [24.805028924262409, 4.897246608902349], [25.128833449003274, 4.927244777847789], [25.278798455514302, 5.170408229997191], [25.650455356557465, 5.256087754737123], [26.402760857862535, 5.150874538590869], [27.044065382604703, 5.127852688004835], [27.374226108517483, 5.233944403500059], [27.979977247842807, 4.408413397637373], [28.428993768026906, 4.287154649264493], [28.696677687298795, 4.455077215996936], [29.159078403446497, 4.38926727947323], [29.715995314256013, 4.600804755060024], [29.953500197069467, 4.173699042167683], [30.833859897593801, 3.50916596111034]]] } },
+            { "type": "Feature", "properties": { "admin": "Republic of Congo", "name": "Congo", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[12.995517205465173, -4.781103203961883], [12.620759718484491, -4.438023369976135], [12.318607618873923, -4.606230157086187], [11.914963006242086, -5.037986748884789], [11.093772820691923, -3.978826592630546], [11.855121697648114, -3.42687061932105], [11.478038771214299, -2.765618991714241], [11.820963575903189, -2.514161472181982], [12.495702752338159, -2.391688327650242], [12.575284458067639, -1.948511244315134], [13.109618767965626, -2.428740329603513], [13.992407260807706, -2.470804945489099], [14.299210239324564, -1.998275648612213], [14.425455763413593, -1.333406670744971], [14.316418491277741, -0.552627455247048], [13.843320753645653, 0.038757635901149], [14.276265903386953, 1.196929836426619], [14.026668735417214, 1.395677395021153], [13.282631463278816, 1.31418366129688], [13.003113641012074, 1.830896307783319], [13.07582238124675, 2.267097072759014], [14.337812534246577, 2.22787466064949], [15.14634199388524, 1.964014797367184], [15.940918816805061, 1.727672634280295], [16.01285241055535, 2.267639675298084], [16.537058139724135, 3.198254706226278], [17.133042433346297, 3.728196519379451], [17.809900343505259, 3.560196437998569], [18.453065219809925, 3.504385891123348], [18.39379235197114, 2.90044342692822], [18.09427575040743, 2.365721543788055], [17.89883548347958, 1.741831976728278], [17.774191928791563, 0.855658677571085], [17.826540154703245, 0.288923244626105], [17.663552687254676, -0.058083998213817], [17.638644646889983, -0.424831638189246], [17.523716261472853, -0.743830254726987], [16.86530683764212, -1.225816338713287], [16.407091912510051, -1.740927015798682], [15.972803175529149, -2.712392266453612], [16.006289503654298, -3.535132744972528], [15.753540073314749, -3.855164890156096], [15.170991652088441, -4.3435071753143], [14.582603794013179, -4.970238946150139], [14.209034864975219, -4.793092136253597], [14.144956088933295, -4.510008640158715], [13.600234816144676, -4.500138441590969], [13.258240187237044, -4.882957452009165], [12.995517205465173, -4.781103203961883]]] } },
+            { "type": "Feature", "properties": { "admin": "Colombia", "name": "Colombia", "continent": "South America" }, "geometry": { "type": "Polygon", "coordinates": [[[-75.373223232713841, -0.15203175212045], [-75.801465827116587, 0.084801337073202], [-76.292314419240938, 0.416047268064119], [-76.576379767549383, 0.256935533037435], [-77.424984300430367, 0.395686753741117], [-77.668612840470416, 0.825893052570961], [-77.855061408179509, 0.809925034992773], [-78.855258755188686, 1.380923773601822], [-78.990935228171026, 1.691369940595251], [-78.617831387023699, 1.766404120283056], [-78.662118089497838, 2.267355454920476], [-78.427610439757302, 2.629555568854215], [-77.931542527971473, 2.696605739752925], [-77.510431281224996, 3.325016994638246], [-77.127689785455246, 3.849636135265356], [-77.496271938776999, 4.087606105969427], [-77.307601284479375, 4.667984117039452], [-77.533220587865713, 5.582811997902496], [-77.318815070286718, 5.845354112161359], [-77.476660732722266, 6.691116441266301], [-77.881571417945239, 7.223771267114783], [-77.75341386586139, 7.709839789252141], [-77.431107957656977, 7.638061224798733], [-77.242566494440069, 7.935278225125442], [-77.474722866511314, 8.524286200388216], [-77.353360765273848, 8.670504665558068], [-76.836673957003541, 8.638749497914715], [-76.086383836557843, 9.336820583529486], [-75.674600185840035, 9.443248195834597], [-75.664704149056149, 9.774003200718736], [-75.480425991503338, 10.618990383339305], [-74.906895107711975, 11.08304474532032], [-74.276752692344871, 11.102035834187586], [-74.197222663047683, 11.310472723836865], [-73.414763963500278, 11.227015285685479], [-72.62783525255962, 11.731971543825519], [-72.238194953078903, 11.955549628136325], [-71.754090135368628, 12.437303168177305], [-71.399822353791691, 12.376040757695289], [-71.137461107045866, 12.112981879113503], [-71.331583624950284, 11.776284084515805], [-71.973921678338272, 11.608671576377116], [-72.227575446242923, 11.108702093953237], [-72.614657762325194, 10.821975409381777], [-72.905286017534692, 10.45034434655477], [-73.027604132769554, 9.736770331252441], [-73.304951544880026, 9.151999823437604], [-72.788729824500379, 9.085027167187331], [-72.660494757768092, 8.62528778730268], [-72.439862230097944, 8.405275376820027], [-72.360900641555958, 8.002638454617893], [-72.479678921178831, 7.632506008327352], [-72.444487270788059, 7.42378489830048], [-72.19835242378187, 7.340430813013682], [-71.960175747348629, 6.991614895043538], [-70.674233567981503, 7.087784735538717], [-70.093312954372408, 6.960376491723109], [-69.389479946557103, 6.099860541198835], [-68.985318569602327, 6.206804917826856], [-68.265052456318216, 6.153268133972473], [-67.695087246355001, 6.267318020040645], [-67.34143958196556, 6.095468044454021], [-67.521531948502741, 5.556870428891968], [-67.744696621355203, 5.221128648291667], [-67.823012254493534, 4.503937282728898], [-67.621835903581271, 3.839481716319994], [-67.33756384954367, 3.542342230641721], [-67.303173183853417, 3.31845408773718], [-67.809938117123693, 2.820655015469569], [-67.447092047786299, 2.600280869960869], [-67.181294318293041, 2.250638129074062], [-66.876325853122566, 1.253360500489336], [-67.065048183852483, 1.130112209473225], [-67.25999752467358, 1.719998684084956], [-67.537810024674684, 2.037162787276329], [-67.868565029558823, 1.692455145673392], [-69.816973232691609, 1.714805202639624], [-69.804596727157701, 1.089081122233466], [-69.218637661400166, 0.985676581217433], [-69.252434048119042, 0.602650865070075], [-69.452396002872447, 0.706158758950693], [-70.015565761989293, 0.541414292804205], [-70.02065589057004, -0.185156345219539], [-69.577065395776586, -0.549991957200163], [-69.420485805932216, -1.122618503426409], [-69.444101935489599, -1.556287123219817], [-69.893635219996611, -4.298186944194326], [-70.394043952094975, -3.766591485207825], [-70.692682054309699, -3.742872002785858], [-70.047708502874841, -2.725156345229699], [-70.813475714791949, -2.256864515800742], [-71.413645799429773, -2.342802422702128], [-71.774760708285385, -2.169789727388937], [-72.325786505813639, -2.434218031426453], [-73.070392218707212, -2.308954359550952], [-73.659503546834586, -1.260491224781134], [-74.122395189089048, -1.002832533373848], [-74.441600511355958, -0.530820000819887], [-75.106624518520064, -0.05720549886486], [-75.373223232713841, -0.15203175212045]]] } },
+            { "type": "Feature", "properties": { "admin": "Costa Rica", "name": "Costa Rica", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-82.965783047197348, 8.225027980985983], [-83.508437262694287, 8.446926581247281], [-83.711473965169063, 8.656836249216864], [-83.596313035806631, 8.830443223501417], [-83.632641567707822, 9.051385809765319], [-83.909885626953724, 9.290802720573579], [-84.303401658856345, 9.487354030795712], [-84.64764421256865, 9.615537421095707], [-84.713350796227743, 9.908051866083849], [-84.975660366541319, 10.086723130733004], [-84.911374884770211, 9.795991522658921], [-85.110923428065291, 9.557039699741308], [-85.339488288092255, 9.834542141148658], [-85.660786505866966, 9.93334747969072], [-85.797444831062819, 10.134885565629032], [-85.791708747078417, 10.439337266476612], [-85.65931372754666, 10.754330959511718], [-85.941725430021748, 10.895278428587799], [-85.712540452807289, 11.088444932494822], [-85.561851976244171, 11.217119248901593], [-84.903003302738924, 10.952303371621895], [-84.673069017256239, 11.082657172078139], [-84.355930752281026, 10.999225572142901], [-84.190178595704822, 10.793450018756671], [-83.895054490885926, 10.726839097532444], [-83.655611741861563, 10.938764146361418], [-83.402319708982944, 10.39543813724465], [-83.015676642575158, 9.992982082555553], [-82.546196255203469, 9.566134751824674], [-82.932890998043561, 9.476812038608172], [-82.927154914059145, 9.074330145702914], [-82.719183112300513, 8.925708726431493], [-82.868657192704759, 8.807266343618521], [-82.829770677405151, 8.626295477732368], [-82.9131764391242, 8.423517157419068], [-82.965783047197348, 8.225027980985983]]] } },
+            { "type": "Feature", "properties": { "admin": "Cuba", "name": "Cuba", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-82.268151211257035, 23.188610744717703], [-81.404457160146819, 23.117271429938775], [-80.61876868358118, 23.105980129482994], [-79.679523688460222, 22.765303249598823], [-79.281485968732071, 22.399201565027049], [-78.347434455056472, 22.512166246017085], [-77.993295864560253, 22.277193508385928], [-77.146422492161037, 21.657851467367831], [-76.523824835908528, 21.20681956632437], [-76.194620123993175, 21.220565497314006], [-75.598222418912655, 21.01662445727413], [-75.671060350228032, 20.735091254147999], [-74.933896043584483, 20.693905137611381], [-74.178024868451246, 20.284627793859737], [-74.296648118777242, 20.050378526280678], [-74.961594611292924, 19.923435370355687], [-75.634680141894577, 19.873774318923193], [-76.323656175425981, 19.952890936762056], [-77.755480923153044, 19.855480861891873], [-77.085108405246729, 20.413353786698789], [-77.492654588516601, 20.673105373613886], [-78.137292243141573, 20.739948838783427], [-78.482826707661161, 21.028613389565848], [-78.719866502583997, 21.598113511638431], [-79.284999966127913, 21.559175319906497], [-80.217475348618635, 21.827324327069032], [-80.517534552721401, 22.037078965741756], [-81.820943366203167, 22.192056586185068], [-82.169991828118611, 22.387109279870746], [-81.79500179719264, 22.636964830001951], [-82.775897996740838, 22.688150336187057], [-83.494458787759328, 22.168517971276124], [-83.908800421875611, 22.154565334557329], [-84.052150845053248, 21.910575059491251], [-84.547030198896351, 21.801227728761639], [-84.974911058273079, 21.896028143801082], [-84.44706214062775, 22.204949856041903], [-84.23035702181177, 22.56575470630376], [-83.778239915690165, 22.78811839445569], [-83.267547573565736, 22.983041897060641], [-82.510436164057495, 23.078746649665181], [-82.268151211257035, 23.188610744717703]]] } },
+            { "type": "Feature", "properties": { "admin": "Northern Cyprus", "name": "N. Cyprus", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[32.731780226377445, 35.14002594658843], [32.802473585752743, 35.145503648411363], [32.946960890440799, 35.38670339613369], [33.667227003724939, 35.373215847305509], [34.576473829900458, 35.671595567358786], [33.900804477684197, 35.245755927057608], [33.973616570783456, 35.058506374647997], [33.866439650210104, 35.093594672174177], [33.675391880027057, 35.017862860650446], [33.525685255677494, 35.038688462864066], [33.475817498515845, 35.000344550103499], [33.45592207208346, 35.101423651666401], [33.383833449036295, 35.162711900364563], [33.190977003723042, 35.173124701471373], [32.919572381326127, 35.087832749973636], [32.731780226377445, 35.14002594658843]]] } },
+            { "type": "Feature", "properties": { "admin": "Cyprus", "name": "Cyprus", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[33.973616570783456, 35.058506374647997], [34.004880812320032, 34.978097846001852], [32.97982710137844, 34.571869411755436], [32.490296258277532, 34.701654771456468], [32.256667107885953, 35.103232326796622], [32.731780226377445, 35.14002594658843], [32.919572381326127, 35.087832749973636], [33.190977003723042, 35.173124701471373], [33.383833449036295, 35.162711900364563], [33.45592207208346, 35.101423651666401], [33.475817498515845, 35.000344550103499], [33.525685255677494, 35.038688462864066], [33.675391880027057, 35.017862860650446], [33.866439650210104, 35.093594672174177], [33.973616570783456, 35.058506374647997]]] } },
+            { "type": "Feature", "properties": { "admin": "Czech Republic", "name": "Czech Rep.", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[16.960288120194573, 48.596982326850593], [16.49928266771877, 48.785808010445095], [16.029647251050218, 48.733899034207916], [15.253415561593979, 49.039074205107575], [14.901447381254055, 48.964401760445817], [14.33889773932472, 48.555305284207193], [13.595945672264433, 48.877171942737135], [13.031328973043427, 49.307068182973232], [12.52102420416119, 49.54741526956272], [12.415190870827441, 49.96912079528056], [12.240111118222556, 50.266337795607271], [12.96683678554319, 50.484076443069071], [13.338131951560282, 50.733234361364346], [14.05622765468817, 50.926917629594286], [14.307013380600633, 51.117267767941399], [14.570718214586062, 51.002339382524262], [15.016995883858666, 51.106674099321566], [15.490972120839725, 50.7847299261432], [16.238626743238566, 50.697732652379827], [16.176253289462263, 50.4226073268579], [16.719475945714429, 50.215746568393527], [16.868769158605655, 50.473973700556016], [17.554567091551117, 50.36214590107641], [17.649445021238986, 50.049038397819942], [18.392913852622168, 49.988628648470737], [18.85314415861361, 49.496229763377634], [18.554971144289478, 49.495015367218777], [18.399993523846174, 49.315000515330034], [18.170498488037961, 49.271514797556421], [18.104972771891848, 49.043983466175298], [17.913511590250462, 48.996492824899072], [17.886484816161808, 48.903475246773695], [17.545006951577101, 48.800019029325362], [17.101984897538895, 48.8169688991171], [16.960288120194573, 48.596982326850593]]] } },
+            { "type": "Feature", "properties": { "admin": "Germany", "name": "Germany", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[9.92190636560923, 54.983104153048025], [9.939579705452898, 54.596641954153242], [10.950112338920517, 54.363607082733147], [10.939466993868447, 54.008693345752583], [11.95625247564328, 54.196485500701144], [12.518440382546711, 54.470370591847988], [13.647467075259495, 54.075510972705885], [14.119686313542555, 53.757029120491026], [14.353315463934164, 53.248171291713092], [14.074521111719431, 52.981262518925334], [14.437599725002197, 52.62485016540829], [14.685026482815713, 52.089947414755208], [14.607098422919645, 51.745188096719964], [15.016995883858781, 51.106674099321701], [14.570718214586119, 51.002339382524369], [14.307013380600662, 51.117267767941364], [14.05622765468831, 50.92691762959435], [13.338131951560397, 50.733234361364268], [12.966836785543249, 50.484076443069164], [12.240111118222668, 50.266337795607214], [12.41519087082747, 49.969120795280602], [12.521024204161332, 49.547415269562741], [13.031328973043513, 49.307068182973232], [13.595945672264575, 48.877171942737156], [13.243357374737112, 48.416114813829026], [12.884102817443873, 48.289145819687846], [13.025851271220514, 47.637583523135945], [12.93262698736606, 47.467645575543983], [12.620759718484519, 47.672387600284409], [12.141357456112869, 47.703083401065768], [11.426414015354847, 47.523766181013045], [10.544504021861597, 47.566399237653783], [10.402083774465321, 47.302487697939164], [9.896068149463188, 47.58019684507569], [9.594226108446376, 47.525058091820185], [8.522611932009793, 47.830827541691342], [8.317301466514092, 47.613579820336263], [7.466759067422286, 47.620581976911907], [7.59367638513106, 48.333019110703724], [8.099278598674855, 49.017783515003423], [6.658229607783709, 49.201958319691627], [6.186320428094176, 49.4638028021145], [6.242751092156992, 49.90222565367872], [6.043073357781109, 50.128051662794221], [6.156658155958779, 50.803721015010574], [5.988658074577812, 51.85161570902504], [6.589396599970825, 51.85202912048338], [6.842869500362381, 52.228440253297542], [7.092053256873895, 53.14404328064488], [6.905139601274128, 53.482162177130633], [7.100424838905268, 53.693932196662658], [7.936239454793961, 53.748295803433777], [8.121706170289483, 53.527792466844275], [8.800734490604667, 54.02078563090889], [8.572117954145368, 54.395646470754045], [8.526229282270206, 54.962743638725144], [9.282048780971136, 54.830865383516297], [9.92190636560923, 54.983104153048025]]] } },
+            { "type": "Feature", "properties": { "admin": "Djibouti", "name": "Djibouti", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[43.081226027200152, 12.699638576707112], [43.317852410664663, 12.390148423711022], [43.286381463398911, 11.974928290245883], [42.715873650896519, 11.735640570518338], [43.145304803242126, 11.462039699748853], [42.776851841000948, 10.926878566934416], [42.55493000000012, 11.105110000000193], [42.314140000000116, 11.0342], [41.755570000000191, 11.05091], [41.739590000000177, 11.355110000000137], [41.661760000000122, 11.6312], [42.000000000000107, 12.100000000000133], [42.351560000000106, 12.54223000000013], [42.779642368344739, 12.455415757695672], [43.081226027200152, 12.699638576707112]]] } },
+            { "type": "Feature", "properties": { "admin": "Denmark", "name": "Denmark", "continent": "Europe" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[12.690006137755629, 55.60999095318077], [12.089991082414738, 54.800014553437919], [11.043543328504226, 55.36486379660424], [10.90391360845163, 55.779954738988735], [12.370904168353288, 56.111407375708822], [12.690006137755629, 55.60999095318077]]], [[[10.912181837618359, 56.4586213242779], [10.667803989309986, 56.081383368547208], [10.369992710011983, 56.190007229224719], [9.649984978889306, 55.469999498102041], [9.921906365609173, 54.983104153048046], [9.282048780971136, 54.830865383516155], [8.526229282270235, 54.962743638724973], [8.120310906617588, 55.517722683323612], [8.089976840862247, 56.540011705137587], [8.256581658571262, 56.809969387430286], [8.543437534223385, 57.110002753316891], [9.424469028367609, 57.172066148499468], [9.775558709358561, 57.447940782289649], [10.580005730846151, 57.730016587954843], [10.54610599126269, 57.21573273378614], [10.250000034230222, 56.890016181050456], [10.369992710011983, 56.60998159446082], [10.912181837618359, 56.4586213242779]]]] } },
+            { "type": "Feature", "properties": { "admin": "Dominican Republic", "name": "Dominican Rep.", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-71.71236141629295, 19.714455878167353], [-71.587304450146604, 19.884910590082093], [-70.806706102161726, 19.880285549391981], [-70.214364997016119, 19.622885240146157], [-69.950815192327568, 19.647999986240002], [-69.769250047470067, 19.293267116772437], [-69.222125820579862, 19.313214219637096], [-69.254346076113819, 19.015196234609871], [-68.809411994080818, 18.979074408437846], [-68.317943284768958, 18.612197577381689], [-68.689315965434503, 18.205142320218609], [-69.164945848248905, 18.422648423735108], [-69.623987596297624, 18.380712998930246], [-69.952933926051529, 18.428306993071057], [-70.133232998317879, 18.245915025296892], [-70.517137213814195, 18.184290879788829], [-70.669298468697619, 18.42688589118303], [-70.999950120717173, 18.283328762276206], [-71.400209927033885, 17.598564357976596], [-71.657661912712001, 17.757572740138695], [-71.708304816358037, 18.044997056546091], [-71.687737596305865, 18.316660061104468], [-71.945112067335543, 18.616900132720257], [-71.701302659782485, 18.785416978424049], [-71.624873216422813, 19.169837958243303], [-71.71236141629295, 19.714455878167353]]] } },
+            { "type": "Feature", "properties": { "admin": "Algeria", "name": "Algeria", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[11.99950564947161, 23.471668402596443], [8.572893100629782, 21.565660712159136], [5.677565952180684, 19.601206976799713], [4.267419467800038, 19.155265204336995], [3.158133172222704, 19.057364203360034], [3.146661004253899, 19.693578599521441], [2.683588494486428, 19.856230170160114], [2.060990838233919, 20.142233384679482], [1.823227573259032, 20.61080943448604], [-1.550054897457613, 22.792665920497377], [-4.92333736817423, 24.974574082940993], [-8.684399786809051, 27.395744126895998], [-8.66512447756419, 27.58947907155822], [-8.665589565454805, 27.656425889592349], [-8.674116176782972, 28.841288967396572], [-7.059227667661928, 29.579228420524522], [-6.060632290053772, 29.731699734001687], [-5.242129278982786, 30.000443020135581], [-4.859646165374469, 30.501187649043839], [-3.690441046554695, 30.896951605751152], [-3.647497931320145, 31.637294012980668], [-3.068980271812647, 31.724497992473207], [-2.616604783529567, 32.094346218386143], [-1.30789913573787, 32.262888902306095], [-1.124551153966308, 32.651521511357124], [-1.388049282222567, 32.864015000941301], [-1.733454555661467, 33.91971283623198], [-1.792985805661686, 34.527918606091198], [-2.169913702798624, 35.168396307916673], [-1.208602871089056, 35.71484874118709], [-0.127454392894606, 35.888662421200799], [0.503876580415209, 36.301272894835272], [1.466918572606545, 36.605647081034398], [3.161698846050824, 36.783904934225205], [4.815758090849129, 36.865036932923452], [5.320120070017792, 36.716518866516616], [6.261819695672611, 37.110655015606731], [7.330384962603969, 37.118380642234364], [7.737078484741003, 36.885707505840209], [8.420964389691674, 36.946427313783154], [8.217824334352313, 36.433176988260271], [8.376367628623766, 35.479876003555937], [8.140981479534302, 34.655145982393783], [7.524481642292242, 34.097376410451453], [7.612641635782181, 33.344114895148955], [8.430472853233367, 32.748337307255944], [8.439102817426116, 32.506284898400814], [9.055602654668148, 32.102691962201284], [9.482139926805273, 30.307556057246181], [9.805634392952411, 29.424638373323383], [9.859997999723443, 28.959989732371007], [9.683884718472765, 28.144173895779193], [9.756128370816779, 27.688258571884141], [9.629056023811073, 27.140953477480913], [9.716285841519747, 26.512206325785691], [9.319410841518161, 26.094324856057447], [9.910692579801774, 25.365454616796733], [9.948261346077969, 24.93695364023251], [10.30384687667836, 24.37931325937091], [10.771363559622925, 24.562532050061744], [11.560669386449002, 24.097909247325511], [11.99950564947161, 23.471668402596443]]] } },
+            { "type": "Feature", "properties": { "admin": "Ecuador", "name": "Ecuador", "continent": "South America" }, "geometry": { "type": "Polygon", "coordinates": [[[-80.302560594387188, -3.404856459164712], [-79.770293341780913, -2.65751189535964], [-79.986559210922394, -2.220794366061014], [-80.368783942369234, -2.685158786635788], [-80.967765469064332, -2.246942640800703], [-80.764806281238023, -1.965047702648532], [-80.933659023751702, -1.057454522306358], [-80.583370327461239, -0.906662692878683], [-80.39932471385373, -0.283703301600141], [-80.020898200180355, 0.360340074053468], [-80.090609707342097, 0.768428859862396], [-79.542762010399784, 0.982937730305963], [-78.855258755188686, 1.380923773601822], [-77.855061408179509, 0.809925034992773], [-77.668612840470416, 0.825893052570961], [-77.424984300430367, 0.395686753741117], [-76.576379767549383, 0.256935533037435], [-76.292314419240938, 0.416047268064119], [-75.801465827116587, 0.084801337073202], [-75.373223232713841, -0.15203175212045], [-75.233722703741932, -0.911416924649529], [-75.544995693652027, -1.56160979574588], [-76.635394253226707, -2.608677666843817], [-77.83790483265858, -3.003020521663103], [-78.450683966775628, -3.873096612161375], [-78.639897223612323, -4.547784112164072], [-79.205289069317715, -4.959128513207388], [-79.62497921417615, -4.454198093283494], [-80.028908047185581, -4.346090996928893], [-80.442241990872134, -4.425724379090673], [-80.46929460317692, -4.059286797708999], [-80.184014858709645, -3.821161797708043], [-80.302560594387188, -3.404856459164712]]] } },
+            { "type": "Feature", "properties": { "admin": "Egypt", "name": "Egypt", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[34.9226, 29.50133], [34.64174, 29.09942], [34.42655, 28.34399], [34.15451, 27.8233], [33.92136, 27.6487], [33.58811, 27.97136], [33.13676, 28.41765], [32.42323, 29.85108], [32.32046, 29.76043], [32.73482, 28.70523], [33.34876, 27.69989], [34.10455, 26.14227], [34.47387, 25.59856], [34.79507, 25.03375], [35.69241, 23.92671], [35.49372, 23.75237], [35.52598, 23.10244], [36.69069, 22.20485], [36.86623, 22.0], [32.9, 22.0], [29.02, 22.0], [25.0, 22.0], [25.0, 25.682499996360992], [25.0, 29.238654529533452], [24.70007, 30.04419], [24.95762, 30.6616], [24.80287, 31.08929], [25.16482, 31.56915], [26.49533, 31.58568], [27.45762, 31.32126], [28.45048, 31.02577], [28.91353, 30.87005], [29.68342, 31.18686], [30.09503, 31.4734], [30.97693, 31.55586], [31.68796, 31.4296], [31.96041, 30.9336], [32.19247, 31.26034], [32.99392, 31.02407], [33.7734, 30.96746], [34.26544, 31.21936], [34.9226, 29.50133]]] } },
+            { "type": "Feature", "properties": { "admin": "Eritrea", "name": "Eritrea", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[42.351560000000106, 12.54223000000013], [42.00975, 12.86582], [41.59856, 13.452090000000108], [41.15519371924983, 13.773319810435224], [40.8966, 14.118640000000138], [40.026218702969167, 14.519579169162281], [39.34061, 14.53155], [39.0994, 14.74064], [38.51295, 14.50547], [37.90607, 14.959430000000165], [37.59377, 14.2131], [36.42951, 14.42211], [36.323188917798113, 14.822480577041057], [36.753860304518575, 16.291874091044289], [36.852530000000108, 16.95655], [37.16747, 17.263140000000128], [37.904000000000103, 17.42754], [38.410089959473218, 17.998307399970312], [38.990622999839999, 16.84062612555169], [39.266110060388016, 15.922723496967246], [39.814293654140208, 15.435647284400314], [41.179274936697645, 14.491079616753209], [41.734951613132345, 13.921036892141554], [42.276830682144848, 13.34399201095442], [42.589576450375255, 13.000421250861901], [43.081226027200152, 12.699638576707112], [42.779642368344739, 12.455415757695672], [42.351560000000106, 12.54223000000013]]] } },
+            { "type": "Feature", "properties": { "admin": "Spain", "name": "Spain", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[-9.034817674180244, 41.880570583659669], [-8.98443315269567, 42.592775173506261], [-9.392883673530644, 43.026624660812686], [-7.978189663108308, 43.748337714200979], [-6.754491746436754, 43.567909450853918], [-5.411886359061596, 43.574239813809669], [-4.347842779955783, 43.403449205085025], [-3.51753170410609, 43.455900783861296], [-1.901351284177764, 43.422802028978332], [-1.502770961910528, 43.034014390630425], [0.338046909190581, 42.579546006839543], [0.701590610363894, 42.795734361332599], [1.826793247087153, 42.343384711265678], [2.985998976258457, 42.473015041669854], [3.039484083680548, 41.892120266276891], [2.091841668312184, 41.226088568683082], [0.810524529635188, 41.014731960609332], [0.721331007499401, 40.678318386389229], [0.106691521819869, 40.123933620762003], [-0.278711310212941, 39.309978135732713], [0.111290724293838, 38.738514309233032], [-0.467123582349103, 38.292365831041138], [-0.683389451490598, 37.642353827457811], [-1.438382127274849, 37.443063666324214], [-2.146452602538119, 36.674144192037282], [-3.415780808923386, 36.658899644511173], [-4.368900926114718, 36.677839056946141], [-4.995219285492211, 36.32470815687963], [-5.377159796561457, 35.946850083961458], [-5.866432257500902, 36.02981659600605], [-6.236693894872174, 36.367677110330327], [-6.520190802425402, 36.942913316387312], [-7.45372555177809, 37.097787583966053], [-7.537105475281022, 37.428904323876232], [-7.166507941099863, 37.803894354802217], [-7.029281175148794, 38.075764065089757], [-7.374092169616317, 38.373058580064914], [-7.098036668313126, 39.03007274022378], [-7.498632371439724, 39.629571031241802], [-7.066591559263527, 39.711891587882768], [-7.026413133156593, 40.184524237624238], [-6.864019944679383, 40.330871893874821], [-6.851126674822551, 41.111082668617513], [-6.389087693700914, 41.381815497394641], [-6.668605515967655, 41.883386949219577], [-7.251308966490822, 41.91834605566504], [-7.422512986673794, 41.792074693359822], [-8.01317460776991, 41.790886135417118], [-8.26385698081779, 42.280468654950326], [-8.671945766626719, 42.134689439454952], [-9.034817674180244, 41.880570583659669]]] } },
+            { "type": "Feature", "properties": { "admin": "Estonia", "name": "Estonia", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[24.312862583114615, 57.793423570376966], [24.428927850042154, 58.383413397853275], [24.061198357853179, 58.257374579493394], [23.426560092876681, 58.612753404364618], [23.339795363058641, 59.187240302153363], [24.604214308376182, 59.465853786855007], [25.864189080516631, 59.611090399811324], [26.949135776484518, 59.445803331125767], [27.981114129353237, 59.47538808861286], [28.131699253051742, 59.300825100330904], [27.420166456824941, 58.724581203844224], [27.716685825315714, 57.791899115624354], [27.288184848751509, 57.474528306703817], [26.46353234223778, 57.476388658266316], [25.602809685984365, 57.847528794986559], [25.164593540149262, 57.970156968815175], [24.312862583114615, 57.793423570376966]]] } },
+            { "type": "Feature", "properties": { "admin": "Ethiopia", "name": "Ethiopia", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[37.90607, 14.959430000000165], [38.51295, 14.50547], [39.0994, 14.74064], [39.34061, 14.53155], [40.026250000000111, 14.51959], [40.8966, 14.118640000000138], [41.1552, 13.77333], [41.59856, 13.452090000000108], [42.00975, 12.86582], [42.351560000000106, 12.54223000000013], [42.000000000000107, 12.100000000000133], [41.661760000000122, 11.6312], [41.739590000000177, 11.355110000000137], [41.755570000000191, 11.05091], [42.314140000000116, 11.0342], [42.55493000000012, 11.105110000000193], [42.776851841000948, 10.926878566934416], [42.55876, 10.572580000000126], [42.92812, 10.021940000000139], [43.29699, 9.540480000000169], [43.67875, 9.183580000000116], [46.94834, 7.99688], [47.78942, 8.003], [44.9636, 5.001620000000115], [43.66087, 4.95755], [42.769670000000119, 4.252590000000223], [42.12861, 4.234130000000163], [41.855083092644108, 3.918911920483764], [41.171800000000125, 3.91909], [40.768480000000118, 4.257020000000124], [39.854940000000106, 3.83879000000013], [39.559384258765917, 3.422060000000215], [38.89251, 3.50074], [38.67114, 3.61607], [38.436970000000137, 3.58851], [38.120915000000132, 3.598605], [36.85509323800823, 4.447864127672857], [36.159078632855646, 4.447864127672857], [35.817447662353622, 4.776965663462021], [35.817447662353622, 5.338232082790852], [35.298007118233095, 5.506], [34.70702, 6.59422000000012], [34.25032, 6.82607], [34.075100000000184, 7.22595], [33.56829, 7.71334], [32.954180000000228, 7.7849700000001], [33.294800000000116, 8.35458], [33.82550000000014, 8.37916], [33.97498, 8.684560000000145], [33.96162, 9.58358], [34.25745, 10.63009], [34.73115000000012, 10.910170000000106], [34.831630000000125, 11.318960000000116], [35.26049, 12.08286], [35.863630000000164, 12.57828], [36.27022, 13.563330000000118], [36.42951, 14.42211], [37.59377, 14.2131], [37.90607, 14.959430000000165]]] } },
+            { "type": "Feature", "properties": { "admin": "Finland", "name": "Finland", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[28.591929559043187, 69.064776923286644], [28.445943637818651, 68.36461294216403], [29.9774263852206, 67.698297024192641], [29.054588657352319, 66.944286200621917], [30.21765, 65.80598], [29.544429559046982, 64.948671576590471], [30.444684686003704, 64.204453436939076], [30.035872430142714, 63.552813625738544], [31.516092156711117, 62.867687486412869], [31.139991082490891, 62.357692776124395], [30.211107212044443, 61.780027777749673], [28.06999759289527, 60.503516547275829], [26.25517296723697, 60.423960679762487], [24.496623976344516, 60.057316392651636], [22.869694858499454, 59.846373196036211], [22.290763787533589, 60.391921291741525], [21.322244093519313, 60.720169989659503], [21.544866163832687, 61.705329494871783], [21.059211053153682, 62.607393296958726], [21.536029493910799, 63.189735012455863], [22.442744174903986, 63.817810370531276], [24.730511508897528, 64.902343655040823], [25.398067661243939, 65.111426500093728], [25.2940430030404, 65.53434642197044], [23.903378533633795, 66.006927395279604], [23.565879754335576, 66.396050930437411], [23.539473097434435, 67.936008612735236], [21.978534783626113, 68.616845608180682], [20.645592889089521, 69.106247260200846], [21.244936150810666, 69.370443020293067], [22.356237827247405, 68.841741441514898], [23.662049594830751, 68.891247463650529], [24.735679152126721, 68.649556789821446], [25.689212680776361, 69.092113755969024], [26.179622023226241, 69.825298977326113], [27.732292107867856, 70.164193020296239], [29.015572950971968, 69.766491197377974], [28.591929559043187, 69.064776923286644]]] } },
+            { "type": "Feature", "properties": { "admin": "Fiji", "name": "Fiji", "continent": "Oceania" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[178.3736, -17.33992], [178.71806, -17.62846], [178.55271, -18.15059], [177.93266, -18.28799], [177.38146, -18.16432], [177.28504, -17.72465], [177.67087, -17.38114], [178.12557, -17.50481], [178.3736, -17.33992]]], [[[179.364142661964223, -16.801354076946847], [178.725059362997058, -17.012041674368017], [178.596838595117021, -16.63915], [179.096609362997128, -16.43398427754742], [179.413509362997075, -16.379054277547393], [180.000000000000114, -16.067132663642436], [180.000000000000114, -16.555216566639157], [179.364142661964223, -16.801354076946847]]], [[[-179.917369384765237, -16.501783135649358], [-180.0, -16.555216566639157], [-180.0, -16.067132663642436], [-179.793320109048551, -16.020882256741228], [-179.917369384765237, -16.501783135649358]]]] } },
+            { "type": "Feature", "properties": { "admin": "Falkland Islands", "name": "Falkland Is.", "continent": "South America" }, "geometry": { "type": "Polygon", "coordinates": [[[-61.2, -51.85], [-60.0, -51.25], [-59.15, -51.5], [-58.55, -51.1], [-57.75, -51.55], [-58.05, -51.9], [-59.4, -52.2], [-59.85, -51.85], [-60.7, -52.3], [-61.2, -51.85]]] } },
+            { "type": "Feature", "properties": { "admin": "France", "name": "France", "continent": "Europe" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[-52.556424730018378, 2.504705308437053], [-52.939657151894963, 2.124857692875622], [-53.41846513529525, 2.053389187016037], [-53.554839240113481, 2.334896551925964], [-53.778520677288881, 2.376702785650053], [-54.088062506717264, 2.105556545414629], [-54.524754197799737, 2.311848863123785], [-54.271229620975781, 2.738747870286942], [-54.184284023644743, 3.194172268075234], [-54.011503872276812, 3.622569891774857], [-54.3995422023565, 4.212611395683481], [-54.478632981979203, 4.896755682795642], [-53.958044603070917, 5.756548163267808], [-53.618452928264837, 5.646529038918401], [-52.882141282754063, 5.409850979021598], [-51.823342861525916, 4.565768133966144], [-51.657797410678874, 4.156232408053028], [-52.249337531123977, 3.241094468596287], [-52.556424730018378, 2.504705308437053]]], [[[9.560016310269132, 42.152491970379558], [9.229752231491771, 41.380006822264441], [8.77572309737536, 41.583611965494427], [8.544212680707828, 42.256516628583078], [8.746009148807586, 42.628121853193946], [9.390000848028901, 43.009984849614725], [9.560016310269132, 42.152491970379558]]], [[[3.588184441755714, 50.378992418003563], [4.28602298342514, 49.90749664977254], [4.799221632515752, 49.985373033236314], [5.674051954784885, 49.529483547557433], [5.897759230176375, 49.442667141307155], [6.186320428094204, 49.463802802114444], [6.658229607783538, 49.201958319691549], [8.09927859867477, 49.017783515003366], [7.59367638513106, 48.333019110703724], [7.466759067422228, 47.620581976911851], [7.192202182655533, 47.449765529970982], [6.736571079138086, 47.541801255882874], [6.768713820023634, 47.287708238303672], [6.037388950228971, 46.725778713561894], [6.022609490593566, 46.272989813820502], [6.500099724970453, 46.429672756529428], [6.84359297041456, 45.991146552100659], [6.80235517744566, 45.708579820328673], [7.096652459347835, 45.333098863295859], [6.749955275101711, 45.028517971367584], [7.007562290076661, 44.254766750661382], [7.549596388386161, 44.127901109384808], [7.435184767291841, 43.693844916349164], [6.529245232783068, 43.12889232031835], [4.556962517931395, 43.399650987311581], [3.100410597352719, 43.075200507167118], [2.985998976258486, 42.473015041669882], [1.826793247087181, 42.343384711265649], [0.701590610363922, 42.795734361332642], [0.338046909190581, 42.57954600683955], [-1.502770961910471, 43.034014390630482], [-1.901351284177735, 43.422802028978332], [-1.384225226232956, 44.022610378590166], [-1.193797573237361, 46.014917710954862], [-2.225724249673788, 47.064362697938201], [-2.963276129559573, 47.570326646507958], [-4.491554938159481, 47.95495433205641], [-4.592349819344746, 48.68416046812694], [-3.295813971357745, 48.901692409859628], [-1.616510789384932, 48.644421291694577], [-1.933494025063254, 49.776341864615759], [-0.98946895995536, 49.347375800160869], [1.338761020522753, 50.127173163445256], [1.6390010921385, 50.9466063502975], [2.51357303224617, 51.14850617126185], [2.65842207196033, 50.796848049515646], [3.123251580425716, 50.780363267614504], [3.588184441755714, 50.378992418003563]]]] } },
+            { "type": "Feature", "properties": { "admin": "Gabon", "name": "Gabon", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[11.093772820691923, -3.978826592630546], [10.066135288135738, -2.969482517105681], [9.405245395554969, -2.144313246269042], [8.797995639693168, -1.111301364754496], [8.830086704146423, -0.779073581550037], [9.048419630579586, -0.459351494960217], [9.291350538783687, 0.268666083167687], [9.492888624721981, 1.010119533691494], [9.83028405115564, 1.067893784993799], [11.285078973036461, 1.057661851400013], [11.276449008843711, 2.261050930180871], [11.751665480199787, 2.326757513839993], [12.359380323952218, 2.19281220133945], [12.951333855855605, 2.321615708826939], [13.07582238124675, 2.267097072759014], [13.003113641012074, 1.830896307783319], [13.282631463278816, 1.31418366129688], [14.026668735417214, 1.395677395021153], [14.276265903386953, 1.196929836426619], [13.843320753645653, 0.038757635901149], [14.316418491277741, -0.552627455247048], [14.425455763413593, -1.333406670744971], [14.299210239324564, -1.998275648612213], [13.992407260807706, -2.470804945489099], [13.109618767965626, -2.428740329603513], [12.575284458067639, -1.948511244315134], [12.495702752338159, -2.391688327650242], [11.820963575903189, -2.514161472181982], [11.478038771214299, -2.765618991714241], [11.855121697648114, -3.42687061932105], [11.093772820691923, -3.978826592630546]]] } },
+            { "type": "Feature", "properties": { "admin": "United Kingdom", "name": "United Kingdom", "continent": "Europe" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[-5.661948614921896, 54.554603176483838], [-6.197884894220976, 53.867565009163329], [-6.953730231137994, 54.073702297575622], [-7.572167934591078, 54.059956366585979], [-7.366030646178785, 54.595840969452688], [-7.572167934591078, 55.131622219454883], [-6.733847011736144, 55.172860012423783], [-5.661948614921896, 54.554603176483838]]], [[[-3.00500484863528, 58.635000108466322], [-4.073828497728015, 57.55302480735525], [-3.055001796877661, 57.690019029360933], [-1.959280564776918, 57.684799709699512], [-2.219988165689301, 56.870017401753515], [-3.119003058271118, 55.97379303651546], [-2.085009324543023, 55.909998480851264], [-2.005675679673856, 55.804902850350217], [-1.11499101399221, 54.624986477265388], [-0.4304849918542, 54.464376125702145], [0.184981316742039, 53.325014146531018], [0.469976840831777, 52.929999498091959], [1.681530795914739, 52.739520168663987], [1.559987827164377, 52.099998480836], [1.050561557630914, 51.806760565795678], [1.4498653499503, 51.289427802121949], [0.550333693045502, 50.765738837275862], [-0.787517462558639, 50.774988918656206], [-2.489997524414377, 50.500018622431227], [-2.956273972984035, 50.696879991247002], [-3.617448085942327, 50.228355617872708], [-4.542507900399243, 50.341837063185658], [-5.245023159191134, 49.959999904981082], [-5.776566941745299, 50.159677639356815], [-4.309989793301837, 51.210001125689146], [-3.414850633142122, 51.426008612669236], [-3.422719467108322, 51.426848167406078], [-4.984367234710873, 51.593466091510962], [-5.267295701508885, 51.991400458374571], [-4.222346564134852, 52.30135569926135], [-4.770013393564112, 52.840004991255611], [-4.579999152026914, 53.495003770555165], [-3.093830673788658, 53.404547400669671], [-3.092079637047106, 53.404440822963544], [-2.945008510744343, 53.98499970154667], [-3.614700825433033, 54.60093677329256], [-3.63000545898933, 54.615012925833], [-4.844169073903003, 54.790971177786837], [-5.082526617849224, 55.061600653699358], [-4.719112107756643, 55.508472601943467], [-5.047980922862108, 55.783985500707516], [-5.586397670911139, 55.311146145236805], [-5.64499874513018, 56.275014960344791], [-6.149980841486352, 56.785009670633528], [-5.78682471355529, 57.818848375064633], [-5.009998745127574, 58.630013332750039], [-4.211494513353555, 58.550845038479153], [-3.00500484863528, 58.635000108466322]]]] } },
+            { "type": "Feature", "properties": { "admin": "Georgia", "name": "Georgia", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[41.55408410011065, 41.535656236327561], [41.703170607272703, 41.962942816732912], [41.453470086438379, 42.645123399417926], [40.875469191253785, 43.013628038091277], [40.321394484220313, 43.128633938156831], [39.955008579270917, 43.434997666999216], [40.07696495947976, 43.553104153002309], [40.922184686045618, 43.38215851498078], [42.394394565608806, 43.220307929042619], [43.756016880067378, 42.74082815202248], [43.931199985536828, 42.554973863284758], [44.537622918481979, 42.71199270280362], [45.470279168485703, 42.502780666669963], [45.776410353382758, 42.09244395605635], [46.404950799348818, 41.860675157227298], [46.145431756379004, 41.722802435872573], [46.637908156120574, 41.181672675128219], [46.501637404166921, 41.064444688474104], [45.962600538930381, 41.123872585609767], [45.217426385281577, 41.411451931314041], [44.972480096218071, 41.248128567055588], [43.582745802592726, 41.09214325618256], [42.619548781104484, 41.583172715819934], [41.55408410011065, 41.535656236327561]]] } },
+            { "type": "Feature", "properties": { "admin": "Ghana", "name": "Ghana", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[1.060121697604927, 5.928837388528875], [-0.507637905265938, 5.343472601742675], [-1.063624640294193, 5.000547797053811], [-1.964706590167594, 4.71046214438337], [-2.856125047202397, 4.994475816259508], [-2.810701463217839, 5.389051215024109], [-3.244370083011261, 6.2504715031135], [-2.983584967450326, 7.379704901555511], [-2.56218950032624, 8.219627793811481], [-2.827496303712706, 9.642460842319775], [-2.963896246747111, 10.395334784380081], [-2.94040930827046, 10.962690334512557], [-1.203357713211431, 11.009819240762736], [-0.761575893548183, 10.936929633015053], [-0.438701544588582, 11.09834096927872], [0.023802524423701, 11.018681748900802], [-0.049784715159944, 10.706917832883928], [0.367579990245389, 10.191212876827176], [0.365900506195885, 9.46500397382948], [0.461191847342121, 8.677222601756013], [0.712029249686878, 8.312464504423827], [0.490957472342245, 7.411744289576474], [0.570384148774849, 6.914358628767188], [0.836931186536333, 6.279978745952147], [1.060121697604927, 5.928837388528875]]] } },
+            { "type": "Feature", "properties": { "admin": "Guinea", "name": "Guinea", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[-8.439298468448696, 7.686042792181736], [-8.722123582382123, 7.711674302598509], [-8.926064622422002, 7.309037380396375], [-9.208786383490844, 7.313920803247952], [-9.403348151069748, 7.526905218938906], [-9.33727983238458, 7.928534450711351], [-9.755342169625832, 8.541055202666923], [-10.016566534861253, 8.42850393313523], [-10.230093553091276, 8.406205552601291], [-10.505477260774667, 8.348896389189603], [-10.494315151399629, 8.715540676300433], [-10.65477047366589, 8.977178452994194], [-10.622395188835037, 9.267910061068276], [-10.839151984083299, 9.688246161330367], [-11.117481248407328, 10.045872911006283], [-11.917277390988655, 10.046983954300556], [-12.150338100625003, 9.858571682164378], [-12.425928514037562, 9.835834051955953], [-12.596719122762206, 9.620188300001969], [-12.711957566773076, 9.342711696810765], [-13.246550258832512, 8.903048610871506], [-13.685153977909788, 9.494743760613458], [-14.074044969122278, 9.886166897008248], [-14.330075852912367, 10.015719712763966], [-14.579698859098254, 10.214467271358513], [-14.693231980843501, 10.65630076745404], [-14.83955379887794, 10.876571560098139], [-15.130311245168167, 11.040411688679525], [-14.685687221728896, 11.527823798056485], [-14.382191534878727, 11.509271958863691], [-14.121406419317776, 11.677117010947693], [-13.900799729863772, 11.678718980348744], [-13.743160773157411, 11.811269029177408], [-13.828271857142122, 12.142644151249041], [-13.718743658899511, 12.247185573775507], [-13.700476040084322, 12.586182969610192], [-13.217818162478235, 12.575873521367964], [-12.499050665730561, 12.332089952031053], [-12.278599005573438, 12.354440008997285], [-12.20356482588563, 12.465647691289401], [-11.658300950557928, 12.386582749882834], [-11.513942836950587, 12.442987575729415], [-11.456168585648269, 12.076834214725336], [-11.297573614944508, 12.077971096235768], [-11.036555955438256, 12.211244615116513], [-10.870829637078211, 12.177887478072106], [-10.593223842806278, 11.923975328005977], [-10.165213792348835, 11.844083563682743], [-9.890992804392011, 12.060478623904968], [-9.567911749703212, 12.194243068892472], [-9.327616339546008, 12.334286200403451], [-9.127473517279581, 12.308060411015331], [-8.905264858424529, 12.088358059126433], [-8.786099005559462, 11.812560939984705], [-8.376304897484911, 11.393645941610627], [-8.581305304386772, 11.136245632364801], [-8.620321010767126, 10.810890814655181], [-8.407310756860026, 10.90925690352276], [-8.282357143578279, 10.792597357623842], [-8.335377163109738, 10.494811916541932], [-8.029943610048617, 10.206534939001711], [-8.22933712404682, 10.129020290563897], [-8.309616461612249, 9.789531968622439], [-8.079113735374348, 9.376223863152033], [-7.832100389019186, 8.575704250518625], [-8.203498907900878, 8.455453192575446], [-8.299048631208562, 8.316443589710302], [-8.221792364932197, 8.123328762235571], [-8.280703497744936, 7.687179673692156], [-8.439298468448696, 7.686042792181736]]] } },
+            { "type": "Feature", "properties": { "admin": "Gambia", "name": "Gambia", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[-16.84152462408127, 13.151393947802557], [-16.713728807023468, 13.594958604379853], [-15.624596320039936, 13.623587347869556], [-15.398770310924457, 13.860368760630916], [-15.081735398813816, 13.876491807505982], [-14.687030808968483, 13.63035696049978], [-14.376713833055785, 13.625680243377371], [-14.046992356817478, 13.794067898000446], [-13.844963344772404, 13.505041612191999], [-14.277701788784553, 13.28058502853224], [-14.712197231494626, 13.298206691943774], [-15.141163295949463, 13.509511623585235], [-15.511812506562931, 13.278569647672864], [-15.691000535534991, 13.270353094938455], [-15.931295945692208, 13.130284125211331], [-16.84152462408127, 13.151393947802557]]] } },
+            { "type": "Feature", "properties": { "admin": "Guinea Bissau", "name": "Guinea-Bissau", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[-15.130311245168167, 11.040411688679525], [-15.664180467175523, 11.458474025920792], [-16.085214199273562, 11.524594021038236], [-16.314786749730199, 11.806514797406548], [-16.308947312881227, 11.958701890506116], [-16.613838263403277, 12.170911159712698], [-16.67745195155457, 12.38485158940105], [-16.147716844130581, 12.547761542201185], [-15.816574266004251, 12.515567124883345], [-15.548476935274005, 12.628170070847343], [-13.700476040084322, 12.586182969610192], [-13.718743658899511, 12.247185573775507], [-13.828271857142122, 12.142644151249041], [-13.743160773157411, 11.811269029177408], [-13.900799729863772, 11.678718980348744], [-14.121406419317776, 11.677117010947693], [-14.382191534878727, 11.509271958863691], [-14.685687221728896, 11.527823798056485], [-15.130311245168167, 11.040411688679525]]] } },
+            { "type": "Feature", "properties": { "admin": "Equatorial Guinea", "name": "Eq. Guinea", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[9.492888624721981, 1.010119533691494], [9.305613234096255, 1.160911363119183], [9.649158155972627, 2.283866075037735], [11.276449008843711, 2.261050930180871], [11.285078973036461, 1.057661851400013], [9.83028405115564, 1.067893784993799], [9.492888624721981, 1.010119533691494]]] } },
+            { "type": "Feature", "properties": { "admin": "Greece", "name": "Greece", "continent": "Europe" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[23.699980096133, 35.705004380835526], [24.246665073348673, 35.368022365860149], [25.025015496528873, 35.424995632461979], [25.769207797964182, 35.354018052709073], [25.745023227651579, 35.179997666966209], [26.290002882601719, 35.299990342747911], [26.164997592887651, 35.004995429009789], [24.724982130642299, 34.919987697889603], [24.735007358506941, 35.084990546197581], [23.514978468528106, 35.27999156345097], [23.699980096133, 35.705004380835526]]], [[[26.604195590936282, 41.562114569661098], [26.294602085075777, 40.936261298174244], [26.056942172965499, 40.824123440100827], [25.44767703624418, 40.852545477861455], [24.925848422960932, 40.947061672523226], [23.714811232200809, 40.687129218095116], [24.407998894964063, 40.124992987624083], [23.89996788910258, 39.962005520175573], [23.342999301860797, 39.960997829745786], [22.813987664488959, 40.476005153966547], [22.626298862404777, 40.256561184239175], [22.849747755634805, 39.659310818025759], [23.350027296652595, 39.190011298167256], [22.97309939951554, 38.97090322524965], [23.53001631032495, 38.51000112563846], [24.025024855248937, 38.219992987616443], [24.040011020613601, 37.655014553369419], [23.115002882589145, 37.920011298162215], [23.409971958111065, 37.409990749657389], [22.77497195810863, 37.305010077456551], [23.154225294698612, 36.422505804992042], [22.4900281104511, 36.410000108377446], [21.670026482843692, 36.84498647719419], [21.295010613701574, 37.644989325504689], [21.120034213961329, 38.31032339126272], [20.730032179454579, 38.769985256498778], [20.217712029712853, 39.340234686839629], [20.150015903410516, 39.624997666984022], [20.615000441172779, 40.110006822259422], [20.67499677906363, 40.434999904943048], [20.999989861747274, 40.580003973953964], [21.020040317476422, 40.842726955725873], [21.674160597426969, 40.931274522457976], [22.055377638444266, 41.149865831052686], [22.597308383889008, 41.130487168943198], [22.76177, 41.3048], [22.952377150166562, 41.337993882811212], [23.692073601992455, 41.309080918943849], [24.492644891058031, 41.583896185872035], [25.19720136892553, 41.234485988930651], [26.106138136507177, 41.328898830727823], [26.11704186372091, 41.826904608724725], [26.604195590936282, 41.562114569661098]]]] } },
+            { "type": "Feature", "properties": { "admin": "Greenland", "name": "Greenland", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-46.76379, 82.62796], [-43.40644, 83.22516], [-39.89753, 83.18018], [-38.62214, 83.54905], [-35.08787, 83.64513], [-27.10046, 83.51966], [-20.84539, 82.72669], [-22.69182, 82.34165], [-26.51753, 82.29765], [-31.9, 82.2], [-31.39646, 82.02154], [-27.85666, 82.13178], [-24.84448, 81.78697], [-22.90328, 82.09317], [-22.07175, 81.73449], [-23.16961, 81.15271], [-20.62363, 81.52462], [-15.76818, 81.91245], [-12.77018, 81.71885], [-12.20855, 81.29154], [-16.28533, 80.58004], [-16.85, 80.35], [-20.04624, 80.17708], [-17.73035, 80.12912], [-18.9, 79.4], [-19.70499, 78.75128], [-19.67353, 77.63859], [-18.47285, 76.98565], [-20.03503, 76.94434], [-21.67944, 76.62795], [-19.83407, 76.09808], [-19.59896, 75.24838], [-20.66818, 75.15585], [-19.37281, 74.29561], [-21.59422, 74.22382], [-20.43454, 73.81713], [-20.76234, 73.46436], [-22.17221, 73.30955], [-23.56593, 73.30663], [-22.31311, 72.62928], [-22.29954, 72.18409], [-24.27834, 72.59788], [-24.79296, 72.3302], [-23.44296, 72.08016], [-22.13281, 71.46898], [-21.75356, 70.66369], [-23.53603, 70.471], [-24.30702, 70.85649], [-25.54341, 71.43094], [-25.20135, 70.75226], [-26.36276, 70.22646], [-23.72742, 70.18401], [-22.34902, 70.12946], [-25.02927, 69.2588], [-27.74737, 68.47046], [-30.67371, 68.12503], [-31.77665, 68.12078], [-32.81105, 67.73547], [-34.20196, 66.67974], [-36.35284, 65.9789], [-37.04378, 65.93768], [-38.37505, 65.69213], [-39.81222, 65.45848], [-40.66899, 64.83997], [-40.68281, 64.13902], [-41.1887, 63.48246], [-42.81938, 62.68233], [-42.41666, 61.90093], [-42.86619, 61.07404], [-43.3784, 60.09772], [-44.7875, 60.03676], [-46.26364, 60.85328], [-48.26294, 60.85843], [-49.23308, 61.40681], [-49.90039, 62.38336], [-51.63325, 63.62691], [-52.14014, 64.27842], [-52.27659, 65.1767], [-53.66166, 66.09957], [-53.30161, 66.8365], [-53.96911, 67.18899], [-52.9804, 68.35759], [-51.47536, 68.72958], [-51.08041, 69.14781], [-50.87122, 69.9291], [-52.013585, 69.574925], [-52.55792, 69.42616], [-53.45629, 69.283625], [-54.68336, 69.61003], [-54.75001, 70.28932], [-54.35884, 70.821315], [-53.431315, 70.835755], [-51.39014, 70.56978], [-53.10937, 71.20485], [-54.00422, 71.54719], [-55.0, 71.406536967272558], [-55.83468, 71.65444], [-54.71819, 72.58625], [-55.32634, 72.95861], [-56.12003, 73.64977], [-57.32363, 74.71026], [-58.59679, 75.09861], [-58.58516, 75.51727], [-61.26861, 76.10238], [-63.39165, 76.1752], [-66.06427, 76.13486], [-68.50438, 76.06141], [-69.66485, 76.37975], [-71.40257, 77.00857], [-68.77671, 77.32312], [-66.76397, 77.37595], [-71.04293, 77.63595], [-73.297, 78.04419], [-73.15938, 78.43271], [-69.37345, 78.91388], [-65.7107, 79.39436], [-65.3239, 79.75814], [-68.02298, 80.11721], [-67.15129, 80.51582], [-63.68925, 81.21396], [-62.23444, 81.3211], [-62.65116, 81.77042], [-60.28249, 82.03363], [-57.20744, 82.19074], [-54.13442, 82.19962], [-53.04328, 81.88833], [-50.39061, 82.43883], [-48.00386, 82.06481], [-46.59984, 81.985945], [-44.523, 81.6607], [-46.9007, 82.19979], [-46.76379, 82.62796]]] } },
+            { "type": "Feature", "properties": { "admin": "Guatemala", "name": "Guatemala", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-90.095554572290951, 13.73533763270073], [-90.608624030300817, 13.909771429901948], [-91.232410244496037, 13.927832342987953], [-91.689746670279106, 14.126218166556452], [-92.227750006869812, 14.538828640190925], [-92.203229539747298, 14.830102850804066], [-92.087215949252041, 15.064584662328436], [-92.229248623406249, 15.251446641495857], [-91.747960171255912, 16.066564846251719], [-90.464472622422647, 16.069562079324651], [-90.438866950222021, 16.410109768128091], [-90.600846727240906, 16.470777899638758], [-90.711821865587694, 16.687483018454724], [-91.081670091500641, 16.918476670799404], [-91.453921271515128, 17.252177232324168], [-91.002269253284197, 17.254657701074176], [-91.001519945015943, 17.817594916245707], [-90.067933519230948, 17.819326076727474], [-89.143080410503302, 17.808318996649316], [-89.15080603713092, 17.015576687075832], [-89.229121670269265, 15.886937567605166], [-88.930612759135244, 15.887273464415072], [-88.604586147805833, 15.706380113177358], [-88.518364020526846, 15.855389105690971], [-88.22502275262201, 15.727722479713901], [-88.680679694355618, 15.346247056535301], [-89.15481096063354, 15.066419175674806], [-89.225220099631244, 14.874286200413618], [-89.145535041037149, 14.67801911056908], [-89.353325975282772, 14.424132798719112], [-89.587342698916544, 14.362586167859485], [-89.5342193265205, 14.244815578666302], [-89.7219339668207, 14.134228013561694], [-90.064677903996568, 13.881969509328924], [-90.095554572290951, 13.73533763270073]]] } },
+            { "type": "Feature", "properties": { "admin": "Guyana", "name": "Guyana", "continent": "South America" }, "geometry": { "type": "Polygon", "coordinates": [[[-59.758284878159181, 8.367034816924045], [-59.10168412945864, 7.99920197187049], [-58.482962205628041, 7.347691351750696], [-58.454876064677414, 6.832787380394463], [-58.078103196837361, 6.809093736188641], [-57.542218593970631, 6.321268215353355], [-57.147436489476874, 5.973149929219161], [-57.307245856339492, 5.073566595882225], [-57.914288906472123, 4.812626451024413], [-57.860209520078691, 4.576801052260449], [-58.044694383360664, 4.060863552258382], [-57.601568976457848, 3.334654649260684], [-57.281433478409703, 3.333491929534119], [-57.150097825739898, 2.768926906745406], [-56.53938574891454, 1.89952260986692], [-56.782704230360814, 1.863710842288653], [-57.33582292339689, 1.948537705895759], [-57.660971035377358, 1.682584947105638], [-58.113449876525003, 1.507195135907025], [-58.429477098205957, 1.46394196207872], [-58.540012986878288, 1.26808828369252], [-59.030861579002639, 1.317697658692722], [-59.646043667221242, 1.786893825686789], [-59.718545701726732, 2.249630438644359], [-59.974524909084543, 2.755232652188055], [-59.815413174057852, 3.606498521332085], [-59.538039923731219, 3.958802598481937], [-59.767405768458701, 4.423502915866606], [-60.111002366767373, 4.574966538914082], [-59.980958624904865, 5.014061184098138], [-60.213683437731319, 5.2444863956876], [-60.733574184803707, 5.2002772078619], [-61.410302903881941, 5.959068101419616], [-61.139415045807937, 6.234296779806142], [-61.159336310456467, 6.696077378766317], [-60.543999192940966, 6.856584377464881], [-60.295668097562377, 7.043911444522918], [-60.637972785063752, 7.414999904810853], [-60.550587938058186, 7.779602972846178], [-59.758284878159181, 8.367034816924045]]] } },
+            { "type": "Feature", "properties": { "admin": "Honduras", "name": "Honduras", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-87.316654425795463, 12.984685777229], [-87.48940873894712, 13.29753489832393], [-87.793111131526501, 13.384480495655165], [-87.723502977229288, 13.785050360565602], [-87.859515347021599, 13.893312486217097], [-88.065342576840109, 13.964625962779788], [-88.503997972349609, 13.845485948130939], [-88.541230841815931, 13.98015473068352], [-88.843072882832743, 14.140506700085208], [-89.058511929057644, 14.340029405164213], [-89.353325975282786, 14.424132798719084], [-89.145535041037164, 14.678019110569149], [-89.22522009963123, 14.874286200413675], [-89.154810960633526, 15.066419175674863], [-88.680679694355575, 15.346247056535386], [-88.225022752621925, 15.727722479714027], [-88.121153123715359, 15.688655096901355], [-87.901812506852394, 15.864458319558194], [-87.615680101252309, 15.878798529519198], [-87.522920905288444, 15.797278957578779], [-87.367762417332116, 15.846940009011286], [-86.903191291028165, 15.756712958229565], [-86.440945604177372, 15.782835394753189], [-86.119233974944322, 15.893448798073958], [-86.00195431185783, 16.005405788634388], [-85.68331743034625, 15.953651841693949], [-85.444003872402547, 15.885749009662444], [-85.182443610357183, 15.909158433490628], [-84.98372188997881, 15.995923163308698], [-84.526979743167118, 15.857223619037423], [-84.36825558138257, 15.835157782448729], [-84.063054572266807, 15.648244126849132], [-83.773976610026111, 15.42407176356687], [-83.410381232420363, 15.27090281825377], [-83.147219000974104, 14.995829169164207], [-83.489988776366005, 15.01626719813566], [-83.628584967772866, 14.880073960830368], [-83.975721401693576, 14.749435939996483], [-84.228341640952394, 14.748764146376626], [-84.449335903648588, 14.62161428472251], [-84.64958207877963, 14.666805324761865], [-84.820036790694289, 14.819586696832628], [-84.924500698572302, 14.790492865452332], [-85.052787441736868, 14.551541042534719], [-85.148750576502877, 14.560196844943615], [-85.165364549484806, 14.354369615125048], [-85.514413011400265, 14.079011745657905], [-85.698665330736944, 13.960078436737998], [-85.801294725268505, 13.8360549992376], [-86.096263800790595, 14.03818736414723], [-86.312142096689826, 13.771356106008223], [-86.520708177419891, 13.778487453664464], [-86.755086636079596, 13.754845485890936], [-86.733821784191463, 13.263092556201398], [-86.880557013684353, 13.254204209847213], [-87.005769009127434, 13.025794379117254], [-87.316654425795463, 12.984685777229]]] } },
+            { "type": "Feature", "properties": { "admin": "Croatia", "name": "Croatia", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[18.829838087650039, 45.908877671891837], [19.072768995854172, 45.521511135432078], [19.390475701584588, 45.236515611342369], [19.005486281010118, 44.860233669609144], [18.553214145591646, 45.08158966733145], [17.861783481526398, 45.067740383477137], [17.00214603035101, 45.233776760430935], [16.534939406000202, 45.211607570977705], [16.318156772535868, 45.004126695325901], [15.959367303133373, 45.233776760430935], [15.750026075918978, 44.81871165626255], [16.239660271884528, 44.351143296885695], [16.456442905348862, 44.041239732431265], [16.916156447017325, 43.667722479825663], [17.297373488034449, 43.446340643887353], [17.674921502358981, 43.028562527023603], [18.56, 42.65], [18.450016310304814, 42.47999136002931], [17.509970330483323, 42.84999461523914], [16.930005730871638, 43.209998480800373], [16.015384555737679, 43.507215481127204], [15.174453973052094, 44.243191229827907], [15.376250441151793, 44.317915350922064], [14.920309279040504, 44.73848399512945], [14.901602410550874, 45.076060289076104], [14.258747592839992, 45.233776760430935], [13.952254672917032, 44.802123521496853], [13.65697553880119, 45.136935126315947], [13.679403110415816, 45.484149074884996], [13.715059848697248, 45.500323798192419], [14.411968214585496, 45.466165676447403], [14.595109490627916, 45.63494090431282], [14.935243767972961, 45.471695054702757], [15.327674594797424, 45.452316392593325], [15.323953891672428, 45.731782538427687], [15.671529575267638, 45.8341535507979], [15.768732944408608, 46.23810822202352], [16.564808383864939, 46.503750922219794], [16.882515089595412, 46.380631822284428], [17.630066359129554, 45.951769110694087], [18.456062452882858, 45.759481106136143], [18.829838087650039, 45.908877671891837]]] } },
+            { "type": "Feature", "properties": { "admin": "Haiti", "name": "Haiti", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-73.189790615517595, 19.915683905511909], [-72.579672817663607, 19.871500555902351], [-71.71236141629295, 19.714455878167353], [-71.624873216422813, 19.169837958243303], [-71.701302659782485, 18.785416978424049], [-71.945112067335543, 18.616900132720257], [-71.687737596305865, 18.316660061104468], [-71.708304816358037, 18.044997056546091], [-72.372476162389333, 18.214960842354053], [-72.844411180294856, 18.145611070218362], [-73.454554816365018, 18.217906398994696], [-73.922433234335642, 18.030992743395], [-74.458033616824764, 18.342549953682703], [-74.369925299767118, 18.664907538319408], [-73.449542202432696, 18.526052964751141], [-72.694937099890623, 18.445799465401858], [-72.334881557896992, 18.66842153571525], [-72.791649542924873, 19.101625067618027], [-72.784104783810264, 19.483591416903405], [-73.41502234566174, 19.639550889560276], [-73.189790615517595, 19.915683905511909]]] } },
+            { "type": "Feature", "properties": { "admin": "Hungary", "name": "Hungary", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[16.202298211337361, 46.852385972676949], [16.534267612380372, 47.496170966169103], [16.340584344150411, 47.712901923201215], [16.903754103267257, 47.714865627628321], [16.979666782304033, 48.123497015976298], [17.488472934649813, 47.867466132186209], [17.857132602620023, 47.758428860050365], [18.696512892336923, 47.88095368101439], [18.777024773847668, 48.081768296900627], [19.174364861739885, 48.111378892603859], [19.66136355965849, 48.266614895208647], [19.769470656013109, 48.2026911484636], [20.239054396249344, 48.327567247096916], [20.473562045989862, 48.562850043321809], [20.801293979584919, 48.62385407164237], [21.872236362401729, 48.319970811550007], [22.085608351334848, 48.422264309271782], [22.640819939878746, 48.150239569687351], [22.710531447040488, 47.882193915389394], [22.09976769378283, 47.672439276716695], [21.626514926853869, 46.994237779318148], [21.021952345471245, 46.316087958351886], [20.220192498462833, 46.127468980486547], [19.596044549241579, 46.171729844744533], [18.829838087649957, 45.908877671891915], [18.456062452882858, 45.759481106136121], [17.630066359129554, 45.95176911069418], [16.882515089595298, 46.380631822284428], [16.564808383864854, 46.503750922219822], [16.370504998447412, 46.841327216166498], [16.202298211337361, 46.852385972676949]]] } },
+            { "type": "Feature", "properties": { "admin": "Indonesia", "name": "Indonesia", "continent": "Asia" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[120.715608758630438, -10.239581394087862], [120.295014276206871, -10.258649997603525], [118.967808465654684, -9.55796925215803], [119.900309686361609, -9.361340427287514], [120.425755649905398, -9.665921319215796], [120.775501743656719, -9.969675388227456], [120.715608758630438, -10.239581394087862]]], [[[124.435950148619384, -10.14000090906144], [123.579981724136701, -10.359987481327961], [123.459989048354998, -10.239994805546171], [123.55000939340745, -9.900015557497978], [123.980008986508096, -9.290026950724693], [124.96868248911619, -8.892790215697046], [125.070019972840612, -9.089987481322835], [125.088520135601073, -9.393173109579321], [124.435950148619384, -10.14000090906144]]], [[[117.900018345207741, -8.095681247594923], [118.260616489740471, -8.362383314653327], [118.87845991422212, -8.280682875199828], [119.126506789223086, -8.705824883665072], [117.97040164598927, -8.906639499551257], [117.277730747549015, -9.040894870645557], [116.74014082241662, -9.032936700072637], [117.083737420725313, -8.457157891476539], [117.632024367342126, -8.44930307376819], [117.900018345207741, -8.095681247594923]]], [[[122.903537225436082, -8.094234307490735], [122.756982863456287, -8.649807631060638], [121.2544905945701, -8.933666273639941], [119.924390903809567, -8.810417982623873], [119.920928582846102, -8.44485890059107], [120.715091994307542, -8.236964613480863], [121.341668735846554, -8.53673959720602], [122.007364536630405, -8.46062021244016], [122.903537225436082, -8.094234307490735]]], [[[108.623478631628927, -6.777673841990675], [110.539227329553285, -6.877357679881682], [110.759575636845909, -6.465186455921751], [112.614811232556349, -6.946035658397589], [112.978768345188087, -7.594213148634578], [114.478935174621142, -7.776527601760277], [115.705526971501058, -8.370806573116864], [114.564511346496488, -8.75181690840483], [113.464733514460875, -8.348947442257424], [112.559672479301028, -8.376180922075163], [111.522061395312448, -8.302128594600957], [110.586149530074294, -8.122604668819021], [109.427667270955183, -7.740664157749761], [108.693655226681301, -7.641600437046219], [108.277763299596302, -7.766657403192579], [106.454102004016136, -7.354899590690947], [106.280624220812285, -6.924899997590201], [105.365486281355516, -6.851416110871169], [106.051645949327053, -5.895918877794499], [107.265008579540165, -5.954985039904058], [108.072091099074683, -6.345762220895237], [108.486846144649235, -6.421984958525768], [108.623478631628927, -6.777673841990675]]], [[[134.724624465066654, -6.214400730009286], [134.210133905168902, -6.895237725454704], [134.112775506730998, -6.142467136259014], [134.290335728085779, -5.783057549669038], [134.499625278867882, -5.445042006047898], [134.727001580952106, -5.737582289252158], [134.724624465066654, -6.214400730009286]]], [[[127.249215122588893, -3.459065036638889], [126.874922723498855, -3.790982761249579], [126.183802118027302, -3.607376397316556], [125.989033644719257, -3.177273451351325], [127.00065148326496, -3.12931772218441], [127.249215122588893, -3.459065036638889]]], [[[130.471344028851775, -3.09376433676762], [130.834836053592767, -3.858472181822761], [129.990546502808115, -3.446300957862817], [129.155248651242403, -3.362636813982248], [128.590683628453633, -3.428679294451256], [127.898891229362334, -3.393435967628192], [128.135879347852779, -2.843650404474914], [129.370997756060888, -2.802154229344551], [130.471344028851775, -3.09376433676762]]], [[[134.143367954647772, -1.151867364103594], [134.422627394753022, -2.769184665542383], [135.457602980694674, -3.367752780779113], [136.293314243718754, -2.30704233155609], [137.4407377463275, -1.703513278819372], [138.329727411044757, -1.70268645590265], [139.18492068904294, -2.051295668143637], [139.926684198160387, -2.409051608900284], [141.000210402591847, -2.600151055515624], [141.017056919519007, -5.85902190513802], [141.033851760013874, -9.117892754760417], [140.143415155192542, -8.297167657100955], [139.127766554928087, -8.096042982620942], [138.881476678624949, -8.380935153846094], [137.614473911692812, -8.41168263105976], [138.039099155835174, -7.597882175327354], [138.668621454014783, -7.320224704623072], [138.407913853102343, -6.232849216337483], [137.927839797110835, -5.393365573755998], [135.989250116113453, -4.546543877789047], [135.164597609599667, -4.462931410340771], [133.662880487197867, -3.538853448097526], [133.367704705946778, -4.024818617370314], [132.983955519747326, -4.112978610860281], [132.75694095268895, -3.746282647317129], [132.753788690319197, -3.311787204607071], [131.989804315316178, -2.820551039240455], [133.066844517143466, -2.460417982598443], [133.780030959203486, -2.479848321140209], [133.69621178602614, -2.214541517753687], [132.232373488494204, -2.212526136894325], [131.836221958544684, -1.617161960459597], [130.942839797082797, -1.432522067880796], [130.519558140180038, -0.937720228686075], [131.867537876513609, -0.695461114101818], [132.380116408416768, -0.369537855636977], [133.985548130428384, -0.780210463060442], [134.143367954647772, -1.151867364103594]]], [[[125.240500522971573, 1.419836127117605], [124.43703535369734, 0.427881171058971], [123.685504998876695, 0.235593166500877], [122.723083123872854, 0.431136786293337], [121.056724888189081, 0.381217352699451], [120.18308312386273, 0.23724681233422], [120.040869582195455, -0.519657891444851], [120.935905389490699, -1.408905938323372], [121.475820754076167, -0.955962009285116], [123.34056481332847, -0.615672702643081], [123.258399285984481, -1.076213067228337], [122.822715285331597, -0.930950616055881], [122.388529901215364, -1.516858005381124], [121.508273553555455, -1.904482924002422], [122.454572381684272, -3.186058444840881], [122.271896193532541, -3.529500013852696], [123.170962762546537, -4.683693129091707], [123.162332798353759, -5.34060393638596], [122.628515252778683, -5.634591159694494], [122.236394484548057, -5.282933037948281], [122.71956912647704, -4.46417164471579], [121.738233677254357, -4.851331475446499], [121.48946333220124, -4.574552504091215], [121.619171177253861, -4.188477878438674], [120.898181593917684, -3.602105401222828], [120.972388950688767, -2.627642917494909], [120.305452915529884, -2.931603692235725], [120.39004723519173, -4.097579034037223], [120.430716587405371, -5.528241062037778], [119.796543410319487, -5.67340016034565], [119.36690555224493, -5.379878024927804], [119.653606398600104, -4.459417412944958], [119.498835483885969, -3.49441171632651], [119.078344354326987, -3.487021986508764], [118.767768996252869, -2.801999200047688], [119.180973748858662, -2.147103773612798], [119.323393996255049, -1.35314706788047], [119.825998976725828, 0.154254462073496], [120.035701938966341, 0.566477362465804], [120.885779250167687, 1.309222723796835], [121.666816847826965, 1.013943589681076], [122.927566766451818, 0.875192368977465], [124.077522414242836, 0.917101955566139], [125.065989211121803, 1.643259182131558], [125.240500522971573, 1.419836127117605]]], [[[128.688248732620707, 1.132385972494106], [128.635952183141342, 0.258485826006179], [128.120169712436166, 0.356412665199286], [127.968034295768845, -0.252077325037533], [128.379998813999691, -0.780003757331286], [128.100015903842291, -0.899996433112974], [127.69647464407501, -0.266598402511505], [127.399490187693743, 1.011721503092573], [127.600511509309044, 1.81069082275718], [127.932377557487484, 2.174596258956555], [128.004156121940809, 1.628531398928331], [128.594559360875451, 1.540810655112864], [128.688248732620707, 1.132385972494106]]], [[[117.875627069166001, 1.827640692548911], [118.996747267738158, 0.902219143066048], [117.811858351717788, 0.784241848143722], [117.478338657706047, 0.102474676917026], [117.521643507966587, -0.803723239753211], [116.560048455879496, -1.487660821136231], [116.533796828275158, -2.483517347832901], [116.148083937648607, -4.012726332214014], [116.000857782049067, -3.657037448749008], [114.864803094544513, -4.106984144714416], [114.468651564595064, -3.49570362713382], [113.755671828264099, -3.439169610206519], [113.256994256647545, -3.118775729996854], [112.068126255340644, -3.478392022316071], [111.703290643359992, -2.994442233902631], [111.04824018762821, -3.049425957861188], [110.223846063275971, -2.934032484553483], [110.070935500124335, -1.592874037282414], [109.571947869914041, -1.314906507984489], [109.091873813922518, -0.459506524257051], [108.952657505328162, 0.415375474444346], [109.069136183714036, 1.341933905437642], [109.663260125773718, 2.006466986494984], [109.830226678508836, 1.338135687664191], [110.514060907027101, 0.773131415200993], [111.159137811326559, 0.976478176269509], [111.797548455860408, 0.904441229654651], [112.380251906383648, 1.410120957846757], [112.859809198052176, 1.497790025229946], [113.805849644019531, 1.217548732911041], [114.621355422017473, 1.430688177898886], [115.134037306785231, 2.821481838386219], [115.51907840379198, 3.169238389494395], [115.86551720587677, 4.306559149590156], [117.01521447150634, 4.306094061699468], [117.882034946770162, 4.137551377779487], [117.313232456533513, 3.234428208830578], [118.048329705885351, 2.287690131027361], [117.875627069166001, 1.827640692548911]]], [[[105.817655063909356, -5.852355645372411], [104.710384149191498, -5.873284600450644], [103.868213332130736, -5.037314955264974], [102.584260695406897, -4.220258884298203], [102.156173130300999, -3.614146009946765], [101.399113397225051, -2.799777113459171], [100.902502882900137, -2.05026213949786], [100.141980828860596, -0.650347588710957], [99.26373986206022, 0.183141587724663], [98.970011020913319, 1.042882391764536], [98.601351352943084, 1.823506577965616], [97.699597609449881, 2.453183905442116], [97.17694217324987, 3.30879059489861], [96.424016554757316, 3.86885976807791], [95.380876092513475, 4.970782172053673], [95.293026157617305, 5.479820868344816], [95.936862827541745, 5.439513251157108], [97.484882033277088, 5.24632090903401], [98.369169142655679, 4.268370266126366], [99.142558628335792, 3.590349636240915], [99.693997837322399, 3.174328518075156], [100.641433546961665, 2.099381211755798], [101.658012323007313, 2.083697414555189], [102.498271112073212, 1.398700466310217], [103.076840448013002, 0.561361395668854], [103.838396030698348, 0.104541734208666], [103.437645298274973, -0.711945896002845], [104.010788608824001, -1.059211521004229], [104.369991489684878, -1.084843031421016], [104.539490187602155, -1.782371514496716], [104.887892694113987, -2.340425306816655], [105.622111444116982, -2.42884368246807], [106.10859337771268, -3.06177662517895], [105.857445916774111, -4.305524997579723], [105.817655063909356, -5.852355645372411]]]] } },
+            { "type": "Feature", "properties": { "admin": "India", "name": "India", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[77.837450799474553, 35.494009507787759], [78.912268914713209, 34.321936346975782], [78.811086460285722, 33.506198025032404], [79.208891636068572, 32.994394639613709], [79.176128777995501, 32.483779812137705], [78.458446486325997, 32.61816437431272], [78.738894484374001, 31.515906073527056], [79.721366815107089, 30.882714748654724], [81.11125613802929, 30.183480943313398], [80.476721225917373, 29.729865220655334], [80.088424513676259, 28.794470119740136], [81.057202589851997, 28.416095282499036], [81.999987420584958, 27.925479234319987], [83.304248895199535, 27.364505723575554], [84.675017938173767, 27.234901231387528], [85.25177859898335, 26.726198431906337], [86.024392938179147, 26.630984605408567], [87.22747195836628, 26.39789805755607], [88.060237664749806, 26.414615383402484], [88.174804315140904, 26.810405178325944], [88.043132765661198, 27.445818589786818], [88.120440708369841, 27.876541652939586], [88.730325962278528, 28.086864732367509], [88.814248488320544, 27.299315904239361], [88.835642531289366, 27.098966376243755], [89.744527622438838, 26.71940298105995], [90.37327477413406, 26.875724188742872], [91.217512648486405, 26.808648179628019], [92.033483514375078, 26.838310451763554], [92.10371178585973, 27.4526140406332], [91.69665652869665, 27.771741848251661], [92.503118931043616, 27.896876329046442], [93.413347609432662, 28.640629380807219], [94.565990431702929, 29.277438055939978], [95.404802280664612, 29.031716620392125], [96.117678664131006, 29.452802028922459], [96.586590610747479, 28.830979519154337], [96.248833449287758, 28.411030992134435], [97.327113885490007, 28.261582749946331], [97.402561476636123, 27.88253611908544], [97.051988559968066, 27.699058946233144], [97.133999058015277, 27.08377350514996], [96.419365675850941, 27.264589341739221], [95.124767694074933, 26.573572089132295], [95.155153436262566, 26.001307277932078], [94.603249139385355, 25.162495428970399], [94.552657912171611, 24.675238348890328], [94.106741977925054, 23.850740871673477], [93.325187615942767, 24.078556423432197], [93.286326938859247, 23.043658352138998], [93.060294224014598, 22.703110663335565], [93.166127557348361, 22.278459580977099], [92.672720981825549, 22.041238918541247], [92.146034783906799, 23.62749868417259], [91.869927606171302, 23.62434642180278], [91.706475050832083, 22.985263983649183], [91.158963250699713, 23.503526923104381], [91.467729933643668, 24.072639471934789], [91.915092807994398, 24.130413723237108], [92.376201613334786, 24.976692816664961], [91.799595981822065, 25.14743174895731], [90.872210727912105, 25.13260061288954], [89.920692580121838, 25.269749864192171], [89.832480910199592, 25.965082098895476], [89.355094028687276, 26.014407253518065], [88.56304935094974, 26.446525580342716], [88.209789259802477, 25.768065700782707], [88.931553989623069, 25.238692328384769], [88.30637251175601, 24.866079413344199], [88.084422235062405, 24.501657212821918], [88.699940220090895, 24.233714911388557], [88.529769728553759, 23.631141872649163], [88.876311883503064, 22.879146429937826], [89.031961297566198, 22.055708319582973], [88.888765903685396, 21.690588487224741], [88.208497348995209, 21.703171698487804], [86.975704380240259, 21.495561631755201], [87.033168572948853, 20.743307806882406], [86.499351027373777, 20.151638495356604], [85.060265740909671, 19.478578802971096], [83.941005893899998, 18.302009792549722], [83.189217156917834, 17.671221421778977], [82.192792189465905, 17.016636053937813], [82.191241896497175, 16.556664130107844], [81.692719354177456, 16.3102192245079], [80.791999139330116, 15.951972357644488], [80.324895867843864, 15.899184882058346], [80.025069207686428, 15.136414903214144], [80.23327355339039, 13.835770778859978], [80.286293572921849, 13.006260687710832], [79.862546828128487, 12.056215318240886], [79.85799930208681, 10.357275091997108], [79.340511509115984, 10.308854274939618], [78.885345493489169, 9.54613597252772], [79.189719679688281, 9.216543687370146], [78.27794070833049, 8.933046779816932], [77.94116539908434, 8.25295909263974], [77.539897902337927, 7.965534776232331], [76.592978957021657, 8.899276231314188], [76.130061476551063, 10.299630031775518], [75.746467319648488, 11.308250637248303], [75.396101108709573, 11.781245022015822], [74.864815708316812, 12.741935736537895], [74.616717156883524, 13.992582912649677], [74.443859490867197, 14.617221787977693], [73.534199253233368, 15.990652167214957], [73.119909295549419, 17.928570054592495], [72.820909458308634, 19.208233547436162], [72.824475132136783, 20.41950328214153], [72.630533481745388, 21.356009426351001], [71.175273471973938, 20.757441311114228], [70.470458611945091, 20.877330634031381], [69.164130080038817, 22.089298000572697], [69.644927606082391, 22.450774644454334], [69.349596795534325, 22.843179633062686], [68.176645135373377, 23.691965033456704], [68.842599318318761, 24.359133612560932], [71.0432401874682, 24.356523952730193], [70.844699334602822, 25.215102037043511], [70.282873162725579, 25.722228705339823], [70.168926629522005, 26.491871649678835], [69.514392938113119, 26.940965684511365], [70.61649620960192, 27.989196275335861], [71.777665643200308, 27.913180243434521], [72.823751662084689, 28.961591701772047], [73.450638462217412, 29.976413479119863], [74.421380242820263, 30.97981476493117], [74.405928989564998, 31.692639471965272], [75.258641798813187, 32.271105455040491], [74.451559279278698, 32.764899603805489], [74.104293654277328, 33.441473293586846], [73.749948358051952, 34.317698879527846], [74.240202671204955, 34.748887030571247], [75.757060988268321, 34.504922593721311], [76.871721632804011, 34.653544012992732], [77.837450799474553, 35.494009507787759]]] } },
+            { "type": "Feature", "properties": { "admin": "Ireland", "name": "Ireland", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[-6.197884894220989, 53.86756500916335], [-6.032985398777609, 53.153164170944336], [-6.788856573910847, 52.260117906292322], [-8.561616583683557, 51.669301255899349], [-9.977085740590267, 51.820454820353071], [-9.16628251793078, 52.864628811242667], [-9.688524542672452, 53.881362616585285], [-8.327987433292007, 54.664518947968624], [-7.572167934591064, 55.131622219454854], [-7.366030646178785, 54.595840969452709], [-7.572167934591064, 54.059956366585986], [-6.953730231138065, 54.073702297575622], [-6.197884894220989, 53.86756500916335]]] } },
+            { "type": "Feature", "properties": { "admin": "Iran", "name": "Iran", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[53.921597934795543, 37.198918361961255], [54.800303989486558, 37.392420762678178], [55.511578403551894, 37.964117133123153], [56.180374790273319, 37.935126654607423], [56.619366082592805, 38.121394354803478], [57.330433790928964, 38.029229437810933], [58.436154412678192, 37.522309475243794], [59.234761997316795, 37.412987982730336], [60.377637973883864, 36.52738312432836], [61.123070509694131, 36.491597194966239], [61.21081709172573, 35.650072333309218], [60.80319339380744, 34.404101874319856], [60.528429803311575, 33.676446031217999], [60.963700392505991, 33.528832302376252], [60.536077915290761, 32.981268825811561], [60.863654819588952, 32.182919623334421], [60.941944614511115, 31.548074652628745], [61.699314406180811, 31.379506130492661], [61.78122155136343, 30.735850328081231], [60.874248488208778, 29.829238999952604], [61.369308709564926, 29.303276272085917], [61.771868117118615, 28.699333807890792], [62.727830438085974, 28.259644883735383], [62.755425652929851, 27.378923448184985], [63.23389773952028, 27.217047024030702], [63.316631707619578, 26.756532497661659], [61.874187453056535, 26.239974880472097], [61.497362908784183, 25.078237006118492], [59.616134067630831, 25.380156561783775], [58.525761346272297, 25.609961656185725], [57.39725141788238, 25.739902045183634], [56.97076582217754, 26.966106268821356], [56.492138706290199, 27.14330475515019], [55.723710158110059, 26.964633490501036], [54.715089552637252, 26.480657863871507], [53.493096958231334, 26.812368882753042], [52.483597853409599, 27.580849107365488], [51.520762566947404, 27.865689602158291], [50.852948032439528, 28.814520575469377], [50.115008579311571, 30.14777252859971], [49.576850213423988, 29.9857152369324], [48.941333449098536, 30.31709035900403], [48.567971225789748, 29.926778265903515], [48.014568312376085, 30.452456773392594], [48.00469811380831, 30.985137437457237], [47.685286085812258, 30.984853217079621], [47.849203729042095, 31.709175930298663], [47.334661492711895, 32.469155381799105], [46.109361606639304, 33.017287299118998], [45.416690708199035, 33.967797756479577], [45.648459507028079, 34.748137722303007], [46.15178795755093, 35.093258775364284], [46.076340366404786, 35.67738332777548], [45.420618117053202, 35.977545884742817], [44.77267, 37.17045], [44.225755649600522, 37.971584377589345], [44.421402622257538, 38.281281236314534], [44.109225294782334, 39.428136298168091], [44.793989699081934, 39.713002631177041], [44.9526880226503, 39.335764675446363], [45.457721795438765, 38.874139105783051], [46.143623081248812, 38.74120148371221], [46.505719842317966, 38.770605373686287], [47.685079380083081, 39.508363959301207], [48.060095249225235, 39.582235419262453], [48.355529412637871, 39.2887649602769], [48.010744256386474, 38.794014797514514], [48.634375441284803, 38.27037750910096], [48.883249139202483, 38.32024526626261], [49.199612257693332, 37.582874253889877], [50.147771437384606, 37.37456655532133], [50.842354363819695, 36.872814235983384], [52.26402469260141, 36.700421657857696], [53.825789829326411, 36.965030829408228], [53.921597934795543, 37.198918361961255]]] } },
+            { "type": "Feature", "properties": { "admin": "Iraq", "name": "Iraq", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[45.420618117053202, 35.977545884742817], [46.076340366404786, 35.67738332777548], [46.15178795755093, 35.093258775364284], [45.648459507028079, 34.748137722303007], [45.416690708199035, 33.967797756479577], [46.109361606639304, 33.017287299118998], [47.334661492711895, 32.469155381799105], [47.849203729042095, 31.709175930298663], [47.685286085812258, 30.984853217079621], [48.00469811380831, 30.985137437457237], [48.014568312376085, 30.452456773392594], [48.567971225789748, 29.926778265903515], [47.974519077349889, 29.975819200148493], [47.302622104690947, 30.059069932570711], [46.568713413281742, 29.099025173452283], [44.709498732284736, 29.178891099559376], [41.889980910007829, 31.190008653278362], [40.399994337736238, 31.889991766887931], [39.195468377444961, 32.16100881604266], [38.792340529136077, 33.378686428352218], [41.00615888851992, 34.419372260062111], [41.383965285005807, 35.628316555314349], [41.289707472505448, 36.358814602192261], [41.837064243340954, 36.605853786763568], [42.349591098811764, 37.22987254490409], [42.779125604021822, 37.385263576805741], [43.942258742047287, 37.256227525372942], [44.293451775902852, 37.001514390606289], [44.772699008977689, 37.170444647768427], [45.420618117053202, 35.977545884742817]]] } },
+            { "type": "Feature", "properties": { "admin": "Iceland", "name": "Iceland", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[-14.508695441129232, 66.455892239031414], [-14.739637417041605, 65.808748277440287], [-13.609732224979807, 65.126671047619851], [-14.9098337467949, 64.36408193628867], [-17.794438035543418, 63.67874909123384], [-18.656245896874989, 63.496382961675806], [-19.972754685942757, 63.643634955491514], [-22.762971971110154, 63.960178941495371], [-21.778484259517676, 64.402115790455497], [-23.955043911219104, 64.891129869233481], [-22.184402635170354, 65.084968166760291], [-22.227423265053329, 65.378593655042721], [-24.326184047939332, 65.611189276788451], [-23.650514695723082, 66.262519029395207], [-22.134922451250883, 66.410468655046856], [-20.576283738679543, 65.732112128351417], [-19.056841600001587, 66.276600857194751], [-17.798623826559048, 65.993853257909763], [-16.167818976292121, 66.526792304135853], [-14.508695441129232, 66.455892239031414]]] } },
+            { "type": "Feature", "properties": { "admin": "Israel", "name": "Israel", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[35.719918247222743, 32.709192409794859], [35.545665317534535, 32.393992011030569], [35.183930291491428, 32.532510687788935], [34.974640740709319, 31.866582343059715], [35.225891554512422, 31.754341132121759], [34.970506626125989, 31.616778469360803], [34.927408481594554, 31.35343537040141], [35.397560662586038, 31.489086005167572], [35.420918409981958, 31.100065822874349], [34.922602573391423, 29.501326198844517], [34.26543338393568, 31.219360866820146], [34.556371697738903, 31.548823960896989], [34.48810713068135, 31.605538845337314], [34.752587111151165, 32.07292633720116], [34.955417107896771, 32.827376410446369], [35.098457472480668, 33.080539252244257], [35.126052687324538, 33.090900376918775], [35.460709262846699, 33.089040025356276], [35.552796665190805, 33.264274807258012], [35.821100701650231, 33.277426459276292], [35.836396925608618, 32.868123277308506], [35.700797967274745, 32.716013698857374], [35.719918247222743, 32.709192409794859]]] } },
+            { "type": "Feature", "properties": { "admin": "Italy", "name": "Italy", "continent": "Europe" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[15.52037601081383, 38.231155096991465], [15.160242954171732, 37.444045518537813], [15.309897902089002, 37.134219468731793], [15.099988234119445, 36.61998729099539], [14.335228712632013, 36.996630967754747], [13.826732618879927, 37.104531358380186], [12.431003859108809, 37.612949937483812], [12.570943637755132, 38.126381130519682], [13.741156447004581, 38.03496552179535], [14.761249220446157, 38.143873602850498], [15.52037601081383, 38.231155096991465]]], [[[9.210011834356264, 41.209991360024212], [9.809975213264973, 40.500008856766094], [9.669518670295671, 39.177376410471787], [9.214817742559486, 39.240473334300127], [8.806935662479729, 38.906617743478471], [8.428302443077113, 39.171847032216611], [8.388253208050939, 40.378310858718798], [8.159998406617659, 40.950007229163774], [8.709990675500107, 40.899984442705225], [9.210011834356264, 41.209991360024212]]], [[[12.376485223040842, 46.767559109069872], [13.806475457421552, 46.50930613869118], [13.698109978905475, 46.016778062517368], [13.937630242578335, 45.59101593686465], [13.141606479554294, 45.736691799495411], [12.328581170306304, 45.38177806251484], [12.383874952858601, 44.885374253919075], [12.261453484759157, 44.600482082694008], [12.589237094786482, 44.091365871754462], [13.526905958722491, 43.587727362637899], [14.029820997787024, 42.761007798832473], [15.142569614327952, 41.955139675456891], [15.926191033601892, 41.961315009115729], [16.169897088290409, 41.740294908203417], [15.889345737377793, 41.541082261718195], [16.785001661860573, 41.179605617836579], [17.519168735431204, 40.877143459632229], [18.376687452882575, 40.355624904942651], [18.4802470231954, 40.168866278639818], [18.293385044028096, 39.810774441073235], [17.738380161213279, 40.277671006830289], [16.869595981522334, 40.442234605463838], [16.448743116937319, 39.795400702466473], [17.171489698971495, 39.424699815420716], [17.052840610429339, 38.902871202137291], [16.635088331781841, 38.843572496082395], [16.100960727613053, 37.985898749334176], [15.684086948314498, 37.908849188787023], [15.687962680736318, 38.214592800441849], [15.891981235424705, 38.750942491199218], [16.109332309644312, 38.964547024077682], [15.718813510814638, 39.544072374014938], [15.413612501698818, 40.048356838535163], [14.998495721098234, 40.172948716790913], [14.703268263414767, 40.604550279292617], [14.06067182786526, 40.786347968095434], [13.627985060285393, 41.188287258461649], [12.888081902730418, 41.253089504555604], [12.106682570044907, 41.7045348170574], [11.191906365614184, 42.355425319989671], [10.511947869517794, 42.93146251074721], [10.200028924204046, 43.920006822274608], [9.702488234097812, 44.036278794931313], [8.888946160526869, 44.366336167979533], [8.428560825238575, 44.23122813575241], [7.8507666357832, 43.767147935555236], [7.435184767291841, 43.693844916349164], [7.549596388386161, 44.127901109384808], [7.007562290076661, 44.254766750661382], [6.749955275101711, 45.028517971367584], [7.096652459347835, 45.333098863295859], [6.80235517744566, 45.708579820328673], [6.84359297041456, 45.991146552100659], [7.273850945676683, 45.776947740250748], [7.755992058959832, 45.824490057959267], [8.316629672894377, 46.16364248309084], [8.489952426801294, 46.005150865251736], [8.966305779667833, 46.03693187111115], [9.18288170740311, 46.440214748716976], [9.92283654139035, 46.314899400409182], [10.363378126678665, 46.48357127540983], [10.4427014502466, 46.893546250997431], [11.048555942436504, 46.751358547546396], [11.164827915093325, 46.941579494812729], [12.153088006243079, 47.115393174826423], [12.376485223040842, 46.767559109069872]]]] } },
+            { "type": "Feature", "properties": { "admin": "Jamaica", "name": "Jamaica", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-77.569600796199197, 18.490525417550483], [-76.896618618462114, 18.400866807524078], [-76.365359056285527, 18.16070058844759], [-76.19965857614163, 17.886867173732963], [-76.902561408175671, 17.868237819891743], [-77.206341315403449, 17.701116237859818], [-77.766022915340599, 17.861597398342237], [-78.337719285785596, 18.225967922432226], [-78.217726610003865, 18.454532782459193], [-77.797364671525614, 18.524218451404774], [-77.569600796199197, 18.490525417550483]]] } },
+            { "type": "Feature", "properties": { "admin": "Jordan", "name": "Jordan", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[35.545665317534535, 32.393992011030569], [35.719918247222743, 32.709192409794859], [36.834062127435537, 32.312937526980768], [38.792340529136077, 33.378686428352218], [39.195468377444961, 32.16100881604266], [39.004885695152545, 32.010216986614971], [37.002165561681004, 31.508412990844736], [37.998848911294367, 30.508499864213128], [37.668119744626374, 30.338665269485894], [37.503581984209028, 30.003776150018396], [36.740527784987243, 29.865283311476183], [36.501214227043583, 29.505253607698702], [36.068940870922049, 29.19749461518445], [34.956037225084252, 29.356554673778835], [34.922602573391423, 29.501326198844517], [35.420918409981958, 31.100065822874349], [35.397560662586038, 31.489086005167572], [35.545251906076196, 31.782504787720832], [35.545665317534535, 32.393992011030569]]] } },
+            { "type": "Feature", "properties": { "admin": "Japan", "name": "Japan", "continent": "Asia" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[134.638428176003856, 34.149233710256418], [134.766379022358478, 33.806334743783673], [134.20341596897083, 33.201177883429622], [133.792950067276479, 33.521985175097583], [133.280268182508848, 33.289570420864941], [133.014858026257855, 32.704567369104772], [132.363114862192674, 32.989382025681373], [132.371176385630179, 33.463642483040068], [132.924372593314786, 34.060298570282036], [133.492968377822194, 33.944620876596694], [133.904106073136347, 34.364931138642611], [134.638428176003856, 34.149233710256418]]], [[[140.976387567305267, 37.142074286440156], [140.599769728762084, 36.343983466124534], [140.774074334882641, 35.842877102190229], [140.253279250245072, 35.138113918593653], [138.975527785396196, 34.667600002576101], [137.217598911691198, 34.606285915661843], [135.792983026268871, 33.46480520276662], [135.120982700745401, 33.849071153289053], [135.07943484918269, 34.596544908174813], [133.340316196831964, 34.375938218720755], [132.156770868051296, 33.904933376596503], [130.986144647343451, 33.885761420216276], [132.000036248910021, 33.149992377244608], [131.33279015515734, 31.450354519164836], [130.68631798718593, 31.029579169228235], [130.202419875204953, 31.418237616495411], [130.447676222862128, 32.319474595665717], [129.81469160371887, 32.610309556604385], [129.408463169472554, 33.296055813117583], [130.353935174684636, 33.604150702441693], [130.878450962447118, 34.232742824840031], [131.884229364143891, 34.749713853487911], [132.617672967662486, 35.433393052709413], [134.608300815977771, 35.731617743465812], [135.677537876528902, 35.527134100886819], [136.723830601142424, 37.304984239240376], [137.390611607004473, 36.827390651998819], [138.857602166906247, 37.827484646143454], [139.426404657142882, 38.215962225897634], [140.054790073812057, 39.438807481436378], [139.883379347899847, 40.563312486323682], [140.305782505453664, 41.195005194659551], [141.368973423426667, 41.378559882160282], [141.914263136970476, 39.991616115878678], [141.884600864834965, 39.18086456965149], [140.959489373945729, 38.174000962876583], [140.976387567305267, 37.142074286440156]]], [[[143.910161981379474, 44.174099839853724], [144.613426548439634, 43.960882880217511], [145.320825230083074, 44.384732977875437], [145.543137241802754, 43.262088324550596], [144.059661899999867, 42.988358262700551], [143.183849725517291, 41.995214748699183], [141.611490920172457, 42.678790595056071], [141.067286411706618, 41.58459381770799], [139.95510623592105, 41.56955597591103], [139.817543573159924, 42.563758856774392], [140.312087030193169, 43.333272610032644], [141.380548944259999, 43.388824774746489], [141.671952345953912, 44.772125352551477], [141.967644891527982, 45.551483466161343], [143.142870314709796, 44.510358384776957], [143.910161981379474, 44.174099839853724]]]] } },
+            { "type": "Feature", "properties": { "admin": "Kazakhstan", "name": "Kazakhstan", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[70.962314894499272, 42.26615428320553], [70.388964878220776, 42.081307684897517], [69.070027296835221, 41.384244289712335], [68.632482944620037, 40.668680731766855], [68.259895867795635, 40.662324530594894], [67.985855747351806, 41.135990708982199], [66.714047072216587, 41.168443508461557], [66.510648634715707, 41.987644151368549], [66.023391554635609, 41.994646307944031], [66.098012322865188, 42.997660020513074], [64.90082441595932, 43.728080552742647], [63.18578698105658, 43.650074978197999], [62.013300408786264, 43.504476630215649], [61.05831994003249, 44.405816962250576], [60.239971958258472, 44.784036770194739], [58.689989048095796, 45.500013739598721], [58.503127068928428, 45.58680430763296], [55.928917270741167, 44.995858466159163], [55.968191359283011, 41.30864166926937], [55.455251092353805, 41.259859117185826], [54.755345493392653, 42.04397146256661], [54.079417759014959, 42.324109402020831], [52.944293247291725, 42.116034247397572], [52.502459751196277, 41.783315538086462], [52.446339145727208, 42.027150783855561], [52.692112257707251, 42.443895372073364], [52.501426222550315, 42.792297878585188], [51.342427199108201, 43.132974758469338], [50.891291945200223, 44.031033637053774], [50.339129266161358, 44.284015611338468], [50.305642938036257, 44.609835516938908], [51.278503452363211, 44.514854234386448], [51.316899041556034, 45.245998236667894], [52.167389764215713, 45.408391425145098], [53.040876499245194, 45.259046535821753], [53.220865512917712, 46.23464590105992], [53.042736850807771, 46.853006089864486], [52.042022739475598, 46.804636949239232], [51.191945428274252, 47.048704738953909], [50.034083286342465, 46.608989976582208], [49.10116, 46.39933000000012], [48.593241001180495, 46.561034247415471], [48.694733514201729, 47.075628160177921], [48.057253045449258, 47.743752753279516], [47.315231154170242, 47.715847479841948], [46.466445753776256, 48.394152330104923], [47.043671502476506, 49.1520388860976], [46.751596307162728, 49.35600576435376], [47.549480421749301, 50.454698391311119], [48.577841424357523, 49.874759629915658], [48.702381626181008, 50.605128485712825], [50.766648390512145, 51.692762356159889], [52.328723585830957, 51.71865224873811], [54.53287845237621, 51.026239732459302], [55.716940545479801, 50.62171662047853], [56.777961053296551, 51.043551337277037], [58.363290643146733, 51.063653469438563], [59.642282342370599, 50.545442206415707], [59.932807244715484, 50.842194118851857], [61.337424350840919, 50.799070136104248], [61.588003371024158, 51.2726587998432], [59.967533807215531, 51.960420437215696], [60.927268507740258, 52.447548326215028], [60.739993117114572, 52.719986477257734], [61.699986199800584, 52.979996446334255], [60.978066440683151, 53.664993394579128], [61.436591424409052, 54.006264553434775], [65.178533563095911, 54.354227810272093], [65.66687584825398, 54.601266994843449], [68.169100376258811, 54.970391750704309], [69.068166945272864, 55.385250149143516], [70.865266554655122, 55.169733588270091], [71.180131056609397, 54.133285224008247], [72.224150018202167, 54.376655381886728], [73.508516066384388, 54.035616766976588], [73.425678745420427, 53.489810289109741], [74.384845005190044, 53.546861070360066], [76.891100294913414, 54.490524400441913], [76.525179477854735, 54.177003485727127], [77.800915561844221, 53.404414984747561], [80.035559523441663, 50.864750881547238], [80.568446893235475, 51.388336493528456], [81.945985548839914, 50.812195949906354], [83.383003778012366, 51.069182847693909], [83.935114780618832, 50.889245510453563], [84.416377394553052, 50.311399644565817], [85.115559523462011, 50.117302964877631], [85.541269972682457, 49.69285858824815], [86.829356723989619, 49.826674709668154], [87.359970330762664, 49.214980780629148], [86.598776483103379, 48.549181626980605], [85.768232863308285, 48.455750637396974], [85.72048383987071, 47.452969468773112], [85.164290399113355, 47.000955715516099], [83.180483839860443, 47.330031236350848], [82.458925815769106, 45.539649563166499], [81.947070753918112, 45.317027492853235], [79.966106398441397, 44.917516994804643], [80.866206496101356, 43.180362046881037], [80.180150180994289, 42.920067857426936], [80.259990268885332, 42.349999294599101], [79.643645460940135, 42.496682847659649], [79.142177361979776, 42.856092434249589], [77.658391961583206, 42.960685533208327], [76.000353631498555, 42.988022365890622], [75.636964959622091, 42.877899888676765], [74.212865838522575, 43.298339341803505], [73.645303582660901, 43.091271877609863], [73.489757521462337, 42.500894476891276], [71.844638299450637, 42.845395412765178], [71.186280552052253, 42.704292914392219], [70.962314894499272, 42.26615428320553]]] } },
+            { "type": "Feature", "properties": { "admin": "Kenya", "name": "Kenya", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[40.993, -0.85829], [41.58513, -1.68325], [40.88477, -2.08255], [40.63785, -2.49979], [40.26304, -2.57309], [40.12119, -3.27768], [39.80006, -3.68116], [39.60489, -4.34653], [39.20222, -4.67677], [37.7669, -3.67712], [37.69869, -3.09699], [34.07262, -1.05982], [33.903711197104521, -0.95], [33.893568969666937, 0.109813537861896], [34.18, 0.515], [34.6721, 1.17694], [35.03599, 1.90584], [34.59607, 3.05374], [34.47913, 3.5556], [34.005, 4.249884947362047], [34.620196267853871, 4.847122742081987], [35.298007118232974, 5.506], [35.817447662353501, 5.338232082790795], [35.817447662353501, 4.776965663461889], [36.159078632855639, 4.447864127672768], [36.855093238008116, 4.447864127672768], [38.120915, 3.598605], [38.43697, 3.58851], [38.67114, 3.61607], [38.89251, 3.50074], [39.559384258765846, 3.42206], [39.85494, 3.83879], [40.76848, 4.25702], [41.1718, 3.91909], [41.855083092643966, 3.918911920483726], [40.98105, 2.78452], [40.993, -0.85829]]] } },
+            { "type": "Feature", "properties": { "admin": "Kyrgyzstan", "name": "Kyrgyzstan", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[70.96231489449913, 42.266154283205481], [71.186280552052111, 42.704292914392127], [71.84463829945058, 42.845395412765093], [73.489757521462337, 42.500894476891311], [73.645303582660901, 43.09127187760982], [74.212865838522546, 43.298339341803363], [75.636964959622006, 42.877899888676673], [76.000353631498442, 42.988022365890664], [77.658391961583206, 42.960685533208256], [79.142177361979762, 42.856092434249511], [79.643645460940107, 42.496682847659514], [80.259990268885289, 42.349999294599044], [80.119430373051358, 42.123940741538235], [78.543660923175295, 41.582242540038685], [78.187196893225959, 41.185315863604792], [76.904484490877067, 41.066485907549634], [76.526368035797432, 40.427946071935111], [75.467827996730691, 40.562072251948663], [74.776862420556043, 40.366425279291619], [73.822243686828287, 39.893973497063179], [73.960013055318413, 39.660008449861721], [73.67537926625478, 39.431236884105594], [71.784693637991992, 39.279463202464363], [70.549161818325601, 39.604197902986492], [69.464886915977516, 39.526683254548693], [69.559609816368507, 40.103211371412968], [70.648018833299957, 39.935753892571157], [71.014198032520156, 40.244365546218226], [71.774875115856545, 40.145844428053763], [73.055417108049156, 40.86603302668945], [71.870114780570447, 41.392900092121259], [71.157858514291576, 41.143587144529107], [70.420022414028196, 41.519998277343134], [71.259247674448218, 42.167710679689456], [70.96231489449913, 42.266154283205481]]] } },
+            { "type": "Feature", "properties": { "admin": "Cambodia", "name": "Cambodia", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[103.497279901139677, 10.632555446815926], [103.090689731867229, 11.153660590047162], [102.58493248902667, 12.186594956913279], [102.348099399833004, 13.39424734135822], [102.988422072361601, 14.225721136934464], [104.281418084736586, 14.416743068901363], [105.218776890078871, 14.27321177821069], [106.04394616091551, 13.881091009979952], [106.496373325630856, 14.57058380783428], [107.382727492301058, 14.202440904186968], [107.614547967562402, 13.535530707244202], [107.491403029410861, 12.337205918827944], [105.810523716253101, 11.567614650921225], [106.249670037869436, 10.961811835163585], [105.199914992292321, 10.889309800658094], [104.334334751403446, 10.486543687375228], [103.497279901139677, 10.632555446815926]]] } },
+            { "type": "Feature", "properties": { "admin": "South Korea", "name": "Korea", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[128.349716424676586, 38.612242946927843], [129.212919549680038, 37.432392483055942], [129.460449660358137, 36.784189154602821], [129.468304478066472, 35.632140611303939], [129.091376580929563, 35.08248423923142], [128.18585045787907, 34.890377102186385], [127.386519403188373, 34.475673733044111], [126.485747511908713, 34.390045884736473], [126.3739197124291, 34.934560451795939], [126.559231398627773, 35.684540513647896], [126.117397902532261, 36.725484727519252], [126.860143263863364, 36.893924058574612], [126.174758742376213, 37.749685777328033], [126.237338901881742, 37.840377916000271], [126.683719924018888, 37.804772854151174], [127.073308547067342, 38.256114813788393], [127.780035435090966, 38.304535630845884], [128.205745884311426, 38.370397243801882], [128.349716424676586, 38.612242946927843]]] } },
+            { "type": "Feature", "properties": { "admin": "Kosovo", "name": "Kosovo", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[20.76216, 42.05186], [20.717310000000108, 41.84711], [20.59023, 41.85541], [20.52295, 42.21787], [20.28374, 42.32025], [20.0707, 42.58863], [20.25758, 42.81275], [20.49679, 42.88469], [20.63508, 43.21671], [20.81448, 43.27205], [20.95651, 43.13094], [21.143395, 43.068685000000123], [21.27421, 42.90959], [21.43866, 42.86255], [21.63302, 42.67717], [21.77505, 42.6827], [21.66292, 42.43922], [21.54332, 42.32025], [21.576635989402117, 42.245224397061847], [21.352700000000134, 42.2068], [20.76216, 42.05186]]] } },
+            { "type": "Feature", "properties": { "admin": "Kuwait", "name": "Kuwait", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[47.974519077349889, 29.975819200148493], [48.183188510944483, 29.534476630159759], [48.09394331237641, 29.306299343374999], [48.416094191283939, 28.552004299426663], [47.708850538937376, 28.526062730416136], [47.459821811722819, 29.002519436147217], [46.568713413281742, 29.099025173452283], [47.302622104690947, 30.059069932570711], [47.974519077349889, 29.975819200148493]]] } },
+            { "type": "Feature", "properties": { "admin": "Laos", "name": "Lao PDR", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[105.218776890078871, 14.27321177821069], [105.544338413517664, 14.723933620660414], [105.589038527450128, 15.570316066952856], [104.779320509868768, 16.441864935771445], [104.716947056092465, 17.428858954330078], [103.956476678485288, 18.240954087796872], [103.200192091893726, 18.309632066312769], [102.998705682387694, 17.961694647691598], [102.413004998791592, 17.932781683824281], [102.113591750092453, 18.109101670804161], [101.059547560635139, 17.512497259994486], [101.035931431077742, 18.408928330961611], [101.282014601651667, 19.462584947176762], [100.606293573003128, 19.508344427971217], [100.548881056726856, 20.109237982661124], [100.115987583417819, 20.41784963630818], [100.329101190189519, 20.786121731036229], [101.180005324307515, 21.436572984294024], [101.270025669359939, 21.201651923095177], [101.803119744882906, 21.174366766845065], [101.652017856861491, 22.318198757409544], [102.170435825613552, 22.464753119389297], [102.754896274834636, 21.675137233969462], [103.203861118586431, 20.766562201413745], [104.435000441508024, 20.758733221921528], [104.822573683697073, 19.886641750563879], [104.183387892678908, 19.624668077060214], [103.896532017026701, 19.265180975821799], [105.094598423281496, 18.666974595611073], [105.925762160264, 17.485315456608955], [106.55600792849566, 16.604283962464802], [107.312705926545576, 15.908538316303177], [107.564525181103875, 15.202173163305554], [107.382727492301058, 14.202440904186968], [106.496373325630856, 14.57058380783428], [106.04394616091551, 13.881091009979952], [105.218776890078871, 14.27321177821069]]] } },
+            { "type": "Feature", "properties": { "admin": "Lebanon", "name": "Lebanon", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[35.821100701650231, 33.277426459276292], [35.552796665190805, 33.264274807258012], [35.460709262846699, 33.089040025356276], [35.126052687324538, 33.090900376918775], [35.48220665868012, 33.905450140919434], [35.979592319489392, 34.610058295219126], [35.998402540843628, 34.644914048799997], [36.448194207512095, 34.59393524834406], [36.611750115715886, 34.201788641897174], [36.066460402172048, 33.824912421192543], [35.821100701650231, 33.277426459276292]]] } },
+            { "type": "Feature", "properties": { "admin": "Liberia", "name": "Liberia", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[-7.712159389669749, 4.364565944837721], [-7.974107224957249, 4.355755113131961], [-9.004793667018673, 4.832418524592199], [-9.913420376006682, 5.593560695819205], [-10.765383876986643, 6.140710760925556], [-11.438779466182053, 6.785916856305746], [-11.199801805048278, 7.105845648624735], [-11.14670427086838, 7.396706447779534], [-10.695594855176477, 7.939464016141085], [-10.230093553091276, 8.406205552601291], [-10.016566534861253, 8.42850393313523], [-9.755342169625832, 8.541055202666923], [-9.33727983238458, 7.928534450711351], [-9.403348151069748, 7.526905218938906], [-9.208786383490844, 7.313920803247952], [-8.926064622422002, 7.309037380396375], [-8.722123582382123, 7.711674302598509], [-8.439298468448696, 7.686042792181736], [-8.485445522485348, 7.395207831243068], [-8.385451626000572, 6.911800645368742], [-8.602880214868618, 6.467564195171659], [-8.311347622094017, 6.193033148621081], [-7.993692592795879, 6.126189683451541], [-7.570152553731686, 5.707352199725903], [-7.53971513511176, 5.313345241716517], [-7.63536821128403, 5.188159084489455], [-7.712159389669749, 4.364565944837721]]] } },
+            { "type": "Feature", "properties": { "admin": "Libya", "name": "Libya", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[14.8513, 22.862950000000119], [14.143870883855239, 22.491288967371126], [13.581424594790459, 23.040506089769274], [11.999505649471697, 23.471668402596432], [11.560669386449032, 24.09790924732561], [10.771363559622952, 24.562532050061741], [10.303846876678445, 24.379313259370967], [9.948261346078024, 24.936953640232613], [9.910692579801774, 25.365454616796789], [9.319410841518218, 26.094324856057476], [9.716285841519662, 26.512206325785652], [9.629056023811073, 27.140953477481041], [9.756128370816779, 27.688258571884198], [9.68388471847288, 28.144173895779311], [9.859997999723472, 28.959989732371064], [9.805634392952353, 29.424638373323369], [9.482139926805415, 30.307556057246181], [9.970017124072966, 30.539324856075375], [10.056575148161697, 30.961831366493517], [9.950225050505194, 31.376069647745275], [10.636901482799484, 31.761420803345679], [10.944789666394511, 32.081814683555358], [11.43225345220378, 32.368903103152824], [11.488787469131008, 33.136995754523234], [12.66331, 32.79278], [13.08326, 32.87882], [13.91868, 32.71196], [15.24563, 32.26508], [15.71394, 31.37626], [16.61162, 31.18218], [18.02109, 30.76357], [19.08641, 30.26639], [19.57404, 30.52582], [20.05335, 30.98576], [19.82033, 31.751790000000135], [20.13397, 32.2382], [20.85452, 32.7068], [21.54298, 32.8432], [22.89576, 32.63858], [23.2368, 32.19149], [23.6091300000001, 32.18726], [23.9275, 32.01667], [24.92114, 31.89936], [25.16482, 31.56915], [24.80287, 31.08929], [24.95762, 30.6616], [24.70007, 30.04419], [25.00000000000011, 29.238654529533552], [25.00000000000011, 25.682499996360995], [25.00000000000011, 22.0], [25.00000000000011, 20.00304], [23.850000000000129, 20.0], [23.837660000000135, 19.580470000000101], [19.84926, 21.49509], [15.86085, 23.40972], [14.8513, 22.862950000000119]]] } },
+            { "type": "Feature", "properties": { "admin": "Sri Lanka", "name": "Sri Lanka", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[81.787959018891371, 7.523055324733162], [81.637322218760573, 6.481775214051921], [81.218019647144317, 6.197141424988287], [80.348356968104397, 5.968369859232154], [79.872468703128519, 6.763463446474928], [79.6951668639351, 8.200843410673384], [80.147800734379629, 9.824077663609554], [80.838817986986541, 9.268426825391186], [81.304319289071756, 8.564206244333688], [81.787959018891371, 7.523055324733162]]] } },
+            { "type": "Feature", "properties": { "admin": "Lesotho", "name": "Lesotho", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[28.978262566857236, -28.955596612261708], [29.325166456832587, -29.257386976846245], [29.018415154748016, -29.743765557577362], [28.848399692507734, -30.070050551068245], [28.291069370239903, -30.226216729454293], [28.107204624145421, -30.545732110314944], [27.749397006956478, -30.645105889612214], [26.999261915807629, -29.875953871379977], [27.532511020627471, -29.242710870075353], [28.07433841320778, -28.851468601193581], [28.541700066855491, -28.647501722937562], [28.978262566857236, -28.955596612261708]]] } },
+            { "type": "Feature", "properties": { "admin": "Lithuania", "name": "Lithuania", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[22.731098667092649, 54.327536932993311], [22.651051873472536, 54.582740993866729], [22.757763706155256, 54.856574408581366], [22.31572350433057, 55.01529857036585], [21.26844892750346, 55.190481675835301], [21.05580040862241, 56.031076361711051], [22.201156853939491, 56.337801825579483], [23.878263787539957, 56.273671373105259], [24.860684441840753, 56.372528388079616], [25.000934279080887, 56.164530748104831], [25.533046502390327, 56.100296942766029], [26.494331495883749, 55.61510691997762], [26.588279249790386, 55.167175604871659], [25.768432651479792, 54.846962592175082], [25.536353794056989, 54.282423407602515], [24.45068362803703, 53.905702216194747], [23.484127638449841, 53.912497667041123], [23.243987257589506, 54.220566718149129], [22.731098667092649, 54.327536932993311]]] } },
+            { "type": "Feature", "properties": { "admin": "Luxembourg", "name": "Luxembourg", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[6.043073357781109, 50.128051662794221], [6.242751092156992, 49.90222565367872], [6.186320428094176, 49.4638028021145], [5.897759230176403, 49.442667141307012], [5.674051954784828, 49.52948354755749], [5.782417433300905, 50.090327867221205], [6.043073357781109, 50.128051662794221]]] } },
+            { "type": "Feature", "properties": { "admin": "Latvia", "name": "Latvia", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[21.05580040862241, 56.031076361711051], [21.090423618257965, 56.783872789122924], [21.581866489353668, 57.411870632549913], [22.524341261492872, 57.753374335350756], [23.31845299652209, 57.006236477274854], [24.120729607853423, 57.025692654032753], [24.312862583114615, 57.793423570376966], [25.164593540149262, 57.970156968815175], [25.602809685984365, 57.847528794986559], [26.46353234223778, 57.476388658266316], [27.288184848751509, 57.474528306703817], [27.770015903440925, 57.244258124411218], [27.855282016722519, 56.759326483784278], [28.17670942557799, 56.169129950578807], [27.102459751094525, 55.783313707087672], [26.494331495883749, 55.61510691997762], [25.533046502390327, 56.100296942766029], [25.000934279080887, 56.164530748104831], [24.860684441840753, 56.372528388079616], [23.878263787539957, 56.273671373105259], [22.201156853939491, 56.337801825579483], [21.05580040862241, 56.031076361711051]]] } },
+            { "type": "Feature", "properties": { "admin": "Morocco", "name": "Morocco", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[-5.193863491222031, 35.755182196590845], [-4.591006232105143, 35.330711981745644], [-3.640056525070007, 35.39985504815197], [-2.604305792644111, 35.17909332940112], [-2.169913702798624, 35.168396307916694], [-1.792985805661658, 34.527918606091298], [-1.73345455566141, 33.919712836232115], [-1.388049282222596, 32.864015000941372], [-1.124551153966195, 32.651521511357195], [-1.30789913573787, 32.262888902306024], [-2.616604783529567, 32.094346218386157], [-3.068980271812648, 31.724497992473285], [-3.647497931320145, 31.637294012980814], [-3.690441046554666, 30.896951605751152], [-4.859646165374442, 30.501187649043874], [-5.242129278982786, 30.00044302013557], [-6.060632290053745, 29.731699734001801], [-7.059227667661899, 29.57922842052465], [-8.67411617678283, 28.841288967396643], [-8.665589565454836, 27.656425889592462], [-8.817809007940523, 27.656425889592462], [-8.817828334986642, 27.656425889592462], [-8.794883999049032, 27.120696316022553], [-9.413037482124507, 27.088476060488539], [-9.735343390328749, 26.860944729107409], [-10.189424200877452, 26.860944729107409], [-10.551262579785258, 26.990807603456879], [-11.392554897496948, 26.883423977154386], [-11.718219773800339, 26.104091701760801], [-12.030758836301654, 26.030866197203121], [-12.500962693725368, 24.770116278578136], [-13.891110398809044, 23.691009019459383], [-14.22116777185715, 22.310163072188338], [-14.630832688850942, 21.860939846274867], [-14.750954555713404, 21.500600083903802], [-17.002961798561071, 21.42073415779668], [-17.020428432675768, 21.422310288981631], [-16.973247849993182, 21.88574453377495], [-16.589136928767626, 22.158234361250091], [-16.26192175949566, 22.679339504481273], [-16.326413946995896, 23.017768459560894], [-15.982610642958059, 23.723358466074096], [-15.426003790742183, 24.359133612561035], [-15.089331834360729, 24.520260728446964], [-14.824645148161689, 25.103532619725307], [-14.800925665739666, 25.636264960222285], [-14.439939947964827, 26.254418443297645], [-13.773804897506462, 26.618892320252279], [-13.13994177901429, 27.640147813420491], [-13.121613369914709, 27.654147671719805], [-12.61883663578311, 28.038185533148656], [-11.688919236690761, 28.148643907172577], [-10.9009569971044, 28.832142238880913], [-10.39959225100864, 29.09858592377778], [-9.564811163765624, 29.933573716749855], [-9.814718390329174, 31.177735500609053], [-9.434793260119362, 32.038096421836478], [-9.300692918321827, 32.564679266890629], [-8.657476365585039, 33.24024526624239], [-7.654178432638217, 33.697064927702506], [-6.912544114601358, 34.11047638603744], [-6.24434200685141, 35.145865383437517], [-5.929994269219832, 35.759988104793983], [-5.193863491222031, 35.755182196590845]]] } },
+            { "type": "Feature", "properties": { "admin": "Moldova", "name": "Moldova", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[26.619336785597788, 48.220726223333457], [26.857823520624798, 48.368210761094488], [27.52253746919515, 48.467119452501102], [28.259546746541837, 48.155562242213406], [28.670891147585163, 48.118148505234089], [29.122698195113024, 47.849095160506458], [29.050867954227321, 47.510226955752493], [29.415135125452732, 47.346645209332571], [29.559674106573105, 46.928582872091312], [29.908851759569295, 46.67436066343145], [29.838210076626289, 46.525325832701675], [30.024658644335364, 46.423936672545032], [29.759971958136383, 46.349987697935354], [29.170653924279879, 46.379262396828693], [29.072106967899288, 46.517677720722482], [28.862972446414055, 46.437889309263824], [28.933717482221621, 46.258830471372491], [28.659987420371575, 45.939986884131628], [28.48526940279276, 45.596907050145887], [28.233553501099035, 45.488283189468369], [28.054442986775392, 45.944586086605618], [28.160017937947707, 46.371562608417207], [28.128030226359037, 46.81047638608824], [27.551166212684841, 47.405117092470817], [27.233872918412736, 47.826770941756365], [26.924176059687561, 48.123264472030982], [26.619336785597788, 48.220726223333457]]] } },
+            { "type": "Feature", "properties": { "admin": "Madagascar", "name": "Madagascar", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[49.543518914595737, -12.469832858940553], [49.80898074727908, -12.895284925999551], [50.05651085795715, -13.555761407121981], [50.217431268114055, -14.758788750876795], [50.476536899625515, -15.226512139550541], [50.377111443895942, -15.706069431219122], [50.200274692593169, -16.000263360256763], [49.860605503138665, -15.414252618066913], [49.672606642460849, -15.710203545802477], [49.863344354050142, -16.451036879138773], [49.774564243372694, -16.875042006093597], [49.49861209493411, -17.10603565843827], [49.435618523970298, -17.953064060134363], [49.04179243347393, -19.118781019774442], [48.548540887247995, -20.496888116134119], [47.930749139198653, -22.391501153251077], [47.547723423051295, -23.781958916928513], [47.095761346226588, -24.941629733990446], [46.282477654817079, -25.178462823184102], [45.409507684110444, -25.601434421493082], [44.833573846217547, -25.346101169538933], [44.039720493349755, -24.9883452287823], [43.763768344911156, -24.460677178649988], [43.697777540874441, -23.574116306250595], [43.345654331237611, -22.77690398528387], [43.254187046080986, -22.057413018484116], [43.433297560404633, -21.336475111580185], [43.893682895692919, -21.163307386970121], [43.89637007017209, -20.830459486578167], [44.374325392439644, -20.072366224856385], [44.464397413924374, -19.435454196859045], [44.23242190936616, -18.961994724200899], [44.042976108584149, -18.331387220943167], [43.963084344260899, -17.409944756746778], [44.312468702986273, -16.850495700754951], [44.446517368351387, -16.216219170804504], [44.944936557806521, -16.179373874580396], [45.502731967964976, -15.974373467678538], [45.872993605336255, -15.793454278224681], [46.312243279817203, -15.780018405828795], [46.882182651564271, -15.210182386946309], [47.70512983581235, -14.594302666891762], [48.005214878131241, -14.091232598530372], [47.869047479042152, -13.663868503476582], [48.29382775248137, -13.784067884987483], [48.845060255738773, -13.08917489995866], [48.863508742066976, -12.487867933810417], [49.194651320193302, -12.040556735891967], [49.543518914595737, -12.469832858940553]]] } },
+            { "type": "Feature", "properties": { "admin": "Mexico", "name": "Mexico", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-97.140008307670684, 25.869997463478395], [-97.528072475966539, 24.992144069920297], [-97.702945522842214, 24.272343044526728], [-97.776041836319024, 22.932579860927653], [-97.872366706111094, 22.444211737553356], [-97.699043952204164, 21.898689480064256], [-97.388959520236739, 21.411018988525818], [-97.189333462293277, 20.635433254473124], [-96.525575527720306, 19.890930894444061], [-96.292127244841737, 19.32037140550954], [-95.90088497595994, 18.828024196848727], [-94.8390634834427, 18.562717393462204], [-94.425729539756205, 18.144370835843343], [-93.548651292682365, 18.423836981677933], [-92.786113857783477, 18.524838568592255], [-92.037348192090391, 18.704569200103432], [-91.407903408559235, 18.876083278880227], [-90.771869879910852, 19.284120388256778], [-90.533589850613026, 19.867418117751292], [-90.451475999701231, 20.707521877520428], [-90.278618333684889, 20.999855454995547], [-89.601321173851474, 21.261725775634485], [-88.543866339862845, 21.493675441976613], [-87.658416510757704, 21.458845526611977], [-87.051890224948053, 21.543543199138295], [-86.811982388032931, 21.331514797444747], [-86.845907965832595, 20.849864610268348], [-87.383291185235848, 20.255404771398727], [-87.621054450210721, 19.646553046135917], [-87.436750454441764, 19.472403469312265], [-87.586560431655911, 19.040130113190738], [-87.837191128271485, 18.259815985583426], [-88.090664028663156, 18.516647854074048], [-88.300031094093626, 18.499982204659997], [-88.490122850279278, 18.486830552641717], [-88.84834387892657, 17.883198147040329], [-89.029857347351737, 18.001511338772556], [-89.150909389995462, 17.955467637600403], [-89.143080410503316, 17.808318996649401], [-90.067933519230891, 17.819326076727517], [-91.001519945015943, 17.817594916245692], [-91.002269253284155, 17.254657701074272], [-91.453921271515114, 17.252177232324183], [-91.08167009150057, 16.918476670799517], [-90.711821865587623, 16.687483018454767], [-90.600846727240921, 16.470777899638787], [-90.438866950221993, 16.410109768128105], [-90.464472622422633, 16.069562079324722], [-91.747960171255926, 16.066564846251762], [-92.229248623406278, 15.251446641495871], [-92.087215949252013, 15.06458466232851], [-92.203229539747255, 14.830102850804108], [-92.227750006869812, 14.538828640190953], [-93.359463874061746, 15.61542959234367], [-93.875168830118511, 15.94016429286591], [-94.691656460330108, 16.20097524664288], [-95.250227016973014, 16.128318182840641], [-96.053382127653293, 15.752087917539592], [-96.557434048228274, 15.653515122942787], [-97.263592495496624, 15.917064927631312], [-98.013029954809596, 16.107311713113912], [-98.947675747456486, 16.566043402568763], [-99.697397427147024, 16.706164048728166], [-100.829498867581293, 17.171071071842047], [-101.666088629954444, 17.649026394109622], [-101.918528001700196, 17.916090196193974], [-102.478132086988907, 17.975750637275095], [-103.500989549558057, 18.292294623278845], [-103.917527432046811, 18.748571682200005], [-104.992009650475467, 19.316133938061679], [-105.493038499761411, 19.946767279535429], [-105.731396043707633, 20.434101874264108], [-105.397772996831321, 20.531718654863422], [-105.500660773524402, 20.816895046466122], [-105.27075232625792, 21.076284898355137], [-105.265817226974022, 21.422103583252348], [-105.603160976975374, 21.871145941652568], [-105.693413865973113, 22.269080308516148], [-106.028716396898943, 22.77375234627862], [-106.909980434988341, 23.767774359628895], [-107.91544877809136, 24.548915310152946], [-108.401904873470954, 25.172313951105931], [-109.260198737406625, 25.580609442644054], [-109.444089321717314, 25.824883938087673], [-109.291643846456267, 26.44293406829842], [-109.801457689231796, 26.676175645447923], [-110.391731737085692, 27.162114976504533], [-110.641018846461606, 27.859876003525521], [-111.178918830187826, 27.941240546169062], [-111.759606899851619, 28.467952582303944], [-112.228234626090369, 28.954408677683482], [-112.27182369672866, 29.266844387320074], [-112.80959448937395, 30.021113593052341], [-113.163810594518651, 30.786880804969424], [-113.148669399857141, 31.170965887978912], [-113.871881069781836, 31.56760834403519], [-114.205736660603506, 31.524045111613123], [-114.776451178835003, 31.79953217216114], [-114.936699795372121, 31.393484605427595], [-114.771231859173483, 30.91361725516526], [-114.673899298951739, 30.162681179315985], [-114.330974494262918, 29.750432440707407], [-113.588875088335413, 29.061611436473008], [-113.424053107540516, 28.826173610951223], [-113.271969367305502, 28.754782619739892], [-113.140039435664363, 28.411289374295954], [-112.962298346796473, 28.425190334582503], [-112.761587083774856, 27.78021678314752], [-112.457910529411635, 27.525813706974752], [-112.24495195193677, 27.171726792910754], [-111.616489020619184, 26.662817287700474], [-111.284674648872993, 25.732589830014426], [-110.987819383572386, 25.294606228124557], [-110.71000688357131, 24.826004340101854], [-110.655048997828871, 24.298594672131113], [-110.17285620811343, 24.265547593680417], [-109.771847093528521, 23.811182562754194], [-109.409104377055698, 23.364672349536242], [-109.433392300232896, 23.185587673428696], [-109.85421932660168, 22.818271592698061], [-110.031391974714424, 22.823077500901199], [-110.295070970483636, 23.430973212166684], [-110.949501309028022, 24.000964260345988], [-111.670568407012681, 24.484423122652508], [-112.182035895621468, 24.73841278736716], [-112.148988817170817, 25.470125230404044], [-112.300710822379671, 26.012004299416613], [-112.777296719191526, 26.321959540303162], [-113.464670783321907, 26.768185533143416], [-113.596729906043805, 26.639459540304465], [-113.848936733844241, 26.900063788352437], [-114.465746629680027, 27.142090358991361], [-115.055142178184965, 27.722726752222904], [-114.982252570437382, 27.798200181585109], [-114.570365566854917, 27.741485297144884], [-114.199328782999231, 28.115002549750553], [-114.162018398884612, 28.566111965442296], [-114.931842210736605, 29.279479275015483], [-115.518653937626965, 29.556361599235395], [-115.887365282029563, 30.180793768834171], [-116.2583503894529, 30.836464341753572], [-116.721526252084956, 31.635743720012037], [-117.127759999999839, 32.53534], [-115.99135, 32.612390000000111], [-114.72139, 32.72083], [-114.815, 32.52528], [-113.30498, 32.03914], [-111.02361, 31.33472], [-109.035, 31.341940000000129], [-108.24194, 31.34222], [-108.24, 31.754853718166366], [-106.507589999999851, 31.75452], [-106.1429, 31.39995], [-105.63159, 31.08383], [-105.03737, 30.64402], [-104.70575, 30.12173], [-104.456969999999885, 29.57196], [-103.94, 29.27], [-103.11, 28.97], [-102.48, 29.76], [-101.6624, 29.7793], [-100.9576, 29.380710000000125], [-100.45584, 28.696120000000118], [-100.11, 28.11000000000012], [-99.52, 27.54], [-99.3, 26.84], [-99.019999999999897, 26.37], [-98.24, 26.06], [-97.529999999999887, 25.84], [-97.140008307670684, 25.869997463478395]]] } },
+            { "type": "Feature", "properties": { "admin": "Macedonia", "name": "Macedonia", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[20.59023, 41.85541], [20.717310000000108, 41.84711], [20.76216, 42.05186], [21.352700000000134, 42.2068], [21.576635989402117, 42.245224397061847], [21.917080000000105, 42.30364], [22.380525750424674, 42.320259507815074], [22.881373732197339, 41.999297186850349], [22.952377150166505, 41.337993882811176], [22.76177, 41.3048], [22.597308383889008, 41.130487168943198], [22.055377638444266, 41.149865831052686], [21.674160597426969, 40.93127452245794], [21.020040317476397, 40.842726955725873], [20.60518, 41.08622], [20.46315, 41.51509], [20.59023, 41.85541]]] } },
+            { "type": "Feature", "properties": { "admin": "Mali", "name": "Mali", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[-12.170750291380299, 14.616834214735503], [-11.834207526079465, 14.799096991428936], [-11.666078253617853, 15.388208319556295], [-11.349095017939502, 15.411256008358475], [-10.650791388379414, 15.132745876521422], [-10.086846482778212, 15.330485744686269], [-9.700255092802703, 15.264107367407359], [-9.550238409859388, 15.486496893775435], [-5.537744309908446, 15.501689764869253], [-5.315277268891931, 16.201853745991837], [-5.488522508150438, 16.325102037007962], [-5.971128709324247, 20.640833441647626], [-6.453786586930334, 24.956590684503418], [-4.92333736817423, 24.974574082940993], [-1.550054897457613, 22.792665920497377], [1.823227573259032, 20.61080943448604], [2.060990838233919, 20.142233384679482], [2.683588494486428, 19.856230170160114], [3.146661004253899, 19.693578599521441], [3.158133172222704, 19.057364203360034], [4.267419467800038, 19.155265204336995], [4.270209995143801, 16.852227484601212], [3.723421665063482, 16.184283759012612], [3.638258904646476, 15.568119818580453], [2.749992709981483, 15.409524847876693], [1.385528191746857, 15.323561102759168], [1.01578331869851, 14.968182277887944], [0.374892205414682, 14.928908189346128], [-0.26625729003058, 14.924308986872147], [-0.515854458000348, 15.116157741755725], [-1.066363491205663, 14.973815009007764], [-2.001035122068771, 14.559008287000887], [-2.191824510090384, 14.246417548067352], [-2.967694464520576, 13.798150336151506], [-3.103706834312759, 13.54126679122859], [-3.52280270019986, 13.337661647998612], [-4.006390753587225, 13.472485459848112], [-4.280405035814879, 13.228443508349738], [-4.427166103523802, 12.542645575404292], [-5.220941941743119, 11.713858954307224], [-5.197842576508648, 11.375145778850136], [-5.470564947929004, 10.951269842976044], [-5.404341599946973, 10.370736802609144], [-5.816926235365286, 10.222554633012191], [-6.050452032892266, 10.096360785355442], [-6.205222947606429, 10.524060777219132], [-6.493965013037267, 10.411302801958268], [-6.666460944027547, 10.430810655148447], [-6.850506557635057, 10.138993841996237], [-7.622759161804808, 10.147236232946792], [-7.89958980959237, 10.297382106970824], [-8.029943610048617, 10.206534939001711], [-8.335377163109738, 10.494811916541932], [-8.282357143578279, 10.792597357623842], [-8.407310756860026, 10.90925690352276], [-8.620321010767126, 10.810890814655181], [-8.581305304386772, 11.136245632364801], [-8.376304897484911, 11.393645941610627], [-8.786099005559462, 11.812560939984705], [-8.905264858424529, 12.088358059126433], [-9.127473517279581, 12.308060411015331], [-9.327616339546008, 12.334286200403451], [-9.567911749703212, 12.194243068892472], [-9.890992804392011, 12.060478623904968], [-10.165213792348835, 11.844083563682743], [-10.593223842806278, 11.923975328005977], [-10.870829637078211, 12.177887478072106], [-11.036555955438256, 12.211244615116513], [-11.297573614944508, 12.077971096235768], [-11.456168585648269, 12.076834214725336], [-11.513942836950587, 12.442987575729415], [-11.467899135778522, 12.754518947800973], [-11.553397793005427, 13.141213690641063], [-11.927716030311613, 13.422075100147392], [-12.124887457721256, 13.994727484589784], [-12.170750291380299, 14.616834214735503]]] } },
+            { "type": "Feature", "properties": { "admin": "Myanmar", "name": "Myanmar", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[99.543309360759281, 20.186597601802056], [98.959675734454848, 19.752980658440944], [98.253723992915582, 19.708203029860041], [97.797782830804394, 18.627080389881751], [97.375896437573516, 18.445437730375811], [97.859122755934848, 17.567946071843657], [98.493761020911322, 16.837835598207928], [98.90334842325673, 16.177824204976115], [98.537375929765687, 15.308497422746081], [98.192074009191373, 15.123702500870349], [98.430819126379859, 14.622027696180831], [99.097755161538728, 13.827502549693275], [99.212011753336071, 13.269293728076462], [99.196353794351637, 12.804748439988666], [99.587286004639694, 11.892762762901695], [99.038120558673953, 10.960545762572435], [98.553550653073017, 9.932959906448543], [98.457174106848697, 10.675266018105146], [98.764545526120756, 11.441291612183745], [98.428338657629823, 12.032986761925681], [98.509574009192661, 13.122377631070675], [98.103603957107666, 13.64045970301285], [97.777732375075161, 14.837285874892638], [97.597071567782749, 16.100567938699765], [97.164539829499773, 16.928734442609336], [96.505768670642965, 16.427240505432845], [95.369352248112378, 15.714389960182599], [94.808404575584092, 15.803454291237637], [94.188804152404515, 16.037936102762014], [94.533485955791321, 17.277240301985724], [94.324816522196741, 18.213513902249893], [93.540988397193615, 19.366492621330021], [93.663254835996199, 19.726961574781992], [93.078277622452163, 19.855144965081973], [92.368553501355606, 20.670883287025344], [92.30323449093865, 21.475485337809815], [92.652257114637976, 21.324047552978481], [92.672720981825549, 22.041238918541247], [93.166127557348361, 22.278459580977099], [93.060294224014598, 22.703110663335565], [93.286326938859247, 23.043658352138998], [93.325187615942767, 24.078556423432197], [94.106741977925054, 23.850740871673477], [94.552657912171611, 24.675238348890328], [94.603249139385355, 25.162495428970399], [95.155153436262566, 26.001307277932078], [95.124767694074933, 26.573572089132295], [96.419365675850941, 27.264589341739221], [97.133999058015277, 27.08377350514996], [97.051988559968066, 27.699058946233144], [97.402561476636123, 27.88253611908544], [97.327113885490007, 28.261582749946331], [97.91198774616943, 28.335945136014338], [98.24623091023328, 27.747221381129172], [98.682690057370451, 27.508812160750612], [98.712093947344499, 26.74353587494026], [98.671838006589127, 25.918702500913518], [97.724609002679117, 25.083637193292994], [97.604719679761956, 23.897404690033039], [98.660262485755737, 24.063286037689959], [98.898749220782747, 23.142722072842524], [99.531992222087382, 22.949038804612574], [99.240898878987224, 22.118314317304577], [99.983489211021464, 21.742936713136398], [100.416537713627349, 21.558839423096607], [101.150032993578222, 21.849984442629015], [101.180005324307515, 21.436572984294024], [100.329101190189519, 20.786121731036229], [100.115987583417819, 20.41784963630818], [99.543309360759281, 20.186597601802056]]] } },
+            { "type": "Feature", "properties": { "admin": "Montenegro", "name": "Montenegro", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[19.801613396898681, 42.500093492190835], [19.738051385179627, 42.688247382165564], [19.30449, 42.19574], [19.371770000000136, 41.87755], [19.16246, 41.95502], [18.88214, 42.28151], [18.45, 42.48], [18.56, 42.65], [18.70648, 43.20011], [19.03165, 43.43253], [19.21852, 43.52384], [19.48389, 43.35229], [19.63, 43.213779970270522], [19.95857, 43.10604], [20.3398, 42.89852], [20.25758, 42.81275], [20.0707, 42.58863], [19.801613396898681, 42.500093492190835]]] } },
+            { "type": "Feature", "properties": { "admin": "Mongolia", "name": "Mongolia", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[87.751264276076697, 49.297197984405479], [88.805566847695488, 49.470520738312409], [90.713667433640666, 50.331811835321076], [92.234711541719662, 50.802170722041716], [93.104219191462661, 50.495290228876414], [94.147566359435615, 50.480536607457083], [94.815949334698701, 50.013433335970838], [95.814027947983973, 49.977466539095708], [97.259727817781396, 49.726060695995727], [98.231761509191543, 50.422400621128737], [97.825739780674283, 51.010995184933165], [98.861490513100307, 52.047366034546684], [99.981732212323507, 51.634006252643978], [100.889480421962588, 51.516855780638316], [102.065222609467298, 51.25992055928311], [102.255908644624299, 50.510560614618669], [103.676545444760194, 50.089966132195109], [104.621552362081687, 50.275329494826067], [105.886591424586726, 50.406019192092209], [106.888804152455336, 50.274295966180219], [107.868175897250936, 49.793705145865808], [108.475167270951275, 49.282547715850725], [109.402449171996636, 49.292960516957535], [110.662010532678764, 49.130128078805861], [111.581230910286607, 49.377968248077678], [112.897739699354361, 49.543565375356984], [114.362456496235239, 50.248302720737399], [114.962109816550154, 50.140247300815112], [115.485695428531386, 49.805177313834591], [116.678800897286152, 49.888531399121376], [116.191802199367544, 49.134598090199091], [115.485282017073018, 48.135382595403428], [115.742837355615748, 47.726544501326273], [116.308952671373206, 47.853410142602826], [117.295507440257396, 47.69770905210742], [118.064142694166691, 48.066730455103674], [118.866574334794933, 47.747060044946153], [119.772823927897477, 47.048058783550125], [119.66326989143873, 46.692679958678909], [118.874325799638711, 46.805412095723646], [117.421701287914175, 46.672732855814253], [116.717868280098841, 46.388202419615205], [115.985096470200062, 45.727235012385989], [114.46033165899604, 45.339816799493811], [113.463906691544139, 44.808893134127111], [112.436062453258785, 45.011645616224278], [111.873306105600278, 45.102079372735055], [111.348376906379428, 44.457441718110083], [111.667737257943202, 44.073175767587706], [111.829587843881342, 43.743118394539515], [111.129682244920218, 43.406834011400136], [110.412103306115256, 42.871233628911014], [109.243595819131428, 42.519446316084093], [107.744772576937933, 42.481515814781865], [106.129315627061658, 42.134327704428898], [104.964993931093446, 41.597409572916334], [104.522281935648977, 41.908346666016541], [103.312278273534787, 41.907468166667591], [101.833040399179922, 42.51487295182627], [100.845865513108237, 42.663804429691439], [99.515817498780009, 42.524691473961717], [97.451757440177985, 42.748889675460013], [96.349395786527793, 42.725635280928678], [95.762454868556674, 43.319449164394598], [95.306875441471504, 44.241330878265458], [94.688928664125299, 44.352331854828414], [93.480733677141274, 44.975472113619951], [92.133890822318193, 45.115075995456444], [90.945539585334288, 45.286073309910265], [90.585768263718265, 45.719716091487513], [90.970809360724985, 46.888146063822923], [90.280825636763893, 47.693549099307923], [88.854297723346733, 48.06908173277295], [88.013832228551721, 48.599462795600601], [87.751264276076697, 49.297197984405479]]] } },
+            { "type": "Feature", "properties": { "admin": "Mozambique", "name": "Mozambique", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[34.559989047999345, -11.520020033415923], [35.312397902169032, -11.439146416879145], [36.514081658684248, -11.720938002166733], [36.775150994622791, -11.594537448780804], [37.471284214026596, -11.568750909067157], [37.827644891111383, -11.268769219612834], [38.427556593587745, -11.285202325081654], [39.521029900883768, -10.896853936408224], [40.316588576017182, -10.317096042525696], [40.478387485523022, -10.765440769089992], [40.437253045418672, -11.761710707245014], [40.560811395028558, -12.639176527561023], [40.599620395679743, -14.201975192931858], [40.775475294768988, -14.691764418194239], [40.477250604012596, -15.406294447493968], [40.089263950365208, -16.100774021064456], [39.452558628097044, -16.720891208566936], [38.53835086442151, -17.101023044505954], [37.411132846838875, -17.586368096591233], [36.281279331209348, -18.659687595293445], [35.896496616364054, -18.842260430580634], [35.198399692533137, -19.552811374593887], [34.786383497870041, -19.784011732667732], [34.701892531072836, -20.497043145431007], [35.176127150215358, -21.254361260668407], [35.373427768705731, -21.840837090748874], [35.385848253705397, -22.14], [35.562545536369079, -22.09], [35.533934767404297, -23.070787855727751], [35.371774122872374, -23.535358982031692], [35.607470330555621, -23.706563002214676], [35.458745558419615, -24.122609958596545], [35.040734897610655, -24.478350518493798], [34.215824008935463, -24.816314385682652], [33.013210076639005, -25.357573337507731], [32.574632195777859, -25.727318210556088], [32.660363396950082, -26.148584486599443], [32.915955031065685, -26.215867201443459], [32.830120477028878, -26.74219166433619], [32.071665480281062, -26.733820082304902], [31.985779249811962, -26.29177988048022], [31.837777947728057, -25.843331801051342], [31.752408481581874, -25.484283949487406], [31.930588820124242, -24.369416599222532], [31.670397983534645, -23.658969008073861], [31.191409132621278, -22.251509698172395], [32.244988234188007, -21.116488539313689], [32.508693068173436, -20.395292250248303], [32.659743279762573, -20.30429005298231], [32.772707960752619, -19.715592136313294], [32.611994256324884, -19.419382826416268], [32.654885695127142, -18.672089939043492], [32.849860874164385, -17.979057305577175], [32.847638787575839, -16.713398125884613], [32.328238966610222, -16.392074069893749], [31.852040643040592, -16.319417006091374], [31.636498243951188, -16.071990248277881], [31.173063999157673, -15.860943698797868], [30.338954705534537, -15.880839125230242], [30.274255812305103, -15.507786960515208], [30.179481235481827, -14.796099134991525], [33.214024692525207, -13.97186003993615], [33.789700148256678, -14.451830743063068], [34.064825473778619, -14.359950046448118], [34.459633416488536, -14.613009535381421], [34.517666049952304, -15.013708591372609], [34.307291294092089, -15.478641452702592], [34.381291945134045, -16.183559665596039], [35.033810255683527, -16.801299737213089], [35.339062941231639, -16.107440280830108], [35.771904738108347, -15.896858819240721], [35.686845330555926, -14.611045830954328], [35.267956170398001, -13.887834161029563], [34.907151320136158, -13.565424899960565], [34.559989047999345, -13.579997653866872], [34.280006137841973, -12.280025323132504], [34.559989047999345, -11.520020033415923]]] } },
+            { "type": "Feature", "properties": { "admin": "Mauritania", "name": "Mauritania", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[-12.170750291380299, 14.616834214735503], [-12.830658331747513, 15.303691514542942], [-13.43573767745306, 16.039383042866188], [-14.099521450242175, 16.304302273010489], [-14.577347581428977, 16.598263658102805], [-15.135737270558813, 16.587282416240779], [-15.623666144258689, 16.369337063049809], [-16.120690070041928, 16.45566254319338], [-16.463098110407881, 16.135036119038457], [-16.549707810929061, 16.673892116761959], [-16.270551723688353, 17.166962795474866], [-16.146347418674846, 18.108481553616652], [-16.256883307347163, 19.096715806550304], [-16.377651129613266, 19.593817246981981], [-16.277838100641514, 20.092520656814695], [-16.536323614965465, 20.567866319251486], [-17.063423224342568, 20.99975210213082], [-16.845193650773989, 21.333323472574875], [-12.929101935263528, 21.327070624267559], [-13.118754441774708, 22.771220201096249], [-12.874221564169574, 23.284832261645171], [-11.93722449385332, 23.374594224536164], [-11.969418911171159, 25.933352769468261], [-8.687293667017398, 25.881056219988899], [-8.684399786809051, 27.395744126895998], [-4.92333736817423, 24.974574082940993], [-6.453786586930334, 24.956590684503418], [-5.971128709324247, 20.640833441647626], [-5.488522508150438, 16.325102037007962], [-5.315277268891931, 16.201853745991837], [-5.537744309908446, 15.501689764869253], [-9.550238409859388, 15.486496893775435], [-9.700255092802703, 15.264107367407359], [-10.086846482778212, 15.330485744686269], [-10.650791388379414, 15.132745876521422], [-11.349095017939502, 15.411256008358475], [-11.666078253617853, 15.388208319556295], [-11.834207526079465, 14.799096991428936], [-12.170750291380299, 14.616834214735503]]] } },
+            { "type": "Feature", "properties": { "admin": "Malawi", "name": "Malawi", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[34.559989047999345, -11.520020033415923], [34.280006137841973, -12.280025323132504], [34.559989047999345, -13.579997653866872], [34.907151320136158, -13.565424899960565], [35.267956170398001, -13.887834161029563], [35.686845330555926, -14.611045830954328], [35.771904738108347, -15.896858819240721], [35.339062941231639, -16.107440280830108], [35.033810255683527, -16.801299737213089], [34.381291945134045, -16.183559665596039], [34.307291294092089, -15.478641452702592], [34.517666049952304, -15.013708591372609], [34.459633416488536, -14.613009535381421], [34.064825473778619, -14.359950046448118], [33.789700148256678, -14.451830743063068], [33.214024692525207, -13.97186003993615], [32.688165317523122, -13.712857761289273], [32.991764357237876, -12.783870537978272], [33.306422153463068, -12.435778090060214], [33.114289178201908, -11.607198174692311], [33.315310499817279, -10.796549981329695], [33.485687697083584, -10.525558770391111], [33.231387973775291, -9.676721693564799], [32.759375441221316, -9.230599053589058], [33.739729038230443, -9.417150974162722], [33.940837724096532, -9.693673841980292], [34.280006137841973, -10.159999688358402], [34.559989047999345, -11.520020033415923]]] } },
+            { "type": "Feature", "properties": { "admin": "Malaysia", "name": "Malaysia", "continent": "Asia" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[101.075515578213299, 6.204867051615891], [101.154218784593809, 5.691384182147713], [101.814281854258013, 5.810808417174228], [102.141186964936423, 6.221636053894655], [102.371147088635212, 6.12820506431096], [102.961705356866673, 5.524495144061077], [103.381214634212142, 4.855001125503746], [103.438575474056165, 4.181605536308381], [103.332122023534851, 3.72669790284297], [103.42942874554052, 3.382868760589019], [103.502447544368877, 2.791018581550204], [103.854674106870334, 2.515454006353763], [104.247931756611479, 1.631141058759055], [104.228811476663523, 1.293048000489534], [103.519707472754433, 1.226333726400682], [102.573615350354771, 1.967115383304744], [101.39063846232915, 2.760813706875623], [101.273539666755838, 3.27029165284118], [100.69543541870668, 3.939139715994869], [100.557407668055092, 4.767280381688279], [100.19670617065772, 5.312492580583678], [100.306260207116509, 6.040561835143875], [100.085756870527078, 6.46448944745029], [100.259596388756918, 6.64282481528957], [101.075515578213299, 6.204867051615891]]], [[[118.618320754064825, 4.47820241944754], [117.882034946770162, 4.137551377779487], [117.01521447150634, 4.306094061699468], [115.86551720587677, 4.306559149590156], [115.51907840379198, 3.169238389494395], [115.134037306785231, 2.821481838386219], [114.621355422017473, 1.430688177898886], [113.805849644019531, 1.217548732911041], [112.859809198052176, 1.497790025229946], [112.380251906383648, 1.410120957846757], [111.797548455860408, 0.904441229654651], [111.159137811326559, 0.976478176269509], [110.514060907027101, 0.773131415200993], [109.830226678508836, 1.338135687664191], [109.663260125773718, 2.006466986494984], [110.396135288537039, 1.663774725751395], [111.168852980597478, 1.850636704918784], [111.370081007942076, 2.697303371588872], [111.796928338672842, 2.885896511238073], [112.995614862115247, 3.102394924324869], [113.712935418758718, 3.893509426281127], [114.204016554828399, 4.525873928236819], [114.659595981913526, 4.00763682699781], [114.869557326315373, 4.348313706881952], [115.347460972150671, 4.316636053887009], [115.405700311343594, 4.955227565933824], [115.450710483869798, 5.447729803891561], [116.220741001450961, 6.143191229675621], [116.725102980619752, 6.924771429873998], [117.129626092600461, 6.928052883324566], [117.643393182446303, 6.422166449403305], [117.689075148592337, 5.98749013918018], [118.347691278152197, 5.708695786965462], [119.181903924639926, 5.407835598162249], [119.110693800941718, 5.016128241389864], [118.439727004064082, 4.966518866389619], [118.618320754064825, 4.47820241944754]]]] } },
+            { "type": "Feature", "properties": { "admin": "Namibia", "name": "Namibia", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[16.344976840895239, -28.576705010697697], [15.601818068105812, -27.821247247022797], [15.210472446359457, -27.09095590587404], [14.989710727608548, -26.117371921495153], [14.74321414557633, -25.392920017195376], [14.40814415859583, -23.85301401132984], [14.385716586981145, -22.656652927340687], [14.257714064194172, -22.111208184499951], [13.868642205468657, -21.699036960539974], [13.352497999737437, -20.872834161057497], [12.82684533046449, -19.673165785401661], [12.608564080463617, -19.045348809487695], [11.794918654028063, -18.069129327061912], [11.734198846085118, -17.30188933682447], [12.215461460019352, -17.11166838955808], [12.814081251688405, -16.941342868724067], [13.462362094789963, -16.971211846588769], [14.058501417709007, -17.42338062914266], [14.209706658595021, -17.353100681225715], [18.26330936043416, -17.309950860262003], [18.956186964603599, -17.789094740472255], [21.377176141045563, -17.930636488519688], [23.215048455506057, -17.52311614346598], [24.033861525170771, -17.29584319424632], [24.6823490740015, -17.35341073981947], [25.076950310982255, -17.578823337476617], [25.084443393664564, -17.661815687737366], [24.520705193792534, -17.887124932529932], [24.217364536239209, -17.889347019118485], [23.579005568137713, -18.281261081620055], [23.196858351339298, -17.869038181227783], [21.655040317478971, -18.219146010005222], [20.910641310314531, -18.252218926672018], [20.881134067475866, -21.814327080983144], [19.895457797940672, -21.849156996347865], [19.895767856534427, -24.767790215760588], [19.89473432788861, -28.461104831660769], [19.002127312911082, -28.972443129188857], [18.464899122804745, -29.045461928017271], [17.836151971109526, -28.856377862261311], [17.387497185951499, -28.783514092729774], [17.218928663815401, -28.355943291946804], [16.824017368240899, -28.082161553664466], [16.344976840895239, -28.576705010697697]]] } },
+            { "type": "Feature", "properties": { "admin": "New Caledonia", "name": "New Caledonia", "continent": "Oceania" }, "geometry": { "type": "Polygon", "coordinates": [[[165.779989862326346, -21.080004978115621], [166.599991489933814, -21.700018812753523], [167.120011428086883, -22.159990736583488], [166.74003462144475, -22.399976088146943], [166.189732293968632, -22.129708347260447], [165.474375441752159, -21.679606621998229], [164.829815301775653, -21.149819838141948], [164.16799523341362, -20.444746595951624], [164.029605747735957, -20.105645847252347], [164.459967075862664, -20.120011895429492], [165.020036249041993, -20.459991143477726], [165.460009393575064, -20.800022067958253], [165.779989862326346, -21.080004978115621]]] } },
+            { "type": "Feature", "properties": { "admin": "Niger", "name": "Niger", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[2.154473504249949, 11.940150051313422], [2.177107781593917, 12.625017808477534], [1.024103224297619, 12.851825669806598], [0.993045688490156, 13.335749620003865], [0.429927605805517, 13.988733018443893], [0.295646396495215, 14.444234930880663], [0.374892205414767, 14.928908189346144], [1.015783318698481, 14.968182277887989], [1.385528191746971, 15.323561102759237], [2.74999270998154, 15.409524847876751], [3.63825890464659, 15.56811981858044], [3.723421665063596, 16.184283759012654], [4.270209995143886, 16.852227484601311], [4.267419467800095, 19.155265204337123], [5.677565952180712, 19.601206976799794], [8.572893100629868, 21.565660712159225], [11.999505649471697, 23.471668402596432], [13.581424594790459, 23.040506089769274], [14.143870883855239, 22.491288967371126], [14.8513, 22.862950000000119], [15.096887648181847, 21.308518785074902], [15.471076694407314, 21.048457139565979], [15.487148064850143, 20.730414537025634], [15.90324669766431, 20.387618923417499], [15.68574059414777, 19.957180080642384], [15.300441114979716, 17.927949937405], [15.247731154041842, 16.627305813050778], [13.972201775781681, 15.684365953021139], [13.540393507550785, 14.36713369390122], [13.956698846094124, 13.996691189016925], [13.954476759505607, 13.353448798063765], [14.595781284247604, 13.330426947477859], [14.495787387762899, 12.859396267137353], [14.213530714584746, 12.80203542729333], [14.181336297266906, 12.483656927943169], [13.995352817448289, 12.4615652531383], [13.318701613018558, 13.55635630945795], [13.083987257548809, 13.596147162322492], [12.302071160540546, 13.037189032437535], [11.527803175511504, 13.328980007373556], [10.989593133191532, 13.387322699431191], [10.701031935273816, 13.246917832894038], [10.114814487354748, 13.277251898649464], [9.524928012743088, 12.85110219975456], [9.014933302454436, 12.826659247280414], [7.804671258178869, 13.343526923063731], [7.330746697630046, 13.098038031461213], [6.82044192874781, 13.115091254117598], [6.445426059605721, 13.492768459522718], [5.443058302440135, 13.865923977102225], [4.368343540066006, 13.747481594289408], [4.107945997747378, 13.531215725147941], [3.967282749048933, 12.956108710171574], [3.680633579125924, 12.552903347214167], [3.611180454125587, 11.660167141155965], [2.848643019226585, 12.235635891158207], [2.490163608418015, 12.233052069543588], [2.154473504249949, 11.940150051313422]]] } },
+            { "type": "Feature", "properties": { "admin": "Nigeria", "name": "Nigeria", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[8.500287713259693, 4.771982937026847], [7.462108188515939, 4.41210826254624], [7.082596469764438, 4.464689032403228], [6.698072137080598, 4.240594183769516], [5.898172641634686, 4.262453314628984], [5.362804803090881, 4.887970689305957], [5.033574252959368, 5.611802476418233], [4.325607130560683, 6.270651149923466], [3.574180128604552, 6.258300482605717], [2.691701694356254, 6.258817246928628], [2.74906253420022, 7.870734361192886], [2.723792758809509, 8.506845404489708], [2.912308383810255, 9.13760793704432], [3.220351596702101, 9.4441525333997], [3.705438266625918, 10.063210354040207], [3.600070021182801, 10.332186184119406], [3.797112257511713, 10.734745591673104], [3.572216424177469, 11.327939357951516], [3.611180454125558, 11.660167141155966], [3.68063357912581, 12.552903347214222], [3.967282749048848, 12.956108710171572], [4.107945997747321, 13.531215725147829], [4.368343540066063, 13.747481594289324], [5.443058302440163, 13.865923977102295], [6.445426059605636, 13.492768459522676], [6.820441928747753, 13.115091254117514], [7.330746697630017, 13.098038031461199], [7.804671258178784, 13.343526923063745], [9.014933302454462, 12.826659247280427], [9.524928012742945, 12.851102199754477], [10.114814487354689, 13.277251898649409], [10.701031935273702, 13.246917832894081], [10.989593133191532, 13.387322699431108], [11.527803175511393, 13.328980007373584], [12.302071160540521, 13.037189032437521], [13.083987257548866, 13.596147162322563], [13.318701613018558, 13.556356309457824], [13.995352817448346, 12.461565253138343], [14.181336297266792, 12.483656927943112], [14.57717776862253, 12.085360826053501], [14.468192172918974, 11.90475169519341], [14.415378859116682, 11.572368882692071], [13.572949659894558, 10.798565985553564], [13.308676385153914, 10.160362046748926], [13.1675997249971, 9.64062632897341], [12.955467970438971, 9.417771714714702], [12.753671502339214, 8.717762762888993], [12.218872104550597, 8.305824082874322], [12.063946160539556, 7.799808457872301], [11.839308709366801, 7.397042344589434], [11.745774366918509, 6.981382961449753], [11.058787876030349, 6.644426784690593], [10.497375115611417, 7.055357774275562], [10.118276808318255, 7.038769639509879], [9.522705926154398, 6.453482367372116], [9.233162876023043, 6.444490668153334], [8.757532993208626, 5.47966583904791], [8.500287713259693, 4.771982937026847]]] } },
+            { "type": "Feature", "properties": { "admin": "Nicaragua", "name": "Nicaragua", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-85.712540452807289, 11.088444932494822], [-86.058488328785245, 11.40343862552994], [-86.525849982432931, 11.806876532432593], [-86.7459915839963, 12.143961900272483], [-87.167516242201131, 12.458257961471656], [-87.668493415054698, 12.909909979702629], [-87.557466600275603, 13.064551703336061], [-87.392386237319201, 12.914018256069836], [-87.316654425795463, 12.984685777228972], [-87.005769009127562, 13.025794379117157], [-86.880557013684339, 13.254204209847241], [-86.733821784191576, 13.263092556201441], [-86.755086636079696, 13.754845485890909], [-86.520708177419877, 13.778487453664436], [-86.312142096689911, 13.771356106008167], [-86.096263800790581, 14.038187364147245], [-85.801294725268576, 13.836054999237586], [-85.698665330736901, 13.960078436738083], [-85.514413011400222, 14.079011745657834], [-85.165364549484792, 14.354369615125076], [-85.148750576502948, 14.560196844943615], [-85.052787441736925, 14.551541042534719], [-84.924500698572388, 14.790492865452348], [-84.820036790694346, 14.819586696832669], [-84.649582078779602, 14.66680532476175], [-84.449335903648588, 14.621614284722494], [-84.228341640952394, 14.748764146376654], [-83.975721401693576, 14.749435939996458], [-83.628584967772895, 14.880073960830298], [-83.489988776366104, 15.016267198135534], [-83.147219000974104, 14.995829169164109], [-83.233234422523907, 14.8998660343981], [-83.28416154654758, 14.676623846897197], [-83.182126430987267, 14.310703029838447], [-83.412499966144424, 13.970077826386554], [-83.519831916014667, 13.56769928634588], [-83.55220720084553, 13.127054348193084], [-83.498515387694255, 12.869292303921226], [-83.473323126951968, 12.419087225794424], [-83.626104499022887, 12.320850328007563], [-83.719613003255034, 11.893124497927724], [-83.650857510090702, 11.629032090700116], [-83.855470343750369, 11.373311265503785], [-83.808935716471538, 11.103043524617274], [-83.655611741861563, 10.938764146361418], [-83.895054490885926, 10.726839097532444], [-84.190178595704822, 10.793450018756671], [-84.355930752281026, 10.999225572142901], [-84.673069017256239, 11.082657172078139], [-84.903003302738924, 10.952303371621895], [-85.561851976244171, 11.217119248901593], [-85.712540452807289, 11.088444932494822]]] } },
+            { "type": "Feature", "properties": { "admin": "Netherlands", "name": "Netherlands", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[6.074182570020922, 53.51040334737813], [6.905139601274128, 53.482162177130633], [7.092053256873895, 53.14404328064488], [6.842869500362381, 52.228440253297542], [6.589396599970825, 51.85202912048338], [5.988658074577812, 51.85161570902504], [6.156658155958779, 50.803721015010574], [5.60697594567, 51.037298488969768], [4.973991326526913, 51.475023708698124], [4.047071160507527, 51.267258612668556], [3.314971144228536, 51.345755113319903], [3.830288527043137, 51.620544542031936], [4.705997348661184, 53.091798407597757], [6.074182570020922, 53.51040334737813]]] } },
+            { "type": "Feature", "properties": { "admin": "Norway", "name": "Norway", "continent": "Europe" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[28.165547316202911, 71.185474351680497], [31.293418409965472, 70.453787746859902], [30.005435011522785, 70.186258856884876], [31.101078728975118, 69.558080145944857], [29.399580519332879, 69.156916002063056], [28.591929559043187, 69.064776923286686], [29.015572950971968, 69.76649119737796], [27.732292107867885, 70.164193020296281], [26.179622023226298, 69.825298977326142], [25.689212680776389, 69.092113755968995], [24.735679152126714, 68.649556789821432], [23.662049594830759, 68.891247463650515], [22.356237827247405, 68.841741441514941], [21.244936150810723, 69.370443020293109], [20.645592889089581, 69.106247260200846], [20.02526899585791, 69.065138658312705], [19.878559604581248, 68.407194322372604], [17.993868442464386, 68.567391262477329], [17.729181756265344, 68.01055186631622], [16.768878614985535, 68.013936672631374], [16.108712192456832, 67.302455552836889], [15.108411492583055, 66.193866889095418], [13.555689731509087, 64.787027696381458], [13.919905226302202, 64.445420640716108], [13.571916131248766, 64.049114081469654], [12.57993533697393, 64.066218980558332], [11.930569288794228, 63.128317572676977], [11.992064243221531, 61.800362453856557], [12.63114668137524, 61.293571682370079], [12.300365838274896, 60.117932847730046], [11.468271925511173, 59.432393296945989], [11.027368605196925, 58.856149400459394], [10.356556837616095, 59.469807033925363], [8.382000359743641, 58.313288479233265], [7.048748406613297, 58.078884182357271], [5.665835402050418, 58.588155422593658], [5.308234490590733, 59.663231919993805], [4.992078077829005, 61.97099803328426], [5.912900424837885, 62.614472968182682], [8.553411085655766, 63.454008287196459], [10.527709181366784, 64.486038316497471], [12.358346795306371, 65.879725857193151], [14.7611458675816, 67.810641587995121], [16.435927361728968, 68.563205471461671], [19.184028354578512, 69.817444159617807], [21.378416375420606, 70.255169379346043], [23.02374230316158, 70.202071845166259], [24.546543409938515, 71.030496731237221], [26.370049676221807, 70.986261705195361], [28.165547316202911, 71.185474351680497]]], [[[24.72412, 77.85385], [22.49032, 77.44493], [20.72601, 77.67704], [21.41611, 77.93504], [20.8119, 78.25463], [22.88426, 78.45494], [23.28134, 78.07954], [24.72412, 77.85385]]], [[[18.25183, 79.70175], [21.54383, 78.95611], [19.02737, 78.5626], [18.47172, 77.82669], [17.59441, 77.63796], [17.1182, 76.80941], [15.91315, 76.77045], [13.76259, 77.38035], [14.66956, 77.73565], [13.1706, 78.02493], [11.22231, 78.8693], [10.44453, 79.65239], [13.17077, 80.01046], [13.71852, 79.66039], [15.14282, 79.67431], [15.52255, 80.01608], [16.99085, 80.05086], [18.25183, 79.70175]]], [[[25.447625359811887, 80.407340399894494], [27.407505730913492, 80.056405748200447], [25.924650506298171, 79.517833970854539], [23.024465773213613, 79.40001170522909], [20.075188429451877, 79.566823228667232], [19.897266473070907, 79.842361965647498], [18.46226362475792, 79.859880276194403], [17.368015170977454, 80.318896186027004], [20.455992059010693, 80.598155626132225], [21.907944777115397, 80.357679348462071], [22.919252557067431, 80.657144273593488], [25.447625359811887, 80.407340399894494]]]] } },
+            { "type": "Feature", "properties": { "admin": "Nepal", "name": "Nepal", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[88.120440708369841, 27.876541652939586], [88.043132765661198, 27.445818589786818], [88.174804315140904, 26.810405178325944], [88.060237664749806, 26.414615383402484], [87.22747195836628, 26.39789805755607], [86.024392938179147, 26.630984605408567], [85.25177859898335, 26.726198431906337], [84.675017938173767, 27.234901231387528], [83.304248895199535, 27.364505723575554], [81.999987420584958, 27.925479234319987], [81.057202589851997, 28.416095282499036], [80.088424513676259, 28.794470119740136], [80.476721225917373, 29.729865220655334], [81.11125613802929, 30.183480943313398], [81.525804477874729, 30.422716986608627], [82.327512648450863, 30.115268052688126], [83.337115106137176, 29.463731594352193], [83.898992954446712, 29.320226141877654], [84.234579705750136, 28.839893703724691], [85.011638218123025, 28.642773952747337], [85.823319940131498, 28.203575954698699], [86.954517043000592, 27.97426178640351], [88.120440708369841, 27.876541652939586]]] } },
+            { "type": "Feature", "properties": { "admin": "New Zealand", "name": "New Zealand", "continent": "Oceania" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[173.020374790740703, -40.919052422856417], [173.247234328502003, -41.331998793300777], [173.958405389702875, -40.926700534835604], [174.2475867048081, -41.349155368821663], [174.248516880589449, -41.770008233406749], [173.876446568087886, -42.233184096038819], [173.222739699595621, -42.970038344088557], [172.711246372770717, -43.372287693048492], [173.080112746470206, -43.853343601253577], [172.308583612352464, -43.865694268571332], [171.452925246463622, -44.24251881284372], [171.185137974327233, -44.897104180684885], [170.616697219116588, -45.908928724959701], [169.83142215400926, -46.355774834987585], [169.332331170934253, -46.641235446967848], [168.411353794628525, -46.619944756863582], [167.763744745146823, -46.290197442409195], [166.676886021184202, -46.219917494492236], [166.509144321964669, -45.852704766626204], [167.046424188503238, -45.110941257508664], [168.303763462596862, -44.12397307716612], [168.949408807651508, -43.93581918719142], [169.667814569373149, -43.555325616226334], [170.524919875366152, -43.031688327812823], [171.125089960004004, -42.512753594737781], [171.569713983443194, -41.767424411792128], [171.948708937871885, -41.514416599291145], [172.097227004278722, -40.956104424809674], [172.798579543343948, -40.493962090823466], [173.020374790740703, -40.919052422856417]]], [[[174.612008905330526, -36.156397393540537], [175.336615838927173, -37.209097995758263], [175.3575964704375, -36.52619394302112], [175.808886753642469, -36.798942152657681], [175.958490025127475, -37.555381768546063], [176.763195428776555, -37.881253350578696], [177.438813104560495, -37.961248467766488], [178.010354445708657, -37.579824721020124], [178.517093540762801, -37.695373223624792], [178.274731073313802, -38.582812595373092], [177.970460239979332, -39.166342868812968], [177.206992629299123, -39.145775648760839], [176.939980503647007, -39.449736423501562], [177.032946405340113, -39.879942722331471], [176.8858236026052, -40.06597787858216], [176.508017206119348, -40.60480803808958], [176.012440220440283, -41.289624118821493], [175.239567499082966, -41.688307793953236], [175.067898391009408, -41.425894870775075], [174.650972935278418, -41.281820977545443], [175.227630243223615, -40.459235528323397], [174.900156691789959, -39.908933200847216], [173.824046665743992, -39.508854262043506], [173.852261997775315, -39.146602471677461], [174.57480187408035, -38.797683200842748], [174.743473749081033, -38.027807712558378], [174.69701663645057, -37.381128838857954], [174.292028436579187, -36.71109221776144], [174.319003534235549, -36.534823907213884], [173.840996535535766, -36.121980889634109], [173.05417117745958, -35.237125339500331], [172.636005487353714, -34.529106540669382], [173.007042271209457, -34.450661716450334], [173.551298456107475, -35.006183363587958], [174.329390497126241, -35.265495700828616], [174.612008905330526, -36.156397393540537]]]] } },
+            { "type": "Feature", "properties": { "admin": "Oman", "name": "Oman", "continent": "Asia" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[58.861141391846573, 21.114034532144299], [58.487985874266961, 20.428985907467101], [58.03431847517659, 20.481437486243347], [57.826372511634098, 20.24300242764863], [57.66576216007094, 19.736004950433109], [57.788700392493368, 19.067570298737646], [57.694390903560667, 18.944709580963799], [57.2342639504338, 18.947991034414255], [56.609650913321971, 18.574267076079476], [56.512189162019482, 18.087113348863934], [56.283520949128011, 17.876066799383945], [55.661491733630683, 17.884128322821535], [55.269939406155189, 17.632309068263194], [55.274900343655091, 17.228354397037659], [54.791002231674113, 16.950696926333357], [54.239252964093751, 17.04498057704998], [53.57050825380459, 16.707662665264674], [53.108572625547502, 16.651051133688977], [52.782184279192066, 17.349742336491229], [52.000009800022227, 19.000003363516068], [54.999981723862405, 19.999994004796118], [55.666659376859869, 22.000001125572307], [55.208341098863187, 22.708329982997007], [55.234489373602869, 23.110992743415348], [55.52584109886449, 23.524869289640911], [55.528631626208288, 23.933604030853498], [55.981213820220503, 24.130542914317854], [55.80411868675624, 24.269604193615287], [55.88623253766805, 24.920830593357486], [56.396847365143984, 24.924732163995508], [56.845140415276049, 24.241673081961487], [57.403452589757428, 23.878594468678834], [58.136947869708322, 23.747930609628835], [58.729211460205427, 23.565667832935414], [59.180501743410346, 22.992395331305456], [59.450097690677033, 22.660270900965592], [59.80806033716285, 22.533611965418199], [59.806148309168087, 22.31052480721419], [59.442191196536399, 21.71454051359208], [59.282407667889871, 21.433885809814875], [58.861141391846573, 21.114034532144299]]], [[[56.391421339753393, 25.895990708921254], [56.261041701080913, 25.714606431576748], [56.070820753814544, 26.055464178973946], [56.362017449779344, 26.395934353128947], [56.485679152253809, 26.309117946878665], [56.391421339753393, 25.895990708921254]]]] } },
+            { "type": "Feature", "properties": { "admin": "Pakistan", "name": "Pakistan", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[75.158027785140902, 37.13303091078911], [75.896897414050116, 36.666806138651829], [76.192848341785677, 35.898403428687821], [77.837450799474553, 35.494009507787759], [76.871721632804011, 34.653544012992732], [75.757060988268321, 34.504922593721311], [74.240202671204955, 34.748887030571247], [73.749948358051952, 34.317698879527846], [74.104293654277328, 33.441473293586846], [74.451559279278698, 32.764899603805489], [75.258641798813187, 32.271105455040491], [74.405928989564998, 31.692639471965272], [74.421380242820263, 30.97981476493117], [73.450638462217412, 29.976413479119863], [72.823751662084689, 28.961591701772047], [71.777665643200308, 27.913180243434521], [70.61649620960192, 27.989196275335861], [69.514392938113119, 26.940965684511365], [70.168926629522005, 26.491871649678835], [70.282873162725579, 25.722228705339823], [70.844699334602822, 25.215102037043511], [71.0432401874682, 24.356523952730193], [68.842599318318761, 24.359133612560932], [68.176645135373377, 23.691965033456704], [67.443666619745457, 23.944843654876983], [67.145441928989058, 24.663611151624639], [66.37282758979326, 25.425140896093847], [64.530407749291115, 25.237038682551425], [62.905700718034595, 25.218409328710202], [61.497362908784183, 25.078237006118492], [61.874187453056535, 26.239974880472097], [63.316631707619578, 26.756532497661659], [63.23389773952028, 27.217047024030702], [62.755425652929851, 27.378923448184985], [62.727830438085974, 28.259644883735383], [61.771868117118615, 28.699333807890792], [61.369308709564926, 29.303276272085917], [60.874248488208778, 29.829238999952604], [62.549856805272775, 29.318572496044304], [63.550260858011164, 29.468330796826162], [64.148002150331237, 29.340819200145965], [64.350418735618504, 29.560030625928089], [65.046862013616092, 29.472180691031902], [66.346472609324408, 29.88794342703617], [66.38145755398601, 30.738899237586448], [66.938891229118454, 31.304911200479346], [67.683393589147457, 31.303154201781414], [67.792689243444769, 31.582930406209623], [68.556932000609308, 31.713310044882011], [68.926676873657655, 31.620189113892064], [69.317764113242546, 31.901412258424436], [69.262522007122541, 32.501944078088293], [69.687147251264847, 33.105498969041228], [70.323594191371583, 33.358532619758385], [69.93054324735958, 34.020120144175102], [70.881803012988385, 33.988855902638512], [71.156773309213449, 34.348911444632144], [71.115018751921625, 34.733125718722228], [71.613076206350698, 35.153203436822857], [71.498767938121077, 35.650563259415996], [71.262348260385735, 36.074387518857797], [71.846291945283909, 36.509942328429851], [72.920024855444453, 36.720007025696312], [74.067551710917812, 36.836175645488446], [74.575892775372964, 37.02084137628345], [75.158027785140902, 37.13303091078911]]] } },
+            { "type": "Feature", "properties": { "admin": "Panama", "name": "Panama", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-77.881571417945239, 7.223771267114783], [-78.214936082660103, 7.512254950384159], [-78.429160732726061, 8.052041123888925], [-78.182095709938608, 8.319182440621772], [-78.43546525746568, 8.387705389840788], [-78.622120530903928, 8.718124497915026], [-79.120307176413732, 8.996092027213022], [-79.557877366845176, 8.932374986197145], [-79.760578172510037, 8.584515082224398], [-80.164481167303322, 8.333315944853593], [-80.382659064439608, 8.29840851484043], [-80.480689256497286, 8.090307522001067], [-80.003689948227148, 7.54752411542337], [-80.276670701808982, 7.419754136581713], [-80.421158006497066, 7.271571966984763], [-80.886400926420791, 7.220541490096535], [-81.059542812814698, 7.817921047390596], [-81.189715745757937, 7.647905585150339], [-81.519514736644666, 7.706610012233908], [-81.721311204744453, 8.108962714058434], [-82.131441209628889, 8.175392767769635], [-82.390934414382542, 8.292362372262287], [-82.820081346350406, 8.290863755725821], [-82.850958014644803, 8.073822740099954], [-82.965783047197348, 8.225027980985983], [-82.9131764391242, 8.423517157419068], [-82.829770677405151, 8.626295477732368], [-82.868657192704759, 8.807266343618521], [-82.719183112300513, 8.925708726431493], [-82.927154914059145, 9.074330145702914], [-82.932890998043561, 9.476812038608172], [-82.546196255203469, 9.566134751824674], [-82.187122565423394, 9.207448635286779], [-82.207586432610952, 8.995575262890098], [-81.808566860669259, 8.95061676679617], [-81.714154018872023, 9.031955471223581], [-81.43928707551153, 8.786234035675715], [-80.947301601876745, 8.858503526235905], [-80.521901211250054, 9.11107208906243], [-79.914599778955974, 9.312765204297618], [-79.573302781884294, 9.611610012241526], [-79.021191779277913, 9.552931423374103], [-79.058450486960353, 9.454565334506523], [-78.500887620747164, 9.420458889193879], [-78.055927700497989, 9.247730414258296], [-77.729513515926399, 8.946844387238867], [-77.353360765273848, 8.670504665558068], [-77.474722866511314, 8.524286200388216], [-77.242566494440069, 7.935278225125442], [-77.431107957656977, 7.638061224798733], [-77.75341386586139, 7.709839789252141], [-77.881571417945239, 7.223771267114783]]] } },
+            { "type": "Feature", "properties": { "admin": "Peru", "name": "Peru", "continent": "South America" }, "geometry": { "type": "Polygon", "coordinates": [[[-69.590423753524036, -17.580011895419329], [-69.858443569605839, -18.092693780187009], [-70.3725723944777, -18.347975355708861], [-71.375250210236914, -17.77379851651385], [-71.462040778271117, -17.363487644116379], [-73.444529588500401, -16.359362888252992], [-75.23788265654143, -15.26568287522778], [-76.009205084929931, -14.649286390850317], [-76.423469204397733, -13.823186944232431], [-76.259241502574156, -13.535039157772939], [-77.10619238962181, -12.222716159720816], [-78.092152879534623, -10.377712497604062], [-79.036953091126918, -8.38656788496589], [-79.445920376284832, -7.930833428583859], [-79.760578172510037, -7.194340915560081], [-80.537481655586049, -6.541667575713715], [-81.249996304026411, -6.136834405139182], [-80.926346808582423, -5.690556735866563], [-81.410942552399433, -4.736764825055459], [-81.099669562489353, -4.036394138203696], [-80.302560594387188, -3.404856459164712], [-80.184014858709645, -3.821161797708043], [-80.46929460317692, -4.059286797708999], [-80.442241990872134, -4.425724379090673], [-80.028908047185581, -4.346090996928893], [-79.62497921417615, -4.454198093283494], [-79.205289069317715, -4.959128513207388], [-78.639897223612323, -4.547784112164072], [-78.450683966775628, -3.873096612161375], [-77.83790483265858, -3.003020521663103], [-76.635394253226707, -2.608677666843817], [-75.544995693652027, -1.56160979574588], [-75.233722703741932, -0.911416924649529], [-75.373223232713841, -0.15203175212045], [-75.106624518520064, -0.05720549886486], [-74.441600511355958, -0.530820000819887], [-74.122395189089048, -1.002832533373848], [-73.659503546834586, -1.260491224781134], [-73.070392218707212, -2.308954359550952], [-72.325786505813639, -2.434218031426453], [-71.774760708285385, -2.169789727388937], [-71.413645799429773, -2.342802422702128], [-70.813475714791949, -2.256864515800742], [-70.047708502874841, -2.725156345229699], [-70.692682054309699, -3.742872002785858], [-70.394043952094975, -3.766591485207825], [-69.893635219996611, -4.298186944194326], [-70.79476884630229, -4.251264743673302], [-70.928843349883564, -4.401591485210367], [-71.748405727816532, -4.59398284263301], [-72.891927659787243, -5.274561455916979], [-72.964507208941185, -5.741251315944892], [-73.219711269814596, -6.089188734566076], [-73.120027431923575, -6.629930922068238], [-73.724486660441627, -6.918595472850638], [-73.723401455363486, -7.340998630404412], [-73.987235480429646, -7.523829847853063], [-73.571059332967053, -8.424446709835832], [-73.015382656532537, -9.03283334720806], [-73.226713426390148, -9.462212823121233], [-72.563033006465631, -9.520193780152715], [-72.184890713169821, -10.05359791426943], [-71.302412278921523, -10.079436130415372], [-70.481893886991159, -9.490118096558842], [-70.548685675728393, -11.009146823778462], [-70.093752204046879, -11.123971856331011], [-69.52967810736493, -10.951734307502193], [-68.665079718689611, -12.561300144097171], [-68.880079515239956, -12.89972909917665], [-68.929223802349526, -13.602683607643007], [-68.94888668483658, -14.45363941819328], [-69.339534674747, -14.953195489158828], [-69.160346645774936, -15.323973890853015], [-69.389764166934697, -15.66012908291165], [-68.959635382753291, -16.500697930571267], [-69.590423753524036, -17.580011895419329]]] } },
+            { "type": "Feature", "properties": { "admin": "Philippines", "name": "Philippines", "continent": "Asia" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[126.376813592637447, 8.414706325713352], [126.478512811387873, 7.750354112168976], [126.537423944200611, 7.189380601424572], [126.19677290253253, 6.274294338400038], [125.831420526229081, 7.293715318221855], [125.363852166852283, 6.78648529706099], [125.683160841983707, 6.049656887227257], [125.396511672060626, 5.581003322772288], [124.219787632342332, 6.16135549562618], [123.938719517106918, 6.88513560630612], [124.243662144061318, 7.360610459823659], [123.610212437027542, 7.833527329942753], [123.29607140512519, 7.418875637232786], [122.825505812675388, 7.457374579290216], [122.085499302255769, 6.899424139834847], [121.919928013192603, 7.192119452336072], [122.312358840017112, 8.034962063016506], [122.94239790251963, 8.316236883981174], [123.487687616063511, 8.693009751821192], [123.841154412939815, 8.240324204944384], [124.6014697612502, 8.514157619659015], [124.764612257995623, 8.960409450715458], [125.471390822451539, 8.986996975129641], [125.412117954612754, 9.760334784377545], [126.222714471543156, 9.28607432701885], [126.306636997585073, 8.782487494334573], [126.376813592637447, 8.414706325713352]]], [[[123.982437778825798, 10.278778591345811], [123.62318322153277, 9.950090643753297], [123.309920688979332, 9.318268744336676], [122.995883009941636, 9.022188625520398], [122.380054966319463, 9.713360907424201], [122.586088901867072, 9.981044826696104], [122.837081333508706, 10.261156927934234], [122.947410516451896, 10.881868394408029], [123.498849725438447, 10.940624497923945], [123.337774285984722, 10.267383938025445], [124.077935825701218, 11.232725531453706], [123.982437778825798, 10.278778591345811]]], [[[118.504580926590336, 9.316382554558087], [117.174274530100675, 8.367499904814663], [117.664477166821371, 9.066888739452933], [118.386913690261736, 9.684499619989223], [118.98734215706105, 10.376292019080507], [119.511496209797528, 11.36966807702721], [119.689676548339889, 10.554291490109872], [119.029458449378978, 10.003653265823869], [118.504580926590336, 9.316382554558087]]], [[[121.883547804859106, 11.891755072471977], [122.483821242361458, 11.582187404827506], [123.120216506035959, 11.583660183147867], [123.100837843926442, 11.165933742716486], [122.637713657726692, 10.741308498574226], [122.002610304859559, 10.441016750526087], [121.967366978036523, 10.905691229694622], [122.038370396005519, 11.415840969280039], [121.883547804859106, 11.891755072471977]]], [[[125.502551711123488, 12.162694606978347], [125.783464797062152, 11.046121934447767], [125.01188398651226, 11.311454576050377], [125.032761265158115, 10.975816148314703], [125.277449172060244, 10.358722032101308], [124.801819289245714, 10.134678859899889], [124.760168084818474, 10.8379951033923], [124.459101190286049, 10.889929917845633], [124.302521600441722, 11.495370998577227], [124.891012811381572, 11.415582587118589], [124.877990350443952, 11.794189968304988], [124.266761509295705, 12.557760931849682], [125.22711632700782, 12.53572093347719], [125.502551711123488, 12.162694606978347]]], [[[121.527393833503481, 13.069590155484516], [121.262190382981544, 12.2055602075644], [120.833896112146533, 12.704496161342416], [120.323436313967477, 13.466413479053866], [121.18012820850214, 13.429697373910439], [121.527393833503481, 13.069590155484516]]], [[[121.321308221523566, 18.504064642811013], [121.937601353036371, 18.21855235439838], [122.246006300954264, 18.478949896717094], [122.336956821787965, 18.224882717354173], [122.174279412933174, 17.810282701076371], [122.51565392465335, 17.09350474697197], [122.252310825693883, 16.262444362854122], [121.662786086108255, 15.931017564350125], [121.505069614753367, 15.124813544164621], [121.728828566577249, 14.328376369682244], [122.258925409027313, 14.218202216035973], [122.701275669445636, 14.336541245984417], [123.950295037940236, 13.782130642141066], [123.855107049658599, 13.237771104378464], [124.181288690284873, 12.997527370653469], [124.077419061378222, 12.536676947474573], [123.298035109552245, 13.027525539598981], [122.928651971529902, 13.552919826710404], [122.671355015148663, 13.185836289925131], [122.034649692880521, 13.784481919810343], [121.126384718918587, 13.636687323455559], [120.628637323083296, 13.857655747935649], [120.679383579593832, 14.271015529838319], [120.99181928923052, 14.525392767795079], [120.693336216312687, 14.756670640517282], [120.564145135582976, 14.396279201713821], [120.070428501466367, 14.970869452367094], [119.920928582846102, 15.406346747290735], [119.883773228028247, 16.363704331929963], [120.286487664878791, 16.034628811095327], [120.39004723519173, 17.599081122299506], [120.7158671407919, 18.505227362537536], [121.321308221523566, 18.504064642811013]]]] } },
+            { "type": "Feature", "properties": { "admin": "Papua New Guinea", "name": "Papua New Guinea", "continent": "Oceania" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[155.880025669578401, -6.819996840037758], [155.599991082988765, -6.919990736522491], [155.166994256815087, -6.535931491729299], [154.729191522438327, -5.900828138862208], [154.514114211239644, -5.139117526880012], [154.652503696917336, -5.042430922061839], [154.759990676084357, -5.339983819198493], [155.062917922179338, -5.566791680527486], [155.547746209941693, -6.200654799019658], [156.019965448224752, -6.540013929880386], [155.880025669578401, -6.819996840037758]]], [[[151.982795851854462, -5.478063246282344], [151.459106887008659, -5.560280450058739], [151.301390415653884, -5.840728448106701], [150.754447056276661, -6.083762709175387], [150.241196730753813, -6.317753594592984], [149.709963006793316, -6.316513360218051], [148.890064732050462, -6.026040134305432], [148.318936802360696, -5.74714242922613], [148.401825799756864, -5.437755629094722], [149.298411900020824, -5.583741550319216], [149.845561965127217, -5.505503431829339], [149.996250441690279, -5.026101169457674], [150.139755894164921, -5.001348158389788], [150.236907586873485, -5.53222014732428], [150.807467075808063, -5.455842380396886], [151.089672072553981, -5.113692722192368], [151.647880894170811, -4.757073662946168], [151.537861769821518, -4.167807305521889], [152.136791620084352, -4.148790378438519], [152.338743117480988, -4.31296640382976], [152.318692661751754, -4.867661228050748], [151.982795851854462, -5.478063246282344]]], [[[147.191873814074938, -7.388024183789978], [148.084635858349372, -8.044108168167609], [148.734105259393573, -9.104663588093755], [149.306835158484432, -9.071435642130067], [149.266630894161324, -9.514406019736027], [150.038728469034311, -9.684318129111698], [149.738798456012262, -9.872937106977002], [150.801627638959133, -10.29368661869742], [150.690574985963849, -10.582712904505865], [150.028393182575826, -10.652476088099929], [149.782310012001972, -10.393267103723941], [148.923137648717216, -10.28092253992136], [147.913018426707993, -10.130440769087469], [147.135443150012236, -9.492443536012017], [146.567880894150619, -8.942554619994153], [146.048481073184917, -8.067414239131308], [144.74416792213799, -7.630128269077473], [143.897087844009661, -7.915330498896279], [143.286375767184268, -8.245491224809056], [143.413913202080664, -8.983068942910945], [142.628431431244223, -9.326820570516501], [142.068258905200196, -9.159595635620034], [141.033851760013874, -9.117892754760417], [141.017056919519007, -5.85902190513802], [141.000210402591847, -2.600151055515624], [142.735246616791443, -3.289152927263216], [144.583970982033236, -3.861417738463401], [145.27317955950997, -4.373737888205027], [145.829786411725649, -4.876497897972683], [145.981921828392956, -5.465609226100012], [147.648073358347574, -6.083659356310803], [147.891107619416175, -6.614014580922315], [146.970905389594861, -6.721656589386255], [147.191873814074938, -7.388024183789978]]], [[[153.14003787659874, -4.499983412294113], [152.827292108368255, -4.766427097190998], [152.63867313050298, -4.176127211120927], [152.406025832324929, -3.789742526874561], [151.953236932583536, -3.462062269711821], [151.384279413050024, -3.035421644710111], [150.6620495953388, -2.741486097833956], [150.939965448204532, -2.500002129734028], [151.479984165654514, -2.779985039891386], [151.820015090135087, -2.999971612157907], [152.239989455371074, -3.24000864015366], [152.640016717742526, -3.659983005389647], [153.019993524384631, -3.980015150573293], [153.14003787659874, -4.499983412294113]]]] } },
+            { "type": "Feature", "properties": { "admin": "Poland", "name": "Poland", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[15.016995883858666, 51.106674099321566], [14.607098422919531, 51.745188096719964], [14.685026482815685, 52.089947414755187], [14.437599725002197, 52.624850165408382], [14.074521111719488, 52.981262518925426], [14.353315463934136, 53.248171291712957], [14.119686313542584, 53.757029120491026], [14.802900424873455, 54.050706285205735], [16.363477003655728, 54.513158677785711], [17.622831658608671, 54.851535956432897], [18.620858595461637, 54.682605699270766], [18.696254510175461, 54.438718777069276], [19.6606400896064, 54.426083889373913], [20.89224450041862, 54.312524929412518], [22.731098667092649, 54.327536932993311], [23.243987257589506, 54.220566718149129], [23.484127638449841, 53.912497667041123], [23.527535841574995, 53.47012156840654], [23.804934930117774, 53.08973135030606], [23.799198846133375, 52.691099351606553], [23.19949384938618, 52.486977444053664], [23.508002150168689, 52.023646552124717], [23.52707075368437, 51.578454087930233], [24.029985792748899, 50.705406602575174], [23.922757195743259, 50.424881089878738], [23.426508416444388, 50.308505764357449], [22.518450148211596, 49.476773586619736], [22.776418898212619, 49.027395331409608], [22.558137648211751, 49.08573802346713], [21.607808058364206, 49.470107326854077], [20.887955356538406, 49.328772284535823], [20.415839471119849, 49.431453355499755], [19.825022820726865, 49.217125352569219], [19.320712517990469, 49.571574001659179], [18.909574822676316, 49.435845852244562], [18.85314415861361, 49.496229763377634], [18.392913852622168, 49.988628648470737], [17.649445021238986, 50.049038397819942], [17.554567091551117, 50.36214590107641], [16.868769158605655, 50.473973700556016], [16.719475945714429, 50.215746568393527], [16.176253289462263, 50.4226073268579], [16.238626743238566, 50.697732652379827], [15.490972120839725, 50.7847299261432], [15.016995883858666, 51.106674099321566]]] } },
+            { "type": "Feature", "properties": { "admin": "Puerto Rico", "name": "Puerto Rico", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-66.2824344550082, 18.51476166429536], [-65.771302863209286, 18.426679185453875], [-65.591003790942935, 18.228034979723912], [-65.847163865813755, 17.975905666571855], [-66.599934455009475, 17.98182261806927], [-67.184162360285256, 17.946553453030074], [-67.24242753769434, 18.374460150622934], [-67.100679083917726, 18.520601101144347], [-66.2824344550082, 18.51476166429536]]] } },
+            { "type": "Feature", "properties": { "admin": "North Korea", "name": "Dem. Rep. Korea", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[130.640015903852401, 42.39500946712527], [130.780007358931101, 42.220007229168843], [130.400030552288996, 42.280003567059701], [129.965948521037234, 41.941367906251052], [129.667362095254788, 41.601104437825221], [129.705189243692445, 40.882827867184318], [129.188114862179958, 40.661807766271984], [129.010399611528186, 40.485436102859801], [128.633368361526692, 40.189846910150301], [127.967414178581322, 40.025412502597547], [127.533435500194145, 39.756850083976694], [127.502119582225276, 39.323930772451526], [127.385434198110261, 39.213472398427648], [127.783342726757709, 39.050898342437414], [128.349716424676586, 38.612242946927843], [128.205745884311426, 38.370397243801882], [127.780035435090966, 38.304535630845884], [127.073308547067342, 38.256114813788393], [126.683719924018888, 37.804772854151174], [126.237338901881742, 37.840377916000271], [126.174758742376213, 37.749685777328033], [125.689103631697165, 37.940010077459014], [125.568439162295675, 37.752088731429616], [125.275330438336184, 37.66907054295271], [125.24008711151312, 37.857224432927424], [124.981033156433952, 37.948820909164773], [124.712160679219352, 38.108346055649783], [124.985994093933954, 38.548474229479673], [125.221948683778677, 38.665857245430665], [125.13285851450749, 38.848559271798578], [125.386589797060566, 39.387957872061158], [125.321115757346774, 39.551384589184202], [124.737482131042384, 39.660344346671614], [124.265624627785286, 39.928493353834149], [125.079941847840615, 40.569823716792442], [126.182045119329402, 41.107336127276362], [126.86908328664984, 41.816569322266176], [127.343782993682993, 41.50315176041596], [128.208433058790632, 41.466771552082477], [128.052215203972281, 41.994284572917934], [129.59666873587949, 42.424981797854542], [129.994267205933198, 42.985386867843779], [130.640015903852401, 42.39500946712527]]] } },
+            { "type": "Feature", "properties": { "admin": "Portugal", "name": "Portugal", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[-9.034817674180244, 41.880570583659669], [-8.671945766626719, 42.134689439454952], [-8.26385698081779, 42.280468654950326], [-8.01317460776991, 41.790886135417118], [-7.422512986673794, 41.792074693359822], [-7.251308966490822, 41.91834605566504], [-6.668605515967655, 41.883386949219577], [-6.389087693700914, 41.381815497394641], [-6.851126674822551, 41.111082668617513], [-6.864019944679383, 40.330871893874821], [-7.026413133156593, 40.184524237624238], [-7.066591559263527, 39.711891587882768], [-7.498632371439724, 39.629571031241802], [-7.098036668313126, 39.03007274022378], [-7.374092169616317, 38.373058580064914], [-7.029281175148794, 38.075764065089757], [-7.166507941099863, 37.803894354802217], [-7.537105475281022, 37.428904323876232], [-7.45372555177809, 37.097787583966053], [-7.855613165711985, 36.838268540996253], [-8.382816127953687, 36.978880113262449], [-8.898856980820325, 36.868809312480771], [-8.746101446965552, 37.6513455266766], [-8.839997524439879, 38.266243394517609], [-9.287463751655221, 38.358485826158592], [-9.526570603869713, 38.737429104154906], [-9.44698889814023, 39.392066148428363], [-9.048305223008425, 39.755093085278766], [-8.977353481471679, 40.159306138665798], [-8.7686840478771, 40.76063894303018], [-8.790853237330309, 41.18433401139125], [-8.990789353867568, 41.543459377603625], [-9.034817674180244, 41.880570583659669]]] } },
+            { "type": "Feature", "properties": { "admin": "Paraguay", "name": "Paraguay", "continent": "South America" }, "geometry": { "type": "Polygon", "coordinates": [[[-62.685057135657871, -22.24902922942238], [-62.291179368729203, -21.051634616787389], [-62.265961269770784, -20.513734633061272], [-61.786326463453761, -19.633736667562957], [-60.043564622626477, -19.342746677327419], [-59.11504248720609, -19.356906019775398], [-58.183471442280492, -19.868399346600359], [-58.166392381408038, -20.176700941653674], [-57.870673997617786, -20.732687676681948], [-57.937155727761287, -22.090175876557169], [-56.881509568902885, -22.282153822521476], [-56.473317430229379, -22.086300144135279], [-55.797958136606894, -22.356929620047815], [-55.61068274598113, -22.655619398694839], [-55.517639329639621, -23.57199757252663], [-55.400747239795407, -23.956935316668797], [-55.027901780809543, -24.001273695575225], [-54.652834235235119, -23.839578138933955], [-54.292959560754511, -24.021014092710722], [-54.293476325077435, -24.570799655863958], [-54.428946092330577, -25.162184747012162], [-54.625290696823562, -25.739255466415507], [-54.788794928595038, -26.621785577096126], [-55.695845506398143, -27.387837009390857], [-56.486701626192989, -27.548499037386286], [-57.609759690976134, -27.395898532828383], [-58.618173590719735, -27.123718763947089], [-57.633660040911117, -25.603656508081638], [-57.777217169817924, -25.162339776309032], [-58.807128465394968, -24.771459242453307], [-60.028966030504016, -24.032796319273267], [-60.846564704009907, -23.880712579038288], [-62.685057135657871, -22.24902922942238]]] } },
+            { "type": "Feature", "properties": { "admin": "Palestine", "name": "Palestine", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[35.545665317534535, 32.393992011030569], [35.545251906076196, 31.782504787720832], [35.397560662586038, 31.489086005167572], [34.927408481594554, 31.35343537040141], [34.970506626125989, 31.616778469360803], [35.225891554512422, 31.754341132121759], [34.974640740709319, 31.866582343059715], [35.183930291491428, 32.532510687788935], [35.545665317534535, 32.393992011030569]]] } },
+            { "type": "Feature", "properties": { "admin": "Qatar", "name": "Qatar", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[50.810108270069563, 24.754742539971371], [50.743910760303677, 25.482424221289389], [51.01335167827348, 26.006991685484191], [51.286461622936045, 26.114582017515865], [51.589078810437243, 25.801112779233375], [51.606700473848804, 25.215670477798735], [51.389607781790623, 24.627385972588051], [51.112415398977006, 24.556330878186721], [50.810108270069563, 24.754742539971371]]] } },
+            { "type": "Feature", "properties": { "admin": "Romania", "name": "Romania", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[22.710531447040488, 47.882193915389394], [23.142236362406798, 48.096341050806942], [23.760958286237404, 47.985598456405448], [24.402056105250374, 47.981877753280422], [24.866317172960571, 47.737525743188307], [25.207743361112986, 47.891056423527459], [25.945941196402394, 47.987148749374207], [26.197450392366925, 48.220881252630342], [26.619336785597788, 48.220726223333457], [26.924176059687561, 48.123264472030982], [27.233872918412736, 47.826770941756365], [27.551166212684841, 47.405117092470817], [28.128030226359037, 46.81047638608824], [28.160017937947707, 46.371562608417207], [28.054442986775392, 45.944586086605618], [28.233553501099035, 45.488283189468369], [28.679779493939371, 45.30403087013169], [29.149724969201646, 45.464925442072442], [29.603289015427425, 45.293308010431119], [29.62654340995876, 45.035390936862392], [29.141611769331831, 44.820210272799038], [28.837857700320196, 44.913873806328041], [28.55808149589199, 43.707461656258118], [27.970107049275068, 43.812468166675202], [27.242399529740904, 44.175986029632398], [26.065158725699739, 43.943493760751259], [25.569271681426923, 43.688444729174712], [24.100679152124169, 43.741051337247846], [23.332302280376322, 43.897010809904707], [22.94483239105184, 43.823785305347123], [22.657149692482985, 44.234923000661276], [22.474008416440594, 44.409227606781762], [22.705725538837349, 44.578002834647016], [22.459022251075933, 44.702517198254291], [22.145087924902807, 44.478422349620573], [21.562022739353605, 44.768947251965486], [21.483526238702233, 45.181170152357772], [20.874312778413351, 45.416375433934228], [20.76217492033998, 45.734573065771428], [20.220192498462833, 46.127468980486547], [21.021952345471245, 46.316087958351886], [21.626514926853869, 46.994237779318148], [22.09976769378283, 47.672439276716695], [22.710531447040488, 47.882193915389394]]] } },
+            { "type": "Feature", "properties": { "admin": "Russia", "name": "Russia", "continent": "Europe" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[143.648007440362846, 50.747600409541512], [144.65414757708561, 48.976390692737581], [143.173927850517174, 49.306551418650365], [142.558668247650076, 47.861575018904908], [143.533492466404027, 46.836728013692479], [143.505277134372591, 46.137907619809475], [142.747700636973889, 46.740764878926562], [142.092030064054484, 45.966755276058777], [141.906925083585008, 46.805928860046535], [142.018442824470867, 47.780132961612921], [141.904444614835029, 48.859188544299563], [142.135800002205656, 49.615163072297449], [142.179983351815281, 50.952342434281903], [141.594075962490024, 51.935434882202529], [141.682546014573632, 53.301966457728767], [142.606934035410745, 53.762145087287891], [142.209748976815376, 54.225475979216853], [142.654786411712934, 54.365880845753864], [142.914615513276544, 53.704577541714734], [143.260847609632037, 52.740760403039033], [143.235267775647628, 51.756660264688733], [143.648007440362846, 50.747600409541512]]], [[[22.731098667092649, 54.327536932993311], [20.892244500418652, 54.312524929412568], [19.6606400896064, 54.42608388937397], [19.88848147958134, 54.866160386771483], [21.268448927503492, 55.190481675835279], [22.315723504330599, 55.015298570365886], [22.757763706155281, 54.856574408581416], [22.651051873472564, 54.582740993866693], [22.731098667092649, 54.327536932993311]]], [[[180.000000000000114, 70.832199208546669], [178.903425, 70.78114], [178.7253, 71.0988], [180.000000000000114, 71.515714336428246], [180.000000000000114, 70.832199208546669]]], [[[143.60385, 73.21244], [142.08763, 73.20544], [140.038155, 73.31692], [139.86312, 73.36983], [140.81171, 73.76506], [142.06207, 73.85758], [143.48283, 73.47525], [143.60385, 73.21244]]], [[[150.73167, 75.08406], [149.575925, 74.68892], [147.977465, 74.778355], [146.11919, 75.17298], [146.358485, 75.49682], [148.22223, 75.345845], [150.73167, 75.08406]]], [[[145.086285, 75.562625], [144.3, 74.82], [140.61381, 74.84768], [138.95544, 74.61148], [136.97439, 75.26167], [137.51176, 75.94917], [138.831075, 76.13676], [141.471615, 76.09289], [145.086285, 75.562625]]], [[[57.535692579992386, 70.720463975702145], [56.944979282463933, 70.63274323188665], [53.677375115784187, 70.762657782668455], [53.412016635965372, 71.206661688920192], [51.601894565645708, 71.474759019650477], [51.455753615124209, 72.014881089965129], [52.478275180883564, 72.229441636840946], [52.444168735570841, 72.77473135038484], [54.427613559797649, 73.627547512497571], [53.508289829325136, 73.749813951300141], [55.902458937407644, 74.627486477345329], [55.631932814359701, 75.081412258597155], [57.868643833248839, 75.609390367323186], [61.170044386647497, 76.251883450008123], [64.498368361270209, 76.439055487769267], [66.210977003855092, 76.809782213031227], [68.157059767534818, 76.939696763812904], [68.852211134725124, 76.544811306454605], [68.180572544227644, 76.233641669409096], [64.637326287703004, 75.737754625136219], [61.583507521414752, 75.260884507946784], [58.477082147053366, 74.309056301562819], [56.986785516187993, 73.333043524866227], [55.41933597191094, 72.371267605265956], [55.622837762276291, 71.540594794390316], [57.535692579992386, 70.720463975702145]]], [[[106.970130000000111, 76.97419], [107.240000000000123, 76.48], [108.1538, 76.723350000000138], [111.077260000000138, 76.71], [113.33151, 76.22224], [114.13417, 75.84764], [113.88539, 75.327790000000121], [112.77918, 75.03186], [110.151250000000175, 74.47673], [109.4, 74.18], [110.64, 74.04], [112.11919, 73.787740000000113], [113.019540000000234, 73.976930000000138], [113.529580000000294, 73.33505], [113.96881, 73.59488], [115.56782, 73.75285], [118.776330000000215, 73.58772], [119.02, 73.12], [123.20066, 72.97122], [123.257770000000178, 73.73503], [125.380000000000166, 73.56], [126.97644, 73.56549], [128.59126, 73.03871], [129.05157, 72.39872], [128.46, 71.98], [129.715990000000204, 71.19304], [131.288580000000252, 70.786990000000102], [132.253500000000145, 71.8363], [133.857660000000294, 71.386420000000143], [135.56193, 71.655250000000123], [137.49755, 71.34763], [138.234090000000123, 71.62803], [139.86983, 71.487830000000116], [139.14791, 72.4161900000001], [140.46817, 72.849410000000134], [149.5, 72.2], [150.35118000000017, 71.60643], [152.96890000000019, 70.84222], [157.00688, 71.03141], [158.99779, 70.86672], [159.830310000000225, 70.45324], [159.70866, 69.72198], [160.94053000000028, 69.43728], [162.279070000000104, 69.64204], [164.05248, 69.66823], [165.940370000000172, 69.47199], [167.83567, 69.58269], [169.57763000000017, 68.6938], [170.816880000000253, 69.01363], [170.008200000000159, 69.65276], [170.453450000000259, 70.09703], [173.643910000000204, 69.81743], [175.72403000000017, 69.877250000000217], [178.6, 69.4], [180.000000000000114, 68.963636363636553], [180.000000000000114, 64.979708702198465], [179.99281, 64.97433], [178.707200000000199, 64.53493], [177.411280000000147, 64.60821], [178.313000000000187, 64.07593], [178.90825000000018, 63.251970000000128], [179.37034, 62.98262], [179.48636, 62.56894], [179.228250000000116, 62.304100000000133], [177.3643, 62.5219], [174.569290000000194, 61.76915], [173.68013, 61.65261], [172.15, 60.95], [170.6985, 60.33618], [170.330850000000282, 59.88177], [168.90046, 60.57355], [166.294980000000265, 59.7885500000002], [165.840000000000202, 60.16], [164.87674, 59.7316], [163.539290000000108, 59.86871], [163.217110000000218, 59.21101], [162.01733, 58.24328], [162.05297, 57.83912], [163.19191, 57.61503], [163.057940000000144, 56.159240000000111], [162.129580000000203, 56.12219], [161.70146, 55.285680000000148], [162.117490000000117, 54.85514], [160.368770000000325, 54.34433], [160.021730000000218, 53.20257], [158.530940000000157, 52.958680000000236], [158.23118, 51.94269], [156.789790000000266, 51.01105], [156.42000000000013, 51.7], [155.99182, 53.15895], [155.43366, 55.381030000000109], [155.914420000000291, 56.767920000000132], [156.75815, 57.3647], [156.81035, 57.83204], [158.364330000000166, 58.05575], [160.150640000000124, 59.314770000000109], [161.87204, 60.343000000000117], [163.66969, 61.1409], [164.473550000000103, 62.55061], [163.258420000000172, 62.46627], [162.65791, 61.6425], [160.12148, 60.54423], [159.30232, 61.77396], [156.72068, 61.43442], [154.218060000000293, 59.758180000000117], [155.04375, 59.14495], [152.81185, 58.88385], [151.265730000000246, 58.78089], [151.33815, 59.50396], [149.78371, 59.655730000000126], [148.54481, 59.16448], [145.48722, 59.33637], [142.197820000000121, 59.03998], [138.958480000000293, 57.08805], [135.12619, 54.72959], [136.70171, 54.603550000000112], [137.19342, 53.97732], [138.1647, 53.755010000000247], [138.80463, 54.25455], [139.90151, 54.189680000000166], [141.34531, 53.089570000000109], [141.37923, 52.23877], [140.59742000000017, 51.23967], [140.51308, 50.045530000000113], [140.061930000000189, 48.446710000000152], [138.554720000000202, 46.99965], [138.21971, 46.30795], [136.86232, 45.143500000000174], [135.515350000000183, 43.989], [134.869390000000237, 43.39821], [133.536870000000249, 42.81147], [132.90627, 42.79849], [132.278070000000241, 43.284560000000106], [130.935870000000136, 42.55274], [130.78, 42.220000000000191], [130.640000000000157, 42.395], [130.633866408409801, 42.903014634770543], [131.144687941614961, 42.929989732426932], [131.288555129115593, 44.111519680348252], [131.025190000000237, 44.96796], [131.883454217659562, 45.321161607436508], [133.097120000000189, 45.14409], [133.769643996313164, 46.116926988299149], [134.112350000000163, 47.212480000000127], [134.50081, 47.578450000000139], [135.026311476786759, 48.478229885443902], [133.373595819228001, 48.183441677434836], [132.506690000000106, 47.78896], [130.987260000000106, 47.79013], [130.582293328982644, 48.72968740497619], [129.397817824420486, 49.4406000840156], [127.657400000000351, 49.76027], [127.287455682484904, 50.739797268265434], [126.939156528837827, 51.353894151405896], [126.564399041856959, 51.784255479532689], [125.946348911646439, 52.792798570356936], [125.068211297710434, 53.161044826868924], [123.57147, 53.4588], [122.245747918793043, 53.431725979213681], [121.003084751470354, 53.251401068731226], [120.177088657716865, 52.753886216841195], [120.725789015791975, 52.516226304730893], [120.7382, 51.96411], [120.182080000000155, 51.64355], [119.27939, 50.58292], [119.288460728025839, 50.142882798861947], [117.87924441942647, 49.510983384797036], [116.67880089728618, 49.888531399121398], [115.485695428531415, 49.805177313834733], [114.962109816550353, 50.140247300815119], [114.362456496235325, 50.24830272073747], [112.897739699354361, 49.543565375356984], [111.581230910286649, 49.377968248077671], [110.662010532678835, 49.130128078805846], [109.402449171996707, 49.292960516957685], [108.475167270951275, 49.282547715850704], [107.868175897251092, 49.793705145865871], [106.888804152455293, 50.274295966180276], [105.886591424586868, 50.40601919209216], [104.62158, 50.275320000000157], [103.676545444760336, 50.08996613219513], [102.25589, 50.510560000000105], [102.06521, 51.25991], [100.889480421962631, 51.516855780638409], [99.981732212323564, 51.63400625264395], [98.861490513100492, 52.047366034546698], [97.82573978067451, 51.010995184933236], [98.231761509191699, 50.422400621128716], [97.259760000000199, 49.72605], [95.814020000000156, 49.977460000000114], [94.815949334698757, 50.01343333597088], [94.147566359435601, 50.480536607457161], [93.10421, 50.49529], [92.234711541719676, 50.802170722041737], [90.713667433640765, 50.331811835321098], [88.805566847695573, 49.470520738312459], [87.751264276076824, 49.297197984405543], [87.359970330762692, 49.214980780629148], [86.829356723989648, 49.826674709668133], [85.541269972682485, 49.69285858824815], [85.115559523462082, 50.117302964877631], [84.416377394553038, 50.311399644565817], [83.935114780618903, 50.889245510453563], [83.383003778012451, 51.069182847693881], [81.945985548839943, 50.812195949906325], [80.568446893235446, 51.388336493528435], [80.035559523441705, 50.864750881547209], [77.80091556184432, 53.404414984747532], [76.525179477854749, 54.177003485727127], [76.891100294913443, 54.490524400441913], [74.384820000000119, 53.546850000000113], [73.425678745420512, 53.489810289109741], [73.50851606638436, 54.035616766976588], [72.224150018202195, 54.376655381886778], [71.180131056609468, 54.133285224008247], [70.86526655465515, 55.169733588270091], [69.068166945272893, 55.385250149143488], [68.169100376258896, 54.970391750704366], [65.66687, 54.601250000000149], [65.178533563095939, 54.354227810272064], [61.436600000000126, 54.00625], [60.978066440683236, 53.664993394579128], [61.69998619980062, 52.979996446334255], [60.73999311711453, 52.719986477257734], [60.927268507740237, 52.447548326214999], [59.967533807215567, 51.96042043721566], [61.588003371024136, 51.272658799843171], [61.337424350840998, 50.799070136104248], [59.932807244715555, 50.842194118851822], [59.642282342370564, 50.545442206415707], [58.363320000000122, 51.06364], [56.77798, 51.04355], [55.71694, 50.621710000000142], [54.532878452376181, 51.026239732459359], [52.328723585831042, 51.718652248738088], [50.766648390512174, 51.692762356159861], [48.702381626181044, 50.605128485712825], [48.577841424357601, 49.87475962991563], [47.549480421749379, 50.454698391311119], [46.751596307162764, 49.356005764353725], [47.043671502476585, 49.152038886097571], [46.466445753776291, 48.394152330104923], [47.315240000000152, 47.71585], [48.05725, 47.74377], [48.694733514201872, 47.075628160177885], [48.59325000000014, 46.56104], [49.101160000000121, 46.39933], [48.645410000000105, 45.80629], [47.67591, 45.641490000000111], [46.68201, 44.6092], [47.59094, 43.660160000000118], [47.49252, 42.98658], [48.58437000000017, 41.80888], [47.987283156126033, 41.405819200194387], [47.815665724484653, 41.151416124021338], [47.373315464066387, 41.219732367511135], [46.686070591016708, 41.827137152669899], [46.404950799348924, 41.860675157227426], [45.7764, 42.092440000000224], [45.470279168485909, 42.502780666670041], [44.537622918482057, 42.711992702803677], [43.93121, 42.554960000000101], [43.755990000000182, 42.74083], [42.394400000000154, 43.2203], [40.922190000000128, 43.382150000000131], [40.076964959479838, 43.553104153002486], [39.95500857927108, 43.434997666999287], [38.68, 44.28], [37.539120000000104, 44.65721], [36.675460000000122, 45.24469], [37.40317, 45.40451], [38.23295, 46.24087], [37.67372, 46.63657], [39.14767, 47.044750000000128], [39.121200000000123, 47.26336], [38.22353803889947, 47.102189846375971], [38.2551123390298, 47.546400458356956], [38.77057, 47.825620000000228], [39.738277622238982, 47.898937079452068], [39.895620000000136, 48.23241], [39.67465, 48.783820000000127], [40.080789015469477, 49.307429917999364], [40.069040000000108, 49.60105], [38.594988234213552, 49.926461900423718], [38.010631137857068, 49.915661526074715], [37.393459506995228, 50.383953355503664], [36.626167840325387, 50.225590928745127], [35.35611616388811, 50.577197374059139], [35.37791, 50.77394], [35.02218305841793, 51.207572333371495], [34.224815708154402, 51.255993150428921], [34.141978387190612, 51.56641347920619], [34.391730584457228, 51.768881740925892], [33.75269982273587, 52.335074571331646], [32.715760532367163, 52.238465481162159], [32.412058139787767, 52.288694973349763], [32.15944000000021, 52.061250000000101], [31.78597, 52.10168], [31.540018344862254, 52.742052313846429], [31.305200636527978, 53.073995876673301], [31.49764, 53.167430000000124], [32.304519484188368, 53.132726141972839], [32.693643019346119, 53.351420803432141], [32.405598585751157, 53.618045355842], [31.731272820774585, 53.794029446012011], [31.791424187962399, 53.974638576872181], [31.384472283663818, 54.157056382862365], [30.757533807098774, 54.811770941784388], [30.971835971813245, 55.08154775656412], [30.873909132620064, 55.55097646750351], [29.896294386522435, 55.789463202530484], [29.371571893030783, 55.670090643936263], [29.229513380660389, 55.918344224666399], [28.176709425577933, 56.169129950578778], [27.855282016722519, 56.759326483784363], [27.770015903440985, 57.244258124411189], [27.288184848751648, 57.474528306703903], [27.716685825315771, 57.791899115624439], [27.420150000000202, 58.724570000000128], [28.131699253051856, 59.300825100330982], [27.98112, 59.47537], [29.1177, 60.028050000000107], [28.07, 60.503520000000137], [30.211107212044645, 61.780027777749673], [31.139991082491029, 62.357692776124431], [31.516092156711263, 62.867687486412898], [30.035872430142796, 63.552813625738551], [30.444684686003736, 64.204453436939062], [29.544429559047014, 64.948671576590542], [30.21765, 65.80598], [29.054588657352376, 66.944286200622017], [29.977426385220689, 67.69829702419274], [28.445943637818765, 68.364612942163987], [28.591929559043358, 69.064776923286686], [29.39955, 69.15692000000017], [31.101080000000103, 69.55811], [32.132720000000255, 69.905950000000232], [33.77547, 69.301420000000107], [36.51396, 69.06342], [40.292340000000159, 67.9324], [41.059870000000124, 67.457130000000106], [41.125950000000174, 66.79158000000011], [40.01583, 66.266180000000119], [38.38295, 65.99953], [33.918710000000168, 66.75961], [33.18444, 66.63253], [34.81477, 65.900150000000124], [34.87857425307876, 65.436212877048192], [34.943910000000152, 64.414370000000147], [36.23129, 64.10945], [37.012730000000111, 63.84983], [37.141970000000143, 64.33471], [36.539579035089801, 64.76446], [37.176040000000135, 65.143220000000113], [39.59345, 64.520790000000162], [40.4356, 64.76446], [39.762600000000148, 65.49682], [42.09309, 66.47623], [43.01604000000011, 66.41858], [43.94975000000013, 66.06908], [44.53226, 66.756340000000122], [43.69839, 67.35245], [44.187950000000136, 67.95051], [43.45282, 68.57079], [46.250000000000135, 68.25], [46.821340000000156, 67.68997], [45.55517, 67.56652], [45.56202, 67.010050000000192], [46.349150000000137, 66.66767], [47.894160000000248, 66.884550000000146], [48.13876, 67.52238], [50.227660000000142, 67.998670000000132], [53.717430000000164, 68.85738], [54.47171, 68.80815], [53.485820000000118, 68.20131], [54.72628, 68.09702], [55.442680000000124, 68.43866], [57.317020000000149, 68.46628], [58.802000000000206, 68.88082], [59.941420000000178, 68.27844], [61.077840000000165, 68.94069], [60.03, 69.52], [60.55, 69.85], [63.504000000000147, 69.54739], [64.888115, 69.234835000000132], [68.512160000000108, 68.09233000000016], [69.18068, 68.61563000000011], [68.16444, 69.14436], [68.13522, 69.35649], [66.930080000000103, 69.454610000000102], [67.25976, 69.92873], [66.724920000000125, 70.708890000000125], [66.69466, 71.028970000000228], [68.540060000000111, 71.934500000000227], [69.19636, 72.843360000000146], [69.94, 73.04000000000012], [72.58754, 72.77629], [72.79603, 72.22006], [71.84811, 71.40898], [72.47011, 71.09019], [72.79188, 70.39114], [72.564700000000201, 69.02085], [73.66787, 68.4079], [73.2387, 67.7404], [71.280000000000101, 66.320000000000149], [72.423010000000147, 66.172670000000167], [72.82077, 66.53267], [73.920990000000131, 66.789460000000119], [74.186510000000183, 67.28429], [75.052, 67.760470000000154], [74.469260000000148, 68.32899], [74.93584, 68.98918], [73.84236, 69.07146], [73.601870000000204, 69.62763], [74.3998, 70.63175], [73.1011, 71.447170000000241], [74.890820000000204, 72.12119], [74.65926, 72.83227], [75.158010000000175, 72.854970000000108], [75.68351, 72.300560000000118], [75.288980000000109, 71.33556], [76.35911, 71.152870000000135], [75.903130000000161, 71.87401], [77.5766500000001, 72.26717], [79.652020000000107, 72.32011], [81.5, 71.75], [80.61071, 72.582850000000107], [80.51109, 73.6482], [82.25, 73.85], [84.65526, 73.805910000000154], [86.822300000000226, 73.93688], [86.00956, 74.459670000000145], [87.166820000000143, 75.11643], [88.31571, 75.14393], [90.26, 75.64], [92.90058, 75.77333], [93.234210000000132, 76.0472], [95.860000000000127, 76.14], [96.67821, 75.91548], [98.922540000000197, 76.44689], [100.759670000000199, 76.43028], [101.03532, 76.86189], [101.990840000000105, 77.287540000000192], [104.3516, 77.69792], [106.066640000000135, 77.37389], [104.705000000000211, 77.1274], [106.970130000000111, 76.97419]]], [[[105.07547, 78.30689], [99.43814, 77.921], [101.2649, 79.23399], [102.08635, 79.34641], [102.837815, 79.28129], [105.37243, 78.71334], [105.07547, 78.30689]]], [[[51.136186557831266, 80.54728017854093], [49.793684523320692, 80.415427761548202], [48.894411248577526, 80.33956675894369], [48.75493655782175, 80.175468248200829], [47.586119012244147, 80.010181179515328], [46.502825962109647, 80.247246812654339], [47.072455275262897, 80.559424140129451], [44.846958042181107, 80.589809882317169], [46.799138624871226, 80.771917629713627], [48.31847741068465, 80.784009914869927], [48.52280602396668, 80.514568996900138], [49.097189568890897, 80.753985907708412], [50.039767693894603, 80.918885403151791], [51.522932977103679, 80.699725653801906], [51.136186557831266, 80.54728017854093]]], [[[99.93976, 78.88094], [97.75794, 78.7562], [94.97259, 79.044745], [93.31288, 79.4265], [92.5454, 80.14379], [91.18107, 80.34146], [93.77766, 81.0246], [95.940895, 81.2504], [97.88385, 80.746975], [100.186655, 79.780135], [99.93976, 78.88094]]]] } },
+            { "type": "Feature", "properties": { "admin": "Rwanda", "name": "Rwanda", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[30.419104852019235, -1.134659112150416], [30.816134881317705, -1.698914076345388], [30.758308953583104, -2.287250257988368], [30.469696079232978, -2.413857517103458], [29.938359002407935, -2.348486830254238], [29.632176141078585, -2.917857761246096], [29.02492638521678, -2.839257907730157], [29.117478875451546, -2.292211195488384], [29.254834832483336, -2.215109958508911], [29.29188683443661, -1.620055840667987], [29.579466180140876, -1.341313164885626], [29.821518588996003, -1.443322442229785], [30.419104852019235, -1.134659112150416]]] } },
+            { "type": "Feature", "properties": { "admin": "Western Sahara", "name": "W. Sahara", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[-8.794883999049075, 27.120696316022503], [-8.81782833498667, 27.656425889592349], [-8.665589565454805, 27.656425889592349], [-8.66512447756419, 27.58947907155822], [-8.684399786809051, 27.395744126895998], [-8.687293667017398, 25.881056219988899], [-11.969418911171159, 25.933352769468261], [-11.93722449385332, 23.374594224536164], [-12.874221564169574, 23.284832261645171], [-13.118754441774708, 22.771220201096249], [-12.929101935263528, 21.327070624267559], [-16.845193650773989, 21.333323472574875], [-17.063423224342568, 20.99975210213082], [-17.020428432675736, 21.422310288981475], [-17.002961798561085, 21.420734157796574], [-14.750954555713532, 21.50060008390366], [-14.630832688851068, 21.860939846274899], [-14.221167771857251, 22.310163072188153], [-13.891110398809044, 23.691009019459297], [-12.500962693725368, 24.770116278578193], [-12.030758836301613, 26.030866197203036], [-11.718219773800353, 26.104091701760616], [-11.392554897496977, 26.883423977154358], [-10.551262579785272, 26.990807603456879], [-10.18942420087758, 26.860944729107398], [-9.735343390328877, 26.860944729107398], [-9.413037482124464, 27.088476060488514], [-8.794883999049075, 27.120696316022503]]] } },
+            { "type": "Feature", "properties": { "admin": "Saudi Arabia", "name": "Saudi Arabia", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[42.779332309750963, 16.34789134364868], [42.64957278826607, 16.77463532151496], [42.347989129410706, 17.075805568911996], [42.270887892431219, 17.474721787989122], [41.754381951673949, 17.833046169500971], [41.221391229015573, 18.671599636301206], [40.939341261566533, 19.486485297111752], [40.247652215339819, 20.174634507726488], [39.801684604660934, 20.338862209550054], [39.139399448408277, 21.29190481209293], [39.023695916506782, 21.986875311770191], [39.066328973147577, 22.579655666590263], [38.492772251140075, 23.688451036060851], [38.023860304523616, 24.078685614512928], [37.483634881344379, 24.285494696545008], [37.154817742671177, 24.858482977797301], [37.209491408035994, 25.084541530858104], [36.931627231602583, 25.602959499610172], [36.639603712721218, 25.826227525327219], [36.249136590323808, 26.570135606384873], [35.640181512196385, 27.376520494083415], [35.130186801907875, 28.063351955674712], [34.632336053207972, 28.058546047471559], [34.787778761541936, 28.607427273059692], [34.832220493312938, 28.957483425404838], [34.956037225084252, 29.356554673778835], [36.068940870922049, 29.19749461518445], [36.501214227043583, 29.505253607698702], [36.740527784987243, 29.865283311476183], [37.503581984209028, 30.003776150018396], [37.668119744626374, 30.338665269485894], [37.998848911294367, 30.508499864213128], [37.002165561681004, 31.508412990844736], [39.004885695152545, 32.010216986614971], [39.195468377444961, 32.16100881604266], [40.399994337736238, 31.889991766887931], [41.889980910007829, 31.190008653278362], [44.709498732284736, 29.178891099559376], [46.568713413281742, 29.099025173452283], [47.459821811722819, 29.002519436147217], [47.708850538937376, 28.526062730416136], [48.416094191283939, 28.552004299426663], [48.807594842327163, 27.689627997339876], [49.299554477745815, 27.461218166609804], [49.470913527225647, 27.109999294538078], [50.152422316290874, 26.689663194275994], [50.212935418504671, 26.277026882425371], [50.113303257045928, 25.943972276304248], [50.23985883972874, 25.608049628190923], [50.527386509000728, 25.327808335872099], [50.660556675016885, 24.999895534764018], [50.810108270069563, 24.754742539971371], [51.112415398977006, 24.556330878186721], [51.389607781790623, 24.627385972588051], [51.579518670463258, 24.245497137951102], [51.617707553926969, 24.014219265228824], [52.000733270074321, 23.001154486578937], [55.006803012924898, 22.496947536707129], [55.208341098863187, 22.708329982997039], [55.666659376859812, 22.000001125572336], [54.999981723862355, 19.999994004796104], [52.000009800022227, 19.000003363516054], [49.116671583864857, 18.616667588774941], [48.183343540241324, 18.166669216377311], [47.466694777217626, 17.116681626854877], [47.000004917189749, 16.949999294497438], [46.749994337761642, 17.283338120996174], [46.366658563020529, 17.233315334537632], [45.399999220568752, 17.333335069238554], [45.216651238797184, 17.43332896572333], [44.062613152855072, 17.410358791569589], [43.791518589051904, 17.319976711491105], [43.380794305196098, 17.579986680567668], [43.115797560403351, 17.088440456607369], [43.218375278502734, 16.666889960186406], [42.779332309750963, 16.34789134364868]]] } },
+            { "type": "Feature", "properties": { "admin": "Sudan", "name": "Sudan", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[33.963392794971178, 9.464285229420623], [33.824963480907506, 9.48406084571536], [33.842130853028145, 9.981914637215992], [33.721959248183097, 10.325262079630191], [33.206938084561777, 10.720111638406591], [33.086766479716729, 11.441141267476493], [33.206938084561777, 12.179338268667093], [32.743419037302537, 12.24800775714999], [32.674749548819641, 12.024831919580716], [32.073891524594778, 11.973329803218517], [32.314234734284746, 11.681484477166519], [32.400071594888338, 11.080626452941486], [31.850715687025509, 10.531270545078822], [31.352861895524875, 9.810240916008693], [30.837840731903377, 9.707236683284519], [29.996639497988546, 10.290927335388684], [29.618957311332842, 10.084918869940223], [29.515953078608607, 9.793073543888053], [29.000931914987166, 9.604232450560287], [28.966597170745779, 9.398223985111654], [27.970889587744345, 9.398223985111654], [27.833550610778783, 9.604232450560287], [27.112520981708876, 9.638567194801622], [26.752006167173811, 9.466893473594492], [26.477328213242508, 9.552730334198086], [25.96230704962101, 10.136420986302422], [25.790633328413943, 10.411098940233726], [25.069603699343979, 10.27375996326799], [24.79492574541268, 9.810240916008693], [24.537415163602017, 8.917537565731719], [24.194067721187643, 8.728696472403895], [23.886979580860665, 8.619729712933063], [23.805813429466745, 8.666318874542522], [23.459012892355979, 8.954285793489019], [23.394779087017291, 9.26506785729225], [23.557249790142915, 9.681218166538766], [23.554304233502187, 10.089255275915319], [22.977543572692749, 10.714462591998538], [22.864165480244246, 11.142395127807616], [22.87622, 11.384610000000119], [22.50869, 11.67936], [22.49762, 12.26024], [22.28801, 12.64605], [21.93681, 12.588180000000133], [22.03759, 12.95546], [22.29658, 13.37232], [22.18329, 13.78648], [22.51202, 14.09318], [22.30351, 14.32682], [22.567950000000106, 14.944290000000134], [23.02459, 15.68072], [23.886890000000101, 15.61084], [23.837660000000135, 19.580470000000101], [23.850000000000129, 20.0], [25.00000000000011, 20.00304], [25.00000000000011, 22.0], [29.02, 22.0], [32.9, 22.0], [36.86623, 22.0], [37.18872, 21.01885], [36.96941, 20.837440000000125], [37.114700000000134, 19.80796], [37.48179, 18.61409], [37.86276, 18.36786], [38.410089959473218, 17.998307399970312], [37.904000000000103, 17.42754], [37.16747, 17.263140000000128], [36.852530000000108, 16.95655], [36.75389, 16.29186], [36.32322, 14.82249], [36.42951, 14.42211], [36.27022, 13.563330000000118], [35.86363, 12.57828], [35.26049, 12.08286], [34.831630000000125, 11.318960000000116], [34.73115000000012, 10.910170000000106], [34.25745, 10.63009], [33.96162, 9.58358], [33.963392794971178, 9.464285229420623]]] } },
+            { "type": "Feature", "properties": { "admin": "South Sudan", "name": "S. Sudan", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[33.963392794971178, 9.464285229420623], [33.97498, 8.68456], [33.82550000000014, 8.37916], [33.294800000000116, 8.35458], [32.95418, 7.7849700000001], [33.56829, 7.71334], [34.0751, 7.22595], [34.25032, 6.82607], [34.70702, 6.59422000000012], [35.298007118233095, 5.506], [34.620196267853935, 4.847122742082034], [34.005, 4.249884947362147], [33.39, 3.79], [32.68642, 3.79232], [31.881450000000136, 3.55827], [31.24556, 3.7819], [30.83385, 3.50917], [29.95349, 4.1737], [29.715995314256013, 4.600804755060152], [29.159078403446635, 4.389267279473244], [28.696677687298795, 4.455077215996993], [28.428993768026992, 4.287154649264607], [27.979977247842946, 4.408413397637388], [27.374226108517625, 5.233944403500173], [27.213409051225248, 5.550953477394613], [26.465909458123289, 5.946717434101855], [26.213418409945113, 6.546603298362127], [25.796647983511257, 6.979315904158169], [25.124130893664805, 7.500085150579422], [25.114932488716867, 7.825104071479244], [24.567369012152191, 8.229187933785452], [23.886979580860665, 8.619729712933063], [24.194067721187643, 8.728696472403895], [24.537415163602017, 8.917537565731719], [24.79492574541268, 9.810240916008693], [25.069603699343979, 10.27375996326799], [25.790633328413943, 10.411098940233726], [25.96230704962101, 10.136420986302422], [26.477328213242508, 9.552730334198086], [26.752006167173811, 9.466893473594492], [27.112520981708876, 9.638567194801622], [27.833550610778783, 9.604232450560287], [27.970889587744345, 9.398223985111654], [28.966597170745779, 9.398223985111654], [29.000931914987166, 9.604232450560287], [29.515953078608607, 9.793073543888053], [29.618957311332842, 10.084918869940223], [29.996639497988546, 10.290927335388684], [30.837840731903377, 9.707236683284519], [31.352861895524875, 9.810240916008693], [31.850715687025509, 10.531270545078822], [32.400071594888338, 11.080626452941486], [32.314234734284746, 11.681484477166519], [32.073891524594778, 11.973329803218517], [32.674749548819641, 12.024831919580716], [32.743419037302537, 12.24800775714999], [33.206938084561777, 12.179338268667093], [33.086766479716729, 11.441141267476493], [33.206938084561777, 10.720111638406591], [33.721959248183097, 10.325262079630191], [33.842130853028145, 9.981914637215992], [33.824963480907506, 9.48406084571536], [33.963392794971178, 9.464285229420623]]] } },
+            { "type": "Feature", "properties": { "admin": "Senegal", "name": "Senegal", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[-16.713728807023468, 13.594958604379853], [-17.126106736712611, 14.373515733289221], [-17.625042690490655, 14.72954051356407], [-17.185172898822227, 14.91947724045286], [-16.700706346085919, 15.621527411354107], [-16.463098110407881, 16.135036119038457], [-16.120690070041928, 16.45566254319338], [-15.623666144258689, 16.369337063049809], [-15.135737270558813, 16.587282416240779], [-14.577347581428977, 16.598263658102805], [-14.099521450242175, 16.304302273010489], [-13.43573767745306, 16.039383042866188], [-12.830658331747513, 15.303691514542942], [-12.170750291380299, 14.616834214735503], [-12.124887457721256, 13.994727484589784], [-11.927716030311613, 13.422075100147392], [-11.553397793005427, 13.141213690641063], [-11.467899135778522, 12.754518947800973], [-11.513942836950587, 12.442987575729415], [-11.658300950557928, 12.386582749882834], [-12.20356482588563, 12.465647691289401], [-12.278599005573438, 12.354440008997285], [-12.499050665730561, 12.332089952031053], [-13.217818162478235, 12.575873521367964], [-13.700476040084322, 12.586182969610192], [-15.548476935274005, 12.628170070847343], [-15.816574266004251, 12.515567124883345], [-16.147716844130581, 12.547761542201185], [-16.67745195155457, 12.38485158940105], [-16.84152462408127, 13.151393947802557], [-15.931295945692208, 13.130284125211331], [-15.691000535534991, 13.270353094938455], [-15.511812506562931, 13.278569647672864], [-15.141163295949463, 13.509511623585235], [-14.712197231494626, 13.298206691943774], [-14.277701788784553, 13.28058502853224], [-13.844963344772404, 13.505041612191999], [-14.046992356817478, 13.794067898000446], [-14.376713833055785, 13.625680243377371], [-14.687030808968483, 13.63035696049978], [-15.081735398813816, 13.876491807505982], [-15.398770310924457, 13.860368760630916], [-15.624596320039936, 13.623587347869556], [-16.713728807023468, 13.594958604379853]]] } },
+            { "type": "Feature", "properties": { "admin": "Solomon Islands", "name": "Solomon Is.", "continent": "Oceania" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[162.119024693040842, -10.482719008021133], [162.398645868172196, -10.826367282762119], [161.700032180018354, -10.820011081590222], [161.319796991214702, -10.204751478723123], [161.917383254237933, -10.446700534713653], [162.119024693040842, -10.482719008021133]]], [[[160.852228631837903, -9.872937106977002], [160.462588332357228, -9.89520964929484], [159.849447463214176, -9.794027194867367], [159.640002883135139, -9.639979750205269], [159.70294477766663, -9.242949720906777], [160.362956170898428, -9.400304457235533], [160.688517694337179, -9.610162448772808], [160.852228631837903, -9.872937106977002]]], [[[161.679981724289121, -9.599982191611373], [161.52939660059053, -9.784312025596433], [160.788253208660507, -8.917543226764918], [160.579997186524338, -8.320008640173965], [160.92002811100491, -8.320008640173965], [161.280006138349961, -9.120011488484449], [161.679981724289121, -9.599982191611373]]], [[[159.875027297198585, -8.337320244991714], [159.917401971677975, -8.538289890174864], [159.133677199539335, -8.114181410355398], [158.586113722974687, -7.754823500197713], [158.211149530264834, -7.421872246941147], [158.359977655265425, -7.320017998893915], [158.820001255527671, -7.56000335045739], [159.640002883135139, -8.020026950719567], [159.875027297198585, -8.337320244991714]]], [[[157.53842573468927, -7.347819919466928], [157.339419793933217, -7.404767347852554], [156.902030471014768, -7.176874281445391], [156.491357863591304, -6.765943291860394], [156.542827590153934, -6.599338474151478], [157.140000441718882, -7.021638278840653], [157.53842573468927, -7.347819919466928]]]] } },
+            { "type": "Feature", "properties": { "admin": "Sierra Leone", "name": "Sierra Leone", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[-11.438779466182053, 6.785916856305746], [-11.708194545935736, 6.860098374860724], [-12.428098924193815, 7.262942002792029], [-12.949049038128193, 7.798645738145736], [-13.124025437868479, 8.163946438016977], [-13.246550258832512, 8.903048610871506], [-12.711957566773076, 9.342711696810765], [-12.596719122762206, 9.620188300001969], [-12.425928514037562, 9.835834051955953], [-12.150338100625003, 9.858571682164378], [-11.917277390988655, 10.046983954300556], [-11.117481248407328, 10.045872911006283], [-10.839151984083299, 9.688246161330367], [-10.622395188835037, 9.267910061068276], [-10.65477047366589, 8.977178452994194], [-10.494315151399629, 8.715540676300433], [-10.505477260774667, 8.348896389189603], [-10.230093553091276, 8.406205552601291], [-10.695594855176477, 7.939464016141085], [-11.14670427086838, 7.396706447779534], [-11.199801805048278, 7.105845648624735], [-11.438779466182053, 6.785916856305746]]] } },
+            { "type": "Feature", "properties": { "admin": "El Salvador", "name": "El Salvador", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-87.793111131526558, 13.384480495655051], [-87.904112108089507, 13.149016831917134], [-88.483301561216791, 13.163951320849488], [-88.843227912129692, 13.259733588102474], [-89.256742723329282, 13.4585328231293], [-89.812393561547637, 13.520622056527994], [-90.095554572290951, 13.73533763270073], [-90.064677903996568, 13.881969509328924], [-89.7219339668207, 14.134228013561694], [-89.5342193265205, 14.244815578666302], [-89.587342698916544, 14.362586167859485], [-89.353325975282772, 14.424132798719112], [-89.058511929057644, 14.340029405164085], [-88.843072882832814, 14.140506700085169], [-88.541230841815974, 13.980154730683475], [-88.50399797234968, 13.845485948130854], [-88.065342576840123, 13.964625962779774], [-87.859515347021585, 13.893312486216979], [-87.723502977229387, 13.785050360565503], [-87.793111131526558, 13.384480495655051]]] } },
+            { "type": "Feature", "properties": { "admin": "Somaliland", "name": "Somaliland", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[48.938129510296491, 9.451748968946672], [48.486735874226994, 8.837626247589979], [47.78942, 8.003], [46.948328484897942, 7.996876532417386], [43.67875, 9.183580000000116], [43.296975132018744, 9.540477403191742], [42.92812, 10.021940000000139], [42.55876, 10.572580000000126], [42.776851841000948, 10.926878566934416], [43.145304803242126, 11.462039699748853], [43.470659620951658, 11.27770986576388], [43.666668328634834, 10.864169216348158], [44.117803582542805, 10.445538438351603], [44.614259067570849, 10.442205308468941], [45.556940545439133, 10.698029486529775], [46.645401238802997, 10.816549383991171], [47.525657586462778, 11.127228094929986], [48.021596307167769, 11.193063869669741], [48.378783807169263, 11.375481675660122], [48.948206414593457, 11.410621649618516], [48.942005242718423, 11.394266058798163], [48.938491245322595, 10.982327378783451], [48.938232863161076, 9.973500067581481], [48.938129510296491, 9.451748968946672]]] } },
+            { "type": "Feature", "properties": { "admin": "Somalia", "name": "Somalia", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[49.72862, 11.5789], [50.25878, 11.67957], [50.73202, 12.0219], [51.1112, 12.02464], [51.13387, 11.74815], [51.04153, 11.16651], [51.04531, 10.6409], [50.83418, 10.27972], [50.55239, 9.19874], [50.07092, 8.08173], [49.4527, 6.80466], [48.59455, 5.33911], [47.74079, 4.2194], [46.56476, 2.85529], [45.56399, 2.04576], [44.06815, 1.05283], [43.13597, 0.2922], [42.04157, -0.91916], [41.81095, -1.44647], [41.58513, -1.68325], [40.993, -0.85829], [40.98105, 2.78452], [41.855083092643966, 3.918911920483726], [42.12861, 4.23413], [42.76967, 4.25259], [43.66087, 4.95755], [44.9636, 5.00162], [47.78942, 8.003], [48.486735874226937, 8.837626247589993], [48.938129510296442, 9.451748968946616], [48.938232863161026, 9.973500067581508], [48.938491245322481, 10.982327378783465], [48.942005242718345, 11.394266058798136], [48.948204758509732, 11.410617281697961], [49.26776, 11.43033], [49.72862, 11.5789]]] } },
+            { "type": "Feature", "properties": { "admin": "Republic of Serbia", "name": "Serbia", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[20.874312778413408, 45.416375433934306], [21.483526238702204, 45.181170152357865], [21.562022739353718, 44.768947251965635], [22.145087924902892, 44.478422349620573], [22.459022251075961, 44.702517198254426], [22.705725538837434, 44.578002834647002], [22.47400841644065, 44.409227606781762], [22.657149692483067, 44.234923000661347], [22.410446404721593, 44.008063462900047], [22.500156691180219, 43.642814439460999], [22.986018507588479, 43.211161200527094], [22.604801466571352, 42.898518785161109], [22.43659467946139, 42.580321153323943], [22.545011834409642, 42.461362006188025], [22.380525750424674, 42.320259507815074], [21.917080000000105, 42.30364], [21.576635989402117, 42.245224397061847], [21.54332, 42.32025], [21.66292, 42.43922], [21.77505, 42.6827], [21.63302, 42.67717], [21.43866, 42.86255], [21.27421, 42.90959], [21.143395, 43.068685000000123], [20.95651, 43.13094], [20.81448, 43.27205], [20.63508, 43.21671], [20.49679, 42.88469], [20.25758, 42.81275], [20.3398, 42.89852], [19.95857, 43.10604], [19.63, 43.213779970270522], [19.48389, 43.35229], [19.21852, 43.52384], [19.454, 43.568100000000115], [19.59976, 44.03847], [19.11761, 44.42307], [19.36803, 44.863], [19.00548, 44.86023], [19.390475701584588, 45.236515611342369], [19.072768995854172, 45.521511135432078], [18.82982, 45.90888], [19.596044549241636, 46.171729844744547], [20.22019249846289, 46.127468980486569], [20.76217492033998, 45.734573065771478], [20.874312778413408, 45.416375433934306]]] } },
+            { "type": "Feature", "properties": { "admin": "Suriname", "name": "Suriname", "continent": "South America" }, "geometry": { "type": "Polygon", "coordinates": [[[-57.147436489476874, 5.973149929219161], [-55.949318406789786, 5.772877915872], [-55.841779751190408, 5.953125311706059], [-55.033250291551759, 6.025291449401662], [-53.958044603070888, 5.756548163267764], [-54.478632981979224, 4.896755682795585], [-54.3995422023565, 4.212611395683466], [-54.006930508018996, 3.620037746592558], [-54.181726040246261, 3.189779771330421], [-54.269705166223183, 2.732391669115046], [-54.524754197799709, 2.311848863123785], [-55.097587449755125, 2.523748073736612], [-55.569755011605984, 2.42150625244713], [-55.973322109589361, 2.510363877773016], [-56.073341844290283, 2.220794989425499], [-55.905600145070871, 2.021995754398659], [-55.995698004771739, 1.817667141116601], [-56.53938574891454, 1.89952260986692], [-57.150097825739898, 2.768926906745406], [-57.281433478409703, 3.333491929534119], [-57.601568976457848, 3.334654649260684], [-58.044694383360664, 4.060863552258382], [-57.860209520078691, 4.576801052260449], [-57.914288906472123, 4.812626451024413], [-57.307245856339492, 5.073566595882225], [-57.147436489476874, 5.973149929219161]]] } },
+            { "type": "Feature", "properties": { "admin": "Slovakia", "name": "Slovakia", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[18.85314415861361, 49.496229763377634], [18.909574822676316, 49.435845852244562], [19.320712517990469, 49.571574001659179], [19.825022820726865, 49.217125352569219], [20.415839471119849, 49.431453355499755], [20.887955356538406, 49.328772284535823], [21.607808058364206, 49.470107326854077], [22.558137648211751, 49.08573802346713], [22.280841912533553, 48.825392157580659], [22.085608351334848, 48.422264309271782], [21.872236362401729, 48.319970811550007], [20.801293979584919, 48.62385407164237], [20.473562045989862, 48.562850043321809], [20.239054396249344, 48.327567247096916], [19.769470656013109, 48.2026911484636], [19.66136355965849, 48.266614895208647], [19.174364861739885, 48.111378892603859], [18.777024773847668, 48.081768296900627], [18.696512892336923, 47.88095368101439], [17.857132602620023, 47.758428860050365], [17.488472934649813, 47.867466132186209], [16.979666782304033, 48.123497015976298], [16.879982944412998, 48.470013332709463], [16.960288120194573, 48.596982326850593], [17.101984897538895, 48.8169688991171], [17.545006951577101, 48.800019029325362], [17.886484816161808, 48.903475246773695], [17.913511590250462, 48.996492824899072], [18.104972771891848, 49.043983466175298], [18.170498488037961, 49.271514797556421], [18.399993523846174, 49.315000515330034], [18.554971144289478, 49.495015367218777], [18.85314415861361, 49.496229763377634]]] } },
+            { "type": "Feature", "properties": { "admin": "Slovenia", "name": "Slovenia", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[13.806475457421524, 46.509306138691201], [14.632471551174827, 46.431817328469535], [15.137091912504982, 46.658702704447016], [16.011663852612653, 46.683610744811688], [16.202298211337361, 46.852385972676949], [16.370504998447412, 46.841327216166498], [16.564808383864854, 46.503750922219822], [15.768732944408548, 46.238108222023442], [15.671529575267552, 45.834153550797865], [15.323953891672403, 45.731782538427673], [15.327674594797424, 45.452316392593218], [14.935243767972931, 45.471695054702671], [14.595109490627804, 45.6349409043127], [14.411968214585411, 45.466165676447446], [13.715059848697221, 45.500323798192369], [13.937630242578305, 45.591015936864608], [13.698109978905475, 46.016778062517339], [13.806475457421524, 46.509306138691201]]] } },
+            { "type": "Feature", "properties": { "admin": "Sweden", "name": "Sweden", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[22.183173455501922, 65.723740546320158], [21.213516879977213, 65.02600535751526], [21.369631381930954, 64.413587958424273], [19.778875766690216, 63.609554348395022], [17.847779168375208, 62.749400132896803], [17.11955488451812, 61.341165676510954], [17.831346062906388, 60.636583360427394], [18.787721795332086, 60.081914374422581], [17.869224887776337, 58.95376618105869], [16.829185011470084, 58.719826972073385], [16.44770958829147, 57.041118069071871], [15.87978559740378, 56.104301866268649], [14.666681349352071, 56.20088511822216], [14.100721062891461, 55.407781073622637], [12.942910597392054, 55.361737372450563], [12.625100538797025, 56.307080186581956], [11.787942335668671, 57.441817125063061], [11.027368605196866, 58.856149400459344], [11.468271925511145, 59.432393296946024], [12.300365838274896, 60.117932847730025], [12.631146681375181, 61.293571682370121], [11.992064243221559, 61.800362453856543], [11.930569288794228, 63.128317572676963], [12.57993533697393, 64.066218980558318], [13.571916131248711, 64.049114081469696], [13.9199052263022, 64.445420640716065], [13.555689731509087, 64.7870276963815], [15.108411492582999, 66.19386688909546], [16.108712192456775, 67.302455552836875], [16.768878614985478, 68.013936672631388], [17.729181756265344, 68.010551866316263], [17.993868442464329, 68.567391262477344], [19.878559604581248, 68.407194322372561], [20.025268995857882, 69.065138658312691], [20.645592889089521, 69.106247260200846], [21.978534783626113, 68.616845608180682], [23.539473097434435, 67.936008612735236], [23.565879754335576, 66.396050930437411], [23.903378533633795, 66.006927395279604], [22.183173455501922, 65.723740546320158]]] } },
+            { "type": "Feature", "properties": { "admin": "Swaziland", "name": "Swaziland", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[32.071665480281062, -26.733820082304902], [31.868060337051073, -27.17792734142127], [31.282773064913325, -27.285879408478991], [30.685961948374477, -26.743845310169526], [30.676608514129633, -26.398078301704604], [30.949666782359905, -26.022649021104144], [31.044079624157146, -25.731452325139436], [31.333157586397899, -25.660190525008943], [31.837777947728057, -25.843331801051342], [31.985779249811962, -26.29177988048022], [32.071665480281062, -26.733820082304902]]] } },
+            { "type": "Feature", "properties": { "admin": "Syria", "name": "Syria", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[38.792340529136077, 33.378686428352218], [36.834062127435537, 32.312937526980768], [35.719918247222743, 32.709192409794859], [35.700797967274745, 32.716013698857374], [35.836396925608618, 32.868123277308506], [35.821100701650231, 33.277426459276292], [36.066460402172048, 33.824912421192543], [36.611750115715886, 34.201788641897174], [36.448194207512095, 34.59393524834406], [35.998402540843628, 34.644914048799997], [35.905023227692219, 35.410009467097318], [36.149762811026527, 35.821534735653664], [36.417550083163029, 36.040616970355053], [36.685389031731795, 36.259699205056457], [36.739494256341395, 36.817520453431079], [37.066761102045824, 36.623036200500614], [38.167727492024191, 36.901210435527766], [38.699891391765895, 36.712927354472335], [39.522580193852541, 36.716053778625984], [40.673259311695681, 37.091276353497285], [41.212089471203043, 37.074352321921687], [42.349591098811764, 37.22987254490409], [41.837064243340954, 36.605853786763568], [41.289707472505448, 36.358814602192261], [41.383965285005807, 35.628316555314349], [41.00615888851992, 34.419372260062111], [38.792340529136077, 33.378686428352218]]] } },
+            { "type": "Feature", "properties": { "admin": "Chad", "name": "Chad", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[14.495787387762899, 12.859396267137353], [14.595781284247604, 13.330426947477859], [13.954476759505607, 13.353448798063765], [13.956698846094124, 13.996691189016925], [13.540393507550785, 14.36713369390122], [13.97217, 15.68437], [15.247731154041842, 16.627305813050778], [15.300441114979716, 17.927949937405], [15.68574059414777, 19.957180080642384], [15.90324669766431, 20.387618923417499], [15.487148064850143, 20.730414537025634], [15.47106, 21.04845], [15.096887648181847, 21.308518785074902], [14.8513, 22.862950000000119], [15.86085, 23.40972], [19.84926, 21.49509], [23.837660000000135, 19.580470000000101], [23.886890000000101, 15.61084], [23.02459, 15.68072], [22.567950000000106, 14.944290000000134], [22.30351, 14.32682], [22.51202, 14.09318], [22.18329, 13.78648], [22.29658, 13.37232], [22.03759, 12.95546], [21.93681, 12.588180000000133], [22.28801, 12.64605], [22.49762, 12.26024], [22.50869, 11.67936], [22.87622, 11.384610000000119], [22.864165480244246, 11.142395127807616], [22.231129184668756, 10.971888739460608], [21.723821648859538, 10.567055568885959], [21.000868361096305, 9.475985215691479], [20.059685499764267, 9.012706000194838], [19.094008009526071, 9.074846910025768], [18.81200971850927, 8.982914536978623], [18.911021762780589, 8.630894680206435], [18.389554884523303, 8.281303615751879], [17.964929640380884, 7.890914008002992], [16.705988396886365, 7.508327541529978], [16.4561845231874, 7.734773667832938], [16.290561557691884, 7.754307359239417], [16.106231723706738, 7.497087917506461], [15.279460483469164, 7.42192454673801], [15.436091749745737, 7.692812404811887], [15.120865512765302, 8.382150173369437], [14.979995558337688, 8.796104234243442], [14.544466586981851, 8.965861314322238], [13.954218377344088, 9.549494940626685], [14.17146609869911, 10.021378282100043], [14.627200555081057, 9.920919297724591], [14.909353875394796, 9.992129421422758], [15.46787275560524, 9.982336737503543], [14.923564894275042, 10.891325181517514], [14.960151808337679, 11.555574042197234], [14.89336, 12.21905], [14.495787387762899, 12.859396267137353]]] } },
+            { "type": "Feature", "properties": { "admin": "Togo", "name": "Togo", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[1.865240512712318, 6.14215770102973], [1.060121697604927, 5.928837388528875], [0.836931186536333, 6.279978745952147], [0.570384148774849, 6.914358628767188], [0.490957472342245, 7.411744289576474], [0.712029249686878, 8.312464504423827], [0.461191847342121, 8.677222601756013], [0.365900506195885, 9.46500397382948], [0.367579990245389, 10.191212876827176], [-0.049784715159944, 10.706917832883928], [0.023802524423701, 11.018681748900802], [0.899563022474069, 10.997339382364258], [0.772335646171484, 10.470808213742357], [1.077795037448737, 10.175606594275022], [1.425060662450136, 9.825395412632998], [1.46304284018467, 9.334624335157086], [1.664477573258381, 9.128590399609378], [1.618950636409238, 6.832038072126236], [1.865240512712318, 6.14215770102973]]] } },
+            { "type": "Feature", "properties": { "admin": "Thailand", "name": "Thailand", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[102.58493248902667, 12.186594956913279], [101.687157830819928, 12.645740057826568], [100.831809523524839, 12.627084865769204], [100.978467238369191, 13.412721665902563], [100.097797479251099, 13.406856390837429], [100.018732537844528, 12.307001044153353], [99.478920526123602, 10.846366685423545], [99.153772414143134, 9.963061428258554], [99.222398716226749, 9.239255479362425], [99.873831821698118, 9.207862046745118], [100.279646844486194, 8.29515289960605], [100.45927412313273, 7.429572658717175], [101.017327915452697, 6.856868597842476], [101.623079054778032, 6.740622463401918], [102.141186964936367, 6.221636053894626], [101.81428185425797, 5.810808417174242], [101.154218784593837, 5.691384182147713], [101.075515578213327, 6.20486705161592], [100.259596388756933, 6.642824815289542], [100.085756870527092, 6.46448944745029], [99.690690545655727, 6.848212795433595], [99.519641554769606, 7.343453884302759], [98.988252801512289, 7.907993068875325], [98.503786248775967, 8.382305202666286], [98.339661899816988, 7.794511623562384], [98.150009393305808, 8.350007432483876], [98.259150018306229, 8.973922837759799], [98.553550653073017, 9.932959906448543], [99.038120558673953, 10.960545762572435], [99.587286004639694, 11.892762762901695], [99.196353794351637, 12.804748439988666], [99.212011753336071, 13.269293728076462], [99.097755161538728, 13.827502549693275], [98.430819126379859, 14.622027696180831], [98.192074009191373, 15.123702500870349], [98.537375929765687, 15.308497422746081], [98.90334842325673, 16.177824204976115], [98.493761020911322, 16.837835598207928], [97.859122755934848, 17.567946071843657], [97.375896437573516, 18.445437730375811], [97.797782830804394, 18.627080389881751], [98.253723992915582, 19.708203029860041], [98.959675734454848, 19.752980658440944], [99.543309360759281, 20.186597601802056], [100.115987583417819, 20.41784963630818], [100.548881056726856, 20.109237982661124], [100.606293573003128, 19.508344427971217], [101.282014601651667, 19.462584947176762], [101.035931431077742, 18.408928330961611], [101.059547560635139, 17.512497259994486], [102.113591750092453, 18.109101670804161], [102.413004998791592, 17.932781683824281], [102.998705682387694, 17.961694647691598], [103.200192091893726, 18.309632066312769], [103.956476678485288, 18.240954087796872], [104.716947056092465, 17.428858954330078], [104.779320509868768, 16.441864935771445], [105.589038527450128, 15.570316066952856], [105.544338413517664, 14.723933620660414], [105.218776890078871, 14.27321177821069], [104.281418084736586, 14.416743068901363], [102.988422072361601, 14.225721136934464], [102.348099399833004, 13.39424734135822], [102.58493248902667, 12.186594956913279]]] } },
+            { "type": "Feature", "properties": { "admin": "Tajikistan", "name": "Tajikistan", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[71.014198032520156, 40.244365546218226], [70.648018833299957, 39.935753892571157], [69.559609816368507, 40.103211371412968], [69.464886915977516, 39.526683254548693], [70.549161818325601, 39.604197902986492], [71.784693637991992, 39.279463202464363], [73.67537926625478, 39.431236884105594], [73.928852166646408, 38.505815334622724], [74.257514276022718, 38.606506862943441], [74.864815708316812, 38.378846340481587], [74.829985792952087, 37.990007025701388], [74.980002475895404, 37.419990139305888], [73.948695916646486, 37.421566270490786], [73.260055779924983, 37.495256862938994], [72.636889682917271, 37.047558091778349], [72.193040805962383, 36.94828766534566], [71.84463829945058, 36.738171291646914], [71.448693475230229, 37.065644843080513], [71.541917759084768, 37.905774441065631], [71.239403924448155, 37.953265082341879], [71.348131137990251, 38.258905341132156], [70.806820509732873, 38.486281643216408], [70.376304152309274, 38.138395901027515], [70.270574171840124, 37.73516469985401], [70.116578403610319, 37.588222764632086], [69.518785434857946, 37.608996690413413], [69.196272820924364, 37.15114350030742], [68.859445835245921, 37.344335842430588], [68.135562371701369, 37.023115139304302], [67.829999627559502, 37.144994004864678], [68.392032505165943, 38.157025254868728], [68.176025018185911, 38.901553453113898], [67.442219679641298, 39.140143541005479], [67.701428664017342, 39.580478420564518], [68.536416456989414, 39.533452867178923], [69.011632928345477, 40.086158148756653], [69.329494663372813, 40.727824408524839], [70.666622348925031, 40.960213324541407], [70.458159621059608, 40.49649485937028], [70.601406691372674, 40.218527330072284], [71.014198032520156, 40.244365546218226]]] } },
+            { "type": "Feature", "properties": { "admin": "Turkmenistan", "name": "Turkmenistan", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[61.21081709172573, 35.650072333309218], [61.123070509694131, 36.491597194966239], [60.377637973883864, 36.52738312432836], [59.234761997316795, 37.412987982730336], [58.436154412678192, 37.522309475243794], [57.330433790928964, 38.029229437810933], [56.619366082592805, 38.121394354803478], [56.180374790273319, 37.935126654607423], [55.511578403551894, 37.964117133123153], [54.800303989486558, 37.392420762678178], [53.921597934795543, 37.198918361961255], [53.735511102112504, 37.906136176091685], [53.880928582581831, 38.952093003895349], [53.101027866432894, 39.290573635407121], [53.357808058491216, 39.975286363274442], [52.693972609269807, 40.033629055331964], [52.91525109234361, 40.87652334244472], [53.85813927594112, 40.631034450842165], [54.736845330632136, 40.951014919593455], [54.0083109881813, 41.551210842447404], [53.721713494690576, 42.123191433270016], [52.916749708880069, 41.868116563477322], [52.81468875510361, 41.135370591794704], [52.502459751196135, 41.783315538086356], [52.94429324729164, 42.116034247397586], [54.079417759014937, 42.324109402020817], [54.755345493392625, 42.04397146256656], [55.455251092353755, 41.259859117185826], [55.968191359282898, 41.308641669269356], [57.096391229079089, 41.32231008561056], [56.93221520368779, 41.82602610937559], [57.786529982337065, 42.170552883465511], [58.629010857991453, 42.751551011723045], [59.976422153569771, 42.223081976890199], [60.083340691981654, 41.425146185871391], [60.46595299667068, 41.22032664648254], [61.547178989513547, 41.2663703476546], [61.882714064384679, 41.084856879229392], [62.374260288344992, 40.053886216790382], [63.518014764261018, 39.363256537425627], [64.170223016216752, 38.892406724598231], [65.215998976507379, 38.402695013984292], [66.546150343700205, 37.974684963526855], [66.518606805288655, 37.362784328758785], [66.217384881459324, 37.393790188133913], [65.745630731066811, 37.661164048812061], [65.588947788357828, 37.305216783185628], [64.746105177677393, 37.111817735333297], [64.546479119733888, 36.31207326918426], [63.982895949158696, 36.007957465146596], [63.193538445900337, 35.857165635718907], [62.984662306576588, 35.404040839167614], [62.230651483005879, 35.270663967422287], [61.21081709172573, 35.650072333309218]]] } },
+            { "type": "Feature", "properties": { "admin": "East Timor", "name": "Timor-Leste", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[124.96868248911619, -8.892790215697081], [125.086246372580248, -8.656887302284678], [125.947072381698234, -8.432094821815033], [126.64470421763852, -8.39824675866385], [126.957243280139792, -8.273344821814396], [127.335928175974615, -8.397316582882601], [126.967991978056517, -8.668256117388891], [125.925885044458568, -9.106007175333351], [125.088520135601073, -9.393173109579292], [125.070019972840583, -9.08998748132287], [124.96868248911619, -8.892790215697081]]] } },
+            { "type": "Feature", "properties": { "admin": "Trinidad and Tobago", "name": "Trinidad and Tobago", "continent": "North America" }, "geometry": { "type": "Polygon", "coordinates": [[[-61.68, 10.76], [-61.105, 10.89], [-60.895, 10.855], [-60.935, 10.11], [-61.77, 10.0], [-61.95, 10.09], [-61.66, 10.365], [-61.68, 10.76]]] } },
+            { "type": "Feature", "properties": { "admin": "Tunisia", "name": "Tunisia", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[9.482139926805273, 30.307556057246181], [9.055602654668148, 32.102691962201284], [8.439102817426116, 32.506284898400814], [8.430472853233367, 32.748337307255944], [7.612641635782181, 33.344114895148955], [7.524481642292242, 34.097376410451453], [8.140981479534302, 34.655145982393783], [8.376367628623766, 35.479876003555937], [8.217824334352313, 36.433176988260271], [8.420964389691674, 36.946427313783154], [9.509993523810605, 37.349994411766531], [10.210002475636315, 37.230001735984807], [10.180650262094529, 36.724037787415071], [11.028867221733348, 37.09210317641395], [11.100025668999249, 36.899996039368908], [10.600004510143092, 36.410000108377368], [10.593286573945134, 35.947444362932806], [10.939518670300686, 35.698984076473486], [10.807847120821007, 34.833507188449182], [10.149592726287123, 34.330773016897702], [10.339658644256613, 33.785741685515312], [10.856836378633684, 33.768740139291275], [11.108500603895118, 33.293342800422188], [11.488787469131008, 33.136995754523134], [11.432253452203692, 32.368903103152867], [10.944789666394453, 32.081814683555358], [10.636901482799484, 31.761420803345747], [9.950225050505081, 31.376069647745251], [10.056575148161752, 30.961831366493595], [9.97001712407285, 30.539324856075236], [9.482139926805273, 30.307556057246181]]] } },
+            { "type": "Feature", "properties": { "admin": "Turkey", "name": "Turkey", "continent": "Asia" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[36.913127068842151, 41.335358384764291], [38.347664829264502, 40.948586127275711], [39.512606642420238, 41.102762763018561], [40.373432651538245, 41.013672593747337], [41.554084100110707, 41.535656236327604], [42.619548781104548, 41.58317271581992], [43.582745802592704, 41.09214325618256], [43.752657911968491, 40.740200914058811], [43.656436395040963, 40.253563951166157], [44.400008579288759, 40.005000311842302], [44.79398969908199, 39.713002631177027], [44.109225294782355, 39.428136298168049], [44.421402622257595, 38.281281236314513], [44.225755649600522, 37.971584377589345], [44.772699008977739, 37.170444647768441], [44.293451775902852, 37.001514390606353], [43.942258742047343, 37.256227525372928], [42.77912560402185, 37.385263576805798], [42.349591098811764, 37.229872544904104], [41.212089471203015, 37.074352321921729], [40.673259311695702, 37.091276353497356], [39.522580193852512, 36.716053778626012], [38.699891391765917, 36.712927354472313], [38.167727492024156, 36.90121043552778], [37.066761102045824, 36.623036200500614], [36.739494256341366, 36.817520453431108], [36.685389031731816, 36.259699205056499], [36.417550083163086, 36.040616970355096], [36.149762811026584, 35.821534735653664], [35.782084995269848, 36.274995429014915], [36.160821567537049, 36.650605577128367], [35.550936313628334, 36.565442816711325], [34.714553256984367, 36.795532131490909], [34.026894972476455, 36.219960028623966], [32.509158156064096, 36.107563788389193], [31.69959516777956, 36.644275214172602], [30.621624790171062, 36.677864895162308], [30.391096225717114, 36.262980658506983], [29.69997562024556, 36.144357408181001], [28.732902866335387, 36.676831366516431], [27.641186557737363, 36.658822129862749], [27.048767937943289, 37.653360907536005], [26.318218214633042, 38.208133246405382], [26.804700148228726, 38.985760199533551], [26.170785353304375, 39.463612168936457], [27.280019972449388, 40.420013739578302], [28.819977654747209, 40.460011298172212], [29.240003696415574, 41.219990749672682], [31.145933872204434, 41.087621568357058], [32.347979363745786, 41.736264146484629], [33.513282911927512, 42.018960069337304], [35.167703891751863, 42.040224921225438], [36.913127068842151, 41.335358384764291]]], [[[27.192376743282406, 40.690565700842448], [26.358009067497782, 40.151993923496477], [26.043351271272535, 40.617753607743161], [26.056942172965332, 40.824123440100735], [26.294602085075692, 40.936261298174166], [26.604195590936282, 41.562114569661013], [26.117041863720825, 41.826904608724554], [27.135739373490505, 42.141484890301307], [27.996720411905407, 42.007358710287768], [28.115524529744441, 41.622886054036279], [28.988442824018779, 41.299934190428175], [28.806438429486743, 41.05496206314853], [27.619017368284112, 40.999823309893102], [27.192376743282406, 40.690565700842448]]]] } },
+            { "type": "Feature", "properties": { "admin": "Taiwan", "name": "Taiwan", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[121.777817824389899, 24.394273586519393], [121.175632358892713, 22.790857245367164], [120.747079705896198, 21.970571397382106], [120.220083449383651, 22.814860948166732], [120.106188592612369, 23.556262722258229], [120.694679803552233, 24.53845083261373], [121.49504438688875, 25.295458889257379], [121.951243931161429, 24.997595933527034], [121.777817824389899, 24.394273586519393]]] } },
+            { "type": "Feature", "properties": { "admin": "United Republic of Tanzania", "name": "Tanzania", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[33.903711197104592, -0.95], [34.07262, -1.05982], [37.69869, -3.09699], [37.7669, -3.67712], [39.20222, -4.67677], [38.74054, -5.90895], [38.79977, -6.47566], [39.44, -6.84], [39.470000000000134, -7.1], [39.19469, -7.7039], [39.25203, -8.00781], [39.18652, -8.48551], [39.53574, -9.112369999999883], [39.9496, -10.0984], [40.31659, -10.317099999999867], [39.521, -10.89688], [38.427556593587767, -11.285202325081626], [37.82764, -11.26879], [37.47129, -11.56876], [36.775150994622884, -11.59453744878078], [36.514081658684397, -11.720938002166745], [35.312397902169145, -11.439146416879165], [34.559989047999451, -11.520020033415845], [34.28, -10.16], [33.940837724096518, -9.693673841980283], [33.73972, -9.41715], [32.759375441221373, -9.230599053589001], [32.191864861791935, -8.930358981973255], [31.556348097466628, -8.762048841998647], [31.157751336950064, -8.594578747317312], [30.74, -8.34], [30.2, -7.08], [29.62, -6.52], [29.419992710088305, -5.939998874539297], [29.519986606573063, -5.419978936386257], [29.339997592900367, -4.499983412294113], [29.753512404099858, -4.452389418153301], [30.11632, -4.09012], [30.50554, -3.56858], [30.75224, -3.35931], [30.74301, -3.03431], [30.52766, -2.80762], [30.46967, -2.41383], [30.758308953583132, -2.287250257988375], [30.816134881317844, -1.698914076345374], [30.419104852019291, -1.134659112150416], [30.769860000000101, -1.01455], [31.86617, -1.02736], [33.903711197104592, -0.95]]] } },
+            { "type": "Feature", "properties": { "admin": "Uganda", "name": "Uganda", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[31.86617, -1.02736], [30.769860000000101, -1.01455], [30.419104852019291, -1.134659112150416], [29.821518588996121, -1.443322442229771], [29.579466180141019, -1.341313164885605], [29.587837762172164, -0.587405694179381], [29.8195, -0.2053], [29.875778842902431, 0.597379868976361], [30.086153598762785, 1.062312730306416], [30.468507521290285, 1.583805446779706], [30.852670118948133, 1.849396470543752], [31.174149204235952, 2.204465236821306], [30.77332, 2.339890000000139], [30.83385, 3.50917], [31.24556, 3.7819], [31.88145, 3.55827], [32.68642, 3.79232], [33.39, 3.79], [34.005, 4.249884947362147], [34.47913, 3.5556], [34.59607, 3.053740000000118], [35.03599, 1.90584], [34.6721, 1.17694], [34.18, 0.515], [33.893568969666994, 0.109813537861839], [33.903711197104592, -0.95], [31.86617, -1.02736]]] } },
+            { "type": "Feature", "properties": { "admin": "Ukraine", "name": "Ukraine", "continent": "Europe" }, "geometry": { "type": "Polygon", "coordinates": [[[31.78599816257158, 52.10167796488544], [32.159412062312661, 52.061266994833204], [32.412058139787625, 52.288694973349735], [32.715760532366964, 52.238465481162038], [33.7526998227357, 52.335074571331681], [34.391730584457001, 51.768881740925778], [34.141978387190385, 51.566413479206226], [34.22481570815426, 51.255993150428942], [35.022183058417873, 51.207572333371445], [35.377923618315116, 50.773955390010343], [35.35611616388794, 50.577197374059054], [36.62616784032533, 50.225590928745127], [37.393459506995065, 50.383953355503586], [38.01063113785689, 49.915661526074622], [38.59498823421341, 49.926461900423618], [40.069058465339097, 49.601055406281688], [40.080789015469342, 49.307429917999272], [39.674663934087526, 48.783818467801872], [39.895632358567575, 48.232405097031425], [39.738277622238819, 47.898937079451983], [38.770584751141186, 47.825608222029807], [38.255112339029743, 47.546400458356807], [38.223538038899413, 47.102189846375872], [37.42513715998998, 47.022220567404197], [36.759854770664383, 46.698700263040919], [35.823684523264816, 46.645964463887054], [34.962341749823871, 46.273196519549636], [35.020787794745978, 45.65121898048465], [35.51000857925316, 45.409993394546177], [36.529997999830151, 45.46998973243705], [36.334712762199146, 45.113215643893952], [35.239999220528112, 44.939996242851599], [33.882511020652878, 44.361478583344066], [33.326420932760037, 44.564877020844875], [33.546924269349446, 45.034770819674883], [32.454174432105496, 45.327466132176063], [32.630804477679128, 45.519185695978905], [33.588162062318382, 45.851568508480227], [33.298567335754704, 46.08059845639783], [31.744140252415171, 46.333347886737378], [31.675307244602401, 46.706245022155528], [30.748748813609094, 46.583100084003995], [30.37760867688888, 46.032410183285663], [29.603289015427425, 45.293308010431119], [29.149724969201646, 45.464925442072442], [28.679779493939371, 45.30403087013169], [28.233553501099035, 45.488283189468369], [28.48526940279276, 45.596907050145887], [28.659987420371575, 45.939986884131628], [28.933717482221621, 46.258830471372491], [28.862972446414055, 46.437889309263824], [29.072106967899288, 46.517677720722482], [29.170653924279879, 46.379262396828693], [29.759971958136383, 46.349987697935354], [30.024658644335364, 46.423936672545032], [29.838210076626289, 46.525325832701675], [29.908851759569295, 46.67436066343145], [29.559674106573105, 46.928582872091312], [29.415135125452732, 47.346645209332571], [29.050867954227321, 47.510226955752493], [29.122698195113024, 47.849095160506458], [28.670891147585163, 48.118148505234089], [28.259546746541837, 48.155562242213406], [27.52253746919515, 48.467119452501102], [26.857823520624798, 48.368210761094488], [26.619336785597788, 48.220726223333457], [26.197450392366925, 48.220881252630342], [25.945941196402394, 47.987148749374207], [25.207743361112986, 47.891056423527459], [24.866317172960571, 47.737525743188307], [24.402056105250374, 47.981877753280422], [23.760958286237404, 47.985598456405448], [23.142236362406798, 48.096341050806942], [22.710531447040488, 47.882193915389394], [22.640819939878746, 48.150239569687351], [22.085608351334848, 48.422264309271782], [22.280841912533553, 48.825392157580659], [22.558137648211751, 49.08573802346713], [22.776418898212619, 49.027395331409608], [22.518450148211596, 49.476773586619736], [23.426508416444388, 50.308505764357449], [23.922757195743259, 50.424881089878738], [24.029985792748899, 50.705406602575174], [23.52707075368437, 51.578454087930233], [24.005077752384206, 51.617443956094448], [24.553106316839511, 51.888461005249177], [25.327787713327005, 51.910656032918538], [26.337958611768549, 51.832288723347915], [27.454066196408426, 51.59230337178446], [28.241615024536564, 51.572227077839059], [28.617612745892242, 51.427713934934836], [28.992835320763522, 51.602044379271462], [29.254938185347921, 51.368234361366881], [30.157363722460889, 51.416138414101454], [30.55511722181145, 51.319503485715643], [30.619454380014837, 51.822806098022362], [30.927549269338975, 52.042353420614383], [31.78599816257158, 52.10167796488544]]] } },
+            { "type": "Feature", "properties": { "admin": "Uruguay", "name": "Uruguay", "continent": "South America" }, "geometry": { "type": "Polygon", "coordinates": [[[-57.625133429582945, -30.216294854454258], [-56.976025763564721, -30.109686374636119], [-55.97324459494093, -30.883075860316296], [-55.601510179249331, -30.853878676071385], [-54.572451544805105, -31.494511407193745], [-53.787951626182185, -32.047242526987617], [-53.209588995971529, -32.727666110974717], [-53.650543992718084, -33.202004082981823], [-53.373661668498229, -33.768377780900757], [-53.806425950726521, -34.396814874002224], [-54.935866054897716, -34.952646579733617], [-55.674089728403274, -34.752658786764066], [-56.215297003796053, -34.85983570733741], [-57.139685024633096, -34.430456231424238], [-57.817860683815489, -34.462547295877492], [-58.427074144104381, -33.909454441057569], [-58.349611172098854, -33.2631889788154], [-58.132647671121433, -33.040566908502008], [-58.142440355040748, -32.044503676076147], [-57.874937303281875, -31.016556084926201], [-57.625133429582945, -30.216294854454258]]] } },
+            { "type": "Feature", "properties": { "admin": "United States of America", "name": "United States", "continent": "North America" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[-155.54211, 19.08348], [-155.68817, 18.91619], [-155.93665, 19.05939], [-155.90806, 19.33888], [-156.07347, 19.70294], [-156.02368, 19.81422], [-155.85008, 19.97729], [-155.91907, 20.17395], [-155.86108, 20.26721], [-155.78505, 20.2487], [-155.40214, 20.07975], [-155.22452, 19.99302], [-155.06226, 19.8591], [-154.80741, 19.50871], [-154.83147, 19.45328], [-155.222169999999892, 19.23972], [-155.54211, 19.08348]]], [[[-156.07926, 20.64397], [-156.41445, 20.57241], [-156.58673, 20.783], [-156.70167, 20.8643], [-156.71055, 20.92676], [-156.61258, 21.01249], [-156.25711, 20.91745], [-155.99566, 20.76404], [-156.07926, 20.64397]]], [[[-156.75824, 21.17684], [-156.78933, 21.06873], [-157.32521, 21.09777], [-157.25027, 21.21958], [-156.75824, 21.17684]]], [[[-157.65283, 21.32217], [-157.70703, 21.26442], [-157.7786, 21.27729], [-158.12667, 21.31244], [-158.2538, 21.53919], [-158.29265, 21.57912], [-158.0252, 21.71696], [-157.94161, 21.65272], [-157.65283, 21.32217]]], [[[-159.34512, 21.982], [-159.46372, 21.88299], [-159.80051, 22.06533], [-159.74877, 22.1382], [-159.5962, 22.23618], [-159.36569, 22.21494], [-159.34512, 21.982]]], [[[-94.81758, 49.38905], [-94.639999999999858, 48.840000000000103], [-94.32914, 48.67074], [-93.63087, 48.60926], [-92.61, 48.45], [-91.64, 48.14], [-90.829999999999856, 48.27], [-89.6, 48.01], [-89.272917446636654, 48.019808254582834], [-88.378114183286513, 48.302917588893806], [-87.439792623300207, 47.94], [-86.461990831228135, 47.553338019392037], [-85.652363247403215, 47.220218817730498], [-84.876079881514855, 46.900083319682366], [-84.779238247399817, 46.637101955749117], [-84.54374874544564, 46.538684190449224], [-84.6049, 46.4396], [-84.3367, 46.408770000000104], [-84.142119513673279, 46.512225857115723], [-84.091851264161463, 46.275418606138253], [-83.890765347005654, 46.116926988299149], [-83.616130947590491, 46.116926988299149], [-83.469550747394621, 45.994686387712584], [-83.592850714843067, 45.816893622412543], [-82.550924648758169, 45.347516587905446], [-82.337763125431053, 44.44], [-82.137642381503952, 43.571087551439987], [-82.43, 42.98], [-82.899999999999878, 42.430000000000135], [-83.119999999999877, 42.08], [-83.141999681312555, 41.975681057292995], [-83.029810146806909, 41.832795722005997], [-82.690089280920162, 41.675105088867319], [-82.439277716791608, 41.675105088867319], [-81.277746548167059, 42.209025987306845], [-80.247447679347843, 42.36619985612267], [-78.939362148743683, 42.863611355148116], [-78.92, 42.965], [-79.009999999999863, 43.27], [-79.171673550111862, 43.466339423184301], [-78.720279914042365, 43.625089423184953], [-77.737885097957601, 43.629055589363382], [-76.820034145805565, 43.628784288093748], [-76.5, 44.018458893758599], [-76.375, 44.09631], [-75.31821, 44.81645000000016], [-74.867, 45.00048000000011], [-73.347829999999874, 45.00738], [-71.505059999999858, 45.0082], [-71.405, 45.255000000000123], [-71.08482, 45.305240000000154], [-70.659999999999783, 45.46], [-70.305, 45.915], [-69.99997, 46.69307], [-69.237216, 47.447781], [-68.905, 47.185], [-68.23444, 47.35486], [-67.79046, 47.06636], [-67.79134, 45.702810000000134], [-67.13741, 45.13753], [-66.96466, 44.809700000000149], [-68.03252, 44.3252], [-69.059999999999874, 43.98], [-70.116169999999897, 43.684050000000141], [-70.645475633410967, 43.090238348964043], [-70.81489, 42.8653], [-70.825, 42.335], [-70.494999999999891, 41.805], [-70.08, 41.78], [-70.185, 42.145], [-69.88497, 41.922830000000111], [-69.96503, 41.637170000000161], [-70.64, 41.475], [-71.12039, 41.494450000000164], [-71.859999999999829, 41.32], [-72.295, 41.27], [-72.87643, 41.22065], [-73.71, 40.931102351654481], [-72.24126, 41.119480000000138], [-71.944999999999808, 40.93], [-73.345, 40.63], [-73.982, 40.628], [-73.952325, 40.75075], [-74.25671, 40.47351], [-73.96244, 40.42763], [-74.17838, 39.70926], [-74.90604, 38.93954], [-74.98041, 39.1964], [-75.20002, 39.24845], [-75.52805, 39.4985], [-75.32, 38.96], [-75.071834764789784, 38.782032230179276], [-75.05673, 38.404120000000106], [-75.37747, 38.01551], [-75.94023, 37.21689], [-76.03127, 37.2566], [-75.722049999999783, 37.937050000000106], [-76.23287, 38.319215], [-76.35, 39.15], [-76.542725, 38.717615], [-76.32933, 38.08326], [-76.98999793161353, 38.239991766913384], [-76.301619999999886, 37.917945], [-76.25874, 36.9664000000001], [-75.9718, 36.89726], [-75.868039999999809, 36.55125], [-75.72749, 35.550740000000125], [-76.36318, 34.808540000000129], [-77.39763499999988, 34.51201], [-78.05496, 33.92547], [-78.554349999999815, 33.861330000000116], [-79.06067, 33.49395], [-79.20357, 33.15839], [-80.301325, 32.509355], [-80.86498, 32.0333], [-81.33629, 31.44049], [-81.49042, 30.729990000000122], [-81.31371, 30.03552], [-80.98, 29.18000000000011], [-80.53558499999987, 28.47213], [-80.529999999999774, 28.04], [-80.056539284977532, 26.88000000000013], [-80.088015, 26.205765], [-80.131559999999837, 25.816775], [-80.38103, 25.20616], [-80.679999999999879, 25.08], [-81.17213, 25.201260000000126], [-81.33, 25.64], [-81.709999999999795, 25.87], [-82.239999999999895, 26.730000000000125], [-82.70515, 27.49504], [-82.85526, 27.88624], [-82.65, 28.550000000000146], [-82.929999999999865, 29.100000000000129], [-83.70959, 29.93656], [-84.1, 30.090000000000114], [-85.10882, 29.63615], [-85.28784, 29.686120000000127], [-85.7731, 30.152610000000116], [-86.399999999999878, 30.400000000000112], [-87.530359999999831, 30.27433], [-88.41782, 30.3849], [-89.180489999999836, 30.31598], [-89.593831178419748, 30.159994004836843], [-89.413735, 29.89419], [-89.43, 29.48864], [-89.21767, 29.29108], [-89.40823, 29.15961], [-89.77928, 29.307140000000135], [-90.15463, 29.11743], [-90.880224999999896, 29.148535000000116], [-91.626784999999842, 29.677000000000127], [-92.49906, 29.5523], [-93.22637, 29.78375], [-93.84842, 29.71363], [-94.69, 29.480000000000125], [-95.60026, 28.73863], [-96.59404, 28.30748], [-97.139999999999802, 27.83], [-97.37, 27.38], [-97.379999999999853, 26.69], [-97.33, 26.210000000000115], [-97.139999999999802, 25.87], [-97.529999999999859, 25.84], [-98.239999999999895, 26.060000000000109], [-99.019999999999854, 26.37], [-99.3, 26.84], [-99.52, 27.54], [-100.11, 28.11000000000012], [-100.45584, 28.696120000000118], [-100.957599999999886, 29.380710000000125], [-101.6624, 29.779300000000113], [-102.48, 29.76], [-103.11, 28.97], [-103.94, 29.27], [-104.456969999999814, 29.57196], [-104.705749999999895, 30.12173], [-105.03737, 30.64402], [-105.63159, 31.083830000000113], [-106.1429, 31.39995], [-106.507589999999794, 31.75452], [-108.24, 31.754853718166398], [-108.24194, 31.34222], [-109.035, 31.341940000000161], [-111.02361, 31.33472], [-113.30498, 32.03914], [-114.815, 32.52528], [-114.721389999999829, 32.72083], [-115.991349999999869, 32.61239000000014], [-117.127759999999753, 32.53534], [-117.295937691273863, 33.04622461520389], [-117.944, 33.621236431201389], [-118.410602275897475, 33.740909223124497], [-118.519894822799685, 34.027781577575745], [-119.081, 34.078], [-119.438840642016658, 34.348477178284291], [-120.36778, 34.44711], [-120.62286, 34.60855], [-120.74433, 35.156860000000101], [-121.714569999999853, 36.16153], [-122.54747, 37.551760000000101], [-122.51201, 37.783390000000132], [-122.95319, 38.113710000000104], [-123.7272, 38.951660000000111], [-123.865169999999878, 39.766990000000128], [-124.39807, 40.3132], [-124.17886, 41.142020000000109], [-124.2137, 41.999640000000134], [-124.532839999999894, 42.76599], [-124.14214, 43.70838], [-124.020535, 44.615895], [-123.898929999999893, 45.52341], [-124.079635, 46.86475], [-124.395669999999896, 47.72017], [-124.687210083007812, 48.184432983398537], [-124.566101074218736, 48.379714965820384], [-123.12, 48.04], [-122.587359999999876, 47.096], [-122.34, 47.36], [-122.5, 48.18], [-122.84, 49.0], [-120.0, 49.0], [-117.03121, 49.0], [-116.04818, 49.0], [-112.999999999999872, 49.0], [-110.049999999999812, 49.0], [-107.049999999999898, 49.0], [-104.04826, 48.99986], [-100.65, 49.0], [-97.228720000004699, 49.0007], [-95.159069509171943, 49.0], [-95.15609, 49.38425], [-94.81758, 49.38905]]], [[[-153.006314053336837, 57.115842190165878], [-154.0050902984581, 56.734676825581047], [-154.516402757770067, 56.992748928446687], [-154.670992804971092, 57.461195787172493], [-153.762779507441451, 57.816574612043773], [-153.228729417921073, 57.968968410872421], [-152.564790615835108, 57.901427313866961], [-152.141147223906273, 57.591058661521977], [-153.006314053336837, 57.115842190165878]]], [[[-165.579164191733554, 59.909986884187539], [-166.192770148767238, 59.754440822988961], [-166.848337368821944, 59.941406155020942], [-167.455277066090048, 60.213069159579376], [-166.467792121424566, 60.384169826897775], [-165.674429694663644, 60.293606879306232], [-165.579164191733554, 59.909986884187539]]], [[[-171.731656867539357, 63.782515367275906], [-171.114433560245175, 63.592191067144981], [-170.491112433940657, 63.694975490973505], [-169.682505459653555, 63.431115627691142], [-168.689439460300662, 63.297506212000584], [-168.77194088445458, 63.188598130945437], [-169.529439867204985, 62.976931464277882], [-170.290556200215917, 63.194437567794452], [-170.671385667990847, 63.375821845138965], [-171.553063117538642, 63.317789211675077], [-171.791110602891166, 63.40584585230048], [-171.731656867539357, 63.782515367275906]]], [[[-155.067790290324211, 71.147776394323685], [-154.344165208941206, 70.696408596470192], [-153.900006273392563, 70.889988511835682], [-152.210006069935275, 70.829992173944831], [-152.270002407826127, 70.60000621202984], [-150.739992438744508, 70.430016588005699], [-149.720003018167489, 70.530010484490433], [-147.613361579357047, 70.214034939241785], [-145.689989800225248, 70.120009670686741], [-144.920010959076393, 69.989991767040479], [-143.58944618042517, 70.152514146598307], [-142.072510348713365, 69.851938178172631], [-140.985987521560702, 69.711998399526365], [-140.985988329004869, 69.711998399526365], [-140.992498752029377, 66.000028591568665], [-140.997769748123119, 60.306396796298593], [-140.012997816153074, 60.276837877027575], [-139.03900042031583, 60.000007229240012], [-138.340889999999888, 59.562110000000146], [-137.4525, 58.905000000000101], [-136.47972, 59.46389], [-135.47583, 59.78778], [-134.945, 59.270560000000117], [-134.27111, 58.86111], [-133.355548882207188, 58.410285142645151], [-132.73042, 57.692890000000105], [-131.707809999999853, 56.55212], [-130.00778, 55.91583], [-129.979994263358265, 55.284997870497207], [-130.536110189467223, 54.802753404349389], [-131.08581823797212, 55.178906155002025], [-131.967211467142278, 55.497775580459049], [-132.250010742859445, 56.369996242897443], [-133.539181084356386, 57.178887437562125], [-134.07806292029602, 58.123067531966889], [-135.038211032279037, 58.187714748763931], [-136.628062309954629, 58.212209377670447], [-137.800006279686016, 58.499995429103777], [-139.867787041412981, 59.537761542389134], [-140.825273817133024, 59.72751740176507], [-142.574443535564427, 60.084446519604981], [-143.958880994879848, 59.99918040632339], [-145.925556816827822, 60.458609727614274], [-147.114373949146625, 60.884656073644628], [-148.224306200127643, 60.672989406977152], [-148.018065558850736, 59.978328965893631], [-148.570822516860858, 59.914172675203297], [-149.727857835875824, 59.705658270905545], [-150.608243374616421, 59.368211168039487], [-151.716392788683294, 59.155821031319974], [-151.859433153267105, 59.74498403587959], [-151.40971900124714, 60.725802720779392], [-150.346941494732505, 61.033587551509854], [-150.621110806256951, 61.284424953854447], [-151.895839199816834, 60.727197984451273], [-152.578329841095581, 60.061657212964285], [-154.019172126257558, 59.350279446034264], [-153.287511359653166, 58.864727688219787], [-154.232492438758442, 58.146373602930531], [-155.307491421510207, 57.727794501366319], [-156.308334723923082, 57.422774359763636], [-156.556097378546298, 56.979984849670636], [-158.117216559867728, 56.463608099994175], [-158.433321296197136, 55.994153550838533], [-159.603327399717415, 55.566686102920116], [-160.289719611634183, 55.643580634170561], [-161.223047655257773, 55.364734605523481], [-162.23776607974105, 55.024186916720097], [-163.069446581046378, 54.689737046927171], [-164.785569221027174, 54.40417308208216], [-164.942226325520011, 54.572224839895327], [-163.84833960676562, 55.039431464246107], [-162.870001390615897, 55.348043117893198], [-161.804174974596009, 55.894986477270429], [-160.563604702781134, 56.008054511125025], [-160.070559862284483, 56.418055324928744], [-158.684442918919416, 57.016675116597852], [-158.461097378553944, 57.216921291728866], [-157.722770352183858, 57.570000515363056], [-157.550274421193564, 58.328326321030218], [-157.041674974576949, 58.918884589261708], [-158.194731208305427, 58.615802313869828], [-158.517217984023034, 58.787781480537305], [-159.058606126928709, 58.424186102931671], [-159.711667040017318, 58.931390285876333], [-159.981288825500144, 58.572549140041623], [-160.355271165996498, 59.071123358793628], [-161.355003425115001, 58.670837714260742], [-161.968893602526293, 58.671664537177371], [-162.054986538724648, 59.266925360747436], [-161.874170702135331, 59.633621324290587], [-162.518059048492034, 59.989723619213905], [-163.818341437820123, 59.798055731843377], [-164.662217577146407, 60.267484442782639], [-165.346387702474772, 60.507495632562396], [-165.350831875651835, 61.073895168697497], [-166.121379157555907, 61.500019029376212], [-165.734451870770471, 62.074996853271792], [-164.919178636717788, 62.633076483807919], [-164.562507901039339, 63.146378485763044], [-163.753332485996964, 63.219448961023758], [-163.067224494457832, 63.05945872664801], [-162.260555386381697, 63.541935736741159], [-161.534449836248569, 63.455816962326757], [-160.772506680321101, 63.76610810002326], [-160.958335130842528, 64.222798570402759], [-161.518068407212184, 64.402787584075313], [-160.777777676414729, 64.788603827566405], [-161.391926235987597, 64.777235012462327], [-162.453050096668818, 64.559444688568206], [-162.757786017894034, 64.338605455168803], [-163.54639421288428, 64.559160468190484], [-164.960829841145141, 64.446945095468848], [-166.425288255864473, 64.686672064870706], [-166.845004238939026, 65.088895575614529], [-168.110560065767146, 65.669997056736733], [-166.70527116602193, 66.088317776139391], [-164.474709642575448, 66.576660061297488], [-163.652511766595637, 66.576660061297488], [-163.788601651036117, 66.077207343196662], [-161.677774421210131, 66.116119696712403], [-162.489714525379981, 66.735565090595102], [-163.719716966791083, 67.116394558370089], [-164.430991380856511, 67.616338202577779], [-165.390286831706703, 68.042772121850234], [-166.764440680995989, 68.35887685817967], [-166.204707404626561, 68.883030910916162], [-164.430810513343431, 68.915535386827727], [-163.168613654614489, 69.371114813912882], [-162.930566169261965, 69.858061835399255], [-161.908897264635499, 70.333329983187625], [-160.93479651593367, 70.447689927849567], [-159.039175788387126, 70.891642157668926], [-158.119722866833939, 70.824721177851032], [-156.580824551398024, 71.357763576941736], [-155.067790290324211, 71.147776394323685]]]] } },
+            { "type": "Feature", "properties": { "admin": "Uzbekistan", "name": "Uzbekistan", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[66.518606805288655, 37.362784328758785], [66.546150343700205, 37.974684963526855], [65.215998976507379, 38.402695013984292], [64.170223016216752, 38.892406724598231], [63.518014764261018, 39.363256537425627], [62.374260288344992, 40.053886216790382], [61.882714064384679, 41.084856879229392], [61.547178989513547, 41.2663703476546], [60.46595299667068, 41.22032664648254], [60.083340691981654, 41.425146185871391], [59.976422153569771, 42.223081976890199], [58.629010857991453, 42.751551011723045], [57.786529982337065, 42.170552883465511], [56.93221520368779, 41.82602610937559], [57.096391229079089, 41.32231008561056], [55.968191359282898, 41.308641669269356], [55.928917270741081, 44.995858466159099], [58.503127068928457, 45.586804307632818], [58.689989048095882, 45.500013739598621], [60.239971958258316, 44.784036770194717], [61.05831994003244, 44.405816962250505], [62.013300408786236, 43.504476630215642], [63.185786981056559, 43.650074978197999], [64.900824415959264, 43.728080552742576], [66.098012322865074, 42.997660020513088], [66.023391554635609, 41.994646307943974], [66.510648634715707, 41.987644151368436], [66.714047072216502, 41.168443508461493], [67.985855747351806, 41.135990708982213], [68.259895867795606, 40.662324530594894], [68.632482944620008, 40.668680731766798], [69.070027296835306, 41.384244289712363], [70.388964878220776, 42.081307684897439], [70.96231489449913, 42.266154283205481], [71.259247674448218, 42.167710679689456], [70.420022414028196, 41.519998277343134], [71.157858514291576, 41.143587144529107], [71.870114780570447, 41.392900092121259], [73.055417108049156, 40.86603302668945], [71.774875115856545, 40.145844428053763], [71.014198032520156, 40.244365546218226], [70.601406691372674, 40.218527330072284], [70.458159621059608, 40.49649485937028], [70.666622348925031, 40.960213324541407], [69.329494663372813, 40.727824408524839], [69.011632928345477, 40.086158148756653], [68.536416456989414, 39.533452867178923], [67.701428664017342, 39.580478420564518], [67.442219679641298, 39.140143541005479], [68.176025018185911, 38.901553453113898], [68.392032505165943, 38.157025254868728], [67.829999627559502, 37.144994004864678], [67.075782098259609, 37.35614390720928], [66.518606805288655, 37.362784328758785]]] } },
+            { "type": "Feature", "properties": { "admin": "Venezuela", "name": "Venezuela", "continent": "South America" }, "geometry": { "type": "Polygon", "coordinates": [[[-71.331583624950284, 11.776284084515805], [-71.36000566271079, 11.53999359786121], [-71.947049933546495, 11.423282375530018], [-71.620868292920164, 10.969459947142791], [-71.633063930941063, 10.446494452349027], [-72.074173956984495, 9.865651353388369], [-71.695644090446521, 9.072263088411246], [-71.26455929226772, 9.137194525585981], [-71.039999355743376, 9.859992784052407], [-71.350083787710773, 10.211935126176213], [-71.400623338492224, 10.968969021036013], [-70.155298834906503, 11.375481675660039], [-70.293843349881016, 11.846822414594211], [-69.943244594996813, 12.162307033736095], [-69.584300096297454, 11.459610907431211], [-68.882999233664435, 11.44338450769156], [-68.233271450458716, 10.885744126829945], [-68.194126552997616, 10.554653225135921], [-67.296248541926317, 10.545868231646306], [-66.227864142507983, 10.648626817258684], [-65.655237596281737, 10.20079885501732], [-64.890452236578156, 10.077214667191296], [-64.329478725833724, 10.389598700395679], [-64.318006557864933, 10.641417954953978], [-63.079322475828725, 10.701724351438598], [-61.880946010980182, 10.7156253117251], [-62.730118984616396, 10.420268662960904], [-62.388511928950969, 9.948204453974636], [-61.588767462801918, 9.873066921422263], [-60.830596686431711, 9.38133982994894], [-60.671252407459718, 8.580174261911877], [-60.150095587796166, 8.602756862823425], [-59.758284878159181, 8.367034816924045], [-60.550587938058186, 7.779602972846178], [-60.637972785063752, 7.414999904810853], [-60.295668097562377, 7.043911444522918], [-60.543999192940966, 6.856584377464881], [-61.159336310456467, 6.696077378766317], [-61.139415045807937, 6.234296779806142], [-61.410302903881941, 5.959068101419616], [-60.733574184803707, 5.2002772078619], [-60.601179165271922, 4.918098049332129], [-60.966893276601517, 4.536467596856638], [-62.085429653559125, 4.162123521334308], [-62.804533047116692, 4.006965033377951], [-63.093197597899092, 3.770571193858784], [-63.888342861574145, 4.020530096854571], [-64.628659430587533, 4.14848094320925], [-64.816064012294007, 4.056445217297422], [-64.368494432214092, 3.797210394705246], [-64.408827887617903, 3.126786200366623], [-64.269999152265783, 2.497005520025566], [-63.422867397705105, 2.411067613124174], [-63.368788011311644, 2.200899562993129], [-64.083085496666072, 1.91636912679408], [-64.199305792890499, 1.49285492594602], [-64.611011928959854, 1.328730576987041], [-65.354713304288353, 1.0952822941085], [-65.548267381437554, 0.78925446207603], [-66.325765143484944, 0.724452215982012], [-66.876325853122566, 1.253360500489336], [-67.181294318293041, 2.250638129074062], [-67.447092047786299, 2.600280869960869], [-67.809938117123693, 2.820655015469569], [-67.303173183853417, 3.31845408773718], [-67.33756384954367, 3.542342230641721], [-67.621835903581271, 3.839481716319994], [-67.823012254493534, 4.503937282728898], [-67.744696621355203, 5.221128648291667], [-67.521531948502741, 5.556870428891968], [-67.34143958196556, 6.095468044454021], [-67.695087246355001, 6.267318020040645], [-68.265052456318216, 6.153268133972473], [-68.985318569602327, 6.206804917826856], [-69.389479946557103, 6.099860541198835], [-70.093312954372408, 6.960376491723109], [-70.674233567981503, 7.087784735538717], [-71.960175747348629, 6.991614895043538], [-72.19835242378187, 7.340430813013682], [-72.444487270788059, 7.42378489830048], [-72.479678921178831, 7.632506008327352], [-72.360900641555958, 8.002638454617893], [-72.439862230097944, 8.405275376820027], [-72.660494757768092, 8.62528778730268], [-72.788729824500379, 9.085027167187331], [-73.304951544880026, 9.151999823437604], [-73.027604132769554, 9.736770331252441], [-72.905286017534692, 10.45034434655477], [-72.614657762325194, 10.821975409381777], [-72.227575446242923, 11.108702093953237], [-71.973921678338272, 11.608671576377116], [-71.331583624950284, 11.776284084515805]]] } },
+            { "type": "Feature", "properties": { "admin": "Vietnam", "name": "Vietnam", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[108.050180291782908, 21.552379869060111], [106.715067987090066, 20.696850694252014], [105.881682163519002, 19.752050482659694], [105.662005649846279, 19.058165188060567], [106.426816847765991, 18.004120998603224], [107.36195356651973, 16.697456569887049], [108.269495070429599, 16.079742336486145], [108.877106561317447, 15.276690578670436], [109.335269810017209, 13.42602834721772], [109.200135939573954, 11.666859239137761], [108.366129998815424, 11.00832062422627], [107.22092858279521, 10.36448395430183], [106.4051127462034, 9.530839748569317], [105.158263787865081, 8.599759629750492], [104.795185174582372, 9.2410383162765], [105.076201613385592, 9.918490505406806], [104.334334751403446, 10.486543687375228], [105.199914992292321, 10.889309800658094], [106.249670037869436, 10.961811835163585], [105.810523716253101, 11.567614650921225], [107.491403029410861, 12.337205918827944], [107.614547967562402, 13.535530707244202], [107.382727492301058, 14.202440904186968], [107.564525181103875, 15.202173163305554], [107.312705926545576, 15.908538316303177], [106.55600792849566, 16.604283962464802], [105.925762160264, 17.485315456608955], [105.094598423281496, 18.666974595611073], [103.896532017026701, 19.265180975821799], [104.183387892678908, 19.624668077060214], [104.822573683697073, 19.886641750563879], [104.435000441508024, 20.758733221921528], [103.203861118586431, 20.766562201413745], [102.754896274834636, 21.675137233969462], [102.170435825613552, 22.464753119389297], [102.706992222100084, 22.708795070887668], [103.504514601660546, 22.703756618739202], [104.476858351664447, 22.819150092046961], [105.329209425886603, 23.352063300056908], [105.811247186305209, 22.976892401617899], [106.725403273548451, 22.794267889898414], [106.567273390735295, 22.218204860924768], [107.043420037872608, 21.811898912029907], [108.050180291782908, 21.552379869060111]]] } },
+            { "type": "Feature", "properties": { "admin": "Vanuatu", "name": "Vanuatu", "continent": "Oceania" }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[167.844876743845077, -16.466333103097153], [167.515181105822847, -16.597849623279966], [167.180007765977791, -16.159995212470957], [167.2168013857696, -15.891846205308449], [167.844876743845077, -16.466333103097153]]], [[[167.107712437201485, -14.933920179913951], [167.2700281110302, -15.74002084723487], [167.001207310247935, -15.614602146062492], [166.79315799384085, -15.668810723536719], [166.649859247095549, -15.392703545801192], [166.629136997746429, -14.6264970842096], [167.107712437201485, -14.933920179913951]]]] } },
+            { "type": "Feature", "properties": { "admin": "Yemen", "name": "Yemen", "continent": "Asia" }, "geometry": { "type": "Polygon", "coordinates": [[[53.108572625547502, 16.651051133688949], [52.385205926325874, 16.38241120041965], [52.191729363825075, 15.938433132384018], [52.168164910699986, 15.597420355689945], [51.172515089732471, 15.175249742081489], [49.574576450403136, 14.708766587782746], [48.679230584514151, 14.003202419485657], [48.238947381387412, 13.948089504446369], [47.938914015500771, 14.007233181204423], [47.354453566279702, 13.592219753468379], [46.71707645039173, 13.399699204965016], [45.877592807810252, 13.347764390511681], [45.625050083199874, 13.290946153206759], [45.406458774605241, 13.02690542241143], [45.144355910020849, 12.953938300015306], [44.9895333188744, 12.699586900274708], [44.494576450382844, 12.721652736863344], [44.175112745954486, 12.585950425664873], [43.48295861183712, 12.63680003504008], [43.222871128112118, 13.220950425667422], [43.251448195169516, 13.767583726450848], [43.087943963398047, 14.062630316621306], [42.892245314308717, 14.802249253798745], [42.604872674333606, 15.213335272680592], [42.805015496600042, 15.261962795467252], [42.702437778500652, 15.718885809791995], [42.823670688657408, 15.911742255105263], [42.779332309750963, 16.34789134364868], [43.218375278502734, 16.666889960186406], [43.115797560403351, 17.088440456607369], [43.380794305196098, 17.579986680567668], [43.791518589051904, 17.319976711491105], [44.062613152855072, 17.410358791569589], [45.216651238797184, 17.43332896572333], [45.399999220568752, 17.333335069238554], [46.366658563020529, 17.233315334537632], [46.749994337761642, 17.283338120996174], [47.000004917189749, 16.949999294497438], [47.466694777217626, 17.116681626854877], [48.183343540241324, 18.166669216377311], [49.116671583864857, 18.616667588774941], [52.000009800022227, 19.000003363516054], [52.782184279192037, 17.349742336491229], [53.108572625547502, 16.651051133688949]]] } },
+            { "type": "Feature", "properties": { "admin": "South Africa", "name": "South Africa", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[31.521001417778869, -29.257386976846245], [31.325561150850994, -29.401977634398907], [30.901762729625336, -29.909956963828034], [30.622813348113816, -30.423775730106122], [30.055716180142774, -31.140269463832951], [28.925552605919535, -32.172041110972494], [28.219755893677092, -32.771952813448848], [27.464608188595967, -33.226963799778794], [26.419452345492818, -33.614950453426175], [25.909664340933482, -33.667040297176392], [25.78062828950069, -33.944646091448334], [25.172861769315965, -33.796851495093577], [24.67785322439212, -33.987175795224537], [23.594043409934635, -33.794474379208147], [22.988188917744729, -33.916430759416976], [22.574157342222232, -33.864082533505304], [21.542799106541022, -34.258838799782922], [20.689052768646999, -34.417175388325226], [20.071261020597628, -34.795136814107984], [19.616405063564567, -34.819166355123706], [19.193278435958714, -34.462598972309777], [18.855314568769867, -34.444305515278458], [18.424643182049376, -33.997872816708963], [18.377410922934612, -34.13652068454806], [18.244499139079917, -33.867751560198023], [18.250080193767442, -33.281430759414434], [17.925190463948436, -32.61129078545342], [18.247909783611185, -32.429131361624563], [18.221761508871477, -31.661632989225662], [17.566917758868861, -30.72572112398754], [17.0644161312627, -29.878641045859158], [17.06291751472622, -29.875953871379977], [16.344976840895239, -28.576705010697697], [16.824017368240899, -28.082161553664466], [17.218928663815401, -28.355943291946804], [17.387497185951499, -28.783514092729774], [17.836151971109526, -28.856377862261311], [18.464899122804745, -29.045461928017271], [19.002127312911082, -28.972443129188857], [19.89473432788861, -28.461104831660769], [19.895767856534427, -24.767790215760588], [20.165725538827186, -24.917961928000768], [20.758609246511831, -25.868136488551446], [20.666470167735437, -26.477453301704916], [20.889609002371731, -26.828542982695907], [21.60589603036939, -26.726533705351748], [22.105968865657864, -26.28025603607913], [22.579531691180584, -25.979447523708142], [22.824271274514896, -25.500458672794768], [23.312096795350179, -25.268689873965712], [23.733569777122703, -25.39012948985161], [24.211266717228792, -25.670215752873567], [25.025170525825782, -25.719670098576891], [25.664666375437712, -25.486816094669706], [25.765848829865206, -25.174845472923671], [25.941652052522151, -24.696373386333214], [26.485753208123292, -24.616326592713097], [26.78640669119741, -24.240690606383478], [27.119409620886238, -23.574323011979772], [28.017235955525244, -22.827753594659072], [29.432188348109033, -22.091312758067584], [29.839036899542965, -22.102216485281172], [30.322883335091767, -22.271611830333931], [30.659865350067083, -22.151567478119912], [31.191409132621278, -22.251509698172395], [31.670397983534645, -23.658969008073861], [31.930588820124242, -24.369416599222532], [31.752408481581874, -25.484283949487406], [31.837777947728057, -25.843331801051342], [31.333157586397899, -25.660190525008943], [31.044079624157146, -25.731452325139436], [30.949666782359905, -26.022649021104144], [30.676608514129633, -26.398078301704604], [30.685961948374477, -26.743845310169526], [31.282773064913325, -27.285879408478991], [31.868060337051073, -27.17792734142127], [32.071665480281062, -26.733820082304902], [32.830120477028878, -26.74219166433619], [32.580264926897677, -27.470157566031808], [32.462132602678444, -28.30101124442055], [32.203388706193032, -28.752404880490065], [31.521001417778869, -29.257386976846245]], [[28.978262566857236, -28.955596612261708], [28.541700066855491, -28.647501722937562], [28.07433841320778, -28.851468601193581], [27.532511020627471, -29.242710870075353], [26.999261915807629, -29.875953871379977], [27.749397006956478, -30.645105889612214], [28.107204624145421, -30.545732110314944], [28.291069370239903, -30.226216729454293], [28.848399692507734, -30.070050551068245], [29.018415154748016, -29.743765557577362], [29.325166456832587, -29.257386976846245], [28.978262566857236, -28.955596612261708]]] } },
+            { "type": "Feature", "properties": { "admin": "Zambia", "name": "Zambia", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[32.759375441221316, -9.230599053589058], [33.231387973775291, -9.676721693564799], [33.485687697083584, -10.525558770391111], [33.315310499817279, -10.796549981329695], [33.114289178201908, -11.607198174692311], [33.306422153463068, -12.435778090060214], [32.991764357237876, -12.783870537978272], [32.688165317523122, -13.712857761289273], [33.214024692525207, -13.97186003993615], [30.179481235481827, -14.796099134991525], [30.274255812305103, -15.507786960515208], [29.51683434420314, -15.644677829656386], [28.947463413211256, -16.043051446194436], [28.825868768028492, -16.389748630440611], [28.467906121542676, -16.468400160388843], [27.598243442502753, -17.290830580314005], [27.044427117630729, -17.938026218337427], [26.706773309035633, -17.961228936436477], [26.381935255648919, -17.846042168857892], [25.264225701608005, -17.736539808831413], [25.084443393664564, -17.661815687737366], [25.076950310982255, -17.578823337476617], [24.6823490740015, -17.35341073981947], [24.033861525170771, -17.29584319424632], [23.215048455506057, -17.52311614346598], [22.562478468524255, -16.89845142992181], [21.887842644953867, -16.080310153876876], [21.933886346125913, -12.898437188369357], [24.016136508894672, -12.91104623784857], [23.930922072045373, -12.565847670138854], [24.079905226342838, -12.191296888887361], [23.904153680118181, -11.722281589406318], [24.017893507592586, -11.237298272347088], [23.912215203555714, -10.926826267137512], [24.257155389103982, -10.951992689663655], [24.314516228947948, -11.262826429899269], [24.783169793402948, -11.238693536018962], [25.418118116973197, -11.330935967659958], [25.752309604604726, -11.784965101776356], [26.55308759939961, -11.924439792532125], [27.164419793412456, -11.608748467661071], [27.38879886242378, -12.132747491100663], [28.15510867687998, -12.272480564017894], [28.52356163912102, -12.698604424696679], [28.934285922976834, -13.248958428605132], [29.699613885219485, -13.257226657771827], [29.616001417771223, -12.178894545137307], [29.341547885869087, -12.36074391037241], [28.642417433392346, -11.971568698782312], [28.372253045370421, -11.793646742401389], [28.496069777141763, -10.789883721564044], [28.673681674928922, -9.605924981324931], [28.449871046672818, -9.164918308146083], [28.734866570762495, -8.526559340044576], [29.002912225060467, -8.40703175215347], [30.34608605319081, -8.238256524288216], [30.740015496551781, -8.340007419470913], [31.157751336950042, -8.594578747317362], [31.55634809746649, -8.76204884199864], [32.191864861791963, -8.930358981973276], [32.759375441221316, -9.230599053589058]]] } },
+            { "type": "Feature", "properties": { "admin": "Zimbabwe", "name": "Zimbabwe", "continent": "Africa" }, "geometry": { "type": "Polygon", "coordinates": [[[31.191409132621278, -22.251509698172395], [30.659865350067083, -22.151567478119912], [30.322883335091767, -22.271611830333931], [29.839036899542965, -22.102216485281172], [29.432188348109033, -22.091312758067584], [28.794656202924209, -21.639454034107445], [28.02137007010861, -21.485975030200578], [27.727227817503252, -20.851801853114711], [27.724747348753247, -20.499058526290387], [27.296504754350501, -20.391519870690995], [26.164790887158478, -19.293085625894935], [25.850391473094724, -18.714412937090533], [25.649163445750155, -18.536025892818987], [25.264225701608005, -17.736539808831413], [26.381935255648919, -17.846042168857892], [26.706773309035633, -17.961228936436477], [27.044427117630729, -17.938026218337427], [27.598243442502753, -17.290830580314005], [28.467906121542676, -16.468400160388843], [28.825868768028492, -16.389748630440611], [28.947463413211256, -16.043051446194436], [29.51683434420314, -15.644677829656386], [30.274255812305103, -15.507786960515208], [30.338954705534537, -15.880839125230242], [31.173063999157673, -15.860943698797868], [31.636498243951188, -16.071990248277881], [31.852040643040592, -16.319417006091374], [32.328238966610222, -16.392074069893749], [32.847638787575839, -16.713398125884613], [32.849860874164385, -17.979057305577175], [32.654885695127142, -18.672089939043492], [32.611994256324884, -19.419382826416268], [32.772707960752619, -19.715592136313294], [32.659743279762573, -20.30429005298231], [32.508693068173436, -20.395292250248303], [32.244988234188007, -21.116488539313689], [31.191409132621278, -22.251509698172395]]] } }
+        ]
+    };
+
+var randomcountriesData1 = [
+    { country: "Iran", "continent": "Asia", "CategoryName": "Books", "Sales": 550 },
+    { country: "Benin", "continent": "Africa", "CategoryName": "Books", "Sales": 1000 },
+    { country: "China", "continent": "Asia", "CategoryName": "Books", "Sales": 420 },
+    { country: "Chile", "continent": "South America", "CategoryName": "Books", "Sales": 1100 },
+    { country: "Cuba", "continent": "North America", "CategoryName": "Books", "Sales": 450 },
+    { country: "Spain", "continent": "Europe", "CategoryName": "Books", "Sales": 1200 },
+    { country: "Fiji", "continent": "Oceania", "CategoryName": "Books", "Sales": 618.0 },
+];
+
+module mapcomponenet {
+    $(function () {
+        var mapsample = new ej.datavisualization.Map($("#map"), {
+            enableAnimation: true,
+            navigationControl: {
+                enableNavigation: true,
+                orientation: 'vertical',
+                absolutePosition: { x: 5, y: 15 },
+                dockPosition: 'none'
+            },
+            layers: [
+                {
+                    layerType: 'geometry',
+                    enableMouseHover: false,
+                    enableSelection: false,
+                    shapeSettings: {
+                        fill: "#626171",
+                        autoFill: false,
+                        highlightStroke: "white",
+                        stroke: "white",
+                        strokeThickness: 0.5,
+                        highlightColor: "#BFBFBF"
+                    },
+                    shapeData: world_map,
+                    legendSettings: { dockOnMap: false }
+                }
+            ]
+        });
+    });
+}
+
+
+
+
+
+
+
+module MenuComponent {
+    $(function () {
+        var sample = new ej.Menu($("#syncfusionProducts"),{
+            width: "100%",
+            animationType: ej.AnimationType.Default,
+            cssClass: 'gradient-lime ',
+            enableAnimation: true,
+            enableSeparator: true,
+            height: 40,
+            htmlAttributes: { "aria-label": "menu" },
+            menuType: "normalmenu",
+            orientation: ej.Orientation.Horizontal,
+            showRootLevelArrows: true,
+            showSubLevelArrows: true,
+            subMenuDirection: ej.Direction.Right,
+            titleText: "Menu",
+
+        });
+    });
+
+}
+
+
+
+
+
+
+ 
+
+module NavigationDrawerComponent {
+    $(function () {
+        var navigationdrawerInstance = new ej.NavigationDrawer($("#navpane"), {
+           targetId: "butdrawer",
+            contentId: "content_container",
+            type: "overlay",
+            direction: "left",
+            enableListView: true,
+            listViewSettings: {
+                width: 300,
+                selectedItemIndex: 0,
+                mouseUp: "headChange"
+            },
+            position: "normal"
+        });
+    });
+	function headChange(e:any) {
+		$("#butdrawer").parent().children("h2").text(e.text);
+	}
+}
+
+
+
+module PDFViewerComponent {
+    $(function () {
+        var pdfviewerControl = new ej.PdfViewer($("#pdfviewer"), {
+            serviceUrl: (<any>window).baseurl + "api/PdfViewer",
+            isResponsive: true
+        });
+    });
+}
+
+
+
+module PivotChartOlap {
+    $(function () {
+        var sample = new ej.PivotChart($("#PivotChart"),{
+            dataSource: {
+			data: "http://bi.syncfusion.com/olap/msmdpump.dll", 
+			catalog: "Adventure Works DW 2008 SE",
+			cube: "Adventure Works",
+			rows: [
+				{
+					fieldName: "[Date].[Fiscal]"
+				}
+			],
+			columns: [
+				{
+					fieldName: "[Customer].[Customer Geography]"
+				}
+			],
+			values: [
+				{
+					measures: [
+						{
+							fieldName: "[Measures].[Internet Sales Amount]"
+						}
+                    ],
+					axis: "columns"
+				}
+            ],
+			filters:[]
+        },
+		isResponsive: true,
+        commonSeriesOptions: {
+			enableAnimation: true,
+			type: "column", tooltip: { visible: true }
+		},
+		size: { height: "460px", width: "950px" },
+		primaryXAxis: { title: { text: "Date - Fiscal" }, labelRotation: 0 },
+		primaryYAxis: { title: { text: "Internet Sales Amount" } },
+		legend: { visible: true, rowCount: 2 }
+        });
+    });
+}
+
+
+
+var pivot_dataset = [
+    { Amount: 100, Country: "Canada", Date: "FY 2005", Product: "Bike", Quantity: 2, State: "Alberta" },
+    { Amount: 200, Country: "Canada", Date: "FY 2006", Product: "Van", Quantity: 3, State: "British Columbia" },
+    { Amount: 300, Country: "Canada", Date: "FY 2007", Product: "Car", Quantity: 4, State: "Brunswick" },
+    { Amount: 150, Country: "Canada", Date: "FY 2008", Product: "Bike", Quantity: 3, State: "Manitoba" },
+    { Amount: 200, Country: "Canada", Date: "FY 2006", Product: "Car", Quantity: 4, State: "Ontario" },
+    { Amount: 100, Country: "Canada", Date: "FY 2007", Product: "Van", Quantity: 1, State: "Quebec" },
+    { Amount: 200, Country: "France", Date: "FY 2005", Product: "Bike", Quantity: 2, State: "Charente-Maritime" },
+    { Amount: 250, Country: "France", Date: "FY 2006", Product: "Van", Quantity: 4, State: "Essonne" },
+    { Amount: 300, Country: "France", Date: "FY 2007", Product: "Car", Quantity: 3, State: "Garonne (Haute)" },
+    { Amount: 150, Country: "France", Date: "FY 2008", Product: "Van", Quantity: 2, State: "Gers" },
+    { Amount: 200, Country: "Germany", Date: "FY 2006", Product: "Van", Quantity: 3, State: "Bayern" },
+    { Amount: 250, Country: "Germany", Date: "FY 2007", Product: "Car", Quantity: 3, State: "Brandenburg" },
+    { Amount: 150, Country: "Germany", Date: "FY 2008", Product: "Car", Quantity: 4, State: "Hamburg" },
+    { Amount: 200, Country: "Germany", Date: "FY 2008", Product: "Bike", Quantity: 4, State: "Hessen" },
+    { Amount: 150, Country: "Germany", Date: "FY 2007", Product: "Van", Quantity: 3, State: "Nordrhein-Westfalen" },
+    { Amount: 100, Country: "Germany", Date: "FY 2005", Product: "Bike", Quantity: 2, State: "Saarland" },
+    { Amount: 150, Country: "United Kingdom", Date: "FY 2008", Product: "Bike", Quantity: 5, State: "England" },
+    { Amount: 250, Country: "United States", Date: "FY 2007", Product: "Car", Quantity: 4, State: "Alabama" },
+    { Amount: 200, Country: "United States", Date: "FY 2005", Product: "Van", Quantity: 4, State: "California" },
+    { Amount: 100, Country: "United States", Date: "FY 2006", Product: "Bike", Quantity: 2, State: "Colorado" },
+    { Amount: 150, Country: "United States", Date: "FY 2008", Product: "Car", Quantity: 3, State: "New Mexico" },
+    { Amount: 200, Country: "United States", Date: "FY 2005", Product: "Bike", Quantity: 4, State: "New York" },
+    { Amount: 250, Country: "United States", Date: "FY 2008", Product: "Car", Quantity: 3, State: "North Carolina" },
+    { Amount: 300, Country: "United States", Date: "FY 2007", Product: "Van", Quantity: 4, State: "South Carolina" }
+]
+
+module PivotChartRelational {
+
+    $(function () {
+        var sample = new ej.PivotChart($("#PivotChart"),{
+            dataSource: {
+			data: pivot_dataset,
+			rows: [
+				{
+					fieldName: "Country",
+					fieldCaption: "Country"
+				},
+				{
+					fieldName: "State",
+					fieldCaption: "State"
+				},
+				{
+					fieldName: "Date",
+					fieldCaption: "Date"
+				}
+			],
+			columns: [
+				{
+					fieldName: "Product",
+					fieldCaption: "Product"
+				}
+			],
+			values: [
+				{
+					fieldName: "Amount",
+					fieldCaption: "Amount"
+				}
+			],
+			filters:[]
+		},
+		isResponsive: true,
+		commonSeriesOptions: {
+			enableAnimation: true,
+			type: "column", tooltip: { visible: true }
+		},
+		size: { height: "460px", width: "950px" },
+		primaryYAxis: { title: { text: "Amount" } },
+		legend: { visible: true }
+        });
+    });
+}
+
+
+
+module PivotGaugeOlap {
+
+    $(function () {
+        var sample = new ej.PivotGauge($("#PivotGauge"),{
+            dataSource: {
+				data: "http://bi.syncfusion.com/olap/msmdpump.dll",
+				catalog: "Adventure Works DW 2008 SE",
+				cube: "Adventure Works",
+				rows: [
+					{
+						fieldName: "[Date].[Fiscal]",
+						filterItems: { filterType: "include", values: ["[Date].[Fiscal].[Fiscal Year].&amp;[2004]"] }
+					},
+				],
+				columns: [
+					{
+						fieldName: "[Customer].[Customer Geography]"
+					}
+				],
+				values: [
+					{
+						measures: [
+							{
+								fieldName: "[Measures].[Internet Sales Amount]"
+							},
+							{
+								fieldName: "[Measures].[Internet Revenue Status]"
+							},
+							{
+								fieldName: "[Measures].[Internet Revenue Trend]"
+							},
+							{
+								fieldName: "[Measures].[Internet Revenue Goal]"
+							},
+						],
+						axis: "columns"
+					}
+				],
+				filters:[]
+			},
+            enableTooltip: true, isResponsive: true,
+			backgroundColor: "transparent",
+            labelFormatSettings: { decimalPlaces: 2 },
+			scales: [{
+				showRanges: true,
+				radius: 150, showScaleBar: true, size: 1,
+                border: {
+					width: 0.5
+				},
+				showIndicators: true, showLabels: true,
+                pointers: [{
+					showBackNeedle: true,
+					backNeedleLength: 20,
+					length: 120,
+					width: 7
+                },
+				{		
+					type: "marker",
+					markerType: "diamond",
+					distanceFromScale: 5,
+					placement: "center",
+					backgroundColor: "#29A4D9",
+					length: 25,
+					width: 15
+				}],
+                ticks: [{
+					type: "major",
+                    distanceFromScale: 2,
+					height: 16,
+					width: 1, color: "#8c8c8c"
+				},
+                {
+					type: "minor",
+					height: 6,
+					width: 1,
+					distanceFromScale: 2,
+                    color: "#8c8c8c"
+                }],
+                labels: [{
+                    color: "#8c8c8c"
+				}],
+                ranges: [{
+					distanceFromScale: -5,
+                    backgroundColor: "#fc0606",
+					border: { color: "#fc0606" }
+                }, 
+				{
+					distanceFromScale: -5
+                }],
+				customLabels: [{
+					position: { x: 180, y: 290 },
+					font: { size: "10px", fontFamily: "Segoe UI", fontStyle: "Normal" }, color: "#666666"
+                },
+				{
+					position: { x: 180, y: 320 },
+					font: { size: "10px", fontFamily: "Segoe UI", fontStyle: "Normal" }, color: "#666666"
+                },
+				{
+                    position: { x: 180, y: 150 },
+                    font: { size: "12px", fontFamily: "Segoe UI", fontStyle: "Normal" }, color: "#666666"
+                }]
+            }]
+        });
+    });	
+}
+
+
+
+var pivot_dataset = [
+    { Amount: 100, Country: "Canada", Date: "FY 2005", Product: "Bike", Quantity: 2, State: "Alberta" },
+    { Amount: 200, Country: "Canada", Date: "FY 2006", Product: "Van", Quantity: 3, State: "British Columbia" },
+    { Amount: 300, Country: "Canada", Date: "FY 2007", Product: "Car", Quantity: 4, State: "Brunswick" },
+    { Amount: 150, Country: "Canada", Date: "FY 2008", Product: "Bike", Quantity: 3, State: "Manitoba" },
+    { Amount: 200, Country: "Canada", Date: "FY 2006", Product: "Car", Quantity: 4, State: "Ontario" },
+    { Amount: 100, Country: "Canada", Date: "FY 2007", Product: "Van", Quantity: 1, State: "Quebec" },
+    { Amount: 200, Country: "France", Date: "FY 2005", Product: "Bike", Quantity: 2, State: "Charente-Maritime" },
+    { Amount: 250, Country: "France", Date: "FY 2006", Product: "Van", Quantity: 4, State: "Essonne" },
+    { Amount: 300, Country: "France", Date: "FY 2007", Product: "Car", Quantity: 3, State: "Garonne (Haute)" },
+    { Amount: 150, Country: "France", Date: "FY 2008", Product: "Van", Quantity: 2, State: "Gers" },
+    { Amount: 200, Country: "Germany", Date: "FY 2006", Product: "Van", Quantity: 3, State: "Bayern" },
+    { Amount: 250, Country: "Germany", Date: "FY 2007", Product: "Car", Quantity: 3, State: "Brandenburg" },
+    { Amount: 150, Country: "Germany", Date: "FY 2008", Product: "Car", Quantity: 4, State: "Hamburg" },
+    { Amount: 200, Country: "Germany", Date: "FY 2008", Product: "Bike", Quantity: 4, State: "Hessen" },
+    { Amount: 150, Country: "Germany", Date: "FY 2007", Product: "Van", Quantity: 3, State: "Nordrhein-Westfalen" },
+    { Amount: 100, Country: "Germany", Date: "FY 2005", Product: "Bike", Quantity: 2, State: "Saarland" },
+    { Amount: 150, Country: "United Kingdom", Date: "FY 2008", Product: "Bike", Quantity: 5, State: "England" },
+    { Amount: 250, Country: "United States", Date: "FY 2007", Product: "Car", Quantity: 4, State: "Alabama" },
+    { Amount: 200, Country: "United States", Date: "FY 2005", Product: "Van", Quantity: 4, State: "California" },
+    { Amount: 100, Country: "United States", Date: "FY 2006", Product: "Bike", Quantity: 2, State: "Colorado" },
+    { Amount: 150, Country: "United States", Date: "FY 2008", Product: "Car", Quantity: 3, State: "New Mexico" },
+    { Amount: 200, Country: "United States", Date: "FY 2005", Product: "Bike", Quantity: 4, State: "New York" },
+    { Amount: 250, Country: "United States", Date: "FY 2008", Product: "Car", Quantity: 3, State: "North Carolina" },
+    { Amount: 300, Country: "United States", Date: "FY 2007", Product: "Van", Quantity: 4, State: "South Carolina" }
+]
+
+module PivotGaugeRelational {
+    $(function () {
+        var sample = new ej.PivotGauge($("#PivotGauge"),{
+            dataSource: {
+				data: pivot_dataset,
+				rows: [
+					{
+						fieldName: "Country",
+						fieldCaption: "Country"
+					},
+					{
+						fieldName: "State",
+						fieldCaption: "State"
+					}
+				],
+				columns: [
+					{
+						fieldName: "Product",
+						fieldCaption: "Product"
+					}
+				],
+                values: [
+					{
+						fieldName: "Amount",
+						fieldCaption: "Amount"
+					},
+					{
+						fieldName: "Quantity",
+						fieldCaption: "Quantity"
+					}
+				]
+			},
+            enableTooltip: true, isResponsive: true,
+			backgroundColor: "transparent",
+            labelFormatSettings: { decimalPlaces: 2 },
+			scales: [{
+				showRanges: true,
+				radius: 150, showScaleBar: true, size: 1,
+                border: {
+					width: 0.5
+				},
+				showIndicators: true, showLabels: true,
+                pointers: [{
+					showBackNeedle: true,
+					backNeedleLength: 20,
+					length: 120,
+					width: 7
+                },
+				{		
+					type: "marker",
+					markerType: "diamond",
+					distanceFromScale: 5,
+					placement: "center",
+					backgroundColor: "#29A4D9",
+					length: 25,
+					width: 15
+				}],
+                ticks: [{
+					type: "major",
+                    distanceFromScale: 2,
+					height: 16,
+					width: 1, color: "#8c8c8c"
+				},
+                {
+					type: "minor",
+					height: 6,
+					width: 1,
+					distanceFromScale: 2,
+                    color: "#8c8c8c"
+                }],
+                labels: [{
+                    color: "#8c8c8c"
+				}],
+                ranges: [{
+					distanceFromScale: -5,
+                    backgroundColor: "#fc0606",
+					border: { color: "#fc0606" }
+                }, 
+				{
+					distanceFromScale: -5
+                }],
+				customLabels: [{
+					position: { x: 180, y: 290 },
+					font: { size: "10px", fontFamily: "Segoe UI", fontStyle: "Normal" }, color: "#666666"
+                },
+				{
+					position: { x: 180, y: 320 },
+					font: { size: "10px", fontFamily: "Segoe UI", fontStyle: "Normal" }, color: "#666666"
+                },
+				{
+                    position: { x: 180, y: 150 },
+                    font: { size: "12px", fontFamily: "Segoe UI", fontStyle: "Normal" }, color: "#666666"
+                }]
+            }]
+        });
+    });	
+}
+
+
+
+module PivotGridOlap {
+
+    $(function () {
+        var sample = new ej.PivotGrid($("#PivotGrid"),{
+            dataSource: {
+			data: "http://bi.syncfusion.com/olap/msmdpump.dll",
+			catalog: "Adventure Works DW 2008 SE",
+			cube: "Adventure Works",
+			rows: [
+				{
+					fieldName: "[Date].[Fiscal]"
+				}
+			],
+			columns: [
+				{
+					fieldName: "[Customer].[Customer Geography]"
+				}
+			],
+            values: [
+				{
+					measures: [
+						{
+							fieldName: "[Measures].[Internet Sales Amount]",
+						}
+                    ],
+					axis: "columns"
+				}
+			],
+			filters:[]
+		},
+		hyperlinkSettings: {
+			enableValueCellHyperlink: true,
+			enableRowHeaderHyperlink: true,
+			enableColumnHeaderHyperlink: true,
+			enableSummaryCellHyperlink: true
+		},
+        enableGroupingBar: true, 
+		enableCellEditing: true,
+		enableCellSelection: true,
+        renderSuccess: function (args) {$("#PivotSchemaDesigner").ejPivotSchemaDesigner({ pivotControl: args, layout: "excel" });}
+        });
+    });
+}
+
+
+
+var pivot_dataset = [
+    { Amount: 100, Country: "Canada", Date: "FY 2005", Product: "Bike", Quantity: 2, State: "Alberta" },
+    { Amount: 200, Country: "Canada", Date: "FY 2006", Product: "Van", Quantity: 3, State: "British Columbia" },
+    { Amount: 300, Country: "Canada", Date: "FY 2007", Product: "Car", Quantity: 4, State: "Brunswick" },
+    { Amount: 150, Country: "Canada", Date: "FY 2008", Product: "Bike", Quantity: 3, State: "Manitoba" },
+    { Amount: 200, Country: "Canada", Date: "FY 2006", Product: "Car", Quantity: 4, State: "Ontario" },
+    { Amount: 100, Country: "Canada", Date: "FY 2007", Product: "Van", Quantity: 1, State: "Quebec" },
+    { Amount: 200, Country: "France", Date: "FY 2005", Product: "Bike", Quantity: 2, State: "Charente-Maritime" },
+    { Amount: 250, Country: "France", Date: "FY 2006", Product: "Van", Quantity: 4, State: "Essonne" },
+    { Amount: 300, Country: "France", Date: "FY 2007", Product: "Car", Quantity: 3, State: "Garonne (Haute)" },
+    { Amount: 150, Country: "France", Date: "FY 2008", Product: "Van", Quantity: 2, State: "Gers" },
+    { Amount: 200, Country: "Germany", Date: "FY 2006", Product: "Van", Quantity: 3, State: "Bayern" },
+    { Amount: 250, Country: "Germany", Date: "FY 2007", Product: "Car", Quantity: 3, State: "Brandenburg" },
+    { Amount: 150, Country: "Germany", Date: "FY 2008", Product: "Car", Quantity: 4, State: "Hamburg" },
+    { Amount: 200, Country: "Germany", Date: "FY 2008", Product: "Bike", Quantity: 4, State: "Hessen" },
+    { Amount: 150, Country: "Germany", Date: "FY 2007", Product: "Van", Quantity: 3, State: "Nordrhein-Westfalen" },
+    { Amount: 100, Country: "Germany", Date: "FY 2005", Product: "Bike", Quantity: 2, State: "Saarland" },
+    { Amount: 150, Country: "United Kingdom", Date: "FY 2008", Product: "Bike", Quantity: 5, State: "England" },
+    { Amount: 250, Country: "United States", Date: "FY 2007", Product: "Car", Quantity: 4, State: "Alabama" },
+    { Amount: 200, Country: "United States", Date: "FY 2005", Product: "Van", Quantity: 4, State: "California" },
+    { Amount: 100, Country: "United States", Date: "FY 2006", Product: "Bike", Quantity: 2, State: "Colorado" },
+    { Amount: 150, Country: "United States", Date: "FY 2008", Product: "Car", Quantity: 3, State: "New Mexico" },
+    { Amount: 200, Country: "United States", Date: "FY 2005", Product: "Bike", Quantity: 4, State: "New York" },
+    { Amount: 250, Country: "United States", Date: "FY 2008", Product: "Car", Quantity: 3, State: "North Carolina" },
+    { Amount: 300, Country: "United States", Date: "FY 2007", Product: "Van", Quantity: 4, State: "South Carolina" }
+]
+
+module PivotGridRelational {
+    $(function () {
+        var sample = new ej.PivotGrid($("#PivotGrid"),{
+            dataSource: {
+			data: pivot_dataset,
+			rows: [
+				{
+					fieldName: "Country",
+					fieldCaption: "Country"
+				},
+				{
+					fieldName: "State",
+					fieldCaption: "State"
+				}
+			],
+			columns:                     
+				[{
+					fieldName: "Product",
+					fieldCaption: "Product"
+				}
+			],
+			values: [
+				{
+					fieldName: "Amount",
+                    fieldCaption: "Amount"
+				},
+				{
+					fieldName: "Quantity",
+					fieldCaption: "Quantity"
+				}
+            ],
+			filters:[]
+		},
+		hyperlinkSettings: {
+			enableValueCellHyperlink: true,
+			enableRowHeaderHyperlink: true,
+			enableColumnHeaderHyperlink: true,
+			enableSummaryCellHyperlink: true
+		},
+        enableGroupingBar: true, 
+		enableCellEditing: true,
+		enableCellSelection: true,
+        renderSuccess: function (args) {$("#PivotSchemaDesigner").ejPivotSchemaDesigner({ pivotControl: args, layout: "excel" });}
+        });
+    });
+}
+
+
+
+module PivotTreeMap {
+    $(function () {
+        var sample = new ej.PivotTreeMap($("#PivotTreeMap"),{
+            dataSource: {
+			data: "http://bi.syncfusion.com/olap/msmdpump.dll;Locale Identifier=1033;",
+			catalog: "Adventure Works DW 2008 SE",
+			cube: "Adventure Works",
+			rows: [
+				{
+					fieldName: "[Customer].[Customer Geography]"
+				}
+			],
+			columns: [
+				{
+					fieldName: "[Date].[Fiscal]"
+				}
+			],
+            values: [
+				{
+					measures: [
+						{
+							fieldName: "[Measures].[Customer Count]",
+						}
+					],
+					axis: "columns"
+				}
+			],
+			filters:[]
+		}
+        });
+    });
+}
+
+
+
+module ProgressBarComponent {
+    $(function () {
+        var sample = new ej.ProgressBar($("#progressBar"),{
+            width: 200,
+            value: 45,
+            height: 20,
+            enablePersistence: true,
+            maxValue: 200,
+            minValue: 0,
+            showRoundedCorner: true,
+            text: 'loading...'
+        });
+    });
+
+}
+
+
+
+
+declare var rteObj: any;
+declare var data: any;
+var radialEle = $('#defaultradialmenu'), action = 0, forRedo = 0;
+var rteEle = $("#rteSample1");
+module AccordionComponent {
+    $(function () {
+
+        if (!(ej.browserInfo().name == "msie" && parseInt(ej.browserInfo().version) < 9)) {
+            var radialmenuInstance = new ej.RadialMenu($("#defaultradialmenu"), {
+                imageClass: "imageclass",
+                backImageClass: "backimageclass",
+                targetElementId: "radialtarget1"
+            });
+        }
+        else {
+            $("#contentDiv").html("Radial Menu is only supported from Internet Explorer Versioned 9 and above.").css({ "font-size": "20px", "color": "red" });
+        }
+        var rteInstance = new ej.RTE($("#rteSample1"), {
+            width: "100%",
+            minWidth: "10px",
+            change: (e) => { radialEle.ejRadialMenu("enableItem", "Undo"); },
+            select: (e) => {
+                var target = $("#radialtarget1"), radialRadius = 150, radialDiameter = 2 * radialRadius,
+                    // To get Iframe positions
+                    iframeY = target.offset().top + e.event.clientY, iframeX = target.offset().left + e.event.clientX,
+                    // To set Radial Menu position within target
+                    x = iframeX > target.width() - radialRadius ? target.width() - radialDiameter : (iframeX > radialRadius ? iframeX - radialRadius : 0),
+                    y = iframeY > target.height() - radialRadius ? target.height() - radialDiameter : (iframeY > radialRadius ? iframeY - radialRadius : 0);
+                radialEle.ejRadialMenu("setPosition", x, y);
+                radialEle.focus();
+                $('iframe').contents().find('body').blur();
+            },
+            showToolbar: false,
+            showContextMenu: false
+        });
+        $(window).resize(function () {
+            if (ej.isMobile() && ej.isPortrait())
+                $('#defaultradialmenu').css({ "left": 25 });
+        });
+    });
+}
+
+
+function bold(e: any) {
+
+    rteObj = rteEle.data("ejRTE");
+    rteObj.executeCommand("bold");
+    data = rteObj._getSelectedHtmlString() ? true : false;
+    if (data) action += 1;
+    forRedo = action;
+    radialEle.focus();
+}
+function italic(e: any) {
+    rteObj = rteEle.data("ejRTE");
+    rteObj.executeCommand("italic");
+    data = rteObj._getSelectedHtmlString() ? true : false;
+    if (data) action += 1;
+    forRedo = action;
+    radialEle.focus();
+}
+function undo(e: any) {
+    rteObj = rteEle.data("ejRTE");
+    rteObj.executeCommand("undo");
+    action -= 1;
+    if (action == 0)
+        radialEle.ejRadialMenu("disableItem", "Undo");
+    radialEle.ejRadialMenu("enableItem", "Redo");
+    radialEle.focus();
+}
+function redo(e: any) {
+    rteObj = rteEle.data("ejRTE");
+    rteObj.executeCommand("redo");
+    action += 1;
+    if (forRedo == action) radialEle.ejRadialMenu("disableItem", "Redo");
+    radialEle.ejRadialMenu("enableItem", "Undo");
+    radialEle.focus();
+}
+
+
+ 
+
+module RadialSliderComponent {
+    $(function () {
+        var radialsliderInstance = new ej.RadialSlider($("#radialSlider"), {
+           innerCircleImageUrl: "../images/radialslider/chevron-right.png"
+        });
+    });
+}
+
+
+module rangecomponent {
+    $(function () {
+        var linearsample = new ej.datavisualization.RangeNavigator($("#RangeNavigator"), {
+            enableDeferredUpdate: true,
+            padding: "15",
+            allowSnapping: true,
+            selectedRangeSettings: {
+                start: "2010/5/1", end: "2011/10/1"
+            },
+            isResponsive: true,
+            tooltipSettings: {
+                visible: true, labelFormat: "MM/dd/yyyy", backgroundColor: "gray", tooltipDisplayMode: "ondemand"
+            },
+            load: () => {
+                var rn = $("#RangeNavigator").data("ejRangeNavigator");
+                rn.model.series = [
+                    {
+                        type: 'line',
+                        dataSource: data.Open, xName: "XValue", yName: "YValue",
+                        fill: '#69D2E7'
+                    }
+                ];
+            } 
+
+        });
+    });
+}
+var data;
+data = GetData();
+
+function GetData() {
+    var series1:any[]=[];
+    var series2:any[]= [];
+    var value = 100;
+    var value1 = 120;
+    for (var i = 1; i < 730; i++) {
+
+        if (Math.random() > .5) {
+            value += Math.random();
+            value1 += Math.random();
+        } else {
+            value -= Math.random();
+            value1 -= Math.random();
+        }
+        var point1 = { XValue: new Date(2010, 0, i), YValue: value };
+        var point2 = { XValue: new Date(2010, 0, i), YValue: value1 };
+        series1.push(point1);
+        series2.push(point2);
+    }
+
+    data = { Open: series1, Close: series2 };
+    return data;
+};
+
+
+
+module RatingComponent {
+    $(function () {
+
+        var sample1 = new ej.Rating($("#fullRating"),{
+            value: 4,
+            precision: ej.Rating.Precision.Full,
+            allowReset: true,
+            cssClass: "gradient-lime",
+            enabled: true,
+            enablePersistence: true,
+            incrementStep: 2,
+            maxValue: 10,
+            minValue: 0,
+            orientation: ej.Orientation.Horizontal,
+            shapeHeight: 25,
+            shapeWidth: 25,
+            showTooltip: true
+        });
+		
+        var sample2 = new ej.Rating($("#halfRating"),{
+            precision: ej.Rating.Precision.Half,
+            value: 3.5,
+            allowReset: true,
+            cssClass: "gradient-lime",
+            enabled: true,
+            enablePersistence: true,
+            incrementStep: 2,
+            maxValue: 10,
+            minValue: 0,
+            orientation: "horizontal",
+            shapeHeight: 25,
+            shapeWidth: 25,
+            showTooltip: true
+        });
+
+        var sample3 = new ej.Rating($("#exactRating"),{
+            precision: ej.Rating.Precision.Exact,
+            value: 3.7,
+            allowReset: true,
+            cssClass: "gradient-lime",
+            enabled: true,
+            enablePersistence: true,
+            incrementStep: 2,
+            maxValue: 10,
+            minValue: 0,
+            orientation: "horizontal",
+            shapeHeight: 25,
+            shapeWidth: 25,
+            showTooltip: true
+        }); 
+    });
+
+}
+
+
+
+module ReportViewerComponent {
+	$(function () {
+		var report = new ej.ReportViewer($("#territoryReportViewer"), {
+			reportServiceUrl: (<any>window).baseurl + 'api/SSRSReport',
+			reportServerUrl: 'http://mvc.syncfusion.com/reportserver',
+			processingMode: ej.ReportViewer.ProcessingMode.Remote,
+			reportPath: "/SSRSSamples2/Territory Sales new",
+			isResponsive: true
+		});
+	});
+}
+
+
+
+var fontfamily = ["Segoe UI", "Arial", "Times New Roman", "Tahoma", "Helvetica"], fontsize = ["1pt", "2pt", "3pt", "4pt", "5pt"], action1 = ["New", "Clear"], action2 = ["Bold", "Italic", "Underline", "strikethrough", "superscript", "subscript", "JustifyLeft", "JustifyCenter", "JustifyRight", "JustifyFull", "Undo", "Redo"];
+module RibbonComponent {
+    $(function () {
+        var sample = new ej.Ribbon($("#defaultRibbon"), {
+            width: "100%",
+            expandPinSettings: {
+                toolTip: "Collapse the Ribbon"
+            },
+            collapsePinSettings: {
+                toolTip: "Pin the Ribbon"
+            },
+            applicationTab: {
+                 type: ej.Ribbon.ApplicationTabType.Menu, menuItemID: "ribbonmenu", menuSettings: { openOnClick: false } 
+            },
+            tabs: [{
+                id: "home", text: "HOME", groups: [{
+                    text: "New", alignType: ej.Ribbon.AlignType.Rows, content: [{
+                        groups: [{
+                            id: "new",
+                            text: "New",
+                            toolTip: "New",
+                            buttonSettings: {
+                                contentType: ej.ContentType.ImageOnly,
+                                imagePosition: ej.ImagePosition.ImageTop,
+                                prefixIcon: "e-icon e-ribbon e-new"
+                            }
+                        }
+                        ],
+                        defaults: {
+                            type: "button",
+                            width: 60,
+                            height: 70
+                        }
+                    }]
+                },
+                {
+                        text: "Clipboard", alignType: ej.Ribbon.AlignType.Columns, content: [{
+                            groups: [{
+                                id: "paste",
+                                text: "paste",
+                                toolTip: "Paste",
+                                splitButtonSettings: {
+                                    contentType: ej.ContentType.ImageOnly,
+                                    prefixIcon: "e-icon e-ribbon e-ribbonpaste",
+                                    targetID: "pasteSplit",
+                                    buttonMode: "dropdown",
+                                    arrowPosition: ej.ArrowPosition.Bottom
+                                }
+                            }
+                            ],
+                            defaults: {
+                                type: "splitbutton",
+                                width: 50,
+                                height: 70
+                            }
+                        },
+                        {
+                             groups: [{
+                                    id: "cut",
+                                    text: "Cut",
+                                    toolTip: "Cut",
+                                    buttonSettings: {
+                                        contentType: ej.ContentType.TextAndImage,
+                                        prefixIcon: "e-icon e-ribbon e-ribboncut"
+                                    }
+                                },
+                                    {
+                                        id: "copy",
+                                        text: "Copy",
+                                        toolTip: "Copy",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.TextAndImage,
+                                            prefixIcon: "e-icon e-ribbon e-ribboncopy"
+                                        }
+                                    },
+                                    {
+                                        id: "clear",
+                                        text: "Clear",
+                                        toolTip: "Clear All",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.TextAndImage,
+                                            prefixIcon: "e-icon e-ribbon clearAll"
+                                        }
+                                    }],
+                                     defaults: {
+                                    type: "button",
+                                    width: 60,
+                                    isBig: false
+                                }
+                            }] 
+                },
+                {
+                        text: "Font", alignType: "rows", content: [{
+                            groups: [{
+                                id: "fontfamily",
+                                toolTip: "Font",
+                                dropdownSettings: {
+                                    dataSource: fontfamily,
+                                    text: "Segoe UI",
+                                    width: 150
+                                }
+                            },
+                                {
+                                    id: "fontsize",
+                                    toolTip: "FontSize",
+                                    dropdownSettings: {
+                                        dataSource: fontsize,
+                                        text: "1pt",
+                                        width: 65
+                                    }
+                                }],
+                            defaults: {
+                                type: "dropdownlist",
+                                height: 28
+                            }
+                        },
+                            {
+                                groups: [{
+                                    id: "bold",
+                                    toolTip: "Bold",
+                                    type: ej.Ribbon.Type.ToggleButton,
+                                    toggleButtonSettings: {
+                                        contentType: ej.ContentType.ImageOnly,
+                                        defaultText: "Bold",
+                                        activeText: "Bold",
+                                        defaultPrefixIcon: "e-icon e-ribbon bold",
+                                        activePrefixIcon: "e-icon e-ribbon bold"
+                                    }
+                                },
+                                    {
+                                        id: "italic",
+                                        toolTip: "Italic",
+                                        type: ej.Ribbon.Type.ToggleButton,
+                                        toggleButtonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            defaultText: "Italic",
+                                            activeText: "Italic",
+                                            defaultPrefixIcon: "e-icon e-ribbon e-ribbonitalic",
+                                            activePrefixIcon: "e-icon e-ribbon e-ribbonitalic"
+                                        }
+                                    },
+                                    {
+                                        id: "underline",
+                                        text: "Underline",
+                                        toolTip: "Underline",
+                                        type: ej.Ribbon.Type.ToggleButton,
+                                        toggleButtonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            defaultText: "Underline",
+                                            activeText: "Underline",
+                                            defaultPrefixIcon: "e-icon e-ribbon e-ribbonunderline",
+                                            activePrefixIcon: "e-icon e-ribbon e-ribbonunderline"
+                                        }
+                                    },
+                                    {
+                                        id: "strikethrough",
+                                        text: "strikethrough",
+                                        toolTip: "Strikethrough",
+                                        type: ej.Ribbon.Type.ToggleButton,
+                                        toggleButtonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            defaultText: "Strikethrough",
+                                            activeText: "Strikethrough",
+                                            defaultPrefixIcon: "e-icon e-ribbon strikethrough",
+                                            activePrefixIcon: "e-icon e-ribbon strikethrough"
+                                        }
+                                    },
+                                    {
+                                        id: "superscript",
+                                        text: "superscript",
+                                        toolTip: "Superscript",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            prefixIcon: "e-icon e-ribbon e-superscripticon"
+                                        }
+                                    },
+                                    {
+                                        id: "subscript",
+                                        text: "subscript",
+                                        toolTip: "Subscript",
+                                        enableSeparator: true,
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            prefixIcon: "e-icon e-ribbon e-subscripticon"
+                                        }
+                                    },
+                                    {
+                                        id: "fontcolor",
+                                        text: "Font Color",
+                                        toolTip: "Font Color",
+                                        type: ej.Ribbon.Type.Custom,
+                                        contentID: "fontcolor"
+                                    },
+                                    {
+                                        id: "fillcolor",
+                                        text: "Fill Color",
+                                        toolTip: "Fill Color",
+                                        type: ej.Ribbon.Type.Custom,
+                                        contentID: "fillcolor"
+                                    }
+                                ],
+                                defaults: {
+                                    isBig: false
+                                }
+                            }]
+                    },
+                    {
+                        text: "Alignment", alignType: ej.Ribbon.AlignType.Rows, content: [
+                            {
+                                groups: [{
+                                    id: "bullet",
+                                    text: "Bullet Format",
+                                    toolTip: "Bullets",
+                                    buttonSettings: {
+                                        contentType: ej.ContentType.ImageOnly,
+                                        prefixIcon: "e-icon e-ribbon e-bullet"
+                                    }
+                                },
+                                    {
+                                        id: "number",
+                                        text: "Number Format",
+                                        toolTip: "Numbering",
+                                        enableSeparator: true,
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            prefixIcon: "e-icon e-ribbon e-numbericon"
+                                        }
+                                    },
+                                    {
+                                        id: "textindent",
+                                        text: "Indent",
+                                        toolTip: "Text Indent",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            prefixIcon: "e-icon e-ribbon e-indent"
+                                        }
+                                    },
+                                    {
+                                        id: "textoudent",
+                                        text: "Outdent",
+                                        toolTip: "Text Outdent",
+                                        enableSeparator: true,
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            prefixIcon: "e-icon e-ribbon e-outdent"
+                                        }
+                                    },
+                                    {
+                                        id: "sortascending",
+                                        text: "Sort",
+                                        toolTip: "Sort",
+                                        enableSeparator: true,
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            prefixIcon: "e-icon e-ribbon e-sort"
+                                        }
+                                    },
+                                    {
+                                        id: "border",
+                                        text: "Border",
+                                        toolTip: "Border",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            prefixIcon: "e-icon e-ribbon e-border"
+                                        }
+                                    }],
+                                defaults: {
+                                    type: "button",
+                                    isBig: false
+                                }
+                            },
+                            {
+                                groups: [{
+                                    id: "alignleft",
+                                    text: "JustifyLeft",
+                                    toolTip: "Align Left",
+                                    buttonSettings: {
+                                        contentType: ej.ContentType.ImageOnly,
+                                        prefixIcon: "e-icon e-ribbon alignleft"
+                                    }
+                                },
+                                    {
+                                        id: "aligncenter",
+                                        text: "JustifyCenter",
+                                        toolTip: "Align Center",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            prefixIcon: "e-icon e-ribbon aligncenter"
+                                        }
+                                    },
+                                    {
+                                        id: "alignright",
+                                        text: "JustifyRight",
+                                        toolTip: "Align Right",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            prefixIcon: "e-icon e-ribbon alignright"
+                                        }
+                                    },
+                                    {
+                                        id: "justify",
+                                        text: "JustifyFull",
+                                        toolTip: "Justify",
+                                        enableSeparator: true,
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            prefixIcon: "e-icon e-ribbon justify"
+                                        }
+                                    },
+                                    {
+                                        id: "uppercase",
+                                        text: "Upper Case",
+                                        toolTip: "Upper Case",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            prefixIcon: "e-icon e-ribbon e-uppercase"
+                                        }
+                                    },
+                                    {
+                                        id: "lowercase",
+                                        text: "Lower Case",
+                                        toolTip: "Lower Case",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.ImageOnly,
+                                            prefixIcon: "e-icon e-ribbon e-lowercase"
+                                        }
+                                    }],
+                                defaults: {
+                                    type: "button",
+                                    isBig: false
+                                }
+                            }]
+                    },
+                    {
+                        text: "Actions", alignType: ej.Ribbon.AlignType.Rows, content: [{
+                            groups: [{
+                                id: "undo",
+                                text: "Undo",
+                                toolTip: "Undo",
+                                buttonSettings: {
+                                    contentType: ej.ContentType.TextAndImage,
+                                    imagePosition: ej.ImagePosition.ImageTop,
+                                    prefixIcon: "e-icon e-ribbon e-undo"
+                                }
+                            },
+                                {
+                                    id: "redo",
+                                    text: "Redo",
+                                    toolTip: "Redo",
+                                    buttonSettings: {
+                                        contentType: ej.ContentType.TextAndImage,
+                                        imagePosition: ej.ImagePosition.ImageTop,
+                                        prefixIcon: "e-icon e-ribbon e-redo"
+                                    }
+                                }
+                            ],
+                            defaults: {
+                                type: "button",
+                                width: 40,
+                                height: 70
+                            }
+                        }]
+                    },
+                    {
+                        text: "View", alignType: ej.Ribbon.AlignType.Rows, content: [{
+                            groups: [{
+                                id: "zoomin",
+                                text: "Zoom In",
+                                toolTip: "Zoom In",                                
+                                buttonSettings: {
+                                    width: 58,
+                                    contentType: ej.ContentType.TextAndImage,
+                                    imagePosition: ej.ImagePosition.ImageTop,
+                                    prefixIcon: "e-icon e-ribbon e-zoomin"
+                                }
+                            },
+                                {
+                                    id: "zoomout",
+                                    text: "Zoom Out",
+                                    toolTip: "Zoom Out",                                    
+                                    buttonSettings: {
+                                        width: 70,
+                                        contentType: ej.ContentType.TextAndImage,
+                                        imagePosition: ej.ImagePosition.ImageTop,
+                                        prefixIcon: "e-icon e-ribbon e-zoomout"
+                                    }
+                                },
+                                {
+                                    id: "fullscreen",
+                                    text: "Full Screen",
+                                    toolTip: "Full Screen",                                    
+                                    buttonSettings: {
+                                        width: 73,
+                                        contentType: ej.ContentType.TextAndImage,
+                                        imagePosition: ej.ImagePosition.ImageTop,
+                                        prefixIcon: "e-icon e-ribbon e-fullscreen"
+                                    }
+                                }
+                            ],
+                            defaults: {
+                                type: "button",
+                                height: 70
+                            }
+                        }]
+                    }]
+            },{
+                    id: "insert", text: "INSERT", groups: [{
+                        text: "Tables", alignType: ej.Ribbon.AlignType.Columns, content: [{
+                            groups: [{
+                                id: "tables",
+                                text: "Tables",
+                                toolTip: "Tables",
+                                buttonSettings: {
+                                    contentType: ej.ContentType.TextAndImage,
+                                    imagePosition: ej.ImagePosition.ImageTop,
+                                    prefixIcon: "e-icon e-ribbon e-table"
+                                }
+                            }
+                            ],
+                            defaults: {
+                                type: "button",
+                                width: 50,
+                                height: 70
+                            }
+                        }]
+                    },
+                        {
+                            text: "Illustrations", alignType: ej.Ribbon.AlignType.Rows, content: [{
+                                groups: [{
+                                    id: "pictures",
+                                    text: "Pictures",
+                                    toolTip: "Pictures",
+                                    buttonSettings: {
+                                        contentType: ej.ContentType.TextAndImage,
+                                        imagePosition: ej.ImagePosition.ImageTop,
+                                        prefixIcon: "e-icon e-ribbon e-picture"
+                                    }
+                                },
+                                    {
+                                        id: "videos",
+                                        text: "Videos",
+                                        toolTip: "Videos",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.TextAndImage,
+                                            imagePosition: ej.ImagePosition.ImageTop,
+                                            prefixIcon: "e-icon e-ribbon e-video"
+                                        }
+                                    },
+                                    {
+                                        id: "shapes",
+                                        text: "Shapes",
+                                        toolTip: "Shapes",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.TextAndImage,
+                                            imagePosition: ej.ImagePosition.ImageTop,
+                                            prefixIcon: "e-icon e-ribbon e-shape"
+                                        }
+                                    },
+                                    {
+                                        id: "charts",
+                                        text: "Charts",
+                                        toolTip: "Charts",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.TextAndImage,
+                                            imagePosition: ej.ImagePosition.ImageTop,
+                                            prefixIcon: "e-icon e-ribbon e-chart"
+                                        }
+                                    }
+                                ],
+                                defaults: {
+                                    type: "button",
+                                    width: 56,
+                                    height: 70
+                                }
+                            }]
+                        },
+                        {
+                            text: "Comments", alignType: ej.Ribbon.AlignType.Rows, content: [{
+                                groups: [{
+                                    id: "comments",
+                                    text: "Comments",
+                                    toolTip: "Comments",
+                                    buttonSettings: {
+                                        contentType: ej.ContentType.TextAndImage,
+                                        imagePosition: ej.ImagePosition.ImageTop,
+                                        prefixIcon: "e-icon e-ribbon e-comment"
+                                    }
+                                }
+                                ],
+                                defaults: {
+                                    type: "button",
+                                    width: 70,
+                                    height: 70
+                                }
+                            }]
+                        },
+                        {
+                            text: "Text", alignType: ej.Ribbon.AlignType.Rows, content: [{
+                                groups: [{
+                                    id: "text",
+                                    text: "Text",
+                                    toolTip: "Text",
+                                    buttonSettings: {
+                                        contentType: ej.ContentType.TextAndImage,
+                                        imagePosition: ej.ImagePosition.ImageTop,
+                                        prefixIcon: "e-icon e-ribbon e-text",
+                                        width: 50
+                                    }
+                                },
+                                    {
+                                        id: "datetime",
+                                        text: "Date Time",
+                                        toolTip: "DateTime",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.TextAndImage,
+                                            imagePosition: ej.ImagePosition.ImageTop,
+                                            prefixIcon: "e-icon e-ribbon e-datetimenew"
+                                        }
+                                    }
+                                ],
+                                defaults: {
+                                    type: "button",
+                                    width: 70,
+                                    height: 70
+                                }
+                            }]
+                        },
+                        {
+                            text: "Hyperlink", alignType: ej.Ribbon.AlignType.Rows, content: [{
+                                groups: [{
+                                    id: "hyperlink",
+                                    text: "Hyperlink",
+                                    toolTip: "Hyperlink",
+                                    buttonSettings: {
+                                        contentType: ej.ContentType.TextAndImage,
+                                        imagePosition: ej.ImagePosition.ImageTop,
+                                        prefixIcon: "e-icon e-ribbon e-hyperlink"
+                                    }
+                                }
+                                ],
+                                defaults: {
+                                   type: "button",
+                                    width: 70,
+                                    height: 70
+                                }
+                            }]
+                        },
+                        {
+                            text: "Equation", alignType: ej.Ribbon.AlignType.Rows, content: [{
+                                groups: [{
+                                    id: "equation",
+                                    text: "Equation",
+                                    toolTip: "Equation",
+                                    buttonSettings: {
+                                        contentType: ej.ContentType.TextAndImage,
+                                        imagePosition: ej.ImagePosition.ImageTop,
+                                        prefixIcon: "e-icon e-ribbon e-equation"
+                                    }
+                                }
+                                ],
+                                defaults: {
+                                    type: "button",
+                                    width: 60,
+                                    height: 70
+                                }
+                            }]
+                        },
+                        {
+                            text: "Print Layout", alignType: ej.Ribbon.AlignType.Rows, content: [{
+                                groups: [{
+                                    id: "printlayout",
+                                    text: "Print Layout",
+                                    toolTip: "Print Layout",
+                                    buttonSettings: {
+                                        contentType: ej.ContentType.TextAndImage,
+                                        imagePosition: ej.ImagePosition.ImageTop,
+                                        prefixIcon: "e-icon e-ribbon e-printlayout"
+                                    }
+                                }
+                                ],
+                                defaults: {
+                                    type: "button",
+                                    width: 80,
+                                    height: 70
+                                }
+                            }]
+                        },
+                        {
+                            text: "Save", alignType: ej.Ribbon.AlignType.Rows, content: [{
+                                groups: [{
+                                    id: "print",
+                                    text: "Print",
+                                    toolTip: "Print",
+                                    buttonSettings: {
+                                        contentType: ej.ContentType.TextAndImage,
+                                        imagePosition: ej.ImagePosition.ImageTop,
+                                        prefixIcon: "e-icon e-ribbon e-print"
+                                    }
+                                },
+                                    {
+                                        id: "save",
+                                        text: "Save",
+                                        toolTip: "Save",
+                                        buttonSettings: {
+                                            contentType: ej.ContentType.TextAndImage,
+                                            imagePosition: ej.ImagePosition.ImageTop,
+                                            prefixIcon: "e-icon e-ribbon e-save"
+                                        }
+                                    }
+                                ],
+                                defaults: {
+                                    type: "button",
+                                    width: 50,
+                                    height: 70
+                                }
+                            }]
+                        }
+                    ]
+                }
+            ],   
+            create: function createControl(args) {
+                var ribbon = $("#defaultRibbon").data("ejRibbon");
+                $("#fontcolor").ejColorPicker({ value: "#FFFF00", modelType: "palette", cssClass: "e-ribbon", toolIcon: "e-fontcoloricon", select: colorHandler });
+                $("#fillcolor").ejColorPicker({ value: "#FF0000", modelType: "palette", cssClass: "e-ribbon", toolIcon: "e-fillcoloricon", select: colorHandler });
+            }
+        });
+    });
+}
+function colorHandler(args:any) {
+    (this._id.indexOf("fillcolor") != -1) ? $("#contenteditor").css('background-color', args.value) : document.execCommand('forecolor', false, args.value);
+}
+
+
+
+
+ 
+
+module RotatorComponent {
+    $(function () {
+        var rotatorInstance = new ej.Rotator($("#sliderContent"), {
+            slideWidth: "100%",
+            frameSpace: "0px",
+            slideHeight: "auto",
+            displayItemsCount: "1",
+            navigateSteps: "1",
+            pagerPosition:"outside",
+            orientation: "horizontal",
+            showPager: true,
+            enabled: true,
+            showCaption: true,
+            allowKeyboardNavigation: true,
+            showPlayButton: true,
+            isResponsive:true,
+            animationType: "slide",
+        });
+    });
+}
+
+
+
+module RTEComponent {
+    $(function () {
+        var sample = new ej.RTE($("#rteSample"),{
+            width: "100%",
+            minWidth: "150px",
+            showFooter: true,
+            showHtmlSource: true,
+            allowEditing: true,
+            allowKeyboardNavigation: true,
+            autoFocus: true,
+            autoHeight: true,
+            colorPaletteColumns: 10,
+            colorPaletteRows: 5,
+            cssClass: 'gradient-lime',
+            enableResize: true,
+            enableTabKeyNavigation: true,
+            fileBrowser: {
+                filePath: "../FileExplorerContent/",
+                extensionAllow: "*.png, *.doc, *.pdf, *.txt, *.docx",
+                ajaxAction: "http://mvc.syncfusion.com/OdataServices/api/fileoperation/",
+            },
+            imageBrowser: {
+                filePath: "../FileExplorerContent/",
+                extensionAllow: "*.png, *.gif, *.jpg, *.jpeg, *.docx",
+                ajaxAction: "http://mvc.syncfusion.com/OdataServices/api/fileoperation/",
+            },
+            isResponsive: true,
+            showClearAll: true,
+            showClearFormat: true,
+            showDimensions: true,
+            showCharCount: true,
+            tools: {
+                formatStyle: ["format"],
+                edit: ["findAndReplace"],
+                font: ["fontName", "fontSize", "fontColor", "backgroundColor"],
+                style: ["bold", "italic", "underline", "strikethrough"],
+                alignment: ["justifyLeft", "justifyCenter", "justifyRight", "justifyFull"],
+                lists: ["unorderedList", "orderedList"],
+                clipboard: ["cut", "copy", "paste"],
+                doAction: ["undo", "redo"],
+                indenting: ["outdent", "indent"],
+                clear: ["clearFormat", "clearAll"],
+                links: ["createLink", "removeLink"],
+                images: ["image"],
+                media: ["video"],
+                tables: ["createTable", "addRowAbove", "addRowBelow", "addColumnLeft", "addColumnRight", "deleteRow", "deleteColumn", "deleteTable"],
+                effects: ["superscript", "subscript"],
+                casing: ["upperCase", "lowerCase"],
+                view: ["fullScreen", "zoomIn", "zoomOut"],
+                print: ["print"],
+                customUnorderedList: [{
+                    name: "unOrderInsert",
+                    tooltip: "Custom UnOrderList",
+                    css: "e-rte-toolbar-icon e-rte-unlistitems customUnOrder",
+                    text: "Smiley",
+                    listImage: "url('../content/images/rte/Smiley-GIF.gif')"
+                }],
+                customOrderedList: [{
+                    name: "orderInsert",
+                    tooltip: "Custom OrderList",
+                    css: "e-rte-toolbar-icon e-rte-listitems customOrder",
+                    text: "Lower-Greek",
+                    listStyle: "lower-greek"
+                }]
+            }
+        });
+    });
+
+}
+
+
+
+declare var  window :myWindow;
+export interface myWindow extends Window{
+Default:any;
+}
+module ScheduleComponent {
+    $(function () {
+        var sample = new ej.Schedule($("#Schedule1"), {
+            width: "100%",
+            height: "525px",
+            currentDate: new Date(2014, 4, 5),
+            timeScale: {
+                minorSlotCount: 4,
+                majorSlot: 60
+            },
+            contextMenuSettings: {
+                enable: true,
+                menuItems: {
+                    appointment: [
+                        { id: "open", text: "Open Appointment" },
+                        { id: "delete", text: "Delete Appointment" },
+                        { id: "customMenu3", text: "Menu Item 3" },
+                        { id: "customMenu4", text: "Menu Item 4" }
+                    ],
+                    cells: [
+                        { id: "new", text: "New Appointment" },
+                        { id: "recurrence", text: "New Recurring Appointment" },
+                        { id: "today", text: "Today" },
+                        { id: "gotodate", text: "Go to date" },
+                        { id: "settings", text: "Settings" },
+                        { id: "view", text: "View", parentId: "settings" },
+                        { id: "timemode", text: "TimeMode", parentId: "settings" },
+                        { id: "view_Day", text: "Day", parentId: "view" },
+                        { id: "view_Week", text: "Week", parentId: "view" },
+                        { id: "view_Workweek", text: "Workweek", parentId: "view" },
+                        { id: "view_Month", text: "Month", parentId: "view" },
+                        { id: "timemode_Hour12", text: "12 Hours", parentId: "timemode" },
+                        { id: "timemode_Hour24", text: "24 Hours", parentId: "timemode" },
+                        { id: "workhours", text: "Work Hours", parentId: "settings" },
+                        { id: "customMenu1", text: "Menu Item 1" },
+                        { id: "customMenu2", text: "Menu Item 2" }
+                    ]
+                }
+            },
+            resources: [{
+                field: "ownerId",
+                title: "Owner",
+                name: "Owners", allowMultiple: true,
+                resourceSettings: {
+                    dataSource: [
+                        { text: "Nancy", id: 1, groupId: 1, color: "#f8a398" },
+                        { text: "Steven", id: 3, groupId: 2, color: "#56ca85" },
+                        { text: "Michael", id: 5, groupId: 1, color: "#51a0ed" }
+                    ],
+                    text: "text", id: "id", groupId: "groupId", color: "color"
+                }
+            }],
+            appointmentSettings: {
+                dataSource: new ej.DataManager(window.Default).executeLocal(new ej.Query().take(10)),
+                id: "Id",
+                subject: "Subject",
+                startTime: "StartTime",
+                endTime: "EndTime",
+                description: "Description",
+                allDay: "AllDay",
+                recurrence: "Recurrence",
+                recurrenceRule: "RecurrenceRule",
+                resourceFields: "ownerId"
+            }
+        });
+    });
+}   
+
+
+
+module ScrollerComponent {
+    $(function () {
+        var scrollerSample = new ej.Scroller($("#scrollcontent"), {
+            height: "300px",
+            width: "100%"
+        });
+        $(window).bind('resize', function () {
+            scrollerSample.refresh();
+        });

+    });
+}
+
+
+
+
+
+module SliderComponent {
+    $(function () {
+        var slider = new ej.Slider($("#minSlider"), {
+            sliderType: "MinRange",
+            height: "16px",
+            width: "300px",
+            value: 60,
+            minValue: 0,
+            maxValue: 100
+        });
+        var rangeslider = new ej.Slider($("#rangeSlider"), {
+            sliderType: "Range",
+            height: "16px",
+            width: "300px",
+            values: [30, 60],
+            minValue: 0
+        });
+
+    });
+}
+
+
+
+
+
+
+module linesparkline {
+    $(function () {
+
+        var sparklinesample = new ej.Sparkline($("#line"), {
+            dataSource: [12, 14, 11, 12, 11, 15, 12, 10, 11, 12, 15, 13, 12, 11, 10, 13, 15, 12, 14, 16, 14, 12, 11],
+            tooltip: {
+                visible: true,
+                font: { size:"12px" }
+            },
+            type: "line",
+            size: { height: "40", width:"170" },
+        });
+    });
+}
+
+module columnsparkline {
+    $(function () {
+        var sparkcolumnsample = new ej.Sparkline($("#column"), {
+            dataSource: [2, 6, -1, 1, 12, 5, -2, 7, -3, 5, 8, 10,],
+            negativePointColor: "red",
+            highPointColor: "blue",
+            tooltip: {
+                visible: true,
+                font: {
+                    size: "12px",
+                }
+            },
+            type: "column",
+            size: { height: "100", width: "150" },
+        });
+    });
+}
+
+module areasparkline {
+    $(function () {
+        var sparkareasample = new ej.Sparkline($("#area"), {
+            dataSource: [12, -10, 11, 8, 17, 6, 2, -17, 13, -6, 8, 10,],
+            markerSettings: { visible: true },
+            highPointColor: "blue",
+            lowPointColor: "orange",
+            type: "area",
+            opacity: 0.5,
+            tooltip: {
+                visible: true,
+                font: {
+                    size: "12px",
+                }
+            },
+            size: { height: "100", width: "150" },
+        });
+    });
+}
+
+module windlosssparkline {
+    $(function () {
+        var sparkwinlosssample = new ej.Sparkline($("#winloss"), {
+            dataSource: [12, 15, -11, 13, 17, 0, -12, 17, 13, -15, 8, 10,],
+            type: "winloss",
+            size: { height: "100", width: "150" },
+        });
+    });
+}
+
+module piesparkline1 {
+    $(function () {
+        var sparkpiesample1 = new ej.Sparkline($("#pie1"), {
+            dataSource: [4, 6, 7],
+            type: "pie",
+            tooltip: {
+                visible: true,
+                font: {
+                    size: "12px",
+                }
+            },
+            size: { height: "40", width: "40" },
+        });
+    });
+}
+
+module piesparkline2 {
+    $(function () {
+        var sparkpiesample2 = new ej.Sparkline($("#pie2"), {
+            dataSource: [8, 9, 1,],
+            type: "pie",
+            tooltip: {
+                visible: true,
+                font: {
+                    size: "12px",
+                }
+            },
+            size: { height: "40", width: "40" },
+        });
+    });
+}
+
+module piesparkline3 {
+    $(function () {
+        var sparkpiesample3 = new ej.Sparkline($("#pie3"), {
+            dataSource: [2, 3, 5],
+            type: "pie",
+            tooltip: {
+                visible: true,
+                font: {
+                    size: "12px",
+                }
+            },
+            size: { height: "40", width: "40" },
+        });
+    });
+}
+
+module piesparkline4 {
+    $(function () {
+        var sparkpiesample4 = new ej.Sparkline($("#pie4"), {
+            dataSource: [10, 12, 11],
+            type: "pie",
+            tooltip: {
+                visible: true,
+                font: {
+                    size: "12px",
+                }
+            },
+            size: { height: "40", width: "40" },
+        });
+    });
+}
+
+	
+
+ 
+
+
+module SplitterComponent {
+    $(function () {
+        var splitterInstance = new ej.Splitter($("#outterSpliter"), {
+            height: "250px",
+            width: "50%",
+            orientation: ej.Orientation.Vertical,
+            properties: [{}, { paneSize: 80 }],
+            isResponsive:true
+        });
+        var splitterInstance1 = new ej.Splitter($("#innerSpliter"), {
+            isResponsive:true,
+        });
+    });
+}
+
+
+
+module SpreadsheetComponent {
+$(function () {
+        var sample = new ej.Spreadsheet($("#basicSpreadsheet"), {
+            scrollSettings: {
+                height: 550,
+            },
+            importSettings: {
+                importMapper: (<any>window).baseurl + "api/JSXLExport/Import"
+            },
+            exportSettings: {
+                excelUrl: (<any>window).baseurl + "api/JSXLExport/ExportToExcel",
+                csvUrl: (<any>window).baseurl + "api/JSXLExport/ExportToCsv",
+                pdfUrl: (<any>window).baseurl + "api/JSXLExport/ExportToPdf"
+            },
+            sheets: [{ rangeSettings: [{ dataSource: (<any>window).defaultData, startCell: "A1" }] }],
+			loadComplete: () => {  
+			var spreadsheet = $("#basicSpreadsheet").data("ejSpreadsheet"), xlFormat = spreadsheet.XLFormat;
+			if (!(<any>spreadsheet).isImport) {
+        spreadsheet.setWidthToColumns([140, 128, 105, 100, 100, 110, 120, 120, 100]);
+        xlFormat.format({ "style": { "font-weight": "bold" } }, "A1:H1");
+        xlFormat.format({ "type": "currency" }, "E2:H11");
+        spreadsheet.XLRibbon.updateRibbonIcons();
+    }}
+        });
+    });
+}
+
+
+
+
+module TabComponent {
+    $(function () {
+        var sample = new ej.Tab($("#defaultTab"),{
+            width: "500px",
+            collapsible: true,
+            events: "click",
+            heightAdjustMode: ej.Tab.HeightAdjustMode.Content,
+            showCloseButton: true,
+            showRoundedCorner: false
+        });
+    });
+}
+
+
+
+module TagCloudComponent {
+    
+    
+    var websiteCollection = [
+        { text: "Google", url: "http://www.google.com", frequency: 12 },
+        { text: "All Things Digital", url: "http://allthingsd.com/", frequency: 3 },
+        { text: "Arts Technica", url: "http://arstechnica.com/", frequency: 8 },
+        { text: "Business Week", url: "http://www.businessweek.com/", frequency: 2 },
+        { text: "Yahoo", url: "http://in.yahoo.com/", frequency: 12 },
+        { text: "Center Networks", url: "http://www.centernetworks.com/", frequency: 5 },
+        { text: "Crave", url: "http://news.cnet.com/crave/", frequency: 8 },
+        { text: "Crunch Gear", url: "http://techcrunch.com/gadgets/", frequency: 20 },
+        { text: "Daily Tech", url: "http://www.dailytech.com/", frequency: 1 },
+        { text: "Electronista", url: "http://www.electronista.com/", frequency: 3 },
+        { text: "Engadget", url: "http://www.engadget.com/", frequency: 5 },
+        { text: "Gearlog", url: "http://www.gearlog.com/", frequency: 9 },
+        { text: "Information Week", url: "http://www.informationweek.com/", frequency: 0 },
+        { text: "PCWorld", url: "http://www.pcworld.com/", frequency: 11 },
+        { text: "Tech Republic", url: "http://techrepublic.com/", frequency: 3 },
+        { text: "Valleywag", url: "http://valleywag.gawker.com/", frequency: 6 },
+        { text: "Rediff", url: "http://in.rediff.com/", frequency: 9 },
+        { text: "WebProNews", url: "http://www.webpronews.com/", frequency: 2 }
+    ];
+
+    $(function () {
+        var sample = new ej.TagCloud($("#techWebList"), {
+            titleText: "Tech Sites",
+            dataSource: websiteCollection,
+            cssClass: "gradient-lime",
+            fields: {
+                text: "text", url: "url", frequency: "frequency"
+            }
+        });
+            
+    });
+}
+
+
+
+module EditorComponent {
+    $(function () {
+        var num = new ej.NumericTextbox($("#numeric"), {
+            value: 30,
+            minValue: 1,
+            maxValue: 100,
+            name: "numeric",
+            width: "100%"
+        });
+        var per = new ej.PercentageTextbox($("#percent"), {
+            value: 60,
+            minValue: 10,
+            maxValue: 1000,
+            name: "percent",
+            width: "100%"
+        });
+        var cur = new ej.CurrencyTextbox($("#currency"), {
+            value: 100,
+            minValue: 10,
+            maxValue: 1000,
+            name: "currency",
+            width: "100%"
+        });
+        var mask = new ej.MaskEdit($("#maskedit"), {
+            name: "mask",
+            value: "4242422424",
+            maskFormat: "99 999-99999",
+            width: "100%"
+        })
+    });
+}
+
+
+
+ 
+
+module AccordionComponent {
+    $(function () {
+        var tile1 = new ej.Tile($("#tile1"), {
+            imagePosition:"fill",
+			caption:{text:"People"},
+			tileSize:"medium",
+			imageUrl:'content/images/tile/windows/people_1.png'
+        });
+		var tile2 = new ej.Tile($("#tile2"), {
+            imagePosition:"center",		
+			tileSize:"small",
+			imageUrl:'content/images/tile/windows/alerts.png',		 
+	
+        });
+		var tile3 = new ej.Tile($("#tile3"), {
+            imagePosition:"center",		 
+			tileSize:"small",
+			imageUrl:'content/images/tile/windows/bing.png',		 
+        });
+		var tile4 = new ej.Tile($("#tile4"), {
+            tileSize:"small",
+		 	imageUrl:'content/images/tile/windows/camera.png',		 
+        });
+		var tile5 = new ej.Tile($("#tile5"), {
+            imagePosition:"center",		 
+			tileSize:"small",
+			imageUrl:'content/images/tile/windows/messages.png',		 
+        });
+		var tile6 = new ej.Tile($("#tile6"), {
+            imagePosition:"center",		 
+			tileSize:"medium",
+			imageUrl:'content/images/tile/windows/games.png',	
+			caption:{text:"Play"}
+        });
+		var tile7 = new ej.Tile($("#tile7"), {	 
+			tileSize:"medium",
+			imageUrl:'content/images/tile/windows/map.png',
+			caption:{text:"Maps"}
+        });
+		var tile8 = new ej.Tile($("#tile8"), {
+            imagePosition:"fill",		 
+			tileSize:"wide",
+			imageUrl:'content/images/tile/windows/sports.png',
+			caption:{text:"Sports"}
+        });
+		var tile9 = new ej.Tile($("#tile9"), {
+            imagePosition:"fill",
+			tileSize:"medium",
+			imageUrl:'content/images/tile/windows/people_2.png',
+			caption:{text:"People"}
+        });
+		var tile10 = new ej.Tile($("#tile10"), {
+            imagePosition:"center",
+			tileSize:"medium",
+			imageUrl:'content/images/tile/windows/pictures.png',
+			caption:{text:"Photo"}
+        });
+		var tile11 = new ej.Tile($("#tile11"), {
+            imagePosition:"center",
+			tileSize:"wide",
+			imageUrl:'content/images/tile/windows/weather.png',
+			caption:{text:"Weather"}
+        });
+		var tile12 = new ej.Tile($("#tile12"), {
+            imagePosition:"center",
+			tileSize:"medium",
+			imageUrl:'content/images/tile/windows/music.png',
+			caption:{text:"Music"}
+        });
+		var tile13 = new ej.Tile($("#tile13"), {
+            imagePosition:"center",
+			tileSize:"medium",
+			imageUrl:'content/images/tile/windows/favs.png',
+			caption:{text:"Favorites"}
+        });
+    });
+}
+
+
+
+module TimePickerComponent {
+    $(function () {
+        var timeSample = new ej.TimePicker($("#timepick"), {
+            width: "100%"
+        });
+    });
+}
+
+
+
+
+module ToolbarComponent {
+    
+    $(function () {
+        var sample = new ej.Toolbar($("#editingToolbar"),{
+            width: "100%",
+            cssClass: "gradient-lime",
+            enableSeparator: true,
+            height: 30,
+            isResponsive: true,
+            orientation: ej.Orientation.Horizontal,
+            showRoundedCorner: true
+        });
+    });
+
+}
+
+
+
+
+module TooltipComponent {
+    
+    $(function () {
+
+        var sample1 = new ej.Tooltip($("#link1"),{
+            content: "ECMAScript (or ES) is a trademarked scripting-language specification standardized by Ecma International in ECMA-262 and ISO/IEC 16262.",
+            associate: "mousefollow",
+            autoCloseTimeout: 5000,
+            collision: "fit",
+            containment: ".frame",
+            showRoundedCorner: true,
+            showShadow: true
+        });
+
+        var sample2 = new ej.Tooltip($("#link2"),{
+            content: "The World Wide Web (WWW) is an information space where documents and other web resources are identified by URLs, interlinked by hypertext links, and can be accessed via the Internet.",
+            position: {
+                stem: {
+                    horizontal: "left",
+                    vertical: "center"
+                },
+                target: {
+                    horizontal: "right",
+                    vertical: "center",
+                },
+            },
+            autoCloseTimeout: 5000,
+            collision: "fit",
+            containment: ".frame",
+            showRoundedCorner: true,
+            showShadow: true
+        });
+
+        var sample3 = new ej.Tooltip($("#link3"),{
+            content: 'Object-oriented programming (OOP) is a programming language model organized around objects rather than "actions" and data rather than logic.',
+            position: {
+                stem: {
+                    horizontal: "right",
+                    vertical: "center"
+                },
+                target: {
+                    horizontal: "left",
+                    vertical: "center",
+                },
+            },
+            associate: "mousefollow",
+            autoCloseTimeout: 5000,
+            collision: "fit",
+            containment: ".frame",
+            showRoundedCorner: true,
+            showShadow: true
+        });
+    });
+}
+
+
+
+module TreeGridComponent {
+    $(function () {
+        var treegridInstance = new ej.TreeGrid($("#TreeGridContainer"), {
+        dataSource: (<any>window).treeGridData,
+        childMapping: "subtasks",
+        allowSorting: true,
+        allowMultiSorting: true,
+        enableAltRow: true,
+        allowFiltering: true,
+        treeColumnIndex: 1,
+        allowKeyboardNavigation: true,
+        showColumnChooser: true,
+        showColumnOptions: true,
+        contextMenuSettings: {
+            showContextMenu: true,
+            contextMenuItems: ["add", "edit", "delete"]
+        },
+        columnDialogFields: ["field", "headerText", "editType", "width", "visible", "allowSorting", "textAlign", "headerTextAlign"],
+        editSettings: {
+            allowAdding: true,
+            allowEditing: true,
+            allowDeleting: true,
+            editMode: "cellEditing",
+            rowPosition: "belowSelectedRow"
+        },
+        toolbarSettings: {
+            showToolbar: true,
+            toolbarItems: ["add","edit","delete","update","cancel","expandAll","collapseAll"]
+        },
+        columns: [
+            { field: "taskID", headerText: "Task Id", allowFiltering: false, editType: "numericedit", filterEditType: "numericedit" },
+            { field: "taskName", headerText: "Task Name", editType: "stringedit", filterEditType: "stringedit" },
+            { field: "startDate", headerText: "Start Date", editType: "datepicker", filterEditType: "datepicker" },
+            { field: "endDate", headerText: "End Date", editType: "datepicker", filterEditType: "datepicker" },
+            { field: "progress", headerText: "Progress", editType: "numericedit", filterEditType: "numericedit" }
+        ],
+        isResponsive: true,
+    });
+});
+} 
+
+
+
+
+var population_data: Array<Object> = [
+    { Continent: "Asia", Country: "Indonesia", Growth: 3, Population: 237641326 },
+    { Continent: "Asia", Country: "Russia", Growth: 2, Population: 152518015 },
+    { Continent: "Asia", Country: "Malaysia", Growth: 1, Population: 29672000 },
+    { Continent: "North America", Country: "United States", Growth: 4, Population: 315645000 },
+    { Continent: "North America", Country: "Mexico", Growth: 2, Population: 112336538 },
+    { Continent: "North America", Country: "Canada", Growth: 1, Population: 39056064 },
+    { Continent: "South America", Country: "Colombia", Growth: 1, Population: 47000000 },
+    { Continent: "South America", Country: "Brazil", Growth: 3, Population: 193946886 },
+    { Continent: "Africa", Country: "Nigeria", Growth: 2, Population: 170901000 },
+    { Continent: "Africa", Country: "Egypt", Growth: 1, Population: 83661000 },
+    { Continent: "Europe", Country: "Germany", Growth: 1, Population: 81993000 },
+    { Continent: "Europe", Country: "France", Growth: 1, Population: 65605000 },
+    { Continent: "Europe", Country: "UK", Growth: 1, Population: 63181775 }
+];
+
+module treemapcomponent {
+    $(function () {
+        var treemapsample = new ej.datavisualization.TreeMap($("#treemap"), {
+            leafItemSettings: { showLabels: true, labelPath: "Country" },
+            rangeColorMapping: [
+                { color: "#77D8D8", legendLabel: "1% Growth", from: 0, to: 1 },
+                { color: "#AED960", from: 0, legendLabel: "2% Growth", to: 2 },
+                { color: "#FFAF51", from: 0, legendLabel: "3% Growth", to: 3 },
+                { color: "#F3D240", from: 0, legendLabel: "4% Growth", to: 4 }
+            ],
+            levels: [
+                { groupPath: "Continent", groupGap: 5, headerHeight: 25, showHeader: true, headerTemplate: 'headertemplate' }
+            ],
+            dataSource: population_data,
+            colorValuePath: "Growth",
+            weightValuePath: "Population",
+            borderThickness: 0,
+            showLegend: true
+        });
+    });
+}
+
+
+
+ 
+
+module TreeViewComponent {
+    $(function () {
+        var tree = new ej.TreeView($("#treeView"), {
+            allowEditing: true,
+            allowDragAndDrop: true,
+            allowDropChild: true,
+            allowDropSibling: true,
+        });
+    });
+}
+
+
+
+
+module UploadboxComponent {
+    
+    $(function () {
+        var sample = new ej.Uploadbox($("#UploadDefault"),{
+            saveUrl: "uploadbox/saveFiles.ashx",
+            removeUrl: "uploadbox/removeFiles.ashx",
+            buttonText: {
+                browse: "Choose File", upload: "Upload the File", cancel: "Cancel the Upload"
+            },
+            cssClass: "gradient- purple",
+            dialogAction: {
+                modal: false, closeOnComplete: false, drag: true
+            },
+            extensionsAllow: ".zip",
+            multipleFilesSelection: true,
+            showFileDetails: true
+        });
+    });
+
+}
+
+
+
+
+module WaitingPopupComponent {
+    $(function () {
+        var sample = new ej.WaitingPopup($("#target"),{
+            showOnInit: true,
+            showImage: true,
+            text: 'waiting&hellip;'
+        });
+    });
+
+}
diff --git a/ej.web.all/ej.web.all.d.ts b/ej.web.all/ej.web.all.d.ts
new file mode 100644
index 0000000000..9d0a97ef38
--- /dev/null
+++ b/ej.web.all/ej.web.all.d.ts
@@ -0,0 +1,56236 @@
+// Type definitions for ej.web.all v14.3.0.49
+// Project: http://help.syncfusion.com/js/typescript
+// Definitions by: Syncfusion <https://github.com/syncfusion/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../jquery/jquery.d.ts" />
+
+/*!
+*  filename: ej.web.all.d.ts
+*  version : 14.3.0.49
+*  Copyright Syncfusion Inc. 2001 - 2016. 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. 
+*/
+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 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 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: Object;
+		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;
+    }
+
+    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;
+    }    
+
+    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;
+        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 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;
+        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 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;
+        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;
+        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): Object;
+        remove(dm: ej.DataManager, keyField: string, value:any, tableName: string): Object;
+        update(dm: ej.DataManager, keyField: string, value:any, tableName: string): 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: 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): void;
+        or(field: string, operator: any, value: any, ignoreCase: boolean): void;
+		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,
+		equal,
+		greaterThan,
+		greaterThanOrEqual,
+		lessThan,
+		lessThanOrEqual,
+		notEqual,
+		startsWith
+	}
+
+	enum MatrixDefaults {
+		m11,
+		m12,
+		m21,
+		m22,
+		offsetX,
+		offsetY,
+		type
+	}
+	enum MatrixTypes {
+		Identity,
+		Scaling,
+		Translation,
+		Unknown
+	}
+
+	enum Orientation {
+		Horizontal,
+		Vertical
+	}
+
+	enum SliderType {
+		Default,
+		MinRange,
+		Range
+	}
+
+	enum eventType {
+		click,
+		mouseDown,
+		mouseLeave,
+		mouseMove,
+		mouseUp
+	}
+	enum headerOption {
+		row,
+		tHead
+	}
+		
+	enum filterType{
+		StartsWith,
+		Contains,
+		EndsWith,
+		LessThan,
+		GreaterThan,
+		LessThanOrEqual ,
+		GreaterThanOrEqual,
+		Equal,
+		NotEqual
+	}
+	enum Animation{
+		Fade,
+		None,
+		Slide
+	} 
+	enum Type{
+		Overlay,
+		Slide
+	}
+class Draggable extends ej.Widget {
+	static fn: Draggable;
+	constructor(element: JQuery, options?: Draggable.Model);
+	constructor(element: Element, options?: Draggable.Model);
+	model:Draggable.Model;
+	defaults:Draggable.Model;
+
+	/** destroy in the draggable.
+	*   @returns {void}
+	*/
+	_destroy(): void;
+}
+export module Draggable{
+
+export interface Model {
+
+	/** If clone is specified.
+	*   @Default {false}
+	*/
+	clone?: boolean;
+
+	/** Sets the offset of the dragging helper relative to the mouse cursor.
+	*   @Default {{ top: -1, left: -2 }}
+	*/
+	cursorAt?: any;
+
+	/** Distance in pixels after mousedown the mouse must move before dragging should start. This option can be used to prevent unwanted drags when clicking on an element.
+	*   @Default {1}
+	*/
+	distance?: number;
+
+	/** The drag area is used to restrict the dragging element bounds.
+	*   @Default {false}
+	*/
+	dragArea?: boolean;
+
+	/** If specified, restricts drag start click to the specified element(s).
+	*   @Default {null}
+	*/
+	handle?: string;
+
+	/** Used to group sets of draggable and droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted by the droppable.
+	*   @Default {'default'}
+	*/
+	scope?: string;
+
+	/** This event is triggered when dragging element is destroyed. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** This event is triggered when the mouse is moved during the dragging. */
+	drag? (e: DragEventArgs): void;
+
+	/** Supply a callback function to handle the drag start event as an init option. */
+	dragStart? (e: DragStartEventArgs): void;
+
+	/** This event is triggered when the mouse is moved during the dragging. */
+	dragStop? (e: DragStopEventArgs): void;
+
+	/** This event is triggered when dragged. */
+	helper? (e: HelperEventArgs): void;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the autocomplete model
+	*/
+	model?: ej.Draggable.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DragEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the draggable model
+	*/
+	model?: ej.Draggable.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event model values
+	*/
+	event?: any;
+
+	/** returns the exact mouse down target element
+	*/
+	target?: any;
+}
+
+export interface DragStartEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the draggable model
+	*/
+	model?: ej.Draggable.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event model values
+	*/
+	event?: any;
+
+	/** returns the exact mouse down target element
+	*/
+	target?: any;
+}
+
+export interface DragStopEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the draggable model
+	*/
+	model?: ej.Draggable.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event model values
+	*/
+	event?: any;
+
+	/** returns the exact mouse down target element
+	*/
+	target?: any;
+}
+
+export interface HelperEventArgs {
+
+	/** returns the draggable element object
+	*/
+	element?: any;
+
+	/** returns the event model values
+	*/
+	sender?: any;
+}
+}
+
+class Droppable extends ej.Widget {
+	static fn: Droppable;
+	constructor(element: JQuery, options?: Droppable.Model);
+	constructor(element: Element, options?: Droppable.Model);
+	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.
+	*/
+	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, options?: Resizable.Model);
+	constructor(element: Element, options?: Resizable.Model);
+	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);
+	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;
+
+	/** Scroller moves to given pixel in X (left) position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
+	*   @returns {void}
+	*/
+	scrollX(): void;
+
+	/** Scroller moves to given pixel in Y (top) position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
+	*   @returns {void}
+	*/
+	scrollY(): 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;
+
+	/** It will fire when mouse trackball has been start to wheel. */
+	wheelStart? (e: WheelStartEventArgs): 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 stop to wheel. */
+	wheelStop? (e: WheelStopEventArgs): void;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the scroller model
+	*/
+	model?: ej.Scroller.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** returns the scroller model
+	*/
+	model?: ej.Scroller.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+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 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 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);
+	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;
+
+	/** Triggered after AJAX load failed action. Arguments have URL, error message, and current model value. */
+	ajaxError? (e: AjaxErrorEventArgs): void;
+
+	/** Triggered after the AJAX content loads. Arguments have current model values. */
+	ajaxLoad? (e: AjaxLoadEventArgs): void;
+
+	/** Triggered after AJAX success action. Arguments have URL, content, and current model values. */
+	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
+
+	/** Triggered before a tab item is active. Arguments have active index and model values. */
+	beforeActivate? (e: BeforeActivateEventArgs): void;
+
+	/** Triggered 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 Accordion control creation. */
+	create? (e: CreateEventArgs): void;
+
+	/** Triggered after Accordion control destroy. */
+	destroy? (e: DestroyEventArgs): 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;
+}
+
+export interface ActivateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns active index
+	*/
+	activeIndex?: number;
+
+	/** returns current active header
+	*/
+	activeHeader?: any;
+
+	/** returns true when the Accordion index activated by user interaction otherwise returns false
+	*/
+	isInteraction?: boolean;
+}
+
+export interface AjaxBeforeLoadEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns current AJAX content location
+	*/
+	URL?: string;
+}
+
+export interface AjaxErrorEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns current AJAX content location
+	*/
+	URL?: string;
+
+	/** returns the failed data sent.
+	*/
+	data?: string;
+}
+
+export interface AjaxLoadEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the name of the URL
+	*/
+	URL?: string;
+}
+
+export interface AjaxSuccessEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns current AJAX content location
+	*/
+	URL?: string;
+
+	/** returns the successful data sent.
+	*/
+	data?: string;
+
+	/** returns the AJAX content.
+	*/
+	content?: string;
+}
+
+export interface BeforeActivateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns active index
+	*/
+	activeIndex?: number;
+
+	/** returns true when the Accordion index activated by user interaction otherwise returns false
+	*/
+	isInteraction?: boolean;
+}
+
+export interface BeforeInactivateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns active index
+	*/
+	inActiveIndex?: number;
+
+	/** returns true when the Accordion index activated by user interaction otherwise returns false
+	*/
+	isInteraction?: boolean;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface InActivateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns active index
+	*/
+	inActiveIndex?: number;
+
+	/** returns in active element
+	*/
+	inActiveHeader?: any;
+
+	/** returns true when the Accordion index activated by user interaction otherwise returns false
+	*/
+	isInteraction?: boolean;
+}
+
+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;
+}
+
+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);
+	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 {void}
+	*/
+	getSelectedItems(): void;
+
+	/** Returns the current selected value from the Autocomplete textbox.
+	*   @returns {void}
+	*/
+	getValue(): void;
+
+	/** Returns the current active text value in the Autocomplete suggestion list.
+	*   @returns {void}
+	*/
+	getActiveText(): void;
+
+	/** 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?: 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|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;
+
+	/** 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;
+
+	/** 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|string;
+
+	/** 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;
+
+	/** 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 {
+}
+
+export interface ActionSuccessEventArgs {
+}
+
+export interface ActionCompleteEventArgs {
+}
+
+export interface ActionFailureEventArgs {
+}
+
+export interface ChangeEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the autocomplete model object.
+	*/
+	model?: any;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** 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?: any;
+
+	/** 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?: Array<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, options?: Button.Model);
+	constructor(element: Element, options?: Button.Model);
+	model:Button.Model;
+	defaults:Button.Model;
+
+	/** destroy the button widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** To disable the button
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** To enable the button
+	*   @returns {void}
+	*/
+	enable(): void;
+}
+export module Button{
+
+export interface Model {
+
+	/** Specifies the contentType of the Button. See below to know available ContentType
+	*   @Default {ej.ContentType.TextOnly}
+	*/
+	contentType?: ej.ContentType|string;
+
+	/** Sets the root CSS class for Button theme, which is used customize.
+	*/
+	cssClass?: string;
+
+	/** Specifies the button control state.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Specify the Right to Left direction to button
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Specifies the height of the Button.
+	*   @Default {28}
+	*/
+	height?: number;
+
+	/** It allows to define the characteristics of the Button control. It will helps to extend the capability of an HTML element.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Specifies the image position of the Button. This image position is applicable only with the textandimage contentType property. The images can be positioned in both imageLeft and imageRight options. See below to know about available ImagePosition
+	*   @Default {ej.ImagePosition.ImageLeft}
+	*/
+	imagePosition?: ej.ImagePosition|string;
+
+	/** Specifies the primary icon for Button. This icon will be displayed from the left margin of the button.
+	*   @Default {null}
+	*/
+	prefixIcon?: string;
+
+	/** Convert the button as repeat button. It raises the 'Click' event repeatedly from the it is pressed until it is released.
+	*   @Default {false}
+	*/
+	repeatButton?: boolean;
+
+	/** Displays the Button with rounded corners.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Specifies the size of the Button. See below to know available ButtonSize
+	*   @Default {ej.ButtonSize.Normal}
+	*/
+	size?: ej.ButtonSize|string;
+
+	/** Specifies the secondary icon for Button. This icon will be displayed from the right margin of the button.
+	*   @Default {null}
+	*/
+	suffixIcon?: string;
+
+	/** Specifies the text content for Button.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Specified the time interval between two consecutive 'click' event on the button.
+	*   @Default {150}
+	*/
+	timeInterval?: string;
+
+	/** Specifies the Type of the Button. See below to know available ButtonType
+	*   @Default {ej.ButtonType.Submit}
+	*/
+	type?: ej.ButtonType|string;
+
+	/** Specifies the width of the Button.
+	*   @Default {100px}
+	*/
+	width?: string|number;
+
+	/** Fires when Button control is clicked successfully.Consider the scenario to perform any validation,modification of content or any other operations click on button,we can make use of this click event to achieve the scenario. */
+	click? (e: ClickEventArgs): void;
+
+	/** Fires after Button control is created.If the user want to perform any operation after the button control creation then the user can make use of this create event. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the button is destroyed successfully.If the user want to perform any operation after the destroy button control then the user can make use of this destroy event. */
+	destroy? (e: DestroyEventArgs): void;
+}
+
+export interface ClickEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the button model
+	*/
+	model?: ej.Button.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** return the button state
+	*/
+	status?: boolean;
+
+	/** return the event model for sever side processing. 
+	*/
+	e?: any;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the button model
+	*/
+	model?: ej.Button.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the button model
+	*/
+	model?: ej.Button.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+}
+enum ContentType
+{
+//To display the text content only in button
+TextOnly,
+//To display the image only in button
+ImageOnly,
+//Supports to display  image for both ends of the button
+ImageBoth,
+//Supports to display image with the text content
+TextAndImage,
+//Supports to display  image with both ends of the text
+ImageTextImage,
+}
+enum ImagePosition
+{
+//support for aligning text in left and image in right
+ImageRight,
+//support for aligning text in right and image in left
+ImageLeft,
+//support for aligning text in bottom and image in top.
+ImageTop,
+//support for aligning text in top and image in bottom
+ImageBottom,
+}
+enum ButtonSize
+{
+//Creates button with Built-in default size height, width specified
+Normal,
+//Creates button with Built-in mini size height, width specified
+Mini,
+//Creates button with Built-in small size height, width specified
+Small,
+//Creates button with Built-in medium size height, width specified 
+Medium,
+//Creates button with Built-in large size height, width specified 
+Large,
+}
+enum ButtonType
+{
+//Creates button with Built-in button type specified
+Button,
+//Creates button with Built-in reset type specified 
+Reset,
+//Creates button with Built-in submit type specified
+Submit,
+}
+
+class Captcha extends ej.Widget {
+	static fn: Captcha;
+	constructor(element: JQuery, options?: Captcha.Model);
+	constructor(element: Element, options?: Captcha.Model);
+	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);
+	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;
+
+	/** 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|string;
+
+	/** The list item to be selected by default using its index.
+	*   @Default {null}
+	*/
+	selectedIndex?: number;
+
+	/** The list items to be selected by default using its indices. To use this property allowMultiSelection should be enabled.
+	*   @Default {[]}
+	*/
+	selectedIndices?: Array<any>;
+
+	/** Enables/Disables the multi selection option with the help of checkbox control.
+	*   @Default {false}
+	*/
+	showCheckbox?: boolean;
+
+	/** To display the ListBox container with rounded corners.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** 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 {
+}
+
+export interface ActionSuccessEventArgs {
+}
+
+export interface ActionCompleteEventArgs {
+}
+
+export interface ActionFailureEventArgs {
+}
+
+export interface ActionBeforeSuccessEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: any;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** List of actual object.
+	*/
+	actual?: any;
+
+	/** Object of ListBox widget which contains DataManager arguments
+	*/
+	request?: any;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** List of array object
+	*/
+	result?: Array<any>;
+
+	/** ExecuteQuery object of DataManager
+	*/
+	xhr?: any;
+}
+
+export interface ChangeEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: any;
+
+	/** 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?: any;
+
+	/** 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?: any;
+
+	/** 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?: any;
+
+	/** 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?: any;
+
+	/** 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?: any;
+
+	/** 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?: any;
+
+	/** 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?: any;
+
+	/** 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?: any;
+
+	/** 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?: any;
+
+	/** 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?: any;
+
+	/** 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, options?: Calculate.Model);
+	constructor(element: Element, options?: Calculate.Model);
+	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);
+	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);
+	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
+	*   @returns {any}
+	*/
+	hexCodeToRGB(): any;
+
+	/** Hides the ColorPicker popup, if in opened state.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** Convert color value from HSV to RGB
+	*   @returns {any}
+	*/
+	HSVToRGB(): any;
+
+	/** Convert color value from RGB to HEX
+	*   @returns {string}
+	*/
+	RGBToHEX(): string;
+
+	/** Convert color value from RGB to HSV
+	*   @returns {any}
+	*/
+	RGBToHSV(): 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;
+
+	/** Specifies the model type to be rendered initially in the color picker control. See below to get available ModelType
+	*   @Default {ej.ColorPicker.ModelType.Default}
+	*/
+	modelType?: ej.ColorPicker.ModelType|string;
+
+	/** This property allows to change the opacity value .The selected color opacity will be adjusted by using this opacity value.
+	*   @Default {100}
+	*/
+	opacityValue?: number|string;
+
+	/** Specifies the palette type to be displayed at initial time in palette model.There two types of palette model available in ColorPicker control. See below available Palette
+	*   @Default {ej.ColorPicker.Palette.BasicPalette}
+	*/
+	palette?: ej.ColorPicker.Palette|string;
+
+	/** This property allows to define the preset model to be rendered initially in palette type.It consists of 12 different types of presets. Each presets have 50 colors. See below available Presets
+	*   @Default {ej.ColorPicker.Presets.Basic}
+	*/
+	presetType?: ej.ColorPicker.Presets|string;
+
+	/** Allows to show/hides the apply and cancel buttons in ColorPicker control
+	*   @Default {true}
+	*/
+	showApplyCancel?: boolean;
+
+	/** Allows to show/hides the clear button in ColorPicker control
+	*   @Default {true}
+	*/
+	showClearButton?: boolean;
+
+	/** This property allows to provides live preview support for current cursor selection color and selected color.
+	*   @Default {true}
+	*/
+	showPreview?: boolean;
+
+	/** This property allows to store the color values in custom list.The ColorPicker will keep up to 11 colors in a custom list.By clicking the add button, the selected color from picker or palette will get added in the recent color list.
+	*   @Default {false}
+	*/
+	showRecentColors?: boolean;
+
+	/** Allows to show/hides the switcher button in ColorPicker control.It helps to switch palette or picker mode in colorpicker.
+	*   @Default {true}
+	*/
+	showSwitcher?: boolean;
+
+	/** This property allows to shows tooltip to notify the slider value in color picker control.
+	*   @Default {false}
+	*/
+	showTooltip?: boolean;
+
+	/** Specifies the toolIcon to be displayed in dropdown control color area.
+	*   @Default {null}
+	*/
+	toolIcon?: string;
+
+	/** This property allows to define the customized text or content to displayed when mouse over the following elements. This property also allows to use the culture values.
+	*   @Default {{ switcher: Switcher, addbutton: Add Color, basic: Basic, monochrome: Mono Chrome, flatcolors: Flat Color, seawolf: Sea Wolf, webcolors: Web Colors, sandy: Sandy, pinkshades: Pink Shades, misty: Misty, citrus: Citrus, vintage: Vintage, moonlight: Moon Light, candycrush: Candy Crush, currentcolor: Current Color, selectedcolor: Selected Color }}
+	*/
+	tooltipText?: TooltipText;
+
+	/** Specifies the color value for color picker control, the value is in hexadecimal form with prefix of &quot;#&quot;.
+	*   @Default {null}
+	*/
+	value?: string;
+
+	/** Fires after Color value has been changed successfully.If the user want to perform any operation after the color value changed then the user can make use of this change event. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires after closing the color picker popup. */
+	close? (e: CloseEventArgs): void;
+
+	/** Fires after Color picker control is created. If the user want to perform any operation after the color picker control creation then the user can make use of this create event. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires after Color picker control is destroyed. If the user want to perform any operation after the color picker control destroyed then the user can make use of this destroy event. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires after opening the color picker popup */
+	open? (e: OpenEventArgs): void;
+
+	/** Fires after Color value has been selected successfully. If the user want to perform any operation after the color value selected then the user can make use of this select event. */
+	select? (e: SelectEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** return the changed color value
+	*/
+	value?: string;
+}
+
+export interface CloseEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the color picker model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface OpenEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface SelectEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** return the selected color value
+	*/
+	value?: string;
+}
+
+export interface ButtonText {
+
+	/** Sets the text for the apply button.
+	*/
+	apply?: string;
+
+	/** Sets the text for the cancel button.
+	*/
+	cancel?: string;
+
+	/** Sets the header text for the swatches area.
+	*/
+	swatches?: string;
+}
+
+export interface TooltipText {
+
+	/** Sets the tooltip text for the switcher button.
+	*/
+	switcher?: string;
+
+	/** Sets the tooltip text for the add button.
+	*/
+	addbutton?: string;
+
+	/** Sets the tooltip text for the basic preset.
+	*/
+	basic?: string;
+
+	/** Sets the tooltip text for the mono chrome preset.
+	*/
+	monochrome?: string;
+
+	/** Sets the tooltip text for the flat colors preset.
+	*/
+	flatcolors?: string;
+
+	/** Sets the tooltip text for the sea wolf preset.
+	*/
+	seawolf?: string;
+
+	/** Sets the tooltip text for the web colors preset.
+	*/
+	webcolors?: string;
+
+	/** Sets the tooltip text for the sandy preset.
+	*/
+	sandy?: string;
+
+	/** Sets the tooltip text for the pink shades preset.
+	*/
+	pinkshades?: string;
+
+	/** Sets the tooltip text for the misty preset.
+	*/
+	misty?: string;
+
+	/** Sets the tooltip text for the citrus preset.
+	*/
+	citrus?: string;
+
+	/** Sets the tooltip text for the vintage preset.
+	*/
+	vintage?: string;
+
+	/** Sets the tooltip text for the moon light preset.
+	*/
+	moonlight?: string;
+
+	/** Sets the tooltip text for the candy crush preset.
+	*/
+	candycrush?: string;
+
+	/** Sets the tooltip text for the current color area.
+	*/
+	currentcolor?: string;
+
+	/** Sets the tooltip text for the selected color area.
+	*/
+	selectedcolor?: string;
+}
+
+enum ModelType{
+
+	///support palette type mode in color picker.
+	Palette,
+
+	///support palette type mode in color picker.
+	Picker
+}
+
+
+enum Palette{
+
+	///used to show the basic palette
+	BasicPalette,
+
+	///used to show the custompalette
+	CustomPalette
+}
+
+
+enum Presets{
+
+	///used to show the basic presets
+	Basic,
+
+	///used to show the CandyCrush colors presets
+	CandyCrush,
+
+	///used to show the Citrus colors presets
+	Citrus,
+
+	///used to show the FlatColors presets
+	FlatColors,
+
+	///used to show the Misty presets
+	Misty,
+
+	///used to show the MoonLight presets
+	MoonLight,
+
+	///used to show the PinkShades presets
+	PinkShades,
+
+	///used to show the Sandy presets
+	Sandy,
+
+	///used to show the Seawolf presets
+	SeaWolf,
+
+	///used to show the Vintage presets
+	Vintage,
+
+	///used to show the WebColors presets
+	WebColors
+}
+
+}
+enum ButtonMode
+{
+//Displays the button in split mode 
+Split,
+//Displays the button in Dropdown mode
+Dropdown,
+}
+
+class FileExplorer extends ej.Widget {
+	static fn: FileExplorer;
+	constructor(element: JQuery, options?: FileExplorer.Model);
+	constructor(element: Element, options?: FileExplorer.Model);
+	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;
+
+	/** 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;
+
+	/** Enables or disables the resize support in FileExplorer control.
+	*   @Default {false}
+	*/
+	enableResize?: boolean;
+
+	/** Enables or disables the Right to Left alignment support in FileExplorer control.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Enables or disables the thumbnail image compression option in FileExplorer control. By enabling this option, you can reduce the thumbnail image size while loading.
+	*   @Default {false}
+	*/
+	enableThumbnailCompress?: boolean;
+
+	/** Allows specified type of files only to display in FileExplorer control.
+	*   @Default {.}
+	*/
+	fileTypes?: string;
+
+	/** By using filterSettings property, you can customize the search functionality of the search bar in FileExplorer control.
+	*/
+	filterSettings?: FilterSettings;
+
+	/** By using the gridSettings property, you can customize the grid behavior in the FileExplorer control.
+	*/
+	gridSettings?: GridSettings;
+
+	/** Specifies the height of FileExplorer control.
+	*   @Default {400}
+	*/
+	height?: string|number;
+
+	/** Enables or disables the responsive support for FileExplorer control during the window resizing time.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Sets the file view type. There are three view types available such as Grid, Tile and Large icons. See layoutType.
+	*   @Default {ej.FileExplorer.layoutType.Grid}
+	*/
+	layout?: ej.FileExplorer.layoutType|string;
+
+	/** Sets the culture in FileExplorer.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the maximum height of FileExplorer control.
+	*   @Default {null}
+	*/
+	maxHeight?: string|number;
+
+	/** Sets the maximum width of FileExplorer control.
+	*   @Default {null}
+	*/
+	maxWidth?: string|number;
+
+	/** Sets the minimum height of FileExplorer control.
+	*   @Default {250px}
+	*/
+	minHeight?: string|number;
+
+	/** Sets the minimum width of FileExplorer control.
+	*   @Default {400px}
+	*/
+	minWidth?: string|number;
+
+	/** The property path denotes the filesystem path that are to be explored. The path for the filesystem can be physical path or relative path, but it has to be relevant to where the Web API is hosted.
+	*/
+	path?: string;
+
+	/** The selectedFolder is used to select the specified folder of FileExplorer control.
+	*/
+	selectedFolder?: string;
+
+	/** The selectedItems is used to select the specified items (file, folder) of FileExplorer control.
+	*/
+	selectedItems?: string|Array<any>;
+
+	/** Enables or disables the checkbox option in FileExplorer control.
+	*   @Default {true}
+	*/
+	showCheckbox?: boolean;
+
+	/** Enables or disables the context menu option in FileExplorer control.
+	*   @Default {true}
+	*/
+	showContextMenu?: boolean;
+
+	/** Enables or disables the footer in FileExplorer control. The footer element displays the details of the current selected files and folders. And also the footer having the switcher to change the layout view.
+	*   @Default {true}
+	*/
+	showFooter?: boolean;
+
+	/** FileExplorer control is displayed with rounded corner when this property is set to true.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** FileExplorer control is rendered with thumbnail preview of images in Tile and LargeIcons layout when this property set to true.
+	*   @Default {true}
+	*/
+	showThumbnail?: boolean;
+
+	/** Shows or disables the toolbar in FileExplorer control.
+	*   @Default {true}
+	*/
+	showToolbar?: boolean;
+
+	/** Enables or disables the navigation pane in FileExplorer control. The navigation pane contains a tree view element that displays all the folders from the filesystem in a hierarchical manner. This is useful to a quick navigation of any folder in the filesystem.
+	*   @Default {true}
+	*/
+	showNavigationPane?: boolean;
+
+	/** The tools property is used to configure and group required toolbar items in FileExplorer control.
+	*   @Default {{ creation: [NewFolder], navigation: [Back, Forward, Upward], addressBar: [Addressbar], editing: [Refresh, Upload, Delete, Rename, Download], copyPaste: [Cut, Copy, Paste], getProperties: [Details], searchBar: [Searchbar], layout: [Layout]}}
+	*/
+	tools?: any;
+
+	/** The toolsList property is used to arrange the toolbar items in the FileExplorer control.
+	*   @Default {[layout, creation, navigation, addressBar, editing, copyPaste, getProperties, searchBar]}
+	*/
+	toolsList?: Array<any>;
+
+	/** Gets or sets an object that indicates whether to customize the upload behavior in the FileExplorer.
+	*/
+	uploadSettings?: UploadSettings;
+
+	/** Specifies the width of FileExplorer control.
+	*   @Default {850}
+	*/
+	width?: string|number;
+
+	/** Fires before the AJAX request is performed. */
+	beforeAjaxRequest? (e: BeforeAjaxRequestEventArgs): void;
+
+	/** Fires before downloading the files. */
+	beforeDownload? (e: BeforeDownloadEventArgs): void;
+
+	/** Fires before getting a requested image from server. Also this event will be triggered when you have enabled thumbnail image compression option in FileExplorer.Using this event, you can customize the image compression size. */
+	beforeGetImage? (e: BeforeGetImageEventArgs): void;
+
+	/** Fires before files or folders open. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
+
+	/** Fires before uploading the files. */
+	beforeUpload? (e: BeforeUploadEventArgs): void;
+
+	/** Fires when FileExplorer control was created */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when file or folder is copied successfully. */
+	copy? (e: CopyEventArgs): void;
+
+	/** Fires when new folder is created successfully in file system. */
+	createFolder? (e: CreateFolderEventArgs): void;
+
+	/** Fires when file or folder is cut successfully. */
+	cut? (e: CutEventArgs): void;
+
+	/** Fires when the FileExplorer is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when the files or directory has been started to drag over on the FileExplorer */
+	dragStart? (e: DragStartEventArgs): void;
+
+	/** Fires when the files or directory is dragging over on the FileExplorer. */
+	drag? (e: DragEventArgs): void;
+
+	/** Fires when the files or directory has been stopped to drag over on FileExplorer */
+	dragStop? (e: DragStopEventArgs): void;
+
+	/** Fires when the files or directory is dropped to the target folder of FileExplorer */
+	drop? (e: DropEventArgs): void;
+
+	/** Fires after loading the requested image from server. Using this event, you can get the details of loaded image. */
+	getImage? (e: GetImageEventArgs): void;
+
+	/** Fires when the file view type is changed. */
+	layoutChange? (e: LayoutChangeEventArgs): 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 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 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 FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+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);
+	model:DatePicker.Model;
+	defaults:DatePicker.Model;
+
+	/** Disables the DatePicker control.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Enable the DatePicker control, if it is in disabled state.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Returns the current date value in the DatePicker control.
+	*   @returns {string}
+	*/
+	getValue(): string;
+
+	/** Close the DatePicker popup, if it is in opened state.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** Opens the DatePicker popup.
+	*   @returns {void}
+	*/
+	show(): void;
+}
+export module DatePicker{
+
+export interface Model {
+
+	/** Used to allow or restrict the editing in DatePicker input field directly. By setting false to this API, You can only pick the date from DatePicker popup.
+	*   @Default {true}
+	*/
+	allowEdit?: boolean;
+
+	/** allow or restrict the drill down to multiple levels of view (month/year/decade) in DatePicker calendar
+	*   @Default {true}
+	*/
+	allowDrillDown?: boolean;
+
+	/** Disable the list of specified date value.
+	*   @Default {{}}
+	*/
+	blackoutDates?: any;
+
+	/** Sets the specified text value to the today button in the DatePicker calendar.
+	*   @Default {Today}
+	*/
+	buttonText?: string;
+
+	/** Sets the root CSS class for DatePicker theme, which is used customize.
+	*/
+	cssClass?: string;
+
+	/** Formats the value of the DatePicker in to the specified date format. If this API is not specified, dateFormat will be set based on the current culture of DatePicker.
+	*   @Default {MM/dd/yyyy}
+	*/
+	dateFormat?: string;
+
+	/** Specifies the header format of days in DatePicker calendar. See below to get available Headers options
+	*   @Default {ej.DatePicker.Header.Short}
+	*/
+	dayHeaderFormat?: string | ej.DatePicker.Header;
+
+	/** Specifies the navigation depth level in DatePicker calendar. This option is not applied when start level view option is lower than depth level view. See below to know available levels in DatePicker Calendar
+	*/
+	depthLevel?: string | ej.DatePicker.Level;
+
+	/** Allows to embed the DatePicker calendar in the page. Also associates DatePicker with div element instead of input.
+	*   @Default {false}
+	*/
+	displayInline?: boolean;
+
+	/** Enables or disables the animation effect with DatePicker calendar.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Enable or disable the DatePicker control.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Sustain the entire widget model of DatePicker even after form post or browser refresh
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Displays DatePicker calendar along with DatePicker input field in Right to Left direction.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Allows to enter valid or invalid date in input textbox and indicate as error if it is invalid value, when this API value is set to true. For false value, invalid date is not allowed to input field and corrected to valid date automatically, even if invalid date is given.
+	*   @Default {false}
+	*/
+	enableStrictMode?: boolean;
+
+	/** Used  the required fields for special Dates in DatePicker in order to customize the special dates in a calendar.
+	*   @Default {null}
+	*/
+	fields?: Fields;
+
+	/** Specifies the header format to be displayed in the DatePicker calendar.
+	*   @Default {MMMM yyyy}
+	*/
+	headerFormat?: string;
+
+	/** Specifies the height of the DatePicker input text.
+	*   @Default {28px}
+	*/
+	height?: string;
+
+	/** HighlightSection is used to highlight currently selected date's month/week/workdays. See below to get available HighlightSection options
+	*   @Default {none}
+	*/
+	highlightSection?: string | ej.DatePicker.HighlightSection;
+
+	/** Weekend  dates will be highlighted when this property is set to true.
+	*   @Default {false}
+	*/
+	highlightWeekend?: boolean;
+
+	/** Specifies the HTML Attributes of the DatePicker.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Change the DatePicker calendar and date format based on given culture.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Specifies the maximum date in the calendar that the user can select.
+	*   @Default {new Date(2099, 11, 31)}
+	*/
+	maxDate?: string|Date;
+
+	/** Specifies the minimum date in the calendar that the user can select.
+	*   @Default {new Date(1900, 00, 01)}
+	*/
+	minDate?: string|Date;
+
+	/** Allows to toggles the read only state of the DatePicker. When the widget is readOnly, it doesn't allow your input.
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** It allow to show/hide the disabled date ranges
+	*   @Default {true}
+	*/
+	showDisabledRange?: boolean;
+
+	/** It allows to display footer in DatePicker calendar.
+	*   @Default {true}
+	*/
+	showFooter?: boolean;
+
+	/** It allows to display/hides the other months days from the current month calendar in a DatePicker.
+	*   @Default {true}
+	*/
+	showOtherMonths?: boolean;
+
+	/** Shows/hides the date icon button at right side of textbox, which is used to open or close the DatePicker calendar popup.
+	*   @Default {true}
+	*/
+	showPopupButton?: boolean;
+
+	/** DatePicker input is displayed with rounded corner when this property is set to true.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Used to show the tooltip when hovering on the days in the DatePicker calendar.
+	*   @Default {true}
+	*/
+	showTooltip?: boolean;
+
+	/** Specifies the special dates in DatePicker.
+	*   @Default {null}
+	*/
+	specialDates?: any;
+
+	/** Specifies the start day of the week in DatePicker calendar.
+	*   @Default {0}
+	*/
+	startDay?: number;
+
+	/** Specifies the start level view in DatePicker calendar. See below available Levels
+	*   @Default {ej.DatePicker.Level.Month}
+	*/
+	startLevel?: string | ej.DatePicker.Level;
+
+	/** Specifies the number of months to be navigate for one click of next and previous button in a DatePicker Calendar.
+	*   @Default {1}
+	*/
+	stepMonths?: number;
+
+	/** Provides option to customize the tooltip format.
+	*   @Default {ddd MMM dd yyyy}
+	*/
+	tooltipFormat?: string;
+
+	/** Sets the jQuery validation support to DatePicker Date value. See validation
+	*   @Default {null}
+	*/
+	validationMessage?: any;
+
+	/** Sets the jQuery validation custom rules to the DatePicker. see validation
+	*   @Default {null}
+	*/
+	validationRules?: any;
+
+	/** sets or returns the current value of DatePicker
+	*   @Default {null}
+	*/
+	value?: string|Date;
+
+	/** Specifies the water mark text to be displayed in input text.
+	*   @Default {Select date}
+	*/
+	watermarkText?: string;
+
+	/** Specifies the width of the DatePicker input text.
+	*   @Default {160px}
+	*/
+	width?: string;
+
+	/** Fires before closing the DatePicker popup. */
+	beforeClose? (e: BeforeCloseEventArgs): void;
+
+	/** Fires when each date is created in the DatePicker popup calendar. */
+	beforeDateCreate? (e: BeforeDateCreateEventArgs): void;
+
+	/** Fires before opening the DatePicker popup. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
+
+	/** Fires when the DatePicker input value is changed. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires when DatePicker popup is closed. */
+	close? (e: CloseEventArgs): void;
+
+	/** Fires when the DatePicker is created successfully. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the DatePicker is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when DatePicker input gets focus. */
+	focusIn? (e: FocusInEventArgs): void;
+
+	/** Fires when DatePicker input loses the focus. */
+	focusOut? (e: FocusOutEventArgs): void;
+
+	/** Fires when calender view navigates to month/year/decade/century. */
+	navigate? (e: NavigateEventArgs): void;
+
+	/** Fires when DatePicker popup is opened. */
+	open? (e: OpenEventArgs): void;
+
+	/** Fires when a date is selected from the DatePicker popup. */
+	select? (e: SelectEventArgs): void;
+}
+
+export interface BeforeCloseEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the event parameters from DatePicker.
+	*/
+	events?: any;
+
+	/** returns the DatePicker popup.
+	*/
+	element?: HTMLElement;
+}
+
+export interface BeforeDateCreateEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the currently created date object.
+	*/
+	date?: any;
+
+	/** returns the current DOM object of the date from the Calendar.
+	*/
+	element?: HTMLElement;
+
+	/** returns the currently created date as string type.
+	*/
+	value?: string;
+}
+
+export interface BeforeOpenEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the event parameters from DatePicker.
+	*/
+	events?: any;
+
+	/** returns the DatePicker popup.
+	*/
+	element?: HTMLElement;
+}
+
+export interface ChangeEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the DatePicker input value.
+	*/
+	value?: string;
+
+	/** returns the previously selected value.
+	*/
+	prevDate?: string;
+}
+
+export interface CloseEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the current date object.
+	*/
+	date?: any;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the current date value.
+	*/
+	value?: string;
+
+	/** returns the previously selected value.
+	*/
+	prevDate?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface FocusInEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the currently selected date value.
+	*/
+	value?: string;
+}
+
+export interface FocusOutEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the currently selected date value.
+	*/
+	value?: string;
+
+	/** returns the previously selected date value.
+	*/
+	prevDate?: string;
+}
+
+export interface NavigateEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the current date object.
+	*/
+	date?: any;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the previous view state of calendar.
+	*/
+	navigateFrom?: string;
+
+	/** returns the current view state of calendar.
+	*/
+	navigateTo?: string;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the current date value.
+	*/
+	value?: string;
+}
+
+export interface OpenEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the current date object.
+	*/
+	date?: any;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the current date value.
+	*/
+	value?: string;
+
+	/** returns the previously selected value.
+	*/
+	prevDate?: string;
+}
+
+export interface SelectEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the selected date object.
+	*/
+	date?: any;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the current date value.
+	*/
+	value?: string;
+
+	/** returns the previously selected value.
+	*/
+	prevDate?: string;
+
+	/** returns whether the  currently selected date is special date or not.
+	*/
+	isSpecialDay?: string;
+}
+
+export interface Fields {
+
+	/** Specifies the specials dates
+	*/
+	date?: string;
+
+	/** Specifies the icon class to special dates.
+	*/
+	iconClass?: string;
+
+	/** Specifies the tooltip to special dates.
+	*/
+	tooltip?: string;
+
+	/** Specifies the CSS class to customize the date.
+	*/
+	cssClass?: string;
+}
+
+enum Header{
+
+	///Removes day header in DatePicker
+	None,
+
+	///sets  the short format of day name (like Sun) in header in DatePicker
+	Short,
+
+	///sets  the Min format of day name (like su) in header format DatePicker
+	Min
+}
+
+
+enum Level{
+
+	///allow  navigation upto year level in  DatePicker
+	Year,
+
+	///allow  navigation upto decade level in  DatePicker
+	Decade,
+
+	///allow  navigation upto Century level in  DatePicker
+	Century
+}
+
+
+enum HighlightSection{
+
+	///Highlight the week of the currently  selected date in DatePicker popup calendar  
+	Week,
+
+	///Highlight the workdays in a currently  selected date's week in DatePicker popup calendar 
+	WorkDays,
+
+	///Nothing will be highlighted, remove highlights from DatePicker popup calendar if already exists
+	None
+}
+
+}
+
+class DateTimePicker extends ej.Widget {
+	static fn: DateTimePicker;
+	constructor(element: JQuery, options?: DateTimePicker.Model);
+	constructor(element: Element, options?: DateTimePicker.Model);
+	model:DateTimePicker.Model;
+	defaults:DateTimePicker.Model;
+
+	/** Disables the DateTimePicker control.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Enables the DateTimePicker control.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Returns the current datetime value in the DateTimePicker.
+	*   @returns {string}
+	*/
+	getValue(): string;
+
+	/** Hides or closes the DateTimePicker popup.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** Updates the current system date value and time value to the DateTimePicker.
+	*   @returns {void}
+	*/
+	setCurrentDateTime(): void;
+
+	/** Shows or opens the DateTimePicker popup.
+	*   @returns {void}
+	*/
+	show(): void;
+}
+export module DateTimePicker{
+
+export interface Model {
+
+	/** 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 Dialog extends ej.Widget {
+	static fn: Dialog;
+	constructor(element: JQuery, options?: Dialog.Model);
+	constructor(element: Element, options?: Dialog.Model);
+	model:Dialog.Model;
+	defaults:Dialog.Model;
+
+	/** Closes the dialog widget dynamically.
+	*   @returns {void}
+	*/
+	close(): void;
+
+	/** Collapses the content area when it is expanded.
+	*   @returns {void}
+	*/
+	collapse(): void;
+
+	/** Destroys the Dialog widget.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Expands the content area when it is collapsed.
+	*   @returns {void}
+	*/
+	expand(): void;
+
+	/** Checks whether the Dialog widget is opened or not. This methods returns Boolean value.
+	*   @returns {void}
+	*/
+	isOpen(): void;
+
+	/** Maximizes the Dialog widget.
+	*   @returns {void}
+	*/
+	maximize(): void;
+
+	/** Minimizes the Dialog widget.
+	*   @returns {void}
+	*/
+	minimize(): void;
+
+	/** Opens the Dialog widget.
+	*   @returns {void}
+	*/
+	open(): void;
+
+	/** Pins the dialog in its current position.
+	*   @returns {void}
+	*/
+	pin(): void;
+
+	/** Restores the dialog.
+	*   @returns {void}
+	*/
+	restore(): void;
+
+	/** Unpins the Dialog widget.
+	*   @returns {void}
+	*/
+	unpin(): void;
+
+	/** Sets the title for the Dialog widget.
+	*   @param {string} The title for the dialog widget.
+	*   @returns {void}
+	*/
+	setTitle(Title: string): void;
+
+	/** Sets the content for the Dialog widget dynamically.
+	*   @param {string} The content for the dialog widget. It accepts both string and HTML string.
+	*   @returns {void}
+	*/
+	setContent(content: string): void;
+
+	/** Sets the focus on the Dialog widget.
+	*   @returns {void}
+	*/
+	focus(): void;
+}
+export module Dialog{
+
+export interface Model {
+
+	/** Adds action buttons like close, minimize, pin, maximize in the dialog header.
+	*/
+	actionButtons?: string[];
+
+	/** 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;
+
+	/** Enable or disables responsive behavior.
+	*/
+	isResponsive?: boolean;
+
+	/** Set the localization culture for Dialog Widget.
+	*/
+	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;
+}
+}
+
+class DropDownList extends ej.Widget {
+	static fn: DropDownList;
+	constructor(element: JQuery, options?: DropDownList.Model);
+	constructor(element: Element, options?: DropDownList.Model);
+	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 {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 {HTMLElement}
+	*/
+	getSelectedItem(): HTMLElement;
+
+	/** This method is used to retrieve the items value that are selected in the DropDownList.
+	*   @returns {string}
+	*/
+	getSelectedValue(): string;
+
+	/** This method hides the suggestion popup in the DropDownList.
+	*   @returns {void}
+	*/
+	hidePopup(): void;
+
+	/** This method is used to select the list of items in the DropDownList through the Index of the items.
+	*   @param {string|number|Array<any>}  select the given index list items
+	*   @returns {void}
+	*/
+	selectItemsByIndices(index: string|number|Array<any>): void;
+
+	/** This method is used to select an item in the DropDownList by using the given text value.
+	*   @param {string|number|Array<any>}  select the list items relates to given text
+	*   @returns {void}
+	*/
+	selectItemByText(index: string|number|Array<any>): void;
+
+	/** This method is used to select an item in the DropDownList by using the given value.
+	*   @param {string|number|Array<any>}  select the list items relates to given values
+	*   @returns {void}
+	*/
+	selectItemByValue(index: string|number|Array<any>): void;
+
+	/** This method shows the DropDownList control with the suggestion popup.
+	*   @returns {void}
+	*/
+	showPopup(): void;
+
+	/** This method is used to unselect all the items in the DropDownList.
+	*   @returns {void}
+	*/
+	unCheckAll(): void;
+
+	/** This method is used to unselect the list of items in the DropDownList through Index of the items.
+	*   @param {string|number|Array<any>}  unselect the given index list items
+	*   @returns {void}
+	*/
+	unselectItemsByIndices(index: string|number|Array<any>): void;
+
+	/** This method is used to unselect an item in the DropDownList by using the given text value.
+	*   @param {string|number|Array<any>}  unselect the list items relates to given text
+	*   @returns {void}
+	*/
+	unselectItemByText(index: string|number|Array<any>): void;
+
+	/** This method is used to unselect an item in the DropDownList by using the given value.
+	*   @param {string|number|Array<any>}  unselect the list items relates to given values
+	*   @returns {void}
+	*/
+	unselectItemByValue(index: string|number|Array<any>): void;
+}
+export module DropDownList{
+
+export interface Model {
+
+	/** The Virtual Scrolling(lazy loading) feature is used to display a large amount of data that you require without buffering the entire load of a huge database records in the DropDownList, that is, when scrolling, an AJAX request is sent to fetch some amount of data from the server dynamically. To achieve this scenario with DropDownList, set the allowVirtualScrolling to true.
+	*   @Default {false}
+	*/
+	allowVirtualScrolling?: boolean;
+
+	/** The cascading DropDownLists is a series of two or more DropDownLists in which each DropDownList is filtered according to the previous DropDownList’s value.
+	*   @Default {null}
+	*/
+	cascadeTo?: string;
+
+	/** Sets the case sensitivity of the search operation. It supports both enableFilterSearch and enableIncrementalSearch property.
+	*   @Default {false}
+	*/
+	caseSensitiveSearch?: boolean;
+
+	/** Dropdown widget's style and appearance can be controlled based on 13 different default built-in themes.You can customize the appearance of the dropdown by using the cssClass property. You need to specify a class name in the cssClass property and the same class name is used before the class definitions wherever the custom styles are applied.
+	*/
+	cssClass?: string;
+
+	/** This property is used to serve data from the data services based on the query provided. To bind the data to the dropdown widget, the dataSource property is assigned with the instance of the ej.DataManager.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Sets the separator when the multiSelectMode with delimiter option or checkbox is enabled with the dropdown. When you enter the delimiter value, the texts after the delimiter are considered as a separate word or query. The delimiter string is a single character and must be a symbol. Mostly, the delimiter symbol is used as comma (,) or semi-colon (;) or any other special character.
+	*   @Default {','}
+	*/
+	delimiterChar?: string;
+
+	/** The enabled Animation property uses the easeOutQuad animation to SlideDown and SlideUp the Popup list in 200 and 100 milliseconds, respectively.
+	*   @Default {false}
+	*/
+	enableAnimation?: boolean;
+
+	/** This property is used to indicate whether the DropDownList control responds to the user interaction or not. By default, the control is in the enabled mode and you can disable it by setting it to false.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Specifies to perform incremental search for the selection of items from the DropDownList with the help of this property. This helps in selecting the item by using the typed character.
+	*   @Default {true}
+	*/
+	enableIncrementalSearch?: boolean;
+
+	/** This property selects the item in the DropDownList when the item is entered in the Search textbox.
+	*   @Default {false}
+	*/
+	enableFilterSearch?: boolean;
+
+	/** Saves the current model value to the browser cookies for state maintenance. While refreshing the DropDownList control page, it retains the model value and it is applied from the browser cookies.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** This enables the resize handler to resize the popup to any size.
+	*   @Default {false}
+	*/
+	enablePopupResize?: boolean;
+
+	/** Sets the DropDownList textbox direction from right to left align.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** This property is used to sort the Items in the DropDownList. By default, it sorts the items in an ascending order.
+	*   @Default {false}
+	*/
+	enableSorting?: boolean;
+
+	/** Specifies the mapping fields for the data items of the DropDownList.
+	*   @Default {null}
+	*/
+	fields?: Fields;
+
+	/** When the enableFilterSearch property value is set to true, the values in the DropDownList shows the items starting with or containing the key word/letter typed in the Search textbox.
+	*   @Default {ej.FilterType.Contains}
+	*/
+	filterType?: ej.FilterType|string;
+
+	/** Used to create visualized header for dropdown items
+	*   @Default {null}
+	*/
+	headerTemplate?: string;
+
+	/** Defines the height of the DropDownList textbox.
+	*   @Default {null}
+	*/
+	height?: string|number;
+
+	/** It sets the given HTML attributes for the DropDownList control such as ID, name, disabled, etc.
+	*   @Default {null}
+	*/
+	htmlAttributes?: any;
+
+	/** Data can be fetched in the DropDownList control by using the DataSource, specifying the number of items.
+	*   @Default {5}
+	*/
+	itemsCount?: number;
+
+	/** Allows the user to set the particular country or region language for the DropDownList.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Defines the maximum height of the suggestion box. This property restricts the maximum height of the popup when resize is enabled.
+	*   @Default {null}
+	*/
+	maxPopupHeight?: string|number;
+
+	/** Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
+	*   @Default {null}
+	*/
+	minPopupHeight?: string|number;
+
+	/** Defines the maximum width of the suggestion box. This property restricts the maximum width of the popup when resize is enabled.
+	*   @Default {null}
+	*/
+	maxPopupWidth?: string|number;
+
+	/** Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
+	*   @Default {0}
+	*/
+	minPopupWidth?: string|number;
+
+	/** With the help of this property, you can make a single or multi selection with the DropDownList and display the text in two modes, delimiter and visual mode. In delimiter mode, you can separate the items by using the delimiter character such as comma (,) or semi-colon (;) or any other special character. In the visual mode, the items are showcased like boxes with close icon in the textbox.
+	*   @Default {ej.MultiSelectMode.None}
+	*/
+	multiSelectMode?: ej.MultiSelectMode|string;
+
+	/** Defines the height of the suggestion popup box in the DropDownList control.
+	*   @Default {152px}
+	*/
+	popupHeight?: string|number;
+
+	/** Defines the width of the suggestion popup box in the DropDownList control.
+	*   @Default {auto}
+	*/
+	popupWidth?: string|number;
+
+	/** Specifies the query to retrieve the data from the DataSource.
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** Specifies that the DropDownList textbox values should be read-only.
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** Specifies an item to be selected in the DropDownList.
+	*   @Default {null}
+	*/
+	selectedIndex?: number;
+
+	/** Specifies the selectedItems for the DropDownList.
+	*   @Default {[]}
+	*/
+	selectedIndices?: Array<any>;
+
+	/** Selects multiple items in the DropDownList with the help of the checkbox control. To achieve this, enable the showCheckbox option to true.
+	*   @Default {false}
+	*/
+	showCheckbox?: boolean;
+
+	/** DropDownList control is displayed with the popup seen.
+	*   @Default {false}
+	*/
+	showPopupOnLoad?: boolean;
+
+	/** DropDownList textbox displayed with the rounded corner style.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** When the enableSorting property value is set to true, this property helps to sort the items either in ascending or descending order
+	*   @Default {ej.sortOrder.Ascending}
+	*/
+	sortOrder?: ej.SortOrder|string;
+
+	/** Specifies the targetID for the DropDownList’s items.
+	*   @Default {null}
+	*/
+	targetID?: string;
+
+	/** By default, you can add any text or image to the DropDownList item. To customize the item layout or to create your own visualized elements, you can use this template support.
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** Defines the text value that is displayed in the DropDownList textbox.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Sets the jQuery validation error message in the DropDownList
+	*   @Default {null}
+	*/
+	validationMessage?: any;
+
+	/** Sets the jQuery validation rules in the Dropdownlist.
+	*   @Default {null}
+	*/
+	validationRules?: any;
+
+	/** Specifies the value (text content) for the DropDownList control.
+	*   @Default {null}
+	*/
+	value?: string;
+
+	/** Specifies a short hint that describes the expected value of the DropDownList control.
+	*   @Default {null}
+	*/
+	watermarkText?: string;
+
+	/** Defines the width of the DropDownList textbox.
+	*   @Default {null}
+	*/
+	width?: string|number;
+
+	/** The Virtual Scrolling feature is used to display a large amount of records in the DropDownList, that is, when scrolling, an AJAX request is sent to fetch some amount of data from the server dynamically. To achieve this scenario with DropDownList, set the allowVirtualScrolling to true. You can set the itemsCount property that represents the number of items to be fetched from the server on every AJAX request.
+	*   @Default {normal}
+	*/
+	virtualScrollMode?: ej.VirtualScrollMode|string;
+
+	/** Fires the action before the XHR request. */
+	actionBegin? (e: ActionBeginEventArgs): void;
+
+	/** Fires the action when the list of items is bound to the DropDownList by xhr post calling */
+	actionComplete? (e: ActionCompleteEventArgs): void;
+
+	/** Fires the action when the xhr post calling failed on remote data binding with the DropDownList control. */
+	actionFailure? (e: ActionFailureEventArgs): void;
+
+	/** Fires the action when the xhr post calling succeed on remote data binding with the DropDownList control */
+	actionSuccess? (e: ActionSuccessEventArgs): void;
+
+	/** Fires the action before the popup is ready to hide. */
+	beforePopupHide? (e: BeforePopupHideEventArgs): void;
+
+	/** Fires the action before the popup is ready to be displayed. */
+	beforePopupShown? (e: BeforePopupShownEventArgs): void;
+
+	/** Fires when the cascading happens between two DropDownList exactly after the value changes in the first dropdown and before filtering in the second Dropdown. */
+	cascade? (e: CascadeEventArgs): void;
+
+	/** Fires the action when the DropDownList control’s value is changed. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires the action when the list item checkbox value is changed. */
+	checkChange? (e: CheckChangeEventArgs): void;
+
+	/** Fires the action once the DropDownList is created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires the action when the list items is bound to the DropDownList. */
+	dataBound? (e: DataBoundEventArgs): void;
+
+	/** Fires the action when the DropDownList is destroyed. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires the action when the DropDownList is focused. */
+	focusIn? (e: FocusInEventArgs): void;
+
+	/** Fires the action when the DropDownList is about to lose focus. */
+	focusOut? (e: FocusOutEventArgs): void;
+
+	/** Fires the action, once the popup is closed */
+	popupHide? (e: PopupHideEventArgs): void;
+
+	/** Fires the action, when the popup is resized. */
+	popupResize? (e: PopupResizeEventArgs): void;
+
+	/** Fires the action, once the popup is opened. */
+	popupShown? (e: PopupShownEventArgs): void;
+
+	/** Fires the action, when resizing a popup starts. */
+	popupResizeStart? (e: PopupResizeStartEventArgs): void;
+
+	/** Fires the action, when the popup resizing is stopped. */
+	popupResizeStop? (e: PopupResizeStopEventArgs): void;
+
+	/** Fires the action before filtering the list items that starts in the DropDownList when the enableFilterSearch is enabled. */
+	search? (e: SearchEventArgs): void;
+
+	/** Fires the action, when the list of item is selected. */
+	select? (e: SelectEventArgs): void;
+}
+
+export interface ActionBeginEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ActionCompleteEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns number of times trying to fetch the data
+	*/
+	count?: number;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
+
+	/** Returns the query for data retrieval from the Database 
+	*/
+	request?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the number of items fetched from remote data
+	*/
+	result?: Array<any>;
+
+	/** Returns the requested data
+	*/
+	xhr?: any;
+}
+
+export interface ActionFailureEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the error message
+	*/
+	error?: any;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ActionSuccessEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns number of times trying to fetch the data
+	*/
+	count?: number;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
+
+	/** Returns the query for data retrieval from the Database 
+	*/
+	request?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the number of items fetched from remote data
+	*/
+	result?: Array<any>;
+
+	/** Returns the requested data
+	*/
+	xhr?: any;
+}
+
+export interface BeforePopupHideEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the selected text
+	*/
+	text?: string;
+
+	/** returns the selected value
+	*/
+	value?: string;
+}
+
+export interface BeforePopupShownEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the selected text
+	*/
+	text?: string;
+
+	/** returns the selected value
+	*/
+	value?: string;
+}
+
+export interface CascadeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the cascading dropdown model.
+	*/
+	cascadeModel?: any;
+
+	/** returns the current selected value in first dropdown.
+	*/
+	cascadeValue?: string;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the default filter action for second dropdown data should happen or not.
+	*/
+	requiresDefaultFilter?: boolean;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the selected item with checkbox checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Returns the selected item ID.
+	*/
+	itemId?: string;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the selected item text.
+	*/
+	selectedText?: string;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the selected text.
+	*/
+	text?: string;
+
+	/** Returns the selected value.
+	*/
+	value?: string;
+}
+
+export interface CheckChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the selected item with checkbox checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Returns the selected item ID.
+	*/
+	itemId?: string;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the selected item text.
+	*/
+	selectedText?: string;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the selected text.
+	*/
+	text?: string;
+
+	/** Returns the selected value.
+	*/
+	value?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DataBoundEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the data that is bound to DropDownList
+	*/
+	data?: any;
+}
+
+export interface DestroyEventArgs {
+
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface FocusInEventArgs {
+
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface FocusOutEventArgs {
+
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface PopupHideEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the selected text
+	*/
+	text?: string;
+
+	/** returns the selected value
+	*/
+	value?: string;
+}
+
+export interface PopupResizeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the data from the resizable plugin.
+	*/
+	event?: any;
+}
+
+export interface PopupShownEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the selected text
+	*/
+	text?: string;
+
+	/** returns the selected value
+	*/
+	value?: string;
+}
+
+export interface PopupResizeStartEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the data from the resizable plugin.
+	*/
+	event?: any;
+}
+
+export interface PopupResizeStopEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the data from the resizable plugin.
+	*/
+	event?: any;
+}
+
+export interface SearchEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the data bound to the DropDownList.
+	*/
+	items?: any;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the selected item text.
+	*/
+	selectedText?: string;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the search string typed in search box.
+	*/
+	searchString?: string;
+}
+
+export interface SelectEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the selected item with checkbox checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Returns the selected item ID.
+	*/
+	itemId?: string;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the selected item text.
+	*/
+	selectedText?: string;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the selected text.
+	*/
+	text?: string;
+
+	/** Returns the selected value.
+	*/
+	value?: string;
+}
+
+export interface Fields {
+
+	/** Used to group the items.
+	*/
+	groupBy?: string;
+
+	/** Defines the HTML attributes such as ID, class, and styles for the item.
+	*/
+	htmlAttributes?: any;
+
+	/** Defines the ID for the tag.
+	*/
+	id?: string;
+
+	/** Defines the image attributes such as height, width, styles, and so on.
+	*/
+	imageAttributes?: string;
+
+	/** Defines the imageURL for the image location.
+	*/
+	imageUrl?: string;
+
+	/** Defines the tag value to be selected initially.
+	*/
+	selected?: boolean;
+
+	/** Defines the sprite CSS for the image tag.
+	*/
+	spriteCssClass?: string;
+
+	/** Defines the table name for tag value or display text while rendering remote data.
+	*/
+	tableName?: string;
+
+	/** Defines the text content for the tag.
+	*/
+	text?: string;
+
+	/** Defines the tag value.
+	*/
+	value?: string;
+}
+}
+enum FilterType
+{
+//filter the data wherever contains search key 
+Contains,
+//filter the data based on search key present at start position
+StartsWith,
+}
+enum MultiSelectMode
+{
+// can select only single item in DropDownList 
+None,
+//can select multiple items and it's separated by delimiterChar
+Delimiter,
+// can select multiple items and it's show's like visual box in textbox
+VisualMode,
+}
+enum SortOrder
+{
+// Sort the data in ascending order
+Ascending,
+//Sort the data in descending order
+Descending,
+}
+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);
+	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;
+
+	/** 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, options?: Editor.Model);
+	constructor(element: Element, options?: Editor.Model);
+	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 {
+
+	/** 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 {null}
+	*/
+	groupSeparator?: string;
+
+	/** Specifies the height of the editor.
+	*   @Default {30}
+	*/
+	height?: number|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.
+	*/
+	watermarkText?: string;
+
+	/** Specifies the width of the editor.
+	*   @Default {143}
+	*/
+	width?: number|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);
+	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 {
+
+	/** 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;
+
+	/** 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;
+
+	/** 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 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?: any;
+
+	/** 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?: any;
+}
+
+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?: any;
+
+	/** 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?: any;
+
+	/** 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?: any;
+}
+
+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?: any;
+}
+
+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?: any;
+
+	/** 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?: any;
+
+	/** 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;
+}
+}
+
+class MaskEdit extends ej.Widget {
+	static fn: MaskEdit;
+	constructor(element: JQuery, options?: MaskEdit.Model);
+	constructor(element: Element, options?: MaskEdit.Model);
+	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);
+	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;
+
+	/** 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;
+
+	/** 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;
+}
+
+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 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);
+	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 ProgressBar extends ej.Widget {
+	static fn: ProgressBar;
+	constructor(element: JQuery, options?: ProgressBar.Model);
+	constructor(element: Element, options?: ProgressBar.Model);
+	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);
+	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);
+	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);
+	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, 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 {number} sub group index in the ribbon group,
+	*   @param {any} content to be displayed in the ribbon group.
+	*   @param {number} ribbon content index .this is optional.
+	*   @returns {void}
+	*/
+	addTabGroupContent(tabIndex: number, groupIndex: number, subGroupIndex: number, content: any, contentIndex?: 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 index.
+	*   @param {number} sub group index in the ribbon group,
+	*   @returns {void}
+	*/
+	removeTabGroupContent(tabIndex: number, groupIndex: string, 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;
+
+	/** When isMobileOnly is true,its shows in mobile toolbar.
+	*   @Default {false}
+	*/
+	isMobileOnly?: 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;
+
+	/** Align content in the ribbon control from right to left by setting the property as true.
+	*   @Default {false}
+	*/
+	enableRTL?: any;
+
+	/** 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 {
+
+	/** 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);
+	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 {void}
+	*/
+	getVisibleColumnNames(): void;
+
+	/** Get the scroller object of Kanban.
+	*   @returns {void}
+	*/
+	getScrollObject(): void;
+
+	/** 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.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.
+	*   @returns {void}
+	*/
+	cancelEdit(): void;
+
+	/** Delete a card in Kanban control.
+	*   @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.
+	*   @returns {void}
+	*/
+	endEdit(): void;
+
+	/** Send an edit card request in Kanban.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;
+}
+
+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 name of the event.
+	*/
+	type?: string;
+}
+
+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;
+}
+
+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 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 {false}
+	*/
+	totalCount?: string;
+
+	/** 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 {false}
+	*/
+	allowDrop?: boolean;
+
+	/** To enable/disable allowDrag for specific column wise.
+	*   @Default {false}
+	*/
+	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);
+	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;
+
+	/** 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);
+	model:RTE.Model;
+	defaults:RTE.Model;
+
+	/** Returns the range object.
+	*   @returns {void}
+	*/
+	createRange(): void;
+
+	/** 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 {void}
+	*/
+	getCommandStatus(): void;
+
+	/** Gets the HTML string from the RTE control.
+	*   @returns {void}
+	*/
+	getDocument(): void;
+
+	/** Gets the HTML string from the RTE control.
+	*   @returns {void}
+	*/
+	getHtml(): void;
+
+	/** Gets the selected HTML string from the RTE control.
+	*   @returns {void}
+	*/
+	getSelectedHtml(): void;
+
+	/** Gets the content as string from the RTE control.
+	*   @returns {void}
+	*/
+	getText(): void;
+
+	/** 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 {void}
+	*/
+	insertColumn(before?: boolean, cell?: JQuery): void;
+
+	/** 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 {void}
+	*/
+	insertRow(before?: boolean, cell?: JQuery): 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}
+	*/
+	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;
+
+	/** 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;
+
+	/** 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;
+
+	/** 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>;
+
+	/** 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 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 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 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>;
+}
+}
+
+class Slider extends ej.Widget {
+	static fn: Slider;
+	constructor(element: JQuery, options?: Slider.Model);
+	constructor(element: Element, options?: Slider.Model);
+	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 defaut 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);
+	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;
+
+	/** returns the event
+	*/
+	event?: any;
+}
+
+export interface ItemMouseOutEvent {
+
+	/** 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;
+
+	/** returns the event
+	*/
+	event?: any;
+}
+
+export interface ItemMouseOverEvent {
+
+	/** 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);
+	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);
+	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);
+	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);
+	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
+	*   @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);
+	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);
+	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;
+
+	/** Specifies the Toolbar control state.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** 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 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;
+
+	/** 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;
+}
+
+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 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;
+}
+}
+
+class TreeView extends ej.Widget {
+	static fn: TreeView;
+	constructor(element: JQuery, options?: TreeView.Model);
+	constructor(element: Element, options?: 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;
+
+	/** 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} ID of TreeView node/object of TreeView node
+	*   @returns {void}
+	*/
+	checkNode(element: string|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 level as argument to this method.
+	*   @param {number} TreeView nodes will collapse until the given level
+	*   @returns {void}
+	*/
+	collapseAll(levelUntil?: number): void;
+
+	/** To collapse a particular node in TreeView.
+	*   @param {string|any} ID of TreeView node|object of TreeView node
+	*   @returns {void}
+	*/
+	collapseNode(element: string|any): void;
+
+	/** To disable the node in the TreeView.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {void}
+	*/
+	disableNode(element: string|any): void;
+
+	/** To enable the node in the TreeView.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {void}
+	*/
+	enableNode(element: string|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 level as argument to this method.
+	*   @param {number} TreeView nodes will expand until the given level
+	*   @returns {void}
+	*/
+	expandAll(levelUntil?: number): void;
+
+	/** To expandNode particular node in TreeView.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {void}
+	*/
+	expandNode(element: string|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} ID of TreeView node/object of TreeView node
+	*   @returns {void}
+	*/
+	hideNode(element: string|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} ID of TreeView node/object of TreeView node
+	*   @returns {void}
+	*/
+	removeNode(element: string|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} ID of TreeView node/object of TreeView node
+	*   @returns {void}
+	*/
+	showNode(element: string|any): void;
+
+	/** To uncheck all the nodes in TreeView.
+	*   @returns {void}
+	*/
+	unCheckAll(): void;
+
+	/** To uncheck a node in TreeView.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {void}
+	*/
+	uncheckNode(element: string|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;
+
+	/** 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;
+}
+
+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 current element
+	*/
+	id?: string;
+
+	/** returns the parentId of current element
+	*/
+	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?: boolean;
+
+	/** Its allow us to indicate whether the node has child or not in load on demand
+	*/
+	hasChild?: boolean;
+
+	/** 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?: boolean;
+
+	/** 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?: boolean;
+
+	/** 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);
+	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 successed. */
+	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);
+	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);
+	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 {Array<any>} Pass the JSON data of record need to be delete.
+	*   @returns {void}
+	*/
+	deleteRecord(fieldName: string, data: Array<any>): void;
+
+	/** 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;
+
+	/** 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 {HTMLElement}
+	*/
+	expandCollapse($target: JQuery): HTMLElement;
+
+	/** 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 content div element of grid.
+	*   @returns {HTMLElement}
+	*/
+	getContent(): HTMLElement;
+
+	/** Get the content table element of grid
+	*   @returns {HTMLElement}
+	*/
+	getContentTable(): HTMLElement;
+
+	/** 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 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 {any}
+	*/
+	getScrollObject(): any;
+
+	/** Get the selected records details in grid.
+	*   @returns {void}
+	*/
+	getSelectedRecords(): void;
+
+	/** 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;
+
+	/** 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;
+
+	/** 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 {boolean}
+	*/
+	saveCell(): boolean;
+
+	/** 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;
+
+	/** Set validation to a field during editing.
+	*   @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 {HTMLElement}
+	*/
+	startEdit($tr: JQuery): HTMLElement;
+
+	/** 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;
+
+	/** This specifies the grid to add the details row for the corresponding master row
+	*   @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;
+
+	/** 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 behaviour.
+	*/
+	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;
+
+	/** 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;
+
+	/** Gets or sets a value that indicates whether to enable column chooser on grid. On enabling feature able to show/hide grid columns
+	*   @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 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 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 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 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 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 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 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 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 display the columns in the grid mapping with column name of the dataSource.
+	*/
+	field?: 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 {ej.TextAlign.Left}
+	*/
+	headerTextAlign?: ej.TextAlign|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 {null}
+	*/
+	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
+	*   @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 filter condition to filtered column.
+	*/
+	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;
+
+	/** 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;
+
+	/** 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?: 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
+	*   @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.Accepting types are &quot;normal&quot;, &quot;nextcolumn&quot; and &quot;control&quot;.
+	*   @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 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;
+
+	/** 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;
+
+	/** 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;
+}
+
+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
+	*   @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
+	*   @Default {[]}
+	*/
+	toolbarItems?: Array<any>;
+}
+
+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 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 FilterType{
+
+	///Specifies the filter type as menu.
+	Menu,
+
+	///Specifies the filter type as excel.
+	Excel,
+
+	///Specifies the filter type as filterbar.
+	FilterBar
+}
+
+
+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
+}
+
+}
+
+class Sparkline extends ej.Widget {
+	static fn: Sparkline;
+	constructor(element: JQuery, options?: Sparkline.Model);
+	constructor(element: Element, options?: 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}
+	*/
+	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 PivotGrid extends ej.Widget {
+	static fn: PivotGrid;
+	constructor(element: JQuery, options?: PivotGrid.Model);
+	constructor(element: Element, options?: PivotGrid.Model);
+	model:PivotGrid.Model;
+	defaults:PivotGrid.Model;
+
+	/** Perform an asynchronous HTTP (AJAX) request.
+	*   @returns {void}
+	*/
+	doAjaxPost(): void;
+
+	/** Perform an asynchronous HTTP (FullPost) submit.
+	*   @returns {void}
+	*/
+	doPostBack(): void;
+
+	/** Exports the PivotGrid to an appropriate format based on the parameter passed.
+	*   @returns {void}
+	*/
+	exportPivotGrid(): void;
+
+	/** This function re-renders the PivotGrid on clicking the navigation buttons on PivotPager.
+	*   @returns {void}
+	*/
+	refreshPagedPivotGrid(): void;
+
+	/** This function is helps to update or refresh the PivotGrid with modified data source in client-mode.
+	*   @returns {void}
+	*/
+	refreshPivotGrid(): 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.PivotGrid.AnalysisMode.Olap}
+	*/
+	analysisMode?: ej.PivotGrid.AnalysisMode|string;
+
+	/** Specifies the CSS class to PivotGrid to achieve custom theme.
+	*   @Default {“”}
+	*/
+	cssClass?: string;
+
+	/** Contains the serialized OlapReport at that instant.
+	*   @Default {“”}
+	*/
+	currentReport?: string;
+
+	/** Initializes the data source for the PivotGrid widget, when it functions completely on client-side.
+	*   @Default {{}}
+	*/
+	dataSource?: DataSource;
+
+	/** Used to bind the drilled members by default through report.
+	*   @Default {[]}
+	*/
+	drilledItems?: Array<any>;
+
+	/** Object utilized to pass additional information between client-end and service-end.
+	*   @Default {null}
+	*/
+	customObject?: any;
+
+	/** Allows the user to access each cell on mouse right-click.
+	*   @Default {false}
+	*/
+	enableCellContext?: boolean;
+
+	/** Enables the cell selection for a specified range of value cells. And, the individual row/column cells can be selected by clicking its headers.
+	*   @Default {false}
+	*/
+	enableCellSelection?: boolean;
+
+	/** Enables the Drill-Through feature which retrieves the raw items that are used to create a specified cell in PivotGrid. This is only applicable in server mode component.
+	*   @Default {false}
+	*/
+	enableDrillThrough?: boolean;
+
+	/** Allows user to get the cell details in JSON format when 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 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;
+
+	/** 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 relational datasource.
+	*   @Default {false}
+	*/
+	enableGroupingBar?: boolean;
+
+	/** Enables 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 operation.
+	*   @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 view large amount of data through virtual scrolling.
+	*   @Default {false}
+	*/
+	enableVirtualScrolling?: boolean;
+
+	/** Allows the user to configure hyperlink settings of PivotGrid control.
+	*   @Default {{}}
+	*/
+	hyperlinkSettings?: HyperlinkSettings;
+
+	/** This is used for identifying whether the member is Named Set or not.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+
+	/** Allows the user to enable PivotGrid’s responsiveness in the browser layout.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Contains the serialized JSON string which renders PivotGrid.
+	*   @Default {“”}
+	*/
+	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.PivotGrid.OperationalMode.ClientMode}
+	*/
+	operationalMode?: ej.PivotGrid.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;
+}
+
+export interface AfterServiceInvokeEventArgs {
+
+	/** return the current action of PivotGrid control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotGrid control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotGrid control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGrid model
+	*/
+	model?: ej.PivotGrid.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface BeforeServiceInvokeEventArgs {
+
+	/** return the current action of PivotGrid control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotGrid control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotGrid control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGrid model
+	*/
+	model?: ej.PivotGrid.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface BeforePivotEnginePopulateEventArgs {
+
+	/** returns the PivotGrid object
+	*/
+	pivotObject?: any;
+
+	/** returns the PivotGrid model
+	*/
+	model?: ej.PivotGrid.Model;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface CellDoubleClickEventArgs {
+
+	/** return the JSON details of the double clicked cell.
+	*/
+	selectedData?: any;
+
+	/** return the custom object bounds with PivotGrid widget.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotGrid control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGrid model
+	*/
+	model?: ej.PivotGrid.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface CellContextEventArgs {
+
+	/** returns the original event args.
+	*/
+	args?: any;
+
+	/** returns the cell position (row index and column index) in table.
+	*/
+	cellPosition?: string;
+
+	/** returns the type of the cell.
+	*/
+	cellType?: string;
+
+	/** returns the serialized data of the header cells.
+	*/
+	rowData?: string;
+
+	/** returns the unique name of levels/members.
+	*/
+	uniqueName?: string;
+}
+
+export interface CellSelectionEventArgs {
+
+	/** returns the original event args.
+	*/
+	args?: any;
+
+	/** Returns the selected cell values.
+	*/
+	cellvalue?: any;
+
+	/** Returns the selected value cells row headers.
+	*/
+	rowheaders?: any;
+
+	/** Returns the selected value cells column headers.
+	*/
+	colheaders?: any;
+
+	/** Returns the selected value cells measure.
+	*/
+	measure?: any;
+
+	/** Return the row and column measure count.
+	*/
+	measureValue?: any;
+}
+
+export interface ColumnHeaderHyperlinkClickEventArgs {
+
+	/** returns the original event args.
+	*/
+	args?: any;
+
+	/** returns the cell position (row index and column index) in table.
+	*/
+	cellPosition?: string;
+
+	/** returns the type of the cell.
+	*/
+	cellType?: string;
+
+	/** returns the serialized data of the header cells.
+	*/
+	rowData?: string;
+
+	/** returns the unique name of levels/members.
+	*/
+	uniqueName?: string;
+}
+
+export interface DrillSuccessEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGrid model
+	*/
+	model?: ej.PivotGrid.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DrillThroughEventArgs {
+
+	/** return the JSON records of the generated cells on drill-through operation.
+	*/
+	data?: any;
+
+	/** return the outer HTML of PivotGrid control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGrid model
+	*/
+	model?: ej.PivotGrid.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface LoadEventArgs {
+
+	/** returns the original event args.
+	*/
+	args?: any;
+
+	/** returns the current action of PivotGrid control.
+	*/
+	action?: string;
+
+	/** returns the custom object bounded with the control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML of PivotGrid control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGrid model.
+	*/
+	model?: ej.PivotGrid.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderCompleteEventArgs {
+
+	/** returns the original event args.
+	*/
+	args?: any;
+
+	/** returns the current action of PivotGrid control.
+	*/
+	action?: string;
+
+	/** returns the custom object bounded with the control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML of PivotGrid control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGrid model.
+	*/
+	model?: ej.PivotGrid.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderFailureEventArgs {
+
+	/** returns the original event args.
+	*/
+	args?: any;
+
+	/** returns the current action of PivotGrid control.
+	*/
+	action?: string;
+
+	/** returns the custom object bounded with the control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML of PivotGrid control.
+	*/
+	element?: string;
+
+	/** returns the error message with error code.
+	*/
+	message?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGrid model.
+	*/
+	model?: ej.PivotGrid.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderSuccessEventArgs {
+
+	/** returns the original event args.
+	*/
+	args?: any;
+
+	/** returns the current action of PivotGrid control.
+	*/
+	action?: string;
+
+	/** returns the custom object bounded with the control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML of PivotGrid control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGrid model.
+	*/
+	model?: ej.PivotGrid.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RowHeaderHyperlinkClickEventArgs {
+
+	/** returns the original event args.
+	*/
+	args?: any;
+
+	/** returns the cell position (row index and column index) in table.
+	*/
+	cellPosition?: string;
+
+	/** returns the type of the cell.
+	*/
+	cellType?: string;
+
+	/** returns the serialized data of the header cells.
+	*/
+	rowData?: string;
+
+	/** returns the unique name of levels/members.
+	*/
+	uniqueName?: string;
+}
+
+export interface SummaryCellHyperlinkClickEventArgs {
+
+	/** returns the original event args.
+	*/
+	args?: any;
+
+	/** returns the cell position (row index and column index) in table.
+	*/
+	cellPosition?: string;
+
+	/** returns the type of the cell.
+	*/
+	cellType?: string;
+
+	/** returns the serialized data of the header cells.
+	*/
+	rowData?: string;
+
+	/** returns the unique name of levels/members.
+	*/
+	uniqueName?: string;
+}
+
+export interface ValueCellHyperlinkClickEventArgs {
+
+	/** returns the original event args.
+	*/
+	args?: any;
+
+	/** returns the cell position (row index and column index) in table.
+	*/
+	cellPosition?: string;
+
+	/** returns the type of the cell.
+	*/
+	cellType?: string;
+
+	/** returns the serialized data of the header cells.
+	*/
+	rowData?: string;
+
+	/** returns the unique name of levels/members.
+	*/
+	uniqueName?: string;
+}
+
+export interface DataSourceColumnsAdvancedFilter {
+
+	/** Allows the user to provide level unique name to do advanced filtering (excel-like) for OLAP data source in client-mode.
+	*/
+	name?: string;
+
+	/** Allows the user to set the operator for label filtering to do advanced filtering (excel-like) for OLAP data source in client-mode.
+	*/
+	labelFilterOperator?: string;
+
+	/** Allows the user to set the operator for value filtering to do advanced filtering (excel-like) for OLAP data source in client-mode.
+	*/
+	valueFilterOperator?: string;
+
+	/** Allows the user to set the filtering type while doing advanced filtering (excel-like) for OLAP data source in client-mode.
+	*/
+	advancedFilterType?: string;
+
+	/** Allows the user to holds the filter value in advanced filtering (excel-like) option for OLAP data source in client-mode.
+	*/
+	values?: string;
+}
+
+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 name 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 enable the usage of named set items in respective axis. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+}
+
+export interface DataSourceRowsAdvancedFilter {
+
+	/** Allows the user to provide level unique name to do advanced filtering (excel-like) for OLAP data source in client-mode.
+	*/
+	name?: string;
+
+	/** Allows the user to set the operator for label filtering to do advanced filtering (excel-like) for OLAP data source in client-mode.
+	*/
+	labelFilterOperator?: string;
+
+	/** Allows the user to set the operator for value filtering to do advanced filtering (excel-like) for OLAP data source in client-mode.
+	*/
+	valueFilterOperator?: string;
+
+	/** Allows the user to set the filtering type while doing advanced filtering (excel-like) for OLAP data source in client-mode.
+	*/
+	advancedFilterType?: string;
+
+	/** Allows the user to holds the filter value in advanced filtering (excel-like) option for OLAP data source in client-mode.
+	*/
+	values?: string;
+}
+
+export interface DataSourceRow {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to set the display name 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 enable the usage of named set items in respective axis. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+}
+
+export interface DataSourceValue {
+
+	/** This holds the measures unique name to bind them from the Cube.
+	*   @Default {[]}
+	*/
+	measures?: Array<any>;
+
+	/** Allows to set the axis name to place the measures items.
+	*   @Default {“”}
+	*/
+	axis?: string;
+
+	/** 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;
+
+	/** Allows the user to create new fields by enabling the calculated field option for relational data source at client-side.
+	*   @Default {false}
+	*/
+	isCalculatedField?: boolean;
+
+	/** Allows the user to apply the formula as an expression in-order to create new field using calculated field option (in code-behind) for relational data source at client-side.
+	*/
+	formula?: string;
+}
+
+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;
+
+	/** Allows the user to enable the usage of named set items in respective axis. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+}
+
+export interface DataSource {
+
+	/** Contains the database name as string type to fetch the data from the given connection string.
+	*   @Default {“”}
+	*/
+	catalog?: string;
+
+	/** Lists out the items to be arranged in column section of PivotGrid.
+	*   @Default {[]}
+	*/
+	columns?: Array<DataSourceColumn>;
+
+	/** Contains the respective Cube name from database as string type.
+	*   @Default {“”}
+	*/
+	cube?: string;
+
+	/** Provides the raw data source for the PivotGrid.
+	*   @Default {null}
+	*/
+	data?: any;
+
+	/** Lists out the items to be arranged in row section of PivotGrid.
+	*   @Default {[]}
+	*/
+	rows?: Array<DataSourceRow>;
+
+	/** Lists out the items which supports calculation in PivotGrid.
+	*   @Default {[]}
+	*/
+	values?: Array<DataSourceValue>;
+
+	/** Allows user to filter the members (by its name and values) by enable the advanced filtering (excel-like) option for OLAP data source in client-mode.
+	*   @Default {false}
+	*/
+	enableAdvancedFilter?: boolean;
+
+	/** Lists out the items which supports filtering of values in PivotGrid.
+	*   @Default {[]}
+	*/
+	filters?: Array<DataSourceFilter>;
+}
+
+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 that's responsible for drill up/down operation in PivotGrid.
+	*   @Default {DrillGrid}
+	*/
+	drillDown?: string;
+
+	/** Allows the user to set the custom name for the service method that’s responsible for exporting.
+	*   @Default {Export}
+	*/
+	exportPivotGrid?: string;
+
+	/** Allows the user to set the custom name for the service method that’s 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 that’s responsible to 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 that's responsible for filtering operation in PivotGrid.
+	*   @Default {Filtering}
+	*/
+	filtering?: string;
+
+	/** Allows the user to set the custom name for the service method that's responsible for initializing PivotGrid.
+	*   @Default {InitializeGrid}
+	*/
+	initialize?: string;
+
+	/** Allows the user to set the custom name for the service method that's 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 that’s 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 that's responsible for performing paging operation in PivotGrid.
+	*   @Default {Paging}
+	*/
+	paging?: string;
+
+	/** Allows the user to set the custom name for the service method that's responsible for sorting operation in PivotGrid.
+	*   @Default {Sorting}
+	*/
+	sorting?: string;
+
+	/** Allows the user to set the custom name for the service method that’s responsible for expanding members inside member editor.
+	*   @Default {MemberExpanded}
+	*/
+	memberExpand?: string;
+
+	/** Allows the user to set the custom name for the service method that’s responsible for write-back operation in OLAP Cube. This is only applicable in server-side component.
+	*   @Default {WriteBack}
+	*/
+	writeBack?: string;
+}
+
+enum AnalysisMode{
+
+	///To bind an OLAP data source to PivotGrid.
+	OLAP,
+
+	///To bind a relational data source to PivotGrid.
+	Relational
+}
+
+
+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
+}
+
+
+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);
+	model:PivotSchemaDesigner.Model;
+	defaults:PivotSchemaDesigner.Model;
+
+	/** Perform an asynchronous HTTP (AJAX) request.
+	*   @returns {void}
+	*/
+	doAjaxPost(): 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, Pivots Schema Designer will be initialized and rendered empty initially. Once PivotGrid widget is rendered completely, Pivots Schema Designer 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 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 restrict drag and drop operation within the PivotTable Field List.
+	*   @Default {true}
+	*/
+	enableDragDrop?: boolean;
+
+	/** Allows the user to set the list of filters in filter section.
+	*   @Default {newArray()}
+	*/
+	filters?: Array<any>;
+
+	/** 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 list of PivotCalculations in values section.
+	*   @Default {newArray()}
+	*/
+	pivotCalculations?: Array<any>;
+
+	/** Allows the user to set the list of PivotItems in column section.
+	*   @Default {newArray()}
+	*/
+	pivotColumns?: Array<any>;
+
+	/** Sets the Pivot control bound with this PivotSchemaDesigner.
+	*   @Default {null}
+	*/
+	pivotControl?: any;
+
+	/** Allows the user to set the list of PivotItems in row section.
+	*   @Default {newArray()}
+	*/
+	pivotRows?: Array<any>;
+
+	/** Allows the user to arrange the fields inside Field List of PivotSchemaDesigner.
+	*   @Default {newArray()}
+	*/
+	pivotTableFields?: Array<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;
+
+	/** 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 {
+
+	/** return the current action of PivotSchemaDesigner control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotSchemaDesigner control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotSchemaDesigner control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotSchemaDesigner model
+	*/
+	model?: ej.PivotSchemaDesigner.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface BeforeServiceInvokeEventArgs {
+
+	/** return the current action of PivotSchemaDesigner control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotSchemaDesigner control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotSchemaDesigner control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotSchemaDesigner model
+	*/
+	model?: ej.PivotSchemaDesigner.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DragMoveEventArgs {
+
+	/** return the HTML 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?: ej.PivotSchemaDesigner.Model;
+}
+
+export interface ServiceMethod {
+
+	/** Allows the user to set the custom name for the service method that’s 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 that’s responsible for filtering operation in Field List.
+	*   @Default {Filtering}
+	*/
+	filtering?: string;
+
+	/** Allows the user to set the custom name for the service method that’s 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 that’s 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 that’s 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 that’s responsible for remove operation in Field List.
+	*   @Default {RemoveButton}
+	*/
+	removeButton?: string;
+}
+}
+
+class PivotPager extends ej.Widget {
+	static fn: PivotPager;
+	constructor(element: JQuery, options?: PivotPager.Model);
+	constructor(element: Element, options?: PivotPager.Model);
+	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);
+	model:PivotChart.Model;
+	defaults:PivotChart.Model;
+
+	/** Perform an asynchronous HTTP (AJAX) request.
+	*   @returns {void}
+	*/
+	doAjaxPost(): void;
+
+	/** Perform an asynchronous HTTP (FullPost) submit.
+	*   @returns {void}
+	*/
+	doPostBack(): void;
+
+	/** Exports the PivotChart to an appropriate format based on the parameter passed.
+	*   @returns {void}
+	*/
+	exportPivotChart(): void;
+
+	/** This function receives the JSON formatted datasource to render the PivotChart control.
+	*   @returns {void}
+	*/
+	renderChartFromJSON(): void;
+
+	/** This function receives the update from service-end, which would be utilized for rendering the widget.
+	*   @returns {void}
+	*/
+	renderControlSuccess(): void;
+}
+export module PivotChart{
+
+export interface Model {
+
+	/** Sets the mode for the PivotChart widget for binding either OLAP or Relational data source.
+	*   @Default {ej.PivotChart.AnalysisMode.Olap}
+	*/
+	analysisMode?: any;
+
+	/** Specifies the CSS class to PivotChart to achieve custom theme.
+	*   @Default {“”}
+	*/
+	cssClass?: string;
+
+	/** Options available to configure the properties of entire series. You can also override the options for specific series by using series collection.
+	*   @Default {{}}
+	*/
+	commonSeriesOptions?: any;
+
+	/** Contains the serialized OlapReport at that instant, that is, current OlapReport.
+	*   @Default {“”}
+	*/
+	currentReport?: string;
+
+	/** 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.
+	*   @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;
+
+	/** Options available to customize the legend items and its title.
+	*   @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.PivotChart.OperationalMode.ClientMode}
+	*/
+	operationalMode?: any;
+
+	/** 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 Chart size.
+	*   @Default {{}}
+	*/
+	size?: any;
+
+	/** Connects the service using the specified URL for any server updates.
+	*   @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 when drill up/down happens 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;
+}
+
+export interface LoadEventArgs {
+
+	/** return the current action of PivotChart control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotChart control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotChart control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotChart model.
+	*/
+	model?: ej.PivotChart.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface AfterServiceInvokeEventArgs {
+
+	/** return the current action of PivotChart control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotChart control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotChart control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotChart model.
+	*/
+	model?: ej.PivotChart.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface BeforeServiceInvokeEventArgs {
+
+	/** return the current action of PivotChart control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotChart control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotChart control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotChart model.
+	*/
+	model?: ej.PivotChart.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DrillSuccessEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotChart model.
+	*/
+	model?: ej.PivotChart.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderCompleteEventArgs {
+
+	/** return the current action of PivotChart control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotChart control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotChart control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotChart model.
+	*/
+	model?: ej.PivotChart.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderFailureEventArgs {
+
+	/** return the current action of PivotChart control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotChart control.
+	*/
+	customObject?: any;
+
+	/** return the error stack trace of the original exception.
+	*/
+	message?: any;
+
+	/** return the outer HTML of PivotChart control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotChart model.
+	*/
+	model?: ej.PivotChart.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderSuccessEventArgs {
+
+	/** return the current action of PivotChart control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotChart control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotChart control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotChart model.
+	*/
+	model?: ej.PivotChart.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+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 name for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Allows the user to enable the usage of named set items in respective axis. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+}
+
+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 name for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Allows the user to enable the usage of named set items in respective axis. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+}
+
+export interface DataSourceValue {
+
+	/** This holds the measures unique name to bind them from the Cube.
+	*   @Default {[]}
+	*/
+	measures?: Array<any>;
+
+	/** Allows to set the axis name to place the measures items.
+	*   @Default {“”}
+	*/
+	axis?: string;
+
+	/** 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;
+}
+
+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;
+
+	/** Allows the user to enable the usage of named set items in respective axis. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+}
+
+export interface DataSource {
+
+	/** Contains the database name as string type to fetch the data from the given connection string.
+	*   @Default {“”}
+	*/
+	catalog?: string;
+
+	/** Lists out the items to be arranged in column section of PivotChart.
+	*   @Default {[]}
+	*/
+	columns?: Array<DataSourceColumn>;
+
+	/** Contains the respective Cube name from database as string type.
+	*   @Default {“”}
+	*/
+	cube?: string;
+
+	/** Provides the raw data source for the PivotChart.
+	*   @Default {null}
+	*/
+	data?: any;
+
+	/** Lists out the items to be arranged in row section of PivotChart.
+	*   @Default {[]}
+	*/
+	rows?: Array<DataSourceRow>;
+
+	/** Lists out the items which supports calculation in PivotChart.
+	*   @Default {[]}
+	*/
+	values?: Array<DataSourceValue>;
+
+	/** Lists out the items which supports filtering of values in PivotChart.
+	*   @Default {[]}
+	*/
+	filters?: Array<DataSourceFilter>;
+}
+
+export interface ServiceMethodSettings {
+
+	/** Allows the user to set the custom name for the service method that’s responsible for drilling up/down operation in PivotChart.
+	*   @Default {DrillChart}
+	*/
+	drillDown?: string;
+
+	/** Allows the user to set the custom name for the service method that’s responsible for exporting.
+	*   @Default {Export}
+	*/
+	exportPivotChart?: string;
+
+	/** Allows the user to set the custom name for the service method that’s responsible for initializing PivotChart.
+	*   @Default {InitializeChart}
+	*/
+	initialize?: string;
+}
+}
+
+class PivotClient extends ej.Widget {
+	static fn: PivotClient;
+	constructor(element: JQuery, options?: PivotClient.Model);
+	constructor(element: Element, options?: PivotClient.Model);
+	model:PivotClient.Model;
+	defaults:PivotClient.Model;
+
+	/** Perform an asynchronous HTTP (AJAX) request.
+	*   @returns {void}
+	*/
+	doAjaxPost(): void;
+
+	/** Perform an asynchronous HTTP (FullPost) submit.
+	*   @returns {void}
+	*/
+	doPostBack(): void;
+}
+export module PivotClient{
+
+export interface Model {
+
+	/** Allows the user to set the specific chart type for PivotChart.
+	*   @Default {ej.PivotChart.ChartTypes.Column}
+	*/
+	chartType?: ej.PivotChart.ChartTypes|string;
+
+	/** Sets the mode to export the OLAP visualization components such as PivotChart and PivotGrid in PivotClient. Based on the option, either Chart or Grid or both gets exported.
+	*   @Default {ej.PivotClient.ClientExportMode.ChartAndGrid}
+	*/
+	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.
+	*   @Default {{}}
+	*/
+	customObject?: any;
+
+	/** Allows the user to customize the widgets layout and appearance.
+	*   @Default {{}}
+	*/
+	displaySettings?: DisplaySettings;
+
+	/** Allows the user to refresh the control on-demand and not during every UI operation.
+	*   @Default {false}
+	*/
+	enableDeferUpdate?: 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;
+
+	/** 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 set the localized language for the widget.
+	*   @Default {en-US}
+	*/
+	locale?: 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.
+	*   @Default {null}
+	*/
+	title?: string;
+
+	/** Connects the service using the specified URL for any server updates.
+	*   @Default {null}
+	*/
+	url?: string;
+
+	/** Triggers when it reaches client-side after any AJAX request. */
+	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
+
+	/** Triggers before any AJAX request is passed from PivotClient to service methods. */
+	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
+
+	/** Triggers before rendering the PivotChart. */
+	chartLoad? (e: ChartLoadEventArgs): 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 reaches client-side after any AJAX request. */
+	renderSuccess? (e: RenderSuccessEventArgs): void;
+}
+
+export interface AfterServiceInvokeEventArgs {
+
+	/** return the current action of PivotClient control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotClient control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotClient control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotClient model.
+	*/
+	model?: ej.PivotClient.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface BeforeServiceInvokeEventArgs {
+
+	/** return the current action of PivotClient control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotClient control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotClient control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotClient model.
+	*/
+	model?: ej.PivotClient.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ChartLoadEventArgs {
+
+	/** return the current action of PivotChart control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotChart control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotChart control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotChart model.
+	*/
+	model?: ej.PivotClient.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface LoadEventArgs {
+
+	/** returns the outer HTML of PivotClient component.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotClient model.
+	*/
+	model?: ej.PivotClient.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderCompleteEventArgs {
+
+	/** returns the custom object bounded with the control.
+	*/
+	customObject?: any;
+
+	/** returns the outer HTML of PivotClient control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotClient model.
+	*/
+	model?: ej.PivotClient.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderFailureEventArgs {
+
+	/** returns the custom object bounded with the control.
+	*/
+	customObject?: any;
+
+	/** returns the outer HTML of PivotClient control.
+	*/
+	element?: string;
+
+	/** returns the error message with error code.
+	*/
+	message?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotClient model.
+	*/
+	model?: ej.PivotClient.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderSuccessEventArgs {
+
+	/** returns the custom object bounded with the control.
+	*/
+	customObject?: any;
+
+	/** returns the outer HTML of PivotClient control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotClient model.
+	*/
+	model?: ej.PivotClient.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DisplaySettings {
+
+	/** Let’s the user to customize the display of PivotChart and PivotGrid widgets, either in tab view or in tile view.
+	*   @Default {ej.PivotClient.ControlPlacement.Tab}
+	*/
+	controlPlacement?: ej.PivotClient.ControlPlacement|string;
+
+	/** Let’s the user to set either Chart or Grid as the start-up widget.
+	*   @Default {ej.PivotClient.DefaultView.Grid}
+	*/
+	defaultView?: ej.PivotClient.DefaultView|string;
+
+	/** Enables/disables the full screen view of PivotChart and PivotGrid in PivotClient.
+	*   @Default {false}
+	*/
+	enableFullScreen?: boolean;
+
+	/** Enhances the space for PivotGrid and PivotChart, by hiding Cube Browser and Axis Element Builder.
+	*   @Default {false}
+	*/
+	enableTogglePanel?: boolean;
+
+	/** Allows the user to enable PivotClient’s responsiveness in the browser layout.
+	*   @Default {false}
+	*/
+	isResponsive?: 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 that’s 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 that’s responsible for exporting.
+	*   @Default {Export}
+	*/
+	exportPivotClient?: string;
+
+	/** Allows the user to set the custom name for the service method that’s 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 that’s 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 that’s responsible for updating report while filtering members.
+	*   @Default {FilterElement}
+	*/
+	filterElement?: string;
+
+	/** Allows the user to set the custom name for the service method that’s responsible for initializing PivotClient.
+	*   @Default {InitializeClient}
+	*/
+	initialize?: string;
+
+	/** Allows the user to set the custom name for the service method that’s responsible for loading the report collection from the database.
+	*   @Default {LoadReportFromDB}
+	*/
+	loadReport?: string;
+
+	/** Allows the user to set the custom name for the service method that’s 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 that’s 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 that’s 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 that’s 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 that’s 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 that’s responsible for saving the report collection to database.
+	*   @Default {SaveReportToDB}
+	*/
+	saveReport?: string;
+
+	/** Allows the user to set the custom name for the service method that’s 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 that’s responsible for any toolbar operation.
+	*   @Default {ToolbarOperations}
+	*/
+	toolbarServices?: string;
+
+	/** Allows the user to set the custom name for the service method that’s responsible for updating report collection.
+	*   @Default {UpdateReport}
+	*/
+	updateReport?: string;
+}
+
+enum ControlPlacement{
+
+	///To display PivotChart and PivotGrid widgets in tab view.
+	Tab,
+
+	///To display PivotChart and PivotGrid widgets within the same view, one below the other.
+	Tile
+}
+
+
+enum DefaultView{
+
+	///To set PivotChart as a default control in view when the PivotClient widget is loaded for the first time.
+	Chart,
+
+	///To set PivotGrid as a default control in view when the PivotClient widget is loaded for the first time.
+	Grid
+}
+
+
+enum DisplayMode{
+
+	///To display only PivotChart widget.
+	ChartOnly,
+
+	///To display only PivotGrid widget.
+	GridOnly,
+
+	///To display both PivotChart and PivotGrid widgets.
+	ChartAndGrid
+}
+
+}
+module PivotChart
+{
+enum ChartTypes
+{
+//To render a Line type for PivotChart.
+Line,
+//To render a Spline type for PivotChart.
+Spline,
+//To render a Column type for PivotChart.
+Column,
+//To render a Area type for PivotChart.
+Area,
+//To render a SplineArea type for PivotChart.
+SplineArea,
+//To render a StepLine type for PivotChart.
+StepLine,
+//To render a StepArea type for PivotChart.
+StepArea,
+//To render a Pie type for PivotChart.
+Pie,
+//To render a Bar type for PivotChart.
+Bar,
+//To render a StackingArea type for PivotChart.
+StackingArea,
+//To render a StackingColumn type for PivotChart.
+StackingColumn,
+//To render a StackingBar type for PivotChart.
+StackingBar,
+//To render a Pyramid type for PivotChart.
+Pyramid,
+//To render a Funnel type for PivotChart.
+Funnel,
+//To render a Doughnut type for PivotChart.
+Doughnut,
+//To render a Scatter type for PivotChart.
+Scatter,
+//To render a Bubble type for PivotChart.
+Bubble,
+}
+}
+
+class PivotGauge extends ej.Widget {
+	static fn: PivotGauge;
+	constructor(element: JQuery, options?: PivotGauge.Model);
+	constructor(element: Element, options?: PivotGauge.Model);
+	model:PivotGauge.Model;
+	defaults:PivotGauge.Model;
+
+	/** Perform 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.
+	*   @returns {void}
+	*/
+	removeImg(): void;
+
+	/** This function receives the JSON formatted datasource to render the PivotGauge control.
+	*   @returns {void}
+	*/
+	renderControlFromJSON(): void;
+}
+export module PivotGauge{
+
+export interface Model {
+
+	/** Specifies the background color of pivot gauge.
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Sets the number of column count to arrange the PivotGauge's.
+	*   @Default {0}
+	*/
+	columnsCount?: number;
+
+	/** Specify the CSS class to PivotGauge to achieve custom theme.
+	*   @Default {“”}
+	*/
+	cssClass?: string;
+
+	/** Object utilized to pass additional information between client-end and service-end.
+	*   @Default {{}}
+	*/
+	customObject?: any;
+
+	/** Initializes the data source for the PivotGauge widget, when it functions completely on client-side.
+	*   @Default {{}}
+	*/
+	dataSource?: DataSource;
+
+	/** 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 row count to arrange the PivotGauge's.
+	*   @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.
+	*   @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 PivotGauge to service methods. */
+	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): 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 {
+
+	/** return the current action of PivotGauge control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotGauge control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotGauge control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGauge model.
+	*/
+	model?: ej.PivotGauge.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface BeforeServiceInvokeEventArgs {
+
+	/** return the current action of PivotGauge control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotGauge control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotGauge control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGauge model.
+	*/
+	model?: ej.PivotGauge.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface LoadEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGauge model.
+	*/
+	model?: ej.PivotGauge.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderCompleteEventArgs {
+
+	/** returns the outer HTML of PivotGauge control.
+	*/
+	element?: string;
+
+	/** returns the custom object bounded with the control.
+	*/
+	customObject?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGauge model.
+	*/
+	model?: ej.PivotGauge.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderFailureEventArgs {
+
+	/** returns the outer HTML of PivotGauge control.
+	*/
+	element?: string;
+
+	/** returns the custom object bounded with the control.
+	*/
+	customObject?: any;
+
+	/** returns the error message with error code.
+	*/
+	message?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGauge model.
+	*/
+	model?: ej.PivotGauge.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the JSON formatted response while error occurs.
+	*/
+	responseJSON?: any;
+}
+
+export interface RenderSuccessEventArgs {
+
+	/** returns the outer HTML of PivotGauge control.
+	*/
+	element?: string;
+
+	/** returns the custom object bounded with the control.
+	*/
+	customObject?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotGauge model.
+	*/
+	model?: ej.PivotGauge.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+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 name for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Allows the user to enable the usage of named set items in respective axis. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+}
+
+export interface DataSourceRowsFilterItems {
+
+	/** Allows the user to set the type of filtering for an item.
+	*   @Default {exclude}
+	*/
+	filterType?: string;
+
+	/** Allows the user to set the values for filtering an item.
+	*   @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 name for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Allows the user to set the filtering values name for an item.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceRowsFilterItems;
+
+	/** Allows the user to enable the usage of named set items in respective axis. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+}
+
+export interface DataSourceValue {
+
+	/** This holds the measures unique name to bind them from the Cube.
+	*   @Default {[]}
+	*/
+	measures?: Array<any>;
+
+	/** Allows to set the axis name to place the measures items.
+	*   @Default {“”}
+	*/
+	axis?: string;
+
+	/** 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;
+}
+
+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;
+
+	/** Allows the user to enable the usage of named set items in respective axis. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+}
+
+export interface DataSource {
+
+	/** Contains the database name as string type to fetch the data from the given connection string.
+	*   @Default {“”}
+	*/
+	catalog?: string;
+
+	/** Lists out the items to be arranged in column section of PivotGauge.
+	*   @Default {[]}
+	*/
+	columns?: Array<DataSourceColumn>;
+
+	/** Contains the respective Cube name from database as string type.
+	*   @Default {“”}
+	*/
+	cube?: string;
+
+	/** Provides the raw data source for the PivotGauge.
+	*   @Default {null}
+	*/
+	data?: any;
+
+	/** Lists out the items to be arranged in row section of PivotGauge.
+	*   @Default {[]}
+	*/
+	rows?: Array<DataSourceRow>;
+
+	/** Lists out the items which supports calculation in PivotGauge.
+	*   @Default {[]}
+	*/
+	values?: Array<DataSourceValue>;
+
+	/** Lists out the items which supports filtering of values 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 change the position of a digit on the right-hand side of the decimal point for label value.
+	*   @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 that’s 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);
+	model:PivotTreeMap.Model;
+	defaults:PivotTreeMap.Model;
+
+	/** Perform an asynchronous HTTP (AJAX) request.
+	*   @returns {void}
+	*/
+	doAjaxPost(): void;
+
+	/** Perform an asynchronous HTTP (FullPost) submit.
+	*   @returns {void}
+	*/
+	doPostBack(): 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;
+
+	/** Contains the serialized Report at that instant, that is, current Report.
+	*   @Default {“”}
+	*/
+	currentReport?: 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 view the layout of PivotTreeMap from right to left.
+	*   @Default {false}
+	*/
+	enableRTL?: 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;
+
+	/** Sets the mode for the PivotTreeMap widget for binding data source either in server-side or client-side.
+	*   @Default {ej.PivotTreeMap.OperationalMode.ClientMode}
+	*/
+	operationalMode?: any;
+
+	/** 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 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 {
+
+	/** return the current action of PivotTreeMap control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotTreeMap control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotTreeMap control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotTreeMap model.
+	*/
+	model?: ej.PivotTreeMap.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface BeforeServiceInvokeEventArgs {
+
+	/** return the current action of PivotTreeMap control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotTreeMap control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotTreeMap control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotTreeMap model.
+	*/
+	model?: ej.PivotTreeMap.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DrillSuccessEventArgs {
+}
+
+export interface RenderCompleteEventArgs {
+
+	/** return the current action of PivotTreeMap control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotTreeMap control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotTreeMap control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotTreeMap model.
+	*/
+	model?: ej.PivotTreeMap.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderFailureEventArgs {
+
+	/** return the current action of PivotTreeMap control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotTreeMap control.
+	*/
+	customObject?: any;
+
+	/** return the error stack trace of the original exception.
+	*/
+	message?: any;
+
+	/** return the outer HTML of PivotTreeMap control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotTreeMap model.
+	*/
+	model?: ej.PivotTreeMap.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderSuccessEventArgs {
+
+	/** return the current action of PivotTreeMap control.
+	*/
+	action?: string;
+
+	/** return the custom object bounds with PivotTreeMap control.
+	*/
+	customObject?: any;
+
+	/** return the outer HTML of PivotTreeMap control.
+	*/
+	element?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotTreeMap model.
+	*/
+	model?: ej.PivotTreeMap.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+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 name for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Allows the user to enable the usage of named set items in respective axis. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+}
+
+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 name for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Allows the user to enable the usage of named set items in respective axis. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+}
+
+export interface DataSourceValue {
+
+	/** This holds the measures unique name to bind them from the Cube.
+	*   @Default {[]}
+	*/
+	measures?: Array<any>;
+
+	/** Allows to set the axis name to place the measures items.
+	*   @Default {“”}
+	*/
+	axis?: string;
+
+	/** 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;
+}
+
+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;
+
+	/** Allows the user to enable the usage of named set items in respective axis. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+}
+
+export interface DataSource {
+
+	/** Contains the database name as string type to fetch the data from the given connection string.
+	*   @Default {“”}
+	*/
+	catalog?: string;
+
+	/** Lists out the items to be arranged in column section of PivotTreeMap.
+	*   @Default {[]}
+	*/
+	columns?: Array<DataSourceColumn>;
+
+	/** Contains the respective Cube name from database as string type.
+	*   @Default {“”}
+	*/
+	cube?: string;
+
+	/** Provides the raw data source for the PivotTreeMap.
+	*   @Default {null}
+	*/
+	data?: any;
+
+	/** Lists out the items to be arranged in row section of PivotTreeMap.
+	*   @Default {[]}
+	*/
+	rows?: Array<DataSourceRow>;
+
+	/** Lists out the items which supports calculation in PivotTreeMap.
+	*   @Default {[]}
+	*/
+	values?: Array<DataSourceValue>;
+
+	/** Lists out the items which supports filtering of values in PivotTreeMap.
+	*   @Default {[]}
+	*/
+	filters?: Array<DataSourceFilter>;
+}
+
+export interface ServiceMethodSettings {
+
+	/** Allows the user to set the custom name for the service method that’s responsible for initializing PivotTreeMap.
+	*   @Default {InitializeTreemap}
+	*/
+	initialize?: string;
+
+	/** Allows the user to set the custom name for the service method that’s 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);
+	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 {void}
+	*/
+	filterAppointments(filterConditions: Array<any>): void;
+
+	/** Gets the complete appointment list of Schedule control.
+	*   @returns {void}
+	*/
+	getAppointments(): 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}
+	*/
+	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 {void}
+	*/
+	getRecurrenceRule(): void;
+
+	/** 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 {void}
+	*/
+	getSlotByElement(element: any): void;
+
+	/** 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 {string|string} Defines the filterOperator value for the search operation.
+	*   @param {boolean} Defines the ignoreCase value for performing the search operation.
+	*   @returns {void}
+	*/
+	searchAppointments(searchString: any|string, field: string, operator: string|string, ignoreCase: boolean): void;
+
+	/** Refreshes the entire Schedule control.
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** Refreshes only the appointment elements within the Schedule control.
+	*   @returns {void}
+	*/
+	refreshAppointments(): 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 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);
+	model:RecurrenceEditor.Model;
+	defaults:RecurrenceEditor.Model;
+
+	/** Generates the recurrence rule with the options selected within the Recurrence Editor.
+	*   @returns {void}
+	*/
+	getRecurrenceRule(): void;
+
+	/** 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 {void}
+	*/
+	recurrenceDateGenerator(recurrenceString: string, startDate: any): void;
+
+	/** 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 {void}
+	*/
+	recurrenceRuleSplit(recurrenceRule: string, exDate: any): void;
+}
+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);
+	model:Gantt.Model;
+	defaults:Gantt.Model;
+
+	/** To add 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;
+
+	/** 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 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?: 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 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 background of parent taskbar in Gantt
+	*/
+	parentTaskbarBackground?: string;
+
+	/** Specifies the mapping property path for parent task Id in self reference datasource
+	*/
+	parentTaskIdMapping?: string;
+
+	/** Specifies the mapping property path for predecessors of a task in datasource
+	*/
+	predecessorMapping?: string;
+
+	/** Specifies the background of progressbar in Gantt
+	*/
+	progressbarBackground?: string;
+
+	/** Specified the height of the progressbar in taskbar
+	*   @Default {100}
+	*/
+	progressbarHeight?: number;
+
+	/** Specifies the template for tooltip on resizing progressbar
+	*   @Default {null}
+	*/
+	progressbarTooltipTemplate?: string;
+
+	/** Specifies the template ID for customized tooltip for progressbar editing in Gantt
+	*   @Default {null}
+	*/
+	progressbarTooltipTemplateId?: string;
+
+	/** Specifies the mapping property path for progress percentage of a task in datasource
+	*/
+	progressMapping?: string;
+
+	/** It receives query to retrieve data from the table (query is same as SQL).
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** Enables or Disables rendering baselines in Gantt , when enabled baseline is rendered in Gantt
+	*   @Default {false}
+	*/
+	renderBaseline?: boolean;
+
+	/** Specifies the mapping property name for resource ID in resource Collection in Gantt
+	*/
+	resourceIdMapping?: string;
+
+	/** Specifies the mapping property path for resources of a task in datasource
+	*/
+	resourceInfoMapping?: string;
+
+	/** Specifies the mapping property path for resource name of a task in Gantt
+	*/
+	resourceNameMapping?: string;
+
+	/** Collection of data regarding resources involved in entire project
+	*   @Default {[]}
+	*/
+	resources?: Array<any>;
+
+	/** Specifies whether rounding off the day working time edits
+	*   @Default {true}
+	*/
+	roundOffDayworkingTime?: boolean;
+
+	/** Specifies the height of a single row in Gantt. Also, we need to set same height in the CSS style with class name e-rowcell.
+	*   @Default {30}
+	*/
+	rowHeight?: number;
+
+	/** Specifies end date of the Gantt schedule. By default, end date will be rounded to its next Saturday.
+	*   @Default {null}
+	*/
+	scheduleEndDate?: string;
+
+	/** Specifies the options for customizing schedule header.
+	*/
+	scheduleHeaderSettings?: ScheduleHeaderSettings;
+
+	/** Specifies start date of the Gantt schedule. By default, start date will be rounded to its previous Sunday.
+	*   @Default {null}
+	*/
+	scheduleStartDate?: string;
+
+	/** Specifies the selected row Index in Gantt , the row with given index will highlighted
+	*   @Default {-1}
+	*/
+	selectedRowIndex?: number;
+
+	/** Enables or disables the column chooser.
+	*   @Default {false}
+	*/
+	showColumnChooser?: boolean;
+
+	/** Specifies the template for cell tooltip
+	*   @Default {true}
+	*/
+	showGridCellTooltip?: boolean;
+
+	/** Specifies whether to show grid cell tooltip over expander cell alone.
+	*   @Default {true}
+	*/
+	showGridExpandCellTooltip?: boolean;
+
+	/** Specifies whether display task progress inside taskbar.
+	*   @Default {true}
+	*/
+	showProgressStatus?: boolean;
+
+	/** Specifies whether to display resource names for a task beside taskbar.
+	*   @Default {true}
+	*/
+	showResourceNames?: boolean;
+
+	/** Specifies whether to display task name beside task bar.
+	*   @Default {true}
+	*/
+	showTaskNames?: boolean;
+
+	/** Specifies the size option of Gantt control.
+	*/
+	sizeSettings?: SizeSettings;
+
+	/** Specifies the selected cell information on rendering Gantt.
+	*/
+	selectedCellIndexes?: Array<SelectedCellIndex>;
+
+	/** Specifies the sorting options for Gantt.
+	*/
+	sortSettings?: SortSettings;
+
+	/** Specifies splitter position in Gantt.
+	*   @Default {null}
+	*/
+	splitterPosition?: string;
+
+	/** Specifies the mapping property path for start date of a task in datasource
+	*/
+	startDateMapping?: string;
+
+	/** Specifies the options for striplines
+	*   @Default {[]}
+	*/
+	stripLines?: Array<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 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 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;
+}
+
+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;
+}
+
+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 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>;
+}
+
+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 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);
+	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);
+	model:TreeGrid.Model;
+	defaults:TreeGrid.Model;
+
+	/** Adds 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;
+}
+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 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?: 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;
+
+	/** 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;
+
+	/** 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 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 to select single row or multiple rows.
+	*   @Default {ej.TreeGrid.SelectionType.Single}
+	*/
+	selectionType?: ej.TreeGrid.SelectionType|string;
+
+	/** 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 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 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 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;
+
+	/** Controls the visibility of the column.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** 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?: 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;
+}
+
+export interface FilterSettings {
+
+	/** Specifies the mode on which column filtering should start
+	*   @Default {immediate}
+	*/
+	filterBarMode?: 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 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 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>;
+}
+
+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
+}
+
+}
+
+class GroupButton extends ej.Widget {
+	static fn: GroupButton;
+	constructor(element: JQuery, options?: GroupButton.Model);
+	constructor(element: Element, options?: 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}
+	*/
+	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.
+	*   @param {JQuery} Specific button element
+	*   @returns {number}
+	*/
+	getSelectedItem(element: JQuery): number;
+
+	/** 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);
+	model:NavigationDrawer.Model;
+	defaults:NavigationDrawer.Model;
+
+	/** To close the navigation drawer control
+	*   @returns {void}
+	*/
+	close(): 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 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;
+
+	/** 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 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;
+}
+}
+
+class RadialMenu extends ej.Widget {
+	static fn: RadialMenu;
+	constructor(element: JQuery, options?: RadialMenu.Model);
+	constructor(element: Element, options?: RadialMenu.Model);
+	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
+	*   @returns {void}
+	*/
+	enableItemByIndex(): void;
+
+	/** To enable menu items using indices
+	*   @returns {void}
+	*/
+	enableItemsByIndices(): void;
+
+	/** To disable menu item using index
+	*   @returns {void}
+	*/
+	disableItemByIndex(): void;
+
+	/** To disable menu items using indices
+	*   @returns {void}
+	*/
+	disableItemsByIndices(): void;
+
+	/** To enable menu item using item text
+	*   @returns {void}
+	*/
+	enableItem(): void;
+
+	/** To disable menu item using item text
+	*   @returns {void}
+	*/
+	disableItem(): void;
+
+	/** To enable menu items using item texts
+	*   @returns {void}
+	*/
+	enableItems(): void;
+
+	/** To disable menu items using item texts
+	*   @returns {void}
+	*/
+	disableItems(): void;
+
+	/** To update menu item badge value
+	*   @returns {void}
+	*/
+	updateBadgeValue(): void;
+
+	/** To show menu item badge
+	*   @returns {void}
+	*/
+	showBadge(): void;
+
+	/** To hide menu item badge
+	*   @returns {void}
+	*/
+	hideBadge(): 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);
+	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;
+
+	/** 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 RadialSlider extends ej.Widget {
+	static fn: RadialSlider;
+	constructor(element: JQuery, options?: RadialSlider.Model);
+	constructor(element: Element, options?: RadialSlider.Model);
+	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 /td>
+	*/
+	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);
+	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} 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): void;
+
+	/** This property is used to clear all the formats applied in the specified range in Spreadsheet.
+	*   @param {string} 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): void;
+
+	/** Used to clear the applied border in the specified range in Spreadsheet.
+	*   @param {string} 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): void;
+
+	/** This property is used to clear the contents in the specified range in Spreadsheet.
+	*   @param {string} 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): 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.  If pass true, 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 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,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 {number} Pass the row index of the start cell.
+	*   @param {number} Pass the column index of the start cell.
+	*   @param {number} Pass the row index of the end cell.
+	*   @param {number} Pass the column index of the end cell.
+	*   @param {number} Pass the index of the sheet.
+	*   @returns {HTMLElement}
+	*/
+	getRange(startRIndex: number, startCIndex: number, endRIndex: number, endCIndex: number, sheetIdx: number): 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 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' 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 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. If it is false 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 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} Optional.  To pass the cell range or selected cells are process.
+	*   @param {boolean} Optional.  If pass true it does not show alert.
+	*   @returns {void}
+	*/
+	mergeCells(range?: string, alertStatus?: boolean): void;
+
+	/** This method is used to protect or unprotect active sheet.
+	*   @param {boolean} Optional.   By default is true. If it is false 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, 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, 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 save JSON data in Spreadsheet.
+	*   @returns {void}
+	*/
+	saveAsJSON(): void;
+
+	/** 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 hyperlink in selected cells of the current sheet.
+	*   @param {string} 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, link: any, sheetIdx: number): 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 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 to show the sheet headers.
+	*   @returns {void}
+	*/
+	showHeadings(startRow: 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 unfreeze the frozen rows and columns in the Spreadsheet.
+	*   @returns {void}
+	*/
+	unfreezePanes(): 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>} 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>): 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 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.
+	*   @returns {void}
+	*/
+	updateUniqueData(data: any, range?: Array<any>|string): 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;
+
+	XLDragDrop: Spreadsheet.XLDragDrop;
+
+	XLDragFill: Spreadsheet.XLDragFill;
+
+	XLEdit: Spreadsheet.XLEdit;
+
+	XLExport: Spreadsheet.XLExport;
+
+	XLFilter: Spreadsheet.XLFilter;
+
+	XLFormat: Spreadsheet.XLFormat;
+
+	XLFreeze: Spreadsheet.XLFreeze;
+
+	XLPivot: Spreadsheet.XLPivot;
+
+	XLPrint: Spreadsheet.XLPrint;
+
+	XLResize: Spreadsheet.XLResize;
+
+	XLRibbon: Spreadsheet.XLRibbon;
+
+	XLSearch: Spreadsheet.XLSearch;
+
+	XLSelection: Spreadsheet.XLSelection;
+
+	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} Pass the range where you want remove cell type.
+	*   @param {number} Optional.  Pass sheet index.
+	*   @returns {void}
+	*/
+	removeCellTypes(range: string,sheetIdx: number): void;
+}
+
+export interface XLCFormat {
+
+	/** This method is used to clear the applied conditional formatting rules in the Spreadsheet.
+	*   @param {boolean} Pass true if you want to clear rules from selected cells else it will clear rules from entire sheet.
+	*   @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(isSelected: boolean,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 create a chart for specified range in Spreadsheet.
+	*   @param {string} 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,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;
+}
+
+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, 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 to show comment in edit mode 
+	*   @returns {void}
+	*/
+	setComment(range: string|Array<any>,data: string,showEditPanel: 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 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 drag fill status as boolean value for 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, 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 {void}
+	*/
+	getPropertyValueByElem(elem: HTMLElement,property: string,sheetIdx: number): void;
+
+	/** 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 or CSV document (.xls, .xlsx and .csv) in Spreadsheet.
+	*   @param {string} Pass the export type that you want. 
+	*   @returns {void}
+	*/
+	export(type: string): void;
+}
+
+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} Pass the range of the selected cells.
+	*   @returns {void}
+	*/
+	filter(range: string): 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 create a table for the selected range of cells in the Spreadsheet.
+	*   @param {any} Pass the table object.
+	*   @param {string} Optional.   If the range is specified, then it will create table in the specified range else it will use the current selected range. 
+	*   @returns {void}
+	*/
+	createTable(tableObject: any,range: string): void;
+
+	/** 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 indices 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 increment/decrement.
+	*   @param {string} Pass the range indices.
+	*   @returns {void}
+	*/
+	updateDecimalPlaces(type: string,range: string): 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 {any} Row index and column index of the cell which you want to freeze.
+	*   @returns {void}
+	*/
+	freezePanes(cell: any): 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;
+}
+
+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 {void}
+	*/
+	createPivotTable(range: string,location: string,name: string,settings: any,pvt: any): void;
+
+	/** 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 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 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 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} 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): 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 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, if you want to match with case-sensitive.
+	*   @param {boolean} Pass true, 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, if you want to match with case-sensitive.
+	*   @param {boolean} Pass true, 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 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>} Optional.  Pass range to refresh selection.
+	*   @returns {void}
+	*/
+	refreshSelection(range: Array<any>): 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 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' to sort by cell color or 'PutFontColor' for 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 {void}
+	*/
+	sortByRange(range: Array<any>|string,columnName: string,direction: any): void;
+}
+
+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} 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' if you ignore blank values.
+	*   @param {boolean} Pass 'true' if you want to show an error alert.
+	*   @returns {void}
+	*/
+	applyDVRules(range: string,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} 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): void;
+
+	/** This method is used to highlight invalid data in a specified range of cells in the Spreadsheet.
+	*   @param {string} 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): 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 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 {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 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 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?: 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 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 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 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 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 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 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 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 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 applicationtab.
+	*   @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 {false}
+	*/
+	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 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 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 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;
+
+	/** 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 {false}
+	*/
+	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
+}
+
+}
+
+class PdfViewer extends ej.Widget {
+	static fn: PdfViewer;
+	constructor(element: JQuery, options?: PdfViewer.Model);
+	constructor(element: Element, options?: PdfViewer.Model);
+	model:PdfViewer.Model;
+	defaults:PdfViewer.Model;
+
+	/** Loads the document with the filename and displays it in PDF viewer.
+	*   @returns {void}
+	*/
+	load(): void;
+
+	/** Shows/hides the tool bar in the PDF viewer.
+	*   @returns {void}
+	*/
+	showToolbar(): void;
+
+	/** Prints the PDF document.
+	*   @returns {void}
+	*/
+	print(): void;
+
+	/** Shows/hides the page navigation tools in the toolbar
+	*   @returns {void}
+	*/
+	showPageNavigationTools(): 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.
+	*   @returns {void}
+	*/
+	goToPage(): 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 tool bar.
+	*   @returns {void}
+	*/
+	showMagnificationTools(): 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.
+	*   @returns {void}
+	*/
+	zoomTo(): void;
+}
+export module PdfViewer{
+
+export interface Model {
+
+	/** Specifies the locale information of the PDF viewer.
+	*/
+	locale?: string;
+
+	/** Specifies the toolbar settings.
+	*/
+	toolbarSettings?: ToolbarSettings;
+
+	/** Shows or hides the grouped items in the toolbar with the help of enum ej.PdfViewer.ToolbarItems
+	*/
+	toolbarItems?: ej.PdfViewer.ToolbarItems|string;
+
+	/** Sets the PDF Web API service URL
+	*/
+	serviceUrl?: 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 responsive support for PDF Viewer control during the window resizing time.
+	*/
+	isResponsive?: 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 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 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;
+}
+
+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 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;
+}
+
+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
+}
+
+}
+
+}
+declare module ej.datavisualization {
+	
+class SymbolPalette extends ej.Widget {
+	static fn: SymbolPalette;
+	constructor(element: JQuery, options?: SymbolPalette.Model);
+	constructor(element: Element, options?: SymbolPalette.Model);
+	model:SymbolPalette.Model;
+	defaults:SymbolPalette.Model;
+}
+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);
+	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 {void}
+	*/
+	getBarDistanceFromScale(): void;
+
+	/** To get Bar Pointer Value in number
+	*   @returns {void}
+	*/
+	getBarPointerValue(): void;
+
+	/** To get Bar Width in number
+	*   @returns {void}
+	*/
+	getBarWidth(): void;
+
+	/** To get CustomLabel Angle in number
+	*   @returns {void}
+	*/
+	getCustomLabelAngle(): void;
+
+	/** To get CustomLabel Value in string
+	*   @returns {void}
+	*/
+	getCustomLabelValue(): void;
+
+	/** To get Label Angle in number
+	*   @returns {void}
+	*/
+	getLabelAngle(): void;
+
+	/** To get LabelPlacement in number
+	*   @returns {void}
+	*/
+	getLabelPlacement(): void;
+
+	/** To get LabelStyle in number
+	*   @returns {void}
+	*/
+	getLabelStyle(): void;
+
+	/** To get Label XDistance From Scale in number
+	*   @returns {void}
+	*/
+	getLabelXDistanceFromScale(): void;
+
+	/** To get PointerValue in number
+	*   @returns {void}
+	*/
+	getLabelYDistanceFromScale(): void;
+
+	/** To get Major Interval Value in number
+	*   @returns {void}
+	*/
+	getMajorIntervalValue(): void;
+
+	/** To get MarkerStyle in number
+	*   @returns {void}
+	*/
+	getMarkerStyle(): void;
+
+	/** To get Maximum Value in number
+	*   @returns {void}
+	*/
+	getMaximumValue(): void;
+
+	/** To get PointerValue in number
+	*   @returns {void}
+	*/
+	getMinimumValue(): void;
+
+	/** To get Minor Interval Value in number
+	*   @returns {void}
+	*/
+	getMinorIntervalValue(): void;
+
+	/** To get Pointer Distance From Scale in number
+	*   @returns {void}
+	*/
+	getPointerDistanceFromScale(): void;
+
+	/** To get PointerHeight in number
+	*   @returns {void}
+	*/
+	getPointerHeight(): void;
+
+	/** To get Pointer Placement in String
+	*   @returns {void}
+	*/
+	getPointerPlacement(): void;
+
+	/** To get PointerValue in number
+	*   @returns {void}
+	*/
+	getPointerValue(): void;
+
+	/** To get PointerWidth in number
+	*   @returns {void}
+	*/
+	getPointerWidth(): void;
+
+	/** To get Range Border Width in number
+	*   @returns {void}
+	*/
+	getRangeBorderWidth(): void;
+
+	/** To get Range Distance From Scale in number
+	*   @returns {void}
+	*/
+	getRangeDistanceFromScale(): void;
+
+	/** To get Range End Value in number
+	*   @returns {void}
+	*/
+	getRangeEndValue(): void;
+
+	/** To get Range End Width in number
+	*   @returns {void}
+	*/
+	getRangeEndWidth(): void;
+
+	/** To get Range Position in number
+	*   @returns {void}
+	*/
+	getRangePosition(): void;
+
+	/** To get Range Start Value in number
+	*   @returns {void}
+	*/
+	getRangeStartValue(): void;
+
+	/** To get Range Start Width in number
+	*   @returns {void}
+	*/
+	getRangeStartWidth(): void;
+
+	/** To get ScaleBarLength in number
+	*   @returns {void}
+	*/
+	getScaleBarLength(): void;
+
+	/** To get Scale Bar Size in number
+	*   @returns {void}
+	*/
+	getScaleBarSize(): void;
+
+	/** To get Scale Border Width in number
+	*   @returns {void}
+	*/
+	getScaleBorderWidth(): void;
+
+	/** To get Scale Direction in number
+	*   @returns {void}
+	*/
+	getScaleDirection(): void;
+
+	/** To get Scale Location in object
+	*   @returns {void}
+	*/
+	getScaleLocation(): void;
+
+	/** To get Scale Style in string
+	*   @returns {void}
+	*/
+	getScaleStyle(): void;
+
+	/** To get Tick Angle in number
+	*   @returns {void}
+	*/
+	getTickAngle(): void;
+
+	/** To get Tick Height in number
+	*   @returns {void}
+	*/
+	getTickHeight(): void;
+
+	/** To get getTickPlacement in number
+	*   @returns {void}
+	*/
+	getTickPlacement(): void;
+
+	/** To get Tick Style in string
+	*   @returns {void}
+	*/
+	getTickStyle(): void;
+
+	/** To get Tick Width in number
+	*   @returns {void}
+	*/
+	getTickWidth(): void;
+
+	/** To get get Tick XDistance From Scale in number
+	*   @returns {void}
+	*/
+	getTickXDistanceFromScale(): void;
+
+	/** To get Tick YDistance From Scale in number
+	*   @returns {void}
+	*/
+	getTickYDistanceFromScale(): void;
+
+	/** 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?: Scales;
+
+	/** 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 Scales {
+
+	/** 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);
+	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 {void}
+	*/
+	exportImage(): void;
+
+	/** To get BackNeedleLength
+	*   @returns {void}
+	*/
+	getBackNeedleLength(): void;
+
+	/** To get CustomLabelAngle
+	*   @returns {void}
+	*/
+	getCustomLabelAngle(): void;
+
+	/** To get CustomLabelValue
+	*   @returns {void}
+	*/
+	getCustomLabelValue(): void;
+
+	/** To get LabelAngle
+	*   @returns {void}
+	*/
+	getLabelAngle(): void;
+
+	/** To get LabelDistanceFromScale
+	*   @returns {void}
+	*/
+	getLabelDistanceFromScale(): void;
+
+	/** To get LabelPlacement
+	*   @returns {void}
+	*/
+	getLabelPlacement(): void;
+
+	/** To get LabelStyle
+	*   @returns {void}
+	*/
+	getLabelStyle(): void;
+
+	/** To get MajorIntervalValue
+	*   @returns {void}
+	*/
+	getMajorIntervalValue(): void;
+
+	/** To get MarkerDistanceFromScale
+	*   @returns {void}
+	*/
+	getMarkerDistanceFromScale(): void;
+
+	/** To get MarkerStyle
+	*   @returns {void}
+	*/
+	getMarkerStyle(): void;
+
+	/** To get MaximumValue
+	*   @returns {void}
+	*/
+	getMaximumValue(): void;
+
+	/** To get MinimumValue
+	*   @returns {void}
+	*/
+	getMinimumValue(): void;
+
+	/** To get MinorIntervalValue
+	*   @returns {void}
+	*/
+	getMinorIntervalValue(): void;
+
+	/** To get NeedleStyle
+	*   @returns {void}
+	*/
+	getNeedleStyle(): void;
+
+	/** To get PointerCapBorderWidth
+	*   @returns {void}
+	*/
+	getPointerCapBorderWidth(): void;
+
+	/** To get PointerCapRadius
+	*   @returns {void}
+	*/
+	getPointerCapRadius(): void;
+
+	/** To get PointerLength
+	*   @returns {void}
+	*/
+	getPointerLength(): void;
+
+	/** To get PointerNeedleType
+	*   @returns {void}
+	*/
+	getPointerNeedleType(): void;
+
+	/** To get PointerPlacement
+	*   @returns {void}
+	*/
+	getPointerPlacement(): void;
+
+	/** To get PointerValue
+	*   @returns {void}
+	*/
+	getPointerValue(): void;
+
+	/** To get PointerWidth
+	*   @returns {void}
+	*/
+	getPointerWidth(): void;
+
+	/** To get RangeBorderWidth
+	*   @returns {void}
+	*/
+	getRangeBorderWidth(): void;
+
+	/** To get RangeDistanceFromScale
+	*   @returns {void}
+	*/
+	getRangeDistanceFromScale(): void;
+
+	/** To get RangeEndValue
+	*   @returns {void}
+	*/
+	getRangeEndValue(): void;
+
+	/** To get RangePosition
+	*   @returns {void}
+	*/
+	getRangePosition(): void;
+
+	/** To get RangeSize
+	*   @returns {void}
+	*/
+	getRangeSize(): void;
+
+	/** To get RangeStartValue
+	*   @returns {void}
+	*/
+	getRangeStartValue(): void;
+
+	/** To get ScaleBarSize
+	*   @returns {void}
+	*/
+	getScaleBarSize(): void;
+
+	/** To get ScaleBorderWidth
+	*   @returns {void}
+	*/
+	getScaleBorderWidth(): void;
+
+	/** To get ScaleDirection
+	*   @returns {void}
+	*/
+	getScaleDirection(): void;
+
+	/** To get ScaleRadius
+	*   @returns {void}
+	*/
+	getScaleRadius(): void;
+
+	/** To get StartAngle
+	*   @returns {void}
+	*/
+	getStartAngle(): void;
+
+	/** To get SubGaugeLocation
+	*   @returns {void}
+	*/
+	getSubGaugeLocation(): void;
+
+	/** To get SweepAngle
+	*   @returns {void}
+	*/
+	getSweepAngle(): void;
+
+	/** To get TickAngle
+	*   @returns {void}
+	*/
+	getTickAngle(): void;
+
+	/** To get TickDistanceFromScale
+	*   @returns {void}
+	*/
+	getTickDistanceFromScale(): void;
+
+	/** To get TickHeight
+	*   @returns {void}
+	*/
+	getTickHeight(): void;
+
+	/** To get TickPlacement
+	*   @returns {void}
+	*/
+	getTickPlacement(): void;
+
+	/** To get TickStyle
+	*   @returns {void}
+	*/
+	getTickStyle(): void;
+
+	/** To get TickWidth
+	*   @returns {void}
+	*/
+	getTickWidth(): void;
+
+	/** 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?: Scales;
+
+	/** 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;
+
+	/** 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 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 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 Scales {
+
+	/** 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 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,
+}
+}
+
+class DigitalGauge extends ej.Widget {
+	static fn: DigitalGauge;
+	constructor(element: JQuery, options?: DigitalGauge.Model);
+	constructor(element: Element, options?: DigitalGauge.Model);
+	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 {void}
+	*/
+	exportImage(fileName: string, fileType: string): void;
+
+	/** 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 {void}
+	*/
+	getPosition(itemIndex: number): void;
+
+	/** 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 {void}
+	*/
+	getValue(itemIndex: number): void;
+
+	/** 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?: Items;
+
+	/** 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 Items {
+
+	/** 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);
+	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 {void}
+	*/
+	export(type: string, URL: string, exportMultipleChart: boolean): void;
+
+	/** 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 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;
+
+	/** 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 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.
+	*/
+	LabelText?: string;
+
+	/** Actual value of the label.
+	*/
+	LabelValue?: 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 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 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;
+
+	/** 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;
+
+	/** 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 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 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;
+
+	/** 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;
+
+	/** 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;
+
+	/** 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 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;
+
+	/** 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 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;
+
+	/** zOrder 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 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 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 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;
+
+	/** 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 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 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;
+}
+
+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 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;
+
+	/** 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 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 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 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;
+
+	/** 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 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 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;
+}
+
+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 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;
+
+	/** 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 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 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 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;
+
+	/** 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 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 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 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;
+
+	/** 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;
+
+	/** 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?: boolean;
+
+	/** 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;
+
+	/** 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 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;
+
+	/** 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 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 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;
+
+	/** zOrder 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;
+
+	/** 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 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 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 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 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 RangePadding
+{
+//string
+Additional,
+//string
+Normal,
+//string
+None,
+//string
+Round,
+}
+}
+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);
+	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);
+	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);
+	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);
+	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 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?: any;
+
+	/** 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;
+
+	/** }
+	*   @Default {null}
+	*/
+	key?: string;
+
+	/** Options for enabling and configuring labelSettings labelPath, smartLabelSize, labelLength etc.,
+	*/
+	labelSettings?: LayersLabelSettings;
+
+	/** 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 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);
+	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;
+
+	/** 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 defaul 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);
+	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 {void}
+	*/
+	add(node: any): void;
+
+	/** 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 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;
+
+	/** 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.NameTypeDescriptionfileNamestringname of the file to be downloaded.formatstringformat of the exported file/data. See [File Formats](/js/api/global#fileformats).modestringto set whether to export diagram as a file or as raw data. See [Export Modes](/js/api/global#exportmodes).regionstringto set the region of the diagram to be exported. See [Region](/js/api/global#region).boundsobjectto export any custom region of diagram.marginobjectto set margin to the exported data.
+	*   @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](/js/api/global#fitmode)
+	*   @param {string} to set whether the region to be fit will be based on diagram elements or page settings [Region](/js/api/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 {any} options to zoom the diagram(zoom factor, zoomIn/zoomOut)
+	*   @returns {void}
+	*/
+	zoomTo(zoom: any): void;
+}
+export module Diagram{
+
+export interface Options {
+
+	/** name of the file to be downloaded.
+	*/
+	fileName?: string;
+
+	/** format of the exported file/data. See [File Formats](/js/api/global#fileformats).
+	*/
+	format?: string;
+
+	/** to set whether to export diagram as a file or as raw data. See [Export Modes](/js/api/global#exportmodes).
+	*/
+	mode?: string;
+
+	/** to set the region of the diagram to be exported. See [Region](/js/api/global#region).
+	*/
+	region?: string;
+
+	/** to export any custom region of diagram.
+	*/
+	bounds?: any;
+
+	/** to set margin to the exported data.
+	*/
+	margin?: any;
+}
+
+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;
+
+	/** 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 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;
+}
+
+export interface ClickEventArgs {
+
+	/** parameter returns the clicked node, connector or diagram
+	*/
+	element?: any;
+
+	/** parameter returns the object that is actually clicked
+	*/
+	actualObject?: number;
+
+	/** parameter returns the horizontal coordinate of the mouse pointer, relative to the diagram
+	*/
+	offsetX?: number;
+
+	/** parameter returns  the vertical coordinate of the mouse pointer, relative to the diagram
+	*/
+	offsetY?: number;
+
+	/** parameter returns the count of how many times the mouse button is pressed
+	*/
+	count?: number;
+
+	/** parameter returns the actual click event arguments that explains which button is clicked
+	*/
+	event?: any;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+export interface DoubleClickEventArgs {
+
+	/** parameter returns the object that is actually clicked
+	*/
+	actualObject?: any;
+
+	/** parameter returns the selected object
+	*/
+	element?: any;
+}
+
+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;
+}
+
+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;
+}
+
+export interface DragLeaveEventArgs {
+
+	/** parameter returns the node or connector that is dragged outside of the diagram
+	*/
+	element?: any;
+}
+
+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;
+}
+
+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
+	*/
+	sourceType?: string;
+}
+
+export interface GroupChangeEventArgs {
+
+	/** parameter returns the object that is added to/removed from a group
+	*/
+	element?: any;
+
+	/** parameter returns the old parent group(if any) of the object
+	*/
+	oldParent?: any;
+
+	/** parameter returns the new parent group(if any) of the object
+	*/
+	newParent?: any;
+
+	/** parameter returns the cause of group change("group", unGroup")
+	*/
+	cause?: string;
+}
+
+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>;
+}
+
+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 actual click event arguments that explains which button is clicked
+	*/
+	event?: any;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+export interface CreateEventArgs {
+
+	/** Returns the diagram model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: 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;
+
+	/** Defines how the background image should be scaled/stretched
+	*   @Default {ej.datavisualization.Diagram.ScaleConstraints.Meet}
+	*/
+	scale?: ej.datavisualization.Diagram.ScaleConstraints |string;
+
+	/** Sets the source path of the background image
+	*   @Default {null}
+	*/
+	source?: 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;
+
+	/** 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|string;
+
+	/** Defines the first control point of the bezier segment
+	*   @Default {null}
+	*/
+	point1?: ej.datavisualization.Diagram.ConnectorsSourcePoint|string;
+
+	/** Defines the second control point of bezier segment
+	*   @Default {null}
+	*/
+	point2?: ej.datavisualization.Diagram.ConnectorsSourcePoint|string;
+
+	/** 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 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?: string;
+
+	/** Defines the multiplicity of a relationship in UML class diagram
+	*/
+	multiplicity?: 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|string;
+
+	/** 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 ContextMenu {
+
+	/** Defines the collection of context menu items
+	*   @Default {[]}
+	*/
+	items?: Array<any>;
+
+	/** 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?: 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;
+
+	/** 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;
+}
+
+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?: Array<NodesClassAttribute>;
+
+	/** Defines the collection of methods of a Class.
+	*   @Default {[]}
+	*/
+	methods?: Array<NodesClassMethod>;
+}
+
+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 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;
+
+	/** 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;
+
+	/** 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 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 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 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 how the node should be scaled/stretched
+	*   @Default {ej.datavisualization.Diagram.ScaleConstraints.Meet}
+	*/
+	scale?: ej.datavisualization.Diagram.ScaleConstraints |string;
+
+	/** 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|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 ScaleConstraints 
+{
+//Used to scale the image non-uniformly to the given width/height
+None,
+//Used to scale the image uniformly so that it fits the viewport
+Meet,
+//Used to scale the image uniformly to the maximum
+Slice,
+}
+}
+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 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 Classifier
+Classifier,
+}
+}
+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 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 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 all Constraints
+Default,
+}
+}
+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 ClassifierShapes
+{
+//Used to define a Class
+Class,
+//Used to define an Interface
+Interface,
+//Used to define an Enumeration
+Enumeration,
+}
+}
+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 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 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,
+}
+}
+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 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 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 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,
+}
+}
+
+class HeatMap extends ej.Widget {
+	static fn: HeatMap;
+	constructor(element: JQuery, options?: HeatMap.Model);
+	constructor(element: Element, options?: HeatMap.Model);
+	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;
+
+	/** 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 HeatMapCell {
+
+	/** Specifies whether the cell content can be visible or not.
+	*   @Default {ej.HeatMap.CellVisibility.Visible}
+	*/
+	showContent?: ej.datavisualization.HeatMap.CellVisibility|string;
+
+	/** Specifies whether the cell color can be visible or not.
+	*   @Default {true}
+	*/
+	showColor?: boolean;
+}
+
+export interface DefaultColumnStyle {
+
+	/** Specifies the alignment mode of the heat map column.
+	*   @Default {ej.HeatMap.TextAlign.Center}
+	*/
+	textAlign?: any;
+
+	/** Specifies the template id of the heat map column header.
+	*/
+	headerTemplateID?: string;
+
+	/** Specifies the template id of all individual cell data of the heat map.
+	*/
+	templateID?: string;
+}
+
+export interface ItemsMappingColumnStyle {
+
+	/** Specifies the width of the heat map column.
+	*   @Default {0}
+	*/
+	width?: number;
+
+	/** Specifies the text align mode of the heat map column.
+	*   @Default {ej.HeatMap.TextAlign.Center}
+	*/
+	textAlign?: string;
+
+	/** Specifies the template id of the column header.
+	*/
+	headerTemplateID?: string;
+
+	/** Specifies the template id of all individual cell data.
+	*/
+	templateID?: string;
+}
+
+export interface ItemsMappingColumn {
+
+	/** Specifies the name of the column or row.
+	*/
+	propertyName?: string;
+
+	/** Specifies the value of the column or row.
+	*/
+	displayName?: string;
+}
+
+export interface ItemsMappingRow {
+
+	/** Specifies the name of the column or row.
+	*/
+	propertyName?: string;
+
+	/** Specifies the value of the column or row.
+	*/
+	displayName?: string;
+}
+
+export interface ItemsMappingValue {
+
+	/** Specifies the name of the column or row.
+	*/
+	propertyName?: string;
+
+	/** Specifies the value of the column or row.
+	*/
+	displayName?: string;
+}
+
+export interface ItemsMappingHeaderMapping {
+
+	/** Specifies the name of the column or row.
+	*/
+	propertyName?: string;
+
+	/** Specifies the value of the column or row.
+	*/
+	displayName?: string;
+
+	/** Specifies the property and display value of the header.
+	*   @Default {null}
+	*/
+	columnStyle?: any;
+}
+
+export interface ItemsMapping {
+
+	/** Column settings for the individual heat map column.
+	*   @Default {null}
+	*/
+	columnStyle?: ItemsMappingColumnStyle;
+
+	/** Specifies the property and display value of the column.
+	*   @Default {null}
+	*/
+	column?: ItemsMappingColumn;
+
+	/** Specifies the property and display value of the heat map.row
+	*   @Default {null}
+	*/
+	row?: ItemsMappingRow;
+
+	/** Specifies the property and display value of the column value.
+	*   @Default {null}
+	*/
+	value?: ItemsMappingValue;
+
+	/** Specifies the property and display value of the header.
+	*   @Default {null}
+	*/
+	headerMapping?: ItemsMappingHeaderMapping;
+
+	/** Specifies the property and display value of the collection of column.
+	*   @Default {[]}
+	*/
+	columnMapping?: 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 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);
+	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);
+	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 Overview extends ej.Widget {
+	static fn: Overview;
+	constructor(element: JQuery, options?: Overview.Model);
+	constructor(element: Element, options?: Overview.Model);
+	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 {
+}
+interface JQueryPromise<T> {
+}
+interface JQueryDeferred<T> extends JQueryPromise<T> {
+}
+interface JQueryParam {
+}
+interface JQuery {
+    data(key: any): any;
+}
+interface Window {
+    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;
+
+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;
+
+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;
+
+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;
+
+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;
+
+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;
+
+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;
+
+ejEditor(): JQuery;
+ejEditor(options?: ej.Editor.Model): JQuery;
+ejEditor(memberName: any, value?: any, param?: any): any;
+data(key: "ejEditor"): ej.Editor;
+
+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;
+}
diff --git a/ej.widgets.all/ej.mobile.all-tests.ts b/ej.widgets.all/ej.mobile.all-tests.ts
deleted file mode 100644
index 86381d522a..0000000000
--- a/ej.widgets.all/ej.mobile.all-tests.ts
+++ /dev/null
@@ -1,336 +0,0 @@
-/// <reference path="../jquery/jquery.d.ts" />
-/// <reference path="ej.mobile.all.d.ts" />
-
-$(document).ready(function () {
-   
-  $("#CoreLinearGauge").ejLinearGauge({
-                labelColor: "#8c8c8c", width: 500,
-                scales: [{
-                    width: 4, border: { color: "transparent",width:0 }, showBarPointers: false, showRanges: true, length: 310, 
-                    position: { x: 52, y: 50 }, markerPointers: [{
-                        value: 50, length: 10, width: 10, backgroundColor: "#4D4D4D", border: { color: "#4D4D4D" }
-                    }],
-                    labels: [{ font: { size: "11px", fontFamily: "Segoe UI", fontStyle: "bold" }, distanceFromScale:{x: -13} }],
-                    ticks: [{ type: "majorinterval", width: 1, color: "#8c8c8c" }],
-                    ranges: [{
-                        endValue: 60,
-                        startValue: 0,
-                        backgroundColor: "#F6B53F",
-                        border: { color: "#F6B53F" }, startWidth: 4, endWidth: 4
-                    }, {
-                        endValue: 100,
-                        startValue: 60,
-                        backgroundColor: "#E94649",
-                        border: { color: "#E94649" }, startWidth: 4, endWidth: 4
-                    }]
-                }],
-				init:onLinearGaugeinit,
-				mouseClick:onLinearGaugemouseClick
-            });
-});
-
-function onLinearGaugeinit()
-{
-  console.log("init");
-}
-function onLinearGaugemouseClick()
-{
-  console.log("mouseClick");
-}
-
-$(document).ready(function () {
-   
-     $("#CoreCircularGauge").ejCircularGauge({
-                backgroundColor: "transparent", width: 500, 
-                scales: [{
-                    showRanges: true,
-                    startAngle: 122, sweepAngle: 296, radius: 130, showScaleBar: true, size: 1, maximum: 120, majorIntervalValue: 20, minorIntervalValue: 10,
-                    border: {
-                        width: 0.5,
-                    },
-                    pointers: [{
-                        value: 60,
-                        showBackNeedle: true,
-                        backNeedleLength: 20,
-                        length: 95,
-                        width: 7,
-                        pointerCap: { radius: 12 }
-                    }],
-                    ticks: [{
-                        type: "major",
-                        distanceFromScale: 2,
-                        height: 16,
-                        width: 1, color: "#8c8c8c"
-                    }, { type: "minor", height: 8, width: 1, distanceFromScale: 2, color: "#8c8c8c" }],
-                    labels: [{
-                        color: "#8c8c8c"
-                    }],
-                    ranges: [{
-                        distanceFromScale: -30,
-                        startValue: 0,
-                        endValue: 70
-                    }, {
-                        distanceFromScale: -30,
-                        startValue: 70,
-                        endValue: 110,
-                        backgroundColor: "#fc0606",
-                        border: { color: "#fc0606" }
-                    },
-                    {
-                        distanceFromScale: -30,
-                        startValue: 110,
-                        endValue: 120,
-                        backgroundColor: "#f5b43f",
-                        border: { color: "#f5b43f" }
-                    }]
-                }],
-				mouseClick:onCircularMouseClick
-            });
-	   
-});
-
-function onCircularMouseClick()
-{
-  console.log("Mouse click..");
-}
-
-$(document).ready(function () {
-   
-   $("#DigitalCore").ejDigitalGauge({
-                width: 525,
-                height: 305,
-                items: [{
-                    segmentSettings: {
-                        width: 1,
-                        spacing: 0,
-                        color: "#8c8c8c"
-                    },
-                    characterSettings: {
-                        opacity: 0.8,
-                    },
-                    value: "123456789",
-                    position: { x: 52, y: 52 }
-                }],
-				init:onDigitalGaugeinit,
-				itemRendering:onDigitalGaugeItemRendering
-            });
-});
-
-function onDigitalGaugeinit()
-{
-  console.log("init");
-}
-function onDigitalGaugeItemRendering()
-{
-  console.log("itemRendering");
-}
-
-$(document).ready(function () {
-   
-     $("#container").ejChart(
-        {
-		 
-		
-			
-			//Initializing Common Properties for all the series
-            commonSeriesOptions: 
-			{
-                type: 'line', enableAnimation: true,
-				tooltip:{ visible :true, template:'Tooltip'},
-                marker:
-                {
-                    shape: 'circle',
-                    size:
-                    {
-                        height: 10, width: 10
-                    },
-                    visible: true
-                },
-                 border : {width: 2}                             
-            },	
-				
-           
- 
-            title :{text: 'Efficiency of oil-fired power production'},
-            size: { height: "600" },
-            legend: { visible: true},
-			create:onChartCreate
-        });
-	   
-});
-
-function onChartCreate()
-{
-  console.log("create");
-}
-
-$(document).ready(function () {
-
-	 $("#scrollcontent").ejRangeNavigator({
-
-            enableDeferredUpdate: true,
-            padding: "15",
-            allowSnapping:true,
-		      selectedRangeSettings: {
-               start:"2015/5/25", end:"2016/5/25"
-           },
-          
-   })
-});
-
-$(document).ready(function () {
-   $("#BulletGraph1").ejBulletGraph({
-            qualitativeRangeSize: 32,            
-            quantitativeScaleLength: 475, tooltipSettings: {template: "Tooltip", visible: true}, orientation: ej.datavisualization.BulletGraph.Orientation.Horizontal,
-            flowDirection: ej.datavisualization.BulletGraph.FlowDirection.Forward,
-            quantitativeScaleSettings: {
-                location: { x: 110, y: 10 },
-                minimum: 0,
-                maximum: 10,
-                interval: 1,
-                minorTicksPerInterval: 4,
-                majorTickSettings:{ size: 13, width: 1, stroke: 'gray'},
-				minorTickSettings:{ size: 5, width: 1, stroke: 'gray'},
-                
-                labelSettings: {
-                    position: ej.datavisualization.BulletGraph.LabelPosition.Below, offset: 14, size: 10
-                },
-                featuredMeasureSettings: { width: 6 },
-				comparativeMeasureSettings:{
-                                           width: 5
-                },
-                featureMeasures: [{ value: 8, comparativeMeasureValue: 6.7, category: ""}]
-            },
-            qualitativeRanges: [{
-                rangeEnd: 4.3
-            }, {
-                rangeEnd: 7.3
-            }, {
-                rangeEnd: 10
-            }],
-            captionSettings: { textAngle: 0,
-                location: { x: 17, y: 20 }, text: "Revenue YTD", font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '12px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1 }, //'#707070'
-                subTitle: { textAngle: 0,
-                    text: "$ in Thousands", location: { x: 10, y: 35 }, font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '12px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1} //'#707070'
-                }
-            }
-			
-
-
-        });
-		
-		  $("#BulletGraph2").ejBulletGraph({ qualitativeRangeSize: 32, height:140,
-            quantitativeScaleLength: 475, orientation: ej.datavisualization.BulletGraph.Orientation.Horizontal,
-            flowDirection: ej.datavisualization.BulletGraph.FlowDirection.Forward,
-            quantitativeScaleSettings: {
-                location: { x: 110, y: 10 },
-                minimum: -10,
-                maximum: 10,
-                interval: 2,
-                minorTicksPerInterval: 4,
-				majorTickSettings:{ size: 13, width: 1},
-				minorTickSettings:{ size: 5, width: 1},
-                
-                labelSettings: {
-                    position: ej.datavisualization.BulletGraph.LabelPosition.Below, offset: 14, size: 10, labelSuffix: ' %'
-                },
-                featuredMeasureSettings: { width: 6 },
-				comparativeMeasureSettings:{ width: 5 },
-                featureMeasures: [{ value: 8, comparativeMeasureValue: 6.7}]
-            },
-            qualitativeRanges: [{
-                rangeEnd: -4, rangeStroke: "#61a301"
-            }, {
-                rangeEnd: 3, rangeStroke: "#fcda21"
-            }, {
-                rangeEnd: 10, rangeStroke: "#d61e3f"
-            }],
-            captionSettings: { textAngle: 0,
-                location: { x: 60, y: 25 }, text: "Profit", font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '13px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1 }, //'#707070'
-                //subTitle: { textAngle: 0,
-                //    text: "profit in %", location: { x: 35, y: 35 }, font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '12px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1} //'#707070'
-               //}
-            },
-		    drawLabels:onBulletDrawLabel
-        });
-        
-});
-
-		function onBulletDrawLabel()
-		{
-		  console.log("drawLabel");
-		}
-
-
-$(document).ready(function () {
-   
-    $("#barcode").ejBarcode({ text: "HTTP://WWW.SYNCFUSION.COM", symbologyType: "qrbarcode", xDimension: 8, displayText: true, load:onBarcodeLoad });
-	
-});
-
-function onBarcodeLoad()
-		{
-		  console.log("load");
-		}
-
-           jQuery(function ($) {		
-		    $("#container").ejMap({                
-                 mouseover:MapMouseOver,
-                 onRenderComplete:MapOnRenderComplete,
-				 navigationControl:{enableNavigation:true,orientation:'vertical',absolutePosition:{x:5,y:15},dockPosition: 'none'},
-                 background:'white',
-                 enableAnimation: true,                 
-                 layers: [
-                       {
-                               layerType: "geometry",
-                               enableSelection: false,
-							   enableMouseHover:false,
-                               
-                               showMapItems: false,
-                               markerTemplate: 'template',                              
-                               shapeSettings: {
-                                   fill: "#626171",
-                                   strokeThickness: "1",
-                                   stroke: "#6F6F79",
-                                   highlightStroke:"#6F6F79",
-                                   valuePath: "name",
-                                   highlightColor: "gray"
-
-                               },                               
-                               
-                       }
-                 ]
-
-             });
-         });
-	   function MapMouseOver() {
-          console.log("mouseover");
-       }
-	   function MapOnRenderComplete() {
-          console.log("onRenderComplete");
-       }
-	
-
-       jQuery(function ($) {
-            $("#treemapContainer").ejTreeMap({
-			    treeMapItemSelected:onTreeMapItemSelected,
-               
-                levels: [
-                     { groupPath: "Continent", groupGap: 5}
-                   ], 
-                colorValuePath: "Growth",
-                rangeColorMapping: [
-                      { color: "#DC562D", from: "0", to: "1" },
-                      { color: "#FED124", from: "1", to: "1.5" },
-                      { color: "#487FC1", from: "1.5", to: "2" },
-                      { color: "#0E9F49", from: "2", to: "3" }
-                ],
-                showTooltip:true,
-                leafItemSettings: { labelPath: "Region" }
-            });
-        });
-	function onTreeMapItemSelected() {
-       console.log("TreeMapItemSelected");
-    }
-    
- 
\ No newline at end of file
diff --git a/ej.widgets.all/ej.mobile.all.d.ts b/ej.widgets.all/ej.mobile.all.d.ts
deleted file mode 100644
index cdf403f36c..0000000000
--- a/ej.widgets.all/ej.mobile.all.d.ts
+++ /dev/null
@@ -1,19908 +0,0 @@
-// Type definitions for ej.mobile.all v14.1.0.41
-// Project: http://help.syncfusion.com/js/typescript
-// Definitions by: Syncfusion <https://github.com/syncfusion/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-
-/*!
-*  filename: ej.mobile.all.d.ts
-*  version : 14.1.0.41
-*  Copyright Syncfusion Inc. 2001 - 2016. 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. 
-*/
-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: string): JQuery;
-    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): 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): void;
-    function proxy(fn: Object, context: string, arg: string): boolean;
-    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;
-    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: Object;
-		isMSPointerEnabled: boolean;
-	}
-	class WidgetBase {
-        destroy(): void;
-        element: JQuery;
-        setModel(options: Object, forceSet?: boolean):any;
-        option(prop?: Object, value?: Object, forceSet?: boolean): 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;     
-    }
-
-
-    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: 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: string, ignoreCase?: boolean): ej.Query;
-		where(predicate:ej.Predicate):ej.Query;
-        search(searchKey: any, fieldNames?:  any, operator?: string, ignoreCase?: boolean): ej.Query;
-        sortBy(fieldName: string, comparer?: ej.SortOrder, isFromGroup?: boolean): ej.Query;
-        sortByDesc(fieldName: string): ej.Query;
-        group(fieldName: string): ej.Query;
-        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;
-        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 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;
-        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 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;
-        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;
-        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): Object;
-        remove(dm: ej.DataManager, keyField: string, value:any, tableName: string): Object;
-        update(dm: ej.DataManager, keyField: string, value:any, tableName: string): Object;
-    }
-    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(field: string, operator: ej.FilterOperators, value: any, ignoreCase: boolean);
-        and(field: string, operator: any, value:any, ignoreCase:boolean): void;
-        or(field: string, operator: any, value: any, ignoreCase: boolean): void;
-        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,
-		equal,
-		greaterThan,
-		greaterThanOrEqual,
-		lessThan,
-		lessThanOrEqual,
-		notEqual,
-		startsWith
-	}
-
-	enum MatrixDefaults {
-		m11,
-		m12,
-		m21,
-		m22,
-		offsetX,
-		offsetY,
-		type
-	}
-	enum MatrixTypes {
-		Identity,
-		Scaling,
-		Translation,
-		Unknown
-	}
-
-	enum Orientation {
-		Horizontal,
-		Vertical
-	}
-
-	enum SliderType {
-		Default,
-		MinRange,
-		Range
-	}
-
-	enum eventType {
-		click,
-		mouseDown,
-		mouseLeave,
-		mouseMove,
-		mouseUp
-	}
-	enum headerOption {
-		row,
-		tHead
-	}
-		
-	enum filterType{
-		StartsWith,
-		Contains,
-		EndsWith,
-		LessThan,
-		GreaterThan,
-		LessThanOrEqual ,
-		GreaterThanOrEqual,
-		Equal,
-		NotEqual
-	}
-	enum Animation{
-		Fade,
-		None,
-		Slide
-	} 
-	enum Type{
-		Overlay,
-		Slide
-	}
-	enum SortOrder
-	{
-		Ascending,
-		Descending
-	}
-
-		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;
-    } 
-}
-declare module App {
-	
-var addMetaTags: boolean;
-    var allowPopState: boolean;
-    var allowPushState: boolean;
-    var activePage: JQuery;
-	var waitingPopUp: JQuery;
-    var hashMonitoring: boolean;
-    var pageTransition: string;
-    var renderEJMControlByDef: boolean;
-    function createPage(element: JQuery): void;
-    function getLoaction(): string;
-    function initPage(): void;
-    function loadView(url: string): void;
-    function transferPage(fromPage: Object, toPage: Object, options?: any, isFromAjax?: boolean): void;
-    function userAgent(): void;
-    
-    var pageHistory: {
-        activeHistory(): string;
-        add(url: string, options?: PageOption): void;
-        clearForward(): void;
-        find(url: string): number;
-        lastHistory(): string;
-        nextHistory(): string;
-        prevHistory(): string;
-        makeUrlAbsolute(hashString: string): void;
-    }
-    //Pageoption type for appview page
-    interface PageOption {
-        title?: string;
-        href?: string;
-        hash?: string;
-    }
-    var route: {
-        convertToRelativeUrl(): void;
-        hasProtocol(url: string): boolean;
-        setPageRenderMode(element: JQuery): void;
-        splitUrl(url: string): any;
-    }
-}
-declare module ej.mobile {
-	
- //Global Interface
-    interface windowsOption {
-        renderDefault?: boolean;
-    }
-	enum RenderMode{
-		Auto,
-		IOS7,
-		Android,
-		Windows,
-		Flat
-	}
-	enum Theme{
-		Auto,
-		Dark,
-		Light
-	}
-class Accordion extends ej.Widget {
-    static fn: Accordion;
-    constructor(element: JQuery, options?: AccordionOptions);
-    model: AccordionOptions;
-    validTags: Array<string>;
-    defaults: AccordionOptions;
-    collapseAll(): void;
-    disableItems(itemIndexes: Array<any>): void;
-    enableItems(itemIndexes: Array<any>): void;
-    selectItems(activeList: Array<any>): void;
-    deselectItems(activeList: Array<any>): void;
-    expandAll(): void;
-    hide(): void;
-    show(): void;
-    destroy(): void;
-    getItemsCount(): number;
-}
-//ejmAccordion Option
-interface AccordionOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    enableCache?: boolean;
-    allowMultipleOpen?: boolean;
-    collapsible?: boolean;
-    enabled?: boolean;
-    enableMultipleOpen?: boolean;
-    heightAdjustMode?: ej.mobile.Accordion.HeightAdjustMode;
-    windows?: windowsOption;
-    enablePersistence?: boolean;
-    selectedItems?: Array<any>;
-    disabledItems?: Array<any>;
-    showHeaderIcon?: boolean;
-    spinnerText?: string;
-    items?: Array<itemCollection>;
-    active? (e: AccordionActiveEventArgs): void;
-    ajaxBeforeLoad? (e: AccordionAjaxBeforeLoadEventArgs): void;
-    ajaxError? (e: AccordionAjaxErrorEventArgs): void;
-    ajaxLoad? (e: AccordionAjaxLoadEventArgs): void;
-    ajaxSuccess? (e: AccordionAjaxSuccessEventArgs): void;
-    beforeActive? (e: AccordionBeforeActiveEventArgs): void;
-    destroy? (e: AccordionEventArgs): void;
-    create? (e: AccordionEventArgs): void;
-}
-
-interface itemCollection {
-    ajaxUrl?: string;
-    logoClass?: string;
-}
-//ejmejmAccordionEvent Arugument
-interface AccordionEventArgs {
-    cancel: boolean;
-    type: string;
-    model: AccordionOptions;
-}
-interface AccordionActiveEventArgs extends AccordionEventArgs {
-    items: string;
-    lastSelectedItemIndices: number;
-    selectedItemIndices: number;
-}
-interface AccordionAjaxBeforeLoadEventArgs extends AccordionEventArgs {
-    url: string;
-}
-interface AccordionAjaxErrorEventArgs extends AccordionEventArgs {
-    title: string;
-    data: Object;
-    url: string;
-}
-interface AccordionAjaxLoadEventArgs extends AccordionEventArgs {
-}
-interface AccordionAjaxSuccessEventArgs extends AccordionEventArgs {
-    content: Object;
-    data: Object;
-    url: string;
-}
-interface AccordionBeforeActiveEventArgs extends AccordionEventArgs {
-    activeItemIndex?: number;
-}
-export module Accordion {
-    enum HeightAdjustMode {
-        Content,
-        Auto,
-        Fill
-    }
-}
-class Autocomplete extends ej.Widget {
-    static fn: Autocomplete;
-    element: JQuery;
-    constructor(element: JQuery, options?: AutocompleteOptions);
-    model: AutocompleteOptions;
-    defaults: AutocompleteOptions;
-    disable(): void;
-    enable(): void;
-    destroy(): void;
-    clearText(): void;
-    getSelectedItems(): Array<any>;
-    getValue(): string;
-
-}
-interface AutocompleteOptions {
-    allowScrolling?: boolean;
-    filterType?: ej.mobile.Autocomplete.FilterType;
-    caseSensitiveSearch?: boolean;
-    cssClass?: string;
-    enableAutoFill?: boolean;
-    delimiterChar?: string;
-    enableMultiSelect?: boolean;
-    enableCheckbox?: boolean;
-    dataSource?: any;
-    filterMode?: string;
-    itemsCount?: string|number;
-    templateId?: string;
-    fields?: fieldOptions;
-    imageField?: string;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    mapper?: string;
-    watermarkText?: string;
-    imageClass?: string;
-    allowSorting?: boolean;
-    value?: string;
-    sortOrder?: ej.mobile.Autocomplete.SortOrder;
-    emptyResultText?: string;
-    showEmptyResultText?: boolean;
-    minCharacter?: number;
-    enableDistinct?: boolean;
-    enablePersistence?: boolean;
-    enabled?: boolean;
-    mode?: ej.mobile.Autocomplete.Mode;
-    selectedKeys?: string;
-    windows?: windowsOption;
-    touchEnd? (e: AutocompleteTouchEndEventArgs): void;
-    keyPress? (e: AutocompleteKeyPressEventArgs): void;
-    select? (e: AutocompleteSelectEventArgs): void;
-    change? (e: AutocompleteChangeEventArgs): void;
-    focusIn? (e: AutocompleteFocusInEventArgs): void;
-    focusOut? (e: AutocompleteFocusOutEventArgs): void;
-    destroy? (e: AutocompleteEventArgs): void;
-    create? (e: AutocompleteEventArgs): void;
-}
-interface fieldOptions {
-    text?: string;
-    key?: string;
-}
-interface AutocompleteEventArgs {
-    cancel: boolean;
-    model: AutocompleteOptions;
-    type: string;
-}
-interface AutocompleteTouchEndEventArgs extends AutocompleteEventArgs {
-    text: string;
-    isChecked: boolean;
-    checkedItemsText: Object;
-    value: string;
-}
-interface AutocompleteKeyPressEventArgs extends AutocompleteEventArgs {
-    value: string;
-}
-interface AutocompleteSelectEventArgs extends AutocompleteEventArgs {
-    text: string;
-    isChecked: boolean;
-    checkedItemsText: Object;
-    value: string;
-}
-interface AutocompleteChangeEventArgs extends AutocompleteEventArgs {
-    text: string;
-    isChecked: boolean;
-    checkedItemsText: Object;
-    value: string;
-}
-interface AutocompleteFocusInEventArgs extends AutocompleteEventArgs {
-    value: string;
-}
-interface AutocompleteFocusOutEventArgs extends AutocompleteEventArgs {
-    value: string;
-}
-export module Autocomplete {
-    enum FilterType {
-        StartsWith,
-        Contains
-    }
-    enum Mode {
-        Search,
-        Default
-    }
-    enum SortOrder {
-        Ascending,
-        Descending
-    }
-}
-class Button extends ej.Widget {
-    static fn: Button;
-    element: JQuery;
-    constructor(element: JQuery, options?: ButtonOptions);
-    model: ButtonOptions;
-    validTags: Array<string>;
-    defaults: ButtonOptions;
-    disable(): void;
-    enable(): void;
-}
-class Actionlink extends ej.Widget {
-    static fn: Actionlink;
-    element: JQuery;
-    constructor(element: Element, options?: ButtonOptions);
-    model: Object;
-    validTags: Array<string>;
-    defaults: ButtonOptions;
-    disable(): void;
-    enable(): void;
-}
-interface ButtonOptions {
-    touchStart?(e: ButtonEventArgs): void;
-    touchEnd?(e: ButtonEventArgs): void;
-    cssClass?: string;
-    enabled?: (boolean | string);
-    inline?: (boolean | string);
-    renderMode?: (ej.mobile.RenderMode | string);
-    text?: string;
-    theme?: (ej.mobile.Theme | string);
-    imageClass?: string;
-    imagePosition?: (ej.mobile.Button.ImagePosition | string);
-    contentType?: (ej.mobile.Button.ContentType | string);
-    ios7?: ios7ButtonOptions;
-    android?: androidButtonOption;
-    windows?: windowsButtonOptions;
-    flat?: flatButtonOption;
-}
-interface ButtonEventArgs {
-    element: Object;
-    text: string;
-}
-interface ios7ButtonOptions {
-    style?: (ej.mobile.Button.IOS7.Style | string);
-    color?: (ej.mobile.Button.IOS7.Color | string);
-}
-interface androidButtonOption {
-    style?: (ej.mobile.Button.Android.Style | string);
-}
-interface windowsButtonOptions extends windowsOption {
-    style?: (ej.mobile.Button.Windows.Style | string);
-}
-interface flatButtonOption {
-    style?: (ej.mobile.Button.Flat.Style | string);
-}
-export module Button{
-export module IOS7{
-	enum Style{
-		Normal,
-		Back,
-		Header,
-		Dialog
-	}
-	enum Color{
-		Gray,
-		Black,
-		Blue,
-		Green,
-		Red
-	}
-	} 
-export module Android{
-	enum Style{
-		Normal,
-		Small,
-		Dialog
-	}
-
-}
-export module Windows{
-	enum Style{
-		Normal,
-		Back
-		}
-}
-export module Flat{
-	enum Style{
-		Normal,
-		Back,
-		Header
-		}
-}
-	enum ImagePosition{
-		Left,
-		Right
-	}
-	enum ContentType{
-		Text,
-		Image,
-		Both
-	}
-}
-class DatePicker extends ej.Widget {
-    static fn: DatePicker;
-	static Locale:any;
-    element: JQuery;
-    constructor(element: JQuery, options?: DatePickerOptions);
-    model: DatePickerOptions;
-    defaults: DatePickerOptions;
-    disable(): void;
-    enable(): void;
-    hide(): void;
-    show(): void;
-    setCurrentDate(date:string): void;
-    getValue(): string;
-    destroy(): void;
-}
-
-//ejmDatePicker Options
-interface DatePickerOptions {
-    cssClass?: string;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    culture?: string;
-    dateFormat?: string;
-    value?: string;
-    enabled?: boolean;
-	enablePersistence?: boolean;
-    ios7?: ios7Option;
-    windows?: windowsOption;
-    maxDate?: string;
-    minDate?: string;
-    load? (e: DatePickerEventArgs): void;
-    select? (e: DatePickerEventArgs): void;
-    focusIn? (e: DatePickerEventArgs): void;
-    focusOut? (e: DatePickerEventArgs): void;
-    open? (e: DatePickerEventArgs): void;
-    close? (e: DatePickerEventArgs): void;
-    change? (e: DatePickerEventArgs): void;
-    destroy? (e: DatePickerArgs): void;
-    create? (e: DatePickerArgs): void;
-}
-
-interface DatePickerArgs {
-    type: string;
-    model: DatePickerOptions;
-    value: string;
-}
-//ejmDatePickerEvent Arugument
-interface DatePickerEventArgs extends DatePickerArgs {
-    cancel: boolean;
- 
-}
-
-interface ios7Option {
-    renderDefault: boolean;
-}
-
-
-//Class ejmDropDownList
-class DropDownList extends ej.Widget {
-    static fn: DropDownList;
-    constructor(element: JQuery, options?: DropDownListOptions);
-    model: DropDownListOptions;
-    defaults: DropDownListOptions;
-    show(): void;
-    hide(): void;
-	getValue():string;
-    selectItemByIndex(index:(number|string)): void;
-    unselectItemByIndex(index:(number|string)): void;
-    selectItemByIndices(indices:Array<any>): void;
-    unselectItemByIndices(indices: Array<any>): void;
-    destroy(): void;
-    getSelectedItemsValue(): Array<string>;
-    getSelectedItemValue(): string;
-}
-
-//ejmDropDownList WindowsOption
-interface windowsDropDownListOption extends windowsOption {
-    type?: ej.mobile.DropDownList.WindowsType;
-}
-
-interface androidDropDownListOption {
-    popUpHeight?: number|string;
-}
-
-interface fieldsDropDownListOption {
-    text?: string;
-    groupBy?: string;
-    imageClass?: string;
-    imageUrl?: string;
-    checkBy?: string;
-    enableTemplate?: string;
-    templateID?: string;
-    value?: string;
-}
-
-//ejmDropDownList Option
-interface DropDownListOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    readOnly?: boolean;
-    targetID?: string;
-    selectedItemIndex?: number|string;
-    dataSource?: any;
-    fields?: fieldsDropDownListOption;
-    query?: string;
-    allowVirtualScrolling?: boolean;
-    virtualScrollMode?: ej.mobile.DropDownList.VirtualScrollingMode;
-    itemRequestCount?: number|string;
-    enabled?: boolean;
-    enableMultiSelect?: boolean;
-    delimiterChar?: string;
-    enableGrouping?: boolean;
-    mode?: ej.mobile.DropDownList.Mode;
-    enableTemplate?: boolean;
-    enablePersistence?: boolean;
-    windows?: windowsDropDownListOption;
-    android?: androidDropDownListOption;
-    items?: Array<any>;
-    focusIn? (e: DropDownArgs): void;
-    focusOut? (e: DropDownArgs): void;
-    select? (e: DropDownSelectArgs): void;
-    change? (e: DropDownSelectArgs): void;
-    checkChange? (e: DropDownListEventArgs): void;
-}
-
-interface DropDownArgs {
-    cancel: boolean;
-    type: string;
-    model: DropDownListOptions;
-}
-//ejmDropDownListEvent Arugument
-interface DropDownListEventArgs extends DropDownArgs {
-    checked: boolean;
-}
-
-interface DropDownSelectArgs extends DropDownArgs {
-    selectedText: string;
-    value: string;
-    selectedItem: Object;
-}
-
-export module DropDownList{
-	enum VirtualScrollingMode{
-		Continuous,
-		Normal
-	}
-	enum WindowsType{
-		ComboBox,
-		List
-	}
-    enum Mode {
-        Normal,
-        Native
-    }
-}
-
-class Numeric extends ej.Widget {
-    static fn: Numeric;
-    element: JQuery;
-    constructor(element: JQuery, options?: EditorOptions);
-    model: EditorOptions;
-    ValidTags: Array<string>;
-    defaults: EditorOptions;
-    disable(): void;
-    enable(): void;
-    getValue(): any;
-    setValue(value:number): void;
-    
-}
-
-interface EditorOptions {
-    cssClass?: string;
-    enableStrictMode?: boolean;
-    enabled?: boolean;
-    showBorder?: boolean;
-    showSpinButton?: boolean;
-    incrementStep?: number;
-    maxValue?: number;
-    minValue?: number;
-    name?: string;
-    enablePersistence?: boolean;
-    readOnly?: boolean;
-    renderMode?: ej.mobile.RenderMode;
-    decimalPlaces?: number;
-    theme?: ej.mobile.Theme;
-    value?: number;
-    watermarkText?: string;   
-    windows?: windowsOption;
-    change? (e: EditorEventArgs): void;
-	focusIn? (e: EditorEventArgs): void;
-    focusOut? (e: EditorEventArgs): void;
-    destroy?(e:EditorBaseArgs):void;
-    create?(e:EditorBaseArgs):void;
-}
-
-interface EditorBaseArgs{
-    cancel: boolean;
-    type: string;
-    model: EditorOptions;
-}
-
-interface EditorEventArgs extends EditorBaseArgs {    
-    value: number;
-    element: Object;
-}
-
-
-class Grid extends ej.Widget {
-    static fn: Grid;
-    element: JQuery;
-    constructor(element: JQuery, options?: GridOptions);
-    model: GridOptions;
-    validTags: Array<string>;
-    defaults: GridOptions;
-    disable(): void;
-    enable(): void;
-    destroy(): void;
-    getColumnByField(field:string): void;
-    getColumnByHeaderText(headerText:string): void;
-    getColumnByIndex(index:number): void;
-    getColumnFieldNames(): void;
-    getColumnIndexByField(field:string): void;
-    getColumnMemberByIndex(colIdx:number): void;
-    hideColumns(col:string): void;
-    refreshContent(requestType:string): void;
-    showColumns(col:string): void;
-}
-interface GridOptions {
-    cssClass?: string;
-    allowPaging?: boolean;
-    allowSorting?: boolean;
-    allowFiltering?: boolean;
-    allowScrolling?: boolean;
-    allowSelection?: boolean;
-    dataSource: any;
-    caption?: string;
-    enablePersistence?: boolean;
-    selectedRowIndex?: number;
-    showCaption?: boolean;
-    allowColumnSelector?: boolean;
-    transition?: string;
-    columns?: Array<Object>;
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    rowSelecting? (e: GridEventArgs): void;
-    rowSelected? (e: GridEventArgs): void;
-    actionBegin? (e: GridEventArgs): void;
-    actionComplete? (e: GridEventArgs): void;
-    actionSuccess? (e: GridEventArgs): void;
-    actionFailure? (e: GridEventArgs): void;
-    queryCellInfo? (e: GridEventArgs): void;
-    rowDataBound? (e: GridEventArgs): void;
-    modelChange? (e: GridEventArgs): void;
-    load? (e: GridEventArgs): void;
-    pageSettings?: PageSettings;
-    scrollSettings?: ScrollSettings;
-    sortSettings?: SortSettings;
-    filterSettings?: FilterSettings;
-}
-
-interface PageSettings {
-    pageSize?: number;
-    currentPage?: number;
-    display?: ej.mobile.Grid.PagerDisplay;
-    type?: ej.mobile.Grid.PagerType;
-    totalRecordsCount?: number;
-}
-interface ScrollSettings {
-    enableColumnScrolling?: boolean;
-    height?: any;
-    width?: any;
-    enableRowScrolling?: boolean;
-    enableNativeScrolling?: boolean;
-}
-interface SortSettings {
-    allowMultiSorting?: boolean;
-    sortedColumns?: Array<any>;
-}
-interface FilterSettings {
-    isCaseSensitive?: boolean;
-    filterBarMode?: ej.mobile.Grid.FilterBarMode;
-    interval?: number;
-    filteredColumns?: Array<any>;
-}
-
-//ejmGridEvent Arugument
-interface GridEventArgs {
-    cancel: boolean;
-    type: string;
-    model: GridOptions;
-}
-
-export module Grid
-{
-enum PagerDisplay
-{
-Normal,
-Fixed
-}
-
-enum PagerType
-{
-Normal,
-Scrollable
-}
-
-enum FilterBarMode
-{
-Immediate,
-OnEnter
-}
-enum Actions
-{
-Paging,
-Sorting,
-Filtering,
-Refresh
-}
-}
-class Header extends ej.Widget {
-    static fn: Header;
-    element: JQuery;
-    constructor(element: JQuery, options?: HeaderOptions);
-    model: HeaderOptions;
-    defaults: HeaderOptions;
-    getTitle(): string;
-    destroy(): void;
-}
-
-interface HeaderOptions {
-    hideForUnSupportedDevice?: boolean;
-    leftButtonNavigationUrl?: string;
-    leftButtonImageClass: string;
-    leftButtonImageUrl: string;
-    rightButtonNavigationUrl?: string;
-	rightButtonImageClass?:string;
-	rightButtonImageUrl?:string;
-    cssClass?: string;
-    title?: string;
-    showTitle?: boolean;
-    position?: ej.mobile.Header.Position;
-    leftButtonCaption?: string;
-    rightButtonCaption?: string;
-	leftButtonStyle?:ej.mobile.Header.HeaderLeftButtonStyle;	
-    rightButtonStyle?:ej.mobile.Header.HeaderRightButtonStyle;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-	enablePersistence?:boolean;
-    templateId?: string;
-    ios7?: Headerios7Options;
-    flat?: HeaderFlatOptions;
-    windows?: HeaderWindowsOptions;
-    android?: HeaderAndroidOptions;
-    leftButtonTap? (e: HeaderLeftButtonTapEventArgs): void;
-    rightButtonTap? (e: HeaderRightButtonTapEventArgs): void;
-    destroy?(e:HeaderBaseArgs):void;
-    create?(e:HeaderBaseArgs):void;
-}
-interface HeaderWindowsOptions extends windowsOption {
-    enableCustomText?: boolean;
-    renderDefault?: boolean;
-    rightButtonStyle?: ej.mobile.Header.Windows.HeaderRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Header.Windows.HeaderLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-interface HeaderAndroidOptions {
-    backButtonImageClass?: string;
-    rightButtonStyle?: ej.mobile.Header.Android.HeaderRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Header.Android.HeaderLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-interface Headerios7Options {
-    rightButtonStyle?:  ej.mobile.Header.IOS7.HeaderRightButtonStyle;
-    leftButtonStyle?:  ej.mobile.Header.IOS7.HeaderLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-interface HeaderFlatOptions {
-    rightButtonStyle?: ej.mobile.Header.Flat.HeaderRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Header.Flat.HeaderLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-
-interface HeaderBaseArgs{
-    cancel: boolean;
-    type: string;
-    model: FooterOptions;
-}
-interface HeaderLeftButtonTapEventArgs {
-    text: string;
-    cancel: boolean;
-    model: Object;
-    type: string;
-    status: boolean;
-}
-interface HeaderRightButtonTapEventArgs {
-    text: string;
-    cancel: boolean;
-    model: Object;
-    type: string;
-    status: boolean;
-}
-
-export module Header
-{
-enum Position
-{
- Normal,
- Fixed
-}
-enum HeaderLeftButtonStyle
-{
-	Back,
-	Header,
-	Normal
-
-}
-enum HeaderRightButtonStyle
-{
-	Header,
-	Normal
-}
-
-export module IOS7
-{
-enum HeaderLeftButtonStyle
-{
- Auto,
- Back,
- Header,
- Normal
-}
-enum HeaderRightButtonStyle
-{
- Auto,
- Header,
- Normal
-}
-}
-
-export module Flat
-{
-enum HeaderLeftButtonStyle
-{
- Auto,
- Back,
- Normal,
- Header
-}
-enum HeaderRightButtonStyle
-{
- Auto,
- Header,
- Normal
-}
-}
-
-export module Android
-{
-enum HeaderLeftButtonStyle
-{
- Auto,
- Back,
- Normal,
- Header
-}
-enum HeaderRightButtonStyle
-{
- Auto,
- Normal,
- Header
-}
-}
-
-export module Windows
-{
-enum HeaderLeftButtonStyle
-{
- Auto,
- Back,
- Normal,
- Header
-}
-enum HeaderRightButtonStyle
-{
- Auto,
- Normal,
- Header
-}
-}
-}
-
-
-
-/* ListView - Start*/
-interface ajaxSettingsOptions {
-    type?: string;
-    cache?: boolean;
-    async?: boolean;
-    dataType?: string;   
-    contentType?: string;
-    url?: string;
-    data?: Array<any>;
-}
-//Class ejmListView
-class ListView extends ej.Widget {
-    static fn: ListView;
-    constructor(element: JQuery, options?: ListViewOptions);
-    model: ListViewOptions;
-    defaults: ListViewOptions;
-    addItem(list?:Object, index?:number,groupid?:any): void;
-    checkAllItem(): void;
-    checkItem(index:number,childId?:any): void;
-    deActive(index:number,childId?:any): void;
-    disableItem(index:number,childId?:any): void;
-    enableItem(index:number,childId?:any): void;
-    getActiveItem(): void;
-    getActiveItemText(): void;
-    getCheckedItems(): void;
-    getCheckedItemsText(): void;
-    getItemsCount(): void;
-    getItemText(index:number,childId?:any): void;
-    hasChild(index:number,childId?:any): boolean;
-    hide(): void;
-    hideItem(index:number,childId?:any): void;
-    isChecked(index:number,childId?:any): boolean;
-    loadAjaxContent(): void;
-    removeCheckMark(index:number,childId?:any): void;
-    removeItem(index:number,childId?:any): void;
-    selectItem(index:number,childId?:any): void;
-    setActive(index:number,childId?:any): void;
-    show(): void;
-    showItem(index:number,childId?:any): void;
-    unCheckAllItem(): void;
-    unCheckItem(index: number, childId?: any): void;
-    clear(): void;
-    append(data: Object): void;
-    getActiveItemData(): void;
-    getSelectedItemValue(): void;
-    getSelectedItemsValue(): void;
-    destroy(): void;
-}
-//ejmListView IOS7Option
-interface Ios7Option {
-    inline?: boolean;
-}
-//ejmListView IOS7Option
-interface windowsListViewOption extends windowsOption {
-    preventSkew?: boolean;
-    enableHeaderCustomText?: boolean;
-}
-
-//ejmListView Option
-interface ListViewOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    enablePullToRefresh?: boolean;
-    refreshThreshold?: number;
-    pullToRefreshSettings?: pullToRefreshSettings;
-    mode?: ej.mobile.ListView.Mode
-    cssClass?: string;
-    ios7?: Ios7Option;
-    windows?: windowsListViewOption;
-    adjustFixedPosition?: boolean;
-    ajaxSettings?: ajaxSettingsOptions;
-    enableCache?: boolean;
-    allowScrolling?: boolean;
-    checkDOMChanges?: boolean;
-    dataBinding?: boolean;
-    dataSource?: any;
-    enableAjax?: boolean;
-    enableCheckMark?: boolean;
-    enableFiltering?: boolean;
-    showHeader?: boolean;
-    showHeaderBackButton?: boolean;
-    enableNativeScrolling?: boolean;
-    showScrollbars?: boolean;
-    fieldSettings?: fieldSettings;
-    enableGroupList?: boolean;
-    headerBackButtonText?: string;
-    hideHeaderForUnSupportedDevice?: boolean;
-    headerTitle?: string;
-    height?: number;
-    persistSelection?: boolean;
-    preventSelection?: boolean;
-    query?: string;
-    renderTemplate?: boolean;
-    selectedItemIndex?: number;
-    autoAdjustHeight?: boolean;
-    autoAdjustScrollHeight?: boolean;
-    templateId?: string;
-    transition?: string;
-    width?: number;
-    items?: Array<any>;
-    enablePersistence?: boolean;
-    create? (e: ListViewBaseEventArgs): void;
-    destroy? (e: ListViewBaseEventArgs): void;
-    ajaxComplete? (e: ListViewEventArgs): void;
-    ajaxError? (e: ListViewEventArgs): void;
-    ajaxSuccess? (e: ListViewEventArgs): void;
-    headerBackButtonTap? (e: ListViewEventArgs): void;
-    load? (e: ListViewBaseEventArgs): void;
-    loadComplete? (e: ListViewBaseEventArgs): void;
-    touchEnd? (e: ListViewEventArgs): void;
-    touchStart? (e: ListViewEventArgs): void;
-    refreshBegin? (e: ListViewBaseEventArgs): void;
-    refreshSuccess? (e: ListViewEventArgs): void;
-    refreshError? (e: ListViewBaseEventArgs): void;
-    refreshComplete? (e: ListViewBaseEventArgs): void;
-    ajaxBeforeLoad? (e: ListViewEventArgs): void;
-}
-interface pullToRefreshSettings{
-	pullText?:string;
-	releaseText?:string;
-	refreshText?:string;
-	errorText?:string;
-	appendData?:boolean;
-	appendPosition?:ej.mobile.ListView.AppendPosition;
-}
-interface fieldSettings{
-	navigateUrl?:string;
-	href?:string;
-	enableAjax?:string;
-	preventSelection?:string;
-	persistSelection?:string;
-	text?:string;
-	enableCheckMark?:string;
-	checked?:string;
-	primaryKey?:string;
-	parentPrimaryKey?:string;
-	imageClass?:string;
-	imageUrl?:string;
-	childHeaderTitle?:string;
-	childId?:string;
-	childHeaderBackButtonText?:string;
-	renderTemplate?:string;
-	templateId?:string;
-	touchStart?:string;
-	touchEnd?:string;
-	attributes?:string;
-	groupID?:string;
-	id?:string; 
-    value?: string;
-}
-//ejmListViewEvent Arugument
-interface ListViewBaseEventArgs {
-    cancel: boolean;
-    type: string;
-    model: ListViewOptions;
-}
-interface ListViewEventArgs extends ListViewBaseEventArgs {   
-    ajaxData?: Object;
-    data?: Object;
-    errorData?: Object;
-    successData?: Object;
-    text?: string;
-    element?: Object;
-    id?: string;
-    hasChild?: boolean;
-    currentItem?: string;
-    currentText?: string;
-    currentItemIndex?: number;
-    isChecked?: boolean;
-    checkedItems?: number;
-    checkedItemsText?: string;
-}
-export module ListView{
-	enum AppendPosition{
-		Bottom,
-		Top
-    }
-    enum Mode {
-        Page,
-        Container
-    }
-}
-
-class Menu extends ej.Widget {
-    static fn: Menu;
-    element: JQuery;
-    constructor(element: JQuery, options?: MenuOptions);
-    model: MenuOptions;
-    defaults: MenuOptions;
-    addItem(menu: any, index: number): void;
-    disable(): void;
-    disableItem(index: number): void;
-    disableOverFlow(): void;
-    disableOverFlowItem(index: number): void;
-    enable(): void;
-    enableItem(index: number): void;
-    enableOverFlow(): void;
-    enableOverFlowItem(index: number): void;
-    hide(): void;
-    removeItem(index: number): void;
-    show(e: any, existing?: boolean): void;
-    destroy(): void;
-}
-//ejmMenu Option
-interface MenuOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    allowScrolling?: boolean;
-    showScrollbars?: boolean;
-    height?: (number|string);
-    renderTemplate?: boolean;
-    showOn?: ej.mobile.Menu.ShowOn;
-    targetId?: string;
-    target?: any;
-    enablePersistence?: boolean;
-    templateId?: string;
-    width?: (number|string);
-    items?: Array<any>;
-    android?: AndroidOptions;
-    ios7?: Ios7Options;
-    windows?: WindowsOptions;
-    hide? (e: MenuEvent): void;
-    load? (e: MenuEvent): void;
-    loadComplete? (e: MenuEvent): void;
-    show? (e: MenuEvent): void;
-    touchStart? (e: MenuTouchEventArgs): void;
-    touchEnd? (e: MenuTouchEventArgs): void;
-    create? (e: MenuEvent): void;
-    destroy? (e: MenuEvent): void;
-}
-//ejmMenu IOS7 Option
-interface Ios7Options {
-    cancelButtonColor?: ej.mobile.Menu.IOS7.CancelButtonColor;
-    cancelButtonText?: string;
-    cancelButtonTouchEnd? (e: MenuCancelButtonTouchEndEventArgs): void;
-    type?: ej.mobile.Menu.IOS7.Type;
-    title?: string;
-    showTitle?: boolean;
-    showCancelButton?: boolean;
-}
-
-//ejmMenu Android Option
-interface AndroidOptions {
-    type?: ej.mobile.Menu.Android.Type;
-}
-interface WindowsOptions {
-    type?: ej.mobile.Menu.Windows.Type;
-    renderDefault?: boolean;
-}
-//ejmMenu Event Arugument
-interface MenuEvent {
-    cancel: boolean;
-    type: string;
-    model: MenuOptions;
-}
-interface MenuTouchEventArgs {
-    item: Object;
-    text: string;
-}
-interface MenuCancelButtonTouchEndEventArgs extends MenuEvent {
-    item: Object;
-    text: string;
-}
-
-export module Menu {
-    export module IOS7 {
-        enum Type {
-            Auto,
-            Animate,
-            Normal
-        }
-        enum CancelButtonColor {
-            Blue,
-            Gray,
-            Black,
-            Green,
-            Red
-        }
-    }
-
-    export module Android {
-        enum Type {
-            Contextual,
-            Popup,
-            OptionsList,
-            OptionsMenu
-        }
-    }
-    export module Windows {
-        enum Type {
-            Contextual,
-            Popup
-        }
-    }
-    enum ShowOn {
-        Tap,
-        TapHold
-    }
-}
-
-
-
-//Class ejmProgress
-class Progress extends ej.Widget {
-    static fn: Progress;
-    element: JQuery;
-    constructor(element: JQuery, options?: ProgressOptions);
-    model: ProgressOptions;
-    defaults: ProgressOptions;
-    getValue(): number;
-    getPercentage(): number;
-    setCustomText(text: string): void;
-    destroy(): void;
-}
-
-//ejmProgressbar Option
-interface ProgressOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    enableCustomText?: boolean;
-    enabled?: boolean;
-    height?: number;
-    incrementStep?: number;
-    maxValue?: number;
-    minValue?: number;
-    orientation?: ej.mobile.Progress.Orientation;
-    percentage?: number;
-    enablePersistence?: boolean;
-    text?: string;
-    value?: number;
-    width?: number;
-    create? (e: ProgressEvent): void;
-    destroy? (e: ProgressEvent): void;
-    start? (e: ProgressStartEventArgs): void;
-    change? (e: ProgressChangeEvent): void;
-    complete? (e: ProgressCompleteEvent): void;
-}
-//ejmProgressbarEvent Arugument
-interface ProgressEvent {
-    cancel: boolean;
-    type: string;       
-    model: ProgressOptions;
-}
-interface ProgressStartEventArgs extends ProgressEvent {
-    value: number;
-    percentage: number;
-}
-interface ProgressChangeEvent extends ProgressEvent {
-    value: number;
-    element: Object;
-    text: string;
-    percentage: number;
-}
-interface ProgressCompleteEvent extends ProgressEvent {
-    value: number;
-    text: string;
-    percentage: number;
-}
-export module Progress {
-    enum Orientation {
-        Horizontal,
-        Vertical
-    }
-}
-
-//Class ejmRadioButton
-class RadioButton extends ej.Widget {
-    static fn: RadioButton;
-    element: JQuery;
-    constructor(element: JQuery, options?: RadioButtonOptions);
-    model: RadioButtonOptions;
-    defaults: RadioButtonOptions;
-    destroy(): void;
-    enable(): void;
-    disable(): void;
-}
-
-//ejmRadioButton Options
-interface RadioButtonOptions {
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    cssClass?: string;
-    checked?: boolean;
-    text?: string;
-    enabled?: boolean;
-    enablePersistence?: boolean;
-    create? (e: RadioButtonBaseEventArgs): void;
-    destroy? (e: RadioButtonBaseEventArgs): void;
-    touchStart? (e: RadioButtonEventArgs): void;
-    touchEnd? (e: RadioButtonEventArgs): void;
-    change? (e: RadioButtonEventArgs): void;   
-}
-//ejmRadioButtonEvent Arugument
-interface RadioButtonBaseEventArgs {
-    model: RadioButtonOptions;
-    cancel: boolean;
-    type: string;
-}
-interface RadioButtonEventArgs extends RadioButtonBaseEventArgs {   
-    value: string;
-    isChecked: boolean;   
-}
- class Rating extends ej.Widget {
-        static fn: Rating;
-        element: JQuery;
-        constructor(element?: JQuery, options?: RatingOptions);
-        model: RatingOptions;
-        defaults: RatingOptions;
-        show(): void;
-        hide(): void;
-        getValue(): void
-        reset(): void;
-        enable(): void;
-        disable(): void;
-        setValue(value: number): void;
-        destroy(): void;
-    }
-
-    interface RatingOptions {
-        maxValue?: number;
-        minValue?: number;
-        value?: number;
-        incrementStep?: number;
-        precision?: ej.mobile.Rating.Precision;
-        enabled?: boolean;
-        theme?: ej.mobile.Theme;
-        renderMode?: ej.mobile.RenderMode;
-        shape?: ej.mobile.Rating.Shape;
-        shapeWidth?: number;
-        shapeHeight?: number;
-        spaceBetweenShapes?: number;
-        orientation?: ej.mobile.Rating.Orientation;
-        readOnly?: boolean;
-        backgroundColor?: any;
-        selectionColor?: any;
-        borderColor?: any;
-        hoverColor?: any;
-        enablePersistence?: boolean;
-        create? (e: RatingBaseEventArgs): void;
-        destroy? (e: RatingBaseEventArgs): void;
-        tap? (e: RatingEventArgs): void;
-        change? (e: RatingEventArgs): void;
-        touchMove? (e: RatingEventArgs): void;
-    }
- interface RatingBaseEventArgs {
-     cancel: boolean;
-     type: string;
-     model: RatingOptions;
- }
-    interface RatingEventArgs extends RatingBaseEventArgs {        
-        value: number;
-    }
-export module Rating{
-	enum Precision{
-		Full,
-		Exact,
-		Half
-	}
-	enum Shape{
-		Star,
-		Circle,
-		Diamond,
-		Heart,
-		Pentagon,
-		Square,
-		Triangle
-	}
-	enum Orientation{
-		Horizontal,
-		Vertical
-	}
-
-}
- class Rotator extends ej.Widget {
-        static fn: Rotator;
-        element: JQuery;
-        constructor(element: JQuery, options?: RotatorOptions);
-        model: RotatorOptions;
-        validTags: Array<string>;
-        defaults: RotatorOptions;
-        renderDatasource(data: any): void;
-        destroy(): void;
-    }
- interface RotatorOptions {
-        create? (e: RotatorBaseEventArgs): void;
-        destroy? (e: RotatorBaseEventArgs): void;
-        swipeLeft? (e: RotatorEventArgs): void;
-        swipeRight? (e: RotatorEventArgs): void;
-        swipeUp? (e: RotatorEventArgs): void;
-        swipeDown? (e: RotatorEventArgs): void;
-        change? (e: RotatorEventArgs): void;
-        pagerSelect? (e: RotatorEventArgs): void;
-        adjustFixedPosition?: boolean;
-        targetId?: string;
-		cssClass?:string;
-		windows?:windowsOption;
-		items?:Array<any>;
-        renderMode?: ej.mobile.RenderMode;
-        targetHeight?: (number|string);
-        targetWidth?: (number|string);
-		enablePersistence?:boolean;
-        theme?: ej.mobile.Theme;
-        currentItemIndex?: number;
-        showPager?: boolean;
-        showHeader?: boolean;
-        headerTitle?: string;
-        dataBinding?: boolean;
-        dataSource?: any;
-        orientation?: ej.mobile.Rotator.Orientation;
-        pagerPosition?: PagerPosition;
-    }
-    interface PagerPosition {
-        horizontal?: ej.mobile.Rotator.PagerPositionHorizontal;
-        vertical?: ej.mobile.Rotator.PagerPositionVertical;
-    }
- interface RotatorBaseEventArgs {
-     cancel: boolean;
-     model: RotatorOptions;
-     type: string;
- }
- interface RotatorEventArgs extends RotatorBaseEventArgs {        
-        targetElement: Object;
-        element: number;
-    }
-export module Rotator{
-	enum Orientation{
-		Horizontal,
-		Vertical
-	}
-	enum PagerPositionHorizontal{
-		Bottom,
-		Top,
-	}
-	enum PagerPositionVertical{
-		Right,
-		Left
-	}
-
-}
- class Slider extends ej.Widget {
-        static fn: Slider;
-        element: JQuery;
-        constructor(element: JQuery, options?: SliderOptions);
-        model: SliderOptions;
-        defaults: SliderOptions;
-        getValue(): void;
-        dispose(): void;
-        destroy(): void;
-    }
-    //ejmSlider Option
-    interface SliderOptions {
-        theme?: ej.mobile.Theme;
-        renderMode?: ej.mobile.RenderMode;
-        minValue?: number;
-        maxValue?: number;
-        value?: number;
-        values?: Array<number>;
-        orientation?: ej.mobile.Slider.Orientation;
-        enableRange?: boolean;
-        readOnly?: boolean;
-        incrementStep?: number;
-        enablePersistence?: boolean;
-        enabled?: boolean;
-        enableAnimation?: boolean;
-        animationSpeed?: number;
-        ios7?: Ios7Option;
-        windows?: windowsOption;
-        create? (e: SliderBaseEventArgs): void;
-        destroy? (e: SliderBaseEventArgs): void;
-        touchStart? (e: SliderEventArgs): void;
-        touchEnd? (e: SliderEventArgs): void;
-        load? (e: SliderEventArgs): void;
-        change? (e: SliderEventArgs): void;
-        slide? (e: SliderEventArgs): void;
-    }
-
-    //ejmSlider IOS7 Option
-    interface Ios7Option {
-        thumbStyle?: ej.mobile.Slider.ThumbStyle;
-    }
- //ejmSlider Slide Event Arugument
- interface SliderBaseEventArgs {
-     cancel: boolean;
-     model: SliderOptions;
-     type: string;
- }
- interface SliderEventArgs extends SliderBaseEventArgs {
-     value?: number;
-     values?: Array<number>;
- }   
-export module Slider{
-	enum Orientation{
-		Horizontal,
-		Vertical
-	}
-	enum ThumbStyle{
-		Normal,
-		Small
-	
-	}
-
-}
-class Tab extends ej.Widget {
-    static fn: Tab;
-    constructor(element: JQuery, options?: TabOptions);
-    model:TabOptions;
-    defaults: TabOptions;
-    showBadge(index: (number|string)): void;
-    hideBadge(index: (number|string)): void;
-    updateBadgeValue(index: (number|string), value: (number|string)): void;
-    selectItem(index?: (number|string)): void;
-    enableItem(index?: (number|string)): void;
-    disableItem(index?: (number|string)): void;
-    enableContent(index?: (number|string)): void;
-    disableContent(index?: (number|string)): void;
-    addItem(tab: Object, index: (number|string)): void;
-    addOverflowItem(tab: Object, index: (number|string)): void;
-    removeItem(index: (number|string)): void;
-    removeOverflowItem(index: (number|string)): void;
-    getItemsCount(): number;
-    getOverflowItemCount(): number;
-    getActiveItemText(): string;
-    getActiveItem(): Object;
-    destroy(): void;
-}
-
-interface TabOptions {
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    cssClass?: string;
-    allowScrolling?: boolean;
-    enableNativeScrolling?: boolean;
-    showScrollbars?: boolean;
-    enableAjax?: boolean;
-    showAjaxPopup?: boolean;
-    badge?: badgeTabOptions;
-    ios7?: ios7TabOptions;
-    enableCache?: boolean;
-    selectedItemIndex?: (number|string);
-    enabled?: boolean;
-    enablePersistence?: boolean;
-    prefetchAjaxContent?: boolean;
-    items?: Array<any>;
-    overflowBadge?: overflowBadgeTabOptions;
-    android?: androidTabOptions;
-    windows?: windowsTabOptions;
-    flat?: flatTabOptions;
-    ajaxSettings?: ajaxSettingsTabOptions;
-    prefetchContentLoaded? (e: TabPrefetchEventArgs): void;
-    load? (e: TabEventArgs): void;
-    loadComplete? (e: TabLoadCompleteEventArgs): void;
-    touchStart? (e: TabEventArgs): void;
-    touchEnd? (e: TabEventArgs): void;
-    ajaxSuccess? (e: TabAjaxLoadSuccessEventArgs): void;
-    ajaxError? (e: TabAjaxLoadErrorEventArgs): void;
-    ajaxComplete? (e: TabEventArgs): void;
-    create? (e: TabEventArgs): void;
-    destroy? (e: TabEventArgs): void;
-    ajaxBeforeLoad? (e: TabAjaxBeforeLoadEventArgs): void;
-}
-
-interface TabItemOptions {
-    text?: string;
-    href?: string;
-    enableAjax?: boolean;
-    badge?: badgeTabOptions;
-    touchStart? (e: TabEventArgs): void;
-    touchEnd? (e: TabEventArgs): void;
-    ios7?: ios7TabOptions;
-    android?: ios7TabOptions;
-}
-
-interface TabEventArgs {
-    cancel: boolean;
-    type: string;
-    model: TabOptions;
-}
-interface TabAjaxBeforeLoadEventArgs extends TabEventArgs {
-    content?: any;
-    item?: any;
-    index?: number;
-    text?: string;
-    url?: string;
-}
-interface TabLoadCompleteEventArgs extends TabEventArgs {
-    element: Object;
-    id: string;
-}
-interface TabPrefetchEventArgs extends TabEventArgs {
-    item: Object;
-    content: string;
-    text: string;
-    url: string;
-    index: number;
-}
-interface TabAjaxLoadSuccessEventArgs extends TabEventArgs {
-    element: Object;
-    currentContent: string;
-}
-
-interface TabAjaxLoadErrorEventArgs extends TabEventArgs {
-    status: boolean;
-    error: string;
-}
-interface badgeTabOptions {
-    enabled?: boolean;
-    value?: (number|string);
-    maxValue?: (number|string);
-    minValue?: (number|string);
-}
-interface ios7TabOptions {
-    imageClass?: string;
-}
-interface overflowBadgeTabOptions {
-    enabled?: boolean;
-    value?: (number|string);
-    maxValue?: (number|string);
-    minValue?: (number|string);
-}
-interface androidTabOptions {
-    contentType?: ej.mobile.Tab.Android.ContentType;
-    imageClass?: string;
-    position?: ej.mobile.Tab.Position;
-}
-interface windowsTabOptions extends windowsOption {
-    enableCustomText?: boolean;
-    position?: ej.mobile.Tab.Position;
-    enableTouchMove?: boolean;
-    preventContentSwipe?: boolean;
-}
-interface flatTabOptions {
-    position?: ej.mobile.Tab.Position;
-}
-interface ajaxSettingsTabOptions {
-    type?: string;
-    cache?: boolean;
-    async?: boolean;
-    dataType?: string;
-    contentType?: string;
-    url?: string;
-    data?:  {};
-}
-
-export module Tab{
-export module Android{
-enum ContentType{
-Text,
-Image,
-Both
-}
-}
-enum Position{
-Fixed,
-Normal
-}
-}
-
-class Tile extends ej.Widget {
-    static fn: Tile;
-    constructor(element: JQuery, options?: TileOptions);
-    model: TileOptions;
-    defaults: TileOptions;
-    updateTemplate(id: string, index: (number|string)): void;
-    destroy(): void;
-}
-
-interface TileOptions {
-    android?: androidTileOptions;
-    badge?: tileBadgeOptions;
-    cssClass?: string;
-    captionTemplateId?: string;
-    enablePersistence?: boolean;
-    imageClass?: string;
-    imagePath?: string;
-    imagePosition?: ej.mobile.Tile.ImagePosition;
-    imageTemplateId?: string;
-    imageUrl?: string;
-    backgroundColor?: string;
-    ios7?: ios7TileOptions;
-    liveTile?: liveTileOptions;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    showText?: boolean;
-    text?: string;
-    textAlignment?: ej.mobile.Tile.TextAlignment;
-    tileSize?: ej.mobile.Tile.TileSize;
-    width?: (number|string);
-    height?: (number|string);
-    touchEnd? (e: tileTouchEventArgs): void;
-    touchStart? (e: tileTouchEventArgs): void;
-    create? (e: TileEventArgs): void;
-    destroy? (e: TileEventArgs): void;
-}
-interface TileEventArgs {
-    cancel?: boolean;
-    model?: TileOptions;
-    type?: string;
-}
-interface tileBadgeOptions {
-    enabled?: boolean;
-    value?: (number|string);
-    maxValue?: (number|string);
-    minValue?: (number|string);
-    text?: string;
-}
-
-interface liveTileOptions {
-    enabled?: boolean;
-    imageClass?: string;
-    imageTemplateId?: string;
-    imageUrl?: string[];
-    type?: string;
-    updateInterval?: number;
-}
-
-interface ios7TileOptions {
-    textPosition?: ej.mobile.Tile.TextPosition;
-}
-
-interface androidTileOptions {
-    textPosition?: ej.mobile.Tile.TextPosition;
-}
-
-interface tileTouchEventArgs extends TileEventArgs {
-    text?: string;
-}
-
-export module Tile
-{    
-enum TextPosition
-{
- Inner,
- Outer
-}
-enum TileSize
-{
-        Medium,
-        Small,
-        Large,
-        Wide
-}
-enum TextAlignment
-{
- 
-        Normal,
-        Left,
-        Right,
-        Center
-}
-enum ImagePosition
-{
-        Center,
-        Top,
-        Bottom,
-        Right,
-        Left,
-        TopLeft,
-        TopRight,
-        BottomRight,
-        BottomLeft,
-        Fill
-}
-}
-
-
-class RadialSlider extends ej.Widget {
-    static fn: RadialSlider;
-    constructor(element: JQuery, options?: RadialSliderOptions);
-    constructor(element: Element, options?: RadialSliderOptions);
-	model:RadialSliderOptions;
-	defaults:RadialSliderOptions;
-    show(): void;
-    hide(): void;
-    destroy(): void;
-}
-
-interface RadialSliderOptions {
-    radius?: number;
-    endAngle?: number;
-    startAngle?: number;
-    ticks?: Array<any>;
-    enableRoundOff?: boolean;
-    value?: number|string;
-    strokeWidth?: number;
-    autoOpen?: boolean;
-    enableAnimation?: boolean;
-    cssClass?: string;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    position?: ej.mobile.RadialSlider.Position;
-    labelSpace?: string|number;
-    innerCircleImageClass?: string;
-    innerCircleImageUrl?: string;
-    showInnerCircle?: boolean;
-    inline?: boolean;
-    stop? (e: RadialSliderStopEventArgs): void;
-    start? (e: RadialSliderStartEventArgs): void;
-    slide? (e: RadialSliderSlideEventArgs): void;
-    change? (e: RadialSliderChangeEventArgs): void;
-    mouseover? (e: RadialSliderMouseOverEventArgs): void;
-    create? (e: RadialSliderCreateEventArgs): void;
-    destroy? (e: RadialSliderCreateEventArgs): void;
-}
-interface RadialSliderCreateEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-}
-interface RadialSliderStopEventArgs extends RadialSliderCreateEventArgs {
-    value: number;
-}
-
-interface RadialSliderStartEventArgs extends RadialSliderCreateEventArgs {
-    value: number;
-}
-interface RadialSliderSlideEventArgs extends RadialSliderCreateEventArgs {
-    value: number;
-    selectedValue: number;
-}
-interface RadialSliderChangeEventArgs extends RadialSliderCreateEventArgs {
-    value: number;
-    oldValue: number;
-}
-interface RadialSliderMouseOverEventArgs extends RadialSliderCreateEventArgs {
-    value: number;
-    selectedValue: number;
-}
-export module RadialSlider {
-    enum Position {
-        RightCenter,
-        RightTop,
-        RightBottom,
-        LeftCenter,
-        LeftTop,
-        LeftBottom,
-        TopLeft,
-        TopRight,
-        TopCenter,
-        BottomLeft,
-        BottomRight,
-        BottomCenter
-    }
-}
-class TimePicker extends ej.Widget {
-    static fn: TimePicker;
-	static Locale:any;
-    constructor(element: JQuery, options?: TimePickerOptions);
-    model: TimePickerOptions;
-    defaults: TimePickerOptions;
-    show(e?:any): void;
-    hide(e?:any): void;
-    enable(): void;
-    disable(): void;
-    getValue(): string;
-    setCurrentTime(time: any): void;
-    destroy(): void;
-}
-interface TimePickerOptions {
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    cssClass?: string;
-    hourFormat?: ej.mobile.TimePicker.HourFormat;
-    value?: string;
-    culture?: string;
-    timeFormat?: string;
-    enabled?: boolean;
-	enablePersistence?:boolean;
-    ios7?: ios7TimepickerOptions;
-    windows?: windowsOption;
-    select? (e: TimepickerEventArgs): void;
-    load? (e: TimepickerEventArgs): void;
-    focusIn? (e: TimepickerEventArgs): void;
-    focusOut? (e: TimepickerEventArgs): void;
-    open? (e: TimepickerEventArgs): void;
-    close? (e: TimepickerEventArgs): void;
-    change? (e: TimepickerEventArgs): void;
-    create? (e: TimePickerCommonEventArgs): void;
-    destroy? (e: TimePickerCommonEventArgs): void;
-}
-interface TimePickerCommonEventArgs {
-    cancel: boolean;
-    type: string;
-    model: TimePickerOptions;
-}
-interface TimepickerEventArgs extends TimePickerCommonEventArgs {
-    value: string;
-}
-interface ios7TimepickerOptions {
-    renderDefault?: boolean;
-}
-
-export module TimePicker{
-enum HourFormat{
-	TwentyFour,
-	Twelve
-}
-}
-
-//Class ejmToggleButton
-class ToggleButton extends ej.Widget {
-    static fn: ToggleButton;
-    constructor(element: JQuery, options?: ToggleButtonOptions);
-    model: ToggleButtonOptions;
-    defaults: ToggleButtonOptions;
-    enable(): void;
-    disable(): void;
-    destroy(): void;
-}
-
-//ejmToggleButton Option
-interface ToggleButtonOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    animate?: boolean;
-    toggleState?: boolean;
-    windows?: windowsOption;
-    enablePersistence?: boolean;
-    enabled?: boolean;
-    change? (e: ToggleButtonEventArgs): void;
-    touchStart? (e: ToggleButtonEventArgs): void;
-    touchEnd? (e: ToggleButtonEventArgs): void;
-    create? (e: ToggleButtonCommonEventArgs): void;
-    destroy? (e: ToggleButtonCommonEventArgs): void;
-}
-
-interface ToggleButtonCommonEventArgs {
-    cancel: boolean;
-    type: string;
-    model: ToggleButtonOptions;
-}
-//ToggleButtonEvent Arugument
-interface ToggleButtonEventArgs extends ToggleButtonCommonEventArgs {
-    state: boolean;
-}
-//Class ejmToolbar
-class Toolbar extends ej.Widget {
-    static fn: Toolbar;
-    constructor(element: JQuery, options?: ToolbarOptions);
-    model: ToolbarOptions;
-    validTags: Array<string>;
-    defaults: ToolbarOptions;
-    removeItem(index:number): void;
-    addItem(newitem:string): void;
-    showEllipsis(): void;
-    disableItem(disableIcon:string): void;
-    enableItem(enableIcon:string): void;
-    hideItem(iconName:string): void;
-    hideEllipsis(): void;
-    showItem(iconName:string): void;
-    hideMenu(): void;
-    showMenu(): void;
-    destroy(): void;
-}
-
-//ejmToolbar Android Options
-interface ToolbarAndroidOptions {
-    title?: string;
-    titleIconUrl?: string;
-    showBackNavigator?: boolean;
-    showTitleIcon?: boolean;
-    enableSplitView?: boolean;
-    showEllipsis?: boolean;
-    position?: ej.mobile.Toolbar.Position;
-
-}
-//ejmToolbar IOS7 Options
-interface ToolbarIOS7Options {
-    position?: ej.mobile.Toolbar.Position;
-}
-//ejmToolbar Flat Options
-interface ToolbarFlatOptions {
-    position?: ej.mobile.Toolbar.Position;
-}
-//ejmToolbar Windows Options
-interface ToolbarWindowsOptions {
-    position?: ej.mobile.Toolbar.Position;
-}
-//ejmToolbar Option
-interface ToolbarOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    items?: Array<ToolbarItems>;
-    enabled?: boolean;
-	enablePersistence?:boolean;
-    hide?: boolean;
-    position?: ej.mobile.Toolbar.Position;
-    android?: ToolbarAndroidOptions;
-    windows?: windowsOption;
-    ios7?: ToolbarIOS7Options;
-    Flat?: ToolbarFlatOptions;
-    templateId?: any;
-    titleIconUrl?: any;
-    touchStart? (e: ToolbarEventArgs): void;
-    touchEnd? (e: ToolbarEventArgs): void;
-    create? (e: ToolbarEventArgs): void;
-    destroy? (e: ToolbarEventArgs): void;
-
-}
-interface ToolbarItems{
-	iconName?: ej.mobile.Toolbar.IconName;
-	iconUrl?: string;
-}
-//ejmToolbarEvent Arugument
-interface ToolbarEventArgs {
-    cancel: boolean;
-    type: string;
-    model: ToolbarOptions;
-}
-
-export module Toolbar{ 
-	enum Position{
-		Normal,
-		Fixed
-	}
-	enum IconName{
-		Add,
-		Back,
-		Bookmark,
-        Close,
-        Compose,
-        Copy,
-        Cut,
-        Delete,
-        Done,
-        Edit,
-        Mail,
-        Next,
-        Refresh,
-        Overflow,
-        Paste,
-        Reply,
-        Save,
-        Search,
-        Settings,
-        Share 
-	}
-}
-/*Group button*/
-class GroupButton extends ej.Widget {
-    static fn: GroupButton;
-    element: JQuery;
-    constructor(element?: JQuery, options?: GroupButtonOptions);
-    model: GroupButtonOptions;
-    defaults: GroupButtonOptions;
-    destroy(): void;
-    //add public functions
-}
-interface GroupButtonOptions {
-    selectedItemIndex?: (number|string);
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    cssClass?: string;
-    enablePersistence?: boolean;
-    items?: Array<GroupButtonItemsOptions>;
-    windows?: windowsOption;
-    touchStart? (e: GroupButtonEventArgs): void;
-    touchEnd? (e: GroupButtonEventArgs): void;
-    destroy? (e: GroupButtonEventArgs): void;
-    create? (e: GroupButtonEventArgs): void;
-}
-interface GroupButtonItemsOptions {
-    text?: string;
-    type?: string;
-    imageClass?: string;
-    imageUrl?: string;
-}
-interface GroupButtonEventArgs {
-    cancel: boolean;
-    type: string;
-    model: GroupButtonOptions;
-}
-/* SplitPane */
-class SplitPane extends ej.Widget {
-    static fn: SplitPane;
-    constructor(element: JQuery, options?: SplitPaneOptions);
-    model:SplitPaneOptions;
-    defaults: SplitPaneOptions;
-    loadContent(toPage: string, options?: any): void;
-    transferPage(toPage: any, options: any, existing: any, newPage: any): void;
-    refreshRightScroller(): void;
-    refreshLeftScroller(): void;
-    destroy(): void;
-}
-interface SplitPaneOptions {
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    cssClass?: string;
-    allowLeftPaneScrolling?: boolean;
-    allowRightPaneScrolling?: boolean;
-    android?: SplitPaneAndroidOptions;
-    windows?: SplitPaneWindowsOptions;
-    ios7?: SplitPaneIOS7Options;
-    flat?: SplitPaneFlatOptions;
-    enablePersistence?: boolean;
-    enableSwipe?: boolean;
-    overlayLeftPane?: boolean;
-    overlayDirection?: ej.mobile.SplitPane.OverlayDirection;
-    leftPaneScrollSettings?: Object;
-    rightPaneScrollSettings?: Object;
-    leftHeaderSettings?: Object;
-    rightHeaderSettings?: Object;
-    toolbarSettings?: Object;
-    create? (e: SplitPaneBaseEventArgs): void;
-    destroy? (e: SplitPaneBaseEventArgs): void;
-    beforeTransfer? (e: SplitPaneEventArgs): void;
-    afterLoadSuccess? (e: SplitPaneEventArgs): void;
-}
-interface SplitPaneBaseEventArgs {
-    cancel: boolean;
-    type: string;
-    model: SplitPaneOptions;
-}
-interface SplitPaneEventArgs extends SplitPaneBaseEventArgs {
-    element: Object;
-    toPage: Object;
-    leftPaneheader: Object;
-    rightPaneheader: Object;
-    toolbar: Object;
-}
-interface SplitPaneAndroidOptions {
-    showToolbar?: boolean;
-}
-interface SplitPaneWindowsOptions {
-    showLeftPaneHeader?: boolean;
-    showRightPaneHeader?: boolean;
-}
-interface SplitPaneIOS7Options {
-    showLeftPaneHeader?: boolean;
-    showRightPaneHeader?: boolean;
-}
-interface SplitPaneFlatOptions {
-    showLeftPaneHeader?: boolean;
-    showRightPaneHeader?: boolean;
-}
-
-export module SplitPane{
-enum OverlayDirection{
-Left,
-Right
-}
-}
-
-class Dialog extends ej.Widget {
-    static fn: Dialog;
-    element: JQuery;
-    constructor(element: JQuery, options?: DialogOptions);
-    model: DialogOptions;
-    defaults: DialogOptions;
-    open(): void;
-    close(): void;
-    isOpened(): boolean;
-    destroy(): void;
-}
-interface DialogOptions {
-    cssClass?: string;
-    enableAutoOpen?: boolean;
-    title?: string;
-    beforeClose? (e: DialogBeforeClose): void;
-    open? (e: DialogOpen): void;
-    close? (e: DialogClose): void;
-    buttonTap? (e: DialogButtonTap): void;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    enableModal?: boolean;
-    showButtons?: boolean;
-    allowScrolling?: boolean;
-    enableNativeScrolling?: boolean;
-    mode?: ej.mobile.Dialog.Mode;
-    leftButtonCaption?: string;
-    rightButtonCaption?: string;
-    checkDOMChanges?: boolean;
-    templateId?: string;
-    targetHeight?: string|number;
-    enablePersistence?: boolean;
-    enableAnimation?: boolean;
-    windows?: windowsOption;
-    destroy? (e: DialogEventArgs): void;
-    create? (e: DialogEventArgs): void;
-}
-interface DialogEventArgs {
-    cancel: boolean;
-    type: string;
-    model: DialogOptions;
-}
-interface DialogBeforeClose extends DialogEventArgs{
-    title: string;
-}
-interface DialogOpen extends DialogEventArgs {
-    element: Object;
-    title: string;
-}
-interface DialogClose extends DialogEventArgs {
-    title: string;
-    element: Object;
-}
-interface DialogButtonTap extends DialogEventArgs {
-    text: string;
-}
-
-export module Dialog{
-enum Mode{
-        Alert,
-        Confirm,
-        Normal,
-        FullView
-}
-}
-
-class TextboxCommon extends ej.Widget {
-    model: TextBoxOptions;
-    disable(): void;
-    enable(): void;
-    getStrippedValue(): string;
-    getUnstrippedValue(): string;
-    getValue(): string;
-    getWatermarkText(): string;
-    refresh(): void;
-    destroy(): void;
-}
-class TextBox extends TextboxCommon {
-    static fn: TextBox;
-    constructor(element: JQuery, options?: TextBoxOptions);
-    defaults: TextBoxOptions;
-}
-/* Password */
-class Password extends TextboxCommon {
-    static fn: Password;
-    constructor(element: JQuery, options?: TextBoxOptions);
-    defaults: TextBoxOptions;
-}
-/* MaskEdit */
-class MaskEdit extends TextboxCommon {
-    static fn: MaskEdit;
-    constructor(element: JQuery, options?: MaskEditOptions);
-    defaults: MaskEditOptions;
-
-}
-/* TextArea */
-class TextArea extends TextboxCommon {
-    static fn: TextArea;
-    constructor(element: JQuery, options?: TextBoxOptions);
-    defaults: TextBoxOptions;
-
-}
-interface TextBoxOptions {
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    cssClass?: string;
-    showBorder?: boolean;
-    windows?: WindowsTextBoxOptions;
-    value?: string;
-    watermarkText?: string;
-    change? (e: TextBoxChangeEventArgs): void;
-    create? (e: TextBoxEventArgs): void;
-    destroy? (e: TextBoxEventArgs): void;
-    enabled?: boolean;
-    enablePersistence?: boolean;
-    readOnly?: boolean;
-}
-interface TextBoxEventArgs {
-    cancel: boolean;
-    type: string;
-    model: TextBoxOptions;
-}
-interface MaskEditOptions extends TextBoxOptions {
-    mask?: string;
-}
-interface WindowsTextBoxOptions extends windowsOption {
-    allowReset?: boolean;
-}
-interface TextBoxChangeEventArgs extends TextBoxEventArgs {
-    element: Object;
-    value: string;
-    isChecked: boolean;
-}
-class Footer extends ej.Widget {
-    static fn: Footer;
-    element: JQuery;
-    constructor(element: JQuery, options?: FooterOptions);
-    model: FooterOptions;
-    defaults: FooterOptions;
-    getTitle(): string;
-    destroy(): void;
-    
-}
-
-interface FooterOptions {
-    hideForUnSupportedDevice?: boolean;
-    leftButtonNavigationUrl?: string;
-    rightButtonNavigationUrl?: string;
-    title?: string;
-    cssClass?: string;
-    showTitle?: boolean;
-    position?: ej.mobile.Footer.Position;
-    leftButtonCaption?: string;
-    rightButtonCaption?: string;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-	enablePersistence?:boolean;
-	leftButtonStyle?:ej.mobile.Footer.FooterLeftButtonStyle;
-	rightButtonStyle?:ej.mobile.Footer.FooterRightButtonStyle;
-    ios7?: Footerios7Options;
-    flat?: FooterFlatOptions;
-    android?: FooterAndroidOptions;
-    templateId?: string;
-    windows?: FooterWindowsOptions;
-    leftButtonTap? (e: FooterLeftButtonTapEventArgs): void;
-    rightButtonTap? (e: FooterRightButtonTapEventArgs): void;
-    destroy?(e:FooterBaseArgs):void;
-    create?(e:FooterBaseArgs):void;
-}
-
-interface FooterWindowsOptions extends windowsOption {
-    renderDefault?: boolean;
-    rightButtonStyle?: ej.mobile.Footer.Windows.FooterRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Footer.Windows.FooterLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-interface Footerios7Options {
-    rightButtonStyle?:  ej.mobile.Footer.IOS7.FooterRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Footer.IOS7.FooterLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-interface FooterFlatOptions {
-    rightButtonStyle?: ej.mobile.Footer.Flat.FooterRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Footer.Flat.FooterLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-interface FooterAndroidOptions {
-    rightButtonStyle?: ej.mobile.Footer.Android.FooterRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Footer.Android.FooterLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-
-interface FooterBaseArgs{
-    cancel: boolean;
-    type: string;
-    model: FooterOptions;
-}
-
-interface FooterLeftButtonTapEventArgs {
-    text: string;
-    cancel: boolean;
-    model: Object;
-    type: string;
-    status: boolean;
-}
-interface FooterRightButtonTapEventArgs {
-    text: string;
-    cancel: boolean;
-    model: Object;
-    type: string;
-    status: boolean;
-}
-
-export module Footer{
-export module IOS7
-{
-enum FooterLeftButtonStyle
-{
- Auto,
- Back,
- Header,
- Normal
-}
-enum FooterRightButtonStyle
-{
- Auto,
- Header,
- Normal
-}
-}
-
-export module Flat
-{
-enum FooterLeftButtonStyle
-{
- Auto,
- Back,
- Normal,
- Header
-}
-enum FooterRightButtonStyle
-{
- Auto,
- Header,
- Normal
-}
-}
-
-export module Android
-{
-enum FooterLeftButtonStyle
-{
- Auto,
- Back,
- Normal,
- Header
-}
-enum FooterRightButtonStyle
-{
- Auto,
- Normal,
- Header
-}
-}
-
-export module Windows
-{
-enum FooterLeftButtonStyle
-{
- Auto,
- Back,
- Normal,
- Header
-}
-enum FooterRightButtonStyle
-{
- Auto,
- Normal,
- Header
-}
-} 
-enum Position{
- Normal,
- Fixed
-}
-enum FooterLeftButtonStyle{
-Back,
-Header,
-Normal
-}
-enum FooterRightButtonStyle{
-Header,
-Normal
-}
-}
-
-class CheckBox extends ej.Widget {
-    static fn: CheckBox;
-    constructor(element: JQuery, options?: CheckBoxOptions);
-    model: CheckBoxOptions;
-    defaults: CheckBoxOptions;
-    isChecked(): boolean;
-    destroy(): void;
-
-}
-interface CheckBoxOptions {
-    touchStart? (e: CheckBoxTouchStart): void;
-    touchEnd? (e: CheckBoxTouchEnd): void;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    preventDefault?: boolean;
-    theme?: ej.mobile.Theme;
-    enabled?: boolean;
-    checked?: boolean;
-    enableTriState?: boolean;
-    checkState?: ej.mobile.CheckBox.CheckState;
-    windows?: windowsOption;
-    enablePersistence?: boolean;
-    text?: string;
-    destroy? (e: checkBoxEventArgs): void;
-    create? (e: checkBoxEventArgs): void;
-}
-interface checkBoxEventArgs {
-    cancel: boolean;
-    type: string;
-    model: CheckBoxOptions;
-}
-interface CheckBoxTouchStart extends checkBoxEventArgs{
-    element: Object;
-    value: string;
-    isChecked: boolean;
-}
-interface CheckBoxTouchEnd extends checkBoxEventArgs{
-    element: Object;
-    value: string;
-    isChecked: boolean;
-}
-export module CheckBox{
-	enum CheckState{
-		Uncheck,
-		Check,
-		Indeterminate
-	}	
-}
-class ScrollPanel extends ej.Widget {
-        static fn: ScrollPanel;
-        constructor(element: JQuery, target: any, options?: ScrollPanelOptions);
-        model: ScrollPanelOptions;
-        defaults: ScrollPanelOptions;
-        refresh(): void;
-        disable(): void;
-        enable(): void;
-        getComputedPosition(): void;
-        stop(): void;
-        getScrollPosition(): void;
-        destroy(): void;
-    }
-    interface ScrollPanelOptions {
-        renderMode?: ej.mobile.RenderMode;
-        theme?: ej.mobile.Theme;
-        enableResize?: boolean;
-        targetHeight?: number;
-        targetWidth?: number;
-        scrollHeight?: number;
-        scrollWidth?: number;
-        target: any;
-        enableFade?: boolean;
-        enableShrink?: (boolean|string);
-        autoAdjustHeight?: boolean;
-        isRelative?: boolean;
-        wheelSpeed?: number;
-        enableInteraction?: boolean;
-        enabled?: boolean;
-		eventPassthrough?:any;
-		translateZ?:string;
-		mode?:ej.mobile.ScrollPanel.Mode;
-        checkDOMChanges?: boolean;
-        enableHrScroll?: boolean;
-        enableVrScroll?: boolean;
-        zoomMin?: number;
-        zoomMax?: number;
-        adjustFixedPosition?: boolean;
-        startZoom?: number;
-        startX?: number;
-        startY?: number;
-		bounceEasing?:string;
-		enableDisplacement?:boolean;
-		displacementValue?:number;
-		displacementTime?:number;
-		preventDefaultException?:{tagName?:any}
-		deceleration?:any;
-        disablePointer?: boolean;
-        disableMouse?: boolean;
-        disableTouch?: boolean;
-        directionLockThreshold?: number;
-        momentum?: boolean;
-        enableBounce?: boolean;
-        bounceTime?: number;
-        preventDefault?: boolean;
-        enableTransform?: boolean;
-        enableTransition?: boolean;
-        showScrollbars?: boolean;
-        enableMouseWheel?: boolean;
-        enableKeys?: boolean;
-        enableZoom?: boolean;
-        enableNativeScrolling?: boolean;
-        invertWheel?: boolean;
-        enablePersistence?: boolean;
-        create? (e: ScrollPanelBaseEventArgs): void;
-        destroy? (e: ScrollPanelBaseEventArgs): void;
-        scrollStart? (e: ScrollPanelEventArgs): void;
-        scroll? (e: ScrollPanelEventArgs): void;
-        scrollEnd? (e: ScrollPanelEventArgs): void;        
-        zoomStart? (e: ScrollPanelEventArgs): void;
-        zoomEnd? (e: ScrollPanelEventArgs): void;
-    }
-interface ScrollPanelBaseEventArgs {
-    cancel: boolean;
-    type: string;
-    model: ScrollPanelOptions;
-}
-interface ScrollPanelEventArgs extends ScrollPanelBaseEventArgs {
-    x: number;
-    y: number;
-    object: Object;
-}   
-export module ScrollPanel{
-	enum Mode{
-		Page,
-		Container
-	}
-}
-class NavigationDrawer extends ej.Widget {
-    static fn: NavigationDrawer;
-    element: JQuery;
-    constructor(element: JQuery, options?: NavigationDrawerOptions);
-    model: NavigationDrawerOptions;
-    defaults: NavigationDrawerOptions;
-    open(e: any): void;
-    close(e: any): void;
-    toggle(e: any): void;
-    destroy(): void;
-}
-//ejmNavigationDrawer Option
-interface NavigationDrawerOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    contentId?: string;
-    allowScrolling?: boolean;
-    scrollSettings?: {};
-    considerSubPage?: boolean;
-    direction?: ej.mobile.NavigationDrawer.Direction;
-    showScrollbars?: boolean;
-    targetId?: string;
-    position?: ej.mobile.NavigationDrawer.Position;
-    enableListView?: boolean;
-    listViewSettings?: {};
-    type?: ej.mobile.NavigationDrawer.Type;
-    width?: string;
-    items?: Array<any>;
-    swipe? (e: NavigationDrawerSwipeEventArgs): void;
-    open? (e: NavigationDrawerOpenBeforeCloseEventArgs): void;
-    beforeClose? (e: NavigationDrawerOpenBeforeCloseEventArgs): void;
-    create? (e: NavigationDrawerEvent): void;
-    destroy? (e: NavigationDrawerEvent): void;
-}
-
-interface NavigationDrawerEvent {
-    type: string;
-    cancel: boolean;
-    model: NavigationDrawerOptions;
-}
-
-//ejmNavigationDrawer Swipe Event Arugument
-interface NavigationDrawerSwipeEventArgs extends NavigationDrawerEvent {
-    element: Object;
-    targetElement: Object;
-    direction: string;
-}
-//ejmNavigationDrawer Open and BeforeClose Event Arugument
-interface NavigationDrawerOpenBeforeCloseEventArgs extends NavigationDrawerEvent {
-    element: Object;
-}
-
-export module NavigationDrawer {
-    enum Direction {
-        Left,
-        Right
-    }
-    enum Position {
-        Normal,
-        Fixed
-    }
-    enum Type {
-        Overlay,
-        Slide
-    }
-}
-
-
-class RadialMenu extends ej.Widget {
-    static fn: RadialMenu;
-    constructor(element: JQuery, options?: RadialMenuOptions);
-    model: RadialMenuOptions;
-    defaults: RadialMenuOptions;
-    show(): void;
-    hide(): void;
-    menuHide(): void;
-    hideMenu(): void;
-    showMenu(): void;
-    enableItemByIndex(index: number): void;
-    enableItemsByIndices(itemIndices: Array<number>): void;
-    disableItemByIndex(itemIndex: number): void;
-    disableItemsByIndices(itemIndices: Array<number>): void;
-    updateBadgeValue(index: number, value: number): void;
-    showBadge(index: number): void;
-    hideBadge(index: number): void;
-}
-
-interface RadialMenuOptions {
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    radius?: number;
-    cssClass?: string;
-    imageClass?: string;
-    backImageClass?: string;
-    position?: ej.mobile.RadialMenu.Position;
-    enableAnimation?: boolean;
-    windows?: windowsOption;
-    items?: any;
-    touch? (e: RadialMenuEventArgs): void;
-    open? (e: RadialMenuEventArgs): void;
-    close? (e: RadialMenuEventArgs): void;
-    select? (e: RadialMenuEventArgs): void;
-}
-interface RadialMenuEventArgs {
-    cancel: boolean;
-    model: RadialMenuOptions;
-    type: string;
-    index: number;
-    childIndex: number;
-}
-export module RadialMenu{
-	enum Position{
-	RightCenter,
-	RightTop,
-	RightBottom,
-	LeftCenter,
-	LeftTop,
-	LeftBottom
-	}
-}
-
-
-}
-declare module ej.datavisualization {
-	
-class LinearGauge extends ej.Widget {
-	static fn: LinearGauge;
-	constructor(element: JQuery, options?: LinearGauge.Model);
-	constructor(element: Element, options?: LinearGauge.Model);
-	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 {void}
-	*/
-	getBarDistanceFromScale(): void;
-
-	/** To get Bar Pointer Value in number
-	* @returns {void}
-	*/
-	getBarPointerValue(): void;
-
-	/** To get Bar Width in number
-	* @returns {void}
-	*/
-	getBarWidth(): void;
-
-	/** To get CustomLabel Angle in number
-	* @returns {void}
-	*/
-	getCustomLabelAngle(): void;
-
-	/** To get CustomLabel Value in string
-	* @returns {void}
-	*/
-	getCustomLabelValue(): void;
-
-	/** To get Label Angle in number
-	* @returns {void}
-	*/
-	getLabelAngle(): void;
-
-	/** To get LabelPlacement in number
-	* @returns {void}
-	*/
-	getLabelPlacement(): void;
-
-	/** To get LabelStyle in number
-	* @returns {void}
-	*/
-	getLabelStyle(): void;
-
-	/** To get Label XDistance From Scale in number
-	* @returns {void}
-	*/
-	getLabelXDistanceFromScale(): void;
-
-	/** To get PointerValue in number
-	* @returns {void}
-	*/
-	getLabelYDistanceFromScale(): void;
-
-	/** To get Major Interval Value in number
-	* @returns {void}
-	*/
-	getMajorIntervalValue(): void;
-
-	/** To get MarkerStyle in number
-	* @returns {void}
-	*/
-	getMarkerStyle(): void;
-
-	/** To get Maximum Value in number
-	* @returns {void}
-	*/
-	getMaximumValue(): void;
-
-	/** To get PointerValue in number
-	* @returns {void}
-	*/
-	getMinimumValue(): void;
-
-	/** To get Minor Interval Value in number
-	* @returns {void}
-	*/
-	getMinorIntervalValue(): void;
-
-	/** To get Pointer Distance From Scale in number
-	* @returns {void}
-	*/
-	getPointerDistanceFromScale(): void;
-
-	/** To get PointerHeight in number
-	* @returns {void}
-	*/
-	getPointerHeight(): void;
-
-	/** To get Pointer Placement in String
-	* @returns {void}
-	*/
-	getPointerPlacement(): void;
-
-	/** To get PointerValue in number
-	* @returns {void}
-	*/
-	getPointerValue(): void;
-
-	/** To get PointerWidth in number
-	* @returns {void}
-	*/
-	getPointerWidth(): void;
-
-	/** To get Range Border Width in number
-	* @returns {void}
-	*/
-	getRangeBorderWidth(): void;
-
-	/** To get Range Distance From Scale in number
-	* @returns {void}
-	*/
-	getRangeDistanceFromScale(): void;
-
-	/** To get Range End Value in number
-	* @returns {void}
-	*/
-	getRangeEndValue(): void;
-
-	/** To get Range End Width in number
-	* @returns {void}
-	*/
-	getRangeEndWidth(): void;
-
-	/** To get Range Position in number
-	* @returns {void}
-	*/
-	getRangePosition(): void;
-
-	/** To get Range Start Value in number
-	* @returns {void}
-	*/
-	getRangeStartValue(): void;
-
-	/** To get Range Start Width in number
-	* @returns {void}
-	*/
-	getRangeStartWidth(): void;
-
-	/** To get ScaleBarLength in number
-	* @returns {void}
-	*/
-	getScaleBarLength(): void;
-
-	/** To get Scale Bar Size in number
-	* @returns {void}
-	*/
-	getScaleBarSize(): void;
-
-	/** To get Scale Border Width in number
-	* @returns {void}
-	*/
-	getScaleBorderWidth(): void;
-
-	/** To get Scale Direction in number
-	* @returns {void}
-	*/
-	getScaleDirection(): void;
-
-	/** To get Scale Location in object
-	* @returns {void}
-	*/
-	getScaleLocation(): void;
-
-	/** To get Scale Style in string
-	* @returns {void}
-	*/
-	getScaleStyle(): void;
-
-	/** To get Tick Angle in number
-	* @returns {void}
-	*/
-	getTickAngle(): void;
-
-	/** To get Tick Height in number
-	* @returns {void}
-	*/
-	getTickHeight(): void;
-
-	/** To get getTickPlacement in number
-	* @returns {void}
-	*/
-	getTickPlacement(): void;
-
-	/** To get Tick Style in string
-	* @returns {void}
-	*/
-	getTickStyle(): void;
-
-	/** To get Tick Width in number
-	* @returns {void}
-	*/
-	getTickWidth(): void;
-
-	/** To get get Tick XDistance From Scale in number
-	* @returns {void}
-	*/
-	getTickXDistanceFromScale(): void;
-
-	/** To get Tick YDistance From Scale in number
-	* @returns {void}
-	*/
-	getTickYDistanceFromScale(): void;
-
-	/** 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}
-	*/
-	enableResize?: boolean;
-
-	/**Specify frame of linear gauge
-	* @Default {null}
-	*/
-	frame?: Frame;
-
-	/**Specifies the height of Linear gauge.
-	* @Default {400}
-	*/
-	height?: number;
-
-	/**Specifies the labelColor for Linear gauge.
-	* @Default {null}
-	*/
-	labelColor?: string;
-
-	/**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?: Scales;
-
-	/**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 ScalesBarPointers {
-
-	/**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 ScalesCustomLabels {
-
-	/**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 ScalesIndicatorsStateRanges {
-
-	/**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 ScalesIndicators {
-
-	/**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<ScalesIndicatorsStateRanges>;
-
-	/**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 ScalesLabels {
-
-	/**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 ScalesMarkerPointers {
-
-	/**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 ScalesRanges {
-
-	/**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 ScalesTicks {
-
-	/**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 Scales {
-
-	/**Specifies the backgroundColor of the Scale.
-	* @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/**Specifies the scaleBar Gradient of bar pointer
-	* @Default {Array}
-	*/
-	barPointers?: Array<ScalesBarPointers>;
-
-	/**Specifies the border of the Scale.
-	* @Default {null}
-	*/
-	border?: ScalesBorder;
-
-	/**Specifies the customLabel
-	* @Default {Array}
-	*/
-	customLabels?: Array<ScalesCustomLabels>;
-
-	/**Specifies the scale Direction of the Scale. See Directions
-	* @Default {CounterClockwise}
-	*/
-	direction?: ej.datavisualization.LinearGauge.Direction|string;
-
-	/**Specifies the indicator
-	* @Default {Array}
-	*/
-	indicators?: Array<ScalesIndicators>;
-
-	/**Specifies the labels.
-	* @Default {Array}
-	*/
-	labels?: Array<ScalesLabels>;
-
-	/**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<ScalesMarkerPointers>;
-
-	/**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<ScalesRanges>;
-
-	/**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<ScalesTicks>;
-
-	/**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);
-	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 {void}
-	*/
-	exportImage(): void;
-
-	/** To get BackNeedleLength
-	* @returns {void}
-	*/
-	getBackNeedleLength(): void;
-
-	/** To get CustomLabelAngle
-	* @returns {void}
-	*/
-	getCustomLabelAngle(): void;
-
-	/** To get CustomLabelValue
-	* @returns {void}
-	*/
-	getCustomLabelValue(): void;
-
-	/** To get LabelAngle
-	* @returns {void}
-	*/
-	getLabelAngle(): void;
-
-	/** To get LabelDistanceFromScale
-	* @returns {void}
-	*/
-	getLabelDistanceFromScale(): void;
-
-	/** To get LabelPlacement
-	* @returns {void}
-	*/
-	getLabelPlacement(): void;
-
-	/** To get LabelStyle
-	* @returns {void}
-	*/
-	getLabelStyle(): void;
-
-	/** To get MajorIntervalValue
-	* @returns {void}
-	*/
-	getMajorIntervalValue(): void;
-
-	/** To get MarkerDistanceFromScale
-	* @returns {void}
-	*/
-	getMarkerDistanceFromScale(): void;
-
-	/** To get MarkerStyle
-	* @returns {void}
-	*/
-	getMarkerStyle(): void;
-
-	/** To get MaximumValue
-	* @returns {void}
-	*/
-	getMaximumValue(): void;
-
-	/** To get MinimumValue
-	* @returns {void}
-	*/
-	getMinimumValue(): void;
-
-	/** To get MinorIntervalValue
-	* @returns {void}
-	*/
-	getMinorIntervalValue(): void;
-
-	/** To get NeedleStyle
-	* @returns {void}
-	*/
-	getNeedleStyle(): void;
-
-	/** To get PointerCapBorderWidth
-	* @returns {void}
-	*/
-	getPointerCapBorderWidth(): void;
-
-	/** To get PointerCapRadius
-	* @returns {void}
-	*/
-	getPointerCapRadius(): void;
-
-	/** To get PointerLength
-	* @returns {void}
-	*/
-	getPointerLength(): void;
-
-	/** To get PointerNeedleType
-	* @returns {void}
-	*/
-	getPointerNeedleType(): void;
-
-	/** To get PointerPlacement
-	* @returns {void}
-	*/
-	getPointerPlacement(): void;
-
-	/** To get PointerValue
-	* @returns {void}
-	*/
-	getPointerValue(): void;
-
-	/** To get PointerWidth
-	* @returns {void}
-	*/
-	getPointerWidth(): void;
-
-	/** To get RangeBorderWidth
-	* @returns {void}
-	*/
-	getRangeBorderWidth(): void;
-
-	/** To get RangeDistanceFromScale
-	* @returns {void}
-	*/
-	getRangeDistanceFromScale(): void;
-
-	/** To get RangeEndValue
-	* @returns {void}
-	*/
-	getRangeEndValue(): void;
-
-	/** To get RangePosition
-	* @returns {void}
-	*/
-	getRangePosition(): void;
-
-	/** To get RangeSize
-	* @returns {void}
-	*/
-	getRangeSize(): void;
-
-	/** To get RangeStartValue
-	* @returns {void}
-	*/
-	getRangeStartValue(): void;
-
-	/** To get ScaleBarSize
-	* @returns {void}
-	*/
-	getScaleBarSize(): void;
-
-	/** To get ScaleBorderWidth
-	* @returns {void}
-	*/
-	getScaleBorderWidth(): void;
-
-	/** To get ScaleDirection
-	* @returns {void}
-	*/
-	getScaleDirection(): void;
-
-	/** To get ScaleRadius
-	* @returns {void}
-	*/
-	getScaleRadius(): void;
-
-	/** To get StartAngle
-	* @returns {void}
-	*/
-	getStartAngle(): void;
-
-	/** To get SubGaugeLocation
-	* @returns {void}
-	*/
-	getSubGaugeLocation(): void;
-
-	/** To get SweepAngle
-	* @returns {void}
-	*/
-	getSweepAngle(): void;
-
-	/** To get TickAngle
-	* @returns {void}
-	*/
-	getTickAngle(): void;
-
-	/** To get TickDistanceFromScale
-	* @returns {void}
-	*/
-	getTickDistanceFromScale(): void;
-
-	/** To get TickHeight
-	* @returns {void}
-	*/
-	getTickHeight(): void;
-
-	/** To get TickPlacement
-	* @returns {void}
-	*/
-	getTickPlacement(): void;
-
-	/** To get TickStyle
-	* @returns {void}
-	*/
-	getTickStyle(): void;
-
-	/** To get TickWidth
-	* @returns {void}
-	*/
-	getTickWidth(): void;
-
-	/** 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 enableResize value of circular gauge
-	* @Default {false}
-	*/
-	enableResize?: boolean;
-
-	/**Specify the frame of circular gauge
-	* @Default {Object}
-	*/
-	frame?: Frame;
-
-	/**Specify gaugePosition value of circular gauge See GaugePosition
-	* @Default {center}
-	*/
-	gaugePosition?: ej.datavisualization.CircularGauge.gaugePosition|string;
-
-	/**Specifies the height of circular gauge.
-	* @Default {360}
-	*/
-	height?: number;
-
-	/**Specifies the interiorGradient of circular gauge.
-	* @Default {null}
-	*/
-	interiorGradient?: any;
-
-	/**Specify isRadialGradient value of circular gauge
-	* @Default {false}
-	*/
-	isRadialGradient?: boolean;
-
-	/**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?: Scales;
-
-	/**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;
-
-	/**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 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 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 ScalesIndicatorsStateRanges {
-
-	/**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 ScalesIndicators {
-
-	/**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<ScalesIndicatorsStateRanges>;
-
-	/**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 ScalesLabels {
-
-	/**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 ScalesPointers {
-
-	/**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 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 ScalesRanges {
-
-	/**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 ScalesSubGauges {
-
-	/**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 ScalesTicks {
-
-	/**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 Scales {
-
-	/**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 representing state of circular gauge
-	* @Default {Array}
-	*/
-	indicators?: Array<ScalesIndicators>;
-
-	/**Specify the text values displayed in a meaningful manner alongside the ticks of circular gauge
-	* @Default {Array}
-	*/
-	labels?: Array<ScalesLabels>;
-
-	/**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<ScalesPointers>;
-
-	/**Specify scale radius of circular gauge
-	* @Default {170}
-	*/
-	radius?: number;
-
-	/**Specify ranges value of circular gauge
-	* @Default {Array}
-	*/
-	ranges?: Array<ScalesRanges>;
-
-	/**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<ScalesSubGauges>;
-
-	/**Specify sweepAngle of circular gauge
-	* @Default {310}
-	*/
-	sweepAngle?: number;
-
-	/**Specify ticks of circular gauge
-	* @Default {Array}
-	*/
-	ticks?: Array<ScalesTicks>;
-}
-
-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,
-}
-}
-
-class DigitalGauge extends ej.Widget {
-	static fn: DigitalGauge;
-	constructor(element: JQuery, options?: DigitalGauge.Model);
-	constructor(element: Element, options?: DigitalGauge.Model);
-	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 {void}
-	*/
-	exportImage(fileName: string, fileType: string): void;
-
-	/** 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 {void}
-	*/
-	getPosition(itemIndex: number): void;
-
-	/** 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 {void}
-	*/
-	getValue(itemIndex: number): void;
-
-	/** 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 resize option of the DigitalGauge.
-	* @Default {false}
-	*/
-	enableResize?: boolean;
-
-	/**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 items for the DigitalGauge.
-	* @Default {null}
-	*/
-	items?: Items;
-
-	/**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 Items {
-
-	/**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);
-	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 {Array<any>} Series and indicator objects passed in the array collection are animated.Example
-	* @param {any} Series or indicator object passed to this method are animated.Example,
-	* @returns {void}
-	*/
-	animate(options: Array<any>, option: 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 {void}
-	*/
-	export(type: string, url: string, exportMultipleChart: boolean): void;
-
-	/** 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<Annotations>;
-
-	/**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;
-
-	/**Controls whether Chart has to be responsive or not.
-	* @Default {false}
-	*/
-	canResize?: boolean;
-
-	/**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<ColumnDefinitions>;
-
-	/**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 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<Indicators>;
-
-	/**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;
-
-	/**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<RowDefinitions>;
-
-	/**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 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;
-}
-
-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.
-	*/
-	LabelText?: string;
-
-	/**Actual value of the label.
-	*/
-	LabelValue?: 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 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 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 Annotations {
-
-	/**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 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 ColumnDefinitions {
-
-	/**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;
-}
-
-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 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;
-
-	/**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;
-
-	/**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 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 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 CommonSeriesOptionsTrendlines {
-
-	/**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;
-
-	/**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;
-
-	/**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;
-
-	/**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 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;
-
-	/**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;
-
-	/**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 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;
-
-	/**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 error bar in series.
-	*/
-	errorBar?: CommonSeriesOptionsErrorBar;
-
-	/**Option to add the trendlines to chart.
-	*/
-	trendlines?: Array<CommonSeriesOptionsTrendlines>;
-
-	/**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 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 Crosshair {
-
-	/**Options for customizing the marker in crosshair.
-	*/
-	marker?: CrosshairMarker;
-
-	/**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 Indicators {
-
-	/**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;
-
-	/**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;
-
-	/**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}
-	*/
-	minimum?: number;
-
-	/**Maximum value of the axis range.
-	* @Default {null}
-	*/
-	maximum?: number;
-
-	/**Interval of the axis range.
-	* @Default {null}
-	*/
-	interval?: number;
-}
-
-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 zOrder 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 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;
-}
-
-export interface PrimaryXAxis {
-
-	/**Options for customizing horizontal axis alternate grid band.
-	*/
-	alternateGridBand?: PrimaryXAxisAlternateGridBand;
-
-	/**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 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;
-
-	/**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 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 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 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;
-
-	/**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;
-
-	/**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 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 zOrder 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 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;
-}
-
-export interface PrimaryYAxis {
-
-	/**Options for customizing vertical axis alternate grid band.
-	*/
-	alternateGridBand?: PrimaryYAxisAlternateGridBand;
-
-	/**Options for customizing the axis line.
-	*/
-	axisLine?: PrimaryYAxisAxisLine;
-
-	/**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 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;
-
-	/**Default Value
-	* @Default {outside. See LabelPosition}
-	*/
-	labelPosition?: ej.datavisualization.Chart.LabelPosition|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;
-
-	/**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 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 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 RowDefinitions {
-
-	/**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;
-}
-
-export interface SeriesMarkerDataLabelFont {
-
-	/**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 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;
-
-	/**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 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;
-
-	/**DashArray of the connector line.
-	* @Default {1}
-	*/
-	opacity?: number;
-}
-
-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 SeriesPoints {
-
-	/**Options for customizing the border of a point. This is applicable only for column type series and accumulation type series.
-	*/
-	border?: SeriesPointsBorder;
-
-	/**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 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 SeriesTrendlines {
-
-	/**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;
-
-	/**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;
-
-	/**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?: boolean;
-
-	/**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;
-
-	/**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 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;
-
-	/**Opacity of the series.
-	* @Default {1}
-	*/
-	opacity?: number;
-
-	/**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 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<SeriesPoints>;
-
-	/**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 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;
-
-	/**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 the size value for the bubble series.
-	* @Default {null}
-	*/
-	size?: string;
-
-	/**Option to add trendlines to chart.
-	*/
-	trendlines?: Array<SeriesTrendlines>;
-
-	/**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;
-
-	/**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;
-
-	/**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 Unit
-{
-//string
-Percentage,
-//string
-Pixel,
-}
-}
-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 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,
-}
-}
-module Chart
-{
-enum SelectionType
-{
-//string
-Single,
-//string
-Multiple,
-}
-}
-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 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 RangePadding
-{
-//string
-Additional,
-//string
-Normal,
-//string
-None,
-//string
-Round,
-}
-}
-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);
-	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;
-
-	/**Specifies the data source for range navigator.
-	*/
-	dataSource?: any;
-
-	/**Sets a value whether to make the range navigator responsive on resize.
-	* @Default {false}
-	*/
-	enableAutoResizing?: boolean;
-
-	/**Toggles the redrawing of chart on moving the sliders.
-	* @Default {true}
-	*/
-	enableDeferredUpdate?: boolean;
-
-	/**Toggles the direction of rendering the range navigator control.
-	* @Default {false}
-	*/
-	enableRTL?: 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;
-
-	/**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;
-}
-
-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 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 {years}
-	*/
-	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 {years}
-	*/
-	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 lable 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 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;
-}
-
-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 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 IntervalType
-{
-//string
-Years,
-//string
-Quarters,
-//string
-Months,
-//string
-Weeks,
-//string
-Days,
-//string
-Hours,
-}
-}
-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);
-	model:BulletGraph.Model;
-	defaults:BulletGraph.Model;
-
-	/** To destroy the bullet graph
-	* @returns {void}
-	*/
-	destroy (): void;
-
-	/** To redraw the bulet 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;
-
-	/**Sets a value whether to make the bullet graph responsive on resize.
-	* @Default {true}
-	*/
-	enableResizing?: boolean;
-
-	/**Specifies the direction of flow in bullet graph. Neither it may be backward nor forward.
-	* @Default {forward}
-	*/
-	flowDirection?: ej.datavisualization.BulletGraph.FlowDirection|string;
-
-	/**Specifies the height of the bullet graph.
-	* @Default {90}
-	*/
-	height?: number;
-
-	/**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<QualitativeRanges>;
-
-	/**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 rednering 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 cancelling 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 alignement 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}
-	*/
-	visibile?: 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 QualitativeRanges {
-
-	/**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 QuantitativeScaleSettingsFeatureMeasures {
-
-	/**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<QuantitativeScaleSettingsFeatureMeasures>;
-
-	/**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);
-	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);
-	model:Map.Model;
-	defaults:Map.Model;
-
-	/** Method for navigating to specific shape based on latitude, longitude and zoomlevel.
-	* @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 {white}
-	*/
-	background?: string;
-
-	/**Specifies the base map-index of the map to determine the shapelayer 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 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;
-
-	/**Hold the shapelayers to be displayed in map
-	* @Default {[]}
-	*/
-	layers?: Array<any>;
-
-	/**Specifies the zoom level value for which map to be zoomed
-	* @Default {1}
-	*/
-	level?: number;
-
-	/**Specifies the maximum zoom level of the map
-	* @Default {100}
-	*/
-	maxValue?: number;
-
-	/**Specifies the minimum zoomSettings level of the map
-	* @Default {1}
-	*/
-	minValue?: number;
-
-	/**Enables or Disables the navigation control for map to perform zooming and panning on map shapes.
-	*/
-	navigationControl?: any;
-
-	/**Layer for holding the map shapes
-	*/
-	shapeLayer?: ShapeLayer;
-
-	/**Enables or Disables the Zooming for map.
-	*/
-	zoomSettings?: any;
-
-	/**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 ShapeLayerBubbleSettings {
-
-	/**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?: any;
-
-	/**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 ShapeLayerLabelSettings {
-
-	/**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;
-
-	/**enable or disable the showlabel property
-	* @Default {false}
-	*/
-	showLabels?: boolean;
-
-	/**set the smartLabelSize property
-	* @Default {fixed}
-	*/
-	smartLabelSize?: ej.datavisualization.Map.LabelSize|string;
-}
-
-export interface ShapeLayerLegendSettings {
-
-	/**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.LegendMode|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 ShapeLayerShapeSettings {
-
-	/**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?: any;
-
-	/**Specifies the shape color palette value of the shape layer in map. Accepted colorPalette values are palette1, palette2, palette3 and custompalette.
-	* @Default {palette1}
-	*/
-	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 ShapeLayer {
-
-	/**to get the type of bing map.
-	* @Default {aerial}
-	*/
-	bingMapType?: ej.datavisualization.Map.BingMapType|string;
-
-	/**Specifies the bubble settings for map
-	*/
-	bubbleSettings?: ShapeLayerBubbleSettings;
-
-	/**Specifies the datasource for the shape layer
-	*/
-	dataSource?: any;
-
-	/**Enables or disables the animation
-	* @Default {false}
-	*/
-	enableAnimation?: boolean;
-
-	/**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?: ShapeLayerLabelSettings;
-
-	/**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?: ShapeLayerLegendSettings;
-
-	/**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
-	*/
-	shapeDataobject?: any;
-
-	/**Specifies the shape settings of map layer
-	*/
-	shapeSettings?: ShapeLayerShapeSettings;
-
-	/**Shows or hides the map items.
-	* @Default {false}
-	*/
-	showMapItems?: boolean;
-
-	/**Shows or hides the tooltip for shapes
-	* @Default {false}
-	*/
-	showTooltip?: boolean;
-
-	/**Specifies the sub shape layers
-	* @Default {[]}
-	*/
-	subLayers?: Array<any>;
-
-	/**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 Orientation
-{
-//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 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 LabelOrientation
-{
-//specifies the horizontal position
-Horizontal,
-//specifies the vertical position
-Vertical,
-}
-}
-module Map
-{
-enum LegendMode
-{
-//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,
-}
-}
-
-class TreeMap extends ej.Widget {
-	static fn: TreeMap;
-	constructor(element: JQuery, options?: TreeMap.Model);
-	constructor(element: Element, options?: TreeMap.Model);
-	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 colors of the paletteColorMapping
-	* @Default {[]}
-	*/
-	colors?: Array<any>;
-
-	/**Specifies the color valuepath of the treemap
-	* @Default {null}
-	*/
-	colorValuePath?: string;
-
-	/**Specifies the datasource of the treemap
-	* @Default {null}
-	*/
-	dataSource?: any;
-
-	/**Specifies the desaturationColorMapping settings of the treemap
-	*/
-	desaturationColorMapping?: 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;
-
-	/**Enable/Disable the drillDown for treemap
-	* @Default {false}
-	*/
-	enableDrillDown?: boolean;
-
-	/**Specifies whether treemap need to resize when container is resized
-	* @Default {true}
-	*/
-	enableResize?: boolean;
-
-	/**Specifies the from value for desaturation color mapping
-	* @Default {0}
-	*/
-	from?: number;
-
-	/**Specifies the group color mapping of the treemap
-	* @Default {[]}
-	*/
-	groupColorMapping?: Array<any>;
-
-	/**Specifies the height for legend
-	* @Default {30}
-	*/
-	height?: number;
-
-	/**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 iconHeight for legend
-	* @Default {15}
-	*/
-	iconHeight?: number;
-
-	/**Specifies the iconWidth for legend
-	* @Default {15}
-	*/
-	iconWidth?: number;
-
-	/**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 legend settings of the treemap
-	*/
-	legendSettings?: any;
-
-	/**Specify levels of treemap for grouped visualization of datas
-	* @Default {[]}
-	*/
-	levels?: Array<any>;
-
-	/**Specifies the paletteColorMapping of the treemap
-	*/
-	paletteColorMapping?: any;
-
-	/**Specifies the rangeColorMapping settings of the treemap
-	*/
-	rangeColorMapping?: Array<any>;
-
-	/**Specifies the rangeMaximum value for desaturation color mapping
-	* @Default {0}
-	*/
-	rangeMaximum?: number;
-
-	/**Specifies the rangeMinimum value for desaturation color mapping
-	* @Default {0}
-	*/
-	rangeMinimum?: number;
-
-	/**Specifies the legend visibility status of the treemap
-	* @Default {false}
-	*/
-	showLegend?: boolean;
-
-	/**Specifies whether treemap tooltip need to be visible
-	* @Default {false}
-	*/
-	showTooltip?: boolean;
-
-	/**Specifies the template for legendSettings
-	* @Default {null}
-	*/
-	template?: string;
-
-	/**Specifies the to value for desaturation color mapping
-	* @Default {0}
-	*/
-	to?: number;
-
-	/**Specifies the tooltip template of the treemap
-	* @Default {null}
-	*/
-	tooltipTemplate?: string;
-
-	/**Hold the treeMapItems to be displayed in treemap
-	* @Default {[]}
-	*/
-	treeMapItems?: Array<any>;
-
-	/**Hold the Level settings of TreeMap
-	*/
-	treeMapLevel?: TreeMapLevel;
-
-	/**Specifies the uniColorMapping settings of the treemap
-	*/
-	uniColorMapping?: any;
-
-	/**Specifies the weight valuepath of the treemap
-	* @Default {null}
-	*/
-	weightValuePath?: string;
-
-	/**Specifies the width for legend
-	* @Default {100}
-	*/
-	width?: number;
-
-	/**Triggers on treemap item selected.*/
-	treeMapItemSelected? (e: TreeMapItemSelectedEventArgs): void;
-}
-
-export interface TreeMapItemSelectedEventArgs {
-
-	/**Returns selected treeMapItem object.
-	*/
-	originalEvent?: any;
-}
-
-export interface LeafItemSettings {
-
-	/**Specifies the border bruch 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 TreeMapLevel {
-
-	/**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 hideonexceededlength mode
-Hideonexceededlength,
-}
-}
-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);
-	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 {void}
-	*/
-	add(node: any): void;
-
-	/** 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 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;
-
-	/** 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.NameTypeDescriptionfileNamestringname of the file to be downloaded.formatstringformat of the exported file/data. See [File Formats](/js/api/global#fileformats).modestringto set whether to export diagram as a file or as raw data. See [Export Modes](/js/api/global#exportmodes).regionstringto set the region of the diagram to be exported. See [Region](/js/api/global#region).boundsobjectto export any custom region of diagram.marginobjectto set margin to the exported data.
-	* @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](/js/api/global#fitmode)
-	* @param {string} to set whether the region to be fit will be based on diagram elements or page settings [Region](/js/api/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 userhandles 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 {any} options to zoom the diagram(zoom factor, zoomIn/zoomOut)
-	* @returns {void}
-	*/
-	zoomTo(zoom: any): void;
-}
-export module Diagram{
-
-export interface Options {
-
-	/**name of the file to be downloaded.
-	*/
-	fileName?: string;
-
-	/**format of the exported file/data. See [File Formats](/js/api/global#fileformats).
-	*/
-	format?: string;
-
-	/**to set whether to export diagram as a file or as raw data. See [Export Modes](/js/api/global#exportmodes).
-	*/
-	mode?: string;
-
-	/**to set the region of the diagram to be exported. See [Region](/js/api/global#region).
-	*/
-	region?: string;
-
-	/**to export any custom region of diagram.
-	*/
-	bounds?: any;
-
-	/**to set margin to the exported data.
-	*/
-	margin?: any;
-}
-
-export interface Model {
-
-	/**Defines the background color of diagram elements
-	* @Default {transparent}
-	*/
-	backgroundColor?: string;
-
-	/**Defines the path of the background image of diagram elements
-	* @Default {null}
-	*/
-	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<Connectors>;
-
-	/**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;
-
-	/**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<Nodes>;
-
-	/**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 a child is added to or removed from a group*/
-	groupChange? (e: GroupChangeEventArgs): 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;
-}
-
-export interface AutoScrollChangeEventArgs {
-
-	/**Returns the delay between subsequent auto scrolls
-	*/
-	delay?: string;
-}
-
-export interface ClickEventArgs {
-
-	/**parameter returns the clicked node, connector or diagram
-	*/
-	element?: any;
-
-	/**parameter returns the object that is actually clicked
-	*/
-	actualObject?: number;
-
-	/**parameter returns the horizontal coordinate of the mouse pointer, relative to the diagram
-	*/
-	offsetX?: number;
-
-	/**parameter returns  the vertical coordinate of the mouse pointer, relative to the diagram
-	*/
-	offsetY?: number;
-
-	/**parameter returns the count of how many times the mouse button is pressed
-	*/
-	count?: number;
-
-	/**parameter returns the actual click event arguments that explains which button is clicked
-	*/
-	event?: any;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-export interface DoubleClickEventArgs {
-
-	/**parameter returns the object that is actually clicked
-	*/
-	actualObject?: any;
-
-	/**parameter returns the selected object
-	*/
-	element?: any;
-}
-
-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;
-}
-
-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;
-}
-
-export interface DragLeaveEventArgs {
-
-	/**parameter returns the node or connector that is dragged outside of the diagram
-	*/
-	element?: any;
-}
-
-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;
-}
-
-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
-	*/
-	sourceType?: string;
-}
-
-export interface GroupChangeEventArgs {
-
-	/**parameter returns the object that is added to/removed from a group
-	*/
-	element?: any;
-
-	/**parameter returns the old parent group(if any) of the object
-	*/
-	oldParent?: any;
-
-	/**parameter returns the new parent group(if any) of the object
-	*/
-	newParent?: any;
-
-	/**parameter returns the cause of group change("group", unGroup")
-	*/
-	cause?: string;
-}
-
-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 actual click event arguments that explains which button is clicked
-	*/
-	event?: any;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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 ConnectorsSegments {
-
-	/**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|string;
-
-	/**Defines the first control point of the bezier segment
-	* @Default {null}
-	*/
-	point1?: ej.datavisualization.Diagram.ConnectorsSourcePoint|string;
-
-	/**Defines the second control point of bezier segment
-	* @Default {null}
-	*/
-	point2?: ej.datavisualization.Diagram.ConnectorsSourcePoint|string;
-
-	/**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 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 Connectors {
-
-	/**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. For label properties, refer Labels
-	* @Default {[]}
-	*/
-	labels?: Array<any>;
-
-	/**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<ConnectorsSegments>;
-
-	/**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|string;
-
-	/**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 ContextMenu {
-
-	/**Defines the collection of context menu items
-	* @Default {[]}
-	*/
-	items?: Array<any>;
-
-	/**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?: 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;
-
-	/**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;
-}
-
-export interface Layout {
-
-	/**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;
-
-	/**Sets the margin value to be horizontally left between the layout and diagram
-	* @Default {0}
-	*/
-	marginX?: number;
-
-	/**Sets the margin value to be vertically left between layout and diagram
-	* @Default {0}
-	*/
-	marginY?: number;
-
-	/**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 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 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 NodesLabels {
-
-	/**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 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;
-
-	/**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 NodesLanes {
-
-	/**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 NodesPhases {
-
-	/**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 NodesPorts {
-
-	/**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;
-
-	/**Defines the loop type of a sub process.
-	* @Default {ej.datavisualization.Diagram.BPMNLoops.None}
-	*/
-	loop?: ej.datavisualization.Diagram.BPMNLoops|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 Nodes {
-
-	/**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;
-
-	/**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>;
-
-	/**Defines whether the BPMN data object is a collection or not
-	* @Default {false}
-	*/
-	collection?: boolean;
-
-	/**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;
-
-	/**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 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;
-
-	/**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 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<NodesLabels>;
-
-	/**An array of objects where each object represents a lane. Applicable, if the node is a swimlane.
-	* @Default {[]}
-	*/
-	lanes?: Array<NodesLanes>;
-
-	/**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<NodesPhases>;
-
-	/**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<NodesPorts>;
-
-	/**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|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;
-
-	/**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 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 using commands that have to be added around the selector.
-	* @Default {[]}
-	*/
-	userHandles?: Array<any>;
-
-	/**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 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 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 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 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 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 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 all Constraints
-Default,
-}
-}
-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 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 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 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,
-}
-}
-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,
-}
-}
-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 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,
-}
-}
-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 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 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,
-}
-}
-module Diagram
-{
-enum Shapes
-{
-//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 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 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 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,
-}
-}
-
-}
-
-interface JQueryXHR {
-}
-interface JQueryPromise<T> {
-}
-interface JQueryDeferred<T> extends JQueryPromise<T> {
-}
-interface JQueryParam {
-}
-interface JQuery {
-    data(key: any): any;
-}
-interface JQuery { 
-
-    /*Accordion*/
-    ejmAccordion(): JQuery;
-    ejmAccordion(options?: ej.mobile.AccordionOptions): JQuery;
-    data(key: "ejmAccordion"): ej.mobile.Accordion;
-    /*Accordion*/
-
-    /*AutoComplete*/
-    ejmAutocomplete(): JQuery;
-    ejmAutocomplete(options?: ej.mobile.AutocompleteOptions): JQuery;
-    data(key: "ejmAutocomplete"): ej.mobile.Autocomplete;
-    /*AutoComplete*/
-
-    /*Button*/
-    ejmButton(): JQuery;
-    ejmButton(options?: ej.mobile.ButtonOptions): JQuery;
-    data(key: "ejmButton"): ej.mobile.Button;
-
-    ejmActionlink(): JQuery;
-    ejmActionlink(options?: ej.mobile.ButtonOptions): JQuery;
-    data(key: "ejmActionlink"): ej.mobile.Button;
-    /*Button*/
-
-    /* DatePicker */
-    ejmDatePicker(): JQuery;
-    ejmDatePicker(options?: ej.mobile.DatePickerOptions): JQuery;
-    data(key: "ejmDatePicker"): ej.mobile.DatePicker;
-    /* DatePicker */
-
-    /*Editor*/
-    ejmNumeric(): JQuery;
-    ejmNumeric(options?: ej.mobile.EditorOptions): JQuery;
-    data(key: "ejmNumeric"): ej.mobile.Numeric;
-    /*Editor*/
-
-    /* Grid Start */
-    ejmGrid(): JQuery;
-    ejmGrid(options?: ej.mobile.GridOptions): JQuery;
-    data(key: "ejmGrid"): ej.mobile.Grid;
-    /* Grid End */
-
-    /*Header*/
-    ejmHeader(): JQuery;
-    ejmHeader(options?: ej.mobile.HeaderOptions): JQuery;
-    data(key: "ejmHeader"): ej.mobile.Header;
-    /*Header*/
-
-    /*ListView*/
-    ejmListView(): JQuery;
-    ejmListView(options?: ej.mobile.ListViewOptions): JQuery;
-    data(key: "ejmListView"): ej.mobile.ListView;
-    /*ListView*/
-
-    /*Menu*/
-    ejmMenu(): JQuery;
-    ejmMenu(options?: ej.mobile.MenuOptions): JQuery;
-    data(key: "ejmMenu"): ej.mobile.Menu;
-    /*Menu*/
-
-    /* ProgressBar */
-    ejmProgress(): JQuery;
-    ejmProgress(options?: ej.mobile.ProgressOptions): JQuery;
-    data(key: "ejmProgress"): ej.mobile.Progress;
-    /* ProgressBar */
-
-    /*Radio Button*/
-    ejmRadioButton(): JQuery;
-    ejmRadioButton(options?: ej.mobile.RadioButtonOptions): JQuery;
-    data(key: "ejmRadioButton"): ej.mobile.RadioButton;
-    /*Radio Button*/
-
-    /*Rating*/
-    ejmRating(): JQuery;
-    ejmRating(options?: ej.mobile.RatingOptions): JQuery;
-    data(key: "ejmRating"): ej.mobile.Rating;
-    /*Rating*/
-
-
-    /*Rotator*/
-    ejmRotator(): JQuery;
-    ejmRotator(options?: ej.mobile.RotatorOptions): JQuery;
-    data(key: "ejmRotator"): ej.mobile.Rotator;
-    /*Rotator*/
-
-    /*Slider*/
-    ejmSlider(): JQuery;
-    ejmSlider(options?: ej.mobile.SliderOptions): JQuery;
-    data(key: "ejmSlider"): ej.mobile.Slider;
-    /*Slider*/
-
-    /* Tab */
-    ejmTab(): JQuery;
-    ejmTab(options?: ej.mobile.TabOptions): JQuery;
-    data(key: "ejmTab"): ej.mobile.Tab;
-    /* Tab */
-
-    /*Tile*/
-    ejmTile(): JQuery;
-    ejmTile(options?: ej.mobile.TileOptions): JQuery;
-    data(key: "ejmTile"): ej.mobile.Tile;
-    /*Tile*/
-
-    /* TimePicker */
-    ejmTimePicker(): JQuery;
-    ejmTimePicker(options?: ej.mobile.TimePickerOptions): JQuery;
-    data(key: "ejmTimePicker"): ej.mobile.TimePicker;
-    /* TimePicker */
-
-    /*ToggleButton*/
-    ejmToggleButton(): JQuery;
-    ejmToggleButton(options?: ej.mobile.ToggleButtonOptions): JQuery;
-    data(key: "ejmToggleButton"): ej.mobile.ToggleButton;
-    /*ToggleButton*/
-
-    /*Toolbar*/
-    ejmToolbar(): JQuery;
-    ejmToolbar(options?: ej.mobile.ToolbarOptions): JQuery;
-    data(key: "ejmToolbar"): ej.mobile.Toolbar;
-    /*Toolbar*/
-
-    /*GroupButton*/
-    ejmGroupButton(): JQuery;
-    ejmGroupButton(options?: ej.mobile.GroupButtonOptions): JQuery;
-    data(key: "ejmGroupButton"): ej.mobile.GroupButton;
-    /*GroupButton*/
-
-    /* SplitPane */
-    ejmSplitPane(): JQuery;
-    ejmSplitPane(options?: ej.mobile.SplitPaneOptions): JQuery;
-    data(key: "ejmSplitPane"): ej.mobile.SplitPane;
-    /* SplitPane */
-
-    /* Dialog */
-    ejmDialog(): JQuery;
-    ejmDialog(options?: ej.mobile.DialogOptions): JQuery;
-    data(key: "ejmDialog"): ej.mobile.Dialog;
-    /* Dialog */
-
-    /* TextBox */
-    ejmTextBox(): JQuery;
-    ejmTextBox(options?: ej.mobile.TextBoxOptions): JQuery;
-    data(key: "ejmTextBox"): ej.mobile.TextBox;
-    /* TextBox */
-
-    /* Password */
-    ejmPassword(): JQuery;
-    ejmPassword(options?: ej.mobile.TextBoxOptions): JQuery;
-    data(key: "ejmPassword"): ej.mobile.TextBox;
-    /* Password */
-
-    /* MaskEdit */
-    ejmMaskEdit(): JQuery;
-    ejmMaskEdit(options?: ej.mobile.MaskEditOptions): JQuery;
-    data(key: "ejmMaskEdit"): ej.mobile.MaskEdit;
-    /* MaskEdit */
-
-    /* TextArea */
-    ejmTextArea(): JQuery;
-    ejmTextArea(options?: ej.mobile.TextBoxOptions): JQuery;
-    data(key: "ejmTextArea"): ej.mobile.TextBox;
-    /* MaskEdit */
-
-    /* Footer */
-    ejmFooter(): JQuery;
-    ejmFooter(options?: ej.mobile.FooterOptions): JQuery;
-    data(key: "ejmFooter"): ej.mobile.Footer;
-    /* Footer */
-
-    /* CheckBox */
-    ejmCheckBox(): JQuery;
-    ejmCheckBox(options?: ej.mobile.CheckBoxOptions): JQuery;
-    data(key: "ejmCheckBox"): ej.mobile.CheckBox;
-    /* CheckBox */
-
-    /* ScrollPanel */
-    ejmScrollPanel(): JQuery;
-    ejmScrollPanel(options: ej.mobile.ScrollPanelOptions): JQuery;
-    data(key: "ejmScrollPanel"): ej.mobile.ScrollPanel;
-    /* ScrollPanel */	
-
-    /* NavigationDrawer */
-    ejmNavigationDrawer(): JQuery;
-    ejmNavigationDrawer(options: ej.mobile.NavigationDrawerOptions): JQuery;
-    data(key: "ejmNavigationDrawer"): ej.mobile.NavigationDrawer;
-    /* NavigationDrawer */	
-
-    /* RadialMenu */
-    ejmRadialMenu(): JQuery;
-    ejmRadialMenu(options?: ej.mobile.RadialMenuOptions): JQuery;
-    data(key: "ejmRadialMenu"): ej.mobile.RadialMenu;
-    /* RadialMenu */
-
-    ejLinearGauge(): JQuery;
-    ejLinearGauge(options?: ej.datavisualization.LinearGauge.Model): JQuery;
-    data(key: "ejLinearGauge"): ej.datavisualization.LinearGauge;
-
-    ejDigitalGauge(): JQuery;
-    ejDigitalGauge(options?: ej.datavisualization.DigitalGauge.Model): JQuery;
-    data(key: "ejDigitalGauge"): ej.datavisualization.DigitalGauge;
-
-    ejCircularGauge(): JQuery;
-    ejCircularGauge(options?: ej.datavisualization.CircularGauge.Model): JQuery;
-    data(key: "ejCircularGauge"): ej.datavisualization.CircularGauge;
-
-    ejChart(): JQuery;
-    ejChart(options?: ej.datavisualization.Chart.Model): JQuery;
-    data(key: "ejChart"): ej.datavisualization.Chart;
-
-    ejRangeNavigator(): JQuery;
-    ejRangeNavigator(options?: ej.datavisualization.RangeNavigator.Model): JQuery;
-    data(key: "ejRangeNavigator"): ej.datavisualization.RangeNavigator;
-
-    ejBulletGraph(): JQuery;
-    ejBulletGraph(options?: ej.datavisualization.BulletGraph.Model): JQuery;
-    data(key: "ejBulletGraph"): ej.datavisualization.BulletGraph;
-
-    ejMap(): JQuery;
-    ejMap(options?: ej.datavisualization.Map.Model): JQuery;
-    data(key: "ejMap"): ej.datavisualization.Map;
-
-    ejTreeMap(): JQuery;
-    ejTreeMap(options?: ej.datavisualization.TreeMap.Model): JQuery;
-    data(key: "ejTreeMap"): ej.datavisualization.TreeMap;
-
-    ejBarcode(): JQuery;
-    ejBarcode(options?: ej.datavisualization.Barcode.Model): JQuery;
-    data(key: "ejBarcode"): ej.datavisualization.Barcode;
-	
-	ejDiagram(): JQuery;
-    ejDiagram(options?: ej.datavisualization.Diagram.Model): JQuery;
-    data(key: "ejDiagram"): ej.datavisualization.Diagram;
-
-}
\ No newline at end of file
diff --git a/ej.widgets.all/ej.web.all-tests.ts b/ej.widgets.all/ej.web.all-tests.ts
deleted file mode 100644
index 091359c821..0000000000
--- a/ej.widgets.all/ej.web.all-tests.ts
+++ /dev/null
@@ -1,1260 +0,0 @@
-/// <reference path="../jquery/jquery.d.ts" />
-/// <reference path="ej.web.all.d.ts" />
-
-$(document).ready(function () {
-
-    //Properties
-    $("#draggable1").ejDraggable({
-          drag: ondrag1, dragStart: ondragstart1, dragStop: ondragstop1
-    });
-    $("#droppable1").ejDroppable();
-   
-});
-//Events
-
-function ondrag1() {
-    console.log("The mouse is moved during the dragging.");
-}
-function ondragstart1() {
-    console.log("To handle the drag start event as an init option.");
-}
-function ondragstop1() {
-    console.log("The mouse is moved during the dragging..");
-}
-
-
-
-
-
-$(document).ready(function () {
-
-    //Properties
-    $("#draggable1").ejDraggable({
-          drag: ondrag2, dragStart: ondragstart2, dragStop: ondragstop2
-    });
-    $("#droppable1").ejDroppable();
-   
-});
-//Events
-
-function ondrag2() {
-    console.log("The mouse is moved during the dragging.");
-}
-function ondragstart2() {
-    console.log("To handle the drag start event as an init option.");
-}
-function ondragstop2() {
-    console.log("The mouse is moved during the dragging..");
-}
-
-
-
-
-
-$(document).ready(function () {
-
-    //Properties
-    $("#resizable1").ejResizable({resizeStart: onresizestart , resizeStop: onresizestop });
-   
-});
-//Events
-function onresizestart() {
-    console.log("The resizing is start");
-}
-function onresizestop() {
-    console.log("The resizing is stop");
-}
-
-
-
-
-
-$(document).ready(function () {
-
-    //Properties
-    $("#scroller1").ejScroller({ height: 300, width: 500, create: onScrollCreate });
-    $("#scroller2").ejScroller({ height: 300, width: 500,scrollTop:40 });
-
-});
-//Events
-function onScrollCreate() {
-    console.log("control created");
-}
-
-$(document).ready(function () {
-   
-    $("#accordion1").ejAccordion({cssClass: "gradient-lime" , create: AccordionCreate });
-	 $("#accordion2").ejAccordion({ enabled: true , activate: AccordionActivate });
-    
-});
-
-function AccordionCreate() { 
-    console.log("create");
-}
-function AccordionActivate(){
-    console.log("activate")
-}
-
-$(document).ready(function () {
-   
-    $("#Text1").ejButton({ text: "Button", enabled: false , create: onButtoncreate });
-	$("#Text2").ejButton({ text: "Button", cssClass: "customclass" , click: onButtonclick });
-});
-
-function onButtoncreate() { 
-    console.log("create");
-}
-function onButtonclick(){
-    console.log("click")
-}
-$(document).ready(function () {
-
-    //Properties
-    $("#listbox1").ejListBox({ allowMultiSelection: true, create: onlistBoxcreate });
-    $("#listbox2").ejListBox({ showCheckbox: true,checkChange: onlistBoxcheckchange });
-
-});
-//Events
-function onlistBoxcreate() {
-    console.log("control created");
-}
-function onlistBoxcheckchange() {
-    console.log("list item is checked or unchecked");
-}
-
-
-
-
-
-$(document).ready(function () {
-   
-    $("#checkbox1").ejCheckBox({ enableTriState: true, create: onCheckboxcreate });
-    $("#checkbox2").ejCheckBox({ checked: true , change: onCheckboxchange });
-
-});
-
-function onCheckboxcreate() { 
-    console.log("create");
-}
-function onCheckboxchange(){
-    console.log("change")
-}
-
-
-
-$(document).ready(function () {
-   
-    $("#colorpicker1").ejColorPicker({ value: "#278787" , open: oncolorPickeropen });
-    $("#colorpicker2").ejColorPicker({ enabled: true,  create: oncolorPickercreate });
-	   
-});
-function oncolorPickeropen() { 
-    console.log("open");
-}
-function oncolorPickercreate(){
-    console.log("create")
-}
-
-
-$(document).ready(function () {
-   
-            $("#fileExplorer").ejFileExplorer({
-                isResponsive: true,
-                fileTypes: "*.png, *.gif, *.jpg, *.jpeg, *.docx",
-                layout: "largeicons",
-                path: "http://mvc.syncfusion.com/ODataServices/FileBrowser/",
-                ajaxAction: "http://mvc.syncfusion.com/OdataServices/fileExplorer/fileoperation/doJSONPAction",
-                ajaxDataType: "jsonp",
-            });
-});
-
-
-$(document).ready(function () {
-   
-    $("#datepicker1").ejDatePicker({dateFormat: "dd/MM/yyyy" ,open: ondatePickeropen });
-    $("#datepicker3").ejDatePicker({value: "21/2/2010" , select: ondatePickerselect });
-	   
-});
-function ondatePickeropen() { 
-    console.log("open");
-}
-function ondatePickerselect(){
-    console.log("select")
-}
-
-
-$(document).ready(function () {
-   
-    $("#datetimepicker1").ejDateTimePicker({width:"100%" , create: ondatetimePickercreate });
-    $("#datetimepicker2").ejDateTimePicker({enableRTL: true , open: ondatetimePickeropen });
-});
-function ondatetimePickercreate() { 
-    console.log("create");
-}
-function ondatetimePickeropen(){
-    console.log("open")
-}
-
-
-$(document).ready(function () {
-    $("#Div1").ejDialog({ enabled: true , open : ondialogOpen });
-	$("#Div2").ejDialog({ title: "Low battery" , beforeClose : ondialogbeforeClose });
-});
-function ondialogbeforeClose() {
-    console.log("beforeClose");
-}
-function ondialogOpen() {
-    console.log("open");
-}
-$(document).ready(function () {
-   
-    $("#dropdownlist1").ejDropDownList({ targetID: "carsList", create: ondropDowncreate });
-	$("#dropdownlist2").ejDropDownList({ watermarkText: "Select a car", change: ondropDownchange });
-});
-
-function ondropDowncreate() { 
-    console.log("create");
-}
-function ondropDownchange(){
-    console.log("change")
-}
-$(document).ready(function () {
-    $("#num1").ejNumericTextbox({ value:"35" ,create: onEditorcreate });
-	$("#num2").ejNumericTextbox({ width:"100%" , change: onEditorchange });
-	
-	$("#num3").ejPercentageTextbox({ value:"3" ,create: onEditorcreate });
-	$("#num4").ejPercentageTextbox({ width:"100%" , change: onEditorchange });
-	
-	$("#num5").ejCurrencyTextbox({ value:"555" ,create: onEditorcreate });
-	$("#num6").ejCurrencyTextbox({ width:"100%" , change: onEditorchange });
-		
-});
-
-function onEditorcreate() { 
-    console.log("create");
-}
-function onEditorchange(){
-    console.log("change")
-}
-
-$(document).ready(function () {
-
-    //Properties
-    $("#listview1").ejListView({ width: 200,mouseUP: onlistViewmouseup });
-    $("#listview2").ejListView({ height: 300, mouseDown: onlistViewmousedown });
-
-});
-//Events
-function onlistViewmouseup() {
-    console.log("mouse up happens on the item.");
-}
-function onlistViewmousedown() {
-    console.log("mouse down happens on the item.");
-}
-
-
-
-
-
-
-
-
-
-$(document).ready(function () {
-    $("#num1").ejMaskEdit({ maskFormat: "99-999-99999" ,create: onmaskEditcreate });
-	$("#num2").ejMaskEdit({ watermarkText: "99-999-99999", width:"100%" , change: onmaskEditchange });	
-});
-
-function onmaskEditcreate() { 
-    console.log("create");
-}
-function onmaskEditchange(){
-    console.log("change")
-}
-$(document).ready(function () {
-
-    //Properties
-    $("#menu1").ejMenu({ enabled: false ,create: onMenucreate });
-    $("#menu2").ejMenu({ width: "800px",click: onMenuclick });
-
-});
-//Events
-function onMenucreate() {
-    console.log("control created");
-}
-function onMenuclick() {
-    console.log("mouse click on menu items");
-}
-
-
-
-
-
-$(document).ready(function () {
-     $("#pager1").ejPager({ click : onclickpager });
-	 $("#pager2").ejPager({ enableRTL: true });
-});
-
-function onclickpager(){
-    console.log("click")
-}
-$(document).ready(function () {
-   
-    $("#progress1").ejProgressBar({ text: 'loading...' , value: 50 , create: ProgressBarCreate });
-	$("#progress2").ejProgressBar({ width: 200, value: 50 , change: ProgressBarChange });
-    
-});
-
-function ProgressBarCreate() { 
-    console.log("create");
-}
-function ProgressBarChange(){
-    console.log("change");
-}
-
-$(document).ready(function () {
-    $("#r1").ejRadioButton({ create: onradioButtoncreate });
-    $("#r2").ejRadioButton({ text: "RadioButton",change: onradioButtonchange });
-    $("#r3").ejRadioButton({ text: "RadioButton1", enabled: false });  
-});
-
-function onradioButtonchange() {    
-    console.log("Change triggered");
-}
-function onradioButtoncreate() {    
-    console.log("Create triggered");
-}
-$(document).ready(function () {
-    $("#Div1").ejRating({ enabled: true, click: onRatingclick });
-    $("#Div2").ejRating({ incrementStep: 1, change: RatingvalueChanged });    
-});
-
-function RatingvalueChanged() {
-    console.log("Value changed");
-}
-function onRatingclick() {
-    console.log("Entered");
-}
-$(document).ready(function () {
-                  
-        
-    $("#test1").ejRibbon({
-        allowResizing:true,applicationTab: {
-             menuSettings: {
-                 openOnClick: false
-             }
-         },
-         tabs: [{
-             id: "home",
-             text: "HOME",
-             groups: [{
-                 text: "New",
-                 type: "custom",
-                 contentID: "btn"
-             }]
-         }], 
-    });
-    $("#test2").ejRibbon({
-         width: "100%",
-         applicationTab: {
-             menuSettings: {
-                 openOnClick: false
-             }
-         },
-         tabs: [{
-             id: "home",
-             text: "HOME",
-             groups: [{
-                 text: "New",
-                 type: "custom",
-                 contentID: "btn"
-             }]
-         }], tabClick: onRibbonTabClick
-    });
-});
-
-function onRibbonTabClick() {
-    console.log("Tab Clicked..");
-}
-
-$(function() {
-            $("#Kanban").ejKanban(
-                {
-                    enableRTL: true,
-                    columns: [
-                        { headerText: "Backlog", key: "Open" },
-                        { headerText: "In Progress", key: "InProgress" },
-                        { headerText: "Testing", key: "Testing" },
-                        { headerText: "Done", key: "Close" }
-                    ],                                                           			
-                    keyField: "Status",
-		    			
-                    
-                });
-        });
-
-$(document).ready(function () {
-    var imageData = [
-        {
-            "imageurl": "../themes/images/rose.jpg",
-        },
-        {
-            "imageurl": "../themes/images/rose.jpg",
-        }
-     
-    ];
-    $("#test1").ejRotator({
-       dataSource:imageData, allowKeyboardNavigation : false,create: onRotatorCreate
-    });
-    $("#test2").ejRotator({
-        dataSource:imageData, displayItemsCount  : "1",pagerClick: onRotatorpagerClick
-        
-    });
-   
-
-});
-
-function onRotatorCreate() {
-    console.log("created");
-}
-function onRotatorpagerClick() {
-    console.log("page clicked..");
-}
-
-
-$(document).ready(function () {
-    $("#rteSample").ejRTE({ allowEditing: false , enableRTL: true });
-    $("#rteSample").ejRTE({ change: onRtechange , execute: onRteExecute });   
-});
-
-function onRtechange() {    
-    console.log("Change triggered");
-}
-function onRteExecute() {    
-    console.log("Executed");
-}
-$(document).ready(function() {
-    $("#test1").ejSlider({ showRoundedCorner: true });
-    $("#test2").ejSlider({ orientation: ej.Orientation.Vertical });
-    $("#test3").ejSlider({ minValue: 20, maxValue: 80 });
-    $("#test4").ejSlider({ start: Sliderstart });
-    $("#test5").ejSlider({ enabled: false });
-    $("#test6").ejSlider({ slide: onSliderslide });   
-});
-function Sliderstart() {
-    console.log("Slider Started");
-}
-function onSliderslide() {
-    console.log("Moving");
-}
-
-$(document).ready(function () {
-    $("#sbutton").ejSplitButton({ 
-                width: "120px",
-                height: "50px",
-                buttonMode: ej.ButtonMode.Dropdown,
-                create: splitButtonopen,
-                targetID: "target",
-                 });
-});
-
-function splitButtonopen()
-{
-alert("Opened");
-}
-
-
-
-$(document).ready(function () {
-   
-    $("#splitter1").ejSplitter({ enableRTL: true , create: onSplitterCreate });
-    $("#splitter2").ejSplitter({allowKeyboardNavigation: false , expandCollapse: onSplitterExpandCollapse });
-	   
-});
-function onSplitterCreate() { 
-    console.log("Created");
-}
-function onSplitterExpandCollapse(){
-    console.log("expand and collapsed")
-}
-
-$(document).ready(function () {
-   
-    $("#tab1").ejTab({ enableRTL: true , create: onTabCreate });
-    $("#tab2").ejTab({ showRoundedCorner: true , ajaxSuccess: onTabAjaxSuccess  });
-        
-});
-function onTabCreate() {
-    console.log("created");
-}
-
-function onTabAjaxSuccess() {
-    console.log("ajaxsuccess");
-}
-
-
-$(function () {
-    // declaration
-    var websiteCollection = [
-        { text: "Google", url: "http://www.google.com", frequency: 12 },
-        { text: "All Things Digital", url: "http://allthingsd.com/", frequency: 3 },
-       
-    ];
-    $("#tagtest").ejTagCloud({
-        titleText: "Tech Sites",
-        dataSource: websiteCollection,
-        enableRTL: true, mouseout: onTagMouseout
-    });
-    $("#tagtest1").ejTagCloud({
-        titleText: "Tech Sites",
-        dataSource: websiteCollection,
-        maxFontSize: "10px", create: onTagCreate
-    });
-    function onTagCreate() {
-        console.log("created");
-    }
-    function onTagMouseout() {
-        console.log("mouseout");
-    }
-});
-
-
-
-    $(function () {
-        $("#time").ejTimePicker({ enabled : true, height : "35",close: TimeClose,create: TimeCreate});
-    });
-
-   function TimeClose() {
-    console.log("close");
-    }
-   function TimeCreate() {
-    console.log("create");
-   }
- 
-
-    $(function () {
-        $("#tbutton").ejToggleButton({
-            size: "large",
-			height: "28px",
-			click:ToggleClick,
-			create:ToggleCreate
-        });
-    });
-
-	function ToggleClick() {
-       console.log("click");
-    }
-    function ToggleCreate() {
-       console.log("create");
-    }
- 
-$(function () {// document ready
-        // Toolbar control creation 
-        $("#ToolbarItem").ejToolbar({
-            width: "auto", // width of the Toolbar
-            height: "33px", // height of the Toolbar
-			create:ToolBarCreate,
-			click:ToolBarClick
-        });    
-    });
-    
-function ToolBarCreate() {
-    console.log("click");
-}
-function ToolBarClick() {
-    console.log("create");
-}
- 
-$(document).ready(function () {
-   
-   $("#treeView").ejTreeView({ width: 300 , cssClass: 'customclass' , create: TreeViewCreate });
-    
-   $("#treeView1").ejTreeView({  height: 300 ,  enabled: true , nodeClick: TreeViewClick });
-});
-
-
-function TreeViewCreate() { 
-    console.log("create");
-}
-function TreeViewClick(){
-    console.log("click");
-}
-
-$(document).ready(function () {
-
-    //Properties
-    $("#uploadbbox1").ejUploadbox({ height: "60px", create: onuploadBoxcreate });
-    $("#uploadbbox2").ejUploadbox({ enableRTL: true, fileSelect: onuploadBoxfileselect });
-
-});
-//Events
-function onuploadBoxcreate() {
-    console.log("control created");
-}
-function onuploadBoxfileselect() {
-    console.log("file has been selected");
-}
-
-
-
-
-
-
-
-
-
-$(document).ready(function () {
-
-    //Properties
-    $("#waitingpopup1").ejWaitingPopup({ showOnInit: true, create: onwaitingPopupcreate });
-    $("#waitingpopup2").ejWaitingPopup({ showOnInit: true, showImage: false });
-
-});
-//Events
-function onwaitingPopupcreate() {
-    console.log("control created");
-}
-
-
-
-
-
-$(function () {
-            $("#Grid").ejGrid({
-                allowPaging: true,
-                allowSorting: true,
-                rowSelected: onGridRowSelect,
-                columnSelected: onGridColumnSelect,
-                rightClick: onGridRightClick,
-                columns: [
-                        { field: "OrderID", headerText: "Order ID", width: 75 , textAlign: ej.TextAlign.Right },
-                        { field: "CustomerID", headerText: "Customer ID", width: 80 },
-                        { field: "EmployeeID", headerText: "Employee ID", width: 75, textAlign: ej.TextAlign.Right },
-                        { field: "Freight", width: 75, format: "{0:C}", textAlign: ej.TextAlign.Right },
-                        { field: "OrderDate", headerText: "Order Date", width: 80, format: "{0:MM/dd/yyyy}", textAlign: ej.TextAlign.Right },
-                        { field: "ShipCity", headerText: "Ship City", width: 110 }
-                ]
-            });
-        });
-  
-function onGridRowSelect()
-{
-console.log("Row Selected");
-}  
-function onGridRightClick()
-{
-console.log("Right Click Button Clicked");
-}  
-function onGridColumnSelect()
-{
-console.log("Column Selected");
-}  
-
-    $(function () {
-            $("#PivotGrid").ejPivotGrid({
-				load: PivotGridload,
-				renderComplete: PivotGridrenderComplete,
-				url: "/wcf/PivotGridService.svc",
-				isResponsive: true 
-                            
-            });
-	 });
-
-	function PivotGridload() {
-       console.log("load");
-    }
-    function PivotGridrenderComplete() {
-       console.log("rendercomplete");
-    }
- 
-
-    $(function () {
-                        $("#PivotSchemaDesigner1").ejPivotSchemaDesigner({
-						height: "630px",
-						url: "/wcf/PivotService.svc"
-						});
-	 });
-
-	
- 
-$(document).ready(function () {
-     $("#pivotpager1").ejPivotPager({ categoricalCurrentPage: 1 });
-	 $("#pivotpager2").ejPivotPager({ seriesPageCount: 0 });
-});
-
-$(document).ready(function () {
-    $("#test1").ejSchedule({
-        cellHeight:"35px", cellClick: onScheduleCellClick
-    });
-    $("#test2").ejSchedule({
-        enableRTL: true, menuItemClick: onScheduleMenuItemClick
-    });
-});
-function onScheduleCellClick() {
-    console.log("cell clicked..");
-}
-function onScheduleMenuItemClick() {
-    console.log("Menu Item Clicked..");
-}
-
-
-        $(function () {
-            $("#RecurrenceEditor").ejRecurrenceEditor({
-                selectedRecurrenceType: 0,
-                create: RecurrenceEditorOncreate
-            });
-            
-        });
-
-	     function RecurrenceEditorOncreate() {
-             this.element.find("#recurrencetype_wrapper").css("width", "33%");
-         }
- 
-$(document).ready(function () {
-
-$("#GanttContainer").ejGantt({
-                allowSelection: true,
-                allowColumnResize: true,
-                taskIdMapping: "TaskID",
-                taskNameMapping: "TaskName",
-                scheduleStartDate: "02/23/2014",
-                scheduleEndDate: "03/31/2014",
-                startDateMapping: "StartDate",
-                endDateMapping: "EndDate",
-                progressMapping: "Progress",
-                childMapping: "Children",
-                allowGanttChartEditing: false,
-                treeColumnIndex: 1,
-                enableResize: true,
-                expanded: onGanttExpand,
-                load: onGanttLoad
-            });
-});
-
-function onGanttExpand()
-{
-console.log("Expanded");
-}
-function onGanttLoad()
-{
-console.log("Loading");
-}
-$(document).ready(function () {
-                  
-        
-    $("#test1").ejReportViewer({ reportServiceUrl: "../api/RDLReport",enablePageCache: false,reportLoaded: onReportReportLoaded });
-    $("#test2").ejReportViewer({
-        renderMode: ej.ReportViewer.RenderMode.Default,reportServiceUrl: "../api/RDLReport",renderingBegin: onReportRenderingBegin });
-});
-function onReportRenderingBegin() {
-    console.log("Rendering Begin..");
-}
-function onReportReportLoaded() {
-    console.log("Report Loaded..");
-}
-
-$(document).ready(function () {
- var dataManager = [
-         {
-             taskID: 1,
-             taskName: "Planning",
-             startDate: "02/03/2014",
-             endDate: "02/07/2014",
-             progress: 100,
-             duration: 5,
-             priority: "Normal",
-             approved: false,
-             subtasks: [
-                 { taskID: 2, taskName: "Plan timeline", startDate: "02/03/2014", endDate: "02/07/2014", duration: 5, progress: 100, priority: "Normal", approved: false },
-                 { taskID: 3, taskName: "Plan budget", startDate: "02/03/2014", endDate: "02/07/2014", duration: 5, progress: 100, approved: true },
-                 { taskID: 4, taskName: "Allocate resources", startDate: "02/03/2014", endDate: "02/07/2014", duration: 5, progress: 100, priority: "Critical", approved: false },
-                 { taskID: 5, taskName: "Planning complete", startDate: "02/07/2014", endDate: "02/07/2014", duration: 0, progress: 0, priority: "Low", approved: true }
-             ]
-         }];
-   
-$("#test1").ejTreeGrid({
-       dataSource:dataManager,allowColumnResize:  true,
-             columns: [
-                    { field: "taskID", headerText: "Task Id", editType: "numericedit" },
-                    { field: "taskName", headerText: "Task Name", editType: "stringedit" },
-                    { field: "startDate", headerText: "Start Date", editType: "datepicker" },
-                    { field: "endDate", headerText: "End Date", editType: "datepicker" },
-                    { field: "duration", headerText: "Duration", editType: "numericedit" },
-                    { field: "progress", headerText: "Progress", editType: "numericedit" }
-                ],load: onTreeLoad
-    });
-    $("#test2").ejTreeGrid({
-        dataSource:dataManager,rowHeight : 30,
-            columns: [
-                    { field: "taskID", headerText: "Task Id", editType: "numericedit" },
-                    { field: "taskName", headerText: "Task Name", editType: "stringedit" },
-                    { field: "startDate", headerText: "Start Date", editType: "datepicker" },
-                    { field: "endDate", headerText: "End Date", editType: "datepicker" },
-                    { field: "duration", headerText: "Duration", editType: "numericedit" },
-                    { field: "progress", headerText: "Progress", editType: "numericedit" }
-                ],rowSelected: onTreeRowSelected
-        
-    });
-   
-
-});
-function onTreeLoad() {
-    console.log("loaded..");
-}
-function onTreeRowSelected() {
-    console.log("row Selected..");
-}
-
-
-$(document).ready(function () {
-        $("#navpane").ejNavigationDrawer({ type: "overlay", direction: "left",  position: "fixed",open: NavigationDrawerOpen });
-});
-
-function NavigationDrawerOpen()
-{
-  console.log("open");
-}
-
-
-    $(function () {
-            $('#radialmenu').ejRadialMenu({ targetElementId: "radialtarget", "autoOpen":true,select: RadialMenuSelect , mouseUp: RadialMenuMouseUp });
-        });
-
-   function RadialMenuMouseUp() {
-    console.log("mouseUp");
-    }
-   function RadialMenuSelect() {
-    console.log("select");
-   }
- 
-
-
-$(function ()
-{
-     $("#tile1").ejTile({ text: "Map", tileSize: "medium", imageUrl: 'http://js.syncfusion.com/ug/web/content/tile/map.png', mouseUp: TileMouseUp, mouseDown: TileMouseDown });
-});
-	
-function TileMouseUp() {
-    console.log("mouseUp");
-}
-
-function TileMouseDown() {
-    console.log("mousedown");
-}
-
-
-
-
-    $(function () {
-        $("#radialSlider").ejRadialSlider({ innerCircleImageUrl: "chevron-right.png",autoOpen:true, create: RadialSliderCreate , start: RadialSliderStart });
-    });
-
-   function RadialSliderCreate() {
-    console.log("create");
-    }
-   function RadialSliderStart() {
-    console.log("start");
-   }
- 
-$(document).ready(function () {
-    $("#test1").ejSpreadsheet({
-        allowDelete: true, cellEdit: onSpreadsheetCellEdit
-    });
-    $("#test2").ejSpreadsheet({
-        cssClass: "gradient-lime", drag: onSpreadsheetDrag
-    });
-});
-function onSpreadsheetDrag() {
-    console.log("item drag..");
-}
-function onSpreadsheetCellEdit() {
-    console.log("cell edited..");
-}
-
-
-   $(function()
-                {
-                    $("#OlapChart").ejOlapChart(
-                    {
-                        url: "OlapChartService.svc",
-			    renderFailure: OlapChartRenderFailure,
-	        	    renderSuccess: OlapChartRenderSuccess
-                    });
-                });
-
-  function OlapChartRenderFailure() {
-    console.log("failure");
-    }
-  function OlapChartRenderSuccess() {
-    console.log("success");
-  }
- 
-
-    $(function()
-     {
-        $("#OlapClient").ejOlapClient(
-        {
-              url: "/wcf/OlapClientService.svc",
-			  title: "OLAP Browser",
-			  renderFailure: OlapClientRenderFailure,
-			  renderSuccess: OlapClientRenderSuccess
-        });
-    });
-
-	function OlapClientRenderFailure() {
-       console.log("failure");
-    }
-    function OlapClientRenderSuccess() {
-       console.log("success");
-    }
- 
-$(document).ready(function()
-                {
-                    $("#olapgauge1").ejOlapGauge(
-                    {
-                        url: "../wcf/OlapGaugeService.svc",
-						enableTooltip: true,
-						renderFailure: olapGaugerenderFailure,
-						renderSuccess: olapGaugerenderSuccess
-                    });
-                });
-function olapGaugerenderFailure() {
-    console.log("failure");
-    }
-function olapGaugerenderSuccess() {
-    console.log("success");
-    }
- 
-$(document).ready(function () {
-   
-  $("#CoreLinearGauge").ejLinearGauge({
-                labelColor: "#8c8c8c", width: 500,
-                scales: [{
-                    width: 4, border: { color: "transparent",width:0 }, showBarPointers: false, showRanges: true, length: 310, 
-                    position: { x: 52, y: 50 }, markerPointers: [{
-                        value: 50, length: 10, width: 10, backgroundColor: "#4D4D4D", border: { color: "#4D4D4D" }
-                    }],
-                    labels: [{ font: { size: "11px", fontFamily: "Segoe UI", fontStyle: "bold" }, distanceFromScale:{x: -13} }],
-                    ticks: [{ type: "majorinterval", width: 1, color: "#8c8c8c" }],
-                    ranges: [{
-                        endValue: 60,
-                        startValue: 0,
-                        backgroundColor: "#F6B53F",
-                        border: { color: "#F6B53F" }, startWidth: 4, endWidth: 4
-                    }, {
-                        endValue: 100,
-                        startValue: 60,
-                        backgroundColor: "#E94649",
-                        border: { color: "#E94649" }, startWidth: 4, endWidth: 4
-                    }]
-                }],
-				init:onLinearGaugeinit,
-				mouseClick:onLinearGaugemouseClick
-            });
-});
-
-function onLinearGaugeinit()
-{
-  console.log("init");
-}
-function onLinearGaugemouseClick()
-{
-  console.log("mouseClick");
-}
-
-$(document).ready(function () {
-   
-     $("#CoreCircularGauge").ejCircularGauge({
-                backgroundColor: "transparent", width: 500, 
-                scales: [{
-                    showRanges: true,
-                    startAngle: 122, sweepAngle: 296, radius: 130, showScaleBar: true, size: 1, maximum: 120, majorIntervalValue: 20, minorIntervalValue: 10,
-                    border: {
-                        width: 0.5,
-                    },
-                    pointers: [{
-                        value: 60,
-                        showBackNeedle: true,
-                        backNeedleLength: 20,
-                        length: 95,
-                        width: 7,
-                        pointerCap: { radius: 12 }
-                    }],
-                    ticks: [{
-                        type: "major",
-                        distanceFromScale: 2,
-                        height: 16,
-                        width: 1, color: "#8c8c8c"
-                    }, { type: "minor", height: 8, width: 1, distanceFromScale: 2, color: "#8c8c8c" }],
-                    labels: [{
-                        color: "#8c8c8c"
-                    }],
-                    ranges: [{
-                        distanceFromScale: -30,
-                        startValue: 0,
-                        endValue: 70
-                    }, {
-                        distanceFromScale: -30,
-                        startValue: 70,
-                        endValue: 110,
-                        backgroundColor: "#fc0606",
-                        border: { color: "#fc0606" }
-                    },
-                    {
-                        distanceFromScale: -30,
-                        startValue: 110,
-                        endValue: 120,
-                        backgroundColor: "#f5b43f",
-                        border: { color: "#f5b43f" }
-                    }]
-                }],
-				mouseClick:onCircularMouseClick
-            });
-	   
-});
-
-function onCircularMouseClick()
-{
-  console.log("Mouse click..");
-}
-
-$(document).ready(function () {
-   
-   $("#DigitalCore").ejDigitalGauge({
-                width: 525,
-                height: 305,
-                items: [{
-                    segmentSettings: {
-                        width: 1,
-                        spacing: 0,
-                        color: "#8c8c8c"
-                    },
-                    characterSettings: {
-                        opacity: 0.8,
-                    },
-                    value: "123456789",
-                    position: { x: 52, y: 52 }
-                }],
-				init:onDigitalGaugeinit,
-				itemRendering:onDigitalGaugeItemRendering
-            });
-});
-
-function onDigitalGaugeinit()
-{
-  console.log("init");
-}
-function onDigitalGaugeItemRendering()
-{
-  console.log("itemRendering");
-}
-
-$(document).ready(function () {
-   
-     $("#container").ejChart(
-        {
-		 
-		
-			
-			//Initializing Common Properties for all the series
-            commonSeriesOptions: 
-			{
-                type: 'line', enableAnimation: true,
-				tooltip:{ visible :true, template:'Tooltip'},
-                marker:
-                {
-                    shape: 'circle',
-                    size:
-                    {
-                        height: 10, width: 10
-                    },
-                    visible: true
-                },
-                 border : {width: 2}                             
-            },	
-				
-           
- 
-            title :{text: 'Efficiency of oil-fired power production'},
-            size: { height: "600" },
-            legend: { visible: true},
-			create:onChartCreate
-        });
-	   
-});
-
-function onChartCreate()
-{
-  console.log("create");
-}
-
-$(document).ready(function () {
-
-	 $("#scrollcontent").ejRangeNavigator({
-
-            enableDeferredUpdate: true,
-            padding: "15",
-            allowSnapping:true,
-		      selectedRangeSettings: {
-               start:"2015/5/25", end:"2016/5/25"
-           },
-          
-   })
-});
-
-$(document).ready(function () {
-   $("#BulletGraph1").ejBulletGraph({
-            qualitativeRangeSize: 32,            
-            quantitativeScaleLength: 475, tooltipSettings: {template: "Tooltip", visible: true}, orientation: ej.datavisualization.BulletGraph.Orientation.Horizontal,
-            flowDirection: ej.datavisualization.BulletGraph.FlowDirection.Forward,
-            quantitativeScaleSettings: {
-                location: { x: 110, y: 10 },
-                minimum: 0,
-                maximum: 10,
-                interval: 1,
-                minorTicksPerInterval: 4,
-                majorTickSettings:{ size: 13, width: 1, stroke: 'gray'},
-				minorTickSettings:{ size: 5, width: 1, stroke: 'gray'},
-                
-                labelSettings: {
-                    position: ej.datavisualization.BulletGraph.LabelPosition.Below, offset: 14, size: 10
-                },
-                featuredMeasureSettings: { width: 6 },
-				comparativeMeasureSettings:{
-                                           width: 5
-                },
-                featureMeasures: [{ value: 8, comparativeMeasureValue: 6.7, category: ""}]
-            },
-            qualitativeRanges: [{
-                rangeEnd: 4.3
-            }, {
-                rangeEnd: 7.3
-            }, {
-                rangeEnd: 10
-            }],
-            captionSettings: { textAngle: 0,
-                location: { x: 17, y: 20 }, text: "Revenue YTD", font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '12px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1 }, //'#707070'
-                subTitle: { textAngle: 0,
-                    text: "$ in Thousands", location: { x: 10, y: 35 }, font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '12px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1} //'#707070'
-                }
-            }
-			
-
-
-        });
-		
-		  $("#BulletGraph2").ejBulletGraph({ qualitativeRangeSize: 32, height:140,
-            quantitativeScaleLength: 475, orientation: ej.datavisualization.BulletGraph.Orientation.Horizontal,
-            flowDirection: ej.datavisualization.BulletGraph.FlowDirection.Forward,
-            quantitativeScaleSettings: {
-                location: { x: 110, y: 10 },
-                minimum: -10,
-                maximum: 10,
-                interval: 2,
-                minorTicksPerInterval: 4,
-				majorTickSettings:{ size: 13, width: 1},
-				minorTickSettings:{ size: 5, width: 1},
-                
-                labelSettings: {
-                    position: ej.datavisualization.BulletGraph.LabelPosition.Below, offset: 14, size: 10, labelSuffix: ' %'
-                },
-                featuredMeasureSettings: { width: 6 },
-				comparativeMeasureSettings:{ width: 5 },
-                featureMeasures: [{ value: 8, comparativeMeasureValue: 6.7}]
-            },
-            qualitativeRanges: [{
-                rangeEnd: -4, rangeStroke: "#61a301"
-            }, {
-                rangeEnd: 3, rangeStroke: "#fcda21"
-            }, {
-                rangeEnd: 10, rangeStroke: "#d61e3f"
-            }],
-            captionSettings: { textAngle: 0,
-                location: { x: 60, y: 25 }, text: "Profit", font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '13px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1 }, //'#707070'
-                //subTitle: { textAngle: 0,
-                //    text: "profit in %", location: { x: 35, y: 35 }, font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '12px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1} //'#707070'
-               //}
-            },
-		    drawLabels:onBulletDrawLabel
-        });
-        
-});
-
-		function onBulletDrawLabel()
-		{
-		  console.log("drawLabel");
-		}
-
-
-$(document).ready(function () {
-   
-    $("#barcode").ejBarcode({ text: "HTTP://WWW.SYNCFUSION.COM", symbologyType: "qrbarcode", xDimension: 8, displayText: true, load:onBarcodeLoad });
-	
-});
-
-function onBarcodeLoad()
-		{
-		  console.log("load");
-		}
-
-           jQuery(function ($) {		
-		    $("#container").ejMap({                
-                 mouseover:MapMouseOver,
-                 onRenderComplete:MapOnRenderComplete,
-				 navigationControl:{enableNavigation:true,orientation:'vertical',absolutePosition:{x:5,y:15},dockPosition: 'none'},
-                 background:'white',
-                 enableAnimation: true,                 
-                 layers: [
-                       {
-                               layerType: "geometry",
-                               enableSelection: false,
-							   enableMouseHover:false,
-                               
-                               showMapItems: false,
-                               markerTemplate: 'template',                              
-                               shapeSettings: {
-                                   fill: "#626171",
-                                   strokeThickness: "1",
-                                   stroke: "#6F6F79",
-                                   highlightStroke:"#6F6F79",
-                                   valuePath: "name",
-                                   highlightColor: "gray"
-
-                               },                               
-                               
-                       }
-                 ]
-
-             });
-         });
-	   function MapMouseOver() {
-          console.log("mouseover");
-       }
-	   function MapOnRenderComplete() {
-          console.log("onRenderComplete");
-       }
-	
-
-       jQuery(function ($) {
-            $("#treemapContainer").ejTreeMap({
-			    treeMapItemSelected:onTreeMapItemSelected,
-               
-                levels: [
-                     { groupPath: "Continent", groupGap: 5}
-                   ], 
-                colorValuePath: "Growth",
-                rangeColorMapping: [
-                      { color: "#DC562D", from: "0", to: "1" },
-                      { color: "#FED124", from: "1", to: "1.5" },
-                      { color: "#487FC1", from: "1.5", to: "2" },
-                      { color: "#0E9F49", from: "2", to: "3" }
-                ],
-                showTooltip:true,
-                leafItemSettings: { labelPath: "Region" }
-            });
-        });
-	function onTreeMapItemSelected() {
-       console.log("TreeMapItemSelected");
-    }
-    
- 
\ No newline at end of file
diff --git a/ej.widgets.all/ej.web.all.d.ts b/ej.widgets.all/ej.web.all.d.ts
deleted file mode 100644
index de335df408..0000000000
--- a/ej.widgets.all/ej.web.all.d.ts
+++ /dev/null
@@ -1,47109 +0,0 @@
-// Type definitions for ej.web.all v14.1.0.41
-// Project: http://help.syncfusion.com/js/typescript
-// Definitions by: Syncfusion <https://github.com/syncfusion/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/*!
-*  filename: ej.web.all.d.ts
-*  version : 14.1.0.41
-*  Copyright Syncfusion Inc. 2001 - 2016. 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. 
-*/
-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: string): JQuery;
-    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): 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): void;
-    function proxy(fn: Object, context: string, arg: string): boolean;
-    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;
-    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: Object;
-		isMSPointerEnabled: boolean;
-	}
-	class WidgetBase {
-        destroy(): void;
-        element: JQuery;
-        setModel(options: Object, forceSet?: boolean):any;
-        option(prop?: Object, value?: Object, forceSet?: boolean): 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;     
-    }
-
-
-    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: 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: string, ignoreCase?: boolean): ej.Query;
-		where(predicate:ej.Predicate):ej.Query;
-        search(searchKey: any, fieldNames?:  any, operator?: string, ignoreCase?: boolean): ej.Query;
-        sortBy(fieldName: string, comparer?: ej.SortOrder, isFromGroup?: boolean): ej.Query;
-        sortByDesc(fieldName: string): ej.Query;
-        group(fieldName: string): ej.Query;
-        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;
-        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 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;
-        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 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;
-        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;
-        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): Object;
-        remove(dm: ej.DataManager, keyField: string, value:any, tableName: string): Object;
-        update(dm: ej.DataManager, keyField: string, value:any, tableName: string): Object;
-    }
-    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(field: string, operator: ej.FilterOperators, value: any, ignoreCase: boolean);
-        and(field: string, operator: any, value:any, ignoreCase:boolean): void;
-        or(field: string, operator: any, value: any, ignoreCase: boolean): void;
-        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,
-		equal,
-		greaterThan,
-		greaterThanOrEqual,
-		lessThan,
-		lessThanOrEqual,
-		notEqual,
-		startsWith
-	}
-
-	enum MatrixDefaults {
-		m11,
-		m12,
-		m21,
-		m22,
-		offsetX,
-		offsetY,
-		type
-	}
-	enum MatrixTypes {
-		Identity,
-		Scaling,
-		Translation,
-		Unknown
-	}
-
-	enum Orientation {
-		Horizontal,
-		Vertical
-	}
-
-	enum SliderType {
-		Default,
-		MinRange,
-		Range
-	}
-
-	enum eventType {
-		click,
-		mouseDown,
-		mouseLeave,
-		mouseMove,
-		mouseUp
-	}
-	enum headerOption {
-		row,
-		tHead
-	}
-		
-	enum filterType{
-		StartsWith,
-		Contains,
-		EndsWith,
-		LessThan,
-		GreaterThan,
-		LessThanOrEqual ,
-		GreaterThanOrEqual,
-		Equal,
-		NotEqual
-	}
-	enum Animation{
-		Fade,
-		None,
-		Slide
-	} 
-	enum Type{
-		Overlay,
-		Slide
-	}
-class Draggable extends ej.Widget {
-    static fn: Draggable;
-    constructor(element: JQuery, options?: DraggableOptions);
-    constructor(element: Element, options?: DraggableOptions);
-    model: DraggableOptions;
-}
-
-interface DraggableOptions {
-    scope?: string;
-    handle?: Object;
-    dragArea?: Object;
-    clone?: boolean;
-    distance?: number;
-    helper?: any;
-    cursorAt?: DragAtPositon;
-    destroy? (e: DraggableEvent): void;
-    drag? (e: DraggableDragEvent): void;
-    dragStart? (e: DraggableDragStartEvent): void;
-    dragStop? (e: DraggableDragStopEvent): void;
-    
-}
-
-interface DragAtPositon {
-    top?: number;
-    left?: number;
-}
-
-interface DraggableEvent extends ej.BaseEvent {
-    model: DraggableOptions;
-}
-interface DraggableDragStartEvent extends ej.BaseEvent, DraggableEvent {
-    element: Object;
-    target: Object;
-}
-interface DraggableDragStopEvent extends ej.BaseEvent, DraggableEvent {
-    element: Object;
-    target: Object;
-}
-interface DraggableDragEvent extends ej.BaseEvent, DraggableEvent {
-    element: Object;
-    target: Object;
-}
-class Droppable extends ej.Widget {
-    static fn: Droppable;
-    constructor(element: JQuery, options?: DroppableOptions);
-    constructor(element: Element, options?: DroppableOptions);
-    model: DroppableOptions;
-}
-
-interface DroppableOptions {
-    scope?: string;
-    accept?: Object;
-    drop? (e: DroppableDropEvent): void;
-    over? (e: DroppableOverEvent): void;
-    out? (e: DroppableOutEvent): void;
-}
-
-interface DroppableEvent extends ej.BaseEvent {
-    model: DroppableOptions;
-}
-interface DroppableDropEvent extends ej.BaseEvent, DraggableEvent {
-    targetElement: Object;
-}
-interface DroppableOverEvent extends ej.BaseEvent, DraggableEvent {
-    targetElement: Object;
-}
-interface DroppableOutEvent extends ej.BaseEvent, DraggableEvent {
-    targetElement: Object;
-}
-class Resizable extends ej.Widget {
-    static fn: Resizable;
-    constructor(element: JQuery, options?: ResizableOptions);
-    constructor(element: Element, options?: ResizableOptions);
-    model: ResizableOptions;
-}
-
-interface ResizableOptions {
-    scope?: string;
-    handle?: Object;
-    distance?: number;
-    cursorAt?: resizeAtPositon;
-    helper?: any;
-    maxHeight?: (number|string);
-    maxWidth?: (number|string);
-    minHeight?: (number|string);
-    minWidth?: (number|string);
-    destroy? (e: ResizeEvent): void;
-    resizeStart? (e: ResizableStartEvent): void;
-    resize? (e: ResizableEvent): void;
-    resizeStop? (e: ResizableStopEvent): void;
-}
-
-interface resizeAtPositon {
-    top?: number;
-    left?: number;
-}
-
-interface ResizeEvent extends ej.BaseEvent {
-    model: ResizableOptions;
-}
-interface ResizableStartEvent extends ej.BaseEvent, ResizeEvent {
-    targetElement: Object;
-}
-interface ResizableEvent extends ej.BaseEvent, ResizeEvent {
-    targetElement: Object;
-}
-interface ResizableStopEvent extends ej.BaseEvent, ResizeEvent {
-    targetElement: Object;
-}
-
-		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);
-	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;
-
-	/** Scroller moves to given pixel in X (left) position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
-	* @returns {void}
-	*/
-	scrollX(): void;
-
-	/** Scroller moves to given pixel in Y (top) position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
-	* @returns {void}
-	*/
-	scrollY(): void;
-}
-export module Scroller{
-
-export interface Model {
-
-	/**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;
-
-	/**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;
-
-	/**Fires when Scroller control is created.*/
-	create? (e: CreateEventArgs): void;
-
-	/**Fires when Scroller control is destroyed.*/
-	destroy? (e: DestroyEventArgs): void;
-}
-
-export interface CreateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the scroller model
-	*/
-	model?: ej.Scroller.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface DestroyEventArgs {
-
-	/**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;
-}
-}
-
-class Accordion extends ej.Widget {
-	static fn: Accordion;
-	constructor(element: JQuery, options?: Accordion.Model);
-	constructor(element: Element, options?: Accordion.Model);
-	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;
-
-	/** 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;
-
-	/** 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|string;
-
-	/**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 AJAX load failed action. Arguments have URL, error message, and current model value.*/
-	ajaxError? (e: AjaxErrorEventArgs): void;
-
-	/**Triggered after the AJAX content loads. Arguments have current model values.*/
-	ajaxLoad? (e: AjaxLoadEventArgs): void;
-
-	/**Triggered after AJAX success action. Arguments have URL, content, and current model values.*/
-	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
-
-	/**Triggered before a tab item is active. Arguments have active index and model values.*/
-	beforeActivate? (e: BeforeActivateEventArgs): void;
-
-	/**Triggered 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 Accordion control creation.*/
-	create? (e: CreateEventArgs): void;
-
-	/**Triggered after Accordion control destroy.*/
-	destroy? (e: DestroyEventArgs): 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;
-}
-
-export interface ActivateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns active index
-	*/
-	 activeIndex ?: number;
-
-	/**returns current active header
-	*/
-	 activeHeader ?: any;
-
-	/**returns true when the Accordion index activated by user interaction otherwise returns false
-	*/
-	 isInteraction ?: boolean;
-}
-
-export interface AjaxBeforeLoadEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns current ajax content location
-	*/
-	 url ?: string;
-}
-
-export interface AjaxErrorEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns current ajax content location
-	*/
-	 url ?: string;
-
-	/**returns the failed data sent.
-	*/
-	 data ?: string;
-}
-
-export interface AjaxLoadEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns the name of the url
-	*/
-	 url ?: string;
-}
-
-export interface AjaxSuccessEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns current ajax content location
-	*/
-	 url ?: string;
-
-	/**returns the successful data sent.
-	*/
-	 data ?: string;
-
-	/**returns the ajax content.
-	*/
-	 content ?: string;
-}
-
-export interface BeforeActivateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns active index
-	*/
-	 activeIndex ?: number;
-
-	/**returns true when the Accordion index activated by user interaction otherwise returns false
-	*/
-	 isInteraction ?: boolean;
-}
-
-export interface BeforeInactivateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns active index
-	*/
-	 inActiveIndex ?: number;
-
-	/**returns true when the Accordion index activated by user interaction otherwise returns false
-	*/
-	 isInteraction ?: boolean;
-}
-
-export interface CreateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-}
-
-export interface DestroyEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-}
-
-export interface InActivateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns active index
-	*/
-	 inActiveIndex ?: number;
-
-	/**returns in active element
-	*/
-	 inActiveHeader ?: any;
-
-	/**returns true when the Accordion index activated by user interaction otherwise returns false
-	*/
-	 isInteraction ?: boolean;
-}
-
-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;
-}
-
-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);
-	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 {void}
-	*/
-	getSelectedItems(): void;
-
-	/** Returns the current selected value from the Autocomplete textbox.
-	* @returns {void}
-	*/
-	getValue(): void;
-
-	/** 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?: 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;
-
-	/**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|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?: 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?: string;
-
-	/**The height of the Autocomplete textbox.
-	* @Default {null}
-	*/
-	height?: string;
-
-	/**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;
-
-	/**Minimum number of character to be entered in the Autocomplete textbox to show the suggestion list.
-	* @Default {1}
-	*/
-	minCharacter?: number;
-
-	/**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|string;
-
-	/**Indicates that the autocomplete textbox values can only be readable.
-	* @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/**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;
-
-	/**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;
-
-	/**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 ActionSuccessEventArgs {
-}
-
-export interface ActionCompleteEventArgs {
-}
-
-export interface ActionFailureEventArgs {
-}
-
-export interface ChangeEventArgs {
-
-	/**Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/**Instance of the autocomplete model object.
-	*/
-	model?: any;
-
-	/**Name of the event.
-	*/
-	type?: string;
-
-	/**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?: any;
-
-	/**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;
-}
-
-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, options?: Button.Model);
-	constructor(element: Element, options?: Button.Model);
-	model:Button.Model;
-	defaults:Button.Model;
-
-	/** destroy the button widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-	* @returns {void}
-	*/
-	destroy(): void;
-
-	/** To disable the button
-	* @returns {void}
-	*/
-	disable(): void;
-
-	/** To enable the button
-	* @returns {void}
-	*/
-	enable(): void;
-}
-export module Button{
-
-export interface Model {
-
-	/**Specifies the contentType of the Button. See below to know available ContentType
-	* @Default {ej.ContentType.TextOnly}
-	*/
-	contentType?: ej.ContentType|string;
-
-	/**Sets the root CSS class for Button theme, which is used customize.
-	*/
-	cssClass?: string;
-
-	/**Specifies the button control state.
-	* @Default {true}
-	*/
-	enabled?: boolean;
-
-	/**Specify the Right to Left direction to button
-	* @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/**Specifies the height of the Button.
-	* @Default {28}
-	*/
-	height?: number;
-
-	/**It allows to define the characteristics of the Button control. It will helps to extend the capability of an HTML element.
-	* @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/**Specifies the image position of the Button. This image position is applicable only with the textandimage contentType property. The images can be positioned in both imageLeft and imageRight options. See below to know about available ImagePosition
-	* @Default {ej.ImagePosition.ImageLeft}
-	*/
-	imagePosition?: ej.ImagePosition|string;
-
-	/**Specifies the primary icon for Button. This icon will be displayed from the left margin of the button.
-	* @Default {null}
-	*/
-	prefixIcon?: string;
-
-	/**Convert the button as repeat button. It raises the 'Click' event repeatedly from the it is pressed until it is released.
-	* @Default {false}
-	*/
-	repeatButton?: boolean;
-
-	/**Displays the Button with rounded corners.
-	* @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/**Specifies the size of the Button. See below to know available ButtonSize
-	* @Default {ej.ButtonSize.Normal}
-	*/
-	size?: ej.ButtonSize|string;
-
-	/**Specifies the secondary icon for Button. This icon will be displayed from the right margin of the button.
-	* @Default {null}
-	*/
-	suffixIcon?: string;
-
-	/**Specifies the text content for Button.
-	* @Default {null}
-	*/
-	text?: string;
-
-	/**Specified the time interval between two consecutive 'click' event on the button.
-	* @Default {150}
-	*/
-	timeInterval?: string;
-
-	/**Specifies the Type of the Button. See below to know available ButtonType
-	* @Default {ej.ButtonType.Submit}
-	*/
-	type?: ej.ButtonType|string;
-
-	/**Specifies the width of the Button.
-	* @Default {100}
-	*/
-	width?: 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 inbuilt default size height, width specified
-Normal,
-//Creates button with inbuilt mini size height, width specified
-Mini,
-//Creates button with inbuilt small size height, width specified
-Small,
-//Creates button with inbuilt medium size height, width specified 
-Medium,
-//Creates button with inbuilt large size height, width specified 
-Large,
-}
-enum ButtonType
-{
-//Creates button with inbuilt button type specified
-Button,
-//Creates button with inbuilt reset type specified 
-Reset,
-//Creates button with inbuilt submit type specified
-Submit,
-}
-
-class Captcha extends ej.Widget {
-	static fn: Captcha;
-	constructor(element: JQuery, options?: Captcha.Model);
-	constructor(element: Element, options?: Captcha.Model);
-	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 apperance 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 captch refresh begins.*/
-	refreshBegin? (e: RefreshBeginEventArgs): void;
-
-	/**Fires after captch refresh completed.*/
-	refreshComplete? (e: RefreshCompleteEventArgs): void;
-
-	/**Fires when captch refresh fails to load.*/
-	refreshFailure? (e: RefreshFailureEventArgs): void;
-
-	/**Fires after captch 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);
-	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 tem using its text value.
-	* @param {string} Text of the listbox item to be selected.
-	* @returns {void}
-	*/
-	selectItemByText(text: string): void;
-
-	/** Selects list tem 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?: string;
-
-	/**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;
-
-	/**Mapping fields for the data items of the ListBox widget.
-	* @Default {null}
-	*/
-	fields?: any;
-
-	/**Defines the height of the ListBox widget.
-	* @Default {null}
-	*/
-	height?: 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|string;
-
-	/**The list item to be selected by default using its index.
-	* @Default {null}
-	*/
-	selectedIndex?: number;
-
-	/**The list items to be selected by default using its indices. To use this property allowMultiSelection should be enabled.
-	* @Default {[]}
-	*/
-	selectedIndices?: Array<any>;
-
-	/**Enables/Disables the multi selection option with the help of checkbox control.
-	* @Default {false}
-	*/
-	showCheckbox?: boolean;
-
-	/**To display the ListBox container with rounded corners.
-	* @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/**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 angular and knockout.
-	* @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 {
-}
-
-export interface ActionSuccessEventArgs {
-}
-
-export interface ActionCompleteEventArgs {
-}
-
-export interface ActionFailureEventArgs {
-}
-
-export interface ActionBeforeSuccessEventArgs {
-
-	/**Instance of the listbox model object.
-	*/
-	model?: any;
-
-	/**Name of the event.
-	*/
-	type?: string;
-
-	/**List of actual object.
-	*/
-	actual?: any;
-
-	/**Object of ListBox widget which contains DataManager arguments
-	*/
-	request?: any;
-
-	/**Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/**List of array object
-	*/
-	result?: Array<any>;
-
-	/**ExcuteQuery object of DataManager
-	*/
-	xhr?: any;
-}
-
-export interface ChangeEventArgs {
-
-	/**Instance of the listbox model object.
-	*/
-	model?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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;
-}
-}
-
-class Calculate extends ej.Widget {
-	static fn: Calculate;
-	constructor(element: JQuery, options?: Calculate.Model);
-	constructor(element: Element, options?: Calculate.Model);
-	model:Calculate.Model;
-	defaults:Calculate.Model;
-
-	/** Add the custom formuls 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);
-	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);
-	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
-	* @returns {any}
-	*/
-	hexCodeToRGB(): any;
-
-	/** Hides the ColorPicker popup, if in opened state.
-	* @returns {void}
-	*/
-	hide(): void;
-
-	/** Convert color value from HSV to RGB
-	* @returns {any}
-	*/
-	HSVToRGB(): any;
-
-	/** Convert color value from RGB to HEX
-	* @returns {string}
-	*/
-	RGBToHEX(): string;
-
-	/** Convert color value from RGB to HSV
-	* @returns {any}
-	*/
-	RGBToHSV(): 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 {buttonText.apply= Apply, buttonText.cancel= Cancel,buttonText.swatches=Swatches}
-	*/
-	buttonText?: any;
-
-	/**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;
-
-	/**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;
-
-	/**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;
-
-	/**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;
-
-	/**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 {tooltipText: { 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?: any;
-
-	/**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;
-}
-
-enum ModelType{
-
-	///support palette type mode in color picker.
-	Palette,
-
-	///support palette type mode in color picker.
-	Picker
-}
-
-
-enum Palette{
-
-	///used to show the basic palette
-	BasicPalette,
-
-	///used to show the custompalette
-	CustomPalette
-}
-
-
-enum Presets{
-
-	///used to show the basic presets
-	Basic,
-
-	///used to show the CandyCrush colors presets
-	CandyCrush,
-
-	///used to show the Citrus colors presets
-	Citrus,
-
-	///used to show the FlatColors presets
-	FlatColors,
-
-	///used to show the Misty presets
-	Misty,
-
-	///used to show the MoonLight presets
-	MoonLight,
-
-	///used to show the PinkShades presets
-	PinkShades,
-
-	///used to show the Sandy presets
-	Sandy,
-
-	///used to show the Seawolf presets
-	SeaWolf,
-
-	///used to show the Vintage presets
-	Vintage,
-
-	///used to show the WebColors presets
-	WebColors
-}
-
-}
-enum ButtonMode
-{
-//Displays the button in split mode 
-Split,
-//Displays the button in Dropdown mode
-Dropdown,
-}
-
-class FileExplorer extends ej.Widget {
-	static fn: FileExplorer;
-	constructor(element: JQuery, options?: FileExplorer.Model);
-	constructor(element: Element, options?: FileExplorer.Model);
-	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 File Explorer.
-	*/
-	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: {}}}
-	*/
-	ajaxSettings?: any;
-
-	/**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;
-
-	/**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;
-
-	/**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;
-
-	/**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 two view types available, such as grid, tile. 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 {250}
-	*/
-	minHeight?: string|number;
-
-	/**Sets the minimum width of FileExplorer control.
-	* @Default {400}
-	*/
-	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 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;
-
-	/**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, Open], navigation: [Back, Forward, Upward], addressBar: [Addressbar], editing: [Refresh, Upload, Delete, Rename, Download], copyPaste: [Cut, Copy, Paste], getProperties: [Details], searchBar: [Searchbar] }}
-	*/
-	tools?: any;
-
-	/**The toolsList property is used to arrange the toolbar items in the FileExplorer control.
-	* @Default {[creation, navigation, addressBar, editing, copyPaste, getProperties, searchBar]}
-	*/
-	toolsList?: Array<any>;
-
-	/**Gets or sets an object that indicates whether to customize the upload behavior in the FileExplorer.
-	*/
-	uploadSettings?: UploadSettings;
-
-	/**Specifies the width of FileExplorer control.
-	* @Default {850}
-	*/
-	width?: string|number;
-
-	/**Fires before the ajax request is performed.*/
-	beforeAjaxRequest? (e: BeforeAjaxRequestEventArgs): void;
-
-	/**Fires before downloading the files.*/
-	beforeDownload? (e: BeforeDownloadEventArgs): void;
-
-	/**Fires before files or folders open.*/
-	beforeOpen? (e: BeforeOpenEventArgs): void;
-
-	/**Fires before uploading the files.*/
-	beforeUpload? (e: BeforeUploadEventArgs): 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 file view type is changed.*/
-	layoutChange? (e: LayoutChangeEventArgs): 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;
-}
-
-export interface BeforeAjaxRequestEventArgs {
-
-	/**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 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 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 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 LayoutChangeEventArgs {
-
-	/**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 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?: any;
-
-	/**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 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 selected 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 clicked item.
-	*/
-	name?: string;
-
-	/**returns the path of clicked item.
-	*/
-	path?: string;
-
-	/**returns the selected item details
-	*/
-	selectedItems?: any;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface FilterSettings {
-
-	/**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 {
-
-	/**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: 25% }, { field: type, headerText: Type, width: 20% }, { field: dateModified, headerText: Date Modified, width: 35% }, { field: size, headerText: Size, width: 15%, 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);
-	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;
-
-	/**Sets the specified text value to the today button in the DatePicker calendar.
-	* @Default {Today}
-	*/
-	buttonText?: string;
-
-	/**Sets the root CSS class for Accordion 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.Min}
-	*/
-	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 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;
-
-	/**NameTypeDescriptioncancelbooleanSet to true when the event has to be canceled, else false.modelobjectreturns the DatePicker model.typestringreturns the name of the event.valuestringreturns the currently selected date value.*/
-	focusIn? (e: FocusInEventArgs): void;
-
-	/**Fires when DatePicker input loses the focus.*/
-	focusOut? (e: FocusOutEventArgs): 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;
-}
-
-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 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 OpenEventArgs {
-
-	/**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 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 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;
-}
-
-enum Header{
-
-	///Removes day header in DatePicker
-	None,
-
-	///sets  the short format of day name (like Sun) in header in DatePicker
-	Short,
-
-	///sets  the Min format of day name (like su) in header format DatePicker
-	Min
-}
-
-
-enum Level{
-
-	///allow  navigation upto year level in  DatePicker
-	Year,
-
-	///allow  navigation upto decade level in  DatePicker
-	Decade,
-
-	///allow  navigation upto Century level in  DatePicker
-	Century
-}
-
-
-enum HighlightSection{
-
-	///Highlight the week of the currently  selected date in DatePicker popup calendar  
-	Week,
-
-	///Highlight the workdays in a currently  selected date's week in DatePicker popup calendar 
-	WorkDays,
-
-	///Nothing will be highlighted, remove highlights from DatePicker popup calendar if already exists
-	None
-}
-
-}
-
-class DateTimePicker extends ej.Widget {
-	static fn: DateTimePicker;
-	constructor(element: JQuery, options?: DateTimePicker.Model);
-	constructor(element: Element, options?: DateTimePicker.Model);
-	model:DateTimePicker.Model;
-	defaults:DateTimePicker.Model;
-
-	/** Disables the DateTimePicker control.
-	* @returns {void}
-	*/
-	disable(): void;
-
-	/** Enables the DateTimePicker control.
-	* @returns {void}
-	*/
-	enable(): void;
-
-	/** Returns the current datetime value in the DateTimePicker.
-	* @returns {string}
-	*/
-	getValue(): string;
-
-	/** Hides or closes the DateTimePicker popup.
-	* @returns {void}
-	*/
-	hide(): void;
-
-	/** Updates the current system date value and time value to the DateTimePicker.
-	* @returns {void}
-	*/
-	setCurrentDateTime(): void;
-
-	/** Shows or opens the DateTimePicker popup.
-	* @returns {void}
-	*/
-	show(): void;
-}
-export module DateTimePicker{
-
-export interface Model {
-
-	/**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.Min}
-	*/
-	dayHeaderFormat?: ej.DatePicker.Header|string;
-
-	/**Specifies the drill down level in datepicker inside the DateTimePicker popup. 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;
-
-	/**Defines the width of the DateTimePicker textbox.
-	* @Default {143}
-	*/
-	width?: string|number;
-
-	/**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 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 Dialog extends ej.Widget {
-	static fn: Dialog;
-	constructor(element: JQuery, options?: Dialog.Model);
-	constructor(element: Element, options?: Dialog.Model);
-	model:Dialog.Model;
-	defaults:Dialog.Model;
-
-	/** Closes the dialog widget dynamically.
-	* @returns {void}
-	*/
-	close(): void;
-
-	/** Collapses the content area when it is expanded.
-	* @returns {void}
-	*/
-	collapse(): void;
-
-	/** Destroys the Dialog widget.
-	* @returns {void}
-	*/
-	destroy(): void;
-
-	/** Expands the content area when it is collapsed.
-	* @returns {void}
-	*/
-	expand(): void;
-
-	/** Checks whether the Dialog widget is opened or not. This methods returns Boolean value.
-	* @returns {void}
-	*/
-	isOpen(): void;
-
-	/** Maximizes the Dialog widget.
-	* @returns {void}
-	*/
-	maximize(): void;
-
-	/** Minimizes the Dialog widget.
-	* @returns {void}
-	*/
-	minimize(): void;
-
-	/** Opens the Dialog widget.
-	* @returns {void}
-	*/
-	open(): void;
-
-	/** Pins the dialog in its current position.
-	* @returns {void}
-	*/
-	pin(): void;
-
-	/** Restores the dialog.
-	* @returns {void}
-	*/
-	restore(): void;
-
-	/** Unpins the Dialog widget.
-	* @returns {void}
-	*/
-	unpin(): void;
-
-	/** Sets the title for the Dialog widget.
-	* @param {string} The title for the dialog widget.
-	* @returns {void}
-	*/
-	setTitle(Title: string): void;
-
-	/** Sets the content for the Dialog widget dynamically.
-	* @param {string} The content for the dialog widget. It accepts both string and html string.
-	* @returns {void}
-	*/
-	setContent(content: string): void;
-
-	/** Sets the focus on the Dialog widget.
-	* @returns {void}
-	*/
-	focus(): void;
-}
-export module Dialog{
-
-export interface Model {
-
-	/**Adds action buttons like close, minimize, pin, maximize in the dialog header.
-	*/
-	actionButtons?: string[];
-
-	/**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;
-
-	/**The tooltip text for the dialog close button.
-	*/
-	closeIconTooltip?: string;
-
-	/**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. The unit of integer type value is “px”.
-	*/
-	height?: string|number;
-
-	/**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. The unit of integer type value is “px”.
-	*/
-	width?: string|number;
-
-	/**Sets the z-index value for the Dialog widget.
-	*/
-	zIndex?: number;
-
-	/**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;
-}
-
-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;
-}
-}
-
-class DropDownList extends ej.Widget {
-	static fn: DropDownList;
-	constructor(element: JQuery, options?: DropDownList.Model);
-	constructor(element: Element, options?: DropDownList.Model);
-	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 {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 {HTMLElement}
-	*/
-	getSelectedItem(): HTMLElement;
-
-	/** 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 realtes 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 realtes to given values
-	* @returns {void}
-	*/
-	unselectItemByValue(index: string|number|Array<any>): void;
-}
-export module DropDownList{
-
-export interface Model {
-
-	/**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;
-
-	/**Defines the maximum height of the suggestion box. This property restricts the maximum height of the popup when resize is enabled.
-	* @Default {null}
-	*/
-	maxPopupHeight?: string|number;
-
-	/**Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
-	* @Default {null}
-	*/
-	minPopupHeight?: string|number;
-
-	/**Defines the maximum width of the suggestion box. This property restricts the maximum width of the popup when resize is enabled.
-	* @Default {null}
-	*/
-	maxPopupWidth?: string|number;
-
-	/**Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
-	* @Default {0}
-	*/
-	minPopupWidth?: string|number;
-
-	/**With the help of this property, you can make a single or multi selection with the DropDownList and display the text in two modes, delimiter and visual mode. In delimiter mode, you can separate the items by using the delimiter character such as comma (,) or semi-colon (;) or any other special character. In the visual mode, the items are showcased like boxes with close icon in the textbox.
-	* @Default {ej.MultiSelectMode.None}
-	*/
-	multiSelectMode?: ej.MultiSelectMode|string;
-
-	/**Defines the height of the suggestion popup box in the DropDownList control.
-	* @Default {152px}
-	*/
-	popupHeight?: string|number;
-
-	/**Defines the width of the suggestion popup box in the DropDownList control.
-	* @Default {auto}
-	*/
-	popupWidth?: string|number;
-
-	/**Specifies the query to retrieve the data from the DataSource.
-	* @Default {null}
-	*/
-	query?: any;
-
-	/**Specifies that the DropDownList textbox values should be read-only.
-	* @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/**Specifies an item to be selected in the DropDownList.
-	* @Default {null}
-	*/
-	selectedIndex?: number;
-
-	/**Specifies the selectedItems for the DropDownList.
-	* @Default {[]}
-	*/
-	selectedIndices?: Array<any>;
-
-	/**Selects multiple items in the DropDownList with the help of the checkbox control. To achieve this, enable the showCheckbox option to true.
-	* @Default {false}
-	*/
-	showCheckbox?: boolean;
-
-	/**DropDownList control is displayed with the popup seen.
-	* @Default {false}
-	*/
-	showPopupOnLoad?: boolean;
-
-	/**DropDownList textbox displayed with the rounded corner style.
-	* @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/**When the enableSorting property value is set to true, this property helps to sort the items either in ascending or descending order
-	* @Default {ej.sortOrder.Ascending}
-	*/
-	sortOrder?: ej.SortOrder|string;
-
-	/**Specifies the targetID for the DropDownList’s items.
-	* @Default {null}
-	*/
-	targetID?: string;
-
-	/**By default, you can add any text or image to the DropDownList item. To customize the item layout or to create your own visualized elements, you can use this template support.
-	* @Default {null}
-	*/
-	template?: string;
-
-	/**Defines the text value that is displayed in the DropDownList textbox.
-	* @Default {null}
-	*/
-	text?: string;
-
-	/**Sets the jQuery validation error message in the DropDownList
-	* @Default {null}
-	*/
-	validationMessage?: any;
-
-	/**Sets the jquery validation rules in the Dropdownlist.
-	* @Default {null}
-	*/
-	validationRules?: any;
-
-	/**Specifies the value (text content) for the DropDownList control.
-	* @Default {null}
-	*/
-	value?: string;
-
-	/**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, once the popup is closed*/
-	popupHide? (e: PopupHideEventArgs): void;
-
-	/**Fires the action, when the popup is resized.*/
-	popupResize? (e: PopupResizeEventArgs): void;
-
-	/**Fires the action, once the popup is opened.*/
-	popupShown? (e: PopupShownEventArgs): void;
-
-	/**Fires the action, when resizing a popup starts.*/
-	popupResizeStart? (e: PopupResizeStartEventArgs): void;
-
-	/**Fires the action, when the popup resizing is stopped.*/
-	popupResizeStop? (e: PopupResizeStopEventArgs): void;
-
-	/**Fires the action before filtering the list items that starts in the DropDownList when the enableFilterSearch is enabled.*/
-	search? (e: SearchEventArgs): void;
-
-	/**Fires the action, when the list of item is selected.*/
-	select? (e: SelectEventArgs): void;
-}
-
-export interface ActionBeginEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ActionCompleteEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**Returns number of times trying to fetch the data
-	*/
-	count?: number;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**Returns the query for data retrieval 
-	*/
-	query?: any;
-
-	/**Returns the query for data retrieval from the Database 
-	*/
-	request?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**Returns the number of items fetched from remote data
-	*/
-	result?: Array<any>;
-
-	/**Returns the requested data
-	*/
-	xhr?: any;
-}
-
-export interface ActionFailureEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**Returns the error message
-	*/
-	error?: any;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**Returns the query for data retrieval 
-	*/
-	query?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ActionSuccessEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**Returns number of times trying to fetch the data
-	*/
-	count?: number;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**Returns the query for data retrieval 
-	*/
-	query?: any;
-
-	/**Returns the query for data retrieval from the Database 
-	*/
-	request?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**Returns the number of items fetched from remote data
-	*/
-	result?: Array<any>;
-
-	/**Returns the requested data
-	*/
-	xhr?: any;
-}
-
-export interface BeforePopupHideEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**returns the selected text
-	*/
-	text?: string;
-
-	/**returns the selected value
-	*/
-	value?: string;
-}
-
-export interface BeforePopupShownEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**returns the selected text
-	*/
-	text?: string;
-
-	/**returns the selected value
-	*/
-	value?: string;
-}
-
-export interface CascadeEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**Returns the cascading dropdown model.
-	*/
-	cascadeModel?: any;
-
-	/**returns the current selected value in first dropdown.
-	*/
-	cascadeValue?: string;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the default filter action for second dropdown data should happen or not.
-	*/
-	requiresDefaultFilter?: boolean;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ChangeEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**Returns the selected item with checkbox checked or not.
-	*/
-	isChecked?: boolean;
-
-	/**Returns the selected item ID.
-	*/
-	itemId?: string;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**Returns the selected item text.
-	*/
-	selectedText?: string;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**Returns the selected text.
-	*/
-	text?: string;
-
-	/**Returns the selected value.
-	*/
-	value?: string;
-}
-
-export interface CheckChangeEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**Returns the selected item with checkbox checked or not.
-	*/
-	isChecked?: boolean;
-
-	/**Returns the selected item ID.
-	*/
-	itemId?: string;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**Returns the selected item text.
-	*/
-	selectedText?: string;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**Returns the selected text.
-	*/
-	text?: string;
-
-	/**Returns the selected value.
-	*/
-	value?: string;
-}
-
-export interface CreateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface DataBoundEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**returns the data that is bound to DropDownList
-	*/
-	data?: any;
-}
-
-export interface DestroyEventArgs {
-
-	/**its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface 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 seperated by delimiterChar
-Delimiter,
-// can select multiple items and it's show's like visual box in textbox
-VisualMode,
-}
-enum SortOrder
-{
-// Sort the data in ascending order
-Ascending,
-//Sort the data in descending order
-Descending,
-}
-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 Editor extends ej.Widget {
-	static fn: Editor;
-	constructor(element: JQuery, options?: Editor.Model);
-	constructor(element: Element, options?: Editor.Model);
-	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 {
-
-	/**Sets the root CSS class for Accordion theme, which is used customize.
-	*/
-	cssClass?: string;
-
-	/**DecimalPlaces declares the number of digits to be displayed right side of the value.
-	* @Default {0}
-	*/
-	decimalPlaces?: number;
-
-	/**Specify the editor control state.
-	* @Default {true}
-	*/
-	enabled?: boolean;
-
-	/**Specify the enablePersistence to editor to save current model value to browser cookies for state maintains
-	* @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/**Specify the Right to Left Direction to editor.
-	* @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/**Strict mode option to restrict entering values defined outside the range in the editor.
-	* @Default {false}
-	*/
-	enableStrictMode?: boolean;
-
-	/**It provides the options to get the customized character to separate the digits. If not set, the separator defined by the current culture.
-	* @Default {null}
-	*/
-	groupSeparator?: string;
-
-	/**Specifies the height of the editor.
-	* @Default {30}
-	*/
-	height?: number|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 increment step value.
-	* @Default {1}
-	*/
-	incrementStep?: number;
-
-	/**Specifies the Localization info used by the 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;
-
-	/**Toggles the readonly state of the editor. When the Editor is readonly it doesn't allow user interactions.
-	* @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/**Specify the rounded corner to 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;
-
-	/**Specify the watermark text to editor.
-	*/
-	watermarkText?: string;
-
-	/**Specifies the width of the editor.
-	* @Default {143}
-	*/
-	width?: number|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);
-	model:ListView.Model;
-	defaults:ListView.Model;
-
-	/** To add item in the given index.
-	* @param {string} Specifies the item to be added in ListView
-	* @param {number} Specifies the index where item to be added
-	* @returns {void}
-	*/
-	addItem(item: string, index: number): 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 textvalue.
-	* @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 {
-
-	/**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;
-
-	/**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?: number;
-
-	/**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 ID of the element contains template contents.
-	* @Default {false}
-	*/
-	templateId?: boolean;
-
-	/**Specifies the width.
-	* @Default {null}
-	*/
-	width?: 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?: any;
-
-	/**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?: any;
-}
-
-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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-}
-
-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?: any;
-}
-
-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?: any;
-
-	/**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?: any;
-
-	/**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;
-}
-}
-
-class MaskEdit extends ej.Widget {
-	static fn: MaskEdit;
-	constructor(element: JQuery, options?: MaskEdit.Model);
-	constructor(element: Element, options?: MaskEdit.Model);
-	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;
-
-	/**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);
-	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;
-
-	/** 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;
-}
-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;
-
-	/**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 databind 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;
-
-	/**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?: string|ej.Orientation;
-
-	/**Specifies the main menu items arrows only to be shown if it contains child items.
-	* @Default {true}
-	*/
-	showRooltLevelArrows?: boolean;
-
-	/**Specifies the sub menu items arrows only to be shown if it contains child items.
-	* @Default {true}
-	*/
-	showSubLevelArrows?: boolean;
-
-	/**Specifies position of pulldown submenus 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;
-
-	/**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;
-}
-
-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 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);
-	model:Pager.Model;
-	defaults:Pager.Model;
-
-	/** Send a paging request to specified page through the pagerControl.
-	* @returns {void}
-	*/
-	gotoPage(): void;
-}
-export module Pager{
-
-export interface Model {
-
-	/**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 pages displayed in the pager for navigation.
-	* @Default {10}
-	*/
-	pageCount?: number;
-
-	/**Gets or sets a value that indicates whether to define which page to display currently in pager.
-	* @Default {1}
-	*/
-	currentPage?: number;
-
-	/**Get or sets a value of total number of pages in the pager. The totalPages value is calculated based on pagesize and totalrecords.
-	* @Default {null}
-	*/
-	totalPages?: number;
-
-	/**Get the value of total number of records which is bound to a data item.
-	* @Default {null}
-	*/
-	totalRecordsCount?: 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 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;
-
-	/**Align content in the pager control from right to left by setting the property as true.
-	* @Default {false}
-	*/
-	enableRTL?: 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, options?: ProgressBar.Model);
-	constructor(element: Element, options?: ProgressBar.Model);
-	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);
-	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);
-	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 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?: string;
-
-	/**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?: string;
-
-	/**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?: string;
-
-	/**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?: string;
-
-	/**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);
-	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;
-
-	/** 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, 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 {number} sub group index in the ribbon group,
-	* @param {any} content to be displayed in the ribbon group.
-	* @param {number} ribbon content index .this is optional.
-	* @returns {void}
-	*/
-	addTabGroupContent(tabIndex: number, groupIndex: number, subGroupIndex: number, content: any, contentIndex: 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(string: 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(string: 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(string: 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(string: string): void;
-}
-export module Ribbon{
-
-export interface Model {
-
-	/**Enables the ribbon resize feature.
-	* @Default {false}
-	*/
-	allowResizing?: 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;
-
-	/**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<ContextualTabs>;
-
-	/**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<Tabs>;
-
-	/**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 groupexpander 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 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 cancelled, 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 cancelled, 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 cancelled, else false.
-	*/
-	cancel?: boolean;
-
-	/**returns the ribbon model.
-	*/
-	model?: any;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-
-	/**returns the clicked groupexpander.
-	*/
-	target?: number;
-}
-
-export interface GalleryItemClickEventArgs {
-
-	/**Set to true when the event has to be cancelled, 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 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 ApplicationTabBackstageSettingsPages {
-
-	/**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<ApplicationTabBackstageSettingsPages>;
-
-	/**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 ContextualTabs {
-
-	/**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 TabsGroupsContentGroupsCustomGalleryItems {
-
-	/**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 TabsGroupsContentGroupsGalleryItems {
-
-	/**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 TabsGroupsContentGroups {
-
-	/**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<TabsGroupsContentGroupsCustomGalleryItems>;
-
-	/**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<TabsGroupsContentGroupsGalleryItems>;
-
-	/**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?: any;
-
-	/**Specifies the controls such as Syncfusion button, split button, dropdown list, toggle button, gallery, custom controls in the subgroup of the ribbon tab .
-	* @Default {array}
-	*/
-	groups?: Array<TabsGroupsContentGroups>;
-}
-
-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 TabsGroups {
-
-	/**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 Tabs {
-
-	/**Specifies single group or multiple groups and its contents to each tab in the ribbon control.
-	* @Default {array}
-	*/
-	groups?: Array<TabsGroups>;
-
-	/**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);
-	model:Kanban.Model;
-	defaults:Kanban.Model;
-
-	/** Add a new card in kanban control.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;
-
-	/** Method used for send a clear search request to kanban.
-	* @returns {void}
-	*/
-	clearSearch(): void;
-
-	/** It is used to clear all the card selection.
-	* @returns {void}
-	*/
-	clearSelection(): void;
-
-	/** Collapse all the swimlane rows in kanban.
-	* @returns {void}
-	*/
-	collapseAll(): void;
-
-	/** Add or remove columns in kanban columns collections
-	* @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 keyvalue 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;
-
-	/** Send a cancel request of add/edit card in kanban
-	* @returns {void}
-	*/
-	cancelEdit(): 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;
-
-	/** Delete a card in kanban control.
-	* @param {string|number} Pass the key of card to be delete
-	* @returns {void}
-	*/
-	deleteCard(Key: string|number): 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;
-
-	/** Send a save request in kanban when any card is in edit/new add card state.
-	* @returns {void}
-	*/
-	endEdit(): 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 key of card to be toggle 
-	* @returns {void}
-	*/
-	toggleCard(    key    : string|number): 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}
-	*/
-	toggleSwimlane(    $div     : any): void;
-
-	/** Expand all the swimlane rows in kanban.
-	* @returns {void}
-	*/
-	expandAll(): void;
-
-	/** used for get the names of all the visible column name collections in kanban.
-	* @returns {void}
-	*/
-	getVisibleColumnNames(): void;
-
-	/** Get the scroller object of kanban.
-	* @returns {void}
-	*/
-	getScrollObject(): void;
-
-	/** 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;
-
-	/** 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;
-
-	/** 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;
-
-	/** 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;
-
-	/** 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;
-
-	/** Send an edit card request in kanban.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;
-
-	/** 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;
-}
-export module Kanban{
-
-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 swimlane.
-	* @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;
-
-	/**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 {true}
-	*/
-	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 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<Columns>;
-
-	/**Gets or sets an object that indicates whether to Customize the card based on the Mapping Fields.
-	* @Default {Object}
-	*/
-	cardSettings?: CardSettings;
-
-	/**Gets or sets a value that indicates to render the kanban with custom theme.
-	* @Default {null}
-	*/
-	cssClass?: string;
-
-	/**Gets or sets the data to render the kanban with card.
-	* @Default {Object}
-	*/
-	dataSource?: any;
-
-	/**Align content in the kanban control from right to left by setting the property as true.
-	* @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/**To show Total count of cards in each column
-	* @Default {true}
-	*/
-	enableTotalCount?: boolean;
-
-	/**Gets or sets a value that indicates whether to enablehover support for performing card hover actions.
-	* @Default {true}
-	*/
-	enableHover?: 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;
-
-	/**Gets or sets a value that indicates whether the kanban design has be to made responsive.
-	* @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 and enableResponsiveRow property is set as false.
-	* @Default {null}
-	*/
-	minWidth?: number;
-
-	/**To customize the filtering behavior based on queries given.
-	* @Default {array}
-	*/
-	filterSettings?: Array<FilterSettings>;
-
-	/**The primarykey field is get as property of kanban. And this will used for Drag and drop and editing mainly
-	* @Default {null}
-	*/
-	primaryKeyField?: string;
-
-	/**ej Query to query database of kanban.
-	* @Default {Object}
-	*/
-	query?: any;
-
-	/**To change the key in keyboard interaction to kanban control.
-	* @Default {Object}
-	*/
-	keySettings?: KeySettings;
-
-	/**Gets or sets an object that indicates whether to customize the scrolling behavior of the kanban.
-	* @Default {Object}
-	*/
-	scrollSettings?: any;
-
-	/**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<StackedHeaderRows>;
-
-	/**The tooltip allows to display card details in a tooltip while hovering on it.
-	*/
-	tooltipSettings?: TooltipSettings;
-
-	/**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;
-
-	/**tiggered 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 task is going to be added*/
-	beginAdd? (e: BeginAddEventArgs): void;
-
-	/**triggered before the card is going to be selecting.*/
-	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 Drop.*/
-	cardDrop? (e: CardDropEventArgs): void;
-
-	/**Triggered after the card is select.*/
-	cardSelect? (e: CardSelectEventArgs): void;
-
-	/**Triggered when card is double clicked.*/
-	cardDoubleClick? (e: CardDoubleClickEventArgs): 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 beginedit 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 carddragstart 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 dragg 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 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 name of the event.
-	*/
-	type?: string;
-}
-
-export interface SwimlaneSettings {
-
-	/**To enable or disable items count in swimlane
-	* @Default {true}
-	*/
-	showCount?: boolean;
-}
-
-export interface ContextMenuSettingsCustomMenuItems {
-
-	/**Sets context menu to target element.
-	* @Default {ej.Kanban.Target.All}
-	*/
-	target?: ej.Kanban.Target|string;
-
-	/**Gets the name to custom menu.
-	* @Default {null}
-	*/
-	text?: string;
-
-	/**Gets the template to render custom menu.
-	* @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 diable from default context menu
-	* @Default {array}
-	*/
-	disableDefaultItems?: Array<any>;
-
-	/**Gets or sets a value that indicates whether to add custom contextMenu items
-	* @Default {array}
-	*/
-	customMenuItems?: Array<ContextMenuSettingsCustomMenuItems>;
-}
-
-export interface ColumnsConstraints {
-
-	/**It is used to specify the type whether the constraints based on 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 Columns {
-
-	/**Gets or sets an object that indicates to render the kanban with specified columns headertext.
-	* @Default {null}
-	*/
-	headerText?: string;
-
-	/**Gets or sets an object that indicates to render the kanban with specified columns key.
-	* @Default {null}
-	*/
-	key?: string|number;
-
-	/**To set column collape or expand state
-	* @Default {false}
-	*/
-	isCollapsed?: boolean;
-
-	/**To customize the column constraints whether the constraints contains minimum limit or maximum limit or both.
-	* @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 render the kanban with specified columns visible.
-	* @Default {true}
-	*/
-	visible?: boolean;
-}
-
-export interface CardSettings {
-
-	/**Gets or sets a value that indicates to add the template of card .
-	* @Default {null}
-	*/
-	template?: string;
-
-	/**To customize the card bordercolor based on assinged task. Colors and corresponding values defined  here will be mapped with colorField mapped data source column.
-	* @Default {Object}
-	*/
-	colorMapping?: any;
-}
-
-export interface EditSettingsEditItems {
-
-	/**It is used to map editing field in the card.
-	* @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 in the 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<EditSettingsEditItems>;
-}
-
-export interface Fields {
-
-	/**The primarykey field is get as property of kanban. 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.
-	* @Default {null}
-	*/
-	swimlaneKey?: string;
-
-	/**Priority field has been mapped data source field to maintain card priority
-	* @Default {null}
-	*/
-	priority?: string;
-
-	/**ContentField has been Mapped into card text.
-	* @Default {null}
-	*/
-	content?: string;
-
-	/**TagField has been Mapped into card tag.
-	* @Default {null}
-	*/
-	tag?: string;
-
-	/**TitleField has been Mapped to field in datasource for title content. If titlefield 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 colorfield.
-	* @Default {null}
-	*/
-	color?: string;
-
-	/**ImageUrlField has been Mapped into card image.
-	* @Default {null}
-	*/
-	imageUrl?: string;
-}
-
-export interface FilterSettings {
-
-	/**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 KeySettings {
-
-	/**To specify the focus in kanban control.
-	* @Default {Object}
-	*/
-	focus?: any;
-
-	/**To specify the key value to insert the card.
-	* @Default {null}
-	*/
-	insertCard?: string;
-
-	/**To specify the key value to delete the card.
-	* @Default {null}
-	*/
-	deleteCard?: string;
-
-	/**TTo specify the key value to edit the card.
-	* @Default {null}
-	*/
-	editCard?: string;
-
-	/**TTo specify the key value to save request.
-	* @Default {null}
-	*/
-	saveRequest?: string;
-
-	/**To specify the key value to cancel request.
-	* @Default {null}
-	*/
-	cancelRequest?: string;
-
-	/**To specify the key value to first card selection.
-	* @Default {null}
-	*/
-	firstCardSelection?: string;
-
-	/**To specify the key value to last card selection.
-	* @Default {null}
-	*/
-	lastCardSelection?: string;
-
-	/**To specify the key value to upArrow.
-	* @Default {null}
-	*/
-	upArrow?: string;
-
-	/**To specify the key value to downArrow.
-	* @Default {null}
-	*/
-	downArrow?: string;
-
-	/**To specify the key value to rightArrow.
-	* @Default {null}
-	*/
-	rightArrow?: string;
-
-	/**To specify the key value to leftArrow.
-	* @Default {null}
-	*/
-	leftArrow?: string;
-
-	/**To specify the key value to swimlane expand all.
-	* @Default {null}
-	*/
-	swimlaneExpandAll?: string;
-
-	/**To specify the key value to swimlane collapse all.
-	* @Default {null}
-	*/
-	swimlaneCollapseAll?: string;
-
-	/**To specify the key value to selected group expand.
-	* @Default {null}
-	*/
-	selectedGroupExpand?: string;
-
-	/**To specify the key value to selected group collapse.
-	* @Default {null}
-	*/
-	selectedGroupCollapse?: string;
-
-	/**To specify the key value to selected column collapse.
-	* @Default {null}
-	*/
-	selectedColumnCollapse?: string;
-
-	/**To specify the key value to selected column expand.
-	* @Default {null}
-	*/
-	selectedColumnExpand?: string;
-
-	/**To specify the key value to multi selection by up arrow.
-	* @Default {null}
-	*/
-	multiSelectionByUpArrow?: string;
-
-	/**To specify the key value to multi selection by left arrow.
-	* @Default {null}
-	*/
-	multiSelectionByLeftArrow?: string;
-
-	/**To specify the key value to multi selection by right arrow.
-	* @Default {null}
-	*/
-	multiSelectionByRightArrow?: string;
-}
-
-export interface SearchSettings {
-
-	/**To customize the fields the searching operation can be perform.
-	* @Default {Array}
-	*/
-	fields?: Array<any>;
-
-	/**To customize the searching string.
-	* @Default {null}
-	*/
-	key?: string;
-
-	/**To customize the operator based on searching.
-	* @Default {null}
-	*/
-	operator?: string;
-
-	/**To customize the ignorecase based on searching.
-	* @Default {true}
-	*/
-	ignoreCase?: boolean;
-}
-
-export interface StackedHeaderRowsStackedHeaderColumns {
-
-	/**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 StackedHeaderRows {
-
-	/**Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows.
-	* @Default {Array}
-	*/
-	stackedHeaderColumns?: Array<StackedHeaderRowsStackedHeaderColumns>;
-}
-
-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;
-}
-
-enum Target{
-
-	///Sets context menu to kanban header
-	Header,
-
-	///Sets context menu to kanban content
-	Content,
-
-	///Sets context menu to kanban
-	All
-}
-
-
-enum EditMode{
-
-	///Creates kanban with editMode as Dialog
-	Dialog,
-
-	///Creates kanban with editMode as DialogTemplate
-	DialogTemplate
-}
-
-
-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 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);
-	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;
-}
-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;
-
-	/**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);
-	model:RTE.Model;
-	defaults:RTE.Model;
-
-	/** Returns the range object.
-	* @returns {void}
-	*/
-	createRange(): void;
-
-	/** 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 {void}
-	*/
-	getCommandStatus(): void;
-
-	/** Gets the HTML string from the RTE control.
-	* @returns {void}
-	*/
-	getDocument(): void;
-
-	/** Gets the HTML string from the RTE control.
-	* @returns {void}
-	*/
-	getHtml(): void;
-
-	/** Gets the selected html string from the RTE control.
-	* @returns {void}
-	*/
-	getSelectedHtml(): void;
-
-	/** Gets the content as string from the RTE control.
-	* @returns {void}
-	*/
-	getText(): void;
-
-	/** Hides the RTE control.
-	* @returns {void}
-	*/
-	hide(): void;
-
-	/** Inserts new item to the target contextmenu node.
-	* @returns {void}
-	*/
-	insertMenuOption(): 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}
-	*/
-	refresh(): 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;
-
-	/**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;
-
-	/**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;
-
-	/**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;
-
-	/**Shows custom contextmenu with the RTE.
-	* @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;
-
-	/**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>;
-
-	/**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;
-}
-
-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 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 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 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>;
-}
-}
-
-class Slider extends ej.Widget {
-	static fn: Slider;
-	constructor(element: JQuery, options?: Slider.Model);
-	constructor(element: Element, options?: Slider.Model);
-	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
-	* @returns {void}
-	*/
-	setValue(): void;
-}
-export module Slider{
-
-export interface Model {
-
-	/**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;
-}
-
-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;
-}
-}
-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);
-	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?: string;
-
-	/**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;
-
-	/**returns the event
-	*/
-	event?: any;
-}
-
-export interface ItemMouseOutEvent {
-
-	/**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;
-
-	/**returns the event
-	*/
-	event?: any;
-}
-
-export interface ItemMouseOverEvent {
-
-	/**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);
-	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 spliter control. See orientation
-	* @Default {ej.orientation.Horizontal or “horizontal”}
-	*/
-	orientation?: ej.Orientation|string;
-
-	/**Specify properties for each pane like paneSize, minSize, maxSize, collapsible, 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 cancelled; 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 cancelled; 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 cancelled; 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 cancelled; 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 cancelled; 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);
-	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 availanle 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);
-	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;
-
-	/**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 number to categorize the font size.
-	*/
-	frequency?: number;
-
-	/**Defines the html attributes for the anchor elements inside the each tag items.
-	*/
-	htmlAttributes?: any;
-
-	/**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);
-	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 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, options?: ToggleButton.Model);
-	constructor(element: Element, options?: ToggleButton.Model);
-	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);
-	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;
-
-	/**Specifies the Toolbar control state.
-	* @Default {true}
-	*/
-	enabled?: boolean;
-
-	/**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 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 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;
-
-	/**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 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;
-}
-
-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 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 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;
-}
-}
-
-class TreeView extends ej.Widget {
-	static fn: TreeView;
-	constructor(element: JQuery, options?: TreeView.Model);
-	constructor(element: Element, options?: 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;
-
-	/** 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} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	checkNode( element : string|any): void;
-
-	/** To collapse all the TreeView nodes.
-	* @returns {void}
-	*/
-	collapseAll(): void;
-
-	/** To collapse a particular node in TreeView.
-	* @param {string|any} ID of TreeView node|object of TreeView node
-	* @returns {void}
-	*/
-	collapseNode( element : string|any): void;
-
-	/** To disable the node in the TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	disableNode( element : string|any): void;
-
-	/** To enable the node in the TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	enableNode( element : string|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;
-
-	/** To expand all the TreeView nodes.
-	* @returns {void}
-	*/
-	expandAll(): void;
-
-	/** To expandNode particular node in TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	expandNode( element : string|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>;
-
-	/** 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, childs 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 index position of currently selected node in TreeView.
-	* @returns {number}
-	*/
-	getSelectedNodeIndex(): number;
-
-	/** 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.
-	* @returns {Array<any>}
-	*/
-	getTreeData(): 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} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	hideNode( element : string|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 poistion of given TreeView node will be based on destionation 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} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	removeNode( element : string|any): void;
-
-	/** To select a node in TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	selectNode( element : string|any): void;
-
-	/** To show nodes in TreeView.
-	* @returns {void}
-	*/
-	show(): void;
-
-	/** To show a node in TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	showNode( element : string|any): void;
-
-	/** To uncheck all the nodes in TreeView.
-	* @returns {void}
-	*/
-	unCheckAll(): void;
-
-	/** To uncheck a node in TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	uncheckNode( element : string|any): void;
-
-	/** To unselect the node in the TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	unselectNode( element : string|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;
-
-	/**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;
-
-	/**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 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;
-}
-
-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 keypressed keycode 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;
-}
-
-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 keypressed keycode 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 keypressed keycode value
-	*/
-	  keyCode ?: number;
-
-	/**it returns when the current node is in expanded state; otherwise, false.
-	*/
-	  isExpanded ?: boolean;
-}
-
-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 current element
-	*/
-	  id ?: string;
-
-	/**returns the parentId of current element
-	*/
-	  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 keypressed keycode 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;
-}
-
-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 keypressed keycode 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 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 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?: boolean;
-
-	/**Its allow us to indicate whether the node has child or not in load on demand
-	*/
-	hasChild?: boolean;
-
-	/**Specifies the html attributes to “li” 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 “li” item list.
-	*/
-	imageUrl?: string;
-
-	/**If its true Checkbox node will be checked when rendered with checkbox.
-	*/
-	isChecked?: boolean;
-
-	/**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?: boolean;
-
-	/**Specifies the sprite CSS class to “li” 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);
-	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;
-}
-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 draganddrop support is enabled in the Uploadbox control.
-	* @Default {Drop files or click to upload}
-	*/
-	dropAreaText?: string;
-
-	/**Specifies the dropAreaHeight when the draganddrop support is enabled in the Uploadbox control.
-	* @Default {100%}
-	*/
-	dropAreaHeight?: number|string;
-
-	/**Specifies the dropAreaWidth when the draganddrop 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;
-
-	/**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;
-
-	/**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 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 completed.*/
-	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 uploaded file is removed successfully.*/
-	remove? (e: RemoveEventArgs): void;
-}
-
-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 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);
-	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;
-
-	/**Enables or disables the default loading icon.
-	* @Default {true}
-	*/
-	showImage?: boolean;
-
-	/**Enables the visibility of the WaitingPopup control
-	* @Default {false}
-	*/
-	showOnInit?: boolean;
-
-	/**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);
-	model:Grid.Model;
-	defaults:Grid.Model;
-
-	/** Adds a grid model property which is to be ignored upon exporting.
-	* @returns {void}
-	*/
-	addIgnoreOnExport(): void;
-
-	/** Add a new record in grid control when allowAdding is set as true.
-	* @returns {void}
-	*/
-	addRecord(): 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 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
-	* @returns {void}
-	*/
-	dataSource(datasource: Array<any>): 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: Array<any>): void;
-
-	/** 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;
-
-	/** 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 {HTMLElement}
-	*/
-	expandCollapse($target: JQuery): HTMLElement;
-
-	/** Expand the group drop area in grid.
-	* @returns {void}
-	*/
-	expandGroupDropArea(): void;
-
-	/** Export the grid content to excel, word or pdf document.
-	* @param {string} Pass the controller action name corresponding to exporting
-	* @param {string} optionalASP server event name corresponding to exporting
-	* @param {boolean} optionalPass the multiple exporting value as true/false
-	* @param {Array<any>} optionalPass the array of the gridIds to be filtered
-	* @returns {void}
-	*/
-	export(action: string, serverEvent: string, multipleExport: boolean, gridIds: Array<any>): void;
-
-	/** Send a filtering request to filter one column in grid.
-	* @param {string} Pass the field name of the column
-	* @param {string} string/integer/dateTime operator
-	* @param {string|number} 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
-	* @returns {void}
-	*/
-	filterColumn(fieldName: string, filterOperator: string, filterValue: string|number, predicate: string, matchcase: boolean): 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 content div element of grid.
-	* @returns {HTMLElement}
-	*/
-	getContent(): HTMLElement;
-
-	/** Get the content table element of grid
-	* @returns {HTMLElement}
-	*/
-	getContentTable(): HTMLElement;
-
-	/** 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 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 {any}
-	*/
-	getScrollObject(): any;
-
-	/** Get the selected records details in grid.
-	* @returns {void}
-	*/
-	getSelectedRecords(): void;
-
-	/** 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;
-
-	/** 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;
-
-	/** 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 {boolean}
-	*/
-	saveCell(): boolean;
-
-	/** Set dimension for grid with corresponding to grid parent.
-	* @returns {void}
-	*/
-	setDimension(): 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 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 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.Note: It will work only for Local Data.
-	* @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;
-
-	/** Set validation to a field during editing.
-	* @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 {HTMLElement}
-	*/
-	startEdit($tr: JQuery): HTMLElement;
-
-	/** 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 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<Columns>;
-
-	/**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. allowScrolling – 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
-	*/
-	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;
-
-	/**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 an object that indicates whether to auto wrap the grid header or content or both
-	*/
-	textWrapSettings?: TextWrapSettings;
-
-	/**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 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 scrolling behavior of the grid.
-	*/
-	scrollSettings?: ScrollSettings;
-
-	/**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;
-
-	/**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;
-
-	/**This specifies to add new editable row dynamically at the either top or bottom of the grid.
-	* @Default {false}
-	*/
-	showAddNewRow?: boolean;
-
-	/**Default Value:
-	* @Default {false}
-	*/
-	showColumnChooser?: boolean;
-
-	/**Default Value:
-	* @Default {true}
-	*/
-	showInColumnChooser?: 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<StackedHeaderRows>;
-
-	/**Gets or sets an object that indicates to managing the collection of summary rows for the grid.
-	* @Default {[]}
-	*/
-	summaryRows?: Array<SummaryRows>;
-
-	/**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 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 when the column is being dragged.*/
-	columnDrag? (e: ColumnDragEventArgs): void;
-
-	/**Triggered when column dragging begins.*/
-	columnDragStart? (e: ColumnDragStartEventArgs): void;
-
-	/**Triggered when the column is dropped.*/
-	columnDrop? (e: ColumnDropEventArgs): void;
-
-	/**Triggered after the column is selected.*/
-	columnSelected? (e: ColumnSelectedEventArgs): void;
-
-	/**Triggered before the column is going to be selected.*/
-	columnSelecting? (e: ColumnSelectingEventArgs): void;
-
-	/**Triggered 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 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 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 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 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 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 ColumnDragEventArgs {
-
-	/**Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/**Returns draggable element type.
-	*/
-	draggableType?: any;
-
-	/**Returns the draggable column object.
-	*/
-	column?: any;
-
-	/**Returns the grid model.
-	*/
-	model?: any;
-
-	/**Returns target elements based on mouse move position.
-	*/
-	target?: any;
-
-	/**Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ColumnDragStartEventArgs {
-
-	/**Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/**Returns draggable element type.
-	*/
-	draggableType?: any;
-
-	/**Returns the draggable column object.
-	*/
-	column?: any;
-
-	/**Returns the grid model.
-	*/
-	model?: any;
-
-	/**Returns drag start element.
-	*/
-	target?: any;
-
-	/**Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ColumnDropEventArgs {
-
-	/**Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/**Returns draggable element type.
-	*/
-	draggableType?: string;
-
-	/**Returns the draggable column object.
-	*/
-	column?: any;
-
-	/**Returns the grid model.
-	*/
-	model?: any;
-
-	/**Returns dropped dragged element.
-	*/
-	target?: any;
-
-	/**Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ColumnSelectedEventArgs {
-
-	/**Returns the selected cell index value.
-	*/
-	columnIndex?: number;
-
-	/**Returns the previous selected column index value.
-	*/
-	previousColumnIndex?: number;
-
-	/**Returns the selected header cell element.
-	*/
-	headerCell?: any;
-
-	/**Returns the previous selected header cell element.
-	*/
-	prevColumnHeaderCell?: any;
-
-	/**Returns corresponding column object (JSON).
-	*/
-	column?: any;
-
-	/**Returns the selected columns values.
-	*/
-	selectedColumnsIndex?: Array<any>;
-
-	/**Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/**Returns the grid model.
-	*/
-	model?: any;
-
-	/**Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ColumnSelectingEventArgs {
-
-	/**Returns the selected column index value.
-	*/
-	columnIndex?: number;
-
-	/**Returns the previous selected column index value.
-	*/
-	previousColumnIndex?: number;
-
-	/**Returns the selected header cell element.
-	*/
-	headerCell?: any;
-
-	/**Returns the previous selected header cell element.
-	*/
-	prevColumnHeaderCell?: any;
-
-	/**Returns corresponding column object (JSON).
-	*/
-	column?: any;
-
-	/**Returns whether the ctrl key is pressed while selecting cell
-	*/
-	isCtrlKeyPressed?: boolean;
-
-	/**Returns whether the shift key is pressed while selecting cell
-	*/
-	isShiftKeyPressed?: boolean;
-
-	/**Returns the grid model.
-	*/
-	model?: any;
-
-	/**Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface 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 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;
-}
-
-export interface ColumnsCommands {
-
-	/**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 Columns {
-
-	/**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;
-
-	/**Used to hide the particular column in column chooser by giving value as false.
-	* @Default {true}
-	*/
-	showInColumnChooser?: boolean;
-
-	/**Gets or sets an object that indicates to define a command column in the grid.
-	* @Default {[]}
-	*/
-	commands?: Array<ColumnsCommands>;
-
-	/**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 columnEditType as &quot;dropdownedit&quot; 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 display the columns in the grid mapping with column name of the dataSource.
-	*/
-	field?: 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 {ej.TextAlign.Left}
-	*/
-	headerTextAlign?: ej.TextAlign|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 whether to bind the column which are not in the datasource
-	* @Default {false}
-	*/
-	isUnbound?: 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 add the template as a particular column data .
-	* @Default {null}
-	*/
-	templateID?: 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;
-
-	/**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 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
-	* @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 FilterSettingsFilteredColumns {
-
-	/**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 filter condition to filtered column.
-	*/
-	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;
-
-	/**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<FilterSettingsFilteredColumns>;
-
-	/**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;
-
-	/**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 the animation effects to the group drop area
-	* @Default {true}
-	*/
-	enableDropAreaAnimation?: boolean;
-
-	/**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 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 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 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;
-
-	/**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?: 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 specify the grid to show the horizontal scroll bar, to scroll and view the grid contents
-	* @Default {250}
-	*/
-	width?: 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 SearchSettings {
-
-	/**This specify the grid to search for the value in particular columns that is mentioned in the field.
-	* @Default {[]}
-	*/
-	field?: 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 whether to enable the toggle selction 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 seleciton mode.See selectionMode
-	* @Default {[row]}
-	*/
-	selectionMode?: ej.Grid.SelectionMode|string;
-}
-
-export interface SortSettingsSortedColumns {
-
-	/**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<SortSettingsSortedColumns>;
-}
-
-export interface StackedHeaderRowsStackedHeaderColumns {
-
-	/**Gets or sets a value that indicates the header text for the particular stacked header column.
-	* @Default {null}
-	*/
-	column?: string;
-
-	/**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;
-}
-
-export interface StackedHeaderRows {
-
-	/**Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows
-	* @Default {[]}
-	*/
-	stackedHeaderColumns?: Array<StackedHeaderRowsStackedHeaderColumns>;
-}
-
-export interface SummaryRowsSummaryColumns {
-
-	/**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 SummaryRows {
-
-	/**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<SummaryRowsSummaryColumns>;
-
-	/**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 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
-	* @Default {[]}
-	*/
-	toolbarItems?: 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 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 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 EditMode{
-
-	///Edit mode is normal.
-	Normal,
-
-	///Truncate the text in the cell
-	Clip,
-
-	///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 FilterType{
-
-	///Specifies the filter type as menu.
-	Menu,
-
-	///Specifies the filter type as excel.
-	Excel,
-
-	///Specifies the filter type as filterbar.
-	FilterBar
-}
-
-
-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 PrintMode{
-
-	///Prints all pages.
-	AllPages,
-
-	///Prints curren tpage.
-	CurrentPage
-}
-
-
-enum VirtualScrollMode{
-
-	///virtual scroll mode is normal.
-	Normal,
-
-	///virtual scroll mode is continuous.
-	Continuous
-}
-
-
-enum SelectionMode{
-
-	///Selection is row basis.
-	Row,
-
-	///Selection is cell basis.
-	Cell,
-
-	///Selection is column basis.
-	Column
-}
-
-
-enum SelectionType{
-
-	///Specifies the selection type as single.
-	Single,
-
-	///Specifies the selection type as multiple.
-	Multiple
-}
-
-
-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 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 PivotGrid extends ej.Widget {
-	static fn: PivotGrid;
-	constructor(element: JQuery, options?: PivotGrid.Model);
-	constructor(element: Element, options?: PivotGrid.Model);
-	model:PivotGrid.Model;
-	defaults:PivotGrid.Model;
-
-	/** Perform an asynchronous HTTP (AJAX) request.
-	* @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** Perform an asynchronous HTTP (FullPost) submit.
-	* @returns {void}
-	*/
-	doPostBack(): void;
-
-	/** Exports the PivotGrid to an appropriate format based on the parameter passed.
-	* @returns {void}
-	*/
-	exportPivotGrid(): void;
-
-	/** This function re-renders the PivotGrid on clicking the navigation buttons on PivotPager.
-	* @returns {void}
-	*/
-	refreshPagedPivotGrid(): 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.PivotGrid.AnalysisMode.Olap}
-	*/
-	analysisMode?: any;
-
-	/**Specifies the CSS class to PivotGrid to achieve custom theme.
-	* @Default {“”}
-	*/
-	cssClass?: string;
-
-	/**Contains the serialized OlapReport at that instant.
-	* @Default {“”}
-	*/
-	currentReport?: string;
-
-	/**Initializes the data source for the PivotGrid widget, when it functions completely on client-side.
-	* @Default {{}}
-	*/
-	dataSource?: DataSource;
-
-	/**Used to bind the drilled members by default through report.
-	* @Default {[]}
-	*/
-	drilledItems?: Array<any>;
-
-	/**Object utilized to pass additional information between client-end and service-end.
-	* @Default {null}
-	*/
-	customObject?: any;
-
-	/**Allows the user to access each cell on right-click.
-	* @Default {false}
-	*/
-	enableCellContext?: boolean;
-
-	/**Enables the cell selection for a specified range of value cells.
-	* @Default {false}
-	*/
-	enableCellSelection?: boolean;
-
-	/**Collapses the Pivot Items along rows and columns by default.  It works only for relational data source.
-	* @Default {false}
-	*/
-	enableCollapseByDefault?: boolean;
-
-	/**Enables 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;
-
-	/**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 relational datasource.
-	* @Default {false}
-	*/
-	enableGroupingBar?: boolean;
-
-	/**Enables 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 operation.
-	* @Default {true}
-	*/
-	enablePivotFieldList?: boolean;
-
-	/**Enables the display of grand total for all the rows.
-	* @Default {true}
-	*/
-	enableRowGrandTotal?: boolean;
-
-	/**Allows the user to view PivotGrid from right to left.
-	* @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/**Allows the user to enable ToolTip option.
-	* @Default {false}
-	*/
-	enableToolTip?: boolean;
-
-	/**Allows the user to view large amount of data through virtual scrolling.
-	* @Default {false}
-	*/
-	enableVirtualScrolling?: boolean;
-
-	/**Allows the user to configure hyperlink settings of PivotGrid control.
-	* @Default {{}}
-	*/
-	hyperlinkSettings?: HyperlinkSettings;
-
-	/**This is used for identifying whether the member is Named Set or not.
-	* @Default {false}
-	*/
-	isNamedSets?: boolean;
-
-	/**Allows the user to enable PivotGrid’s responsiveness in the browser layout.
-	* @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/**Contains the serialized JSON string which renders PivotGrid.
-	* @Default {“”}
-	*/
-	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.PivotGrid.OperationalMode.ClientMode}
-	*/
-	operationalMode?: any;
-
-	/**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 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 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;
-}
-
-export interface AfterServiceInvokeEventArgs {
-
-	/**return the current action of PivotGrid control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with PivotGrid control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of PivotGrid control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface BeforeServiceInvokeEventArgs {
-
-	/**return the current action of PivotGrid control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with PivotGrid control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of PivotGrid control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface CellContextEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the cell position (row index and column index) in table.
-	*/
-	cellPosition?: string;
-
-	/**returns the type of the cell.
-	*/
-	cellType?: string;
-
-	/**returns the serialized data of the header cells.
-	*/
-	rowData?: string;
-
-	/**returns the unique name of levels/members.
-	*/
-	uniqueName?: string;
-}
-
-export interface CellSelectionEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**Returns the selected cell values.
-	*/
-	cellvalue?: any;
-
-	/**Returns the selected value cells row headers.
-	*/
-	rowheaders?: any;
-
-	/**Returns the selected value cells column headers.
-	*/
-	colheaders?: any;
-
-	/**Returns the selected value cells measure.
-	*/
-	measure?: any;
-
-	/**Return the row and column measure count.
-	*/
-	measureValue?: any;
-}
-
-export interface ColumnHeaderHyperlinkClickEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the cell position (row index and column index) in table.
-	*/
-	cellPosition?: string;
-
-	/**returns the type of the cell.
-	*/
-	cellType?: string;
-
-	/**returns the serialized data of the header cells.
-	*/
-	rowData?: string;
-
-	/**returns the unique name of levels/members.
-	*/
-	uniqueName?: string;
-}
-
-export interface DrillSuccessEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface LoadEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the current action of PivotGrid control.
-	*/
-	action?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the HTML of PivotGrid control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model.
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderCompleteEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the current action of PivotGrid control.
-	*/
-	action?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the HTML of PivotGrid control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model.
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderFailureEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the current action of PivotGrid control.
-	*/
-	action?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the HTML of PivotGrid control.
-	*/
-	element?: string;
-
-	/**returns the error message with error code.
-	*/
-	message?: any;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model.
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderSuccessEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the current action of PivotGrid control.
-	*/
-	action?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the HTML of PivotGrid control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model.
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RowHeaderHyperlinkClickEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the cell position (row index and column index) in table.
-	*/
-	cellPosition?: string;
-
-	/**returns the type of the cell.
-	*/
-	cellType?: string;
-
-	/**returns the serialized data of the header cells.
-	*/
-	rowData?: string;
-
-	/**returns the unique name of levels/members.
-	*/
-	uniqueName?: string;
-}
-
-export interface SummaryCellHyperlinkClickEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the cell position (row index and column index) in table.
-	*/
-	cellPosition?: string;
-
-	/**returns the type of the cell.
-	*/
-	cellType?: string;
-
-	/**returns the serialized data of the header cells.
-	*/
-	rowData?: string;
-
-	/**returns the unique name of levels/members.
-	*/
-	uniqueName?: string;
-}
-
-export interface ValueCellHyperlinkClickEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the cell position (row index and column index) in table.
-	*/
-	cellPosition?: string;
-
-	/**returns the type of the cell.
-	*/
-	cellType?: string;
-
-	/**returns the serialized data of the header cells.
-	*/
-	rowData?: string;
-
-	/**returns the unique name of levels/members.
-	*/
-	uniqueName?: string;
-}
-
-export interface DataSourceValues {
-
-	/**This holds the measures unique names to bind the measures from Cube.
-	* @Default {[]}
-	*/
-	measures?: Array<any>;
-
-	/**To set the axis name in-order to place the measures.
-	* @Default {“”}
-	*/
-	axis?: string;
-}
-
-export interface DataSource {
-
-	/**Contains the database name as string type to fetch the data from the given connection string.
-	* @Default {“”}
-	*/
-	catalog?: string;
-
-	/**Lists out the items to be arranged in column section of PivotGrid.
-	* @Default {[]}
-	*/
-	columns?: Array<any>;
-
-	/**Contains the respective Cube name as string type.
-	* @Default {“”}
-	*/
-	cube?: string;
-
-	/**Provides the raw data source for the PivotGrid.
-	* @Default {null}
-	*/
-	data?: any;
-
-	/**Lists out the items to be arranged in row section of PivotGrid.
-	* @Default {[]}
-	*/
-	rows?: Array<any>;
-
-	/**Lists out the items which supports calculation in PivotGrid.
-	* @Default {[]}
-	*/
-	values?: Array<DataSourceValues>;
-
-	/**Lists out the items which supports filtering of values in PivotGrid.
-	* @Default {[]}
-	*/
-	filters?: Array<any>;
-}
-
-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 that's responsible for drill up/down operation in PivotGrid.
-	* @Default {DrillGrid}
-	*/
-	drillDown?: string;
-
-	/**Allows the user to set the custom name for the service method that’s responsible for exporting.
-	* @Default {Export}
-	*/
-	exportPivotGrid?: string;
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s responsible to 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 that's responsible for filtering operation in PivotGrid.
-	* @Default {Filtering}
-	*/
-	filtering?: string;
-
-	/**Allows the user to set the custom name for the service method that's responsible for initializing PivotGrid.
-	* @Default {InitializeGrid}
-	*/
-	initialize?: string;
-
-	/**Allows the user to set the custom name for the service method that's 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 that’s 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 that's responsible for performing paging operation in PivotGrid.
-	* @Default {Paging}
-	*/
-	paging?: string;
-
-	/**Allows the user to set the custom name for the service method that's responsible for sorting operation in PivotGrid.
-	* @Default {Sorting}
-	*/
-	sorting?: 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
-}
-
-}
-
-class PivotSchemaDesigner extends ej.Widget {
-	static fn: PivotSchemaDesigner;
-	constructor(element: JQuery, options?: PivotSchemaDesigner.Model);
-	constructor(element: Element, options?: PivotSchemaDesigner.Model);
-	model:PivotSchemaDesigner.Model;
-	defaults:PivotSchemaDesigner.Model;
-
-	/** Perform an asynchronous HTTP (AJAX) request.
-	* @returns {void}
-	*/
-	doAjaxPost(): 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, Pivots Schema Designer will be initialized and rendered empty initially. Once PivotGrid widget is rendered completely, Pivots Schema Designer will just be populated with data source by setting this property to “true”.
-	* @Default {false}
-	*/
-	enableWrapper?: boolean;
-
-	/**Allows the user to set the list of filters in filter section.
-	* @Default {newArray()}
-	*/
-	filters?: Array<any>;
-
-	/**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 list of PivotCalculations in values section.
-	* @Default {newArray()}
-	*/
-	pivotCalculations?: Array<any>;
-
-	/**Allows the user to set the list of PivotItems in column section.
-	* @Default {newArray()}
-	*/
-	pivotColumns?: Array<any>;
-
-	/**Sets the Pivot control bound with this PivotSchemaDesigner.
-	* @Default {null}
-	*/
-	pivotControl?: any;
-
-	/**Allows the user to set the list of PivotItems in row section.
-	* @Default {newArray()}
-	*/
-	pivotRows?: Array<any>;
-
-	/**Allows the user to arrange the fields inside Field List of PivotSchemaDesigner.
-	* @Default {newArray()}
-	*/
-	pivotTableFields?: Array<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;
-
-	/**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;
-}
-
-export interface AfterServiceInvokeEventArgs {
-
-	/**return the current action of PivotSchemaDesigner control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with PivotSchemaDesigner control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of PivotSchemaDesigner control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotSchemaDesigner model
-	*/
-	model?: ej.PivotSchemaDesigner.Model;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface BeforeServiceInvokeEventArgs {
-
-	/**return the current action of PivotSchemaDesigner control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with PivotSchemaDesigner control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of PivotSchemaDesigner control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotSchemaDesigner model
-	*/
-	model?: ej.PivotSchemaDesigner.Model;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ServiceMethod {
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s responsible for filtering operation in Field List.
-	* @Default {Filtering}
-	*/
-	filtering?: string;
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s 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 that’s 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 that’s responsible for remove operation in Field List.
-	* @Default {RemoveButton}
-	*/
-	removeButton?: string;
-}
-}
-
-class PivotPager extends ej.Widget {
-	static fn: PivotPager;
-	constructor(element: JQuery, options?: PivotPager.Model);
-	constructor(element: Element, options?: PivotPager.Model);
-	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 Schedule extends ej.Widget {
-	static fn: Schedule;
-	constructor(element: JQuery, options?: Schedule.Model);
-	constructor(element: Element, options?: 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;
-
-	/** 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 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 {void}
-	*/
-	filterAppointments(filterConditions: Array<any>): void;
-
-	/** Gets the appointment list of Schedule control.
-	* @returns {void}
-	*/
-	getAppointments(): void;
-
-	/** Prints the Scheduler.
-	* @returns {void}
-	*/
-	print(): void;
-
-	/** Refreshes the Scroller within Scheduler while using it with some other controls or application.
-	* @returns {void}
-	*/
-	refreshScroller(): void;
-
-	/** It is used to save the appointment. The appointment obj is based on the argument passed along with this method.
-	* @param {any} appointment object which includes appointment details
-	* @returns {void}
-	*/
-	saveAppointment(appointmentObject: any): void;
-
-	/** 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 {void}
-	*/
-	getSlotByElement(element: any): void;
-
-	/** Searches the appointments from the appointment list of Schedule control.
-	* @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 {string|string} Defines the filterOperator value for the search operation.
-	* @param {boolean} Defines the ignoreCase value for performing the search operation.
-	* @returns {void}
-	*/
-	searchAppointments(searchString: any|string, field: string, operator: string|string, ignoreCase: boolean): void;
-
-	/** To refresh the Schedule control.
-	* @returns {void}
-	*/
-	refresh(): void;
-
-	/** Refreshes only the appointments within the Schedule control.
-	* @returns {void}
-	*/
-	refreshAppointment(): 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;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	appointmentTemplateId?: string;
-
-	/**Default Value
-	*/
-	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 the Schedule.
-	*/
-	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 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<Resources>;
-
-	/**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 true, displays the quick window for every single click made on the Schedule cells or appointments.
-	* @Default {true}
-	*/
-	showQuickWindow?: boolean;
-
-	/**When set to true, displays the timescale on the left side of the Schedule.
-	* @Default {true}
-	*/
-	showTimeScale?: 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;
-
-	/**You can change or set the starting day of the week.
-	* @Default {null}
-	*/
-	firstDayOfWeek?: string;
-
-	/**You can set the workWeek days of the workWeek.
-	* @Default {[Monday, Tuesday, Wednesday, Thursday, Friday]}
-	*/
-	workWeek?: Array<any>;
-
-	/**The tooltip allows to display appointment details in a tooltip while hovering on it.
-	*/
-	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.
-	* @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.
-	* @Default {null}
-	*/
-	dateHeaderTemplateId?: string;
-
-	/**when set to false, allows the height of the work-cells to adjust automatically 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;
-
-	/**Triggers before the action begin of the Schedule.*/
-	actionBegin? (e: ActionBeginEventArgs): void;
-
-	/**Triggers after the completion of action in the Schedule.*/
-	actionComplete? (e: ActionCompleteEventArgs): void;
-
-	/**Triggers after the 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 after the appointment is hovered.*/
-	appointmentHover? (e: AppointmentHoverEventArgs): void;
-
-	/**Triggers before the 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 after the cell is hovered.*/
-	cellHover? (e: CellHoverEventArgs): 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 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.*/
-	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 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 appointment is saved.*/
-	appointmentCreated? (e: AppointmentCreatedEventArgs): void;
-
-	/**Triggers after the 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 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 appontment 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 starttime, endtime 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 starttime, endtime 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 {
-
-	/**Default Value
-	* @Default {Array}
-	*/
-	dataSource?: any|Array<any>;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	query?: string;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	tableName?: string;
-
-	/**Binds the id field name in dataSource to the id of Schedule appointments. It denotes the unique id assigned to appointments.
-	*/
-	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.
-	*/
-	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.
-	*/
-	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.
-	*/
-	subject?: string;
-
-	/**Binds the description field name in dataSource. It indicates the appointment description.
-	*/
-	description?: string;
-
-	/**Binds the name of recurrence field in dataSource. It indicates whether the appointment is a recurrence appointment or not.
-	*/
-	recurrence?: string;
-
-	/**Binds the name of recurrenceRule field in dataSource. It indicates the recurrence pattern associated with appointments.
-	*/
-	recurrenceRule?: string;
-
-	/**Binds the name of allDay field in dataSource. It indicates whether the appointment is an allday appointment or not.
-	* @Default {AllDay}
-	*/
-	allDay?: string;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	resourceFields?: string;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	categorize?: string;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	location?: string;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	priority?: string;
-
-	/**Default Value
-	* @Default {StartTimeZone}
-	*/
-	startTimeZone?: string;
-
-	/**Default Value
-	* @Default {EndTimeZone}
-	*/
-	endTimeZone?: string;
-}
-
-export interface CategorizeSettings {
-
-	/**Default Value
-	* @Default {false}
-	*/
-	allowMultiple?: boolean;
-
-	/**Default Value
-	* @Default {false}
-	*/
-	enable?: boolean;
-
-	/**Default Value
-	* @Default {Array}
-	*/
-	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 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.
-	* @Default {[]}
-	*/
-	menuItems?: any;
-}
-
-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 {null}
-	*/
-	start?: number;
-
-	/**Sets the end time to depict the end of working or business hour in a day.
-	* @Default {null}
-	*/
-	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 {Array}
-	*/
-	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 (ej.DataManager) instance that contains the resources related data.
-	*/
-	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.
-	*/
-	text?: string;
-
-	/**Binds id field name in the dataSource to resourceSettings id.
-	*/
-	id?: string;
-
-	/**Binds groupId field name in the dataSource to resourceSettings groupId.
-	*/
-	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.
-	*/
-	color?: string;
-
-	/**Binds the starting work hour field name in the dataSource. It's optional, but when provided with some numeric value will set the starting work hour for specific resources.
-	*/
-	start?: string;
-
-	/**Binds the end work hour field name in the dataSource. It's optional, but when provided with some numeric value will set the end work hour for specific resources.
-	*/
-	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 some values (array of day names), only those days will render for the specific resources.
-	*/
-	workWeek?: string;
-
-	/**Binds appointmentClass field name in the dataSource. It applies custom CSS class name to appointments depicting to the resource it belongs.
-	*/
-	appointmentClass?: string;
-}
-
-export interface Resources {
-
-	/**It holds the name of the resource field to be bound to the Schedule appointments that contains the resource Id.
-	* @Default {[]}
-	*/
-	field?: string;
-
-	/**It holds the title name of the resource field to be displayed on the Schedule appointment window.
-	* @Default {[]}
-	*/
-	title?: string;
-
-	/**A unique resource name that is used for differentiating various resource objects while grouping it in various levels.
-	* @Default {[]}
-	*/
-	name?: string;
-
-	/**When set to true, allows multiple selection of resource names, thus creating multiple instances of same appointment for the selected resources.
-	* @Default {[]}
-	*/
-	allowMultiple?: string;
-
-	/**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.
-	*/
-	text?: string;
-
-	/**Binds id field name in the dataSource to timeZoneCollection id.
-	*/
-	id?: string;
-
-	/**Binds value field name in the dataSource to timeZoneCollection 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 {
-
-	/**To enable or disable the tooltip display.
-	* @Default {false}
-	*/
-	enable?: boolean;
-
-	/**To customize the tooltip display based on your requirements.
-	* @Default {null}
-	*/
-	templateId?: string;
-}
-
-export interface TimeScale {
-
-	/**When set to true, displays the timescale on the Scheduler.
-	* @Default {null}
-	*/
-	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;
-
-	/**Accepts id value of the template defined for minor time slots
-	* @Default {null}
-	*/
-	minorSlotTemplateId?: string;
-
-	/**Accepts id value of the template defined for major time slots.
-	* @Default {null}
-	*/
-	majorSlotTemplateId?: string;
-}
-
-enum CurrentView{
-
-	///Set currentView as Day to Scheduler
-	Day,
-
-	///Set currentView as Week to Scheduler
-	Week,
-
-	///Set currentView as Workweek to Scheduler
-	Workweek,
-
-	///Set currentView as Month to Scheduler
-	Month,
-
-	///Set currentView as Agenda to Scheduler
-	Agenda,
-
-	///Set currentView as CustomView to Scheduler
-	CustomView
-}
-
-
-enum Orientation{
-
-	///Set orientation as vertical to Scheduler
-	Vertical,
-
-	///Set orientation as horizontal to Scheduler
-	Horizontal
-}
-
-
-enum TimeMode{
-
-	///Set timeMode as 12 hours to Scheduler
-	Hour12,
-
-	///Set timeMode as 24 hours to Scheduler
-	Hour24
-}
-
-}
-
-class RecurrenceEditor extends ej.Widget {
-    static fn: RecurrenceEditor;
-	static Locale:any;
-    constructor(element: JQuery, options?: RecurrenceEditorOptions);
-    constructor(element: Element, options?: RecurrenceEditorOptions);
-	model:RecurrenceEditorOptions;
-	defaults:RecurrenceEditorOptions;
-    recurrenceDateGenerator(recurrenceString: string,strDate:Object): string;
-    closeRecurPublic(): string;
-    getRecurrenceRule(): void;
-    recurrenceRuleSplit(recurrenceRule: string, recurrenceExDate?: string): Object;
-    
-}
-interface RecurrenceEditorOptions {
-    frequencies?: Array<string>;
-    firstDayOfWeek?: string;
-    name?: string;
-    enableSpinners?: boolean;
-    startDate?: Date;
-    locale?: string;
-    enableRTL?: boolean;
-    value?: string;
-    dateFormat?: string;
-    selectedRecurrenceType?: number;
-    enableRecurrenceValidation?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    cssClass?: string;
-    change?(e: RecurrenceEditorChangeEvent): void;
-    create?(e: RecurrenceEditorBaseEvent): void;
-}
-interface RecurrenceEditorBaseEvent extends ej.BaseEvent {
-    model: RecurrenceEditorOptions;
-}
-interface RecurrenceEditorChangeEvent extends RecurrenceEditorBaseEvent {
-    requestType?: string;
-}
-class Gantt extends ej.Widget {
-	static fn: Gantt;
-	constructor(element: JQuery, options?: Gantt.Model);
-	constructor(element: Element, options?: Gantt.Model);
-	model:Gantt.Model;
-	defaults:Gantt.Model;
-
-	/** To add 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;
-
-	/** 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} Exapnd 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 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 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;
-
-	/**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;
-
-	/**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;
-
-	/**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>;
-
-	/**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 or disables the collapse all records when loading the gantt.
-	* @Default {false}
-	*/
-	enableCollapseAll?: boolean;
-
-	/**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 chart.
-	* @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;
-
-	/**Specifies the background of parent progressbar in gantt
-	*/
-	parentProgressbarBackground?: string;
-
-	/**Specifies the background of parent taskbar in gantt
-	*/
-	parentTaskbarBackground?: string;
-
-	/**Specifies the mapping property path for parent task Id in self reference datasource
-	*/
-	parentTaskIdMapping?: string;
-
-	/**Specifies the mapping property path for predecessors of a task in datasource
-	*/
-	predecessorMapping?: string;
-
-	/**Specifies the background of progressbar in gantt
-	*/
-	progressbarBackground?: string;
-
-	/**Specified the height of the progressbar in taskbar
-	* @Default {100}
-	*/
-	progressbarHeight?: number;
-
-	/**Specifies the template for tooltip on resizing progressbar
-	* @Default {null}
-	*/
-	progressbarTooltipTemplate?: string;
-
-	/**Specifies the template ID for customized tooltip for progressbar editing in gantt
-	* @Default {null}
-	*/
-	progressbarTooltipTemplateId?: string;
-
-	/**Specifies the mapping property path for progress percentage of a task in datasource
-	*/
-	progressMapping?: string;
-
-	/**It receives query to retrieve data from the table (query is same as SQL).
-	* @Default {null}
-	*/
-	query?: any;
-
-	/**Enables or Disables rendering baselines in Gantt , when enabled baseline is rendered in gantt
-	* @Default {false}
-	*/
-	renderBaseline?: boolean;
-
-	/**Specifies the mapping property name for resource ID in resource Collection in gantt
-	*/
-	resourceIdMapping?: string;
-
-	/**Specifies the mapping property path for resources of a task in datasource
-	*/
-	resourceInfoMapping?: string;
-
-	/**Specifies the mapping property path for resource name of a task in gantt
-	*/
-	resourceNameMapping?: string;
-
-	/**Collection of data regarding resources involved in entire project
-	* @Default {[]}
-	*/
-	resources?: Array<any>;
-
-	/**Specifies whether rounding off the day working time edits
-	* @Default {true}
-	*/
-	roundOffDayworkingTime?: boolean;
-
-	/**Specifies the height of a single row in gantt. Also, we need to set same height in the CSS style with class name e-rowcell.
-	* @Default {30}
-	*/
-	rowHeight?: number;
-
-	/**Specifies end date of the gantt schedule. By default, end date will be rounded to its next Saturday.
-	* @Default {null}
-	*/
-	scheduleEndDate?: string;
-
-	/**Specifies the options for customizing schedule header.
-	*/
-	scheduleHeaderSettings?: ScheduleHeaderSettings;
-
-	/**Specifies start date of the gantt schedule. By default, start date will be rounded to its previous Sunday.
-	* @Default {null}
-	*/
-	scheduleStartDate?: string;
-
-	/**Specifies the selected row index in gantt
-	* @Default {null}
-	*/
-	selectedItem?: number;
-
-	/**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 whether to show grid 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 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;
-
-	/**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 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 tree grid cell*/
-	beginEdit? (e: BeginEditEventArgs): 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 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 tree grid*/
-	queryCellInfo? (e: QueryCellInfoEventArgs): void;
-
-	/**Triggered while rendering each taskbar in the gantt chart*/
-	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 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 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 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 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 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 edit mode in Gantt, &quot;normal&quot; is for dialog editing ,&quot;cellEditing&quot; is for cell type editing
-	* @Default {normal}
-	*/
-	editMode?: 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;
-
-	/**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;
-}
-
-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 SortSettings {
-
-	/**Specifies the sorted columns for gantt
-	* @Default {[]}
-	*/
-	sortedColumns?: Array<any>;
-}
-
-export interface ToolbarSettings {
-
-	/**Specifies the state of enabling or disabling toolbar
-	* @Default {true}
-	*/
-	showToolBar?: boolean;
-
-	/**Specifies the list of toolbar items to rendered in toolbar
-	* @Default {[]}
-	*/
-	toolbarItems?: Array<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 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 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);
-	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<DataSources>;
-
-	/**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<Parameters>;
-
-	/**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 DataSources {
-
-	/**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 Parameters {
-
-	/**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 availble 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);
-	model:TreeGrid.Model;
-	defaults:TreeGrid.Model;
-
-	/** 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 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;
-
-	/** 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;
-}
-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 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;
-
-	/**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?: Array<Columns>;
-
-	/**Options for displaying and customizing context menu items.
-	*/
-	contextMenuSettings?: ContextMenuSettings;
-
-	/**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 if the filtering should happen immediately on each key press or only on pressing enter key.
-	* @Default {immediate}
-	*/
-	filterBarMode?: string;
-
-	/**Specifies the name of the field in the dataSource, which contains the id of that row.
-	*/
-	idMapping?: string;
-
-	/**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 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 type of selection whether to select single row or multiple rows.
-	* @Default {ej.TreeGrid.SelectionType.Single}
-	*/
-	selectionType?: ej.Gantt.SelectionType|string;
-
-	/**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 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 Context Menu is rendered in TreeGrid control*/
-	contextMenuOpen? (e: ContextMenuOpenEventArgs): 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 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 collpsed 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 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 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 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 Columns {
-
-	/**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;
-
-	/**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;
-
-	/**Controls the visibility of the column.
-	* @Default {true}
-	*/
-	visible?: boolean;
-
-	/**Specifies the header template value for the column header
-	*/
-	headerTemplateID?: string;
-
-	/**Specifies whether the column is frozen
-	* @Default {false}
-	*/
-	isFrozen?: 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?: 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 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 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 ToolbarSettings {
-
-	/**Shows/hides the toolbar.
-	* @Default {false}
-	*/
-	showToolBar?: boolean;
-
-	/**Option to add items to the toolbar.
-	* @Default {[]}
-	*/
-	toolbarItems?: Array<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 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
-}
-
-}
-module Gantt
-{
-enum SelectionType
-{
-//you can select a single row.
-Single,
-//you can select a multiple row.
-Multiple,
-}
-}
-
-class NavigationDrawer extends ej.Widget {
-	static fn: NavigationDrawer;
-	constructor(element: JQuery, options?: NavigationDrawer.Model);
-	constructor(element: Element, options?: NavigationDrawer.Model);
-	model:NavigationDrawer.Model;
-	defaults:NavigationDrawer.Model;
-
-	/** To close the navigation drawer control
-	* @returns {void}
-	*/
-	close(): 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 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;
-
-	/**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 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;
-
-	/**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 Navigation Drawer model
-	*/
-	model?: ej.NavigationDrawer.Model;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**returns the item of element
-	*/
-	item?: any;
-
-	/**returns the name of item
-	*/
-	itemName?: 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;
-
-	/**returns the item of element
-	*/
-	item?: any;
-
-	/**returns the name of item
-	*/
-	itemName?: string;
-}
-}
-
-class RadialMenu extends ej.Widget {
-	static fn: RadialMenu;
-	constructor(element: JQuery, options?: RadialMenu.Model);
-	constructor(element: Element, options?: RadialMenu.Model);
-	model:RadialMenu.Model;
-	defaults:RadialMenu.Model;
-
-	/** To hide the redialmenu
-	* @returns {void}
-	*/
-	hide(): void;
-
-	/** To hide the redialmenu items
-	* @returns {void}
-	*/
-	menuHide(): void;
-
-	/** To Show the redialmenu
-	* @returns {void}
-	*/
-	show(): void;
-}
-export module RadialMenu{
-
-export interface Model {
-
-	/**To show the Radial in intial 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;
-
-	/**Specifies the radius of radial menu
-	*/
-	radius?: number;
-
-	/**To show the Radial while clicking given target element.
-	*/
-	targetElementId?: string;
-
-	/**Event triggers when the mouse down happens.*/
-	mouseDown? (e: MouseDownEventArgs): void;
-
-	/**Event triggers when the mouse up happens.*/
-	mouseUp? (e: MouseUpEventArgs): void;
-
-	/**Event triggers when we select an item.*/
-	select? (e: SelectEventArgs): void;
-}
-
-export interface MouseDownEventArgs {
-
-	/**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 MouseUpEventArgs {
-
-	/**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 SelectEventArgs {
-
-	/**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;
-}
-}
-
-class Tile extends ej.Widget {
-	static fn: Tile;
-	constructor(element: JQuery, options?: Tile.Model);
-	constructor(element: Element, options?: Tile.Model);
-	model:Tile.Model;
-	defaults:Tile.Model;
-
-	/** Update the image template of tile item to another one.
-	* @param {string} UpdateTemplate by using id
-	* @returns {void}
-	*/
-	updateTemplate(name: string): void;
-}
-export module Tile{
-
-export interface Model {
-
-	/**Section for badge specific functionalities and it represents the notification for tile items.
-	*/
-	badge?: Badge;
-
-	/**Specifies the tile caption in outside of template content.
-	* @Default {null}
-	*/
-	captionTemplateId?: string;
-
-	/**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. See imagePosition
-	* @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;
-
-	/**Section for livetile specific functionalities.
-	*/
-	livetile?: Livetile;
-
-	/**Specifies whether the tile text to be shown or hidden.
-	* @Default {true}
-	*/
-	showText?: boolean;
-
-	/**Changes the text of a tile.
-	* @Default {Text}
-	*/
-	text?: string;
-
-	/**Aligns the text of a tile. See textAlignment
-	* @Default {normal}
-	*/
-	textAlignment?: ej.Tile.TextAlignment|string;
-
-	/**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 {false}
-	*/
-	backgroundColor?: string;
-
-	/**Event triggers when the mouse down happens in the tile*/
-	mouseDown? (e: MouseDownEventArgs): void;
-
-	/**Event triggers when the mouse up 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 Livetile {
-
-	/**Specifies whether to enable livetile or not.
-	* @Default {false}
-	*/
-	enabled?: boolean;
-
-	/**Specifies liveTile images in css classes.
-	* @Default {null}
-	*/
-	imageClass?: string;
-
-	/**Specifies liveTile images in templates.
-	* @Default {null}
-	*/
-	imageTemplateId?: string;
-
-	/**Specifies liveTile images in css classes.
-	* @Default {null}
-	*/
-	imageUrl?: 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;
-
-	/**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 image
-	Bottomright
-}
-
-
-enum ImagePosition{
-
-	///To set the center position of tile image
-	Center,
-
-	///To set the top position of tile image
-	Top,
-
-	///To set the bottom position of tile image
-	Bottom,
-
-	///To set the right position of tile image
-	Right,
-
-	///To set the left position of tile image
-	Left,
-
-	///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 TextAlignment{
-
-	///To set the normal alignment of text for tile control
-	Normal,
-
-	///To set the left alignment of text for tile control
-	Left,
-
-	///To set the right alignment of text for tile control
-	Right,
-
-	///To set the center alignment of text for tile control
-	Center
-}
-
-
-enum TextPosition{
-
-	///To set the innertop position of the tile text
-	Innertop,
-
-	///To set the innerbottom position of the tile text
-	Innerbottom,
-
-	///To set the outer position of the tile text
-	Outer
-}
-
-
-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 RadialSlider extends ej.Widget {
-    static fn: RadialSlider;
-    element: JQuery;
-    constructor(element: JQuery, options?: RadialSliderOptions);
-    constructor(element: Element, options?: RadialSliderOptions);
-	model:RadialSliderOptions;
-	defaults:RadialSliderOptions;
-    show(): void;
-    hide(): void;
-}
-
-interface RadialSliderOptions {
-    radius?: number;
-    endAngle?: number;
-    startAngle?: number;
-    ticks?: Int32Array;
-    enableRoundOff?: boolean;
-    value?: number;
-    strokeWidth?: number;
-    autoOpen?: boolean;
-    enableAnimation?: boolean;
-    cssClass?: string;
-    innerCircleImageClass?: string;
-    innerCircleImageUrl?: string;
-    showInnerCircle?: boolean;
-    inline?: boolean;
-    stop? (e: RadialSliderStopEventArgs): void;
-    start? (e: RadialSliderStartEventArgs): void;
-    slide? (e: RadialSliderSlideEventArgs): void;
-    change? (e: RadialSliderChangeEventArgs): void;
-    mouseover? (e: RadialSliderMouseOverEventArgs): void;
-    create? (e: RadialSliderCreateEventArgs): void;
-    destory? (e: RadialSliderDestroyEventArgs): void;
-}
-interface RadialSliderCreateEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-}
-interface RadialSliderDestroyEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-}
-interface RadialSliderStopEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-    value: number;
-}
-
-interface RadialSliderStartEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-    value: number;
-}
-interface RadialSliderSlideEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-    value: number;
-    selectedValue: number;
-}
-interface RadialSliderChangeEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-    value: number;
-    oldValue: number;
-}
-interface RadialSliderMouseOverEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-    value: number;
-    selectedValue: number;
-}
-class Spreadsheet extends ej.Widget {
-	static fn: Spreadsheet;
-	constructor(element: JQuery, options?: Spreadsheet.Model);
-	constructor(element: Element, options?: Spreadsheet.Model);
-	model:Spreadsheet.Model;
-	defaults:Spreadsheet.Model;
-
-	/** 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} 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): void;
-
-	/** This property is used to clear all the formats applied in the specified range in Spreadsheet.
-	* @param {string} 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): void;
-
-	/** Used to clear the applied border in the specified range in Spreadsheet.
-	* @param {string} 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): void;
-
-	/** This property is used to clear the contents in the specified range in Spreadsheet.
-	* @param {string} 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): 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 {boolean} Optional.  If pass true, if you want to skip the hidden rows 
-	* @returns {void}
-	*/
-	clearRangeData(range: Array<any>|string, property: string, skipHiddenRow: boolean): void;
-
-	/** This method is used to copy sheets in Spreadsheet.
-	* @param {number} Pass the sheet index that you want to copy.
-	* @param {number} Pass the position index where you want to copy.
-	* @returns {void}
-	*/
-	copySheet(fromIdx: number, toIdx: number): 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 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’s 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 {number} Pass the row index of the start cell.
-	* @param {number} Pass the column index of the start cell.
-	* @param {number} Pass the row index of the end cell.
-	* @param {number} Pass the column index of the end cell.
-	* @param {number} Pass the index of the sheet.
-	* @returns {HTMLElement}
-	*/
-	getRange(startRIndex: number, startCIndex: number, endRIndex: number, endCIndex: number, sheetIdx: number): HTMLElement;
-
-	/** This method is used to get the data in specified range in Spreadsheet.
-	* @param {Array<any>|string} Optional.  If range is specified, it will get range data for the specified range else it will use the current selected range. 
-	* @param {boolean} Pass 'true' if you want cell values alone.
-	* @param {Array<any>|string} Optional.  If property is specified, it will get the specified property in the range else it will get default properties.
-	* @param {number} Optional.  Pass the index of the sheet.
-	* @param {boolean} Optional.  When skipDateTime is set as true, it return 'value2' cell value (cell type as 'datetime')
-	* @param {boolean} Optional.  Pass true, if you want to get the calculated formula value else it return formula string.
-	* @param {boolean} Optional.  Pass true, if you want to skip the hidden rows data.
-	* @param {number} Optional.  Pass virtual row index of sheet.
-	* @param {number} Optional.  Pass virtual row count of sheet.
-	* @returns {Array<any>}
-	*/
-	getRangeData(range: Array<any>|string, valueOnly: boolean, property: Array<any>|string, sheetIdx: number, skipDateTime: boolean, skipFormula: boolean, skipHiddenRow: boolean, virtualRowIdx: number, virtualRowCount: number): 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 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' 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} 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} 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 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. If it is false 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 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} Optional.  To pass the cell range or selected cells are process.
-	* @param {boolean} Optional.  If pass true it does not show alert.
-	* @returns {void}
-	*/
-	mergeCells(range: string, alertStatus: boolean): void;
-
-	/** This method is used to move sheets in Spreadsheet.
-	* @param {number} Pass the sheet index that you want to move.
-	* @param {number} Pass the position index where you want to move.
-	* @returns {void}
-	*/
-	moveSheet(fromIdx: number, toIdx: number): void;
-
-	/** This method is used to protect or unprotect active sheet.
-	* @param {boolean} Optional.   By default is true. If it is false active sheet is unprotected.
-	* @returns {void}
-	*/
-	protectSheet(isProtected: boolean): 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, It will clear link only not format.
-	* @returns {void}
-	*/
-	removeHyperlink(range: string, isClearHLink: 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 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 hyperlink in selected cells of the current sheet.
-	* @param {string} 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, link: any, sheetIdx: number): 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 cell index and width of the cells.
-	* @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} 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 the hidden rows in the specified range in the Spreadsheet.
-	* @param {number} Index of the start row.
-	* @param {number} 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 unfreeze the frozen rows and columns in the Spreadsheet.
-	* @returns {void}
-	*/
-	unfreezePanes(): 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>} 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>): 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 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.
-	* @returns {void}
-	*/
-	updateUniqueData(data: any, range: Array<any>|string): 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;
-
-	XLDragDrop: Spreadsheet.XLDragDrop;
-
-	XLDragFill: Spreadsheet.XLDragFill;
-
-	XLEdit: Spreadsheet.XLEdit;
-
-	XLExport: Spreadsheet.XLExport;
-
-	XLFilter: Spreadsheet.XLFilter;
-
-	XLFormat: Spreadsheet.XLFormat;
-
-	XLFreeze: Spreadsheet.XLFreeze;
-
-	XLPrint: Spreadsheet.XLPrint;
-
-	XLResize: Spreadsheet.XLResize;
-
-	XLRibbon: Spreadsheet.XLRibbon;
-
-	XLSearch: Spreadsheet.XLSearch;
-
-	XLSelection: Spreadsheet.XLSelection;
-
-	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} Pass the range where you want remove cell type.
-	* @param {number} Optional.  Pass sheet index.
-	* @returns {void}
-	*/
-	removeCellTypes(range: string,sheetIdx: number): void;
-}
-
-export interface XLCFormat {
-
-	/** This method is used to clear the applied conditional formatting rules in the Spreadsheet.
-	* @param {boolean} Pass true if you want to clear rules from selected cells else it will clear rules from entire sheet.
-	* @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(isSelected: boolean,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 create a chart for specified range in Spreadsheet.
-	* @param {string} Optional.  If range is specified, it will create chart for the specified range else it will use the current selected range.
-	* @param {any} To pass the type of chart and chart name.
-	* @returns {void}
-	*/
-	createChart(range: string,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;
-}
-
-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, 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} Pass the comment data.
-	* @param {boolean} Optional.  Pass true to show comment in edit mode 
-	* @returns {void}
-	*/
-	setComment(range: string|Array<any>,data: string,showEditPanel: 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 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 drag fill status as boolean value for 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, 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 {void}
-	*/
-	getPropertyValueByElem(elem: HTMLElement,property: string,sheetIdx: number): void;
-
-	/** 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 or CSV document (.xls, .xlsx and .csv) in Spreadsheet.
-	* @param {string} Pass the export type that you want. 
-	* @returns {void}
-	*/
-	export(type: string): void;
-}
-
-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} Pass the range of the selected cells.
-	* @returns {void}
-	*/
-	filter(range: string): 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 create a table for the selected range of cells in the Spreadsheet.
-	* @param {any} Pass the table object.
-	* @param {string} Optional.   If the range is specified, then it will create table in the specified range else it will use the current selected range. 
-	* @returns {void}
-	*/
-	createTable(tableObject: any,range: string): void;
-
-	/** 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 indices to format cells.
-	* @returns {void}
-	*/
-	format(formatObj: any,range: string): 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} Pass the range indices.
-	* @returns {void}
-	*/
-	updateDecimalPlaces(type: string,range: string): 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 {any} Row index and column index of the cell which you want to freeze.
-	* @returns {void}
-	*/
-	freezePanes(cell: any): 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;
-}
-
-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 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 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 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} 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): 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;
-}
-
-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, if you want to match with case-sensitive.
-	* @param {boolean} Pass true, 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, if you want to match with case-sensitive.
-	* @param {boolean} Pass true, 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 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>} Optional.  Pass range to refresh selection.
-	* @returns {void}
-	*/
-	refreshSelection(range: Array<any>): 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.
-	* @param {any} Pass the row and column index of the end cell.
-	* @returns {void}
-	*/
-	selectRange(range: string,endCell: any): 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 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' to sort by cell color or 'PutFontColor' for 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 {void}
-	*/
-	sortByRange(range: Array<any>|string,columnName: string,direction: any): void;
-}
-
-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} 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' if you ignore blank values.
-	* @param {boolean} Pass 'true' if you want to show an error alert.
-	* @returns {void}
-	*/
-	applyDVRules(range: string,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} 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): void;
-
-	/** This method is used to highlight invalid data in a specified range of cells in the Spreadsheet.
-	* @param {string} 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): 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 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.).Note: allowCellFormatting must be true while using conditional formatting.
-	* @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 {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 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 {200}
-	*/
-	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 {60}
-	*/
-	columnWidth?: number;
-
-	/**Gets or sets a value that indicates to render the spreadsheet with custom theme.
-	*/
-	cssClass?: string;
-
-	/**Gets or sets a value that indicates whether to enable or disable context menu in the Spreadsheet.
-	* @Default {true}
-	*/
-	enableContextMenu?: 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 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 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<Sheets>;
-
-	/**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 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 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 when mouse hover on cell in sheets.*/
-	cellHover? (e: CellHoverEventArgs): void;
-
-	/**Triggered when save the edited cell.*/
-	cellSave? (e: CellSaveEventArgs): 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 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 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 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 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 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 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;
-}
-
-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 cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-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 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 cell value.
-	*/
-	value?: string;
-}
-
-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 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 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 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 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 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 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 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.Note: User must specify allowExporting true while use this property.
-	* @Default {null}
-	*/
-	excelUrl?: string;
-
-	/**Gets or sets a value that indicates to define password while export to excel format.
-	* @Default {null}
-	*/
-	password?: 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;
-
-	/**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 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 {550}
-	*/
-	height?: number|string;
-
-	/**Gets or sets the value that indicates whether to enable or disable responsive mode in the Spreadsheet.
-	* @Default {false}
-	*/
-	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 off spreadsheet.
-	* @Default {1200}
-	*/
-	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.Note: allowSelection must be true while using this property.
-	* @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 SheetsRangeSettings {
-
-	/**Gets or sets the data to render the Spreadsheet.
-	*/
-	dataSource?: any;
-
-	/**Specifies the header styles for the datasource range in Spreadsheet.
-	* @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 {false}
-	*/
-	showHeader?: boolean;
-
-	/**Specifies the start cell for the datasource range in Spreadsheet.
-	* @Default {A1}
-	*/
-	startCell?: string;
-}
-
-export interface Sheets {
-
-	/**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.
-	*/
-	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;
-
-	/**Specifies the header styles for the datasource range in Spreadsheet.
-	* @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;
-
-	/**Specifies single range or multiple range settings for a sheet in Spreadsheet.
-	*/
-	rangeSettings?: Array<SheetsRangeSettings>;
-
-	/**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 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 {false}
-	*/
-	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
-}
-
-}
-
-}
-declare module ej.olap {
-	
-class OlapChart extends ej.Widget {
-	static fn: OlapChart;
-	constructor(element: JQuery, options?: OlapChart.Model);
-	constructor(element: Element, options?: OlapChart.Model);
-	model:OlapChart.Model;
-	defaults:OlapChart.Model;
-
-	/** Perform an asynchronous HTTP (AJAX) request.
-	* @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** Perform an asynchronous HTTP (FullPost) submit.
-	* @returns {void}
-	*/
-	doPostBack(): void;
-
-	/** Exports the OlapChart to an appropriate format based on the parameter passed.
-	* @returns {void}
-	*/
-	exportOlapChart(): void;
-
-	/** This function receives the JSON formatted datasource to render the OlapChart control.
-	* @returns {void}
-	*/
-	renderChartFromJSON(): void;
-
-	/** This function receives the update from service-end, which would be utilized for rendering the widget.
-	* @returns {void}
-	*/
-	renderControlSuccess(): void;
-}
-export module OlapChart{
-
-export interface Model {
-
-	/**Specifies the CSS class to OlapChart to achieve custom theme.
-	* @Default {“”}
-	*/
-	cssClass?: string;
-
-	/**Contains the serialized OlapReport at that instant, that is, current OlapReport.
-	* @Default {“”}
-	*/
-	currentReport?: string;
-
-	/**Object utilized to pass additional information between client-end and service-end.
-	* @Default {{}}
-	*/
-	customObject?: any;
-
-	/**Allows the user to enable 3D view of OlapChart.
-	* @Default {false}
-	*/
-	enable3D?: boolean;
-
-	/**Allows the user to enable OlapChart’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 rotate the angle of OlapChart 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;
-
-	/**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 OlapChart to service methods.*/
-	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
-
-	/**Triggers when drill up/down happens in OlapChart control.*/
-	drillSuccess? (e: DrillSuccessEventArgs): void;
-
-	/**Triggers when OlapChart 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 OlapChart successfully reaches client-side after any AJAX request.*/
-	renderSuccess? (e: RenderSuccessEventArgs): void;
-}
-
-export interface AfterServiceInvokeEventArgs {
-
-	/**return the current action of OlapChart control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapChart control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapChart control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapChart.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface BeforeServiceInvokeEventArgs {
-
-	/**return the current action of OlapChart control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapChart control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapChart control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapChart.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface DrillSuccessEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapChart.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderCompleteEventArgs {
-
-	/**return the current action of OlapChart control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapChart control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapChart control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapChart.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderFailureEventArgs {
-
-	/**return the current action of OlapChart control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapChart control.
-	*/
-	customObject?: any;
-
-	/**return the error stack trace of the original exception.
-	*/
-	message?: any;
-
-	/**return the outer HTML of OlapChart control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapChart.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderSuccessEventArgs {
-
-	/**return the current action of OlapChart control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapChart control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapChart control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapChart.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ServiceMethodSettings {
-
-	/**Allows the user to set the custom name for the service method that’s responsible for exporting.
-	* @Default {Export}
-	*/
-	exportOlapChart?: string;
-
-	/**Allows the user to set the custom name for the service method that’s responsible for drilling up/down operation in OlapChart.
-	* @Default {DrillChart}
-	*/
-	drillDown?: string;
-
-	/**Allows the user to set the custom name for the service method that’s responsible for initializing OlapChart.
-	* @Default {InitializeChart}
-	*/
-	initialize?: string;
-}
-}
-
-class OlapClient extends ej.Widget {
-	static fn: OlapClient;
-	constructor(element: JQuery, options?: OlapClient.Model);
-	constructor(element: Element, options?: OlapClient.Model);
-	model:OlapClient.Model;
-	defaults:OlapClient.Model;
-
-	/** Perform an asynchronous HTTP (AJAX) request.
-	* @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** Perform an asynchronous HTTP (FullPost) submit.
-	* @returns {void}
-	*/
-	doPostBack(): void;
-}
-export module OlapClient{
-
-export interface Model {
-
-	/**Allows the user to set the specific chart type for OlapChart.
-	* @Default {ej.olap.OlapChart.ChartTypes.Column}
-	*/
-	chartType?: ej.olap.OlapChart.ChartTypes|string;
-
-	/**Sets the mode to export the OLAP visualization components such as OlapChart and PivotGrid in OlapClient. Based on the option, either Chart or Grid or both gets exported.
-	* @Default {ej.olap.OlapClient.ClientExportMode.ChartAndGrid}
-	*/
-	clientExportMode?: string;
-
-	/**Specifies the CSS class to OlapClient to achieve custom theme.
-	* @Default {“”}
-	*/
-	cssClass?: string;
-
-	/**Object utilized to pass additional information between client-end and service-end.
-	* @Default {{}}
-	*/
-	customObject?: any;
-
-	/**Allows the user to customize the widgets layout and appearance.
-	* @Default {{}}
-	*/
-	displaySettings?: DisplaySettings;
-
-	/**Allows the user to refresh the control on-demand and not during every UI operation.
-	* @Default {false}
-	*/
-	enableDeferUpdate?: boolean;
-
-	/**Enables/disables the visibility of measure group selector drop-down in Cube Browser.
-	* @Default {false}
-	*/
-	enableMeasureGroups?: boolean;
-
-	/**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 set the localized language for the widget.
-	* @Default {en-US}
-	*/
-	locale?: 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 OlapClient widget.
-	* @Default {null}
-	*/
-	title?: string;
-
-	/**Connects the service using the specified URL for any server updates.
-	* @Default {null}
-	*/
-	url?: string;
-
-	/**Triggers when it reaches client-side after any AJAX request.*/
-	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
-
-	/**Triggers before any AJAX request is passed from OlapClient to service methods.*/
-	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
-
-	/**Triggers before rendering the OlapChart.*/
-	chartLoad? (e: ChartLoadEventArgs): void;
-
-	/**Triggers while we initiate loading of the widget.*/
-	load? (e: LoadEventArgs): void;
-
-	/**Triggers when OlapClient 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 OlapClient successfully reaches client-side after any AJAX request.*/
-	renderSuccess? (e: RenderSuccessEventArgs): void;
-}
-
-export interface AfterServiceInvokeEventArgs {
-
-	/**return the current action of OlapClient control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapClient control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapClient control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapClient model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface BeforeServiceInvokeEventArgs {
-
-	/**return the current action of OlapClient control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapClient control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapClient control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapClient model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ChartLoadEventArgs {
-
-	/**return the current action of OlapChart control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapChart control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapChart control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface LoadEventArgs {
-
-	/**returns the outer HTML of OlapClient component.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapClient model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderCompleteEventArgs {
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the outer HTML of OlapClient control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapClient model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderFailureEventArgs {
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the outer HTML of OlapClient control.
-	*/
-	element?: string;
-
-	/**returns the error message with error code.
-	*/
-	message?: any;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapClient model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderSuccessEventArgs {
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the outer HTML of OlapClient control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapClient model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface DisplaySettings {
-
-	/**Let’s the user to customize the display of OlapChart and PivotGrid widgets, either in tab view or in tile view.
-	* @Default {ej.olap.OlapClient.ControlPlacement.Tab}
-	*/
-	controlPlacement?: ej.olap.OlapClient.ControlPlacement|string;
-
-	/**Let’s the user to set either Chart or Grid as the start-up widget.
-	* @Default {ej.olap.OlapClient.DefaultView.Grid}
-	*/
-	defaultView?: ej.olap.OlapClient.DefaultView|string;
-
-	/**Enables/disables the full screen view of OlapChart and PivotGrid in OlapClient.
-	* @Default {false}
-	*/
-	enableFullScreen?: boolean;
-
-	/**Enhances the space for PivotGrid and OlapChart, by hiding Cube Browser and Axis Element Builder.
-	* @Default {false}
-	*/
-	enableTogglePanel?: boolean;
-
-	/**Allows the user to enable OlapClient’s responsiveness in the browser layout.
-	* @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/**Sets the display mode (Only Chart/Only Grid/Both) in OlapClient.
-	* @Default {ej.olap.OlapClient.DisplayMode.ChartAndGrid}
-	*/
-	mode?: ej.olap.OlapClient.DisplayMode|string;
-}
-
-export interface ServiceMethodSettings {
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s responsible for exporting.
-	* @Default {Export}
-	*/
-	exportOlapClient?: string;
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s 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 that’s responsible for updating report while filtering members.
-	* @Default {FilterElement}
-	*/
-	filterElement?: string;
-
-	/**Allows the user to set the custom name for the service method that’s responsible for initializing OlapClient.
-	* @Default {InitializeClient}
-	*/
-	initialize?: string;
-
-	/**Allows the user to set the custom name for the service method that’s responsible for loading the report collection from the database.
-	* @Default {LoadReportFromDB}
-	*/
-	loadReport?: string;
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s 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 that’s 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 that’s 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 that’s 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 that’s responsible for saving the report collection to database.
-	* @Default {SaveReportToDB}
-	*/
-	saveReport?: string;
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s responsible for any toolbar operation.
-	* @Default {ToolbarOperations}
-	*/
-	toolbarServices?: string;
-
-	/**Allows the user to set the custom name for the service method that’s responsible for updating report collection.
-	* @Default {UpdateReport}
-	*/
-	updateReport?: string;
-}
-}
-module OlapChart
-{
-enum ChartTypes
-{
-//To render a Line type for OlapChart.
-Line,
-//To render a Spline type for OlapChart.
-Spline,
-//To render a Column type for OlapChart.
-Column,
-//To render a Area type for OlapChart.
-Area,
-//To render a SplineArea type for OlapChart.
-SplineArea,
-//To render a StepLine type for OlapChart.
-StepLine,
-//To render a StepArea type for OlapChart.
-StepArea,
-//To render a Pie type for OlapChart.
-Pie,
-//To render a Bar type for OlapChart.
-Bar,
-//To render a StackingArea type for OlapChart.
-StackingArea,
-//To render a StackingColumn type for OlapChart.
-StackingColumn,
-//To render a StackingBar type for OlapChart.
-StackingBar,
-//To render a Pyramid type for OlapChart.
-Pyramid,
-//To render a Funnel type for OlapChart.
-Funnel,
-//To render a Doughnut type for OlapChart.
-Doughnut,
-//To render a Scatter type for OlapChart.
-Scatter,
-//To render a Bubble type for OlapChart.
-Bubble,
-}
-}
-module OlapClient
-{
-enum ControlPlacement
-{
-//To display OlapChart and PivotGrid widgets in tab view.
-Tab,
-//To display OlapChart and PivotGrid widgets within the same view, one below the other.
-Tile,
-}
-}
-module OlapClient
-{
-enum DefaultView
-{
-//To set OlapChart as a default control in view when the OlapClient widget is loaded for the first time.
-Chart,
-//To set PivotGrid as a default control in view when the OlapClient widget is loaded for the first time.
-Grid,
-}
-}
-module OlapClient
-{
-enum DisplayMode
-{
-//To display only OlapChart widget.
-ChartOnly,
-//To display only PivotGrid widget.
-GridOnly,
-//To display both OlapChart and PivotGrid widgets.
-ChartAndGrid,
-}
-}
-
-class OlapGauge extends ej.Widget {
-	static fn: OlapGauge;
-	constructor(element: JQuery, options?: OlapGauge.Model);
-	constructor(element: Element, options?: OlapGauge.Model);
-	model:OlapGauge.Model;
-	defaults:OlapGauge.Model;
-
-	/** Perform an asynchronous HTTP (AJAX) request.
-	* @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** This function is used to refresh the OlapGauge at client-side itself.
-	* @returns {void}
-	*/
-	refresh(): void;
-
-	/** This function removes the KPI related images from OlapGauge.
-	* @returns {void}
-	*/
-	removeImg(): void;
-
-	/** This function receives the JSON formatted datasource to render the OlapGauge control.
-	* @returns {void}
-	*/
-	renderControlFromJSON(): void;
-}
-export module OlapGauge{
-
-export interface Model {
-
-	/**Sets the number of column count to arrange the OlapGauge's.
-	* @Default {0}
-	*/
-	columnsCount?: number;
-
-	/**Specify the CSS class to OlapGauge to achieve custom theme.
-	* @Default {“”}
-	*/
-	cssClass?: string;
-
-	/**Object utilized to pass additional information between client-end and service-end.
-	* @Default {{}}
-	*/
-	customObject?: any;
-
-	/**Enables/disables tooltip visibility in OlapGauge.
-	* @Default {false}
-	*/
-	enableTooltip?: boolean;
-
-	/**Allows the user to enable OlapGauge’s responsiveness in the browser layout.
-	* @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/**Allows the user to change the format of the label values in OlapGauge.
-	* @Default {ej.olap.OlapGauge.NumberFormat.Default}
-	*/
-	labelFormatSettings?: ej.olap.OlapGauge.NumberFormat|string;
-
-	/**Allows the user to set the localized language for the widget.
-	* @Default {en-US}
-	*/
-	locale?: string;
-
-	/**Sets the number of row count to arrange the OlapGauge's.
-	* @Default {0}
-	*/
-	rowsCount?: number;
-
-	/**Sets the scale values such as pointers, indicators, etc... for OlapGauge.
-	* @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 OlapGauge.
-	* @Default {true}
-	*/
-	showHeaderLabel?: boolean;
-
-	/**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 OlapGauge to service methods.*/
-	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
-
-	/**Triggers when OlapGauge started loading at client-side.*/
-	load? (e: LoadEventArgs): void;
-
-	/**Triggers when OlapGauge 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 OlapGauge successfully reaches client-side after any AJAX request.*/
-	renderSuccess? (e: RenderSuccessEventArgs): void;
-}
-
-export interface AfterServiceInvokeEventArgs {
-
-	/**return the current action of OlapGauge control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapGauge control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapGauge control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapGauge model.
-	*/
-	model?: ej.olap.OlapGauge.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface BeforeServiceInvokeEventArgs {
-
-	/**return the current action of OlapGauge control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapGauge control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapGauge control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapGauge model.
-	*/
-	model?: ej.olap.OlapGauge.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface LoadEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapGauge model.
-	*/
-	model?: ej.olap.OlapGauge.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderCompleteEventArgs {
-
-	/**returns the outer HTML of OlapGauge control.
-	*/
-	element?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapGauge model.
-	*/
-	model?: ej.olap.OlapGauge.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderFailureEventArgs {
-
-	/**returns the outer HTML of OlapGauge control.
-	*/
-	element?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the error message with error code.
-	*/
-	message?: any;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapGauge model.
-	*/
-	model?: ej.olap.OlapGauge.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-
-	/**returns the JSON formatted response while error occurs.
-	*/
-	responseJSON?: any;
-}
-
-export interface RenderSuccessEventArgs {
-
-	/**returns the outer HTML of OlapGauge control.
-	*/
-	element?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapGauge model.
-	*/
-	model?: ej.olap.OlapGauge.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface LabelFormatSettings {
-
-	/**Allows the user to change the number format of the label values in OlapGauge.
-	* @Default {ej.olap.OlapGauge.NumberFormat.Default}
-	*/
-	numberFormat?: ej.olap.OlapGauge.NumberFormat|string;
-
-	/**Allows you to change the position of a digit on the right-hand side of the decimal point for label value.
-	* @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 that’s responsible for initializing OlapGauge.
-	* @Default {InitializeGauge}
-	*/
-	initialize?: string;
-}
-}
-module OlapGauge
-{
-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,
-}
-}
-
-}
-declare module ej.datavisualization {
-	
-class LinearGauge extends ej.Widget {
-	static fn: LinearGauge;
-	constructor(element: JQuery, options?: LinearGauge.Model);
-	constructor(element: Element, options?: LinearGauge.Model);
-	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 {void}
-	*/
-	getBarDistanceFromScale(): void;
-
-	/** To get Bar Pointer Value in number
-	* @returns {void}
-	*/
-	getBarPointerValue(): void;
-
-	/** To get Bar Width in number
-	* @returns {void}
-	*/
-	getBarWidth(): void;
-
-	/** To get CustomLabel Angle in number
-	* @returns {void}
-	*/
-	getCustomLabelAngle(): void;
-
-	/** To get CustomLabel Value in string
-	* @returns {void}
-	*/
-	getCustomLabelValue(): void;
-
-	/** To get Label Angle in number
-	* @returns {void}
-	*/
-	getLabelAngle(): void;
-
-	/** To get LabelPlacement in number
-	* @returns {void}
-	*/
-	getLabelPlacement(): void;
-
-	/** To get LabelStyle in number
-	* @returns {void}
-	*/
-	getLabelStyle(): void;
-
-	/** To get Label XDistance From Scale in number
-	* @returns {void}
-	*/
-	getLabelXDistanceFromScale(): void;
-
-	/** To get PointerValue in number
-	* @returns {void}
-	*/
-	getLabelYDistanceFromScale(): void;
-
-	/** To get Major Interval Value in number
-	* @returns {void}
-	*/
-	getMajorIntervalValue(): void;
-
-	/** To get MarkerStyle in number
-	* @returns {void}
-	*/
-	getMarkerStyle(): void;
-
-	/** To get Maximum Value in number
-	* @returns {void}
-	*/
-	getMaximumValue(): void;
-
-	/** To get PointerValue in number
-	* @returns {void}
-	*/
-	getMinimumValue(): void;
-
-	/** To get Minor Interval Value in number
-	* @returns {void}
-	*/
-	getMinorIntervalValue(): void;
-
-	/** To get Pointer Distance From Scale in number
-	* @returns {void}
-	*/
-	getPointerDistanceFromScale(): void;
-
-	/** To get PointerHeight in number
-	* @returns {void}
-	*/
-	getPointerHeight(): void;
-
-	/** To get Pointer Placement in String
-	* @returns {void}
-	*/
-	getPointerPlacement(): void;
-
-	/** To get PointerValue in number
-	* @returns {void}
-	*/
-	getPointerValue(): void;
-
-	/** To get PointerWidth in number
-	* @returns {void}
-	*/
-	getPointerWidth(): void;
-
-	/** To get Range Border Width in number
-	* @returns {void}
-	*/
-	getRangeBorderWidth(): void;
-
-	/** To get Range Distance From Scale in number
-	* @returns {void}
-	*/
-	getRangeDistanceFromScale(): void;
-
-	/** To get Range End Value in number
-	* @returns {void}
-	*/
-	getRangeEndValue(): void;
-
-	/** To get Range End Width in number
-	* @returns {void}
-	*/
-	getRangeEndWidth(): void;
-
-	/** To get Range Position in number
-	* @returns {void}
-	*/
-	getRangePosition(): void;
-
-	/** To get Range Start Value in number
-	* @returns {void}
-	*/
-	getRangeStartValue(): void;
-
-	/** To get Range Start Width in number
-	* @returns {void}
-	*/
-	getRangeStartWidth(): void;
-
-	/** To get ScaleBarLength in number
-	* @returns {void}
-	*/
-	getScaleBarLength(): void;
-
-	/** To get Scale Bar Size in number
-	* @returns {void}
-	*/
-	getScaleBarSize(): void;
-
-	/** To get Scale Border Width in number
-	* @returns {void}
-	*/
-	getScaleBorderWidth(): void;
-
-	/** To get Scale Direction in number
-	* @returns {void}
-	*/
-	getScaleDirection(): void;
-
-	/** To get Scale Location in object
-	* @returns {void}
-	*/
-	getScaleLocation(): void;
-
-	/** To get Scale Style in string
-	* @returns {void}
-	*/
-	getScaleStyle(): void;
-
-	/** To get Tick Angle in number
-	* @returns {void}
-	*/
-	getTickAngle(): void;
-
-	/** To get Tick Height in number
-	* @returns {void}
-	*/
-	getTickHeight(): void;
-
-	/** To get getTickPlacement in number
-	* @returns {void}
-	*/
-	getTickPlacement(): void;
-
-	/** To get Tick Style in string
-	* @returns {void}
-	*/
-	getTickStyle(): void;
-
-	/** To get Tick Width in number
-	* @returns {void}
-	*/
-	getTickWidth(): void;
-
-	/** To get get Tick XDistance From Scale in number
-	* @returns {void}
-	*/
-	getTickXDistanceFromScale(): void;
-
-	/** To get Tick YDistance From Scale in number
-	* @returns {void}
-	*/
-	getTickYDistanceFromScale(): void;
-
-	/** 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}
-	*/
-	enableResize?: boolean;
-
-	/**Specify frame of linear gauge
-	* @Default {null}
-	*/
-	frame?: Frame;
-
-	/**Specifies the height of Linear gauge.
-	* @Default {400}
-	*/
-	height?: number;
-
-	/**Specifies the labelColor for Linear gauge.
-	* @Default {null}
-	*/
-	labelColor?: string;
-
-	/**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?: Scales;
-
-	/**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 ScalesBarPointers {
-
-	/**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 ScalesCustomLabels {
-
-	/**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 ScalesIndicatorsStateRanges {
-
-	/**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 ScalesIndicators {
-
-	/**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<ScalesIndicatorsStateRanges>;
-
-	/**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 ScalesLabels {
-
-	/**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 ScalesMarkerPointers {
-
-	/**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 ScalesRanges {
-
-	/**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 ScalesTicks {
-
-	/**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 Scales {
-
-	/**Specifies the backgroundColor of the Scale.
-	* @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/**Specifies the scaleBar Gradient of bar pointer
-	* @Default {Array}
-	*/
-	barPointers?: Array<ScalesBarPointers>;
-
-	/**Specifies the border of the Scale.
-	* @Default {null}
-	*/
-	border?: ScalesBorder;
-
-	/**Specifies the customLabel
-	* @Default {Array}
-	*/
-	customLabels?: Array<ScalesCustomLabels>;
-
-	/**Specifies the scale Direction of the Scale. See Directions
-	* @Default {CounterClockwise}
-	*/
-	direction?: ej.datavisualization.LinearGauge.Direction|string;
-
-	/**Specifies the indicator
-	* @Default {Array}
-	*/
-	indicators?: Array<ScalesIndicators>;
-
-	/**Specifies the labels.
-	* @Default {Array}
-	*/
-	labels?: Array<ScalesLabels>;
-
-	/**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<ScalesMarkerPointers>;
-
-	/**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<ScalesRanges>;
-
-	/**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<ScalesTicks>;
-
-	/**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);
-	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 {void}
-	*/
-	exportImage(): void;
-
-	/** To get BackNeedleLength
-	* @returns {void}
-	*/
-	getBackNeedleLength(): void;
-
-	/** To get CustomLabelAngle
-	* @returns {void}
-	*/
-	getCustomLabelAngle(): void;
-
-	/** To get CustomLabelValue
-	* @returns {void}
-	*/
-	getCustomLabelValue(): void;
-
-	/** To get LabelAngle
-	* @returns {void}
-	*/
-	getLabelAngle(): void;
-
-	/** To get LabelDistanceFromScale
-	* @returns {void}
-	*/
-	getLabelDistanceFromScale(): void;
-
-	/** To get LabelPlacement
-	* @returns {void}
-	*/
-	getLabelPlacement(): void;
-
-	/** To get LabelStyle
-	* @returns {void}
-	*/
-	getLabelStyle(): void;
-
-	/** To get MajorIntervalValue
-	* @returns {void}
-	*/
-	getMajorIntervalValue(): void;
-
-	/** To get MarkerDistanceFromScale
-	* @returns {void}
-	*/
-	getMarkerDistanceFromScale(): void;
-
-	/** To get MarkerStyle
-	* @returns {void}
-	*/
-	getMarkerStyle(): void;
-
-	/** To get MaximumValue
-	* @returns {void}
-	*/
-	getMaximumValue(): void;
-
-	/** To get MinimumValue
-	* @returns {void}
-	*/
-	getMinimumValue(): void;
-
-	/** To get MinorIntervalValue
-	* @returns {void}
-	*/
-	getMinorIntervalValue(): void;
-
-	/** To get NeedleStyle
-	* @returns {void}
-	*/
-	getNeedleStyle(): void;
-
-	/** To get PointerCapBorderWidth
-	* @returns {void}
-	*/
-	getPointerCapBorderWidth(): void;
-
-	/** To get PointerCapRadius
-	* @returns {void}
-	*/
-	getPointerCapRadius(): void;
-
-	/** To get PointerLength
-	* @returns {void}
-	*/
-	getPointerLength(): void;
-
-	/** To get PointerNeedleType
-	* @returns {void}
-	*/
-	getPointerNeedleType(): void;
-
-	/** To get PointerPlacement
-	* @returns {void}
-	*/
-	getPointerPlacement(): void;
-
-	/** To get PointerValue
-	* @returns {void}
-	*/
-	getPointerValue(): void;
-
-	/** To get PointerWidth
-	* @returns {void}
-	*/
-	getPointerWidth(): void;
-
-	/** To get RangeBorderWidth
-	* @returns {void}
-	*/
-	getRangeBorderWidth(): void;
-
-	/** To get RangeDistanceFromScale
-	* @returns {void}
-	*/
-	getRangeDistanceFromScale(): void;
-
-	/** To get RangeEndValue
-	* @returns {void}
-	*/
-	getRangeEndValue(): void;
-
-	/** To get RangePosition
-	* @returns {void}
-	*/
-	getRangePosition(): void;
-
-	/** To get RangeSize
-	* @returns {void}
-	*/
-	getRangeSize(): void;
-
-	/** To get RangeStartValue
-	* @returns {void}
-	*/
-	getRangeStartValue(): void;
-
-	/** To get ScaleBarSize
-	* @returns {void}
-	*/
-	getScaleBarSize(): void;
-
-	/** To get ScaleBorderWidth
-	* @returns {void}
-	*/
-	getScaleBorderWidth(): void;
-
-	/** To get ScaleDirection
-	* @returns {void}
-	*/
-	getScaleDirection(): void;
-
-	/** To get ScaleRadius
-	* @returns {void}
-	*/
-	getScaleRadius(): void;
-
-	/** To get StartAngle
-	* @returns {void}
-	*/
-	getStartAngle(): void;
-
-	/** To get SubGaugeLocation
-	* @returns {void}
-	*/
-	getSubGaugeLocation(): void;
-
-	/** To get SweepAngle
-	* @returns {void}
-	*/
-	getSweepAngle(): void;
-
-	/** To get TickAngle
-	* @returns {void}
-	*/
-	getTickAngle(): void;
-
-	/** To get TickDistanceFromScale
-	* @returns {void}
-	*/
-	getTickDistanceFromScale(): void;
-
-	/** To get TickHeight
-	* @returns {void}
-	*/
-	getTickHeight(): void;
-
-	/** To get TickPlacement
-	* @returns {void}
-	*/
-	getTickPlacement(): void;
-
-	/** To get TickStyle
-	* @returns {void}
-	*/
-	getTickStyle(): void;
-
-	/** To get TickWidth
-	* @returns {void}
-	*/
-	getTickWidth(): void;
-
-	/** 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 enableResize value of circular gauge
-	* @Default {false}
-	*/
-	enableResize?: boolean;
-
-	/**Specify the frame of circular gauge
-	* @Default {Object}
-	*/
-	frame?: Frame;
-
-	/**Specify gaugePosition value of circular gauge See GaugePosition
-	* @Default {center}
-	*/
-	gaugePosition?: ej.datavisualization.CircularGauge.gaugePosition|string;
-
-	/**Specifies the height of circular gauge.
-	* @Default {360}
-	*/
-	height?: number;
-
-	/**Specifies the interiorGradient of circular gauge.
-	* @Default {null}
-	*/
-	interiorGradient?: any;
-
-	/**Specify isRadialGradient value of circular gauge
-	* @Default {false}
-	*/
-	isRadialGradient?: boolean;
-
-	/**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?: Scales;
-
-	/**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;
-
-	/**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 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 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 ScalesIndicatorsStateRanges {
-
-	/**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 ScalesIndicators {
-
-	/**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<ScalesIndicatorsStateRanges>;
-
-	/**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 ScalesLabels {
-
-	/**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 ScalesPointers {
-
-	/**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 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 ScalesRanges {
-
-	/**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 ScalesSubGauges {
-
-	/**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 ScalesTicks {
-
-	/**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 Scales {
-
-	/**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 representing state of circular gauge
-	* @Default {Array}
-	*/
-	indicators?: Array<ScalesIndicators>;
-
-	/**Specify the text values displayed in a meaningful manner alongside the ticks of circular gauge
-	* @Default {Array}
-	*/
-	labels?: Array<ScalesLabels>;
-
-	/**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<ScalesPointers>;
-
-	/**Specify scale radius of circular gauge
-	* @Default {170}
-	*/
-	radius?: number;
-
-	/**Specify ranges value of circular gauge
-	* @Default {Array}
-	*/
-	ranges?: Array<ScalesRanges>;
-
-	/**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<ScalesSubGauges>;
-
-	/**Specify sweepAngle of circular gauge
-	* @Default {310}
-	*/
-	sweepAngle?: number;
-
-	/**Specify ticks of circular gauge
-	* @Default {Array}
-	*/
-	ticks?: Array<ScalesTicks>;
-}
-
-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,
-}
-}
-
-class DigitalGauge extends ej.Widget {
-	static fn: DigitalGauge;
-	constructor(element: JQuery, options?: DigitalGauge.Model);
-	constructor(element: Element, options?: DigitalGauge.Model);
-	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 {void}
-	*/
-	exportImage(fileName: string, fileType: string): void;
-
-	/** 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 {void}
-	*/
-	getPosition(itemIndex: number): void;
-
-	/** 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 {void}
-	*/
-	getValue(itemIndex: number): void;
-
-	/** 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 resize option of the DigitalGauge.
-	* @Default {false}
-	*/
-	enableResize?: boolean;
-
-	/**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 items for the DigitalGauge.
-	* @Default {null}
-	*/
-	items?: Items;
-
-	/**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 Items {
-
-	/**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);
-	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 {Array<any>} Series and indicator objects passed in the array collection are animated.Example
-	* @param {any} Series or indicator object passed to this method are animated.Example,
-	* @returns {void}
-	*/
-	animate(options: Array<any>, option: 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 {void}
-	*/
-	export(type: string, url: string, exportMultipleChart: boolean): void;
-
-	/** 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<Annotations>;
-
-	/**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;
-
-	/**Controls whether Chart has to be responsive or not.
-	* @Default {false}
-	*/
-	canResize?: boolean;
-
-	/**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<ColumnDefinitions>;
-
-	/**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 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<Indicators>;
-
-	/**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;
-
-	/**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<RowDefinitions>;
-
-	/**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 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;
-}
-
-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.
-	*/
-	LabelText?: string;
-
-	/**Actual value of the label.
-	*/
-	LabelValue?: 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 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 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 Annotations {
-
-	/**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 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 ColumnDefinitions {
-
-	/**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;
-}
-
-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 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;
-
-	/**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;
-
-	/**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 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 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 CommonSeriesOptionsTrendlines {
-
-	/**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;
-
-	/**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;
-
-	/**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;
-
-	/**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 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;
-
-	/**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;
-
-	/**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 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;
-
-	/**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 error bar in series.
-	*/
-	errorBar?: CommonSeriesOptionsErrorBar;
-
-	/**Option to add the trendlines to chart.
-	*/
-	trendlines?: Array<CommonSeriesOptionsTrendlines>;
-
-	/**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 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 Crosshair {
-
-	/**Options for customizing the marker in crosshair.
-	*/
-	marker?: CrosshairMarker;
-
-	/**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 Indicators {
-
-	/**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;
-
-	/**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;
-
-	/**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}
-	*/
-	minimum?: number;
-
-	/**Maximum value of the axis range.
-	* @Default {null}
-	*/
-	maximum?: number;
-
-	/**Interval of the axis range.
-	* @Default {null}
-	*/
-	interval?: number;
-}
-
-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 zOrder 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 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;
-}
-
-export interface PrimaryXAxis {
-
-	/**Options for customizing horizontal axis alternate grid band.
-	*/
-	alternateGridBand?: PrimaryXAxisAlternateGridBand;
-
-	/**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 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;
-
-	/**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 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 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 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;
-
-	/**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;
-
-	/**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 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 zOrder 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 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;
-}
-
-export interface PrimaryYAxis {
-
-	/**Options for customizing vertical axis alternate grid band.
-	*/
-	alternateGridBand?: PrimaryYAxisAlternateGridBand;
-
-	/**Options for customizing the axis line.
-	*/
-	axisLine?: PrimaryYAxisAxisLine;
-
-	/**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 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;
-
-	/**Default Value
-	* @Default {outside. See LabelPosition}
-	*/
-	labelPosition?: ej.datavisualization.Chart.LabelPosition|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;
-
-	/**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 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 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 RowDefinitions {
-
-	/**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;
-}
-
-export interface SeriesMarkerDataLabelFont {
-
-	/**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 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;
-
-	/**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 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;
-
-	/**DashArray of the connector line.
-	* @Default {1}
-	*/
-	opacity?: number;
-}
-
-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 SeriesPoints {
-
-	/**Options for customizing the border of a point. This is applicable only for column type series and accumulation type series.
-	*/
-	border?: SeriesPointsBorder;
-
-	/**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 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 SeriesTrendlines {
-
-	/**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;
-
-	/**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;
-
-	/**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?: boolean;
-
-	/**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;
-
-	/**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 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;
-
-	/**Opacity of the series.
-	* @Default {1}
-	*/
-	opacity?: number;
-
-	/**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 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<SeriesPoints>;
-
-	/**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 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;
-
-	/**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 the size value for the bubble series.
-	* @Default {null}
-	*/
-	size?: string;
-
-	/**Option to add trendlines to chart.
-	*/
-	trendlines?: Array<SeriesTrendlines>;
-
-	/**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;
-
-	/**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;
-
-	/**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 Unit
-{
-//string
-Percentage,
-//string
-Pixel,
-}
-}
-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 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,
-}
-}
-module Chart
-{
-enum SelectionType
-{
-//string
-Single,
-//string
-Multiple,
-}
-}
-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 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 RangePadding
-{
-//string
-Additional,
-//string
-Normal,
-//string
-None,
-//string
-Round,
-}
-}
-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);
-	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;
-
-	/**Specifies the data source for range navigator.
-	*/
-	dataSource?: any;
-
-	/**Sets a value whether to make the range navigator responsive on resize.
-	* @Default {false}
-	*/
-	enableAutoResizing?: boolean;
-
-	/**Toggles the redrawing of chart on moving the sliders.
-	* @Default {true}
-	*/
-	enableDeferredUpdate?: boolean;
-
-	/**Toggles the direction of rendering the range navigator control.
-	* @Default {false}
-	*/
-	enableRTL?: 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;
-
-	/**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;
-}
-
-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 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 {years}
-	*/
-	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 {years}
-	*/
-	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 lable 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 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;
-}
-
-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 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 IntervalType
-{
-//string
-Years,
-//string
-Quarters,
-//string
-Months,
-//string
-Weeks,
-//string
-Days,
-//string
-Hours,
-}
-}
-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);
-	model:BulletGraph.Model;
-	defaults:BulletGraph.Model;
-
-	/** To destroy the bullet graph
-	* @returns {void}
-	*/
-	destroy (): void;
-
-	/** To redraw the bulet 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;
-
-	/**Sets a value whether to make the bullet graph responsive on resize.
-	* @Default {true}
-	*/
-	enableResizing?: boolean;
-
-	/**Specifies the direction of flow in bullet graph. Neither it may be backward nor forward.
-	* @Default {forward}
-	*/
-	flowDirection?: ej.datavisualization.BulletGraph.FlowDirection|string;
-
-	/**Specifies the height of the bullet graph.
-	* @Default {90}
-	*/
-	height?: number;
-
-	/**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<QualitativeRanges>;
-
-	/**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 rednering 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 cancelling 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 alignement 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}
-	*/
-	visibile?: 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 QualitativeRanges {
-
-	/**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 QuantitativeScaleSettingsFeatureMeasures {
-
-	/**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<QuantitativeScaleSettingsFeatureMeasures>;
-
-	/**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);
-	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);
-	model:Map.Model;
-	defaults:Map.Model;
-
-	/** Method for navigating to specific shape based on latitude, longitude and zoomlevel.
-	* @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 {white}
-	*/
-	background?: string;
-
-	/**Specifies the base map-index of the map to determine the shapelayer 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 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;
-
-	/**Hold the shapelayers to be displayed in map
-	* @Default {[]}
-	*/
-	layers?: Array<any>;
-
-	/**Specifies the zoom level value for which map to be zoomed
-	* @Default {1}
-	*/
-	level?: number;
-
-	/**Specifies the maximum zoom level of the map
-	* @Default {100}
-	*/
-	maxValue?: number;
-
-	/**Specifies the minimum zoomSettings level of the map
-	* @Default {1}
-	*/
-	minValue?: number;
-
-	/**Enables or Disables the navigation control for map to perform zooming and panning on map shapes.
-	*/
-	navigationControl?: any;
-
-	/**Layer for holding the map shapes
-	*/
-	shapeLayer?: ShapeLayer;
-
-	/**Enables or Disables the Zooming for map.
-	*/
-	zoomSettings?: any;
-
-	/**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 ShapeLayerBubbleSettings {
-
-	/**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?: any;
-
-	/**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 ShapeLayerLabelSettings {
-
-	/**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;
-
-	/**enable or disable the showlabel property
-	* @Default {false}
-	*/
-	showLabels?: boolean;
-
-	/**set the smartLabelSize property
-	* @Default {fixed}
-	*/
-	smartLabelSize?: ej.datavisualization.Map.LabelSize|string;
-}
-
-export interface ShapeLayerLegendSettings {
-
-	/**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.LegendMode|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 ShapeLayerShapeSettings {
-
-	/**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?: any;
-
-	/**Specifies the shape color palette value of the shape layer in map. Accepted colorPalette values are palette1, palette2, palette3 and custompalette.
-	* @Default {palette1}
-	*/
-	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 ShapeLayer {
-
-	/**to get the type of bing map.
-	* @Default {aerial}
-	*/
-	bingMapType?: ej.datavisualization.Map.BingMapType|string;
-
-	/**Specifies the bubble settings for map
-	*/
-	bubbleSettings?: ShapeLayerBubbleSettings;
-
-	/**Specifies the datasource for the shape layer
-	*/
-	dataSource?: any;
-
-	/**Enables or disables the animation
-	* @Default {false}
-	*/
-	enableAnimation?: boolean;
-
-	/**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?: ShapeLayerLabelSettings;
-
-	/**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?: ShapeLayerLegendSettings;
-
-	/**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
-	*/
-	shapeDataobject?: any;
-
-	/**Specifies the shape settings of map layer
-	*/
-	shapeSettings?: ShapeLayerShapeSettings;
-
-	/**Shows or hides the map items.
-	* @Default {false}
-	*/
-	showMapItems?: boolean;
-
-	/**Shows or hides the tooltip for shapes
-	* @Default {false}
-	*/
-	showTooltip?: boolean;
-
-	/**Specifies the sub shape layers
-	* @Default {[]}
-	*/
-	subLayers?: Array<any>;
-
-	/**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 Orientation
-{
-//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 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 LabelOrientation
-{
-//specifies the horizontal position
-Horizontal,
-//specifies the vertical position
-Vertical,
-}
-}
-module Map
-{
-enum LegendMode
-{
-//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,
-}
-}
-
-class TreeMap extends ej.Widget {
-	static fn: TreeMap;
-	constructor(element: JQuery, options?: TreeMap.Model);
-	constructor(element: Element, options?: TreeMap.Model);
-	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 colors of the paletteColorMapping
-	* @Default {[]}
-	*/
-	colors?: Array<any>;
-
-	/**Specifies the color valuepath of the treemap
-	* @Default {null}
-	*/
-	colorValuePath?: string;
-
-	/**Specifies the datasource of the treemap
-	* @Default {null}
-	*/
-	dataSource?: any;
-
-	/**Specifies the desaturationColorMapping settings of the treemap
-	*/
-	desaturationColorMapping?: 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;
-
-	/**Enable/Disable the drillDown for treemap
-	* @Default {false}
-	*/
-	enableDrillDown?: boolean;
-
-	/**Specifies whether treemap need to resize when container is resized
-	* @Default {true}
-	*/
-	enableResize?: boolean;
-
-	/**Specifies the from value for desaturation color mapping
-	* @Default {0}
-	*/
-	from?: number;
-
-	/**Specifies the group color mapping of the treemap
-	* @Default {[]}
-	*/
-	groupColorMapping?: Array<any>;
-
-	/**Specifies the height for legend
-	* @Default {30}
-	*/
-	height?: number;
-
-	/**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 iconHeight for legend
-	* @Default {15}
-	*/
-	iconHeight?: number;
-
-	/**Specifies the iconWidth for legend
-	* @Default {15}
-	*/
-	iconWidth?: number;
-
-	/**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 legend settings of the treemap
-	*/
-	legendSettings?: any;
-
-	/**Specify levels of treemap for grouped visualization of datas
-	* @Default {[]}
-	*/
-	levels?: Array<any>;
-
-	/**Specifies the paletteColorMapping of the treemap
-	*/
-	paletteColorMapping?: any;
-
-	/**Specifies the rangeColorMapping settings of the treemap
-	*/
-	rangeColorMapping?: Array<any>;
-
-	/**Specifies the rangeMaximum value for desaturation color mapping
-	* @Default {0}
-	*/
-	rangeMaximum?: number;
-
-	/**Specifies the rangeMinimum value for desaturation color mapping
-	* @Default {0}
-	*/
-	rangeMinimum?: number;
-
-	/**Specifies the legend visibility status of the treemap
-	* @Default {false}
-	*/
-	showLegend?: boolean;
-
-	/**Specifies whether treemap tooltip need to be visible
-	* @Default {false}
-	*/
-	showTooltip?: boolean;
-
-	/**Specifies the template for legendSettings
-	* @Default {null}
-	*/
-	template?: string;
-
-	/**Specifies the to value for desaturation color mapping
-	* @Default {0}
-	*/
-	to?: number;
-
-	/**Specifies the tooltip template of the treemap
-	* @Default {null}
-	*/
-	tooltipTemplate?: string;
-
-	/**Hold the treeMapItems to be displayed in treemap
-	* @Default {[]}
-	*/
-	treeMapItems?: Array<any>;
-
-	/**Hold the Level settings of TreeMap
-	*/
-	treeMapLevel?: TreeMapLevel;
-
-	/**Specifies the uniColorMapping settings of the treemap
-	*/
-	uniColorMapping?: any;
-
-	/**Specifies the weight valuepath of the treemap
-	* @Default {null}
-	*/
-	weightValuePath?: string;
-
-	/**Specifies the width for legend
-	* @Default {100}
-	*/
-	width?: number;
-
-	/**Triggers on treemap item selected.*/
-	treeMapItemSelected? (e: TreeMapItemSelectedEventArgs): void;
-}
-
-export interface TreeMapItemSelectedEventArgs {
-
-	/**Returns selected treeMapItem object.
-	*/
-	originalEvent?: any;
-}
-
-export interface LeafItemSettings {
-
-	/**Specifies the border bruch 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 TreeMapLevel {
-
-	/**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 hideonexceededlength mode
-Hideonexceededlength,
-}
-}
-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);
-	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 {void}
-	*/
-	add(node: any): void;
-
-	/** 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 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;
-
-	/** 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.NameTypeDescriptionfileNamestringname of the file to be downloaded.formatstringformat of the exported file/data. See [File Formats](/js/api/global#fileformats).modestringto set whether to export diagram as a file or as raw data. See [Export Modes](/js/api/global#exportmodes).regionstringto set the region of the diagram to be exported. See [Region](/js/api/global#region).boundsobjectto export any custom region of diagram.marginobjectto set margin to the exported data.
-	* @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](/js/api/global#fitmode)
-	* @param {string} to set whether the region to be fit will be based on diagram elements or page settings [Region](/js/api/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 userhandles 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 {any} options to zoom the diagram(zoom factor, zoomIn/zoomOut)
-	* @returns {void}
-	*/
-	zoomTo(zoom: any): void;
-}
-export module Diagram{
-
-export interface Options {
-
-	/**name of the file to be downloaded.
-	*/
-	fileName?: string;
-
-	/**format of the exported file/data. See [File Formats](/js/api/global#fileformats).
-	*/
-	format?: string;
-
-	/**to set whether to export diagram as a file or as raw data. See [Export Modes](/js/api/global#exportmodes).
-	*/
-	mode?: string;
-
-	/**to set the region of the diagram to be exported. See [Region](/js/api/global#region).
-	*/
-	region?: string;
-
-	/**to export any custom region of diagram.
-	*/
-	bounds?: any;
-
-	/**to set margin to the exported data.
-	*/
-	margin?: any;
-}
-
-export interface Model {
-
-	/**Defines the background color of diagram elements
-	* @Default {transparent}
-	*/
-	backgroundColor?: string;
-
-	/**Defines the path of the background image of diagram elements
-	* @Default {null}
-	*/
-	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<Connectors>;
-
-	/**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;
-
-	/**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<Nodes>;
-
-	/**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 a child is added to or removed from a group*/
-	groupChange? (e: GroupChangeEventArgs): 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;
-}
-
-export interface AutoScrollChangeEventArgs {
-
-	/**Returns the delay between subsequent auto scrolls
-	*/
-	delay?: string;
-}
-
-export interface ClickEventArgs {
-
-	/**parameter returns the clicked node, connector or diagram
-	*/
-	element?: any;
-
-	/**parameter returns the object that is actually clicked
-	*/
-	actualObject?: number;
-
-	/**parameter returns the horizontal coordinate of the mouse pointer, relative to the diagram
-	*/
-	offsetX?: number;
-
-	/**parameter returns  the vertical coordinate of the mouse pointer, relative to the diagram
-	*/
-	offsetY?: number;
-
-	/**parameter returns the count of how many times the mouse button is pressed
-	*/
-	count?: number;
-
-	/**parameter returns the actual click event arguments that explains which button is clicked
-	*/
-	event?: any;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-export interface DoubleClickEventArgs {
-
-	/**parameter returns the object that is actually clicked
-	*/
-	actualObject?: any;
-
-	/**parameter returns the selected object
-	*/
-	element?: any;
-}
-
-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;
-}
-
-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;
-}
-
-export interface DragLeaveEventArgs {
-
-	/**parameter returns the node or connector that is dragged outside of the diagram
-	*/
-	element?: any;
-}
-
-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;
-}
-
-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
-	*/
-	sourceType?: string;
-}
-
-export interface GroupChangeEventArgs {
-
-	/**parameter returns the object that is added to/removed from a group
-	*/
-	element?: any;
-
-	/**parameter returns the old parent group(if any) of the object
-	*/
-	oldParent?: any;
-
-	/**parameter returns the new parent group(if any) of the object
-	*/
-	newParent?: any;
-
-	/**parameter returns the cause of group change("group", unGroup")
-	*/
-	cause?: string;
-}
-
-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 actual click event arguments that explains which button is clicked
-	*/
-	event?: any;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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 ConnectorsSegments {
-
-	/**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|string;
-
-	/**Defines the first control point of the bezier segment
-	* @Default {null}
-	*/
-	point1?: ej.datavisualization.Diagram.ConnectorsSourcePoint|string;
-
-	/**Defines the second control point of bezier segment
-	* @Default {null}
-	*/
-	point2?: ej.datavisualization.Diagram.ConnectorsSourcePoint|string;
-
-	/**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 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 Connectors {
-
-	/**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. For label properties, refer Labels
-	* @Default {[]}
-	*/
-	labels?: Array<any>;
-
-	/**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<ConnectorsSegments>;
-
-	/**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|string;
-
-	/**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 ContextMenu {
-
-	/**Defines the collection of context menu items
-	* @Default {[]}
-	*/
-	items?: Array<any>;
-
-	/**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?: 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;
-
-	/**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;
-}
-
-export interface Layout {
-
-	/**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;
-
-	/**Sets the margin value to be horizontally left between the layout and diagram
-	* @Default {0}
-	*/
-	marginX?: number;
-
-	/**Sets the margin value to be vertically left between layout and diagram
-	* @Default {0}
-	*/
-	marginY?: number;
-
-	/**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 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 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 NodesLabels {
-
-	/**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 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;
-
-	/**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 NodesLanes {
-
-	/**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 NodesPhases {
-
-	/**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 NodesPorts {
-
-	/**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;
-
-	/**Defines the loop type of a sub process.
-	* @Default {ej.datavisualization.Diagram.BPMNLoops.None}
-	*/
-	loop?: ej.datavisualization.Diagram.BPMNLoops|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 Nodes {
-
-	/**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;
-
-	/**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>;
-
-	/**Defines whether the BPMN data object is a collection or not
-	* @Default {false}
-	*/
-	collection?: boolean;
-
-	/**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;
-
-	/**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 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;
-
-	/**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 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<NodesLabels>;
-
-	/**An array of objects where each object represents a lane. Applicable, if the node is a swimlane.
-	* @Default {[]}
-	*/
-	lanes?: Array<NodesLanes>;
-
-	/**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<NodesPhases>;
-
-	/**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<NodesPorts>;
-
-	/**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|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;
-
-	/**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 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 using commands that have to be added around the selector.
-	* @Default {[]}
-	*/
-	userHandles?: Array<any>;
-
-	/**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 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 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 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 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 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 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 all Constraints
-Default,
-}
-}
-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 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 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 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,
-}
-}
-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,
-}
-}
-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 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,
-}
-}
-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 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 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,
-}
-}
-module Diagram
-{
-enum Shapes
-{
-//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 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 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 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,
-}
-}
-
-}
-
-interface JQueryXHR {
-}
-interface JQueryPromise<T> {
-}
-interface JQueryDeferred<T> extends JQueryPromise<T> {
-}
-interface JQueryParam {
-}
-interface JQuery {
-    data(key: any): any;
-}
-interface JQuery {
-
-    ejButton(): JQuery;
-    ejButton(options?: ej.Button.Model): JQuery;
-    data(key: "ejButton"): ej.Button;
-
-    ejCaptcha(): JQuery;
-    ejCaptcha(options?: ej.Captcha.Model): JQuery;
-    data(key: "ejCaptcha"): ej.Captcha;
-
-    ejAccordion(): JQuery;
-    ejAccordion(options?: ej.Accordion.Model): JQuery;
-    data(key: "ejAccordion"): ej.Accordion;
-
-    ejAutocomplete(): JQuery;
-    ejAutocomplete(options?: ej.Autocomplete.Model): JQuery;
-    data(key: "ejAutocomplete"): ej.Autocomplete;
-
-    ejDatePicker(): JQuery;
-    ejDatePicker(options?: ej.DatePicker.Model): JQuery;
-    data(key: "ejDatePicker"): ej.DatePicker;
-
-    ejDateTimePicker(): JQuery;
-    ejDateTimePicker(options?: ej.DateTimePicker.Model): JQuery;
-    data(key: "ejDateTimePicker"): ej.DateTimePicker;
-
-    ejDialog(): JQuery;
-    ejDialog(options?: ej.Dialog.Model): JQuery;
-    data(key: "ejDialog"): ej.Dialog;
-
-    ejDropDownList(): JQuery;
-    ejDropDownList(options?: ej.DropDownList.Model): JQuery;
-    data(key: "ejDropDownList"): ej.DropDownList;
-
-    ejFileExplorer(): JQuery;
-    ejFileExplorer(options?: ej.FileExplorer.Model): JQuery;
-    data(key: "ejFileExplorer"): ej.FileExplorer;
-
-    ejListBox(): JQuery;
-    ejListBox(options?: ej.ListBox.Model): JQuery;
-    data(key: "ejListBox"): ej.ListBox;
-
-    ejListView(): JQuery;
-    ejListView(options?: ej.ListView.Model): JQuery;
-    data(key: "ejListView"): ej.ListView;
-
-    ejNumericTextbox(): JQuery;
-    ejNumericTextbox(options?: ej.Editor.Model): JQuery;
-    data(key: "ejNumericTextbox"): ej.NumericTextbox;
-
-    ejCurrencyTextbox(): JQuery;
-    ejCurrencyTextbox(options?: ej.Editor.Model): JQuery;
-    data(key: "ejCurrencyTextbox"): ej.CurrencyTextbox;
-
-    ejPercentageTextbox(): JQuery;
-    ejPercentageTextbox(options?: ej.Editor.Model): JQuery;
-    data(key: "ejPercentageTextbox"): ej.PercentageTextbox;
-
-    ejMaskEdit(): JQuery;
-    ejMaskEdit(options?: ej.MaskEdit.Model): JQuery;
-    data(key: "ejMaskEdit"): ej.MaskEdit;
-
-    ejMenu(): JQuery;
-    ejMenu(options?: ej.Menu.Model): JQuery;
-    data(key: "ejMenu"): ej.Menu;
-
-    ejPager(): JQuery;
-    ejPager(options?: ej.Pager.Model): JQuery;
-    data(key: "ejPager"): ej.Pager;
-
-    ejProgressBar(): JQuery;
-    ejProgressBar(options?: ej.ProgressBar.Model): JQuery;
-    data(key: "ejProgressBar"): ej.ProgressBar;
-
-    ejRadioButton(): JQuery;
-    ejRadioButton(options?: ej.RadioButton.Model): JQuery;
-    data(key: "ejRadioButton"): ej.RadioButton;
-
-    ejCheckBox(): JQuery;
-    ejCheckBox(options?: ej.CheckBox.Model): JQuery;
-    data(key: "ejCheckBox"): ej.CheckBox;
-
-    ejRibbon(): JQuery;
-    ejRibbon(options?: ej.Ribbon.Model): JQuery;
-    data(key: "ejRibbon"): ej.Ribbon;
-	
-	ejKanban(): JQuery;
-    ejKanban(options?: ej.Kanban.Model): JQuery;
-    data(key: "ejKanban"): ej.Kanban;
-
-    ejRating(): JQuery;
-    ejRating(options?: ej.Rating.Model): JQuery;
-    data(key: "ejRating"): ej.Rating;
-
-    ejRotator(): JQuery;
-    ejRotator(options?: ej.Rotator.Model): JQuery;
-    data(key: "ejRotator"): ej.Rotator;
-
-    ejRTE(): JQuery;
-    ejRTE(options?: ej.RTE.Model): JQuery;
-    data(key: "ejRTE"): ej.RTE;
-
-    ejSlider(): JQuery;
-    ejSlider(options?: ej.Slider.Model): JQuery;
-    data(key: "ejSlider"): ej.Slider;
-
-    ejSplitButton(): JQuery;
-    ejSplitButton(options?: ej.SplitButton.Model): JQuery;
-    data(key: "ejSplitButton"): ej.SplitButton;
-
-    ejSplitter(): JQuery;
-    ejSplitter(options?: ej.Splitter.Model): JQuery;
-    data(key: "ejSplitter"): ej.Splitter;
-
-    ejTab(): JQuery;
-    ejTab(options?: ej.Tab.Model): JQuery;
-    data(key: "ejTab"): ej.Tab;
-
-    ejTagCloud(): JQuery;
-    ejTagCloud(options?: ej.TagCloud.Model): JQuery;
-    data(key: "ejTagCloud"): ej.TagCloud;
-
-    ejTimePicker(): JQuery;
-    ejTimePicker(options?: ej.TimePicker.Model): JQuery;
-    data(key: "ejTimePicker"): ej.TimePicker;
-
-    ejTile(): JQuery;
-    ejTile(options?: ej.Tile.Model): JQuery;
-    data(key: "ejTile"): ej.Tile;
-
-    ejToggleButton(): JQuery;
-    ejToggleButton(options?: ej.ToggleButton.Model): JQuery;
-    data(key: "ejToggleButton"): ej.ToggleButton;
-
-    ejToolbar(): JQuery;
-    ejToolbar(options?: ej.Toolbar.Model): JQuery;
-    data(key: "ejToolbar"): ej.Toolbar;
-
-    ejNavigationDrawer(): JQuery;
-    ejNavigationDrawer(options?: ej.NavigationDrawer.Model): JQuery;
-    data(key: "ejNavigationDrawer"): ej.NavigationDrawer;
-
-    ejRadialMenu(): JQuery;
-    ejRadialMenu(options?: ej.RadialMenu.Model): JQuery;
-    data(key: "ejRadialMenu"): ej.RadialMenu;
-
-    ejTreeView(): JQuery;
-    ejTreeView(options?: ej.TreeView.Model): JQuery;
-    data(key: "ejTreeView"): ej.TreeView;
-
-    ejUploadbox(): JQuery;
-    ejUploadbox(options?: ej.Uploadbox.Model): JQuery;
-    data(key: "ejUploadbox"): ej.Uploadbox;
-
-    ejWaitingPopup(): JQuery;
-    ejWaitingPopup(options?: ej.WaitingPopup.Model): JQuery;
-    data(key: "ejWaitingPopup"): ej.WaitingPopup;
-
-    ejSchedule(): JQuery;
-    ejSchedule(options?: ej.Schedule.Model): JQuery;
-    data(key: "ejSchedule"): ej.Schedule;
-
-    ejRecurrenceEditor(): JQuery;
-    ejRecurrenceEditor(options?: ej.RecurrenceEditorOptions): JQuery;
-    data(key: "ejRecurrenceEditor"): ej.RecurrenceEditor;
-
-    ejGrid(): JQuery;
-    ejGrid(options?: ej.Grid.Model): JQuery;
-    data(key: "ejGrid"): ej.Grid;
-	
-    /*ReportViewer*/
-    ejReportViewer(): JQuery;
-    ejReportViewer(options?: ej.ReportViewer.Model): JQuery;
-    data(key: "ejReportViewer"): ej.ReportViewer;
-    /*ReportViewer*/
-
-    ejLinearGauge(): JQuery;
-    ejLinearGauge(options?: ej.datavisualization.LinearGauge.Model): JQuery;
-    data(key: "ejLinearGauge"): ej.datavisualization.LinearGauge;
-
-    ejDigitalGauge(): JQuery;
-    ejDigitalGauge(options?: ej.datavisualization.DigitalGauge.Model): JQuery;
-    data(key: "ejDigitalGauge"): ej.datavisualization.DigitalGauge;
-
-    ejCircularGauge(): JQuery;
-    ejCircularGauge(options?: ej.datavisualization.CircularGauge.Model): JQuery;
-    data(key: "ejCircularGauge"): ej.datavisualization.CircularGauge;
-
-    ejChart(): JQuery;
-    ejChart(options?: ej.datavisualization.Chart.Model): JQuery;
-    data(key: "ejChart"): ej.datavisualization.Chart;
-
-    ejRangeNavigator(): JQuery;
-    ejRangeNavigator(options?: ej.datavisualization.RangeNavigator.Model): JQuery;
-    data(key: "ejRangeNavigator"): ej.datavisualization.RangeNavigator;
-
-    ejBulletGraph(): JQuery;
-    ejBulletGraph(options?: ej.datavisualization.BulletGraph.Model): JQuery;
-    data(key: "ejBulletGraph"): ej.datavisualization.BulletGraph;
-
-    ejGantt(): JQuery;
-    ejGantt(options?: ej.Gantt.Model): JQuery;
-    data(key: "ejGantt"): ej.Gantt;
-
-    ejTreeGrid(): JQuery;
-    ejTreeGrid(options?: ej.TreeGrid.Model): JQuery;
-    data(key: "ejTreeGrid"): ej.TreeGrid;
-
-    ejMap(): JQuery;
-    ejMap(options?: ej.datavisualization.Map.Model): JQuery;
-    data(key: "ejMap"): ej.datavisualization.Map;
-
-    ejTreeMap(): JQuery;
-    ejTreeMap(options?: ej.datavisualization.TreeMap.Model): JQuery;
-    data(key: "ejTreeMap"): ej.datavisualization.TreeMap;
-
-    ejBarcode(): JQuery;
-    ejBarcode(options?: ej.datavisualization.Barcode.Model): JQuery;
-    data(key: "ejBarcode"): ej.datavisualization.Barcode;
-
-    ejDiagram(): JQuery;
-    ejDiagram(options?: ej.datavisualization.Diagram.Model): JQuery;
-    data(key: "ejDiagram"): ej.datavisualization.Diagram;
-
-    // ejSymbolPalette(): JQuery;
-    // ejSymbolPalette(options?: ej.datavisualization.SymbolPalette.Model): JQuery;
-    // data(key: "ejSymbolPalette"): ej.datavisualization.SymbolPalette;
-
-    ejOlapChart(): JQuery;
-    ejOlapChart(options?: ej.olap.OlapChart.Model): JQuery;
-    data(key: "ejOlapChart"): ej.olap.OlapChart;
-
-    ejPivotGrid(): JQuery;
-    ejPivotGrid(options?: ej.PivotGrid.Model): JQuery;
-    data(key: "ejPivotGrid"): ej.PivotGrid;
-
-    ejPivotSchemaDesigner(): JQuery;
-    ejPivotSchemaDesigner(options?: ej.PivotSchemaDesigner.Model): JQuery;
-    data(key: "ejPivotSchemaDesigner"): ej.PivotSchemaDesigner;
-
-    ejOlapClient(): JQuery;
-    ejOlapClient(options?: ej.olap.OlapClient.Model): JQuery;
-    data(key: "ejOlapClient"): ej.olap.OlapClient;
-
-    ejOlapGauge(): JQuery;
-    ejOlapGauge(options?: ej.olap.OlapGauge.Model): JQuery;
-    data(key: "ejOlapGauge"): ej.olap.OlapGauge;
-
-    ejPivotPager(): JQuery;
-    ejPivotPager(options?: ej.PivotPager.Model): JQuery;
-    data(key: "ejPivotPager"): ej.PivotPager;
-	
-    /* Spreadsheet */
-    ejSpreadsheet(): JQuery;
-    ejSpreadsheet(options?: ej.Spreadsheet.Model): JQuery;
-    data(key: "ejSpreadsheet"): ej.Spreadsheet;
-    /* Spreadsheet */
-
-    ejScroller(): JQuery;
-    ejScroller(options?: ej.Scroller.Model): JQuery;
-    data(key: "ejScroller"): ej.Scroller;
-	
-	ejDraggable(): JQuery;
-    ejDraggable(options?: ej.DraggableOptions): JQuery;
-    data(key: "ejDraggable"): ej.Draggable;
-	
-	ejDroppable(): JQuery;
-    ejDroppable(options?: ej.DroppableOptions): JQuery;
-    data(key: "ejDroppable"): ej.Droppable;
-	
-    ejResizable(): JQuery;
-    ejResizable(options?: ej.ResizableOptions): JQuery;
-    data(key: "ejResizable"): ej.Resizable;
-	
-	ejColorPicker(): JQuery;
-    ejColorPicker(options?: ej.ColorPicker.Model): JQuery;
-    data(key: "ejColorPicker"): ej.ColorPicker;
-	
-	ejRadialSlider(): JQuery;
-    ejRadialSlider(options?: ej.RadialSliderOptions): JQuery;
-    data(key: "ejRadialSlider"): ej.RadialSlider;
-
-}
\ No newline at end of file
diff --git a/ej.widgets.all/ej.widgets.all-tests.ts b/ej.widgets.all/ej.widgets.all-tests.ts
deleted file mode 100644
index 1f8412ad8d..0000000000
--- a/ej.widgets.all/ej.widgets.all-tests.ts
+++ /dev/null
@@ -1,1260 +0,0 @@
-/// <reference path="../jquery/jquery.d.ts" />
-/// <reference path="ej.widgets.all.d.ts" />
-
-$(document).ready(function () {
-
-    //Properties
-    $("#draggable1").ejDraggable({
-          drag: ondrag1, dragStart: ondragstart1, dragStop: ondragstop1
-    });
-    $("#droppable1").ejDroppable();
-   
-});
-//Events
-
-function ondrag1() {
-    console.log("The mouse is moved during the dragging.");
-}
-function ondragstart1() {
-    console.log("To handle the drag start event as an init option.");
-}
-function ondragstop1() {
-    console.log("The mouse is moved during the dragging..");
-}
-
-
-
-
-
-$(document).ready(function () {
-
-    //Properties
-    $("#draggable1").ejDraggable({
-          drag: ondrag2, dragStart: ondragstart2, dragStop: ondragstop2
-    });
-    $("#droppable1").ejDroppable();
-   
-});
-//Events
-
-function ondrag2() {
-    console.log("The mouse is moved during the dragging.");
-}
-function ondragstart2() {
-    console.log("To handle the drag start event as an init option.");
-}
-function ondragstop2() {
-    console.log("The mouse is moved during the dragging..");
-}
-
-
-
-
-
-$(document).ready(function () {
-
-    //Properties
-    $("#resizable1").ejResizable({resizeStart: onresizestart , resizeStop: onresizestop });
-   
-});
-//Events
-function onresizestart() {
-    console.log("The resizing is start");
-}
-function onresizestop() {
-    console.log("The resizing is stop");
-}
-
-
-
-
-
-$(document).ready(function () {
-
-    //Properties
-    $("#scroller1").ejScroller({ height: 300, width: 500, create: onScrollCreate });
-    $("#scroller2").ejScroller({ height: 300, width: 500,scrollTop:40 });
-
-});
-//Events
-function onScrollCreate() {
-    console.log("control created");
-}
-
-$(document).ready(function () {
-   
-    $("#accordion1").ejAccordion({cssClass: "gradient-lime" , create: AccordionCreate });
-	 $("#accordion2").ejAccordion({ enabled: true , activate: AccordionActivate });
-    
-});
-
-function AccordionCreate() { 
-    console.log("create");
-}
-function AccordionActivate(){
-    console.log("activate")
-}
-
-$(document).ready(function () {
-   
-    $("#Text1").ejButton({ text: "Button", enabled: false , create: onButtoncreate });
-	$("#Text2").ejButton({ text: "Button", cssClass: "customclass" , click: onButtonclick });
-});
-
-function onButtoncreate() { 
-    console.log("create");
-}
-function onButtonclick(){
-    console.log("click")
-}
-$(document).ready(function () {
-
-    //Properties
-    $("#listbox1").ejListBox({ allowMultiSelection: true, create: onlistBoxcreate });
-    $("#listbox2").ejListBox({ showCheckbox: true,checkChange: onlistBoxcheckchange });
-
-});
-//Events
-function onlistBoxcreate() {
-    console.log("control created");
-}
-function onlistBoxcheckchange() {
-    console.log("list item is checked or unchecked");
-}
-
-
-
-
-
-$(document).ready(function () {
-   
-    $("#checkbox1").ejCheckBox({ enableTriState: true, create: onCheckboxcreate });
-    $("#checkbox2").ejCheckBox({ checked: true , change: onCheckboxchange });
-
-});
-
-function onCheckboxcreate() { 
-    console.log("create");
-}
-function onCheckboxchange(){
-    console.log("change")
-}
-
-
-
-$(document).ready(function () {
-   
-    $("#colorpicker1").ejColorPicker({ value: "#278787" , open: oncolorPickeropen });
-    $("#colorpicker2").ejColorPicker({ enabled: true,  create: oncolorPickercreate });
-	   
-});
-function oncolorPickeropen() { 
-    console.log("open");
-}
-function oncolorPickercreate(){
-    console.log("create")
-}
-
-
-$(document).ready(function () {
-   
-            $("#fileExplorer").ejFileExplorer({
-                isResponsive: true,
-                fileTypes: "*.png, *.gif, *.jpg, *.jpeg, *.docx",
-                layout: "largeicons",
-                path: "http://mvc.syncfusion.com/ODataServices/FileBrowser/",
-                ajaxAction: "http://mvc.syncfusion.com/OdataServices/fileExplorer/fileoperation/doJSONPAction",
-                ajaxDataType: "jsonp",
-            });
-});
-
-
-$(document).ready(function () {
-   
-    $("#datepicker1").ejDatePicker({dateFormat: "dd/MM/yyyy" ,open: ondatePickeropen });
-    $("#datepicker3").ejDatePicker({value: "21/2/2010" , select: ondatePickerselect });
-	   
-});
-function ondatePickeropen() { 
-    console.log("open");
-}
-function ondatePickerselect(){
-    console.log("select")
-}
-
-
-$(document).ready(function () {
-   
-    $("#datetimepicker1").ejDateTimePicker({width:"100%" , create: ondatetimePickercreate });
-    $("#datetimepicker2").ejDateTimePicker({enableRTL: true , open: ondatetimePickeropen });
-});
-function ondatetimePickercreate() { 
-    console.log("create");
-}
-function ondatetimePickeropen(){
-    console.log("open")
-}
-
-
-$(document).ready(function () {
-    $("#Div1").ejDialog({ enabled: true , open : ondialogOpen });
-	$("#Div2").ejDialog({ title: "Low battery" , beforeClose : ondialogbeforeClose });
-});
-function ondialogbeforeClose() {
-    console.log("beforeClose");
-}
-function ondialogOpen() {
-    console.log("open");
-}
-$(document).ready(function () {
-   
-    $("#dropdownlist1").ejDropDownList({ targetID: "carsList", create: ondropDowncreate });
-	$("#dropdownlist2").ejDropDownList({ watermarkText: "Select a car", change: ondropDownchange });
-});
-
-function ondropDowncreate() { 
-    console.log("create");
-}
-function ondropDownchange(){
-    console.log("change")
-}
-$(document).ready(function () {
-    $("#num1").ejNumericTextbox({ value:"35" ,create: onEditorcreate });
-	$("#num2").ejNumericTextbox({ width:"100%" , change: onEditorchange });
-	
-	$("#num3").ejPercentageTextbox({ value:"3" ,create: onEditorcreate });
-	$("#num4").ejPercentageTextbox({ width:"100%" , change: onEditorchange });
-	
-	$("#num5").ejCurrencyTextbox({ value:"555" ,create: onEditorcreate });
-	$("#num6").ejCurrencyTextbox({ width:"100%" , change: onEditorchange });
-		
-});
-
-function onEditorcreate() { 
-    console.log("create");
-}
-function onEditorchange(){
-    console.log("change")
-}
-
-$(document).ready(function () {
-
-    //Properties
-    $("#listview1").ejListView({ width: 200,mouseUP: onlistViewmouseup });
-    $("#listview2").ejListView({ height: 300, mouseDown: onlistViewmousedown });
-
-});
-//Events
-function onlistViewmouseup() {
-    console.log("mouse up happens on the item.");
-}
-function onlistViewmousedown() {
-    console.log("mouse down happens on the item.");
-}
-
-
-
-
-
-
-
-
-
-$(document).ready(function () {
-    $("#num1").ejMaskEdit({ maskFormat: "99-999-99999" ,create: onmaskEditcreate });
-	$("#num2").ejMaskEdit({ watermarkText: "99-999-99999", width:"100%" , change: onmaskEditchange });	
-});
-
-function onmaskEditcreate() { 
-    console.log("create");
-}
-function onmaskEditchange(){
-    console.log("change")
-}
-$(document).ready(function () {
-
-    //Properties
-    $("#menu1").ejMenu({ enabled: false ,create: onMenucreate });
-    $("#menu2").ejMenu({ width: "800px",click: onMenuclick });
-
-});
-//Events
-function onMenucreate() {
-    console.log("control created");
-}
-function onMenuclick() {
-    console.log("mouse click on menu items");
-}
-
-
-
-
-
-$(document).ready(function () {
-     $("#pager1").ejPager({ click : onclickpager });
-	 $("#pager2").ejPager({ enableRTL: true });
-});
-
-function onclickpager(){
-    console.log("click")
-}
-$(document).ready(function () {
-   
-    $("#progress1").ejProgressBar({ text: 'loading...' , value: 50 , create: ProgressBarCreate });
-	$("#progress2").ejProgressBar({ width: 200, value: 50 , change: ProgressBarChange });
-    
-});
-
-function ProgressBarCreate() { 
-    console.log("create");
-}
-function ProgressBarChange(){
-    console.log("change");
-}
-
-$(document).ready(function () {
-    $("#r1").ejRadioButton({ create: onradioButtoncreate });
-    $("#r2").ejRadioButton({ text: "RadioButton",change: onradioButtonchange });
-    $("#r3").ejRadioButton({ text: "RadioButton1", enabled: false });  
-});
-
-function onradioButtonchange() {    
-    console.log("Change triggered");
-}
-function onradioButtoncreate() {    
-    console.log("Create triggered");
-}
-$(document).ready(function () {
-    $("#Div1").ejRating({ enabled: true, click: onRatingclick });
-    $("#Div2").ejRating({ incrementStep: 1, change: RatingvalueChanged });    
-});
-
-function RatingvalueChanged() {
-    console.log("Value changed");
-}
-function onRatingclick() {
-    console.log("Entered");
-}
-$(document).ready(function () {
-                  
-        
-    $("#test1").ejRibbon({
-        allowResizing:true,applicationTab: {
-             menuSettings: {
-                 openOnClick: false
-             }
-         },
-         tabs: [{
-             id: "home",
-             text: "HOME",
-             groups: [{
-                 text: "New",
-                 type: "custom",
-                 contentID: "btn"
-             }]
-         }], 
-    });
-    $("#test2").ejRibbon({
-         width: "100%",
-         applicationTab: {
-             menuSettings: {
-                 openOnClick: false
-             }
-         },
-         tabs: [{
-             id: "home",
-             text: "HOME",
-             groups: [{
-                 text: "New",
-                 type: "custom",
-                 contentID: "btn"
-             }]
-         }], tabClick: onRibbonTabClick
-    });
-});
-
-function onRibbonTabClick() {
-    console.log("Tab Clicked..");
-}
-
-$(function() {
-            $("#Kanban").ejKanban(
-                {
-                    enableRTL: true,
-                    columns: [
-                        { headerText: "Backlog", key: "Open" },
-                        { headerText: "In Progress", key: "InProgress" },
-                        { headerText: "Testing", key: "Testing" },
-                        { headerText: "Done", key: "Close" }
-                    ],                                                           			
-                    keyField: "Status",
-		    			
-                    
-                });
-        });
-
-$(document).ready(function () {
-    var imageData = [
-        {
-            "imageurl": "../themes/images/rose.jpg",
-        },
-        {
-            "imageurl": "../themes/images/rose.jpg",
-        }
-     
-    ];
-    $("#test1").ejRotator({
-       dataSource:imageData, allowKeyboardNavigation : false,create: onRotatorCreate
-    });
-    $("#test2").ejRotator({
-        dataSource:imageData, displayItemsCount  : "1",pagerClick: onRotatorpagerClick
-        
-    });
-   
-
-});
-
-function onRotatorCreate() {
-    console.log("created");
-}
-function onRotatorpagerClick() {
-    console.log("page clicked..");
-}
-
-
-$(document).ready(function () {
-    $("#rteSample").ejRTE({ allowEditing: false , enableRTL: true });
-    $("#rteSample").ejRTE({ change: onRtechange , execute: onRteExecute });   
-});
-
-function onRtechange() {    
-    console.log("Change triggered");
-}
-function onRteExecute() {    
-    console.log("Executed");
-}
-$(document).ready(function() {
-    $("#test1").ejSlider({ showRoundedCorner: true });
-    $("#test2").ejSlider({ orientation: ej.Orientation.Vertical });
-    $("#test3").ejSlider({ minValue: 20, maxValue: 80 });
-    $("#test4").ejSlider({ start: Sliderstart });
-    $("#test5").ejSlider({ enabled: false });
-    $("#test6").ejSlider({ slide: onSliderslide });   
-});
-function Sliderstart() {
-    console.log("Slider Started");
-}
-function onSliderslide() {
-    console.log("Moving");
-}
-
-$(document).ready(function () {
-    $("#sbutton").ejSplitButton({ 
-                width: "120px",
-                height: "50px",
-                buttonMode: ej.ButtonMode.Dropdown,
-                create: splitButtonopen,
-                targetID: "target",
-                 });
-});
-
-function splitButtonopen()
-{
-alert("Opened");
-}
-
-
-
-$(document).ready(function () {
-   
-    $("#splitter1").ejSplitter({ enableRTL: true , create: onSplitterCreate });
-    $("#splitter2").ejSplitter({allowKeyboardNavigation: false , expandCollapse: onSplitterExpandCollapse });
-	   
-});
-function onSplitterCreate() { 
-    console.log("Created");
-}
-function onSplitterExpandCollapse(){
-    console.log("expand and collapsed")
-}
-
-$(document).ready(function () {
-   
-    $("#tab1").ejTab({ enableRTL: true , create: onTabCreate });
-    $("#tab2").ejTab({ showRoundedCorner: true , ajaxSuccess: onTabAjaxSuccess  });
-        
-});
-function onTabCreate() {
-    console.log("created");
-}
-
-function onTabAjaxSuccess() {
-    console.log("ajaxsuccess");
-}
-
-
-$(function () {
-    // declaration
-    var websiteCollection = [
-        { text: "Google", url: "http://www.google.com", frequency: 12 },
-        { text: "All Things Digital", url: "http://allthingsd.com/", frequency: 3 },
-       
-    ];
-    $("#tagtest").ejTagCloud({
-        titleText: "Tech Sites",
-        dataSource: websiteCollection,
-        enableRTL: true, mouseout: onTagMouseout
-    });
-    $("#tagtest1").ejTagCloud({
-        titleText: "Tech Sites",
-        dataSource: websiteCollection,
-        maxFontSize: "10px", create: onTagCreate
-    });
-    function onTagCreate() {
-        console.log("created");
-    }
-    function onTagMouseout() {
-        console.log("mouseout");
-    }
-});
-
-
-
-    $(function () {
-        $("#time").ejTimePicker({ enabled : true, height : "35",close: TimeClose,create: TimeCreate});
-    });
-
-   function TimeClose() {
-    console.log("close");
-    }
-   function TimeCreate() {
-    console.log("create");
-   }
- 
-
-    $(function () {
-        $("#tbutton").ejToggleButton({
-            size: "large",
-			height: "28px",
-			click:ToggleClick,
-			create:ToggleCreate
-        });
-    });
-
-	function ToggleClick() {
-       console.log("click");
-    }
-    function ToggleCreate() {
-       console.log("create");
-    }
- 
-$(function () {// document ready
-        // Toolbar control creation 
-        $("#ToolbarItem").ejToolbar({
-            width: "auto", // width of the Toolbar
-            height: "33px", // height of the Toolbar
-			create:ToolBarCreate,
-			click:ToolBarClick
-        });    
-    });
-    
-function ToolBarCreate() {
-    console.log("click");
-}
-function ToolBarClick() {
-    console.log("create");
-}
- 
-$(document).ready(function () {
-   
-   $("#treeView").ejTreeView({ width: 300 , cssClass: 'customclass' , create: TreeViewCreate });
-    
-   $("#treeView1").ejTreeView({  height: 300 ,  enabled: true , nodeClick: TreeViewClick });
-});
-
-
-function TreeViewCreate() { 
-    console.log("create");
-}
-function TreeViewClick(){
-    console.log("click");
-}
-
-$(document).ready(function () {
-
-    //Properties
-    $("#uploadbbox1").ejUploadbox({ height: "60px", create: onuploadBoxcreate });
-    $("#uploadbbox2").ejUploadbox({ enableRTL: true, fileSelect: onuploadBoxfileselect });
-
-});
-//Events
-function onuploadBoxcreate() {
-    console.log("control created");
-}
-function onuploadBoxfileselect() {
-    console.log("file has been selected");
-}
-
-
-
-
-
-
-
-
-
-$(document).ready(function () {
-
-    //Properties
-    $("#waitingpopup1").ejWaitingPopup({ showOnInit: true, create: onwaitingPopupcreate });
-    $("#waitingpopup2").ejWaitingPopup({ showOnInit: true, showImage: false });
-
-});
-//Events
-function onwaitingPopupcreate() {
-    console.log("control created");
-}
-
-
-
-
-
-$(function () {
-            $("#Grid").ejGrid({
-                allowPaging: true,
-                allowSorting: true,
-                rowSelected: onGridRowSelect,
-                columnSelected: onGridColumnSelect,
-                rightClick: onGridRightClick,
-                columns: [
-                        { field: "OrderID", headerText: "Order ID", width: 75 , textAlign: ej.TextAlign.Right },
-                        { field: "CustomerID", headerText: "Customer ID", width: 80 },
-                        { field: "EmployeeID", headerText: "Employee ID", width: 75, textAlign: ej.TextAlign.Right },
-                        { field: "Freight", width: 75, format: "{0:C}", textAlign: ej.TextAlign.Right },
-                        { field: "OrderDate", headerText: "Order Date", width: 80, format: "{0:MM/dd/yyyy}", textAlign: ej.TextAlign.Right },
-                        { field: "ShipCity", headerText: "Ship City", width: 110 }
-                ]
-            });
-        });
-  
-function onGridRowSelect()
-{
-console.log("Row Selected");
-}  
-function onGridRightClick()
-{
-console.log("Right Click Button Clicked");
-}  
-function onGridColumnSelect()
-{
-console.log("Column Selected");
-}  
-
-    $(function () {
-            $("#PivotGrid").ejPivotGrid({
-				load: PivotGridload,
-				renderComplete: PivotGridrenderComplete,
-				url: "/wcf/PivotGridService.svc",
-				isResponsive: true 
-                            
-            });
-	 });
-
-	function PivotGridload() {
-       console.log("load");
-    }
-    function PivotGridrenderComplete() {
-       console.log("rendercomplete");
-    }
- 
-
-    $(function () {
-                        $("#PivotSchemaDesigner1").ejPivotSchemaDesigner({
-						height: "630px",
-						url: "/wcf/PivotService.svc"
-						});
-	 });
-
-	
- 
-$(document).ready(function () {
-     $("#pivotpager1").ejPivotPager({ categoricalCurrentPage: 1 });
-	 $("#pivotpager2").ejPivotPager({ seriesPageCount: 0 });
-});
-
-$(document).ready(function () {
-    $("#test1").ejSchedule({
-        cellHeight:"35px", cellClick: onScheduleCellClick
-    });
-    $("#test2").ejSchedule({
-        enableRTL: true, menuItemClick: onScheduleMenuItemClick
-    });
-});
-function onScheduleCellClick() {
-    console.log("cell clicked..");
-}
-function onScheduleMenuItemClick() {
-    console.log("Menu Item Clicked..");
-}
-
-
-        $(function () {
-            $("#RecurrenceEditor").ejRecurrenceEditor({
-                selectedRecurrenceType: 0,
-                create: RecurrenceEditorOncreate
-            });
-            
-        });
-
-	     function RecurrenceEditorOncreate() {
-             this.element.find("#recurrencetype_wrapper").css("width", "33%");
-         }
- 
-$(document).ready(function () {
-
-$("#GanttContainer").ejGantt({
-                allowSelection: true,
-                allowColumnResize: true,
-                taskIdMapping: "TaskID",
-                taskNameMapping: "TaskName",
-                scheduleStartDate: "02/23/2014",
-                scheduleEndDate: "03/31/2014",
-                startDateMapping: "StartDate",
-                endDateMapping: "EndDate",
-                progressMapping: "Progress",
-                childMapping: "Children",
-                allowGanttChartEditing: false,
-                treeColumnIndex: 1,
-                enableResize: true,
-                expanded: onGanttExpand,
-                load: onGanttLoad
-            });
-});
-
-function onGanttExpand()
-{
-console.log("Expanded");
-}
-function onGanttLoad()
-{
-console.log("Loading");
-}
-$(document).ready(function () {
-                  
-        
-    $("#test1").ejReportViewer({ reportServiceUrl: "../api/RDLReport",enablePageCache: false,reportLoaded: onReportReportLoaded });
-    $("#test2").ejReportViewer({
-        renderMode: ej.ReportViewer.RenderMode.Default,reportServiceUrl: "../api/RDLReport",renderingBegin: onReportRenderingBegin });
-});
-function onReportRenderingBegin() {
-    console.log("Rendering Begin..");
-}
-function onReportReportLoaded() {
-    console.log("Report Loaded..");
-}
-
-$(document).ready(function () {
- var dataManager = [
-         {
-             taskID: 1,
-             taskName: "Planning",
-             startDate: "02/03/2014",
-             endDate: "02/07/2014",
-             progress: 100,
-             duration: 5,
-             priority: "Normal",
-             approved: false,
-             subtasks: [
-                 { taskID: 2, taskName: "Plan timeline", startDate: "02/03/2014", endDate: "02/07/2014", duration: 5, progress: 100, priority: "Normal", approved: false },
-                 { taskID: 3, taskName: "Plan budget", startDate: "02/03/2014", endDate: "02/07/2014", duration: 5, progress: 100, approved: true },
-                 { taskID: 4, taskName: "Allocate resources", startDate: "02/03/2014", endDate: "02/07/2014", duration: 5, progress: 100, priority: "Critical", approved: false },
-                 { taskID: 5, taskName: "Planning complete", startDate: "02/07/2014", endDate: "02/07/2014", duration: 0, progress: 0, priority: "Low", approved: true }
-             ]
-         }];
-   
-$("#test1").ejTreeGrid({
-       dataSource:dataManager,allowColumnResize:  true,
-             columns: [
-                    { field: "taskID", headerText: "Task Id", editType: "numericedit" },
-                    { field: "taskName", headerText: "Task Name", editType: "stringedit" },
-                    { field: "startDate", headerText: "Start Date", editType: "datepicker" },
-                    { field: "endDate", headerText: "End Date", editType: "datepicker" },
-                    { field: "duration", headerText: "Duration", editType: "numericedit" },
-                    { field: "progress", headerText: "Progress", editType: "numericedit" }
-                ],load: onTreeLoad
-    });
-    $("#test2").ejTreeGrid({
-        dataSource:dataManager,rowHeight : 30,
-            columns: [
-                    { field: "taskID", headerText: "Task Id", editType: "numericedit" },
-                    { field: "taskName", headerText: "Task Name", editType: "stringedit" },
-                    { field: "startDate", headerText: "Start Date", editType: "datepicker" },
-                    { field: "endDate", headerText: "End Date", editType: "datepicker" },
-                    { field: "duration", headerText: "Duration", editType: "numericedit" },
-                    { field: "progress", headerText: "Progress", editType: "numericedit" }
-                ],rowSelected: onTreeRowSelected
-        
-    });
-   
-
-});
-function onTreeLoad() {
-    console.log("loaded..");
-}
-function onTreeRowSelected() {
-    console.log("row Selected..");
-}
-
-
-$(document).ready(function () {
-        $("#navpane").ejNavigationDrawer({ type: "overlay", direction: "left",  position: "fixed",open: NavigationDrawerOpen });
-});
-
-function NavigationDrawerOpen()
-{
-  console.log("open");
-}
-
-
-    $(function () {
-            $('#radialmenu').ejRadialMenu({ targetElementId: "radialtarget", "autoOpen":true,select: RadialMenuSelect , mouseUp: RadialMenuMouseUp });
-        });
-
-   function RadialMenuMouseUp() {
-    console.log("mouseUp");
-    }
-   function RadialMenuSelect() {
-    console.log("select");
-   }
- 
-
-
-$(function ()
-{
-     $("#tile1").ejTile({ text: "Map", tileSize: "medium", imageUrl: 'http://js.syncfusion.com/ug/web/content/tile/map.png', mouseUp: TileMouseUp, mouseDown: TileMouseDown });
-});
-	
-function TileMouseUp() {
-    console.log("mouseUp");
-}
-
-function TileMouseDown() {
-    console.log("mousedown");
-}
-
-
-
-
-    $(function () {
-        $("#radialSlider").ejRadialSlider({ innerCircleImageUrl: "chevron-right.png",autoOpen:true, create: RadialSliderCreate , start: RadialSliderStart });
-    });
-
-   function RadialSliderCreate() {
-    console.log("create");
-    }
-   function RadialSliderStart() {
-    console.log("start");
-   }
- 
-$(document).ready(function () {
-    $("#test1").ejSpreadsheet({
-        allowDelete: true, cellEdit: onSpreadsheetCellEdit
-    });
-    $("#test2").ejSpreadsheet({
-        cssClass: "gradient-lime", drag: onSpreadsheetDrag
-    });
-});
-function onSpreadsheetDrag() {
-    console.log("item drag..");
-}
-function onSpreadsheetCellEdit() {
-    console.log("cell edited..");
-}
-
-
-   $(function()
-                {
-                    $("#OlapChart").ejOlapChart(
-                    {
-                        url: "OlapChartService.svc",
-			    renderFailure: OlapChartRenderFailure,
-	        	    renderSuccess: OlapChartRenderSuccess
-                    });
-                });
-
-  function OlapChartRenderFailure() {
-    console.log("failure");
-    }
-  function OlapChartRenderSuccess() {
-    console.log("success");
-  }
- 
-
-    $(function()
-     {
-        $("#OlapClient").ejOlapClient(
-        {
-              url: "/wcf/OlapClientService.svc",
-			  title: "OLAP Browser",
-			  renderFailure: OlapClientRenderFailure,
-			  renderSuccess: OlapClientRenderSuccess
-        });
-    });
-
-	function OlapClientRenderFailure() {
-       console.log("failure");
-    }
-    function OlapClientRenderSuccess() {
-       console.log("success");
-    }
- 
-$(document).ready(function()
-                {
-                    $("#olapgauge1").ejOlapGauge(
-                    {
-                        url: "../wcf/OlapGaugeService.svc",
-						enableTooltip: true,
-						renderFailure: olapGaugerenderFailure,
-						renderSuccess: olapGaugerenderSuccess
-                    });
-                });
-function olapGaugerenderFailure() {
-    console.log("failure");
-    }
-function olapGaugerenderSuccess() {
-    console.log("success");
-    }
- 
-$(document).ready(function () {
-   
-  $("#CoreLinearGauge").ejLinearGauge({
-                labelColor: "#8c8c8c", width: 500,
-                scales: [{
-                    width: 4, border: { color: "transparent",width:0 }, showBarPointers: false, showRanges: true, length: 310, 
-                    position: { x: 52, y: 50 }, markerPointers: [{
-                        value: 50, length: 10, width: 10, backgroundColor: "#4D4D4D", border: { color: "#4D4D4D" }
-                    }],
-                    labels: [{ font: { size: "11px", fontFamily: "Segoe UI", fontStyle: "bold" }, distanceFromScale:{x: -13} }],
-                    ticks: [{ type: "majorinterval", width: 1, color: "#8c8c8c" }],
-                    ranges: [{
-                        endValue: 60,
-                        startValue: 0,
-                        backgroundColor: "#F6B53F",
-                        border: { color: "#F6B53F" }, startWidth: 4, endWidth: 4
-                    }, {
-                        endValue: 100,
-                        startValue: 60,
-                        backgroundColor: "#E94649",
-                        border: { color: "#E94649" }, startWidth: 4, endWidth: 4
-                    }]
-                }],
-				init:onLinearGaugeinit,
-				mouseClick:onLinearGaugemouseClick
-            });
-});
-
-function onLinearGaugeinit()
-{
-  console.log("init");
-}
-function onLinearGaugemouseClick()
-{
-  console.log("mouseClick");
-}
-
-$(document).ready(function () {
-   
-     $("#CoreCircularGauge").ejCircularGauge({
-                backgroundColor: "transparent", width: 500, 
-                scales: [{
-                    showRanges: true,
-                    startAngle: 122, sweepAngle: 296, radius: 130, showScaleBar: true, size: 1, maximum: 120, majorIntervalValue: 20, minorIntervalValue: 10,
-                    border: {
-                        width: 0.5,
-                    },
-                    pointers: [{
-                        value: 60,
-                        showBackNeedle: true,
-                        backNeedleLength: 20,
-                        length: 95,
-                        width: 7,
-                        pointerCap: { radius: 12 }
-                    }],
-                    ticks: [{
-                        type: "major",
-                        distanceFromScale: 2,
-                        height: 16,
-                        width: 1, color: "#8c8c8c"
-                    }, { type: "minor", height: 8, width: 1, distanceFromScale: 2, color: "#8c8c8c" }],
-                    labels: [{
-                        color: "#8c8c8c"
-                    }],
-                    ranges: [{
-                        distanceFromScale: -30,
-                        startValue: 0,
-                        endValue: 70
-                    }, {
-                        distanceFromScale: -30,
-                        startValue: 70,
-                        endValue: 110,
-                        backgroundColor: "#fc0606",
-                        border: { color: "#fc0606" }
-                    },
-                    {
-                        distanceFromScale: -30,
-                        startValue: 110,
-                        endValue: 120,
-                        backgroundColor: "#f5b43f",
-                        border: { color: "#f5b43f" }
-                    }]
-                }],
-				mouseClick:onCircularMouseClick
-            });
-	   
-});
-
-function onCircularMouseClick()
-{
-  console.log("Mouse click..");
-}
-
-$(document).ready(function () {
-   
-   $("#DigitalCore").ejDigitalGauge({
-                width: 525,
-                height: 305,
-                items: [{
-                    segmentSettings: {
-                        width: 1,
-                        spacing: 0,
-                        color: "#8c8c8c"
-                    },
-                    characterSettings: {
-                        opacity: 0.8,
-                    },
-                    value: "123456789",
-                    position: { x: 52, y: 52 }
-                }],
-				init:onDigitalGaugeinit,
-				itemRendering:onDigitalGaugeItemRendering
-            });
-});
-
-function onDigitalGaugeinit()
-{
-  console.log("init");
-}
-function onDigitalGaugeItemRendering()
-{
-  console.log("itemRendering");
-}
-
-$(document).ready(function () {
-   
-     $("#container").ejChart(
-        {
-		 
-		
-			
-			//Initializing Common Properties for all the series
-            commonSeriesOptions: 
-			{
-                type: 'line', enableAnimation: true,
-				tooltip:{ visible :true, template:'Tooltip'},
-                marker:
-                {
-                    shape: 'circle',
-                    size:
-                    {
-                        height: 10, width: 10
-                    },
-                    visible: true
-                },
-                 border : {width: 2}                             
-            },	
-				
-           
- 
-            title :{text: 'Efficiency of oil-fired power production'},
-            size: { height: "600" },
-            legend: { visible: true},
-			create:onChartCreate
-        });
-	   
-});
-
-function onChartCreate()
-{
-  console.log("create");
-}
-
-$(document).ready(function () {
-
-	 $("#scrollcontent").ejRangeNavigator({
-
-            enableDeferredUpdate: true,
-            padding: "15",
-            allowSnapping:true,
-		      selectedRangeSettings: {
-               start:"2015/5/25", end:"2016/5/25"
-           },
-          
-   })
-});
-
-$(document).ready(function () {
-   $("#BulletGraph1").ejBulletGraph({
-            qualitativeRangeSize: 32,            
-            quantitativeScaleLength: 475, tooltipSettings: {template: "Tooltip", visible: true}, orientation: ej.datavisualization.BulletGraph.Orientation.Horizontal,
-            flowDirection: ej.datavisualization.BulletGraph.FlowDirection.Forward,
-            quantitativeScaleSettings: {
-                location: { x: 110, y: 10 },
-                minimum: 0,
-                maximum: 10,
-                interval: 1,
-                minorTicksPerInterval: 4,
-                majorTickSettings:{ size: 13, width: 1, stroke: 'gray'},
-				minorTickSettings:{ size: 5, width: 1, stroke: 'gray'},
-                
-                labelSettings: {
-                    position: ej.datavisualization.BulletGraph.LabelPosition.Below, offset: 14, size: 10
-                },
-                featuredMeasureSettings: { width: 6 },
-				comparativeMeasureSettings:{
-                                           width: 5
-                },
-                featureMeasures: [{ value: 8, comparativeMeasureValue: 6.7, category: ""}]
-            },
-            qualitativeRanges: [{
-                rangeEnd: 4.3
-            }, {
-                rangeEnd: 7.3
-            }, {
-                rangeEnd: 10
-            }],
-            captionSettings: { textAngle: 0,
-                location: { x: 17, y: 20 }, text: "Revenue YTD", font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '12px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1 }, //'#707070'
-                subTitle: { textAngle: 0,
-                    text: "$ in Thousands", location: { x: 10, y: 35 }, font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '12px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1} //'#707070'
-                }
-            }
-			
-
-
-        });
-		
-		  $("#BulletGraph2").ejBulletGraph({ qualitativeRangeSize: 32, height:140,
-            quantitativeScaleLength: 475, orientation: ej.datavisualization.BulletGraph.Orientation.Horizontal,
-            flowDirection: ej.datavisualization.BulletGraph.FlowDirection.Forward,
-            quantitativeScaleSettings: {
-                location: { x: 110, y: 10 },
-                minimum: -10,
-                maximum: 10,
-                interval: 2,
-                minorTicksPerInterval: 4,
-				majorTickSettings:{ size: 13, width: 1},
-				minorTickSettings:{ size: 5, width: 1},
-                
-                labelSettings: {
-                    position: ej.datavisualization.BulletGraph.LabelPosition.Below, offset: 14, size: 10, labelSuffix: ' %'
-                },
-                featuredMeasureSettings: { width: 6 },
-				comparativeMeasureSettings:{ width: 5 },
-                featureMeasures: [{ value: 8, comparativeMeasureValue: 6.7}]
-            },
-            qualitativeRanges: [{
-                rangeEnd: -4, rangeStroke: "#61a301"
-            }, {
-                rangeEnd: 3, rangeStroke: "#fcda21"
-            }, {
-                rangeEnd: 10, rangeStroke: "#d61e3f"
-            }],
-            captionSettings: { textAngle: 0,
-                location: { x: 60, y: 25 }, text: "Profit", font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '13px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1 }, //'#707070'
-                //subTitle: { textAngle: 0,
-                //    text: "profit in %", location: { x: 35, y: 35 }, font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '12px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1} //'#707070'
-               //}
-            },
-		    drawLabels:onBulletDrawLabel
-        });
-        
-});
-
-		function onBulletDrawLabel()
-		{
-		  console.log("drawLabel");
-		}
-
-
-$(document).ready(function () {
-   
-    $("#barcode").ejBarcode({ text: "HTTP://WWW.SYNCFUSION.COM", symbologyType: "qrbarcode", xDimension: 8, displayText: true, load:onBarcodeLoad });
-	
-});
-
-function onBarcodeLoad()
-		{
-		  console.log("load");
-		}
-
-           jQuery(function ($) {		
-		    $("#container").ejMap({                
-                 mouseover:MapMouseOver,
-                 onRenderComplete:MapOnRenderComplete,
-				 navigationControl:{enableNavigation:true,orientation:'vertical',absolutePosition:{x:5,y:15},dockPosition: 'none'},
-                 background:'white',
-                 enableAnimation: true,                 
-                 layers: [
-                       {
-                               layerType: "geometry",
-                               enableSelection: false,
-							   enableMouseHover:false,
-                               
-                               showMapItems: false,
-                               markerTemplate: 'template',                              
-                               shapeSettings: {
-                                   fill: "#626171",
-                                   strokeThickness: "1",
-                                   stroke: "#6F6F79",
-                                   highlightStroke:"#6F6F79",
-                                   valuePath: "name",
-                                   highlightColor: "gray"
-
-                               },                               
-                               
-                       }
-                 ]
-
-             });
-         });
-	   function MapMouseOver() {
-          console.log("mouseover");
-       }
-	   function MapOnRenderComplete() {
-          console.log("onRenderComplete");
-       }
-	
-
-       jQuery(function ($) {
-            $("#treemapContainer").ejTreeMap({
-			    treeMapItemSelected:onTreeMapItemSelected,
-               
-                levels: [
-                     { groupPath: "Continent", groupGap: 5}
-                   ], 
-                colorValuePath: "Growth",
-                rangeColorMapping: [
-                      { color: "#DC562D", from: "0", to: "1" },
-                      { color: "#FED124", from: "1", to: "1.5" },
-                      { color: "#487FC1", from: "1.5", to: "2" },
-                      { color: "#0E9F49", from: "2", to: "3" }
-                ],
-                showTooltip:true,
-                leafItemSettings: { labelPath: "Region" }
-            });
-        });
-	function onTreeMapItemSelected() {
-       console.log("TreeMapItemSelected");
-    }
-    
- 
\ No newline at end of file
diff --git a/ej.widgets.all/ej.widgets.all.d.ts b/ej.widgets.all/ej.widgets.all.d.ts
deleted file mode 100644
index bd73834e52..0000000000
--- a/ej.widgets.all/ej.widgets.all.d.ts
+++ /dev/null
@@ -1,49995 +0,0 @@
-// Type definitions for ej.widgets.all v14.1.0.41
-// Project: http://help.syncfusion.com/js/typescript
-// Definitions by: Syncfusion <https://github.com/syncfusion/>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/*!
-*  filename: ej.widgets.all.d.ts
-*  version : 14.1.0.41
-*  Copyright Syncfusion Inc. 2001 - 2016. 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. 
-*/
-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: string): JQuery;
-    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): 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): void;
-    function proxy(fn: Object, context: string, arg: string): boolean;
-    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;
-    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: Object;
-		isMSPointerEnabled: boolean;
-	}
-	class WidgetBase {
-        destroy(): void;
-        element: JQuery;
-        setModel(options: Object, forceSet?: boolean):any;
-        option(prop?: Object, value?: Object, forceSet?: boolean): 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;     
-    }
-
-
-    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: 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: string, ignoreCase?: boolean): ej.Query;
-		where(predicate:ej.Predicate):ej.Query;
-        search(searchKey: any, fieldNames?:  any, operator?: string, ignoreCase?: boolean): ej.Query;
-        sortBy(fieldName: string, comparer?: ej.SortOrder, isFromGroup?: boolean): ej.Query;
-        sortByDesc(fieldName: string): ej.Query;
-        group(fieldName: string): ej.Query;
-        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;
-        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 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;
-        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 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;
-        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;
-        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): Object;
-        remove(dm: ej.DataManager, keyField: string, value:any, tableName: string): Object;
-        update(dm: ej.DataManager, keyField: string, value:any, tableName: string): Object;
-    }
-    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(field: string, operator: ej.FilterOperators, value: any, ignoreCase: boolean);
-        and(field: string, operator: any, value:any, ignoreCase:boolean): void;
-        or(field: string, operator: any, value: any, ignoreCase: boolean): void;
-        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,
-		equal,
-		greaterThan,
-		greaterThanOrEqual,
-		lessThan,
-		lessThanOrEqual,
-		notEqual,
-		startsWith
-	}
-
-	enum MatrixDefaults {
-		m11,
-		m12,
-		m21,
-		m22,
-		offsetX,
-		offsetY,
-		type
-	}
-	enum MatrixTypes {
-		Identity,
-		Scaling,
-		Translation,
-		Unknown
-	}
-
-	enum Orientation {
-		Horizontal,
-		Vertical
-	}
-
-	enum SliderType {
-		Default,
-		MinRange,
-		Range
-	}
-
-	enum eventType {
-		click,
-		mouseDown,
-		mouseLeave,
-		mouseMove,
-		mouseUp
-	}
-	enum headerOption {
-		row,
-		tHead
-	}
-		
-	enum filterType{
-		StartsWith,
-		Contains,
-		EndsWith,
-		LessThan,
-		GreaterThan,
-		LessThanOrEqual ,
-		GreaterThanOrEqual,
-		Equal,
-		NotEqual
-	}
-	enum Animation{
-		Fade,
-		None,
-		Slide
-	} 
-	enum Type{
-		Overlay,
-		Slide
-	}
-class Draggable extends ej.Widget {
-    static fn: Draggable;
-    constructor(element: JQuery, options?: DraggableOptions);
-    constructor(element: Element, options?: DraggableOptions);
-    model: DraggableOptions;
-}
-
-interface DraggableOptions {
-    scope?: string;
-    handle?: Object;
-    dragArea?: Object;
-    clone?: boolean;
-    distance?: number;
-    helper?: any;
-    cursorAt?: DragAtPositon;
-    destroy? (e: DraggableEvent): void;
-    drag? (e: DraggableDragEvent): void;
-    dragStart? (e: DraggableDragStartEvent): void;
-    dragStop? (e: DraggableDragStopEvent): void;
-    
-}
-
-interface DragAtPositon {
-    top?: number;
-    left?: number;
-}
-
-interface DraggableEvent extends ej.BaseEvent {
-    model: DraggableOptions;
-}
-interface DraggableDragStartEvent extends ej.BaseEvent, DraggableEvent {
-    element: Object;
-    target: Object;
-}
-interface DraggableDragStopEvent extends ej.BaseEvent, DraggableEvent {
-    element: Object;
-    target: Object;
-}
-interface DraggableDragEvent extends ej.BaseEvent, DraggableEvent {
-    element: Object;
-    target: Object;
-}
-class Droppable extends ej.Widget {
-    static fn: Droppable;
-    constructor(element: JQuery, options?: DroppableOptions);
-    constructor(element: Element, options?: DroppableOptions);
-    model: DroppableOptions;
-}
-
-interface DroppableOptions {
-    scope?: string;
-    accept?: Object;
-    drop? (e: DroppableDropEvent): void;
-    over? (e: DroppableOverEvent): void;
-    out? (e: DroppableOutEvent): void;
-}
-
-interface DroppableEvent extends ej.BaseEvent {
-    model: DroppableOptions;
-}
-interface DroppableDropEvent extends ej.BaseEvent, DraggableEvent {
-    targetElement: Object;
-}
-interface DroppableOverEvent extends ej.BaseEvent, DraggableEvent {
-    targetElement: Object;
-}
-interface DroppableOutEvent extends ej.BaseEvent, DraggableEvent {
-    targetElement: Object;
-}
-class Resizable extends ej.Widget {
-    static fn: Resizable;
-    constructor(element: JQuery, options?: ResizableOptions);
-    constructor(element: Element, options?: ResizableOptions);
-    model: ResizableOptions;
-}
-
-interface ResizableOptions {
-    scope?: string;
-    handle?: Object;
-    distance?: number;
-    cursorAt?: resizeAtPositon;
-    helper?: any;
-    maxHeight?: (number|string);
-    maxWidth?: (number|string);
-    minHeight?: (number|string);
-    minWidth?: (number|string);
-    destroy? (e: ResizeEvent): void;
-    resizeStart? (e: ResizableStartEvent): void;
-    resize? (e: ResizableEvent): void;
-    resizeStop? (e: ResizableStopEvent): void;
-}
-
-interface resizeAtPositon {
-    top?: number;
-    left?: number;
-}
-
-interface ResizeEvent extends ej.BaseEvent {
-    model: ResizableOptions;
-}
-interface ResizableStartEvent extends ej.BaseEvent, ResizeEvent {
-    targetElement: Object;
-}
-interface ResizableEvent extends ej.BaseEvent, ResizeEvent {
-    targetElement: Object;
-}
-interface ResizableStopEvent extends ej.BaseEvent, ResizeEvent {
-    targetElement: Object;
-}
-
-		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);
-	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;
-
-	/** Scroller moves to given pixel in X (left) position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
-	* @returns {void}
-	*/
-	scrollX(): void;
-
-	/** Scroller moves to given pixel in Y (top) position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
-	* @returns {void}
-	*/
-	scrollY(): void;
-}
-export module Scroller{
-
-export interface Model {
-
-	/**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;
-
-	/**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;
-
-	/**Fires when Scroller control is created.*/
-	create? (e: CreateEventArgs): void;
-
-	/**Fires when Scroller control is destroyed.*/
-	destroy? (e: DestroyEventArgs): void;
-}
-
-export interface CreateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the scroller model
-	*/
-	model?: ej.Scroller.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface DestroyEventArgs {
-
-	/**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;
-}
-}
-
-class Accordion extends ej.Widget {
-	static fn: Accordion;
-	constructor(element: JQuery, options?: Accordion.Model);
-	constructor(element: Element, options?: Accordion.Model);
-	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;
-
-	/** 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;
-
-	/** 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|string;
-
-	/**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 AJAX load failed action. Arguments have URL, error message, and current model value.*/
-	ajaxError? (e: AjaxErrorEventArgs): void;
-
-	/**Triggered after the AJAX content loads. Arguments have current model values.*/
-	ajaxLoad? (e: AjaxLoadEventArgs): void;
-
-	/**Triggered after AJAX success action. Arguments have URL, content, and current model values.*/
-	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
-
-	/**Triggered before a tab item is active. Arguments have active index and model values.*/
-	beforeActivate? (e: BeforeActivateEventArgs): void;
-
-	/**Triggered 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 Accordion control creation.*/
-	create? (e: CreateEventArgs): void;
-
-	/**Triggered after Accordion control destroy.*/
-	destroy? (e: DestroyEventArgs): 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;
-}
-
-export interface ActivateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns active index
-	*/
-	 activeIndex ?: number;
-
-	/**returns current active header
-	*/
-	 activeHeader ?: any;
-
-	/**returns true when the Accordion index activated by user interaction otherwise returns false
-	*/
-	 isInteraction ?: boolean;
-}
-
-export interface AjaxBeforeLoadEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns current ajax content location
-	*/
-	 url ?: string;
-}
-
-export interface AjaxErrorEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns current ajax content location
-	*/
-	 url ?: string;
-
-	/**returns the failed data sent.
-	*/
-	 data ?: string;
-}
-
-export interface AjaxLoadEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns the name of the url
-	*/
-	 url ?: string;
-}
-
-export interface AjaxSuccessEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns current ajax content location
-	*/
-	 url ?: string;
-
-	/**returns the successful data sent.
-	*/
-	 data ?: string;
-
-	/**returns the ajax content.
-	*/
-	 content ?: string;
-}
-
-export interface BeforeActivateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns active index
-	*/
-	 activeIndex ?: number;
-
-	/**returns true when the Accordion index activated by user interaction otherwise returns false
-	*/
-	 isInteraction ?: boolean;
-}
-
-export interface BeforeInactivateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns active index
-	*/
-	 inActiveIndex ?: number;
-
-	/**returns true when the Accordion index activated by user interaction otherwise returns false
-	*/
-	 isInteraction ?: boolean;
-}
-
-export interface CreateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-}
-
-export interface DestroyEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-}
-
-export interface InActivateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	 cancel ?: boolean;
-
-	/**returns the accordion model
-	*/
-	 model ?: ej.Accordion.Model;
-
-	/**returns the name of the event
-	*/
-	 type ?: string;
-
-	/**returns active index
-	*/
-	 inActiveIndex ?: number;
-
-	/**returns in active element
-	*/
-	 inActiveHeader ?: any;
-
-	/**returns true when the Accordion index activated by user interaction otherwise returns false
-	*/
-	 isInteraction ?: boolean;
-}
-
-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;
-}
-
-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);
-	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 {void}
-	*/
-	getSelectedItems(): void;
-
-	/** Returns the current selected value from the Autocomplete textbox.
-	* @returns {void}
-	*/
-	getValue(): void;
-
-	/** 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?: 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;
-
-	/**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|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?: 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?: string;
-
-	/**The height of the Autocomplete textbox.
-	* @Default {null}
-	*/
-	height?: string;
-
-	/**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;
-
-	/**Minimum number of character to be entered in the Autocomplete textbox to show the suggestion list.
-	* @Default {1}
-	*/
-	minCharacter?: number;
-
-	/**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|string;
-
-	/**Indicates that the autocomplete textbox values can only be readable.
-	* @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/**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;
-
-	/**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;
-
-	/**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 ActionSuccessEventArgs {
-}
-
-export interface ActionCompleteEventArgs {
-}
-
-export interface ActionFailureEventArgs {
-}
-
-export interface ChangeEventArgs {
-
-	/**Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/**Instance of the autocomplete model object.
-	*/
-	model?: any;
-
-	/**Name of the event.
-	*/
-	type?: string;
-
-	/**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?: any;
-
-	/**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;
-}
-
-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, options?: Button.Model);
-	constructor(element: Element, options?: Button.Model);
-	model:Button.Model;
-	defaults:Button.Model;
-
-	/** destroy the button widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-	* @returns {void}
-	*/
-	destroy(): void;
-
-	/** To disable the button
-	* @returns {void}
-	*/
-	disable(): void;
-
-	/** To enable the button
-	* @returns {void}
-	*/
-	enable(): void;
-}
-export module Button{
-
-export interface Model {
-
-	/**Specifies the contentType of the Button. See below to know available ContentType
-	* @Default {ej.ContentType.TextOnly}
-	*/
-	contentType?: ej.ContentType|string;
-
-	/**Sets the root CSS class for Button theme, which is used customize.
-	*/
-	cssClass?: string;
-
-	/**Specifies the button control state.
-	* @Default {true}
-	*/
-	enabled?: boolean;
-
-	/**Specify the Right to Left direction to button
-	* @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/**Specifies the height of the Button.
-	* @Default {28}
-	*/
-	height?: number;
-
-	/**It allows to define the characteristics of the Button control. It will helps to extend the capability of an HTML element.
-	* @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/**Specifies the image position of the Button. This image position is applicable only with the textandimage contentType property. The images can be positioned in both imageLeft and imageRight options. See below to know about available ImagePosition
-	* @Default {ej.ImagePosition.ImageLeft}
-	*/
-	imagePosition?: ej.ImagePosition|string;
-
-	/**Specifies the primary icon for Button. This icon will be displayed from the left margin of the button.
-	* @Default {null}
-	*/
-	prefixIcon?: string;
-
-	/**Convert the button as repeat button. It raises the 'Click' event repeatedly from the it is pressed until it is released.
-	* @Default {false}
-	*/
-	repeatButton?: boolean;
-
-	/**Displays the Button with rounded corners.
-	* @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/**Specifies the size of the Button. See below to know available ButtonSize
-	* @Default {ej.ButtonSize.Normal}
-	*/
-	size?: ej.ButtonSize|string;
-
-	/**Specifies the secondary icon for Button. This icon will be displayed from the right margin of the button.
-	* @Default {null}
-	*/
-	suffixIcon?: string;
-
-	/**Specifies the text content for Button.
-	* @Default {null}
-	*/
-	text?: string;
-
-	/**Specified the time interval between two consecutive 'click' event on the button.
-	* @Default {150}
-	*/
-	timeInterval?: string;
-
-	/**Specifies the Type of the Button. See below to know available ButtonType
-	* @Default {ej.ButtonType.Submit}
-	*/
-	type?: ej.ButtonType|string;
-
-	/**Specifies the width of the Button.
-	* @Default {100}
-	*/
-	width?: 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 inbuilt default size height, width specified
-Normal,
-//Creates button with inbuilt mini size height, width specified
-Mini,
-//Creates button with inbuilt small size height, width specified
-Small,
-//Creates button with inbuilt medium size height, width specified 
-Medium,
-//Creates button with inbuilt large size height, width specified 
-Large,
-}
-enum ButtonType
-{
-//Creates button with inbuilt button type specified
-Button,
-//Creates button with inbuilt reset type specified 
-Reset,
-//Creates button with inbuilt submit type specified
-Submit,
-}
-
-class Captcha extends ej.Widget {
-	static fn: Captcha;
-	constructor(element: JQuery, options?: Captcha.Model);
-	constructor(element: Element, options?: Captcha.Model);
-	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 apperance 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 captch refresh begins.*/
-	refreshBegin? (e: RefreshBeginEventArgs): void;
-
-	/**Fires after captch refresh completed.*/
-	refreshComplete? (e: RefreshCompleteEventArgs): void;
-
-	/**Fires when captch refresh fails to load.*/
-	refreshFailure? (e: RefreshFailureEventArgs): void;
-
-	/**Fires after captch 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);
-	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 tem using its text value.
-	* @param {string} Text of the listbox item to be selected.
-	* @returns {void}
-	*/
-	selectItemByText(text: string): void;
-
-	/** Selects list tem 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?: string;
-
-	/**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;
-
-	/**Mapping fields for the data items of the ListBox widget.
-	* @Default {null}
-	*/
-	fields?: any;
-
-	/**Defines the height of the ListBox widget.
-	* @Default {null}
-	*/
-	height?: 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|string;
-
-	/**The list item to be selected by default using its index.
-	* @Default {null}
-	*/
-	selectedIndex?: number;
-
-	/**The list items to be selected by default using its indices. To use this property allowMultiSelection should be enabled.
-	* @Default {[]}
-	*/
-	selectedIndices?: Array<any>;
-
-	/**Enables/Disables the multi selection option with the help of checkbox control.
-	* @Default {false}
-	*/
-	showCheckbox?: boolean;
-
-	/**To display the ListBox container with rounded corners.
-	* @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/**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 angular and knockout.
-	* @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 {
-}
-
-export interface ActionSuccessEventArgs {
-}
-
-export interface ActionCompleteEventArgs {
-}
-
-export interface ActionFailureEventArgs {
-}
-
-export interface ActionBeforeSuccessEventArgs {
-
-	/**Instance of the listbox model object.
-	*/
-	model?: any;
-
-	/**Name of the event.
-	*/
-	type?: string;
-
-	/**List of actual object.
-	*/
-	actual?: any;
-
-	/**Object of ListBox widget which contains DataManager arguments
-	*/
-	request?: any;
-
-	/**Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/**List of array object
-	*/
-	result?: Array<any>;
-
-	/**ExcuteQuery object of DataManager
-	*/
-	xhr?: any;
-}
-
-export interface ChangeEventArgs {
-
-	/**Instance of the listbox model object.
-	*/
-	model?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-
-	/**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;
-}
-}
-
-class Calculate extends ej.Widget {
-	static fn: Calculate;
-	constructor(element: JQuery, options?: Calculate.Model);
-	constructor(element: Element, options?: Calculate.Model);
-	model:Calculate.Model;
-	defaults:Calculate.Model;
-
-	/** Add the custom formuls 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);
-	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);
-	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
-	* @returns {any}
-	*/
-	hexCodeToRGB(): any;
-
-	/** Hides the ColorPicker popup, if in opened state.
-	* @returns {void}
-	*/
-	hide(): void;
-
-	/** Convert color value from HSV to RGB
-	* @returns {any}
-	*/
-	HSVToRGB(): any;
-
-	/** Convert color value from RGB to HEX
-	* @returns {string}
-	*/
-	RGBToHEX(): string;
-
-	/** Convert color value from RGB to HSV
-	* @returns {any}
-	*/
-	RGBToHSV(): 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 {buttonText.apply= Apply, buttonText.cancel= Cancel,buttonText.swatches=Swatches}
-	*/
-	buttonText?: any;
-
-	/**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;
-
-	/**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;
-
-	/**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;
-
-	/**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;
-
-	/**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 {tooltipText: { 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?: any;
-
-	/**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;
-}
-
-enum ModelType{
-
-	///support palette type mode in color picker.
-	Palette,
-
-	///support palette type mode in color picker.
-	Picker
-}
-
-
-enum Palette{
-
-	///used to show the basic palette
-	BasicPalette,
-
-	///used to show the custompalette
-	CustomPalette
-}
-
-
-enum Presets{
-
-	///used to show the basic presets
-	Basic,
-
-	///used to show the CandyCrush colors presets
-	CandyCrush,
-
-	///used to show the Citrus colors presets
-	Citrus,
-
-	///used to show the FlatColors presets
-	FlatColors,
-
-	///used to show the Misty presets
-	Misty,
-
-	///used to show the MoonLight presets
-	MoonLight,
-
-	///used to show the PinkShades presets
-	PinkShades,
-
-	///used to show the Sandy presets
-	Sandy,
-
-	///used to show the Seawolf presets
-	SeaWolf,
-
-	///used to show the Vintage presets
-	Vintage,
-
-	///used to show the WebColors presets
-	WebColors
-}
-
-}
-enum ButtonMode
-{
-//Displays the button in split mode 
-Split,
-//Displays the button in Dropdown mode
-Dropdown,
-}
-
-class FileExplorer extends ej.Widget {
-	static fn: FileExplorer;
-	constructor(element: JQuery, options?: FileExplorer.Model);
-	constructor(element: Element, options?: FileExplorer.Model);
-	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 File Explorer.
-	*/
-	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: {}}}
-	*/
-	ajaxSettings?: any;
-
-	/**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;
-
-	/**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;
-
-	/**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;
-
-	/**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 two view types available, such as grid, tile. 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 {250}
-	*/
-	minHeight?: string|number;
-
-	/**Sets the minimum width of FileExplorer control.
-	* @Default {400}
-	*/
-	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 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;
-
-	/**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, Open], navigation: [Back, Forward, Upward], addressBar: [Addressbar], editing: [Refresh, Upload, Delete, Rename, Download], copyPaste: [Cut, Copy, Paste], getProperties: [Details], searchBar: [Searchbar] }}
-	*/
-	tools?: any;
-
-	/**The toolsList property is used to arrange the toolbar items in the FileExplorer control.
-	* @Default {[creation, navigation, addressBar, editing, copyPaste, getProperties, searchBar]}
-	*/
-	toolsList?: Array<any>;
-
-	/**Gets or sets an object that indicates whether to customize the upload behavior in the FileExplorer.
-	*/
-	uploadSettings?: UploadSettings;
-
-	/**Specifies the width of FileExplorer control.
-	* @Default {850}
-	*/
-	width?: string|number;
-
-	/**Fires before the ajax request is performed.*/
-	beforeAjaxRequest? (e: BeforeAjaxRequestEventArgs): void;
-
-	/**Fires before downloading the files.*/
-	beforeDownload? (e: BeforeDownloadEventArgs): void;
-
-	/**Fires before files or folders open.*/
-	beforeOpen? (e: BeforeOpenEventArgs): void;
-
-	/**Fires before uploading the files.*/
-	beforeUpload? (e: BeforeUploadEventArgs): 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 file view type is changed.*/
-	layoutChange? (e: LayoutChangeEventArgs): 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;
-}
-
-export interface BeforeAjaxRequestEventArgs {
-
-	/**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 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 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 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 LayoutChangeEventArgs {
-
-	/**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 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?: any;
-
-	/**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 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 selected 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 clicked item.
-	*/
-	name?: string;
-
-	/**returns the path of clicked item.
-	*/
-	path?: string;
-
-	/**returns the selected item details
-	*/
-	selectedItems?: any;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface FilterSettings {
-
-	/**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 {
-
-	/**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: 25% }, { field: type, headerText: Type, width: 20% }, { field: dateModified, headerText: Date Modified, width: 35% }, { field: size, headerText: Size, width: 15%, 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);
-	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;
-
-	/**Sets the specified text value to the today button in the DatePicker calendar.
-	* @Default {Today}
-	*/
-	buttonText?: string;
-
-	/**Sets the root CSS class for Accordion 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.Min}
-	*/
-	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 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;
-
-	/**NameTypeDescriptioncancelbooleanSet to true when the event has to be canceled, else false.modelobjectreturns the DatePicker model.typestringreturns the name of the event.valuestringreturns the currently selected date value.*/
-	focusIn? (e: FocusInEventArgs): void;
-
-	/**Fires when DatePicker input loses the focus.*/
-	focusOut? (e: FocusOutEventArgs): 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;
-}
-
-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 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 OpenEventArgs {
-
-	/**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 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 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;
-}
-
-enum Header{
-
-	///Removes day header in DatePicker
-	None,
-
-	///sets  the short format of day name (like Sun) in header in DatePicker
-	Short,
-
-	///sets  the Min format of day name (like su) in header format DatePicker
-	Min
-}
-
-
-enum Level{
-
-	///allow  navigation upto year level in  DatePicker
-	Year,
-
-	///allow  navigation upto decade level in  DatePicker
-	Decade,
-
-	///allow  navigation upto Century level in  DatePicker
-	Century
-}
-
-
-enum HighlightSection{
-
-	///Highlight the week of the currently  selected date in DatePicker popup calendar  
-	Week,
-
-	///Highlight the workdays in a currently  selected date's week in DatePicker popup calendar 
-	WorkDays,
-
-	///Nothing will be highlighted, remove highlights from DatePicker popup calendar if already exists
-	None
-}
-
-}
-
-class DateTimePicker extends ej.Widget {
-	static fn: DateTimePicker;
-	constructor(element: JQuery, options?: DateTimePicker.Model);
-	constructor(element: Element, options?: DateTimePicker.Model);
-	model:DateTimePicker.Model;
-	defaults:DateTimePicker.Model;
-
-	/** Disables the DateTimePicker control.
-	* @returns {void}
-	*/
-	disable(): void;
-
-	/** Enables the DateTimePicker control.
-	* @returns {void}
-	*/
-	enable(): void;
-
-	/** Returns the current datetime value in the DateTimePicker.
-	* @returns {string}
-	*/
-	getValue(): string;
-
-	/** Hides or closes the DateTimePicker popup.
-	* @returns {void}
-	*/
-	hide(): void;
-
-	/** Updates the current system date value and time value to the DateTimePicker.
-	* @returns {void}
-	*/
-	setCurrentDateTime(): void;
-
-	/** Shows or opens the DateTimePicker popup.
-	* @returns {void}
-	*/
-	show(): void;
-}
-export module DateTimePicker{
-
-export interface Model {
-
-	/**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.Min}
-	*/
-	dayHeaderFormat?: ej.DatePicker.Header|string;
-
-	/**Specifies the drill down level in datepicker inside the DateTimePicker popup. 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;
-
-	/**Defines the width of the DateTimePicker textbox.
-	* @Default {143}
-	*/
-	width?: string|number;
-
-	/**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 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 Dialog extends ej.Widget {
-	static fn: Dialog;
-	constructor(element: JQuery, options?: Dialog.Model);
-	constructor(element: Element, options?: Dialog.Model);
-	model:Dialog.Model;
-	defaults:Dialog.Model;
-
-	/** Closes the dialog widget dynamically.
-	* @returns {void}
-	*/
-	close(): void;
-
-	/** Collapses the content area when it is expanded.
-	* @returns {void}
-	*/
-	collapse(): void;
-
-	/** Destroys the Dialog widget.
-	* @returns {void}
-	*/
-	destroy(): void;
-
-	/** Expands the content area when it is collapsed.
-	* @returns {void}
-	*/
-	expand(): void;
-
-	/** Checks whether the Dialog widget is opened or not. This methods returns Boolean value.
-	* @returns {void}
-	*/
-	isOpen(): void;
-
-	/** Maximizes the Dialog widget.
-	* @returns {void}
-	*/
-	maximize(): void;
-
-	/** Minimizes the Dialog widget.
-	* @returns {void}
-	*/
-	minimize(): void;
-
-	/** Opens the Dialog widget.
-	* @returns {void}
-	*/
-	open(): void;
-
-	/** Pins the dialog in its current position.
-	* @returns {void}
-	*/
-	pin(): void;
-
-	/** Restores the dialog.
-	* @returns {void}
-	*/
-	restore(): void;
-
-	/** Unpins the Dialog widget.
-	* @returns {void}
-	*/
-	unpin(): void;
-
-	/** Sets the title for the Dialog widget.
-	* @param {string} The title for the dialog widget.
-	* @returns {void}
-	*/
-	setTitle(Title: string): void;
-
-	/** Sets the content for the Dialog widget dynamically.
-	* @param {string} The content for the dialog widget. It accepts both string and html string.
-	* @returns {void}
-	*/
-	setContent(content: string): void;
-
-	/** Sets the focus on the Dialog widget.
-	* @returns {void}
-	*/
-	focus(): void;
-}
-export module Dialog{
-
-export interface Model {
-
-	/**Adds action buttons like close, minimize, pin, maximize in the dialog header.
-	*/
-	actionButtons?: string[];
-
-	/**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;
-
-	/**The tooltip text for the dialog close button.
-	*/
-	closeIconTooltip?: string;
-
-	/**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. The unit of integer type value is “px”.
-	*/
-	height?: string|number;
-
-	/**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. The unit of integer type value is “px”.
-	*/
-	width?: string|number;
-
-	/**Sets the z-index value for the Dialog widget.
-	*/
-	zIndex?: number;
-
-	/**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;
-}
-
-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;
-}
-}
-
-class DropDownList extends ej.Widget {
-	static fn: DropDownList;
-	constructor(element: JQuery, options?: DropDownList.Model);
-	constructor(element: Element, options?: DropDownList.Model);
-	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 {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 {HTMLElement}
-	*/
-	getSelectedItem(): HTMLElement;
-
-	/** 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 realtes 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 realtes to given values
-	* @returns {void}
-	*/
-	unselectItemByValue(index: string|number|Array<any>): void;
-}
-export module DropDownList{
-
-export interface Model {
-
-	/**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;
-
-	/**Defines the maximum height of the suggestion box. This property restricts the maximum height of the popup when resize is enabled.
-	* @Default {null}
-	*/
-	maxPopupHeight?: string|number;
-
-	/**Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
-	* @Default {null}
-	*/
-	minPopupHeight?: string|number;
-
-	/**Defines the maximum width of the suggestion box. This property restricts the maximum width of the popup when resize is enabled.
-	* @Default {null}
-	*/
-	maxPopupWidth?: string|number;
-
-	/**Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
-	* @Default {0}
-	*/
-	minPopupWidth?: string|number;
-
-	/**With the help of this property, you can make a single or multi selection with the DropDownList and display the text in two modes, delimiter and visual mode. In delimiter mode, you can separate the items by using the delimiter character such as comma (,) or semi-colon (;) or any other special character. In the visual mode, the items are showcased like boxes with close icon in the textbox.
-	* @Default {ej.MultiSelectMode.None}
-	*/
-	multiSelectMode?: ej.MultiSelectMode|string;
-
-	/**Defines the height of the suggestion popup box in the DropDownList control.
-	* @Default {152px}
-	*/
-	popupHeight?: string|number;
-
-	/**Defines the width of the suggestion popup box in the DropDownList control.
-	* @Default {auto}
-	*/
-	popupWidth?: string|number;
-
-	/**Specifies the query to retrieve the data from the DataSource.
-	* @Default {null}
-	*/
-	query?: any;
-
-	/**Specifies that the DropDownList textbox values should be read-only.
-	* @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/**Specifies an item to be selected in the DropDownList.
-	* @Default {null}
-	*/
-	selectedIndex?: number;
-
-	/**Specifies the selectedItems for the DropDownList.
-	* @Default {[]}
-	*/
-	selectedIndices?: Array<any>;
-
-	/**Selects multiple items in the DropDownList with the help of the checkbox control. To achieve this, enable the showCheckbox option to true.
-	* @Default {false}
-	*/
-	showCheckbox?: boolean;
-
-	/**DropDownList control is displayed with the popup seen.
-	* @Default {false}
-	*/
-	showPopupOnLoad?: boolean;
-
-	/**DropDownList textbox displayed with the rounded corner style.
-	* @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/**When the enableSorting property value is set to true, this property helps to sort the items either in ascending or descending order
-	* @Default {ej.sortOrder.Ascending}
-	*/
-	sortOrder?: ej.SortOrder|string;
-
-	/**Specifies the targetID for the DropDownList’s items.
-	* @Default {null}
-	*/
-	targetID?: string;
-
-	/**By default, you can add any text or image to the DropDownList item. To customize the item layout or to create your own visualized elements, you can use this template support.
-	* @Default {null}
-	*/
-	template?: string;
-
-	/**Defines the text value that is displayed in the DropDownList textbox.
-	* @Default {null}
-	*/
-	text?: string;
-
-	/**Sets the jQuery validation error message in the DropDownList
-	* @Default {null}
-	*/
-	validationMessage?: any;
-
-	/**Sets the jquery validation rules in the Dropdownlist.
-	* @Default {null}
-	*/
-	validationRules?: any;
-
-	/**Specifies the value (text content) for the DropDownList control.
-	* @Default {null}
-	*/
-	value?: string;
-
-	/**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, once the popup is closed*/
-	popupHide? (e: PopupHideEventArgs): void;
-
-	/**Fires the action, when the popup is resized.*/
-	popupResize? (e: PopupResizeEventArgs): void;
-
-	/**Fires the action, once the popup is opened.*/
-	popupShown? (e: PopupShownEventArgs): void;
-
-	/**Fires the action, when resizing a popup starts.*/
-	popupResizeStart? (e: PopupResizeStartEventArgs): void;
-
-	/**Fires the action, when the popup resizing is stopped.*/
-	popupResizeStop? (e: PopupResizeStopEventArgs): void;
-
-	/**Fires the action before filtering the list items that starts in the DropDownList when the enableFilterSearch is enabled.*/
-	search? (e: SearchEventArgs): void;
-
-	/**Fires the action, when the list of item is selected.*/
-	select? (e: SelectEventArgs): void;
-}
-
-export interface ActionBeginEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ActionCompleteEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**Returns number of times trying to fetch the data
-	*/
-	count?: number;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**Returns the query for data retrieval 
-	*/
-	query?: any;
-
-	/**Returns the query for data retrieval from the Database 
-	*/
-	request?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**Returns the number of items fetched from remote data
-	*/
-	result?: Array<any>;
-
-	/**Returns the requested data
-	*/
-	xhr?: any;
-}
-
-export interface ActionFailureEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**Returns the error message
-	*/
-	error?: any;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**Returns the query for data retrieval 
-	*/
-	query?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ActionSuccessEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**Returns number of times trying to fetch the data
-	*/
-	count?: number;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**Returns the query for data retrieval 
-	*/
-	query?: any;
-
-	/**Returns the query for data retrieval from the Database 
-	*/
-	request?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**Returns the number of items fetched from remote data
-	*/
-	result?: Array<any>;
-
-	/**Returns the requested data
-	*/
-	xhr?: any;
-}
-
-export interface BeforePopupHideEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**returns the selected text
-	*/
-	text?: string;
-
-	/**returns the selected value
-	*/
-	value?: string;
-}
-
-export interface BeforePopupShownEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**returns the selected text
-	*/
-	text?: string;
-
-	/**returns the selected value
-	*/
-	value?: string;
-}
-
-export interface CascadeEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**Returns the cascading dropdown model.
-	*/
-	cascadeModel?: any;
-
-	/**returns the current selected value in first dropdown.
-	*/
-	cascadeValue?: string;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the default filter action for second dropdown data should happen or not.
-	*/
-	requiresDefaultFilter?: boolean;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ChangeEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**Returns the selected item with checkbox checked or not.
-	*/
-	isChecked?: boolean;
-
-	/**Returns the selected item ID.
-	*/
-	itemId?: string;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**Returns the selected item text.
-	*/
-	selectedText?: string;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**Returns the selected text.
-	*/
-	text?: string;
-
-	/**Returns the selected value.
-	*/
-	value?: string;
-}
-
-export interface CheckChangeEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**Returns the selected item with checkbox checked or not.
-	*/
-	isChecked?: boolean;
-
-	/**Returns the selected item ID.
-	*/
-	itemId?: string;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**Returns the selected item text.
-	*/
-	selectedText?: string;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**Returns the selected text.
-	*/
-	text?: string;
-
-	/**Returns the selected value.
-	*/
-	value?: string;
-}
-
-export interface CreateEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface DataBoundEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**returns the data that is bound to DropDownList
-	*/
-	data?: any;
-}
-
-export interface DestroyEventArgs {
-
-	/**its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the DropDownList model
-	*/
-	model?: any;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface 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 seperated by delimiterChar
-Delimiter,
-// can select multiple items and it's show's like visual box in textbox
-VisualMode,
-}
-enum SortOrder
-{
-// Sort the data in ascending order
-Ascending,
-//Sort the data in descending order
-Descending,
-}
-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 Editor extends ej.Widget {
-	static fn: Editor;
-	constructor(element: JQuery, options?: Editor.Model);
-	constructor(element: Element, options?: Editor.Model);
-	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 {
-
-	/**Sets the root CSS class for Accordion theme, which is used customize.
-	*/
-	cssClass?: string;
-
-	/**DecimalPlaces declares the number of digits to be displayed right side of the value.
-	* @Default {0}
-	*/
-	decimalPlaces?: number;
-
-	/**Specify the editor control state.
-	* @Default {true}
-	*/
-	enabled?: boolean;
-
-	/**Specify the enablePersistence to editor to save current model value to browser cookies for state maintains
-	* @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/**Specify the Right to Left Direction to editor.
-	* @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/**Strict mode option to restrict entering values defined outside the range in the editor.
-	* @Default {false}
-	*/
-	enableStrictMode?: boolean;
-
-	/**It provides the options to get the customized character to separate the digits. If not set, the separator defined by the current culture.
-	* @Default {null}
-	*/
-	groupSeparator?: string;
-
-	/**Specifies the height of the editor.
-	* @Default {30}
-	*/
-	height?: number|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 increment step value.
-	* @Default {1}
-	*/
-	incrementStep?: number;
-
-	/**Specifies the Localization info used by the 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;
-
-	/**Toggles the readonly state of the editor. When the Editor is readonly it doesn't allow user interactions.
-	* @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/**Specify the rounded corner to 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;
-
-	/**Specify the watermark text to editor.
-	*/
-	watermarkText?: string;
-
-	/**Specifies the width of the editor.
-	* @Default {143}
-	*/
-	width?: number|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);
-	model:ListView.Model;
-	defaults:ListView.Model;
-
-	/** To add item in the given index.
-	* @param {string} Specifies the item to be added in ListView
-	* @param {number} Specifies the index where item to be added
-	* @returns {void}
-	*/
-	addItem(item: string, index: number): 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 textvalue.
-	* @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 {
-
-	/**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;
-
-	/**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?: number;
-
-	/**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 ID of the element contains template contents.
-	* @Default {false}
-	*/
-	templateId?: boolean;
-
-	/**Specifies the width.
-	* @Default {null}
-	*/
-	width?: 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?: any;
-
-	/**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?: any;
-}
-
-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?: any;
-
-	/**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?: any;
-
-	/**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?: any;
-}
-
-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?: any;
-}
-
-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?: any;
-
-	/**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?: any;
-
-	/**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;
-}
-}
-
-class MaskEdit extends ej.Widget {
-	static fn: MaskEdit;
-	constructor(element: JQuery, options?: MaskEdit.Model);
-	constructor(element: Element, options?: MaskEdit.Model);
-	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;
-
-	/**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);
-	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;
-
-	/** 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;
-}
-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;
-
-	/**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 databind 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;
-
-	/**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?: string|ej.Orientation;
-
-	/**Specifies the main menu items arrows only to be shown if it contains child items.
-	* @Default {true}
-	*/
-	showRooltLevelArrows?: boolean;
-
-	/**Specifies the sub menu items arrows only to be shown if it contains child items.
-	* @Default {true}
-	*/
-	showSubLevelArrows?: boolean;
-
-	/**Specifies position of pulldown submenus 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;
-
-	/**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;
-}
-
-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 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);
-	model:Pager.Model;
-	defaults:Pager.Model;
-
-	/** Send a paging request to specified page through the pagerControl.
-	* @returns {void}
-	*/
-	gotoPage(): void;
-}
-export module Pager{
-
-export interface Model {
-
-	/**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 pages displayed in the pager for navigation.
-	* @Default {10}
-	*/
-	pageCount?: number;
-
-	/**Gets or sets a value that indicates whether to define which page to display currently in pager.
-	* @Default {1}
-	*/
-	currentPage?: number;
-
-	/**Get or sets a value of total number of pages in the pager. The totalPages value is calculated based on pagesize and totalrecords.
-	* @Default {null}
-	*/
-	totalPages?: number;
-
-	/**Get the value of total number of records which is bound to a data item.
-	* @Default {null}
-	*/
-	totalRecordsCount?: 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 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;
-
-	/**Align content in the pager control from right to left by setting the property as true.
-	* @Default {false}
-	*/
-	enableRTL?: 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, options?: ProgressBar.Model);
-	constructor(element: Element, options?: ProgressBar.Model);
-	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);
-	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);
-	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 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?: string;
-
-	/**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?: string;
-
-	/**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?: string;
-
-	/**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?: string;
-
-	/**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);
-	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;
-
-	/** 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, 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 {number} sub group index in the ribbon group,
-	* @param {any} content to be displayed in the ribbon group.
-	* @param {number} ribbon content index .this is optional.
-	* @returns {void}
-	*/
-	addTabGroupContent(tabIndex: number, groupIndex: number, subGroupIndex: number, content: any, contentIndex: 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(string: 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(string: 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(string: 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(string: string): void;
-}
-export module Ribbon{
-
-export interface Model {
-
-	/**Enables the ribbon resize feature.
-	* @Default {false}
-	*/
-	allowResizing?: 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;
-
-	/**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<ContextualTabs>;
-
-	/**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<Tabs>;
-
-	/**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 groupexpander 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 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 cancelled, 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 cancelled, 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 cancelled, else false.
-	*/
-	cancel?: boolean;
-
-	/**returns the ribbon model.
-	*/
-	model?: any;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-
-	/**returns the clicked groupexpander.
-	*/
-	target?: number;
-}
-
-export interface GalleryItemClickEventArgs {
-
-	/**Set to true when the event has to be cancelled, 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 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 ApplicationTabBackstageSettingsPages {
-
-	/**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<ApplicationTabBackstageSettingsPages>;
-
-	/**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 ContextualTabs {
-
-	/**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 TabsGroupsContentGroupsCustomGalleryItems {
-
-	/**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 TabsGroupsContentGroupsGalleryItems {
-
-	/**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 TabsGroupsContentGroups {
-
-	/**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<TabsGroupsContentGroupsCustomGalleryItems>;
-
-	/**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<TabsGroupsContentGroupsGalleryItems>;
-
-	/**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?: any;
-
-	/**Specifies the controls such as Syncfusion button, split button, dropdown list, toggle button, gallery, custom controls in the subgroup of the ribbon tab .
-	* @Default {array}
-	*/
-	groups?: Array<TabsGroupsContentGroups>;
-}
-
-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 TabsGroups {
-
-	/**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 Tabs {
-
-	/**Specifies single group or multiple groups and its contents to each tab in the ribbon control.
-	* @Default {array}
-	*/
-	groups?: Array<TabsGroups>;
-
-	/**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);
-	model:Kanban.Model;
-	defaults:Kanban.Model;
-
-	/** Add a new card in kanban control.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;
-
-	/** Method used for send a clear search request to kanban.
-	* @returns {void}
-	*/
-	clearSearch(): void;
-
-	/** It is used to clear all the card selection.
-	* @returns {void}
-	*/
-	clearSelection(): void;
-
-	/** Collapse all the swimlane rows in kanban.
-	* @returns {void}
-	*/
-	collapseAll(): void;
-
-	/** Add or remove columns in kanban columns collections
-	* @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 keyvalue 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;
-
-	/** Send a cancel request of add/edit card in kanban
-	* @returns {void}
-	*/
-	cancelEdit(): 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;
-
-	/** Delete a card in kanban control.
-	* @param {string|number} Pass the key of card to be delete
-	* @returns {void}
-	*/
-	deleteCard(Key: string|number): 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;
-
-	/** Send a save request in kanban when any card is in edit/new add card state.
-	* @returns {void}
-	*/
-	endEdit(): 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 key of card to be toggle 
-	* @returns {void}
-	*/
-	toggleCard(    key    : string|number): 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}
-	*/
-	toggleSwimlane(    $div     : any): void;
-
-	/** Expand all the swimlane rows in kanban.
-	* @returns {void}
-	*/
-	expandAll(): void;
-
-	/** used for get the names of all the visible column name collections in kanban.
-	* @returns {void}
-	*/
-	getVisibleColumnNames(): void;
-
-	/** Get the scroller object of kanban.
-	* @returns {void}
-	*/
-	getScrollObject(): void;
-
-	/** 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;
-
-	/** 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;
-
-	/** 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;
-
-	/** 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;
-
-	/** 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;
-
-	/** Send an edit card request in kanban.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;
-
-	/** 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;
-}
-export module Kanban{
-
-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 swimlane.
-	* @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;
-
-	/**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 {true}
-	*/
-	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 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<Columns>;
-
-	/**Gets or sets an object that indicates whether to Customize the card based on the Mapping Fields.
-	* @Default {Object}
-	*/
-	cardSettings?: CardSettings;
-
-	/**Gets or sets a value that indicates to render the kanban with custom theme.
-	* @Default {null}
-	*/
-	cssClass?: string;
-
-	/**Gets or sets the data to render the kanban with card.
-	* @Default {Object}
-	*/
-	dataSource?: any;
-
-	/**Align content in the kanban control from right to left by setting the property as true.
-	* @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/**To show Total count of cards in each column
-	* @Default {true}
-	*/
-	enableTotalCount?: boolean;
-
-	/**Gets or sets a value that indicates whether to enablehover support for performing card hover actions.
-	* @Default {true}
-	*/
-	enableHover?: 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;
-
-	/**Gets or sets a value that indicates whether the kanban design has be to made responsive.
-	* @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 and enableResponsiveRow property is set as false.
-	* @Default {null}
-	*/
-	minWidth?: number;
-
-	/**To customize the filtering behavior based on queries given.
-	* @Default {array}
-	*/
-	filterSettings?: Array<FilterSettings>;
-
-	/**The primarykey field is get as property of kanban. And this will used for Drag and drop and editing mainly
-	* @Default {null}
-	*/
-	primaryKeyField?: string;
-
-	/**ej Query to query database of kanban.
-	* @Default {Object}
-	*/
-	query?: any;
-
-	/**To change the key in keyboard interaction to kanban control.
-	* @Default {Object}
-	*/
-	keySettings?: KeySettings;
-
-	/**Gets or sets an object that indicates whether to customize the scrolling behavior of the kanban.
-	* @Default {Object}
-	*/
-	scrollSettings?: any;
-
-	/**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<StackedHeaderRows>;
-
-	/**The tooltip allows to display card details in a tooltip while hovering on it.
-	*/
-	tooltipSettings?: TooltipSettings;
-
-	/**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;
-
-	/**tiggered 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 task is going to be added*/
-	beginAdd? (e: BeginAddEventArgs): void;
-
-	/**triggered before the card is going to be selecting.*/
-	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 Drop.*/
-	cardDrop? (e: CardDropEventArgs): void;
-
-	/**Triggered after the card is select.*/
-	cardSelect? (e: CardSelectEventArgs): void;
-
-	/**Triggered when card is double clicked.*/
-	cardDoubleClick? (e: CardDoubleClickEventArgs): 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 beginedit 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 carddragstart 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 dragg 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 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 name of the event.
-	*/
-	type?: string;
-}
-
-export interface SwimlaneSettings {
-
-	/**To enable or disable items count in swimlane
-	* @Default {true}
-	*/
-	showCount?: boolean;
-}
-
-export interface ContextMenuSettingsCustomMenuItems {
-
-	/**Sets context menu to target element.
-	* @Default {ej.Kanban.Target.All}
-	*/
-	target?: ej.Kanban.Target|string;
-
-	/**Gets the name to custom menu.
-	* @Default {null}
-	*/
-	text?: string;
-
-	/**Gets the template to render custom menu.
-	* @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 diable from default context menu
-	* @Default {array}
-	*/
-	disableDefaultItems?: Array<any>;
-
-	/**Gets or sets a value that indicates whether to add custom contextMenu items
-	* @Default {array}
-	*/
-	customMenuItems?: Array<ContextMenuSettingsCustomMenuItems>;
-}
-
-export interface ColumnsConstraints {
-
-	/**It is used to specify the type whether the constraints based on 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 Columns {
-
-	/**Gets or sets an object that indicates to render the kanban with specified columns headertext.
-	* @Default {null}
-	*/
-	headerText?: string;
-
-	/**Gets or sets an object that indicates to render the kanban with specified columns key.
-	* @Default {null}
-	*/
-	key?: string|number;
-
-	/**To set column collape or expand state
-	* @Default {false}
-	*/
-	isCollapsed?: boolean;
-
-	/**To customize the column constraints whether the constraints contains minimum limit or maximum limit or both.
-	* @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 render the kanban with specified columns visible.
-	* @Default {true}
-	*/
-	visible?: boolean;
-}
-
-export interface CardSettings {
-
-	/**Gets or sets a value that indicates to add the template of card .
-	* @Default {null}
-	*/
-	template?: string;
-
-	/**To customize the card bordercolor based on assinged task. Colors and corresponding values defined  here will be mapped with colorField mapped data source column.
-	* @Default {Object}
-	*/
-	colorMapping?: any;
-}
-
-export interface EditSettingsEditItems {
-
-	/**It is used to map editing field in the card.
-	* @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 in the 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<EditSettingsEditItems>;
-}
-
-export interface Fields {
-
-	/**The primarykey field is get as property of kanban. 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.
-	* @Default {null}
-	*/
-	swimlaneKey?: string;
-
-	/**Priority field has been mapped data source field to maintain card priority
-	* @Default {null}
-	*/
-	priority?: string;
-
-	/**ContentField has been Mapped into card text.
-	* @Default {null}
-	*/
-	content?: string;
-
-	/**TagField has been Mapped into card tag.
-	* @Default {null}
-	*/
-	tag?: string;
-
-	/**TitleField has been Mapped to field in datasource for title content. If titlefield 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 colorfield.
-	* @Default {null}
-	*/
-	color?: string;
-
-	/**ImageUrlField has been Mapped into card image.
-	* @Default {null}
-	*/
-	imageUrl?: string;
-}
-
-export interface FilterSettings {
-
-	/**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 KeySettings {
-
-	/**To specify the focus in kanban control.
-	* @Default {Object}
-	*/
-	focus?: any;
-
-	/**To specify the key value to insert the card.
-	* @Default {null}
-	*/
-	insertCard?: string;
-
-	/**To specify the key value to delete the card.
-	* @Default {null}
-	*/
-	deleteCard?: string;
-
-	/**TTo specify the key value to edit the card.
-	* @Default {null}
-	*/
-	editCard?: string;
-
-	/**TTo specify the key value to save request.
-	* @Default {null}
-	*/
-	saveRequest?: string;
-
-	/**To specify the key value to cancel request.
-	* @Default {null}
-	*/
-	cancelRequest?: string;
-
-	/**To specify the key value to first card selection.
-	* @Default {null}
-	*/
-	firstCardSelection?: string;
-
-	/**To specify the key value to last card selection.
-	* @Default {null}
-	*/
-	lastCardSelection?: string;
-
-	/**To specify the key value to upArrow.
-	* @Default {null}
-	*/
-	upArrow?: string;
-
-	/**To specify the key value to downArrow.
-	* @Default {null}
-	*/
-	downArrow?: string;
-
-	/**To specify the key value to rightArrow.
-	* @Default {null}
-	*/
-	rightArrow?: string;
-
-	/**To specify the key value to leftArrow.
-	* @Default {null}
-	*/
-	leftArrow?: string;
-
-	/**To specify the key value to swimlane expand all.
-	* @Default {null}
-	*/
-	swimlaneExpandAll?: string;
-
-	/**To specify the key value to swimlane collapse all.
-	* @Default {null}
-	*/
-	swimlaneCollapseAll?: string;
-
-	/**To specify the key value to selected group expand.
-	* @Default {null}
-	*/
-	selectedGroupExpand?: string;
-
-	/**To specify the key value to selected group collapse.
-	* @Default {null}
-	*/
-	selectedGroupCollapse?: string;
-
-	/**To specify the key value to selected column collapse.
-	* @Default {null}
-	*/
-	selectedColumnCollapse?: string;
-
-	/**To specify the key value to selected column expand.
-	* @Default {null}
-	*/
-	selectedColumnExpand?: string;
-
-	/**To specify the key value to multi selection by up arrow.
-	* @Default {null}
-	*/
-	multiSelectionByUpArrow?: string;
-
-	/**To specify the key value to multi selection by left arrow.
-	* @Default {null}
-	*/
-	multiSelectionByLeftArrow?: string;
-
-	/**To specify the key value to multi selection by right arrow.
-	* @Default {null}
-	*/
-	multiSelectionByRightArrow?: string;
-}
-
-export interface SearchSettings {
-
-	/**To customize the fields the searching operation can be perform.
-	* @Default {Array}
-	*/
-	fields?: Array<any>;
-
-	/**To customize the searching string.
-	* @Default {null}
-	*/
-	key?: string;
-
-	/**To customize the operator based on searching.
-	* @Default {null}
-	*/
-	operator?: string;
-
-	/**To customize the ignorecase based on searching.
-	* @Default {true}
-	*/
-	ignoreCase?: boolean;
-}
-
-export interface StackedHeaderRowsStackedHeaderColumns {
-
-	/**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 StackedHeaderRows {
-
-	/**Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows.
-	* @Default {Array}
-	*/
-	stackedHeaderColumns?: Array<StackedHeaderRowsStackedHeaderColumns>;
-}
-
-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;
-}
-
-enum Target{
-
-	///Sets context menu to kanban header
-	Header,
-
-	///Sets context menu to kanban content
-	Content,
-
-	///Sets context menu to kanban
-	All
-}
-
-
-enum EditMode{
-
-	///Creates kanban with editMode as Dialog
-	Dialog,
-
-	///Creates kanban with editMode as DialogTemplate
-	DialogTemplate
-}
-
-
-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 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);
-	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;
-}
-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;
-
-	/**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);
-	model:RTE.Model;
-	defaults:RTE.Model;
-
-	/** Returns the range object.
-	* @returns {void}
-	*/
-	createRange(): void;
-
-	/** 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 {void}
-	*/
-	getCommandStatus(): void;
-
-	/** Gets the HTML string from the RTE control.
-	* @returns {void}
-	*/
-	getDocument(): void;
-
-	/** Gets the HTML string from the RTE control.
-	* @returns {void}
-	*/
-	getHtml(): void;
-
-	/** Gets the selected html string from the RTE control.
-	* @returns {void}
-	*/
-	getSelectedHtml(): void;
-
-	/** Gets the content as string from the RTE control.
-	* @returns {void}
-	*/
-	getText(): void;
-
-	/** Hides the RTE control.
-	* @returns {void}
-	*/
-	hide(): void;
-
-	/** Inserts new item to the target contextmenu node.
-	* @returns {void}
-	*/
-	insertMenuOption(): 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}
-	*/
-	refresh(): 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;
-
-	/**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;
-
-	/**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;
-
-	/**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;
-
-	/**Shows custom contextmenu with the RTE.
-	* @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;
-
-	/**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>;
-
-	/**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;
-}
-
-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 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 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 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>;
-}
-}
-
-class Slider extends ej.Widget {
-	static fn: Slider;
-	constructor(element: JQuery, options?: Slider.Model);
-	constructor(element: Element, options?: Slider.Model);
-	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
-	* @returns {void}
-	*/
-	setValue(): void;
-}
-export module Slider{
-
-export interface Model {
-
-	/**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;
-}
-
-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;
-}
-}
-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);
-	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?: string;
-
-	/**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;
-
-	/**returns the event
-	*/
-	event?: any;
-}
-
-export interface ItemMouseOutEvent {
-
-	/**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;
-
-	/**returns the event
-	*/
-	event?: any;
-}
-
-export interface ItemMouseOverEvent {
-
-	/**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);
-	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 spliter control. See orientation
-	* @Default {ej.orientation.Horizontal or “horizontal”}
-	*/
-	orientation?: ej.Orientation|string;
-
-	/**Specify properties for each pane like paneSize, minSize, maxSize, collapsible, 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 cancelled; 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 cancelled; 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 cancelled; 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 cancelled; 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 cancelled; 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);
-	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 availanle 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);
-	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;
-
-	/**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 number to categorize the font size.
-	*/
-	frequency?: number;
-
-	/**Defines the html attributes for the anchor elements inside the each tag items.
-	*/
-	htmlAttributes?: any;
-
-	/**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);
-	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 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, options?: ToggleButton.Model);
-	constructor(element: Element, options?: ToggleButton.Model);
-	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);
-	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;
-
-	/**Specifies the Toolbar control state.
-	* @Default {true}
-	*/
-	enabled?: boolean;
-
-	/**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 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 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;
-
-	/**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 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;
-}
-
-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 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 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;
-}
-}
-
-class TreeView extends ej.Widget {
-	static fn: TreeView;
-	constructor(element: JQuery, options?: TreeView.Model);
-	constructor(element: Element, options?: 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;
-
-	/** 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} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	checkNode( element : string|any): void;
-
-	/** To collapse all the TreeView nodes.
-	* @returns {void}
-	*/
-	collapseAll(): void;
-
-	/** To collapse a particular node in TreeView.
-	* @param {string|any} ID of TreeView node|object of TreeView node
-	* @returns {void}
-	*/
-	collapseNode( element : string|any): void;
-
-	/** To disable the node in the TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	disableNode( element : string|any): void;
-
-	/** To enable the node in the TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	enableNode( element : string|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;
-
-	/** To expand all the TreeView nodes.
-	* @returns {void}
-	*/
-	expandAll(): void;
-
-	/** To expandNode particular node in TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	expandNode( element : string|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>;
-
-	/** 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, childs 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 index position of currently selected node in TreeView.
-	* @returns {number}
-	*/
-	getSelectedNodeIndex(): number;
-
-	/** 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.
-	* @returns {Array<any>}
-	*/
-	getTreeData(): 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} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	hideNode( element : string|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 poistion of given TreeView node will be based on destionation 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} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	removeNode( element : string|any): void;
-
-	/** To select a node in TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	selectNode( element : string|any): void;
-
-	/** To show nodes in TreeView.
-	* @returns {void}
-	*/
-	show(): void;
-
-	/** To show a node in TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	showNode( element : string|any): void;
-
-	/** To uncheck all the nodes in TreeView.
-	* @returns {void}
-	*/
-	unCheckAll(): void;
-
-	/** To uncheck a node in TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	uncheckNode( element : string|any): void;
-
-	/** To unselect the node in the TreeView.
-	* @param {string|any} ID of TreeView node/object of TreeView node
-	* @returns {void}
-	*/
-	unselectNode( element : string|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;
-
-	/**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;
-
-	/**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 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;
-}
-
-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 keypressed keycode 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;
-}
-
-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 keypressed keycode 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 keypressed keycode value
-	*/
-	  keyCode ?: number;
-
-	/**it returns when the current node is in expanded state; otherwise, false.
-	*/
-	  isExpanded ?: boolean;
-}
-
-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 current element
-	*/
-	  id ?: string;
-
-	/**returns the parentId of current element
-	*/
-	  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 keypressed keycode 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;
-}
-
-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 keypressed keycode 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 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 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?: boolean;
-
-	/**Its allow us to indicate whether the node has child or not in load on demand
-	*/
-	hasChild?: boolean;
-
-	/**Specifies the html attributes to “li” 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 “li” item list.
-	*/
-	imageUrl?: string;
-
-	/**If its true Checkbox node will be checked when rendered with checkbox.
-	*/
-	isChecked?: boolean;
-
-	/**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?: boolean;
-
-	/**Specifies the sprite CSS class to “li” 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);
-	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;
-}
-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 draganddrop support is enabled in the Uploadbox control.
-	* @Default {Drop files or click to upload}
-	*/
-	dropAreaText?: string;
-
-	/**Specifies the dropAreaHeight when the draganddrop support is enabled in the Uploadbox control.
-	* @Default {100%}
-	*/
-	dropAreaHeight?: number|string;
-
-	/**Specifies the dropAreaWidth when the draganddrop 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;
-
-	/**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;
-
-	/**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 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 completed.*/
-	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 uploaded file is removed successfully.*/
-	remove? (e: RemoveEventArgs): void;
-}
-
-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 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);
-	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;
-
-	/**Enables or disables the default loading icon.
-	* @Default {true}
-	*/
-	showImage?: boolean;
-
-	/**Enables the visibility of the WaitingPopup control
-	* @Default {false}
-	*/
-	showOnInit?: boolean;
-
-	/**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);
-	model:Grid.Model;
-	defaults:Grid.Model;
-
-	/** Adds a grid model property which is to be ignored upon exporting.
-	* @returns {void}
-	*/
-	addIgnoreOnExport(): void;
-
-	/** Add a new record in grid control when allowAdding is set as true.
-	* @returns {void}
-	*/
-	addRecord(): 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 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
-	* @returns {void}
-	*/
-	dataSource(datasource: Array<any>): 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: Array<any>): void;
-
-	/** 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;
-
-	/** 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 {HTMLElement}
-	*/
-	expandCollapse($target: JQuery): HTMLElement;
-
-	/** Expand the group drop area in grid.
-	* @returns {void}
-	*/
-	expandGroupDropArea(): void;
-
-	/** Export the grid content to excel, word or pdf document.
-	* @param {string} Pass the controller action name corresponding to exporting
-	* @param {string} optionalASP server event name corresponding to exporting
-	* @param {boolean} optionalPass the multiple exporting value as true/false
-	* @param {Array<any>} optionalPass the array of the gridIds to be filtered
-	* @returns {void}
-	*/
-	export(action: string, serverEvent: string, multipleExport: boolean, gridIds: Array<any>): void;
-
-	/** Send a filtering request to filter one column in grid.
-	* @param {string} Pass the field name of the column
-	* @param {string} string/integer/dateTime operator
-	* @param {string|number} 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
-	* @returns {void}
-	*/
-	filterColumn(fieldName: string, filterOperator: string, filterValue: string|number, predicate: string, matchcase: boolean): 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 content div element of grid.
-	* @returns {HTMLElement}
-	*/
-	getContent(): HTMLElement;
-
-	/** Get the content table element of grid
-	* @returns {HTMLElement}
-	*/
-	getContentTable(): HTMLElement;
-
-	/** 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 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 {any}
-	*/
-	getScrollObject(): any;
-
-	/** Get the selected records details in grid.
-	* @returns {void}
-	*/
-	getSelectedRecords(): void;
-
-	/** 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;
-
-	/** 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;
-
-	/** 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 {boolean}
-	*/
-	saveCell(): boolean;
-
-	/** Set dimension for grid with corresponding to grid parent.
-	* @returns {void}
-	*/
-	setDimension(): 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 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 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.Note: It will work only for Local Data.
-	* @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;
-
-	/** Set validation to a field during editing.
-	* @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 {HTMLElement}
-	*/
-	startEdit($tr: JQuery): HTMLElement;
-
-	/** 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 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<Columns>;
-
-	/**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. allowScrolling – 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
-	*/
-	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;
-
-	/**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 an object that indicates whether to auto wrap the grid header or content or both
-	*/
-	textWrapSettings?: TextWrapSettings;
-
-	/**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 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 scrolling behavior of the grid.
-	*/
-	scrollSettings?: ScrollSettings;
-
-	/**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;
-
-	/**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;
-
-	/**This specifies to add new editable row dynamically at the either top or bottom of the grid.
-	* @Default {false}
-	*/
-	showAddNewRow?: boolean;
-
-	/**Default Value:
-	* @Default {false}
-	*/
-	showColumnChooser?: boolean;
-
-	/**Default Value:
-	* @Default {true}
-	*/
-	showInColumnChooser?: 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<StackedHeaderRows>;
-
-	/**Gets or sets an object that indicates to managing the collection of summary rows for the grid.
-	* @Default {[]}
-	*/
-	summaryRows?: Array<SummaryRows>;
-
-	/**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 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 when the column is being dragged.*/
-	columnDrag? (e: ColumnDragEventArgs): void;
-
-	/**Triggered when column dragging begins.*/
-	columnDragStart? (e: ColumnDragStartEventArgs): void;
-
-	/**Triggered when the column is dropped.*/
-	columnDrop? (e: ColumnDropEventArgs): void;
-
-	/**Triggered after the column is selected.*/
-	columnSelected? (e: ColumnSelectedEventArgs): void;
-
-	/**Triggered before the column is going to be selected.*/
-	columnSelecting? (e: ColumnSelectingEventArgs): void;
-
-	/**Triggered 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 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 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 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 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 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 ColumnDragEventArgs {
-
-	/**Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/**Returns draggable element type.
-	*/
-	draggableType?: any;
-
-	/**Returns the draggable column object.
-	*/
-	column?: any;
-
-	/**Returns the grid model.
-	*/
-	model?: any;
-
-	/**Returns target elements based on mouse move position.
-	*/
-	target?: any;
-
-	/**Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ColumnDragStartEventArgs {
-
-	/**Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/**Returns draggable element type.
-	*/
-	draggableType?: any;
-
-	/**Returns the draggable column object.
-	*/
-	column?: any;
-
-	/**Returns the grid model.
-	*/
-	model?: any;
-
-	/**Returns drag start element.
-	*/
-	target?: any;
-
-	/**Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ColumnDropEventArgs {
-
-	/**Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/**Returns draggable element type.
-	*/
-	draggableType?: string;
-
-	/**Returns the draggable column object.
-	*/
-	column?: any;
-
-	/**Returns the grid model.
-	*/
-	model?: any;
-
-	/**Returns dropped dragged element.
-	*/
-	target?: any;
-
-	/**Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ColumnSelectedEventArgs {
-
-	/**Returns the selected cell index value.
-	*/
-	columnIndex?: number;
-
-	/**Returns the previous selected column index value.
-	*/
-	previousColumnIndex?: number;
-
-	/**Returns the selected header cell element.
-	*/
-	headerCell?: any;
-
-	/**Returns the previous selected header cell element.
-	*/
-	prevColumnHeaderCell?: any;
-
-	/**Returns corresponding column object (JSON).
-	*/
-	column?: any;
-
-	/**Returns the selected columns values.
-	*/
-	selectedColumnsIndex?: Array<any>;
-
-	/**Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/**Returns the grid model.
-	*/
-	model?: any;
-
-	/**Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ColumnSelectingEventArgs {
-
-	/**Returns the selected column index value.
-	*/
-	columnIndex?: number;
-
-	/**Returns the previous selected column index value.
-	*/
-	previousColumnIndex?: number;
-
-	/**Returns the selected header cell element.
-	*/
-	headerCell?: any;
-
-	/**Returns the previous selected header cell element.
-	*/
-	prevColumnHeaderCell?: any;
-
-	/**Returns corresponding column object (JSON).
-	*/
-	column?: any;
-
-	/**Returns whether the ctrl key is pressed while selecting cell
-	*/
-	isCtrlKeyPressed?: boolean;
-
-	/**Returns whether the shift key is pressed while selecting cell
-	*/
-	isShiftKeyPressed?: boolean;
-
-	/**Returns the grid model.
-	*/
-	model?: any;
-
-	/**Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface 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 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;
-}
-
-export interface ColumnsCommands {
-
-	/**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 Columns {
-
-	/**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;
-
-	/**Used to hide the particular column in column chooser by giving value as false.
-	* @Default {true}
-	*/
-	showInColumnChooser?: boolean;
-
-	/**Gets or sets an object that indicates to define a command column in the grid.
-	* @Default {[]}
-	*/
-	commands?: Array<ColumnsCommands>;
-
-	/**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 columnEditType as &quot;dropdownedit&quot; 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 display the columns in the grid mapping with column name of the dataSource.
-	*/
-	field?: 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 {ej.TextAlign.Left}
-	*/
-	headerTextAlign?: ej.TextAlign|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 whether to bind the column which are not in the datasource
-	* @Default {false}
-	*/
-	isUnbound?: 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 add the template as a particular column data .
-	* @Default {null}
-	*/
-	templateID?: 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;
-
-	/**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 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
-	* @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 FilterSettingsFilteredColumns {
-
-	/**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 filter condition to filtered column.
-	*/
-	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;
-
-	/**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<FilterSettingsFilteredColumns>;
-
-	/**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;
-
-	/**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 the animation effects to the group drop area
-	* @Default {true}
-	*/
-	enableDropAreaAnimation?: boolean;
-
-	/**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 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 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 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;
-
-	/**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?: 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 specify the grid to show the horizontal scroll bar, to scroll and view the grid contents
-	* @Default {250}
-	*/
-	width?: 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 SearchSettings {
-
-	/**This specify the grid to search for the value in particular columns that is mentioned in the field.
-	* @Default {[]}
-	*/
-	field?: 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 whether to enable the toggle selction 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 seleciton mode.See selectionMode
-	* @Default {[row]}
-	*/
-	selectionMode?: ej.Grid.SelectionMode|string;
-}
-
-export interface SortSettingsSortedColumns {
-
-	/**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<SortSettingsSortedColumns>;
-}
-
-export interface StackedHeaderRowsStackedHeaderColumns {
-
-	/**Gets or sets a value that indicates the header text for the particular stacked header column.
-	* @Default {null}
-	*/
-	column?: string;
-
-	/**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;
-}
-
-export interface StackedHeaderRows {
-
-	/**Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows
-	* @Default {[]}
-	*/
-	stackedHeaderColumns?: Array<StackedHeaderRowsStackedHeaderColumns>;
-}
-
-export interface SummaryRowsSummaryColumns {
-
-	/**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 SummaryRows {
-
-	/**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<SummaryRowsSummaryColumns>;
-
-	/**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 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
-	* @Default {[]}
-	*/
-	toolbarItems?: 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 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 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 EditMode{
-
-	///Edit mode is normal.
-	Normal,
-
-	///Truncate the text in the cell
-	Clip,
-
-	///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 FilterType{
-
-	///Specifies the filter type as menu.
-	Menu,
-
-	///Specifies the filter type as excel.
-	Excel,
-
-	///Specifies the filter type as filterbar.
-	FilterBar
-}
-
-
-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 PrintMode{
-
-	///Prints all pages.
-	AllPages,
-
-	///Prints curren tpage.
-	CurrentPage
-}
-
-
-enum VirtualScrollMode{
-
-	///virtual scroll mode is normal.
-	Normal,
-
-	///virtual scroll mode is continuous.
-	Continuous
-}
-
-
-enum SelectionMode{
-
-	///Selection is row basis.
-	Row,
-
-	///Selection is cell basis.
-	Cell,
-
-	///Selection is column basis.
-	Column
-}
-
-
-enum SelectionType{
-
-	///Specifies the selection type as single.
-	Single,
-
-	///Specifies the selection type as multiple.
-	Multiple
-}
-
-
-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 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 PivotGrid extends ej.Widget {
-	static fn: PivotGrid;
-	constructor(element: JQuery, options?: PivotGrid.Model);
-	constructor(element: Element, options?: PivotGrid.Model);
-	model:PivotGrid.Model;
-	defaults:PivotGrid.Model;
-
-	/** Perform an asynchronous HTTP (AJAX) request.
-	* @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** Perform an asynchronous HTTP (FullPost) submit.
-	* @returns {void}
-	*/
-	doPostBack(): void;
-
-	/** Exports the PivotGrid to an appropriate format based on the parameter passed.
-	* @returns {void}
-	*/
-	exportPivotGrid(): void;
-
-	/** This function re-renders the PivotGrid on clicking the navigation buttons on PivotPager.
-	* @returns {void}
-	*/
-	refreshPagedPivotGrid(): 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.PivotGrid.AnalysisMode.Olap}
-	*/
-	analysisMode?: any;
-
-	/**Specifies the CSS class to PivotGrid to achieve custom theme.
-	* @Default {“”}
-	*/
-	cssClass?: string;
-
-	/**Contains the serialized OlapReport at that instant.
-	* @Default {“”}
-	*/
-	currentReport?: string;
-
-	/**Initializes the data source for the PivotGrid widget, when it functions completely on client-side.
-	* @Default {{}}
-	*/
-	dataSource?: DataSource;
-
-	/**Used to bind the drilled members by default through report.
-	* @Default {[]}
-	*/
-	drilledItems?: Array<any>;
-
-	/**Object utilized to pass additional information between client-end and service-end.
-	* @Default {null}
-	*/
-	customObject?: any;
-
-	/**Allows the user to access each cell on right-click.
-	* @Default {false}
-	*/
-	enableCellContext?: boolean;
-
-	/**Enables the cell selection for a specified range of value cells.
-	* @Default {false}
-	*/
-	enableCellSelection?: boolean;
-
-	/**Collapses the Pivot Items along rows and columns by default.  It works only for relational data source.
-	* @Default {false}
-	*/
-	enableCollapseByDefault?: boolean;
-
-	/**Enables 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;
-
-	/**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 relational datasource.
-	* @Default {false}
-	*/
-	enableGroupingBar?: boolean;
-
-	/**Enables 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 operation.
-	* @Default {true}
-	*/
-	enablePivotFieldList?: boolean;
-
-	/**Enables the display of grand total for all the rows.
-	* @Default {true}
-	*/
-	enableRowGrandTotal?: boolean;
-
-	/**Allows the user to view PivotGrid from right to left.
-	* @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/**Allows the user to enable ToolTip option.
-	* @Default {false}
-	*/
-	enableToolTip?: boolean;
-
-	/**Allows the user to view large amount of data through virtual scrolling.
-	* @Default {false}
-	*/
-	enableVirtualScrolling?: boolean;
-
-	/**Allows the user to configure hyperlink settings of PivotGrid control.
-	* @Default {{}}
-	*/
-	hyperlinkSettings?: HyperlinkSettings;
-
-	/**This is used for identifying whether the member is Named Set or not.
-	* @Default {false}
-	*/
-	isNamedSets?: boolean;
-
-	/**Allows the user to enable PivotGrid’s responsiveness in the browser layout.
-	* @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/**Contains the serialized JSON string which renders PivotGrid.
-	* @Default {“”}
-	*/
-	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.PivotGrid.OperationalMode.ClientMode}
-	*/
-	operationalMode?: any;
-
-	/**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 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 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;
-}
-
-export interface AfterServiceInvokeEventArgs {
-
-	/**return the current action of PivotGrid control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with PivotGrid control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of PivotGrid control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface BeforeServiceInvokeEventArgs {
-
-	/**return the current action of PivotGrid control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with PivotGrid control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of PivotGrid control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface CellContextEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the cell position (row index and column index) in table.
-	*/
-	cellPosition?: string;
-
-	/**returns the type of the cell.
-	*/
-	cellType?: string;
-
-	/**returns the serialized data of the header cells.
-	*/
-	rowData?: string;
-
-	/**returns the unique name of levels/members.
-	*/
-	uniqueName?: string;
-}
-
-export interface CellSelectionEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**Returns the selected cell values.
-	*/
-	cellvalue?: any;
-
-	/**Returns the selected value cells row headers.
-	*/
-	rowheaders?: any;
-
-	/**Returns the selected value cells column headers.
-	*/
-	colheaders?: any;
-
-	/**Returns the selected value cells measure.
-	*/
-	measure?: any;
-
-	/**Return the row and column measure count.
-	*/
-	measureValue?: any;
-}
-
-export interface ColumnHeaderHyperlinkClickEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the cell position (row index and column index) in table.
-	*/
-	cellPosition?: string;
-
-	/**returns the type of the cell.
-	*/
-	cellType?: string;
-
-	/**returns the serialized data of the header cells.
-	*/
-	rowData?: string;
-
-	/**returns the unique name of levels/members.
-	*/
-	uniqueName?: string;
-}
-
-export interface DrillSuccessEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface LoadEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the current action of PivotGrid control.
-	*/
-	action?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the HTML of PivotGrid control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model.
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderCompleteEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the current action of PivotGrid control.
-	*/
-	action?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the HTML of PivotGrid control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model.
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderFailureEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the current action of PivotGrid control.
-	*/
-	action?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the HTML of PivotGrid control.
-	*/
-	element?: string;
-
-	/**returns the error message with error code.
-	*/
-	message?: any;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model.
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderSuccessEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the current action of PivotGrid control.
-	*/
-	action?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the HTML of PivotGrid control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotGrid model.
-	*/
-	model?: ej.PivotGrid.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RowHeaderHyperlinkClickEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the cell position (row index and column index) in table.
-	*/
-	cellPosition?: string;
-
-	/**returns the type of the cell.
-	*/
-	cellType?: string;
-
-	/**returns the serialized data of the header cells.
-	*/
-	rowData?: string;
-
-	/**returns the unique name of levels/members.
-	*/
-	uniqueName?: string;
-}
-
-export interface SummaryCellHyperlinkClickEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the cell position (row index and column index) in table.
-	*/
-	cellPosition?: string;
-
-	/**returns the type of the cell.
-	*/
-	cellType?: string;
-
-	/**returns the serialized data of the header cells.
-	*/
-	rowData?: string;
-
-	/**returns the unique name of levels/members.
-	*/
-	uniqueName?: string;
-}
-
-export interface ValueCellHyperlinkClickEventArgs {
-
-	/**returns the original event args.
-	*/
-	args?: any;
-
-	/**returns the cell position (row index and column index) in table.
-	*/
-	cellPosition?: string;
-
-	/**returns the type of the cell.
-	*/
-	cellType?: string;
-
-	/**returns the serialized data of the header cells.
-	*/
-	rowData?: string;
-
-	/**returns the unique name of levels/members.
-	*/
-	uniqueName?: string;
-}
-
-export interface DataSourceValues {
-
-	/**This holds the measures unique names to bind the measures from Cube.
-	* @Default {[]}
-	*/
-	measures?: Array<any>;
-
-	/**To set the axis name in-order to place the measures.
-	* @Default {“”}
-	*/
-	axis?: string;
-}
-
-export interface DataSource {
-
-	/**Contains the database name as string type to fetch the data from the given connection string.
-	* @Default {“”}
-	*/
-	catalog?: string;
-
-	/**Lists out the items to be arranged in column section of PivotGrid.
-	* @Default {[]}
-	*/
-	columns?: Array<any>;
-
-	/**Contains the respective Cube name as string type.
-	* @Default {“”}
-	*/
-	cube?: string;
-
-	/**Provides the raw data source for the PivotGrid.
-	* @Default {null}
-	*/
-	data?: any;
-
-	/**Lists out the items to be arranged in row section of PivotGrid.
-	* @Default {[]}
-	*/
-	rows?: Array<any>;
-
-	/**Lists out the items which supports calculation in PivotGrid.
-	* @Default {[]}
-	*/
-	values?: Array<DataSourceValues>;
-
-	/**Lists out the items which supports filtering of values in PivotGrid.
-	* @Default {[]}
-	*/
-	filters?: Array<any>;
-}
-
-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 that's responsible for drill up/down operation in PivotGrid.
-	* @Default {DrillGrid}
-	*/
-	drillDown?: string;
-
-	/**Allows the user to set the custom name for the service method that’s responsible for exporting.
-	* @Default {Export}
-	*/
-	exportPivotGrid?: string;
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s responsible to 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 that's responsible for filtering operation in PivotGrid.
-	* @Default {Filtering}
-	*/
-	filtering?: string;
-
-	/**Allows the user to set the custom name for the service method that's responsible for initializing PivotGrid.
-	* @Default {InitializeGrid}
-	*/
-	initialize?: string;
-
-	/**Allows the user to set the custom name for the service method that's 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 that’s 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 that's responsible for performing paging operation in PivotGrid.
-	* @Default {Paging}
-	*/
-	paging?: string;
-
-	/**Allows the user to set the custom name for the service method that's responsible for sorting operation in PivotGrid.
-	* @Default {Sorting}
-	*/
-	sorting?: 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
-}
-
-}
-
-class PivotSchemaDesigner extends ej.Widget {
-	static fn: PivotSchemaDesigner;
-	constructor(element: JQuery, options?: PivotSchemaDesigner.Model);
-	constructor(element: Element, options?: PivotSchemaDesigner.Model);
-	model:PivotSchemaDesigner.Model;
-	defaults:PivotSchemaDesigner.Model;
-
-	/** Perform an asynchronous HTTP (AJAX) request.
-	* @returns {void}
-	*/
-	doAjaxPost(): 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, Pivots Schema Designer will be initialized and rendered empty initially. Once PivotGrid widget is rendered completely, Pivots Schema Designer will just be populated with data source by setting this property to “true”.
-	* @Default {false}
-	*/
-	enableWrapper?: boolean;
-
-	/**Allows the user to set the list of filters in filter section.
-	* @Default {newArray()}
-	*/
-	filters?: Array<any>;
-
-	/**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 list of PivotCalculations in values section.
-	* @Default {newArray()}
-	*/
-	pivotCalculations?: Array<any>;
-
-	/**Allows the user to set the list of PivotItems in column section.
-	* @Default {newArray()}
-	*/
-	pivotColumns?: Array<any>;
-
-	/**Sets the Pivot control bound with this PivotSchemaDesigner.
-	* @Default {null}
-	*/
-	pivotControl?: any;
-
-	/**Allows the user to set the list of PivotItems in row section.
-	* @Default {newArray()}
-	*/
-	pivotRows?: Array<any>;
-
-	/**Allows the user to arrange the fields inside Field List of PivotSchemaDesigner.
-	* @Default {newArray()}
-	*/
-	pivotTableFields?: Array<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;
-
-	/**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;
-}
-
-export interface AfterServiceInvokeEventArgs {
-
-	/**return the current action of PivotSchemaDesigner control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with PivotSchemaDesigner control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of PivotSchemaDesigner control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotSchemaDesigner model
-	*/
-	model?: ej.PivotSchemaDesigner.Model;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface BeforeServiceInvokeEventArgs {
-
-	/**return the current action of PivotSchemaDesigner control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with PivotSchemaDesigner control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of PivotSchemaDesigner control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the PivotSchemaDesigner model
-	*/
-	model?: ej.PivotSchemaDesigner.Model;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ServiceMethod {
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s responsible for filtering operation in Field List.
-	* @Default {Filtering}
-	*/
-	filtering?: string;
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s 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 that’s 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 that’s responsible for remove operation in Field List.
-	* @Default {RemoveButton}
-	*/
-	removeButton?: string;
-}
-}
-
-class PivotPager extends ej.Widget {
-	static fn: PivotPager;
-	constructor(element: JQuery, options?: PivotPager.Model);
-	constructor(element: Element, options?: PivotPager.Model);
-	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 Schedule extends ej.Widget {
-	static fn: Schedule;
-	constructor(element: JQuery, options?: Schedule.Model);
-	constructor(element: Element, options?: 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;
-
-	/** 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 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 {void}
-	*/
-	filterAppointments(filterConditions: Array<any>): void;
-
-	/** Gets the appointment list of Schedule control.
-	* @returns {void}
-	*/
-	getAppointments(): void;
-
-	/** Prints the Scheduler.
-	* @returns {void}
-	*/
-	print(): void;
-
-	/** Refreshes the Scroller within Scheduler while using it with some other controls or application.
-	* @returns {void}
-	*/
-	refreshScroller(): void;
-
-	/** It is used to save the appointment. The appointment obj is based on the argument passed along with this method.
-	* @param {any} appointment object which includes appointment details
-	* @returns {void}
-	*/
-	saveAppointment(appointmentObject: any): void;
-
-	/** 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 {void}
-	*/
-	getSlotByElement(element: any): void;
-
-	/** Searches the appointments from the appointment list of Schedule control.
-	* @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 {string|string} Defines the filterOperator value for the search operation.
-	* @param {boolean} Defines the ignoreCase value for performing the search operation.
-	* @returns {void}
-	*/
-	searchAppointments(searchString: any|string, field: string, operator: string|string, ignoreCase: boolean): void;
-
-	/** To refresh the Schedule control.
-	* @returns {void}
-	*/
-	refresh(): void;
-
-	/** Refreshes only the appointments within the Schedule control.
-	* @returns {void}
-	*/
-	refreshAppointment(): 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;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	appointmentTemplateId?: string;
-
-	/**Default Value
-	*/
-	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 the Schedule.
-	*/
-	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 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<Resources>;
-
-	/**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 true, displays the quick window for every single click made on the Schedule cells or appointments.
-	* @Default {true}
-	*/
-	showQuickWindow?: boolean;
-
-	/**When set to true, displays the timescale on the left side of the Schedule.
-	* @Default {true}
-	*/
-	showTimeScale?: 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;
-
-	/**You can change or set the starting day of the week.
-	* @Default {null}
-	*/
-	firstDayOfWeek?: string;
-
-	/**You can set the workWeek days of the workWeek.
-	* @Default {[Monday, Tuesday, Wednesday, Thursday, Friday]}
-	*/
-	workWeek?: Array<any>;
-
-	/**The tooltip allows to display appointment details in a tooltip while hovering on it.
-	*/
-	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.
-	* @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.
-	* @Default {null}
-	*/
-	dateHeaderTemplateId?: string;
-
-	/**when set to false, allows the height of the work-cells to adjust automatically 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;
-
-	/**Triggers before the action begin of the Schedule.*/
-	actionBegin? (e: ActionBeginEventArgs): void;
-
-	/**Triggers after the completion of action in the Schedule.*/
-	actionComplete? (e: ActionCompleteEventArgs): void;
-
-	/**Triggers after the 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 after the appointment is hovered.*/
-	appointmentHover? (e: AppointmentHoverEventArgs): void;
-
-	/**Triggers before the 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 after the cell is hovered.*/
-	cellHover? (e: CellHoverEventArgs): 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 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.*/
-	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 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 appointment is saved.*/
-	appointmentCreated? (e: AppointmentCreatedEventArgs): void;
-
-	/**Triggers after the 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 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 appontment 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 starttime, endtime 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 starttime, endtime 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 {
-
-	/**Default Value
-	* @Default {Array}
-	*/
-	dataSource?: any|Array<any>;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	query?: string;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	tableName?: string;
-
-	/**Binds the id field name in dataSource to the id of Schedule appointments. It denotes the unique id assigned to appointments.
-	*/
-	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.
-	*/
-	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.
-	*/
-	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.
-	*/
-	subject?: string;
-
-	/**Binds the description field name in dataSource. It indicates the appointment description.
-	*/
-	description?: string;
-
-	/**Binds the name of recurrence field in dataSource. It indicates whether the appointment is a recurrence appointment or not.
-	*/
-	recurrence?: string;
-
-	/**Binds the name of recurrenceRule field in dataSource. It indicates the recurrence pattern associated with appointments.
-	*/
-	recurrenceRule?: string;
-
-	/**Binds the name of allDay field in dataSource. It indicates whether the appointment is an allday appointment or not.
-	* @Default {AllDay}
-	*/
-	allDay?: string;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	resourceFields?: string;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	categorize?: string;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	location?: string;
-
-	/**Default Value
-	* @Default {null}
-	*/
-	priority?: string;
-
-	/**Default Value
-	* @Default {StartTimeZone}
-	*/
-	startTimeZone?: string;
-
-	/**Default Value
-	* @Default {EndTimeZone}
-	*/
-	endTimeZone?: string;
-}
-
-export interface CategorizeSettings {
-
-	/**Default Value
-	* @Default {false}
-	*/
-	allowMultiple?: boolean;
-
-	/**Default Value
-	* @Default {false}
-	*/
-	enable?: boolean;
-
-	/**Default Value
-	* @Default {Array}
-	*/
-	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 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.
-	* @Default {[]}
-	*/
-	menuItems?: any;
-}
-
-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 {null}
-	*/
-	start?: number;
-
-	/**Sets the end time to depict the end of working or business hour in a day.
-	* @Default {null}
-	*/
-	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 {Array}
-	*/
-	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 (ej.DataManager) instance that contains the resources related data.
-	*/
-	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.
-	*/
-	text?: string;
-
-	/**Binds id field name in the dataSource to resourceSettings id.
-	*/
-	id?: string;
-
-	/**Binds groupId field name in the dataSource to resourceSettings groupId.
-	*/
-	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.
-	*/
-	color?: string;
-
-	/**Binds the starting work hour field name in the dataSource. It's optional, but when provided with some numeric value will set the starting work hour for specific resources.
-	*/
-	start?: string;
-
-	/**Binds the end work hour field name in the dataSource. It's optional, but when provided with some numeric value will set the end work hour for specific resources.
-	*/
-	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 some values (array of day names), only those days will render for the specific resources.
-	*/
-	workWeek?: string;
-
-	/**Binds appointmentClass field name in the dataSource. It applies custom CSS class name to appointments depicting to the resource it belongs.
-	*/
-	appointmentClass?: string;
-}
-
-export interface Resources {
-
-	/**It holds the name of the resource field to be bound to the Schedule appointments that contains the resource Id.
-	* @Default {[]}
-	*/
-	field?: string;
-
-	/**It holds the title name of the resource field to be displayed on the Schedule appointment window.
-	* @Default {[]}
-	*/
-	title?: string;
-
-	/**A unique resource name that is used for differentiating various resource objects while grouping it in various levels.
-	* @Default {[]}
-	*/
-	name?: string;
-
-	/**When set to true, allows multiple selection of resource names, thus creating multiple instances of same appointment for the selected resources.
-	* @Default {[]}
-	*/
-	allowMultiple?: string;
-
-	/**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.
-	*/
-	text?: string;
-
-	/**Binds id field name in the dataSource to timeZoneCollection id.
-	*/
-	id?: string;
-
-	/**Binds value field name in the dataSource to timeZoneCollection 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 {
-
-	/**To enable or disable the tooltip display.
-	* @Default {false}
-	*/
-	enable?: boolean;
-
-	/**To customize the tooltip display based on your requirements.
-	* @Default {null}
-	*/
-	templateId?: string;
-}
-
-export interface TimeScale {
-
-	/**When set to true, displays the timescale on the Scheduler.
-	* @Default {null}
-	*/
-	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;
-
-	/**Accepts id value of the template defined for minor time slots
-	* @Default {null}
-	*/
-	minorSlotTemplateId?: string;
-
-	/**Accepts id value of the template defined for major time slots.
-	* @Default {null}
-	*/
-	majorSlotTemplateId?: string;
-}
-
-enum CurrentView{
-
-	///Set currentView as Day to Scheduler
-	Day,
-
-	///Set currentView as Week to Scheduler
-	Week,
-
-	///Set currentView as Workweek to Scheduler
-	Workweek,
-
-	///Set currentView as Month to Scheduler
-	Month,
-
-	///Set currentView as Agenda to Scheduler
-	Agenda,
-
-	///Set currentView as CustomView to Scheduler
-	CustomView
-}
-
-
-enum Orientation{
-
-	///Set orientation as vertical to Scheduler
-	Vertical,
-
-	///Set orientation as horizontal to Scheduler
-	Horizontal
-}
-
-
-enum TimeMode{
-
-	///Set timeMode as 12 hours to Scheduler
-	Hour12,
-
-	///Set timeMode as 24 hours to Scheduler
-	Hour24
-}
-
-}
-
-class RecurrenceEditor extends ej.Widget {
-    static fn: RecurrenceEditor;
-	static Locale:any;
-    constructor(element: JQuery, options?: RecurrenceEditorOptions);
-    constructor(element: Element, options?: RecurrenceEditorOptions);
-	model:RecurrenceEditorOptions;
-	defaults:RecurrenceEditorOptions;
-    recurrenceDateGenerator(recurrenceString: string,strDate:Object): string;
-    closeRecurPublic(): string;
-    getRecurrenceRule(): void;
-    recurrenceRuleSplit(recurrenceRule: string, recurrenceExDate?: string): Object;
-    
-}
-interface RecurrenceEditorOptions {
-    frequencies?: Array<string>;
-    firstDayOfWeek?: string;
-    name?: string;
-    enableSpinners?: boolean;
-    startDate?: Date;
-    locale?: string;
-    enableRTL?: boolean;
-    value?: string;
-    dateFormat?: string;
-    selectedRecurrenceType?: number;
-    enableRecurrenceValidation?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    cssClass?: string;
-    change?(e: RecurrenceEditorChangeEvent): void;
-    create?(e: RecurrenceEditorBaseEvent): void;
-}
-interface RecurrenceEditorBaseEvent extends ej.BaseEvent {
-    model: RecurrenceEditorOptions;
-}
-interface RecurrenceEditorChangeEvent extends RecurrenceEditorBaseEvent {
-    requestType?: string;
-}
-class Gantt extends ej.Widget {
-	static fn: Gantt;
-	constructor(element: JQuery, options?: Gantt.Model);
-	constructor(element: Element, options?: Gantt.Model);
-	model:Gantt.Model;
-	defaults:Gantt.Model;
-
-	/** To add 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;
-
-	/** 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} Exapnd 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 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 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;
-
-	/**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;
-
-	/**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;
-
-	/**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>;
-
-	/**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 or disables the collapse all records when loading the gantt.
-	* @Default {false}
-	*/
-	enableCollapseAll?: boolean;
-
-	/**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 chart.
-	* @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;
-
-	/**Specifies the background of parent progressbar in gantt
-	*/
-	parentProgressbarBackground?: string;
-
-	/**Specifies the background of parent taskbar in gantt
-	*/
-	parentTaskbarBackground?: string;
-
-	/**Specifies the mapping property path for parent task Id in self reference datasource
-	*/
-	parentTaskIdMapping?: string;
-
-	/**Specifies the mapping property path for predecessors of a task in datasource
-	*/
-	predecessorMapping?: string;
-
-	/**Specifies the background of progressbar in gantt
-	*/
-	progressbarBackground?: string;
-
-	/**Specified the height of the progressbar in taskbar
-	* @Default {100}
-	*/
-	progressbarHeight?: number;
-
-	/**Specifies the template for tooltip on resizing progressbar
-	* @Default {null}
-	*/
-	progressbarTooltipTemplate?: string;
-
-	/**Specifies the template ID for customized tooltip for progressbar editing in gantt
-	* @Default {null}
-	*/
-	progressbarTooltipTemplateId?: string;
-
-	/**Specifies the mapping property path for progress percentage of a task in datasource
-	*/
-	progressMapping?: string;
-
-	/**It receives query to retrieve data from the table (query is same as SQL).
-	* @Default {null}
-	*/
-	query?: any;
-
-	/**Enables or Disables rendering baselines in Gantt , when enabled baseline is rendered in gantt
-	* @Default {false}
-	*/
-	renderBaseline?: boolean;
-
-	/**Specifies the mapping property name for resource ID in resource Collection in gantt
-	*/
-	resourceIdMapping?: string;
-
-	/**Specifies the mapping property path for resources of a task in datasource
-	*/
-	resourceInfoMapping?: string;
-
-	/**Specifies the mapping property path for resource name of a task in gantt
-	*/
-	resourceNameMapping?: string;
-
-	/**Collection of data regarding resources involved in entire project
-	* @Default {[]}
-	*/
-	resources?: Array<any>;
-
-	/**Specifies whether rounding off the day working time edits
-	* @Default {true}
-	*/
-	roundOffDayworkingTime?: boolean;
-
-	/**Specifies the height of a single row in gantt. Also, we need to set same height in the CSS style with class name e-rowcell.
-	* @Default {30}
-	*/
-	rowHeight?: number;
-
-	/**Specifies end date of the gantt schedule. By default, end date will be rounded to its next Saturday.
-	* @Default {null}
-	*/
-	scheduleEndDate?: string;
-
-	/**Specifies the options for customizing schedule header.
-	*/
-	scheduleHeaderSettings?: ScheduleHeaderSettings;
-
-	/**Specifies start date of the gantt schedule. By default, start date will be rounded to its previous Sunday.
-	* @Default {null}
-	*/
-	scheduleStartDate?: string;
-
-	/**Specifies the selected row index in gantt
-	* @Default {null}
-	*/
-	selectedItem?: number;
-
-	/**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 whether to show grid 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 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;
-
-	/**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 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 tree grid cell*/
-	beginEdit? (e: BeginEditEventArgs): 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 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 tree grid*/
-	queryCellInfo? (e: QueryCellInfoEventArgs): void;
-
-	/**Triggered while rendering each taskbar in the gantt chart*/
-	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 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 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 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 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 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 edit mode in Gantt, &quot;normal&quot; is for dialog editing ,&quot;cellEditing&quot; is for cell type editing
-	* @Default {normal}
-	*/
-	editMode?: 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;
-
-	/**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;
-}
-
-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 SortSettings {
-
-	/**Specifies the sorted columns for gantt
-	* @Default {[]}
-	*/
-	sortedColumns?: Array<any>;
-}
-
-export interface ToolbarSettings {
-
-	/**Specifies the state of enabling or disabling toolbar
-	* @Default {true}
-	*/
-	showToolBar?: boolean;
-
-	/**Specifies the list of toolbar items to rendered in toolbar
-	* @Default {[]}
-	*/
-	toolbarItems?: Array<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 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 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);
-	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<DataSources>;
-
-	/**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<Parameters>;
-
-	/**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 DataSources {
-
-	/**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 Parameters {
-
-	/**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 availble 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);
-	model:TreeGrid.Model;
-	defaults:TreeGrid.Model;
-
-	/** 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 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;
-
-	/** 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;
-}
-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 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;
-
-	/**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?: Array<Columns>;
-
-	/**Options for displaying and customizing context menu items.
-	*/
-	contextMenuSettings?: ContextMenuSettings;
-
-	/**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 if the filtering should happen immediately on each key press or only on pressing enter key.
-	* @Default {immediate}
-	*/
-	filterBarMode?: string;
-
-	/**Specifies the name of the field in the dataSource, which contains the id of that row.
-	*/
-	idMapping?: string;
-
-	/**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 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 type of selection whether to select single row or multiple rows.
-	* @Default {ej.TreeGrid.SelectionType.Single}
-	*/
-	selectionType?: ej.Gantt.SelectionType|string;
-
-	/**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 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 Context Menu is rendered in TreeGrid control*/
-	contextMenuOpen? (e: ContextMenuOpenEventArgs): 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 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 collpsed 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 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 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 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 Columns {
-
-	/**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;
-
-	/**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;
-
-	/**Controls the visibility of the column.
-	* @Default {true}
-	*/
-	visible?: boolean;
-
-	/**Specifies the header template value for the column header
-	*/
-	headerTemplateID?: string;
-
-	/**Specifies whether the column is frozen
-	* @Default {false}
-	*/
-	isFrozen?: 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?: 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 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 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 ToolbarSettings {
-
-	/**Shows/hides the toolbar.
-	* @Default {false}
-	*/
-	showToolBar?: boolean;
-
-	/**Option to add items to the toolbar.
-	* @Default {[]}
-	*/
-	toolbarItems?: Array<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 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
-}
-
-}
-module Gantt
-{
-enum SelectionType
-{
-//you can select a single row.
-Single,
-//you can select a multiple row.
-Multiple,
-}
-}
-
-class NavigationDrawer extends ej.Widget {
-	static fn: NavigationDrawer;
-	constructor(element: JQuery, options?: NavigationDrawer.Model);
-	constructor(element: Element, options?: NavigationDrawer.Model);
-	model:NavigationDrawer.Model;
-	defaults:NavigationDrawer.Model;
-
-	/** To close the navigation drawer control
-	* @returns {void}
-	*/
-	close(): 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 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;
-
-	/**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 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;
-
-	/**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 Navigation Drawer model
-	*/
-	model?: ej.NavigationDrawer.Model;
-
-	/**returns the name of the event
-	*/
-	type?: string;
-
-	/**returns the item of element
-	*/
-	item?: any;
-
-	/**returns the name of item
-	*/
-	itemName?: 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;
-
-	/**returns the item of element
-	*/
-	item?: any;
-
-	/**returns the name of item
-	*/
-	itemName?: string;
-}
-}
-
-class RadialMenu extends ej.Widget {
-	static fn: RadialMenu;
-	constructor(element: JQuery, options?: RadialMenu.Model);
-	constructor(element: Element, options?: RadialMenu.Model);
-	model:RadialMenu.Model;
-	defaults:RadialMenu.Model;
-
-	/** To hide the redialmenu
-	* @returns {void}
-	*/
-	hide(): void;
-
-	/** To hide the redialmenu items
-	* @returns {void}
-	*/
-	menuHide(): void;
-
-	/** To Show the redialmenu
-	* @returns {void}
-	*/
-	show(): void;
-}
-export module RadialMenu{
-
-export interface Model {
-
-	/**To show the Radial in intial 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;
-
-	/**Specifies the radius of radial menu
-	*/
-	radius?: number;
-
-	/**To show the Radial while clicking given target element.
-	*/
-	targetElementId?: string;
-
-	/**Event triggers when the mouse down happens.*/
-	mouseDown? (e: MouseDownEventArgs): void;
-
-	/**Event triggers when the mouse up happens.*/
-	mouseUp? (e: MouseUpEventArgs): void;
-
-	/**Event triggers when we select an item.*/
-	select? (e: SelectEventArgs): void;
-}
-
-export interface MouseDownEventArgs {
-
-	/**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 MouseUpEventArgs {
-
-	/**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 SelectEventArgs {
-
-	/**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;
-}
-}
-
-class Tile extends ej.Widget {
-	static fn: Tile;
-	constructor(element: JQuery, options?: Tile.Model);
-	constructor(element: Element, options?: Tile.Model);
-	model:Tile.Model;
-	defaults:Tile.Model;
-
-	/** Update the image template of tile item to another one.
-	* @param {string} UpdateTemplate by using id
-	* @returns {void}
-	*/
-	updateTemplate(name: string): void;
-}
-export module Tile{
-
-export interface Model {
-
-	/**Section for badge specific functionalities and it represents the notification for tile items.
-	*/
-	badge?: Badge;
-
-	/**Specifies the tile caption in outside of template content.
-	* @Default {null}
-	*/
-	captionTemplateId?: string;
-
-	/**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. See imagePosition
-	* @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;
-
-	/**Section for livetile specific functionalities.
-	*/
-	livetile?: Livetile;
-
-	/**Specifies whether the tile text to be shown or hidden.
-	* @Default {true}
-	*/
-	showText?: boolean;
-
-	/**Changes the text of a tile.
-	* @Default {Text}
-	*/
-	text?: string;
-
-	/**Aligns the text of a tile. See textAlignment
-	* @Default {normal}
-	*/
-	textAlignment?: ej.Tile.TextAlignment|string;
-
-	/**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 {false}
-	*/
-	backgroundColor?: string;
-
-	/**Event triggers when the mouse down happens in the tile*/
-	mouseDown? (e: MouseDownEventArgs): void;
-
-	/**Event triggers when the mouse up 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 Livetile {
-
-	/**Specifies whether to enable livetile or not.
-	* @Default {false}
-	*/
-	enabled?: boolean;
-
-	/**Specifies liveTile images in css classes.
-	* @Default {null}
-	*/
-	imageClass?: string;
-
-	/**Specifies liveTile images in templates.
-	* @Default {null}
-	*/
-	imageTemplateId?: string;
-
-	/**Specifies liveTile images in css classes.
-	* @Default {null}
-	*/
-	imageUrl?: 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;
-
-	/**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 image
-	Bottomright
-}
-
-
-enum ImagePosition{
-
-	///To set the center position of tile image
-	Center,
-
-	///To set the top position of tile image
-	Top,
-
-	///To set the bottom position of tile image
-	Bottom,
-
-	///To set the right position of tile image
-	Right,
-
-	///To set the left position of tile image
-	Left,
-
-	///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 TextAlignment{
-
-	///To set the normal alignment of text for tile control
-	Normal,
-
-	///To set the left alignment of text for tile control
-	Left,
-
-	///To set the right alignment of text for tile control
-	Right,
-
-	///To set the center alignment of text for tile control
-	Center
-}
-
-
-enum TextPosition{
-
-	///To set the innertop position of the tile text
-	Innertop,
-
-	///To set the innerbottom position of the tile text
-	Innerbottom,
-
-	///To set the outer position of the tile text
-	Outer
-}
-
-
-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 RadialSlider extends ej.Widget {
-    static fn: RadialSlider;
-    element: JQuery;
-    constructor(element: JQuery, options?: RadialSliderOptions);
-    constructor(element: Element, options?: RadialSliderOptions);
-	model:RadialSliderOptions;
-	defaults:RadialSliderOptions;
-    show(): void;
-    hide(): void;
-}
-
-interface RadialSliderOptions {
-    radius?: number;
-    endAngle?: number;
-    startAngle?: number;
-    ticks?: Int32Array;
-    enableRoundOff?: boolean;
-    value?: number;
-    strokeWidth?: number;
-    autoOpen?: boolean;
-    enableAnimation?: boolean;
-    cssClass?: string;
-    innerCircleImageClass?: string;
-    innerCircleImageUrl?: string;
-    showInnerCircle?: boolean;
-    inline?: boolean;
-    stop? (e: RadialSliderStopEventArgs): void;
-    start? (e: RadialSliderStartEventArgs): void;
-    slide? (e: RadialSliderSlideEventArgs): void;
-    change? (e: RadialSliderChangeEventArgs): void;
-    mouseover? (e: RadialSliderMouseOverEventArgs): void;
-    create? (e: RadialSliderCreateEventArgs): void;
-    destory? (e: RadialSliderDestroyEventArgs): void;
-}
-interface RadialSliderCreateEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-}
-interface RadialSliderDestroyEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-}
-interface RadialSliderStopEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-    value: number;
-}
-
-interface RadialSliderStartEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-    value: number;
-}
-interface RadialSliderSlideEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-    value: number;
-    selectedValue: number;
-}
-interface RadialSliderChangeEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-    value: number;
-    oldValue: number;
-}
-interface RadialSliderMouseOverEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-    value: number;
-    selectedValue: number;
-}
-class Spreadsheet extends ej.Widget {
-	static fn: Spreadsheet;
-	constructor(element: JQuery, options?: Spreadsheet.Model);
-	constructor(element: Element, options?: Spreadsheet.Model);
-	model:Spreadsheet.Model;
-	defaults:Spreadsheet.Model;
-
-	/** 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} 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): void;
-
-	/** This property is used to clear all the formats applied in the specified range in Spreadsheet.
-	* @param {string} 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): void;
-
-	/** Used to clear the applied border in the specified range in Spreadsheet.
-	* @param {string} 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): void;
-
-	/** This property is used to clear the contents in the specified range in Spreadsheet.
-	* @param {string} 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): 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 {boolean} Optional.  If pass true, if you want to skip the hidden rows 
-	* @returns {void}
-	*/
-	clearRangeData(range: Array<any>|string, property: string, skipHiddenRow: boolean): void;
-
-	/** This method is used to copy sheets in Spreadsheet.
-	* @param {number} Pass the sheet index that you want to copy.
-	* @param {number} Pass the position index where you want to copy.
-	* @returns {void}
-	*/
-	copySheet(fromIdx: number, toIdx: number): 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 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’s 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 {number} Pass the row index of the start cell.
-	* @param {number} Pass the column index of the start cell.
-	* @param {number} Pass the row index of the end cell.
-	* @param {number} Pass the column index of the end cell.
-	* @param {number} Pass the index of the sheet.
-	* @returns {HTMLElement}
-	*/
-	getRange(startRIndex: number, startCIndex: number, endRIndex: number, endCIndex: number, sheetIdx: number): HTMLElement;
-
-	/** This method is used to get the data in specified range in Spreadsheet.
-	* @param {Array<any>|string} Optional.  If range is specified, it will get range data for the specified range else it will use the current selected range. 
-	* @param {boolean} Pass 'true' if you want cell values alone.
-	* @param {Array<any>|string} Optional.  If property is specified, it will get the specified property in the range else it will get default properties.
-	* @param {number} Optional.  Pass the index of the sheet.
-	* @param {boolean} Optional.  When skipDateTime is set as true, it return 'value2' cell value (cell type as 'datetime')
-	* @param {boolean} Optional.  Pass true, if you want to get the calculated formula value else it return formula string.
-	* @param {boolean} Optional.  Pass true, if you want to skip the hidden rows data.
-	* @param {number} Optional.  Pass virtual row index of sheet.
-	* @param {number} Optional.  Pass virtual row count of sheet.
-	* @returns {Array<any>}
-	*/
-	getRangeData(range: Array<any>|string, valueOnly: boolean, property: Array<any>|string, sheetIdx: number, skipDateTime: boolean, skipFormula: boolean, skipHiddenRow: boolean, virtualRowIdx: number, virtualRowCount: number): 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 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' 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} 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} 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 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. If it is false 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 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} Optional.  To pass the cell range or selected cells are process.
-	* @param {boolean} Optional.  If pass true it does not show alert.
-	* @returns {void}
-	*/
-	mergeCells(range: string, alertStatus: boolean): void;
-
-	/** This method is used to move sheets in Spreadsheet.
-	* @param {number} Pass the sheet index that you want to move.
-	* @param {number} Pass the position index where you want to move.
-	* @returns {void}
-	*/
-	moveSheet(fromIdx: number, toIdx: number): void;
-
-	/** This method is used to protect or unprotect active sheet.
-	* @param {boolean} Optional.   By default is true. If it is false active sheet is unprotected.
-	* @returns {void}
-	*/
-	protectSheet(isProtected: boolean): 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, It will clear link only not format.
-	* @returns {void}
-	*/
-	removeHyperlink(range: string, isClearHLink: 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 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 hyperlink in selected cells of the current sheet.
-	* @param {string} 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, link: any, sheetIdx: number): 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 cell index and width of the cells.
-	* @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} 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 the hidden rows in the specified range in the Spreadsheet.
-	* @param {number} Index of the start row.
-	* @param {number} 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 unfreeze the frozen rows and columns in the Spreadsheet.
-	* @returns {void}
-	*/
-	unfreezePanes(): 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>} 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>): 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 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.
-	* @returns {void}
-	*/
-	updateUniqueData(data: any, range: Array<any>|string): 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;
-
-	XLDragDrop: Spreadsheet.XLDragDrop;
-
-	XLDragFill: Spreadsheet.XLDragFill;
-
-	XLEdit: Spreadsheet.XLEdit;
-
-	XLExport: Spreadsheet.XLExport;
-
-	XLFilter: Spreadsheet.XLFilter;
-
-	XLFormat: Spreadsheet.XLFormat;
-
-	XLFreeze: Spreadsheet.XLFreeze;
-
-	XLPrint: Spreadsheet.XLPrint;
-
-	XLResize: Spreadsheet.XLResize;
-
-	XLRibbon: Spreadsheet.XLRibbon;
-
-	XLSearch: Spreadsheet.XLSearch;
-
-	XLSelection: Spreadsheet.XLSelection;
-
-	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} Pass the range where you want remove cell type.
-	* @param {number} Optional.  Pass sheet index.
-	* @returns {void}
-	*/
-	removeCellTypes(range: string,sheetIdx: number): void;
-}
-
-export interface XLCFormat {
-
-	/** This method is used to clear the applied conditional formatting rules in the Spreadsheet.
-	* @param {boolean} Pass true if you want to clear rules from selected cells else it will clear rules from entire sheet.
-	* @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(isSelected: boolean,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 create a chart for specified range in Spreadsheet.
-	* @param {string} Optional.  If range is specified, it will create chart for the specified range else it will use the current selected range.
-	* @param {any} To pass the type of chart and chart name.
-	* @returns {void}
-	*/
-	createChart(range: string,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;
-}
-
-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, 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} Pass the comment data.
-	* @param {boolean} Optional.  Pass true to show comment in edit mode 
-	* @returns {void}
-	*/
-	setComment(range: string|Array<any>,data: string,showEditPanel: 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 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 drag fill status as boolean value for 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, 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 {void}
-	*/
-	getPropertyValueByElem(elem: HTMLElement,property: string,sheetIdx: number): void;
-
-	/** 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 or CSV document (.xls, .xlsx and .csv) in Spreadsheet.
-	* @param {string} Pass the export type that you want. 
-	* @returns {void}
-	*/
-	export(type: string): void;
-}
-
-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} Pass the range of the selected cells.
-	* @returns {void}
-	*/
-	filter(range: string): 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 create a table for the selected range of cells in the Spreadsheet.
-	* @param {any} Pass the table object.
-	* @param {string} Optional.   If the range is specified, then it will create table in the specified range else it will use the current selected range. 
-	* @returns {void}
-	*/
-	createTable(tableObject: any,range: string): void;
-
-	/** 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 indices to format cells.
-	* @returns {void}
-	*/
-	format(formatObj: any,range: string): 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} Pass the range indices.
-	* @returns {void}
-	*/
-	updateDecimalPlaces(type: string,range: string): 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 {any} Row index and column index of the cell which you want to freeze.
-	* @returns {void}
-	*/
-	freezePanes(cell: any): 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;
-}
-
-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 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 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 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} 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): 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;
-}
-
-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, if you want to match with case-sensitive.
-	* @param {boolean} Pass true, 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, if you want to match with case-sensitive.
-	* @param {boolean} Pass true, 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 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>} Optional.  Pass range to refresh selection.
-	* @returns {void}
-	*/
-	refreshSelection(range: Array<any>): 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.
-	* @param {any} Pass the row and column index of the end cell.
-	* @returns {void}
-	*/
-	selectRange(range: string,endCell: any): 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 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' to sort by cell color or 'PutFontColor' for 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 {void}
-	*/
-	sortByRange(range: Array<any>|string,columnName: string,direction: any): void;
-}
-
-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} 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' if you ignore blank values.
-	* @param {boolean} Pass 'true' if you want to show an error alert.
-	* @returns {void}
-	*/
-	applyDVRules(range: string,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} 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): void;
-
-	/** This method is used to highlight invalid data in a specified range of cells in the Spreadsheet.
-	* @param {string} 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): 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 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.).Note: allowCellFormatting must be true while using conditional formatting.
-	* @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 {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 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 {200}
-	*/
-	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 {60}
-	*/
-	columnWidth?: number;
-
-	/**Gets or sets a value that indicates to render the spreadsheet with custom theme.
-	*/
-	cssClass?: string;
-
-	/**Gets or sets a value that indicates whether to enable or disable context menu in the Spreadsheet.
-	* @Default {true}
-	*/
-	enableContextMenu?: 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 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 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<Sheets>;
-
-	/**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 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 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 when mouse hover on cell in sheets.*/
-	cellHover? (e: CellHoverEventArgs): void;
-
-	/**Triggered when save the edited cell.*/
-	cellSave? (e: CellSaveEventArgs): 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 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 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 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 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 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 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;
-}
-
-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 cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-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 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 cell value.
-	*/
-	value?: string;
-}
-
-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 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 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 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 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 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 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 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.Note: User must specify allowExporting true while use this property.
-	* @Default {null}
-	*/
-	excelUrl?: string;
-
-	/**Gets or sets a value that indicates to define password while export to excel format.
-	* @Default {null}
-	*/
-	password?: 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;
-
-	/**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 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 {550}
-	*/
-	height?: number|string;
-
-	/**Gets or sets the value that indicates whether to enable or disable responsive mode in the Spreadsheet.
-	* @Default {false}
-	*/
-	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 off spreadsheet.
-	* @Default {1200}
-	*/
-	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.Note: allowSelection must be true while using this property.
-	* @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 SheetsRangeSettings {
-
-	/**Gets or sets the data to render the Spreadsheet.
-	*/
-	dataSource?: any;
-
-	/**Specifies the header styles for the datasource range in Spreadsheet.
-	* @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 {false}
-	*/
-	showHeader?: boolean;
-
-	/**Specifies the start cell for the datasource range in Spreadsheet.
-	* @Default {A1}
-	*/
-	startCell?: string;
-}
-
-export interface Sheets {
-
-	/**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.
-	*/
-	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;
-
-	/**Specifies the header styles for the datasource range in Spreadsheet.
-	* @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;
-
-	/**Specifies single range or multiple range settings for a sheet in Spreadsheet.
-	*/
-	rangeSettings?: Array<SheetsRangeSettings>;
-
-	/**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 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 {false}
-	*/
-	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
-}
-
-}
-
-}
-declare module ej.olap {
-	
-class OlapChart extends ej.Widget {
-	static fn: OlapChart;
-	constructor(element: JQuery, options?: OlapChart.Model);
-	constructor(element: Element, options?: OlapChart.Model);
-	model:OlapChart.Model;
-	defaults:OlapChart.Model;
-
-	/** Perform an asynchronous HTTP (AJAX) request.
-	* @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** Perform an asynchronous HTTP (FullPost) submit.
-	* @returns {void}
-	*/
-	doPostBack(): void;
-
-	/** Exports the OlapChart to an appropriate format based on the parameter passed.
-	* @returns {void}
-	*/
-	exportOlapChart(): void;
-
-	/** This function receives the JSON formatted datasource to render the OlapChart control.
-	* @returns {void}
-	*/
-	renderChartFromJSON(): void;
-
-	/** This function receives the update from service-end, which would be utilized for rendering the widget.
-	* @returns {void}
-	*/
-	renderControlSuccess(): void;
-}
-export module OlapChart{
-
-export interface Model {
-
-	/**Specifies the CSS class to OlapChart to achieve custom theme.
-	* @Default {“”}
-	*/
-	cssClass?: string;
-
-	/**Contains the serialized OlapReport at that instant, that is, current OlapReport.
-	* @Default {“”}
-	*/
-	currentReport?: string;
-
-	/**Object utilized to pass additional information between client-end and service-end.
-	* @Default {{}}
-	*/
-	customObject?: any;
-
-	/**Allows the user to enable 3D view of OlapChart.
-	* @Default {false}
-	*/
-	enable3D?: boolean;
-
-	/**Allows the user to enable OlapChart’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 rotate the angle of OlapChart 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;
-
-	/**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 OlapChart to service methods.*/
-	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
-
-	/**Triggers when drill up/down happens in OlapChart control.*/
-	drillSuccess? (e: DrillSuccessEventArgs): void;
-
-	/**Triggers when OlapChart 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 OlapChart successfully reaches client-side after any AJAX request.*/
-	renderSuccess? (e: RenderSuccessEventArgs): void;
-}
-
-export interface AfterServiceInvokeEventArgs {
-
-	/**return the current action of OlapChart control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapChart control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapChart control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapChart.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface BeforeServiceInvokeEventArgs {
-
-	/**return the current action of OlapChart control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapChart control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapChart control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapChart.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface DrillSuccessEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapChart.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderCompleteEventArgs {
-
-	/**return the current action of OlapChart control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapChart control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapChart control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapChart.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderFailureEventArgs {
-
-	/**return the current action of OlapChart control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapChart control.
-	*/
-	customObject?: any;
-
-	/**return the error stack trace of the original exception.
-	*/
-	message?: any;
-
-	/**return the outer HTML of OlapChart control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapChart.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderSuccessEventArgs {
-
-	/**return the current action of OlapChart control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapChart control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapChart control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapChart.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ServiceMethodSettings {
-
-	/**Allows the user to set the custom name for the service method that’s responsible for exporting.
-	* @Default {Export}
-	*/
-	exportOlapChart?: string;
-
-	/**Allows the user to set the custom name for the service method that’s responsible for drilling up/down operation in OlapChart.
-	* @Default {DrillChart}
-	*/
-	drillDown?: string;
-
-	/**Allows the user to set the custom name for the service method that’s responsible for initializing OlapChart.
-	* @Default {InitializeChart}
-	*/
-	initialize?: string;
-}
-}
-
-class OlapClient extends ej.Widget {
-	static fn: OlapClient;
-	constructor(element: JQuery, options?: OlapClient.Model);
-	constructor(element: Element, options?: OlapClient.Model);
-	model:OlapClient.Model;
-	defaults:OlapClient.Model;
-
-	/** Perform an asynchronous HTTP (AJAX) request.
-	* @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** Perform an asynchronous HTTP (FullPost) submit.
-	* @returns {void}
-	*/
-	doPostBack(): void;
-}
-export module OlapClient{
-
-export interface Model {
-
-	/**Allows the user to set the specific chart type for OlapChart.
-	* @Default {ej.olap.OlapChart.ChartTypes.Column}
-	*/
-	chartType?: ej.olap.OlapChart.ChartTypes|string;
-
-	/**Sets the mode to export the OLAP visualization components such as OlapChart and PivotGrid in OlapClient. Based on the option, either Chart or Grid or both gets exported.
-	* @Default {ej.olap.OlapClient.ClientExportMode.ChartAndGrid}
-	*/
-	clientExportMode?: string;
-
-	/**Specifies the CSS class to OlapClient to achieve custom theme.
-	* @Default {“”}
-	*/
-	cssClass?: string;
-
-	/**Object utilized to pass additional information between client-end and service-end.
-	* @Default {{}}
-	*/
-	customObject?: any;
-
-	/**Allows the user to customize the widgets layout and appearance.
-	* @Default {{}}
-	*/
-	displaySettings?: DisplaySettings;
-
-	/**Allows the user to refresh the control on-demand and not during every UI operation.
-	* @Default {false}
-	*/
-	enableDeferUpdate?: boolean;
-
-	/**Enables/disables the visibility of measure group selector drop-down in Cube Browser.
-	* @Default {false}
-	*/
-	enableMeasureGroups?: boolean;
-
-	/**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 set the localized language for the widget.
-	* @Default {en-US}
-	*/
-	locale?: 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 OlapClient widget.
-	* @Default {null}
-	*/
-	title?: string;
-
-	/**Connects the service using the specified URL for any server updates.
-	* @Default {null}
-	*/
-	url?: string;
-
-	/**Triggers when it reaches client-side after any AJAX request.*/
-	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
-
-	/**Triggers before any AJAX request is passed from OlapClient to service methods.*/
-	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
-
-	/**Triggers before rendering the OlapChart.*/
-	chartLoad? (e: ChartLoadEventArgs): void;
-
-	/**Triggers while we initiate loading of the widget.*/
-	load? (e: LoadEventArgs): void;
-
-	/**Triggers when OlapClient 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 OlapClient successfully reaches client-side after any AJAX request.*/
-	renderSuccess? (e: RenderSuccessEventArgs): void;
-}
-
-export interface AfterServiceInvokeEventArgs {
-
-	/**return the current action of OlapClient control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapClient control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapClient control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapClient model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface BeforeServiceInvokeEventArgs {
-
-	/**return the current action of OlapClient control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapClient control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapClient control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapClient model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ChartLoadEventArgs {
-
-	/**return the current action of OlapChart control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapChart control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapChart control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapChart model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface LoadEventArgs {
-
-	/**returns the outer HTML of OlapClient component.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapClient model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderCompleteEventArgs {
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the outer HTML of OlapClient control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapClient model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderFailureEventArgs {
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the outer HTML of OlapClient control.
-	*/
-	element?: string;
-
-	/**returns the error message with error code.
-	*/
-	message?: any;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapClient model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderSuccessEventArgs {
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the outer HTML of OlapClient control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapClient model.
-	*/
-	model?: ej.olap.OlapClient.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface DisplaySettings {
-
-	/**Let’s the user to customize the display of OlapChart and PivotGrid widgets, either in tab view or in tile view.
-	* @Default {ej.olap.OlapClient.ControlPlacement.Tab}
-	*/
-	controlPlacement?: ej.olap.OlapClient.ControlPlacement|string;
-
-	/**Let’s the user to set either Chart or Grid as the start-up widget.
-	* @Default {ej.olap.OlapClient.DefaultView.Grid}
-	*/
-	defaultView?: ej.olap.OlapClient.DefaultView|string;
-
-	/**Enables/disables the full screen view of OlapChart and PivotGrid in OlapClient.
-	* @Default {false}
-	*/
-	enableFullScreen?: boolean;
-
-	/**Enhances the space for PivotGrid and OlapChart, by hiding Cube Browser and Axis Element Builder.
-	* @Default {false}
-	*/
-	enableTogglePanel?: boolean;
-
-	/**Allows the user to enable OlapClient’s responsiveness in the browser layout.
-	* @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/**Sets the display mode (Only Chart/Only Grid/Both) in OlapClient.
-	* @Default {ej.olap.OlapClient.DisplayMode.ChartAndGrid}
-	*/
-	mode?: ej.olap.OlapClient.DisplayMode|string;
-}
-
-export interface ServiceMethodSettings {
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s responsible for exporting.
-	* @Default {Export}
-	*/
-	exportOlapClient?: string;
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s 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 that’s responsible for updating report while filtering members.
-	* @Default {FilterElement}
-	*/
-	filterElement?: string;
-
-	/**Allows the user to set the custom name for the service method that’s responsible for initializing OlapClient.
-	* @Default {InitializeClient}
-	*/
-	initialize?: string;
-
-	/**Allows the user to set the custom name for the service method that’s responsible for loading the report collection from the database.
-	* @Default {LoadReportFromDB}
-	*/
-	loadReport?: string;
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s 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 that’s 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 that’s 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 that’s 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 that’s responsible for saving the report collection to database.
-	* @Default {SaveReportToDB}
-	*/
-	saveReport?: string;
-
-	/**Allows the user to set the custom name for the service method that’s 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 that’s responsible for any toolbar operation.
-	* @Default {ToolbarOperations}
-	*/
-	toolbarServices?: string;
-
-	/**Allows the user to set the custom name for the service method that’s responsible for updating report collection.
-	* @Default {UpdateReport}
-	*/
-	updateReport?: string;
-}
-}
-module OlapChart
-{
-enum ChartTypes
-{
-//To render a Line type for OlapChart.
-Line,
-//To render a Spline type for OlapChart.
-Spline,
-//To render a Column type for OlapChart.
-Column,
-//To render a Area type for OlapChart.
-Area,
-//To render a SplineArea type for OlapChart.
-SplineArea,
-//To render a StepLine type for OlapChart.
-StepLine,
-//To render a StepArea type for OlapChart.
-StepArea,
-//To render a Pie type for OlapChart.
-Pie,
-//To render a Bar type for OlapChart.
-Bar,
-//To render a StackingArea type for OlapChart.
-StackingArea,
-//To render a StackingColumn type for OlapChart.
-StackingColumn,
-//To render a StackingBar type for OlapChart.
-StackingBar,
-//To render a Pyramid type for OlapChart.
-Pyramid,
-//To render a Funnel type for OlapChart.
-Funnel,
-//To render a Doughnut type for OlapChart.
-Doughnut,
-//To render a Scatter type for OlapChart.
-Scatter,
-//To render a Bubble type for OlapChart.
-Bubble,
-}
-}
-module OlapClient
-{
-enum ControlPlacement
-{
-//To display OlapChart and PivotGrid widgets in tab view.
-Tab,
-//To display OlapChart and PivotGrid widgets within the same view, one below the other.
-Tile,
-}
-}
-module OlapClient
-{
-enum DefaultView
-{
-//To set OlapChart as a default control in view when the OlapClient widget is loaded for the first time.
-Chart,
-//To set PivotGrid as a default control in view when the OlapClient widget is loaded for the first time.
-Grid,
-}
-}
-module OlapClient
-{
-enum DisplayMode
-{
-//To display only OlapChart widget.
-ChartOnly,
-//To display only PivotGrid widget.
-GridOnly,
-//To display both OlapChart and PivotGrid widgets.
-ChartAndGrid,
-}
-}
-
-class OlapGauge extends ej.Widget {
-	static fn: OlapGauge;
-	constructor(element: JQuery, options?: OlapGauge.Model);
-	constructor(element: Element, options?: OlapGauge.Model);
-	model:OlapGauge.Model;
-	defaults:OlapGauge.Model;
-
-	/** Perform an asynchronous HTTP (AJAX) request.
-	* @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** This function is used to refresh the OlapGauge at client-side itself.
-	* @returns {void}
-	*/
-	refresh(): void;
-
-	/** This function removes the KPI related images from OlapGauge.
-	* @returns {void}
-	*/
-	removeImg(): void;
-
-	/** This function receives the JSON formatted datasource to render the OlapGauge control.
-	* @returns {void}
-	*/
-	renderControlFromJSON(): void;
-}
-export module OlapGauge{
-
-export interface Model {
-
-	/**Sets the number of column count to arrange the OlapGauge's.
-	* @Default {0}
-	*/
-	columnsCount?: number;
-
-	/**Specify the CSS class to OlapGauge to achieve custom theme.
-	* @Default {“”}
-	*/
-	cssClass?: string;
-
-	/**Object utilized to pass additional information between client-end and service-end.
-	* @Default {{}}
-	*/
-	customObject?: any;
-
-	/**Enables/disables tooltip visibility in OlapGauge.
-	* @Default {false}
-	*/
-	enableTooltip?: boolean;
-
-	/**Allows the user to enable OlapGauge’s responsiveness in the browser layout.
-	* @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/**Allows the user to change the format of the label values in OlapGauge.
-	* @Default {ej.olap.OlapGauge.NumberFormat.Default}
-	*/
-	labelFormatSettings?: ej.olap.OlapGauge.NumberFormat|string;
-
-	/**Allows the user to set the localized language for the widget.
-	* @Default {en-US}
-	*/
-	locale?: string;
-
-	/**Sets the number of row count to arrange the OlapGauge's.
-	* @Default {0}
-	*/
-	rowsCount?: number;
-
-	/**Sets the scale values such as pointers, indicators, etc... for OlapGauge.
-	* @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 OlapGauge.
-	* @Default {true}
-	*/
-	showHeaderLabel?: boolean;
-
-	/**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 OlapGauge to service methods.*/
-	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
-
-	/**Triggers when OlapGauge started loading at client-side.*/
-	load? (e: LoadEventArgs): void;
-
-	/**Triggers when OlapGauge 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 OlapGauge successfully reaches client-side after any AJAX request.*/
-	renderSuccess? (e: RenderSuccessEventArgs): void;
-}
-
-export interface AfterServiceInvokeEventArgs {
-
-	/**return the current action of OlapGauge control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapGauge control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapGauge control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapGauge model.
-	*/
-	model?: ej.olap.OlapGauge.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface BeforeServiceInvokeEventArgs {
-
-	/**return the current action of OlapGauge control.
-	*/
-	action?: string;
-
-	/**return the custom object bounds with OlapGauge control.
-	*/
-	customObject?: any;
-
-	/**return the outer HTML of OlapGauge control.
-	*/
-	element?: string;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapGauge model.
-	*/
-	model?: ej.olap.OlapGauge.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface LoadEventArgs {
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapGauge model.
-	*/
-	model?: ej.olap.OlapGauge.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderCompleteEventArgs {
-
-	/**returns the outer HTML of OlapGauge control.
-	*/
-	element?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapGauge model.
-	*/
-	model?: ej.olap.OlapGauge.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface RenderFailureEventArgs {
-
-	/**returns the outer HTML of OlapGauge control.
-	*/
-	element?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**returns the error message with error code.
-	*/
-	message?: any;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapGauge model.
-	*/
-	model?: ej.olap.OlapGauge.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-
-	/**returns the JSON formatted response while error occurs.
-	*/
-	responseJSON?: any;
-}
-
-export interface RenderSuccessEventArgs {
-
-	/**returns the outer HTML of OlapGauge control.
-	*/
-	element?: string;
-
-	/**returns the custom object bounded with the control.
-	*/
-	customObject?: any;
-
-	/**if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/**returns the OlapGauge model.
-	*/
-	model?: ej.olap.OlapGauge.Model;
-
-	/**returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface LabelFormatSettings {
-
-	/**Allows the user to change the number format of the label values in OlapGauge.
-	* @Default {ej.olap.OlapGauge.NumberFormat.Default}
-	*/
-	numberFormat?: ej.olap.OlapGauge.NumberFormat|string;
-
-	/**Allows you to change the position of a digit on the right-hand side of the decimal point for label value.
-	* @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 that’s responsible for initializing OlapGauge.
-	* @Default {InitializeGauge}
-	*/
-	initialize?: string;
-}
-}
-module OlapGauge
-{
-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,
-}
-}
-
-}
-declare module App {
-	
-var addMetaTags: boolean;
-    var allowPopState: boolean;
-    var allowPushState: boolean;
-    var activePage: JQuery;
-	var waitingPopUp: JQuery;
-    var hashMonitoring: boolean;
-    var pageTransition: string;
-    var renderEJMControlByDef: boolean;
-    function createPage(element: JQuery): void;
-    function getLoaction(): string;
-    function initPage(): void;
-    function loadView(url: string): void;
-    function transferPage(fromPage: Object, toPage: Object, options?: any, isFromAjax?: boolean): void;
-    function userAgent(): void;
-    
-    var pageHistory: {
-        activeHistory(): string;
-        add(url: string, options?: PageOption): void;
-        clearForward(): void;
-        find(url: string): number;
-        lastHistory(): string;
-        nextHistory(): string;
-        prevHistory(): string;
-        makeUrlAbsolute(hashString: string): void;
-    }
-    //Pageoption type for appview page
-    interface PageOption {
-        title?: string;
-        href?: string;
-        hash?: string;
-    }
-    var route: {
-        convertToRelativeUrl(): void;
-        hasProtocol(url: string): boolean;
-        setPageRenderMode(element: JQuery): void;
-        splitUrl(url: string): any;
-    }
-}
-declare module ej.mobile {
-	
- //Global Interface
-    interface windowsOption {
-        renderDefault?: boolean;
-    }
-	enum RenderMode{
-		Auto,
-		IOS7,
-		Android,
-		Windows,
-		Flat
-	}
-	enum Theme{
-		Auto,
-		Dark,
-		Light
-	}
-class Accordion extends ej.Widget {
-    static fn: Accordion;
-    constructor(element: JQuery, options?: AccordionOptions);
-    model: AccordionOptions;
-    validTags: Array<string>;
-    defaults: AccordionOptions;
-    collapseAll(): void;
-    disableItems(itemIndexes: Array<any>): void;
-    enableItems(itemIndexes: Array<any>): void;
-    selectItems(activeList: Array<any>): void;
-    deselectItems(activeList: Array<any>): void;
-    expandAll(): void;
-    hide(): void;
-    show(): void;
-    destroy(): void;
-    getItemsCount(): number;
-}
-//ejmAccordion Option
-interface AccordionOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    enableCache?: boolean;
-    allowMultipleOpen?: boolean;
-    collapsible?: boolean;
-    enabled?: boolean;
-    enableMultipleOpen?: boolean;
-    heightAdjustMode?: ej.mobile.Accordion.HeightAdjustMode;
-    windows?: windowsOption;
-    enablePersistence?: boolean;
-    selectedItems?: Array<any>;
-    disabledItems?: Array<any>;
-    showHeaderIcon?: boolean;
-    spinnerText?: string;
-    items?: Array<itemCollection>;
-    active? (e: AccordionActiveEventArgs): void;
-    ajaxBeforeLoad? (e: AccordionAjaxBeforeLoadEventArgs): void;
-    ajaxError? (e: AccordionAjaxErrorEventArgs): void;
-    ajaxLoad? (e: AccordionAjaxLoadEventArgs): void;
-    ajaxSuccess? (e: AccordionAjaxSuccessEventArgs): void;
-    beforeActive? (e: AccordionBeforeActiveEventArgs): void;
-    destroy? (e: AccordionEventArgs): void;
-    create? (e: AccordionEventArgs): void;
-}
-
-interface itemCollection {
-    ajaxUrl?: string;
-    logoClass?: string;
-}
-//ejmejmAccordionEvent Arugument
-interface AccordionEventArgs {
-    cancel: boolean;
-    type: string;
-    model: AccordionOptions;
-}
-interface AccordionActiveEventArgs extends AccordionEventArgs {
-    items: string;
-    lastSelectedItemIndices: number;
-    selectedItemIndices: number;
-}
-interface AccordionAjaxBeforeLoadEventArgs extends AccordionEventArgs {
-    url: string;
-}
-interface AccordionAjaxErrorEventArgs extends AccordionEventArgs {
-    title: string;
-    data: Object;
-    url: string;
-}
-interface AccordionAjaxLoadEventArgs extends AccordionEventArgs {
-}
-interface AccordionAjaxSuccessEventArgs extends AccordionEventArgs {
-    content: Object;
-    data: Object;
-    url: string;
-}
-interface AccordionBeforeActiveEventArgs extends AccordionEventArgs {
-    activeItemIndex?: number;
-}
-export module Accordion {
-    enum HeightAdjustMode {
-        Content,
-        Auto,
-        Fill
-    }
-}
-class Autocomplete extends ej.Widget {
-    static fn: Autocomplete;
-    element: JQuery;
-    constructor(element: JQuery, options?: AutocompleteOptions);
-    model: AutocompleteOptions;
-    defaults: AutocompleteOptions;
-    disable(): void;
-    enable(): void;
-    destroy(): void;
-    clearText(): void;
-    getSelectedItems(): Array<any>;
-    getValue(): string;
-
-}
-interface AutocompleteOptions {
-    allowScrolling?: boolean;
-    filterType?: ej.mobile.Autocomplete.FilterType;
-    caseSensitiveSearch?: boolean;
-    cssClass?: string;
-    enableAutoFill?: boolean;
-    delimiterChar?: string;
-    enableMultiSelect?: boolean;
-    enableCheckbox?: boolean;
-    dataSource?: any;
-    filterMode?: string;
-    itemsCount?: string|number;
-    templateId?: string;
-    fields?: fieldOptions;
-    imageField?: string;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    mapper?: string;
-    watermarkText?: string;
-    imageClass?: string;
-    allowSorting?: boolean;
-    value?: string;
-    sortOrder?: ej.mobile.Autocomplete.SortOrder;
-    emptyResultText?: string;
-    showEmptyResultText?: boolean;
-    minCharacter?: number;
-    enableDistinct?: boolean;
-    enablePersistence?: boolean;
-    enabled?: boolean;
-    mode?: ej.mobile.Autocomplete.Mode;
-    selectedKeys?: string;
-    windows?: windowsOption;
-    touchEnd? (e: AutocompleteTouchEndEventArgs): void;
-    keyPress? (e: AutocompleteKeyPressEventArgs): void;
-    select? (e: AutocompleteSelectEventArgs): void;
-    change? (e: AutocompleteChangeEventArgs): void;
-    focusIn? (e: AutocompleteFocusInEventArgs): void;
-    focusOut? (e: AutocompleteFocusOutEventArgs): void;
-    destroy? (e: AutocompleteEventArgs): void;
-    create? (e: AutocompleteEventArgs): void;
-}
-interface fieldOptions {
-    text?: string;
-    key?: string;
-}
-interface AutocompleteEventArgs {
-    cancel: boolean;
-    model: AutocompleteOptions;
-    type: string;
-}
-interface AutocompleteTouchEndEventArgs extends AutocompleteEventArgs {
-    text: string;
-    isChecked: boolean;
-    checkedItemsText: Object;
-    value: string;
-}
-interface AutocompleteKeyPressEventArgs extends AutocompleteEventArgs {
-    value: string;
-}
-interface AutocompleteSelectEventArgs extends AutocompleteEventArgs {
-    text: string;
-    isChecked: boolean;
-    checkedItemsText: Object;
-    value: string;
-}
-interface AutocompleteChangeEventArgs extends AutocompleteEventArgs {
-    text: string;
-    isChecked: boolean;
-    checkedItemsText: Object;
-    value: string;
-}
-interface AutocompleteFocusInEventArgs extends AutocompleteEventArgs {
-    value: string;
-}
-interface AutocompleteFocusOutEventArgs extends AutocompleteEventArgs {
-    value: string;
-}
-export module Autocomplete {
-    enum FilterType {
-        StartsWith,
-        Contains
-    }
-    enum Mode {
-        Search,
-        Default
-    }
-    enum SortOrder {
-        Ascending,
-        Descending
-    }
-}
-class Button extends ej.Widget {
-    static fn: Button;
-    element: JQuery;
-    constructor(element: JQuery, options?: ButtonOptions);
-    model: ButtonOptions;
-    validTags: Array<string>;
-    defaults: ButtonOptions;
-    disable(): void;
-    enable(): void;
-}
-class Actionlink extends ej.Widget {
-    static fn: Actionlink;
-    element: JQuery;
-    constructor(element: Element, options?: ButtonOptions);
-    model: Object;
-    validTags: Array<string>;
-    defaults: ButtonOptions;
-    disable(): void;
-    enable(): void;
-}
-interface ButtonOptions {
-    touchStart?(e: ButtonEventArgs): void;
-    touchEnd?(e: ButtonEventArgs): void;
-    cssClass?: string;
-    enabled?: (boolean | string);
-    inline?: (boolean | string);
-    renderMode?: (ej.mobile.RenderMode | string);
-    text?: string;
-    theme?: (ej.mobile.Theme | string);
-    imageClass?: string;
-    imagePosition?: (ej.mobile.Button.ImagePosition | string);
-    contentType?: (ej.mobile.Button.ContentType | string);
-    ios7?: ios7ButtonOptions;
-    android?: androidButtonOption;
-    windows?: windowsButtonOptions;
-    flat?: flatButtonOption;
-}
-interface ButtonEventArgs {
-    element: Object;
-    text: string;
-}
-interface ios7ButtonOptions {
-    style?: (ej.mobile.Button.IOS7.Style | string);
-    color?: (ej.mobile.Button.IOS7.Color | string);
-}
-interface androidButtonOption {
-    style?: (ej.mobile.Button.Android.Style | string);
-}
-interface windowsButtonOptions extends windowsOption {
-    style?: (ej.mobile.Button.Windows.Style | string);
-}
-interface flatButtonOption {
-    style?: (ej.mobile.Button.Flat.Style | string);
-}
-export module Button{
-export module IOS7{
-	enum Style{
-		Normal,
-		Back,
-		Header,
-		Dialog
-	}
-	enum Color{
-		Gray,
-		Black,
-		Blue,
-		Green,
-		Red
-	}
-	} 
-export module Android{
-	enum Style{
-		Normal,
-		Small,
-		Dialog
-	}
-
-}
-export module Windows{
-	enum Style{
-		Normal,
-		Back
-		}
-}
-export module Flat{
-	enum Style{
-		Normal,
-		Back,
-		Header
-		}
-}
-	enum ImagePosition{
-		Left,
-		Right
-	}
-	enum ContentType{
-		Text,
-		Image,
-		Both
-	}
-}
-class DatePicker extends ej.Widget {
-    static fn: DatePicker;
-	static Locale:any;
-    element: JQuery;
-    constructor(element: JQuery, options?: DatePickerOptions);
-    model: DatePickerOptions;
-    defaults: DatePickerOptions;
-    disable(): void;
-    enable(): void;
-    hide(): void;
-    show(): void;
-    setCurrentDate(date:string): void;
-    getValue(): string;
-    destroy(): void;
-}
-
-//ejmDatePicker Options
-interface DatePickerOptions {
-    cssClass?: string;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    culture?: string;
-    dateFormat?: string;
-    value?: string;
-    enabled?: boolean;
-	enablePersistence?: boolean;
-    ios7?: ios7Option;
-    windows?: windowsOption;
-    maxDate?: string;
-    minDate?: string;
-    load? (e: DatePickerEventArgs): void;
-    select? (e: DatePickerEventArgs): void;
-    focusIn? (e: DatePickerEventArgs): void;
-    focusOut? (e: DatePickerEventArgs): void;
-    open? (e: DatePickerEventArgs): void;
-    close? (e: DatePickerEventArgs): void;
-    change? (e: DatePickerEventArgs): void;
-    destroy? (e: DatePickerArgs): void;
-    create? (e: DatePickerArgs): void;
-}
-
-interface DatePickerArgs {
-    type: string;
-    model: DatePickerOptions;
-    value: string;
-}
-//ejmDatePickerEvent Arugument
-interface DatePickerEventArgs extends DatePickerArgs {
-    cancel: boolean;
- 
-}
-
-interface ios7Option {
-    renderDefault: boolean;
-}
-
-
-//Class ejmDropDownList
-class DropDownList extends ej.Widget {
-    static fn: DropDownList;
-    constructor(element: JQuery, options?: DropDownListOptions);
-    model: DropDownListOptions;
-    defaults: DropDownListOptions;
-    show(): void;
-    hide(): void;
-	getValue():string;
-    selectItemByIndex(index:(number|string)): void;
-    unselectItemByIndex(index:(number|string)): void;
-    selectItemByIndices(indices:Array<any>): void;
-    unselectItemByIndices(indices: Array<any>): void;
-    destroy(): void;
-    getSelectedItemsValue(): Array<string>;
-    getSelectedItemValue(): string;
-}
-
-//ejmDropDownList WindowsOption
-interface windowsDropDownListOption extends windowsOption {
-    type?: ej.mobile.DropDownList.WindowsType;
-}
-
-interface androidDropDownListOption {
-    popUpHeight?: number|string;
-}
-
-interface fieldsDropDownListOption {
-    text?: string;
-    groupBy?: string;
-    imageClass?: string;
-    imageUrl?: string;
-    checkBy?: string;
-    enableTemplate?: string;
-    templateID?: string;
-    value?: string;
-}
-
-//ejmDropDownList Option
-interface DropDownListOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    readOnly?: boolean;
-    targetID?: string;
-    selectedItemIndex?: number|string;
-    dataSource?: any;
-    fields?: fieldsDropDownListOption;
-    query?: string;
-    allowVirtualScrolling?: boolean;
-    virtualScrollMode?: ej.mobile.DropDownList.VirtualScrollingMode;
-    itemRequestCount?: number|string;
-    enabled?: boolean;
-    enableMultiSelect?: boolean;
-    delimiterChar?: string;
-    enableGrouping?: boolean;
-    mode?: ej.mobile.DropDownList.Mode;
-    enableTemplate?: boolean;
-    enablePersistence?: boolean;
-    windows?: windowsDropDownListOption;
-    android?: androidDropDownListOption;
-    items?: Array<any>;
-    focusIn? (e: DropDownArgs): void;
-    focusOut? (e: DropDownArgs): void;
-    select? (e: DropDownSelectArgs): void;
-    change? (e: DropDownSelectArgs): void;
-    checkChange? (e: DropDownListEventArgs): void;
-}
-
-interface DropDownArgs {
-    cancel: boolean;
-    type: string;
-    model: DropDownListOptions;
-}
-//ejmDropDownListEvent Arugument
-interface DropDownListEventArgs extends DropDownArgs {
-    checked: boolean;
-}
-
-interface DropDownSelectArgs extends DropDownArgs {
-    selectedText: string;
-    value: string;
-    selectedItem: Object;
-}
-
-export module DropDownList{
-	enum VirtualScrollingMode{
-		Continuous,
-		Normal
-	}
-	enum WindowsType{
-		ComboBox,
-		List
-	}
-    enum Mode {
-        Normal,
-        Native
-    }
-}
-
-class Numeric extends ej.Widget {
-    static fn: Numeric;
-    element: JQuery;
-    constructor(element: JQuery, options?: EditorOptions);
-    model: EditorOptions;
-    ValidTags: Array<string>;
-    defaults: EditorOptions;
-    disable(): void;
-    enable(): void;
-    getValue(): any;
-    setValue(value:number): void;
-    
-}
-
-interface EditorOptions {
-    cssClass?: string;
-    enableStrictMode?: boolean;
-    enabled?: boolean;
-    showBorder?: boolean;
-    showSpinButton?: boolean;
-    incrementStep?: number;
-    maxValue?: number;
-    minValue?: number;
-    name?: string;
-    enablePersistence?: boolean;
-    readOnly?: boolean;
-    renderMode?: ej.mobile.RenderMode;
-    decimalPlaces?: number;
-    theme?: ej.mobile.Theme;
-    value?: number;
-    watermarkText?: string;   
-    windows?: windowsOption;
-    change? (e: EditorEventArgs): void;
-	focusIn? (e: EditorEventArgs): void;
-    focusOut? (e: EditorEventArgs): void;
-    destroy?(e:EditorBaseArgs):void;
-    create?(e:EditorBaseArgs):void;
-}
-
-interface EditorBaseArgs{
-    cancel: boolean;
-    type: string;
-    model: EditorOptions;
-}
-
-interface EditorEventArgs extends EditorBaseArgs {    
-    value: number;
-    element: Object;
-}
-
-
-class Grid extends ej.Widget {
-    static fn: Grid;
-    element: JQuery;
-    constructor(element: JQuery, options?: GridOptions);
-    model: GridOptions;
-    validTags: Array<string>;
-    defaults: GridOptions;
-    disable(): void;
-    enable(): void;
-    destroy(): void;
-    getColumnByField(field:string): void;
-    getColumnByHeaderText(headerText:string): void;
-    getColumnByIndex(index:number): void;
-    getColumnFieldNames(): void;
-    getColumnIndexByField(field:string): void;
-    getColumnMemberByIndex(colIdx:number): void;
-    hideColumns(col:string): void;
-    refreshContent(requestType:string): void;
-    showColumns(col:string): void;
-}
-interface GridOptions {
-    cssClass?: string;
-    allowPaging?: boolean;
-    allowSorting?: boolean;
-    allowFiltering?: boolean;
-    allowScrolling?: boolean;
-    allowSelection?: boolean;
-    dataSource: any;
-    caption?: string;
-    enablePersistence?: boolean;
-    selectedRowIndex?: number;
-    showCaption?: boolean;
-    allowColumnSelector?: boolean;
-    transition?: string;
-    columns?: Array<Object>;
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    rowSelecting? (e: GridEventArgs): void;
-    rowSelected? (e: GridEventArgs): void;
-    actionBegin? (e: GridEventArgs): void;
-    actionComplete? (e: GridEventArgs): void;
-    actionSuccess? (e: GridEventArgs): void;
-    actionFailure? (e: GridEventArgs): void;
-    queryCellInfo? (e: GridEventArgs): void;
-    rowDataBound? (e: GridEventArgs): void;
-    modelChange? (e: GridEventArgs): void;
-    load? (e: GridEventArgs): void;
-    pageSettings?: PageSettings;
-    scrollSettings?: ScrollSettings;
-    sortSettings?: SortSettings;
-    filterSettings?: FilterSettings;
-}
-
-interface PageSettings {
-    pageSize?: number;
-    currentPage?: number;
-    display?: ej.mobile.Grid.PagerDisplay;
-    type?: ej.mobile.Grid.PagerType;
-    totalRecordsCount?: number;
-}
-interface ScrollSettings {
-    enableColumnScrolling?: boolean;
-    height?: any;
-    width?: any;
-    enableRowScrolling?: boolean;
-    enableNativeScrolling?: boolean;
-}
-interface SortSettings {
-    allowMultiSorting?: boolean;
-    sortedColumns?: Array<any>;
-}
-interface FilterSettings {
-    isCaseSensitive?: boolean;
-    filterBarMode?: ej.mobile.Grid.FilterBarMode;
-    interval?: number;
-    filteredColumns?: Array<any>;
-}
-
-//ejmGridEvent Arugument
-interface GridEventArgs {
-    cancel: boolean;
-    type: string;
-    model: GridOptions;
-}
-
-export module Grid
-{
-enum PagerDisplay
-{
-Normal,
-Fixed
-}
-
-enum PagerType
-{
-Normal,
-Scrollable
-}
-
-enum FilterBarMode
-{
-Immediate,
-OnEnter
-}
-enum Actions
-{
-Paging,
-Sorting,
-Filtering,
-Refresh
-}
-}
-class Header extends ej.Widget {
-    static fn: Header;
-    element: JQuery;
-    constructor(element: JQuery, options?: HeaderOptions);
-    model: HeaderOptions;
-    defaults: HeaderOptions;
-    getTitle(): string;
-    destroy(): void;
-}
-
-interface HeaderOptions {
-    hideForUnSupportedDevice?: boolean;
-    leftButtonNavigationUrl?: string;
-    leftButtonImageClass: string;
-    leftButtonImageUrl: string;
-    rightButtonNavigationUrl?: string;
-	rightButtonImageClass?:string;
-	rightButtonImageUrl?:string;
-    cssClass?: string;
-    title?: string;
-    showTitle?: boolean;
-    position?: ej.mobile.Header.Position;
-    leftButtonCaption?: string;
-    rightButtonCaption?: string;
-	leftButtonStyle?:ej.mobile.Header.HeaderLeftButtonStyle;	
-    rightButtonStyle?:ej.mobile.Header.HeaderRightButtonStyle;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-	enablePersistence?:boolean;
-    templateId?: string;
-    ios7?: Headerios7Options;
-    flat?: HeaderFlatOptions;
-    windows?: HeaderWindowsOptions;
-    android?: HeaderAndroidOptions;
-    leftButtonTap? (e: HeaderLeftButtonTapEventArgs): void;
-    rightButtonTap? (e: HeaderRightButtonTapEventArgs): void;
-    destroy?(e:HeaderBaseArgs):void;
-    create?(e:HeaderBaseArgs):void;
-}
-interface HeaderWindowsOptions extends windowsOption {
-    enableCustomText?: boolean;
-    renderDefault?: boolean;
-    rightButtonStyle?: ej.mobile.Header.Windows.HeaderRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Header.Windows.HeaderLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-interface HeaderAndroidOptions {
-    backButtonImageClass?: string;
-    rightButtonStyle?: ej.mobile.Header.Android.HeaderRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Header.Android.HeaderLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-interface Headerios7Options {
-    rightButtonStyle?:  ej.mobile.Header.IOS7.HeaderRightButtonStyle;
-    leftButtonStyle?:  ej.mobile.Header.IOS7.HeaderLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-interface HeaderFlatOptions {
-    rightButtonStyle?: ej.mobile.Header.Flat.HeaderRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Header.Flat.HeaderLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-
-interface HeaderBaseArgs{
-    cancel: boolean;
-    type: string;
-    model: FooterOptions;
-}
-interface HeaderLeftButtonTapEventArgs {
-    text: string;
-    cancel: boolean;
-    model: Object;
-    type: string;
-    status: boolean;
-}
-interface HeaderRightButtonTapEventArgs {
-    text: string;
-    cancel: boolean;
-    model: Object;
-    type: string;
-    status: boolean;
-}
-
-export module Header
-{
-enum Position
-{
- Normal,
- Fixed
-}
-enum HeaderLeftButtonStyle
-{
-	Back,
-	Header,
-	Normal
-
-}
-enum HeaderRightButtonStyle
-{
-	Header,
-	Normal
-}
-
-export module IOS7
-{
-enum HeaderLeftButtonStyle
-{
- Auto,
- Back,
- Header,
- Normal
-}
-enum HeaderRightButtonStyle
-{
- Auto,
- Header,
- Normal
-}
-}
-
-export module Flat
-{
-enum HeaderLeftButtonStyle
-{
- Auto,
- Back,
- Normal,
- Header
-}
-enum HeaderRightButtonStyle
-{
- Auto,
- Header,
- Normal
-}
-}
-
-export module Android
-{
-enum HeaderLeftButtonStyle
-{
- Auto,
- Back,
- Normal,
- Header
-}
-enum HeaderRightButtonStyle
-{
- Auto,
- Normal,
- Header
-}
-}
-
-export module Windows
-{
-enum HeaderLeftButtonStyle
-{
- Auto,
- Back,
- Normal,
- Header
-}
-enum HeaderRightButtonStyle
-{
- Auto,
- Normal,
- Header
-}
-}
-}
-
-
-
-/* ListView - Start*/
-interface ajaxSettingsOptions {
-    type?: string;
-    cache?: boolean;
-    async?: boolean;
-    dataType?: string;   
-    contentType?: string;
-    url?: string;
-    data?: Array<any>;
-}
-//Class ejmListView
-class ListView extends ej.Widget {
-    static fn: ListView;
-    constructor(element: JQuery, options?: ListViewOptions);
-    model: ListViewOptions;
-    defaults: ListViewOptions;
-    addItem(list?:Object, index?:number,groupid?:any): void;
-    checkAllItem(): void;
-    checkItem(index:number,childId?:any): void;
-    deActive(index:number,childId?:any): void;
-    disableItem(index:number,childId?:any): void;
-    enableItem(index:number,childId?:any): void;
-    getActiveItem(): void;
-    getActiveItemText(): void;
-    getCheckedItems(): void;
-    getCheckedItemsText(): void;
-    getItemsCount(): void;
-    getItemText(index:number,childId?:any): void;
-    hasChild(index:number,childId?:any): boolean;
-    hide(): void;
-    hideItem(index:number,childId?:any): void;
-    isChecked(index:number,childId?:any): boolean;
-    loadAjaxContent(): void;
-    removeCheckMark(index:number,childId?:any): void;
-    removeItem(index:number,childId?:any): void;
-    selectItem(index:number,childId?:any): void;
-    setActive(index:number,childId?:any): void;
-    show(): void;
-    showItem(index:number,childId?:any): void;
-    unCheckAllItem(): void;
-    unCheckItem(index: number, childId?: any): void;
-    clear(): void;
-    append(data: Object): void;
-    getActiveItemData(): void;
-    getSelectedItemValue(): void;
-    getSelectedItemsValue(): void;
-    destroy(): void;
-}
-//ejmListView IOS7Option
-interface Ios7Option {
-    inline?: boolean;
-}
-//ejmListView IOS7Option
-interface windowsListViewOption extends windowsOption {
-    preventSkew?: boolean;
-    enableHeaderCustomText?: boolean;
-}
-
-//ejmListView Option
-interface ListViewOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    enablePullToRefresh?: boolean;
-    refreshThreshold?: number;
-    pullToRefreshSettings?: pullToRefreshSettings;
-    mode?: ej.mobile.ListView.Mode
-    cssClass?: string;
-    ios7?: Ios7Option;
-    windows?: windowsListViewOption;
-    adjustFixedPosition?: boolean;
-    ajaxSettings?: ajaxSettingsOptions;
-    enableCache?: boolean;
-    allowScrolling?: boolean;
-    checkDOMChanges?: boolean;
-    dataBinding?: boolean;
-    dataSource?: any;
-    enableAjax?: boolean;
-    enableCheckMark?: boolean;
-    enableFiltering?: boolean;
-    showHeader?: boolean;
-    showHeaderBackButton?: boolean;
-    enableNativeScrolling?: boolean;
-    showScrollbars?: boolean;
-    fieldSettings?: fieldSettings;
-    enableGroupList?: boolean;
-    headerBackButtonText?: string;
-    hideHeaderForUnSupportedDevice?: boolean;
-    headerTitle?: string;
-    height?: number;
-    persistSelection?: boolean;
-    preventSelection?: boolean;
-    query?: string;
-    renderTemplate?: boolean;
-    selectedItemIndex?: number;
-    autoAdjustHeight?: boolean;
-    autoAdjustScrollHeight?: boolean;
-    templateId?: string;
-    transition?: string;
-    width?: number;
-    items?: Array<any>;
-    enablePersistence?: boolean;
-    create? (e: ListViewBaseEventArgs): void;
-    destroy? (e: ListViewBaseEventArgs): void;
-    ajaxComplete? (e: ListViewEventArgs): void;
-    ajaxError? (e: ListViewEventArgs): void;
-    ajaxSuccess? (e: ListViewEventArgs): void;
-    headerBackButtonTap? (e: ListViewEventArgs): void;
-    load? (e: ListViewBaseEventArgs): void;
-    loadComplete? (e: ListViewBaseEventArgs): void;
-    touchEnd? (e: ListViewEventArgs): void;
-    touchStart? (e: ListViewEventArgs): void;
-    refreshBegin? (e: ListViewBaseEventArgs): void;
-    refreshSuccess? (e: ListViewEventArgs): void;
-    refreshError? (e: ListViewBaseEventArgs): void;
-    refreshComplete? (e: ListViewBaseEventArgs): void;
-    ajaxBeforeLoad? (e: ListViewEventArgs): void;
-}
-interface pullToRefreshSettings{
-	pullText?:string;
-	releaseText?:string;
-	refreshText?:string;
-	errorText?:string;
-	appendData?:boolean;
-	appendPosition?:ej.mobile.ListView.AppendPosition;
-}
-interface fieldSettings{
-	navigateUrl?:string;
-	href?:string;
-	enableAjax?:string;
-	preventSelection?:string;
-	persistSelection?:string;
-	text?:string;
-	enableCheckMark?:string;
-	checked?:string;
-	primaryKey?:string;
-	parentPrimaryKey?:string;
-	imageClass?:string;
-	imageUrl?:string;
-	childHeaderTitle?:string;
-	childId?:string;
-	childHeaderBackButtonText?:string;
-	renderTemplate?:string;
-	templateId?:string;
-	touchStart?:string;
-	touchEnd?:string;
-	attributes?:string;
-	groupID?:string;
-	id?:string; 
-    value?: string;
-}
-//ejmListViewEvent Arugument
-interface ListViewBaseEventArgs {
-    cancel: boolean;
-    type: string;
-    model: ListViewOptions;
-}
-interface ListViewEventArgs extends ListViewBaseEventArgs {   
-    ajaxData?: Object;
-    data?: Object;
-    errorData?: Object;
-    successData?: Object;
-    text?: string;
-    element?: Object;
-    id?: string;
-    hasChild?: boolean;
-    currentItem?: string;
-    currentText?: string;
-    currentItemIndex?: number;
-    isChecked?: boolean;
-    checkedItems?: number;
-    checkedItemsText?: string;
-}
-export module ListView{
-	enum AppendPosition{
-		Bottom,
-		Top
-    }
-    enum Mode {
-        Page,
-        Container
-    }
-}
-
-class Menu extends ej.Widget {
-    static fn: Menu;
-    element: JQuery;
-    constructor(element: JQuery, options?: MenuOptions);
-    model: MenuOptions;
-    defaults: MenuOptions;
-    addItem(menu: any, index: number): void;
-    disable(): void;
-    disableItem(index: number): void;
-    disableOverFlow(): void;
-    disableOverFlowItem(index: number): void;
-    enable(): void;
-    enableItem(index: number): void;
-    enableOverFlow(): void;
-    enableOverFlowItem(index: number): void;
-    hide(): void;
-    removeItem(index: number): void;
-    show(e: any, existing?: boolean): void;
-    destroy(): void;
-}
-//ejmMenu Option
-interface MenuOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    allowScrolling?: boolean;
-    showScrollbars?: boolean;
-    height?: (number|string);
-    renderTemplate?: boolean;
-    showOn?: ej.mobile.Menu.ShowOn;
-    targetId?: string;
-    target?: any;
-    enablePersistence?: boolean;
-    templateId?: string;
-    width?: (number|string);
-    items?: Array<any>;
-    android?: AndroidOptions;
-    ios7?: Ios7Options;
-    windows?: WindowsOptions;
-    hide? (e: MenuEvent): void;
-    load? (e: MenuEvent): void;
-    loadComplete? (e: MenuEvent): void;
-    show? (e: MenuEvent): void;
-    touchStart? (e: MenuTouchEventArgs): void;
-    touchEnd? (e: MenuTouchEventArgs): void;
-    create? (e: MenuEvent): void;
-    destroy? (e: MenuEvent): void;
-}
-//ejmMenu IOS7 Option
-interface Ios7Options {
-    cancelButtonColor?: ej.mobile.Menu.IOS7.CancelButtonColor;
-    cancelButtonText?: string;
-    cancelButtonTouchEnd? (e: MenuCancelButtonTouchEndEventArgs): void;
-    type?: ej.mobile.Menu.IOS7.Type;
-    title?: string;
-    showTitle?: boolean;
-    showCancelButton?: boolean;
-}
-
-//ejmMenu Android Option
-interface AndroidOptions {
-    type?: ej.mobile.Menu.Android.Type;
-}
-interface WindowsOptions {
-    type?: ej.mobile.Menu.Windows.Type;
-    renderDefault?: boolean;
-}
-//ejmMenu Event Arugument
-interface MenuEvent {
-    cancel: boolean;
-    type: string;
-    model: MenuOptions;
-}
-interface MenuTouchEventArgs {
-    item: Object;
-    text: string;
-}
-interface MenuCancelButtonTouchEndEventArgs extends MenuEvent {
-    item: Object;
-    text: string;
-}
-
-export module Menu {
-    export module IOS7 {
-        enum Type {
-            Auto,
-            Animate,
-            Normal
-        }
-        enum CancelButtonColor {
-            Blue,
-            Gray,
-            Black,
-            Green,
-            Red
-        }
-    }
-
-    export module Android {
-        enum Type {
-            Contextual,
-            Popup,
-            OptionsList,
-            OptionsMenu
-        }
-    }
-    export module Windows {
-        enum Type {
-            Contextual,
-            Popup
-        }
-    }
-    enum ShowOn {
-        Tap,
-        TapHold
-    }
-}
-
-
-
-//Class ejmProgress
-class Progress extends ej.Widget {
-    static fn: Progress;
-    element: JQuery;
-    constructor(element: JQuery, options?: ProgressOptions);
-    model: ProgressOptions;
-    defaults: ProgressOptions;
-    getValue(): number;
-    getPercentage(): number;
-    setCustomText(text: string): void;
-    destroy(): void;
-}
-
-//ejmProgressbar Option
-interface ProgressOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    enableCustomText?: boolean;
-    enabled?: boolean;
-    height?: number;
-    incrementStep?: number;
-    maxValue?: number;
-    minValue?: number;
-    orientation?: ej.mobile.Progress.Orientation;
-    percentage?: number;
-    enablePersistence?: boolean;
-    text?: string;
-    value?: number;
-    width?: number;
-    create? (e: ProgressEvent): void;
-    destroy? (e: ProgressEvent): void;
-    start? (e: ProgressStartEventArgs): void;
-    change? (e: ProgressChangeEvent): void;
-    complete? (e: ProgressCompleteEvent): void;
-}
-//ejmProgressbarEvent Arugument
-interface ProgressEvent {
-    cancel: boolean;
-    type: string;       
-    model: ProgressOptions;
-}
-interface ProgressStartEventArgs extends ProgressEvent {
-    value: number;
-    percentage: number;
-}
-interface ProgressChangeEvent extends ProgressEvent {
-    value: number;
-    element: Object;
-    text: string;
-    percentage: number;
-}
-interface ProgressCompleteEvent extends ProgressEvent {
-    value: number;
-    text: string;
-    percentage: number;
-}
-export module Progress {
-    enum Orientation {
-        Horizontal,
-        Vertical
-    }
-}
-
-//Class ejmRadioButton
-class RadioButton extends ej.Widget {
-    static fn: RadioButton;
-    element: JQuery;
-    constructor(element: JQuery, options?: RadioButtonOptions);
-    model: RadioButtonOptions;
-    defaults: RadioButtonOptions;
-    destroy(): void;
-    enable(): void;
-    disable(): void;
-}
-
-//ejmRadioButton Options
-interface RadioButtonOptions {
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    cssClass?: string;
-    checked?: boolean;
-    text?: string;
-    enabled?: boolean;
-    enablePersistence?: boolean;
-    create? (e: RadioButtonBaseEventArgs): void;
-    destroy? (e: RadioButtonBaseEventArgs): void;
-    touchStart? (e: RadioButtonEventArgs): void;
-    touchEnd? (e: RadioButtonEventArgs): void;
-    change? (e: RadioButtonEventArgs): void;   
-}
-//ejmRadioButtonEvent Arugument
-interface RadioButtonBaseEventArgs {
-    model: RadioButtonOptions;
-    cancel: boolean;
-    type: string;
-}
-interface RadioButtonEventArgs extends RadioButtonBaseEventArgs {   
-    value: string;
-    isChecked: boolean;   
-}
- class Rating extends ej.Widget {
-        static fn: Rating;
-        element: JQuery;
-        constructor(element?: JQuery, options?: RatingOptions);
-        model: RatingOptions;
-        defaults: RatingOptions;
-        show(): void;
-        hide(): void;
-        getValue(): void
-        reset(): void;
-        enable(): void;
-        disable(): void;
-        setValue(value: number): void;
-        destroy(): void;
-    }
-
-    interface RatingOptions {
-        maxValue?: number;
-        minValue?: number;
-        value?: number;
-        incrementStep?: number;
-        precision?: ej.mobile.Rating.Precision;
-        enabled?: boolean;
-        theme?: ej.mobile.Theme;
-        renderMode?: ej.mobile.RenderMode;
-        shape?: ej.mobile.Rating.Shape;
-        shapeWidth?: number;
-        shapeHeight?: number;
-        spaceBetweenShapes?: number;
-        orientation?: ej.mobile.Rating.Orientation;
-        readOnly?: boolean;
-        backgroundColor?: any;
-        selectionColor?: any;
-        borderColor?: any;
-        hoverColor?: any;
-        enablePersistence?: boolean;
-        create? (e: RatingBaseEventArgs): void;
-        destroy? (e: RatingBaseEventArgs): void;
-        tap? (e: RatingEventArgs): void;
-        change? (e: RatingEventArgs): void;
-        touchMove? (e: RatingEventArgs): void;
-    }
- interface RatingBaseEventArgs {
-     cancel: boolean;
-     type: string;
-     model: RatingOptions;
- }
-    interface RatingEventArgs extends RatingBaseEventArgs {        
-        value: number;
-    }
-export module Rating{
-	enum Precision{
-		Full,
-		Exact,
-		Half
-	}
-	enum Shape{
-		Star,
-		Circle,
-		Diamond,
-		Heart,
-		Pentagon,
-		Square,
-		Triangle
-	}
-	enum Orientation{
-		Horizontal,
-		Vertical
-	}
-
-}
- class Rotator extends ej.Widget {
-        static fn: Rotator;
-        element: JQuery;
-        constructor(element: JQuery, options?: RotatorOptions);
-        model: RotatorOptions;
-        validTags: Array<string>;
-        defaults: RotatorOptions;
-        renderDatasource(data: any): void;
-        destroy(): void;
-    }
- interface RotatorOptions {
-        create? (e: RotatorBaseEventArgs): void;
-        destroy? (e: RotatorBaseEventArgs): void;
-        swipeLeft? (e: RotatorEventArgs): void;
-        swipeRight? (e: RotatorEventArgs): void;
-        swipeUp? (e: RotatorEventArgs): void;
-        swipeDown? (e: RotatorEventArgs): void;
-        change? (e: RotatorEventArgs): void;
-        pagerSelect? (e: RotatorEventArgs): void;
-        adjustFixedPosition?: boolean;
-        targetId?: string;
-		cssClass?:string;
-		windows?:windowsOption;
-		items?:Array<any>;
-        renderMode?: ej.mobile.RenderMode;
-        targetHeight?: (number|string);
-        targetWidth?: (number|string);
-		enablePersistence?:boolean;
-        theme?: ej.mobile.Theme;
-        currentItemIndex?: number;
-        showPager?: boolean;
-        showHeader?: boolean;
-        headerTitle?: string;
-        dataBinding?: boolean;
-        dataSource?: any;
-        orientation?: ej.mobile.Rotator.Orientation;
-        pagerPosition?: PagerPosition;
-    }
-    interface PagerPosition {
-        horizontal?: ej.mobile.Rotator.PagerPositionHorizontal;
-        vertical?: ej.mobile.Rotator.PagerPositionVertical;
-    }
- interface RotatorBaseEventArgs {
-     cancel: boolean;
-     model: RotatorOptions;
-     type: string;
- }
- interface RotatorEventArgs extends RotatorBaseEventArgs {        
-        targetElement: Object;
-        element: number;
-    }
-export module Rotator{
-	enum Orientation{
-		Horizontal,
-		Vertical
-	}
-	enum PagerPositionHorizontal{
-		Bottom,
-		Top,
-	}
-	enum PagerPositionVertical{
-		Right,
-		Left
-	}
-
-}
- class Slider extends ej.Widget {
-        static fn: Slider;
-        element: JQuery;
-        constructor(element: JQuery, options?: SliderOptions);
-        model: SliderOptions;
-        defaults: SliderOptions;
-        getValue(): void;
-        dispose(): void;
-        destroy(): void;
-    }
-    //ejmSlider Option
-    interface SliderOptions {
-        theme?: ej.mobile.Theme;
-        renderMode?: ej.mobile.RenderMode;
-        minValue?: number;
-        maxValue?: number;
-        value?: number;
-        values?: Array<number>;
-        orientation?: ej.mobile.Slider.Orientation;
-        enableRange?: boolean;
-        readOnly?: boolean;
-        incrementStep?: number;
-        enablePersistence?: boolean;
-        enabled?: boolean;
-        enableAnimation?: boolean;
-        animationSpeed?: number;
-        ios7?: Ios7Option;
-        windows?: windowsOption;
-        create? (e: SliderBaseEventArgs): void;
-        destroy? (e: SliderBaseEventArgs): void;
-        touchStart? (e: SliderEventArgs): void;
-        touchEnd? (e: SliderEventArgs): void;
-        load? (e: SliderEventArgs): void;
-        change? (e: SliderEventArgs): void;
-        slide? (e: SliderEventArgs): void;
-    }
-
-    //ejmSlider IOS7 Option
-    interface Ios7Option {
-        thumbStyle?: ej.mobile.Slider.ThumbStyle;
-    }
- //ejmSlider Slide Event Arugument
- interface SliderBaseEventArgs {
-     cancel: boolean;
-     model: SliderOptions;
-     type: string;
- }
- interface SliderEventArgs extends SliderBaseEventArgs {
-     value?: number;
-     values?: Array<number>;
- }   
-export module Slider{
-	enum Orientation{
-		Horizontal,
-		Vertical
-	}
-	enum ThumbStyle{
-		Normal,
-		Small
-	
-	}
-
-}
-class Tab extends ej.Widget {
-    static fn: Tab;
-    constructor(element: JQuery, options?: TabOptions);
-    model:TabOptions;
-    defaults: TabOptions;
-    showBadge(index: (number|string)): void;
-    hideBadge(index: (number|string)): void;
-    updateBadgeValue(index: (number|string), value: (number|string)): void;
-    selectItem(index?: (number|string)): void;
-    enableItem(index?: (number|string)): void;
-    disableItem(index?: (number|string)): void;
-    enableContent(index?: (number|string)): void;
-    disableContent(index?: (number|string)): void;
-    addItem(tab: Object, index: (number|string)): void;
-    addOverflowItem(tab: Object, index: (number|string)): void;
-    removeItem(index: (number|string)): void;
-    removeOverflowItem(index: (number|string)): void;
-    getItemsCount(): number;
-    getOverflowItemCount(): number;
-    getActiveItemText(): string;
-    getActiveItem(): Object;
-    destroy(): void;
-}
-
-interface TabOptions {
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    cssClass?: string;
-    allowScrolling?: boolean;
-    enableNativeScrolling?: boolean;
-    showScrollbars?: boolean;
-    enableAjax?: boolean;
-    showAjaxPopup?: boolean;
-    badge?: badgeTabOptions;
-    ios7?: ios7TabOptions;
-    enableCache?: boolean;
-    selectedItemIndex?: (number|string);
-    enabled?: boolean;
-    enablePersistence?: boolean;
-    prefetchAjaxContent?: boolean;
-    items?: Array<any>;
-    overflowBadge?: overflowBadgeTabOptions;
-    android?: androidTabOptions;
-    windows?: windowsTabOptions;
-    flat?: flatTabOptions;
-    ajaxSettings?: ajaxSettingsTabOptions;
-    prefetchContentLoaded? (e: TabPrefetchEventArgs): void;
-    load? (e: TabEventArgs): void;
-    loadComplete? (e: TabLoadCompleteEventArgs): void;
-    touchStart? (e: TabEventArgs): void;
-    touchEnd? (e: TabEventArgs): void;
-    ajaxSuccess? (e: TabAjaxLoadSuccessEventArgs): void;
-    ajaxError? (e: TabAjaxLoadErrorEventArgs): void;
-    ajaxComplete? (e: TabEventArgs): void;
-    create? (e: TabEventArgs): void;
-    destroy? (e: TabEventArgs): void;
-    ajaxBeforeLoad? (e: TabAjaxBeforeLoadEventArgs): void;
-}
-
-interface TabItemOptions {
-    text?: string;
-    href?: string;
-    enableAjax?: boolean;
-    badge?: badgeTabOptions;
-    touchStart? (e: TabEventArgs): void;
-    touchEnd? (e: TabEventArgs): void;
-    ios7?: ios7TabOptions;
-    android?: ios7TabOptions;
-}
-
-interface TabEventArgs {
-    cancel: boolean;
-    type: string;
-    model: TabOptions;
-}
-interface TabAjaxBeforeLoadEventArgs extends TabEventArgs {
-    content?: any;
-    item?: any;
-    index?: number;
-    text?: string;
-    url?: string;
-}
-interface TabLoadCompleteEventArgs extends TabEventArgs {
-    element: Object;
-    id: string;
-}
-interface TabPrefetchEventArgs extends TabEventArgs {
-    item: Object;
-    content: string;
-    text: string;
-    url: string;
-    index: number;
-}
-interface TabAjaxLoadSuccessEventArgs extends TabEventArgs {
-    element: Object;
-    currentContent: string;
-}
-
-interface TabAjaxLoadErrorEventArgs extends TabEventArgs {
-    status: boolean;
-    error: string;
-}
-interface badgeTabOptions {
-    enabled?: boolean;
-    value?: (number|string);
-    maxValue?: (number|string);
-    minValue?: (number|string);
-}
-interface ios7TabOptions {
-    imageClass?: string;
-}
-interface overflowBadgeTabOptions {
-    enabled?: boolean;
-    value?: (number|string);
-    maxValue?: (number|string);
-    minValue?: (number|string);
-}
-interface androidTabOptions {
-    contentType?: ej.mobile.Tab.Android.ContentType;
-    imageClass?: string;
-    position?: ej.mobile.Tab.Position;
-}
-interface windowsTabOptions extends windowsOption {
-    enableCustomText?: boolean;
-    position?: ej.mobile.Tab.Position;
-    enableTouchMove?: boolean;
-    preventContentSwipe?: boolean;
-}
-interface flatTabOptions {
-    position?: ej.mobile.Tab.Position;
-}
-interface ajaxSettingsTabOptions {
-    type?: string;
-    cache?: boolean;
-    async?: boolean;
-    dataType?: string;
-    contentType?: string;
-    url?: string;
-    data?:  {};
-}
-
-export module Tab{
-export module Android{
-enum ContentType{
-Text,
-Image,
-Both
-}
-}
-enum Position{
-Fixed,
-Normal
-}
-}
-
-class Tile extends ej.Widget {
-    static fn: Tile;
-    constructor(element: JQuery, options?: TileOptions);
-    model: TileOptions;
-    defaults: TileOptions;
-    updateTemplate(id: string, index: (number|string)): void;
-    destroy(): void;
-}
-
-interface TileOptions {
-    android?: androidTileOptions;
-    badge?: tileBadgeOptions;
-    cssClass?: string;
-    captionTemplateId?: string;
-    enablePersistence?: boolean;
-    imageClass?: string;
-    imagePath?: string;
-    imagePosition?: ej.mobile.Tile.ImagePosition;
-    imageTemplateId?: string;
-    imageUrl?: string;
-    backgroundColor?: string;
-    ios7?: ios7TileOptions;
-    liveTile?: liveTileOptions;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    showText?: boolean;
-    text?: string;
-    textAlignment?: ej.mobile.Tile.TextAlignment;
-    tileSize?: ej.mobile.Tile.TileSize;
-    width?: (number|string);
-    height?: (number|string);
-    touchEnd? (e: tileTouchEventArgs): void;
-    touchStart? (e: tileTouchEventArgs): void;
-    create? (e: TileEventArgs): void;
-    destroy? (e: TileEventArgs): void;
-}
-interface TileEventArgs {
-    cancel?: boolean;
-    model?: TileOptions;
-    type?: string;
-}
-interface tileBadgeOptions {
-    enabled?: boolean;
-    value?: (number|string);
-    maxValue?: (number|string);
-    minValue?: (number|string);
-    text?: string;
-}
-
-interface liveTileOptions {
-    enabled?: boolean;
-    imageClass?: string;
-    imageTemplateId?: string;
-    imageUrl?: string[];
-    type?: string;
-    updateInterval?: number;
-}
-
-interface ios7TileOptions {
-    textPosition?: ej.mobile.Tile.TextPosition;
-}
-
-interface androidTileOptions {
-    textPosition?: ej.mobile.Tile.TextPosition;
-}
-
-interface tileTouchEventArgs extends TileEventArgs {
-    text?: string;
-}
-
-export module Tile
-{    
-enum TextPosition
-{
- Inner,
- Outer
-}
-enum TileSize
-{
-        Medium,
-        Small,
-        Large,
-        Wide
-}
-enum TextAlignment
-{
- 
-        Normal,
-        Left,
-        Right,
-        Center
-}
-enum ImagePosition
-{
-        Center,
-        Top,
-        Bottom,
-        Right,
-        Left,
-        TopLeft,
-        TopRight,
-        BottomRight,
-        BottomLeft,
-        Fill
-}
-}
-
-
-class TimePicker extends ej.Widget {
-    static fn: TimePicker;
-	static Locale:any;
-    constructor(element: JQuery, options?: TimePickerOptions);
-    model: TimePickerOptions;
-    defaults: TimePickerOptions;
-    show(e?:any): void;
-    hide(e?:any): void;
-    enable(): void;
-    disable(): void;
-    getValue(): string;
-    setCurrentTime(time: any): void;
-    destroy(): void;
-}
-interface TimePickerOptions {
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    cssClass?: string;
-    hourFormat?: ej.mobile.TimePicker.HourFormat;
-    value?: string;
-    culture?: string;
-    timeFormat?: string;
-    enabled?: boolean;
-	enablePersistence?:boolean;
-    ios7?: ios7TimepickerOptions;
-    windows?: windowsOption;
-    select? (e: TimepickerEventArgs): void;
-    load? (e: TimepickerEventArgs): void;
-    focusIn? (e: TimepickerEventArgs): void;
-    focusOut? (e: TimepickerEventArgs): void;
-    open? (e: TimepickerEventArgs): void;
-    close? (e: TimepickerEventArgs): void;
-    change? (e: TimepickerEventArgs): void;
-    create? (e: TimePickerCommonEventArgs): void;
-    destroy? (e: TimePickerCommonEventArgs): void;
-}
-interface TimePickerCommonEventArgs {
-    cancel: boolean;
-    type: string;
-    model: TimePickerOptions;
-}
-interface TimepickerEventArgs extends TimePickerCommonEventArgs {
-    value: string;
-}
-interface ios7TimepickerOptions {
-    renderDefault?: boolean;
-}
-
-export module TimePicker{
-enum HourFormat{
-	TwentyFour,
-	Twelve
-}
-}
-
-//Class ejmToggleButton
-class ToggleButton extends ej.Widget {
-    static fn: ToggleButton;
-    constructor(element: JQuery, options?: ToggleButtonOptions);
-    model: ToggleButtonOptions;
-    defaults: ToggleButtonOptions;
-    enable(): void;
-    disable(): void;
-    destroy(): void;
-}
-
-//ejmToggleButton Option
-interface ToggleButtonOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    animate?: boolean;
-    toggleState?: boolean;
-    windows?: windowsOption;
-    enablePersistence?: boolean;
-    enabled?: boolean;
-    change? (e: ToggleButtonEventArgs): void;
-    touchStart? (e: ToggleButtonEventArgs): void;
-    touchEnd? (e: ToggleButtonEventArgs): void;
-    create? (e: ToggleButtonCommonEventArgs): void;
-    destroy? (e: ToggleButtonCommonEventArgs): void;
-}
-
-interface ToggleButtonCommonEventArgs {
-    cancel: boolean;
-    type: string;
-    model: ToggleButtonOptions;
-}
-//ToggleButtonEvent Arugument
-interface ToggleButtonEventArgs extends ToggleButtonCommonEventArgs {
-    state: boolean;
-}
-//Class ejmToolbar
-class Toolbar extends ej.Widget {
-    static fn: Toolbar;
-    constructor(element: JQuery, options?: ToolbarOptions);
-    model: ToolbarOptions;
-    validTags: Array<string>;
-    defaults: ToolbarOptions;
-    removeItem(index:number): void;
-    addItem(newitem:string): void;
-    showEllipsis(): void;
-    disableItem(disableIcon:string): void;
-    enableItem(enableIcon:string): void;
-    hideItem(iconName:string): void;
-    hideEllipsis(): void;
-    showItem(iconName:string): void;
-    hideMenu(): void;
-    showMenu(): void;
-    destroy(): void;
-}
-
-//ejmToolbar Android Options
-interface ToolbarAndroidOptions {
-    title?: string;
-    titleIconUrl?: string;
-    showBackNavigator?: boolean;
-    showTitleIcon?: boolean;
-    enableSplitView?: boolean;
-    showEllipsis?: boolean;
-    position?: ej.mobile.Toolbar.Position;
-
-}
-//ejmToolbar IOS7 Options
-interface ToolbarIOS7Options {
-    position?: ej.mobile.Toolbar.Position;
-}
-//ejmToolbar Flat Options
-interface ToolbarFlatOptions {
-    position?: ej.mobile.Toolbar.Position;
-}
-//ejmToolbar Windows Options
-interface ToolbarWindowsOptions {
-    position?: ej.mobile.Toolbar.Position;
-}
-//ejmToolbar Option
-interface ToolbarOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    items?: Array<ToolbarItems>;
-    enabled?: boolean;
-	enablePersistence?:boolean;
-    hide?: boolean;
-    position?: ej.mobile.Toolbar.Position;
-    android?: ToolbarAndroidOptions;
-    windows?: windowsOption;
-    ios7?: ToolbarIOS7Options;
-    Flat?: ToolbarFlatOptions;
-    templateId?: any;
-    titleIconUrl?: any;
-    touchStart? (e: ToolbarEventArgs): void;
-    touchEnd? (e: ToolbarEventArgs): void;
-    create? (e: ToolbarEventArgs): void;
-    destroy? (e: ToolbarEventArgs): void;
-
-}
-interface ToolbarItems{
-	iconName?: ej.mobile.Toolbar.IconName;
-	iconUrl?: string;
-}
-//ejmToolbarEvent Arugument
-interface ToolbarEventArgs {
-    cancel: boolean;
-    type: string;
-    model: ToolbarOptions;
-}
-
-export module Toolbar{ 
-	enum Position{
-		Normal,
-		Fixed
-	}
-	enum IconName{
-		Add,
-		Back,
-		Bookmark,
-        Close,
-        Compose,
-        Copy,
-        Cut,
-        Delete,
-        Done,
-        Edit,
-        Mail,
-        Next,
-        Refresh,
-        Overflow,
-        Paste,
-        Reply,
-        Save,
-        Search,
-        Settings,
-        Share 
-	}
-}
-/*Group button*/
-class GroupButton extends ej.Widget {
-    static fn: GroupButton;
-    element: JQuery;
-    constructor(element?: JQuery, options?: GroupButtonOptions);
-    model: GroupButtonOptions;
-    defaults: GroupButtonOptions;
-    destroy(): void;
-    //add public functions
-}
-interface GroupButtonOptions {
-    selectedItemIndex?: (number|string);
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    cssClass?: string;
-    enablePersistence?: boolean;
-    items?: Array<GroupButtonItemsOptions>;
-    windows?: windowsOption;
-    touchStart? (e: GroupButtonEventArgs): void;
-    touchEnd? (e: GroupButtonEventArgs): void;
-    destroy? (e: GroupButtonEventArgs): void;
-    create? (e: GroupButtonEventArgs): void;
-}
-interface GroupButtonItemsOptions {
-    text?: string;
-    type?: string;
-    imageClass?: string;
-    imageUrl?: string;
-}
-interface GroupButtonEventArgs {
-    cancel: boolean;
-    type: string;
-    model: GroupButtonOptions;
-}
-/* SplitPane */
-class SplitPane extends ej.Widget {
-    static fn: SplitPane;
-    constructor(element: JQuery, options?: SplitPaneOptions);
-    model:SplitPaneOptions;
-    defaults: SplitPaneOptions;
-    loadContent(toPage: string, options?: any): void;
-    transferPage(toPage: any, options: any, existing: any, newPage: any): void;
-    refreshRightScroller(): void;
-    refreshLeftScroller(): void;
-    destroy(): void;
-}
-interface SplitPaneOptions {
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    cssClass?: string;
-    allowLeftPaneScrolling?: boolean;
-    allowRightPaneScrolling?: boolean;
-    android?: SplitPaneAndroidOptions;
-    windows?: SplitPaneWindowsOptions;
-    ios7?: SplitPaneIOS7Options;
-    flat?: SplitPaneFlatOptions;
-    enablePersistence?: boolean;
-    enableSwipe?: boolean;
-    overlayLeftPane?: boolean;
-    overlayDirection?: ej.mobile.SplitPane.OverlayDirection;
-    leftPaneScrollSettings?: Object;
-    rightPaneScrollSettings?: Object;
-    leftHeaderSettings?: Object;
-    rightHeaderSettings?: Object;
-    toolbarSettings?: Object;
-    create? (e: SplitPaneBaseEventArgs): void;
-    destroy? (e: SplitPaneBaseEventArgs): void;
-    beforeTransfer? (e: SplitPaneEventArgs): void;
-    afterLoadSuccess? (e: SplitPaneEventArgs): void;
-}
-interface SplitPaneBaseEventArgs {
-    cancel: boolean;
-    type: string;
-    model: SplitPaneOptions;
-}
-interface SplitPaneEventArgs extends SplitPaneBaseEventArgs {
-    element: Object;
-    toPage: Object;
-    leftPaneheader: Object;
-    rightPaneheader: Object;
-    toolbar: Object;
-}
-interface SplitPaneAndroidOptions {
-    showToolbar?: boolean;
-}
-interface SplitPaneWindowsOptions {
-    showLeftPaneHeader?: boolean;
-    showRightPaneHeader?: boolean;
-}
-interface SplitPaneIOS7Options {
-    showLeftPaneHeader?: boolean;
-    showRightPaneHeader?: boolean;
-}
-interface SplitPaneFlatOptions {
-    showLeftPaneHeader?: boolean;
-    showRightPaneHeader?: boolean;
-}
-
-export module SplitPane{
-enum OverlayDirection{
-Left,
-Right
-}
-}
-
-class Dialog extends ej.Widget {
-    static fn: Dialog;
-    element: JQuery;
-    constructor(element: JQuery, options?: DialogOptions);
-    model: DialogOptions;
-    defaults: DialogOptions;
-    open(): void;
-    close(): void;
-    isOpened(): boolean;
-    destroy(): void;
-}
-interface DialogOptions {
-    cssClass?: string;
-    enableAutoOpen?: boolean;
-    title?: string;
-    beforeClose? (e: DialogBeforeClose): void;
-    open? (e: DialogOpen): void;
-    close? (e: DialogClose): void;
-    buttonTap? (e: DialogButtonTap): void;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    enableModal?: boolean;
-    showButtons?: boolean;
-    allowScrolling?: boolean;
-    enableNativeScrolling?: boolean;
-    mode?: ej.mobile.Dialog.Mode;
-    leftButtonCaption?: string;
-    rightButtonCaption?: string;
-    checkDOMChanges?: boolean;
-    templateId?: string;
-    targetHeight?: string|number;
-    enablePersistence?: boolean;
-    enableAnimation?: boolean;
-    windows?: windowsOption;
-    destroy? (e: DialogEventArgs): void;
-    create? (e: DialogEventArgs): void;
-}
-interface DialogEventArgs {
-    cancel: boolean;
-    type: string;
-    model: DialogOptions;
-}
-interface DialogBeforeClose extends DialogEventArgs{
-    title: string;
-}
-interface DialogOpen extends DialogEventArgs {
-    element: Object;
-    title: string;
-}
-interface DialogClose extends DialogEventArgs {
-    title: string;
-    element: Object;
-}
-interface DialogButtonTap extends DialogEventArgs {
-    text: string;
-}
-
-export module Dialog{
-enum Mode{
-        Alert,
-        Confirm,
-        Normal,
-        FullView
-}
-}
-
-class TextboxCommon extends ej.Widget {
-    model: TextBoxOptions;
-    disable(): void;
-    enable(): void;
-    getStrippedValue(): string;
-    getUnstrippedValue(): string;
-    getValue(): string;
-    getWatermarkText(): string;
-    refresh(): void;
-    destroy(): void;
-}
-class TextBox extends TextboxCommon {
-    static fn: TextBox;
-    constructor(element: JQuery, options?: TextBoxOptions);
-    defaults: TextBoxOptions;
-}
-/* Password */
-class Password extends TextboxCommon {
-    static fn: Password;
-    constructor(element: JQuery, options?: TextBoxOptions);
-    defaults: TextBoxOptions;
-}
-/* MaskEdit */
-class MaskEdit extends TextboxCommon {
-    static fn: MaskEdit;
-    constructor(element: JQuery, options?: MaskEditOptions);
-    defaults: MaskEditOptions;
-
-}
-/* TextArea */
-class TextArea extends TextboxCommon {
-    static fn: TextArea;
-    constructor(element: JQuery, options?: TextBoxOptions);
-    defaults: TextBoxOptions;
-
-}
-interface TextBoxOptions {
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    cssClass?: string;
-    showBorder?: boolean;
-    windows?: WindowsTextBoxOptions;
-    value?: string;
-    watermarkText?: string;
-    change? (e: TextBoxChangeEventArgs): void;
-    create? (e: TextBoxEventArgs): void;
-    destroy? (e: TextBoxEventArgs): void;
-    enabled?: boolean;
-    enablePersistence?: boolean;
-    readOnly?: boolean;
-}
-interface TextBoxEventArgs {
-    cancel: boolean;
-    type: string;
-    model: TextBoxOptions;
-}
-interface MaskEditOptions extends TextBoxOptions {
-    mask?: string;
-}
-interface WindowsTextBoxOptions extends windowsOption {
-    allowReset?: boolean;
-}
-interface TextBoxChangeEventArgs extends TextBoxEventArgs {
-    element: Object;
-    value: string;
-    isChecked: boolean;
-}
-class Footer extends ej.Widget {
-    static fn: Footer;
-    element: JQuery;
-    constructor(element: JQuery, options?: FooterOptions);
-    model: FooterOptions;
-    defaults: FooterOptions;
-    getTitle(): string;
-    destroy(): void;
-    
-}
-
-interface FooterOptions {
-    hideForUnSupportedDevice?: boolean;
-    leftButtonNavigationUrl?: string;
-    rightButtonNavigationUrl?: string;
-    title?: string;
-    cssClass?: string;
-    showTitle?: boolean;
-    position?: ej.mobile.Footer.Position;
-    leftButtonCaption?: string;
-    rightButtonCaption?: string;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-	enablePersistence?:boolean;
-	leftButtonStyle?:ej.mobile.Footer.FooterLeftButtonStyle;
-	rightButtonStyle?:ej.mobile.Footer.FooterRightButtonStyle;
-    ios7?: Footerios7Options;
-    flat?: FooterFlatOptions;
-    android?: FooterAndroidOptions;
-    templateId?: string;
-    windows?: FooterWindowsOptions;
-    leftButtonTap? (e: FooterLeftButtonTapEventArgs): void;
-    rightButtonTap? (e: FooterRightButtonTapEventArgs): void;
-    destroy?(e:FooterBaseArgs):void;
-    create?(e:FooterBaseArgs):void;
-}
-
-interface FooterWindowsOptions extends windowsOption {
-    renderDefault?: boolean;
-    rightButtonStyle?: ej.mobile.Footer.Windows.FooterRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Footer.Windows.FooterLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-interface Footerios7Options {
-    rightButtonStyle?:  ej.mobile.Footer.IOS7.FooterRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Footer.IOS7.FooterLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-interface FooterFlatOptions {
-    rightButtonStyle?: ej.mobile.Footer.Flat.FooterRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Footer.Flat.FooterLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-interface FooterAndroidOptions {
-    rightButtonStyle?: ej.mobile.Footer.Android.FooterRightButtonStyle;
-    leftButtonStyle?: ej.mobile.Footer.Android.FooterLeftButtonStyle;
-    showLeftButton?: boolean;
-    showRightButton?: boolean;
-}
-
-interface FooterBaseArgs{
-    cancel: boolean;
-    type: string;
-    model: FooterOptions;
-}
-
-interface FooterLeftButtonTapEventArgs {
-    text: string;
-    cancel: boolean;
-    model: Object;
-    type: string;
-    status: boolean;
-}
-interface FooterRightButtonTapEventArgs {
-    text: string;
-    cancel: boolean;
-    model: Object;
-    type: string;
-    status: boolean;
-}
-
-export module Footer{
-export module IOS7
-{
-enum FooterLeftButtonStyle
-{
- Auto,
- Back,
- Header,
- Normal
-}
-enum FooterRightButtonStyle
-{
- Auto,
- Header,
- Normal
-}
-}
-
-export module Flat
-{
-enum FooterLeftButtonStyle
-{
- Auto,
- Back,
- Normal,
- Header
-}
-enum FooterRightButtonStyle
-{
- Auto,
- Header,
- Normal
-}
-}
-
-export module Android
-{
-enum FooterLeftButtonStyle
-{
- Auto,
- Back,
- Normal,
- Header
-}
-enum FooterRightButtonStyle
-{
- Auto,
- Normal,
- Header
-}
-}
-
-export module Windows
-{
-enum FooterLeftButtonStyle
-{
- Auto,
- Back,
- Normal,
- Header
-}
-enum FooterRightButtonStyle
-{
- Auto,
- Normal,
- Header
-}
-} 
-enum Position{
- Normal,
- Fixed
-}
-enum FooterLeftButtonStyle{
-Back,
-Header,
-Normal
-}
-enum FooterRightButtonStyle{
-Header,
-Normal
-}
-}
-
-class CheckBox extends ej.Widget {
-    static fn: CheckBox;
-    constructor(element: JQuery, options?: CheckBoxOptions);
-    model: CheckBoxOptions;
-    defaults: CheckBoxOptions;
-    isChecked(): boolean;
-    destroy(): void;
-
-}
-interface CheckBoxOptions {
-    touchStart? (e: CheckBoxTouchStart): void;
-    touchEnd? (e: CheckBoxTouchEnd): void;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    preventDefault?: boolean;
-    theme?: ej.mobile.Theme;
-    enabled?: boolean;
-    checked?: boolean;
-    enableTriState?: boolean;
-    checkState?: ej.mobile.CheckBox.CheckState;
-    windows?: windowsOption;
-    enablePersistence?: boolean;
-    text?: string;
-    destroy? (e: checkBoxEventArgs): void;
-    create? (e: checkBoxEventArgs): void;
-}
-interface checkBoxEventArgs {
-    cancel: boolean;
-    type: string;
-    model: CheckBoxOptions;
-}
-interface CheckBoxTouchStart extends checkBoxEventArgs{
-    element: Object;
-    value: string;
-    isChecked: boolean;
-}
-interface CheckBoxTouchEnd extends checkBoxEventArgs{
-    element: Object;
-    value: string;
-    isChecked: boolean;
-}
-export module CheckBox{
-	enum CheckState{
-		Uncheck,
-		Check,
-		Indeterminate
-	}	
-}
-class ScrollPanel extends ej.Widget {
-        static fn: ScrollPanel;
-        constructor(element: JQuery, target: any, options?: ScrollPanelOptions);
-        model: ScrollPanelOptions;
-        defaults: ScrollPanelOptions;
-        refresh(): void;
-        disable(): void;
-        enable(): void;
-        getComputedPosition(): void;
-        stop(): void;
-        getScrollPosition(): void;
-        destroy(): void;
-    }
-    interface ScrollPanelOptions {
-        renderMode?: ej.mobile.RenderMode;
-        theme?: ej.mobile.Theme;
-        enableResize?: boolean;
-        targetHeight?: number;
-        targetWidth?: number;
-        scrollHeight?: number;
-        scrollWidth?: number;
-        target: any;
-        enableFade?: boolean;
-        enableShrink?: (boolean|string);
-        autoAdjustHeight?: boolean;
-        isRelative?: boolean;
-        wheelSpeed?: number;
-        enableInteraction?: boolean;
-        enabled?: boolean;
-		eventPassthrough?:any;
-		translateZ?:string;
-		mode?:ej.mobile.ScrollPanel.Mode;
-        checkDOMChanges?: boolean;
-        enableHrScroll?: boolean;
-        enableVrScroll?: boolean;
-        zoomMin?: number;
-        zoomMax?: number;
-        adjustFixedPosition?: boolean;
-        startZoom?: number;
-        startX?: number;
-        startY?: number;
-		bounceEasing?:string;
-		enableDisplacement?:boolean;
-		displacementValue?:number;
-		displacementTime?:number;
-		preventDefaultException?:{tagName?:any}
-		deceleration?:any;
-        disablePointer?: boolean;
-        disableMouse?: boolean;
-        disableTouch?: boolean;
-        directionLockThreshold?: number;
-        momentum?: boolean;
-        enableBounce?: boolean;
-        bounceTime?: number;
-        preventDefault?: boolean;
-        enableTransform?: boolean;
-        enableTransition?: boolean;
-        showScrollbars?: boolean;
-        enableMouseWheel?: boolean;
-        enableKeys?: boolean;
-        enableZoom?: boolean;
-        enableNativeScrolling?: boolean;
-        invertWheel?: boolean;
-        enablePersistence?: boolean;
-        create? (e: ScrollPanelBaseEventArgs): void;
-        destroy? (e: ScrollPanelBaseEventArgs): void;
-        scrollStart? (e: ScrollPanelEventArgs): void;
-        scroll? (e: ScrollPanelEventArgs): void;
-        scrollEnd? (e: ScrollPanelEventArgs): void;        
-        zoomStart? (e: ScrollPanelEventArgs): void;
-        zoomEnd? (e: ScrollPanelEventArgs): void;
-    }
-interface ScrollPanelBaseEventArgs {
-    cancel: boolean;
-    type: string;
-    model: ScrollPanelOptions;
-}
-interface ScrollPanelEventArgs extends ScrollPanelBaseEventArgs {
-    x: number;
-    y: number;
-    object: Object;
-}   
-export module ScrollPanel{
-	enum Mode{
-		Page,
-		Container
-	}
-}
-class NavigationDrawer extends ej.Widget {
-    static fn: NavigationDrawer;
-    element: JQuery;
-    constructor(element: JQuery, options?: NavigationDrawerOptions);
-    model: NavigationDrawerOptions;
-    defaults: NavigationDrawerOptions;
-    open(e: any): void;
-    close(e: any): void;
-    toggle(e: any): void;
-    destroy(): void;
-}
-//ejmNavigationDrawer Option
-interface NavigationDrawerOptions {
-    theme?: ej.mobile.Theme;
-    renderMode?: ej.mobile.RenderMode;
-    cssClass?: string;
-    contentId?: string;
-    allowScrolling?: boolean;
-    scrollSettings?: {};
-    considerSubPage?: boolean;
-    direction?: ej.mobile.NavigationDrawer.Direction;
-    showScrollbars?: boolean;
-    targetId?: string;
-    position?: ej.mobile.NavigationDrawer.Position;
-    enableListView?: boolean;
-    listViewSettings?: {};
-    type?: ej.mobile.NavigationDrawer.Type;
-    width?: string;
-    items?: Array<any>;
-    swipe? (e: NavigationDrawerSwipeEventArgs): void;
-    open? (e: NavigationDrawerOpenBeforeCloseEventArgs): void;
-    beforeClose? (e: NavigationDrawerOpenBeforeCloseEventArgs): void;
-    create? (e: NavigationDrawerEvent): void;
-    destroy? (e: NavigationDrawerEvent): void;
-}
-
-interface NavigationDrawerEvent {
-    type: string;
-    cancel: boolean;
-    model: NavigationDrawerOptions;
-}
-
-//ejmNavigationDrawer Swipe Event Arugument
-interface NavigationDrawerSwipeEventArgs extends NavigationDrawerEvent {
-    element: Object;
-    targetElement: Object;
-    direction: string;
-}
-//ejmNavigationDrawer Open and BeforeClose Event Arugument
-interface NavigationDrawerOpenBeforeCloseEventArgs extends NavigationDrawerEvent {
-    element: Object;
-}
-
-export module NavigationDrawer {
-    enum Direction {
-        Left,
-        Right
-    }
-    enum Position {
-        Normal,
-        Fixed
-    }
-    enum Type {
-        Overlay,
-        Slide
-    }
-}
-
-
-class RadialMenu extends ej.Widget {
-    static fn: RadialMenu;
-    constructor(element: JQuery, options?: RadialMenuOptions);
-    model: RadialMenuOptions;
-    defaults: RadialMenuOptions;
-    show(): void;
-    hide(): void;
-    menuHide(): void;
-    hideMenu(): void;
-    showMenu(): void;
-    enableItemByIndex(index: number): void;
-    enableItemsByIndices(itemIndices: Array<number>): void;
-    disableItemByIndex(itemIndex: number): void;
-    disableItemsByIndices(itemIndices: Array<number>): void;
-    updateBadgeValue(index: number, value: number): void;
-    showBadge(index: number): void;
-    hideBadge(index: number): void;
-}
-
-interface RadialMenuOptions {
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    radius?: number;
-    cssClass?: string;
-    imageClass?: string;
-    backImageClass?: string;
-    position?: ej.mobile.RadialMenu.Position;
-    enableAnimation?: boolean;
-    windows?: windowsOption;
-    items?: any;
-    touch? (e: RadialMenuEventArgs): void;
-    open? (e: RadialMenuEventArgs): void;
-    close? (e: RadialMenuEventArgs): void;
-    select? (e: RadialMenuEventArgs): void;
-}
-interface RadialMenuEventArgs {
-    cancel: boolean;
-    model: RadialMenuOptions;
-    type: string;
-    index: number;
-    childIndex: number;
-}
-export module RadialMenu{
-	enum Position{
-	RightCenter,
-	RightTop,
-	RightBottom,
-	LeftCenter,
-	LeftTop,
-	LeftBottom
-	}
-}
-
-
-class RadialSlider extends ej.Widget {
-    static fn: RadialSlider;
-    constructor(element: JQuery, options?: RadialSliderOptions);
-    constructor(element: Element, options?: RadialSliderOptions);
-	model:RadialSliderOptions;
-	defaults:RadialSliderOptions;
-    show(): void;
-    hide(): void;
-    destroy(): void;
-}
-
-interface RadialSliderOptions {
-    radius?: number;
-    endAngle?: number;
-    startAngle?: number;
-    ticks?: Array<any>;
-    enableRoundOff?: boolean;
-    value?: number|string;
-    strokeWidth?: number;
-    autoOpen?: boolean;
-    enableAnimation?: boolean;
-    cssClass?: string;
-    renderMode?: ej.mobile.RenderMode;
-    theme?: ej.mobile.Theme;
-    position?: ej.mobile.RadialSlider.Position;
-    labelSpace?: string|number;
-    innerCircleImageClass?: string;
-    innerCircleImageUrl?: string;
-    showInnerCircle?: boolean;
-    inline?: boolean;
-    stop? (e: RadialSliderStopEventArgs): void;
-    start? (e: RadialSliderStartEventArgs): void;
-    slide? (e: RadialSliderSlideEventArgs): void;
-    change? (e: RadialSliderChangeEventArgs): void;
-    mouseover? (e: RadialSliderMouseOverEventArgs): void;
-    create? (e: RadialSliderCreateEventArgs): void;
-    destroy? (e: RadialSliderCreateEventArgs): void;
-}
-interface RadialSliderCreateEventArgs {
-    cancel: boolean;
-    model: RadialSliderOptions;
-    type: string;
-}
-interface RadialSliderStopEventArgs extends RadialSliderCreateEventArgs {
-    value: number;
-}
-
-interface RadialSliderStartEventArgs extends RadialSliderCreateEventArgs {
-    value: number;
-}
-interface RadialSliderSlideEventArgs extends RadialSliderCreateEventArgs {
-    value: number;
-    selectedValue: number;
-}
-interface RadialSliderChangeEventArgs extends RadialSliderCreateEventArgs {
-    value: number;
-    oldValue: number;
-}
-interface RadialSliderMouseOverEventArgs extends RadialSliderCreateEventArgs {
-    value: number;
-    selectedValue: number;
-}
-export module RadialSlider {
-    enum Position {
-        RightCenter,
-        RightTop,
-        RightBottom,
-        LeftCenter,
-        LeftTop,
-        LeftBottom,
-        TopLeft,
-        TopRight,
-        TopCenter,
-        BottomLeft,
-        BottomRight,
-        BottomCenter
-    }
-}
-}
-declare module ej.datavisualization {
-	
-class LinearGauge extends ej.Widget {
-	static fn: LinearGauge;
-	constructor(element: JQuery, options?: LinearGauge.Model);
-	constructor(element: Element, options?: LinearGauge.Model);
-	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 {void}
-	*/
-	getBarDistanceFromScale(): void;
-
-	/** To get Bar Pointer Value in number
-	* @returns {void}
-	*/
-	getBarPointerValue(): void;
-
-	/** To get Bar Width in number
-	* @returns {void}
-	*/
-	getBarWidth(): void;
-
-	/** To get CustomLabel Angle in number
-	* @returns {void}
-	*/
-	getCustomLabelAngle(): void;
-
-	/** To get CustomLabel Value in string
-	* @returns {void}
-	*/
-	getCustomLabelValue(): void;
-
-	/** To get Label Angle in number
-	* @returns {void}
-	*/
-	getLabelAngle(): void;
-
-	/** To get LabelPlacement in number
-	* @returns {void}
-	*/
-	getLabelPlacement(): void;
-
-	/** To get LabelStyle in number
-	* @returns {void}
-	*/
-	getLabelStyle(): void;
-
-	/** To get Label XDistance From Scale in number
-	* @returns {void}
-	*/
-	getLabelXDistanceFromScale(): void;
-
-	/** To get PointerValue in number
-	* @returns {void}
-	*/
-	getLabelYDistanceFromScale(): void;
-
-	/** To get Major Interval Value in number
-	* @returns {void}
-	*/
-	getMajorIntervalValue(): void;
-
-	/** To get MarkerStyle in number
-	* @returns {void}
-	*/
-	getMarkerStyle(): void;
-
-	/** To get Maximum Value in number
-	* @returns {void}
-	*/
-	getMaximumValue(): void;
-
-	/** To get PointerValue in number
-	* @returns {void}
-	*/
-	getMinimumValue(): void;
-
-	/** To get Minor Interval Value in number
-	* @returns {void}
-	*/
-	getMinorIntervalValue(): void;
-
-	/** To get Pointer Distance From Scale in number
-	* @returns {void}
-	*/
-	getPointerDistanceFromScale(): void;
-
-	/** To get PointerHeight in number
-	* @returns {void}
-	*/
-	getPointerHeight(): void;
-
-	/** To get Pointer Placement in String
-	* @returns {void}
-	*/
-	getPointerPlacement(): void;
-
-	/** To get PointerValue in number
-	* @returns {void}
-	*/
-	getPointerValue(): void;
-
-	/** To get PointerWidth in number
-	* @returns {void}
-	*/
-	getPointerWidth(): void;
-
-	/** To get Range Border Width in number
-	* @returns {void}
-	*/
-	getRangeBorderWidth(): void;
-
-	/** To get Range Distance From Scale in number
-	* @returns {void}
-	*/
-	getRangeDistanceFromScale(): void;
-
-	/** To get Range End Value in number
-	* @returns {void}
-	*/
-	getRangeEndValue(): void;
-
-	/** To get Range End Width in number
-	* @returns {void}
-	*/
-	getRangeEndWidth(): void;
-
-	/** To get Range Position in number
-	* @returns {void}
-	*/
-	getRangePosition(): void;
-
-	/** To get Range Start Value in number
-	* @returns {void}
-	*/
-	getRangeStartValue(): void;
-
-	/** To get Range Start Width in number
-	* @returns {void}
-	*/
-	getRangeStartWidth(): void;
-
-	/** To get ScaleBarLength in number
-	* @returns {void}
-	*/
-	getScaleBarLength(): void;
-
-	/** To get Scale Bar Size in number
-	* @returns {void}
-	*/
-	getScaleBarSize(): void;
-
-	/** To get Scale Border Width in number
-	* @returns {void}
-	*/
-	getScaleBorderWidth(): void;
-
-	/** To get Scale Direction in number
-	* @returns {void}
-	*/
-	getScaleDirection(): void;
-
-	/** To get Scale Location in object
-	* @returns {void}
-	*/
-	getScaleLocation(): void;
-
-	/** To get Scale Style in string
-	* @returns {void}
-	*/
-	getScaleStyle(): void;
-
-	/** To get Tick Angle in number
-	* @returns {void}
-	*/
-	getTickAngle(): void;
-
-	/** To get Tick Height in number
-	* @returns {void}
-	*/
-	getTickHeight(): void;
-
-	/** To get getTickPlacement in number
-	* @returns {void}
-	*/
-	getTickPlacement(): void;
-
-	/** To get Tick Style in string
-	* @returns {void}
-	*/
-	getTickStyle(): void;
-
-	/** To get Tick Width in number
-	* @returns {void}
-	*/
-	getTickWidth(): void;
-
-	/** To get get Tick XDistance From Scale in number
-	* @returns {void}
-	*/
-	getTickXDistanceFromScale(): void;
-
-	/** To get Tick YDistance From Scale in number
-	* @returns {void}
-	*/
-	getTickYDistanceFromScale(): void;
-
-	/** 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}
-	*/
-	enableResize?: boolean;
-
-	/**Specify frame of linear gauge
-	* @Default {null}
-	*/
-	frame?: Frame;
-
-	/**Specifies the height of Linear gauge.
-	* @Default {400}
-	*/
-	height?: number;
-
-	/**Specifies the labelColor for Linear gauge.
-	* @Default {null}
-	*/
-	labelColor?: string;
-
-	/**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?: Scales;
-
-	/**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 ScalesBarPointers {
-
-	/**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 ScalesCustomLabels {
-
-	/**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 ScalesIndicatorsStateRanges {
-
-	/**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 ScalesIndicators {
-
-	/**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<ScalesIndicatorsStateRanges>;
-
-	/**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 ScalesLabels {
-
-	/**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 ScalesMarkerPointers {
-
-	/**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 ScalesRanges {
-
-	/**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 ScalesTicks {
-
-	/**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 Scales {
-
-	/**Specifies the backgroundColor of the Scale.
-	* @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/**Specifies the scaleBar Gradient of bar pointer
-	* @Default {Array}
-	*/
-	barPointers?: Array<ScalesBarPointers>;
-
-	/**Specifies the border of the Scale.
-	* @Default {null}
-	*/
-	border?: ScalesBorder;
-
-	/**Specifies the customLabel
-	* @Default {Array}
-	*/
-	customLabels?: Array<ScalesCustomLabels>;
-
-	/**Specifies the scale Direction of the Scale. See Directions
-	* @Default {CounterClockwise}
-	*/
-	direction?: ej.datavisualization.LinearGauge.Direction|string;
-
-	/**Specifies the indicator
-	* @Default {Array}
-	*/
-	indicators?: Array<ScalesIndicators>;
-
-	/**Specifies the labels.
-	* @Default {Array}
-	*/
-	labels?: Array<ScalesLabels>;
-
-	/**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<ScalesMarkerPointers>;
-
-	/**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<ScalesRanges>;
-
-	/**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<ScalesTicks>;
-
-	/**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);
-	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 {void}
-	*/
-	exportImage(): void;
-
-	/** To get BackNeedleLength
-	* @returns {void}
-	*/
-	getBackNeedleLength(): void;
-
-	/** To get CustomLabelAngle
-	* @returns {void}
-	*/
-	getCustomLabelAngle(): void;
-
-	/** To get CustomLabelValue
-	* @returns {void}
-	*/
-	getCustomLabelValue(): void;
-
-	/** To get LabelAngle
-	* @returns {void}
-	*/
-	getLabelAngle(): void;
-
-	/** To get LabelDistanceFromScale
-	* @returns {void}
-	*/
-	getLabelDistanceFromScale(): void;
-
-	/** To get LabelPlacement
-	* @returns {void}
-	*/
-	getLabelPlacement(): void;
-
-	/** To get LabelStyle
-	* @returns {void}
-	*/
-	getLabelStyle(): void;
-
-	/** To get MajorIntervalValue
-	* @returns {void}
-	*/
-	getMajorIntervalValue(): void;
-
-	/** To get MarkerDistanceFromScale
-	* @returns {void}
-	*/
-	getMarkerDistanceFromScale(): void;
-
-	/** To get MarkerStyle
-	* @returns {void}
-	*/
-	getMarkerStyle(): void;
-
-	/** To get MaximumValue
-	* @returns {void}
-	*/
-	getMaximumValue(): void;
-
-	/** To get MinimumValue
-	* @returns {void}
-	*/
-	getMinimumValue(): void;
-
-	/** To get MinorIntervalValue
-	* @returns {void}
-	*/
-	getMinorIntervalValue(): void;
-
-	/** To get NeedleStyle
-	* @returns {void}
-	*/
-	getNeedleStyle(): void;
-
-	/** To get PointerCapBorderWidth
-	* @returns {void}
-	*/
-	getPointerCapBorderWidth(): void;
-
-	/** To get PointerCapRadius
-	* @returns {void}
-	*/
-	getPointerCapRadius(): void;
-
-	/** To get PointerLength
-	* @returns {void}
-	*/
-	getPointerLength(): void;
-
-	/** To get PointerNeedleType
-	* @returns {void}
-	*/
-	getPointerNeedleType(): void;
-
-	/** To get PointerPlacement
-	* @returns {void}
-	*/
-	getPointerPlacement(): void;
-
-	/** To get PointerValue
-	* @returns {void}
-	*/
-	getPointerValue(): void;
-
-	/** To get PointerWidth
-	* @returns {void}
-	*/
-	getPointerWidth(): void;
-
-	/** To get RangeBorderWidth
-	* @returns {void}
-	*/
-	getRangeBorderWidth(): void;
-
-	/** To get RangeDistanceFromScale
-	* @returns {void}
-	*/
-	getRangeDistanceFromScale(): void;
-
-	/** To get RangeEndValue
-	* @returns {void}
-	*/
-	getRangeEndValue(): void;
-
-	/** To get RangePosition
-	* @returns {void}
-	*/
-	getRangePosition(): void;
-
-	/** To get RangeSize
-	* @returns {void}
-	*/
-	getRangeSize(): void;
-
-	/** To get RangeStartValue
-	* @returns {void}
-	*/
-	getRangeStartValue(): void;
-
-	/** To get ScaleBarSize
-	* @returns {void}
-	*/
-	getScaleBarSize(): void;
-
-	/** To get ScaleBorderWidth
-	* @returns {void}
-	*/
-	getScaleBorderWidth(): void;
-
-	/** To get ScaleDirection
-	* @returns {void}
-	*/
-	getScaleDirection(): void;
-
-	/** To get ScaleRadius
-	* @returns {void}
-	*/
-	getScaleRadius(): void;
-
-	/** To get StartAngle
-	* @returns {void}
-	*/
-	getStartAngle(): void;
-
-	/** To get SubGaugeLocation
-	* @returns {void}
-	*/
-	getSubGaugeLocation(): void;
-
-	/** To get SweepAngle
-	* @returns {void}
-	*/
-	getSweepAngle(): void;
-
-	/** To get TickAngle
-	* @returns {void}
-	*/
-	getTickAngle(): void;
-
-	/** To get TickDistanceFromScale
-	* @returns {void}
-	*/
-	getTickDistanceFromScale(): void;
-
-	/** To get TickHeight
-	* @returns {void}
-	*/
-	getTickHeight(): void;
-
-	/** To get TickPlacement
-	* @returns {void}
-	*/
-	getTickPlacement(): void;
-
-	/** To get TickStyle
-	* @returns {void}
-	*/
-	getTickStyle(): void;
-
-	/** To get TickWidth
-	* @returns {void}
-	*/
-	getTickWidth(): void;
-
-	/** 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 enableResize value of circular gauge
-	* @Default {false}
-	*/
-	enableResize?: boolean;
-
-	/**Specify the frame of circular gauge
-	* @Default {Object}
-	*/
-	frame?: Frame;
-
-	/**Specify gaugePosition value of circular gauge See GaugePosition
-	* @Default {center}
-	*/
-	gaugePosition?: ej.datavisualization.CircularGauge.gaugePosition|string;
-
-	/**Specifies the height of circular gauge.
-	* @Default {360}
-	*/
-	height?: number;
-
-	/**Specifies the interiorGradient of circular gauge.
-	* @Default {null}
-	*/
-	interiorGradient?: any;
-
-	/**Specify isRadialGradient value of circular gauge
-	* @Default {false}
-	*/
-	isRadialGradient?: boolean;
-
-	/**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?: Scales;
-
-	/**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;
-
-	/**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 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 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 ScalesIndicatorsStateRanges {
-
-	/**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 ScalesIndicators {
-
-	/**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<ScalesIndicatorsStateRanges>;
-
-	/**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 ScalesLabels {
-
-	/**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 ScalesPointers {
-
-	/**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 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 ScalesRanges {
-
-	/**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 ScalesSubGauges {
-
-	/**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 ScalesTicks {
-
-	/**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 Scales {
-
-	/**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 representing state of circular gauge
-	* @Default {Array}
-	*/
-	indicators?: Array<ScalesIndicators>;
-
-	/**Specify the text values displayed in a meaningful manner alongside the ticks of circular gauge
-	* @Default {Array}
-	*/
-	labels?: Array<ScalesLabels>;
-
-	/**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<ScalesPointers>;
-
-	/**Specify scale radius of circular gauge
-	* @Default {170}
-	*/
-	radius?: number;
-
-	/**Specify ranges value of circular gauge
-	* @Default {Array}
-	*/
-	ranges?: Array<ScalesRanges>;
-
-	/**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<ScalesSubGauges>;
-
-	/**Specify sweepAngle of circular gauge
-	* @Default {310}
-	*/
-	sweepAngle?: number;
-
-	/**Specify ticks of circular gauge
-	* @Default {Array}
-	*/
-	ticks?: Array<ScalesTicks>;
-}
-
-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,
-}
-}
-
-class DigitalGauge extends ej.Widget {
-	static fn: DigitalGauge;
-	constructor(element: JQuery, options?: DigitalGauge.Model);
-	constructor(element: Element, options?: DigitalGauge.Model);
-	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 {void}
-	*/
-	exportImage(fileName: string, fileType: string): void;
-
-	/** 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 {void}
-	*/
-	getPosition(itemIndex: number): void;
-
-	/** 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 {void}
-	*/
-	getValue(itemIndex: number): void;
-
-	/** 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 resize option of the DigitalGauge.
-	* @Default {false}
-	*/
-	enableResize?: boolean;
-
-	/**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 items for the DigitalGauge.
-	* @Default {null}
-	*/
-	items?: Items;
-
-	/**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 Items {
-
-	/**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);
-	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 {Array<any>} Series and indicator objects passed in the array collection are animated.Example
-	* @param {any} Series or indicator object passed to this method are animated.Example,
-	* @returns {void}
-	*/
-	animate(options: Array<any>, option: 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 {void}
-	*/
-	export(type: string, url: string, exportMultipleChart: boolean): void;
-
-	/** 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<Annotations>;
-
-	/**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;
-
-	/**Controls whether Chart has to be responsive or not.
-	* @Default {false}
-	*/
-	canResize?: boolean;
-
-	/**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<ColumnDefinitions>;
-
-	/**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 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<Indicators>;
-
-	/**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;
-
-	/**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<RowDefinitions>;
-
-	/**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 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;
-}
-
-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.
-	*/
-	LabelText?: string;
-
-	/**Actual value of the label.
-	*/
-	LabelValue?: 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 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 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 Annotations {
-
-	/**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 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 ColumnDefinitions {
-
-	/**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;
-}
-
-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 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;
-
-	/**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;
-
-	/**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 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 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 CommonSeriesOptionsTrendlines {
-
-	/**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;
-
-	/**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;
-
-	/**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;
-
-	/**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 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;
-
-	/**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;
-
-	/**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 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;
-
-	/**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 error bar in series.
-	*/
-	errorBar?: CommonSeriesOptionsErrorBar;
-
-	/**Option to add the trendlines to chart.
-	*/
-	trendlines?: Array<CommonSeriesOptionsTrendlines>;
-
-	/**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 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 Crosshair {
-
-	/**Options for customizing the marker in crosshair.
-	*/
-	marker?: CrosshairMarker;
-
-	/**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 Indicators {
-
-	/**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;
-
-	/**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;
-
-	/**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}
-	*/
-	minimum?: number;
-
-	/**Maximum value of the axis range.
-	* @Default {null}
-	*/
-	maximum?: number;
-
-	/**Interval of the axis range.
-	* @Default {null}
-	*/
-	interval?: number;
-}
-
-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 zOrder 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 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;
-}
-
-export interface PrimaryXAxis {
-
-	/**Options for customizing horizontal axis alternate grid band.
-	*/
-	alternateGridBand?: PrimaryXAxisAlternateGridBand;
-
-	/**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 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;
-
-	/**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 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 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 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;
-
-	/**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;
-
-	/**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 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 zOrder 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 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;
-}
-
-export interface PrimaryYAxis {
-
-	/**Options for customizing vertical axis alternate grid band.
-	*/
-	alternateGridBand?: PrimaryYAxisAlternateGridBand;
-
-	/**Options for customizing the axis line.
-	*/
-	axisLine?: PrimaryYAxisAxisLine;
-
-	/**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 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;
-
-	/**Default Value
-	* @Default {outside. See LabelPosition}
-	*/
-	labelPosition?: ej.datavisualization.Chart.LabelPosition|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;
-
-	/**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 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 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 RowDefinitions {
-
-	/**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;
-}
-
-export interface SeriesMarkerDataLabelFont {
-
-	/**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 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;
-
-	/**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 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;
-
-	/**DashArray of the connector line.
-	* @Default {1}
-	*/
-	opacity?: number;
-}
-
-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 SeriesPoints {
-
-	/**Options for customizing the border of a point. This is applicable only for column type series and accumulation type series.
-	*/
-	border?: SeriesPointsBorder;
-
-	/**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 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 SeriesTrendlines {
-
-	/**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;
-
-	/**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;
-
-	/**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?: boolean;
-
-	/**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;
-
-	/**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 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;
-
-	/**Opacity of the series.
-	* @Default {1}
-	*/
-	opacity?: number;
-
-	/**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 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<SeriesPoints>;
-
-	/**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 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;
-
-	/**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 the size value for the bubble series.
-	* @Default {null}
-	*/
-	size?: string;
-
-	/**Option to add trendlines to chart.
-	*/
-	trendlines?: Array<SeriesTrendlines>;
-
-	/**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;
-
-	/**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;
-
-	/**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 Unit
-{
-//string
-Percentage,
-//string
-Pixel,
-}
-}
-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 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,
-}
-}
-module Chart
-{
-enum SelectionType
-{
-//string
-Single,
-//string
-Multiple,
-}
-}
-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 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 RangePadding
-{
-//string
-Additional,
-//string
-Normal,
-//string
-None,
-//string
-Round,
-}
-}
-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);
-	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;
-
-	/**Specifies the data source for range navigator.
-	*/
-	dataSource?: any;
-
-	/**Sets a value whether to make the range navigator responsive on resize.
-	* @Default {false}
-	*/
-	enableAutoResizing?: boolean;
-
-	/**Toggles the redrawing of chart on moving the sliders.
-	* @Default {true}
-	*/
-	enableDeferredUpdate?: boolean;
-
-	/**Toggles the direction of rendering the range navigator control.
-	* @Default {false}
-	*/
-	enableRTL?: 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;
-
-	/**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;
-}
-
-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 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 {years}
-	*/
-	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 {years}
-	*/
-	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 lable 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 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;
-}
-
-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 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 IntervalType
-{
-//string
-Years,
-//string
-Quarters,
-//string
-Months,
-//string
-Weeks,
-//string
-Days,
-//string
-Hours,
-}
-}
-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);
-	model:BulletGraph.Model;
-	defaults:BulletGraph.Model;
-
-	/** To destroy the bullet graph
-	* @returns {void}
-	*/
-	destroy (): void;
-
-	/** To redraw the bulet 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;
-
-	/**Sets a value whether to make the bullet graph responsive on resize.
-	* @Default {true}
-	*/
-	enableResizing?: boolean;
-
-	/**Specifies the direction of flow in bullet graph. Neither it may be backward nor forward.
-	* @Default {forward}
-	*/
-	flowDirection?: ej.datavisualization.BulletGraph.FlowDirection|string;
-
-	/**Specifies the height of the bullet graph.
-	* @Default {90}
-	*/
-	height?: number;
-
-	/**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<QualitativeRanges>;
-
-	/**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 rednering 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 cancelling 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 alignement 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}
-	*/
-	visibile?: 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 QualitativeRanges {
-
-	/**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 QuantitativeScaleSettingsFeatureMeasures {
-
-	/**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<QuantitativeScaleSettingsFeatureMeasures>;
-
-	/**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);
-	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);
-	model:Map.Model;
-	defaults:Map.Model;
-
-	/** Method for navigating to specific shape based on latitude, longitude and zoomlevel.
-	* @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 {white}
-	*/
-	background?: string;
-
-	/**Specifies the base map-index of the map to determine the shapelayer 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 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;
-
-	/**Hold the shapelayers to be displayed in map
-	* @Default {[]}
-	*/
-	layers?: Array<any>;
-
-	/**Specifies the zoom level value for which map to be zoomed
-	* @Default {1}
-	*/
-	level?: number;
-
-	/**Specifies the maximum zoom level of the map
-	* @Default {100}
-	*/
-	maxValue?: number;
-
-	/**Specifies the minimum zoomSettings level of the map
-	* @Default {1}
-	*/
-	minValue?: number;
-
-	/**Enables or Disables the navigation control for map to perform zooming and panning on map shapes.
-	*/
-	navigationControl?: any;
-
-	/**Layer for holding the map shapes
-	*/
-	shapeLayer?: ShapeLayer;
-
-	/**Enables or Disables the Zooming for map.
-	*/
-	zoomSettings?: any;
-
-	/**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 ShapeLayerBubbleSettings {
-
-	/**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?: any;
-
-	/**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 ShapeLayerLabelSettings {
-
-	/**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;
-
-	/**enable or disable the showlabel property
-	* @Default {false}
-	*/
-	showLabels?: boolean;
-
-	/**set the smartLabelSize property
-	* @Default {fixed}
-	*/
-	smartLabelSize?: ej.datavisualization.Map.LabelSize|string;
-}
-
-export interface ShapeLayerLegendSettings {
-
-	/**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.LegendMode|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 ShapeLayerShapeSettings {
-
-	/**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?: any;
-
-	/**Specifies the shape color palette value of the shape layer in map. Accepted colorPalette values are palette1, palette2, palette3 and custompalette.
-	* @Default {palette1}
-	*/
-	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 ShapeLayer {
-
-	/**to get the type of bing map.
-	* @Default {aerial}
-	*/
-	bingMapType?: ej.datavisualization.Map.BingMapType|string;
-
-	/**Specifies the bubble settings for map
-	*/
-	bubbleSettings?: ShapeLayerBubbleSettings;
-
-	/**Specifies the datasource for the shape layer
-	*/
-	dataSource?: any;
-
-	/**Enables or disables the animation
-	* @Default {false}
-	*/
-	enableAnimation?: boolean;
-
-	/**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?: ShapeLayerLabelSettings;
-
-	/**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?: ShapeLayerLegendSettings;
-
-	/**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
-	*/
-	shapeDataobject?: any;
-
-	/**Specifies the shape settings of map layer
-	*/
-	shapeSettings?: ShapeLayerShapeSettings;
-
-	/**Shows or hides the map items.
-	* @Default {false}
-	*/
-	showMapItems?: boolean;
-
-	/**Shows or hides the tooltip for shapes
-	* @Default {false}
-	*/
-	showTooltip?: boolean;
-
-	/**Specifies the sub shape layers
-	* @Default {[]}
-	*/
-	subLayers?: Array<any>;
-
-	/**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 Orientation
-{
-//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 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 LabelOrientation
-{
-//specifies the horizontal position
-Horizontal,
-//specifies the vertical position
-Vertical,
-}
-}
-module Map
-{
-enum LegendMode
-{
-//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,
-}
-}
-
-class TreeMap extends ej.Widget {
-	static fn: TreeMap;
-	constructor(element: JQuery, options?: TreeMap.Model);
-	constructor(element: Element, options?: TreeMap.Model);
-	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 colors of the paletteColorMapping
-	* @Default {[]}
-	*/
-	colors?: Array<any>;
-
-	/**Specifies the color valuepath of the treemap
-	* @Default {null}
-	*/
-	colorValuePath?: string;
-
-	/**Specifies the datasource of the treemap
-	* @Default {null}
-	*/
-	dataSource?: any;
-
-	/**Specifies the desaturationColorMapping settings of the treemap
-	*/
-	desaturationColorMapping?: 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;
-
-	/**Enable/Disable the drillDown for treemap
-	* @Default {false}
-	*/
-	enableDrillDown?: boolean;
-
-	/**Specifies whether treemap need to resize when container is resized
-	* @Default {true}
-	*/
-	enableResize?: boolean;
-
-	/**Specifies the from value for desaturation color mapping
-	* @Default {0}
-	*/
-	from?: number;
-
-	/**Specifies the group color mapping of the treemap
-	* @Default {[]}
-	*/
-	groupColorMapping?: Array<any>;
-
-	/**Specifies the height for legend
-	* @Default {30}
-	*/
-	height?: number;
-
-	/**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 iconHeight for legend
-	* @Default {15}
-	*/
-	iconHeight?: number;
-
-	/**Specifies the iconWidth for legend
-	* @Default {15}
-	*/
-	iconWidth?: number;
-
-	/**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 legend settings of the treemap
-	*/
-	legendSettings?: any;
-
-	/**Specify levels of treemap for grouped visualization of datas
-	* @Default {[]}
-	*/
-	levels?: Array<any>;
-
-	/**Specifies the paletteColorMapping of the treemap
-	*/
-	paletteColorMapping?: any;
-
-	/**Specifies the rangeColorMapping settings of the treemap
-	*/
-	rangeColorMapping?: Array<any>;
-
-	/**Specifies the rangeMaximum value for desaturation color mapping
-	* @Default {0}
-	*/
-	rangeMaximum?: number;
-
-	/**Specifies the rangeMinimum value for desaturation color mapping
-	* @Default {0}
-	*/
-	rangeMinimum?: number;
-
-	/**Specifies the legend visibility status of the treemap
-	* @Default {false}
-	*/
-	showLegend?: boolean;
-
-	/**Specifies whether treemap tooltip need to be visible
-	* @Default {false}
-	*/
-	showTooltip?: boolean;
-
-	/**Specifies the template for legendSettings
-	* @Default {null}
-	*/
-	template?: string;
-
-	/**Specifies the to value for desaturation color mapping
-	* @Default {0}
-	*/
-	to?: number;
-
-	/**Specifies the tooltip template of the treemap
-	* @Default {null}
-	*/
-	tooltipTemplate?: string;
-
-	/**Hold the treeMapItems to be displayed in treemap
-	* @Default {[]}
-	*/
-	treeMapItems?: Array<any>;
-
-	/**Hold the Level settings of TreeMap
-	*/
-	treeMapLevel?: TreeMapLevel;
-
-	/**Specifies the uniColorMapping settings of the treemap
-	*/
-	uniColorMapping?: any;
-
-	/**Specifies the weight valuepath of the treemap
-	* @Default {null}
-	*/
-	weightValuePath?: string;
-
-	/**Specifies the width for legend
-	* @Default {100}
-	*/
-	width?: number;
-
-	/**Triggers on treemap item selected.*/
-	treeMapItemSelected? (e: TreeMapItemSelectedEventArgs): void;
-}
-
-export interface TreeMapItemSelectedEventArgs {
-
-	/**Returns selected treeMapItem object.
-	*/
-	originalEvent?: any;
-}
-
-export interface LeafItemSettings {
-
-	/**Specifies the border bruch 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 TreeMapLevel {
-
-	/**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 hideonexceededlength mode
-Hideonexceededlength,
-}
-}
-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);
-	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 {void}
-	*/
-	add(node: any): void;
-
-	/** 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 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;
-
-	/** 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.NameTypeDescriptionfileNamestringname of the file to be downloaded.formatstringformat of the exported file/data. See [File Formats](/js/api/global#fileformats).modestringto set whether to export diagram as a file or as raw data. See [Export Modes](/js/api/global#exportmodes).regionstringto set the region of the diagram to be exported. See [Region](/js/api/global#region).boundsobjectto export any custom region of diagram.marginobjectto set margin to the exported data.
-	* @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](/js/api/global#fitmode)
-	* @param {string} to set whether the region to be fit will be based on diagram elements or page settings [Region](/js/api/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 userhandles 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 {any} options to zoom the diagram(zoom factor, zoomIn/zoomOut)
-	* @returns {void}
-	*/
-	zoomTo(zoom: any): void;
-}
-export module Diagram{
-
-export interface Options {
-
-	/**name of the file to be downloaded.
-	*/
-	fileName?: string;
-
-	/**format of the exported file/data. See [File Formats](/js/api/global#fileformats).
-	*/
-	format?: string;
-
-	/**to set whether to export diagram as a file or as raw data. See [Export Modes](/js/api/global#exportmodes).
-	*/
-	mode?: string;
-
-	/**to set the region of the diagram to be exported. See [Region](/js/api/global#region).
-	*/
-	region?: string;
-
-	/**to export any custom region of diagram.
-	*/
-	bounds?: any;
-
-	/**to set margin to the exported data.
-	*/
-	margin?: any;
-}
-
-export interface Model {
-
-	/**Defines the background color of diagram elements
-	* @Default {transparent}
-	*/
-	backgroundColor?: string;
-
-	/**Defines the path of the background image of diagram elements
-	* @Default {null}
-	*/
-	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<Connectors>;
-
-	/**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;
-
-	/**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<Nodes>;
-
-	/**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 a child is added to or removed from a group*/
-	groupChange? (e: GroupChangeEventArgs): 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;
-}
-
-export interface AutoScrollChangeEventArgs {
-
-	/**Returns the delay between subsequent auto scrolls
-	*/
-	delay?: string;
-}
-
-export interface ClickEventArgs {
-
-	/**parameter returns the clicked node, connector or diagram
-	*/
-	element?: any;
-
-	/**parameter returns the object that is actually clicked
-	*/
-	actualObject?: number;
-
-	/**parameter returns the horizontal coordinate of the mouse pointer, relative to the diagram
-	*/
-	offsetX?: number;
-
-	/**parameter returns  the vertical coordinate of the mouse pointer, relative to the diagram
-	*/
-	offsetY?: number;
-
-	/**parameter returns the count of how many times the mouse button is pressed
-	*/
-	count?: number;
-
-	/**parameter returns the actual click event arguments that explains which button is clicked
-	*/
-	event?: any;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-export interface DoubleClickEventArgs {
-
-	/**parameter returns the object that is actually clicked
-	*/
-	actualObject?: any;
-
-	/**parameter returns the selected object
-	*/
-	element?: any;
-}
-
-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;
-}
-
-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;
-}
-
-export interface DragLeaveEventArgs {
-
-	/**parameter returns the node or connector that is dragged outside of the diagram
-	*/
-	element?: any;
-}
-
-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;
-}
-
-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
-	*/
-	sourceType?: string;
-}
-
-export interface GroupChangeEventArgs {
-
-	/**parameter returns the object that is added to/removed from a group
-	*/
-	element?: any;
-
-	/**parameter returns the old parent group(if any) of the object
-	*/
-	oldParent?: any;
-
-	/**parameter returns the new parent group(if any) of the object
-	*/
-	newParent?: any;
-
-	/**parameter returns the cause of group change("group", unGroup")
-	*/
-	cause?: string;
-}
-
-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 actual click event arguments that explains which button is clicked
-	*/
-	event?: any;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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;
-}
-
-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 ConnectorsSegments {
-
-	/**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|string;
-
-	/**Defines the first control point of the bezier segment
-	* @Default {null}
-	*/
-	point1?: ej.datavisualization.Diagram.ConnectorsSourcePoint|string;
-
-	/**Defines the second control point of bezier segment
-	* @Default {null}
-	*/
-	point2?: ej.datavisualization.Diagram.ConnectorsSourcePoint|string;
-
-	/**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 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 Connectors {
-
-	/**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. For label properties, refer Labels
-	* @Default {[]}
-	*/
-	labels?: Array<any>;
-
-	/**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<ConnectorsSegments>;
-
-	/**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|string;
-
-	/**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 ContextMenu {
-
-	/**Defines the collection of context menu items
-	* @Default {[]}
-	*/
-	items?: Array<any>;
-
-	/**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?: 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;
-
-	/**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;
-}
-
-export interface Layout {
-
-	/**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;
-
-	/**Sets the margin value to be horizontally left between the layout and diagram
-	* @Default {0}
-	*/
-	marginX?: number;
-
-	/**Sets the margin value to be vertically left between layout and diagram
-	* @Default {0}
-	*/
-	marginY?: number;
-
-	/**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 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 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 NodesLabels {
-
-	/**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 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;
-
-	/**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 NodesLanes {
-
-	/**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 NodesPhases {
-
-	/**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 NodesPorts {
-
-	/**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;
-
-	/**Defines the loop type of a sub process.
-	* @Default {ej.datavisualization.Diagram.BPMNLoops.None}
-	*/
-	loop?: ej.datavisualization.Diagram.BPMNLoops|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 Nodes {
-
-	/**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;
-
-	/**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>;
-
-	/**Defines whether the BPMN data object is a collection or not
-	* @Default {false}
-	*/
-	collection?: boolean;
-
-	/**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;
-
-	/**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 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;
-
-	/**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 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<NodesLabels>;
-
-	/**An array of objects where each object represents a lane. Applicable, if the node is a swimlane.
-	* @Default {[]}
-	*/
-	lanes?: Array<NodesLanes>;
-
-	/**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<NodesPhases>;
-
-	/**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<NodesPorts>;
-
-	/**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|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;
-
-	/**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 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 using commands that have to be added around the selector.
-	* @Default {[]}
-	*/
-	userHandles?: Array<any>;
-
-	/**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 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 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 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 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 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 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 all Constraints
-Default,
-}
-}
-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 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 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 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,
-}
-}
-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,
-}
-}
-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 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,
-}
-}
-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 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 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,
-}
-}
-module Diagram
-{
-enum Shapes
-{
-//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 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 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 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,
-}
-}
-
-}
-
-interface JQueryXHR {
-}
-interface JQueryPromise<T> {
-}
-interface JQueryDeferred<T> extends JQueryPromise<T> {
-}
-interface JQueryParam {
-}
-interface JQuery {
-    data(key: any): any;
-}
-interface JQuery {
-
-    ejButton(): JQuery;
-    ejButton(options?: ej.Button.Model): JQuery;
-    data(key: "ejButton"): ej.Button;
-
-    ejCaptcha(): JQuery;
-    ejCaptcha(options?: ej.Captcha.Model): JQuery;
-    data(key: "ejCaptcha"): ej.Captcha;
-
-    ejAccordion(): JQuery;
-    ejAccordion(options?: ej.Accordion.Model): JQuery;
-    data(key: "ejAccordion"): ej.Accordion;
-
-    ejAutocomplete(): JQuery;
-    ejAutocomplete(options?: ej.Autocomplete.Model): JQuery;
-    data(key: "ejAutocomplete"): ej.Autocomplete;
-
-    ejDatePicker(): JQuery;
-    ejDatePicker(options?: ej.DatePicker.Model): JQuery;
-    data(key: "ejDatePicker"): ej.DatePicker;
-
-    ejDateTimePicker(): JQuery;
-    ejDateTimePicker(options?: ej.DateTimePicker.Model): JQuery;
-    data(key: "ejDateTimePicker"): ej.DateTimePicker;
-
-    ejDialog(): JQuery;
-    ejDialog(options?: ej.Dialog.Model): JQuery;
-    data(key: "ejDialog"): ej.Dialog;
-
-    ejDropDownList(): JQuery;
-    ejDropDownList(options?: ej.DropDownList.Model): JQuery;
-    data(key: "ejDropDownList"): ej.DropDownList;
-
-    ejFileExplorer(): JQuery;
-    ejFileExplorer(options?: ej.FileExplorer.Model): JQuery;
-    data(key: "ejFileExplorer"): ej.FileExplorer;
-
-    ejListBox(): JQuery;
-    ejListBox(options?: ej.ListBox.Model): JQuery;
-    data(key: "ejListBox"): ej.ListBox;
-
-    ejListView(): JQuery;
-    ejListView(options?: ej.ListView.Model): JQuery;
-    data(key: "ejListView"): ej.ListView;
-
-    ejNumericTextbox(): JQuery;
-    ejNumericTextbox(options?: ej.Editor.Model): JQuery;
-    data(key: "ejNumericTextbox"): ej.NumericTextbox;
-
-    ejCurrencyTextbox(): JQuery;
-    ejCurrencyTextbox(options?: ej.Editor.Model): JQuery;
-    data(key: "ejCurrencyTextbox"): ej.CurrencyTextbox;
-
-    ejPercentageTextbox(): JQuery;
-    ejPercentageTextbox(options?: ej.Editor.Model): JQuery;
-    data(key: "ejPercentageTextbox"): ej.PercentageTextbox;
-
-    ejMaskEdit(): JQuery;
-    ejMaskEdit(options?: ej.MaskEdit.Model): JQuery;
-    data(key: "ejMaskEdit"): ej.MaskEdit;
-
-    ejMenu(): JQuery;
-    ejMenu(options?: ej.Menu.Model): JQuery;
-    data(key: "ejMenu"): ej.Menu;
-
-    ejPager(): JQuery;
-    ejPager(options?: ej.Pager.Model): JQuery;
-    data(key: "ejPager"): ej.Pager;
-
-    ejProgressBar(): JQuery;
-    ejProgressBar(options?: ej.ProgressBar.Model): JQuery;
-    data(key: "ejProgressBar"): ej.ProgressBar;
-
-    ejRadioButton(): JQuery;
-    ejRadioButton(options?: ej.RadioButton.Model): JQuery;
-    data(key: "ejRadioButton"): ej.RadioButton;
-
-    ejCheckBox(): JQuery;
-    ejCheckBox(options?: ej.CheckBox.Model): JQuery;
-    data(key: "ejCheckBox"): ej.CheckBox;
-
-    ejRibbon(): JQuery;
-    ejRibbon(options?: ej.Ribbon.Model): JQuery;
-    data(key: "ejRibbon"): ej.Ribbon;
-	
-	ejKanban(): JQuery;
-    ejKanban(options?: ej.Kanban.Model): JQuery;
-    data(key: "ejKanban"): ej.Kanban;
-
-    ejRating(): JQuery;
-    ejRating(options?: ej.Rating.Model): JQuery;
-    data(key: "ejRating"): ej.Rating;
-
-    ejRotator(): JQuery;
-    ejRotator(options?: ej.Rotator.Model): JQuery;
-    data(key: "ejRotator"): ej.Rotator;
-
-    ejRTE(): JQuery;
-    ejRTE(options?: ej.RTE.Model): JQuery;
-    data(key: "ejRTE"): ej.RTE;
-
-    ejSlider(): JQuery;
-    ejSlider(options?: ej.Slider.Model): JQuery;
-    data(key: "ejSlider"): ej.Slider;
-
-    ejSplitButton(): JQuery;
-    ejSplitButton(options?: ej.SplitButton.Model): JQuery;
-    data(key: "ejSplitButton"): ej.SplitButton;
-
-    ejSplitter(): JQuery;
-    ejSplitter(options?: ej.Splitter.Model): JQuery;
-    data(key: "ejSplitter"): ej.Splitter;
-
-    ejTab(): JQuery;
-    ejTab(options?: ej.Tab.Model): JQuery;
-    data(key: "ejTab"): ej.Tab;
-
-    ejTagCloud(): JQuery;
-    ejTagCloud(options?: ej.TagCloud.Model): JQuery;
-    data(key: "ejTagCloud"): ej.TagCloud;
-
-    ejTimePicker(): JQuery;
-    ejTimePicker(options?: ej.TimePicker.Model): JQuery;
-    data(key: "ejTimePicker"): ej.TimePicker;
-
-    ejTile(): JQuery;
-    ejTile(options?: ej.Tile.Model): JQuery;
-    data(key: "ejTile"): ej.Tile;
-
-    ejToggleButton(): JQuery;
-    ejToggleButton(options?: ej.ToggleButton.Model): JQuery;
-    data(key: "ejToggleButton"): ej.ToggleButton;
-
-    ejToolbar(): JQuery;
-    ejToolbar(options?: ej.Toolbar.Model): JQuery;
-    data(key: "ejToolbar"): ej.Toolbar;
-
-    ejNavigationDrawer(): JQuery;
-    ejNavigationDrawer(options?: ej.NavigationDrawer.Model): JQuery;
-    data(key: "ejNavigationDrawer"): ej.NavigationDrawer;
-
-    ejRadialMenu(): JQuery;
-    ejRadialMenu(options?: ej.RadialMenu.Model): JQuery;
-    data(key: "ejRadialMenu"): ej.RadialMenu;
-
-    ejTreeView(): JQuery;
-    ejTreeView(options?: ej.TreeView.Model): JQuery;
-    data(key: "ejTreeView"): ej.TreeView;
-
-    ejUploadbox(): JQuery;
-    ejUploadbox(options?: ej.Uploadbox.Model): JQuery;
-    data(key: "ejUploadbox"): ej.Uploadbox;
-
-    ejWaitingPopup(): JQuery;
-    ejWaitingPopup(options?: ej.WaitingPopup.Model): JQuery;
-    data(key: "ejWaitingPopup"): ej.WaitingPopup;
-
-    ejSchedule(): JQuery;
-    ejSchedule(options?: ej.Schedule.Model): JQuery;
-    data(key: "ejSchedule"): ej.Schedule;
-
-    ejRecurrenceEditor(): JQuery;
-    ejRecurrenceEditor(options?: ej.RecurrenceEditorOptions): JQuery;
-    data(key: "ejRecurrenceEditor"): ej.RecurrenceEditor;
-
-    ejGrid(): JQuery;
-    ejGrid(options?: ej.Grid.Model): JQuery;
-    data(key: "ejGrid"): ej.Grid;
-	
-    /*ReportViewer*/
-    ejReportViewer(): JQuery;
-    ejReportViewer(options?: ej.ReportViewer.Model): JQuery;
-    data(key: "ejReportViewer"): ej.ReportViewer;
-    /*ReportViewer*/
-
-    ejLinearGauge(): JQuery;
-    ejLinearGauge(options?: ej.datavisualization.LinearGauge.Model): JQuery;
-    data(key: "ejLinearGauge"): ej.datavisualization.LinearGauge;
-
-    ejDigitalGauge(): JQuery;
-    ejDigitalGauge(options?: ej.datavisualization.DigitalGauge.Model): JQuery;
-    data(key: "ejDigitalGauge"): ej.datavisualization.DigitalGauge;
-
-    ejCircularGauge(): JQuery;
-    ejCircularGauge(options?: ej.datavisualization.CircularGauge.Model): JQuery;
-    data(key: "ejCircularGauge"): ej.datavisualization.CircularGauge;
-
-    ejChart(): JQuery;
-    ejChart(options?: ej.datavisualization.Chart.Model): JQuery;
-    data(key: "ejChart"): ej.datavisualization.Chart;
-
-    ejRangeNavigator(): JQuery;
-    ejRangeNavigator(options?: ej.datavisualization.RangeNavigator.Model): JQuery;
-    data(key: "ejRangeNavigator"): ej.datavisualization.RangeNavigator;
-
-    ejBulletGraph(): JQuery;
-    ejBulletGraph(options?: ej.datavisualization.BulletGraph.Model): JQuery;
-    data(key: "ejBulletGraph"): ej.datavisualization.BulletGraph;
-
-    ejGantt(): JQuery;
-    ejGantt(options?: ej.Gantt.Model): JQuery;
-    data(key: "ejGantt"): ej.Gantt;
-
-    ejTreeGrid(): JQuery;
-    ejTreeGrid(options?: ej.TreeGrid.Model): JQuery;
-    data(key: "ejTreeGrid"): ej.TreeGrid;
-
-    ejMap(): JQuery;
-    ejMap(options?: ej.datavisualization.Map.Model): JQuery;
-    data(key: "ejMap"): ej.datavisualization.Map;
-
-    ejTreeMap(): JQuery;
-    ejTreeMap(options?: ej.datavisualization.TreeMap.Model): JQuery;
-    data(key: "ejTreeMap"): ej.datavisualization.TreeMap;
-
-    ejBarcode(): JQuery;
-    ejBarcode(options?: ej.datavisualization.Barcode.Model): JQuery;
-    data(key: "ejBarcode"): ej.datavisualization.Barcode;
-
-    ejDiagram(): JQuery;
-    ejDiagram(options?: ej.datavisualization.Diagram.Model): JQuery;
-    data(key: "ejDiagram"): ej.datavisualization.Diagram;
-
-    // ejSymbolPalette(): JQuery;
-    // ejSymbolPalette(options?: ej.datavisualization.SymbolPalette.Model): JQuery;
-    // data(key: "ejSymbolPalette"): ej.datavisualization.SymbolPalette;
-
-    ejOlapChart(): JQuery;
-    ejOlapChart(options?: ej.olap.OlapChart.Model): JQuery;
-    data(key: "ejOlapChart"): ej.olap.OlapChart;
-
-    ejPivotGrid(): JQuery;
-    ejPivotGrid(options?: ej.PivotGrid.Model): JQuery;
-    data(key: "ejPivotGrid"): ej.PivotGrid;
-
-    ejPivotSchemaDesigner(): JQuery;
-    ejPivotSchemaDesigner(options?: ej.PivotSchemaDesigner.Model): JQuery;
-    data(key: "ejPivotSchemaDesigner"): ej.PivotSchemaDesigner;
-
-    ejOlapClient(): JQuery;
-    ejOlapClient(options?: ej.olap.OlapClient.Model): JQuery;
-    data(key: "ejOlapClient"): ej.olap.OlapClient;
-
-    ejOlapGauge(): JQuery;
-    ejOlapGauge(options?: ej.olap.OlapGauge.Model): JQuery;
-    data(key: "ejOlapGauge"): ej.olap.OlapGauge;
-
-    ejPivotPager(): JQuery;
-    ejPivotPager(options?: ej.PivotPager.Model): JQuery;
-    data(key: "ejPivotPager"): ej.PivotPager;
-	
-    /* Spreadsheet */
-    ejSpreadsheet(): JQuery;
-    ejSpreadsheet(options?: ej.Spreadsheet.Model): JQuery;
-    data(key: "ejSpreadsheet"): ej.Spreadsheet;
-    /* Spreadsheet */
-
-    ejScroller(): JQuery;
-    ejScroller(options?: ej.Scroller.Model): JQuery;
-    data(key: "ejScroller"): ej.Scroller;
-
-}
-interface JQuery { 
-
-    /*Accordion*/
-    ejmAccordion(): JQuery;
-    ejmAccordion(options?: ej.mobile.AccordionOptions): JQuery;
-    data(key: "ejmAccordion"): ej.mobile.Accordion;
-    /*Accordion*/
-
-    /*AutoComplete*/
-    ejmAutocomplete(): JQuery;
-    ejmAutocomplete(options?: ej.mobile.AutocompleteOptions): JQuery;
-    data(key: "ejmAutocomplete"): ej.mobile.Autocomplete;
-    /*AutoComplete*/
-
-    /*Button*/
-    ejmButton(): JQuery;
-    ejmButton(options?: ej.mobile.ButtonOptions): JQuery;
-    data(key: "ejmButton"): ej.mobile.Button;
-
-    ejmActionlink(): JQuery;
-    ejmActionlink(options?: ej.mobile.ButtonOptions): JQuery;
-    data(key: "ejmActionlink"): ej.mobile.Button;
-    /*Button*/
-
-    /* DatePicker */
-    ejmDatePicker(): JQuery;
-    ejmDatePicker(options?: ej.mobile.DatePickerOptions): JQuery;
-    data(key: "ejmDatePicker"): ej.mobile.DatePicker;
-    /* DatePicker */
-
-    /*Editor*/
-    ejmNumeric(): JQuery;
-    ejmNumeric(options?: ej.mobile.EditorOptions): JQuery;
-    data(key: "ejmNumeric"): ej.mobile.Numeric;
-    /*Editor*/
-
-    /* Grid Start */
-    ejmGrid(): JQuery;
-    ejmGrid(options?: ej.mobile.GridOptions): JQuery;
-    data(key: "ejmGrid"): ej.mobile.Grid;
-    /* Grid End */
-
-    /*Header*/
-    ejmHeader(): JQuery;
-    ejmHeader(options?: ej.mobile.HeaderOptions): JQuery;
-    data(key: "ejmHeader"): ej.mobile.Header;
-    /*Header*/
-
-    /*ListView*/
-    ejmListView(): JQuery;
-    ejmListView(options?: ej.mobile.ListViewOptions): JQuery;
-    data(key: "ejmListView"): ej.mobile.ListView;
-    /*ListView*/
-
-    /*Menu*/
-    ejmMenu(): JQuery;
-    ejmMenu(options?: ej.mobile.MenuOptions): JQuery;
-    data(key: "ejmMenu"): ej.mobile.Menu;
-    /*Menu*/
-
-    /* ProgressBar */
-    ejmProgress(): JQuery;
-    ejmProgress(options?: ej.mobile.ProgressOptions): JQuery;
-    data(key: "ejmProgress"): ej.mobile.Progress;
-    /* ProgressBar */
-
-    /*Radio Button*/
-    ejmRadioButton(): JQuery;
-    ejmRadioButton(options?: ej.mobile.RadioButtonOptions): JQuery;
-    data(key: "ejmRadioButton"): ej.mobile.RadioButton;
-    /*Radio Button*/
-
-    /*Rating*/
-    ejmRating(): JQuery;
-    ejmRating(options?: ej.mobile.RatingOptions): JQuery;
-    data(key: "ejmRating"): ej.mobile.Rating;
-    /*Rating*/
-
-
-    /*Rotator*/
-    ejmRotator(): JQuery;
-    ejmRotator(options?: ej.mobile.RotatorOptions): JQuery;
-    data(key: "ejmRotator"): ej.mobile.Rotator;
-    /*Rotator*/
-
-    /*Slider*/
-    ejmSlider(): JQuery;
-    ejmSlider(options?: ej.mobile.SliderOptions): JQuery;
-    data(key: "ejmSlider"): ej.mobile.Slider;
-    /*Slider*/
-
-    /* Tab */
-    ejmTab(): JQuery;
-    ejmTab(options?: ej.mobile.TabOptions): JQuery;
-    data(key: "ejmTab"): ej.mobile.Tab;
-    /* Tab */
-
-    /*Tile*/
-    ejmTile(): JQuery;
-    ejmTile(options?: ej.mobile.TileOptions): JQuery;
-    data(key: "ejmTile"): ej.mobile.Tile;
-    /*Tile*/
-
-    /* TimePicker */
-    ejmTimePicker(): JQuery;
-    ejmTimePicker(options?: ej.mobile.TimePickerOptions): JQuery;
-    data(key: "ejmTimePicker"): ej.mobile.TimePicker;
-    /* TimePicker */
-
-    /*ToggleButton*/
-    ejmToggleButton(): JQuery;
-    ejmToggleButton(options?: ej.mobile.ToggleButtonOptions): JQuery;
-    data(key: "ejmToggleButton"): ej.mobile.ToggleButton;
-    /*ToggleButton*/
-
-    /*Toolbar*/
-    ejmToolbar(): JQuery;
-    ejmToolbar(options?: ej.mobile.ToolbarOptions): JQuery;
-    data(key: "ejmToolbar"): ej.mobile.Toolbar;
-    /*Toolbar*/
-
-    /*GroupButton*/
-    ejmGroupButton(): JQuery;
-    ejmGroupButton(options?: ej.mobile.GroupButtonOptions): JQuery;
-    data(key: "ejmGroupButton"): ej.mobile.GroupButton;
-    /*GroupButton*/
-
-    /* SplitPane */
-    ejmSplitPane(): JQuery;
-    ejmSplitPane(options?: ej.mobile.SplitPaneOptions): JQuery;
-    data(key: "ejmSplitPane"): ej.mobile.SplitPane;
-    /* SplitPane */
-
-    /* Dialog */
-    ejmDialog(): JQuery;
-    ejmDialog(options?: ej.mobile.DialogOptions): JQuery;
-    data(key: "ejmDialog"): ej.mobile.Dialog;
-    /* Dialog */
-
-    /* TextBox */
-    ejmTextBox(): JQuery;
-    ejmTextBox(options?: ej.mobile.TextBoxOptions): JQuery;
-    data(key: "ejmTextBox"): ej.mobile.TextBox;
-    /* TextBox */
-
-    /* Password */
-    ejmPassword(): JQuery;
-    ejmPassword(options?: ej.mobile.TextBoxOptions): JQuery;
-    data(key: "ejmPassword"): ej.mobile.TextBox;
-    /* Password */
-
-    /* MaskEdit */
-    ejmMaskEdit(): JQuery;
-    ejmMaskEdit(options?: ej.mobile.MaskEditOptions): JQuery;
-    data(key: "ejmMaskEdit"): ej.mobile.MaskEdit;
-    /* MaskEdit */
-
-    /* TextArea */
-    ejmTextArea(): JQuery;
-    ejmTextArea(options?: ej.mobile.TextBoxOptions): JQuery;
-    data(key: "ejmTextArea"): ej.mobile.TextBox;
-    /* MaskEdit */
-
-    /* Footer */
-    ejmFooter(): JQuery;
-    ejmFooter(options?: ej.mobile.FooterOptions): JQuery;
-    data(key: "ejmFooter"): ej.mobile.Footer;
-    /* Footer */
-
-    /* CheckBox */
-    ejmCheckBox(): JQuery;
-    ejmCheckBox(options?: ej.mobile.CheckBoxOptions): JQuery;
-    data(key: "ejmCheckBox"): ej.mobile.CheckBox;
-    /* CheckBox */
-
-    /* ScrollPanel */
-    ejmScrollPanel(): JQuery;
-    ejmScrollPanel(options: ej.mobile.ScrollPanelOptions): JQuery;
-    data(key: "ejmScrollPanel"): ej.mobile.ScrollPanel;
-    /* ScrollPanel */	
-
-    /* NavigationDrawer */
-    ejmNavigationDrawer(): JQuery;
-    ejmNavigationDrawer(options: ej.mobile.NavigationDrawerOptions): JQuery;
-    data(key: "ejmNavigationDrawer"): ej.mobile.NavigationDrawer;
-    /* NavigationDrawer */	
-
-    /* RadialMenu */
-    ejmRadialMenu(): JQuery;
-    ejmRadialMenu(options?: ej.mobile.RadialMenuOptions): JQuery;
-    data(key: "ejmRadialMenu"): ej.mobile.RadialMenu;
-    /* RadialMenu */
-
-    ejLinearGauge(): JQuery;
-    ejLinearGauge(options?: ej.datavisualization.LinearGauge.Model): JQuery;
-    data(key: "ejLinearGauge"): ej.datavisualization.LinearGauge;
-
-    ejDigitalGauge(): JQuery;
-    ejDigitalGauge(options?: ej.datavisualization.DigitalGauge.Model): JQuery;
-    data(key: "ejDigitalGauge"): ej.datavisualization.DigitalGauge;
-
-    ejCircularGauge(): JQuery;
-    ejCircularGauge(options?: ej.datavisualization.CircularGauge.Model): JQuery;
-    data(key: "ejCircularGauge"): ej.datavisualization.CircularGauge;
-
-    ejChart(): JQuery;
-    ejChart(options?: ej.datavisualization.Chart.Model): JQuery;
-    data(key: "ejChart"): ej.datavisualization.Chart;
-
-    ejRangeNavigator(): JQuery;
-    ejRangeNavigator(options?: ej.datavisualization.RangeNavigator.Model): JQuery;
-    data(key: "ejRangeNavigator"): ej.datavisualization.RangeNavigator;
-
-    ejBulletGraph(): JQuery;
-    ejBulletGraph(options?: ej.datavisualization.BulletGraph.Model): JQuery;
-    data(key: "ejBulletGraph"): ej.datavisualization.BulletGraph;
-
-    ejMap(): JQuery;
-    ejMap(options?: ej.datavisualization.Map.Model): JQuery;
-    data(key: "ejMap"): ej.datavisualization.Map;
-
-    ejTreeMap(): JQuery;
-    ejTreeMap(options?: ej.datavisualization.TreeMap.Model): JQuery;
-    data(key: "ejTreeMap"): ej.datavisualization.TreeMap;
-
-    ejBarcode(): JQuery;
-    ejBarcode(options?: ej.datavisualization.Barcode.Model): JQuery;
-    data(key: "ejBarcode"): ej.datavisualization.Barcode;
-	
-	ejDraggable(): JQuery;
-    ejDraggable(options?: ej.DraggableOptions): JQuery;
-    data(key: "ejDraggable"): ej.Draggable;
-	
-	ejDroppable(): JQuery;
-    ejDroppable(options?: ej.DroppableOptions): JQuery;
-    data(key: "ejDroppable"): ej.Droppable;
-	
-    ejResizable(): JQuery;
-    ejResizable(options?: ej.ResizableOptions): JQuery;
-    data(key: "ejResizable"): ej.Resizable;
-	
-	ejColorPicker(): JQuery;
-    ejColorPicker(options?: ej.ColorPicker.Model): JQuery;
-    data(key: "ejColorPicker"): ej.ColorPicker;
-	
-    ejRadialSlider(): JQuery;
-    ejRadialSlider(options?: ej.RadialSliderOptions): JQuery;
-    data(key: "ejRadialSlider"): ej.RadialSlider;
-
-}
\ No newline at end of file

From ae43db1d4e889678f18748fc1d13caa9901534fd Mon Sep 17 00:00:00 2001
From: Ian Ker-Seymer <i.kerseymer@gmail.com>
Date: Fri, 30 Sep 2016 08:20:50 -0400
Subject: [PATCH 096/382] react-bootstrap-table: add ignoreSinglePage option
 (#11581)

As shown in the [docs](http://allenfang.github.io/react-bootstrap-table/docs.html)

```
ignoreSinglePage : Bool
Enable to ignore the pagination if only one page, default is false.
```
---
 react-bootstrap-table/react-bootstrap-table-tests.tsx | 2 +-
 react-bootstrap-table/react-bootstrap-table.d.ts      | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/react-bootstrap-table/react-bootstrap-table-tests.tsx b/react-bootstrap-table/react-bootstrap-table-tests.tsx
index a9ae5908df..7ab96048fe 100644
--- a/react-bootstrap-table/react-bootstrap-table-tests.tsx
+++ b/react-bootstrap-table/react-bootstrap-table-tests.tsx
@@ -21,7 +21,7 @@ function priceFormatter(cell: any, row: any) {
 }
 
 render(
-  <BootstrapTable data={products} striped={true} hover={true}>
+  <BootstrapTable data={products} striped={true} hover={true} ignoreSinglePage>
       <TableHeaderColumn dataField="id" isKey={true} dataAlign="center" dataSort={true}>Product ID</TableHeaderColumn>
       <TableHeaderColumn dataField="name" dataSort={true} editable={{ type: 'textarea', rows: 10 }}>Product Name</TableHeaderColumn>
       <TableHeaderColumn dataField="price" dataFormat={priceFormatter}>Product Price</TableHeaderColumn>
diff --git a/react-bootstrap-table/react-bootstrap-table.d.ts b/react-bootstrap-table/react-bootstrap-table.d.ts
index 59accd8722..f21e205bcb 100644
--- a/react-bootstrap-table/react-bootstrap-table.d.ts
+++ b/react-bootstrap-table/react-bootstrap-table.d.ts
@@ -125,6 +125,7 @@ declare module "react-bootstrap-table" {
 		containerStyle?: any;
 		headerStyle?: any;
 		bodyStyle?: any;
+		ignoreSinglePage?: boolean;
 
 	}
 	

From b7db4bcdaf5ed8302b7c968159a50d80d6ebc079 Mon Sep 17 00:00:00 2001
From: Ivo Stratev <ivo.stratev.tues@gmail.com>
Date: Fri, 30 Sep 2016 15:22:04 +0300
Subject: [PATCH 097/382] There is no INST_EDGE_FALLING exported const but
 INT_EDGE_FALLING (#11603)

Exporting correct `const` `INST_EDGE_FALLING` -> `INT_EDGE_FALLING`
---
 wiring-pi/wiring-pi.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/wiring-pi/wiring-pi.d.ts b/wiring-pi/wiring-pi.d.ts
index 465a3cc1ad..7a9d59db32 100644
--- a/wiring-pi/wiring-pi.d.ts
+++ b/wiring-pi/wiring-pi.d.ts
@@ -29,7 +29,7 @@ declare module 'wiring-pi' {
     // Interrupts
     export function wiringPiISR(pin: number, edgeType: number, callback: (delta: number) => void): void;
     export function wiringPiISRCancel(pin: number): void;
-    export const INST_EDGE_FALLING: number;
+    export const INT_EDGE_FALLING: number;
     export const INT_EDGE_RISING: number;
     export const INT_EDGE_BOTH: number;
     export const INT_EDGE_SETUP: number;

From b6e9f64018e2d3c42543f77daf985686cf7fcb23 Mon Sep 17 00:00:00 2001
From: DanielM <inad9300@gmail.com>
Date: Fri, 30 Sep 2016 14:27:31 +0200
Subject: [PATCH 098/382] Complete HighchartsBarStates interface. Add Color
 interface (#11505)

- HighchartsBarStates interfaces didn't include `borderColor` and `color` properties, as documented in http://api.highcharts.com/highcharts/plotOptions.bar.states.hover
- A Color interface was added, since the documentation refers many times to `Color` as a type. This colors can be either a string or a gradient, as stated in http://www.highcharts.com/docs/chart-design-and-style/colors. The introduction of this type should help alleviating the errors currently present where certain "color" properties are only allowed to be strings.
---
 highcharts/highcharts.d.ts | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/highcharts/highcharts.d.ts b/highcharts/highcharts.d.ts
index bfe5a70235..2274e221d0 100644
--- a/highcharts/highcharts.d.ts
+++ b/highcharts/highcharts.d.ts
@@ -240,7 +240,7 @@ interface HighchartsPlotBands {
      * Border color for the plot band. Also requires borderWidth to be set.
      * @default null
      */
-    borderColor?: string | HighchartsGradient;
+    borderColor?: Color;
     /**
      * Border width for the plot band. Also requires borderColor to be set.
      * @default 0
@@ -249,7 +249,7 @@ interface HighchartsPlotBands {
     /**
      * The color of the plot band.
      */
-    color?: string | HighchartsGradient;
+    color?: Color;
     /**
      * An object defining mouse events for the plot band. Supported properties are click, mouseover, mouseout,
      * mousemove.
@@ -1309,6 +1309,11 @@ interface HighchartsGradient {
     setOpacity?(alpha: number): HighchartsGradient;
 }
 
+/**
+ * Type equivalent to the 'Color' type mentioned throughout the documentation.
+ */
+type Color = string | HighchartsGradient;
+
 interface HighchartsChartOptions3dFrame {
     /**
      * The color of the panel.
@@ -3248,11 +3253,19 @@ interface HighchartsLineStates {
 }
 
 interface HighchartsBarStates {
+    /**
+     * A specific border color for the hovered point. Defaults to inherit the normal state border color.
+     */
+    borderColor?: string | HighchartsGradient;
     /**
      * How much to brighten the point on interaction. Requires the main color to be defined in hex or rgb(a) format.
      * @default 0.1
      */
     brightness?: number;
+    /**
+     *
+     */
+    color?: string | HighchartsGradient;
     /**
      * Enable separate styles for the hovered series to visualize that the user hovers either the series itself or the
      * legend.

From d3c2f19e0bc8d98cdaae857adce0faff216f4f22 Mon Sep 17 00:00:00 2001
From: Daniel Grove <danny@drgrovellc.com>
Date: Fri, 30 Sep 2016 05:36:42 -0700
Subject: [PATCH 099/382] Add definition for swagger-jsdoc (#11298)

* Add definition for swagger-jsdoc

* Update files

* Remove interface and use any instead for options, fix tests

* Fix Usage example
---
 swagger-jsdoc/swagger-jsdoc-tests.ts          | 24 +++++++++++
 .../swagger-jsdoc-tests.ts.tscparams          |  1 +
 swagger-jsdoc/swagger-jsdoc.d.ts              | 41 +++++++++++++++++++
 3 files changed, 66 insertions(+)
 create mode 100644 swagger-jsdoc/swagger-jsdoc-tests.ts
 create mode 100644 swagger-jsdoc/swagger-jsdoc-tests.ts.tscparams
 create mode 100644 swagger-jsdoc/swagger-jsdoc.d.ts

diff --git a/swagger-jsdoc/swagger-jsdoc-tests.ts b/swagger-jsdoc/swagger-jsdoc-tests.ts
new file mode 100644
index 0000000000..a3459a8fe0
--- /dev/null
+++ b/swagger-jsdoc/swagger-jsdoc-tests.ts
@@ -0,0 +1,24 @@
+/// <reference path="../express/express.d.ts" />
+/// <reference path="./swagger-jsdoc.d.ts" />
+
+import * as express from 'express';
+import swaggerJSDoc = require('swagger-jsdoc');
+const app = express();
+
+let options = {
+    swaggerDefinition: {
+        info: {
+            title: 'A test api',
+            version: '1.0.0'
+        }
+    }
+};
+
+
+let swaggerSpec = swaggerJSDoc(options);
+
+app.get('/api-docs.json', function(req, res) {
+    res.send(swaggerSpec);
+})
+
+app.listen(8888);
diff --git a/swagger-jsdoc/swagger-jsdoc-tests.ts.tscparams b/swagger-jsdoc/swagger-jsdoc-tests.ts.tscparams
new file mode 100644
index 0000000000..30c9419a57
--- /dev/null
+++ b/swagger-jsdoc/swagger-jsdoc-tests.ts.tscparams
@@ -0,0 +1 @@
+-m commonjs
diff --git a/swagger-jsdoc/swagger-jsdoc.d.ts b/swagger-jsdoc/swagger-jsdoc.d.ts
new file mode 100644
index 0000000000..2181c35a03
--- /dev/null
+++ b/swagger-jsdoc/swagger-jsdoc.d.ts
@@ -0,0 +1,41 @@
+// Type definitions for Swagger-JSDoc
+// Project: https://github.com/surnet/swagger-jsdoc
+// Definitions by: Daniel Grove <https://github.com/drGrove>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/* =================== USAGE ===================
+
+    import * as express from "express"
+    import swaggerJSDoc = require('swagger-jsdoc');
+    const app = express()
+
+    let options = {
+        swaggerDefinition: {
+          info: {
+            title: 'Hello World',
+            version: '1.0.0',
+            description: 'A sample API'
+          },
+          host: 'localhost:3000',
+          basePath: '/'
+        },
+        apis: [
+          './example/routes*.js',
+          './example/parameters.yaml'
+        ]
+      }
+    };
+
+    var spec = swaggerJSDoc(options);
+
+    app.get('/api-docs.json', function(req, res) {
+      res.setHeader('Content-Type', 'application/json');
+      res.send(spec);
+    });
+
+ =============================================== */
+
+declare module "swagger-jsdoc" {
+    function swaggerJSDoc(options?: any): any;
+    export = swaggerJSDoc;
+}

From df625fba9ac07b52ccc3c8b422017842daeea016 Mon Sep 17 00:00:00 2001
From: Cyril Schumacher <cyril_schumacher@live.fr>
Date: Fri, 30 Sep 2016 14:38:28 +0200
Subject: [PATCH 100/382] Add definitions for: "bunyan-config", "express-mung",
 "node-vitalsigns" and "memwatch-next" (#11285)

* Add definition for "bunnymq".

* Add definition for "strftime".

* Add definitions for: "bunyan-config", "express-mung" and
"node-vitalsigns".

* Add definitions for: "bunyan-config", "express-mung" and
"node-vitalsigns".

* Add definition for "memwatch-next".

* Fix project URL address.

* Rename "node-vitalsigns" to "vitalsigns".

* Update definitions.

* Use {} instead of "Object" type.
Remove unnecessary namespace for "memwatch-next" definition.
Rewrite "bunyan-config" definition.

* Replace "Object" by "{}".
---
 bunyan-config/bunyan-config-tests.ts |  41 ++++++
 bunyan-config/bunyan-config.d.ts     |  31 +++++
 express-mung/express-mung-tests.ts   |   9 ++
 express-mung/express-mung.d.ts       |  43 ++++++
 memwatch-next/memwatch-next-tests.ts |   8 ++
 memwatch-next/memwatch-next.d.ts     |  71 ++++++++++
 vitalsigns/vitalsigns-tests.ts       |  25 ++++
 vitalsigns/vitalsigns.d.ts           | 192 +++++++++++++++++++++++++++
 8 files changed, 420 insertions(+)
 create mode 100644 bunyan-config/bunyan-config-tests.ts
 create mode 100644 bunyan-config/bunyan-config.d.ts
 create mode 100644 express-mung/express-mung-tests.ts
 create mode 100644 express-mung/express-mung.d.ts
 create mode 100644 memwatch-next/memwatch-next-tests.ts
 create mode 100644 memwatch-next/memwatch-next.d.ts
 create mode 100644 vitalsigns/vitalsigns-tests.ts
 create mode 100644 vitalsigns/vitalsigns.d.ts

diff --git a/bunyan-config/bunyan-config-tests.ts b/bunyan-config/bunyan-config-tests.ts
new file mode 100644
index 0000000000..6a15aff601
--- /dev/null
+++ b/bunyan-config/bunyan-config-tests.ts
@@ -0,0 +1,41 @@
+/// <reference path="bunyan-config.d.ts"/>
+
+import * as bunyan from "bunyan";
+import bunyanConfig from "bunyan-config";
+
+var jsonConfig = {
+    name: "myLogger",
+    streams: [{
+        stream: "stdout"
+    }, {
+        stream: { name: "stderr" }
+    }, {
+        type: "raw",
+        stream: {
+            name: "bunyan-logstash",
+            params: {
+                host: "localhost",
+                port: 5005
+            }
+        }
+    }, {
+        type: "raw",
+        stream: {
+            name: "bunyan-redis",
+            params: {
+                host: "localhost",
+                port: 6379
+            }
+        }
+    }], serializers: {
+        req: "bunyan:stdSerializers.req",
+        fromNodeModules: "someNodeModule",
+        fromNodeModulesWithProps: "someNodeModule:a.b.c",
+        custom: "./lib/customSerializers:custom",
+        another: "./lib/anotherSerializer",
+        absolutePath: "/path/to/serializer:xyz"
+    }
+};
+
+var config = bunyanConfig(jsonConfig);
+var logger = require("bunyan").createLogger(bunyanConfig);
diff --git a/bunyan-config/bunyan-config.d.ts b/bunyan-config/bunyan-config.d.ts
new file mode 100644
index 0000000000..68a095b9b8
--- /dev/null
+++ b/bunyan-config/bunyan-config.d.ts
@@ -0,0 +1,31 @@
+// Type definitions for bunyan-config 0.2.0
+// Project: https://github.com/LSEducation/bunyan-config
+// Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../bunyan/bunyan.d.ts"/>
+
+declare module "bunyan-config" {
+    import * as bunyan from "bunyan";
+
+    /**
+     * Configuration.
+     * @interface
+     */
+    interface Configuration {
+        name: string;
+        streams?: bunyan.Stream[];
+        level?: string | number;
+        stream?: NodeJS.WritableStream;
+        serializers?: {};
+        src?: boolean;
+    }
+
+    /**
+     * Constructor.
+     * @param {Configuration} [jsonConfig] A JSON configuration.
+     * @return {LoggerOptions} A logger options.
+     */
+    function bunyanConfig(jsonConfig?: Configuration): bunyan.LoggerOptions;
+    export default bunyanConfig;
+}
diff --git a/express-mung/express-mung-tests.ts b/express-mung/express-mung-tests.ts
new file mode 100644
index 0000000000..c4ab59f0e6
--- /dev/null
+++ b/express-mung/express-mung-tests.ts
@@ -0,0 +1,9 @@
+/// <reference path="express-mung.d.ts"/>
+
+import { Request, Response } from "express";
+import * as mung from "express-mung";
+
+function redact(body: Object, req: Request, res: Response) {
+    return body;
+}
+mung.json(redact);
diff --git a/express-mung/express-mung.d.ts b/express-mung/express-mung.d.ts
new file mode 100644
index 0000000000..6dfee7d557
--- /dev/null
+++ b/express-mung/express-mung.d.ts
@@ -0,0 +1,43 @@
+// Type definitions for express-mung 0.4.2
+// Project: https://github.com/richardschneider/express-mung
+// Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../express/express.d.ts"/>
+/// <reference path="../node/node.d.ts"/>
+
+declare module "express-mung" {
+    import { Request, Response } from "express";
+    import * as http from "http";
+
+    type Transform = (body: {}, request: Request, response: Response) => {};
+    type TransformHeader = (body: http.IncomingMessage, request: Request, response: Response) => {};
+
+    /**
+     * Transform the JSON body of the response.
+     * @param {Transform} fn A transformation function.
+     * @return {any} The body.
+     */
+    export function json(fn: Transform): any;
+
+    /**
+     * Transform the JSON body of the response.
+     * @param {Transform} fn A transformation function.
+     * @return {any} The body.
+     */
+    export function jsonAsync(fn: Transform): PromiseLike<any>;
+
+    /**
+     * Transform the HTTP headers of the response.
+     * @param {Transform} fn A transformation function.
+     * @return {any} The body.
+     */
+    export function headers(fn: TransformHeader): any;
+
+    /**
+     * Transform the HTTP headers of the response.
+     * @param {Transform} fn A transformation function.
+     * @return {any} The body.
+     */
+    export function headersAsync(fn: TransformHeader): PromiseLike<any>;
+}
diff --git a/memwatch-next/memwatch-next-tests.ts b/memwatch-next/memwatch-next-tests.ts
new file mode 100644
index 0000000000..231c702f00
--- /dev/null
+++ b/memwatch-next/memwatch-next-tests.ts
@@ -0,0 +1,8 @@
+/// <reference path="memwatch-next.d.ts" />
+
+import * as memwatch from "memwatch-next";
+
+memwatch.on('leak', function (info) { });
+
+var hd = new memwatch.HeapDiff();
+var diff = hd.end();
\ No newline at end of file
diff --git a/memwatch-next/memwatch-next.d.ts b/memwatch-next/memwatch-next.d.ts
new file mode 100644
index 0000000000..aba3dfebcc
--- /dev/null
+++ b/memwatch-next/memwatch-next.d.ts
@@ -0,0 +1,71 @@
+// Type definitions for memwatch-next 0.3.0
+// Project: https://github.com/marcominetti/node-memwatch
+// Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "memwatch-next" {
+    type EventCallback = (data: LeakInformation | StatsInformation | Object) => void;
+
+    /**
+     * Compare the state of your heap between two points in time, telling you what has been allocated, and what has been released.
+     * @class
+     */
+    export class HeapDiff {
+        /**
+         * Compute the diff.
+         */
+        end: () => void;
+    }
+
+    /**
+     * Stats information.
+     * @interface
+     */
+    export interface StatsInformation {
+        current_base: number;
+        estimated_base: number;
+        heap_compactions: number;
+        max: number;
+        min: number;
+        num_full_gc: number;
+        num_inc_gc: number;
+        usage_trend: number;
+    }
+
+    /**
+     * Leak information.
+     * @interface
+     */
+    export interface LeakInformation {
+        /**
+         * End date.
+         * @type {Date}
+         */
+        end: Date,
+
+        /**
+         * Growth.
+         * @type {number}
+         */
+        growth: number;
+
+        /**
+         * Reason leak.
+         * @type {string}
+         */
+        reason: string;
+
+        /**
+         * Start date.
+         * @type {Date}
+         */
+        start: Date;
+    }
+
+    /**
+     * Subscribe to a event.
+     * @param {string} eventName A event name.
+     * @param {EventCallback} callback A callback;
+     */
+    export function on(eventName: string, callback: EventCallback): void;
+}
\ No newline at end of file
diff --git a/vitalsigns/vitalsigns-tests.ts b/vitalsigns/vitalsigns-tests.ts
new file mode 100644
index 0000000000..1e22dec433
--- /dev/null
+++ b/vitalsigns/vitalsigns-tests.ts
@@ -0,0 +1,25 @@
+/// <reference path="vitalsigns.d.ts"/>
+
+import VitalSigns = require("vitalsigns");
+
+var vitals = new VitalSigns();
+
+vitals.monitor('cpu');
+vitals.monitor('mem', {units: 'MB'});
+vitals.monitor('tick');
+
+vitals.unhealthyWhen('cpu', 'usage').equals(100);
+vitals.unhealthyWhen('tick', 'maxMs').greaterThan(500);
+
+vitals.monitor({
+    connections: () => new Object()
+}, {name: 'game'});
+
+var vitals = new VitalSigns({
+    autoCheck: 5000,
+    httpHealthy: 200,
+    httpUnhealthy: 503
+});
+
+vitals.monitor('cpu', {name: 'foo'});
+vitals.unhealthyWhen('foo', 'bar').not.greaterThan(5);
diff --git a/vitalsigns/vitalsigns.d.ts b/vitalsigns/vitalsigns.d.ts
new file mode 100644
index 0000000000..c74a42f08a
--- /dev/null
+++ b/vitalsigns/vitalsigns.d.ts
@@ -0,0 +1,192 @@
+// Type definitions for vitalsigns 0.4.3
+// Project: https://github.com/TomFrost/node-vitalsigns
+// Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "vitalsigns" {
+    namespace vitalsigns {
+        /**
+         * Contraint.
+         * @interface
+         */
+        export interface Constraint {
+            /**
+             * The comparator to use when comparing the field's value with the constraint value.
+             * Valid comparators are: 'equal', 'greater', and 'less'.
+             * @type {string}
+             */
+            comparator: string;
+
+            /**
+             * The name of the field to be constrained.
+             * @type {string}
+             */
+            field: string;
+
+            /**
+             * The name of the monitor containing the field to be constrained.
+             * @type {string}
+             */
+            monitor: string;
+
+            /**
+             * true to negate the outcome of the comparison; false or omitted to use the comparison result.
+             * @type {boolean}
+             */
+            negate?: boolean;
+
+            /**
+             * The value against which the field should be compared.
+             * @type {any}
+             */
+            value: any;
+        }
+
+        /**
+         * Constraint wrapper.
+         * @interface
+         */
+        export interface ConstraintWrapper {
+            equals?: (num: number) => ConstraintWrapper;
+
+            greaterThan?: (num: number) => ConstraintWrapper;
+
+            lessThan?: (num: number) => ConstraintWrapper;
+
+            not?: ConstraintWrapper;
+        }
+
+        /**
+         * Options.
+         * @interface
+         */
+        export interface Options {
+            /**
+             * Number of milliseconds to wait between automatic health checks.
+             * @type {number|boolean}
+             */
+            autoCheck?: number | boolean;
+
+            /**
+             * HTTP response code to send back in the VitalSigns.
+             * @type {number}
+             */
+            httpHealthy?: number;
+
+            /**
+             * HTTP response code to send back in the VitalSigns.
+             * @type {number}
+             */
+            httpUnhealthy?: number;
+        }
+
+        export interface Monitor {
+            /**
+             * Connections.
+             * @type {any}
+             */
+            connections: any;
+        }
+
+        /**
+         * Monitor field.
+         * @interface
+         */
+        export interface MonitorField {
+            /**
+             * Name.
+             * @type {string}
+             */
+            name?: string;
+
+            /**
+             * Units.
+             * @type {string}
+             */
+            units?: string;
+        }
+
+        /**
+         * Report options.
+         * @interface
+         */
+        interface ReportOptions {
+            /**
+             * true to flatten the report object down to a single level by concatenating nested key names; false to keep the default hierarchical format.
+             * @type {boolean}
+             */
+            flatten?: boolean;
+
+            /**
+             * If flatten is true, this string will be used to separate key names when they are concatenated together.
+             * @type {boolean}
+             */
+            separator?: string;
+        }
+    }
+
+    /**
+     * VitalSigns instance.
+     */
+    class VitalSigns {
+        /**
+         * Constructor.
+         * @constructors
+         * @param {Options} [options] Options.
+         */
+        constructor (options?: vitalsigns.Options);
+
+        /**
+         * Pushes a health constraint onto this instance's constraint array.
+         * Health constraints define scenarios in which VitalSigns will consider the application to be in an unhealthy state.
+         * @param {} constraint A constraint.
+         */
+        addConstraint(): void;
+
+        /**
+         * Destroys this VitalSigns instance.
+         */
+        destroy(): void;
+
+        /**
+         * Retrieves an array of human-readable messages that define the specific health constraints that failed when running the last health check.
+         * @returns {Array<string>} An array of failure messages.
+         */
+        getFailed(): Array<string>;
+
+        /**
+         * Gets a report of all monitors, their fields, and the values of those fields, compiled into Javascript object form.  Additionally, a 'healthy' field is
+         * attached. This field will be boolean true if all health constraints passed; false otherwise.
+         * @param {ReportOptions} [options] A mapping of options to customize this report.
+         * @return {Object} The full health report.
+         */
+        getReport(options?: vitalsigns.ReportOptions): Object;
+
+        /**
+         * Generates a health report and checks each health constraint against it. Any constraints that fail will be added to the 'failed' array in the form of
+         * a human-readable failure message, which can be retrieved with {@link #getFailed}.
+         * @param {Object} [report] A report object on which to run the health constraints. If omitted, this function will generate a health report automatically.
+         * @return {boolean} true if all health constraints passed; false otherwise.
+         */
+        isHealthy(report?: Object): boolean;
+
+        /**
+         * Registers monitor.
+         * @param {string} monitorName A monitor name.
+         * @param {MonitorField} [field] Options.
+         */
+        monitor(monitor: string | vitalsigns.Monitor | Object, field?: vitalsigns.MonitorField): void;
+
+        /**
+         * Defines a new health constraint in a chainable, more easily readable format.
+         * When called with the monitor name and field name of concern, a wrapper is
+         * returned that allows the constraint to be built out with function calls.
+         * @param {string} monitorName A monitor name.
+         * @param {string} fieldName A field name.
+         * @return {ConstraintWrapper} The constraint wrapper.
+         */
+        unhealthyWhen: (monitorName: string, fieldName: string) => vitalsigns.ConstraintWrapper;
+    }
+
+    export = VitalSigns;
+}

From e5cf069a241816a4d157b4d35d679881dee81512 Mon Sep 17 00:00:00 2001
From: Andrew Throener <athroener@mystartupsolutions.com>
Date: Fri, 30 Sep 2016 07:40:02 -0500
Subject: [PATCH 101/382] (helmet): change to namespace and export interfaces
 (#11585)

---
 helmet/helmet.d.ts | 291 +++++++++++++++++++++++----------------------
 1 file changed, 147 insertions(+), 144 deletions(-)

diff --git a/helmet/helmet.d.ts b/helmet/helmet.d.ts
index 6feef0bad8..1997b1c5e9 100644
--- a/helmet/helmet.d.ts
+++ b/helmet/helmet.d.ts
@@ -4,172 +4,175 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="../express/express.d.ts" />
+declare module "helmet" {
 
-declare module 'helmet' {
-    import express = require('express');
+  import express = require('express');
 
-    interface IHelmetConfiguration {
-        contentSecurityPolicy? : boolean | IHelmetContentSecurityPolicyConfiguration,
-        dnsPrefetchControl?: boolean | IHelmetDnsPrefetchControlConfiguration,
-        frameguard?: boolean | IHelmetFrameguardConfiguration,
-        hidePoweredBy?: boolean | IHelmetHidePoweredByConfiguration,
-        hpkp?: boolean | IHelmetHpkpConfiguration,
-        hsts?: boolean | IHelmetHstsConfiguration,
-        ieNoOpen?: boolean,
-        noCache?: boolean,
-        noSniff?: boolean,
-        xssFilter?: boolean | IHelmetXssFilterConfiguration
-    }
+  namespace helmet {
 
-    interface IHelmetContentSecurityPolicyDirectiveFunction {
-      (req: express.Request, res: express.Response): string;
-    }
-    type HelmetCspDirectiveValue = string | IHelmetContentSecurityPolicyDirectiveFunction;
+      export interface IHelmetConfiguration {
+          contentSecurityPolicy? : boolean | IHelmetContentSecurityPolicyConfiguration,
+          dnsPrefetchControl?: boolean | IHelmetDnsPrefetchControlConfiguration,
+          frameguard?: boolean | IHelmetFrameguardConfiguration,
+          hidePoweredBy?: boolean | IHelmetHidePoweredByConfiguration,
+          hpkp?: boolean | IHelmetHpkpConfiguration,
+          hsts?: boolean | IHelmetHstsConfiguration,
+          ieNoOpen?: boolean,
+          noCache?: boolean,
+          noSniff?: boolean,
+          xssFilter?: boolean | IHelmetXssFilterConfiguration
+      }
 
-    interface IHelmetContentSecurityPolicyDirectives {
-        baseUri? : HelmetCspDirectiveValue[],
-        childSrc? : HelmetCspDirectiveValue[],
-        connectSrc? : HelmetCspDirectiveValue[],
-        defaultSrc? : HelmetCspDirectiveValue[],
-        fontSrc? : HelmetCspDirectiveValue[],
-        formAction? : HelmetCspDirectiveValue[],
-        frameAncestors? : HelmetCspDirectiveValue[],
-        frameSrc? : HelmetCspDirectiveValue[],
-        imgSrc? : HelmetCspDirectiveValue[],
-        mediaSrc? : HelmetCspDirectiveValue[],
-        objectSrc? : HelmetCspDirectiveValue[],
-        pluginTypes? : HelmetCspDirectiveValue[],
-        reportUri?: string,
-        sandbox? : HelmetCspDirectiveValue[],
-        scriptSrc? : HelmetCspDirectiveValue[],
-        styleSrc? : HelmetCspDirectiveValue[]
-    }
+      export interface IHelmetContentSecurityPolicyDirectiveFunction {
+          (req: express.Request, res: express.Response): string;
+      }
+      export type HelmetCspDirectiveValue = string | IHelmetContentSecurityPolicyDirectiveFunction;
 
-    interface IHelmetContentSecurityPolicyConfiguration {
-        reportOnly? : boolean;
-        setAllHeaders? : boolean;
-        disableAndroid? : boolean;
-        browserSniff?: boolean;
-        directives? : IHelmetContentSecurityPolicyDirectives
-    }
+      export interface IHelmetContentSecurityPolicyDirectives {
+          baseUri? : HelmetCspDirectiveValue[],
+          childSrc? : HelmetCspDirectiveValue[],
+          connectSrc? : HelmetCspDirectiveValue[],
+          defaultSrc? : HelmetCspDirectiveValue[],
+          fontSrc? : HelmetCspDirectiveValue[],
+          formAction? : HelmetCspDirectiveValue[],
+          frameAncestors? : HelmetCspDirectiveValue[],
+          frameSrc? : HelmetCspDirectiveValue[],
+          imgSrc? : HelmetCspDirectiveValue[],
+          mediaSrc? : HelmetCspDirectiveValue[],
+          objectSrc? : HelmetCspDirectiveValue[],
+          pluginTypes? : HelmetCspDirectiveValue[],
+          reportUri?: string,
+          sandbox? : HelmetCspDirectiveValue[],
+          scriptSrc? : HelmetCspDirectiveValue[],
+          styleSrc? : HelmetCspDirectiveValue[]
+      }
 
-    interface IHelmetDnsPrefetchControlConfiguration {
-        allow? : boolean;
-    }
+      export interface IHelmetContentSecurityPolicyConfiguration {
+          reportOnly? : boolean;
+          setAllHeaders? : boolean;
+          disableAndroid? : boolean;
+          browserSniff?: boolean;
+          directives? : IHelmetContentSecurityPolicyDirectives
+      }
 
-    interface IHelmetFrameguardConfiguration {
-        action? : string,
-        domain? : string
-    }
+      export interface IHelmetDnsPrefetchControlConfiguration {
+          allow? : boolean;
+      }
 
-    interface IHelmetHidePoweredByConfiguration {
-        setTo? : string
-    }
+      export interface IHelmetFrameguardConfiguration {
+          action? : string,
+          domain? : string
+      }
 
-    interface IHelmetSetIfFunction {
-      (req: express.Request, res: express.Response): boolean;
-    }
+      export interface IHelmetHidePoweredByConfiguration {
+          setTo? : string
+      }
 
-    interface IHelmetHpkpConfiguration {
-        maxAge : number;
-        sha256s : string[];
-        includeSubdomains? : boolean;
-        reportUri? : string;
-        reportOnly? : boolean;
-        setIf?: IHelmetSetIfFunction
-    }
+      export interface IHelmetSetIfFunction {
+          (req: express.Request, res: express.Response): boolean;
+      }
 
-    interface IHelmetHstsConfiguration {
-        maxAge: number;
-        includeSubdomains? : boolean;
-        preload? : boolean;
-        setIf? : IHelmetSetIfFunction,
-        force? : boolean;
-    }
+      export interface IHelmetHpkpConfiguration {
+          maxAge : number;
+          sha256s : string[];
+          includeSubdomains? : boolean;
+          reportUri? : string;
+          reportOnly? : boolean;
+          setIf?: IHelmetSetIfFunction
+      }
 
-    interface IHelmetXssFilterConfiguration {
-        setOnOldIE? : boolean;
-    }
+      export interface IHelmetHstsConfiguration {
+          maxAge: number;
+          includeSubdomains? : boolean;
+          preload? : boolean;
+          setIf? : IHelmetSetIfFunction,
+          force? : boolean;
+      }
 
-    /**
-     * @summary Interface for helmet class.
-     * @interface
-     */
-    interface Helmet {
-        /**
-         * @summary Constructor.
-         * @return {RequestHandler} The Request handler.
-         */
-        (options ?: IHelmetConfiguration): express.RequestHandler;
+      export interface IHelmetXssFilterConfiguration {
+          setOnOldIE? : boolean;
+      }
 
-        /**
-         * @summary Set policy around third-party content via headers
-         * @param {IHelmetContentSecurityPolicyConfiguration} options The options
-         * @return {RequestHandler} The Request handler
-         */
-        contentSecurityPolicy(options ?: IHelmetContentSecurityPolicyConfiguration): express.RequestHandler;
+      /**
+       * @summary Interface for helmet class.
+       * @interface
+       */
+      export interface Helmet {
+          /**
+           * @summary Constructor.
+           * @return {RequestHandler} The Request handler.
+           */
+          (options ?: IHelmetConfiguration): express.RequestHandler;
 
-        /**
-         * @summary Stop browsers from doing DNS prefetching.
-         * @param {IHelmetDnsPrefetchControlConfiguration} options The options
-         * @return {RequestHandler} The Request handler
-         */
-        dnsPrefetchControl(options ?: IHelmetDnsPrefetchControlConfiguration): express.RequestHandler;
+          /**
+           * @summary Set policy around third-party content via headers
+           * @param {IHelmetContentSecurityPolicyConfiguration} options The options
+           * @return {RequestHandler} The Request handler
+           */
+          contentSecurityPolicy(options ?: IHelmetContentSecurityPolicyConfiguration): express.RequestHandler;
 
-        /**
-         * @summary Prevent clickjacking.
-         * @param {IHelmetFrameguardConfiguration} options The options
-         * @return {RequestHandler} The Request handler
-         */
-        frameguard(options ?: IHelmetFrameguardConfiguration): express.RequestHandler;
+          /**
+           * @summary Stop browsers from doing DNS prefetching.
+           * @param {IHelmetDnsPrefetchControlConfiguration} options The options
+           * @return {RequestHandler} The Request handler
+           */
+          dnsPrefetchControl(options ?: IHelmetDnsPrefetchControlConfiguration): express.RequestHandler;
 
-        /**
-         * @summary Hide "X-Powered-By" header.
-         * @param {IHelmetHidePoweredByConfiguration} options The options
-         * @return {RequestHandler} The Request handler.
-         */
-        hidePoweredBy(options ?: IHelmetHidePoweredByConfiguration): express.RequestHandler;
+          /**
+           * @summary Prevent clickjacking.
+           * @param {IHelmetFrameguardConfiguration} options The options
+           * @return {RequestHandler} The Request handler
+           */
+          frameguard(options ?: IHelmetFrameguardConfiguration): express.RequestHandler;
 
-        /**
-         * @summary Adds the "Public-Key-Pins" header.
-         * @param {IHelmetHpkpConfiguration} options The options
-         * @return {RequestHandler} The Request handler.
-         */
-        hpkp(options ?: IHelmetHpkpConfiguration): express.RequestHandler;
+          /**
+           * @summary Hide "X-Powered-By" header.
+           * @param {IHelmetHidePoweredByConfiguration} options The options
+           * @return {RequestHandler} The Request handler.
+           */
+          hidePoweredBy(options ?: IHelmetHidePoweredByConfiguration): express.RequestHandler;
 
-        /**
-         * @summary Adds the "Strict-Transport-Security" header.
-         * @param {IHelmetHstsConfiguration} options The options
-         * @return {RequestHandler} The Request handler.
-         */
-        hsts(options ?: IHelmetHstsConfiguration): express.RequestHandler;
+          /**
+           * @summary Adds the "Public-Key-Pins" header.
+           * @param {IHelmetHpkpConfiguration} options The options
+           * @return {RequestHandler} The Request handler.
+           */
+          hpkp(options ?: IHelmetHpkpConfiguration): express.RequestHandler;
 
-        /**
-         * @summary Add the "X-Download-Options" header.
-         * @return {RequestHandler} The Request handler.
-         */
-        ieNoOpen(): express.RequestHandler;
+          /**
+           * @summary Adds the "Strict-Transport-Security" header.
+           * @param {IHelmetHstsConfiguration} options The options
+           * @return {RequestHandler} The Request handler.
+           */
+          hsts(options ?: IHelmetHstsConfiguration): express.RequestHandler;
 
-        /**
-         * @summary Add the "Cache-Control" and "Pragma" headers to stop caching.
-         * @return {RequestHandler} The Request handler.
-         */
-        noCache(options ?: Object): express.RequestHandler;
+          /**
+           * @summary Add the "X-Download-Options" header.
+           * @return {RequestHandler} The Request handler.
+           */
+          ieNoOpen(): express.RequestHandler;
 
-        /**
-         * @summary Adds the "X-Content-Type-Options" header.
-         * @return {RequestHandler} The Request handler.
-         */
-        noSniff(): express.RequestHandler;
+          /**
+           * @summary Add the "Cache-Control" and "Pragma" headers to stop caching.
+           * @return {RequestHandler} The Request handler.
+           */
+          noCache(options ?: Object): express.RequestHandler;
 
-        /**
-         * @summary Mitigate cross-site scripting attacks with the "X-XSS-Protection" header.
-         * @param {IHelmetXssFilterConfiguration} options The options
-         * @return {RequestHandler} The Request handler.
-         */
-        xssFilter(options ?: IHelmetXssFilterConfiguration): express.RequestHandler;
-    }
+          /**
+           * @summary Adds the "X-Content-Type-Options" header.
+           * @return {RequestHandler} The Request handler.
+           */
+          noSniff(): express.RequestHandler;
 
-    var helmet: Helmet;
-    export = helmet;
+          /**
+           * @summary Mitigate cross-site scripting attacks with the "X-XSS-Protection" header.
+           * @param {IHelmetXssFilterConfiguration} options The options
+           * @return {RequestHandler} The Request handler.
+           */
+          xssFilter(options ?: IHelmetXssFilterConfiguration): express.RequestHandler;
+      }
+  }
+
+  var helmet: helmet.Helmet;
+  export = helmet;
 }

From 359a99c5f979cacf99908f5fa06d4399aedb5143 Mon Sep 17 00:00:00 2001
From: Orillion <hegemansmichiel@gmail.com>
Date: Fri, 30 Sep 2016 14:41:23 +0200
Subject: [PATCH 102/382] Replace reference to deprecated http.ClientResponse
 with newer http.IncomingMessage (#11596)

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

diff --git a/websocket/websocket.d.ts b/websocket/websocket.d.ts
index f862ec8410..2d697207fa 100644
--- a/websocket/websocket.d.ts
+++ b/websocket/websocket.d.ts
@@ -542,7 +542,7 @@ declare module "websocket" {
         url: url.Url;
         secure: boolean;
         socket: net.Socket;
-        response: http.ClientResponse;
+        response: http.IncomingMessage;
 
         constructor(clientConfig?: IClientConfig);
 

From 8acf2ed755604e8602aa9f2f8d5942b55b8dceae Mon Sep 17 00:00:00 2001
From: Alex Gorbatchev <alexgorbatchev@users.noreply.github.com>
Date: Fri, 30 Sep 2016 05:44:05 -0700
Subject: [PATCH 103/382] [cheerio] Adds missing load(CheerioElement) (#11520)

---
 cheerio/cheerio-tests.ts | 6 ++++++
 cheerio/cheerio.d.ts     | 1 +
 2 files changed, 7 insertions(+)

diff --git a/cheerio/cheerio-tests.ts b/cheerio/cheerio-tests.ts
index c1b5eda894..f6b184be8e 100644
--- a/cheerio/cheerio-tests.ts
+++ b/cheerio/cheerio-tests.ts
@@ -20,6 +20,12 @@ cheerio(html);
 cheerio('ul', html);
 cheerio('li', 'ul', html);
 
+const $fromElement = cheerio.load($("ul").get(0));
+
+if ($fromElement("ul > li").length !== 3) {
+  throw new Error("Expecting 3 elements when passing `CheerioElement` to `load()`");
+}
+
 $ = cheerio.load(html, {
     normalizeWhitespace: true,
     xmlMode: true
diff --git a/cheerio/cheerio.d.ts b/cheerio/cheerio.d.ts
index afc8ebaa71..e94eb1a68c 100644
--- a/cheerio/cheerio.d.ts
+++ b/cheerio/cheerio.d.ts
@@ -259,6 +259,7 @@ interface CheerioElement {
 
 interface CheerioAPI extends CheerioSelector {
   load(html: string, options?: CheerioOptionsInterface): CheerioStatic;
+  load(element: CheerioElement, options?: CheerioOptionsInterface): CheerioStatic;
 }
 
 declare var cheerio:CheerioAPI;

From a4b30baa6032ace53ffcd20838e3dd02129c65e6 Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Fri, 30 Sep 2016 15:45:24 +0300
Subject: [PATCH 104/382] add id (#11619)

* add id

* remove readonly

* add touch after

* fix typo
---
 connect-mongo/connect-mongo.d.ts     | 6 ++++++
 express-session/express-session.d.ts | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/connect-mongo/connect-mongo.d.ts b/connect-mongo/connect-mongo.d.ts
index 49f93e2d46..7c779e2d07 100644
--- a/connect-mongo/connect-mongo.d.ts
+++ b/connect-mongo/connect-mongo.d.ts
@@ -78,6 +78,12 @@ declare module "connect-mongo" {
              * (Default: 10)
              */
             autoRemoveInterval?: number;
+        
+        
+            /**
+             * don't save session if unmodified
+             */
+            touchAfter?: number;
         }
 
         export interface MongoUrlOptions extends DefaultOptions {
diff --git a/express-session/express-session.d.ts b/express-session/express-session.d.ts
index 90e1ed07cc..9af409ddc5 100644
--- a/express-session/express-session.d.ts
+++ b/express-session/express-session.d.ts
@@ -10,10 +10,12 @@ declare namespace Express {
 
   export interface Request {
     session?: Session;
+    sessionID?: string;
   }
 
   export interface Session {
     [key: string]: any;
+    id: string;
 
     regenerate: (callback: (err: any) => void) => void;
     destroy: (callback: (err: any) => void) => void;

From cc17a16360e72df3561d482b65bf4074733b89d8 Mon Sep 17 00:00:00 2001
From: Tony Gaetani <tonygaetani@users.noreply.github.com>
Date: Fri, 30 Sep 2016 08:51:23 -0400
Subject: [PATCH 105/382] change Topic property latch to boolean type (#11607)

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

diff --git a/roslib/roslib.d.ts b/roslib/roslib.d.ts
index 72af3a60ab..ad4dbb33b8 100644
--- a/roslib/roslib.d.ts
+++ b/roslib/roslib.d.ts
@@ -310,7 +310,7 @@ declare namespace ROSLIB {
 			compression?: string,
 			throttle_rate?: number,
 			queue_size?: number,
-			latch?: number,
+			latch?: boolean,
 			queue_length?: number
 		});
 

From 7f1ea1f53f629ace27f44fe3339f374c0cbba695 Mon Sep 17 00:00:00 2001
From: Adam Szmyd <szmydadam@gmail.com>
Date: Fri, 30 Sep 2016 14:57:20 +0200
Subject: [PATCH 106/382] Add AngularJS linky filter definition (#11507)

---
 angularjs/angular-sanitize-tests.ts | 34 ++++++++++++++++++++++++-----
 angularjs/angular-sanitize.d.ts     | 23 ++++++++++++++-----
 2 files changed, 46 insertions(+), 11 deletions(-)

diff --git a/angularjs/angular-sanitize-tests.ts b/angularjs/angular-sanitize-tests.ts
index d065392c79..8fdf3e3eed 100644
--- a/angularjs/angular-sanitize-tests.ts
+++ b/angularjs/angular-sanitize-tests.ts
@@ -1,10 +1,32 @@
 /// <reference path="angular-sanitize.d.ts" />
 
-var shouldBeString: string;
+///////////////////////////////////////////////////////////////////////////////
+// Variables
+///////////////////////////////////////////////////////////////////////////////
+let shouldBeString: string;
+let testInputText: string = 'TEST';
 
-declare var $sanitizeService: ng.sanitize.ISanitizeService;
-shouldBeString = $sanitizeService(shouldBeString);
+///////////////////////////////////////////////////////////////////////////////
+// Test sanitize service
+///////////////////////////////////////////////////////////////////////////////
+declare let $sanitizeService: ng.sanitize.ISanitizeService;
+shouldBeString = $sanitizeService(testInputText);
 
-declare var $linky: ng.sanitize.filter.ILinky;
-shouldBeString = $linky(shouldBeString);
-shouldBeString = $linky(shouldBeString, shouldBeString);
+///////////////////////////////////////////////////////////////////////////////
+// Test `linky` filter
+///////////////////////////////////////////////////////////////////////////////
+declare let $linky: ng.sanitize.filter.ILinky;
+
+// Should be string for simple text and target parameters
+shouldBeString = $linky(testInputText, testInputText);
+
+// Should be string for simple text, target and attributes parameters
+let attributesAsFunction = () => {
+};
+shouldBeString = $linky(shouldBeString, testInputText, {
+    "attributeKey1": "attributeValue1",
+    "attributeKey2": "attributeValue2"
+});
+shouldBeString = $linky(shouldBeString, testInputText, (url: string) => {
+    return {"attributeKey1": "attributeValue1"}
+});
\ No newline at end of file
diff --git a/angularjs/angular-sanitize.d.ts b/angularjs/angular-sanitize.d.ts
index d87515adca..36cad6f77e 100644
--- a/angularjs/angular-sanitize.d.ts
+++ b/angularjs/angular-sanitize.d.ts
@@ -29,12 +29,25 @@ declare namespace angular.sanitize {
     // see https://github.com/angular/angular.js/tree/v1.2.0/src/ngSanitize/filter
     ///////////////////////////////////////////////////////////////////////////
     export module filter {
-
-        // Finds links in text input and turns them into html links.
-        // Supports http/https/ftp/mailto and plain email address links.
-        // see http://code.angularjs.org/1.2.0/docs/api/ngSanitize.filter:linky
+        /**
+         * Finds links in text input and turns them into html links. Supports http/https/ftp/mailto and plain email address links.
+         * @param text Input text.
+         * @param target ILinkyTargetType Window (_blank|_self|_parent|_top) or named frame to open links in.
+         * @param attributes Add custom attributes to the link element.
+         * @return Html-linkified and sanitized text.
+         * see https://docs.angularjs.org/api/ngSanitize/filter/linky
+         */
         interface ILinky {
-            (text: string, target?: string): string;
+            (text: string, target: string, attributes?: { [attribute: string]: string } | ((url: string) => { [attribute: string]: string })): string;
         }
+
     }
 }
+///////////////////////////////////////////////////////////////////////////////
+// Extend angular $filter declarations to include filters from angular.sanitize module
+///////////////////////////////////////////////////////////////////////////////
+declare namespace angular {
+    interface IFilterService {
+        (name: 'linky'): angular.sanitize.filter.ILinky;
+    }
+}
\ No newline at end of file

From 2c65d5ca7267fda6d49a3b447c8b089632fb5358 Mon Sep 17 00:00:00 2001
From: Erkie <erik.rothoff@gmail.com>
Date: Fri, 30 Sep 2016 14:57:58 +0200
Subject: [PATCH 107/382] Support universal modules for SAT (#11632)

---
 sat/sat-tests.ts | 7 +++++--
 sat/sat.d.ts     | 4 ++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/sat/sat-tests.ts b/sat/sat-tests.ts
index df453d4e9c..15f2cd9107 100644
--- a/sat/sat-tests.ts
+++ b/sat/sat-tests.ts
@@ -1,4 +1,7 @@
 /// <reference path="sat.d.ts" />
+
+import SAT = require("sat");
+
 class SatTest{
 	public vectorTest(){
 		let v1: SAT.Vector = new SAT.Vector(10, 10);
@@ -15,9 +18,9 @@ class SatTest{
 		console.log("perp: v3 - " + v3.x.toString() + v3.y.toString());
 
 	}
-	
+
 }
 
 let test = new SatTest;
 
-test.vectorTest();
\ No newline at end of file
+test.vectorTest();
diff --git a/sat/sat.d.ts b/sat/sat.d.ts
index 5cb26c3e96..008f65d7b5 100644
--- a/sat/sat.d.ts
+++ b/sat/sat.d.ts
@@ -140,3 +140,7 @@ declare namespace SAT {
 	export function testPolygonPolygon(a: Polygon, b: Polygon, response?: Response): boolean;
 
 }
+
+declare module "sat" {
+	export = SAT;
+}

From a5ba907cc7429738f88308f04087d5d43af5e37d Mon Sep 17 00:00:00 2001
From: Christopher Cortes <christophercr@gmail.com>
Date: Fri, 30 Sep 2016 16:58:18 +0200
Subject: [PATCH 108/382] Add missing Valdr types

Add ValdrValidationConstraints and ValdrValidationResult typings
---
 valdr/valdr.d.ts | 61 ++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 54 insertions(+), 7 deletions(-)

diff --git a/valdr/valdr.d.ts b/valdr/valdr.d.ts
index 5df4d13aa0..2762eabc1e 100644
--- a/valdr/valdr.d.ts
+++ b/valdr/valdr.d.ts
@@ -1,25 +1,72 @@
-// Type definitions for valdr.js v1.1.5
+// Type definitions for valdr.js v1.1.5+
 // Project: https://github.com/netceteragroup/valdr
 // Definitions by: Kai Ilbertz <https://github.com/ilbertz>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare namespace valdr {
 
+    /**
+     * Custom validators must implement this interface to provide custom validation logic.
+     */
+    interface ValdrValidator {
+
+        /**
+         *  Custom validator's name, that will be set in the violation's validator field.
+         */
+        name: string;
+
+        /**
+         * Method to be called to perform custom validation over given value.
+         */
+        validate(value: any, validationArguments?: {[argumentName:string]: any}): boolean;
+    }
+
+    interface ValdrConstraintValidator {
+        [argumentName:string]: any;
+        message: string;
+    }
+
+    interface ValdrConstraintFieldName {
+        [validatorName:string]: ValdrConstraintValidator;
+    }
+
+    interface ValdrConstraintTypeName {
+        [fieldName:string]: ValdrConstraintFieldName;
+    }
+
+    interface ValdrConstraints {
+        [typeName:string]: ValdrConstraintTypeName;
+    }
+
+    interface ValdrViolation extends ValdrConstraintValidator {
+        valid: boolean;
+        value: string;
+        field: string;
+        type: string;
+        validator: string;
+    }
+
+    interface ValdrValidationResult {
+        valid: boolean;
+        violations: ValdrViolation[]|undefined;
+        validationResults: ValdrViolation[]|undefined;
+    }
+
     interface Valdr {
         /**
          * Validates the value of the given type with the constraints for the given field name.
          * @param typeName the type name.
          * @param fieldName the field name.
          * @param value the value to validate.
-         * @returns {*} the validation result.
+         * @returns {ValdrValidationResult} the validation result.
          */
-        validate(typeName: string, fieldName: string, value: string): any;
+        validate(typeName: string, fieldName: string, value: string): ValdrValidationResult;
 
         /**
          * Adds a new list of constraints (JSON Object).
          * @param newConstraints the list of constraints (JSON Object).
          */
-        addConstraints(newConstraints: any): void;
+        addConstraints(newConstraints: ValdrConstraints): void;
 
         /**
          * Removes one or many contraints.
@@ -31,7 +78,7 @@ declare namespace valdr {
          * Gets the list of constraints (JSON Object).
          * @returns the list of constraints.
          */
-        getConstraints(): any;
+        getConstraints(): ValdrConstraints;
 
         /**
          * Sets custom classes on the surrounding elements.
@@ -45,7 +92,7 @@ declare namespace valdr {
          * Adds a new list of constraints (JSON Object).
          * @param newConstraints the list of constraints (JSON Object).
          */
-        addConstraints(newConstraints: any): void;
+        addConstraints(newConstraints: ValdrConstraints): void;
 
         /**
          * Removes one or many contraints.
@@ -72,4 +119,4 @@ declare namespace valdr {
          */
         addConstraintAlias(valdrName: string, alias: string): void;
     }
-}
\ No newline at end of file
+}

From d8ba429527d295b8f02299cded37df76e7790508 Mon Sep 17 00:00:00 2001
From: Christopher Cortes <christophercr@gmail.com>
Date: Fri, 30 Sep 2016 17:01:59 +0200
Subject: [PATCH 109/382] Refine Valdr-message typings

Set a more refined type to messages instead of any
---
 valdr-message/valdr-message.d.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/valdr-message/valdr-message.d.ts b/valdr-message/valdr-message.d.ts
index b8c2a6673b..7dfb32b5db 100644
--- a/valdr-message/valdr-message.d.ts
+++ b/valdr-message/valdr-message.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for valdr.js v1.1.5 (valdr-message)
+// Type definitions for valdr.js v1.1.5+ (valdr-message)
 // Project: https://github.com/netceteragroup/valdr
 // Definitions by: Kai Ilbertz <https://github.com/ilbertz>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -31,7 +31,7 @@ declare namespace valdr.message {
          * Adds messages for AngularJS build-in validators (eg "required" and "number") or for specific fields (eg "Person.lastName.required").
          * @param messages the list of key/value pairs.
          */
-        addMessages(messages: any): void;
+        addMessages(messages: {[key:string]: string}): void;
 
         /**
          * Gets the validator message.
@@ -51,7 +51,7 @@ declare namespace valdr.message {
         setTemplate(template: string): void;
 
         /**
-         * Sets the URL for the default message template (eg "/partials/valdrMesssageTemplate.html").
+         * Sets the URL for the default message template (eg "/partials/valdrMessageTemplate.html").
          * @param url the URL of the default message template.
          */
         setTemplateUrl(url: string): void;
@@ -60,7 +60,7 @@ declare namespace valdr.message {
          * Adds messages for AngularJS build-in validators (eg "required" and "number") or for specific fields (eg "Person.lastName.required").
          * @param messages the list of key/value pairs.
          */
-        addMessages(messages: any): void;
+        addMessages(messages: {[key:string]: string}): void;
 
         /**
          * Gets the validator message.
@@ -71,4 +71,4 @@ declare namespace valdr.message {
          */
         getMessage(typeName: string, fieldName: string, validatorName: string): string;
     }
-}
\ No newline at end of file
+}

From 2734133d7122658b08c1fbcbff42b2252098ed4e Mon Sep 17 00:00:00 2001
From: Christopher Cortes <christophercr@gmail.com>
Date: Fri, 30 Sep 2016 17:31:18 +0200
Subject: [PATCH 110/382] Expand Valdr typings tests

Expand tests to include added typings for ValdrValidationResult and ValdrConstraints
---
 valdr/valdr-tests.ts | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/valdr/valdr-tests.ts b/valdr/valdr-tests.ts
index eb263223d3..674f763606 100644
--- a/valdr/valdr-tests.ts
+++ b/valdr/valdr-tests.ts
@@ -3,6 +3,25 @@
 function ValdrTests() {
     var valdr: valdr.Valdr;
     var validation = valdr.validate('person', 'lastName', 'test');
+    var isValid = validation.valid;
+    var violations = validation.violations;
+    violations.forEach(function(violation) {
+        var valid = violation.valid;
+        var value = violation.value;
+        var field = violation.field;
+        var type = violation.type;
+        var validator = violation.validator;
+        var message = violation.message;
+	});
+    var results = validation.validationResults;
+    results.forEach(function(violation) {
+        var valid = violation.valid;
+        var value = violation.value;
+        var field = violation.field;
+        var type = violation.type;
+        var validator = violation.validator;
+        var message = violation.message;
+    });
     valdr.addConstraints({
         'person': {
             'lastName': {
@@ -14,6 +33,10 @@ function ValdrTests() {
     });
     valdr.removeConstraints('person');
     var constraints = valdr.getConstraints();
+    var constraintTypeName = constraints["person"];
+    var constraintFieldName = constraintTypeName["lastName"];
+    var constraintValidatorName = constraintFieldName["test"];
+    var validationMessage = constraintValidatorName.message;
     valdr.setClasses({
         valid: 'demo-is-valid',
         invalid: 'demo-is-invalid'
@@ -35,4 +58,4 @@ function ValdrProviderTests() {
     valdrProvider.setConstraintUrl('/api/constraints');
     valdrProvider.addValidator('customValidator');
     valdrProvider.addConstraintAlias('customValidator', 'customValidatorAlias');
-}
\ No newline at end of file
+}

From dd4dffc5d985f154a1d76a769291eb0aea96d1da Mon Sep 17 00:00:00 2001
From: Christopher Cortes <christophercr@gmail.com>
Date: Fri, 30 Sep 2016 17:33:21 +0200
Subject: [PATCH 111/382] Fix spacing

Replace tabs by spaces
---
 valdr/valdr-tests.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/valdr/valdr-tests.ts b/valdr/valdr-tests.ts
index 674f763606..20cffd91eb 100644
--- a/valdr/valdr-tests.ts
+++ b/valdr/valdr-tests.ts
@@ -12,7 +12,7 @@ function ValdrTests() {
         var type = violation.type;
         var validator = violation.validator;
         var message = violation.message;
-	});
+    });
     var results = validation.validationResults;
     results.forEach(function(violation) {
         var valid = violation.valid;
@@ -31,12 +31,12 @@ function ValdrTests() {
             }
         }
     });
-    valdr.removeConstraints('person');
     var constraints = valdr.getConstraints();
     var constraintTypeName = constraints["person"];
     var constraintFieldName = constraintTypeName["lastName"];
     var constraintValidatorName = constraintFieldName["test"];
     var validationMessage = constraintValidatorName.message;
+    valdr.removeConstraints('person');
     valdr.setClasses({
         valid: 'demo-is-valid',
         invalid: 'demo-is-invalid'

From 9c31d1146789d99543928624b437f879583d39e6 Mon Sep 17 00:00:00 2001
From: Christopher Cortes <christophercr@gmail.com>
Date: Fri, 30 Sep 2016 17:34:29 +0200
Subject: [PATCH 112/382] Rename vars in test

Rename vars to make test clearer
---
 valdr/valdr-tests.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/valdr/valdr-tests.ts b/valdr/valdr-tests.ts
index 20cffd91eb..4f33549946 100644
--- a/valdr/valdr-tests.ts
+++ b/valdr/valdr-tests.ts
@@ -32,10 +32,10 @@ function ValdrTests() {
         }
     });
     var constraints = valdr.getConstraints();
-    var constraintTypeName = constraints["person"];
-    var constraintFieldName = constraintTypeName["lastName"];
-    var constraintValidatorName = constraintFieldName["test"];
-    var validationMessage = constraintValidatorName.message;
+    var constraintType = constraints["person"];
+    var constraintField = constraintType["lastName"];
+    var constraintValidator = constraintField["test"];
+    var validationMessage = constraintValidator.message;
     valdr.removeConstraints('person');
     valdr.setClasses({
         valid: 'demo-is-valid',

From 6ef7a05b7781d436fef8e72968d0e72d606305f2 Mon Sep 17 00:00:00 2001
From: Christopher Cortes <christophercr@gmail.com>
Date: Fri, 30 Sep 2016 17:45:57 +0200
Subject: [PATCH 113/382] Fix TS issues

Added missing types
---
 valdr/valdr-tests.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/valdr/valdr-tests.ts b/valdr/valdr-tests.ts
index 4f33549946..38af12a95e 100644
--- a/valdr/valdr-tests.ts
+++ b/valdr/valdr-tests.ts
@@ -5,7 +5,7 @@ function ValdrTests() {
     var validation = valdr.validate('person', 'lastName', 'test');
     var isValid = validation.valid;
     var violations = validation.violations;
-    violations.forEach(function(violation) {
+    violations.forEach(function(violation:ValdrViolation) {
         var valid = violation.valid;
         var value = violation.value;
         var field = violation.field;
@@ -14,7 +14,7 @@ function ValdrTests() {
         var message = violation.message;
     });
     var results = validation.validationResults;
-    results.forEach(function(violation) {
+    results.forEach(function(violation:ValdrViolation) {
         var valid = violation.valid;
         var value = violation.value;
         var field = violation.field;

From b522e153529738d7a469c827aab3792daba71fec Mon Sep 17 00:00:00 2001
From: Christopher Cortes <christophercr@gmail.com>
Date: Fri, 30 Sep 2016 17:49:28 +0200
Subject: [PATCH 114/382] Remove undefined

In TS by default null and undefined are subtypes of all other types
---
 valdr/valdr.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/valdr/valdr.d.ts b/valdr/valdr.d.ts
index 2762eabc1e..3de33267cb 100644
--- a/valdr/valdr.d.ts
+++ b/valdr/valdr.d.ts
@@ -48,8 +48,8 @@ declare namespace valdr {
 
     interface ValdrValidationResult {
         valid: boolean;
-        violations: ValdrViolation[]|undefined;
-        validationResults: ValdrViolation[]|undefined;
+        violations: ValdrViolation[];
+        validationResults: ValdrViolation[];
     }
 
     interface Valdr {

From 01566c4b78e236850f41b712bfcf979b5edbf417 Mon Sep 17 00:00:00 2001
From: Christopher Cortes <christophercr@gmail.com>
Date: Fri, 30 Sep 2016 17:54:32 +0200
Subject: [PATCH 115/382] Fix wrong type

Add missing namespace
---
 valdr/valdr-tests.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/valdr/valdr-tests.ts b/valdr/valdr-tests.ts
index 38af12a95e..be3348e792 100644
--- a/valdr/valdr-tests.ts
+++ b/valdr/valdr-tests.ts
@@ -5,7 +5,7 @@ function ValdrTests() {
     var validation = valdr.validate('person', 'lastName', 'test');
     var isValid = validation.valid;
     var violations = validation.violations;
-    violations.forEach(function(violation:ValdrViolation) {
+    violations.forEach(function(violation:valdr.ValdrViolation) {
         var valid = violation.valid;
         var value = violation.value;
         var field = violation.field;
@@ -14,7 +14,7 @@ function ValdrTests() {
         var message = violation.message;
     });
     var results = validation.validationResults;
-    results.forEach(function(violation:ValdrViolation) {
+    results.forEach(function(violation:valdr.ValdrViolation) {
         var valid = violation.valid;
         var value = violation.value;
         var field = violation.field;

From 3bd078da5369b8e2efb55a8d113578c1dc63d2fb Mon Sep 17 00:00:00 2001
From: Jakub Skopal <j@kubs.cz>
Date: Sat, 1 Oct 2016 18:41:37 +0200
Subject: [PATCH 116/382] changed versionKey in Schema spec to string

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

diff --git a/mongoose/mongoose.d.ts b/mongoose/mongoose.d.ts
index 9e5600e696..928949ec59 100644
--- a/mongoose/mongoose.d.ts
+++ b/mongoose/mongoose.d.ts
@@ -696,7 +696,7 @@ declare module "mongoose" {
     /** defaults to true */
     validateBeforeSave?: boolean;
     /** defaults to "__v" */
-    versionKey?: boolean;
+    versionKey?: string;
     /**
      * skipVersioning allows excluding paths from
      * versioning (the internal revision will not be

From ee1fbc5e9cab1afa9aa0a20be657c22629a1e43f Mon Sep 17 00:00:00 2001
From: unHealthy <zhutian.chen@outlook.com>
Date: Sun, 2 Oct 2016 16:33:02 +0800
Subject: [PATCH 117/382] better structure

---
 passport/passport.d.ts | 82 ++++++++++++++++++------------------------
 1 file changed, 34 insertions(+), 48 deletions(-)

diff --git a/passport/passport.d.ts b/passport/passport.d.ts
index 088156b2d3..5231b1fdac 100644
--- a/passport/passport.d.ts
+++ b/passport/passport.d.ts
@@ -27,30 +27,11 @@ declare namespace Express {
 declare module 'passport' {
     import express = require('express');
 
-    function use(strategy: Strategy): Passport;
-    function use(name: string, strategy: Strategy): Passport;
-    function unuse(name: string): Passport;
-    function framework(fw: Framework): Passport;
-    function initialize(options?: { userProperty: string; }): express.Handler;
-    function session(options?: { pauseStream: boolean; }): express.Handler;
-
-    function authenticate(strategy: string, callback?: Function): express.Handler;
-    function authenticate(strategy: string, options: Object, callback?: Function): express.Handler;
-    function authenticate(strategies: string[], callback?: Function): express.Handler;
-    function authenticate(strategies: string[], options: Object, callback?: Function): express.Handler;
-    function authorize(strategy: string, callback?: Function): express.Handler;
-    function authorize(strategy: string, options: Object, callback?: Function): express.Handler;
-    function authorize(strategies: string[], callback?: Function): express.Handler;
-    function authorize(strategies: string[], options: Object, callback?: Function): express.Handler;
-    function serializeUser(fn: (user: any, done: (err: any, id: any) => void) => void): void;
-    function deserializeUser(fn: (id: any, done: (err: any, user: any) => void) => void): void;
-    function transformAuthInfo(fn: (info: any, done: (err: any, info: any) => void) => void): void;
-
     interface Passport {
-        use(strategy: Strategy): Passport;
-        use(name: string, strategy: Strategy): Passport;
+        use(strategy: passport.Strategy): Passport;
+        use(name: string, strategy: passport.Strategy): Passport;
         unuse(name: string): Passport;
-        framework(fw: Framework): Passport;
+        framework(fw: passport.Framework): Passport;
         initialize(options?: { userProperty: string; }): express.Handler;
         session(options?: { pauseStream: boolean; }): express.Handler;
 
@@ -66,33 +47,38 @@ declare module 'passport' {
         deserializeUser(fn: (id: any, done: (err: any, user: any) => void) => void): void;
         transformAuthInfo(fn: (info: any, done: (err: any, info: any) => void) => void): void;
     }
+    const passport: Passport;
+    export = passport;
 
-    interface Strategy {
-        name?: string;
-        authenticate(req: express.Request, options?: Object): void;
+    namespace passport {
+        interface Strategy {
+            name?: string;
+            authenticate(req: express.Request, options?: Object): void;
+        }
+
+        interface Profile {
+            provider: string;
+            id: string;
+            displayName: string;
+            name?: {
+                familyName: string;
+                givenName: string;
+                middleName?: string;
+            };
+            emails?: {
+                value: string;
+                type?: string;
+            }[];
+            photos?: {
+                value: string;
+            }[];
+        }
+
+        interface Framework {
+            initialize(passport: Passport, options?: Object): Function;
+            authenticate(passport: Passport, name: string, options?: Object, callback?: Function): Function;
+            authorize?(passport: Passport, name: string, options?: Object, callback?: Function): Function;
+        }
     }
 
-    interface Profile {
-        provider: string;
-        id: string;
-        displayName: string;
-        name?: {
-            familyName: string;
-            givenName: string;
-            middleName?: string;
-        };
-        emails?: {
-            value: string;
-            type?: string;
-        }[];
-        photos?: {
-            value: string;
-        }[];
-    }
-
-    interface Framework {
-        initialize(passport: Passport, options?: Object): Function;
-        authenticate(passport: Passport, name: string, options?: Object, callback?: Function): Function;
-        authorize?(passport: Passport, name: string, options?: Object, callback?: Function): Function;
-    }
 }

From 55c35bf01e8e1d1e0b81711583d4bf568431ea21 Mon Sep 17 00:00:00 2001
From: Eric Wieser <wieser.eric@gmail.com>
Date: Sun, 2 Oct 2016 01:03:02 +0100
Subject: [PATCH 118/382] Add argumentless Q()

---
 q/Q-tests.ts | 1 +
 q/Q.d.ts     | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/q/Q-tests.ts b/q/Q-tests.ts
index e59f2dc1b3..eaa1241016 100644
--- a/q/Q-tests.ts
+++ b/q/Q-tests.ts
@@ -4,6 +4,7 @@
 import q = require('q');
 
 Q(8).then(x => console.log(x.toExponential()));
+Q().then(() => console.log("nothing"));
 
 var delay = function (delay: number) {
     var d = Q.defer<void>();
diff --git a/q/Q.d.ts b/q/Q.d.ts
index 1fa4642121..55ac3df6a1 100644
--- a/q/Q.d.ts
+++ b/q/Q.d.ts
@@ -12,6 +12,10 @@ declare function Q<T>(promise: Q.IPromise<T>): Q.Promise<T>;
  * If value is not a promise, returns a promise that is fulfilled with value.
  */
 declare function Q<T>(value: T): Q.Promise<T>;
+/**
+ * Calling with nothing at all creates a void promise
+ */
+declare function Q(): Q.Promise<void>;
 
 declare namespace Q {
     interface IPromise<T> {

From 4aa07d54c7c522f7a983e6c75663bc35f51e27ba Mon Sep 17 00:00:00 2001
From: Sam Verschueren <sam.verschueren@gmail.com>
Date: Mon, 3 Oct 2016 14:24:21 +0200
Subject: [PATCH 119/382] add definitions for tz-format (#11565)

* add definitions for tz-format

* fix return type
---
 tz-format/tz-format-tests.ts |  6 ++++++
 tz-format/tz-format.d.ts     | 10 ++++++++++
 2 files changed, 16 insertions(+)
 create mode 100644 tz-format/tz-format-tests.ts
 create mode 100644 tz-format/tz-format.d.ts

diff --git a/tz-format/tz-format-tests.ts b/tz-format/tz-format-tests.ts
new file mode 100644
index 0000000000..54e17eeb38
--- /dev/null
+++ b/tz-format/tz-format-tests.ts
@@ -0,0 +1,6 @@
+/// <reference path="tz-format.d.ts" />
+
+import * as format from 'tz-format';
+
+format();
+format(new Date());
diff --git a/tz-format/tz-format.d.ts b/tz-format/tz-format.d.ts
new file mode 100644
index 0000000000..fa8b1c000b
--- /dev/null
+++ b/tz-format/tz-format.d.ts
@@ -0,0 +1,10 @@
+// Type definitions for tz-format
+// Project: https://github.com/SamVerschueren/tz-format
+// Definitions by: Sam Verschueren <https://github.com/samverschueren>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "tz-format" {
+	function format(date?: Date): string;
+	namespace format { }
+	export = format;
+}

From 76eedd816aeb57b2ab3e551a8b36f6008a4268b3 Mon Sep 17 00:00:00 2001
From: Erkie <erik.rothoff@gmail.com>
Date: Mon, 3 Oct 2016 14:24:53 +0200
Subject: [PATCH 120/382] Create typings for ngeohash (#11634)

---
 ngeohash/ngeohash-tests.ts | 10 ++++++++++
 ngeohash/ngeohash.d.ts     | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 ngeohash/ngeohash-tests.ts
 create mode 100644 ngeohash/ngeohash.d.ts

diff --git a/ngeohash/ngeohash-tests.ts b/ngeohash/ngeohash-tests.ts
new file mode 100644
index 0000000000..0ff987802e
--- /dev/null
+++ b/ngeohash/ngeohash-tests.ts
@@ -0,0 +1,10 @@
+///<reference path="ngeohash.d.ts"/>
+
+import geohash = require('ngeohash');
+
+console.log(geohash.encode(37.8324, 112.5584));
+// prints ww8p1r4t8
+
+var latlon = geohash.decode('ww8p1r4t8');
+console.log(latlon.latitude);
+console.log(latlon.longitude);
diff --git a/ngeohash/ngeohash.d.ts b/ngeohash/ngeohash.d.ts
new file mode 100644
index 0000000000..25c8f29e5b
--- /dev/null
+++ b/ngeohash/ngeohash.d.ts
@@ -0,0 +1,32 @@
+// Type definitions for ngeohash v0.6.0
+// Project: https://github.com/sunng87/node-geohash
+// Definitions by: Erik Rothoff Andersson <https://github.com/erkie>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped/
+
+declare namespace ngeohash {
+  interface GeographicPoint {
+    latitude: number;
+    longitude: number;
+  }
+
+  type GeographicBoundingBox = [number, number, number, number];
+  type NSEW = [number, number];
+
+  function encode(latitude: number, longitude: number, precision?: number): string;
+  function decode(hashstring: string): GeographicPoint;
+  function decode_bbox(hashstring: string): GeographicBoundingBox;
+  function bboxes(minlat: number, minlon: number, maxlat: number, maxlon: number, precision?: number): Array<string>;
+  function neighbor(hashstring: string, direction: NSEW): string;
+  function neighbors(hashstring: string): Array<string>;
+
+  function encode_int(latitude: number, longitude: number, bitDepth?: number): number;
+  function decode_int(hashinteger: number, bitDepth?: number): GeographicPoint;
+  function decode_bbox_int(hashinteger: number, bitDepth?: number): GeographicBoundingBox;
+  function bboxes_int(minlat: number, minlon: number, maxlat: number, maxlon: number, bitDepth?: number): number;
+  function neighbor_int(hashinteger: number, direction: NSEW, bitDepth?: number): number;
+  function neighbors_int(hashinteger: number, bitDepth?: number): number;
+}
+
+declare module "ngeohash" {
+  export = ngeohash;
+}

From a4a4b87bc91507afa71664b7c1612798ab11896f Mon Sep 17 00:00:00 2001
From: Stefan Dobrev <stefan.dobrev@gmail.com>
Date: Mon, 3 Oct 2016 15:27:59 +0300
Subject: [PATCH 121/382] [nprogress] Update configuration properties (#11627)

Update a couple of nprogress configuration properties:
* `ease` is renamed to `easing`.
* `trickleRate` is removed.
* `parent` is added.

More info [here](https://github.com/rstacruz/nprogress/blob/master/nprogress.js#L19-L31)
---
 nprogress/NProgress-tests.ts |  6 +++---
 nprogress/NProgress.d.ts     | 14 +++++++-------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/nprogress/NProgress-tests.ts b/nprogress/NProgress-tests.ts
index 3d07cafa2b..2a62eb27b2 100644
--- a/nprogress/NProgress-tests.ts
+++ b/nprogress/NProgress-tests.ts
@@ -21,13 +21,13 @@ function test_configuration() {
     });
 
     NProgress.configure({
-        ease: 'ease',
+        easing: 'ease',
         minimum: 0.09,
         showSpinner: false,
         speed: 420,
         template: "<div>blah</div>",
         trickle: false,
-        trickleRate: 0.42,
-        trickleSpeed: 42
+        trickleSpeed: 42,
+        parent: 'body',
     });
 }
diff --git a/nprogress/NProgress.d.ts b/nprogress/NProgress.d.ts
index 646290fee9..0f84d8af46 100644
--- a/nprogress/NProgress.d.ts
+++ b/nprogress/NProgress.d.ts
@@ -68,16 +68,16 @@ interface NProgressStatic {
 
 interface NProgressConfigureOptions {
 
+    /**
+     * CSS selector to change the parent DOM element of the progress. Default is body.
+     */
+    parent?: string
+
     /**
      * The minimum progress percentage. Default is 0.08.
      */
     minimum?: number;
 
-    /**
-     * How much to increase per trickle. Example: .02. Default is true.
-     */
-    trickleRate?: number;
-
     /**
      * How often to trickle, in milliseconds. Default is 800.
      */
@@ -94,9 +94,9 @@ interface NProgressConfigureOptions {
     trickle?: boolean;
 
     /**
-     * The CSS easing animation to use. Default is 'ease'.
+     * The CSS easing animation to use. Default is 'linear'.
      */
-    ease?: string;
+    easing?: string;
 
     /**
      * The animation speed in milliseconds. Default is 200.

From 8a47541d7ed17b87ddeb6d5edf28600a2f5cbd17 Mon Sep 17 00:00:00 2001
From: Garth Kidd <garth@garthk.com>
Date: Mon, 3 Oct 2016 23:28:13 +1100
Subject: [PATCH 122/382] Fix leaflet L.GeoJSON.addData et al (#11590) (#11591)

---
 leaflet/leaflet.d.ts | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/leaflet/leaflet.d.ts b/leaflet/leaflet.d.ts
index e203a066ec..50051df19d 100644
--- a/leaflet/leaflet.d.ts
+++ b/leaflet/leaflet.d.ts
@@ -815,36 +815,34 @@ declare namespace L {
      * Represents a GeoJSON object or an array of GeoJSON objects.
      * Allows you to parse GeoJSON data and display it on the map. Extends FeatureGroup.
      */
-    export interface GeoJSON extends FeatureGroup {}
-
-    export namespace GeoJSON {
+    export interface GeoJSON extends FeatureGroup {
         /**
          * Adds a GeoJSON object to the layer.
          */
-        export function addData(data: Object): Layer;
+        addData(data: Object): Layer;
 
         /**
          * Resets the given vector layer's style to the original GeoJSON style,
          * useful for resetting style after hover events.
          */
-        export function resetStyle(layer: Layer): Layer;
+        resetStyle(layer: Layer): Layer;
 
         /**
          * Changes styles of GeoJSON vector layers with the given style function.
          */
-        export function setStyle(style: PathOptions | StyleFunction): Layer;
+        setStyle(style: PathOptions | StyleFunction): this;
 
         /**
          * Creates a Layer from a given GeoJSON feature. Can use a custom pointToLayer
          * and/or coordsToLatLng functions if provided as options.
          */
-        export function geometryToLayer(featureData: Object, options?: GeoJSONOptions): Layer;
+        geometryToLayer(featureData: Object, options?: GeoJSONOptions): Layer;
 
         /**
          * Creates a LatLng object from an array of 2 numbers (longitude, latitude) or
          * 3 numbers (longitude, latitude, altitude) used in GeoJSON for points.
          */
-        export function coordsToLatLng(coords: [number, number] | [number, number, number]): LatLng;
+        coordsToLatLng(coords: [number, number] | [number, number, number]): LatLng;
 
         /**
          * Creates a multidimensional array of LatLngs from a GeoJSON coordinates array.
@@ -852,24 +850,24 @@ declare namespace L {
          * arrays of points, etc., 0 by default).
          * Can use a custom coordsToLatLng function.
          */
-        export function coordsToLatLngs(coords: Array<number>, levelsDeep?: number, coordsToLatLng?: (coords: [number, number] | [number, number, number]) => LatLng): LatLng[]; // Not entirely sure how to define arbitrarily nested arrays
+        coordsToLatLngs(coords: Array<number>, levelsDeep?: number, coordsToLatLng?: (coords: [number, number] | [number, number, number]) => LatLng): LatLng[]; // Not entirely sure how to define arbitrarily nested arrays
 
         /**
          * Reverse of coordsToLatLng
          */
-        export function latLngToCoords(latlng: LatLng): [number, number] | [number, number, number];
+        latLngToCoords(latlng: LatLng): [number, number] | [number, number, number];
 
         /**
          * Reverse of coordsToLatLngs closed determines whether the first point should be
          * appended to the end of the array to close the feature, only used when levelsDeep is 0.
          * False by default.
          */
-        export function latLngsToCoords(latlngs: Array<LatLng>, levelsDeep?: number, closed?: boolean): [number, number] | [number, number, number];
+        latLngsToCoords(latlngs: Array<LatLng>, levelsDeep?: number, closed?: boolean): [number, number] | [number, number, number];
 
         /**
          * Normalize GeoJSON geometries/features into GeoJSON features.
          */
-        export function asFeature(geojson: Object): Object;
+        asFeature(geojson: Object): Object;
     }
 
     /**

From 7b1e7800456dad6e1092113bc22fe737bc017e7b Mon Sep 17 00:00:00 2001
From: Julien Chaumond <chaumond@gmail.com>
Date: Mon, 3 Oct 2016 14:41:58 +0200
Subject: [PATCH 123/382] NotificationAlertOptions can have a subtitle (#11638)

---
 apn/apn.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apn/apn.d.ts b/apn/apn.d.ts
index cf11b13c0e..c77f3ddf6d 100644
--- a/apn/apn.d.ts
+++ b/apn/apn.d.ts
@@ -137,6 +137,7 @@ declare module "apn" {
 	}
 	export interface NotificationAlertOptions {
 		title?:string;
+		subtitle?:string;
 		body:string;
 		"title-loc-key"?:string;
 		"title-loc-args"?:string[];

From ddd4bae5eeaac9a48f801a82a963b902705d527f Mon Sep 17 00:00:00 2001
From: AJ Ortega <ajo@renitservices.com>
Date: Mon, 3 Oct 2016 05:43:39 -0700
Subject: [PATCH 124/382] Parse5 comment data (#11649)

* Add test for data

* Update parse5.d.ts
---
 parse5/parse5-tests.ts | 1 +
 parse5/parse5.d.ts     | 1 +
 2 files changed, 2 insertions(+)

diff --git a/parse5/parse5-tests.ts b/parse5/parse5-tests.ts
index 05e1ea683e..81c29395ee 100644
--- a/parse5/parse5-tests.ts
+++ b/parse5/parse5-tests.ts
@@ -60,5 +60,6 @@ fragment.quirksMode = true;
 fragment.namespaceURI = '';
 fragment.nodeName = '';
 fragment.value = '';
+fragment.data = '';
 fragment = fragment.childNodes[0];
 fragment = fragment.parentNode;
diff --git a/parse5/parse5.d.ts b/parse5/parse5.d.ts
index bb77d6c0c3..99dc2263a4 100644
--- a/parse5/parse5.d.ts
+++ b/parse5/parse5.d.ts
@@ -56,6 +56,7 @@ declare module 'parse5' {
     export interface ASTNode {
         attrs: ASTAttribute[];
         childNodes?: ASTNode[];
+        data?: string;
         namespaceURI?: string;
         parentNode?: ASTNode;
         nodeName: string;

From ebfa2f08edfe5f5398357c63339a462e702d9484 Mon Sep 17 00:00:00 2001
From: Thodoris Greasidis <thgreasi@gmail.com>
Date: Mon, 3 Oct 2016 15:57:09 +0300
Subject: [PATCH 125/382] feat: add localforage-cordovasqlitedriver definition
 (#11650)

---
 .../localforage-cordovasqlitedriver-tests.ts  | 56 +++++++++++++++++++
 .../localforage-cordovasqlitedriver.d.ts      | 11 ++++
 2 files changed, 67 insertions(+)
 create mode 100644 localforage-cordovasqlitedriver/localforage-cordovasqlitedriver-tests.ts
 create mode 100644 localforage-cordovasqlitedriver/localforage-cordovasqlitedriver.d.ts

diff --git a/localforage-cordovasqlitedriver/localforage-cordovasqlitedriver-tests.ts b/localforage-cordovasqlitedriver/localforage-cordovasqlitedriver-tests.ts
new file mode 100644
index 0000000000..d6a9ac4ae2
--- /dev/null
+++ b/localforage-cordovasqlitedriver/localforage-cordovasqlitedriver-tests.ts
@@ -0,0 +1,56 @@
+/// <reference path="localforage-cordovasqlitedriver.d.ts" />
+
+declare var cordovaSQLiteDriver: LocalForageDriver;
+
+() => {
+
+    var driverName: string = cordovaSQLiteDriver._driver;
+
+    var config = {
+        driver: driverName,
+        name: 'localforage'
+    };
+
+    cordovaSQLiteDriver._initStorage(config);
+
+    cordovaSQLiteDriver.clear((err: any) => {
+        var newError: any = err;
+    });
+
+    cordovaSQLiteDriver.length((err: any, num: number) => {
+        var newError: any = err;
+        var newNumber: number = num;
+    });
+
+    cordovaSQLiteDriver.key(0, (err: any, value: string) => {
+        var newError: any = err;
+        var newValue: string = value;
+    });
+
+    cordovaSQLiteDriver.keys((err: any, keys: Array<string>) => {
+        var newError: any = err;
+        var newArray: Array<string> = keys;
+    });
+
+    cordovaSQLiteDriver.getItem("key",(err: any, str: string) => {
+        var newError: any = err;
+        var newStr: string = str
+    });
+  
+    cordovaSQLiteDriver.setItem("key", "value", (err: any, str: string) => {
+        var newError: any = err;
+        var newStr: string = str
+    });
+
+    cordovaSQLiteDriver.setItem("key", "value", (str: string) => {
+        var newStr: string = str;
+    });
+  
+    cordovaSQLiteDriver.removeItem("key",(err: any) => {
+        var newError: any = err;
+    });
+
+    cordovaSQLiteDriver.removeItem("key", (err: any) => {
+        var newError: any = err;
+    });
+}
\ No newline at end of file
diff --git a/localforage-cordovasqlitedriver/localforage-cordovasqlitedriver.d.ts b/localforage-cordovasqlitedriver/localforage-cordovasqlitedriver.d.ts
new file mode 100644
index 0000000000..22327f12b9
--- /dev/null
+++ b/localforage-cordovasqlitedriver/localforage-cordovasqlitedriver.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for localforage-cordovasqlitedriver module v1.0+
+// Project: https://github.com/thgreasi/localForage-cordovaSQLiteDriver
+// Definitions by: Thodoris Greasidis <https://github.com/thgreasi>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../localForage/localForage.d.ts" />
+
+declare module "localforage-cordovasqlitedriver" {
+    var cordovaSQLiteDriver: LocalForageDriver;
+    export = cordovaSQLiteDriver;
+}

From e35513ae8fe0209e86eb72958efc3f9fc5c80eda Mon Sep 17 00:00:00 2001
From: Cyril Schumacher <cyril_schumacher@live.fr>
Date: Mon, 3 Oct 2016 15:05:12 +0200
Subject: [PATCH 126/382] Fix export for "bunyan-config" and improve
 definitions (#11653)

* Fix export for "bunyan-config".

* Update definitions.
Replace "Object" to "{}" type.
Add "express" property in "VitalSigns" class.
---
 bunyan-config/bunyan-config-tests.ts |  2 +-
 bunyan-config/bunyan-config.d.ts     |  2 +-
 express-mung/express-mung.d.ts       |  4 ++--
 vitalsigns/vitalsigns-tests.ts       | 10 +++++++---
 vitalsigns/vitalsigns.d.ts           | 16 +++++++++++++---
 5 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/bunyan-config/bunyan-config-tests.ts b/bunyan-config/bunyan-config-tests.ts
index 6a15aff601..71d22ee2a4 100644
--- a/bunyan-config/bunyan-config-tests.ts
+++ b/bunyan-config/bunyan-config-tests.ts
@@ -1,7 +1,7 @@
 /// <reference path="bunyan-config.d.ts"/>
 
 import * as bunyan from "bunyan";
-import bunyanConfig from "bunyan-config";
+import bunyanConfig = require("bunyan-config");
 
 var jsonConfig = {
     name: "myLogger",
diff --git a/bunyan-config/bunyan-config.d.ts b/bunyan-config/bunyan-config.d.ts
index 68a095b9b8..fb68702aee 100644
--- a/bunyan-config/bunyan-config.d.ts
+++ b/bunyan-config/bunyan-config.d.ts
@@ -27,5 +27,5 @@ declare module "bunyan-config" {
      * @return {LoggerOptions} A logger options.
      */
     function bunyanConfig(jsonConfig?: Configuration): bunyan.LoggerOptions;
-    export default bunyanConfig;
+    export = bunyanConfig;
 }
diff --git a/express-mung/express-mung.d.ts b/express-mung/express-mung.d.ts
index 6dfee7d557..6f9a844c7a 100644
--- a/express-mung/express-mung.d.ts
+++ b/express-mung/express-mung.d.ts
@@ -10,8 +10,8 @@ declare module "express-mung" {
     import { Request, Response } from "express";
     import * as http from "http";
 
-    type Transform = (body: {}, request: Request, response: Response) => {};
-    type TransformHeader = (body: http.IncomingMessage, request: Request, response: Response) => {};
+    type Transform = (body: {}, request: Request, response: Response) => any;
+    type TransformHeader = (body: http.IncomingMessage, request: Request, response: Response) => any;
 
     /**
      * Transform the JSON body of the response.
diff --git a/vitalsigns/vitalsigns-tests.ts b/vitalsigns/vitalsigns-tests.ts
index 1e22dec433..8136dfcfbd 100644
--- a/vitalsigns/vitalsigns-tests.ts
+++ b/vitalsigns/vitalsigns-tests.ts
@@ -1,11 +1,12 @@
 /// <reference path="vitalsigns.d.ts"/>
 
+import * as express from "express";
 import VitalSigns = require("vitalsigns");
 
 var vitals = new VitalSigns();
 
 vitals.monitor('cpu');
-vitals.monitor('mem', {units: 'MB'});
+vitals.monitor('mem', { units: 'MB' });
 vitals.monitor('tick');
 
 vitals.unhealthyWhen('cpu', 'usage').equals(100);
@@ -13,7 +14,7 @@ vitals.unhealthyWhen('tick', 'maxMs').greaterThan(500);
 
 vitals.monitor({
     connections: () => new Object()
-}, {name: 'game'});
+}, { name: 'game' });
 
 var vitals = new VitalSigns({
     autoCheck: 5000,
@@ -21,5 +22,8 @@ var vitals = new VitalSigns({
     httpUnhealthy: 503
 });
 
-vitals.monitor('cpu', {name: 'foo'});
+vitals.monitor('cpu', { name: 'foo' });
 vitals.unhealthyWhen('foo', 'bar').not.greaterThan(5);
+
+var app = express();
+app.get('/health', vitals.express);
diff --git a/vitalsigns/vitalsigns.d.ts b/vitalsigns/vitalsigns.d.ts
index c74a42f08a..f58a88962d 100644
--- a/vitalsigns/vitalsigns.d.ts
+++ b/vitalsigns/vitalsigns.d.ts
@@ -3,7 +3,11 @@
 // Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+///<reference path="../express/express.d.ts"/>
+
 declare module "vitalsigns" {
+    import { RequestHandler } from "express";
+
     namespace vitalsigns {
         /**
          * Contraint.
@@ -148,6 +152,12 @@ declare module "vitalsigns" {
          */
         destroy(): void;
 
+        /**
+         * Gets a request handler.
+         * @type {RequestHandler}
+         */
+        express: RequestHandler;
+
         /**
          * Retrieves an array of human-readable messages that define the specific health constraints that failed when running the last health check.
          * @returns {Array<string>} An array of failure messages.
@@ -160,7 +170,7 @@ declare module "vitalsigns" {
          * @param {ReportOptions} [options] A mapping of options to customize this report.
          * @return {Object} The full health report.
          */
-        getReport(options?: vitalsigns.ReportOptions): Object;
+        getReport(options?: vitalsigns.ReportOptions): {};
 
         /**
          * Generates a health report and checks each health constraint against it. Any constraints that fail will be added to the 'failed' array in the form of
@@ -168,14 +178,14 @@ declare module "vitalsigns" {
          * @param {Object} [report] A report object on which to run the health constraints. If omitted, this function will generate a health report automatically.
          * @return {boolean} true if all health constraints passed; false otherwise.
          */
-        isHealthy(report?: Object): boolean;
+        isHealthy(report?: {}): boolean;
 
         /**
          * Registers monitor.
          * @param {string} monitorName A monitor name.
          * @param {MonitorField} [field] Options.
          */
-        monitor(monitor: string | vitalsigns.Monitor | Object, field?: vitalsigns.MonitorField): void;
+        monitor(monitor: string | vitalsigns.Monitor | {}, field?: vitalsigns.MonitorField): void;
 
         /**
          * Defines a new health constraint in a chainable, more easily readable format.

From 0961889be53327e3a23a72d18c604e2a933a4575 Mon Sep 17 00:00:00 2001
From: Ciro <ciroreed@gmail.com>
Date: Mon, 3 Oct 2016 15:05:26 +0200
Subject: [PATCH 127/382] Update ejs.d.ts (#11467)

This typings give an error when templating HTML

Error: Cannot invoke an expression whose type lacks a call signature.

my code
```javascript
var templateFunction = EJS.compile(SOMESTRTEMPLATE);
myDomElement.innerHTML = templateFunction(someDataObject) // <= ERROR
```
---
 ejs/ejs.d.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/ejs/ejs.d.ts b/ejs/ejs.d.ts
index 6e2347fbc5..e80b5794a1 100644
--- a/ejs/ejs.d.ts
+++ b/ejs/ejs.d.ts
@@ -16,9 +16,8 @@ declare module "ejs" {
         function renderFile(path: string, data?: Data, opts?: Options, cb?: Function): any;// TODO RenderFileCallback return type
         function clearCache(): any;
 
-        function TemplateFunction(data: Data): any;
         interface TemplateFunction {
-            dependencies: Dependencies;
+            (data: Data): any;
         }
         interface Options {
             cache?: any;

From 78cbe0e71339c254eca4e9e22e7f612a8b60605b Mon Sep 17 00:00:00 2001
From: spacejack <spacejack@users.noreply.github.com>
Date: Mon, 3 Oct 2016 09:12:44 -0400
Subject: [PATCH 128/382] Added hyperscript module (#11661)

---
 hyperscript/hyperscript-tests.ts | 58 ++++++++++++++++++++++++++++++++
 hyperscript/hyperscript.d.ts     | 19 +++++++++++
 2 files changed, 77 insertions(+)
 create mode 100644 hyperscript/hyperscript-tests.ts
 create mode 100644 hyperscript/hyperscript.d.ts

diff --git a/hyperscript/hyperscript-tests.ts b/hyperscript/hyperscript-tests.ts
new file mode 100644
index 0000000000..b850bbf4cb
--- /dev/null
+++ b/hyperscript/hyperscript-tests.ts
@@ -0,0 +1,58 @@
+/// <reference path="./hyperscript.d.ts" />
+import * as h from 'hyperscript'
+
+// Test/example code adapted from https://github.com/dominictarr/hyperscript/blob/master/README.md
+
+// example
+h('div#page',
+	h('div#header',
+		h('h1.classy', 'h', { style: {'background-color': '#22f'} })),
+	h('div#menu', { style: {'background-color': '#2f2'} },
+		h('ul',
+			h('li', 'one'),
+			h('li', 'two'),
+			h('li', 'three'))),
+		h('h2', 'content title', { style: {'background-color': '#f22'} }),
+		h('p',
+			"so it's just like a templating engine,\n",
+			"but easy to use inline with javascript\n"),
+		h('p',
+			"the intension is for this to be used to create\n",
+			"reusable, interactive html widgets. "))
+
+// event
+h('a', {href: '#',
+	onclick: function (e: Event) {
+		alert('you are 1,000,000th visitor!')
+		e.preventDefault()
+	}
+}, 'click here to win a prize')
+
+// array of children
+const obj: {[id: string]: string} = {
+	a: 'Apple',
+	b: 'Banana',
+	c: 'Cherry',
+	d: 'Durian',
+	e: 'Elder Berry'
+}
+h('table',
+	h('tr', h('th', 'letter'), h('th', 'fruit')),
+	Object.keys(obj).map(function (k) {
+		return h('tr',
+			h('th', k),
+			h('td', obj[k])
+		)
+	})
+)
+
+// new context
+const h2 = h.context()
+h2('a', {href: '#',
+	onclick: function (e: Event) {
+		alert('you are 1,000,000th visitor!')
+		e.preventDefault()
+	}
+}, "Click this")
+
+h2.cleanup()
diff --git a/hyperscript/hyperscript.d.ts b/hyperscript/hyperscript.d.ts
new file mode 100644
index 0000000000..4274365404
--- /dev/null
+++ b/hyperscript/hyperscript.d.ts
@@ -0,0 +1,19 @@
+// Type definitions for hyperscript
+// Project: https://github.com/dominictarr/hyperscript
+// Definitions by: Mike Linkovich <https://github.com/spacejack>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'hyperscript' {
+
+	interface HyperScript {
+		/** Creates an HTML element */
+		(tagName: string, ...args: any[]): HTMLElement;
+		/** Cleans up any event handlers created by this hyperscript context */
+		cleanup(): void;
+		/** Creates a new hyperscript context */
+		context(): HyperScript;
+	}
+
+	const h: HyperScript;
+	export = h;
+}

From f3bafd505e08c3813e5a25881aa5fbd5c2876f8d Mon Sep 17 00:00:00 2001
From: Boris Cherny <boris@performancejs.com>
Date: Mon, 3 Oct 2016 06:13:03 -0700
Subject: [PATCH 129/382] update parsimmon typings for parsimmon 0.9.2 (#11648)

* update parsimmon typings for parsimmon 0.9.2

* add overloads for parsimmon#seq

* code review
---
 parsimmon/parsimmon-tests.ts |  33 +++++-
 parsimmon/parsimmon.d.ts     | 223 ++++++++++++++++++++++++-----------
 2 files changed, 184 insertions(+), 72 deletions(-)

diff --git a/parsimmon/parsimmon-tests.ts b/parsimmon/parsimmon-tests.ts
index 569328296f..69a31ee57a 100644
--- a/parsimmon/parsimmon-tests.ts
+++ b/parsimmon/parsimmon-tests.ts
@@ -108,7 +108,8 @@ strPar = P.regex(regex);
 fooPar = P.succeed(foo);
 
 fooArrPar = P.seq(fooPar, fooPar);
-anyArrPar = P.seq(barPar, fooPar, numPar);
+var par: Parser<[Bar, Foo, number]> = P.seq(barPar, fooPar, numPar);
+var par2: Parser<number> = P.seq(barPar, fooPar, numPar).map(([a, b, c]: [Bar, Foo, number]) => 42);
 
 fooPar = P.custom<Foo>((success, failure) => (stream, i) => { str = stream; num = i; return success(num, foo); });
 fooPar = P.custom<Foo>((success, failure) => (stream, i) => failure(num, str));
@@ -139,3 +140,33 @@ strPar = P.any;
 strPar = P.all;
 voidPar = P.eof;
 numPar = P.index;
+
+// --  --  --  --  --  --  --  --  --  --  --  --  --
+
+bool = P.isParser(numPar);
+bool = P.isParser(null);
+bool = P.isParser(42);
+
+strPar = P.oneOf('a');
+strPar = P.noneOf('a');
+
+strPar = P.regex(/foo/);
+strPar = P.regex(/foo/, 3);
+strPar = P.regexp(/bar/);
+strPar = P.regexp(/bar/, 3);
+
+fooPar = P.of(foo);
+
+str = P.formatError('foo', strPar.parse('bar'));
+
+strPar = P.seqMap(P.digit, (a: string) => 'foo');
+numPar = P.seqMap(P.digit, P.digits, (a: string, b: string) => 42);
+strPar = P.seqMap(P.digit, P.digits, P.letter, (a: string, b: string, c: string) => 'foo');
+strPar = P.seqMap(P.digit, P.digits, P.letter, P.letters.map(Number), (a: string, b: string, c: string, d: number) => 'foo');
+
+strPar = P.sepBy(P.string('foo'), P.string('bar'));
+strPar = P.sepBy1(P.string('foo'), P.string('bar'));
+
+strPar = P.test((a: string) => false);
+
+strPar = P.takeWhile((a: string) => true);
\ No newline at end of file
diff --git a/parsimmon/parsimmon.d.ts b/parsimmon/parsimmon.d.ts
index ab6ceab4df..2004fb00bf 100644
--- a/parsimmon/parsimmon.d.ts
+++ b/parsimmon/parsimmon.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for Parsimmon 0.5.0
+// Type definitions for Parsimmon 0.9.2
 // Project: https://github.com/jneen/parsimmon
-// Definitions by: Bart van der Schoor <https://github.com/Bartvds>, Mizunashi Mana <https://github.com/mizunashi-mana>
+// Definitions by: Bart van der Schoor <https://github.com/Bartvds>, Mizunashi Mana <https://github.com/mizunashi-mana>, Boris Cherny <https://github.com/bcherny>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // TODO convert to generics
@@ -24,153 +24,234 @@ declare module 'parsimmon' {
 		}
 
 		export interface Parser<T> {
-			/*
-			 parse the string
+			/**
+			 * parse the string
 			 */
 			parse(input: string): Result<T>;
-			/*
-			 returns a new parser which tries parser, and if it fails uses otherParser.
+			/**
+			 * returns a new parser which tries parser, and if it fails uses otherParser.
 			 */
 			or(otherParser: Parser<T>): Parser<T>;
 			or<U>(otherParser: Parser<U>): Parser<any>;
-			/*
-			 returns a new parser which tries parser, and on success calls the given function with the result of the parse, which is expected to return another parser, which will be tried next
+			/**
+			 * returns a new parser which tries parser, and on success calls the given function
+			 * with the result of the parse, which is expected to return another parser, which
+			 * will be tried next
 			 */
 			chain<U>(next: (result: T) => Parser<U>): Parser<U>;
-			/*
-			 returns a new parser which tries parser, and on success calls the given function with the result of the parse, which is expected to return another parser.
+			/**
+			 * returns a new parser which tries parser, and on success calls the given function
+			 * with the result of the parse, which is expected to return another parser.
 			 */
 			then<U>(call: (result: T) => Parser<U>): Parser<U>;
-			/*
-			 expects anotherParser to follow parser, and yields the result of anotherParser. NB: the result of parser here is ignored.
+			/**
+			 * expects anotherParser to follow parser, and yields the result of anotherParser.
+			 * NB: the result of parser here is ignored.
 			 */
 			then<U>(anotherParser: Parser<U>): Parser<U>;
-			/*
-			 transforms the output of parser with the given function.
+			/**
+			 * transforms the output of parser with the given function.
 			 */
 			map<U>(call: (result: T) => U): Parser<U>;
-			/*
-			 expects otherParser after parser, but preserves the yield value of parser.
+			/**
+			 * expects otherParser after parser, but preserves the yield value of parser.
 			 */
 			skip<U>(otherParser: Parser<U>): Parser<T>;
-			/*
-			 returns a new parser with the same behavior, but which yields aResult.
+			/**
+			 * returns a new parser with the same behavior, but which yields aResult.
 			 */
 			result<U>(aResult: U): Parser<U>;
-			/*
-			 expects parser zero or more times, and yields an array of the results.
+			/**
+			 * expects parser zero or more times, and yields an array of the results.
 			 */
 			many(): Parser<T[]>;
-			/*
-			 expects parser exactly n times, and yields an array of the results.
+			/**
+			 * expects parser exactly n times, and yields an array of the results.
 			 */
 			times(n: number): Parser<T[]>;
-			/*
-			 expects parser between min and max times, and yields an array of the results.
+			/**
+			 * expects parser between min and max times, and yields an array of the results.
 			 */
 			times(min: number, max: number): Parser<T[]>;
-			/*
-			 expects parser at most n times. Yields an array of the results.
+			/**
+			 * expects parser at most n times. Yields an array of the results.
 			 */
 			atMost(n: number): Parser<T[]>;
-			/*
-			 expects parser at least n times. Yields an array of the results.
+			/**
+			 * expects parser at least n times. Yields an array of the results.
 			 */
 			atLeast(n: number): Parser<T[]>;
-			/*
-			 returns a new parser whose failure message is the passed description.
+			/**
+			 * returns a new parser whose failure message is the passed description.
 			 */
 			mark(): Parser<Mark<T>>;
-
+			/**
+			 * Returns a new parser whose failure message is description.
+			 * For example, string('x').desc('the letter x') will indicate that 'the letter x' was expected.
+			 */
 			desc(description: string): Parser<T>;
 		}
-		/*
-		 is a parser that expects to find "my-string", and will yield the same.
-		 */
-		export function string(mystring: string): Parser<string>;
 
-		/*
-		 is a parser that expects the stream to match the given regex.
+		/**
+		 * Returns true if obj is a Parsimmon parser, otherwise false.
 		 */
-		export function regex(myregex: RegExp): Parser<string>;
+		export function isParser(obj: any): boolean;
 
-		/*
-		 is a parser that doesn't consume any of the string, and yields result.
+		/**
+		 * is a parser that expects to find "my-string", and will yield the same.
+		 */
+		export function string(string: string): Parser<string>;
+
+		/**
+		 * Returns a parser that looks for exactly one character from string, and yields that character.
+		 */
+		export function oneOf(string: string): Parser<string>;
+
+		/**
+		 * Returns a parser that looks for exactly one character NOT from string, and yields that character.
+		 */
+		export function noneOf(string: string): Parser<string>;
+
+		/**
+		 * Returns a parser that looks for a match to the regexp and yields the given match group
+		 * (defaulting to the entire match). The regexp will always match starting at the current
+		 * parse location. The regexp may only use the following flags: imu. Any other flag will
+		 * result in an error being thrown.
+		 */
+		export function regexp(myregex: RegExp, group?: number): Parser<string>;
+
+		/**
+		 * This was the original name for Parsimmon.regexp, but now it is just an alias.
+		 */
+		export function regex(myregex: RegExp, group?: number): Parser<string>;
+
+		/**
+		 * Returns a parser that doesn't consume any of the string, and yields result.
 		 */
 		export function succeed<U>(result: U): Parser<U>;
 
-		/*
-		 accepts a variable number of parsers that it expects to find in order, yielding an array of the results.
+		/**
+		 * This is an alias for Parsimmon.succeed(result).
 		 */
-		export function seq<U>(...parsers: Parser<U>[]): Parser<U[]>;
+		export function of<U>(result: U): Parser<U>;
+
+		/**
+		 * accepts a variable number of parsers that it expects to find in order, yielding an array of the results.
+		 */
+		export function seq<T>(p1: Parser<T>): Parser<[T]>;
+		export function seq<T, U>(p1: Parser<T>, p2: Parser<U>): Parser<[T, U]>;
+		export function seq<T, U, V>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>): Parser<[T, U, V]>;
+		export function seq<T, U, V, W>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>): Parser<[T, U, V, W]>;
+		export function seq<T, U, V, W, X>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>): Parser<[T, U, V, W, X]>;
+		export function seq<T, U, V, W, X, Y>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>, p6: Parser<Y>): Parser<[T, U, V, W, X, Y]>;
+		export function seq<T, U, V, W, X, Y, Z>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>, p6: Parser<Y>, p7: Parser<Z>): Parser<[T, U, V, W, X, Y, Z]>;
+		export function seq<T>(...parsers: Parser<T>[]): Parser<T[]>;
 		export function seq(...parsers: Parser<any>[]): Parser<any[]>;
 
+		/**
+		 * Takes the string passed to parser.parse(string) and the error returned from
+		 * parser.parse(string) and turns it into a human readable error message string.
+		 * Note that there are certainly better ways to format errors, so feel free to write your own.
+		 */
+		export function formatError<T>(string: string, error: Result<T>): string;
+
+		/**
+		 * Matches all parsers sequentially, and passes their results as the arguments to a function.
+		 * Similar to calling Parsimmon.seq and then .map, but the values are not put in an array.
+		 */
+		export function seqMap<T, U>(p1: Parser<T>, cb: (a1: T) => U): Parser<U>;
+		export function seqMap<T, U, V>(p1: Parser<T>, p2: Parser<U>, cb: (a1: T, a2: U) => V): Parser<V>;
+		export function seqMap<T, U, V, W>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, cb: (a1: T, a2: U, a3: V) => W): Parser<W>;
+		export function seqMap<T, U, V, W, X>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, cb: (a1: T, a2: U, a3: V, a4: W) => X): Parser<X>;
+		export function seqMap<T, U, V, W, X, Y>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>, cb: (a1: T, a2: U, a3: V, a4: W, a5: X) => Y): Parser<Y>;
+		export function seqMap<T, U, V, W, X, Y, Z>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>, p6: Parser<Y>, cb: (a1: T, a2: U, a3: V, a4: W, a5: X, a6: Y) => Z): Parser<Z>;
+
 		export type SuccessFunctionType<U> = (index: number, result: U) => Result<U>;
 		export type FailureFunctionType<U> = (index: number, msg: string) => Result<U>;
 		export type ParseFunctionType<U> = (stream: StreamType, index: number) => Result<U>;
-		/*
-		 allows to add custom primitive parsers.
+		/**
+		 * allows to add custom primitive parsers.
 		 */
 		export function custom<U>(parsingFunction: (success: SuccessFunctionType<U>, failure: FailureFunctionType<U>) => ParseFunctionType<U>): Parser<U>;
 
-		/*
-		 accepts a variable number of parsers, and yields the value of the first one that succeeds, backtracking in between.
+		/**
+		 * accepts a variable number of parsers, and yields the value of the first one that succeeds,
+		 * backtracking in between.
 		 */
 		export function alt<U>(...parsers: Parser<U>[]): Parser<U>;
 		export function alt(...parsers: Parser<any>[]): Parser<any>;
 
-		/*
-		 accepts a function that returns a parser, which is evaluated the first time the parser is used. This is useful for referencing parsers that haven't yet been defined.
+		/**
+		 * Accepts two parsers, and expects zero or more matches for content, separated by separator, yielding an array.
+		 */
+		export function sepBy<T>(content: Parser<T>, separator: Parser<T>): Parser<T>
+
+		/**
+		 * This is the same as Parsimmon.sepBy, but matches the content parser at least once.
+		 */
+		export function sepBy1<T>(content: Parser<T>, separator: Parser<T>): Parser<T>
+
+		/**
+		 * accepts a function that returns a parser, which is evaluated the first time the parser is used.
+		 * This is useful for referencing parsers that haven't yet been defined.
 		 */
 		export function lazy<U>(f: () => Parser<U>): Parser<U>;
 		export function lazy<U>(description: string, f: () => Parser<U>): Parser<U>;
 
-		/*
-		 fail paring with a message
+		/**
+		 * fail paring with a message
 		 */
 		export function fail(message: string): Parser<void>;
 		export function fail<U>(message: string): Parser<U>;
 
-		/*
-		 is equivalent to Parsimmon.regex(/[a-z]/i)
+		/**
+		 * is equivalent to Parsimmon.regex(/[a-z]/i)
 		 */
 		export var letter: Parser<string>;
-		/*
-		 is equivalent to Parsimmon.regex(/[a-z]*`/i)
+		/**
+		 * is equivalent to Parsimmon.regex(/[a-z]*`/i)
 		 */
 		export var letters: Parser<string>;
-		/*
-		 is equivalent to Parsimmon.regex(/[0-9]/)
+		/**
+		 * is equivalent to Parsimmon.regex(/[0-9]/)
 		 */
 		export var digit: Parser<string>;
-		/*
-		 is equivalent to Parsimmon.regex(/[0-9]*`/)
+		/**
+		 * is equivalent to Parsimmon.regex(/[0-9]*`/)
 		 */
 		export var digits: Parser<string>;
-		/*
-		 is equivalent to Parsimmon.regex(/\s+/)
+		/**
+		 * is equivalent to Parsimmon.regex(/\s+/)
 		 */
 		export var whitespace: Parser<string>;
-		/*
-		 is equivalent to Parsimmon.regex(/\s*`/)
+		/**
+		 * is equivalent to Parsimmon.regex(/\s*`/)
 		 */
 		export var optWhitespace: Parser<string>;
-		/*
-		 consumes and yields the next character of the stream.
+		/**
+		 * consumes and yields the next character of the stream.
 		 */
 		export var any: Parser<string>;
-		/*
-		 consumes and yields the entire remainder of the stream.
+		/**
+		 * consumes and yields the entire remainder of the stream.
 		 */
 		export var all: Parser<string>;
-		/*
-		 expects the end of the stream.
+		/**
+		 * expects the end of the stream.
 		 */
 		export var eof: Parser<void>;
-		/*
-		 is a parser that yields the current index of the parse.
+		/**
+		 * is a parser that yields the current index of the parse.
 		 */
 		export var index: Parser<number>;
+		/**
+		 * Returns a parser that yield a single character if it passes the predicate
+		 */
+		export function test(predicate: (char: string) => boolean): Parser<string>;
+		/**
+		 * Returns a parser yield a string containing all the next characters that pass the predicate
+		 */
+		export function takeWhile(predicate: (char: string) => boolean): Parser<string>;
 	}
 
 	export = Parsimmon;

From e41b464073847847e97cb74d4e33d93bc2e1c5c0 Mon Sep 17 00:00:00 2001
From: Micha Reiser <micha@famreiser.ch>
Date: Mon, 3 Oct 2016 15:14:07 +0200
Subject: [PATCH 130/382] Fix babel-traverse buildCodeFrameError signature
 (#11654)

The Error argument is not an error instance, instead it is a constructor function that returns an error instance.
Additionally, the constructor function is optional, by default SyntaxError is used
---
 babel-traverse/babel-traverse.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/babel-traverse/babel-traverse.d.ts b/babel-traverse/babel-traverse.d.ts
index 17cbda2f23..6970c39f6f 100644
--- a/babel-traverse/babel-traverse.d.ts
+++ b/babel-traverse/babel-traverse.d.ts
@@ -346,7 +346,7 @@ declare module "babel-traverse" {
 
         getData(key: string, def?: any): any;
 
-        buildCodeFrameError(msg: string, Error: Error): Error;
+        buildCodeFrameError<TError extends Error>(msg: string, Error?: new (msg: string) => TError): TError;
 
         traverse(visitor: Visitor, state?: any): void;
 

From 261a54b353c16a41380eb8d617c4eda47af9ef0a Mon Sep 17 00:00:00 2001
From: Boriss Nazarovs <boriss.nazarovs@gmail.com>
Date: Mon, 3 Oct 2016 16:15:29 +0300
Subject: [PATCH 131/382] Added type definition for riot library (#11664)

* Added type definition for riot

* Added type information for compile function, version, settings and template error handler

* Updated namespace name Riot -> riot

* Renamed riot-test.ts -> riot-tests.ts
---
 riot/riot-tests.ts | 215 +++++++++++++++++++++++
 riot/riot.d.ts     | 425 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 640 insertions(+)
 create mode 100644 riot/riot-tests.ts
 create mode 100644 riot/riot.d.ts

diff --git a/riot/riot-tests.ts b/riot/riot-tests.ts
new file mode 100644
index 0000000000..fa94a5e239
--- /dev/null
+++ b/riot/riot-tests.ts
@@ -0,0 +1,215 @@
+/// <reference path="./riot.d.ts"/>
+
+import * as riot from 'riot';
+
+// Version
+console.log(riot.version.charAt(0));
+
+// Settings
+riot.settings.brackets = '[% %]';
+
+// errorHandler
+riot.util.tmpl.errorHandler = function (err: riot.TemplateError) {
+    console.error(err.message + ' in ' + err.riotData.tagName);
+};
+
+// vdom
+console.log(riot.vdom[0].opts);
+
+const mockOpts: any = {
+    foo: true,
+    bar: 1,
+    baz: [1, '2', [3]]
+};
+
+const tag = riot.mount('test')[0];
+
+// Mounting
+// mount all custom tags with a class name .customer
+var tags: riot.Tag[] = riot.mount('.customer');
+console.log(tags.length);
+// mount <account> tag and pass an object as options
+riot.mount('account', mockOpts);
+// mounts custom tag "my-tag" to div#main with some options
+riot.mount('div#main', 'my-tag', mockOpts);
+// mounts "users" tag to #slide node and some options
+riot.mount(document.getElementById('slide'), 'users', mockOpts);
+
+// Rendering
+console.log(riot.render('test', mockOpts).substr(0, 10));
+
+// Updating
+// update tag instance
+tag.update();
+// update tag instance with context data
+tag.update(mockOpts);
+// update all mounted tags
+riot.update();
+
+// Unmounting
+// unmount tag
+tag.unmount();
+// unmount tag and keep parent tag
+tag.unmount(true);
+
+// Nested tags
+// tag should have `tags` property
+console.log(tag.tags);
+// nested tags can be accessed by name
+// multiple tags with same name are collected into array
+const nestedTag = tag.tags['test'];
+if (nestedTag instanceof riot.Tag) {
+    nestedTag.unmount();
+} else if (nestedTag instanceof Array) {
+    nestedTag.push(tag);
+}
+
+// Mixins
+interface OptsMixin extends riot.TagMixin {
+    getOpts(): any;
+    setOpts(opts: any, update: boolean): OptsMixin;
+}
+const optsMixin: OptsMixin = {
+    init() {
+        this.on('updated', function() { console.log('Updated!') });
+    },
+
+    getOpts() {
+        return this.opts;
+    },
+
+    setOpts(opts, update): OptsMixin {
+        this.opts = opts;
+        if (!update) this.update();
+        return this;
+    }
+};
+// mixin object
+tag.mixin(optsMixin);
+// register shared mixin
+riot.mixin('optsMixin', optsMixin);
+// use shared mixin
+tag.mixin('optsMixin');
+// register global mixin and add it to all tag instances
+riot.mixin(optsMixin);
+// using mixin in tag instances
+abstract class TagWithOptsMixin extends riot.Tag implements OptsMixin {
+    getOpts: () => any;
+    setOpts: (opts: any, update: boolean) => this;
+}
+(<TagWithOptsMixin>tag).setOpts(mockOpts, true).getOpts();
+
+
+// Manual construction
+riot.tag('timer',
+    '<p>Seconds Elapsed: { time }</p>',
+    'timer { display: block; border: 2px }',
+    'class="tic-toc"',
+    function (opts) {
+        var self = this;
+        this.time = opts.start || 0;
+
+        this.tick = function () {
+            self.update({ time: ++self.time })
+        };
+
+        var timer = setInterval(this.tick, 1000);
+
+        this.on('unmount', function () {
+            clearInterval(timer)
+        });
+    });
+
+// Observable
+const cb = () => true;
+// can create new observable object
+riot.observable().on('test', cb);
+// can add observable functionality to existing object
+riot.observable({}).on('test', cb);
+// all observable methods support fluent interface
+riot.observable().on('test', cb).one('test', cb).off('test').off('test', cb)
+    .trigger('test').trigger('test', 1, 'arg1').on('test', cb);
+// tags are observable
+tag.on('test', cb).one('test', cb).off('test').off('test', cb)
+    .trigger('test').trigger('test', 1, 'arg1').unmount();
+
+
+// Custom tag
+class MyTag extends riot.Tag {
+    public msg: string;
+    constructor(el: Node) {
+        super({ tmpl: MyTag.template() }, { root: el });
+        this.msg = 'hello';
+    }
+    bye() {
+        this.msg = 'goodbye';
+    }
+    static template() {
+        return `<p onclick="{ bye }">{ msg }</p>`;
+    }
+}
+
+new MyTag(document.getElementById('my-div')).bye();
+
+// Router
+// URL change callback
+riot.route(function(collection, id, action) {
+    console.log(collection + id + action);
+});
+// route with filter
+riot.route('/fruit', function(name) {
+    console.log('The list of fruits');
+});
+// query
+riot.route('/search..', function() {
+    var q = riot.route.query();
+    console.log('Search keyword: ' + q['keyword'])
+});
+// new routing context
+var subRoute = riot.route.create();
+subRoute('/fruit/apple', function() { /* */ });
+subRoute.stop();
+// route to URL
+riot.route('customers/267393/edit');
+riot.route('customers/267393/edit', 'Editing customer page');
+riot.route('not-found', 'Not found', true);
+// start
+riot.route.start();
+riot.route.start(true);
+// stop
+riot.route.stop();
+// exec
+riot.route.exec();
+riot.route.exec(cb);
+// base
+riot.route.base('/app');
+// parser
+const firstParser = function first(path: string): string[] {
+    const raw = path.slice(2).split('?');
+    return raw[0].split('/');
+};
+riot.route.parser(firstParser);
+const secondParser = function second(path: string, filter: string): string[] {
+    const re = new RegExp('^' + filter.replace(/\*/g, '([^/?#]+?)').replace(/\.\./, '.*') + '$');
+    const args = path.match(re);
+    if (args) {
+        return args.slice(1);
+    }
+};
+riot.route.parser(firstParser, secondParser);
+
+// Compile
+// compiling all tags
+riot.compile(function() {
+    riot.mount('*')
+});
+// compiling url
+riot.compile('my/tags.tag', function() {
+    // the loaded tags are ready to be used
+});
+// compiling tag definition
+let compiled = riot.compile(`<my-tag><p>Hello, World!</p></my-tag>`);
+console.log(compiled.charAt(0));
+// compiling without execution
+compiled = riot.compile(`<my-tag><p>Hello, World!</p></my-tag>`, true);
+console.log(compiled.charAt(0));
diff --git a/riot/riot.d.ts b/riot/riot.d.ts
new file mode 100644
index 0000000000..3abb3fa147
--- /dev/null
+++ b/riot/riot.d.ts
@@ -0,0 +1,425 @@
+// Type definitions for riot v2.6.0
+// Project: https://github.com/riot/riot
+// Definitions by: Boriss Nazarovs <https://github.com/Stubb0rn>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace riot {
+    /**
+     * Current version number as string
+     */
+    const version: string;
+
+    /**
+     * Riot settings
+     */
+    interface Settings {
+        /**
+         * Setting used to customize the start and end tokens of the expression
+         */
+        brackets: string;
+    }
+
+    const settings: Settings;
+
+    interface TemplateError extends Error {
+        riotData: {
+            tagName: string;
+        }
+    }
+
+    interface Util {
+        tmpl: {
+            errorHandler(error: TemplateError): void;
+        }
+    }
+
+    const util: Util;
+
+    /**
+     * Internal riot tags cache
+     */
+    const vdom: Tag[];
+
+    interface Observable {
+        /**
+         * Register callback for specified events.
+         * Callback is executed each time event is triggered
+         * @param events Space separated list of events or wildcard '*' that matches all events
+         * @param callback Callback function
+         */
+        on?(events: string, callback: Function): Observable;
+
+        /**
+         * Register callback for specified events.
+         * Callback is executed at most once.
+         * @param events Space separated list of events.
+         * @param callback Callback function
+         */
+        one?(events: string, callback: Function): Observable;
+
+        /**
+         * Remove all registered callbacks for specified events
+         * @param events Space separated list of events or wildcard '*' that matches all events
+         */
+        off?(events: string): Observable;
+
+        /**
+         * Remove specified callback for specified events
+         * @param events Space separated list of events or wildcard '*' that matches all events
+         * @param callback Callback function to remove
+         */
+        off?(events: string, callback: Function): Observable;
+
+        /**
+         * Execute all callback functions registered for specified list of events
+         * @param events Space separated list of events
+         * @param args Arguments provided to callbacks
+         */
+        trigger?(events: string, ...args: any[]): Observable;
+    }
+
+    /**
+     * Riot Router
+     */
+    interface Route {
+        /**
+         * Register callback that is executed when the URL changes
+         * @param callback Callback function
+         */
+        (callback: (...args: any[]) => void): void;
+
+        /**
+         * Register callback that is executed when the URL changes and new URL matches specified filter
+         * @param filter URL filter
+         * @param callback Callback function
+         */
+        (filter: string, callback: (...any: string[]) => void): void;
+
+        /**
+         * Change the browser URL and notify all the listeners registered with `Route(callback)`
+         * @param to New URL
+         * @param title Document title for new URL
+         * @param shouldReplace Should new url replace the current history
+         */
+        (to: string, title?: string, shouldReplace?: boolean): void;
+
+        /**
+         * Return a new routing context
+         */
+        create(): Route;
+
+        /**
+         * Start listening for url changes
+         * @param autoExec Should router exec routing on the current url
+         */
+        start(autoExec?: boolean): void;
+
+        /**
+         * Stop all the routings.
+         * Removes the listeners and clears the callbacks.
+         */
+        stop(): void;
+
+        /**
+         * Study the current browser path “in place” and emit routing without waiting for it to change.
+         */
+        exec(): void;
+
+        /**
+         * @deprecated
+         */
+        exec(callback: Function): void;
+
+        /**
+         * Extract query from the url
+         */
+        query(): { [key: string]: string };
+
+        /**
+         * Change the base path
+         * @param base Base path
+         */
+        base(base: string): void;
+
+        /**
+         * Change the default parsers to the custom ones.
+         * @param parser Replacement parser for default parser
+         * @param secondParser Replacement parser for handling url filters
+         */
+        parser(parser: (path: string) => any[], secondParser?: (path: string, filter: string) => any[]): void;
+    }
+
+    /**
+     * Adds Observer support for the given object or
+     * if the argument is empty a new observable instance is created and returned.
+     * @param el Object to become observable
+     */
+    function observable(el?: any): Observable;
+
+    const route: Route;
+
+    /**
+     * Mount custom tags with specified tag name. Returns an array of mounted tag instances.
+     * @param selector Tag selector.
+     * It can be tag name, css selector or special '*' selector that matches all tags on the page.
+     * @param opts Optional object passed for the tags to consume.
+     */
+    function mount(selector: string, opts?: any): Tag[];
+
+    /**
+     * Mount a custom tag on DOM nodes matching provided selector. Returns an array of mounted tag instances.
+     * @param selector CSS selector
+     * @param tagName Custom tag name
+     * @param opts Optional object passed for the tag to consume.
+     */
+    function mount(selector: string, tagName: string, opts?: any): Tag[];
+
+    /**
+     * Mount a custom tag on a given DOM node. Returns an array of mounted tag instances.
+     * @param domNode DOM node
+     * @param tagName Tag name
+     * @param opts Optional object passed for the tag to consume.
+     */
+    function mount(domNode: Node, tagName: string, opts?: any): Tag[];
+
+    /**
+     * Render a tag to html. This method is only available on server-side.
+     * @param tagName Custom tag name
+     * @param opts Optional object passed for the tag to consume.
+     */
+    function render(tagName: string, opts?: any): string;
+
+    /**
+     * Update all the mounted tags and their expressions on the page.
+     * Returns an array of tag instances that are mounted on the page.
+     */
+    function update(): Tag[];
+
+    /**
+     * Register a global mixin and automatically add it to all tag instances.
+     * @param mixinObject Mixin object
+     */
+    function mixin(mixinObject: TagMixin): void;
+
+    /**
+     * Register a shared mixin, globally available to be used in any tag using `TagInstance.mixin(mixinName)`
+     * @param mixinName Name of the mixin
+     * @param mixinObject Mixin object
+     */
+    function mixin(mixinName: string, mixinObject: TagMixin): void;
+
+    /**
+     * Create a new custom tag “manually” without the compiler. Returns name of the tag.
+     * @param tagName The tag name
+     * @param html The layout with expressions
+     * @param css The style of the tag
+     * @param attrs String of attributes for the tag
+     * @param constructor The initialization function being called before
+     * the tag expressions are calculated and before the tag is mounted
+     */
+    function tag(tagName: string, html: string, css?: string, attrs?: string, constructor?: (opts: any) => void): string;
+
+
+    interface TagImplementation {
+        /**
+         * Tag template
+         */
+        tmpl: string;
+        /**
+         * The callback function called on the mount event
+         * @param opts Tag options object
+         */
+        fn?(opts: any): void;
+        /**
+         * Root tag html attributes as object (key => value)
+         */
+        attrs?: {
+            [key: string]: any;
+        }
+    }
+
+    interface TagConfiguration {
+        /**
+         * DOM node where you will mount the tag template
+         */
+        root: Node;
+        /**
+         * Tag options
+         */
+        opts?: any;
+        /**
+         * Is it used in as loop tag
+         */
+        isLoop?: boolean;
+        /**
+         * Is already registered using `riot.tag`
+         */
+        hasImpl?: boolean;
+        /**
+         * Loop item in the loop assigned to this instance
+         */
+        item?: any;
+    }
+
+    interface TagInterface extends Observable {
+        /**
+         * options object
+         */
+        opts?: any;
+        /**
+         * the parent tag if any
+         */
+        parent?: Tag;
+        /**
+         * root DOM node
+         */
+        root?: Node;
+        /**
+         * nested custom tags
+         */
+        tags?: {
+            [key: string]: Tag | Tag[];
+        };
+
+        /**
+         * Updates all the expressions on the current tag instance as well as on all the children.
+         * @param data Context data
+         */
+        update?(data?: any): void;
+
+        /**
+         * Extend tag with functionality available on shared mixin registered with `riot.mixin(mixinName, mixinObject)`
+         * @param mixinName Name of shared mixin
+         */
+        mixin?(mixinName: string): void;
+
+        /**
+         * Extend tag functionality with functionality available on provided mixin object.
+         * @param mixinObject Mixin object
+         */
+        mixin?(mixinObject: TagMixin): void;
+
+        /**
+         * Mount the tag
+         */
+        mount?(): void;
+
+        /**
+         * Detach the tag and its children from the page.
+         * @param keepTheParent If `true` unmounting tag doesn't remove the parent tag
+         */
+        unmount?(keepTheParent?: boolean): void;
+    }
+
+
+    class Tag implements TagInterface {
+        /**
+         * Tag constructor
+         * @param impl Tag implementation
+         * @param conf Tag configuration
+         * @param innerHTML HTML that can be used replacing a nested `yield` tag in its template
+         */
+        constructor(impl: TagImplementation, conf: TagConfiguration, innerHTML?: string);
+
+        /**
+         * options object
+         */
+        opts: any;
+        /**
+         * the parent tag if any
+         */
+        parent: Tag;
+        /**
+         * root DOM node
+         */
+        root: Node;
+        /**
+         * nested custom tags
+         */
+        tags: {
+            [key: string]: Tag | Tag[];
+        };
+
+        /**
+         * Updates all the expressions on the current tag instance as well as on all the children.
+         * @param data Context data
+         */
+        update(data?: any): void;
+
+        /**
+         * Extend tag with functionality available on shared mixin registered with `riot.mixin(mixinName, mixinObject)`
+         * @param mixinName Name of shared mixin
+         */
+        mixin(mixinName: string): void;
+
+        /**
+         * Extend tag functionality with functionality available on provided mixin object.
+         * @param mixinObject Mixin object
+         */
+        mixin(mixinObject: TagMixin): void;
+
+        /**
+         * Mount the tag
+         */
+        mount(): void;
+
+        /**
+         * Detach the tag and its children from the page.
+         * @param keepTheParent If `true` unmounting tag doesn't remove the parent tag
+         */
+        unmount(keepTheParent?: boolean): void;
+
+        // Observable methods
+        on(events: string, callback: Function): this;
+        one(events: string, callback: Function): this;
+        off(events: string): this;
+        off(events: string, callback: Function): this;
+        trigger(events: string, ...args: any[]): this;
+    }
+
+    /**
+     * Mixin object for extending tag functionality.
+     * When it gets mixed in it has access to all tag properties.
+     * It should not override any built in tag properties
+     */
+    interface TagMixin extends TagInterface {
+        /**
+         * Special method which can initialize
+         * the mixin when it's loaded to the tag and is not
+         * accessible from the tag its mixed in
+         */
+        init?(): void;
+    }
+
+    /**
+     * Compile all tags defined with <script type="riot/tag"> to JavaScript.
+     * @param callback Function that is called after all scripts are compiled
+     */
+    function compile(callback: Function): void;
+
+    /**
+     * Compiles and executes the given tag.
+     * @param tag Tag definition
+     * @return {string} Compiled JavaScript as string
+     */
+    function compile(tag: string): string;
+
+    /**
+     * Compiles the given tag but doesn't execute it, if `skipExecution` parameter is `true`
+     * @param tag Tag definition
+     * @param skipExecution If `true` tag is not executed after compilation
+     * @return {string} Compiled JavaScript as string
+     */
+    function compile(tag: string, skipExecution: boolean): string;
+
+    /**
+     * Loads the given URL and compiles all tags after which the callback is called
+     * @param url URL to load
+     * @param callback Function that is called after all tags are compiled
+     */
+    function compile(url: string, callback: Function): void;
+}
+
+declare module 'riot' {
+    export = riot;
+}

From f6ec36ad2b23f9d516376b131915a496e48421f4 Mon Sep 17 00:00:00 2001
From: Tony Trinh <tony19@gmail.com>
Date: Mon, 3 Oct 2016 08:16:30 -0500
Subject: [PATCH 132/382] Add definitions for pem (#11666)

https://github.com/andris9/pem
---
 pem/pem-tests.ts | 727 +++++++++++++++++++++++++++++++++++++++++++++++
 pem/pem.d.ts     | 155 ++++++++++
 2 files changed, 882 insertions(+)
 create mode 100644 pem/pem-tests.ts
 create mode 100644 pem/pem.d.ts

diff --git a/pem/pem-tests.ts b/pem/pem-tests.ts
new file mode 100644
index 0000000000..c6ff73fad6
--- /dev/null
+++ b/pem/pem-tests.ts
@@ -0,0 +1,727 @@
+/// <reference path="pem.d.ts" />
+
+import * as pem from 'pem';
+
+const tests = {
+
+  'Create default sized dhparam key': (test: any) => {
+    pem.createDhparam((error: any, data: any) => {
+      var dhparam = (data && data.dhparam || '').toString();
+      test.ifError(error);
+      test.ok(dhparam);
+      test.ok(dhparam.match(/^\n*\-\-\-\-\-BEGIN DH PARAMETERS\-\-\-\-\-\n/));
+      test.ok(dhparam.match(/\n\-\-\-\-\-END DH PARAMETERS\-\-\-\-\-\n*$/));
+      test.ok(dhparam.trim().length > 150 && dhparam.trim().length < 160);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+      test.done();
+    });
+  },
+
+  'Create 2048bit dhparam key': (test: any) => {
+    pem.createDhparam(2048, (error: any, data: any) => {
+      var dhparam = (data && data.dhparam || '').toString();
+      test.ifError(error);
+      test.ok(dhparam);
+      test.ok(dhparam.match(/^\n*\-\-\-\-\-BEGIN DH PARAMETERS\-\-\-\-\-\n/));
+      test.ok(dhparam.match(/\n\-\-\-\-\-END DH PARAMETERS\-\-\-\-\-\n*$/));
+      test.ok(dhparam.trim().length > 420 && dhparam.trim().length < 430);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+      test.done();
+    });
+  },
+
+  'Create default sized Private key': (test: any) => {
+    pem.createPrivateKey((error: any, data: any) => {
+      var key = (data && data.key || '').toString();
+      test.ifError(error);
+      test.ok(key);
+      test.ok(key.match(/^\n*\-\-\-\-\-BEGIN RSA PRIVATE KEY\-\-\-\-\-\n/));
+      test.ok(key.match(/\n\-\-\-\-\-END RSA PRIVATE KEY\-\-\-\-\-\n*$/));
+      test.ok(key.trim().length > 850 && key.trim().length < 1900);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+      test.done();
+    });
+  },
+
+  'Create 2048bit Private key': (test: any) => {
+    pem.createPrivateKey(2048, (error: any, data: any) => {
+      var key = (data && data.key || '').toString();
+      test.ifError(error);
+      test.ok(key);
+      test.ok(key.match(/^\n*\-\-\-\-\-BEGIN RSA PRIVATE KEY\-\-\-\-\-\n/));
+      test.ok(key.match(/\n\-\-\-\-\-END RSA PRIVATE KEY\-\-\-\-\-\n*$/));
+      test.ok(key.trim().length > 1650 && key.trim().length < 1700);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+      test.done();
+    });
+  },
+
+  'Create 2048bit Private key with Password': (test: any) => {
+    pem.createPrivateKey(2048,{cipher:'des',password:'TestMe'}, (error: any, data: any) => {
+      var key = (data && data.key || '').toString();
+      test.ifError(error);
+      test.ok(key);
+      test.ok(key.match(/ENCRYPTED\n/));
+      test.ok(key.match(/^\n*\-\-\-\-\-BEGIN RSA PRIVATE KEY\-\-\-\-\-\n/));
+      test.ok(key.match(/\n\-\-\-\-\-END RSA PRIVATE KEY\-\-\-\-\-\n*$/));
+      test.ok(key.trim().length > 1700 && key.trim().length < 1780);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+      test.done();
+    });
+  },
+
+  'Create default CSR': (test: any) => {
+    pem.createCSR((error: any, data: any) => {
+      var csr = (data && data.csr || '').toString();
+      test.ifError(error);
+      test.ok(csr);
+      test.ok(csr.match(/^\n*\-\-\-\-\-BEGIN CERTIFICATE REQUEST\-\-\-\-\-\n/));
+      test.ok(csr.match(/\n\-\-\-\-\-END CERTIFICATE REQUEST\-\-\-\-\-\n*$/));
+
+      test.ok(data && data.clientKey);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+      test.done();
+    });
+  },
+
+  'Create CSR using config file': (test: any) => {
+    var certInfo = {
+      issuer : {},
+      country: 'EE',
+      state: 'Harjumaa',
+      locality: 'Tallinn',
+      organization: 'Node.ee',
+      organizationUnit: 'test',
+      commonName: 'www.node.ee',
+      emailAddress: 'andris@node.ee'
+    };
+
+    pem.createCSR({ csrConfigFile: './test/fixtures/test.cnf' }, (error: any, data: any) => {
+      var csr = (data && data.csr || '').toString();
+      test.ifError(error);
+      test.ok(csr);
+      test.ok(csr.match(/^\n*\-\-\-\-\-BEGIN CERTIFICATE REQUEST\-\-\-\-\-\n/));
+      test.ok(csr.match(/\n\-\-\-\-\-END CERTIFICATE REQUEST\-\-\-\-\-\n*$/));
+
+      test.ok(data && data.clientKey);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+
+      pem.readCertificateInfo(csr, (error: any, data: any) => {
+        test.ifError(error);
+        test.deepEqual(data, certInfo);
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+        test.done();
+      });
+    });
+  },
+
+  'Create CSR with own key': (test: any) => {
+    pem.createPrivateKey((error: any, data: any) => {
+      var key = (data && data.key || '').toString();
+
+      pem.createCSR({
+                      clientKey: key
+                    }, (error: any, data: any) => {
+        var csr = (data && data.csr || '').toString();
+        test.ifError(error);
+        test.ok(csr);
+        test.ok(csr.match(/^\n*\-\-\-\-\-BEGIN CERTIFICATE REQUEST\-\-\-\-\-\n/));
+        test.ok(csr.match(/\n\-\-\-\-\-END CERTIFICATE REQUEST\-\-\-\-\-\n*$/));
+
+        test.equal(data && data.clientKey, key);
+
+        test.ok(data && data.clientKey);
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+        test.done();
+      });
+    });
+  },
+
+  'Create CSR with own encrypted key': (test: any) => {
+    var password = 'my:secure! "password\'s\nawesome';
+    pem.createPrivateKey(2048, { cipher: 'des3', password: password }, (error: any, data: any) => {
+      var key = (data && data.key || '').toString();
+
+      pem.createCSR({
+                      clientKey: key,
+                      clientKeyPassword: password
+                    }, (error: any, data: any) => {
+        var csr = (data && data.csr || '').toString();
+        test.ifError(error);
+        test.ok(csr);
+        test.ok(csr.match(/^\n*\-\-\-\-\-BEGIN CERTIFICATE REQUEST\-\-\-\-\-\n/));
+        test.ok(csr.match(/\n\-\-\-\-\-END CERTIFICATE REQUEST\-\-\-\-\-\n*$/));
+
+        test.equal(data && data.clientKey, key);
+
+        test.ok(data && data.clientKey);
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+        test.done();
+      });
+    });
+  },
+
+  'Create default certificate': (test: any) => {
+    pem.createCertificate((error: any, data: any) => {
+      var certificate = (data && data.certificate || '').toString();
+      test.ifError(error);
+      test.ok(certificate);
+      test.ok(certificate.match(/^\n*\-\-\-\-\-BEGIN CERTIFICATE\-\-\-\-\-\n/));
+      test.ok(certificate.match(/\n\-\-\-\-\-END CERTIFICATE\-\-\-\-\-\n*$/));
+
+      test.ok((data && data.clientKey) !== (data && data.serviceKey));
+
+      test.ok(data && data.clientKey);
+      test.ok(data && data.serviceKey);
+      test.ok(data && data.csr);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+      test.done();
+    });
+  },
+
+  'Create self signed certificate': (test: any) => {
+    pem.createCertificate({
+                            selfSigned: true
+                          }, (error: any, data: any) => {
+      var certificate = (data && data.certificate || '').toString();
+      test.ifError(error);
+      test.ok(certificate);
+      test.ok(certificate.match(/^\n*\-\-\-\-\-BEGIN CERTIFICATE\-\-\-\-\-\n/));
+      test.ok(certificate.match(/\n\-\-\-\-\-END CERTIFICATE\-\-\-\-\-\n*$/));
+
+      test.ok((data && data.clientKey) === (data && data.serviceKey));
+
+      test.ok(data && data.clientKey);
+      test.ok(data && data.serviceKey);
+      test.ok(data && data.csr);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+      test.done();
+    });
+  },
+
+  'Read default cert data from CSR': (test: any) => {
+    pem.createCSR((error: any, data: any) => {
+      var csr = (data && data.csr || '').toString();
+      test.ifError(error);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+
+      pem.readCertificateInfo(csr, (error: any, data: any) => {
+        test.ifError(error);
+        test.deepEqual(data, {
+          issuer : {},
+          country: '',
+          state: '',
+          locality: '',
+          organization: '',
+          organizationUnit: '',
+          commonName: 'localhost',
+          emailAddress: ''
+        });
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+        test.done();
+      });
+    });
+  },
+
+  'Read edited cert data from CSR': (test: any) => {
+    var certInfo = {
+      issuer : {},
+      country: 'EE',
+      state: 'Harjumaa',
+      locality: 'Tallinn',
+      organization: 'Node.ee',
+      organizationUnit: 'test',
+      commonName: 'www.node.ee',
+      emailAddress: 'andris@node.ee'
+    };
+    pem.createCSR(Object.create(certInfo), (error: any, data: any) => {
+      var csr = (data && data.csr || '').toString();
+      test.ifError(error);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+
+      pem.readCertificateInfo(csr, (error: any, data: any) => {
+        test.ifError(error);
+        test.deepEqual(data, certInfo);
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+        test.done();
+      });
+    });
+  },
+
+  'Read default cert data from certificate': (test: any) => {
+    pem.createCertificate((error: any, data: any) => {
+      var certificate = (data && data.certificate || '').toString();
+      test.ifError(error);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+
+      pem.readCertificateInfo(certificate, (error: any, data: any) => {
+        test.ifError(error);
+
+        if (data.validity) {
+          delete data.validity;
+        }
+        if (data.serial) {
+          delete data.serial;
+        }
+
+        test.deepEqual(data, {
+          issuer : {
+            country: '',
+            state: '',
+            locality: '',
+            organization: '',
+            organizationUnit: '',
+            commonName: 'localhost'
+          },
+          country: '',
+          state: '',
+          locality: '',
+          organization: '',
+          organizationUnit: '',
+          commonName: 'localhost',
+          emailAddress: ''
+        });
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+        test.done();
+      });
+    });
+  },
+
+  'Read edited cert data from certificate': (test: any) => {
+    var certInfo = {
+      issuer : {
+        country: 'EE',
+        state: 'Harjumaa',
+        locality: 'Tallinn',
+        organization: 'Node.ee',
+        organizationUnit: 'test',
+        commonName: 'www.node.ee'
+      },
+      country: 'EE',
+      state: 'Harjumaa',
+      locality: 'Tallinn',
+      organization: 'Node.ee',
+      organizationUnit: 'test',
+      commonName: 'www.node.ee',
+      emailAddress: 'andris@node.ee'
+    };
+    pem.createCertificate(Object.create(certInfo), (error: any, data: any) => {
+      var certificate = (data && data.certificate || '').toString();
+      test.ifError(error);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+
+      pem.readCertificateInfo(certificate, (error: any, data: any) => {
+        test.ifError(error);
+
+        if (data.validity) {
+          delete data.validity;
+        }
+        if (data.serial) {
+          delete data.serial;
+        }
+
+        test.deepEqual(data, certInfo);
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+        test.done();
+      });
+    });
+  },
+
+  'Get public key from private key': (test: any) => {
+    pem.createPrivateKey((error: any, data: any) => {
+      var key = (data && data.key || '').toString();
+      test.ifError(error);
+      test.ok(key);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+
+      pem.getPublicKey(key, (error: any, data: any) => {
+        var pubkey = (data && data.publicKey || '').toString();
+        test.ifError(error);
+        test.ok(pubkey);
+
+        test.ok(pubkey.match(/^\n*\-\-\-\-\-BEGIN PUBLIC KEY\-\-\-\-\-\n/));
+        test.ok(pubkey.match(/\n\-\-\-\-\-END PUBLIC KEY\-\-\-\-\-\n*$/));
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+
+        test.done();
+      });
+    });
+  },
+
+  'Get public key from CSR': (test: any) => {
+    pem.createCSR((error: any, data: any) => {
+      var key = (data && data.clientKey || '').toString();
+      test.ifError(error);
+      test.ok(key);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+
+      pem.getPublicKey(key, (error: any, data: any) => {
+        var pubkey = (data && data.publicKey || '').toString();
+        test.ifError(error);
+        test.ok(pubkey);
+
+        test.ok(pubkey.match(/^\n*\-\-\-\-\-BEGIN PUBLIC KEY\-\-\-\-\-\n/));
+        test.ok(pubkey.match(/\n\-\-\-\-\-END PUBLIC KEY\-\-\-\-\-\n*$/));
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+
+        test.done();
+      });
+    });
+  },
+
+  'Get public key from certificate': (test: any) => {
+    pem.createCertificate((error: any, data: any) => {
+      var key = (data && data.clientKey || '').toString();
+      test.ifError(error);
+      test.ok(key);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+
+      pem.getPublicKey(key, (error: any, data: any) => {
+        var pubkey = (data && data.publicKey || '').toString();
+        test.ifError(error);
+        test.ok(pubkey);
+
+        test.ok(pubkey.match(/^\n*\-\-\-\-\-BEGIN PUBLIC KEY\-\-\-\-\-\n/));
+        test.ok(pubkey.match(/\n\-\-\-\-\-END PUBLIC KEY\-\-\-\-\-\n*$/));
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+
+        test.done();
+      });
+    });
+  },
+
+  'Get fingerprint from certificate': (test: any) => {
+    pem.createCertificate((error: any, data: any) => {
+      var certificate = (data && data.certificate || '').toString();
+      test.ifError(error);
+      test.ok(certificate);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+
+      pem.getFingerprint(certificate, (error: any, data: any) => {
+        var fingerprint = (data && data.fingerprint || '').toString();
+        test.ifError(error);
+        test.ok(fingerprint);
+        test.ok(fingerprint.match(/^[0-9A-F]{2}(:[0-9A-F]{2}){19}$/));
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+
+        test.done();
+      });
+    });
+  },
+
+  'Get modulus from certificate': (test: any) => {
+    pem.createCertificate((error: any, data: any) => {
+      var certificate = (data && data.certificate || '').toString();
+      test.ifError(error);
+      test.ok(certificate);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+
+      pem.getModulus(certificate, (error: any, data: any) => {
+        var certmodulus = (data && data.modulus || '').toString();
+        test.ifError(error);
+        test.ok(certmodulus);
+        test.ok(certmodulus.match(/^[0-9A-F]*$/));
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+        pem.getModulus(certificate, (error: any, data: any) => {
+          var keymodulus = (data && data.modulus || '').toString();
+          test.ifError(error);
+          test.ok(keymodulus);
+          test.ok(keymodulus.match(/^[0-9A-F]*$/));
+          test.ok(keymodulus === certmodulus);
+          // test.ok(fs.readdirSync('./tmp').length === 0);
+          test.done();
+        });
+      });
+    });
+  },
+
+  'Get modulus from a protected key': (test: any) => {
+    var certificate = ''; // fs.readFileSync('./test/fixtures/test.crt').toString();
+    var key = ''; // fs.readFileSync('./test/fixtures/test.key').toString();
+
+    pem.getModulus(certificate, (error: any, data: any) => {
+      var certmodulus = (data && data.modulus || '').toString();
+      test.ifError(error);
+      test.ok(certmodulus);
+      test.ok(certmodulus.match(/^[0-9A-F]*$/));
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+      pem.getModulus(key, 'password', (error: any, data: any) => {
+        var keymodulus = (data && data.modulus || '').toString();
+        test.ifError(error);
+        test.ok(keymodulus);
+        test.ok(keymodulus.match(/^[0-9A-F]*$/));
+        test.ok(keymodulus === certmodulus);
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+        test.done();
+      });
+    });
+
+  },
+
+  'Get DH param info': (test: any) => {
+    var dh = ''; // fs.readFileSync('./test/fixtures/test.dh').toString();
+
+    pem.getDhparamInfo(dh, (error: any, data: any) => {
+      var size = data && data.size || 0;
+      var prime = (data && data.prime || '').toString();
+      test.ifError(error);
+      test.equal(size, 1024);
+      test.ok(prime);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+      test.equal(typeof size, 'number');
+      test.ok(/([0-9a-f][0-9a-f]:)+[0-9a-f][0-9a-f]$/g.test(prime));
+      test.done();
+    });
+  },
+
+  'Create and verify wildcard certificate': (test: any) => {
+    var certInfo = {
+      commonName: '*.node.ee'
+    };
+    pem.createCertificate(Object.create(certInfo), (error: any, data: any) => {
+      var certificate = (data && data.certificate || '').toString();
+      test.ifError(error);
+      // test.ok(fs.readdirSync('./tmp').length === 0);
+
+      pem.readCertificateInfo(certificate, (error: any, data: any) => {
+        test.ifError(error);
+        test.equal(data.commonName, certInfo.commonName);
+        // test.ok(fs.readdirSync('./tmp').length === 0);
+        test.done();
+      });
+    });
+  },
+  'Return an error if openssl was not found': (test: any) => {
+    pem.config({
+                 pathOpenSSL: 'zzzzzzzzzzz'
+               });
+
+    pem.createPrivateKey((error: any) => {
+      test.ok(error);
+      pem.config({
+                   pathOpenSSL: 'openssl'
+                 });
+      pem.createPrivateKey((error: any) => {
+        test.ifError(error);
+        test.done();
+      });
+    });
+  },
+  'Create PKCS12 without key password': (test: any) => {
+    pem.createPrivateKey((error: any, data: any) => {
+      var key = (data && data.key || '').toString();
+
+      pem.createCertificate({
+                              clientKey: key,
+                              selfSigned: true
+                            }, (error: any, csr: any) => {
+
+        pem.createPkcs12(csr.clientKey, csr.certificate, 'mypassword', function(err: any, pkcs12: any){
+          test.ifError(err);
+          test.ok(pkcs12);
+
+          // test.ok(fs.readdirSync('./tmp').length === 0);
+          test.done();
+        });
+      });
+    });
+  },
+  'Create PKCS12 with key password': (test: any) => {
+    pem.createPrivateKey({cipher:'aes128',password:'xxx'}, (error: any, data: any) => {
+      var key = (data && data.key || '').toString();
+
+      pem.createCertificate({
+                              clientKey: key,
+                              selfSigned: true
+                            }, (error: any, csr: any) => {
+
+        pem.createPkcs12(csr.clientKey, csr.certificate, 'mypassword', {cipher: 'aes256', clientKeyPassword: 'xxx'}, function(err: any, pkcs12: any){
+          test.ifError(err);
+          test.ok(pkcs12);
+
+          // test.ok(fs.readdirSync('./tmp').length === 0);
+          test.done();
+        });
+      });
+    });
+  },
+  'Create PKCS12 with ca certificates': (test: any) => {
+    pem.createCertificate({
+                            commonName: 'CA Certificate'
+                          }, (error: any, ca: any) => {
+      test.ifError(error);
+
+      pem.createCertificate({
+                              serviceKey: ca.serviceKey,
+                              serviceCertificate: ca.certificate,
+                              serial: Date.now(),
+                            }, (error: any, cert: any) => {
+        test.ifError(error);
+
+        pem.createPkcs12(cert.clientKey, cert.certificate, '', {certFiles: [ca.certificate]}, (error: any, pkcs12: any) => {
+          test.ifError(error);
+          test.ok(pkcs12.pkcs12);
+
+          // test.ok(fs.readdirSync('./tmp').length === 0);
+
+          pem.readPkcs12(pkcs12.pkcs12, (error: any, keystore: any) => {
+            test.ifError(error);
+            test.ok(keystore);
+
+            test.equal(ca.certificate, keystore.ca[0]);
+            test.equal(cert.certificate, keystore.cert);
+            test.equal(cert.clientKey, keystore.key);
+
+            test.done();
+          });
+        });
+      });
+    });
+  },
+  'Respond with ENOENT for missing PKCS12 file': (test: any) => {
+    pem.readPkcs12('/i/do/not/exist.p12', (error: any) => {
+      test.ok(error);
+      test.equal(error.code, 'ENOENT');
+
+      test.done();
+    });
+  },
+  'Verify sigining chain': (test: any) => {
+    pem.createCertificate({
+                            commonName: 'CA Certificate'
+                          }, (error: any, ca: any) => {
+      test.ifError(error);
+
+      pem.createCertificate({
+                              serviceKey: ca.serviceKey,
+                              serviceCertificate: ca.certificate,
+                              serial: Date.now(),
+                            }, (error: any, cert: any) => {
+        test.ifError(error);
+
+        pem.verifySigningChain(cert.certificate, ca.certificate, (error: any, valid: any) => {
+          test.ifError(error);
+          test.ok(valid === true);
+
+          test.done();
+        });
+      });
+    });
+  },
+  'Verify deep sigining chain': (test: any) => {
+    pem.createCertificate({
+                            commonName: 'CA Certificate'
+                          }, (error: any, ca: any) => {
+      test.ifError(error);
+
+      pem.createCertificate({
+                              commonName: 'Intermediate CA Certificate',
+                              serviceKey: ca.serviceKey,
+                              serviceCertificate: ca.certificate,
+                              serial: Date.now(),
+                            }, (error: any, intermediate: any) => {
+        test.ifError(error);
+
+        pem.createCertificate({
+                                serviceKey: intermediate.clientKey,
+                                serviceCertificate: intermediate.certificate,
+                                serial: Date.now(),
+                              }, (error: any, cert: any) => {
+          test.ifError(error);
+
+          pem.verifySigningChain(cert.certificate, [ca.certificate, intermediate.certificate], (error: any, valid: any) => {
+            test.ifError(error);
+            test.ok(valid === true);
+
+            test.done();
+          });
+        });
+      });
+    });
+  },
+  'Fail to verify invalid sigining chain': (test: any) => {
+    pem.createCertificate({
+                            commonName: 'CA Certificate'
+                          }, (error: any, ca: any) => {
+      test.ifError(error);
+
+      pem.createCertificate({
+                              serviceKey: ca.serviceKey,
+                              serviceCertificate: ca.certificate,
+                              serial: Date.now(),
+                            }, (error: any, cert: any) => {
+        test.ifError(error);
+
+        pem.verifySigningChain(cert.certificate, cert.certificate, (error: any, valid: any) => {
+          test.ifError(error);
+          test.ok(valid === false);
+
+          test.done();
+        });
+      });
+    });
+  },
+  'Fail to verify deep sigining chain with missing CA certificate': (test: any) => {
+    pem.createCertificate({
+                            commonName: 'CA Certificate'
+                          }, (error: any, ca: any) => {
+      test.ifError(error);
+
+      pem.createCertificate({
+                              commonName: 'Intermediate CA Certificate',
+                              serviceKey: ca.serviceKey,
+                              serviceCertificate: ca.certificate,
+                              serial: Date.now(),
+                            }, (error: any, intermediate: any) => {
+        test.ifError(error);
+
+        pem.createCertificate({
+                                serviceKey: intermediate.clientKey,
+                                serviceCertificate: intermediate.certificate,
+                                serial: Date.now(),
+                              }, (error: any, cert: any) => {
+          test.ifError(error);
+
+          pem.verifySigningChain(cert.certificate, [intermediate.certificate], (error: any, valid: any) => {
+            test.ifError(error);
+            test.ok(valid === false);
+
+            test.done();
+          });
+        });
+      });
+    });
+  },
+  'Fail to verify deep sigining chain with missing intermediate certificate': (test: any) => {
+    pem.createCertificate({
+                            commonName: 'CA Certificate'
+                          }, (error: any, ca: any) => {
+      test.ifError(error);
+
+      pem.createCertificate({
+                              commonName: 'Intermediate CA Certificate',
+                              serviceKey: ca.serviceKey,
+                              serviceCertificate: ca.certificate,
+                              serial: Date.now(),
+                            }, (error: any, intermediate: any) => {
+        test.ifError(error);
+
+        pem.createCertificate({
+                                serviceKey: intermediate.clientKey,
+                                serviceCertificate: intermediate.certificate,
+                                serial: Date.now(),
+                                days: 1024
+                              }, (error: any, cert: any) => {
+          test.ifError(error);
+
+          pem.verifySigningChain(cert.certificate, [ca.certificate], (error: any, valid: any) => {
+            test.ifError(error);
+            test.ok(valid === false);
+
+            test.done();
+          });
+        });
+      });
+    });
+  }
+};
diff --git a/pem/pem.d.ts b/pem/pem.d.ts
new file mode 100644
index 0000000000..8a5f71b729
--- /dev/null
+++ b/pem/pem.d.ts
@@ -0,0 +1,155 @@
+// Type definitions for PEM v1.8.3
+// Project: https://github.com/andris9/pem
+// Definitions by: Anthony Trinh <https://github.com/tony19>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "pem" {
+    /**
+     * Creates a private key
+     *
+     * @param {Number} [keyBitsize=2048] Size of the key, defaults to 2048bit (can also be a function)
+     * @param {Object} [options] object of cipher and password {cipher:'aes128',password:'xxx'}, defaults empty object
+     * @param {Function} callback Callback function with an error object and {key}
+     */
+    function createPrivateKey(keyBitsize: Number, options: Object, callback: Function): void;
+    function createPrivateKey(keyBitsize: Number, callback: Function): void;
+    function createPrivateKey(options: Object, callback: Function): void;
+    function createPrivateKey(callback: Function): void;
+
+    /**
+     * Creates a dhparam key
+     *
+     * @param {Number} [keyBitsize=512] Size of the key, defaults to 512bit
+     * @param {Function} callback Callback function with an error object and {dhparam}
+     */
+    function createDhparam(keyBitsize: Number, callback: Function): void;
+    function createDhparam(callback: Function): void;
+
+    /**
+     * Creates a Certificate Signing Request
+     *
+     * If client key is undefined, a new key is created automatically. The used key is included
+     * in the callback return as clientKey
+     *
+     * @param {Object} [options] Optional options object
+     * @param {String} [options.clientKey] Optional client key to use
+     * @param {Number} [options.keyBitsize] If clientKey is undefined, bit size to use for generating a new key (defaults to 2048)
+     * @param {String} [options.hash] Hash function to use (either md5 sha1 or sha256, defaults to sha256)
+     * @param {String} [options.country] CSR country field
+     * @param {String} [options.state] CSR state field
+     * @param {String} [options.locality] CSR locality field
+     * @param {String} [options.organization] CSR organization field
+     * @param {String} [options.organizationUnit] CSR organizational unit field
+     * @param {String} [options.commonName='localhost'] CSR common name field
+     * @param {String} [options.emailAddress] CSR email address field
+     * @param {String} [options.csrConfigFile] CSR config file
+     * @param {Array}  [options.altNames] is a list of subjectAltNames in the subjectAltName field
+     * @param {Function} callback Callback function with an error object and {csr, clientKey}
+     */
+    function createCSR(options: Object, callback: Function): void;
+    function createCSR(callback: Function): void;
+
+    /**
+     * Creates a certificate based on a CSR. If CSR is not defined, a new one
+     * will be generated automatically. For CSR generation all the options values
+     * can be used as with createCSR.
+     *
+     * @param {Object} [options] Optional options object
+     * @param {String} [options.serviceKey] Private key for signing the certificate, if not defined a new one is generated
+     * @param {String} [options.serviceKeyPassword] Password of the service key
+     * @param {Boolean} [options.selfSigned] If set to true and serviceKey is not defined, use clientKey for signing
+     * @param {String} [options.hash] Hash function to use (either md5 sha1 or sha256, defaults to sha256)
+     * @param {String} [options.csr] CSR for the certificate, if not defined a new one is generated
+     * @param {Number} [options.days] Certificate expire time in days
+     * @param {String} [options.clientKeyPassword] Password of the client key
+     * @param {String} [options.extFile] extension config file - without '-extensions v3_req'
+     * @param {String} [options.config] extension config file - with '-extensions v3_req'
+     * @param {Function} callback Callback function with an error object and {certificate, csr, clientKey, serviceKey}
+     */
+    function createCertificate(options: Object, callback: Function): void;
+    function createCertificate(callback: Function): void;
+
+    /**
+     * Reads subject data from a certificate or a CSR
+     *
+     * @param {String} certificate PEM encoded CSR or certificate
+     * @param {Function} callback Callback function with an error object and {country, state, locality, organization, organizationUnit, commonName, emailAddress}
+     */
+    function readCertificateInfo(certificate: string, callback: Function): void;
+    function readCertificateInfo(callback: Function): void;
+
+    /**
+     * Exports a public key from a private key, CSR or certificate
+     *
+     * @param {String} certificate PEM encoded private key, CSR or certificate
+     * @param {Function} callback Callback function with an error object and {publicKey}
+     */
+    function getPublicKey(certificate: string, callback: Function): void;
+    function getPublicKey(callback: Function): void;
+
+    /**
+     * Gets the fingerprint for a certificate
+     *
+     * @param {String} certificate PEM encoded certificate
+     * @param {String} hash Hash function to use (either md5 sha1 or sha256, defaults to sha256)
+     * @param {Function} callback Callback function with an error object and {fingerprint}
+     */
+    function getFingerprint(certificate: string, hash: string, callback: Function): void;
+    function getFingerprint(certificate: string, callback: Function): void;
+    function getFingerprint(callback: Function): void;
+
+    /**
+     * Gets the modulus from a certificate, a CSR or a private key
+     *
+     * @param {String} certificate PEM encoded, CSR PEM encoded, or private key
+     * @param {String} password password for the certificate
+     * @param {Function} callback Callback function with an error object and {modulus}
+     */
+    function getModulus(certificate: string, password: string, callback: Function): void;
+    function getModulus(certificate: string, callback: Function): void;
+
+    /**
+     * Gets the size and prime of DH parameters
+     *
+     * @param {String} dh DH parameters PEM encoded
+     * @param {Function} callback Callback function with an error object and {size, prime}
+     */
+    function getDhparamInfo(dh: string, callback: Function): void;
+
+    /**
+     * Exports private key and certificate to a PKCS12 keystore
+     *
+     * @param {String} key PEM encoded private key
+     * @param {String} certificate PEM encoded certificate
+     * @param {String} password Password of the result PKCS12 file
+     * @param {Object} [options] object of cipher and optional client key password {cipher:'aes128', clientKeyPassword: 'xxx'}
+     * @param {Function} callback Callback function with an error object and {pkcs12}
+     */
+    function createPkcs12(key: string, certificate: string, password: string, options: Object, callback: Function): void;
+    function createPkcs12(key: string, certificate: string, password: string, callback: Function): void;
+
+    /**
+     * Reads private key and certificate from a PKCS12 keystore
+     * @param {String} bufferOrPath
+     * @param {Object} [options] object of cipher and optional client key password {cipher:'aes128', clientKeyPassword: 'xxx'}
+     * @param {Function} callback Callback function with an error object and {pkcs12}
+     * @returns the result of the callback
+     */
+    function readPkcs12(bufferOrPath: string, options: Object, callback: Function): any;
+    function readPkcs12(options: Object, callback: Function): any;
+
+    /**
+     * Verifies the signing chain of the passed certificate
+     *
+     * @param {String} certificate PEM encoded certificate
+     * @param {Array} ca List of CA certificates
+     * @param {Function} callback Callback function with an error object and a boolean valid
+     */
+    function verifySigningChain(certificate: string, ca: Array<string>, callback: Function): void;
+
+    /**
+     * config the pem module
+     * @param {Object} options
+     */
+    function config(options: Object): void;
+}

From 56946455a5a0d8be6d3bf7d5b8619de8131c42a3 Mon Sep 17 00:00:00 2001
From: Ken Howard <ken@simplicatedweb.com>
Date: Mon, 3 Oct 2016 06:18:45 -0700
Subject: [PATCH 133/382] Added hapi-decorators.d.ts (#11668)

---
 hapi-decorators/hapi-decorators-tests.ts | 44 +++++++++++
 hapi-decorators/hapi-decorators.d.ts     | 98 ++++++++++++++++++++++++
 hapi-decorators/tsconfig.json            |  6 ++
 3 files changed, 148 insertions(+)
 create mode 100644 hapi-decorators/hapi-decorators-tests.ts
 create mode 100644 hapi-decorators/hapi-decorators.d.ts
 create mode 100644 hapi-decorators/tsconfig.json

diff --git a/hapi-decorators/hapi-decorators-tests.ts b/hapi-decorators/hapi-decorators-tests.ts
new file mode 100644
index 0000000000..c4c8dcf5bb
--- /dev/null
+++ b/hapi-decorators/hapi-decorators-tests.ts
@@ -0,0 +1,44 @@
+/// <reference path="../hapi/hapi.d.ts" />
+/// <reference path="hapi-decorators.d.ts" />
+
+import * as hapi from 'hapi';
+import { controller, get, post, put, cache, config, route, validate, Controller } from 'hapi-decorators';
+
+@controller('/test')
+class TestController implements Controller {
+    baseUrl: string;
+    routes: () => hapi.IRouteConfiguration[];
+
+    @get('/')
+    @config({
+        auth: false
+    })
+    @cache({
+        expiresIn: 42000
+    })
+    @validate({
+        payload: false
+    })
+    getHandler(request: hapi.Request, reply: hapi.IReply) {
+        reply({ success: true });
+    }
+
+    @post('/')
+    postHandler(request: hapi.Request, reply: hapi.IReply) {
+        reply({ success: true });
+    }
+
+    @put('/{id}')
+    putHandler(request: hapi.Request, reply: hapi.IReply) {
+        reply({ success: true });
+    }
+
+    @route('delete', '/{id}')
+    deleteHandler(request: hapi.Request, reply: hapi.IReply) {
+        reply({ success: true });
+    }
+}
+
+const server = new hapi.Server();
+
+server.route(new TestController().routes());
diff --git a/hapi-decorators/hapi-decorators.d.ts b/hapi-decorators/hapi-decorators.d.ts
new file mode 100644
index 0000000000..7659eaa1a8
--- /dev/null
+++ b/hapi-decorators/hapi-decorators.d.ts
@@ -0,0 +1,98 @@
+// Type definitions for hapi-decorators v0.4.3
+// Project: https://github.com/knownasilya/hapi-decorators
+// Definitions by: Ken Howard <http://github.com/kenhowardpdx>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../hapi/hapi.d.ts" />
+
+declare module 'hapi-decorators' {
+    import * as hapi from 'hapi';
+    interface ControllerStatic {
+        new (): Controller;
+    }
+    export interface Controller {
+        baseUrl: string;
+        routes: () => hapi.IRouteConfiguration[];
+    }
+    export function controller(baseUrl: string): (target: ControllerStatic) => void;
+    interface IRouteSetup {
+        (target: any, key: any, descriptor: any): any;
+    }
+    interface IRouteDecorator {
+        (method: string, path: string): IRouteSetup;
+    }
+    interface IRouteConfig {
+        (path: string): IRouteSetup;
+    }
+    export const route: IRouteDecorator;
+    export const get: IRouteConfig;
+    export const post: IRouteConfig;
+    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;
+    interface ICacheConfig {
+        privacy?: string;
+        expiresIn?: number;
+        expiresAt?: number;
+    }
+    export function cache(cacheConfig: ICacheConfig): (target: any, key: any, descriptor: any) => any;
+    export function pre(pre: {
+        [key: string]: any;
+    }): (target: any, key: any, descriptor: any) => any;
+}
diff --git a/hapi-decorators/tsconfig.json b/hapi-decorators/tsconfig.json
new file mode 100644
index 0000000000..06670f1da9
--- /dev/null
+++ b/hapi-decorators/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "target": "es2015",
+    "experimentalDecorators": true
+  }
+}

From 1965fee8a729ffe89f79459f171cc482f9e4119c Mon Sep 17 00:00:00 2001
From: Eric Wieser <wieser.eric@gmail.com>
Date: Mon, 3 Oct 2016 14:27:29 +0100
Subject: [PATCH 134/382] Add missing each, and correct type of Date.now()
 (#11670)

---
 sugar/sugar.d.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/sugar/sugar.d.ts b/sugar/sugar.d.ts
index 6270ed2330..9cb548f716 100644
--- a/sugar/sugar.d.ts
+++ b/sugar/sugar.d.ts
@@ -3076,6 +3076,11 @@ interface ObjectConstructor {
 	**/
 	map<T, U>(obj: T, map: (key: string, value: any) => any): U;
 
+	/**
+	* @see map
+	**/
+	each(obj: any, map: (key: string, value: any) => void): void;
+
 	/**
 	* @see map
 	**/
@@ -4174,7 +4179,7 @@ interface DateConstructor {
 	* @example
 	*   Date.now() -> ex. 1311938296231
 	**/
-	now(): string;
+	now(): number;
 
 	/**
 	* Alternate form of %Date.create% with any ambiguity assumed to be the past.

From 16828379f82c99a48c5262050c9ca05ff5e4e498 Mon Sep 17 00:00:00 2001
From: Tony Trinh <tony19@gmail.com>
Date: Mon, 3 Oct 2016 08:30:37 -0500
Subject: [PATCH 135/382] Add definitions for spdy (#11672)

https://github.com/indutny/node-spdy
---
 spdy/spdy-tests.ts | 682 +++++++++++++++++++++++++++++++++++++++++++++
 spdy/spdy.d.ts     | 412 +++++++++++++++++++++++++++
 2 files changed, 1094 insertions(+)
 create mode 100644 spdy/spdy-tests.ts
 create mode 100644 spdy/spdy.d.ts

diff --git a/spdy/spdy-tests.ts b/spdy/spdy-tests.ts
new file mode 100644
index 0000000000..af2997493c
--- /dev/null
+++ b/spdy/spdy-tests.ts
@@ -0,0 +1,682 @@
+/// <reference path="spdy.d.ts" />
+
+// copied unit tests from https://github.com/indutny/node-spdy/tree/a583cf6/test
+
+import * as spdy from 'spdy';
+
+let describe: any;
+let it: any;
+let fixtures: any;
+let http: any;
+let https: any;
+let util: any;
+let assert: any;
+let afterEach: any;
+let beforeEach: any;
+let net: any;
+let tls: any;
+let transport: any;
+
+describe('SPDY Client', () => {
+  describe('regular', () => {
+    fixtures.everyConfig((protocol: any, npn: string, version: string, plain: boolean) => {
+      let server: any;
+      let agent: any;
+      let hmodule: any;
+
+      beforeEach((done: any) => {
+        hmodule = plain ? http : https;
+
+        const options = util._extend({
+                                     spdy: {
+                                       plain: plain
+                                     }
+                                   }, fixtures.keys);
+        server = spdy.createServer(options, (req: any, res: any) => {
+          let body = '';
+          req.on('data', (chunk: any) => {
+            body += chunk;
+          });
+          req.on('end', () => {
+            res.writeHead(200, req.headers);
+            res.addTrailers({ trai: 'ler' });
+
+            const push = res.push('/push', {
+              request: {
+                push: 'yes'
+              }
+            }, (err: any) => {
+              assert(!err);
+
+              push.end('push');
+              push.on('error', () => {
+              });
+
+              res.end(body || 'okay');
+            });
+          });
+        });
+
+        server.listen(fixtures.port, () => {
+          agent = spdy.createAgent({
+                                     rejectUnauthorized: false,
+                                     port: <number>fixtures.port,
+                                     spdy: {
+                                       plain: plain,
+                                       protocol: plain ? npn : null,
+                                       protocols: [ npn ]
+                                     }
+                                   });
+
+          done();
+        });
+      });
+
+      afterEach((done: any) => {
+        let waiting = 2;
+        agent.close(next);
+        server.close(next);
+
+        function next() {
+          if (--waiting === 0)
+            done();
+        }
+      });
+
+      it('should send GET request', (done: any) => {
+        const req = hmodule.request({
+                                    agent: agent,
+
+                                    method: 'GET',
+                                    path: '/get',
+                                    headers: {
+                                      a: 'b'
+                                    }
+                                  }, (res: any) => {
+          assert.equal(res.statusCode, 200);
+          assert.equal(res.headers.a, 'b');
+
+          fixtures.expectData(res, 'okay', done);
+        });
+        req.end();
+      });
+
+      it('should send POST request', (done: any) => {
+        const req = hmodule.request({
+                                    agent: agent,
+
+                                    method: 'POST',
+                                    path: '/post',
+
+                                    headers: {
+                                      post: 'headers'
+                                    }
+                                  }, (res: any) => {
+          assert.equal(res.statusCode, 200);
+          assert.equal(res.headers.post, 'headers');
+
+          fixtures.expectData(res, 'post body', done);
+        });
+
+        agent._spdyState.socket.once(plain ? 'connect' : 'secureConnect',
+                                     () => {
+                                       req.end('post body');
+                                     });
+      });
+
+      it('should receive PUSH_PROMISE', (done: any) => {
+        const req = hmodule.request({
+                                    agent: agent,
+
+                                    method: 'GET',
+                                    path: '/get'
+                                  }, (res: any) => {
+          assert.equal(res.statusCode, 200);
+
+          res.resume();
+        });
+        req.on('push', (push: any) => {
+          assert.equal(push.path, '/push');
+          assert.equal(push.headers.push, 'yes');
+
+          push.resume();
+          push.once('end', done);
+        });
+        req.end();
+      });
+
+      it('should receive trailing headers', (done: any) => {
+        var req = hmodule.request({
+                                    agent: agent,
+
+                                    method: 'GET',
+                                    path: '/get'
+                                  }, (res: any) => {
+          assert.equal(res.statusCode, 200);
+
+          res.on('trailers', (headers: any) => {
+            assert.equal(headers.trai, 'ler');
+            fixtures.expectData(res, 'okay', done);
+          });
+        });
+        req.end();
+      });
+    });
+  });
+
+  describe('x-forwarded-for', () => {
+    fixtures.everyConfig((protocol: any, npn: any, version: string, plain: boolean) => {
+      let server: any;
+      let agent: any;
+      let hmodule: any;
+
+      beforeEach((done: any) => {
+        hmodule = plain ? http : https;
+
+        const options = util._extend({
+                                     spdy: {
+                                       plain: plain,
+                                       'x-forwarded-for': true
+                                     }
+                                   }, fixtures.keys);
+        server = spdy.createServer(options, (req: any, res: any) => {
+          res.writeHead(200, req.headers);
+          res.end();
+        });
+
+        server.listen(fixtures.port, () => {
+          agent = spdy.createAgent({
+                                     rejectUnauthorized: false,
+                                     port: fixtures.port,
+                                     spdy: {
+                                       'x-forwarded-for': '1.2.3.4',
+                                       plain: plain,
+                                       protocol: plain ? npn : null,
+                                       protocols: [ npn ]
+                                     }
+                                   });
+
+          done();
+        });
+      });
+
+      afterEach((done: any) => {
+        let waiting = 2;
+        agent.close(next);
+        server.close(next);
+
+        function next() {
+          if (--waiting === 0)
+            done();
+        }
+      });
+
+      it('should send x-forwarded-for', (done: any) => {
+        var req = hmodule.request({
+                                    agent: agent,
+
+                                    method: 'GET',
+                                    path: '/get'
+                                  }, (res: any) => {
+          assert.equal(res.statusCode, 200);
+          assert.equal(res.headers['x-forwarded-for'], '1.2.3.4');
+
+          res.resume();
+          res.once('end', done);
+        });
+        req.end();
+      });
+    });
+  });
+});
+
+describe('SPDY Server', () => {
+  fixtures.everyConfig((protocol: any, npn: any, version: number, plain: boolean) => {
+    let server: any; // spdy.Server;
+    let client: any;
+
+    beforeEach((done: any) => {
+      server = spdy.createServer(util._extend({
+                                                spdy: {
+                                                  'x-forwarded-for': true,
+                                                  plain: plain
+                                                }
+                                              }, fixtures.keys));
+
+      server.listen(fixtures.port, () => {
+        const socket = (plain ? net : tls).connect({
+                                                   rejectUnauthorized: false,
+                                                   port: fixtures.port,
+                                                   NPNProtocols: [ npn ]
+                                                 }, () => {
+          client = transport.connection.create(socket, {
+            protocol: protocol,
+            isServer: false
+          });
+          client.start(version);
+          done();
+        });
+      });
+    });
+
+    afterEach((done: any) => {
+      client.socket.destroy();
+      server.close(done);
+    });
+
+    it('should process GET request', (done: any) => {
+      const stream = client.request({
+                                    method: 'GET',
+                                    path: '/get',
+                                    headers: {
+                                      a: 'b'
+                                    }
+                                  }, (err: any) => {
+        assert(!err);
+
+        stream.on('response', (status: any, headers: any) => {
+          assert.equal(status, 200);
+          assert.equal(headers.ok, 'yes');
+
+          fixtures.expectData(stream, 'response', done);
+        });
+
+        stream.end();
+      });
+
+      server.on('request', (req: any, res: any) => {
+        assert.equal(req.isSpdy, res.isSpdy);
+        assert.equal(req.spdyVersion, res.spdyVersion);
+        assert(req.isSpdy);
+        if (!plain) {
+          const socket = <any>req.socket;
+          assert(socket.encrypted);
+          assert(socket.getPeerCertificate());
+        }
+
+        // Auto-detection
+        if (version === 3.1)
+          assert(req.spdyVersion >= 3 && req.spdyVersion <= 3.1);
+        else
+          assert.equal(req.spdyVersion, version);
+        assert(req.spdyStream);
+        assert(res.spdyStream);
+
+        assert.equal(req.method, 'GET');
+        assert.equal(req.url, '/get');
+        assert.deepEqual(req.headers, { a: 'b', host: 'localhost' });
+
+        req.on('end', () => {
+          res.writeHead(200, {
+            ok: 'yes'
+          });
+          res.end('response');
+          assert(res.finished, 'res.finished should be set');
+        });
+        req.resume();
+      });
+    });
+
+    it('should process POST request', (done: any) => {
+      const stream = client.request({
+                                    method: 'POST',
+                                    path: '/post'
+                                  }, (err: any) => {
+        assert(!err);
+
+        stream.on('response', (status: any, headers: any) => {
+          assert.equal(status, 200);
+          assert.equal(headers.ok, 'yes');
+
+          fixtures.expectData(stream, 'response', next);
+        });
+
+        stream.end('request');
+      });
+
+      server.on('request', (req: any, res: any) => {
+        assert.equal(req.method, 'POST');
+        assert.equal(req.url, '/post');
+
+        res.writeHead(200, {
+          ok: 'yes'
+        });
+        res.end('response');
+
+        fixtures.expectData(req, 'request', next);
+      });
+
+      let waiting = 2;
+      function next() {
+        if (--waiting === 0)
+          return done();
+      }
+    });
+
+    it('should process expect-continue request', (done: any) => {
+      const stream = client.request({
+                                    method: 'GET',
+                                    path: '/get',
+                                    headers: {
+                                      Expect: '100-continue'
+                                    }
+                                  }, (err: any) => {
+        assert(!err);
+
+        stream.on('response', (status: any, headers: any) => {
+          assert.equal(status, 100);
+
+          fixtures.expectData(stream, 'response', done);
+        });
+
+        stream.end();
+      });
+
+      server.on('request', (req: any, res: any) => {
+        req.on('end', () => {
+          res.end('response');
+        });
+        req.resume();
+      });
+    });
+
+    it('should emit `checkContinue` request', (done: any) => {
+      const stream = client.request({
+                                    method: 'GET',
+                                    path: '/get',
+                                    headers: {
+                                      Expect: '100-continue'
+                                    }
+                                  }, (err: any) => {
+        assert(!err);
+
+        stream.on('response', (status: any, headers: any) => {
+          assert.equal(status, 100);
+
+          fixtures.expectData(stream, 'response', done);
+        });
+
+        stream.end();
+      });
+
+      server.on('checkContinue', (req: any, res: any) => {
+        req.on('end', () => {
+          res.writeContinue();
+          res.end('response');
+        });
+        req.resume();
+      });
+    });
+
+    it('should send PUSH_PROMISE', (done: any) => {
+      const stream = client.request({
+                                    method: 'POST',
+                                    path: '/page'
+                                  }, (err: any) => {
+        assert(!err);
+
+        stream.on('pushPromise', (push: any) => {
+          assert.equal(push.path, '/push');
+          assert.equal(push.headers.yes, 'push');
+
+          fixtures.expectData(push, 'push', next);
+          fixtures.expectData(stream, 'response', next);
+        });
+
+        stream.end('request');
+      });
+
+      server.on('request', (req: any, res: any) => {
+        assert.equal(req.method, 'POST');
+        assert.equal(req.url, '/page');
+
+        res.writeHead(200, {
+          ok: 'yes'
+        });
+
+        const push = res.push('/push', {
+          request: {
+            yes: 'push'
+          }
+        });
+        push.end('push');
+
+        res.end('response');
+
+        fixtures.expectData(req, 'request', next);
+      });
+
+      let waiting = 3;
+      function next() {
+        if (--waiting === 0)
+          return done();
+      }
+    });
+
+    it('should receive trailing headers', (done: any) => {
+      const stream = client.request({
+                                    method: 'POST',
+                                    path: '/post'
+                                  }, (err: any) => {
+        assert(!err);
+
+        stream.sendHeaders({ trai: 'ler' });
+        stream.end();
+
+        stream.on('response', (status: any, headers: any) => {
+          assert.equal(status, 200);
+          assert.equal(headers.ok, 'yes');
+
+          fixtures.expectData(stream, 'response', done);
+        });
+      });
+
+      server.on('request', (req: any, res: any) => {
+        let gotHeaders = false;
+        req.on('trailers', (headers: any) => {
+          gotHeaders = true;
+          assert.equal(headers.trai, 'ler');
+        });
+
+        req.on('end', () => {
+          assert(gotHeaders);
+
+          res.writeHead(200, {
+            ok: 'yes'
+          });
+          res.end('response');
+        });
+        req.resume();
+      });
+    });
+
+    it('should call .writeHead() automatically', (done: any) => {
+      const stream = client.request({
+                                    method: 'POST',
+                                    path: '/post'
+                                  }, (err: any) => {
+        assert(!err);
+
+        stream.on('response', (status: any, headers: any) => {
+          assert.equal(status, 300);
+
+          fixtures.expectData(stream, 'response', done);
+        });
+        stream.end();
+      });
+
+      server.on('request', (req: any, res: any) => {
+        req.on('end', () => {
+          res.statusCode = 300;
+          res.end('response');
+        });
+        req.resume();
+      });
+    });
+
+    it('should not crash on .writeHead() after socket close', (done: any) => {
+      const stream = client.request({
+                                    method: 'POST',
+                                    path: '/post'
+                                  }, (err: any) => {
+        assert(!err);
+
+        setTimeout(() => {
+          client.socket.destroy();
+        }, 50);
+        stream.on('error', () => {});
+        stream.end();
+      });
+
+      server.on('request', (req: any, res: any) => {
+        req.connection.on('close', () => {
+          assert.doesNotThrow(() => {
+            res.writeHead(200);
+            res.end('response');
+          });
+          done();
+        });
+      });
+    });
+
+    it('should not crash on .push() after socket close', (done: any) => {
+      const stream = client.request({
+                                    method: 'POST',
+                                    path: '/post'
+                                  }, (err: any) => {
+        assert(!err);
+
+        setTimeout(() => {
+          client.socket.destroy();
+        }, 50);
+        stream.on('error', () => {});
+        stream.end();
+      });
+
+      server.on('request', (req: any, res: any) => {
+        req.connection.on('close', () => {
+          assert.doesNotThrow(() => {
+            assert.equal(res.push('/push', {}), undefined);
+            res.end('response');
+          });
+          done();
+        });
+      });
+    });
+
+    it('should end response after writing everything down', (done: any) => {
+      const stream = client.request({
+                                    method: 'GET',
+                                    path: '/post'
+                                  }, (err: any) => {
+        assert(!err);
+
+        stream.on('response', (status: any, headers: any) => {
+          assert.equal(status, 200);
+
+          fixtures.expectData(stream, 'hello world, what\'s up?', done);
+        });
+
+        stream.end();
+      });
+
+      server.on('request', (req: any, res: any) => {
+        req.resume();
+        res.writeHead(200);
+        res.write('hello ');
+        res.write('world');
+        res.write(', what\'s');
+        res.write(' up?');
+        res.end();
+      });
+    });
+
+    it('should handle x-forwarded-for', (done: any) => {
+      client.sendXForwardedFor('1.2.3.4');
+
+      const stream = client.request({
+                                    method: 'GET',
+                                    path: '/post'
+                                  }, (err: any) => {
+        assert(!err);
+
+        stream.resume();
+        stream.on('end', done);
+        stream.end();
+      });
+
+      server.on('request', (req: any, res: any) => {
+        assert.equal(req.headers['x-forwarded-for'], '1.2.3.4');
+        req.resume();
+        res.end();
+      });
+    });
+  });
+
+  it('should respond to http/1.1', (done: any) => {
+    const server = spdy.createServer(fixtures.keys, (req: any, res: any) => {
+      assert.equal(req.isSpdy, res.isSpdy);
+      assert.equal(req.spdyVersion, res.spdyVersion);
+      assert(!req.isSpdy);
+      assert.equal(req.spdyVersion, 1);
+
+      res.writeHead(200);
+      res.end();
+    });
+
+    server.listen(fixtures.port, () => {
+      const req = https.request({
+                                agent: false,
+                                rejectUnauthorized: false,
+                                NPNProtocols: [ 'http/1.1' ],
+                                port: fixtures.port,
+                                method: 'GET',
+                                path: '/'
+                              }, (res: any) => {
+        assert.equal(res.statusCode, 200);
+        res.resume();
+        res.on('end', () => {
+          server.close(done);
+        });
+      });
+
+      req.end();
+    });
+  });
+
+  it('should support custom base', (done: any) => {
+    function Pseuver(options: spdy.ServerOptions, listener: Function) {
+      https.Server.call(this, options, listener);
+    }
+    util.inherits(Pseuver, https.Server);
+
+    const server = spdy.createServer(Pseuver, fixtures.keys, (req: any, res: any) => {
+      assert.equal(req.isSpdy, res.isSpdy);
+      assert.equal(req.spdyVersion, res.spdyVersion);
+      assert(!req.isSpdy);
+      assert.equal(req.spdyVersion, 1);
+
+      res.writeHead(200);
+      res.end();
+    });
+
+    server.listen(fixtures.port, () => {
+      const req = https.request({
+                                agent: false,
+                                rejectUnauthorized: false,
+                                NPNProtocols: [ 'http/1.1' ],
+                                port: fixtures.port,
+                                method: 'GET',
+                                path: '/'
+                              }, (res: any) => {
+        assert.equal(res.statusCode, 200);
+        res.resume();
+        res.on('end', () => {
+          server.close(done);
+        });
+      });
+
+      req.end();
+    });
+  });
+});
diff --git a/spdy/spdy.d.ts b/spdy/spdy.d.ts
new file mode 100644
index 0000000000..8371ca4f9f
--- /dev/null
+++ b/spdy/spdy.d.ts
@@ -0,0 +1,412 @@
+// Type definitions for node-spdy v3.4.3
+// Project: https://github.com/indutny/node-spdy
+// Definitions by: Anthony Trinh <https://github.com/tony19>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "spdy" {
+    // lib/spdy/agent.js
+    namespace agent {
+        export class Agent extends node.https.Agent {}
+        export class PlainAgent extends node.http.Agent {}
+        export function create(base: any, options: AgentOptions): Agent | PlainAgent;
+
+        export interface AgentOptions extends node.https.AgentOptions {
+            port?: number,
+            spdy?: {
+                plain?: boolean,
+                ssl?: boolean,
+                'x-forwarded-for'?: string,
+                protocol?: string,
+                protocols?: string[]
+            };
+        }
+    }
+
+    // lib/spdy/handle.js
+    export interface Handle {
+        create(options: Object, stream: any, socket: Socket): Handle;
+        getStream(callback?: Function): any;
+        assignSocket(socket: Socket, options: Object): void;
+        assignClientRequest(req: any): void;
+        assignRequest(req: any): void;
+        assignResponse(res: any): void;
+        emitRequest(): void;
+        emitResponse(status: any, headers: any): void;
+    }
+
+    // lib/spdy/request.js
+    namespace request {
+        export function onNewListener(type: string): void;
+    }
+
+    // lib/spdy/response.js
+    namespace response {
+        export function writeHead(statusCode: number, reason: string, obj: Object): void;
+        export function writeHead(statusCode: number, obj: Object): void;
+        export function end(data: any, encoding: string, callback: Function): void;
+    }
+
+    // lib/spdy/server.js
+    namespace server {
+        export interface Server extends node.https.Server {}
+        export interface PlainServer extends node.http.Server {}
+        export interface IncomingMessage extends node.http.IncomingMessage {}
+        export interface ServerResponse extends node.http.ServerResponse {
+            push(filename: string, options: PushOptions): any;
+        }
+        export function create(base: any,
+                               options: node.https.ServerOptions,
+                               handler: (request: IncomingMessage, response: ServerResponse) => void): Server;
+        export function create(options: node.https.ServerOptions,
+                               handler: (request: IncomingMessage, response: ServerResponse) => void): Server;
+        export function create(handler: (request: IncomingMessage, response: ServerResponse) => void): Server;
+
+        export type Protocol =
+            'h2'
+                | 'spdy/3.1'
+                | 'spdy/3'
+                | 'spdy/2'
+                | 'http/1.1'
+                | 'http/1.0';
+
+        export interface PushOptions {
+            status?: number,
+            method?: string,
+            request?: any,
+            response?: any
+        }
+
+        export interface ServerOptions extends node.https.ServerOptions {
+            spdy?: {
+                protocols?: Protocol[],
+                plain?: boolean,
+                'x-forwarded-for'?: boolean,
+                connection?: {
+                    windowSize?: number,
+                    autoSpdy31?: boolean,
+                },
+            };
+        }
+    }
+
+    // copied from definitions of Node 6.7.0
+    namespace node {
+        namespace http {
+            interface Server extends net.Server {
+                setTimeout(msecs: number, callback: Function): any;
+
+                maxHeadersCount: number;
+                timeout: number;
+                listening: boolean;
+            }
+
+            interface AgentOptions {
+                /**
+                 * Keep sockets around in a pool to be used by other requests in the future. Default = false
+                 */
+                keepAlive?: boolean;
+                /**
+                 * When using HTTP KeepAlive, how often to send TCP KeepAlive packets over sockets being kept alive. Default = 1000.
+                 * Only relevant if keepAlive is set to true.
+                 */
+                keepAliveMsecs?: number;
+                /**
+                 * Maximum number of sockets to allow per host. Default for Node 0.10 is 5, default for Node 0.12 is Infinity
+                 */
+                maxSockets?: number;
+                /**
+                 * Maximum number of sockets to leave open in a free state. Only relevant if keepAlive is set to true. Default = 256.
+                 */
+                maxFreeSockets?: number;
+            }
+
+            class Agent {
+                maxSockets: number;
+                sockets: any;
+                requests: any;
+
+                constructor(opts?: AgentOptions);
+
+                /**
+                 * Destroy any sockets that are currently in use by the agent.
+                 * It is usually not necessary to do this. However, if you are using an agent with KeepAlive enabled,
+                 * then it is best to explicitly shut down the agent when you know that it will no longer be used. Otherwise,
+                 * sockets may hang open for quite a long time before the server terminates them.
+                 */
+                destroy(): void;
+            }
+
+            export interface IncomingMessage {
+                path: string;
+                httpVersion: string;
+                httpVersionMajor: number;
+                httpVersionMinor: number;
+                connection: any;
+                headers: any;
+                rawHeaders: string[];
+                trailers: any;
+                rawTrailers: any;
+                setTimeout(msecs: number, callback: Function): any;
+                /**
+                 * Only valid for request obtained from http.Server.
+                 */
+                method?: string;
+                /**
+                 * Only valid for request obtained from http.Server.
+                 */
+                url?: string;
+                /**
+                 * Only valid for response obtained from http.ClientRequest.
+                 */
+                statusCode?: number;
+                /**
+                 * Only valid for response obtained from http.ClientRequest.
+                 */
+                statusMessage?: string;
+                socket: any;
+                destroy(error?: Error): void;
+                get(name: string): string;
+            }
+
+            export interface ServerResponse {
+                // Extended base methods
+                write(buffer: any): boolean;
+                write(buffer: any, cb?: Function): boolean;
+                write(str: string, cb?: Function): boolean;
+                write(str: string, encoding?: string, cb?: Function): boolean;
+                write(str: string, encoding?: string, fd?: string): boolean;
+
+                writeContinue(): void;
+                writeHead(statusCode: number, reasonPhrase?: string, headers?: any): void;
+                writeHead(statusCode: number, headers?: any): void;
+                statusCode: number;
+                statusMessage: string;
+                headersSent: boolean;
+                setHeader(name: string, value: string | string[]): void;
+                setTimeout(msecs: number, callback: Function): ServerResponse;
+                sendDate: boolean;
+                getHeader(name: string): string;
+                removeHeader(name: string): void;
+                write(chunk: any, encoding?: string): any;
+                addTrailers(headers: any): void;
+                finished: boolean;
+
+                // Extended base methods
+                end(): void;
+                end(buffer: any, cb?: Function): void;
+                end(str: string, cb?: Function): void;
+                end(str: string, encoding?: string, cb?: Function): void;
+                end(data?: any, encoding?: string): void;
+            }
+        }
+
+        namespace https {
+            interface Server extends tls.Server {
+                close(callback?: Function): Server;
+            }
+
+            interface ServerOptions {
+                pfx?: any;
+                key?: any;
+                passphrase?: string;
+                cert?: any;
+                ca?: any;
+                crl?: any;
+                ciphers?: string;
+                honorCipherOrder?: boolean;
+                requestCert?: boolean;
+                rejectUnauthorized?: boolean;
+                NPNProtocols?: any;
+                SNICallback?: (servername: string, cb: (err: Error, ctx: tls.SecureContext) => any) => any;
+            }
+
+            class Agent extends http.Agent {}
+
+            interface AgentOptions extends http.AgentOptions {
+                pfx?: any;
+                key?: any;
+                passphrase?: string;
+                cert?: any;
+                ca?: any;
+                ciphers?: string;
+                rejectUnauthorized?: boolean;
+                secureProtocol?: string;
+                maxCachedSessions?: number;
+            }
+        }
+
+        namespace tls {
+            interface Server extends net.Server {
+                close(): Server;
+                address(): { port: number; family: string; address: string; };
+                addContext(hostName: string, credentials: {
+                    key: string;
+                    cert: string;
+                    ca: string;
+                }): void;
+                maxConnections: number;
+                connections: number;
+
+                /**
+                 * events.EventEmitter
+                 * 1. tlsClientError
+                 * 2. newSession
+                 * 3. OCSPRequest
+                 * 4. resumeSession
+                 * 5. secureConnection
+                 **/
+                addListener(event: string, listener: Function): this;
+                addListener(event: "tlsClientError", listener: (err: Error, tlsSocket: any) => void): this;
+                addListener(event: "newSession", listener: (sessionId: any, sessionData: any, callback: (err: Error, resp: any) => void) => void): this;
+                addListener(event: "OCSPRequest", listener: (certificate: any, issuer: any, callback: Function) => void): this;
+                addListener(event: "resumeSession", listener: (sessionId: any, callback: (err: Error, sessionData: any) => void) => void): this;
+                addListener(event: "secureConnection", listener: (tlsSocket: any) => void): this;
+
+                emit(event: string, ...args: any[]): boolean;
+                emit(event: "tlsClientError", err: Error, tlsSocket: any): boolean;
+                emit(event: "newSession", sessionId: any, sessionData: any, callback: (err: Error, resp: any) => void): boolean;
+                emit(event: "OCSPRequest", certificate: any, issuer: any, callback: Function): boolean;
+                emit(event: "resumeSession", sessionId: any, callback: (err: Error, sessionData: any) => void): boolean;
+                emit(event: "secureConnection", tlsSocket: any): boolean;
+
+                on(event: string, listener: Function): this;
+                on(event: "tlsClientError", listener: (err: Error, tlsSocket: any) => void): this;
+                on(event: "newSession", listener: (sessionId: any, sessionData: any, callback: (err: Error, resp: any) => void) => void): this;
+                on(event: "OCSPRequest", listener: (certificate: any, issuer: any, callback: Function) => void): this;
+                on(event: "resumeSession", listener: (sessionId: any, callback: (err: Error, sessionData: any) => void) => void): this;
+                on(event: "secureConnection", listener: (tlsSocket: any) => void): this;
+
+                once(event: string, listener: Function): this;
+                once(event: "tlsClientError", listener: (err: Error, tlsSocket: any) => void): this;
+                once(event: "newSession", listener: (sessionId: any, sessionData: any, callback: (err: Error, resp: any) => void) => void): this;
+                once(event: "OCSPRequest", listener: (certificate: any, issuer: any, callback: Function) => void): this;
+                once(event: "resumeSession", listener: (sessionId: any, callback: (err: Error, sessionData: any) => void) => void): this;
+                once(event: "secureConnection", listener: (tlsSocket: any) => void): this;
+
+                prependListener(event: string, listener: Function): this;
+                prependListener(event: "tlsClientError", listener: (err: Error, tlsSocket: any) => void): this;
+                prependListener(event: "newSession", listener: (sessionId: any, sessionData: any, callback: (err: Error, resp: any) => void) => void): this;
+                prependListener(event: "OCSPRequest", listener: (certificate: any, issuer: any, callback: Function) => void): this;
+                prependListener(event: "resumeSession", listener: (sessionId: any, callback: (err: Error, sessionData: any) => void) => void): this;
+                prependListener(event: "secureConnection", listener: (tlsSocket: any) => void): this;
+
+                prependOnceListener(event: string, listener: Function): this;
+                prependOnceListener(event: "tlsClientError", listener: (err: Error, tlsSocket: any) => void): this;
+                prependOnceListener(event: "newSession", listener: (sessionId: any, sessionData: any, callback: (err: Error, resp: any) => void) => void): this;
+                prependOnceListener(event: "OCSPRequest", listener: (certificate: any, issuer: any, callback: Function) => void): this;
+                prependOnceListener(event: "resumeSession", listener: (sessionId: any, callback: (err: Error, sessionData: any) => void) => void): this;
+                prependOnceListener(event: "secureConnection", listener: (tlsSocket: any) => void): this;
+            }
+
+            interface SecureContext {
+                context: any;
+            }
+        }
+
+        namespace net {
+            interface Server {
+                // net.Server
+                listen(port: number, hostname?: string, backlog?: number, listeningListener?: Function): Server;
+                listen(port: number, hostname?: string, listeningListener?: Function): Server;
+                listen(port: number, backlog?: number, listeningListener?: Function): Server;
+                listen(port: number, listeningListener?: Function): Server;
+                listen(path: string, backlog?: number, listeningListener?: Function): Server;
+                listen(path: string, listeningListener?: Function): Server;
+                listen(handle: any, backlog?: number, listeningListener?: Function): Server;
+                listen(handle: any, listeningListener?: Function): Server;
+                listen(options: ListenOptions, listeningListener?: Function): Server;
+
+                close(callback?: Function): Server;
+
+                address(): { port: number; family: string; address: string; };
+
+                getConnections(cb: (error: Error, count: number) => void): void;
+
+                ref(): Server;
+
+                unref(): Server;
+
+                maxConnections: number;
+                connections: number;
+
+                /**
+                 * events.EventEmitter
+                 *   1. close
+                 *   2. connection
+                 *   3. error
+                 *   4. listening
+                 */
+                addListener(event: string, listener: Function): this;
+                addListener(event: "close", listener: () => void): this;
+                addListener(event: "connection", listener: (socket: Socket) => void): this;
+                addListener(event: "error", listener: (err: Error) => void): this;
+                addListener(event: "listening", listener: () => void): this;
+
+                emit(event: string, ...args: any[]): boolean;
+                emit(event: "close"): boolean;
+                emit(event: "connection", socket: Socket): boolean;
+                emit(event: "error", err: Error): boolean;
+                emit(event: "listening"): boolean;
+
+                on(event: string, listener: Function): this;
+                on(event: "close", listener: () => void): this;
+                on(event: "connection", listener: (socket: Socket) => void): this;
+                on(event: "error", listener: (err: Error) => void): this;
+                on(event: "listening", listener: () => void): this;
+
+                once(event: string, listener: Function): this;
+                once(event: "close", listener: () => void): this;
+                once(event: "connection", listener: (socket: Socket) => void): this;
+                once(event: "error", listener: (err: Error) => void): this;
+                once(event: "listening", listener: () => void): this;
+
+                prependListener(event: string, listener: Function): this;
+                prependListener(event: "close", listener: () => void): this;
+                prependListener(event: "connection", listener: (socket: Socket) => void): this;
+                prependListener(event: "error", listener: (err: Error) => void): this;
+                prependListener(event: "listening", listener: () => void): this;
+
+                prependOnceListener(event: string, listener: Function): this;
+                prependOnceListener(event: "close", listener: () => void): this;
+                prependOnceListener(event: "connection", listener: (socket: Socket) => void): this;
+                prependOnceListener(event: "error", listener: (err: Error) => void): this;
+                prependOnceListener(event: "listening", listener: () => void): this;
+            }
+
+            interface ListenOptions {
+                port?: number;
+                host?: string;
+                backlog?: number;
+                path?: string;
+                exclusive?: boolean;
+            }
+        }
+    }
+
+    // lib/spdy/socket.js
+    namespace socket {
+        export interface Socket {
+            // net.Socket
+        }
+    }
+
+    // lib/spdy.js
+    export type Agent = agent.Agent;
+    export type PlainAgent = agent.PlainAgent;
+    export type AgentOptions = agent.AgentOptions;
+    export type Socket = socket.Socket;
+    export type Server = server.Server;
+    export type IncomingMessage = server.IncomingMessage;
+    export type ServerRequest = server.IncomingMessage;
+    export type ServerResponse = server.ServerResponse;
+    export type PlainServer = server.PlainServer;
+    export type ServerOptions = server.ServerOptions;
+    export function createAgent(base: any, options: AgentOptions): Agent | PlainAgent;
+    export function createAgent(options: AgentOptions): Agent | PlainAgent;
+    export function createServer(base: any,
+                                 options: ServerOptions,
+                                 handler: (request: IncomingMessage, response: ServerResponse) => void): Server;
+    export function createServer(options: ServerOptions,
+                                 handler: (request: IncomingMessage, response: ServerResponse) => void): Server;
+    export function createServer(handler: (request: IncomingMessage, response: ServerResponse) => void): Server;
+}

From 32dbb649dbbbfc96f4b0274aec5740cb51d8e688 Mon Sep 17 00:00:00 2001
From: "Remo H. Jansen" <remo.jansen@wolksoftware.com>
Date: Mon, 3 Oct 2016 14:31:20 +0100
Subject: [PATCH 136/382] Allow interface to be named (#11673)

> error TS4023: Exported variable 'DevTools' has or is using name 'IDevTools' from external module "/Users/remojansen/CODE/forks/redux-bootstrap/node_modules/@types/redux-devtools/index" but cannot be named.
---
 redux-devtools/redux-devtools.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/redux-devtools/redux-devtools.d.ts b/redux-devtools/redux-devtools.d.ts
index e2afe1e160..a7a7772fd7 100644
--- a/redux-devtools/redux-devtools.d.ts
+++ b/redux-devtools/redux-devtools.d.ts
@@ -8,7 +8,7 @@
 declare module "redux-devtools" {
   import * as React from 'react'
 
-  interface IDevTools {
+  export interface IDevTools {
     new (): JSX.ElementClass
     instrument(): (opts: any) => any;
   }
@@ -19,4 +19,4 @@ declare module "redux-devtools" {
   var factory: { instrument(): (opts: any) => any }
 
   export default factory;
-}
\ No newline at end of file
+}

From f54f4edaeacd957066ef5155103927f006ff6391 Mon Sep 17 00:00:00 2001
From: Sean Kelley <seansfkelley@users.noreply.github.com>
Date: Mon, 3 Oct 2016 06:34:08 -0700
Subject: [PATCH 137/382] Add array methods to LoDashExplicitArrayWrapper to
 match LoDashImplicitArrayWrapper. (#11518)

---
 lodash/lodash-tests.ts |  8 ++++++++
 lodash/lodash.d.ts     | 10 +++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/lodash/lodash-tests.ts b/lodash/lodash-tests.ts
index 42fce74b8b..f00a5537ab 100644
--- a/lodash/lodash-tests.ts
+++ b/lodash/lodash-tests.ts
@@ -141,6 +141,14 @@ result = <_.LoDashImplicitArrayWrapper<number>>_([1, 2, 3, 4]).splice(1);
 result = <_.LoDashImplicitArrayWrapper<number>>_([1, 2, 3, 4]).splice(1, 2, 5, 6);
 result = <_.LoDashImplicitArrayWrapper<number>>_([1, 2, 3, 4]).unshift(5, 6);
 
+result = <_.LoDashExplicitObjectWrapper<number>>_.chain([1, 2, 3, 4]).pop();
+result = <_.LoDashExplicitArrayWrapper<number>>_.chain([1, 2, 3, 4]).push(5, 6, 7);
+result = <_.LoDashExplicitObjectWrapper<number>>_.chain([1, 2, 3, 4]).shift();
+result = <_.LoDashExplicitArrayWrapper<number>>_.chain([1, 2, 3, 4]).sort((a, b) => 1);
+result = <_.LoDashExplicitArrayWrapper<number>>_.chain([1, 2, 3, 4]).splice(1);
+result = <_.LoDashExplicitArrayWrapper<number>>_.chain([1, 2, 3, 4]).splice(1, 2, 5, 6);
+result = <_.LoDashExplicitArrayWrapper<number>>_.chain([1, 2, 3, 4]).unshift(5, 6);
+
 /*********
  * Array *
  *********/
diff --git a/lodash/lodash.d.ts b/lodash/lodash.d.ts
index 3bdd09fab4..68443af1fd 100644
--- a/lodash/lodash.d.ts
+++ b/lodash/lodash.d.ts
@@ -384,7 +384,15 @@ declare module _ {
         unshift(...items: T[]): LoDashImplicitArrayWrapper<T>;
     }
 
-    interface LoDashExplicitArrayWrapper<T> extends LoDashExplicitWrapperBase<T[], LoDashExplicitArrayWrapper<T>> { }
+    interface LoDashExplicitArrayWrapper<T> extends LoDashExplicitWrapperBase<T[], LoDashExplicitArrayWrapper<T>> {
+        pop(): LoDashExplicitObjectWrapper<T>;
+        push(...items: T[]): LoDashExplicitArrayWrapper<T>;
+        shift(): LoDashExplicitObjectWrapper<T>;
+        sort(compareFn?: (a: T, b: T) => number): LoDashExplicitArrayWrapper<T>;
+        splice(start: number): LoDashExplicitArrayWrapper<T>;
+        splice(start: number, deleteCount: number, ...items: any[]): LoDashExplicitArrayWrapper<T>;
+        unshift(...items: T[]): LoDashExplicitArrayWrapper<T>;
+    }
 
     interface LoDashImplicitNumberArrayWrapper extends LoDashImplicitArrayWrapper<number> { }
 

From 68351be4900c9f68640239523543b3036f75c9ac Mon Sep 17 00:00:00 2001
From: Colin Kahn <info@colinkahn.com>
Date: Mon, 3 Oct 2016 06:38:33 -0700
Subject: [PATCH 138/382] add transducers-js types w/ tests (#11676)

---
 transducers-js/transducers-js-tests.ts | 168 ++++++++++++++
 transducers-js/transducers-js.d.ts     | 304 +++++++++++++++++++++++++
 2 files changed, 472 insertions(+)
 create mode 100644 transducers-js/transducers-js-tests.ts
 create mode 100644 transducers-js/transducers-js.d.ts

diff --git a/transducers-js/transducers-js-tests.ts b/transducers-js/transducers-js-tests.ts
new file mode 100644
index 0000000000..42e65b780c
--- /dev/null
+++ b/transducers-js/transducers-js-tests.ts
@@ -0,0 +1,168 @@
+/// <reference path="transducers-js.d.ts" />
+/// <reference path="../lodash/lodash.d.ts" />
+/// <reference path="../immutable/immutable.d.ts" />
+
+// tests taken from https://github.com/cognitect-labs/transducers-js
+
+import * as t from 'transducers-js';
+
+var map    = t.map,
+    filter = t.filter,
+    comp   = t.comp,
+    into   = t.into;
+
+// basic usage
+
+var inc = function(n: number) { return n + 1; };
+var isEven = function(n: number) { return n % 2 == 0; };
+var xf = comp(map(inc), filter(isEven));
+
+console.log(into([], xf, [0,1,2,3,4])); // [2,4]
+
+// integration
+
+var arr   = [0,1,2,3,4,5,6,7,8,9,10],
+    apush = function(arr: number[], x: number) { arr.push(x); return arr; },
+    xf    = comp(map(inc), filter(isEven)),
+    toFn  = t.toFn;
+
+arr.reduce(toFn(xf, apush), []); // native
+_(arr).reduce(toFn(xf, apush), []); // underscore or lodash
+
+// immutable-js
+
+import * as Immutable from 'immutable';
+
+var inc = function(n: number): number { return n + 1; };
+var isEven = function(n: number): boolean { return n % 2 == 0; };
+var sum = function(a: number, b: number): number { return a + b; };
+var transduce = t.transduce;
+
+var largeVector = Immutable.List();
+
+for(var i = 0; i < 1000000; i++) {
+  largeVector = largeVector.push(i);
+}
+
+// built in Immutable-js functionality
+largeVector.map(inc).filter(isEven).reduce(sum);
+
+// faster with transducers
+var xf = comp(map(inc),filter(isEven));
+transduce(xf, sum, 0, largeVector);
+
+// source examples
+
+function mapExample () {
+  var inc = function(n: number) { return n+1; };
+  var xf = t.map(inc);
+  t.into([], xf, [1,2,3]); // [2,3,4]
+}
+
+function filterExample () {
+  var isEven = function(n: number) { return n % 2 == 0; };
+  var xf = t.filter(isEven);
+  t.into([], xf, [0,1,2,3,4]); // [0,2,4];
+}
+
+function removeExample () {
+  var isEven = function(n: number) { return n % 2 == 0; };
+  var xf = t.remove(isEven);
+  t.into([], xf, [0,1,2,3,4]); // [1,3];
+}
+
+function complementExample () {
+  var isEven = function(n: number) { return n % 2 == 0; };
+  var isOdd = t.complement(isEven);
+}
+
+function keepIndexedExample () {
+  var xf = t.keepIndexed(function(i: number, x: string|number) { if (typeof x == "string") return "cool"; });
+  t.into([], xf, [0,1,"foo",3,4,"bar"]); // ["foo","bar"]
+}
+
+function takeExample () {
+  var xf = t.take(3);
+  t.into([], xf, [0,1,2,3,4,5]); // [0,1,2];
+}
+
+function takeWhileExample () {
+  var xf = t.takeWhile(function(n) { return n < 3; });
+  t.into([], xf, [0,1,2,3,4,5]); // [0,1,2];
+}
+
+function intoExample () {
+  var inc = function(n: number) { return n+1; };
+  var isEven = function(n: number) { return n % 2 == 0; };
+  var apush = function(arr: number[], x: number) { arr.push(x); return arr; };
+  var xf = t.comp(t.map(inc),t.filter(isEven));
+  t.into([], xf, [1,2,3,4]); // [2,4]
+}
+
+function toFnExample () {
+  var arr = [0,1,2,3,4,5];
+  var apush = function(arr: number[], x: number) { arr.push(x); return arr; };
+  var xf = t.comp(t.map(inc),t.filter(isEven));
+  arr.reduce(t.toFn(xf, apush), []); // [2,4,6]
+}
+
+function takeNthExample () {
+  var xf = t.takeNth(3);
+  t.into([], xf, [0,1,2,3,4,5]); // [2,5];
+}
+
+function dropExample () {
+  var xf = t.drop(3);
+  t.into([], xf, [0,1,2,3,4,5]); // [3,4,5];
+}
+
+function dropWhileExample () {
+  var xf = t.dropWhile(function(n: number) { return n < 3; });
+  t.into([], xf, [0,1,2,3,4,5]); // [3,4,5];
+}
+
+function partitionByExample () {
+  var xf = t.partitionBy(function(x: string|number) { return typeof x == "string"; });
+  t.into([], xf, [0,1,"foo","bar",2,3,"bar","baz"]); // [[0,1],["foo","bar"],[2,3],["bar","baz"]];
+}
+
+function partitionAllExample () {
+  var xf = t.partitionAll(3);
+  t.into([], xf, [0,1,2,3,4,5]); // [[0,1,2],[3,4,5]]
+}
+
+function wrapExample () {
+  var arrayPush = t.wrap(function(arr: number[], x: number) { arr.push(x); return arr; });
+}
+
+function ensureReducedExample () {
+  var x = t.ensureReduced(1);
+  var y = t.ensureReduced(x);
+  x === y; // true
+}
+
+function unreducedExample () {
+  var x = t.reduced(1);
+  t.unreduced(x); // 1
+  t.unreduced(t.unreduced(x)); // 1
+}
+
+function catExample () {
+  var reverse = function(arr: number[]) { 
+    var arr: number[] = Array.prototype.slice.call(arr, 0);
+    arr.reverse();
+    return arr; 
+  };
+  var xf = t.comp(t.map(reverse), t.cat);
+  t.into([], xf, [[3,2,1],[6,5,4]]); // [1,2,3,4,5,6]
+}
+
+function mapcatExample () {
+  var reverse = function(arr: number[]) { 
+    var arr: number[] = Array.prototype.slice.call(arr, 0);
+    arr.reverse();
+    return arr; 
+  };
+  var xf = t.mapcat(reverse);
+  t.into([], xf, [[3,2,1],[6,5,4]]); // [1,2,3,4,5,6]
+}
diff --git a/transducers-js/transducers-js.d.ts b/transducers-js/transducers-js.d.ts
new file mode 100644
index 0000000000..0c63bd11c9
--- /dev/null
+++ b/transducers-js/transducers-js.d.ts
@@ -0,0 +1,304 @@
+// Type definitions for transducers-js
+// Project: https://github.com/cognitect-labs/transducers-js
+// Definitions by: Colin Kahn <https://github.com/colinkahn>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'transducers-js' {
+  export interface IteratorResult<T> {
+    done: boolean;
+    value?: T
+  }
+
+  export interface Iterator<T> {
+    next (value?: any): IteratorResult<T>;
+    return? (value?: any): IteratorResult<T>;
+    throw? (e?: any): IteratorResult<T>;
+  }
+
+  export interface Reduced<TResult> {
+    ['@@transducer/reduced']: boolean;
+    ['@@transducer/value']: TResult;
+  }
+
+  export interface Reducer<TResult, TInput> {
+    (result: TResult, input: TInput): TResult;
+  }
+
+  export interface Transducer<TResult, TInput, TOutput> {
+    (xf: Transformer<TResult, TOutput>): Transformer<TResult, TInput>;
+  }
+
+  export interface CompletingTransformer <TResult, TCompleteResult, TInput> {
+    ['@@transducer/init'] (): TResult | void;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult | Reduced<TResult>;
+    ['@@transducer/result'] (result: TResult): TCompleteResult;
+  }
+
+  export interface Transformer<TResult, TInput> extends CompletingTransformer<TResult, TResult, TInput> {
+  }
+
+  /**
+   * Return a reduced value. Reduced values short circuit transduce.
+   */
+  export function reduced<TResult> (x: TResult): Reduced<TResult>;
+
+  /**
+   * Check if a value is reduced.
+   */
+  export function isReduced (x : any) : Boolean;
+
+  /**
+   * Function composition. Take N function and return their composition.
+   */
+  export function comp<T> (...args: T[]): T;
+
+  /**
+   * Take a predicate function and return its complement.
+   */
+  export function complement (f: Function): Function;
+
+  /**
+   * Identity function.
+   */
+  export function identity<T> (arg: T): T;
+
+  export class Map<TResult, TInput, TOutput> implements Transformer<TResult, TInput> {
+    constructor (f: (x: TInput) => TOutput, xf: Transformer<TResult, TOutput>);
+    ['@@transducer/init'] (): TResult;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult;
+    ['@@transducer/result'] (result: TResult): TResult;
+  }
+
+  /**
+   * Mapping transducer constructor
+   */
+  export function map<TResult, TInput, TOutput> (f: (x: TInput) => TOutput): Transducer<TResult, TInput, TOutput>;
+
+  export class Filter<TResult, TInput> implements Transformer<TResult, TInput> {
+    constructor (pred: (x: TInput) => boolean, xf: Transformer<TResult, TInput>);
+    ['@@transducer/init'] (): TResult;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult;
+    ['@@transducer/result'] (result: TResult): TResult;
+  }
+
+  /**
+   * Filtering transducer constructor
+   */
+  export function filter<TResult, TInput> (pred: (x: TInput) => boolean): Transducer<TResult, TInput, TInput>;
+
+  /**
+   * Similar to filter except the predicate is used to
+   * eliminate values.
+   */
+  export function remove<TResult, TInput> (pred: (x: TInput) => boolean): Transducer<TResult, TInput, TInput>;
+
+  export class Keep<TResult, TInput> implements Transformer<TResult, TInput> {
+    constructor (f: (x: TInput) => any, xf: Transformer<TResult, TInput>);
+    ['@@transducer/init'] (): TResult;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult;
+    ['@@transducer/result'] (result: TResult): TResult;
+  }
+
+  /**
+   * A keeping transducer. Keep inputs as long as the provided
+   * function does not return null or undefined.
+   */
+  export function keep<TResult, TInput> (f: (x: TInput) => any): Transducer<TResult, TInput, TInput>;
+
+  export class KeepIndexed<TResult, TInput> implements Transformer<TResult, TInput> {
+    constructor (f: (i: number, x:TInput) => any, xf: Transformer<TResult, TInput>);
+    ['@@transducer/init'] (): TResult;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult;
+    ['@@transducer/result'] (result: TResult): TResult;
+  }
+
+  /**
+   * Like keep but the provided function will be passed the
+   * index as the fist argument.
+   */
+  export function keepIndexed<TResult, TInput> (f: (i: number, x: TInput) => any): Transducer<TResult, TInput, TInput>;
+
+  export class Take<TResult, TInput> implements Transformer<TResult, TInput> {
+    constructor (n: number, xf: Transformer<TResult, TInput>);
+    ['@@transducer/init'] (): TResult;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult | Reduced<TResult>;
+    ['@@transducer/result'] (result: TResult): TResult;
+  }
+
+  /**
+   * A take transducer constructor. Will take n values before
+   * returning a reduced result.
+   */
+  export function take<TResult, TInput> (n: number): Transducer<TResult, TInput, TInput>;
+
+  export class TakeWhile<TResult, TInput> implements Transformer<TResult, TInput> {
+    constructor (pred: (n: TInput) => boolean, xf: Transformer<TResult, TInput>);
+    ['@@transducer/init'] (): TResult;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult | Reduced<TResult>;
+    ['@@transducer/result'] (result: TResult): TResult;
+  }
+
+  /**
+   * Like the take transducer except takes as long as the pred
+   * return true for inputs.
+   */
+  export function takeWhile<TResult, TInput> (pred: (n: TInput) => boolean): Transducer<TResult, TInput, TInput>;
+
+  export class TakeNth<TResult, TInput> implements Transformer<TResult, TInput> {
+    constructor (n: number, xf: Transformer<TResult, TInput>);
+    ['@@transducer/init'] (): TResult;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult;
+    ['@@transducer/result'] (result: TResult): TResult;
+  }
+
+  /**
+   * A transducer that takes every Nth input
+   */
+  export function takeNth<TResult, TInput> (n: number): Transducer<TResult, TInput, TInput>;
+
+  export class Drop<TResult, TInput> implements Transformer<TResult, TInput> {
+    constructor (n: number, xf: Transformer<TResult, TInput>);
+    ['@@transducer/init'] (): TResult;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult;
+    ['@@transducer/result'] (result: TResult): TResult;
+  }
+
+  /**
+   * A dropping transducer constructor
+   */
+  export function drop<TResult, TInput> (n: number): Transducer<TResult, TInput, TInput>;
+
+  export class DropWhile<TResult, TInput> implements Transformer<TResult, TInput> {
+    constructor (pred: (input: TInput) => boolean, xf: Transformer<TResult, TInput>);
+    ['@@transducer/init'] (): TResult;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult;
+    ['@@transducer/result'] (result: TResult): TResult;
+  }
+
+  /**
+   * A dropping transducer that drop inputs as long as
+   * pred is true.
+   */
+  export function dropWhile<TResult, TInput> (pred: (input: TInput) => boolean): Transducer<TResult, TInput, TInput>;
+
+  export class PartitionBy<TResult, TInput> implements Transformer<TResult, TInput> {
+    constructor (f: (input: TInput) => any, xf: Transformer<TResult, TInput[]>);
+    ['@@transducer/init'] (): TResult;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult
+    ['@@transducer/result'] (result: TResult): TResult
+  }
+
+  /**
+   * A partitioning transducer. Collects inputs into
+   * arrays as long as predicate remains true for contiguous
+   * inputs.
+   */
+  export function partitionBy<TResult, TInput> (f: (input: TInput) => any): Transducer<TResult, TInput, TInput[]>;
+
+  export class PartitionAll<TResult, TInput> implements Transformer<TResult, TInput> {
+    constructor (n: number, xf: Transformer<TResult, TInput[]>);
+    ['@@transducer/init'] (): TResult;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult
+    ['@@transducer/result'] (result: TResult): TResult
+  }
+
+  /**
+   * A partitioning transducer. Collects inputs into
+   * arrays of size N.
+   */
+  export function partitionAll<TResult, TInput> (n: number): Transducer<TResult, TInput, TInput[]>;
+
+  export class Completing<TResult, TCompleteResult, TInput> implements CompletingTransformer<TResult, TCompleteResult, TInput> {
+    constructor (cf: (result: TResult) => TCompleteResult, xf: Transformer<TResult, TInput>);
+    ['@@transducer/init'] (): TResult;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult
+    ['@@transducer/result'] (result: TResult): TCompleteResult
+  }
+
+  /**
+   * A completing transducer constructor. Useful to provide cleanup
+   * logic at the end of a reduction/transduction.
+   */
+  export function completing<TResult, TCompleteResult, TInput> (cf: (result: TResult) => TCompleteResult): CompletingTransformer<TResult, TCompleteResult, TInput>;
+
+  export class Wrap<TResult, TInput> implements Transformer<TResult, TInput> {
+    constructor (stepFn: Reducer<TResult, TInput>, xf: Transformer<TResult, TInput>);
+    ['@@transducer/init'] (): TResult;
+    ['@@transducer/step'] (result: TResult, input: TInput): TResult
+    ['@@transducer/result'] (result: TResult): TResult
+  }
+
+  /**
+   * Take a two-arity reducing function where the first argument is the
+   * accumluation and the second argument is the next input and convert
+   * it into a transducer transformer object.
+   */
+  export function wrap<TResult, TInput> (stepFn: Reducer<TResult, TInput>): Transducer<TResult, TInput, TInput>;
+
+  /**
+   * Given a transformer return a concatenating transformer
+   */
+  export function cat<TResult, TInput> (xf: Transformer<TResult, TInput>): Transformer<TResult, TInput> ;
+
+  /**
+   * A mapping concatenating transformer
+   */
+  export function mapcat<TResult, TInput, TOutput> (f: (arr: TInput[]) => TOutput[]): Transducer<TResult, TInput[], TOutput>;
+
+  /**
+   * Given a transducer, a builder function, an initial value
+   * and a iterable collection - returns the reduction.
+   */
+  export function transduce<TResult, TInput, TOutput> (
+    xf: Transducer<TResult, TInput, TOutput>,
+    f: Transformer<TResult, TInput> | Reducer<TResult, TInput>,
+    init: TResult,
+    coll: TInput[] | Iterator<TInput> | string | Object): TResult;
+
+  /**
+   * Given a transducer, an intial value and a
+   * collection - returns the reduction.
+   */
+  export function reduce<TResult, TInput, TOutput> (
+    xf: Transducer<TResult, TInput, TOutput>,
+    init: TResult,
+    coll: TInput[] | Iterator<TInput> | string | Object): TResult
+
+  /**
+   * Reduce a value into the given empty value using a transducer.
+   */
+  export function into<TResult, TInput, TOutput>(
+    empty: TResult,
+    xf: Transducer<TResult, TInput, TOutput>,
+    coll: TInput[] | Iterator<TInput> | string | Object): TResult;
+
+  /**
+   * Convert a transducer transformer object into a function so
+   * that it can be used with existing reduce implementation i.e. native,
+   * Underscore, lodash
+   */
+  export function toFn<TResult, TInput, TOutput> (
+    xf: Transducer<TResult, TInput, TOutput>,
+    builder: Reducer<TResult, TInput> | Transformer<TResult, TInput>
+  ): Reducer<TResult, TInput>;
+
+  /**
+   * A transformer which simply returns the first input.
+   */
+  export function first<TResult, TInput> (): Wrap<TResult, TInput>;
+
+  /**
+   * Ensure that a value is reduced. If already reduced will not re-wrap.
+   */
+  export function ensureReduced<TResult> (x: TResult | Reduced<TResult>): Reduced<TResult>;
+
+  /**
+   * Ensure a value is not reduced. Unwraps if reduced.
+   */
+  export function unreduced<TResult> (x: TResult | Reduced<TResult>): TResult;
+
+  /**
+   * Returns the value of a reduced result.
+   */
+  export function deref<TResult> (x: Reduced<TResult>): TResult;
+}

From 3a49556c307f37bbc50cb404d2d3a97855da0737 Mon Sep 17 00:00:00 2001
From: Denis <carriere.denis@gmail.com>
Date: Mon, 3 Oct 2016 09:38:56 -0400
Subject: [PATCH 139/382] Fix redeclare block-scoped Base64 (#11677)

Issue found by https://github.com/dankogai/js-base64/issues/38#issuecomment-250999729
---
 js-base64/js-base64.d.ts | 51 +++++++++++++++++++++-------------------
 1 file changed, 27 insertions(+), 24 deletions(-)

diff --git a/js-base64/js-base64.d.ts b/js-base64/js-base64.d.ts
index 30fd18620d..a26d24ea54 100644
--- a/js-base64/js-base64.d.ts
+++ b/js-base64/js-base64.d.ts
@@ -19,34 +19,37 @@ add methods:
 - [ ] noConflict
  */
 
-interface Base64 {
-    /**
-     * .encode
-     * @param {String} string
-     * @return {String}
-     */
-    encode(base64: string): string;
+declare namespace Base64 {
+    const Base64: Base64Static
+    interface Base64Static {
+        /**
+         * .encode
+         * @param {String} string
+         * @return {String}
+         */
+        encode(base64: string): string;
 
-    /**
-     * .encodeURI
-     * @param {String} string
-     * @return {String}
-     */
-    encodeURI(base64: string): string
+        /**
+         * .encodeURI
+         * @param {String} string
+         * @return {String}
+         */
+        encodeURI(base64: string): string
 
-    /**
-     * .decode
-     * @param {String} string
-     * @return {String}
-     */
-    decode(base64: string): string
+        /**
+         * .decode
+         * @param {String} string
+         * @return {String}
+         */
+        decode(base64: string): string
 
-    /**
-     * Library version
-     */
-    VERSION:string
+        /**
+         * Library version
+         */
+        VERSION:string
+    }
 }
 
 declare module 'js-base64' {
-    const Base64: Base64
+    export = Base64
 }
\ No newline at end of file

From 2a447aaeb05e1047b79114e8a53480f9ee9eefec Mon Sep 17 00:00:00 2001
From: Subhash Sharma <subash-a@users.noreply.github.com>
Date: Mon, 3 Oct 2016 19:09:49 +0530
Subject: [PATCH 140/382] added seed, randomTests and randomizeTests property
 (#11678)

---
 jasmine/jasmine-tests.ts | 17 +++++++++++++++++
 jasmine/jasmine.d.ts     |  5 ++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/jasmine/jasmine-tests.ts b/jasmine/jasmine-tests.ts
index d873d2716b..96ac307ca0 100644
--- a/jasmine/jasmine-tests.ts
+++ b/jasmine/jasmine-tests.ts
@@ -904,6 +904,23 @@ describe("Custom matcher: 'toBeGoofy'", function () {
     });
 });
 
+describe("Randomize Tests", function() {
+	it("should allow randomization of the order of tests", function() {
+		expect(function() {
+			var env = jasmine.getEnv();
+			return env.randomizeTests(true);
+		}).not.toThrow();
+	});
+
+	it("should allow a seed to be passed in for randomization", function() {
+		expect(function() {
+			var env = jasmine.getEnv();
+			env.randomizeTests(true);
+			return env.seed(1234);
+		}).not.toThrow();
+	});
+});
+
 (() => {
     // from boot.js
     var env = jasmine.getEnv();
diff --git a/jasmine/jasmine.d.ts b/jasmine/jasmine.d.ts
index 538aca3fb6..4eb2a054a1 100644
--- a/jasmine/jasmine.d.ts
+++ b/jasmine/jasmine.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Jasmine 2.2
+// Type definitions for Jasmine 2.4.1
 // Project: http://jasmine.github.io/
 // Definitions by: Boris Yankov <https://github.com/borisyankov/>, Theodore Brown <https://github.com/theodorejb>, David Pärsson <https://github.com/davidparsson/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -180,6 +180,9 @@ declare namespace jasmine {
         addMatchers(matchers: CustomMatcherFactories): void;
         specFilter(spec: Spec): boolean;
         throwOnExpectationFailure(value: boolean): void;
+        seed: (s: number) => number;
+        randomTests: () => boolean;
+        randomizeTests: (b: boolean) => void;
     }
 
     interface FakeTimer {

From 50e013312bd6cac0f82452cb7ed58f39d5e25545 Mon Sep 17 00:00:00 2001
From: Micha Reiser <micha@famreiser.ch>
Date: Mon, 3 Oct 2016 15:43:42 +0200
Subject: [PATCH 141/382] Add toJSON method to signature (#11682)

---
 source-map/source-map.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/source-map/source-map.d.ts b/source-map/source-map.d.ts
index cbdccc80d6..f1a1ed9fe0 100644
--- a/source-map/source-map.d.ts
+++ b/source-map/source-map.d.ts
@@ -66,6 +66,7 @@ declare namespace SourceMap {
         public setSourceContent(sourceFile: string, sourceContent: string): void;
         public applySourceMap(sourceMapConsumer: SourceMapConsumer, sourceFile?: string, sourceMapPath?: string): void;
         public toString(): string;
+        public toJSON(): RawSourceMap;
     }
 
     class SourceNode {

From dbe6a6f2338b19f201c7b4b771d621da45ec6c9c Mon Sep 17 00:00:00 2001
From: peterpeterparker <david.dalbusco@outlook.com>
Date: Mon, 3 Oct 2016 15:43:58 +0200
Subject: [PATCH 142/382] Fix instance of cropperjs for library version > 0.8
 (#11490)

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

diff --git a/cropperjs/cropperjs-tests.ts b/cropperjs/cropperjs-tests.ts
index 82232c268a..d5cc14db82 100644
--- a/cropperjs/cropperjs-tests.ts
+++ b/cropperjs/cropperjs-tests.ts
@@ -1,5 +1,5 @@
 /// <reference path="./cropperjs.d.ts"/>
-import * as Cropper from 'cropperjs';
+import Cropper from 'cropperjs';
 
 var image = <HTMLImageElement>document.getElementById('image');
 var cropper = new Cropper(image, {
diff --git a/cropperjs/cropperjs.d.ts b/cropperjs/cropperjs.d.ts
index c76b4c7766..3353737622 100644
--- a/cropperjs/cropperjs.d.ts
+++ b/cropperjs/cropperjs.d.ts
@@ -467,5 +467,5 @@ declare module cropperjs {
 
 declare module "cropperjs" {
     const Cropper: typeof cropperjs.Cropper;
-    export = Cropper;
+    export default Cropper;
 }

From 00ef236db1214dec680f267d500552bc9bc59657 Mon Sep 17 00:00:00 2001
From: Cameron Little <cameron@camlittle.com>
Date: Mon, 3 Oct 2016 09:46:19 -0700
Subject: [PATCH 143/382] Updated fbsdk definitions for authentication
 responses and api calls. (#11686)

Fixes #11327
May help with #11007
---
 fbsdk/fbsdk-tests.ts | 29 ++++++++++++++++++++++-------
 fbsdk/fbsdk.d.ts     | 39 ++++++++++++++++++++++++++++++++++-----
 2 files changed, 56 insertions(+), 12 deletions(-)

diff --git a/fbsdk/fbsdk-tests.ts b/fbsdk/fbsdk-tests.ts
index 8ec38d8bc4..596b6e70e6 100644
--- a/fbsdk/fbsdk-tests.ts
+++ b/fbsdk/fbsdk-tests.ts
@@ -3,16 +3,16 @@
 window.fbAsyncInit = function() {
     FB.init(
         {
-            appId      : '{your-app-id}',
+            appId      : "{your-app-id}",
             xfbml      : true,
-            version    : 'v2.0'
+            version    : "v2.0"
         }
     );
 
     FB.ui(
         {
-            method: 'share',
-            href: 'https://developers.facebook.com/docs/dialogs/'
+            method: "share",
+            href: "https://developers.facebook.com/docs/dialogs/"
         },
         function(response) {
             console.log(response);
@@ -21,9 +21,24 @@ window.fbAsyncInit = function() {
 
     FB.api(
         "/me",
-        "POST",
-        function (fbResponse){
+        "post",
+        function (fbResponse) {
             console.log(fbResponse);
         }
     );
-};
\ No newline at end of file
+
+    function checkAuth(response: FB.LoginStatusResponse): void {
+        if (response.status === "connected") {
+            console.log(response.authResponse.accessToken);
+            console.log(response.authResponse.expiresIn);
+            console.log(response.authResponse.signedRequest);
+            console.log(response.authResponse.userID);
+        } else if (response.status === "unknown") {
+            console.log("not logged in");
+        }
+    }
+
+    FB.login(checkAuth);
+
+    FB.getLoginStatus(checkAuth);
+};
diff --git a/fbsdk/fbsdk.d.ts b/fbsdk/fbsdk.d.ts
index 286eb86b8e..ddbe4d0264 100644
--- a/fbsdk/fbsdk.d.ts
+++ b/fbsdk/fbsdk.d.ts
@@ -171,23 +171,44 @@ interface FBResponseObject {
     error: any;
 }
 
+declare type LoginStatus = "connected" | "not_authorized" | "unknown";
+declare type ApiMethod = "get" | "post" | "delete";
+
+interface AuthResponse {
+    accessToken: string;
+    expiresIn: number;
+    signedRequest: string;
+    userID: string;
+}
+
+interface FBError {
+    type: string;
+    message: string;
+    code: number;
+    error_subcode?: number;
+    error_user_msg?: string;
+    error_user_title?: string;
+    fbtrace_id: string;
+}
+
 interface FBSDK{
     /* This method is used to initialize and setup the SDK. */
     init(fbInitObject : FBInitParams) : void;
 
     /* This method lets you make calls to the Graph API. */
-    api(path : string, method : string, callback : (fbResponseObject : Object) => any) :  Object;
-    api(path : string, params : Object, callback : (fbResponseObject : FBResponseObject) => any) :  Object;
-    api(path : string, method : string, params : Object, callback : (fbResponseObject : Object) => any) : Object;
+    api(path: string, callback: (response: any) => void): void;
+    api(path: string, method: ApiMethod, callback: (response: any) => void): void;
+    api(path: string, params: any, callback: (response: any) => void): void;
+    api(path: string, method: ApiMethod, params: any, callback: (response: any) => void): void;
 
     /* This method is used to trigger different forms of Facebook created UI dialogs. */
     ui(params : FBUIParams, handler : (fbResponseObject : Object) => any) : void;
 
     /* Allows you to determine if a user is logged in to Facebook and has authenticated your app */
-    getLoginStatus(handler : Function, force?: Boolean) : void;
+    getLoginStatus(handler : (fbResponseObject : FB.LoginStatusResponse) => any, force?: Boolean) : void;
 
     /* Calling FB.login prompts the user to authenticate your application using the Login Dialog. */
-    login(handler : (fbResponseObject : Object) => any, params?: FBLoginOptions): void;
+    login(handler : (fbResponseObject : FB.LoginStatusResponse) => any, params?: FBLoginOptions): void;
 
     /* Log the user out of your site and Facebook */
     logout(handler : (fbResponseObject : Object) => any) : void;
@@ -198,6 +219,7 @@ interface FBSDK{
     Event : FBSDKEvents;
     XFBML : FBSDKXFBML;
     Canvas : FBSDKCanvas;
+    Error: FBError;
 }
 
 interface Window{
@@ -208,4 +230,11 @@ declare module "FB" {
     export = FB;
 }
 
+declare namespace FB {
+    export interface LoginStatusResponse {
+        authResponse?: AuthResponse;
+        status: LoginStatus;
+    }
+}
+
 declare var FB : FBSDK;

From f044ddb2c3f80c93737b575e256833fe405c0010 Mon Sep 17 00:00:00 2001
From: Steven Robertson <steverobertson@gmail.com>
Date: Mon, 3 Oct 2016 18:20:58 +0100
Subject: [PATCH 144/382] Create typings for jquery-alertable (#11642)

---
 jquery-alertable/jquery-alertable-tests.ts | 79 ++++++++++++++++++++++
 jquery-alertable/jquery-alertable.d.ts     | 29 ++++++++
 2 files changed, 108 insertions(+)
 create mode 100644 jquery-alertable/jquery-alertable-tests.ts
 create mode 100644 jquery-alertable/jquery-alertable.d.ts

diff --git a/jquery-alertable/jquery-alertable-tests.ts b/jquery-alertable/jquery-alertable-tests.ts
new file mode 100644
index 0000000000..df28c8a81b
--- /dev/null
+++ b/jquery-alertable/jquery-alertable-tests.ts
@@ -0,0 +1,79 @@
+/// <reference path="jquery-alertable.d.ts" />
+/// <reference path="../jquery/jquery.d.ts" />
+
+//
+// Examples from https://github.com/claviska/jquery-alertable
+//
+
+function example_alerts_tests() {
+
+	// Basic example
+	$.alertable.alert('Howdy!');
+
+	// Example with action when the modal is dismissed
+	$.alertable.alert('Howdy!').always(function() {
+	    // Modal was dismissed
+	});
+}
+
+function example_confirmations_tests() {
+
+	// Basic example
+	$.alertable.confirm('You sure?').then(function() {
+	    // OK was selected
+	});
+
+	// Example with then/always
+	$.alertable.confirm('You sure?').then(function() {
+	    // OK was selected
+	}, function() {
+	    // Cancel was selected
+	}).always(function() {
+	    // Modal was dismissed
+	});
+}
+
+function example_prompts_tests() {
+
+	// Basic example
+	$.alertable.prompt('How many?').then(function(data) {
+	    // Prompt was submitted
+	});
+
+	// Example with then/always
+	$.alertable.prompt('How many?').then(function(data) {
+	    // Prompt was submitted
+	}, function() {
+	    // Prompt was canceled
+	}).always(function() {
+	    // Modal was dismissed
+	});
+}
+
+function options_tests() {
+	$.alertable.alert('Howdy!', {
+	    container: 'body',
+	    html: false,
+	    cancelButton: '<button class="alertable-cancel" type="button">Cancel</button>',
+	    okButton: '<button class="alertable-ok" type="button">OK</button>',
+	    overlay: '<div class="alertable-overlay"></div>',
+	    prompt: '<input class="alertable-input" type="text" name="value">',
+	    modal: `<form class="alertable">
+    <div class="alertable-message"></div>
+    <div class="alertable-prompt"></div>
+    <div class="alertable-buttons"></div>
+</form>`,
+		hide: () => $(this.modal).add(this.overlay).fadeOut(100),
+		show: () => $(this.modal).add(this.overlay).fadeIn(100)
+	});
+
+	$.alertable.confirm('You sure?', {
+	    container: 'body'
+	});
+
+	$.alertable.prompt('How many?', {
+	    container: 'body'
+	});
+
+	$.alertable.defaults.container = 'body';
+}
diff --git a/jquery-alertable/jquery-alertable.d.ts b/jquery-alertable/jquery-alertable.d.ts
new file mode 100644
index 0000000000..93e219ef18
--- /dev/null
+++ b/jquery-alertable/jquery-alertable.d.ts
@@ -0,0 +1,29 @@
+// Type definitions for jquery-alertable 1.0.2
+// Project: https://github.com/claviska/jquery-alertable
+// Definitions by: Steven Robertson <https://github.com/stever>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../jquery/jquery.d.ts"/>
+
+interface JQueryStatic {
+    alertable: Alertable;
+}
+
+interface Alertable {
+    alert(message: string, options?: AlertableOptions): JQueryPromise<void>;
+    confirm(message: string, options?: AlertableOptions): JQueryPromise<void>;
+    prompt(message: string, options?: AlertableOptions): JQueryPromise<void>;
+    defaults: AlertableOptions;
+}
+
+interface AlertableOptions {
+    container?: string;
+    html?: boolean;
+    cancelButton?: string;
+    okButton?: string;
+    overlay?: string;
+    prompt?: string;
+    modal?: string;
+    hide?: Function;
+    show?: Function;
+}

From 470539a07f80ace2c177de70e1a18aea100dbbb6 Mon Sep 17 00:00:00 2001
From: SwintDC <swint.de.coninck+github@gmail.com>
Date: Mon, 3 Oct 2016 19:49:30 +0200
Subject: [PATCH 145/382] ADD: definition file for the moment-duration-format
 library (#11557)

---
 moment-duration-format/moment-duration-format.d.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 moment-duration-format/moment-duration-format.d.ts

diff --git a/moment-duration-format/moment-duration-format.d.ts b/moment-duration-format/moment-duration-format.d.ts
new file mode 100644
index 0000000000..e3c1f04666
--- /dev/null
+++ b/moment-duration-format/moment-duration-format.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for moment-duration-format v1.3.0
+// Project: https://github.com/jsmreese/moment-duration-format
+// Definitions by: Swint De Coninck <https://github.com/SwintDC>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+
+declare namespace moment {
+    interface Duration {
+        format(template: string, precision?: string, settings?: any): string;
+    }
+}
\ No newline at end of file

From 74fc95e82b08b1795472a6a96df77791f9a5a4d9 Mon Sep 17 00:00:00 2001
From: Goldensky321 <Goldensky321@users.noreply.github.com>
Date: Mon, 3 Oct 2016 10:51:49 -0700
Subject: [PATCH 146/382] Update d.ts file for Dialog API updates (#11526)

---
 office-js/office-js.d.ts | 35 +++++++++++++++++++++++++----------
 1 file changed, 25 insertions(+), 10 deletions(-)

diff --git a/office-js/office-js.d.ts b/office-js/office-js.d.ts
index 2d76f3211c..59510c6ffa 100644
--- a/office-js/office-js.d.ts
+++ b/office-js/office-js.d.ts
@@ -75,10 +75,6 @@ declare namespace Office {
         * @param callback Optional. Accepts a callback method to handle the dialog creation attempt.
         */
         displayDialogAsync(startAddress: string, options?: DialogOptions, callback?: (result: AsyncResult) => void): void;
-        /**
-         * When called from an active add-in dialog, asynchronously closes the dialog.
-         */
-        close(): void;
         /**
          * Synchronously delivers a message from the dialog to its parent add-in.
          * @param messageObject Accepts a message from the dialog to deliver to the add-in.
@@ -94,15 +90,26 @@ declare namespace Office {
          * Optional. Defines the height of the dialog as a percentage of the current display. Defaults to 99%. 150px minimum.
          */
         width?: number,
-        /**
-         * Optional. Specifies whether the dialog can only display pages that have HTTPS URLs.
-         */
-        requireHTTPS?: boolean,
         /**
          * Optional. Determines whether the dialog is safe to display within a Web frame.
          */
         xFrameDenySafe?: boolean,
     }
+
+    /**
+     * Dialog object returned as part of the displayDialogAsync callback. The object exposes methods for registering event handlers and closing the dialog
+     */
+    export interface DialogHandler {
+        /**
+         * When called from an active add-in dialog, asynchronously closes the dialog.
+         */
+        close(): void;
+        /**
+         * Adds an event handler for DialogMessageReceived or DialogEventReceived
+         */
+        addEventHandler(eventType: Office.EventType, handler: Function): void;
+
+    }
 }
 
 declare module OfficeExtension {
@@ -130,7 +137,7 @@ declare module OfficeExtension {
         load(object: ClientObject, option?: string | string[] | LoadOption): void;
         /** Adds a trace message to the queue. If the promise returned by "context.sync()" is rejected due to an error, this adds a ".traceMessages" array to the OfficeExtension.Error object, containing all trace messages that were executed. These messages can help you monitor the program execution sequence and detect the cause of the error. */
         trace(message: string): void;
-        /** Synchronizes the state between JavaScript proxy objects and the Office document, by executing instructions queued on the request context and retrieving properties of loaded Office objects for use in your code. This method returns a promise, which is resolved when the synchronization is complete. */
+        /** Synchronizes the state between JavaScript proxy objects and the Office document, by executing instructions queued on the request context and retrieving properties of loaded Office objects for use in your code. This method returns a promise, which is resolved when the synchronization is complete. */
         sync<T>(passThroughValue?: T): IPromise<T>;
     }
 }
@@ -258,7 +265,7 @@ declare module OfficeExtension {
         /**
          * Creates a new promise based on a function that accepts resolve and reject handlers.
          */
-        constructor(func: (resolve : (value?: R | IPromise<R>) => void, reject: (error?: any) => void) => void);
+        constructor(func: (resolve: (value?: R | IPromise<R>) => void, reject: (error?: any) => void) => void);
 
         /**
          * Creates a promise that resolves when all of the child promises resolve.
@@ -462,6 +469,14 @@ declare namespace Office {
          *  Triggers when a binding level selection happens
          */
         BindingSelectionChanged,
+        /**
+         * Triggers when Dialog sends a message via MessageParent.
+         */
+        DialogMessageReceived,
+        /**
+         * Triggers when Dialog has a event, such as dialog closed, dialog navigation failed.
+         */
+        DialogEventReceived,
         /**
          * Triggers when a document level selection happens
          */

From 2deba0b4cea332b93075a131f0f7738759048086 Mon Sep 17 00:00:00 2001
From: DanielM <inad9300@gmail.com>
Date: Mon, 3 Oct 2016 20:28:44 +0200
Subject: [PATCH 147/382] Add support for Highcharts modules: offline exporting
 and boost (#11030)

* Create highcharts-modules-offline-exporting

* Rename highcharts-modules-offline-exporting to highcharts-modules-offline-exporting.d.ts

* Create highcharts-modules-boost.d.ts
---
 highcharts/highcharts-modules-boost.d.ts             | 12 ++++++++++++
 highcharts/highcharts-modules-offline-exporting.d.ts | 12 ++++++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 highcharts/highcharts-modules-boost.d.ts
 create mode 100644 highcharts/highcharts-modules-offline-exporting.d.ts

diff --git a/highcharts/highcharts-modules-boost.d.ts b/highcharts/highcharts-modules-boost.d.ts
new file mode 100644
index 0000000000..3f85bb887a
--- /dev/null
+++ b/highcharts/highcharts-modules-boost.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for Highcharts 4.2.6 (boost module)
+// Project: http://www.highcharts.com/
+// Definitions by: Daniel Martin <http://github.com/inad9300>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="highcharts.d.ts" />
+
+declare var HighchartsBoost: (H: HighchartsStatic) => HighchartsStatic;
+
+declare module "highcharts/modules/boost" {
+    export = HighchartsBoost;
+}
diff --git a/highcharts/highcharts-modules-offline-exporting.d.ts b/highcharts/highcharts-modules-offline-exporting.d.ts
new file mode 100644
index 0000000000..61c7c76eeb
--- /dev/null
+++ b/highcharts/highcharts-modules-offline-exporting.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for Highcharts 4.2.6 (offline exporting module)
+// Project: http://www.highcharts.com/
+// Definitions by: Daniel Martin <http://github.com/inad9300>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="highcharts.d.ts" />
+
+declare var HighchartsOfflineExporting: (H: HighchartsStatic) => HighchartsStatic;
+
+declare module "highcharts/modules/offline-exporting" {
+    export = HighchartsOfflineExporting;
+}

From 1777b9ff313031adee0f78fe7da926b99004f606 Mon Sep 17 00:00:00 2001
From: Ashok Vishwakarma <akvlko@users.noreply.github.com>
Date: Tue, 4 Oct 2016 00:00:47 +0530
Subject: [PATCH 148/382] Added cash-js.d.ts File (#10765)

* Added cash-js.d.ts File

* Fixed Link break issue

* Renamed from cash-js to cash

* Fixed the module name as suggested
---
 cash/cash.d.ts | 495 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 495 insertions(+)
 create mode 100644 cash/cash.d.ts

diff --git a/cash/cash.d.ts b/cash/cash.d.ts
new file mode 100644
index 0000000000..efa108e5f8
--- /dev/null
+++ b/cash/cash.d.ts
@@ -0,0 +1,495 @@
+// Type definitions for Cash
+// Project: https://github.com/kenwheeler/cash
+// Definitions by: Ashok Vishwakarma <https://github.com/akvlko>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * OffsetType
+ * return type for cash.offset(), cash.position()
+ */
+interface OffsetType {
+  top: number;
+  left: number;
+}
+
+/**
+ * CashStatic
+ * Static declaration for CashJs accessible directly using Cash object or $
+ */
+interface CashStatic {
+  /**
+   * isArray
+   * Check if the argument is an array.
+   * @type method
+   * @argument any
+   * @return boolean
+   */
+  isArray(n: any): boolean;
+
+  /**
+   * isFunction
+   * Check if the argument is a function.
+   * @type method
+   * @argument any
+   * @return boolean
+   */
+  isFunction(n: any): boolean;
+
+  /**
+   * isNumeric
+   * Check if the argument is numeric.
+   * @type method
+   * @type method
+   * @argument any
+   * @return boolean
+   */
+  isNumeric(n: any): boolean;
+
+  /**
+   * isString
+   * Check if the argument is a string.
+   * @type method
+   * @argument str any
+   * @return boolean
+   */
+  isString(str: any): boolean;
+
+  /**
+   * extend
+   * Extends target object with properties from the source object. If no target is provided, cash itself will be extended.
+   * @type method
+   * @argument target any, source any
+   */
+  extend(target: any, source: any): any;
+
+  /**
+   * matches
+   * Checks a selector against an element, returning a boolean value for match.
+   * @type method
+   * @argument element Cash, selector string
+   * @return boolean
+   */
+  matches(element: Cash, selector: string): boolean;
+
+  /**
+   * parseHTML
+   * Returns a collection from an HTML string.
+   * @type method
+   * @argument htmlString string
+   * @return Cash
+   */
+  parseHTML(htmlString: string): Cash;
+
+  /**
+   * each
+   * Iterates through a collection and calls the callback method on each.
+   * @type method
+   * @argument collection Array, callback Function
+   * @return Array
+   */
+  each(collection: Array<any>, callback: Function): Array<any>;
+
+  /**
+   * fn: use to extend cash for plugin development
+   * @type property
+   */
+  fn: any;
+
+  /**
+   * selector declaration for Cash to use $(<argument>)
+   */
+  (selector: string, context?: Element|Cash): Cash;
+  (element: Element): Cash;
+  (elementArray: Element[]): Cash;
+}
+
+/**
+ * Cash
+ * Interface for CashJs 
+ * Refer https://github.com/kenwheeler/cash for documentation and uses of the methods and properties
+ */
+interface Cash {
+  /**
+   * add
+   * Returns a new collection with the element(s) added to the end.
+   */
+  add(selector: string|Cash|Element, context?: Element): Cash;
+
+  /**
+   * addClass
+   * Adds the className argument to collection elements.
+   */
+  addClass(c: string): Cash;
+
+  /**
+   * after
+   * Inserts content or elements after the collection.
+   */
+  after(selector: Element|String): Cash;
+
+  /**
+   * append
+   * Appends the target element to the each element in the collection.
+   */
+  append(content: string|Element|Cash): Cash;
+
+  /**
+   * appendTo
+   * Adds the elements in a collection to the target element(s).
+   */
+  appendTo(parent: string|Element|Cash): Cash;
+
+  /**
+   * attr
+   * Without attrValue, returns the attribute value of the first element in the collection.
+   * With attrValue, sets the attribute value of each element of the collection.
+   */
+  attr(name: string): any;
+  attr(name: string, value: string): Cash;
+
+  /**
+   * before
+   * Inserts content or elements before the collection.
+   */
+  before(selector: string|Element): Cash;
+
+  /**
+   * children
+   * Without a selector specified, returns a collection of child elements.
+   * With a selector, returns child elements that match the selector.
+   */
+  children(selector?: string): Cash;
+
+  /**
+   * closest
+   * Returns the closest matching selector up the DOM tree.
+   */
+  closest(selector?: string): Cash;
+
+  /**
+   * clone
+   * Returns a clone of the collection.
+   */
+  clone(): Cash;
+
+  /**
+   * css
+   * Returns a CSS property value when just property is supplied.
+   * Sets a CSS property when property and value are supplied, and set multiple properties when an object is supplied.
+   * Properties will be autoprefixed if needed for the user's browser.
+   */
+  css(prop: any): any;
+  css(prop: string, value: any): Cash;
+
+  /**
+   * data
+   * Link some data (string, object, array, etc.) to an element when both key and value are supplied.
+   * If only a key is supplied, returns the linked data and falls back to data attribute value if no data is already linked.
+   * Multiple data can be set when an object is supplied.
+   */
+  data(name: any): any;
+  data(name: string, value: any): Cash;
+
+  /**
+   * each
+   * Iterates over a collection with callback(value, index, array).
+   */
+  each(callback: Function): Cash;
+
+  /**
+   * empty
+   * Empties an elements interior markup.
+   */
+  empty(): Cash;
+
+  /**
+   * eq
+   * Returns a collection with the element at index.
+   */
+  eq(index: number): Cash;
+
+  /**
+   * extend
+   * Adds properties to the cash collection prototype.
+   */
+  extend(target: any): any;
+
+  /**
+   * filter
+   * Returns the collection that results from applying the filter method.
+   */
+  filter(selector: Function): Cash;
+
+  /**
+   * find
+   * Returns selector match descendants from the first element in the collection.
+   */
+  find(selector: string): Cash;
+
+  /**
+   * first
+   * Returns the first element in the collection.
+   */
+  first(): Cash;
+
+  /**
+   * get
+   * Returns the element at the index.
+   */
+  get(index: number): HTMLElement;
+
+  /**
+   * has
+   * Returns boolean result of the selector argument against the collection.
+   */
+  has(selector: string): boolean;
+
+  /**
+   * hasClass
+   * Returns the boolean result of checking if the first element in the collection has the className attribute.
+   */
+  hasClass(c: string): boolean;
+
+  /**
+   * height
+   * Returns the height of the element.
+   */
+  height(): number;
+
+  /**
+   * html
+   * Returns the HTML text of the first element in the collection, sets the HTML if provided.
+   */
+  html(): string;
+  html(content: string): Cash;
+
+  /**
+   * index
+   * Returns the index of the element in its parent if an element or selector isn't provided.
+   * Returns index within element or selector if it is.
+   */
+  index(elem?: Element): number;
+
+  /**
+   * innerHeight
+   * Returns the height of the element + padding.
+   */
+  innerHeight(): number;
+
+  /**
+   * innerWidth
+   * Returns the width of the element + padding.
+   */
+  innerWidth(): number;
+
+  /**
+   * insertAfter
+   * Inserts collection after specified element.
+   */
+  insertAfter(selector: string|Element|Cash): Cash;
+
+  /**
+   * insertBefore
+   * Inserts collection before specified element.
+   */
+  insertBefore(selector: string|Element|Cash): Cash;
+
+  /**
+   * is
+   * Returns whether the provided selector, element or collection matches any element in the collection.
+   */
+  is(selector: string|Element|Cash): boolean;
+
+  /**
+   * last
+   * Returns last element in the collection.
+   */
+  last(): Cash;
+  
+  /**
+   * next
+   * Returns next sibling.
+   */
+  next(): Cash;
+
+  /**
+   * not
+   * Filters collection by false match on selector.
+   */
+  not(selector: string|Element|Cash): Cash;
+
+  /**
+   * off
+   * Removes event listener from collection elements.
+   */
+  off(eventName: string, callback: Function): Cash;
+  
+  /**
+   * offset
+   * Get the coordinates of the first element in a collection relative to the document.
+   */
+  offset(): OffsetType;
+  
+  /**
+   * offsetParent
+   * Get the first element's ancestor that's positioned.
+   */
+  offsetParent(): OffsetType;
+
+  /**
+   * on
+   * Adds event listener to collection elements. Event is delegated if delegate is supplied.
+   */
+  on(eventName: string|Array<string>, delegate: any, callback?: Function, runOnce?: boolean): Cash;
+
+  /**
+   * one
+   * Adds event listener to collection elements that only triggers once for each element.
+   * Event is delegated if delegate is supplied.
+   */
+  one(eventName: string|Array<string>, delegate: any, callback?: Function, runOnce?: boolean): Cash;
+
+  /**
+   * outerHeight
+   * Returns the outer height of the element. Includes margins if margin is set to true.
+   */
+  outerHeight(flag?: boolean): number;
+
+  /**
+   * outerWidth
+   * Returns the outer width of the element. Includes margins if margin is set to true.
+   */
+  outerWidth(flag?: boolean): number;
+
+  /**
+   * parent
+   * Returns parent element.
+   */
+  parent(): Cash;
+
+  /**
+   * parents
+   * Returns collection of elements who are parents of element. Optionally filtering by selector.
+   */
+  parents(selector?: string): Cash;
+
+  /**
+   * position
+   * Get the coordinates of the first element in a collection relative to its offsetParent.
+   */
+  position(): OffsetType;
+
+  /**
+   * prepend
+   * Prepends element to the each element in collection.
+   */
+  prepend(content: string): Cash;
+
+  /**
+   * prependTo
+   * Prepends elements in a collection to the target element(s).
+   */
+  prependTo(parent: string|Element|Cash): Cash;
+
+  /**
+   * prev
+   * Returns the previous adjacent element.
+   */
+  prev(): Cash;
+
+  /**
+   * prop
+   * Returns a property value when just property is supplied.
+   * Sets a property when property and value are supplied, and sets multiple properties when an object is supplied.
+   */
+  prop(name: string): any;
+  prop(name: string, value: string): Cash;
+
+  /**
+   * ready
+   * Calls callback method on DOMContentLoaded.
+   */
+  ready(fn: Function): void;
+
+  /**
+   * remove
+   * Removes collection elements from the DOM.
+   */
+  remove(): Cash;
+  
+  /**
+   * removeAttr
+   * Removes attribute from collection elements.
+   */
+  removeAttr(name: string): Cash;
+
+  /**
+   * removeClass
+   * Removes className from collection elements.
+   * Accepts space-separated classNames for removing multiple classes.
+   * Providing no arguments will remove all classes.
+   */
+  removeClass(c?: string): Cash;
+
+  /**
+   * removeData
+   * Removes linked data and data-attributes from collection elements.
+   */
+  removeData(key: string): Cash;
+
+  /**
+   * removeProp
+   * Removes property from collection elements.
+   */
+  removeProp(name: string): Cash;
+
+  /**
+   * serialize
+   * When called on a form, serializes and returns form data.
+   */
+  serialize(): string;
+
+  /**
+   * siblings
+   * Returns a collection of sibling elements.
+   */
+  siblings(): Cash;
+
+  /**
+   * text
+   * Returns the inner text of the first element in the collection, sets the text if textContent is provided.
+   */
+  text(): string;
+  text(content?: string): Cash;
+
+  /**
+   * toggleClass
+   * Adds or removes className from collection elements based on if the element already has the class.
+   * Accepts space-separated classNames for toggling multiple classes, and an optional force boolean to ensure classes are added (true) or removed (false).
+   */
+  toggleClass(c: string, state?: boolean): Cash;
+
+  /**
+   * trigger
+   * Triggers supplied event on elements in collection. Data can be passed along as the second parameter.
+   */
+  trigger(eventName: string, data?: any): Cash;
+
+  /**
+   * val
+   * Returns an inputs value. If value is supplied, sets all inputs in collection's value to the value argument.
+   */
+  val(): any;
+  val(value?: string): Cash;
+
+  /**
+   * width
+   * Returns the width of the element.
+   */
+  width(): number;
+}
+
+declare module "cash" {
+    export = CashStatic;
+}
+declare var cash: CashStatic;

From 011a0393890a0367a4447b55d7e00585574fe257 Mon Sep 17 00:00:00 2001
From: Simon Douglas <simon@tomorrowfinance.com.au>
Date: Tue, 4 Oct 2016 05:31:26 +1100
Subject: [PATCH 149/382] Update headroom.d.ts (#11313)

notBottom  missing from definition
---
 Headroom/headroom.d.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/Headroom/headroom.d.ts b/Headroom/headroom.d.ts
index ac505fac18..6e180d869f 100644
--- a/Headroom/headroom.d.ts
+++ b/Headroom/headroom.d.ts
@@ -8,10 +8,11 @@ interface HeadroomOptions {
 	tolerance?: any;
 	classes?: {
 		initial?: string;
-		pinned?: string;
-		unpinned?: string;
-		top?: string;
+		notBottom?:string;
 		notTop?: string;
+		pinned?: string;
+		top?: string;
+		unpinned?: string;
 	};
 	scroller?: Element;
 	onPin?: () => void;

From ea667e0fcbf3db35549d58e1f5cb7e865f27d7ae Mon Sep 17 00:00:00 2001
From: Antoine LUCAS <a-lucas@users.noreply.github.com>
Date: Tue, 4 Oct 2016 02:34:10 +0800
Subject: [PATCH 150/382] Added the definition for the npm package
 simple-url-cache (#11296)

* Added the definition for the npm package simple-url-cache

https://www.npmjs.com/package/simple-url-cache

* - Some problems with shells.js missing the touch fucntion deifnition

* More details on the touch parameters - nice screenshot btw
---
 shelljs/shelljs-tests.ts                   | 15 ++++
 shelljs/shelljs.d.ts                       | 25 +++++-
 simple-url-cache/simple-url-cache-tests.ts | 56 +++++++++++++
 simple-url-cache/simple-url-cache.d.ts     | 95 ++++++++++++++++++++++
 4 files changed, 189 insertions(+), 2 deletions(-)
 create mode 100644 simple-url-cache/simple-url-cache-tests.ts
 create mode 100644 simple-url-cache/simple-url-cache.d.ts

diff --git a/shelljs/shelljs-tests.ts b/shelljs/shelljs-tests.ts
index 34292f8d8a..23dbdaf3f7 100644
--- a/shelljs/shelljs-tests.ts
+++ b/shelljs/shelljs-tests.ts
@@ -119,6 +119,21 @@ shell.chmod("u+x", "/Users/brandon");
 
 shell.exit(0);
 
+shell.touch('/Users/brandom/test1');
+shell.touch('/Users/brandom/test1', '/Users/brandom/test2');
+
+shell.touch(['/Users/brandom/test1']);
+shell.touch(['/Users/brandom/test1', '/Users/brandom/test2']);
+
+shell.touch('-c', '/Users/brandom/test1');
+shell.touch('-c', '/Users/brandom/test1', '/Users/brandom/test2');
+shell.touch('-c', ['/Users/brandom/test1', '/Users/brandom/test2']);
+
+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']);
+
+
 var tmp = shell.tempdir(); // "/tmp" for most *nix platforms
 
 var errorlol = shell.error();
diff --git a/shelljs/shelljs.d.ts b/shelljs/shelljs.d.ts
index ac501e078c..5d33833e20 100644
--- a/shelljs/shelljs.d.ts
+++ b/shelljs/shelljs.d.ts
@@ -128,7 +128,7 @@ declare module "shelljs"
      * @param {string} dest   The destination.
      */
     export function mv(source: string, dest: string): void;
-    
+
     /**
      * Moves files. The wildcard * is accepted.
      * @param {string[]} source The source.
@@ -436,7 +436,7 @@ declare module "shelljs"
      * Object containing environment variables (both getter and setter). Shortcut to process.env.
      */
     export var env: { [key: string]: string };
-    
+
     /**
      * Executes the given command synchronously.
      * @param  {string}                 command The command to execute.
@@ -511,6 +511,27 @@ declare module "shelljs"
      */
     export function error(): string;
 
+
+
+    export function touch(...files: string[]): void;
+    export function touch(files: string[]): void;
+
+    type TouchOptionsLiteral = "-a" |  "-c" | "-m" | "-d" | "-r";
+
+    export function touch(options: TouchOptionsLiteral, ...files: string[]): void;
+    export function touch(options: TouchOptionsLiteral, files: string[]): void;
+
+    /**
+     * 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 = {
+        '-d'?: string;
+        '-r'?: string;
+    };
+
+    export function touch(options: touchOptionsArray, ...files: string[]): void;
+    export function touch(options: touchOptionsArray, files: string[]): void;
+
     // Configuration
 
     interface ShellConfig
diff --git a/simple-url-cache/simple-url-cache-tests.ts b/simple-url-cache/simple-url-cache-tests.ts
new file mode 100644
index 0000000000..d33a3a1846
--- /dev/null
+++ b/simple-url-cache/simple-url-cache-tests.ts
@@ -0,0 +1,56 @@
+/// <reference path="./simple-url-cache.d.ts" />
+
+import simpleUrlCache = require("simple-url-cache");
+
+const fileStorageConfig = {
+    type: 'file',
+    dir: './cache'
+};
+
+const redisStorageConfig = {
+    type: 'redis',
+    host: '127.00.1',
+    port: 1234
+}
+
+const regexRules = {
+    cacheMaxAge: [
+        {
+            regex: /.*/,
+            maxAge: 3600
+        }
+    ],
+    cacheAlways: [
+        {
+            regex: /always/
+        }
+    ],
+    cacheNever: [
+        {
+            regex: /never/
+        }
+    ],
+    default: 'never'
+};
+
+const cacheEngine1 = new simpleUrlCache.CacheEngine(fileStorageConfig, regexRules);
+
+let url1 = cacheEngine1.url('/someUrl.html');
+
+url1.cache('<b>some HTML');
+url1.isCached();
+url1.getUrl();
+url1.removeUrl();
+url1.destroy();
+
+const cacheEngine2 = new simpleUrlCache.CacheEngine(redisStorageConfig, regexRules);
+
+let url2 = cacheEngine2.url('/someUrl.html');
+url2.cache('<b>some HTML');
+url2.isCached();
+url2.getUrl();
+url2.removeUrl();
+url2.destroy();
+
+
+
diff --git a/simple-url-cache/simple-url-cache.d.ts b/simple-url-cache/simple-url-cache.d.ts
new file mode 100644
index 0000000000..daa3b04d4e
--- /dev/null
+++ b/simple-url-cache/simple-url-cache.d.ts
@@ -0,0 +1,95 @@
+// Type definitions for simple-url-cache
+// Project: https://github.com/a-lucas/simple-url-cache
+// Definitions by: Antoine LUCAS <https://github.com/a-lucas>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../redis/redis.d.ts" />
+
+declare module 'simple-url-cache' {
+    import redis = require("redis");
+
+    export class CacheEngine {
+        constructor(storageConfig: FileStorageConfig, cacheRules: CacheRules);
+        constructor(storageConfig: RedisStorageConfig, cacheRules: CacheRules);
+        url(url: string): FileStorage;
+        url(url: string): RedisStorage;
+    }
+
+    export interface RegexRule {
+        regex:RegExp
+    }
+
+    export interface MaxAgeRegexRule extends RegexRule {
+        maxAge:number
+    }
+
+    export interface CacheRules {
+        cacheMaxAge:MaxAgeRegexRule[],
+        cacheAlways:RegexRule[],
+        cacheNever:RegexRule[],
+        default:string
+    }
+
+    export interface FileStorageConfig extends privateN.StorageConfig {
+        dir:string;
+    }
+
+    export interface RedisStorageConfig extends privateN.StorageConfig {
+        host:string;
+        port:number;
+        path?:string;
+        url?:string;
+        socket_keepalive?:boolean;
+        password?:string;
+        db?:string;
+    }
+
+    namespace privateN {
+        interface StorageConfig {
+            type:string
+        }
+
+        interface CacheStorage {
+            isCached():Promise<boolean>;
+            removeUrl():Promise<boolean>;
+            getUrl():Promise<string>;
+            cache(html:string):Promise<boolean>;
+            cache(html:string, force:boolean):Promise<boolean>;
+            destroy(): void;
+        }
+
+        abstract class CacheCategory {
+            constructor(currentUrl:string, _config:CacheRules) ;
+            private getRegexTest(u:RegexRule):boolean;
+            private getCacheCategory():string;
+            public getCategory():string;
+            public getCurrentUrl():string;
+        }
+
+        module RedisPool {
+            export function connect(config:RedisStorageConfig): redis.RedisClient;
+            export function isOnline():boolean;
+            export function kill():void;
+        }
+    }
+
+    export class FileStorage extends privateN.CacheCategory implements privateN.CacheStorage {
+        constructor(_url:string, _storageConfig: FileStorageConfig, _regexRules: CacheRules);
+        isCached():Promise<boolean>;
+        removeUrl():Promise<boolean>;
+        getUrl():Promise<string>;
+        cache(html:string):Promise<boolean>
+        cache(html:string, force:boolean):Promise<boolean>;
+        destroy(): void;
+    }
+
+    export class RedisStorage extends privateN.CacheCategory implements privateN.CacheStorage {
+        constructor(_url:string, _storageConfig: RedisStorageConfig, _regexRules: CacheRules);
+        isCached():Promise<boolean>;
+        removeUrl():Promise<boolean>;
+        getUrl():Promise<string>;
+        cache(html:string):Promise<boolean>;
+        cache(html:string, force:boolean):Promise<boolean>;
+        destroy(): void;
+    }
+}

From 7f129d9a5110fe0bf9764dd52199198cb56f2b1f Mon Sep 17 00:00:00 2001
From: Akinzekeel <akinzekeel@gmail.com>
Date: Mon, 3 Oct 2016 20:35:33 +0200
Subject: [PATCH 151/382] Updated the RowMethods interface (#11665)

* Updated the RowMethods interface

This Interface was missing the Definition of the id() method.

Link to official documentation: https://datatables.net/reference/api/row().id()

* Changed indentation from tabs to spaces
---
 jquery.dataTables/jquery.dataTables.d.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/jquery.dataTables/jquery.dataTables.d.ts b/jquery.dataTables/jquery.dataTables.d.ts
index 70c72b8570..ec12dd985d 100644
--- a/jquery.dataTables/jquery.dataTables.d.ts
+++ b/jquery.dataTables/jquery.dataTables.d.ts
@@ -902,6 +902,13 @@ declare namespace DataTables {
         * @param d Data to use for the row.
         */
         data(d: any[] | Object): DataTable;
+        
+        /**
+        * Get the id of the selected row.
+        *
+        * @param hash Set to true to append a hash (#) to the start of the row id.
+        */
+        id(hash?: boolean): string;
 
         /**
         * Get the row index of the row column.

From 7200df0663be27deaa6d50a9d4536291994bac69 Mon Sep 17 00:00:00 2001
From: Ibtihel CHNAB <ibtihel.chnab@gmail.com>
Date: Mon, 3 Oct 2016 20:36:01 +0200
Subject: [PATCH 152/382] Added definition file for Defaults Js Library
 (#11451)

---
 defaults/defaults-tests.ts |  6 ++++++
 defaults/defaults.d.ts     | 10 ++++++++++
 2 files changed, 16 insertions(+)
 create mode 100644 defaults/defaults-tests.ts
 create mode 100644 defaults/defaults.d.ts

diff --git a/defaults/defaults-tests.ts b/defaults/defaults-tests.ts
new file mode 100644
index 0000000000..1e82a2c95d
--- /dev/null
+++ b/defaults/defaults-tests.ts
@@ -0,0 +1,6 @@
+/// <reference path="defaults.d.ts" />
+
+import defaults = require('defaults');
+
+defaults({}, {user: 'developer', locale: 'fr-FR'});
+defaults(undefined, 'hello world');
diff --git a/defaults/defaults.d.ts b/defaults/defaults.d.ts
new file mode 100644
index 0000000000..024df0558b
--- /dev/null
+++ b/defaults/defaults.d.ts
@@ -0,0 +1,10 @@
+// Type definitions for defaults 1.0.3
+// Project: https://github.com/tmpvar/defaults/
+// Definitions by: Ibtihel CHNAB <https://github.com/IbtihelCHNAB/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare function defaults(options: any, defaultOptions: any): any;
+
+declare module "defaults" {
+  export = defaults;
+}

From 4a4d4e31e22e683793acaa2a9f31b18caf2e91f9 Mon Sep 17 00:00:00 2001
From: MichaelHilus <m.hilus@progresso-group.de>
Date: Mon, 3 Oct 2016 20:37:14 +0200
Subject: [PATCH 153/382] Added missing className property to CardProps
 (#10823)

The className property for CardPros is missing, so using it like
<Card className={this.myClass}>...</Card>
is not possible.
---
 material-ui/material-ui.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/material-ui/material-ui.d.ts b/material-ui/material-ui.d.ts
index b1671ba889..31472154b3 100644
--- a/material-ui/material-ui.d.ts
+++ b/material-ui/material-ui.d.ts
@@ -759,6 +759,7 @@ declare namespace __MaterialUI {
     namespace Card {
 
         interface CardProps extends React.Props<Card> {
+            className?: string;
             actAsExpander?: boolean;
             containerStyle?: React.CSSProperties;
             expandable?: boolean;

From dbc144352d5a83237cb03fcb1827259a4e55a129 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rados=C5=82aw=20Eichler?= <agamnentzar@gmail.com>
Date: Mon, 3 Oct 2016 20:41:06 +0200
Subject: [PATCH 154/382] Add missing perMessageDeflate server option (#11380)

---
 ws/ws-tests.ts | 14 ++++++++++++++
 ws/ws.d.ts     |  9 +++++++++
 2 files changed, 23 insertions(+)

diff --git a/ws/ws-tests.ts b/ws/ws-tests.ts
index 4afa12bfe8..76ca1d1d64 100644
--- a/ws/ws-tests.ts
+++ b/ws/ws-tests.ts
@@ -81,3 +81,17 @@ var WebSocketServer = WebSocket.Server;
         console.log(ws.protocol)
     })
 }
+
+{
+    new WebSocket.Server({ perMessageDeflate: false });
+    new WebSocket.Server({ perMessageDeflate: { } });
+    new WebSocket.Server({
+        perMessageDeflate: {
+            serverNoContextTakeover: true,
+            clientNoContextTakeover: true,
+            serverMaxWindowBits: 0,
+            clientMaxWindowBits: 0,
+            memLevel: 0
+        }
+    });
+}
diff --git a/ws/ws.d.ts b/ws/ws.d.ts
index a3c34fa54b..7617e924e8 100644
--- a/ws/ws.d.ts
+++ b/ws/ws.d.ts
@@ -96,6 +96,14 @@ declare module "ws" {
             ciphers?: string;
             rejectUnauthorized?: boolean;
         }
+
+        export interface IPerMessageDeflateOptions {
+            serverNoContextTakeover?: boolean;
+            clientNoContextTakeover?: boolean;
+            serverMaxWindowBits?: number;
+            clientMaxWindowBits?: number;
+            memLevel?: number;
+        }
         
         export interface IServerOptions {
             host?: string;
@@ -107,6 +115,7 @@ declare module "ws" {
             noServer?: boolean;
             disableHixie?: boolean;
             clientTracking?: boolean;
+            perMessageDeflate?: boolean | IPerMessageDeflateOptions;
         }
 
         export class Server extends events.EventEmitter {

From 32cf713f639cd728168092a8029e3c69de9cb919 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dawid=20Ry=C5=82ko?= <dawid.rylko@gmail.com>
Date: Mon, 3 Oct 2016 20:41:54 +0200
Subject: [PATCH 155/382] Add missing class AgendaView (#11371)

* Add missing class AgendaView

* Move class to kendo.ui namespace

* Change path to interface

* Add static fn

* Add static extend

* Add static extend

* Resolve conflicts
---
 kendo-ui/kendo-ui.d.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/kendo-ui/kendo-ui.d.ts b/kendo-ui/kendo-ui.d.ts
index 8ebef4104a..ac6022ecd4 100644
--- a/kendo-ui/kendo-ui.d.ts
+++ b/kendo-ui/kendo-ui.d.ts
@@ -1529,6 +1529,15 @@ declare namespace kendo.drawing.pdf {
 }
 
 declare namespace kendo.ui {
+    class AgendaView implements kendo.ui.SchedulerView {
+        static fn: AgendaView;
+
+        startDate(): Date;
+        endDate(): Date;
+
+        static extend(proto: Object): AgendaView;
+    }
+
     class Alert extends kendo.ui.Widget {
 
         static fn: Alert;

From 42f7b186e180a5e90280114f73130ec94564d35f Mon Sep 17 00:00:00 2001
From: Andre Eckardt <aeckardt@outlook.com>
Date: Mon, 3 Oct 2016 20:42:39 +0200
Subject: [PATCH 156/382] adds system faker methods (#11432)

---
 faker/faker-tests.ts |  9 +++++++++
 faker/faker.d.ts     | 13 +++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/faker/faker-tests.ts b/faker/faker-tests.ts
index 97e53d57fb..94ebe925e8 100644
--- a/faker/faker-tests.ts
+++ b/faker/faker-tests.ts
@@ -170,5 +170,14 @@ resultStr = faker.random.objectElement({foo: 'bar', field: 'foo'});
 resultStr = faker.random.uuid();
 resultBool = faker.random.boolean();
 
+resultStr = faker.system.fileName( "foo", "bar" );
+resultStr = faker.system.commonFileName( "foo", "bar" );
+resultStr = faker.system.mimeType();
+resultStr = faker.system.commonFileType();
+resultStr = faker.system.commonFileExt();
+resultStr = faker.system.fileType();
+resultStr = faker.system.fileExt( "foo" );
+resultStr = faker.system.semver();
+
 import fakerEn = require('faker/locale/en');
 resultStr = faker.name.firstName();
diff --git a/faker/faker.d.ts b/faker/faker.d.ts
index c5f69eeefd..01e01b8b8b 100644
--- a/faker/faker.d.ts
+++ b/faker/faker.d.ts
@@ -173,6 +173,19 @@ declare namespace Faker {
 			boolean(): boolean;
 		};
 
+		system: {
+			fileName(ext: string, type: string): string;
+			commonFileName(ext: string, type: string): string;
+			mimeType(): string;
+			commonFileType(): string;
+			commonFileExt(): string;
+			fileType(): string;
+			fileExt(mimeType: string): string;
+			//directoryPath(): string;
+			//filePath(): string;
+			semver(): string;
+		};
+
 		seed(value: number): void;
 	}
 

From d88cfbff9d55f5fad35183e29e00e9bc91798ca3 Mon Sep 17 00:00:00 2001
From: Andrei Markeev <andrei-markeev@users.noreply.github.com>
Date: Mon, 3 Oct 2016 22:04:38 +0300
Subject: [PATCH 157/382] added definitions for SharePoint file
 Search.ClientControls.js (#11652)

* added definitions for SharePoint file Search.ClientControls.js (Srch namespace, heavily used in Search Display Templates)

* --noImplicitAny compatibility fixes
also small improvements

* more fixes for --noImplicitAny
---
 sharepoint/SharePoint.d.ts | 1629 ++++++++++++++++++++++++++++++++++++
 1 file changed, 1629 insertions(+)

diff --git a/sharepoint/SharePoint.d.ts b/sharepoint/SharePoint.d.ts
index c2a8353304..1b74515056 100644
--- a/sharepoint/SharePoint.d.ts
+++ b/sharepoint/SharePoint.d.ts
@@ -11207,3 +11207,1632 @@ declare namespace SP {
         get_Columns(): SP.JsGrid.ColumnInfo[];
     }
 }
+
+
+// ------- Srch namespace -------
+
+declare namespace Srch
+{
+    export enum EventType
+    {
+        none, 
+        queryReady, 
+        queryIssuing, 
+        batchQueryIssuing, 
+        resultReady, 
+        batchResultReady, 
+        queryStateChanged, 
+        resultRendered, 
+        preLoad, 
+        load, 
+        postLoad
+    }
+
+    export enum MessageLevel
+    {
+        information, 
+        warning, 
+        error        
+    }
+
+    export enum UserActionType
+    {
+        search, 
+        pageNext, 
+        pagePrev, 
+        refine, 
+        sort, 
+        filterLanguage
+    }
+
+    export enum DateTimeKind
+    {
+        unspecified, 
+        utc, 
+        local
+    }
+
+    export class ClientControl extends Sys.UI.Control
+    {
+        constructor(elem: Element);
+
+        /** toggles visibility of children controls of the messageContainer */
+        static toggleMessageDetails(messageContainer: Element): void;
+        alternateRenderer: any;
+        alternateRenderContext: any;
+        loaded: boolean;
+        /** returns next unique identifier for nested controls */
+        get_nextUniqueId(): string;
+        /** Gets the id of View display template that is used to render this control.
+          * Example: '~sitecollection/_catalogs/masterpage/Display Templates/Search/Control_SearchResults.js'
+          */
+        get_renderTemplateId(): string;
+        set_renderTemplateId(value: string): string;
+        /** Returns true if control will load scripts defined by the serverTemplateScriptsToLoad field after control load. True by default. */
+        get_delayLoadTemplateScripts(): boolean;
+        /** If set to true, control will load scripts defined by the serverTemplateScriptsToLoad field after control load. True by default. */
+        set_delayLoadTemplateScripts(value: boolean): boolean;
+        get_states(): any;
+        set_states(value: any): any; 
+        get_messages(): any[];
+        set_messages(value: any[]): any[];
+        get_showDataErrors(): boolean;
+        /** False by default. */
+        set_showDataErrors(value: boolean): boolean;
+        get_alternateErrorMessage(): string;
+        set_alternateErrorMessage(value: string): string;
+        /** returns true if control has already been loaded at least once */
+        get_isInitialLoad(): boolean;
+        initialize(): void;
+        dispose(): void;
+        renderControl(listData: any, dataProvider: any): void;
+        processDataProviderErrors(dataProviderToProcess: any): void;
+        scriptApplication_PreLoad(sender: any, e: any): void;
+        scriptApplication_Load(sender: any, e: any): void;
+        scriptApplication_PostLoad(sender: any, e: any): void;
+        loadServerTemplateScripts():void;
+        serverTemplateScriptsToLoad: any[];
+        serverTemplateScriptsCallback(): void;
+        loadRenderTemplateScripts(scriptReferences: any, success: any, failure: any, timeout: any, loadStandAloneCustomScripts: any): boolean;
+        invokeAlternateRender(callback: any, container: any, ctx: any): any;
+        invokeClientRenderer(node: any, ctx: any): any;
+        processDataErrorMessages(dataErrorsList: any): any;
+        processRenderingErrorMessages(ctx: any): any;
+        hasMessages(): any;
+        updateDisplayControlWithNewMessages(): any;
+        /** show/hide the DOM element associated with control */
+        setControlElementVisibility(showElement: boolean): any;
+        clickHandler(e: Event): any;
+    }
+
+    export class DataProvider extends ClientControl
+    {
+        constructor(elem: Element);
+        get_currentQueryState(): any;
+        get_sourceID(): string;
+        set_sourceID(value: string): string;
+        get_sourceName(): string;
+        set_sourceName(value: string): string;
+        get_sourceLevel(): string;
+        set_sourceLevel(value: string): string;
+        get_collapseSpecification(): string;
+        set_collapseSpecification(value: string): string;
+        get_queryGroupName(): string;
+        set_queryGroupName(value: string): string;
+        get_queryPropertiesTemplateUrl(): string;
+        set_queryPropertiesTemplateUrl(value: string): string;
+        get_queryTemplate(): any;
+        set_queryTemplate(value: any): any;
+        get_fallbackSort(): any;
+        set_fallbackSort(value: any): any;
+        get_rankRules(): any;
+        set_rankRules(value: any): any;
+        get_initialQueryState(): any;
+        set_initialQueryState(value: any): any;
+        get_initialResult(): string;
+        set_initialResult(value: string): string;
+        get_initialResultRef(): any;
+        set_initialResultRef(value: any): any;
+        get_initialResultObject(): any;
+        get_batched(): boolean;
+        set_batched(value: boolean): boolean;
+        get_active(): boolean;
+        set_active(value: boolean): boolean;
+        get_bypassResultTypes(): boolean;
+        set_bypassResultTypes(value: boolean): boolean;
+        get_processBestBets(): boolean;
+        set_processBestBets(value: boolean): boolean;
+        get_processPersonalFavorites(): boolean;
+        set_processPersonalFavorites(value: boolean): boolean;
+        /** Number of results displayed per page. 10 by default */
+        get_resultsPerPage(): number;
+        /** Number of results displayed per page. 10 by default */
+        set_resultsPerPage(value: number): number;
+        get_selectedRefiners(): any;
+        set_selectedRefiners(value: any): any;
+        get_selectedProperties(): any;
+        set_selectedProperties(value: any): any;
+        get_hitHighlightedProperties(): any;
+        set_hitHighlightedProperties(value: any): any;
+        get_fallbackLanguage(): any;
+        set_fallbackLanguage(value: any): any;
+        get_fallbackRankingModelID(): string;
+        set_fallbackRankingModelID(value: string): string;
+        get_fallbackRefinementFilters(): any;
+        set_fallbackRefinementFilters(value: any): any;
+        get_availableSorts(): any;
+        set_availableSorts(value: any): any;
+        get_contextualScopeUrl(): string;
+        set_contextualScopeUrl(value: string): string;
+        get_totalRows(): number;
+        set_totalRows(value: number): number;
+        get_rowCount(): number;
+        set_rowCount(value: number): number;
+        get_refinementInfo(): any;
+        get_entityInfo(): any;
+        get_enableStemming(): boolean;
+        set_enableStemming(value: boolean): boolean;
+        get_enablePhonetic(): boolean;
+        set_enablePhonetic(value: boolean): boolean;
+        get_enableNicknames(): boolean;
+        set_enableNicknames(value: boolean): boolean;
+        get_trimDuplicates(): boolean;
+        set_trimDuplicates(value: boolean): boolean;
+        get_enableInterleaving(): boolean;
+        set_enableInterleaving(value: boolean): boolean;
+        get_enableQueryRules(): boolean;
+        set_enableQueryRules(value: boolean): boolean;
+        get_enableOrderingHitHighlightedProperty(): boolean;
+        set_enableOrderingHitHighlightedProperty(value: boolean): boolean;
+        get_hitHighlightedMultivaluePropertyLimit(): number;
+        set_hitHighlightedMultivaluePropertyLimit(value: number): number;
+        get_properties(): any;
+        set_properties(value: any): any;
+        get_clientType(): string;
+        set_clientType(value: string): string;
+        get_maxPagesAfterCurrent(): number;
+        set_maxPagesAfterCurrent(value: number): number;
+        get_userAction(): any;
+        set_userAction(value: any): any;
+        get_queryCount(): number;
+        set_queryCount(value: number): number;
+        get_resultsUrl(): any;
+        set_resultsUrl(value: any): any;
+        get_upScopeUrl(): any;
+        get_effectiveQueryLanguage(): any;
+        get_parentImpressionID(): any;
+        set_parentImpressionID(value: any): any;
+        get_updateAjaxNavigate(): boolean;
+        set_updateAjaxNavigate(value: boolean): boolean;
+        get_summaryLength(): number;
+        set_summaryLength(value: number): number;
+        get_desiredSnippetLength(): number;
+        set_desiredSnippetLength(value: number): number;
+        get_personalizedQuery(): boolean;
+        set_personalizedQuery(value: boolean): boolean;
+        initialize(): void;
+        dispose(): void;
+        scriptApplication_PreLoad(sender: any, e: any): void;
+        scriptApplication_Load(sender: any, e: any): void;
+        scriptApplication_PostLoad(sender: any, e: any): void;
+        serverTemplateScriptsCallback(): void;
+        add_queryIssuing(value: any): void;
+        remove_queryIssuing(value: any): void;
+        raiseQueryIssuingEvent(arg: any): void;
+        add_resultReady(value: any): void;
+        remove_resultReady(value: any): void;
+        raiseResultReadyEvent(arg: any): void;
+        add_queryStateChanged(value: any): void;
+        raiseQueryStateChangedEvent(arg: any): void;
+        displayControl_QueryReady(sender: any, e: any): void;
+        searchBox_QueryReady(sender: any, e: any): void;
+        searchBox_BatchQueryIssuing(sender: any, e: any): void;
+        searchBox_BatchResultReady(sender: any, e: any): void;
+        processInitial(): void;
+        issueQuery(): void;
+        displayControlMessages(): void;
+        raiseEmptyResultReadyEvent(): void;
+        getSortRankName(): string;
+        getSortName(): string;
+    }
+
+    export class DisplayControl extends ClientControl
+    {
+        get_queryGroupName(): string;
+        set_queryGroupName(value: string): string;
+        get_dataProvider(): DataProvider;
+        get_renderedResult(): boolean;
+        set_renderedResult(value: boolean): boolean;
+        get_shouldShowNoResultMessage(): boolean;
+        set_shouldShowNoResultMessage(value: boolean): boolean;
+        get_currentResultTableCollection(): any;
+        set_currentResultTableCollection(value: any): any;
+        get_emptyMessage(): string;
+        set_emptyMessage(value: string): string;
+        scriptApplication_PreLoad(sender: any, e: any): void;
+        scriptApplication_PostLoad(sender: any, e: any): void;
+        serverTemplateScriptsCallback(): void;
+        add_queryReady(value: any): void;
+        remove_queryReady(value: any): void;
+        raiseQueryReadyEvent(arg: any): void;
+        add_resultRendered(value: any): void;
+        remove_resultRendered(value: any): void;
+        raiseResultRenderedEvent(arg: any): void;
+        add_oneTimeResultRendered(value: any): void;
+        remove_oneTimeResultRendered(value: any): void;
+        raiseOneTimeResultRenderedEvent(arg: any): void;
+        refresh(queryState: any): void;
+        dataProvider_QueryIssuing(sender: any, e: any): void;
+        dataProvider_ResultReady(sender: any, e: any): void;
+        processQueryIssuing(queryState: any): void;
+        processResultReady(resultTableCollection: any): void;
+        render(): void;
+    }
+
+    export class Refinement extends DisplayControl
+    {
+        static createRefinementTextbox(name: string): Element;
+        static submitMultiRefinement(name: string, control: Refinement, useContains: boolean, useKQL: boolean): void;
+        static ensureUserSpecifiedRefinerValueHasWhiteSpaceQuotes(inputText: string): string;
+        static getRefinementLocalizedTitle(propertyName: string): string;
+        static getRefinementTitle(currentRefinemntControl: Refinement): string;
+        /** Gets expanded state of the specified filter from cookie */
+        static getExpanded(filterName: string): string;
+        /** Save expanded state of the specified filter to cookie */
+        static setExpanded(filterName: string, value: string): void;
+        static multiRefinerSpecifyOtherFilterValue(refinerName: string, clientControl: Refinement, useContains: boolean, useKQL: boolean): void;
+        
+        constructor(elem: Element);
+
+        get_selectedRefinementControls(): RefinementControl[];
+        set_selectedRefinementControls(value: RefinementControl[]): RefinementControl[];
+        get_useManagedNavigationRefiners(): boolean;
+        set_useManagedNavigationRefiners(value: boolean): boolean;
+        get_emptyRefinementMessageId(): string;
+        set_emptyRefinementMessageId(value: string): string;
+        
+        scriptApplication_PreLoad(sender: any, e: any): void;
+        render(): void;
+        addRefinementFilter(filterName: string, filterToken: any): void;
+        addRefinementFiltersJSON(refinersJSON: string): void;
+        addRefinementFiltersJSONWithOr(refinersJSON: string): void;
+        addRefinementFilters(refiners: any[]): void;
+        addRefinementFiltersWithOp(refiners: any[], op: string): void;
+        removeRefinementFilter(filterName: string, filterToken: string): void;
+        removeRefinementFiltersJSON(refinersJSON: string): void;
+        updateRefinementFilters(filterName: string, filterTokens: string[], op: string, useKQL: boolean, tokenToDisplayValueMap: any): void;
+        updateRefinersJSON(refinersJSON: string): void;
+        updateRefiners(refiners: any[], op: string, useKQL: boolean, tokenToDisplayValueMap: any): void;
+        removeRefinementCategory(rcs: any, filterName: string): void;
+        replaceRefinementFilter(oldRefinementFilter: any, newRefinementFilter: any): void;
+        hasRefinementFilter(filterName: string, filterToken: string): boolean;
+        hasAllRefinementFilters(filterName: string, filterTokens: string[]): boolean;
+        hasRefinementCategory(refinementName: string): boolean;
+        getCurrentRefinementCategory(refinementName: string): any;
+        /** Gets refinement control with the specified propertyName */
+        getRefinementControl(refinerName: string): RefinementControl;
+        /** Returns true if selected refinement controls collection contains a control with the specified propertyName */
+        hasRefiner(refinerName: string): boolean;
+        /** Replaces the refinement controls */
+        updateRefinementControls(newControls: RefinementControl[]): void;
+    }
+
+    export class RefinementControl
+    {
+        constructor(propertyName: string, spec: string, renderTemplateId: string);
+
+        propertyName: string;
+        spec: string;
+        renderTemplateId: string;
+        overrideDisplayName: string;
+        useDefaultDateIntervals: boolean;
+        containerId: string;
+        alternateRenderer: any;
+        alternateRenderContext: any;
+        countDisplay: string;
+        deepHits: number;
+    }
+
+    export class Result extends DisplayControl
+    {
+        static parsePropertyMappingWithSlotDisplayNames(mappings: any): { [key: string]: any };
+        static parsePropertyMappingsString(mappings: any): { [key: string]: any };
+        static getSelectedPropertiesFromMappingDictionary(propMappings: any): any[];
+
+        constructor(elem: Element);
+
+        get_itemTemplateId(): string;
+        set_itemTemplateId(value: string): string;
+        get_groupTemplateId(): string;
+        set_groupTemplateId(value: string): string;
+        get_itemBodyTemplateId(): string;
+        set_itemBodyTemplateId(value: string): string;
+        get_maxPagesBeforeCurrent(): number;
+        set_maxPagesBeforeCurrent(value: number): number;
+        get_maxPagesAfterCurrent(): number;
+        set_maxPagesAfterCurrent(value: number): number;
+        get_currentPageNumber(): number;
+        set_currentPageNumber(value: number): number;
+        get_showSortOptions(): boolean;
+        set_showSortOptions(value: boolean): boolean;
+        get_showLanguageOptions(): boolean;
+        set_showLanguageOptions(value: boolean): boolean;
+        get_repositionLanguageDropDown(): boolean;
+        set_repositionLanguageDropDown(value: boolean): boolean;
+        get_showPaging(): boolean;
+        set_showPaging(value: boolean): boolean;
+        get_showResults(): boolean;
+        set_showResults(value: boolean): boolean;
+        get_showBestBets(): boolean;
+        set_showBestBets(value: boolean): boolean;
+        get_showPersonalFavorites(): boolean;
+        set_showPersonalFavorites(value: boolean): boolean;
+        get_showDefinitions(): boolean;
+        set_showDefinitions(value: boolean): boolean;
+        get_showDidYouMean(): boolean;
+        set_showDidYouMean(value: boolean): boolean;
+        get_showAdvancedLink(): boolean;
+        set_showAdvancedLink(value: boolean): boolean;
+        get_showPreferencesLink(): boolean;
+        set_showPreferencesLink(value: boolean): boolean;
+        get_showResultCount(): boolean;
+        set_showResultCount(value: boolean): boolean;
+        get_showAlertMe(): boolean;
+        set_showAlertMe(value: boolean): boolean;
+        get_showViewDuplicates(): boolean;
+        set_showViewDuplicates(value: boolean): boolean;
+        get_pagingInfo(): any;
+        get_shouldShowNoResultMessage(): boolean;
+        get_advancedUrl(): string;
+        set_advancedUrl(value: string): string;
+        get_showUpScopeMessage(): boolean;
+        set_showUpScopeMessage(value: boolean): boolean;
+        get_scrollToTopOnRedraw(): boolean;
+        set_scrollToTopOnRedraw(value: boolean): boolean;
+        get_useSimplifiedQueryBuilder(): boolean;
+        set_useSimplifiedQueryBuilder(value: boolean): boolean;
+        get_preloadedItemTemplateIds(): string[];
+        set_preloadedItemTemplateIds(value: string[]): string[];
+        processResultReady(resultTableCollection: Microsoft.SharePoint.Client.Search.Query.ResultTableCollection): void;
+        render(): void;
+        scriptApplication_PreLoad(sender: any, e: any): void;
+        sortOrRank(sortRankName: string): void;
+        sort(sortName: string): void;
+        changeQueryLanguage(queryLanguage: number): void;
+        page(startAt: number): void;
+        changeQueryTerm(queryTerm: any): void;
+        viewDuplicates(docId: number): void;
+        /** Returns true if the specified table has results and is enabled to be shown by this control */
+        shouldShowTable(resultTable: Microsoft.SharePoint.Client.Search.Query.ResultTable): boolean;
+    }
+
+    /** Represents the search box control */
+    export class SearchBox extends ClientControl
+    {
+        constructor(elem: Element);
+
+        /** Returns the current search term */
+        get_currentTerm(): string;
+        /** Sets the current search term.
+          * Does not update results or even re-render control automatically, only sets the value.
+          * You can call .renderControl() method to re-render control.
+          */
+        set_currentTerm(value: string): string;
+
+        get_queryGroupNames(): string[];
+        set_queryGroupNames(value: any): string[];
+        
+        /** Gets the results page address, e.g. '~site/_layouts/15/osssearchresults.aspx?u={contexturl}' */
+        get_resultsPageAddress(): string;
+        /** Sets the results page address, e.g. '~site/_layouts/15/osssearchresults.aspx?u={contexturl}'
+          * Parameter u is used for setting the url filter for the search, so that only results within
+          * e.g. specified site are returned. Omit this parameter if you want to search everywhere.
+          */
+        set_resultsPageAddress(value: string): string;
+        
+        get_showAdvancedLink(): boolean;
+        set_showAdvancedLink(value: boolean): boolean;
+        
+        get_showQuerySuggestions(): boolean;
+        set_showQuerySuggestions(value: boolean): boolean;
+        
+        get_showNavigation(): boolean;
+        set_showNavigation(value: boolean): boolean;
+        
+        get_showPeopleNameSuggestions(): boolean;
+        set_showPeopleNameSuggestions(value: boolean): boolean;
+        
+        /** Gets the interval in milliseconds, if user is idle during this interval, suggestions retrieval will be initiated.
+         * Default value is 250.
+         */
+        get_querySuggestionCompletionInterval(): number;
+        /** Sets the interval in milliseconds, if user is idle during this interval, suggestions retrieval will be initiated.
+         * Default value is 250.
+         */
+        set_querySuggestionCompletionInterval(value: number): number;
+        
+        /** Gets minimum length of the search term for suggestions to be retrieved. Default is 2 letters. */
+        get_querySuggestionMinimumPrefixLength(): number;
+        /** Sets minimum length of the search term for suggestions to be retrieved. Default is 2 letters. */
+        set_querySuggestionMinimumPrefixLength(value: number): number;
+        
+        /** Gets number of suggestions to display. Default is 5. */
+        get_querySuggestionCount(): number;
+        /** Sets number of suggestions to display. Default is 5. */
+        set_querySuggestionCount(value: number): number;
+        
+        get_personalResultCount(): number;
+        set_personalResultCount(value: number): number;
+        
+        get_advancedSearchPageAddress(): string;
+        set_advancedSearchPageAddress(value: string): string;
+        
+        get_showPreferencesLink(): boolean;
+        set_showPreferencesLink(value: boolean): boolean;
+        
+        get_serverInitialRender(): boolean;
+        set_serverInitialRender(value: boolean): boolean;
+        
+        get_setFocusOnPageLoad(): boolean;
+        set_setFocusOnPageLoad(value: boolean): boolean;
+        
+        get_allowEmptySearch(): boolean;
+        set_allowEmptySearch(value: boolean): boolean;
+        
+        get_updatePageTitle(): boolean;
+        set_updatePageTitle(value: boolean): boolean;
+        
+        get_pageTitlePrefix(): string;
+        set_pageTitlePrefix(value: string): string;
+        
+        /** Gets the search input placeholder text */
+        get_currentPrompt(): string;
+        /** Sets the search input placeholder text */
+        set_currentPrompt(value: string): string;
+        
+        get_initialPrompt(): string;
+        set_initialPrompt(value: string): string;
+        
+        /** Gets the css class/classes of the placeholder text. Default is 'ms-srch-sb-prompt ms-helperText' */
+        get_promptCssClass(): string;
+        /** Sets the css class/classes of the placeholder text. Default is 'ms-srch-sb-prompt ms-helperText' */
+        set_promptCssClass(value: string): string;
+        
+        get_tryInplaceQuery(): boolean;
+        set_tryInplaceQuery(value: boolean): boolean;
+        
+        /** Gets the id of the search box input element */
+        get_searchBoxInputId(): string;
+        /** Sets the id of the search box input element */
+        set_searchBoxInputId(value: string): string;
+
+        get_searchBoxContainerId(): string;
+        set_searchBoxContainerId(value: string): string;
+        
+        get_navigationButtonId(): string;
+        set_navigationButtonId(value: string): string;
+        
+        get_suggestionsListId(): string;
+        set_suggestionsListId(value: string): string;
+        
+        get_navigationListId(): string;
+        set_navigationListId(value: string): string;
+        
+        get_searchBoxInputElement(): Element;
+        
+        get_searchBoxProgressClass(): string;
+        set_searchBoxProgressClass(value: string): string;
+        
+        get_searchBoxContainerElement(): Element;
+        
+        get_searchBoxLinkId(): string;
+        set_searchBoxLinkId(value: string): string;
+        
+        get_searchBoxLinkElement(): Element;
+        
+        get_navigationNodes(): any;
+        set_navigationNodes(value: any): any;
+        
+        get_msBeforeShowingProgress(): number;
+        set_msBeforeShowingProgress(value: number): number;
+        
+        get_maintainQueryState(): boolean;
+        set_maintainQueryState(value: boolean): boolean;
+        
+        get_querySuggestionsSourceID(): string;
+        set_querySuggestionsSourceID(value: string): string;
+        
+        scriptApplication_PreLoad(sender: any, e: any): void;
+        scriptApplication_PostLoad(sender: any, e: any): void;
+        serverTemplateScriptsCallback(): any;
+
+        add_queryReady(value: any): void;
+        remove_queryReady(value: any): void;
+        raiseQueryReadyEvent(arg: any): void;
+
+        add_batchQueryIssuing(value: any): void;
+        remove_batchQueryIssuing(value: any): void;
+        raiseBatchQueryIssuingEvent(arg: any): void;
+
+        add_batchResultReady(value: any): void;
+        remove_batchResultReady(value: any): void;
+        raiseBatchResultReadyEvent(arg: any): void;
+
+        dataProvider_QueryStateChanged(sender: any, e: any): void;
+        dataProvider_QueryIssuing(sender: any, e: any): void;
+        dataProvider_ResultReady(sender: any, e: any): void;
+
+        search(term: string): void;
+        hidePrompt(): void;
+        showPrompt(): void;
+        focus(): void;
+        setBorder(focused: boolean): void;
+
+        activate(prompt: string, searchBoxInputId: string, searchBoxContainerId: string, navigationButtonId: string, suggestionsListId: string, navigationListId: string, searchBoxLinkId: string, searchBoxProgressClass: string, searchBoxPromptClass: string): void;
+        activateDefaultNavigationBehavior(): void;
+        activateDefaultQuerySuggestionBehavior(): void;
+
+    }
+
+    export class U
+    {
+        /** Returns true if the value parameter is null or empty string */
+        static e(value: string): boolean;
+        /** Returns true if the value parameter is empty string */
+        static w(value: any): boolean; 
+        /** Returns true if the value parameter is null or undefined */
+        static n(value: any): boolean;
+        /** Returns true if current page is in edit mode */
+        static isPageInEditMode(): boolean;
+        /** Returns true if current page is displayed in the Minimal Download Strategy (MDS) mode */
+        static isPageInMdsMode(): boolean;
+        
+        static isPagePartialLoad(): boolean;
+        /** Returns true if the current page uses right-to-left mode (RTL) */
+        static isRTL(): boolean;
+
+        /** Ensures that the given value is not null or undefined; throws an exception otherwise. */
+        static ensureNotNullOrUndefined(value: any, context: any, methodName: string, paraName: string): void;
+        /** Ensures that the given value is not null, undefined or empty; throws an exception otherwise. */
+        static ensureNotNullOrEmptyString(value: string, context: any, methodName: string, paraName: string): void;
+        /** Returns copy of the passed source dictionary */
+        static copyDictionary(source: { [key: string]: any }): { [key: string]: any };
+        /** Returns true if the obj parameter is null, undefined, number or string */
+        static isPrimitive(obj: any): boolean;
+        /** Returns true if the obj parameter is array */
+        static isArray(obj: any): boolean;
+        /** Safely pushes item to array (does nothing if the array is null or undefined) */
+        static appendArray(array: any[], item: any): void;
+        /** Safely sets field of an object (does nothing if either object or fieldName is null/empty); returns true if value was set */
+        static setFieldOnObject(targetObject: any, fieldName: string, fieldValue: any): boolean;
+        /** Safely gets field of an object (returns null if object is null or undefined) */
+        static getFieldOnObject(targetObject: any, fieldName: string): any;
+        /** Safely gets field of an object or creates it if it is null or undefined */
+        static getOrCreateFieldOnObject(targetObject: any, fieldName: string, defaultValue: any): any;
+        /** Safely gets field of an object (returns empty string instead of null as "getFieldOnObject") */
+        static getStringFieldOnObject(targetObject: any, fieldName: string): string;
+        /** Returns true if the specified item is found in the specified array (uses '===' for comparing) */
+        static isInArray(array: any[], item: any): boolean;
+        /** Removes the specified item from the specified array and returns array that has the deleted item */
+        static removeArray(array: any[], item: any): any[];
+        /** Removes trailing spaces and also replaces double spaces inside string to single spaces */
+        static trimExtraSpaces(value: string): string;
+        /** Adds the specified CSS class to element (if not there already) */
+        static ensureCSSClassNameExist(e: Element, className: string): void;
+        /** Removes the specified CSS class from the element */
+        static ensureCSSClassNameNotExist(e: Element, className: string): void;
+        /** Adds cookie with specified parameters */
+        static setCookie(name: string, value: string, expires?: Date, domain?: string, path?: string): void;
+        /** Gets cookie by name */
+        static getCookie(name: string): string;
+        /** Returns true if the specified URL belongs to the specified host name */
+        static isSameHost(url: string, hostName: string): boolean;
+        /** Returns the hostname of current page */
+        static getHostName(): string;
+
+        static trace(c: Srch.ClientControl, method: string, message: string): void;
+        static traceFormatted(c: Srch.ClientControl, method: string, format: string, ...values: string[]): void;
+
+        /** Same as $addHandler with safety checks */
+        static addHandler(element: Element, eventName: string, handler: Function): void;
+        /** Same as $removeHandler with safety checks */
+        static removeHandler(element: Element, eventName: string, handler: Function): void
+
+        /** Returns true if the specified element is a descendant of the container element */
+        static isDescendant(element: Element, container: Element): boolean;
+        /** Returns the closest to startingElement parent of the specified tag name */
+        static getParentElementByName(startingElement: Element, tagName: string): Element;
+        /** Returns the #s4-workspace element or if not found, then the fallback element */
+        static getWorkspace(fallback: Element): Element;
+        /** Returns specified by attributeName attribute of startingElement or of it's closest parent who has it */
+        static getParentAttributeByName(startingElement: Element, attributeName: string): string;
+        /** Returns the ClientControl associated with specified DOM element */
+        static getClientComponent(e: Element): ClientControl;
+
+        static getResultObject(id: string): any;
+        static setResultObject(id: string, resultObject: any): any;
+        static findResultObjectFromDOM(e: Element, type: string): any;
+
+        /** Appends specified parameter key and value string to the specified URL */
+        static appendUrlParameter(url: string, keyAndValue: string): string
+
+        /** Ensures that the given URL protocol value is allowed. Returns the specified URL value if the protocol is allowed; empty string otherwise. */
+        static ensureAllowedProtocol(value: string): string;
+        /** Indicates whether the specified protocol is allowed. */
+        static isProtocolAllowed(value: string, allowRelativeUrl: boolean): boolean;
+        
+        /** Returns true if the URL is a relative URL */
+        static isUrlRelative(url: string): boolean;
+        /** Returns true if the URL is a server-relative URL (i.e. starts with '/') */
+        static isUrlServerRelative(url: string): boolean;
+        /** Returns true if the URL is a relative URL, but not a server-relative URL */
+        static isUrlPagelRelative(url: string): boolean;
+
+        static logClick(e: any, clickType: any): void;
+        static fillKeywordQuery(query: any, dp: any): void;
+        
+        /** Parses username out from SharePoint user field value */
+        static getUsernameFromAuthorField(authorField: string): string;
+        /** Parses user display name out from SharePoint user field value */
+        static getDisplayNameFromAuthorField(authorField: string): string;
+        /** Parses SharePoint array field value and returns array of strings */
+        static getArray(value: string): string[];
+        /** Converts file extension to a more friendly representation, e.g. 'doc' => 'file_Word' */
+        static getFriendlyNameForFileExtension(fileExtension: string): string;
+        /** Returns true if the fileExtension belongs to a webpage, e.g. 'ascx', 'aspx', 'html', 'php', etc.  */
+        static isWebPage(fileExtension: string): boolean;
+        /** Truncates the string to specified maximum allowed amount of characters (if max amount is not exceeded - does nothing) */
+        static truncateEnd(original: string, maxChars: number): string;
+        /** Returns true if specified by logoUrl image is one of default site logos */
+        static isDefaultSiteLogo(logoUrl: string): boolean;
+        /** Returns formatted date */
+        static toFormattedDate(dateValue: Date, dateTimeFormatId?: string): string;
+        /** Returns formatted number */
+        static toFormattedNumber(num: number, defaultDecimalPlacesIfNotInt: number): string;
+        /** If number is more than 1000, rounds up three last digits, e.g. 72389 => '72,000+'. If number is more than 100000, returns '100,000+' */
+        static toFriendlyNumber(num: number): string;
+        /** Returns human-readable size in kilobytes/megabytes etc. (the captions are localized) */
+        static toFileSizeDisplay(numberOfBytes: number, showDecimalPart: boolean): string;
+
+        static getVideoImageWithFallbackSource(valueObject: any, width: number, height: number): string;
+        static getImageSourceWithRendition(imageInfo: any, width: number, height: number): string;
+        static parseTypedRangeToken(rangeFilterToken: string, objToStoreFilterTokenType: any): any;
+        static modifyMediaDurationRefinementName(resultRow: any): void;
+        static getDeepLinks(deeplinks: string, maxRows: number): string;
+        static truncateUrl(url: string, maxChars: number): string;
+        static truncateHighlightedUrl(url: string, maxChars: number): string;
+
+        /** Copies the specified string to clipboard, if possible */
+        static copyLink(link: string): void;
+        
+        /** Registers display template function in the system.
+         *  @param name Identifier of the template. Usually template is registered twice: by URL and by name.
+         *  @param template The display template. It can be either string, or function, that gets the CSR context object and returns HTML string
+          */
+        static registerRenderTemplateByName(name: string, templateFunction: string | { (ctx: any): string }): void;
+        /** Returns display template registered (can be either string or function) */
+        static getRenderTemplateByName(name: string, renderCtx: any): string | { (ctx: any): string };
+
+        static addRenderContextCallback(renderCtx: any, callbackType: any, callbackFunction: any, enforceUnique: any, templateFunction: any): void;
+        static setItemRenderWrapper(renderCtx: any, itemRenderWrapperFunction: any, templateFunction: any): any;
+        static logRenderingErrorMessageToContext(renderCtx: any, messageText: any, operationName: any): void;
+        /** Gets the URL of template based on display template function or the rendering context */
+        static getTemplateUrlFromFunctionOrRenderCtx(templateFunctionOrRenderCtx: any): string;
+        static createErrorObjectWithExecContext(messageText: any, operationName: any, templateFuncOrRenderCtx: any): any;
+        /** Returns the CSR template that was previously registered using 'registerRenderTemplateByName' based on CSR template level */
+        static resolveRenderTemplate(renderCtx: any, component: ClientControl, level: 'Item' | 'Group' | 'View' | 'Body'): string | { (ctx: any): string };
+
+        /** Returns formatted time string from seconds string, which contains a number that represents amount of seconds passed since 00:00:00 today */
+        static getFormattedTimeFromSeconds(secondsStr: string): string;
+        /** Returns true if the keyCode is \n or \r */
+        static isEnterKey(keyCode: any): boolean;
+
+        /** Prevents default event action and stops further propagation of the event in the DOM */
+        static cancelEvent(e: Event): void;
+        /** Prevents default event action or/and stops further propagation of the event in the DOM */
+        static cancelEventEx(e: Event, preventDefault: boolean, stopPropagation: boolean): void;
+        /** Gets a value from 'Properties' field object of the specified parent object */
+        static getTableProperty(parent: any, propName: string): any;
+        /** Concatenates two URL fragments and returns resulting URL */
+        static concatUrl(firstPart: string, secondPart: string): string;
+        /** Returns URL to the html16.png image */
+        static getIconUrl(): string;
+        /** Returns URL to the folder.gif image */
+        static getFolderIconUrl(): string;
+        /** Returns URL of the appropriate file image based on the file type identifier (see getFriendlyNameForFileExtension) */
+        static getIconUrlByFileExtension(item: string, defaultIconPath?: string): string;
+        
+        /** Returns string that contains safe call to HP.Show, passing over the itemId, hpContainerId and templateUrl parameters, and supplying true for wide parameter. */
+        static getShowHoverPanelCallbackWide(itemId: string, hpContainerId: string, templateUrl: string): string;
+        /** Returns string that contains safe call to HP.Show, passing over the itemId, hpContainerId and templateUrl parameters, and supplying false for wide parameter. */
+        static getShowHoverPanelCallback(itemId: string, hpContainerId: string, templateUrl: string): string;
+        /** Returns string that contains safe call to HP.Hide */
+        static getHideHoverPanelCallback(): string;
+        
+        static getHighlightedProperty(key: string, result: any, property: string): any;
+        static processHHXML(pre: string): string;
+        static createXMLDocument(xml: string): XMLDocument;
+        static getUnEncodedMultiValuedResults(multiValue: string, maxItems: number, rawDelimiter: string): string;
+        static getTrimmedString(value: string, cutOff: number): string;
+        static trimTitle(title: string, maximumLengthInChars: number, numberOfTermsToUse: number): string;
+        static extractReplyTitleFromSummary(hitHighlightedSummary: string, titleLength: number): string;
+        static getTrimmedProcessedHHXMLString(value: string, cutOff: number): string;
+        static getMultipleHHXMLNodeValues(xmlDoc: XMLDocument, nodeName: string, numItems: number, rawDelimiter: string): string;
+        static getSingleHHXMLNodeValue(xmlDoc: XMLDocument, nodeName: string): string;
+        static isTableTypeof(resultTable: any, tableTypeName: string): boolean;
+        static isSubstrateTable(resultTable: any): boolean;
+        static getTableOfType(tableCollection: Microsoft.SharePoint.Client.Search.Query.ResultTableCollection, tableTypeName: string): Microsoft.SharePoint.Client.Search.Query.ResultTable;
+        static isFirstPromotedBlock(resultTable: Microsoft.SharePoint.Client.Search.Query.ResultTable): boolean;
+        static isFirstRankedBlock(resultTable: Microsoft.SharePoint.Client.Search.Query.ResultTable): boolean;
+        static isIntentTable(resultTable: Microsoft.SharePoint.Client.Search.Query.ResultTable): boolean;
+        static createBehavior(id: string, type: any, properties: any, targetElementId: string): any;
+        
+        /** Uses SPAnimation to animate an element */
+        static animate(element: Element, animationID: any, finishFunc: any): void;
+        static hideElement(element: Element): void;
+        static showElement(element: Element): void;
+        static positionElement(element: Element, offset: string): void;
+        static resetElement(element: Element): void;
+        static shouldAnimate(dp: any): boolean;
+        static animateResults(result: Result, userAction: any): void;
+        
+        static loadScripts(scriptReferences: string[], success: any, failure: any, timeout: number): void;
+        static appendScriptsToLoad(scripts: string[], script: string): void;
+        static registerLoadedScripts(scripts: string[]): void;
+        
+        /** Returns HTML for collapsible refiner title */
+        static collapsibleRefinerTitle(propertyName: string, idPrefix: string, title: string, iconClass: string, customOnClick: string): string;
+        /** Returns true if current page is osssearchresults.aspx */
+        static isDefaultSiteSearchPage(): boolean;
+        /** Replaces tokens {searchcenterurl}, {contexturl}, {resultsurl}, {defaultpageslistname}, {Locale} and others, and converts URL to server-relative */
+        static replaceUrlTokens(url: string): string;
+        /** Adds ctag parameter to the URL and replaces URL tokens */
+        static urlTokenExpansion(jsLink: string): string;
+        
+        static includeCSS(templateLink: string, relativeLink: string): void;
+        static includeScript(templateLink: string, scriptLink: string): void;
+        static includeLanguageScript(templateLink: string, scriptLink: string): void;
+
+        static isSPFSKU(): boolean;
+        /** Retrieves localized string with the specified id */
+        static loadResource(id: string): string;
+        /** Retrieves localized string with the specified id */
+        static loadResourceForTemplate(id: string, templateFunc: {(ctx: any): string}): string;
+        /** Registers in system resources defined by the dictionary object */
+        static registerResourceDictionary(locale:string, dict: {[key: string]: string}): void;
+
+        static restorePath(el: Element, originalText: string, selectText: string): void;
+        static selectPath(text: string, el: Element): void;
+        static setPath(e: Event, el: Element, text: string, originalText: string): void;
+        static restoreText(el: Element, originalText: string, selectText: string): void;
+        static selectText(text: string, el: Element): void;
+
+        /** Renders datetime value in friendly format into element specified by targetElementID */
+        static renderFriendlyTimeIntervalString(dateTimeSinceUTC: Date, targetElementID: string, calendarType?: number): void;
+        /** Returns human-friendly representation of the datetime value, e.g. "A few seconds ago"" */
+        static getFriendlyTimeInterval(dateTimeSince: Date, calendarType: number): string;
+        /** Gets calendar type according to the current regional settings */
+        static getCalendarType(): any;
+
+        static htmlEncodeNonBase64ImageUrl(url: string): string;
+
+        static hitHighlightingOpenTag: string;
+        static hitHighlightingCloseTag: string;
+        static titleTruncationLength: number;
+        static titleTruncationLengthWithMetadata: number;
+        static titleTruncationLengthWithPreview: number;
+        static summaryTruncationLength: number;
+        static summaryTruncationLengthWithPreview: number;
+        static pathTruncationLength: number;
+        static pathTruncationLengthWithPreview: number;
+        static pathTruncationLengthWithMetadata: number;
+        static personaControlRenderedThreshold: number;
+        static maximumSocialMetadataValue: number;
+        static contentFixedWidthLength: number;
+    }
+
+    export module U {
+        export class PropNames
+        {
+            static renderTemplates: 'RenderTemplates';
+            static renderTemplateId: 'RenderTemplateId';
+            static tableType: 'TableType';
+            static queryErrors: 'QueryErrors';
+            static resultTables: 'ResultTables';
+            static resultRows: 'ResultRows';
+            static queryId: 'QueryId';
+            static properties: 'Properties';
+            static rowCount: 'RowCount';
+            static totalRows: 'TotalRows';
+            static totalRowsIncludingDuplicates: 'TotalRowsIncludingDuplicates';
+            static queryRuleId: 'QueryRuleId';
+            static parentTableReference: 'ParentTableReference';
+            static isFirstPinnedBlock: 'IsFirstPinnedResultBlock';
+            static isFirstRankedBlock: 'IsFirstRankedResultBlock';
+        }
+
+        export class Ids
+        {
+            static group: '_group';
+            static groupTitle: '_groupTitle';
+            static groupLink: '_groupLink';
+            static groupContent: '_groupContent';
+            static item: '_item';
+            static body: '_itemBody';
+            static title: '_itemTitle';
+            static icon: '_itemIcon';
+            static titleLink: '_itemTitleLink';
+            static summary: '_itemSummary';
+            static path: '_itemPath';
+            static hover: '_hover';
+            static visualBestBet: '_visualBestBet';
+            static preview: '_itemPreview';
+            static deepLinks: '_deepLinks';
+            static members: '_members';
+            static replies: '_replies';
+            static discussions: '_discussions';
+            static likes: '_likes';
+            static postInfo: '_postInfo';
+        }
+
+        export class LoadScriptsState
+        {
+            scriptsToLoad: any;
+            progress: number;
+            timeoutHandle: any;
+        }
+
+        export enum LoadScriptsProgress
+        {
+            loading,
+            success,
+            failure
+        }
+    }
+
+    export class ScriptApplicationManager
+    {
+        static get_current(): ScriptApplicationManager;
+        static get_clientRuntimeContext(): SP.ClientRuntimeContext;
+        /** Returns server-relative link to _layouts/EditUserPref.aspx */
+        get_preferencesUrl(): string;
+        /** Returns server-relative link to _layouts/manageresulttypes.aspx */
+        get_resultTypesUrl(): string;
+        /** Returns server-relative link to _layouts/DesignDisplayTemplates.aspx */
+        get_displayTemplatesUrl(): string;
+        /** Returns server-relative link to _layouts/listqueryrules.aspx */
+        get_queryRulesUrl(): string;
+        /** Returns server-relative link to _layouts/manageresultsources.aspx */
+        get_resultSourcesUrl(): string;
+        /** Returns absolute URL of the current page (without ? and # parts) */
+        get_pagePath(): string;
+
+        /** Adds handler for the preload event */
+        add_preLoad(handlerFunction: Function): void;
+        /** Removes handler for the preload event */
+        remove_preLoad(handlerFunction: Function): void;
+        /** Raises the preload event */
+        raisePreLoadEvent(): void;
+
+        /** Adds handler for the load event */
+        add_load(handlerFunction: Function): void;
+        /** Removes handler for the load event */
+        remove_load(handlerFunction: Function): void;
+        /** Raises the load event */
+        raiseLoadEvent(): void;
+
+        /** Adds handler for the postload event */
+        add_postLoad(handlerFunction: Function): void;
+        /** Removes handler for the postload event */
+        remove_postLoad(handlerFunction: Function): void;
+        /** Raises the postload event */
+        raisePostLoadEvent(): void;
+
+        initialize(): void;
+        dispose(): void;
+
+        /** Registers DisplayControl, DataProvider or SearchBox in the system.
+         * After registration the controls will be correctly processed in the page search context.
+         */
+        registerClientControl(clientControl: DisplayControl | DataProvider | SearchBox): void;
+        
+        /** Puts specified hash-key address into the current page location.
+         * @param url The hash-key, e.g. '#k=test'
+         */
+        navigateTo(url: string): void;
+
+        /** Gets the current search session ID from the cookies (if session ID does not exist in the cookies yet - it will be added) */
+        get_searchSessionID(): void;
+    }
+
+    export class Res
+    {
+        static sb_ResultsPageTitle: string;
+        static sb_EmptyQueryWarning: string;
+        static sb_InvalidResultPageURL: string;
+        static sb_SitePrompt: string;
+        static sb_Prompt: string;
+        static sb_Prompt_NavNode: string;
+        static sb_GoSearch: string;
+        static sb_GoNav: string;
+        static sb_AdvancedLink: string;
+        static sb_PreferencesLink: string;
+        static sb_AccessKey: string;
+        static sb_SearchInProgress: string;
+        static qs_PersonalResultTitleSingular: string;
+        static qs_PersonalResultTitlePlural: string;
+        static qs_NameSuggestionsTitle: string;
+        static dp_ScriptLoadFailed: string;
+        static rf_EmptyRefinement: string;
+        static rf_RefinementTitle: string;
+        static rf_RefineBy: string;
+        static rf_All: string;
+        static rf_RefineByAuthorGoButton: string;
+        static rf_Apply: string;
+        static rf_AddProperty: string;
+        static rs_ResultsTitle: string;
+        static rs_MoveToPage: string;
+        static rs_MoveToPrevPage: string;
+        static rs_MoveToNextPage: string;
+        static rs_GroupMoreLink: string;
+        static rs_Hide_Results: string;
+        static qb_GetRecItems: string;
+        static qb_ScopeRecItems: string;
+        static qb_GetFillIn: string;
+        static qb_ShowRecsOnly: string;
+        static qb_FillInPopular: string;
+        static qb_FillInPopularScope: string;
+        static qb_FillInKeywords: string;
+        static qb_NoCollapseString: string;
+        static qb_ShowAllCollapseString: string;
+        static qb_ShowRefinersOnly: string;
+        static qb_RecsFromURLToken: string;
+        static qb_Remove: string;
+        static qb_FallbackResultTitle: string;
+        static rf_DefaultNumberLabels_min: string;
+        static rf_DefaultNumberLabels_max: string;
+        static rf_DefaultNumberLabels_range: string;
+        static rf_DefaultNumberLabels_value: string;
+        static rf_DefaultDateRangeLabels_min: string;
+        static rf_DefaultDateRangeLabels_max: string;
+        static rf_DefaultDateRangeLabels_range: string;
+        static rf_DefaultDateRangeLabels_value: string;
+        static rf_DefaultDateBoundaryLabels_0: string;
+        static rf_DefaultDateBoundaryLabels_1: string;
+        static rf_DefaultDateBoundaryLabels_2: string;
+        static rf_DefaultDateBoundaryLabels_3: string;
+        static rf_RangeBoundariesAnyValue: string;
+        static rf_RefinementTitle_Author: string;
+        static rf_RefinementTitle_AuthorOWSUSER: string;
+        static rf_RefinementTitle_Write: string;
+        static rf_RefinementTitle_LastModifiedTime: string;
+        static rf_RefinementTitle_owstaxidmetadataalltagsinfo: string;
+        static rf_RefinementTitle_owsmetadatafacetinfo: string;
+        static rf_RefinementTitle_languages: string;
+        static rf_RefinementTitle_ContentType: string;
+        static rf_RefinementTitle_Size: string;
+        static rf_RefinementTitle_UrlDepth: string;
+        static rf_RefinementTitle_People: string;
+        static rf_RefinementTitle_FileType: string;
+        static rf_RefinementTitle_FileExtension: string;
+        static rf_RefinementLabel_More: string;
+        static rf_ShowMoreResults_Tooltip: string;
+        static rf_RefinementLabel_Less: string;
+        static rf_RefinementLabel_EnterName: string;
+        static rf_RefinementTitle_CreatedBy: string;
+        static rf_RefinementTitle_from: string;
+        static rf_RefinementTitle_recipients: string;
+        static rf_RefinementTitle_subject: string;
+        static rf_RefinementTitle_Kind: string;
+        static rf_RefinementTitle_ContentClass: string;
+        static rf_RefinementTitle_WebTemplate: string;
+        static rf_RefinementTitle_participants: string;
+        static rf_RefinementTitle_AttachmentType: string;
+        static rf_RefinementTitle_BaseOfficeLocation: string;
+        static rf_RefinementTitle_companies: string;
+        static rf_RefinementTitle_ContentTypeId: string;
+        static rf_RefinementTitle_Created: string;
+        static rf_RefinementTitle_Department: string;
+        static rf_RefinementTitle_PeopleKeywords: string;
+        static rf_RefinementTitle_DisplayAuthor: string;
+        static rf_RefinementTitle_format: string;
+        static rf_RefinementTitle_ImageDateCreated: string;
+        static rf_RefinementTitle_JobTitle: string;
+        static rf_RefinementTitle_Location: string;
+        static rf_RefinementTitle_locations: string;
+        static rf_RefinementTitle_ManagedProperties: string;
+        static rf_RefinementTitle_MediaDuration: string;
+        static rf_RefinementTitle_PeopleInMedia: string;
+        static rf_RefinementTitle_personnames: string;
+        static rf_RefinementTitle_PictureHeight: string;
+        static rf_RefinementTitle_PictureWidth: string;
+        static rf_RefinementTitle_PostAuthor: string;
+        static rf_RefinementTitle_recommendedfor: string;
+        static rf_RefinementTitle_Responsibilities: string;
+        static rf_RefinementTitle_SharedWithInternal: string;
+        static rf_RefinementTitle_Site: string;
+        static rf_RefinementTitle_sitename: string;
+        static rf_RefinementTitle_Tags: string;
+        static rf_RefinementTitle_Title: string;
+        static rf_ResultTypeRefinerValue_MSAccess: string;
+        static rf_ResultTypeRefinerValue_AdobePDF: string;
+        static rf_ResultTypeRefinerValue_Assignment: string;
+        static rf_ResultTypeRefinerValue_Archive: string;
+        static rf_ResultTypeRefinerValue_Blog: string;
+        static rf_ResultTypeRefinerValue_Book: string;
+        static rf_ResultTypeRefinerValue_Community: string;
+        static rf_ResultTypeRefinerValue_Course: string;
+        static rf_ResultTypeRefinerValue_Discussion: string;
+        static rf_ResultTypeRefinerValue_Email: string;
+        static rf_ResultTypeRefinerValue_MSExcel: string;
+        static rf_ResultTypeRefinerValue_Image: string;
+        static rf_ResultTypeRefinerValue_Lesson: string;
+        static rf_ResultTypeRefinerValue_LotusNotes: string;
+        static rf_ResultTypeRefinerValue_NewsfeedPost: string;
+        static rf_ResultTypeRefinerValue_MSOneNote: string;
+        static rf_ResultTypeRefinerValue_MSPowerPoint: string;
+        static rf_ResultTypeRefinerValue_MSProject: string;
+        static rf_ResultTypeRefinerValue_MSPublisher: string;
+        static rf_ResultTypeRefinerValue_SharePointSite: string;
+        static rf_ResultTypeRefinerValue_Task: string;
+        static rf_ResultTypeRefinerValue_TeamSite: string;
+        static rf_ResultTypeRefinerValue_Text: string;
+        static rf_ResultTypeRefinerValue_Video: string;
+        static rf_ResultTypeRefinerValue_Visio: string;
+        static rf_ResultTypeRefinerValue_Wiki: string;
+        static rf_ResultTypeRefinerValue_Webpage: string;
+        static rf_ResultTypeRefinerValue_MSWord: string;
+        static rf_ResultTypeRefinerValue_XML: string;
+        static rf_OtherValue: string;
+        static rf_ClearAll: string;
+        static cc_err_WebPartErrorMessageDisplayHeader: string;
+        static cc_err_DataErrorMessageDisplayHeader: string;
+        static cc_err_RenderingErrorMessageDisplayHeader: string;
+        static cc_err_TemplateNotFoundMessage: string;
+        static cc_err_HiddenWithNoResultsWarningMessage: string;
+        static cc_err_ShowMessageDetails: string;
+        static cc_err_HideMessageDetails: string;
+        static cc_err_CorrelationIdMessage: string;
+        static cc_err_CustomLocStringWarningDisplayHeaderFormat: string;
+        static cc_err_NoCustomLoadedLocStringWarningDisplayHeaderFormat: string;
+        static cc_err_MalformedHeader: string;
+        static cc_err_QueryThrottledDetailsHeader: string;
+        static cc_ValueRenderer_FileSizeKilobyte: string;
+        static cc_ValueRenderer_FileSizeMegabyte: string;
+        static cc_ValueRenderer_FileSizeGigabyte: string;
+        static cc_ValueRenderer_BooleanYes: string;
+        static cc_ValueRenderer_BooleanNo: string;
+        static qb_SortTab_ThenBy: string;
+        static qb_SortTab_ChangeRankingWhen: string;
+        static qb_SortTab_OrWhen: string;
+        static qb_TestQueryTab_ShowAdvanced: string;
+        static qb_TestQueryTab_HideAdvanced: string;
+        static recs_ControlTitle: string;
+        static recs_ShowDetails: string;
+        static recs_SaveLink: string;
+        static recs_Open: string;
+        static recs_Recommended: string;
+        static recs_Fillin: string;
+        static recs_LastEditedBy: string;
+        static recs_Location: string;
+        static recs_AltIcon: string;
+        static pkr_CatalogPickerMoreLink: string;
+        static pkr_CatalogPickerMoreLinkToolTip: string;
+        static pkr_CatalogPickerSelectLinkToolTip: string;
+        static item_CopyLink: string;
+        static item_Tooltip_CopyLink: string;
+        static item_Alt_Preview: string;
+        static hp_Tooltip_Close: string;
+        static hp_Size: string;
+        static hp_Views_Singular: string;
+        static hp_Views_Plural: string;
+        static hp_ViewsLifeTime: string;
+        static hp_Popularity: string;
+        static hp_PopularityLifeTimePlural: string;
+        static hp_PopularityLifeTimePluralAndRecentPlural: string;
+        static hp_PopularityLifeTimeSingular: string;
+        static hp_PopularityLifeTimeSingularAndRecentSingular: string;
+        static hp_PopularityLifeTimePluralAndRecentSingular: string;
+        static hp_Tooltip_ViewsLifeTime: string;
+        static hp_Tooltip_ViewsRecent: string;
+        static hp_ChangedByAuthorDate: string;
+        static hp_Tooltip_Views: string;
+        static hp_LastModified: string;
+        static hp_Tooltip_LastModified: string;
+        static hp_RecentlyEdited: string;
+        static hp_Tooltip_Contributors: string;
+        static hp_Authors2: string;
+        static hp_Authors3: string;
+        static hp_Authors4: string;
+        static hp_Authors5Singular: string;
+        static hp_Authors5Plural: string;
+        static hp_RecentlyEdited_eDiscovery: string;
+        static hp_Tooltip_RecentlyEdited_More: string;
+        static hp_RecentlyEdited_More: string;
+        static hp_ViewDuplicates: string;
+        static hp_Tooltip_ViewDuplicates: string;
+        static hp_ViewLibrary: string;
+        static hp_Tooltip_ViewLibrary: string;
+        static hp_Send_Title: string;
+        static hp_Send_Open: string;
+        static hp_Send_OpenInClient: string;
+        static hp_Send_OpenInWeb: string;
+        static hp_Send_ViewRelated: string;
+        static hp_Send: string;
+        static hp_Tooltip_Send: string;
+        static hp_OpenInClient: string;
+        static hp_Edit: string;
+        static hp_Follow: string;
+        static hp_NoData: string;
+        static hp_Tooltip_OpenInClient: string;
+        static hp_Alt_ImagePreview: string;
+        static hp_PictureDimensions: string;
+        static hp_PictureHeightWidth: string;
+        static hp_DateTaken: string;
+        static hp_SectionHeadings: string;
+        static hp_Alt_SiteLogo: string;
+        static hp_SiteDescription: string;
+        static hp_Open: string;
+        static hp_Tooltip_Open: string;
+        static hp_Tooltip_Follow: string;
+        static hp_Tooltip_StopFollowing: string;
+        static tprprt_Recent: string;
+        static tprprt_Lifetime: string;
+        static tprprt_excel_report_entrypoint: string;
+        static qb_token_Equals: string;
+        static qb_token_NotEquals: string;
+        static qb_token_GreaterThan: string;
+        static qb_token_LessThan: string;
+        static qb_token_Contains: string;
+        static qb_token_NotContains: string;
+        static qb_token_ContainsStartsWith: string;
+        static qb_token_StartsWith: string;
+        static qb_token_NotStartsWith: string;
+        static qb_token_SiteColletion: string;
+        static qb_token_Site: string;
+        static qb_token_Page: string;
+        static qb_token_Topic: string;
+        static qb_token_TopicIdWithChildren: string;
+        static qb_token_UserName: string;
+        static qb_token_PreferredContentLanguage: string;
+        static qb_token_Date: string;
+        static qb_token_SearchBoxQuery: string;
+        static qb_token_SearchTerms: string;
+        static qb_token_QueryString: string;
+        static qb_token_URLToken: string;
+        static qb_token_PageField: string;
+        static qb_token_SiteLocale: string;
+        static qb_token_DisplayLanguage: string;
+        static qb_token_OnlySites: string;
+        static qb_token_OnlyLists: string;
+        static qb_token_OnlyListItems: string;
+        static qb_path_SiteCollection: string;
+        static qb_path_Site: string;
+        static qb_path_Page: string;
+        static qb_path_List: string;
+        static qb_path_Catalog: string;
+        static qb_path_QueryString: string;
+        static qb_path_URL_token: string;
+        static qb_path_URL: string;
+        static qb_path_None: string;
+        static qb_ContentType_Article: string;
+        static qb_ContentType_Audio: string;
+        static qb_ContentType_DocSet: string;
+        static qb_ContentType_Page: string;
+        static qb_ContentType_Picture: string;
+        static qb_ContentType_Report: string;
+        static qb_ContentType_Task: string;
+        static qb_ContentType_Video: string;
+        static qb_ContentType_WikiPage: string;
+        static qb_PathControl_ChooseQueryString: string;
+        static qb_PathControl_ChooseURL: string;
+        static qb_PathControl_ChooseTag: string;
+        static qb_PathControl_ChooseTag_None: string;
+        static qb_PathControl_ChooseTag_ThisTag: string;
+        static qb_PathControl_ChooseTag_Topic: string;
+        static qb_PathControl_ChooseTag_SubTopic: string;
+        static qb_UserQuery_TypeQuery: string;
+        static qb_UserQuery_Properties: string;
+        static qb_UserQuery_AddToken: string;
+        static qb_UserQuery_ChooseContentType: string;
+        static qb_UserQuery_AddAdditionalFilter: string;
+        static qb_UserQuery_ChooseSort: string;
+        static qb_UserQuery_PickCatalog2: string;
+        static qb_UserQuery_ConfigureCatalog: string;
+        static qb_UserQuery_ManualValue: string;
+        static qb_UserQuery_SelectProperty: string;
+        static qb_UserQuery_SelectValue: string;
+        static qb_UserQuery_ShowAllProperties: string;
+        static qb_QueryType_UserQuery: string;
+        static qb_QueryType_Latest: string;
+        static qb_QueryType_ContentType: string;
+        static qb_QueryType_RecommendedItems: string;
+        static qb_QueryType_Popular: string;
+        static qb_QueryType_Video: string;
+        static qb_QueryType_Catalog: string;
+        static qb_Error_SourceIdInvalid: string;
+        static qb_Tab_FilterBy: string;
+        static qb_Tab_QueryHelper: string;
+        static qb_Tab_SortBy: string;
+        static qb_Tab_TestQuery: string;
+        static qb_Tab_Settings: string;
+        static qb_NotApplicable: string;
+        static qb_ComplexObject: string;
+        static qb_PreviewResult_NoTemplateVariables: string;
+        static qb_PreviewResult_CouldNotResolveTemplateVariables: string;
+        static qb_PreviewResult_ErrorExpandTokens: string;
+        static qb_PreviewResult_EmptyQuery: string;
+        static searchResult_NoResult: string;
+        static qb_CatalogPicker_Title: string;
+        static qb_UseDefinedSort: string;
+        static hp_Duration: string;
+        static hp_PeopleInVideo: string;
+        static hp_PostedBy: string;
+        static hp_VideoDescription: string;
+        static hp_GoToVideoPage: string;
+        static item_Community_Member: string;
+        static item_Community_Members: string;
+        static item_Community_MemberLabel: string;
+        static item_Community_MembersLabel: string;
+        static item_Reply: string;
+        static item_Replies: string;
+        static item_ReplyLabel: string;
+        static item_RepliesLabel: string;
+        static item_NoReplies: string;
+        static item_Like: string;
+        static item_Likes: string;
+        static item_NoLikes: string;
+        static item_RepliesAndLikes: string;
+        static item_MoreThan: string;
+        static item_DefaultTitle: string;
+        static item_BestReply: string;
+        static item_postDate: string;
+        static item_postAuthor: string;
+        static item_postAuthorDate: string;
+        static item_replyDate: string;
+        static item_replyAuthor: string;
+        static item_replyAuthorDate: string;
+        static item_Community_Discussion: string;
+        static item_Community_Discussions: string;
+        static item_Community_DiscussionLabel: string;
+        static item_Community_DiscussionsLabel: string;
+        static hp_Discussion: string;
+        static hp_DiscussionCategory: string;
+        static hp_Reply: string;
+        static hp_ReplyCategory: string;
+        static hp_PopularDiscussions: string;
+        static hp_OriginalPost: string;
+        static hp_RecentReplies: string;
+        static hp_ViewDiscussion: string;
+        static hp_ViewConversation: string;
+        static hp_Community: string;
+        static hp_VisitCommunity: string;
+        static hp_MicroBlog: string;
+        static item_MicroBlog_Reply: string;
+        static item_MicroBlog_Replies: string;
+        static item_MicroBlog_Like: string;
+        static item_MicroBlog_Likes: string;
+        static item_MicroBlog_NoReplies: string;
+        static item_MicroBlog_SeeFullConversation: string;
+        static item_MicroBlog_RootPostTitle: string;
+        static item_People_Responsibilities: string;
+        static item_People_Skills: string;
+        static item_People_PastProjects: string;
+        static item_People_Interests: string;
+        static item_People_Schools: string;
+        static item_People_Memberships: string;
+        static item_People_EditProfileLink: string;
+        static item_People_SelfSearchFrequency: string;
+        static item_People_SelfSearchFrequency_ViewsMonths_Singular: string;
+        static item_People_SelfSearchFrequency_ViewsMonths_Plural: string;
+        static item_People_SelfSearchFrequency_ViewsWeeks_Singular: string;
+        static item_People_SelfSearchFrequency_ViewsWeeks_Plural: string;
+        static item_People_SelfSearchKeywords: string;
+        static item_People_LastModified: string;
+        static item_People_NoPresenceAvailable: string;
+        static hp_PeopleItem_Skills: string;
+        static hp_PeopleItem_PastProjects: string;
+        static hp_PeopleItem_Interests: string;
+        static hp_PeopleItem_Schools: string;
+        static hp_PeopleItem_Summary: string;
+        static hp_PeopleItem_Memberships: string;
+        static hp_PeopleItem_Authorship: string;
+        static hp_PeopleItem_RelatedThrough: string;
+        static hp_PeopleItem_MoreItems: string;
+        static hp_PeopleItem_Related: string;
+        static hp_PeopleItem_NoInformationAvailable: string;
+        static hp_PeopleItem_ViewProfile: string;
+        static hp_WebPageItem_Results: string;
+        static hp_WebPageItem_MoreResults_Label: string;
+        static rs_Preferences: string;
+        static rs_Advanced: string;
+        static rs_NoResult: string;
+        static rs_SingleResultCount: string;
+        static rs_ResultCount: string;
+        static rs_ApproximateResultCount: string;
+        static rs_EdiscoveryTopResultCount: string;
+        static rs_UpscopeTitle: string;
+        static rs_Upscope: string;
+        static rs_DidYouMean: string;
+        static rs_Edit_ResultSourcesTitle: string;
+        static rs_Edit_ResultTypesTitle: string;
+        static rs_Edit_QueryRulesTitle: string;
+        static rs_Edit_ResultSourcesDescription: string;
+        static rs_Edit_ResultSources: string;
+        static rs_Edit_ResultTypesDescription: string;
+        static rs_Edit_ResultType: string;
+        static rs_Edit_DisplayTemplate: string;
+        static rs_Edit_QueryRulesDescription: string;
+        static rs_Edit_QueryRules: string;
+        static rs_Edit_PromotedTitle: string;
+        static rs_Edit_RankedTitle: string;
+        static rs_Edit_PromotedDescription: string;
+        static rs_Edit_RankedDescription: string;
+        static rs_Edit_ConfigureSearchResults: string;
+        static rs_Edit_ConfigureSearchResults_Link: string;
+        static rs_NoResultsTitle: string;
+        static rs_NoResultsMessageWhenSearchSkipped: string;
+        static rs_NoResultsSuggestions: string;
+        static rs_NoResultsSpelling: string;
+        static rs_NoResultsDifferentTerms: string;
+        static rs_NoResultsGeneralTerms: string;
+        static rs_NoResultsFewerTerms: string;
+        static rs_NoResultsRefiners: string;
+        static rs_NoResultsTips: string;
+        static rs_NoResultsTips_Link: string;
+        static us_NoTerm_Error: string;
+        static u_ScriptLoadFail: string;
+        static u_ScriptLoadFailForViewer: string;
+        static item_NoImageMessage: string;
+        static control_NoResultsDisplayMode: string;
+        static control_NoResultsEditMode: string;
+        static file_CSS: string;
+        static file_Help: string;
+        static file_Installer: string;
+        static file_JavaScript: string;
+        static file_Log: string;
+        static file_Mail: string;
+        static file_Access: string;
+        static file_Excel: string;
+        static file_InfoPath: string;
+        static file_OneNote: string;
+        static file_PowerPoint: string;
+        static file_Project: string;
+        static file_Publisher: string;
+        static file_SPDesigner: string;
+        static file_Visio: string;
+        static file_Word: string;
+        static file_XPS: string;
+        static file_Audio: string;
+        static file_RTF: string;
+        static file_Text: string;
+        static file_WebPage: string;
+        static file_XML: string;
+        static file_XSL: string;
+        static file_Zip: string;
+        static ct_Folder: string;
+        static ct_Image: string;
+        static file_Document: string;
+        static cc_sts_list_announcements: string;
+        static cc_sts_list_events: string;
+        static cc_sts_list_contacts: string;
+        static cc_sts_list_discussionboard: string;
+        static cc_sts_list_documentlibrary: string;
+        static cc_sts_listitem_documentlibrary: string;
+        static cc_sts_list_links: string;
+        static cc_sts_list: string;
+        static cc_sts_listitem: string;
+        static cc_sts_list_picturelibrary: string;
+        static cc_sts_listitem_picturelibrary: string;
+        static cc_sts_web: string;
+        static cc_sts_site: string;
+        static cc_sts_list_survey: string;
+        static cc_sts_list_tasks: string;
+        static cc_sts_list_xmlform: string;
+        static rs_SortDescription: string;
+        static rs_SocialDistanceSort: string;
+        static rs_LanguageDescription: string;
+        static rs_LanguagePreferences: string;
+        static rs_PreferredSearchLanguage: string;
+        static rs_MoreLanguages: string;
+        static rs_SearchScope: string;
+        static rs_SearchScopeTooltip: string;
+        static rs_SelectPreferredSearchLanguage: string;
+        static rs_SelectPreferredSearchLanguage_Language: string;
+        static edu_BookAuthor: string;
+        static edu_BookCategory: string;
+        static edu_BookRights: string;
+        static edu_BookReleaseDate: string;
+        static edu_BookHomePageLink: string;
+        static edu_Class: string;
+        static edu_AssignmentCategory: string;
+        static edu_AssignmentFormat: string;
+        static edu_AssignmentFormatNone: string;
+        static edu_AssignmentFormatOnlineFile: string;
+        static edu_AssignmentFormatOnlineQuiz: string;
+        static edu_AssignmentFormatInClass: string;
+        static edu_AssignmentFormatUnknown: string;
+        static edu_AssignmentMaxPoints: string;
+        static edu_DueDate: string;
+        static edu_ReadPermission: string;
+        static edu_PrintPermission: string;
+        static edu_WritePermission: string;
+        static edu_EnableScriptPermission: string;
+        static edu_AssignmentLabel: string;
+        static edu_LessonLabel: string;
+        static edu_BookLabel: string;
+        static rf_RefinementTitle_DMSDocAuthor: string;
+        static rf_RefinementTitle_DMSCategory: string;
+        static rf_RefinementTitle_EDiscSpecifyProperty: string;
+        static refconf_NoSampleValues: string;
+        static refconf_SortBy_Name: string;
+        static refconf_SortBy_Number: string;
+        static refconf_SortBy_Count: string;
+        static refconf_SortDirection_Ascending: string;
+        static refconf_SortDirection_Descending: string;
+        static refconf_Error_FailedToRestoreConfiguration: string;
+        static refconf_Section_SuggestedRefiners: string;
+        static refconf_Section_OtherRefiners: string;
+        static refconf_Section_Separator: string;
+        static refconf_SampleValuesDialog_Title: string;
+        static refconf_ResultsWithValues: string;
+        static refconf_TotalResults: string;
+        static refconf_FNT_ConfigurationLoadFailure: string;
+        static refconf_FNT_ConfigurationLoadWarning: string;
+        static refconf_FNT_ConfigurationLoadWarningNullResponse: string;
+        static refconf_FNT_InheritModeTermInfoSingularFormatString: string;
+        static refconf_FNT_DCR_InheritModeAnotherTermset: string;
+        static refconf_FNT_DCR_CustomRefiners: string;
+        static refconf_FNT_DCR_DescendantInfo_ChildTermsTotal: string;
+        static refconf_FNT_DCR_DescendantInfo_ChildTermsNotInheriting: string;
+        static refconf_FNT_DCR_DescendantInfo_ChildTermsStoppingInheriting: string;
+        static refconf_FNT_DCR_DescendantInfo_ChildTermsStoppingInheritingLinkAnchor: string;
+        static refconf_FNT_DCR_StopInheritingPopupTitle: string;
+        static refconf_FNT_DCR_InheritPopupTitle: string;
+        static refconf_FNT_DCR_RefinementConfigurationDialogTitle: string;
+        static refconf_FNT_DCR_LoadingConfiguration: string;
+        static refconf_FNT_DCR_DescendantStoppingInheritancePopupTitle: string;
+        static refconf_FNT_DCR_UseManualIntervals: string;
+        static refconf_FNT_DCR_RefinementPreviewPopupTitle: string;
+        static refconf_FNT_DCR_PropertiesForFriendly: string;
+        static refconf_FNT_DCR_PropertiesFor: string;
+        static refconf_FNT_DCR_TotalResultsTooltip: string;
+        static refconf_FNT_DCR_GeneratingPreview: string;
+        static refconf_DCR_Yes: string;
+        static refconf_DCR_No: string;
+        static refconf_DCR_FacetedNavigationProgressTitle: string;
+        static refconf_DCR_RefinementConfigurationDialogProgressTitle: string;
+        static refconf_DCR_RefinementConfigurationDialogManagedPropertyTooltip: string;
+        static refconf_DCR_RefinementConfigurationDialogManagedPropertyTooltipNoAliases: string;
+        static refconf_DCR_RefinementConfigurationDialogManagedPropertyTooltipSeparator: string;
+        static refconf_DCR_RefinementConfigurationDialog_TooManyRefiners_Warning: string;
+        static refconf_DCR_RefinementConfigurationDialog_TooManyRefiners_Error: string;
+        static refconf_DCR_RefinementConfigurationDialog_NoSuggestedRefiners_Warning: string;
+        static refconf_DCR_RefinementConfigurationDialog_InvalidSelectedRefiner_Warning: string;
+        static edisc_MultiValueFormat: string;
+        static edisc_NoSubject: string;
+        static edisc_ControlPagingFormat: string;
+        static hp_Summary: string;
+        static rf_DefaultMinutesLabels_min: string;
+        static rf_DefaultMinutesLabels_max: string;
+        static rf_DefaultMinutesLabels_range: string;
+        static rf_DefaultMinutesLabels_value: string;
+        static hp_NowDateTime_Today: string;
+        static hp_NowDateTime_Yesterday: string;
+        static hp_NowDateTime_MonthAgo: string;
+        static hp_NowDateTime_YearAgo: string;
+        static hp_NowDateTime_DaysAgo: string;
+        static hp_NowDateTime_MonthsAgo: string;
+        static hp_NowDateTime_YearsAgo: string;
+        static rs_UpScopeActionPhrase: string;
+        static control_Content_NoResultsDisplayMode: string;
+        static control_RollupPage_NoResultsDisplayMode: string;
+        static control_Content_NoResultsEditMode: string;
+        static item_Diagnostic_PictureSlot: string;
+        static item_Diagnostic_PathSlot: string;
+        static item_Diagnostic_Preview: string;
+        static item_Diagnostic_Value: string;
+        static item_Diagnostic_MappedManagedProperty: string;
+        static item_Diagnostic_PropertyMappings: string;
+        static item_Diagnostic_SlotNameFormat: string;
+        static item_Diagnostic_ItemTitleFormat: string;
+        static hp_Preview_LoadingImgAlt: string;
+        static rf_EDiscExTypeRefinerValue_Email: string;
+        static rf_EDiscExTypeRefinerValue_Contacts: string;
+        static rf_EDiscExTypeRefinerValue_Meetings: string;
+        static rf_EDiscExTypeRefinerValue_Tasks: string;
+        static rf_EDiscExTypeRefinerValue_Notes: string;
+        static rf_EDiscExTypeRefinerValue_Documents: string;
+        static rf_EDiscExTypeRefinerValue_Journal: string;
+        static rf_EDiscExTypeRefinerValue_IM: string;
+        static control_EDisc_Subject: string;
+        static control_EDisc_Recipients: string;
+        static control_EDisc_Sender: string;
+        static control_EDisc_DateSent: string;
+        static control_EDisc_Title: string;
+        static control_EDisc_Author: string;
+        static control_EDisc_DateModified: string;
+        static hp_EDisc_Cc: string;
+        static hp_EDisc_Bcc: string;
+        static item_Content_GenericNoImageSymbol: string;
+        static hp_EDisc_From: string;
+        static hp_EDisc_To: string;
+        static hp_EDisc_AttachmentsTooltip: string;
+        static control_EDisc_DateSentTooltip: string;
+        static rs_AlertMe: string;
+        static item_Generic_OpenCalloutTooltip: string;
+        static item_CommunityPortal_DetailsIntervals: string;
+        static item_CommunityPortal_DetailsMembers: string;
+        static item_CommunityPortal_DetailsDiscussions: string;
+        static item_CommunityPortal_DetailsReplies: string;
+        static item_CommunityPortal_Date: string;
+        static item_CommunityPortal_MoreDetails: string;
+        static ar_htv_Follow: string;
+        static ar_htv_StartFollowing: string;
+        static ar_htv_StopFollowing: string;
+        static ar_rec_NoResults: string;
+        static ar_Explanation: string;
+        static ar_htv_IsFollowed: string;
+        static ar_htv_IsNotFollowed: string;
+        static hp_Post: string;
+        static hp_Tooltip_Post: string;
+        static rs_PartialResultWarning_Line1: string;
+        static rs_PartialResultWarning_Line2: string;
+        static rs_HasParseExceptionWarning_Line1: string;
+        static rs_HasParseExceptionWarning_Line2: string;        
+    }
+
+}
+
+/** Returns true if the value parameter is null or empty string */
+declare function $isEmptyString(value: string): boolean;
+/** Returns true if the value parameter is null or undefined */
+declare function $isNull(value: any): boolean;
+/** Returns true if the specified item is found in the specified array (uses '===' for comparing) */
+declare function $isInArray(array: any[], item: any): boolean;
+/** Returns true if the specified array is null or empty */
+declare function $isEmptyArray(array: any[]): boolean;
+/** (alias for SP.Utilities.HttpUtility.htmlEncode) */
+declare function $htmlEncode(s: string): string;
+/** (alias for SP.Utilities.HttpUtility.ecmaScriptStringLiteralEncode) */
+declare function $scriptEncode(s: string): string;
+/** (alias for SP.Utilities.HttpUtility.urlKeyValueEncode) */
+declare function $urlKeyValueEncode(s: string): string;
+/** (alias for SP.Utilities.HttpUtility.urlPathEncode) */
+declare function $urlPathEncode(s: string): string;
+/** Ensures that url has correct protocol or is a relative URL, and html-encodes it.
+ * If URL is incorrect, returns empty string. */
+declare function $urlHtmlEncode(s: string): string;
+
+declare function $imgSrcUrl(p: any): string;
+declare function $contentLineText(p: any): any;
+
+/** Returns the ClientControl associated with specified DOM element (alias for Srch.U.getClientComponent) */
+declare function $getClientControl(e: Element): Srch.ClientControl;
+
+/** (alias for Srch.U.getResultObject) */
+declare function $getResultItem(id: string): any;
+/** (alias for Srch.U.setResultObject) */
+declare function $setResultItem(id: string, resultObject: any): void;
+/** (alias for Srch.U.getResultObject) */
+declare function $getResultObject(id: string): any;
+/** (alias for Srch.U.setResultObject) */
+declare function $setResultObject(id: string, resultObject: any): void;
+/** (alias for Srch.U.findResultObjectFromDOM) */
+declare function $findResultObjectFromDOM(e: Element, type: string): void;
+
+declare function $getItemValue(ctx: any, nameToLookup: string): any;
+declare function $getCachedItemValue(ctx: any, nameToLookup: string): any;
+
+declare function $includeScript(templateLink: string, relativeLink: string): void;
+declare function $includeCSS(templateLink: string, scriptLink: string): void;
+declare function $includeLanguageScript(templateLink: string, scriptLink: string): any;
+/** Registers in system resources defined by the dictionary object (alias for Srch.U.registerResourceDictionary) */
+declare function $registerResourceDictionary(locale:string, dict: {[key: string]: string}): void;
+/** Retrieves localized string with the specified id */
+declare function $resource(id: string): string;
+/** (calls Srch.U.setItemRenderWrapper) */
+declare function $setItemWrapperCallback(renderCtx: any, itemWrapperFunction: any): void;
+/** (calls Srch.U.addRenderContextCallback) */
+declare function $addRenderContextCallback(renderCtx: any, itemWrapperFunction: any): void;
+

From e581a26a5fea97ea46aa3124bc1455fc7e59f783 Mon Sep 17 00:00:00 2001
From: Tyler <supersnapple@gmail.com>
Date: Mon, 3 Oct 2016 14:46:59 -0500
Subject: [PATCH 158/382] Adding union type for offset (#11689)

---
 bootstrap-notify/bootstrap-notify.d.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/bootstrap-notify/bootstrap-notify.d.ts b/bootstrap-notify/bootstrap-notify.d.ts
index acdb83b9fd..77d249694e 100644
--- a/bootstrap-notify/bootstrap-notify.d.ts
+++ b/bootstrap-notify/bootstrap-notify.d.ts
@@ -36,7 +36,10 @@ interface NotifySettings {
 		from?: string;
 		align?: string;
 	};
-	offset?: number;
+	offset?: number | {
+		x?: number;
+		y?: number;
+	};
 	spacing?: number;
 	z_index?: number;
 	delay?: number;
@@ -59,4 +62,4 @@ interface NotifyReturn {
 	$ele: JQueryStatic;
 	close: () => void;
 	update: (command: string, update: any) => void;
-}
\ No newline at end of file
+}

From 3ced2ed66cbbbadf509f6bbc62db314421aa0611 Mon Sep 17 00:00:00 2001
From: Endel Dreyer <endel.dreyer@gmail.com>
Date: Mon, 3 Oct 2016 21:48:26 +0200
Subject: [PATCH 159/382] add type definitions for msgpack-lite package.
 (#11690)

---
 msgpack-lite/msgpack-lite-tests.ts |  5 +++
 msgpack-lite/msgpack-lite.d.ts     | 67 ++++++++++++++++++++++++++++++
 2 files changed, 72 insertions(+)
 create mode 100644 msgpack-lite/msgpack-lite-tests.ts
 create mode 100644 msgpack-lite/msgpack-lite.d.ts

diff --git a/msgpack-lite/msgpack-lite-tests.ts b/msgpack-lite/msgpack-lite-tests.ts
new file mode 100644
index 0000000000..deb6c0a7bc
--- /dev/null
+++ b/msgpack-lite/msgpack-lite-tests.ts
@@ -0,0 +1,5 @@
+/// <reference path="msgpack-lite.d.ts" />
+import * as msgpack from "msgpack-lite";
+
+var encoded = msgpack.encode("");
+msgpack.decode(encoded);
diff --git a/msgpack-lite/msgpack-lite.d.ts b/msgpack-lite/msgpack-lite.d.ts
new file mode 100644
index 0000000000..bd3ab0c1aa
--- /dev/null
+++ b/msgpack-lite/msgpack-lite.d.ts
@@ -0,0 +1,67 @@
+// Type definitions for msgpack-lite 0.1.20
+// Project: https://github.com/kawanet/msgpack-lite
+// Definitions by: Endel Dreyer <https://github.com/endel/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts" />
+declare module "msgpack-lite" {
+  import { Transform } from "stream";
+
+  namespace MsgpackLite {
+    interface BufferOptions { codec: any; }
+
+    interface Encoder {
+      bufferish: any;
+      maxBufferSize: number;
+      minBufferSize: number;
+      offset: number;
+      start: number;
+      write: (chunk: any) => void;
+      fetch: () => void;
+      flush: () => void;
+      push: (chunk: any) => void;
+      pull: () => number;
+      read: () => number;
+      reserve: (length: number) => number;
+      send: (buffer: Buffer) => void;
+      encode: (chunk: any) => void;
+      end: (chunk: any) => void;
+    }
+
+    interface Decoder {
+      bufferish: any;
+      offset: number;
+      fetch: () => void;
+      flush: () => void;
+      pull: () => number;
+      read: () => number;
+      write: (chunk: any) => void;
+      reserve: (length: number) => number;
+      decode: (chunk: any) => void;
+      push: (chunk: any) => void;
+      end: (chunk: any) => void;
+    }
+
+    interface EncodeStream extends Transform {
+      encoder: Encoder;
+    }
+    interface DecodeStream extends Transform {
+      decoder: Decoder;
+    }
+
+    interface Codec {
+      new (options?: any): Codec;
+      options: any;
+      init (): void;
+    }
+
+    export function encode(input: any, options?: BufferOptions): any;
+    export function decode(input: Buffer | Uint8Array | Array<number>, options?: BufferOptions): any;
+    export function createEncodeStream (): EncodeStream;
+    export function createDecodeStream (): DecodeStream;
+    export function createCodec (options?: any): Codec;
+    export function codec (): { preset: Codec };
+  }
+
+  export = MsgpackLite;
+}

From a2c0d1ebc6ebc284367eedfe0dff3467b1dfc95e Mon Sep 17 00:00:00 2001
From: webbiesdk <erik@webbies.dk>
Date: Mon, 3 Oct 2016 22:18:00 +0200
Subject: [PATCH 160/382] Updating jasmine to version 2.5 (#11688)

* Updating jasmine to version 2.5

* Fixing 2 small errors in the update of jasmine

* withMock now takes a  "() => void"

* fixed the withMock syntax error

* number added as type to seed function
---
 jasmine/jasmine.d.ts | 43 ++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 38 insertions(+), 5 deletions(-)

diff --git a/jasmine/jasmine.d.ts b/jasmine/jasmine.d.ts
index 4eb2a054a1..c4151995a7 100644
--- a/jasmine/jasmine.d.ts
+++ b/jasmine/jasmine.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Jasmine 2.4.1
+// Type definitions for Jasmine 2.5
 // Project: http://jasmine.github.io/
 // Definitions by: Boris Yankov <https://github.com/borisyankov/>, Theodore Brown <https://github.com/theodorejb>, David Pärsson <https://github.com/davidparsson/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -65,6 +65,7 @@ declare namespace jasmine {
     function addMatchers(matchers: CustomMatcherFactories): void;
     function stringMatching(str: string): Any;
     function stringMatching(str: RegExp): Any;
+    function formatErrorMsg(domain: string, usage: string) : (msg: string) => string
 
     interface Any {
 
@@ -115,6 +116,7 @@ declare namespace jasmine {
         /** Calls to any registered callback are triggered when the clock is ticked forward via the jasmine.clock().tick function, which takes a number of milliseconds. */
         tick(ms: number): void;
         mockDate(date?: Date): void;
+        withMock(func: () => void): void;
     }
 
     interface CustomEqualityTester {
@@ -180,9 +182,12 @@ declare namespace jasmine {
         addMatchers(matchers: CustomMatcherFactories): void;
         specFilter(spec: Spec): boolean;
         throwOnExpectationFailure(value: boolean): void;
-        seed: (s: number) => number;
-        randomTests: () => boolean;
-        randomizeTests: (b: boolean) => void;
+        seed(seed: string | number): string | number;
+        provideFallbackReporter(reporter: Reporter): void;
+        throwingExpectationFailures(): boolean;
+        allowRespy(allow: boolean): void;
+        randomTests(): boolean;
+        randomizeTests(b: boolean): void;
     }
 
     interface FakeTimer {
@@ -237,6 +242,26 @@ declare namespace jasmine {
         trace: Trace;
     }
 
+    interface Order {
+        new (options: {random: boolean, seed: string}): any;
+        random: boolean;
+        seed: string;
+        sort<T>(items: T[]) : T[];
+    }
+
+    namespace errors {
+        class ExpectationFailed extends Error {
+            constructor();
+            stack: any;
+        }
+    }
+
+    interface TreeProcessor {
+        new (attrs: any): any;
+        execute: (done: Function) => void;
+        processTree() : any;
+    }
+
     interface Trace {
         name: string;
         message: string;
@@ -304,7 +329,9 @@ declare namespace jasmine {
         toHaveBeenCalledTimes(expected: number): boolean;
         toContain(expected: any, expectationFailOutput?: any): boolean;
         toBeLessThan(expected: number, expectationFailOutput?: any): boolean;
+        toBeLessThanOrEqual(expected: number, expectationFailOutput?: any): boolean;
         toBeGreaterThan(expected: number, expectationFailOutput?: any): boolean;
+        toBeGreaterThanOrEqual(expected: number, expectationFailOutput?: any): boolean;
         toBeCloseTo(expected: number, precision?: any, expectationFailOutput?: any): boolean;
         toThrow(expected?: any): boolean;
         toThrowError(message?: string | RegExp): boolean;
@@ -374,6 +401,7 @@ declare namespace jasmine {
         runs(func: SpecFunction): Spec;
         addToQueue(block: Block): void;
         addMatcherResult(result: Result): void;
+        getResult(): any;
         expect(actual: any): any;
         waits(timeout: number): Spec;
         waitsFor(latchFunction: SpecFunction, timeoutMessage?: string, timeout?: number): Spec;
@@ -383,11 +411,12 @@ declare namespace jasmine {
         finishCallback(): void;
         finish(onComplete?: () => void): void;
         after(doAfter: SpecFunction): void;
-        execute(onComplete?: () => void): any;
+        execute(onComplete?: () => void, enabled?: boolean): any;
         addBeforesAndAftersToQueue(): void;
         explodes(): void;
         spyOn(obj: any, methodName: string, ignoreMethodDoesntExist: boolean): Spy;
         removeAllSpies(): void;
+        throwOnExpectationFailure: boolean;
     }
 
     interface XSpec {
@@ -487,6 +516,10 @@ declare namespace jasmine {
         finished: boolean;
         result: any;
         messages: any;
+        runDetails: {
+            failedExpectations: ExpectationResult[];
+            order: jasmine.Order
+        }
 
         new (): any;
 

From 60a1b1e3a65a6494aecee2fd7ddba42bb3d92113 Mon Sep 17 00:00:00 2001
From: Christopher Cortes <christophercr@gmail.com>
Date: Mon, 3 Oct 2016 23:46:05 +0200
Subject: [PATCH 161/382] Fix wrong version number

Set version to only numbers
---
 valdr/valdr.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/valdr/valdr.d.ts b/valdr/valdr.d.ts
index 3de33267cb..ab6870ab4b 100644
--- a/valdr/valdr.d.ts
+++ b/valdr/valdr.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for valdr.js v1.1.5+
+// Type definitions for valdr.js v1.1.5
 // Project: https://github.com/netceteragroup/valdr
 // Definitions by: Kai Ilbertz <https://github.com/ilbertz>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

From 99237c1aec929c87301cce4f1f8db8d6eeac4aa6 Mon Sep 17 00:00:00 2001
From: Christopher Cortes <christophercr@gmail.com>
Date: Mon, 3 Oct 2016 23:47:08 +0200
Subject: [PATCH 162/382] Fix wrong version number

Keep version to only numbers
---
 valdr-message/valdr-message.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/valdr-message/valdr-message.d.ts b/valdr-message/valdr-message.d.ts
index 7dfb32b5db..961fd8d156 100644
--- a/valdr-message/valdr-message.d.ts
+++ b/valdr-message/valdr-message.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for valdr.js v1.1.5+ (valdr-message)
+// Type definitions for valdr.js v1.1.5 (valdr-message)
 // Project: https://github.com/netceteragroup/valdr
 // Definitions by: Kai Ilbertz <https://github.com/ilbertz>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

From fe6b43c5bd2b120aa99969be4d4c00181178d6c3 Mon Sep 17 00:00:00 2001
From: Nikias Kalpaxis <kalpaxisn@gmail.com>
Date: Tue, 4 Oct 2016 12:48:57 -0400
Subject: [PATCH 163/382] add missing isEmpty function (#11698)

---
 enzyme/enzyme-tests.tsx | 12 ++++++++++++
 enzyme/enzyme.d.ts      |  5 +++++
 2 files changed, 17 insertions(+)

diff --git a/enzyme/enzyme-tests.tsx b/enzyme/enzyme-tests.tsx
index 67dccafeaf..ff23b91445 100644
--- a/enzyme/enzyme-tests.tsx
+++ b/enzyme/enzyme-tests.tsx
@@ -112,6 +112,10 @@ namespace ShallowWrapperTest {
         boolVal = shallowWrapper.is('.some-class');
     }
 
+    function test_isEmpty() {
+        boolVal = shallowWrapper.isEmpty()
+    }
+
     function test_not() {
         elementWrapper = shallowWrapper.find('.foo').not('.bar');
     }
@@ -399,6 +403,10 @@ namespace ReactWrapperTest {
         boolVal = reactWrapper.is('.some-class');
     }
 
+    function test_isEmpty() {
+        boolVal = reactWrapper.isEmpty()
+    }
+
     function test_not() {
         elementWrapper = reactWrapper.find('.foo').not('.bar');
     }
@@ -636,6 +644,10 @@ namespace CheerioWrapperTest {
         boolVal = cheerioWrapper.is('.some-class');
     }
 
+    function test_isEmpty() {
+        boolVal = cheerioWrapper.isEmpty()
+    }
+
     function test_not() {
         elementWrapper = cheerioWrapper.find('.foo').not('.bar');
     }
diff --git a/enzyme/enzyme.d.ts b/enzyme/enzyme.d.ts
index 31ffce8923..b94b7b9f9f 100644
--- a/enzyme/enzyme.d.ts
+++ b/enzyme/enzyme.d.ts
@@ -102,6 +102,11 @@ declare module "enzyme" {
          */
         is(selector: EnzymeSelector): boolean;
 
+        /**
+         * Returns whether or not the current node is empty.
+         */
+        isEmpty(): boolean;
+
         /**
          * Returns a new wrapper with only the nodes of the current wrapper that don't match the provided selector.
          * This method is effectively the negation or inverse of filter.

From 1cc8629b019b8ebe6187351557dc47fcd3bf4cd7 Mon Sep 17 00:00:00 2001
From: Arun Aravind <aravind.r.arun@gmail.com>
Date: Tue, 4 Oct 2016 22:20:05 +0530
Subject: [PATCH 164/382] Added type definitions for terminal-menu (#11697)

---
 terminal-menu/terminal-menu-tests.ts |  40 +++++++
 terminal-menu/terminal-menu.d.ts     | 159 +++++++++++++++++++++++++++
 2 files changed, 199 insertions(+)
 create mode 100644 terminal-menu/terminal-menu-tests.ts
 create mode 100644 terminal-menu/terminal-menu.d.ts

diff --git a/terminal-menu/terminal-menu-tests.ts b/terminal-menu/terminal-menu-tests.ts
new file mode 100644
index 0000000000..e428ca6bdf
--- /dev/null
+++ b/terminal-menu/terminal-menu-tests.ts
@@ -0,0 +1,40 @@
+/// <reference path="terminal-menu.d.ts" />
+import * as tty from "tty"; // For typing
+
+let stdin = (<tty.ReadStream> process.stdin);
+
+if(!stdin.isTTY) {
+    console.log("Terminal not supported");
+    process.exit(0);
+}
+
+const MenuContainerFactory = require("terminal-menu");
+
+let menu = MenuContainerFactory({ width: 29, x: 4, y: 2 });
+menu.reset();
+
+menu.write('SERIOUS BUSINESS TERMINAL\n');
+menu.write('-------------------------\n');
+
+menu.add('ADD TRANSACTION INVOICE');
+menu.add('BUSINESS INTELLIGENCE');
+menu.add('ACCOUNTS PAYABLE');
+menu.add('LEDGER BOOKINGS');
+menu.add('INDICATOR CHART METRICS');
+menu.add('BACKUP DATA TO FLOPPY DISK');
+menu.add('RESTORE FROM FLOPPY DISK');
+menu.add('EXIT');
+
+menu.on('select', function (label: string) {
+    menu.close();
+    console.log('SELECTED: ' + label);
+});
+
+stdin.pipe(menu.createStream()).pipe(process.stdout);
+
+stdin.setRawMode(true);
+
+menu.on('close', function () {
+    stdin.setRawMode(false);
+    stdin.end();
+});
diff --git a/terminal-menu/terminal-menu.d.ts b/terminal-menu/terminal-menu.d.ts
new file mode 100644
index 0000000000..8485243425
--- /dev/null
+++ b/terminal-menu/terminal-menu.d.ts
@@ -0,0 +1,159 @@
+// Type definitions for terminal-menu v2.1.1
+// Project: https://github.com/substack/terminal-menu
+// Definitions by: Arun Aravind <https://github.com/aravindarun>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts" />
+
+declare module "terminal-menu" {
+    import * as stream from "stream";
+
+    /**
+     * Creates a TerminalMenu with default settings.
+     */
+    function MenuContainerFactory(): MenuContainerFactory.TerminalMenu;
+
+    /**
+     * Creates a TerminalMenu using options to override default settings.
+     * @param options Override values for available settings.
+     */
+    function MenuContainerFactory(options: MenuContainerFactory.TerminalMenuOptions): MenuContainerFactory.TerminalMenu;
+
+    namespace MenuContainerFactory {
+
+        /**
+         * A Thickness structure specifying the amount of padding to apply.
+         */
+        export interface Thickness {
+            /**
+             * Represents width of the left side of the bounding rectangle.
+             */
+            left: number,
+
+            /**
+             * Represents width of the right side of the bounding rectangle.
+             */
+            right: number,
+
+            /**
+             * Represents width of the upper side of the bounding rectangle.
+             */
+            top: number,
+
+            /**
+             * Represents width of the lower side of the bounding rectangle.
+             */
+            bottom: number
+        }
+
+        /**
+         * Options to configure the menu.
+         */
+        export interface TerminalMenuOptions {
+            /**
+             * Menu width in columns.
+             * Default = 50.
+             */
+            width?: number;
+
+            /**
+             * Horizontal offset for top-left corner.
+             * Default = 1
+             */
+            x?: number;
+
+            /**
+             * Vertical offset for top-left corner.
+             * Default = 1
+             */
+            y?: number;
+
+            /**
+             * Foreground color for the menu.
+             * Default = 'white'
+             */
+            fg?: string;
+
+            /**
+             * Background color for the menu.
+             * Default = 'blue'
+             */
+            bg?: string;
+
+            /**
+             * Padding for the bounding rectangle.
+             * If a number is passed, all elements of the Thickness structure will be set to
+             * that value.
+             * Default = {
+             *      left: 2,
+             *      right: 2,
+             *      top: 1,
+             *      bottom: 1
+             * }
+             */
+            padding?: number | Thickness;
+
+            /**
+             * Index of the menu item to be selected.
+             * Default = 0
+             */
+            selected?: number
+        }
+
+        /**
+         * Retro ansi terminal menus.
+         */
+        export interface TerminalMenu extends NodeJS.EventEmitter {
+            /**
+             * Create a new selectable menu item with label as the anchor.
+             * @param label Label to use as the menu item anchor.
+             */
+            add(label: string): void;
+
+            /**
+              * Create a new selectable menu item with label as the anchor.
+              * @param label Label to use as the menu item anchor.
+              * @param callback Callback to invoke when the menu item is selected.
+              */
+            add(label: string, callback: (label: string, index: number) => void): void;
+
+            /**
+             * Writes a message to the terminal.
+             * @param msg Message to be written.
+             */
+            write(msg: string): void;
+
+            /**
+             * Return a duplex stream to wire up input and output.
+             */
+            createStream(): stream.Duplex;
+
+            /**
+             * Reset the terminal, clearing all content.
+             */
+            reset(): void;
+
+            /**
+             * Unregister all listeners and puts the terminal back to its original state.
+             */
+            close(): void;
+
+            /**
+             * When a menu item is selected, this event is fired.
+             * @param eventName Name of the event. Only value available for eventName is "select"
+             * @param callback Handler for the event specified by eventName
+             */
+            on(eventName: string | symbol, callback: (label: string, index: number) => void): this;
+
+            /**
+             * When a menu item is selected, this event is fired.
+             * This overload ensures backward compatibility with older versions of NodeJS (< 6.0)
+             * @param eventName Name of the event. Only value available for eventName is "select"
+             * @param callback Handler for the event specified by eventName
+             */
+            on(eventName: string, callback: (label: string, index: number) => void): this;
+        }
+    }
+
+    export = MenuContainerFactory;
+}

From e77a0d93ef38eabfa04b1072ad3250e2c4d5cfb7 Mon Sep 17 00:00:00 2001
From: valorcurse <valorcurse@gmail.com>
Date: Tue, 4 Oct 2016 19:09:59 +0200
Subject: [PATCH 165/382] Update THREE.js definitions to r81 (#11679)

* Update THREE.js definitions to r81

* Update test_unit_maths.ts to r81

* Update version in header to r81
---
 threejs/tests/math/test_unit_math.ts | 56 ++++++++++++++--------------
 threejs/three.d.ts                   | 16 ++++----
 2 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/threejs/tests/math/test_unit_math.ts b/threejs/tests/math/test_unit_math.ts
index 5d095315dc..226ebbb709 100644
--- a/threejs/tests/math/test_unit_math.ts
+++ b/threejs/tests/math/test_unit_math.ts
@@ -92,56 +92,56 @@
     test( "center", function() {
         var a = new THREE.Box2( zero2.clone(), zero2.clone() );
 
-        ok( a.center().equals( zero2 ), "Passed!" );
+        ok( a.getCenter().equals( zero2 ), "Passed!" );
 
         a = new THREE.Box2( zero2, one2 );
         var midpoint = one2.clone().multiplyScalar( 0.5 );
-        ok( a.center().equals( midpoint ), "Passed!" );
+        ok( a.getCenter().equals( midpoint ), "Passed!" );
     });
 
     test( "size", function() {
         var a = new THREE.Box2( zero2.clone(), zero2.clone() );
 
-        ok( a.size().equals( zero2 ), "Passed!" );
+        ok( a.getSize().equals( zero2 ), "Passed!" );
 
         a = new THREE.Box2( zero2.clone(), one2.clone() );
-        ok( a.size().equals( one2 ), "Passed!" );
+        ok( a.getSize().equals( one2 ), "Passed!" );
     });
 
     test( "expandByPoint", function() {
         var a = new THREE.Box2( zero2.clone(), zero2.clone() );
 
         a.expandByPoint( zero2 );
-        ok( a.size().equals( zero2 ), "Passed!" );
+        ok( a.getSize().equals( zero2 ), "Passed!" );
 
         a.expandByPoint( one2 );
-        ok( a.size().equals( one2 ), "Passed!" );
+        ok( a.getSize().equals( one2 ), "Passed!" );
 
         a.expandByPoint( one2.clone().negate() );
-        ok( a.size().equals( one2.clone().multiplyScalar( 2 ) ), "Passed!" );
-        ok( a.center().equals( zero2 ), "Passed!" );
+        ok( a.getSize().equals( one2.clone().multiplyScalar( 2 ) ), "Passed!" );
+        ok( a.getCenter().equals( zero2 ), "Passed!" );
     });
 
     test( "expandByVector", function() {
         var a = new THREE.Box2( zero2.clone(), zero2.clone() );
 
         a.expandByVector( zero2 );
-        ok( a.size().equals( zero2 ), "Passed!" );
+        ok( a.getSize().equals( zero2 ), "Passed!" );
 
         a.expandByVector( one2 );
-        ok( a.size().equals( one2.clone().multiplyScalar( 2 ) ), "Passed!" );
-        ok( a.center().equals( zero2 ), "Passed!" );
+        ok( a.getSize().equals( one2.clone().multiplyScalar( 2 ) ), "Passed!" );
+        ok( a.getCenter().equals( zero2 ), "Passed!" );
     });
 
     test( "expandByScalar", function() {
         var a = new THREE.Box2( zero2.clone(), zero2.clone() );
 
         a.expandByScalar( 0 );
-        ok( a.size().equals( zero2 ), "Passed!" );
+        ok( a.getSize().equals( zero2 ), "Passed!" );
 
         a.expandByScalar( 1 );
-        ok( a.size().equals( one2.clone().multiplyScalar( 2 ) ), "Passed!" );
-        ok( a.center().equals( zero2 ), "Passed!" );
+        ok( a.getSize().equals( one2.clone().multiplyScalar( 2 ) ), "Passed!" );
+        ok( a.getCenter().equals( zero2 ), "Passed!" );
     });
 
     test( "containsPoint", function() {
@@ -333,56 +333,56 @@
     test( "center", function() {
         var a = new THREE.Box3( zero3.clone(), zero3.clone() );
 
-        ok( a.center().equals( zero3 ), "Passed!" );
+        ok( a.getCenter().equals( zero3 ), "Passed!" );
 
         a = new THREE.Box3( zero3.clone(), one3.clone() );
         var midpoint = one3.clone().multiplyScalar( 0.5 );
-        ok( a.center().equals( midpoint ), "Passed!" );
+        ok( a.getCenter().equals( midpoint ), "Passed!" );
     });
 
     test( "size", function() {
         var a = new THREE.Box3( zero3.clone(), zero3.clone() );
 
-        ok( a.size().equals( zero3 ), "Passed!" );
+        ok( a.getSize().equals( zero3 ), "Passed!" );
 
         a = new THREE.Box3( zero3.clone(), one3.clone() );
-        ok( a.size().equals( one3 ), "Passed!" );
+        ok( a.getSize().equals( one3 ), "Passed!" );
     });
 
     test( "expandByPoint", function() {
         var a = new THREE.Box3( zero3.clone(), zero3.clone() );
 
         a.expandByPoint( zero3 );
-        ok( a.size().equals( zero3 ), "Passed!" );
+        ok( a.getSize().equals( zero3 ), "Passed!" );
 
         a.expandByPoint( one3 );
-        ok( a.size().equals( one3 ), "Passed!" );
+        ok( a.getSize().equals( one3 ), "Passed!" );
 
         a.expandByPoint( one3.clone().negate() );
-        ok( a.size().equals( one3.clone().multiplyScalar( 2 ) ), "Passed!" );
-        ok( a.center().equals( zero3 ), "Passed!" );
+        ok( a.getSize().equals( one3.clone().multiplyScalar( 2 ) ), "Passed!" );
+        ok( a.getCenter().equals( zero3 ), "Passed!" );
     });
 
     test( "expandByVector", function() {
         var a = new THREE.Box3( zero3.clone(), zero3.clone() );
 
         a.expandByVector( zero3 );
-        ok( a.size().equals( zero3 ), "Passed!" );
+        ok( a.getSize().equals( zero3 ), "Passed!" );
 
         a.expandByVector( one3 );
-        ok( a.size().equals( one3.clone().multiplyScalar( 2 ) ), "Passed!" );
-        ok( a.center().equals( zero3 ), "Passed!" );
+        ok( a.getSize().equals( one3.clone().multiplyScalar( 2 ) ), "Passed!" );
+        ok( a.getCenter().equals( zero3 ), "Passed!" );
     });
 
     test( "expandByScalar", function() {
         var a = new THREE.Box3( zero3.clone(), zero3.clone() );
 
         a.expandByScalar( 0 );
-        ok( a.size().equals( zero3 ), "Passed!" );
+        ok( a.getSize().equals( zero3 ), "Passed!" );
 
         a.expandByScalar( 1 );
-        ok( a.size().equals( one3.clone().multiplyScalar( 2 ) ), "Passed!" );
-        ok( a.center().equals( zero3 ), "Passed!" );
+        ok( a.getSize().equals( one3.clone().multiplyScalar( 2 ) ), "Passed!" );
+        ok( a.getCenter().equals( zero3 ), "Passed!" );
     });
 
     test( "containsPoint", function() {
diff --git a/threejs/three.d.ts b/threejs/three.d.ts
index 830edbf864..05b903bce6 100644
--- a/threejs/three.d.ts
+++ b/threejs/three.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for three.js r80
+// Type definitions for three.js r81
 // Project: http://mrdoob.github.com/three.js/
 // Definitions by: Kon <http://phyzkit.net/>, Satoru Kimura <https://github.com/gyohk>, Florent Poujol <https://github.com/florentpoujol>, SereznoKot <https://github.com/SereznoKot>
 // Definitions: https://github.com/borisyankov/DefinitelyTyped
@@ -2778,8 +2778,8 @@ declare namespace THREE {
         copy(box: this): this;
         makeEmpty(): Box2;
         isEmpty(): boolean;
-        center(optionalTarget?: Vector2): Vector2;
-        size(optionalTarget?: Vector2): Vector2;
+        getCenter(optionalTarget?: Vector2): Vector2;
+        getSize(optionalTarget?: Vector2): Vector2;
         expandByPoint(point: Vector2): Box2;
         expandByVector(vector: Vector2): Box2;
         expandByScalar(scalar: number): Box2;
@@ -2813,8 +2813,8 @@ declare namespace THREE {
         copy(box: this): this;
         makeEmpty(): Box3;
         isEmpty(): boolean;
-        center(optionalTarget?: Vector3): Vector3;
-        size(optionalTarget?: Vector3): Vector3;
+        getCenter(optionalTarget?: Vector3): Vector3;
+        getSize(optionalTarget?: Vector3): Vector3;
         expandByPoint(point: Vector3): Box3;
         expandByVector(vector: Vector3): Box3;
         expandByScalar(scalar: number): Box3;
@@ -3175,7 +3175,7 @@ declare namespace THREE {
         set(start?: Vector3, end?: Vector3): Line3;
         clone(): this;
         copy(line: this): this;
-        center(optionalTarget?: Vector3): Vector3;
+        getCenter(optionalTarget?: Vector3): Vector3;
         delta(optionalTarget?: Vector3): Vector3;
         distanceSq(): number;
         distance(): number;
@@ -3330,7 +3330,7 @@ declare namespace THREE {
          * Transposes this matrix into the supplied array r, and returns itself.
          */
         transposeIntoArray(r: number[]): number[];
-        fromArray(array: number[]): Matrix3;
+        fromArray(array: number[], offset?: number): Matrix3;
         toArray(): number[];
 
         // deprecated
@@ -3513,7 +3513,7 @@ declare namespace THREE {
          */
         makeOrthographic(left: number, right: number, top: number, bottom: number, near: number, far: number): Matrix4;
         equals( matrix: Matrix4 ): boolean;
-        fromArray(array: number[]): Matrix4;
+        fromArray(array: number[], offset?: number): Matrix4;
         toArray(): number[];
 
         // deprecated

From 2a5f017607f4c463cd961231590ca469c0136cf0 Mon Sep 17 00:00:00 2001
From: RecuencoJones <RecuencoJones@users.noreply.github.com>
Date: Tue, 4 Oct 2016 19:11:23 +0200
Subject: [PATCH 166/382] UPDATE localForage type definitions (#11702)

---
 localForage/localForage-tests.ts | 85 ++++++++++++++++++++------------
 localForage/localForage.d.ts     | 30 ++++++++---
 2 files changed, 75 insertions(+), 40 deletions(-)

diff --git a/localForage/localForage-tests.ts b/localForage/localForage-tests.ts
index 6f162e8c4b..4a885f18fc 100644
--- a/localForage/localForage-tests.ts
+++ b/localForage/localForage-tests.ts
@@ -1,65 +1,86 @@
 /// <reference path="localForage.d.ts" />
 
-declare var localForage: LocalForage;
+declare let localForage: LocalForage;
 
-() => {
+namespace LocalForageTest {
     localForage.clear((err: any) => {
-        var newError: any = err;
+        let newError: any = err;
     });
 
     localForage.iterate((str: string, key: string, num: number) => {
-        var newStr: string = str;
-        var newKey: string = key;
-        var newNum: number = num;
+        let newStr: string = str;
+        let newKey: string = key;
+        let newNum: number = num;
     });
 
     localForage.length((err: any, num: number) => {
-        var newError: any = err;
-        var newNumber: number = num;
+        let newError: any = err;
+        let newNumber: number = num;
     });
 
     localForage.key(0, (err: any, value: string) => {
-        var newError: any = err;
-        var newValue: string = value;
+        let newError: any = err;
+        let newValue: string = value;
     });
 
     localForage.keys((err: any, keys: Array<string>) => {
-        var newError: any = err;
-        var newArray: Array<string> = keys;
+        let newError: any = err;
+        let newArray: Array<string> = keys;
     });
 
     localForage.getItem("key",(err: any, str: string) => {
-        var newError: any = err;
-        var newStr: string = str
+        let newError: any = err;
+        let newStr: string = str
     });
 
     localForage.getItem<string>("key").then((str: string) => {
-        var newStr: string = str;
+        let newStr: string = str;
     });
-  
+
     localForage.setItem("key", "value",(err: any, str: string) => {
-        var newError: any = err;
-        var newStr: string = str
+        let newError: any = err;
+        let newStr: string = str
     });
 
     localForage.setItem("key", "value").then((str: string) => {
-        var newStr: string = str;
+        let newStr: string = str;
     });
-  
+
     localForage.removeItem("key",(err: any) => {
-        var newError: any = err;
+        let newError: any = err;
     });
 
     localForage.removeItem("key").then(() => {
     });
-    
-    var config = localForage.config({
-        name: "testyo",
-        driver: localForage.LOCALSTORAGE
-    });
-    
-    var store = localForage.createInstance({
-        name: "da instance",
-        driver: localForage.LOCALSTORAGE
-    });
-}
\ No newline at end of file
+
+    {
+        let config: boolean;
+
+        config = localForage.config({
+            name: "testyo",
+            driver: localForage.LOCALSTORAGE
+        });
+    }
+
+    {
+        let store: LocalForage;
+
+        store = localForage.createInstance({
+            name: "da instance",
+            driver: localForage.LOCALSTORAGE
+        });
+    }
+
+    {
+        let testSerializer: LocalForageSerializer;
+
+        localForage.getSerializer()
+        .then((serializer: LocalForageSerializer) => {
+            testSerializer = serializer;
+        });
+
+        localForage.getSerializer((serializer: LocalForageSerializer) => {
+            testSerializer = serializer;
+        });
+    }
+}
diff --git a/localForage/localForage.d.ts b/localForage/localForage.d.ts
index c727d93b3a..eaafd8b8c8 100644
--- a/localForage/localForage.d.ts
+++ b/localForage/localForage.d.ts
@@ -39,6 +39,16 @@ interface LocalForageDriver {
     setItem(key: string, value: any, callback: (err: any, value: any) => void): void;
 }
 
+interface LocalForageSerializer {
+    serialize<T>(value: T | ArrayBuffer | Blob, callback: (value: string, error: any) => {}): void;
+
+    deserialize<T>(value: string): T | ArrayBuffer | Blob;
+
+    stringToBuffer(serializedString: string): ArrayBuffer;
+
+    bufferToString(buffer: ArrayBuffer): string;
+}
+
 interface LocalForage {
     LOCALSTORAGE: string;
     WEBSQL: string;
@@ -50,6 +60,12 @@ interface LocalForage {
     * @param {ILocalForageConfig} options?
     */
     config(options: LocalForageOptions): boolean;
+
+    /**
+     * Create a new instance of localForage to point to a different store.
+     * All the configuration options used by config are supported.
+     * @param {LocalForageOptions} options
+     */
     createInstance(options: LocalForageOptions): LocalForage;
 
     driver(): string;
@@ -62,6 +78,11 @@ interface LocalForage {
     defineDriver(driver: LocalForageDriver): Promise<void>;
     defineDriver(driver: LocalForageDriver, callback: () => void, errorCallback: (error: any) => void): void;
 
+    getSerializer(): Promise<LocalForageSerializer>;
+    getSerializer(callback: (serializer: LocalForageSerializer) => void): void;
+
+    supports(driverName: string): boolean;
+
     getItem<T>(key: string): Promise<T>;
     getItem<T>(key: string, callback: (err: any, value: T) => void): void;
 
@@ -86,16 +107,9 @@ interface LocalForage {
     iterate(iteratee: (value: any, key: string, iterationNumber: number) => any): Promise<any>;
     iterate(iteratee: (value: any, key: string, iterationNumber: number) => any,
             callback: (err: any, result: any) => void): void;
-    
-    /**
-     * Create a new instance of localForage to point to a different store.
-     * All the configuration options used by config are supported.
-     * @param {LocalForageOptions} options
-     */
-    createInstance(options: LocalForageOptions): LocalForage;
 }
 
 declare module "localforage" {
-    var localforage: LocalForage;
+    let localforage: LocalForage;
     export = localforage;
 }

From 18faea35154d44650005de30336c1f0203a55af6 Mon Sep 17 00:00:00 2001
From: Sean Dawson <contact@seandawson.info>
Date: Wed, 5 Oct 2016 04:14:13 +1100
Subject: [PATCH 167/382] Update Google Maps API type definition to 3.25
 (#11626)

* Update Google Maps Places Library definition

- According to the Places Library documentation (https://goo.gl/EJFiuQ), certain fields are being removed
- I have aligned the Places Library definitions with the API reference (https://goo.gl/kYoi9V) and added deprecation comments for the old properties as they are still accepted until February
- I could not find an official deprecation attribute or similar for Typescript definitions so I just left a comment

* Update the API version in the header

* Apply API changes between version 3.20 and 3.25

- Used the Google Maps API release notes (https://goo.gl/nRUZGJ) as a reference

* Fix inconsistant type definition
---
 googlemaps/google.maps.d.ts | 39 +++++++++++++++++++++++++++----------
 1 file changed, 29 insertions(+), 10 deletions(-)

diff --git a/googlemaps/google.maps.d.ts b/googlemaps/google.maps.d.ts
index 0aef3b74a6..2b56c2e836 100644
--- a/googlemaps/google.maps.d.ts
+++ b/googlemaps/google.maps.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Google Maps JavaScript API 3.20
+// Type definitions for Google Maps JavaScript API 3.25
 // Project: https://developers.google.com/maps/
 // Definitions by: Folia A/S <http://www.folia.dk>, Chris Wrench <https://github.com/cgwrench>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -922,6 +922,7 @@ declare namespace google.maps {
         formatted_address: string;
         geometry: GeocoderGeometry;
         partial_match: boolean;
+        place_id: string;
         postcode_localities: string[];
         types: string[];
     }
@@ -984,10 +985,11 @@ declare namespace google.maps {
         avoidFerries?: boolean;
         avoidHighways?: boolean;
         avoidTolls?: boolean;
-        destination?: LatLng|LatLngLiteral|string;
-        durationInTraffic?: boolean;
+        destination?: string|LatLng|Place;
+        durationInTraffic?: boolean; /* Deprecated. Use drivingOptions field instead */
+        drivingOptions?: DrivingOptions;
         optimizeWaypoints?: boolean;
-        origin?: LatLng|LatLngLiteral|string;
+        origin?: string|LatLng|Place;
         provideRouteAlternatives?: boolean;
         region?: string;
         transitOptions?: TransitOptions;
@@ -1031,6 +1033,18 @@ declare namespace google.maps {
 
     export interface TransitFare { }
 
+    export interface DrivingOptions {
+        departureTime: Date;
+        trafficModel: TrafficModel
+    }
+
+    export enum TrafficModel
+    {
+        BEST_GUESS,
+        OPTIMISTIC,
+        PESSIMISTIC
+    }
+
     export interface DirectionsWaypoint {
         location: LatLng|LatLngLiteral|string;
         stopover: boolean;
@@ -1215,9 +1229,10 @@ declare namespace google.maps {
         avoidFerries?: boolean;
         avoidHighways?: boolean;
         avoidTolls?: boolean;
-        destinations?: LatLng[]|string[];
+        destinations?: string[]|LatLng[]|Place[];
+        drivingOptions?: DrivingOptions;
         durationInTraffic?: boolean;
-        origins?: LatLng[]|string[];
+        origins?: string[]|LatLng[]|Place[];
         region?: string;
         transitOptions?: TransitOptions;
         travelMode?: TravelMode;
@@ -1237,6 +1252,7 @@ declare namespace google.maps {
     export interface DistanceMatrixResponseElement {
         distance: Distance;
         duration: Duration;
+        duration_in_traffic: Duration;
         fare: TransitFare;
         status: DistanceMatrixElementStatus;
     }
@@ -2060,7 +2076,7 @@ declare namespace google.maps {
 
         export interface PlaceResult {
             address_components: GeocoderAddressComponent[];
-            aspects: PlaceAspectRating[];
+            aspects: PlaceAspectRating[];  /* Deprecated. Will be removed May 2, 2017 */
             formatted_address: string;
             formatted_phone_number: string;
             geometry: PlaceGeometry;
@@ -2103,7 +2119,8 @@ declare namespace google.maps {
             openNow?: boolean;
             radius?: number;
             rankBy?: RankBy;
-            types?: string[];
+            types?: string[]; /* Deprecated. Will be removed February 16, 2017 */
+            type?: string;
         }
 
         export class PlacesService {
@@ -2144,7 +2161,8 @@ declare namespace google.maps {
             location?: LatLng|LatLngLiteral;
             name?: string;
             radius?: number;
-            types?: string[];
+            types?: string[];  /* Deprecated. Will be removed February 16, 2017 */
+            type?: string;
         }
 
         export enum RankBy {
@@ -2168,7 +2186,8 @@ declare namespace google.maps {
             location?: LatLng|LatLngLiteral;
             query: string;
             radius?: number;
-            types?: string[];
+            types?: string[]; /* Deprecated. Will be removed February 16, 2017 */
+            type?: string;
         }
     }
 

From c55d26d1791a0fb72a5cb576e4efcf7a53cc8232 Mon Sep 17 00:00:00 2001
From: stonio <stonio@users.noreply.github.com>
Date: Tue, 4 Oct 2016 19:15:00 +0200
Subject: [PATCH 168/382] Override ol.layer.Vector#getSource() (#11703)

Reference: http://openlayers.org/en/latest/apidoc/ol.layer.Vector.html
---
 openlayers/openlayers.d.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/openlayers/openlayers.d.ts b/openlayers/openlayers.d.ts
index ed3c8e9e21..8f7309e92a 100644
--- a/openlayers/openlayers.d.ts
+++ b/openlayers/openlayers.d.ts
@@ -6360,6 +6360,13 @@ declare module ol {
              */
             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.

From dd95604a2f52d566b2908be415e74bcc21f6cf0e Mon Sep 17 00:00:00 2001
From: stonio <stonio@users.noreply.github.com>
Date: Tue, 4 Oct 2016 19:15:21 +0200
Subject: [PATCH 169/382] Replace number[] by [number, number] (#11704)

---
 openlayers/openlayers.d.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/openlayers/openlayers.d.ts b/openlayers/openlayers.d.ts
index 8f7309e92a..c321517697 100644
--- a/openlayers/openlayers.d.ts
+++ b/openlayers/openlayers.d.ts
@@ -10982,7 +10982,7 @@ declare module ol {
      * An array of numbers representing an xy coordinate. Example: `[16, 48]`.
      * @typedef {Array.<number>}
      */
-    type Coordinate = number[];
+    type Coordinate = [number, number];
 
     /**
      * A function that takes a {@link ol.Coordinate} and transforms it into a
@@ -11036,7 +11036,7 @@ declare module ol {
      * An array of numbers representing an extent: `[minx, miny, maxx, maxy]`.
      * @typedef {Array.<number>}
      */
-    type Extent = number[];
+    type Extent = [number, number, number, number];
 
     /**
      * {@link ol.source.Vector} sources use a function of this type to load
@@ -11110,7 +11110,7 @@ declare module ol {
      * x-coordinate, the second the y-coordinate of the pixel.
      * @typedef {Array.<number>}
      */
-    type Pixel = number[];
+    type Pixel = [number, number];
 
     /**
      * Function to perform manipulations before rendering. This function is called
@@ -11160,7 +11160,7 @@ declare module ol {
      * An array of numbers representing a size: `[width, height]`.
      * @typedef {Array.<number>}
      */
-    type Size = number[];
+    type Size = [number, number];
 
     /**
      * @typedef {{attributions: (ol.AttributionLike|undefined),
@@ -11291,7 +11291,7 @@ declare module ol {
      * grid. The order is `z`, `x`, and `y`. `z` is the zoom level.
      * @typedef {Array.<number>} ol.TileCoord
      */
-    type TileCoord = number[];
+    type TileCoord = [number, number, number];
 
     /**
      * A function that takes an {@link ol.Tile} for the tile and a `{string}` for

From 8922f46b5adf49bd44fc7bf5db61d0df3bc593f0 Mon Sep 17 00:00:00 2001
From: Artur Eshenbrener <strate@yandex.ru>
Date: Tue, 4 Oct 2016 21:44:55 +0400
Subject: [PATCH 170/382] [lodash]: memoize.Cache expects construcor (#11707)

https://lodash.com/docs/4.15.0#memoize
---
 lodash/lodash-tests.ts | 18 ++++++++++++------
 lodash/lodash.d.ts     |  5 ++++-
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/lodash/lodash-tests.ts b/lodash/lodash-tests.ts
index f00a5537ab..f0f958b0c8 100644
--- a/lodash/lodash-tests.ts
+++ b/lodash/lodash-tests.ts
@@ -5872,12 +5872,18 @@ namespace TestMemoize {
         result = _(memoizeFn).chain().memoize(memoizeResolverFn);
     }
 
-    _.memoize.Cache = {
-        delete: key => false,
-        get: key => undefined,
-        has: key => false,
-        set(key, value) { return this; }
-    };
+    interface MemoizeCache<K, V> {
+        delete(key: K): boolean;
+        get(key: K): V;
+        has(key: K): boolean;
+        set(key: K, value: V): this;
+    }
+    interface MemoizeCacheConstructor {
+        new (): MemoizeCache<any, any>;
+    }
+    let MemoizeCache: MemoizeCacheConstructor
+
+    _.memoize.Cache = MemoizeCache;
 }
 
 // _.overArgs
diff --git a/lodash/lodash.d.ts b/lodash/lodash.d.ts
index 68443af1fd..3305528a5e 100644
--- a/lodash/lodash.d.ts
+++ b/lodash/lodash.d.ts
@@ -355,6 +355,9 @@ declare module _ {
          */
         set(key: string, value: any): _.Dictionary<any>;
     }
+    interface MapCacheConstructor {
+        new (): MapCache;
+    }
 
     interface LoDashWrapperBase<T, TWrapper> { }
 
@@ -10411,7 +10414,7 @@ declare module _ {
          */
         memoize: {
             <T extends Function>(func: T, resolver?: Function): T & MemoizedFunction;
-            Cache: MapCache;
+            Cache: MapCacheConstructor;
         }
     }
 

From f1595fd8b87f5f0132e19038ea4a10a240b3760b Mon Sep 17 00:00:00 2001
From: felipedgarcia <felipedgarcia@gmail.com>
Date: Tue, 4 Oct 2016 14:55:19 -0300
Subject: [PATCH 171/382] Added jquery.flagstrap.js definition suport (#11710)

---
 jquery.flagstrap/jquery.flagstrap-tests.ts | 77 ++++++++++++++++++++
 jquery.flagstrap/jquery.flagstrap.d.ts     | 84 ++++++++++++++++++++++
 2 files changed, 161 insertions(+)
 create mode 100644 jquery.flagstrap/jquery.flagstrap-tests.ts
 create mode 100644 jquery.flagstrap/jquery.flagstrap.d.ts

diff --git a/jquery.flagstrap/jquery.flagstrap-tests.ts b/jquery.flagstrap/jquery.flagstrap-tests.ts
new file mode 100644
index 0000000000..d274b3b61d
--- /dev/null
+++ b/jquery.flagstrap/jquery.flagstrap-tests.ts
@@ -0,0 +1,77 @@
+///<reference path="../jquery/jquery.d.ts" />
+///<reference path="jquery.flagstrap.d.ts" />
+
+class TestObject {
+    
+}
+
+$(function () {
+    // basic test 
+    // written in according to basic example from documentation 
+    var htmlSelect = '<form class="form-horizontal">' + 
+                    '   <div class="form-group">' +
+                    '       <label>Select Country</label><br>' +
+                    '       <div class="flagstrap" data-input-name="country"></div>' +
+                    '   </div>' +
+                    '</form>';
+    $('body').html(htmlSelect);
+    $('#flagstrap').flagStrap();
+
+    // for this test we expect more than 30 thousands of characters
+    console.log('characters count: ' + $('#flagstrap').html().length + '\n' +  $('#flagstrap').html());
+
+    // options test
+    // options -> data attributes 
+    // written in according to options -> data attributes example from documentation
+    htmlSelect = '<form>' +
+                '   <div class="form-group">' +
+                '       <label>Select Country</label><br>' +
+                '       <div id="flagstrap2"' +
+                '           data-input-name="country2"' +
+                '           data-selected-country="DE"' +
+                '           data-button-size="btn-md"' +
+                '           data-button-type="btn-default"' +
+                '           data-scrollable-height="250px"' +
+                '           data-scrollable="true">' +
+                '       </div>' +
+                '   </div>' +
+                '</form>';
+    $('body').html(htmlSelect);
+    $('#flagstrap2').flagStrap();
+
+    console.log('\n\ncharacters count: ' + $('#flagstrap2').html().length + '\n' +  $('#flagstrap2').html());
+
+    // options test
+    // options -> instance options 
+    // written in according to options -> instance options example from documentation
+    htmlSelect = '<form>' +
+                '   <div class="form-group">' +
+                '       <label>Select Country</label><br>' +
+                '       <div id="flagstrap3"></div>' +
+                '   </div>' +
+                '</form>';
+    $('body').html(htmlSelect);
+    $('#flagstrap3').flagStrap({
+        countries: {
+            "AU": "Australia",
+            "GB": "United Kingdom",
+            "US": "United States"
+        },
+        inputName: 'country',
+        buttonSize: "btn-lg",
+        buttonType: "btn-primary",
+        labelMargin: "20px",
+        scrollable: false,
+        scrollableHeight: "350px",
+        onSelect: function(value: any, element: any) {
+            //
+        },
+        placeholder: {
+            value: "",
+            text: "Please select a country"
+        }
+    });
+
+    console.log('\n\ncharacters count: ' + $('#flagstrap3').html().length + '\n' +  $('#flagstrap3').html());
+})
+
diff --git a/jquery.flagstrap/jquery.flagstrap.d.ts b/jquery.flagstrap/jquery.flagstrap.d.ts
new file mode 100644
index 0000000000..a61db5c48d
--- /dev/null
+++ b/jquery.flagstrap/jquery.flagstrap.d.ts
@@ -0,0 +1,84 @@
+// Type definitions for jQuery Flagstrap Plugin v1.0
+// Project: https://github.com/blazeworx/flagstrap
+// Definitions by: Felipe de Sena Garcia <https://github.com/felipedgarcia>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+///<reference path="../jquery/jquery.d.ts" />
+
+declare module jQueryFlagStrap {
+    interface FlagStrapOptions {
+        /**
+         * Default: uniquely generated
+         * the `name` attribute for the actual `select` input
+         */
+        inputName: string;
+        /**
+         * Default: uniquely generated
+         * the `id` attribute for the actual `select` input
+         */
+        inputId?: string;
+        /**
+         * Default: "btn-md"
+         * The bootstrap button size `class` for this drop down
+         */
+        buttonSize: string;
+        /**
+         * Default: "btn-default"
+         * The bootstrap button type `class` for this drop down
+         */
+        buttonType: string;
+        /**
+         * Default: "20px"
+         * The `margin` between `flag` and `text label`
+         */
+        labelMargin: string;
+        /**
+         * Default: false
+         * Scrollable or full height drop down
+         */
+        scrollable: boolean;
+        /**
+         * Default: "250px"
+         * `max-height` for the scrollable drop down
+         */
+        scrollableHeight?: string;
+        /**
+        * Default: (all)
+        * Only show specific countries
+        * Example:
+        * 
+        * {"GB": "United Kingdom", "US": "United States"}
+        * 
+        * will only show the USA and UK.
+        */
+        countries?: Object;
+        /**
+         * Default: {value: "", text: "Please select a country"}
+         * Set the placeholder value and text. To disable the placeholder define as (boolean) false.
+         */
+        placeholder: boolean | FlagStrapPlaceholderOptions; 
+        /**
+         * Default: null
+         * This callback gets called each time the select is changed. It receives two parameters, the new value, and the select element.
+         */
+        onSelect?(value: any, element: any): void; 
+    }
+
+    interface FlagStrapStatic {
+        flagStrap?: void;
+    }
+
+    interface FlagStrapPlaceholderOptions {
+        value: string;
+        text: string;
+    }
+}
+
+interface JQuery {
+    /**
+     * A lightwieght jQuery plugin for creating Bootstrap 3 compatible country select boxes with flags.
+     */
+    
+    flagStrap(): void;
+    flagStrap(options: jQueryFlagStrap.FlagStrapOptions): void;
+}
\ No newline at end of file

From dcb46429c820bac49c31ef9f4ee4154cac01fb80 Mon Sep 17 00:00:00 2001
From: Kagami Sascha Rosylight <saschanaz@outlook.com>
Date: Wed, 5 Oct 2016 03:27:50 +0900
Subject: [PATCH 172/382] apply declaration merging (#10900)

---
 whatwg-fetch/whatwg-fetch.d.ts | 24 +++++++++++-------------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/whatwg-fetch/whatwg-fetch.d.ts b/whatwg-fetch/whatwg-fetch.d.ts
index 793244976e..287adb2875 100644
--- a/whatwg-fetch/whatwg-fetch.d.ts
+++ b/whatwg-fetch/whatwg-fetch.d.ts
@@ -39,7 +39,9 @@ interface Body {
 }
 
 declare type RequestInfo = Request | string;
-interface Request extends Body {
+declare class Request {
+	constructor(input: RequestInfo, init?: RequestInit);
+	
     method: string;
     url: string;
     headers: Headers;
@@ -56,6 +58,7 @@ interface Request extends Body {
 
     clone(): Request;
 }
+interface Request extends Body {}
 interface RequestInit {
     method?: string;
     headers?: HeadersInit;
@@ -69,10 +72,6 @@ interface RequestInit {
     integrity?: string;
     window?: any;
 }
-interface RequestConstructor {
-    new (input: RequestInfo, init?: RequestInit): Request;
-}
-declare var Request: RequestConstructor;
 
 type RequestType = "" | "audio" | "font" | "image" | "script" | "style" | "track" | "video";
 type RequestDestination = "" | "document" | "embed" | "font" | "image" | "manifest" | "media" | "object" | "report" | "script" | "serviceworker" | "sharedworker" | "style" | "worker" | "xslt";
@@ -82,7 +81,12 @@ type RequestCache = "default" | "no-store" | "reload" | "no-cache" | "force-cach
 type RequestRedirect = "follow" | "error" | "manual";
 type ReferrerPolicy = "" | "no-referrer" | "no-referrer-when-downgrade" | "same-origin" | "origin" | "strict-origin" | "origin-when-cross-origin" | "strict-origin-when-cross-origin" | "unsafe-url";
 
-interface Response extends Body {
+declare class Response {
+    constructor(body?: BodyInit, init?: ResponseInit);
+
+    static error(): Response;
+    static redirect(url: string, status?: number): Response;
+
     type: ResponseType;
     url: string;
     redirected: boolean;
@@ -95,17 +99,11 @@ interface Response extends Body {
 
     clone(): Response;
 }
+interface Response extends Body {}
 interface ResponseInit {
     status?: number;
     statusText?: string;
     headers?: HeadersInit;
 }
-interface ResponseConstructor {
-    new (body?: BodyInit, init?: ResponseInit): Response;
-
-    error(): Response;
-    redirect(url: string, status?: number): Response;
-}
-declare var Response: ResponseConstructor;
 
 type ResponseType = "basic" | "cors" | "default" | "error" | "opaque" | "opaqueredirect";

From 7f2cfbd0ff94cfb4242dcbd1a1a3cd7ca9259304 Mon Sep 17 00:00:00 2001
From: Frank van den Berg <frankdennisrex@hotmail.com>
Date: Tue, 4 Oct 2016 20:34:28 +0200
Subject: [PATCH 173/382] Update material-ui.d.ts (#11353)

Expose ThemePalette interface.
---
 material-ui/material-ui.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/material-ui/material-ui.d.ts b/material-ui/material-ui.d.ts
index 31472154b3..2318f9d913 100644
--- a/material-ui/material-ui.d.ts
+++ b/material-ui/material-ui.d.ts
@@ -135,6 +135,7 @@ declare namespace __MaterialUI {
             clockCircleColor?: string;
             shadowColor?: string;
         }
+        export var ThemePalette: ThemePalette;
         interface MuiTheme {
             spacing?: Spacing;
             fontFamily?: string;

From debb3797cd60df4c7324abb38a0aa47c46d205db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Francis=20B=C3=A9liveau?= <francisbeliveau@gmail.com>
Date: Tue, 4 Oct 2016 14:39:59 -0400
Subject: [PATCH 174/382] Change ChartAxisXOptions (#11449)

Change the type for minimum and maximum options in ChartAxisXOptions to
support both number and Date.
---
 canvasjs/canvasjs.d.ts | 44 ++++++++++++++++++++++++++++--------------
 1 file changed, 30 insertions(+), 14 deletions(-)

diff --git a/canvasjs/canvasjs.d.ts b/canvasjs/canvasjs.d.ts
index 75ea058e3e..bfb4dd03cd 100644
--- a/canvasjs/canvasjs.d.ts
+++ b/canvasjs/canvasjs.d.ts
@@ -376,7 +376,7 @@ declare namespace CanvasJS {
         dataSeriesIndex: number;
     }
 
-    interface ChartAxisXOptions {
+    interface ChartAxisOptions {
         /**
         * Sets the Axis Title.
         * Default: null
@@ -472,18 +472,6 @@ declare namespace CanvasJS {
         */
         valueFormatString?: string;
         /**
-        * Sets the minimum value of Axis. Values smaller than minimum are clipped.
-        * Default: Automatically Calculated based on the data
-        * Example: 100, 350..
-        */
-        minimum?: number;
-        /**
-        * Sets the maximum value permitted on Axis. Values greater than maximum are clipped.
-        * Default: Automatically Calculated based on the data
-        * Example: 100, 350..
-        */
-        maximum?: number;
-        /**
         * Sets the distance between Tick Marks, Grid Lines and Interlaced Colors.
         * Default: Automatically Calculated
         * Example: 50, 75..
@@ -638,13 +626,41 @@ declare namespace CanvasJS {
         labelFontStyle?: string;
     }
 
-    interface ChartAxisYOptions extends ChartAxisXOptions {
+	interface ChartAxisXOptions extends ChartAxisOptions {
+		/**
+        * Sets the minimum value of Axis. Values smaller than minimum are clipped.
+        * Default: Automatically Calculated based on the data
+        * Example: 100, 350..
+        */
+        minimum?: number | Date;
+        /**
+        * Sets the maximum value permitted on Axis. Values greater than maximum are clipped.
+        * Default: Automatically Calculated based on the data
+        * Example: 100, 350..
+        */
+        maximum?: number | Date;
+	}
+	
+    interface ChartAxisYOptions extends ChartAxisOptions {
         /**
         * When includeZero is set to true, axisY sets the range in such a way that Zero is a part of it. It is set to true by default. But, whenever y values are very big and difference among dataPoints are hard to judge, setting includeZero to false makes axisY to set a range that makes the differences prominently visible.
         * Default: true
         * Example: true, false
         */
         includeZero?: boolean;
+		
+		/**
+        * Sets the minimum value of Axis. Values smaller than minimum are clipped.
+        * Default: Automatically Calculated based on the data
+        * Example: 100, 350..
+        */
+        minimum?: number;
+        /**
+        * Sets the maximum value permitted on Axis. Values greater than maximum are clipped.
+        * Default: Automatically Calculated based on the data
+        * Example: 100, 350..
+        */
+        maximum?: number;
     }
 
     interface ChartToolTipOptions {

From 667d77f21cf01e8037beb07d0cbbfe1a982f66db Mon Sep 17 00:00:00 2001
From: Eric Wieser <wieser.eric@gmail.com>
Date: Tue, 4 Oct 2016 19:56:34 +0100
Subject: [PATCH 175/382] Improve support for arrays of promises (#11685)

* Alias IWhenable<T> = IPromise<T> | T

* Allow all Q functions to work with either promises or raw values

* Allow functions expecting arrays to take promises for arrays

Q.race is deliberately excluded, as this does not support this type of argument.
---
 q/Q-tests.ts | 16 ++++++++++++++++
 q/Q.d.ts     | 51 ++++++++++++++++++++++-----------------------------
 2 files changed, 38 insertions(+), 29 deletions(-)

diff --git a/q/Q-tests.ts b/q/Q-tests.ts
index eaa1241016..a950dfebeb 100644
--- a/q/Q-tests.ts
+++ b/q/Q-tests.ts
@@ -207,4 +207,20 @@ namespace TestCanRethrowRejectedPromises {
 
 }
 
+// test Q.Promise.all
+var y1 = Q().then(() => {
+    var s = Q("hello");
+    var n = Q(1);
+    return <[typeof s, typeof n]>[s, n];
+});
 
+var y2 = Q().then(() => {
+    var s = "hello";
+    var n = Q(1);
+    return <[typeof s, typeof n]>[s, n];
+});
+
+var p2: Q.Promise<[string, number]> = y1.then(val => Q.all(val));
+var p3: Q.Promise<[string, number]> = Q.all(y1);
+var p5: Q.Promise<[string, number]> = y2.then(val => Q.all(val));
+var p6: Q.Promise<[string, number]> = Q.all(y2);
diff --git a/q/Q.d.ts b/q/Q.d.ts
index 55ac3df6a1..1074d92601 100644
--- a/q/Q.d.ts
+++ b/q/Q.d.ts
@@ -18,14 +18,14 @@ declare function Q<T>(value: T): Q.Promise<T>;
 declare function Q(): Q.Promise<void>;
 
 declare namespace Q {
+    type IWhenable<T> = IPromise<T> | T;
     interface IPromise<T> {
-        then<U>(onFulfill?: (value: T) => U | IPromise<U>, onReject?: (error: any) => U | IPromise<U>): IPromise<U>;
+        then<U>(onFulfill?: (value: T) => IWhenable<U>, onReject?: (error: any) => IWhenable<U>): IPromise<U>;
     }
 
     interface Deferred<T> {
         promise: Promise<T>;
-        resolve(value?: T): void;
-        resolve(value?: IPromise<T>): void;
+        resolve(value?: IWhenable<T>): void;
         reject(reason: any): void;
         notify(value: any): void;
         makeNodeResolver(): (reason: any, value: T) => void;
@@ -48,21 +48,21 @@ declare namespace Q {
         /**
          * The then method from the Promises/A+ specification, with an additional progress handler.
          */
-        then<U>(onFulfill?: (value: T) => U | IPromise<U>, onReject?: (error: any) => U | IPromise<U>, onProgress?: Function): Promise<U>;
+        then<U>(onFulfill?: (value: T) => IWhenable<U>, onReject?: (error: any) => IWhenable<U>, onProgress?: Function): Promise<U>;
 
         /**
          * Like then, but "spreads" the array into a variadic fulfillment handler. If any of the promises in the array are rejected, instead calls onRejected with the first rejected promise's rejection reason.
          *
          * This is especially useful in conjunction with all
          */
-        spread<U>(onFulfill: (...args: any[]) => IPromise<U> | U, onReject?: (reason: any) => IPromise<U> | U): Promise<U>;
+        spread<U>(onFulfill: (...args: any[]) => IWhenable<U>, onReject?: (reason: any) => IWhenable<U>): Promise<U>;
 
-        fail<U>(onRejected: (reason: any) => U | IPromise<U>): Promise<U>;
+        fail<U>(onRejected: (reason: any) => IWhenable<U>): Promise<U>;
 
         /**
          * A sugar method, equivalent to promise.then(undefined, onRejected).
          */
-        catch<U>(onRejected: (reason: any) => U | IPromise<U>): Promise<U>;
+        catch<U>(onRejected: (reason: any) => IWhenable<U>): Promise<U>;
 
         /**
          * A sugar method, equivalent to promise.then(undefined, undefined, onProgress).
@@ -177,10 +177,10 @@ declare namespace Q {
     export function when(): Promise<void>;
 
     // if no fulfill, reject, or progress provided, returned promise will be of same type
-    export function when<T>(value: T | IPromise<T>): Promise<T>;
+    export function when<T>(value: IWhenable<T>): Promise<T>;
 
     // If a non-promise value is provided, it will not reject or progress
-    export function when<T, U>(value: T | IPromise<T>, onFulfilled: (val: T) => U | IPromise<U>, onRejected?: (reason: any) => U | IPromise<U>, onProgress?: (progress: any) => any): Promise<U>;
+    export function when<T, U>(value: IWhenable<T>, onFulfilled: (val: T) => IWhenable<U>, onRejected?: (reason: any) => IWhenable<U>, onProgress?: (progress: any) => any): Promise<U>;
 
     /**
      * Currently "impossible" (and I use the term loosely) to implement due to TypeScript limitations as it is now.
@@ -188,7 +188,7 @@ declare namespace Q {
      */
     // export function try(method: Function, ...args: any[]): Promise<any>;
 
-    export function fbind<T>(method: (...args: any[]) => T | IPromise<T>, ...args: any[]): (...args: any[]) => Promise<T>;
+    export function fbind<T>(method: (...args: any[]) => IWhenable<T>, ...args: any[]): (...args: any[]) => Promise<T>;
 
     export function fcall<T>(method: (...args: any[]) => T, ...args: any[]): Promise<T>;
 
@@ -210,45 +210,45 @@ declare namespace Q {
     /**
      * Returns a promise that is fulfilled with an array containing the fulfillment value of each promise, or is rejected with the same rejection reason as the first promise to be rejected.
      */
-    export function all<A, B, C, D, E, F>(promises: [IPromise<A>, IPromise<B>, IPromise<C>, IPromise<D>, IPromise<E>, IPromise<F>]): Promise<[A, B, C, D, E, F]>;
+    export function all<A, B, C, D, E, F>(promises: IWhenable<[IWhenable<A>, IWhenable<B>, IWhenable<C>, IWhenable<D>, IWhenable<E>, IWhenable<F>]>): Promise<[A, B, C, D, E, F]>;
     /**
      * Returns a promise that is fulfilled with an array containing the fulfillment value of each promise, or is rejected with the same rejection reason as the first promise to be rejected.
      */
-    export function all<A, B, C, D, E>(promises: [IPromise<A>, IPromise<B>, IPromise<C>, IPromise<D>, IPromise<E>]): Promise<[A, B, C, D, E]>;
+    export function all<A, B, C, D, E>(promises: IWhenable<[IWhenable<A>, IWhenable<B>, IWhenable<C>, IWhenable<D>, IWhenable<E>]>): Promise<[A, B, C, D, E]>;
     /**
      * Returns a promise that is fulfilled with an array containing the fulfillment value of each promise, or is rejected with the same rejection reason as the first promise to be rejected.
      */
-    export function all<A, B, C, D>(promises: [IPromise<A>, IPromise<B>, IPromise<C>, IPromise<D>]): Promise<[A, B, C, D]>;
+    export function all<A, B, C, D>(promises: IWhenable<[IWhenable<A>, IWhenable<B>, IWhenable<C>, IWhenable<D>]>): Promise<[A, B, C, D]>;
     /**
      * Returns a promise that is fulfilled with an array containing the fulfillment value of each promise, or is rejected with the same rejection reason as the first promise to be rejected.
      */
-    export function all<A, B, C>(promises: [IPromise<A>, IPromise<B>, IPromise<C>]): Promise<[A, B, C]>;
+    export function all<A, B, C>(promises: IWhenable<[IWhenable<A>, IWhenable<B>, IWhenable<C>]>): Promise<[A, B, C]>;
     /**
      * Returns a promise that is fulfilled with an array containing the fulfillment value of each promise, or is rejected with the same rejection reason as the first promise to be rejected.
      */
-    export function all<A, B>(promises: [IPromise<A>, IPromise<B>]): Promise<[A, B]>;
+    export function all<A, B>(promises: IWhenable<[IWhenable<A>, IWhenable<B>]>): Promise<[A, B]>;
     /**
      * Returns a promise that is fulfilled with an array containing the fulfillment value of each promise, or is rejected with the same rejection reason as the first promise to be rejected.
      */
-    export function all<T>(promises: IPromise<T>[]): Promise<T[]>;
+    export function all<T>(promises: IWhenable<IWhenable<T>[]>): Promise<T[]>;
 
     /**
     * Returns a promise for the first of an array of promises to become settled.
     */
-    export function race<T>(promises: IPromise<T>[]): Promise<T>;
+    export function race<T>(promises: IWhenable<T>[]): Promise<T>;
 
     /**
      * Returns a promise that is fulfilled with an array of promise state snapshots, but only after all the original promises have settled, i.e. become either fulfilled or rejected.
      */
-    export function allSettled<T>(promises: IPromise<T>[]): Promise<PromiseState<T>[]>;
+    export function allSettled<T>(promises: IWhenable<IWhenable<T>[]>): Promise<PromiseState<T>[]>;
 
-    export function allResolved<T>(promises: IPromise<T>[]): Promise<Promise<T>[]>;
+    export function allResolved<T>(promises: IWhenable<IWhenable<T>[]>): Promise<Promise<T>[]>;
 
     /**
      * Like then, but "spreads" the array into a variadic fulfillment handler. If any of the promises in the array are rejected, instead calls onRejected with the first rejected promise's rejection reason.
      * This is especially useful in conjunction with all.
      */
-    export function spread<T, U>(promises: IPromise<T>[], onFulfilled: (...args: T[]) => U | IPromise<U>, onRejected?: (reason: any) => U | IPromise<U>): Promise<U>;
+    export function spread<T, U>(promises: IWhenable<T>[], onFulfilled: (...args: T[]) => IWhenable<U>, onRejected?: (reason: any) => IWhenable<U>): Promise<U>;
 
     /**
      * Returns a promise that will have the same result as promise, except that if promise is not fulfilled or rejected before ms milliseconds, the returned promise will be rejected with an Error with the given message. If message is not supplied, the message will be "Timed out after " + ms + " ms".
@@ -295,7 +295,7 @@ declare namespace Q {
      */
     export function reject<T>(reason?: any): Promise<T>;
 
-    export function Promise<T>(resolver: (resolve: (val: T | IPromise<T>) => void , reject: (reason: any) => void , notify: (progress: any) => void ) => void ): Promise<T>;
+    export function Promise<T>(resolver: (resolve: (val: IWhenable<T>) => void , reject: (reason: any) => void , notify: (progress: any) => void ) => void ): Promise<T>;
 
     /**
      * Creates a new version of func that accepts any combination of promise and non-promise values, converting them to their fulfillment values before calling the original func. The returned version also always returns a promise: if func does a return or throw, then Q.promised(func) will return fulfilled or rejected promise, respectively.
@@ -346,14 +346,7 @@ declare namespace Q {
      * Calling resolve with a fulfilled promise causes promise to be fulfilled with the passed promise's fulfillment value.
      * Calling resolve with a non-promise value causes promise to be fulfilled with that value.
      */
-    export function resolve<T>(object: IPromise<T>): Promise<T>;
-    /**
-     * Calling resolve with a pending promise causes promise to wait on the passed promise, becoming fulfilled with its fulfillment value or rejected with its rejection reason (or staying pending forever, if the passed promise does).
-     * Calling resolve with a rejected promise causes promise to be rejected with the passed promise's rejection reason.
-     * Calling resolve with a fulfilled promise causes promise to be fulfilled with the passed promise's fulfillment value.
-     * Calling resolve with a non-promise value causes promise to be fulfilled with that value.
-     */
-    export function resolve<T>(object: T): Promise<T>;
+    export function resolve<T>(object: IWhenable<T>): Promise<T>;
 
 	/**
 	 * Resets the global "Q" variable to the value it has before Q was loaded.

From beff62f66f85d38c545687e9b589254302b40540 Mon Sep 17 00:00:00 2001
From: WilliamPeralta <william.peralta18@gmail.com>
Date: Tue, 4 Oct 2016 21:04:19 +0200
Subject: [PATCH 176/382] scheduler options (#11543)

---
 fullCalendar/fullCalendar.d.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/fullCalendar/fullCalendar.d.ts b/fullCalendar/fullCalendar.d.ts
index 81ce91d119..5d31fdeaad 100644
--- a/fullCalendar/fullCalendar.d.ts
+++ b/fullCalendar/fullCalendar.d.ts
@@ -131,6 +131,14 @@ declare namespace FullCalendar {
         eventAfterRender?: (event: EventObject, element: HTMLDivElement, view: ViewObject) => void;
         eventAfterAllRender?: (view: ViewObject) => void;
         eventDestroy?: (event: EventObject, element: JQuery, view: ViewObject) => void;
+
+	//scheduler options
+	resourceAreaWidth?:number,
+        schedulerLicenseKey?:string,
+        customButtons?:any,
+        resourceLabelText?:any,
+        resourceColumns?:any,
+        displayEventTime?:any,
     }
 
     /**

From 13308a020d67ad90337790d51f635747e307161c Mon Sep 17 00:00:00 2001
From: Sander Koenders <sanderkoenders@gmail.com>
Date: Tue, 4 Oct 2016 21:04:49 +0200
Subject: [PATCH 177/382] Added missing move function (#11563)

* Added missing move function

Added missing move function in typings so that the move function is recognised by the IDE and the compiler.

* Minor derp here
---
 fs-extra/fs-extra.d.ts | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/fs-extra/fs-extra.d.ts b/fs-extra/fs-extra.d.ts
index 7061f08746..d052752ba9 100644
--- a/fs-extra/fs-extra.d.ts
+++ b/fs-extra/fs-extra.d.ts
@@ -8,7 +8,7 @@
 ///<reference path="../node/node.d.ts"/>
 
 declare module "fs-extra" {
-    export * from "fs";
+	export * from "fs";
 
 	export function copy(src: string, dest: string, callback?: (err: Error) => void): void;
 	export function copy(src: string, dest: string, filter: CopyFilter, callback?: (err: Error) => void): void;
@@ -18,6 +18,9 @@ declare module "fs-extra" {
 	export function copySync(src: string, dest: string, filter: CopyFilter): void;
 	export function copySync(src: string, dest: string, options: CopyOptions): 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 createFile(file: string, callback?: (err: Error) => void): void;
 	export function createFileSync(file: string): void;
 
@@ -55,8 +58,8 @@ declare module "fs-extra" {
 	export function writeJsonSync(file: string, object: any, options?: OpenOptions): void;
 	export function writeJSONSync(file: string, object: any, options?: OpenOptions): void;
 
-    export function ensureDir(path: string, cb: (err: Error) => void): void;
-    export function ensureDirSync(path: string): void;
+	export function ensureDir(path: string, cb: (err: Error) => void): void;
+	export function ensureDirSync(path: string): void;
 
 	export function ensureFile(path: string, cb: (err: Error) => void): void;
 	export function ensureFileSync(path: string): void;
@@ -67,10 +70,10 @@ declare module "fs-extra" {
 	export function ensureSymlink(path: string, cb: (err: Error) => void): void;
 	export function ensureSymlinkSync(path: string): void;
 
-    export function emptyDir(path: string, callback?: (err: Error) => void): void;
-    export function emptyDirSync(path: string): boolean;
-
-    export interface CopyFilterFunction {
+	export function emptyDir(path: string, callback?: (err: Error) => void): void;
+	export function emptyDirSync(path: string): boolean;
+	
+	export interface CopyFilterFunction {
 		(src: string): boolean
 	}
 
@@ -83,6 +86,11 @@ declare module "fs-extra" {
 		filter?: CopyFilter
         	recursive?: boolean
 	}
+	
+	export interface MoveOptions {
+		clobber? : boolean;
+		limit?: number;
+	}
 
 	export interface OpenOptions {
 		encoding?: string;

From b26b960488568032a30784845a007ca1d7d1de9a Mon Sep 17 00:00:00 2001
From: Christopher Cortes <christophercr@gmail.com>
Date: Tue, 4 Oct 2016 22:58:12 +0200
Subject: [PATCH 178/382] Add missing Valdr typings for validation results and
 constraints (#11636)

* Add missing Valdr types

Add ValdrValidationConstraints and ValdrValidationResult typings

* Refine Valdr-message typings

Set a more refined type to messages instead of any

* Expand Valdr typings tests

Expand tests to include added typings for ValdrValidationResult and ValdrConstraints

* Fix spacing

Replace tabs by spaces

* Rename vars in test

Rename vars to make test clearer

* Fix TS issues

Added missing types

* Remove undefined

In TS by default null and undefined are subtypes of all other types

* Fix wrong type

Add missing namespace

* Fix wrong version number

Set version to only numbers

* Fix wrong version number

Keep version to only numbers
---
 valdr-message/valdr-message.d.ts |  8 ++---
 valdr/valdr-tests.ts             | 27 +++++++++++++--
 valdr/valdr.d.ts                 | 59 ++++++++++++++++++++++++++++----
 3 files changed, 82 insertions(+), 12 deletions(-)

diff --git a/valdr-message/valdr-message.d.ts b/valdr-message/valdr-message.d.ts
index b8c2a6673b..961fd8d156 100644
--- a/valdr-message/valdr-message.d.ts
+++ b/valdr-message/valdr-message.d.ts
@@ -31,7 +31,7 @@ declare namespace valdr.message {
          * Adds messages for AngularJS build-in validators (eg "required" and "number") or for specific fields (eg "Person.lastName.required").
          * @param messages the list of key/value pairs.
          */
-        addMessages(messages: any): void;
+        addMessages(messages: {[key:string]: string}): void;
 
         /**
          * Gets the validator message.
@@ -51,7 +51,7 @@ declare namespace valdr.message {
         setTemplate(template: string): void;
 
         /**
-         * Sets the URL for the default message template (eg "/partials/valdrMesssageTemplate.html").
+         * Sets the URL for the default message template (eg "/partials/valdrMessageTemplate.html").
          * @param url the URL of the default message template.
          */
         setTemplateUrl(url: string): void;
@@ -60,7 +60,7 @@ declare namespace valdr.message {
          * Adds messages for AngularJS build-in validators (eg "required" and "number") or for specific fields (eg "Person.lastName.required").
          * @param messages the list of key/value pairs.
          */
-        addMessages(messages: any): void;
+        addMessages(messages: {[key:string]: string}): void;
 
         /**
          * Gets the validator message.
@@ -71,4 +71,4 @@ declare namespace valdr.message {
          */
         getMessage(typeName: string, fieldName: string, validatorName: string): string;
     }
-}
\ No newline at end of file
+}
diff --git a/valdr/valdr-tests.ts b/valdr/valdr-tests.ts
index eb263223d3..be3348e792 100644
--- a/valdr/valdr-tests.ts
+++ b/valdr/valdr-tests.ts
@@ -3,6 +3,25 @@
 function ValdrTests() {
     var valdr: valdr.Valdr;
     var validation = valdr.validate('person', 'lastName', 'test');
+    var isValid = validation.valid;
+    var violations = validation.violations;
+    violations.forEach(function(violation:valdr.ValdrViolation) {
+        var valid = violation.valid;
+        var value = violation.value;
+        var field = violation.field;
+        var type = violation.type;
+        var validator = violation.validator;
+        var message = violation.message;
+    });
+    var results = validation.validationResults;
+    results.forEach(function(violation:valdr.ValdrViolation) {
+        var valid = violation.valid;
+        var value = violation.value;
+        var field = violation.field;
+        var type = violation.type;
+        var validator = violation.validator;
+        var message = violation.message;
+    });
     valdr.addConstraints({
         'person': {
             'lastName': {
@@ -12,8 +31,12 @@ function ValdrTests() {
             }
         }
     });
-    valdr.removeConstraints('person');
     var constraints = valdr.getConstraints();
+    var constraintType = constraints["person"];
+    var constraintField = constraintType["lastName"];
+    var constraintValidator = constraintField["test"];
+    var validationMessage = constraintValidator.message;
+    valdr.removeConstraints('person');
     valdr.setClasses({
         valid: 'demo-is-valid',
         invalid: 'demo-is-invalid'
@@ -35,4 +58,4 @@ function ValdrProviderTests() {
     valdrProvider.setConstraintUrl('/api/constraints');
     valdrProvider.addValidator('customValidator');
     valdrProvider.addConstraintAlias('customValidator', 'customValidatorAlias');
-}
\ No newline at end of file
+}
diff --git a/valdr/valdr.d.ts b/valdr/valdr.d.ts
index 5df4d13aa0..ab6870ab4b 100644
--- a/valdr/valdr.d.ts
+++ b/valdr/valdr.d.ts
@@ -5,21 +5,68 @@
 
 declare namespace valdr {
 
+    /**
+     * Custom validators must implement this interface to provide custom validation logic.
+     */
+    interface ValdrValidator {
+
+        /**
+         *  Custom validator's name, that will be set in the violation's validator field.
+         */
+        name: string;
+
+        /**
+         * Method to be called to perform custom validation over given value.
+         */
+        validate(value: any, validationArguments?: {[argumentName:string]: any}): boolean;
+    }
+
+    interface ValdrConstraintValidator {
+        [argumentName:string]: any;
+        message: string;
+    }
+
+    interface ValdrConstraintFieldName {
+        [validatorName:string]: ValdrConstraintValidator;
+    }
+
+    interface ValdrConstraintTypeName {
+        [fieldName:string]: ValdrConstraintFieldName;
+    }
+
+    interface ValdrConstraints {
+        [typeName:string]: ValdrConstraintTypeName;
+    }
+
+    interface ValdrViolation extends ValdrConstraintValidator {
+        valid: boolean;
+        value: string;
+        field: string;
+        type: string;
+        validator: string;
+    }
+
+    interface ValdrValidationResult {
+        valid: boolean;
+        violations: ValdrViolation[];
+        validationResults: ValdrViolation[];
+    }
+
     interface Valdr {
         /**
          * Validates the value of the given type with the constraints for the given field name.
          * @param typeName the type name.
          * @param fieldName the field name.
          * @param value the value to validate.
-         * @returns {*} the validation result.
+         * @returns {ValdrValidationResult} the validation result.
          */
-        validate(typeName: string, fieldName: string, value: string): any;
+        validate(typeName: string, fieldName: string, value: string): ValdrValidationResult;
 
         /**
          * Adds a new list of constraints (JSON Object).
          * @param newConstraints the list of constraints (JSON Object).
          */
-        addConstraints(newConstraints: any): void;
+        addConstraints(newConstraints: ValdrConstraints): void;
 
         /**
          * Removes one or many contraints.
@@ -31,7 +78,7 @@ declare namespace valdr {
          * Gets the list of constraints (JSON Object).
          * @returns the list of constraints.
          */
-        getConstraints(): any;
+        getConstraints(): ValdrConstraints;
 
         /**
          * Sets custom classes on the surrounding elements.
@@ -45,7 +92,7 @@ declare namespace valdr {
          * Adds a new list of constraints (JSON Object).
          * @param newConstraints the list of constraints (JSON Object).
          */
-        addConstraints(newConstraints: any): void;
+        addConstraints(newConstraints: ValdrConstraints): void;
 
         /**
          * Removes one or many contraints.
@@ -72,4 +119,4 @@ declare namespace valdr {
          */
         addConstraintAlias(valdrName: string, alias: string): void;
     }
-}
\ No newline at end of file
+}

From bf103e8654d6201f834fc597f7e7640326084528 Mon Sep 17 00:00:00 2001
From: York Yao <plantain-00@users.noreply.github.com>
Date: Thu, 6 Oct 2016 04:17:48 +0800
Subject: [PATCH 179/382] add type definitions for qrcode (#11723)

---
 qrcode/qrcode-tests.ts | 16 ++++++++++++++++
 qrcode/qrcode.d.ts     | 35 +++++++++++++++++++++++++++++++++++
 2 files changed, 51 insertions(+)
 create mode 100644 qrcode/qrcode-tests.ts
 create mode 100644 qrcode/qrcode.d.ts

diff --git a/qrcode/qrcode-tests.ts b/qrcode/qrcode-tests.ts
new file mode 100644
index 0000000000..dc1e539a8e
--- /dev/null
+++ b/qrcode/qrcode-tests.ts
@@ -0,0 +1,16 @@
+/// <reference path="qrcode.d.ts" />
+
+import * as QRCode from 'qrcode';
+
+QRCode.toDataURL('i am a pony!', function (err, url) {
+    console.log(url);
+});
+
+var qrcodedraw = new QRCodeLib.QRCodeDraw();
+
+qrcodedraw.draw(document.getElementById('test') as HTMLCanvasElement, "this text will be in the code!", function (error, canvas) {
+    if (error) {
+        return console.log('Error =( ', error);
+    }
+    console.log('success!');
+});
diff --git a/qrcode/qrcode.d.ts b/qrcode/qrcode.d.ts
new file mode 100644
index 0000000000..f3f355d90b
--- /dev/null
+++ b/qrcode/qrcode.d.ts
@@ -0,0 +1,35 @@
+// Type definitions for qrcode
+// Project: https://github.com/soldair/node-qrcode
+// Definitions by: York Yao <https://github.com/plantain-00/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+type QRCodeOptions = {
+    errorCorrectLevel?: "minimum" | "medium" | "high" | "max";
+}
+
+declare module "qrcode" {
+    var qrcode: {
+        toDataURL(text: string, callback: (error: Error, dataURL: string) => void): void;
+        toDataURL(text: string, options: QRCodeOptions, callback: (error: Error, dataURL: string) => void): void;
+        draw(text: string, callback: (error: Error, canvas: HTMLCanvasElement) => void): void;
+        draw(text: string, options: QRCodeOptions, callback: (error: Error, canvas: HTMLCanvasElement) => void): void;
+        drawSvg(text: string, callback: (error: Error, svgString: string) => void): void;
+        drawSvg(text: string, options: QRCodeOptions, callback: (error: Error, svgString: string) => void): void;
+        save(path: string, text: string, callback: (error: Error, written: any) => void): void;
+        save(path: string, text: string, options: QRCodeOptions, callback: (error: Error, written: any) => void): void;
+        drawText(text: string, callback: (error: Error) => void): void;
+        drawText(text: string, options: QRCodeOptions, callback: (error: Error) => void): void;
+        drawBitArray(text: string, callback: (error: Error, bits: any, width: number) => void): void;
+        drawBitArray(text: string, options: QRCodeOptions, callback: (error: Error, bits: any, width: number) => void): void;
+    };
+    export = qrcode;
+}
+
+declare var QRCodeLib: {
+    QRCodeDraw: {
+        new (): {
+            draw(element: HTMLCanvasElement, text: string, callback: (error: Error, canvas: HTMLCanvasElement) => void): void;
+            draw(element: HTMLCanvasElement, text: string, options: QRCodeOptions, callback: (error: Error, canvas: HTMLCanvasElement) => void): void;
+        }
+    };
+};

From 12649b923f2bb94dcce80f4bc65f21cb300620d7 Mon Sep 17 00:00:00 2001
From: Olivier Lamothe <olivier_lamothe@hotmail.fr>
Date: Wed, 5 Oct 2016 16:44:41 -0400
Subject: [PATCH 180/382] Add types definition for jstz (jsTimezoneDetect)
 (#11716)

* Add types definition for jstz (jsTimezoneDetect https://bitbucket.org/pellepim/jstimezonedetect)

* Rename to jstimezonedetect
---
 jstimezonedetect/jstimezonedetect-tests.ts |  5 +++++
 jstimezonedetect/jstimezonedetect.d.ts     | 16 ++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 jstimezonedetect/jstimezonedetect-tests.ts
 create mode 100644 jstimezonedetect/jstimezonedetect.d.ts

diff --git a/jstimezonedetect/jstimezonedetect-tests.ts b/jstimezonedetect/jstimezonedetect-tests.ts
new file mode 100644
index 0000000000..c4907aa6b0
--- /dev/null
+++ b/jstimezonedetect/jstimezonedetect-tests.ts
@@ -0,0 +1,5 @@
+/// <reference path="jstimezonedetect.d.ts" />
+
+import * as jstz from 'jstimezonedetect';
+
+jstz.determine().name() === 'America/Montreal';
diff --git a/jstimezonedetect/jstimezonedetect.d.ts b/jstimezonedetect/jstimezonedetect.d.ts
new file mode 100644
index 0000000000..9709f52724
--- /dev/null
+++ b/jstimezonedetect/jstimezonedetect.d.ts
@@ -0,0 +1,16 @@
+// Type definitions for jsTimezoneDetect
+// Project: https://bitbucket.org/pellepim/jstimezonedetect
+// Definitions by: Olivier Lamothe <https://github.com/olamothe/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+interface JsTimezoneDetect {
+    determine: ()=> {
+        name: ()=> string;
+    }
+}
+
+declare var jstimezonedetect: JsTimezoneDetect;
+
+declare module "jstimezonedetect" {
+    export = jstimezonedetect;
+}

From 5b4b22a2e84ad166ecd4f388f872a4ba32fddfbd Mon Sep 17 00:00:00 2001
From: rgvassar <rvassar@russellvassar.com>
Date: Wed, 5 Oct 2016 13:55:51 -0700
Subject: [PATCH 181/382] Uncommented ol.proj.setProj4. (#11744)

Changed the type of the parameter to any.
---
 openlayers/openlayers.d.ts | 30 ++++++++++++++----------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/openlayers/openlayers.d.ts b/openlayers/openlayers.d.ts
index c321517697..19bb0f4a8a 100644
--- a/openlayers/openlayers.d.ts
+++ b/openlayers/openlayers.d.ts
@@ -6366,7 +6366,7 @@ declare module ol {
              * @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.
@@ -7767,19 +7767,19 @@ 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 {proj4} proj4 Proj4.
-        //   * @api
-        //   */
-        //  function setProj4(proj4: proj4): void;
+         /**
+          * 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
@@ -7888,8 +7888,6 @@ declare module ol {
          * @param {ol.Coordinate} coordinate Coordinate.
          * @param {ol.ProjectionLike} source Source projection-like.
          * @param {ol.ProjectionLike} destination Destination projection-like.
-         * @return {ol.Coordinate} Coordinate.
-         * @api stable
          */
         function transform(coordinate: ol.Coordinate, source: ol.ProjectionLike, destination: ol.ProjectionLike): ol.Coordinate;
 

From db995d641cce0de40691d83673613092ab549318 Mon Sep 17 00:00:00 2001
From: lucap86 <luca.pivotto86@gmail.com>
Date: Thu, 6 Oct 2016 02:20:03 +0200
Subject: [PATCH 182/382] GreenSock easing classes fix (#11594)

* refs #9944

* refs #11265

* refs #11265

* Fixed ease types
---
 greensock/greensock.d.ts | 224 ++++++++++++++++++---------------------
 1 file changed, 103 insertions(+), 121 deletions(-)

diff --git a/greensock/greensock.d.ts b/greensock/greensock.d.ts
index 004ec79dab..95c2ad6a4c 100644
--- a/greensock/greensock.d.ts
+++ b/greensock/greensock.d.ts
@@ -44,7 +44,7 @@ declare type TweenConfig = {
     autoCSS?: boolean;
     callbackScope?: Object;
 }
- 
+    
 //com.greensock.core
 declare class Animation {
     static ticker: IDispatcher;
@@ -198,109 +198,106 @@ declare class TimelineMax extends TimelineLite {
 }
 
 //com.greensock.easing
-interface Back {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
+declare class Ease {
+    constructor(func:Function, extraParams:any[], type:number, power:number);
+    public getRatio(p: number): number;
 }
-interface Bounce {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface Circ {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface Cubic {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface Ease {
-    getRatio(p:number):number;
-}
-interface EaseLookup {
-    find(name:string):Ease;
-}
-interface Elastic {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface Expo {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface Linear {
-    ease:Linear;
-    easeIn:Linear;
-    easeInOut:Linear;
-    easeNone:Linear;
-    easeOut:Linear;
-}
-interface Power0 {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface Power1 {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface Power2 {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface Power3 {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface Power4 {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface Quad {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface Quart {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface Quint {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface Sine {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
-}
-interface SlowMo {
-    ease:SlowMo;
 
-    new (linearRatio:number, power:number, yoyoMode:boolean):SlowMo;
-    config(linearRatio:number, power:number, yoyoMode:boolean):SlowMo;
-    getRatio(p:number):number;
+declare class EaseLookup {
+    public static find(name: string): Ease;
 }
-interface SteppedEase {
-    config(steps:number):SteppedEase;
-    getRatio(p:number):number;
+
+declare class Back extends Ease {
+    public static easeIn: Back;
+    public static easeInOut: Back;
+    public static easeOut: Back;
+    public config(overshoot: number): Elastic;
+
 }
-interface Strong {
-    easeIn:Ease;
-    easeInOut:Ease;
-    easeOut:Ease;
+declare class Bounce extends Ease {
+    public static easeIn: Bounce;
+    public static easeInOut: Bounce;
+    public static easeOut: Bounce;
+}
+declare class Circ extends Ease {
+    public static easeIn: Circ;
+    public static easeInOut: Circ;
+    public static easeOut: Circ;
+}
+declare class Cubic extends Ease {
+    public static easeIn: Cubic;
+    public static easeInOut: Cubic;
+    public static easeOut: Cubic;
+}
+
+declare class Elastic extends Ease {
+    public static easeIn: Elastic;
+    public static easeInOut: Elastic;
+    public static easeOut: Elastic;
+    public config(amplitude: number, period: number): Elastic;
+}
+
+declare class Expo extends Ease {
+    public static easeIn: Expo;
+    public static easeInOut: Expo;
+    public static easeOut: Expo;
+}
+
+declare class Linear extends Ease {
+    public static ease: Linear;
+    public static easeIn: Linear;
+    public static easeInOut: Linear;
+    public static easeNone: Linear;
+    public static easeOut: Linear;
+}
+
+declare class Quad extends Ease {
+    public static easeIn: Quad;
+    public static easeInOut: Quad;
+    public static easeOut: Quad;
+}
+
+declare class Quart extends Ease {
+    public static easeIn: Quart;
+    public static easeInOut: Quart;
+    public static easeOut: Quart;
+}
+
+declare class Quint extends Ease {
+    public static easeIn: Quint;
+    public static easeInOut: Quint;
+    public static easeOut: Quint;
+}
+
+declare class Sine extends Ease {
+    public static easeIn: Sine;
+    public static easeInOut: Sine;
+    public static easeOut: Sine;
+}
+
+declare class SlowMo extends Ease {
+    public static ease: SlowMo;
+    public config(linearRatio: number, power: number, yoyoMode: boolean): SlowMo;
+}
+
+declare class SteppedEase extends Ease {
+    constructor(staps: number);
+    public config(steps: number): SteppedEase;
+}
+
+declare type RoughEaseConfig = {
+    clamp?: boolean;
+    points?: number;
+    randomize?: boolean;
+    strength?: number;
+    taper?: string; /* one of "in" | "out" | "both" | "none" */
+    template?: Ease;
+}
+
+declare class RoughEase extends Ease {
+    public static ease: RoughEase;
+    constructor(vars: RoughEaseConfig);
+    public config(steps: number): SteppedEase;
 }
 
 //com.greensock.plugins
@@ -335,27 +332,12 @@ interface TweenPlugin {
 }
 
 //com.greensock.easing
-declare var Back:Back;
-declare var Bounce:Bounce;
-declare var Circ:Circ;
-declare var Cubic:Cubic;
-declare var Ease:Ease;
-declare var EaseLookup:EaseLookup;
-declare var Elastic:Elastic;
-declare var Expo:Expo;
-declare var Linear:Linear;
-declare var Power0:Power0;
-declare var Power1:Power1;
-declare var Power2:Power2;
-declare var Power3:Power3;
-declare var Power4:Power4;
-declare var Quad:Quad;
-declare var Quart:Quart;
-declare var Quint:Quint;
-declare var Sine:Sine;
-declare var SlowMo:SlowMo;
-declare var SteppedEase:SteppedEase;
-declare var Strong:Strong;
+declare var Power0: typeof Linear;
+declare var Power1: typeof Quad;
+declare var Power2: typeof Cubic;
+declare var Power3: typeof Quart;
+declare var Power4: typeof Quint;
+declare var Strong: typeof Quint;
 
 //com.greensock.plugins
 declare var BezierPlugin:BezierPlugin;

From 988a0d16a3c35cb8b6b3748356660406f81c2294 Mon Sep 17 00:00:00 2001
From: Jeffery Grajkowski <pushplay@gmail.com>
Date: Wed, 5 Oct 2016 20:24:00 -0700
Subject: [PATCH 183/382] Definitions for quoted-printable. (#11749)

* Definitions for quoted-printable.

* Fix the spelling of my own dang name.
---
 quoted-printable/quoted-printable-tests.ts | 11 +++++++++
 quoted-printable/quoted-printable.d.ts     | 27 ++++++++++++++++++++++
 2 files changed, 38 insertions(+)
 create mode 100644 quoted-printable/quoted-printable-tests.ts
 create mode 100644 quoted-printable/quoted-printable.d.ts

diff --git a/quoted-printable/quoted-printable-tests.ts b/quoted-printable/quoted-printable-tests.ts
new file mode 100644
index 0000000000..c13580bbf9
--- /dev/null
+++ b/quoted-printable/quoted-printable-tests.ts
@@ -0,0 +1,11 @@
+/// <reference path="./quoted-printable.d.ts" />
+/// <reference path="../utf8/utf8.d.ts" />
+
+import * as quotedPrintable from "quoted-printable";
+import * as utf8 from "utf8";
+
+quotedPrintable.version === "0.2.1";
+quotedPrintable.encode(utf8.encode("foo=bar"));
+quotedPrintable.encode(utf8.encode("Iñtërnâtiônàlizætiøn☃💩"));
+utf8.decode(quotedPrintable.decode("foo=3Dbar"));
+utf8.decode(quotedPrintable.decode("I=C3=B1t=C3=ABrn=C3=A2ti=C3=B4n=C3=A0liz=C3=A6ti=C3=B8n=E2=98=83=F0=9F=92=\r\n=A9"));
diff --git a/quoted-printable/quoted-printable.d.ts b/quoted-printable/quoted-printable.d.ts
new file mode 100644
index 0000000000..2d3edceb0a
--- /dev/null
+++ b/quoted-printable/quoted-printable.d.ts
@@ -0,0 +1,27 @@
+// Type definitions for quoted-printable v0.2.1
+// Project: https://github.com/mathiasbynens/quoted-printable
+// Definitions by: Jeffery Grajkowski <https://github.com/pushplay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "quoted-printable" {
+    /**
+     * A string representing the semantic version number.
+     */
+    export const version: string;
+
+    /**
+     * This function takes an encoded byte string (the input
+     * parameter) and Quoted-Printable-encodes it. Each item
+     * in the input string represents an octet as per the
+     * desired character encoding.
+     */
+    export function encode(input: string): string;
+
+    /**
+     * This function takes a string of text (the text parameter)
+     * and Quoted-Printable-decodes it. The return value is a
+     * ‘byte string’, i.e. a string of which each item represents
+     * an octet as per the character encoding that’s being used.
+     */
+    export function decode(input: string): string;
+}

From ed55234e6f716015ca3638063fb60c025114d8f3 Mon Sep 17 00:00:00 2001
From: Daniel Areiza <daareiza@users.noreply.github.com>
Date: Wed, 5 Oct 2016 22:46:17 -0500
Subject: [PATCH 184/382] jquery-colorpicker update (#11297)

* jquery-colorpicker update

* Changed suggested type to original
---
 jquery.colorpicker/jquery.colorpicker.d.ts | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/jquery.colorpicker/jquery.colorpicker.d.ts b/jquery.colorpicker/jquery.colorpicker.d.ts
index 0f904b8c1c..22a9dac449 100644
--- a/jquery.colorpicker/jquery.colorpicker.d.ts
+++ b/jquery.colorpicker/jquery.colorpicker.d.ts
@@ -8,12 +8,12 @@
 interface JQueryColorpickerOptions {
     // Events
     // TODO: Figure out actual types.
-    cancel: Function,
-    close: Function,
-    init: Function,
-    select: Function,
-    ok: Function,
-    open: Function,
+    cancel?: Function,
+    close?: Function,
+    init?: Function,
+    select?: Function,
+    ok?: Function,
+    open?: Function,
 
     alpha?: boolean;
     altAlpha?: boolean;
@@ -32,6 +32,8 @@ interface JQueryColorpickerOptions {
     colorFormat?: string;
     draggable?: boolean;
     duration?: string;
+    format?: string;
+    horizontal?: boolean;
     hsv?: boolean;
     inline?: boolean;
     inlineFrame?: boolean;

From b73e47ca80e9c8d68e202500fb7f7952e04092f7 Mon Sep 17 00:00:00 2001
From: Daniel Areiza <daareiza@users.noreply.github.com>
Date: Thu, 6 Oct 2016 00:17:30 -0500
Subject: [PATCH 185/382] bootstrap-datepicker view mode option (#11755)

* jquery-colorpicker update

* Changed suggested type to original

* bootstrap-datepicker view mode option
---
 bootstrap-datepicker/bootstrap-datepicker.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/bootstrap-datepicker/bootstrap-datepicker.d.ts b/bootstrap-datepicker/bootstrap-datepicker.d.ts
index 1a2bb2124b..007f812c03 100644
--- a/bootstrap-datepicker/bootstrap-datepicker.d.ts
+++ b/bootstrap-datepicker/bootstrap-datepicker.d.ts
@@ -36,6 +36,7 @@ interface DatepickerOptions {
     multidateSeparator?: string;
     orientation?: string;
     assumeNearbyYear?: any;
+    viewMode?: string;
 }
 
 interface DatepickerCustomFormatOptions {

From 851b50fa81b02d2ab2e84d087f511d1e68e3f499 Mon Sep 17 00:00:00 2001
From: jakubskopal <j@kubs.cz>
Date: Thu, 6 Oct 2016 15:21:46 +0200
Subject: [PATCH 186/382] add byline default function calling convention
 (#11659)

* add byline default function calling convention

* add tests for function-like usage of byline
---
 byline/byline-tests.ts |  7 ++++---
 byline/byline.d.ts     | 46 +++++++++++++++++++-----------------------
 2 files changed, 25 insertions(+), 28 deletions(-)

diff --git a/byline/byline-tests.ts b/byline/byline-tests.ts
index 42de3d5d9c..201d5dbda3 100644
--- a/byline/byline-tests.ts
+++ b/byline/byline-tests.ts
@@ -7,8 +7,9 @@
 import fs = require( 'fs' );
 import byline = require( 'byline' );
 
-//TODO can this be typed in an ambient way?
-//var stream = byline( fs.createReadStream( 'sample.txt', {encoding: 'utf8'} ) );
+var stream = byline();
+
+var stream = byline( fs.createReadStream( 'sample.txt', {encoding: 'utf8'} ) );
 
 var stream = byline.createStream( fs.createReadStream( 'sample.txt', {encoding: 'utf8'} ) );
 
@@ -44,4 +45,4 @@ var output = fs.createWriteStream('nolines.txt');
 
 var lineStream:byline.LineStream = new LineStream();
 input.pipe(lineStream);
-lineStream.pipe(output);
\ No newline at end of file
+lineStream.pipe(output);
diff --git a/byline/byline.d.ts b/byline/byline.d.ts
index 48ddd2d57a..68cb81e139 100644
--- a/byline/byline.d.ts
+++ b/byline/byline.d.ts
@@ -8,31 +8,27 @@
 declare module "byline" {
     import stream = require("stream");
 
-    export interface LineStreamOptions extends stream.TransformOptions {
-        keepEmptyLines?: boolean;
+    function bl(): bl.LineStream;
+    function bl(stream: NodeJS.ReadableStream, options?: bl.LineStreamOptions): bl.LineStream;
+
+    namespace bl {
+
+        export interface LineStreamOptions extends stream.TransformOptions {
+            keepEmptyLines?: boolean;
+        }
+
+        export interface LineStream extends stream.Transform {
+        }
+
+        export interface LineStreamCreatable extends LineStream {
+            new (options?: LineStreamOptions): LineStream
+        }
+
+        export function createStream(): LineStream;
+        export function createStream(stream: NodeJS.ReadableStream, options?: LineStreamOptions): LineStream;
+
+        export var LineStream: LineStreamCreatable;
     }
 
-    export interface LineStream extends stream.Transform {
-    }
-
-    export interface LineStreamCreatable extends LineStream {
-        new (options?:LineStreamOptions):LineStream
-    }
-
-    //TODO is it possible to declare static factory functions without name (directly on the module)
-    //
-    // JS:
-    // // convinience API
-    // module.exports = function(readStream, options) {
-    //      return module.exports.createStream(readStream, options);
-    // };
-    //
-    // TS:
-    // ():LineStream; // same as createStream():LineStream
-    // (stream:stream.Stream, options?:LineStreamOptions):LineStream; // same as createStream(stream, options?):LineStream
-
-    export function createStream():LineStream;
-    export function createStream(stream:NodeJS.ReadableStream, options?:LineStreamOptions):LineStream;
-
-    export var LineStream:LineStreamCreatable;
+    export = bl;
 }

From 6a70dd082e6dd97218d76cffb56bf7540dc51368 Mon Sep 17 00:00:00 2001
From: Sam Verschueren <sam.verschueren@gmail.com>
Date: Thu, 6 Oct 2016 16:03:53 +0200
Subject: [PATCH 187/382] fix object-assign (#11709)

---
 object-assign/object-assign-tests.ts | 12 ++++++------
 object-assign/object-assign.d.ts     |  1 +
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/object-assign/object-assign-tests.ts b/object-assign/object-assign-tests.ts
index 6b9a898ed4..7fa41a7cb7 100644
--- a/object-assign/object-assign-tests.ts
+++ b/object-assign/object-assign-tests.ts
@@ -1,5 +1,5 @@
 /// <reference path="object-assign.d.ts" />
-import objectAssign = require("object-assign");
+import * as objectAssign from 'object-assign';
 
 interface Target {
   hellow: string;
@@ -10,7 +10,7 @@ interface Source1 {
 }
 
 interface Result extends Target, Source1 {
-  
+
 }
 
 interface Source2 {
@@ -18,7 +18,7 @@ interface Source2 {
 }
 
 interface Result2 extends Result, Source2 {
-  
+
 }
 
 interface Source3 {
@@ -26,7 +26,7 @@ interface Source3 {
 }
 
 interface Result3 extends Result2, Source3 {
-  
+
 }
 
 interface Source4 {
@@ -34,7 +34,7 @@ interface Source4 {
 }
 
 interface Result4 extends Result3, Source4 {
-  
+
 }
 
 interface Source5 {
@@ -42,7 +42,7 @@ interface Source5 {
 }
 
 interface Result5 extends Result4, Source5 {
-  
+
 }
 
 function assign1(): Result {
diff --git a/object-assign/object-assign.d.ts b/object-assign/object-assign.d.ts
index c3f92b7592..5ed4fca2d1 100644
--- a/object-assign/object-assign.d.ts
+++ b/object-assign/object-assign.d.ts
@@ -10,5 +10,6 @@ declare module "object-assign" {
   function objectAssign<T, U, V, W, Q>(target: T, source1: U, source2: V, source3: W, source4: Q): T & U & V & W & Q;
   function objectAssign<T, U, V, W, Q, R>(target: T, source1: U, source2: V, source3: W, source4: Q, source5: R): T & U & V & W & Q & R;
   function objectAssign(target: any, ...sources: any[]): any;
+  namespace objectAssign { }
   export = objectAssign;
 }

From 877a2af148ad04675bb647e1a358be6d2b25b985 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrien=20Verg=C3=A9?= <adrienverge@gmail.com>
Date: Thu, 6 Oct 2016 16:26:24 +0200
Subject: [PATCH 188/382] fix(CKEditor): Fix config.toolbar type (#11567)

The type for toolbar is currently defined as  `string | (string[])[]`,
but it should be `string | (string | string[])[]`.

The `toolbar` property is either:
* a toolbar name (`string`)
* or an array of elements, that can be `string`s (for instance a newline
  marker `'/'`) or `string[]`s (for instance a list of buttons).

For example, this is a valid configuration:

```js
CKEDITOR.config.toolbar = [
    [ 'mode', 'document', 'doctools' ],
    [ 'clipboard', 'undo' ],
    '/',
    [ 'find', 'selection', 'spellchecker' ],
    [ 'basicstyles', 'cleanup' ],
    '/',
    [ 'list', 'indent', 'blocks', 'align', 'bidi' ],
];
```
---
 ckeditor/ckeditor-tests.ts | 17 +++++++++++++++++
 ckeditor/ckeditor.d.ts     |  2 +-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/ckeditor/ckeditor-tests.ts b/ckeditor/ckeditor-tests.ts
index bcf2a7807b..97a5c73937 100644
--- a/ckeditor/ckeditor-tests.ts
+++ b/ckeditor/ckeditor-tests.ts
@@ -37,6 +37,23 @@ function test_CKEDITOR() {
     CKEDITOR.replaceAll((textarea, config) => false);
 }
 
+function test_config() {
+    var config1: CKEDITOR.config = {
+        toolbar: 'basic',
+    };
+    var config2: CKEDITOR.config = {
+        toolbar: [
+            [ 'mode', 'document', 'doctools' ],
+            [ 'clipboard', 'undo' ],
+            '/',
+            [ 'find', 'selection', 'spellchecker' ],
+            [ 'basicstyles', 'cleanup' ],
+            '/',
+            [ 'list', 'indent', 'blocks', 'align', 'bidi' ],
+        ],
+    };
+}
+
 function test_dom_comment() {
     var type = CKEDITOR.NODE_COMMENT;
     var nativeNode = document.createComment('Example');
diff --git a/ckeditor/ckeditor.d.ts b/ckeditor/ckeditor.d.ts
index b5009fa031..d43446dd83 100644
--- a/ckeditor/ckeditor.d.ts
+++ b/ckeditor/ckeditor.d.ts
@@ -807,7 +807,7 @@ declare namespace CKEDITOR {
         templates_files?: Object;
         templates_replaceContent?: boolean;
         title?: string | boolean;
-        toolbar?: string | (string[])[];
+        toolbar?: string | (string | string[])[];
         toolbarCanCollapse?: boolean;
         toolbarGroupCycling?: boolean;
         toolbarGroups?: toolbarGroups[];

From 384a4f4a5dbe893e4c6edcac900bc37c6d6d7779 Mon Sep 17 00:00:00 2001
From: Schwobaland <Schwobaland@users.noreply.github.com>
Date: Thu, 6 Oct 2016 16:32:53 +0200
Subject: [PATCH 189/382] fixed setMaxBounds to match maxBounds in MapOptions
 (#11738)

* fixed setMaxBounds to match maxBounds in MapOptions

* comment removed and splitted into two overloads.
---
 leaflet/leaflet-tests.ts | 4 ++--
 leaflet/leaflet.d.ts     | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/leaflet/leaflet-tests.ts b/leaflet/leaflet-tests.ts
index 9b07b8fd03..4b435fe2af 100644
--- a/leaflet/leaflet-tests.ts
+++ b/leaflet/leaflet-tests.ts
@@ -237,8 +237,8 @@ map = map
 	.panTo(latLngTuple, panOptions)
 	.panBy(point)
 	.panBy(pointTuple)
-	.setMaxBounds(bounds) // investigate if this really receives Bounds instead of LatLngBounds
-	.setMaxBounds(boundsLiteral)
+	.setMaxBounds(latLngBounds)
+	.setMaxBounds(latLngBoundsLiteral)
 	.setMinZoom(5)
 	.setMaxZoom(10)
 	.panInsideBounds(latLngBounds)
diff --git a/leaflet/leaflet.d.ts b/leaflet/leaflet.d.ts
index 50051df19d..2f5b908661 100644
--- a/leaflet/leaflet.d.ts
+++ b/leaflet/leaflet.d.ts
@@ -1231,8 +1231,8 @@ declare namespace L {
         panTo(latlng: LatLngTuple, options?: PanOptions): this;
         panBy(offset: Point): this;
         panBy(offset: PointTuple): this;
-        setMaxBounds(bounds: Bounds): this; // is this really bounds and not lanlngbounds?
-        setMaxBounds(bounds: BoundsLiteral): this;
+        setMaxBounds(bounds: LatLngBounds): this;
+        setMaxBounds(bounds: LatLngBoundsLiteral): this;
         setMinZoom(zoom: number): this;
         setMaxZoom(zoom: number): this;
         panInsideBounds(bounds: LatLngBounds, options?: PanOptions): this;

From afa8fc20023d9dff9313a63cd65a97758bcbab70 Mon Sep 17 00:00:00 2001
From: Jani <ljani@users.noreply.github.com>
Date: Thu, 6 Oct 2016 17:33:50 +0300
Subject: [PATCH 190/382] yargs: fix fail API (#11757)

* yargs: fix --target es6

* yargs: fix fail API
---
 yargs/yargs-tests.ts | 15 ++++++++++++++-
 yargs/yargs.d.ts     |  2 +-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/yargs/yargs-tests.ts b/yargs/yargs-tests.ts
index c964e1b724..9246bf4725 100644
--- a/yargs/yargs-tests.ts
+++ b/yargs/yargs-tests.ts
@@ -4,8 +4,9 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="yargs.d.ts" />
+/// <reference path="../node/node.d.ts"/>
 
-import yargs = require('yargs');
+import * as yargs from 'yargs';
 
 // Examples taken from yargs website
 // https://github.com/chevex/yargs
@@ -343,3 +344,15 @@ function Argv$commandDirWithOptions() {
 		})
 		.argv
 }
+
+// http://yargs.js.org/docs/#methods-failfn
+function Argv$fail() {
+	var argv = yargs
+		.fail(function (msg, err) {
+			if (err) throw err // preserve stack
+			console.error('You broke it!')
+			console.error(msg)
+			process.exit(1)
+		})
+		.argv
+}
diff --git a/yargs/yargs.d.ts b/yargs/yargs.d.ts
index e2f329e3c0..547b6e9e63 100644
--- a/yargs/yargs.d.ts
+++ b/yargs/yargs.d.ts
@@ -135,7 +135,7 @@ declare module "yargs" {
 			count(key: string): Argv;
 			count(keys: string[]): Argv;
 
-			fail(func: (msg: string) => any): void;
+			fail(func: (msg: string, err: Error) => any): Argv;
 		}
 
 		interface RequireDirectoryOptions {

From f63e50aa818affaffb2eb0faf5ca426746e67ebc Mon Sep 17 00:00:00 2001
From: Jeongho Nam <samchon@samchon.org>
Date: Thu, 6 Oct 2016 23:36:47 +0900
Subject: [PATCH 191/382] TypeScript-STL v1.1.2 & Samchon-Framework v2-gamma.3
 (#11758)

* Samchon Framework & TypeScript-STL for TS2.0

* bootstrap-datepicker view mode option (#11755)

* jquery-colorpicker update

* Changed suggested type to original

* bootstrap-datepicker view mode option

* Revert "Samchon Framework & TypeScript-STL for TS2.0"

This reverts commit 6d9853350f1d9cc4cb19da72ed4d7aebb5f21eeb.

* TypeScript-STL v1.1.2 & Samchon-Framework v2-gamma.3
---
 samchon-collection/samchon-collection.d.ts |     6 +-
 samchon-framework/samchon-framework.d.ts   | 10317 +++++++++++++------
 typescript-stl/typescript-stl.d.ts         |   501 +-
 3 files changed, 7371 insertions(+), 3453 deletions(-)

diff --git a/samchon-collection/samchon-collection.d.ts b/samchon-collection/samchon-collection.d.ts
index 0bff8791f9..3041c6a618 100644
--- a/samchon-collection/samchon-collection.d.ts
+++ b/samchon-collection/samchon-collection.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Samchon Collection v0.0.2
+// Type definitions for Samchon Collection v0.0.4
 // Project: https://github.com/samchon/framework
 // Definitions by: Jeongho Nam <http://samchon.org>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -7,7 +7,7 @@
 
 declare module "samchon-collection"
 {
-	import collection = samchon.collection;
-	export = collection;
+	import collections = samchon.collections;
+	export = collections;
 }
 
diff --git a/samchon-framework/samchon-framework.d.ts b/samchon-framework/samchon-framework.d.ts
index 70d9dda38f..d04ed7fcf3 100644
--- a/samchon-framework/samchon-framework.d.ts
+++ b/samchon-framework/samchon-framework.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Samchon Framework v2.0.0-beta.8
+// Type definitions for Samchon Framework v2.0.0-gamma.3
 // Project: https://github.com/samchon/framework
 // Definitions by: Jeongho Nam <http://samchon.org>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -7,63 +7,110 @@
 
 declare module "samchon-framework"
 {
-        export = samchon;
+	export = samchon;
 }
 
 /**
  * <h1> Samchon-Framework </h1>
  *
- * <p> <a href="https://nodei.co/npm/samchon-framework">
- *	<img src="https://nodei.co/npm/samchon-framework.png?downloads=true&downloadRank=true&stars=true"> </a> </p>
+ * <a href="https://nodei.co/npm/samchon-framework">
+ *	<img src="https://nodei.co/npm/samchon-framework.png?downloads=true&downloadRank=true&stars=true"> </a>
  *
- * <p> Samchon, a SDN (Software Defined Network) framework. </p>
+ * Samchon, a SDN (Software Defined Network) framework.
  *
- * <p> With Samchon Framework, you can implement distributed processing system within framework of OOD like
- * handling S/W objects (classes). You can realize cloud and distributed system very easily with provided
- * system templates and even integration with C++ is possible. </p>
+ * With Samchon Framework, you can implement distributed processing system within framework of OOD like handling S/W
+ * objects (classes). You can realize cloud and distributed system very easily with provided system templates and even
+ * integration with C++ is possible.
  *
- * <p> The goal, ultimate utilization model of Samchon Framework is, building cloud system with NodeJS and
- * takING heavy works to C++ distributed systems with provided modules (those are system templates). </p>
+ * The goal, ultimate utilization model of Samchon Framework is, building cloud system with NodeJS and taking heavy works
+ * to C++ distributed systems with provided modules (those are system templates).
  *
  * @git https://github.com/samchon/framework
  * @author Jeongho Nam <http://samchon.org>
  */
 declare namespace samchon {
     /**
-     * <p> Running on Node. </p>
+     * Running on Node.
      *
-     * <p> Test whether the JavaScript is running on Node. </p>
+     * Test whether the JavaScript is running on Node.
      *
      * @references http://stackoverflow.com/questions/17575790/environment-detection-node-js-or-browser
      */
     function is_node(): boolean;
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
      * A {@link Vector} who can detect element I/O events.
      *
-     * <ul>
-     *	<li> <i>insert</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link insert} </li>
-     *		<li> {@link push} </li>
-     *		<li> {@link push_back} </li>
-     *		<li> {@link unshift} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link clear} </li>
-     *		<li> {@link erase} </li>
-     *		<li> {@link pop_back} </li>
-     *		<li> {@link shift} </li>
-     *		<li> {@link pop} </li>
-     *		<li> {@link splice} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link sort} </li>
-     *	</ul></li>
-     * </ul>
+     * Below is the list of methods who are dispatching {@link CollectionEvent}:
+     * - *insert* typed events:
+     *   - {@link assign}
+     *   -  {@link insert}
+     *   -  {@link push}
+     *   -  {@link push_back}
+     *   -  {@link unshift}
+     * - *erase* typed events:
+     *   -  {@link assign}
+     *   -  {@link clear}
+     *   -  {@link erase}
+     *   - {@link pop_back}
+     *   - {@link shift}
+     *   - {@link pop}
+     *   - {@link splice}
+     * - *refresh* typed events:
+     *   - {@link refresh}
      *
+     * #### [Inherited] {@link Vector}
+     * {@link Vector Vectors}s are sequence containers representing arrays that can change in size.
+     *
+     * Just like arrays, {@link Vector}s use contiguous storage locations for their elements, which means that their
+     * elements can also be accessed using offsets on regular pointers to its elements, and just as efficiently as in
+     * arrays. But unlike arrays, their size can change dynamically, with their storage being handled automatically
+     * by the container.
+     *
+     * Internally, {@link Vector}s use a dynamically allocated array to store their elements. This array may need to
+     * be reallocated in order to grow in size when new elements are inserted, which implies allocating a new array
+     * and moving all elements to it. This is a relatively expensive task in terms of processing time, and thus,
+     * {@link Vector}s do not reallocate each time an element is added to the container.
+     *
+     * Instead, {@link Vector} containers may allocate some extra storage to accommodate for possible growth, and
+     * thus the container may have an actual {@link capacity} greater than the storage strictly needed to contain its
+     * elements (i.e., its {@link size}). Libraries can implement different strategies for growth to balance between
+     * memory usage and reallocations, but in any case, reallocations should only happen at logarithmically growing
+     * intervals of {@link size} so that the insertion of individual elements at the end of the {@link Vector} can be
+     * provided with amortized constant time complexity (see {@link push_back push_back()}).
+     *
+     * Therefore, compared to arrays, {@link Vector}s consume more memory in exchange for the ability to manage
+     * storage and grow dynamically in an efficient way.
+     *
+     * Compared to the other dynamic sequence containers ({@link Deque}s, {@link List}s), {@link Vector Vectors} are
+     * very efficient accessing its elements (just like arrays) and relatively efficient adding or removing elements
+     * from its end. For operations that involve inserting or removing elements at positions other than the end, they
+     * perform worse than the others, and have less consistent iterators and references than {@link List}s.
+     *
+     * <a href="http://samchon.github.io/typescript-stl/images/design/class_diagram/linear_containers.png" target="_blank">
+     * <img src="http://samchon.github.io/typescript-stl/images/design/class_diagram/linear_containers.png" style="max-width: 100%" />
+     * </a>
+     *
+     * <h3> Container properties </h3>
+     * <dl>
+     *	<dt> Sequence </dt>
+     *	<dd>
+     *		Elements in sequence containers are ordered in a strict linear sequence. Individual elements are
+     *		accessed by their position in this sequence.
+     *	</dd>
+     *
+     *	<dt> Dynamic array </dt>
+     *	<dd>
+     *		Allows direct access to any element in the sequence, even through pointer arithmetics, and provides
+     *		relatively fast addition/removal of elements at the end of the sequence.
+     *	</dd>
+     * </dl>
+     *
+     * @param <T> Type of the elements.
+     *
+     * @reference http://www.cplusplus.com/reference/vector/vector
+     * @handbook [Collections](https://github.com/samchon/framework/wiki/TypeScript-STL#collections)
      * @author Jeongho Nam <http://samchon.org>
      */
     class ArrayCollection<T> extends std.Vector<T> implements ICollection<T> {
@@ -74,7 +121,7 @@ declare namespace samchon.collection {
         /**
          * @inheritdoc
          */
-        push<U extends T>(...items: U[]): number;
+        push(...items: T[]): number;
         /**
          * @inheritdoc
          */
@@ -170,6 +217,7 @@ declare namespace samchon.library {
      * A basic event class of Samchon Framework.
      *
      * @reference https://developer.mozilla.org/en-US/docs/Web/API/Event
+     * @handbook https://github.com/samchon/framework/wiki/TypeScript-Library-EventDispatcher
      * @author Jeongho Nam <http://samchon.org>
      */
     class BasicEvent {
@@ -248,48 +296,57 @@ declare namespace samchon.library {
         returnValue: boolean;
     }
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
      * Type of function pointer for listener of {@link CollectionEvent CollectionEvents}.
      */
     type CollectionEventListener<T> = (event: CollectionEvent<T>) => void;
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
+     * An event occured in a {@link ICollection collection} object.
+     *
+     * @handbook [Collections](https://github.com/samchon/framework/wiki/TypeScript-STL#collections)
      * @author Jeongho Nam <http://samchon.org>
      */
     class CollectionEvent<T> extends library.BasicEvent {
         /**
          * @hidden
          */
-        protected first_: std.Iterator<T>;
+        private first_;
+        /**
+         * @hidden
+         */
+        private last_;
         /**
          * @hidden
          */
-        protected last_: std.Iterator<T>;
         private temporary_container_;
+        /**
+         * @hidden
+         */
         private origin_first_;
         /**
          * Initialization Constructor.
          *
          * @param type Type of collection event.
-         * @param first
-         * @param last
+         * @param first An {@link Iterator} to the initial position in this {@link CollectionEvent}.
+         * @param last An {@link Iterator} to the final position in this {@link CollectionEvent}.
          */
         constructor(type: string, first: std.Iterator<T>, last: std.Iterator<T>);
         constructor(type: "insert", first: std.Iterator<T>, last: std.Iterator<T>);
         constructor(type: "erase", first: std.Iterator<T>, last: std.Iterator<T>);
         constructor(type: "refresh", first: std.Iterator<T>, last: std.Iterator<T>);
         /**
-         * Get associative target, the container.
+         * Associative target, the {@link ICollection collection}.
          */
         target: ICollection<T>;
         /**
-         * Get range of the first.
+         * An {@link Iterator} to the initial position in this {@link CollectionEvent}.
          */
         first: std.Iterator<T>;
         /**
-         * Get range of the last.
+         * An {@link Iterator} to the final position in this {@link CollectionEvent}.
          */
         last: std.Iterator<T>;
         /**
@@ -301,34 +358,78 @@ declare namespace samchon.collection {
 /**
  * @hidden
  */
-declare namespace samchon.collection.CollectionEvent {
+declare namespace samchon.collections.CollectionEvent {
     const INSERT: "insert";
     const ERASE: "erase";
     const REFRESH: "refresh";
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
      * A {@link Deque} who can detect element I/O events.
      *
-     * <p> Below are list of methods who are dispatching {@link CollectionEvent}: </p>
+     * Below is the list of methods who are dispatching {@link CollectionEvent}:
+     * - *insert* typed events:
+     *   - {@link assign}
+     *   - {@link insert}
+     *   - {@link push}
+     *   - {@link push_front}
+     *   - {@link push_back}
+     * - *erase* typed events:
+     *   - {@link assign}
+     *   - {@link clear}
+     *   - {@link erase}
+     *   - {@link pop_front}
+     *   - {@link pop_back}
+     * - *refresh* typed events:
+     *   - {@link refresh}
      *
-     * <ul>
-     *	<li> <i>insert</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link insert} </li>
-     *		<li> {@link push} </li>
-     *		<li> {@link push_front} </li>
-     *		<li> {@link push_back} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link clear} </li>
-     *		<li> {@link erase} </li>
-     *		<li> {@link pop_front} </li>
-     *		<li> {@link pop_back} </li>
-     *	</ul></li>
-     * </ul>
+     * #### [Inherited] {@link Deque}
+     * {@link Deque} (usually pronounced like "*deck*") is an irregular acronym of **d**ouble-**e**nded **q**ueue.
+     * Double-ended queues are sequence containers with dynamic sizes that can be expanded or contracted on both ends
+     * (either its front or its back).
      *
+     * Specific libraries may implement deques in different ways, generally as some form of dynamic array. But in any
+     * case, they allow for the individual elements to be accessed directly through random access iterators, with
+     * storage handled automatically by expanding and contracting the container as needed.
+     *
+     * Therefore, they provide a functionality similar to vectors, but with efficient insertion and deletion of
+     * elements also at the beginning of the sequence, and not only at its end. But, unlike {@link Vector Vectors},
+     * {@link Deque Deques} are not guaranteed to store all its elements in contiguous storage locations: accessing
+     * elements in a <u>deque</u> by offsetting a pointer to another element causes undefined behavior.
+     *
+     * Both {@link Vector}s and {@link Deque}s provide a very similar interface and can be used for similar purposes,
+     * but internally both work in quite different ways: While {@link Vector}s use a single array that needs to be
+     * occasionally reallocated for growth, the elements of a {@link Deque} can be scattered in different chunks of
+     * storage, with the container keeping the necessary information internally to provide direct access to any of its
+     * elements in constant time and with a uniform sequential interface (through iterators). Therefore,
+     * {@link Deque Deques} are a little more complex internally than {@link Vector}s, but this allows them to grow
+     * more efficiently under certain circumstances, especially with very long sequences, where reallocations become
+     * more expensive.
+     *
+     * For operations that involve frequent insertion or removals of elements at positions other than the beginning or
+     * the end, {@link Deque Deques} perform worse and have less consistent iterators and references than
+     * {@link List Lists}.
+     *
+     * <a href="http://samchon.github.io/typescript-stl/images/design/class_diagram/linear_containers.png" target="_blank">
+     * <img src="http://samchon.github.io/typescript-stl/images/design/class_diagram/linear_containers.png" style="max-width: 100%" />
+     * </a>
+     *
+     * <h3> Container properties </h3>
+     * <dl>
+     *	<dt> Sequence </dt>
+     *	<dd> Elements in sequence containers are ordered in a strict linear sequence. Individual elements
+     *		 are accessed by their position in this sequence. </dd>
+     *
+     *	<dt> Dynamic array </dt>
+     *	<dd> Generally implemented as a dynamic array, it allows direct access to any element in the
+     *		 sequence and provides relatively fast addition/removal of elements at the beginning or the end
+     *		 of the sequence. </dd>
+     * </dl>
+     *
+     * @param <T> Type of the elements.
+     *
+     * @reference http://www.cplusplus.com/reference/deque/deque/
+     * @handbook [Collections](https://github.com/samchon/framework/wiki/TypeScript-STL#collections)
      * @author Jeongho Nam <http://samchon.org>
      */
     class DequeCollection<T> extends std.Deque<T> implements ICollection<T> {
@@ -339,7 +440,7 @@ declare namespace samchon.collection {
         /**
          * @inheritdoc
          */
-        push<U extends T>(...items: U[]): number;
+        push(...items: T[]): number;
         /**
          * @inheritdoc
          */
@@ -418,30 +519,72 @@ declare namespace samchon.collection {
         removeEventListener(type: "refresh", listener: CollectionEventListener<T>, thisArg: Object): void;
     }
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
      * A {@link HashMap} who can detect element I/O events.
      *
-     * <ul>
-     *	<li> <i>insert</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link insert} </li>
-     *		<li> {@link push} </li>
-     *		<li> {@link set} </li>
-     *		<li> {@link insert_or_assign} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link clear} </li>
-     *		<li> {@link erase} </li>
-     *		<li> {@link extract} </li>
-     *	</ul></li>
-     *	<li> <i>refresh</i> typed events: <ul>
-     *		<li> {@link set} </li>
-     *		<li> {@link insert_or_assign} </li>
-     *	</ul></li>
-     * </ul>
+     * Below is the list of methods who are dispatching {@link MapCollectionEvent}:
+     * - *insert* typed events:
+     *   - {@link assign}
+     *   - {@link insert}
+     *   - {@link insert_or_assign}
+     *   - {@link emplace}
+     *   - {@link set}
+     *   - {@link push}
+     * - *erase* typed events:
+     *   - {@link assign}
+     *   - {@link clear}
+     *   - {@link erase}
+     *   - {@link extract}
+     * - *refresh* typed events:
+     *   - {@link refresh}
      *
+     * #### [Inherited] {@link HashMap}
+     * {@link HashMap HashMaps} are associative containers that store elements formed by the combination of a
+     * *key value* and a *mapped value*, and which allows for fast retrieval of individual elements based on their
+     * *keys*.
+     *
+     * In an {@link HashMap}, the *key value* is generally used to uniquely identify the element, while the
+     * *mapped value* is an object with the content associated to this *key*. Types of *key* and *mapped value* may
+     * differ.
+     *
+     * Internally, the elements in the {@link HashMap} are not sorted in any particular order with respect to either
+     * their *key* or *mapped values*, but organized into *buckets* depending on their hash values to allow for fast
+     * access to individual elements directly by their *key values* (with a constant average time complexity on
+     * average).
+     *
+     * {@link HashMap} containers are faster than {@link TreeMap} containers to access individual elements by their
+     * *key*, although they are generally less efficient for range iteration through a subset of their elements.
+     *
+     *  <a href="http://samchon.github.io/typescript-stl/images/design/class_diagram/map_containers.png" target="_blank">
+     * <img src="http://samchon.github.io/typescript-stl/images/design/class_diagram/map_containers.png" style="max-width: 100%" />
+     * </a>
+     *
+     * <h3> Container properties </h3>
+     * <dl>
+     * 	<dt> Associative </dt>
+     * 	<dd> Elements in associative containers are referenced by their *key* and not by their absolute
+     *		 position in the container. </dd>
+     *
+     * 	<dt> Hashed </dt>
+     * 	<dd> Hashed containers organize their elements using hash tables that allow for fast access to elements
+     *		 by their *key*. </dd>
+     *
+     * 	<dt> Map </dt>
+     * 	<dd> Each element associates a *key* to a *mapped value*:
+     *		 *Keys* are meant to identify the elements whose main content is the *mapped value*. </dd>
+     *
+     * 	<dt> Unique keys </dt>
+     * 	<dd> No two elements in the container can have equivalent keys. </dd>
+     * </dl>
+     *
+     * @param <Key> Type of the key values.
+     *				Each element in an {@link HashMap} is uniquely identified by its key value.
+     * @param <T> Type of the mapped value.
+     *			  Each element in an {@link HashMap} is used to store some data as its mapped value.
+     *
+     * @reference http://www.cplusplus.com/reference/unordered_map/unordered_map
+     * @handbook [Collections](https://github.com/samchon/framework/wiki/TypeScript-STL#collections)
      * @author Jeongho Nam <http://samchon.org>
      */
     class HashMapCollection<Key, T> extends std.HashMap<Key, T> implements ICollection<std.Pair<Key, T>> {
@@ -507,23 +650,69 @@ declare namespace samchon.collection {
         removeEventListener(type: "refresh", listener: MapCollectionEventListener<Key, T>, thisArg: Object): void;
     }
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
      * A {@link HashMultiMap} who can detect element I/O events.
      *
-     * <ul>
-     *	<li> <i>insert</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link insert} </li>
-     *		<li> {@link push} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link clear} </li>
-     *		<li> {@link erase} </li>
-     *	</ul></li>
-     * </ul>
+     * Below is the list of methods who are dispatching {@link MapCollectionEvent}:
+     * - *insert* typed events:
+     *   - {@link assign}
+     *   - {@link insert}
+     *   - {@link emplace}
+     *   - {@link push}
+     * - *erase* typed events:
+     *   - {@link assign}
+     *   - {@link clear}
+     *   - {@link erase}
+     * - *refresh* typed events:
+     *   - {@link refresh}
      *
+     * #### [Inherited] {@link HashMultiMap}
+     * {@link HashMultiMap HashMultiMap}s are associative containers that store elements formed by the combination of
+     * a *key value* and a *mapped value*, much like {@link HashMultiMap} containers, but allowing different elements
+     * to have equivalent *keys*.
+     *
+     * In an {@link HashMultiMap}, the *key value* is generally used to uniquely identify the element, while the
+     * *mapped value* is an object with the content associated to this *key*. Types of *key* and *mapped value* may
+     * differ.
+     *
+     * Internally, the elements in the {@link HashMultiMap} are not sorted in any particular order with respect to
+     * either their *key* or *mapped values*, but organized into *buckets* depending on their hash values to allow for
+     * fast access to individual elements directly by their *key values* (with a constant average time complexity on
+     * average).
+     *
+     * Elements with equivalent *keys* are grouped together in the same bucket and in such a way that an iterator can
+     * iterate through all of them. Iterators in the container are doubly linked iterators.
+     *
+     * <a href="http://samchon.github.io/typescript-stl/images/design/class_diagram/map_containers.png" target="_blank">
+     * <img src="http://samchon.github.io/typescript-stl/images/design/class_diagram/map_containers.png" style="max-width: 100%" />
+     * </a>
+     *
+     * <h3> Container properties </h3>
+     * <dl>
+     *	<dt> Associative </dt>
+     *	<dd> Elements in associative containers are referenced by their *key* and not by their absolute
+     *		 position in the container. </dd>
+     *
+     *	<dt> Hashed </dt>
+     *	<dd> Hashed containers organize their elements using hash tables that allow for fast access to elements
+     *		 by their *key*. </dd>
+     *
+     *	<dt> Map </dt>
+     *	<dd> Each element associates a *key* to a *mapped value*:
+     *		 *Keys* are meant to identify the elements whose main content is the *mapped value*. </dd>
+     *
+     *	<dt> Multiple equivalent keys </dt>
+     *	<dd> The container can hold multiple elements with equivalent *keys*. </dd>
+     * </dl>
+     *
+     * @param <Key> Type of the key values.
+     *				Each element in an {@link HashMultiMap} is identified by a key value.
+     * @param <T> Type of the mapped value.
+     *			  Each element in an {@link HashMultiMap} is used to store some data as its mapped value.
+     *
+     * @reference http://www.cplusplus.com/reference/unordered_map/unordered_multimap
+     * @handbook [Collections](https://github.com/samchon/framework/wiki/TypeScript-STL#collections)
      * @author Jeongho Nam <http://samchon.org>
      */
     class HashMultiMapCollection<Key, T> extends std.HashMap<Key, T> implements ICollection<std.Pair<Key, T>> {
@@ -589,23 +778,64 @@ declare namespace samchon.collection {
         removeEventListener(type: "refresh", listener: MapCollectionEventListener<Key, T>, thisArg: Object): void;
     }
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
      * A {@link HashMultiSet} who can detect element I/O events.
      *
-     * <ul>
-     *	<li> <i>insert</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link insert} </li>
-     *		<li> {@link push} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link clear} </li>
-     *		<li> {@link erase} </li>
-     *	</ul></li>
-     * </ul>
+     * Below is the list of methods who are dispatching {@link CollectionEvent}:
+     * - *insert* typed events:
+     *   - {@link assign}
+     *   - {@link insert}
+     *   - {@link push}
+     * - *erase* typed events:
+     *   - {@link assign}
+     *   - {@link clear}
+     *   - {@link erase}
+     * - *refresh* typed events:
+     *   - {@link refresh}
      *
+     * #### [Inherited] {@link HashMultiSet}
+     * {@link HashMultiSet HashMultiSets} are containers that store elements in no particular order, allowing fast
+     * retrieval of individual elements based on their value, much like {@link HashMultiSet} containers, but allowing
+     * different elements to have equivalent values.
+     *
+     * In an {@link HashMultiSet}, the value of an element is at the same time its *key*, used to identify it. *Keys*
+     * are immutable, therefore, the elements in an {@link HashMultiSet} cannot be modified once in the container -
+     * they can be inserted and removed, though.
+     *
+     * Internally, the elements in the {@link HashMultiSet} are not sorted in any particular, but organized into
+     * *buckets* depending on their hash values to allow for fast access to individual elements directly by their
+     * *values* (with a constant average time complexity on average).
+     *
+     * Elements with equivalent values are grouped together in the same bucket and in such a way that an iterator can
+     * iterate through all of them. Iterators in the container are doubly linked iterators.
+     *
+     * <a href="http://samchon.github.io/typescript-stl/images/design/class_diagram/set_containers.png" target="_blank">
+     * <img src="http://samchon.github.io/typescript-stl/images/design/class_diagram/set_containers.png" style="max-width: 100%" />
+     * </a>
+     *
+     * <h3> Container properties </h3>
+     * <dl>
+     *	<dt> Associative </dt>
+     *	<dd> Elements in associative containers are referenced by their *key* and not by their absolute
+     *		 position in the container. </dd>
+     *
+     *	<dt> Hashed </dt>
+     *	<dd> Hashed containers organize their elements using hash tables that allow for fast access to elements
+     *		 by their *key*. </dd>
+     *
+     *	<dt> Set </dt>
+     *	<dd> The value of an element is also the *key* used to identify it. </dd>
+     *
+     *	<dt> Multiple equivalent keys </dt>
+     *	<dd> The container can hold multiple elements with equivalent *keys*. </dd>
+     * </dl>
+     *
+     * @param <T> Type of the elements.
+     *		   Each element in an {@link UnorderedMultiSet} is also identified by this value..
+     *
+     * @reference http://www.cplusplus.com/reference/unordered_set/unordered_multiset
+     * @handbook [Collections](https://github.com/samchon/framework/wiki/TypeScript-STL#collections)
      * @author Jeongho Nam <http://samchon.org>
      */
     class HashMultiSetCollection<T> extends std.HashMultiSet<T> implements ICollection<T> {
@@ -671,24 +901,65 @@ declare namespace samchon.collection {
         removeEventListener(type: "refresh", listener: CollectionEventListener<T>, thisArg: Object): void;
     }
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
      * A {@link HashSet} who can detect element I/O events.
      *
-     * <ul>
-     *	<li> <i>insert</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link insert} </li>
-     *		<li> {@link push} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link clear} </li>
-     *		<li> {@link erase} </li>
-     *		<li> {@link extract} </li>
-     *	</ul></li>
-     * </ul>
+     * Below is the list of methods who are dispatching {@link CollectionEvent}:
+     * - *insert* typed events:
+     *   - {@link assign}
+     *   - {@link insert}
+     *   - {@link push}
+     *   - {@link insert_or_assign}
+     * - *erase* typed events:
+     *   - {@link assign}
+     *   - {@link clear}
+     *   - {@link erase}
+     *   - {@link extract}
+     * - *refresh* typed events:
+     *   - {@link refresh}
      *
+     * #### [Inherited] {@link HashSet}
+     * {@link HashSet HashSets} are containers that store unique elements in no particular order, and which allow for
+     * fast retrieval of individual elements based on their value.
+     *
+     * In an {@link HashSet}, the value of an element is at the same time its *key*, that identifies it uniquely.
+     * Keys are immutable, therefore, the elements in an {@link HashSet} cannot be modified once in the container -
+     * they can be inserted and removed, though.
+     *
+     * Internally, the elements in the {@link HashSet} are not sorted in any particular order, but organized into
+     * buckets depending on their hash values to allow for fast access to individual elements directly by their
+     * *values* (with a constant average time complexity on average).
+     *
+     * {@link HashSet} containers are faster than {@link TreeSet} containers to access individual elements by their
+     * *key*, although they are generally less efficient for range iteration through a subset of their elements.
+     *
+     * <a href="http://samchon.github.io/typescript-stl/images/design/class_diagram/set_containers.png" target="_blank">
+     * <img src="http://samchon.github.io/typescript-stl/images/design/class_diagram/set_containers.png" style="max-width: 100%" />
+     * </a>
+     *
+     * <h3> Container properties </h3>
+     * <dl>
+     *	<dt> Associative </dt>
+     *	<dd> Elements in associative containers are referenced by their *key* and not by their absolute
+     *		 position in the container. </dd>
+     *
+     *	<dt> Hashed </dt>
+     *	<dd> Hashed containers organize their elements using hash tables that allow for fast access to elements
+     *		 by their *key*. </dd>
+     *
+     *	<dt> Set </dt>
+     *	<dd> The value of an element is also the *key* used to identify it. </dd>
+     *
+     *	<dt> Unique keys </dt>
+     *	<dd> No two elements in the container can have equivalent *keys*. </dd>
+     * </dl>
+     *
+     * @param <T> Type of the elements.
+     *			  Each element in an {@link HashSet} is also uniquely identified by this value.
+     *
+     * @reference http://www.cplusplus.com/reference/unordered_set/unordered_set
+     * @handbook [Collections](https://github.com/samchon/framework/wiki/TypeScript-STL#collections)
      * @author Jeongho Nam <http://samchon.org>
      */
     class HashSetCollection<T> extends std.HashSet<T> implements ICollection<T> {
@@ -754,75 +1025,73 @@ declare namespace samchon.collection {
         removeEventListener(type: "refresh", listener: CollectionEventListener<T>, thisArg: Object): void;
     }
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
      * An interface for {@link IContainer containers} who can detect element I/O events.
      *
-     * <p> Below are list of methods who are dispatching {@link CollectionEvent}: </p>
-     *
-     * <ul>
-     *	<li> <i>insert</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link insert} </li>
-     *		<li> {@link push} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link clear} </li>
-     *		<li> {@link erase} </li>
-     *	</ul></li>
+     * Below are list of methods who are dispatching {@link CollectionEvent}:
+     * - *insert* typed events:
+     *	 - {@link assign}
+     *   - {@link insert}
+     *	 - {@link push}
+     * - *erase* typed events:
+     *   - {@link assign}
+     *   - {@link clear}
+     *   - {@link erase}
+     * - *refresh* typed events:
+     *   - {@link refresh}
      *
      * @author Jeongho Nam <http://samchon.org>
      */
     interface ICollection<T> extends std.base.IContainer<T>, library.IEventDispatcher {
         /**
-         * <p> Dispatch a {@link CollectionEvent} with <i>refresh</i> typed. </p>
+         * Dispatch a {@link CollectionEvent} with *refresh* typed.
          *
-         * <p> {@link ICollection} dispatches {@link CollectionEvent} typed <i>insert</i> or <i>erase</i> whenever
-         * elements I/O has occured. However, unlike those elements I/O events, content change in element level can't be
-         * detected. There's no way to detect those events automatically by {@link IContainer}. </p>
+         * {@link ICollection} dispatches {@link CollectionEvent} typed *insert* or *erase* whenever elements I/O has
+         * occured. However, unlike those elements I/O events, content change in element level can't be detected.
+         * There's no way to detect those events automatically by {@link IContainer}.
          *
-         * <p> If you want to dispatch those typed events (notifying change on contents in element level), you've to
-         * dispatch <i>refresh</i> typed event manually, by yourself. Call {@link refresh refresh()} with specified
+         * If you want to dispatch those typed events (notifying change on contents in element level), you've to
+         * dispatch *refresh* typed event manually, by yourself. Call {@link refresh refresh()} with specified
          * iterators who're pointing the elements whose content have changed. Then a {@link CollectionEvent} with
-         * <i>refresh</i> typed will be dispatched. </p>
+         * *refresh* typed will be dispatched.
          *
-         * <p> If you don't specify any iterator, then the range of the <i>refresh<i> event will be all elements in this
-         * {@link ICollection collection}; {@link begin begin()} to {@link end end()}. </p>
+         * If you don't specify any iterator, then the range of the *refresh* event will be all elements in this
+         * {@link ICollection collection}; {@link begin begin()} to {@link end end()}.
          */
         refresh(): void;
         /**
-         * <p> Dispatch a {@link CollectionEvent} with <i>refresh</i> typed. </p>
+         * Dispatch a {@link CollectionEvent} with *refresh* typed.
          *
-         * <p> {@link ICollection} dispatches {@link CollectionEvent} typed <i>insert</i> or <i>erase</i> whenever
-         * elements I/O has occured. However, unlike those elements I/O events, content change in element level can't be
-         * detected. There's no way to detect those events automatically by {@link IContainer}. </p>
+         * {@link ICollection} dispatches {@link CollectionEvent} typed *insert* or *erase* whenever elements I/O has
+         * occured. However, unlike those elements I/O events, content change in element level can't be detected.
+         * There's no way to detect those events automatically by {@link IContainer}.
          *
-         * <p> If you want to dispatch those typed events (notifying change on contents in element level), you've to
-         * dispatch <i>refresh</i> typed event manually, by yourself. Call {@link refresh refresh()} with specified
+         * If you want to dispatch those typed events (notifying change on contents in element level), you've to
+         * dispatch *refresh* typed event manually, by yourself. Call {@link refresh refresh()} with specified
          * iterators who're pointing the elements whose content have changed. Then a {@link CollectionEvent} with
-         * <i>refresh</i> typed will be dispatched. </p>
+         * *refresh* typed will be dispatched.
          *
          * @param it An iterator targeting the content changed element.
          */
         refresh(it: std.Iterator<T>): void;
         /**
-         * <p> Dispatch a {@link CollectionEvent} with <i>refresh</i> typed. </p>
+         * Dispatch a {@link CollectionEvent} with *refresh* typed.
          *
-         * <p> {@link ICollection} dispatches {@link CollectionEvent} typed <i>insert</i> or <i>erase</i> whenever
-         * elements I/O has occured. However, unlike those elements I/O events, content change in element level can't be
-         * detected. There's no way to detect those events automatically by {@link IContainer}. </p>
+         * {@link ICollection} dispatches {@link CollectionEvent} typed *insert* or *erase* whenever elements I/O has
+         * occured. However, unlike those elements I/O events, content change in element level can't be detected.
+         * There's no way to detect those events automatically by {@link IContainer}.
          *
-         * <p> If you want to dispatch those typed events (notifying change on contents in element level), you've to
-         * dispatch <i>refresh</i> typed event manually, by yourself. Call {@link refresh refresh()} with specified
+         * If you want to dispatch those typed events (notifying change on contents in element level), you've to
+         * dispatch *refresh* typed event manually, by yourself. Call {@link refresh refresh()} with specified
          * iterators who're pointing the elements whose content have changed. Then a {@link CollectionEvent} with
-         * <i>refresh</i> typed will be dispatched. </p>
+         * *refresh* typed will be dispatched.
          *
          * @param first An Iterator to the initial position in a sequence of the content changed elmeents.
          * @param last An {@link Iterator} to the final position in a sequence of the content changed elements. The range
-         *			   used is [<i>first</i>, <i>last</i>), which contains all the elements between <i>first</i> and
-         *			   <i>last</i>, including the element pointed by <i>first</i> but not the element pointed by
-         *			   <i>last</i>.
+         *			   used is [*first*, *last*), which contains all the elements between *first* and
+         *			   *last*, including the element pointed by *first* but not the element pointed by
+         *			   *last*.
          */
         refresh(first: std.Iterator<T>, last: std.Iterator<T>): void;
         /**
@@ -858,39 +1127,84 @@ declare namespace samchon.collection {
      * @hidden
      */
     namespace ICollection {
+        /**
+         * @hidden
+         */
         function _Dispatch_CollectionEvent<T>(collection: ICollection<T>, type: string, first: std.Iterator<T>, last: std.Iterator<T>): void;
+        /**
+         * @hidden
+         */
         function _Dispatch_MapCollectionEvent<Key, T>(collection: ICollection<std.Pair<Key, T>>, type: string, first: std.MapIterator<Key, T>, last: std.MapIterator<Key, T>): void;
     }
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
      * A {@link List} who can detect element I/O events.
      *
-     * <ul>
-     *	<li> <i>insert</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link insert} </li>
-     *		<li> {@link push} </li>
-     *		<li> {@link push_front} </li>
-     *		<li> {@link push_back} </li>
-     *		<li> {@link merge} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link clear} </li>
-     *		<li> {@link erase} </li>
-     *		<li> {@link pop_front} </li>
-     *		<li> {@link pop_back} </li>
-     *		<li> {@link unique} </li>
-     *		<li> {@link remove} </li>
-     *		<li> {@link remove_if} </li>
-     *		<li> {@link splice} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link sort} </li>
-     *	</ul></li>
-     * </ul>
+     * Below is the list of methods who are dispatching {@link CollectionEvent}:
+     *	- *insert* typed events:
+     *   - {@link assign}
+     *   - {@link insert}
+     *   - {@link push}
+     *   - {@link push_front}
+     *   - {@link push_back}
+     *   - {@link merge}
+     * - *erase* typed events:
+     *   - {@link assign}
+     *   - {@link clear}
+     *   - {@link erase}
+     *   - {@link pop_front}
+     *   - {@link pop_back}
+     *   - {@link unique}
+     *   - {@link remove}
+     *   - {@link remove_if}
+     *   - {@link splice}
+     * - *refresh* typed events:
+     *   - {@link refresh}
+     *   - {@link sort}
      *
+     * #### [Inherited] {@link List}
+     * {@link List Lists} are sequence containers that allow constant time insert and erase operations anywhere within
+     * the sequence, and iteration in both directions.
+     *
+     * List containers are implemented as doubly-linked lists; Doubly linked lists can store each of the elements they
+     * contain in different and unrelated storage locations. The ordering is kept internally by the association to
+     * each element of a link to the element preceding it and a link to the element following it.
+     *
+     * They are very similar to forward_list: The main difference being that forward_list objects are single-linked
+     * lists, and thus they can only be iterated forwards, in exchange for being somewhat smaller and more efficient.
+     *
+     * Compared to other base standard sequence containers (array, vector and deque), lists perform generally better
+     * in inserting, extracting and moving elements in any position within the container for which an iterator has
+     * already been obtained, and therefore also in algorithms that make intensive use of these, like sorting
+     * algorithms.
+     *
+     * The main drawback of lists and forward_lists compared to these other sequence containers is that they lack
+     * direct access to the elements by their position; For example, to access the sixth element in a list, one has to
+     * iterate from a known position (like the beginning or the end) to that position, which takes linear time in the
+     * distance between these. They also consume some extra memory to keep the linking information associated to each
+     * element (which may be an important factor for large lists of small-sized elements).
+     *
+     * <a href="http://samchon.github.io/typescript-stl/images/design/class_diagram/linear_containers.png" target="_blank">
+     * <img src="http://samchon.github.io/typescript-stl/images/design/class_diagram/linear_containers.png" style="max-width: 100%" />
+     * </a>
+     *
+     * <h3> Container properties </h3>
+     * <dl>
+     * 	<dt> Sequence </dt>
+     * 	<dd> Elements in sequence containers are ordered in a strict linear sequence. Individual elements are accessed by
+     *		 their position in this sequence. </dd>
+     *
+     * 	<dt> Doubly-linked list </dt>
+     *	<dd> Each element keeps information on how to locate the next and the previous elements, allowing constant time
+     *		 insert and erase operations before or after a specific element (even of entire ranges), but no direct random
+     *		 access. </dd>
+     * </dl>
+     *
+     * @param <T> Type of the elements.
+     *
+     * @reference http://www.cplusplus.com/reference/list/list/
+     * @handbook [Collections](https://github.com/samchon/framework/wiki/TypeScript-STL#collections)
      * @author Jeongho Nam <http://samchon.org>
      */
     class ListCollection<T> extends std.List<T> implements ICollection<T> {
@@ -901,7 +1215,7 @@ declare namespace samchon.collection {
         /**
          * @inheritdoc
          */
-        push<U extends T>(...items: T[]): number;
+        push(...items: T[]): number;
         /**
          * @inheritdoc
          */
@@ -988,8 +1302,14 @@ declare namespace samchon.collection {
         removeEventListener(type: "refresh", listener: CollectionEventListener<T>, thisArg: Object): void;
     }
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     type MapCollectionEventListener<Key, T> = (event: MapCollectionEvent<Key, T>) => void;
+    /**
+     * An event occured in a {@link MapContainer map container} object.
+     *
+     * @handbook [Collections](https://github.com/samchon/framework/wiki/TypeScript-STL#collections)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     class MapCollectionEvent<Key, T> extends CollectionEvent<std.Pair<Key, T>> {
         /**
          * @inheritdoc
@@ -1001,30 +1321,71 @@ declare namespace samchon.collection {
         last: std.MapIterator<Key, T>;
     }
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
      * A {@link TreeMap} who can detect element I/O events.
      *
-     * <ul>
-     *	<li> <i>insert</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link insert} </li>
-     *		<li> {@link push} </li>
-     *		<li> {@link set} </li>
-     *		<li> {@link insert_or_assign} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link clear} </li>
-     *		<li> {@link erase} </li>
-     *		<li> {@link extract} </li>
-     *	</ul></li>
-     *	<li> <i>refresh</i> typed events: <ul>
-     *		<li> {@link set} </li>
-     *		<li> {@link insert_or_assign} </li>
-     *	</ul></li>
-     * </ul>
+     * Below is the list of methods who are dispatching {@link MapCollectionEvent}:
+     * - *insert* typed events:
+     *   - {@link assign}
+     *   - {@link insert}
+     *   - {@link insert_or_assign}
+     *   - {@link emplace}
+     *   - {@link set}
+     *   - {@link push}
+     * - *erase* typed events:
+     *   - {@link assign}
+     *   - {@link clear}
+     *   - {@link erase}
+     *   - {@link extract}
+     * - *refresh* typed events:
+     *   - {@link refresh}
      *
+     * #### [Inherited] {@link TreeMap}
+     * {@link TreeMap TreeMaps} are associative containers that store elements formed by a combination of a
+     * *key value* (*Key*) and a *mapped value* (*T*), following order.
+     *
+     * In a {@link TreeMap}, the *key values* are generally used to sort and uniquely identify the elements, while the
+     * *mapped values* store the content associated to this key. The types of *key* and *mapped value* may differ, and
+     * are grouped together in member type *value_type*, which is a {@link Pair} type combining both:
+     *
+     * ```typedef Pair<Key, T> value_type;```
+     *
+     * Internally, the elements in a {@link TreeMap} are always sorted by its *key* following a *strict weak ordering*
+     * criterion indicated by its internal comparison method {@link less}.
+     *
+     * {@link TreeMap} containers are generally slower than {@link HashMap HashMap} containers to access individual
+     * elements by their *key*, but they allow the direct iteration on subsets based on their order.
+     *
+     * {@link TreeMap}s are typically implemented as binary search trees.
+     *
+     * <a href="http://samchon.github.io/typescript-stl/images/design/class_diagram/map_containers.png" target="_blank">
+     * <img src="http://samchon.github.io/typescript-stl/images/design/class_diagram/map_containers.png" style="max-width: 100%" />
+     * </a>
+     *
+     * <h3> Container properties </h3>
+     * <dl>
+     *	<dt> Associative </dt>
+     *	<dd> Elements in associative containers are referenced by their *key* and not by their absolute
+     *		 position in the container. </dd>
+     *
+     *	<dt> Ordered </dt>
+     *	<dd> The elements in the container follow a strict order at all times. All inserted elements are
+     *		 given a position in this order. </dd>
+     *
+     *	<dt> Map </dt>
+     *	<dd> Each element associates a *key* to a *mapped value*:
+     *		 *Keys* are meant to identify the elements whose main content is the *mapped value*. </dd>
+     *
+     *	<dt> Unique keys </dt>
+     *	<dd> No two elements in the container can have equivalent *keys*. </dd>
+     * </dl>
+     *
+     * @param <Key> Type of the keys. Each element in a map is uniquely identified by its key value.
+     * @param <T> Type of the mapped value. Each element in a map stores some data as its mapped value.
+     *
+     * @reference http://www.cplusplus.com/reference/map/map
+     * @handbook [Collections](https://github.com/samchon/framework/wiki/TypeScript-STL#collections)
      * @author Jeongho Nam <http://samchon.org>
      */
     class TreeMapCollection<Key, T> extends std.TreeMap<Key, T> implements ICollection<std.Pair<Key, T>> {
@@ -1090,23 +1451,75 @@ declare namespace samchon.collection {
         removeEventListener(type: "refresh", listener: MapCollectionEventListener<Key, T>, thisArg: Object): void;
     }
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
      * A {@link TreeMultiMap} who can detect element I/O events.
      *
-     * <ul>
-     *	<li> <i>insert</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link insert} </li>
-     *		<li> {@link push} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link clear} </li>
-     *		<li> {@link erase} </li>
-     *	</ul></li>
-     * </ul>
+     * Below is the list of methods who are dispatching {@link MapCollectionEvent}:
+     * - *insert* typed events:
+     *   - {@link assign}
+     *   - {@link insert}
+     *   - {@link emplace}
+     *   - {@link push}
+     * - *erase* typed events:
+     *   - {@link assign}
+     *   - {@link clear}
+     *   - {@link erase}
+     * - *refresh* typed events:
+     *   - {@link refresh}
      *
+     * #### [Inherited] {@link TreeMultiMap}
+     * {@link TreeMultiMap TreeMultiMaps} are associative containers that store elements formed by a combination of a
+     * *key value* and a *mapped value*, following a specific order, and where multiple elements can have equivalent
+     * keys.
+     *
+     * In a {@link TreeMultiMap}, the *key values* are generally used to sort and uniquely identify the elements,
+     * while the *mapped values* store the content associated to this *key*. The types of *key* and *mapped value* may
+     * differ, and are grouped together in member type ```value_type```, which is a {@link Pair} type combining both:
+     *
+     * ```typedef Pair<const Key, T> value_type;```
+     *
+     * Internally, the elements in a {@link TreeMultiMap}are always sorted by its key following a strict weak ordering
+     * criterion indicated by its internal comparison method (of {@link less}).
+     *
+     * {@link TreeMultiMap}containers are generally slower than {@link HashMap} containers to access individual
+     * elements by their *key*, but they allow the direct iteration on subsets based on their order.
+     *
+     * {@link TreeMultiMap TreeMultiMaps} are typically implemented as binary search trees.
+     *
+     * <a href="http://samchon.github.io/typescript-stl/images/design/class_diagram/map_containers.png" target="_blank"> <
+     * img src="http://samchon.github.io/typescript-stl/images/design/class_diagram/map_containers.png" style="max-width: 100%" />
+     * </a>
+     *
+     * <h3> Container properties </h3>
+     * <dl>
+     *	<dt> Associative </dt>
+     *	<dd>
+     *		Elements in associative containers are referenced by their *key* and not by their absolute
+     *		position in the container.
+     *	</dd>
+     *
+     *	<dt> Ordered </dt>
+     *	<dd>
+     *		The elements in the container follow a strict order at all times. All inserted elements are
+     *		given a position in this order.
+     *	</dd>
+     *
+     *	<dt> Map </dt>
+     *	<dd>
+     *		Each element associates a *key* to a *mapped value*:
+     *		*Keys* are meant to identify the elements whose main content is the *mapped value*.
+     *	</dd>
+     *
+     *	<dt> Multiple equivalent keys </dt>
+     *	<dd> Multiple elements in the container can have equivalent *keys*. </dd>
+     * </dl>
+     *
+     * @param <Key> Type of the keys. Each element in a map is uniquely identified by its key value.
+     * @param <T> Type of the mapped value. Each element in a map stores some data as its mapped value.
+     *
+     * @reference http://www.cplusplus.com/reference/map/multimap
+     * @handbook [Collections](https://github.com/samchon/framework/wiki/TypeScript-STL#collections)
      * @author Jeongho Nam <http://samchon.org>
      */
     class TreeMultiMapCollection<Key, T> extends std.TreeMultiMap<Key, T> implements ICollection<std.Pair<Key, T>> {
@@ -1172,23 +1585,67 @@ declare namespace samchon.collection {
         removeEventListener(type: "refresh", listener: MapCollectionEventListener<Key, T>, thisArg: Object): void;
     }
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
      * A {@link TreeMultiSet} who can detect element I/O events.
      *
-     * <ul>
-     *	<li> <i>insert</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link insert} </li>
-     *		<li> {@link push} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link clear} </li>
-     *		<li> {@link erase} </li>
-     *	</ul></li>
-     * </ul>
+     * Below is the list of methods who are dispatching {@link CollectionEvent}:
+     * - *insert* typed events:
+     *   - {@link assign}
+     *   - {@link insert}
+     *   - {@link push}
+     * - *erase* typed events:
+     *   - {@link assign}
+     *   - {@link clear}
+     *   - {@link erase}
+     * - *refresh* typed events:
+     *   - {@link refresh}
      *
+     * #### [Inherited] {@link TreeMultiSet}
+     * {@link TreeMultiSet TreeMultiSets} are containers that store elements following a specific order, and where
+     * multiple elements can have equivalent values.
+     *
+     * In a {@link TreeMultiSet}, the value of an element also identifies it (the value is itself the *key*, of type
+     * *T*). The value of the elements in a {@link TreeMultiSet} cannot be modified once in the container (the
+     * elements are always const), but they can be inserted or removed from the container.
+     *
+     * Internally, the elements in a {@link TreeMultiSet TreeMultiSets} are always sorted following a strict weak
+     * ordering criterion indicated by its internal comparison method (of {@link IComparable.less less}).
+     *
+     * {@link TreeMultiSet} containers are generally slower than {@link HashMultiSet} containers to access individual
+     * elements by their *key*, but they allow the direct iteration on subsets based on their order.
+     *
+     * <p> {@link TreeMultiSet TreeMultiSets} are typically implemented as binary search trees. </p>
+     *
+     * <p> <a href="http://samchon.github.io/typescript-stl/images/design/class_diagram/set_containers.png" target="_blank">
+     * <img src="http://samchon.github.io/typescript-stl/images/design/class_diagram/set_containers.png" style="max-width: 100%" /> </a></p>
+     *
+     * <h3> Container properties </h3>
+     * <dl>
+     *	<dt> Associative </dt>
+     *	<dd>
+     *		Elements in associative containers are referenced by their *key* and not by their absolute
+     *		position in the container.
+     *	</dd>
+     *
+     *	<dt> Ordered </dt>
+     *	<dd>
+     *		The elements in the container follow a strict order at all times. All inserted elements are
+     *		given a position in this order.
+     *	</dd>
+     *
+     *	<dt> Set </dt>
+     *	<dd> The value of an element is also the *key* used to identify it. </dd>
+     *
+     *	<dt> Multiple equivalent keys </dt>
+     *	<dd> Multiple elements in the container can have equivalent *keys*. </dd>
+     * </dl>
+     *
+     * @param <T> Type of the elements. Each element in a {@link TreeMultiSet} container is also identified
+     *			  by this value (each value is itself also the element's *key*).
+     *
+     * @reference http://www.cplusplus.com/reference/set/multiset
+     * @handbook [Collections](https://github.com/samchon/framework/wiki/TypeScript-STL#collections)
      * @author Jeongho Nam <http://samchon.org>
      */
     class TreeMultiSetCollection<T> extends std.TreeMultiSet<T> implements ICollection<T> {
@@ -1254,24 +1711,69 @@ declare namespace samchon.collection {
         removeEventListener(type: "refresh", listener: CollectionEventListener<T>, thisArg: Object): void;
     }
 }
-declare namespace samchon.collection {
+declare namespace samchon.collections {
     /**
      * A {@link TreeMap} who can detect element I/O events.
      *
-     * <ul>
-     *	<li> <i>insert</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link insert} </li>
-     *		<li> {@link push} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link clear} </li>
-     *		<li> {@link erase} </li>
-     *		<li> {@link extract} </li>
-     *	</ul></li>
-     * </ul>
+     * Below is the list of methods who are dispatching {@link CollectionEvent}:
+     * - *insert* typed events:
+     *   - {@link assign}
+     *   - {@link insert}
+     *   - {@link insert_or_assign}
+     *   - {@link push}
+     * - *erase* typed events:
+     *   - {@link assign}
+     *   - {@link clear}
+     *   - {@link erase}
+     *   - {@link extract}
+     * - *refresh* typed events:
+     *   - {@link refresh}
      *
+     * #### [Inherited] {@link TreeSet}
+     * {@link TreeSet TreeSets} are containers that store unique elements following a specific order.
+     *
+     * In a {@link TreeSet}, the value of an element also identifies it (the value is itself the *key*, of type *T*),
+     * and each value must be unique. The value of the elements in a {@link TreeSet} cannot be modified once in the
+     * container (the elements are always const), but they can be inserted or removed from the container.
+     *
+     * Internally, the elements in a {@link TreeSet} are always sorted following a specific strict weak ordering
+     * criterion indicated by its internal comparison method (of {@link less}).
+     *
+     * {@link TreeSet} containers are generally slower than {@link HashSet} containers to access individual elements
+     * by their *key*, but they allow the direct iteration on subsets based on their order.
+     *
+     * {@link TreeSet}s are typically implemented as binary search trees.
+     *
+     * <a href="http://samchon.github.io/typescript-stl/images/design/class_diagram/set_containers.png" target="_blank">
+     * <img src="http://samchon.github.io/typescript-stl/images/design/class_diagram/set_containers.png" style="max-width: 100%" />
+     * </a>
+     *
+     * <h3> Container properties </h3>
+     * <dl>
+     *	<dt> Associative </dt>
+     *	<dd>
+     *		Elements in associative containers are referenced by their *key* and not by their absolute
+     *		position in the container.
+     *	</dd>
+     *
+     *	<dt> Ordered </dt>
+     *	<dd>
+     *		The elements in the container follow a strict order at all times. All inserted elements are
+     *		given a position in this order.
+     *	</dd>
+     *
+     *	<dt> Set </dt>
+     *	<dd> The value of an element is also the *key* used to identify it. </dd>
+     *
+     *	<dt> Unique keys </dt>
+     *	<dd> No two elements in the container can have equivalent *keys*. </dd>
+     * </dl>
+     *
+     * @param <T> Type of the elements.
+     *			  Each element in an {@link TreeSet} is also uniquely identified by this value.
+     *
+     * @reference http://www.cplusplus.com/reference/set/set
+     * @handbook [Collections](https://github.com/samchon/framework/wiki/TypeScript-STL#collections)
      * @author Jeongho Nam <http://samchon.org>
      */
     class TreeSetCollection<T> extends std.TreeSet<T> implements ICollection<T> {
@@ -1339,483 +1841,9 @@ declare namespace samchon.collection {
 }
 declare namespace samchon.library {
     /**
-     * <p> XML is a class representing a tree structued xml objects. </p>
-     * <p> The XML class provides methods and properties for working with XML objects. </p>
+     * Case generator.
      *
-     * <p> The XML class (along with the XMLList and Namespace) implements
-     * the powerful XML-handling standard defined in ECMAScript for XML (E4X) specification. </p>
-     *
-     * <p> XML class has a recursive, hierarchical relationship. </p>
-     *
-     * <p> Relationships between XML and XMLList </p>
-     * <ul>
-     *	<li> XML is <code>std.HashMap<string, XMLList></code> </li>
-     *  <li> XMLList is <code>std.Deque<XML></code> </li>
-     * </ul>
-     *
-     * <h4> Note </h4>
-     * <p> Do not abuse values for expressing member variables. </p>
-     *
-     * <table>
-     *	<tr>
-     *		<th>Standard Usage</th>
-     *		<th>Non-standard usage abusing value</th>
-     *	</tr>
-     *	<tr>
-     *		<td>
-     * <code>
-     * <memberList>
-     *	<member id='jhnam88' name='Jeongho+Nam' birthdate='1988-03-11' />
-     *	<member id='master' name='Administartor' birthdate='2011-07-28' />
-     * </memberList>
-     * </code>
-     *		</td>
-     *		<td>
-     * <code>
-     * <memberList>
-     *	<member>
-     *		<id>jhnam88</id>
-     *		<name>Jeongho Nam</name>
-     *		<birthdate>1988-03-11</birthdate>
-     *	</member>
-     *	<member>
-     *		<id>master</id>
-     *		<name>Administartor</name>
-     *		<birthdate>2011-07-28</birthdate>
-     *	</member>
-     * </memberList>
-     * </code>
-     *		</td>
-     *	</tr>
-     * </table>
-     *
-     * @author Jeongho Nam <http://samchon.org>
-     */
-    class XML extends std.HashMap<string, XMLList> {
-        /**
-         * <p> Tag name of the XML. </p>
-         *
-         * <ul>
-         *	<li> \<<b>tag</b> label='property' /\>: tag => \"tag\" </li>
-         *  <li> \<<b>price</b> high='1500' low='1300' open='1450' close='1320' /\>: tag => \"price\" </li>
-         * </ul>
-         */
-        private tag_;
-        /**
-         * <p> Value of the XML. </p>
-         *
-         * <ul>
-         *  <li> \<parameter name='age' type='int'\><b>26</b>\</parameter\>: value => 26 </li>
-         *	<li> \<price high='1500' low='1300' open='1450' close='1320' /\>: value => null </li>
-         * </ul>
-         */
-        private value_;
-        /**
-         * <p> Properties belongs to the XML. </p>
-         * <p> A Dictionary of properties accessing each property by its key. </p>
-         *
-         * <ul>
-         *	<li> \<price <b>high='1500' low='1300' open='1450' close='1320'</b> /\>:
-         *		propertyMap => {{\"high\": 1500}, {\"low\": 1300}, {\"open\": 1450}, {\"close\", 1320}} </li>
-         *	<li> \<member <b>id='jhnam88' name='Jeongho+Nam' comment='Hello.+My+name+is+Jeongho+Nam'</b> \>:
-         *		propertyMap => {{\"id\", \"jhnam88\"}, {\"name\", \"Jeongho Nam <http://samchon.org>\"},
-         *					 {\"comment\", \"Hello. My name is Jeongho Nam <http://samchon.org>\"}} </li>
-         * </ul>
-         */
-        private property_map_;
-        /**
-         * <p> Default Constructor. </p>
-         *
-         * <p> If the string parameter is not omitted, constructs its tag, value and
-         * properties by parsing the string. If there's children, then construct the
-         * children XML, XMLList objects, too. </p>
-         *
-         * @param str A string to be parsed
-         */
-        constructor(str?: string);
-        /**
-         * <p> Construct XML objects by parsing a string. </p>
-         */
-        private construct(str);
-        /**
-         * <p> Parse and fetch a tag. </p>
-         */
-        private parseTag(str);
-        /**
-         * <p> Parse and fetch properties. </p>
-         */
-        private parseProperty(str);
-        /**
-         * <p> Parse and fetch a value. </p>
-         */
-        private parseValue(str);
-        /**
-         * <p> Parse and construct children XML objects. </p>
-         */
-        private parseChildren(str);
-        /**
-         * <p> Get tag. </p>
-         */
-        getTag(): string;
-        /**
-         * <p> Get value. </p>
-         */
-        getValue(): string;
-        /**
-         * <p> Test whether a property exists or not. </p>
-         */
-        hasProperty(key: string): boolean;
-        /**
-         * <p> Get property by its key. </p>
-         */
-        getProperty(key: string): string;
-        getPropertyMap(): std.HashMap<string, string>;
-        /**
-         * <p> Set tag (identifier) of the XML. </p>
-         */
-        setTag(str: string): void;
-        /**
-         * <p> Set value of the XML. </p>
-         *
-         * <p> Do not abuse values for expressing member variables. </p>
-         * <table>
-         *	<tr>
-         *		<th>Standard Usage</th>
-         *		<th>Non-standard usage abusing value</th>
-         *	</tr>
-         *	<tr>
-         *		<td>
-         *			\<memberList\>\n
-         *			&nbsp;&nbsp;&nbsp;&nbsp;\<member id='jhnam88' name='Jeongho+Nam' birthdate='1988-03-11' /\>\n
-         *			&nbsp;&nbsp;&nbsp;&nbsp;\<member id='master' name='Administartor' birthdate='2011-07-28' /\>\n
-         *			\</memberList\>
-         *		</td>
-         *		<td>
-         *			\<member\>\n
-         *				\<id\>jhnam88\</id\>\n
-         *				\<name\>Jeongho+Nam\</name\>\n
-         *				\<birthdate\>1988-03-11\</birthdate\>\n
-         *			\</member\>
-         *		</td>
-         *	</tr>
-         * </table>
-         *
-         * @param val A value to set
-         */
-        setValue(str: string): void;
-        /**
-         * <p> Set a property with its key. </p>
-         */
-        setProperty(key: string, value: string): void;
-        /**
-         * <p> Erase a property by its key. </p>
-         *
-         * @param key The key of the property to erase
-         * @throw exception out of range
-         */
-        eraseProperty(key: string): void;
-        push<L extends string, U extends XMLList>(...args: std.Pair<L, U>[]): number;
-        push<L extends string, U extends XMLList>(...args: [L, U][]): number;
-        push(...xmls: XML[]): number;
-        push(...xmlLists: XMLList[]): number;
-        addAllProperties(xml: XML): void;
-        clearProperties(): void;
-        private calcMinIndex(...args);
-        /**
-         * <p> Decode a value. </p>
-         *
-         * <table>
-         *	<tr>
-         *		<th>Encoded</th>
-         *		<th>Decoded</th>
-         *	</tr>
-         *	<tr>
-         *		<td>\&amp;</td>
-         *		<td>\&</td>
-         *	</tr>
-         *	<tr>
-         *		<td>\&lt;</td>
-         *		<td>\<</td>
-         *	</tr>
-         *	<tr>
-         *		<td>\&gt;</td>
-         *		<td>\></td>
-         *	</tr>
-         * </table>
-         *
-         * @return A decoded string represents a value
-         */
-        static decodeValue(str: string): string;
-        /**
-         * <p> Encode a value. </p>
-         *
-         * <table>
-         *	<tr>
-         *		<th>Original</th>
-         *		<th>Encoded</th>
-         *	</tr>
-         *	<tr>
-         *		<td>\&</td>
-         *		<td>\&amp;</td>
-         *	</tr>
-         *	<tr>
-         *		<td>\<</td>
-         *		<td>\&lt;</td>
-         *	</tr>
-         *	<tr>
-         *		<td>\></td>
-         *		<td>\&gt;</td>
-         *	</tr>
-         * </table>
-         *
-         * @return A encoded string represents a value
-         */
-        static encodeValue(str: string): string;
-        /**
-          * <p> Decode a property. </p>
-          *
-          * <table>
-          *	<tr>
-          *		<th>Encoded</th>
-          *		<th>Decoded</th>
-          *	</tr>
-          *	<tr>
-          *		<td>\&amp;</td>
-          *		<td>\&</td>
-          *	</tr>
-          *	<tr>
-          *		<td>\&lt;</td>
-          *		<td>\<</td>
-          *	</tr>
-          *	<tr>
-          *		<td>\&gt;</td>
-          *		<td>\></td>
-          *	</tr>
-          *	<tr>
-          *		<td>&quot;</td>
-          *		<td>\"</td>
-          *	</tr>
-          *	<tr>
-          *		<td>&apos;</td>
-          *		<td>'</td>
-          *	</tr>
-          *	<tr>
-          *		<td>&#x9;</td>
-          *		<td>'</td>
-          *	</tr>
-          *	<tr>
-          *		<td>&apos;</td>
-          *		<td>\\t</td>
-          *	</tr>
-          *	<tr>
-          *		<td>&#xA;</td>
-          *		<td>\\n</td>
-          *	</tr>
-          *	<tr>
-          *		<td>&#xD;</td>
-          *		<td>\\r</td>
-          *	</tr>
-          * </table>
-          *
-          * @return A decoded string represents a property
-          */
-        static decodeProperty(str: string): string;
-        /**
-         * <p> Decode a property. </p>
-         *
-         * <table>
-         *	<tr>
-         *		<th>Original</th>
-         *		<th>Encoded</th>
-         *	</tr>
-         *	<tr>
-         *		<td>\&</td>
-         *		<td>\&amp;</td>
-         *	</tr>
-         *	<tr>
-         *		<td>\<</td>
-         *		<td>\&lt;</td>
-         *	</tr>
-         *	<tr>
-         *		<td>\></td>
-         *		<td>\&gt;</td>
-         *	</tr>
-         *	<tr>
-         *		<td>\"</td>
-         *		<td>&quot;</td>
-         *	</tr>
-         *	<tr>
-         *		<td>'</td>
-         *		<td>&apos;</td>
-         *	</tr>
-         *	<tr>
-         *		<td>'</td>
-         *		<td>&#x9;</td>
-         *	</tr>
-         *	<tr>
-         *		<td>\\t</td>
-         *		<td>&apos;</td>
-         *	</tr>
-         *	<tr>
-         *		<td>\\n</td>
-         *		<td>&#xA;</td>
-         *	</tr>
-         *	<tr>
-         *		<td>\\r</td>
-         *		<td>&#xD;</td>
-         *	</tr>
-         * </table>
-         *
-         * @return A encoded string represents a property
-         */
-        static encodeProperty(str: string): string;
-        /**
-         * <p> Convert the XML to a string. </p>
-         */
-        toString(level?: number): string;
-        /**
-         * <p> Convert the XML to HTML string. </p>
-         */
-        toHTML(level?: number): string;
-    }
-    /**
-     * <p> List of XML(s) having same tag. </p>
-     *
-     * @author Jeongho Nam <http://samchon.org>
-     */
-    class XMLList extends std.Deque<XML> {
-        getTag(): string;
-        /**
-         * <p> Convert XMLList to string. </p>
-         *
-         * @param level Level(depth) of the XMLList.
-         */
-        toString(level?: number): string;
-        /**
-         * <p> Convert XMLList to HTML string. </p>
-         *
-         * @param level Level(depth) of the XMLList.
-         */
-        toHTML(level?: number): string;
-    }
-}
-declare namespace samchon.collection {
-    /**
-     * An {@link XMLList} who can detect element I/O events.
-     *
-     * <p> Below are list of methods who are dispatching {@link CollectionEvent}: </p>
-     *
-     * <ul>
-     *	<li> <i>insert</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link insert} </li>
-     *		<li> {@link push} </li>
-     *		<li> {@link push_front} </li>
-     *		<li> {@link push_back} </li>
-     *	</ul></li>
-     *	<li> <i>erase</i> typed events: <ul>
-     *		<li> {@link assign} </li>
-     *		<li> {@link clear} </li>
-     *		<li> {@link erase} </li>
-     *		<li> {@link pop_front} </li>
-     *		<li> {@link pop_back} </li>
-     *	</ul></li>
-     * </ul>
-     *
-     * @author Jeongho Nam <http://samchon.org>
-     */
-    class XMLListCollection extends library.XMLList implements ICollection<library.XML> {
-        /**
-         * A chain object taking responsibility of dispatching events.
-         */
-        private event_dispatcher_;
-        /**
-         * @inheritdoc
-         */
-        push<U extends library.XML>(...items: U[]): number;
-        /**
-         * @inheritdoc
-         */
-        push_back(val: library.XML): void;
-        /**
-         * @hidden
-         */
-        protected _Insert_by_repeating_val(position: std.DequeIterator<library.XML>, n: number, val: library.XML): std.DequeIterator<library.XML>;
-        /**
-         * @hidden
-         */
-        protected _Insert_by_range<U extends library.XML, InputIterator extends std.Iterator<U>>(position: std.DequeIterator<library.XML>, begin: InputIterator, end: InputIterator): std.DequeIterator<library.XML>;
-        /**
-         * @inheritdoc
-         */
-        pop_back(): void;
-        /**
-         * @hidden
-         */
-        protected _Erase_by_range(first: std.DequeIterator<library.XML>, last: std.DequeIterator<library.XML>): std.DequeIterator<library.XML>;
-        /**
-         * @hidden
-         */
-        private notify_insert(first, last);
-        /**
-         * @hidden
-         */
-        private notify_erase(first, last);
-        /**
-         * @inheritdoc
-         */
-        hasEventListener(type: string): boolean;
-        /**
-         * @inheritdoc
-         */
-        dispatchEvent(event: library.BasicEvent): boolean;
-        /**
-         * @inheritdoc
-         */
-        refresh(): void;
-        /**
-         * @inheritdoc
-         */
-        refresh(it: std.DequeIterator<library.XML>): void;
-        /**
-         * @inheritdoc
-         */
-        refresh(first: std.DequeIterator<library.XML>, last: std.DequeIterator<library.XML>): void;
-        /**
-         * @inheritdoc
-         */
-        addEventListener(type: string, listener: library.BasicEventListener): void;
-        addEventListener(type: "insert", listener: CollectionEventListener<library.XML>): void;
-        addEventListener(type: "erase", listener: CollectionEventListener<library.XML>): void;
-        addEventListener(type: "refresh", listener: CollectionEventListener<library.XML>): void;
-        /**
-         * @inheritdoc
-         */
-        addEventListener(type: string, listener: library.BasicEventListener, thisArg: Object): void;
-        addEventListener(type: "insert", listener: CollectionEventListener<library.XML>, thisArg: Object): void;
-        addEventListener(type: "erase", listener: CollectionEventListener<library.XML>, thisArg: Object): void;
-        addEventListener(type: "refresh", listener: CollectionEventListener<library.XML>, thisArg: Object): void;
-        /**
-         * @inheritdoc
-         */
-        removeEventListener(type: string, listener: library.BasicEventListener): void;
-        removeEventListener(type: "insert", listener: CollectionEventListener<library.XML>): void;
-        removeEventListener(type: "erase", listener: CollectionEventListener<library.XML>): void;
-        removeEventListener(type: "refresh", listener: CollectionEventListener<library.XML>): void;
-        /**
-         * @inheritdoc
-         */
-        removeEventListener(type: string, listener: library.BasicEventListener, thisArg: Object): void;
-        removeEventListener(type: "insert", listener: CollectionEventListener<library.XML>, thisArg: Object): void;
-        removeEventListener(type: "erase", listener: CollectionEventListener<library.XML>, thisArg: Object): void;
-        removeEventListener(type: "refresh", listener: CollectionEventListener<library.XML>, thisArg: Object): void;
-    }
-}
-declare namespace samchon.library {
-    /**
-     * <p> Case generator. </p>
-     *
-     * <p> {@link CaseGenerator} is an abstract case generator being used like a matrix. </p>
+     * {@link CaseGenerator} is an abstract case generator being used like a matrix.
      * <ul>
      *  <li> n��r(n^r) -> {@link CombinedPermutationGenerator} </li>
      *  <li> nPr -> {@link PermutationGenerator} </li>
@@ -1826,40 +1854,40 @@ declare namespace samchon.library {
      */
     abstract class CaseGenerator {
         /**
-         * <p> Size, the number of all cases. </p>
+         * Size, the number of all cases.
          */
         protected size_: number;
         /**
-         * <p> N, size of the candidates. </p>
+         * N, size of the candidates.
          */
         protected n_: number;
         /**
-         * <p> R, size of elements of each case. </p>
+         * R, size of elements of each case.
          */
         protected r_: number;
         /**
-         * <p> Construct from size of N and R. </p>
+         * Construct from size of N and R.
          *
          * @param n Size of candidates.
          * @param r Size of elements of each case.
          */
         constructor(n: number, r: number);
         /**
-         * <p> Get size of all cases. </p>
+         * Get size of all cases.
          *
          * @return Get a number of the all cases.
          */
         size(): number;
         /**
-         * <p> Get size of the N. </p>
+         * Get size of the N.
          */
         n(): number;
         /**
-         * <p> Get size of the R. </p>
+         * Get size of the R.
          */
         r(): number;
         /**
-         * <p> Get index'th case. </p>
+         * Get index'th case.
          *
          * @param index Index number
          * @return The row of the index'th in combined permuation case
@@ -1867,19 +1895,19 @@ declare namespace samchon.library {
         abstract at(index: number): number[];
     }
     /**
-     * <p> A combined-permutation case generator. </p>
+     * A combined-permutation case generator.
      *
-     * <p> <sub>n</sub>��<sub>r</sub> </p>
+     * <sub>n</sub>��<sub>r</sub>
      *
      * @author Jeongho Nam <http://samchon.org>
      */
     class CombinedPermutationGenerator extends CaseGenerator {
         /**
-         * <p> An array using for dividing each element index. </p>
+         * An array using for dividing each element index.
          */
         private divider_array;
         /**
-         * <p> Construct from size of N and R. </p>
+         * Construct from size of N and R.
          *
          * @param n Size of candidates.
          * @param r Size of elements of each case.
@@ -1888,15 +1916,15 @@ declare namespace samchon.library {
         at(index: number): number[];
     }
     /**
-     * <p> A permutation case generator. </p>
+     * A permutation case generator.
      *
-     * <p> <sub>n</sub>P<sub>r</sub> </p>
+     * <sub>n</sub>P<sub>r</sub>
      *
      * @author Jeongho Nam <http://samchon.org>
      */
     class PermuationGenerator extends CaseGenerator {
         /**
-         * <p> Construct from size of N and R. </p>
+         * Construct from size of N and R.
          *
          * @param n Size of candidates.
          * @param r Size of elements of each case.
@@ -1908,9 +1936,9 @@ declare namespace samchon.library {
         at(index: number): number[];
     }
     /**
-     * <p> Factorial case generator. </p>
+     * Factorial case generator.
      *
-     * <p> n! = <sub>n</sub>P<sub>n</sub> </p>
+     * n! = <sub>n</sub>P<sub>n</sub>
      *
      * @author Jeongho Nam <http://samchon.org>
      */
@@ -1926,87 +1954,87 @@ declare namespace samchon.library {
 declare namespace samchon.library {
     type BasicEventListener = (event: BasicEvent) => void;
     /**
-     * <p> The IEventDispatcher interface defines methods for adding or removing event listeners, checks
-     * whether specific types of event listeners are registered, and dispatches events. </p>
+     * The IEventDispatcher interface defines methods for adding or removing event listeners, checks whether specific
+     * types of event listeners are registered, and dispatches events.
      *
-     * <p> Event targets are an important part of the Flash�� Player and Adobe AIR event model. The event
-     * target serves as the local point for how events flow through the display list hierarchy. When an
-     * event such as a mouse click or a key press occurs, an event object is dispatched into the event flow
-     * from the root of the display list. The event object makes a round-trip journey to the event target,
-     * which is conceptually divided into three phases: the capture phase includes the journey from the
-     * root to the last node before the event target's node; the target phase includes only the event
-     * target node; and the bubbling phase includes any subsequent nodes encountered on the return trip to
-     * the root of the display list. </p>
+     * The event target serves as the local point for how events flow through the display list hierarchy. When an
+     * event such as a mouse click or a key press occurs, an event object is dispatched into the event flow from the
+     * root of the display list. The event object makes a round-trip journey to the event target, which is
+     * conceptually divided into three phases: the capture phase includes the journey from the root to the last node
+     * before the event target's node; the target phase includes only the event target node; and the bubbling phase
+     * includes any subsequent nodes encountered on the return trip to the root of the display list.
      *
-     * <p> In general, the easiest way for a user-defined class to gain event dispatching capabilities is
-     * to extend EventDispatcher. If this is impossible (that is, if the class is already extending another
-     * class), you can instead implement the IEventDispatcher interface, create an EventDispatcher member,
-     * and write simple hooks to route calls into the aggregated EventDispatcher. </p>
+     * In general, the easiest way for a user-defined class to gain event dispatching capabilities is to extend
+     * {@link EventDispatcher}. If this is impossible (that is, if the class is already extending another class), you
+     * can instead implement the {@link IEventDispatcher} interface, create an {@link EventDispatcher} member, and
+     * write simple hooks to route calls into the aggregated {@link EventDispatcher}.
      *
      * @reference http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/events/IEventDispatcher.html
+     * @handbook https://github.com/samchon/framework/wiki/TypeScript-Library-EventDispatcher
      * @author Migrated by Jeongho Nam <http://samchon.org>
      */
     interface IEventDispatcher {
         /**
-         * <p> Checks whether the EventDispatcher object has any listeners registered for a specific type
-         * of event. This allows you to determine where an EventDispatcher object has altered handling of
-         * an event type in the event flow hierarchy. To determine whether a specific event type actually
-         * triggers an event listener, use willTrigger(). </p>
+         * Checks whether the {@link EventDispatcher} object has any listeners registered for a specific type of event.
+         * This allows you to determine where an {@link EventDispatcher} object has altered handling of an event type
+         * in the event flow hierarchy. To determine whether a specific event type actually triggers an event listener,
+         * use {@link willTrigger willTrigger()}.
          *
-         * <p> The difference between hasEventListener() and willTrigger() is that hasEventListener()
-         * examines only the object to which it belongs, whereas willTrigger() examines the entire event
-         * flow for the event specified by the type parameter. </p>
+         * The difference between {@link hasEventListener hasEventListener()} and {@link willTrigger willTrigger()} is
+         * that {@link hasEventListener} examines only the object to which it belongs, whereas {@link willTrigger}
+         * examines the entire event flow for the event specified by the type parameter.
          *
          * @param type The type of event.
          */
         hasEventListener(type: string): boolean;
         /**
-         * <p> Dispatches an event into the event flow. </p>
-         * <p> The event target is the EventDispatcher object upon which the dispatchEvent() method is called. </p>
+         * Dispatches an event into the event flow.
          *
-         * @param event The Event object that is dispatched into the event flow. If the event is being
-         *			  redispatched, a clone of the event is created automatically. After an event is
-         *			  dispatched, its target property cannot be changed, so you must create a new copy
-         *			  of the event for redispatching to work.
+         * The event target is the {@link EventDispatcher} object upon which the {@link dispatchEvent dispatchEvent()}
+         * method is called.
+         *
+         * @param event The {@link BasicEvent} object that is dispatched into the event flow. If the event is being
+         *				redispatched, a clone of the event is created automatically. After an event is dispatched, its
+         *				target property cannot be changed, so you must create a new copy
+         *				of the event for redispatching to work.
          */
         dispatchEvent(event: library.BasicEvent): boolean;
         /**
-         * <p> Registers an event listener object with an EventDispatcher object so that the listener
-         * receives notification of an event. You can register event listeners on all nodes in the display
-         * list for a specific type of event, phase, and priority.
+         * Registers an event listener object with an {@link EventDispatcher} object so that the listener receives
+         * notification of an event. You can register event listeners on all nodes in the display list for a specific
+         * type of event, phase, and priority.
          *
-         * <p> After you successfully register an event listener, you cannot change its priority through
-         * additional calls to addEventListener(). To change a listener's priority, you must first call
-         * removeEventListener(). Then you can register the listener again with the new priority level. </p>
+         * After you successfully register an event listener, you cannot change its priority through additional calls
+         * to {@link addEventListener addEventListener()|} To change a listener's priority, you must first call
+         * {@link removeEventListener removeEventListener()}. Then you can register the listener again with the new
+         * priority level.
          *
-         * <p> Keep in mind that after the listener is registered, subsequent calls to addEventListener()
-         * with a different type or useCapture value result in the creation of a separate listener
-         * registration. For example, if you first register a listener with useCapture set to true,
-         * it listens only during the capture phase. If you call addEventListener() again using the same
-         * listener object, but with useCapture set to false, you have two separate listeners: one that
-         * listens during the capture phase and another that listens during the target and bubbling phases. </p>
+         * Keep in mind that after the listener is registered, subsequent calls to {@link addEventListener} with a
+         * different type or useCapture value result in the creation of a separate listener registration. For example,
+         * if you first register a listener with useCapture set to true, it listens only during the capture phase. If
+         * you call {@link addEventListener} again using the same listener object, but with useCapture set to false,
+         * you have two separate listeners: one that listens during the capture phase and another that listens during
+         * the target and bubbling phases.
          *
-         * <p> You cannot register an event listener for only the target phase or the bubbling phase.
-         * Those phases are coupled during registration because bubbling applies only to the ancestors of
-         * the target node. </p>
+         * You cannot register an event listener for only the target phase or the bubbling phase. Those phases are
+         * coupled during registration because bubbling applies only to the ancestors of the target node.
          *
-         * <p> If you no longer need an event listener, remove it by calling removeEventListener(), or
-         * memory problems could result. Event listeners are not automatically removed from memory because
-         * the garbage collector does not remove the listener as long as the dispatching object exists
-         * (unless the useWeakReference parameter is set to true). </p>
+         * If you no longer need an event listener, remove it by calling {@link removeEventListener}, or memory
+         * problems could result. Event listeners are not automatically removed from memory because the garbage
+         * collector does not remove the listener as long as the dispatching object exists (unless the
+         * useWeakReference parameter is set to true).
          *
-         * <p> Copying an EventDispatcher instance does not copy the event listeners attached to it. (If
-         * your newly created node needs an event listener, you must attach the listener after creating
-         * the node.) However, if you move an EventDispatcher instance, the event listeners attached to
-         * it move along with it. </p>
+         * Copying an {@link EventDispatcher} instance does not copy the event listeners attached to it. (If your n
+         * ewly created node needs an event listener, you must attach the listener after creating the node.) However,
+         * if you move an {@link EventDispatcher} instance, the event listeners attached to it move along with it.
          *
-         * <p> If the event listener is being registered on a node while an event is also being processed
-         * on this node, the event listener is not triggered during the current phase but may be triggered
-         * during a later phase in the event flow, such as the bubbling phase. </p>
+         * If the event listener is being registered on a node while an event is also being processed on this node,
+         * the event listener is not triggered during the current phase but may be triggered during a later phase in
+         * the event flow, such as the bubbling phase.
          *
-         * <p> If an event listener is removed from a node while an event is being processed on the node,
-         * it is still triggered by the current actions. After it is removed, the event listener is never
-         * invoked again (unless it is registered again for future processing). </p>
+         * If an event listener is removed from a node while an event is being processed on the node, it is still
+         * triggered by the current actions. After it is removed, the event listener is never invoked again (unless it
+         * is registered again for future processing).
          *
          * @param event The type of event.
          * @param listener The listener function that processes the event.
@@ -2015,121 +2043,97 @@ declare namespace samchon.library {
          */
         addEventListener(type: string, listener: library.BasicEventListener): void;
         /**
-         * <p> Registers an event listener object with an EventDispatcher object so that the listener
-         * receives notification of an event. You can register event listeners on all nodes in the display
-         * list for a specific type of event, phase, and priority.
+         * Registers an event listener object with an {@link EventDispatcher} object so that the listener receives
+         * notification of an event. You can register event listeners on all nodes in the display list for a specific
+         * type of event, phase, and priority.
          *
-         * <p> After you successfully register an event listener, you cannot change its priority through
-         * additional calls to addEventListener(). To change a listener's priority, you must first call
-         * removeEventListener(). Then you can register the listener again with the new priority level. </p>
+         * After you successfully register an event listener, you cannot change its priority through additional calls
+         * to {@link addEventListener addEventListener()|} To change a listener's priority, you must first call
+         * {@link removeEventListener removeEventListener()}. Then you can register the listener again with the new
+         * priority level.
          *
-         * <p> Keep in mind that after the listener is registered, subsequent calls to addEventListener()
-         * with a different type or useCapture value result in the creation of a separate listener
-         * registration. For example, if you first register a listener with useCapture set to true,
-         * it listens only during the capture phase. If you call addEventListener() again using the same
-         * listener object, but with useCapture set to false, you have two separate listeners: one that
-         * listens during the capture phase and another that listens during the target and bubbling phases. </p>
+         * Keep in mind that after the listener is registered, subsequent calls to {@link addEventListener} with a
+         * different type or useCapture value result in the creation of a separate listener registration. For example,
+         * if you first register a listener with useCapture set to true, it listens only during the capture phase. If
+         * you call {@link addEventListener} again using the same listener object, but with useCapture set to false,
+         * you have two separate listeners: one that listens during the capture phase and another that listens during
+         * the target and bubbling phases.
          *
-         * <p> You cannot register an event listener for only the target phase or the bubbling phase.
-         * Those phases are coupled during registration because bubbling applies only to the ancestors of
-         * the target node. </p>
+         * You cannot register an event listener for only the target phase or the bubbling phase. Those phases are
+         * coupled during registration because bubbling applies only to the ancestors of the target node.
          *
-         * <p> If you no longer need an event listener, remove it by calling removeEventListener(), or
-         * memory problems could result. Event listeners are not automatically removed from memory because
-         * the garbage collector does not remove the listener as long as the dispatching object exists
-         * (unless the useWeakReference parameter is set to true). </p>
+         * If you no longer need an event listener, remove it by calling {@link removeEventListener}, or memory
+         * problems could result. Event listeners are not automatically removed from memory because the garbage
+         * collector does not remove the listener as long as the dispatching object exists (unless the
+         * useWeakReference parameter is set to true).
          *
-         * <p> Copying an EventDispatcher instance does not copy the event listeners attached to it. (If
-         * your newly created node needs an event listener, you must attach the listener after creating
-         * the node.) However, if you move an EventDispatcher instance, the event listeners attached to
-         * it move along with it. </p>
+         * Copying an {@link EventDispatcher} instance does not copy the event listeners attached to it. (If your n
+         * ewly created node needs an event listener, you must attach the listener after creating the node.) However,
+         * if you move an {@link EventDispatcher} instance, the event listeners attached to it move along with it.
          *
-         * <p> If the event listener is being registered on a node while an event is also being processed
-         * on this node, the event listener is not triggered during the current phase but may be triggered
-         * during a later phase in the event flow, such as the bubbling phase. </p>
+         * If the event listener is being registered on a node while an event is also being processed on this node,
+         * the event listener is not triggered during the current phase but may be triggered during a later phase in
+         * the event flow, such as the bubbling phase.
          *
-         * <p> If an event listener is removed from a node while an event is being processed on the node,
-         * it is still triggered by the current actions. After it is removed, the event listener is never
-         * invoked again (unless it is registered again for future processing). </p>
+         * If an event listener is removed from a node while an event is being processed on the node, it is still
+         * triggered by the current actions. After it is removed, the event listener is never invoked again (unless it
+         * is registered again for future processing).
          *
          * @param event The type of event.
          * @param listener The listener function that processes the event.
          *				 This function must accept an Event object as its only parameter and must return
          *				 nothing.
-         * @param thisArg The object to be used as the <b>this</b> object.
+         * @param thisArg The object to be used as the **this** object.
          */
         addEventListener(type: string, listener: library.BasicEventListener, thisArg: Object): void;
         /**
-         * Removes a listener from the EventDispatcher object. If there is no matching listener registered
-         * with the EventDispatcher object, a call to this method has no effect.
+         * Removes a listener from the {@link EventDispatcher} object. If there is no matching listener registered
+         * with the {@link EventDispatcher} object, a call to this method has no effect.
          *
          * @param type The type of event.
          * @param listener The listener object to remove.
          */
         removeEventListener(type: string, listener: library.BasicEventListener): void;
         /**
-         * Removes a listener from the EventDispatcher object. If there is no matching listener registered
-         * with the EventDispatcher object, a call to this method has no effect.
+         * Removes a listener from the {@link EventDispatcher} object. If there is no matching listener registered
+         * with the {@link EventDispatcher} object, a call to this method has no effect.
          *
          * @param type The type of event.
          * @param listener The listener object to remove.
-         * @param thisArg The object to be used as the <b>this</b> object.
+         * @param thisArg The object to be used as the **this** object.
          */
         removeEventListener(type: string, listener: library.BasicEventListener, thisArg: Object): void;
     }
     /**
-     * <p> Registers an event listener object with an EventDispatcher object so that the listener
-     * receives notification of an event. You can register event listeners on all nodes in the display
-     * list for a specific type of event, phase, and priority. </p>
+     * The {@link EventDispatcher} class is the base class for all classes that dispatch events. The
+     * {@link EventDispatcher} class implements the {@link IEventDispatcher} interface and is the base class for the
+     * {@link DisplayObject} class. The {@link EventDispatcher} class allows any object on the display list to be an
+     * event target and as such, to use the methods of the {@link IEventDispatcher} interface.
      *
-     * <p> After you successfully register an event listener, you cannot change its priority through
-     * additional calls to addEventListener(). To change a listener's priority, you must first call
-     * removeListener(). Then you can register the listener again with the new priority level. </p>
+     * The event target serves as the local point for how events flow through the display list hierarchy. When an
+     * event such as a mouse click or a key press occurs, an event object is dispatched into the event flow from the
+     * root of the display list. The event object makes a round-trip journey to the event target, which is
+     * conceptually divided into three phases: the capture phase includes the journey from the root to the last node
+     * before the event target's node; the target phase includes only the event target node; and the bubbling phase
+     * includes any subsequent nodes encountered on the return trip to the root of the display list.
      *
-     * Keep in mind that after the listener is registered, subsequent calls to <code>addEventListener()</code>
-     * with a different type or useCapture value result in the creation of a separate listener registration.
-     * For example, if you first register a listener with useCapture set to true, it listens only during the
-     * capture phase. If you call addEventListener() again using the same listener object, but with
-     * useCapture set to false, you have two separate listeners: one that listens during the capture
-     * phase and another that listens during the target and bubbling phases.
-     *
-     * <p> You cannot register an event listener for only the target phase or the bubbling phase. Those
-     * phases are coupled during registration because bubbling applies only to the ancestors of the
-     * target node. </p>
-     *
-     * <p> If you no longer need an event listener, remove it by calling <code>removeEventListener()</code>,
-     * or memory problems could result. Event listeners are not automatically removed from memory
-     * because the garbage collector does not remove the listener as long as the dispatching object
-     * exists (unless the useWeakReference parameter is set to true). </p>
-     *
-     * <p> Copying an EventDispatcher instance does not copy the event listeners attached to it. (If your
-     * newly created node needs an event listener, you must attach the listener after creating the
-     * node.) However, if you move an EventDispatcher instance, the event listeners attached to it move
-     * along with it. </p>
-     *
-     * <p> If the event listener is being registered on a node while an event is being processed on
-     * this node, the event listener is not triggered during the current phase but can be triggered
-     * during a later phase in the event flow, such as the bubbling phase. </p>
-     *
-     * <p> If an event listener is removed from a node while an event is being processed on the node, it is
-     * still triggered by the current actions. After it is removed, the event listener is never invoked
-     * again (unless registered again for future processing). </p>
-     *
-     * <ul>
-     *  <li> Made by AS3 - http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/events/EventDispatcher.html
-     * </ul>
+     * In general, the easiest way for a user-defined class to gain event dispatching capabilities is to extend
+     * {@link EventDispatcher}. If this is impossible (that is, if the class is already extending another class), you
+     * can instead implement the {@link IEventDispatcher} interface, create an {@link EventDispatcher} member, and
+     * write simple hooks to route calls into the aggregated {@link EventDispatcher}.
      *
+     * @reference http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/events/EventDispatcher.html
      * @author Migrated by Jeongho Nam <http://samchon.org>
      */
     class EventDispatcher implements IEventDispatcher {
         /**
-         * The origin object who issuing events.
+         * @hidden
          */
-        protected event_dispatcher_: IEventDispatcher;
+        private event_dispatcher_;
         /**
-         * Container of listeners.
+         * @hidden
          */
-        protected event_listeners_: std.HashMap<string, std.HashSet<std.Pair<library.BasicEventListener, Object>>>;
+        private event_listeners_;
         /**
          * Default Constructor.
          */
@@ -2168,19 +2172,19 @@ declare namespace samchon.library {
 }
 declare namespace samchon.library {
     /**
-     * <p> The {@link FileReference} class provides a means to load and save files in browser level. </p>
+     * The {@link FileReference} class provides a means to load and save files in browser level.
      *
-     * <p> The {@link FileReference} class provides a means to {@link load} and {@link save} files in browser level. A
+     * The {@link FileReference} class provides a means to {@link load} and {@link save} files in browser level. A
      * browser-system dialog box prompts the user to select a file to {@link load} or a location for {@link svae}. Each
      * {@link FileReference} object refers to a single file on the user's disk and has properties that contain
      * information about the file's size, type, name, creation date, modification date, and creator type (Macintosh only).
-     * </p>
      *
-     * <p> FileReference instances are created in the following ways: </p>
+     *
+     * FileReference instances are created in the following ways:
      * <ul>
      *	<li>
      *		When you use the new operator with the {@link FileReference} constructor:
-     *		<code>var myFileReference = new FileReference();</code>
+     *		<code>let myFileReference: FileReference = new FileReference();</code>
      *	</li>
      *	<li>
      *		When you call the {@link FileReferenceList.browse} method, which creates an array of {@link FileReference}
@@ -2188,23 +2192,23 @@ declare namespace samchon.library {
      *	</li>
      * </ul>
      *
-     * <p> During a load operation, all the properties of a {@link FileReference} object are populated by calls to the
+     * During a load operation, all the properties of a {@link FileReference} object are populated by calls to the
      * {@link FileReference.browse} or {@link FileReferenceList.browse} methods. During a save operation, the name
      * property is populated when the select event is dispatched; all other properties are populated when the complete
-     * event is dispatched. </p>
+     * event is dispatched.
      *
-     * <p> The {@link browse browse()} method opens an browser-system dialog box that prompts the user to select a file
+     * The {@link browse browse()} method opens an browser-system dialog box that prompts the user to select a file
      * for {@link load}. The {@link FileReference.browse} method lets the user select a single file; the
      * {@link FileReferenceList.browse} method lets the user select multiple files. After a successful call to the
      * {@link browse browse()} method, call the {@link FileReference.load} method to load one file at a time. The
      * {@link FileReference.save} method prompts the user for a location to save the file and initiates downloading from
-     * a binary or string data. </p>
+     * a binary or string data.
      *
-     * <p> The {@link FileReference} and {@link FileReferenceList} classes do not let you set the default file location
+     * The {@link FileReference} and {@link FileReferenceList} classes do not let you set the default file location
      * for the dialog box that the {@link browse} or {@link save} methods generate. The default location shown in the
      * dialog box is the most recently browsed folder, if that location can be determined, or the desktop. The classes do
      * not allow you to read from or write to the transferred file. They do not allow the browser that initiated the
-     * {@link load} or {@link save} to access the loaded or saved file or the file's location on the user's disk. </p>
+     * {@link load} or {@link save} to access the loaded or saved file or the file's location on the user's disk.
      *
      * @references http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/net/FileReference.html
      * @author Jeongho Nam <http://samchon.org>
@@ -2223,148 +2227,144 @@ declare namespace samchon.library {
          */
         constructor();
         /**
-         * <p> The data from the loaded file after a successful call to the {@link load load()} method. </p>
+         * The data from the loaded file after a successful call to the {@link load load()} method.
          *
-         * <p> If the {@link FileReference} object was not populated (by a valid call to {@link FileReference.browse}),
-         * an {@link LogicError exception} will be thrown when you try to get the value of this property. </p>
+         * If the {@link FileReference} object was not populated (by a valid call to {@link FileReference.browse}),
+         * an {@link LogicError exception} will be thrown when you try to get the value of this property.
+         *
+         * All the properties of a {@link FileReference} object are populated by calling the {@link browse browse()}.
          *
-         * <p> All the properties of a {@link FileReference} object are populated by calling the {@link browse browse()}.
-         * </p>
          */
         data: any;
         /**
-         * <p> The name of the file on the local disk. </p>
+         * The name of the file on the local disk.
          *
-         * <p> If the {@link FileReference} object was not populated (by a valid call to {@link FileReference.browse}),
-         * an {@link LogicError exception} will be thrown when you try to get the value of this property. </p>
+         * If the {@link FileReference} object was not populated (by a valid call to {@link FileReference.browse}),
+         * an {@link LogicError exception} will be thrown when you try to get the value of this property.
+         *
+         * All the properties of a {@link FileReference} object are populated by calling the {@link browse browse()}.
          *
-         * <p> All the properties of a {@link FileReference} object are populated by calling the {@link browse browse()}.
-         * </p>
          */
         name: string;
         /**
-         * <p> The filename extension. </p>
+         * The filename extension.
          *
-         * <p> A file's extension is the part of the name following (and not including) the final dot (&quot;.&quot;). If
-         * there is no dot in the filename, the extension is <code>null</code>. </p>
+         * A file's extension is the part of the name following (and not including) the final dot (&quot;.&quot;). If
+         * there is no dot in the filename, the extension is <code>null</code>.
          *
-         * <p> If the {@link FileReference} object was not populated (by a valid call to {@link FileReference.browse}),
-         * an {@link LogicError exception} will be thrown when you try to get the value of this property. </p>
+         * If the {@link FileReference} object was not populated (by a valid call to {@link FileReference.browse}),
+         * an {@link LogicError exception} will be thrown when you try to get the value of this property.
+         *
+         * All the properties of a {@link FileReference} object are populated by calling the {@link browse browse()}.
          *
-         * <p> All the properties of a {@link FileReference} object are populated by calling the {@link browse browse()}.
-         * </p>
          */
         extension: string;
         /**
-         * <p> The file type, metadata of the {@link extension}. </p>
+         * The file type, metadata of the {@link extension}.
          *
-         * <p> If the {@link FileReference} object was not populated (by a valid call to {@link FileReference.browse}),
-         * an {@link LogicError exception} will be thrown when you try to get the value of this property. </p>
+         * If the {@link FileReference} object was not populated (by a valid call to {@link FileReference.browse}),
+         * an {@link LogicError exception} will be thrown when you try to get the value of this property.
+         *
+         * All the properties of a {@link FileReference} object are populated by calling the {@link browse browse()}.
          *
-         * <p> All the properties of a {@link FileReference} object are populated by calling the {@link browse browse()}.
-         * </p>
          */
         type: string;
         /**
-         * <p> The size of the file on the local disk in bytes. </p>
+         * The size of the file on the local disk in bytes.
          *
-         * <p> If the {@link FileReference} object was not populated (by a valid call to {@link FileReference.browse}),
-         * an {@link LogicError exception} will be thrown when you try to get the value of this property. </p>
+         * If the {@link FileReference} object was not populated (by a valid call to {@link FileReference.browse}),
+         * an {@link LogicError exception} will be thrown when you try to get the value of this property.
+         *
+         * All the properties of a {@link FileReference} object are populated by calling the {@link browse browse()}.
          *
-         * <p> All the properties of a {@link FileReference} object are populated by calling the {@link browse browse()}.
-         * </p>
          */
         size: number;
         /**
-         * <p> The date that the file on the local disk was last modified. </p>
+         * The date that the file on the local disk was last modified.
          *
-         * <p> If the {@link FileReference} object was not populated (by a valid call to {@link FileReference.browse}),
-         * an {@link LogicError exception} will be thrown when you try to get the value of this property. </p>
+         * If the {@link FileReference} object was not populated (by a valid call to {@link FileReference.browse}),
+         * an {@link LogicError exception} will be thrown when you try to get the value of this property.
+         *
+         * All the properties of a {@link FileReference} object are populated by calling the {@link browse browse()}.
          *
-         * <p> All the properties of a {@link FileReference} object are populated by calling the {@link browse browse()}.
-         * </p>
          */
         modificationDate: Date;
         /**
-         * @hidden
-         */
-        _Set_file(val: File): void;
-        /**
-         * <p> Displays a file-browsing dialog box that lets the user select a file to upload. The dialog box is native
+         * Displays a file-browsing dialog box that lets the user select a file to upload. The dialog box is native
          * to the user's browser system. The user can select a file on the local computer or from other systems, for
-         * example, through a UNC path on Windows. </p>
+         * example, through a UNC path on Windows.
          *
-         * <p> When you call this method and the user successfully selects a file, the properties of this
+         * When you call this method and the user successfully selects a file, the properties of this
          * {@link FileReference} object are populated with the properties of that file. Each subsequent time that the
          * {@link FileReference.browse} method is called, the {@link FileReference} object's properties are reset to
          * the file that the user selects in the dialog box. Only one {@link browse browse()} can be performed at a time
-         * (because only one dialog box can be invoked at a time). </p>
+         * (because only one dialog box can be invoked at a time).
          *
-         * <p> Using the <i>typeFilter parameter</i>, you can determine which files the dialog box displays. </p>
+         * Using the *typeFilter parameter*, you can determine which files the dialog box displays.
          *
          * @param typeFilter An array of filter strings used to filter the files that are displayed in the dialog box.
          *					 If you omit this parameter, all files are displayed.
          */
         browse(...typeFilter: string[]): void;
         /**
-         * <p> Starts the load of a local file selected by a user. </p>
+         * Starts the load of a local file selected by a user.
          *
-         * <p> You must call the {@link FileReference.browse} or {@link FileReferenceList.browse} method before you call
-         * the {@link load load()} method. </p>
+         * You must call the {@link FileReference.browse} or {@link FileReferenceList.browse} method before you call
+         * the {@link load load()} method.
          *
-         * <p> Listeners receive events to indicate the progress, success, or failure of the load. Although you can use
+         * Listeners receive events to indicate the progress, success, or failure of the load. Although you can use
          * the {@link FileReferenceList} object to let users select multiple files to load, you must {@link load} the
          * {@link FileReferenceList files} one by one. To {@link load} the files one by one, iterate through the
-         * {@link FileReferenceList.fileList} array of {@link FileReference} objects. </p>
+         * {@link FileReferenceList.fileList} array of {@link FileReference} objects.
          *
-         * <p> If the file finishes loading successfully, its contents are stored in the {@link data} property. </p>
+         * If the file finishes loading successfully, its contents are stored in the {@link data} property.
          */
         load(): void;
         /**
-         * <p> Save a file to local filesystem. </p>
+         * Save a file to local filesystem.
          *
-         * <p> {@link FileReference.save} implemented the save function by downloading a file from a hidden anchor tag.
-         * However, the plan, future's {@link FileReference} will follow such rule: </p>
+         * {@link FileReference.save} implemented the save function by downloading a file from a hidden anchor tag.
+         * However, the plan, future's {@link FileReference} will follow such rule:
          *
-         * <p> Opens a dialog box that lets the user save a file to the local filesystem. </p>
+         * Opens a dialog box that lets the user save a file to the local filesystem.
          *
-         * <p> The {@link save save()} method first opens an browser-system dialog box that asks the user to enter a
+         * The {@link save save()} method first opens an browser-system dialog box that asks the user to enter a
          * filename and select a location on the local computer to save the file. When the user selects a location and
          * confirms the save operation (for example, by clicking Save), the save process begins. Listeners receive events
          * to indicate the progress, success, or failure of the save operation. To ascertain the status of the dialog box
          * and the save operation after calling {@link save save()}, your code must listen for events such as cancel,
-         * open, progress, and complete. </p>
+         * open, progress, and complete.
          *
-         * <p> When the file is saved successfully, the properties of the {@link FileReference} object are populated with
-         * the properties of the local file. The complete event is dispatched if the save is successful. </p>
+         * When the file is saved successfully, the properties of the {@link FileReference} object are populated with
+         * the properties of the local file. The complete event is dispatched if the save is successful.
          *
-         * <p> Only one {@link browse browse()} or {@link save()} session can be performed at a time (because only one
-         * dialog box can be invoked at a time). </p>
+         * Only one {@link browse browse()} or {@link save()} session can be performed at a time (because only one
+         * dialog box can be invoked at a time).
          *
          * @param data The data to be saved. The data can be in one of several formats, and will be treated appropriately.
          * @param fileName File name to be saved.
          */
         save(data: string, fileName: string): void;
         /**
-         * <p> Save a file to local filesystem. </p>
+         * Save a file to local filesystem.
          *
-         * <p> {@link FileReference.save} implemented the save function by downloading a file from a hidden anchor tag.
-         * However, the plan, future's {@link FileReference} will follow such rule: </p>
+         * {@link FileReference.save} implemented the save function by downloading a file from a hidden anchor tag.
+         * However, the plan, future's {@link FileReference} will follow such rule:
          *
-         * <p> Opens a dialog box that lets the user save a file to the local filesystem. </p>
+         * Opens a dialog box that lets the user save a file to the local filesystem.
          *
-         * <p> The {@link save save()} method first opens an browser-system dialog box that asks the user to enter a
+         * The {@link save save()} method first opens an browser-system dialog box that asks the user to enter a
          * filename and select a location on the local computer to save the file. When the user selects a location and
          * confirms the save operation (for example, by clicking Save), the save process begins. Listeners receive events
          * to indicate the progress, success, or failure of the save operation. To ascertain the status of the dialog box
          * and the save operation after calling {@link save save()}, your code must listen for events such as cancel,
-         * open, progress, and complete. </p>
+         * open, progress, and complete.
          *
-         * <p> When the file is saved successfully, the properties of the {@link FileReference} object are populated with
-         * the properties of the local file. The complete event is dispatched if the save is successful. </p>
+         * When the file is saved successfully, the properties of the {@link FileReference} object are populated with
+         * the properties of the local file. The complete event is dispatched if the save is successful.
          *
-         * <p> Only one {@link browse browse()} or {@link save()} session can be performed at a time (because only one
-         * dialog box can be invoked at a time). </p>
+         * Only one {@link browse browse()} or {@link save()} session can be performed at a time (because only one
+         * dialog box can be invoked at a time).
          *
          * @param data The data to be saved. The data can be in one of several formats, and will be treated appropriately.
          * @param fileName File name to be saved.
@@ -2372,13 +2372,13 @@ declare namespace samchon.library {
         static save(data: string, fileName: string): void;
     }
     /**
-     * <p> The {@link FileReferenceList} class provides a means to let users select one or more files for
+     * The {@link FileReferenceList} class provides a means to let users select one or more files for
      * {@link FileReference.load loading}. A {@link FileReferenceList} object represents a group of one or more local
      * files on the user's disk as an array of {@link FileReference} objects. For detailed information and important
      * considerations about {@link FileReference} objects and the FileReference class, which you use with
-     * {@link FileReferenceList}, see the {@link FileReference} class. </p>
+     * {@link FileReferenceList}, see the {@link FileReference} class.
      *
-     * <p> To work with the {@link FileReferenceList} class: </p>
+     * To work with the {@link FileReferenceList} class:
      * <ul>
      *	<li> Instantiate the class: <code>var myFileRef = new FileReferenceList();</code> </li>
      *	<li>
@@ -2392,8 +2392,8 @@ declare namespace samchon.library {
      *	<li> Call {@link FileReference.load} on each element in the {@link fileList} array. </li>
      * </ul>
      *
-     * <p> The {@link FileReferenceList} class includes a {@link browse browse()} method and a {@link fileList} property
-     * for working with multiple files. </p>
+     * The {@link FileReferenceList} class includes a {@link browse browse()} method and a {@link fileList} property
+     * for working with multiple files.
      *
      * @reference http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/net/FileReferenceList.html
      * @author Jeongho Nam <http://samchon.org>
@@ -2408,31 +2408,31 @@ declare namespace samchon.library {
          */
         constructor();
         /**
-         * <p> An array of {@link FileReference} objects. </p>
+         * An array of {@link FileReference} objects.
          *
-         * <p> When the {@link FileReferenceList.browse} method is called and the user has selected one or more files
+         * When the {@link FileReferenceList.browse} method is called and the user has selected one or more files
          * from the dialog box that the {@link browse browse()} method opens, this property is populated with an array of
-         * {@link FileReference} objects, each of which represents the files the user selected. </p>
+         * {@link FileReference} objects, each of which represents the files the user selected.
          *
-         * <p> The {@link fileList} property is populated anew each time {@link browse browse()} is called on that
-         * {@link FileReferenceList} object. </p>
+         * The {@link fileList} property is populated anew each time {@link browse browse()} is called on that
+         * {@link FileReferenceList} object.
          */
         fileList: std.Vector<FileReference>;
         /**
-         * <p> Displays a file-browsing dialog box that lets the user select one or more local files to upload. The
-         * dialog box is native to the user's browser system.  </p>
+         * Displays a file-browsing dialog box that lets the user select one or more local files to upload. The
+         * dialog box is native to the user's browser system.
          *
-         * <p> When you call this method and the user successfully selects files, the {@link fileList} property of this
+         * When you call this method and the user successfully selects files, the {@link fileList} property of this
          * {@link FileReferenceList} object is populated with an array of {@link FileReference} objects, one for each
          * file that the user selects. Each subsequent time that the {@link FileReferenceList.browse} method is called,
          * the {@link FileReferenceList.fileList} property is reset to the file(s) that the user selects in the dialog
-         * box. </p>
+         * box.
          *
-         * <p> Using the <i>typeFilter</i> parameter, you can determine which files the dialog box displays. </p>
+         * Using the *typeFilter* parameter, you can determine which files the dialog box displays.
          *
-         * <p> Only one {@link FileReference.browse}, {@link FileReference.load}, or {@link FileReferenceList.browse}
+         * Only one {@link FileReference.browse}, {@link FileReference.load}, or {@link FileReferenceList.browse}
          * session can be performed at a time on a {@link FileReferenceList} object (because only one dialog box can be
-         * opened at a time). </p>
+         * opened at a time).
          *
          * @param typeFilter An array of filter strings used to filter the files that are displayed in the dialog box.
          *					 If you omit this parameter, all files are displayed.
@@ -2442,16 +2442,15 @@ declare namespace samchon.library {
 }
 declare namespace samchon.library {
     /**
-     * <p> A genetic algorithm class. </p>
+     * A genetic algorithm class.
      *
-     * @details
-     * <p> In the field of artificial intelligence, a genetic algorithm (GA) is a search heuristic that mimics the
+     * In the field of artificial intelligence, a genetic algorithm (GA) is a search heuristic that mimics the
      * process of natural selection. This heuristic (also sometimes called a metaheuristic) is routinely used to generate
-     * useful solutions to optimization and search problems. </p>
+     * useful solutions to optimization and search problems.
      *
-     * <p> Genetic algorithms belong to the larger class of evolutionary algorithms (EA), which generate solutions to
+     * Genetic algorithms belong to the larger class of evolutionary algorithms (EA), which generate solutions to
      * optimization problems using techniques inspired by natural evolution, such as inheritance, {@link mutate mutation},
-     * {@link selection}, and {@link crossover}. </p>
+     * {@link selection}, and {@link crossover}.
      *
      * @reference https://en.wikipedia.org/wiki/Genetic_algorithm
      * @author Jeongho Nam <http://samchon.org>
@@ -2488,22 +2487,22 @@ declare namespace samchon.library {
          */
         constructor(unique?: boolean, mutation_rate?: number, tournament?: number);
         /**
-         * <p> Evolove <i>GeneArray</i>. </p>
+         * Evolove *GeneArray*.
          *
-         * <p> Convenient method accessing to {@link evolvePopulation evolvePopulation()}. </p>
+         * Convenient method accessing to {@link evolvePopulation evolvePopulation()}.
          *
          * @param individual An initial set of genes; sequence listing.
          * @param population Size of population in a generation.
          * @param generation Size of generation in evolution.
          * @param compare A comparison function returns whether left gene is more optimal.
          *
-         * @return An evolved <i>GeneArray</i>, optimally.
+         * @return An evolved *GeneArray*, optimally.
          *
          * @see {@link GAPopulation.compare}
          */
         evolveGeneArray<T, GeneArray extends std.base.IArrayContainer<T>>(individual: GeneArray, population: number, generation: number, compare?: (left: T, right: T) => boolean): GeneArray;
         /**
-         * Evolve <i>population</i>, a mass of <i>GeneArraies</i>.
+         * Evolve *population*, a mass of *GeneArraies*.
          *
          * @param population An initial population.
          * @param compare A comparison function returns whether left gene is more optimal.
@@ -2514,11 +2513,11 @@ declare namespace samchon.library {
          */
         evolvePopulation<T, GeneArray extends std.base.IArrayContainer<T>>(population: GAPopulation<T, GeneArray>, compare?: (left: T, right: T) => boolean): GAPopulation<T, GeneArray>;
         /**
-         * <p> Select the best GeneArray in <i>population</i> from tournament. </p>
+         * Select the best GeneArray in *population* from tournament.
          *
-         * <p> {@link selection Selection} is the stage of a genetic algorithm in which individual genomes are chosen
+         * {@link selection Selection} is the stage of a genetic algorithm in which individual genomes are chosen
          * from a population for later breeding (using {@linlk crossover} operator). A generic {@link selection}
-         * procedure may be implemented as follows: </p>
+         * procedure may be implemented as follows:
          *
          * <ol>
          *	<li>
@@ -2543,14 +2542,14 @@ declare namespace samchon.library {
          */
         private selection<T, GeneArray>(population);
         /**
-         * <p> Create a new GeneArray by crossing over two <i>GeneArray</i>(s). </p>
+         * Create a new GeneArray by crossing over two *GeneArray*(s).
          *
-         * <p> {@link crossover} is a genetic operator used to vary the programming of a chromosome or chromosomes from
+         * {@link crossover} is a genetic operator used to vary the programming of a chromosome or chromosomes from
          * one generation to the next. It is analogous to reproduction and biological crossover, upon which genetic
-         * algorithms are based. </p>
+         * algorithms are based.
          *
-         * <p> {@link crossover Cross over} is a process of taking more than one parent solutions and producing a child
-         * solution from them. There are methods for selection of the chromosomes. </p>
+         * {@link crossover Cross over} is a process of taking more than one parent solutions and producing a child
+         * solution from them. There are methods for selection of the chromosomes.
          *
          * @param parent1 A parent sequence listing
          * @param parent2 A parent sequence listing
@@ -2559,25 +2558,25 @@ declare namespace samchon.library {
          */
         private crossover<T, GeneArray>(parent1, parent2);
         /**
-         * <p> Cause a mutation on the <i>GeneArray</i>. </p>
+         * Cause a mutation on the *GeneArray*.
          *
-         * <p> {@link mutate Mutation} is a genetic operator used to maintain genetic diversity from one generation of a
-         * population of genetic algorithm chromosomes to the next. It is analogous to biological mutation. </p>
+         * {@link mutate Mutation} is a genetic operator used to maintain genetic diversity from one generation of a
+         * population of genetic algorithm chromosomes to the next. It is analogous to biological mutation.
          *
-         * <p> {@link mutate Mutation} alters one or more gene values in a chromosome from its initial state. In
+         * {@link mutate Mutation} alters one or more gene values in a chromosome from its initial state. In
          * {@link mutate mutation}, the solution may change entirely from the previous solution. Hence GA can come to
-         * better solution by using {@link mutate mutation}. </p>
+         * better solution by using {@link mutate mutation}.
          *
-         * <p> {@link mutate Mutation} occurs during evolution according to a user-definable mutation probability. This
-         * probability should be set low. If it is set too high, the search will turn into a primitive random search. </p>
+         * {@link mutate Mutation} occurs during evolution according to a user-definable mutation probability. This
+         * probability should be set low. If it is set too high, the search will turn into a primitive random search.
          *
          * <h4> Note </h4>
-         * <p> Muttion is pursuing diversity. Mutation is useful for avoiding the following problem. </p>
+         * Muttion is pursuing diversity. Mutation is useful for avoiding the following problem.
          *
-         * <p> When initial set of genes(GeneArray) is far away from optimail, without mutation (only with selection and
-         * crossover), the genetic algorithm has a tend to wandering outside of the optimal. </p>
+         * When initial set of genes(GeneArray) is far away from optimail, without mutation (only with selection and
+         * crossover), the genetic algorithm has a tend to wandering outside of the optimal.
          *
-         * <p> Genes in the GeneArray will be swapped following percentage of the {@link mutation_rate}. </p>
+         * Genes in the GeneArray will be swapped following percentage of the {@link mutation_rate}.
          *
          * @param individual A container of genes to mutate
          *
@@ -2587,18 +2586,18 @@ declare namespace samchon.library {
         private mutate<T, GeneArray>(individual);
     }
     /**
-     * <p> A population in a generation. </p>
+     * A population in a generation.
      *
-     * <p> {@link GAPopulation} is a class representing population of candidate genes (sequence listing) having an array
+     * {@link GAPopulation} is a class representing population of candidate genes (sequence listing) having an array
      * of GeneArray as a member. {@link GAPopulation} also manages initial set of genes and handles fitting test direclty
-     * by the method {@link fitTest fitTest()}. </p>
+     * by the method {@link fitTest fitTest()}.
      *
-     * <p> The success of evolution of genetic algorithm is depend on the {@link GAPopulation}'s initial set and fitting
-     * test. (<i>GeneArray</i> and {@link compare}.) </p>
+     * The success of evolution of genetic algorithm is depend on the {@link GAPopulation}'s initial set and fitting
+     * test. (*GeneArray* and {@link compare}.)
      *
      * <h4> Warning </h4>
-     * <p> Be careful for the mistakes of direction or position of the {@link compare}. </p>
-     * <p> Most of logical errors failed to access optimal solution are occured from those mistakes. </p>
+     * Be careful for the mistakes of direction or position of the {@link compare}.
+     * Most of logical errors failed to access optimal solution are occured from those mistakes.
      *
      * @param <T> Type of gene elements.
      * @param <GeneArray> An array containing genes as elments; sequnce listing.
@@ -2611,10 +2610,10 @@ declare namespace samchon.library {
          */
         private children_;
         /**
-         * <p> A comparison function returns whether left gene is more optimal, greater. </p>
+         * A comparison function returns whether left gene is more optimal, greater.
          *
-         * <p> Default value of this {@link compare} is {@link std.greater}. It means to compare two array
-         * (GeneArray must be a type of {@link std.base.IArrayContainer}). Thus, you've to keep follwing rule. </p>
+         * Default value of this {@link compare} is {@link std.greater}. It means to compare two array
+         * (GeneArray must be a type of {@link std.base.IArrayContainer}). Thus, you've to keep follwing rule.
          *
          * <ul>
          *	<li> GeneArray is implemented from {@link std.base.IArrayContainer}. </li>
@@ -2625,50 +2624,50 @@ declare namespace samchon.library {
          *	<li> GeneArray has custom <code>public less(obj: T): boolean;</code> function. </li>
          * </ul>
          *
-         * <p> If you don't want to follow the rule or want a custom comparison function, you have to realize a
-         * comparison function. </p>
+         * If you don't want to follow the rule or want a custom comparison function, you have to realize a
+         * comparison function.
          */
         private compare_;
         /**
-         * <p> Private constructor with population. </p>
+         * Private constructor with population.
          *
-         * <p> Private constructor of GAPopulation does not create {@link children}. (candidate genes) but only assigns
-         * <i>null</i> repeatedly following the <i>population size</i>. </p>
+         * Private constructor of GAPopulation does not create {@link children}. (candidate genes) but only assigns
+         * *null* repeatedly following the *population size*.
          *
-         * <p> This private constructor is designed only for {@link GeneticAlgorithm}. Don't create {@link GAPopulation}
-         * with this constructor, by yourself. </p>
+         * This private constructor is designed only for {@link GeneticAlgorithm}. Don't create {@link GAPopulation}
+         * with this constructor, by yourself.
          *
          * @param size Size of the population.
          */
         constructor(size: number);
         /**
-         * <p> Construct from a {@link GeneArray} and <i>size of the population</i>. </p>
+         * Construct from a {@link GeneArray} and *size of the population*.
+         *
+         * This public constructor creates *GeneArray(s)* as population (size) having shuffled genes which are
+         * came from the initial set of genes (*geneArray*). It uses {@link std.greater} as default comparison function.
          *
-         * <p> This public constructor creates <i>GeneArray(s)</i> as population (size) having shuffled genes which are
-         * came from the initial set of genes (<i>geneArray</i>). It uses {@link std.greater} as default comparison function.
-         * </p>
          *
          * @param geneArray An initial sequence listing.
          * @param size The size of population to have as children.
          */
         constructor(geneArray: GeneArray, size: number);
         /**
-         * <p> Constructor from a GeneArray, size of the poluation and custom comparison function. </p>
+         * Constructor from a GeneArray, size of the poluation and custom comparison function.
+         *
+         * This public constructor creates *GeneArray(s)* as population (size) having shuffled genes which are
+         * came from the initial set of genes (*geneArray*). The *compare* is used for comparison function.
          *
-         * <p> This public constructor creates <i>GeneArray(s)</i> as population (size) having shuffled genes which are
-         * came from the initial set of genes (<i>geneArray</i>). The <i>compare</i> is used for comparison function.
-         * </p>
          *
          * @param geneArray An initial sequence listing.
          * @param size The size of population to have as children.
          * @param compare A comparison function returns whether left gene is more optimal.
          */
         constructor(geneArray: GeneArray, size: number, compare: (left: GeneArray, right: GeneArray) => boolean);
-        _Get_children(): std.Vector<GeneArray>;
+        children(): std.Vector<GeneArray>;
         /**
-         * Test fitness of each <i>GeneArray</i> in the {@link population}.
+         * Test fitness of each *GeneArray* in the {@link population}.
          *
-         * @return The best <i>GeneArray</i> in the {@link population}.
+         * @return The best *GeneArray* in the {@link population}.
          */
         fitTest(): GeneArray;
         /**
@@ -2679,32 +2678,30 @@ declare namespace samchon.library {
 }
 declare namespace samchon.library {
     /**
-     * <p> A utility class supporting static methods of string. </p>
+     * A utility class supporting static methods of string.
      *
-     * <p> The {@link StringUtil} utility class is an all-static class with methods for working with string objects within
-     * Samchon Framework. You do not create instances of {@link StringUtil}; instead you call methods such as the
-     * <code>StringUtil.substitute()</code> method. </p>
+     * The {@link StringUtil} utility class is an all-static class with methods for working with string objects.
+     * You do not create instances of {@link StringUtil}; instead you call methods such as the
+     * ```StringUtil.substitute()``` method.
      *
      * @reference http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/utils/StringUtil.html
      * @author Jeongho Nam <http://samchon.org>
      */
     class StringUtil {
         /**
-         * <p> Generate a substring. </p>
+         * Generate a substring.
          *
-         * <p> Extracts a substring consisting of the characters from specified start to end.
-         * It's same with str.substring( ? = (str.find(start) + start.size()), str.find(end, ?) ) </p>
+         * Extracts a substring consisting of the characters from specified start to end.
+         * It's same with str.substring( ? = (str.find(start) + start.size()), str.find(end, ?) )
          *
-         * <code>
-         let str = between("ABCD[EFGH]IJK", "[", "]");
-         console.log(str); // PRINTS "EFGH"
-         * </code>
+         * ```typescript
+         * let str: string = StringUtil.between("ABCD(EFGH)IJK", "(", ")");
+         * console.log(str); // PRINTS "EFGH"
+         * ```
          *
-         * <ul>
-         *	<li> If start is not specified, extracts from begin of the string to end. </li>
-         *	<li> If end is not specified, extracts from start to end of the string. </li>
-         *	<li> If start and end are all omitted, returns str, itself. </li>
-         * </ul>
+         * - If start is not specified, extracts from begin of the string to end. </li>
+         * - If end is not specified, extracts from start to end of the string. </li>
+         * - If start and end are all omitted, returns str, itself. </li>
          *
          * @param str Target string to be applied between.
          * @param start A string for separating substring at the front.
@@ -2714,15 +2711,15 @@ declare namespace samchon.library {
          */
         static between(str: string, start?: string, end?: string): string;
         /**
-         * <p> Fetch substrings. </p>
+         * Fetch substrings.
          *
-         * <p> Splits a string into an array of substrings dividing by specified delimeters of start and end.
-         * It's the array of substrings adjusted the between. </p>
+         * Splits a string into an array of substrings dividing by specified delimeters of start and end.
+         * It's the array of substrings adjusted the between.
          *
          * <ul>
          *	<li> If startStr is omitted, it's same with the split by endStr not having last item. </li>
          *	<li> If endStr is omitted, it's same with the split by startStr not having first item. </li>
-         *	<li> If startStr and endStar are all omitted, returns <i>str</i>. </li>
+         *	<li> If startStr and endStar are all omitted, returns *str*. </li>
          * </ul>
          *
          * @param str Target string to split by between.
@@ -2770,7 +2767,7 @@ declare namespace samchon.library {
          * @param format The string to make substitutions in. This string can contain special tokens of the form
          *				 <code>{n}</code>, where <code>n</code> is a zero based index, that will be replaced with the
          *				 additional parameters found at that index if specified.
-         * @param args Additional parameters that can be substituted in the <i>format</i> parameter at each
+         * @param args Additional parameters that can be substituted in the *format* parameter at each
          *			   <code>{n}</code> location, where <code>n</code> is an integer (zero based) index value into
          *			   the array of values specified.
          *
@@ -2803,9 +2800,9 @@ declare namespace samchon.library {
          */
         static removeHTMLSpaces(str: string): string;
         /**
-         * <p> Repeat a string. </p>
+         * Repeat a string.
          *
-         * <p> Returns a string consisting of a specified string concatenated with itself a specified number of times. </p>
+         * Returns a string consisting of a specified string concatenated with itself a specified number of times.
          *
          * @param str The string to be repeated.
          * @param n The repeat count.
@@ -2814,9 +2811,9 @@ declare namespace samchon.library {
          */
         static repeat(str: string, n: number): string;
         /**
-         * <p> Number to formatted string with &quot;,&quot; sign. </p>
+         * Number to formatted string with &quot;,&quot; sign.
          *
-         * <p> Returns a string converted from the number rounded off from specified precision with &quot;,&quot; symbols. </p>
+         * Returns a string converted from the number rounded off from specified precision with &quot;,&quot; symbols.
          *
          * @param val A number wants to convert to string.
          * @param precision Target precision of round off.
@@ -2829,14 +2826,12 @@ declare namespace samchon.library {
 }
 declare namespace samchon.library {
     /**
-     * <p> URLVariables class is for representing variables of HTTP. </p>
+     * URLVariables class is for representing variables of HTTP.
      *
-     * <p> URLVariables class allows you to transfer variables between an application and server.
-     * When transfering, URLVariables will be converted to a URI string. </p>
+     * {@link URLVariables} class allows you to transfer variables between an application and server.
      *
-     * <ul>
-     *	<li> URI: Uniform Resource Identifier </li>
-     * </ul>
+     * When transfering, {@link URLVariables} will be converted to a *URI* string.
+     * - URI: Uniform Resource Identifier
      *
      * @reference http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/net/URLVariables.html
      * @author Migrated by Jeongho Nam <http://samchon.org>
@@ -2847,9 +2842,9 @@ declare namespace samchon.library {
          */
         constructor();
         /**
-         * <p> Construct from a URL-encoded string. </p>
+         * Construct from a URL-encoded string.
          *
-         * <p> The {@link decode decode()} method is automatically called to convert the string to properties of the {@link URLVariables} object. </p>
+         * The {@link decode decode()} method is automatically called to convert the string to properties of the {@link URLVariables} object.
          *
          * @param str A URL-encoded string containing name/value pairs.
          */
@@ -2866,48 +2861,369 @@ declare namespace samchon.library {
         toString(): string;
     }
 }
+declare namespace samchon.library {
+    /**
+     * A tree-structured XML object.
+     *
+     * The {@link XML| class contains methods and properties for working with XML objects. The {@link XML} class (along
+     * with the {@link XMLList}) implements the powerful XML-handling standards defined in ECMAScript for XML (E4X)
+     * specification (ECMA-357 edition 2).
+     *
+     * An XML object, it is composed with three members; {@link getTag tag}, {@link getProperty properties} and
+     * {@link getValue value}. As you know, XML is a tree structured data expression method. The tree-stucture;
+     * {@link XML} class realizes it by extending ```std.HashMap<string, XMLList>```. Child {@link XML} objects are
+     * contained in the matched {@link XMLList} object being grouped by their {@link getTag tag name}. The
+     * {@link XMLList} objects, they're stored in the {@link std.HashMap} ({@link XML} itself) with its **key**; common
+     * {@link getTag tag name} of children {@link XML} objects.
+     *
+     * ```typescript
+     * class XML extends std.HashMap<string, XMLList>
+     * {
+     *	private tag_: string;
+     *	private properties_: std.HashMap<string, string>;
+     *	private value_: string;
+     * }
+     * ```
+     *
+     * ```xml
+     * <?xml version="1.0" ?>
+     * <TAG property_name={property_value}>
+     *	<!--
+     *		The cchild XML objects with "CHILD_TAG", They're contained in an XMLList object.
+     *		The XMLList object, it is stored in std.HashMap (XML class itself) with its key "CHILD_TAG"
+     *	-->
+     *	<CHILD_TAG property_name={property_value}>{value}</CHILD_TAG>
+     *  <CHILD_TAG property_name={property_value}>{value}</CHILD_TAG>
+     *	<CHILD_TAG property_name={property_value}>{value}</CHILD_TAG>
+     *
+     *	<!--
+     *		The child XML object named "ANOTHER_TAG", it also belonged to an XMLList ojbect.
+     *		And the XMLList is also being contained in the std.HashMap with its key "ANOTHER_TAG"
+     *	-->
+     *	<ANOTHER_TAG />
+     * </TAG>
+     * ```
+     *
+     * Use the {@link toString toString()} method to return a string representation of the {@link XML} object regardless
+     * of whether the {@link XML} object has simple content or complex content.
+     *
+     * @reference http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/XML.html
+     * @handbook https://github.com/samchon/framework/wiki/TypeScript-Library-XML
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class XML extends std.HashMap<string, XMLList> {
+        /**
+         * @hidden
+         */
+        private tag_;
+        /**
+         * @hidden
+         */
+        private value_;
+        /**
+         * @hidden
+         */
+        private property_map_;
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * Construct from string.
+         *
+         * Creates {@link XML} object by parsing a string who represents xml structure.
+         *
+         * @param str A string represents XML structure.
+         */
+        constructor(str: string);
+        /**
+         * @hidden
+         */
+        private parse(str);
+        /**
+         * @hidden
+         */
+        private parse_tag(str);
+        /**
+         * @hidden
+         */
+        private parse_properties(str);
+        /**
+         * @hidden
+         */
+        private parse_value(str);
+        /**
+         * @hidden
+         */
+        private parse_children(str);
+        /**
+         * Get tag.
+         *
+         * ```xml
+         * <TAG property_key={property_value}>{value}</TAG>
+         * ```
+         *
+         * @return tag.
+         */
+        getTag(): string;
+        /**
+         * Get value.
+         *
+         * ```xml
+         * <tag property_key={property_value}>{VALUE}</tag>
+         * ```
+         *
+         * @return value.
+         */
+        getValue(): string;
+        /**
+         * Test whether a property exists.
+         *
+         * ```xml
+         * <tag PROPERTY_KEY={property_value}>{value}</tag>
+         * ```
+         *
+         * @return Whether a property has the *key* exists or not.
+         */
+        hasProperty(key: string): boolean;
+        /**
+         * Get property.
+         *
+         * Get property by its *key*, property name. If the matched *key* does not exist, then exception
+         * {@link std.OutOfRange} is thrown. Thus, it would better to test whether the *key* exits or not by calling the
+         * {@link hasProperty hasProperty()} method before calling this {@link getProperty getProperty()}.
+         *
+         * This method can be substituted by {@link getPropertyMap getPropertyMap()} such below:
+         * - ```getPropertyMap().get(key, value);```
+         * - ```getPropertyMap().find(key).second;```
+         *
+         * ```xml
+         * <tag PROPERTY_KEY={PROPERTY_VALUE}>{value}</tag>
+         * ```
+         *
+         * @return Value of the matched property.
+         */
+        getProperty(key: string): string;
+        /**
+         * Get property map.
+         *
+         * ```xml
+         * <tag PROPERTY_KEY1={PROPERTY_VALUE1}
+         *		PROPERTY_KEY2={PROPERTY_VALUE2}
+         *		PROPERTY_KEY3={PROPERTY_VALUE3}>{value}</tag>
+         * ```
+         *
+         * @return {@link HashMap} containing properties' keys and values.
+         */
+        getPropertyMap(): std.HashMap<string, string>;
+        /**
+         * Set tag.
+         *
+         * Set tag name, identifier of this {@link XML} object.
+         *
+         * If this {@link XML} object is belonged to, a child of, an {@link XMLList} and its related {@link XML} objects,
+         * then calling this {@link setTag setTag()} method direclty is not recommended. Erase this {@link XML} object
+         * from parent objects and insert this object again.
+         *
+         * ```xml
+         * <TAG property_key={property_value}>{value}</TAG>
+         * ```
+         *
+         * @param val To be new {@link getTag tag}.
+         */
+        setTag(val: string): void;
+        /**
+         * Set value.
+         *
+         * ```xml
+         * <tag property_key={property_value}>{VALUE}</tag>
+         * ```
+         *
+         * @param val To be new {@link getValue value}.
+         */
+        setValue(val: string): void;
+        /**
+         * Set property.
+         *
+         * Set a property *value* with its *key*. If the *key* already exists, then the *value* will be overwritten to
+         * the property. Otherwise the *key* is not exist yet, then insert the *key* and *value* {@link Pair pair} to
+         * {@link getPropertyMao property map}.
+         *
+         * This method can be substituted by {@link getPropertyMap getPropertyMap()} such below:
+         * - ```getPropertyMap().set(key, value);```
+         * - ```getPropertyMap().emplace(key, value);```
+         * - ```getPropertyMap().insert([key, value]);```
+         * - ```getPropertyMap().insert(std.make_pair(key, value));```
+         *
+         * ```xml
+         * <tag PROPERTY_KEY={PROPERTY_VALUE}>{value}</tag>
+         * ```
+         *
+         * @param key Key, identifier of property to be newly inserted.
+         * @param value Value of new property to be newly inserted.
+         */
+        setProperty(key: string, value: string): void;
+        /**
+         * Erase property.
+         *
+         * Erases a property by its *key*, property name. If the matched *key* does not exist, then exception
+         * {@link std.OutOfRange} is thrown. Thus, it would better to test whether the *key* exits or not by calling the
+         * {@link hasProperty hasProperty()} method before calling this {@link eraseProperty eraseProperty()}.
+         *
+         * This method can be substituted by ``getPropertyMap().erase(key)````.
+         *
+         * ```xml
+         * <tag PROPERTY_KEY={property_value}>{value}</tag>
+         * ```
+         *
+         * @param key Key of the property to erase
+         * @throw {@link std.OutOfRange}
+         */
+        eraseProperty(key: string): void;
+        /**
+         * @hidden
+         */
+        push(...args: std.Pair<string, XMLList>[]): number;
+        /**
+         * @hidden
+         */
+        push(...args: [string, XMLList][]): number;
+        push(...xmls: XML[]): number;
+        push(...xmlLists: XMLList[]): number;
+        /**
+         * Add all properties from other {@link XML} object.
+         *
+         * All the properties in the *obj* are copied to this {@link XML} object. If this {@link XML} object has same
+         * property key in the *obj*, then value of the property will be replaced to *obj*'s own. If you don't want to
+         * overwrite properties with same key, then use {@link getPropertyMap getPropertyMap()} method.
+         *
+         * ```typescript
+         * let x: library.XML;
+         * let y: library.XML;
+         *
+         * x.addAllProperties(y); // duplicated key exists, then overwrites
+         * x.getPropertyMap().insert(y.getPropertyMap().begin(), y.getPropertyMap().end());
+         *	// ducpliated key, then ignores. only non-duplicateds are copied.
+         * ```
+         *
+         * ```xml
+         * <tag PROPERTY_KEY1={property_value1}
+         *		PROPERTY_KEY2={property_value2}
+         *		PROPERTY_KEY3={property_value3}>{value}</tag>
+         * ```
+         *
+         * @param obj Target {@link XML} object to copy properties.
+         */
+        addAllProperties(obj: XML): void;
+        /**
+         * Clear properties.
+         *
+         * Remove all properties. It's same with calling ```getPropertyMap().clear()```.
+         *
+         * ```xml
+         * <tag PROPERTY_KEY1={property_value1}
+         *		PROPERTY_KEY2={property_value2}
+         *		PROPERTY_KEY3={property_value3}>{value}</tag>
+         * ```
+         */
+        clearProperties(): void;
+        /**
+         * @hidden
+         */
+        private compute_min_index(...args);
+        /**
+         * @hidden
+         */
+        private decode_value(str);
+        /**
+         * @hidden
+         */
+        private encode_value(str);
+        /**
+         * @hidden
+         */
+        private decode_property(str);
+        /**
+         * @hidden
+         */
+        private encode_property(str);
+        /**
+         * {@link XML} object to xml string.
+         *
+         * Returns a string representation of the {@link XML} object.
+         *
+         * @param tab Number of tabs to spacing.
+         * @return The string representation of the {@link XML} object.
+         */
+        toString(tab?: number): string;
+    }
+}
+declare namespace samchon.library {
+    /**
+     * List of {@link XML} objects with same tag.
+     *
+     * @reference http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/XMLList.html
+     * @handbook https://github.com/samchon/framework/wiki/TypeScript-Library-XML
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class XMLList extends std.Deque<XML> {
+        /**
+         * Get tag.
+         */
+        getTag(): string;
+        /**
+         * {@link XMLList XML objects} to string.
+         *
+         * Returns a string representation of the {@link XMLList XML objects}.
+         *
+         * @param tab Number of tabs to spacing.
+         * @return The string representation of the {@link XMLList XML objects}.
+         */
+        toString(level?: number): string;
+    }
+}
 declare namespace samchon.protocol {
     /**
-     * <p> An interface of entity. </p>
+     * An interface of entity.
      *
-     * <p> Entity is a class for standardization of expression method using on network I/O by XML. If
+     * Entity is a class for standardization of expression method using on network I/O by XML. If
      * Invoke is a standard message protocol of Samchon Framework which must be kept, Entity is a
      * recommended semi-protocol of message for expressing a data class. Following the semi-protocol
-     * Entity is not imposed but encouraged. </p>
+     * Entity is not imposed but encouraged.
      *
-     * <p> As we could get advantages from standardization of message for network I/O with Invoke,
+     * As we could get advantages from standardization of message for network I/O with Invoke,
      * we can get additional advantage from standardizing expression method of data class with Entity.
      * We do not need to know a part of network communication. Thus, with the Entity, we can only
      * concentrate on entity's own logics and relationships between another entities. Entity does not
-     * need to how network communications are being done. </p>
+     * need to how network communications are being done.
      *
-     * <p> I say repeatedly. Expression method of Entity is recommended, but not imposed. It's a semi
+     * I say repeatedly. Expression method of Entity is recommended, but not imposed. It's a semi
      * protocol for network I/O but not a essential protocol must be kept. The expression method of
-     * Entity, using on network I/O, is expressed by XML string. </p>
+     * Entity, using on network I/O, is expressed by XML string.
      *
-     * <p> If your own network system has a critical performance issue on communication data class,
+     * If your own network system has a critical performance issue on communication data class,
      * it would be better to using binary communication (with ByteArray).
-     * Don't worry about the problem! Invoke also provides methods for binary data (ByteArray). </p>
+     * Don't worry about the problem! Invoke also provides methods for binary data (ByteArray).
      *
      * @author Jeongho Nam <http://samchon.org>
      */
     interface IEntity {
         /**
-         * <p> Construct data of the Entity from a XML object. </p>
+         * Construct data of the Entity from a XML object.
          *
-         * <p> Overrides the construct() method and fetch data of member variables from the XML. </p>
+         * Overrides the construct() method and fetch data of member variables from the XML.
          *
-         * <p> By recommended guidance, data representing member variables are contained in properties
-         * of the put XML object. </p>
+         * By recommended guidance, data representing member variables are contained in properties
+         * of the put XML object.
          *
          * @param xml An xml used to contruct data of entity.
          */
         construct(xml: library.XML): void;
         /**
-         * <p> Get a key that can identify the Entity uniquely. </p>
+         * Get a key that can identify the Entity uniquely.
          *
-         * <p> If identifier of the Entity is not atomic value, returns a paired or tuple object
-         * that can represents the composite identifier. </p>
+         * If identifier of the Entity is not atomic value, returns a paired or tuple object
+         * that can represents the composite identifier.
          *
          * <code>
          * class Point extends Entity
@@ -2924,22 +3240,22 @@ declare namespace samchon.protocol {
          */
         key(): any;
         /**
-         * <p> A tag name when represented by XML. </p>
+         * A tag name when represented by XML.
          *
          * <code> <TAG {...properties} /> </code>
          */
         TAG(): string;
         /**
-         * <p> Get a XML object represents the Entity. </p>
+         * Get a XML object represents the Entity.
          *
-         * <p> A member variable (not object, but atomic value like number, string or date) is categorized
+         * A member variable (not object, but atomic value like number, string or date) is categorized
          * as a property within the framework of entity side. Thus, when overriding a toXML() method and
          * archiving member variables to an XML object to return, puts each variable to be a property
-         * belongs to only a XML object. </p>
+         * belongs to only a XML object.
          *
-         * <p> Don't archive the member variable of atomic value to XML::value causing enormouse creation
+         * Don't archive the member variable of atomic value to XML::value causing enormouse creation
          * of XML objects to number of member variables. An Entity must be represented by only a XML
-         * instance (tag). </p>
+         * instance (tag).
          *
          * <h4> Standard Usage. </h4>
          * <code>
@@ -2975,26 +3291,26 @@ declare namespace samchon.protocol {
         function toXML(entity: IEntity, ...prohibited_names: string[]): library.XML;
     }
     /**
-     * <p> An entity, a standard data class. </p>
+     * An entity, a standard data class.
      *
-     * <p> Entity is a class for standardization of expression method using on network I/O by XML. If
+     * Entity is a class for standardization of expression method using on network I/O by XML. If
      * Invoke is a standard message protocol of Samchon Framework which must be kept, Entity is a
      * recommended semi-protocol of message for expressing a data class. Following the semi-protocol
-     * Entity is not imposed but encouraged. </p>
+     * Entity is not imposed but encouraged.
      *
-     * <p> As we could get advantages from standardization of message for network I/O with Invoke,
+     * As we could get advantages from standardization of message for network I/O with Invoke,
      * we can get additional advantage from standardizing expression method of data class with Entity.
      * We do not need to know a part of network communication. Thus, with the Entity, we can only
      * concentrate on entity's own logics and relationships between another entities. Entity does not
-     * need to how network communications are being done. </p>
+     * need to how network communications are being done.
      *
-     * <p> I say repeatedly. Expression method of Entity is recommended, but not imposed. It's a semi
+     * I say repeatedly. Expression method of Entity is recommended, but not imposed. It's a semi
      * protocol for network I/O but not a essential protocol must be kept. The expression method of
-     * Entity, using on network I/O, is expressed by XML string. </p>
+     * Entity, using on network I/O, is expressed by XML string.
      *
-     * <p> If your own network system has a critical performance issue on communication data class,
+     * If your own network system has a critical performance issue on communication data class,
      * it would be better to using binary communication (with ByteArray).
-     * Don't worry about the problem! Invoke also provides methods for binary data (ByteArray). </p>
+     * Don't worry about the problem! Invoke also provides methods for binary data (ByteArray).
      *
      * @author Jeongho Nam <http://samchon.org>
      */
@@ -3020,130 +3336,742 @@ declare namespace samchon.protocol {
 }
 declare namespace samchon.protocol {
     /**
-     * <p> An interface taking full charge of network communication. </p>
-     *
-     * <p> {@link ICommunicator} is an interface for communicator classes who take full charge of network communication
-     * with external system, without reference to whether the external system is a server or a client. </p>
-     *
-     * <p> Whenever a replied message comes from the external system, the message will be converted to an
-     * {@link Invoke} class and will be shifted to the {@link WebCommunicator.listener listener}'s
-     * {@link IProtocol.replyData replyData()} method. </p>
-     *
-     * <code>
-    interface ICommmunicator
-    {
-        private socket: SomeSocketClass;
-
-        // LISTENER LISTENS INVOKE MESSAGE BY IT'S IProtocol.replyData() METHOD
-        protected listener: IProtocol;
-
-        // YOU CAN DETECT DISCONNECTION BY ENROLLING FUNCTION POINTER TO HERE.
-        public onClose: Function;
-
-        public sendData(invoke: Invoke): void
-        {
-            this.socket.write(invoke);
-        }
-        public replyData(invoke: Invoke): void
-        {
-            // WHENEVER COMMUNICATOR GETS MESSAGE, THEN SHIFT IT TO LISTENER'S replyData() METHOD.
-            this.listener.replyData(invoke);
-        }
+     * @inheritdoc
+     */
+    interface IEntityCollection<T extends IEntity> extends IEntityGroup<T>, collections.ICollection<T> {
     }
-     * </code>
+}
+declare namespace samchon.protocol {
+    /**
+     * @inheritdoc
+     */
+    abstract class EntityArrayCollection<T extends IEntity> extends collections.ArrayCollection<T> implements IEntityCollection<T> {
+        /**
+         * @inheritdoc
+         */
+        construct(xml: library.XML): void;
+        /**
+         * @inheritdoc
+         */
+        abstract createChild(xml: library.XML): T;
+        /**
+         * @inheritdoc
+         */
+        key(): any;
+        /**
+         * @inheritdoc
+         */
+        has(key: any): boolean;
+        /**
+         * @inheritdoc
+         */
+        count(key: any): number;
+        /**
+         * @inheritdoc
+         */
+        get(key: any): T;
+        /**
+         * @inheritdoc
+         */
+        abstract TAG(): string;
+        /**
+         * @inheritdoc
+         */
+        abstract CHILD_TAG(): string;
+        /**
+         * @inheritdoc
+         */
+        toXML(): library.XML;
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * @inheritdoc
+     */
+    abstract class EntityListCollection<T extends IEntity> extends collections.ListCollection<T> implements IEntityCollection<T> {
+        /**
+         * @inheritdoc
+         */
+        construct(xml: library.XML): void;
+        /**
+         * @inheritdoc
+         */
+        abstract createChild(xml: library.XML): T;
+        /**
+         * @inheritdoc
+         */
+        key(): any;
+        /**
+         * @inheritdoc
+         */
+        has(key: any): boolean;
+        /**
+         * @inheritdoc
+         */
+        count(key: any): number;
+        /**
+         * @inheritdoc
+         */
+        get(key: any): T;
+        /**
+         * @inheritdoc
+         */
+        abstract TAG(): string;
+        /**
+         * @inheritdoc
+         */
+        abstract CHILD_TAG(): string;
+        /**
+         * @inheritdoc
+         */
+        toXML(): library.XML;
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * @inheritdoc
+     */
+    abstract class EntityDequeCollection<T extends IEntity> extends collections.DequeCollection<T> implements IEntityCollection<T> {
+        /**
+         * @inheritdoc
+         */
+        construct(xml: library.XML): void;
+        /**
+         * @inheritdoc
+         */
+        abstract createChild(xml: library.XML): T;
+        /**
+         * @inheritdoc
+         */
+        key(): any;
+        /**
+         * @inheritdoc
+         */
+        has(key: any): boolean;
+        /**
+         * @inheritdoc
+         */
+        count(key: any): number;
+        /**
+         * @inheritdoc
+         */
+        get(key: any): T;
+        /**
+         * @inheritdoc
+         */
+        abstract TAG(): string;
+        /**
+         * @inheritdoc
+         */
+        abstract CHILD_TAG(): string;
+        /**
+         * @inheritdoc
+         */
+        toXML(): library.XML;
+    }
+}
+/**
+ * A template for External Systems Manager.
+ *
+ * @handbook [Templates - External System](https://github.com/samchon/framework/wiki/TypeScript-Templates-External_System)
+ * @author Jeongho Nam <http://samchon.org>
+ */
+declare namespace samchon.templates.external {
+    /**
+     * An array and manager of {@link ExternalSystem external system drivers}.
      *
-     * <p> <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     * The {@link ExternalSystemArray} is an abstract class containing and managing external system drivers,
+     * {@link ExternalSystem} objects. Within framewokr of network, {@link ExternalSystemArray} represents your system
+     * and children {@link ExternalSystem} objects represent remote, external systems connected with your system.
+     * With this {@link ExternalSystemArray}, you can manage multiple external systems as a group.
+     *
+     * You can specify this {@link ExternalSystemArray} class to be *a server accepting external clients* or
+     * *a client connecting to external servers*. Even both of them is also possible.
+     *
+     * - {@link ExternalClientArray}: A server accepting {@link ExternalSystem external clients}.
+     * - {@link ExternalServerArray}: A client connecting to {@link ExternalServer external servers}.
+     * - {@link ExternalServerClientArray}: Both of them. Accepts {@link ExternalSystem external clients} and connects to
+     *   {@link ExternalServer external servers} at the same time.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Proxy Pattern
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - External System](https://github.com/samchon/framework/wiki/TypeScript-Templates-External_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ExternalSystemArray extends protocol.EntityDequeCollection<ExternalSystem> implements protocol.IProtocol {
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * @hidden
+         */
+        private handle_system_erase(event);
+        /**
+         * Test whether the role exists.
+         *
+         * @param name Name, identifier of target {@link ExternalSystemRole role}.
+         *
+         * @return Whether the role has or not.
+         */
+        hasRole(name: string): boolean;
+        /**
+         * Get a role.
+         *
+         * @param name Name, identifier of target {@link ExternalSystemRole role}.
+         *
+         * @return The specified role.
+         */
+        getRole(name: string): ExternalSystemRole;
+        /**
+         * Send an {@link Invoke} message.
+         *
+         * @param invoke An {@link Invoke} message to send.
+         */
+        sendData(invoke: protocol.Invoke): void;
+        /**
+         * Handle an {@Invoke} message have received.
+         *
+         * @param invoke An {@link Invoke} message have received.
+         */
+        replyData(invoke: protocol.Invoke): void;
+        /**
+         * Tag name of the {@link ExternalSytemArray} in {@link XML}.
+         *
+         * @return *systemArray*.
+         */
+        TAG(): string;
+        /**
+         * Tag name of {@link ExternalSystem children elements} belonged to the {@link ExternalSytemArray} in {@link XML}.
+         *
+         * @return *system*.
+         */
+        CHILD_TAG(): string;
+    }
+}
+/**
+ * A template for Parallel Processing System.
+ *
+ * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
+ * @author Jeongho Nam <http://samchon.org>
+ */
+declare namespace samchon.templates.parallel {
+    /**
+     * Master of Parallel Processing System.
+     *
+     * The {@link ParallelSystemArray} is an abstract class containing and managing remote parallel **slave** system
+     * drivers, {@link ParallelSystem} objects. Within framework of network, {@link ParallelSystemArray} represents your
+     * system, a **Master** of *Parallel Processing System* that requesting *parallel process* to **slave** systems and the
+     * children {@link ParallelSystem} objects represent the remote **slave** systems, who is being requested the
+     * *parallel processes*.
+     *
+     * You can specify this {@link ParallelSystemArray} class to be *a server accepting parallel clients* or
+     * *a client connecting to parallel servers*. Even both of them is possible. Extends one of them below and overrides
+     * abstract factory method(s) creating the child {@link ParallelSystem} object.
+     *
+     * - {@link ParallelClientArray}: A server accepting {@link ParallelSystem parallel clients}.
+     * - {@link ParallelServerArray}: A client connecting to {@link ParallelServer parallel servers}.
+     * - {@link ParallelServerClientArray}: Both of them. Accepts {@link ParallelSystem parallel clients} and connects to
+     *   {@link ParallelServer parallel servers} at the same time.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices
+     * will be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Proxy Pattern
+     * This class {@link ParallelSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link ParallelSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ParallelSystemArray extends external.ExternalSystemArray {
+        /**
+         * @hidden
+         */
+        private history_sequence_;
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * @inheritdoc
+         */
+        at(index: number): ParallelSystem;
+        /**
+         * Send an {@link Invoke} message with segment size.
+         *
+         * Sends an {@link Invoke} message requesting a **parallel process** with its *segment size*. The {@link Invoke}
+         * message will be delivered to children {@link ParallelSystem} objects with the *piece size*, which is divided
+         * from the *segment size*, basis on their {@link ParallelSystem.getPerformance performance indices}.
+         *
+         * - If segment size is 100,
+         * - The segment will be allocated such below:
+         *
+         * Name    | Performance index | Number of pieces to be allocated | Formula
+         * --------|-------------------|----------------------------------|--------------
+         * Snail   |                 1 |                               10 | 100 / 10 * 1
+         * Cheetah |                 4 |                               40 | 100 / 10 * 4
+         * Rabbit  |                 3 |                               30 | 100 / 10 * 3
+         * Turtle  |                 2 |                               20 | 100 / 10 * 2
+         *
+         * When the **parallel process** has completed, then this {@link ParallelSystemArraY} will estimate
+         * {@link ParallelSystem.getPerformance performance indices} of {@link ParallelSystem} objects basis on their
+         * execution time.
+         *
+         * @param invoke An {@link Invoke} message requesting parallel process.
+         * @param size Number of pieces to segment.
+         *
+         * @see {@link sendPieceData}, {@link ParallelSystem.getPerformacen}
+         */
+        sendSegmentData(invoke: protocol.Invoke, size: number): void;
+        /**
+         * Send an {@link Invoke} message with range of pieces.
+         *
+         * Sends an {@link Invoke} message requesting a **parallel process** with its *range of pieces [first, last)*.
+         * The {@link Invoke} will be delivered to children {@link ParallelSystem} objects with the newly computed
+         * *range of sub-pieces*, which is divided from the *range of pieces (first to last)*, basis on their
+         * {@link ParallelSystem.getPerformance performance indices}.
+         *
+         * - If indices of pieces are 0 to 50,
+         * - The sub-pieces will be allocated such below:
+         *
+         * Name    | Performance index | Range of sub-pieces to be allocated | Formula
+         * --------|-------------------|-------------------------------------|------------------------
+         * Snail   |                 1 |                            ( 0,  5] | (50 - 0) / 10 * 1
+         * Cheetah |                 4 |                            ( 5, 25] | (50 - 0) / 10 * 4 + 5
+         * Rabbit  |                 3 |                            (25, 40] | (50 - 0) / 10 * 3 + 25
+         * Turtle  |                 2 |                            (40, 50] | (50 - 0) / 10 * 2 + 40
+         *
+         * When the **parallel process** has completed, then this {@link ParallelSystemArraY} will estimate
+         * {@link ParallelSystem.getPerformance performance indices} of {@link ParallelSystem} objects basis on their
+         * execution time.
+         *
+         * @param invoke An {@link Invoke} message requesting parallel process.
+         * @param first Initial piece's index in a section.
+         * @param last Final piece's index in a section. The range used is [*first*, *last*), which contains
+         *			   all the pieces' indices between *first* and *last*, including the piece pointed by index
+         *			   *first*, but not the piece pointed by the index *last*.
+         *
+         * @see {@link sendSegmentData}, {@link ParallelSystem.getPerformacen}
+         */
+        sendPieceData(invoke: protocol.Invoke, first: number, last: number): void;
+        /**
+         * @hidden
+         */
+        protected _Complete_history(history: protocol.InvokeHistory): boolean;
+        /**
+         * @hidden
+         */
+        protected _Normalize_performance(): void;
+    }
+}
+/**
+ * A template for Distributed Processing System.
+ *
+ * @handbook [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+ * @author Jeongho Nam <http://samchon.org>
+ */
+declare namespace samchon.templates.distributed {
+    /**
+     * Master of Distributed Processing System.
+     *
+     * The {@link DistributedSystemArray} is an abstract class containing and managing remote distributed **slave** system
+     * drivers, {@link DistributedSystem} objects. Within framework of network, {@link DistributedSystemArray} represents
+     * your system, a **Master** of *Distributed Processing System* that requesting *distributed process* to **slave**
+     * systems and the children {@link DistributedSystem} objects represent the remote **slave** systems, who is being
+     * requested the *distributed processes*.
+     *
+     * You can specify this {@link DistributedSystemArray} class to be *a server accepting distributed clients* or
+     * *a client connecting to distributed servers*. Even both of them is possible. Extends one of them below and overrides
+     * abstract factory method(s) creating the child {@link DistributedSystem} object.
+     *
+     * - {@link DistributedClientArray}: A server accepting {@link DistributedSystem distributed clients}.
+     * - {@link DistributedServerArray}: A client connecting to {@link DistributedServer distributed servers}.
+     * - {@link DistributedServerClientArray}: Both of them. Accepts {@link DistributedSystem distributed clients} and
+     *   connects to {@link DistributedServer distributed servers} at the same time.
+     *
+     * The {@link DistributedSystemArray} contains {@link DistributedProcess} objects directly. You can request a
+     * **distributed process** through the {@link DistributedProcess} object. You can access the
+     * {@link DistributedProcess} object(s) with those methods:
+     *
+     * - {@link hasRole}
+     * - {@link getRole}
+     * - {@link insertRole}
+     * - {@link eraseRole}
+     * - {@link getRoleMap}
+     *
+     * When you need the **distributed process**, call the {@link DistributedProcess.sendData} method. Then the
+     * {@link DistributedProcess} will find the most idle {@link DistributedSystem} object who represents a distributed
+     * **slave **system. The {@link Invoke} message will be sent to the most idle {@link DistributedSystem} object. When
+     * the **distributed process** has completed, then {@link DistributedSystem.getPerformance performance index} and
+     * {@link DistributedProcess.getResource resource index} of related objects will be revaluated.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Parallel Process
+     * This {@link DistributedSystemArray} class is derived from the {@link ParallelSystemArray} class, so you can request
+     * a **parallel process**, too.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices will
+     * be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * #### Proxy Pattern
+     * This class {@link DistributedSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link DistributedSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class DistributedSystemArray extends parallel.ParallelSystemArray {
+        /**
+         * @hidden
+         */
+        private process_map_;
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * @inheritdoc
+         */
+        construct(xml: library.XML): void;
+        /**
+         * Factory method creating a child {@link DistributedProcess process} object.
+         *
+         * @param xml {@link XML} represents the {@link DistributedProcess child} object.
+         * @return A new {@link DistributedProcess} object.
+         */
+        protected abstract createProcess(xml: library.XML): DistributedProcess;
+        /**
+         * @inheritdoc
+         */
+        at(index: number): DistributedSystem;
+        /**
+         * Get process map.
+         *
+         * Gets an {@link HashMap} containing {@link DistributedProcess} objects with their *key*.
+         *
+         * @return An {@link HasmMap> containing pairs of string and {@link DistributedProcess} object.
+         */
+        getProcessMap(): std.HashMap<string, DistributedProcess>;
+        /**
+         * Test whether the process exists.
+         *
+         * @param name Name, identifier of target {@link DistributedProcess process}.
+         *
+         * @return Whether the process has or not.
+         */
+        hasProcess(name: string): boolean;
+        /**
+         * Get a process.
+         *
+         * @param name Name, identifier of target {@link DistributedProcess process}.
+         *
+         * @return The specified process.
+         */
+        getProcess(name: string): DistributedProcess;
+        /**
+         * Insert a process.
+         *
+         * @param process A process to be inserted.
+         * @return Success flag.
+         */
+        insertProcess(process: DistributedProcess): boolean;
+        /**
+         * Erase a process.
+         *
+         * @param name Name, identifier of target {@link DistributedProcess process}.
+         */
+        eraseProcess(name: string): boolean;
+        /**
+         * @hidden
+         */
+        protected _Complete_history(history: protocol.InvokeHistory): boolean;
+        /**
+         * @hidden
+         */
+        private estimate_role_performance(history);
+        /**
+         * @hidden
+         */
+        private estimate_system_performance(history);
+        /**
+         * @hidden
+         */
+        protected _Normalize_performance(): void;
+        /**
+         * @inheritdoc
+         */
+        toXML(): library.XML;
+    }
+}
+declare namespace samchon.templates.distributed {
+    /**
+     * Mediator of Distributed Processing System.
+     *
+     * The {@link DistributedSystemArrayMediator} class be a master for its slave systems, and be a slave to its master
+     * system at the same time. This {@link DistributedSystemArrayMediator} be a master system, containing and managing
+     * {@link DistributedSystem} objects, which represent distributed slave systems, by extending
+     * {@link DistributedSystemArray} class. Also, be a slave system through {@link getMediator mediator} object, which is
+     * derived from the {@link SlavSystem} class.
+     *
+     * As a master, you can specify this {@link DistributedSystemArrayMediator} class to be <i>a master server accepting
+     * slave clients<i> or <i>a master client to connecting slave servers</i>. Even both of them is possible. Extends one
+     * of them below and overrides abstract factory method(s) creating the child {@link DistributedSystem} object.
+     *
+     * - {@link DistributedClientArrayMediator}: A server accepting {@link DistributedSystem distributed clients}.
+     * - {@link DistributedServerArrayMediator}: A client connecting to {@link DistributedServer distributed servers}.
+     * - {@link DistributedServerClientArrayMediator}: Both of them. Accepts {@link DistributedSystem distributed clients} and
+     *   connects to {@link DistributedServer distributed servers} at the same time.
+     *
+     * As a slave, you can specify this {@link DistributedSystemArrayMediator} to be <i>a client slave connecting to master
+     * server</i> or <i>a server slave accepting master client</i> by overriding the {@link createMediator} method.
+     * Overrides the {@link createMediator createMediator()} method and return one of them:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * #### [Inherited] {@link DistributedSystemArray}
+     * The {@link DistributedSystemArray} is an abstract class containing and managing remote distributed **slave** system
+     * drivers, {@link DistributedSystem} objects. Within framework of network, {@link DistributedSystemArray} represents
+     * your system, a **Master** of *Distributed Processing System* that requesting *distributed process* to **slave**
+     * systems and the children {@link DistributedSystem} objects represent the remote **slave** systems, who is being
+     * requested the *distributed processes*.
+     *
+     * The {@link DistributedSystemArray} contains {@link DistributedProcess} objects directly. You can request a
+     * **distributed process** through the {@link DistributedProcess} object. You can access the
+     * {@link DistributedProcess} object(s) with those methods:
+     *
+     * - {@link hasRole}
+     * - {@link getRole}
+     * - {@link insertRole}
+     * - {@link eraseRole}
+     * - {@link getRoleMap}
+     *
+     * When you need the **distributed process**, call the {@link DistributedProcess.sendData} method. Then the
+     * {@link DistributedProcess} will find the most idle {@link DistributedSystem} object who represents a distributed
+     * **slave **system. The {@link Invoke} message will be sent to the most idle {@link DistributedSystem} object. When
+     * the **distributed process** has completed, then {@link DistributedSystem.getPerformance performance index} and
+     * {@link DistributedProcess.getResource resource index} of related objects will be revaluated.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Parallel Process
+     * This {@link DistributedSystemArray} class is derived from the {@link ParallelSystemArray} class, so you can request
+     * a **parallel process**, too.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices will
+     * be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * #### Proxy Pattern
+     * This class {@link DistributedSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link DistributedSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class DistributedSystemArrayMediator extends DistributedSystemArray {
+        /**
+         * @hidden
+         */
+        private mediator_;
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * Factory method creating a {@link MediatorSystem} object.
+         *
+         * The {@link createMediator createMediator()} is an abstract method creating the {@link MediatorSystem} object.
+         *
+         * You know what? this {@link DistributedSystemArrayMediator} class be a master for its slave systems, and be a
+         * slave to its master system at the same time. The {@link MediatorSystem} object makes it possible; be a slave
+         * system. This {@link createMediator} determines specific type of the {@link MediatorSystem}.
+         *
+         * Overrides the {@link createMediator createMediator()} method to create and return one of them following which
+         * protocol and which type of remote connection (server or client) will be used:
+         *
+         * - A client slave connecting to master server:
+         *   - {@link MediatorClient}
+         *   - {@link MediatorWebClient}
+         *   - {@link MediatorSharedWorkerClient}
+         * - A server slave accepting master client:
+         *   - {@link MediatorServer}
+         *   - {@link MediatorWebServer}
+         *   - {@link MediatorSharedWorkerServer}
+         *
+         * @return A newly created {@link MediatorSystem} object.
+         */
+        protected abstract createMediator(): parallel.MediatorSystem;
+        /**
+         * Start mediator.
+         *
+         * If the {@link getMediator mediator} is a type of server, then opens the server accepting master client.
+         * Otherwise, the {@link getMediator mediator} is a type of client, then connects the master server.
+         */
+        protected startMediator(): void;
+        /**
+         * Get {@link MediatorSystem} object.
+         *
+         * When you need to send an {@link Invoke} message to the master system of this
+         * {@link DistributedSystemArrayMediator}, then send to the {@link MediatorSystem} through this
+         * {@link getMediator}.
+         *
+         * ```typescript
+         * this.getMediator().sendData(...);
+         * ```
+         *
+         * @return The {@link MediatorSystem} object.
+         */
+        getMediator(): parallel.MediatorSystem;
+        /**
+         * @hidden
+         */
+        protected _Complete_history(history: parallel.PRInvokeHistory): boolean;
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * An interface taking full charge of network communication.
+     *
+     * {@link ICommunicator} is an interface for communicator classes who take full charge of network communication with
+     * remote system, without reference to whether the remote system is a server or a client. Type of the
+     * {@link ICommunicator} is specified to {@link IServerConnector} and {@link IClientDriver} whether the remote system
+     * is a server (that I've to connect) or a client (a client connected to my server).
+     *
+     * Whenever a replied message comes from the remote system, the message will be converted to an {@link Invoke} class
+     * and the {@link Invoke} object will be shifted to the {@link IProtocol listener}'s
+     * {@link IProtocol.replyData IProtocol.replyData()} method.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
      *		  target="_blank">
      *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
      *		 style="max-width: 100%" />
-     * </a> </p>
+     * </a>
      *
-     *
-     * <h2> Basic Components </h2>
-     * <h4> What Basic Components are </h4>
-     * <p> <b>Basic Components</b> are the smallest unit of network communication in this <i>Samchon Framework</i>. With
-     * <b>Basic Components</b>, you can construct any type of network system, even how the network system is enormously
-     * scaled and complicated, by just combinating the <b>Basic Components</b>. </p>
-     *
-     * <p> All the system templates in this framework are also being implemented by utilization of the
-     * <b>Basic Compoonents</b>. </p>
-     *
-     * <ul>
-     *	<li> {@link service Service} </il>
-     *	<li> {@link external External System} </il>
-     *	<li> {@link parallel Parallel System} </il>
-     *	<li> {@link distributed Distributed System} </il>
-     * </ul>
-     *
-     * <p> Note that, whatever the network system what you've to construct is, just concentrate on role of each system
-     * and attach matched <b>Basic Components</b> to the role, within framework of the <b>Object-Oriented Design</b>.
-     * Then construction of the network system will be much easier. </p>
-     *
-     * <ul>
-     *	<li> A system is a server, then use {@link IServer} or {@link IServerBase}. </li>
-     *	<li> A server wants to handle a client has connected, then use {@link IClientDriver}. </li>
-     *	<li> A system is a client connecting to an external server, then use {@link IServerConnector}. </li>
-     *	<li> </li>
-     * </ul>
-     *
-     * <h4> Example - System Templates </h4>
-     * <p> Learning and understanding <i>Basic Components</i> of Samchon Framework, reading source codes and design of
-     * <b>System Templates</b>' modules will be very helpful. </p>
-     *
-     * <table>
-     *	<tr>
-     *		<th> Name </th>
-     *		<th> Source </th>
-     *		<th> API Documents </th>
-     *	</tr>
-     *	<tr>
-     *		<td> Cloud Service </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/service"
-     *				target="_blank"> protocol/service </a> </td>
-     *		<td> {@link protocol.service} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> External System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/external"
-     *				target="_blank"> protocol/external </a> </td>
-     *		<td> {@link protocol.external} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> Parallel System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/parallel"
-     *				target="_blank"> protocol/parallel </a> </td>
-     *		<td> {@link protocol.parallel} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> Distributed System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/distributed"
-     *				target="_blank"> protocol/distributed </a> </td>
-     *		<td> {@link protocol.distributed} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> Slave System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/slave"
-     *				target="_blank"> protocol/slave </a> </td>
-     *		<td> {@link protocol.slave} </td>
-     *	</tr>
-     * </table>
-     *
-     * <h4> Example - Projects </h4>
-     * <ul>
-     *	<li>
-     *		<a href="https://github.com/samchon/framework/wiki/Examples-Calculator" target="_blank"> Calculator </a>
-     *	</li>
-     *	<li>
-     *		<a href="https://github.com/samchon/framework/wiki/Examples-Chatting" target="_blank"> Chatting </a>
-     *	</li>
-     *	<li>
-     *		<a href="https://github.com/samchon/framework/wiki/Examples-Interaction" target="_blank"> Interaction </a>
-     *	</li>
-     * </ul>
-     *
-     * @see {@link IClientDriver}, {@link IServerConnector}
-     * @handbook <a href="https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#icommunicator"
-     *			 target="_blank"> Basic Components - ICommunicator </a>
+     * @see {@link IClientDriver}, {@link IServerConnector}, {@link IProtocol}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#icommunicator)
      * @author Jeongho Nam <http://samchon.org>
      */
     interface ICommunicator extends IProtocol {
@@ -3155,12 +4083,67 @@ declare namespace samchon.protocol {
          * Close connection.
          */
         close(): void;
+        /**
+         * Test connection.
+         *
+         * Test whether this {@link ICommunicator communicator} object is connected with the remote system. If the
+         * connection is alive, then returns ```true```. Otherwise, the connection is not alive or this
+         * {@link ICommunicator communicator has not connected with the remote system yet, then returns ```false```.
+         *
+         * @return true if connected, otherwise false.
+         */
         isConnected(): boolean;
+        /**
+         * Send message.
+         *
+         * Send {@link Invoke} message to remote system.
+         *
+         * @param invoke An {@link Invoke} message to send.
+         */
         sendData(invoke: protocol.Invoke): void;
+        /**
+         * Handle replied message.
+         *
+         * Handles replied {@link Invoke} message recived from remove system. The {@link Invoke} message will be shifted
+         * to the {@link IProtocol listener}'s {@link IProtocol.replyData IProtocol.replyData()} by this method.
+         *
+         * @param invoke An {@link Invoke} message received from remote system.
+         */
         replyData(invoke: protocol.Invoke): void;
     }
 }
 declare namespace samchon.protocol {
+    /**
+     * An abstract, basic class for communicators.
+     *
+     * {@link CommunicatorBase} is an abstract class implemented from the {@link ICommunicator}. Mechanism of converting
+     * raw data to {@link Invoke} messag has realized in this abstract class. Type of this {@link CommunicatorBase} class
+     * is specified to as below following which protocol is used.
+     *
+     * - {@link Communicator}: Samchon Framework's own protocool.
+     * - {@link WebCommunicator}: Web-socket protocol
+     * - {@link SharedWorkerCommunicator}: SharedWorker's message protocol.
+     *
+     * #### [Inherited] {@link ICommunicator}
+     * {@link ICommunicator} is an interface for communicator classes who take full charge of network communication with
+     * remote system, without reference to whether the remote system is a server or a client. Type of the
+     * {@link ICommunicator} is specified to {@link IServerConnector} and {@link IClientDriver} whether the remote system
+     * is a server (that I've to connect) or a client (a client connected to my server).
+     *
+     * Whenever a replied message comes from the remote system, the message will be converted to an {@link Invoke} class
+     * and the {@link Invoke} object will be shifted to the {@link IProtocol listener}'s
+     * {@link IProtocol.replyData IProtocol.replyData()} method.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link IClientDriver}, {@link IServerConnector}, {@link IProtocol}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#icommunicator)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     abstract class CommunicatorBase implements ICommunicator {
         /**
          * @hidden
@@ -3170,6 +4153,9 @@ declare namespace samchon.protocol {
          * @inheritdoc
          */
         onClose: Function;
+        /**
+         * @hidden
+         */
         protected connected_: boolean;
         /**
          * @hidden
@@ -3188,7 +4174,7 @@ declare namespace samchon.protocol {
          */
         constructor();
         /**
-         * Construct from <i>listener</i>.
+         * Construct from *listener*.
          *
          * @param listener An {@link IProtocol} object to listen {@link Invoke} messages.
          */
@@ -3201,14 +4187,60 @@ declare namespace samchon.protocol {
          * @inheritdoc
          */
         isConnected(): boolean;
+        /**
+         * @hidden
+         */
         protected is_binary_invoke(): boolean;
+        /**
+         * @inheritdoc
+         */
         abstract sendData(invoke: Invoke): void;
+        /**
+         * @inheritdoc
+         */
         replyData(invoke: Invoke): void;
+        /**
+         * @hidden
+         */
         protected handle_string(str: string): void;
+        /**
+         * @hidden
+         */
         protected handle_binary(binary: Uint8Array): void;
     }
 }
 declare namespace samchon.protocol {
+    /**
+     * A communicator following Samchon Framework's own protocol.
+     *
+     * {@link Communicator} is an abstract class following Samchon Framework's own protocol. This {@link Communicator}
+     * class is specified to {@link ServerConnector} and {@link ClientDriver} whether the remote system is a server (that
+     * my system is connecting to) or a client (a client conneting to to my server).
+     *
+     * Note that, if one of this or remote system is web-browser based, then you don't have to use this
+     * {@link Communicator} class who follows Samchon Framework's own protocol. Web-browser supports only Web-socket
+     * protocol. Thus in that case, you have to use {@link WebCommunicator} instead.
+     *
+     * #### [Inherited] {@link ICommunicator}
+     * {@link ICommunicator} is an interface for communicator classes who take full charge of network communication with
+     * remote system, without reference to whether the remote system is a server or a client. Type of the
+     * {@link ICommunicator} is specified to {@link IServerConnector} and {@link IClientDriver} whether the remote system
+     * is a server (that I've to connect) or a client (a client connected to my server).
+     *
+     * Whenever a replied message comes from the remote system, the message will be converted to an {@link Invoke} class
+     * and the {@link Invoke} object will be shifted to the {@link IProtocol listener}'s
+     * {@link IProtocol.replyData IProtocol.replyData()} method.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link ClientDriver}, {@link ServerConnector}, {@link IProtocol}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#icommunicator)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     abstract class Communicator extends CommunicatorBase {
         /**
          * @hidden
@@ -3266,31 +4298,42 @@ declare namespace samchon.protocol {
 }
 declare namespace samchon.protocol {
     /**
-     * <p> Base class for web-communicator, {@link WebClientDriver} and {@link WebServerConnector}. </p>
+     * A communicator following Web-socket protocol.
      *
-     * <p> This class {@link WebCommunicatorBase} subrogates network communication for web-communicator classes,
-     * {@link WebClinetDriver} and {@link WebServerConnector}. The web-communicator and this class
-     * {@link WebCommunicatorBase} share same interface {@link IProtocol} and have a <b>chain of responsibily</b>
-     * relationship. </p>
+     * {@link WebCommunicator} is an abstract class following Web-socket protocol. This {@link WebCommunicator} class is
+     * specified to {@link WebServerConnector} and {@link WebClientDriver} whether the remote system is a server (that my
+     * system is connecting to) or a client (a client conneting to to my server).
      *
-     * <p> When an {@link Invoke} message was delivered from the connected remote system, then this class calls
-     * web-communicator's {@link WebServerConnector.replyData replyData()} method. Also, when called web-communicator's
-     * {@link WebClientDriver.sendData sendData()}, then {@link sendData sendData()} of this class will be caleed. </p>
+     * Note that, one of this or remote system is web-browser based, then there's not any alternative choice. Web browser
+     * supports only Web-socket protocol. In that case, you've use this {@link WebCommunicator} class.
      *
-     * <ul>
-     *	<li> this.replyData() -> communicator.replyData() </li>
-     *	<li> communicator.sendData() -> this.sendData() </li>
-     * </ul>
+     * #### [Inherited] {@link ICommunicator}
+     * {@link ICommunicator} is an interface for communicator classes who take full charge of network communication with
+     * remote system, without reference to whether the remote system is a server or a client. Type of the
+     * {@link ICommunicator} is specified to {@link IServerConnector} and {@link IClientDriver} whether the remote system
+     * is a server (that I've to connect) or a client (a client connected to my server).
      *
+     * Whenever a replied message comes from the remote system, the message will be converted to an {@link Invoke} class
+     * and the {@link Invoke} object will be shifted to the {@link IProtocol listener}'s
+     * {@link IProtocol.replyData IProtocol.replyData()} method.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link WebClientDriver}, {@link WebServerConnector}, {@link IProtocol}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#icommunicator)
      * @author Jeongho Nam <http://samchon.org>
      */
     abstract class WebCommunicator extends CommunicatorBase {
         /**
-         * Connection driver, a socket for web-socket.
+         * @hidden
          */
         protected connection_: websocket.connection;
         /**
-         * Close the connection.
+         * @inheritdoc
          */
         close(): void;
         /**
@@ -3298,238 +4341,171 @@ declare namespace samchon.protocol {
          */
         sendData(invoke: Invoke): void;
         /**
-         * <p> Handle raw-data received from the remote system. </p>
-         *
-         * <p> Queries raw-data received from the remote system. When the raw-data represents an formal {@link Invoke}
-         * message, then it will be sent to the {@link replyData}. </p>
-         *
-         * @param message A raw-data received from the remote system.
+         * @hidden
          */
         protected handle_message(message: websocket.IMessage): void;
+        /**
+         * @hidden
+         */
         protected handle_close(): void;
     }
 }
 declare namespace samchon.protocol {
+    /**
+     * A communicator for shared worker.
+     *
+     * {@link SharedWorkerCommunicator} is an abstract class for communication between SharedWorker and Web-browser. This
+     * {@link SharedWorkerCommunicator} is specified to {@link SharedWorkerServerConnector} and
+     * {@link SharedWorkerClientDriver} whether the remote system is a server (that my system is connecting to) or a client
+     * (a client conneting to to my server).
+     *
+     * Note that, SharedWorker is a conception only existed in web-browser. This {@link SharedWorkerCommunicator} is not
+     * supported in NodeJS. Only web-browser environment can utilize this {@link SharedWorkerCommunicator}.
+     *
+     * #### Why SharedWorker be a server?
+     * SharedWorker, it allows only an instance (process) to be created whether the SharedWorker is declared in a browser
+     * or multiple browsers. To integrate them, messages are being sent and received. Doesn't it seem like a relationship
+     * between a server and clients? Thus, Samchon Framework consider the SharedWorker as a server and browsers as
+     * clients.
+     *
+     * The class {@link SharedWorkerCommunicator} is designed make such relationship. From now on, SharedWorker is a
+     * {@link SharedWorkerServer server} and {@link SharedWorkerServerConnector browsers} are clients. Integrate the
+     * server and clients with this {@link SharedWorkerCommunicator}.
+     *
+     * #### [Inherited] {@link ICommunicator}
+     * {@link ICommunicator} is an interface for communicator classes who take full charge of network communication with
+     * remote system, without reference to whether the remote system is a server or a client. Type of the
+     * {@link ICommunicator} is specified to {@link IServerConnector} and {@link IClientDriver} whether the remote system
+     * is a server (that I've to connect) or a client (a client connected to my server).
+     *
+     * Whenever a replied message comes from the remote system, the message will be converted to an {@link Invoke} class
+     * and the {@link Invoke} object will be shifted to the {@link IProtocol listener}'s
+     * {@link IProtocol.replyData IProtocol.replyData()} method.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link SharedWorkerClientDriver}, {@link SharedWorkerServerConnector}, {@link IProtocol}
+     * @reference https://developer.mozilla.org/en-US/docs/Web/API/SharedWorker
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#icommunicator)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     abstract class SharedWorkerCommunicator extends CommunicatorBase {
+        /**
+         * @hidden
+         */
         protected port_: MessagePort;
+        /**
+         * @inheritdoc
+         */
         close(): void;
         /**
          * @inheritdoc
          */
         sendData(invoke: Invoke): void;
+        /**
+         * @hidden
+         */
         protected handle_message(event: MessageEvent): void;
     }
 }
 declare namespace samchon.protocol {
     /**
-     * <p> An interface for communicator with connected client. </p>
+     * An interface for communicator with remote client.
      *
-     * <p> {@link IClientDriver} is a type of {@link ICommunicator}, specified for communication with connected client
-     * in a server. It takes full charge of network communication with the connected client. </p>
+     * {@link IClientDriver} is a type of {@link ICommunicator}, specified for communication with remote client who has
+     * connected in a {@link IServer server}. It takes full charge of network communication with the remote client.
      *
-     * <p> {@link IClientDriver} is created in {@link IServer} and delivered via
+     * The {@link IClientDriver} object is created and delivered from {@link IServer} and
      * {@link IServer.addClient IServer.addClient()}. Those are derived types from this {@link IClientDriver}, being
-     * created by matched {@link IServer} object. </p>
+     * created by the matched {@link IServer} object.
      *
-     * <table>
-     *	<tr>
-     *		<th> Derived Type </th>
-     *		<th> Created By </th>
-     *	</tr>
-     *	<tr>
-     *		<td> {@link ClientDrvier} </td>
-     *		<td> {@link Server} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> {@link WebClientDrvier} </td>
-     *		<td> {@link WebServer} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> {@link SharedWorkerClientDrvier} </td>
-     *		<td> {@link SharedWorkerServer} </td>
-     *	</tr>
-     * </table>
+     * Protocol                | Derived Type                     | Created By
+     * ------------------------|----------------------------------|----------------------------
+     * Samchon Framework's own | {@link ClientDriver}             | {@link Server}
+     * Web-socket protocol     | {@link WebClientDriver}          | {@link WebServer}
+     * SharedWorker            | {@link SharedWorkerClientDriver} | {@link SharedWorkerServer}
      *
-     * <p> <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     * When you've got an {@link IClientDriver} object from the {@link IServer.addClient IServer.addClient()}, then
+     * specify {@link IProtocol listener} with {@link IClient.listen IClient.listen()}. Whenever a replied message comes
+     * from the remote system, the message will be converted to an {@link Invoke} class and the {@link Invoke} object
+     * will be shifted to the {@link IProtocol listener}'s {@link IProtocol.replyData IProtocol.replyData()} method.
+     * Below code is an example specifying and managing the {@link IProtocol listener} objects.
+     *
+     * - https://github.com/samchon/framework/blob/master/ts/examples/calculator/calculator-server.ts
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
      *		  target="_blank">
      *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
      *		 style="max-width: 100%" />
-     * </a> </p>
+     * </a>
      *
-     * <p> When you've got an {@link IClientDriver} object from the {@link IServer.addClient IServer.addClient()}, then
-     * specify {@link CommunicatorBase.listener listener} with {@link IClient.listen IClient.listen()}. Below codes are
-     * an example specifying and managing the {@link CommunicatorBase.listener listener} objects. </p>
-     *
-     * <code>
-    /// <reference path="../typings/typescript-stl/typescript-stl.d.ts" />
-    /// <reference path="../typings/samchon-framework/samchon-framework.d.ts" />
-
-    // IMPORTS
-    import std = require("typescript-stl");
-    import samchon = require("samchon-framework");
-
-    // SHORTCUTS
-    import library = samchon.library;
-    import protocol = samchon.protocol;
-
-    class CalculatorServer extends protocol.Server
-    {
-        private clients: std.HashSet<CalculatorClient>;
-
-        // WHEN A CLIENT HAS CONNECTED
-        public addClient(driver: IClientDriver): void
-        {
-            let client: CalculatorClient = new CalculatorClient(this, driver);
-            this.clients.insert(client);
-        }
-    }
-
-    class CalculatorClient extends protocol.IProtocol
-    {
-        // PARENT SERVER INSTANCE
-        private server: CalculatorServer;
-
-        // COMMUNICATOR, SENDS AND RECEIVES NETWORK MESSAGE WITH CONNECTED CLIENT
-        private driver: protocol.IClientDriver;
-
-        /////
-        // CONSTRUCTORS
-        /////
-        public constructor(server: CalculatorServer, driver: protocol.IClientDriver)
-        {
-            this.server = server;
-            this.driver = driver;
-
-            // START LISTENING AND RESPOND CLOSING EVENT
-            this.driver.listen(this); // INVOKE MESSAGE WILL COME TO HERE
-            this.driver.onClose = this.destructor.bind(this); // DISCONNECTED HANDLER
-        }
-        public destructor(): void
-        {
-            // WHEN DISCONNECTED, THEN ERASE THIS OBJECT FROM CalculatorServer.clients.
-            this.server["clients"].erase(this);
-        }
-
-        /////
-        // INVOKE MESSAGE CHAIN
-        /////
-        public sendData(invoke: protocol.Invoke): void
-        {
-            // CALL ICommunicator.sendData(), WHO PHYSICALLY SEND NETWORK MESSAGE
-            this.driver.sendData(invoke);
-        }
-        public replyData(invoke: protocol.Invoke): void
-        {
-            // FIND MATCHED MEMBER FUNCTION NAMED EQUAL TO THE invoke.getListener()
-            invoke.apply(this);
-        }
-    }
-     * </code>
-     *
-     *
-     * <h2> Basic Components </h2>
-     * <h4> What Basic Components are </h4>
-     * <p> <b>Basic Components</b> are the smallest unit of network communication in this <i>Samchon Framework</i>. With
-     * <b>Basic Components</b>, you can construct any type of network system, even how the network system is enormously
-     * scaled and complicated, by just combinating the <b>Basic Components</b>. </p>
-     *
-     * <p> All the system templates in this framework are also being implemented by utilization of the
-     * <b>Basic Compoonents</b>. </p>
-     *
-     * <ul>
-     *	<li> {@link service Service} </il>
-     *	<li> {@link external External System} </il>
-     *	<li> {@link parallel Parallel System} </il>
-     *	<li> {@link distributed Distributed System} </il>
-     * </ul>
-     *
-     * <p> Note that, whatever the network system what you've to construct is, just concentrate on role of each system
-     * and attach matched <b>Basic Components</b> to the role, within framework of the <b>Object-Oriented Design</b>.
-     * Then construction of the network system will be much easier. </p>
-     *
-     * <ul>
-     *	<li> A system is a server, then use {@link IServer} or {@link IServerBase}. </li>
-     *	<li> A server wants to handle a client has connected, then use {@link IClientDriver}. </li>
-     *	<li> A system is a client connecting to an external server, then use {@link IServerConnector}. </li>
-     *	<li> </li>
-     * </ul>
-     *
-     * <h4> Example - System Templates </h4>
-     * <p> Learning and understanding <i>Basic Components</i> of Samchon Framework, reading source codes and design of
-     * <b>System Templates</b>' modules will be very helpful. </p>
-     *
-     * <table>
-     *	<tr>
-     *		<th> Name </th>
-     *		<th> Source </th>
-     *		<th> API Documents </th>
-     *	</tr>
-     *	<tr>
-     *		<td> Cloud Service </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/service"
-     *				target="_blank"> protocol/service </a> </td>
-     *		<td> {@link protocol.service} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> External System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/external"
-     *				target="_blank"> protocol/external </a> </td>
-     *		<td> {@link protocol.external} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> Parallel System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/parallel"
-     *				target="_blank"> protocol/parallel </a> </td>
-     *		<td> {@link protocol.parallel} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> Distributed System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/distributed"
-     *				target="_blank"> protocol/distributed </a> </td>
-     *		<td> {@link protocol.distributed} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> Slave System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/slave"
-     *				target="_blank"> protocol/slave </a> </td>
-     *		<td> {@link protocol.slave} </td>
-     *	</tr>
-     * </table>
-     *
-     * <h4> Example - Projects </h4>
-     * <ul>
-     *	<li>
-     *		<a href="https://github.com/samchon/framework/wiki/Examples-Calculator" target="_blank"> Calculator </a>
-     *	</li>
-     *	<li>
-     *		<a href="https://github.com/samchon/framework/wiki/Examples-Chatting" target="_blank"> Chatting </a>
-     *	</li>
-     *	<li>
-     *		<a href="https://github.com/samchon/framework/wiki/Examples-Interaction" target="_blank"> Interaction </a>
-     *	</li>
-     * </ul>
-     *
-     * @see {@link IServer}
-     * @handbook <a href="https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iclientdriver"
-     *			 target="_blank"> Basic Components - IClientDriver </a>
+     * @see {@link IServer}, {@link IProtocol}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iclientdriver)
      * @author Jeongho Nam <http://samchon.org>
      */
     interface IClientDriver extends ICommunicator {
         /**
-         * <p> Listen message from the newly connected client. </p>
+         * Listen message from the newly connected client.
          *
-         * <p> Starts listening message from the newly connected client. Replied message from the connected client will
-         * be converted to {@link Invoke} classes and shifted to the <i>listener</i>'s
-         * {@link IProtocol.replyData replyData()} method. </p>
+         * Starts listening message from the newly connected client. Replied message from the connected client will be
+         * converted to {@link Invoke} classes and shifted to the *listener*'s {@link IProtocol.replyData replyData()}
+         * method.
          *
          * @param listener A listener object to listen replied message from newly connected client in
-         *				   {@link IProtocol.replyData replyData()} as an {@link Invoke} message.
+         *				   {@link IProtocol.replyData replyData()} as an {@link Invoke} object.
          */
         listen(listener: IProtocol): void;
     }
 }
 declare namespace samchon.protocol {
+    /**
+     * Communicator with remote client.
+     *
+     * {@link ClientDriver} is a class taking full charge of network communication with remote client who follows Samchon
+     * Framework's own protocol. This {@link ClientDriver} object is always created by {@link Server} class. When you got
+     * this {@link ClientDriver} object from the {@link Server.addClient Server.addClient()}, then specify
+     * {@link IProtocol listener} with the {@link ClientDriver.listen ClientDriver.listen()} method.
+     *
+     * #### [Inherited] {@link IClientDriver}
+     * {@link IClientDriver} is a type of {@link ICommunicator}, specified for communication with remote client who has
+     * connected in a {@link IServer server}. It takes full charge of network communication with the remote client.
+     *
+     * The {@link IClientDriver} object is created and delivered from {@link IServer} and
+     * {@link IServer.addClient IServer.addClient()}. Those are derived types from this {@link IClientDriver}, being
+     * created by the matched {@link IServer} object.
+     *
+     * Protocol                | Derived Type                     | Created By
+     * ------------------------|----------------------------------|----------------------------
+     * Samchon Framework's own | {@link ClientDriver}             | {@link Server}
+     * Web-socket protocol     | {@link WebClientDriver}          | {@link WebServer}
+     * SharedWorker            | {@link SharedWorkerClientDriver} | {@link SharedWorkerServer}
+     *
+     * When you've got an {@link IClientDriver} object from the {@link IServer.addClient IServer.addClient()}, then
+     * specify {@link IProtocol listener} with {@link IClient.listen IClient.listen()}. Whenever a replied message comes
+     * from the remote system, the message will be converted to an {@link Invoke} class and the {@link Invoke} object
+     * will be shifted to the {@link IProtocol listener}'s {@link IProtocol.replyData IProtocol.replyData()} method.
+     * Below code is an example specifying and managing the {@link IProtocol listener} objects.
+     *
+     * - https://github.com/samchon/framework/blob/master/ts/examples/calculator/calculator-server.ts
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link Server}, {@link IProtocol}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iclientdriver)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     class ClientDriver extends Communicator implements IClientDriver {
+        /**
+         * Construct from a socket.
+         */
         constructor(socket: socket.socket);
         /**
          * @inheritdoc
@@ -3538,15 +4514,65 @@ declare namespace samchon.protocol {
     }
 }
 declare namespace samchon.protocol {
+    /**
+     * Communicator with remote web-client.
+     *
+     * {@link WebClientDriver} is a class taking full charge of network communication with remote client who follows
+     * Web-socket protocol. This {@link WebClientDriver} object is always created by {@link WebServer} class. When you
+     * got this {@link WebClientDriver} object from the {@link WebServer.addClient WebServer.addClient()}, then specify
+     * {@link IProtocol listener} with the {@link WebClientDriver.listen WebClientDriver.listen()} method.
+     *
+     * Unlike other protocol, Web-socket protocol's clients notify two parameters on their connection;
+     * {@link getSessionID session-id} and {@link getPath path}. The {@link getSessionID session-id} can be used to
+     * identify *user* of each client, and the {@link getPath path} can be used which type of *service* that client wants.
+     * In {@link service} module, you can see the best utilization case of them.
+     * - {@link service.User}: utlization of the {@link getSessionID session-id}.
+     * - {@link service.Service}: utilization of the {@link getPath path}.
+     *
+     * #### [Inherited] {@link IClientDriver}
+     * {@link IClientDriver} is a type of {@link ICommunicator}, specified for communication with remote client who has
+     * connected in a {@link IServer server}. It takes full charge of network communication with the remote client.
+     *
+     * The {@link IClientDriver} object is created and delivered from {@link IServer} and
+     * {@link IServer.addClient IServer.addClient()}. Those are derived types from this {@link IClientDriver}, being
+     * created by the matched {@link IServer} object.
+     *
+     * Protocol                | Derived Type                     | Created By
+     * ------------------------|----------------------------------|----------------------------
+     * Samchon Framework's own | {@link ClientDriver}             | {@link Server}
+     * Web-socket protocol     | {@link WebClientDriver}          | {@link WebServer}
+     * SharedWorker            | {@link SharedWorkerClientDriver} | {@link SharedWorkerServer}
+     *
+     * When you've got an {@link IClientDriver} object from the {@link IServer.addClient IServer.addClient()}, then
+     * specify {@link IProtocol listener} with {@link IClient.listen IClient.listen()}. Whenever a replied message comes
+     * from the remote system, the message will be converted to an {@link Invoke} class and the {@link Invoke} object
+     * will be shifted to the {@link IProtocol listener}'s {@link IProtocol.replyData IProtocol.replyData()} method.
+     * Below code is an example specifying and managing the {@link IProtocol listener} objects.
+     *
+     * - https://github.com/samchon/framework/blob/master/ts/examples/calculator/calculator-server.ts
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link WebServer}, {@link IProtocol}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iclientdriver)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     class WebClientDriver extends WebCommunicator implements IClientDriver {
         /**
-         * Requested path.
+         * @hidden
          */
         private path_;
         /**
-         * Session ID, an identifier of the remote client.
+         * @hidden
          */
         private session_id_;
+        /**
+         * @hidden
+         */
         private listening_;
         /**
          * Initialization Constructor.
@@ -3571,8 +4597,62 @@ declare namespace samchon.protocol {
     }
 }
 declare namespace samchon.protocol {
+    /**
+     * Communicator with remote web-browser.
+     *
+     * {@link SharedWorkerClientDriver} is a class taking full charge of network communication with web browsers. This
+     * {@link SharedWorkerClientDriver} object is always created by {@link SharedWorkerServer} class. When you got this
+     * {@link SharedWorkerClientDriver} object from {@link SharedWorkerServer.addClient SharedWorkerServer.addClient()},
+     * then specify {@link IProtocol listener} with the
+     * {@link SharedWorkerClientDriver.listen SharedWorkerClientDriver.listen()} method.
+     *
+     * #### Why SharedWorker be a server?
+     * SharedWorker, it allows only an instance (process) to be created whether the SharedWorker is declared in a browser
+     * or multiple browsers. To integrate them, messages are being sent and received. Doesn't it seem like a relationship
+     * between a server and clients? Thus, Samchon Framework consider the SharedWorker as a server and browsers as
+     * clients.
+     *
+     * The class {@link SharedWorkerCommunicator} is designed make such relationship. From now on, SharedWorker is a
+     * {@link SharedWorkerServer server} and {@link SharedWorkerServerConnector browsers} are clients. Integrate the
+     * server and clients with this {@link SharedWorkerCommunicator}.
+     *
+     * #### [Inherited] {@link IClientDriver}
+     * {@link IClientDriver} is a type of {@link ICommunicator}, specified for communication with remote client who has
+     * connected in a {@link IServer server}. It takes full charge of network communication with the remote client.
+     *
+     * The {@link IClientDriver} object is created and delivered from {@link IServer} and
+     * {@link IServer.addClient IServer.addClient()}. Those are derived types from this {@link IClientDriver}, being
+     * created by the matched {@link IServer} object.
+     *
+     * Protocol                | Derived Type                     | Created By
+     * ------------------------|----------------------------------|----------------------------
+     * Samchon Framework's own | {@link ClientDriver}             | {@link Server}
+     * Web-socket protocol     | {@link WebClientDriver}          | {@link WebServer}
+     * SharedWorker            | {@link SharedWorkerClientDriver} | {@link SharedWorkerServer}
+     *
+     * When you've got an {@link IClientDriver} object from the {@link IServer.addClient IServer.addClient()}, then
+     * specify {@link IProtocol listener} with {@link IClient.listen IClient.listen()}. Whenever a replied message comes
+     * from the remote system, the message will be converted to an {@link Invoke} class and the {@link Invoke} object
+     * will be shifted to the {@link IProtocol listener}'s {@link IProtocol.replyData IProtocol.replyData()} method.
+     * Below code is an example specifying and managing the {@link IProtocol listener} objects.
+     *
+     * - https://github.com/samchon/framework/blob/master/ts/examples/calculator/calculator-server.ts
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link SharedWorkerServer}, {@link IProtocol}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iclientdriver)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     class SharedWorkerClientDriver extends SharedWorkerCommunicator implements IClientDriver {
-        private listening;
+        private listening_;
+        /**
+         * Construct from a MessagePort object.
+         */
         constructor(port: MessagePort);
         /**
          * @inheritdoc
@@ -3624,47 +4704,47 @@ declare namespace samchon.protocol {
      */
     interface IEntityGroup<T extends IEntity> extends IEntity, std.base.IContainer<T> {
         /**
-         * <p> Construct data of the Entity from an XML object. </p>
+         * Construct data of the Entity from an XML object.
          *
-         * <p> Constructs the EntityArray's own member variables only from the input XML object. </p>
+         * Constructs the EntityArray's own member variables only from the input XML object.
          *
-         * <p> Do not consider about constructing children Entity objects' data in EntityArray::construct().
+         * Do not consider about constructing children Entity objects' data in EntityArray::construct().
          * Those children Entity objects' data will constructed by their own construct() method. Even insertion
-         * of XML objects representing children are done by abstract method of EntityArray::toXML(). </p>
+         * of XML objects representing children are done by abstract method of EntityArray::toXML().
          *
-         * <p> Constructs only data of EntityArray's own. </p>
+         * Constructs only data of EntityArray's own.
          */
         construct(xml: library.XML): void;
         /**
-         * <p> Factory method of a child Entity. </p>
+         * Factory method of a child Entity.
          *
-         * <p> EntityArray::createChild() is a factory method creating a new child Entity which is belonged
+         * EntityArray::createChild() is a factory method creating a new child Entity which is belonged
          * to the EntityArray. This method is called by EntityArray::construct(). The children construction
-         * methods Entity::construct() will be called by abstract method of the EntityArray::construct(). </p>
+         * methods Entity::construct() will be called by abstract method of the EntityArray::construct().
          *
          * @return A new child Entity belongs to EntityArray.
          */
         createChild(xml: library.XML): T;
         /**
-         * <p> Get iterator to element. </p>
+         * Get iterator to element.
          *
-         * <p> Searches the container for an element with a identifier equivalent to <i>key</i> and returns an
-         * iterator to it if found, otherwise it returns an iterator to {@link end end()}. </p>
+         * Searches the container for an element with a identifier equivalent to *key* and returns an
+         * iterator to it if found, otherwise it returns an iterator to {@link end end()}.
          *
-         * <p> Two keys are considered equivalent if the container's comparison object returns false reflexively
-         * (i.e., no matter the order in which the elements are passed as arguments). </p>
+         * Two keys are considered equivalent if the container's comparison object returns false reflexively
+         * (i.e., no matter the order in which the elements are passed as arguments).
          *
-         * <p> Another member functions, {@link has has()} and {@link count count()}, can be used to just check
-         * whether a particular <i>key</i> exists. </p>
+         * Another member functions, {@link has has()} and {@link count count()}, can be used to just check
+         * whether a particular *key* exists.
          *
          * @param key Key to be searched for
-         * @return An iterator to the element, if an element with specified <i>key</i> is found, or
+         * @return An iterator to the element, if an element with specified *key* is found, or
          *		   {@link end end()} otherwise.
          */
         /**
-         * <p> Whether have the item or not. </p>
+         * Whether have the item or not.
          *
-         * <p> Indicates whether a map has an item having the specified identifier. </p>
+         * Indicates whether a map has an item having the specified identifier.
          *
          * @param key Key value of the element whose mapped value is accessed.
          *
@@ -3672,19 +4752,19 @@ declare namespace samchon.protocol {
          */
         has(key: any): boolean;
         /**
-         * <p> Count elements with a specific key. </p>
+         * Count elements with a specific key.
          *
-         * <p> Searches the container for elements whose key is <i>key</i> and returns the number of elements found. </p>
+         * Searches the container for elements whose key is *key* and returns the number of elements found.
          *
          * @param key Key value to be searched for.
          *
-         * @return The number of elements in the container with a <i>key</i>.
+         * @return The number of elements in the container with a *key*.
          */
         count(key: any): number;
         /**
-         * <p> Get an element </p>
+         * Get an element
          *
-         * <p> Returns a reference to the mapped value of the element identified with <i>key</i>. </p>
+         * Returns a reference to the mapped value of the element identified with *key*.
          *
          * @param key Key value of the element whose mapped value is accessed.
          *
@@ -3694,20 +4774,20 @@ declare namespace samchon.protocol {
          */
         get(key: any): T;
         /**
-         * <p> A tag name of children objects. </p>
+         * A tag name of children objects.
          */
         CHILD_TAG(): string;
         /**
-         * <p> Get an XML object represents the EntityArray. </p>
+         * Get an XML object represents the EntityArray.
          *
-         * <p> Archives the EntityArray's own member variables only to the returned XML object. </p>
+         * Archives the EntityArray's own member variables only to the returned XML object.
          *
-         * <p> Do not consider about archiving children Entity objects' data in EntityArray::toXML().
+         * Do not consider about archiving children Entity objects' data in EntityArray::toXML().
          * Those children Entity objects will converted to XML object by their own toXML() method. The
          * insertion of XML objects representing children are done by abstract method of
-         * EntityArray::toXML(). </p>
+         * EntityArray::toXML().
          *
-         * <p> Archives only data of EntityArray's own. </p>
+         * Archives only data of EntityArray's own.
          */
         toXML(): library.XML;
     }
@@ -3859,387 +4939,39 @@ declare namespace samchon.protocol {
 }
 declare namespace samchon.protocol {
     /**
-     * @inheritdoc
-     */
-    interface IEntityCollection<T extends IEntity> extends IEntityGroup<T>, collection.ICollection<T> {
-    }
-}
-declare namespace samchon.protocol {
-    /**
-     * @inheritdoc
-     */
-    abstract class EntityArrayCollection<T extends IEntity> extends collection.ArrayCollection<T> implements IEntityCollection<T> {
-        /**
-         * @inheritdoc
-         */
-        construct(xml: library.XML): void;
-        /**
-         * @inheritdoc
-         */
-        abstract createChild(xml: library.XML): T;
-        /**
-         * @inheritdoc
-         */
-        key(): any;
-        /**
-         * @inheritdoc
-         */
-        has(key: any): boolean;
-        /**
-         * @inheritdoc
-         */
-        count(key: any): number;
-        /**
-         * @inheritdoc
-         */
-        get(key: any): T;
-        /**
-         * @inheritdoc
-         */
-        abstract TAG(): string;
-        /**
-         * @inheritdoc
-         */
-        abstract CHILD_TAG(): string;
-        /**
-         * @inheritdoc
-         */
-        toXML(): library.XML;
-    }
-}
-declare namespace samchon.protocol {
-    /**
-     * @inheritdoc
-     */
-    abstract class EntityListCollection<T extends IEntity> extends collection.ListCollection<T> implements IEntityCollection<T> {
-        /**
-         * @inheritdoc
-         */
-        construct(xml: library.XML): void;
-        /**
-         * @inheritdoc
-         */
-        abstract createChild(xml: library.XML): T;
-        /**
-         * @inheritdoc
-         */
-        key(): any;
-        /**
-         * @inheritdoc
-         */
-        has(key: any): boolean;
-        /**
-         * @inheritdoc
-         */
-        count(key: any): number;
-        /**
-         * @inheritdoc
-         */
-        get(key: any): T;
-        /**
-         * @inheritdoc
-         */
-        abstract TAG(): string;
-        /**
-         * @inheritdoc
-         */
-        abstract CHILD_TAG(): string;
-        /**
-         * @inheritdoc
-         */
-        toXML(): library.XML;
-    }
-}
-declare namespace samchon.protocol {
-    /**
-     * @inheritdoc
-     */
-    abstract class EntityDequeCollection<T extends IEntity> extends collection.DequeCollection<T> implements IEntityCollection<T> {
-        /**
-         * @inheritdoc
-         */
-        construct(xml: library.XML): void;
-        /**
-         * @inheritdoc
-         */
-        abstract createChild(xml: library.XML): T;
-        /**
-         * @inheritdoc
-         */
-        key(): any;
-        /**
-         * @inheritdoc
-         */
-        has(key: any): boolean;
-        /**
-         * @inheritdoc
-         */
-        count(key: any): number;
-        /**
-         * @inheritdoc
-         */
-        get(key: any): T;
-        /**
-         * @inheritdoc
-         */
-        abstract TAG(): string;
-        /**
-         * @inheritdoc
-         */
-        abstract CHILD_TAG(): string;
-        /**
-         * @inheritdoc
-         */
-        toXML(): library.XML;
-    }
-}
-declare namespace samchon.protocol {
-    /**
-     * <p> An interface for {@link Invoke} message chain. </p>
+     * An interface for {@link Invoke} message chain.
      *
-     * <p> {@link IProtocol} is an interface for {@link Invoke} message, which is standard message of network I/O in
-     * <i>Samchon Framework</i>, chain. The {@link IProtocol} interface is used to network drivers and some classes
-     * which are in a relationship of <i>Chain of Responsibility Pattern</i> with those network drivers. </p>
+     * {@link IProtocol} is an interface for {@link Invoke} message, which is standard message of network I/O in
+     * *Samchon Framework*, chain. The {@link IProtocol} interface is used to network drivers and some classes which are
+     * in a relationship of *Chain of Responsibility Pattern* with those network drivers.
      *
-     * <p> Implements {@link IProtocol} if the class sends and handles {@link Invoke} message. Looking around source
-     * codes of <i>Samchon Framework</i>, especially <i>System Templates</i>, you can find out that all the classes and
-     * modules handling {@link Invoke} messages are always implementing this {@link IProtocol} . Yes, {@link IProtocol},
-     * this is the main role you've to follow in this <i>Samchon Framework</i>. </p>
+     * Implements {@link IProtocol} if the class sends and handles {@link Invoke} messages. Looking around source codes of
+     * the *Samchon Framework*, especially *Templates*, you can find out that all the classes and modules handling
+     * {@link Invoke} messages are always implementing this {@link IProtocol}.
      *
-     * <p> <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
      *		  target="_blank">
      *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
      *		 style="max-width: 100%" />
-     * </a> </p>
-     *
-     *
-     * <h2> Utilization Case </h2>
-     * <p> Below pseudo code and class diagram represents {@link service Service Module}, who can build a cloud server.
-     * All the classes in the pseudo code are implementing the {@link IProtocol} because all of them are handling
-     * {@link Invoke} message. </p>
-     *
-     * <ul>
-     *	<li> Server: Represents a server literally </li>
-     *	<li> User: Represents an user being identified by its session id. User contains multiple Client objects. </li>
-     *	<ul>
-     *		<li> In browser, an user can open multiple windows.
-     *		<ul>
-     *			<li> User: A browser (like IE, Chrome and Safari).
-     *			<li> Client: An internet browser window
-     *		</ul>
-     *		</li>
-     *	</ul>
-     *	<li> Client: Represents a browser window and it takes role of network communication with it. </li>
-     *	<li> Service: Represents a service, domain logic. </li>
-     * </ul>
-     *
-     * <p> <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_service.png"
-     *		  target="_blank">
-     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_service.png"
-     *		 style="max-width: 100%" />
-     * </a> </p>
-     *
-     * <code>
-    /// <reference path="../typings/typescript-stl/typescript-stl.d.ts" />
-    /// <reference path="../typings/samchon-framework/samchon-framework.d.ts" />
-
-    // IMPORTS
-    import std = require("typescript-stl");
-    import samchon = require("samchon-framework");
-
-    // SHORTCUTS
-    import library = samchon.library;
-    import collection = samchon.collection;
-    import protocol = samchon.protocol;
-
-    namespace service
-    {
-        export class Server extends protocol.WebServer implements IProtocol
-        {
-            // SERVER HAS MULTIPLE USER OBJECTS
-            private session_map: std.HashMap<string, User>;
-
-            //------------------------
-            // MESSAGE CHAIN
-            //------------------------
-            public sendData(invoke: protocol.Invoke): void
-            {
-                // SEND INVOKE MESSAGE TO ALL USER OBJECTS
-                for (let it = this.session_map.begin(); !it.equal_to(this.session_map.end()); it = it.next())
-                    it.second.sendData(invoke);
-            }
-            public replyData(invoke: protocol.Invoke): void
-            {
-                invoke.apply(this); // HANDLE INVOKE MESSAGE BY ITSELF
-            }
-        }
-
-        export class User extends
-            collection.HashMapCollection<number, Client> // USER HAS MULTIPLE CLIENT OBJECTS
-            implements IProtocol
-        {
-            private server: Server; // USER REFRES SERVER
-
-            //------------------------
-            // MESSAGE CHAIN
-            //------------------------
-            public sendData(invoke: protocol.Invoke): void
-            {
-                // SEND INVOKE MESSAGE TO ALL CLIENT OBJECTS
-                for (let it = this.begin(); !it.equal_to(this.end()); it = it.next())
-                    it.second.sendData(invoke);
-            }
-            public replyData(invoke: protocol.Invoke): void
-            {
-                invoke.apply(this); // HANDLE INOVKE MESSAGE BY ITSELF
-                this.server.replyData(invoke); // OR VIA SERVER
-            }
-        }
-
-        export class Client implements IProtocol
-        {
-            private user: User; // CLIENT REFERS USER
-            private service: Service; // CLIENT HAS A SERVICE OBJECT
-
-            private driver: WebClientDriver;
-
-            //------------------------
-            // MESSAGE CHAIN
-            //------------------------
-            public sendData(invoke: protocol.Invoke): void
-            {
-                // SEND INVOKE MESSAGE VIA driver: WebClientDriver
-                this.driver.sendData(invoke);
-            }
-            public replyData(invoke: protocol.Invoke): void
-            {
-                invoke.apply(this); // HANDLE INOVKE MEESAGE BY ITSELF
-                this.user.replyData(invoke); // OR VIA USER
-
-                if (this.service != null) // OR VIA SERVICE
-                    this.service.replyData(invoke);
-            }
-        }
-
-        export class Service implements IProtocol
-        {
-            private client: Client; // SERVICE REFRES CLIENT
-
-            //------------------------
-            // MESSAGE CHAIN
-            //------------------------
-            public sendData(invoke: protocol.Invoke): void
-            {
-                // SEND INVOKE MESSAGE VIA CLIENT
-                return this.client.sendData(invoke);
-            }
-            public replyData(invoke: protocol.Invoke): void
-            {
-                invoke.apply(this); // HANDLE INVOKE MESSAGE BY ITSELF
-            }
-        }
-    }
-     * </code>
-     *
-     *
-     * <h2> Basic Components </h2>
-     * <h4> What Basic Components are </h4>
-     * <p> <b>Basic Components</b> are the smallest unit of network communication in this <i>Samchon Framework</i>. With
-     * <b>Basic Components</b>, you can construct any type of network system, even how the network system is enormously
-     * scaled and complicated, by just combinating the <b>Basic Components</b>. </p>
-     *
-     * <p> All the system templates in this framework are also being implemented by utilization of the
-     * <b>Basic Compoonents</b>. </p>
-     *
-     * <ul>
-     *	<li> {@link service Service} </il>
-     *	<li> {@link external External System} </il>
-     *	<li> {@link parallel Parallel System} </il>
-     *	<li> {@link distributed Distributed System} </il>
-     * </ul>
-     *
-     * <p> Note that, whatever the network system what you've to construct is, just concentrate on role of each system
-     * and attach matched <b>Basic Components</b> to the role, within framework of the <b>Object-Oriented Design</b>.
-     * Then construction of the network system will be much easier. </p>
-     *
-     * <ul>
-     *	<li> A system is a server, then use {@link IServer} or {@link IServerBase}. </li>
-     *	<li> A server wants to handle a client has connected, then use {@link IClientDriver}. </li>
-     *	<li> A system is a client connecting to an external server, then use {@link IServerConnector}. </li>
-     *	<li> </li>
-     * </ul>
-     *
-     * <h4> Example - System Templates </h4>
-     * <p> Learning and understanding <i>Basic Components</i> of Samchon Framework, reading source codes and design of
-     * <b>System Templates</b>' modules will be very helpful. </p>
-     *
-     * <table>
-     *	<tr>
-     *		<th> Name </th>
-     *		<th> Source </th>
-     *		<th> API Documents </th>
-     *	</tr>
-     *	<tr>
-     *		<td> Cloud Service </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/service"
-     *				target="_blank"> protocol/service </a> </td>
-     *		<td> {@link protocol.service} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> External System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/external"
-     *				target="_blank"> protocol/external </a> </td>
-     *		<td> {@link protocol.external} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> Parallel System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/parallel"
-     *				target="_blank"> protocol/parallel </a> </td>
-     *		<td> {@link protocol.parallel} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> Distributed System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/distributed"
-     *				target="_blank"> protocol/distributed </a> </td>
-     *		<td> {@link protocol.distributed} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> Slave System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/slave"
-     *				target="_blank"> protocol/slave </a> </td>
-     *		<td> {@link protocol.slave} </td>
-     *	</tr>
-     * </table>
-     *
-     * <h4> Example - Projects </h4>
-     * <ul>
-     *	<li>
-     *		<a href="https://github.com/samchon/framework/wiki/Examples-Calculator" target="_blank"> Calculator </a>
-     *	</li>
-     *	<li>
-     *		<a href="https://github.com/samchon/framework/wiki/Examples-Chatting" target="_blank"> Chatting </a>
-     *	</li>
-     *	<li>
-     *		<a href="https://github.com/samchon/framework/wiki/Examples-Interaction" target="_blank"> Interaction </a>
-     *	</li>
-     * </ul>
+     * </a>
      *
      * @see {@link Invoke}
-     * @handbook <a href="https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iprotocol"
-     *			 target="_blank"> Basic Components - IProtocol </a>
+     * @handbook https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iprotocol
      * @author Jeongho Nam <http://samchon.org>
      */
     interface IProtocol {
         /**
-         * <p> Sending message. </p>
-         * <p> Sends message to related system or shifts the responsibility to chain. </p>
+         * Sending message.
+         *
+         * Sends message to related system or shifts the responsibility to chain.
          *
          * @param invoke Invoke message to send
          */
         replyData(invoke: Invoke): void;
         /**
-         * <p> Handling replied message. </p>
-         * <p> Handles replied message or shifts the responsibility to chain. </p>
+         * Handling replied message.
+         *
+         * Handles replied message or shifts the responsibility to chain.
          *
          * @param invoke An {@link Invoke} message has received.
          */
@@ -4248,30 +4980,30 @@ declare namespace samchon.protocol {
 }
 declare namespace samchon.protocol {
     /**
-     * <p> Standard message of network I/O. </p>
+     * Standard message of network I/O.
      *
-     * <p> {@link Invoke} is a class used in network I/O in protocol package of Samchon Framework. </p>
+     * {@link Invoke} is a class used in network I/O in protocol package of Samchon Framework.
      *
-     * <p> The Invoke message has an XML structure like the result screen of provided example in below.
+     * The Invoke message has an XML structure like the result screen of provided example in below.
      * We can enjoy lots of benefits by the normalized and standardized message structure used in
-     * network I/O. </p>
+     * network I/O.
      *
-     * <p> The greatest advantage is that we can make any type of network system, even how the system
+     * The greatest advantage is that we can make any type of network system, even how the system
      * is enourmously complicated. As network communication message is standardized, we only need to
      * concentrate on logical relationships between network systems. We can handle each network system
      * like a object (class) in OOD. And those relationships can be easily designed by using design
-     * pattern. </p>
+     * pattern.
      *
-     * <p> In Samchon Framework, you can make any type of network system with basic componenets
+     * In Samchon Framework, you can make any type of network system with basic componenets
      * (IProtocol, IServer and ICommunicator) by implemens or inherits them, like designing
-     * classes of S/W architecture. </p>
+     * classes of S/W architecture.
      *
      * @see IProtocol
      * @author Jeongho Nam <http://samchon.org>
      */
     class Invoke extends EntityArray<InvokeParameter> {
         /**
-         * <p> Listener, represent function's name. </p>
+         * Listener, represent function's name.
          */
         private listener;
         /**
@@ -4301,13 +5033,13 @@ declare namespace samchon.protocol {
          */
         getListener(): string;
         /**
-         * <p> Get arguments for Function.apply(). </p>
+         * Get arguments for Function.apply().
          *
          * @return An array containing values of the contained parameters.
          */
         getArguments(): Array<any>;
         /**
-         * <p> Apply to a matched function. </p>
+         * Apply to a matched function.
          */
         apply(obj: IProtocol): boolean;
         /**
@@ -4328,17 +5060,17 @@ declare namespace samchon.protocol {
      */
     class InvokeParameter extends Entity {
         /**
-         * <p> Name of the parameter. </p>
+         * Name of the parameter.
          *
          * @details Optional property, can be omitted.
          */
         protected name: string;
         /**
-         * <p> Type of the parameter. </p>
+         * Type of the parameter.
          */
         protected type: string;
         /**
-         * <p> Value of the parameter. </p>
+         * Value of the parameter.
          */
         protected value: string | number | library.XML | Uint8Array;
         /**
@@ -4394,35 +5126,78 @@ declare namespace samchon.protocol {
     }
 }
 declare namespace samchon.protocol {
-    class InvokeHistory extends Entity {
+    /**
+     * History of an {@link Invoke} message.
+     *
+     * The {@link InvokeHistory} is a class archiving history log of an {@link Invoke} message with elapsed time. This
+     * {@link InvokeHistory} class is used to report elapsed time of handling a requested process from **slave** to
+     * **master** system.
+     *
+     * The **master** system utilizes derived {@link InvokeHistory} objects to compute performance indices.
+     * - {@link ParallelSytem.getPerformance}
+     * - {@link DistributedProcess.getResource}
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class InvokeHistory extends protocol.Entity {
         /**
-         *
+         * @hidden
          */
         private uid;
         /**
-         * @see {@link Invoke.listener}
+         * @hidden
          */
         private listener;
         /**
-         *
+         * @hidden
          */
         private start_time_;
         /**
-         *
+         * @hidden
          */
         private end_time_;
         /**
          * Default Constructor.
          */
         constructor();
-        constructor(invoke: Invoke);
+        /**
+         * Construct from an {@link Invoke} message.
+         *
+         * @param invoke An {@link Invoke} message requesting a *parallel or distributed process*.
+         */
+        constructor(invoke: protocol.Invoke);
+        /**
+         * @inheritdoc
+         */
         construct(xml: library.XML): void;
+        /**
+         * Complete the history.
+         *
+         * Completes the history and determines the {@link getEndTime end time}.
+         */
         complete(): void;
         key(): number;
+        /**
+         * Get unique ID.
+         */
         getUID(): number;
+        /**
+         * Get {@link Invoke.getListener listener} of the {@link Invoke} message.
+         */
         getListener(): string;
+        /**
+         * Get start time.
+         */
         getStartTime(): Date;
+        /**
+         * Get end time.
+         */
         getEndTime(): Date;
+        /**
+         * Compute elapsed time.
+         *
+         * @return nanoseconds.
+         */
         computeElapsedTime(): number;
         /**
          * @inheritdoc
@@ -4432,125 +5207,129 @@ declare namespace samchon.protocol {
          * @inheritdoc
          */
         toXML(): library.XML;
-        toInvoke(): Invoke;
+        /**
+         * Convert to an {@link Invoke} message.
+         *
+         * Creates and returns an {@link Invoke} message that is used to reporting to the **master**.
+         */
+        toInvoke(): protocol.Invoke;
     }
 }
 declare namespace samchon.protocol {
     /**
-     * <p> An interface for a physical server. </p>
+     * An interface for a server.
      *
-     * <p> {@link IServer} provides methods for opening a server. Extends one of them who are derived from this
-     * {@link IServer} and open the server with method {@link open IServer.open()}. Override
-     * {@link addClient IServer.addClient()} who accepts a newly connected client with {@link IClientDriver}.
-     * If you're embarrased because your class already extended another one, then use {@link IServerBase}. </p>
+     * {@link IServer} is an interfaec for server classes who are providing methods for {@link open opening a server} and
+     * {@link IClientDriver accepting clients}.
      *
-     * <ul>
-     *	<li> {@link Server} </li>
-     *	<li> {@link WebServer} </li>
-     *	<li> {@link SharedWorkerServer} </li>
-     * </ul>
+     * To open a server, extends one of derived class under below considedring which protocol to follow first. At next,
+     * overrides {@link addClient addClient()} method who accepts a newly connected client as an {@link IClientDriver}
+     * object. Then at last, call {@link open open()} method with specified port number.
      *
-     * <p> <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     * Protocol | Derived Type | Related {@link IClientDriver}
+     * ---------|--------------|-------------------------------
+     * Samchon Framework's own | {@link Server} | {@link ClientDriver}
+     * Web-socket protocol | {@link WebServer} | {@link WebClientDriver}
+     * SharedWorker | {@link SharedWorkerServer} | {@link SharedWorkerClientDriver}
+     *
+     * Below codes and classes will be good examples for comprehending how to open a server and handle remote clients.
+     * - https://github.com/samchon/framework/blob/master/ts/examples/calculator/calculator-server.ts
+     * - https://github.com/samchon/framework/blob/master/ts/examples/chat-server/server.ts
+     * - {@link service.Server}
+     * - {@link external.ExternalClientArray}
+     * - {@link slave.SlaveServer}
+     *
+     * If you're embarrased because your class already extended another one, then use {@link IServerBase}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
      *		  target="_blank">
      *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
      *		 style="max-width: 100%" />
-     * </a> </p>
+     * </a>
      *
-     * <h2> Basic Components </h2>
-     * <h4> What Basic Components are </h4>
-     * <p> <b>Basic Components</b> are the smallest unit of network communication in this <i>Samchon Framework</i>. With
-     * <b>Basic Components</b>, you can construct any type of network system, even how the network system is enormously
-     * scaled and complicated, by just combinating the <b>Basic Components</b>. </p>
-     *
-     * <p> All the system templates in this framework are also being implemented by utilization of the
-     * <b>Basic Compoonents</b>. </p>
-     *
-     * <ul>
-     *	<li> {@link service Service} </il>
-     *	<li> {@link external External System} </il>
-     *	<li> {@link parallel Parallel System} </il>
-     *	<li> {@link distributed Distributed System} </il>
-     * </ul>
-     *
-     * <p> Note that, whatever the network system what you've to construct is, just concentrate on role of each system
-     * and attach matched <b>Basic Components</b> to the role, within framework of the <b>Object-Oriented Design</b>.
-     * Then construction of the network system will be much easier. </p>
-     *
-     * <ul>
-     *	<li> A system is a server, then use {@link IServer} or {@link IServerBase}. </li>
-     *	<li> A server wants to handle a client has connected, then use {@link IClientDriver}. </li>
-     *	<li> A system is a client connecting to an external server, then use {@link IServerConnector}. </li>
-     *	<li> </li>
-     * </ul>
-     *
-     * <h4> Example - System Templates </h4>
-     * <p> Learning and understanding <i>Basic Components</i> of Samchon Framework, reading source codes and design of
-     * <b>System Templates</b>' modules will be very helpful. </p>
-     *
-     * <table>
-     *	<tr>
-     *		<th> Name </th>
-     *		<th> Source </th>
-     *		<th> API Documents </th>
-     *	</tr>
-     *	<tr>
-     *		<td> Cloud Service </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/service"
-     *				target="_blank"> protocol/service </a> </td>
-     *		<td> {@link protocol.service} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> External System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/external"
-     *				target="_blank"> protocol/external </a> </td>
-     *		<td> {@link protocol.external} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> Parallel System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/parallel"
-     *				target="_blank"> protocol/parallel </a> </td>
-     *		<td> {@link protocol.parallel} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> Distributed System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/distributed"
-     *				target="_blank"> protocol/distributed </a> </td>
-     *		<td> {@link protocol.distributed} </td>
-     *	</tr>
-     *	<tr>
-     *		<td> Slave System </td>
-     *		<td> <a href="https://github.com/samchon/framework/tree/master/ts/src/samchon/protocol/slave"
-     *				target="_blank"> protocol/slave </a> </td>
-     *		<td> {@link protocol.slave} </td>
-     *	</tr>
-     * </table>
-     *
-     * <h4> Example - Projects </h4>
-     * <ul>
-     *	<li>
-     *		<a href="https://github.com/samchon/framework/wiki/Examples-Calculator" target="_blank"> Calculator </a>
-     *	</li>
-     *	<li>
-     *		<a href="https://github.com/samchon/framework/wiki/Examples-Chatting" target="_blank"> Chatting </a>
-     *	</li>
-     *	<li>
-     *		<a href="https://github.com/samchon/framework/wiki/Examples-Interaction" target="_blank"> Interaction </a>
-     *	</li>
-     * </ul>
-     *
-     * @see {@link IClientDriver}
-     * @handbook <a href="https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserver"
-     *			 target="_blank"> Basic Components - IServer </a>
+     * @see {@link IClientDriver}, {@link IServerBase}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserver)
      * @author Jeongho Nam <http://samchon.org>
      */
     interface IServer {
+        /**
+         * Open server.
+         *
+         * @param port Port number to open.
+         */
         open(port: number): void;
+        /**
+         * Close server.
+         *
+         * Close opened server. All remote clients, have connected with this server, are also closed and their call back
+         * functions, for closed connection, {@link IClientDriver.onClose} are also called.
+         */
         close(): void;
-        addClient(clientDriver: IClientDriver): void;
+        /**
+         * Add a newly connected remote client.
+         *
+         * The {@link addClient addClient()} is an abstract method being called when a remote client is newly connected
+         * with {@link IClientDriver} object who communicates with the remote system. Overrides this method and defines
+         * what to do with the *driver*, a newly connected remote client.
+         *
+         * Below methods and example codes may be good for comprehending how to utilize this {@link addClient} method.
+         *
+         * - https://github.com/samchon/framework/blob/master/ts/examples/calculator/calculator-server.ts
+         * - https://github.com/samchon/framework/blob/master/ts/examples/chat-server/server.ts
+         * - {@link service.Server.addClient}
+         * - {@link external.ExternalClientArray.addClient}
+         * - {@link slave.SlaveServer.addClient}
+         *
+         * @param driver A {@link ICommunicator communicator} with (newly connected) remote client.
+         */
+        addClient(driver: IClientDriver): void;
     }
 }
 declare namespace samchon.protocol {
+    /**
+     * A server.
+     *
+     * The {@link Server} is an abstract class designed to open a server and accept clients who are following Samchon
+     * Framework's own protocol. Extends this {@link Server} class and overrides {@link addClient addClient()} method to
+     * define what to do with newly connected {@link ClientDriver remote clients}.
+     *
+     * #### [Inherited] {@link IServer}
+     * {@link IServer} is an interfaec for server classes who are providing methods for {@link open opening a server} and
+     * {@link IClientDriver accepting clients}.
+     *
+     * To open a server, extends one of derived class under below considedring which protocol to follow first. At next,
+     * overrides {@link addClient addClient()} method who accepts a newly connected client as an {@link IClientDriver}
+     * object. Then at last, call {@link open open()} method with specified port number.
+     *
+     * Protocol | Derived Type | Related {@link IClientDriver}
+     * ---------|--------------|-------------------------------
+     * Samchon Framework's own | {@link Server} | {@link ClientDriver}
+     * Web-socket protocol | {@link WebServer} | {@link WebClientDriver}
+     * SharedWorker | {@link SharedWorkerServer} | {@link SharedWorkerClientDriver}
+     *
+     * Below codes and classes will be good examples for comprehending how to open a server and handle remote clients.
+     * - https://github.com/samchon/framework/blob/master/ts/examples/calculator/calculator-server.ts
+     * - https://github.com/samchon/framework/blob/master/ts/examples/chat-server/server.ts
+     * - {@link service.Server}
+     * - {@link external.ExternalClientArray}
+     * - {@link slave.SlaveServer}
+     *
+     * If you're embarrased because your class already extended another one, then use {@link IServerBase}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link ClientDriver}, {@link ServerBase}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserver)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     abstract class Server implements IServer {
+        /**
+         * @hidden
+         */
         private server;
         /**
          * @inheritdoc
@@ -4564,17 +5343,60 @@ declare namespace samchon.protocol {
          * @inheritdoc
          */
         close(): void;
+        /**
+         * @hidden
+         */
         private handle_connect(socket);
     }
 }
 declare namespace samchon.protocol {
+    /**
+     * A web server.
+     *
+     * The {@link WebServer} is an abstract class designed to open a server and accept clients who are following
+     * web-socket protocol. Extends this {@link WebServer} class and overrides {@link addClient addClient()} method to
+     * define what to do with newly connected {@link WebClientDriver remote clients}.
+     *
+     * #### [Inherited] {@link IServer}
+     * {@link IServer} is an interfaec for server classes who are providing methods for {@link open opening a server} and
+     * {@link IClientDriver accepting clients}.
+     *
+     * To open a server, extends one of derived class under below considedring which protocol to follow first. At next,
+     * overrides {@link addClient addClient()} method who accepts a newly connected client as an {@link IClientDriver}
+     * object. Then at last, call {@link open open()} method with specified port number.
+     *
+     * Protocol | Derived Type | Related {@link IClientDriver}
+     * ---------|--------------|-------------------------------
+     * Samchon Framework's own | {@link Server} | {@link ClientDriver}
+     * Web-socket protocol | {@link WebServer} | {@link WebClientDriver}
+     * SharedWorker | {@link SharedWorkerServer} | {@link SharedWorkerClientDriver}
+     *
+     * Below codes and classes will be good examples for comprehending how to open a server and handle remote clients.
+     * - https://github.com/samchon/framework/blob/master/ts/examples/calculator/calculator-server.ts
+     * - https://github.com/samchon/framework/blob/master/ts/examples/chat-server/server.ts
+     * - {@link service.Server}
+     * - {@link external.ExternalClientArray}
+     * - {@link slave.SlaveServer}
+     *
+     * If you're embarrased because your class already extended another one, then use {@link IServerBase}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link WebClientDriver}, {@link WebServerBase}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserver)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     abstract class WebServer implements IServer {
         /**
-         * A server handler.
+         * @hidden
          */
         private http_server_;
         /**
-         * Sequence number for issuing session id.
+         * @hidden
          */
         private sequence_;
         /**
@@ -4598,31 +5420,70 @@ declare namespace samchon.protocol {
          */
         abstract addClient(driver: WebClientDriver): void;
         /**
-         * <p> Handle request from a client system. </p>
-         *
-         * <p> This method {@link handle_request} will be called when a client is connected. It will call an abstract
-         * method method {@link addClient addClient()} who handles an accepted client. If the newly connected client
-         * doesn't have its own session id, then a new session id will be issued. </p>
-         *
-         * @param request Requested header.
+         * @hidden
          */
         private handle_request(request);
         /**
-         * <p> Get session id from a newly connected. </p>
-         *
-         * <p> Queries ordinary session id from cookies of a newly connected client. If the client has not, a new
-         * session id will be issued. </p>
-         *
-         * @param cookies Cookies from the remote client.
+         * @hidden
          */
         private get_session_id(cookies);
         /**
-         * Issue a new session id.
+         * @hidden
          */
         private issue_session_id();
     }
 }
 declare namespace samchon.protocol {
+    /**
+     * A SharedWorker server.
+     *
+     * The {@link SharedWorker} is an abstract class is realized to open a SharedWorker server and accept web-browser
+     * clients. Extends this {@link SharedWorkerServer} class and overrides {@link addClient addClient()} method to
+     * define what to do with newly connected {@link ClientDriver remote clients}.
+     *
+     * #### Why SharedWorker be a server?
+     * SharedWorker, it allows only an instance (process) to be created whether the SharedWorker is declared in a browser
+     * or multiple browsers. To integrate them, messages are being sent and received. Doesn't it seem like a relationship
+     * between a server and clients? Thus, Samchon Framework consider the SharedWorker as a server and browsers as
+     * clients.
+     *
+     * The class {@link SharedWorkerCommunicator} is designed make such relationship. From now on, SharedWorker is a
+     * {@link SharedWorkerServer server} and {@link SharedWorkerServerConnector browsers} are clients. Integrate the
+     * server and clients with this {@link SharedWorkerCommunicator}.
+     *
+     * #### [Inherited] {@link IServer}
+     * {@link IServer} is an interfaec for server classes who are providing methods for {@link open opening a server} and
+     * {@link IClientDriver accepting clients}.
+     *
+     * To open a server, extends one of derived class under below considedring which protocol to follow first. At next,
+     * overrides {@link addClient addClient()} method who accepts a newly connected client as an {@link IClientDriver}
+     * object. Then at last, call {@link open open()} method with specified port number.
+     *
+     * Protocol | Derived Type | Related {@link IClientDriver}
+     * ---------|--------------|-------------------------------
+     * Samchon Framework's own | {@link Server} | {@link ClientDriver}
+     * Web-socket protocol | {@link WebServer} | {@link WebClientDriver}
+     * SharedWorker | {@link SharedWorkerServer} | {@link SharedWorkerClientDriver}
+     *
+     * Below codes and classes will be good examples for comprehending how to open a server and handle remote clients.
+     * - https://github.com/samchon/framework/blob/master/ts/examples/calculator/calculator-server.ts
+     * - https://github.com/samchon/framework/blob/master/ts/examples/chat-server/server.ts
+     * - {@link service.Server}
+     * - {@link external.ExternalClientArray}
+     * - {@link slave.SlaveServer}
+     *
+     * If you're embarrased because your class already extended another one, then use {@link IServerBase}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link SharedWorkerClientDriver}, {@link SharedWorkerServerBase}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserver)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     abstract class SharedWorkerServer implements IServer {
         /**
          * @inheritdoc
@@ -4636,57 +5497,56 @@ declare namespace samchon.protocol {
          * @inheritdoc
          */
         close(): void;
+        /**
+         * @hidden
+         */
         private handle_connect(event);
     }
 }
 declare namespace samchon.protocol {
     /**
-     * <p> An interface for substitute server classes. </p>
+     * An interface for substitute server classes.
      *
-     * <p> {@link IServerBase} is an interface for substitue server classes who subrogate server's role. </p>
+     * {@link IServerBase} is an interface for substitue server classes who subrogate server's role.
      *
-     * <p> The easiest way to defining a server class is to extending one of them, who are derived from the
-     * {@link IServer}. </p>
+     * The easiest way to defining a server class is to extending one of them below, who implemented the {@link IServer}.
+     * However, it is impossible (that is, if the class is already extending another class), you can instead implement
+     * the {@link IServer} interface, create an {@link IServerBase} member, and write simple hooks to route calls into
+     * the aggregated {@link IServerBase}.
      *
-     * <ul>
-     *	<li> {@link Server} </li>
-     *	<li> {@link WebServer} </li>
-     *	<li> {@link SharedWorkerServer} </li>
-     * </ul>
+     * Protocol | {@link IServer} | {@link IServerBase} | {@link IClientDriver}
+     * ---------|-----------------|---------------------|-----------------------
+     * Samchon Framework's own | {@link Server} | {@link ServerBase} | {@link ClientDriver}
+     * Web-socket protocol | {@link WebServer} | {@link WebServerBase} | {@link WebClientDriver}
+     * SharedWorker | {@link SharedWorkerServer} | {@link SharedWorkerServerBase} | {@link SharedWorkerClientDriver}
      *
-     * <p> However, it is impossible (that is, if the class is already extending another class), you can instead implement
-     * the {@link IServer} interface, create an {@link IServerBase} member, and write simple hooks to route calls into the
-     * aggregated {@link IServerBase}. </p>
+     * After the hooking to aggregated {@link IServerBase} object, overrides {@link addClient addClient()} method who
+     * accepts a newly connected client as an {@link IClientDriver} object. At last, call {@link open open()} method with
+     * specified port number.
      *
-     * <p> {@link ExternalClientArray} can be a good example using this {@link IServerBase}. </p>
-     * <ul>
-     *	<li> https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/external/ExternalClientArray.ts </li>
-     * </ul>
+     * ```typescript
+     * class MyServer extends Something implements IServer
+     * {
+     * 	private server_base_: IServerBase = new WebServerBase(this);
      *
-     * <code>
-    class MyServer extends Something implements IServer
-    {
-        private server_base: IServerBase = new WebServerBase(this);
-    
-        public addClient(driver: IClientDriver): void
-        {
-            // WHAT TO DO WHEN A CLIENT HAS CONNECTED
-        }
-    
-        public open(port: number): void
-        {
-            this.server_base.open();
-        }
-        public close(): void
-        {
-            this.server_base.close();
-        }
-    }
-     * </code>
+     * 	public addClient(driver: IClientDriver): void
+     * 	{
+     * 		// WHAT TO DO WHEN A CLIENT HAS CONNECTED
+     * 	}
      *
-     * @see {@link IServer}
-     * @handbook <a href="https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserverbase"
-     *			 target="_blank"> Basic Components - IServerBase </a>
+     * 	public open(port: number): void
+     * 	{
+     * 		this.server_base_.open();
+     * 	}
+     * 	public close(): void
+     * 	{
+     * 		this.server_base_.close();
+     * 	}
+     * }
+     * ```
+     *
+     * @see {@link IServer}, {@link IClientDriver}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserverbase)
      * @author Jeongho Nam <http://samchon.org>
      */
     interface IServerBase extends IServer {
@@ -4694,172 +5554,257 @@ declare namespace samchon.protocol {
 }
 declare namespace samchon.protocol {
     /**
-     * <p> A substitute {@link Server}. </p>
+     * A substitute {@link Server}.
      *
-     * <p> {@link ServerBase} is a substitute class who subrogates {@link Server}'s responsibility. </p>
+     * The {@link ServerBase} is a substitute class who subrogates {@link Server}'s responsibility.
      *
-     * <p> The easiest way to defning a server class following normal protocol of Samchon Framework is to extending
-     * {@link Server}. However, it is impossible (that is, if the class is already extending another class), you can
-     * instead implement the {@link IServer} interface, create a {@link ServerBase} member, and write simple hooks
-     * to route calls into the aggregated {@link ServerBase}. </p>
+     * #### [Inherited] {@link IServerBase}
+     * {@link IServerBase} is an interface for substitue server classes who subrogate server's role.
      *
-     * <p> {@link ExternalClientArray} can be a good example using this {@link IServerBase}. </p>
-     * <ul>
-     *	<li> https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/external/ExternalClientArray.ts </li>
-     * </ul>
+     * The easiest way to defining a server class is to extending one of them below, who implemented the {@link IServer}.
+     * However, it is impossible (that is, if the class is already extending another class), you can instead implement
+     * the {@link IServer} interface, create an {@link IServerBase} member, and write simple hooks to route calls into
+     * the aggregated {@link IServerBase}.
      *
-     * <code>
-    class MyServer extends Something implements IServer
-    {
-        private server_base: ServerBase = new ServerBase(this);
-
-        public addClient(driver: ClientDriver): void
-        {
-            // WHAT TO DO WHEN A CLIENT HAS CONNECTED
-        }
-
-        public open(port: number): void
-        {
-            this.server_base.open();
-        }
-        public close(): void
-        {
-            this.server_base.close();
-        }
-    }
-     * </code>
+     * Protocol | {@link IServer} | {@link IServerBase} | {@link IClientDriver}
+     * ---------|-----------------|---------------------|-----------------------
+     * Samchon Framework's own | {@link Server} | {@link ServerBase} | {@link ClientDriver}
+     * Web-socket protocol | {@link WebServer} | {@link WebServerBase} | {@link WebClientDriver}
+     * SharedWorker | {@link SharedWorkerServer} | {@link SharedWorkerServerBase} | {@link SharedWorkerClientDriver}
      *
+     * After the hooking to aggregated {@link IServerBase} object, overrides {@link addClient addClient()} method who
+     * accepts a newly connected client as an {@link IClientDriver} object. At last, call {@link open open()} method with
+     * specified port number.
+     *
+     * ```typescript
+     * class MyServer extends Something implements IServer
+     * {
+     * 	private server_base_: IServerBase = new WebServerBase(this);
+     *
+     * 	public addClient(driver: IClientDriver): void
+     * 	{
+     * 		// WHAT TO DO WHEN A CLIENT HAS CONNECTED
+     * 	}
+     *
+     * 	public open(port: number): void
+     * 	{
+     * 		this.server_base_.open();
+     * 	}
+     * 	public close(): void
+     * 	{
+     * 		this.server_base_.close();
+     * 	}
+     * }
+     * ```
+     *
+     * @see {@link Server}, {@link ClientDriver}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserverbase)
      * @author Jeongho Nam <http://samchon.org>
      */
     class ServerBase extends Server implements IServerBase {
-        private target_;
-        constructor(target: IServer);
+        /**
+         * @hidden
+         */
+        private hooker_;
+        /**
+         * Construct from a *hooker*.
+         *
+         * @param hooker A hooker throwing responsibility of server's role.
+         */
+        constructor(hooker: IServer);
+        /**
+         * @inheritdoc
+         */
         addClient(driver: IClientDriver): void;
     }
 }
 declare namespace samchon.protocol {
     /**
-     * <p> A substitute {@link WebServer}. </p>
+     * A substitute {@link WebServer}.
      *
-     * <p> {@link WebServerBase} is a substitute class who subrogates {@link WebServer}'s responsibility. </p>
+     * The {@link WebServerBase} is a substitute class who subrogates {@link WebServer}'s responsibility.
      *
-     * <p> The easiest way to defning a server class following normal protocol of Samchon Framework is to extending
-     * {@link WebServer}. However, it is impossible (that is, if the class is already extending another class), you can
-     * instead implement the {@link IServer} interface, create a {@link WebServerBase} member, and write simple hooks to
-     * route calls into the aggregated {@link WebServerBase}. </p>
+     * {@link IServerBase} is an interface for substitue server classes who subrogate server's role.
      *
-     * <p> {@link ExternalClientArray} can be a good example using this {@link IServerBase}. </p>
-     * <ul>
-     *	<li> https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/external/ExternalClientArray.ts </li>
-     * </ul>
+     * The easiest way to defining a server class is to extending one of them below, who implemented the {@link IServer}.
+     * However, it is impossible (that is, if the class is already extending another class), you can instead implement
+     * the {@link IServer} interface, create an {@link IServerBase} member, and write simple hooks to route calls into
+     * the aggregated {@link IServerBase}.
      *
-     * <code>
-    class MyServer extends Something implements IServer
-    {
-        private server_base: WebServerBase = new WebServerBase(this);
-
-        public addClient(driver: WebClientDriver): void
-        {
-            // WHAT TO DO WHEN A CLIENT HAS CONNECTED
-        }
-
-        public open(port: number): void
-        {
-            this.server_base.open();
-        }
-        public close(): void
-        {
-            this.server_base.close();
-        }
-    }
-     * </code>
+     * Protocol | {@link IServer} | {@link IServerBase} | {@link IClientDriver}
+     * ---------|-----------------|---------------------|-----------------------
+     * Samchon Framework's own | {@link Server} | {@link ServerBase} | {@link ClientDriver}
+     * Web-socket protocol | {@link WebServer} | {@link WebServerBase} | {@link WebClientDriver}
+     * SharedWorker | {@link SharedWorkerServer} | {@link SharedWorkerServerBase} | {@link SharedWorkerClientDriver}
      *
+     * After the hooking to aggregated {@link IServerBase} object, overrides {@link addClient addClient()} method who
+     * accepts a newly connected client as an {@link IClientDriver} object. At last, call {@link open open()} method with
+     * specified port number.
+     *
+     * ```typescript
+     * class MyServer extends Something implements IServer
+     * {
+     * 	private server_base_: IServerBase = new WebServerBase(this);
+     *
+     * 	public addClient(driver: IClientDriver): void
+     * 	{
+     * 		// WHAT TO DO WHEN A CLIENT HAS CONNECTED
+     * 	}
+     *
+     * 	public open(port: number): void
+     * 	{
+     * 		this.server_base_.open();
+     * 	}
+     * 	public close(): void
+     * 	{
+     * 		this.server_base_.close();
+     * 	}
+     * }
+     * ```
+     *
+     * @see {@link WebServer}, {@link WebClientDriver}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserverbase)
      * @author Jeongho Nam <http://samchon.org>
      */
     class WebServerBase extends WebServer implements IServerBase {
-        private target_;
-        constructor(target: IServer);
+        /**
+         * @hidden
+         */
+        private hooker_;
+        /**
+         * Construct from a *hooker*.
+         *
+         * @param hooker A hooker throwing responsibility of server's role.
+         */
+        constructor(hooker: IServer);
+        /**
+         * @inheritdoc
+         */
         addClient(driver: IClientDriver): void;
     }
 }
 declare namespace samchon.protocol {
     /**
-     * <p> A substitute {@link SharedWorkerServer}. </p>
+     * A substitute {@link SharedWorkerServer}.
      *
-     * <p> {@link SharedWorkerServerBase} is a substitute class who subrogates {@link SharedWorkerServer}'s
-     * responsibility. </p>
+     * The {@link SharedWorkerServerBase} is a substitute class who subrogates {@link SharedWorkerServer}'s
+     * responsibility.
      *
-     * <p> The easiest way to defning a server class following normal protocol of Samchon Framework is to extending
-     * {@link SharedWorkerServer}. However, it is impossible (that is, if the class is already extending another class),
-     * you can instead implement the {@link IServer} interface, create a {@link SharedWorkerServerBase} member, and write
-     * simple hooks to route calls into the aggregated {@link SharedWorkerServerBase}. </p>
+     * {@link IServerBase} is an interface for substitue server classes who subrogate server's role.
      *
-     * <p> {@link ExternalClientArray} can be a good example using this {@link IServerBase}. </p>
-     * <ul>
-     *	<li> https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/external/ExternalClientArray.ts </li>
-     * </ul>
+     * The easiest way to defining a server class is to extending one of them below, who implemented the {@link IServer}.
+     * However, it is impossible (that is, if the class is already extending another class), you can instead implement
+     * the {@link IServer} interface, create an {@link IServerBase} member, and write simple hooks to route calls into
+     * the aggregated {@link IServerBase}.
      *
-     * <code>
-    class MyServer extends Something implements IServer
-    {
-        private server_base: SharedWorkerServerBase = new SharedWorkerServerBase(this);
-
-        public addClient(driver: SharedWorkerClientDriver): void
-        {
-            // WHAT TO DO WHEN A CLIENT HAS CONNECTED
-        }
-
-        public open(port: number): void
-        {
-            this.server_base.open();
-        }
-        public close(): void
-        {
-            this.server_base.close();
-        }
-    }
-     * </code>
+     * Protocol | {@link IServer} | {@link IServerBase} | {@link IClientDriver}
+     * ---------|-----------------|---------------------|-----------------------
+     * Samchon Framework's own | {@link Server} | {@link ServerBase} | {@link ClientDriver}
+     * Web-socket protocol | {@link WebServer} | {@link WebServerBase} | {@link WebClientDriver}
+     * SharedWorker | {@link SharedWorkerServer} | {@link SharedWorkerServerBase} | {@link SharedWorkerClientDriver}
      *
+     * After the hooking to aggregated {@link IServerBase} object, overrides {@link addClient addClient()} method who
+     * accepts a newly connected client as an {@link IClientDriver} object. At last, call {@link open open()} method with
+     * specified port number.
+     *
+     * ```typescript
+     * class MyServer extends Something implements IServer
+     * {
+     * 	private server_base_: IServerBase = new WebServerBase(this);
+     *
+     * 	public addClient(driver: IClientDriver): void
+     * 	{
+     * 		// WHAT TO DO WHEN A CLIENT HAS CONNECTED
+     * 	}
+     *
+     * 	public open(port: number): void
+     * 	{
+     * 		this.server_base_.open();
+     * 	}
+     * 	public close(): void
+     * 	{
+     * 		this.server_base_.close();
+     * 	}
+     * }
+     * ```
+     *
+     * @see {@link SharedWorkerServer}, {@link SharedWorkerClientDriver}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserverbase)
      * @author Jeongho Nam <http://samchon.org>
      */
     class SharedWorkerServerBase extends SharedWorkerServer implements IServerBase {
-        private target_;
-        constructor(target: IServer);
+        /**
+         * @hidden
+         */
+        private hooker_;
+        /**
+         * Construct from a *hooker*.
+         *
+         * @param hooker A hooker throwing responsibility of server's role.
+         */
+        constructor(hooker: IServer);
+        /**
+         * @inheritdoc
+         */
         addClient(driver: IClientDriver): void;
     }
 }
 declare namespace samchon.protocol {
     /**
-     * <p> An interface for server connector. </p>
+     * An interface for server connector.
      *
-     * <p> {@link IServerConnector} is an interface for server connector classes who ca connect to an external server
-     * as a client. </p>
+     * {@link IServerConnector} is a type of {@link ICommunicator}, specified for server connector classes who connect to
+     * the remote server as a client. {@link IServerConnector} provides {@link connect connection method} and takes full
+     * charge of network communication with the remote server.
      *
-     * <p> Of course, {@link IServerConnector} is extended from the {@link ICommunicator}, thus, it also takes full
-     * charge of network communication and delivers replied message to {@link WebCommunicator.listener listener}'s
-     * {@link IProtocol.replyData replyData()} method. </p>
+     * Declare specific type of {@link IServerConnector} from {@link IProtocol listener} and call the
+     * {@link connect connect()} method. Then whenever a replied message comes from the remote system, the message will
+     * be converted to an {@link Invoke} object and the {@link Invoke} object will be shifted to the
+     * {@link IProtocol listener}'s {@link IProtocol.replyData IProtocol.replyData()} method. Below code is an example
+     * connecting to remote server and interacting with it.
      *
-     * @handbook <a href="https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserverconnector"
-     *			 target="_blank"> Basic Components - IServerConnector </a>
+     * - https://github.com/samchon/framework/blob/master/ts/examples/calculator/calculator-application.ts
+     *
+     * Note that, protocol of this client and remote server must be matched. Thus, before determining specific type of
+     * this {@link IServerConnector}, you've to consider which protocol and type the remote server follows.
+     *
+     * Protocol | Derived Type | Connect to
+     * ---------|--------------|---------------
+     * Samchon Framework's own | {@link ServerConnector} | {@link Server}
+     * Web-socket protocol | {@link WebServerConnector} | {@link WebServer}
+     * SharedWorker | {@link SharedWorkerServerConnector} | {@link SharedWorkerServer}
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link IServer}, {@link IProtocol}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserverconnector)
      * @author Jeongho Nam <http://samchon.org>
      */
     interface IServerConnector extends ICommunicator {
         /**
          * Callback function for connection completed.
+         *
+         * When you call {@link connect connect()} and the connection has completed, then this call back function
+         * {@link onConnect} will be called. Note that, if the listener of this {@link onConnect} is a member method of
+         * some class, then you've use the ```bind```.
          */
         onConnect: Function;
         /**
-         * <p> Connect to a server. </p>
+         * Connect to a server.
          *
-         * <p> Connects to a server with specified <i>host</i> address and <i>port</i> number. After the connection has
+         * Connects to a server with specified *host* address and *port* number. After the connection has
          * succeeded, callback function {@link onConnect} is called. Listening data from the connected server also begins.
          * Replied messages from the connected server will be converted to {@link Invoke} classes and will be shifted to
-         * the {@link WebCommunicator.listener listener}'s {@link IProtocol.replyData replyData()} method. </p>
+         * the {@link WebCommunicator.listener listener}'s {@link IProtocol.replyData replyData()} method.
          *
-         * <p> If the connection fails immediately, either an event is dispatched or an exception is thrown: an error
+         * If the connection fails immediately, either an event is dispatched or an exception is thrown: an error
          * event is dispatched if a host was specified, and an exception is thrown if no host was specified. Otherwise,
          * the status of the connection is reported by an event. If the socket is already connected, the existing
-         * connection is closed first. </p>
+         * connection is closed first.
          *
          * @param ip The name or IP address of the host to connect to.
          *			 If no host is specified, the host that is contacted is the host where the calling file resides.
@@ -4871,45 +5816,140 @@ declare namespace samchon.protocol {
     }
 }
 declare namespace samchon.protocol {
+    /**
+     * Server connnector.
+     *
+     * {@link ServerConnector} is a class connecting to remote server who follows Samchon Framework's own protocol and
+     * taking full charge of network communication with the remote server. Create a {@link ServerConnector} instance from
+     * the {@IProtocol listener} and call the {@link connect connect()} method.
+     *
+     * #### [Inherited] {@link IServerConnector}
+     * {@link IServerConnector} is a type of {@link ICommunicator}, specified for server connector classes who connect to
+     * the remote server as a client. {@link IServerConnector} provides {@link connect connection method} and takes full
+     * charge of network communication with the remote server.
+     *
+     * Declare specific type of {@link IServerConnector} from {@link IProtocol listener} and call the
+     * {@link connect connect()} method. Then whenever a replied message comes from the remote system, the message will
+     * be converted to an {@link Invoke} object and the {@link Invoke} object will be shifted to the
+     * {@link IProtocol listener}'s {@link IProtocol.replyData IProtocol.replyData()} method.
+     *
+     * Note that, protocol of this client and remote server must be matched. Thus, before determining specific type of
+     * this {@link IServerConnector}, you've to consider which protocol and type the remote server follows.
+     *
+     * Protocol | Derived Type | Connect to
+     * ---------|--------------|---------------
+     * Samchon Framework's own | {@link ServerConnector} | {@link Server}
+     * Web-socket protocol | {@link WebServerConnector} | {@link WebServer}
+     * SharedWorker | {@link SharedWorkerServerConnector} | {@link SharedWorkerServer}
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link Server}, {@link IProtocol}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserverconnector)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     class ServerConnector extends Communicator implements IServerConnector {
         /**
          * @inheritdoc
          */
         onConnect: Function;
+        /**
+         * Construct from *listener*.
+         *
+         * @param listener A listener object to listen replied message from newly connected client in
+         *				   {@link IProtocol.replyData replyData()} as an {@link Invoke} object.
+         */
         constructor(listener: IProtocol);
         /**
          * @inheritdoc
          */
         connect(ip: string, port: number): void;
+        /**
+         * @hidden
+         */
         private handle_connect(...arg);
     }
 }
 declare namespace samchon.protocol {
     /**
-     * <p> A server connector for web-socket protocol. </p>
+     * A server connector for web-socket protocol.
      *
+     * {@link WebServerConnector} is a class connecting to remote server who follows Web-socket protocol and taking full
+     * charge of network communication with the remote server. Create an {@link WebServerConnector} instance from the
+     * {@IProtocol listener} and call the {@link connect connect()} method.
+     *
+     * #### [Inherited] {@link IServerConnector}
+     * {@link IServerConnector} is a type of {@link ICommunicator}, specified for server connector classes who connect to
+     * the remote server as a client. {@link IServerConnector} provides {@link connect connection method} and takes full
+     * charge of network communication with the remote server.
+     *
+     * Declare specific type of {@link IServerConnector} from {@link IProtocol listener} and call the
+     * {@link connect connect()} method. Then whenever a replied message comes from the remote system, the message will
+     * be converted to an {@link Invoke} class and the {@link Invoke} object will be shifted to the
+     * {@link IProtocol listener}'s {@link IProtocol.replyData IProtocol.replyData()} method.
+     *
+     * Note that, protocol of this client and remote server must be matched. Thus, before determining specific type of
+     * this {@link IServerConnector}, you've to consider which protocol and type the remote server follows.
+     *
+     * Protocol | Derived Type | Connect to
+     * ---------|--------------|---------------
+     * Samchon Framework's own | {@link ServerConnector} | {@link Server}
+     * Web-socket protocol | {@link WebServerConnector} | {@link WebServer}
+     * SharedWorker | {@link SharedWorkerServerConnector} | {@link SharedWorkerServer}
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link WebServer}, {@link IProtocol}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserverconnector)
      * @author Jeongho Nam <http://samchon.org>
      */
     class WebServerConnector extends WebCommunicator implements IServerConnector {
         /**
-         * <p> A socket for network I/O. </p>
-         *
-         * <p> Note that, {@link socket} is only used in web-browser environment. </p>
+         * @hidden
          */
         private browser_socket_;
         /**
-         * <p> A driver for server connection. </p>
-         *
-         * <p> Note that, {@link node_client} is only used in NodeJS environment. </p>
+         * @hidden
          */
         private node_client_;
         /**
          * @inheritdoc
          */
         onConnect: Function;
+        /**
+         * Construct from *listener*.
+         *
+         * @param listener A listener object to listen replied message from newly connected client in
+         *				   {@link IProtocol.replyData replyData()} as an {@link Invoke} object.
+         */
         constructor(listener: IProtocol);
         /**
-         * @inheritdoc
+         * Connect to a web server.
+         *
+         * Connects to a server with specified *host* address, *port* number and *path*. After the connection has
+         * succeeded, callback function {@link onConnect} is called. Listening data from the connected server also begins.
+         * Replied messages from the connected server will be converted to {@link Invoke} classes and will be shifted to
+         * the {@link WebCommunicator.listener listener}'s {@link IProtocol.replyData replyData()} method.
+         *
+         * If the connection fails immediately, either an event is dispatched or an exception is thrown: an error
+         * event is dispatched if a host was specified, and an exception is thrown if no host was specified. Otherwise,
+         * the status of the connection is reported by an event. If the socket is already connected, the existing
+         * connection is closed first.
+         *
+         * @param ip The name or IP address of the host to connect to.
+         *			 If no host is specified, the host that is contacted is the host where the calling file resides.
+         *			 If you do not specify a host, use an event listener to determine whether the connection was
+         *			 successful.
+         * @param port The port number to connect to.
+         * @param path Path of service which you want.
          */
         connect(ip: string, port: number, path?: string): void;
         /**
@@ -4920,18 +5960,96 @@ declare namespace samchon.protocol {
          * @inheritdoc
          */
         sendData(invoke: Invoke): void;
+        /**
+         * @hidden
+         */
         private handle_browser_connect(event);
+        /**
+         * @hidden
+         */
         private handle_browser_message(event);
+        /**
+         * @hidden
+         */
         private handle_node_connect(connection);
     }
 }
 declare namespace samchon.protocol {
+    /**
+     * A server connector for SharedWorker.
+     *
+     * {@link SharedWorkerServerConnector} is a class connecting to SharedWorker and taking full charge of network
+     * communication with the SharedWorker. Create an {@link SharedWorkerServerConnector} instance from the
+     * {@IProtocol listener} and call the {@link connect connect()} method.
+     *
+     * #### Why SharedWorker be a server?
+     * SharedWorker, it allows only an instance (process) to be created whether the SharedWorker is declared in a browser
+     * or multiple browsers. To integrate them, messages are being sent and received. Doesn't it seem like a relationship
+     * between a server and clients? Thus, Samchon Framework consider the SharedWorker as a server and browsers as
+     * clients.
+     *
+     * The class {@link SharedWorkerCommunicator} is designed make such relationship. From now on, SharedWorker is a
+     * {@link SharedWorkerServer server} and {@link SharedWorkerServerConnector browsers} are clients. Integrate the
+     * server and clients with this {@link SharedWorkerCommunicator}.
+     *
+     * #### [Inherited] {@link IServerConnector}
+     * {@link IServerConnector} is a type of {@link ICommunicator}, specified for server connector classes who connect to
+     * the remote server as a client. {@link IServerConnector} provides {@link connect connection method} and takes full
+     * charge of network communication with the remote server.
+     *
+     * Declare specific type of {@link IServerConnector} from {@link IProtocol listener} and call the
+     * {@link connect connect()} method. Then whenever a replied message comes from the remote system, the message will
+     * be converted to an {@link Invoke} class and the {@link Invoke} object will be shifted to the
+     * {@link IProtocol listener}'s {@link IProtocol.replyData IProtocol.replyData()} method.
+     *
+     * Note that, protocol of this client and remote server must be matched. Thus, before determining specific type of
+     * this {@link IServerConnector}, you've to consider which protocol and type the remote server follows.
+     *
+     * Protocol | Derived Type | Connect to
+     * ---------|--------------|---------------
+     * Samchon Framework's own | {@link ServerConnector} | {@link Server}
+     * Web-socket protocol | {@link WebServerConnector} | {@link WebServer}
+     * SharedWorker | {@link SharedWorkerServerConnector} | {@link SharedWorkerServer}
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_basic_components.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @see {@link SharedWorkerServer}, {@link IProtocol}
+     * @handbook [Protocol - Basic Components](https://github.com/samchon/framework/wiki/TypeScript-Protocol-Basic_Components#iserverconnector)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     class SharedWorkerServerConnector extends SharedWorkerCommunicator implements IServerConnector {
         /**
          * @inheritdoc
          */
         onConnect: Function;
+        /**
+         * Construct from *listener*.
+         *
+         * @param listener A listener object to listen replied message from newly connected client in
+         *				   {@link IProtocol.replyData replyData()} as an {@link Invoke} object.
+         */
         constructor(listener: IProtocol);
+        /**
+         * Connect to a SharedWorker.
+         *
+         * Connects to a server with specified *jstFile* path. If a SharedWorker instance of the *jsFile* is not
+         * constructed yet, then the SharedWorker will be newly constructed. Otherwise the SharedWorker already exists,
+         * then connect to the SharedWorker. After those processes, callback function {@link onConnect} is called.
+         * Listening data from the connected server also begins. Replied messages from the connected server will be
+         * converted to {@link Invoke} classes and will be shifted to the {@link WebCommunicator.listener listener}'s
+         * {@link IProtocol.replyData replyData()} method.
+         *
+         * If the connection fails immediately, either an event is dispatched or an exception is thrown: an error
+         * event is dispatched if a host was specified, and an exception is thrown if no host was specified. Otherwise,
+         * the status of the connection is reported by an event. If the socket is already connected, the existing
+         * connection is closed first.
+         *
+         * @param jsFile Path of JavaScript file to execute who defines SharedWorker.
+         */
         connect(jsFile: string): void;
     }
 }
@@ -4955,57 +6073,130 @@ declare namespace samchon.protocol {
         type client = any;
     }
 }
-declare namespace samchon.protocol.distributed {
-    class DSInvokeHistory extends InvokeHistory {
+declare namespace samchon.templates.distributed {
+    /**
+     * History of an {@link Invoke} message.
+     *
+     * The {@link PRInvokeHistory} is a class archiving history log of an {@link Invoke} message which requests the
+     * *distributed process*, created whenever {@link DistributedProcess.sendData} is called.
+     *
+     * When the *distributed process* has completed, then {@link complete complete()} is called and the *elapsed time* is
+     * determined. The elapsed time is utilized for computation of {@link DistributedSystem.getPerformance performance index}
+     * and {@link DistributedProcess.getResource resource index} of related objects.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class DSInvokeHistory extends protocol.InvokeHistory {
+        /**
+         * @hidden
+         */
         private system_;
-        private role_;
+        /**
+         * @hidden
+         */
+        private process_;
         /**
          * Construct from a DistributedSystem.
          *
-         * @param system
+         * @param system The {@link DistributedSystem} object who sent the {@link Invoke} message.
          */
         constructor(system: DistributedSystem);
         /**
          * Initilizer Constructor.
          *
-         * @param system
-         * @param role
-         * @param invoke
+         * @param system The {@link DistributedSystem} object who sent the {@link Invoke} message.
+         * @param process The {@link DistributedProcess} object who sent the {@link Invoke} message.
+         * @param invoke An {@link Invoke} message requesting the *distributed process*.
          */
-        constructor(system: DistributedSystem, role: DistributedSystemRole, invoke: Invoke);
+        constructor(system: DistributedSystem, process: DistributedProcess, invoke: protocol.Invoke);
         /**
          * @inheritdoc
          */
         construct(xml: library.XML): void;
+        /**
+         * Get the related {@link DistributedSystem} object.
+         */
         getSystem(): DistributedSystem;
-        getRole(): DistributedSystemRole;
+        /**
+         * Get the related {@link DistributedProcess} object.
+         */
+        getProcess(): DistributedProcess;
         /**
          * @inheritdoc
          */
         toXML(): library.XML;
     }
 }
-declare namespace samchon.protocol.external {
+declare namespace samchon.templates.distributed {
     /**
-     * <p> A role of an external system. </p>
+     * Master of Distributed Processing System, a server accepting slave clients.
      *
-     * <p> The {@link ExternalSystemRole} class represents a role, <i>what to do</i> in an {@link ExternalSystem}.
-     * Extends this class and writes some methods related to the role. </p>
+     * The {@link DistributedClientArray} is an abstract class, derived from the {@link DistributedSystemArray} class,
+     * opening a server accepting {@link DistributedSystem distributed clients}.
      *
-     * <p> <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
+     * Extends this {@link DistributedClientArray}, overrides {@link createServerBase createServerBase()} to determine
+     * which protocol to follow and {@link createExternalClient createExternalClient()} creating child
+     * {@link DistributedSystem} object. After the extending and overridings, open this server using the
+     * {@liok open open()} method.
+     *
+     * #### [Inherited] {@link DistributedSystemArray}
+     * The {@link DistributedSystemArray} is an abstract class containing and managing remote distributed **slave** system
+     * drivers, {@link DistributedSystem} objects. Within framework of network, {@link DistributedSystemArray} represents
+     * your system, a **Master** of *Distributed Processing System* that requesting *distributed process* to **slave**
+     * systems and the children {@link DistributedSystem} objects represent the remote **slave** systems, who is being
+     * requested the *distributed processes*.
+     *
+     * The {@link DistributedSystemArray} contains {@link DistributedProcess} objects directly. You can request a
+     * **distributed process** through the {@link DistributedProcess} object. You can access the
+     * {@link DistributedProcess} object(s) with those methods:
+     *
+     * - {@link hasRole}
+     * - {@link getRole}
+     * - {@link insertRole}
+     * - {@link eraseRole}
+     * - {@link getRoleMap}
+     *
+     * When you need the **distributed process**, call the {@link DistributedProcess.sendData} method. Then the
+     * {@link DistributedProcess} will find the most idle {@link DistributedSystem} object who represents a distributed
+     * **slave **system. The {@link Invoke} message will be sent to the most idle {@link DistributedSystem} object. When
+     * the **distributed process** has completed, then {@link DistributedSystem.getPerformance performance index} and
+     * {@link DistributedProcess.getResource resource index} of related objects will be revaluated.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
      *		  target="_blank">
-     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
      *		 style="max-width: 100%" />
-     * </a> </p>
+     * </a>
      *
-     * <h4> Proxy Pattern </h4>
-     * <p> The {@link ExternalSystemRole} class can be an <i>logical proxy</i>. In framework within user, which
+     * #### Parallel Process
+     * This {@link DistributedSystemArray} class is derived from the {@link ParallelSystemArray} class, so you can request
+     * a **parallel process**, too.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices will
+     * be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * #### Proxy Pattern
+     * This class {@link DistributedSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link DistributedSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
      * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
-     * important. Only interested in user's perspective is <i>which can be done</i>. </p>
+     * important. Only interested in user's perspective is *which can be done*.
      *
-     * <p> By using the <i>logical proxy</i>, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
      * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
-     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}. </p>
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
      *
      * <ul>
      *	<li>
@@ -5017,20 +6208,1977 @@ declare namespace samchon.protocol.external {
      *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
      *		external system.
      *	</li>
-     *	<li> Those strategy is called <i>Proxy Pattern</i>. </li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
      * </ul>
      *
+     * @handbook [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
      * @author Jeongho Nam <http://samchon.org>
      */
-    abstract class ExternalSystemRole extends Entity implements IProtocol {
+    abstract class DistributedClientArray extends DistributedSystemArray implements external.IExternalClientArray {
         /**
-         * An {@link ExternalSystem external system} containing this {@link ExternalSystemRole role}.
+         * @hidden
+         */
+        private server_base_;
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * Factory method creating {@link IServerBase} object.
+         *
+         * This method {@link createServerBase createServerBase()} determines which protocol is used in this server,
+         * {@link ExternalClientArray}. If the protocol is determined, then {@link ExternalSystem external clients} who
+         * may connect to {@link ExternalClientArray this server} must follow the specified protocol.
+         *
+         * Overrides the {@link createServerBase createServerBase()} method to create and return one of them:
+         *
+         * - {@link ServerBase}
+         * - {@link WebServerBase}
+         * - {@link SharedWorkerServerBase}
+         *
+         * @return A new {@link IServerBase} object.
+         */
+        protected abstract createServerBase(): protocol.IServerBase;
+        /**
+         * Add a newly connected remote client.
+         *
+         * When a {@link IClientDriver remote client} connects to this *master server of parallel processing system*,
+         * then this {@link ParallelClientArray} creates a child {@link ParallelSystem parallel client} object through
+         * the {@link createExternalClient createExternalClient()} method and {@link insert inserts} it.
+         *
+         * @param driver A communicator for external client.
+         */
+        addClient(driver: protocol.IClientDriver): void;
+        /**
+         * (Deprecated) Factory method creating child object.
+         *
+         * The method {@link createChild createChild()} is deprecated. Don't use and override this.
+         *
+         * Note that, the {@link ParallelClientArray} is a server accepting {@link ParallelSystem parallel clients}.
+         * There's no way to creating the {@link ParallelSystem parallel clients} in advance before opening the server.
+         *
+         * @param xml An {@link XML} object represents the child {@link ParallelSystem} object.
+         * @return ```null```
+         */
+        createChild(xml: library.XML): DistributedSystem;
+        /**
+         * Factory method creating {@link DistributedSystem} object.
+         *
+         * The method {@link createExternalClient createExternalClient()} is a factory method creating a child
+         * {@link ParallelSystem} object, that is called whenever a parallel client has connected, by
+         * {@link addClient addClient()}.
+         *
+         * Overrides this {@link createExternalClient} method and creates a type of {@link DistributedSystem} object with
+         * the *driver* that communicates with the parallel client. After the creation, returns the object. Then whenever
+         * a parallel client has connected, matched {@link DistributedSystem} object will be constructed and
+         * {@link insert inserted} into this {@link DistributedSystemArray} object.
+         *
+         * @param driver A communicator with the parallel client.
+         * @return A newly created {@link ParallelSystem} object.
+         */
+        protected abstract createExternalClient(driver: protocol.IClientDriver): DistributedSystem;
+        /**
+         * @inheritdoc
+         */
+        open(port: number): void;
+        /**
+         * @inheritdoc
+         */
+        close(): void;
+    }
+}
+declare namespace samchon.templates.distributed {
+    /**
+     * Mediator of Distributed Processing System, a server accepting slave clients.
+     *
+     * The {@link DistributedClientArrayMediator} is an abstract class, derived from {@link DistributedSystemArrayMediator}
+     * class, opening a server accepting {@link DistributedSystem distributed clients} as a **master**.
+     *
+     * Extends this {@link DistributedClientArrayMediator}, overrides {@link createServerBase createServerBase()} to
+     * determine which protocol to follow and {@link createExternalClient createExternalClient()} creating child
+     * {@link DistributedSystem} object. After the extending and overridings, open this server using the
+     * {@link open open()} method.
+     *
+     * #### [Inherited] {@link DistributedSystemArrayMediator}
+     * The {@link DistributedSystemArrayMediator} class be a master for its slave systems, and be a slave to its master
+     * system at the same time. This {@link DistributedSystemArrayMediator} be a master system, containing and managing
+     * {@link DistributedSystem} objects, which represent distributed slave systems, by extending
+     * {@link DistributedSystemArray} class. Also, be a slave system through {@link getMediator mediator} object, which is
+     * derived from the {@link SlavSystem} class.
+     *
+     * As a slave, you can specify this {@link DistributedSystemArrayMediator} to be <i>a client slave connecting to master
+     * server</i> or <i>a server slave accepting master client</i> by overriding the {@link createMediator} method.
+     * Overrides the {@link createMediator createMediator()} method and return one of them:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * #### [Inherited] {@link DistributedSystemArray}
+     * The {@link DistributedSystemArray} is an abstract class containing and managing remote distributed **slave** system
+     * drivers, {@link DistributedSystem} objects. Within framework of network, {@link DistributedSystemArray} represents
+     * your system, a **Master** of *Distributed Processing System* that requesting *distributed process* to **slave**
+     * systems and the children {@link DistributedSystem} objects represent the remote **slave** systems, who is being
+     * requested the *distributed processes*.
+     *
+     * The {@link DistributedSystemArray} contains {@link DistributedProcess} objects directly. You can request a
+     * **distributed process** through the {@link DistributedProcess} object. You can access the
+     * {@link DistributedProcess} object(s) with those methods:
+     *
+     * - {@link hasRole}
+     * - {@link getRole}
+     * - {@link insertRole}
+     * - {@link eraseRole}
+     * - {@link getRoleMap}
+     *
+     * When you need the **distributed process**, call the {@link DistributedProcess.sendData} method. Then the
+     * {@link DistributedProcess} will find the most idle {@link DistributedSystem} object who represents a distributed
+     * **slave **system. The {@link Invoke} message will be sent to the most idle {@link DistributedSystem} object. When
+     * the **distributed process** has completed, then {@link DistributedSystem.getPerformance performance index} and
+     * {@link DistributedProcess.getResource resource index} of related objects will be revaluated.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Parallel Process
+     * This {@link DistributedSystemArray} class is derived from the {@link ParallelSystemArray} class, so you can request
+     * a **parallel process**, too.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices will
+     * be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * #### Proxy Pattern
+     * This class {@link DistributedSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link DistributedSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class DistributedClientArrayMediator extends DistributedSystemArrayMediator implements external.IExternalClientArray {
+        /**
+         * A subrogator of {@link IServer server}'s role instead of this {@link ExternalClientArray}.
+         */
+        private server_base_;
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * Factory method creating {@link IServerBase} object.
+         *
+         * This method {@link createServerBase createServerBase()} determines which protocol is used in this
+         * {@link DistributedClientArrayMediator} object as a **master**. If the protocol is determined, then
+         * {@link DistributedSystem distributed clients} who may connect to {@link DistributedClientArrayMediator this
+         * server} must follow the specified protocol.
+         *
+         * Overrides the {@link createServerBase createServerBase()} method to create and return one of them:
+         *
+         * - {@link ServerBase}
+         * - {@link WebServerBase}
+         * - {@link SharedWorkerServerBase}
+         *
+         * @return A new {@link IServerBase} object.
+         */
+        protected abstract createServerBase(): protocol.IServerBase;
+        /**
+         * Add a newly connected remote client.
+         *
+         * When a {@link IClientDriver remote client} connects to this *master server of distributed processing system*,
+         * then this {@link DistributedClientArrayMediator} creates a child {@link Distributed distributed client} object
+         * through the {@link createExternalClient createExternalClient()} method.
+         *
+         * @param driver A communicator for external client.
+         */
+        addClient(driver: protocol.IClientDriver): void;
+        /**
+         * (Deprecated) Factory method creating child object.
+         *
+         * The method {@link createChild createChild()} is deprecated. Don't use and override this.
+         *
+         * Note that, the {@link DistributedClientArrayMediator} is a server accepting {@link DistributedSystem distributed
+         * clients} as a master. There's no way to creating the {@link DistributedSystem distributed clients} in advance
+         * before opening the server.
+         *
+         * @param xml An {@link XML} object represents the child {@link DistributedSystem} object.
+         * @return null
+         */
+        createChild(xml: library.XML): DistributedSystem;
+        /**
+         * Factory method creating {@link DistributedSystem} object.
+         *
+         * The method {@link createExternalClient createExternalClient()} is a factory method creating a child
+         * {@link DistributedSystem} object, that is called whenever a distributed client has connected, by
+         * {@link addClient addClient()}.
+         *
+         * Overrides this {@link createExternalClient} method and creates a type of {@link DistributedSystem} object with
+         * the *driver* that communicates with the distributed client. After the creation, returns the object. Then whenever
+         * a distributed client has connected, matched {@link DistributedSystem} object will be constructed and
+         * {@link insert inserted} into this {@link DistributedClientArrayMediator} object.
+         *
+         * @param driver A communicator with the distributed client.
+         * @return A newly created {@link DistributedSystem} object.
+         */
+        protected abstract createExternalClient(driver: protocol.IClientDriver): DistributedSystem;
+        /**
+         * @inheritdoc
+         */
+        open(port: number): void;
+        /**
+         * @inheritdoc
+         */
+        close(): void;
+    }
+}
+declare namespace samchon.templates.distributed {
+    /**
+     * A role of Distributed Processing System.
+     *
+     * The {@link DistributedProcess} is an abstract class who represents a **process**, *SOMETHING TO DISTRIBUTE* in a Distributed
+     * Processing System. Overrides the {@link DistributedProcess} and defines the *SOMETHING TO DISTRIBUTE*.
+     *
+     * Relationship between {@link DistributedSystem} and {@link DistributedProcess} objects are **M: N Associative**.
+     * Unlike {@link ExternalSystemRole}, the {@link DistributedProcess} objects are not belonged to a specific
+     * {@link DistributedSystem} object. The {@link DistributedProcess} objects are belonged to the
+     * {@link DistributedSystemArrayMediator} directly.
+     *
+     * When you need the **distributed process**, then call {@link sendData sendData()}. The {@link sendData} will find
+     * the most idle {@link DistributedSystem slave system} considering not only number of processes on progress, but also
+     * {@link DistributedSystem.getPerformance performance index} of each {@link DistributedSystem} object and
+     * {@link getResource resource index} of this {@link DistributedProcess} object. The {@link Invoke} message
+     * requesting the **distributed process** will be sent to the most idle {@link DistributedSystem slave system}.
+     *
+     * Those {@link DistributedSystem.getPerformance performance index} and {@link getResource resource index} are
+     * revaluated whenever the **distributed process** has completed basis on the execution time.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class DistributedProcess extends protocol.Entity implements protocol.IProtocol {
+        /**
+         * @hidden
+         */
+        private system_array_;
+        /**
+         * A name, represents and identifies this {@link DistributedProcess process}.
+         *
+         * This {@link name} is an identifier represents this {@link DistributedProcess process}. This {@link name} is
+         * used in {@link DistributedSystemArray.getProcess} and {@link DistributedSystemArray.getProcess}, as a key elements.
+         * Thus, this {@link name} should be unique in its parent {@link DistributedSystemArray} object.
+         */
+        protected name: string;
+        /**
+         * @hidden
+         */
+        private progress_list_;
+        /**
+         * @hidden
+         */
+        private history_list_;
+        /**
+         * @hidden
+         */
+        private resource;
+        /**
+         * @hidden
+         */
+        private enforced_;
+        /**
+         * Constrct from parent {@link DistributedSystemArray} object.
+         *
+         * @param systemArray The parent {@link DistributedSystemArray} object.
+         */
+        constructor(systemArray: DistributedSystemArray);
+        /**
+         * Identifier of {@link ParallelProcess} is its {@link name}.
+         */
+        key(): string;
+        /**
+         * Get parent {@link DistributedSystemArray} object.
+         *
+         * @return The parent {@link DistributedSystemArray} object.
+         */
+        getSystemArray(): DistributedSystemArray;
+        /**
+         * Get name, who represents and identifies this process.
+         */
+        getName(): string;
+        /**
+         * Get resource index.
+         *
+         * Get *resource index* that indicates how much this {@link DistributedProcess role} is heavy.
+         *
+         * If this {@link DistributedProcess role} does not have any	{@link Invoke} message had handled, then the
+         * *resource index* will be ```1.0```, which means default and average value between all
+         * {@link DistributedProcess} instances (that are belonged to a same {@link DistributedSystemArray} object).
+         *
+         * You can specify the *resource index* by yourself, but notice that, if the *resource index* is higher than
+         * other {@link DistributedProcess} objects, then this {@link DistributedProcess role} will be ordered to
+         * handle less processes than other {@link DistributedProcess} objects. Otherwise, the *resource index* is
+         * lower than others, of course, much processes will be requested.
+         *
+         * - {@link setResource setResource()}
+         * - {@link enforceResource enforceResource()}
+         *
+         * Unless {@link enforceResource enforceResource()} is called, This *resource index* is **revaluated** whenever
+         * {@link sendData sendData()} is called.
+         *
+         * @return Resource index.
+         */
+        getResource(): number;
+        /**
+         * Set resource index.
+         *
+         * Set *resource index* that indicates how much this {@link DistributedProcess role} is heavy. This
+         * *resource index* can be **revaulated**.
+         *
+         * Note that, initial and average *resource index* of {@link DistributedProcess} objects are ```1.0```. If the
+         * *resource index* is higher than other {@link DistributedProcess} objects, then this
+         * {@link DistributedProcess} will be ordered to handle more processes than other {@link DistributedProcess}
+         * objects. Otherwise, the *resource index* is lower than others, of course, less processes will be requested.
+         *
+         * Unlike {@link enforceResource}, configuring *resource index* by this {@link setResource} allows the
+         * **revaluation**. This **revaluation** prevents wrong valuation from user. For example, you *mis-valuated* the
+         * *resource index*. The {@link DistributedProcess role} is much heavier than any other, but you estimated it
+         * to the lightest one. It looks like a terrible case that causes
+         * {@link DistributedSystemArray entire distributed processing system} to be slower, however, don't mind. The
+         * {@link DistributedProcess role} will the direct to the *propriate resource index* eventually with the
+         * **revaluation**.
+         *
+         * - The **revaluation** is caused by the {@link sendData sendData()} method.
+         *
+         * @param val New resource index, but can be revaluated.
+         */
+        setResource(val: number): void;
+        /**
+         * Enforce resource index.
+         *
+         * Enforce *resource index* that indicates how much heavy the {@link DistributedProcess role is}. The
+         * *resource index* will be fixed, never be **revaluated**.
+         *
+         * Note that, initial and average *resource index* of {@link DistributedProcess} objects are ```1.0```. If the
+         * *resource index* is higher than other {@link DistributedProcess} objects, then this
+         * {@link DistributedProcess} will be ordered to handle more processes than other {@link DistributedProcess}
+         * objects. Otherwise, the *resource index* is lower than others, of course, less processes will be requested.
+         *
+         * The difference between {@link setResource} and this {@link enforceResource} is allowing **revaluation** or not.
+         * This {@link enforceResource} does not allow the **revaluation**. The *resource index* is clearly fixed and
+         * never be changed by the **revaluation**. But you've to keep in mind that, you can't avoid the **mis-valuation**
+         * with this {@link enforceResource}.
+         *
+         * For example, there's a {@link DistributedProcess role} much heavier than any other, but you
+         * **mis-estimated** it to the lightest. In that case, there's no way. The
+         * {@link DistributedSystemArray entire distributed processing system} will be slower by the **mis-valuation**.
+         * By the reason, using {@link enforceResource}, it's recommended only when you can clearly certain the
+         * *resource index*. If you can't certain the *resource index* but want to recommend, then use {@link setResource}
+         * instead.
+         *
+         * @param val New resource index to be fixed.
+         */
+        enforceResource(val: number): void;
+        /**
+         * @hidden
+         */
+        private compute_average_elapsed_time();
+        /**
+         * @inheritdoc
+         */
+        abstract replyData(invoke: protocol.Invoke): void;
+        /**
+         * Send an {@link Invoke} message.
+         *
+         * Sends an {@link Invoke} message requesting a **distributed process**. The {@link Invoke} message will be sent
+         * to the most idle {@link DistributedSystem} object, which represents a slave system, and the most idle
+         * {@link DistributedSystem} object will be returned.
+         *
+         * When the **distributed process** has completed, then the {@link DistributedSystemArray} object will revaluate
+         * {@link getResource resource index} and {@link DistributedSystem.getPerformance performance index} of this
+         * {@link DistributedSystem} and the most idle {@link DistributedSystem} objects basis on the execution time.
+         *
+         * @param invoke An {@link Invoke} message requesting distributed process.
+         * @return The most idle {@link DistributedSystem} object who may send the {@link Invoke} message.
+         */
+        sendData(invoke: protocol.Invoke): DistributedSystem;
+        /**
+         * @hidden
+         */
+        private complete_history(history);
+        /**
+         * @inheritdoc
+         */
+        TAG(): string;
+    }
+}
+declare namespace samchon.templates.external {
+    /**
+     * An external system driver.
+     *
+     * The {@link ExternalSystem} class represents an external system, connected and interact with this system.
+     * {@link ExternalSystem} takes full charge of network communication with the remote, external system have connected.
+     * Replied {@link Invoke} messages from the external system is shifted to and processed in, children elements of this
+     * class, {@link ExternalSystemRole} objects.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Bridge & Proxy Pattern
+     * The {@link ExternalSystem} class can be a *bridge* for *logical proxy*. In framework within user,
+     * which {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Bridge Pattern* and *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - External System](https://github.com/samchon/framework/wiki/TypeScript-Templates-External_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ExternalSystem extends protocol.EntityDequeCollection<ExternalSystemRole> implements protocol.IProtocol {
+        /**
+         * The name represents external system have connected.
+         */
+        protected name: string;
+        /**
+         * @hidden
+         */
+        private system_array_;
+        /**
+         * @hidden
+         */
+        private communicator_;
+        /**
+         * Construct from parent {@link ExternalSystemArray}.
+         *
+         * @param systemArray The parent {@link ExternalSystemArray} object.
+         */
+        constructor(systemArray: ExternalSystemArray);
+        /**
+         * Constrct from parent {@link ExternalSystemArray} and communicator.
+         *
+         * @param systemArray The parent {@link ExternalSystemArray} object.
+         * @param communicator Communicator with the remote, external system.
+         */
+        constructor(systemArray: ExternalSystemArray, communicator: protocol.IClientDriver);
+        /**
+         * Default Destructor.
+         *
+         * This {@link destructor destructor()} method is called when the {@link ExternalSystem} object is destructed and
+         * the {@link ExternalSystem} object is destructed when connection with the remote system is closed or this
+         * {@link ExternalSystem} object is {@link ExternalSystemArray.erase erased} from its parent
+         * {@link ExternalSystemArray} object.
+         *
+         * Note that, don't call this {@link destructor destructor()} method by yourself. It must be called automatically
+         * by those *destruction* cases. Also, if your derived {@link ExternalSystem} class has something to do on the
+         * *destruction*, then overrides this {@link destructor destructor()} method and defines the something to do.
+         * Overriding this {@link destructor destructor()}, don't forget to calling ```super.destructor();``` on tail.
+         *
+         * ```typescript
+         * class SomeSystem extends templates.external.ExternalSystem
+         * {
+         *     protected destructor(): void
+         *     {
+         *         // DO SOMETHING
+         *         this.do_something();
+         *
+         *         // CALL SUPER.DESTRUCTOR() ON TAIL. DON'T FORGET THIS
+         *         super.destructor();
+         *     }
+         * }
+         * ```
+         */
+        protected destructor(): void;
+        /**
+         * @hidden
+         */
+        private handle_close();
+        /**
+         * Get parent {@link ExternalSystemArray} object.
+         */
+        getSystemArray(): ExternalSystemArray;
+        /**
+         * Identifier of {@link ExternalSystem} is its {@link name}.
+         *
+         * @return name.
+         */
+        key(): string;
+        /**
+         * Get {@link name}.
+         */
+        getName(): string;
+        /**
+         * @hidden
+         */
+        /**
+         * @hidden
+         */
+        protected communicator: protocol.ICommunicator;
+        /**
+         * Close connection.
+         */
+        close(): void;
+        /**
+         * Send {@link Invoke} message to external system.
+         *
+         * @param invoke An {@link Invoke} message to send.
+         */
+        sendData(invoke: protocol.Invoke): void;
+        /**
+         * Handle an {@Invoke} message has received.
+         *
+         * @param invoke An {@link Invoke} message have received.
+         */
+        replyData(invoke: protocol.Invoke): void;
+        /**
+         * Tag name of the {@link ExternalSystem} in {@link XML}.
+         *
+         * @return *system*.
+         */
+        TAG(): string;
+        /**
+         * Tag name of {@link ExternalSystemRole children elements} belonged to the {@link ExternalSystem} in {@link XML}.
+         *
+         * @return *role*.
+         */
+        CHILD_TAG(): string;
+    }
+}
+declare namespace samchon.templates.parallel {
+    /**
+     * A driver for a parallel slave system.
+     *
+     * The {@link ParallelSystem} is an abstract class represents a **slave** system in *Parallel Processing System*,
+     * connected with this **master** system. This {@link ParallelSystem} takes full charge of network communication with
+     * the remote, parallel **slave** system has connected.
+     *
+     * When a *parallel process* is requested (by {@link ParallelSystemArray.sendSegementData} or
+     * {@link ParallelSystemArray.sendPieceData}), the number of pieces to be allocated to a {@link ParallelSystem} is
+     * turn on its {@link getPerformance performance index}. Higher {@link getPerformance performance index}, then
+     * more pieces are requested. The {@link getPerformance performance index} is revaluated whenever a *parallel process*
+     * has completed, basic on the execution time and number of pieces. You can sugguest or enforce the
+     * {@link getPerformance performance index} with {@link setPerformance} or {@link enforcePerformance}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Bridge & Proxy Pattern
+     * This class {@link ParallelSystem} is derived from the {@link ExternalSystem} class. Thus, you can take advantage
+     * of the *Bridge & Proxy Pattern* in this {@link ParallelSystem} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Bridge & Proxy Pattern*:
+     *
+     * The {@link ExternalSystem} class can be a *bridge* for *logical proxy*. In framework within user,
+     * which {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Bridge Pattern* and *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ParallelSystem extends external.ExternalSystem {
+        /**
+         * @hidden
+         */
+        private progress_list_;
+        /**
+         * @hidden
+         */
+        private history_list_;
+        /**
+         * @hidden
+         */
+        private exclude_;
+        /**
+         * @hidden
+         */
+        private performance;
+        /**
+         * @hidden
+         */
+        private enforced_;
+        /**
+         * Construct from parent {@link ParallelSystemArray}.
+         *
+         * @param systemArray The parent {@link ParallelSystemArray} object.
+         */
+        constructor(systemArray: ParallelSystemArray);
+        /**
+         * Construct from parent {@link ParallelSystemArray} and communicator.
+         *
+         * @param systemArray The parent {@link ParallelSystemArray} object.
+         * @param communicator A communicator communicates with remote, the external system.
+         */
+        constructor(systemArray: ParallelSystemArray, communicator: protocol.IClientDriver);
+        /**
+         * Default Destructor.
+         *
+         * This {@link destructor destructor()} method is called when the {@link ParallelSystem} object is destructed and
+         * the {@link ParallelSystem} object is destructed when connection with the remote system is closed or this
+         * {@link ParallelSystem} object is {@link ParallelSystemArray.erase erased} from its parent
+         * {@link ParallelSystemArray} object.
+         *
+         * You may think if there're some *parallel processes* have requested but not completed yet, then it would be a
+         * critical problem because the *parallel processes* will not complete forever. Do not worry. The critical problem
+         * does not happen. After the destruction, the remained *parallel processes* will be shifted to and proceeded in
+         * other {@link ParallelSystem} objects.
+         *
+         * Note that, don't call this {@link destructor destructor()} method by yourself. It must be called automatically
+         * by those *destruction* cases. Also, if your derived {@link ParallelSystem} class has something to do on the
+         * *destruction*, then overrides this {@link destructor destructor()} method and defines the something to do.
+         * Overriding this {@link destructor destructor()}, don't forget to calling ```super.destructor();``` on tail.
+         *
+         * ```typescript
+         * class SomeSystem extends protocol.external.ExternalSystem
+         * {
+         *     protected destructor(): void
+         *     {
+         *         // DO SOMETHING
+         *         this.do_something();
+         *
+         *         // CALL SUPER.DESTRUCTOR() ON TAIL. DON'T FORGET THIS
+         *         super.destructor();
+         *     }
+         * }
+         * ```
+         */
+        protected destructor(): void;
+        /**
+         * Get manager of this object.
+         *
+         * @return The parent {@link ParallelSystemArray} object.
+         */
+        getSystemArray(): ParallelSystemArray;
+        /**
+         * Get performance index.
+         *
+         * Get *performance index* that indicates how much fast the remote system is.
+         *
+         * If this {@link ParallelSystem parallel system} does not have any {@link Invoke} message had handled, then the
+         * *performance index* will be ```1.0```, which means default and average value between all {@link ParallelSystem}
+         * instances (that are belonged to a same {@link ParallelSystemArray} object).
+         *
+         * You can specify this *performance index* by yourself but notice that, if the *performance index* is higher
+         * than other {@link ParallelSystem} objects, then this {@link ParallelSystem parallel system} will be ordered to
+         * handle more processes than other {@link ParallelSystem} objects. Otherwise, the *performance index* is lower
+         * than others, of course, less processes will be delivered.
+         *
+         * - {@link setPerformance setPerformance()}
+         * - {@link enforcePerformance enforcePerformance()}
+         *
+         * Unless {@link enforcePerformance enforcePerformance()} is called, This *performance index* is **revaluated**
+         * whenever user calls one of them below.
+         *
+         * - {@link ParallelSystemArray.sendSegmentData ParallelSystemArray.sendSegmentData()}
+         * - {@link ParallelSystemArray.sendPieceData ParallelSystemArray.sendPieceData()}
+         * - {@link DistributedProcess.sendData DistributedProcess.sendData()}.
+         *
+         * @return Performance index.
+         */
+        getPerformance(): number;
+        /**
+         * Set performance index.
+         *
+         * Set *performance index* that indicates how much fast the remote system is. This *performance index* can be
+         * **revaulated**.
+         *
+         * Note that, initial and average *performance index* of {@link ParallelSystem} objects are ```1.0```. If the
+         * *performance index* is higher than other {@link ParallelSystem} objects, then this {@link ParallelSystem} will
+         * be ordered to handle more processes than other {@link ParallelSystem} objects. Otherwise, the
+         * *performance index* is lower than others, of course, less processes will be delivered.
+         *
+         * Unlike {@link enforcePerformance}, configuring *performance index* by this {@link setPerformance} allows
+         * **revaluation**. This **revaluation** prevents wrong valuation from user. For example, you *mis-valuated* the
+         * *performance index*. The remote system is much faster than any other, but you estimated it to the slowest one.
+         * It looks like a terrible case that causes {@link ParallelSystemArray entire parallel systems} to be slower,
+         * however, don't mind. The system will direct to the *propriate performance index* eventually with the
+         * **revaluation** by following methods.
+         *
+         * - {@link ParallelSystemArray.sendSegmentData ParallelSystemArray.sendSegmentData()}
+         * - {@link ParallelSystemArray.sendPieceData ParallelSystemArray.sendPieceData()}
+         * - {@link DistributedProcess.sendData DistributedProcess.sendData()}.
+         *
+         * @param val New performance index, but can be revaluated.
+         */
+        setPerformance(val: number): void;
+        /**
+         * Enforce performance index.
+         *
+         * Enforce *performance index* that indicates how much fast the remote system is. The *performance index* will be
+         * fixed, never be **revaluated**.
+         *
+         * Note that, initial and average *performance index* of {@link ParallelSystem} objects are ```1.0```. If the
+         * *performance index* is higher than other {@link ParallelSystem} objects, then this {@link ParallelSystem} will
+         * be ordered to handle more processes than other {@link ParallelSystem} objects. Otherwise, the
+         * *performance index* is lower than others, of course, less processes will be delivered.
+         *
+         * The difference between {@link setPerformance} and this {@link enforcePerformance} is allowing **revaluation**
+         * or not. This {@link enforcePerformance} does not allow the **revaluation**. The *performance index* is clearly
+         * fixed and never be changed by the **revaluation**. But you've to keep in mind that, you can't avoid the
+         * **mis-valuation** with this {@link enforcePerformance}.
+         *
+         * For example, there's a remote system much faster than any other, but you **mis-estimated** it to the slowest.
+         * In that case, there's no way. The {@link ParallelSystemArray entire parallel systems} will be slower by the
+         * **mis-valuation**. By the reason, using {@link enforcePerformance}, it's recommended only when you can clearly
+         * certain the *performance index*. If you can't certain the *performance index* but want to recommend, then use
+         * {@link setPerformance} instead.
+         *
+         * @param val New performance index to be fixed.
+         */
+        enforcePerformance(val: number): void;
+        /**
+         * @hidden
+         */
+        private send_piece_data(invoke, first, last);
+        /**
+         * @hidden
+         */
+        private _replyData(invoke);
+        /**
+         * @hidden
+         */
+        protected _Report_history(xml: library.XML): void;
+        /**
+         * @hidden
+         */
+        protected _Send_back_history(invoke: protocol.Invoke, history: protocol.InvokeHistory): void;
+    }
+}
+declare namespace samchon.templates.distributed {
+    /**
+     * A driver for a distributed slave system.
+     *
+     * The {@link DistributedSystem} is an abstract class represents a **slave** system in *Distributed Processing System*,
+     * connected with this **master** system. This {@link DistributedSystem} takes full charge of network communication
+     * with the remote, distributed **slave** system has connected.
+     *
+     * This {@link DistributedSystem} has a {@link getPerformance performance index} that indicates how much the **slave**
+     * system is fast. The {@link getPerformance performance index} is referenced and revaluated whenever those methods
+     * are called:
+     *
+     * - Requesting a *parallel process*
+     *   - {@link DistributedSystemArray.sendSegmentData}
+     *   - {@link DistributedSystemArray.sendPieceData}
+     * - Requesting a *distributed process*: {@link DistributedProcess.sendData}
+     *
+     * Note that, this {@link DistributedSystem} class derived from the {@link ExternalSystem} class. Thus, this
+     * {@link DistributedSystem} can also have children {@link ExternalSystemRole} objects exclusively. However, the
+     * children {@link ExternalSystemRole roles} objects are different with the {@link DistributedProcess}. The
+     * domestic {@link ExternalSystemRole roles} are belonged to only a specific {@link DistributedSystem} object.
+     * Otherwise, the {@link DistributedProcess} objects are belonged to a {@link DistributedSystemArray} object.
+     * Furthermore, the relationship between this {@link DistributedSystem} and {@link DistributedProcess} classes are
+     * **M: N Associative**.
+     *
+     * Articles     | {@link DistributedProcess}     | {@link ExternalSystemRole}
+     * -------------|--------------------------------|----------------------------
+     * Belonged to  | {@link DistributedSystemArray} | {@link DistributedSystem}
+     * Relationship | M: N Associative               | 1: N Composite
+     * Ownership    | References                     | Exclusive possession
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class DistributedSystem extends parallel.ParallelSystem {
+        /**
+         * Construct from parent {@link DistributedSystemArray}.
+         *
+         * @param systemArray The parent {@link DistributedSystemArray} object.
+         */
+        constructor(systemArray: DistributedSystemArray);
+        /**
+         * Constrct from parent {@link DistributedSystemArray} and communicator.
+         *
+         * @param systemArray The parent {@link DistributedSystemArray} object.
+         * @param communicator A communicator communicates with remote, the external system.
+         */
+        constructor(systemArray: DistributedSystemArray, communicator: protocol.IClientDriver);
+        /**
+         * Factory method creating a {@link ExternalSystemRole child} object.
+         *
+         * In {@link distributed} module, the process class {@link DistributedProcess} is not belonged to a specific
+         * {@link DistributedSystem} object. It only belongs to a {@link DistributedSystemArray} object and has a
+         * **M: N Associative Relationship** between this {@link DistributedSystem} class.
+         *
+         * By that reason, it's the normal case that the {@link DistributedSystem} object does not have any children
+         * {@link ExternalSystemRole} object. Thus, default {@link createChild} returns ```null```.
+         *
+         * However, if you want a {@link DistributedSystem} to have its own domestic {@link ExternalSystemRole} objects
+         * without reference to the {@link DistributedProcess} objects, it is possible. Creates and returns the
+         * domestic {@link ExternalSystemRole} object.
+         *
+         * @param xml {@link XML} represents the {@link ExternalSystemRole child} object.
+         * @return A newly created {@link ExternalSystemRole} object or ```null```.
+         */
+        createChild(xml: library.XML): external.ExternalSystemRole;
+        /**
+         * Get parent {@link DistributedSystemArray} object.
+         *
+         * @return The parent {@link DistributedSystemArray} object.
+         */
+        getSystemArray(): DistributedSystemArray;
+        /**
+         * @hidden
+         */
+        private compute_average_elapsed_time();
+        /**
+         * @inheritdoc
+         */
+        replyData(invoke: protocol.Invoke): void;
+        /**
+         * @hidden
+         */
+        protected _Report_history(xml: library.XML): void;
+        /**
+         * @hidden
+         */
+        protected _Send_back_history(invoke: protocol.Invoke, history: protocol.InvokeHistory): void;
+    }
+}
+declare namespace samchon.templates.distributed {
+    /**
+     * An interface for a distributed slave server driver.
+     *
+     * The easiest way to defining a driver for distributed **slave** server is extending {@link DistributedServer} class.
+     * However, if you've to interact with a prallel **slave** system who can be both server and client, them make a class
+     * (let's name it **BaseSystem**) extending the {@link DistributedServer} class. At next, make a new class (now, I name
+     * it **BaseServer**) extending the **BaseSystem** and implements this interface {@link IParallelServer}. Define the
+     * **BaseServer** following those codes on below:
+     *
+     * <ul>
+     *	<li> {@link ExternalServer}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/external/ExternalServer.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     *	<li> {@link ParallelServer}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/parallel/ParallelServer.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     *	<li> {@link DistributedServer}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/distributed/DistributedServer.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     * </ul>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    interface IDistributedServer extends DistributedSystem {
+        /**
+         * Connect to external server.
+         */
+        connect(): void;
+    }
+    /**
+     * A driver for distributed slave server.
+     *
+     * The {@link DistributedServer} is an abstract class, derived from the {@link DistributedSystem} class, connecting to
+     * remote, distributed **slave** server. Extends this {@link DistributedServer} class and overrides the
+     * {@link createServerConnector createServerConnector()} method following which protocol the **slave** server uses.
+     *
+     * #### [Inheritdoc] {@link DistributedSystem}
+     * The {@link DistributedSystem} is an abstract class represents a **slave** system in *Distributed Processing System*,
+     * connected with this **master** system. This {@link DistributedSystem} takes full charge of network communication
+     * with the remote, distributed **slave** system has connected.
+     *
+     * This {@link DistributedSystem} has a {@link getPerformance performance index} that indicates how much the **slave**
+     * system is fast. The {@link getPerformance performance index} is referenced and revaluated whenever those methods
+     * are called:
+     *
+     * - Requesting a *parallel process*
+     *   - {@link DistributedSystemArray.sendSegmentData}
+     *   - {@link DistributedSystemArray.sendPieceData}
+     * - Requesting a *distributed process*: {@link DistributedProcess.sendData}
+     *
+     * Note that, this {@link DistributedSystem} class derived from the {@link ExternalSystem} class. Thus, this
+     * {@link DistributedSystem} can also have children {@link ExternalSystemRole} objects exclusively. However, the
+     * children {@link ExternalSystemRole roles} objects are different with the {@link DistributedProcess}. The
+     * domestic {@link ExternalSystemRole roles} are belonged to only a specific {@link DistributedSystem} object.
+     * Otherwise, the {@link DistributedProcess} objects are belonged to a {@link DistributedSystemArray} object.
+     * Furthermore, the relationship between this {@link DistributedSystem} and {@link DistributedProcess} classes are
+     * **M: N Associative**.
+     *
+     * Articles     | {@link DistributedProcess}     | {@link ExternalSystemRole}
+     * -------------|--------------------------------|----------------------------
+     * Belonged to  | {@link DistributedSystemArray} | {@link DistributedSystem}
+     * Relationship | M: N Associative               | 1: N Composite
+     * Ownership    | References                     | Exclusive possession
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class DistributedServer extends DistributedSystem implements external.IExternalServer {
+        /**
+         * IP address of target external system to connect.
+         */
+        protected ip: string;
+        /**
+         * Port number of target external system to connect.
+         */
+        protected port: number;
+        /**
+         * Construct from parent {@link DistributedSystemArray}.
+         *
+         * @param systemArray The parent {@link DistributedSystemArray} object.
+         */
+        constructor(systemArray: DistributedSystemArray);
+        /**
+         * Factory method creating {@link IServerConnector} object.
+         *
+         * The {@link createServerConnector createServerConnector()} is an abstract method creating
+         * {@link IServerConnector} object. Overrides and returns one of them, considering which protocol the slave server
+         * follows:
+         *
+         * - {@link ServerConnector}
+         * - {@link WebServerConnector}
+         * - {@link SharedWorkerServerConnector}
+         *
+         * @return A newly created {@link IServerConnector} object.
+         */
+        protected abstract createServerConnector(): protocol.IServerConnector;
+        /**
+         * @inheritdoc
+         */
+        connect(): void;
+    }
+}
+declare namespace samchon.templates.distributed {
+    /**
+     * Master of Distributed Processing System, a client connecting to slave servers.
+     *
+     * The {@link DistributedServerArray} is an abstract class, derived from the {@link DistributedSystemArray} class,
+     * connecting to {@link IDistributedServer distributed servers}.
+     *
+     * Extends this {@link DistributedServerArray} and overrides {@link createChild createChild()} method creating child
+     * {@link IDistributedServer} object. After the extending and overriding, construct children {@link IDistributedServer}
+     * objects and call the {@link connect connect()} method.
+     *
+     * #### [Inherited] {@link DistributedSystemArray}
+     * The {@link DistributedSystemArray} is an abstract class containing and managing remote distributed **slave** system
+     * drivers, {@link DistributedSystem} objects. Within framework of network, {@link DistributedSystemArray} represents
+     * your system, a **Master** of *Distributed Processing System* that requesting *distributed process* to **slave**
+     * systems and the children {@link DistributedSystem} objects represent the remote **slave** systems, who is being
+     * requested the *distributed processes*.
+     *
+     * The {@link DistributedSystemArray} contains {@link DistributedProcess} objects directly. You can request a
+     * **distributed process** through the {@link DistributedProcess} object. You can access the
+     * {@link DistributedProcess} object(s) with those methods:
+     *
+     * - {@link hasRole}
+     * - {@link getRole}
+     * - {@link insertRole}
+     * - {@link eraseRole}
+     * - {@link getRoleMap}
+     *
+     * When you need the **distributed process**, call the {@link DistributedProcess.sendData} method. Then the
+     * {@link DistributedProcess} will find the most idle {@link DistributedSystem} object who represents a distributed
+     * **slave **system. The {@link Invoke} message will be sent to the most idle {@link DistributedSystem} object. When
+     * the **distributed process** has completed, then {@link DistributedSystem.getPerformance performance index} and
+     * {@link DistributedProcess.getResource resource index} of related objects will be revaluated.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Parallel Process
+     * This {@link DistributedSystemArray} class is derived from the {@link ParallelSystemArray} class, so you can request
+     * a **parallel process**, too.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices will
+     * be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * #### Proxy Pattern
+     * This class {@link DistributedSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link DistributedSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class DistributedServerArray extends DistributedSystemArray implements external.IExternalServerArray {
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * @inheritdoc
+         */
+        connect(): void;
+    }
+}
+declare namespace samchon.templates.distributed {
+    /**
+     * Mediator of Distributed Processing System, a client connecting to slave servers.
+     *
+     * The {@link DistributedServerArrayMediator} is an abstract class, derived from {@link DistributedSystemArrayMediator}
+     * class, connecting to {@link IDistributedServer distributed servers}.
+     *
+     * Extends this {@link DistributedServerArrayMediator} and overrides {@link createChild createChild()} method creating
+     * child {@link IDistributedServer} object. After the extending and overriding, construct children
+     * {@link IDistributedServer} objects and call the {@link connect connect()} method.
+     *
+     * #### [Inherited] {@link DistributedSystemArrayMediator}
+     * The {@link DistributedSystemArrayMediator} class be a master for its slave systems, and be a slave to its master
+     * system at the same time. This {@link DistributedSystemArrayMediator} be a master system, containing and managing
+     * {@link DistributedSystem} objects, which represent distributed slave systems, by extending
+     * {@link DistributedSystemArray} class. Also, be a slave system through {@link getMediator mediator} object, which is
+     * derived from the {@link SlavSystem} class.
+     *
+     * As a slave, you can specify this {@link DistributedSystemArrayMediator} to be <i>a client slave connecting to master
+     * server</i> or <i>a server slave accepting master client</i> by overriding the {@link createMediator} method.
+     * Overrides the {@link createMediator createMediator()} method and return one of them:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * #### [Inherited] {@link DistributedSystemArray}
+     * The {@link DistributedSystemArray} is an abstract class containing and managing remote distributed **slave** system
+     * drivers, {@link DistributedSystem} objects. Within framework of network, {@link DistributedSystemArray} represents
+     * your system, a **Master** of *Distributed Processing System* that requesting *distributed process* to **slave**
+     * systems and the children {@link DistributedSystem} objects represent the remote **slave** systems, who is being
+     * requested the *distributed processes*.
+     *
+     * The {@link DistributedSystemArray} contains {@link DistributedProcess} objects directly. You can request a
+     * **distributed process** through the {@link DistributedProcess} object. You can access the
+     * {@link DistributedProcess} object(s) with those methods:
+     *
+     * - {@link hasRole}
+     * - {@link getRole}
+     * - {@link insertRole}
+     * - {@link eraseRole}
+     * - {@link getRoleMap}
+     *
+     * When you need the **distributed process**, call the {@link DistributedProcess.sendData} method. Then the
+     * {@link DistributedProcess} will find the most idle {@link DistributedSystem} object who represents a distributed
+     * **slave **system. The {@link Invoke} message will be sent to the most idle {@link DistributedSystem} object. When
+     * the **distributed process** has completed, then {@link DistributedSystem.getPerformance performance index} and
+     * {@link DistributedProcess.getResource resource index} of related objects will be revaluated.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Parallel Process
+     * This {@link DistributedSystemArray} class is derived from the {@link ParallelSystemArray} class, so you can request
+     * a **parallel process**, too.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices will
+     * be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * #### Proxy Pattern
+     * This class {@link DistributedSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link DistributedSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class DistributedServerArrayMediator extends DistributedSystemArrayMediator implements external.IExternalServerArray {
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * @inheritdoc
+         */
+        connect(): void;
+    }
+}
+declare namespace samchon.templates.distributed {
+    /**
+     * Master of Distributed Processing System, be a server and client at the same time.
+     *
+     * The {@link DistributedServerClientArray} is an abstract class, derived from the {@link DistributedSystemArray}
+     * class, opening a server accepting {@link Distributed distributed clients} and being a client connecting to
+     * {@link IDistributedServer distributed servers} at the same time.
+     *
+     * Extends this {@link DistributedServerClientArray} and overrides below methods. After the overridings, open server
+     * with {@link open open()} method and connect to {@link IDistributedServer distributed servers} through the
+     * {@link connect connect()} method.
+     *
+     * - {@link createServerBase createServerBase()}
+     * - {@link createExternalClient createExternalClient()}
+     * - {@link createExternalServer createExternalServer()}
+     *
+     * #### [Inherited] {@link DistributedSystemArray}
+     * The {@link DistributedSystemArray} is an abstract class containing and managing remote distributed **slave** system
+     * drivers, {@link DistributedSystem} objects. Within framework of network, {@link DistributedSystemArray} represents
+     * your system, a **Master** of *Distributed Processing System* that requesting *distributed process* to **slave**
+     * systems and the children {@link DistributedSystem} objects represent the remote **slave** systems, who is being
+     * requested the *distributed processes*.
+     *
+     * The {@link DistributedSystemArray} contains {@link DistributedProcess} objects directly. You can request a
+     * **distributed process** through the {@link DistributedProcess} object. You can access the
+     * {@link DistributedProcess} object(s) with those methods:
+     *
+     * - {@link hasRole}
+     * - {@link getRole}
+     * - {@link insertRole}
+     * - {@link eraseRole}
+     * - {@link getRoleMap}
+     *
+     * When you need the **distributed process**, call the {@link DistributedProcess.sendData} method. Then the
+     * {@link DistributedProcess} will find the most idle {@link DistributedSystem} object who represents a distributed
+     * **slave **system. The {@link Invoke} message will be sent to the most idle {@link DistributedSystem} object. When
+     * the **distributed process** has completed, then {@link DistributedSystem.getPerformance performance index} and
+     * {@link DistributedProcess.getResource resource index} of related objects will be revaluated.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Parallel Process
+     * This {@link DistributedSystemArray} class is derived from the {@link ParallelSystemArray} class, so you can request
+     * a **parallel process**, too.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices will
+     * be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * #### Proxy Pattern
+     * This class {@link DistributedSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link DistributedSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class DistributedServerClientArray extends DistributedClientArray implements external.IExternalServerClientArray {
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * Factory method of a child Entity.
+         *
+         * This method is migrated to {@link createExternalServer}. Override the {@link createExternalServer} method.
+         *
+         * @param xml An {@link XML} object represents child element, so that can identify the type of child to create.
+         * @return A new child Entity via {@link createExternalServer createExternalServer()}.
+         */
+        createChild(xml: library.XML): DistributedSystem;
+        /**
+         * Factory method creating an {@link IDistributedServer} object.
+         *
+         * @param xml An {@link XML} object represents child element, so that can identify the type of child to create.
+         * @return A newly created {@link IDistributedServer} object.
+         */
+        protected abstract createExternalServer(xml: library.XML): IDistributedServer;
+        /**
+         * @inheritdoc
+         */
+        connect(): void;
+    }
+}
+declare namespace samchon.templates.distributed {
+    /**
+     * Mediator of Distributed Processing System, be a server and client at the same time as a **master**.
+     *
+     * The {@link DistributedServerClientArrayMediator} is an abstract class, derived from the
+     * {@link DistributedSystemArrayMediator} class, opening a server accepting {@link DistributedSystem distributed
+     * clients} and being a client connecting to {@link IDistributedServer distributed servers} at the same time.
+     *
+     * Extends this {@link DistributedServerClientArrayMediator} and overrides below methods. After the overridings, open
+     * server with {@link open open()} method and connect to {@link IDistributedServer distributed servers} through the
+     * {@link connect connect()} method.
+     *
+     * - {@link createServerBase createServerBase()}
+     * - {@link createExternalClient createExternalClient()}
+     * - {@link createExternalServer createExternalServer()}
+     *
+     * #### [Inherited] {@link DistributedSystemArrayMediator}
+     * The {@link DistributedSystemArrayMediator} class be a master for its slave systems, and be a slave to its master
+     * system at the same time. This {@link DistributedSystemArrayMediator} be a master system, containing and managing
+     * {@link DistributedSystem} objects, which represent distributed slave systems, by extending
+     * {@link DistributedSystemArray} class. Also, be a slave system through {@link getMediator mediator} object, which is
+     * derived from the {@link SlavSystem} class.
+     *
+     * As a slave, you can specify this {@link DistributedSystemArrayMediator} to be <i>a client slave connecting to master
+     * server</i> or <i>a server slave accepting master client</i> by overriding the {@link createMediator} method.
+     * Overrides the {@link createMediator createMediator()} method and return one of them:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * #### [Inherited] {@link DistributedSystemArray}
+     * The {@link DistributedSystemArray} is an abstract class containing and managing remote distributed **slave** system
+     * drivers, {@link DistributedSystem} objects. Within framework of network, {@link DistributedSystemArray} represents
+     * your system, a **Master** of *Distributed Processing System* that requesting *distributed process* to **slave**
+     * systems and the children {@link DistributedSystem} objects represent the remote **slave** systems, who is being
+     * requested the *distributed processes*.
+     *
+     * The {@link DistributedSystemArray} contains {@link DistributedProcess} objects directly. You can request a
+     * **distributed process** through the {@link DistributedProcess} object. You can access the
+     * {@link DistributedProcess} object(s) with those methods:
+     *
+     * - {@link hasRole}
+     * - {@link getRole}
+     * - {@link insertRole}
+     * - {@link eraseRole}
+     * - {@link getRoleMap}
+     *
+     * When you need the **distributed process**, call the {@link DistributedProcess.sendData} method. Then the
+     * {@link DistributedProcess} will find the most idle {@link DistributedSystem} object who represents a distributed
+     * **slave **system. The {@link Invoke} message will be sent to the most idle {@link DistributedSystem} object. When
+     * the **distributed process** has completed, then {@link DistributedSystem.getPerformance performance index} and
+     * {@link DistributedProcess.getResource resource index} of related objects will be revaluated.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_distributed_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Parallel Process
+     * This {@link DistributedSystemArray} class is derived from the {@link ParallelSystemArray} class, so you can request
+     * a **parallel process**, too.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices will
+     * be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * #### Proxy Pattern
+     * This class {@link DistributedSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link DistributedSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class DistributedServerClientArrayMediator extends DistributedClientArrayMediator implements external.IExternalServerClientArray {
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * Factory method of a child Entity.
+         *
+         * This method is migrated to {@link createExternalServer}. Override the {@link createExternalServer} method.
+         *
+         * @param xml An {@link XML} object represents child element, so that can identify the type of child to create.
+         * @return A new child Entity via {@link createExternalServer createExternalServer()}.
+         */
+        createChild(xml: library.XML): DistributedSystem;
+        /**
+         * Factory method creating an {@link IDistributedServer} object.
+         *
+         * @param xml An {@link XML} object represents child element, so that can identify the type of child to create.
+         * @return A newly created {@link IDistributedServer} object.
+         */
+        protected abstract createExternalServer(xml: library.XML): IDistributedServer;
+        /**
+         * @inheritdoc
+         */
+        connect(): void;
+    }
+}
+declare namespace samchon.templates.external {
+    /**
+     * An interface for an {@link ExternalSystemArray} accepts {@link ExternalSystem external clients} as a
+     * {@link IServer server}.
+     *
+     * The easiest way to defining an {@link ExternalSystemArray} who opens server and accepts
+     * {@link ExternalSystem external clients} is to extending one of below, who are derived from this interface
+     * {@link IExternalClientArray}. However, if you can't specify an {@link ExternalSystemArray} to be whether server or
+     * client, then make a class (let's name it as **BaseSystemArray**) extending {@link ExternalSystemArray} and make
+     * a new class (now, I name it **BaseClientArray**) extending **BaseSystemArray** and implementing this
+     * interface {@link IExternalClientArray}. Define the **BaseClientArray** following those codes on below:
+     *
+     * <ul>
+     *	<li> {@link ExternalClientArray}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/external/ExternalClientArray.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     *	<li> {@link ParallelClientArray}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/master/ParallelClientArray.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     *	<li> {@link DistributedClientArray}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/master/DistributedClientArray.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     * </ul>
+     *
+     * @handbook [Templates - External System](https://github.com/samchon/framework/wiki/TypeScript-Templates-External_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    interface IExternalClientArray extends ExternalSystemArray, protocol.IServer {
+    }
+    /**
+     * An array and manager of {@link ExternalSystem external clients} as a server.
+     *
+     * The {@link ExternalClientArray} is an abstract class, derived from the {@link ExternalSystemArray} class, opening
+     * a server accepting {@link ExternalSystem external clients}.
+     *
+     * Extends this {@link ExternalClientArray}, overrides {@link createServerBase createServerBase()} to determine which
+     * protocol to follow and {@link createExternalClient createExternalClient()} creating child {@link ExternalSystem}
+     * object. After the extending and overridings, open this server using the {@link open open()} method.
+     *
+     * #### [Inherited] {@link ExternalSystemArray}
+     * The {@link ExternalSystemArray} is an abstract class containing and managing external system drivers,
+     * {@link ExternalSystem} objects. Within framewokr of network, {@link ExternalSystemArray} represents your system
+     * and children {@link ExternalSystem} objects represent remote, external systems connected with your system.
+     * With this {@link ExternalSystemArray}, you can manage multiple external systems as a group.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Proxy Pattern
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - External System](https://github.com/samchon/framework/wiki/TypeScript-Templates-External_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ExternalClientArray extends ExternalSystemArray implements IExternalClientArray {
+        /**
+         * @hidden
+         */
+        private server_base_;
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * Factory method creating {@link IServerBase} object.
+         *
+         * This method {@link createServerBase createServerBase()} determines which templates is used in this server,
+         * {@link ExternalClientArray}. If the templates is determined, then {@link ExternalSystem external clients} who
+         * may connect to {@link ExternalClientArray this server} must follow the specified templates.
+         *
+         * Creates and returns one of them:
+         * <ul>
+         *	<li> {@link ServerBase} </li>
+         *	<li> {@link WebServerBase} </li>
+         *	<li> {@link SharedWorkerServerBase} </li>
+         * </ul>
+         *
+         * @return A new {@link IServerBase} object.
+         */
+        protected abstract createServerBase(): protocol.IServerBase;
+        /**
+         * Add a newly connected remote client.
+         *
+         * When a {@link IClientDriver remote client} connects to this *server* {@link ExternalClientArray} object,
+         * then this {@link ExternalClientArray} creates a child {@link ExternalSystem external client} object through
+         * the {@link createExternalClient createExternalClient()} method and {@link insert inserts} it.
+         *
+         * @param driver A communicator for external client.
+         */
+        addClient(driver: protocol.IClientDriver): void;
+        /**
+         * (Deprecated) Factory method creating child object.
+         *
+         * The method {@link createChild createChild()} is deprecated. Don't use and override this.
+         *
+         * Note that, the {@link ExternalClientArray} is a server accepting {@link ExternalSystem external clients}.
+         * There's no way to creating the {@link ExternalSystem external clients} in advance before opening the server.
+         *
+         * @param xml An {@link XML} object represents the child {@link ExternalSystem} object.
+         * @return null
+         */
+        createChild(xml: library.XML): ExternalSystem;
+        /**
+         * Factory method creating a child {@link ExternalSystem} object.
+         *
+         * @param driver A communicator with connected client.
+         * @return A newly created {@link ExternalSystem} object.
+         */
+        protected abstract createExternalClient(driver: protocol.IClientDriver): ExternalSystem;
+        /**
+         * @inheritdoc
+         */
+        open(port: number): void;
+        /**
+         * @inheritdoc
+         */
+        close(): void;
+    }
+}
+declare namespace samchon.templates.external {
+    /**
+     * An interface for an external server driver.
+     *
+     * The easiest way to defining an external server driver is to extending one of below, who are derived from this
+     * interface {@link IExternalServer}. However, if you've to interact with an external system who can be both server
+     * and client, then make a class (let's name it as **BaseSystem**) extending {@link ExternalSystem} and make a
+     * new class (now, I name it **BaseServer**) extending **BaseSystem** and implementing this interface
+     * {@link IExternalServer}. Define the **BaseServer** following those codes on below:
+     *
+     * <ul>
+     *	<li> {@link ExternalServer}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/external/ExternalServer.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     *	<li> {@link ParallelServer}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/parallel/ParallelServer.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     *	<li> {@link DistributedServer}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/distributed/DistributedServer.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     * </ul>
+     *
+     * @handbook [Templates - External System](https://github.com/samchon/framework/wiki/TypeScript-Templates-External_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    interface IExternalServer extends ExternalSystem {
+        /**
+         * Connect to external server.
+         */
+        connect(): void;
+    }
+    /**
+     * An external server driver.
+     *
+     * The {@link ExternalServer} is an abstract class, derived from the {@link ExternalSystem} class, connecting to
+     * remote, external server. Extends this {@link ExternalServer} class and overrides the
+     * {@link createServerConnector createServerConnector()} method following which protocol the external server uses.
+     *
+     * #### [Inherited] {@link ExternalSystem}
+     * The {@link ExternalSystem} class represents an external system, connected and interact with this system.
+     * {@link ExternalSystem} takes full charge of network communication with the remote, external system have connected.
+     * Replied {@link Invoke} messages from the external system is shifted to and processed in, children elements of this
+     * class, {@link ExternalSystemRole} objects.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Bridge & Proxy Pattern
+     * The {@link ExternalSystem} class can be a *bridge* for *logical proxy*. In framework within user,
+     * which {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Bridge Pattern* and *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - External System](https://github.com/samchon/framework/wiki/TypeScript-Templates-External_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ExternalServer extends ExternalSystem implements IExternalServer {
+        /**
+         * IP address of target external system to connect.
+         */
+        protected ip: string;
+        /**
+         * Port number of target external system to connect.
+         */
+        protected port: number;
+        /**
+         * Construct from parent {@link ExternalSystemArray}.
+         *
+         * @param systemArray The parent {@link ExternalSystemArray} object.
+         */
+        constructor(systemArray: ExternalSystemArray);
+        /**
+         * Factory method creating {@link IServerConnector} object.
+         *
+         * The {@link createServerConnector createServerConnector()} is an abstract method creating
+         * {@link IServerConnector} object. Overrides and returns one of them, considering which templates the external
+         * system follows:
+         *
+         * - {@link ServerConnector}
+         * - {@link WebServerConnector}
+         * - {@link SharedWorkerServerConnector}
+         *
+         * @return A newly created {@link IServerConnector} object.
+         */
+        protected abstract createServerConnector(): protocol.IServerConnector;
+        /**
+         * @inheritdoc
+         */
+        connect(): void;
+    }
+}
+declare namespace samchon.templates.external {
+    /**
+     * An interface for an {@link ExternalSystemArray} connects to {@link IExternalServer external servers} as a
+     * **client**.
+     *
+     * The easiest way to defining an {@link ExternalSystemArray} who connects to
+     * {@link IExternalServer external servers} is to extending one of below, who are derived from this interface
+     * {@link IExternalServerArray}. However, if you can't specify an {@link ExternalSystemArray} to be whether server or
+     * client, then make a class (let's name it as **BaseSystemArray**) extending {@link ExternalSystemArray} and make
+     * a new class (now, I name it **BaseServerArray**) extending **BaseSystemArray** and implementing this
+     * interface {@link IExternalServerArray}. Define the **BaseServerArray** following those codes on below:
+     *
+     * <ul>
+     *	<li> {@link ExternalServerArray}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/external/ExternalServerArray.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     *	<li> {@link ParallelServerArray}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/master/ParallelServerArray.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     *	<li> {@link DistributedServerArray}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/master/DistributedServerArray.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     * </ul>
+     *
+     * @handbook [Templates - External System](https://github.com/samchon/framework/wiki/TypeScript-Templates-External_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    interface IExternalServerArray extends ExternalSystemArray {
+        /**
+         * Connect to {@link IExternalServer external servers}.
+         *
+         * This method calls children elements' method {@link IExternalServer.connect} gradually.
+         */
+        connect(): void;
+    }
+    /**
+     * An array and manager of {@link IExternalServer external servers}.
+     *
+     * The {@link ExternalServerArray} is an abstract class, derived from the {@link ExternalSystemArray} class,
+     * connecting to {@link IExternalServer external servers}.
+     *
+     * Extends this {@link ExternalServerArray} and overrides {@link createChild createChild()} method creating child
+     * {@link IExternalServer} object. After the extending and overriding, construct children {@link IExternalServer}
+     * objects and call the {@link connect connect()} method.
+     *
+     * #### [Inherited] {@link ExternalSystemArray}
+     * The {@link ExternalSystemArray} is an abstract class containing and managing external system drivers,
+     * {@link ExternalSystem} objects. Within framewokr of network, {@link ExternalSystemArray} represents your system
+     * and children {@link ExternalSystem} objects represent remote, external systems connected with your system.
+     * With this {@link ExternalSystemArray}, you can manage multiple external systems as a group.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Proxy Pattern
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - External System](https://github.com/samchon/framework/wiki/TypeScript-Templates-External_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ExternalServerArray extends ExternalSystemArray {
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * @inheritdoc
+         */
+        connect(): void;
+    }
+}
+declare namespace samchon.templates.external {
+    /**
+     * An interface for an {@link ExternalSystemArray} accepts {@link ExternalSystem external clients} as a
+     * {@link IServer server} and connects to {@link IExternalServer} as **client**, at the same time.
+     *
+     * The easiest way to defining an {@link IExternalServerClientArray} who opens server, accepts
+     * {@link ExternalSystem external clients} and connects to {@link IExternalServer external servers} is to extending
+     * one of below, who are derived from this interface {@link IExternalServerClientArray}. However, if you can't
+     * specify an {@link ExternalSystemArray} to be whether server or client or even can both them, then make a class
+     * (let's name it as **BaseSystemArray**) extending {@link ExternalSystemArray} and make a new class (now, I name
+     * it **BaseServerClientArray**) extending **BaseSystemArray** and implementing this interface
+     * {@link IExternalServerClientArray}. Define the **BaseServerClientArray** following those codes on below:
+     *
+     * <ul>
+     *	<li> {@link ExternalServerClientArray}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/external/ExternalServerClientArray.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     *	<li> {@link ParallelServerClientArray}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/master/ParallelServerClientArray.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     *	<li> {@link DistributedServerClientArray}:
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/master/DistributedServerClientArray.ts"
+     *		   target="_blank"> View source code on GitHub </a>
+     *	</li>
+     * </ul>
+     *
+     * @handbook [Templates - External System](https://github.com/samchon/framework/wiki/TypeScript-Templates-External_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    interface IExternalServerClientArray extends IExternalServerArray, IExternalClientArray {
+    }
+    /**
+     * An array and manager of {@link IExternalServer external servers} and {@link ExternalSystem external clients}.
+     *
+     * The {@link ExternalServerClientArray} is an abstract class, derived from the {@link ExternalSystemArray} class,
+     * opening a server accepting {@link ExternalSystem external clients} and being a client connecting to
+     * {@link IExternalServer external servers} at the same time.
+     *
+     * Extends this {@link ExternalServerClientArray} and overrides below methods. After the overridings, open server
+     * with {@link open open()} method and connect to {@link IExternalServer external servers} through the
+     * {@link connect connect()} method.
+     *
+     * - {@link createServerBase createServerBase()}
+     * - {@link createExternalClient createExternalClient()}
+     * - {@link createExternalServer createExternalServer()}
+     *
+     * #### [Inherited] {@link ExternalSystemArray}
+     * The {@link ExternalSystemArray} is an abstract class containing and managing external system drivers,
+     * {@link ExternalSystem} objects. Within framewokr of network, {@link ExternalSystemArray} represents your system
+     * and children {@link ExternalSystem} objects represent remote, external systems connected with your system.
+     * With this {@link ExternalSystemArray}, you can manage multiple external systems as a group.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Proxy Pattern
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - External System](https://github.com/samchon/framework/wiki/TypeScript-Templates-External_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ExternalServerClientArray extends ExternalClientArray implements IExternalServerClientArray {
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * Factory method of a child Entity.
+         *
+         * This method is migrated to {@link createExternalServer}. Override the {@link createExternalServer} method.
+         *
+         * @param xml An {@link XML} object represents child element, so that can identify the type of child to create.
+         * @return A new child Entity via {@link createExternalServer createExternalServer()}.
+         */
+        createChild(xml: library.XML): ExternalSystem;
+        /**
+         * Factory method creating an {@link IExternalServer} object.
+         *
+         * @param xml An {@link XML} object represents child element, so that can identify the type of child to create.
+         * @return A newly created {@link IExternalServer} object.
+         */
+        protected abstract createExternalServer(xml: library.XML): IExternalServer;
+        /**
+         * @inheritdoc
+         */
+        connect(): void;
+    }
+}
+declare namespace samchon.templates.external {
+    /**
+     * A role of an external system.
+     *
+     * The {@link ExternalSystemRole} class represents a role, *WHAT TO DO*. Extends the {@link ExternalSystemRole} class
+     * and overrides {@link replyData replyData()} to define the *WHAT TO DO*. And assign this {@link ExternalSystemRole}
+     * object to related {@link ExternalSystem} object.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_external_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Proxy Pattern
+     * The {@link ExternalSystemRole} class can be an *logical proxy*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem} object, via {@link ExternalSystemArray.getRole ExternalSystemArray.getRole()}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - External System](https://github.com/samchon/framework/wiki/TypeScript-Templates-External_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ExternalSystemRole extends protocol.Entity implements protocol.IProtocol {
+        /**
+         * @hidden
          */
         private system;
         /**
-         * <p> A name, represents and identifies this {@link ExternalSystemRole role}. </p>
+         * A name, represents and identifies this {@link ExternalSystemRole role}.
          *
-         * <p> This {@link name} is an identifier represents this {@link ExternalSystemRole role}. This {@link name} is
+         * This {@link name} is an identifier represents this {@link ExternalSystemRole role}. This {@link name} is
          * used in {@link ExternalSystemArray.getRole} and {@link ExternalSystem.get}, as a key elements. Thus, this
          * {@link name} should be unique in an {@link ExternalSystemArray}.
          */
@@ -5046,7 +8194,16 @@ declare namespace samchon.protocol.external {
          */
         key(): string;
         /**
-         * Get external system, this role is belonged to.
+         * Get grandparent {@link ExternalSystemArray}.
+         *
+         * Get the grandparent {@link ExternalSystemArray} object through this parent {@link ExternalSystem},
+         * {@link ExternalSystem.getSystemArray ExternalSystem.getSystemArray()}.
+         *
+         * @return The grandparent {@link ExternalSystemArray} object.
+         */
+        getSystemArray(): ExternalSystemArray;
+        /**
+         * Get parent {@link ExternalSystemRole} object.
          */
         getSystem(): ExternalSystem;
         /**
@@ -5054,76 +8211,608 @@ declare namespace samchon.protocol.external {
          */
         getName(): string;
         /**
-         * Send an {@link Invoke} message to the external system via {@link system}.
+         * Send an {@link Invoke} message.
+         *
+         * Sends an {@link Invoke} message to remote system through the parent {@link ExternalSystem} object.
          *
          * @param invoke An {@link Invoke} message to send to the external system.
          */
-        sendData(invoke: Invoke): void;
+        sendData(invoke: protocol.Invoke): void;
         /**
-         * <p> Handle replied {@link Invoke message} from the {@link system external system} belonged to. </p>
+         * Handle replied {@link Invoke} message.
          *
-         * <p> This {@link replyData replyData()} will call a member method named following {@link Invoke.listener}.
-         * in the <i>invoke</i>. </p>
+         * {@link ExternalSystemRole.replyData ExternalSystemRole.replyData()} is an abstract method handling a replied
+         * {@link Invoke message} gotten from remote system via parent {@link ExternalSystem} object. Overrides this
+         * method and defines the *WHAT TO DO* with the {@link Invoke message}.
          *
-         * @param invoke An {@link Invoke} message received from the {@link system external system}.
+         * @param invoke An {@link Invoke} message received from the {@link ExternalSystem external system}.
          */
-        replyData(invoke: Invoke): void;
+        abstract replyData(invoke: protocol.Invoke): void;
         /**
          * Tag name of the {@link ExternalSytemRole} in {@link XML}.
          *
-         * @return <i>role</i>.
+         * @return *role*.
          */
         TAG(): string;
     }
 }
-declare namespace samchon.protocol.distributed {
-    abstract class DistributedSystemRole extends external.ExternalSystemRole {
-        private system_array_;
-        private progress_list_;
-        private history_list_;
-        protected performance: number;
-        constructor(systemArray: DistributedSystemArray);
-        getSystemArray(): DistributedSystemArray;
-        getPerformance(): number;
+declare namespace samchon.templates.slave {
+    abstract class SlaveSystem implements protocol.IProtocol {
+        /**
+         * @hidden
+         */
+        protected communicator_: protocol.ICommunicator;
+        /**
+         * Default Constructor.
+         */
+        constructor();
         sendData(invoke: protocol.Invoke): void;
-        _Report_history(history: DSInvokeHistory): void;
+        /**
+         * @hidden
+         */
+        protected _replyData(invoke: protocol.Invoke): void;
+        replyData(invoke: protocol.Invoke): void;
     }
 }
-/**
- * [[include: https://raw.githubusercontent.com/samchon/framework/master/handbook/TypeScript-Protocol-External_System.md]]
- */
-declare namespace samchon.protocol.external {
+declare namespace samchon.templates.parallel {
     /**
-     * <p> An array and manager of {@link ExternalSystem external systems}. </p>
+     * A mediator, the master driver.
      *
-     * <p> {@link ExternalSystemArray} is an abstract class contains and manages external system drivers,
-     * {@link ExternalSystem} objects. You can specify this {@link ExternalSystemArray} to be a server accepting
-     * {@link ExternalSystem external clients} or a client connecting to {@link IExternalServer external servers}. Even
-     * both of them is also possible. </p>
+     * The {@link MediatorSystem} is an abstract class helping {@link ParallelSystemArrayMediator} can be a **slave**
+     * system. The {@link MediatorSystem} interacts and communicates with the **master** system as a role of **slave**.
      *
-     * <ul>
-     *	<li> A server accepting external clients: {@link IExternalClientArray} </li>
-     *	<li> A client connecting to external servers: {@link IExternalServerArray} </li>
-     *	<li>
-     *		Accepts external clients & Connects to external servers at the same time:
-     *		{@link IExternalServerClientArray}
-     *	</li>
-     * </ul>
+     * This {@link MediatorSystem} object is created in {@link ParallelSystemArrayMediator.createMediator}. Override the
+     * method and return one of them, which are derived from this {@link MediatorSystem} class, considering which
+     * type and protocol the **master** system follows:
      *
-     * <p> <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * When the **master** orders a *parallel process* to this **slave**, then the {@link MediatorSystem} delivers the
+     * *parallel process* to its parent {@link ParallelSystemArrayMediator} object. The
+     * {@link ParallelSystemArrayMediator} object distributes the *parallel process* to its slaves system,
+     * {@link ParallelSystem} objects. When the *parallel process* has completed, then {@link MediatorSystem} reports the
+     * result to its **master**.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
      *		  target="_blank">
-     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
      *		 style="max-width: 100%" />
-     * </a> </p>
+     * </a>
      *
-     * <h4> Proxy Pattern </h4>
-     * <p> The {@link ExternalSystemArray} class can use <i>Proxy Pattern</i>. In framework within user, which
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System),
+     *			 [Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class MediatorSystem extends slave.SlaveSystem {
+        /**
+         * @hidden
+         */
+        private system_array_;
+        /**
+         * @hidden
+         */
+        private progress_list_;
+        /**
+         * Construct from parent {@link ParallelSystemArrayMediator} object.
+         *
+         * @param systemArray The parent {@link ParallelSystemArrayMediator} object.
+         */
+        constructor(systemArray: ParallelSystemArrayMediator);
+        /**
+         * Construct from parent {@link DistributedSystemArrayMediator} object.
+         *
+         * @param systemArray The parent {@link DistributedSystemArrayMediator} object.
+         */
+        constructor(systemArray: distributed.DistributedSystemArrayMediator);
+        /**
+         * Start interaction.
+         *
+         * The {@link start start()} is an abstract method starting interaction with the **master** system. If the
+         * **master** is a server, then connects to the **master**. Otherwise, the **master** is client, then this
+         * {@link MediatorSystem} object wil open a server accepting the **master**.
+         */
+        abstract start(): void;
+        /**
+         * Get parent {@link ParallelSystemArrayMediator} object.
+         */
+        getSystemArray(): ParallelSystemArrayMediator | distributed.DistributedSystemArrayMediator;
+        /**
+         * @hidden
+         */
+        private complete_history(uid);
+        /**
+         * @hidden
+         */
+        protected _replyData(invoke: protocol.Invoke): void;
+        /**
+         * @inheritdoc
+         */
+        replyData(invoke: protocol.Invoke): void;
+    }
+}
+declare namespace samchon.templates.parallel {
+    /**
+     * A mediator server, driver for the master client.
+     *
+     * The {@link MediatorServer} is a class opening a server accepting the **master** client, following the protocol of
+     * Samchon Framework's own.
+     *
+     * #### [Inherited] {@link MediatorSystem}
+     * The {@link MediatorSystem} is an abstract class helping {@link ParallelSystemArrayMediator} can be a **slave**
+     * system. The {@link MediatorSystem} interacts and communicates with the **master** system as a role of **slave**.
+     *
+     * This {@link MediatorSystem} object is created in {@link ParallelSystemArrayMediator.createMediator}. Override the
+     * method and return one of them, which are derived from this {@link MediatorSystem} class, considering which
+     * type and protocol the **master** system follows:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * When the **master** orders a *parallel process* to this **slave**, then the {@link MediatorSystem} delivers the
+     * *parallel process* to its parent {@link ParallelSystemArrayMediator} object. The
+     * {@link ParallelSystemArrayMediator} object distributes the *parallel process* to its slaves system,
+     * {@link ParallelSystem} objects. When the *parallel process* has completed, then {@link MediatorSystem} reports the
+     * result to its **master**.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System),
+     *			 [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class MediatorServer extends MediatorSystem implements slave.ISlaveServer {
+        /**
+         * @hidden
+         */
+        private server_base_;
+        /**
+         * @hidden
+         */
+        private port;
+        /**
+         * Initializer Constructor.
+         *
+         * @param systemArray The parent {@link ParallelSystemArrayMediator} object.
+         * @param port Port number of server to open.
+         */
+        constructor(systemArray: ParallelSystemArrayMediator, port: number);
+        /**
+         * Initializer Constructor.
+         *
+         * @param systemArray The parent {@link DistributedSystemArrayMediator} object.
+         * @param port Port number of server to open.
+         */
+        constructor(systemArray: distributed.DistributedSystemArrayMediator, port: number);
+        /**
+         * Factory method creating {@link IServerBase} object.
+         *
+         * This method {@link createServerBase createServerBase()} determines which protocol is used in this server,
+         * {@link MediatorServer}. Note that, **slave** (this {@link MediatorServer} object) must follow the **master**'s
+         * protocol.
+         *
+         * Overrides and return one of them considering the which protocol to follow:
+         *
+         * - {@link ServerBase}
+         * - {@link WebServerBase}
+         * - {@link SharedWorkerServerBase}
+         */
+        protected createServerBase(): protocol.IServerBase;
+        /**
+         * Add a newly connected remote client.
+         *
+         * {@link MediatorServer} represents a **slave** dedicating to its **master**. In that reason, the
+         * {@link MediatorServer} does not accept multiple **master** clients. It accepts only one. Thus, *listener* of
+         * the *communicator* is {@link MediatorSystem} object, itself.
+         *
+         * @param driver A communicator with remote client.
+         */
+        addClient(driver: protocol.IClientDriver): void;
+        /**
+         * @inheritdoc
+         */
+        start(): void;
+        /**
+         * @inheritdoc
+         */
+        open(port: number): void;
+        /**
+         * @inheritdoc
+         */
+        close(): void;
+    }
+    /**
+     * A mediator server, driver for the master client.
+     *
+     * The {@link MediatorWebServer} is a class opening a server accepting the **master** client, following the
+     * web-socket protocol.
+     *
+     * #### [Inherited] {@link MediatorSystem}
+     * The {@link MediatorSystem} is an abstract class helping {@link ParallelSystemArrayMediator} can be a **slave**
+     * system. The {@link MediatorSystem} interacts and communicates with the **master** system as a role of **slave**.
+     *
+     * This {@link MediatorSystem} object is created in {@link ParallelSystemArrayMediator.createMediator}. Override the
+     * method and return one of them, which are derived from this {@link MediatorSystem} class, considering which
+     * type and protocol the **master** system follows:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * When the **master** orders a *parallel process* to this **slave**, then the {@link MediatorSystem} delivers the
+     * *parallel process* to its parent {@link ParallelSystemArrayMediator} object. The
+     * {@link ParallelSystemArrayMediator} object distributes the *parallel process* to its slaves system,
+     * {@link ParallelSystem} objects. When the *parallel process* has completed, then {@link MediatorSystem} reports the
+     * result to its **master**.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System),
+     *			 [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class MediatorWebServer extends MediatorServer {
+        /**
+         * @inheritdoc
+         */
+        protected createServerBase(): protocol.IServerBase;
+    }
+    /**
+     * A mediator server, driver for the master client.
+     *
+     * The {@link MediatorSharedWorkerServer} is a class opening a server accepting the **master** client, following the
+     * SharedWorker's protocol.
+     *
+     * #### [Inherited] {@link MediatorSystem}
+     * The {@link MediatorSystem} is an abstract class helping {@link ParallelSystemArrayMediator} can be a **slave**
+     * system. The {@link MediatorSystem} interacts and communicates with the **master** system as a role of **slave**.
+     *
+     * This {@link MediatorSystem} object is created in {@link ParallelSystemArrayMediator.createMediator}. Override the
+     * method and return one of them, which are derived from this {@link MediatorSystem} class, considering which
+     * type and protocol the **master** system follows:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * When the **master** orders a *parallel process* to this **slave**, then the {@link MediatorSystem} delivers the
+     * *parallel process* to its parent {@link ParallelSystemArrayMediator} object. The
+     * {@link ParallelSystemArrayMediator} object distributes the *parallel process* to its slaves system,
+     * {@link ParallelSystem} objects. When the *parallel process* has completed, then {@link MediatorSystem} reports the
+     * result to its **master**.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System),
+     *			 [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class MediatorSharedWorkerServer extends MediatorServer {
+        /**
+         * @inheritdoc
+         */
+        protected createServerBase(): protocol.IServerBase;
+    }
+}
+declare namespace samchon.templates.parallel {
+    /**
+     * A mediator client, driver for the master server.
+     *
+     * The {@link MediatorServer} is a class being a client connecting to the **master** server, following the protocol
+     * of Samchon Framework's own.
+     *
+     * #### [Inherited] {@link MediatorSystem}
+     * The {@link MediatorSystem} is an abstract class helping {@link ParallelSystemArrayMediator} can be a **slave**
+     * system. The {@link MediatorSystem} interacts and communicates with the **master** system as a role of **slave**.
+     *
+     * This {@link MediatorSystem} object is created in {@link ParallelSystemArrayMediator.createMediator}. Override the
+     * method and return one of them, which are derived from this {@link MediatorSystem} class, considering which
+     * type and protocol the **master** system follows:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * When the **master** orders a *parallel process* to this **slave**, then the {@link MediatorSystem} delivers the
+     * *parallel process* to its parent {@link ParallelSystemArrayMediator} object. The
+     * {@link ParallelSystemArrayMediator} object distributes the *parallel process* to its slaves system,
+     * {@link ParallelSystem} objects. When the *parallel process* has completed, then {@link MediatorSystem} reports the
+     * result to its **master**.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System),
+     *			 [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class MediatorClient extends MediatorSystem implements slave.ISlaveClient {
+        /**
+         * @hidden
+         */
+        private ip;
+        /**
+         * @hidden
+         */
+        private port;
+        /**
+         * Initializer Constructor.
+         *
+         * @param systemArray The parent {@link ParallelSystemArrayMediator} object.
+         * @param ip IP address to connect.
+         * @param port Port number to connect.
+         */
+        constructor(systemArray: ParallelSystemArrayMediator, ip: string, port: number);
+        /**
+         * Initializer Constructor.
+         *
+         * @param systemArray The parent {@link DistributedSystemArrayMediator} object.
+         * @param ip IP address to connect.
+         * @param port Port number to connect.
+         */
+        constructor(systemArray: distributed.DistributedSystemArrayMediator, ip: string, port: number);
+        /**
+         * Factory method creating {@link IServerConnector} object.
+         *
+         * The {@link createServerConnector createServerConnector()} is an abstract method creating
+         * {@link IServerConnector} object. Overrides and returns one of them, considering which protocol the **master**
+         * server follows:
+         *
+         * - {@link ServerConnector}
+         * - {@link WebServerConnector}
+         * - {@link SharedWorkerServerConnector}
+         *
+         * @return A newly created {@link IServerConnector} object.
+         */
+        protected createServerConnector(): protocol.IServerConnector;
+        /**
+         * @inheritdoc
+         */
+        start(): void;
+        /**
+         * @inheritdoc
+         */
+        connect(): void;
+    }
+    /**
+     * A mediator client, driver for the master server.
+     *
+     * The {@link MediatorWebClient} is a class being a client connecting to the **master** server, following the
+     * web-socket protocol.
+     *
+     * #### [Inherited] {@link MediatorSystem}
+     * The {@link MediatorSystem} is an abstract class helping {@link ParallelSystemArrayMediator} can be a **slave**
+     * system. The {@link MediatorSystem} interacts and communicates with the **master** system as a role of **slave**.
+     *
+     * This {@link MediatorSystem} object is created in {@link ParallelSystemArrayMediator.createMediator}. Override the
+     * method and return one of them, which are derived from this {@link MediatorSystem} class, considering which
+     * type and protocol the **master** system follows:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * When the **master** orders a *parallel process* to this **slave**, then the {@link MediatorSystem} delivers the
+     * *parallel process* to its parent {@link ParallelSystemArrayMediator} object. The
+     * {@link ParallelSystemArrayMediator} object distributes the *parallel process* to its slaves system,
+     * {@link ParallelSystem} objects. When the *parallel process* has completed, then {@link MediatorSystem} reports the
+     * result to its **master**.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System),
+     *			 [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class MediatorWebClient extends MediatorClient {
+        /**
+         * @inheritdoc
+         */
+        protected createServerConnector(): protocol.IServerConnector;
+    }
+    /**
+     * A mediator client, driver for the master server.
+     *
+     * The {@link MediatorSharedWorkerClient} is a class being a client connecting to the **master** server, following
+     * the SharedWorker's protocol.
+     *
+     * #### [Inherited] {@link MediatorSystem}
+     * The {@link MediatorSystem} is an abstract class helping {@link ParallelSystemArrayMediator} can be a **slave**
+     * system. The {@link MediatorSystem} interacts and communicates with the **master** system as a role of **slave**.
+     *
+     * This {@link MediatorSystem} object is created in {@link ParallelSystemArrayMediator.createMediator}. Override the
+     * method and return one of them, which are derived from this {@link MediatorSystem} class, considering which
+     * type and protocol the **master** system follows:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * When the **master** orders a *parallel process* to this **slave**, then the {@link MediatorSystem} delivers the
+     * *parallel process* to its parent {@link ParallelSystemArrayMediator} object. The
+     * {@link ParallelSystemArrayMediator} object distributes the *parallel process* to its slaves system,
+     * {@link ParallelSystem} objects. When the *parallel process* has completed, then {@link MediatorSystem} reports the
+     * result to its **master**.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System),
+     *			 [Templates - Distributed System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Distributed_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class MediatorSharedWorkerClient extends MediatorClient {
+        /**
+         * @inheritdoc
+         */
+        protected createServerConnector(): protocol.IServerConnector;
+    }
+}
+declare namespace samchon.templates.parallel {
+    /**
+     * History of an {@link Invoke} message.
+     *
+     * The {@link PRInvokeHistory} is a class archiving history log of an {@link Invoke} message which requests the
+     * *parallel process*, created whenever {@link ParallelSystemArray.sendSegmentData} or
+     * {@link ParallelSystemArray.sendSegmentData} is called.
+     *
+     * When the *parallel process* has completed, then {@link complete complete()} is called and the *elapsed time* is
+     * determined. The elapsed time is utilized for computation of {@link ParallelSystem.getPerformance performance index}
+     * of each {@link ParallelSystem parallel slave system}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class PRInvokeHistory extends protocol.InvokeHistory {
+        /**
+         * @hidden
+         */
+        private first;
+        /**
+         * @hidden
+         */
+        private last;
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * Construct from an {@link Invoke} message.
+         *
+         * @param invoke An {@link Invoke} message requesting a *parallel process*.
+         */
+        constructor(invoke: protocol.Invoke);
+        /**
+         * Get initial piece's index.
+         *
+         * Returns initial piece's index in the section of requested *parallel process*.
+         *
+         * @return The initial index.
+         */
+        getFirst(): number;
+        /**
+         * Get final piece's index.
+         *
+         * Returns initial piece's index in the section of requested *parallel process*. The range used is
+         * [*first*, *last*), which contains all the pieces' indices between *first* and *last*, including the piece
+         * pointed by index *first*, but not the piece pointed by the index *last*.
+         *
+         * @return The final index.
+         */
+        getLast(): number;
+        /**
+         * Compute number of allocated pieces.
+         */
+        computeSize(): number;
+    }
+}
+declare namespace samchon.templates.parallel {
+    /**
+     * Master of Parallel Processing System, a server accepting slave clients.
+     *
+     * The {@link ParallelClientArray} is an abstract class, derived from the {@link ParallelSystemArray} class, opening
+     * a server accepting {@link ParallelSystem parallel clients}.
+     *
+     * Extends this {@link ParallelClientArray}, overrides {@link createServerBase createServerBase()} to determine which
+     * protocol to follow and {@link createExternalClient createExternalClient()} creating child {@link ParallelSystem}
+     * object. After the extending and overridings, open this server using the {@link open open()} method.
+     *
+     * #### [Inherited] {@link ParallelSystemArray}
+     * The {@link ParallelSystemArray} is an abstract class containing and managing remote parallel **slave** system
+     * drivers, {@link ParallelSystem} objects. Within framework of network, {@link ParallelSystemArray} represents your
+     * system, a **Master** of *Parallel Processing System* that requesting *parallel process* to slave systems and the
+     * children {@link ParallelSystem} objects represent the remote slave systems, who is being requested the
+     * *parallel processes*.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices
+     * will be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Proxy Pattern
+     * This class {@link ParallelSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link ParallelSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
      * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
-     * important. Only interested in user's perspective is <i>which can be done</i>. </p>
+     * important. Only interested in user's perspective is *which can be done*.
      *
-     * <p> By using the <i>logical proxy</i>, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
      * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
-     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}. </p>
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
      *
      * <ul>
      *	<li>
@@ -5135,180 +8824,75 @@ declare namespace samchon.protocol.external {
      *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
      *		external system.
      *	</li>
-     *	<li> Those strategy is called <i>Proxy Pattern</i>. </li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
      * </ul>
      *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
      * @author Jeongho Nam <http://samchon.org>
      */
-    abstract class ExternalSystemArray extends EntityDequeCollection<ExternalSystem> implements IProtocol {
-        /**
-         * Default Constructor.
-         */
-        constructor();
+    abstract class ParallelClientArray extends ParallelSystemArray implements external.IExternalClientArray {
         /**
          * @hidden
          */
-        private handle_system_erase(event);
-        /**
-         * Test whether this system array has the role.
-         *
-         * @param name Name, identifier of target {@link ExternalSystemRole role}.
-         *
-         * @return Whether the role has or not.
-         */
-        hasRole(name: string): boolean;
-        /**
-         * Get a role.
-         *
-         * @param name Name, identifier of target {@link ExternalSystemRole role}.
-         *
-         * @return The specified role.
-         */
-        getRole(name: string): ExternalSystemRole;
-        /**
-         * <p> Send an {@link Invoke} message. </p>
-         *
-         * @param invoke An {@link Invoke} message to send.
-         */
-        sendData(invoke: Invoke): void;
-        /**
-         * <p> Handle an {@Invoke} message have received. </p>
-         *
-         * @param invoke An {@link Invoke} message have received.
-         */
-        replyData(invoke: Invoke): void;
-        /**
-         * Tag name of the {@link ExternalSytemArray} in {@link XML}.
-         *
-         * @return <i>systemArray</i>.
-         */
-        TAG(): string;
-        /**
-         * Tag name of {@link ExternalSystem children elements} belonged to the {@link ExternalSytemArray} in {@link XML}.
-         *
-         * @return <i>system</i>.
-         */
-        CHILD_TAG(): string;
-    }
-}
-declare namespace samchon.protocol.parallel {
-    /**
-     * <p> A manager containing {@link ParallelSystem} objects. </p>
-     *
-     *
-     *
-     * @author Jeongho Nam <http://samchon.org>
-     */
-    abstract class ParallelSystemArray extends external.ExternalSystemArray {
-        /**
-         * @hidden
-         */
-        private history_sequence_;
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        /**
-         * @inheritdoc
-         */
-        at(index: number): ParallelSystem;
-        /**
-         * @hidden
-         */
-        _Fetch_history_sequence(): number;
-        /**
-         * @hidden
-         */
-        _Set_history_sequence(val: number): void;
-        /**
-         *
-         * @param invoke An invoke message requesting parallel process.
-         * @param size Number of pieces.
-         */
-        sendSegmentData(invoke: Invoke, size: number): void;
-        /**
-         *
-         *
-         * @param invoke An invoke message requesting parallel process.
-         * @param first Initial piece's index in a section.
-         * @param last Final piece's index in a section. The ranged used is [<i>first</i>, <i>last</i>), which contains
-         *			   all the pieces' indices between <i>first</i> and <i>last</i>, including the piece pointed by index
-         *			   <i>first</i>, but not the piece pointed by the index <i>last</i>.
-         */
-        sendPieceData(invoke: Invoke, first: number, last: number): void;
-        /**
-         *
-         * @param history
-         *
-         * @return Whether the processes with same uid are all fininsed.
-         */
-        _Complete_history(history: InvokeHistory): boolean;
-        /**
-         * @hidden
-         */
-        private normalize_performance();
-    }
-}
-declare namespace samchon.protocol.distributed {
-    abstract class DistributedSystemArray extends parallel.ParallelSystemArray {
-        /**
-         * @hidden
-         */
-        private role_map_;
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        construct(xml: library.XML): void;
-        abstract createRole(xml: library.XML): DistributedSystemRole;
-        /**
-         * @inheritdoc
-         */
-        at(index: number): DistributedSystem;
-        getRoleMap(): std.HashMap<string, DistributedSystemRole>;
-        /**
-         * @inheritdoc
-         */
-        hasRole(name: string): boolean;
-        /**
-         * @inheritdoc
-         */
-        getRole(name: string): DistributedSystemRole;
-        insertRole(role: DistributedSystemRole): void;
-        eraseRole(name: string): void;
-        toXML(): library.XML;
-    }
-}
-declare namespace samchon.protocol.distributed {
-    abstract class DistributedClientArray extends DistributedSystemArray implements external.IExternalClientArray {
-        /**
-         * A subrogator of {@link IServer server}'s role instead of this {@link ExternalClientArray}.
-         */
         private server_base_;
         /**
          * Default Constructor.
          */
         constructor();
         /**
-         * <p> Factory method creating {@link IServerBase} object. </p>
+         * Factory method creating {@link IServerBase} object.
          *
-         * <p> This method {@link createServerBase createServerBase()} determines which protocol is used in this server,
+         * This method {@link createServerBase createServerBase()} determines which protocol is used in this server,
          * {@link ExternalClientArray}. If the protocol is determined, then {@link ExternalSystem external clients} who
-         * may connect to {@link ExternalClientArray this server} must follow the specified protocol. </p>
+         * may connect to {@link ExternalClientArray this server} must follow the specified protocol.
          *
-         * <p> Creates and returns one of them: </p>
-         * <ul>
-         *	<li> {@link ServerBase} </li>
-         *	<li> {@link WebServerBase} </li>
-         *	<li> {@link SharedWorkerServerBase} </li>
-         * </ul>
+         * Overrides the {@link createServerBase createServerBase()} method to create and return one of them:
+         *
+         * - {@link ServerBase}
+         * - {@link WebServerBase}
+         * - {@link SharedWorkerServerBase}
          *
          * @return A new {@link IServerBase} object.
          */
-        protected abstract createServerBase(): IServerBase;
-        addClient(driver: IClientDriver): void;
-        createChild(xml: library.XML): DistributedSystem;
-        protected abstract createExternalClient(driver: IClientDriver): DistributedSystem;
+        protected abstract createServerBase(): protocol.IServerBase;
+        /**
+         * Add a newly connected remote client.
+         *
+         * When a {@link IClientDriver remote client} connects to this *master server of parallel processing system*,
+         * then this {@link ParallelClientArray} creates a child {@link ParallelSystem parallel client} object through
+         * the {@link createExternalClient createExternalClient()} method and {@link insert inserts} it.
+         *
+         * @param driver A communicator for external client.
+         */
+        addClient(driver: protocol.IClientDriver): void;
+        /**
+         * (Deprecated) Factory method creating child object.
+         *
+         * The method {@link createChild createChild()} is deprecated. Don't use and override this.
+         *
+         * Note that, the {@link ParallelClientArray} is a server accepting {@link ParallelSystem parallel clients}.
+         * There's no way to creating the {@link ParallelSystem parallel clients} in advance before opening the server.
+         *
+         * @param xml An {@link XML} object represents the child {@link ParallelSystem} object.
+         * @return ```null```
+         */
+        createChild(xml: library.XML): ParallelSystem;
+        /**
+         * Factory method creating {@link ParallelSystem} object.
+         *
+         * The method {@link createExternalClient createExternalClient()} is a factory method creating a child
+         * {@link ParallelSystem} object, that is called whenever a parallel client has connected, by
+         * {@link addClient addClient()}.
+         *
+         * Overrides this {@link createExternalClient} method and creates a type of {@link ParallelSystem} object with
+         * the *driver* that communicates with the parallel client. After the creation, returns the {@link ParallelSystem}
+         * object. Then whenever a parallel client has connected, matched {@link ParallelSystem} object will be
+         * constructed and {@link insert inserted} into this {@link ParallelClientArray} object.
+         *
+         * @param driver A communicator with the parallel client.
+         * @return A newly created {@link ParallelSystem} object.
+         */
+        protected abstract createExternalClient(driver: protocol.IClientDriver): ParallelSystem;
         /**
          * @inheritdoc
          */
@@ -5319,389 +8903,208 @@ declare namespace samchon.protocol.distributed {
         close(): void;
     }
 }
-declare namespace samchon.protocol.distributed {
-    abstract class DistributedSystemArrayMediator extends DistributedSystemArray {
+declare namespace samchon.templates.parallel {
+    /**
+     * Mediator of Parallel Processing System.
+     *
+     * The {@link ParallelSystemArrayMediator} class be a **master** for its slave systems, and be a **slave** to its
+     * master system at the same time. This {@link ParallelSystemArrayMediator} be a **master **system, containing and
+     * managing {@link ParallelSystem} objects, which represent parallel slave systems, by extending
+     * {@link ParallelSystemArray} class. Also, be a **slave** system through {@link getMediator mediator} object, which is
+     * derived from the {@link SlavSystem} class.
+     *
+     * As a **master**, you can specify this {@link ParallelSystemArrayMediator} class to be <i>a master server accepting
+     * slave clients<i> or <i>a master client to connecting slave servers</i>. Even both of them is possible. Extends one
+     * of them below and overrides abstract factory method(s) creating the child {@link ParallelSystem} object.
+     *
+     * - {@link ParallelClientArrayMediator}: A server accepting {@link ParallelSystem parallel clients}.
+     * - {@link ParallelServerArrayMediator}: A client connecting to {@link ParallelServer parallel servers}.
+     * - {@link ParallelServerClientArrayMediator}: Both of them. Accepts {@link ParallelSystem parallel clients} and
+     *   connects to {@link ParallelServer parallel servers} at the same time.
+     *
+     * As a **slave**, you can specify this {@link ParallelSystemArrayMediator} to be <i>a client slave connecting to
+     * master server</i> or <i>a server slave accepting master client</i> by overriding the {@link createMediator} method.
+     * Overrides the {@link createMediator createMediator()} method and return one of them:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * #### [Inherited] {@link ParallelSystemArray}
+     * The {@link ParallelSystemArray} is an abstract class containing and managing remote parallel **slave** system
+     * drivers, {@link ParallelSystem} objects. Within framework of network, {@link ParallelSystemArray} represents your
+     * system, a **Master** of *Parallel Processing System* that requesting *parallel process* to slave systems and the
+     * children {@link ParallelSystem} objects represent the remote slave systems, who is being requested the
+     * *parallel processes*.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices
+     * will be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Proxy Pattern
+     * This class {@link ParallelSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link ParallelSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ParallelSystemArrayMediator extends ParallelSystemArray {
+        /**
+         * @hidden
+         */
         private mediator_;
         /**
          * Default Constructor.
          */
         constructor();
-        protected abstract createMediator(): parallel.MediatorSystem;
+        /**
+         * Factory method creating a {@link MediatorSystem} object.
+         *
+         * The {@link createMediator createMediator()} is an abstract method creating the {@link MediatorSystem} object.
+         *
+         * You know what? this {@link ParallelSystemArrayMediator} class be a **master** for its slave systems, and be a
+         * **slave** to its master system at the same time. The {@link MediatorSystem} object makes it possible; be a
+         * **slave** system. This {@link createMediator} determines specific type of the {@link MediatorSystem}.
+         *
+         * Overrides the {@link createMediator createMediator()} method to create and return one of them following which
+         * protocol and which type of remote connection (server or client) will be used:
+         *
+         * - A client slave connecting to master server:
+         *   - {@link MediatorClient}
+         *   - {@link MediatorWebClient}
+         *   - {@link MediatorSharedWorkerClient}
+         * - A server slave accepting master client:
+         *   - {@link MediatorServer}
+         *   - {@link MediatorWebServer}
+         *   - {@link MediatorSharedWorkerServer}
+         *
+         * @return A newly created {@link MediatorSystem} object.
+         */
+        protected abstract createMediator(): MediatorSystem;
+        /**
+         * Start mediator.
+         *
+         * If the {@link getMediator mediator} is a type of server, then opens the server accepting master client.
+         * Otherwise, the {@link getMediator mediator} is a type of client, then connects the master server.
+         */
         protected startMediator(): void;
-        getMediator(): parallel.MediatorSystem;
-        _Complete_history(history: parallel.PRInvokeHistory): boolean;
+        /**
+         * Get {@link MediatorSystem} object.
+         *
+         * When you need to send an {@link Invoke} message to the master system of this
+         * {@link ParallelSystemArrayMediator}, then send to the {@link MediatorSystem} through this {@link getMediator}.
+         *
+         * ```typescript
+         * this.getMediator().sendData(...);
+         * ```
+         *
+         * @return The {@link MediatorSystem} object.
+         */
+        getMediator(): MediatorSystem;
+        /**
+         * @hidden
+         */
+        protected _Complete_history(history: PRInvokeHistory): boolean;
     }
 }
-declare namespace samchon.protocol.distributed {
-    abstract class DistributedClientArrayMediator extends DistributedSystemArrayMediator implements external.IExternalClientArray {
-        /**
-         * A subrogator of {@link IServer server}'s role instead of this {@link ExternalClientArray}.
-         */
-        private server_base_;
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        /**
-         * <p> Factory method creating {@link IServerBase} object. </p>
-         *
-         * <p> This method {@link createServerBase createServerBase()} determines which protocol is used in this server,
-         * {@link ExternalClientArray}. If the protocol is determined, then {@link ExternalSystem external clients} who
-         * may connect to {@link ExternalClientArray this server} must follow the specified protocol. </p>
-         *
-         * <p> Creates and returns one of them: </p>
-         * <ul>
-         *	<li> {@link ServerBase} </li>
-         *	<li> {@link WebServerBase} </li>
-         *	<li> {@link SharedWorkerServerBase} </li>
-         * </ul>
-         *
-         * @return A new {@link IServerBase} object.
-         */
-        protected abstract createServerBase(): IServerBase;
-        addClient(driver: IClientDriver): void;
-        createChild(xml: library.XML): DistributedSystem;
-        protected abstract createExternalClient(driver: IClientDriver): DistributedSystem;
-        /**
-         * @inheritdoc
-         */
-        open(port: number): void;
-        /**
-         * @inheritdoc
-         */
-        close(): void;
-    }
-}
-declare namespace samchon.protocol.external {
+declare namespace samchon.templates.parallel {
     /**
-     * <p> An external system driver. </p>
+     * Mediator of Parallel Processing System, a server accepting slave clients.
      *
-     * <p> The {@link ExternalSystem} class represents an external system, connected and interact with this system.
-     * {@link ExternalSystem} takes full charge of network communication with external system have connected.
-     * Replied {@link Invoke messages} from the external system is shifted to and processed in, children elements of this
-     * class, {@link ExternalSystemRole} objects. </p>
+     * The {@link ParallelClientArrayMediator} is an abstract class, derived from the {@link ParallelSystemArrayMediator}
+     * class, opening a server accepting {@link ParallelSystem parallel clients} as a **master**.
      *
-     * <p> <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
+     * Extends this {@link ParallelClientArrayMediator}, overrides {@link createServerBase createServerBase()} to
+     * determine which protocol to follow and {@link createExternalClient createExternalClient()} creating child
+     * {@link ParallelSystem} object. After the extending and overridings, open this server using the
+     * {@link open open()} method.
+     *
+     * #### [Inherited] {@link ParallelSystemArrayMediator}
+     * The {@link ParallelSystemArrayMediator} class be a **master** for its slave systems, and be a **slave** to its
+     * master system at the same time. This {@link ParallelSystemArrayMediator} be a **master **system, containing and
+     * managing {@link ParallelSystem} objects, which represent parallel slave systems, by extending
+     * {@link ParallelSystemArray} class. Also, be a **slave** system through {@link getMediator mediator} object, which is
+     * derived from the {@link SlavSystem} class.
+     *
+     * As a **slave**, you can specify this {@link ParallelSystemArrayMediator} to be <i>a client slave connecting to
+     * master server</i> or <i>a server slave accepting master client</i> by overriding the {@link createMediator} method.
+     * Overrides the {@link createMediator createMediator()} method and return one of them:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * #### [Inherited] {@link ParallelSystemArray}
+     * The {@link ParallelSystemArray} is an abstract class containing and managing remote parallel **slave** system
+     * drivers, {@link ParallelSystem} objects. Within framework of network, {@link ParallelSystemArray} represents your
+     * system, a **Master** of *Parallel Processing System* that requesting *parallel process* to slave systems and the
+     * children {@link ParallelSystem} objects represent the remote slave systems, who is being requested the
+     * *parallel processes*.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices
+     * will be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
      *		  target="_blank">
-     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
      *		 style="max-width: 100%" />
-     * </a> </p>
+     * </a>
      *
-     * <h4> Bridge & Proxy Pattern </h4>
-     * <p> The {@link ExternalSystem} class can be a <i>bridge</i> for <i>logical proxy</i>. In framework within user,
-     * which {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
-     * important. Only interested in user's perspective is <i>which can be done</i>. </p>
+     * #### Proxy Pattern
+     * This class {@link ParallelSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link ParallelSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
      *
-     * <p> By using the <i>logical proxy</i>, user dont't need to know which {@link ExternalSystemRole role} is belonged
-     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
-     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}. </p>
-     *
-     * <ul>
-     *	<li>
-     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
-     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
-     *	</li>
-     *	<li>
-     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
-     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
-     *		external system.
-     *	</li>
-     *	<li> Those strategy is called <i>Bridge Pattern</i> and <i>Proxy Pattern</i>. </li>
-     * </ul>
-     *
-     * @author Jeongho Nam <http://samchon.org>
-     */
-    abstract class ExternalSystem extends EntityDequeCollection<ExternalSystemRole> implements IProtocol {
-        /**
-         * The name represents external system have connected.
-         */
-        protected name: string;
-        /**
-         * @hidden
-         */
-        private system_array_;
-        /**
-         * @hidden
-         */
-        private communicator_;
-        constructor(systemArray: ExternalSystemArray);
-        constructor(systemArray: ExternalSystemArray, communicator: IClientDriver);
-        /**
-         * Default Destructor.
-         */
-        destructor(): void;
-        /**
-         * @hidden
-         */
-        private handle_close();
-        getSystemArray(): ExternalSystemArray;
-        /**
-         * Identifier of {@link ExternalSystem} is its {@link name}.
-         */
-        key(): string;
-        /**
-         * Get {@link name}.
-         */
-        getName(): string;
-        protected communicator: protocol.ICommunicator;
-        close(): void;
-        /**
-         * Send {@link Invoke} message to external system.
-         *
-         * @param invoke An {@link Invoke} message to send.
-         */
-        sendData(invoke: Invoke): void;
-        /**
-         * Handle an {@Invoke} message has received.
-         *
-         * @param invoke An {@link Invoke} message have received.
-         */
-        replyData(invoke: Invoke): void;
-        /**
-         * Tag name of the {@link ExternalSytem} in {@link XML}.
-         *
-         * @return <i>system</i>.
-         */
-        TAG(): string;
-        /**
-         * Tag name of {@link ExternalSystemRole children elements} belonged to the {@link ExternalSytem} in {@link XML}.
-         *
-         * @return <i>role</i>.
-         */
-        CHILD_TAG(): string;
-    }
-}
-declare namespace samchon.protocol.parallel {
-    /**
-     * <p> An external parallel system driver. </p>
-     *
-     *
-     *
-     * @author Jeongho Nam <http://samchon.org>
-     */
-    abstract class ParallelSystem extends external.ExternalSystem {
-        /**
-         * @hidden
-         */
-        private progress_list_;
-        /**
-         * @hidden
-         */
-        private history_list_;
-        /**
-         * <p> Performance index. </p>
-         *
-         * <p> A performance index that indicates how much fast the connected parallel system is. </p>
-         *
-         * <p> If this {@link ParallelSystem parallel system} hasn't any {@link Invoke} message had handled, then the
-         * {@link performance performance index} will be 1, which means default and average value between all
-         * {@link ParallelSystem} instances (belonged to a same {@link ParallelSystemArray} object). </p>
-         *
-         * <p> You can specify this {@link performance} by yourself, but notice that, if the
-         * {@link performance performance index} is higher then other {@link ParallelSystem} objects, then this
-         * {@link ParallelSystem parallel system} will ordered to handle more processes than other
-         * {@link ParallelSystem} objects. Otherwise, the {@link performance performance index) is lower than others,
-         * of course, less processes will be delivered. </p>
-         *
-         * <p> This {@link performance index} is always re-calculated whenever {@link ParallelSystemArray} calls one of
-         * them below. </p>
-         *
-         * <ul>
-         *	<li> {@link ParallelSystemArray.sendSegmentData ParallelSystemArray.sendSegmentData()} </li>
-         *	<li> {@link ParallelSystemArray.sendPieceData ParallelSystemArray.sendPieceData()} </li>
-         * </ul>
-         *
-         * <p> If this class is a type of {@link DistributedSystem} derived class from the {@link ParallelSystem},
-         * then {@link DistributedSystemRole.sendData DistributedSystemRole.sendData()} also cause the re-calculation.
-         * </p>
-         */
-        protected performance: number;
-        constructor(systemArray: ParallelSystemArray);
-        constructor(systemArray: ParallelSystemArray, communicator: IClientDriver);
-        destructor(): void;
-        /**
-         * Get manager of this object, {@link systemArray}.
-         *
-         * @return A manager containing this {@link ParallelSystem} object.
-         */
-        getSystemArray(): ParallelSystemArray;
-        /**
-         * Get {@link performant performance index}.
-         *
-         * A performance index that indicates how much fast the connected parallel system is.
-         */
-        getPerformance(): number;
-        _Get_progress_list(): std.HashMap<number, std.Pair<Invoke, InvokeHistory>>;
-        _Get_history_list(): std.HashMap<number, InvokeHistory>;
-        _Set_performance(val: number): void;
-        /**
-         * @hidden
-         */
-        _Send_piece_data(invoke: Invoke, first: number, last: number): void;
-        /**
-         * @hidden
-         */
-        private _replyData(invoke);
-        /**
-         *
-         *
-         * @param xml
-         *
-         * @see {@link ParallelSystemArray.notify_complete}
-         */
-        protected _Report_history(xml: library.XML): void;
-    }
-}
-declare namespace samchon.protocol.distributed {
-    abstract class DistributedSystem extends parallel.ParallelSystem {
-        destructor(): void;
-        createChild(xml: library.XML): external.ExternalSystemRole;
-        /**
-         * Get manager of this object.
-         *
-         * @return A manager containing this {@link DistributedSystem} objects.
-         */
-        getSystemArray(): DistributedSystemArray;
-        /**
-         * @inheritdoc
-         */
-        has(key: string): boolean;
-        /**
-         * @inheritdoc
-         */
-        get(key: string): DistributedSystemRole;
-        replyData(invoke: protocol.Invoke): void;
-        protected _Report_history(xml: library.XML): void;
-    }
-}
-declare namespace samchon.protocol.distributed {
-    interface IDistributedServer extends DistributedSystem, external.IExternalServer {
-        /**
-         * @inheritdoc
-         */
-        getSystemArray(): DistributedSystemArray;
-        /**
-         * @inheritdoc
-         */
-        has(key: string): boolean;
-        /**
-         * @inheritdoc
-         */
-        get(key: string): DistributedSystemRole;
-    }
-    abstract class DistributedServer extends DistributedSystem implements external.IExternalServer {
-        protected ip: string;
-        protected port: number;
-        constructor(systemArray: DistributedSystemArray);
-        protected abstract createServerConnector(): IServerConnector;
-        connect(): void;
-        getIP(): string;
-        getPort(): number;
-    }
-}
-declare namespace samchon.protocol.distributed {
-    abstract class DistributedServerArray extends DistributedSystemArray implements external.IExternalServerArray {
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        /**
-         * @inheritdoc
-         */
-        connect(): void;
-    }
-}
-declare namespace samchon.protocol.distributed {
-    abstract class DistributedServerArrayMediator extends DistributedSystemArrayMediator implements external.IExternalServerArray {
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        /**
-         * @inheritdoc
-         */
-        connect(): void;
-    }
-}
-declare namespace samchon.protocol.distributed {
-    abstract class DistributedServerClientArray extends DistributedClientArray implements external.IExternalServerClientArray {
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        createChild(xml: library.XML): DistributedSystem;
-        protected abstract createExternalServer(xml: library.XML): IDistributedServer;
-        /**
-         * @inheritdoc
-         */
-        connect(): void;
-    }
-}
-declare namespace samchon.protocol.distributed {
-    abstract class DistributedServerClientArrayMediator extends DistributedClientArrayMediator implements external.IExternalServerClientArray {
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        createChild(xml: library.XML): DistributedSystem;
-        protected abstract createExternalServer(xml: library.XML): IDistributedServer;
-        /**
-         * @inheritdoc
-         */
-        connect(): void;
-    }
-}
-declare namespace samchon.protocol.external {
-    /**
-     * <p> An interface for an {@link ExternalSystemArray} accepts {@link ExternalSystem external clients} as a
-     * {@link IServer server}. </p>
-     *
-     * <p> The easiest way to defining an {@link ExternalSystemArray} who opens server and accepts
-     * {@link ExternalSystem external clients} is to extending one of below, who are derived from this interface
-     * {@link IExternalClientArray}. However, if you can't specify an {@link ExternalSystemArray} to be whether server or
-     * client, then make a class (let's name it as <b>BaseSystemArray</b>) extending {@link ExternalSystemArray} and make
-     * a new class (now, I name it <b>BaseClientArray</b>) extending <b>BaseSystemArray</b> and implementing this
-     * interface {@link IExternalClientArray}. Define the <b>BaseClientArray</b> following those codes on below:
-     *
-     * <ul>
-     *	<li> {@link ExternalClientArray}:
-     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/external/ExternalClientArray.ts"
-     *		   target="_blank"> View source code on GitHub </a>
-     *	</li>
-     *	<li> {@link ParallelClientArray}:
-     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/master/ParallelClientArray.ts"
-     *		   target="_blank"> View source code on GitHub </a>
-     *	</li>
-     *	<li> {@link DistributedClientArray}:
-     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/master/DistributedClientArray.ts"
-     *		   target="_blank"> View source code on GitHub </a>
-     *	</li>
-     * </ul>
-     *
-     * @author Jeongho Nam <http://samchon.org>
-     */
-    interface IExternalClientArray extends ExternalSystemArray, IServer {
-    }
-    /**
-     * <p> An {@link ExternalSystemArray} acceepts {@link ExternalSystem external clients} as a {@link IServer server}. </p>
-     *
-     * <p> {@link ExternalServerArray} is an abstract class contains, manages and accepts external server drivers,
-     * {@link IExternalServer} objects, as a {@link IServer server}. </p>
-     *
-     * <p> <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
-     *		  target="_blank">
-     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
-     *		 style="max-width: 100%" />
-     * </a> </p>
-     *
-     * <h4> Proxy Pattern </h4>
-     * <p> The {@link ExternalSystemArray} class can use <i>Proxy Pattern</i>. In framework within user, which
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
      * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
-     * important. Only interested in user's perspective is <i>which can be done</i>. </p>
+     * important. Only interested in user's perspective is *which can be done*.
      *
-     * <p> By using the <i>logical proxy</i>, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
      * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
-     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}. </p>
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
      *
      * <ul>
      *	<li>
@@ -5713,14 +9116,15 @@ declare namespace samchon.protocol.external {
      *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
      *		external system.
      *	</li>
-     *	<li> Those strategy is called <i>Proxy Pattern</i>. </li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
      * </ul>
      *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
      * @author Jeongho Nam <http://samchon.org>
      */
-    abstract class ExternalClientArray extends ExternalSystemArray implements IExternalClientArray {
+    abstract class ParallelClientArrayMediator extends ParallelSystemArrayMediator implements external.IExternalClientArray {
         /**
-         * A subrogator of {@link IServer server}'s role instead of this {@link ExternalClientArray}.
+         * @hidden
          */
         private server_base_;
         /**
@@ -5728,36 +9132,61 @@ declare namespace samchon.protocol.external {
          */
         constructor();
         /**
-         * <p> Factory method creating {@link IServerBase} object. </p>
+         * Factory method creating {@link IServerBase} object.
          *
-         * <p> This method {@link createServerBase createServerBase()} determines which protocol is used in this server,
-         * {@link ExternalClientArray}. If the protocol is determined, then {@link ExternalSystem external clients} who
-         * may connect to {@link ExternalClientArray this server} must follow the specified protocol. </p>
+         * This method {@link createServerBase createServerBase()} determines which protocol is used in this server,
+         * {@link ParallelClientArrayMediator}. If the protocol is determined, then
+         * {@link ParallelSystem parallel clients} who may connect to {@link ParallelClientArrayMediator this server}
+         * must follow the specified protocol.
          *
-         * <p> Creates and returns one of them: </p>
-         * <ul>
-         *	<li> {@link ServerBase} </li>
-         *	<li> {@link WebServerBase} </li>
-         *	<li> {@link SharedWorkerServerBase} </li>
-         * </ul>
+         * Overrides the {@link createServerBase createServerBase()} method to create and return one of them:
+         *
+         * - {@link ServerBase}
+         * - {@link WebServerBase}
+         * - {@link SharedWorkerServerBase}
          *
          * @return A new {@link IServerBase} object.
          */
-        protected abstract createServerBase(): IServerBase;
-        addClient(driver: IClientDriver): void;
+        protected abstract createServerBase(): protocol.IServerBase;
         /**
-         * This method is deprecated. Don't use and override this.
+         * Add a newly connected remote client.
          *
-         * @return null.
+         * When a {@link IClientDriver remote client} connects to this *master server of parallel processing system*,
+         * then this {@link ParallelClientArrayMediator} creates a child {@link ParallelSystem parallel client} object
+         * through the {@link createExternalClient createExternalClient()} method and {@link insert inserts} it.
+         *
+         * @param driver A communicator for parallel client.
          */
-        createChild(xml: library.XML): ExternalSystem;
+        addClient(driver: protocol.IClientDriver): void;
         /**
-         * Factory method creating {@link ExternalSystem} object.
+         * (Deprecated) Factory method creating child object.
          *
-         * @param driver A communicator with connected client.
-         * @return A newly created {@link ExternalSystem} object.
+         * The method {@link createChild createChild()} is deprecated. Don't use and override this.
+         *
+         * Note that, the {@link ParallelClientArrayMediator} is a server accepting {@link ParallelSystem parallel
+         * clients} as a master. There's no way to creating the {@link ParallelSystem parallel clients} in advance before
+         * opening the server.
+         *
+         * @param xml An {@link XML} object represents the child {@link ParallelSystem} object.
+         * @return null
          */
-        protected abstract createExternalClient(driver: IClientDriver): ExternalSystem;
+        createChild(xml: library.XML): ParallelSystem;
+        /**
+         * Factory method creating {@link ParallelSystem} object.
+         *
+         * The method {@link createExternalClient createExternalClient()} is a factory method creating a child
+         * {@link ParallelSystem} object, that is called whenever a parallel client has connected, by
+         * {@link addClient addClient()}.
+         *
+         * Overrides this {@link createExternalClient} method and creates a type of {@link ParallelSystem} object with
+         * the *driver* that communicates with the parallel client. After the creation, returns the {@link ParallelSystem}
+         * object. Then whenever a parallel client has connected, matched {@link ParallelSystem} object will be
+         * constructed and {@link insert inserted} into this {@link ParallelClientArrayMediator} object.
+         *
+         * @param driver A communicator with the parallel client.
+         * @return A newly created {@link ParallelSystem} object.
+         */
+        protected abstract createExternalClient(driver: protocol.IClientDriver): ParallelSystem;
         /**
          * @inheritdoc
          */
@@ -5768,58 +9197,78 @@ declare namespace samchon.protocol.external {
         close(): void;
     }
 }
-declare namespace samchon.protocol.external {
+declare namespace samchon.templates.parallel {
     /**
-     * <p> An interface for an external server driver. </p>
+     * An interface for a parallel slave server driver.
      *
-     * <p> The easiest way to defining an external server driver is to extending one of below, who are derived from this
-     * interface {@link IExternalServer}. However, if you've to interact with an external system who can be both server
-     * and client, then make a class (let's name it as <b>BaseSystem</b>) extending {@link ExternalSystem} and make a
-     * new class (now, I name it <b>BaseServer</b>) extending <b>BaseSystem</b> and implementing this interface
-     * {@link IExternalServer}. Define the <b>BaseServer</b> following those codes on below:
+     * The easiest way to defining a driver for parallel **slave** server is extending {@link ParallelServer} class.
+     * However, if you've to interact with a prallel **slave** system who can be both server and client, them make a class
+     * (let's name it **BaseSystem**) extending the {@link ParallelSystem} class. At next, make a new class (now, I name it
+     * **BaseServer**) extending the **BaseSystem** and implements this interface {@link IParallelServer}. Define the
+     * **BaseServer** following those codes on below:
      *
      * <ul>
      *	<li> {@link ExternalServer}:
-     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/external/ExternalServer.ts"
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/external/ExternalServer.ts"
      *		   target="_blank"> View source code on GitHub </a>
      *	</li>
      *	<li> {@link ParallelServer}:
-     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/master/DistributedServer.ts"
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/parallel/ParallelServer.ts"
      *		   target="_blank"> View source code on GitHub </a>
      *	</li>
      *	<li> {@link DistributedServer}:
-     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/master/ParallelServer.ts"
+     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/templates/distributed/DistributedServer.ts"
      *		   target="_blank"> View source code on GitHub </a>
      *	</li>
      * </ul>
      *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
      * @author Jeongho Nam <http://samchon.org>
      */
-    interface IExternalServer extends ExternalSystem {
+    interface IParallelServer extends ParallelSystem {
+        /**
+         * Connect to slave server.
+         */
         connect(): void;
     }
     /**
-     * <p> An external server driver. </p>
+     * A driver for parallel slave server.
      *
-     * <p> The {@link ExternalServer} class represents an external server, connected and interact with this system.
-     * {@link ExternalServer} takes full charge of network communication with external server have connected.
-     * Replied {@link Invoke messages} from the external system is shifted to and processed in, children elements of this
-     * class, {@link ExternalSystemRole} objects. </p>
+     * The {@link ParallelServer} is an abstract class, derived from the {@link ParallelSystem} class, connecting to
+     * remote, parallel **slave** server. Extends this {@link ParallelServer} class and overrides the
+     * {@link createServerConnector createServerConnector()} method following which protocol the **slave** server uses.
      *
-     * <p> <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
+     * #### [Inherited] {@link ParallelSystem}
+     * The {@link ParallelSystem} is an abstract class represents a **slave** system in *Parallel Processing System*,
+     * connected with this **master** system. This {@link ParallelSystem} takes full charge of network communication with
+     * the remote, parallel **slave** system has connected.
+     *
+     * When a *parallel process* is requested (by {@link ParallelSystemArray.sendSegementData} or
+     * {@link ParallelSystemArray.sendPieceData}), the number of pieces to be allocated to a {@link ParallelSystem} is
+     * turn on its {@link getPerformance performance index}. Higher {@link getPerformance performance index}, then
+     * more pieces are requested. The {@link getPerformance performance index} is revaluated whenever a *parallel process*
+     * has completed, basic on the execution time and number of pieces. You can sugguest or enforce the
+     * {@link getPerformance performance index} with {@link setPerformance} or {@link enforcePerformance}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
      *		  target="_blank">
-     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
      *		 style="max-width: 100%" />
-     * </a> </p>
+     * </a>
      *
-     * <h4> Bridge & Proxy Pattern </h4>
-     * <p> The {@link ExternalSystem} class can be a <i>bridge</i> for <i>logical proxy</i>. In framework within user,
+     * #### Bridge & Proxy Pattern
+     * This class {@link ParallelSystem} is derived from the {@link ExternalSystem} class. Thus, you can take advantage
+     * of the *Bridge & Proxy Pattern* in this {@link ParallelSystem} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Bridge & Proxy Pattern*:
+     *
+     * The {@link ExternalSystem} class can be a *bridge* for *logical proxy*. In framework within user,
      * which {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
-     * important. Only interested in user's perspective is <i>which can be done</i>. </p>
+     * important. Only interested in user's perspective is *which can be done*.
      *
-     * <p> By using the <i>logical proxy</i>, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
      * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
-     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}. </p>
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
      *
      * <ul>
      *	<li>
@@ -5831,12 +9280,13 @@ declare namespace samchon.protocol.external {
      *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
      *		external system.
      *	</li>
-     *	<li> Those strategy is called <i>Bridge Pattern</i> and <i>Proxy Pattern</i>. </li>
+     *	<li> Those strategy is called *Bridge Pattern* and *Proxy Pattern*. </li>
      * </ul>
      *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
      * @author Jeongho Nam <http://samchon.org>
      */
-    abstract class ExternalServer extends ExternalSystem implements IExternalServer {
+    abstract class ParallelServer extends ParallelSystem implements IParallelServer {
         /**
          * IP address of target external system to connect.
          */
@@ -5846,431 +9296,94 @@ declare namespace samchon.protocol.external {
          */
         protected port: number;
         /**
-         * Default Constructor.
-         */
-        constructor(systemArray: ExternalSystemArray);
-        /**
-         * Factory method creating server connector.
-         */
-        protected abstract createServerConnector(): IServerConnector;
-        /**
-         * @inheritdoc
-         */
-        connect(): void;
-        /**
-         * @inheritdoc
-         */
-        getIP(): string;
-        /**
-         * @inheritdoc
-         */
-        getPort(): number;
-    }
-}
-declare namespace samchon.protocol.external {
-    /**
-     * <p> An interface for an {@link ExternalSystemArray} connects to {@link IExternalServer external servers} as a
-     * <b>client</b>. </p>
-     *
-     * <p> The easiest way to defining an {@link ExternalSystemArray} who connects to
-     * {@link IExternalServer external servers} is to extending one of below, who are derived from this interface
-     * {@link IExternalServerArray}. However, if you can't specify an {@link ExternalSystemArray} to be whether server or
-     * client, then make a class (let's name it as <b>BaseSystemArray</b>) extending {@link ExternalSystemArray} and make
-     * a new class (now, I name it <b>BaseServerArray</b>) extending <b>BaseSystemArray</b> and implementing this
-     * interface {@link IExternalServerArray}. Define the <b>BaseServerArray</b> following those codes on below:
-     *
-     * <ul>
-     *	<li> {@link ExternalServerArray}:
-     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/external/ExternalServerArray.ts"
-     *		   target="_blank"> View source code on GitHub </a>
-     *	</li>
-     *	<li> {@link ParallelServerArray}:
-     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/master/ParallelServerArray.ts"
-     *		   target="_blank"> View source code on GitHub </a>
-     *	</li>
-     *	<li> {@link DistributedServerArray}:
-     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/master/DistributedServerArray.ts"
-     *		   target="_blank"> View source code on GitHub </a>
-     *	</li>
-     * </ul>
-     *
-     * @author Jeongho Nam <http://samchon.org>
-     */
-    interface IExternalServerArray extends ExternalSystemArray {
-        /**
-         * <p> Connect to {@link IExternalServer external servers}. </p>
+         * Construct from parent {@link ParallelSystemArray}.
          *
-         * <p> This method calls children elements' method {@link IExternalServer.connect} gradually. </p>
+         * @param systemArray The parent {@link ParallelSystemArray} object.
          */
-        connect(): void;
-    }
-    /**
-     * <p> An {@link ExternalSystemArray} connecting to {@link IExternalServer external servers} as a <b>client</b>. </p>
-     *
-     * <p> {@link ExternalServerArray} is an abstract class contains, manages and connects to external server drivers,
-     * {@link IExternalServer} objects, as a <b>client</b>. </p>
-     *
-     * <p> <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
-     *		  target="_blank">
-     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
-     *		 style="max-width: 100%" />
-     * </a> </p>
-     *
-     * <h4> Proxy Pattern </h4>
-     * <p> The {@link ExternalSystemArray} class can use <i>Proxy Pattern</i>. In framework within user, which
-     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
-     * important. Only interested in user's perspective is <i>which can be done</i>. </p>
-     *
-     * <p> By using the <i>logical proxy</i>, user dont't need to know which {@link ExternalSystemRole role} is belonged
-     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
-     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}. </p>
-     *
-     * <ul>
-     *	<li>
-     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
-     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
-     *	</li>
-     *	<li>
-     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
-     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
-     *		external system.
-     *	</li>
-     *	<li> Those strategy is called <i>Proxy Pattern</i>. </li>
-     * </ul>
-     *
-     * @author Jeongho Nam <http://samchon.org>
-     */
-    abstract class ExternalServerArray extends ExternalSystemArray {
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        /**
-         * @inheritdoc
-         */
-        connect(): void;
-    }
-}
-declare namespace samchon.protocol.external {
-    /**
-     * <p> An interface for an {@link ExternalSystemArray} accepts {@link ExternalSystem external clients} as a
-     * {@link IServer server} and connects to {@link IExternalServer} as <b>client</b>, at the same time. </p>
-     *
-     * <p> The easiest way to defining an {@link IExternalServerClientArray} who opens server, accepts
-     * {@link ExternalSystem external clients} and connects to {@link IExternalServer external servers} is to extending
-     * one of below, who are derived from this interface {@link IExternalServerClientArray}. However, if you can't
-     * specify an {@link ExternalSystemArray} to be whether server or client or even can both them, then make a class
-     * (let's name it as <b>BaseSystemArray</b>) extending {@link ExternalSystemArray} and make a new class (now, I name
-     * it <b>BaseServerClientArray</b>) extending <b>BaseSystemArray</b> and implementing this interface
-     * {@link IExternalServerClientArray}. Define the <b>BaseServerClientArray</b> following those codes on below:
-     *
-     * <ul>
-     *	<li> {@link ExternalServerClientArray}:
-     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/external/ExternalServerClientArray.ts"
-     *		   target="_blank"> View source code on GitHub </a>
-     *	</li>
-     *	<li> {@link ParallelServerClientArray}:
-     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/master/ParallelServerClientArray.ts"
-     *		   target="_blank"> View source code on GitHub </a>
-     *	</li>
-     *	<li> {@link DistributedServerClientArray}:
-     *		<a href="https://github.com/samchon/framework/blob/master/ts/src/samchon/protocol/master/DistributedServerClientArray.ts"
-     *		   target="_blank"> View source code on GitHub </a>
-     *	</li>
-     * </ul>
-     *
-     * @author Jeongho Nam <http://samchon.org>
-     */
-    interface IExternalServerClientArray extends IExternalServerArray, IExternalClientArray {
-    }
-    /**
-     * <p> An {@link ExternalSystemArray} connecting to {@link IExternalServer external servers} as a <b>client</b> and
-     * accepts {@link ExternalSystem external clients} as a {@link IServer server}. </p>
-     *
-     * <p> {@link ExternalServerArray} is an abstract class contains, manages and connects to external server drivers,
-     * {@link IExternalServer} objects and accepts external client drivers {@link ExternalSyste} obejcts as a
-     * <b>client</b> and a {@link IServer server} at the same time. </p>
-     *
-     * <p> <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
-     *		  target="_blank">
-     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/protocol_external_system.png"
-     *		 style="max-width: 100%" />
-     * </a> </p>
-     *
-     * <h4> Proxy Pattern </h4>
-     * <p> The {@link ExternalSystemArray} class can use <i>Proxy Pattern</i>. In framework within user, which
-     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
-     * important. Only interested in user's perspective is <i>which can be done</i>. </p>
-     *
-     * <p> By using the <i>logical proxy</i>, user dont't need to know which {@link ExternalSystemRole role} is belonged
-     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
-     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}. </p>
-     *
-     * <ul>
-     *	<li>
-     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
-     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
-     *	</li>
-     *	<li>
-     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
-     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
-     *		external system.
-     *	</li>
-     *	<li> Those strategy is called <i>Proxy Pattern</i>. </li>
-     * </ul>
-     *
-     * @author Jeongho Nam <http://samchon.org>
-     */
-    abstract class ExternalServerClientArray extends ExternalClientArray implements IExternalServerClientArray {
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        /**
-         * <p> Factory method of a child Entity. </p>
-         *
-         * <p> This method is migrated to {@link createExternalServer createExternalServer()}. Override the
-         * {@link createExternalServer createExternalServer()}. </p>
-         *
-         * @param xml An {@link XML} object represents child element, so that can identify the type of child to create.
-         *
-         * @return A new child Entity via {@link createExternalServer createExternalServer()}.
-         */
-        createChild(xml: library.XML): ExternalSystem;
-        /**
-         * Factory method creating an {@link IExternalServer} object.
-         *
-         * @param xml An {@link XML} object represents child element, so that can identify the type of child to create.
-         *
-         * @return A newly created {@link IExternalServer} object.
-         */
-        protected abstract createExternalServer(xml: library.XML): IExternalServer;
-        /**
-         * @inheritdoc
-         */
-        connect(): void;
-    }
-}
-declare namespace samchon.protocol.slave {
-    abstract class SlaveSystem implements protocol.IProtocol {
-        protected communicator_: ICommunicator;
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        sendData(invoke: Invoke): void;
-        protected _replyData(invoke: Invoke): void;
-        replyData(invoke: Invoke): void;
-    }
-}
-declare namespace samchon.protocol.parallel {
-    abstract class MediatorSystem extends slave.SlaveSystem {
-        private mediator_;
-        private progress_list_;
-        constructor(systemArray: ParallelSystemArrayMediator | distributed.DistributedSystemArrayMediator);
-        abstract start(): void;
-        getMediator(): ParallelSystemArrayMediator | distributed.DistributedSystemArrayMediator;
-        _Complete_history(uid: number): void;
-        protected _replyData(invoke: Invoke): void;
-        replyData(invoke: protocol.Invoke): void;
-    }
-}
-declare namespace samchon.protocol.parallel {
-    class MediatorServer extends MediatorSystem implements slave.ISlaveServer {
-        private server_base_;
-        private port;
-        constructor(systemArray: ParallelSystemArrayMediator, port: number);
-        protected createServerBase(): IServerBase;
-        addClient(driver: IClientDriver): void;
-        start(): void;
-        open(port: number): void;
-        close(): void;
-    }
-    class MediatorWebServer extends MediatorServer {
-        /**
-         * @inheritdoc
-         */
-        protected createServerBase(): IServerBase;
-    }
-    class MediatorSharedWorkerServer extends MediatorServer {
-        /**
-         * @inheritdoc
-         */
-        protected createServerBase(): IServerBase;
-    }
-}
-declare namespace samchon.protocol.parallel {
-    class MediatorClient extends MediatorSystem implements slave.ISlaveClient {
-        protected ip: string;
-        protected port: number;
-        constructor(systemArray: ParallelSystemArrayMediator, ip: string, port: number);
-        protected createServerConnector(): IServerConnector;
-        getIP(): string;
-        getPort(): number;
-        start(): void;
-        connect(): void;
-    }
-    class MediatorWebClient extends MediatorClient {
-        /**
-         * @inheritdoc
-         */
-        protected createServerConnector(): IServerConnector;
-    }
-    class MediatorSharedWorkerClient extends MediatorClient {
-        /**
-         * @inheritdoc
-         */
-        protected createServerConnector(): IServerConnector;
-    }
-}
-declare namespace samchon.protocol.parallel {
-    class PRInvokeHistory extends InvokeHistory {
-        /**
-         * Index number of initial piece.
-         */
-        private first;
-        /**
-         * Index number of final piece.
-         */
-        private last;
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        /**
-         * Construct from an Invoke message.
-         *
-         * @param invoke
-         */
-        constructor(invoke: Invoke);
-        getFirst(): number;
-        getLast(): number;
-        _Set_first(val: number): void;
-        _Set_last(val: number): void;
-        /**
-         * Compute number of allocated pieces.
-         */
-        computeSize(): number;
-    }
-}
-declare namespace samchon.protocol.parallel {
-    abstract class ParallelClientArray extends ParallelSystemArray implements external.IExternalClientArray {
-        /**
-         * A subrogator of {@link IServer server}'s role instead of this {@link ExternalClientArray}.
-         */
-        private server_base_;
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        /**
-         * <p> Factory method creating {@link IServerBase} object. </p>
-         *
-         * <p> This method {@link createServerBase createServerBase()} determines which protocol is used in this server,
-         * {@link ExternalClientArray}. If the protocol is determined, then {@link ExternalSystem external clients} who
-         * may connect to {@link ExternalClientArray this server} must follow the specified protocol. </p>
-         *
-         * <p> Creates and returns one of them: </p>
-         * <ul>
-         *	<li> {@link ServerBase} </li>
-         *	<li> {@link WebServerBase} </li>
-         *	<li> {@link SharedWorkerServerBase} </li>
-         * </ul>
-         *
-         * @return A new {@link IServerBase} object.
-         */
-        protected abstract createServerBase(): IServerBase;
-        addClient(driver: IClientDriver): void;
-        createChild(xml: library.XML): ParallelSystem;
-        protected abstract createExternalClient(driver: IClientDriver): ParallelSystem;
-        /**
-         * @inheritdoc
-         */
-        open(port: number): void;
-        /**
-         * @inheritdoc
-         */
-        close(): void;
-    }
-}
-declare namespace samchon.protocol.parallel {
-    abstract class ParallelSystemArrayMediator extends ParallelSystemArray {
-        private mediator_;
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        protected abstract createMediator(): MediatorSystem;
-        protected start_mediator(): void;
-        getMediator(): MediatorSystem;
-        _Complete_history(history: PRInvokeHistory): boolean;
-    }
-}
-declare namespace samchon.protocol.parallel {
-    abstract class ParallelClientArrayMediator extends ParallelSystemArrayMediator implements external.IExternalClientArray {
-        /**
-         * A subrogator of {@link IServer server}'s role instead of this {@link ExternalClientArray}.
-         */
-        private server_base_;
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        /**
-         * <p> Factory method creating {@link IServerBase} object. </p>
-         *
-         * <p> This method {@link createServerBase createServerBase()} determines which protocol is used in this server,
-         * {@link ExternalClientArray}. If the protocol is determined, then {@link ExternalSystem external clients} who
-         * may connect to {@link ExternalClientArray this server} must follow the specified protocol. </p>
-         *
-         * <p> Creates and returns one of them: </p>
-         * <ul>
-         *	<li> {@link ServerBase} </li>
-         *	<li> {@link WebServerBase} </li>
-         *	<li> {@link SharedWorkerServerBase} </li>
-         * </ul>
-         *
-         * @return A new {@link IServerBase} object.
-         */
-        protected abstract createServerBase(): IServerBase;
-        addClient(driver: IClientDriver): void;
-        createChild(xml: library.XML): ParallelSystem;
-        protected abstract createExternalClient(driver: IClientDriver): ParallelSystem;
-        /**
-         * @inheritdoc
-         */
-        open(port: number): void;
-        /**
-         * @inheritdoc
-         */
-        close(): void;
-    }
-}
-declare namespace samchon.protocol.parallel {
-    interface IParallelServer extends external.IExternalServer, ParallelSystem {
-        /**
-         * @inheritdoc
-         */
-        getSystemArray(): ParallelSystemArray;
-    }
-    abstract class ParallelServer extends ParallelSystem implements external.IExternalServer {
-        protected ip: string;
-        protected port: number;
         constructor(systemArray: ParallelSystemArray);
-        protected abstract createServerConnector(): IServerConnector;
+        /**
+         * Factory method creating {@link IServerConnector} object.
+         *
+         * The {@link createServerConnector createServerConnector()} is an abstract method creating
+         * {@link IServerConnector} object. Overrides and returns one of them, considering which protocol the slave server
+         * follows:
+         *
+         * - {@link ServerConnector}
+         * - {@link WebServerConnector}
+         * - {@link SharedWorkerServerConnector}
+         *
+         * @return A newly created {@link IServerConnector} object.
+         */
+        protected abstract createServerConnector(): protocol.IServerConnector;
+        /**
+         * @inheritdoc
+         */
         connect(): void;
-        getIP(): string;
-        getPort(): number;
     }
 }
-declare namespace samchon.protocol.parallel {
+declare namespace samchon.templates.parallel {
+    /**
+     * Master of Parallel Processing System, a client connecting to slave servers.
+     *
+     * The {@link ParallelServerArray} is an abstract class, derived from the {@link ParallelSystemArray} class,
+     * connecting to {@link IParallelServer parallel servers}.
+     *
+     * Extends this {@link ParallelServerArray} and overrides {@link createChild createChild()} method creating child
+     * {@link IParallelServer} object. After the extending and overriding, construct children {@link IParallelServer}
+     * objects and call the {@link connect connect()} method.
+     *
+     * #### [Inherited] {@link ParallelSystemArray}
+     * The {@link ParallelSystemArray} is an abstract class containing and managing remote parallel **slave** system
+     * drivers, {@link ParallelSystem} objects. Within framework of network, {@link ParallelSystemArray} represents your
+     * system, a **Master** of *Parallel Processing System* that requesting *parallel process* to slave systems and the
+     * children {@link ParallelSystem} objects represent the remote slave systems, who is being requested the
+     * *parallel processes*.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices
+     * will be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Proxy Pattern
+     * This class {@link ParallelSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link ParallelSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     abstract class ParallelServerArray extends ParallelSystemArray implements external.IExternalServerArray {
-        constructor();
-        connect(): void;
-    }
-}
-declare namespace samchon.protocol.parallel {
-    abstract class ParallelServerArrayMediator extends ParallelSystemArrayMediator implements external.IExternalServerArray {
+        /**
+         * Default Constructor.
+         */
         constructor();
         /**
          * @inheritdoc
@@ -6278,24 +9391,189 @@ declare namespace samchon.protocol.parallel {
         connect(): void;
     }
 }
-declare namespace samchon.protocol.parallel {
+declare namespace samchon.templates.parallel {
+    /**
+     * Mediator of Parallel Processing System, a client connecting to slave servers.
+     *
+     * The {@link ParallelServerArrayMediator} is an abstract class, derived from the {@link ParallelSystemArrayMediator}
+     * class, connecting to {@link IParallelServer parallel servers}.
+     *
+     * Extends this {@link ParallelServerArrayMediator} and overrides {@link createChild createChild()} method creating
+     * child {@link IParallelServer} object. After the extending and overriding, construct children
+     * {@link IParallelServer} objects and call the {@link connect connect()} method.
+     *
+     * #### [Inherited] {@link ParallelSystemArrayMediator}
+     * The {@link ParallelSystemArrayMediator} class be a **master** for its slave systems, and be a **slave** to its
+     * master system at the same time. This {@link ParallelSystemArrayMediator} be a **master **system, containing and
+     * managing {@link ParallelSystem} objects, which represent parallel slave systems, by extending
+     * {@link ParallelSystemArray} class. Also, be a **slave** system through {@link getMediator mediator} object, which is
+     * derived from the {@link SlavSystem} class.
+     *
+     * As a **master**, you can specify this {@link ParallelSystemArrayMediator} class to be <i>a master server accepting
+     * slave clients<i> or <i>a master client to connecting slave servers</i>. Even both of them is possible. Extends one
+     * of them below and overrides abstract factory method(s) creating the child {@link ParallelSystem} object.
+     *
+     * - {@link ParallelClientArrayMediator}: A server accepting {@link ParallelSystem parallel clients}.
+     * - {@link ParallelServerArrayMediator}: A client connecting to {@link ParallelServer parallel servers}.
+     * - {@link ParallelServerClientArrayMediator}: Both of them. Accepts {@link ParallelSystem parallel clients} and
+     *                                              connects to {@link ParallelServer parallel servers} at the same time.
+     *
+     * As a **slave**, you can specify this {@link ParallelSystemArrayMediator} to be <i>a client slave connecting to
+     * master server</i> or <i>a server slave accepting master client</i> by overriding the {@link createMediator} method.
+     * Overrides the {@link createMediator createMediator()} method and return one of them:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * #### [Inherited] {@link ParallelSystemArray}
+     * The {@link ParallelSystemArray} is an abstract class containing and managing remote parallel **slave** system
+     * drivers, {@link ParallelSystem} objects. Within framework of network, {@link ParallelSystemArray} represents your
+     * system, a **Master** of *Parallel Processing System* that requesting *parallel process* to slave systems and the
+     * children {@link ParallelSystem} objects represent the remote slave systems, who is being requested the
+     * *parallel processes*.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices
+     * will be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Proxy Pattern
+     * This class {@link ParallelSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link ParallelSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ParallelServerArrayMediator extends ParallelSystemArrayMediator implements external.IExternalServerArray {
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * @inheritdoc
+         */
+        connect(): void;
+    }
+}
+declare namespace samchon.templates.parallel {
+    /**
+     * Master of Parallel Processing System, be a server and client at the same time.
+     *
+     * The {@link ParallelServerClientArray} is an abstract class, derived from the {@link ParallelSystemArray} class,
+     * opening a server accepting {@link ParallelSystem parallel clients} and being a client connecting to
+     * {@link IParallelServer parallel servers} at the same time.
+     *
+     * Extends this {@link ParallelServerClientArray} and overrides below methods. After the overridings, open server
+     * with {@link open open()} method and connect to {@link IParallelServer parallel servers} through the
+     * {@link connect connect()} method.
+     *
+     * - {@link createServerBase createServerBase()}
+     * - {@link createExternalClient createExternalClient()}
+     * - {@link createExternalServer createExternalServer()}
+     *
+     * #### [Inherited] {@link ParallelSystemArray}
+     * The {@link ParallelSystemArray} is an abstract class containing and managing remote parallel **slave** system
+     * drivers, {@link ParallelSystem} objects. Within framework of network, {@link ParallelSystemArray} represents your
+     * system, a **Master** of *Parallel Processing System* that requesting *parallel process* to slave systems and the
+     * children {@link ParallelSystem} objects represent the remote slave systems, who is being requested the
+     * *parallel processes*.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices
+     * will be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Proxy Pattern
+     * This class {@link ParallelSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link ParallelSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     abstract class ParallelServerClientArray extends ParallelClientArray implements external.IExternalServerClientArray {
         /**
          * Default Constructor.
          */
         constructor();
-        createChild(xml: library.XML): ParallelSystem;
-        protected abstract createExternalServer(xml: library.XML): IParallelServer;
-        connect(): void;
-    }
-}
-declare namespace samchon.protocol.parallel {
-    abstract class ParallelServerClientArrayMediator extends ParallelClientArrayMediator implements external.IExternalServerClientArray {
         /**
-         * Default Constructor.
+         * Factory method of a child Entity.
+         *
+         * This method is migrated to {@link createExternalServer}. Override the {@link createExternalServer} method.
+         *
+         * @param xml An {@link XML} object represents child element, so that can identify the type of child to create.
+         * @return A new child Entity via {@link createExternalServer createExternalServer()}.
+         */
+        createChild(xml: library.XML): IParallelServer;
+        /**
+         * Factory method creating an {@link IParallelServer} object.
+         *
+         * @param xml An {@link XML} object represents child element, so that can identify the type of child to create.
+         * @return A newly created {@link IParallelServer} object.
          */
-        constructor();
-        createChild(xml: library.XML): ParallelSystem;
         protected abstract createExternalServer(xml: library.XML): IParallelServer;
         /**
          * @inheritdoc
@@ -6303,30 +9581,336 @@ declare namespace samchon.protocol.parallel {
         connect(): void;
     }
 }
-declare namespace samchon.protocol.service {
-    abstract class Client implements protocol.IProtocol {
-        private user_;
-        private service_;
-        private communicator_;
-        private no_;
+declare namespace samchon.templates.parallel {
+    /**
+     * Mediator of Parallel Processing System, be a server and client at the same time as a **master**.
+     *
+     * The {@link ParallelServerClientArrayMediator} is an abstract class, derived from the
+     * {@link ParallelSystemArrayMediator} class, opening a server accepting {@link ParallelSystem parallel clients} and
+     * being a client connecting to {@link IParallelServer parallel servers} at the same time.
+     *
+     * Extends this {@link ParallelServerClientArrayMediator} and overrides below methods. After the overridings, open
+     * server with {@link open open()} method and connect to {@link IParallelServer parallel servers} through the
+     * {@link connect connect()} method.
+     *
+     * - {@link createServerBase createServerBase()}
+     * - {@link createExternalClient createExternalClient()}
+     * - {@link createExternalServer createExternalServer()}
+     *
+     * #### [Inherited] {@link ParallelSystemArrayMediator}
+     * The {@link ParallelSystemArrayMediator} class be a **master** for its slave systems, and be a **slave** to its
+     * master system at the same time. This {@link ParallelSystemArrayMediator} be a **master **system, containing and
+     * managing {@link ParallelSystem} objects, which represent parallel slave systems, by extending
+     * {@link ParallelSystemArray} class. Also, be a **slave** system through {@link getMediator mediator} object, which is
+     * derived from the {@link SlavSystem} class.
+     *
+     * As a **master**, you can specify this {@link ParallelSystemArrayMediator} class to be <i>a master server accepting
+     * slave clients<i> or <i>a master client to connecting slave servers</i>. Even both of them is possible. Extends one
+     * of them below and overrides abstract factory method(s) creating the child {@link ParallelSystem} object.
+     *
+     * - {@link ParallelClientArrayMediator}: A server accepting {@link ParallelSystem parallel clients}.
+     * - {@link ParallelServerArrayMediator}: A client connecting to {@link ParallelServer parallel servers}.
+     * - {@link ParallelServerClientArrayMediator}: Both of them. Accepts {@link ParallelSystem parallel clients} and
+     *                                              connects to {@link ParallelServer parallel servers} at the same time.
+     *
+     * As a **slave**, you can specify this {@link ParallelSystemArrayMediator} to be <i>a client slave connecting to
+     * master server</i> or <i>a server slave accepting master client</i> by overriding the {@link createMediator} method.
+     * Overrides the {@link createMediator createMediator()} method and return one of them:
+     *
+     * - A client slave connecting to master server:
+     *   - {@link MediatorClient}
+     *   - {@link MediatorWebClient}
+     *   - {@link MediatorSharedWorkerClient}
+     * - A server slave accepting master client:
+     *   - {@link MediatorServer}
+     *   - {@link MediatorWebServer}
+     *   - {@link MediatorSharedWorkerServer}
+     *
+     * #### [Inherited] {@link ParallelSystemArray}
+     * The {@link ParallelSystemArray} is an abstract class containing and managing remote parallel **slave** system
+     * drivers, {@link ParallelSystem} objects. Within framework of network, {@link ParallelSystemArray} represents your
+     * system, a **Master** of *Parallel Processing System* that requesting *parallel process* to slave systems and the
+     * children {@link ParallelSystem} objects represent the remote slave systems, who is being requested the
+     * *parallel processes*.
+     *
+     * When you need the **parallel process**, then call one of them: {@link sendSegmentData} or {@link sendPieceData}.
+     * When the **parallel process** has completed, {@link ParallelSystemArray} estimates each {@link ParallelSystem}'s
+     * {@link ParallelSystem.getPerformance performance index} basis on their execution time. Those performance indices
+     * will be reflected to the next **parallel process**, how much pieces to allocate to each {@link ParallelSystem}.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		  target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_parallel_system.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * #### Proxy Pattern
+     * This class {@link ParallelSystemArray} is derived from the {@link ExternalSystemArray} class. Thus, you can take
+     * advantage of the *Proxy Pattern* in the {@link ParallelSystemArray} class. If a process to request is not the
+     * *parallel process* (to be distrubted to all slaves), but the **exclusive process** handled in a system, then it
+     * may better to utilizing the *Proxy Pattern*:
+     *
+     * The {@link ExternalSystemArray} class can use *Proxy Pattern*. In framework within user, which
+     * {@link ExternalSystem external system} is connected with {@link ExternalSystemArray this system}, it's not
+     * important. Only interested in user's perspective is *which can be done*.
+     *
+     * By using the *logical proxy*, user dont't need to know which {@link ExternalSystemRole role} is belonged
+     * to which {@link ExternalSystem system}. Just access to a role directly from {@link ExternalSystemArray.getRole}.
+     * Sends and receives {@link Invoke} message via the {@link ExternalSystemRole role}.
+     *
+     * <ul>
+     *	<li>
+     *		{@link ExternalSystemRole} can be accessed from {@link ExternalSystemArray} directly, without inteferring
+     *		from {@link ExternalSystem}, with {@link ExternalSystemArray.getRole}.
+     *	</li>
+     *	<li>
+     *		When you want to send an {@link Invoke} message to the belonged {@link ExternalSystem system}, just call
+     *		{@link ExternalSystemRole.sendData ExternalSystemRole.sendData()}. Then, the message will be sent to the
+     *		external system.
+     *	</li>
+     *	<li> Those strategy is called *Proxy Pattern*. </li>
+     * </ul>
+     *
+     * @handbook [Templates - Parallel System](https://github.com/samchon/framework/wiki/TypeScript-Templates-Parallel_System)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ParallelServerClientArrayMediator extends ParallelClientArrayMediator implements external.IExternalServerClientArray {
         /**
-         * Construct from an User and WebClientDriver.
+         * Default Constructor.
          */
-        constructor(user: User, driver: WebClientDriver);
-        protected abstract createService(path: string): Service;
-        close(): void;
-        getUser(): User;
-        getService(): Service;
-        getNo(): number;
-        _Set_no(val: number): void;
-        sendData(invoke: protocol.Invoke): void;
-        replyData(invoke: protocol.Invoke): void;
-        protected changeService(path: string): void;
+        constructor();
+        /**
+         * Factory method of a child Entity.
+         *
+         * This method is migrated to {@link createExternalServer}. Override the {@link createExternalServer} method.
+         *
+         * @param xml An {@link XML} object represents child element, so that can identify the type of child to create.
+         * @return A new child Entity via {@link createExternalServer createExternalServer()}.
+         */
+        createChild(xml: library.XML): ParallelSystem;
+        /**
+         * Factory method creating an {@link IParallelServer} object.
+         *
+         * @param xml An {@link XML} object represents child element, so that can identify the type of child to create.
+         * @return A newly created {@link IParallelServer} object.
+         */
+        protected abstract createExternalServer(xml: library.XML): IParallelServer;
+        /**
+         * @inheritdoc
+         */
+        connect(): void;
     }
 }
-declare namespace samchon.protocol.service {
-    abstract class Server extends protocol.WebServer implements IProtocol {
+declare namespace samchon.templates.service {
+    /**
+     * A driver of remote client.
+     *
+     * The {@link Client} is an abstract class representing and interacting with a remote client. It deals the network
+     * communication with the remote client and shifts {@link Invoke} message to related {@link User} and {@link Service}
+     * objects.
+     *
+     * Extends this {@link Client} class and override the {@link createService} method, a factory method creating a child
+     * {@link Service} object. Note that, {@link Client} represents a remote client, not *an user*, a specific *web page*
+     * or *service*. Do not define logics about user or account information. It must be declared in the parent
+     * {@link User} class. Also, don't define processes of a specific a web page or service. Defines them in the child
+     * {@link Service} class.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_cloud_service.png" target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_cloud_service.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Cloud Service](https://github.com/samchon/framework/wiki/TypeScript-Templates-Cloud_Service)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class Client implements protocol.IProtocol {
+        /**
+         * @hidden
+         */
+        private user_;
+        /**
+         * @hidden
+         */
+        private no_;
+        /**
+         * @hidden
+         */
+        private communicator_;
+        /**
+         * @hidden
+         */
+        private service_;
+        /**
+         * Construct from parent {@link User} and communicator.
+         *
+         * @param user Parent {@link User} object.
+         * @param driver Communicator with remote client.
+         */
+        constructor(user: User, driver: protocol.WebClientDriver);
+        /**
+         * Default Destructor.
+         *
+         * This {@link destructor destructor()} method is called when the {@link Client} object is destructed and this
+         * {@link Client} object is destructed when connection with the remote client is closed or this {@link Client}
+         * object is {@link User.erase erased} from its parent {@link User} object.
+         *
+         * Note that, don't call this {@link destructor destructor()} method by yourself. It must be called automatically
+         * by those *destruction* cases. Also, if your derived {@link Client} class has something to do on the
+         * *destruction*, then overrides this {@link destructor destructor()} method and defines the something to do.
+         * Overriding this {@link destructor destructor()}, don't forget to calling ```super.destructor();``` on tail.
+         *
+         * ```typescript
+         * class MyUser extends protocol.service.Client
+         * {
+         *     protected destructor(): void
+         *     {
+         *         // DO SOMETHING
+         *         this.do_something();
+         *
+         *         // CALL SUPER.DESTRUCTOR() ON TAIL. DON'T FORGET THIS
+         *         super.destructor();
+         *     }
+         * }
+         * ```
+         */
+        protected destructor(): void;
+        /**
+         * Factory method creating {@link Service} object.
+         *
+         * @param path Requested path.
+         * @return A newly created {@link Service} object or ```null```.
+         */
+        protected abstract createService(path: string): Service;
+        /**
+         * Close connection.
+         */
+        close(): void;
+        /**
+         * Get parent {@link User} object.
+         *
+         * Get the parent {@link User} object, who is groupping {@link Client} objects with same session id.
+         *
+         * @return The parent {@link User} object.
+         */
+        getUser(): User;
+        /**
+         * Get child {@link Service} object.
+         *
+         * @return The child {@link Service} object.
+         */
+        getService(): Service;
+        /**
+         * Get sequence number.
+         *
+         * Get sequence number of this {@link Client} object in the parent {@link User} object. This sequence number also
+         * be a *key* in the parent {@link User} object, who extended the ```std.HashMap<number, Client>```.
+         *
+         * @return Sequence number.
+         */
+        getNo(): number;
+        /**
+         * Change related {@link Service} object.
+         *
+         * @param path Requested, identifier path.
+         */
+        protected changeService(path: string): void;
+        /**
+         * Change {@link Service} to another.
+         *
+         * @param service {@link service} object to newly assigned.
+         */
+        protected changeService(service: Service): void;
+        /**
+         * Send an {@link Invoke} message.
+         *
+         * Sends an {@link Invoke} message to remote client.
+         *
+         * @param invoke An {@link Invoke} messgae to send to remote client.
+         */
+        sendData(invoke: protocol.Invoke): void;
+        /**
+         * Handle a replied {@link Invoke} message.
+         *
+         * The default {@link Client.replyData Client.replyData()} shifts chain to its parent {@link User} and belonged
+         * {@link Service} objects, by calling the the {@link User.replyData User.replyData()} and
+         * {@link Service.replyData Service.replyData()} methods.
+         *
+         * Note that, {@link Client} represents a remote client, not *an user*, a specific *web page* or *service*. Do not
+         * define logics about user or account information. It must be declared in the parent {@link User} class. Also,
+         * don't define processes of a specific a web page or service. Defines them in the child {@link Service} class.
+         *
+         * ```typescript
+         * class protocol.service.Client
+         * {
+         *     public replyData(invoke: protocol.Invoke): void
+         *     {
+         *         // SHIFT TO PARENT USER
+         *         // THE PARENT USER ALSO MAY SHIFT TO ITS PARENT SERVER
+         *         this.getUser().replyData(invoke);
+         *
+         *         // SHIFT TO BELOGED SERVICE
+         *         if (this.getService() != null)
+         *             this.getService().replyData(invoke);
+         *     }
+         * }
+         *
+         * class MyClient extends protocol.service.Client
+         * {
+         *     public replyData(invoke: protocol.Invoke): void
+         *     {
+         *         if (invoke.getListener() == "do_something_in_client_level")
+         *             this.do_something_in_client_level();
+         *         else
+         *             super.replyData(invoke);
+         *     }
+         * }
+         * ```
+         *
+         * @param invoke An {@link Invoke invoke} message to be handled in {@link Client} level.
+         */
+        replyData(invoke: protocol.Invoke): void;
+    }
+}
+/**
+ * A system template for Cloud Service.
+ *
+ * @handbook [Templates - Cloud Service](https://github.com/samchon/framework/wiki/TypeScript-Templates-Cloud_Service)
+ * @author Jeongho Nam <http://samchon.org>
+ */
+declare namespace samchon.templates.service {
+    /**
+     * A cloud server.
+     *
+     * The {@link Server} is an abstract server class, who can build a real-time cloud server, that is following the
+     * web-socket protocol. Extends this {@link Server} and related classes and overrides abstract methods under below.
+     * After the overridings, open this {@link Server cloud server} using the {@link open open()} method.
+     *
+     * - Objects in composite relationship and their factory methods
+     *   - {@link User}: {@link Server.createUser Server.createUser()}
+     *   - {@link Client}: {@link User.createClient User.createClient()}
+     *   - {@link Service}: {@liok Client.createService Client.createService()}
+     * - {@link Invoke} message chains; {@link IProtocol.replyData replyData}
+     *   - {@link Server.replyData}
+     *   - {@link User.replyData}
+     *   - {@link Client.replyData}
+     *   - {@link Service.replyData}
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_cloud_service.png" target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_cloud_service.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Cloud Service](https://github.com/samchon/framework/wiki/TypeScript-Templates-Cloud_Service)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class Server extends protocol.WebServer implements protocol.IProtocol {
+        /**
+         * @hidden
+         */
         private session_map_;
+        /**
+         * @hidden
+         */
         private account_map_;
         /**
          * Default Constructor.
@@ -6338,80 +9922,348 @@ declare namespace samchon.protocol.service {
          * @return A newly created {@link User} object.
          */
         protected abstract createUser(): User;
-        has(account: string): boolean;
-        get(account: string): User;
+        /**
+         * Test wheter an {@link User} exists with the *accountID*.
+         *
+         * @param accountID Account id of {@link User} to find.
+         * @return Exists or not.
+         */
+        has(accountID: string): boolean;
+        /**
+         * Get an {@link User} object by its *accountID*.
+         *
+         * @param accountID Account id of {@link User} to get.
+         * @return An {@link User} object.
+         */
+        get(accountID: string): User;
+        /**
+         * Send an {@link Invoke} message.
+         *
+         * Sends an {@link Invoke} message to all remote clients through the belonged {@link User} and {@link Client}
+         * objects. Sending the {@link Invoke} message to all remote clients, it's came true by passing through
+         * {@link User.sendData User.sendData()}. And the {@link User.sendData} also pass through the
+         * {@link Client.sendData Client.sendData()}.
+         *
+         * ```typescript
+         * class protocol.service.Server
+         * {
+         *     public sendData(invoke: Invoke): void
+         *     {
+         *         for (user: User in this)
+         *             for (client: Client in user)
+         *                 client.sendData(invoke);
+         *     }
+         * }
+         * ```
+         *
+         * @param invoke {@link Invoke} message to send to all remote clients.
+         */
+        sendData(invoke: protocol.Invoke): void;
+        /**
+         * Handle a replied {@link Invoke} message.
+         *
+         * The {@link Server.replyData Server.replyData()} is an abstract method that handling {@link Invoke} message
+         * that should be handled in the {@link Server} level. Overrides this {@link replyData replyData()} method and
+         * defines what to do with the {@link Invoke} message in this {@link Server} level.
+         *
+         * @param invoke An {@link Invoke invoke} message to be handled in {@link Server} level.
+         */
+        abstract replyData(invoke: protocol.Invoke): void;
+        /**
+         * Add a newly connected remote client.
+         *
+         * When a {@link WebClientDriver remote client} connects to this cloud server, then {@link Server} queries the
+         * {WebClientDriver.getSessionID session id} of the {@link WebClientDriver remote client}. If the
+         * {WebClientDriver.getSessionID session id} is new one, then creates a new {@link User} object.
+         *
+         * At next, creates a {@link Client} object who represents the newly connected remote client and insert the
+         * {@link Client} object to the matched {@link User} object which is new or ordinary one following the
+         * {WebClientDriver.getSessionID session id}. At last, a {@link Service} object can be created with referencing
+         * the {@link WebClientDriver.getPath path}.
+         *
+         * List of objects can be created by this method.
+         * - {@link User} by {@link createUser createUser()}.
+         * - {@link Client} by {@link User.createClient User.createClient()}.
+         * - {@link Service} by {@link Client.createService Client.createService()}.
+         *
+         * @param driver A web communicator for remote client.
+         */
+        addClient(driver: protocol.WebClientDriver): void;
         /**
          * @hidden
          */
-        _Get_account_map(): std.HashMap<string, User>;
-        sendData(invoke: protocol.Invoke): void;
-        replyData(invoke: protocol.Invoke): void;
-        addClient(driver: WebClientDriver): void;
-        _Erase_user(user: User): void;
+        private erase_user(user);
     }
 }
-declare namespace samchon.protocol.service {
+declare namespace samchon.templates.service {
+    /**
+     * A service.
+     *
+     * The {@link Service} is an abstract class who represents a service, that is providing functions a specific page.
+     *
+     * Extends the {@link Service} class and defines its own service, which to be provided for the specific weg page,
+     * by overriding the {@link replyData replyData()} method. Note that, the service, functions for the specific page
+     * should be defined in this {@link Service} class, not its parent {@link Client} class who represents a remote client
+     * and takes communication responsibility.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_cloud_service.png" target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_cloud_service.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Cloud Service](https://github.com/samchon/framework/wiki/TypeScript-Templates-Cloud_Service)
+     * @author Jeongho Nam <http://samchon.org>
+     */
     abstract class Service implements protocol.IProtocol {
+        /**
+         * @hidden
+         */
         private client_;
+        /**
+         * @hidden
+         */
         private path_;
         /**
-         * Default Constructor.
+         * Construct from parent {@link Client} and requested path.
+         *
+         * @param client Driver of remote client.
+         * @param path Requested path that identifies this {@link Service}.
          */
         constructor(client: Client, path: string);
-        destructor(): void;
+        /**
+         * Default Destructor.
+         *
+         * This {@link destructor destructor()} method is call when the {@link Service} object is destructed and the
+         * {@link Service} object is destructed when its parent {@link Client} object has
+         * {@link Client.destructor destructed} or the {@link Client} object {@link Client.changeService changed} its
+         * child {@link Service service} object to another one.
+         *
+         * Note that, don't call this {@link destructor destructor()} method by yourself. It must be called automatically
+         * by those *destruction* cases. Also, if your derived {@link Service} class has something to do on the
+         * *destruction*, then overrides this {@link destructor destructor()} method and defines the something to do.
+         */
+        protected destructor(): void;
         /**
          * Get client.
          */
         getClient(): Client;
         /**
-         * Get path.
+         * Get requested path.
          */
         getPath(): string;
+        /**
+         * Send an {@link Invoke} message.
+         *
+         * Sends an {@link Invoke} message to remote system through parent {@link Client} object ({@link Client.sendData}).
+         *
+         * @param invoke An {@link Invoke} message to send to the remte system.
+         */
         sendData(invoke: protocol.Invoke): void;
-        replyData(invoke: protocol.Invoke): void;
+        /**
+         * @inheritdoc
+         */
+        abstract replyData(invoke: protocol.Invoke): void;
     }
 }
-declare namespace samchon.protocol.service {
-    abstract class User extends collection.HashMapCollection<number, Client> implements protocol.IProtocol {
-        private server_;
-        private session_id_;
-        private sequence_;
-        private account_id_;
-        private authority_;
-        /**
-         * Construct from a Server.
-         */
-        constructor(server: Server);
-        protected abstract createClient(driver: WebClientDriver): Client;
+declare namespace samchon.templates.service {
+    /**
+     * An user.
+     *
+     * The {@link User} is an abstract class groupping {@link Client} objects, who communicates with remote client, with
+     * same *session id*. This {link User} represents a *remote user* literally. Within framework of remote system,
+     * an {@link User} corresponds to a web-browser and a {@link Client} represents a window in the web-browser.
+     *
+     * Extends this {@link User} class and override the {@link createClient} method, a factory method creating a child
+     * {@link Client} object. I repeat, the {@link User} class represents a *remote user*, groupping {@link Client}
+     * objects with same *session id*. If your cloud server has some processes to be handled in the **user level**, then
+     * defines method in this {@link User} class. Methods managing **account** under below are some of them:
+     *
+     * - {@link setAccount setAccount()}
+     * - {@link getAccountID getAccountID()}
+     * - {@link getAuthority getAuthority()}
+     *
+     * The children {@link Client} objects, they're contained with their key, the {@link Client.getNo sequence number}.
+     * If you {@link User.erase erase} the children {@link Client} object by yourself, then their connection with the
+     * remote clients will be {@link Client.close closed} and their {@link Client.destructor destruction method} will be
+     * called. If you remove {@link clear all children}, then this {@link User} object will be also
+     * {@link destructor destructed} and erased from the parent {@link Server} object.
+     *
+     * <a href="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_cloud_service.png" target="_blank">
+     *	<img src="http://samchon.github.io/framework/images/design/ts_class_diagram/templates_cloud_service.png"
+     *		 style="max-width: 100%" />
+     * </a>
+     *
+     * @handbook [Templates - Cloud Service](https://github.com/samchon/framework/wiki/TypeScript-Templates-Cloud_Service)
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class User extends collections.HashMapCollection<number, Client> implements protocol.IProtocol {
         /**
          * @hidden
          */
-        _Create_child(driver: WebClientDriver): Client;
+        private server_;
+        /**
+         * @hidden
+         */
+        private session_id_;
+        /**
+         * @hidden
+         */
+        private sequence_;
+        /**
+         * @hidden
+         */
+        private account_id_;
+        /**
+         * @hidden
+         */
+        private authority_;
+        /**
+         * Construct from its parent {@link Server}.
+         *
+         * @param server The parent {@link Server} object.
+         */
+        constructor(server: Server);
+        /**
+         * Default Destructor.
+         *
+         * This {@link destructor destructor()} method is called when the {@link User} object is destructed. The
+         * {@link User} object is destructed when connections with the remote clients are all closed, that is all the
+         * children {@link Client} objects are all removed, and 30 seconds has left. If some remote client connects
+         * within the 30 seconds, then the {@link User} object doesn't be destructed.
+         *
+         * Note that, don't call this {@link destructor destructor()} method by yourself. It must be called automatically
+         * by those *destruction* cases. Also, if your derived {@link User} class has something to do on the
+         * *destruction*, then overrides this {@link destructor destructor()} method and defines the something to do.
+         * Overriding this {@link destructor destructor()}, don't forget to calling ```super.destructor();``` on tail.
+         *
+         * ```typescript
+         * class MyUser extends protocol.service.User
+         * {
+         *     protected destructor(): void
+         *     {
+         *         // DO SOMETHING
+         *         this.do_something();
+         *
+         *         // CALL SUPER.DESTRUCTOR() ON TAIL. DON'T FORGET THIS
+         *         super.destructor();
+         *     }
+         * }
+         * ```
+         */
+        protected destructor(): void;
+        /**
+         * Factory method creating a {@link Client} object.
+         *
+         * @param driver A web communicator for remote client.
+         * @return A newly created {@link Client} object.
+         */
+        protected abstract createClient(driver: protocol.WebClientDriver): Client;
         /**
          * @hidden
          */
         private handle_erase_client(event);
+        /**
+         * Get parent {@lin Server} object.
+         *
+         * @return Parent {@link Server} object.
+         */
         getServer(): Server;
+        /**
+         * Get account id.
+         *
+         * @return Account ID.
+         */
         getAccountID(): string;
+        /**
+         * Get authority.
+         *
+         * @return Authority
+         */
         getAuthority(): number;
+        /**
+         * Set *account id* and *authority*.
+         *
+         * The {@link setAccount setAccount()} is a method configuring *account id* and *authority* of this {@link User}.
+         *
+         * After the configuring, the {@link getAccountID account id} is enrolled into the parent {@link Server} as a
+         * **key** for this {@link User} object. You can test existence and access this {@link User} object from
+         * {@link Server.has Server.has()} and {@link Server.get Server.get()} with the {@link getAccountID account id}.
+         * Of course, if ordinary {@link getAccountID account id} had existed, then the ordinary **key** will be
+         * replaced.
+         *
+         * As you suggest, this {@link setAccount setAccount()} is something like a **log-in** function. If what you want
+         * is not **logging-in**, but **logging-out**, then configure the *account id* to empty string ``""```` or call
+         * the {@link lgout logout()} method.
+         *
+         * @param id To be account id.
+         * @param authority To be authority.
+         */
         setAccount(id: string, authority: number): void;
         /**
-         * @hidden
+         * Log-out.
+         *
+         * This {@link logout logout()} method configures {@link getAccountID account id} to empty string and
+         * {@link getAuthority authority} to zero.
+         *
+         * The ordinary {@link getAccountID account id} will be also erased from the parent {@link Server} object. You
+         * can't access this {@link User} object from {@link Server.has Server.has()} and {@link Server.get Server.get()}
+         * with the ordinary {@link getAccountID account id} more.
          */
-        _Get_session_id(): string;
+        logout(): void;
         /**
-         * @hidden
+         * Send an {@link Invoke} message.
+         *
+         * Sends an {@link Invoke} message to all remote clients through the belonged {@link Client} objects. Sending the
+         * {@link Invoke} message to all remote clients, it's came true by passing through the
+         * {@link Client.sendData Client.sendData()} methods.
+         *
+         * ```typescript
+         * class protocol.service.User
+         * {
+         *     public sendData(invoke: Invoke): void
+         *     {
+         *         for (let it = this.begin(); !it.equal_to(this.end()); it = it.next())
+         *             it.second.sendData(invoke);
+         *     }
+         * }
+         * ```
+         *
+         * @param invoke {@link Invoke} message to send to all remote clients.
          */
-        _Fetch_sequence(): number;
-        /**
-         * @hidden
-         */
-        _Set_session_id(val: string): void;
         sendData(invoke: protocol.Invoke): void;
+        /**
+         * Handle a replied {@link Invoke} message.
+         *
+         * The default {@link User.replyData User.replyData()} shifts chain to its parent {@link Server} object, by
+         * calling the {@link Server.replyData Server.replyData()} method. If there're some {@link Invoke} message to be
+         * handled in this {@link User} level, then override this method and defines what to do with the {@link Invoke}
+         * message in this {@link User} level.
+         *
+         * ```typescript
+         * class protocol.service.User
+         * {
+         *     public replyData(invoke: protocol.Invoke): void
+         *     {
+         *         this.getServer().replyData(invoke);
+         *     }
+         * }
+         *
+         * class MyUser extends protocol.service.User
+         * {
+         *     public replyData(invoke: protocol.Invoke): void
+         *     {
+         *          if (invoke.apply(this) == false) // IS TARGET TO BE HANDLED IN THIS USER LEVEL
+         *              super.replyData(invoke); // SHIFT TO SERVER
+         *     }
+         * }
+         * ```
+         *
+         * @param invoke An {@link Invoke invoke} message to be handled in {@link User} level.
+         */
         replyData(invoke: protocol.Invoke): void;
     }
 }
-declare namespace samchon.protocol.slave {
+declare namespace samchon.templates.slave {
     interface ISlaveClient extends SlaveSystem {
         connect(ip: string, port: number): void;
     }
@@ -6423,25 +10275,22 @@ declare namespace samchon.protocol.slave {
         /**
          * @inheritdoc
          */
-        protected abstract createServerConnector(): IServerConnector;
+        protected abstract createServerConnector(): protocol.IServerConnector;
         /**
          * @inheritdoc
          */
         connect(ip: string, port: number): void;
     }
 }
-declare namespace samchon.protocol.slave {
-    interface ISlaveServer extends SlaveSystem, IServer {
+declare namespace samchon.templates.slave {
+    interface ISlaveServer extends SlaveSystem, protocol.IServer {
     }
     abstract class SlaveServer extends SlaveSystem implements ISlaveServer {
         private server_base_;
         constructor();
-        protected abstract createServerBase(): IServerBase;
+        protected abstract createServerBase(): protocol.IServerBase;
         open(port: number): void;
         close(): void;
-        addClient(driver: IClientDriver): void;
+        addClient(driver: protocol.IClientDriver): void;
     }
 }
-declare namespace samchon.test {
-    function test_collection(): void;
-}
diff --git a/typescript-stl/typescript-stl.d.ts b/typescript-stl/typescript-stl.d.ts
index 35bd397459..4e4ce70e5a 100644
--- a/typescript-stl/typescript-stl.d.ts
+++ b/typescript-stl/typescript-stl.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for TypeScript-STL v1.1.0
+// Type definitions for TypeScript-STL v1.1.2
 // Project: https://github.com/samchon/typescript-stl
 // Definitions by: Jeongho Nam <http://samchon.org>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -22,93 +22,6 @@ declare module "typescript-stl"
  * @author Jeongho Nam <http://samchon.org>
  */
 declare namespace std {
-    /**
-     * Type definition of {@link Vector} and it's the original name used in C++.
-     */
-    export import vector = Vector;
-    /**
-     * Type definition of {@link List} and it's the original name used in C++.
-     */
-    export import list = List;
-    /**
-     * Type definition of {@link Deque} and it's the original name used in C++.
-     */
-    export import deque = Deque;
-    /**
-     * Type definition of {@link Stack} and it's the original name used in C++.
-     */
-    type stack<T> = Stack<T>;
-    /**
-     * Type definition of {@link Queue} and it's the original name used in C++.
-     */
-    type queue<T> = Queue<T>;
-    /**
-     * Type definition of {@link PriorityQueue} and it's the original name used in C++.
-     */
-    type priority_queue<T> = PriorityQueue<T>;
-    var stack: typeof Stack;
-    var queue: typeof Queue;
-    var priority_queue: typeof PriorityQueue;
-    /**
-     * Type definition of {@link TreeSet} and it's the original name used in C++.
-     */
-    export import set = TreeSet;
-    /**
-     * Type definition of {@link TreeMultiSet} and it's the original name used in C++.
-     */
-    export import multiset = TreeMultiSet;
-    /**
-     * Type definition of {@link HashSet} and it's the original name used in C++.
-     */
-    export import unordered_set = HashSet;
-    /**
-     * Type definition of {@link HashMultiSet} and it's the original name used in C++.
-     */
-    export import unordered_multiset = HashMultiSet;
-    /**
-     * Type definition of {@link TreeMap} and it's the original name used in C++.
-     */
-    export import map = TreeMap;
-    /**
-     * Type definition of {@link TreeMultiMap} and it's the original name used in C++.
-     */
-    export import multimap = TreeMultiMap;
-    /**
-     * Type definition of {@link HashMap} and it's the original name used in C++.
-     */
-    export import unordered_map = HashMap;
-    /**
-     * Type definition of {@link HashMultiMap} and it's the original name used in C++.
-     */
-    export import unordered_multimap = HashMultiMap;
-    type exception = Exception;
-    type logic_error = LogicError;
-    type domain_error = DomainError;
-    type invalid_argument = InvalidArgument;
-    type length_error = LengthError;
-    type out_of_range = OutOfRange;
-    type runtime_error = RuntimeError;
-    type overflow_error = OverflowError;
-    type underflow_error = UnderflowError;
-    type range_error = RangeError;
-    type system_error = SystemError;
-    type error_category = ErrorCategory;
-    type error_condition = ErrorCondition;
-    type error_code = ErrorCode;
-    var exception: typeof Exception;
-    var logic_error: typeof LogicError;
-    var domain_error: typeof DomainError;
-    var invalid_argument: typeof InvalidArgument;
-    var length_error: typeof LengthError;
-    var out_of_range: typeof OutOfRange;
-    var runtime_error: typeof RuntimeError;
-    var overflow_error: typeof OverflowError;
-    var underflow_error: typeof UnderflowError;
-    var range_error: typeof RangeError;
-    var system_error: typeof SystemError;
-    var error_category: typeof ErrorCategory;
-    var error_condition: typeof ErrorCondition;
-    var error_code: typeof ErrorCode;
 }
 /**
  * Base classes composing STL in background.
@@ -738,7 +651,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the destination range where elements have been copied.
      */
-    function copy<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator): OutputIterator;
+    function copy<T, InputIterator extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator): OutputIterator;
     /**
      * <p> Copy elements. </p>
      *
@@ -762,7 +675,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the destination range where elements have been copied.
      */
-    function copy_n<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, n: number, result: OutputIterator): OutputIterator;
+    function copy_n<T, InputIterator extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first: InputIterator, n: number, result: OutputIterator): OutputIterator;
     /**
      * <p> Copy certain elements of range. </p>
      *
@@ -781,7 +694,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the destination range where elements have been copied.
      */
-    function copy_if<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (x: T) => boolean): OutputIterator;
+    function copy_if<T, InputIterator extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (x: T) => boolean): OutputIterator;
     /**
      * <p> Copy range of elements backward. </p>
      *
@@ -808,7 +721,7 @@ declare namespace std {
      *
      * @return An iterator to the first element of the destination sequence where elements have been copied.
      */
-    function copy_backward<T, BidirectionalIterator1 extends Iterator<T>, BidirectionalIterator2 extends Iterator<T>>(first: BidirectionalIterator1, last: BidirectionalIterator1, result: BidirectionalIterator2): BidirectionalIterator2;
+    function copy_backward<T, BidirectionalIterator1 extends Iterator<T>, BidirectionalIterator2 extends base.ILinearIterator<T>>(first: BidirectionalIterator1, last: BidirectionalIterator1, result: BidirectionalIterator2): BidirectionalIterator2;
     /**
      * <p> Fill range with value. </p>
      *
@@ -822,7 +735,7 @@ declare namespace std {
      *				but not the element pointed by <i>last</i>.
      * @param val Value to assign to the elements in the filled range.
      */
-    function fill<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T): void;
+    function fill<T, ForwardIterator extends base.ILinearIterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T): void;
     /**
      * <p> Fill sequence with value. </p>
      *
@@ -835,7 +748,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element filled.
      */
-    function fill_n<T, OutputIterator extends Iterator<T>>(first: OutputIterator, n: number, val: T): OutputIterator;
+    function fill_n<T, OutputIterator extends base.ILinearIterator<T>>(first: OutputIterator, n: number, val: T): OutputIterator;
     /**
      * <p> Transform range. </p>
      *
@@ -853,7 +766,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element written in the <i>result</i> sequence.
      */
-    function transform<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, op: (val: T) => T): OutputIterator;
+    function transform<T, InputIterator extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, op: (val: T) => T): OutputIterator;
     /**
      * <p> Transform range. </p>
      *
@@ -874,7 +787,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element written in the <i>result</i> sequence.
      */
-    function transform<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, result: OutputIterator, binary_op: (x: T, y: T) => T): OutputIterator;
+    function transform<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, result: OutputIterator, binary_op: (x: T, y: T) => T): OutputIterator;
     /**
      * <p> Generate values for range with function. </p>
      *
@@ -888,7 +801,7 @@ declare namespace std {
      * @param gen Generator function that is called with no arguments and returns some value of a type convertible to
      *			  those pointed by the iterators.
      */
-    function generate<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, gen: () => T): void;
+    function generate<T, ForwardIterator extends base.ILinearIterator<T>>(first: ForwardIterator, last: ForwardIterator, gen: () => T): void;
     /**
      * <p> Generate values for sequence with function. </p>
      *
@@ -903,7 +816,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element whose value has been generated.
      */
-    function generate_n<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, n: number, gen: () => T): ForwardIterator;
+    function generate_n<T, ForwardIterator extends base.ILinearIterator<T>>(first: ForwardIterator, n: number, gen: () => T): ForwardIterator;
     /**
      * <p> Remove consecutive duplicates in range. </p>
      *
@@ -975,7 +888,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the end of the copied range, which contains no consecutive duplicates.
      */
-    function unique_copy<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator): OutputIterator;
+    function unique_copy<T, InputIterator extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator): OutputIterator;
     /**
      * <p> Copy range removing duplicates. </p>
      *
@@ -1001,7 +914,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the end of the copied range, which contains no consecutive duplicates.
      */
-    function unique_copy<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (x: T, y: T) => boolean): OutputIterator;
+    function unique_copy<T, InputIterator extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (x: T, y: T) => boolean): OutputIterator;
     /**
      * <p> Remove value from range. </p>
      *
@@ -1069,7 +982,7 @@ declare namespace std {
      * @return An iterator pointing to the end of the copied range, which includes all the elements in
      *		   [<i>first</i>, <i>last</i>) except those that compare equal to <i>val</i>.
      */
-    function remove_copy<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, val: T): OutputIterator;
+    function remove_copy<T, InputIterator extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, val: T): OutputIterator;
     /**
      * <p> Copy range removing values. </p>
      *
@@ -1093,7 +1006,7 @@ declare namespace std {
      * @return An iterator pointing to the end of the copied range, which includes all the elements in
      *		   [<i>first</i>, <i>last</i>) except those for which <i>pred</i> returns <code>true</code>.
      */
-    function remove_copy_if<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (val: T) => boolean): OutputIterator;
+    function remove_copy_if<T, InputIterator extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (val: T) => boolean): OutputIterator;
     /**
      * <p> Replace value in range. </p>
      *
@@ -1109,7 +1022,7 @@ declare namespace std {
      * @param old_val Value to be replaced.
      * @param new_val Replacement value.
      */
-    function replace<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, old_val: T, new_val: T): void;
+    function replace<T, InputIterator extends base.ILinearIterator<T>>(first: InputIterator, last: InputIterator, old_val: T, new_val: T): void;
     /**
      * <p> Replace value in range. </p>
      *
@@ -1125,7 +1038,7 @@ declare namespace std {
      *			   <code>true</code>, it is replaced). The function shall not modify its argument.
      * @param new_val Value to assign to replaced elements.
      */
-    function replace_if<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, pred: (val: T) => boolean, new_val: T): void;
+    function replace_if<T, InputIterator extends base.ILinearIterator<T>>(first: InputIterator, last: InputIterator, pred: (val: T) => boolean, new_val: T): void;
     /**
      * <p> Copy range replacing value. </p>
      *
@@ -1149,7 +1062,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element written in the result sequence.
      */
-    function replace_copy<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, old_val: T, new_val: T): OutputIterator;
+    function replace_copy<T, InputIterator extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, old_val: T, new_val: T): OutputIterator;
     /**
      * <p> Copy range replacing value. </p>
      *
@@ -1170,7 +1083,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element written in the result sequence.
      */
-    function replace_copy_if<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (val: T) => boolean, new_val: T): OutputIterator;
+    function replace_copy_if<T, InputIterator extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (val: T) => boolean, new_val: T): OutputIterator;
     /**
      * <p> Exchange values of objects pointed to by two iterators. </p>
      *
@@ -1230,7 +1143,7 @@ declare namespace std {
      * @return An output iterator pointing to the end of the copied range, which contains the same elements in reverse
      *		   order.
      */
-    function reverse_copy<T, BidirectionalIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: BidirectionalIterator, last: BidirectionalIterator, result: OutputIterator): OutputIterator;
+    function reverse_copy<T, BidirectionalIterator extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first: BidirectionalIterator, last: BidirectionalIterator, result: OutputIterator): OutputIterator;
     /**
      * <p> Rotate left the elements in range. </p>
      *
@@ -1266,7 +1179,7 @@ declare namespace std {
      *
      * @return An output iterator pointing to the end of the copied range.
      */
-    function rotate_copy<T, ForwardIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: ForwardIterator, middle: ForwardIterator, last: ForwardIterator, result: OutputIterator): OutputIterator;
+    function rotate_copy<T, ForwardIterator extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first: ForwardIterator, middle: ForwardIterator, last: ForwardIterator, result: OutputIterator): OutputIterator;
     /**
      * <p> Randomly rearrange elements in range. </p>
      *
@@ -2147,7 +2060,7 @@ declare namespace std {
      *		   member {@link Pair.second second} points to the element that follows the last element copied to the sequence
      *		   of elements for which <i>pred</i> returned <code>false</code>.
      */
-    function partition_copy<T, InputIterator extends Iterator<T>, OutputIterator1 extends Iterator<T>, OutputIterator2 extends Iterator<T>>(first: InputIterator, last: InputIterator, result_true: OutputIterator1, result_false: OutputIterator2, pred: (val: T) => T): Pair<OutputIterator1, OutputIterator2>;
+    function partition_copy<T, InputIterator extends Iterator<T>, OutputIterator1 extends base.ILinearIterator<T>, OutputIterator2 extends base.ILinearIterator<T>>(first: InputIterator, last: InputIterator, result_true: OutputIterator1, result_false: OutputIterator2, pred: (val: T) => T): Pair<OutputIterator1, OutputIterator2>;
     /**
      * <p> Get partition point. </p>
      *
@@ -2196,7 +2109,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the past-the-end element in the resulting sequence.
      */
-    function merge<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
+    function merge<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
     /**
      * <p> Merge sorted ranges. </p>
      *
@@ -2222,7 +2135,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the past-the-end element in the resulting sequence.
      */
-    function merge<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
+    function merge<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
     /**
      * <p> Merge consecutive sorted ranges. </p>
      *
@@ -2353,7 +2266,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_union<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
+    function set_union<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
     /**
      * <p> Union of two sorted ranges. </p>
      *
@@ -2386,7 +2299,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_union<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
+    function set_union<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
     /**
      * <p> Intersection of two sorted ranges. </p>
      *
@@ -2414,7 +2327,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_intersection<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
+    function set_intersection<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
     /**
      * <p> Intersection of two sorted ranges. </p>
      *
@@ -2446,7 +2359,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_intersection<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
+    function set_intersection<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
     /**
      * <p> Difference of two sorted ranges. </p>
      *
@@ -2480,7 +2393,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_difference<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
+    function set_difference<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
     /**
      * <p> Difference of two sorted ranges. </p>
      *
@@ -2518,7 +2431,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_difference<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
+    function set_difference<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
     /**
      * <p> Symmetric difference of two sorted ranges. </p>
      *
@@ -2552,7 +2465,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_symmetric_difference<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
+    function set_symmetric_difference<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
     /**
      * <p> Symmetric difference of two sorted ranges. </p>
      *
@@ -2586,7 +2499,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_symmetric_difference<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
+    function set_symmetric_difference<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends base.ILinearIterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
 }
 declare namespace std {
     /**
@@ -2844,7 +2757,7 @@ declare namespace std.base {
         /**
          * @inheritdoc
          */
-        abstract push<U extends T>(...items: U[]): number;
+        abstract push(...items: T[]): number;
         /**
          * @inheritdoc
          */
@@ -4594,11 +4507,11 @@ declare namespace std.base {
         /**
          * @inheritdoc
          */
-        push<L extends Key, U extends T>(...args: Pair<L, U>[]): number;
+        push(...args: Pair<Key, T>[]): number;
         /**
          * @inheritdoc
          */
-        push<L extends Key, U extends T>(...args: [Key, T][]): number;
+        push(...args: [Key, T][]): number;
         /**
          * Construct and insert element with hint
          *
@@ -4842,6 +4755,18 @@ declare namespace std.base {
          * @hidden
          */
         private erase_by_range(begin, end);
+        /**
+         * @hidden
+         */
+        protected _Swap(obj: MapContainer<Key, T>): void;
+        /**
+         * Merge two maps.
+         *
+         * Extracts and transfers elements from *source* to this container.
+         *
+         * @param source A {@link MapContainer map container} to transfer the elements from.
+         */
+        abstract merge<L extends Key, U extends T>(source: MapContainer<L, U>): void;
         /**
          * <p> Abstract method handling insertions for indexing. </p>
          *
@@ -4885,10 +4810,6 @@ declare namespace std.base {
          *			   including the element pointed by <i>first</i> but not the element pointed by <i>last</i>.
          */
         protected abstract _Handle_erase(first: MapIterator<Key, T>, last: MapIterator<Key, T>): void;
-        /**
-         * @hidden
-         */
-        protected _Swap(obj: MapContainer<Key, T>): void;
     }
 }
 declare namespace std {
@@ -5067,50 +4988,6 @@ declare namespace std.base {
          * @param val Value, the item.
          */
         set(key: Key, val: T): void;
-        /**
-         * <p> Extract an element. </p>
-         *
-         * <p> Extracts the element pointed to by <i>key</i> and erases it from the {@link UniqueMap}. </p>
-         *
-         * @param key Key value of the element whose mapped value is accessed.
-         *
-         * @return A {@link Pair} containing the value pointed to by <i>key</i>.
-         */
-        extract(key: Key): Pair<Key, T>;
-        /**
-         * <p> Extract an element. </p>
-         *
-         * <p> Extracts the element pointed to by <i>key</i> and erases it from the {@link UniqueMap}. </p>
-         *
-         * @param it An iterator pointing an element to extract.
-         *
-         * @return An iterator pointing to the element immediately following <i>it</i> prior to the element being
-         *		   erased. If no such element exists,returns {@link end end()}.
-         */
-        extract(it: MapIterator<Key, T>): MapIterator<Key, T>;
-        /**
-         * <p> Extract an element. </p>
-         *
-         * <p> Extracts the element pointed to by <i>key</i> and erases it from the {@link UniqueMap}. </p>
-         *
-         * @param it An iterator pointing an element to extract.
-         *
-         * @return An iterator pointing to the element immediately following <i>it</i> prior to the element being
-         *		   erased. If no such element exists,returns {@link end end()}.
-         */
-        extract(it: MapReverseIterator<Key, T>): MapReverseIterator<Key, T>;
-        /**
-         * @hidden
-         */
-        private extract_by_key(key);
-        /**
-         * @hidden
-         */
-        private extract_by_iterator(it);
-        /**
-         * @hidden
-         */
-        private extract_by_reverse_iterator(it);
         /**
          * Construct and insert element.
          *
@@ -5293,6 +5170,61 @@ declare namespace std.base {
          * @hidden
          */
         private insert_or_assign_with_hint(hint, key, value);
+        /**
+         * <p> Extract an element. </p>
+         *
+         * <p> Extracts the element pointed to by <i>key</i> and erases it from the {@link UniqueMap}. </p>
+         *
+         * @param key Key value of the element whose mapped value is accessed.
+         *
+         * @return A {@link Pair} containing the value pointed to by <i>key</i>.
+         */
+        extract(key: Key): Pair<Key, T>;
+        /**
+         * <p> Extract an element. </p>
+         *
+         * <p> Extracts the element pointed to by <i>key</i> and erases it from the {@link UniqueMap}. </p>
+         *
+         * @param it An iterator pointing an element to extract.
+         *
+         * @return An iterator pointing to the element immediately following <i>it</i> prior to the element being
+         *		   erased. If no such element exists,returns {@link end end()}.
+         */
+        extract(it: MapIterator<Key, T>): MapIterator<Key, T>;
+        /**
+         * <p> Extract an element. </p>
+         *
+         * <p> Extracts the element pointed to by <i>key</i> and erases it from the {@link UniqueMap}. </p>
+         *
+         * @param it An iterator pointing an element to extract.
+         *
+         * @return An iterator pointing to the element immediately following <i>it</i> prior to the element being
+         *		   erased. If no such element exists,returns {@link end end()}.
+         */
+        extract(it: MapReverseIterator<Key, T>): MapReverseIterator<Key, T>;
+        /**
+         * @hidden
+         */
+        private extract_by_key(key);
+        /**
+         * @hidden
+         */
+        private extract_by_iterator(it);
+        /**
+         * @hidden
+         */
+        private extract_by_reverse_iterator(it);
+        /**
+         * Merge two maps.
+         *
+         * Attempts to extract each element in *source* and insert it into this container. If there's an element in this
+         * container with key equivalent to the key of an element from *source*, tnen that element is not extracted from
+         * the *source*. Otherwise, no element with same key exists in this container, then that element will be
+         * transfered from the *source* to this container.
+         *
+         * @param source A {@link MapContainer map container} to transfer the elements from.
+         */
+        merge<L extends Key, U extends T>(source: MapContainer<L, U>): void;
     }
 }
 declare namespace std.base {
@@ -5419,6 +5351,10 @@ declare namespace std.base {
          * @inheritdoc
          */
         insert<L extends Key, U extends T, InputIterator extends Iterator<Pair<L, U>>>(first: InputIterator, last: InputIterator): void;
+        /**
+         * @inheritdoc
+         */
+        merge<L extends Key, U extends T>(source: MapContainer<L, U>): void;
     }
 }
 declare namespace std.HashMap {
@@ -5638,8 +5574,8 @@ declare namespace std {
      * <p> Elements with equivalent <i>keys</i> are grouped together in the same bucket and in such a way that
      * an iterator can iterate through all of them. Iterators in the container are doubly linked iterators. </p>
      *
-     * <p> <a href="http://samchon.github.io/typescript-stl/images/design/class_diagram" target="_blank">
-     * <img src="http://samchon.github.io/typescript-stl/images/design/class_diagram" style="max-width: 100%" /> </a>
+     * <p> <a href="http://samchon.github.io/typescript-stl/images/design/class_diagram/map_containers.png" target="_blank">
+     * <img src="http://samchon.github.io/typescript-stl/images/design/class_diagram/map_containers.png" style="max-width: 100%" /> </a>
      * </p>
      *
      * <h3> Container properties </h3>
@@ -5926,7 +5862,7 @@ declare namespace std.base {
         /**
          * @inheritdoc
          */
-        push<U extends T>(...args: U[]): number;
+        push(...args: T[]): number;
         /**
          * <p> Insert an element with hint. </p>
          *
@@ -6026,6 +5962,18 @@ declare namespace std.base {
          * @hidden
          */
         private erase_by_range(begin, end);
+        /**
+         * @hidden
+         */
+        protected _Swap(obj: SetContainer<T>): void;
+        /**
+         * Merge two sets.
+         *
+         * Extracts and transfers elements from *source* to this container.
+         *
+         * @param source A {@link SetContainer set container} to transfer the elements from.
+         */
+        abstract merge<U extends T>(source: SetContainer<U>): void;
         /**
          * <p> Abstract method handling insertions for indexing. </p>
          *
@@ -6069,10 +6017,6 @@ declare namespace std.base {
          *			   including the element pointed by <i>first</i> but not the element pointed by <i>last</i>.
          */
         protected abstract _Handle_erase(first: SetIterator<T>, last: SetIterator<T>): void;
-        /**
-         * @hidden
-         */
-        protected _Swap(obj: SetContainer<T>): void;
     }
 }
 declare namespace std {
@@ -6220,6 +6164,10 @@ declare namespace std.base {
          * @inheritdoc
          */
         insert<U extends T, InputIterator extends Iterator<U>>(begin: InputIterator, end: InputIterator): void;
+        /**
+         * @inheritdoc
+         */
+        merge<U extends T>(source: SetContainer<U>): void;
     }
 }
 declare namespace std.HashMultiSet {
@@ -6451,6 +6399,38 @@ declare namespace std.base {
          * @inheritdoc
          */
         count(key: T): number;
+        /**
+         * <p> Insert an element. </p>
+         *
+         * <p> Extends the container by inserting new elements, effectively increasing the container {@link size} by
+         * the number of element inserted (zero or one). </p>
+         *
+         * <p> Because elements in a {@link UniqueSet UniqueSets} are unique, the insertion operation checks whether
+         * each inserted element is equivalent to an element already in the container, and if so, the element is not
+         * inserted, returning an iterator to this existing element (if the function returns a value). </p>
+         *
+         * <p> For a similar container allowing for duplicate elements, see {@link MultiSet}. </p>
+         *
+         * @param key Value to be inserted as an element.
+         *
+         * @return A {@link Pair}, with its member {@link Pair.first} set to an iterator pointing to either the newly
+         *		   inserted element or to the equivalent element already in the {@link UniqueSet}. The
+         *		   {@link Pair.second} element in the {@link Pair} is set to true if a new element was inserted or
+         *		   false if an equivalent element already existed.
+         */
+        insert(val: T): Pair<SetIterator<T>, boolean>;
+        /**
+         * @inheritdoc
+         */
+        insert(hint: SetIterator<T>, val: T): SetIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        insert(hint: SetReverseIterator<T>, val: T): SetReverseIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        insert<U extends T, InputIterator extends Iterator<U>>(begin: InputIterator, end: InputIterator): void;
         /**
          * <p> Extract an element. </p>
          *
@@ -6496,37 +6476,16 @@ declare namespace std.base {
          */
         private extract_by_reverse_iterator(it);
         /**
-         * <p> Insert an element. </p>
+         * Merge two sets.
          *
-         * <p> Extends the container by inserting new elements, effectively increasing the container {@link size} by
-         * the number of element inserted (zero or one). </p>
+         * Attempts to extract each element in *source* and insert it into this container. If there's an element in this
+         * container with key equivalent to the key of an element from *source*, tnen that element is not extracted from
+         * the *source*. Otherwise, no element with same key exists in this container, then that element will be
+         * transfered from the *source* to this container.
          *
-         * <p> Because elements in a {@link UniqueSet UniqueSets} are unique, the insertion operation checks whether
-         * each inserted element is equivalent to an element already in the container, and if so, the element is not
-         * inserted, returning an iterator to this existing element (if the function returns a value). </p>
-         *
-         * <p> For a similar container allowing for duplicate elements, see {@link MultiSet}. </p>
-         *
-         * @param key Value to be inserted as an element.
-         *
-         * @return A {@link Pair}, with its member {@link Pair.first} set to an iterator pointing to either the newly
-         *		   inserted element or to the equivalent element already in the {@link UniqueSet}. The
-         *		   {@link Pair.second} element in the {@link Pair} is set to true if a new element was inserted or
-         *		   false if an equivalent element already existed.
+         * @param source A {@link SetContainer set container} to transfer the elements from.
          */
-        insert(val: T): Pair<SetIterator<T>, boolean>;
-        /**
-         * @inheritdoc
-         */
-        insert(hint: SetIterator<T>, val: T): SetIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        insert(hint: SetReverseIterator<T>, val: T): SetReverseIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        insert<U extends T, InputIterator extends Iterator<U>>(begin: InputIterator, end: InputIterator): void;
+        merge<U extends T>(source: SetContainer<U>): void;
     }
 }
 declare namespace std.HashSet {
@@ -6859,7 +6818,7 @@ declare namespace std {
         /**
          * @inheritdoc
          */
-        push<U extends T>(...items: U[]): number;
+        push(...items: T[]): number;
         /**
          * @inheritdoc
          */
@@ -7410,7 +7369,7 @@ declare namespace std {
      *
      * @author Jeongho Nam <http://samchon.org>
      */
-    class ListReverseIterator<T> extends ReverseIterator<T, ListIterator<T>, ListReverseIterator<T>> {
+    class ListReverseIterator<T> extends ReverseIterator<T, ListIterator<T>, ListReverseIterator<T>> implements base.ILinearIterator<T> {
         /**
          * Construct from base iterator.
          *
@@ -8664,7 +8623,7 @@ declare namespace std {
      * <p> In a {@link TreeMultiSet}, the value of an element also identifies it (the value is itself
      * the <i>key</i>, of type <i>T</i>). The value of the elements in a {@link TreeMultiSet} cannot
      * be modified once in the container (the elements are always const), but they can be inserted or removed
-     * from the  </p>
+     * from the container. </p>
      *
      * <p> Internally, the elements in a {@link TreeMultiSet TreeMultiSets} are always sorted following a strict
      * weak ordering criterion indicated by its internal comparison method (of {@link IComparable.less less}). </p>
@@ -8848,7 +8807,7 @@ declare namespace std {
      * <p> In a {@link TreeSet}, the value of an element also identifies it (the value is itself the
      * <i>key</i>, of type <i>T</i>), and each value must be unique. The value of the elements in a
      * {@link TreeSet} cannot be modified once in the container (the elements are always const), but they
-     * can be inserted or removed from the  </p>
+     * can be inserted or removed from the container. </p>
      *
      * <p> Internally, the elements in a {@link TreeSet} are always sorted following a specific strict weak
      * ordering criterion indicated by its internal comparison method (of {@link less}). </p>
@@ -9096,12 +9055,12 @@ declare namespace std {
      * <p> Just like arrays, {@link Vector}s use contiguous storage locations for their elements, which means that
      * their elements can also be accessed using offsets on regular pointers to its elements, and just as efficiently
      * as in arrays. But unlike arrays, their size can change dynamically, with their storage being handled
-     * automatically by the  </p>
+     * automatically by the container. </p>
      *
      * <p> Internally, {@link Vector}s use a dynamically allocated array to store their elements. This array may need
      * to be reallocated in order to grow in size when new elements are inserted, which implies allocating a new
      * array and moving all elements to it. This is a relatively expensive task in terms of processing time, and
-     * thus, {@link Vector}s do not reallocate each time an element is added to the  </p>
+     * thus, {@link Vector}s do not reallocate each time an element is added to the container. </p>
      *
      * <p> Instead, {@link Vector} containers may allocate some extra storage to accommodate for possible growth, and
      * thus the container may have an actual {@link capacity} greater than the storage strictly needed to contain its
@@ -9508,7 +9467,7 @@ declare namespace std {
          *			  with the same template parameter, <b>T</b>) whose content is swapped with that of this
          *			  {@link container Vector}.
          */
-        obj(obj: Vector<T>): void;
+        swap(obj: Vector<T>): void;
         /**
          * @inheritdoc
          */
@@ -10429,8 +10388,6 @@ declare namespace std.base {
          */
         set(index: number, val: T): void;
     }
-}
-declare namespace std.base {
     /**
      * <p> Random-access iterator. </p>
      *
@@ -10451,7 +10408,7 @@ declare namespace std.base {
      * @reference http://www.cplusplus.com/reference/iterator/RandomAccessIterator
      * @author Jeongho Nam <http://samchon.org>
      */
-    interface IArrayIterator<T> extends Iterator<T> {
+    interface IArrayIterator<T> extends ILinearIterator<T> {
         /**
          * Get index, sequence number of the iterator in the source {@link IArray array}.
          *
@@ -10596,7 +10553,7 @@ declare namespace std.base {
          *
          * @return New size of the Container.
          */
-        push<U extends T>(...items: U[]): number;
+        push(...items: T[]): number;
         /**
          * <p> Insert an element. </p>
          *
@@ -10807,6 +10764,29 @@ declare namespace std.base {
          */
         insert<U extends T, InputIterator extends Iterator<U>>(position: Iterator<T>, begin: InputIterator, end: InputIterator): Iterator<T>;
     }
+    /**
+     * An interface for iterators from linear containers.
+     *
+     * {@link ILieanerIterator} is an bi-directional iterator which is created from the related
+     * {@link ILinearContainer linear containers}. Not only accessing to {@link value} of the pointed element from
+     * this {@link ILieanerIterator}, but also modifying the {@link value} is possible.
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    interface ILinearIterator<T> extends Iterator<T> {
+        /**
+         * @inheritdoc
+         */
+        value: T;
+        /**
+         * @inheritdoc
+         */
+        prev(): ILinearIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        next(): ILinearIterator<T>;
+    }
 }
 declare namespace std.base {
     /**
@@ -12087,3 +12067,92 @@ declare namespace std.base {
         uncle: XTreeNode<T>;
     }
 }
+declare namespace std {
+    /**
+     * Type definition of {@link Vector} and it's the original name used in C++.
+     */
+    export import vector = Vector;
+    /**
+     * Type definition of {@link List} and it's the original name used in C++.
+     */
+    export import list = List;
+    /**
+     * Type definition of {@link Deque} and it's the original name used in C++.
+     */
+    export import deque = Deque;
+    /**
+     * Type definition of {@link Stack} and it's the original name used in C++.
+     */
+    type stack<T> = Stack<T>;
+    /**
+     * Type definition of {@link Queue} and it's the original name used in C++.
+     */
+    type queue<T> = Queue<T>;
+    /**
+     * Type definition of {@link PriorityQueue} and it's the original name used in C++.
+     */
+    type priority_queue<T> = PriorityQueue<T>;
+    var stack: typeof Stack;
+    var queue: typeof Queue;
+    var priority_queue: typeof PriorityQueue;
+    /**
+     * Type definition of {@link TreeSet} and it's the original name used in C++.
+     */
+    export import set = TreeSet;
+    /**
+     * Type definition of {@link TreeMultiSet} and it's the original name used in C++.
+     */
+    export import multiset = TreeMultiSet;
+    /**
+     * Type definition of {@link HashSet} and it's the original name used in C++.
+     */
+    export import unordered_set = HashSet;
+    /**
+     * Type definition of {@link HashMultiSet} and it's the original name used in C++.
+     */
+    export import unordered_multiset = HashMultiSet;
+    /**
+     * Type definition of {@link TreeMap} and it's the original name used in C++.
+     */
+    export import map = TreeMap;
+    /**
+     * Type definition of {@link TreeMultiMap} and it's the original name used in C++.
+     */
+    export import multimap = TreeMultiMap;
+    /**
+     * Type definition of {@link HashMap} and it's the original name used in C++.
+     */
+    export import unordered_map = HashMap;
+    /**
+     * Type definition of {@link HashMultiMap} and it's the original name used in C++.
+     */
+    export import unordered_multimap = HashMultiMap;
+    type exception = Exception;
+    type logic_error = LogicError;
+    type domain_error = DomainError;
+    type invalid_argument = InvalidArgument;
+    type length_error = LengthError;
+    type out_of_range = OutOfRange;
+    type runtime_error = RuntimeError;
+    type overflow_error = OverflowError;
+    type underflow_error = UnderflowError;
+    type range_error = RangeError;
+    type system_error = SystemError;
+    type error_category = ErrorCategory;
+    type error_condition = ErrorCondition;
+    type error_code = ErrorCode;
+    var exception: typeof Exception;
+    var logic_error: typeof LogicError;
+    var domain_error: typeof DomainError;
+    var invalid_argument: typeof InvalidArgument;
+    var length_error: typeof LengthError;
+    var out_of_range: typeof OutOfRange;
+    var runtime_error: typeof RuntimeError;
+    var overflow_error: typeof OverflowError;
+    var underflow_error: typeof UnderflowError;
+    var range_error: typeof RangeError;
+    var system_error: typeof SystemError;
+    var error_category: typeof ErrorCategory;
+    var error_condition: typeof ErrorCondition;
+    var error_code: typeof ErrorCode;
+}

From 927c3555e0fb6c31f028a6c6965ee753f9e5ef1e Mon Sep 17 00:00:00 2001
From: openminder <martin.koehn@googlemail.com>
Date: Thu, 6 Oct 2016 16:38:32 +0200
Subject: [PATCH 192/382] Definitions for shopify buy. (#11760)

* Definitions for shopify buy.

        * Definitions for shopify buy.

* fix header format and remove core-js reference
---
 shopify-buy/shopify-buy-tests.ts | 406 +++++++++++++++++++++++++++++++
 shopify-buy/shopify-buy.d.ts     | 375 ++++++++++++++++++++++++++++
 2 files changed, 781 insertions(+)
 create mode 100644 shopify-buy/shopify-buy-tests.ts
 create mode 100644 shopify-buy/shopify-buy.d.ts

diff --git a/shopify-buy/shopify-buy-tests.ts b/shopify-buy/shopify-buy-tests.ts
new file mode 100644
index 0000000000..3d8d1f5988
--- /dev/null
+++ b/shopify-buy/shopify-buy-tests.ts
@@ -0,0 +1,406 @@
+/// <reference path="shopify-buy.d.ts" />
+/// <reference path="../jquery/jquery.d.ts" />
+
+/* Build new ShopifyBuy client
+============================================================ */
+let client = ShopifyBuy.buildClient({
+    apiKey: 'bf081e860bc9dc1ce0654fdfbc20892d',
+    myShopifyDomain: 'embeds',
+    appId: '6'
+});
+
+var product : ShopifyBuy.Shopify.ProductModel;
+var cart : ShopifyBuy.Shopify.CartModel;
+var cartLineItemCount : number;
+if(localStorage.getItem('lastCartId')) {
+    client.fetchCart(localStorage.getItem('lastCartId')).then(function(remoteCart : ShopifyBuy.Shopify.CartModel) {
+        cart = remoteCart;
+        cartLineItemCount = cart.lineItems.length;
+        renderCartItems();
+    });
+} else {
+    client.createCart().then(function (newCart : ShopifyBuy.Shopify.CartModel) {
+        cart = newCart;
+        localStorage.setItem('lastCartId', ""+cart.id);
+        cartLineItemCount = 0;
+    });
+}
+
+var previousFocusItem : any;
+
+/* Fetch product and init
+============================================================ */
+client.fetchProduct('3614436099').then(function (fetchedProduct : ShopifyBuy.Shopify.ProductModel) {
+    product = fetchedProduct;
+    var selectedVariant : ShopifyBuy.Shopify.ProductVariantModel = product.selectedVariant;
+    var selectedVariantImage : any = product.selectedVariantImage;
+    var currentOptions : ShopifyBuy.Shopify.Option[] = product.options;
+
+    var variantSelectors = generateSelectors(product);
+    $('.variant-selectors').html(""+variantSelectors);
+
+    updateProductTitle(product.title);
+    updateVariantImage(selectedVariantImage);
+    updateVariantTitle(selectedVariant);
+    updateVariantPrice(selectedVariant);
+    attachOnVariantSelectListeners(product);
+    updateCartTabButton();
+    bindEventListeners();
+});
+
+/* Generate DOM elements for variant selectors
+============================================================ */
+function generateSelectors(product : ShopifyBuy.Shopify.ProductModel) {
+    var elements = product.options.map(function(option : ShopifyBuy.Shopify.Option) {
+        var optionsHtml = option.values.map(function(value : any) {
+            return '<option value="' + value + '">' + value + '</option>';
+        });
+
+        return '<div class="shopify-select">\
+                <select class="select" name="' + option.name + '">' + optionsHtml + '</select>\
+                <svg class="shopify-select-icon" viewBox="0 0 24 24"><path d="M21 5.176l-9.086 9.353L3 5.176.686 7.647 12 19.382 23.314 7.647 21 5.176z"></path></svg>\
+                </div>'
+    });
+    return elements;
+}
+
+/* Bind Event Listeners
+============================================================ */
+function bindEventListeners() {
+    /* cart close button listener */
+    $('.cart .btn--close').on('click', closeCart);
+
+    /* click away listener to close cart */
+    $(document).on('click', function(evt) {
+        if((!$(evt.target).closest('.cart').length) && (!$(evt.target).closest('.js-prevent-cart-listener').length)) {
+        closeCart();
+        }
+    });
+
+    /* escape key handler */
+    var ESCAPE_KEYCODE = 27;
+    $(document).on('keydown', function (evt) {
+        if (evt.which === ESCAPE_KEYCODE) {
+        if (previousFocusItem) {
+            $(previousFocusItem).focus();
+            previousFocusItem = ''
+        }
+        closeCart();
+        }
+    });
+
+    /* checkout button click listener */
+    $('.btn--cart-checkout').on('click', function () {
+        window.open(cart.checkoutUrl, '_self');
+    });
+
+    /* buy button click listener */
+    $('.buy-button').on('click', buyButtonClickHandler);
+
+    /* increment quantity click listener */
+    $('.cart').on('click', '.quantity-increment', function () {
+        var variantId = $(this).data('variant-id');
+        incrementQuantity(variantId);
+    });
+
+    /* decrement quantity click listener */
+    $('.cart').on('click', '.quantity-decrement', function() {
+        var variantId = $(this).data('variant-id');
+        decrementQuantity(variantId);
+    });
+
+    /* update quantity field listener */
+    $('.cart').on('keyup', '.cart-item__quantity', debounce(fieldQuantityHandler, 250));
+
+    /* cart tab click listener */
+    $('.btn--cart-tab').click(function() {
+        setPreviousFocusItem(this);
+        openCart();
+    });
+}
+
+
+/* Variant option change handler
+============================================================ */
+function attachOnVariantSelectListeners(product : ShopifyBuy.Shopify.ProductModel) {
+    $('.variant-selectors').on('change', 'select', function(event) {
+        var $element : any = $(event.target);
+        var name : string = $element.attr('name');
+        var value : string = $element.val();
+        product.options.filter(function(option : ShopifyBuy.Shopify.Option) {
+            return option.name === name;
+        })[0].selected = value;
+
+        var selectedVariant : ShopifyBuy.Shopify.ProductVariantModel = product.selectedVariant;
+        var selectedVariantImage : any = product.selectedVariantImage;
+        updateProductTitle(product.title);
+        updateVariantImage(selectedVariantImage);
+        updateVariantTitle(selectedVariant);
+        updateVariantPrice(selectedVariant);
+    });
+}
+
+/* Update product title
+============================================================ */
+function updateProductTitle(title : string) {
+    $('#buy-button-1 .product-title').text(title);
+}
+
+/* Update product image based on selected variant
+============================================================ */
+function updateVariantImage(image : any) {
+    var src = (image) ? image.src : ShopifyBuy.NO_IMAGE_URI;
+
+    $('#buy-button-1 .variant-image').attr('src', src);
+}
+
+/* Update product variant title based on selected variant
+============================================================ */
+function updateVariantTitle(variant : ShopifyBuy.Shopify.ProductVariantModel) {
+    $('#buy-button-1 .variant-title').text(variant.title);
+}
+
+/* Update product variant price based on selected variant
+============================================================ */
+function updateVariantPrice(variant : ShopifyBuy.Shopify.ProductVariantModel) {
+    $('#buy-button-1 .variant-price').text('$' + variant.price);
+}
+
+/* Attach and control listeners onto buy button
+============================================================ */
+function buyButtonClickHandler(evt : any) {
+    evt.preventDefault();
+    var id : string | number = product.selectedVariant.id;
+    var quantity : number;
+    var cartLineItem : ShopifyBuy.Shopify.CartLineItem = findCartItemByVariantId(id);
+
+    quantity = cartLineItem ? cartLineItem.quantity + 1 : 1;
+
+    addOrUpdateVariant(product.selectedVariant, quantity);
+    setPreviousFocusItem(evt.target);
+    $('#checkout').focus();
+}
+
+/* Update product variant quantity in cart
+============================================================ */
+function updateQuantity(fn : Function, variantId : string | number) {
+    var variant : ShopifyBuy.Shopify.ProductVariantModel = product.variants.filter(function (variant : ShopifyBuy.Shopify.ProductVariantModel) {
+        return (variant.id === variantId);
+    })[0];
+    var quantity : number;
+    var cartLineItem : ShopifyBuy.Shopify.CartLineItem = findCartItemByVariantId(variant.id);
+    if (cartLineItem) {
+        quantity = fn(cartLineItem.quantity);
+        updateVariantInCart(cartLineItem, quantity);
+    }
+}
+
+/* Decrease quantity amount by 1
+============================================================ */
+function decrementQuantity(variantId : string | number) {
+    updateQuantity(function(quantity : number) {
+        return quantity - 1;
+    }, variantId);
+}
+
+/* Increase quantity amount by 1
+============================================================ */
+function incrementQuantity(variantId : string | number) {
+    updateQuantity(function(quantity : number) {
+        return quantity + 1;
+    }, variantId);
+}
+
+/* Update product variant quantity in cart through input field
+============================================================ */
+function fieldQuantityHandler(evt : any) {
+    var variantId : string | number = parseInt($(this).closest('.cart-item').attr('data-variant-id'), 10);
+    var variant : ShopifyBuy.Shopify.ProductVariantModel = product.variants.filter(function (variant : ShopifyBuy.Shopify.ProductVariantModel) {
+        return (variant.id === variantId);
+    })[0];
+    var cartLineItem : ShopifyBuy.Shopify.CartLineItem = findCartItemByVariantId(variant.id);
+    var quantity : number = evt.target.value;
+    if (cartLineItem) {
+        updateVariantInCart(cartLineItem, quantity);
+    }
+}
+
+/* Debounce taken from _.js
+============================================================ */
+function debounce(func : any, wait : number, immediate? : number) {
+    var timeout : number;
+    return function() {
+        var context = this, args = arguments;
+        var later = function() {
+        timeout = null;
+        if (!immediate) func.apply(context, args);
+        };
+        var callNow = immediate && !timeout;
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+        if (callNow) func.apply(context, args);
+    }
+}
+
+/* Open Cart
+============================================================ */
+function openCart() {
+    $('.cart').addClass('js-active');
+}
+
+/* Close Cart
+============================================================ */
+function closeCart() {
+    $('.cart').removeClass('js-active');
+    $('.overlay').removeClass('js-active');
+}
+
+/* Find Cart Line Item By Variant Id
+============================================================ */
+function findCartItemByVariantId(variantId : string | number) {
+    return cart.lineItems.filter(function (item) {
+        return (item.variant_id === variantId);
+    })[0];
+}
+
+/* Determine action for variant adding/updating/removing
+============================================================ */
+function addOrUpdateVariant(variant : ShopifyBuy.Shopify.ProductVariantModel, quantity : number) {
+    openCart();
+    var cartLineItem : ShopifyBuy.Shopify.CartLineItem = findCartItemByVariantId(variant.id);
+
+    if (cartLineItem) {
+        updateVariantInCart(cartLineItem, quantity);
+    } else {
+        addVariantToCart(variant, quantity);
+    }
+
+    updateCartTabButton();
+}
+
+/* Update details for item already in cart. Remove if necessary
+============================================================ */
+function updateVariantInCart(cartLineItem : ShopifyBuy.Shopify.CartLineItem, quantity : number) {
+    var variantId : string | number = cartLineItem.variant_id;
+    var cartLength : number = cart.lineItems.length;
+    cart.updateLineItem(cartLineItem.id, quantity).then(function(updatedCart : ShopifyBuy.Shopify.CartModel) {
+        var $cartItem = $('.cart').find('.cart-item[data-variant-id="' + variantId + '"]');
+        if (updatedCart.lineItems.length >= cartLength) {
+            $cartItem.find('.cart-item__quantity').val(cartLineItem.quantity);
+            $cartItem.find('.cart-item__price').text(formatAsMoney(cartLineItem.line_price));
+        } else {
+            $cartItem.addClass('js-hidden').bind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function() {
+                $cartItem.remove();
+            });
+        }
+
+        updateCartTabButton();
+        updateTotalCartPricing();
+        if (updatedCart.lineItems.length < 1) {
+            closeCart();
+        }
+    }).catch(function (errors : string) {
+        console.log('Fail');
+        console.error(errors);
+    });
+}
+
+/* Add 'quantity' amount of product 'variant' to cart
+============================================================ */
+function addVariantToCart(variant : ShopifyBuy.Shopify.ProductVariantModel, quantity : number) {
+    openCart();
+
+    cart.addVariants({ variant: variant, quantity: quantity }).then(function() {
+        var cartItem : ShopifyBuy.Shopify.CartLineItem = cart.lineItems.filter(function (item : ShopifyBuy.Shopify.CartLineItem ) {
+            return (item.variant_id === variant.id);
+        })[0];
+        var $cartItem = renderCartItem(cartItem);
+        var $cartItemContainer = $('.cart-item-container');
+        $cartItemContainer.append($cartItem);
+        setTimeout(function () {
+            $cartItemContainer.find('.js-hidden').removeClass('js-hidden');
+        }, 0)
+
+    }).catch(function (errors : string) {
+        console.log('Fail');
+        console.error(errors);
+    });
+
+    updateTotalCartPricing();
+    updateCartTabButton();
+}
+
+/* Return required markup for single item rendering
+============================================================ */
+function renderCartItem(lineItem : ShopifyBuy.Shopify.CartLineItem) {
+    var lineItemEmptyTemplate = $('#CartItemTemplate').html();
+    var $lineItemTemplate = $(lineItemEmptyTemplate);
+    var itemImage = lineItem.image.src;
+    $lineItemTemplate.attr('data-variant-id', lineItem.variant_id);
+    $lineItemTemplate.addClass('js-hidden');
+    $lineItemTemplate.find('.cart-item__img').css('background-image', 'url(' + itemImage + ')');
+    $lineItemTemplate.find('.cart-item__title').text(lineItem.title);
+    $lineItemTemplate.find('.cart-item__variant-title').text(lineItem.variant_title);
+    $lineItemTemplate.find('.cart-item__price').text(formatAsMoney(lineItem.line_price));
+    $lineItemTemplate.find('.cart-item__quantity').attr('value', lineItem.quantity);
+    $lineItemTemplate.find('.quantity-decrement').attr('data-variant-id', lineItem.variant_id);
+    $lineItemTemplate.find('.quantity-increment').attr('data-variant-id', lineItem.variant_id);
+
+    return $lineItemTemplate;
+}
+
+/* Render the line items currently in the cart
+============================================================ */
+function renderCartItems() {
+    var $cartItemContainer = $('.cart-item-container');
+    $cartItemContainer.empty();
+    var lineItemEmptyTemplate = $('#CartItemTemplate').html();
+    var $cartLineItems = cart.lineItems.map(function (lineItem, index) {
+        return renderCartItem(lineItem);
+    });
+    $cartItemContainer.append($cartLineItems);
+
+    setTimeout(function () {
+        $cartItemContainer.find('.js-hidden').removeClass('js-hidden');
+    }, 0)
+    updateTotalCartPricing();
+}
+
+/* Update Total Cart Pricing
+============================================================ */
+function updateTotalCartPricing() {
+    $('.cart .pricing').text(formatAsMoney(cart.subtotal));
+}
+
+/* Format amount as currency
+============================================================ */
+function formatAsMoney(amount : string, currency? : string, thousandSeparator? : string, decimalSeparator? : string , localeDecimalSeparator? : string) {
+    currency = currency || '$';
+    thousandSeparator = thousandSeparator || ',';
+    decimalSeparator = decimalSeparator || '.';
+    localeDecimalSeparator = localeDecimalSeparator || '.';
+    var regex = new RegExp('(\\d)(?=(\\d{3})+\\.)', 'g');
+
+    return currency + parseFloat(amount).toFixed(2)
+        .replace(localeDecimalSeparator, decimalSeparator)
+        .replace(regex, '$1' + thousandSeparator)
+        .toString();
+}
+
+/* Update cart tab button
+============================================================ */
+function updateCartTabButton() {
+    if (cart.lineItems.length > 0) {
+        $('.btn--cart-tab .btn__counter').html(""+cart.lineItemCount);
+        $('.btn--cart-tab').addClass('js-active');
+    } else {
+        $('.btn--cart-tab').removeClass('js-active');
+        $('.cart').removeClass('js-active');
+    }
+}
+
+/* Set previously focused item for escape handler
+============================================================ */
+function setPreviousFocusItem(item : ShopifyBuy.Shopify.CartLineItem) {
+    previousFocusItem = item;
+}
diff --git a/shopify-buy/shopify-buy.d.ts b/shopify-buy/shopify-buy.d.ts
new file mode 100644
index 0000000000..18c9358b3b
--- /dev/null
+++ b/shopify-buy/shopify-buy.d.ts
@@ -0,0 +1,375 @@
+// Type definitions for shopify-buy
+// Project: http://shopify.github.io/js-buy-sdk/api/
+// Definitions by: Martin Köhn <https://github.com/openminder>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * The JS Buy SDK is a lightweight library that allows you to build ecommerce into any website.
+ * It is based on Shopify’s API and provides the ability to retrieve products and collections from your shop,
+ * add products to a cart, and checkout.
+ */
+declare namespace ShopifyBuy {
+    /**
+     * Create a ShopClient. This is the main entry point to the SDK.
+     */
+    export function buildClient(configAttrs : Shopify.Config) : Shopify.ShopClient
+
+    /**
+     * Internal Image description
+     */
+    interface Image {
+        id : string|number
+        src : string
+        position : number
+        product_id : string
+        variant_ids : Array<string>
+        created_at : string
+        updated_at : string
+    }
+
+    /**
+     * Internal BaseModel class
+     */
+    class BaseModel {
+        constructor( attrs: any, metaAttrs: any )
+
+        attrs : any
+        serializer: any
+        adapter: any
+        shopClient: any
+    }
+
+    var NO_IMAGE_URI : string;
+
+    /**
+     * This namespace contains all globally accessible classes
+     */
+    export namespace Shopify {
+
+        /**
+         * Base Shopify Client config object
+         */
+        interface Config
+        {
+            /**
+             *  Your api client's public token.
+             */
+            apiKey: string
+
+            /** The app whose listings the client will be using.
+             * If you are just modifying a buy button, the buy-button's app id is.
+             * Otherwise, obtain the app id of the app you're modifying or extending.
+             */
+            appId: string
+
+            /** You shop's myshopify.com domain. */
+            myShopifyDomain: string
+        }
+
+        /**
+         * Cart item, that should be added to the card
+         */
+        interface CartModelItem {
+            variant : Shopify.ProductVariantModel
+            quantity : number
+        }
+
+        class CartLineItem extends BaseModel {
+          constructor()
+
+          /**
+           * Line item unique ID
+           */
+          id : string|number
+
+          /**
+           * Images associated with product.
+           */
+          image : Image
+
+          /**
+           * Product title
+           */
+          title: string
+
+          /**
+           * ID of selected variant
+           */
+          variant_id: string|number
+
+          /**
+           * Title of selected variant
+           */
+          variant_title: string
+
+          /**
+           * Number of selected items
+           */
+          quantity : number
+
+          /**
+           * Variant weight in grams
+           */
+          grams: number
+
+          /**
+           * ID of selected product
+           */
+          product_id: string|number
+
+          /**
+           * Price of variant, formatted as currency
+           */
+          price: string
+
+          /**
+           * Compare at price for variant formatted as currency.
+           */
+          compare_at_price: string
+
+          /**
+           * Calculated price for the number of variant in card
+           */
+          line_price: string
+
+        }
+
+        /**
+         * Shopify-Buy-SDK Client to handle products and cart
+         */
+        class ShopClient {
+
+            /**
+             * Config data to be used throughout all API interaction
+             */
+            constructor( config? : Config )
+            /**
+             * Creates a CartModel instance, optionally including attrs.
+             */
+            createCart(attrs? : any) : Promise<CartModel>
+
+            /**
+             * Updates an existing CartModel instance and persists it to localStorage.
+             */
+            updateCart(attrs? : any) : Promise<CartModel>
+
+            /**
+             * Retrieve a previously created cart by its key.
+             */
+            fetchCart(id : string) : Promise<CartModel>
+
+            /**
+             * Fetch one collection by its ID.
+             */
+            fetchCollection(id : string|number) : Promise<any> //TODO: Find declaration for Collection
+
+            /**
+             * Fetch one product by its ID.
+             */
+            fetchProduct(id: string|number) : Promise<ProductModel>
+
+            /**
+             * Fetches a list of collections matching a specified query.
+             */
+            fetchQueryCollections(query? : any) : Promise<Array<any>>
+
+            /**
+             * Fetches a list of products matching a specified query.
+             */
+            fetchQueryProducts(query? : any) : Promise<Array<ProductModel>>
+
+        }
+
+        /**
+         * Class for cart model
+         */
+        class CartModel extends BaseModel {
+
+            constructor()
+
+            /**
+             * Get checkout URL for current cart
+             */
+            checkoutUrl : string
+
+            /**
+             * get ID for current cart
+             */
+            id : string|number
+
+            /**
+             * Get current line items for cart
+             */
+            lineItems : Array<CartLineItem>
+
+            /**
+             * Get current subtotal price for all line items
+             */
+            subtotal: string
+
+            /**
+             * Gets the sum quantity of each line item
+             */
+            lineItemCount : number
+
+            /**
+             * Add items to cart. Updates cart's lineItems
+             */
+            addVariants(item : CartModelItem, nextItem? : Array<CartModelItem>) : Promise<CartModel>
+
+            /**
+             * Remove all line items from cart
+             */
+            clearLineItems() : Promise<CartModel>
+
+            /**
+             * Remove line item from cart
+             */
+            removeLineItem(id : string|number) : Promise<CartModel>
+
+            /**
+             * Update line item quantity
+             */
+            updateLineItem(id : string|number, quantitiy : number ) : Promise<CartModel>
+
+        }
+
+        /**
+         * Class for products returned by fetch('product')
+         */
+        class ProductModel extends BaseModel {
+
+            constructor()
+
+            /**
+             * Product unique ID
+             */
+            id : string|number
+
+            /**
+             * All images associated with product.
+             */
+            images : Array<Image>
+
+            /**
+             * Product title
+             */
+            title: string
+
+            /**
+             * All variants of a product.
+             */
+            variants: Array<ProductVariantModel>
+
+            /**
+             * Get array of options with nested values. Useful for creating UI for selecting options.
+             */
+            options : Array<Option>
+
+            /**
+             * Retrieve variant for currently selected options
+             */
+            selectedVariant : ProductVariantModel
+
+            /**
+             * Retrieve image for currently selected variantImage
+             */
+            selectedVariantImage : Image
+
+            /**
+             * Retrieve currently selected option values.
+             */
+            selections : Option
+        }
+
+        /**
+         * Model for product variant
+         */
+        class ProductVariantModel extends BaseModel {
+
+            constructor()
+
+            /*
+             * Checkout URL for purchasing variant with quantity.
+             */
+            checkoutUrl( quantitiy : number ) : string
+
+            /**
+             * Compare at price for variant formatted as currency.
+             */
+            compareAtPrice : string
+
+            /**
+             * Variant weight in grams
+             */
+            grams : number
+
+            /**
+             * Variant unique ID
+             */
+            id : string|number
+
+            /**
+             * Image for variant
+             */
+            image : Image
+
+            /**
+             * Option values associated with this variant, ex {name: "color", value: "Blue"}
+            */
+            optionValues : Array<Option>
+
+            /**
+             * Price of variant, formatted as currency
+             */
+            price : string
+
+            /**
+             * ID of product variant belongs to
+             */
+            productId : string|number
+
+            /**
+             * Title of product variant belongs to
+             */
+            productTitle : string
+
+            /**
+             * Title of variant
+             */
+            title: string
+        }
+
+        /**
+         * Class for product option
+         */
+        class Option extends BaseModel {
+
+            constructor()
+
+            /**
+             * name of option (ex. "Size", "Color")
+             */
+            name: string
+
+            /**
+             * get/set selected option value (ex. "Large").
+             * Setting this will update the selected value on the model.
+             * Throws {Error} if setting selected to value that does not exist for option
+             */
+            selected : string
+
+            /**
+             * possible values for selection
+             */
+            values : Array<any>
+
+        }
+
+    }
+
+}
+
+declare module "ShopifyBuy" {
+    export = ShopifyBuy
+}

From 7a69d8a56fc31251ebcb04dbe8f7d58f7078b75f Mon Sep 17 00:00:00 2001
From: Finn Poppinga <finno.ger@gmail.com>
Date: Thu, 6 Oct 2016 16:41:15 +0200
Subject: [PATCH 193/382] add missing xhr parameter to promise callbacks.
 (#11761)

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

diff --git a/qwest/qwest.d.ts b/qwest/qwest.d.ts
index e493073402..3f0c9c10cb 100644
--- a/qwest/qwest.d.ts
+++ b/qwest/qwest.d.ts
@@ -56,12 +56,11 @@ declare namespace Qwest {
 	}
 
 	interface Promise {
-
 		/** Request is successful */
-		then(callback: (response: any) => any): Promise;
+		then(callback: (xhr: any, response?: any) => any): Promise;
 
 		/** Request has failed */
-		catch(callback: (e: any, response: any) => any): Promise;
+		catch(callback: (e: any, xhr? : any, response?: any) => any): Promise;
 
 		/** Always run */
 		complete(callback: () => any): Promise;

From cc358591967542edfc01e8cdad67bf61acaa8f49 Mon Sep 17 00:00:00 2001
From: Sam Verschueren <sam.verschueren@gmail.com>
Date: Thu, 6 Oct 2016 16:41:28 +0200
Subject: [PATCH 194/382] fix(tz-format): add offset parameter (#11765)

---
 tz-format/tz-format-tests.ts | 2 ++
 tz-format/tz-format.d.ts     | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/tz-format/tz-format-tests.ts b/tz-format/tz-format-tests.ts
index 54e17eeb38..762e78607d 100644
--- a/tz-format/tz-format-tests.ts
+++ b/tz-format/tz-format-tests.ts
@@ -3,4 +3,6 @@
 import * as format from 'tz-format';
 
 format();
+format(1);
 format(new Date());
+format(new Date(), 1);
diff --git a/tz-format/tz-format.d.ts b/tz-format/tz-format.d.ts
index fa8b1c000b..045dc262df 100644
--- a/tz-format/tz-format.d.ts
+++ b/tz-format/tz-format.d.ts
@@ -4,7 +4,7 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare module "tz-format" {
-	function format(date?: Date): string;
+	function format(date?: Date | number, offset?: number): string;
 	namespace format { }
 	export = format;
 }

From 6722821ad56893fc0bc2778b92544063f3451ee0 Mon Sep 17 00:00:00 2001
From: MikeJerred <mjerred.work@gmail.com>
Date: Thu, 6 Oct 2016 15:54:15 +0100
Subject: [PATCH 195/382] Adding definitons for 'send' npm package (#11771)

* Definitions for send

* Adding test for mime
---
 send/send-tests.ts |  38 +++++++
 send/send.d.ts     | 242 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 280 insertions(+)
 create mode 100644 send/send-tests.ts
 create mode 100644 send/send.d.ts

diff --git a/send/send-tests.ts b/send/send-tests.ts
new file mode 100644
index 0000000000..25a3e457ee
--- /dev/null
+++ b/send/send-tests.ts
@@ -0,0 +1,38 @@
+/// <reference path="send.d.ts" />
+/// <reference path="../express/express.d.ts" />
+
+import * as express from 'express';
+import * as send from 'send';
+
+var app = express();
+
+send.mime.default_type = 'text/plain';
+send.mime.define({
+  'application/x-my-type': ['x-mt', 'x-mtt']
+});
+
+app.get('/test.html', (req, res) => {
+    send(req, '/test.html', {
+        maxAge: 0,
+        root: __dirname + '/wwwroot'
+    }).pipe(res);
+});
+
+app.get('/test.html', (req, res) => {
+    send(req, '/test.html')
+        .maxage(0)
+        .root(__dirname + '/wwwroot')
+        .on('error', (err: any) => {
+            res.statusCode = err.status || 500;
+            res.end(err.message);
+        })
+        .on('directory', () => {
+            res.statusCode = 301;
+            res.setHeader('Location', req.url + '/');
+            res.end('Redirecting to ' + req.url + '/');
+        })
+        .on('headers', (res: any, path: string, stat: any) => {
+            res.setHeader('Content-Disposition', 'attachment');
+        })
+        .pipe(res);
+});
\ No newline at end of file
diff --git a/send/send.d.ts b/send/send.d.ts
new file mode 100644
index 0000000000..d48a66cc23
--- /dev/null
+++ b/send/send.d.ts
@@ -0,0 +1,242 @@
+// Type definitions for send v0.14.1
+// Project: https://github.com/pillarjs/send
+// Definitions by: Mike Jerred <https://github.com/MikeJerred>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts" />
+/// <reference path="../mime/mime.d.ts" />
+
+declare module "send" {
+    import * as stream from "stream";
+    import * as fs from "fs";
+
+    /**
+     * Create a new SendStream for the given path to send to a res.
+     * The req is the Node.js HTTP request and the path is a urlencoded path to send (urlencoded, not the actual file-system path).
+     */
+    function send(req: stream.Readable, path: string, options?: send.SendOptions): send.SendStream;
+
+    import * as m from "mime";
+
+    namespace send {
+        var mime: typeof m;
+        interface SendOptions {
+            /**
+             * Enable or disable accepting ranged requests, defaults to true.
+             * Disabling this will not send Accept-Ranges and ignore the contents of the Range request header.
+             */
+            acceptRanges?: boolean;
+
+            /**
+             * Enable or disable setting Cache-Control response header, defaults to true.
+             * Disabling this will ignore the maxAge option.
+             */
+            cacheControl?: boolean;
+
+            /**
+             * Set how "dotfiles" are treated when encountered.
+             * A dotfile is a file or directory that begins with a dot (".").
+             * Note this check is done on the path itself without checking if the path actually exists on the disk.
+             * If root is specified, only the dotfiles above the root are checked (i.e. the root itself can be within a dotfile when when set to "deny").
+             * 'allow' No special treatment for dotfiles.
+             * 'deny' Send a 403 for any request for a dotfile.
+             * 'ignore' Pretend like the dotfile does not exist and 404.
+             * The default value is similar to 'ignore', with the exception that this default will not ignore the files within a directory that begins with a dot, for backward-compatibility.
+             */
+            dotfiles?: "allow" | "deny" | "ignore";
+
+            /**
+             * Byte offset at which the stream ends, defaults to the length of the file minus 1.
+             * The end is inclusive in the stream, meaning end: 3 will include the 4th byte in the stream.
+             */
+            end?: number;
+
+            /**
+             * Enable or disable etag generation, defaults to true.
+             */
+            etag?: boolean;
+
+            /**
+             * If a given file doesn't exist, try appending one of the given extensions, in the given order.
+             * By default, this is disabled (set to false).
+             * An example value that will serve extension-less HTML files: ['html', 'htm'].
+             * This is skipped if the requested file already has an extension.
+             */
+            extensions?: string[] | string | boolean;
+
+            /**
+             * By default send supports "index.html" files, to disable this set false or to supply a new index pass a string or an array in preferred order.
+             */
+            index?: string[] | string | boolean;
+
+            /**
+             * Enable or disable Last-Modified header, defaults to true.
+             * Uses the file system's last modified value.
+             */
+            lastModified?: boolean;
+
+            /**
+             * Provide a max-age in milliseconds for http caching, defaults to 0.
+             * This can also be a string accepted by the ms module.
+             */
+            maxAge?: string | number;
+
+            /**
+             * Serve files relative to path.
+             */
+            root?: string;
+
+            /**
+             * Byte offset at which the stream starts, defaults to 0.
+             * The start is inclusive, meaning start: 2 will include the 3rd byte in the stream.
+             */
+            start?: number;
+        }
+
+        interface SendStream extends stream.Stream {
+            /**
+             * @deprecated pass etag as option
+             * Enable or disable etag generation.
+             */
+            etag(val: boolean): SendStream;
+
+            /**
+             * @deprecated use dotfiles option
+             * Enable or disable "hidden" (dot) files.
+             */
+            hidden(val: boolean): SendStream;
+            
+            /**
+             * @deprecated pass index as option
+             * Set index `paths`, set to a falsy value to disable index support.
+             */
+            index(paths: string[] | string): SendStream;
+            
+            /**
+             * @deprecated pass root as option
+             * Set root `path`.
+             */
+            root(paths: string): SendStream;
+            
+            /**
+             * @deprecated pass root as option
+             * Set root `path`.
+             */
+            from(paths: string): SendStream;
+            
+            /**
+             * @deprecated pass maxAge as option
+             * Set max-age to `maxAge`.
+             */
+            maxage(maxAge: string | number): SendStream;
+            
+            /**
+             * Emit error with `status`.
+             * @private
+             */
+            error(status: number, error?: Error): void;
+
+            /**
+             * Check if the pathname ends with "/".
+             * @private
+             */
+            hasTrailingSlash(): boolean;
+
+            /**
+             * Check if this is a conditional GET request.
+             * @private
+             */
+            isConditionalGET(): boolean;
+
+            /**
+             * Strip content-* header fields.
+             * @private
+             */
+            removeContentHeaderFields(): void;
+
+            /**
+             * Respond with 304 not modified.
+             * @private
+             */
+            notModified(): void;
+
+            /**
+             * Raise error that headers already sent.
+             * @private
+             */
+            headersAlreadySent(): void;
+
+            /**
+             * Check if the request is cacheable, aka responded with 2xx or 304 (see RFC 2616 section 14.2{5,6}).
+             * @private
+             */
+            isCachable(): boolean;
+
+            /**
+             * Handle stat() error.
+             * @private
+             */
+            onStatError(error: Error): void;
+
+            /**
+             * Check if the cache is fresh.
+             * @private
+             */
+            isFresh(): boolean;
+
+            /**
+             * Check if the range is fresh.
+             * @private
+             */
+            isRangeFresh(): boolean;
+
+            /**
+             * Redirect to path.
+             * @private
+             */
+            redirect(path: string): void;
+
+            /**
+             * Pipe to `res`.
+             */
+            pipe(res: stream.Writable): stream.Writable;
+
+            /**
+             * Transfer `path`.
+             */
+            send(path: string, stat?: fs.Stats): void;
+
+            /**
+             * Transfer file for `path`.
+             * @private
+             */
+            sendFile(path: string): void;
+
+            /**
+             * Transfer index for `path`.
+             * @private
+             */
+            sendIndex(path: string): void;
+
+            /**
+             * Transfer index for `path`.
+             * @private
+             */
+            stream(path: string, options?: {}): void;
+
+            /**
+             * Set content-type based on `path` if it hasn't been explicitly set.
+             * @private
+             */
+            type(path: string): void;
+
+            /**
+             * Set response header fields, most fields may be pre-defined.
+             * @private
+             */
+            setHeader(path: string, stat: fs.Stats): void;
+        }
+    }
+
+    export = send;
+}
\ No newline at end of file

From e1a08ca895eb094c075bc7374b13ea1f3680788c Mon Sep 17 00:00:00 2001
From: mgroenhoff <melvingroenhoff@gmail.com>
Date: Thu, 6 Oct 2016 17:02:00 +0200
Subject: [PATCH 196/382] Add missing terminalWidth method to yargs. (#11777)

---
 yargs/yargs-tests.ts | 8 ++++++++
 yargs/yargs.d.ts     | 2 ++
 2 files changed, 10 insertions(+)

diff --git a/yargs/yargs-tests.ts b/yargs/yargs-tests.ts
index 9246bf4725..97d4afc587 100644
--- a/yargs/yargs-tests.ts
+++ b/yargs/yargs-tests.ts
@@ -273,6 +273,14 @@ function Argv$version() {
 		.version(function () { return '1.0.0'; }, '--version', 'description');
 }
 
+function Argv$wrap() {
+	var argv1 = yargs
+		.wrap(null);
+
+	var argv2 = yargs
+		.wrap(yargs.terminalWidth());
+}
+
 function Argv$locale() {
 	var argv = yargs
 		.usage('./$0 - follow ye instructions true')
diff --git a/yargs/yargs.d.ts b/yargs/yargs.d.ts
index 547b6e9e63..a1260e1517 100644
--- a/yargs/yargs.d.ts
+++ b/yargs/yargs.d.ts
@@ -18,6 +18,8 @@ declare module "yargs" {
 
 			detectLocale(detect:boolean): Argv;
 
+			terminalWidth(): number;
+
 			alias(shortName: string, longName: string): Argv;
 			alias(aliases: { [shortName: string]: string }): Argv;
 			alias(aliases: { [shortName: string]: string[] }): Argv;

From 934e9171de9aa6b6de049683adc7b40554455572 Mon Sep 17 00:00:00 2001
From: Milan Burda <milan.burda@gmail.com>
Date: Thu, 6 Oct 2016 18:38:13 +0200
Subject: [PATCH 197/382] Update to Electron 1.4.2 (#11766)

* Update to Electron 1.4.2

* Use NodeJS.EventEmitter class
---
 .../github-electron-renderer-tests.ts         |  6 +-
 github-electron/github-electron.d.ts          | 74 +++++++++++--------
 2 files changed, 47 insertions(+), 33 deletions(-)

diff --git a/github-electron/github-electron-renderer-tests.ts b/github-electron/github-electron-renderer-tests.ts
index b7292e3ac5..dfac8f47cb 100644
--- a/github-electron/github-electron-renderer-tests.ts
+++ b/github-electron/github-electron-renderer-tests.ts
@@ -26,7 +26,7 @@ ipcRenderer.send('asynchronous-message', 'ping');
 // remote
 // https://github.com/atom/electron/blob/master/docs/api/remote.md
 
-var BrowserWindow: typeof Electron.BrowserWindow = remote.require('browser-window');
+var BrowserWindow = remote.BrowserWindow;
 var win = new BrowserWindow({ width: 800, height: 600 });
 win.loadURL('https://github.com');
 
@@ -167,7 +167,7 @@ holder.ondrop = function (e) {
 // nativeImage
 // https://github.com/atom/electron/blob/master/docs/api/native-image.md
 
-var Tray: Electron.Tray = remote.require('Tray');
+var Tray = remote.Tray;
 var appIcon2 = new Tray('/Users/somebody/images/icon.png');
 var window2 = new BrowserWindow({ icon: '/Users/somebody/images/window.png' });
 var image = clipboard.readImage();
@@ -187,7 +187,7 @@ process.once('loaded', function() {
 // screen
 // https://github.com/atom/electron/blob/master/docs/api/screen.md
 
-var app: Electron.App = remote.require('app');
+var app = remote.app;
 
 var mainWindow: Electron.BrowserWindow = null;
 
diff --git a/github-electron/github-electron.d.ts b/github-electron/github-electron.d.ts
index 9541d64ac6..db11d88ea7 100644
--- a/github-electron/github-electron.d.ts
+++ b/github-electron/github-electron.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Electron v1.4.1
+// Type definitions for Electron v1.4.2
 // Project: http://electron.atom.io/
 // Definitions by: jedmao <https://github.com/jedmao/>, rhysd <https://rhysd.github.io>, Milan Burda <https://github.com/miniak/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -7,22 +7,9 @@
 
 declare namespace Electron {
 
-	class EventEmitter extends NodeJS.EventEmitter {
-		addListener(event: string, listener: Function): this;
-		on(event: string, listener: Function): this;
-		once(event: string, listener: Function): this;
-		removeListener(event: string, listener: Function): this;
-		removeAllListeners(event?: string): this;
-		setMaxListeners(n: number): this;
-		getMaxListeners(): number;
-		listeners(event: string): Function[];
-		emit(event: string, ...args: any[]): boolean;
-		listenerCount(type: string): number;
-	}
-
 	interface Event {
 		preventDefault: Function;
-		sender: EventEmitter;
+		sender: NodeJS.EventEmitter;
 	}
 
 	type Point = {
@@ -42,6 +29,17 @@ declare namespace Electron {
 		height: number;
 	}
 
+	interface Destroyable {
+		/**
+		 * Destroys the object.
+		 */
+		destroy(): void;
+		/**
+		 * @returns Whether the object is destroyed.
+		 */
+		isDestroyed(): boolean;
+	}
+
 	// https://github.com/electron/electron/blob/master/docs/api/app.md
 
 	/**
@@ -740,7 +738,7 @@ declare namespace Electron {
 	 * The BrowserWindow class gives you ability to create a browser window.
 	 * You can also create a window without chrome by using Frameless Window API.
 	 */
-	class BrowserWindow extends EventEmitter {
+	class BrowserWindow extends NodeJS.EventEmitter implements Destroyable {
 		/**
 		 * Emitted when the document changed its title,
 		 * calling event.preventDefault() would prevent the native window’s title to change.
@@ -1104,7 +1102,7 @@ declare namespace Electron {
 		 * setting this, the window is still a normal window, not a toolbox window
 		 * which can not be focused on.
 		 */
-		setAlwaysOnTop(flag: boolean): void;
+		setAlwaysOnTop(flag: boolean, level?: WindowLevel): void;
 		/**
 		 * @returns Whether the window is always on top of other windows.
 		 */
@@ -1357,8 +1355,8 @@ declare namespace Electron {
 		getChildWindows(): BrowserWindow[];
 	}
 
+	type WindowLevel = 'normal' | 'floating' | 'torn-off-menu' | 'modal-panel' | 'main-menu' | 'status' | 'pop-up-menu' | 'screen-saver' | 'dock';
 	type SwipeDirection = 'up' | 'right' | 'down' | 'left';
-
 	type ThumbarButtonFlags = 'enabled' | 'disabled' | 'dismissonclick' | 'nobackground' | 'hidden' | 'noninteractive';
 
 	interface ThumbarButton {
@@ -1538,6 +1536,11 @@ declare namespace Electron {
 		 * Default: false.
 		 */
 		offscreen?: boolean;
+		/**
+		 * Whether to enable Chromium OS-level sandbox.
+		 * Default: false.
+		 */
+		sandbox?: boolean;
 	}
 
 	interface BrowserWindowOptions {
@@ -2532,7 +2535,7 @@ declare namespace Electron {
 	 *
 	 * Each menu consists of multiple menu items, and each menu item can have a submenu.
 	 */
-	class Menu extends EventEmitter {
+	class Menu extends NodeJS.EventEmitter {
 		/**
 		 * Creates a new menu.
 		 */
@@ -2627,7 +2630,7 @@ declare namespace Electron {
 		 */
 		getBitmap(): Buffer;
 		/**
-		 * @returns string The data URL of the image.
+		 * @returns The data URL of the image.
 		 */
 		toDataURL(): string;
 		/**
@@ -2637,11 +2640,11 @@ declare namespace Electron {
 		 */
 		getNativeHandle(): Buffer;
 		/**
-		 * @returns boolean Whether the image is empty.
+		 * @returns Whether the image is empty.
 		 */
 		isEmpty(): boolean;
 		/**
-		 * @returns {} The size of the image.
+		 * @returns The size of the image.
 		 */
 		getSize(): Size;
 		/**
@@ -2689,7 +2692,7 @@ declare namespace Electron {
 	interface PowerSaveBlocker {
 		/**
 		 * Starts preventing the system from entering lower-power mode.
-		 * @returns an integer identifying the power save blocker.
+		 * @returns The blocker ID that is assigned to this power blocker.
 		 * Note: prevent-display-sleep has higher has precedence over prevent-app-suspension.
 		 */
 		start(type: 'prevent-app-suspension' | 'prevent-display-sleep'): number;
@@ -2700,7 +2703,7 @@ declare namespace Electron {
 		stop(id: number): void;
 		/**
 		 * @param id The power save blocker id returned by powerSaveBlocker.start.
-		 * @returns a boolean whether the corresponding powerSaveBlocker has started.
+		 * @returns Whether the corresponding powerSaveBlocker has started.
 		 */
 		isStarted(id: number): boolean;
 	}
@@ -2940,7 +2943,7 @@ declare namespace Electron {
 	 * You can also access the session of existing pages by using
 	 * the session property of webContents which is a property of BrowserWindow.
 	 */
-	class Session extends EventEmitter {
+	class Session extends NodeJS.EventEmitter {
 		/**
 		 * @returns a new Session instance from partition string.
 		 */
@@ -3136,6 +3139,11 @@ declare namespace Electron {
 	}
 
 	interface Cookie {
+		/**
+		 * Emitted when a cookie is changed because it was added, edited, removed, or expired.
+		 */
+		on(event: 'changed', listener: (event: Event, cookie: Cookie, cause: CookieChangedCause) => void): this;
+		on(event: string, listener: Function): this;
 		/**
 		 * The name of the cookie.
 		 */
@@ -3175,6 +3183,8 @@ declare namespace Electron {
 		expirationDate?: number;
 	}
 
+	type CookieChangedCause = 'explicit' | 'overwrite' | 'expired' | 'evicted' | 'expired-overwrite';
+
 	interface CookieDetails {
 		/**
 		 * The URL associated with the cookie.
@@ -3525,13 +3535,13 @@ declare namespace Electron {
 		on(event: 'accent-color-changed', listener: (event: Event, newColor: string) => void): this;
 		on(event: string, listener: Function): this;
 		/**
-		 * @returns If the system is in Dark Mode.
+		 * @returns Whether the system is in Dark Mode.
 		 *
 		 * Note: This is only implemented on macOS.
 		 */
 		isDarkMode(): boolean;
 		/**
-		 * @returns If the Swipe between pages setting is on.
+		 * @returns Whether the Swipe between pages setting is on.
 		 *
 		 * Note: This is only implemented on macOS.
 		 */
@@ -3596,7 +3606,7 @@ declare namespace Electron {
 	/**
 	 * A Tray represents an icon in an operating system's notification area.
 	 */
-	interface Tray extends NodeJS.EventEmitter {
+	class Tray extends NodeJS.EventEmitter implements Destroyable {
 		/**
 		 * Emitted when the tray icon is clicked.
 		 * Note: The bounds payload is only implemented on macOS and Windows.
@@ -3661,7 +3671,7 @@ declare namespace Electron {
 		/**
 		 * Creates a new tray icon associated with the image.
 		 */
-		new(image: NativeImage|string): Tray;
+		constructor(image: NativeImage|string);
 		/**
 		 * Destroys the tray icon immediately.
 		 */
@@ -3712,6 +3722,10 @@ declare namespace Electron {
 		 * @returns The bounds of this tray icon.
 		 */
 		getBounds(): Rectangle;
+		/**
+		 * @returns Whether the tray icon is destroyed.
+		 */
+		isDestroyed(): boolean;
 	}
 
 	interface Modifiers {
@@ -5465,7 +5479,7 @@ declare namespace Electron {
 		screen: Electron.Screen;
 		session: typeof Electron.Session;
 		systemPreferences: Electron.SystemPreferences;
-		Tray: Electron.Tray;
+		Tray: typeof Electron.Tray;
 		webContents: Electron.WebContentsStatic;
 	}
 

From 67522ee64bed9d8995cf8f662e13a59ec363ae2b Mon Sep 17 00:00:00 2001
From: Masahiro Wakame <vvakame+dev@gmail.com>
Date: Fri, 7 Oct 2016 02:15:34 +0900
Subject: [PATCH 198/382] fix test file for cassandra-driver (#11786)

---
 .../{cassandra-driver.tests.ts => cassandra-driver-tests.ts}  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)
 rename cassandra-driver/{cassandra-driver.tests.ts => cassandra-driver-tests.ts} (83%)

diff --git a/cassandra-driver/cassandra-driver.tests.ts b/cassandra-driver/cassandra-driver-tests.ts
similarity index 83%
rename from cassandra-driver/cassandra-driver.tests.ts
rename to cassandra-driver/cassandra-driver-tests.ts
index 3eebf93018..fc90a22575 100644
--- a/cassandra-driver/cassandra-driver.tests.ts
+++ b/cassandra-driver/cassandra-driver-tests.ts
@@ -6,6 +6,6 @@ import * as util from 'util';
 var client = new cassandra.Client({ contactPoints: ['h1', 'h2'], keyspace: 'ks1'});
 
 var query = 'SELECT email, last_name FROM user_profiles WHERE key=?';
-client.execute(query, ['guy'], function(err, result) {
+client.execute(query, ['guy'], function(err: any, result: any) {
   console.log('got user profile with email ' + result.rows[0].email);
-});
\ No newline at end of file
+});

From 4f1ec2ec0e2afa12fd34f16051983dc430a27c29 Mon Sep 17 00:00:00 2001
From: Masahiro Wakame <vvakame+dev@gmail.com>
Date: Fri, 7 Oct 2016 02:16:25 +0900
Subject: [PATCH 199/382] fix test failed about scroll-into-view (#11789)

---
 scroll-into-view/scroll-into-view-tests.ts | 2 +-
 scroll-into-view/scroll-into-view.d.ts     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/scroll-into-view/scroll-into-view-tests.ts b/scroll-into-view/scroll-into-view-tests.ts
index b3b771835c..764ce72ad3 100644
--- a/scroll-into-view/scroll-into-view-tests.ts
+++ b/scroll-into-view/scroll-into-view-tests.ts
@@ -7,7 +7,7 @@ scrollIntoView(someElement);
 scrollIntoView(someElement, {
     time: 500, // half a second
     ease: function(value){
-        return Math.pow(value,2) - value); // Do something weird.
+        return Math.pow(value,2) - value; // Do something weird.
     },
     validTarget: function(target, parentsScrolled){
         return parentsScrolled < 2 && !target.matches('.dontScroll');
diff --git a/scroll-into-view/scroll-into-view.d.ts b/scroll-into-view/scroll-into-view.d.ts
index b587f36142..cb2e187147 100644
--- a/scroll-into-view/scroll-into-view.d.ts
+++ b/scroll-into-view/scroll-into-view.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for scroll-into-view 1.6.0
 // Project: https://github.com/KoryNunn/scroll-into-view
-// Definitions by: zivni https://github.com/zivni
+// Definitions by: zivni <https://github.com/zivni>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare module __ScrollIntoView {

From 1f00f8d0b405c31a8a40fd321dc333f47d7b46cd Mon Sep 17 00:00:00 2001
From: Endel Dreyer <endel.dreyer@gmail.com>
Date: Thu, 6 Oct 2016 19:16:48 +0200
Subject: [PATCH 200/382] EaselJS: add missing ScaleBitmap class (#11791)

Source code: https://github.com/CreateJS/EaselJS/blob/9b4a11f793d396290650619b1bc40b824b8d8571/extras/ScaleBitmap/ScaleBitmap.js#L49-L117
---
 easeljs/easeljs.d.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/easeljs/easeljs.d.ts b/easeljs/easeljs.d.ts
index ab8cd5a0e1..340ef7a471 100644
--- a/easeljs/easeljs.d.ts
+++ b/easeljs/easeljs.d.ts
@@ -52,7 +52,22 @@ declare namespace createjs {
         // methods
         clone(): Bitmap;
     }
+    
+    export class ScaleBitmap extends DisplayObject {
+        constructor(imageOrUrl: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | Object | string, scale9Grid: Rectangle);
 
+        // properties
+        image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement;
+        sourceRect: Rectangle;
+        drawWidth: number;
+        drawHeight: number;
+        scale9Grid: Rectangle;
+        snapToPixel: boolean;
+
+        // methods
+        setDrawSize (newWidth: number, newHeight: number): void;
+        clone(): ScaleBitmap;
+    }
 
     export class BitmapText extends DisplayObject {
         constructor(text?:string, spriteSheet?:SpriteSheet);

From d80e8d3e5134ab635b4f6c69bc1d67a60b99b0c7 Mon Sep 17 00:00:00 2001
From: bearline <bearline@users.noreply.github.com>
Date: Thu, 6 Oct 2016 19:17:01 +0200
Subject: [PATCH 201/382] Missing type for combineActions + minor changes
 (#11781)

Added the combineActions function as that was completely missing. The actionType parameter should be any object with a toString method (including the native string object). Also added convenience definitions for handleAction and handleActions in cases where state and payload is the same (like the same convenience definition for createAction).
---
 redux-actions/redux-actions.d.ts | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/redux-actions/redux-actions.d.ts b/redux-actions/redux-actions.d.ts
index efed0cab66..20eb0707f7 100644
--- a/redux-actions/redux-actions.d.ts
+++ b/redux-actions/redux-actions.d.ts
@@ -54,20 +54,34 @@ declare namespace ReduxActions {
         metaCreator: MetaCreator<Input, Meta>
     ): (...args: Input[]) => ActionMeta<Payload, Meta>;
 
+    export function handleAction<StateAndPayload>(
+        actionType: { toString: () => string },
+        reducer: Reducer<StateAndPayload, StateAndPayload> | ReducerMap<StateAndPayload, StateAndPayload>
+    ): Reducer<StateAndPayload, StateAndPayload>;
+
     export function handleAction<State, Payload>(
-        actionType: string,
+        actionType: { toString: () => string },
         reducer: Reducer<State, Payload> | ReducerMap<State, Payload>
     ): Reducer<State, Payload>;
 
     export function handleAction<State, Payload, Meta>(
-        actionType: string,
+        actionType: { toString: () => string },
         reducer: ReducerMeta<State, Payload, Meta> | ReducerMap<State, Payload>
     ): Reducer<State, Payload>;
 
+    export function handleActions<StateAndPayload>(
+        reducerMap: ReducerMap<StateAndPayload, StateAndPayload>,
+        initialState?: StateAndPayload
+    ): Reducer<StateAndPayload, StateAndPayload>;
+
     export function handleActions<State, Payload>(
         reducerMap: ReducerMap<State, Payload>,
         initialState?: State
     ): Reducer<State, Payload>;
+
+    export function combineActions(
+        ...actionTypes: { toString: () => string }[]
+    ): { toString: () => string };
 }
 
 declare module 'redux-actions' {

From f3a936c489cb2ed305345b29ffc109aa408997e6 Mon Sep 17 00:00:00 2001
From: Alexandre <alexr.3165@gmail.com>
Date: Thu, 6 Oct 2016 18:17:53 +0100
Subject: [PATCH 202/382] Add seamless-immutable type definition file (#11717)

* Add seamless type

* Add seamless-immutable type definition file

* Rename file, change licence and fix some type definition

* Fix implicitly any
---
 .../seamless-immutable-tests.ts               | 52 +++++++++++++++
 seamless-immutable/seamless-immutable.d.ts    | 65 +++++++++++++++++++
 2 files changed, 117 insertions(+)
 create mode 100644 seamless-immutable/seamless-immutable-tests.ts
 create mode 100644 seamless-immutable/seamless-immutable.d.ts

diff --git a/seamless-immutable/seamless-immutable-tests.ts b/seamless-immutable/seamless-immutable-tests.ts
new file mode 100644
index 0000000000..f250ea0a0c
--- /dev/null
+++ b/seamless-immutable/seamless-immutable-tests.ts
@@ -0,0 +1,52 @@
+/// <reference path="seamless-immutable.d.ts" />
+import SI = require("seamless-immutable");
+
+// Immutable instance method test
+const isImmutable: boolean = SI.isImmutable(SI.from([0, 2]));
+const error: Error = SI.ImmutableError("error");
+
+// Immutable Array tests
+const siArray: SI.ImmutableArray<number> = SI.from([0, 1, 2]);
+
+const mutableArray: Array<number> = siArray.asMutable();
+const mutableArray2: Array<number> = siArray.asMutable({ deep: true });
+const arrayToObject: SI.ImmutableObject<number> = siArray.asObject((value: number) =>
+  [value.toString(), value]
+);
+const flatMappedArray: SI.ImmutableArray<number> = siArray.flatMap((value: number) =>
+  [value, value]
+);
+
+// Immutable Object tests
+interface User {
+  firstName: string;
+  lastName: string;
+};
+
+interface Address {
+  line1: string;
+}
+
+interface ExtendedUser extends User {
+  address: Address;
+}
+
+const siObject: SI.ImmutableObject<User> = SI.from({
+  firstName: "Mike",
+  lastName: "test"
+});
+const extUser: SI.ImmutableObject<ExtendedUser> = siObject.set("address", {
+  line1: "test"
+});
+
+const updatedAddress: SI.ImmutableObject<ExtendedUser> = extUser.setIn(["address", "line1"], "test2");
+const mutableUser: ExtendedUser = updatedAddress.asMutable();
+const mutableUser2: ExtendedUser = updatedAddress.asMutable({ deep: true });
+const mergedUser: SI.ImmutableObject<User> = siObject.merge({ lastName: "hello" });
+const updatedUser: SI.ImmutableObject<ExtendedUser> = extUser.update("firstName", (firstName): string =>
+  firstName + "hehe"
+);
+const updatedInUser: SI.ImmutableObject<ExtendedUser> = extUser.updateIn(["address", "line1"], (line): string =>
+  line + "new address"
+);
+const userWithoutAddress: SI.ImmutableObject<User> = extUser.without("address");
diff --git a/seamless-immutable/seamless-immutable.d.ts b/seamless-immutable/seamless-immutable.d.ts
new file mode 100644
index 0000000000..44f049eb76
--- /dev/null
+++ b/seamless-immutable/seamless-immutable.d.ts
@@ -0,0 +1,65 @@
+// Type definitions for Seamless-immutable 6.1.3
+// Project: https://github.com/rtfeldman/seamless-immutable
+// Definitions by: alex3165 <https://github.com/alex3165>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+// This project is licensed under the MIT license.
+// Copyrights are respective of each contributor listed at the beginning of each definition file.
+
+// Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+// The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+declare namespace SeamlessImmutable {
+  interface MergeConfig {
+    deep?: boolean;
+    merger?: Function;
+  }
+
+  interface Options {
+    prototype?: any;
+  }
+
+  interface AsMutableOptions {
+    deep: boolean;
+  }
+
+  export interface ImmutableObject<T> {
+    set(property: string, value: any): ImmutableObject<any>;
+    setIn(propertyPath: Array<string>, value: any): ImmutableObject<any>;
+
+    asMutable(): T;
+    asMutable(opts: AsMutableOptions): T;
+
+    merge(part: any, config?: MergeConfig): ImmutableObject<T>;
+
+    update(property: string, updaterFunction: (value: any, ...additionalParamters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+    updateIn(propertyPath: Array<string>, updaterFunction: (value: any, ...additionalParamters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+
+    without(property: string): ImmutableObject<any>;
+    without(...properties: string[]): ImmutableObject<any>;
+    without(filter: (value: any, key: string) => boolean): ImmutableObject<any>;
+  }
+
+  export interface ImmutableArray<T> {
+    asMutable(): Array<T>;
+    asMutable(opts: AsMutableOptions): Array<T>;
+    asObject(toKeyValue: (item: T) => Array<any>): ImmutableObject<T>;
+    flatMap(mapFunction: (item: T) => Array<any>): ImmutableArray<any>;
+  }
+
+  // an immutable object is both of Type T (i.e., looks like a normal T) and of type Immutable<T>
+  export type Immutable<T> = T & (ImmutableObject<T> | ImmutableArray<T>);
+
+  export function from<T>(obj: Array<T>, options?: Options): Array<T> & ImmutableArray<T>;
+  export function from<T>(obj: T, options?: Options): T & ImmutableObject<T>;
+
+  export function isImmutable(target: any): boolean;
+  export function ImmutableError(message: string): Error;
+}
+
+declare module "seamless-immutable" {
+  export = SeamlessImmutable;
+}

From 28c92ec811761b53115f1ea360955f411a4c5111 Mon Sep 17 00:00:00 2001
From: Roger Martin <rogerweb@techinfosystems.com>
Date: Thu, 6 Oct 2016 11:45:40 -0600
Subject: [PATCH 203/382] Change checkbox.cascade to string (#11792)

$.jstree.defaults.checkbox.cascade is a string, not a boolean. See https://www.jstree.com/api/#/?f=$.jstree.defaults.checkbox.cascade
---
 jstree/jstree-tests.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/jstree/jstree-tests.ts b/jstree/jstree-tests.ts
index a6ea0eb290..11c5bd9af4 100644
--- a/jstree/jstree-tests.ts
+++ b/jstree/jstree-tests.ts
@@ -99,7 +99,7 @@ var treeWithNewCoreProperties = $('#treeWithNewCoreProperties').jstree({
 // tree with new checkbox properties
 var treeWithNewCheckboxProperties = $('#treeWithNewCheckboxProperties').jstree({
     checkbox: {
-        cascade: true,
+        cascade: '',
         tie_selection: true
     }
 });

From 2c8c42838d2aaf48e0100d02fbca0d2d2f7f10b9 Mon Sep 17 00:00:00 2001
From: MikeMatusz <mikematusz@gmail.com>
Date: Thu, 6 Oct 2016 13:46:42 -0400
Subject: [PATCH 204/382] Add TypeDefinitions for TimelineJS3 (#11736)

* Create timelinejs.d.ts

* Create timelinejs3-tests.ts

* Fixing ITimelineDate display_date type

* Testing additional ITimelineOptions properties

* Adding version number.
---
 timelinejs3/timelinejs3-tests.ts | 123 +++++++++++
 timelinejs3/timelinejs3.d.ts     | 351 +++++++++++++++++++++++++++++++
 2 files changed, 474 insertions(+)
 create mode 100644 timelinejs3/timelinejs3-tests.ts
 create mode 100644 timelinejs3/timelinejs3.d.ts

diff --git a/timelinejs3/timelinejs3-tests.ts b/timelinejs3/timelinejs3-tests.ts
new file mode 100644
index 0000000000..d5f339de28
--- /dev/null
+++ b/timelinejs3/timelinejs3-tests.ts
@@ -0,0 +1,123 @@
+/// <reference path="timelinejs3.d.ts" />
+
+let date1: TL.ITimelineDate = {
+  year: 1999,
+  month: 3,
+  day: 1,
+  hour: 23,
+  minute: 59,
+  second: 59,
+  millisecond: 123,
+  display_date: 'Just Before Midnight, March 1'
+};
+let date2: TL.ITimelineDate = {
+  year: 1999,
+  month: 6,
+  day: 31
+};
+let slideText: TL.ITimelineText = {
+  headline: 'Slide 1',
+  text: 'Description of slide one.'
+};
+let era: TL.ITimelineEra = {
+  start_date: {
+    year: 1998
+  },
+  end_date: {
+    year: 2000
+  },
+  text: {
+    headline: 'Era'
+  }
+};
+let slideMedia:TL.ITimelineMedia = {
+  url: 'http://awebsite.com/image.jpg',
+  thumbnail: 'http://awebsite.com/thumbnail.jpg',
+  caption: 'Caption',
+  credit: 'Copyright 2016'
+};
+let slide: TL.ITimelineSlideData = {
+  start_date: date1,
+  end_date: date2,
+  text: slideText,
+  media: slideMedia,
+  group: 'group',
+  display_date: 'March 1, 1999',
+  background: {
+    color: 'blue'
+  },
+  autolink: true,
+  unique_id: '123'
+}
+let timelineConfig: TL.ITimelineConfig = {
+  events: [slide],
+  title: {
+    text: {
+      headline: 'Title',
+      text: 'Sub-Title'
+    }
+  },
+  eras: [era],
+  scale: 'human'
+};
+let timelineOptions: TL.ITimelineOptions = {
+  timenav_position: 'top',
+  scale_factor: 0.8,
+  zoom_sequence: [0.45, 0.8, 2, 4, 8, 16],
+  base_class: 'css-class',
+  debug: true,
+  default_bg_color: 'yellow',
+  dragging: true,
+  duration: 42,
+  height: 400,
+  initial_zoom: 2,
+  is_embed: false,
+  language: 'en',
+  use_bc: true,
+  hash_bookmark: false,
+  script_path: '/scripts',
+  marker_height_min: 60,
+  marker_width_min: 100,
+  marker_padding: 10,
+  menubar_height: 80,
+  optimal_tick_width: 2,
+  start_at_end: false,
+  start_at_slide: 1,
+  timenav_height: 100,
+  timenav_height_min: 80,
+  timenav_height_percentage: 50,
+  timenav_mobile_height_percentage: 80,
+  track_events: ['back_to_start','nav_next','nav_previous','zoom_in','zoom_out'],
+  width: 768,
+  ga_property_id: '234klj23',
+  trackResize: true,
+  slide_padding_lr: 8,
+  slide_default_fade: '0%'
+};
+
+let timeline:TL.ITimeline = new TL.Timeline('timeline-embed', timelineConfig, timelineOptions);
+
+timeline.goToId('123');
+timeline.goTo(1);
+timeline.goToStart();
+timeline.goToEnd();
+timeline.goToPrev();
+timeline.goToNext();
+timeline.add({
+  start_date: { year: 1998 },
+  text: { text: 'New Slide' }
+});
+timeline.remove(2);
+timeline.removeId('456');
+let slideData:TL.ITimelineSlideData = timeline.getData(1);
+let slideDataById:TL.ITimelineSlideData = timeline.getDataById('123');
+let slideByNumber:TL.ITimelineSlide = timeline.getSlide(1);
+let slideById:TL.ITimelineSlide = timeline.getSlideById('123');
+let current:TL.ITimelineSlide = timeline.getCurrentSlide();
+timeline.updateDisplay();
+timeline.setConfig(timelineConfig);
+timeline.showMessage('A message.');
+timeline.zoomIn();
+timeline.zoomOut();
+timeline.setZoom(5);
+let id:string = timeline.current_id;
diff --git a/timelinejs3/timelinejs3.d.ts b/timelinejs3/timelinejs3.d.ts
new file mode 100644
index 0000000000..b8dd3f8046
--- /dev/null
+++ b/timelinejs3/timelinejs3.d.ts
@@ -0,0 +1,351 @@
+// Type definitions for TimelineJS3 v3.4.1
+// Project: https://github.com/NUKnightLab/TimelineJS3
+// Definitions by: Michael Matuszak <https://github.com/MikeMatusz>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace TL {
+
+    export var Timeline: ITimeline;
+    export interface ITimeline extends ITimelineEvents {
+        new (containerId: string, data: string | ITimelineConfig): ITimeline;
+        new (containerId: string, data: string | ITimelineConfig, options: ITimelineOptions): ITimeline;
+
+        goToId: (id: string | number) => void;
+        goTo: (n: number) => void;
+        goToStart: () => void;
+        goToEnd: () => void;
+        goToPrev: () => void;
+        goToNext: () => void;
+
+        add: (event: ITimelineSlideData) => void;
+        remove: (n: number) => void;
+        removeId: (id: string | number) => void;
+
+        getData: (n: number) => ITimelineSlideData;
+        getDataById: (id: string | number) => ITimelineSlideData;
+
+        getSlide: (n: number) => ITimelineSlide;
+        getSlideById: (id: string | number) => ITimelineSlide;
+        getCurrentSlide: () => ITimelineSlide;
+
+        updateDisplay: () => void;
+
+        setConfig: (config: ITimelineConfig) => void;
+
+        showMessage: (msg: string) => void;
+
+        zoomIn: () => void;
+        zoomOut: () => void;
+        setZoom: (level: number) => void;
+
+        current_id: string;
+
+        _getSlideIndex(id: string | number): number;
+    }
+
+    export interface ITimelineEvents {
+        addEventListener(type: string, fn: ()=>void, context?: any): ITimelineEvents;
+        hasEventListeners(type: string): boolean;
+        removeEventListener(type: string, fn:()=>void, context?: any): ITimelineEvents;
+        fireEvent(type: string, data?: any): ITimelineEvents;
+
+        on(type: string, fn: ()=>void, context?: any): ITimelineEvents;
+        off(type: string, fn:()=>void, context?: any): ITimelineEvents;
+        fire(type: string, data?: any): ITimelineEvents;
+    }
+
+    export interface ITimelineSlide {
+        data: ITimelineSlideData;
+    }
+
+    export interface ITimelineConfig {
+        events: ITimelineSlideData[];
+        title?: ITimelineSlideData;
+        eras?: ITimelineEra[];
+        /*
+         * Either human or cosmological. If no scale is specified, the default is human. The cosmological scale is
+         * required to handle dates in the very distant past or future. (Before Tuesday, April 20th, 271,821 BCE
+         * after Saturday, September 13 275,760 CE) For the cosmological scale, only the year is considered, but it's
+         * OK to have a cosmological timeline with years between 271,821 BCE and 275,760 CE.
+         */
+        scale?: 'human' | 'cosmological';
+    }
+
+    export interface ITimelineSlideData {
+        /*
+         * Required for events, but not for `title` slides.
+         */
+        start_date?: ITimelineDate;
+        end_date?: ITimelineDate;
+        /*
+         * Not required, but recommended.
+         */
+        text?: ITimelineText;
+        media?: ITimelineMedia;
+        /*
+         * If present, Timeline will organize events with the same value for group to be in the same row or adjacent
+         * rows, separate from events in other groups. The common value for the group will be shown as a label at the
+         * left edge of the navigation.
+         */
+        group?: string;
+        /*
+         * A string which will be used when Timeline displays the date for this. If used, override's display_date
+         * values set on the start or end date for this event, which is useful if you want to control how the two
+         * dates relate to each other.
+         */
+        display_date?: string;
+        /*
+         * A Javascript object. The object can have these properties:
+         * url: the fully-qualified URL pointing to an image which will be used as the background
+         * color: a CSS color, in hexadecimal (e.g. #0f9bd1) or a valid CSS color keyword.
+         */
+        background?: { url?: string, color?: string };
+        /*
+         * Defaults to true, which means that Timeline will scan text fields and automatically add <a> tags so that
+         * links and email addresses are "clickable." If set to false, you may still manually apply the tags in the
+         * appropriate fields when you want links. Autolinking applies to the text field in a text object and the
+         * caption and credit fields in a media object.
+         */
+        autolink?: boolean;
+        /*
+         * A string value which is unique among all slides in your timeline. If not specified, TimelineJS will
+         * construct an ID based on the headline, but if you later edit your headline, the ID will change. Unique IDs
+         * are used when the hash_bookmark option is used, and can also be used with the timeline.goToId() method to
+         * programmatically move the timeline to a specific slide.
+         */
+        unique_id?: string;
+    }
+
+    /*
+     * Era objects are JSON objects which are used to label a span of time on the timeline navigation component. In
+     * structure, they are essentially very restricted "slide" objects.
+     */
+    export interface ITimelineEra {
+        start_date: ITimelineDate;
+        end_date: ITimelineDate;
+        /*
+         * Not required, but recommended.
+         */
+        text?: ITimelineText;
+    }
+
+    export interface ITimelineDate {
+        /*
+         * BCE years should be negative numbers.
+         */
+        year: number;
+        /*
+         * 1-12
+         */
+        month?: number;
+        day?: number;
+        /*
+         * 0-23
+         */
+        hour?: number;
+        /*
+         * 0-59
+         */
+        minute?: number;
+        /*
+         * 0-59
+         */
+        second?: number;
+        millisecond?: number;
+        /*
+         * A string for presenting the date. Useful if Timeline's date formatting doesn't fit your needs.
+         */
+        display_date?: string;
+    }
+
+    export interface ITimelineText {
+        /*
+         * HTML markup is OK. Blank is also OK.
+         */
+        headline?: string;
+        /*
+         * HTML markup is OK. Blank is also OK. Not used for era objects.
+         */
+        text?: string;
+    }
+
+    export interface ITimelineMedia {
+        /*
+         * In most cases, a URL (see https://timeline.knightlab.com/docs/media-types.html for complete details).
+         */
+        url: string;
+        /*
+         * HTML markup is OK.
+         */
+        caption?: string;
+        /*
+         * HTML markup is OK.
+         */
+        credit?: string;
+        /*
+         * A URL for an image to use in the timenav marker for this event. If omitted, Timeline will use an icon based
+         * on the type of media. Not relevant for title slides, because they do not have a marker.
+         */
+        thumbnail?: string;
+    }
+
+    export interface ITimelineOptions {
+        /*
+         * Default: false
+         * If true, copious console logging will be enabled.
+         */
+        debug?: boolean;
+        /*
+         * Default: this._el.container.offsetHeight
+         * The height of the timeline.
+         */
+        height?: number;
+        /*
+         * Default: this._el.container.offsetWidth
+         * The width of the timeline.
+         */
+        width?: number;
+        /*
+         * Default: false
+         * If true, the class tl-timeline-embed is added to the outer Timeline container. Typically only used to support Timeline iframe embeds.
+         */
+        is_embed?: boolean;
+        /*
+         * Default: false
+         * If set to true, TimelineJS will update the browser URL each time a slide advances, so that people can link directly to specific slides.
+         */
+        hash_bookmark?: boolean;
+        /*
+         * Default: white
+         * RGB values to use for slide backgrounds. Specify as hex code, CSS named color, or a Javascript object with r, g, and b properties from 0-255.
+         */
+        default_bg_color?: string;
+        /*
+         * Default: 2
+         * How many screen widths wide the timeline should be at first presentation.
+         */
+        scale_factor?: number;
+        /*
+         * The position in the zoom_sequence series used to scale the Timeline when it is first created. Takes precedence over scale_factor.
+         */
+        initial_zoom?: number;
+        /*
+         * Default: [0.5, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89]
+         * Array of values for TimeNav zoom levels. Each value is a scale_factor, which means that at any given level, the full timeline would require that many screens to display all events.
+         */
+        zoom_sequence?: number[];
+        /*
+         * Default: 'bottom'
+         * Display the timeline nav on the top or bottom.
+         */
+        timenav_position?: 'bottom' | 'top';
+        /*
+         * Default: 100
+         * optimal distance (in pixels) between ticks on axis
+         */
+        optimal_tick_width?: number;
+        /*
+         * Default: 'tl-timeline
+         * Removing the tl-timeline base class will disable all default stylesheets.
+         */
+        base_class?: string;
+        /*
+         * Default: 150
+         * The height in pixels of the timeline nav. Takes precedence over timenav_height_percentage.
+         */
+        timenav_height?: number;
+        /*
+         * Default: 25
+         * Specify the timeline nav height as a percentage of the screen instead of in pixels.
+         */
+        timenav_height_percentage?: number;
+        /*
+         * Default: 40
+         * Specify the timeline nav height as a percentage of a mobile device screen.
+         */
+        timenav_mobile_height_percentage?: number;
+        /*
+         * Default: 150
+         * The minimum timeline nav height (in pixels).
+         */
+        timenav_height_min?: number;
+        /*
+         * Default: 30
+         * The minimum marker height (in pixels).
+         */
+        marker_height_min?: number;
+        /*
+         * Default: 100
+         * The minimum marker witdh (in pixels).
+         */
+        marker_width_min?: number;
+        /*
+         * Default: 5
+         * Top and bottom padding (in pixels) for markers.
+         */
+        marker_padding?: number;
+        /*
+         * Default: 0
+         * The first slide to display when the timeline is loaded.
+         */
+        start_at_slide?: number;
+        /*
+         * Default: false
+         * If true, loads timeline on last slide.
+         */
+        start_at_end?: boolean;
+        /*
+         * Default: 0
+         */
+        menubar_height?: number;
+        /*
+         * Default: false
+         * Use declared suffix on dates earlier than 0.
+         */
+        use_bc?: boolean;
+        /*
+         * Default: 1000
+         * Animation duration (in milliseconds).
+         */
+        duration?: number;
+        /*
+         * Default: TL.Ease.easeInOutQuint
+         */
+        ease?: () => number;
+        /*
+         * Default: true
+         */
+        dragging?: boolean;
+        /*
+         * Default: true
+         */
+        trackResize?: boolean;
+        /*
+         * Default: 100
+         * Padding (in pixels) on the left and right of each slide.
+         */
+        slide_padding_lr?: number;
+        /*
+         * Default: '0%'
+         */
+        slide_default_fade?: string;
+        /*
+         * Default: 'en'
+         */
+        language?: string;
+        /*
+         * Default: null
+         * Google Analytics ID.
+         */
+        ga_property_id?: any;
+        /*
+         * Default: ['back_to_start','nav_next','nav_previous','zoom_in','zoom_out']
+         */
+        track_events?: ('back_to_start' | 'nav_next' | 'nav_previous' | 'zoom_in' | 'zoom_out')[];
+        /*
+         * Default: ''
+         * Can be used to help Timeline load related resources such as CSS themes and language files. Rarely needs to be set.
+         */
+        script_path?: string;
+    }
+}

From be79a42dd325730eed78f24bece8ca4f6e117e47 Mon Sep 17 00:00:00 2001
From: glennvorhes <glennvorhes@gmail.com>
Date: Thu, 6 Oct 2016 12:49:26 -0500
Subject: [PATCH 205/382] Openlayers fix (#11745)

* make render order optional

* removed self/this param in callbacks, typing of context not supported

* make projection optional in TileArcGISRestOptions

*  remove unnecessary generic previously added to forEach
---
 openlayers/openlayers.d.ts | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/openlayers/openlayers.d.ts b/openlayers/openlayers.d.ts
index 19bb0f4a8a..6556782d72 100644
--- a/openlayers/openlayers.d.ts
+++ b/openlayers/openlayers.d.ts
@@ -203,7 +203,7 @@ declare module ol {
          * @template S
          * @api stable
          */
-        forEach<S>(f: ((self: S, item: T, index: number, array: T[]) => any), opt_this?: S): void;
+        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
@@ -6676,7 +6676,7 @@ declare module ol {
          * @template S,T,U
          * @api stable
          */
-        forEachFeatureAtPixel<S, T, U>(pixel: ol.Pixel, callback: ((self: S, feature: (ol.Feature | ol.render.Feature), layer: ol.layer.Layer) => T), opt_this?: S, opt_layerFilter?: ((self: U, layer: ol.layer.Layer) => boolean), opt_this2?: U): (T);
+        forEachFeatureAtPixel<S, T, U>(pixel: ol.Pixel, callback: ((feature: (ol.Feature | ol.render.Feature), layer: ol.layer.Layer) => T), opt_this?: S, opt_layerFilter?: ((layer: ol.layer.Layer) => boolean), opt_this2?: U): (T);
 
         /**
          * Detect layers that have a color value at a pixel on the viewport, and
@@ -6701,7 +6701,7 @@ declare module ol {
          * @template S,T,U
          * @api stable
          */
-        forEachLayerAtPixel<S, T, U>(pixel: ol.Pixel, callback: ((self: S, layer: ol.layer.Layer, color: ol.Color) => T), opt_this?: S, opt_layerFilter?: ((self: U, layer: ol.layer.Layer) => boolean), opt_this2?: U): (T);
+        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
@@ -6718,7 +6718,7 @@ declare module ol {
          * @template U
          * @api
          */
-        hasFeatureAtPixel<U>(pixel: ol.Pixel, opt_layerFilter?: ((self: U, layer: ol.layer.Layer) => boolean), opt_this?: U): boolean;
+        hasFeatureAtPixel<U>(pixel: ol.Pixel, opt_layerFilter?: ((layer: ol.layer.Layer) => boolean), opt_this?: U): boolean;
 
         /**
          * Returns the geographical coordinate for a browser event.
@@ -9181,7 +9181,7 @@ declare module ol {
              * @template T
              * @api
              */
-            forDataAtCoordinateAndResolution<T>(coordinate: ol.Coordinate, resolution: number, callback: ((self: T, d: any) => any), opt_this?: T, opt_request?: boolean): void;
+            forDataAtCoordinateAndResolution<T>(coordinate: ol.Coordinate, resolution: number, callback: ((d: any) => any), opt_this?: T, opt_request?: boolean): void;
 
         }
 
@@ -9376,7 +9376,7 @@ declare module ol {
              * @template T,S
              * @api stable
              */
-            forEachFeature<T, S>(callback: ((self: T, feature: ol.Feature) => S), opt_this?: T): (S);
+            forEachFeature<T, S>(callback: ((feature: ol.Feature) => S), opt_this?: T): (S);
 
             /**
              * Iterate through all features whose bounding box intersects the provided
@@ -9399,7 +9399,7 @@ declare module ol {
              * @template T,S
              * @api
              */
-            forEachFeatureInExtent<T, S>(extent: ol.Extent, callback: ((self: T, feature: ol.Feature) => S), opt_this?: T): (S);
+            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,
@@ -9418,7 +9418,7 @@ declare module ol {
              * @template T,S
              * @api
              */
-            forEachFeatureIntersectingExtent<T, S>(extent: ol.Extent, callback: ((self: T, feature: ol.Feature) => S), opt_this?: T): (S);
+            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`
@@ -12617,7 +12617,7 @@ declare module olx {
          *     visible: (boolean|undefined)}}
          */
         interface VectorOptions {
-            renderOrder: (feature1: ol.Feature, feature2: ol.Feature) => number;
+            renderOrder?: (feature1: ol.Feature, feature2: ol.Feature) => number;
             map?: ol.Map;
             extent?: ol.Extent;
             minResolution?: number;
@@ -13085,7 +13085,7 @@ declare module olx {
             params?: { [k: string]: any };
             logo?: (string | olx.LogoOptions);
             tileGrid?: ol.tilegrid.TileGrid;
-            projection: ol.ProjectionLike;
+            projection?: ol.ProjectionLike;
             reprojectionErrorThreshold?: number;
             tileLoadFunction?: ol.TileLoadFunctionType;
             url?: string;

From 7cf9009e04748bd3cb6f4078a9d58769631ed328 Mon Sep 17 00:00:00 2001
From: Mohsen Azimi <me@azimi.me>
Date: Thu, 6 Oct 2016 12:44:36 -0700
Subject: [PATCH 206/382] Add https option to webpack-deve-server config
 (#11800)

Reference:

* https://webpack.github.io/docs/webpack-dev-server.html
* http://stackoverflow.com/a/33190065
---
 webpack-dev-server/webpack-dev-server.d.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/webpack-dev-server/webpack-dev-server.d.ts b/webpack-dev-server/webpack-dev-server.d.ts
index 41abe0f871..9abc2004eb 100644
--- a/webpack-dev-server/webpack-dev-server.d.ts
+++ b/webpack-dev-server/webpack-dev-server.d.ts
@@ -17,6 +17,7 @@ declare module "webpack-dev-server" {
         export interface Configuration {
             contentBase?: string;
             hot?: boolean;
+            https?: boolean;
             historyApiFallback?: boolean;
             compress?: boolean;
             proxy?: any;
@@ -52,4 +53,4 @@ declare module "webpack-dev-server" {
     var wds: WebpackDevServer.WebpackDevServer;
 
     export = wds;
-}
\ No newline at end of file
+}

From f89b94bcf7394c72e6a092427b760dc362ac2f70 Mon Sep 17 00:00:00 2001
From: Ivo Stratev <ivo.stratev.tues@gmail.com>
Date: Thu, 6 Oct 2016 22:45:04 +0300
Subject: [PATCH 207/382] updating wiring-pi to 2.2.0 (#11799)

---
 wiring-pi/wiring-pi-tests.ts | 4 +++-
 wiring-pi/wiring-pi.d.ts     | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/wiring-pi/wiring-pi-tests.ts b/wiring-pi/wiring-pi-tests.ts
index 856d3c2833..622272a8d2 100644
--- a/wiring-pi/wiring-pi-tests.ts
+++ b/wiring-pi/wiring-pi-tests.ts
@@ -55,6 +55,7 @@ read = wpi.wiringPiI2CReadReg8(fd, 2);
 read = wpi.wiringPiI2CReadReg16(fd, 2);
 ret = wpi.wiringPiI2CWriteReg8(fd, 2, read);
 ret = wpi.wiringPiI2CWriteReg16(fd, 2, read);
+wpi.wiringPiI2CClose(fd);
 // SPI
 fd = wpi.wiringPiSPIGetFd(2);
 fd = wpi.wiringPiSPISetup(2, 32000000);
@@ -62,6 +63,7 @@ fd = wpi.wiringPiSPISetupMode(2, 32000000, 3);
 let buff: Buffer = new Buffer("spi data");
 ret = wpi.wiringPiSPIDataRW(2, buff);
 console.log(buff.toString());
+wpi.wiringPiSPIClose(fd);
 // Serial
 fd = wpi.serialOpen('/dev/AMA0', 9600);
 wpi.serialFlush(fd);
@@ -86,4 +88,4 @@ wpi.softServoWrite(10, 100);
 wpi.pinMode(18, wpi.SOFT_TONE_OUTPUT);
 ret = wpi.softToneCreate(18);
 wpi.softToneWrite(18, 98);
-wpi.softToneStop(18);
\ No newline at end of file
+wpi.softToneStop(18);
diff --git a/wiring-pi/wiring-pi.d.ts b/wiring-pi/wiring-pi.d.ts
index 7a9d59db32..1600a5ec9d 100644
--- a/wiring-pi/wiring-pi.d.ts
+++ b/wiring-pi/wiring-pi.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for wiring-pi 2.1.1
+// Type definitions for wiring-pi 2.2.0
 // Project: https://github.com/eugeneware/wiring-pi
 // Definitions by: Ivo Stratev <https://github.com/NoHomey>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -116,6 +116,7 @@ declare module 'wiring-pi' {
     // I2C
     export function wiringPiI2CSetup(devId: number): number;
     export function wiringPiI2CSetupInterface(device: string, devId: number): number;
+    export function wiringPiI2CClose(fd: number): void;
     export function wiringPiI2CRead(fd: number): number;
     export function wiringPiI2CReadReg8(fd: number, reg: number): number;
     export function wiringPiI2CReadReg16(fd: number, reg: number): number;
@@ -127,6 +128,7 @@ declare module 'wiring-pi' {
     export function wiringPiSPIDataRW(channel: number, data: Buffer): number;
     export function wiringPiSPISetup(channel: number, speed: number): number;
     export function wiringPiSPISetupMode(channel: number, speed: number, mode: number): number;
+    export function wiringPiSPIClose(fd: number): void;
     // Serial
     export function serialOpen(device: string, baudrate: number): number;
     export function serialClose(fd: number): void;

From 1fbfdc6924c5ec9e66840dfdb29ac4f0149572ed Mon Sep 17 00:00:00 2001
From: Andrew Throener <athroener@mystartupsolutions.com>
Date: Thu, 6 Oct 2016 14:45:46 -0500
Subject: [PATCH 208/382] fix(winston): add configure method (#11797)

---
 winston/winston-tests.ts | 3 +++
 winston/winston.d.ts     | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/winston/winston-tests.ts b/winston/winston-tests.ts
index a82390d1a3..60423f9fc8 100644
--- a/winston/winston-tests.ts
+++ b/winston/winston-tests.ts
@@ -263,3 +263,6 @@ var logger: winston.LoggerInstance = new (winston.Logger)({
     }),
   ]
 });
+
+/* Reconfigure logger */
+logger.configure({ level: 'silly' });
diff --git a/winston/winston.d.ts b/winston/winston.d.ts
index 3b021bf097..762e69532f 100644
--- a/winston/winston.d.ts
+++ b/winston/winston.d.ts
@@ -46,6 +46,7 @@ declare module "winston" {
   export function setLevels(target: any): any;
   export function cli(): LoggerInstance;
   export function close(): void;
+  export function configure(options: LoggerOptions): void;
 
   export interface ExceptionProcessInfo {
     pid: number;
@@ -124,10 +125,10 @@ declare module "winston" {
     remove(transport: TransportInstance): LoggerInstance;
     startTimer(): ProfileHandler;
     profile(id: string, msg?: string, meta?: any, callback?: (err: Error, level: string, msg: string, meta: any) => void): LoggerInstance;
-
+    configure(options: LoggerOptions): void;
     setLevels(target: any): any;
     cli(): LoggerInstance;
-    
+
     level: string;
   }
 

From b29fcd9959fe1bb36165b0888b024b208003600c Mon Sep 17 00:00:00 2001
From: osechet <osechet@gmail.com>
Date: Thu, 6 Oct 2016 21:48:28 +0200
Subject: [PATCH 209/382] [openlayers] update color type to tuple (#11802)

---
 openlayers/openlayers-tests.ts | 227 +++++++++++++++++----------------
 openlayers/openlayers.d.ts     |   2 +-
 2 files changed, 115 insertions(+), 114 deletions(-)

diff --git a/openlayers/openlayers-tests.ts b/openlayers/openlayers-tests.ts
index 5c1f6d46c8..f4b2c32418 100644
--- a/openlayers/openlayers-tests.ts
+++ b/openlayers/openlayers-tests.ts
@@ -1,86 +1,87 @@
 /// <reference path="openlayers.d.ts" />
 
 // Basic type variables for test functions
-var anyValue: any;
-var voidValue: void;
-var numberValue: number;
-var booleanValue: boolean;
-var stringValue: string;
-var stringArray: Array<string>;
-var jsonValue: JSON;
-var voidOrBooleanValue: void | boolean;
-var domEventTarget: EventTarget;
-var fn: Function;
-var object: Object;
+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
-var preRenderFunction: ol.PreRenderFunction;
-var transformFunction: ol.TransformFunction;
-var coordinateFormatType: ol.CoordinateFormatType;
-var featureStyleFunction: ol.FeatureStyleFunction;
-var featureLoader: ol.FeatureLoader;
-var easingFunction: (t: number) => number;
-var drawGeometryFunction: ol.DrawGeometryFunctionType;
+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
-var attribution: ol.Attribution;
-var boundingCoordinates: Array<ol.Coordinate>;
-var circle: ol.geom.Circle;
-var color: ol.Color;
-var coordinate: ol.Coordinate;
-var coordinatesArray: Array<ol.Coordinate>;
-var coordinatesArrayDim2: Array<Array<ol.Coordinate>>;
-var extent: ol.Extent;
-var olEvent: ol.events.Event;
-var eventKey: ol.EventsKey;
-var eventKeyArray: Array<ol.EventsKey>;
-var eventKeyMixed: ol.EventsKey | Array<ol.EventsKey>;
-var eventTarget: ol.events.EventTarget;
-var feature: ol.Feature;
-var featureArray: Array<ol.Feature>;
-var featureCollection: ol.Collection<ol.Feature>;
-var featureFormat: ol.format.Feature;
-var featureUrlFunction: ol.FeatureUrlFunction;
-var graticule: ol.Graticule;
-var geometriesArray: Array<ol.geom.Geometry>;
-var geometry: ol.geom.Geometry;
-var geometryCollection: ol.geom.GeometryCollection;
-var geometryLayout: ol.geom.GeometryLayout;
-var geometryType: ol.geom.GeometryType;
-var linearRing: ol.geom.LinearRing;
-var lineString: ol.geom.LineString;
-var loadingStrategy: ol.LoadingStrategy;
-var logoOptions: olx.LogoOptions;
-var mapBrowserEvent: ol.MapBrowserEvent;
-var multiLineString: ol.geom.MultiLineString;
-var multiPoint: ol.geom.MultiPoint;
-var multiPolygon: ol.geom.MultiPolygon;
-var point: ol.geom.Point;
-var polygon: ol.geom.Polygon;
-var projection: ol.proj.Projection;
-var projectionLike: ol.ProjectionLike;
-var simpleGeometry: ol.geom.SimpleGeometry;
-var size: ol.Size;
-var style: ol.style.Style;
-var styleArray: Array<ol.style.Style>;
-var styleFunction: ol.StyleFunction;
-var tilegrid: ol.tilegrid.TileGrid;
-var transformFn: ol.TransformFunction;
-var vectorSource: ol.source.Vector;
-var units: ol.proj.Units;
-var styleRegularShape: ol.style.RegularShape;
+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
 //
 
-var attribution: ol.Attribution = new 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);
@@ -90,15 +91,15 @@ stringValue = ol.color.asString(stringValue);
 // ol.extent
 //
 transformFunction = function (input: number[]) {
-    var returnData: number[];
+    let returnData: number[];
     return returnData;
 };
 transformFunction = function (input: number[], output: number[]) {
-    var returnData: number[];
+    let returnData: number[];
     return returnData;
 };
 transformFunction = function (input: number[], output: number[], dimension: number) {
-    var returnData: number[];
+    let returnData: number[];
     return returnData;
 }
 extent = ol.extent.applyTransform(extent, transformFunction);
@@ -148,7 +149,7 @@ circle = <ol.geom.Circle>circle.transform(projectionLike, projectionLike);
 //
 // ol.geom.Geometry
 //
-var geometryResult: ol.geom.Geometry;
+let geometryResult: ol.geom.Geometry;
 coordinate = geometryResult.getClosestPoint(coordinate);
 geometryResult.getClosestPoint(coordinate, coordinate);
 extent = geometryResult.getExtent();
@@ -202,7 +203,7 @@ voidValue = lineString.setCoordinates(coordinatesArray, geometryLayout);
 //
 // ol.geom.MultiLineString
 //
-var lineStringsArray: Array<ol.geom.LineString>;
+let lineStringsArray: Array<ol.geom.LineString>;
 
 multiLineString = new ol.geom.MultiLineString(coordinatesArrayDim2);
 multiLineString = new ol.geom.MultiLineString(coordinatesArrayDim2, geometryLayout);
@@ -223,7 +224,7 @@ voidValue = multiLineString.setCoordinates(coordinatesArrayDim2, geometryLayout)
 //
 // ol.geom.MultiPoint
 //
-var pointsArray: Array<ol.geom.Point>;
+let pointsArray: Array<ol.geom.Point>;
 
 multiPoint = new ol.geom.MultiPoint(coordinatesArray);
 multiPoint = new ol.geom.MultiPoint(coordinatesArray, geometryLayout);
@@ -241,8 +242,8 @@ voidValue = multiPoint.setCoordinates(coordinatesArray, geometryLayout);
 //
 // ol.geom.MultiPolygon
 //
-var coordinatesArrayDim3: Array<Array<Array<ol.Coordinate>>>;
-var polygonsArray: Array<ol.geom.Polygon>;
+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);
@@ -276,8 +277,8 @@ voidValue = point.setCoordinates(coordinate, geometryLayout);
 //
 // ol.geom.Polygon
 //
-var localSphere: ol.Sphere;
-var linearRingsArray: Array<ol.geom.LinearRing>;
+let localSphere: ol.Sphere;
+let linearRingsArray: Array<ol.geom.LinearRing>;
 
 polygon = new ol.geom.Polygon(coordinatesArrayDim2);
 polygon = new ol.geom.Polygon(coordinatesArrayDim2, geometryLayout);
@@ -314,7 +315,7 @@ voidValue = simpleGeometry.translate(numberValue, numberValue);
 //
 // ol.source
 //
-var featureCallback: (f: ol.Feature) => any;
+let featureCallback: (f: ol.Feature) => any;
 vectorSource = new ol.source.Vector({
     attributions: [attribution],
     features: featureCollection,
@@ -366,8 +367,8 @@ feature = new ol.Feature({
 feature = feature.clone();
 geometry = feature.getGeometry();
 stringValue = feature.getGeometryName();
-var featureGetId: string | number = feature.getId();
-var featureGetStyle: ol.style.Style | Array<ol.style.Style> | ol.FeatureStyleFunction = feature.getStyle();
+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);
@@ -382,7 +383,7 @@ voidValue = feature.setProperties(object);
 // ol.View
 //
 
-var view: ol.View = new ol.View({
+let view: ol.View = new ol.View({
     center: [0, 0],
     zoom: numberValue,
 });
@@ -390,14 +391,14 @@ var view: ol.View = new ol.View({
 //
 // ol.layer.Tile
 //
-var tileLayer: ol.layer.Tile = new ol.layer.Tile({
+let tileLayer: ol.layer.Tile = new ol.layer.Tile({
     source: new ol.source.OSM()
 });
 
 //
 // ol.Object
 //
-var olObject: ol.Object = new ol.Object({
+let olObject: ol.Object = new ol.Object({
     a: numberValue,
     b: stringValue,
     c: booleanValue,
@@ -417,7 +418,7 @@ voidValue = olObject.unset(stringValue, booleanValue);
 // ol.Observable
 //
 ol.Observable.unByKey(eventKey);
-var observable: ol.Observable = new ol.Observable();
+let observable: ol.Observable = new ol.Observable();
 voidValue = observable.changed();
 voidOrBooleanValue = observable.dispatchEvent({type: stringValue});
 voidOrBooleanValue = observable.dispatchEvent({type: stringValue, target: domEventTarget});
@@ -438,7 +439,7 @@ voidValue = observable.unByKey(eventKeyArray);
 //
 // ol.proj
 //
-var getPointResolutionFn: (n: number, c: ol.Coordinate) => number;
+let getPointResolutionFn: (n: number, c: ol.Coordinate) => number;
 projection = new ol.proj.Projection({
     code:stringValue,
 });
@@ -458,7 +459,7 @@ voidValue = projection.setWorldExtent(extent);
 // ol.Map
 //
 
-var map: ol.Map = new ol.Map({
+let map: ol.Map = new ol.Map({
     view: view,
     layers: [tileLayer],
     target: stringValue
@@ -468,7 +469,7 @@ voidValue = map.beforeRender(preRenderFunction);
 //
 // ol.source.ImageWMS
 //
-var imageWMS: ol.source.ImageWMS = new ol.source.ImageWMS({
+let imageWMS: ol.source.ImageWMS = new ol.source.ImageWMS({
     params: {},
     projection: projection,
     serverType: stringValue,
@@ -484,7 +485,7 @@ projection = source.getProjection();
 //
 // ol.source.TileWMS
 //
-var tileWMS: ol.source.TileWMS = new ol.source.TileWMS({
+let tileWMS: ol.source.TileWMS = new ol.source.TileWMS({
     params: {},
     projection: projection,
     serverType: stringValue,
@@ -497,7 +498,7 @@ stringValue = tileWMS.getGetFeatureInfoUrl([0, 0], 1, "EPSG:4326", {});
 //
 // ol.source.WMTS
 //
-var wmts: ol.source.WMTS = new ol.source.WMTS({
+let wmts: ol.source.WMTS = new ol.source.WMTS({
     layer: "",
     projection: projection,
     matrixSet: "",
@@ -512,21 +513,21 @@ var wmts: ol.source.WMTS = new ol.source.WMTS({
 //
 // ol.animation
 //
-var bounceOptions: olx.animation.BounceOptions;
+let bounceOptions: olx.animation.BounceOptions;
 bounceOptions.duration = numberValue;
 bounceOptions.start = numberValue;
 bounceOptions.resolution = numberValue;
 bounceOptions.easing = easingFunction;
 preRenderFunction = ol.animation.bounce(bounceOptions);
 
-var panOptions: olx.animation.PanOptions;
+let panOptions: olx.animation.PanOptions;
 panOptions.duration = numberValue;
 panOptions.start = numberValue;
 panOptions.source = coordinate;
 panOptions.easing = easingFunction;
 preRenderFunction = ol.animation.pan(panOptions);
 
-var rotateOptions: olx.animation.RotateOptions;
+let rotateOptions: olx.animation.RotateOptions;
 rotateOptions.duration = numberValue;
 rotateOptions.start = numberValue;
 rotateOptions.anchor = coordinate;
@@ -534,7 +535,7 @@ rotateOptions.rotation = numberValue;
 rotateOptions.easing = easingFunction;
 preRenderFunction = ol.animation.rotate(rotateOptions);
 
-var zoomOptions: olx.animation.ZoomOptions;
+let zoomOptions: olx.animation.ZoomOptions;
 zoomOptions.duration = numberValue;
 zoomOptions.start = numberValue;
 zoomOptions.resolution = numberValue;
@@ -570,7 +571,7 @@ easingFunction = ol.easing.upAndDown;
 //
 // ol.Geolocation
 //
-var geolocation: ol.Geolocation = new ol.Geolocation({
+let geolocation: ol.Geolocation = new ol.Geolocation({
     projection: projection
 });
 coordinate = geolocation.getPosition();
@@ -583,16 +584,16 @@ graticule = new ol.Graticule();
 graticule = new ol.Graticule({
     map: map,
 });
-var graticuleMap: ol.Map = graticule.getMap();
-var graticuleMeridians: Array<ol.geom.LineString> = graticule.getMeridians();
-var graticuleParallels: Array<ol.geom.LineString> = graticule.getParallels();
+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
 //
 
-var deviceOrientation: ol.DeviceOrientation = new ol.DeviceOrientation({
+let deviceOrientation: ol.DeviceOrientation = new ol.DeviceOrientation({
     tracking: true,
 });
 numberValue = deviceOrientation.getHeading();
@@ -601,15 +602,15 @@ numberValue = deviceOrientation.getHeading();
 // ol.Overlay
 //
 
-var popup: ol.Overlay = new ol.Overlay({
+let popup: ol.Overlay = new ol.Overlay({
     element: document.getElementById('popup')
 });
 voidValue = map.addOverlay(popup);
-var popupElement: Element = popup.getElement();
-var popupMap: ol.Map = popup.getMap();
-var popupOffset: Array<number> = popup.getOffset();
+let popupElement: Element = popup.getElement();
+let popupMap: ol.Map = popup.getMap();
+let popupOffset: Array<number> = popup.getOffset();
 coordinate = popup.getPosition();
-var popupPositioning: ol.OverlayPositioning = popup.getPositioning();
+let popupPositioning: ol.OverlayPositioning = popup.getPositioning();
 voidValue = popup.setElement(popupElement);
 voidValue = popup.setMap(popupMap);
 voidValue = popup.setOffset(popupOffset);
@@ -621,23 +622,23 @@ voidValue = popup.setPositioning(popupPositioning);
 // ol.format.GeoJSON
 //
 
-var geojsonOptions: olx.format.GeoJSONOptions;
+let geojsonOptions: olx.format.GeoJSONOptions;
 geojsonOptions.defaultDataProjection = "EPSG";
 geojsonOptions.defaultDataProjection = projection;
 geojsonOptions.geometryName = "geom";
 
-var geojsonFormat: ol.format.GeoJSON;
+let geojsonFormat: ol.format.GeoJSON;
 geojsonFormat = new ol.format.GeoJSON();
 geojsonFormat = new ol.format.GeoJSON(geojsonOptions);
 
 // Test options
-var readOptions: olx.format.ReadOptions;
+let readOptions: olx.format.ReadOptions;
 readOptions.dataProjection = "EPSG";
 readOptions.dataProjection = projection;
 readOptions.featureProjection = "EPSG";
 readOptions.featureProjection = projection;
 
-var writeOptions: olx.format.WriteOptions;
+let writeOptions: olx.format.WriteOptions;
 writeOptions.dataProjection = "EPSG";
 writeOptions.dataProjection = projection;
 writeOptions.featureProjection = "EPSG";
@@ -667,11 +668,11 @@ jsonValue = geojsonFormat.writeGeometryObject(geometry, writeOptions);
 //
 // ol.interactions
 //
-var modify: ol.interaction.Modify = new ol.interaction.Modify({
+let modify: ol.interaction.Modify = new ol.interaction.Modify({
     features: new ol.Collection<ol.Feature>(featureArray)
 });
 
-var draw: ol.interaction.Draw = new ol.interaction.Draw({
+let draw: ol.interaction.Draw = new ol.interaction.Draw({
     type: "Point",
     clickTolerance: numberValue,
     features: new ol.Collection([]),
@@ -694,29 +695,29 @@ draw = new ol.interaction.Draw({
     type: "Point",
     style: styleFunction
 });
-var 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
 });
-var 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
 });
 
-var dragbox: ol.interaction.DragBox = new ol.interaction.DragBox({
+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) {
-        var width: number = endPixel[0] - startPixel[0];
-        var height: number = endPixel[1] - startPixel[1];
+        let width: number = endPixel[0] - startPixel[0];
+        let height: number = endPixel[1] - startPixel[1];
         return booleanValue;
     }
 });
 polygon = dragbox.getGeometry();
 
-var interaction: ol.interaction.Interaction = new ol.interaction.Interaction({
+let interaction: ol.interaction.Interaction = new ol.interaction.Interaction({
     handleEvent: function (e: ol.MapBrowserEvent) {
         return booleanValue;
     }
diff --git a/openlayers/openlayers.d.ts b/openlayers/openlayers.d.ts
index 6556782d72..173a54f0c5 100644
--- a/openlayers/openlayers.d.ts
+++ b/openlayers/openlayers.d.ts
@@ -10966,7 +10966,7 @@ declare module ol {
      * given then `1` will be used.
      * @typedef {Array.<number>|Uint8Array|Uint8ClampedArray}
      */
-    type Color = (number[] | Uint8Array | Uint8ClampedArray);
+    type Color = ([number, number, number, number] | Uint8Array | Uint8ClampedArray);
 
     /**
      * A type accepted by CanvasRenderingContext2D.fillStyle.

From 5f742ae17e41e8fe736f91cb926dd9cfde24d812 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20S=C3=A1nchez?=
 <alejo90@users.noreply.github.com>
Date: Thu, 6 Oct 2016 15:14:57 -0600
Subject: [PATCH 210/382] Added GeoJSON types (#11795)

---
 leaflet/leaflet.d.ts | 43 ++++++++++++++++++++++++++-----------------
 1 file changed, 26 insertions(+), 17 deletions(-)

diff --git a/leaflet/leaflet.d.ts b/leaflet/leaflet.d.ts
index 2f5b908661..c65e79feef 100644
--- a/leaflet/leaflet.d.ts
+++ b/leaflet/leaflet.d.ts
@@ -3,6 +3,8 @@
 // Definitions by: Alejandro Sánchez <https://github.com/alejo90>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+/// <reference path="../geojson/geojson.d.ts" />
+
 declare namespace L {
     export interface CRS {
         latLngToPoint(latlng: LatLng, zoom: number): Point;
@@ -523,8 +525,7 @@ declare namespace L {
         noClip?: boolean;
     }
 
-    export interface Polyline extends Path {
-        toGeoJSON(): Object; // should import GeoJSON typings
+    interface InternalPolyline extends Path {
         getLatLngs(): Array<LatLng>;
         setLatLngs(latlngs: Array<LatLng>): this;
         setLatLngs(latlngs: Array<LatLngLiteral>): this;
@@ -540,6 +541,10 @@ declare namespace L {
         addLatLng(latlng: Array<LatLngTuple>): this;
     }
 
+    export interface Polyline extends InternalPolyline {
+        toGeoJSON(): GeoJSON.LineString | GeoJSON.MultiLineString;
+    }
+
     export function polyline(latlngs: Array<LatLng>, options?: PolylineOptions): Polyline;
 
     export function polyline(latlngs: Array<LatLngLiteral>, options?: PolylineOptions): Polyline;
@@ -552,8 +557,8 @@ declare namespace L {
 
     export function polyline(latlngs: Array<Array<LatLngTuple>>, options?: PolylineOptions): Polyline;
 
-    export interface Polygon extends Polyline {
-        toGeoJSON(): Object; // should import GeoJSON typings
+    export interface Polygon extends InternalPolyline {
+        toGeoJSON(): GeoJSON.Polygon | GeoJSON.MultiPolygon;
     }
 
     export function polygon(latlngs: Array<LatLng>, options?: PolylineOptions): Polygon;
@@ -582,7 +587,7 @@ declare namespace L {
     }
 
     export interface CircleMarker extends Path {
-        toGeoJSON(): Object; // should import GeoJSON typings
+        toGeoJSON(): GeoJSON.Point;
         setLatLng(latLng: LatLng): this;
         setLatLng(latLng: LatLngLiteral): this;
         setLatLng(latLng: LatLngTuple): this;
@@ -650,7 +655,7 @@ declare namespace L {
         /**
          * Returns a GeoJSON representation of the layer group (as a GeoJSON GeometryCollection).
          */
-        toGeoJSON(): Object; // should import GeoJSON typings
+        toGeoJSON(): GeoJSON.GeometryCollection;
 
         /**
          * Adds the given layer to the group.
@@ -747,7 +752,7 @@ declare namespace L {
      */
     export function featureGroup(layers?: Array<Layer>): FeatureGroup;
 
-    type StyleFunction = (feature: any) => PathOptions;
+    type StyleFunction = (feature: GeoJSON.Feature<GeoJSON.GeometryObject>) => PathOptions;
 
     export interface GeoJSONOptions extends LayerOptions {
         /**
@@ -763,7 +768,7 @@ declare namespace L {
          * }
          * ```
          */
-        pointToLayer?: (geoJsonPoint: Object, latlng: LatLng) => Layer; // should import GeoJSON typings
+        pointToLayer?: (geoJsonPoint: GeoJSON.Point, latlng: LatLng) => Layer; // should import GeoJSON typings
 
         /**
          * A Function defining the Path options for styling GeoJSON lines and polygons,
@@ -777,7 +782,7 @@ declare namespace L {
          * }
          * ```
          */
-        style?: (geoJsonFeature: Object) => PathOptions;
+        style?: StyleFunction;
 
         /**
          * A Function that will be called once for each created Feature, after it
@@ -789,7 +794,7 @@ declare namespace L {
          * function (feature, layer) {}
          * ```
          */
-        onEachFeature?: (feature: Object, layer: Layer) => void;
+        onEachFeature?: (feature: GeoJSON.Feature<GeoJSON.GeometryObject>, layer: Layer) => void;
 
         /**
          * A Function that will be used to decide whether to show a feature or not.
@@ -802,7 +807,7 @@ declare namespace L {
          * }
          * ```
          */
-        filter?: (geoJsonFeature: Object) => boolean;
+        filter?: (geoJsonFeature: GeoJSON.Feature<GeoJSON.GeometryObject>) => boolean;
 
         /**
          * A Function that will be used for converting GeoJSON coordinates to LatLngs.
@@ -819,7 +824,7 @@ declare namespace L {
         /**
          * Adds a GeoJSON object to the layer.
          */
-        addData(data: Object): Layer;
+        addData(data: GeoJSON.GeoJsonObject): Layer;
 
         /**
          * Resets the given vector layer's style to the original GeoJSON style,
@@ -830,19 +835,21 @@ declare namespace L {
         /**
          * Changes styles of GeoJSON vector layers with the given style function.
          */
-        setStyle(style: PathOptions | StyleFunction): this;
+        setStyle(style: StyleFunction): this;
 
         /**
          * Creates a Layer from a given GeoJSON feature. Can use a custom pointToLayer
          * and/or coordsToLatLng functions if provided as options.
          */
-        geometryToLayer(featureData: Object, options?: GeoJSONOptions): Layer;
+        geometryToLayer(featureData: GeoJSON.Feature<GeoJSON.GeometryObject>, options?: GeoJSONOptions): Layer;
 
         /**
          * Creates a LatLng object from an array of 2 numbers (longitude, latitude) or
          * 3 numbers (longitude, latitude, altitude) used in GeoJSON for points.
          */
-        coordsToLatLng(coords: [number, number] | [number, number, number]): LatLng;
+        coordsToLatLng(coords: [number, number]): LatLng;
+
+        coordsToLatLng(coords: [number, number, number]): LatLng;
 
         /**
          * Creates a multidimensional array of LatLngs from a GeoJSON coordinates array.
@@ -867,7 +874,9 @@ declare namespace L {
         /**
          * Normalize GeoJSON geometries/features into GeoJSON features.
          */
-        asFeature(geojson: Object): Object;
+        asFeature(geojson: GeoJSON.GeometryObject): GeoJSON.Feature<GeoJSON.GeometryObject>;
+
+        asFeature(geojson: GeoJSON.Feature<GeoJSON.GeometryObject>): GeoJSON.Feature<GeoJSON.GeometryObject>;
     }
 
     /**
@@ -877,7 +886,7 @@ declare namespace L {
      * map (you can alternatively add it later with addData method) and
      * an options object.
      */
-    export function geoJSON(geojson?: Object, options?: GeoJSONOptions): GeoJSON;
+    export function geoJSON(geojson?: GeoJSON.GeoJsonObject, options?: GeoJSONOptions): GeoJSON;
 
     type Zoom = boolean | 'center';
 

From 73f83f41fec6f8d39b5f18eefc6e8c962c6d1c09 Mon Sep 17 00:00:00 2001
From: Arun Aravind <aravind.r.arun@gmail.com>
Date: Fri, 7 Oct 2016 02:47:42 +0530
Subject: [PATCH 211/382] Gulp copy (#11804)

* Added type definitions for terminal-menu

* Added type definitions for gulp-copy package

* Fixed typos in file header
---
 gulp-copy/gulp-copy-tests.ts | 10 +++++++++
 gulp-copy/gulp-copy.d.ts     | 39 ++++++++++++++++++++++++++++++++++++
 2 files changed, 49 insertions(+)
 create mode 100644 gulp-copy/gulp-copy-tests.ts
 create mode 100644 gulp-copy/gulp-copy.d.ts

diff --git a/gulp-copy/gulp-copy-tests.ts b/gulp-copy/gulp-copy-tests.ts
new file mode 100644
index 0000000000..acb225bbe5
--- /dev/null
+++ b/gulp-copy/gulp-copy-tests.ts
@@ -0,0 +1,10 @@
+/// <reference path="../gulp/gulp.d.ts" />
+/// <reference path="gulp-copy.d.ts" />
+
+import * as gulp from "gulp";
+import * as gulpCopy from "gulp-copy";
+
+gulp.task("copy-files", () => {
+    gulp.src("*.nonexistent")
+        .pipe(gulpCopy("remove/target/some/non/existent/path", { prefix: 2 }));
+});
diff --git a/gulp-copy/gulp-copy.d.ts b/gulp-copy/gulp-copy.d.ts
new file mode 100644
index 0000000000..68f652ed9a
--- /dev/null
+++ b/gulp-copy/gulp-copy.d.ts
@@ -0,0 +1,39 @@
+// Type definitions for gulp-copy v0.0.2
+// Project: https://github.com/klaascuvelier/gulp-copy
+// Definitions by: Arun Aravind <https://github.com/aravindarun>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../through/through.d.ts" />
+
+declare module "gulp-copy" {
+    import through = require("through");
+
+    /**
+     * Copy files to destination and expose those files as source streams for the gulp pipeline.
+     *
+     * @param outDirectory The name of the destination directory. If this directory
+     *                     does not exist, it will be created atomatically.
+     */
+    function gulpCopy(outDirectory: string): through.ThroughStream;
+
+    /**
+     * Copy files to destination and expose those files as source streams for the gulp pipeline.
+     *
+     * @param outDirectory The name of the destination directory. If this directory
+     *                     does not exist, it will be created atomatically.
+     * @param options Override values for available settings.
+     */
+    function gulpCopy(outDirectory: string, options: gulpCopy.GulpCopyOptions): through.ThroughStream;
+
+    namespace gulpCopy {
+
+        export interface GulpCopyOptions {
+            /**
+             * Specifies the number of parts of the path to be ignored as path prefixes.
+             */
+            prefix: number;
+        }
+    }
+
+    export = gulpCopy;
+}

From 57a40bab50375e5adfd17cc44dcf95a135fbaed2 Mon Sep 17 00:00:00 2001
From: Marvin Hagemeister <marvin@marvinhagemeister.de>
Date: Thu, 6 Oct 2016 23:18:06 +0200
Subject: [PATCH 212/382] Add typings for sass-graph (#11801)

---
 sass-graph/sass-graph-tests.ts |  8 ++++
 sass-graph/sass-graph.d.ts     | 81 ++++++++++++++++++++++++++++++++++
 2 files changed, 89 insertions(+)
 create mode 100644 sass-graph/sass-graph-tests.ts
 create mode 100644 sass-graph/sass-graph.d.ts

diff --git a/sass-graph/sass-graph-tests.ts b/sass-graph/sass-graph-tests.ts
new file mode 100644
index 0000000000..1e9c65470d
--- /dev/null
+++ b/sass-graph/sass-graph-tests.ts
@@ -0,0 +1,8 @@
+/// <reference path="sass-graph.d.ts" />
+
+import { parseFile, parseDir, Graph } from "sass-graph";
+
+// Example copied from readme:
+// https://github.com/xzyfer/sass-graph/blob/master/readme.md
+const graph1: Graph = parseFile("test/fixtures/main.scss");
+const graph2: Graph = parseDir("test/fixtures");
diff --git a/sass-graph/sass-graph.d.ts b/sass-graph/sass-graph.d.ts
new file mode 100644
index 0000000000..ccc5b45995
--- /dev/null
+++ b/sass-graph/sass-graph.d.ts
@@ -0,0 +1,81 @@
+// Type definitions for sass-graph v2.1.2
+// Project: https://github.com/xzyfer/sass-graph
+// Definitions by: Marvin Hagemeister <https://github.com/marvinhagemeister>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace SassGraph {
+
+  export interface Options {
+    loadPath?: string[];
+    extensions?: string[];
+  }
+
+  type Node = {
+    [filepath: string]: {
+      imports: string[];
+      importedBy: string[];
+      modified: string;
+    }
+  }
+
+  /**
+   * @class Graph
+   */
+  export interface Graph {
+    dir: string;
+    loadPaths: string[];
+    extensions: string[];
+    index: Node;
+
+    /**
+     * Add a sass file to the graph
+     * @param {string} filepath Path to the file to visit
+     * @param {string} [parent] Parent filepath
+     */
+    addFile(filepath: string, parent?: string): void;
+
+    /**
+     * visits all files that are ancestors of the provided file
+     * @param {string}   filepath Path to the file to visit
+     * @param {Function} callback Called when a node is visited
+     */
+    visitAncestors(filepath: string, callback: (edge: string, node: Node) => any): void;
+
+    /**
+     * Visits all files that are descendents of the provided file
+     * @param {string}   filepath Path to the file to visit
+     * @param {Function} callback Called when a node is visited
+     */
+    visitDescendents(filepath: string, callback: (edge: string, node: Node) => any): void;
+
+    /**
+     * A generic visitor that uses an edgeCallback to find the edges to traverse
+     * for a node
+     * @param {string}   filepath     Path to the file to visit
+     * @param {Function} callback     Called when a node is visited
+     * @param {Function} edgeCallback Called when we reach an edge
+     * @param {string[]} [visited]    Visited edges
+     */
+    visit(filepath: string, callback: (edge: string, node: Node) => any, edgeCallback: (errorMsg: string, node: Node) => any, visited?: string[]): void;
+  }
+
+  /**
+   * @function {parseFile} Get the dependency tree of a single file
+   * @param {string} filepath  Path to file which should be parsed
+   * @param {Object} [options] Parsing options
+   * @return {Graph}
+   */
+  export function parseFile(filepath: string, options?: Options): Graph;
+
+  /**
+   * @function {parseDir} Get the dependency tree of all sass files in a folder
+   * @param {string} dirpath   Folder which should be parsed
+   * @param {Object} [options] Parsing options
+   * @return {Graph}
+   */
+  export function parseDir(dirpath: string, options?: Options): Graph;
+}
+
+declare module "sass-graph" {
+    export = SassGraph;
+}

From 69c68a0ae054341e2e7a6ff038f58844459ba4b6 Mon Sep 17 00:00:00 2001
From: Thomas G <gauvin.th@gmail.com>
Date: Thu, 6 Oct 2016 23:19:14 +0200
Subject: [PATCH 213/382] jquery.dataTables fix (#11806)

Added missing index argument
---
 jquery.dataTables/jquery.dataTables-tests.ts | 2 +-
 jquery.dataTables/jquery.dataTables.d.ts     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/jquery.dataTables/jquery.dataTables-tests.ts b/jquery.dataTables/jquery.dataTables-tests.ts
index 09014f39f4..21599fdbdf 100644
--- a/jquery.dataTables/jquery.dataTables-tests.ts
+++ b/jquery.dataTables/jquery.dataTables-tests.ts
@@ -147,7 +147,7 @@ $(document).ready(function () {
     var infoCallbackFunc: DataTables.FunctionInfoCallback = function (settings, start, end, total, pre) { };
     var initCallbackFunc: DataTables.FunctionInitComplete = function (settings, json) { };
     var preDrawFunc: DataTables.FunctionPreDrawCallback = function (settings) { };
-    var rowCallbackFunc: DataTables.FunctionRowCallback = function (row, data) { };
+    var rowCallbackFunc: DataTables.FunctionRowCallback = function (row, data, index) { };
     var stateLoadCallbackFunc: DataTables.FunctionStateLoadCallback = function (settings) { };
     var stateLoadedCallbackFunc: DataTables.FunctionStateLoaded = function (settings, data) { };
     var stateSaveCallbackFunc: DataTables.FunctionStateSaveCallback = function (settings, data) { };
diff --git a/jquery.dataTables/jquery.dataTables.d.ts b/jquery.dataTables/jquery.dataTables.d.ts
index ec12dd985d..d3d2fe6754 100644
--- a/jquery.dataTables/jquery.dataTables.d.ts
+++ b/jquery.dataTables/jquery.dataTables.d.ts
@@ -1643,7 +1643,7 @@ declare namespace DataTables {
     }
 
     interface FunctionRowCallback {
-        (row: Node, data: any[] | Object): void;
+        (row: Node, data: any[] | Object, index: number): void;
     }
 
     interface FunctionStateLoadCallback {

From 4b988a263b2433b26c807c2bfaf299f05e8f4d9f Mon Sep 17 00:00:00 2001
From: Gustavo Henke <guhenke@gmail.com>
Date: Thu, 6 Oct 2016 18:20:32 -0300
Subject: [PATCH 214/382] Add type definitions for request-promise-native
 (#11807)

---
 .../request-promise-native-tests.ts           | 487 ++++++++++++++++++
 .../request-promise-native.d.ts               |  35 ++
 2 files changed, 522 insertions(+)
 create mode 100644 request-promise-native/request-promise-native-tests.ts
 create mode 100644 request-promise-native/request-promise-native.d.ts

diff --git a/request-promise-native/request-promise-native-tests.ts b/request-promise-native/request-promise-native-tests.ts
new file mode 100644
index 0000000000..7c28ed1017
--- /dev/null
+++ b/request-promise-native/request-promise-native-tests.ts
@@ -0,0 +1,487 @@
+/// <reference path="request-promise-native.d.ts" />
+
+import * as rp from 'request-promise-native';
+
+rp('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' }
+};
+
+rp(options)
+    .then(console.dir)
+    .catch(console.error);
+
+rp('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);
+
+rp({ uri: 'http://google.com', resolveWithFullResponse: true }).then((response) => {});
+rp({ uri: 'http://google.com', simple: false }).catch((reason) => {});
+
+
+//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(() => {});
+})();
+
+// Get full response after DELETE
+options = {
+    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);
+
+//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) {
+    console.log(body); // Show the HTML for the Google homepage.
+  }
+});
+
+request('http://google.com/doodle.png').pipe(fs.createWriteStream('doodle.png'));
+
+fs.createReadStream('file.json').pipe(request.put('http://mysite.com/obj.json'));
+
+request.get('http://google.com/img.png').pipe(request.put('http://mysite.com/img.png'));
+
+request
+  .get('http://google.com/img.png')
+  .on('response', function(response: any) {
+    console.log(response.statusCode); // 200
+    console.log(response.headers['content-type']); // 'image/png'
+  })
+  .pipe(request.put('http://mysite.com/img.png'));
+
+request
+  .get('http://mysite.com/doodle.png')
+  .on('error', function(err: any) {
+    console.log(err);
+  })
+  .pipe(fs.createWriteStream('doodle.png'));
+
+http.createServer(function (req, resp) {
+  if (req.url === '/doodle.png') {
+    if (req.method === 'PUT') {
+      req.pipe(request.put('http://mysite.com/doodle.png'));
+    } else if (req.method === 'GET' || req.method === 'HEAD') {
+      request.get('http://mysite.com/doodle.png').pipe(resp);
+    }
+  }
+});
+
+http.createServer(function (req, resp) {
+  if (req.url === '/doodle.png') {
+    var x = request('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);
+
+var r = request;
+http.createServer(function (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'}});
+// or
+request.post('http://service.com/upload').form({key:'value'});
+// or
+request.post({url:'http://service.com/upload', form: {key:'value'}}, function(err,httpResponse,body){ /* ... */ });
+
+var data = {
+  // Pass a simple key-value pair
+  my_field: 'my_value',
+  // Pass data via Buffers
+  my_buffer: new Buffer([1, 2, 3]),
+  // Pass data via Streams
+  my_file: fs.createReadStream(__dirname + '/unicycle.jpg'),
+  // Pass multiple values /w an Array
+  attachments: [
+    fs.createReadStream(__dirname + '/attachment1.jpg'),
+    fs.createReadStream(__dirname + '/attachment2.jpg')
+  ],
+  // Pass optional meta-data with an 'options' object with style: {value: DATA, options: OPTIONS}
+  // 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'),
+    options: {
+      filename: 'topsecret.jpg',
+      contentType: 'image/jpg'
+    }
+  }
+};
+request.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();
+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'});
+
+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: [
+      {
+        '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') }
+    ]
+  },
+  function (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);
+// or
+request.get('http://some.server.com/', {
+  'auth': {
+    'user': 'username',
+    'pass': 'password',
+    'sendImmediately': false
+  }
+});
+// or
+request.get('http://some.server.com/').auth(null, null, true, 'bearerToken');
+// or
+request.get('http://some.server.com/', {
+  'auth': {
+    'bearer': 'bearerToken'
+  }
+});
+
+var username = 'username',
+    password = 'password',
+    url = 'http://' + username + ':' + password + '@some.server.com';
+
+request({url: url}, function (error, response, body) {
+   // Do more stuff with 'body' here
+});
+
+options = {
+  url: 'https://api.github.com/repos/request/request',
+  headers: {
+    'User-Agent': 'request'
+  }
+};
+
+function callback(error: any, response: http.IncomingMessage, body: string) {
+  if (!error && response.statusCode == 200) {
+    var info = JSON.parse(body);
+    console.log(info.stargazers_count + " Stars");
+    console.log(info.forks_count + " Forks");
+  }
+}
+
+request(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) {
+  // 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});
+  // 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) {
+    // 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 = {
+      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) {
+      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');
+
+options = {
+    url: 'https://api.some-server.com/',
+    cert: fs.readFileSync(certFile),
+    key: fs.readFileSync(keyFile),
+    passphrase: 'password',
+    ca: fs.readFileSync(caFile)
+};
+
+request.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'
+    }
+});
+
+request.get({
+    url: 'https://api.some-server.com/',
+    agentOptions: {
+        ca: fs.readFileSync('ca.cert.pem')
+    }
+});
+
+
+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'
+          }
+        ]
+      }
+    }
+  });
+
+//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' }}})
+        }
+      , { 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'
+    , 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) {
+    // unmodified http.IncomingMessage object
+    response.on('data', function(data: any[]) {
+      // compressed data as it is received
+      console.log('received ' + data.length + ' bytes of compressed data')
+    })
+  });
+
+var requestWithJar = request.defaults({jar: true})
+requestWithJar('http://www.google.com', function () {
+  requestWithJar('http://images.google.com');
+});
+
+var j = request.jar()
+requestWithJar = request.defaults({jar:j})
+requestWithJar('http://www.google.com', function () {
+  requestWithJar('http://images.google.com');
+});
+
+var j = request.jar();
+var cookie = request.cookie('key1=value1');
+var url = 'http://www.google.com';
+j.setCookie(cookie, url);
+request({url: url, jar: j}, function () {
+  request('http://images.google.com');
+});
+
+//TODO: add definitions for tough-cookie-filestore
+//var 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');
+});
+
+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);
+  // [{key: 'key1', value: 'value1', domain: "www.google.com", ...}, ...]
+});
diff --git a/request-promise-native/request-promise-native.d.ts b/request-promise-native/request-promise-native.d.ts
new file mode 100644
index 0000000000..33e847bf6b
--- /dev/null
+++ b/request-promise-native/request-promise-native.d.ts
@@ -0,0 +1,35 @@
+// Type definitions for request-promise-native v1.0.3
+// Project: https://github.com/request/request-promise-native
+// Definitions by: Gustavo Henke <https://github.com/gustavohenke>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../request/request.d.ts" />
+
+declare module 'request-promise-native' {
+    import request = require('request');
+    import http = require('http');
+
+    namespace requestPromise {
+        interface RequestPromise extends request.Request {
+            then<TResult>(onfulfilled?: (value: any) => TResult | PromiseLike<TResult>, onrejected?: (reason: any) => TResult | PromiseLike<TResult>): 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;
+        }
+
+        interface RequestPromiseOptions extends request.CoreOptions {
+            simple?: boolean;
+            transform?: (body: any, response: http.IncomingMessage, resolveWithFullResponse?: boolean) => any;
+            resolveWithFullResponse?: boolean;
+        }
+
+        export type OptionsWithUri = request.UriOptions & RequestPromiseOptions;
+        export type OptionsWithUrl = request.UrlOptions & RequestPromiseOptions;
+        export type Options = OptionsWithUri | OptionsWithUrl;
+    }
+
+    var requestPromise: request.RequestAPI<requestPromise.RequestPromise, requestPromise.RequestPromiseOptions, request.RequiredUriUrl>;
+	export = requestPromise;
+}

From bd2b99f14e0f558eb35cb3fe7c48b10baa2f063d Mon Sep 17 00:00:00 2001
From: Victor <vvvvictor2007@yandex.ru>
Date: Fri, 7 Oct 2016 00:31:58 +0300
Subject: [PATCH 215/382] FChart.js: fixed missing config (#11796)

---
 chart.js/chart.js.d.ts | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/chart.js/chart.js.d.ts b/chart.js/chart.js.d.ts
index 57389ee4ea..a4ab162747 100644
--- a/chart.js/chart.js.d.ts
+++ b/chart.js/chart.js.d.ts
@@ -379,7 +379,7 @@ interface TimeScale extends ChartScales {
     parser?: string | ((arg: any) => any);
     round?: string;
     tooltipFormat?: string;
-    unit?: TimeUnit;
+    unit?: string | TimeUnit;
     unitStepSize?: number;
 }
 
@@ -390,11 +390,12 @@ interface RadialLinearScale {
     ticks?: TickOptions;
 }
 
-declare var Chart: {
-    new (context: CanvasRenderingContext2D, options: ChartConfiguration): {};
+declare class Chart {
+    constructor (context: CanvasRenderingContext2D, options: ChartConfiguration);
+    config: ChartConfiguration;
     destroy: () => {};
-    update: (duration: any, lazy: any) => {};
-    render: (duration: any, lazy: any) => {};
+    update: (duration?: any, lazy?: any) => {};
+    render: (duration?: any, lazy?: any) => {};
     stop: () => {};
     resize: () => {};
     clear: () => {};
@@ -407,4 +408,4 @@ declare var Chart: {
     defaults: {
         global: ChartOptions;
     }
-};
+}

From 38f26299ffa6ed4898e1dad4936b4ac6c6c66096 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20S=C3=A1nchez?=
 <alejo90@users.noreply.github.com>
Date: Thu, 6 Oct 2016 17:01:16 -0600
Subject: [PATCH 216/382] Added missing fs constants (#11810)

---
 node/node.d.ts | 125 ++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 118 insertions(+), 7 deletions(-)

diff --git a/node/node.d.ts b/node/node.d.ts
index 0f2374ae10..47daf29384 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -2286,21 +2286,132 @@ declare module "fs" {
     export function exists(path: string | Buffer, callback?: (exists: boolean) => void): void;
     export function existsSync(path: string | Buffer): boolean;
 
-    interface Constants {
+    export namespace constants {
+        // File Access Constants
+
         /** Constant for fs.access(). File is visible to the calling process. */
-        F_OK: number;
+        export const F_OK: number;
 
         /** Constant for fs.access(). File can be read by the calling process. */
-        R_OK: number;
+        export const R_OK: number;
 
         /** Constant for fs.access(). File can be written by the calling process. */
-        W_OK: number;
+        export const W_OK: number;
 
         /** Constant for fs.access(). File can be executed by the calling process. */
-        X_OK: number;
-    }
+        export const X_OK: number;
 
-    export const constants: Constants;
+        // File Open Constants
+
+        /** Constant for fs.open(). Flag indicating to open a file for read-only access. */
+        export const O_RDONLY: number;
+
+        /** Constant for fs.open(). Flag indicating to open a file for write-only access. */
+        export const O_WRONLY: number;
+
+        /** Constant for fs.open(). Flag indicating to open a file for read-write access. */
+        export const O_RDWR: number;
+
+        /** Constant for fs.open(). Flag indicating to create the file if it does not already exist. */
+        export const O_CREAT: number;
+
+        /** Constant for fs.open(). Flag indicating that opening a file should fail if the O_CREAT flag is set and the file already exists. */
+        export const O_EXCL: number;
+
+        /** Constant for fs.open(). Flag indicating that if path identifies a terminal device, opening the path shall not cause that terminal to become the controlling terminal for the process (if the process does not already have one). */
+        export const O_NOCTTY: number;
+
+        /** Constant for fs.open(). Flag indicating that if the file exists and is a regular file, and the file is opened successfully for write access, its length shall be truncated to zero. */
+        export const O_TRUNC: number;
+
+        /** Constant for fs.open(). Flag indicating that data will be appended to the end of the file. */
+        export const O_APPEND: number;
+
+        /** Constant for fs.open(). Flag indicating that the open should fail if the path is not a directory. */
+        export const O_DIRECTORY: number;
+
+        /** Constant for fs.open(). Flag indicating reading accesses to the file system will no longer result in an update to the atime information associated with the file. This flag is available on Linux operating systems only. */
+        export const O_NOATIME: number;
+
+        /** Constant for fs.open(). Flag indicating that the open should fail if the path is a symbolic link. */
+        export const O_NOFOLLOW: number;
+
+        /** Constant for fs.open(). Flag indicating that the file is opened for synchronous I/O. */
+        export const O_SYNC: number;
+
+        /** Constant for fs.open(). Flag indicating to open the symbolic link itself rather than the resource it is pointing to. */
+        export const O_SYMLINK: number;
+
+        /** Constant for fs.open(). When set, an attempt will be made to minimize caching effects of file I/O. */
+        export const O_DIRECT: number;
+
+        /** Constant for fs.open(). Flag indicating to open the file in nonblocking mode when possible. */
+        export const O_NONBLOCK: number;
+
+        // File Type Constants
+
+        /** Constant for fs.Stats mode property for determining a file's type. Bit mask used to extract the file type code. */
+        export const S_IFMT: number;
+
+        /** Constant for fs.Stats mode property for determining a file's type. File type constant for a regular file. */
+        export const S_IFREG: number;
+
+        /** Constant for fs.Stats mode property for determining a file's type. File type constant for a directory. */
+        export const S_IFDIR: number;
+
+        /** Constant for fs.Stats mode property for determining a file's type. File type constant for a character-oriented device file. */
+        export const S_IFCHR: number;
+
+        /** Constant for fs.Stats mode property for determining a file's type. File type constant for a block-oriented device file. */
+        export const S_IFBLK: number;
+
+        /** Constant for fs.Stats mode property for determining a file's type. File type constant for a FIFO/pipe. */
+        export const S_IFIFO: number;
+
+        /** Constant for fs.Stats mode property for determining a file's type. File type constant for a symbolic link. */
+        export const S_IFLNK: number;
+
+        /** Constant for fs.Stats mode property for determining a file's type. File type constant for a socket. */
+        export const S_IFSOCK: number;
+
+        // File Mode Constants
+
+        /** Constant for fs.Stats mode property for determining access permissions for a file. File mode indicating readable, writable and executable by owner. */
+        export const S_IRWXU: number;
+
+        /** Constant for fs.Stats mode property for determining access permissions for a file. File mode indicating readable by owner. */
+        export const S_IRUSR: number;
+
+        /** Constant for fs.Stats mode property for determining access permissions for a file. File mode indicating writable by owner. */
+        export const S_IWUSR: number;
+
+        /** Constant for fs.Stats mode property for determining access permissions for a file. File mode indicating executable by owner. */
+        export const S_IXUSR: number;
+
+        /** Constant for fs.Stats mode property for determining access permissions for a file. File mode indicating readable, writable and executable by group. */
+        export const S_IRWXG: number;
+
+        /** Constant for fs.Stats mode property for determining access permissions for a file. File mode indicating readable by group. */
+        export const S_IRGRP: number;
+
+        /** Constant for fs.Stats mode property for determining access permissions for a file. File mode indicating writable by group. */
+        export const S_IWGRP: number;
+
+        /** Constant for fs.Stats mode property for determining access permissions for a file. File mode indicating executable by group. */
+        export const S_IXGRP: number;
+
+        /** Constant for fs.Stats mode property for determining access permissions for a file. File mode indicating readable, writable and executable by others. */
+        export const S_IRWXO: number;
+
+        /** Constant for fs.Stats mode property for determining access permissions for a file. File mode indicating readable by others. */
+        export const S_IROTH: number;
+
+        /** Constant for fs.Stats mode property for determining access permissions for a file. File mode indicating writable by others. */
+        export const S_IWOTH: number;
+
+        /** Constant for fs.Stats mode property for determining access permissions for a file. File mode indicating executable by others. */
+        export const S_IXOTH: number;
+    }
 
     /** Tests a user's permissions for the file specified by path. */
     export function access(path: string | Buffer, callback: (err: NodeJS.ErrnoException) => void): void;

From a0669ef32d1d414605d935e853dbd7aa565a22f1 Mon Sep 17 00:00:00 2001
From: Denis <carriere.denis@gmail.com>
Date: Thu, 6 Oct 2016 20:04:13 -0400
Subject: [PATCH 217/382] Update JSBase64 namespace (#11816)

Issues reported: https://github.com/dankogai/js-base64/issues/38#issuecomment-251963300
---
 js-base64/js-base64.d.ts | 65 ++++++++++++++++++++--------------------
 1 file changed, 32 insertions(+), 33 deletions(-)

diff --git a/js-base64/js-base64.d.ts b/js-base64/js-base64.d.ts
index a26d24ea54..bd195e3885 100644
--- a/js-base64/js-base64.d.ts
+++ b/js-base64/js-base64.d.ts
@@ -19,37 +19,36 @@ add methods:
 - [ ] noConflict
  */
 
-declare namespace Base64 {
-    const Base64: Base64Static
-    interface Base64Static {
-        /**
-         * .encode
-         * @param {String} string
-         * @return {String}
-         */
-        encode(base64: string): string;
-
-        /**
-         * .encodeURI
-         * @param {String} string
-         * @return {String}
-         */
-        encodeURI(base64: string): string
-
-        /**
-         * .decode
-         * @param {String} string
-         * @return {String}
-         */
-        decode(base64: string): string
-
-        /**
-         * Library version
-         */
-        VERSION:string
-    }
-}
-
 declare module 'js-base64' {
-    export = Base64
-}
\ No newline at end of file
+    namespace JSBase64 {
+        const Base64: Base64Static
+        interface Base64Static {
+            /**
+             * .encode
+             * @param {String} string
+             * @return {String}
+             */
+            encode(base64: string): string;
+
+            /**
+             * .encodeURI
+             * @param {String} string
+             * @return {String}
+             */
+            encodeURI(base64: string): string
+
+            /**
+             * .decode
+             * @param {String} string
+             * @return {String}
+             */
+            decode(base64: string): string
+
+            /**
+             * Library version
+             */
+            VERSION:string
+        }
+    }
+    export = JSBase64
+}

From d0646a66509a01bbcda096e208dc38cdcc743cbd Mon Sep 17 00:00:00 2001
From: John Children <john.a.children@gmail.com>
Date: Fri, 7 Oct 2016 17:07:44 +0100
Subject: [PATCH 218/382] Correct minor error on ProtoEnum values array

The values field of the ProtoEnum interface should be an array not a single entry. This can be seen when using the Protobuf.js parser on enum fields where a file containing:

```

enum Priority {
    LOW = 1;
    MEDIUM = 2;
    HIGH = 3;
}
```

Is parsed to:

```
{ package: null,
  messages: [],
  enums:
   [ { name: 'Priority',
       values:
        [ { name: 'LOW', id: 1 },
          { name: 'MEDIUM', id: 2 },
          { name: 'HIGH', id: 3 } ],
       options: {} } ],
  imports: [],
  options: {},
  services: [] }
```
---
 protobufjs/protobufjs.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/protobufjs/protobufjs.d.ts b/protobufjs/protobufjs.d.ts
index fac34be103..139a9b94c8 100644
--- a/protobufjs/protobufjs.d.ts
+++ b/protobufjs/protobufjs.d.ts
@@ -224,7 +224,7 @@ declare namespace ProtoBuf {
 
     export interface ProtoEnum {
         name: string;
-        values: ProtoEnumValue;
+        values: ProtoEnumValue[];
         options: {[key: string]: any};
     }
 

From 45e67bac511ce88877b9c0381796b376290de96a Mon Sep 17 00:00:00 2001
From: John Children <john.a.children@gmail.com>
Date: Fri, 7 Oct 2016 17:24:29 +0100
Subject: [PATCH 219/382] Update protobufjs-tests.ts

---
 protobufjs/protobufjs-tests.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/protobufjs/protobufjs-tests.ts b/protobufjs/protobufjs-tests.ts
index fd29685f15..bec806ee0c 100644
--- a/protobufjs/protobufjs-tests.ts
+++ b/protobufjs/protobufjs-tests.ts
@@ -180,7 +180,9 @@ function assertIsProtoEnum(pe: ProtoBuf.ProtoEnum, name: string) {
     assert.ok("values" in pe, name + " should contain property values");
     assert.ok("options" in pe, name + " should contain property options");
 
-    assertIsProtoEnumValue(pe.values, name + ".values");
+    for (var value in pe.values) {
+        assertIsProtoEnumValue(pe.values[value], name + ".values." + value);
+    }
 }
 
 function assertIsProtoEnumValue(pev: ProtoBuf.ProtoEnumValue, name: string) {

From 754ac82a16d9a22d6c28bba2dcd8b227693650b8 Mon Sep 17 00:00:00 2001
From: glennvorhes <glennvorhes@gmail.com>
Date: Fri, 7 Oct 2016 12:02:40 -0500
Subject: [PATCH 220/382] Openlayers remove self:, optional projections
 (#11813)

* remove remaining references to self:

* Cluster options projection not required, set to undefined by ol.source.Vector parent

* projection not required on ol.source.XYZ
---
 openlayers/openlayers.d.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/openlayers/openlayers.d.ts b/openlayers/openlayers.d.ts
index 173a54f0c5..e516793fb2 100644
--- a/openlayers/openlayers.d.ts
+++ b/openlayers/openlayers.d.ts
@@ -10957,7 +10957,7 @@ declare module ol {
      * @typedef {function(this:ol.source.ImageCanvas, ol.Extent, number,
      *     number, ol.Size, ol.proj.Projection): HTMLCanvasElement}
      */
-    type CanvasFunctionType = (self: ol.source.ImageCanvas, extent: ol.Extent, resolution: number, pixelRatio: number, size: ol.Size, proj: 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].
@@ -11050,7 +11050,7 @@ declare module ol {
      * @typedef {function(this:ol.source.Vector, ol.Extent, number,
      *                    ol.proj.Projection)}
      */
-    type FeatureLoader = (self: ol.source.Vector, extent: ol.Extent, resolution: number, proj: ol.proj.Projection) => void;
+    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
@@ -11060,7 +11060,7 @@ declare module ol {
      * @typedef {function(this: ol.Feature, number):
      *     (ol.style.Style|Array.<ol.style.Style>)}
      */
-    type FeatureStyleFunction = (self: ol.Feature, resolution: number) => (ol.style.Style | 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
@@ -12732,7 +12732,7 @@ declare module olx {
             geometryFunction?: ((feature: ol.Feature) => ol.geom.Point);
             format?: ol.format.Feature;
             logo?: string;
-            projection: ol.ProjectionLike;
+            projection?: ol.ProjectionLike;
             source: ol.source.Vector;
             wrapX?: boolean;
         }
@@ -13251,7 +13251,7 @@ declare module olx {
             crossOrigin?: (string);
             logo?: (string | olx.LogoOptions);
             opaque?: boolean;
-            projection: ol.ProjectionLike;
+            projection?: ol.ProjectionLike;
             reprojectionErrorThreshold?: number;
             maxZoom?: number;
             minZoom?: number;

From 6a721be2a34f946c5b827def8d3279eb98af3c55 Mon Sep 17 00:00:00 2001
From: Andrei Markeev <andrei-markeev@users.noreply.github.com>
Date: Fri, 7 Oct 2016 22:43:46 +0300
Subject: [PATCH 221/382] Updated camljs library to v2.7 (#11825)

---
 camljs/camljs.d.ts | 111 +++++++++++++++++++++++++++------------------
 1 file changed, 68 insertions(+), 43 deletions(-)

diff --git a/camljs/camljs.d.ts b/camljs/camljs.d.ts
index b49337621d..73bbe03767 100644
--- a/camljs/camljs.d.ts
+++ b/camljs/camljs.d.ts
@@ -7,19 +7,20 @@
 declare class CamlBuilder {
     constructor();
     /** Generate CAML Query, starting from <Where> tag */
-    public Where(): CamlBuilder.IFieldExpression;
+    Where(): CamlBuilder.IFieldExpression;
     /** Generate <View> tag for SP.CamlQuery
-    @param viewFields If omitted, default view fields are requested; otherwise, only values for the fields with the specified internal names are returned.
-    Specifying view fields is a good practice, as it decreases traffic between server and client. */
-    public View(viewFields?: string[]): CamlBuilder.IView;
+        @param viewFields If omitted, default view fields are requested; otherwise, only values for the fields with the specified internal names are returned.
+                          Specifying view fields is a good practice, as it decreases traffic between server and client. */
+    View(viewFields?: string[]): CamlBuilder.IView;
     /** Generate <ViewFields> tag for SPServices */
-    public ViewFields(viewFields: string[]): CamlBuilder.IFinalizableToString;
+    ViewFields(viewFields: string[]): CamlBuilder.IFinalizableToString;
     /** Use for:
-    1. SPServices CAMLQuery attribute
-    2. Creating partial expressions
-    3. In conjunction with Any & All clauses
-    */
+        1. SPServices CAMLQuery attribute
+        2. Creating partial expressions
+        3. In conjunction with Any & All clauses
+         */
     static Expression(): CamlBuilder.IFieldExpression;
+    static FromXml(xml: string): CamlBuilder.IRawQuery;
 }
 declare namespace CamlBuilder {
     interface IView extends IJoinable, IFinalizable {
@@ -29,24 +30,24 @@ declare namespace CamlBuilder {
     }
     interface IJoinable {
         /** Join the list you're querying with another list.
-        Joins are only allowed through a lookup field relation.
-        @param lookupFieldInternalName Internal name of the lookup field, that points to the list you're going to join in.
-        @alias alias for the joined list */
+            Joins are only allowed through a lookup field relation.
+            @param lookupFieldInternalName Internal name of the lookup field, that points to the list you're going to join in.
+            @alias alias for the joined list */
         InnerJoin(lookupFieldInternalName: string, alias: string): IJoin;
         /** Join the list you're querying with another list.
-        Joins are only allowed through a lookup field relation.
-        @param lookupFieldInternalName Internal name of the lookup field, that points to the list you're going to join in.
-        @alias alias for the joined list */
+            Joins are only allowed through a lookup field relation.
+            @param lookupFieldInternalName Internal name of the lookup field, that points to the list you're going to join in.
+            @alias alias for the joined list */
         LeftJoin(lookupFieldInternalName: string, alias: string): IJoin;
     }
     interface IJoin extends IJoinable {
         /** Select projected field for using in the main Query body
-        @param remoteFieldAlias By this alias, the field can be used in the main Query body. */
+            @param remoteFieldAlias By this alias, the field can be used in the main Query body. */
         Select(remoteFieldInternalName: string, remoteFieldAlias: string): IProjectableView;
     }
     interface IProjectableView extends IView {
         /** Select projected field for using in the main Query body
-        @param remoteFieldAlias By this alias, the field can be used in the main Query body. */
+            @param remoteFieldAlias By this alias, the field can be used in the main Query body. */
         Select(remoteFieldInternalName: string, remoteFieldAlias: string): IProjectableView;
     }
     enum ViewScope {
@@ -57,7 +58,7 @@ declare namespace CamlBuilder {
         /**  */
         FilesOnly = 2,
     }
-    interface IQuery {
+    interface IQuery extends IGroupable {
         Where(): IFieldExpression;
     }
     interface IFinalizableToString {
@@ -70,21 +71,21 @@ declare namespace CamlBuilder {
     }
     interface ISortable extends IFinalizable {
         /** Adds OrderBy clause to the query
-        @param fieldInternalName Internal field of the first field by that the data will be sorted (ascending)
-        @param override This is only necessary for large lists. DON'T use it unless you know what it is for!
-        @param useIndexForOrderBy This is only necessary for large lists. DON'T use it unless you know what it is for!
+            @param fieldInternalName Internal field of the first field by that the data will be sorted (ascending)
+            @param override This is only necessary for large lists. DON'T use it unless you know what it is for!
+            @param useIndexForOrderBy This is only necessary for large lists. DON'T use it unless you know what it is for!
         */
         OrderBy(fieldInternalName: string, override?: boolean, useIndexForOrderBy?: boolean): ISortedQuery;
         /** Adds OrderBy clause to the query (using descending order for the first field).
-        @param fieldInternalName Internal field of the first field by that the data will be sorted (descending)
-        @param override This is only necessary for large lists. DON'T use it unless you know what it is for!
-        @param useIndexForOrderBy This is only necessary for large lists. DON'T use it unless you know what it is for!
+            @param fieldInternalName Internal field of the first field by that the data will be sorted (descending)
+            @param override This is only necessary for large lists. DON'T use it unless you know what it is for!
+            @param useIndexForOrderBy This is only necessary for large lists. DON'T use it unless you know what it is for!
         */
         OrderByDesc(fieldInternalName: string, override?: boolean, useIndexForOrderBy?: boolean): ISortedQuery;
     }
     interface IGroupable extends ISortable {
         /** Adds GroupBy clause to the query.
-        @param collapse If true, only information about the groups is retrieved, otherwise items are also retrieved. */
+            @param collapse If true, only information about the groups is retrieved, otherwise items are also retrieved. */
         GroupBy(fieldInternalName: any): IGroupedQuery;
     }
     interface IExpression extends IGroupable {
@@ -134,17 +135,19 @@ declare namespace CamlBuilder {
         DateField(internalName: string): IDateTimeFieldExpression;
         /** Specifies that a condition will be tested against the field with the specified internal name, and the type of this field is DateTime */
         DateTimeField(internalName: string): IDateTimeFieldExpression;
+        /** Specifies that a condition will be tested against the field with the specified internal name, and the type of this field is ModStat (moderation status) */
+        ModStatField(internalName: string): IModStatFieldExpression;
         /** Used in queries for retrieving recurring calendar events.
-        NOTICE: DateRangesOverlap with overlapType other than Now cannot be used with SP.CamlQuery, because it doesn't support
-        CalendarDate and ExpandRecurrence query options. Lists.asmx, however, supports them, so you can still use DateRangesOverlap
-        with SPServices.
-        @param overlapType Defines type of overlap: return all events for a day, for a week, for a month or for a year
-        @param calendarDate Defines date that will be used for determining events for which exactly day/week/month/year will be returned.
-        This value is ignored for overlapType=Now, but for the other overlap types it is mandatory.
-        @param eventDateField Internal name of "Start Time" field (default: "EventDate" - all OOTB Calendar lists use this name)
-        @param endDateField Internal name of "End Time" field (default: "EndDate" - all OOTB Calendar lists use this name)
-        @param recurrenceIDField Internal name of "Recurrence ID" field (default: "RecurrenceID" - all OOTB Calendar lists use this name)
-        */
+            NOTICE: DateRangesOverlap with overlapType other than Now cannot be used with SP.CamlQuery, because it doesn't support
+            CalendarDate and ExpandRecurrence query options. Lists.asmx, however, supports them, so you can still use DateRangesOverlap
+            with SPServices.
+            @param overlapType Defines type of overlap: return all events for a day, for a week, for a month or for a year
+            @param calendarDate Defines date that will be used for determining events for which exactly day/week/month/year will be returned.
+                                This value is ignored for overlapType=Now, but for the other overlap types it is mandatory.
+            @param eventDateField Internal name of "Start Time" field (default: "EventDate" - all OOTB Calendar lists use this name)
+            @param endDateField Internal name of "End Time" field (default: "EndDate" - all OOTB Calendar lists use this name)
+            @param recurrenceIDField Internal name of "Recurrence ID" field (default: "RecurrenceID" - all OOTB Calendar lists use this name)
+         */
         DateRangesOverlap(overlapType: DateRangesOverlapType, calendarDate: string, eventDateField?: string, endDateField?: string, recurrenceIDField?: string): IExpression;
     }
     interface IBooleanFieldExpression {
@@ -201,25 +204,25 @@ declare namespace CamlBuilder {
         /** Checks whether the value of the field is equal to one of the specified values */
         In(arrayOfValues: Date[]): IExpression;
         /** Checks whether the value of the field is equal to the specified value.
-        The datetime value should be defined in ISO 8601 format! */
+            The datetime value should be defined in ISO 8601 format! */
         EqualTo(value: string): IExpression;
         /** Checks whether the value of the field is not equal to the specified value.
-        The datetime value should be defined in ISO 8601 format! */
+            The datetime value should be defined in ISO 8601 format! */
         NotEqualTo(value: string): IExpression;
         /** Checks whether the value of the field is greater than the specified value.
-        The datetime value should be defined in ISO 8601 format! */
+            The datetime value should be defined in ISO 8601 format! */
         GreaterThan(value: string): IExpression;
         /** Checks whether the value of the field is less than the specified value.
-        The datetime value should be defined in ISO 8601 format! */
+            The datetime value should be defined in ISO 8601 format! */
         LessThan(value: string): IExpression;
         /** Checks whether the value of the field is greater than or equal to the specified value.
-        The datetime value should be defined in ISO 8601 format! */
+            The datetime value should be defined in ISO 8601 format! */
         GreaterThanOrEqualTo(value: string): IExpression;
         /** Checks whether the value of the field is less than or equal to the specified value.
-        The datetime value should be defined in ISO 8601 format! */
+            The datetime value should be defined in ISO 8601 format! */
         LessThanOrEqualTo(value: string): IExpression;
         /** Checks whether the value of the field is equal to one of the specified values.
-        The datetime value should be defined in ISO 8601 format! */
+            The datetime value should be defined in ISO 8601 format! */
         In(arrayOfValues: string[]): IExpression;
     }
     interface ITextFieldExpression {
@@ -322,6 +325,27 @@ declare namespace CamlBuilder {
         /** DEPRECATED: "Neq" operation in CAML works exactly the same as "NotIncludes". To avoid confusion, please use NotIncludes. */
         NotEqualTo(value: any): IExpression;
     }
+    interface IModStatFieldExpression {
+        /** Represents moderation status ID. */
+        ModStatId(): INumberFieldExpression;
+        /** Checks whether the value of the field is Approved - same as ModStatId.EqualTo(0) */
+        IsApproved(): IExpression;
+        /** Checks whether the value of the field is Rejected - same as ModStatId.EqualTo(1) */
+        IsRejected(): IExpression;
+        /** Checks whether the value of the field is Pending - same as ModStatId.EqualTo(2) */
+        IsPending(): IExpression;
+        /** Represents moderation status as localized text. In most cases it is better to use ModStatId in the queries instead of ValueAsText. */
+        ValueAsText(): ITextFieldExpression;
+    }
+    interface IRawQuery {
+        /** Change Where clause */
+        ReplaceWhere(): IFieldExpression;
+        ModifyWhere(): IRawQueryModify;
+    }
+    interface IRawQueryModify {
+        AppendOr(): IFieldExpression;
+        AppendAnd(): IFieldExpression;
+    }
     enum DateRangesOverlapType {
         /** Returns events for today */
         Now = 0,
@@ -330,7 +354,7 @@ declare namespace CamlBuilder {
         /** Returns events for one week, specified by CalendarDate in QueryOptions */
         Week = 2,
         /** Returns events for one month, specified by CalendarDate in QueryOptions.
-        Caution: usually also returns few days from previous and next months */
+            Caution: usually also returns few days from previous and next months */
         Month = 3,
         /** Returns events for one year, specified by CalendarDate in QueryOptions */
         Year = 4,
@@ -340,6 +364,7 @@ declare namespace CamlBuilder {
         static createViewFields(viewFields: string[]): IFinalizableToString;
         static createWhere(): IFieldExpression;
         static createExpression(): IFieldExpression;
+        static createRawQuery(xml: string): IRawQuery;
     }
     class CamlValues {
         /** Dynamic value that represents Id of the current user */

From 3e31546e340e97cb41f4b1f1b56f4c019da2c3a0 Mon Sep 17 00:00:00 2001
From: Yaroslav Admin <devoto13@gmail.com>
Date: Fri, 7 Oct 2016 21:45:10 +0200
Subject: [PATCH 222/382] Added version for canvas-gauges type definitions
 (#11826)

---
 canvas-gauges/canvas-gauges.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/canvas-gauges/canvas-gauges.d.ts b/canvas-gauges/canvas-gauges.d.ts
index 5dbd361872..6ba360a7ea 100644
--- a/canvas-gauges/canvas-gauges.d.ts
+++ b/canvas-gauges/canvas-gauges.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for canvas-gauges
+// Type definitions for canvas-gauges v2.0.8
 // Project: https://github.com/Mikhus/canvas-gauges
 // Definitions by: Mikhus <https://github.com/Mikhus>
 // Definitions: https://github.com/Mikhus/DefinitelyTyped

From 7dbdbc01878b44a8d7239181c73cfcdd51a6c85a Mon Sep 17 00:00:00 2001
From: Goldsmith42 <goldsmithmk@gmail.com>
Date: Fri, 7 Oct 2016 21:48:58 +0200
Subject: [PATCH 223/382] Added async-polling definition (#11827)

* Added definition for async-polling

* async-polling tests with noImplicitAny
---
 async-polling/async-polling-tests.ts | 64 ++++++++++++++++++++++++++++
 async-polling/async-polling.d.ts     | 18 ++++++++
 2 files changed, 82 insertions(+)
 create mode 100644 async-polling/async-polling-tests.ts
 create mode 100644 async-polling/async-polling.d.ts

diff --git a/async-polling/async-polling-tests.ts b/async-polling/async-polling-tests.ts
new file mode 100644
index 0000000000..ec9e5200f2
--- /dev/null
+++ b/async-polling/async-polling-tests.ts
@@ -0,0 +1,64 @@
+/// <reference path="async-polling.d.ts" />
+
+import * as AsyncPolling from "async-polling";
+
+// Tests based on examples in https://github.com/cGuille/async-polling#readme
+
+AsyncPolling(end => {
+    end();
+}, 3000).run();
+
+function someAsynchroneProcess(callback: (error?: Error, response?: any) => any): any {
+    callback();
+}
+
+let polling = AsyncPolling(end => {
+    someAsynchroneProcess(function (error, response) {
+        if (error) {
+            end(error);
+            return;
+        }
+
+        end(null, response);
+    });
+}, 3000);
+polling.on("error", (error: Error) => {});
+polling.on("result", (result: any) => {});
+polling.run();
+polling.stop();
+
+AsyncPolling(function(end) {
+    this.stop();
+    end();
+}, 3000).run();
+
+let i = 0;
+
+polling = AsyncPolling(function(end) {
+    ++i;
+    if (i === 3) {
+        return end(new Error("i is " + i));
+    }
+    if (i >= 5) {
+        this.stop();
+        return end(null, `#${i} stop`);
+    }
+    end(null, `#${i} wait a second...`);
+}, 1000);
+
+const eventNames: AsyncPolling.EventName[] = ["run", "start", "end", "schedule", "stop"];
+eventNames.forEach(eventName => {
+    polling.on(eventName, () => {
+        console.log("lifecycle:", eventName);
+    });
+});
+
+polling.on("result", (result: any) => {
+    console.log("result:", result);
+});
+
+polling.on("error", (error: Error) => {
+    console.error("error:", error);
+});
+
+polling.run();
\ No newline at end of file
diff --git a/async-polling/async-polling.d.ts b/async-polling/async-polling.d.ts
new file mode 100644
index 0000000000..579d041e37
--- /dev/null
+++ b/async-polling/async-polling.d.ts
@@ -0,0 +1,18 @@
+// Type definitions for AsyncPolling
+// Project: https://github.com/cGuille/async-polling
+// Definitions by: Zlatko Andonovski <https://github.com/Goldsmith42/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "async-polling" {
+    module AsyncPolling {
+        export type EventName = "run"|"start"|"error"|"result"|"end"|"schedule"|"stop";
+    }
+
+    function AsyncPolling<Result>(pollingFunc: (end: (err?: Error, result?: Result) => any) => any, delay: number): {
+        run: () => any;
+        stop: () => any;
+        on: (eventName: AsyncPolling.EventName, listener: Function) => any;
+    }
+
+    export = AsyncPolling; 
+}
\ No newline at end of file

From 10ea4049da1ae4f0ca4c9ae824f526b67c299979 Mon Sep 17 00:00:00 2001
From: Hassan Abdel-Rahman <hassan.abdelrahman@gmail.com>
Date: Fri, 7 Oct 2016 15:50:11 -0400
Subject: [PATCH 224/382] updated bull typing (#11829)

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

diff --git a/bull/bull.d.ts b/bull/bull.d.ts
index e04a9f21e8..235074c77c 100644
--- a/bull/bull.d.ts
+++ b/bull/bull.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for bull 0.7.0
+// Type definitions for bull 1.0.0
 // Project: https://github.com/OptimalBits/bull
 // Definitions by: Bruno Grieder <https://github.com/bgrieder>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -24,7 +24,7 @@ declare module "bull" {
 
         export interface Job {
 
-            id: string
+            jobId: string
 
             /**
             * The custom data passed when the job was created

From 69bf8ef4e5b2f8165c861787e7fdc5833d74a2cd Mon Sep 17 00:00:00 2001
From: Guy <guy@gshahine.com>
Date: Fri, 7 Oct 2016 12:52:10 -0700
Subject: [PATCH 225/382] Update to match braintree-web version 3.3.0 (#11832)

---
 braintree-web/braintree-web-tests.ts | 3 ++-
 braintree-web/braintree-web.d.ts     | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/braintree-web/braintree-web-tests.ts b/braintree-web/braintree-web-tests.ts
index 40b34df418..9d48e2fd25 100644
--- a/braintree-web/braintree-web-tests.ts
+++ b/braintree-web/braintree-web-tests.ts
@@ -50,7 +50,8 @@ braintree.client.create({
         selector: '#card-number'
       },
       cvv: {
-        selector: '#cvv'
+        selector: '#cvv',
+        type: 'password'
       },
       expirationDate: {
         selector: '#expiration-date'
diff --git a/braintree-web/braintree-web.d.ts b/braintree-web/braintree-web.d.ts
index 2cf2d89467..4f684c6299 100644
--- a/braintree-web/braintree-web.d.ts
+++ b/braintree-web/braintree-web.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Braintree-web v3.0.2
+// Type definitions for Braintree-web v3.3.0
 // Project: https://github.com/braintree/braintree-web
 // Definitions by: Guy Shahine <https://github.com/chlela>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -540,11 +540,13 @@ declare namespace BraintreeWeb {
    * @typedef {object} field
    * @property {string} selector A CSS selector to find the container where the hosted field will be inserted.
    * @property {string} [placeholder] Will be used as the `placeholder` attribute of the input. If `placeholder` is not natively supported by the browser, it will be polyfilled.
+   * @property {string} [type] Will be used as the `type` attribute of the input. To mask `cvv` input, for instance, `type: "password"` can be used.
    * @property {boolean} [formatInput=true] - Enable or disable automatic formatting on this field. Note: Input formatting does not work properly on Android and iOS, so input formatting is automatically disabled on those browsers.
    */
   interface HostedFieldsField {
     selector: string;
     placeholder?: string;
+    type?: string;
     formatInput?: boolean;
   }
 

From 4c76db9b47091930da087a41d0b02f316ead37b0 Mon Sep 17 00:00:00 2001
From: Talat Baig <talat.baig@gmail.com>
Date: Fri, 7 Oct 2016 21:00:20 +0100
Subject: [PATCH 226/382] Create bootstrap-table.d.ts (#11812)

* Create bootstrap-table.d.ts

* Update bootstrap-table.d.ts

* Update bootstrap-table.d.ts

* Update bootstrap-table.d.ts
---
 bootstrap-table/bootstrap-table.d.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 bootstrap-table/bootstrap-table.d.ts

diff --git a/bootstrap-table/bootstrap-table.d.ts b/bootstrap-table/bootstrap-table.d.ts
new file mode 100644
index 0000000000..d0356dff84
--- /dev/null
+++ b/bootstrap-table/bootstrap-table.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for Bootstrap Table v1.11.0
+// Project: http://bootstrap-table.wenzhixin.net.cn/
+// Definitions by: Talat Baig <https://github.com/talatbaig/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../jquery/jquery.d.ts" />
+
+interface JQuery {
+    bootstrapTable(options?: any): JQuery;
+}
+
+declare var bootstrapTable: JQueryStatic;

From 0335027d410646e2e1686df7dd8efe346a73c09c Mon Sep 17 00:00:00 2001
From: heavenshell <heavenshell.jp@gmail.com>
Date: Sat, 8 Oct 2016 15:42:07 +0900
Subject: [PATCH 227/382] Add Reac SVG attributes

- Add "colorInterpolationFilters", "filter", "in", "result", "stdDeviation",
  "type" and "values" for "feGaussianBlur" and "feColorMatrix"
- Remove trailing whitespaces
---
 react/react.d.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/react/react.d.ts b/react/react.d.ts
index c13cdac082..fd7aec5045 100644
--- a/react/react.d.ts
+++ b/react/react.d.ts
@@ -178,7 +178,7 @@ declare namespace __React {
             [key: string]: ReactInstance
         };
     }
-    
+
     class PureComponent<P, S> extends Component<P, S> {}
 
     interface ClassicComponent<P, S> extends Component<P, S> {
@@ -2074,6 +2074,7 @@ declare namespace __React {
 
     interface SVGAttributes extends HTMLAttributes {
         clipPath?: string;
+        colorInterpolationFilters?: "auto" | "sRGB" | "linearRGB" | "inherit";
         cx?: number | string;
         cy?: number | string;
         d?: string;
@@ -2081,12 +2082,14 @@ declare namespace __React {
         dy?: number | string;
         fill?: string;
         fillOpacity?: number | string;
+        filter?: string;
         fontFamily?: string;
         fontSize?: number | string;
         fx?: number | string;
         fy?: number | string;
         gradientTransform?: string;
         gradientUnits?: string;
+        in?: string;
         markerEnd?: string;
         markerMid?: string;
         markerStart?: string;
@@ -2097,9 +2100,11 @@ declare namespace __React {
         points?: string;
         preserveAspectRatio?: string;
         r?: number | string;
+        result?: string;
         rx?: number | string;
         ry?: number | string;
         spreadMethod?: string;
+        stdDeviation?: number | string
         stopColor?: string;
         stopOpacity?: number | string;
         stroke?: string;
@@ -2111,6 +2116,8 @@ declare namespace __React {
         strokeWidth?: number | string;
         textAnchor?: string;
         transform?: string;
+        type?: string;
+        values?: string;
         version?: string;
         viewBox?: string;
         x1?: number | string;

From 610c0e55e3e631057c9c4b651d415a5e3ca79c97 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Sat, 8 Oct 2016 18:19:11 +0800
Subject: [PATCH 228/382] The properties doesn't exist

---
 .../express-serve-static-core.d.ts            | 19 -------------------
 1 file changed, 19 deletions(-)

diff --git a/express-serve-static-core/express-serve-static-core.d.ts b/express-serve-static-core/express-serve-static-core.d.ts
index 648f1447a5..6de0a48e39 100644
--- a/express-serve-static-core/express-serve-static-core.d.ts
+++ b/express-serve-static-core/express-serve-static-core.d.ts
@@ -1064,27 +1064,8 @@ declare module "express-serve-static-core" {
     }
 
     interface Express extends Application {
-        /**
-            * Framework version.
-            */
-        version: string;
-
-        /**
-            * Expose mime.
-            */
-        mime: string;
-
         (): Application;
 
-        /**
-        * Create an express application.
-        */
-        createApplication(): Application;
-
-        createServer(): Application;
-
-        application: any;
-
         request: Request;
 
         response: Response;

From 80c770ceba13088dcd001c57a8127029776f581c Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Sat, 8 Oct 2016 22:56:53 +0800
Subject: [PATCH 229/382] The properties doesn't exist

---
 express-serve-static-core/express-serve-static-core.d.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/express-serve-static-core/express-serve-static-core.d.ts b/express-serve-static-core/express-serve-static-core.d.ts
index 6de0a48e39..6e4ef31fcb 100644
--- a/express-serve-static-core/express-serve-static-core.d.ts
+++ b/express-serve-static-core/express-serve-static-core.d.ts
@@ -1064,8 +1064,6 @@ declare module "express-serve-static-core" {
     }
 
     interface Express extends Application {
-        (): Application;
-
         request: Request;
 
         response: Response;

From 41202eb817f411d53b41550a12dca6231acd4fbf Mon Sep 17 00:00:00 2001
From: Arun Aravind <aravind.r.arun@gmail.com>
Date: Sat, 8 Oct 2016 23:07:06 +0530
Subject: [PATCH 230/382] Added type definition for gulp cache (#11843)

---
 gulp-cache/gulp-cache-tests.ts | 37 +++++++++++++
 gulp-cache/gulp-cache.d.ts     | 94 ++++++++++++++++++++++++++++++++++
 2 files changed, 131 insertions(+)
 create mode 100644 gulp-cache/gulp-cache-tests.ts
 create mode 100644 gulp-cache/gulp-cache.d.ts

diff --git a/gulp-cache/gulp-cache-tests.ts b/gulp-cache/gulp-cache-tests.ts
new file mode 100644
index 0000000000..2efa3975fc
--- /dev/null
+++ b/gulp-cache/gulp-cache-tests.ts
@@ -0,0 +1,37 @@
+/// <reference path="gulp-cache.d.ts" />
+/// <reference path="../gulp/gulp.d.ts" />
+
+import * as fs from "fs";
+import * as gulp from "gulp";
+import * as cache from "gulp-cache";
+import File = require("vinyl");
+
+// Some gulp plugin
+let jshint: any;
+
+gulp.task('lint', function () {
+    gulp.src('./non/existent/path/*.js')
+        .pipe(cache(jshint('.jshintrc'), {
+            key: makeHashKey,
+            success: function (jshintedFile) {
+                return jshintedFile.jshint.success;
+            },
+            value: function (jshintedFile) {
+                return {
+                    jshint: jshintedFile.jshint
+                };
+            }
+        }))
+        .pipe(jshint.reporter('default'));
+});
+
+var jsHintVersion = '2.4.1',
+    jshintOptions = fs.readFileSync('.jshintrc');
+
+function makeHashKey(file: File) {
+    return [file.contents.toString('utf8'), jsHintVersion, jshintOptions].join('');
+}
+
+gulp.task('clear', function (done: any) {
+    return cache.clearAll(done);
+});
diff --git a/gulp-cache/gulp-cache.d.ts b/gulp-cache/gulp-cache.d.ts
new file mode 100644
index 0000000000..cfb1cb2514
--- /dev/null
+++ b/gulp-cache/gulp-cache.d.ts
@@ -0,0 +1,94 @@
+// Type definitions for gulp-cache v0.4.5
+// Project: https://github.com/jgable/gulp-cache
+// Definitions by: Arun Aravind <https://github.com/aravindarun>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts" />
+/// <reference path="../vinyl/vinyl.d.ts" />
+/// <reference path="../gulp-util/gulp-util.d.ts" />
+
+declare module "gulp-cache" {
+    import File = require("vinyl");
+    import { Transform } from "stream";
+    import { PluginError } from "gulp-util";
+
+    namespace gc {
+        type Predicate<T> = (arg: T) => boolean;
+
+        interface IGulpCacheOptions {
+            /**
+             * The cache instance to use for caching.
+             */
+            fileCache?: IGulpCache;
+
+            /**
+             * The name of the bucket which stores the cached objects.
+             * Default value = 'default'
+             */
+            name?: string,
+
+            /**
+             * The hash generator to use.
+             */
+            key?: (file: File, callback?: (err: any, result: string) => void) => string | Promise<string>;
+
+            /**
+             * Value representing the success of a task.
+             */
+            success?: boolean | Predicate<any>;
+
+            /**
+             * Content that is to be cached.
+             */
+            value?: (result: any) => Object | Promise<Object> | string;
+        }
+
+        interface ICacheOptions {
+            /**
+             * Specifies the name of the directory where the cache
+             * is to be stored.
+             */
+            cacheDirName: string;
+        }
+
+        interface IGulpCacheStatic {
+            /**
+             * Caches the result of a task.
+             * @param task The task whose result is to be cached.
+             */
+            (task: NodeJS.ReadWriteStream): Transform;
+
+            /**
+             * Caches the result of a task.
+             * @param task Task whose result is to be cached.
+             * @param options Override values for available settings.
+             */
+            (task: NodeJS.ReadWriteStream, options: IGulpCacheOptions): Transform;
+
+            clear(options: IGulpCacheOptions): Transform;
+
+            /**
+             * Represents a cache store.
+             */
+            Cache: IGulpCache;
+
+            /**
+             * Purges the cache.
+             * @param err PluginError instance in case of a plugin error.
+             *            If callback is not specified an exception of type
+             *            'PluginError' is thrown.
+             */
+            clearAll(callback?: (err: PluginError) => void): void;
+        }
+
+        /**
+         * Represents a cach store.
+         */
+        interface IGulpCache {
+            new (options: ICacheOptions): any;
+        }
+    }
+
+    const _: gc.IGulpCacheStatic;
+    export = _;
+}

From 67ac001d6cfb72e49db09d5139956fe23e7eed2d Mon Sep 17 00:00:00 2001
From: Jon Lund Steffensen <jonlst@gmail.com>
Date: Sat, 8 Oct 2016 13:39:19 -0400
Subject: [PATCH 231/382] youtube: Add alternative YT.Player constructor
 (#11844)

Add constructor from HTMLElement instead of id string.
---
 youtube/youtube.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/youtube/youtube.d.ts b/youtube/youtube.d.ts
index 1cafbfd10f..ca5d99550a 100644
--- a/youtube/youtube.d.ts
+++ b/youtube/youtube.d.ts
@@ -83,6 +83,7 @@ declare namespace YT {
     export class Player {
         // Constructor
         constructor(id: string, playerOptions: PlayerOptions);
+        constructor(element: HTMLElement, playerOptions: PlayerOptions);
 
         // Queueing functions
         loadVideoById(videoId: string, startSeconds?: number, suggestedQuality?: string): void;

From a2973f4bdae820003597ab04a2d1d842d29c4682 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Sun, 9 Oct 2016 01:43:59 +0800
Subject: [PATCH 232/382] [express] Complete routing methods (#11847)

* Complete routing methods

* Add string sign
---
 .../express-serve-static-core.d.ts            | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/express-serve-static-core/express-serve-static-core.d.ts b/express-serve-static-core/express-serve-static-core.d.ts
index 648f1447a5..2a33a540fb 100644
--- a/express-serve-static-core/express-serve-static-core.d.ts
+++ b/express-serve-static-core/express-serve-static-core.d.ts
@@ -93,6 +93,23 @@ declare module "express-serve-static-core" {
         patch: IRouterMatcher<this>;
         options: IRouterMatcher<this>;
         head: IRouterMatcher<this>;
+        
+        checkout: IRouterMatcher<this>;
+        copy: IRouterMatcher<this>;
+        lock: IRouterMatcher<this>;
+        merge: IRouterMatcher<this>;
+        mkactivity: IRouterMatcher<this>;
+        mkcol: IRouterMatcher<this>;
+        move: IRouterMatcher<this>;
+        "m-search": IRouterMatcher<this>;
+        notify: IRouterMatcher<this>;
+        purge: IRouterMatcher<this>;
+        report: IRouterMatcher<this>;
+        search: IRouterMatcher<this>;
+        subscribe: IRouterMatcher<this>;
+        trace: IRouterMatcher<this>;
+        unlock: IRouterMatcher<this>;
+        unsubscribe: IRouterMatcher<this>;
 
         use: IRouterHandler<this> & IRouterMatcher<this>;
 
@@ -114,6 +131,23 @@ declare module "express-serve-static-core" {
         patch: IRouterHandler<this>;
         options: IRouterHandler<this>;
         head: IRouterHandler<this>;
+        
+        checkout: IRouterHandler<this>;
+        copy: IRouterHandler<this>;
+        lock: IRouterHandler<this>;
+        merge: IRouterHandler<this>;
+        mkactivity: IRouterHandler<this>;
+        mkcol: IRouterHandler<this>;
+        move: IRouterHandler<this>;
+        "m-search": IRouterHandler<this>;
+        notify: IRouterHandler<this>;
+        purge: IRouterHandler<this>;
+        report: IRouterHandler<this>;
+        search: IRouterHandler<this>;
+        subscribe: IRouterHandler<this>;
+        trace: IRouterHandler<this>;
+        unlock: IRouterHandler<this>;
+        unsubscribe: IRouterHandler<this>
     }
 
     export interface Router extends IRouter { }

From d898304c5691a9b6d1efc358f840ed6c8a34b38e Mon Sep 17 00:00:00 2001
From: Peter Safranek <pe8ter@users.noreply.github.com>
Date: Sat, 8 Oct 2016 10:45:01 -0700
Subject: [PATCH 233/382] Add type definitions for koa-send. (#11848)

---
 koa-send/koa-send-tests.ts | 23 +++++++++++++++++++++++
 koa-send/koa-send.d.ts     | 27 +++++++++++++++++++++++++++
 2 files changed, 50 insertions(+)
 create mode 100644 koa-send/koa-send-tests.ts
 create mode 100644 koa-send/koa-send.d.ts

diff --git a/koa-send/koa-send-tests.ts b/koa-send/koa-send-tests.ts
new file mode 100644
index 0000000000..630bdcbddb
--- /dev/null
+++ b/koa-send/koa-send-tests.ts
@@ -0,0 +1,23 @@
+/// <reference path="../koa/koa.d.ts" />
+/// <reference path="koa-send.d.ts" />
+
+import * as Koa from "koa";
+import * as send from "koa-send";
+
+const app = new Koa();
+
+app.use(async (ctx: Koa.Context) => {
+    const path: string = await send(ctx, 'stimpy.html');
+});
+
+app.use(async (ctx: Koa.Context) => {
+    await send(ctx, 'stimpy.html', {
+        root: '../static-files',
+        index: 'index.html',
+        maxAge: 10,
+        hidden: true,
+        format: true,
+        gzip: true,
+        setHeaders: () => {},
+    });
+});
diff --git a/koa-send/koa-send.d.ts b/koa-send/koa-send.d.ts
new file mode 100644
index 0000000000..9ed8805412
--- /dev/null
+++ b/koa-send/koa-send.d.ts
@@ -0,0 +1,27 @@
+// Type definitions for koa-send v3.x
+// Project: https://github.com/koajs/send
+// Definitions by: Peter Safranek <https://github.com/pe8ter>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../koa/koa.d.ts" />
+
+declare module "koa-send" {
+
+    import * as Koa from "koa";
+
+    interface ISendOptions {
+        root?: string;
+        index?: string;
+        maxAge?: number;
+        hidden?: boolean;
+        format?: boolean;
+        gzip?: boolean;
+        setHeaders?: Function;
+    }
+
+    function send(ctx: Koa.Context, path: string, opts?: ISendOptions): Promise<string>;
+
+    namespace send {}
+
+    export = send;
+}

From cc3ca26de47e862a181c476daddb63e01f92f9a4 Mon Sep 17 00:00:00 2001
From: Marvin Hagemeister <marvin@marvinhagemeister.de>
Date: Sat, 8 Oct 2016 19:54:59 +0200
Subject: [PATCH 234/382] Fix wrong stream TransformOptions interface. (#11849)

Transform streams are duplex streams and extend the latter's constructor options.
---
 node/node-tests.ts | 7 +++++--
 node/node.d.ts     | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/node/node-tests.ts b/node/node-tests.ts
index 433435ee13..8f04a2ddf9 100644
--- a/node/node-tests.ts
+++ b/node/node-tests.ts
@@ -487,7 +487,10 @@ function simplified_stream_ctor_test() {
             chunks[0].chunk.slice(0);
             chunks[0].encoding.charAt(0);
             cb();
-        }
+        },
+        allowHalfOpen: true,
+        readableObjectMode: true,
+        writableObjectMode: true
     })
 }
 
@@ -747,7 +750,7 @@ namespace tls_tests {
             let _response: Buffer = response;
         })
         _TLSSocket = _TLSSocket.prependOnceListener("secureConnect", () => { });
-    } 
+    }
 }
 
 ////////////////////////////////////////////////////
diff --git a/node/node.d.ts b/node/node.d.ts
index 47daf29384..0b91d8095c 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -3276,7 +3276,7 @@ declare module "stream" {
             end(chunk: any, encoding?: string, cb?: Function): void;
         }
 
-        export interface TransformOptions extends ReadableOptions, WritableOptions {
+        export interface TransformOptions extends DuplexOptions {
             transform?: (chunk: string | Buffer, encoding: string, callback: Function) => any;
             flush?: (callback: Function) => any;
         }

From 360b85fdbf0e8abda4b0e627108d728b9d5986c9 Mon Sep 17 00:00:00 2001
From: Linda_pp <rhysd@users.noreply.github.com>
Date: Sun, 9 Oct 2016 02:58:14 +0900
Subject: [PATCH 235/382] Add 'xtend' package (#11854)

---
 xtend/xtend-tests.ts | 79 ++++++++++++++++++++++++++++++++++++++++++++
 xtend/xtend.d.ts     | 17 ++++++++++
 2 files changed, 96 insertions(+)
 create mode 100644 xtend/xtend-tests.ts
 create mode 100644 xtend/xtend.d.ts

diff --git a/xtend/xtend-tests.ts b/xtend/xtend-tests.ts
new file mode 100644
index 0000000000..e1ab5b8537
--- /dev/null
+++ b/xtend/xtend-tests.ts
@@ -0,0 +1,79 @@
+/// <reference path="xtend.d.ts" />
+import * as xtend from "xtend";
+
+interface Target {
+  hellow: string;
+}
+
+interface Source1 {
+  source1: string;
+}
+
+interface Result extends Target, Source1 {
+
+}
+
+interface Source2 {
+  source2: string;
+}
+
+interface Result2 extends Result, Source2 {
+
+}
+
+interface Source3 {
+  source3: string;
+}
+
+interface Result3 extends Result2, Source3 {
+
+}
+
+interface Source4 {
+  source4: string;
+}
+
+interface Result4 extends Result3, Source4 {
+
+}
+
+interface Source5 {
+  source5: string;
+}
+
+interface Result5 extends Result4, Source5 {
+
+}
+
+function assign1(): Result {
+  return xtend({hellow: "world"}, {source1: "U"});
+}
+
+function assign2(): Result2 {
+  return xtend({hellow: "world"}, {source1: "U"}, {source2: "V"});
+}
+
+function assign3(): Result3 {
+  return xtend({hellow: "world"}, {source1: "U"}, {source2: "V"}, {source3: "W"});
+}
+
+function assign4(): Result4 {
+  return xtend({hellow: "world"}, {source1: "U"}, {source2: "V"}, {source3: "W"}, {source4: "Q"});
+}
+
+function assign5(): Result5 {
+  return xtend({hellow: "world"}, {source1: "U"}, {source2: "V"}, {source3: "W"}, {source4: "Q"}, {source5: "R"});
+}
+
+function assign() {
+  return xtend({hellow: "world"}, {source1: "U"}, {source2: "V"}, {source3: "W"}, {source4: "Q"}, {source5: "R"}, {
+    hellow: "hellow",
+    source1: "source1",
+    source2: "source2",
+    source3: "source3",
+    source4: "source4",
+    source5: "source5",
+    generic: "any"
+  });
+}
+
diff --git a/xtend/xtend.d.ts b/xtend/xtend.d.ts
new file mode 100644
index 0000000000..616cf81cbd
--- /dev/null
+++ b/xtend/xtend.d.ts
@@ -0,0 +1,17 @@
+// Type definitions for xtend 4.0.1
+// Project: https://github.com/Raynos/xtend
+// Definitions by: rhysd <https://rhysd.github.io>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "xtend" {
+	interface Xtend {
+		<T, U>(target: T, source: U): T & U;
+		<T, U, V>(target: T, source1: U, source2: V): T & U & V;
+		<T, U, V, W>(target: T, source1: U, source2: V, source3: W): T & U & V & W;
+		<T, U, V, W, Q>(target: T, source1: U, source2: V, source3: W, source4: Q): T & U & V & W & Q;
+		<T, U, V, W, Q, R>(target: T, source1: U, source2: V, source3: W, source4: Q, source5: R): T & U & V & W & Q & R;
+		(target: any, ...sources: any[]): any;
+	}
+	const xtend: Xtend;
+	export = xtend;
+}

From 0dcd0bdc39294901854954a28faa98e35342dd26 Mon Sep 17 00:00:00 2001
From: Eric Amodio <eric@amod.io>
Date: Sat, 8 Oct 2016 16:01:34 -0400
Subject: [PATCH 236/382] Allows Element in quills ctor (#11841)

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

diff --git a/quill/quill.d.ts b/quill/quill.d.ts
index 2e75e14c20..66fdc11245 100644
--- a/quill/quill.d.ts
+++ b/quill/quill.d.ts
@@ -38,7 +38,7 @@ declare namespace QuillJS {
     type formatsType = { [key: string]: any };
 
     export interface QuillStatic {
-        new (selector: string, options?: QuillOptionsStatic): QuillStatic;
+        new (container: string | Element, options?: QuillOptionsStatic): QuillStatic;
         deleteText(start: number, end: number, source?: sourceType): void;
         disable(): void;
         enable(enabled?: boolean): void;

From e623c6b3164bb8c6da508f84f7865eaaa97e1a0f Mon Sep 17 00:00:00 2001
From: Eric Amodio <eric@amod.io>
Date: Sat, 8 Oct 2016 19:32:43 -0400
Subject: [PATCH 237/382] Changes Quill casing to avoid issues w/ jspm & others
 (#11858)

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

diff --git a/quill/quill.d.ts b/quill/quill.d.ts
index 66fdc11245..9998c3dc19 100644
--- a/quill/quill.d.ts
+++ b/quill/quill.d.ts
@@ -91,6 +91,6 @@ declare namespace QuillJS {
 
 declare var Quill: QuillJS.QuillStatic;
 
-declare module "Quill" {
+declare module "quill" {
     export = Quill;
 }

From eb6ec6b5f7fc1fde4517fe80270cc32e13a0fc67 Mon Sep 17 00:00:00 2001
From: James Moey <james.moey@moeyservices.com>
Date: Sun, 9 Oct 2016 14:13:19 +1100
Subject: [PATCH 238/382] fix export finalhandle as function

---
 finalhandler/finalhandler-tests.ts |  2 +-
 finalhandler/finalhandler.d.ts     | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/finalhandler/finalhandler-tests.ts b/finalhandler/finalhandler-tests.ts
index cb8dc053d1..f8a06b0cc5 100644
--- a/finalhandler/finalhandler-tests.ts
+++ b/finalhandler/finalhandler-tests.ts
@@ -1,7 +1,7 @@
 /// <reference path="./finalhandler.d.ts" />
 
 import {ServerRequest, ServerResponse} from "http";
-import finalHandler from "finalhandler";
+import * as finalHandler from "finalhandler";
 
 let req: ServerRequest;
 let res: ServerResponse;
diff --git a/finalhandler/finalhandler.d.ts b/finalhandler/finalhandler.d.ts
index 092952f858..a48ce1efc6 100644
--- a/finalhandler/finalhandler.d.ts
+++ b/finalhandler/finalhandler.d.ts
@@ -8,13 +8,15 @@
 declare module "finalhandler" {
 	import {ServerRequest, ServerResponse} from "http";
 
-	export interface Options {
-		message?: boolean|((err: any, status: number) => string);
-		onerror?: (err: any, req: ServerRequest, res: ServerResponse) => void;
-		stacktrace?: boolean;
+	function finalHandler(req: ServerRequest, res: ServerResponse, options?: finalHandler.Options): (err: any) => void;
+
+	namespace finalHandler {
+		export interface Options {
+			message?: boolean|((err: any, status: number) => string);
+			onerror?: (err: any, req: ServerRequest, res: ServerResponse) => void;
+			stacktrace?: boolean;
+		}
 	}
 
-	function finalHandler(req: ServerRequest, res: ServerResponse, options?: Options): (err: any) => void;
-
-	export default finalHandler;
+	export = finalHandler;
 }

From 8ce0b23273ff6e67119bfe85c86a264266555105 Mon Sep 17 00:00:00 2001
From: Jose Berardo <joseberardo@gmail.com>
Date: Mon, 10 Oct 2016 00:02:13 +1100
Subject: [PATCH 239/382] Fix iterators and Add RRuleSet

---
 rrule/rrule.d.ts | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/rrule/rrule.d.ts b/rrule/rrule.d.ts
index 247defc92b..42ff45e2be 100644
--- a/rrule/rrule.d.ts
+++ b/rrule/rrule.d.ts
@@ -39,7 +39,7 @@ declare namespace RRule {
         equals(other: Weekday): boolean;
 
         toString(): string;
-        
+
         getJsWeekday(): number;
     }
 
@@ -72,7 +72,7 @@ declare class RRule {
     *                   to stop the iteration.
     * @return Array containing all recurrences.
     */
-    all(iterator?: (date: Date) => void): Date[];
+    all(iterator?: (date: Date, index?: number) => void): Date[];
 
     /**
     * Returns all the occurrences of the rrule between after and before.
@@ -81,7 +81,7 @@ declare class RRule {
     * list, if they are found in the recurrence set.
     * @return Array
     */
-    between(a: Date, b: Date, iterator?: (date: Date) => void): Date[];
+    between(a: Date, b: Date, inc?: boolean, iterator?: (date: Date, index: number) => void): Date[];
 
     /**
     * Returns the last recurrence before the given datetime instance.
@@ -129,7 +129,7 @@ declare namespace RRule {
         MINUTELY    = 5,
         SECONDLY    = 6
     }
-    
+
     const YEARLY: Frequency;
     const MONTHLY: Frequency;
     const WEEKLY: Frequency;
@@ -158,4 +158,27 @@ declare namespace RRule {
 
     function fromString(value: string): RRule;
 
+    class RRuleSet extends RRule {
+      /**
+      *
+      * @param {Boolean?} noCache
+      *  The same stratagy as RRule on cache, default to false
+      * @constructor
+      */
+      constructor(noCache?: boolean);
+      rrule(rrule: RRule): undefined;
+      rdate(date: Date): undefined;
+      exrule(rrule: RRule): undefined;
+      exdate(date: Date): RRuleSet;
+      valueOf(): string[];
+      /**
+      * to generate recurrence field sush as:
+      *   ["RRULE:FREQ=YEARLY;COUNT=2;BYDAY=TU;DTSTART=19970902T010000Z","RRULE:FREQ=YEARLY;COUNT=1;BYDAY=TH;DTSTART=19970902T010000Z"]
+      */
+      toString(): string;
+      /**
+      * Create a new RRuleSet Object completely base on current instance
+      */
+      clone(): RRuleSet;
+    }
 }

From 6479f21283239ab8a1ba347a599d9839ba133aa2 Mon Sep 17 00:00:00 2001
From: Jose Berardo <joseberardo@gmail.com>
Date: Mon, 10 Oct 2016 00:28:00 +1100
Subject: [PATCH 240/382] undefined to void

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

diff --git a/rrule/rrule.d.ts b/rrule/rrule.d.ts
index 42ff45e2be..b640607e9e 100644
--- a/rrule/rrule.d.ts
+++ b/rrule/rrule.d.ts
@@ -166,9 +166,9 @@ declare namespace RRule {
       * @constructor
       */
       constructor(noCache?: boolean);
-      rrule(rrule: RRule): undefined;
-      rdate(date: Date): undefined;
-      exrule(rrule: RRule): undefined;
+      rrule(rrule: RRule): void;
+      rdate(date: Date): void;
+      exrule(rrule: RRule): void;
       exdate(date: Date): RRuleSet;
       valueOf(): string[];
       /**

From 2f1f1d54c571a59decdf9e1d29bf0a7692bb78c9 Mon Sep 17 00:00:00 2001
From: Jose Berardo <joseberardo@gmail.com>
Date: Mon, 10 Oct 2016 00:32:05 +1100
Subject: [PATCH 241/382] oops one more void

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

diff --git a/rrule/rrule.d.ts b/rrule/rrule.d.ts
index b640607e9e..061d07f71b 100644
--- a/rrule/rrule.d.ts
+++ b/rrule/rrule.d.ts
@@ -169,7 +169,7 @@ declare namespace RRule {
       rrule(rrule: RRule): void;
       rdate(date: Date): void;
       exrule(rrule: RRule): void;
-      exdate(date: Date): RRuleSet;
+      exdate(date: Date): void;
       valueOf(): string[];
       /**
       * to generate recurrence field sush as:

From cddd4f8a2fd0a29cdd2401f24f66a469e1db5ef8 Mon Sep 17 00:00:00 2001
From: Simon <simonxca@yahoo.ca>
Date: Sun, 9 Oct 2016 20:43:46 -0400
Subject: [PATCH 242/382] fixes return types for mongoose document array
 create() and id()

---
 mongoose/mongoose-tests.ts | 10 ++++++++++
 mongoose/mongoose.d.ts     |  4 ++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/mongoose/mongoose-tests.ts b/mongoose/mongoose-tests.ts
index 7c5e9adcfc..8c0771e6d2 100644
--- a/mongoose/mongoose-tests.ts
+++ b/mongoose/mongoose-tests.ts
@@ -492,6 +492,16 @@ documentArray.toObject({}).length;
 documentArray.$shift();
 /* inherited from Native Array */
 documentArray.concat();
+/* practical example */
+interface MySubEntity1 extends mongoose.Types.Subdocument {
+  property1: string;
+  property2: string;
+}
+interface MyEntity1 extends mongoose.Document {
+  sub: mongoose.Types.DocumentArray<MySubEntity>
+}
+var newEnt: MyEntity1;
+var newSub: MySubEntity1 = newEnt.sub.create({ property1: "example", property2: "example" });
 
 /*
  * section types/buffer.js
diff --git a/mongoose/mongoose.d.ts b/mongoose/mongoose.d.ts
index 928949ec59..5c1f0a4edb 100644
--- a/mongoose/mongoose.d.ts
+++ b/mongoose/mongoose.d.ts
@@ -1045,13 +1045,13 @@ declare module "mongoose" {
        * This is the same subdocument constructor used for casting.
        * @param obj the value to cast to this arrays SubDocument schema
        */
-      create(obj: Object): Subdocument;
+      create(obj: Object): T;
 
       /**
        * Searches array items for the first document with a matching _id.
        * @returns the subdocument or null if not found.
        */
-      id(id: ObjectId | string | number | NativeBuffer): Embedded;
+      id(id: ObjectId | string | number | NativeBuffer): T;
 
       /** Helper for console.log */
       inspect(): T[];

From 633739d1bca4c3f887ad39c38c19317da23f2d6e Mon Sep 17 00:00:00 2001
From: Simon <simonxca@yahoo.ca>
Date: Sun, 9 Oct 2016 20:44:15 -0400
Subject: [PATCH 243/382] removes private api options from schematype

---
 mongoose/mongoose.d.ts | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/mongoose/mongoose.d.ts b/mongoose/mongoose.d.ts
index 5c1f0a4edb..ee6b64aa36 100644
--- a/mongoose/mongoose.d.ts
+++ b/mongoose/mongoose.d.ts
@@ -2014,12 +2014,6 @@ declare module "mongoose" {
      */
     validate(obj: RegExp | Function | Object, errorMsg?: string,
       type?: string): this;
-
-    /**
-     * http://mongoosejs.com/docs/api.html#schematype_SchemaType
-     * Options for this schema type (required, index, etc.)
-     */
-    options: any;
   }
 
   /*

From 047108541fa2a68ea36515ec331662673ee11f01 Mon Sep 17 00:00:00 2001
From: Simon <simonxca@yahoo.ca>
Date: Sun, 9 Oct 2016 20:49:57 -0400
Subject: [PATCH 244/382] fix travis errors

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

diff --git a/mongoose/mongoose-tests.ts b/mongoose/mongoose-tests.ts
index 8c0771e6d2..c386fe98a0 100644
--- a/mongoose/mongoose-tests.ts
+++ b/mongoose/mongoose-tests.ts
@@ -971,7 +971,6 @@ schematype.unique(true).unique(true);
 schematype.validate(/re/)
   .validate({}, 'error')
   .validate(cb, 'try', 'tri');
-schematype.options.required;
 
 /*
  * section promise.js

From 1a0f7cd07c4a7abe81b907e928b8e3bfb14e90b2 Mon Sep 17 00:00:00 2001
From: Arne Schubert <atd.schubert@gmail.com>
Date: Mon, 10 Oct 2016 12:15:23 +0200
Subject: [PATCH 245/382] Make the "undersore methods" to protected ones in the
 definitions (#11715)

* Make the undersore methods to protected ones

* Remove non-public _read method from Result-Stream
---
 cassandra-driver/cassandra-driver.d.ts |  3 +--
 node/node-0.10.d.ts                    | 16 ++++++++--------
 node/node-0.11.d.ts                    | 16 ++++++++--------
 node/node-0.12.d.ts                    | 10 +++++-----
 node/node-4.d.ts                       | 10 +++++-----
 node/node.d.ts                         | 10 +++++-----
 6 files changed, 32 insertions(+), 33 deletions(-)

diff --git a/cassandra-driver/cassandra-driver.d.ts b/cassandra-driver/cassandra-driver.d.ts
index 9a4184b62e..f5837ad17f 100644
--- a/cassandra-driver/cassandra-driver.d.ts
+++ b/cassandra-driver/cassandra-driver.d.ts
@@ -135,7 +135,7 @@ declare module "cassandra-driver" {
     var LocalTime: LocalTimeStatic;
     var Long: _Long;
     var ResultSet: ResultSetStatic;
-    var ResultStream: ResultStreamStatic;
+    // var ResultStream: ResultStreamStatic;
     var Row: RowStatic;
     var TimeUuid: TimeUuidStatic;
     var Tuple: TupleStatic;
@@ -366,7 +366,6 @@ declare module "cassandra-driver" {
       buffer: Buffer;
       paused: boolean;
 
-      _read(): void;
       _valve(readNext: Function): void;
       add(chunk: Buffer): void;
     }
diff --git a/node/node-0.10.d.ts b/node/node-0.10.d.ts
index 9055ec82a7..c519e660bb 100644
--- a/node/node-0.10.d.ts
+++ b/node/node-0.10.d.ts
@@ -1216,7 +1216,7 @@ declare module "stream" {
     export class Readable extends events.EventEmitter implements NodeJS.ReadableStream {
         readable: boolean;
         constructor(opts?: ReadableOptions);
-        _read(size: number): void;
+        protected _read(size: number): void;
         read(size?: number): any;
         setEncoding(encoding: string): void;
         pause(): void;
@@ -1238,8 +1238,8 @@ declare module "stream" {
     export class Writable extends events.EventEmitter implements NodeJS.WritableStream {
         writable: boolean;
         constructor(opts?: WritableOptions);
-        _write(data: Buffer, encoding: string, callback: Function): void;
-        _write(data: string, encoding: string, callback: Function): void;
+        protected _write(data: Buffer, encoding: string, callback: Function): void;
+        protected _write(data: string, encoding: string, callback: Function): void;
         write(buffer: Buffer, cb?: Function): boolean;
         write(str: string, cb?: Function): boolean;
         write(str: string, encoding?: string, cb?: Function): boolean;
@@ -1257,8 +1257,8 @@ declare module "stream" {
     export class Duplex extends Readable implements NodeJS.ReadWriteStream {
         writable: boolean;
         constructor(opts?: DuplexOptions);
-        _write(data: Buffer, encoding: string, callback: Function): void;
-        _write(data: string, encoding: string, callback: Function): void;
+        protected _write(data: Buffer, encoding: string, callback: Function): void;
+        protected _write(data: string, encoding: string, callback: Function): void;
         write(buffer: Buffer, cb?: Function): boolean;
         write(str: string, cb?: Function): boolean;
         write(str: string, encoding?: string, cb?: Function): boolean;
@@ -1275,9 +1275,9 @@ declare module "stream" {
         readable: boolean;
         writable: boolean;
         constructor(opts?: TransformOptions);
-        _transform(chunk: Buffer, encoding: string, callback: Function): void;
-        _transform(chunk: string, encoding: string, callback: Function): void;
-        _flush(callback: Function): void;
+        protected _transform(chunk: Buffer, encoding: string, callback: Function): void;
+        protected _transform(chunk: string, encoding: string, callback: Function): void;
+        protected _flush(callback: Function): void;
         read(size?: number): any;
         setEncoding(encoding: string): void;
         pause(): void;
diff --git a/node/node-0.11.d.ts b/node/node-0.11.d.ts
index 91cfef468d..1649baebed 100644
--- a/node/node-0.11.d.ts
+++ b/node/node-0.11.d.ts
@@ -1124,7 +1124,7 @@ declare module "stream" {
     export class Readable extends events.EventEmitter implements NodeJS.ReadableStream {
         readable: boolean;
         constructor(opts?: ReadableOptions);
-        _read(size: number): void;
+        protected _read(size: number): void;
         read(size?: number): any;
         setEncoding(encoding: string): void;
         pause(): void;
@@ -1146,8 +1146,8 @@ declare module "stream" {
     export class Writable extends events.EventEmitter implements NodeJS.WritableStream {
         writable: boolean;
         constructor(opts?: WritableOptions);
-        _write(data: Buffer, encoding: string, callback: Function): void;
-        _write(data: string, encoding: string, callback: Function): void;
+        protected _write(data: Buffer, encoding: string, callback: Function): void;
+        protected _write(data: string, encoding: string, callback: Function): void;
         write(buffer: Buffer, cb?: Function): boolean;
         write(str: string, cb?: Function): boolean;
         write(str: string, encoding?: string, cb?: Function): boolean;
@@ -1165,8 +1165,8 @@ declare module "stream" {
     export class Duplex extends Readable implements NodeJS.ReadWriteStream {
         writable: boolean;
         constructor(opts?: DuplexOptions);
-        _write(data: Buffer, encoding: string, callback: Function): void;
-        _write(data: string, encoding: string, callback: Function): void;
+        protected _write(data: Buffer, encoding: string, callback: Function): void;
+        protected _write(data: string, encoding: string, callback: Function): void;
         write(buffer: Buffer, cb?: Function): boolean;
         write(str: string, cb?: Function): boolean;
         write(str: string, encoding?: string, cb?: Function): boolean;
@@ -1183,9 +1183,9 @@ declare module "stream" {
         readable: boolean;
         writable: boolean;
         constructor(opts?: TransformOptions);
-        _transform(chunk: Buffer, encoding: string, callback: Function): void;
-        _transform(chunk: string, encoding: string, callback: Function): void;
-        _flush(callback: Function): void;
+        protected _transform(chunk: Buffer, encoding: string, callback: Function): void;
+        protected _transform(chunk: string, encoding: string, callback: Function): void;
+        protected _flush(callback: Function): void;
         read(size?: number): any;
         setEncoding(encoding: string): void;
         pause(): void;
diff --git a/node/node-0.12.d.ts b/node/node-0.12.d.ts
index 4459ebe96a..12b4958759 100644
--- a/node/node-0.12.d.ts
+++ b/node/node-0.12.d.ts
@@ -1682,7 +1682,7 @@ declare module "stream" {
     export class Readable extends events.EventEmitter implements NodeJS.ReadableStream {
         readable: boolean;
         constructor(opts?: ReadableOptions);
-        _read(size: number): void;
+        protected _read(size: number): void;
         read(size?: number): any;
         setEncoding(encoding: string): void;
         pause(): void;
@@ -1703,7 +1703,7 @@ declare module "stream" {
     export class Writable extends events.EventEmitter implements NodeJS.WritableStream {
         writable: boolean;
         constructor(opts?: WritableOptions);
-        _write(chunk: any, encoding: string, callback: Function): void;
+        protected _write(chunk: any, encoding: string, callback: Function): void;
         write(chunk: any, cb?: Function): boolean;
         write(chunk: any, encoding?: string, cb?: Function): boolean;
         end(): void;
@@ -1719,7 +1719,7 @@ declare module "stream" {
     export class Duplex extends Readable implements NodeJS.ReadWriteStream {
         writable: boolean;
         constructor(opts?: DuplexOptions);
-        _write(chunk: any, encoding: string, callback: Function): void;
+        protected _write(chunk: any, encoding: string, callback: Function): void;
         write(chunk: any, cb?: Function): boolean;
         write(chunk: any, encoding?: string, cb?: Function): boolean;
         end(): void;
@@ -1734,8 +1734,8 @@ declare module "stream" {
         readable: boolean;
         writable: boolean;
         constructor(opts?: TransformOptions);
-        _transform(chunk: any, encoding: string, callback: Function): void;
-        _flush(callback: Function): void;
+        protected _transform(chunk: any, encoding: string, callback: Function): void;
+        protected _flush(callback: Function): void;
         read(size?: number): any;
         setEncoding(encoding: string): void;
         pause(): void;
diff --git a/node/node-4.d.ts b/node/node-4.d.ts
index f05444336d..2df0c73d30 100644
--- a/node/node-4.d.ts
+++ b/node/node-4.d.ts
@@ -2008,7 +2008,7 @@ declare module "stream" {
     export class Readable extends events.EventEmitter implements NodeJS.ReadableStream {
         readable: boolean;
         constructor(opts?: ReadableOptions);
-        _read(size: number): void;
+        protected _read(size: number): void;
         read(size?: number): any;
         setEncoding(encoding: string): void;
         pause(): void;
@@ -2029,7 +2029,7 @@ declare module "stream" {
     export class Writable extends events.EventEmitter implements NodeJS.WritableStream {
         writable: boolean;
         constructor(opts?: WritableOptions);
-        _write(chunk: any, encoding: string, callback: Function): void;
+        protected _write(chunk: any, encoding: string, callback: Function): void;
         write(chunk: any, cb?: Function): boolean;
         write(chunk: any, encoding?: string, cb?: Function): boolean;
         end(): void;
@@ -2045,7 +2045,7 @@ declare module "stream" {
     export class Duplex extends Readable implements NodeJS.ReadWriteStream {
         writable: boolean;
         constructor(opts?: DuplexOptions);
-        _write(chunk: any, encoding: string, callback: Function): void;
+        protected _write(chunk: any, encoding: string, callback: Function): void;
         write(chunk: any, cb?: Function): boolean;
         write(chunk: any, encoding?: string, cb?: Function): boolean;
         end(): void;
@@ -2060,8 +2060,8 @@ declare module "stream" {
         readable: boolean;
         writable: boolean;
         constructor(opts?: TransformOptions);
-        _transform(chunk: any, encoding: string, callback: Function): void;
-        _flush(callback: Function): void;
+        protected _transform(chunk: any, encoding: string, callback: Function): void;
+        protected _flush(callback: Function): void;
         read(size?: number): any;
         setEncoding(encoding: string): void;
         pause(): void;
diff --git a/node/node.d.ts b/node/node.d.ts
index 0b91d8095c..511b08cfd7 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -3098,7 +3098,7 @@ declare module "stream" {
         export class Readable extends events.EventEmitter implements NodeJS.ReadableStream {
             readable: boolean;
             constructor(opts?: ReadableOptions);
-            _read(size: number): void;
+            protected _read(size: number): void;
             read(size?: number): any;
             setEncoding(encoding: string): void;
             pause(): Readable;
@@ -3180,7 +3180,7 @@ declare module "stream" {
         export class Writable extends events.EventEmitter implements NodeJS.WritableStream {
             writable: boolean;
             constructor(opts?: WritableOptions);
-            _write(chunk: any, encoding: string, callback: Function): void;
+            protected _write(chunk: any, encoding: string, callback: Function): void;
             write(chunk: any, cb?: Function): boolean;
             write(chunk: any, encoding?: string, cb?: Function): boolean;
             end(): void;
@@ -3268,7 +3268,7 @@ declare module "stream" {
             // Writeable
             writable: boolean;
             constructor(opts?: DuplexOptions);
-            _write(chunk: any, encoding: string, callback: Function): void;
+            protected _write(chunk: any, encoding: string, callback: Function): void;
             write(chunk: any, cb?: Function): boolean;
             write(chunk: any, encoding?: string, cb?: Function): boolean;
             end(): void;
@@ -3286,8 +3286,8 @@ declare module "stream" {
             readable: boolean;
             writable: boolean;
             constructor(opts?: TransformOptions);
-            _transform(chunk: any, encoding: string, callback: Function): void;
-            _flush(callback: Function): void;
+            protected _transform(chunk: any, encoding: string, callback: Function): void;
+            protected _flush(callback: Function): void;
             read(size?: number): any;
             setEncoding(encoding: string): void;
             pause(): Transform;

From 3ea7e4b306de3077dd8e28e23cb26df4e981ca8d Mon Sep 17 00:00:00 2001
From: Cotton Hou <himcotton@gmail.com>
Date: Mon, 10 Oct 2016 18:31:58 +0800
Subject: [PATCH 246/382] fix(localforage): for LocalForageOptions.version
 (#11862)

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

diff --git a/localForage/localForage.d.ts b/localForage/localForage.d.ts
index eaafd8b8c8..ca5c5e2eda 100644
--- a/localForage/localForage.d.ts
+++ b/localForage/localForage.d.ts
@@ -12,7 +12,7 @@ interface LocalForageOptions {
 
     storeName?: string;
 
-    version?: string;
+    version?: number;
 
     description?: string;
 }

From 056a5d36c5bbaa30a0dbcecffc00ad5223b3d9f0 Mon Sep 17 00:00:00 2001
From: Endel Dreyer <endel.dreyer@gmail.com>
Date: Mon, 10 Oct 2016 12:51:01 +0200
Subject: [PATCH 247/382] add definitions for fossil-delta package (#11868)

---
 fossil-delta/fossil-delta-tests.ts | 10 ++++++++++
 fossil-delta/fossil-delta.d.ts     | 13 +++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 fossil-delta/fossil-delta-tests.ts
 create mode 100644 fossil-delta/fossil-delta.d.ts

diff --git a/fossil-delta/fossil-delta-tests.ts b/fossil-delta/fossil-delta-tests.ts
new file mode 100644
index 0000000000..113757c677
--- /dev/null
+++ b/fossil-delta/fossil-delta-tests.ts
@@ -0,0 +1,10 @@
+/// <reference path="fossil-delta.d.ts" />
+import * as fossilDelta from "fossil-delta";
+
+var origin =  new Array<number>(1,2,3);
+var target =  new Array<number>(1,2,3,4,5);
+
+var delta = fossilDelta.create(origin, target);
+var targetApplied = fossilDelta.apply(origin, delta);
+
+var outputSize: number = fossilDelta.outputSize(delta);
diff --git a/fossil-delta/fossil-delta.d.ts b/fossil-delta/fossil-delta.d.ts
new file mode 100644
index 0000000000..fddb8f50af
--- /dev/null
+++ b/fossil-delta/fossil-delta.d.ts
@@ -0,0 +1,13 @@
+// Type definitions for fossil-delta 0.2.5
+// Project: https://github.com/dchest/fossil-delta-js
+// Definitions by: Endel Dreyer <https://github.com/endel/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts" />
+declare module "fossil-delta" {
+  type ByteArray = Array<number> | Uint8Array | Buffer;
+
+  export function create(origin: ByteArray, target: ByteArray): Array<number>;
+  export function apply(origin: ByteArray, delta: Array<number>): Array<number>;
+  export function outputSize(delta: Array<number>): number;
+}

From a92782a4babd865a5441f4cd0dcce36b9f92a866 Mon Sep 17 00:00:00 2001
From: Guilherme Oenning <me@goenning.net>
Date: Mon, 10 Oct 2016 07:52:43 -0300
Subject: [PATCH 248/382] create function return Promises. closes #11003
 (#11767)

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

diff --git a/twitter/twitter.d.ts b/twitter/twitter.d.ts
index 7dad601ebf..a2b349df86 100644
--- a/twitter/twitter.d.ts
+++ b/twitter/twitter.d.ts
@@ -46,7 +46,7 @@ interface TwitterWidgets {
      * @param target The element in which to render the widget.
      * @param options An object hash of additional options to configure the widget.
      */
-    createShareButton(url: string, target: HTMLElement, options?: TwitterButtonWidgetOptions): any;
+    createShareButton(url: string, target: HTMLElement, options?: TwitterButtonWidgetOptions): Promise<HTMLElement>;
     /**
      * Create a follow button for a user.
      *
@@ -54,7 +54,7 @@ interface TwitterWidgets {
      * @param target The element in which to render the widget.
      * @param options An object hash of additional options to configure the widget.
      */
-    createFollowButton(screen_name: string, target: HTMLElement, options?: TwitterButtonWidgetOptions): any;
+    createFollowButton(screen_name: string, target: HTMLElement, options?: TwitterButtonWidgetOptions): Promise<HTMLElement>;
     /**
      * Create a hashtag button for a hashtag.
      *
@@ -62,7 +62,7 @@ interface TwitterWidgets {
      * @param target The element in which to render the widget.
      * @param options An object hash of additional options to configure the widget.
      */
-    createHashtagButton(hashtag: string, target: HTMLElement, options?: TwitterButtonWidgetOptions): any;
+    createHashtagButton(hashtag: string, target: HTMLElement, options?: TwitterButtonWidgetOptions): Promise<HTMLElement>;
     /**
      * Create a mention button for a user.
      *
@@ -70,7 +70,7 @@ interface TwitterWidgets {
      * @param target The element in which to render the widget.
      * @param options An object hash of additional options to configure the widget.
      */
-    createMentionButton(screen_name: string, target: HTMLElement, options?: TwitterButtonWidgetOptions): any;
+    createMentionButton(screen_name: string, target: HTMLElement, options?: TwitterButtonWidgetOptions): Promise<HTMLElement>;
     /**
      * Create a timeline widget.
      *
@@ -78,7 +78,7 @@ interface TwitterWidgets {
      * @param target The element in which to render the widget.
      * @param options An object hash of additional options to configure the widget.
      */
-    createTimeline(widgetId: string, target: HTMLElement, options?: TwitterTimelineWidgetOptions): any;
+    createTimeline(widgetId: string, target: HTMLElement, options?: TwitterTimelineWidgetOptions): Promise<HTMLElement>;
     /**
      * Create an embedded Tweet for a Tweet.
      *
@@ -86,7 +86,7 @@ interface TwitterWidgets {
      * @param target The element in which to render the widget.
      * @param options An object hash of additional options to configure the widget.
      */
-    createTweet(tweetId: string, target: HTMLElement, options?: TwitterTweetWidgetOptions): any;
+    createTweet(tweetId: string, target: HTMLElement, options?: TwitterTweetWidgetOptions): Promise<HTMLElement>;
 }
 
 /**

From b15ec5b9a09098e216a8ff15626938ec5fec123b Mon Sep 17 00:00:00 2001
From: James Bracy <waratuman@gmail.com>
Date: Mon, 10 Oct 2016 03:53:14 -0700
Subject: [PATCH 249/382] Updating QUnit to 2.0.1 (#11527)

---
 jquery-mockjax/jquery-mockjax-tests.ts        |    2 +-
 jquery.bbq/jquery.bbq-tests.ts                |    2 +-
 multiplexjs/multiplexjs-tests.ts              |    2 +-
 qunit/qunit-1.16.d.ts                         |  798 ++++++++++
 qunit/qunit-test.ts                           |  556 +++++++
 qunit/{qunit-tests.ts => qunit-tests-1.16.ts} |    2 +-
 qunit/qunit.d.ts                              | 1314 +++++++----------
 threejs/tests/math/test_unit_math.ts          |    2 +-
 wordcloud/wordcloud-tests.ts                  |    2 +-
 9 files changed, 1916 insertions(+), 764 deletions(-)
 create mode 100644 qunit/qunit-1.16.d.ts
 create mode 100644 qunit/qunit-test.ts
 rename qunit/{qunit-tests.ts => qunit-tests-1.16.ts} (99%)

diff --git a/jquery-mockjax/jquery-mockjax-tests.ts b/jquery-mockjax/jquery-mockjax-tests.ts
index 36ebd7e64c..85d2fe85b8 100644
--- a/jquery-mockjax/jquery-mockjax-tests.ts
+++ b/jquery-mockjax/jquery-mockjax-tests.ts
@@ -1,6 +1,6 @@
 /// <reference path="../jquery/jquery.d.ts"/>
 /// <reference path="jquery-mockjax.d.ts"/>
-/// <reference path="../qunit/qunit.d.ts" />
+/// <reference path="../qunit/qunit-1.16.d.ts" />
 
 class Tests {
     private _noErrorCallbackExpected: (jqXHR: JQueryXHR, textStatus: string, errorThrown: string) => any;
diff --git a/jquery.bbq/jquery.bbq-tests.ts b/jquery.bbq/jquery.bbq-tests.ts
index 77eb35b373..9522d6df9a 100644
--- a/jquery.bbq/jquery.bbq-tests.ts
+++ b/jquery.bbq/jquery.bbq-tests.ts
@@ -1,4 +1,4 @@
-/// <reference path="../qunit/qunit.d.ts" />
+/// <reference path="../qunit/qunit-1.16.d.ts" />
 /// <reference path="jquery.bbq.d.ts" />
 
 
diff --git a/multiplexjs/multiplexjs-tests.ts b/multiplexjs/multiplexjs-tests.ts
index c3148742ea..db1a53e749 100644
--- a/multiplexjs/multiplexjs-tests.ts
+++ b/multiplexjs/multiplexjs-tests.ts
@@ -1,5 +1,5 @@
 /// <reference path="multiplexjs.d.ts" />
-/// <reference path='../qunit/qunit.d.ts'/>
+/// <reference path="../qunit/qunit-1.16.d.ts" />
 
 
 namespace MxTests {
diff --git a/qunit/qunit-1.16.d.ts b/qunit/qunit-1.16.d.ts
new file mode 100644
index 0000000000..a2a87e2860
--- /dev/null
+++ b/qunit/qunit-1.16.d.ts
@@ -0,0 +1,798 @@
+// Type definitions for QUnit v1.16
+// Project: http://qunitjs.com/
+// Definitions by: Diullei Gomes <https://github.com/diullei>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+
+interface DoneCallbackObject {
+    /**
+    * The number of failed assertions
+    */
+    failed: number;
+
+    /**
+    * The number of passed assertions
+    */
+    passed: number;
+
+    /**
+    * The total number of assertions
+    */
+    total: number;
+
+    /**
+    * The time in milliseconds it took tests to run from start to finish.
+    */
+    runtime: number;
+}
+
+interface LogCallbackObject {
+    /**
+    * The boolean result of an assertion, true means passed, false means failed.
+    */
+    result: boolean;
+
+    /**
+    * One side of a comparision assertion. Can be undefined when ok() is used.
+    */
+    actual: Object;
+
+    /**
+    * One side of a comparision assertion. Can be undefined when ok() is used.
+    */
+    expected: Object;
+
+    /**
+    * A string description provided by the assertion.
+    */
+    message: string;
+
+    /**
+    * The associated stacktrace, either from an exception or pointing to the source 
+    * of the assertion. Depends on browser support for providing stacktraces, so can be 
+    * undefined.
+    */
+    source: string;
+}
+
+interface ModuleStartCallbackObject {
+    /**
+    * Name of the next module to run
+    */
+    name: string;
+}
+
+interface ModuleDoneCallbackObject {
+    /**
+    * Name of this module
+    */
+    name: string;
+
+    /**
+    * The number of failed assertions
+    */
+    failed: number;
+
+    /**
+    * The number of passed assertions
+    */
+    passed: number;
+
+    /**
+    * The total number of assertions
+    */
+    total: number;
+}
+
+interface TestDoneCallbackObject {
+    /**
+    * TName of the next test to run
+    */
+    name: string;
+
+    /**
+    * Name of the current module
+    */
+    module: string;
+
+    /**
+    * The number of failed assertions
+    */
+    failed: number;
+
+    /**
+    * The number of passed assertions
+    */
+    passed: number;
+
+    /**
+    * The total number of assertions
+    */
+    total: number;
+
+    /**
+    * The total runtime, including setup and teardown
+    */
+    duration: number;
+}
+
+interface TestStartCallbackObject {
+    /**
+    * Name of the next test to run
+    */
+    name: string;
+
+    /**
+    * Name of the current module
+    */
+    module: string;
+}
+
+interface Config {
+    altertitle: boolean;
+    autostart: boolean;
+    current: Object;
+    reorder: boolean;
+    requireExpects: boolean;
+    testTimeout: number;
+    urlConfig: Array<URLConfigItem>;
+    done: any;
+}
+
+interface URLConfigItem {
+    id: string;
+    label: string;
+    tooltip: string;
+}
+
+interface LifecycleObject {
+    /**
+     * Runs before each test
+     * @param assert
+     * @deprecated
+     */
+    setup?: (assert: QUnitAssert) => void;
+
+    /**
+     * Runs after each test
+     * @param assert
+     * @deprecated
+     */
+    teardown?: (assert: QUnitAssert) => void;
+    /**
+     * Runs before each test
+     * @param assert
+     */
+    beforeEach?: (assert: QUnitAssert) => void;
+    /**
+     * Runs after each test
+     * @param assert
+     */
+    afterEach?: (assert: QUnitAssert) => void;
+
+    /**
+     * Any additional properties on the hooks object will be added to that context.
+     */
+    [property: string]: any;
+}
+
+interface QUnitAssert {
+    /* ASSERT */
+    assert: any;
+    current_testEnvironment: any;
+    jsDump: any;
+
+    /**
+    * Instruct QUnit to wait for an asynchronous operation.
+    * 
+    * When your test has any asynchronous exit points, call assert.async() to get a unique
+    * resolution callback for each async operation. The callback returned from assert.async()
+    * will throw an Error if is invoked more than once.
+    */
+    async(): () => void;
+
+    /**
+    * A deep recursive comparison assertion, working on primitive types, arrays, objects, 
+    * regular expressions, dates and functions.
+    *
+    * The deepEqual() assertion can be used just like equal() when comparing the value of 
+    * objects, such that { key: value } is equal to { key: value }. For non-scalar values, 
+    * identity will be disregarded by deepEqual.
+    *
+    * @param actual Object or Expression being tested
+    * @param expected Known comparison value
+    * @param message A short description of the assertion
+    */
+    deepEqual(actual: any, expected: any, message?: string): any;
+
+    /** 
+    * A non-strict comparison assertion, roughly equivalent to JUnit assertEquals.
+    *
+    * The equal assertion uses the simple comparison operator (==) to compare the actual 
+    * and expected arguments. When they are equal, the assertion passes: any; otherwise, it fails. 
+    * When it fails, both actual and expected values are displayed in the test result, 
+    * in addition to a given message.
+    * 
+    * @param actual Expression being tested
+    * @param expected Known comparison value
+    * @param message A short description of the assertion
+    */
+    equal(actual: any, expected: any, message?: string): any;
+
+    /**
+    * Specify how many assertions are expected to run within a test.
+    *
+    * To ensure that an explicit number of assertions are run within any test, use 
+    * expect( number ) to register an expected count. If the number of assertions 
+    * run does not match the expected count, the test will fail.
+    *
+    * @param amount Number of assertions in this test.
+    */
+    expect(amount: number): any;
+
+    /**
+    * An inverted deep recursive comparison assertion, working on primitive types, 
+    * arrays, objects, regular expressions, dates and functions.
+    *
+    * The notDeepEqual() assertion can be used just like equal() when comparing the 
+    * value of objects, such that { key: value } is equal to { key: value }. For non-scalar 
+    * values, identity will be disregarded by notDeepEqual.
+    * 
+    * @param actual Object or Expression being tested
+    * @param expected Known comparison value
+    * @param message A short description of the assertion
+    */
+    notDeepEqual(actual: any, expected: any, message?: string): any;
+
+    /**
+    * A non-strict comparison assertion, checking for inequality.
+    *
+    * The notEqual assertion uses the simple inverted comparison operator (!=) to compare 
+    * the actual and expected arguments. When they aren't equal, the assertion passes: any; 
+    * otherwise, it fails. When it fails, both actual and expected values are displayed 
+    * in the test result, in addition to a given message.
+    * 
+    * @param actual Expression being tested
+    * @param expected Known comparison value
+    * @param message A short description of the assertion
+    */
+    notEqual(actual: any, expected: any, message?: string): any;
+
+    notPropEqual(actual: any, expected: any, message?: string): any;
+
+    propEqual(actual: any, expected: any, message?: string): any;
+
+    /**
+    * A non-strict comparison assertion, checking for inequality.
+    *
+    * The notStrictEqual assertion uses the strict inverted comparison operator (!==) 
+    * to compare the actual and expected arguments. When they aren't equal, the assertion 
+    * passes: any; otherwise, it fails. When it fails, both actual and expected values are 
+    * displayed in the test result, in addition to a given message.
+    * 
+    * @param actual Expression being tested
+    * @param expected Known comparison value
+    * @param message A short description of the assertion
+    */
+    notStrictEqual(actual: any, expected: any, message?: string): any;
+
+    /**
+    * A boolean assertion, equivalent to CommonJS’s assert.ok() and JUnit’s assertTrue(). 
+    * Passes if the first argument is truthy.
+    *
+    * The most basic assertion in QUnit, ok() requires just one argument. If the argument 
+    * evaluates to true, the assertion passes; otherwise, it fails. If a second message 
+    * argument is provided, it will be displayed in place of the result.
+    * 
+    * @param state Expression being tested
+    * @param message A short description of the assertion
+    */
+    ok(state: any, message?: string): any;
+
+    /**
+    * A strict type and value comparison assertion.
+    *
+    * The strictEqual() assertion provides the most rigid comparison of type and value with 
+    * the strict equality operator (===)
+    * 
+    * @param actual Expression being tested
+    * @param expected Known comparison value
+    * @param message A short description of the assertion
+    */
+    strictEqual(actual: any, expected: any, message?: string): any;
+
+    /**
+    * Assertion to test if a callback throws an exception when run.
+    * 
+    * When testing code that is expected to throw an exception based on a specific set of 
+    * circumstances, use throws() to catch the error object for testing and comparison.
+    * 
+    * @param block Function to execute
+    * @param expected Error Object to compare
+    * @param message A short description of the assertion
+    */
+    throws(block: () => any, expected: any, message?: string): any;
+
+    /**
+    * @param block Function to execute
+    * @param message A short description of the assertion
+    */
+    throws(block: () => any, message?: string): any;
+
+    /**
+    * Alias of throws.
+    * 
+    * In very few environments, like Closure Compiler, throws is considered a reserved word
+    * and will cause an error. For that case, an alias is bundled called raises. It has the
+    * same signature and behaviour, just a different name.
+    * 
+    * @param block Function to execute
+    * @param expected Error Object to compare
+    * @param message A short description of the assertion
+    */
+    raises(block: () => any, expected: any, message?: string): any;
+
+    /**
+    * Alias of throws.
+    * 
+    * In very few environments, like Closure Compiler, throws is considered a reserved word
+    * and will cause an error. For that case, an alias is bundled called raises. It has the
+    * same signature and behaviour, just a different name.
+    * 
+    * @param block Function to execute
+    * @param message A short description of the assertion
+    */
+    raises(block: () => any, message?: string): any;
+}
+
+interface QUnitStatic extends QUnitAssert {    
+    /* ASYNC CONTROL */
+
+    /**
+    * Start running tests again after the testrunner was stopped. See stop().
+    *
+    * When your async test has multiple exit points, call start() for the corresponding number of stop() increments.
+    * 
+    * @param decrement Optional argument to merge multiple start() calls into one. Use with multiple corrsponding stop() calls.
+    */
+    start(decrement?: number): any;
+
+    /**
+    * Stop the testrunner to wait for async tests to run. Call start() to continue.
+    *
+    * When your async test has multiple exit points, call stop() with the increment argument, corresponding to the number of start() calls you need.
+    *
+    * On Blackberry 5.0, window.stop is a native read-only function. If you deal with that browser, use QUnit.stop() instead, which will work anywhere.
+    *
+    * @param decrement Optional argument to merge multiple stop() calls into one. Use with multiple corrsponding start() calls.
+    */
+    stop(increment? : number): any;
+    
+    /* CALLBACKS */
+
+    /**
+    * Register a callback to fire whenever the test suite begins.
+    *
+    * QUnit.begin() is called once before running any tests. (a better would've been QUnit.start, 
+    * but thats already in use elsewhere and can't be changed.)
+    *
+    * @param callback Callback to execute
+    */
+    begin(callback: () => any): any;
+
+    /**
+    * Register a callback to fire whenever the test suite ends.
+    *
+    * @param callback Callback to execute.
+    */
+    done(callback: (details: DoneCallbackObject) => any): any;
+
+    /**
+    * Register a callback to fire whenever an assertion completes.
+    *
+    * This is one of several callbacks QUnit provides. Its intended for integration scenarios like 
+    * PhantomJS or Jenkins. The properties of the details argument are listed below as options.
+    *
+    * @param callback Callback to execute.
+    */
+    log(callback: (details: LogCallbackObject) => any): any;
+
+    /**
+    * Register a callback to fire whenever a module ends.
+    *
+    * @param callback Callback to execute.
+    */
+    moduleDone(callback: (details: ModuleDoneCallbackObject) => any): any;
+
+    /**
+    * Register a callback to fire whenever a module begins.
+    *
+    * @param callback Callback to execute.
+    */
+    moduleStart(callback: (details: ModuleStartCallbackObject) => any): any;
+
+    /**
+    * Register a callback to fire whenever a test ends.
+    *
+    * @param callback Callback to execute.
+    */
+    testDone(callback: (details: TestDoneCallbackObject) => any): any;
+
+    /**
+    * Register a callback to fire whenever a test begins.
+    *
+    * @param callback Callback to execute.
+    */
+    testStart(callback: (details: TestStartCallbackObject) => any): any;
+    
+    /* CONFIGURATION */
+
+    /**
+    * QUnit has a bunch of internal configuration defaults, some of which are 
+    * useful to override. Check the description for each option for details.
+    */
+    config: Config;
+    
+    /* TEST */
+
+    /**
+    * Add an asynchronous test to run. The test must include a call to start().
+    *
+    * For testing asynchronous code, asyncTest will automatically stop the test runner 
+    * and wait for your code to call start() to continue.
+    *
+    * @param name Title of unit being tested
+    * @param expected Number of assertions in this test
+    * @param test Function to close over assertions
+    */
+    asyncTest(name: string, expected: number, test: (assert: QUnitAssert) => any): any;
+
+    /**
+    * Add an asynchronous test to run. The test must include a call to start().
+    *
+    * For testing asynchronous code, asyncTest will automatically stop the test runner 
+    * and wait for your code to call start() to continue.
+    *
+    * @param name Title of unit being tested
+    * @param test Function to close over assertions
+    */
+    asyncTest(name: string, test: (assert: QUnitAssert) => any): any;
+
+    /**
+    * Specify how many assertions are expected to run within a test.
+    *
+    * To ensure that an explicit number of assertions are run within any test, use 
+    * expect( number ) to register an expected count. If the number of assertions 
+    * run does not match the expected count, the test will fail.
+    *
+    * @param amount Number of assertions in this test.
+    * @depricated since version 1.16
+    */
+    expect(amount: number): any;
+    
+    /**
+    * Copy the properties defined by the mixin object into the target object.
+    * 
+    * This method will modify the target object to contain the "own" properties defined 
+    * by the mixin. If the mixin object specifies the value of any attribute as undefined, 
+    * this property will instead be removed from the target object.
+    *
+    * @param target An object whose properties are to be modified
+    * @param mixin An object describing which properties should be modified
+    */
+    extend(target: any, mixin: any): any;
+
+    /**
+    * Group related tests under a single label.
+    *
+    * All tests that occur after a call to module() will be grouped into that module. 
+    * The test names will all be preceded by the module name in the test results. 
+    * You can then use that module name to select tests to run.
+    *
+    * @param name Label for this group of tests
+    * @param lifecycle Callbacks to run before and after each test
+    */
+    module(name: string, lifecycle?: LifecycleObject): any;
+
+    /**
+    * Add a test to run.
+    *
+    * When testing the most common, synchronous code, use test().
+    * The assert argument to the callback contains all of QUnit's assertion methods. 
+    * If you are avoiding using any of QUnit's globals, you can use the assert 
+    * argument instead.
+    * 
+    * @param title Title of unit being tested
+    * @param expected Number of assertions in this test
+    * @param test Function to close over assertions
+    */
+    test(title: string, expected: number, test: (assert: QUnitAssert) => any): any;
+
+    /**
+    * @param title Title of unit being tested
+    * @param test Function to close over assertions
+    */
+    test(title: string, test: (assert: QUnitAssert) => any): any;
+
+    /**
+    * https://github.com/jquery/qunit/blob/master/qunit/qunit.js#L1568
+    */
+    equiv(a: any, b: any): any;
+
+    /**
+    * https://github.com/jquery/qunit/blob/master/qunit/qunit.js#L897
+    */
+    push(result: any, actual: any, expected: any, message: string): any;
+
+    /**
+    * https://github.com/jquery/qunit/blob/master/qunit/qunit.js#L839
+    */
+    reset(): any;
+}
+
+/* ASSERT */
+
+/**
+* A deep recursive comparison assertion, working on primitive types, arrays, objects, 
+* regular expressions, dates and functions.
+*
+* The deepEqual() assertion can be used just like equal() when comparing the value of 
+* objects, such that { key: value } is equal to { key: value }. For non-scalar values, 
+* identity will be disregarded by deepEqual.
+*
+* @param actual Object or Expression being tested
+* @param expected Known comparison value
+* @param message A short description of the assertion
+*/
+declare function deepEqual(actual: any, expected: any, message?: string): any;
+
+/** 
+* A non-strict comparison assertion, roughly equivalent to JUnit assertEquals.
+*
+* The equal assertion uses the simple comparison operator (==) to compare the actual 
+* and expected arguments. When they are equal, the assertion passes: any; otherwise, it fails. 
+* When it fails, both actual and expected values are displayed in the test result, 
+* in addition to a given message.
+* 
+* @param actual Expression being tested
+* @param expected Known comparison value
+* @param message A short description of the assertion
+*/
+declare function equal(actual: any, expected: any, message?: string): any;
+
+/**
+* An inverted deep recursive comparison assertion, working on primitive types, 
+* arrays, objects, regular expressions, dates and functions.
+*
+* The notDeepEqual() assertion can be used just like equal() when comparing the 
+* value of objects, such that { key: value } is equal to { key: value }. For non-scalar 
+* values, identity will be disregarded by notDeepEqual.
+* 
+* @param actual Object or Expression being tested
+* @param expected Known comparison value
+* @param message A short description of the assertion
+*/
+declare function notDeepEqual(actual: any, expected: any, message?: string): any;
+
+/**
+* A non-strict comparison assertion, checking for inequality.
+*
+* The notEqual assertion uses the simple inverted comparison operator (!=) to compare 
+* the actual and expected arguments. When they aren't equal, the assertion passes; 
+* otherwise, it fails. When it fails, both actual and expected values are displayed 
+* in the test result, in addition to a given message.
+* 
+* @param actual Expression being tested
+* @param expected Known comparison value
+* @param message A short description of the assertion
+*/
+declare function notEqual(actual: any, expected: any, message?: string): any;
+
+/**
+* A non-strict comparison assertion, checking for inequality.
+*
+* The notStrictEqual assertion uses the strict inverted comparison operator (!==) 
+* to compare the actual and expected arguments. When they aren't equal, the assertion 
+* passes; otherwise, it fails. When it fails, both actual and expected values are 
+* displayed in the test result, in addition to a given message.
+* 
+* @param actual Expression being tested
+* @param expected Known comparison value
+* @param message A short description of the assertion
+*/
+declare function notStrictEqual(actual: any, expected: any, message?: string): any;
+
+/**
+* A boolean assertion, equivalent to CommonJS’s assert.ok() and JUnit’s assertTrue(). 
+* Passes if the first argument is truthy.
+*
+* The most basic assertion in QUnit, ok() requires just one argument. If the argument 
+* evaluates to true, the assertion passes; otherwise, it fails. If a second message 
+* argument is provided, it will be displayed in place of the result.
+* 
+* @param state Expression being tested
+* @param message A short description of the assertion
+*/
+declare function ok(state: any, message?: string): any;
+
+/**
+* A strict type and value comparison assertion.
+*
+* The strictEqual() assertion provides the most rigid comparison of type and value with 
+* the strict equality operator (===)
+* 
+* @param actual Expression being tested
+* @param expected Known comparison value
+* @param message A short description of the assertion
+*/
+declare function strictEqual(actual: any, expected: any, message?: string): any;
+
+/**
+* Assertion to test if a callback throws an exception when run.
+* 
+* When testing code that is expected to throw an exception based on a specific set of 
+* circumstances, use throws() to catch the error object for testing and comparison.
+* 
+* @param block Function to execute
+* @param expected Error Object to compare
+* @param message A short description of the assertion
+*/
+declare function throws(block: () => any, expected: any, message?: string): any;
+
+/**
+* @param block Function to execute
+* @param message A short description of the assertion
+*/
+declare function throws(block: () => any, message?: string): any;
+
+/* ASYNC CONTROL */
+
+/**
+* Start running tests again after the testrunner was stopped. See stop().
+*
+* When your async test has multiple exit points, call start() for the corresponding number of stop() increments.
+* 
+* @param decrement Optional argument to merge multiple start() calls into one. Use with multiple corrsponding stop() calls.
+*/
+declare function start(decrement?: number): any;
+
+/**
+* Stop the testrunner to wait for async tests to run. Call start() to continue.
+*
+* When your async test has multiple exit points, call stop() with the increment argument, corresponding to the number of start() calls you need.
+*
+* On Blackberry 5.0, window.stop is a native read-only function. If you deal with that browser, use QUnit.stop() instead, which will work anywhere.
+*
+* @param decrement Optional argument to merge multiple stop() calls into one. Use with multiple corrsponding start() calls.
+*/
+declare function stop(increment? : number): any;
+    
+/* CALLBACKS */
+
+/**
+* Register a callback to fire whenever the test suite begins.
+*
+* QUnit.begin() is called once before running any tests. (a better would've been QUnit.start, 
+* but thats already in use elsewhere and can't be changed.)
+*
+* @param callback Callback to execute
+*/
+declare function begin(callback: () => any): any;
+
+/**
+* Register a callback to fire whenever the test suite ends.
+*
+* @param callback Callback to execute.
+*/
+declare function done(callback: (details: DoneCallbackObject) => any): any;
+
+/**
+* Register a callback to fire whenever an assertion completes.
+*
+* This is one of several callbacks QUnit provides. Its intended for integration scenarios like 
+* PhantomJS or Jenkins. The properties of the details argument are listed below as options.
+*
+* @param callback Callback to execute.
+*/
+declare function log(callback: (details: LogCallbackObject) => any): any;
+
+/**
+* Register a callback to fire whenever a module ends.
+*
+* @param callback Callback to execute.
+*/
+declare function moduleDone(callback: (details: ModuleDoneCallbackObject) => any): any;
+
+/**
+* Register a callback to fire whenever a module begins.
+*
+* @param callback Callback to execute.
+*/
+declare function moduleStart(callback: (name: string) => any): any;
+
+/**
+* Register a callback to fire whenever a test ends.
+*
+* @param callback Callback to execute.
+*/
+declare function testDone(callback: (details: TestDoneCallbackObject) => any): any;
+
+/**
+* Register a callback to fire whenever a test begins.
+*
+* @param callback Callback to execute.
+*/
+declare function testStart(callback: (details: TestStartCallbackObject) => any): any;
+    
+/* TEST */
+
+/**
+* Add an asynchronous test to run. The test must include a call to start().
+*
+* For testing asynchronous code, asyncTest will automatically stop the test runner 
+* and wait for your code to call start() to continue.
+*
+* @param name Title of unit being tested
+* @param expected Number of assertions in this test
+* @param test Function to close over assertions
+*/
+declare function asyncTest(name: string, expected?: any, test?: (assert: QUnitAssert) => any): any;
+
+/**
+* Add an asynchronous test to run. The test must include a call to start().
+*
+* For testing asynchronous code, asyncTest will automatically stop the test runner 
+* and wait for your code to call start() to continue.
+*
+* @param name Title of unit being tested
+* @param test Function to close over assertions
+*/
+declare function asyncTest(name: string, test: (assert: QUnitAssert) => any): any;
+
+/**
+* Specify how many assertions are expected to run within a test.
+*
+* To ensure that an explicit number of assertions are run within any test, use 
+* expect( number ) to register an expected count. If the number of assertions 
+* run does not match the expected count, the test will fail.
+*
+* @param amount Number of assertions in this test.
+* @depricated since version 1.16
+*/
+declare function expect(amount: number): any;
+
+// ** conflict with TypeScript module keyword. Must be used on QUnit namespace
+//declare var module: (name: string, lifecycle?: LifecycleObject) => any;
+
+/**
+* Add a test to run.
+*
+* When testing the most common, synchronous code, use test().
+* The assert argument to the callback contains all of QUnit's assertion methods. 
+* If you are avoiding using any of QUnit's globals, you can use the assert 
+* argument instead.
+* 
+* @param title Title of unit being tested
+* @param expected Number of assertions in this test
+* @param test Function to close over assertions
+*/
+declare function test(title: string, expected: number, test: (assert?: QUnitAssert) => any): any;
+
+/**
+* @param title Title of unit being tested
+* @param test Function to close over assertions
+*/
+declare function test(title: string, test: (assert?: QUnitAssert) => any): any;
+
+declare function notPropEqual(actual: any, expected: any, message?: string): any;
+
+declare function propEqual(actual: any, expected: any, message?: string): any;
+
+// https://github.com/jquery/qunit/blob/master/qunit/qunit.js#L1568
+declare function equiv(a: any, b: any): any;
+
+// https://github.com/jquery/qunit/blob/master/qunit/qunit.js#L661
+declare var raises: any;
+
+/* QUNIT */
+declare var QUnit: QUnitStatic;
diff --git a/qunit/qunit-test.ts b/qunit/qunit-test.ts
new file mode 100644
index 0000000000..b5362b4c14
--- /dev/null
+++ b/qunit/qunit-test.ts
@@ -0,0 +1,556 @@
+/// <reference path="../qunit/qunit.d.ts" />
+
+QUnit.module( "group a" );
+
+QUnit.test( "a basic test example", function( assert ) {
+  assert.ok( true, "this test is fine" );
+});
+QUnit.test( "a basic test example 2", function( assert ) {
+  assert.ok( true, "this test is fine" );
+});
+ 
+QUnit.module( "group b" );
+QUnit.test( "a basic test example 3", function( assert ) {
+  assert.ok( true, "this test is fine" );
+});
+QUnit.test( "a basic test example 4", function( assert ) {
+  assert.ok( true, "this test is fine" );
+});
+
+
+QUnit.module( "module a", function() {
+  QUnit.test( "a basic test example", function( assert ) {
+    assert.ok( true, "this test is fine" );
+  });
+});
+ 
+QUnit.module( "module b", function() {
+  QUnit.test( "a basic test example 2", function( assert ) {
+    assert.ok( true, "this test is fine" );
+  });
+ 
+  QUnit.module( "nested module b.1", function() {
+ 
+    // This test will be prefixed with the following module label:
+    // "module b > nested module b.1"
+    QUnit.test( "a basic test example 3", function( assert ) {
+      assert.ok( true, "this test is fine" );
+    });
+  });
+});
+
+QUnit.module( "module A", {
+  before: function() {
+    // prepare something once for all tests
+  },
+  beforeEach: function() {
+    // prepare something before each test
+  },
+  afterEach: function() {
+    // clean up after each test
+  },
+  after: function() {
+    // clean up once after all tests are done
+  }
+});
+
+QUnit.module( "Machine Maker", {
+  beforeEach: function() {
+    let Maker: any = () => {};
+    this.maker = new Maker();
+    this.parts = [ "wheels", "motor", "chassis" ];
+  }
+});
+ 
+QUnit.test( "makes a robot", function( assert ) {
+  this.parts.push( "arduino" );
+  assert.equal( this.maker.build( this.parts ), "robot" );
+  assert.deepEqual( this.maker.made, [ "robot" ] );
+});
+ 
+QUnit.test( "makes a car", function( assert ) {
+  assert.equal( this.maker.build( this.parts ), "car" );
+  this.maker.duplicate();
+  assert.deepEqual( this.maker.made, [ "car", "car" ] );
+});
+
+QUnit.module( "grouped tests argument hooks", function( hooks ) {
+  
+  hooks.beforeEach( function( assert ) {
+    assert.ok( true, "beforeEach called" );
+  } );
+ 
+  hooks.afterEach( function( assert ) {
+    assert.ok( true, "afterEach called" );
+  } );
+ 
+  QUnit.test( "call hooks", function( assert ) {
+    assert.expect( 2 );
+  } );
+ 
+  QUnit.module( "stacked hooks", function( hooks ) {
+ 
+    // This will run after the parent module's beforeEach hook
+    hooks.beforeEach( function( assert ) {
+      assert.ok( true, "nested beforeEach called" );
+    } );
+ 
+    // This will run before the parent module's afterEach
+    hooks.afterEach( function( assert ) {
+      assert.ok( true, "nested afterEach called" );
+    } );
+ 
+    QUnit.test( "call hooks", function( assert ) {
+      assert.expect( 4 );
+    } );
+  } );
+} );
+
+
+QUnit.test( "`ok` assertion defined in the callback parameter", function( assert ) {
+ assert.ok( true, "on the object passed to the `test` function" );
+});
+
+QUnit.begin(function( details ) {
+  console.log( "Test amount:", details.totalTests );
+});
+
+QUnit.config.autostart = false;
+// require(
+//   [ "tests/testModule1", "tests/testModule2" ],
+  (function() {
+    QUnit.start();
+  }())
+// );
+
+QUnit.test("some test", function() {
+  // a few regular assertions
+  // then a call to another tool
+  let codeUnderTest = () => {};
+  let speedTest = (name: string, cb: () => void) => cb();
+  speedTest( QUnit.config.current.testName, codeUnderTest );
+});
+
+QUnit.config.urlConfig.push({
+  id: "min",
+  label: "Minified source",
+  tooltip: "Load minified source files instead of the regular unminified ones."
+});
+
+QUnit.config.urlConfig.push({
+  id: "jquery",
+  label: "jQuery version",
+  value: [ "1.7.2", "1.8.3", "1.9.1" ],
+  tooltip: "What jQuery Core version to test against"
+});
+
+QUnit.done(function( details ) {
+  console.log( "Total: ", details.total, " Failed: ", details.failed, " Passed: ", details.passed, " Runtime: ", details.runtime );
+});
+
+QUnit.log(function( obj ) {
+ 
+    // Parse some stuff before sending it.
+    var actual = QUnit.dump.parse( obj.actual );
+    var expected = QUnit.dump.parse( obj.expected );
+ 
+    // Send it.
+    //   sendMessage( "qunit.log", obj.result, actual, expected, obj.message, obj.source );
+    console.log("qunit.log", obj.result, actual, expected, obj.message, obj.source);
+});
+
+var qHeader = document.getElementById( "qunit-header" ),
+  parsed = QUnit.dump.parse( qHeader );
+ 
+console.log( parsed );
+
+var input: any = {
+  parts: {
+    front: [],
+    back: []
+  }
+};
+QUnit.dump.maxDepth = 1;
+console.log( QUnit.dump.parse( input ) );
+// Logs: { "parts": [object Object] }
+ 
+QUnit.dump.maxDepth = 2;
+console.log( QUnit.dump.parse( input ) );
+// Logs: { "parts": { "back": [object Array], "front": [object Array] } }
+
+QUnit.test( "QUnit.extend", function( assert ) {
+  var base: any = {
+    a: 1,
+    b: 2,
+    z: 3
+  };
+  QUnit.extend( base, {
+    b: 2.5,
+    c: 3,
+    z: undefined
+  } );
+ 
+  assert.equal( base.a, 1, "Unspecified values are not modified" );
+  assert.equal( base.b, 2.5, "Existing values are updated" );
+  assert.equal( base.c, 3, "New values are defined" );
+  assert.ok( !( "z" in base ), "Values specified as `undefined` are removed" );
+});
+
+QUnit.log(function( details ) {
+  console.log( "Log: ", details.result, details.message );
+});
+
+QUnit.log(function( details ) {
+  if ( details.result ) {
+    return;
+  }
+  var loc = details.module + ": " + details.name + ": ",
+    output = "FAILED: " + loc + ( details.message ? details.message + ", " : "" );
+ 
+  if ( details.actual ) {
+    output += "expected: " + details.expected + ", actual: " + details.actual;
+  }
+  if ( details.source ) {
+    output += ", " + details.source;
+  }
+  console.log( output );
+});
+
+QUnit.moduleDone(function( details ) {
+  console.log( "Finished running: ", details.name, "Failed/total: ", details.failed, details.total );
+});
+
+QUnit.moduleStart(function( details ) {
+  console.log( "Now running: ", details.name );
+});
+
+let Robot: any = () => {};
+
+QUnit.module( "robot", {  
+  beforeEach: function() {
+    this.robot = new Robot();
+  }
+});
+ 
+QUnit.test( "say", function( assert ) {
+  assert.ok( false, "I'm not quite ready yet" );
+});
+ 
+QUnit.test( "stomp", function( assert ) {
+  assert.ok( false, "I'm not quite ready yet" );
+});
+ 
+// You're currently working on the laser feature, so we run only this test
+QUnit.only( "laser", function( assert ) {
+  assert.ok( this.robot.laser() );
+});
+
+
+QUnit.module( "robot", {
+  beforeEach: function() {
+    this.robot = new Robot();
+  }
+});
+ 
+QUnit.test( "say", function( assert ) {
+  assert.strictEqual( this.robot.say(), "Exterminate!" );
+});
+ 
+// Robot doesn't have a laser method, yet, skip this test
+// Will show up as skipped in the results
+QUnit.skip( "laser", function( assert ) {
+  assert.ok( this.robot.laser() );
+});
+
+QUnit.log( function( details ) {
+  if ( details.result ) {
+ 
+    // 5 is the line reference for the assertion method, not the following line.
+    console.log( QUnit.stack( 5 ) );
+  }
+} );
+ 
+QUnit.test( "foo", function( assert ) {
+ 
+  // the log callback will report the position of the following line.
+  assert.ok( true );
+} );
+
+QUnit.config.autostart = false;
+ 
+// require(["test/tests1.js", "test/tests2.js"], function() {
+  (() => { QUnit.start(); })()
+// });
+
+QUnit.test( "a test", function( assert ) {
+ 
+  function square( x: number ) {
+    return x * x;
+  }
+ 
+  var result = square( 2 );
+ 
+  assert.equal( result, 4, "square(2) equals 4" );
+});
+
+// declare var Promise: any;
+QUnit.test( "a Promise-returning test", function( assert ) {
+  assert.expect( 0 );
+  var thenable = new Promise(function( resolve: any, reject: any ) {
+    setTimeout(function() {
+      resolve( "result" );
+    }, 500 );
+  });
+  return thenable;
+});
+
+
+declare var $: any;
+QUnit.test( "assert.async() test", function( assert ) {
+  var done = assert.async();
+  var input = $( "#test-input" ).focus();
+  setTimeout(function() {
+    assert.equal( document.activeElement, input[0], "Input was focused" );
+    done();
+  });
+});
+
+QUnit.test( "two async calls", function( assert ) {
+  assert.expect( 2 );
+ 
+  var done1 = assert.async();
+  var done2 = assert.async();
+  setTimeout(function() {
+    assert.ok( true, "test resumed from async operation 1" );
+    done1();
+  }, 500 );
+  setTimeout(function() {
+    assert.ok( true, "test resumed from async operation 2" );
+    done2();
+  }, 150);
+});
+
+QUnit.test( "multiple call done()", function( assert ) {
+  assert.expect( 3 );
+  var done = assert.async( 3 );
+ 
+  setTimeout(function() {
+    assert.ok( true, "first call done." );
+    done();
+  }, 500 );
+ 
+  setTimeout(function() {
+    assert.ok( true, "second call done." );
+    done();
+  }, 500 );
+ 
+  setTimeout(function() {
+    assert.ok( true, "third call done." );
+    done();
+  }, 500 );
+});
+
+
+QUnit.test( "deepEqual test", function( assert ) {
+  var obj = { foo: "bar" };
+ 
+  assert.deepEqual( obj, { foo: "bar" }, "Two objects can be the same in value" );
+});
+
+QUnit.test( "ok test", function( assert ) {
+  assert.ok( true, "true succeeds" );
+  assert.ok( "non-empty", "non-empty string succeeds" );
+ 
+  assert.ok( false, "false fails" );
+  assert.ok( 0, "0 fails" );
+  assert.ok( NaN, "NaN fails" );
+  assert.ok( "", "empty string fails" );
+  assert.ok( null, "null fails" );
+  assert.ok( undefined, "undefined fails" );
+});
+
+QUnit.test( "a test", function( assert ) {
+  assert.equal( 1, "1", "String '1' and number 1 have the same value" );
+});
+
+
+QUnit.test( "equal test", function( assert ) {
+  assert.equal( 0, 0, "Zero, Zero; equal succeeds" );
+  assert.equal( "", 0, "Empty, Zero; equal succeeds" );
+  assert.equal( "", "", "Empty, Empty; equal succeeds" );
+ 
+  assert.equal( "three", 3, "Three, 3; equal fails" );
+  assert.equal( null, false, "null, false; equal fails" );
+});
+
+QUnit.test( "a test", function( assert ) {
+  assert.expect( 2 );
+ 
+  function calc( x: number, operation: (x:number)=> number ) {
+    return operation( x );
+  }
+ 
+  var result = calc( 2, function( x ) {
+    assert.ok( true, "calc() calls operation function" );
+    return x * x;
+  });
+ 
+  assert.equal( result, 4, "2 squared equals 4" );
+});
+
+
+QUnit.test( "notDeepEqual test", function( assert ) {
+  var obj = { foo: "bar" };
+ 
+  assert.notDeepEqual( obj, { foo: "bla" }, "Different object, same key, different value, not equal" );
+});
+
+
+QUnit.test( "a test", function( assert ) {
+  assert.notEqual( 1, "2", "String '2' and number 1 don't have the same value" );
+});
+
+QUnit.test( "notOk test", function( assert ) {
+  assert.notOk( false, "false succeeds" );
+  assert.notOk( "", "empty string succeeds" );
+  assert.notOk( NaN, "NaN succeeds" );
+  assert.notOk( null, "null succeeds" );
+  assert.notOk( undefined, "undefined succeeds" );
+ 
+  assert.notOk( true, "true fails" );
+  assert.notOk( 1, "1 fails" );
+  assert.notOk( "not-empty", "not-empty string fails" );
+});
+
+
+QUnit.test( "notPropEqual test", function( assert ) {
+  class Foo {
+    x: any;
+    y: any;
+    z: any;
+    constructor( x: any, y: any, z: any ) {
+      this.x = x;
+      this.y = y;
+      this.z = z;
+    }
+    
+    doA = function () {};
+    doB = function () {};
+    bar = 'prototype';
+  }
+  var foo = new Foo( 1, "2", [] );
+  var bar = new Foo( "1", 2, {} );
+  assert.notPropEqual( foo, bar, "Properties values are strictly compared." );
+});
+
+
+QUnit.test( "a test", function( assert ) {
+  assert.notStrictEqual( 1, "1", "String '1' and number 1 have the same value but not the same type" );
+});
+
+QUnit.test( "propEqual test", function( assert ) {
+  class Foo {
+    x: any;
+    y: any;
+    z: any;
+    constructor( x: any, y: any, z: any ) {
+      this.x = x;
+      this.y = y;
+      this.z = z;
+    }
+    
+    doA = function () {};
+    doB = function () {};
+    bar = 'prototype';
+  }
+ 
+  var foo = new Foo( 1, "2", [] );
+  var bar: any = {
+    x : 1,
+    y : "2",
+    z : []
+  };
+  assert.propEqual( foo, bar, "Strictly the same properties without comparing objects constructors." );
+});
+
+// QUnit.assert['mod2'] = function( value: any, expected: any, message: string ): any {
+//     var actual = value % 2;
+//     this.pushResult({
+//         result: actual === expected,
+//         actual: actual,
+//         expected: expected,
+//         message: message
+//     });
+// };
+ 
+// QUnit.test( "mod2", function( assert ) {
+//     assert.expect( 2 );
+ 
+//     assert['mod2']( 2, 0, "2 % 2 == 0" );
+//     assert['mod2']( 3, 1, "3 % 2 == 1" );
+// });
+
+QUnit.test( "throws", function( assert ) {
+ 
+ class CustomError {
+   message: string;
+   constructor(message: string) {
+      this.message = message; 
+   }
+   toString = function() {
+      return this.message;
+    }
+ }
+ 
+  assert.throws(
+    function() {
+      throw "error"
+    },
+    "throws with just a message, not using the 'expected' argument"
+  );
+ 
+  assert.throws(
+    function() {
+      throw new CustomError("some error description");
+    },
+    /description/,
+    "raised error message contains 'description'"
+  );
+ 
+  assert.throws(
+    function() {
+      throw new Error();
+    },
+    CustomError,
+    "raised error is an instance of CustomError"
+  );
+ 
+  assert.throws(
+    function() {
+      throw new CustomError("some error description");
+    },
+    new CustomError("some error description"),
+    "raised error instance matches the CustomError instance"
+  );
+ 
+  assert.throws(
+    function() {
+      throw new CustomError("some error description");
+    },
+    function( err: any ) {
+      return err.toString() === "some error description";
+    },
+    "raised error instance satisfies the callback function"
+  );
+});
+
+QUnit.module( "module", {
+  beforeEach: function( assert ) {
+    assert.ok( true, "one extra assert per test" );
+  }, afterEach: function( assert ) {
+    assert.ok( true, "and one extra assert after each test" );
+  }
+});
+QUnit.test( "test with beforeEach and afterEach", function( assert ) {
+  assert.expect( 2 );
+});
\ No newline at end of file
diff --git a/qunit/qunit-tests.ts b/qunit/qunit-tests-1.16.ts
similarity index 99%
rename from qunit/qunit-tests.ts
rename to qunit/qunit-tests-1.16.ts
index 5c56a428b9..e28dec08c9 100644
--- a/qunit/qunit-tests.ts
+++ b/qunit/qunit-tests-1.16.ts
@@ -1,4 +1,4 @@
-/// <reference path="qunit.d.ts" />
+/// <reference path="qunit-1.16.d.ts" />
 
 QUnit.test("assert.async() test", function (assert) {
     var done = assert.async();
diff --git a/qunit/qunit.d.ts b/qunit/qunit.d.ts
index a2a87e2860..d793a68c3e 100644
--- a/qunit/qunit.d.ts
+++ b/qunit/qunit.d.ts
@@ -1,798 +1,596 @@
-// Type definitions for QUnit v1.16
+// Type definitions for QUnit v2.0.1
 // Project: http://qunitjs.com/
-// Definitions by: Diullei Gomes <https://github.com/diullei>
+// Definitions by: James Bracy <https://github.com/waratuman>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-
-interface DoneCallbackObject {
+interface Assert {
     /**
-    * The number of failed assertions
-    */
-    failed: number;
+     * Instruct QUnit to wait for an asynchronous operation.
+     * 
+     * The callback returned from `assert.async()` will throw an Error if it is
+     * invoked more than once (or more often than the accepted call count, if
+     * provided).
+     *
+     * This replaces functionality previously provided by `QUnit.stop()` and
+     * `QUnit.start()`.
+     * 
+     * @param {number} [acceptCallCount=1] Number of expected callbacks before the test is done.
+     */
+    async(acceptCallCount?: number): () => void;
 
     /**
-    * The number of passed assertions
-    */
-    passed: number;
-
+     * A deep recursive comparison, working on primitive types, arrays, objects,
+     * regular expressions, dates and functions.
+     * 
+     * The `deepEqual()` assertion can be used just like `equal()` when comparing
+     * the value of objects, such that `{ key: value }` is equal to
+     * `{ key: value }`. For non-scalar values, identity will be disregarded by
+     * deepEqual.
+     * 
+     * `notDeepEqual()` can be used to explicitly test deep, strict inequality.
+     * 
+     * @param actual Object or Expression being tested
+     * @param expected Known comparision value
+     * @param {string} [message] A short description of the assertion 
+     */
+    deepEqual(actual: any, expected: any, message?: string): void;
+    
     /**
-    * The total number of assertions
-    */
-    total: number;
-
+     * A non-strict comparison, roughly equivalent to JUnit's assertEquals.
+     * 
+     * The `equal` assertion uses the simple comparison operator (`==`) to
+     * compare the actual and expected arguments. When they are equal, the
+     * assertion passes; otherwise, it fails. When it fails, both actual and
+     * expected values are displayed in the test result, in addition to a given
+     * message.
+     * 
+     *  `notEqual()` can be used to explicitly test inequality.
+     * 
+     * `strictEqual()` can be used to test strict equality.
+     * 
+     * @param actual Expression being tested
+     * @param expected Known comparison value
+     * @param {string} [message] A short description of the assertion
+     */
+    equal(actual: any, expected: any, message?: string): void;
+    
     /**
-    * The time in milliseconds it took tests to run from start to finish.
-    */
-    runtime: number;
-}
-
-interface LogCallbackObject {
+     * Specify how many assertions are expected to run within a test.
+     * 
+     * To ensure that an explicit number of assertions are run within any test,
+     * use `assert.expect( number )` to register an expected count. If the
+     * number of assertions run does not match the expected count, the test will
+     * fail.
+     * 
+     * @param {number} amount Number of assertions in this test.
+     */
+    expect(amount: number): void;
+    
     /**
-    * The boolean result of an assertion, true means passed, false means failed.
-    */
-    result: boolean;
-
+     * An inverted deep recursive comparison, working on primitive types,
+     * arrays, objects, regular expressions, dates and functions.
+     * 
+     * @param actual Object or Expression being tested
+     * @param expected Known comparison value
+     * @param {string} [message] A short description of the assertion
+     */
+    notDeepEqual(actual: any, expected: any, message?: string): void;
+    
     /**
-    * One side of a comparision assertion. Can be undefined when ok() is used.
-    */
-    actual: Object;
-
+     * A non-strict comparison, checking for inequality.
+     * 
+     * The `notEqual` assertion uses the simple inverted comparison operator
+     * (`!=`) to compare the actual and expected arguments. When they aren't
+     * equal, the assertion passes; otherwise, it fails. When it fails, both
+     * actual and expected values are displayed in the test result, in addition
+     * to a given message.
+     * 
+     * `equal()` can be used to test equality.
+     * 
+     * `notStrictEqual()` can be used to test strict inequality.
+     * 
+     * @param actual Object or Expression being tested
+     * @param expected Known comparison value
+     * @param {string} [message] A short description of the assertion
+     */
+    notEqual(actual: any, expected: any, message?: string): void;
+    
     /**
-    * One side of a comparision assertion. Can be undefined when ok() is used.
-    */
-    expected: Object;
-
+     * A boolean check, inverse of `ok()` and CommonJS's `assert.ok()`, and
+     * equivalent to JUnit's `assertFalse()`. Passes if the first argument is
+     * falsy.
+     * 
+     * `notOk()` requires just one argument. If the argument evaluates to false,
+     * the assertion passes; otherwise, it fails. If a second message argument
+     * is provided, it will be displayed in place of the result.
+     * 
+     * @param state Expression being tested
+     * @param {string} [message] A short description of the assertion
+     */
+    notOk(state: any, message?: string): void;
+    
     /**
-    * A string description provided by the assertion.
-    */
-    message: string;
-
+     * A strict comparison of an object's own properties, checking for inequality.
+     * 
+     * The `notPropEqual` assertion uses the strict inverted comparison operator
+     * (`!==`) to compare the actual and expected arguments as Objects regarding
+     * only their properties but not their constructors.
+     * 
+     * When they aren't equal, the assertion passes; otherwise, it fails. When
+     * it fails, both actual and expected values are displayed in the test
+     * result, in addition to a given message.
+     * 
+     * `equal()` can be used to test equality.
+     * 
+     * `propEqual()` can be used to test strict equality of an Object properties.
+     * 
+     * @param actual Object or Expression being tested
+     * @param expected Known comparison value
+     * @param {string} [message] A short description of the assertion
+     */
+    notPropEqual(actual: any, expected: any, message?: string): void;
+    
     /**
-    * The associated stacktrace, either from an exception or pointing to the source 
-    * of the assertion. Depends on browser support for providing stacktraces, so can be 
-    * undefined.
-    */
-    source: string;
-}
-
-interface ModuleStartCallbackObject {
+     * A strict comparison, checking for inequality.
+     * 
+     * The `notStrictEqual` assertion uses the strict inverted comparison
+     * operator (`!==`) to compare the actual and expected arguments. When they
+     * aren't equal, the assertion passes; otherwise, it fails. When it fails,
+     * both actual and expected values are displayed in the test result, in
+     * addition to a given message.
+     * 
+     * `equal()` can be used to test equality.
+     * 
+     * `strictEqual()` can be used to test strict equality.
+     * 
+     * @param actual Object or Expression being tested
+     * @param expected Known comparison value
+     * @param {string} [message] A short description of the assertion
+     */
+    notStrictEqual(actual: any, expected: any, message?: string): void;
+    
     /**
-    * Name of the next module to run
-    */
-    name: string;
-}
-
-interface ModuleDoneCallbackObject {
+     * A boolean check, equivalent to CommonJS's assert.ok() and JUnit's
+     * assertTrue(). Passes if the first argument is truthy.
+     * 
+     * The most basic assertion in QUnit, ok() requires just one argument. If
+     * the argument evaluates to true, the assertion passes; otherwise, it
+     * fails. If a second message argument is provided, it will be displayed in
+     * place of the result.
+     * 
+     * @param state Expression being tested
+     * @param {string} message A short description of the assertion
+     */
+    ok(state: any, message?: string): void;
+    
     /**
-    * Name of this module
-    */
-    name: string;
-
+     * A strict type and value comparison of an object's own properties.
+     * 
+     * The `propEqual()` assertion provides strictly (`===`) comparison of
+     * Object properties. Unlike `deepEqual()`, this assertion can be used to
+     * compare two objects made with different constructors and prototype.
+     * 
+     * `strictEqual()` can be used to test strict equality.
+     * 
+     * `notPropEqual()` can be used to explicitly test strict inequality of
+     * Object properties.
+     * 
+     * @param actual Object or Expression being tested
+     * @param expected Known comparison value
+     * @param {string} [message] A short description of the assertion
+     */
+    propEqual(actual: any, expected: any, message?: string): void;
+    
     /**
-    * The number of failed assertions
-    */
-    failed: number;
-
+     * Report the result of a custom assertion
+     * 
+     * Some test suites may need to express an expectation that is not defined
+     * by any of QUnit's built-in assertions. This need may be met by
+     * encapsulating the expectation in a JavaScript function which returns a
+     * `Boolean` value representing the result; this value can then be passed
+     * into QUnit's `ok` assertion.
+     * 
+     * A more readable solution would involve defining a custom assertion. If
+     * the expectation function invokes `pushResult`, QUnit will be notified of
+     * the result and report it accordingly.
+     * 
+     * @param assertionResult The assertion result
+     */
+    pushResult(assertResult: {
+        result: boolean;
+        actual: any;
+        expected: any;
+        message: string;
+    }): void;
+    
     /**
-    * The number of passed assertions
-    */
-    passed: number;
-
+     * A strict type and value comparison.
+     * 
+     * The `strictEqual()` assertion provides the most rigid comparison of type
+     * and value with the strict equality operator (`===`).
+     * 
+     * `equal()` can be used to test non-strict equality.
+     * 
+     * `notStrictEqual()` can be used to explicitly test strict inequality.
+     * 
+     * @param actual Object or Expression being tested
+     * @param expected Known comparison value
+     * @param {string} [message] A short description of the assertion
+     */
+    strictEqual(actual: any, expected: any, message?: string): void;
+    
     /**
-    * The total number of assertions
-    */
-    total: number;
-}
-
-interface TestDoneCallbackObject {
-    /**
-    * TName of the next test to run
-    */
-    name: string;
-
-    /**
-    * Name of the current module
-    */
-    module: string;
-
-    /**
-    * The number of failed assertions
-    */
-    failed: number;
-
-    /**
-    * The number of passed assertions
-    */
-    passed: number;
-
-    /**
-    * The total number of assertions
-    */
-    total: number;
-
-    /**
-    * The total runtime, including setup and teardown
-    */
-    duration: number;
-}
-
-interface TestStartCallbackObject {
-    /**
-    * Name of the next test to run
-    */
-    name: string;
-
-    /**
-    * Name of the current module
-    */
-    module: string;
+     * Test if a callback throws an exception, and optionally compare the thrown
+     * error.
+     * 
+     * When testing code that is expected to throw an exception based on a
+     * specific set of circumstances, use assert.throws() to catch the error
+     * object for testing and comparison.
+     * 
+     * In very few environments, like Closure Compiler, throws is considered a
+     * reserved word and will cause an error. For that case, an alias is bundled
+     * called `raises`. It has the same signature and behaviour, just a
+     * different name.
+     */
+    throws(block: () => void, expected?: any, message?: any): void;
+    raises(block: () => void, expected?: any, message?: any): void;
+ 
 }
 
 interface Config {
     altertitle: boolean;
     autostart: boolean;
-    current: Object;
+    collapse: boolean;
+    current: any;
+    filter: string | RegExp
+    fixture: string;
+    hidepassed: boolean;
+    maxDepth: number;
+    module: string;
+    moduleId: string[];
+    notrycatch: boolean;
+    noglobals: boolean;
+    seed: string;
     reorder: boolean;
     requireExpects: boolean;
+    testId: string[];
     testTimeout: number;
-    urlConfig: Array<URLConfigItem>;
-    done: any;
+    scrolltop: boolean;
+    urlConfig: {
+        id?: string;
+        label?: string;
+        tooltip?: string;
+        value?: string | string[] | { [key: string]: string }
+    }[];
 }
 
-interface URLConfigItem {
-    id: string;
-    label: string;
-    tooltip: string;
-}
+interface Hooks {
 
-interface LifecycleObject {
     /**
-     * Runs before each test
-     * @param assert
+     * Runs after the last test. If additional tests are defined after the
+     * module's queue has emptied, it will not run this hook again.
+     */    
+    after?: (assert: Assert) => void;
+
+    /**
+     * Runs after each test.
+     */
+    afterEach?: (assert: Assert) => void;
+
+    /**
+     * Runs before the first test.
+     */
+    before?: (assert: Assert) => void;
+
+    /**
+     * Runs before each test.
+     */
+    beforeEach?: (assert: Assert) => void;
+
+}
+
+interface NestedHooks {
+    /**
+     * Runs after the last test. If additional tests are defined after the
+     * module's queue has emptied, it will not run this hook again.
+     */    
+    after: (fn: (assert: Assert) => void) => void;
+
+    /**
+     * Runs after each test.
+     */
+    afterEach: (fn: (assert: Assert) => void) => void;
+
+    /**
+     * Runs before the first test.
+     */
+    before: (fn: (assert: Assert) => void) => void;
+
+    /**
+     * Runs before each test.
+     */
+    beforeEach: (fn: (assert: Assert) => void) => void;
+    
+}
+
+interface QUnit {
+    
+    /**
+     * Namespace for QUnit assertions
+     * 
+     * QUnit's built-in assertions are defined on the `QUnit.assert` object. An
+     * instance of this object is passed as the only argument to the `QUnit.test`
+     * function callback.
+     * 
+     * This object has properties for each of QUnit's built-in assertion methods.
+     */
+    assert: Assert;
+
+    /**
+     * Register a callback to fire whenever the test suite begins.
+     * 
+     * `QUnit.begin()` is called once before running any tests.
+     * 
+     * @callback callback Callback to execute.
+     */
+    begin(callback: (details: { totalTests: number }) => void): void;
+
+    /**
+     * Configuration for QUnit
+     * 
+     * QUnit has a bunch of internal configuration defaults, some of which are
+     * useful to override. Check the description for each option for details.
+     */
+    config: Config
+
+    /**
+     * Register a callback to fire whenever the test suite ends.
+     * 
+     * @param callback Callback to execute
+     */
+    done(callback: (details: { failed: number, passed: number, total: number, runtime: number }) => void): void;
+
+    /**
+     * Advanced and extensible data dumping for JavaScript.
+     * 
+     * This method does string serialization by parsing data structures and
+     * objects. It parses DOM elements to a string representation of their outer
+     * HTML. By default, nested structures will be displayed up to five levels
+     * deep. Anything beyond that is replaced by `[object Object]` and
+     * `[object Array]` placeholders.
+     * 
+     * If you need more or less output, change the value of `QUnit.dump.maxDepth`,
+     * representing how deep the elements should be parsed.
+     * 
+     * Note: This method used to be in QUnit.jsDump, which was changed to
+     * QUnit.dump. The old property will be removed in QUnit 3.0.
+     */
+    dump: {
+        maxDepth: number;
+        parse(data: any): string
+    };
+
+    /**
+     * Copy the properties defined by the `mixin` object into the `target` object.
+     * 
+     * This method will modify the `target` object to contain the "own" properties
+     * defined by the `mixin`. If the `mixin` object specifies the value of any
+     * attribute as undefined, this property will instead be removed from the
+     * `target` object.
+     * 
+     * @param target An object whose properties are to be modified
+     * @param mixin An object describing which properties should be modified
+     */
+    extend(target: any, mixin: any): void;
+
+    /**
+     * Register a callback to fire whenever an assertion completes.
+     * 
+     * This is one of several callbacks QUnit provides. Its intended for
+     * integration scenarios like PhantomJS or Jenkins. The properties of the
+     * details argument are listed below as options.
+     * 
+     * @param callback Callback to execute 
+     */
+    log(callback: (details: {
+        result: boolean,
+        actual: any;
+        expected: any;
+        message: string;
+        source: string;
+        module: string;
+        name: string;
+        runtime: number;
+    }) => void): void;
+
+    /**
+     * Group related tests under a single label.
+     *
+     * You can use the module name to organize, select, and filter tests to run.
+     * 
+     * All tests inside a module callback function will be grouped into that
+     * module. The test names will all be preceded by the module name in the
+     * test results. Other modules can be nested inside this callback function,
+     * where their tests' names will be labeled by their names recursively
+     * prefixed by their parent modules.
+     * 
+     * If `QUnit.module` is defined without a `nested` callback argument, all
+     * subsequently defined tests will be grouped into the module until another
+     * module is defined.
+     * 
+     * Modules with test group functions allow you to define nested modules, and
+     * QUnit will run tests on the parent module before going deep on the nested
+     * ones, even if they're declared first. Additionally, any hook callbacks on
+     * a parent module will wrap the hooks on a nested module. In other words,
+     * `before` and `beforeEach` callbacks will form a queue while the
+     * `afterEach` and `after` callbacks will form a stack.
+     * 
+     * You can specify code to run before and after tests using the hooks
+     * argument, and also to create properties that will be shared on the
+     * testing context. Any additional properties on the `hooks` object will be
+     * added to that context. The `hooks` argument is still optional if you call
+     * `QUnit.module` with a callback argument.
+     * 
+     * The module's callback is invoked with the test environment as its `this`
+     * context, with the environment's properties copied to the module's tests,
+     * hooks, and nested modules. Note that changes on tests' `this` are not
+     * preserved between sibling tests, where `this` will be reset to the initial
+     * value for each test.
+     *  
+     * @param {string} name Label for this group of tests
+     * @param hookds Callbacks to run during test execution
+     * @param nested A callback with grouped tests and nested modules to run under the current module label
+     */
+    module(name: string, hooks?: Hooks, nested?: (hooks: NestedHooks) => void): void;
+    module(name: string, nested?: (hooks: NestedHooks) => void): void;
+
+    /**
+     * Register a callback to fire whenever a module ends.
+     * 
+     * @param callback Callback to execute
+     */
+    moduleDone(callback: (details: {
+        name: string;
+        failed: number;
+        passed: number;
+        total: number;
+        runtime: number;
+    }) => void): void;
+
+    /**
+     * Register a callback to fire whenever a module begins.
+     * 
+     * @param callback Callback to execute
+     */
+    moduleStart(callback: (details: { name: string }) => void): void;
+
+    /**
+     * Adds a test to exclusively run, preventing all other tests from running.
+     * 
+     * Use this method to focus your test suite on a specific test. QUnit.only
+     * will cause any other tests in your suite to be ignored.
+     * 
+     * Note, that if more than one QUnit.only is present only the first instance
+     * will run.
+     * 
+     * This is an alternative to filtering tests to run in the HTML reporter. It
+     * is especially useful when you use a console reporter or in a codebase
+     * with a large set of long running tests.
+     * 
+     * @param {string} name Title of unit being tested
+     * @param callback Function to close over assertions
+     */
+    only(name: string, callback: (assert: Assert) => void): void;
+
+    /**
+     * DEPRECATED: Report the result of a custom assertion.
+     * 
+     * This method is deprecated and it's recommended to use pushResult on its
+     * direct reference in the assertion context.
+     * 
+     * QUnit.push reflects to the current running test, and it may leak
+     * assertions in asynchronous mode. Checkout assert.pushResult() to set a
+     * proper custom assertion.
+     * 
+     * Invoking QUnit.push allows to create a readable expectation that is not
+     * defined by any of QUnit's built-in assertions.
+     * 
      * @deprecated
      */
-    setup?: (assert: QUnitAssert) => void;
+    push(result: boolean, actual: any, expected: any, message: string): void;
 
     /**
-     * Runs after each test
-     * @param assert
-     * @deprecated
+     * Adds a test like object to be skipped.
+     * 
+     * Use this method to replace QUnit.test() instead of commenting out entire
+     * tests.
+     * 
+     * This test's prototype will be listed on the suite as a skipped test,
+     * ignoring the callback argument and the respective global and module's
+     * hooks.
+     * 
+     * @param {string} Title of unit being tested
      */
-    teardown?: (assert: QUnitAssert) => void;
-    /**
-     * Runs before each test
-     * @param assert
-     */
-    beforeEach?: (assert: QUnitAssert) => void;
-    /**
-     * Runs after each test
-     * @param assert
-     */
-    afterEach?: (assert: QUnitAssert) => void;
+    skip(name: string, callback?: (assert: Assert) => void): void;
 
     /**
-     * Any additional properties on the hooks object will be added to that context.
+     * Returns a single line string representing the stacktrace (call stack).
+     * 
+     * This method returns a single line string representing the stacktrace from
+     * where it was called. According to its offset argument, `QUnit.stack()` will
+     * return the correspondent line from the call stack.
+     * 
+     * The default `offset` is `0` and will return the current location where it
+     * was called.
+     * 
+     * Not all browsers support retrieving stracktraces. In those, `QUnit.stack()`
+     * will return undefined.
+     * 
+     * @param {number} offset Set the stacktrace line offset.
      */
-    [property: string]: any;
+    stack(offset?: number): string;
+
+    /**
+     * `QUnit.start()` must be used to start a test run that has
+     * `QUnit.config.autostart` set to `false`.
+     * 
+     * This method was previously used to control async tests on text contexts
+     * along with QUnit.stop. For asynchronous tests, use assert.async instead.
+     * 
+     * When your async test has multiple exit points, call `QUnit.start()` for the
+     * corresponding number of `QUnit.stop()` increments.
+     */
+    start(): void;
+
+    /**
+     * Add a test to run.
+     * 
+     * Add a test to run using `QUnit.test()`.
+     * 
+     * The `assert` argument to the callback contains all of QUnit's assertion
+     * methods. Use this argument to call your test assertions.
+     *
+     * `QUnit.test()` can automatically handle the asynchronous resolution of a
+     * Promise on your behalf if you return a thenable Promise as the result of
+     * your callback function.
+     * 
+     * @param {string} Title of unit being tested
+     * @param callback Function to close over assertions
+     */
+    test(name: string, callback: (assert: Assert) => void): void;
+
+    /**
+     * Register a callback to fire whenever a test ends.
+     * 
+     * @param callback Callback to execute
+     */
+    testDone(callback: (details: {
+        name: string;
+        module: string;
+        failed: number;
+        passed: number;
+        total: number;
+        runtime: number;
+    }) => void): void;
+
+    /**
+     * Register a callback to fire whenever a test begins.
+     * 
+     * @param callback Callback to execute
+     */
+    testStart(callback: (details: { name: string; module: string;}) => void): void;
+
+    /**
+     * Are the test running from the server or not.
+     */ 
+    isLocal: boolean;
+
+    /**
+    * QUnit version
+    */
+    version: string;
+
 }
 
-interface QUnitAssert {
-    /* ASSERT */
-    assert: any;
-    current_testEnvironment: any;
-    jsDump: any;
-
-    /**
-    * Instruct QUnit to wait for an asynchronous operation.
-    * 
-    * When your test has any asynchronous exit points, call assert.async() to get a unique
-    * resolution callback for each async operation. The callback returned from assert.async()
-    * will throw an Error if is invoked more than once.
-    */
-    async(): () => void;
-
-    /**
-    * A deep recursive comparison assertion, working on primitive types, arrays, objects, 
-    * regular expressions, dates and functions.
-    *
-    * The deepEqual() assertion can be used just like equal() when comparing the value of 
-    * objects, such that { key: value } is equal to { key: value }. For non-scalar values, 
-    * identity will be disregarded by deepEqual.
-    *
-    * @param actual Object or Expression being tested
-    * @param expected Known comparison value
-    * @param message A short description of the assertion
-    */
-    deepEqual(actual: any, expected: any, message?: string): any;
-
-    /** 
-    * A non-strict comparison assertion, roughly equivalent to JUnit assertEquals.
-    *
-    * The equal assertion uses the simple comparison operator (==) to compare the actual 
-    * and expected arguments. When they are equal, the assertion passes: any; otherwise, it fails. 
-    * When it fails, both actual and expected values are displayed in the test result, 
-    * in addition to a given message.
-    * 
-    * @param actual Expression being tested
-    * @param expected Known comparison value
-    * @param message A short description of the assertion
-    */
-    equal(actual: any, expected: any, message?: string): any;
-
-    /**
-    * Specify how many assertions are expected to run within a test.
-    *
-    * To ensure that an explicit number of assertions are run within any test, use 
-    * expect( number ) to register an expected count. If the number of assertions 
-    * run does not match the expected count, the test will fail.
-    *
-    * @param amount Number of assertions in this test.
-    */
-    expect(amount: number): any;
-
-    /**
-    * An inverted deep recursive comparison assertion, working on primitive types, 
-    * arrays, objects, regular expressions, dates and functions.
-    *
-    * The notDeepEqual() assertion can be used just like equal() when comparing the 
-    * value of objects, such that { key: value } is equal to { key: value }. For non-scalar 
-    * values, identity will be disregarded by notDeepEqual.
-    * 
-    * @param actual Object or Expression being tested
-    * @param expected Known comparison value
-    * @param message A short description of the assertion
-    */
-    notDeepEqual(actual: any, expected: any, message?: string): any;
-
-    /**
-    * A non-strict comparison assertion, checking for inequality.
-    *
-    * The notEqual assertion uses the simple inverted comparison operator (!=) to compare 
-    * the actual and expected arguments. When they aren't equal, the assertion passes: any; 
-    * otherwise, it fails. When it fails, both actual and expected values are displayed 
-    * in the test result, in addition to a given message.
-    * 
-    * @param actual Expression being tested
-    * @param expected Known comparison value
-    * @param message A short description of the assertion
-    */
-    notEqual(actual: any, expected: any, message?: string): any;
-
-    notPropEqual(actual: any, expected: any, message?: string): any;
-
-    propEqual(actual: any, expected: any, message?: string): any;
-
-    /**
-    * A non-strict comparison assertion, checking for inequality.
-    *
-    * The notStrictEqual assertion uses the strict inverted comparison operator (!==) 
-    * to compare the actual and expected arguments. When they aren't equal, the assertion 
-    * passes: any; otherwise, it fails. When it fails, both actual and expected values are 
-    * displayed in the test result, in addition to a given message.
-    * 
-    * @param actual Expression being tested
-    * @param expected Known comparison value
-    * @param message A short description of the assertion
-    */
-    notStrictEqual(actual: any, expected: any, message?: string): any;
-
-    /**
-    * A boolean assertion, equivalent to CommonJS’s assert.ok() and JUnit’s assertTrue(). 
-    * Passes if the first argument is truthy.
-    *
-    * The most basic assertion in QUnit, ok() requires just one argument. If the argument 
-    * evaluates to true, the assertion passes; otherwise, it fails. If a second message 
-    * argument is provided, it will be displayed in place of the result.
-    * 
-    * @param state Expression being tested
-    * @param message A short description of the assertion
-    */
-    ok(state: any, message?: string): any;
-
-    /**
-    * A strict type and value comparison assertion.
-    *
-    * The strictEqual() assertion provides the most rigid comparison of type and value with 
-    * the strict equality operator (===)
-    * 
-    * @param actual Expression being tested
-    * @param expected Known comparison value
-    * @param message A short description of the assertion
-    */
-    strictEqual(actual: any, expected: any, message?: string): any;
-
-    /**
-    * Assertion to test if a callback throws an exception when run.
-    * 
-    * When testing code that is expected to throw an exception based on a specific set of 
-    * circumstances, use throws() to catch the error object for testing and comparison.
-    * 
-    * @param block Function to execute
-    * @param expected Error Object to compare
-    * @param message A short description of the assertion
-    */
-    throws(block: () => any, expected: any, message?: string): any;
-
-    /**
-    * @param block Function to execute
-    * @param message A short description of the assertion
-    */
-    throws(block: () => any, message?: string): any;
-
-    /**
-    * Alias of throws.
-    * 
-    * In very few environments, like Closure Compiler, throws is considered a reserved word
-    * and will cause an error. For that case, an alias is bundled called raises. It has the
-    * same signature and behaviour, just a different name.
-    * 
-    * @param block Function to execute
-    * @param expected Error Object to compare
-    * @param message A short description of the assertion
-    */
-    raises(block: () => any, expected: any, message?: string): any;
-
-    /**
-    * Alias of throws.
-    * 
-    * In very few environments, like Closure Compiler, throws is considered a reserved word
-    * and will cause an error. For that case, an alias is bundled called raises. It has the
-    * same signature and behaviour, just a different name.
-    * 
-    * @param block Function to execute
-    * @param message A short description of the assertion
-    */
-    raises(block: () => any, message?: string): any;
-}
-
-interface QUnitStatic extends QUnitAssert {    
-    /* ASYNC CONTROL */
-
-    /**
-    * Start running tests again after the testrunner was stopped. See stop().
-    *
-    * When your async test has multiple exit points, call start() for the corresponding number of stop() increments.
-    * 
-    * @param decrement Optional argument to merge multiple start() calls into one. Use with multiple corrsponding stop() calls.
-    */
-    start(decrement?: number): any;
-
-    /**
-    * Stop the testrunner to wait for async tests to run. Call start() to continue.
-    *
-    * When your async test has multiple exit points, call stop() with the increment argument, corresponding to the number of start() calls you need.
-    *
-    * On Blackberry 5.0, window.stop is a native read-only function. If you deal with that browser, use QUnit.stop() instead, which will work anywhere.
-    *
-    * @param decrement Optional argument to merge multiple stop() calls into one. Use with multiple corrsponding start() calls.
-    */
-    stop(increment? : number): any;
-    
-    /* CALLBACKS */
-
-    /**
-    * Register a callback to fire whenever the test suite begins.
-    *
-    * QUnit.begin() is called once before running any tests. (a better would've been QUnit.start, 
-    * but thats already in use elsewhere and can't be changed.)
-    *
-    * @param callback Callback to execute
-    */
-    begin(callback: () => any): any;
-
-    /**
-    * Register a callback to fire whenever the test suite ends.
-    *
-    * @param callback Callback to execute.
-    */
-    done(callback: (details: DoneCallbackObject) => any): any;
-
-    /**
-    * Register a callback to fire whenever an assertion completes.
-    *
-    * This is one of several callbacks QUnit provides. Its intended for integration scenarios like 
-    * PhantomJS or Jenkins. The properties of the details argument are listed below as options.
-    *
-    * @param callback Callback to execute.
-    */
-    log(callback: (details: LogCallbackObject) => any): any;
-
-    /**
-    * Register a callback to fire whenever a module ends.
-    *
-    * @param callback Callback to execute.
-    */
-    moduleDone(callback: (details: ModuleDoneCallbackObject) => any): any;
-
-    /**
-    * Register a callback to fire whenever a module begins.
-    *
-    * @param callback Callback to execute.
-    */
-    moduleStart(callback: (details: ModuleStartCallbackObject) => any): any;
-
-    /**
-    * Register a callback to fire whenever a test ends.
-    *
-    * @param callback Callback to execute.
-    */
-    testDone(callback: (details: TestDoneCallbackObject) => any): any;
-
-    /**
-    * Register a callback to fire whenever a test begins.
-    *
-    * @param callback Callback to execute.
-    */
-    testStart(callback: (details: TestStartCallbackObject) => any): any;
-    
-    /* CONFIGURATION */
-
-    /**
-    * QUnit has a bunch of internal configuration defaults, some of which are 
-    * useful to override. Check the description for each option for details.
-    */
-    config: Config;
-    
-    /* TEST */
-
-    /**
-    * Add an asynchronous test to run. The test must include a call to start().
-    *
-    * For testing asynchronous code, asyncTest will automatically stop the test runner 
-    * and wait for your code to call start() to continue.
-    *
-    * @param name Title of unit being tested
-    * @param expected Number of assertions in this test
-    * @param test Function to close over assertions
-    */
-    asyncTest(name: string, expected: number, test: (assert: QUnitAssert) => any): any;
-
-    /**
-    * Add an asynchronous test to run. The test must include a call to start().
-    *
-    * For testing asynchronous code, asyncTest will automatically stop the test runner 
-    * and wait for your code to call start() to continue.
-    *
-    * @param name Title of unit being tested
-    * @param test Function to close over assertions
-    */
-    asyncTest(name: string, test: (assert: QUnitAssert) => any): any;
-
-    /**
-    * Specify how many assertions are expected to run within a test.
-    *
-    * To ensure that an explicit number of assertions are run within any test, use 
-    * expect( number ) to register an expected count. If the number of assertions 
-    * run does not match the expected count, the test will fail.
-    *
-    * @param amount Number of assertions in this test.
-    * @depricated since version 1.16
-    */
-    expect(amount: number): any;
-    
-    /**
-    * Copy the properties defined by the mixin object into the target object.
-    * 
-    * This method will modify the target object to contain the "own" properties defined 
-    * by the mixin. If the mixin object specifies the value of any attribute as undefined, 
-    * this property will instead be removed from the target object.
-    *
-    * @param target An object whose properties are to be modified
-    * @param mixin An object describing which properties should be modified
-    */
-    extend(target: any, mixin: any): any;
-
-    /**
-    * Group related tests under a single label.
-    *
-    * All tests that occur after a call to module() will be grouped into that module. 
-    * The test names will all be preceded by the module name in the test results. 
-    * You can then use that module name to select tests to run.
-    *
-    * @param name Label for this group of tests
-    * @param lifecycle Callbacks to run before and after each test
-    */
-    module(name: string, lifecycle?: LifecycleObject): any;
-
-    /**
-    * Add a test to run.
-    *
-    * When testing the most common, synchronous code, use test().
-    * The assert argument to the callback contains all of QUnit's assertion methods. 
-    * If you are avoiding using any of QUnit's globals, you can use the assert 
-    * argument instead.
-    * 
-    * @param title Title of unit being tested
-    * @param expected Number of assertions in this test
-    * @param test Function to close over assertions
-    */
-    test(title: string, expected: number, test: (assert: QUnitAssert) => any): any;
-
-    /**
-    * @param title Title of unit being tested
-    * @param test Function to close over assertions
-    */
-    test(title: string, test: (assert: QUnitAssert) => any): any;
-
-    /**
-    * https://github.com/jquery/qunit/blob/master/qunit/qunit.js#L1568
-    */
-    equiv(a: any, b: any): any;
-
-    /**
-    * https://github.com/jquery/qunit/blob/master/qunit/qunit.js#L897
-    */
-    push(result: any, actual: any, expected: any, message: string): any;
-
-    /**
-    * https://github.com/jquery/qunit/blob/master/qunit/qunit.js#L839
-    */
-    reset(): any;
-}
-
-/* ASSERT */
-
-/**
-* A deep recursive comparison assertion, working on primitive types, arrays, objects, 
-* regular expressions, dates and functions.
-*
-* The deepEqual() assertion can be used just like equal() when comparing the value of 
-* objects, such that { key: value } is equal to { key: value }. For non-scalar values, 
-* identity will be disregarded by deepEqual.
-*
-* @param actual Object or Expression being tested
-* @param expected Known comparison value
-* @param message A short description of the assertion
-*/
-declare function deepEqual(actual: any, expected: any, message?: string): any;
-
-/** 
-* A non-strict comparison assertion, roughly equivalent to JUnit assertEquals.
-*
-* The equal assertion uses the simple comparison operator (==) to compare the actual 
-* and expected arguments. When they are equal, the assertion passes: any; otherwise, it fails. 
-* When it fails, both actual and expected values are displayed in the test result, 
-* in addition to a given message.
-* 
-* @param actual Expression being tested
-* @param expected Known comparison value
-* @param message A short description of the assertion
-*/
-declare function equal(actual: any, expected: any, message?: string): any;
-
-/**
-* An inverted deep recursive comparison assertion, working on primitive types, 
-* arrays, objects, regular expressions, dates and functions.
-*
-* The notDeepEqual() assertion can be used just like equal() when comparing the 
-* value of objects, such that { key: value } is equal to { key: value }. For non-scalar 
-* values, identity will be disregarded by notDeepEqual.
-* 
-* @param actual Object or Expression being tested
-* @param expected Known comparison value
-* @param message A short description of the assertion
-*/
-declare function notDeepEqual(actual: any, expected: any, message?: string): any;
-
-/**
-* A non-strict comparison assertion, checking for inequality.
-*
-* The notEqual assertion uses the simple inverted comparison operator (!=) to compare 
-* the actual and expected arguments. When they aren't equal, the assertion passes; 
-* otherwise, it fails. When it fails, both actual and expected values are displayed 
-* in the test result, in addition to a given message.
-* 
-* @param actual Expression being tested
-* @param expected Known comparison value
-* @param message A short description of the assertion
-*/
-declare function notEqual(actual: any, expected: any, message?: string): any;
-
-/**
-* A non-strict comparison assertion, checking for inequality.
-*
-* The notStrictEqual assertion uses the strict inverted comparison operator (!==) 
-* to compare the actual and expected arguments. When they aren't equal, the assertion 
-* passes; otherwise, it fails. When it fails, both actual and expected values are 
-* displayed in the test result, in addition to a given message.
-* 
-* @param actual Expression being tested
-* @param expected Known comparison value
-* @param message A short description of the assertion
-*/
-declare function notStrictEqual(actual: any, expected: any, message?: string): any;
-
-/**
-* A boolean assertion, equivalent to CommonJS’s assert.ok() and JUnit’s assertTrue(). 
-* Passes if the first argument is truthy.
-*
-* The most basic assertion in QUnit, ok() requires just one argument. If the argument 
-* evaluates to true, the assertion passes; otherwise, it fails. If a second message 
-* argument is provided, it will be displayed in place of the result.
-* 
-* @param state Expression being tested
-* @param message A short description of the assertion
-*/
-declare function ok(state: any, message?: string): any;
-
-/**
-* A strict type and value comparison assertion.
-*
-* The strictEqual() assertion provides the most rigid comparison of type and value with 
-* the strict equality operator (===)
-* 
-* @param actual Expression being tested
-* @param expected Known comparison value
-* @param message A short description of the assertion
-*/
-declare function strictEqual(actual: any, expected: any, message?: string): any;
-
-/**
-* Assertion to test if a callback throws an exception when run.
-* 
-* When testing code that is expected to throw an exception based on a specific set of 
-* circumstances, use throws() to catch the error object for testing and comparison.
-* 
-* @param block Function to execute
-* @param expected Error Object to compare
-* @param message A short description of the assertion
-*/
-declare function throws(block: () => any, expected: any, message?: string): any;
-
-/**
-* @param block Function to execute
-* @param message A short description of the assertion
-*/
-declare function throws(block: () => any, message?: string): any;
-
-/* ASYNC CONTROL */
-
-/**
-* Start running tests again after the testrunner was stopped. See stop().
-*
-* When your async test has multiple exit points, call start() for the corresponding number of stop() increments.
-* 
-* @param decrement Optional argument to merge multiple start() calls into one. Use with multiple corrsponding stop() calls.
-*/
-declare function start(decrement?: number): any;
-
-/**
-* Stop the testrunner to wait for async tests to run. Call start() to continue.
-*
-* When your async test has multiple exit points, call stop() with the increment argument, corresponding to the number of start() calls you need.
-*
-* On Blackberry 5.0, window.stop is a native read-only function. If you deal with that browser, use QUnit.stop() instead, which will work anywhere.
-*
-* @param decrement Optional argument to merge multiple stop() calls into one. Use with multiple corrsponding start() calls.
-*/
-declare function stop(increment? : number): any;
-    
-/* CALLBACKS */
-
-/**
-* Register a callback to fire whenever the test suite begins.
-*
-* QUnit.begin() is called once before running any tests. (a better would've been QUnit.start, 
-* but thats already in use elsewhere and can't be changed.)
-*
-* @param callback Callback to execute
-*/
-declare function begin(callback: () => any): any;
-
-/**
-* Register a callback to fire whenever the test suite ends.
-*
-* @param callback Callback to execute.
-*/
-declare function done(callback: (details: DoneCallbackObject) => any): any;
-
-/**
-* Register a callback to fire whenever an assertion completes.
-*
-* This is one of several callbacks QUnit provides. Its intended for integration scenarios like 
-* PhantomJS or Jenkins. The properties of the details argument are listed below as options.
-*
-* @param callback Callback to execute.
-*/
-declare function log(callback: (details: LogCallbackObject) => any): any;
-
-/**
-* Register a callback to fire whenever a module ends.
-*
-* @param callback Callback to execute.
-*/
-declare function moduleDone(callback: (details: ModuleDoneCallbackObject) => any): any;
-
-/**
-* Register a callback to fire whenever a module begins.
-*
-* @param callback Callback to execute.
-*/
-declare function moduleStart(callback: (name: string) => any): any;
-
-/**
-* Register a callback to fire whenever a test ends.
-*
-* @param callback Callback to execute.
-*/
-declare function testDone(callback: (details: TestDoneCallbackObject) => any): any;
-
-/**
-* Register a callback to fire whenever a test begins.
-*
-* @param callback Callback to execute.
-*/
-declare function testStart(callback: (details: TestStartCallbackObject) => any): any;
-    
-/* TEST */
-
-/**
-* Add an asynchronous test to run. The test must include a call to start().
-*
-* For testing asynchronous code, asyncTest will automatically stop the test runner 
-* and wait for your code to call start() to continue.
-*
-* @param name Title of unit being tested
-* @param expected Number of assertions in this test
-* @param test Function to close over assertions
-*/
-declare function asyncTest(name: string, expected?: any, test?: (assert: QUnitAssert) => any): any;
-
-/**
-* Add an asynchronous test to run. The test must include a call to start().
-*
-* For testing asynchronous code, asyncTest will automatically stop the test runner 
-* and wait for your code to call start() to continue.
-*
-* @param name Title of unit being tested
-* @param test Function to close over assertions
-*/
-declare function asyncTest(name: string, test: (assert: QUnitAssert) => any): any;
-
-/**
-* Specify how many assertions are expected to run within a test.
-*
-* To ensure that an explicit number of assertions are run within any test, use 
-* expect( number ) to register an expected count. If the number of assertions 
-* run does not match the expected count, the test will fail.
-*
-* @param amount Number of assertions in this test.
-* @depricated since version 1.16
-*/
-declare function expect(amount: number): any;
-
-// ** conflict with TypeScript module keyword. Must be used on QUnit namespace
-//declare var module: (name: string, lifecycle?: LifecycleObject) => any;
-
-/**
-* Add a test to run.
-*
-* When testing the most common, synchronous code, use test().
-* The assert argument to the callback contains all of QUnit's assertion methods. 
-* If you are avoiding using any of QUnit's globals, you can use the assert 
-* argument instead.
-* 
-* @param title Title of unit being tested
-* @param expected Number of assertions in this test
-* @param test Function to close over assertions
-*/
-declare function test(title: string, expected: number, test: (assert?: QUnitAssert) => any): any;
-
-/**
-* @param title Title of unit being tested
-* @param test Function to close over assertions
-*/
-declare function test(title: string, test: (assert?: QUnitAssert) => any): any;
-
-declare function notPropEqual(actual: any, expected: any, message?: string): any;
-
-declare function propEqual(actual: any, expected: any, message?: string): any;
-
-// https://github.com/jquery/qunit/blob/master/qunit/qunit.js#L1568
-declare function equiv(a: any, b: any): any;
-
-// https://github.com/jquery/qunit/blob/master/qunit/qunit.js#L661
-declare var raises: any;
-
-/* QUNIT */
-declare var QUnit: QUnitStatic;
+/* QUnit */
+declare const QUnit: QUnit;
diff --git a/threejs/tests/math/test_unit_math.ts b/threejs/tests/math/test_unit_math.ts
index 226ebbb709..87b55c6316 100644
--- a/threejs/tests/math/test_unit_math.ts
+++ b/threejs/tests/math/test_unit_math.ts
@@ -1,5 +1,5 @@
 /// <reference path="../../three.d.ts" />
-/// <reference path="../../../qunit/qunit.d.ts" />
+/// <reference path="../../../qunit/qunit-1.16.d.ts" />
 /// <reference path="../three-tests-setup.ts" />
 
 
diff --git a/wordcloud/wordcloud-tests.ts b/wordcloud/wordcloud-tests.ts
index 2eecca3b8a..6ac465a87d 100644
--- a/wordcloud/wordcloud-tests.ts
+++ b/wordcloud/wordcloud-tests.ts
@@ -1,5 +1,5 @@
 /// <reference path="wordcloud.d.ts" />
-/// <reference path="../qunit/qunit.d.ts" />
+/// <reference path="../qunit/qunit-1.16.d.ts" />
 
 'use strict';
 //declare function test(name: string, test: Function);

From 59b4c526c9a1d35ed17f3b11f5608865a18d9893 Mon Sep 17 00:00:00 2001
From: Benny van Reeven <bvanreeven@gmail.com>
Date: Mon, 10 Oct 2016 12:54:59 +0200
Subject: [PATCH 250/382] Update parsimmon typings (#11873)

According to the [README][1] and [API docs][2], an index is now an
object instead of a number.

The typings have been updated in the relevant places:
* `Result<T>.index`
* `Mark<T>.start` and `Mark<T>.end`
* `Parsimmon.index`

[1]: https://github.com/jneen/parsimmon/blob/master/README.md
[2]: https://github.com/jneen/parsimmon/blob/master/API.md
---
 parsimmon/parsimmon-tests.ts | 11 +++++++++--
 parsimmon/parsimmon.d.ts     | 19 ++++++++++++++-----
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/parsimmon/parsimmon-tests.ts b/parsimmon/parsimmon-tests.ts
index 69a31ee57a..0cd201cd44 100644
--- a/parsimmon/parsimmon-tests.ts
+++ b/parsimmon/parsimmon-tests.ts
@@ -4,6 +4,7 @@ import P = require('parsimmon');
 import Parser = P.Parser;
 import Mark = P.Mark;
 import Result = P.Result;
+import Index = P.Index;
 
 // --  --  --  --  --  --  --  --  --  --  --  --  --
 
@@ -20,6 +21,7 @@ class Bar {
 var str: string;
 var bool: boolean;
 var num: number;
+var index: Index;
 var regex: RegExp;
 
 var foo: Foo;
@@ -35,6 +37,7 @@ var strPar: Parser<string>;
 var numPar: Parser<number>;
 var voidPar: Parser<void>;
 var anyPar: Parser<any>;
+var indexPar: Parser<Index>;
 
 var fooPar: Parser<Foo>;
 var barPar: Parser<Bar>;
@@ -50,6 +53,10 @@ var barArrPar: Parser<Bar[]>;
 
 var fooMarkPar: Parser<Mark<Foo>>;
 
+index = fooMarkPar.parse(str).value.start;
+index = fooMarkPar.parse(str).value.end;
+foo = fooMarkPar.parse(str).value.value;
+
 // --  --  --  --  --  --  --  --  --  --  --  --  --
 
 var fooResult: Result<Foo>;
@@ -57,7 +64,7 @@ var fooResult: Result<Foo>;
 bool = fooResult.status;
 foo = fooResult.value;
 str = fooResult.expected;
-num = fooResult.index;
+index = fooResult.index;
 
 // --  --  --  --  --  --  --  --  --  --  --  --  --
 
@@ -139,7 +146,7 @@ strPar = P.optWhitespace;
 strPar = P.any;
 strPar = P.all;
 voidPar = P.eof;
-numPar = P.index;
+indexPar = P.index;
 
 // --  --  --  --  --  --  --  --  --  --  --  --  --
 
diff --git a/parsimmon/parsimmon.d.ts b/parsimmon/parsimmon.d.ts
index 2004fb00bf..fa356a799c 100644
--- a/parsimmon/parsimmon.d.ts
+++ b/parsimmon/parsimmon.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for Parsimmon 0.9.2
 // Project: https://github.com/jneen/parsimmon
-// Definitions by: Bart van der Schoor <https://github.com/Bartvds>, Mizunashi Mana <https://github.com/mizunashi-mana>, Boris Cherny <https://github.com/bcherny>
+// Definitions by: Bart van der Schoor <https://github.com/Bartvds>, Mizunashi Mana <https://github.com/mizunashi-mana>, Boris Cherny <https://github.com/bcherny>, Benny van Reeven <https://github.com/bvanreeven>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // TODO convert to generics
@@ -10,9 +10,18 @@ declare module 'parsimmon' {
 
 		export type StreamType = string;
 
+		export interface Index {
+			/** zero-based character offset */
+			offset: number;
+			/** one-based line offset */
+			line: number;
+			/** one-based column offset */
+			column: number;
+		}
+
 		export interface Mark<T> {
-			start: number;
-			end: number;
+			start: Index;
+			end: Index;
 			value: T;
 		}
 
@@ -20,7 +29,7 @@ declare module 'parsimmon' {
 			status: boolean;
 			value?: T;
 			expected?: string;
-			index?: number;
+			index?: Index;
 		}
 
 		export interface Parser<T> {
@@ -243,7 +252,7 @@ declare module 'parsimmon' {
 		/**
 		 * is a parser that yields the current index of the parse.
 		 */
-		export var index: Parser<number>;
+		export var index: Parser<Index>;
 		/**
 		 * Returns a parser that yield a single character if it passes the predicate
 		 */

From 637e7d6df755e785387d5269cb9287cdc51b8cb7 Mon Sep 17 00:00:00 2001
From: Theodore Brown <theodorejb@outlook.com>
Date: Mon, 10 Oct 2016 05:55:46 -0500
Subject: [PATCH 251/382] Fix moment().localeData() return type (#11872)

---
 moment/moment-tests.ts | 1 +
 moment/moment.d.ts     | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/moment/moment-tests.ts b/moment/moment-tests.ts
index 2ac484ca25..ff0b2825f2 100644
--- a/moment/moment-tests.ts
+++ b/moment/moment-tests.ts
@@ -216,6 +216,7 @@ moment().isBetween(moment(), moment());
 moment().isBetween(new Date(), new Date());
 moment().isBetween([1,1,2000], [1,1,2001], "year");
 
+moment().localeData().firstDayOfWeek();
 moment.localeData('fr');
 moment(1316116057189).fromNow();
 
diff --git a/moment/moment.d.ts b/moment/moment.d.ts
index f5651941a2..0edc227699 100644
--- a/moment/moment.d.ts
+++ b/moment/moment.d.ts
@@ -332,7 +332,7 @@ declare namespace moment {
         locales() : string[];
         localeData(language: string): Moment;
         localeData(reset: boolean): Moment;
-        localeData(): MomentLanguage;
+        localeData(): MomentLanguageData;
 
         /**
          * @deprecated since version 2.7.0

From a11d013885ea072e6dba017ec5181eaf1ee152db Mon Sep 17 00:00:00 2001
From: Luke <lukeautry@gmail.com>
Date: Mon, 10 Oct 2016 06:59:06 -0400
Subject: [PATCH 252/382] Add css properties to react-modal (#11845)

* Add css properties to react-modal

* fix whitespace
---
 react-modal/react-modal.d.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/react-modal/react-modal.d.ts b/react-modal/react-modal.d.ts
index 2aac95eacb..5171045c61 100644
--- a/react-modal/react-modal.d.ts
+++ b/react-modal/react-modal.d.ts
@@ -21,7 +21,9 @@ declare module "react-modal" {
         onRequestClose?: Function,
         closeTimeoutMS?: number,
         ariaHideApp?: boolean,
-        shouldCloseOnOverlayClick?: boolean
+        shouldCloseOnOverlayClick?: boolean,
+        overlayClassName?: string,
+        className?: string
     }
     let ReactModal: __React.ClassicComponentClass<ReactModal>;
     export = ReactModal;

From 2481a5dbb1457629c7313fb9f9a3dadb810120e0 Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Mon, 10 Oct 2016 17:01:39 +0300
Subject: [PATCH 253/382] react-native-orientation

---
 .../react-native-orientation.d.ts             | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 react-native-orientation/react-native-orientation.d.ts

diff --git a/react-native-orientation/react-native-orientation.d.ts b/react-native-orientation/react-native-orientation.d.ts
new file mode 100644
index 0000000000..0744ac86e2
--- /dev/null
+++ b/react-native-orientation/react-native-orientation.d.ts
@@ -0,0 +1,25 @@
+// Type definitions for react-native-orientation
+// Project: https://github.com/yamill/react-native-orientation
+// Definitions by: Moshe Atlow <https://github.com/MoLow/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'react-native-orientation' {
+
+    namespace Orientation {
+        type orientation = "LANDSCAPE" | "PORTRAIT" | "UNKNOWN" | "PORTRAITUPSIDEDOWN";
+        type specificOrientation = "LANDSCAPE-LEFT" | "LANDSCAPE-RIGHT" | "PORTRAIT" | "UNKNOWN" | "PORTRAITUPSIDEDOWN";
+
+        export function addOrientationListener(callback: (orientation: orientation) => void): void;
+        export function removeOrientationListener(callback: (orientation: orientation) => void): void;
+        export function removeSpecificOrientationListener(callback: (orientation: specificOrientation) => void): void;
+
+
+        export function lockToPortrait(): void;
+        export function lockToLandscape(): void;
+        export function lockToLandscapeLeft(): void;
+        export function lockToLandscapeRight(): void;
+        export function unlockAllOrientations(): void;
+        export function getOrientation(callback: (err: Error, orientation: orientation) => void): void;
+        export function getSpecificOrientation(callback: (err: Error, orientation: specificOrientation) => void): void;
+    }
+}

From fd2f4e3cdb2cf5bb060c6fe0f9cd89a2d5baf7ab Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Mon, 10 Oct 2016 17:19:41 +0300
Subject: [PATCH 254/382] Update react-native-orientation.d.ts

---
 react-native-orientation/react-native-orientation.d.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/react-native-orientation/react-native-orientation.d.ts b/react-native-orientation/react-native-orientation.d.ts
index 0744ac86e2..643727cea4 100644
--- a/react-native-orientation/react-native-orientation.d.ts
+++ b/react-native-orientation/react-native-orientation.d.ts
@@ -22,4 +22,6 @@ declare module 'react-native-orientation' {
         export function getOrientation(callback: (err: Error, orientation: orientation) => void): void;
         export function getSpecificOrientation(callback: (err: Error, orientation: specificOrientation) => void): void;
     }
+                
+    export = Orientation;
 }

From f239708a49510fb1f71c58c97aa7eeb17ad21da7 Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Mon, 10 Oct 2016 17:22:36 +0300
Subject: [PATCH 255/382] add tests

---
 .../react-native-orientation-tests.ts            | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 react-native-orientation/react-native-orientation-tests.ts

diff --git a/react-native-orientation/react-native-orientation-tests.ts b/react-native-orientation/react-native-orientation-tests.ts
new file mode 100644
index 0000000000..73d5adb188
--- /dev/null
+++ b/react-native-orientation/react-native-orientation-tests.ts
@@ -0,0 +1,16 @@
+/// <reference path="react-native-orientation.d.ts" />
+
+import * as Orientation from 'react-native-orientation';
+
+Orientation.addOrientationListener((orientation)=>{});
+Orientation.removeOrientationListener((orientation)=>{});
+Orientation.removeSpecificOrientationListener((orientation)=>{});
+
+Orientation.lockToPortrait();
+Orientation.lockToPortrait();
+Orientation.lockToLandscape();
+Orientation.lockToLandscapeLeft();
+Orientation.lockToLandscapeRight();
+Orientation.unlockAllOrientations();
+Orientation.getOrientation((err,orientation)=>{}));
+Orientation.getSpecificOrientation((err,orientation)=>{}));

From 41e61a77a105182f3650c4e69265705dce7973ad Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Mon, 10 Oct 2016 19:13:57 +0300
Subject: [PATCH 256/382] fix typo

---
 react-native-orientation/react-native-orientation-tests.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/react-native-orientation/react-native-orientation-tests.ts b/react-native-orientation/react-native-orientation-tests.ts
index 73d5adb188..aa92c7db87 100644
--- a/react-native-orientation/react-native-orientation-tests.ts
+++ b/react-native-orientation/react-native-orientation-tests.ts
@@ -12,5 +12,5 @@ Orientation.lockToLandscape();
 Orientation.lockToLandscapeLeft();
 Orientation.lockToLandscapeRight();
 Orientation.unlockAllOrientations();
-Orientation.getOrientation((err,orientation)=>{}));
-Orientation.getSpecificOrientation((err,orientation)=>{}));
+Orientation.getOrientation((err,orientation)=>{});
+Orientation.getSpecificOrientation((err,orientation)=>{});

From b752dac665768a6267e9c00e3453a1f317a2cb04 Mon Sep 17 00:00:00 2001
From: Petar Vujic <pvujic@gmail.com>
Date: Mon, 10 Oct 2016 18:54:43 +0200
Subject: [PATCH 257/382] Updated BootboxPromptOptions with optional inputType

---
 bootbox/bootbox.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/bootbox/bootbox.d.ts b/bootbox/bootbox.d.ts
index c94b60625f..7ef20b38e7 100644
--- a/bootbox/bootbox.d.ts
+++ b/bootbox/bootbox.d.ts
@@ -40,6 +40,7 @@ interface BootboxConfirmOptions extends BootboxDialogOptions {
 interface BootboxPromptOptions extends BootboxBaseOptions {
 	title: string;
 	value?: string;
+	inputType?: string;
 	callback: (result: string) => any;
 	buttons?: BootboxConfirmPromptButtonMap;
 }

From cd3ac6998fb8d6de1b20d180dd36444399cc15c9 Mon Sep 17 00:00:00 2001
From: Simon <simonxca@yahoo.ca>
Date: Mon, 10 Oct 2016 14:07:58 -0400
Subject: [PATCH 258/382] add ability to convert to ObjectID without using new

---
 mongoose/mongoose-tests.ts |  1 +
 mongoose/mongoose.d.ts     | 20 ++++++++++++++++----
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/mongoose/mongoose-tests.ts b/mongoose/mongoose-tests.ts
index c386fe98a0..25a0ba2677 100644
--- a/mongoose/mongoose-tests.ts
+++ b/mongoose/mongoose-tests.ts
@@ -525,6 +525,7 @@ mongoose.Types.Buffer.from([1, 2, 3]);
  */
 var objectId: mongoose.Types.ObjectId = mongoose.Types.ObjectId.createFromHexString('0x1234');
 objectId = new mongoose.Types.ObjectId(12345);
+objectId = mongoose.Types.ObjectId(12345);
 objectId.getTimestamp();
 /* practical examples */
 export interface IManagerSchema extends mongoose.MongooseDocument {
diff --git a/mongoose/mongoose.d.ts b/mongoose/mongoose.d.ts
index ee6b64aa36..38d0a5cab8 100644
--- a/mongoose/mongoose.d.ts
+++ b/mongoose/mongoose.d.ts
@@ -1091,10 +1091,22 @@ declare module "mongoose" {
     }
 
     /*
-      * section types/objectid.js
-      * http://mongoosejs.com/docs/api.html#types-objectid-js
-      */
-    class ObjectId extends mongodb.ObjectID {}
+     * section types/objectid.js
+     * http://mongoosejs.com/docs/api.html#types-objectid-js
+     */
+    var ObjectId: ObjectIdConstructor;
+
+    // mongodb.ObjectID does not allow mongoose.Types.ObjectId(id). This is
+    //   commonly used in mongoose and is found in an example in the docs:
+    //   http://mongoosejs.com/docs/api.html#aggregate_Aggregate
+    // constructor exposes static methods of mongodb.ObjectID and ObjectId(id)
+    type ObjectIdConstructor = typeof mongodb.ObjectID & {
+      (s?: string | number): mongodb.ObjectID;
+    }
+
+    // var objectId: mongoose.Types.ObjectId should reference mongodb.ObjectID not
+    //   the ObjectIdConstructor, so we add the interface below
+    interface ObjectId extends mongodb.ObjectID {}
 
     /*
       * section types/embedded.js

From fa389c0a120a21db54e37840d76e5979a169d6c4 Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Mon, 10 Oct 2016 21:48:14 +0300
Subject: [PATCH 259/382] Update react-native-orientation.d.ts

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

diff --git a/react-native-orientation/react-native-orientation.d.ts b/react-native-orientation/react-native-orientation.d.ts
index 643727cea4..54c497ef14 100644
--- a/react-native-orientation/react-native-orientation.d.ts
+++ b/react-native-orientation/react-native-orientation.d.ts
@@ -13,7 +13,7 @@ declare module 'react-native-orientation' {
         export function removeOrientationListener(callback: (orientation: orientation) => void): void;
         export function removeSpecificOrientationListener(callback: (orientation: specificOrientation) => void): void;
 
-
+        export function getInitialOrientation(): orientation;
         export function lockToPortrait(): void;
         export function lockToLandscape(): void;
         export function lockToLandscapeLeft(): void;

From 259018e6ad45267a510074ccf76e9675220f52b8 Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Mon, 10 Oct 2016 21:49:41 +0300
Subject: [PATCH 260/382] Update react-native-orientation-tests.ts

---
 react-native-orientation/react-native-orientation-tests.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/react-native-orientation/react-native-orientation-tests.ts b/react-native-orientation/react-native-orientation-tests.ts
index aa92c7db87..17c709ac16 100644
--- a/react-native-orientation/react-native-orientation-tests.ts
+++ b/react-native-orientation/react-native-orientation-tests.ts
@@ -6,6 +6,7 @@ Orientation.addOrientationListener((orientation)=>{});
 Orientation.removeOrientationListener((orientation)=>{});
 Orientation.removeSpecificOrientationListener((orientation)=>{});
 
+Orientation.getInitialOrientation();
 Orientation.lockToPortrait();
 Orientation.lockToPortrait();
 Orientation.lockToLandscape();

From c34293775dc2ff87dcea7747e974cd1b9ab4f52d Mon Sep 17 00:00:00 2001
From: Mark Wong Siang Kai <mwong@palantir.com>
Date: Mon, 10 Oct 2016 20:35:10 -0700
Subject: [PATCH 261/382] Added clipboard-js definitions and tests

---
 clipboard-js/clipboard-js-tests.ts |  6 ++++++
 clipboard-js/clipboard-js.d.ts     | 18 ++++++++++++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 clipboard-js/clipboard-js-tests.ts
 create mode 100644 clipboard-js/clipboard-js.d.ts

diff --git a/clipboard-js/clipboard-js-tests.ts b/clipboard-js/clipboard-js-tests.ts
new file mode 100644
index 0000000000..93adfda3a5
--- /dev/null
+++ b/clipboard-js/clipboard-js-tests.ts
@@ -0,0 +1,6 @@
+/// <reference path="clipboard-js.d.ts" />
+
+clipboard.copy("Hello World");
+clipboard.copy(document.body).then(() => console.log("success"));
+
+clipboard.paste().then(val => console.log(val));
diff --git a/clipboard-js/clipboard-js.d.ts b/clipboard-js/clipboard-js.d.ts
new file mode 100644
index 0000000000..fafc44ef36
--- /dev/null
+++ b/clipboard-js/clipboard-js.d.ts
@@ -0,0 +1,18 @@
+// Type definitions for clipboard-js 0.3.1
+// Project: https://github.com/lgarron/clipboard.js
+// Definitions by: Mark Wong Siang Kai <https://github.com/markwongsk>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace clipboard {
+
+    interface IClipboardJsStatic {
+        copy(val: string | Element): Promise<void>;
+        paste(): Promise<string>;
+    }
+}
+
+declare var clipboard: clipboard.IClipboardJsStatic;
+
+declare module 'clipboard-js' {
+    export = clipboard;
+}

From 9ac7e82570ad44f87886830b256a63a5b2d65323 Mon Sep 17 00:00:00 2001
From: Mark Chapman <mchapman@users.noreply.github.com>
Date: Tue, 11 Oct 2016 17:20:13 +0100
Subject: [PATCH 262/382] Update rrule.d.ts

---
 rrule/rrule.d.ts | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/rrule/rrule.d.ts b/rrule/rrule.d.ts
index 247defc92b..946d9924c3 100644
--- a/rrule/rrule.d.ts
+++ b/rrule/rrule.d.ts
@@ -20,15 +20,15 @@ declare namespace RRule {
         wkst?: number | Weekday
         count?: number;
         until?: Date;
-        bysetpos?: number;
-        bymonth?: number;
-        bymonthday?: number;
-        byyearday?: number;
-        byweekno?: number;
-        byweekday?: Weekday[];
-        byhour?: number;
-        byminute?: number;
-        bysecond?: number;
+        bysetpos?: number | number[];
+        bymonth?: number | number[];
+        bymonthday?: number | number[];
+        byyearday?: number | number[];
+        byweekno?: number | number[];
+        byweekday?: weekDay | Weekday[] | number | number[];
+        byhour?: number | number[];
+        byminute?: number | number[];
+        bysecond?: number | number[];
     }
 
     class Weekday {

From 866e069619672d43a754930a45f7357073ba4f1d Mon Sep 17 00:00:00 2001
From: Mark Chapman <mchapman@users.noreply.github.com>
Date: Tue, 11 Oct 2016 17:22:12 +0100
Subject: [PATCH 263/382] Update rrule-test.ts

---
 rrule/rrule-test.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/rrule/rrule-test.ts b/rrule/rrule-test.ts
index 11a48c5126..bc3504fbc4 100644
--- a/rrule/rrule-test.ts
+++ b/rrule/rrule-test.ts
@@ -59,4 +59,7 @@ rule = RRule.fromText('every day for 3 times')
 options = RRule.parseText('every day for 3 times')
 // {freq: 3, count: "3"}
 options.dtstart = new Date(2000, 1, 1)
-rule = new RRule(options)
\ No newline at end of file
+rule = new RRule(options)
+
+// Test arrays
+let multipleInstance = new RRule({freq:3, byhour:[6,12,18]})

From 15784fd9070011087c352d478571b255854768c4 Mon Sep 17 00:00:00 2001
From: Mark Chapman <mchapman@users.noreply.github.com>
Date: Tue, 11 Oct 2016 17:52:26 +0100
Subject: [PATCH 264/382] Correct typo

Thanks
---
 rrule/rrule.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/rrule/rrule.d.ts b/rrule/rrule.d.ts
index 946d9924c3..e2dce46b7c 100644
--- a/rrule/rrule.d.ts
+++ b/rrule/rrule.d.ts
@@ -25,7 +25,7 @@ declare namespace RRule {
         bymonthday?: number | number[];
         byyearday?: number | number[];
         byweekno?: number | number[];
-        byweekday?: weekDay | Weekday[] | number | number[];
+        byweekday?:  Weekday | Weekday[] | number | number[];
         byhour?: number | number[];
         byminute?: number | number[];
         bysecond?: number | number[];

From fa33dffb3f77c60e01ca0302708f86d9acc72c59 Mon Sep 17 00:00:00 2001
From: Stepan Riha <github@nonplus.net>
Date: Tue, 11 Oct 2016 13:02:03 -0500
Subject: [PATCH 265/382] add angular-ui-router-uib-modal definition and test

---
 .../angular-ui-router-uib-modal-tests.ts      | 30 +++++++++++++++++++
 .../angular-ui-router-uib-modal.d.ts          | 12 ++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 angular-ui-router-uib-modal/angular-ui-router-uib-modal-tests.ts
 create mode 100644 angular-ui-router-uib-modal/angular-ui-router-uib-modal.d.ts

diff --git a/angular-ui-router-uib-modal/angular-ui-router-uib-modal-tests.ts b/angular-ui-router-uib-modal/angular-ui-router-uib-modal-tests.ts
new file mode 100644
index 0000000000..3f14b2a40f
--- /dev/null
+++ b/angular-ui-router-uib-modal/angular-ui-router-uib-modal-tests.ts
@@ -0,0 +1,30 @@
+/// <reference path="./angular-ui-router-uib-modal.d.ts" />
+
+angular.module("test", [
+	"ui.bootstrap",
+	"ui.router",
+	"ui.router.default"
+])
+	.config(function($stateProvider: angular.ui.IStateProvider) {
+		$stateProvider
+			.state('contacts', {
+				// no modal
+				resolve: {
+					a: function() {
+						return "a";
+					},
+					b: function() {
+						return ["a", "b"];
+					}
+				}
+			})
+			.state('contacts.contact', {
+				// boolean modal
+				modal: true
+			})
+			.state('contacts.contact.edit', {
+				// string[] modal
+				modal: ["a", "b"]
+			})
+		;
+	});
diff --git a/angular-ui-router-uib-modal/angular-ui-router-uib-modal.d.ts b/angular-ui-router-uib-modal/angular-ui-router-uib-modal.d.ts
new file mode 100644
index 0000000000..598fe964fe
--- /dev/null
+++ b/angular-ui-router-uib-modal/angular-ui-router-uib-modal.d.ts
@@ -0,0 +1,12 @@
+// Type definitions for angular-ui-uib-modal 0.11+ (ui.router module)
+// Project: https://github.com/nonplus/angular-ui-router-uib-modal
+// Definitions by: Stepan Riha <https://github.com/nonplus>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../angular-ui-router/angular-ui-router.d.ts" />
+
+declare namespace angular.ui {
+	interface IState {
+		modal?: boolean | string[];
+	}
+}

From 7a777c1c9cc77291a44236dd49068bac2aef9bab Mon Sep 17 00:00:00 2001
From: Stepan Riha <github@nonplus.net>
Date: Tue, 11 Oct 2016 16:59:46 -0500
Subject: [PATCH 266/382] add angular-ui-router-default definition and test

---
 .../angular-ui-router-default-tests.ts        | 39 +++++++++++++++++++
 .../angular-ui-router-default.d.ts            | 17 ++++++++
 2 files changed, 56 insertions(+)
 create mode 100644 angular-ui-router-default/angular-ui-router-default-tests.ts
 create mode 100644 angular-ui-router-default/angular-ui-router-default.d.ts

diff --git a/angular-ui-router-default/angular-ui-router-default-tests.ts b/angular-ui-router-default/angular-ui-router-default-tests.ts
new file mode 100644
index 0000000000..2b6bfbe61e
--- /dev/null
+++ b/angular-ui-router-default/angular-ui-router-default-tests.ts
@@ -0,0 +1,39 @@
+/// <reference path="./angular-ui-router-default.d.ts" />
+
+angular.module("test", [
+	"ui.router",
+	"ui.router.default"
+])
+	.config(function($stateProvider: angular.ui.IStateProvider) {
+		$stateProvider
+			.state('concrete', {
+				// no abstract or default
+			})
+			.state('string', {
+				abstract: true,
+				default: 'concrete'
+			})
+			.state('func_str', {
+				abstract: true,
+				default: function($rootScope): string { return $rootScope.test; }
+			})
+			.state('func_promise', {
+				abstract: true,
+				default: function($q: ng.IQService): ng.IPromise<string> {
+					return $q.when("concrete");
+				}
+			})
+			.state('injection_str', {
+				abstract: true,
+				default: ["$rootScope", function($rootScope) {
+					return $rootScope.test;
+				}]
+			})
+			.state('injection_promise', {
+				abstract: true,
+				default: ["$q", function($q: ng.IQService) {
+					return $q.when("concrete");
+				}]
+			})
+		;
+	});
diff --git a/angular-ui-router-default/angular-ui-router-default.d.ts b/angular-ui-router-default/angular-ui-router-default.d.ts
new file mode 100644
index 0000000000..9d102681cf
--- /dev/null
+++ b/angular-ui-router-default/angular-ui-router-default.d.ts
@@ -0,0 +1,17 @@
+// Type definitions for angular-ui-router-default 0.5+
+// Project: https://github.com/nonplus/angular-ui-router-default
+// Definitions by: Stepan Riha <https://github.com/nonplus>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../angular-ui-router/angular-ui-router.d.ts" />
+
+declare namespace angular.ui {
+	export type StateDefaultSpecifier = string
+		| ((...args: any[]) => string)
+		| ((...args: any[]) => ng.IPromise<string>)
+		| (string | ((...args: any[]) => string))[]
+		| (string | ((...args: any[]) => ng.IPromise<string>))[];
+	interface IState {
+		default?: StateDefaultSpecifier
+	}
+}

From 83e2e32244268ed80877d71542c391e579e10b5f Mon Sep 17 00:00:00 2001
From: Horiuchi_H <horiuchi.g@gmail.com>
Date: Wed, 12 Oct 2016 13:52:24 +0900
Subject: [PATCH 267/382] feat: add `koa-passport` type definition file

---
 koa-passport/koa-passport-tests.ts | 41 ++++++++++++++++++
 koa-passport/koa-passport.d.ts     | 68 ++++++++++++++++++++++++++++++
 2 files changed, 109 insertions(+)
 create mode 100644 koa-passport/koa-passport-tests.ts
 create mode 100644 koa-passport/koa-passport.d.ts

diff --git a/koa-passport/koa-passport-tests.ts b/koa-passport/koa-passport-tests.ts
new file mode 100644
index 0000000000..cdfe4938f4
--- /dev/null
+++ b/koa-passport/koa-passport-tests.ts
@@ -0,0 +1,41 @@
+/// <reference path="../koa/koa.d.ts"/>
+/// <reference path="./koa-passport.d.ts"/>
+
+import * as Koa from 'koa';
+import * as passport from 'koa-passport';
+
+const app = new Koa();
+let ctx: Koa.Context;
+
+
+app.use(passport.initialize());
+app.use(passport.session());
+
+app.use(async (ctx: Koa.Context): Promise<void> => {
+    ctx.isAuthenticated();
+    ctx.isUnauthenticated();
+    ctx.login({});
+    ctx.logout();
+    ctx.state.user;
+});
+
+
+app.use(async (ctx: Koa.Context, next: () => Promise<any>) => {
+    return passport.authenticate('local', (user: any, info: any, status: any) => {
+        if (user === false) {
+            ctx.status = 401;
+            ctx.body = { success: false };
+        } else {
+            ctx.body = { success: true };
+            return ctx.login(user);
+        }
+    })(ctx, next);
+});
+
+app.use(
+    passport.authenticate('local', {
+        successRedirect: '/app',
+        failureRedirect: '/'
+    })
+);
+
diff --git a/koa-passport/koa-passport.d.ts b/koa-passport/koa-passport.d.ts
new file mode 100644
index 0000000000..f89d534ee2
--- /dev/null
+++ b/koa-passport/koa-passport.d.ts
@@ -0,0 +1,68 @@
+// Type definitions for koa-passport 2.x
+// Project: https://github.com/rkusa/koa-passport
+// Definitions by: horiuchi <https://github.com/horiuchi>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/* =================== USAGE ===================
+
+    import * as passport from 'koa-passport';
+    app.use(passport.initialize());
+    app.use(passport.session());
+
+ =============================================== */
+/// <reference path="../koa/koa.d.ts"/>
+/// <reference path="../passport/passport.d.ts"/>
+
+declare module "koa-passport" {
+
+    import * as Koa from "koa";
+    module "koa" {
+        interface Request {
+            authInfo?: any;
+            user?: any;
+
+            login(user: any): Promise<void>;
+            login(user: any, options: Object): Promise<void>;
+            logIn(user: any): Promise<void>;
+            logIn(user: any, options: Object): Promise<void>;
+
+            logout(): void;
+            logOut(): void;
+
+            isAuthenticated(): boolean;
+            isUnauthenticated(): boolean;
+        }
+    }
+
+    import * as passport from "passport";
+
+    interface Middleware { (ctx: Koa.Context, next: () => Promise<any>): any; }
+    interface KoaPassport {
+        use(strategy: passport.Strategy): this;
+        use(name: string, strategy: passport.Strategy): this;
+        unuse(name: string): this;
+        framework(fw: passport.Framework): this;
+        initialize(options?: { userProperty: string; }): Middleware;
+        session(options?: { pauseStream: boolean; }): Middleware;
+
+        authenticate(strategy: string, callback?: Function): Middleware;
+        authenticate(strategy: string, options: Object, callback?: Function): Middleware;
+        authenticate(strategies: string[], callback?: Function): Middleware;
+        authenticate(strategies: string[], options: Object, callback?: Function): Middleware;
+        authorize(strategy: string, callback?: Function): Middleware;
+        authorize(strategy: string, options: Object, callback?: Function): Middleware;
+        authorize(strategies: string[], callback?: Function): Middleware;
+        authorize(strategies: string[], options: Object, callback?: Function): Middleware;
+        serializeUser(fn: (user: any, done: (err: any, id: any) => void) => void): void;
+        deserializeUser(fn: (id: any, done: (err: any, user: any) => void) => void): void;
+        transformAuthInfo(fn: (info: any, done: (err: any, info: any) => void) => void): void;
+    }
+    const koaPassport: KoaPassport;
+
+    namespace KoaPassport {
+        interface Profile extends passport.Profile { }
+        interface Framework extends passport.Framework { }
+    }
+
+    export = koaPassport;
+}

From 87ed5f4112b5f35cdedbd1ff5f3980fc8b0c42b4 Mon Sep 17 00:00:00 2001
From: Horiuchi_H <horiuchi.g@gmail.com>
Date: Wed, 12 Oct 2016 15:14:29 +0900
Subject: [PATCH 268/382] fix: update `passport` type file

---
 passport/passport.d.ts | 46 +++++++++++++++++++++---------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/passport/passport.d.ts b/passport/passport.d.ts
index 5231b1fdac..a205519a60 100644
--- a/passport/passport.d.ts
+++ b/passport/passport.d.ts
@@ -27,30 +27,28 @@ declare namespace Express {
 declare module 'passport' {
     import express = require('express');
 
-    interface Passport {
-        use(strategy: passport.Strategy): Passport;
-        use(name: string, strategy: passport.Strategy): Passport;
-        unuse(name: string): Passport;
-        framework(fw: passport.Framework): Passport;
-        initialize(options?: { userProperty: string; }): express.Handler;
-        session(options?: { pauseStream: boolean; }): express.Handler;
-
-        authenticate(strategy: string, callback?: Function): express.Handler;
-        authenticate(strategy: string, options: Object, callback?: Function): express.Handler;
-        authenticate(strategies: string[], callback?: Function): express.Handler;
-        authenticate(strategies: string[], options: Object, callback?: Function): express.Handler;
-        authorize(strategy: string, callback?: Function): express.Handler;
-        authorize(strategy: string, options: Object, callback?: Function): express.Handler;
-        authorize(strategies: string[], callback?: Function): express.Handler;
-        authorize(strategies: string[], options: Object, callback?: Function): express.Handler;
-        serializeUser(fn: (user: any, done: (err: any, id: any) => void) => void): void;
-        deserializeUser(fn: (id: any, done: (err: any, user: any) => void) => void): void;
-        transformAuthInfo(fn: (info: any, done: (err: any, info: any) => void) => void): void;
-    }
-    const passport: Passport;
-    export = passport;
-
     namespace passport {
+        interface Passport {
+            use(strategy: passport.Strategy): Passport;
+            use(name: string, strategy: passport.Strategy): Passport;
+            unuse(name: string): Passport;
+            framework(fw: passport.Framework): Passport;
+            initialize(options?: { userProperty: string; }): express.Handler;
+            session(options?: { pauseStream: boolean; }): express.Handler;
+
+            authenticate(strategy: string, callback?: Function): express.Handler;
+            authenticate(strategy: string, options: Object, callback?: Function): express.Handler;
+            authenticate(strategies: string[], callback?: Function): express.Handler;
+            authenticate(strategies: string[], options: Object, callback?: Function): express.Handler;
+            authorize(strategy: string, callback?: Function): express.Handler;
+            authorize(strategy: string, options: Object, callback?: Function): express.Handler;
+            authorize(strategies: string[], callback?: Function): express.Handler;
+            authorize(strategies: string[], options: Object, callback?: Function): express.Handler;
+            serializeUser(fn: (user: any, done: (err: any, id: any) => void) => void): void;
+            deserializeUser(fn: (id: any, done: (err: any, user: any) => void) => void): void;
+            transformAuthInfo(fn: (info: any, done: (err: any, info: any) => void) => void): void;
+        }
+
         interface Strategy {
             name?: string;
             authenticate(req: express.Request, options?: Object): void;
@@ -81,4 +79,6 @@ declare module 'passport' {
         }
     }
 
+    const passport: passport.Passport;
+    export = passport;
 }

From 870a8af6495d1c7cf75c906148a7005972cad819 Mon Sep 17 00:00:00 2001
From: Shantanu Bhadoria <shantanu@cpan.org>
Date: Wed, 12 Oct 2016 16:58:46 +0800
Subject: [PATCH 269/382] Adding my first EJSON d.ts file, Will test against my
 own setup first before creating a merge request

---
 ejson/ejson-tests.ts | 0
 ejson/ejson.d.ts     | 8 ++++++++
 2 files changed, 8 insertions(+)
 create mode 100644 ejson/ejson-tests.ts
 create mode 100644 ejson/ejson.d.ts

diff --git a/ejson/ejson-tests.ts b/ejson/ejson-tests.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/ejson/ejson.d.ts b/ejson/ejson.d.ts
new file mode 100644
index 0000000000..66a42b824b
--- /dev/null
+++ b/ejson/ejson.d.ts
@@ -0,0 +1,8 @@
+// Type definitions for ejson v2.1.2
+// Project: https://www.npmjs.com/package/ejson
+// Definitions by: Shantanu Bhadoria <https://github.com/shantanubhadoria>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "EJSON" {
+  function stringify(): string;
+}

From 38b0ab033953b92635364f23ab03f9598d48fbc2 Mon Sep 17 00:00:00 2001
From: Shantanu Bhadoria <shantanu@cpan.org>
Date: Wed, 12 Oct 2016 18:21:37 +0800
Subject: [PATCH 270/382] Finished tests, pre-merge-request commit for EJSON
 types

---
 ejson/ejson-tests.ts | 57 ++++++++++++++++++++++++++++++++++++++++++++
 ejson/ejson.d.ts     | 20 ++++++++++++++--
 2 files changed, 75 insertions(+), 2 deletions(-)

diff --git a/ejson/ejson-tests.ts b/ejson/ejson-tests.ts
index e69de29bb2..ef9b940bb8 100644
--- a/ejson/ejson-tests.ts
+++ b/ejson/ejson-tests.ts
@@ -0,0 +1,57 @@
+/// <reference path="./ejson.d.ts" />
+
+import {
+  clone as importedClone, 
+  parse as importedParse, 
+  stringify as importedStringify,
+  toJSONValue as importedToJSONValue,
+  fromJSONValue as importedFromJSONValue,
+  isBinary as importedIsBinary,
+  newBinary as importedNewBinary,
+  equals as importedEquals
+} from "ejson";
+
+function testImportedClone() {
+  var obj: Object = {
+    a: "a"
+  };
+  var retval: Object = importedClone(obj);
+
+  var str: string = "as";
+  var retval2: string = importedClone(str);
+}
+
+function testParse() {
+  var str: string = '{a:"a"}';
+  importedParse(str);
+}
+
+function testStringify() {
+  var obj: any = {a:"a"};
+  var retval: string = importedStringify(obj);
+}
+
+function testToJSONValue() {
+  var obj: any = {a:"a"};
+  var retval: string = importedToJSONValue(obj);
+}
+
+function testFromJSONValue() {
+  var str: string = '{a:"a"}';
+  importedFromJSONValue(str);
+}
+
+function testIsBinary() {
+  var val: any = 'sasda';
+  var retval: boolean = importedIsBinary(val);
+}
+
+function testNewBinary() {
+  var retval: Uint8Array = importedNewBinary(3);
+}
+
+function testEquals() {
+  var a: any;
+  var b: any;
+  var retval: boolean = importedEquals(a,b);
+}
\ No newline at end of file
diff --git a/ejson/ejson.d.ts b/ejson/ejson.d.ts
index 66a42b824b..51e54b7503 100644
--- a/ejson/ejson.d.ts
+++ b/ejson/ejson.d.ts
@@ -3,6 +3,22 @@
 // Definitions by: Shantanu Bhadoria <https://github.com/shantanubhadoria>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare module "EJSON" {
-  function stringify(): string;
+declare interface IStringifyOptions {
+  canonical: boolean;
+  indent: boolean|number|string;
+}
+declare interface ICloneOptions {
+  keyOrderSensitive: boolean;
+}
+
+declare module "ejson" {
+  function clone<T>(obj: T): T;
+  function parse(str: string): any;
+  function stringify(obj: any, options?: IStringifyOptions): string;
+
+  function toJSONValue(obj: any): string;
+  function fromJSONValue(obj: string): any;
+  function isBinary(value: any): boolean;
+  function newBinary(len: number): Uint8Array;
+  function equals(a: any, b: any, options?: ICloneOptions): boolean;
 }

From d6f3a60ad5c0a4df89883af30cd778fe60df2315 Mon Sep 17 00:00:00 2001
From: Quentin Lampin <quentin.lampin@orange.com>
Date: Wed, 12 Oct 2016 14:46:01 +0200
Subject: [PATCH 271/382] add type definitions for bonjour (#11885)

* add type definitions for bonjour

* fixed project URL (brackets)
---
 bonjour/bonjour-tests.ts | 21 ++++++++++++
 bonjour/bonjour.d.ts     | 71 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 92 insertions(+)
 create mode 100644 bonjour/bonjour-tests.ts
 create mode 100644 bonjour/bonjour.d.ts

diff --git a/bonjour/bonjour-tests.ts b/bonjour/bonjour-tests.ts
new file mode 100644
index 0000000000..b97794b071
--- /dev/null
+++ b/bonjour/bonjour-tests.ts
@@ -0,0 +1,21 @@
+/// <reference path="bonjour.d.ts" />
+import * as bonjour from 'bonjour';
+
+var bonjourOptions: bonjour.BonjourOptions;
+var bonjourInstance: bonjour.Bonjour;
+
+var serviceOptions: bonjour.ServiceOptions;
+var service: bonjour.Service;
+
+var browserOptions: bonjour.BrowserOptions;
+var browser: bonjour.Browser;
+
+bonjourOptions = { interface: '192.168.1.1', port: 5353 };
+bonjourInstance = new bonjour.Bonjour(bonjourOptions);
+
+serviceOptions = { name: 'My Web Server', type: 'http', port: 3000 };
+service = bonjourInstance.publish(serviceOptions);
+
+browserOptions = { protocol: 'tcp', type: 'http' };
+browser = bonjour.find(browserOptions);
+
diff --git a/bonjour/bonjour.d.ts b/bonjour/bonjour.d.ts
new file mode 100644
index 0000000000..0ffd9f1171
--- /dev/null
+++ b/bonjour/bonjour.d.ts
@@ -0,0 +1,71 @@
+// Type definitions for bonjour v3.5.0
+// Project: https://github.com/watson/bonjour
+// Definitions by: Quentin Lampin <https://github.com/quentin-ol/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "bonjour" {
+    export interface BonjourOptions {
+        multicast?: boolean;
+        interface?: string;
+        port?: number;
+        ip?: string;
+        ttl?: number;
+        loopback?: boolean;
+        reuseAddr?: boolean;
+    }
+
+    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;
+
+}

From c830d9ef5126f52a3f97b7f788229c0622eaed5a Mon Sep 17 00:00:00 2001
From: Subhash Sharma <subash-a@users.noreply.github.com>
Date: Wed, 12 Oct 2016 18:17:04 +0530
Subject: [PATCH 272/382] Non-Instantiated highcharts definitions (#11385)

* grouped all globals into a single namespace and did renaming
* changed refs and types throughout dependents
* moved static members into main namespace
* updated highcharts-ng dependency
---
 highcharts-ng/highcharts-ng.d.ts              |     8 +-
 highcharts/highcharts-modules-boost.d.ts      |     2 +-
 highcharts/highcharts-modules-exporting.d.ts  |     2 +-
 ...highcharts-modules-no-data-to-display.d.ts |    38 +-
 .../highcharts-modules-offline-exporting.d.ts |     2 +-
 highcharts/highcharts-more.d.ts               |     2 +-
 highcharts/highcharts-tests.ts                |   238 +-
 highcharts/highcharts.d.ts                    | 12439 ++++++++--------
 highcharts/highstock-tests.ts                 |     2 +-
 highcharts/highstock.d.ts                     |   211 +-
 10 files changed, 6475 insertions(+), 6469 deletions(-)

diff --git a/highcharts-ng/highcharts-ng.d.ts b/highcharts-ng/highcharts-ng.d.ts
index e4440ea305..7d77635e74 100644
--- a/highcharts-ng/highcharts-ng.d.ts
+++ b/highcharts-ng/highcharts-ng.d.ts
@@ -6,11 +6,11 @@
 /// <reference path="../highcharts/highcharts.d.ts" />
 
 interface HighChartsNGConfig {
-    options: HighchartsOptions;
+    options: __Highcharts.Options;
     //The below properties are watched separately for changes.
 
     //Series object (optional) - a list of series using normal highcharts series options.
-    series?: HighchartsIndividualSeriesOptions[];
+    series?: __Highcharts.IndividualSeriesOptions[];
     //Title configuration (optional)
     title?: {
         text?: string;
@@ -33,11 +33,11 @@ interface HighChartsNGConfig {
         height?: number;
     };
     //function (optional) - setup some logic for the chart
-    func?: (chart: HighchartsChartObject) => void;
+    func?: (chart: __Highcharts.ChartObject) => void;
 }
 
 //Instantiated Chart
 interface HighChartsNGChart extends HighChartsNGConfig {
     //This is a simple way to access all the Highcharts API that is not currently managed by this directive.
-    getHighcharts(): HighchartsChartObject;
+    getHighcharts(): __Highcharts.ChartObject;
 }
diff --git a/highcharts/highcharts-modules-boost.d.ts b/highcharts/highcharts-modules-boost.d.ts
index 3f85bb887a..0991884558 100644
--- a/highcharts/highcharts-modules-boost.d.ts
+++ b/highcharts/highcharts-modules-boost.d.ts
@@ -5,7 +5,7 @@
 
 /// <reference path="highcharts.d.ts" />
 
-declare var HighchartsBoost: (H: HighchartsStatic) => HighchartsStatic;
+declare var HighchartsBoost: (H: __Highcharts.Static) => __Highcharts.Static;
 
 declare module "highcharts/modules/boost" {
     export = HighchartsBoost;
diff --git a/highcharts/highcharts-modules-exporting.d.ts b/highcharts/highcharts-modules-exporting.d.ts
index 4d3bdaa648..b6a0e49f30 100644
--- a/highcharts/highcharts-modules-exporting.d.ts
+++ b/highcharts/highcharts-modules-exporting.d.ts
@@ -5,7 +5,7 @@
 
 /// <reference path="highcharts.d.ts" />
 
-declare var HighchartsExporting: (H: HighchartsStatic) => HighchartsStatic;
+declare var HighchartsExporting: (H: __Highcharts.Static) => __Highcharts.Static;
 
 declare module "highcharts/modules/exporting" {
     export = HighchartsExporting;
diff --git a/highcharts/highcharts-modules-no-data-to-display.d.ts b/highcharts/highcharts-modules-no-data-to-display.d.ts
index ab5fdd1d0d..db799236b4 100644
--- a/highcharts/highcharts-modules-no-data-to-display.d.ts
+++ b/highcharts/highcharts-modules-no-data-to-display.d.ts
@@ -3,24 +3,26 @@
 // Definitions by: Andrey Zolotin <http://github.com/nitoloz>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 /// <reference path="highcharts.d.ts" />
-interface HighchartsChartObject {
-    /**
-     * Returns true if there are data points within the plot area now
-     * @return {boolean} If chart has any data.
-     * @since 3.0.8
-     */
-    hasData(): boolean;
+declare namespace __Highcharts {
+    interface ChartObject {
+        /**
+         * Returns true if there are data points within the plot area now
+         * @return {boolean} If chart has any data.
+         * @since 3.0.8
+         */
+        hasData(): boolean;
 
-    /**
-     * Hide the 'No data to display' message added by the no-data-to-display plugin.
-     * @since 3.0.8
-     */
-    hideNoData(): void;
+        /**
+         * Hide the 'No data to display' message added by the no-data-to-display plugin.
+         * @since 3.0.8
+         */
+        hideNoData(): void;
 
-    /**
-     * Display a no-data message.
-     * @param {String} message An optional message to show in place of the default one
-     * @since 3.0.8
-     */
-    showNoData(message?: string): void;
+        /**
+         * Display a no-data message.
+         * @param {String} message An optional message to show in place of the default one
+         * @since 3.0.8
+         */
+        showNoData(message?: string): void;
+    }
 }
diff --git a/highcharts/highcharts-modules-offline-exporting.d.ts b/highcharts/highcharts-modules-offline-exporting.d.ts
index 61c7c76eeb..d0721c2d46 100644
--- a/highcharts/highcharts-modules-offline-exporting.d.ts
+++ b/highcharts/highcharts-modules-offline-exporting.d.ts
@@ -5,7 +5,7 @@
 
 /// <reference path="highcharts.d.ts" />
 
-declare var HighchartsOfflineExporting: (H: HighchartsStatic) => HighchartsStatic;
+declare var HighchartsOfflineExporting: (H: __Highcharts.Static) => __Highcharts.Static;
 
 declare module "highcharts/modules/offline-exporting" {
     export = HighchartsOfflineExporting;
diff --git a/highcharts/highcharts-more.d.ts b/highcharts/highcharts-more.d.ts
index 1d42764b3c..b80ce30f4a 100644
--- a/highcharts/highcharts-more.d.ts
+++ b/highcharts/highcharts-more.d.ts
@@ -5,7 +5,7 @@
 
 /// <reference path="highcharts.d.ts" />
 
-declare var HighchartsMore: (H: HighchartsStatic) => HighchartsStatic;
+declare var HighchartsMore: (H: __Highcharts.Static) => __Highcharts.Static;
 
 declare module "highcharts/highcharts-more" {
     export = HighchartsMore;
diff --git a/highcharts/highcharts-tests.ts b/highcharts/highcharts-tests.ts
index d8b74de31e..a8b44d835b 100644
--- a/highcharts/highcharts-tests.ts
+++ b/highcharts/highcharts-tests.ts
@@ -16,13 +16,13 @@ function originalTests() {
     });
 
 
-    var animate: HighchartsAnimation = {
+    var animate: __Highcharts.Animation = {
         duration: 200,
         easing: "linear"
     };
 
 
-    var gradient: HighchartsGradient = {
+    var gradient: __Highcharts.Gradient = {
         linearGradient: {
             x1: 0,
             y1: 0,
@@ -42,19 +42,19 @@ function originalTests() {
             renderTo: "container"
         },
         xAxis: {},
-        series: [<HighchartsLineChartSeriesOptions>{
+        series: [<__Highcharts.LineChartSeriesOptions>{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             type: "line",
             allowPointSelect: true
         }]
     });
 
-    chart1.addSeries<HighchartsBarChartSeriesOptions>({
+    chart1.addSeries<__Highcharts.BarChartSeriesOptions>({
         enableMouseTracking: true,
         data: [1, 2, 3, 4, 5]
     });
 
-    console.log((<HighchartsLineChartSeriesOptions>chart1.series[0].options).dashStyle);
+    console.log((<__Highcharts.LineChartSeriesOptions>chart1.series[0].options).dashStyle);
 
     var chart2 = new Highcharts.Chart({
         chart: {
@@ -85,7 +85,7 @@ function originalTests() {
         legend: {
             enabled: false
         },
-        series: [<HighchartsScatterChartSeriesOptions>{
+        series: [<__Highcharts.ScatterChartSeriesOptions>{
             data: [
                 [550, 870], [738, 362], [719, 711], [547, 665], [595, 197], [332, 144],
                 [581, 555], [196, 862], [6, 837], [400, 924], [888, 148], [785, 730],
@@ -113,14 +113,14 @@ function originalTests() {
     var r = new Highcharts.Renderer(div, 20, 30);
     var box = r.text("Hello", 10, 10).getBBox();
 
-    var highChartSettings: HighchartsOptions = {
+    var highChartSettings: __Highcharts.Options = {
         chart: {
             width: 400,
             height: 400
         },
         xAxis: [{
         }],
-        series: [<HighchartsPieChartSeriesOptions>{
+        series: [<__Highcharts.PieChartSeriesOptions>{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
         }]
     };
@@ -129,16 +129,16 @@ function originalTests() {
         chart.series[0].setVisible(true, true);
     });
 
-    var singleYAxisOptions: HighchartsOptions = {
+    var singleYAxisOptions: __Highcharts.Options = {
         yAxis: {}
     };
-    var multipleYAxisOptions: HighchartsOptions = {
+    var multipleYAxisOptions: __Highcharts.Options = {
         yAxis: [{}, {}]
     };
 
     var renderToIdChart = new Highcharts.Chart("container", {
         xAxis: {},
-        series: [<HighchartsLineChartSeriesOptions>{
+        series: [<__Highcharts.LineChartSeriesOptions>{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             type: "line",
             allowPointSelect: true
@@ -147,7 +147,7 @@ function originalTests() {
 
     var renderToElementChart = new Highcharts.Chart(div, {
         xAxis: {},
-        series: [<HighchartsLineChartSeriesOptions>{
+        series: [<__Highcharts.LineChartSeriesOptions>{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             type: "line",
             allowPointSelect: true
@@ -156,7 +156,7 @@ function originalTests() {
 
     var createWithFunction = Highcharts.chart({
         xAxis: {},
-        series: [<HighchartsLineChartSeriesOptions>{
+        series: [<__Highcharts.LineChartSeriesOptions>{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             type: "line",
             allowPointSelect: true
@@ -165,7 +165,7 @@ function originalTests() {
 
     var createWithFunctionRenderToId = Highcharts.chart("container", {
         xAxis: {},
-        series: [<HighchartsLineChartSeriesOptions>{
+        series: [<__Highcharts.LineChartSeriesOptions>{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             type: "line",
             allowPointSelect: true
@@ -174,7 +174,7 @@ function originalTests() {
 
     var createWithFunctionRenderToElement = Highcharts.chart(div, {
         xAxis: {},
-        series: [<HighchartsLineChartSeriesOptions>{
+        series: [<__Highcharts.LineChartSeriesOptions>{
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             type: "line",
             allowPointSelect: true
@@ -183,7 +183,7 @@ function originalTests() {
 }
 
 function test_alldefaults() {
-    var options: HighchartsOptions = {
+    var options: __Highcharts.Options = {
         chart: {},
         credits: {},
         data: {},
@@ -207,19 +207,19 @@ function test_alldefaults() {
 }
 
 function test_ChartOptions() {
-    var emptyChartOptions: HighchartsChartOptions = {
+    var emptyChartOptions: __Highcharts.ChartOptions = {
         events: {},
         options3d: {},
         resetZoomButton: {}
     };
 
-    var allValuesSet: HighchartsChartOptions = {
+    var allValuesSet: __Highcharts.ChartOptions = {
         alignTicks: false,
         animation: {
             duration: 500,
             easing: "linear"
         },
-        backgroundColor: <HighchartsGradient> {
+        backgroundColor: <__Highcharts.Gradient> {
             linearGradient: {
                 x1: 0,
                 y1: 0,
@@ -233,7 +233,7 @@ function test_ChartOptions() {
         borderWidth: 5,
         className: "class",
         defaultSeriesType: "deprecated",
-        events: <HighchartsChartEvents> {
+        events: <__Highcharts.ChartEvents> {
             addSeries: () => {},
             afterPrint: () => {},
             beforePrint: () => {},
@@ -252,21 +252,21 @@ function test_ChartOptions() {
         marginLeft: 10,
         marginRight: 10,
         marginTop: 10,
-        options3d: <HighchartsChartOptions3d> {
+        options3d: <__Highcharts.ChartOptions3d> {
             alpha: 20,
             beta: 20,
             depth: 50,
             enabled: true,
             frame: {
-                back: <HighchartsChartOptions3dFrame> {
+                back: <__Highcharts.ChartOptions3dFrame> {
                     color: "black",
                     size: 2
                 },
-                bottom: <HighchartsChartOptions3dFrame> {
+                bottom: <__Highcharts.ChartOptions3dFrame> {
                     color: "black",
                     size: 2
                 },
-                side: <HighchartsChartOptions3dFrame> {
+                side: <__Highcharts.ChartOptions3dFrame> {
                     color: "black",
                     size: 2
                 }
@@ -280,7 +280,7 @@ function test_ChartOptions() {
         plotBackgroundImage: "http://image.url/image.jpg",
         plotBorderColor: "grey",
         plotBorderWidth: 5,
-        plotShadow: <HighchartsShadow> {
+        plotShadow: <__Highcharts.Shadow> {
             color: "magenta",
             offsetX: 10,
             offsetY: 10,
@@ -290,15 +290,15 @@ function test_ChartOptions() {
         polar: true,
         reflow: false,
         renderTo: "elementId",
-        resetZoomButton: <HighchartsChartResetZoomButton> {
-            position: <HighchartsPosition> {
+        resetZoomButton: <__Highcharts.ChartResetZoomButton> {
+            position: <__Highcharts.Position> {
                 align: "left",
                 verticalAlign: "top",
                 x: 5,
                 y: 5
             },
             relativeTo: "chart",
-            theme: <HighchartsButtonTheme> {
+            theme: <__Highcharts.ButtonTheme> {
                 display: "hidden",
                 fill: "black",
                 stroke: "white",
@@ -364,7 +364,7 @@ function test_ChartOptions() {
     });
 
     // animation example
-    $('#container').highcharts(<HighchartsOptions> {
+    $('#container').highcharts(<__Highcharts.Options> {
         chart: {
             animation: {
                 duration: 1500,
@@ -449,7 +449,7 @@ function test_ChartOptions() {
         chart: {
             events: {
                 addSeries: function () {
-                    var label = (<HighchartsChartObject>this).renderer.label('A series was added, about to redraw chart', 100, 120)
+                    var label = (<__Highcharts.ChartObject>this).renderer.label('A series was added, about to redraw chart', 100, 120)
                         .attr({
                             fill: Highcharts.getOptions().colors[0],
                             padding: 10,
@@ -578,7 +578,7 @@ function test_ChartOptions() {
 }
 
 function test_CreditsOptions() {
-    var allDefaults: HighchartsCreditsOptions = {};
+    var allDefaults: __Highcharts.CreditsOptions = {};
 
     // custom url and text example
     $('#container').highcharts({
@@ -597,7 +597,7 @@ function test_CreditsOptions() {
 
 function test_Data() {
     // all defaults
-    var data: HighchartsDataOptions = {};
+    var data: __Highcharts.DataOptions = {};
 
     // data from table example
     $('#container').highcharts({
@@ -631,10 +631,10 @@ function test_Data() {
             }
         },
         series: [
-            <HighchartsLineChartSeriesOptions> {
+            <__Highcharts.LineChartSeriesOptions> {
                 lineWidth: 1
             },
-            <HighchartsAreaSplineChartSeriesOptions> {
+            <__Highcharts.AreaSplineChartSeriesOptions> {
                 type: 'areaspline',
                 color: '#c4392d',
                 negativeColor: '#5679c4',
@@ -645,7 +645,7 @@ function test_Data() {
 
     // limited data example
     $('#container').highcharts({
-        data: <HighchartsDataOptions> {
+        data: <__Highcharts.DataOptions> {
             csv: document.getElementById('csv').innerHTML,
             startRow: 114,
             endRow: 134,
@@ -655,7 +655,7 @@ function test_Data() {
         xAxis: {
             allowDecimals: false
         },
-        series: [<HighchartsLineChartSeriesOptions> {
+        series: [<__Highcharts.LineChartSeriesOptions> {
             name: 'Annual mean'
         }]
     });
@@ -675,7 +675,7 @@ function test_Data() {
 }
 
 function test_Drilldown() {
-    var allDefaults: HighchartsDrilldownOptions = {};
+    var allDefaults: __Highcharts.DrilldownOptions = {};
 
     // multiseries drilldown example
     $('#container').highcharts({
@@ -686,14 +686,14 @@ function test_Drilldown() {
             type: 'category'
         },
         plotOptions: {
-            series: <HighchartsColumnChart> {
+            series: <__Highcharts.ColumnChart> {
                 borderWidth: 0,
                 dataLabels: {
                     enabled: true
                 }
             }
         },
-        series: [<HighchartsColumnChartSeriesOptions>{
+        series: [<__Highcharts.ColumnChartSeriesOptions>{
             name: '2010',
             data: [{
                 name: 'Republican',
@@ -708,7 +708,7 @@ function test_Drilldown() {
                 y: 4,
                 drilldown: 'other-2010'
             }]
-        }, <HighchartsColumnChartSeriesOptions>{
+        }, <__Highcharts.ColumnChartSeriesOptions>{
             name: '2014',
             data: [{
                 name: 'Republican',
@@ -725,7 +725,7 @@ function test_Drilldown() {
             }]
         }],
         drilldown: {
-            series: [<HighchartsColumnChartSeriesOptions>{
+            series: [<__Highcharts.ColumnChartSeriesOptions>{
                 id: 'republican-2010',
                 data: [
                     ['East', 4],
@@ -733,7 +733,7 @@ function test_Drilldown() {
                     ['North', 1],
                     ['South', 4]
                 ]
-            }, <HighchartsColumnChartSeriesOptions>{
+            }, <__Highcharts.ColumnChartSeriesOptions>{
                 id: 'democrats-2010',
                 data: [
                     ['East', 6],
@@ -741,7 +741,7 @@ function test_Drilldown() {
                     ['North', 2],
                     ['South', 4]
                 ]
-            }, <HighchartsColumnChartSeriesOptions>{
+            }, <__Highcharts.ColumnChartSeriesOptions>{
                 id: 'other-2010',
                 data: [
                     ['East', 2],
@@ -749,7 +749,7 @@ function test_Drilldown() {
                     ['North', 3],
                     ['South', 2]
                 ]
-            }, <HighchartsColumnChartSeriesOptions>{
+            }, <__Highcharts.ColumnChartSeriesOptions>{
                 id: 'republican-2014',
                 data: [
                     ['East', 2],
@@ -757,7 +757,7 @@ function test_Drilldown() {
                     ['North', 1],
                     ['South', 7]
                 ]
-            }, <HighchartsColumnChartSeriesOptions>{
+            }, <__Highcharts.ColumnChartSeriesOptions>{
                 id: 'democrats-2014',
                 data: [
                     ['East', 4],
@@ -765,7 +765,7 @@ function test_Drilldown() {
                     ['North', 5],
                     ['South', 3]
                 ]
-            }, <HighchartsColumnChartSeriesOptions>{
+            }, <__Highcharts.ColumnChartSeriesOptions>{
                 id: 'other-2014',
                 data: [
                     ['East', 7],
@@ -783,14 +783,14 @@ function test_Drilldown() {
             type: 'column'
         },
         plotOptions: {
-            series: <HighchartsColumnChart> {
+            series: <__Highcharts.ColumnChart> {
                 borderWidth: 0,
                 dataLabels: {
                     enabled: true
                 }
             }
         },
-        series: [<HighchartsColumnChartSeriesOptions>{
+        series: [<__Highcharts.ColumnChartSeriesOptions>{
             name: 'Things',
             colorByPoint: true,
             data: [{
@@ -858,7 +858,7 @@ function test_Drilldown() {
 }
 
 function test_Exporting() {
-    var allDefaults: HighchartsExportingOptions = {};
+    var allDefaults: __Highcharts.ExportingOptions = {};
 
     // source size example
     $('#container').highcharts({
@@ -890,13 +890,13 @@ function test_Exporting() {
 }
 
 function test_Loading() {
-    var allDefaults: HighchartsLoadingOptions = {};
+    var allDefaults: __Highcharts.LoadingOptions = {};
 
     // examples
     // the button handler
     var isLoading = false,
         $button = $('#button'),
-        chart: HighchartsChartObject;
+        chart: __Highcharts.ChartObject;
 
     $button.click(function () {
         if (!isLoading) {
@@ -932,7 +932,7 @@ function test_Loading() {
 }
 
 function test_Navigation() {
-    var allDefaults: HighchartsNavigationOptions = {};
+    var allDefaults: __Highcharts.NavigationOptions = {};
 
     // examples
     $('#container').highcharts({
@@ -974,7 +974,7 @@ function test_Navigation() {
 }
 
 function test_NoData() {
-    var allDefaults: HighchartsNoDataOptions = {};
+    var allDefaults: __Highcharts.NoDataOptions = {};
 
     // example
     $('#container').highcharts({
@@ -1000,7 +1000,7 @@ function test_NoData() {
 }
 
 function test_AreaOptions() {
-    var allDefaults: HighchartsAreaChartSeriesOptions = {};
+    var allDefaults: __Highcharts.AreaChartSeriesOptions = {};
 
     // examples
     $('#container').highcharts({
@@ -1011,12 +1011,12 @@ function test_AreaOptions() {
             categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
         },
         plotOptions: {
-            series: <HighchartsAreaChartSeriesOptions> {
+            series: <__Highcharts.AreaChartSeriesOptions> {
                 fillColor: {
                     linearGradient: [0, 0, 0, 300],
                     stops: [
                         [0, Highcharts.getOptions().colors[0]],
-                        [1, (<HighchartsGradient>Highcharts.Color(Highcharts.getOptions().colors[0])).setOpacity(0).get('rgba')]
+                        [1, (<__Highcharts.Gradient>Highcharts.Color(Highcharts.getOptions().colors[0])).setOpacity(0).get('rgba')]
                     ]
                 },
                 fillOpacity: 0.1,
@@ -1036,7 +1036,7 @@ function test_AreaOptions() {
 }
 
 function test_AreaRange() {
-    var allDefaults: HighchartsAreaRangeChartSeriesOptions = {};
+    var allDefaults: __Highcharts.AreaRangeChartSeriesOptions = {};
 
     // example
     $('#container').highcharts({
@@ -1044,7 +1044,7 @@ function test_AreaRange() {
             type: "arearange",
             zoomType: 'x'
         },
-        series: [<HighchartsAreaRangeChartSeriesOptions>{
+        series: [<__Highcharts.AreaRangeChartSeriesOptions>{
             data: (function (arr: number[], len: number) {
                 var i: number;
                 for (i = 0; i < len; i = i + 1) {
@@ -1090,7 +1090,7 @@ function test_AreaRange() {
             legend: {
                 enabled: false
             },
-            series: [<HighchartsAreaRangeChartSeriesOptions> {
+            series: [<__Highcharts.AreaRangeChartSeriesOptions> {
                 name: 'Temperatures',
                 data: data,
                 dataLabels: {
@@ -1105,7 +1105,7 @@ function test_AreaRange() {
 }
 
 function test_Bar() {
-    var allDefaults: HighchartsBarChartSeriesOptions = {};
+    var allDefaults: __Highcharts.BarChartSeriesOptions = {};
 
     $('#container').highcharts({
         chart: {
@@ -1115,7 +1115,7 @@ function test_Bar() {
             categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
         },
         plotOptions: {
-            series: <HighchartsBarChartSeriesOptions> {
+            series: <__Highcharts.BarChartSeriesOptions> {
                 borderColor: '#303030',
                 borderRadius: 5,
                 borderWidth: 2,
@@ -1174,7 +1174,7 @@ function test_Bar() {
 
     // grouping example
     Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function (color: string) {
-        return (<HighchartsGradient>Highcharts.Color(color))
+        return (<__Highcharts.Gradient>Highcharts.Color(color))
             .setOpacity(0.5)
             .get('rgba');
     });
@@ -1209,19 +1209,19 @@ function test_Bar() {
                 shadow: false
             }
         },
-        series: [<HighchartsBarChartSeriesOptions> {
+        series: [<__Highcharts.BarChartSeriesOptions> {
             name: 'Tokyo',
             data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
             pointPadding: 0
-        }, <HighchartsBarChartSeriesOptions> {
+        }, <__Highcharts.BarChartSeriesOptions> {
             name: 'New York',
             data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3],
             pointPadding: 0.1
-        }, <HighchartsBarChartSeriesOptions> {
+        }, <__Highcharts.BarChartSeriesOptions> {
             name: 'London',
             data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2],
             pointPadding: 0.2
-        }, <HighchartsBarChartSeriesOptions> {
+        }, <__Highcharts.BarChartSeriesOptions> {
             name: 'Berlin',
             data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1],
             pointPadding: 0.3
@@ -1230,7 +1230,7 @@ function test_Bar() {
 }
 
 function test_BoxPlot() {
-    var allDefaults: HighchartsBoxPlotChartSeriesOptions = {};
+    var allDefaults: __Highcharts.BoxPlotChartSeriesOptions = {};
 
     // boxplot example
     $('#container').highcharts({
@@ -1282,7 +1282,7 @@ function test_BoxPlot() {
 }
 
 function test_Bubble() {
-    var allDefaults: HighchartsBubbleChartSeriesOptions = {};
+    var allDefaults: __Highcharts.BubbleChartSeriesOptions = {};
 
     // bubble example
     $('#container').highcharts({
@@ -1307,7 +1307,7 @@ function test_Bubble() {
                 maxSize: 50
             }
         },
-        series: [<HighchartsBubbleChartSeriesOptions> {
+        series: [<__Highcharts.BubbleChartSeriesOptions> {
             data: [
                 [9, 81, 13],
                 [98, 5, 39],
@@ -1344,7 +1344,7 @@ function test_Bubble() {
         subtitle: {
             text: 'Size is computed by absolute value on negative bubbles'
         },
-        series: [<HighchartsBubbleChartSeriesOptions>{
+        series: [<__Highcharts.BubbleChartSeriesOptions>{
             data: [
                 [-5, 0, -5],
                 [-4, 0, -4],
@@ -1365,19 +1365,19 @@ function test_Bubble() {
 }
 
 function test_Column() {
-    var allDefaults: HighchartsColumnChartSeriesOptions = {};
+    var allDefaults: __Highcharts.ColumnChartSeriesOptions = {};
 
     // same options as bar chart
 }
 
 function test_ColumnRange() {
-    var allDefaults: HighchartsColumnRangeChartSeriesOptions = {};
+    var allDefaults: __Highcharts.ColumnRangeChartSeriesOptions = {};
 
     // same options as bar chart and datalabels from arearange
 }
 
 function test_ErrorBar() {
-    var allDefaults: HighchartsErrorBarChartSeriesOptions = {};
+    var allDefaults: __Highcharts.ErrorBarChartSeriesOptions = {};
 
     // error bar styling example
     $('#container').highcharts({
@@ -1401,7 +1401,7 @@ function test_ErrorBar() {
         tooltip: {
             shared: true
         },
-        series: [<HighchartsSplineChartSeriesOptions>{
+        series: [<__Highcharts.SplineChartSeriesOptions>{
             name: 'Temperature',
             type: 'spline',
             data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
@@ -1411,7 +1411,7 @@ function test_ErrorBar() {
             tooltip: {
                 pointFormat: '<span style="font-weight: bold; color: {series.color}">{series.name}</span>: <b>{point.y:.1f}°C</b><br/>'
             }
-        }, <HighchartsErrorBarChartSeriesOptions> {
+        }, <__Highcharts.ErrorBarChartSeriesOptions> {
             color: '#FF0000',
             name: 'Temperature error',
             type: 'errorbar',
@@ -1428,7 +1428,7 @@ function test_ErrorBar() {
 }
 
 function test_Funnel() {
-    var allDefaults: HighchartsFunnelChartSeriesOptions = {};
+    var allDefaults: __Highcharts.FunnelChartSeriesOptions = {};
 
     // funnel demo
     $('#container').highcharts({
@@ -1441,7 +1441,7 @@ function test_Funnel() {
             x: -50
         },
         plotOptions: {
-            series: <HighchartsFunnelChartSeriesOptions> {
+            series: <__Highcharts.FunnelChartSeriesOptions> {
                 dataLabels: {
                     enabled: true,
                     format: '<b>{point.name}</b> ({point.y:,.0f})',
@@ -1472,7 +1472,7 @@ function test_Funnel() {
 }
 
 function test_Gauge() {
-    var allDefaults: HighchartsGaugeChartSeriesOptions = {};
+    var allDefaults: __Highcharts.GaugeChartSeriesOptions = {};
 
     // example
     $('#container').highcharts({
@@ -1518,7 +1518,7 @@ function test_Gauge() {
                 }
             }
         },
-        series: [<HighchartsGaugeChartSeriesOptions> {
+        series: [<__Highcharts.GaugeChartSeriesOptions> {
             data: [80],
             overshoot: 5
         }]
@@ -1526,7 +1526,7 @@ function test_Gauge() {
 }
 
 function test_HeatMap() {
-    var allDefaults: HighchartsHeatMapSeriesOptions = {};
+    var allDefaults: __Highcharts.HeatMapSeriesOptions = {};
 
     // heatmap demo
     $('#container').highcharts({
@@ -1574,7 +1574,7 @@ function test_HeatMap() {
             ],
             min: -5
         },
-        series: [<HighchartsHeatMapSeriesOptions> {
+        series: [<__Highcharts.HeatMapSeriesOptions> {
             borderWidth: 0,
             colsize: 24 * 36e5, // one day
             tooltip: {
@@ -1586,7 +1586,7 @@ function test_HeatMap() {
 }
 
 function test_Line() {
-    var allDefaults: HighchartsLineChartSeriesOptions = {};
+    var allDefaults: __Highcharts.LineChartSeriesOptions = {};
 
     // step example
     $('#container').highcharts({
@@ -1596,17 +1596,17 @@ function test_Line() {
         xAxis: {
             categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
         },
-        series: [<HighchartsLineChartSeriesOptions>{
+        series: [<__Highcharts.LineChartSeriesOptions>{
             data: [1, 2, 3, 4, null, 6, 7, null, 9],
             step: 'right',
             name: 'Right',
             linecap: 'round'
-        }, <HighchartsLineChartSeriesOptions>{
+        }, <__Highcharts.LineChartSeriesOptions>{
             data: [5, 6, 7, 8, null, 10, 11, null, 13],
             step: 'center',
             name: 'Center',
             linecap: 'round'
-        }, <HighchartsLineChartSeriesOptions>{
+        }, <__Highcharts.LineChartSeriesOptions>{
             data: [9, 10, 11, 12, null, 14, 15, null, 17],
             step: 'left',
             name: 'Left',
@@ -1616,7 +1616,7 @@ function test_Line() {
 }
 
 function test_Pie() {
-    var allDefaults: HighchartsPieChartSeriesOptions = {};
+    var allDefaults: __Highcharts.PieChartSeriesOptions = {};
 
     // pie demo
     $('#container').highcharts({
@@ -1646,7 +1646,7 @@ function test_Pie() {
                 }
             }
         },
-        series: [<HighchartsPieChartSeriesOptions>{
+        series: [<__Highcharts.PieChartSeriesOptions>{
             name: "Brands",
             colorByPoint: true,
             data: [{
@@ -1705,7 +1705,7 @@ function test_Pie() {
                 center: ['50%', '75%']
             }
         },
-        series: [<HighchartsPieChartSeriesOptions>{
+        series: [<__Highcharts.PieChartSeriesOptions>{
             type: 'pie',
             name: 'Browser share',
             innerSize: '50%',
@@ -1757,7 +1757,7 @@ function test_Pie() {
 }
 
 function test_Polygon() {
-    var allDefaults: HighchartsPolygonChartSeriesOptions = {};
+    var allDefaults: __Highcharts.PolygonChartSeriesOptions = {};
 
     $('#container').highcharts({
         chart: {
@@ -1786,7 +1786,7 @@ function test_Polygon() {
 }
 
 function test_Pyramid() {
-    var allDefaults: HighchartsPyramidChartSeriesOptions = {};
+    var allDefaults: __Highcharts.PyramidChartSeriesOptions = {};
 
     // pyramid demo
     $('#container').highcharts({
@@ -1825,10 +1825,10 @@ function test_Pyramid() {
 }
 
 function test_SolidGauge() {
-    var allDefaults: HighchartsSolidGaugeChartSeriesOptions = {};
+    var allDefaults: __Highcharts.SolidGaugeChartSeriesOptions = {};
 
     // partial solid gauge demo
-    var gaugeOptions: HighchartsOptions = {
+    var gaugeOptions: __Highcharts.Options = {
         chart: {
             type: 'solidgauge'
         },
@@ -1848,12 +1848,14 @@ function test_SolidGauge() {
         tooltip: {
             enabled: false
         },
-        yAxis: {
-            stops: [
+				colorAxis: {
+					  stops: [
                 [0.1, '#55BF3B'], // green
                 [0.5, '#DDDF0D'], // yellow
                 [0.9, '#DF5353'] // red
-            ],
+            ]
+				},
+        yAxis: {
             lineWidth: 0,
             minorTickInterval: null,
             tickPixelInterval: 400,
@@ -1878,10 +1880,10 @@ function test_SolidGauge() {
 }
 
 function test_TreeMap() {
-    var allDefaults: HighchartsTreeMapChartSeriesOptions = {};
+    var allDefaults: __Highcharts.TreeMapChartSeriesOptions = {};
 
     // allowDrillToNode
-    var treeMap: HighchartsTreeMapChartSeriesOptions = {
+    var treeMap: __Highcharts.TreeMapChartSeriesOptions = {
         type: "treemap",
         layoutAlgorithm: 'squarified',
         allowDrillToNode: true,
@@ -1930,10 +1932,10 @@ function test_TreeMap() {
 }
 
 function test_Waterfall() {
-    var allDefaults: HighchartsWaterFallChartSeriesOptions = {};
+    var allDefaults: __Highcharts.WaterFallChartSeriesOptions = {};
 
     // partial waterfall demo
-    var series: HighchartsWaterFallChartSeriesOptions = {
+    var series: __Highcharts.WaterFallChartSeriesOptions = {
         upColor: Highcharts.getOptions().colors[2],
         color: Highcharts.getOptions().colors[3],
         data: [{
@@ -1976,9 +1978,9 @@ function test_Waterfall() {
 }
 
 function test_AxisOptions() {
-    var allDefaults: HighchartsAxisOptions = {};
+    var allDefaults: __Highcharts.AxisOptions = {};
 
-    var axis: HighchartsAxisOptions = {
+    var axis: __Highcharts.AxisOptions = {
         allowDecimals: false,
         alternateGridColor: '#000000',
         breaks: [{
@@ -2166,31 +2168,31 @@ function test_AxisObject() {
     axis.toPixels(10, true);
     axis.toValue(10);
     axis.toValue(10, true);
-    axis.update(<HighchartsAxisOptions>{});
-    axis.update(<HighchartsAxisOptions>{}, true);
+    axis.update(<__Highcharts.AxisOptions>{});
+    axis.update(<__Highcharts.AxisOptions>{}, true);
 }
 
 function test_ChartObject() {
     var chart = $("#container").highcharts();
-    chart.addAxis(<HighchartsAxisOptions>{});
-    chart.addAxis(<HighchartsAxisOptions>{}, true);
-    chart.addAxis(<HighchartsAxisOptions>{}, true, false);
-    chart.addAxis(<HighchartsAxisOptions>{}, true, true, false);
-    chart.addAxis(<HighchartsAxisOptions>{}, true, true, {duration: 50});
-    chart.addSeries(<HighchartsIndividualSeriesOptions>{});
-    chart.addSeries(<HighchartsIndividualSeriesOptions>{}, false);
-    chart.addSeries(<HighchartsIndividualSeriesOptions>{}, false, false);
-    chart.addSeries(<HighchartsIndividualSeriesOptions>{}, false, {duration: 50});
-    chart.addSeriesAsDrilldown(<HighchartsPointObject>{}, <HighchartsIndividualSeriesOptions>{});
+    chart.addAxis(<__Highcharts.AxisOptions>{});
+    chart.addAxis(<__Highcharts.AxisOptions>{}, true);
+    chart.addAxis(<__Highcharts.AxisOptions>{}, true, false);
+    chart.addAxis(<__Highcharts.AxisOptions>{}, true, true, false);
+    chart.addAxis(<__Highcharts.AxisOptions>{}, true, true, {duration: 50});
+    chart.addSeries(<__Highcharts.IndividualSeriesOptions>{});
+    chart.addSeries(<__Highcharts.IndividualSeriesOptions>{}, false);
+    chart.addSeries(<__Highcharts.IndividualSeriesOptions>{}, false, false);
+    chart.addSeries(<__Highcharts.IndividualSeriesOptions>{}, false, {duration: 50});
+    chart.addSeriesAsDrilldown(<__Highcharts.PointObject>{}, <__Highcharts.IndividualSeriesOptions>{});
     var container = chart.container;
     console.log(container.id);
     chart.destroy();
     chart.drillUp();
-    chart.exportChart(<HighchartsExportingOptions>{}, <HighchartsOptions>{});
-    chart.exportChartLocal(<HighchartsExportingOptions>{}, <HighchartsOptions>{});
+    chart.exportChart(<__Highcharts.ExportingOptions>{}, <__Highcharts.Options>{});
+    chart.exportChartLocal(<__Highcharts.ExportingOptions>{}, <__Highcharts.Options>{});
     var object = chart.get('axisIdOrSeriesIdOrPointId');
     var svg1 = chart.getSVG();
-    var svg2 = chart.getSVG(<HighchartsOptions>{});
+    var svg2 = chart.getSVG(<__Highcharts.Options>{});
     var selectedPoints = chart.getSelectedPoints();
     var selectedSeries = chart.getSelectedSeries();
     chart.hideLoading();
@@ -2255,7 +2257,7 @@ function test_ElementObject() {
 }
 
 function test_PointObject() {
-    var point = <HighchartsPointObject>$('#container').highcharts().get('point1');
+    var point = <__Highcharts.PointObject>$('#container').highcharts().get('point1');
     var category = point.category;
     var percentage = point.percentage;
     point.index;
@@ -2296,7 +2298,7 @@ function test_RendererObject() {
 }
 
 function test_SeriesObject() {
-    var series = <HighchartsSeriesObject>$('#container').highcharts().get('series1');
+    var series = <__Highcharts.SeriesObject>$('#container').highcharts().get('series1');
     series.addPoint(0);
     series.addPoint([0, 0]);
     series.addPoint({});
diff --git a/highcharts/highcharts.d.ts b/highcharts/highcharts.d.ts
index 2274e221d0..63684bec96 100644
--- a/highcharts/highcharts.d.ts
+++ b/highcharts/highcharts.d.ts
@@ -3,6364 +3,6363 @@
 // Definitions by: Damiano Gambarotto <http://github.com/damianog>, Dan Lewi Harkestad <http://github.com/baltie>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-interface HighchartsPosition {
-    align?: string;
-    verticalAlign?: string;
-    x?: number;
-    y?: number;
-}
+declare namespace __Highcharts {
+    interface Position {
+        align?: string;
+        verticalAlign?: string;
+        x?: number;
+        y?: number;
+    }
 
-interface HighchartsDateTimeFormats {
-    /**
-     * @default '%H:%M:%S.%L'
-     */
-    millisecond?: string;
-    /**
-     * @default '%H:%M:%S'
-     */
-    second?: string;
-    /**
-     * @default '%H:%M'
-     */
-    minute?: string;
-    /**
-     * @default '%H:%M'
-     */
-    hour?: string;
-    /**
-     * @default '%e. %b'
-     */
-    day?: string;
-    /**
-     * @default '%e. %b'
-     */
-    week?: string;
-    /**
-     * @default '%b \ '%y'
-     */
-    month?: string;
-    /**
-     * @default '%Y'
-     */
-    year?: string;
-}
+    interface DateTimeFormats {
+        /**
+         * @default '%H:%M:%S.%L'
+         */
+        millisecond?: string;
+        /**
+         * @default '%H:%M:%S'
+         */
+        second?: string;
+        /**
+         * @default '%H:%M'
+         */
+        minute?: string;
+        /**
+         * @default '%H:%M'
+         */
+        hour?: string;
+        /**
+         * @default '%e. %b'
+         */
+        day?: string;
+        /**
+         * @default '%e. %b'
+         */
+        week?: string;
+        /**
+         * @default '%b \ '%y'
+         */
+        month?: string;
+        /**
+         * @default '%Y'
+         */
+        year?: string;
+    }
 
-interface HighchartsAxisEvent extends Event {
-    min: number;
-    max: number;
-}
+    interface AxisEvent extends Event {
+        min: number;
+        max: number;
+    }
 
-interface HighchartsAxisLabels {
-    /**
-     * What part of the string the given position is anchored to. Can be one of 'left', 'center' or 'right'. Defaults to
-     * an intelligent guess based on which side of the chart the axis is on and the rotation of the label.
-     * @default 'center' on xAxis, 'right' on yAxis
-     */
-    align?: string;
-    /**
-     * For horizontal axes, the allowed degrees of label rotation to prevent overlapping labels. If there is enough
-     * space, labels are not rotated. As the chart gets narrower, it will start rotating the labels -45 degrees, then
-     * remove every second label and try again with rotations 0 and -45 etc. Set it to false to disable rotation, which
-     * will cause the labels to word-wrap if possible.
-     * @default [-45]
-     * @since 4.1.0
-     */
-    autoRotation?: number[];
-    /**
-     * When each category width is more than this many pixels, we don't apply auto rotation. Instead, we lay out the
-     * axis label with word wrap. A lower limit makes sense when the label contains multiple short words that don't
-     * extend the available horizontal space for each label.
-     * @default 80
-     * @since 4.1.5
-     */
-    autoRotationLimit?: number;
-    /**
-     * Polar charts only. The label's pixel distance from the perimeter of the plot area.
-     * @default 15
-     */
-    distance?: number;
-    /**
-     * Enable or disable the axis labels.
-     * @default true
-     */
-    enabled?: boolean;
-    /**
-     * A {@link http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting|format string} for the axis label.
-     * @default '{value}'
-     * @since 3.0
-     */
-    format?: string;
-    /**
-     * Callback JavaScript function to format the label. The value is given by this.value. Additional properties for
-     * this are axis, chart, isFirst and isLast.
-     * @default function() {return this.value;}
-     */
-    formatter?: () => string;
-    /**
-     * Horizontal axis only. When staggerLines is not set, maxStaggerLines defines how many lines the axis is allowed to
-     * add to automatically avoid overlapping X labels. Set to 1 to disable overlap detection.
-     * @default 5
-     * @since 3.0.3
-     * @deprecated
-     */
-    maxStaggerLines?: number;
-    /**
-     * How to handle overflowing labels on horizontal axis. Can be undefined, false or 'justify'. By default it aligns
-     * inside the chart area. If 'justify', labels will not render outside the plot area. If false, it will not be
-     * aligned at all. If there is room to move it, it will be aligned to the edge, else it will be removed.
-     * @since 2.2.5
-     * @deprecated
-     */
-    overflow?: string|boolean;
-    /**
-     * The pixel padding for axis labels, to ensure white space between them.
-     * @default 5
-     */
-    padding?: number;
-    /**
-     * Whether to reserve space for the labels. This can be turned off when for example the labels are rendered inside
-     * the plot area instead of outside.
-     * @default true
-     * @since 4.1.10
-     */
-    reserveSpace?: boolean;
-    /**
-     * Rotation of the labels in degrees.
-     * @default 0
-     */
-    rotation?: number;
-    /**
-     * Horizontal axes only. The number of lines to spread the labels over to make room or tighter labels.
-     * @since 2.1
-     */
-    staggerLines?: number;
-    /**
-     * To show only every n'th label on the axis, set the step to n. Setting the step to 2 shows every other label. By
-     * default, the step is calculated automatically to avoid overlap. To prevent this, set it to 1. This usually only
-     * happens on a category axis, and is often a sign that you have chosen the wrong axis type.
-     * Read more at {@link http://www.highcharts.com/docs/chart-concepts/axes|Axis docs} => What axis should I use?
-     * @since 2.1
-     */
-    step?: number;
-    /**
-     * CSS styles for the label. Use whiteSpace: 'nowrap' to prevent wrapping of category labels. Use textOverflow:
-     * 'none' to prevent ellipsis (dots).
-     * @default {'color':'#6D869F','fontWeight':'bold'}.
-     */
-    style?: HighchartsCSSObject;
-    /**
-     * Whether to use HTML to render the labels.
-     * @default false
-     */
-    useHTML?: boolean;
-    /**
-     * The x position offset of the label relative to the tick position on the axis.
-     * @default 0
-     */
-    x?: number;
-    /**
-     * The y position offset of the label relative to the tick position on the axis. The default makes it adapt to the
-     * font size on bottom axis.
-     * @default null
-     */
-    y?: number;
-    /**
-     * The Z index for the axis labels.
-     * @default 7
-     */
-    zIndex?: number;
-}
+    interface AxisLabels {
+        /**
+         * What part of the string the given position is anchored to. Can be one of 'left', 'center' or 'right'. Defaults to
+         * an intelligent guess based on which side of the chart the axis is on and the rotation of the label.
+         * @default 'center' on xAxis, 'right' on yAxis
+         */
+        align?: string;
+        /**
+         * For horizontal axes, the allowed degrees of label rotation to prevent overlapping labels. If there is enough
+         * space, labels are not rotated. As the chart gets narrower, it will start rotating the labels -45 degrees, then
+         * remove every second label and try again with rotations 0 and -45 etc. Set it to false to disable rotation, which
+         * will cause the labels to word-wrap if possible.
+         * @default [-45]
+         * @since 4.1.0
+         */
+        autoRotation?: number[];
+        /**
+         * When each category width is more than this many pixels, we don't apply auto rotation. Instead, we lay out the
+         * axis label with word wrap. A lower limit makes sense when the label contains multiple short words that don't
+         * extend the available horizontal space for each label.
+         * @default 80
+         * @since 4.1.5
+         */
+        autoRotationLimit?: number;
+        /**
+         * Polar charts only. The label's pixel distance from the perimeter of the plot area.
+         * @default 15
+         */
+        distance?: number;
+        /**
+         * Enable or disable the axis labels.
+         * @default true
+         */
+        enabled?: boolean;
+        /**
+         * A {@link http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting|format string} for the axis label.
+         * @default '{value}'
+         * @since 3.0
+         */
+        format?: string;
+        /**
+         * Callback JavaScript function to format the label. The value is given by this.value. Additional properties for
+         * this are axis, chart, isFirst and isLast.
+         * @default function() {return this.value;}
+         */
+        formatter?: () => string;
+        /**
+         * Horizontal axis only. When staggerLines is not set, maxStaggerLines defines how many lines the axis is allowed to
+         * add to automatically avoid overlapping X labels. Set to 1 to disable overlap detection.
+         * @default 5
+         * @since 3.0.3
+         * @deprecated
+         */
+        maxStaggerLines?: number;
+        /**
+         * How to handle overflowing labels on horizontal axis. Can be undefined, false or 'justify'. By default it aligns
+         * inside the chart area. If 'justify', labels will not render outside the plot area. If false, it will not be
+         * aligned at all. If there is room to move it, it will be aligned to the edge, else it will be removed.
+         * @since 2.2.5
+         * @deprecated
+         */
+        overflow?: string|boolean;
+        /**
+         * The pixel padding for axis labels, to ensure white space between them.
+         * @default 5
+         */
+        padding?: number;
+        /**
+         * Whether to reserve space for the labels. This can be turned off when for example the labels are rendered inside
+         * the plot area instead of outside.
+         * @default true
+         * @since 4.1.10
+         */
+        reserveSpace?: boolean;
+        /**
+         * Rotation of the labels in degrees.
+         * @default 0
+         */
+        rotation?: number;
+        /**
+         * Horizontal axes only. The number of lines to spread the labels over to make room or tighter labels.
+         * @since 2.1
+         */
+        staggerLines?: number;
+        /**
+         * To show only every n'th label on the axis, set the step to n. Setting the step to 2 shows every other label. By
+         * default, the step is calculated automatically to avoid overlap. To prevent this, set it to 1. This usually only
+         * happens on a category axis, and is often a sign that you have chosen the wrong axis type.
+         * Read more at {@link http://www.highcharts.com/docs/chart-concepts/axes|Axis docs} => What axis should I use?
+         * @since 2.1
+         */
+        step?: number;
+        /**
+         * CSS styles for the label. Use whiteSpace: 'nowrap' to prevent wrapping of category labels. Use textOverflow:
+         * 'none' to prevent ellipsis (dots).
+         * @default {'color':'#6D869F','fontWeight':'bold'}.
+         */
+        style?: CSSObject;
+        /**
+         * Whether to use HTML to render the labels.
+         * @default false
+         */
+        useHTML?: boolean;
+        /**
+         * The x position offset of the label relative to the tick position on the axis.
+         * @default 0
+         */
+        x?: number;
+        /**
+         * The y position offset of the label relative to the tick position on the axis. The default makes it adapt to the
+         * font size on bottom axis.
+         * @default null
+         */
+        y?: number;
+        /**
+         * The Z index for the axis labels.
+         * @default 7
+         */
+        zIndex?: number;
+    }
 
-interface HighchartsMousePlotEvents {
-    click?: (event: Event) => void;
-    mouseover?: (event: Event) => void;
-    mouseout?: (event: Event) => void;
-    mousemove?: (event: Event) => void;
-}
+    interface MousePlotEvents {
+        click?: (event: Event) => void;
+        mouseover?: (event: Event) => void;
+        mouseout?: (event: Event) => void;
+        mousemove?: (event: Event) => void;
+    }
 
-/**
- * Text labels for the plot bands
- */
-interface HighchartsPlotLabel {
-    /**
-     * Horizontal alignment of the label. Can be one of 'left', 'center' or 'right'.
-     * @default 'center'
-     * @since 2.1
-     */
-    align?: string;
-    /**
-     * Rotation of the text label in degrees.
-     * @default 0
-     * @since 2.1
-     */
-    rotation?: number;
-    /**
-     * CSS styles for the text label.
-     * @since 2.1
-     */
-    style?: HighchartsCSSObject;
-    /**
-     * The string text itself. A subset of HTML is supported.
-     * @since 2.1
-     */
-    text?: string;
-    /**
-     * The text alignment for the label. While align determines where the texts anchor point is placed within the plot
-     * band, textAlign determines how the text is aligned against its anchor point. Possible values are 'left', 'center'
-     * and 'right'. Defaults to the same as the align option.
-      * @since 2.1
-     */
-    textAlign?: string;
-    /**
-     * Whether to {@link http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html|use HTML} to render the labels.
-     * @default false
-     * @since 3.0.3
-     */
-    useHTML?: boolean;
-    /**
-     * Vertical alignment of the label relative to the plot band. Can be one of 'top', 'middle' or 'bottom'.
-     * @default 'top'
-     * @since 2.1
-     */
-    verticalAlign?: string;
-    /**
-     * Horizontal position relative the alignment. Default varies by orientation.
-     * @since 2.1
-     */
-    x?: number;
-    /**
-     * Vertical position of the text baseline relative to the alignment. Default varies by orientation.
-     * @since 2.1
-     */
-    y?: number;
-}
-
-interface HighchartsPlotBands {
-    /**
-     * Border color for the plot band. Also requires borderWidth to be set.
-     * @default null
-     */
-    borderColor?: Color;
-    /**
-     * Border width for the plot band. Also requires borderColor to be set.
-     * @default 0
-     */
-    borderWidth?: number;
-    /**
-     * The color of the plot band.
-     */
-    color?: Color;
-    /**
-     * An object defining mouse events for the plot band. Supported properties are click, mouseover, mouseout,
-     * mousemove.
-     * The this keyword refers to the PlotLineOrBand object.
-     * @since 1.2
-     */
-    events?: HighchartsMousePlotEvents;
-    /**
-     * The start position of the plot band in axis units.
-     */
-    from?: number;
-    /**
-     * An id used for identifying the plot band in Axis.removePlotBand.
-     */
-    id?: string;
-    /**
-     * In a gauge chart, this option determines the inner radius of the plot band that stretches along the perimeter. It
-     * can be given as a percentage string, like '100%', or as a pixel number, like 100. By default, the inner radius is
-     * controlled by the thickness option.
-     * Only defined for yAxis.plotBands
-     * @default null
-     * @since 2.3
-     */
-    innerRadius?: number|string;
     /**
      * Text labels for the plot bands
      */
-    label?: HighchartsPlotLabel;
-    /**
-     * In a gauge chart, this option determines the outer radius of the plot band that stretches along the perimeter. It
-     * can be given as a percentage string, like '100%', or as a pixel number, like 100.
-     * Only defined for yAxis.plotBands
-     * @default '100%'
-     * @since 2.3
-     */
-    outerRadius?: number|string;
-    /**
-     * In a gauge chart, this option sets the width of the plot band stretching along the perimeter. It can be given as
-     * a percentage string, like '10%', or as a pixel number, like 10. The default value 10 is the same as the default
-     * tickLength, thus making the plot band act as a background for the tick markers.
-     * Only defined for yAxis.plotBands
-     * @default 10
-     * @since 2.3
-     */
-    thickness?: number|string;
-    /**
-     * The end position of the plot band in axis units.
-     */
-    to?: number;
-    /**
-     * The z index of the plot band within the chart, relative to other elements. Using the same z index as another
-     * element may give unpredictable results, as the last rendered element will be on top. Values from 0 to 20 make
-     * sense.
-     * @since 1.2
-     */
-    zIndex?: number;
-}
-
-/**
- * An array of lines stretching across the plot area, marking a specific value
- * on one of the axes.
- */
-interface HighchartsPlotLines {
-    /**
-     * The color of the line.
-     */
-    color?: string | HighchartsGradient;
-    /**
-     * The dashing or dot style for the plot line. For possible values see
-     * {@link http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-dashstyle-all/|this overview}.
-     * (Solid ShortDash ShortDot ShortDashDot ShortDashDotDot Dot Dash LongDash DashDot LongDashDot LongDashDotDot)
-     * @default 'Solid'
-     * @since 1.2
-     */
-    dashStyle?: string;
-    /**
-     * An object defining mouse events for the plot line. Supported properties are click, mouseover, mouseout,
-     * mousemove.
-     * The this keyword refers to the PlotLineOrBand object.
-     * @since 1.2
-     */
-    events?: HighchartsMousePlotEvents;
-    /**
-     * An id used for identifying the plot line in Axis.removePlotLine.
-     */
-    id?: string;
-    /**
-     * Text labels for the plot lines
-     */
-    label?: HighchartsPlotLabel;
-    /**
-     * The position of the line in axis units.
-     */
-    value?: number;
-    /**
-     * The width or thickness of the plot line.
-     */
-    width?: number;
-    /**
-     * The z index of the plot line within the chart.
-     * @since 1.2
-     */
-    zIndex?: number;
-}
-
-interface HighchartsAxisTitle {
-    /**
-     * Alignment of the title relative to the axis values. Possible values are 'low', 'middle' or 'high'.
-     * @default 'middle'
-     */
-    align?: string;
-    /**
-     * Set the text to null to disable the title.
-     * @default 'middle'
-     * @deprecated
-     */
-    enabled?: string;
-    /**
-     * The pixel distance between the axis labels or line and the title.
-     * @default xAxis: 0 for horizontal axes, 10 for vertical axes, yAxis: 40
-     */
-    margin?: number;
-    /**
-     * The distance of the axis title from the axis line. By default, this distance is computed from the offset width of
-     * the labels, the labels' distance from the axis and the title's margin. However when the offset option is set, it
-     * overrides all this.
-     * @since 2.2.0
-     */
-    offset?: number;
-    /**
-     * The rotation of the text in degrees. 0 is horizontal, 270 is vertical reading from bottom to top.
-     * @default xAxis: 0, yAxis: 270
-     */
-    rotation?: number;
-    /**
-     * CSS styles for the title. When titles are rotated they are rendered using vector graphic techniques and not all
-     * styles are applicable.
-     * @default { 'color': '#707070', 'fontWeight': 'bold' }.
-     */
-    style?: HighchartsCSSObject;
-    /**
-     * The actual text of the axis title. It can contain basic HTML text markup like <b>, <i> and spans with style.
-     * @default xAxis: null, yAxis: 'Values'
-     */
-    text?: string;
-    /**
-     * Horizontal pixel offset of the title position.
-     * @default 0
-     * @since 4.1.6
-     */
-    x?: number;
-    /**
-     * Vertical pixel offset of the title position.
-     */
-    y?: number;
-}
-
-interface HighchartsAxisBreak {
-    /**
-     * A number indicating how much space should be left between the start and the end of the break. The break size is
-     * given in axis units, so for instance on a datetime axis, a break size of 3600000 would indicate the equivalent of
-     * an hour.
-     * @default 0
-     * @since 4.1.0
-     */
-    breakSize?: number;
-    /**
-     * The point where the break starts.
-     * @since 4.1.0
-     */
-    from?: number;
-    /**
-     * Defines an interval after which the break appears again. By default the breaks do not repeat.
-     * @default 0
-     * @since 4.1.0
-     */
-    repeat?: number;
-    /**
-     * The point where the break ends.
-     * @since 4.1.0
-     */
-    to?: number;
-}
-
-interface HighchartsAxisOptions {
-    /**
-     * Whether to allow decimals in this axis' ticks. When counting integers,
-     * like persons or hits on a web page, decimals must be avoided in the axis
-     * tick labels.
-     * @default true
-     * @since 2.0
-     */
-    allowDecimals?: boolean;
-    /**
-     * When using an alternate grid color, a band is painted across the plot
-     * area between every other grid line.
-     */
-    alternateGridColor?: string;
-    /**
-     * An array defining breaks in the axis, the sections defined will be left out and all the points shifted closer to
-     * each other. Requires that the broken-axis.js module is loaded.
-     * @since 4.1.0
-     */
-    breaks?: HighchartsAxisBreak[];
-    /**
-     * If categories are present for the xAxis, names are used instead of numbers for that axis. Since Highcharts 3.0,
-     * categories can also be extracted by giving each point a name and setting axis type to category. However, if you
-     * have multiple series, best practice remains defining the categories array.
-     * Example:
-     * categories: ['Apples', 'Bananas', 'Oranges']
-     * @default null
-     */
-    categories?: string[];
-    /**
-     * The highest allowed value for automatically computed axis extremes.
-     * @since 4.0
-     */
-    ceiling?: number;
-    /**
-     * Configure a crosshair that follows either the mouse pointer or the hovered point.
-     */
-    crosshair?: HighchartsCrosshairObject | boolean;
-    /**
-     * For a datetime axis, the scale will automatically adjust to the appropriate unit. This member gives the default
-     * string representations used for each unit. For an overview of the replacement codes, see dateFormat.
-     */
-    dateTimeLabelFormats?: HighchartsDateTimeFormats;
-    /**
-     * Whether to force the axis to end on a tick. Use this option with the maxPadding option to control the axis end.
-     * @default false
-     */
-    endOnTick?: boolean;
-    /**
-     * Event handlers for the axis
-     */
-    events?: {
+    interface PlotLabel {
         /**
-         * An event fired after the breaks have rendered.
-         * @since 4.1.0
+         * Horizontal alignment of the label. Can be one of 'left', 'center' or 'right'.
+         * @default 'center'
+         * @since 2.1
          */
-        afterBreaks?: (event: Event) => void;
+        align?: string;
         /**
-         * As opposed to the setExtremes event, this event fires after the final min and max values are computed and
-         * corrected for minRange.
-         * The this keyword refers to the {@link HighchartsAxisObject|Axis} object.
+         * Rotation of the text label in degrees.
+         * @default 0
+         * @since 2.1
+         */
+        rotation?: number;
+        /**
+         * CSS styles for the text label.
+         * @since 2.1
+         */
+        style?: CSSObject;
+        /**
+         * The string text itself. A subset of HTML is supported.
+         * @since 2.1
+         */
+        text?: string;
+        /**
+         * The text alignment for the label. While align determines where the texts anchor point is placed within the plot
+         * band, textAlign determines how the text is aligned against its anchor point. Possible values are 'left', 'center'
+         * and 'right'. Defaults to the same as the align option.
+         * @since 2.1
+         */
+        textAlign?: string;
+        /**
+         * Whether to {@link http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html|use HTML} to render the labels.
+         * @default false
+         * @since 3.0.3
+         */
+        useHTML?: boolean;
+        /**
+         * Vertical alignment of the label relative to the plot band. Can be one of 'top', 'middle' or 'bottom'.
+         * @default 'top'
+         * @since 2.1
+         */
+        verticalAlign?: string;
+        /**
+         * Horizontal position relative the alignment. Default varies by orientation.
+         * @since 2.1
+         */
+        x?: number;
+        /**
+         * Vertical position of the text baseline relative to the alignment. Default varies by orientation.
+         * @since 2.1
+         */
+        y?: number;
+    }
+
+    interface PlotBands {
+        /**
+         * Border color for the plot band. Also requires borderWidth to be set.
+         * @default null
+         */
+        borderColor?: Color;
+        /**
+         * Border width for the plot band. Also requires borderColor to be set.
+         * @default 0
+         */
+        borderWidth?: number;
+        /**
+         * The color of the plot band.
+         */
+        color?: Color;
+        /**
+         * An object defining mouse events for the plot band. Supported properties are click, mouseover, mouseout,
+         * mousemove.
+         * The this keyword refers to the PlotLineOrBand object.
+         * @since 1.2
+         */
+        events?: MousePlotEvents;
+        /**
+         * The start position of the plot band in axis units.
+         */
+        from?: number;
+        /**
+         * An id used for identifying the plot band in Axis.removePlotBand.
+         */
+        id?: string;
+        /**
+         * In a gauge chart, this option determines the inner radius of the plot band that stretches along the perimeter. It
+         * can be given as a percentage string, like '100%', or as a pixel number, like 100. By default, the inner radius is
+         * controlled by the thickness option.
+         * Only defined for yAxis.plotBands
+         * @default null
          * @since 2.3
          */
-        afterSetExtremes?: (event: HighchartsAxisEvent) => void;
+        innerRadius?: number|string;
         /**
-         * An event fired when a break from this axis occurs on a point.
-         * The this keyword refers to the {@link HighchartsAxisObject|Axis} object.
+         * Text labels for the plot bands
          */
-        pointBreak?: (event: Event) => void;
+        label?: PlotLabel;
         /**
-         * Fires when the minimum and maximum is set for the axis, either by calling the .setExtremes() method or by
-         * selecting an area in the chart. One parameter, event, is passed to the function. This contains common event
-         * information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
-         *
-         * The new user set minimum and maximum values can be found by event.min and event.max. When an axis is zoomed
-         * all the way out from the 'Reset zoom' button, event.min and event.max are null, and the new extremes are set
-         * based on this.dataMin and this.dataMax.
-         *
-         * The this keyword refers to the {@link HighchartsAxisObject|Axis} object.
+         * In a gauge chart, this option determines the outer radius of the plot band that stretches along the perimeter. It
+         * can be given as a percentage string, like '100%', or as a pixel number, like 100.
+         * Only defined for yAxis.plotBands
+         * @default '100%'
+         * @since 2.3
+         */
+        outerRadius?: number|string;
+        /**
+         * In a gauge chart, this option sets the width of the plot band stretching along the perimeter. It can be given as
+         * a percentage string, like '10%', or as a pixel number, like 10. The default value 10 is the same as the default
+         * tickLength, thus making the plot band act as a background for the tick markers.
+         * Only defined for yAxis.plotBands
+         * @default 10
+         * @since 2.3
+         */
+        thickness?: number|string;
+        /**
+         * The end position of the plot band in axis units.
+         */
+        to?: number;
+        /**
+         * The z index of the plot band within the chart, relative to other elements. Using the same z index as another
+         * element may give unpredictable results, as the last rendered element will be on top. Values from 0 to 20 make
+         * sense.
+         * @since 1.2
+         */
+        zIndex?: number;
+    }
+
+    /**
+     * An array of lines stretching across the plot area, marking a specific value
+     * on one of the axes.
+     */
+    interface PlotLines {
+        /**
+         * The color of the line.
+         */
+        color?: string | Gradient;
+        /**
+         * The dashing or dot style for the plot line. For possible values see
+         * {@link http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-dashstyle-all/|this overview}.
+         * (Solid ShortDash ShortDot ShortDashDot ShortDashDotDot Dot Dash LongDash DashDot LongDashDot LongDashDotDot)
+         * @default 'Solid'
+         * @since 1.2
+         */
+        dashStyle?: string;
+        /**
+         * An object defining mouse events for the plot line. Supported properties are click, mouseover, mouseout,
+         * mousemove.
+         * The this keyword refers to the PlotLineOrBand object.
+         * @since 1.2
+         */
+        events?: MousePlotEvents;
+        /**
+         * An id used for identifying the plot line in Axis.removePlotLine.
+         */
+        id?: string;
+        /**
+         * Text labels for the plot lines
+         */
+        label?: PlotLabel;
+        /**
+         * The position of the line in axis units.
+         */
+        value?: number;
+        /**
+         * The width or thickness of the plot line.
+         */
+        width?: number;
+        /**
+         * The z index of the plot line within the chart.
+         * @since 1.2
+         */
+        zIndex?: number;
+    }
+
+    interface AxisTitle {
+        /**
+         * Alignment of the title relative to the axis values. Possible values are 'low', 'middle' or 'high'.
+         * @default 'middle'
+         */
+        align?: string;
+        /**
+         * Set the text to null to disable the title.
+         * @default 'middle'
+         * @deprecated
+         */
+        enabled?: string;
+        /**
+         * The pixel distance between the axis labels or line and the title.
+         * @default xAxis: 0 for horizontal axes, 10 for vertical axes, yAxis: 40
+         */
+        margin?: number;
+        /**
+         * The distance of the axis title from the axis line. By default, this distance is computed from the offset width of
+         * the labels, the labels' distance from the axis and the title's margin. However when the offset option is set, it
+         * overrides all this.
+         * @since 2.2.0
+         */
+        offset?: number;
+        /**
+         * The rotation of the text in degrees. 0 is horizontal, 270 is vertical reading from bottom to top.
+         * @default xAxis: 0, yAxis: 270
+         */
+        rotation?: number;
+        /**
+         * CSS styles for the title. When titles are rotated they are rendered using vector graphic techniques and not all
+         * styles are applicable.
+         * @default { 'color': '#707070', 'fontWeight': 'bold' }.
+         */
+        style?: CSSObject;
+        /**
+         * The actual text of the axis title. It can contain basic HTML text markup like <b>, <i> and spans with style.
+         * @default xAxis: null, yAxis: 'Values'
+         */
+        text?: string;
+        /**
+         * Horizontal pixel offset of the title position.
+         * @default 0
+         * @since 4.1.6
+         */
+        x?: number;
+        /**
+         * Vertical pixel offset of the title position.
+         */
+        y?: number;
+    }
+
+    interface AxisBreak {
+        /**
+         * A number indicating how much space should be left between the start and the end of the break. The break size is
+         * given in axis units, so for instance on a datetime axis, a break size of 3600000 would indicate the equivalent of
+         * an hour.
+         * @default 0
+         * @since 4.1.0
+         */
+        breakSize?: number;
+        /**
+         * The point where the break starts.
+         * @since 4.1.0
+         */
+        from?: number;
+        /**
+         * Defines an interval after which the break appears again. By default the breaks do not repeat.
+         * @default 0
+         * @since 4.1.0
+         */
+        repeat?: number;
+        /**
+         * The point where the break ends.
+         * @since 4.1.0
+         */
+        to?: number;
+    }
+
+    interface AxisOptions {
+        /**
+         * Whether to allow decimals in this axis' ticks. When counting integers,
+         * like persons or hits on a web page, decimals must be avoided in the axis
+         * tick labels.
+         * @default true
+         * @since 2.0
+         */
+        allowDecimals?: boolean;
+        /**
+         * When using an alternate grid color, a band is painted across the plot
+         * area between every other grid line.
+         */
+        alternateGridColor?: string;
+        /**
+         * An array defining breaks in the axis, the sections defined will be left out and all the points shifted closer to
+         * each other. Requires that the broken-axis.js module is loaded.
+         * @since 4.1.0
+         */
+        breaks?: AxisBreak[];
+        /**
+         * If categories are present for the xAxis, names are used instead of numbers for that axis. Since Highcharts 3.0,
+         * categories can also be extracted by giving each point a name and setting axis type to category. However, if you
+         * have multiple series, best practice remains defining the categories array.
+         * Example:
+         * categories: ['Apples', 'Bananas', 'Oranges']
+         * @default null
+         */
+        categories?: string[];
+        /**
+         * The highest allowed value for automatically computed axis extremes.
+         * @since 4.0
+         */
+        ceiling?: number;
+        /**
+         * Configure a crosshair that follows either the mouse pointer or the hovered point.
+         */
+        crosshair?: CrosshairObject | boolean;
+        /**
+         * For a datetime axis, the scale will automatically adjust to the appropriate unit. This member gives the default
+         * string representations used for each unit. For an overview of the replacement codes, see dateFormat.
+         */
+        dateTimeLabelFormats?: DateTimeFormats;
+        /**
+         * Whether to force the axis to end on a tick. Use this option with the maxPadding option to control the axis end.
+         * @default false
+         */
+        endOnTick?: boolean;
+        /**
+         * Event handlers for the axis
+         */
+        events?: {
+            /**
+             * An event fired after the breaks have rendered.
+             * @since 4.1.0
+             */
+            afterBreaks?: (event: Event) => void;
+            /**
+             * As opposed to the setExtremes event, this event fires after the final min and max values are computed and
+             * corrected for minRange.
+             * The this keyword refers to the {@link AxisObject|Axis} object.
+             * @since 2.3
+             */
+            afterSetExtremes?: (event: AxisEvent) => void;
+            /**
+             * An event fired when a break from this axis occurs on a point.
+             * The this keyword refers to the {@link AxisObject|Axis} object.
+             */
+            pointBreak?: (event: Event) => void;
+            /**
+             * Fires when the minimum and maximum is set for the axis, either by calling the .setExtremes() method or by
+             * selecting an area in the chart. One parameter, event, is passed to the function. This contains common event
+             * information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
+             *
+             * The new user set minimum and maximum values can be found by event.min and event.max. When an axis is zoomed
+             * all the way out from the 'Reset zoom' button, event.min and event.max are null, and the new extremes are set
+             * based on this.dataMin and this.dataMax.
+             *
+             * The this keyword refers to the {@link AxisObject|Axis} object.
+             * @since 1.2.0
+             */
+            setExtremes?: (event: AxisEvent) => void;
+        };
+        /**
+         * The lowest allowed value for automatically computed axis extremes.
+         * @default null
+         * @since 4.0
+         */
+        floor?: number;
+        /**
+         * Color of the grid lines extending the ticks across the plot area.
+         * @defaults to '#D8D8D8'.
+         */
+        gridLineColor?: string;
+        /**
+         * The dash or dot style of the grid lines. For possible values, see {@http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-dashstyle-all/|this demonstration}. Defaults to Solid.
+         * @since 1.2
+         */
+        gridLineDashStyle?: string;
+        /**
+         * The width of the grid lines extending the ticks across the plot area.
+         * @default 0
+         */
+        gridLineWidth?: number;
+        /**
+         * The Z index of the grid lines.
+         * @default 1
+         */
+        gridZIndex?: number;
+        /**
+         * An id for the axis. This can be used after render time to get a pointer to the axis object through chart.get().
          * @since 1.2.0
          */
-        setExtremes?: (event: HighchartsAxisEvent) => void;
-    };
-    /**
-     * The lowest allowed value for automatically computed axis extremes.
-     * @default null
-     * @since 4.0
-     */
-    floor?: number;
-    /**
-     * Color of the grid lines extending the ticks across the plot area.
-     * @defaults to '#D8D8D8'.
-     */
-    gridLineColor?: string;
-    /**
-     * The dash or dot style of the grid lines. For possible values, see {@http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-dashstyle-all/|this demonstration}. Defaults to Solid.
-     * @since 1.2
-     */
-    gridLineDashStyle?: string;
-    /**
-     * The width of the grid lines extending the ticks across the plot area.
-     * @default 0
-     */
-    gridLineWidth?: number;
-    /**
-     * The Z index of the grid lines.
-     * @default 1
-     */
-    gridZIndex?: number;
-    /**
-     * An id for the axis. This can be used after render time to get a pointer to the axis object through chart.get().
-     * @since 1.2.0
-     */
-    id?: string;
-    /**
-     * The axis labels show the number or category for each tick.
-     */
-    labels?: HighchartsAxisLabels;
-    /**
-     * The color of the line marking the axis itself.
-     * @default '#C0D0E0'.
-     */
-    lineColor?: string | HighchartsGradient;
-    /**
-     * The width of the line marking the axis itself.
-     * @default 1
-     */
-    lineWidth?: number;
-    /**
-     * Index of another axis that this axis is linked to. When an axis is linked to a master axis, it will take the same
-     * extremes as the master, but as assigned by min or max or by setExtremes. It can be used to show additional info,
-     * or to ease reading the chart by duplicating the scales.
-     * @since 2.0.2
-     */
-    linkedTo?: number;
-    /**
-     * The maximum value of the axis. If null, the max value is automatically calculated. If the endOnTick option is
-     * true, the max value might be rounded up. The actual maximum value is also influenced by chart.alignTicks.
-     */
-    max?: number;
-    /**
-     * Padding of the max value relative to the length of the axis. A padding of 0.05 will make a 100px axis 5px longer.
-     * This is useful when you don't want the highest data value to appear on the edge of the plot area. When the axis'
-     * max option is set or a max extreme is set using axis.setExtremes(), the maxPadding will be ignored.
-     * @default 0.01
-     * @since 1.2.0
-     */
-    maxPadding?: number;
-    /**
-     * Renamed to minRange as of Highcharts 2.2.
-     * @deprecated
-     */
-    maxZoom?: number;
-    /**
-     * The minimum value of the axis. If null the min value is automatically calculated. If the startOnTick option is
-     * true, the min value might be rounded down.
-     */
-    min?: number;
-    /**
-     * Padding of the min value relative to the length of the axis. A padding of 0.05 will make a 100px axis 5px longer.
-     * This is useful when you don't want the lowest data value to appear on the edge of the plot area. When the axis'
-     * min option is set or a min extreme is set using axis.setExtremes(), the minPadding will be ignored.
-     * @default 0.01
-     * @since 1.2.0
-     */
-    minPadding?: number;
-    /**
-     * The minimum range to display on this axis. The entire axis will not be allowed to span over a smaller interval
-     * than this. For example, for a datetime axis the main unit is milliseconds. If minRange is set to 3600000, you
-     * can't zoom in more than to one hour.
-     *
-     * The default minRange for the x axis is five times the smallest interval between any of the data points.
-     *
-     * On a logarithmic axis, the unit for the minimum range is the power. So a minRange of 1 means that the axis can be
-     * zoomed to 10-100, 100-1000, 1000-10000 etc.
-     *
-     * Note that the minPadding, maxPadding, startOnTick and endOnTick settings also affect how the extremes of the axis
-     * are computed.
-     */
-    minRange?: number;
-    /**
-     * The minimum tick interval allowed in axis values. For example on zooming in on an axis with daily data, this can
-     * be used to prevent the axis from showing hours. Defaults to the closest distance between two points on the axis.
-     * @since 2.3.0
-     */
-    minTickInterval?: number;
-    /**
-     * Color of the minor, secondary grid lines.
-     * @default '#E0E0E0'
-     */
-    minorGridLineColor?: string;
-    /**
-     * The dash or dot style of the minor grid lines. For possible values, see {@link http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-dashstyle-all/|this demonstration}.
-     * @default 'Solid'
-     */
-    minorGridLineDashStyle?: string;
-    /**
-     * Width of the minor, secondary grid lines.
-     * @default 1
-     */
-    minorGridLineWidth?: number;
-    /**
-     * Color for the minor tick marks.
-     * @default to '#A0A0A0'
-     */
-    minorTickColor?: string;
-    /**
-     * Tick interval in scale units for the minor ticks. On a linear axis, if 'auto', the minor tick interval is
-     * calculated as a fifth of the tickInterval. If null, minor ticks are not shown.
-     *
-     * On logarithmic axes, the unit is the power of the value. For example, setting the minorTickInterval to 1 puts one
-     * tick on each of 0.1, 1, 10, 100 etc. Setting the minorTickInterval to 0.1 produces 9 ticks between 1 and 10, 10
-     * and 100 etc. A minorTickInterval of 'auto' on a log axis results in a best guess, attempting to enter
-     * approximately 5 minor ticks between each major tick.
-     *
-     * If user settings dictate minor ticks to become too dense, they don't make sense, and will be ignored to prevent
-     * performance problems.
-     *
-     * On axes using categories, minor ticks are not supported.
-     */
-    minorTickInterval?: number|string;
-    /**
-     * The pixel length of the minor tick marks.
-     * @default 2
-     */
-    minorTickLength?: number;
-    /**
-     * The position of the minor tick marks relative to the axis line. Can be one of 'inside' and 'outside'.
-     * @default 'outside'
-     */
-    minorTickPosition?: string;
-    /**
-     * The pixel width of the minor tick mark.
-     * @default 0
-     */
-    minorTickWidth?: number;
-    /**
-     * The distance in pixels from the plot area to the axis line. A positive offset moves the axis with it's line,
-     * labels and ticks away from the plot area. This is typically used when two or more axes are displayed on the same
-     * side of the plot.
-     * @default 0
-     */
-    offset?: number;
-    /**
-     * Whether to display the axis on the opposite side of the normal. The normal is on the left side for vertical axes
-     * and bottom for horizontal, so the opposite sides will be right and top respectively. This is typically used with
-     * dual or multiple axes.
-     * @default false
-     */
-    opposite?: boolean;
-    /**
-     * An array of colored bands stretching across the plot area marking an interval on the axis.
-     *
-     * In a gauge, a plot band on the Y axis (value axis) will stretch along the perimeter of the gauge.
-     */
-    plotBands?: HighchartsPlotBands[];
-    /**
-     * An array of lines stretching across the plot area, marking a specific value on one of the axes.
-     */
-    plotLines?: HighchartsPlotLines[];
-    /**
-     * Whether to reverse the axis so that the highest number is closest to the origin. If the chart is inverted, the x
-     * axis is reversed by default.
-     * @default false
-     */
-    reversed?: boolean;
-    /**
-     * Whether to show the axis line and title when the axis has no data.
-     * @default true
-     * @since 1.1
-     */
-    showEmpty?: boolean;
-    /**
-     * Whether to show the first tick label.
-     * @default true
-     */
-    showFirstLabel?: boolean;
-    /**
-     * Whether to show the last tick label.
-     * @default true
-     */
-    showLastLabel?: boolean;
-    /**
-     * For datetime axes, this decides where to put the tick between weeks. 0 = Sunday, 1 = Monday.
-     * @default 1
-     */
-    startOfWeek?: number;
-    /**
-     * Whether to force the axis to start on a tick. Use this option with the minPadding option to control the axis
-     * start.
-     * @default false
-     * @since 1.2.0
-     */
-    startOnTick?: boolean;
-    /**
-     * The amount of ticks to draw on the axis. This opens up for aligning the ticks of multiple charts or panes within
-     * a chart. This option overrides the tickPixelInterval option.
-     *
-     * This option only has an effect on linear axes. Datetime, logarithmic or category axes are not affected.
-     */
-    tickAmount?: number;
-    /**
-     * Color for the main tick marks.
-     * @default '#C0D0E0'
-     */
-    tickColor?: string;
-    /**
-     * The interval of the tick marks in axis units. When null, the tick interval is computed to approximately follow
-     * the tickPixelInterval on linear and datetime axes. On categorized axes, a null tickInterval will default to 1,
-     * one category. Note that datetime axes are based on milliseconds, so for example an interval of one day is
-     * expressed as 24 * 3600 * 1000.
-     *
-     * On logarithmic axes, the tickInterval is based on powers, so a tickInterval of 1 means one tick on each of 0.1,
-     * 1, 10, 100 etc. A tickInterval of 2 means a tick of 0.1, 10, 1000 etc. A tickInterval of 0.2 puts a tick on 0.1,
-     * 0.2, 0.4, 0.6, 0.8, 1, 2, 4, 6, 8, 10, 20, 40 etc.
-     *
-     * If the tickInterval is too dense for labels to be drawn, Highcharts may remove ticks.
-     */
-    tickInterval?: number;
-    /**
-     * The pixel length of the main tick marks.
-     * @default 10
-     */
-    tickLength?: number;
-    /**
-     * If tickInterval is null this option sets the approximate pixel interval of the tick marks. Not applicable to
-     * categorized axis.
-     *
-     * @default 72 for the Y axis, 100 for the X axis.
-     */
-    tickPixelInterval?: number;
-    /**
-     * The position of the major tick marks relative to the axis line. Can be one of 'inside' and 'outside'.
-     * @default 'outside'
-     */
-    tickPosition?: string;
-    /**
-     * A callback function returning array defining where the ticks are laid out on the axis. This overrides the default
-     * behaviour of tickPixelInterval and tickInterval. The automatic tick positions are accessible through
-     * this.tickPositions and can be modified by the callback.
-     */
-    tickPositioner?: (min: number, max: number) => void;
-    /**
-     * An array defining where the ticks are laid out on the axis. This overrides the default behaviour of
-     * tickPixelInterval and tickInterval.
-     */
-    tickPositions?: number[];
-    /**
-     * The pixel width of the major tick marks.
-     * @default 1
-     */
-    tickWidth?: number;
-    /**
-     * For categorized axes only. If 'on' the tick mark is placed in the center of the category, if 'between' the tick
-     * mark is placed between categories. The default is 'between' if the tickInterval is 1, else 'on'.
-     * @default null
-     */
-    tickmarkPlacement?: string;
-    /**
-     * The axis title, showing next to the axis line.
-     */
-    title?: HighchartsAxisTitle;
-    /**
-     * The type of axis. Can be one of 'linear', 'logarithmic', 'datetime' or 'category'. In a datetime axis, the
-     * numbers are given in milliseconds, and tick marks are placed on appropriate values like full hours or days. In a
-     * category axis, the point names of the chart's series are used for categories, if not a categories array is
-     * defined.
-     * @default 'linear'
-     */
-    type?: string;
-    /**
-     * Datetime axis only. An array determining what time intervals the ticks are allowed to fall on. Each array item is
-     * an array where the first value is the time unit and the second value another array of allowed multiples.
-     */
-    units?: [[string, [number]]];
-    /**
-     * Whether axis, including axis title, line, ticks and labels, should be visible.
-     * @default true
-     * @since 4.1.9
-     */
-    visible?: boolean;
-}
-
-interface HighchartsColorAxisDataClass {
-    from?: number;
-    to?: number;
-    color?: string | HighchartsGradient;
-    name?: string;
-}
-
-/**
- * A color axis for choropleth mapping. Visually, the color axis will appear as a gradient or as separate items inside
- * the legend, depending on whether the axis is scalar or based on data classes.
- *
- * For supported color formats, see the docs article about colors.
- *
- * A scalar color axis is represented by a gradient. The colors either range between the minColor and the maxColor, or
- * for more fine grained control the colors can be defined in stops. Often times, the color axis needs to be adjusted to
- * get the right color spread for the data. In addition to stops, consider using a logarithmic axis type, or setting min
- * and max to avoid the colors being determined by outliers.
- *
- * When dataClasses are used, the ranges are subdivided into separate classes like categories based on their values.
- * This can be used for ranges between two values, but also for a true category. However, when your data is categorized,
- * it may be as convenient to add each category to a separate series.
- *
- * See the Axis object for programmatic access to the axis.
- */
-interface HighchartsColorAxisOptions {
-    /**
-     * Determines how to set each data class' color if no individual color is set. The default value, tween, computes
-     * intermediate colors between minColor and maxColor. The other possible value, category, pulls colors from the
-     * global or chart specific colors array.
-     * @default 'tween'
-     */
-    dataClassColor?: string;
-    /**
-     * An array of data classes or ranges for the choropleth map. If none given, the color axis is scalar and values are
-     * distributed as a gradient between the minimum and maximum colors.
-     */
-    dataClasses?: HighchartsColorAxisDataClass[];
-    /**
-     * Whether to force the axis to end on a tick. Use this option with the maxPadding option to control the axis end.
-     * @default true
-     */
-    endOnTick?: boolean;
-    events?: {
+        id?: string;
         /**
-         * As opposed to the setExtremes event, this event fires after the final min and max values are computed and
-         * corrected for minRange.
-         * The this keyword refers to the {@link HighchartsAxisObject|Axis} object.
+         * The axis labels show the number or category for each tick.
          */
-        afterSetExtremes?: (event: HighchartsAxisEvent) => void;
+        labels?: AxisLabels;
         /**
-         * Fires when the minimum and maximum is set for the axis, either by calling the .setExtremes() method or by
-         * selecting an area in the chart. One parameter, event, is passed to the function. This contains common event
-         * information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
+         * The color of the line marking the axis itself.
+         * @default '#C0D0E0'.
+         */
+        lineColor?: string | Gradient;
+        /**
+         * The width of the line marking the axis itself.
+         * @default 1
+         */
+        lineWidth?: number;
+        /**
+         * Index of another axis that this axis is linked to. When an axis is linked to a master axis, it will take the same
+         * extremes as the master, but as assigned by min or max or by setExtremes. It can be used to show additional info,
+         * or to ease reading the chart by duplicating the scales.
+         * @since 2.0.2
+         */
+        linkedTo?: number;
+        /**
+         * The maximum value of the axis. If null, the max value is automatically calculated. If the endOnTick option is
+         * true, the max value might be rounded up. The actual maximum value is also influenced by chart.alignTicks.
+         */
+        max?: number;
+        /**
+         * Padding of the max value relative to the length of the axis. A padding of 0.05 will make a 100px axis 5px longer.
+         * This is useful when you don't want the highest data value to appear on the edge of the plot area. When the axis'
+         * max option is set or a max extreme is set using axis.setExtremes(), the maxPadding will be ignored.
+         * @default 0.01
+         * @since 1.2.0
+         */
+        maxPadding?: number;
+        /**
+         * Renamed to minRange as of Highcharts 2.2.
+         * @deprecated
+         */
+        maxZoom?: number;
+        /**
+         * The minimum value of the axis. If null the min value is automatically calculated. If the startOnTick option is
+         * true, the min value might be rounded down.
+         */
+        min?: number;
+        /**
+         * Padding of the min value relative to the length of the axis. A padding of 0.05 will make a 100px axis 5px longer.
+         * This is useful when you don't want the lowest data value to appear on the edge of the plot area. When the axis'
+         * min option is set or a min extreme is set using axis.setExtremes(), the minPadding will be ignored.
+         * @default 0.01
+         * @since 1.2.0
+         */
+        minPadding?: number;
+        /**
+         * The minimum range to display on this axis. The entire axis will not be allowed to span over a smaller interval
+         * than this. For example, for a datetime axis the main unit is milliseconds. If minRange is set to 3600000, you
+         * can't zoom in more than to one hour.
          *
-         * The new user set minimum and maximum values can be found by event.min and event.max. When an axis is zoomed
-         * all the way out from the 'Reset zoom' button, event.min and event.max are null, and the new extremes are set
-         * based on this.dataMin and this.dataMax.
+         * The default minRange for the x axis is five times the smallest interval between any of the data points.
          *
-         * The this keyword refers to the {@link HighchartsAxisObject|Axis} object.
+         * On a logarithmic axis, the unit for the minimum range is the power. So a minRange of 1 means that the axis can be
+         * zoomed to 10-100, 100-1000, 1000-10000 etc.
+         *
+         * Note that the minPadding, maxPadding, startOnTick and endOnTick settings also affect how the extremes of the axis
+         * are computed.
          */
-        setExtremes?: (event: HighchartsAxisEvent) => void;
-    };
-    /**
-     * Color of the grid lines extending from the axis across the gradient.
-     * @default '#C0C0C0'
-     */
-    gridLineColor?: string;
-    /**
-     * The dash or dot style of the grid lines.
-     * @default 'Solid'
-     */
-    gridLineDashStyle?: string;
-    /**
-     * The width of the grid lines extending from the axis across the gradient of a scalar color axis.
-     * @default 1
-     */
-    gridLineWidth?: number;
-    /**
-     * An id for the axis. This can be used after render time to get a pointer to the axis object through chart.get().
-     */
-    id?: string;
-    /**
-     * The axis labels show the number for each tick.
-     */
-    labels?: HighchartsAxisLabels;
-    /**
-     * The color of the line marking the axis itself.
-     * @default '#C0D0E0'
-     */
-    lineColor?: string | HighchartsGradient;
-    /**
-     * The width of the line marking the axis itself.
-     * @default 0
-     */
-    lineWidth?: number;
-    /**
-     * The triangular marker on a scalar color axis that points to the value of the hovered area. To disable the marker,
-     * set marker: null.
-     */
-    marker?: {
+        minRange?: number;
         /**
-         * Animation for the marker as it moves between values. Set to false to disable animation.
-         * @default {duration: 50}
+         * The minimum tick interval allowed in axis values. For example on zooming in on an axis with daily data, this can
+         * be used to prevent the axis from showing hours. Defaults to the closest distance between two points on the axis.
+         * @since 2.3.0
          */
-        animation?: boolean | HighchartsAnimation;
+        minTickInterval?: number;
         /**
-         * The color of the marker.
-         * @default 'gray'
+         * Color of the minor, secondary grid lines.
+         * @default '#E0E0E0'
          */
-        color?: string | HighchartsGradient;
-    };
-    /**
-     * The maximum value of the axis in terms of map point values. If null, the max value is automatically calculated.
-     * If the endOnTick option is true, the max value might be rounded up.
-     */
-    max?: number;
-    /**
-     * The color to represent the maximum of the color axis. Unless dataClasses or stops are set, the gradient ends at
-     * this value.
-     *
-     * If dataClasses are set, the color is based on minColor and maxColor unless a color is set for each data class, or
-     * the dataClassColor is set.
-     * @default '#102D4C'
-     */
-    maxColor?: string;
-    /**
-     * Padding of the max value relative to the length of the axis. A padding of 0.05 will make a 100px axis 5px longer.
-     * @default 0.05
-     */
-    maxPadding?: number;
-    /**
-     * The minimum value of the axis in terms of map point values. If null, the min value is automatically calculated.
-     * If the startOnTick option is true, the min value might be rounded down.
-     */
-    min?: number;
-    /**
-     * The color to represent the minimum of the color axis. Unless dataClasses or stops are set, the gradient starts at
-     * this value.
-     *
-     * If dataClasses are set, the color is based on minColor and maxColor unless a color is set for each data class, or
-     * the dataClassColor is set.
-     * @default '#EFEFFF'
-     */
-    minColor?: string;
-    /**
-     * Padding of the min value relative to the length of the axis. A padding of 0.05 will make a 100px axis 5px longer.
-     * @default 0.05
-     */
-    minPadding?: number;
-    /**
-     * Color of the minor, secondary grid lines.
-     * @default '#E0E0E0'
-     */
-    minorGridLineColor?: string;
-    /**
-     * The dash or dot style of the minor grid lines.
-     * @default 'Solid'
-     */
-    minorGridLineDashStyle?: string;
-    /**
-     * Width of the minor, secondary grid lines.
-     * @default 1
-     */
-    minorGridLineWidth?: number;
-    /**
-     * Color for the minor tick marks.
-     * @default '#A0A0A0'
-     */
-    minorTickColor?: string;
-    /**
-     * Tick interval in scale units for the minor ticks. On a linear axis, if 'auto', the minor tick interval is
-     * calculated as a fifth of the tickInterval. If null, minor ticks are not shown.
-     *
-     * On logarithmic axes, the unit is the power of the value. For example, setting the minorTickInterval to 1 puts one
-     * tick on each of 0.1, 1, 10, 100 etc. Setting the minorTickInterval to 0.1 produces 9 ticks between 1 and 10, 10
-     * and 100 etc. A minorTickInterval of 'auto' on a log axis results in a best guess, attempting to enter
-     * approximately 5 minor ticks between each major tick.
-     *
-     * If user settings dictate minor ticks to become too dense, they don't make sense, and will be ignored to prevent
-     * performance problems.
-     */
-    minorTickInterval?: string | number;
-    /**
-     * The pixel length of the minor tick marks.
-     * @default 2
-     */
-    minorTickLength?: number;
-    /**
-     * The position of the minor tick marks relative to the axis line. Can be one of inside and outside.
-     * @default 'outside'
-     */
-    minorTickPosition?: string;
-    /**
-     * The pixel width of the minor tick mark
-     * @default 0
-     */
-    minorTickWidth?: number;
-    /**
-     * Whether to reverse the axis so that the highest number is closest to the origin. Defaults to false in a
-     * horizontal legend and true in a vertical legend, where the smallest value starts on top.
-     */
-    reversed?: boolean;
-    /**
-     * If labels are enabled, whether to show the first tick label.
-     * @default true
-     */
-    showFirstLabel?: boolean;
-    /**
-     * If labels are enabled, whether to show the last tick label.
-     * @default true
-     */
-    showLastLabel?: boolean;
-    /**
-     * Whether to force the axis to start on a tick. Use this option with the maxPadding option to control the axis
-     * start.
-     * @default true
-     */
-    startOnTick?: boolean;
-    /**
-     * Color stops for the gradient of a scalar color axis. Use this in cases where a linear gradient between a minColor
-     * and maxColor is not sufficient. The stops is an array of tuples, where the first item is a float between 0 and 1
-     * assigning the relative position in the gradient, and the second item is the color.
-     */
-    stops?: [number, string][];
-    /**
-     * Color for the main tick marks.
-     * @default '#C0D0E0'
-     */
-    tickColor?: string;
-    /**
-     * The interval of the tick marks in axis units. When null, the tick interval is computed to approximately follow
-     * the tickPixelInterval.
-     */
-    tickInterval?: number;
-    /**
-     * The pixel length of the main tick marks.
-     * @default 10
-     */
-    tickLength?: number;
-    /**
-     * If tickInterval is null this option sets the approximate pixel interval of the tick marks.
-     * @default 72
-     */
-    tickPixelInterval?: number;
-    /**
-     * The position of the major tick marks relative to the axis line. Can be one of 'inside' and 'outside'.
-     * @default 'outside'
-     */
-    tickPosition?: string;
-    /**
-     * A callback function returning array defining where the ticks are laid out on the axis. This overrides the default
-     * behaviour of tickPixelInterval and tickInterval.
-     */
-    tickPositioner?: (min: number, max: number) => void;
-    /**
-     * An array defining where the ticks are laid out on the axis. This overrides the default behaviour of
-     * tickPixelInterval and tickInterval.
-     */
-    tickPositions?: number[];
-    /**
-     * The pixel width of the major tick marks.
-     * @default 0
-     */
-    tickWidth?: number;
-    /**
-     * The type of interpolation to use for the color axis. Can be 'linear' or 'logarithmic'.
-     * @default 'linear'
-     */
-    type?: string;
-}
-
-interface HighchartsExtremes {
-    /**
-     * The maximum value of the axis' associated series.
-     */
-    dataMax: number;
-    /**
-     * The minimum value of the axis' associated series.
-     */
-    dataMin: number;
-    /**
-     * The maximum axis value, either automatic or set manually. If the max option is not set and maxPadding is 0, this
-     * value will be the same as dataMax.
-     */
-    max: number;
-    /**
-     * The minimum axis value, either automatic or set manually. If the min option is not set and minPadding is 0, this
-     * value will be the same as dataMin.
-     */
-    min: number;
-}
-
-interface HighchartsAnimation {
-    /**
-     * The duration of the animation in milliseconds.
-     */
-    duration?: number;
-    /**
-     * When using jQuery as the general framework, the easing can be set to linear or swing. More easing functions are
-     * available with the use of jQuery plug-ins, most notably the jQuery UI suite. See the
-     * {@link http://api.jquery.com/animate/|jQuery docs}. When using MooTools as the general framework, use the
-     * property name transition instead of easing.
-     */
-    easing?: string;
-}
-
-interface HighchartsAddSeriesEvent extends Event {
-    /**
-     * The series options that was passed to the addSeries method.
-     */
-    options: HighchartsChartOptions;
-}
-
-interface HighchartsAxisValueOptions extends HighchartsAxisOptions {
-    /**
-     * The axis value at the clicked spot
-     */
-    value: number;
-}
-
-interface HighchartsChartClickEvent extends Event {
-    /**
-     * Array containing the axes of each dimension and each axis' value at the clicked spot
-     */
-    xAxis: HighchartsAxisValueOptions[];
-    /**
-     * Array containing the axes of each dimension and each axis' value at the clicked spot
-     */
-    yAxis: HighchartsAxisValueOptions[];
-}
-
-interface HighchartsChartDrilldownEvent extends Event {
-    /**
-     * If a category label was clicked, which index.
-     */
-    category?: number;
-    /**
-     * The originating point.
-     */
-    point?: HighchartsPointObject;
-    /**
-     * If a category label was clicked, this array holds all points corresponing to the category.
-     */
-    points?: HighchartsPointObject[];
-    /**
-     * Options for the new series.
-     */
-    seriesOptions?: HighchartsIndividualSeriesOptions;
-}
-
-interface HighchartsChartSelectionEvent extends Event {
-    /**
-     * Array containing the axes of each dimension and each axis' min and max values
-     */
-    xAxis: HighchartsAxisOptions[];
-    /**
-     * Array containing the axes of each dimension and each axis' min and max values
-     */
-    yAxis: HighchartsAxisOptions[];
-}
-
-interface HighchartsChartEvents {
-    /**
-     * Fires when a series is added to the chart after load time, using the addSeries method. One parameter, event, is
-     * passed to the function. This contains common event information based on jQuery or MooTools depending on which
-     * library is used as the base for Highcharts. Through event.options you can access the series options that was
-     * passed to the addSeries method. Returning false prevents the series from being added.
-     *
-     * The this keyword refers to the Chart object.
-     * @since 1.2.0
-     */
-    addSeries?: (event: HighchartsAddSeriesEvent) => boolean|void;
-    /**
-     * Fires after a chart is printed through the context menu item or the Chart.print method. Requires the exporting
-     * module.
-     * @since 4.1.0
-     */
-    afterPrint?: (event: Event) => void;
-    /**
-     * Fires before a chart is printed through the context menu item or the Chart.print method. Requires the exporting
-     * module.
-     * @since 4.1.0
-     */
-    beforePrint?: (event: Event) => void;
-    /**
-     * Fires when clicking on the plot background. One parameter, event, is passed to the function. This contains common
-     * event information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
-     *
-     * Information on the clicked spot can be found through event.xAxis and event.yAxis, which are arrays containing the
-     * axes of each dimension and each axis' value at the clicked spot. The primary axes are event.xAxis[0] and
-     * event.yAxis[0]. Remember the unit of a datetime axis is milliseconds since 1970-01-01 00:00:00.
-     *
-     * click: function(e) {
-     * 		console.log(Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', e.xAxis[0].value), e.yAxis[0].value);
-     * }
-     *
-     * The this keyword refers to the Chart object.
-     * @since 1.2.0
-     */
-    click?: (event: HighchartsChartClickEvent) => void;
-    /**
-     * Fires when a drilldown point is clicked, before the new series is added.
-     * @since 3.0.8
-     */
-    drilldown?: (event: HighchartsChartDrilldownEvent) => void;
-    /**
-     * Fires when drilling up from a drilldown series.
-     * @since 3.0.8
-     */
-    drillup?: (event: Event) => void;
-    /**
-     * Fires when the chart is finished loading. One parameter, event, is passed to the function. This contains common
-     * event information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
-     *
-     * From version 2.0.4, there is also a second parameter to Highcharts.Chart where a callback function can be passed
-     * to be executed on chart.load.
-     *
-     * The this keyword refers to the Chart object.
-     */
-    load?: (event: Event) => void;
-    /**
-     * Fires when the chart is redrawn, either after a call to chart.redraw() or after an axis, series or point is
-     * modified with the redraw option set to true. One parameter, event, is passed to the function. This contains
-     * common event information based on jQuery or MooTools depending on which library is used as the base for
-     * Highcharts.
-     *
-     * The this keyword refers to the Chart object.
-     * @since 1.2.0
-     */
-    redraw?: (event: Event) => void;
-    /**
-     * Fires when an area of the chart has been selected. Selection is enabled by setting the chart's zoomType. One
-     * parameter, event, is passed to the function. This contains common event information based on jQuery or MooTools
-     * depending on which library is used as the base for Highcharts. The default action for the selection event is to
-     * zoom the chart to the selected area. It can be prevented by calling event.preventDefault().
-     *
-     * Information on the selected area can be found through event.xAxis and event.yAxis, which are arrays containing
-     * the axes of each dimension and each axis' min and max values. The primary axes are event.xAxis[0] and
-     * event.yAxis[0]. Remember the unit of a datetime axis is milliseconds since 1970-01-01 00:00:00.
-     *
-     * selection: function(event) {
-     * 		// log the min and max of the primary, datetime x-axis
-     * 		console.log(
-     * 			Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', event.xAxis[0].min),
-     * 			Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', event.xAxis[0].max)
-     * 		);
-     * 		// log the min and max of the y axis
-     * 		console.log(event.yAxis[0].min, event.yAxis[0].max);
-     * }
-     */
-    selection?: (event: HighchartsChartSelectionEvent) => void;
-}
-
-interface HighchartsLinearGradient {
-    x1: number;
-    y1: number;
-    x2: number;
-    y2: number;
-}
-
-interface HighchartsGradient {
-    linearGradient?: HighchartsLinearGradient | number[];
-    radialGradient?: {
-        cx: number; cy: number; r: number;
-    };
-    stops?: any[][];
-    /**
-     * Brighten the color
-     * @param {number} alpha
-     */
-    brighten?(alpha: number): HighchartsGradient;
-    /**
-     * Return the color a specified format
-     * @param {string} format
-     */
-    get?(format: string): string;
-    /**
-     * The raw input
-     */
-    raw?: string;
-    /**
-     * rgba array
-     */
-    rgba?: number[];
-    /**
-     * Set the color's opacity to a given alpha value
-     * @param  {number} alpha
-     * @return {HighchartsGradient}
-     */
-    setOpacity?(alpha: number): HighchartsGradient;
-}
-
-/**
- * Type equivalent to the 'Color' type mentioned throughout the documentation.
- */
-type Color = string | HighchartsGradient;
-
-interface HighchartsChartOptions3dFrame {
-    /**
-     * The color of the panel.
-     * @default 'transparent'
-     * @since 4.0
-     */
-    color?: string | HighchartsGradient;
-    /**
-     * Thickness of the panel.
-     * @default 1
-     * @since 4.0
-     */
-    size?: number;
-}
-
-interface HighchartsChartOptions3d {
-    /**
-     * One of the two rotation angles for the chart.
-     * @default 0
-     * @since 4.0
-     */
-    alpha?: number;
-    /**
-     * One of the two rotation angles for the chart.
-     * @default 0
-     * @since 4.0
-     */
-    beta?: number;
-    /**
-     * The total depth of the chart.
-     * @default 100
-     * @since 4.0
-     */
-    depth?: number;
-    /**
-     * Wether to render the chart using the 3D functionality.
-     * @default false
-     * @since 4.0
-     */
-    enabled?: boolean;
-    /**
-     * Provides the option to draw a frame around the charts by defining a bottom, front and back panel.
-     */
-    frame?: {
+        minorGridLineColor?: string;
         /**
-         * Defines the back panel of the frame around 3D charts.
-         * @since 4.0
+         * The dash or dot style of the minor grid lines. For possible values, see {@link http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-dashstyle-all/|this demonstration}.
+         * @default 'Solid'
          */
-        back?: HighchartsChartOptions3dFrame;
+        minorGridLineDashStyle?: string;
         /**
-         * The bottom of the frame around a 3D chart.
-         * @since 4.0
+         * Width of the minor, secondary grid lines.
+         * @default 1
          */
-        bottom?: HighchartsChartOptions3dFrame;
+        minorGridLineWidth?: number;
         /**
-         * The side for the frame around a 3D chart.
-         * @since 4.0
+         * Color for the minor tick marks.
+         * @default to '#A0A0A0'
          */
-        side?: HighchartsChartOptions3dFrame;
-    };
-    /**
-     * Defines the distance the viewer is standing in front of the chart, this setting is important to calculate the
-     * perspective effect in column and scatter charts. It is not used for 3D pie charts.
-     * @default 100
-     * @since 4.0
-     */
-    viewDistance?: number;
-}
-
-interface HighchartsShadow {
-    /**
-     * @default 'black'
-     */
-    color?: string | HighchartsGradient;
-    /**
-     * @default 1
-     */
-    offsetX?: number;
-    /**
-     * @default 1
-     */
-    offsetY?: number;
-    /**
-     * @default 0.15 / width
-     */
-    opacity?: number;
-    /**
-     * @default 3
-     */
-    width?: number;
-}
-
-interface HighchartsChartResetZoomButton {
-    /**
-     * The position of the button. This is an object that can hold the properties align, verticalAlign, x and y.
-     * @since 2.2
-     */
-    position?: HighchartsPosition;
-    /**
-     * What frame the button should be placed related to. Can be either 'plot' or 'chart'.
-     * @default 'plot'
-     * @since 2.2
-     */
-    relativeTo?: string;
-    /**
-     * A collection of attributes for the button. The object takes SVG attributes like fill, stroke, stroke-width or r,
-     * the border radius. The theme also supports style, a collection of CSS properties for the text. Equivalent
-     * attributes for the hover state are given in theme.states.hover.
-     * @since 2.2
-     */
-    theme?: HighchartsButtonStatesTheme;
-}
-
-interface HighchartsButtonTheme {
-    display?: string; // css attr eg: 'none'
-    /**
-     * The button fill color, SVG color definition
-     */
-    fill?: string | HighchartsGradient;
-    /**
-     * The button stroke color, SVG color definition
-     */
-    stroke?: string;
-    /**
-     * The button stroke width
-     * @type {[type]}
-     */
-    'stroke-width'?: number;
-    /**
-     * The border radius
-     */
-    r?: number;
-    /**
-     * CSS style
-     */
-    style?: Object;
-}
-
-interface HighchartsButtonStatesTheme extends HighchartsButtonTheme {
-    /**
-     * Themed button states. Only hover is supported for reset zoom button.
-     */
-    states?: {
+        minorTickColor?: string;
         /**
-         * Attributes and styles applied when hovering.
+         * Tick interval in scale units for the minor ticks. On a linear axis, if 'auto', the minor tick interval is
+         * calculated as a fifth of the tickInterval. If null, minor ticks are not shown.
+         *
+         * On logarithmic axes, the unit is the power of the value. For example, setting the minorTickInterval to 1 puts one
+         * tick on each of 0.1, 1, 10, 100 etc. Setting the minorTickInterval to 0.1 produces 9 ticks between 1 and 10, 10
+         * and 100 etc. A minorTickInterval of 'auto' on a log axis results in a best guess, attempting to enter
+         * approximately 5 minor ticks between each major tick.
+         *
+         * If user settings dictate minor ticks to become too dense, they don't make sense, and will be ignored to prevent
+         * performance problems.
+         *
+         * On axes using categories, minor ticks are not supported.
          */
-        hover?: HighchartsButtonTheme;
+        minorTickInterval?: number|string;
         /**
-         * Attributes and styles applied when button is selected (tri-state).
+         * The pixel length of the minor tick marks.
+         * @default 2
          */
-        select?: HighchartsButtonTheme;
-    };
-}
-
-interface HighchartsChartOptions {
-    /**
-     * When using multiple axis, the ticks of two or more opposite axes will automatically be aligned by adding ticks to
-     * the axis or axes with the least ticks. This can be prevented by setting alignTicks to false. If the grid lines
-     * look messy, it's a good idea to hide them for the secondary axis by setting gridLineWidth to 0.
-     * @default true
-     */
-    alignTicks?: boolean;
-    /**
-     * Set the overall animation for all chart updating. Animation can be disabled throughout the chart by setting it to
-     * false here. It can be overridden for each individual API method as a function parameter. The only animation not
-     * affected by this option is the initial series animation, see plotOptions.series.animation.
-     *
-     * The animation can either be set as a boolean or a configuration object. If true, it will use the 'swing' jQuery
-     * easing and a duration of 500 ms.
-     *
-     * @default true
-     */
-    animation?: boolean | HighchartsAnimation;
-    /**
-     * The background color or gradient for the outer chart area.
-     * @default '#FFFFFF'
-     */
-    backgroundColor?: string | HighchartsGradient;
-    /**
-     * The color of the outer chart border.
-     * @default '#4572A7'
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * The corner radius of the outer chart border.
-     * @default 0
-     */
-    borderRadius?: number;
-    /**
-     * The pixel width of the outer chart border.
-     * @default 0
-     */
-    borderWidth?: number;
-    /**
-     * A CSS class name to apply to the charts container div, allowing unique CSS styling for each chart.
-     */
-    className?: string;
-    /**
-     * Alias of type. Defaults to line.
-     * @default 'line'
-     * @deprecated
-     */
-    defaultSeriesType?: string;
-    /**
-     * Event listeners for the chart.
-     */
-    events?: HighchartsChartEvents;
-    /**
-     * An explicit height for the chart. By default the height is calculated from the offset height of the containing
-     * element, or 400 pixels if the containing element's height is 0.
-     */
-    height?: number;
-    /**
-     * If true, the axes will scale to the remaining visible series once one series is hidden. If false, hiding and
-     * showing a series will not affect the axes or the other series. For stacks, once one series within the stack is
-     * hidden, the rest of the stack will close in around it even if the axis is not affected.
-     * @default true
-     * @since 1.2.0
-     */
-    ignoreHiddenSeries?: boolean;
-    /**
-     * Whether to invert the axes so that the x axis is vertical and y axis is horizontal. When true, the x axis is
-     * reversed by default. If a bar series is present in the chart, it will be inverted automatically.
-     * @default false
-     */
-    inverted?: boolean;
-    /**
-     * The margin between the outer edge of the chart and the plot area. The numbers in the array designate top, right,
-     * bottom and left respectively. Use the options marginTop, marginRight, marginBottom and marginLeft for shorthand
-     * setting of one option.
-     *
-     * Since version 2.1, the margin is 0 by default. The actual space is dynamically calculated from the offset of axis
-     * labels, axis title, title, subtitle and legend in addition to the spacingTop, spacingRight, spacingBottom and
-     * spacingLeft options.
-     */
-    margin?: number | number[];
-    /**
-     * The margin between the bottom outer edge of the chart and the plot area. Use this to set a fixed pixel value for
-     * the margin as opposed to the default dynamic margin. See also spacingBottom.
-     * @since 2.0
-     */
-    marginBottom?: number;
-    /**
-     * The margin between the left outer edge of the chart and the plot area. Use this to set a fixed pixel value for
-     * the margin as opposed to the default dynamic margin. See also spacingLeft.
-     * @since 2.0
-     */
-    marginLeft?: number;
-    /**
-     * The margin between the right outer edge of the chart and the plot area. Use this to set a fixed pixel value for
-     * the margin as opposed to the default dynamic margin. See also spacingRight.
-     * @since 2.0
-     */
-    marginRight?: number;
-    /**
-     * The margin between the top outer edge of the chart and the plot area. Use this to set a fixed pixel value for the
-     * margin as opposed to the default dynamic margin. See also spacingTop.
-     * @since 2.0
-     */
-    marginTop?: number;
-    /**
-     * Options to render charts in 3 dimensions. This feature requires highcharts-3d.js, found in the download package
-     * or online at {@link code.highcharts.com/highcharts-3d.js}.
-     */
-    options3d?: HighchartsChartOptions3d;
-    /**
-     * Allows setting a key to switch between zooming and panning.
-     * @since 4.0.3
-     */
-    panKey?: string;
-    /**
-     * Allow panning in a chart. Best used with panKey to combine zooming and panning.
-     * @default false
-     * @since 4.0.3
-     */
-    panning?: boolean;
-    /**
-     * Equivalent to zoomType, but for multitouch gestures only. By default, the pinchType is the same as the zoomType
-     * setting. However, pinching can be enabled separately in some cases, for example in stock charts where a mouse
-     * drag pans the chart, while pinching is enabled.
-     * @default null
-     * @since 3.0
-     */
-    pinchType?: string;
-    /**
-     * The background color or gradient for the plot area.
-     */
-    plotBackgroundColor?: string | HighchartsGradient;
-    /**
-     * The URL for an image to use as the plot background. To set an image as the background for the entire chart, set a
-     * CSS background image to the container element. Note that for the image to be applied to exported charts, its URL
-     * needs to be accessible by the export server.
-     */
-    plotBackgroundImage?: string;
-    /**
-     * The color of the inner chart or plot area border.
-     * @default 0
-     */
-    plotBorderColor?: string;
-    /**
-     * The pixel width of the plot area border.
-     * @default 0
-     */
-    plotBorderWidth?: number;
-    /**
-     * Whether to apply a drop shadow to the plot area. Requires that plotBackgroundColor be set. Since 2.3 the shadow
-     * can be an object configuration containing color, offsetX, offsetY, opacity and width.
-     * @default false
-     */
-    plotShadow?: boolean | HighchartsShadow;
-    /**
-     * When true, cartesian charts like line, spline, area and column are transformed into the polar coordinate system.
-     * Requires highcharts-more.js.
-     * @default false
-     * @since 2.3.0
-     */
-    polar?: boolean;
-    /**
-     * Whether to reflow the chart to fit the width of the container div on resizing the window.
-     * @default true
-     * @since 2.1
-     */
-    reflow?: boolean;
-    /**
-     * The HTML element where the chart will be rendered. If it is a string, the element by that id is used. The HTML
-     * element can also be passed by direct reference.
-     */
-    renderTo?: string | HTMLElement;
-    /**
-     * The button that appears after a selection zoom, allowing the user to reset zoom.
-     */
-    resetZoomButton?: HighchartsChartResetZoomButton;
-    /**
-     * The background color of the marker square when selecting (zooming in on) an area of the chart.
-     * @default 'rgba(69,114,167,0.25)'
-     * @since 2.1.7
-     */
-    selectionMarkerFill?: string;
-    /**
-     * Whether to apply a drop shadow to the outer chart area. Requires that backgroundColor be set. Since 2.3 the
-     * shadow can be an object configuration containing color, offsetX, offsetY, opacity and width.
-     * @default false
-     */
-    shadow?: boolean | HighchartsShadow;
-    /**
-     * Whether to show the axes initially. This only applies to empty charts where series are added dynamically, as axes
-     * are automatically added to cartesian series.
-     * @default false
-     * @since 1.2.5
-     */
-    showAxes?: boolean;
-    /**
-     * The distance between the outer edge of the chart and the content, like title, legend, axis title or labels. The
-     * numbers in the array designate top, right, bottom and left respectively. Use the options spacingTop,
-     * spacingRight, spacingBottom and spacingLeft options for shorthand setting of one option.
-     * @default [10, 10, 15, 10]
-     * @since 3.0.6
-     */
-    spacing?: number[];
-    /**
-     * The space between the bottom edge of the chart and the content (plot area, axis title and labels, title, subtitle
-     * or legend in top position).
-     * @default 15
-     * @since 2.1
-     */
-    spacingBottom?: number;
-    /**
-     * The space between the left edge of the chart and the content (plot area, axis title and labels, title, subtitle
-     * or legend in top position).
-     * @default 10
-     * @since 2.1
-     */
-    spacingLeft?: number;
-    /**
-     * The space between the right edge of the chart and the content (plot area, axis title and labels, title, subtitle
-     * or legend in top position).
-     * @default 10
-     * @since 2.1
-     */
-    spacingRight?: number;
-    /**
-     * The space between the top edge of the chart and the content (plot area, axis title and labels, title, subtitle or
-     * legend in top position).
-     * @default 10
-     * @since 2.1
-     */
-    spacingTop?: number;
-    /**
-     * Additional CSS styles to apply inline to the container div. Note that since the default font styles are applied
-     * in the renderer, it is ignorant of the individual chart options and must be set globally.
-     */
-    style?: HighchartsCSSObject;
-    /**
-     * The default series type for the chart. Can be any of the chart types listed under plotOptions.
-     * @default 'line'
-     * @since 2.1.0
-     */
-    type?: string;
-    /**
-     * An explicit width for the chart. By default the width is calculated from the offset width of the containing
-     * element.
-     */
-    width?: number;
-    /**
-     * Decides in what dimensions the user can zoom by dragging the mouse. Can be one of x, y or xy.
-     */
-    zoomType?: string;
-}
-
-interface HighchartsCSSObject {
-    background?: string;
-    border?: string;
-    color?: string | HighchartsGradient;
-    cursor?: string;
-    font?: string;
-    fontFamily?: string;
-    fontSize?: string;
-    fontWeight?: string;
-    left?: string;
-    opacity?: number;
-    padding?: string | number;
-    position?: string;
-    top?: string;
-    textShadow?: string;
-}
-
-interface HighchartsCreditsOptions {
-    /**
-     * Whether to show the credits text.
-     * @default true
-     */
-    enabled?: boolean;
-    /**
-     * The URL for the credits label.
-     * @default 'http://www.highcharts.com'
-     */
-    href?: string;
-    /**
-     * Position configuration for the credits label. Supported properties are align, verticalAlign, x and y.
-     */
-    position?: HighchartsPosition;
-    /**
-     * CSS styles for the credits label.
-     */
-    style?: Object;
-    /**
-     * The text for the credits label.
-     * @default 'Highcharts.com'
-     */
-    text?: string;
-}
-
-interface HighchartsDataSeriesMapping {
-    [pointPropertyName: string]: number;
-}
-
-/**
- * The Data module provides a simplified interface for adding data to a chart from sources like CVS, HTML tables or grid
- * views. See also the tutorial article on the Data module.
- *
- * It requires the modules/data.js file to be loaded.
- *
- * Please note that the default way of adding data in Highcharts, without the need of a module, is through the
- * series.data option.
- */
-interface HighchartsDataOptions {
-    /**
-     * A two-dimensional array representing the input data on tabular form. This input can be used when the data is
-     * already parsed, for example from a grid view component. Each cell can be a string or number. If not
-     * switchRowsAndColumns is set, the columns are interpreted as series.
-     * @since 4.0
-     */
-    columns?: [string|number][];
-    /**
-     * The callback that is evaluated when the data is finished loading, optionally from an external source, and parsed.
-     * The first argument passed is a finished chart options object, containing the series. These options can be
-     * extended with additional options and passed directly to the chart constructor.
-     * @since 4.0
-     */
-    complete?: (options: HighchartsOptions) => void;
-    /**
-     * A comma delimited string to be parsed. Related options are startRow, endRow, startColumn and endColumn to delimit
-     * what part of the table is used. The lineDelimiter and itemDelimiter options define the CSV delimiter formats.
-     * @since 4.0
-     */
-    csv?: string;
-    /**
-     * Which of the predefined date formats in Date.prototype.dateFormats to use to parse date values. Defaults to a
-     * best guess based on what format gives valid and ordered dates.
-     *
-     * Valid options include:
-     * 'YYYY-mm-dd'
-     * 'dd/mm/YYYY'
-     * 'mm/dd/YYYY'
-     * 'dd/mm/YY'
-     * 'mm/dd/YY'
-     * @since 4.0
-     */
-    dateFormat?: string;
-    /**
-     * The decimal point used for parsing numbers in the CSV.
-     * @default '.'
-     */
-    decimalPoint?: string;
-    /**
-     * In tabular input data, the last column (indexed by 0) to use. Defaults to the last column containing data.
-     * @since 4.0
-     */
-    endColumn?: number;
-    /**
-     * In tabular input data, the last row (indexed by 0) to use. Defaults to the last row containing data.
-     * @since 4.0.4
-     */
-    endRow?: number;
-    /**
-     * Whether to use the first row in the data set as series names.
-     * @default true
-     * @since 4.1.0
-     */
-    firstRowAsNames?: boolean;
-    /**
-     * The key for a Google Spreadsheet to load. See {@link https://developers.google.com/gdata/samples/spreadsheet_sample|general information on GS}.
-     * @since 4.0
-     */
-    googleSpreadsheetKey?: string;
-    /**
-     * The Google Spreadsheet worksheet to use in combination with googleSpreadsheetKey. The available id's from your
-     * sheet can be read from https://spreadsheets.google.com/feeds/worksheets/{key}/public/basic
-     * @since 4.0
-     */
-    googleSpreadsheetWorksheet?: string;
-    /**
-     * Item or cell delimiter for parsing CSV. Defaults to the tab character \t if a tab character is found in the CSV
-     * string, if not it defaults to ,.
-     * @since 4.0
-     */
-    itemDelimiter?: string;
-    /**
-     * Line delimiter for parsing CSV.
-     * @default '\n'
-     * @since 4.0
-     */
-    lineDelimiter?: string;
-    /**
-     * A callback function to parse string representations of dates into JavaScript timestamps. Should return an integer
-     * timestamp on success.
-     * @since 4.0
-     */
-    parseDate?: (val: any) => number;
-    /**
-     * A callback function to access the parsed columns, the two-dimentional input data array directly, before they are
-     * interpreted into series data and categories. Return false to stop completion, or call this.complete() to continue
-     * async.
-     * @since 4.0
-     */
-    parsed?: (columns: [string|number][]) => boolean | void;
-    /**
-     * The same as the columns input option, but defining rows intead of columns.
-     * @since 4.0
-     */
-    rows?: [string|number][];
-    /**
-     * An array containing object with Point property names along with what column id the property should be taken from.
-     * @since 4.0.4
-     */
-    seriesMapping?: HighchartsDataSeriesMapping[];
-    /**
-     * In tabular input data, the first column (indexed by 0) to use.
-     * @default 0
-     * @since 4.0
-     */
-    startColumn?: number;
-    /**
-     * In tabular input data, the first row (indexed by 0) to use.
-     * @default 0
-     * @since 4.0
-     */
-    startRow?: number;
-    /**
-     * Switch rows and columns of the input data, so that this.columns effectively becomes the rows of the data set, and
-     * the rows are interpreted as series.
-     * @default false
-     * @since 4.0
-     */
-    switchRowsAndColumns?: boolean;
-    /**
-     * A HTML table or the id of such to be parsed as input data. Related options are startRow, endRow, startColumn and
-     * endColumn to delimit what part of the table is used.
-     */
-    table?: string | HTMLElement;
-}
-
-/**
- * Options for drill down, the concept of inspecting increasingly high resolution data through clicking on chart items
- * like columns or pie slices.
- *
- * The drilldown feature requires the drilldown.js file to be loaded, found in the modules directory of the download
- * package, or online at code.highcharts.com/modules/drilldown.js.
- */
-interface HighchartsDrilldownOptions {
-    /**
-     * Additional styles to apply to the X axis label for a point that has drilldown data. By default it is underlined
-     * and blue to invite to interaction.
-     * @default { cursor: 'pointer', color: '#0d233a', fontWeight: 'bold', textDecoration: 'underline' }
-     * @since 3.0.8
-     */
-    activeAxisLabelStyle?: Object;
-    /**
-     * Additional styles to apply to the data label of a point that has drilldown data. By default it is underlined and
-     * blue to invite to interaction.
-     * @default { cursor: 'pointer', color: '#0d233a', fontWeight: 'bold', textDecoration: 'underline' }
-     * @since 3.0.8
-     */
-    activeDataLabelStyle?: Object;
-    /**
-     * When this option is false, clicking a single point will drill down all points in the same category, equivalent to
-     * clicking the X axis label.
-     * @default true
-     * @since 4.1.7
-     */
-    allowPointDrilldown?: boolean;
-    /**
-     * Set the animation for all drilldown animations. Animation of a drilldown occurs when drilling between a column
-     * point and a column series, or a pie slice and a full pie series. Drilldown can still be used between series and
-     * points of different types, but animation will not occur.
-     *
-     * The animation can either be set as a boolean or a configuration object. If true, it will use the 'swing' jQuery
-     * easing and a duration of 500 ms.
-     * @since 3.0.8
-     */
-    animation?: boolean | HighchartsAnimation;
-    /**
-     * Options for the drill up button that appears when drilling down on a series. The text for the button is defined
-     * in lang.drillUpText.
-     */
-    drillUpButton?: {
+        minorTickLength?: number;
         /**
-         * Positioning options for the button within the relativeTo box. Available properties are x, y, align and
-         * verticalAlign.
+         * The position of the minor tick marks relative to the axis line. Can be one of 'inside' and 'outside'.
+         * @default 'outside'
+         */
+        minorTickPosition?: string;
+        /**
+         * The pixel width of the minor tick mark.
+         * @default 0
+         */
+        minorTickWidth?: number;
+        /**
+         * The distance in pixels from the plot area to the axis line. A positive offset moves the axis with it's line,
+         * labels and ticks away from the plot area. This is typically used when two or more axes are displayed on the same
+         * side of the plot.
+         * @default 0
+         */
+        offset?: number;
+        /**
+         * Whether to display the axis on the opposite side of the normal. The normal is on the left side for vertical axes
+         * and bottom for horizontal, so the opposite sides will be right and top respectively. This is typically used with
+         * dual or multiple axes.
+         * @default false
+         */
+        opposite?: boolean;
+        /**
+         * An array of colored bands stretching across the plot area marking an interval on the axis.
+         *
+         * In a gauge, a plot band on the Y axis (value axis) will stretch along the perimeter of the gauge.
+         */
+        plotBands?: PlotBands[];
+        /**
+         * An array of lines stretching across the plot area, marking a specific value on one of the axes.
+         */
+        plotLines?: PlotLines[];
+        /**
+         * Whether to reverse the axis so that the highest number is closest to the origin. If the chart is inverted, the x
+         * axis is reversed by default.
+         * @default false
+         */
+        reversed?: boolean;
+        /**
+         * Whether to show the axis line and title when the axis has no data.
+         * @default true
+         * @since 1.1
+         */
+        showEmpty?: boolean;
+        /**
+         * Whether to show the first tick label.
+         * @default true
+         */
+        showFirstLabel?: boolean;
+        /**
+         * Whether to show the last tick label.
+         * @default true
+         */
+        showLastLabel?: boolean;
+        /**
+         * For datetime axes, this decides where to put the tick between weeks. 0 = Sunday, 1 = Monday.
+         * @default 1
+         */
+        startOfWeek?: number;
+        /**
+         * Whether to force the axis to start on a tick. Use this option with the minPadding option to control the axis
+         * start.
+         * @default false
+         * @since 1.2.0
+         */
+        startOnTick?: boolean;
+        /**
+         * The amount of ticks to draw on the axis. This opens up for aligning the ticks of multiple charts or panes within
+         * a chart. This option overrides the tickPixelInterval option.
+         *
+         * This option only has an effect on linear axes. Datetime, logarithmic or category axes are not affected.
+         */
+        tickAmount?: number;
+        /**
+         * Color for the main tick marks.
+         * @default '#C0D0E0'
+         */
+        tickColor?: string;
+        /**
+         * The interval of the tick marks in axis units. When null, the tick interval is computed to approximately follow
+         * the tickPixelInterval on linear and datetime axes. On categorized axes, a null tickInterval will default to 1,
+         * one category. Note that datetime axes are based on milliseconds, so for example an interval of one day is
+         * expressed as 24 * 3600 * 1000.
+         *
+         * On logarithmic axes, the tickInterval is based on powers, so a tickInterval of 1 means one tick on each of 0.1,
+         * 1, 10, 100 etc. A tickInterval of 2 means a tick of 0.1, 10, 1000 etc. A tickInterval of 0.2 puts a tick on 0.1,
+         * 0.2, 0.4, 0.6, 0.8, 1, 2, 4, 6, 8, 10, 20, 40 etc.
+         *
+         * If the tickInterval is too dense for labels to be drawn, Highcharts may remove ticks.
+         */
+        tickInterval?: number;
+        /**
+         * The pixel length of the main tick marks.
+         * @default 10
+         */
+        tickLength?: number;
+        /**
+         * If tickInterval is null this option sets the approximate pixel interval of the tick marks. Not applicable to
+         * categorized axis.
+         *
+         * @default 72 for the Y axis, 100 for the X axis.
+         */
+        tickPixelInterval?: number;
+        /**
+         * The position of the major tick marks relative to the axis line. Can be one of 'inside' and 'outside'.
+         * @default 'outside'
+         */
+        tickPosition?: string;
+        /**
+         * A callback function returning array defining where the ticks are laid out on the axis. This overrides the default
+         * behaviour of tickPixelInterval and tickInterval. The automatic tick positions are accessible through
+         * this.tickPositions and can be modified by the callback.
+         */
+        tickPositioner?: (min: number, max: number) => void;
+        /**
+         * An array defining where the ticks are laid out on the axis. This overrides the default behaviour of
+         * tickPixelInterval and tickInterval.
+         */
+        tickPositions?: number[];
+        /**
+         * The pixel width of the major tick marks.
+         * @default 1
+         */
+        tickWidth?: number;
+        /**
+         * For categorized axes only. If 'on' the tick mark is placed in the center of the category, if 'between' the tick
+         * mark is placed between categories. The default is 'between' if the tickInterval is 1, else 'on'.
+         * @default null
+         */
+        tickmarkPlacement?: string;
+        /**
+         * The axis title, showing next to the axis line.
+         */
+        title?: AxisTitle;
+        /**
+         * The type of axis. Can be one of 'linear', 'logarithmic', 'datetime' or 'category'. In a datetime axis, the
+         * numbers are given in milliseconds, and tick marks are placed on appropriate values like full hours or days. In a
+         * category axis, the point names of the chart's series are used for categories, if not a categories array is
+         * defined.
+         * @default 'linear'
+         */
+        type?: string;
+        /**
+         * Datetime axis only. An array determining what time intervals the ticks are allowed to fall on. Each array item is
+         * an array where the first value is the time unit and the second value another array of allowed multiples.
+         */
+        units?: [[string, [number]]];
+        /**
+         * Whether axis, including axis title, line, ticks and labels, should be visible.
+         * @default true
+         * @since 4.1.9
+         */
+        visible?: boolean;
+    }
+
+    interface ColorAxisDataClass {
+        from?: number;
+        to?: number;
+        color?: string | Gradient;
+        name?: string;
+    }
+
+    /**
+     * A color axis for choropleth mapping. Visually, the color axis will appear as a gradient or as separate items inside
+     * the legend, depending on whether the axis is scalar or based on data classes.
+     *
+     * For supported color formats, see the docs article about colors.
+     *
+     * A scalar color axis is represented by a gradient. The colors either range between the minColor and the maxColor, or
+     * for more fine grained control the colors can be defined in stops. Often times, the color axis needs to be adjusted to
+     * get the right color spread for the data. In addition to stops, consider using a logarithmic axis type, or setting min
+     * and max to avoid the colors being determined by outliers.
+     *
+     * When dataClasses are used, the ranges are subdivided into separate classes like categories based on their values.
+     * This can be used for ranges between two values, but also for a true category. However, when your data is categorized,
+     * it may be as convenient to add each category to a separate series.
+     *
+     * See the Axis object for programmatic access to the axis.
+     */
+    interface ColorAxisOptions {
+        /**
+         * Determines how to set each data class' color if no individual color is set. The default value, tween, computes
+         * intermediate colors between minColor and maxColor. The other possible value, category, pulls colors from the
+         * global or chart specific colors array.
+         * @default 'tween'
+         */
+        dataClassColor?: string;
+        /**
+         * An array of data classes or ranges for the choropleth map. If none given, the color axis is scalar and values are
+         * distributed as a gradient between the minimum and maximum colors.
+         */
+        dataClasses?: ColorAxisDataClass[];
+        /**
+         * Whether to force the axis to end on a tick. Use this option with the maxPadding option to control the axis end.
+         * @default true
+         */
+        endOnTick?: boolean;
+        events?: {
+            /**
+             * As opposed to the setExtremes event, this event fires after the final min and max values are computed and
+             * corrected for minRange.
+             * The this keyword refers to the {@link AxisObject|Axis} object.
+             */
+            afterSetExtremes?: (event: AxisEvent) => void;
+            /**
+             * Fires when the minimum and maximum is set for the axis, either by calling the .setExtremes() method or by
+             * selecting an area in the chart. One parameter, event, is passed to the function. This contains common event
+             * information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
+             *
+             * The new user set minimum and maximum values can be found by event.min and event.max. When an axis is zoomed
+             * all the way out from the 'Reset zoom' button, event.min and event.max are null, and the new extremes are set
+             * based on this.dataMin and this.dataMax.
+             *
+             * The this keyword refers to the {@link AxisObject|Axis} object.
+             */
+            setExtremes?: (event: AxisEvent) => void;
+        };
+        /**
+         * Color of the grid lines extending from the axis across the gradient.
+         * @default '#C0C0C0'
+         */
+        gridLineColor?: string;
+        /**
+         * The dash or dot style of the grid lines.
+         * @default 'Solid'
+         */
+        gridLineDashStyle?: string;
+        /**
+         * The width of the grid lines extending from the axis across the gradient of a scalar color axis.
+         * @default 1
+         */
+        gridLineWidth?: number;
+        /**
+         * An id for the axis. This can be used after render time to get a pointer to the axis object through chart.get().
+         */
+        id?: string;
+        /**
+         * The axis labels show the number for each tick.
+         */
+        labels?: AxisLabels;
+        /**
+         * The color of the line marking the axis itself.
+         * @default '#C0D0E0'
+         */
+        lineColor?: string | Gradient;
+        /**
+         * The width of the line marking the axis itself.
+         * @default 0
+         */
+        lineWidth?: number;
+        /**
+         * The triangular marker on a scalar color axis that points to the value of the hovered area. To disable the marker,
+         * set marker: null.
+         */
+        marker?: {
+            /**
+             * Animation for the marker as it moves between values. Set to false to disable animation.
+             * @default {duration: 50}
+             */
+            animation?: boolean | Animation;
+            /**
+             * The color of the marker.
+             * @default 'gray'
+             */
+            color?: string | Gradient;
+        };
+        /**
+         * The maximum value of the axis in terms of map point values. If null, the max value is automatically calculated.
+         * If the endOnTick option is true, the max value might be rounded up.
+         */
+        max?: number;
+        /**
+         * The color to represent the maximum of the color axis. Unless dataClasses or stops are set, the gradient ends at
+         * this value.
+         *
+         * If dataClasses are set, the color is based on minColor and maxColor unless a color is set for each data class, or
+         * the dataClassColor is set.
+         * @default '#102D4C'
+         */
+        maxColor?: string;
+        /**
+         * Padding of the max value relative to the length of the axis. A padding of 0.05 will make a 100px axis 5px longer.
+         * @default 0.05
+         */
+        maxPadding?: number;
+        /**
+         * The minimum value of the axis in terms of map point values. If null, the min value is automatically calculated.
+         * If the startOnTick option is true, the min value might be rounded down.
+         */
+        min?: number;
+        /**
+         * The color to represent the minimum of the color axis. Unless dataClasses or stops are set, the gradient starts at
+         * this value.
+         *
+         * If dataClasses are set, the color is based on minColor and maxColor unless a color is set for each data class, or
+         * the dataClassColor is set.
+         * @default '#EFEFFF'
+         */
+        minColor?: string;
+        /**
+         * Padding of the min value relative to the length of the axis. A padding of 0.05 will make a 100px axis 5px longer.
+         * @default 0.05
+         */
+        minPadding?: number;
+        /**
+         * Color of the minor, secondary grid lines.
+         * @default '#E0E0E0'
+         */
+        minorGridLineColor?: string;
+        /**
+         * The dash or dot style of the minor grid lines.
+         * @default 'Solid'
+         */
+        minorGridLineDashStyle?: string;
+        /**
+         * Width of the minor, secondary grid lines.
+         * @default 1
+         */
+        minorGridLineWidth?: number;
+        /**
+         * Color for the minor tick marks.
+         * @default '#A0A0A0'
+         */
+        minorTickColor?: string;
+        /**
+         * Tick interval in scale units for the minor ticks. On a linear axis, if 'auto', the minor tick interval is
+         * calculated as a fifth of the tickInterval. If null, minor ticks are not shown.
+         *
+         * On logarithmic axes, the unit is the power of the value. For example, setting the minorTickInterval to 1 puts one
+         * tick on each of 0.1, 1, 10, 100 etc. Setting the minorTickInterval to 0.1 produces 9 ticks between 1 and 10, 10
+         * and 100 etc. A minorTickInterval of 'auto' on a log axis results in a best guess, attempting to enter
+         * approximately 5 minor ticks between each major tick.
+         *
+         * If user settings dictate minor ticks to become too dense, they don't make sense, and will be ignored to prevent
+         * performance problems.
+         */
+        minorTickInterval?: string | number;
+        /**
+         * The pixel length of the minor tick marks.
+         * @default 2
+         */
+        minorTickLength?: number;
+        /**
+         * The position of the minor tick marks relative to the axis line. Can be one of inside and outside.
+         * @default 'outside'
+         */
+        minorTickPosition?: string;
+        /**
+         * The pixel width of the minor tick mark
+         * @default 0
+         */
+        minorTickWidth?: number;
+        /**
+         * Whether to reverse the axis so that the highest number is closest to the origin. Defaults to false in a
+         * horizontal legend and true in a vertical legend, where the smallest value starts on top.
+         */
+        reversed?: boolean;
+        /**
+         * If labels are enabled, whether to show the first tick label.
+         * @default true
+         */
+        showFirstLabel?: boolean;
+        /**
+         * If labels are enabled, whether to show the last tick label.
+         * @default true
+         */
+        showLastLabel?: boolean;
+        /**
+         * Whether to force the axis to start on a tick. Use this option with the maxPadding option to control the axis
+         * start.
+         * @default true
+         */
+        startOnTick?: boolean;
+        /**
+         * Color stops for the gradient of a scalar color axis. Use this in cases where a linear gradient between a minColor
+         * and maxColor is not sufficient. The stops is an array of tuples, where the first item is a float between 0 and 1
+         * assigning the relative position in the gradient, and the second item is the color.
+         */
+        stops?: [number, string][];
+        /**
+         * Color for the main tick marks.
+         * @default '#C0D0E0'
+         */
+        tickColor?: string;
+        /**
+         * The interval of the tick marks in axis units. When null, the tick interval is computed to approximately follow
+         * the tickPixelInterval.
+         */
+        tickInterval?: number;
+        /**
+         * The pixel length of the main tick marks.
+         * @default 10
+         */
+        tickLength?: number;
+        /**
+         * If tickInterval is null this option sets the approximate pixel interval of the tick marks.
+         * @default 72
+         */
+        tickPixelInterval?: number;
+        /**
+         * The position of the major tick marks relative to the axis line. Can be one of 'inside' and 'outside'.
+         * @default 'outside'
+         */
+        tickPosition?: string;
+        /**
+         * A callback function returning array defining where the ticks are laid out on the axis. This overrides the default
+         * behaviour of tickPixelInterval and tickInterval.
+         */
+        tickPositioner?: (min: number, max: number) => void;
+        /**
+         * An array defining where the ticks are laid out on the axis. This overrides the default behaviour of
+         * tickPixelInterval and tickInterval.
+         */
+        tickPositions?: number[];
+        /**
+         * The pixel width of the major tick marks.
+         * @default 0
+         */
+        tickWidth?: number;
+        /**
+         * The type of interpolation to use for the color axis. Can be 'linear' or 'logarithmic'.
+         * @default 'linear'
+         */
+        type?: string;
+    }
+
+    interface Extremes {
+        /**
+         * The maximum value of the axis' associated series.
+         */
+        dataMax: number;
+        /**
+         * The minimum value of the axis' associated series.
+         */
+        dataMin: number;
+        /**
+         * The maximum axis value, either automatic or set manually. If the max option is not set and maxPadding is 0, this
+         * value will be the same as dataMax.
+         */
+        max: number;
+        /**
+         * The minimum axis value, either automatic or set manually. If the min option is not set and minPadding is 0, this
+         * value will be the same as dataMin.
+         */
+        min: number;
+    }
+
+    interface Animation {
+        /**
+         * The duration of the animation in milliseconds.
+         */
+        duration?: number;
+        /**
+         * When using jQuery as the general framework, the easing can be set to linear or swing. More easing functions are
+         * available with the use of jQuery plug-ins, most notably the jQuery UI suite. See the
+         * {@link http://api.jquery.com/animate/|jQuery docs}. When using MooTools as the general framework, use the
+         * property name transition instead of easing.
+         */
+        easing?: string;
+    }
+
+    interface AddSeriesEvent extends Event {
+        /**
+         * The series options that was passed to the addSeries method.
+         */
+        options: ChartOptions;
+    }
+
+    interface AxisValueOptions extends AxisOptions {
+        /**
+         * The axis value at the clicked spot
+         */
+        value: number;
+    }
+
+    interface ChartClickEvent extends Event {
+        /**
+         * Array containing the axes of each dimension and each axis' value at the clicked spot
+         */
+        xAxis: AxisValueOptions[];
+        /**
+         * Array containing the axes of each dimension and each axis' value at the clicked spot
+         */
+        yAxis: AxisValueOptions[];
+    }
+
+    interface ChartDrilldownEvent extends Event {
+        /**
+         * If a category label was clicked, which index.
+         */
+        category?: number;
+        /**
+         * The originating point.
+         */
+        point?: PointObject;
+        /**
+         * If a category label was clicked, this array holds all points corresponing to the category.
+         */
+        points?: PointObject[];
+        /**
+         * Options for the new series.
+         */
+        seriesOptions?: IndividualSeriesOptions;
+    }
+
+    interface ChartSelectionEvent extends Event {
+        /**
+         * Array containing the axes of each dimension and each axis' min and max values
+         */
+        xAxis: AxisOptions[];
+        /**
+         * Array containing the axes of each dimension and each axis' min and max values
+         */
+        yAxis: AxisOptions[];
+    }
+
+    interface ChartEvents {
+        /**
+         * Fires when a series is added to the chart after load time, using the addSeries method. One parameter, event, is
+         * passed to the function. This contains common event information based on jQuery or MooTools depending on which
+         * library is used as the base for Highcharts. Through event.options you can access the series options that was
+         * passed to the addSeries method. Returning false prevents the series from being added.
+         *
+         * The this keyword refers to the Chart object.
+         * @since 1.2.0
+         */
+        addSeries?: (event: AddSeriesEvent) => boolean|void;
+        /**
+         * Fires after a chart is printed through the context menu item or the Chart.print method. Requires the exporting
+         * module.
+         * @since 4.1.0
+         */
+        afterPrint?: (event: Event) => void;
+        /**
+         * Fires before a chart is printed through the context menu item or the Chart.print method. Requires the exporting
+         * module.
+         * @since 4.1.0
+         */
+        beforePrint?: (event: Event) => void;
+        /**
+         * Fires when clicking on the plot background. One parameter, event, is passed to the function. This contains common
+         * event information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
+         *
+         * Information on the clicked spot can be found through event.xAxis and event.yAxis, which are arrays containing the
+         * axes of each dimension and each axis' value at the clicked spot. The primary axes are event.xAxis[0] and
+         * event.yAxis[0]. Remember the unit of a datetime axis is milliseconds since 1970-01-01 00:00:00.
+         *
+         * click: function(e) {
+         *      console.log(Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', e.xAxis[0].value), e.yAxis[0].value);
+         * }
+         *
+         * The this keyword refers to the Chart object.
+         * @since 1.2.0
+         */
+        click?: (event: ChartClickEvent) => void;
+        /**
+         * Fires when a drilldown point is clicked, before the new series is added.
          * @since 3.0.8
          */
-        position?: HighchartsPosition;
+        drilldown?: (event: ChartDrilldownEvent) => void;
         /**
-         * What box to align the button to. Can be either 'plotBox' or 'spacingBox'.
-         * @default 'plotBox'
+         * Fires when drilling up from a drilldown series.
          * @since 3.0.8
          */
+        drillup?: (event: Event) => void;
+        /**
+         * Fires when the chart is finished loading. One parameter, event, is passed to the function. This contains common
+         * event information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
+         *
+         * From version 2.0.4, there is also a second parameter to Highcharts.Chart where a callback function can be passed
+         * to be executed on chart.load.
+         *
+         * The this keyword refers to the Chart object.
+         */
+        load?: (event: Event) => void;
+        /**
+         * Fires when the chart is redrawn, either after a call to chart.redraw() or after an axis, series or point is
+         * modified with the redraw option set to true. One parameter, event, is passed to the function. This contains
+         * common event information based on jQuery or MooTools depending on which library is used as the base for
+         * Highcharts.
+         *
+         * The this keyword refers to the Chart object.
+         * @since 1.2.0
+         */
+        redraw?: (event: Event) => void;
+        /**
+         * Fires when an area of the chart has been selected. Selection is enabled by setting the chart's zoomType. One
+         * parameter, event, is passed to the function. This contains common event information based on jQuery or MooTools
+         * depending on which library is used as the base for Highcharts. The default action for the selection event is to
+         * zoom the chart to the selected area. It can be prevented by calling event.preventDefault().
+         *
+         * Information on the selected area can be found through event.xAxis and event.yAxis, which are arrays containing
+         * the axes of each dimension and each axis' min and max values. The primary axes are event.xAxis[0] and
+         * event.yAxis[0]. Remember the unit of a datetime axis is milliseconds since 1970-01-01 00:00:00.
+         *
+         * selection: function(event) {
+         *      // log the min and max of the primary, datetime x-axis
+         *      console.log(
+         *          Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', event.xAxis[0].min),
+         *          Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', event.xAxis[0].max)
+         *      );
+         *      // log the min and max of the y axis
+         *      console.log(event.yAxis[0].min, event.yAxis[0].max);
+         * }
+         */
+        selection?: (event: ChartSelectionEvent) => void;
+    }
+
+    interface LinearGradient {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    }
+
+    interface Gradient {
+        linearGradient?: LinearGradient | number[];
+        radialGradient?: {
+            cx: number; cy: number; r: number;
+        };
+        stops?: any[][];
+        /**
+         * Brighten the color
+         * @param {number} alpha
+         */
+        brighten?(alpha: number): Gradient;
+        /**
+         * Return the color a specified format
+         * @param {string} format
+         */
+        get?(format: string): string;
+        /**
+         * The raw input
+         */
+        raw?: string;
+        /**
+         * rgba array
+         */
+        rgba?: number[];
+        /**
+         * Set the color's opacity to a given alpha value
+         * @param  {number} alpha
+         * @return {Gradient}
+         */
+        setOpacity?(alpha: number): Gradient;
+    }
+
+    /**
+     * Type equivalent to the 'Color' type mentioned throughout the documentation.
+     */
+    type Color = string | Gradient;
+
+    interface ChartOptions3dFrame {
+        /**
+         * The color of the panel.
+         * @default 'transparent'
+         * @since 4.0
+         */
+        color?: string | Gradient;
+        /**
+         * Thickness of the panel.
+         * @default 1
+         * @since 4.0
+         */
+        size?: number;
+    }
+
+    interface ChartOptions3d {
+        /**
+         * One of the two rotation angles for the chart.
+         * @default 0
+         * @since 4.0
+         */
+        alpha?: number;
+        /**
+         * One of the two rotation angles for the chart.
+         * @default 0
+         * @since 4.0
+         */
+        beta?: number;
+        /**
+         * The total depth of the chart.
+         * @default 100
+         * @since 4.0
+         */
+        depth?: number;
+        /**
+         * Wether to render the chart using the 3D functionality.
+         * @default false
+         * @since 4.0
+         */
+        enabled?: boolean;
+        /**
+         * Provides the option to draw a frame around the charts by defining a bottom, front and back panel.
+         */
+        frame?: {
+            /**
+             * Defines the back panel of the frame around 3D charts.
+             * @since 4.0
+             */
+            back?: ChartOptions3dFrame;
+            /**
+             * The bottom of the frame around a 3D chart.
+             * @since 4.0
+             */
+            bottom?: ChartOptions3dFrame;
+            /**
+             * The side for the frame around a 3D chart.
+             * @since 4.0
+             */
+            side?: ChartOptions3dFrame;
+        };
+        /**
+         * Defines the distance the viewer is standing in front of the chart, this setting is important to calculate the
+         * perspective effect in column and scatter charts. It is not used for 3D pie charts.
+         * @default 100
+         * @since 4.0
+         */
+        viewDistance?: number;
+    }
+
+    interface Shadow {
+        /**
+         * @default 'black'
+         */
+        color?: string | Gradient;
+        /**
+         * @default 1
+         */
+        offsetX?: number;
+        /**
+         * @default 1
+         */
+        offsetY?: number;
+        /**
+         * @default 0.15 / width
+         */
+        opacity?: number;
+        /**
+         * @default 3
+         */
+        width?: number;
+    }
+
+    interface ChartResetZoomButton {
+        /**
+         * The position of the button. This is an object that can hold the properties align, verticalAlign, x and y.
+         * @since 2.2
+         */
+        position?: Position;
+        /**
+         * What frame the button should be placed related to. Can be either 'plot' or 'chart'.
+         * @default 'plot'
+         * @since 2.2
+         */
         relativeTo?: string;
         /**
-         * A collection of attributes for the button. The object takes SVG attributes like fill, stroke, stroke-width or
-         * r, the border radius. The theme also supports style, a collection of CSS properties for the text. Equivalent
+         * A collection of attributes for the button. The object takes SVG attributes like fill, stroke, stroke-width or r,
+         * the border radius. The theme also supports style, a collection of CSS properties for the text. Equivalent
          * attributes for the hover state are given in theme.states.hover.
-         * @since 3.0.8
+         * @since 2.2
          */
-        theme?: HighchartsButtonStatesTheme;
+        theme?: ButtonStatesTheme;
     }
-    /**
-     * An array of series configurations for the drill down. Each series configuration uses the same syntax as the
-     * series option set. These drilldown series are hidden by default. The drilldown series is linked to the parent
-     * series' point by its id.
-     * @since 3.0.8
-     */
-    series?: HighchartsIndividualSeriesOptions[];
-}
 
-interface HighchartsMenuItem {
-    /**
-     * String to show in the menu item.
-     */
-    text: string;
-    /**
-     * Callback function to run on click.
-     */
-    onclick: () => void;
-}
-
-interface HighchartsButton {
-    /**
-     * Alignment for the buttons.
-     * @default 'right'
-     * @since 2.0
-     */
-    align?: string;
-    /**
-     * Whether to enable buttons.
-     * @default true
-     * @since 2.0
-     */
-    enabled?: boolean;
-    /**
-     * Pixel height of the buttons.
-     * @default 20
-     * @since 2.0
-     */
-    height?: number;
-    /**
-     * Fill color for the symbol within the button.
-     * @default '#E0E0E0'
-     * @since 2.0
-     */
-    symbolFill?: string;
-    /**
-     * The pixel size of the symbol on the button.
-     * @default 14
-     * @since 2.0
-     */
-    symbolSize?: number;
-    /**
-     * The color of the symbol's stroke or line.
-     * @default '#666'
-     * @since 2.0
-     */
-    symbolStroke?: string;
-    /**
-     * The pixel stroke width of the symbol on the button.
-     * @default 1
-     * @since 2.0
-     */
-    symbolStrokeWidth?: number;
-    /**
-     * The x position of the center of the symbol inside the button.
-     * @default 12.5
-     * @since 2.0
-     */
-    symbolX?: number;
-    /**
-     * The y position of the center of the symbol inside the button.
-     * @default 10.5
-     * @since 2.0
-     */
-    symbolY?: number;
-    /**
-     * A text string to add to the individual button.
-     * @default null
-     * @since 3.0
-     */
-    text?: string;
-    /**
-     * A configuration object for the button theme. The object accepts SVG properties like stroke-width, stroke and
-     * fill. Tri-state button styles are supported by the states.hover and states.select objects.
-     * @since 3.0
-     */
-    theme?: HighchartsButtonStatesTheme;
-    /**
-     * The vertical alignment of the buttons. Can be one of 'top', 'middle' or 'bottom'.
-     * @default 'top'
-     * @since 2.0
-     */
-    verticalAlign?: string;
-    /**
-     * The pixel width of the button.
-     * @default 24
-     * @since 2.0
-     */
-    width?: number;
-    /**
-     * The vertical offset of the button's position relative to its verticalAlign.
-     * @default 0
-     * @since 2.0
-     */
-    y?: number;
-}
-
-interface HighchartsExportingContextButton extends HighchartsButton {
-    /**
-     * A collection of config options for the menu items. Each options object consists of a text option which is a
-     * string to show in the menu item, as well as an onclick parameter which is a callback function to run on click.
-     *
-     * By default, there is the 'Print' menu item plus one menu item for each of the available export types. Menu items
-     * can be customized by defining a new array of items and assigning null to unwanted positions.
-     * @since 2.0
-     */
-    menuItems?: HighchartsMenuItem[];
-    /**
-     * A click handler callback to use on the button directly instead of the popup menu.
-     * @since 2.0
-     */
-    onclick?: () => void;
-    /**
-     * The symbol for the button. Points to a definition function in the Highcharts.Renderer.symbols collection. The
-     * default exportIcon function is part of the exporting module.
-     * @default 'menu'
-     */
-    symbol?: string;
-    /**
-     * The horizontal position of the button relative to the align option.
-     * @default -10
-     */
-    x?: number;
-}
-
-interface HighchartsExportingOptions {
-    /**
-     * Experimental setting to allow HTML inside the chart (added through the useHTML options), directly in the exported
-     * image. This allows you to preserve complicated HTML structures like tables or bi-directional text in exported
-     * charts.
-     *
-     * Disclaimer: The HTML is rendered in a foreignObject tag in the generated SVG. The official export server is based
-     * on PhantomJS, which supports this, but other SVG clients, like Batik, does not support it. This also applies to
-     * downloaded SVG that you want to open in a desktop client.
-     * @default false
-     * @since 4.1.8
-     */
-    allowHTML?: boolean;
-    /**
-     * Options for the export related buttons, print and export. In addition to the default buttons listed here, custom
-     * buttons can be added. See navigation.buttonOptions for general options.
-     */
-    buttons?: {
-        contextButton?: HighchartsExportingContextButton;
-    };
-    /**
-     * Additional chart options to be merged into an exported chart. For example, the exported chart can be given a
-     * specific width and height, or a printer-friendly color scheme.
-     * @default null
-     */
-    chartOptions?: HighchartsOptions;
-    /**
-     * Whether to enable the exporting module. Disabling the module will hide the context button, but API methods will
-     * still be available.
-     * @default true
-     * @since 2.0
-     */
-    enabled?: boolean;
-    /**
-     * Whether or not to fall back to the export server if the offline-exporting module is unable to export the chart on
-     * the client side.
-     * @default true
-     * @since 4.1.8
-     */
-    fallbackToExportServer?: boolean;
-    /**
-     * The filename, without extension, to use for the exported chart.
-     * @default 'chart'
-     * @since 2.0
-     */
-    filename?: string;
-    /**
-     * An object containing additional attributes for the POST form that sends the SVG to the export server. For
-     * example, a target can be set to make sure the generated image is received in another frame, or a custom enctype
-     * or encoding can be set.
-     * @since 3.0.8
-     */
-    formAttributes?: any;
-    /**
-     * Defines the scale or zoom factor for the exported image compared to the on-screen display. While for instance a
-     * 600px wide chart may look good on a website, it will look bad in print. The default scale of 2 makes this chart
-     * export to a 1200px PNG or JPG.
-     * @default 2
-     * @since 3.0
-     */
-    scale?: number;
-    /**
-     * The height of the original chart when exported, unless an explicit chart.height is set. The height exported
-     * raster image is then multiplied by scale.
-     * @since 3.0
-     */
-    sourceHeight?: number;
-    /**
-     * The width of the original chart when exported, unless an explicit chart.width is set. The width exported
-     * raster image is then multiplied by scale.
-     * @since 3.0
-     */
-    sourceWidth?: number;
-    /**
-     * Default MIME type for exporting if chart.exportChart() is called without specifying a type option. Possible
-     * values are image/png, image/jpeg, application/pdf and image/svg+xml.
-     * @default 'image/png'
-     * @since 2.0
-     */
-    type?: string;
-    /**
-     * The URL for the server module converting the SVG string to an image format. By default this points to Highslide
-     * Software's free web service.
-     * @default 'http://export.highcharts.com'
-     * @since 2.0
-     */
-    url?: string;
-    /**
-     * The pixel width of charts exported to PNG or JPG. As of Highcharts 3.0, the default pixel width is a function of
-     * the chart.width or exporting.sourceWidth and the exporting.scale.
-     * @since 2.0
-     */
-    width?: number;
-}
-
-/**
- * Global options that don't apply to each chart. These options, like the lang options, must be set using the
- * Highcharts.setOptions method.
- */
-interface HighchartsGlobalObject {
-    /**
-     * A custom Date class for advanced date handling. For example, JDate can be hooked in to handle Jalali dates.
-     * @since 4.0.4
-     */
-    Date?: any;
-    /**
-     * Path to the pattern image required by VML browsers in order to draw radial gradients.
-     * @default 'http://code.highcharts.com/{version}/gfx/vml-radial-gradient.png'
-     * @since 2.3.0
-     */
-    VMLRadialGradientURL?: string;
-    /**
-     * The URL to the additional file to lazy load for Android 2.x devices. These devices don't support SVG, so we
-     * download a helper file that contains canvg, its dependency rbcolor, and our own CanVG Renderer class. To avoid
-     * hotlinking to our site, you can install canvas-tools.js on your own server and change this option accordingly.
-     * @default 'http://code.highcharts.com/{version}/modules/canvas-tools.js'
-     */
-    canvasToolsURL?: string;
-    /**
-     * A callback to return the time zone offset for a given datetime. It takes the timestamp in terms of milliseconds
-     * since January 1 1970, and returns the timezone offset in minutes. This provides a hook for drawing time based
-     * charts in specific time zones using their local DST crossover dates, with the help of external libraries.
-     * @since 4.1.0
-     */
-    getTimezoneOffset?: (timestamp: number) => number;
-    /**
-     * The timezone offset in minutes. Positive values are west, negative values are east of UTC, as in the ECMAScript
-     * getTimezoneOffset method. Use this to display UTC based data in a predefined time zone.
-     * @default 0
-     * @since 3.0.8
-     */
-    timezoneOffset?: number;
-    /**
-     * Whether to use UTC time for axis scaling, tickmark placement and time display in Highcharts.dateFormat.
-     * Advantages of using UTC is that the time displays equally regardless of the user agent's time zone settings.
-     * Local time can be used when the data is loaded in real time or when correct Daylight Saving Time transitions are
-     * required.
-     * @default true
-     */
-    useUTC?: boolean;
-}
-
-interface HighchartsLabelItem {
-    html: string;
-    style: HighchartsCSSObject;
-}
-
-interface HighchartsLabelsOptions {
-    items?: HighchartsLabelItem[];
-    style?: HighchartsCSSObject;
-}
-
-interface HighchartsLangObject {
-    /**
-     * Exporting module menu. The tooltip title for the context menu holding print and export menu items.
-     * @default 'Chart context menu'
-     * @since 3.0
-     */
-    contextButtonTitle?: string;
-    /**
-     * The default decimal point used in the Highcharts.numberFormat method unless otherwise specified in the function
-     * arguments.
-     * @default '.'
-     * @since 1.2.2
-     */
-    decimalPoint?: string;
-    /**
-     * Exporting module only. The text for the JPEG download menu item.
-     * @default 'Download JPEG image'
-     * @since 2.0
-     */
-    downloadJPEG?: string;
-    /**
-     * Exporting module only. The text for the PDF download menu item.
-     * @default 'Download PDF document'
-     * @since 2.0
-     */
-    downloadPDF?: string;
-    /**
-     * Exporting module only. The text for the PNG download menu item.
-     * @default 'Download PNG image'
-     * @since 2.0
-     */
-    downloadPNG?: string;
-    /**
-     * Exporting module only. The text for the SVG download menu item.
-     * @default 'Download SVG vector image'
-     * @since 2.0
-     */
-    downloadSVG?: string;
-    /**
-     * The text for the button that appears when drilling down, linking back to the parent series. The parent series'
-     * name is inserted for {series.name}
-     * @default 'Back to {series.name}'
-     * @since 3.0.8
-     */
-    drillUpText?: string;
-    /**
-     * What to show in a date field for invalid dates.
-     * @default ''
-     * @since 4.1.8
-     */
-    invalidDate?: string;
-    /**
-     * The loading text that appears when the chart is set into the loading state following a call to chart.showLoading.
-     * @default 'Loading...'
-     */
-    loading?: string;
-    /**
-     * An array containing the months names. Corresponds to the %B format in Highcharts.dateFormat().
-     * @default ['January' , 'February' , 'March' , 'April' , 'May' , 'June' , 'July' , 'August' , 'September' , 'October' , 'November' , 'December']
-     */
-    months?: string[];
-    /**
-     * The text to display when the chart contains no data. Requires the no-data module, see noData.
-     * @default 'No data to display'
-     * @since 3.0.8
-     */
-    noData?: string;
-    /**
-     * Metric prefixes used to shorten high numbers in axis labels. Replacing any of the positions with null causes the
-     * full number to be written. Setting numericSymbols to null disables shortening altogether.
-     * @default ['k', 'M', 'G', 'T', 'P', 'E']
-     * @since 2.3.0
-     */
-    numericSymbols?: string[];
-    /**
-     * Exporting module only. The text for the menu item to print the chart.
-     * @default 'Print chart'
-     * @since 3.0.1
-     */
-    printChart?: string;
-    /**
-     * The text for the label appearing when a chart is zoomed.
-     * @default 'Reset zoom'
-     * @since 1.2.4
-     */
-    resetZoom?: string;
-    /**
-     * The tooltip title for the label appearing when a chart is zoomed.
-     * @default 'Reset zoom level 1:1'
-     * @since 1.2.4
-     */
-    resetZoomTitle?: string;
-    /**
-     * An array containing the months names in abbreviated form. Corresponds to the %b format in
-     * Highcharts.dateFormat().
-     * @default ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-     */
-    shortMonths?: string[];
-    /**
-     * The default thousands separator used in the Highcharts.numberFormat method unless otherwise specified in the
-     * function arguments. Since Highcharts 4.1 it defaults to a single space character, which is compatible with ISO
-     * and works across Anglo-American and continental European languages.
-     * @default ' '
-     * @since 1.2.2
-     */
-    thousandsSep?: string;
-    /**
-     * An array containing the weekday names.
-     * @default ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
-     */
-    weekdays?: string[];
-}
-
-interface HighchartsLegendNavigationOptions {
-    /**
-     * The color for the active up or down arrow in the legend page navigation.
-     * @default '#3E576F'
-     * @since 2.2.4
-     */
-    activeColor?: string;
-    /**
-     * How to animate the pages when navigating up or down. A value of true applies the default navigation given in the
-     * chart.animation option. Additional options can be given as an object containing values for easing and duration.
-     * @default true
-     * @since 2.2.4
-     */
-    animation?: boolean | HighchartsAnimation;
-    /**
-     * The pixel size of the up and down arrows in the legend paging navigation.
-     * @default 12
-     * @since 2.2.4
-     */
-    arrowSize?: number;
-    /**
-     * The color of the inactive up or down arrow in the legend page navigation.
-     * @default '#CCC'
-     */
-    inactiveColor?: string;
-    /**
-     * Text styles for the legend page navigation.
-     * @since 2.2.4
-     */
-    style?: HighchartsCSSObject;
-}
-
-interface HighchartsLegendTitleOptions {
-    /**
-     * Generic CSS styles for the legend title.
-     * @default {'fontWeight':'bold'}
-     * @since 3.0
-     */
-    style?: HighchartsCSSObject;
-    /**
-     * A text or HTML string for the title.
-     * @default null
-     * @since 3.0
-     */
-    text?: string;
-}
-
-interface HighchartsLegendOptions {
-    /**
-     * The horizontal alignment of the legend box within the chart area. Valid values are 'left', 'center' and 'right'.
-     * In the case that the legend is aligned in a corner position, the layout option will determine whether to place it
-     * above/below or on the side of the plot area.
-     * @default 'center'
-     * @since 2.0
-     */
-    align?: string;
-    /**
-     * The background color of the legend.
-     */
-    backgroundColor?: string | HighchartsGradient;
-    /**
-     * The color of the drawn border around the legend.
-     * @default '#909090'
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * The border corner radius of the legend.
-     * @default 0
-     */
-    borderRadius?: number;
-    /**
-     * The width of the drawn border around the legend.
-     * @default 0
-     */
-    borderWidth?: number;
-    /**
-     * Enable or disable the legend.
-     * @default true
-     */
-    enabled?: boolean;
-    /**
-     * When the legend is floating, the plot area ignores it and is allowed to be placed below it.
-     * @default false
-     * @since 2.1
-     */
-    floating?: boolean;
-    /**
-     * In a legend with horizontal layout, the itemDistance defines the pixel distance between each item.
-     * @default 20
-     * @since 3.0.3
-     */
-    itemDistance?: number;
-    /**
-     * CSS styles for each legend item when the corresponding series or point is hidden. Only a subset of CSS is
-     * supported, notably those options related to text. Properties are inherited from style unless overridden here.
-     * @default {color: '#CCC'}
-     */
-    itemHiddenStyle?: HighchartsCSSObject;
-    /**
-     * CSS styles for each legend item in hover mode. Only a subset of CSS is supported, notably those options related
-     * to text. Properties are inherited from style unless overridden here.
-     * @default {color: '#000'}
-     */
-    itemHoverStyle?: HighchartsCSSObject;
-    /**
-     * The pixel bottom margin for each legend item.
-     * @default 0
-     * @since 2.2.0
-     */
-    itemMarginBottom?: number;
-    /**
-     * The pixel top margin for each legend item.
-     * @default 0
-     * @since 2.2.0
-     */
-    itemMarginTop?: number;
-    /**
-     * CSS styles for each legend item. Only a subset of CSS is supported, notably those options related to text.
-     * @default { 'color': '#333333', 'cursor': 'pointer', 'fontSize': '12px', 'fontWeight': 'bold' }
-     */
-    itemStyle?: HighchartsCSSObject;
-    /**
-     * The width for each legend item. This is useful in a horizontal layout with many items when you want the items to
-     * align vertically.
-     * @since 2.0
-     */
-    itemWidth?: number;
-    /**
-     * A format string for each legend label. Available variables relates to properties on the series, or the point in
-     * case of pies.
-     * @default '{name}'
-     * @since 1.3
-     */
-    labelFormat?: string;
-    /**
-     * Callback function to format each of the series' labels. The this keyword refers to the series object, or the
-     * point object in case of pie charts. By default the series or point name is printed.
-     */
-    labelFormatter?: () => string;
-    /**
-     * The layout of the legend items. Can be one of 'horizontal' or 'vertical'.
-     * @default 'horizontal'
-     */
-    layout?: string;
-    /**
-     * Line height for the legend items. Deprecated as of 2.1. Instead, the line height for each item can be set using
-     * itemStyle.lineHeight, and the padding between items using itemMarginTop and itemMarginBottom.
-     * @default 16
-     * @since 2.0
-     * @deprecated
-     */
-    lineHeight?: number;
-    /**
-     * If the plot area sized is calculated automatically and the legend is not floating, the legend margin is the space
-     * between the legend and the axis labels or plot area.
-     * @default 12
-     * @since 2.1
-     */
-    margin?: number;
-    /**
-     * Maximum pixel height for the legend. When the maximum height is extended, navigation will show.
-     * @since 2.3.0
-     */
-    maxHeight?: number;
-    /**
-     * Options for the paging or navigation appearing when the legend is overflown.
-     */
-    navigation?: HighchartsLegendNavigationOptions;
-    /**
-     * The inner padding of the legend box.
-     * @default 8
-     * @since 2.2.0
-     */
-    padding?: number;
-    /**
-     * Whether to reverse the order of the legend items compared to the order of the series or points as defined in the
-     * configuration object.
-     * @default false
-     * @since 1.2.5
-     */
-    reversed?: boolean;
-    /**
-     * Whether to show the symbol on the right side of the text rather than the left side. This is common in Arabic and
-     * Hebraic.
-     * @default false
-     * @since 2.2
-     */
-    rtl?: boolean;
-    /**
-     * Whether to apply a drop shadow to the legend. A backgroundColor also needs to be applied for this to take effect.
-     * Since 2.3 the shadow can be an object configuration containing color, offsetX, offsetY, opacity and width.
-     * @default false
-     */
-    shadow?: boolean | HighchartsShadow;
-    /**
-     * CSS styles for the legend area. In the 1.x versions the position of the legend area was determined by CSS. In
-     * 2.x, the position is determined by properties like align, verticalAlign, x and y, but the styles are still parsed
-     * for backwards compatibility.
-     * @deprecated
-     */
-    style?: HighchartsCSSObject;
-    /**
-     * The pixel height of the symbol for series types that use a rectangle in the legend. Defaults to the font size of
-     * legend items.
-     * @since 3.0.8
-     */
-    symbolHeight?: number;
-    /**
-     * The pixel padding between the legend item symbol and the legend item text.
-     * @default 5
-     */
-    symbolPadding?: number;
-    /**
-     * The border radius of the symbol for series types that use a rectangle in the legend.
-     * @default 0
-     * @since 3.0.8
-     */
-    symbolRadius?: number;
-    /**
-     * The pixel width of the legend item symbol.
-     * @default 16
-     */
-    symbolWidth?: number;
-    /**
-     * A title to be added on top of the legend.
-     * @since 3.0
-     */
-    title?: HighchartsLegendTitleOptions;
-    /**
-     * Whether to use HTML to render the legend item texts. Prior to 4.1.7, when using HTML, legend.navigation was
-     * disabled.
-     * @default false
-     */
-    useHTML?: boolean;
-    /**
-     * The vertical alignment of the legend box. Can be one of 'top', 'middle' or 'bottom'. Vertical position can be
-     * further determined by the y option.
-     *
-     * In the case that the legend is aligned in a corner position, the layout option will determine whether to place it
-     * above/below or on the side of the plot area.
-     *
-     * @default 'bottom'
-     * @since 2.0
-     */
-    verticalAlign?: string;
-    /**
-     * The width of the legend box.
-     * @since 2.0
-     */
-    width?: number;
-    /**
-     * The x offset of the legend relative to its horizontal alignment align within chart.spacingLeft and
-     * chart.spacingRight. Negative x moves it to the left, positive x moves it to the right.
-     * @default 0
-     * @since 2.0
-     */
-    x?: number;
-    /**
-     * The vertical offset of the legend relative to it's vertical alignment verticalAlign within chart.spacingTop and
-     * chart.spacingBottom. Negative y moves it up, positive y moves it down.
-     * @default 0
-     * @since 2.0
-     */
-    y?: number;
-}
-
-/**
- * The loading options control the appearance of the loading screen that covers the plot area on chart operations. This
- * screen only appears after an explicit call to chart.showLoading(). It is a utility for developers to communicate to
- * the end user that something is going on, for example while retrieving new data via an XHR connection. The
- * 'Loading...' text itself is not part of this configuration object, but part of the lang object.
- */
-interface HighchartsLoadingOptions {
-    /**
-     * The duration in milliseconds of the fade out effect.
-     * @default 100
-     * @since 1.2.0
-     */
-    hideDuration?: number;
-    /**
-     * CSS styles for the loading label span.
-     * @default { 'fontWeight': 'bold', 'position': 'relative', 'top': '45%' }
-     */
-    labelStyle?: HighchartsCSSObject;
-    /**
-     * The duration in milliseconds of the fade in effect.
-     * @default 100
-     * @since 1.2.0
-     */
-    showDuration?: number;
-    /**
-     * CSS styles for the loading screen that covers the plot area.
-     * @default { position: 'absolute', backgroundColor: 'white', opacity: 0.5, textAlign: 'center' }
-     */
-    style?: Object;
-}
-
-/**
- * A collection of options for buttons and menus appearing in the exporting module.
- */
-interface HighchartsNavigationOptions {
-    /**
-     * A collection of options for buttons appearing in the exporting module.
-     */
-    buttonOptions?: HighchartsButton;
-    /**
-     * CSS styles for the hover state of the individual items within the popup menu appearing by default when the export
-     * icon is clicked. The menu items are rendered in HTML.
-     * @default {background: '#4572A5',	color: '#FFFFFF'}
-     * @since 2.0
-     */
-    menuItemHoverStyle?: Object;
-    /**
-     * CSS styles for the individual items within the popup menu appearing by default when the export icon is clicked.
-     * The menu items are rendered in HTML.
-     * @default { padding: '0 5px', background: NONE, color: '#303030'}
-     * @since 2.0
-     */
-    menuItemStyle?: Object;
-    /**
-     * CSS styles for the popup menu appearing by default when the export icon is clicked. This menu is rendered in
-     * HTML.
-     * @default { border: '1px solid #A0A0A0', background: '#FFFFFF' }
-     * @since 2.0
-     */
-    menuStyle?: Object;
-}
-
-/**
- * Options for displaying a message like 'No data to display'. This feature requires the file no-data-to-display.js to
- * be loaded in the page. The actual text to display is set in the lang.noData option.
- */
-interface HighchartsNoDataOptions {
-    /**
-     * An object of additional SVG attributes for the no-data label.
-     * @since 3.0.8
-     */
-    attr?: {};
-    /**
-     * The position of the no-data label, relative to the plot area.
-     * @default { 'x': 0, 'y': 0, 'align': 'center', 'verticalAlign': 'middle' }
-     * @since 3.0.8
-     */
-    position?: HighchartsPosition;
-    /**
-     * CSS styles for the no-data label.
-     * @default { 'fontSize': '12px', 'fontWeight': 'bold', 'color': '#60606a' }
-     */
-    style?: HighchartsCSSObject;
-}
-
-interface HighchartsPaneBackground {
-    /**
-     * @default {linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, stops: [[0, '#FFF'],[1, '#DDD']]}
-     */
-    backgroundColor: string | HighchartsGradient;
-    /**
-     * @default 'silver'
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * @default 1
-     */
-    borderWidth?: number;
-    /**
-     * @default 0
-     */
-    innerRadius?: number | string;
-    /**
-     * @default '105%'
-     */
-    outerRadius?: number | string;
-    /**
-     * @default 'circle'
-     */
-    shape?: string;
-}
-
-/**
- * Applies only to polar charts and angular gauges. This configuration object holds general options for the combined X
- * and Y axes set. Each xAxis or yAxis can reference the pane by index.
- */
-interface HighchartsPaneOptions {
-    /**
-     * An object, or array of objects, for backgrounds. Sub options include backgroundColor (can be solid or gradient),
-     * shape ('solid', 'arc' or 'circle'), innerWidth, outerWidth, borderWidth, borderColor.
-     * @since 2.3.0
-     */
-    background?: HighchartsPaneBackground | HighchartsPaneBackground[];
-    /**
-     * The center of a polar chart or angular gauge, given as an array of [x, y] positions. Positions can be given as
-     * integers that transform to pixels, or as percentages of the plot area size.
-     * @default ['50%', '50%']
-     * @since 2.3.0
-     */
-    center?: [number|string, number|string];
-    /**
-     * The end angle of the polar X axis or gauge value axis, given in degrees where 0 is north.
-     * @default startAngle + 360
-     * @since 2.3.0
-     */
-    endAngle?: number;
-    /**
-     * The size of the pane, either as a number defining pixels, or a percentage defining a percentage of the plot are.
-     * @default '85%'
-     */
-    size?: number | string;
-    /**
-     * The size of the pane, either as a number defining pixels, or a percentage defining a percentage of the plot are
-     * @since 2.3.0
-     */
-    startAngle?: number;
-}
-
-interface HighchartsDataLabels {
-    /**
-     * The alignment of the data label compared to the point. If right, the right side of the label should be touching
-     * the point. For points with an extent, like columns, the alignments also dictates how to align it inside the box,
-     * as given with the inside option. Can be one of 'left', 'center' or 'right'.
-     * @default 'center'
-     */
-    align?: string;
-    /**
-     * Whether to allow data labels to overlap. To make the labels less sensitive for overlapping, the
-     * dataLabels.padding can be set to 0.
-     * @default false
-     * @since 4.1.0
-     */
-    allowOverlap?: boolean;
-    /**
-     * The background color or gradient for the data label.
-     * @since 2.2.1
-     */
-    backgroundColor?: string | HighchartsGradient;
-    /**
-     * The border color for the data label.
-     * @since 2.2.1
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * The border radius in pixels for the data label.
-     * @default 0
-     * @since 2.2.1
-     */
-    borderRadius?: number;
-    /**
-     * The border width in pixels for the data label.
-     * @default 0
-     * @since 2.2.1
-     */
-    borderWidth?: number;
-    /**
-     * The text color for the data labels.
-     * @default null
-     */
-    color?: string | HighchartsGradient;
-    /**
-     * Whether to hide data labels that are outside the plot area. By default, the data label is moved inside the plot
-     * area according to the overflow option.
-     * @default 2.3.3
-     */
-    crop?: boolean;
-    /**
-     * Whether to defer displaying the data labels until the initial series animation has finished.
-     * @default true
-     * @since 4.0
-     */
-    defer?: boolean;
-    /**
-     * Enable or disable the data labels.
-     * @default false
-     */
-    enabled?: boolean;
-    /**
-     * A format string for the data label. Available variables are the same as for formatter.
-     * @default {y}
-     * @since 3.0
-     */
-    format?: string;
-    /**
-     * Callback JavaScript function to format the data label. Note that if a format is defined, the format takes
-     * precedence and the formatter is ignored.
-     * Available data are:
-     * - this.percentage Stacked series and pies only. The point's percentage of the total.
-     * - this.point	     The point object. The point name, if defined, is available through this.point.name.
-     * - this.series	 The series object. The series name is available through this.series.name.
-     * - this.total      Stacked series only. The total value at this point's x value.
-     * - this.x:         The x value.
-     * - this.y:         The y value.
-     */
-    formatter?: () => string;
-    /**
-     * For points with an extent, like columns, whether to align the data label inside the box or to the actual value
-     * point. Defaults to false in most cases, true in stacked columns.
-     * @since 3.0
-     */
-    inside?: boolean;
-    /**
-     * How to handle data labels that flow outside the plot area. The default is 'justify', which aligns them inside the
-     * plot area. For columns and bars, this means it will be moved inside the bar. To display data labels outside the
-     * plot area, set crop to false and overflow to 'none'.
-     * @default 'justify'
-     * @since 3.0.6
-     */
-    overflow?: string;
-    /**
-     * When either the borderWidth or the backgroundColor is set, this	is the padding within the box.
-     * @default 5
-     * @since 2.2.1
-     */
-    padding?: number;
-    /**
-     * Text rotation in degrees. Note that due to a more complex structure, backgrounds, borders and padding will be
-     * lost on a rotated data label.
-     * @default 0
-     */
-    rotation?: number;
-    /**
-     * The shadow of the box. Works best with borderWidth or backgroundColor. Since 2.3 the shadow can be an object
-     * configuration containing color, offsetX, offsetY, opacity and width.
-     * @default false
-     */
-    shadow?: boolean | HighchartsShadow;
-    /**
-     * The name of a symbol to use for the border around the label. Symbols are predefined functions on the Renderer
-     * object.
-     * @default 'square'
-     * @since 4.1.2
-     */
-    shape?: string;
-    /**
-     * Styles for the label.
-     * @default {'color': 'contrast', 'fontSize': '11px', 'fontWeight': 'bold', 'textShadow': '0 0 6px contrast, 0 0 3px contrast' }
-     * @since 4.1.0
-     */
-    style?: HighchartsCSSObject;
-    /**
-     * Whether to {@link http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html|use HTML} to render the labels.
-     * @default false
-     */
-    useHTML?: boolean;
-    /**
-     * The vertical alignment of a data label. Can be one of top, middle or bottom. The default value depends on the
-     * data, for instance in a column chart, the label is above positive values and below negative values.
-     * @since 2.3.3
-     */
-    verticalAlign?: string;
-    /**
-     * The x position offset of the label relative to the point.
-     * @default 0
-     */
-    x?: number;
-    /**
-     * The y position offset of the label relative to the point.
-     * @default -6
-     */
-    y?: number;
-    /**
-     * The Z index of the data labels. The default Z index puts it above the series. Use a Z index of 2 to display it
-     * behind the series.
-     * @default 6
-     * @since 2.3.5
-     */
-    zIndex?: number;
-}
-
-interface HighchartsPieDataLabels extends HighchartsDataLabels {
-    /**
-     * The color of the line connecting the data label to the pie slice. The default color is the same as the point's
-     * color. Defaults to {point.color}.
-     * @since 2.1
-     */
-    connectorColor?: string;
-    /**
-     * The distance from the data label to the connector.
-     * @default 5
-     * @since 2.1
-     */
-    connectorPadding?: number;
-    /**
-     * The width of the line connecting the data label to the pie slice.
-     * @default 1
-     * @since 2.1
-     */
-    connectorWidth?: number;
-    /**
-     * The distance of the data label from the pie's edge. Negative numbers put the data label on top of the pie slices.
-     * Connectors are only shown for data labels outside the pie.
-     * @default 30
-     * @since 2.1
-     */
-    distance?: number;
-    /**
-     * Whether to render the connector as a soft arc or a line with sharp break.
-     * @default true
-     * @since 2.1.7
-     */
-    softConnector?: boolean;
-}
-
-interface HighchartsAreaCheckboxEvent extends Event {
-    /**
-     * The state of the checkbox
-     */
-    checked: boolean;
-    /**
-     * The checked item
-     */
-    item: HighchartsSeriesObject | HighchartsPointObject;
-}
-
-interface HighchartsAreaClickEvent extends Event {
-    /**
-     * A pointer to the nearest point on the graph
-     */
-    point: HighchartsPointObject;
-}
-
-interface HighchartsPlotEvents {
-    /**
-     * Fires after the series has finished its initial animation, or in case animation is disabled, immediately as the
-     * series is displayed.
-     *
-     * The this keyword refers to the Series object.
-     * @since 4.0
-     */
-    afterAnimate?: (event: Event) => void;
-    /**
-     * Fires when the checkbox next to the series' name in the legend is clicked. One parameter, event, is passed to the
-     * function. The state of the checkbox is found by event.checked. The checked item is found by event.item. Return
-     * false to prevent the default action which is to toggle the select state of the series.
-     *
-     * The this keyword refers to the Series object.
-     * @since 1.2.0
-     */
-    checkboxClick?: (event: HighchartsAreaCheckboxEvent) => boolean|void;
-    /**
-     * Fires when the series is clicked. One parameter, event, is passed to the function. This contains common event
-     * information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
-     * Additionally, event.point holds a pointer to the nearest point on the graph.
-     *
-     * The this keyword refers to the Series object.
-     */
-    click?: (event: HighchartsAreaClickEvent) => void;
-    /**
-     * Fires when the series is hidden after chart generation time, either by clicking the legend item or by calling
-     * .hide().
-     *
-     * The this keyword refers to the Series object.
-     */
-    hide?: () => void;
-    /**
-     * Fires when the legend item belonging to the series is clicked. One parameter, event, is passed to the function.
-     * This contains common event information based on jQuery or MooTools depending on which library is used as the base
-     * for Highcharts. The default action is to toggle the visibility of the series. This can be prevented by returning
-     * false or calling event.preventDefault().
-     *
-     * The this keyword refers to the Series object.
-     */
-    legendItemClick?: (event: Event) => boolean|void;
-    /**
-     * Fires when the mouse leaves the graph. One parameter, event, is passed to the function. This contains common
-     * event information based on jQuery or MooTools depending on which library is used as the base for Highcharts. If
-     * the stickyTracking option is true, mouseOut doesn't happen before the mouse enters another graph or leaves the
-     * plot area.
-     *
-     * The this keyword refers to the Series object.
-     */
-    mouseOut?: (event: Event) => void;
-    /**
-     * Fires when the mouse enters the graph. One parameter, event, is passed to the function. This contains common
-     * event information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
-     *
-     * The this keyword refers to the Series object.
-     */
-    mouseOver?: (event: Event) => void;
-    /**
-     * Fires when the series is shown after chart generation time, either by clicking the legend item or by calling
-     * .show().
-     *
-     * The this keyword refers to the Series object.
-     * @since 1.2.0
-     */
-    show?: () => void;
-}
-
-interface HighchartsMarkerState {
-    /**
-     * Enable or disable the point marker. If null, the markers are hidden when the data is dense, and shown for more
-     * widespread data points.
-     * @default null, true for hover and select
-     */
-    enabled?: boolean;
-    /**
-     * The fill color of the point marker. When null, the series' or point's color is used.
-     */
-    fillColor?: string;
-    /**
-     * The color of the point marker's outline. When null, the series' or point's color is used.
-     * @default '#FFFFFF', '#000000' for select state
-     */
-    lineColor?: string | HighchartsGradient;
-    /**
-     * The width of the point marker's outline.
-     * @default 0
-     */
-    lineWidth?: number;
-    /**
-     * The radius of the point marker.
-     * @default 4, undefined for hover and select
-     */
-    radius?: number;
-}
-
-interface HighchartsMarkerHoverState extends HighchartsMarkerState {
-    /**
-     * The additional line width for a hovered point.
-     * @default 1
-     * @since 4.0.3
-     */
-    lineWidthPlus?: number;
-    /**
-     * The number of pixels to increase the radius of the hovered point.
-     * @default 2
-     * @since 4.0.3
-     */
-    radiusPlus?: number;
-}
-
-interface HighchartsMarker extends HighchartsMarkerState {
-    /**
-     * Image markers only. Set the image width explicitly. When using this option, a width must also be set.
-     * @default null
-     * @since 4.0.4
-     */
-    height?: number;
-    states?: {
-        hover?: HighchartsMarkerHoverState;
+    interface ButtonTheme {
+        display?: string; // css attr eg: 'none'
         /**
-         * The appearance of the point marker when selected. In order to allow a point to be selected, set the
-         * series.allowPointSelect option to true.
+         * The button fill color, SVG color definition
          */
-        select?: HighchartsMarkerState;
-    };
-    /**
-     * A predefined shape or symbol for the marker. When null, the symbol is pulled from options.symbols. Other possible
-     * values are 'circle', 'square', 'diamond', 'triangle' and 'triangle-down'.
-     *
-     * Additionally, the URL to a graphic can be given on this form: 'url(graphic.png)'. Note that for the image to be
-     * applied to exported charts, its URL needs to be accessible by the export server.
-     *
-     * Custom callbacks for symbol path generation can also be added to Highcharts.SVGRenderer.prototype.symbols. The
-     * callback is then used by its method name.
-     */
-    symbol?: string; // null, 'circle', 'square', 'diamond', 'triangle' 'triangle-down' or 'url(graphic.png)'
-    /**
-     * Image markers only. Set the image width explicitly. When using this option, a height must also be set.
-     * @default null.
-     * @since 4.0.4
-     */
-    width?: number;
-}
-
-interface HighchartsPointEvents {
-    /**
-     * Fires when a point is clicked. One parameter, event, is passed to the function. This contains common event
-     * information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
-     *
-     * If the series.allowPointSelect option is true, the default action for the point's click event is to toggle the
-     * point's select state. Returning false cancels this action.
-     *
-     * The this keyword refers to the Point object.
-     */
-    click?: (event: Event) => boolean;
-    /**
-     * Fires when the mouse leaves the area close to the point. One parameter, event, is passed to the function. This
-     * contains common event information based on jQuery or MooTools depending on which library is used as the base for
-     * Highcharts.
-     *
-     * The this keyword refers to the Point object.
-     */
-    mouseOut?: (event: Event) => void;
-    /**
-     * Fires when the mouse enters the area close to the point. One parameter, event, is passed to the function. This
-     * contains common event information based on jQuery or MooTools depending on which library is used as the base for
-     * Highcharts.
-     *
-     * The this keyword refers to the Point object.
-     */
-    mouseOver?: (event: Event) => void;
-    /**
-     * Fires when the point is removed using the .remove() method. One parameter, event, is passed to the function.
-     * Returning false cancels the operation.
-     *
-     * The this keyword refers to the Point object.
-     * @since 1.2.0
-     */
-    remove?: (event: Event) => boolean|void;
-    /**
-     * Fires when the point is selected either programmatically or following a click on the point. One parameter, event,
-     * is passed to the function. Returning false cancels the operation.
-     *
-     * The this keyword refers to the Point object.
-     * @since 1.2.0
-     */
-    select?: (event: Event) => boolean|void;
-    /**
-     * Fires when the point is unselected either programmatically or following a click on the point. One parameter,
-     * event, is passed to the function. Returning false cancels the operation.
-     *
-     * The this keyword refers to the Point object.
-     * @since 1.2.0
-     */
-    unselect?: (event: Event) => boolean|void;
-    /**
-     * Fires when the point is updated programmatically through the .update() method. One parameter, event, is passed to
-     * the function. The new point options can be accessed through event.options. Returning false cancels the operation.
-     *
-     * The this keyword refers to the Point object.
-     * @since 1.2.0
-     */
-    update?: (event: Event) => boolean|void;
-    /**
-     * Fires when the legend item belonging to the pie point (slice) is clicked.
-     * The this keyword refers to the point itself. One parameter, event, is passed to the function.
-     * This contains common event information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
-     * The default action is to toggle the visibility of the point. This can be prevented by calling event.preventDefault().
-     */
-    legendItemClick?: (event: Event) => boolean | void;
-
-}
-
-interface HighchartsHalo {
-    /**
-     * A collection of SVG attributes to override the appearance of the halo, for example fill, stroke and stroke-width.
-     * @since 4.0
-     */
-    attributes?: {};
-    /**
-     * Opacity for the halo unless a specific fill is overridden using the attributes setting. Note that Highcharts is
-     * only able to apply opacity to colors of hex or rgb(a) formats.
-     * @default 0.25
-     * @since 4.0
-     */
-    opacity?: number;
-    /**
-     * The pixel size of the halo. For point markers this is the radius of the halo. For pie slices it is the width of
-     * the halo outside the slice. For bubbles it defaults to 5 and is the width of the halo outside the bubble.
-     * Defaults to 10.
-     */
-    size?: number;
-}
-
-interface HighchartsLineStates {
-    /**
-     * Enable separate styles for the hovered series to visualize that the user hovers either the series itself or the
-     * legend.
-     * @default true
-     * @since 1.2
-     */
-    enabled?: boolean;
-    /**
-     * Options for the halo appearing around the hovered point in line-type series as well as outside the hovered slice
-     * in pie charts. By default the halo is filled by the current point or series color with an opacity of 0.25. The
-     * halo can be disabled by setting the halo option to false.
-     * @since 4.0
-     */
-    halo?: boolean | HighchartsHalo;
-    /**
-     * Pixel with of the graph line.
-     * @default 2
-     */
-    lineWidth?: number;
-    /**
-     * The additional line width for the graph of a hovered series.
-     * @default 1
-     * @since 4.0.3
-     */
-    lineWidthPlus?: number;
-    marker?: HighchartsMarker;
-}
-
-interface HighchartsBarStates {
-    /**
-     * A specific border color for the hovered point. Defaults to inherit the normal state border color.
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * How much to brighten the point on interaction. Requires the main color to be defined in hex or rgb(a) format.
-     * @default 0.1
-     */
-    brightness?: number;
-    /**
-     *
-     */
-    color?: string | HighchartsGradient;
-    /**
-     * Enable separate styles for the hovered series to visualize that the user hovers either the series itself or the
-     * legend.
-     * @default true
-     * @since 1.2
-     */
-    enabled?: boolean;
-    /**
-     * Options for the halo appearing around the hovered point in line-type series as well as outside the hovered slice
-     * in pie charts. By default the halo is filled by the current point or series color with an opacity of 0.25. The
-     * halo can be disabled by setting the halo option to false.
-     * @since 4.0
-     */
-    halo?: boolean | HighchartsHalo;
-}
-
-interface HighchartsPieStates extends HighchartsBarStates, HighchartsLineStates { }
-
-interface HighchartsAreaZone {
-    /**
-     * Defines the color of the series.
-     * @since 4.1.0
-     */
-    color?: string | HighchartsGradient;
-    /**
-     * A name for the dash style to use for the graph.
-     * @since 4.1.0
-     */
-    dashStyle?: string;
-    /**
-     * Defines the fill color for the series (in area type series)
-     * @since 4.1.0
-     */
-    fillColor?: string;
-    /**
-     * The value up to where the zone extends, if undefined the zones stretches to the last value in the series.
-     * @default undefined
-     * @since 4.1.0
-     */
-    value?: number;
-}
-
-interface HighchartsRangeDataLabels {
-    /**
-     * The alignment of the data label compared to the point. If right, the right side of the label should be touching
-     * the point. For points with an extent, like columns, the alignments also dictates how to align it inside the box,
-     * as given with the inside option. Can be one of 'left', 'center' or 'right'.
-     * @default 'center'
-     */
-    align?: string;
-    /**
-     * Whether to allow data labels to overlap. To make the labels less sensitive for overlapping, the
-     * dataLabels.padding can be set to 0.
-     * @default false
-     * @since 4.1.0
-     */
-    allowOverlap?: boolean;
-    /**
-     * The background color or gradient for the data label.
-     * @default undefined
-     * @since 2.2.1
-     */
-    backgroundColor?: string | HighchartsGradient;
-    /**
-     * The border color for the data label.
-     * @default undefined
-     * @since 2.2.1
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * The border radius in pixels for the data label.
-     * @default 0
-     * @since 2.2.1
-     */
-    borderRadius?: number;
-    /**
-     * The border width in pixels for the data label.
-     * @default 0
-     * @since 2.2.1
-     */
-    borderWidth?: number;
-    /**
-     * The text color for the data labels.
-     * @default null
-     */
-    color?: string | HighchartsGradient;
-    /**
-     * Whether to hide data labels that are outside the plot area. By default, the data label is moved inside the plot
-     * area according to the overflow option.
-     * @default true
-     * @since 2.3.3
-     */
-    crop?: boolean;
-    /**
-     * Whether to defer displaying the data labels until the initial series animation has finished.
-     * @default true
-     * @since 4.0
-     */
-    defer?: boolean;
-    /**
-     * Enable or disable the data labels.
-     * @default false
-     */
-    enabled?: boolean;
-    /**
-     * A format string for the data label. Available variables are the same as for formatter.
-     * @default '{y}'
-     * @since 3.0
-     */
-    format?: string;
-    /**
-     * Callback JavaScript function to format the data label. Note that if a format is defined, the format takes
-     * precedence and the formatter is ignored.
-     * Available data are:
-     * - this.percentage Stacked series and pies only. The point's percentage of the total.
-     * - this.point	     The point object. The point name, if defined, is available through this.point.name.
-     * - this.series	 The series object. The series name is available through this.series.name.
-     * - this.total      Stacked series only. The total value at this point's x value.
-     * - this.x:         The x value.
-     * - this.y:         The y value.
-     */
-    formatter?: () => string;
-    /**
-     * For points with an extent, like columns, whether to align the data label inside the box or to the actual value
-     * point. Defaults to false in most cases, true in stacked columns.
-     * @since 3.0
-     */
-    inside?: boolean;
-    /**
-     * How to handle data labels that flow outside the plot area. The default is justify, which aligns them inside the
-     * plot area. For columns and bars, this means it will be moved inside the bar. To display data labels outside the
-     * plot area, set crop to false and overflow to 'none'.
-     * @default 'justify'
-     * @since 3.0.6
-     */
-    overflow?: string;
-    /**
-     * When either the borderWidth or the backgroundColor is set, this	is the padding within the box.
-     * @default 5
-     * @since 2.2.1
-     */
-    padding?: number;
-    /**
-     * Text rotation in degrees. Note that due to a more complex structure, backgrounds, borders and padding will be
-     * lost on a rotated data label.
-     * @default 0
-     */
-    rotation?: number;
-    /**
-     * The shadow of the box. Works best with borderWidth or backgroundColor. Since 2.3 the shadow can be an object
-     * configuration containing color, offsetX, offsetY, opacity and width.
-     * @default false
-     * @since 2.2.1
-     */
-    shadow?: boolean | HighchartsShadow;
-    /**
-     * The name of a symbol to use for the border around the label. Symbols are predefined functions on the Renderer
-     * object.
-     * @default 'square'
-     * @since 4.1.2
-     */
-    shape?: string;
-    /**
-     * Styles for the label.
-     * @default {'color': 'contrast', 'fontSize': '11px', 'fontWeight': 'bold', 'textShadow': '0 0 6px contrast, 0 0 3px contrast' }
-     * @since 4.1.0
-     */
-    style?: HighchartsCSSObject;
-    /**
-     * Whether to {@link http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html|use HTML} to render the labels.
-     * @default false
-     */
-    useHTML?: boolean;
-    /**
-     * The vertical alignment of a data label. Can be one of 'top', 'middle' or 'bottom'. The default value depends on the
-     * data, for instance in a column chart, the label is above positive values and below negative values.
-     * @since 2.3.3
-     */
-    verticalAlign?: string;
-    /**
-     * X offset of the higher data labels relative to the point value.
-     * @default 0
-     * @since 2.3.0
-     */
-    xHigh?: number;
-    /**
-     * X offset of the lower data labels relative to the point value.
-     * @default 0
-     * @since 2.3.0
-     */
-    xLow?: number;
-    /**
-     * Y offset of the higher data labels relative to the point value.
-     * @default -6
-     * @since 2.3.0
-     */
-    yHigh?: number;
-    /**
-     * Y offset of the lower data labels relative to the point value.
-     * @default 16
-     * @since 2.3.0
-     */
-    yLow?: number;
-    /**
-     * The Z index of the data labels. The default Z index puts it above the series. Use a Z index of 2 to display it
-     * behind the series.
-     * @default 6
-     * @since 2.3.5
-     */
-    zIndex?: number;
-}
-
-interface HighchartsDial {
-    /**
-     * The background or fill color of the gauge's dial.
-     * @default 'black'
-     * @since 2.3.0
-     */
-    backgroundColor?: string | HighchartsGradient;
-    /**
-     * The length of the dial's base part, relative to the total radius or length of the dial.
-     * @default '70%'.
-     * @since 2.3.0
-     */
-    baseLength?: string;
-    /**
-     * The pixel width of the base of the gauge dial. The base is the part closest to the pivot, defined by baseLength.
-     * @default 3
-     * @since 2.3.0
-     */
-    baseWidth?: number;
-    /**
-     * The border color or stroke of the gauge's dial. By default, the borderWidth is 0, so this must be set in addition
-     * to a custom border color.
-     * @default 'silver'
-     * @since 2.3.0
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * The width of the gauge dial border in pixels.
-     * @default 0
-     * @since 2.3.0
-     */
-    borderWidth?: number;
-    /**
-     * The radius or length of the dial, in percentages relative to the radius of the gauge itself.
-     * @default '80%'
-     * @since 2.3.0
-     */
-    radius?: string;
-    /**
-     * The length of the dial's rear end, the part that extends out on the other side of the pivot. Relative to the
-     * dial's length.
-     * @default '10%'
-     * @since 2.3.0
-     */
-    rearLength?: string;
-    /**
-     * The width of the top of the dial, closest to the perimeter. The pivot narrows in from the base to the top.
-     * @default 1
-     * @since 2.3.0
-     */
-    topWidth?: number;
-}
-
-interface HighchartsPivot {
-    /**
-     * The background color or fill of the pivot.
-     * @default 'black'
-     * @since 2.3.0
-     */
-    backgroundColor?: string | HighchartsGradient;
-    /**
-     * The border or stroke color of the pivot. In able to change this, the borderWidth must also be set to something
-     * other than the default 0.
-     * @default 'silver'
-     * @since 2.3.0
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * The border or stroke width of the pivot.
-     * @default 0
-     * @since 2.3.0
-     */
-    borderWidth?: number;
-    /**
-     * The pixel radius of the pivot.
-     * @default 5
-     * @since 2.3.0
-     */
-    radius?: number;
-}
-
-/**
- * Set options on specific levels. Takes precedence over series options, but not point options.
- */
-interface HighchartsTreeMapLevel {
-    /**
-     * Can set borderColor on all points which lies on the same level.
-     * @since 4.1.0
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * et the dash style of the border of all the point which lies on the level.
-     * @since 4.1.0
-     */
-    borderDashStyle?: string;
-    /**
-     * Can set the borderWidth on all points which lies on the same level.
-     * @since 4.1.0
-     */
-    borderWidth?: number;
-    /**
-     * Can set a color on all points which lies on the same level.
-     * @since 4.1.0
-     */
-    color?: string | HighchartsGradient;
-    /**
-     * Can set the options of dataLabels on each point which lies on the level.
-     * @default undefined
-     * @since 4.1.0
-     */
-    dataLabels?: HighchartsDataLabels;
-    /**
-     * Can set the layoutAlgorithm option on a specific level.
-     * @since 4.1.0
-     */
-    layoutAlgorithm?: string;
-    /**
-     * Can set the layoutStartingDirection option on a specific level.
-     * @since 4.1.0
-     */
-    layoutStartingDirection?: string;
-    /**
-     * Decides which level takes effect from the options set in the levels object.
-     * @since 4.1.0
-     */
-    level?: number;
-}
-
-/**
- * General options for all series types.
- */
-interface HighchartsSeriesChart {
-    /**
-     * Allow this series' points to be selected by clicking on the markers, bars or pie slices.
-     * @default false
-     * @since 1.2.0
-     */
-    allowPointSelect?: boolean;
-    /**
-     * Enable or disable the initial animation when a series is displayed. The animation can also be set as a
-     * configuration object. Please note that this option only applies to the initial animation of the series itself.
-     * For other animations, see chart.animation and the animation parameter under the API methods.
-     * @default true
-     */
-    animation?: boolean | HighchartsAnimation;
-    /**
-     * The main color or the series. In line type series it applies to the line and the point markers unless otherwise
-     * specified. In bar type series it applies to the bars unless a color is specified per point. The default value is
-     * pulled from the options.colors array.
-     */
-    color?: string | HighchartsGradient;
-    /**
-     * Polar charts only. Whether to connect the ends of a line series plot across the extremes.
-     * @default true
-     * @since 2.3.0
-     */
-    connectEnds?: boolean;
-    /**
-     * Whether to connect a graph line across null points.
-     * @default false
-     */
-    connectNulls?: boolean;
-    /**
-     * When the series contains less points than the crop threshold, all points are drawn, event if the points fall
-     * outside the visible plot area at the current zoom. The advantage of drawing all points (including markers and
-     * columns), is that animation is performed on updates. On the other hand, when the series contains more points than
-     * the crop threshold, the series data is cropped to only contain points that fall within the plot area. The
-     * advantage of cropping away invisible points is to increase performance on large series.
-     * @default 300
-     * @since 2.2
-     */
-    cropThreshold?: number;
-    /**
-     * You can set the cursor to 'pointer' if you have click events attached to the series, to signal to the user that
-     * the points and lines can be clicked.
-     */
-    cursor?: string;
-    /**
-     * A name for the dash style to use for the graph. Applies only to series type having a graph, like line, spline,
-     * area and scatter in case it has a lineWidth. The value for the dashStyle include:
-     * - Solid
-     * - ShortDash
-     * - ShortDot
-     * - ShortDashDot
-     * - ShortDashDotDot
-     * - Dot
-     * - Dash
-     * - LongDash
-     * - DashDot
-     * - LongDashDot
-     * - LongDashDotDot
-     * @default 'Solid'
-     */
-    dashStyle?: string;
-    dataLabels?: HighchartsDataLabels;
-    /**
-     * Enable or disable the mouse tracking for a specific series. This includes point tooltips and click events on
-     * graphs and points. For large datasets it improves performance.
-     * @default true
-     */
-    enableMouseTracking?: boolean;
-    events?: HighchartsPlotEvents;
-    /**
-     * Whether to use the Y extremes of the total chart width or only the zoomed area when zooming in on parts of the X
-     * axis. By default, the Y axis adjusts to the min and max of the visible data. Cartesian series only.
-     * @default false
-     * @since 4.1.6
-     */
-    getExtremesFromAll?: boolean;
-    /**
-     * An array specifying which option maps to which key in the data point array. This makes it convenient to work with
-     * unstructured data arrays from different sources.
-     * @since 4.1.6
-     */
-    keys?: string[];
-    /**
-     * Pixel with of the graph line.
-     * @default 2
-     */
-    lineWidth?: number;
-    /**
-     * The line cap used for line ends and line joins on the graph.
-     * @default 'round'
-     */
-    linecap?: string;
-    /**
-     * The id of another series to link to. Additionally, the value can be ':previous' to link to the previous series.
-     * When two series are linked, only the first one appears in the legend. Toggling the visibility of this also
-     * toggles the linked series.
-     * @since 3.0
-     */
-    linkedTo?: string;
-    marker?: HighchartsMarker;
-    /**
-     * The color for the parts of the graph or points that are below the threshold.
-     * @default null.
-     * @since 3.0
-     */
-    negativeColor?: string;
-    point?: {
-        events: HighchartsPointEvents;
-    };
-    /**
-     * If no x values are given for the points in a series, pointInterval defines the interval of the x values. For
-     * example, if a series contains one value every decade starting from year 0, set pointInterval to 10.
-     *
-     * Since Highcharts 4.1, it can be combined with pointIntervalUnit to draw irregular intervals.
-     * @default 1
-     */
-    pointInterval?: number;
-    /**
-     * On datetime series, this allows for setting the pointInterval to the two irregular time units, month and year.
-     * Combine it with pointInterval to draw quarters, 6 months, 10 years etc.
-     * @since 4.1.0
-     */
-    pointIntervalUnit?: string;
-    /**
-     * Possible values: null, 'on', 'between'.
-     *
-     * In a column chart, when pointPlacement is 'on', the point will not create any padding of the X axis. In a polar
-     * column chart this means that the first column points directly north. If the pointPlacement is 'between', the
-     * columns will be laid out between ticks. This is useful for example for visualising an amount between two points
-     * in time or in a certain sector of a polar chart.
-     *
-     * Since Highcharts 3.0.2, the point placement can also be numeric, where 0 is on the axis value, -0.5 is between
-     * this value and the previous, and 0.5 is between this value and the next. Unlike the textual options, numeric
-     * point placement options won't affect axis padding.
-     *
-     * Note that pointPlacement needs a pointRange to work. For column series this is computed, but for line-type series
-     * it needs to be set.
-     *
-     * Defaults to null in cartesian charts, 'between' in polar charts.
-     * @since 2.3.0
-     */
-    pointPlacement?: string | number;
-    /**
-     * If no x values are given for the points in a series, pointStart defines on what value to start. For example, if a
-     * series contains one yearly value starting from 1945, set pointStart to 1945.
-     * @default 0
-     */
-    pointStart?: number;
-    /**
-     * Whether to select the series initially. If showCheckbox is true, the checkbox next to the series name will be
-     * checked for a selected series.
-     * @default false
-     * @since 1.2.0
-     */
-    selected?: boolean;
-    /**
-     * Whether to apply a drop shadow to the graph line. Since 2.3 the shadow can be an object configuration containing
-     * color, offsetX, offsetY, opacity and width.
-     * @default false
-     */
-    shadow?: boolean | HighchartsShadow;
-    /**
-     * If true, a checkbox is displayed next to the legend item to allow selecting the series. The state of the checkbox
-     * is determined by the selected option.
-     * @default false
-     * @since 1.2.0
-     */
-    showCheckbox?: boolean;
-    /**
-     * Whether to display this particular series or series type in the legend. The default value is true for standalone
-     * series, false for linked series. Defaults to true.
-     */
-    showInLegend?: boolean;
-    /**
-     * When this is true, the series will not cause the Y axis to cross the zero plane (or threshold option) unless the
-     * data actually crosses the plane.
-     *
-     * For example, if softThreshold is false, a series of 0, 1, 2, 3 will make the Y axis show negative values
-     * according to the minPadding option. If softThreshold is true, the Y axis starts at 0.
-     * @default true
-     * @since 4.1.9
-     */
-    softTreshold?: boolean;
-    /**
-     * Whether to stack the values of each series on top of each other. Possible values are null to disable, 'normal' to
-     * stack by value or 'percent'.
-     */
-    stacking?: string;
-    /**
-     * A wrapper object for all the series options in specific states.
-     */
-    states?: {
+        fill?: string | Gradient;
         /**
-         * Options for the hovered series
+         * The button stroke color, SVG color definition
          */
-        hover?: HighchartsLineStates;
-    };
-    /**
-     * Sticky tracking of mouse events. When true, the mouseOut event on a series isn't triggered until the mouse moves
-     * over another series, or out of the plot area. When false, the mouseOut event on a series is triggered when the
-     * mouse leaves the area around the series' graph or markers. This also implies the tooltip. When stickyTracking is
-     * false and tooltip.shared is false, the tooltip will be hidden when moving the mouse between series. Defaults to
-     * true for line and area type series, but to false for columns, pies etc.
-     * @default true
-     * @since 2.0
-     */
-    stickyTracking?: boolean;
-    /**
-     * The Y axis value to serve as the base for the area, for distinguishing between values above and below a
-     * threshold. If null, the area behaves like a line series with fill between the graph and the Y axis minimum.
-     * @default 0
-     * @since 2.0
-     */
-    threshold?: number;
-    /**
-     * A configuration object for the tooltip rendering of each single series. Properties are inherited from tooltip,
-     * but only the following properties can be defined on a series level.
-     * @since 2.3
-     */
-    tooltip?: HighchartsSeriesTooltipOptions;
-    /**
-     * When a series contains a data array that is longer than this, only one dimensional arrays of numbers, or two
-     * dimensional arrays with x and y values are allowed. Also, only the first point is tested, and the rest are
-     * assumed to be the same format. This saves expensive data checking and indexing in long series. Set it to 0
-     * disable.
-     * @default 1000
-     * @since 2.2
-     */
-    turboThreshold?: number;
-    /**
-     * Set the initial visibility of the series.
-     * @default true
-     */
-    visible?: boolean;
-    /**
-     * Defines the Axis on which the zones are applied.
-     * @default 'y'
-     * @since 4.1.0
-     */
-    zoneAxis?: string;
-    /**
-     * An array defining zones within a series. Zones can be applied to the X axis, Y axis or Z axis for bubbles,
-     * according to the zoneAxis option.
-     */
-    zones?: HighchartsAreaZone[];
-}
-
-interface HighchartsAreaChart extends HighchartsSeriesChart {
-    /**
-     * Fill color or gradient for the area. When null, the series' color is used with the series' fillOpacity.
-     */
-    fillColor?: string | HighchartsGradient;
-    /**
-     * Fill opacity for the area. Note that when you set an explicit fillColor, the fillOpacity is not applied. Instead,
-     * you should define the opacity in the fillColor with an rgba color definition.
-     * @default 0.75
-     */
-    fillOpacity?: number;
-    /**
-     * A separate color for the graph line. By default the line takes the color of the series, but the lineColor setting
-     * allows setting a separate color for the line without altering the fillColor.
-     */
-    lineColor?: string | HighchartsGradient;
-    /**
-     * A separate color for the negative part of the area.
-     * @since 3.0
-     */
-    negativeFillColor?: string;
-    /**
-     * Whether to apply steps to the line. Possible values are left, center and right. Prior to 2.3.5, only left was
-     * supported.
-     *
-     * @default 'false'
-     * @since 1.2.5
-     */
-    step?: string;
-    /**
-     * Whether the whole area or just the line should respond to mouseover tooltips and other mouse or touch events.
-     * @default false
-     * @since 1.1.6
-     */
-    trackByArea?: boolean;
-}
-
-interface HighchartsAreaRangeChart extends HighchartsAreaChart {
-    /**
-     * Extended data labels for range series types. Range series data labels have no x and y options. Instead, they have
-     * xLow, xHigh, yLow and yHigh options to allow the higher and lower data label sets individually.
-     * @since 2.3.0
-     */
-    dataLabels?: HighchartsRangeDataLabels;
-}
-
-interface HighchartsAreaSplineChart extends HighchartsAreaChart {
-}
-
-interface HighchartsAreaSplineRangeChart extends HighchartsAreaRangeChart {
-}
-
-interface HighchartsBarChart extends HighchartsSeriesChart {
-    /**
-     * The color of the border surrounding each column or bar.
-     * @default '#FFFFFF'
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * The corner radius of the border surrounding each column or bar.
-     * @default 0
-     */
-    borderRadius?: number;
-    /**
-     * The width of the border surrounding each column or bar.
-     * @default 1
-     */
-    borderWidth?: number;
-    /**
-     * When using automatic point colors pulled from the options.colors collection, this option determines whether the
-     * chart should receive one color per series or one color per point. Defaults to false.
-     * @default false
-     * @since 2.0
-     */
-    colorByPoint?: boolean;
-    /**
-     * A series specific or series type specific color set to apply instead of the global colors when colorByPoint is
-     * true.
-     * @since 3.0
-     */
-    colors?: string[];
-    /**
-     * Depth of the columns in a 3D column chart. Requires highcharts-3d.js.
-     * @default 25
-     * @since 4.0
-     */
-    depth?: number;
-    /**
-     * 3D columns only. The color of the edges. Similar to borderColor, except it defaults to the same color as the
-     * column.
-     */
-    edgeColor?: string;
-    /**
-     * 3D columns only. The width of the colored edges.
-     * @default 1
-     */
-    edgeWidth?: number;
-    /**
-     * Padding between each value groups, in x axis units.
-     * @default 0.2
-     */
-    groupPadding?: number;
-    /**
-     * The spacing between columns on the Z Axis in a 3D chart. Requires highcharts-3d.js.
-     * @default 1
-     * @since 4.0
-     */
-    groupZPadding?: number;
-    /**
-     * Whether to group non-stacked columns or to let them render independent of each other. Non-grouped columns will be
-     * laid out individually and overlap each other.
-     * @default true
-     * @since 2.3.0
-     */
-    grouping?: boolean;
-    /**
-     * The maximum allowed pixel width for a column, translated to the height of a bar in a bar chart. This prevents the
-     * columns from becoming too wide when there is a small number of points in the chart.
-     * @default null
-     * @since 4.1.8
-     */
-    maxPointWidth?: number;
-    /**
-     * The minimal height for a column or width for a bar. By default, 0 values are not shown. To visualize a 0 (or
-     * close to zero) point, set the minimal point length to a pixel value like 3. In stacked column charts,
-     * minPointLength might not be respected for tightly packed values.
-     * @default 0
-     */
-    minPointLength?: number;
-    /**
-     * Padding between each column or bar, in x axis units.
-     * @default 0.1
-     */
-    pointPadding?: string | number;
-    /**
-     * The X axis range that each point is valid for. This determines the width of the column. On a categorized axis,
-     * the range will be 1 by default (one category unit). On linear and datetime axes, the range will be computed as
-     * the distance between the two closest data points.
-     * @since 2.3
-     */
-    pointRange?: number;
-    /**
-     * A pixel value specifying a fixed width for each column or bar. When null, the width is calculated from the
-     * pointPadding and groupPadding.
-     * @since 1.2.5
-     */
-    pointWidth?: number;
-    /**
-     * A wrapper object for all the series options in specific states.
-     */
-    states?: {
+        stroke?: string;
         /**
-         * Options for the hovered series
+         * The button stroke width
+         * @type {[type]}
          */
-        hover?: HighchartsBarStates;
-    };
-}
-
-/**
- * A box plot is a convenient way of depicting groups of data through their five-number summaries: the smallest
- * observation (sample minimum), lower quartile (Q1), median (Q2), upper quartile (Q3), and largest observation (sample
- * maximum).
- */
-interface HighchartsBoxPlotChart extends HighchartsErrorBarChart {
-    /**
-     * The fill color of the box.
-     * @default '#FFFFFF'
-     * @since 3.0
-     */
-    fillColor?: string;
-    /**
-     * Padding between each value groups, in x axis units.
-     * @default 0.2
-     */
-    groupPadding?: number;
-    /**
-     * Whether to group non-stacked columns or to let them render independent of each other. Non-grouped columns will be
-     * laid out individually and overlap each other.
-     * @default true
-     * @since 2.3.0
-     */
-    grouping?: boolean;
-    /**
-     * The id of another series to link to. Additionally, the value can be ':previous' to link to the previous series.
-     * When two series are linked, only the first one appears in the legend. Toggling the visibility of this also
-     * toggles the linked series.
-     * @since 3.0
-     */
-    linkedTo?: string;
-    /**
-     * The color of the median line. If null, the general series color applies.
-     * @default null
-     * @since 3.0
-     */
-    medianColor?: string;
-    /**
-     * The pixel width of the median line. If null, the lineWidth is used.
-     * @default 2
-     * @since 3.0
-     */
-    medianWidth?: number;
-}
-
-/**
- * A bubble series is a three dimensional series type where each point renders an X, Y and Z value. Each points is drawn
- * as a bubble where the position along the X and Y axes mark the X and Y values, and the size of the bubble relates to
- * the Z value.
- */
-interface HighchartsBubbleChart extends HighchartsSeriesChart {
-    /**
-     * Whether to display negative sized bubbles. The threshold is given by the zThreshold option, and negative bubbles
-     * can be visualized by setting negativeColor.
-     * @default true
-     * @since 3.0
-     */
-    displayNegative?: boolean;
-    /**
-     * Maximum bubble size. Bubbles will automatically size between the minSize and maxSize to reflect the z value of
-     * each bubble. Can be either pixels (when no unit is given), or a percentage of the smallest one of the plot width
-     * and height.
-     * @default '20%'
-     * @since 3.0
-     */
-    maxSize?: string | number;
-    /**
-     * Minimum bubble size. Bubbles will automatically size between the minSize and maxSize to reflect the z value of
-     * each bubble. Can be either pixels (when no unit is given), or a percentage of the smallest one of the plot width
-     * and height.
-     * @default 8
-     * @since 3.0
-     */
-    minSize?: string | number;
-    /**
-     * When a point's Z value is below the zThreshold setting, this color is used.
-     * @default null
-     * @since 3.0
-     */
-    negativeColor?: string;
-    /**
-     * Whether the bubble's value should be represented by the area or the width of the bubble. The default, area,
-     * corresponds best to the human perception of the size of each bubble.
-     * @default 'area'
-     * @since 3.0.7
-     */
-    sizeBy?: string;
-    /**
-     * When this is true, the absolute value of z determines the size of the bubble. This means that with the default
-     * zThreshold of 0, a bubble of value -1 will have the same size as a bubble of value 1, while a bubble of value 0
-     * will have a smaller size according to minSize.
-     * @default false
-     * @since 4.1.9
-     */
-    sizeByAbsoluteValues?: boolean;
-    /**
-     * The maximum for the Z value range. Defaults to the highest Z value in the data.
-     * @default null
-     * @since 4.0.3
-     */
-    zMax?: number;
-    /**
-     * The minimum for the Z value range. Defaults to the lowest Z value in the data.
-     * @default null
-     * @since 4.0.3
-     */
-    zMin?: number;
-    /**
-     * When displayNegative is false, bubbles with lower Z values are skipped. When displayNegative is true and a
-     * negativeColor is given, points with lower Z is colored.
-     * @default 0
-     * @since 3.0
-     */
-    zThreshold?: number;
-}
-
-interface HighchartsColumnChart extends HighchartsBarChart {
-}
-
-/**
- * The column range is a cartesian series type with higher and lower Y values along an X axis. Requires
- * highcharts-more.js. To display horizontal bars, set chart.inverted to true.
- */
-interface HighchartsColumnRangeChart extends HighchartsColumnChart {
-    dataLabels?: HighchartsRangeDataLabels;
-}
-
-/**
- * Error bars are a graphical representation of the variability of data and are used on graphs to indicate the error, or
- * uncertainty in a reported measurement.
- */
-interface HighchartsErrorBarChart extends HighchartsSeriesChart {
-    /**
-     * When using automatic point colors pulled from the options.colors collection, this option determines whether the
-     * chart should receive one color per series or one color per point.
-     * @default false
-     * @since 2.0
-     */
-    colorByPoint?: boolean;
-    /**
-     * A series specific or series type specific color set to apply instead of the global colors when colorByPoint is
-     * true.
-     * @since 3.0
-     */
-    colors?: string[];
-    /**
-     * Depth of the columns in a 3D column chart. Requires highcharts-3d.js.
-     * @default 25
-     * @since 4.0
-     */
-    depth?: number;
-    /**
-     * 3D columns only. The color of the edges. Similar to borderColor, except it defaults to the same color as the
-     * column.
-     */
-    edgeColor?: string;
-    /**
-     * 3D columns only. The width of the colored edges.
-     * @default 1
-     */
-    edgeWidth?: number;
-    /**
-     * The spacing between columns on the Z Axis in a 3D chart. Requires highcharts-3d.js.
-     * @default 1
-     * @since 4.0
-     */
-    groupZPadding?: number;
-    /**
-     * The parent series of the error bar. The default value links it to the previous series. Otherwise, use the id of
-     * the parent series.
-     * @default ':previous'
-     * @since 3.0
-     */
-    linkedTo?: string;
-    /**
-     * The maximum allowed pixel width for a column, translated to the height of a bar in a bar chart. This prevents the
-     * columns from becoming too wide when there is a small number of points in the chart.
-     * @default null
-     * @since 4.1.8
-     */
-    maxPointWidth?: number;
-    /**
-     * Padding between each column or bar, in x axis units.
-     * @default 0.1
-     */
-    pointPadding?: number;
-    /**
-     * The X axis range that each point is valid for. This determines the width of the column. On a categorized axis,
-     * the range will be 1 by default (one category unit). On linear and datetime axes, the range will be computed as
-     * the distance between the two closest data points.
-     * @since 2.3
-     */
-    pointRange?: number;
-    /**
-     * A pixel value specifying a fixed width for each column or bar. When null, the width is calculated from the
-     * pointPadding and groupPadding.
-     * @since 1.2.5
-     */
-    pointWidth?: number;
-    /**
-     * A wrapper object for all the series options in specific states.
-     */
-    states?: {
+        'stroke-width'?: number;
         /**
-         * Options for the hovered series
+         * The border radius
          */
-        hover?: HighchartsBarStates;
-    };
-    /**
-     * The color of the stem, the vertical line extending from the box to the whiskers. If null, the series color is
-     * used.
-     * @default null
-     * @since 3.0
-     */
-    stemColor?: string;
-    /**
-     * The dash style of the stem, the vertical line extending from the box to the whiskers.
-     * @default 'Solid'
-     * @since 3.0
-     */
-    stemDashStyle?: string;
-    /**
-     * The width of the stem, the vertical line extending from the box to the whiskers. If null, the width is inherited
-     * from the lineWidth option.
-     * @default null
-     * @since 3.0
-     */
-    stemWidth?: number;
-    /**
-     * The color of the whiskers, the horizontal lines marking low and high values. When null, the general series color
-     * is used.
-     * @default null
-     * @since 3.0
-     */
-    whiskerColor?: string;
-    /**
-     * The length of the whiskers, the horizontal lines marking low and high values. It can be a numerical pixel value,
-     * or a percentage value of the box width. Set 0 to disable whiskers.
-     * @default '50%'
-     * @since 3.0
-     */
-    whiskerLength?: number | string;
-    /**
-     * The line width of the whiskers, the horizontal lines marking low and high values. When null, the general
-     * lineWidth applies.
-     * @default 2
-     * @since 3.0
-     */
-    whiskerWidth?: number;
-}
-
-/**
- * Funnel charts are a type of chart often used to visualize stages in a sales project, where the top are the initial
- * stages with the most clients. It requires that the modules/funnel.js file is loaded
- */
-interface HighchartsFunnelChart extends HighchartsSeriesChart {
-    /**
-     * The color of the border surrounding each column or bar.
-     * @default '#FFFFFF'
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * The width of the border surrounding each column or bar.
-     * @default 1
-     */
-    borderWidth?: number;
-    /**
-     * The center of the series. By default, it is centered in the middle of the plot area, so it fills the plot area
-     * height.
-     * @default ['50%', '50%']
-     * @since 3.0
-     */
-    center?: [string|number, string|number];
-    /**
-     * A series specific or series type specific color set to use instead of the global colors.
-     * @since 3.0
-     */
-    colors?: string[];
-    dataLabels?: HighchartsPieDataLabels;
-    /**
-     * The thickness of a 3D pie. Requires highcharts-3d.js
-     * @default 0
-     * @since 4.0
-     */
-    depth?: number;
-    /**
-     * The height of the funnel or pyramid. If it is a number it defines the pixel height, if it is a percentage string
-     * it is the percentage of the plot area height.
-     * @since 3.0
-     */
-    height?: number | string;
-    /**
-     * The minimum size for a pie in response to auto margins. The pie will try to shrink to make room for data labels
-     * in side the plot area, but only to this size.
-     * @default 80
-     * @since 3.0
-     */
-    minSize?: number;
-    /**
-     * The height of the neck, the lower part of the funnel. A number defines pixel width, a percentage string defines a
-     * percentage of the plot area height.
-     * @default '25%'
-     */
-    neckHeight?: number | string;
-    /**
-     * The width of the neck, the lower part of the funnel. A number defines pixel width, a percentage string defines a
-     * percentage of the plot area width.
-     * @default '30%'
-     * @since 3.0
-     */
-    neckWidth?: number | string;
-    /**
-     * A reversed funnel has the widest area down. A reversed funnel with no neck width and neck height is a pyramid.
-     * @default false
-     * @since 3.0.10
-     */
-    reversed?: boolean;
-    /**
-     * If a point is sliced, moved out from the center, how many pixels should it be moved?
-     * @default 10
-     */
-    slicedOffset?: number;
-    /**
-     * A wrapper object for all the series options in specific states.
-     */
-    states?: {
+        r?: number;
         /**
-         * Options for the hovered series
+         * CSS style
          */
-        hover?: HighchartsPieStates;
-    };
-    /**
-     * The width of the funnel compared to the width of the plot area, or the pixel width if it is a number.
-     * @default '90%'
-     * @since 3.0
-     */
-    width?: number | string;
-}
-
-/**
- * General plotting options for the gauge series type. Requires highcharts-more.js
- */
-interface HighchartsGaugeChart extends HighchartsSeriesChart {
-    /**
-     * Data labels for the gauge. For gauges, the data labels are enabled by default and shown in a bordered box below
-     * the point.
-     */
-    datalabels?: HighchartsDataLabels;
-    /**
-     * Options for the dial or arrow pointer of the gauge.
-     */
-    dial?: HighchartsDial;
-    /**
-     * Allow the dial to overshoot the end of the perimeter axis by this many degrees. Say if the gauge axis goes from 0
-     * to 60, a value of 100, or 1000, will show 5 degrees beyond the end of the axis. Defaults to 0.
-     * @default 0
-     * @since 3.0.10
-     */
-    overshoot?: number;
-    /**
-     * Options for the pivot or the center point of the gauge.
-     * @since 2.3.0
-     */
-    pivot?: HighchartsPivot;
-    /**
-     * When this option is true, the dial will wrap around the axes. For instance, in a full-range gauge going from 0 to
-     * 360, a value of 400 will point to 40. When wrap is false, the dial stops at 360.
-     * @default true
-     * @since 3.0
-     */
-    wrap?: boolean;
-}
-
-/**
- * The heatmap series type. This series type is available both in Highcharts and Highmaps.
- * The colors of each heat map point is usually determined by its value and controlled by settings on the colorAxis.
- */
-interface HighchartsHeatMapChart extends HighchartsSeriesChart {
-    /**
-     * The color of the border surrounding each column or bar.
-     * @default '#FFFFFF'
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * The corner radius of the border surrounding each column or bar.
-     * @default 0
-     */
-    borderRadius?: number;
-    /**
-     * The width of the border surrounding each column or bar.
-     * @default 1
-     */
-    borderWidth?: number;
-    /**
-     * When using automatic point colors pulled from the options.colors collection, this option determines whether the
-     * chart should receive one color per series or one color per point. Defaults to false.
-     * @default false
-     * @since 2.0
-     */
-    colorByPoint?: boolean;
-    /**
-     * A series specific or series type specific color set to apply instead of the global colors when colorByPoint is
-     * true.
-     * @since 3.0
-     */
-    colors?: string[];
-    /**
-     * The columns size - how many X axis units each column in the heatmap should span.
-     * @default 1
-     * @since 4.0
-     */
-    colsize?: number;
-    /**
-     * When the series contains less points than the crop threshold, all points are drawn, event if the points fall
-     * outside the visible plot area at the current zoom. The advantage of drawing all points (including markers and
-     * columns), is that animation is performed on updates. On the other hand, when the series contains more points than
-     * the crop threshold, the series data is cropped to only contain points that fall within the plot area. The
-     * advantage of cropping away invisible points is to increase performance on large series.
-     * @default 50
-     */
-    cropTreshold?: number;
-    /**
-     * The maximum allowed pixel width for a column, translated to the height of a bar in a bar chart. This prevents the
-     * columns from becoming too wide when there is a small number of points in the chart.
-     * @default null
-     * @since 4.1.8
-     */
-    maxPointWidth?: number;
-    /**
-     * The row size - how many Y axis units each heatmap row should span.
-     * @default 1
-     * @since 4.0
-     */
-    rowsize?: number;
-    /**
-     * A wrapper object for all the series options in specific states.
-     */
-    states?: {
-        /**
-         * Options for the hovered series
-         */
-        hover?: HighchartsBarStates;
+        style?: Object;
     }
-}
 
-interface HighchartsLineChart extends HighchartsSeriesChart {
-    /**
-     * Whether to apply steps to the line. Possible values are left, center and right. Prior to 2.3.5, only left was
-     * supported.
-     * @default false
-     * @since 1.2.5
-     */
-    step?: boolean|string;
-}
-
-/**
- * A pie chart is a circular chart divided into sectors, illustrating numerical proportion.
- */
-interface HighchartsPieChart extends HighchartsSeriesChart {
-    /**
-     * The color of the border surrounding each slice. When null, the border takes the same color as the slice fill.
-     * This can be used together with a borderWidth to fill drawing gaps created by antialiazing artefacts in
-     * borderless pies.
-     * @default '#FFFFFF'
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * The width of the border surrounding each column or bar.
-     * @default 1
-     */
-    borderWidth?: number;
-    /**
-     * The center of the pie chart relative to the plot area. Can be percentages or pixel values. The default behaviour
-     * (as of 3.0) is to center the pie so that all slices and data labels are within the plot area. As a consequence,
-     * the pie may actually jump around in a chart with dynamic values, as the data labels move. In that case, the
-     * center should be explicitly set, for example to ['50%', '50%'].
-     * @default [null, null]
-     */
-    center?: [string|number, string|number];
-    /**
-     * A series specific or series type specific color set to use instead of the global colors.
-     * @since 3.0
-     */
-    colors?: string[];
-    dataLabels?: HighchartsPieDataLabels;
-    /**
-     * The thickness of a 3D pie. Requires highcharts-3d.js
-     * @default 0
-     * @since 4.0
-     */
-    depth?: number;
-    /**
-     * The end angle of the pie in degrees where 0 is top and 90 is right. Defaults to startAngle plus 360.
-     * @default null
-     * @since 1.3.6
-     */
-    endAngle?: number;
-    /**
-     * Equivalent to chart.ignoreHiddenSeries, this option tells whether the series shall be redrawn as if the hidden
-     * point were null.
-     *
-     * The default value changed from false to true with Highcharts 3.0.
-     *
-     * @default true
-     * @since 2.3.0
-     */
-    ignoreHiddenPoint?: boolean;
-    /**
-     * The size of the inner diameter for the pie. A size greater than 0 renders a donut chart. Can be a percentage or
-     * pixel value. Percentages are relative to the pie size. Pixel values are given as integers.
-     *
-     * Note: in Highcharts < 4.1.2, the percentage was relative to the plot area, not the pie size.
-     * @default 0
-     * @since 2.0
-     */
-    innerSize?: number | string;
-    /**
-     * The minimum size for a pie in response to auto margins. The pie will try to shrink to make room for data labels
-     * in side the plot area, but only to this size.
-     * @default 80
-     * @since 3.0
-     */
-    minSize?: number;
-    /**
-     * The diameter of the pie relative to the plot area. Can be a percentage or pixel value. Pixel values are given as
-     * integers. The default behaviour (as of 3.0) is to scale to the plot area and give room for data labels within the
-     * plot area. As a consequence, the size of the pie may vary when points are updated and data labels more around. In
-     * that case it is best to set a fixed value, for example '75%'.
-     */
-    size?: number | string;
-    /**
-     * If a point is sliced, moved out from the center, how many pixels should it be moved?
-     * @default 10
-     */
-    slicedOffset?: number;
-    /**
-     * The start angle of the pie slices in degrees where 0 is top and 90 right.
-     * @default 0
-     * @since 2.3.4
-     */
-    startAngle?: number;
-    /**
-     * A wrapper object for all the series options in specific states.
-     */
-    states?: {
+    interface ButtonStatesTheme extends ButtonTheme {
         /**
-         * Options for the hovered series
+         * Themed button states. Only hover is supported for reset zoom button.
          */
-        hover?: HighchartsPieStates;
-    };
-}
-
-/**
- * A polygon series can be used to draw any freeform shape in the cartesian coordinate system. A fill is applied with
- * the color option, and stroke is applied through lineWidth and lineColor options. Requires the highcharts-more.js
- * file.
- */
-interface HighchartsPolygonChart extends HighchartsSeriesChart {
-    /**
-     * The width of the line connecting the data points.
-     * @default 0
-     */
-    lineWidth?: number;
-}
-
-interface HighchartsPyramidChart extends HighchartsSeriesChart {
-    /**
-     * The color of the border surrounding each slice
-     * @default '#FFFFFF'
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * The width of the border surrounding each slice
-     * @default 1
-     */
-    borderWidth?: number;
-    /**
-     * The center of the series. By default, it is centered in the middle of the plot area, so it fills the plot area
-     * height.
-     * @default ['50%', '50%']
-     * @since 3.0
-     */
-    center?: [string|number, string|number];
-    /**
-     * A series specific or series type specific color set to use instead of the global colors.
-     * @since 3.0
-     */
-    colors?: string[];
-    dataLabels?: HighchartsPieDataLabels;
-    /**
-     * The thickness of a 3D pie. Requires highcharts-3d.js
-     * @default 0
-     * @since 4.0
-     */
-    depth?: number;
-    /**
-     * The height of the funnel or pyramid. If it is a number it defines the pixel height, if it is a percentage string
-     * it is the percentage of the plot area height.
-     * @since 3.0
-     */
-    height?: number | string;
-    /**
-     * The minimum size for a pie in response to auto margins. The pie will try to shrink to make room for data labels
-     * in side the plot area, but only to this size.
-     * @default 80
-     * @since 3.0
-     */
-    minSize?: number;
-    /**
-     * The pyramid is reversed by default, as opposed to the funnel, which shares the layout engine, and is not
-     * reversed.
-     * @default true
-     * @since 3.0.10
-     */
-    reversed?: boolean;
-    /**
-     * If a point is sliced, moved out from the center, how many pixels should it be moved?
-     * @default 10
-     */
-    slicedOffset?: number;
-    /**
-     * A wrapper object for all the series options in specific states.
-     */
-    states?: {
-        /**
-         * Options for the hovered series
-         */
-        hover?: HighchartsPieStates;
-    };
-    /**
-     * The width of the pyramid compared to the width of the plot area, or the pixel width if it is a number.
-     * @default '90%'
-     * @since 3.0
-     */
-    width?: number | string;
-}
-
-interface HighchartsScatterChart extends HighchartsSeriesChart { }
-
-/**
- * A gauge showing values using a filled arc with colors indicating the value. The solid gauge plots values against the
- * yAxis, which is extended with some color options, minColor, maxColor and stops, to control the color of the gauge
- * itself.
- */
-interface HighchartsSolidGaugeChart extends HighchartsSeriesChart {
-    /**
-     * Allow the dial to overshoot the end of the perimeter axis by this many degrees. Say if the gauge axis goes from 0
-     * to 60, a value of 100, or 1000, will show 5 degrees beyond the end of the axis.
-     * @default 0
-     * @since 3.0.10
-     */
-    overshoot?: number;
-    /**
-     * When this option is true, the dial will wrap around the axes. For instance, in a full-range gauge going from 0 to
-     * 360, a value of 400 will point to 40. When wrap is false, the dial stops at 360.
-     * @default true
-     * @since 3.0
-     */
-    wrap?: boolean;
-}
-
-interface HighchartsSplineChart extends HighchartsSeriesChart { }
-
-/**
- * The size of the point shape is determined by its value relative to its siblings values. Requires the module
- * heatmap.js as well, if functionality such as the colorAxis is to be used.
- */
-interface HighchartsTreeMapChart extends HighchartsSeriesChart {
-    /**
-     * When enabled the user can click on a point which is a parent and zoom in on its children.
-     * @default false
-     * @since 4.1.0
-     */
-    allowDrillToNode?: boolean;
-    /**
-     * Enabling this option will make the treemap alternate the drawing direction between vertical and horizontal. The
-     * next levels starting direction will always be the opposite of the previous.
-     * @default false
-     * @since 4.1.0
-     */
-    alternateStartingDirection?: boolean;
-    /**
-     * The color of the border surrounding each tree map item.
-     * @default '#E0E0E0'
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * The width of the border surrounding each column or bar.
-     * @default 1
-     */
-    borderWidth?: number;
-    /**
-     * When using automatic point colors pulled from the options.colors collection, this option determines whether the
-     * chart should receive one color per series or one color per point.
-     * @default false
-     * @since 2.0
-     */
-    colorByPoint?: boolean;
-    /**
-     * A series specific or series type specific color set to apply instead of the global colors when colorByPoint is
-     * true.
-     * @since 3.0
-     */
-    colors?: string[];
-    /**
-     * This option decides if the user can interact with the parent nodes or just the leaf nodes. When this option is
-     * undefined, it will be true by default. However when allowDrillToNode is true, then it will be false by default.
-     * @since 4.1.2
-     */
-    interactByLeaf?: boolean;
-    /**
-     * This option decides which algorithm is used for setting position and dimensions of the points. Can be one of
-     * 'sliceAndDice', 'stripes', 'squarified' or 'strip'.
-     * @default 'sliceAndDice'
-     * @since 4.1.0
-     */
-    layoutAlgorithm?: string;
-    /**
-     * Defines which direction the layout algorithm will start drawing. Possible values are 'vertical' and 'horizontal'.
-     * @default 'vertical'
-     * @since 4.1.0
-     */
-    layoutStartingDirection?: string;
-    /**
-     * Used together with the levels and allowDrillToNode options. When set to false the first level visible when
-     * drilling is considered to be level one. Otherwise the level will be the same as the tree structure.
-     * @default true
-     * @since 4.1.0
-     */
-    levelIsConstant?: boolean;
-    /**
-     * Set options on specific levels. Takes precedence over series options, but not point options.
-     */
-    levels?: HighchartsTreeMapLevel[];
-    /**
-     * The maximum allowed pixel width for a column, translated to the height of a bar in a bar chart. This prevents the
-     * columns from becoming too wide when there is a small number of points in the chart.
-     * @default null
-     * @since 4.1.8
-     */
-    maxPointWidth?: number;
-    /**
-     * The sort index of the point inside the treemap level.
-     * @since 4.1.10
-     */
-    sortIndex?: number;
-    /**
-     * A wrapper object for all the series options in specific states.
-     */
-    states?: {
-        /**
-         * Options for the hovered series
-         */
-        hover?: HighchartsBarStates;
+        states?: {
+            /**
+             * Attributes and styles applied when hovering.
+             */
+            hover?: ButtonTheme;
+            /**
+             * Attributes and styles applied when button is selected (tri-state).
+             */
+            select?: ButtonTheme;
+        };
     }
-}
 
-interface HighchartsWaterFallChart extends HighchartsBarChart {
-    /**
-     * A name for the dash style to use for the graph. Applies only to series type having a graph, like line, spline,
-     * area and scatter in case it has a lineWidth. The value for the dashStyle include:
-     * - Solid
-     * - ShortDash
-     * - ShortDot
-     * - ShortDashDot
-     * - ShortDashDotDot
-     * - Dot
-     * - Dash
-     * - LongDash
-     * - DashDot
-     * - LongDashDot
-     * - LongDashDotDot
-     * @default 'Dot'
-     */
-    dashStyle?: string;
-    /**
-     * The color of the line that connects columns in a waterfall series.
-     * @default '#333333'
-     * @since 3.0
-     */
-    lineColor?: string | HighchartsGradient;
-    /**
-     * The color used specifically for positive point columns. When not specified, the general series color is used.
-     */
-    upColor?: string;
-}
+    interface ChartOptions {
+        /**
+         * When using multiple axis, the ticks of two or more opposite axes will automatically be aligned by adding ticks to
+         * the axis or axes with the least ticks. This can be prevented by setting alignTicks to false. If the grid lines
+         * look messy, it's a good idea to hide them for the secondary axis by setting gridLineWidth to 0.
+         * @default true
+         */
+        alignTicks?: boolean;
+        /**
+         * Set the overall animation for all chart updating. Animation can be disabled throughout the chart by setting it to
+         * false here. It can be overridden for each individual API method as a function parameter. The only animation not
+         * affected by this option is the initial series animation, see plotOptions.series.animation.
+         *
+         * The animation can either be set as a boolean or a configuration object. If true, it will use the 'swing' jQuery
+         * easing and a duration of 500 ms.
+         *
+         * @default true
+         */
+        animation?: boolean | Animation;
+        /**
+         * The background color or gradient for the outer chart area.
+         * @default '#FFFFFF'
+         */
+        backgroundColor?: string | Gradient;
+        /**
+         * The color of the outer chart border.
+         * @default '#4572A7'
+         */
+        borderColor?: string | Gradient;
+        /**
+         * The corner radius of the outer chart border.
+         * @default 0
+         */
+        borderRadius?: number;
+        /**
+         * The pixel width of the outer chart border.
+         * @default 0
+         */
+        borderWidth?: number;
+        /**
+         * A CSS class name to apply to the charts container div, allowing unique CSS styling for each chart.
+         */
+        className?: string;
+        /**
+         * Alias of type. Defaults to line.
+         * @default 'line'
+         * @deprecated
+         */
+        defaultSeriesType?: string;
+        /**
+         * Event listeners for the chart.
+         */
+        events?: ChartEvents;
+        /**
+         * An explicit height for the chart. By default the height is calculated from the offset height of the containing
+         * element, or 400 pixels if the containing element's height is 0.
+         */
+        height?: number;
+        /**
+         * If true, the axes will scale to the remaining visible series once one series is hidden. If false, hiding and
+         * showing a series will not affect the axes or the other series. For stacks, once one series within the stack is
+         * hidden, the rest of the stack will close in around it even if the axis is not affected.
+         * @default true
+         * @since 1.2.0
+         */
+        ignoreHiddenSeries?: boolean;
+        /**
+         * Whether to invert the axes so that the x axis is vertical and y axis is horizontal. When true, the x axis is
+         * reversed by default. If a bar series is present in the chart, it will be inverted automatically.
+         * @default false
+         */
+        inverted?: boolean;
+        /**
+         * The margin between the outer edge of the chart and the plot area. The numbers in the array designate top, right,
+         * bottom and left respectively. Use the options marginTop, marginRight, marginBottom and marginLeft for shorthand
+         * setting of one option.
+         *
+         * Since version 2.1, the margin is 0 by default. The actual space is dynamically calculated from the offset of axis
+         * labels, axis title, title, subtitle and legend in addition to the spacingTop, spacingRight, spacingBottom and
+         * spacingLeft options.
+         */
+        margin?: number | number[];
+        /**
+         * The margin between the bottom outer edge of the chart and the plot area. Use this to set a fixed pixel value for
+         * the margin as opposed to the default dynamic margin. See also spacingBottom.
+         * @since 2.0
+         */
+        marginBottom?: number;
+        /**
+         * The margin between the left outer edge of the chart and the plot area. Use this to set a fixed pixel value for
+         * the margin as opposed to the default dynamic margin. See also spacingLeft.
+         * @since 2.0
+         */
+        marginLeft?: number;
+        /**
+         * The margin between the right outer edge of the chart and the plot area. Use this to set a fixed pixel value for
+         * the margin as opposed to the default dynamic margin. See also spacingRight.
+         * @since 2.0
+         */
+        marginRight?: number;
+        /**
+         * The margin between the top outer edge of the chart and the plot area. Use this to set a fixed pixel value for the
+         * margin as opposed to the default dynamic margin. See also spacingTop.
+         * @since 2.0
+         */
+        marginTop?: number;
+        /**
+         * Options to render charts in 3 dimensions. This feature requires highcharts-3d.js, found in the download package
+         * or online at {@link code.highcharts.com/highcharts-3d.js}.
+         */
+        options3d?: ChartOptions3d;
+        /**
+         * Allows setting a key to switch between zooming and panning.
+         * @since 4.0.3
+         */
+        panKey?: string;
+        /**
+         * Allow panning in a chart. Best used with panKey to combine zooming and panning.
+         * @default false
+         * @since 4.0.3
+         */
+        panning?: boolean;
+        /**
+         * Equivalent to zoomType, but for multitouch gestures only. By default, the pinchType is the same as the zoomType
+         * setting. However, pinching can be enabled separately in some cases, for example in stock charts where a mouse
+         * drag pans the chart, while pinching is enabled.
+         * @default null
+         * @since 3.0
+         */
+        pinchType?: string;
+        /**
+         * The background color or gradient for the plot area.
+         */
+        plotBackgroundColor?: string | Gradient;
+        /**
+         * The URL for an image to use as the plot background. To set an image as the background for the entire chart, set a
+         * CSS background image to the container element. Note that for the image to be applied to exported charts, its URL
+         * needs to be accessible by the export server.
+         */
+        plotBackgroundImage?: string;
+        /**
+         * The color of the inner chart or plot area border.
+         * @default 0
+         */
+        plotBorderColor?: string;
+        /**
+         * The pixel width of the plot area border.
+         * @default 0
+         */
+        plotBorderWidth?: number;
+        /**
+         * Whether to apply a drop shadow to the plot area. Requires that plotBackgroundColor be set. Since 2.3 the shadow
+         * can be an object configuration containing color, offsetX, offsetY, opacity and width.
+         * @default false
+         */
+        plotShadow?: boolean | Shadow;
+        /**
+         * When true, cartesian charts like line, spline, area and column are transformed into the polar coordinate system.
+         * Requires highcharts-more.js.
+         * @default false
+         * @since 2.3.0
+         */
+        polar?: boolean;
+        /**
+         * Whether to reflow the chart to fit the width of the container div on resizing the window.
+         * @default true
+         * @since 2.1
+         */
+        reflow?: boolean;
+        /**
+         * The HTML element where the chart will be rendered. If it is a string, the element by that id is used. The HTML
+         * element can also be passed by direct reference.
+         */
+        renderTo?: string | HTMLElement;
+        /**
+         * The button that appears after a selection zoom, allowing the user to reset zoom.
+         */
+        resetZoomButton?: ChartResetZoomButton;
+        /**
+         * The background color of the marker square when selecting (zooming in on) an area of the chart.
+         * @default 'rgba(69,114,167,0.25)'
+         * @since 2.1.7
+         */
+        selectionMarkerFill?: string;
+        /**
+         * Whether to apply a drop shadow to the outer chart area. Requires that backgroundColor be set. Since 2.3 the
+         * shadow can be an object configuration containing color, offsetX, offsetY, opacity and width.
+         * @default false
+         */
+        shadow?: boolean | Shadow;
+        /**
+         * Whether to show the axes initially. This only applies to empty charts where series are added dynamically, as axes
+         * are automatically added to cartesian series.
+         * @default false
+         * @since 1.2.5
+         */
+        showAxes?: boolean;
+        /**
+         * The distance between the outer edge of the chart and the content, like title, legend, axis title or labels. The
+         * numbers in the array designate top, right, bottom and left respectively. Use the options spacingTop,
+         * spacingRight, spacingBottom and spacingLeft options for shorthand setting of one option.
+         * @default [10, 10, 15, 10]
+         * @since 3.0.6
+         */
+        spacing?: number[];
+        /**
+         * The space between the bottom edge of the chart and the content (plot area, axis title and labels, title, subtitle
+         * or legend in top position).
+         * @default 15
+         * @since 2.1
+         */
+        spacingBottom?: number;
+        /**
+         * The space between the left edge of the chart and the content (plot area, axis title and labels, title, subtitle
+         * or legend in top position).
+         * @default 10
+         * @since 2.1
+         */
+        spacingLeft?: number;
+        /**
+         * The space between the right edge of the chart and the content (plot area, axis title and labels, title, subtitle
+         * or legend in top position).
+         * @default 10
+         * @since 2.1
+         */
+        spacingRight?: number;
+        /**
+         * The space between the top edge of the chart and the content (plot area, axis title and labels, title, subtitle or
+         * legend in top position).
+         * @default 10
+         * @since 2.1
+         */
+        spacingTop?: number;
+        /**
+         * Additional CSS styles to apply inline to the container div. Note that since the default font styles are applied
+         * in the renderer, it is ignorant of the individual chart options and must be set globally.
+         */
+        style?: CSSObject;
+        /**
+         * The default series type for the chart. Can be any of the chart types listed under plotOptions.
+         * @default 'line'
+         * @since 2.1.0
+         */
+        type?: string;
+        /**
+         * An explicit width for the chart. By default the width is calculated from the offset width of the containing
+         * element.
+         */
+        width?: number;
+        /**
+         * Decides in what dimensions the user can zoom by dragging the mouse. Can be one of x, y or xy.
+         */
+        zoomType?: string;
+    }
 
-/**
- * The plotOptions is a wrapper object for config objects for each series type. The config objects for each series can
- * also be overridden for each series item as given in the series array.
- *
- * Configuration options for the series are given in three levels. Options for all series in a chart are given in the
- * plotOptions.series object. Then options for all series of a specific type are given in the plotOptions of that type,
- * for example plotOptions.line. Next, options for one single series are given in the series array.
- */
-interface HighchartsPlotOptions {
-    area?: HighchartsAreaChart;
-    arearange?: HighchartsAreaRangeChart;
-    areaspline?: HighchartsAreaSplineChart;
-    areasplinerange?: HighchartsAreaSplineRangeChart;
-    bar?: HighchartsBarChart;
-    boxplot?: HighchartsBoxPlotChart;
-    bubble?: HighchartsBubbleChart;
-    column?: HighchartsColumnChart;
-    columnrange?: HighchartsColumnRangeChart;
-    errorbar?: HighchartsErrorBarChart;
-    funnel?: HighchartsFunnelChart;
-    gauge?: HighchartsGaugeChart;
-    heatmap?: HighchartsHeatMapChart;
-    line?: HighchartsLineChart;
-    pie?: HighchartsPieChart;
-    polygon?: HighchartsPolygonChart;
-    pyramid?: HighchartsPyramidChart;
-    scatter?: HighchartsScatterChart;
-    series?: HighchartsSeriesChart;
-    solidgauge?: HighchartsSolidGaugeChart;
-    spline?: HighchartsSplineChart;
-    treemap?: HighchartsTreeMapChart;
-    waterfall?: HighchartsWaterFallChart;
-}
+    interface CSSObject {
+        background?: string;
+        border?: string;
+        color?: string | Gradient;
+        cursor?: string;
+        font?: string;
+        fontFamily?: string;
+        fontSize?: string;
+        fontWeight?: string;
+        left?: string;
+        opacity?: number;
+        padding?: string | number;
+        position?: string;
+        top?: string;
+        textShadow?: string;
+    }
 
-/* You will rarely, if ever, want to use this interface directly. Instead it is much more useful to use one of the derived
- * interfaces (HighchartsAreaChartSeriesOptions, HighchartsLineChartSeriesOptions, etc.)
- */
-interface HighchartsIndividualSeriesOptions {
-    type?: string;
-    /**
-     * The main color or the series. In line type series it applies to the line and the point markers unless otherwise
-     *     specified. In bar type series it applies to the bars unless a color is specified per point. The default
-     *     value is pulled from the options.colors array.
-     */
-    color?: string | HighchartsGradient;
-    /**
-     * You can set the cursor to "pointer" if you have click events attached to the series, to signal to the user
-     *     that the points and lines can be clicked.
-     */
-    cursor?: string;
-    /**
-     * An array of data points for the series. For the area series type, points can be given in the following ways:
-     *
-     * 1. An array of numerical values. In this case, the numerical values will be interpreted as y options. The x
-     *    values will be automatically calculated, either starting at 0 and incremented by 1, or from pointStart and
-     *    pointInterval given in the series options. If the axis has categories, these will be used. Example:
-     *        data: [0, 5, 3, 5]
-     *
-     * 2. An array of arrays with 2 values. In this case, the values correspond to x,y. If the first value is a string,
-     *    it is applied as the name of the point, and the x value is inferred.
-     *        data: [
-     *        	  [0, 9],
-     *        	  [1, 7],
-     *        	  [2, 6]
-     *        ]
-     *
-     * 3. An array of objects with named values. The objects are point configuration objects as seen below. If the total
-     *    number of data points exceeds the series' turboThreshold, this option is not available.
-     *        data: [{
-     *            x: 1,
-     *            y: 9,
-     *            name: 'Point2',
-     *            color: '#00FF00'
-     *        }, {
-     *            x: 1,
-     *            y: 6,
-     *            name: 'Point1',
-     *            color: '#FF00FF'
-     *        }]
-     */
-    data?: number[] | [number, number][] | [string, number][] | HighchartsDataPoint[];
-    /**
-     * An id for the series. This can be used after render time to get a pointer to the series object through
-     * chart.get().
-     */
-    id?: string;
-    /**
-     * The index of the series in the chart, affecting the internal index in the chart.series array, the visible Z index
-     * as well as the order in the legend.
-     * @since 2.3.0
-     */
-    index?: number;
-    /**
-     * The sequential index of the series in the legend.
-     */
-    legendIndex?: number;
-    /**
-     * The name of the series as shown in the legend, tooltip etc.
-     */
-    name?: string;
-    /**
-     * A pixel value specifying a fixed width for each column or bar. When null, the width is calculated from
-     * the pointPadding and groupPadding.
-     */
-    pointWidth?: number;
-    /**
-     * This option allows grouping series in a stacked chart. The stack option can be a string or a number or anything
-     * else, as long as the grouped series' stack options match each other.
-     * @since 2.1
-     */
-    stack?: any;
-    /**
-     * When using dual or multiple x axes, this number defines which xAxis the particular series is connected to. It
-     * refers to either the axis id or the index of the axis in the xAxis array, with 0 being the first.
-     * @default 0
-     */
-    xAxis?: string | number;
-    /**
-     * When using dual or multiple x axes, this number defines which xAxis the particular series is connected to. It
-     * refers to either the axis id or the index of the axis in the xAxis array, with 0 being the first.
-     * @default 0
-     */
-    yAxis?: string | number;
-    /**
-     * Define the visual z index of the series.
-     */
-    zIndex?: number;
-}
+    interface CreditsOptions {
+        /**
+         * Whether to show the credits text.
+         * @default true
+         */
+        enabled?: boolean;
+        /**
+         * The URL for the credits label.
+         * @default 'http://www.highcharts.com'
+         */
+        href?: string;
+        /**
+         * Position configuration for the credits label. Supported properties are align, verticalAlign, x and y.
+         */
+        position?: Position;
+        /**
+         * CSS styles for the credits label.
+         */
+        style?: Object;
+        /**
+         * The text for the credits label.
+         * @default 'Highcharts.com'
+         */
+        text?: string;
+    }
 
-interface HighchartsSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsSeriesChart { }
+    interface DataSeriesMapping {
+        [pointPropertyName: string]: number;
+    }
 
-interface HighchartsAreaChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsAreaChart { }
-interface HighchartsAreaRangeChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsAreaRangeChart { }
-interface HighchartsAreaSplineChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsAreaSplineChart { }
-interface HighchartsAreaSplineRangeChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsAreaSplineRangeChart { }
-interface HighchartsBarChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsBarChart { }
-interface HighchartsBoxPlotChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsBoxPlotChart { }
-interface HighchartsBubbleChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsBubbleChart { }
-interface HighchartsColumnChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsColumnChart { }
-interface HighchartsColumnRangeChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsColumnRangeChart { }
-interface HighchartsErrorBarChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsErrorBarChart { }
-interface HighchartsFunnelChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsFunnelChart { }
-interface HighchartsGaugeChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsGaugeChart { }
-interface HighchartsHeatMapSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsHeatMapChart { }
-interface HighchartsLineChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsLineChart { }
-interface HighchartsPieChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsPieChart { }
-interface HighchartsPolygonChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsPolygonChart { }
-interface HighchartsPyramidChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsPyramidChart { }
-interface HighchartsScatterChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsScatterChart { }
-interface HighchartsSolidGaugeChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsSolidGaugeChart { }
-interface HighchartsSplineChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsSplineChart { }
-interface HighchartsTreeMapChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsTreeMapChart { }
-interface HighchartsWaterFallChartSeriesOptions extends HighchartsIndividualSeriesOptions, HighchartsWaterFallChart { }
-
-interface HighchartsDataPoint {
     /**
-     * Individual color for the point. By default the color is pulled from the global colors array.
-     * @default undefined
-     */
-    color?: string | HighchartsGradient;
-    /**
-     * Serves a purpose only if a colorAxis object is defined in the chart options. This value will decide which color
-     * the point gets from the scale of the colorAxis.
-     * @default undefined
-     */
-    colorValue?: number;
-    /**
-     * Individual data label for each point. The options are the same as the ones for plotOptions.series.dataLabels
-     */
-    dataLabels?: HighchartsDataLabels;
-    /**
-     * The id of a series in the drilldown.series array to use for a drilldown for this point.
-     * @since 3.0.8
-     */
-    drilldown?: string;
-    /**
-     * Individual point events
-     */
-    events?: HighchartsPointEvents;
-    /**
-     * The high or maximum value for each data point.
-     */
-    high?: number;
-    /**
-     * An id for the point. This can be used after render time to get a pointer to the point object through chart.get().
-     * @since 1.2.0
-     */
-    id?: string;
-    /**
-     * The inner radius of an individual point in a solid gauge. Can be given as a number (pixels) or percentage string.
-     * @since 4.1.6
-     */
-    innerRadius?: number|string;
-    /**
-     * When this property is true, the points acts as a summary column for the values added or substracted since the
-     * last intermediate sum, or since the start of the series. The y value is ignored.
-     * @default false
-     */
-    isIntermediateSum?: boolean;
-    /**
-     * When this property is true, the point display the total sum across the entire series. The y value is ignored.
-     * @default false
-     */
-    isSum?: boolean;
-    /**
-     * The sequential index of the data point in the legend.
-     */
-    legendIndex?: number;
-    /**
-     * The low or minimum value for each data point.
-     */
-    low?: number;
-    marker?: HighchartsMarker;
-    /**
-     * The median for each data point. This is drawn as a line through the middle area of the box.
-     */
-    median?: number;
-    /**
-     * The name of the point as shown in the legend, tooltip, dataLabel etc.
-     *
-     * If the xAxis.type is set to category, and no categories option exists, the category will be pulled from the
-     * point.name of the last series defined. For multiple series, best practice however is to define xAxis.categories.
-     */
-    name?: string;
-    /**
-     * Only for treemap. Use this option to build a tree structure. The value should be the id of the point which is the
-     * parent. If no points has a matching id, or this option is undefined, then the parent will be set to the root.
-     * @default undefined
-     * @since 4.1.0
-     */
-    parent?: string;
-    /**
-     * The lower quartile for each data point. This is the bottom of the box.
-     */
-    q1?: number;
-    /**
-     * The higher quartile for each data point. This is the top of the box.
-     */
-    q3?: number;
-    /**
-     * The outer radius of an individual point in a solid gauge. Can be given as a number (pixels) or percentage string.
-     * @since 4.1.6
-     */
-    radius?: number|string;
-    /**
-     * Whether the data point is selected initially.
-     * @default false
-     */
-    selected?: boolean;
-    /**
-     * Whether to display a slice offset from the center.
-     * @default false
-     */
-    sliced?: boolean;
-    /**
-     * The value of the point, resulting in a relative area of the point in the treemap.
-     */
-    value?: number;
-    /**
-     * The x value of the point. For datetime axes, the X value is the timestamp in milliseconds since 1970.
-     */
-    x?: number;
-    /**
-     * The y value of the point.
-     */
-    y?: number;
-    /**
-     * The size value for each bubble. The bubbles' diameters are computed based on the z, and controlled by series
-     * options like minSize, maxSize, sizeBy, zMin and zMax.
-     */
-    z?: number;
-}
-
-/**
- * The chart's subtitle
- */
-interface HighchartsSubtitleOptions {
-    /**
-     * The horizontal alignment of the subtitle. Can be one of 'left', 'center' and 'right'.
-     * @default 'center'
-     * @since 2.0
-     */
-    align?: string;
-    /**
-     * When the subtitle is floating, the plot area will not move to make space for it.
-     * @default false
-     * @since 2.1
-     */
-    floating?: boolean;
-    /**
-     * CSS styles for the title. Exact positioning of the title can be achieved by changing the margin property, or by
-     * adding position: 'absolute' and left and top properties.
-     * @default { 'color': '#555555' }
-     */
-    style?: Object;
-    /**
-     * The subtitle of the chart.
-     */
-    text?: string;
-    /**
-     * Whether to {@link http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html|use HTML} to render the text.
-     * @default false
-     */
-    useHTML?: boolean;
-    /**
-     * The vertical alignment of the title. Can be one of 'top', 'middle' and 'bottom'. When a value is given, the title
-     * behaves as floating.
-     * @since 2.1
-     */
-    verticalAlign?: string;
-    /**
-     * The x position of the subtitle relative to the alignment within chart.spacingLeft and chart.spacingRight.
-     * @default 0
-     * @since 2.0
-     */
-    x?: number;
-    /**
-     * The y position of the subtitle relative to the alignment within chart.spacingTop and chart.spacingBottom. By
-     * default the subtitle is laid out below the title unless the title is floating.
-     * @default null
-     * @since 2.0
-     */
-    y?: number;
-}
-
-interface HighchartsTitleOptions {
-    /**
-     * The horizontal alignment of the title. Can be one of 'left', 'center' and 'right'.
-     * @default 'center'
-     * @since 2.0
-     */
-    align?: string;
-    /**
-     * When the title is floating, the plot area will not move to make space for it.
-     * @default false
-     * @since 2.1
-     */
-    floating?: boolean;
-    /**
-     * The margin between the title and the plot area, or if a subtitle is present, the margin between the subtitle and
-     * the plot area.
-     * @default 15
-     * @since 2.1
-     */
-    margin?: number;
-    /**
-     * CSS styles for the title. Exact positioning of the title can be achieved by changing the margin property, or by
-     * adding position: 'absolute' and left and top properties.
-     * @default { 'color': '#333333', 'fontSize': '18px' }
-     */
-    style?: Object;
-    /**
-     * The title of the chart. To disable the title, set the text to null.
-     * @default 'Chart title'
-     */
-    text?: string;
-    /**
-     * Whether to {@link http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html|use HTML} to render the text.
-     * @default false
-     */
-    useHTML?: boolean;
-    /**
-     * The vertical alignment of the title. Can be one of 'top', 'middle' and 'bottom'. When a value is given, the title
-     * behaves as floating.
-     * @since 2.1
-     */
-    verticalAlign?: string;
-    /**
-     * The x position of the title relative to the alignment within chart.spacingLeft and chart.spacingRight.
-     * @default 0
-     * @since 2.0
-     */
-    x?: number;
-    /**
-     * The y position of the title relative to the alignment within chart.spacingTop and chart.spacingBottom. By default
-     * it depends on the font size.
-     * @default null
-     * @since 2.0
-     */
-    y?: number;
-}
-
-interface HighchartsCrosshairObject {
-    color?: string | HighchartsGradient;
-    width?: number;
-    dashStyle?: string; //Solid ShortDash ShortDot ShortDashDot ShortDashDotDot Dot Dash LongDash DashDot LongDashDot LongDashDotDot
-    zIndex?: number;
-}
-
-interface HighchartsPlotPoint {
-    plotX: number;
-    plotY: number;
-}
-
-interface HighchartsTooltipOptions extends HighchartsSeriesTooltipOptions {
-    /**
-     * Enable or disable animation of the tooltip. In slow legacy IE browsers the animation is disabled by default.
-     * @default true
-     * @since 2.3.0
-     */
-    animation?: boolean;
-    /**
-     * The background color or gradient for the tooltip.
-     * @default 'rgba(255, 255, 255, 0.85)'
-     */
-    backgroundColor?: string | HighchartsGradient;
-    /**
-     * The color of the tooltip border. When null, the border takes the color of the corresponding series or point.
-     * @default null
-     */
-    borderColor?: string | HighchartsGradient;
-    /**
-     * The radius of the rounded border corners.
-     * @default 3
-     */
-    borderRadius?: number;
-    /**
-     * The pixel width of the tooltip border.
-     * @default 1
-     */
-    borderWidth?: number;
-    /**
-     * Display crosshairs to connect the points with their corresponding axis values. The crosshairs can be defined as a
-     * boolean, an array of booleans or an object.
-     *
-     * Boolean
-     *   If the crosshairs option is true, a single crosshair relating to the x axis will be shown.
-     *
-     * Array of booleans
-     *   In an array of booleans, the first value turns on the x axis crosshair and the second value to the y axis
-     *   crosshair. Use [true, true] to show complete crosshairs.
-     *
-     * Array of objects
-     *   In an array of objects, the first value applies to the x axis crosshair and the second value to the y axis
-     *   crosshair. For each dimension, a width, color, dashStyle and zIndex can be given.
-     *
-     * @default null
-     */
-    crosshairs?: boolean | [boolean, boolean] | HighchartsCrosshairObject | [HighchartsCrosshairObject, HighchartsCrosshairObject];
-    /**
-     * Enable or disable the tooltip.
-     * @default true
-     */
-    enabled?: boolean;
-    /**
-     * Callback function to format the text of the tooltip. Return false to disable tooltip for a specific point on
-     * series.
-     *
-     * A subset of HTML is supported. The HTML of the tooltip is parsed and converted to SVG, therefore this isn't a
-     * complete HTML renderer. The following tabs are supported: <b>, <strong>, <i>, <em>, <br/>, <span>. Spans can be
-     * styled with a style attribute, but only text-related CSS that is shared with SVG is handled.
-     *
-     * Since version 2.1 the tooltip can be shared between multiple series through the shared option. The available data
-     * in the formatter differ a bit depending on whether the tooltip is shared or not. In a shared tooltip, all
-     * properties except x, which is common for all points, are kept in an array, this.points.
-     *
-     * Available data are:
-     * this.percentage (not shared) / this.points[i].percentage (shared)
-     *   Stacked series and pies only. The point's percentage of the total.
-     * this.point (not shared) / this.points[i].point (shared)
-     *   The point object. The point name, if defined, is available through this.point.name.
-     * this.points
-     *   In a shared tooltip, this is an array containing all other properties for each point.
-     * this.series (not shared) / this.points[i].series (shared)
-     *   The series object. The series name is available through this.series.name.
-     * this.total (not shared) / this.points[i].total (shared)
-     *   Stacked series only. The total value at this point's x value.
-     * this.x
-     *   The x value. This property is the same regardless of the tooltip being shared or not.
-     * this.y (not shared) / this.points[i].y (shared)
-     *   The y value.
-     */
-    formatter?: () => boolean | string;
-    /**
-     * A callback function to place the tooltip in a default position. The callback receives three parameters:
-     * labelWidth, labelHeight and point, where point contains values for plotX and plotY telling where the reference
-     * point is in the plot area. Add chart.plotLeft and chart.plotTop to get the full coordinates.
-     *
-     * The return should be an object containing x and y values, for example { x: 100, y: 100 }.
-     * @since 2.2.4
-     */
-    positioner?: (labelWidth: number, labelHeight: number, point: HighchartsPlotPoint) => { x: number; y: number; };
-    /**
-     * Whether to apply a drop shadow to the tooltip.
-     * @default true
-     */
-    shadow?: boolean;
-    /**
-     * The name of a symbol to use for the border around the tooltip. In Highcharts 3.x and less, the shape was square.
-     * @default 'callout'
-     * @since 4.0
-     */
-    shape?: string;
-    /**
-     * When the tooltip is shared, the entire plot area will capture mouse movement or touch events. Tooltip texts for
-     * series types with ordered data (not pie, scatter, flags etc) will be shown in a single bubble. This is
-     * recommended for single series charts and for tablet/mobile optimized charts.
-     * @default false
-     * @since 2.1
-     */
-    shared?: boolean;
-    /**
-     * Proximity snap for graphs or single points. Does not apply to bars, columns and pie slices. It defaults to 10 for
-     * mouse-powered devices and 25 for touch devices. Note that since Highcharts 4.1 the whole plot area by default
-     * captures pointer events in order to show the tooltip, so for tooltip.snap to make sense, stickyTracking must be
-     * false.
-     * @since 1.2.0
-     */
-    snap?: number;
-    /**
-     * CSS styles for the tooltip. The tooltip can also be styled through the CSS class .highcharts-tooltip
-     * @default { color: '#333333', fontSize: '12px', padding: '8px' }
-     */
-    style?: Object;
-    /**
-     * Use HTML to render the contents of the tooltip instead of SVG. Using HTML allows advanced formatting like tables
-     * and images in the tooltip. It is also recommended for rtl languages as it works around rtl bugs in early Firefox.
-     * @default false
-     * @since 2.2
-     */
-    useHTML?: boolean;
-}
-
-interface HighchartsSeriesTooltipOptions {
-    /**
-     * For series on a datetime axes, the date format in the tooltip's header will by default be guessed based on the
-     * closest data points. This member gives the default string representations used for each unit.
-     */
-    dateTimeLabelFormats?: HighchartsDateTimeFormats;
-    /**
-     * Whether the tooltip should follow the mouse as it moves across columns, pie slices and other point types with an
-     * extent. By default it behaves this way for scatter, bubble and pie series by override in the plotOptions for
-     * those series types.
-     *
-     * For touch moves to behave the same way, followTouchMove must be true also.
-     * @default false
-     * @since 3.0
-     */
-    followPointer?: boolean;
-    /**
-     * Whether the tooltip should follow the finger as it moves on a touch device. If chart.zoomType is set, it will
-     * override followTouchMove.
-     * @default true
-     * @since 3.0.1
-     */
-    followTouchMove?: boolean;
-    /**
-     * A string to append to the tooltip format.
-     * @default 'false'
-     * @since 2.2
-     */
-    footerFormat?: string;
-    /**
-     * The HTML of the tooltip header line. Variables are enclosed by curly brackets. Available variables are point.key,
-     * series.name, series.color and other members from the point and series objects. The point.key variable contains
-     * the category name, x value or datetime string depending on the type of axis. For datetime axes, the point.key
-     * date format can be set using tooltip.xDateFormat.
-     *
-     * @default '<span style='font-size: 10px'>{point.key}</span><br/>'
-     */
-    headerFormat?: string;
-    /**
-     * The number of milliseconds to wait until the tooltip is hidden when mouse out from a point or chart.
-     * @default 500
-     * @since 3.0
-     */
-    hideDelay?: number;
-    /**
-     * The HTML of the point's line in the tooltip. Variables are enclosed by curly brackets. Available variables are
-     * point.x, point.y, series.name and series.color and other properties on the same form. Furthermore, point.y can be
-     * extended by the tooltip.valuePrefix and tooltip.valueSuffix variables. This can also be overridden for each
-     * series, which makes it a good hook for displaying units.
-     *
-     * @default '<span style='color:{point.color}'>\u25CF</span> {series.name}: <b>{point.y}</b><br/>'
-     * @since 2.2
-     */
-    pointFormat?: string;
-    /**
-     * A callback function for formatting the HTML output for a single point in the tooltip. Like the pointFormat
-     * string, but with more flexibility.
-     *
-     * The this keyword refers to the Point object.
-     * @since 4.1.0
-     */
-    pointFormatter?: () => string;
-    /**
-     * How many decimals to show in each series' y value. This is overridable in each series' tooltip options object.
-     * The default is to preserve all decimals.
-     * @since 2.2
-     */
-    valueDecimals?: number;
-    /**
-     * A string to prepend to each series' y value. Overridable in each series' tooltip options object.
-     * @since 2.2
-     */
-    valuePrefix?: string;
-    /**
-     * A string to append to each series' y value. Overridable in each series' tooltip options object.
-     * @since 2.2
-     */
-    valueSuffix?: string;
-    /**
-     * The format for the date in the tooltip header if the X axis is a datetime axis. The default is a best guess based
-     * on the smallest distance between points in the chart.
-     */
-    xDateFormat?: string;
-}
-
-interface HighchartsOptions {
-    /**
-     * Options regarding the chart area and plot area as well as general chart options.
-     */
-    chart?: HighchartsChartOptions;
-    colorAxis?: HighchartsColorAxisOptions | HighchartsColorAxisOptions[];
-    /**
-     * An array containing the default colors for the chart's series. When all colors are used, new colors are pulled
-     * from the start again.
-     *
-     * Default colors can also be set on a series or series.type basis, see column.colors, pie.colors.
-     *
-     * @default ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1']
-     */
-    colors?: string[];
-    /**
-     * Highchart by default puts a credits label in the lower right corner of the chart. This can be changed using these options.
-     */
-    credits?: HighchartsCreditsOptions;
-    /**
-     * The Data module provides a simplified interface for adding data to a chart from sources like CVS, HTML tables or
-     * grid views. See also the tutorial article on the Data module.
+     * The Data module provides a simplified interface for adding data to a chart from sources like CVS, HTML tables or grid
+     * views. See also the tutorial article on the Data module.
      *
      * It requires the modules/data.js file to be loaded.
      *
      * Please note that the default way of adding data in Highcharts, without the need of a module, is through the
      * series.data option.
      */
-    data?: HighchartsDataOptions;
+    interface DataOptions {
+        /**
+         * A two-dimensional array representing the input data on tabular form. This input can be used when the data is
+         * already parsed, for example from a grid view component. Each cell can be a string or number. If not
+         * switchRowsAndColumns is set, the columns are interpreted as series.
+         * @since 4.0
+         */
+        columns?: [string|number][];
+        /**
+         * The callback that is evaluated when the data is finished loading, optionally from an external source, and parsed.
+         * The first argument passed is a finished chart options object, containing the series. These options can be
+         * extended with additional options and passed directly to the chart constructor.
+         * @since 4.0
+         */
+        complete?: (options: Options) => void;
+        /**
+         * A comma delimited string to be parsed. Related options are startRow, endRow, startColumn and endColumn to delimit
+         * what part of the table is used. The lineDelimiter and itemDelimiter options define the CSV delimiter formats.
+         * @since 4.0
+         */
+        csv?: string;
+        /**
+         * Which of the predefined date formats in Date.prototype.dateFormats to use to parse date values. Defaults to a
+         * best guess based on what format gives valid and ordered dates.
+         *
+         * Valid options include:
+         * 'YYYY-mm-dd'
+         * 'dd/mm/YYYY'
+         * 'mm/dd/YYYY'
+         * 'dd/mm/YY'
+         * 'mm/dd/YY'
+         * @since 4.0
+         */
+        dateFormat?: string;
+        /**
+         * The decimal point used for parsing numbers in the CSV.
+         * @default '.'
+         */
+        decimalPoint?: string;
+        /**
+         * In tabular input data, the last column (indexed by 0) to use. Defaults to the last column containing data.
+         * @since 4.0
+         */
+        endColumn?: number;
+        /**
+         * In tabular input data, the last row (indexed by 0) to use. Defaults to the last row containing data.
+         * @since 4.0.4
+         */
+        endRow?: number;
+        /**
+         * Whether to use the first row in the data set as series names.
+         * @default true
+         * @since 4.1.0
+         */
+        firstRowAsNames?: boolean;
+        /**
+         * The key for a Google Spreadsheet to load. See {@link https://developers.google.com/gdata/samples/spreadsheet_sample|general information on GS}.
+         * @since 4.0
+         */
+        googleSpreadsheetKey?: string;
+        /**
+         * The Google Spreadsheet worksheet to use in combination with googleSpreadsheetKey. The available id's from your
+         * sheet can be read from https://spreadsheets.google.com/feeds/worksheets/{key}/public/basic
+         * @since 4.0
+         */
+        googleSpreadsheetWorksheet?: string;
+        /**
+         * Item or cell delimiter for parsing CSV. Defaults to the tab character \t if a tab character is found in the CSV
+         * string, if not it defaults to ,.
+         * @since 4.0
+         */
+        itemDelimiter?: string;
+        /**
+         * Line delimiter for parsing CSV.
+         * @default '\n'
+         * @since 4.0
+         */
+        lineDelimiter?: string;
+        /**
+         * A callback function to parse string representations of dates into JavaScript timestamps. Should return an integer
+         * timestamp on success.
+         * @since 4.0
+         */
+        parseDate?: (val: any) => number;
+        /**
+         * A callback function to access the parsed columns, the two-dimentional input data array directly, before they are
+         * interpreted into series data and categories. Return false to stop completion, or call this.complete() to continue
+         * async.
+         * @since 4.0
+         */
+        parsed?: (columns: [string|number][]) => boolean | void;
+        /**
+         * The same as the columns input option, but defining rows intead of columns.
+         * @since 4.0
+         */
+        rows?: [string|number][];
+        /**
+         * An array containing object with Point property names along with what column id the property should be taken from.
+         * @since 4.0.4
+         */
+        seriesMapping?: DataSeriesMapping[];
+        /**
+         * In tabular input data, the first column (indexed by 0) to use.
+         * @default 0
+         * @since 4.0
+         */
+        startColumn?: number;
+        /**
+         * In tabular input data, the first row (indexed by 0) to use.
+         * @default 0
+         * @since 4.0
+         */
+        startRow?: number;
+        /**
+         * Switch rows and columns of the input data, so that this.columns effectively becomes the rows of the data set, and
+         * the rows are interpreted as series.
+         * @default false
+         * @since 4.0
+         */
+        switchRowsAndColumns?: boolean;
+        /**
+         * A HTML table or the id of such to be parsed as input data. Related options are startRow, endRow, startColumn and
+         * endColumn to delimit what part of the table is used.
+         */
+        table?: string | HTMLElement;
+    }
+
     /**
-     * Options for drill down, the concept of inspecting increasingly high resolution data through clicking on chart
-     * items like columns or pie slices.
+     * Options for drill down, the concept of inspecting increasingly high resolution data through clicking on chart items
+     * like columns or pie slices.
      *
      * The drilldown feature requires the drilldown.js file to be loaded, found in the modules directory of the download
      * package, or online at code.highcharts.com/modules/drilldown.js.
      */
-    drilldown?: HighchartsDrilldownOptions;
-    /**
-     * Options for the exporting module.
-     */
-    exporting?: HighchartsExportingOptions;
-    /**
-     * HTML labels that can be positioned anywhere in the chart area.
-     */
-    labels?: HighchartsLabelsOptions;
-    lang?: HighchartsLangObject;
-    /**
-     * The legend is a box containing a symbol and name for each series item or point item in the chart.
-     */
-    legend?: HighchartsLegendOptions;
-    /**
-     * The loading options control the appearance of the loading screen that covers the plot area on chart operations.
-     * This screen only appears after an explicit call to chart.showLoading(). It is a utility for developers to
-     * communicate to the end user that something is going on, for example while retrieving new data via an XHR
-     * connection. The 'Loading...' text itself is not part of this configuration object, but part of the lang object.
-     */
-    loading?: HighchartsLoadingOptions;
-    /**
-     * A collection of options for buttons and menus appearing in the exporting module.
-     */
-    navigation?: HighchartsNavigationOptions;
-    /**
-     * Options for displaying a message like 'No data to display'. This feature requires the file no-data-to-display.js
-     * to be loaded in the page. The actual text to display is set in the lang.noData option.
-     */
-    noData?: HighchartsNoDataOptions;
-    /**
-     * Applies only to polar charts and angular gauges. This configuration object holds general options for the combined
-     * X and Y axes set. Each xAxis or yAxis can reference the pane by index.
-     */
-    pane?: HighchartsPaneOptions;
-    /**
-     * The plotOptions is a wrapper object for config objects for each series type. The config objects for each series
-     * can also be overridden for each series item as given in the series array.
-     *
-     * Configuration options for the series are given in three levels. Options for all series in a chart are given in
-     * the plotOptions.series object. Then options for all series of a specific type are given in the plotOptions of
-     * that type, for example plotOptions.line. Next, options for one single series are given in the series array.
-     */
-    plotOptions?: HighchartsPlotOptions;
-    /**
-     * The actual series to append to the chart. In addition to the members listed below, any member of the plotOptions
-     * for that specific type of plot can be added to a series individually. For example, even though a general
-     * lineWidth is specified in plotOptions.series, an individual lineWidth can be specified for each series.
-     */
-    series?: HighchartsIndividualSeriesOptions[];
-    /**
-     * The chart's subtitle
-     */
-    subtitle?: HighchartsSubtitleOptions;
-    /**
-     * The chart's main title.
-     */
-    title?: HighchartsTitleOptions;
-    /**
-     * Options for the tooltip that appears when the user hovers over a series or point.
-     */
-    tooltip?: HighchartsTooltipOptions;
-    /**
-     * The X axis or category axis. Normally this is the horizontal axis, though if the chart is inverted this is the
-     * vertical axis. In case of multiple axes, the xAxis node is an array of configuration objects.
-     */
-    xAxis?: HighchartsAxisOptions[] | HighchartsAxisOptions;
-    /**
-     * The Y axis or value axis. Normally this is the vertical axis, though if the chart is inverted this is the
-     * horizontal axis. In case of multiple axes, the yAxis node is an array of configuration objects.
-     */
-    yAxis?: HighchartsAxisOptions[] | HighchartsAxisOptions;
-}
+    interface DrilldownOptions {
+        /**
+         * Additional styles to apply to the X axis label for a point that has drilldown data. By default it is underlined
+         * and blue to invite to interaction.
+         * @default { cursor: 'pointer', color: '#0d233a', fontWeight: 'bold', textDecoration: 'underline' }
+         * @since 3.0.8
+         */
+        activeAxisLabelStyle?: Object;
+        /**
+         * Additional styles to apply to the data label of a point that has drilldown data. By default it is underlined and
+         * blue to invite to interaction.
+         * @default { cursor: 'pointer', color: '#0d233a', fontWeight: 'bold', textDecoration: 'underline' }
+         * @since 3.0.8
+         */
+        activeDataLabelStyle?: Object;
+        /**
+         * When this option is false, clicking a single point will drill down all points in the same category, equivalent to
+         * clicking the X axis label.
+         * @default true
+         * @since 4.1.7
+         */
+        allowPointDrilldown?: boolean;
+        /**
+         * Set the animation for all drilldown animations. Animation of a drilldown occurs when drilling between a column
+         * point and a column series, or a pie slice and a full pie series. Drilldown can still be used between series and
+         * points of different types, but animation will not occur.
+         *
+         * The animation can either be set as a boolean or a configuration object. If true, it will use the 'swing' jQuery
+         * easing and a duration of 500 ms.
+         * @since 3.0.8
+         */
+        animation?: boolean | Animation;
+        /**
+         * Options for the drill up button that appears when drilling down on a series. The text for the button is defined
+         * in lang.drillUpText.
+         */
+        drillUpButton?: {
+            /**
+             * Positioning options for the button within the relativeTo box. Available properties are x, y, align and
+             * verticalAlign.
+             * @since 3.0.8
+             */
+            position?: Position;
+            /**
+             * What box to align the button to. Can be either 'plotBox' or 'spacingBox'.
+             * @default 'plotBox'
+             * @since 3.0.8
+             */
+            relativeTo?: string;
+            /**
+             * A collection of attributes for the button. The object takes SVG attributes like fill, stroke, stroke-width or
+             * r, the border radius. The theme also supports style, a collection of CSS properties for the text. Equivalent
+             * attributes for the hover state are given in theme.states.hover.
+             * @since 3.0.8
+             */
+            theme?: ButtonStatesTheme;
+        }
+        /**
+         * An array of series configurations for the drill down. Each series configuration uses the same syntax as the
+         * series option set. These drilldown series are hidden by default. The drilldown series is linked to the parent
+         * series' point by its id.
+         * @since 3.0.8
+         */
+        series?: IndividualSeriesOptions[];
+    }
+
+    interface MenuItem {
+        /**
+         * String to show in the menu item.
+         */
+        text: string;
+        /**
+         * Callback function to run on click.
+         */
+        onclick: () => void;
+    }
+
+    interface Button {
+        /**
+         * Alignment for the buttons.
+         * @default 'right'
+         * @since 2.0
+         */
+        align?: string;
+        /**
+         * Whether to enable buttons.
+         * @default true
+         * @since 2.0
+         */
+        enabled?: boolean;
+        /**
+         * Pixel height of the buttons.
+         * @default 20
+         * @since 2.0
+         */
+        height?: number;
+        /**
+         * Fill color for the symbol within the button.
+         * @default '#E0E0E0'
+         * @since 2.0
+         */
+        symbolFill?: string;
+        /**
+         * The pixel size of the symbol on the button.
+         * @default 14
+         * @since 2.0
+         */
+        symbolSize?: number;
+        /**
+         * The color of the symbol's stroke or line.
+         * @default '#666'
+         * @since 2.0
+         */
+        symbolStroke?: string;
+        /**
+         * The pixel stroke width of the symbol on the button.
+         * @default 1
+         * @since 2.0
+         */
+        symbolStrokeWidth?: number;
+        /**
+         * The x position of the center of the symbol inside the button.
+         * @default 12.5
+         * @since 2.0
+         */
+        symbolX?: number;
+        /**
+         * The y position of the center of the symbol inside the button.
+         * @default 10.5
+         * @since 2.0
+         */
+        symbolY?: number;
+        /**
+         * A text string to add to the individual button.
+         * @default null
+         * @since 3.0
+         */
+        text?: string;
+        /**
+         * A configuration object for the button theme. The object accepts SVG properties like stroke-width, stroke and
+         * fill. Tri-state button styles are supported by the states.hover and states.select objects.
+         * @since 3.0
+         */
+        theme?: ButtonStatesTheme;
+        /**
+         * The vertical alignment of the buttons. Can be one of 'top', 'middle' or 'bottom'.
+         * @default 'top'
+         * @since 2.0
+         */
+        verticalAlign?: string;
+        /**
+         * The pixel width of the button.
+         * @default 24
+         * @since 2.0
+         */
+        width?: number;
+        /**
+         * The vertical offset of the button's position relative to its verticalAlign.
+         * @default 0
+         * @since 2.0
+         */
+        y?: number;
+    }
+
+    interface ExportingContextButton extends Button {
+        /**
+         * A collection of config options for the menu items. Each options object consists of a text option which is a
+         * string to show in the menu item, as well as an onclick parameter which is a callback function to run on click.
+         *
+         * By default, there is the 'Print' menu item plus one menu item for each of the available export types. Menu items
+         * can be customized by defining a new array of items and assigning null to unwanted positions.
+         * @since 2.0
+         */
+        menuItems?: MenuItem[];
+        /**
+         * A click handler callback to use on the button directly instead of the popup menu.
+         * @since 2.0
+         */
+        onclick?: () => void;
+        /**
+         * The symbol for the button. Points to a definition function in the Highcharts.Renderer.symbols collection. The
+         * default exportIcon function is part of the exporting module.
+         * @default 'menu'
+         */
+        symbol?: string;
+        /**
+         * The horizontal position of the button relative to the align option.
+         * @default -10
+         */
+        x?: number;
+    }
+
+    interface ExportingOptions {
+        /**
+         * Experimental setting to allow HTML inside the chart (added through the useHTML options), directly in the exported
+         * image. This allows you to preserve complicated HTML structures like tables or bi-directional text in exported
+         * charts.
+         *
+         * Disclaimer: The HTML is rendered in a foreignObject tag in the generated SVG. The official export server is based
+         * on PhantomJS, which supports this, but other SVG clients, like Batik, does not support it. This also applies to
+         * downloaded SVG that you want to open in a desktop client.
+         * @default false
+         * @since 4.1.8
+         */
+        allowHTML?: boolean;
+        /**
+         * Options for the export related buttons, print and export. In addition to the default buttons listed here, custom
+         * buttons can be added. See navigation.buttonOptions for general options.
+         */
+        buttons?: {
+            contextButton?: ExportingContextButton;
+        };
+        /**
+         * Additional chart options to be merged into an exported chart. For example, the exported chart can be given a
+         * specific width and height, or a printer-friendly color scheme.
+         * @default null
+         */
+        chartOptions?: Options;
+        /**
+         * Whether to enable the exporting module. Disabling the module will hide the context button, but API methods will
+         * still be available.
+         * @default true
+         * @since 2.0
+         */
+        enabled?: boolean;
+        /**
+         * Whether or not to fall back to the export server if the offline-exporting module is unable to export the chart on
+         * the client side.
+         * @default true
+         * @since 4.1.8
+         */
+        fallbackToExportServer?: boolean;
+        /**
+         * The filename, without extension, to use for the exported chart.
+         * @default 'chart'
+         * @since 2.0
+         */
+        filename?: string;
+        /**
+         * An object containing additional attributes for the POST form that sends the SVG to the export server. For
+         * example, a target can be set to make sure the generated image is received in another frame, or a custom enctype
+         * or encoding can be set.
+         * @since 3.0.8
+         */
+        formAttributes?: any;
+        /**
+         * Defines the scale or zoom factor for the exported image compared to the on-screen display. While for instance a
+         * 600px wide chart may look good on a website, it will look bad in print. The default scale of 2 makes this chart
+         * export to a 1200px PNG or JPG.
+         * @default 2
+         * @since 3.0
+         */
+        scale?: number;
+        /**
+         * The height of the original chart when exported, unless an explicit chart.height is set. The height exported
+         * raster image is then multiplied by scale.
+         * @since 3.0
+         */
+        sourceHeight?: number;
+        /**
+         * The width of the original chart when exported, unless an explicit chart.width is set. The width exported
+         * raster image is then multiplied by scale.
+         * @since 3.0
+         */
+        sourceWidth?: number;
+        /**
+         * Default MIME type for exporting if chart.exportChart() is called without specifying a type option. Possible
+         * values are image/png, image/jpeg, application/pdf and image/svg+xml.
+         * @default 'image/png'
+         * @since 2.0
+         */
+        type?: string;
+        /**
+         * The URL for the server module converting the SVG string to an image format. By default this points to Highslide
+         * Software's free web service.
+         * @default 'http://export.highcharts.com'
+         * @since 2.0
+         */
+        url?: string;
+        /**
+         * The pixel width of charts exported to PNG or JPG. As of Highcharts 3.0, the default pixel width is a function of
+         * the chart.width or exporting.sourceWidth and the exporting.scale.
+         * @since 2.0
+         */
+        width?: number;
+    }
 
-interface HighchartsGlobalOptions extends HighchartsOptions {
     /**
      * Global options that don't apply to each chart. These options, like the lang options, must be set using the
      * Highcharts.setOptions method.
      */
-    global?: HighchartsGlobalObject;
-    /**
-     * Language object. The language object is global and it can't be set on each chart initiation. Instead, use
-     * Highcharts.setOptions to set it before any chart is initiated.
-     */
-    lang?: HighchartsLangObject;
-}
+    interface GlobalObject {
+        /**
+         * A custom Date class for advanced date handling. For example, JDate can be hooked in to handle Jalali dates.
+         * @since 4.0.4
+         */
+        Date?: any;
+        /**
+         * Path to the pattern image required by VML browsers in order to draw radial gradients.
+         * @default 'http://code.highcharts.com/{version}/gfx/vml-radial-gradient.png'
+         * @since 2.3.0
+         */
+        VMLRadialGradientURL?: string;
+        /**
+         * The URL to the additional file to lazy load for Android 2.x devices. These devices don't support SVG, so we
+         * download a helper file that contains canvg, its dependency rbcolor, and our own CanVG Renderer class. To avoid
+         * hotlinking to our site, you can install canvas-tools.js on your own server and change this option accordingly.
+         * @default 'http://code.highcharts.com/{version}/modules/canvas-tools.js'
+         */
+        canvasToolsURL?: string;
+        /**
+         * A callback to return the time zone offset for a given datetime. It takes the timestamp in terms of milliseconds
+         * since January 1 1970, and returns the timezone offset in minutes. This provides a hook for drawing time based
+         * charts in specific time zones using their local DST crossover dates, with the help of external libraries.
+         * @since 4.1.0
+         */
+        getTimezoneOffset?: (timestamp: number) => number;
+        /**
+         * The timezone offset in minutes. Positive values are west, negative values are east of UTC, as in the ECMAScript
+         * getTimezoneOffset method. Use this to display UTC based data in a predefined time zone.
+         * @default 0
+         * @since 3.0.8
+         */
+        timezoneOffset?: number;
+        /**
+         * Whether to use UTC time for axis scaling, tickmark placement and time display in Highcharts.dateFormat.
+         * Advantages of using UTC is that the time displays equally regardless of the user agent's time zone settings.
+         * Local time can be used when the data is loaded in real time or when correct Daylight Saving Time transitions are
+         * required.
+         * @default true
+         */
+        useUTC?: boolean;
+    }
 
-interface HighchartsDateFormatSpecifiers
-{
-    [index: string]: (timestamp: number) => string;
-}
+    interface LabelItem {
+        html: string;
+        style: CSSObject;
+    }
 
-/**
- * A chart can have from 0 axes (pie chart) to multiples. In a normal, single series cartesian chart, there is one X
- * axis and one Y axis.
- *
- * The X axis or axes are referenced by chart.xAxis, which is an array of Axis objects. If there is only one axis, it
- * can be referenced through chart.xAxis[0], and multiple axes have increasing indices. The same pattern goes for Y
- * axes.
- *
- * If you need to get the axes from a series object, use the series.xAxis andseries.yAxis properties. These are not
- * arrays, as one series can only be associated to one X and one Y axis.
- *
- * A third way to reference the axis programmatically is by id. Add an id in the axis configuration options, and get the
- * axis by chart.get(id).
- *
- * Configuration options for the axes are given in options.xAxis and options.yAxis.
- */
-interface HighchartsAxisObject {
-    /**
-     * Add a plot band after render time.
-     * @param {HighchartsPlotBands} options A configuration object consisting of the same members as options.xAxis.plotBands
-     * @since 1.2.0
-     */
-    addPlotBand(options: HighchartsPlotBands): void;
-    /**
-     * Add a plot line after render time.
-     * @param {HighchartsPlotLines} options A configuration object consisting of the same members as options.xAxis.plotLines
-     * @since 1.2.0
-     */
-    addPlotLine(options: HighchartsPlotLines): void;
-    /**
-     * Get the current extremes for the axis.
-     * @since 1.2.0
-     */
-    getExtremes(): HighchartsExtremes;
-    /**
-     * Remove an axis from the chart.
-     * @param [boolean] redraw Defaults to true. Whether to redraw the chart following the remove.
-     * @since 3.0
-     */
-    remove(redraw?: boolean): void;
-    /**
-     * Remove a plot band by its id.
-     * @param {string} id The plot band's id as given in the original configuration object or in the addPlotBand method.
-     * @since 1.2.0
-     */
-    removePlotBand(id: string): void;
-    /**
-     * Remove a plot line by its id.
-     * @param {string} id The plot line's id as given in the original configuration object or in the addPlotLine method.
-     * @since 1.2.0
-     */
-    removePlotLine(id: string): void;
-    /**
-     * Set new categories for the axis. Redraws.
-     * @param {string[]} categories The new category names.
-     * @since 1.2.0
-     */
-    setCategories(categories: string[]): void;
-    /**
-     * Set new categories for the axis.
-     * @param {string[]} categories The new category names.
-     * @param {boolean}  redraw     Whether to redraw the axis or wait for an explicit call to chart.redraw().
-     * @since 1.2.0
-     */
-    setCategories(categories: string[], redraw: boolean): void;
-    /**
-     * Set the minimum and maximum of the axes after render time. If the startOnTick and endOnTick options are true, the
-     * minimum and maximum values are rounded off to the nearest tick. To prevent this, these options can be set to
-     * false before calling setExtremes. Also, setExtremes will not allow a range lower than the minRange option, which
-     * by default is the range of five points.
-     * @param {number} min The new minimum value
-     * @param {number} max The new maximum value
-     * @param {boolean} redraw Whether to redraw the chart or wait for an explicit call to chart.redraw().
-     * @param {boolean | HighchartsAnimation} animation When true, the resize will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
-     * @since 1.2.0
-     */
-    setExtremes(min?: number, max?: number, redraw?: boolean, animation?: boolean | HighchartsAnimation, eventArguments?: any): void;
-    /**
-     * Update the title of the axis after render time.
-     * @param {HighchartsAxisTitle} title  The new title options on the same format as given in xAxis.title.
-     * @param {boolean}             redraw Whether to redraw the chart now or hold until the next chart.redraw()
-     * @since 2.2
-     */
-    setTitle(title: HighchartsAxisTitle, redraw?: boolean): void;
-    /**
-     * Translates a value in terms of axis units in to pixels within the chart.
-     * @param  {number}  value           A value in terms of axis units.
-     * @param  {boolean} paneCoordinates Whether to return the pixel coordinate relative to the chart or just the axis/pane itself.
-     * @return {number}
-     * @since 3.0
-     */
-    toPixels(value: number, paneCoordinates?: boolean): number;
-    /**
-     * Translate a pixel position along the axis to a value in terms of axis units.
-     * @param  {number}  pixel           A pixel position along the axis.
-     * @param  {boolean} paneCoordinates Whether the input pixel position is relative to the chart or just the axis/pane itself.
-     * @return {number}
-     * @since 3.0
-     */
-    toValue(pixel: number, paneCoordinates?: boolean): number;
-    /**
-     * Update an axis object with a new set of options. The options are merged with the existing options, so only new or
-     * altered options need to be specified.
-     * @param {HighchartsAxisOptions} options The new options that will be merged in with existing options on the axis.
-     * @param {boolean}               redraw  Defaults to true. Whether to redraw the chart after the new options are set.
-     * @since 3.0
-     */
-    update(options: HighchartsAxisOptions, redraw?: boolean): void;
-}
+    interface LabelsOptions {
+        items?: LabelItem[];
+        style?: CSSObject;
+    }
 
-/**
- * The chart object is the JavaScript object representing a single chart in the web page.The pointer to your chart
- * object is returned when a chart is created using the Highcharts.Chart() constructor:
- * var chart1 = new Highcharts.Chart(options);
- */
-interface HighchartsChartObject {
-    /**
-     * Add an axis to the chart after render time. Note that this method should never be used when adding data
-     * synchronously at chart render time, as it adds expense to the calculations and rendering. When adding data at the
-     * same time as the chart is initiated, add the axis as a configuration option instead.
-     * @param  {HighchartsAxisOptions} options The Axis options, as documented under xAxis and yAxis.
-     * @param  [boolean] isX Whether it is an X axis or Y axis
-     * @param  [boolean] redraw Defaults to true. Whether to redraw the chart after the series is added. See the redraw() method.
-     * @param  [boolean | HighchartsAnimation] animation Defaults to true. When true, the series' updating will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
-     * @return {HighchartsAxisObject}
-     * @since 3.0
-     */
-    addAxis(options: HighchartsAxisOptions, isX?: boolean, redraw?: boolean, animation?: boolean | HighchartsAnimation): HighchartsAxisObject;
-    /**
-     * Add a series to the chart after render time. Note that this method should never be used when adding data
-     * synchronously at chart render time, as it adds expense to the calculations and rendering. When adding data at the
-     * same time as the chart is initiated, add the series as a configuration option instead.
-     * @param {T} options The series options, as documented under plotOptions.series and under the plotOptions for each series type.
-     * @param [boolean] redraw
-     * @since 1.2.0
-     */
-    addSeries<T extends HighchartsIndividualSeriesOptions>(options: T, redraw?: boolean, animation?: boolean | HighchartsAnimation): T;
-    /**
-     * Add a series to the chart as drilldown from a specific point in the parent series. This method is used for async
-     * drilldown, when clicking a point in a series should result in loading and displaying a more high-resolution
-     * series. When not async, the setup is simpler using the drilldown.series options structure.
-     * @param {HighchartsPointObject} point The existing Point object from which the drilldown will start.
-     * @param {HighchartsIndividualSeriesOptions} seriesOptions The series options, as documented under plotOptions.series and under the plotOptions for each series type.
-     * @since 3.0.8
-     */
-    addSeriesAsDrilldown(point: HighchartsPointObject, seriesOptions: HighchartsIndividualSeriesOptions): void;
-    /**
-     * A reference to the containing HTML element, dynamically inserted into the element given in chart.renderTo.
-     * @since 1.2.5
-     */
-    container: HTMLElement;
-    /**
-     * Removes the chart and purges memory. This method should be called before writing a new chart into the same
-     * container. It is called internally on window unload to prevent leaks.
-     * @since 1.2.2
-     */
-    destroy(): void;
-    /**
-     * When the chart is drilled down to a child series, calling chart.drillUp() will drill up to the parent series.
-     * @since 3.0.8
-     */
-    drillUp(): void;
-    /**
-     * Exporting module required. Submit an SVG version of the chart to a server along with some parameters for
-     * conversion.
-     * @since 2.0
-     */
-    exportChart(): void;
-    /**
-     * Exporting module required. Submit an SVG version of the chart to a server along with some parameters for
-     * conversion.
-     * @param {HighchartsExportingOptions} options Exporting options. Out of the exporting options, the following options can be given as parameters to the exportChart method. All options default to the values given in the exporting config options. filename: the filename for the export without extension, url: the URL for the server module to do the conversion, width: the width of the PNG or JPEG image generated on the server, type: the MIME type of the converted image, sourceWidth: the width of the source (in-page) chart, sourceHeight: the height of the source chart.
-     * @since 2.0
-     */
-    exportChart(options: HighchartsExportingOptions): void;
-    /**
-     * Exporting module required. Submit an SVG version of the chart to a server along with some parameters for
-     * conversion.
-     * @param {HighchartsExportingOptions} options Exporting options. Out of the exporting options, the following options can be given as parameters to the exportChart method. All options default to the values given in the exporting config options. filename: the filename for the export without extension, url: the URL for the server module to do the conversion, width: the width of the PNG or JPEG image generated on the server, type: the MIME type of the converted image, sourceWidth: the width of the source (in-page) chart, sourceHeight: the height of the source chart.
-     * @param {HighchartsOptions} chartOptions Additional chart options for the exported chart. For example a different background color can be added here.
-     * @since 2.0
-     */
-    exportChart(options: HighchartsExportingOptions, chartOptions: HighchartsOptions): void;
-    /**
-     * Export the chart to a PNG or SVG without sending it to a server. Requires
-     * modules/exporting.js and modules/offline-exporting.js.
-     * @since 2.0
-     */
-    exportChartLocal(): void;
-    /**
-     * Export the chart to a PNG or SVG without sending it to a server. Requires
-     * modules/exporting.js and modules/offline-exporting.js.
-     * @param {HighchartsExportingOptions} options Exporting options. Same as
-     * the exportChart params.
-     * @since 2.0
-     */
-    exportChartLocal(options: HighchartsExportingOptions): void;
-    /**
-     * Export the chart to a PNG or SVG without sending it to a server.
-     * Requires modules/exporting.js and modules/offline-exporting.js.
-     * @param {HighchartsExportingOptions} options Exporting options. Same as
-     * the exportChart params.
-     * @param {HighchartsOptions} chartOptions Additional chart options for the
-     * exported chart. Same as the exportChart params.
-     * @since 2.0
-     */
-    exportChartLocal(options: HighchartsExportingOptions, chartOptions: HighchartsOptions): void;
-    /**
-     * Get an axis, series or point by its id as given in the configuration options.
-     * @param  {string} id The id of the axis, series or point to get.
-     * @return {HighchartsAxisObject|HighchartsSeriesObject|HighchartsPointObject}
-     * @since 1.2.0
-     */
-    get(id: string): HighchartsAxisObject | HighchartsSeriesObject | HighchartsPointObject;
-    /**
-     * Exporting module required. Get an SVG string representing the chart.
-     * @param  {HighchartsOptions} additionalOptions Chart options to add to the exported chart in addition to the options given for the original chart. For example if series.lineWidth should be greater in the exported chart than in the original, or the chart should have a different background color, this is added here.
-     * @return {string}
-     * @since 2.0
-     */
-    getSVG(additionalOptions?: HighchartsOptions): string;
-    /**
-     * Returns an array of all currently selected points in the chart. Points can be selected either programmatically by
-     * the point.select() method or by clicking.
-     * @return {HighchartsPointObject[]} An array of the selected points.
-     * @since 1.2.0
-     */
-    getSelectedPoints(): HighchartsPointObject[];
-    /**
-     * Returns an array of all currently selected series in the chart. Series can be selected either programmatically by
-     * the series.select() method or by checking the checkbox next to the legend item if series.showCheckBox is true.
-     * @return {HighchartsSeriesObject[]} An array of the selected Series items.
-     * @since 1.2.0
-     */
-    getSelectedSeries(): HighchartsSeriesObject[];
-    /**
-     * Hide the loading screen. Options for the loading screen are defined at options.loading.
-     * @since 1.2.0
-     */
-    hideLoading(): void;
-    /**
-     * The options structure for the chart.
-     * @since 1.2.0
-     */
-    options: HighchartsOptions;
-    /**
-     * Exporting module required. Clears away other elements in the page and prints the chart as it is displayed. By
-     * default, when the exporting module is enabled, a button at the upper left calls this method.
-     * @since 2.0
-     */
-    print(): void;
-    /**
-     * Redraw the chart after changes have been done to the data or axis extremes. All methods for updating axes, series
-     * or points have a parameter for redrawing the chart. This is true by default. But in many cases you want to do
-     * more than one operation on the chart before redrawing, for example add a number of points. In those cases it is a
-     * waste of resources to redraw the chart for each new point added. So you add the points and call chart.redraw()
-     * after.
-     * @param [boolean | HighchartsAnimation] animation Defaults to true. When true, the update will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
-     * @since 1.2.0
-     */
-    redraw(animation?: boolean | HighchartsAnimation): void;
-    /**
-     * Reflows the chart to its container. By default, the chart reflows automatically to its container following a
-     * window.resize event, as per the chart.reflow option. However, there are no reliable events for div resize, so if
-     * the container is resized without a window resize event, this must be called explicitly.
-     */
-    reflow(): void;
-    /**
-     * An array of all the chart's series.
-     * @type {HighchartsSeriesObject[]}
-     * @since 1.2.0
-     */
-    series: HighchartsSeriesObject[];
-    /**
-     * Resize the chart to a given width and height.
-     * @param {number} width The new pixel width of the chart.
-     * @param {number} height The new pixel height of the chart.
-     * @param {boolean | HighchartsAnimation} animation Defaults to true. When true, the resize will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
-     */
-    setSize(width: number, height: number, animation?: boolean | HighchartsAnimation): void;
-    /**
-     * Set a new title or subtitle for the chart
-     * @param {HighchartsTitleOptions} title A configuration object for the new title as defined at #title.
-     * @param [HighchartsSubtitleOptions] subtitle A configuration object for the new subtitle as defined at #subtitle.
-     * @param [boolean] redraw Whether to redraw the chart. Defaults to true.
-     * @since 2.1.0
-     */
-    setTitle(title: HighchartsTitleOptions, subtitle?: HighchartsSubtitleOptions, redraw?: boolean): void;
-    /**
-     * Dim the chart's plot area and show a loading label text. Options for the loading screen are defined at
-     * options.loading. A custom text can be given as a parameter for loading.
-     * @since 2.0.5
-     */
-    showLoading(str?: string): void;
-    /**
-     * This method is deprecated as of 2.0.1. Updating the chart position after a move operation is no longer necessary.
-     * @since 1.2.5
-     * @deprecated
-     */
-    updatePosition(): void;
-    /**
-     * An array of the chart's x axes. If only one x axis, it is referenced by chart.xAxis[0].
-     * @since 1.2.0
-     */
-    xAxis: HighchartsAxisObject[];
-    /**
-     * An array of the chart's y axes. If only one y axis, it is referenced by chart.yAxis[0].
-     * @since 1.2.0
-     */
-    yAxis: HighchartsAxisObject[];
+    interface LangObject {
+        /**
+         * Exporting module menu. The tooltip title for the context menu holding print and export menu items.
+         * @default 'Chart context menu'
+         * @since 3.0
+         */
+        contextButtonTitle?: string;
+        /**
+         * The default decimal point used in the Highcharts.numberFormat method unless otherwise specified in the function
+         * arguments.
+         * @default '.'
+         * @since 1.2.2
+         */
+        decimalPoint?: string;
+        /**
+         * Exporting module only. The text for the JPEG download menu item.
+         * @default 'Download JPEG image'
+         * @since 2.0
+         */
+        downloadJPEG?: string;
+        /**
+         * Exporting module only. The text for the PDF download menu item.
+         * @default 'Download PDF document'
+         * @since 2.0
+         */
+        downloadPDF?: string;
+        /**
+         * Exporting module only. The text for the PNG download menu item.
+         * @default 'Download PNG image'
+         * @since 2.0
+         */
+        downloadPNG?: string;
+        /**
+         * Exporting module only. The text for the SVG download menu item.
+         * @default 'Download SVG vector image'
+         * @since 2.0
+         */
+        downloadSVG?: string;
+        /**
+         * The text for the button that appears when drilling down, linking back to the parent series. The parent series'
+         * name is inserted for {series.name}
+         * @default 'Back to {series.name}'
+         * @since 3.0.8
+         */
+        drillUpText?: string;
+        /**
+         * What to show in a date field for invalid dates.
+         * @default ''
+         * @since 4.1.8
+         */
+        invalidDate?: string;
+        /**
+         * The loading text that appears when the chart is set into the loading state following a call to chart.showLoading.
+         * @default 'Loading...'
+         */
+        loading?: string;
+        /**
+         * An array containing the months names. Corresponds to the %B format in Highcharts.dateFormat().
+         * @default ['January' , 'February' , 'March' , 'April' , 'May' , 'June' , 'July' , 'August' , 'September' , 'October' , 'November' , 'December']
+         */
+        months?: string[];
+        /**
+         * The text to display when the chart contains no data. Requires the no-data module, see noData.
+         * @default 'No data to display'
+         * @since 3.0.8
+         */
+        noData?: string;
+        /**
+         * Metric prefixes used to shorten high numbers in axis labels. Replacing any of the positions with null causes the
+         * full number to be written. Setting numericSymbols to null disables shortening altogether.
+         * @default ['k', 'M', 'G', 'T', 'P', 'E']
+         * @since 2.3.0
+         */
+        numericSymbols?: string[];
+        /**
+         * Exporting module only. The text for the menu item to print the chart.
+         * @default 'Print chart'
+         * @since 3.0.1
+         */
+        printChart?: string;
+        /**
+         * The text for the label appearing when a chart is zoomed.
+         * @default 'Reset zoom'
+         * @since 1.2.4
+         */
+        resetZoom?: string;
+        /**
+         * The tooltip title for the label appearing when a chart is zoomed.
+         * @default 'Reset zoom level 1:1'
+         * @since 1.2.4
+         */
+        resetZoomTitle?: string;
+        /**
+         * An array containing the months names in abbreviated form. Corresponds to the %b format in
+         * Highcharts.dateFormat().
+         * @default ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+         */
+        shortMonths?: string[];
+        /**
+         * The default thousands separator used in the Highcharts.numberFormat method unless otherwise specified in the
+         * function arguments. Since Highcharts 4.1 it defaults to a single space character, which is compatible with ISO
+         * and works across Anglo-American and continental European languages.
+         * @default ' '
+         * @since 1.2.2
+         */
+        thousandsSep?: string;
+        /**
+         * An array containing the weekday names.
+         * @default ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
+         */
+        weekdays?: string[];
+    }
 
-    renderer: HighchartsRendererObject;
-}
+    interface LegendNavigationOptions {
+        /**
+         * The color for the active up or down arrow in the legend page navigation.
+         * @default '#3E576F'
+         * @since 2.2.4
+         */
+        activeColor?: string;
+        /**
+         * How to animate the pages when navigating up or down. A value of true applies the default navigation given in the
+         * chart.animation option. Additional options can be given as an object containing values for easing and duration.
+         * @default true
+         * @since 2.2.4
+         */
+        animation?: boolean | Animation;
+        /**
+         * The pixel size of the up and down arrows in the legend paging navigation.
+         * @default 12
+         * @since 2.2.4
+         */
+        arrowSize?: number;
+        /**
+         * The color of the inactive up or down arrow in the legend page navigation.
+         * @default '#CCC'
+         */
+        inactiveColor?: string;
+        /**
+         * Text styles for the legend page navigation.
+         * @since 2.2.4
+         */
+        style?: CSSObject;
+    }
 
-interface HighchartsChart {
-    /**
-     * This is the constructor for creating a new chart object.
-     * @param  {HighchartsOptions} options The chart options
-     * @return {HighchartsChartObject}
-     */
-    new (options: HighchartsOptions): HighchartsChartObject;
-    /**
-     * This is the constructor for creating a new chart object.
-     * @param {HighchartsOptions} options The chart options
-     * @param callback A function to execute when the chart object is finished loading and rendering. In most cases the chart is built in one thread, but in Internet Explorer version 8 or less the chart is sometimes initiated before the document is ready, and in these cases the chart object will not be finished directly after callingnew Highcharts.Chart(). As a consequence, code that relies on the newly built Chart object should always run in the callback. Defining a chart.event.load handler is equivalent.
-     * @return {HighchartsChartObject}
-     */
-    new (options: HighchartsOptions, callback: (chart: HighchartsChartObject) => void): HighchartsChartObject;
-    /**
-     * This is the constructor for creating a new chart object.
-     * @param {string|HTMLElement} renderTo The id or a reference to a DOM element where the chart should be rendered (since v4.2.0).
-     * @param {HighchartsOptions} options The chart options
-     * @return {HighchartsChartObject}
-     */
-    new (renderTo: string | HTMLElement, options: HighchartsOptions): HighchartsChartObject;
-    /**
-     * This is the constructor for creating a new chart object.
-     * @param {string|HTMLElement} renderTo The id or a reference to a DOM element where the chart should be rendered (since v4.2.0).
-     * @param {HighchartsOptions} options The chart options
-     * @param callback A function to execute when the chart object is finished loading and rendering. In most cases the chart is built in one thread, but in Internet Explorer version 8 or less the chart is sometimes initiated before the document is ready, and in these cases the chart object will not be finished directly after callingnew Highcharts.Chart(). As a consequence, code that relies on the newly built Chart object should always run in the callback. Defining a chart.event.load handler is equivalent.
-     * @return {HighchartsChartObject}
-     */
-    new (renderTo: string | HTMLElement, options: HighchartsOptions, callback: (chart: HighchartsChartObject) => void): HighchartsChartObject;
-}
+    interface LegendTitleOptions {
+        /**
+         * Generic CSS styles for the legend title.
+         * @default {'fontWeight':'bold'}
+         * @since 3.0
+         */
+        style?: CSSObject;
+        /**
+         * A text or HTML string for the title.
+         * @default null
+         * @since 3.0
+         */
+        text?: string;
+    }
+
+    interface LegendOptions {
+        /**
+         * The horizontal alignment of the legend box within the chart area. Valid values are 'left', 'center' and 'right'.
+         * In the case that the legend is aligned in a corner position, the layout option will determine whether to place it
+         * above/below or on the side of the plot area.
+         * @default 'center'
+         * @since 2.0
+         */
+        align?: string;
+        /**
+         * The background color of the legend.
+         */
+        backgroundColor?: string | Gradient;
+        /**
+         * The color of the drawn border around the legend.
+         * @default '#909090'
+         */
+        borderColor?: string | Gradient;
+        /**
+         * The border corner radius of the legend.
+         * @default 0
+         */
+        borderRadius?: number;
+        /**
+         * The width of the drawn border around the legend.
+         * @default 0
+         */
+        borderWidth?: number;
+        /**
+         * Enable or disable the legend.
+         * @default true
+         */
+        enabled?: boolean;
+        /**
+         * When the legend is floating, the plot area ignores it and is allowed to be placed below it.
+         * @default false
+         * @since 2.1
+         */
+        floating?: boolean;
+        /**
+         * In a legend with horizontal layout, the itemDistance defines the pixel distance between each item.
+         * @default 20
+         * @since 3.0.3
+         */
+        itemDistance?: number;
+        /**
+         * CSS styles for each legend item when the corresponding series or point is hidden. Only a subset of CSS is
+         * supported, notably those options related to text. Properties are inherited from style unless overridden here.
+         * @default {color: '#CCC'}
+         */
+        itemHiddenStyle?: CSSObject;
+        /**
+         * CSS styles for each legend item in hover mode. Only a subset of CSS is supported, notably those options related
+         * to text. Properties are inherited from style unless overridden here.
+         * @default {color: '#000'}
+         */
+        itemHoverStyle?: CSSObject;
+        /**
+         * The pixel bottom margin for each legend item.
+         * @default 0
+         * @since 2.2.0
+         */
+        itemMarginBottom?: number;
+        /**
+         * The pixel top margin for each legend item.
+         * @default 0
+         * @since 2.2.0
+         */
+        itemMarginTop?: number;
+        /**
+         * CSS styles for each legend item. Only a subset of CSS is supported, notably those options related to text.
+         * @default { 'color': '#333333', 'cursor': 'pointer', 'fontSize': '12px', 'fontWeight': 'bold' }
+         */
+        itemStyle?: CSSObject;
+        /**
+         * The width for each legend item. This is useful in a horizontal layout with many items when you want the items to
+         * align vertically.
+         * @since 2.0
+         */
+        itemWidth?: number;
+        /**
+         * A format string for each legend label. Available variables relates to properties on the series, or the point in
+         * case of pies.
+         * @default '{name}'
+         * @since 1.3
+         */
+        labelFormat?: string;
+        /**
+         * Callback function to format each of the series' labels. The this keyword refers to the series object, or the
+         * point object in case of pie charts. By default the series or point name is printed.
+         */
+        labelFormatter?: () => string;
+        /**
+         * The layout of the legend items. Can be one of 'horizontal' or 'vertical'.
+         * @default 'horizontal'
+         */
+        layout?: string;
+        /**
+         * Line height for the legend items. Deprecated as of 2.1. Instead, the line height for each item can be set using
+         * itemStyle.lineHeight, and the padding between items using itemMarginTop and itemMarginBottom.
+         * @default 16
+         * @since 2.0
+         * @deprecated
+         */
+        lineHeight?: number;
+        /**
+         * If the plot area sized is calculated automatically and the legend is not floating, the legend margin is the space
+         * between the legend and the axis labels or plot area.
+         * @default 12
+         * @since 2.1
+         */
+        margin?: number;
+        /**
+         * Maximum pixel height for the legend. When the maximum height is extended, navigation will show.
+         * @since 2.3.0
+         */
+        maxHeight?: number;
+        /**
+         * Options for the paging or navigation appearing when the legend is overflown.
+         */
+        navigation?: LegendNavigationOptions;
+        /**
+         * The inner padding of the legend box.
+         * @default 8
+         * @since 2.2.0
+         */
+        padding?: number;
+        /**
+         * Whether to reverse the order of the legend items compared to the order of the series or points as defined in the
+         * configuration object.
+         * @default false
+         * @since 1.2.5
+         */
+        reversed?: boolean;
+        /**
+         * Whether to show the symbol on the right side of the text rather than the left side. This is common in Arabic and
+         * Hebraic.
+         * @default false
+         * @since 2.2
+         */
+        rtl?: boolean;
+        /**
+         * Whether to apply a drop shadow to the legend. A backgroundColor also needs to be applied for this to take effect.
+         * Since 2.3 the shadow can be an object configuration containing color, offsetX, offsetY, opacity and width.
+         * @default false
+         */
+        shadow?: boolean | Shadow;
+        /**
+         * CSS styles for the legend area. In the 1.x versions the position of the legend area was determined by CSS. In
+         * 2.x, the position is determined by properties like align, verticalAlign, x and y, but the styles are still parsed
+         * for backwards compatibility.
+         * @deprecated
+         */
+        style?: CSSObject;
+        /**
+         * The pixel height of the symbol for series types that use a rectangle in the legend. Defaults to the font size of
+         * legend items.
+         * @since 3.0.8
+         */
+        symbolHeight?: number;
+        /**
+         * The pixel padding between the legend item symbol and the legend item text.
+         * @default 5
+         */
+        symbolPadding?: number;
+        /**
+         * The border radius of the symbol for series types that use a rectangle in the legend.
+         * @default 0
+         * @since 3.0.8
+         */
+        symbolRadius?: number;
+        /**
+         * The pixel width of the legend item symbol.
+         * @default 16
+         */
+        symbolWidth?: number;
+        /**
+         * A title to be added on top of the legend.
+         * @since 3.0
+         */
+        title?: LegendTitleOptions;
+        /**
+         * Whether to use HTML to render the legend item texts. Prior to 4.1.7, when using HTML, legend.navigation was
+         * disabled.
+         * @default false
+         */
+        useHTML?: boolean;
+        /**
+         * The vertical alignment of the legend box. Can be one of 'top', 'middle' or 'bottom'. Vertical position can be
+         * further determined by the y option.
+         *
+         * In the case that the legend is aligned in a corner position, the layout option will determine whether to place it
+         * above/below or on the side of the plot area.
+         *
+         * @default 'bottom'
+         * @since 2.0
+         */
+        verticalAlign?: string;
+        /**
+         * The width of the legend box.
+         * @since 2.0
+         */
+        width?: number;
+        /**
+         * The x offset of the legend relative to its horizontal alignment align within chart.spacingLeft and
+         * chart.spacingRight. Negative x moves it to the left, positive x moves it to the right.
+         * @default 0
+         * @since 2.0
+         */
+        x?: number;
+        /**
+         * The vertical offset of the legend relative to it's vertical alignment verticalAlign within chart.spacingTop and
+         * chart.spacingBottom. Negative y moves it up, positive y moves it down.
+         * @default 0
+         * @since 2.0
+         */
+        y?: number;
+    }
 
-/**
- * The Element class is a JavaScript wrapper for SVG elements used in the rendering layer of Highchart. Combined with
- * the Renderer object, these elements allows freeform annotation in the charts or even in your HTML pages without
- * creating a chart at all.
- */
-interface HighchartsElementObject {
     /**
-     * Add the element to the renderer canvas.
-     * @param  {HighchartsElementObject} parent The element can be added to a g (group) element.
-     * @return {HighchartsElementObject}
-     * @since 2.0
+     * The loading options control the appearance of the loading screen that covers the plot area on chart operations. This
+     * screen only appears after an explicit call to chart.showLoading(). It is a utility for developers to communicate to
+     * the end user that something is going on, for example while retrieving new data via an XHR connection. The
+     * 'Loading...' text itself is not part of this configuration object, but part of the lang object.
      */
-    add(parent?: HighchartsElementObject): HighchartsElementObject;
+    interface LoadingOptions {
+        /**
+         * The duration in milliseconds of the fade out effect.
+         * @default 100
+         * @since 1.2.0
+         */
+        hideDuration?: number;
+        /**
+         * CSS styles for the loading label span.
+         * @default { 'fontWeight': 'bold', 'position': 'relative', 'top': '45%' }
+         */
+        labelStyle?: CSSObject;
+        /**
+         * The duration in milliseconds of the fade in effect.
+         * @default 100
+         * @since 1.2.0
+         */
+        showDuration?: number;
+        /**
+         * CSS styles for the loading screen that covers the plot area.
+         * @default { position: 'absolute', backgroundColor: 'white', opacity: 0.5, textAlign: 'center' }
+         */
+        style?: Object;
+    }
+
     /**
-     * Apply numeric attributes to the SVG/VML element by animation. See Element.attr() for more information on setting
-     * attributes.
-     * @param  {any} attributes A set of attributes to apply.
-     * @param  {any} animation Optional animation parameters that are passed over to jQuery or other framework. Valid properties depend on the library, but options like duration, easing and complete are supported by jQuery.
-     * @return {HighchartsElementObject}
-     * @since 2.0
+     * A collection of options for buttons and menus appearing in the exporting module.
      */
-    animate(attributes: any, animation?: any): HighchartsElementObject;
+    interface NavigationOptions {
+        /**
+         * A collection of options for buttons appearing in the exporting module.
+         */
+        buttonOptions?: Button;
+        /**
+         * CSS styles for the hover state of the individual items within the popup menu appearing by default when the export
+         * icon is clicked. The menu items are rendered in HTML.
+         * @default {background: '#4572A5', color: '#FFFFFF'}
+         * @since 2.0
+         */
+        menuItemHoverStyle?: Object;
+        /**
+         * CSS styles for the individual items within the popup menu appearing by default when the export icon is clicked.
+         * The menu items are rendered in HTML.
+         * @default { padding: '0 5px', background: NONE, color: '#303030'}
+         * @since 2.0
+         */
+        menuItemStyle?: Object;
+        /**
+         * CSS styles for the popup menu appearing by default when the export icon is clicked. This menu is rendered in
+         * HTML.
+         * @default { border: '1px solid #A0A0A0', background: '#FFFFFF' }
+         * @since 2.0
+         */
+        menuStyle?: Object;
+    }
+
     /**
-     * Apply attributes to the SVG/VML elements. These attributes for the most parts correspond to SVG, but some are
-     * specific to Highcharts, like zIndex and rotation.
+     * Options for displaying a message like 'No data to display'. This feature requires the file no-data-to-display.js to
+     * be loaded in the page. The actual text to display is set in the lang.noData option.
+     */
+    interface NoDataOptions {
+        /**
+         * An object of additional SVG attributes for the no-data label.
+         * @since 3.0.8
+         */
+        attr?: {};
+        /**
+         * The position of the no-data label, relative to the plot area.
+         * @default { 'x': 0, 'y': 0, 'align': 'center', 'verticalAlign': 'middle' }
+         * @since 3.0.8
+         */
+        position?: Position;
+        /**
+         * CSS styles for the no-data label.
+         * @default { 'fontSize': '12px', 'fontWeight': 'bold', 'color': '#60606a' }
+         */
+        style?: CSSObject;
+    }
+
+    interface PaneBackground {
+        /**
+         * @default {linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, stops: [[0, '#FFF'],[1, '#DDD']]}
+         */
+        backgroundColor: string | Gradient;
+        /**
+         * @default 'silver'
+         */
+        borderColor?: string | Gradient;
+        /**
+         * @default 1
+         */
+        borderWidth?: number;
+        /**
+         * @default 0
+         */
+        innerRadius?: number | string;
+        /**
+         * @default '105%'
+         */
+        outerRadius?: number | string;
+        /**
+         * @default 'circle'
+         */
+        shape?: string;
+    }
+
+    /**
+     * Applies only to polar charts and angular gauges. This configuration object holds general options for the combined X
+     * and Y axes set. Each xAxis or yAxis can reference the pane by index.
+     */
+    interface PaneOptions {
+        /**
+         * An object, or array of objects, for backgrounds. Sub options include backgroundColor (can be solid or gradient),
+         * shape ('solid', 'arc' or 'circle'), innerWidth, outerWidth, borderWidth, borderColor.
+         * @since 2.3.0
+         */
+        background?: PaneBackground | PaneBackground[];
+        /**
+         * The center of a polar chart or angular gauge, given as an array of [x, y] positions. Positions can be given as
+         * integers that transform to pixels, or as percentages of the plot area size.
+         * @default ['50%', '50%']
+         * @since 2.3.0
+         */
+        center?: [number|string, number|string];
+        /**
+         * The end angle of the polar X axis or gauge value axis, given in degrees where 0 is north.
+         * @default startAngle + 360
+         * @since 2.3.0
+         */
+        endAngle?: number;
+        /**
+         * The size of the pane, either as a number defining pixels, or a percentage defining a percentage of the plot are.
+         * @default '85%'
+         */
+        size?: number | string;
+        /**
+         * The size of the pane, either as a number defining pixels, or a percentage defining a percentage of the plot are
+         * @since 2.3.0
+         */
+        startAngle?: number;
+    }
+
+    interface DataLabels {
+        /**
+         * The alignment of the data label compared to the point. If right, the right side of the label should be touching
+         * the point. For points with an extent, like columns, the alignments also dictates how to align it inside the box,
+         * as given with the inside option. Can be one of 'left', 'center' or 'right'.
+         * @default 'center'
+         */
+        align?: string;
+        /**
+         * Whether to allow data labels to overlap. To make the labels less sensitive for overlapping, the
+         * dataLabels.padding can be set to 0.
+         * @default false
+         * @since 4.1.0
+         */
+        allowOverlap?: boolean;
+        /**
+         * The background color or gradient for the data label.
+         * @since 2.2.1
+         */
+        backgroundColor?: string | Gradient;
+        /**
+         * The border color for the data label.
+         * @since 2.2.1
+         */
+        borderColor?: string | Gradient;
+        /**
+         * The border radius in pixels for the data label.
+         * @default 0
+         * @since 2.2.1
+         */
+        borderRadius?: number;
+        /**
+         * The border width in pixels for the data label.
+         * @default 0
+         * @since 2.2.1
+         */
+        borderWidth?: number;
+        /**
+         * The text color for the data labels.
+         * @default null
+         */
+        color?: string | Gradient;
+        /**
+         * Whether to hide data labels that are outside the plot area. By default, the data label is moved inside the plot
+         * area according to the overflow option.
+         * @default 2.3.3
+         */
+        crop?: boolean;
+        /**
+         * Whether to defer displaying the data labels until the initial series animation has finished.
+         * @default true
+         * @since 4.0
+         */
+        defer?: boolean;
+        /**
+         * Enable or disable the data labels.
+         * @default false
+         */
+        enabled?: boolean;
+        /**
+         * A format string for the data label. Available variables are the same as for formatter.
+         * @default {y}
+         * @since 3.0
+         */
+        format?: string;
+        /**
+         * Callback JavaScript function to format the data label. Note that if a format is defined, the format takes
+         * precedence and the formatter is ignored.
+         * Available data are:
+         * - this.percentage Stacked series and pies only. The point's percentage of the total.
+         * - this.point      The point object. The point name, if defined, is available through this.point.name.
+         * - this.series     The series object. The series name is available through this.series.name.
+         * - this.total      Stacked series only. The total value at this point's x value.
+         * - this.x:         The x value.
+         * - this.y:         The y value.
+         */
+        formatter?: () => string;
+        /**
+         * For points with an extent, like columns, whether to align the data label inside the box or to the actual value
+         * point. Defaults to false in most cases, true in stacked columns.
+         * @since 3.0
+         */
+        inside?: boolean;
+        /**
+         * How to handle data labels that flow outside the plot area. The default is 'justify', which aligns them inside the
+         * plot area. For columns and bars, this means it will be moved inside the bar. To display data labels outside the
+         * plot area, set crop to false and overflow to 'none'.
+         * @default 'justify'
+         * @since 3.0.6
+         */
+        overflow?: string;
+        /**
+         * When either the borderWidth or the backgroundColor is set, this  is the padding within the box.
+         * @default 5
+         * @since 2.2.1
+         */
+        padding?: number;
+        /**
+         * Text rotation in degrees. Note that due to a more complex structure, backgrounds, borders and padding will be
+         * lost on a rotated data label.
+         * @default 0
+         */
+        rotation?: number;
+        /**
+         * The shadow of the box. Works best with borderWidth or backgroundColor. Since 2.3 the shadow can be an object
+         * configuration containing color, offsetX, offsetY, opacity and width.
+         * @default false
+         */
+        shadow?: boolean | Shadow;
+        /**
+         * The name of a symbol to use for the border around the label. Symbols are predefined functions on the Renderer
+         * object.
+         * @default 'square'
+         * @since 4.1.2
+         */
+        shape?: string;
+        /**
+         * Styles for the label.
+         * @default {'color': 'contrast', 'fontSize': '11px', 'fontWeight': 'bold', 'textShadow': '0 0 6px contrast, 0 0 3px contrast' }
+         * @since 4.1.0
+         */
+        style?: CSSObject;
+        /**
+         * Whether to {@link http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html|use HTML} to render the labels.
+         * @default false
+         */
+        useHTML?: boolean;
+        /**
+         * The vertical alignment of a data label. Can be one of top, middle or bottom. The default value depends on the
+         * data, for instance in a column chart, the label is above positive values and below negative values.
+         * @since 2.3.3
+         */
+        verticalAlign?: string;
+        /**
+         * The x position offset of the label relative to the point.
+         * @default 0
+         */
+        x?: number;
+        /**
+         * The y position offset of the label relative to the point.
+         * @default -6
+         */
+        y?: number;
+        /**
+         * The Z index of the data labels. The default Z index puts it above the series. Use a Z index of 2 to display it
+         * behind the series.
+         * @default 6
+         * @since 2.3.5
+         */
+        zIndex?: number;
+    }
+
+    interface PieDataLabels extends DataLabels {
+        /**
+         * The color of the line connecting the data label to the pie slice. The default color is the same as the point's
+         * color. Defaults to {point.color}.
+         * @since 2.1
+         */
+        connectorColor?: string;
+        /**
+         * The distance from the data label to the connector.
+         * @default 5
+         * @since 2.1
+         */
+        connectorPadding?: number;
+        /**
+         * The width of the line connecting the data label to the pie slice.
+         * @default 1
+         * @since 2.1
+         */
+        connectorWidth?: number;
+        /**
+         * The distance of the data label from the pie's edge. Negative numbers put the data label on top of the pie slices.
+         * Connectors are only shown for data labels outside the pie.
+         * @default 30
+         * @since 2.1
+         */
+        distance?: number;
+        /**
+         * Whether to render the connector as a soft arc or a line with sharp break.
+         * @default true
+         * @since 2.1.7
+         */
+        softConnector?: boolean;
+    }
+
+    interface AreaCheckboxEvent extends Event {
+        /**
+         * The state of the checkbox
+         */
+        checked: boolean;
+        /**
+         * The checked item
+         */
+        item: SeriesObject | PointObject;
+    }
+
+    interface AreaClickEvent extends Event {
+        /**
+         * A pointer to the nearest point on the graph
+         */
+        point: PointObject;
+    }
+
+    interface PlotEvents {
+        /**
+         * Fires after the series has finished its initial animation, or in case animation is disabled, immediately as the
+         * series is displayed.
+         *
+         * The this keyword refers to the Series object.
+         * @since 4.0
+         */
+        afterAnimate?: (event: Event) => void;
+        /**
+         * Fires when the checkbox next to the series' name in the legend is clicked. One parameter, event, is passed to the
+         * function. The state of the checkbox is found by event.checked. The checked item is found by event.item. Return
+         * false to prevent the default action which is to toggle the select state of the series.
+         *
+         * The this keyword refers to the Series object.
+         * @since 1.2.0
+         */
+        checkboxClick?: (event: AreaCheckboxEvent) => boolean|void;
+        /**
+         * Fires when the series is clicked. One parameter, event, is passed to the function. This contains common event
+         * information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
+         * Additionally, event.point holds a pointer to the nearest point on the graph.
+         *
+         * The this keyword refers to the Series object.
+         */
+        click?: (event: AreaClickEvent) => void;
+        /**
+         * Fires when the series is hidden after chart generation time, either by clicking the legend item or by calling
+         * .hide().
+         *
+         * The this keyword refers to the Series object.
+         */
+        hide?: () => void;
+        /**
+         * Fires when the legend item belonging to the series is clicked. One parameter, event, is passed to the function.
+         * This contains common event information based on jQuery or MooTools depending on which library is used as the base
+         * for Highcharts. The default action is to toggle the visibility of the series. This can be prevented by returning
+         * false or calling event.preventDefault().
+         *
+         * The this keyword refers to the Series object.
+         */
+        legendItemClick?: (event: Event) => boolean|void;
+        /**
+         * Fires when the mouse leaves the graph. One parameter, event, is passed to the function. This contains common
+         * event information based on jQuery or MooTools depending on which library is used as the base for Highcharts. If
+         * the stickyTracking option is true, mouseOut doesn't happen before the mouse enters another graph or leaves the
+         * plot area.
+         *
+         * The this keyword refers to the Series object.
+         */
+        mouseOut?: (event: Event) => void;
+        /**
+         * Fires when the mouse enters the graph. One parameter, event, is passed to the function. This contains common
+         * event information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
+         *
+         * The this keyword refers to the Series object.
+         */
+        mouseOver?: (event: Event) => void;
+        /**
+         * Fires when the series is shown after chart generation time, either by clicking the legend item or by calling
+         * .show().
+         *
+         * The this keyword refers to the Series object.
+         * @since 1.2.0
+         */
+        show?: () => void;
+    }
+
+    interface MarkerState {
+        /**
+         * Enable or disable the point marker. If null, the markers are hidden when the data is dense, and shown for more
+         * widespread data points.
+         * @default null, true for hover and select
+         */
+        enabled?: boolean;
+        /**
+         * The fill color of the point marker. When null, the series' or point's color is used.
+         */
+        fillColor?: string;
+        /**
+         * The color of the point marker's outline. When null, the series' or point's color is used.
+         * @default '#FFFFFF', '#000000' for select state
+         */
+        lineColor?: string | Gradient;
+        /**
+         * The width of the point marker's outline.
+         * @default 0
+         */
+        lineWidth?: number;
+        /**
+         * The radius of the point marker.
+         * @default 4, undefined for hover and select
+         */
+        radius?: number;
+    }
+
+    interface MarkerHoverState extends MarkerState {
+        /**
+         * The additional line width for a hovered point.
+         * @default 1
+         * @since 4.0.3
+         */
+        lineWidthPlus?: number;
+        /**
+         * The number of pixels to increase the radius of the hovered point.
+         * @default 2
+         * @since 4.0.3
+         */
+        radiusPlus?: number;
+    }
+
+    interface Marker extends MarkerState {
+        /**
+         * Image markers only. Set the image width explicitly. When using this option, a width must also be set.
+         * @default null
+         * @since 4.0.4
+         */
+        height?: number;
+        states?: {
+            hover?: MarkerHoverState;
+            /**
+             * The appearance of the point marker when selected. In order to allow a point to be selected, set the
+             * series.allowPointSelect option to true.
+             */
+            select?: MarkerState;
+        };
+        /**
+         * A predefined shape or symbol for the marker. When null, the symbol is pulled from options.symbols. Other possible
+         * values are 'circle', 'square', 'diamond', 'triangle' and 'triangle-down'.
+         *
+         * Additionally, the URL to a graphic can be given on this form: 'url(graphic.png)'. Note that for the image to be
+         * applied to exported charts, its URL needs to be accessible by the export server.
+         *
+         * Custom callbacks for symbol path generation can also be added to Highcharts.SVGRenderer.prototype.symbols. The
+         * callback is then used by its method name.
+         */
+        symbol?: string; // null, 'circle', 'square', 'diamond', 'triangle' 'triangle-down' or 'url(graphic.png)'
+        /**
+         * Image markers only. Set the image width explicitly. When using this option, a height must also be set.
+         * @default null.
+         * @since 4.0.4
+         */
+        width?: number;
+    }
+
+    interface PointEvents {
+        /**
+         * Fires when a point is clicked. One parameter, event, is passed to the function. This contains common event
+         * information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
+         *
+         * If the series.allowPointSelect option is true, the default action for the point's click event is to toggle the
+         * point's select state. Returning false cancels this action.
+         *
+         * The this keyword refers to the Point object.
+         */
+        click?: (event: Event) => boolean;
+        /**
+         * Fires when the mouse leaves the area close to the point. One parameter, event, is passed to the function. This
+         * contains common event information based on jQuery or MooTools depending on which library is used as the base for
+         * Highcharts.
+         *
+         * The this keyword refers to the Point object.
+         */
+        mouseOut?: (event: Event) => void;
+        /**
+         * Fires when the mouse enters the area close to the point. One parameter, event, is passed to the function. This
+         * contains common event information based on jQuery or MooTools depending on which library is used as the base for
+         * Highcharts.
+         *
+         * The this keyword refers to the Point object.
+         */
+        mouseOver?: (event: Event) => void;
+        /**
+         * Fires when the point is removed using the .remove() method. One parameter, event, is passed to the function.
+         * Returning false cancels the operation.
+         *
+         * The this keyword refers to the Point object.
+         * @since 1.2.0
+         */
+        remove?: (event: Event) => boolean|void;
+        /**
+         * Fires when the point is selected either programmatically or following a click on the point. One parameter, event,
+         * is passed to the function. Returning false cancels the operation.
+         *
+         * The this keyword refers to the Point object.
+         * @since 1.2.0
+         */
+        select?: (event: Event) => boolean|void;
+        /**
+         * Fires when the point is unselected either programmatically or following a click on the point. One parameter,
+         * event, is passed to the function. Returning false cancels the operation.
+         *
+         * The this keyword refers to the Point object.
+         * @since 1.2.0
+         */
+        unselect?: (event: Event) => boolean|void;
+        /**
+         * Fires when the point is updated programmatically through the .update() method. One parameter, event, is passed to
+         * the function. The new point options can be accessed through event.options. Returning false cancels the operation.
+         *
+         * The this keyword refers to the Point object.
+         * @since 1.2.0
+         */
+        update?: (event: Event) => boolean|void;
+        /**
+         * Fires when the legend item belonging to the pie point (slice) is clicked.
+         * The this keyword refers to the point itself. One parameter, event, is passed to the function.
+         * This contains common event information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
+         * The default action is to toggle the visibility of the point. This can be prevented by calling event.preventDefault().
+         */
+        legendItemClick?: (event: Event) => boolean | void;
+
+    }
+
+    interface Halo {
+        /**
+         * A collection of SVG attributes to override the appearance of the halo, for example fill, stroke and stroke-width.
+         * @since 4.0
+         */
+        attributes?: {};
+        /**
+         * Opacity for the halo unless a specific fill is overridden using the attributes setting. Note that Highcharts is
+         * only able to apply opacity to colors of hex or rgb(a) formats.
+         * @default 0.25
+         * @since 4.0
+         */
+        opacity?: number;
+        /**
+         * The pixel size of the halo. For point markers this is the radius of the halo. For pie slices it is the width of
+         * the halo outside the slice. For bubbles it defaults to 5 and is the width of the halo outside the bubble.
+         * Defaults to 10.
+         */
+        size?: number;
+    }
+
+    interface LineStates {
+        /**
+         * Enable separate styles for the hovered series to visualize that the user hovers either the series itself or the
+         * legend.
+         * @default true
+         * @since 1.2
+         */
+        enabled?: boolean;
+        /**
+         * Options for the halo appearing around the hovered point in line-type series as well as outside the hovered slice
+         * in pie charts. By default the halo is filled by the current point or series color with an opacity of 0.25. The
+         * halo can be disabled by setting the halo option to false.
+         * @since 4.0
+         */
+        halo?: boolean | Halo;
+        /**
+         * Pixel with of the graph line.
+         * @default 2
+         */
+        lineWidth?: number;
+        /**
+         * The additional line width for the graph of a hovered series.
+         * @default 1
+         * @since 4.0.3
+         */
+        lineWidthPlus?: number;
+        marker?: Marker;
+    }
+
+    interface BarStates {
+        /**
+         * A specific border color for the hovered point. Defaults to inherit the normal state border color.
+         */
+        borderColor?: string | Gradient;
+        /**
+         * How much to brighten the point on interaction. Requires the main color to be defined in hex or rgb(a) format.
+         * @default 0.1
+         */
+        brightness?: number;
+        /**
+         *
+         */
+        color?: string | Gradient;
+        /**
+         * Enable separate styles for the hovered series to visualize that the user hovers either the series itself or the
+         * legend.
+         * @default true
+         * @since 1.2
+         */
+        enabled?: boolean;
+        /**
+         * Options for the halo appearing around the hovered point in line-type series as well as outside the hovered slice
+         * in pie charts. By default the halo is filled by the current point or series color with an opacity of 0.25. The
+         * halo can be disabled by setting the halo option to false.
+         * @since 4.0
+         */
+        halo?: boolean | Halo;
+    }
+
+    interface PieStates extends BarStates, LineStates { }
+
+    interface AreaZone {
+        /**
+         * Defines the color of the series.
+         * @since 4.1.0
+         */
+        color?: string | Gradient;
+        /**
+         * A name for the dash style to use for the graph.
+         * @since 4.1.0
+         */
+        dashStyle?: string;
+        /**
+         * Defines the fill color for the series (in area type series)
+         * @since 4.1.0
+         */
+        fillColor?: string;
+        /**
+         * The value up to where the zone extends, if undefined the zones stretches to the last value in the series.
+         * @default undefined
+         * @since 4.1.0
+         */
+        value?: number;
+    }
+
+    interface RangeDataLabels {
+        /**
+         * The alignment of the data label compared to the point. If right, the right side of the label should be touching
+         * the point. For points with an extent, like columns, the alignments also dictates how to align it inside the box,
+         * as given with the inside option. Can be one of 'left', 'center' or 'right'.
+         * @default 'center'
+         */
+        align?: string;
+        /**
+         * Whether to allow data labels to overlap. To make the labels less sensitive for overlapping, the
+         * dataLabels.padding can be set to 0.
+         * @default false
+         * @since 4.1.0
+         */
+        allowOverlap?: boolean;
+        /**
+         * The background color or gradient for the data label.
+         * @default undefined
+         * @since 2.2.1
+         */
+        backgroundColor?: string | Gradient;
+        /**
+         * The border color for the data label.
+         * @default undefined
+         * @since 2.2.1
+         */
+        borderColor?: string | Gradient;
+        /**
+         * The border radius in pixels for the data label.
+         * @default 0
+         * @since 2.2.1
+         */
+        borderRadius?: number;
+        /**
+         * The border width in pixels for the data label.
+         * @default 0
+         * @since 2.2.1
+         */
+        borderWidth?: number;
+        /**
+         * The text color for the data labels.
+         * @default null
+         */
+        color?: string | Gradient;
+        /**
+         * Whether to hide data labels that are outside the plot area. By default, the data label is moved inside the plot
+         * area according to the overflow option.
+         * @default true
+         * @since 2.3.3
+         */
+        crop?: boolean;
+        /**
+         * Whether to defer displaying the data labels until the initial series animation has finished.
+         * @default true
+         * @since 4.0
+         */
+        defer?: boolean;
+        /**
+         * Enable or disable the data labels.
+         * @default false
+         */
+        enabled?: boolean;
+        /**
+         * A format string for the data label. Available variables are the same as for formatter.
+         * @default '{y}'
+         * @since 3.0
+         */
+        format?: string;
+        /**
+         * Callback JavaScript function to format the data label. Note that if a format is defined, the format takes
+         * precedence and the formatter is ignored.
+         * Available data are:
+         * - this.percentage Stacked series and pies only. The point's percentage of the total.
+         * - this.point      The point object. The point name, if defined, is available through this.point.name.
+         * - this.series     The series object. The series name is available through this.series.name.
+         * - this.total      Stacked series only. The total value at this point's x value.
+         * - this.x:         The x value.
+         * - this.y:         The y value.
+         */
+        formatter?: () => string;
+        /**
+         * For points with an extent, like columns, whether to align the data label inside the box or to the actual value
+         * point. Defaults to false in most cases, true in stacked columns.
+         * @since 3.0
+         */
+        inside?: boolean;
+        /**
+         * How to handle data labels that flow outside the plot area. The default is justify, which aligns them inside the
+         * plot area. For columns and bars, this means it will be moved inside the bar. To display data labels outside the
+         * plot area, set crop to false and overflow to 'none'.
+         * @default 'justify'
+         * @since 3.0.6
+         */
+        overflow?: string;
+        /**
+         * When either the borderWidth or the backgroundColor is set, this  is the padding within the box.
+         * @default 5
+         * @since 2.2.1
+         */
+        padding?: number;
+        /**
+         * Text rotation in degrees. Note that due to a more complex structure, backgrounds, borders and padding will be
+         * lost on a rotated data label.
+         * @default 0
+         */
+        rotation?: number;
+        /**
+         * The shadow of the box. Works best with borderWidth or backgroundColor. Since 2.3 the shadow can be an object
+         * configuration containing color, offsetX, offsetY, opacity and width.
+         * @default false
+         * @since 2.2.1
+         */
+        shadow?: boolean | Shadow;
+        /**
+         * The name of a symbol to use for the border around the label. Symbols are predefined functions on the Renderer
+         * object.
+         * @default 'square'
+         * @since 4.1.2
+         */
+        shape?: string;
+        /**
+         * Styles for the label.
+         * @default {'color': 'contrast', 'fontSize': '11px', 'fontWeight': 'bold', 'textShadow': '0 0 6px contrast, 0 0 3px contrast' }
+         * @since 4.1.0
+         */
+        style?: CSSObject;
+        /**
+         * Whether to {@link http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html|use HTML} to render the labels.
+         * @default false
+         */
+        useHTML?: boolean;
+        /**
+         * The vertical alignment of a data label. Can be one of 'top', 'middle' or 'bottom'. The default value depends on the
+         * data, for instance in a column chart, the label is above positive values and below negative values.
+         * @since 2.3.3
+         */
+        verticalAlign?: string;
+        /**
+         * X offset of the higher data labels relative to the point value.
+         * @default 0
+         * @since 2.3.0
+         */
+        xHigh?: number;
+        /**
+         * X offset of the lower data labels relative to the point value.
+         * @default 0
+         * @since 2.3.0
+         */
+        xLow?: number;
+        /**
+         * Y offset of the higher data labels relative to the point value.
+         * @default -6
+         * @since 2.3.0
+         */
+        yHigh?: number;
+        /**
+         * Y offset of the lower data labels relative to the point value.
+         * @default 16
+         * @since 2.3.0
+         */
+        yLow?: number;
+        /**
+         * The Z index of the data labels. The default Z index puts it above the series. Use a Z index of 2 to display it
+         * behind the series.
+         * @default 6
+         * @since 2.3.5
+         */
+        zIndex?: number;
+    }
+
+    interface Dial {
+        /**
+         * The background or fill color of the gauge's dial.
+         * @default 'black'
+         * @since 2.3.0
+         */
+        backgroundColor?: string | Gradient;
+        /**
+         * The length of the dial's base part, relative to the total radius or length of the dial.
+         * @default '70%'.
+         * @since 2.3.0
+         */
+        baseLength?: string;
+        /**
+         * The pixel width of the base of the gauge dial. The base is the part closest to the pivot, defined by baseLength.
+         * @default 3
+         * @since 2.3.0
+         */
+        baseWidth?: number;
+        /**
+         * The border color or stroke of the gauge's dial. By default, the borderWidth is 0, so this must be set in addition
+         * to a custom border color.
+         * @default 'silver'
+         * @since 2.3.0
+         */
+        borderColor?: string | Gradient;
+        /**
+         * The width of the gauge dial border in pixels.
+         * @default 0
+         * @since 2.3.0
+         */
+        borderWidth?: number;
+        /**
+         * The radius or length of the dial, in percentages relative to the radius of the gauge itself.
+         * @default '80%'
+         * @since 2.3.0
+         */
+        radius?: string;
+        /**
+         * The length of the dial's rear end, the part that extends out on the other side of the pivot. Relative to the
+         * dial's length.
+         * @default '10%'
+         * @since 2.3.0
+         */
+        rearLength?: string;
+        /**
+         * The width of the top of the dial, closest to the perimeter. The pivot narrows in from the base to the top.
+         * @default 1
+         * @since 2.3.0
+         */
+        topWidth?: number;
+    }
+
+    interface Pivot {
+        /**
+         * The background color or fill of the pivot.
+         * @default 'black'
+         * @since 2.3.0
+         */
+        backgroundColor?: string | Gradient;
+        /**
+         * The border or stroke color of the pivot. In able to change this, the borderWidth must also be set to something
+         * other than the default 0.
+         * @default 'silver'
+         * @since 2.3.0
+         */
+        borderColor?: string | Gradient;
+        /**
+         * The border or stroke width of the pivot.
+         * @default 0
+         * @since 2.3.0
+         */
+        borderWidth?: number;
+        /**
+         * The pixel radius of the pivot.
+         * @default 5
+         * @since 2.3.0
+         */
+        radius?: number;
+    }
+
+    /**
+     * Set options on specific levels. Takes precedence over series options, but not point options.
+     */
+    interface TreeMapLevel {
+        /**
+         * Can set borderColor on all points which lies on the same level.
+         * @since 4.1.0
+         */
+        borderColor?: string | Gradient;
+        /**
+         * et the dash style of the border of all the point which lies on the level.
+         * @since 4.1.0
+         */
+        borderDashStyle?: string;
+        /**
+         * Can set the borderWidth on all points which lies on the same level.
+         * @since 4.1.0
+         */
+        borderWidth?: number;
+        /**
+         * Can set a color on all points which lies on the same level.
+         * @since 4.1.0
+         */
+        color?: string | Gradient;
+        /**
+         * Can set the options of dataLabels on each point which lies on the level.
+         * @default undefined
+         * @since 4.1.0
+         */
+        dataLabels?: DataLabels;
+        /**
+         * Can set the layoutAlgorithm option on a specific level.
+         * @since 4.1.0
+         */
+        layoutAlgorithm?: string;
+        /**
+         * Can set the layoutStartingDirection option on a specific level.
+         * @since 4.1.0
+         */
+        layoutStartingDirection?: string;
+        /**
+         * Decides which level takes effect from the options set in the levels object.
+         * @since 4.1.0
+         */
+        level?: number;
+    }
+
+    /**
+     * General options for all series types.
+     */
+    interface SeriesChart {
+        /**
+         * Allow this series' points to be selected by clicking on the markers, bars or pie slices.
+         * @default false
+         * @since 1.2.0
+         */
+        allowPointSelect?: boolean;
+        /**
+         * Enable or disable the initial animation when a series is displayed. The animation can also be set as a
+         * configuration object. Please note that this option only applies to the initial animation of the series itself.
+         * For other animations, see chart.animation and the animation parameter under the API methods.
+         * @default true
+         */
+        animation?: boolean | Animation;
+        /**
+         * The main color or the series. In line type series it applies to the line and the point markers unless otherwise
+         * specified. In bar type series it applies to the bars unless a color is specified per point. The default value is
+         * pulled from the options.colors array.
+         */
+        color?: string | Gradient;
+        /**
+         * Polar charts only. Whether to connect the ends of a line series plot across the extremes.
+         * @default true
+         * @since 2.3.0
+         */
+        connectEnds?: boolean;
+        /**
+         * Whether to connect a graph line across null points.
+         * @default false
+         */
+        connectNulls?: boolean;
+        /**
+         * When the series contains less points than the crop threshold, all points are drawn, event if the points fall
+         * outside the visible plot area at the current zoom. The advantage of drawing all points (including markers and
+         * columns), is that animation is performed on updates. On the other hand, when the series contains more points than
+         * the crop threshold, the series data is cropped to only contain points that fall within the plot area. The
+         * advantage of cropping away invisible points is to increase performance on large series.
+         * @default 300
+         * @since 2.2
+         */
+        cropThreshold?: number;
+        /**
+         * You can set the cursor to 'pointer' if you have click events attached to the series, to signal to the user that
+         * the points and lines can be clicked.
+         */
+        cursor?: string;
+        /**
+         * A name for the dash style to use for the graph. Applies only to series type having a graph, like line, spline,
+         * area and scatter in case it has a lineWidth. The value for the dashStyle include:
+         * - Solid
+         * - ShortDash
+         * - ShortDot
+         * - ShortDashDot
+         * - ShortDashDotDot
+         * - Dot
+         * - Dash
+         * - LongDash
+         * - DashDot
+         * - LongDashDot
+         * - LongDashDotDot
+         * @default 'Solid'
+         */
+        dashStyle?: string;
+        dataLabels?: DataLabels;
+        /**
+         * Enable or disable the mouse tracking for a specific series. This includes point tooltips and click events on
+         * graphs and points. For large datasets it improves performance.
+         * @default true
+         */
+        enableMouseTracking?: boolean;
+        events?: PlotEvents;
+        /**
+         * Whether to use the Y extremes of the total chart width or only the zoomed area when zooming in on parts of the X
+         * axis. By default, the Y axis adjusts to the min and max of the visible data. Cartesian series only.
+         * @default false
+         * @since 4.1.6
+         */
+        getExtremesFromAll?: boolean;
+        /**
+         * An array specifying which option maps to which key in the data point array. This makes it convenient to work with
+         * unstructured data arrays from different sources.
+         * @since 4.1.6
+         */
+        keys?: string[];
+        /**
+         * Pixel with of the graph line.
+         * @default 2
+         */
+        lineWidth?: number;
+        /**
+         * The line cap used for line ends and line joins on the graph.
+         * @default 'round'
+         */
+        linecap?: string;
+        /**
+         * The id of another series to link to. Additionally, the value can be ':previous' to link to the previous series.
+         * When two series are linked, only the first one appears in the legend. Toggling the visibility of this also
+         * toggles the linked series.
+         * @since 3.0
+         */
+        linkedTo?: string;
+        marker?: Marker;
+        /**
+         * The color for the parts of the graph or points that are below the threshold.
+         * @default null.
+         * @since 3.0
+         */
+        negativeColor?: string;
+        point?: {
+            events: PointEvents;
+        };
+        /**
+         * If no x values are given for the points in a series, pointInterval defines the interval of the x values. For
+         * example, if a series contains one value every decade starting from year 0, set pointInterval to 10.
+         *
+         * Since Highcharts 4.1, it can be combined with pointIntervalUnit to draw irregular intervals.
+         * @default 1
+         */
+        pointInterval?: number;
+        /**
+         * On datetime series, this allows for setting the pointInterval to the two irregular time units, month and year.
+         * Combine it with pointInterval to draw quarters, 6 months, 10 years etc.
+         * @since 4.1.0
+         */
+        pointIntervalUnit?: string;
+        /**
+         * Possible values: null, 'on', 'between'.
+         *
+         * In a column chart, when pointPlacement is 'on', the point will not create any padding of the X axis. In a polar
+         * column chart this means that the first column points directly north. If the pointPlacement is 'between', the
+         * columns will be laid out between ticks. This is useful for example for visualising an amount between two points
+         * in time or in a certain sector of a polar chart.
+         *
+         * Since Highcharts 3.0.2, the point placement can also be numeric, where 0 is on the axis value, -0.5 is between
+         * this value and the previous, and 0.5 is between this value and the next. Unlike the textual options, numeric
+         * point placement options won't affect axis padding.
+         *
+         * Note that pointPlacement needs a pointRange to work. For column series this is computed, but for line-type series
+         * it needs to be set.
+         *
+         * Defaults to null in cartesian charts, 'between' in polar charts.
+         * @since 2.3.0
+         */
+        pointPlacement?: string | number;
+        /**
+         * If no x values are given for the points in a series, pointStart defines on what value to start. For example, if a
+         * series contains one yearly value starting from 1945, set pointStart to 1945.
+         * @default 0
+         */
+        pointStart?: number;
+        /**
+         * Whether to select the series initially. If showCheckbox is true, the checkbox next to the series name will be
+         * checked for a selected series.
+         * @default false
+         * @since 1.2.0
+         */
+        selected?: boolean;
+        /**
+         * Whether to apply a drop shadow to the graph line. Since 2.3 the shadow can be an object configuration containing
+         * color, offsetX, offsetY, opacity and width.
+         * @default false
+         */
+        shadow?: boolean | Shadow;
+        /**
+         * If true, a checkbox is displayed next to the legend item to allow selecting the series. The state of the checkbox
+         * is determined by the selected option.
+         * @default false
+         * @since 1.2.0
+         */
+        showCheckbox?: boolean;
+        /**
+         * Whether to display this particular series or series type in the legend. The default value is true for standalone
+         * series, false for linked series. Defaults to true.
+         */
+        showInLegend?: boolean;
+        /**
+         * When this is true, the series will not cause the Y axis to cross the zero plane (or threshold option) unless the
+         * data actually crosses the plane.
+         *
+         * For example, if softThreshold is false, a series of 0, 1, 2, 3 will make the Y axis show negative values
+         * according to the minPadding option. If softThreshold is true, the Y axis starts at 0.
+         * @default true
+         * @since 4.1.9
+         */
+        softTreshold?: boolean;
+        /**
+         * Whether to stack the values of each series on top of each other. Possible values are null to disable, 'normal' to
+         * stack by value or 'percent'.
+         */
+        stacking?: string;
+        /**
+         * A wrapper object for all the series options in specific states.
+         */
+        states?: {
+            /**
+             * Options for the hovered series
+             */
+            hover?: LineStates;
+        };
+        /**
+         * Sticky tracking of mouse events. When true, the mouseOut event on a series isn't triggered until the mouse moves
+         * over another series, or out of the plot area. When false, the mouseOut event on a series is triggered when the
+         * mouse leaves the area around the series' graph or markers. This also implies the tooltip. When stickyTracking is
+         * false and tooltip.shared is false, the tooltip will be hidden when moving the mouse between series. Defaults to
+         * true for line and area type series, but to false for columns, pies etc.
+         * @default true
+         * @since 2.0
+         */
+        stickyTracking?: boolean;
+        /**
+         * The Y axis value to serve as the base for the area, for distinguishing between values above and below a
+         * threshold. If null, the area behaves like a line series with fill between the graph and the Y axis minimum.
+         * @default 0
+         * @since 2.0
+         */
+        threshold?: number;
+        /**
+         * A configuration object for the tooltip rendering of each single series. Properties are inherited from tooltip,
+         * but only the following properties can be defined on a series level.
+         * @since 2.3
+         */
+        tooltip?: SeriesTooltipOptions;
+        /**
+         * When a series contains a data array that is longer than this, only one dimensional arrays of numbers, or two
+         * dimensional arrays with x and y values are allowed. Also, only the first point is tested, and the rest are
+         * assumed to be the same format. This saves expensive data checking and indexing in long series. Set it to 0
+         * disable.
+         * @default 1000
+         * @since 2.2
+         */
+        turboThreshold?: number;
+        /**
+         * Set the initial visibility of the series.
+         * @default true
+         */
+        visible?: boolean;
+        /**
+         * Defines the Axis on which the zones are applied.
+         * @default 'y'
+         * @since 4.1.0
+         */
+        zoneAxis?: string;
+        /**
+         * An array defining zones within a series. Zones can be applied to the X axis, Y axis or Z axis for bubbles,
+         * according to the zoneAxis option.
+         */
+        zones?: AreaZone[];
+    }
+
+    interface AreaChart extends SeriesChart {
+        /**
+         * Fill color or gradient for the area. When null, the series' color is used with the series' fillOpacity.
+         */
+        fillColor?: string | Gradient;
+        /**
+         * Fill opacity for the area. Note that when you set an explicit fillColor, the fillOpacity is not applied. Instead,
+         * you should define the opacity in the fillColor with an rgba color definition.
+         * @default 0.75
+         */
+        fillOpacity?: number;
+        /**
+         * A separate color for the graph line. By default the line takes the color of the series, but the lineColor setting
+         * allows setting a separate color for the line without altering the fillColor.
+         */
+        lineColor?: string | Gradient;
+        /**
+         * A separate color for the negative part of the area.
+         * @since 3.0
+         */
+        negativeFillColor?: string;
+        /**
+         * Whether to apply steps to the line. Possible values are left, center and right. Prior to 2.3.5, only left was
+         * supported.
+         *
+         * @default 'false'
+         * @since 1.2.5
+         */
+        step?: string;
+        /**
+         * Whether the whole area or just the line should respond to mouseover tooltips and other mouse or touch events.
+         * @default false
+         * @since 1.1.6
+         */
+        trackByArea?: boolean;
+    }
+
+    interface AreaRangeChart extends AreaChart {
+        /**
+         * Extended data labels for range series types. Range series data labels have no x and y options. Instead, they have
+         * xLow, xHigh, yLow and yHigh options to allow the higher and lower data label sets individually.
+         * @since 2.3.0
+         */
+        dataLabels?: RangeDataLabels;
+    }
+
+    interface AreaSplineChart extends AreaChart {
+    }
+
+    interface AreaSplineRangeChart extends AreaRangeChart {
+    }
+
+    interface BarChart extends SeriesChart {
+        /**
+         * The color of the border surrounding each column or bar.
+         * @default '#FFFFFF'
+         */
+        borderColor?: string | Gradient;
+        /**
+         * The corner radius of the border surrounding each column or bar.
+         * @default 0
+         */
+        borderRadius?: number;
+        /**
+         * The width of the border surrounding each column or bar.
+         * @default 1
+         */
+        borderWidth?: number;
+        /**
+         * When using automatic point colors pulled from the options.colors collection, this option determines whether the
+         * chart should receive one color per series or one color per point. Defaults to false.
+         * @default false
+         * @since 2.0
+         */
+        colorByPoint?: boolean;
+        /**
+         * A series specific or series type specific color set to apply instead of the global colors when colorByPoint is
+         * true.
+         * @since 3.0
+         */
+        colors?: string[];
+        /**
+         * Depth of the columns in a 3D column chart. Requires highcharts-3d.js.
+         * @default 25
+         * @since 4.0
+         */
+        depth?: number;
+        /**
+         * 3D columns only. The color of the edges. Similar to borderColor, except it defaults to the same color as the
+         * column.
+         */
+        edgeColor?: string;
+        /**
+         * 3D columns only. The width of the colored edges.
+         * @default 1
+         */
+        edgeWidth?: number;
+        /**
+         * Padding between each value groups, in x axis units.
+         * @default 0.2
+         */
+        groupPadding?: number;
+        /**
+         * The spacing between columns on the Z Axis in a 3D chart. Requires highcharts-3d.js.
+         * @default 1
+         * @since 4.0
+         */
+        groupZPadding?: number;
+        /**
+         * Whether to group non-stacked columns or to let them render independent of each other. Non-grouped columns will be
+         * laid out individually and overlap each other.
+         * @default true
+         * @since 2.3.0
+         */
+        grouping?: boolean;
+        /**
+         * The maximum allowed pixel width for a column, translated to the height of a bar in a bar chart. This prevents the
+         * columns from becoming too wide when there is a small number of points in the chart.
+         * @default null
+         * @since 4.1.8
+         */
+        maxPointWidth?: number;
+        /**
+         * The minimal height for a column or width for a bar. By default, 0 values are not shown. To visualize a 0 (or
+         * close to zero) point, set the minimal point length to a pixel value like 3. In stacked column charts,
+         * minPointLength might not be respected for tightly packed values.
+         * @default 0
+         */
+        minPointLength?: number;
+        /**
+         * Padding between each column or bar, in x axis units.
+         * @default 0.1
+         */
+        pointPadding?: string | number;
+        /**
+         * The X axis range that each point is valid for. This determines the width of the column. On a categorized axis,
+         * the range will be 1 by default (one category unit). On linear and datetime axes, the range will be computed as
+         * the distance between the two closest data points.
+         * @since 2.3
+         */
+        pointRange?: number;
+        /**
+         * A pixel value specifying a fixed width for each column or bar. When null, the width is calculated from the
+         * pointPadding and groupPadding.
+         * @since 1.2.5
+         */
+        pointWidth?: number;
+        /**
+         * A wrapper object for all the series options in specific states.
+         */
+        states?: {
+            /**
+             * Options for the hovered series
+             */
+            hover?: BarStates;
+        };
+    }
+
+    /**
+     * A box plot is a convenient way of depicting groups of data through their five-number summaries: the smallest
+     * observation (sample minimum), lower quartile (Q1), median (Q2), upper quartile (Q3), and largest observation (sample
+     * maximum).
+     */
+    interface BoxPlotChart extends ErrorBarChart {
+        /**
+         * The fill color of the box.
+         * @default '#FFFFFF'
+         * @since 3.0
+         */
+        fillColor?: string;
+        /**
+         * Padding between each value groups, in x axis units.
+         * @default 0.2
+         */
+        groupPadding?: number;
+        /**
+         * Whether to group non-stacked columns or to let them render independent of each other. Non-grouped columns will be
+         * laid out individually and overlap each other.
+         * @default true
+         * @since 2.3.0
+         */
+        grouping?: boolean;
+        /**
+         * The id of another series to link to. Additionally, the value can be ':previous' to link to the previous series.
+         * When two series are linked, only the first one appears in the legend. Toggling the visibility of this also
+         * toggles the linked series.
+         * @since 3.0
+         */
+        linkedTo?: string;
+        /**
+         * The color of the median line. If null, the general series color applies.
+         * @default null
+         * @since 3.0
+         */
+        medianColor?: string;
+        /**
+         * The pixel width of the median line. If null, the lineWidth is used.
+         * @default 2
+         * @since 3.0
+         */
+        medianWidth?: number;
+    }
+
+    /**
+     * A bubble series is a three dimensional series type where each point renders an X, Y and Z value. Each points is drawn
+     * as a bubble where the position along the X and Y axes mark the X and Y values, and the size of the bubble relates to
+     * the Z value.
+     */
+    interface BubbleChart extends SeriesChart {
+        /**
+         * Whether to display negative sized bubbles. The threshold is given by the zThreshold option, and negative bubbles
+         * can be visualized by setting negativeColor.
+         * @default true
+         * @since 3.0
+         */
+        displayNegative?: boolean;
+        /**
+         * Maximum bubble size. Bubbles will automatically size between the minSize and maxSize to reflect the z value of
+         * each bubble. Can be either pixels (when no unit is given), or a percentage of the smallest one of the plot width
+         * and height.
+         * @default '20%'
+         * @since 3.0
+         */
+        maxSize?: string | number;
+        /**
+         * Minimum bubble size. Bubbles will automatically size between the minSize and maxSize to reflect the z value of
+         * each bubble. Can be either pixels (when no unit is given), or a percentage of the smallest one of the plot width
+         * and height.
+         * @default 8
+         * @since 3.0
+         */
+        minSize?: string | number;
+        /**
+         * When a point's Z value is below the zThreshold setting, this color is used.
+         * @default null
+         * @since 3.0
+         */
+        negativeColor?: string;
+        /**
+         * Whether the bubble's value should be represented by the area or the width of the bubble. The default, area,
+         * corresponds best to the human perception of the size of each bubble.
+         * @default 'area'
+         * @since 3.0.7
+         */
+        sizeBy?: string;
+        /**
+         * When this is true, the absolute value of z determines the size of the bubble. This means that with the default
+         * zThreshold of 0, a bubble of value -1 will have the same size as a bubble of value 1, while a bubble of value 0
+         * will have a smaller size according to minSize.
+         * @default false
+         * @since 4.1.9
+         */
+        sizeByAbsoluteValues?: boolean;
+        /**
+         * The maximum for the Z value range. Defaults to the highest Z value in the data.
+         * @default null
+         * @since 4.0.3
+         */
+        zMax?: number;
+        /**
+         * The minimum for the Z value range. Defaults to the lowest Z value in the data.
+         * @default null
+         * @since 4.0.3
+         */
+        zMin?: number;
+        /**
+         * When displayNegative is false, bubbles with lower Z values are skipped. When displayNegative is true and a
+         * negativeColor is given, points with lower Z is colored.
+         * @default 0
+         * @since 3.0
+         */
+        zThreshold?: number;
+    }
+
+    interface ColumnChart extends BarChart {
+    }
+
+    /**
+     * The column range is a cartesian series type with higher and lower Y values along an X axis. Requires
+     * highcharts-more.js. To display horizontal bars, set chart.inverted to true.
+     */
+    interface ColumnRangeChart extends ColumnChart {
+        dataLabels?: RangeDataLabels;
+    }
+
+    /**
+     * Error bars are a graphical representation of the variability of data and are used on graphs to indicate the error, or
+     * uncertainty in a reported measurement.
+     */
+    interface ErrorBarChart extends SeriesChart {
+        /**
+         * When using automatic point colors pulled from the options.colors collection, this option determines whether the
+         * chart should receive one color per series or one color per point.
+         * @default false
+         * @since 2.0
+         */
+        colorByPoint?: boolean;
+        /**
+         * A series specific or series type specific color set to apply instead of the global colors when colorByPoint is
+         * true.
+         * @since 3.0
+         */
+        colors?: string[];
+        /**
+         * Depth of the columns in a 3D column chart. Requires highcharts-3d.js.
+         * @default 25
+         * @since 4.0
+         */
+        depth?: number;
+        /**
+         * 3D columns only. The color of the edges. Similar to borderColor, except it defaults to the same color as the
+         * column.
+         */
+        edgeColor?: string;
+        /**
+         * 3D columns only. The width of the colored edges.
+         * @default 1
+         */
+        edgeWidth?: number;
+        /**
+         * The spacing between columns on the Z Axis in a 3D chart. Requires highcharts-3d.js.
+         * @default 1
+         * @since 4.0
+         */
+        groupZPadding?: number;
+        /**
+         * The parent series of the error bar. The default value links it to the previous series. Otherwise, use the id of
+         * the parent series.
+         * @default ':previous'
+         * @since 3.0
+         */
+        linkedTo?: string;
+        /**
+         * The maximum allowed pixel width for a column, translated to the height of a bar in a bar chart. This prevents the
+         * columns from becoming too wide when there is a small number of points in the chart.
+         * @default null
+         * @since 4.1.8
+         */
+        maxPointWidth?: number;
+        /**
+         * Padding between each column or bar, in x axis units.
+         * @default 0.1
+         */
+        pointPadding?: number;
+        /**
+         * The X axis range that each point is valid for. This determines the width of the column. On a categorized axis,
+         * the range will be 1 by default (one category unit). On linear and datetime axes, the range will be computed as
+         * the distance between the two closest data points.
+         * @since 2.3
+         */
+        pointRange?: number;
+        /**
+         * A pixel value specifying a fixed width for each column or bar. When null, the width is calculated from the
+         * pointPadding and groupPadding.
+         * @since 1.2.5
+         */
+        pointWidth?: number;
+        /**
+         * A wrapper object for all the series options in specific states.
+         */
+        states?: {
+            /**
+             * Options for the hovered series
+             */
+            hover?: BarStates;
+        };
+        /**
+         * The color of the stem, the vertical line extending from the box to the whiskers. If null, the series color is
+         * used.
+         * @default null
+         * @since 3.0
+         */
+        stemColor?: string;
+        /**
+         * The dash style of the stem, the vertical line extending from the box to the whiskers.
+         * @default 'Solid'
+         * @since 3.0
+         */
+        stemDashStyle?: string;
+        /**
+         * The width of the stem, the vertical line extending from the box to the whiskers. If null, the width is inherited
+         * from the lineWidth option.
+         * @default null
+         * @since 3.0
+         */
+        stemWidth?: number;
+        /**
+         * The color of the whiskers, the horizontal lines marking low and high values. When null, the general series color
+         * is used.
+         * @default null
+         * @since 3.0
+         */
+        whiskerColor?: string;
+        /**
+         * The length of the whiskers, the horizontal lines marking low and high values. It can be a numerical pixel value,
+         * or a percentage value of the box width. Set 0 to disable whiskers.
+         * @default '50%'
+         * @since 3.0
+         */
+        whiskerLength?: number | string;
+        /**
+         * The line width of the whiskers, the horizontal lines marking low and high values. When null, the general
+         * lineWidth applies.
+         * @default 2
+         * @since 3.0
+         */
+        whiskerWidth?: number;
+    }
+
+    /**
+     * Funnel charts are a type of chart often used to visualize stages in a sales project, where the top are the initial
+     * stages with the most clients. It requires that the modules/funnel.js file is loaded
+     */
+    interface FunnelChart extends SeriesChart {
+        /**
+         * The color of the border surrounding each column or bar.
+         * @default '#FFFFFF'
+         */
+        borderColor?: string | Gradient;
+        /**
+         * The width of the border surrounding each column or bar.
+         * @default 1
+         */
+        borderWidth?: number;
+        /**
+         * The center of the series. By default, it is centered in the middle of the plot area, so it fills the plot area
+         * height.
+         * @default ['50%', '50%']
+         * @since 3.0
+         */
+        center?: [string|number, string|number];
+        /**
+         * A series specific or series type specific color set to use instead of the global colors.
+         * @since 3.0
+         */
+        colors?: string[];
+        dataLabels?: PieDataLabels;
+        /**
+         * The thickness of a 3D pie. Requires highcharts-3d.js
+         * @default 0
+         * @since 4.0
+         */
+        depth?: number;
+        /**
+         * The height of the funnel or pyramid. If it is a number it defines the pixel height, if it is a percentage string
+         * it is the percentage of the plot area height.
+         * @since 3.0
+         */
+        height?: number | string;
+        /**
+         * The minimum size for a pie in response to auto margins. The pie will try to shrink to make room for data labels
+         * in side the plot area, but only to this size.
+         * @default 80
+         * @since 3.0
+         */
+        minSize?: number;
+        /**
+         * The height of the neck, the lower part of the funnel. A number defines pixel width, a percentage string defines a
+         * percentage of the plot area height.
+         * @default '25%'
+         */
+        neckHeight?: number | string;
+        /**
+         * The width of the neck, the lower part of the funnel. A number defines pixel width, a percentage string defines a
+         * percentage of the plot area width.
+         * @default '30%'
+         * @since 3.0
+         */
+        neckWidth?: number | string;
+        /**
+         * A reversed funnel has the widest area down. A reversed funnel with no neck width and neck height is a pyramid.
+         * @default false
+         * @since 3.0.10
+         */
+        reversed?: boolean;
+        /**
+         * If a point is sliced, moved out from the center, how many pixels should it be moved?
+         * @default 10
+         */
+        slicedOffset?: number;
+        /**
+         * A wrapper object for all the series options in specific states.
+         */
+        states?: {
+            /**
+             * Options for the hovered series
+             */
+            hover?: PieStates;
+        };
+        /**
+         * The width of the funnel compared to the width of the plot area, or the pixel width if it is a number.
+         * @default '90%'
+         * @since 3.0
+         */
+        width?: number | string;
+    }
+
+    /**
+     * General plotting options for the gauge series type. Requires highcharts-more.js
+     */
+    interface GaugeChart extends SeriesChart {
+        /**
+         * Data labels for the gauge. For gauges, the data labels are enabled by default and shown in a bordered box below
+         * the point.
+         */
+        datalabels?: DataLabels;
+        /**
+         * Options for the dial or arrow pointer of the gauge.
+         */
+        dial?: Dial;
+        /**
+         * Allow the dial to overshoot the end of the perimeter axis by this many degrees. Say if the gauge axis goes from 0
+         * to 60, a value of 100, or 1000, will show 5 degrees beyond the end of the axis. Defaults to 0.
+         * @default 0
+         * @since 3.0.10
+         */
+        overshoot?: number;
+        /**
+         * Options for the pivot or the center point of the gauge.
+         * @since 2.3.0
+         */
+        pivot?: Pivot;
+        /**
+         * When this option is true, the dial will wrap around the axes. For instance, in a full-range gauge going from 0 to
+         * 360, a value of 400 will point to 40. When wrap is false, the dial stops at 360.
+         * @default true
+         * @since 3.0
+         */
+        wrap?: boolean;
+    }
+
+    /**
+     * The heatmap series type. This series type is available both in Highcharts and Highmaps.
+     * The colors of each heat map point is usually determined by its value and controlled by settings on the colorAxis.
+     */
+    interface HeatMapChart extends SeriesChart {
+        /**
+         * The color of the border surrounding each column or bar.
+         * @default '#FFFFFF'
+         */
+        borderColor?: string | Gradient;
+        /**
+         * The corner radius of the border surrounding each column or bar.
+         * @default 0
+         */
+        borderRadius?: number;
+        /**
+         * The width of the border surrounding each column or bar.
+         * @default 1
+         */
+        borderWidth?: number;
+        /**
+         * When using automatic point colors pulled from the options.colors collection, this option determines whether the
+         * chart should receive one color per series or one color per point. Defaults to false.
+         * @default false
+         * @since 2.0
+         */
+        colorByPoint?: boolean;
+        /**
+         * A series specific or series type specific color set to apply instead of the global colors when colorByPoint is
+         * true.
+         * @since 3.0
+         */
+        colors?: string[];
+        /**
+         * The columns size - how many X axis units each column in the heatmap should span.
+         * @default 1
+         * @since 4.0
+         */
+        colsize?: number;
+        /**
+         * When the series contains less points than the crop threshold, all points are drawn, event if the points fall
+         * outside the visible plot area at the current zoom. The advantage of drawing all points (including markers and
+         * columns), is that animation is performed on updates. On the other hand, when the series contains more points than
+         * the crop threshold, the series data is cropped to only contain points that fall within the plot area. The
+         * advantage of cropping away invisible points is to increase performance on large series.
+         * @default 50
+         */
+        cropTreshold?: number;
+        /**
+         * The maximum allowed pixel width for a column, translated to the height of a bar in a bar chart. This prevents the
+         * columns from becoming too wide when there is a small number of points in the chart.
+         * @default null
+         * @since 4.1.8
+         */
+        maxPointWidth?: number;
+        /**
+         * The row size - how many Y axis units each heatmap row should span.
+         * @default 1
+         * @since 4.0
+         */
+        rowsize?: number;
+        /**
+         * A wrapper object for all the series options in specific states.
+         */
+        states?: {
+            /**
+             * Options for the hovered series
+             */
+            hover?: BarStates;
+        }
+    }
+
+    interface LineChart extends SeriesChart {
+        /**
+         * Whether to apply steps to the line. Possible values are left, center and right. Prior to 2.3.5, only left was
+         * supported.
+         * @default false
+         * @since 1.2.5
+         */
+        step?: boolean|string;
+    }
+
+    /**
+     * A pie chart is a circular chart divided into sectors, illustrating numerical proportion.
+     */
+    interface PieChart extends SeriesChart {
+        /**
+         * The color of the border surrounding each slice. When null, the border takes the same color as the slice fill.
+         * This can be used together with a borderWidth to fill drawing gaps created by antialiazing artefacts in
+         * borderless pies.
+         * @default '#FFFFFF'
+         */
+        borderColor?: string | Gradient;
+        /**
+         * The width of the border surrounding each column or bar.
+         * @default 1
+         */
+        borderWidth?: number;
+        /**
+         * The center of the pie chart relative to the plot area. Can be percentages or pixel values. The default behaviour
+         * (as of 3.0) is to center the pie so that all slices and data labels are within the plot area. As a consequence,
+         * the pie may actually jump around in a chart with dynamic values, as the data labels move. In that case, the
+         * center should be explicitly set, for example to ['50%', '50%'].
+         * @default [null, null]
+         */
+        center?: [string|number, string|number];
+        /**
+         * A series specific or series type specific color set to use instead of the global colors.
+         * @since 3.0
+         */
+        colors?: string[];
+        dataLabels?: PieDataLabels;
+        /**
+         * The thickness of a 3D pie. Requires highcharts-3d.js
+         * @default 0
+         * @since 4.0
+         */
+        depth?: number;
+        /**
+         * The end angle of the pie in degrees where 0 is top and 90 is right. Defaults to startAngle plus 360.
+         * @default null
+         * @since 1.3.6
+         */
+        endAngle?: number;
+        /**
+         * Equivalent to chart.ignoreHiddenSeries, this option tells whether the series shall be redrawn as if the hidden
+         * point were null.
+         *
+         * The default value changed from false to true with Highcharts 3.0.
+         *
+         * @default true
+         * @since 2.3.0
+         */
+        ignoreHiddenPoint?: boolean;
+        /**
+         * The size of the inner diameter for the pie. A size greater than 0 renders a donut chart. Can be a percentage or
+         * pixel value. Percentages are relative to the pie size. Pixel values are given as integers.
+         *
+         * Note: in Highcharts < 4.1.2, the percentage was relative to the plot area, not the pie size.
+         * @default 0
+         * @since 2.0
+         */
+        innerSize?: number | string;
+        /**
+         * The minimum size for a pie in response to auto margins. The pie will try to shrink to make room for data labels
+         * in side the plot area, but only to this size.
+         * @default 80
+         * @since 3.0
+         */
+        minSize?: number;
+        /**
+         * The diameter of the pie relative to the plot area. Can be a percentage or pixel value. Pixel values are given as
+         * integers. The default behaviour (as of 3.0) is to scale to the plot area and give room for data labels within the
+         * plot area. As a consequence, the size of the pie may vary when points are updated and data labels more around. In
+         * that case it is best to set a fixed value, for example '75%'.
+         */
+        size?: number | string;
+        /**
+         * If a point is sliced, moved out from the center, how many pixels should it be moved?
+         * @default 10
+         */
+        slicedOffset?: number;
+        /**
+         * The start angle of the pie slices in degrees where 0 is top and 90 right.
+         * @default 0
+         * @since 2.3.4
+         */
+        startAngle?: number;
+        /**
+         * A wrapper object for all the series options in specific states.
+         */
+        states?: {
+            /**
+             * Options for the hovered series
+             */
+            hover?: PieStates;
+        };
+    }
+
+    /**
+     * A polygon series can be used to draw any freeform shape in the cartesian coordinate system. A fill is applied with
+     * the color option, and stroke is applied through lineWidth and lineColor options. Requires the highcharts-more.js
+     * file.
+     */
+    interface PolygonChart extends SeriesChart {
+        /**
+         * The width of the line connecting the data points.
+         * @default 0
+         */
+        lineWidth?: number;
+    }
+
+    interface PyramidChart extends SeriesChart {
+        /**
+         * The color of the border surrounding each slice
+         * @default '#FFFFFF'
+         */
+        borderColor?: string | Gradient;
+        /**
+         * The width of the border surrounding each slice
+         * @default 1
+         */
+        borderWidth?: number;
+        /**
+         * The center of the series. By default, it is centered in the middle of the plot area, so it fills the plot area
+         * height.
+         * @default ['50%', '50%']
+         * @since 3.0
+         */
+        center?: [string|number, string|number];
+        /**
+         * A series specific or series type specific color set to use instead of the global colors.
+         * @since 3.0
+         */
+        colors?: string[];
+        dataLabels?: PieDataLabels;
+        /**
+         * The thickness of a 3D pie. Requires highcharts-3d.js
+         * @default 0
+         * @since 4.0
+         */
+        depth?: number;
+        /**
+         * The height of the funnel or pyramid. If it is a number it defines the pixel height, if it is a percentage string
+         * it is the percentage of the plot area height.
+         * @since 3.0
+         */
+        height?: number | string;
+        /**
+         * The minimum size for a pie in response to auto margins. The pie will try to shrink to make room for data labels
+         * in side the plot area, but only to this size.
+         * @default 80
+         * @since 3.0
+         */
+        minSize?: number;
+        /**
+         * The pyramid is reversed by default, as opposed to the funnel, which shares the layout engine, and is not
+         * reversed.
+         * @default true
+         * @since 3.0.10
+         */
+        reversed?: boolean;
+        /**
+         * If a point is sliced, moved out from the center, how many pixels should it be moved?
+         * @default 10
+         */
+        slicedOffset?: number;
+        /**
+         * A wrapper object for all the series options in specific states.
+         */
+        states?: {
+            /**
+             * Options for the hovered series
+             */
+            hover?: PieStates;
+        };
+        /**
+         * The width of the pyramid compared to the width of the plot area, or the pixel width if it is a number.
+         * @default '90%'
+         * @since 3.0
+         */
+        width?: number | string;
+    }
+
+    interface ScatterChart extends SeriesChart { }
+
+    /**
+     * A gauge showing values using a filled arc with colors indicating the value. The solid gauge plots values against the
+     * yAxis, which is extended with some color options, minColor, maxColor and stops, to control the color of the gauge
+     * itself.
+     */
+    interface SolidGaugeChart extends SeriesChart {
+        /**
+         * Allow the dial to overshoot the end of the perimeter axis by this many degrees. Say if the gauge axis goes from 0
+         * to 60, a value of 100, or 1000, will show 5 degrees beyond the end of the axis.
+         * @default 0
+         * @since 3.0.10
+         */
+        overshoot?: number;
+        /**
+         * When this option is true, the dial will wrap around the axes. For instance, in a full-range gauge going from 0 to
+         * 360, a value of 400 will point to 40. When wrap is false, the dial stops at 360.
+         * @default true
+         * @since 3.0
+         */
+        wrap?: boolean;
+    }
+
+    interface SplineChart extends SeriesChart { }
+
+    /**
+     * The size of the point shape is determined by its value relative to its siblings values. Requires the module
+     * heatmap.js as well, if functionality such as the colorAxis is to be used.
+     */
+    interface TreeMapChart extends SeriesChart {
+        /**
+         * When enabled the user can click on a point which is a parent and zoom in on its children.
+         * @default false
+         * @since 4.1.0
+         */
+        allowDrillToNode?: boolean;
+        /**
+         * Enabling this option will make the treemap alternate the drawing direction between vertical and horizontal. The
+         * next levels starting direction will always be the opposite of the previous.
+         * @default false
+         * @since 4.1.0
+         */
+        alternateStartingDirection?: boolean;
+        /**
+         * The color of the border surrounding each tree map item.
+         * @default '#E0E0E0'
+         */
+        borderColor?: string | Gradient;
+        /**
+         * The width of the border surrounding each column or bar.
+         * @default 1
+         */
+        borderWidth?: number;
+        /**
+         * When using automatic point colors pulled from the options.colors collection, this option determines whether the
+         * chart should receive one color per series or one color per point.
+         * @default false
+         * @since 2.0
+         */
+        colorByPoint?: boolean;
+        /**
+         * A series specific or series type specific color set to apply instead of the global colors when colorByPoint is
+         * true.
+         * @since 3.0
+         */
+        colors?: string[];
+        /**
+         * This option decides if the user can interact with the parent nodes or just the leaf nodes. When this option is
+         * undefined, it will be true by default. However when allowDrillToNode is true, then it will be false by default.
+         * @since 4.1.2
+         */
+        interactByLeaf?: boolean;
+        /**
+         * This option decides which algorithm is used for setting position and dimensions of the points. Can be one of
+         * 'sliceAndDice', 'stripes', 'squarified' or 'strip'.
+         * @default 'sliceAndDice'
+         * @since 4.1.0
+         */
+        layoutAlgorithm?: string;
+        /**
+         * Defines which direction the layout algorithm will start drawing. Possible values are 'vertical' and 'horizontal'.
+         * @default 'vertical'
+         * @since 4.1.0
+         */
+        layoutStartingDirection?: string;
+        /**
+         * Used together with the levels and allowDrillToNode options. When set to false the first level visible when
+         * drilling is considered to be level one. Otherwise the level will be the same as the tree structure.
+         * @default true
+         * @since 4.1.0
+         */
+        levelIsConstant?: boolean;
+        /**
+         * Set options on specific levels. Takes precedence over series options, but not point options.
+         */
+        levels?: TreeMapLevel[];
+        /**
+         * The maximum allowed pixel width for a column, translated to the height of a bar in a bar chart. This prevents the
+         * columns from becoming too wide when there is a small number of points in the chart.
+         * @default null
+         * @since 4.1.8
+         */
+        maxPointWidth?: number;
+        /**
+         * The sort index of the point inside the treemap level.
+         * @since 4.1.10
+         */
+        sortIndex?: number;
+        /**
+         * A wrapper object for all the series options in specific states.
+         */
+        states?: {
+            /**
+             * Options for the hovered series
+             */
+            hover?: BarStates;
+        }
+    }
+
+    interface WaterFallChart extends BarChart {
+        /**
+         * A name for the dash style to use for the graph. Applies only to series type having a graph, like line, spline,
+         * area and scatter in case it has a lineWidth. The value for the dashStyle include:
+         * - Solid
+         * - ShortDash
+         * - ShortDot
+         * - ShortDashDot
+         * - ShortDashDotDot
+         * - Dot
+         * - Dash
+         * - LongDash
+         * - DashDot
+         * - LongDashDot
+         * - LongDashDotDot
+         * @default 'Dot'
+         */
+        dashStyle?: string;
+        /**
+         * The color of the line that connects columns in a waterfall series.
+         * @default '#333333'
+         * @since 3.0
+         */
+        lineColor?: string | Gradient;
+        /**
+         * The color used specifically for positive point columns. When not specified, the general series color is used.
+         */
+        upColor?: string;
+    }
+
+    /**
+     * The plotOptions is a wrapper object for config objects for each series type. The config objects for each series can
+     * also be overridden for each series item as given in the series array.
      *
-     * In order to set the rotation center for rotation, set x and y to 0 and use translateX and translateY attributes
-     * to position the element instead.
+     * Configuration options for the series are given in three levels. Options for all series in a chart are given in the
+     * plotOptions.series object. Then options for all series of a specific type are given in the plotOptions of that type,
+     * for example plotOptions.line. Next, options for one single series are given in the series array.
+     */
+    interface PlotOptions {
+        area?: AreaChart;
+        arearange?: AreaRangeChart;
+        areaspline?: AreaSplineChart;
+        areasplinerange?: AreaSplineRangeChart;
+        bar?: BarChart;
+        boxplot?: BoxPlotChart;
+        bubble?: BubbleChart;
+        column?: ColumnChart;
+        columnrange?: ColumnRangeChart;
+        errorbar?: ErrorBarChart;
+        funnel?: FunnelChart;
+        gauge?: GaugeChart;
+        heatmap?: HeatMapChart;
+        line?: LineChart;
+        pie?: PieChart;
+        polygon?: PolygonChart;
+        pyramid?: PyramidChart;
+        scatter?: ScatterChart;
+        series?: SeriesChart;
+        solidgauge?: SolidGaugeChart;
+        spline?: SplineChart;
+        treemap?: TreeMapChart;
+        waterfall?: WaterFallChart;
+    }
+
+    /* You will rarely, if ever, want to use this interface directly. Instead it is much more useful to use one of the derived
+     * interfaces (AreaChartSeriesOptions, LineChartSeriesOptions, etc.)
+     */
+    interface IndividualSeriesOptions {
+        type?: string;
+        /**
+         * The main color or the series. In line type series it applies to the line and the point markers unless otherwise
+         *     specified. In bar type series it applies to the bars unless a color is specified per point. The default
+         *     value is pulled from the options.colors array.
+         */
+        color?: string | Gradient;
+        /**
+         * You can set the cursor to "pointer" if you have click events attached to the series, to signal to the user
+         *     that the points and lines can be clicked.
+         */
+        cursor?: string;
+        /**
+         * An array of data points for the series. For the area series type, points can be given in the following ways:
+         *
+         * 1. An array of numerical values. In this case, the numerical values will be interpreted as y options. The x
+         *    values will be automatically calculated, either starting at 0 and incremented by 1, or from pointStart and
+         *    pointInterval given in the series options. If the axis has categories, these will be used. Example:
+         *        data: [0, 5, 3, 5]
+         *
+         * 2. An array of arrays with 2 values. In this case, the values correspond to x,y. If the first value is a string,
+         *    it is applied as the name of the point, and the x value is inferred.
+         *        data: [
+         *            [0, 9],
+         *            [1, 7],
+         *            [2, 6]
+         *        ]
+         *
+         * 3. An array of objects with named values. The objects are point configuration objects as seen below. If the total
+         *    number of data points exceeds the series' turboThreshold, this option is not available.
+         *        data: [{
+         *            x: 1,
+         *            y: 9,
+         *            name: 'Point2',
+         *            color: '#00FF00'
+         *        }, {
+         *            x: 1,
+         *            y: 6,
+         *            name: 'Point1',
+         *            color: '#FF00FF'
+         *        }]
+         */
+        data?: number[] | [number, number][] | [string, number][] | DataPoint[];
+        /**
+         * An id for the series. This can be used after render time to get a pointer to the series object through
+         * chart.get().
+         */
+        id?: string;
+        /**
+         * The index of the series in the chart, affecting the internal index in the chart.series array, the visible Z index
+         * as well as the order in the legend.
+         * @since 2.3.0
+         */
+        index?: number;
+        /**
+         * The sequential index of the series in the legend.
+         */
+        legendIndex?: number;
+        /**
+         * The name of the series as shown in the legend, tooltip etc.
+         */
+        name?: string;
+        /**
+         * A pixel value specifying a fixed width for each column or bar. When null, the width is calculated from
+         * the pointPadding and groupPadding.
+         */
+        pointWidth?: number;
+        /**
+         * This option allows grouping series in a stacked chart. The stack option can be a string or a number or anything
+         * else, as long as the grouped series' stack options match each other.
+         * @since 2.1
+         */
+        stack?: any;
+        /**
+         * When using dual or multiple x axes, this number defines which xAxis the particular series is connected to. It
+         * refers to either the axis id or the index of the axis in the xAxis array, with 0 being the first.
+         * @default 0
+         */
+        xAxis?: string | number;
+        /**
+         * When using dual or multiple x axes, this number defines which xAxis the particular series is connected to. It
+         * refers to either the axis id or the index of the axis in the xAxis array, with 0 being the first.
+         * @default 0
+         */
+        yAxis?: string | number;
+        /**
+         * Define the visual z index of the series.
+         */
+        zIndex?: number;
+    }
+
+    interface SeriesOptions extends IndividualSeriesOptions, SeriesChart { }
+
+    interface AreaChartSeriesOptions extends IndividualSeriesOptions, AreaChart { }
+    interface AreaRangeChartSeriesOptions extends IndividualSeriesOptions, AreaRangeChart { }
+    interface AreaSplineChartSeriesOptions extends IndividualSeriesOptions, AreaSplineChart { }
+    interface AreaSplineRangeChartSeriesOptions extends IndividualSeriesOptions, AreaSplineRangeChart { }
+    interface BarChartSeriesOptions extends IndividualSeriesOptions, BarChart { }
+    interface BoxPlotChartSeriesOptions extends IndividualSeriesOptions, BoxPlotChart { }
+    interface BubbleChartSeriesOptions extends IndividualSeriesOptions, BubbleChart { }
+    interface ColumnChartSeriesOptions extends IndividualSeriesOptions, ColumnChart { }
+    interface ColumnRangeChartSeriesOptions extends IndividualSeriesOptions, ColumnRangeChart { }
+    interface ErrorBarChartSeriesOptions extends IndividualSeriesOptions, ErrorBarChart { }
+    interface FunnelChartSeriesOptions extends IndividualSeriesOptions, FunnelChart { }
+    interface GaugeChartSeriesOptions extends IndividualSeriesOptions, GaugeChart { }
+    interface HeatMapSeriesOptions extends IndividualSeriesOptions, HeatMapChart { }
+    interface LineChartSeriesOptions extends IndividualSeriesOptions, LineChart { }
+    interface PieChartSeriesOptions extends IndividualSeriesOptions, PieChart { }
+    interface PolygonChartSeriesOptions extends IndividualSeriesOptions, PolygonChart { }
+    interface PyramidChartSeriesOptions extends IndividualSeriesOptions, PyramidChart { }
+    interface ScatterChartSeriesOptions extends IndividualSeriesOptions, ScatterChart { }
+    interface SolidGaugeChartSeriesOptions extends IndividualSeriesOptions, SolidGaugeChart { }
+    interface SplineChartSeriesOptions extends IndividualSeriesOptions, SplineChart { }
+    interface TreeMapChartSeriesOptions extends IndividualSeriesOptions, TreeMapChart { }
+    interface WaterFallChartSeriesOptions extends IndividualSeriesOptions, WaterFallChart { }
+
+    interface DataPoint {
+        /**
+         * Individual color for the point. By default the color is pulled from the global colors array.
+         * @default undefined
+         */
+        color?: string | Gradient;
+        /**
+         * Serves a purpose only if a colorAxis object is defined in the chart options. This value will decide which color
+         * the point gets from the scale of the colorAxis.
+         * @default undefined
+         */
+        colorValue?: number;
+        /**
+         * Individual data label for each point. The options are the same as the ones for plotOptions.series.dataLabels
+         */
+        dataLabels?: DataLabels;
+        /**
+         * The id of a series in the drilldown.series array to use for a drilldown for this point.
+         * @since 3.0.8
+         */
+        drilldown?: string;
+        /**
+         * Individual point events
+         */
+        events?: PointEvents;
+        /**
+         * The high or maximum value for each data point.
+         */
+        high?: number;
+        /**
+         * An id for the point. This can be used after render time to get a pointer to the point object through chart.get().
+         * @since 1.2.0
+         */
+        id?: string;
+        /**
+         * The inner radius of an individual point in a solid gauge. Can be given as a number (pixels) or percentage string.
+         * @since 4.1.6
+         */
+        innerRadius?: number|string;
+        /**
+         * When this property is true, the points acts as a summary column for the values added or substracted since the
+         * last intermediate sum, or since the start of the series. The y value is ignored.
+         * @default false
+         */
+        isIntermediateSum?: boolean;
+        /**
+         * When this property is true, the point display the total sum across the entire series. The y value is ignored.
+         * @default false
+         */
+        isSum?: boolean;
+        /**
+         * The sequential index of the data point in the legend.
+         */
+        legendIndex?: number;
+        /**
+         * The low or minimum value for each data point.
+         */
+        low?: number;
+        marker?: Marker;
+        /**
+         * The median for each data point. This is drawn as a line through the middle area of the box.
+         */
+        median?: number;
+        /**
+         * The name of the point as shown in the legend, tooltip, dataLabel etc.
+         *
+         * If the xAxis.type is set to category, and no categories option exists, the category will be pulled from the
+         * point.name of the last series defined. For multiple series, best practice however is to define xAxis.categories.
+         */
+        name?: string;
+        /**
+         * Only for treemap. Use this option to build a tree structure. The value should be the id of the point which is the
+         * parent. If no points has a matching id, or this option is undefined, then the parent will be set to the root.
+         * @default undefined
+         * @since 4.1.0
+         */
+        parent?: string;
+        /**
+         * The lower quartile for each data point. This is the bottom of the box.
+         */
+        q1?: number;
+        /**
+         * The higher quartile for each data point. This is the top of the box.
+         */
+        q3?: number;
+        /**
+         * The outer radius of an individual point in a solid gauge. Can be given as a number (pixels) or percentage string.
+         * @since 4.1.6
+         */
+        radius?: number|string;
+        /**
+         * Whether the data point is selected initially.
+         * @default false
+         */
+        selected?: boolean;
+        /**
+         * Whether to display a slice offset from the center.
+         * @default false
+         */
+        sliced?: boolean;
+        /**
+         * The value of the point, resulting in a relative area of the point in the treemap.
+         */
+        value?: number;
+        /**
+         * The x value of the point. For datetime axes, the X value is the timestamp in milliseconds since 1970.
+         */
+        x?: number;
+        /**
+         * The y value of the point.
+         */
+        y?: number;
+        /**
+         * The size value for each bubble. The bubbles' diameters are computed based on the z, and controlled by series
+         * options like minSize, maxSize, sizeBy, zMin and zMax.
+         */
+        z?: number;
+    }
+
+    /**
+     * The chart's subtitle
+     */
+    interface SubtitleOptions {
+        /**
+         * The horizontal alignment of the subtitle. Can be one of 'left', 'center' and 'right'.
+         * @default 'center'
+         * @since 2.0
+         */
+        align?: string;
+        /**
+         * When the subtitle is floating, the plot area will not move to make space for it.
+         * @default false
+         * @since 2.1
+         */
+        floating?: boolean;
+        /**
+         * CSS styles for the title. Exact positioning of the title can be achieved by changing the margin property, or by
+         * adding position: 'absolute' and left and top properties.
+         * @default { 'color': '#555555' }
+         */
+        style?: Object;
+        /**
+         * The subtitle of the chart.
+         */
+        text?: string;
+        /**
+         * Whether to {@link http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html|use HTML} to render the text.
+         * @default false
+         */
+        useHTML?: boolean;
+        /**
+         * The vertical alignment of the title. Can be one of 'top', 'middle' and 'bottom'. When a value is given, the title
+         * behaves as floating.
+         * @since 2.1
+         */
+        verticalAlign?: string;
+        /**
+         * The x position of the subtitle relative to the alignment within chart.spacingLeft and chart.spacingRight.
+         * @default 0
+         * @since 2.0
+         */
+        x?: number;
+        /**
+         * The y position of the subtitle relative to the alignment within chart.spacingTop and chart.spacingBottom. By
+         * default the subtitle is laid out below the title unless the title is floating.
+         * @default null
+         * @since 2.0
+         */
+        y?: number;
+    }
+
+    interface TitleOptions {
+        /**
+         * The horizontal alignment of the title. Can be one of 'left', 'center' and 'right'.
+         * @default 'center'
+         * @since 2.0
+         */
+        align?: string;
+        /**
+         * When the title is floating, the plot area will not move to make space for it.
+         * @default false
+         * @since 2.1
+         */
+        floating?: boolean;
+        /**
+         * The margin between the title and the plot area, or if a subtitle is present, the margin between the subtitle and
+         * the plot area.
+         * @default 15
+         * @since 2.1
+         */
+        margin?: number;
+        /**
+         * CSS styles for the title. Exact positioning of the title can be achieved by changing the margin property, or by
+         * adding position: 'absolute' and left and top properties.
+         * @default { 'color': '#333333', 'fontSize': '18px' }
+         */
+        style?: Object;
+        /**
+         * The title of the chart. To disable the title, set the text to null.
+         * @default 'Chart title'
+         */
+        text?: string;
+        /**
+         * Whether to {@link http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html|use HTML} to render the text.
+         * @default false
+         */
+        useHTML?: boolean;
+        /**
+         * The vertical alignment of the title. Can be one of 'top', 'middle' and 'bottom'. When a value is given, the title
+         * behaves as floating.
+         * @since 2.1
+         */
+        verticalAlign?: string;
+        /**
+         * The x position of the title relative to the alignment within chart.spacingLeft and chart.spacingRight.
+         * @default 0
+         * @since 2.0
+         */
+        x?: number;
+        /**
+         * The y position of the title relative to the alignment within chart.spacingTop and chart.spacingBottom. By default
+         * it depends on the font size.
+         * @default null
+         * @since 2.0
+         */
+        y?: number;
+    }
+
+    interface CrosshairObject {
+        color?: string | Gradient;
+        width?: number;
+        dashStyle?: string; //Solid ShortDash ShortDot ShortDashDot ShortDashDotDot Dot Dash LongDash DashDot LongDashDot LongDashDotDot
+        zIndex?: number;
+    }
+
+    interface PlotPoint {
+        plotX: number;
+        plotY: number;
+    }
+
+    interface TooltipOptions extends SeriesTooltipOptions {
+        /**
+         * Enable or disable animation of the tooltip. In slow legacy IE browsers the animation is disabled by default.
+         * @default true
+         * @since 2.3.0
+         */
+        animation?: boolean;
+        /**
+         * The background color or gradient for the tooltip.
+         * @default 'rgba(255, 255, 255, 0.85)'
+         */
+        backgroundColor?: string | Gradient;
+        /**
+         * The color of the tooltip border. When null, the border takes the color of the corresponding series or point.
+         * @default null
+         */
+        borderColor?: string | Gradient;
+        /**
+         * The radius of the rounded border corners.
+         * @default 3
+         */
+        borderRadius?: number;
+        /**
+         * The pixel width of the tooltip border.
+         * @default 1
+         */
+        borderWidth?: number;
+        /**
+         * Display crosshairs to connect the points with their corresponding axis values. The crosshairs can be defined as a
+         * boolean, an array of booleans or an object.
+         *
+         * Boolean
+         *   If the crosshairs option is true, a single crosshair relating to the x axis will be shown.
+         *
+         * Array of booleans
+         *   In an array of booleans, the first value turns on the x axis crosshair and the second value to the y axis
+         *   crosshair. Use [true, true] to show complete crosshairs.
+         *
+         * Array of objects
+         *   In an array of objects, the first value applies to the x axis crosshair and the second value to the y axis
+         *   crosshair. For each dimension, a width, color, dashStyle and zIndex can be given.
+         *
+         * @default null
+         */
+        crosshairs?: boolean | [boolean, boolean] | CrosshairObject | [CrosshairObject, CrosshairObject];
+        /**
+         * Enable or disable the tooltip.
+         * @default true
+         */
+        enabled?: boolean;
+        /**
+         * Callback function to format the text of the tooltip. Return false to disable tooltip for a specific point on
+         * series.
+         *
+         * A subset of HTML is supported. The HTML of the tooltip is parsed and converted to SVG, therefore this isn't a
+         * complete HTML renderer. The following tabs are supported: <b>, <strong>, <i>, <em>, <br/>, <span>. Spans can be
+         * styled with a style attribute, but only text-related CSS that is shared with SVG is handled.
+         *
+         * Since version 2.1 the tooltip can be shared between multiple series through the shared option. The available data
+         * in the formatter differ a bit depending on whether the tooltip is shared or not. In a shared tooltip, all
+         * properties except x, which is common for all points, are kept in an array, this.points.
+         *
+         * Available data are:
+         * this.percentage (not shared) / this.points[i].percentage (shared)
+         *   Stacked series and pies only. The point's percentage of the total.
+         * this.point (not shared) / this.points[i].point (shared)
+         *   The point object. The point name, if defined, is available through this.point.name.
+         * this.points
+         *   In a shared tooltip, this is an array containing all other properties for each point.
+         * this.series (not shared) / this.points[i].series (shared)
+         *   The series object. The series name is available through this.series.name.
+         * this.total (not shared) / this.points[i].total (shared)
+         *   Stacked series only. The total value at this point's x value.
+         * this.x
+         *   The x value. This property is the same regardless of the tooltip being shared or not.
+         * this.y (not shared) / this.points[i].y (shared)
+         *   The y value.
+         */
+        formatter?: () => boolean | string;
+        /**
+         * A callback function to place the tooltip in a default position. The callback receives three parameters:
+         * labelWidth, labelHeight and point, where point contains values for plotX and plotY telling where the reference
+         * point is in the plot area. Add chart.plotLeft and chart.plotTop to get the full coordinates.
+         *
+         * The return should be an object containing x and y values, for example { x: 100, y: 100 }.
+         * @since 2.2.4
+         */
+        positioner?: (labelWidth: number, labelHeight: number, point: PlotPoint) => { x: number; y: number; };
+        /**
+         * Whether to apply a drop shadow to the tooltip.
+         * @default true
+         */
+        shadow?: boolean;
+        /**
+         * The name of a symbol to use for the border around the tooltip. In Highcharts 3.x and less, the shape was square.
+         * @default 'callout'
+         * @since 4.0
+         */
+        shape?: string;
+        /**
+         * When the tooltip is shared, the entire plot area will capture mouse movement or touch events. Tooltip texts for
+         * series types with ordered data (not pie, scatter, flags etc) will be shown in a single bubble. This is
+         * recommended for single series charts and for tablet/mobile optimized charts.
+         * @default false
+         * @since 2.1
+         */
+        shared?: boolean;
+        /**
+         * Proximity snap for graphs or single points. Does not apply to bars, columns and pie slices. It defaults to 10 for
+         * mouse-powered devices and 25 for touch devices. Note that since Highcharts 4.1 the whole plot area by default
+         * captures pointer events in order to show the tooltip, so for tooltip.snap to make sense, stickyTracking must be
+         * false.
+         * @since 1.2.0
+         */
+        snap?: number;
+        /**
+         * CSS styles for the tooltip. The tooltip can also be styled through the CSS class .highcharts-tooltip
+         * @default { color: '#333333', fontSize: '12px', padding: '8px' }
+         */
+        style?: Object;
+        /**
+         * Use HTML to render the contents of the tooltip instead of SVG. Using HTML allows advanced formatting like tables
+         * and images in the tooltip. It is also recommended for rtl languages as it works around rtl bugs in early Firefox.
+         * @default false
+         * @since 2.2
+         */
+        useHTML?: boolean;
+    }
+
+    interface SeriesTooltipOptions {
+        /**
+         * For series on a datetime axes, the date format in the tooltip's header will by default be guessed based on the
+         * closest data points. This member gives the default string representations used for each unit.
+         */
+        dateTimeLabelFormats?: DateTimeFormats;
+        /**
+         * Whether the tooltip should follow the mouse as it moves across columns, pie slices and other point types with an
+         * extent. By default it behaves this way for scatter, bubble and pie series by override in the plotOptions for
+         * those series types.
+         *
+         * For touch moves to behave the same way, followTouchMove must be true also.
+         * @default false
+         * @since 3.0
+         */
+        followPointer?: boolean;
+        /**
+         * Whether the tooltip should follow the finger as it moves on a touch device. If chart.zoomType is set, it will
+         * override followTouchMove.
+         * @default true
+         * @since 3.0.1
+         */
+        followTouchMove?: boolean;
+        /**
+         * A string to append to the tooltip format.
+         * @default 'false'
+         * @since 2.2
+         */
+        footerFormat?: string;
+        /**
+         * The HTML of the tooltip header line. Variables are enclosed by curly brackets. Available variables are point.key,
+         * series.name, series.color and other members from the point and series objects. The point.key variable contains
+         * the category name, x value or datetime string depending on the type of axis. For datetime axes, the point.key
+         * date format can be set using tooltip.xDateFormat.
+         *
+         * @default '<span style='font-size: 10px'>{point.key}</span><br/>'
+         */
+        headerFormat?: string;
+        /**
+         * The number of milliseconds to wait until the tooltip is hidden when mouse out from a point or chart.
+         * @default 500
+         * @since 3.0
+         */
+        hideDelay?: number;
+        /**
+         * The HTML of the point's line in the tooltip. Variables are enclosed by curly brackets. Available variables are
+         * point.x, point.y, series.name and series.color and other properties on the same form. Furthermore, point.y can be
+         * extended by the tooltip.valuePrefix and tooltip.valueSuffix variables. This can also be overridden for each
+         * series, which makes it a good hook for displaying units.
+         *
+         * @default '<span style='color:{point.color}'>\u25CF</span> {series.name}: <b>{point.y}</b><br/>'
+         * @since 2.2
+         */
+        pointFormat?: string;
+        /**
+         * A callback function for formatting the HTML output for a single point in the tooltip. Like the pointFormat
+         * string, but with more flexibility.
+         *
+         * The this keyword refers to the Point object.
+         * @since 4.1.0
+         */
+        pointFormatter?: () => string;
+        /**
+         * How many decimals to show in each series' y value. This is overridable in each series' tooltip options object.
+         * The default is to preserve all decimals.
+         * @since 2.2
+         */
+        valueDecimals?: number;
+        /**
+         * A string to prepend to each series' y value. Overridable in each series' tooltip options object.
+         * @since 2.2
+         */
+        valuePrefix?: string;
+        /**
+         * A string to append to each series' y value. Overridable in each series' tooltip options object.
+         * @since 2.2
+         */
+        valueSuffix?: string;
+        /**
+         * The format for the date in the tooltip header if the X axis is a datetime axis. The default is a best guess based
+         * on the smallest distance between points in the chart.
+         */
+        xDateFormat?: string;
+    }
+
+    interface Options {
+        /**
+         * Options regarding the chart area and plot area as well as general chart options.
+         */
+        chart?: ChartOptions;
+        colorAxis?: ColorAxisOptions | ColorAxisOptions[];
+        /**
+         * An array containing the default colors for the chart's series. When all colors are used, new colors are pulled
+         * from the start again.
+         *
+         * Default colors can also be set on a series or series.type basis, see column.colors, pie.colors.
+         *
+         * @default ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1']
+         */
+        colors?: string[];
+        /**
+         * Highchart by default puts a credits label in the lower right corner of the chart. This can be changed using these options.
+         */
+        credits?: CreditsOptions;
+        /**
+         * The Data module provides a simplified interface for adding data to a chart from sources like CVS, HTML tables or
+         * grid views. See also the tutorial article on the Data module.
+         *
+         * It requires the modules/data.js file to be loaded.
+         *
+         * Please note that the default way of adding data in Highcharts, without the need of a module, is through the
+         * series.data option.
+         */
+        data?: DataOptions;
+        /**
+         * Options for drill down, the concept of inspecting increasingly high resolution data through clicking on chart
+         * items like columns or pie slices.
+         *
+         * The drilldown feature requires the drilldown.js file to be loaded, found in the modules directory of the download
+         * package, or online at code.highcharts.com/modules/drilldown.js.
+         */
+        drilldown?: DrilldownOptions;
+        /**
+         * Options for the exporting module.
+         */
+        exporting?: ExportingOptions;
+        /**
+         * HTML labels that can be positioned anywhere in the chart area.
+         */
+        labels?: LabelsOptions;
+        lang?: LangObject;
+        /**
+         * The legend is a box containing a symbol and name for each series item or point item in the chart.
+         */
+        legend?: LegendOptions;
+        /**
+         * The loading options control the appearance of the loading screen that covers the plot area on chart operations.
+         * This screen only appears after an explicit call to chart.showLoading(). It is a utility for developers to
+         * communicate to the end user that something is going on, for example while retrieving new data via an XHR
+         * connection. The 'Loading...' text itself is not part of this configuration object, but part of the lang object.
+         */
+        loading?: LoadingOptions;
+        /**
+         * A collection of options for buttons and menus appearing in the exporting module.
+         */
+        navigation?: NavigationOptions;
+        /**
+         * Options for displaying a message like 'No data to display'. This feature requires the file no-data-to-display.js
+         * to be loaded in the page. The actual text to display is set in the lang.noData option.
+         */
+        noData?: NoDataOptions;
+        /**
+         * Applies only to polar charts and angular gauges. This configuration object holds general options for the combined
+         * X and Y axes set. Each xAxis or yAxis can reference the pane by index.
+         */
+        pane?: PaneOptions;
+        /**
+         * The plotOptions is a wrapper object for config objects for each series type. The config objects for each series
+         * can also be overridden for each series item as given in the series array.
+         *
+         * Configuration options for the series are given in three levels. Options for all series in a chart are given in
+         * the plotOptions.series object. Then options for all series of a specific type are given in the plotOptions of
+         * that type, for example plotOptions.line. Next, options for one single series are given in the series array.
+         */
+        plotOptions?: PlotOptions;
+        /**
+         * The actual series to append to the chart. In addition to the members listed below, any member of the plotOptions
+         * for that specific type of plot can be added to a series individually. For example, even though a general
+         * lineWidth is specified in plotOptions.series, an individual lineWidth can be specified for each series.
+         */
+        series?: IndividualSeriesOptions[];
+        /**
+         * The chart's subtitle
+         */
+        subtitle?: SubtitleOptions;
+        /**
+         * The chart's main title.
+         */
+        title?: TitleOptions;
+        /**
+         * Options for the tooltip that appears when the user hovers over a series or point.
+         */
+        tooltip?: TooltipOptions;
+        /**
+         * The X axis or category axis. Normally this is the horizontal axis, though if the chart is inverted this is the
+         * vertical axis. In case of multiple axes, the xAxis node is an array of configuration objects.
+         */
+        xAxis?: AxisOptions[] | AxisOptions;
+        /**
+         * The Y axis or value axis. Normally this is the vertical axis, though if the chart is inverted this is the
+         * horizontal axis. In case of multiple axes, the yAxis node is an array of configuration objects.
+         */
+        yAxis?: AxisOptions[] | AxisOptions;
+    }
+
+    interface GlobalOptions extends Options {
+        /**
+         * Global options that don't apply to each chart. These options, like the lang options, must be set using the
+         * Highcharts.setOptions method.
+         */
+        global?: GlobalObject;
+        /**
+         * Language object. The language object is global and it can't be set on each chart initiation. Instead, use
+         * Highcharts.setOptions to set it before any chart is initiated.
+         */
+        lang?: LangObject;
+    }
+
+    interface DateFormatSpecifiers
+    {
+        [index: string]: (timestamp: number) => string;
+    }
+
+    /**
+     * A chart can have from 0 axes (pie chart) to multiples. In a normal, single series cartesian chart, there is one X
+     * axis and one Y axis.
      *
-     * Attributes frequently used in Highcharts are fill, stroke, stroke-width.
-     * @param  {any} hash A set of attributes to apply.
-     * @return {HighchartsElementObject}
-     * @since 2.0
+     * The X axis or axes are referenced by chart.xAxis, which is an array of Axis objects. If there is only one axis, it
+     * can be referenced through chart.xAxis[0], and multiple axes have increasing indices. The same pattern goes for Y
+     * axes.
+     *
+     * If you need to get the axes from a series object, use the series.xAxis andseries.yAxis properties. These are not
+     * arrays, as one series can only be associated to one X and one Y axis.
+     *
+     * A third way to reference the axis programmatically is by id. Add an id in the axis configuration options, and get the
+     * axis by chart.get(id).
+     *
+     * Configuration options for the axes are given in options.xAxis and options.yAxis.
      */
-    attr(hash: any): HighchartsElementObject;
-    /**
-     * Apply some CSS properties to the element
-     * @param {Object} hash The object literal of CSS properties to apply. Properties should be hyphenated, not camelCased.
-     * @return {HighchartsElementObject}
-     * @since 2.0
-     */
-    css(hash: Object): HighchartsElementObject;
-    /**
-     * Destroy the element and free up memory
-     * @since 2.0
-     */
-    destroy(): void;
-    fadeOut(duration?: number): void;
-    /**
-     * Get the bounding box of the element
-     * @return An object containing x, y, width and height values for the element.
-     * @since 2.0
-     */
-    getBBox(): { x: number; y: number; height: number; width: number; };
-    /**
-     * Apply an event handler to the element
-     * @param {string} eventType The event type to attach, for example 'click', 'mouseover', 'touch'.
-     * @param handler The event handler function.
-     * @return {HighchartsElementObject}
-     * @since 2.0
-     */
-    on(eventType: string, handler: () => void): HighchartsElementObject;
-    /**
-     * Bring the element to the front. Alternatively, a zIndex attribute can be given.
-     * @return {HighchartsElementObject} The element object
-     * @since 2.0
-     */
-    toFront(): HighchartsElementObject;
-}
-
-/**
- * Allows direct access to the Highcharts rendering layer in order to draw primitive shapes like circles,
- * rectangles,paths or text directly on a chart, or independent from any chart. The Renderer represents a wrapper object
- * for SVGin modern browsers and VML in IE < 8.
- *
- * An existing chart's renderer can be accessed through chart.renderer. To create a renderer independent from a chart,
- * use var renderer = new Highcharts.Renderer(parentNode, width, height); where parentNode is the HTML element where you
- * want to add it.
- *
- * The Renderer's methods are chained wherever possible, so you can initiate an element then call for example attr and
- * css and add on that element in one statement.
- */
-interface HighchartsRendererObject {
-    /**
-     * Draw an arc on the renderer canvas.
-     * @param  {number} centerX The x position of the arc's center in the SVG element.
-     * @param  {number} centerY The y position of the arc's center in the SVG element.
-     * @param  {number} outerRadius The outer radius of the arc.
-     * @param  {number} innerRadius The inner radius of the arc.
-     * @param  {number} start The starting angle of the arc in radians, where 0 is to the right and -Math.PI/2 is up.
-     * @param  {number} end The ending angle of the arc in radians, where 0 is to the right and -Math.PI/2 is up.
-     * @return {HighchartsElementObject}
-     * @since 2.0
-     */
-    arc(centerX: number, centerY: number, outerRadius: number, innerRadius: number, start: number, end: number): HighchartsElementObject;
-    /**
-     * Draw circle on the renderer canvas.
-     * @param  {number} centerX The x position of the circle's center in the SVG element.
-     * @param  {number} centerY The y position of the circle's center in the SVG element.
-     * @param  {number} radius  [description]
-     * @return {HighchartsElementObject}
-     * @since 2.0
-     */
-    circle(centerX: number, centerY: number, radius: number): HighchartsElementObject;
-    /**
-     * Add an SVG/VML group.
-     * @param [string] name The name of the group. This will be used in the class name, which will be 'highcharts-'+ name. Other Element objects are added to the group by using the group as the first parameter in .add() for the wrappers
-     * @return {HighchartsElementObject}
-     * @since 2.0
-     */
-    g(name?: string): HighchartsElementObject;
-    /**
-     * Add an image from an external resource.
-     * @param  {string} source The URL of the image.
-     * @param  {number} x      The x position of the image's upper left corner.
-     * @param  {number} y      The y position of the image's upper left corner.
-     * @param  {number} width  The width of the image.
-     * @param  {number} height The height of the image.
-     * @return {HighchartsElementObject}
-     * @since 2.0
-     */
-    image(source: string, x: number, y: number, width: number, height: number): HighchartsElementObject;
-    /**
-     * Draw a label, which is an extended text element with support for border and background. Highcharts creates a g
-     * element with a text and a path or rect inside, to make it behave somewhat like a HTML div. Border and background
-     * are set through stroke, stroke-width and fill attributes using the attr method. This must be done before calling
-     * add.
-     * @param  {string} str The text or HTML to draw
-     * @param  {number} x The x position of the label's left side.
-     * @param  {number} y The y position of the label's top side or baseline, depending on the baseline parameter.
-     * @param  [string] shape The shape of the label's border/background, if any. Defaults to rect.
-     * @param  [number] anchorX If the shape has a pointer, like the chevron on a callout shape, anchorX is the x position to point to.
-     * @param  [number] anchorY If the shape has a pointer, like the chevron on a callout shape, anchorY is the y position to point to.
-     * @param  [boolean] useHTML Use HTML to render the text of the label.
-     * @param  [boolean] baseline Whether the label should be vertically aligned by the text baseline, which makes it behave like the text element, or by the top left side, which makes it behave like a HTML div.
-     * @param  [string] className A class name for the g element surrounding the label.
-     * @return {HighchartsElementObject}
-     * @since 2.0
-     */
-    label(str: string, x: number, y: number, shape?: string, anchorX?: number, anchorY?: number, useHTML?: boolean, baseline?: boolean, className?: string): HighchartsElementObject;
-    /**
-     * Add a path based on SVG's path commands. In SVG capable browsers all path commands are supported, but in VML only
-     * a subset is supported: absolute moveTo (M), absolute lineTo (L), absolute curveTo (C) and close (Z).
-     * @param  {(string|number)[]} path An SVG path split up in array form.
-     * @return {HighchartsElementObject}
-     */
-    path(path: [string|number]): HighchartsElementObject;
-    /**
-     * Add a rectangle.
-     * @param  {number} x The x position of the rectangle's upper left corner.
-     * @param  {number} y The y position of the rectangle's upper left corner.
-     * @param  {number} width The width of the rectangle.
-     * @param  {number} height The height of the rectangle.
-     * @param  {number} cornerRadius The corner radius of all the rectangle's corners.
-     * @return {HighchartsElementObject}
-     * @since 2.0
-     */
-    rect(x: number, y: number, width: number, height: number, cornerRadius: number): HighchartsElementObject;
-    /**
-     * Draw text. The text can contain a subset of HTML, like spans and anchors and some basic text styling of these.
-     * For more advanced features like border and background, use label instead.
-     * @param  {string} str The text or HTML to draw
-     * @param  {number} x The x position of the text's lower left corner.
-     * @param  {number} y The y position of the text's lower left corner.
-     * @return {HighchartsElementObject}
-     * @since 2.0
-     */
-    text(str: string, x: number, y: number): HighchartsElementObject;
-}
-
-interface HighchartsRenderer {
-    new (parentNode: HTMLElement, width: number, height: number): HighchartsRendererObject;
-}
-
-interface HighchartsStatic {
-    Chart: HighchartsChart;
-    Renderer: HighchartsRenderer;
-    Color(color: string | HighchartsGradient): string | HighchartsGradient;
+    interface AxisObject {
+        /**
+         * Add a plot band after render time.
+         * @param {PlotBands} options A configuration object consisting of the same members as options.xAxis.plotBands
+         * @since 1.2.0
+         */
+        addPlotBand(options: PlotBands): void;
+        /**
+         * Add a plot line after render time.
+         * @param {PlotLines} options A configuration object consisting of the same members as options.xAxis.plotLines
+         * @since 1.2.0
+         */
+        addPlotLine(options: PlotLines): void;
+        /**
+         * Get the current extremes for the axis.
+         * @since 1.2.0
+         */
+        getExtremes(): Extremes;
+        /**
+         * Remove an axis from the chart.
+         * @param [boolean] redraw Defaults to true. Whether to redraw the chart following the remove.
+         * @since 3.0
+         */
+        remove(redraw?: boolean): void;
+        /**
+         * Remove a plot band by its id.
+         * @param {string} id The plot band's id as given in the original configuration object or in the addPlotBand method.
+         * @since 1.2.0
+         */
+        removePlotBand(id: string): void;
+        /**
+         * Remove a plot line by its id.
+         * @param {string} id The plot line's id as given in the original configuration object or in the addPlotLine method.
+         * @since 1.2.0
+         */
+        removePlotLine(id: string): void;
+        /**
+         * Set new categories for the axis. Redraws.
+         * @param {string[]} categories The new category names.
+         * @since 1.2.0
+         */
+        setCategories(categories: string[]): void;
+        /**
+         * Set new categories for the axis.
+         * @param {string[]} categories The new category names.
+         * @param {boolean}  redraw     Whether to redraw the axis or wait for an explicit call to chart.redraw().
+         * @since 1.2.0
+         */
+        setCategories(categories: string[], redraw: boolean): void;
+        /**
+         * Set the minimum and maximum of the axes after render time. If the startOnTick and endOnTick options are true, the
+         * minimum and maximum values are rounded off to the nearest tick. To prevent this, these options can be set to
+         * false before calling setExtremes. Also, setExtremes will not allow a range lower than the minRange option, which
+         * by default is the range of five points.
+         * @param {number} min The new minimum value
+         * @param {number} max The new maximum value
+         * @param {boolean} redraw Whether to redraw the chart or wait for an explicit call to chart.redraw().
+         * @param {boolean | Animation} animation When true, the resize will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
+         * @since 1.2.0
+         */
+        setExtremes(min?: number, max?: number, redraw?: boolean, animation?: boolean | Animation, eventArguments?: any): void;
+        /**
+         * Update the title of the axis after render time.
+         * @param {AxisTitle} title  The new title options on the same format as given in xAxis.title.
+         * @param {boolean}             redraw Whether to redraw the chart now or hold until the next chart.redraw()
+         * @since 2.2
+         */
+        setTitle(title: AxisTitle, redraw?: boolean): void;
+        /**
+         * Translates a value in terms of axis units in to pixels within the chart.
+         * @param  {number}  value           A value in terms of axis units.
+         * @param  {boolean} paneCoordinates Whether to return the pixel coordinate relative to the chart or just the axis/pane itself.
+         * @return {number}
+         * @since 3.0
+         */
+        toPixels(value: number, paneCoordinates?: boolean): number;
+        /**
+         * Translate a pixel position along the axis to a value in terms of axis units.
+         * @param  {number}  pixel           A pixel position along the axis.
+         * @param  {boolean} paneCoordinates Whether the input pixel position is relative to the chart or just the axis/pane itself.
+         * @return {number}
+         * @since 3.0
+         */
+        toValue(pixel: number, paneCoordinates?: boolean): number;
+        /**
+         * Update an axis object with a new set of options. The options are merged with the existing options, so only new or
+         * altered options need to be specified.
+         * @param {AxisOptions} options The new options that will be merged in with existing options on the axis.
+         * @param {boolean}               redraw  Defaults to true. Whether to redraw the chart after the new options are set.
+         * @since 3.0
+         */
+        update(options: AxisOptions, redraw?: boolean): void;
+    }
 
     /**
-     * As Highcharts.Chart, but without need for the new keyword.
-     * @since 4.2.0
+     * The chart object is the JavaScript object representing a single chart in the web page.The pointer to your chart
+     * object is returned when a chart is created using the Highcharts.Chart() constructor:
+     * var chart1 = new Highcharts.Chart(options);
      */
-    chart(options: HighchartsOptions, callback?: (chart: HighchartsChartObject) => void): HighchartsChartObject;
-    /**
-     * As Highcharts.Chart, but without need for the new keyword.
-     * @since 4.2.0
-     */
-    chart(renderTo: string | HTMLElement, options: HighchartsOptions, callback?: (chart: HighchartsChartObject) => void): HighchartsChartObject;
-    /**
-     * An array containing the current chart objects in the page. A chart's position in the array is preserved
-     * throughout the page's lifetime. When a chart is destroyed, the array item becomes undefined.
-     * @since 2.3.4
-     */
-    charts: HighchartsChartObject[];
-    /**
-     * Formats a JavaScript date timestamp (milliseconds since Jan 1st 1970) into a human readable date string. The
-     * format is a subset of the formats for PHP's strftime function. Additional formats can be given in the
-     * Highcharts.dateFormats hook, see below.
-     * @param  {string} format A string containing some of the formats.
-     * @param  [number] time The JavaScript time to format.
-     * @param  [boolean] capitalize Whether to capitalize words in the return string.
-     * @return {string}
-     */
-    dateFormat(format: string, time?: number, capitalize?: boolean): string;
-    /**
-     * A hook for defining additional date format specifiers. New specifiers are defined as key-value pairs by using the
-     * specifier as key, and a function which takes the timestamp as value. This function returns the formatted portion
-     * of the date.
-     */
-    dateFormats: HighchartsDateFormatSpecifiers;
-    /**
-     * Formats a JavaScript number with grouped thousands, a fixed amount of decimals and an optional decimal point. It
-     * is a port of PHP's function with the same name. See PHP number_format for a full explanation of the parameters.
-     * @param  {number} value        The raw number to format.
-     * @param  {number} decimals     The desired number of decimals.
-     * @param  {string} decimalPoint The decimal point. Defaults to '.' or to the string specified globally in options.lang.decimalPoint.
-     * @param  {string} thousandsSep The thousands separator. Defaults to ' ' or to the string specified globally in options.lang.thousandsSep.
-     * @return {string}
-     */
-    numberFormat(value: number, decimals?: number, decimalPoint?: string, thousandsSep?: string): string;
-    /**
-     * Sets the options globally for all charts created after this has been called. Takes an options JavaScript object
-     * structure as the argument. These options are merged with the default options and the result is returned.
-     * @param options The chart configuration object.
-     * @return {HighchartsOptions}
-     */
-    setOptions(options: HighchartsGlobalOptions): HighchartsOptions;
-    /**
-     * Get the updated default options. Until 3.0.7, merely exposing defaultOptions for outside modules
-     * wasn't enough because the setOptions method created a new object.
-     */
-    getOptions(): HighchartsOptions;
+    interface ChartObject {
+        /**
+         * Add an axis to the chart after render time. Note that this method should never be used when adding data
+         * synchronously at chart render time, as it adds expense to the calculations and rendering. When adding data at the
+         * same time as the chart is initiated, add the axis as a configuration option instead.
+         * @param  {AxisOptions} options The Axis options, as documented under xAxis and yAxis.
+         * @param  [boolean] isX Whether it is an X axis or Y axis
+         * @param  [boolean] redraw Defaults to true. Whether to redraw the chart after the series is added. See the redraw() method.
+         * @param  [boolean | Animation] animation Defaults to true. When true, the series' updating will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
+         * @return {AxisObject}
+         * @since 3.0
+         */
+        addAxis(options: AxisOptions, isX?: boolean, redraw?: boolean, animation?: boolean | Animation): AxisObject;
+        /**
+         * Add a series to the chart after render time. Note that this method should never be used when adding data
+         * synchronously at chart render time, as it adds expense to the calculations and rendering. When adding data at the
+         * same time as the chart is initiated, add the series as a configuration option instead.
+         * @param {T} options The series options, as documented under plotOptions.series and under the plotOptions for each series type.
+         * @param [boolean] redraw
+         * @since 1.2.0
+         */
+        addSeries<T extends IndividualSeriesOptions>(options: T, redraw?: boolean, animation?: boolean | Animation): T;
+        /**
+         * Add a series to the chart as drilldown from a specific point in the parent series. This method is used for async
+         * drilldown, when clicking a point in a series should result in loading and displaying a more high-resolution
+         * series. When not async, the setup is simpler using the drilldown.series options structure.
+         * @param {PointObject} point The existing Point object from which the drilldown will start.
+         * @param {IndividualSeriesOptions} seriesOptions The series options, as documented under plotOptions.series and under the plotOptions for each series type.
+         * @since 3.0.8
+         */
+        addSeriesAsDrilldown(point: PointObject, seriesOptions: IndividualSeriesOptions): void;
+        /**
+         * A reference to the containing HTML element, dynamically inserted into the element given in chart.renderTo.
+         * @since 1.2.5
+         */
+        container: HTMLElement;
+        /**
+         * Removes the chart and purges memory. This method should be called before writing a new chart into the same
+         * container. It is called internally on window unload to prevent leaks.
+         * @since 1.2.2
+         */
+        destroy(): void;
+        /**
+         * When the chart is drilled down to a child series, calling chart.drillUp() will drill up to the parent series.
+         * @since 3.0.8
+         */
+        drillUp(): void;
+        /**
+         * Exporting module required. Submit an SVG version of the chart to a server along with some parameters for
+         * conversion.
+         * @since 2.0
+         */
+        exportChart(): void;
+        /**
+         * Exporting module required. Submit an SVG version of the chart to a server along with some parameters for
+         * conversion.
+         * @param {ExportingOptions} options Exporting options. Out of the exporting options, the following options can be given as parameters to the exportChart method. All options default to the values given in the exporting config options. filename: the filename for the export without extension, url: the URL for the server module to do the conversion, width: the width of the PNG or JPEG image generated on the server, type: the MIME type of the converted image, sourceWidth: the width of the source (in-page) chart, sourceHeight: the height of the source chart.
+         * @since 2.0
+         */
+        exportChart(options: ExportingOptions): void;
+        /**
+         * Exporting module required. Submit an SVG version of the chart to a server along with some parameters for
+         * conversion.
+         * @param {ExportingOptions} options Exporting options. Out of the exporting options, the following options can be given as parameters to the exportChart method. All options default to the values given in the exporting config options. filename: the filename for the export without extension, url: the URL for the server module to do the conversion, width: the width of the PNG or JPEG image generated on the server, type: the MIME type of the converted image, sourceWidth: the width of the source (in-page) chart, sourceHeight: the height of the source chart.
+         * @param {Options} chartOptions Additional chart options for the exported chart. For example a different background color can be added here.
+         * @since 2.0
+         */
+        exportChart(options: ExportingOptions, chartOptions: Options): void;
+        /**
+         * Export the chart to a PNG or SVG without sending it to a server. Requires
+         * modules/exporting.js and modules/offline-exporting.js.
+         * @since 2.0
+         */
+        exportChartLocal(): void;
+        /**
+         * Export the chart to a PNG or SVG without sending it to a server. Requires
+         * modules/exporting.js and modules/offline-exporting.js.
+         * @param {ExportingOptions} options Exporting options. Same as
+         * the exportChart params.
+         * @since 2.0
+         */
+        exportChartLocal(options: ExportingOptions): void;
+        /**
+         * Export the chart to a PNG or SVG without sending it to a server.
+         * Requires modules/exporting.js and modules/offline-exporting.js.
+         * @param {ExportingOptions} options Exporting options. Same as
+         * the exportChart params.
+         * @param {Options} chartOptions Additional chart options for the
+         * exported chart. Same as the exportChart params.
+         * @since 2.0
+         */
+        exportChartLocal(options: ExportingOptions, chartOptions: Options): void;
+        /**
+         * Get an axis, series or point by its id as given in the configuration options.
+         * @param  {string} id The id of the axis, series or point to get.
+         * @return {AxisObject|SeriesObject|PointObject}
+         * @since 1.2.0
+         */
+        get(id: string): AxisObject | SeriesObject | PointObject;
+        /**
+         * Exporting module required. Get an SVG string representing the chart.
+         * @param  {Options} additionalOptions Chart options to add to the exported chart in addition to the options given for the original chart. For example if series.lineWidth should be greater in the exported chart than in the original, or the chart should have a different background color, this is added here.
+         * @return {string}
+         * @since 2.0
+         */
+        getSVG(additionalOptions?: Options): string;
+        /**
+         * Returns an array of all currently selected points in the chart. Points can be selected either programmatically by
+         * the point.select() method or by clicking.
+         * @return {PointObject[]} An array of the selected points.
+         * @since 1.2.0
+         */
+        getSelectedPoints(): PointObject[];
+        /**
+         * Returns an array of all currently selected series in the chart. Series can be selected either programmatically by
+         * the series.select() method or by checking the checkbox next to the legend item if series.showCheckBox is true.
+         * @return {SeriesObject[]} An array of the selected Series items.
+         * @since 1.2.0
+         */
+        getSelectedSeries(): SeriesObject[];
+        /**
+         * Hide the loading screen. Options for the loading screen are defined at options.loading.
+         * @since 1.2.0
+         */
+        hideLoading(): void;
+        /**
+         * The options structure for the chart.
+         * @since 1.2.0
+         */
+        options: Options;
+        /**
+         * Exporting module required. Clears away other elements in the page and prints the chart as it is displayed. By
+         * default, when the exporting module is enabled, a button at the upper left calls this method.
+         * @since 2.0
+         */
+        print(): void;
+        /**
+         * Redraw the chart after changes have been done to the data or axis extremes. All methods for updating axes, series
+         * or points have a parameter for redrawing the chart. This is true by default. But in many cases you want to do
+         * more than one operation on the chart before redrawing, for example add a number of points. In those cases it is a
+         * waste of resources to redraw the chart for each new point added. So you add the points and call chart.redraw()
+         * after.
+         * @param [boolean | Animation] animation Defaults to true. When true, the update will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
+         * @since 1.2.0
+         */
+        redraw(animation?: boolean | Animation): void;
+        /**
+         * Reflows the chart to its container. By default, the chart reflows automatically to its container following a
+         * window.resize event, as per the chart.reflow option. However, there are no reliable events for div resize, so if
+         * the container is resized without a window resize event, this must be called explicitly.
+         */
+        reflow(): void;
+        /**
+         * An array of all the chart's series.
+         * @type {SeriesObject[]}
+         * @since 1.2.0
+         */
+        series: SeriesObject[];
+        /**
+         * Resize the chart to a given width and height.
+         * @param {number} width The new pixel width of the chart.
+         * @param {number} height The new pixel height of the chart.
+         * @param {boolean | Animation} animation Defaults to true. When true, the resize will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
+         */
+        setSize(width: number, height: number, animation?: boolean | Animation): void;
+        /**
+         * Set a new title or subtitle for the chart
+         * @param {TitleOptions} title A configuration object for the new title as defined at #title.
+         * @param [SubtitleOptions] subtitle A configuration object for the new subtitle as defined at #subtitle.
+         * @param [boolean] redraw Whether to redraw the chart. Defaults to true.
+         * @since 2.1.0
+         */
+        setTitle(title: TitleOptions, subtitle?: SubtitleOptions, redraw?: boolean): void;
+        /**
+         * Dim the chart's plot area and show a loading label text. Options for the loading screen are defined at
+         * options.loading. A custom text can be given as a parameter for loading.
+         * @since 2.0.5
+         */
+        showLoading(str?: string): void;
+        /**
+         * This method is deprecated as of 2.0.1. Updating the chart position after a move operation is no longer necessary.
+         * @since 1.2.5
+         * @deprecated
+         */
+        updatePosition(): void;
+        /**
+         * An array of the chart's x axes. If only one x axis, it is referenced by chart.xAxis[0].
+         * @since 1.2.0
+         */
+        xAxis: AxisObject[];
+        /**
+         * An array of the chart's y axes. If only one y axis, it is referenced by chart.yAxis[0].
+         * @since 1.2.0
+         */
+        yAxis: AxisObject[];
 
-    map(array: any[], fn: Function): any[];
-}
+        renderer: RendererObject;
+    }
 
-declare var Highcharts: HighchartsStatic;
+    interface Chart {
+        /**
+         * This is the constructor for creating a new chart object.
+         * @param  {Options} options The chart options
+         * @return {ChartObject}
+         */
+        new (options: Options): ChartObject;
+        /**
+         * This is the constructor for creating a new chart object.
+         * @param {Options} options The chart options
+         * @param callback A function to execute when the chart object is finished loading and rendering. In most cases the chart is built in one thread, but in Internet Explorer version 8 or less the chart is sometimes initiated before the document is ready, and in these cases the chart object will not be finished directly after callingnew Highcharts.Chart(). As a consequence, code that relies on the newly built Chart object should always run in the callback. Defining a chart.event.load handler is equivalent.
+         * @return {ChartObject}
+         */
+        new (options: Options, callback: (chart: ChartObject) => void): ChartObject;
+        /**
+         * This is the constructor for creating a new chart object.
+         * @param {string|HTMLElement} renderTo The id or a reference to a DOM element where the chart should be rendered (since v4.2.0).
+         * @param {Options} options The chart options
+         * @return {ChartObject}
+         */
+        new (renderTo: string | HTMLElement, options: Options): ChartObject;
+        /**
+         * This is the constructor for creating a new chart object.
+         * @param {string|HTMLElement} renderTo The id or a reference to a DOM element where the chart should be rendered (since v4.2.0).
+         * @param {Options} options The chart options
+         * @param callback A function to execute when the chart object is finished loading and rendering. In most cases the chart is built in one thread, but in Internet Explorer version 8 or less the chart is sometimes initiated before the document is ready, and in these cases the chart object will not be finished directly after callingnew Highcharts.Chart(). As a consequence, code that relies on the newly built Chart object should always run in the callback. Defining a chart.event.load handler is equivalent.
+         * @return {ChartObject}
+         */
+        new (renderTo: string | HTMLElement, options: Options, callback: (chart: ChartObject) => void): ChartObject;
+    }
 
-/**
- * The Point object is the JavaScript representation of each data point
- *
- * The object can be accessed in a number of ways. In all point event handlers the point object is this. In the series
- * object all the points are accessed by the series.data array.
- *
- * Another way to reference the point programmatically is by id. Add an id in the point configuration options, and get
- * the point object by chart.get(id).
- */
-interface HighchartsPointObject {
     /**
-     * For categorized axes this property holds the category name for the point. For other axis it holds the x value.
-     * @since 1.2.0
+     * The Element class is a JavaScript wrapper for SVG elements used in the rendering layer of Highchart. Combined with
+     * the Renderer object, these elements allows freeform annotation in the charts or even in your HTML pages without
+     * creating a chart at all.
      */
-    category: string | number;
-    name: string;
-    index: number;
-    /**
-     * The percentage for points in a stacked series or pies.
-     * @since 1.2.0
-     */
-    percentage: number;
-    /**
-     * Remove the point from the series.
-     * @param [boolean] redraw Defaults to true. Whether to redraw the chart after the point is removed.If doing more operations on the chart, it is a good idea to set redraw to false and call chart.redraw() after.
-     * @param [boolean|HighchartsAnimation] animation Defaults to true. When true, the graph's updating will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
-     * @since 1.2.0
-     */
-    remove(redraw?: boolean, animation?: boolean|HighchartsAnimation): void;
-    /**
-     * Select or unselect the point.
-     * @param [boolean] select When true, the point is selected. When false, the point is unselected. When null or undefined, the selection state is toggled.
-     * @param [boolean] accumulate When true, the selection is added to other selected points. When false, other selected points are deselected. Internally in Highcharts,selected points are accumulated on Control, Shift or Cmd clicking the point.
-     * @since 1.2.0
-     */
-    select(select?: boolean, accumulate?: boolean): void;
-    /**
-     * Whether the point is selected or not.
-     * @since 1.2.0
-     */
-    selected: boolean;
-    /**
-     * The series object associated with the point.
-     * @since 1.2.0
-     */
-    series: HighchartsSeriesObject;
-    /**
-     * Slice out or set back in a pie chart slice. This is the default way of Highcharts to visualize that a pie point
-     * is selected.
-     * @param [boolean] sliced When true, the point is sliced out. When false, the point is set in. When null or undefined, the sliced state is toggled.
-     * @param [boolean] redraw Defaults to true. Whether to redraw the chart after the point is altered.
-     * @param [boolean|HighchartsAnimation] animation Defaults to true. When true, the move will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
-     * @since 1.2.0
-     */
-    slice(sliced?: boolean, redraw?: boolean, animation?: boolean|HighchartsAnimation): void;
-    /**
-     * The total of a stack for stacked series, or pie in pie charts.
-     */
-    total: number;
-    /**
-     * Update the point with new values.
-     * @param {number|[number,number]|HighchartsDataPoint} options The point options. Point options are handled as described under the series<type>.data item for each series type. For example for a line series, if options is a single number, the point will be given that number as the main y value. If it is an array, it will be interpreted as x and y values respectively. If it is an object, advanced options are applied.
-     * @param [boolean] redraw Defaults to true. Whether to redraw the chart after the point is updated.If doing more operations on the chart, it is a good idea to set redraw to false and call chart.redraw() after.
-     * @param {boolean|HighchartsAnimation} animation Defaults to true. When true, the update will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
-     * @since 1.2.0
-     */
-    update(options: number | [number, number] | HighchartsDataPoint, redraw?: boolean, animation?: boolean | HighchartsAnimation): void;
-    /**
-     * The x value for the point.
-     * @since 1.2.0
-     */
-    x: number;
-    /**
-     * The y value for the point.
-     * @since 1.2.0
-     */
-    y: number;
-}
+    interface ElementObject {
+        /**
+         * Add the element to the renderer canvas.
+         * @param  {ElementObject} parent The element can be added to a g (group) element.
+         * @return {ElementObject}
+         * @since 2.0
+         */
+        add(parent?: ElementObject): ElementObject;
+        /**
+         * Apply numeric attributes to the SVG/VML element by animation. See Element.attr() for more information on setting
+         * attributes.
+         * @param  {any} attributes A set of attributes to apply.
+         * @param  {any} animation Optional animation parameters that are passed over to jQuery or other framework. Valid properties depend on the library, but options like duration, easing and complete are supported by jQuery.
+         * @return {ElementObject}
+         * @since 2.0
+         */
+        animate(attributes: any, animation?: any): ElementObject;
+        /**
+         * Apply attributes to the SVG/VML elements. These attributes for the most parts correspond to SVG, but some are
+         * specific to Highcharts, like zIndex and rotation.
+         *
+         * In order to set the rotation center for rotation, set x and y to 0 and use translateX and translateY attributes
+         * to position the element instead.
+         *
+         * Attributes frequently used in Highcharts are fill, stroke, stroke-width.
+         * @param  {any} hash A set of attributes to apply.
+         * @return {ElementObject}
+         * @since 2.0
+         */
+        attr(hash: any): ElementObject;
+        /**
+         * Apply some CSS properties to the element
+         * @param {Object} hash The object literal of CSS properties to apply. Properties should be hyphenated, not camelCased.
+         * @return {ElementObject}
+         * @since 2.0
+         */
+        css(hash: Object): ElementObject;
+        /**
+         * Destroy the element and free up memory
+         * @since 2.0
+         */
+        destroy(): void;
+        fadeOut(duration?: number): void;
+        /**
+         * Get the bounding box of the element
+         * @return An object containing x, y, width and height values for the element.
+         * @since 2.0
+         */
+        getBBox(): { x: number; y: number; height: number; width: number; };
+        /**
+         * Apply an event handler to the element
+         * @param {string} eventType The event type to attach, for example 'click', 'mouseover', 'touch'.
+         * @param handler The event handler function.
+         * @return {ElementObject}
+         * @since 2.0
+         */
+        on(eventType: string, handler: () => void): ElementObject;
+        /**
+         * Bring the element to the front. Alternatively, a zIndex attribute can be given.
+         * @return {ElementObject} The element object
+         * @since 2.0
+         */
+        toFront(): ElementObject;
+    }
 
-/**
- * The Series object is the JavaScript representation of each line, area series, pie etc.
- *
- * The object can be accessed in a number of ways. All series and point event handlers give a reference to the series
- * object. The chart object has a series property that is a collection of all the chart's series. The point objects also
- * have the same reference.
- *
- * Another way to reference the series programmatically is by id. Add an id in the series configuration options, and get
- * the series object by chart.get(id).
- *
- * Configuration options for the series are given in three levels. Options for all series in a chart are given in the
- * plotOptions.series object. Then options for all series of a specific type are given in the plotOptions of that type,
- * for example plotOptions.line. Next, options for one single series are given in the series array.
- */
-interface HighchartsSeriesObject {
     /**
-     * Add a point to the series after render time. The point can be added at the end, or by giving it an X value, to
-     * the start or in the middle of the series.
-     * @param {number|[number,number]|HighchartsDataPoint} The point options. If options is a single number, a point with that y value is appended to the series.If it is an array, it will be interpreted as x and y values respectively. If it is an object, advanced options as outlined under series.data are applied.
-     * @param [boolean=true] redraw - Whether to redraw the chart after the point is added. When adding more than one point, it is highly recommended that the redraw option be set to false, and instead chart.redraw() is explicitly called after the adding of points is finished.
-     * @param [boolean=false] shift - When shift is true, one point is shifted off the start of the series as one is appended to the end. Use this option for live charts monitoring a value over time.
-     * @param [(boolean|HighchartsAnimation)=false] animation - When shift is true, one point is shifted off the start of the series as one is appended to the end. Use this option for live charts monitoring a value over time.
-     * @since 1.2.0
+     * Allows direct access to the Highcharts rendering layer in order to draw primitive shapes like circles,
+     * rectangles,paths or text directly on a chart, or independent from any chart. The Renderer represents a wrapper object
+     * for SVGin modern browsers and VML in IE < 8.
+     *
+     * An existing chart's renderer can be accessed through chart.renderer. To create a renderer independent from a chart,
+     * use var renderer = new Highcharts.Renderer(parentNode, width, height); where parentNode is the HTML element where you
+     * want to add it.
+     *
+     * The Renderer's methods are chained wherever possible, so you can initiate an element then call for example attr and
+     * css and add on that element in one statement.
      */
-    addPoint(options: number |[number, number]| HighchartsDataPoint, redraw?: boolean, shift?: boolean, animation?: boolean | HighchartsAnimation): void;
+    interface RendererObject {
+        /**
+         * Draw an arc on the renderer canvas.
+         * @param  {number} centerX The x position of the arc's center in the SVG element.
+         * @param  {number} centerY The y position of the arc's center in the SVG element.
+         * @param  {number} outerRadius The outer radius of the arc.
+         * @param  {number} innerRadius The inner radius of the arc.
+         * @param  {number} start The starting angle of the arc in radians, where 0 is to the right and -Math.PI/2 is up.
+         * @param  {number} end The ending angle of the arc in radians, where 0 is to the right and -Math.PI/2 is up.
+         * @return {ElementObject}
+         * @since 2.0
+         */
+        arc(centerX: number, centerY: number, outerRadius: number, innerRadius: number, start: number, end: number): ElementObject;
+        /**
+         * Draw circle on the renderer canvas.
+         * @param  {number} centerX The x position of the circle's center in the SVG element.
+         * @param  {number} centerY The y position of the circle's center in the SVG element.
+         * @param  {number} radius  [description]
+         * @return {ElementObject}
+         * @since 2.0
+         */
+        circle(centerX: number, centerY: number, radius: number): ElementObject;
+        /**
+         * Add an SVG/VML group.
+         * @param [string] name The name of the group. This will be used in the class name, which will be 'highcharts-'+ name. Other Element objects are added to the group by using the group as the first parameter in .add() for the wrappers
+         * @return {ElementObject}
+         * @since 2.0
+         */
+        g(name?: string): ElementObject;
+        /**
+         * Add an image from an external resource.
+         * @param  {string} source The URL of the image.
+         * @param  {number} x      The x position of the image's upper left corner.
+         * @param  {number} y      The y position of the image's upper left corner.
+         * @param  {number} width  The width of the image.
+         * @param  {number} height The height of the image.
+         * @return {ElementObject}
+         * @since 2.0
+         */
+        image(source: string, x: number, y: number, width: number, height: number): ElementObject;
+        /**
+         * Draw a label, which is an extended text element with support for border and background. Highcharts creates a g
+         * element with a text and a path or rect inside, to make it behave somewhat like a HTML div. Border and background
+         * are set through stroke, stroke-width and fill attributes using the attr method. This must be done before calling
+         * add.
+         * @param  {string} str The text or HTML to draw
+         * @param  {number} x The x position of the label's left side.
+         * @param  {number} y The y position of the label's top side or baseline, depending on the baseline parameter.
+         * @param  [string] shape The shape of the label's border/background, if any. Defaults to rect.
+         * @param  [number] anchorX If the shape has a pointer, like the chevron on a callout shape, anchorX is the x position to point to.
+         * @param  [number] anchorY If the shape has a pointer, like the chevron on a callout shape, anchorY is the y position to point to.
+         * @param  [boolean] useHTML Use HTML to render the text of the label.
+         * @param  [boolean] baseline Whether the label should be vertically aligned by the text baseline, which makes it behave like the text element, or by the top left side, which makes it behave like a HTML div.
+         * @param  [string] className A class name for the g element surrounding the label.
+         * @return {ElementObject}
+         * @since 2.0
+         */
+        label(str: string, x: number, y: number, shape?: string, anchorX?: number, anchorY?: number, useHTML?: boolean, baseline?: boolean, className?: string): ElementObject;
+        /**
+         * Add a path based on SVG's path commands. In SVG capable browsers all path commands are supported, but in VML only
+         * a subset is supported: absolute moveTo (M), absolute lineTo (L), absolute curveTo (C) and close (Z).
+         * @param  {(string|number)[]} path An SVG path split up in array form.
+         * @return {ElementObject}
+         */
+        path(path: [string|number]): ElementObject;
+        /**
+         * Add a rectangle.
+         * @param  {number} x The x position of the rectangle's upper left corner.
+         * @param  {number} y The y position of the rectangle's upper left corner.
+         * @param  {number} width The width of the rectangle.
+         * @param  {number} height The height of the rectangle.
+         * @param  {number} cornerRadius The corner radius of all the rectangle's corners.
+         * @return {ElementObject}
+         * @since 2.0
+         */
+        rect(x: number, y: number, width: number, height: number, cornerRadius: number): ElementObject;
+        /**
+         * Draw text. The text can contain a subset of HTML, like spans and anchors and some basic text styling of these.
+         * For more advanced features like border and background, use label instead.
+         * @param  {string} str The text or HTML to draw
+         * @param  {number} x The x position of the text's lower left corner.
+         * @param  {number} y The y position of the text's lower left corner.
+         * @return {ElementObject}
+         * @since 2.0
+         */
+        text(str: string, x: number, y: number): ElementObject;
+    }
+
+    interface Renderer {
+        new (parentNode: HTMLElement, width: number, height: number): RendererObject;
+    }
+
+    interface Static {
+        Chart: Chart;
+        Renderer: Renderer;
+        Color(color: string | Gradient): string | Gradient;
+
+        /**
+         * As Highcharts.Chart, but without need for the new keyword.
+         * @since 4.2.0
+         */
+        chart(options: Options, callback?: (chart: ChartObject) => void): ChartObject;
+        /**
+         * As Highcharts.Chart, but without need for the new keyword.
+         * @since 4.2.0
+         */
+        chart(renderTo: string | HTMLElement, options: Options, callback?: (chart: ChartObject) => void): ChartObject;
+        /**
+         * An array containing the current chart objects in the page. A chart's position in the array is preserved
+         * throughout the page's lifetime. When a chart is destroyed, the array item becomes undefined.
+         * @since 2.3.4
+         */
+        charts: ChartObject[];
+        /**
+         * Formats a JavaScript date timestamp (milliseconds since Jan 1st 1970) into a human readable date string. The
+         * format is a subset of the formats for PHP's strftime function. Additional formats can be given in the
+         * Highcharts.dateFormats hook, see below.
+         * @param  {string} format A string containing some of the formats.
+         * @param  [number] time The JavaScript time to format.
+         * @param  [boolean] capitalize Whether to capitalize words in the return string.
+         * @return {string}
+         */
+        dateFormat(format: string, time?: number, capitalize?: boolean): string;
+        /**
+         * A hook for defining additional date format specifiers. New specifiers are defined as key-value pairs by using the
+         * specifier as key, and a function which takes the timestamp as value. This function returns the formatted portion
+         * of the date.
+         */
+        dateFormats: DateFormatSpecifiers;
+        /**
+         * Formats a JavaScript number with grouped thousands, a fixed amount of decimals and an optional decimal point. It
+         * is a port of PHP's function with the same name. See PHP number_format for a full explanation of the parameters.
+         * @param  {number} value        The raw number to format.
+         * @param  {number} decimals     The desired number of decimals.
+         * @param  {string} decimalPoint The decimal point. Defaults to '.' or to the string specified globally in options.lang.decimalPoint.
+         * @param  {string} thousandsSep The thousands separator. Defaults to ' ' or to the string specified globally in options.lang.thousandsSep.
+         * @return {string}
+         */
+        numberFormat(value: number, decimals?: number, decimalPoint?: string, thousandsSep?: string): string;
+        /**
+         * Sets the options globally for all charts created after this has been called. Takes an options JavaScript object
+         * structure as the argument. These options are merged with the default options and the result is returned.
+         * @param options The chart configuration object.
+         * @return {Options}
+         */
+        setOptions(options: GlobalOptions): Options;
+        /**
+         * Get the updated default options. Until 3.0.7, merely exposing defaultOptions for outside modules
+         * wasn't enough because the setOptions method created a new object.
+         */
+        getOptions(): Options;
+
+        map(array: any[], fn: Function): any[];
+    }
+
     /**
-     * Read only. The chart that the series belongs to.
-     * @since 1.2.0
+     * The Point object is the JavaScript representation of each data point
+     *
+     * The object can be accessed in a number of ways. In all point event handlers the point object is this. In the series
+     * object all the points are accessed by the series.data array.
+     *
+     * Another way to reference the point programmatically is by id. Add an id in the point configuration options, and get
+     * the point object by chart.get(id).
      */
-    chart: HighchartsChartObject;
+    interface PointObject {
+        /**
+         * For categorized axes this property holds the category name for the point. For other axis it holds the x value.
+         * @since 1.2.0
+         */
+        category: string | number;
+        name: string;
+        index: number;
+        /**
+         * The percentage for points in a stacked series or pies.
+         * @since 1.2.0
+         */
+        percentage: number;
+        /**
+         * Remove the point from the series.
+         * @param [boolean] redraw Defaults to true. Whether to redraw the chart after the point is removed.If doing more operations on the chart, it is a good idea to set redraw to false and call chart.redraw() after.
+         * @param [boolean|Animation] animation Defaults to true. When true, the graph's updating will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
+         * @since 1.2.0
+         */
+        remove(redraw?: boolean, animation?: boolean|Animation): void;
+        /**
+         * Select or unselect the point.
+         * @param [boolean] select When true, the point is selected. When false, the point is unselected. When null or undefined, the selection state is toggled.
+         * @param [boolean] accumulate When true, the selection is added to other selected points. When false, other selected points are deselected. Internally in Highcharts,selected points are accumulated on Control, Shift or Cmd clicking the point.
+         * @since 1.2.0
+         */
+        select(select?: boolean, accumulate?: boolean): void;
+        /**
+         * Whether the point is selected or not.
+         * @since 1.2.0
+         */
+        selected: boolean;
+        /**
+         * The series object associated with the point.
+         * @since 1.2.0
+         */
+        series: SeriesObject;
+        /**
+         * Slice out or set back in a pie chart slice. This is the default way of Highcharts to visualize that a pie point
+         * is selected.
+         * @param [boolean] sliced When true, the point is sliced out. When false, the point is set in. When null or undefined, the sliced state is toggled.
+         * @param [boolean] redraw Defaults to true. Whether to redraw the chart after the point is altered.
+         * @param [boolean|Animation] animation Defaults to true. When true, the move will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
+         * @since 1.2.0
+         */
+        slice(sliced?: boolean, redraw?: boolean, animation?: boolean|Animation): void;
+        /**
+         * The total of a stack for stacked series, or pie in pie charts.
+         */
+        total: number;
+        /**
+         * Update the point with new values.
+         * @param {number|[number,number]|DataPoint} options The point options. Point options are handled as described under the series<type>.data item for each series type. For example for a line series, if options is a single number, the point will be given that number as the main y value. If it is an array, it will be interpreted as x and y values respectively. If it is an object, advanced options are applied.
+         * @param [boolean] redraw Defaults to true. Whether to redraw the chart after the point is updated.If doing more operations on the chart, it is a good idea to set redraw to false and call chart.redraw() after.
+         * @param {boolean|Animation} animation Defaults to true. When true, the update will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
+         * @since 1.2.0
+         */
+        update(options: number | [number, number] | DataPoint, redraw?: boolean, animation?: boolean | Animation): void;
+        /**
+         * The x value for the point.
+         * @since 1.2.0
+         */
+        x: number;
+        /**
+         * The y value for the point.
+         * @since 1.2.0
+         */
+        y: number;
+    }
+
     /**
-     * Read only. An array with the series' data point objects.
-     * @since 1.2.0
+     * The Series object is the JavaScript representation of each line, area series, pie etc.
+     *
+     * The object can be accessed in a number of ways. All series and point event handlers give a reference to the series
+     * object. The chart object has a series property that is a collection of all the chart's series. The point objects also
+     * have the same reference.
+     *
+     * Another way to reference the series programmatically is by id. Add an id in the series configuration options, and get
+     * the series object by chart.get(id).
+     *
+     * Configuration options for the series are given in three levels. Options for all series in a chart are given in the
+     * plotOptions.series object. Then options for all series of a specific type are given in the plotOptions of that type,
+     * for example plotOptions.line. Next, options for one single series are given in the series array.
      */
-    data: HighchartsPointObject[];
-    /**
-     * Hides the series if visible. If the chart.ignoreHiddenSeries option is true,the chart is redrawn without this
-     * series.
-     * @since 1.2.0
-     */
-    hide(): void;
-    /**
-     * The series' name as given in the options.
-     * @since 1.2.0
-     */
-    name: string;
-    /**
-     * Read only. The series' options.
-     * @since 1.2.0
-     */
-    options: HighchartsIndividualSeriesOptions;
-    /**
-     * Remove the series from the chart.
-     * @param [boolean=true] redraw - Whether to redraw the chart after the series is removed.If doing more operations on the chart, it is a good idea to set redraw to false and call chart.redraw() after.
-     * @since 1.2.0
-     */
-    remove(redraw?: boolean): void;
-    /**
-     * Remove a point from the series. Unlike the Point.remove method, this can also be done on a point that is not
-     * instanciated because it is outside the view or subject to data grouping.
-     * @param {number} index - The index of the point in the data array.
-     * @param [boolean=true] redraw - Whether to redraw the chart after the point is added. When adding more than one point, it is highly recommended that the redraw option be set to false, and instead chart.redraw() is explicitly called after the adding of points is finished.
-     * @param [boolean|HighchartsAnimation=true] animation - When true, the graph will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
-     * @since 4.1.0
-     */
-    removePoint(index: number, redraw?: boolean, animation?: boolean|HighchartsAnimation): void;
-    /**
-     * Select or unselect the series. This means its selected property is set,the checkbox in the legend is toggled and
-     * when selected, the series is returned in the chart.getSelectedSeries() method.
-     * @param [boolean] selected - When true, the series is selected. When false it is unselected. When null or undefined, the series' selection state is toggled.
-     * @since 1.2.0
-     */
-    select(selected?: boolean): void;
-    /**
-     * Read only. The series' selected state as set by series.select().
-     * @since 1.2.0
-     */
-    selected: boolean;
-    /**
-     * Apply a new set of data to the series and optionally redraw it. Note that this method throws away all points and
-     * creates new ones. For updating the values of existing points, use Point.update() instead.
-     * @param {number[]|number[][]|HighchartsDataPoint[]} data - Takes an array of data in the same format as described under series<type>data for the given series type.
-     * @param [boolean=true] redraw - Whether to redraw the chart after the series is altered.If doing more operations on the chart, it is a good idea to set redraw to false and call chart.redraw() after.
-     * @param [boolean|HighchartsAnimation] animation - When the updated data is the same length as the existing data, points will be updated by default, and animation visualizes how the points are changed. Set false to disable animation, or a configuration object to set duration or easing.
-     * @param [boolean] updatePoints - When the updated data is the same length as the existing data, points will be updated instead of replace. This option prevents this, and makes setData behave like it did prior to Highcharts 3.0.10.
-     * @since 1.2.0
-     */
-    setData(data: number[] | number[][] | HighchartsDataPoint[], redraw?: boolean, animation?: boolean | HighchartsAnimation, updatePoints?: boolean): void;
-    /**
-     * A utility function to show or hide the series with an optional redraw.
-     * @param [boolean] visible - Whether to show or hide the series. If undefined, the visibility is toggled.
-     * @param [boolean=true] redraw - Whether to redraw the chart after the series is altered.If doing more operations on the chart, it is a good idea to set redraw to false and call chart.redraw() after.
-     * @since 1.2.0
-     */
-    setVisible(visible?: boolean, redraw?: boolean): void;
-    /**
-     * Shows the series if hidden.
-     * @since 1.2.0
-     */
-    show(): void;
-    /**
-     * Read only. The series' type, like 'line', 'area' etc.
-     * @since 1.2.0
-     */
-    type: string;
-    /**
-     * Update the series with a new set of options. For a clean and precise handling of new options, all methods and
-     * elements from the series is removed, and it is initiated from scratch. Therefore, this method is more performance
-     * expensive than some other utility methods like setData or setVisible.
-     * @param {HighchartsIndividualSeriesOptions} options New options that will be merged into the series' existing options.
-     * @param [boolean] redraw - Whether to redraw the chart after the series is altered. If doing more operations on the chart, it is a good idea to set redraw to false and call chart.redraw() after.
-     * @since 1.2.0
-     */
-    update(options: HighchartsIndividualSeriesOptions, redraw?: boolean): void;
-    /**
-     * Read only. The series' visibility state as set by series.show(), series.hide(), or the initial configuration.
-     * @since 1.2.0
-     */
-    visible: boolean;
-    /**
-     * Read only. The unique xAxis object associated with the series.
-     * @since 1.2.0
-     */
-    xAxis: HighchartsAxisObject;
-    /**
-     * Read only. The unique yAxis object associated with the series.
-     * @since 1.2.0
-     */
-    yAxis: HighchartsAxisObject;
+    interface SeriesObject {
+        /**
+         * Add a point to the series after render time. The point can be added at the end, or by giving it an X value, to
+         * the start or in the middle of the series.
+         * @param {number|[number,number]|DataPoint} The point options. If options is a single number, a point with that y value is appended to the series.If it is an array, it will be interpreted as x and y values respectively. If it is an object, advanced options as outlined under series.data are applied.
+         * @param [boolean=true] redraw - Whether to redraw the chart after the point is added. When adding more than one point, it is highly recommended that the redraw option be set to false, and instead chart.redraw() is explicitly called after the adding of points is finished.
+         * @param [boolean=false] shift - When shift is true, one point is shifted off the start of the series as one is appended to the end. Use this option for live charts monitoring a value over time.
+         * @param [(boolean|Animation)=false] animation - When shift is true, one point is shifted off the start of the series as one is appended to the end. Use this option for live charts monitoring a value over time.
+         * @since 1.2.0
+         */
+        addPoint(options: number |[number, number]| DataPoint, redraw?: boolean, shift?: boolean, animation?: boolean | Animation): void;
+        /**
+         * Read only. The chart that the series belongs to.
+         * @since 1.2.0
+         */
+        chart: ChartObject;
+        /**
+         * Read only. An array with the series' data point objects.
+         * @since 1.2.0
+         */
+        data: PointObject[];
+        /**
+         * Hides the series if visible. If the chart.ignoreHiddenSeries option is true,the chart is redrawn without this
+         * series.
+         * @since 1.2.0
+         */
+        hide(): void;
+        /**
+         * The series' name as given in the options.
+         * @since 1.2.0
+         */
+        name: string;
+        /**
+         * Read only. The series' options.
+         * @since 1.2.0
+         */
+        options: IndividualSeriesOptions;
+        /**
+         * Remove the series from the chart.
+         * @param [boolean=true] redraw - Whether to redraw the chart after the series is removed.If doing more operations on the chart, it is a good idea to set redraw to false and call chart.redraw() after.
+         * @since 1.2.0
+         */
+        remove(redraw?: boolean): void;
+        /**
+         * Remove a point from the series. Unlike the Point.remove method, this can also be done on a point that is not
+         * instanciated because it is outside the view or subject to data grouping.
+         * @param {number} index - The index of the point in the data array.
+         * @param [boolean=true] redraw - Whether to redraw the chart after the point is added. When adding more than one point, it is highly recommended that the redraw option be set to false, and instead chart.redraw() is explicitly called after the adding of points is finished.
+         * @param [boolean|Animation=true] animation - When true, the graph will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
+         * @since 4.1.0
+         */
+        removePoint(index: number, redraw?: boolean, animation?: boolean|Animation): void;
+        /**
+         * Select or unselect the series. This means its selected property is set,the checkbox in the legend is toggled and
+         * when selected, the series is returned in the chart.getSelectedSeries() method.
+         * @param [boolean] selected - When true, the series is selected. When false it is unselected. When null or undefined, the series' selection state is toggled.
+         * @since 1.2.0
+         */
+        select(selected?: boolean): void;
+        /**
+         * Read only. The series' selected state as set by series.select().
+         * @since 1.2.0
+         */
+        selected: boolean;
+        /**
+         * Apply a new set of data to the series and optionally redraw it. Note that this method throws away all points and
+         * creates new ones. For updating the values of existing points, use Point.update() instead.
+         * @param {number[]|number[][]|DataPoint[]} data - Takes an array of data in the same format as described under series<type>data for the given series type.
+         * @param [boolean=true] redraw - Whether to redraw the chart after the series is altered.If doing more operations on the chart, it is a good idea to set redraw to false and call chart.redraw() after.
+         * @param [boolean|Animation] animation - When the updated data is the same length as the existing data, points will be updated by default, and animation visualizes how the points are changed. Set false to disable animation, or a configuration object to set duration or easing.
+         * @param [boolean] updatePoints - When the updated data is the same length as the existing data, points will be updated instead of replace. This option prevents this, and makes setData behave like it did prior to Highcharts 3.0.10.
+         * @since 1.2.0
+         */
+        setData(data: number[] | number[][] | DataPoint[], redraw?: boolean, animation?: boolean | Animation, updatePoints?: boolean): void;
+        /**
+         * A utility function to show or hide the series with an optional redraw.
+         * @param [boolean] visible - Whether to show or hide the series. If undefined, the visibility is toggled.
+         * @param [boolean=true] redraw - Whether to redraw the chart after the series is altered.If doing more operations on the chart, it is a good idea to set redraw to false and call chart.redraw() after.
+         * @since 1.2.0
+         */
+        setVisible(visible?: boolean, redraw?: boolean): void;
+        /**
+         * Shows the series if hidden.
+         * @since 1.2.0
+         */
+        show(): void;
+        /**
+         * Read only. The series' type, like 'line', 'area' etc.
+         * @since 1.2.0
+         */
+        type: string;
+        /**
+         * Update the series with a new set of options. For a clean and precise handling of new options, all methods and
+         * elements from the series is removed, and it is initiated from scratch. Therefore, this method is more performance
+         * expensive than some other utility methods like setData or setVisible.
+         * @param {IndividualSeriesOptions} options New options that will be merged into the series' existing options.
+         * @param [boolean] redraw - Whether to redraw the chart after the series is altered. If doing more operations on the chart, it is a good idea to set redraw to false and call chart.redraw() after.
+         * @since 1.2.0
+         */
+        update(options: IndividualSeriesOptions, redraw?: boolean): void;
+        /**
+         * Read only. The series' visibility state as set by series.show(), series.hide(), or the initial configuration.
+         * @since 1.2.0
+         */
+        visible: boolean;
+        /**
+         * Read only. The unique xAxis object associated with the series.
+         * @since 1.2.0
+         */
+        xAxis: AxisObject;
+        /**
+         * Read only. The unique yAxis object associated with the series.
+         * @since 1.2.0
+         */
+        yAxis: AxisObject;
+    }
 }
 
 interface JQuery {
-    highcharts(): HighchartsChartObject;
+    highcharts(): __Highcharts.ChartObject;
     /**
     * Creates a new Highcharts.Chart for the current JQuery selector; usually
     * a div selected by $('#container')
-    * @param {HighchartsOptions} options Options for this chart
+    * @param {Options} options Options for this chart
     * @return current {JQuery} selector the current JQuery selector
     **/
-    highcharts(options: HighchartsOptions): JQuery;
+    highcharts(options: __Highcharts.Options): JQuery;
     /**
     * Creates a new Highcharts.Chart for the current JQuery selector; usually
     * a div selected by $('#container')
-    * @param {HighchartsOptions} options Options for this chart
+    * @param {Options} options Options for this chart
     * @param callback Callback function used to manipulate the constructed chart instance
     * @return current {JQuery} selector the current JQuery selector
     **/
-    highcharts(options: HighchartsOptions, callback: (chart: HighchartsChartObject) => void): JQuery;
+    highcharts(options: __Highcharts.Options, callback: (chart: __Highcharts.ChartObject) => void): JQuery;
 }
 
 /**
  * Enabling the usage of ES6 module loading.
  */
-declare var Highcharts: HighchartsStatic;
+declare var Highcharts: __Highcharts.Static;
 
 /**
  * Declaration for ES6 module loading.
  */
 declare module "highcharts" {
-    export = Highcharts;
+    export = __Highcharts;
 }
-
diff --git a/highcharts/highstock-tests.ts b/highcharts/highstock-tests.ts
index 5e7013f961..a097ea4b4f 100644
--- a/highcharts/highstock-tests.ts
+++ b/highcharts/highstock-tests.ts
@@ -55,7 +55,7 @@ $(function () {
             }
         },
 
-        series: [<HighchartsAreaRangeChartSeriesOptions>{
+        series: [<__Highcharts.AreaRangeChartSeriesOptions>{
             name: 'USD to EUR',
             data: someData,
             lineColor: "blue"
diff --git a/highcharts/highstock.d.ts b/highcharts/highstock.d.ts
index c896035fa7..14713f33da 100644
--- a/highcharts/highstock.d.ts
+++ b/highcharts/highstock.d.ts
@@ -5,116 +5,119 @@
 
 /// <reference path="highcharts.d.ts" />
 
-interface HighstockChartObject extends HighchartsChartObject {
-    options: HighstockOptions;
+declare namespace __Highstock {
+    interface ChartObject extends __Highcharts.ChartObject {
+        options: Options;
+    }
+
+    interface NavigatorOptions {
+        adaptToUpdatedData?: boolean;
+        baseSeries?: string | number;
+        enabled?: boolean;
+        handles?: {
+            backgroundColor?: string;
+            borderColor?: string;
+        };
+        height?: number;
+        margin?: number;
+        maskFill?: string;
+        maskInside?: boolean;
+        outlineColor?: string;
+        outlineWidth?: number;
+        series?: __Highcharts.IndividualSeriesOptions;
+        xAxis?: __Highcharts.AxisOptions;
+        yAxis?: __Highcharts.AxisOptions;
+    }
+
+    interface RangeSelectorButton {
+        type: string; //Defines the timespan, can be one of 'millisecond', 'second', 'minute', 'day', 'week', 'month', 'ytd' (year to date), 'year' and 'all'.
+        count?: number;
+        text: string;
+        dataGrouping?: any; //not sure how this works
+    }
+
+    interface RangeSelectorOptions {
+        allButtonsEnabled?: boolean;
+        buttonSpacing?: number;
+        buttonTheme?: any;
+        buttons?: RangeSelectorButton[];
+        enabled?: boolean;
+        inputBoxBorderColor?: string;
+        inputBoxHeight?: number;
+        inputBoxWidth?: number;
+        inputDateFormat?: string;
+        inputDateParser?: (date: string) => number;
+        inputEditDateFormat?: string;
+        inputEnabled?: boolean;
+        inputPosition?: {
+            align?: string;
+            verticalAlign?: string;
+            x?: number;
+            y?: number;
+        };
+        inputStyle?: __Highcharts.CSSObject;
+        labelStyle?: __Highcharts.CSSObject;
+        selected?: number;
+    }
+
+    interface ScrollbarOptions {
+        barBackgroundColor?: string;
+        barBorderColor?: string;
+        barBorderRadius?: number;
+        barBorderWidth?: number;
+        buttonArrowColor?: string;
+        buttonBackgroundColor?: string;
+        buttonBorderColor?: string;
+        buttonBorderRadius?: number;
+        buttonBorderWidth?: number;
+        enabled?: boolean;
+        height?: number;
+        liveRedraw?: boolean;
+        minWidth?: number;
+        rifleColor?: string;
+        trackBackgroundColor?: string;
+        trackBorderColor?: string;
+        trackBorderRadius?: number;
+        trackBorderWidth?: number;
+    }
+
+    interface Options extends __Highcharts.Options {
+        navigator?: NavigatorOptions;
+        rangeSelector?: RangeSelectorOptions;
+        scrollbar?: ScrollbarOptions;
+    }
+
+    interface Chart {
+        new (options: Options): ChartObject;
+        new (options: Options, callback: (chart: ChartObject) => void): ChartObject;
+    }
+
+    interface Static extends __Highcharts.Static {
+        StockChart: Chart;
+    }
 }
 
-interface HighstockNavigatorOptions {
-    adaptToUpdatedData?: boolean;
-    baseSeries?: string | number;
-    enabled?: boolean;
-    handles?: {
-        backgroundColor?: string;
-        borderColor?: string;
-    };
-    height?: number;
-    margin?: number;
-    maskFill?: string;
-    maskInside?: boolean;
-    outlineColor?: string;
-    outlineWidth?: number;
-    series?: HighchartsIndividualSeriesOptions;
-    xAxis?: HighchartsAxisOptions;
-    yAxis?: HighchartsAxisOptions;
-}
-
-interface RangeSelectorButton {
-    type: string; //Defines the timespan, can be one of 'millisecond', 'second', 'minute', 'day', 'week', 'month', 'ytd' (year to date), 'year' and 'all'.
-    count?: number;
-    text: string;
-    dataGrouping?: any; //not sure how this works
-}
-
-interface HighstockRangeSelectorOptions {
-    allButtonsEnabled?: boolean;
-    buttonSpacing?: number;
-    buttonTheme?: any;
-    buttons?: RangeSelectorButton[];
-    enabled?: boolean;
-    inputBoxBorderColor?: string;
-    inputBoxHeight?: number;
-    inputBoxWidth?: number;
-    inputDateFormat?: string;
-    inputDateParser?: (date: string) => number;
-    inputEditDateFormat?: string;
-    inputEnabled?: boolean;
-    inputPosition?: {
-        align?: string;
-        verticalAlign?: string;
-        x?: number;
-        y?: number;
-    };
-    inputStyle?: HighchartsCSSObject;
-    labelStyle?: HighchartsCSSObject;
-    selected?: number;
-}
-
-interface HighstockScrollbarOptions {
-    barBackgroundColor?: string;
-    barBorderColor?: string;
-    barBorderRadius?: number;
-    barBorderWidth?: number;
-    buttonArrowColor?: string;
-    buttonBackgroundColor?: string;
-    buttonBorderColor?: string;
-    buttonBorderRadius?: number;
-    buttonBorderWidth?: number;
-    enabled?: boolean;
-    height?: number;
-    liveRedraw?: boolean;
-    minWidth?: number;
-    rifleColor?: string;
-    trackBackgroundColor?: string;
-    trackBorderColor?: string;
-    trackBorderRadius?: number;
-    trackBorderWidth?: number;
-}
-
-interface HighstockOptions extends HighchartsOptions {
-    navigator?: HighstockNavigatorOptions; 
-    rangeSelector?: HighstockRangeSelectorOptions; 
-    scrollbar?: HighstockScrollbarOptions; 
-}
-
-interface HighstockChart {
-    new (options: HighstockOptions): HighstockChartObject;
-    new (options: HighstockOptions, callback: (chart: HighstockChartObject) => void): HighstockChartObject;
-}
-
-interface HighchartsStatic {
-    StockChart: HighstockChart; 
-}
 
 interface JQuery {
-    highcharts(type: "StockChart"): HighstockChartObject;
+    highcharts(type: "StockChart"): __Highstock.ChartObject;
     /**
-    * Creates a new Highcharts.Chart for the current JQuery selector; usually
-    * a div selected by $('#container')
-    * @param {HighchartsOptions} options Options for this chart
-    * @return current {JQuery} selector the current JQuery selector
-    **/
-    highcharts(type: "StockChart", options: HighstockOptions): JQuery;
+     * Creates a new Highcharts.Chart for the current JQuery selector; usually
+     * a div selected by $('#container')
+     * @param {__Highcharts.Options} options Options for this chart
+     * @return current {JQuery} selector the current JQuery selector
+     **/
+    highcharts(type: "StockChart", options: __Highstock.Options): JQuery;
     /**
-    * Creates a new Highcharts.Chart for the current JQuery selector; usually
-    * a div selected by $('#container')
-    * @param {HighchartsOptions} options Options for this chart
-    * @param callback Callback function used to manipulate the constructed chart instance
-    * @return current {JQuery} selector the current JQuery selector
-    **/
-    highcharts(type: "StockChart", options: HighstockOptions, callback: (chart: HighstockChartObject) => void): JQuery;
+     * Creates a new Highcharts.Chart for the current JQuery selector; usually
+     * a div selected by $('#container')
+     * @param {__Highcharts.Options} options Options for this chart
+     * @param callback Callback function used to manipulate the constructed chart instance
+     * @return current {JQuery} selector the current JQuery selector
+     **/
+    highcharts(type: "StockChart", options: __Highstock.Options, callback: (chart: __Highstock.ChartObject) => void): JQuery;
 
 
-    highcharts(type: string): HighchartsChartObject;
-    highcharts(type: string, options: HighchartsOptions): JQuery;
-    highcharts(type: string, options: HighchartsOptions, callback: (chart: HighchartsChartObject) => void): JQuery;
+    highcharts(type: string): __Highcharts.ChartObject;
+    highcharts(type: string, options: __Highcharts.Options): JQuery;
+    highcharts(type: string, options: __Highcharts.Options, callback: (chart: __Highcharts.ChartObject) => void): JQuery;
 }

From 2361fca3be7de9560147fa2378e2339707a49080 Mon Sep 17 00:00:00 2001
From: Linda_pp <rhysd@users.noreply.github.com>
Date: Wed, 12 Oct 2016 21:50:39 +0900
Subject: [PATCH 273/382] Added 'menubar' package (#11867)

* Add 'menubar' package

* Add a missing header

* Remove '| null' because it fails on CI check

* Fix references to node.d.ts and github-electron.d.ts
---
 menubar/menubar-tests.ts | 27 ++++++++++++++++
 menubar/menubar.d.ts     | 68 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 95 insertions(+)
 create mode 100644 menubar/menubar-tests.ts
 create mode 100644 menubar/menubar.d.ts

diff --git a/menubar/menubar-tests.ts b/menubar/menubar-tests.ts
new file mode 100644
index 0000000000..f403b95a50
--- /dev/null
+++ b/menubar/menubar-tests.ts
@@ -0,0 +1,27 @@
+/// <reference path="./menubar.d.ts" />
+
+import * as menubar from "menubar";
+
+var mb1 = menubar();
+
+mb1.on("ready", function ready () {
+    console.log("app is ready")
+    // your app code here
+})
+
+var mb2 = menubar({
+    index: 'file://path/to/index.html',
+    icon: '/path/to/icon.png',
+    width: 400,
+    height: 800,
+});
+
+mb2.on('ready', () => mb2.showWindow());
+
+function toggleWindow() {
+    if (mb2.window.isFocused()) {
+        mb2.hideWindow();
+    } else {
+        mb2.showWindow();
+    }
+}
diff --git a/menubar/menubar.d.ts b/menubar/menubar.d.ts
new file mode 100644
index 0000000000..678207fb78
--- /dev/null
+++ b/menubar/menubar.d.ts
@@ -0,0 +1,68 @@
+// Type definitions for menubar 5.1.0
+// Project: https://github.com/maxogden/menubar
+// Definitions by: rhysd <https://rhysd.github.io>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../github-electron/github-electron.d.ts" />
+/// <reference path="../node/node.d.ts" />
+
+declare namespace Menubar {
+	type Position
+		= "trayLeft"
+		| "trayBottomLeft"
+		| "trayRight"
+		| "trayBottomRight"
+		| "trayCenter"
+		| "trayBottomCenter"
+		| "topLeft"
+		| "topRight"
+		| "bottomLeft"
+		| "bottomRight"
+		| "topCenter"
+		| "bottomCenter"
+		| "center";
+	type TrayBounds
+		= "trayLeft"
+		| "trayBottomLeft"
+		| "trayRight"
+		| "trayBottomRight"
+		| "trayCenter"
+		| "trayBottomCenter";
+	interface ElectronPositioner {
+		move(pos: Position): void;
+		calculate(pos: Position, bounds?: TrayBounds): Electron.Point;
+	}
+	class MenubarApp extends NodeJS.EventEmitter {
+		app: Electron.App;
+		window: Electron.BrowserWindow;
+		tray: Electron.Tray;
+		positioner: ElectronPositioner;
+
+		setOption(opt: string, value: any): void;
+		getOption(opt: string): any;
+		showWindow(): void;
+		hideWindow(): void;
+	}
+	interface MenubarOptions {
+		dir?: string;
+		index?: string;
+		icon?: Electron.NativeImage | string;
+		tooltip?: string;
+		tray?: Electron.Tray;
+		preloadWindow?: boolean;
+		width?: number;
+		height?: number;
+		x?: number;
+		y?: number;
+		alwaysOnTop?: boolean;
+		showOnAllWorkspaces?: boolean;
+		windowPosition?: Position;
+		showDockIcon?: boolean;
+		showOnRightClick?: boolean;
+	}
+}
+
+declare module "menubar" {
+	const ctor: (opts?: Menubar.MenubarOptions) => Menubar.MenubarApp;
+	export = ctor;
+}

From befa2dae51c784104b7de37300b931900861728c Mon Sep 17 00:00:00 2001
From: Cain Cresswell-Miley <cainjonm@gmail.com>
Date: Thu, 13 Oct 2016 01:57:24 +1300
Subject: [PATCH 274/382] add when.reduce, when.reduceRight, and when.map
 typings (#11894)

---
 when/when-tests.ts | 20 ++++++++++++++++++++
 when/when.d.ts     | 34 ++++++++++++++++++++++++++++++++++
 2 files changed, 54 insertions(+)

diff --git a/when/when-tests.ts b/when/when-tests.ts
index cdf252de88..41c4302870 100644
--- a/when/when-tests.ts
+++ b/when/when-tests.ts
@@ -96,6 +96,26 @@ when.all<number[]>([when(1), when(2), when(3)]).then(results => {
 	return results.reduce((r, x) => r + x, 0);
 });
 
+/* when.map(arr, fn) */
+when.map<number[]>([when(1), 2, 3], (num: number, index: number) => num * index).then((results) => {
+	return results.reduce((r, x) => r + x, 0);
+});
+
+/* when.reduce(arr, reduceFunc, initialValue) */
+when.reduce<number>([when(1), 2, 3], (reduction: number, value: number) => {
+	return reduction += value;
+}, 0).then((result: number) => {
+	return result;
+});
+
+/* when.reduceRight(arr, reduceFunc, initialValue) */
+when.reduceRight<number>([when(1), 2, 3], (reduction: number, value: number) => {
+	return when(value)
+	.then((v) => reduction += v);
+}, 0).then((result: number) => {
+	return result;
+});
+
 /* when.settle(arr) */
 when.settle<number>([when(1), when(2), when.reject(new Error("Foo"))]).then(descriptors => {
 	return descriptors.filter(d => d.state === 'rejected').reduce((r, d) => r + d.value, 0);
diff --git a/when/when.d.ts b/when/when.d.ts
index 50a272ece8..a04411981b 100644
--- a/when/when.d.ts
+++ b/when/when.d.ts
@@ -101,6 +101,40 @@ declare namespace When {
      */
     function all<T>(promisesOrValues: any[]): Promise<T>;
 
+    /**
+     * Promise-aware array map function, similar to `Array.prototype.map()`,
+     * but input array may contain promises or values.
+     * @param promisesOrValues array of anything, may contain a mix of {@link Promise}s and values
+     * @param mapFunc map function which may return a promise or value
+     * @returns a promise that will fulfill with an array of mapped values
+     *  or reject if any input promise rejects.
+     */
+    function map<T>(promisesOrValues: any[], mapFunc: (value: any, index?: Number) => any): Promise<T>;
+
+    /**
+     * Traditional reduce function, similar to `Array.prototype.reduce()`, but
+     * input may contain promises and/or values, and reduceFunc
+     * may return either a value or a promise, *and* initialValue may
+     * be a promise for the starting value.
+     * @param promisesOrValues array or promise for an array of anything,
+     *      may contain a mix of promises and values.
+     * @param reduceFunc function(accumulated:*, x:*, index:Number):*} f reduce function
+     * @returns a promise that will resolve to the final reduced value
+     */
+    function reduce<T>(promisesOrValues: any[], reduceFunc: (reduction: T, value: any, index?: Number) => T | Promise<T>, initialValue: T): Promise<T>;
+
+    /**
+     * Traditional reduce function, similar to `Array.prototype.reduceRight()`, but
+     * input may contain promises and/or values, and reduceFunc
+     * may return either a value or a promise, *and* initialValue may
+     * be a promise for the starting value.
+     * @param promisesOrValues array or promise for an array of anything,
+     *      may contain a mix of promises and values.
+     * @param reduceFunc function(accumulated:*, x:*, index:Number):*} f reduce function
+     * @returns a promise that will resolve to the final reduced value
+     */
+    function reduceRight<T>(promisesOrValues: any[], reduceFunc: (reduction: T, value: any, index?: Number) => T | Promise<T>, initialValue: T): Promise<T>;
+
     /**
      * Describes the status of a promise.
      * state may be one of:

From 00595a5ec7d085e675187c68c50f648a6d04ef5d Mon Sep 17 00:00:00 2001
From: laureysruben <laureysruben@gmail.com>
Date: Wed, 12 Oct 2016 15:01:03 +0200
Subject: [PATCH 275/382] Add LanguageSettings.url option (#11897)

The datatables language options contains a url parameter to get language settings over ajax. This should be included in the typings file.
---
 jquery.dataTables/jquery.dataTables.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/jquery.dataTables/jquery.dataTables.d.ts b/jquery.dataTables/jquery.dataTables.d.ts
index d3d2fe6754..84938e01cf 100644
--- a/jquery.dataTables/jquery.dataTables.d.ts
+++ b/jquery.dataTables/jquery.dataTables.d.ts
@@ -1685,6 +1685,7 @@ declare namespace DataTables {
         zeroRecords?: string;
         paginate?: LanguagePaginateSettings;
         aria?: LanguageAriaSettings;
+        url?: string;
     }
 
     interface LanguagePaginateSettings {

From c4e76e648fea8f8b40416c429d7d6d079ace32d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrien=20Verg=C3=A9?= <adrienverge@gmail.com>
Date: Wed, 12 Oct 2016 15:02:10 +0200
Subject: [PATCH 276/382] CKEditor HTML parser typings (#11616)

* test(CKEditor): Add missing tests for htmlParser.basicWriter

* feat(CKEditor): Add typings for htmlWriter

See related documentation at:
http://docs.ckeditor.com/#!/api/CKEDITOR.htmlWriter

* feat(CKEditor): Add typings for htmlDataProcessor

See related documentation at:
http://docs.ckeditor.com/#!/api/CKEDITOR.htmlDataProcessor
---
 ckeditor/ckeditor-tests.ts | 27 +++++++++++++++++++++++++++
 ckeditor/ckeditor.d.ts     | 20 ++++++++++++++++++++
 2 files changed, 47 insertions(+)

diff --git a/ckeditor/ckeditor-tests.ts b/ckeditor/ckeditor-tests.ts
index 97a5c73937..fb3e4a132a 100644
--- a/ckeditor/ckeditor-tests.ts
+++ b/ckeditor/ckeditor-tests.ts
@@ -336,3 +336,30 @@ function test_focusManager() {
     var object: CKEDITOR.dom.domObject = focusManager.currentActive;
     var bool: boolean = focusManager.hasFocus;
 }
+
+function test_basicWriter() {
+    var writer = new CKEDITOR.htmlParser.basicWriter();
+    writer.openTag('p', {});
+    writer.attribute('class', 'MyClass');
+    writer.openTagClose('p', false);
+    writer.text('Hello');
+    writer.closeTag('p');
+    alert(writer.getHtml(true)); // '<p class="MyClass">Hello</p>'
+}
+
+function test_htmlWriter() {
+    var writer = new CKEDITOR.htmlWriter();
+    writer.openTag('p', {});
+    writer.attribute('class', 'MyClass');
+    writer.openTagClose('p', false);
+    writer.text('Hello');
+    writer.closeTag('p');
+    alert(writer.getHtml(true)); // '<p class="MyClass">Hello</p>'
+
+    writer.indentationChars = '\t';
+    writer.lineBreakChars = '\r\n';
+    writer.selfClosingEnd = '>';
+    writer.indentation();
+    writer.lineBreak();
+    writer.setRules('img', {breakBeforeOpen: true, breakAfterOpen: true});
+}
diff --git a/ckeditor/ckeditor.d.ts b/ckeditor/ckeditor.d.ts
index d43446dd83..72e56cd253 100644
--- a/ckeditor/ckeditor.d.ts
+++ b/ckeditor/ckeditor.d.ts
@@ -1270,6 +1270,16 @@ declare namespace CKEDITOR {
         toHtml(data: string, fixForBody?: string): void;
     }
 
+    class htmlDataProcessor {
+        dataFilter: htmlParser.filter;
+        htmlFilter: htmlParser.filter;
+        writer: htmlParser.basicWriter;
+
+        constructor(editor: editor);
+        toDataFormat(html: string, options?: Object): string;
+        toHtml(data: string, options?: Object): string;
+    }
+
 
     class event {
         constructor();
@@ -1803,6 +1813,16 @@ declare namespace CKEDITOR {
 
     }
 
+    class htmlWriter extends htmlParser.basicWriter {
+        indentationChars: string;
+        lineBreakChars: string;
+        selfClosingEnd: string;
+
+        indentation(): void;
+        lineBreak(): void;
+        setRules(tagName: string, rules: Object): void;
+    }
+
 
     namespace tools {
         var callFunction: Function;

From 9baa3f410d0c21a7ba95cd18f746b3da06da5dbe Mon Sep 17 00:00:00 2001
From: Tyler Romeo <tylerromeo@gmail.com>
Date: Wed, 12 Oct 2016 09:18:00 -0400
Subject: [PATCH 277/382] [google-drive-realtime-api] Typings for Error and
 ErrorType (#11836)

Add typings for the Google Drive Realtime API's Error class and
ErrorType string enum (simulated in TypeScript as a union type and
static variable).

Signed-off-by: Tyler Romeo <tromeo@google.com>
---
 .../google-drive-realtime-api.d.ts            | 86 ++++++++++++++++++-
 1 file changed, 84 insertions(+), 2 deletions(-)

diff --git a/google-drive-realtime-api/google-drive-realtime-api.d.ts b/google-drive-realtime-api/google-drive-realtime-api.d.ts
index b263b30bb9..025ce08a86 100644
--- a/google-drive-realtime-api/google-drive-realtime-api.d.ts
+++ b/google-drive-realtime-api/google-drive-realtime-api.d.ts
@@ -516,9 +516,91 @@ declare namespace gapi.drive.realtime {
 
 	}
 
-	// INCOMPLETE
+	// Complete
+	// https://developers.google.com/google-apps/realtime/reference/gapi.drive.realtime#.ErrorType
+	export type ErrorType =
+		"concurrent_creation" | "invalid_compound_operation" | "invalid_json_syntax" |
+		"missing_property" | "not_found" | "forbidden" | "server_error" | "client_error" |
+		"token_refresh_required" | "invalid_element_type" | "no_write_permission" |
+		"fatal_network_error" | "unexpected_element";
+	export var ErrorType : {
+		// Another user created the document's initial state after
+		// gapi.drive.realtime.load was called but before the local
+		// creation was saved.
+		CONCURRENT_CREATION: ErrorType,
+
+		// A compound operation was still open at the end of a
+		// synchronous block. Compound operations must always
+		// be ended in the same synchronous block that they
+		// are started.
+		INVALID_COMPOUND_OPERATION: ErrorType,
+
+		// The user tried to decode a brix model that
+		// contained invalid json.
+		INVALID_JSON_SYNTAX: ErrorType,
+
+		// The user tried to decode a brix model that was
+		// missing a neccessary property.
+		MISSING_PROPERTY: ErrorType,
+
+		// The provided document ID could not be found.
+		NOT_FOUND: ErrorType,
+
+		// The user associated with the provided OAuth token
+		// is not authorized to access the provided document
+		// ID.
+		FORBIDDEN: ErrorType,
+
+		// An internal error occurred in the Drive Realtime
+		// API server.
+		SERVER_ERROR: ErrorType,
+
+		// An internal error occurred in the Drive Realtime API client.
+		CLIENT_ERROR: ErrorType,
+
+		// The provided OAuth token is no longer valid and
+		// must be refreshed.
+		TOKEN_REFRESH_REQUIRED: ErrorType,
+
+		// The provided JSON element does not have the
+		// expected type.
+		INVALID_ELEMENT_TYPE: ErrorType,
+
+		// The user does not have permission to edit the
+		// document.
+		NO_WRITE_PERMISSION: ErrorType,
+
+		// A network error occurred on a request to the
+		// Realtime API server for a request which can not be
+		// retried. The document may no longer be used after
+		// this error has occurred. This error can only be
+		// corrected by reloading the document.
+		FATAL_NETWORK_ERROR: ErrorType,
+
+		// The provided JSON element has the correct JSON type
+		// but does not have the correct expected Realtime
+		// type.
+		UNEXPECTED_ELEMENT: ErrorType,
+	};
+
+	// Complete
 	// https://developers.google.com/google-apps/realtime/reference/gapi.drive.realtime.Error
-	export class Error { }
+	export class Error {
+		constructor (type: string, message: string, isFatal: boolean);
+
+		// The type of the error that occurred.
+		type: ErrorType;
+
+		// A message describing the error.
+	  	message: string;
+
+		// Whether the error is fatal. Fatal errors cannot be recovered
+		// from and require the document to be reloaded.
+	  	isFatal: boolean;
+
+		// Returns a string representation of the error object.
+		toString(): string;
+	}
 
 	// Complete
 	// Opens the debugger application on the current page. The debugger shows all realtime documents that the

From 7ab26a7f1e98516ac601562337eb222157ddc35f Mon Sep 17 00:00:00 2001
From: Isaac Sukin <IceCreamYou@users.noreply.github.com>
Date: Wed, 12 Oct 2016 06:22:43 -0700
Subject: [PATCH 278/382] Add LaunchDarkly JavaScript client typings (#11916)

* Added LaunchDarkly JavaScript client typings

* Address feedback from jkodumal
---
 ldclient-js/ldclient-js-tests.ts |  29 ++++
 ldclient-js/ldclient-js.d.ts     | 236 +++++++++++++++++++++++++++++++
 2 files changed, 265 insertions(+)
 create mode 100644 ldclient-js/ldclient-js-tests.ts
 create mode 100644 ldclient-js/ldclient-js.d.ts

diff --git a/ldclient-js/ldclient-js-tests.ts b/ldclient-js/ldclient-js-tests.ts
new file mode 100644
index 0000000000..2e304187dd
--- /dev/null
+++ b/ldclient-js/ldclient-js-tests.ts
@@ -0,0 +1,29 @@
+/// <reference path="ldclient-js.d.ts" />
+
+// Implicitly calls LDClient#identify
+const ldClient = LDClient.initialize(
+    'ENV KEY',
+    {
+        key: 'USER KEY',
+        name: 'USER NAME',
+    },
+    {
+        hash: 'SECURE USER HASH',
+    }
+);
+
+ldClient.on('ready', () => {
+    const defaultValue = false;
+    ldClient.variation('FLAG-KEY', defaultValue);
+    console.log('All flag values:', ldClient.allFlags());
+});
+
+function changeCallback(changes: LaunchDarkly.LDFlagChangeset) {
+    console.log('Flags changed:', changes);
+}
+
+ldClient.on('change', changeCallback);
+
+document.getElementById('disable-change-tracking').addEventListener('click', () => {
+    ldClient.off('change', changeCallback);
+});
diff --git a/ldclient-js/ldclient-js.d.ts b/ldclient-js/ldclient-js.d.ts
new file mode 100644
index 0000000000..1a0ae97550
--- /dev/null
+++ b/ldclient-js/ldclient-js.d.ts
@@ -0,0 +1,236 @@
+// Type definitions for ldclient-js v1.1.2
+// Project: https://github.com/launchdarkly/js-client
+// Definitions by: Isaac Sukin <https://isaacsukin.com>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * The LaunchDarkly JavaScript client interfaces.
+ *
+ * Documentation: http://docs.launchdarkly.com/docs/js-sdk-reference
+ */
+declare namespace LaunchDarkly {
+    /**
+     * The names of events to which users of the client can subscribe.
+     */
+    export type LDEventName = 'ready' | 'change';
+
+    /**
+     * The types of values a feature flag can have.
+     *
+     * Flags can have any JSON-serializable value.
+     */
+    export type LDFlagValue = any;
+
+    /**
+     * A map of feature flags from their keys to their values.
+     */
+    export type LDFlagSet = {
+        [key: string]: LDFlagValue,
+    };
+
+    /**
+     * A map of feature flag keys to objects holding changes in their values.
+     */
+    export type LDFlagChangeset = {
+        [key: string]: {
+            current: LDFlagValue,
+            previous: LDFlagValue,
+        },
+    };
+
+    /**
+     * The parameters required to (un)subscribe to/from LaunchDarkly events.
+     *
+     * See LDClient#on and LDClient#off.
+     */
+    type LDEventSignature = (
+            key: LDEventName,
+            callback: (current?: LDFlagValue | LDFlagChangeset, previous?: LDFlagValue) => void,
+            context?: any
+        ) => void;
+
+    /**
+     * LaunchDarkly initialization options.
+     */
+    export interface LDOptions {
+        /**
+         * The signed user key for Secure Mode.
+         *
+         * @see http://docs.launchdarkly.com/docs/js-sdk-reference#secure-mode
+         */
+        hash: string;
+
+        /**
+         * The initial set of flags to use until the remote set is retrieved.
+         *
+         * If "localStorage" is specified, the flags will be saved locally and
+         * retrieved from storage. Alternatively an LDFlagSet can be specified
+         * which will be used as the initial source of flag values.
+         */
+        bootstrap?: 'localStorage' | LDFlagSet;
+    }
+
+    /**
+     * A LaunchDarkly user object.
+     */
+    export interface LDUser {
+        /**
+         * A unique string identifying a user.
+         */
+        key: string;
+
+        /**
+         * The user's name.
+         *
+         * You can search for users on the User page by name.
+         */
+        name?: string;
+
+        /**
+         * The user's first name.
+         */
+        firstName?: string;
+
+        /**
+         * The user's last name.
+         */
+        lastName?: string;
+
+        /**
+         * The user's email address.
+         *
+         * If an `avatar` URL is not provided, LaunchDarkly will use Gravatar
+         * to try to display an avatar for the user on the Users page.
+         */
+        email?: string;
+
+        /**
+         * An absolute URL to an avatar image for the user.
+         */
+        avatar?: string;
+
+        /**
+         * The user's IP address.
+         *
+         * If you provide an IP, LaunchDarkly will use a geolocation service to
+         * automatically infer a `country` for the user, unless you've already
+         * specified one.
+         */
+        ip?: string;
+
+        /**
+         * The country associated with the user.
+         */
+        country?: string;
+
+        /**
+         * Whether to show the user on the Users page in LaunchDarkly.
+         */
+        anonymous?: boolean;
+
+        /**
+         * Any additional attributes associated with the user.
+         */
+        custom?: string | boolean | number | Array<string | boolean | number>;
+    }
+
+    /**
+     * The LaunchDarkly client's instance interface.
+     *
+     * @see http://docs.launchdarkly.com/docs/js-sdk-reference
+     */
+    export interface LDClient {
+        /**
+         * Identifies a user to LaunchDarkly.
+         *
+         * This only needs to be called if the user changes identities because
+         * normally the user's identity is set during client initialization.
+         *
+         * @param user
+         *   A map of user options. Must contain at least the `key` property
+         *   which identifies the user.
+         * @param hash
+         *   The signed user key for Secure Mode; see
+         *   http://docs.launchdarkly.com/docs/js-sdk-reference#secure-mode
+         * @param onDone
+         *   A callback to invoke after the user is identified.
+         */
+        identify: (user: LDUser, hash?: string, onDone?: () => void) => void;
+
+        /**
+         * Retrieves a flag's value.
+         *
+         * @param key
+         *   The key of the flag for which to retrieve the corresponding value.
+         * @param defaultValue
+         *   The value to use if the flag is not available (for example, if the
+         *   user is offline or a flag is requested that does not exist).
+         *
+         * @returns
+         *   The flag's value.
+         */
+        variation: (key: string, defaultValue?: LDFlagValue) => LDFlagValue;
+
+        /**
+         * Registers an event listener.
+         *
+         * @param key
+         *   The name of the event for which to listen. This can be "ready",
+         *   "change", or "change:FLAG-KEY".
+         * @param callback
+         *   The function to execute when the event fires. For the "change"
+         *   event, the callback receives one parameter: an LDFlagChangeset
+         *   describing the changes. For "change:FLAG-KEY" events, the callback
+         *   receives two parameters: the current (new) value and the previous
+         *   value of the relevant flag.
+         * @param context
+         *   The "this" context to use for the callback.
+         */
+        on: LDEventSignature;
+
+        /**
+         * Deregisters an event listener.
+         *
+         * @param key
+         *   The name of the event for which to stop listening. This can be
+         *   "ready", "change", or "change:FLAG-KEY".
+         * @param callback
+         *   The function to deregister.
+         * @param context
+         *   The "this" context for the callback.
+         */
+        off: LDEventSignature;
+
+        /**
+         * Track page events to use in goals or A/B tests.
+         *
+         * LaunchDarkly automatically tracks pageviews and clicks that are
+         * specified in the Goals section of their dashboard. This can be used
+         * to track custom goals or other events that do not currently have
+         * goals.
+         *
+         * @param key
+         *   The event to record.
+         * @param data
+         *   Additional information to associate with the event.
+         */
+        track: (key: string, data?: any) => void;
+
+        /**
+         * Returns a map of all available flags to the current user's values.
+         */
+        allFlags: () => LDFlagSet;
+    }
+
+}
+
+/**
+ * The LaunchDarkly static global.
+ */
+declare var LDClient: {
+    initialize: (
+            key: string,
+            user: LaunchDarkly.LDUser,
+            options?: LaunchDarkly.LDOptions
+        ) => LaunchDarkly.LDClient;
+};

From 815ad66282f0fc20719c71a37b5dbdd471167196 Mon Sep 17 00:00:00 2001
From: Linda_pp <rhysd@users.noreply.github.com>
Date: Wed, 12 Oct 2016 22:22:55 +0900
Subject: [PATCH 279/382] Add 'page-icon' package (#11918)

---
 page-icon/page-icon-tests.ts | 25 +++++++++++++++++++++++++
 page-icon/page-icon.d.ts     | 25 +++++++++++++++++++++++++
 2 files changed, 50 insertions(+)
 create mode 100644 page-icon/page-icon-tests.ts
 create mode 100644 page-icon/page-icon.d.ts

diff --git a/page-icon/page-icon-tests.ts b/page-icon/page-icon-tests.ts
new file mode 100644
index 0000000000..88dac1b6aa
--- /dev/null
+++ b/page-icon/page-icon-tests.ts
@@ -0,0 +1,25 @@
+/// <reference path="./page-icon.d.ts" />
+
+import * as pageIcon from "page-icon";
+
+const siteUrl = "https://www.facebook.com/";
+pageIcon(siteUrl)
+    .then(function(icon) {
+        // do things with icon object
+        console.log(icon);
+    })
+    .catch(error => {
+        console.error(error);
+    });
+
+const twUrl = "https://twitter.com";
+pageIcon(twUrl, {ext: ".png"})
+    .then(icon => {
+        if (!icon) {
+            return;
+        }
+        console.log(icon.source, icon.name, icon.data, icon.size, icon.ext, icon.mime);
+    })
+    .catch(err => {
+        console.error(err);
+    });
diff --git a/page-icon/page-icon.d.ts b/page-icon/page-icon.d.ts
new file mode 100644
index 0000000000..1e183ea289
--- /dev/null
+++ b/page-icon/page-icon.d.ts
@@ -0,0 +1,25 @@
+// Type definitions for page-icon 0.3.0
+// Project: https://github.com/jiahaog/page-icon
+// Definitions by: rhysd <https://rhysd.github.io>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts" />
+
+declare namespace PageIcon {
+	interface Icon {
+		source: string;
+		name: string;
+		data: Buffer;
+		size: number;
+		ext: string;
+		mime: string;
+	}
+	interface FetchOptions {
+		ext?: string;
+	}
+}
+
+declare module "page-icon" {
+	const mod: (url: string, opts?: PageIcon.FetchOptions) => Promise<PageIcon.Icon>;
+	export = mod;
+}

From f109a9af280ab654d6c4a42824e87bea224362f2 Mon Sep 17 00:00:00 2001
From: Nobuki Yoda <nobuki.y@gmail.com>
Date: Wed, 12 Oct 2016 22:24:46 +0900
Subject: [PATCH 280/382] Fixed 'evaluateJavascript' to 'evaluateJavaScript'
 (phantomjs). (#11921)

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

diff --git a/phantomjs/phantomjs.d.ts b/phantomjs/phantomjs.d.ts
index a01c169eb3..bb219bcecf 100644
--- a/phantomjs/phantomjs.d.ts
+++ b/phantomjs/phantomjs.d.ts
@@ -89,7 +89,7 @@ interface WebPage {
 	deleteCookie(cookieName: string): boolean;
 	evaluate(fn: Function, ...args: any[]): any;
 	evaluateAsync(fn: Function): void;
-	evaluateJavascript(str: string): any; // :TODO: elaborate this when documentation improves
+	evaluateJavaScript(str: string): any; // :TODO: elaborate this when documentation improves
 	getPage(windowName: string): WebPage;
 	go(index: number): void;
 	goBack(): void;

From 584d976f551a4b189b64368182d46e1705ee767f Mon Sep 17 00:00:00 2001
From: Marvin Hagemeister <marvin@marvinhagemeister.de>
Date: Wed, 12 Oct 2016 15:29:02 +0200
Subject: [PATCH 281/382] Update node-sass bindings (#11852)

* update node-sass for es6 target

* Fix wrong sourceMapRoot type for node-sass

* Fix outputStyle cannot be any string

* Add library version
---
 node-sass/node-sass-tests.ts | 3 ++-
 node-sass/node-sass.d.ts     | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/node-sass/node-sass-tests.ts b/node-sass/node-sass-tests.ts
index a7c1477cb9..ffcb54b09d 100644
--- a/node-sass/node-sass-tests.ts
+++ b/node-sass/node-sass-tests.ts
@@ -1,5 +1,5 @@
 /// <reference path="node-sass.d.ts" />
-import sass = require('node-sass');
+import * as sass from 'node-sass';
 sass.render({
   file: '/path/to/myFile.scss',
   data: 'body{background:blue; a{color:black;}}',
@@ -44,6 +44,7 @@ var result = sass.renderSync({
   outputStyle: 'compressed',
   outFile: '/to/my/output.css',
   sourceMap: true, // or an absolute or relative (to outFile) path
+  sourceMapRoot: '.',
   importer: function(url, prev, done) {
     // url is the path in import as is, which libsass encountered.
     // prev is the previously resolved path.
diff --git a/node-sass/node-sass.d.ts b/node-sass/node-sass.d.ts
index 93844fb445..6711f5f5ac 100644
--- a/node-sass/node-sass.d.ts
+++ b/node-sass/node-sass.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Node Sass
+// Type definitions for Node Sass v3.10.1
 // Project: https://github.com/sass/node-sass
 // Definitions by: Asana <https://asana.com>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -22,13 +22,13 @@ declare module "node-sass" {
         linefeed?: string;
         omitSourceMapUrl?: boolean;
         outFile?: string;
-        outputStyle?: string;
+        outputStyle?: "compact" | "compressed" | "expanded" | "nested";
         precision?: number;
         sourceComments?: boolean;
         sourceMap?: boolean | string;
         sourceMapContents?: boolean;
         sourceMapEmbed?: boolean;
-        sourceMapRoot?: boolean;
+        sourceMapRoot?: string;
     }
 
     interface SassError extends Error {

From 1ad10bb0dd35f98e27d4d848bfe3d5dfc919e9f0 Mon Sep 17 00:00:00 2001
From: Vladimir Kotikov <v-vlkoti@microsoft.com>
Date: Wed, 12 Oct 2016 16:38:35 +0300
Subject: [PATCH 282/382] Update teact-native typings to react-native@0.34
 (#11831)

* Update teact-native typings to react-native@0.34

* Address review feedback

- remove ES6 Promise definition
- replace class/type -> interface to match w/ existing definitions
- remove duplicated types: I18nManagerStatus and EmitterSubscription
Remove ES6 Promise definition

* Keep previous typings as react-native.0.29
---
 react-native/react-native.0.29.d.ts | 6092 +++++++++++++++++++++++++++
 react-native/react-native.d.ts      | 3321 ++++++++++++---
 react-native/tsconfig.json          |    6 +
 3 files changed, 8806 insertions(+), 613 deletions(-)
 create mode 100644 react-native/react-native.0.29.d.ts
 create mode 100644 react-native/tsconfig.json

diff --git a/react-native/react-native.0.29.d.ts b/react-native/react-native.0.29.d.ts
new file mode 100644
index 0000000000..61960d141a
--- /dev/null
+++ b/react-native/react-native.0.29.d.ts
@@ -0,0 +1,6092 @@
+// Type definitions for react-native 0.29
+// Project: https://github.com/facebook/react-native
+// Definitions by: Bruno Grieder <https://github.com/bgrieder>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+//
+// USING: these definitions are meant to be used with the TSC compiler target set to ES6
+//
+// USAGE EXAMPLES: check the RNTSExplorer project at https://github.com/bgrieder/RNTSExplorer
+// Warning: the project currently uses and older version of react-native
+//
+// CONTRIBUTING: please open pull requests
+//
+// CREDITS: This work is based on an original work made by Bernd Paradies: https://github.com/bparadie
+//
+///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+/// <reference path="../react/react.d.ts" />
+
+//so we know what is "original" React
+import React = __React;
+
+//react-native "extends" react
+declare namespace  __React {
+
+    module NativeMethodsMixin {
+      type MeasureOnSuccessCallback = (
+        x: number,
+        y: number,
+        width: number,
+        height: number,
+        pageX: number,
+        pageY: number
+      ) => void
+
+      type MeasureInWindowOnSuccessCallback = (
+        x: number,
+        y: number,
+        width: number,
+        height: number
+      ) => void
+
+      type MeasureLayoutOnSuccessCallback = (
+        left: number,
+        top: number,
+        width: number,
+        height: number
+      ) => void
+    }
+
+    /**
+     * @see https://github.com/facebook/react-native/blob/master/Libraries/ReactIOS/NativeMethodsMixin.js
+     */
+    // export class Component<P, S> extends React.Component<P, S> {
+    export interface NativeComponent {
+
+      /**
+       * Determines the location on screen, width, and height of the given view and
+       * returns the values via an async callback. If successful, the callback will
+       * be called with the following arguments:
+       *
+       *  - x
+       *  - y
+       *  - width
+       *  - height
+       *  - pageX
+       *  - pageY
+       *
+       * Note that these measurements are not available until after the rendering
+       * has been completed in native. If you need the measurements as soon as
+       * possible, consider using the [`onLayout`
+       * prop](docs/view.html#onlayout) instead.
+       */
+      measure(callback: NativeMethodsMixin.MeasureOnSuccessCallback): void;
+
+      /**
+       * Determines the location of the given view in the window and returns the
+       * values via an async callback. If the React root view is embedded in
+       * another native view, this will give you the absolute coordinates. If
+       * successful, the callback will be called with the following
+       * arguments:
+       *
+       *  - x
+       *  - y
+       *  - width
+       *  - height
+       *
+       * Note that these measurements are not available until after the rendering
+       * has been completed in native.
+       */
+      measureInWindow(callback: NativeMethodsMixin.MeasureInWindowOnSuccessCallback): void;
+
+      /**
+       * Like [`measure()`](#measure), but measures the view relative an ancestor,
+       * specified as `relativeToNativeNode`. This means that the returned x, y
+       * are relative to the origin x, y of the ancestor view.
+       *
+       * As always, to obtain a native node handle for a component, you can use
+       * `React.findNodeHandle(component)`.
+       */
+      measureLayout(
+        relativeToNativeNode: number,
+        onSuccess: NativeMethodsMixin.MeasureLayoutOnSuccessCallback,
+        onFail: () => void /* currently unused */
+      ): void;
+
+       /**
+        * This function sends props straight to native. They will not participate in
+        * future diff process - this means that if you do not include them in the
+        * next render, they will remain active (see [Direct
+        * Manipulation](docs/direct-manipulation.html)).
+        */
+      setNativeProps(nativeProps: Object): void;
+
+      /**
+       * Requests focus for the given input or view. The exact behavior triggered
+       * will depend on the platform and type of view.
+       */
+      focus(): void;
+
+      /**
+       * Removes focus from an input or view. This is the opposite of `focus()`.
+       */
+      blur(): void;
+
+      refs: {
+        [key: string]: Component<any, any>
+      };
+    }
+
+    //TODO: BGR: Replace with ComponentClass ?
+    // node_modules/react-tools/src/classic/class/ReactClass.js
+    export interface ReactClass<D, P, S> {
+        // TODO:
+    }
+
+    // see react-jsx.d.ts
+    export function createElement<P>( type: React.ReactType,
+                                      props?: P,
+                                      ...children: React.ReactNode[] ): React.ReactElement<P>;
+
+
+    export type Runnable = ( appParameters: any ) => void;
+
+
+    // Similar to React.SyntheticEvent except for nativeEvent
+    interface NativeSyntheticEvent<T> {
+        bubbles: boolean
+        cancelable: boolean
+        currentTarget: EventTarget
+        defaultPrevented: boolean
+        eventPhase: number
+        isTrusted: boolean
+        nativeEvent: T
+        preventDefault(): void
+        stopPropagation(): void
+        target: EventTarget
+        timeStamp: Date
+        type: string
+    }
+
+    export interface NativeTouchEvent {
+        /**
+         * Array of all touch events that have changed since the last event
+         */
+        changedTouches: NativeTouchEvent[]
+
+        /**
+         * The ID of the touch
+         */
+        identifier: string
+
+        /**
+         * The X position of the touch, relative to the element
+         */
+        locationX: number
+
+        /**
+         * The Y position of the touch, relative to the element
+         */
+        locationY: number
+
+        /**
+         * The X position of the touch, relative to the screen
+         */
+        pageX: number
+
+        /**
+         * The Y position of the touch, relative to the screen
+         */
+        pageY: number
+
+        /**
+         * The node id of the element receiving the touch event
+         */
+        target: string
+
+        /**
+         * A time identifier for the touch, useful for velocity calculation
+         */
+        timestamp: number
+
+        /**
+         * Array of all current touches on the screen
+         */
+        touches : NativeTouchEvent[]
+    }
+
+    export interface GestureResponderEvent extends NativeSyntheticEvent<NativeTouchEvent> {
+    }
+
+
+    export interface  PointProperties {
+        x: number
+        y: number
+    }
+
+    export interface Insets {
+        top?: number
+        left?: number
+        bottom?: number
+        right?: number
+    }
+
+    /**
+     * //FIXME: need to find documentation on which compoenent is a native (i.e. non composite component)
+     */
+    /*
+    export interface NativeComponent {
+    }
+    */
+    /**
+     * //FIXME: need to find documentation on which component is a TTouchable and can implement that interface
+     * @see React.DOMAtributes
+     */
+    export interface Touchable {
+        onTouchStart?: ( event: GestureResponderEvent ) => void
+        onTouchMove?: ( event: GestureResponderEvent ) => void
+        onTouchEnd?: ( event: GestureResponderEvent ) => void
+        onTouchCancel?: ( event: GestureResponderEvent ) => void
+        onTouchEndCapture?: ( event: GestureResponderEvent ) => void
+    }
+
+    export type AppConfig = {
+        appKey: string;
+        component: ReactClass<any, any, any>;
+        run?: Runnable;
+    }
+
+    // https://github.com/facebook/react-native/blob/master/Libraries/AppRegistry/AppRegistry.js
+    /**
+     * `AppRegistry` is the JS entry point to running all React Native apps.  App
+     * root components should register themselves with
+     * `AppRegistry.registerComponent`, then the native system can load the bundle
+     * for the app and then actually run the app when it's ready by invoking
+     * `AppRegistry.runApplication`.
+     *
+     * To "stop" an application when a view should be destroyed, call
+     * `AppRegistry.unmountApplicationComponentAtRootTag` with the tag that was
+     * pass into `runApplication`. These should always be used as a pair.
+     *
+     * `AppRegistry` should be `require`d early in the `require` sequence to make
+     * sure the JS execution environment is setup before other modules are
+     * `require`d.
+     */
+    export class AppRegistry {
+        static registerConfig( config: AppConfig[] ): void;
+
+        static registerComponent( appKey: string, getComponentFunc: () => React.ComponentClass<any> ): string;
+
+        static registerRunnable( appKey: string, func: Runnable ): string;
+
+        static getAppKeys(): string[];
+
+        static unmountApplicationComponentAtRootTag(rootTag: number): void;
+
+        static runApplication( appKey: string, appParameters: any ): void;
+    }
+
+    export interface LayoutAnimationTypes {
+        spring: string
+        linear: string
+        easeInEaseOut: string
+        easeIn: string
+        easeOut: string
+    }
+
+    export interface LayoutAnimationProperties {
+        opacity: string
+        scaleXY: string
+    }
+
+    export interface LayoutAnimationAnim {
+        duration?: number
+        delay?: number
+        springDamping?: number
+        initialVelocity?: number
+        type?: string //LayoutAnimationTypes
+        property?: string //LayoutAnimationProperties
+    }
+
+    export interface LayoutAnimationConfig {
+        duration: number
+        create?: LayoutAnimationAnim
+        update?: LayoutAnimationAnim
+        delete?: LayoutAnimationAnim
+    }
+
+    export interface LayoutAnimationStatic {
+
+        configureNext: ( config: LayoutAnimationConfig, onAnimationDidEnd?: () => void, onError?: ( error?: any ) => void ) => void
+        create: ( duration: number, type?: string, creationProp?: string ) => LayoutAnimationConfig
+        Types: LayoutAnimationTypes
+        Properties: LayoutAnimationProperties
+        configChecker: ( conf: {config: LayoutAnimationConfig}, name: string, next: string ) => void
+        Presets : {
+            easeInEaseOut: LayoutAnimationConfig
+            linear:LayoutAnimationConfig
+            spring: LayoutAnimationConfig
+        }
+    }
+
+    export type FlexAlignType = "flex-start" | "flex-end" | "center" | "stretch";
+    export type FlexJustifyType = "flex-start" | "flex-end" | "center" | "space-between" | "space-around";
+
+    /**
+     * Flex Prop Types
+     * @see https://facebook.github.io/react-native/docs/flexbox.html#proptypes
+     * @see LayoutPropTypes.js
+     */
+    export interface FlexStyle {
+
+        alignItems?: FlexAlignType;
+        alignSelf?: "auto" | FlexAlignType;
+        borderBottomWidth?: number
+        borderLeftWidth?: number
+        borderRightWidth?: number
+        borderTopWidth?: number
+        borderWidth?: number
+        bottom?: number
+        flex?: number
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse"
+        flexWrap?: "wrap" | "nowrap"
+        height?: number
+        justifyContent?: FlexJustifyType
+        left?: number
+        minWidth?: number
+        maxWidth?: number
+        minHeight?: number
+        maxHeight?: number
+        margin?: number
+        marginBottom?: number
+        marginHorizontal?: number
+        marginLeft?: number
+        marginRight?: number
+        marginTop?: number
+        marginVertical?: number
+        padding?: number
+        paddingBottom?: number
+        paddingHorizontal?: number
+        paddingLeft?: number
+        paddingRight?: number
+        paddingTop?: number
+        paddingVertical?: number
+        position?: "absolute" | "relative"
+        right?: number
+        top?: number
+        width?: number
+
+        /**
+         * @platform ios
+         */
+        zIndex?: number
+    }
+
+    /**
+     * @see ShadowPropTypesIOS.js
+     */
+    export interface ShadowPropTypesIOSStatic {
+        /**
+         * Sets the drop shadow color
+         * @platform ios
+         */
+        shadowColor: string
+
+        /**
+         * Sets the drop shadow offset
+         * @platform ios
+         */
+        shadowOffset: {width: number, height: number}
+
+        /**
+         * Sets the drop shadow opacity (multiplied by the color's alpha component)
+         * @platform ios
+         */
+        shadowOpacity: number
+
+        /**
+         * Sets the drop shadow blur radius
+         * @platform ios
+         */
+        shadowRadius: number
+    }
+
+    type GetCurrentPositionOptions = {
+        timeout: number
+        maximumAge: number
+        enableHighAccuracy: boolean
+        distanceFilter: number
+    }
+
+    type WatchPositionOptions = {
+        timeout: number
+        maximumAge: number
+        enableHighAccuracy: boolean
+        distanceFilter: number
+    }
+
+    type GeolocationReturnType = {
+        coords: {
+            latitude: number
+            longitude: number
+        }
+    }
+
+
+    export interface TransformsStyle {
+
+        transform?: [{perspective: number}, {rotate: string}, {rotateX: string}, {rotateY: string}, {rotateZ: string}, {scale: number}, {scaleX: number}, {scaleY: number}, {translateX: number}, {translateY: number}, {skewX: string}, {skewY: string}]
+        transformMatrix?: Array<number>
+        rotation?: number
+        scaleX?: number
+        scaleY?: number
+        translateX?: number
+        translateY?: number
+    }
+
+
+    export interface StyleSheetProperties {
+        hairlineWidth: number
+        flatten<T extends string>(style: T): T
+    }
+
+    export interface LayoutRectangle {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }
+
+    // @see TextProperties.onLayout
+    export interface LayoutChangeEvent {
+        nativeEvent: {
+            layout: LayoutRectangle
+        }
+    }
+
+    export interface TextStyleIOS extends ViewStyle {
+      letterSpacing?: number
+      textDecorationColor?: string
+      textDecorationStyle?: "solid" | "double" | "dotted" | "dashed"
+      writingDirection?: "auto" | "ltr" | "rtl"
+    }
+
+    export interface TextStyleAndroid extends ViewStyle {
+      textAlignVertical?: "auto" | "top" | "bottom" | "center"
+    }
+
+    // @see https://facebook.github.io/react-native/docs/text.html#style
+    export interface TextStyle extends TextStyleIOS, TextStyleAndroid, ViewStyle {
+        color?: string
+        fontFamily?: string
+        fontSize?: number
+        fontStyle?: "normal" | "italic"
+        /**
+         * Specifies font weight. The values 'normal' and 'bold' are supported
+         * for most fonts. Not all fonts have a variant for each of the numeric
+         * values, in that case the closest one is chosen.
+         */
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900"
+        letterSpacing?: number
+        lineHeight?: number
+        /**
+         * Specifies text alignment.
+         * The value 'justify' is only supported on iOS.
+         */
+        textAlign?: "auto" | "left" | "right" | "center"
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through"
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed"
+        textDecorationColor?: string
+        textShadowColor?: string
+        textShadowOffset?: {width: number, height: number}
+        textShadowRadius?: number
+        testID?: string
+    }
+
+    export interface TextPropertiesIOS {
+
+        /**
+         * Specifies should fonts scale to respect Text Size accessibility
+         * setting on iOS.
+         */
+        allowFontScaling: boolean
+
+        /**
+         * When true, no visual change is made when text is pressed down.
+         * By default, a gray oval highlights the text on press down.
+         */
+        suppressHighlighting?: boolean
+    }
+
+    // https://facebook.github.io/react-native/docs/text.html#props
+    export interface TextProperties extends React.Props<TextProperties> {
+
+        /**
+         * Specifies should fonts scale to respect Text Size accessibility setting on iOS.
+         */
+        allowFontScaling?: boolean
+
+        /**
+         * Line Break mode. Works only with numberOfLines.
+         * clip is working only for iOS
+         */
+        lineBreakMode?: 'head' | 'middle' | 'tail' | 'clip'
+
+        /**
+         * Used to truncate the text with an elipsis after computing the text layout, including line wrapping, such that the total number of lines does not exceed this number.
+         */
+        numberOfLines?: number
+
+        /**
+         * Invoked on mount and layout changes with
+         *
+         * {nativeEvent: { layout: {x, y, width, height}}}.
+         */
+        onLayout?: ( event: LayoutChangeEvent ) => void
+
+        /**
+         * This function is called on press.
+         * Text intrinsically supports press handling with a default highlight state (which can be disabled with suppressHighlighting).
+         */
+        onPress?: () => void
+
+        /**
+         * @see https://facebook.github.io/react-native/docs/text.html#style
+         */
+        style?: TextStyle
+
+        /**
+         * Used to locate this view in end-to-end tests.
+         */
+        testID?: string
+    }
+
+    /**
+     * A React component for displaying text which supports nesting, styling, and touch handling.
+     */
+    export interface TextStatic extends React.ComponentClass<TextProperties> {
+
+    }
+
+
+    /**
+     * IOS Specific properties for TextInput
+     * @see https://facebook.github.io/react-native/docs/textinput.html#props
+     */
+    export interface TextInputIOSProperties {
+
+        /**
+         * enum('never', 'while-editing', 'unless-editing', 'always')
+         * When the clear button should appear on the right side of the text view
+         */
+        clearButtonMode?: string
+
+        /**
+         * If true, clears the text field automatically when editing begins
+         */
+        clearTextOnFocus?: boolean
+
+        /**
+         * If true, the keyboard disables the return key when there is no text and automatically enables it when there is text.
+         * The default value is false.
+         */
+        enablesReturnKeyAutomatically?: boolean
+
+        /**
+         * Callback that is called when a key is pressed.
+         * Pressed key value is passed as an argument to the callback handler.
+         * Fires before onChange callbacks.
+         */
+        onKeyPress?: () => void
+
+        /**
+         * //FIXME: requires typing
+         * See DocumentSelectionState.js, some state that is responsible for maintaining selection information for a document
+         */
+        selectionState?: any
+
+
+    }
+
+    /**
+     * Android Specific properties for TextInput
+     * @see https://facebook.github.io/react-native/docs/textinput.html#props
+     */
+    export interface TextInputAndroidProperties {
+
+        /**
+         * Sets the number of lines for a TextInput.
+         * Use it with multiline set to true to be able to fill the lines.
+         */
+        numberOfLines?: number
+
+        /**
+         * Sets the return key to the label. Use it instead of `returnKeyType`.
+         * @platform android
+         */
+        returnKeyLabel?: string
+
+        /**
+         * enum('start', 'center', 'end')
+         * Set the position of the cursor from where editing will begin.
+         */
+        textAlign?: string
+
+        /**
+         * enum('top', 'center', 'bottom')
+         * Aligns text vertically within the TextInput.
+         */
+        textAlignVertical?: string
+
+        /**
+         * The color of the textInput underline.
+         */
+        underlineColorAndroid?: string
+    }
+
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/textinput.html#props
+     */
+    export interface TextInputProperties extends TextInputIOSProperties, TextInputAndroidProperties, React.Props<TextInputStatic> {
+
+        /**
+         * Can tell TextInput to automatically capitalize certain characters.
+         *      characters: all characters,
+         *      words: first letter of each word
+         *      sentences: first letter of each sentence (default)
+         *      none: don't auto capitalize anything
+         *
+         * https://facebook.github.io/react-native/docs/textinput.html#autocapitalize
+         */
+        autoCapitalize?: "none" | "sentences" | "words" | "characters"
+
+        /**
+         * If false, disables auto-correct.
+         * The default value is true.
+         */
+        autoCorrect?: boolean
+
+        /**
+         * If true, focuses the input on componentDidMount.
+         * The default value is false.
+         */
+        autoFocus?: boolean
+
+        /**
+         * If true, the text field will blur when submitted.
+         * The default value is true.
+         */
+        blurOnSubmit?: boolean
+
+        /**
+         * Provides an initial value that will change when the user starts typing.
+         * Useful for simple use-cases where you don't want to deal with listening to events
+         * and updating the value prop to keep the controlled state in sync.
+         */
+        defaultValue?: string
+
+        /**
+         * If false, text is not editable. The default value is true.
+         */
+        editable?: boolean
+
+        /**
+         * enum("default", 'numeric', 'email-address', "ascii-capable", 'numbers-and-punctuation', 'url', 'number-pad', 'phone-pad', 'name-phone-pad', 'decimal-pad', 'twitter', 'web-search')
+         * Determines which keyboard to open, e.g.numeric.
+         * The following values work across platforms: - default - numeric - email-address
+         */
+        keyboardType?: "default" | "email-address" | "numeric" | "phone-pad" | "ascii-capable" | "numbers-and-punctuation" | "url" | "number-pad" | "name-phone-pad" | "decimal-pad" | "twitter" | "web-search"
+
+        /**
+         * Limits the maximum number of characters that can be entered.
+         * Use this instead of implementing the logic in JS to avoid flicker.
+         */
+        maxLength?: number
+
+        /**
+         * If true, the text input can be multiple lines. The default value is false.
+         */
+        multiline?: boolean
+
+        /**
+         * Callback that is called when the text input is blurred
+         */
+        onBlur?: () => void
+
+        /**
+         * Callback that is called when the text input's text changes.
+         */
+        onChange?: ( event: {nativeEvent: {text: string}} ) => void
+
+        /**
+         * Callback that is called when the text input's text changes.
+         * Changed text is passed as an argument to the callback handler.
+         */
+        onChangeText?: ( text: string ) => void
+
+        /**
+         * Callback that is called when text input ends.
+         */
+        onEndEditing?: ( event: {nativeEvent: {text: string}} ) => void
+
+        /**
+         * Callback that is called when the text input is focused
+         */
+        onFocus?: () => void
+
+        /**
+         * Invoked on mount and layout changes with {x, y, width, height}.
+         */
+        onLayout?: ( event: {nativeEvent: {x: number, y: number, width: number, height: number}} ) => void
+
+        onSelectionChange?: () => void
+
+        /**
+         * Callback that is called when the text input's submit button is pressed.
+         */
+        onSubmitEditing?: ( event: {nativeEvent: {text: string}} ) => void
+
+        /**
+         * //FIXME: Not part of the doc but found in examples
+         */
+        password?: boolean
+
+        /**
+         * The string that will be rendered before text input has been entered
+         */
+        placeholder?: string
+
+        /**
+         * The text color of the placeholder string
+         */
+        placeholderTextColor?: string
+
+        /**
+         * enum('default', 'go', 'google', 'join', 'next', 'route', 'search', 'send', 'yahoo', 'done', 'emergency-call')
+         * Determines how the return key should look.
+         */
+        returnKeyType?: "default" | "go" | "google" | "join" | "next" | "route" | "search" | "send" | "yahoo" | "done" | "emergency-call"
+
+        /**
+         * If true, the text input obscures the text entered so that sensitive text like passwords stay secure.
+         * The default value is false.
+         */
+        secureTextEntry?: boolean
+
+        /**
+         * If true, all text will automatically be selected on focus
+         */
+        selectTextOnFocus?: boolean
+
+        /**
+         * The highlight (and cursor on ios) color of the text input
+         */
+        selectionColor?: string
+
+        /**
+         * Styles
+         */
+        style?: TextStyle
+
+        /**
+         * Used to locate this view in end-to-end tests
+         */
+        testID?: string
+
+        /**
+         * The value to show for the text input. TextInput is a controlled component,
+         * which means the native value will be forced to match this value prop if provided.
+         * For most uses this works great, but in some cases this may cause flickering - one common cause is preventing edits by keeping value the same.
+         * In addition to simply setting the same value, either set editable={false},
+         * or set/update maxLength to prevent unwanted edits without flicker.
+         */
+        value?: string
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/textinput.html#methods
+     */
+    export interface TextInputStatic extends NativeComponent, React.ComponentClass<TextInputProperties> {
+        /**
+         * Returns if the input is currently focused.
+         */
+        isFocused: () => boolean
+
+        /**
+         * Removes all text from the input.
+         */
+        clear: () => void
+
+        // The following methods are found only in implementation
+        blur: () => void
+        focus: () => void
+    }
+
+    export type ToolbarAndroidAction = {
+        /**
+         *  title: required, the title of this action
+         */
+        title: string
+
+        /**
+         * icon: the icon for this action, e.g. require('./some_icon.png')
+         */
+        icon?: any
+
+        /**
+         * show: when to show this action as an icon or hide it in the overflow menu: always, ifRoom or never
+         */
+        show?: "always" | "ifRoom" | "never"
+
+        /**
+         * showWithText: boolean, whether to show text alongside the icon or not
+         */
+        showWithText?: boolean
+    }
+
+    export interface ToolbarAndroidProperties extends ViewProperties, React.Props<ToolbarAndroidStatic> {
+        actions?: ToolbarAndroidAction[]
+
+        /**
+         * Sets the content inset for the toolbar ending edge.
+         * The content inset affects the valid area for Toolbar content other
+         * than the navigation button and menu. Insets define the minimum
+         * margin for these components and can be used to effectively align
+         * Toolbar content along well-known gridlines.
+         */
+        contentInsetEnd?: number
+
+        /**
+         * Sets the content inset for the toolbar starting edge.
+         * The content inset affects the valid area for Toolbar content
+         * other than the navigation button and menu. Insets define the
+         * minimum margin for these components and can be used to effectively
+         * align Toolbar content along well-known gridlines.
+         */
+        contentInsetStart?: number
+
+        /**
+         * Sets the toolbar logo.
+         */
+        logo?: any
+
+        /**
+         * Sets the navigation icon.
+         */
+        navIcon?: any
+
+        /**
+         * Callback that is called when an action is selected. The only
+         * argument that is passed to the callback is the position of the
+         * action in the actions array.
+         */
+        onActionSelected?: (position: number) => void
+
+        /**
+         * Callback called when the icon is selected.
+         */
+        onIconClicked?: () => void
+
+        /**
+         * Sets the overflow icon.
+         */
+        overflowIcon?: any
+
+        /**
+         * Used to set the toolbar direction to RTL.
+         * In addition to this property you need to add
+         * android:supportsRtl="true"
+         * to your application AndroidManifest.xml and then call
+         * setLayoutDirection(LayoutDirection.RTL) in your MainActivity
+         * onCreate method.
+         */
+        rtl?: boolean
+
+        /**
+         * Sets the toolbar subtitle.
+         */
+        subtitle?: string
+
+        /**
+         * Sets the toolbar subtitle color.
+         */
+        subtitleColor?: string
+
+        /**
+         * Used to locate this view in end-to-end tests.
+         */
+        testID?: string
+
+        /**
+         * Sets the toolbar title.
+         */
+        title?: string
+
+        /**
+         * Sets the toolbar title color.
+         */
+        titleColor?: string
+
+        ref?: Ref<ToolbarAndroidStatic>
+    }
+
+    export interface ToolbarAndroidStatic extends React.ComponentClass<ToolbarAndroidProperties> {
+
+    }
+
+
+    /**
+     * Gesture recognition on mobile devices is much more complicated than web.
+     * A touch can go through several phases as the app determines what the user's intention is.
+     * For example, the app needs to determine if the touch is scrolling, sliding on a widget, or tapping.
+     * This can even change during the duration of a touch. There can also be multiple simultaneous touches.
+     *
+     * The touch responder system is needed to allow components to negotiate these touch interactions
+     * without any additional knowledge about their parent or child components.
+     * This system is implemented in ResponderEventPlugin.js, which contains further details and documentation.
+     *
+     * Best Practices
+     * Users can feel huge differences in the usability of web apps vs. native, and this is one of the big causes.
+     * Every action should have the following attributes:
+     *      Feedback/highlighting- show the user what is handling their touch, and what will happen when they release the gesture
+     *      Cancel-ability- when making an action, the user should be able to abort it mid-touch by dragging their finger away
+     *
+     * These features make users more comfortable while using an app,
+     * because it allows people to experiment and interact without fear of making mistakes.
+     *
+     * TouchableHighlight and Touchable*
+     * The responder system can be complicated to use.
+     * So we have provided an abstract Touchable implementation for things that should be "tappable".
+     * This uses the responder system and allows you to easily configure tap interactions declaratively.
+     * Use TouchableHighlight anywhere where you would use a button or link on web.
+     */
+    export interface GestureResponderHandlers {
+
+        /**
+         * A view can become the touch responder by implementing the correct negotiation methods.
+         * There are two methods to ask the view if it wants to become responder:
+         */
+
+        /**
+         * Does this view want to become responder on the start of a touch?
+         */
+        onStartShouldSetResponder?: ( event: GestureResponderEvent ) => boolean
+
+        /**
+         * Called for every touch move on the View when it is not the responder: does this view want to "claim" touch responsiveness?
+         */
+        onMoveShouldSetResponder?: ( event: GestureResponderEvent ) => boolean
+
+        /**
+         * If the View returns true and attempts to become the responder, one of the following will happen:
+         */
+
+        /**
+         * The View is now responding for touch events.
+         * This is the time to highlight and show the user what is happening
+         */
+        onResponderGrant?: ( event: GestureResponderEvent ) => void
+
+        /**
+         * Something else is the responder right now and will not release it
+         */
+        onResponderReject?: ( event: GestureResponderEvent ) => void
+
+        /**
+         * If the view is responding, the following handlers can be called:
+         */
+
+        /**
+         * The user is moving their finger
+         */
+        onResponderMove?: ( event: GestureResponderEvent ) => void
+
+        /**
+         * Fired at the end of the touch, ie "touchUp"
+         */
+        onResponderRelease?: ( event: GestureResponderEvent ) => void
+
+        /**
+         *  Something else wants to become responder.
+         *  Should this view release the responder? Returning true allows release
+         */
+        onResponderTerminationRequest?: ( event: GestureResponderEvent ) => boolean
+
+        /**
+         * The responder has been taken from the View.
+         * Might be taken by other views after a call to onResponderTerminationRequest,
+         * or might be taken by the OS without asking (happens with control center/ notification center on iOS)
+         */
+        onResponderTerminate?: ( event: GestureResponderEvent ) => void
+
+        /**
+         * onStartShouldSetResponder and onMoveShouldSetResponder are called with a bubbling pattern,
+         * where the deepest node is called first.
+         * That means that the deepest component will become responder when multiple Views return true for *ShouldSetResponder handlers.
+         * This is desirable in most cases, because it makes sure all controls and buttons are usable.
+         *
+         * However, sometimes a parent will want to make sure that it becomes responder.
+         * This can be handled by using the capture phase.
+         * Before the responder system bubbles up from the deepest component,
+         * it will do a capture phase, firing on*ShouldSetResponderCapture.
+         * So if a parent View wants to prevent the child from becoming responder on a touch start,
+         * it should have a onStartShouldSetResponderCapture handler which returns true.
+         */
+        onStartShouldSetResponderCapture?: ( event: GestureResponderEvent ) => boolean
+
+        /**
+         * onStartShouldSetResponder and onMoveShouldSetResponder are called with a bubbling pattern,
+         * where the deepest node is called first.
+         * That means that the deepest component will become responder when multiple Views return true for *ShouldSetResponder handlers.
+         * This is desirable in most cases, because it makes sure all controls and buttons are usable.
+         *
+         * However, sometimes a parent will want to make sure that it becomes responder.
+         * This can be handled by using the capture phase.
+         * Before the responder system bubbles up from the deepest component,
+         * it will do a capture phase, firing on*ShouldSetResponderCapture.
+         * So if a parent View wants to prevent the child from becoming responder on a touch start,
+         * it should have a onStartShouldSetResponderCapture handler which returns true.
+         */
+        onMoveShouldSetResponderCapture?: () => void;
+
+    }
+
+    // @see https://facebook.github.io/react-native/docs/view.html#style
+    export interface ViewStyle extends FlexStyle, TransformsStyle {
+        backfaceVisibility?: "visible" | "hidden"
+        backgroundColor?: string;
+        borderBottomColor?: string;
+        borderBottomLeftRadius?: number;
+        borderBottomRightRadius?: number;
+        borderBottomWidth?: number;
+        borderColor?: string;
+        borderLeftColor?: string;
+        borderRadius?: number;
+        borderRightColor?: string;
+        borderRightWidth?: number;
+        borderStyle?: "solid" | "dotted" | "dashed"
+        borderTopColor?: string;
+        borderTopLeftRadius?: number;
+        borderTopRightRadius?: number;
+        borderTopWidth?: number
+        opacity?: number;
+        overflow?: "visible" | "hidden"
+        shadowColor?: string;
+        shadowOffset?: {width: number, height: number};
+        shadowOpacity?: number;
+        shadowRadius?: number;
+        elevation?: number;
+        testID?: string;
+    }
+
+
+    export interface ViewPropertiesIOS {
+
+        /**
+         * Provides additional traits to screen reader.
+         * By default no traits are provided unless specified otherwise in element
+         *
+         * @enum('none', 'button', 'link', 'header', 'search', 'image', 'selected', 'plays', 'key', 'text','summary', 'disabled', 'frequentUpdates', 'startsMedia', 'adjustable', 'allowsDirectInteraction', 'pageTurn')
+         */
+        accessibilityTraits?: string | string[];
+
+        /**
+         * Whether this view should be rendered as a bitmap before compositing.
+         *
+         * On iOS, this is useful for animations and interactions that do not modify this component's dimensions nor its children;
+         * for example, when translating the position of a static view, rasterization allows the renderer to reuse a cached bitmap of a static view
+         * and quickly composite it during each frame.
+         *
+         * Rasterization incurs an off-screen drawing pass and the bitmap consumes memory.
+         * Test and measure when using this property.
+         */
+        shouldRasterizeIOS?: boolean
+    }
+
+    export interface ViewPropertiesAndroid {
+
+        /**
+         * Indicates to accessibility services to treat UI component like a native one.
+         * Works for Android only.
+         *
+         * @enum('none', 'button', 'radiobutton_checked', 'radiobutton_unchecked' )
+         */
+        accessibilityComponentType?: string
+
+
+        /**
+         * Indicates to accessibility services whether the user should be notified when this view changes.
+         * Works for Android API >= 19 only.
+         * See http://developer.android.com/reference/android/view/View.html#attr_android:accessibilityLiveRegion for references.
+         */
+        accessibilityLiveRegion?: string
+
+        /**
+         * Views that are only used to layout their children or otherwise don't draw anything
+         * may be automatically removed from the native hierarchy as an optimization.
+         * Set this property to false to disable this optimization and ensure that this View exists in the native view hierarchy.
+         */
+        collapsable?: boolean
+
+
+        /**
+         * Controls how view is important for accessibility which is if it fires accessibility events
+         * and if it is reported to accessibility services that query the screen.
+         * Works for Android only. See http://developer.android.com/reference/android/R.attr.html#importantForAccessibility for references.
+         *
+         * Possible values:
+         *      'auto' - The system determines whether the view is important for accessibility - default (recommended).
+         *      'yes' - The view is important for accessibility.
+         *      'no' - The view is not important for accessibility.
+         *      'no-hide-descendants' - The view is not important for accessibility, nor are any of its descendant views.
+         */
+        importantForAccessibility?: string
+
+
+        /**
+         * Whether this view needs to rendered offscreen and composited with an alpha in order to preserve 100% correct colors and blending behavior.
+         * The default (false) falls back to drawing the component and its children
+         * with an alpha applied to the paint used to draw each element instead of rendering the full component offscreen and compositing it back with an alpha value.
+         * This default may be noticeable and undesired in the case where the View you are setting an opacity on
+         * has multiple overlapping elements (e.g. multiple overlapping Views, or text and a background).
+         *
+         * Rendering offscreen to preserve correct alpha behavior is extremely expensive
+         * and hard to debug for non-native developers, which is why it is not turned on by default.
+         * If you do need to enable this property for an animation,
+         * consider combining it with renderToHardwareTextureAndroid if the view contents are static (i.e. it doesn't need to be redrawn each frame).
+         * If that property is enabled, this View will be rendered off-screen once,
+         * saved in a hardware texture, and then composited onto the screen with an alpha each frame without having to switch rendering targets on the GPU.
+         */
+        needsOffscreenAlphaCompositing?: boolean
+
+
+        /**
+         * Whether this view should render itself (and all of its children) into a single hardware texture on the GPU.
+         *
+         * On Android, this is useful for animations and interactions that only modify opacity, rotation, translation, and/or scale:
+         * in those cases, the view doesn't have to be redrawn and display lists don't need to be re-executed. The texture can just be
+         * re-used and re-composited with different parameters. The downside is that this can use up limited video memory, so this prop should be set back to false at the end of the interaction/animation.
+         */
+        renderToHardwareTextureAndroid?: boolean;
+
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/view.html#props
+     */
+    export interface ViewProperties extends ViewPropertiesAndroid, ViewPropertiesIOS, GestureResponderHandlers, Touchable, React.Props<ViewStatic> {
+
+        /**
+         * Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.
+         */
+        accessibilityLabel?: string;
+
+        /**
+         * When true, indicates that the view is an accessibility element.
+         * By default, all the touchable elements are accessible.
+         */
+        accessible?: boolean;
+
+        /**
+        * This defines how far a touch event can start away from the view.
+        * Typical interface guidelines recommend touch targets that are at least
+        * 30 - 40 points/density-independent pixels. If a Touchable view has
+        * a height of 20 the touchable height can be extended to 40 with
+        * hitSlop={{top: 10, bottom: 10, left: 0, right: 0}}
+        * NOTE The touch area never extends past the parent view bounds and
+        * the Z-index of sibling views always takes precedence if a touch
+        * hits two overlapping views.
+        */
+
+        hitSlop?: {top: number, left: number, bottom: number, right: number}
+
+        /**
+         * When `accessible` is true, the system will try to invoke this function when the user performs accessibility tap gesture.
+         */
+        onAcccessibilityTap?: () => void;
+
+        /**
+         * Invoked on mount and layout changes with
+         *
+         * {nativeEvent: { layout: {x, y, width, height}}}.
+         */
+        onLayout?: ( event: LayoutChangeEvent ) => void;
+
+        /**
+         * When accessible is true, the system will invoke this function when the user performs the magic tap gesture.
+         */
+        onMagicTap?: () => void;
+
+        /**
+         *
+         * In the absence of auto property, none is much like CSS's none value. box-none is as if you had applied the CSS class:
+         *
+         * .box-none {
+         *   pointer-events: none;
+         * }
+         * .box-none * {
+         *   pointer-events: all;
+         * }
+         *
+         * box-only is the equivalent of
+         *
+         * .box-only {
+         *   pointer-events: all;
+         * }
+         * .box-only * {
+         *   pointer-events: none;
+         * }
+         *
+         * But since pointerEvents does not affect layout/appearance, and we are already deviating from the spec by adding additional modes,
+         * we opt to not include pointerEvents on style. On some platforms, we would need to implement it as a className anyways. Using style or not is an implementation detail of the platform.
+         */
+        pointerEvents?: "box-none" | "none" | "box-only" | "autoViewStyle"
+
+        /**
+         *
+         * This is a special performance property exposed by RCTView and is useful for scrolling content when there are many subviews,
+         * most of which are offscreen. For this property to be effective, it must be applied to a view that contains many subviews that extend outside its bound.
+         * The subviews must also have overflow: hidden, as should the containing view (or one of its superviews).
+         */
+        removeClippedSubviews?: boolean
+
+        style?: ViewStyle;
+
+        /**
+         * Used to locate this view in end-to-end tests.
+         */
+        testID?: string;
+    }
+
+    /**
+     * The most fundamental component for building UI, View is a container that supports layout with flexbox, style, some touch handling,
+     * and accessibility controls, and is designed to be nested inside other views and to have 0 to many children of any type.
+     * View maps directly to the native view equivalent on whatever platform React is running on,
+     * whether that is a UIView, <div>, android.view, etc.
+     */
+    export interface ViewStatic extends NativeComponent, React.ComponentClass<ViewProperties> {
+
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/viewpagerandroid.html#props
+     */
+
+
+    export interface ViewPagerAndroidOnPageScrollEventData {
+        position: number;
+        offset: number;
+    }
+
+    export interface ViewPagerAndroidOnPageSelectedEventData {
+        position: number;
+    }
+
+    export interface ViewPagerAndroidProperties extends ViewProperties {
+        initialPage?: number;
+        /**
+         * When false, the content does not scroll.
+         * The default value is true.
+         */
+        scrollEnabled?: boolean;
+        onPageScroll?: ( event: NativeSyntheticEvent<ViewPagerAndroidOnPageScrollEventData> ) => void;
+        onPageSelected?: ( event: NativeSyntheticEvent<ViewPagerAndroidOnPageSelectedEventData> ) => void;
+        onPageScrollStateChanged?: (state: "Idle" | "Dragging" | "Settling") => void
+        keyboardDismissMode?: "none" | "on-drag"
+        pageMargin?: number
+    }
+
+    export interface ViewPagerAndroidStatic extends NativeComponent, React.ComponentClass<ViewPagerAndroidProperties> {
+      setPage: (selectedPage: number) => void
+      setPageWithoutAnimation: (selectedPage: number) => void
+    }
+
+    export interface KeyboardAvoidingViewStatic extends React.ComponentClass<KeyboardAvoidingViewProps> {
+
+    }
+
+    export interface KeyboardAvoidingViewProps extends ViewProperties, React.Props<KeyboardAvoidingViewStatic> {
+
+        behavior?: 'height' | 'position' | 'padding'
+
+        /**
+         * This is the distance between the top of the user screen and the react native view,
+         * may be non-zero in some use cases.
+         */
+        keyboardVerticalOffset: number
+
+        ref?: Ref<KeyboardAvoidingViewStatic & ViewStatic>
+    }
+
+    /**
+     * //FIXME: No documentation extracted from code comment on WebView.ios.js
+     */
+    export interface NavState {
+
+        url?: string
+        title?: string
+        loading?: boolean
+        canGoBack?: boolean
+        canGoForward?: boolean;
+
+        [key: string]: any
+    }
+
+    export interface WebViewPropertiesAndroid {
+
+        /**
+         * Used for android only, JS is enabled by default for WebView on iOS
+         */
+        javaScriptEnabled?: boolean
+
+        /**
+         * Used on Android only, controls whether DOM Storage is enabled
+         * or not android
+         */
+        domStorageEnabled?: boolean
+    }
+
+    export interface WebViewIOSLoadRequestEvent {
+        target: number
+        canGoBack: boolean
+        lockIdentifier: number
+        loading: boolean
+        title: string
+        canGoForward: boolean
+        navigationType: 'other' | 'click'
+        url: string
+    }
+
+    export interface WebViewPropertiesIOS {
+
+        /**
+         * Determines whether HTML5 videos play inline or use the native
+         * full-screen controller. default value false
+         * NOTE : "In order * for video to play inline, not only does
+         * this property need to be set to true, but the video element
+         * in the HTML document must also include the webkit-playsinline
+         * attribute."
+         */
+        allowsInlineMediaPlayback?: boolean
+
+        bounces?: boolean
+
+        /**
+         * A floating-point number that determines how quickly the scroll
+         * view decelerates after the user lifts their finger. You may also
+         * use string shortcuts "normal" and "fast" which match the
+         * underlying iOS settings for UIScrollViewDecelerationRateNormal
+         * and UIScrollViewDecelerationRateFast respectively.
+         * - normal: 0.998 - fast: 0.99 (the default for iOS WebView)
+         */
+        decelerationRate?: "normal" | "fast" | number
+
+        /**
+         * Allows custom handling of any webview requests by a JS handler.
+         * Return true or false from this method to continue loading the
+         * request.
+         */
+        onShouldStartLoadWithRequest?: (event: WebViewIOSLoadRequestEvent) => boolean
+
+        scrollEnabled?: boolean
+    }
+
+    export interface WebViewUriSource {
+
+        /*
+         * The URI to load in the WebView. Can be a local or remote file.
+         */
+        uri?: string;
+
+        /*
+         * The HTTP Method to use. Defaults to GET if not specified.
+         * NOTE: On Android, only GET and POST are supported.
+         */
+        method?: string;
+
+        /*
+         * Additional HTTP headers to send with the request.
+         * NOTE: On Android, this can only be used with GET requests.
+         */
+        headers?: any;
+
+        /*
+         * The HTTP body to send with the request. This must be a valid
+         * UTF-8 string, and will be sent exactly as specified, with no
+         * additional encoding (e.g. URL-escaping or base64) applied.
+         * NOTE: On Android, this can only be used with POST requests.
+         */
+        body?: string;
+    }
+
+    export interface WebViewHtmlSource {
+
+        /*
+         * A static HTML page to display in the WebView.
+         */
+        html: string;
+
+        /*
+         * The base URL to be used for any relative links in the HTML.
+         */
+        baseUrl?: string;
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/webview.html#props
+     */
+    export interface WebViewProperties extends ViewProperties, WebViewPropertiesAndroid, WebViewPropertiesIOS, React.Props<WebViewStatic> {
+
+        automaticallyAdjustContentInsets?: boolean
+
+        bounces?: boolean
+
+        contentInset?: Insets
+
+        html?: string
+
+        /**
+         * Sets the JS to be injected when the webpage loads.
+         */
+        injectedJavaScript?: string
+
+        /**
+         * Invoked when load fails
+         */
+        onError?:  ( event: NavState ) => void
+
+        /**
+         * Invoked when load finish
+         */
+        onLoad?:  ( event: NavState ) => void
+
+        /**
+         * Invoked when load either succeeds or fails
+         */
+        onLoadEnd?:  ( event: NavState ) => void
+
+        /**
+         * Invoked on load start
+         */
+        onLoadStart?:  ( event: NavState ) => void
+
+        onNavigationStateChange?: ( event: NavState ) => void
+
+        /**
+         * Allows custom handling of any webview requests by a JS handler.
+         * Return true or false from this method to continue loading the request.
+         */
+        onShouldStartLoadWithRequest?: () => boolean
+
+        /**
+         * view to show if there's an error
+         */
+        renderError?: () => React.ReactElement<ViewProperties>
+
+        /**
+         * loading indicator to show
+         */
+        renderLoading?: () => React.ReactElement<ViewProperties>
+
+        scrollEnabled?: boolean
+
+        startInLoadingState?: boolean
+
+        style?: ViewStyle
+
+        // Deprecated: Use the `source` prop instead.
+        url?: string
+
+        source?: WebViewUriSource | WebViewHtmlSource | number
+
+        /**
+         * Determines whether HTML5 audio & videos require the user to tap
+         * before they can start playing. The default value is false.
+         */
+         mediaPlaybackRequiresUserAction?: boolean
+
+        /**
+         * sets whether the webpage scales to fit the view and the user can change the scale
+         */
+        scalesPageToFit?: boolean
+
+        ref?: Ref<WebViewStatic & ViewStatic>
+    }
+
+
+    export interface WebViewStatic extends React.ComponentClass<WebViewProperties> {
+
+        /**
+         * Go back one page in the webview's history.
+         */
+        goBack: () => void
+
+        /**
+         * Go forward one page in the webview's history.
+         */
+        goForward: () => void
+
+        /**
+         * Reloads the current page.
+         */
+        reload: () => void
+
+        /**
+         * Returns the native webview node.
+         */
+        getWebViewHandle: () => any
+    }
+
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/segmentedcontrolios.html
+     * @see SegmentedControlIOS.ios.js
+     */
+     export interface NativeSegmentedControlIOSChangeEvent {
+         value: string
+         selectedSegmentIndex: number
+         target: number
+     }
+
+     export interface SegmentedControlIOSProperties extends ViewProperties, React.Props<SegmentedControlIOSStatic> {
+
+         /**
+          * If false the user won't be able to interact with the control. Default value is true.
+          */
+         enabled?: boolean
+
+         /**
+          * If true, then selecting a segment won't persist visually.
+          * The onValueChange callback will still work as expected.
+          */
+         momentary?: boolean
+
+         /**
+          * Callback that is called when the user taps a segment;
+          * passes the event as an argument
+          * @param event
+          */
+         onChange?: (event: NativeSyntheticEvent<NativeSegmentedControlIOSChangeEvent>) => void
+
+         /**
+          * Callback that is called when the user taps a segment; passes the segment's value as an argument
+          * @param value
+          */
+         onValueChange?: (value: string) => void
+
+         /**
+          * The index in props.values of the segment to be (pre)selected.
+          */
+         selectedIndex?: number
+
+         /**
+          * Accent color of the control.
+          */
+         tintColor?: string
+
+         /**
+          * The labels for the control's segment buttons, in order.
+          */
+         values?: string[]
+
+         ref?: Ref<SegmentedControlIOSStatic>
+     }
+
+    export interface SegmentedControlIOSStatic extends React.ComponentClass<SegmentedControlIOSProperties> {
+
+    }
+
+
+    export interface NavigatorIOSProperties extends React.Props<NavigatorIOSStatic> {
+        /**
+         * The background color of the navigation bar
+         */
+        barTintColor?: string
+
+        /**
+         * NavigatorIOS uses "route" objects to identify child views, their props, and navigation bar configuration.
+         * "push" and all the other navigation operations expect routes to be like this
+         */
+        initialRoute?: Route
+
+        /**
+         * The default wrapper style for components in the navigator.
+         * A common use case is to set the backgroundColor for every page
+         */
+        itemWrapperStyle?: ViewStyle
+
+        /**
+         * A Boolean value that indicates whether the navigation bar is hidden
+         */
+        navigationBarHidden?: boolean
+
+        /**
+         * A Boolean value that indicates whether to hide the 1px hairline shadow
+         */
+        shadowHidden?: boolean
+
+        /**
+         * The color used for buttons in the navigation bar
+         */
+        tintColor?: string
+
+        /**
+         * The text color of the navigation bar title
+         */
+        titleTextColor?: string
+
+        /**
+         * A Boolean value that indicates whether the navigation bar is translucent
+         */
+        translucent?: boolean
+
+        /**
+         * NOT IN THE DOC BUT IN THE EXAMPLES
+         */
+        style?: ViewStyle
+    }
+
+    /**
+     * A navigator is an object of navigation functions that a view can call.
+     * It is passed as a prop to any component rendered by NavigatorIOS.
+     *
+     * Navigator functions are also available on the NavigatorIOS component:
+     *
+     * @see https://facebook.github.io/react-native/docs/navigatorios.html#navigator
+     */
+    export interface NavigationIOS {
+        /**
+         * Navigate forward to a new route
+         */
+        push: ( route: Route ) => void
+
+        /**
+         * Go back one page
+         */
+        pop: () => void
+
+        /**
+         * Go back N pages at once. When N=1, behavior matches pop()
+         */
+        popN: ( n: number ) => void
+
+        /**
+         * Replace the route for the current page and immediately load the view for the new route
+         */
+        replace: ( route: Route ) => void
+
+        /**
+         * Replace the route/view for the previous page
+         */
+        replacePrevious: ( route: Route ) => void
+
+        /**
+         * Replaces the previous route/view and transitions back to it
+         */
+        replacePreviousAndPop: ( route: Route ) => void
+
+        /**
+         * Replaces the top item and popToTop
+         */
+        resetTo: ( route: Route ) => void
+
+        /**
+         * Go back to the item for a particular route object
+         */
+        popToRoute( route: Route ): void
+
+        /**
+         * Go back to the top item
+         */
+        popToTop(): void
+    }
+
+    export interface NavigatorIOSStatic extends NavigationIOS, React.ComponentClass<NavigatorIOSProperties> {
+    }
+
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/activityindicator.html#props
+     */
+    export interface ActivityIndicatorProperties extends ViewProperties, React.Props<ActivityIndicatorStatic> {
+
+        /**
+         * Whether to show the indicator (true, the default) or hide it (false).
+         */
+        animating?: boolean
+
+        /**
+         * The foreground color of the spinner (default is gray).
+         */
+        color?: string
+
+        /**
+         * Whether the indicator should hide when not animating (true by default).
+         */
+        hidesWhenStopped?: boolean
+
+        /**
+         * Size of the indicator.
+         * Small has a height of 20, large has a height of 36.
+         *
+         * enum('small', 'large')
+         */
+        size?: 'small' | 'large'
+
+        style?: ViewStyle
+
+        ref?: Ref<ActivityIndicatorStatic>
+    }
+
+    export interface ActivityIndicatorStatic extends React.ComponentClass<ActivityIndicatorProperties> {
+    }
+
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/activityindicatorios.html#props
+     */
+    export interface ActivityIndicatorIOSProperties extends ViewProperties, React.Props<ActivityIndicatorIOSStatic> {
+
+        /**
+         * Whether to show the indicator (true, the default) or hide it (false).
+         */
+        animating?: boolean
+
+        /**
+         * The foreground color of the spinner (default is gray).
+         */
+        color?: string
+
+        /**
+         * Whether the indicator should hide when not animating (true by default).
+         */
+        hidesWhenStopped?: boolean
+
+        /**
+         * Invoked on mount and layout changes with
+         */
+        onLayout?: ( event: {nativeEvent: { layout: {x: number, y: number , width: number, height: number}}} ) => void
+
+        /**
+         * Size of the indicator.
+         * Small has a height of 20, large has a height of 36.
+         *
+         * enum('small', 'large')
+         */
+        size?: 'small' | 'large'
+
+        style?: ViewStyle
+
+        ref?: Ref<ActivityIndicatorIOSStatic>
+    }
+
+    /**
+     * @Deprecated since version 0.28.0
+     */
+    export interface ActivityIndicatorIOSStatic extends React.ComponentClass<ActivityIndicatorIOSProperties> {
+    }
+
+
+    export interface DatePickerIOSProperties extends ViewProperties, React.Props<DatePickerIOSStatic> {
+
+        /**
+         * The currently selected date.
+         */
+        date?: Date
+
+
+        /**
+         * Maximum date.
+         * Restricts the range of possible date/time values.
+         */
+        maximumDate?: Date
+
+        /**
+         * Maximum date.
+         * Restricts the range of possible date/time values.
+         */
+        minimumDate?: Date
+
+        /**
+         *  enum(1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30)
+         *  The interval at which minutes can be selected.
+         */
+        minuteInterval?: number
+
+        /**
+         *  enum('date', 'time', 'datetime')
+         *  The date picker mode.
+         */
+        mode?: "date" | "time" | "datetime"
+
+        /**
+         * Date change handler.
+         * This is called when the user changes the date or time in the UI.
+         * The first and only argument is a Date object representing the new date and time.
+         */
+        onDateChange?: ( newDate: Date ) => void
+
+        /**
+         * Timezone offset in minutes.
+         * By default, the date picker will use the device's timezone. With this parameter, it is possible to force a certain timezone offset.
+         * For instance, to show times in Pacific Standard Time, pass -7 * 60.
+         */
+        timeZoneOffsetInMinutes?: number
+
+        ref?: Ref<DatePickerIOSStatic>
+    }
+
+    export interface DatePickerIOSStatic extends React.ComponentClass<DatePickerIOSProperties> {
+    }
+
+    export interface DrawerSlideEvent extends NativeSyntheticEvent<NativeTouchEvent> {
+    }
+
+    /**
+     * @see DrawerLayoutAndroid.android.js
+     */
+    export interface DrawerLayoutAndroidProperties extends ViewProperties, React.Props<DrawerLayoutAndroidStatic> {
+
+        /**
+         * Specifies the background color of the drawer. The default value
+         * is white. If you want to set the opacity of the drawer, use rgba.
+         * Example:
+         * return (
+         *   <DrawerLayoutAndroid drawerBackgroundColor="rgba(0,0,0,0.5)">
+         *   </DrawerLayoutAndroid>
+         *);
+         */
+        drawerBackgroundColor?: string;
+
+        /**
+         * Specifies the lock mode of the drawer. The drawer can be locked
+         * in 3 states:
+         *
+         * - unlocked (default), meaning that the drawer will respond
+         *   (open/close) to touch gestures.
+         *
+         * - locked-closed, meaning that the drawer will stay closed and not
+         *   respond to gestures.
+         *
+         * - locked-open, meaning that the drawer will stay opened and
+         *   not respond to gestures. The drawer may still be opened and
+         *   closed programmatically (openDrawer/closeDrawer).
+         */
+        drawerLockMode?: "unlocked" | "locked-closed" | "locked-open";
+
+        /**
+         * Specifies the side of the screen from which the drawer will slide in.
+         * enum(DrawerConsts.DrawerPosition.Left, DrawerConsts.DrawerPosition.Right)
+         */
+        drawerPosition?: any;
+
+        /**
+         * Specifies the width of the drawer, more precisely the width of the
+         * view that be pulled in from the edge of the window.
+         */
+        drawerWidth?: number;
+
+        /**
+         * Determines whether the keyboard gets dismissed in response to a drag.
+         * - 'none' (the default), drags do not dismiss the keyboard.
+         * - 'on-drag', the keyboard is dismissed when a drag begins.
+         */
+        keyboardDismissMode?: "none" | "on-drag"
+
+        /**
+         * Function called whenever the navigation view has been closed.
+         */
+        onDrawerClose?: () => void
+
+        /**
+         * Function called whenever the navigation view has been opened.
+         */
+        onDrawerOpen?: () => void
+
+        /**
+         * Function called whenever there is an interaction with the navigation view.
+         * @param event
+         */
+        onDrawerSlide?: (event: DrawerSlideEvent) => void
+
+        /**
+         * Function called when the drawer state has changed.
+         * The drawer can be in 3 states:
+         * - idle, meaning there is no interaction with the navigation
+         *   view happening at the time
+         * - dragging, meaning there is currently an interaction with the
+         *   navigation view
+         * - settling, meaning that there was an interaction with the
+         *   navigation view, and the navigation view is now finishing
+         *   it's closing or opening animation
+         * @param event
+         */
+        onDrawerStateChanged?: (event:  "Idle" | "Dragging" | "Settling") => void
+
+        /**
+         * The navigation view that will be rendered to the side of the
+         * screen and can be pulled in.
+         */
+        renderNavigationView?: () => JSX.Element
+
+        /**
+         * Make the drawer take the entire screen and draw the background of
+         * the status bar to allow it to open over the status bar. It will
+         * only have an effect on API 21+.
+         */
+        statusBarBackgroundColor?: any
+
+        ref?: Ref<DrawerLayoutAndroidStatic & ViewStatic>
+    }
+
+    export interface DrawerLayoutAndroidStatic extends React.ComponentClass<DrawerLayoutAndroidProperties> {
+
+        /**
+         * Specifies the side of the screen from which the drawer will slide in.
+         */
+        positions: {
+            Left: number;
+            Right: number;
+        }
+
+        /**
+         * Opens the drawer.
+         */
+        openDrawer(): void
+
+        /**
+         * Closes the drawer.
+         */
+        closeDrawer(): void
+    }
+
+
+    /**
+     * @see PickerIOS.ios.js
+     */
+    export interface PickerIOSItemProperties extends React.Props<PickerIOSItemStatic> {
+        value?: string | number
+        label?: string
+    }
+
+    /**
+     * @see PickerIOS.ios.js
+     */
+    export interface PickerIOSItemStatic extends React.ComponentClass<PickerIOSItemProperties> {
+    }
+
+    /**
+     * @see Picker.js
+     */
+    export interface PickerItemProperties extends React.Props<PickerItemStatic> {
+        label: string
+        value?: any
+        color?: string /* See ColorPropType.js for details */
+        testID?: string
+    }
+
+    export interface PickerItemStatic extends React.ComponentClass<PickerItemProperties> {
+    }
+
+    export interface PickerPropertiesIOS extends ViewProperties, React.Props<PickerStatic> {
+
+        itemStyle?: ViewStyle
+
+        ref?: Ref<PickerStatic & ViewStatic>
+    }
+
+    export interface PickerPropertiesAndroid extends ViewProperties, React.Props<PickerStatic> {
+
+        enabled?: boolean
+
+        mode?: "dialog" | "dropdown"
+
+        prompt?: string
+
+        ref?: Ref<PickerStatic & ViewStatic>
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/picker.html
+     * @see Picker.js
+     */
+    export interface PickerProperties extends PickerPropertiesIOS, PickerPropertiesAndroid, React.Props<PickerStatic> {
+
+        /**
+         * Callback for when an item is selected. This is called with the
+         * following parameters:
+         * - itemValue: the value prop of the item that was selected
+         * - itemPosition: the index of the selected item in this picker
+         * @param itemValue
+         * @param itemPosition
+         */
+        onValueChange?: ( itemValue: any, itemPosition: number ) => void
+
+        /**
+         * Value matching value of one of the items.
+         * Can be a string or an integer.
+         */
+        selectedValue?: any
+
+        style?: ViewStyle
+
+        /**
+         * Used to locate this view in end-to-end tests.
+         */
+        testId?: string
+
+        ref?: Ref<PickerStatic>
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/picker.html
+     * @see Picker.js
+     */
+    export interface PickerStatic extends React.ComponentClass<PickerProperties> {
+
+        Item: PickerItemStatic
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/pickerios.html
+     * @see PickerIOS.ios.js
+     */
+    export interface PickerIOSProperties extends React.Props<PickerIOSStatic> {
+
+        itemStyle?: ViewStyle
+
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/pickerios.html
+     * @see PickerIOS.ios.js
+     */
+    export interface PickerIOSStatic extends React.ComponentClass<PickerIOSProperties> {
+
+        Item: PickerIOSItemStatic
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/progressbarandroid.html
+     * @see ProgressBarAndroid.android.js
+     */
+    export interface ProgressBarAndroidProperties extends ViewProperties, React.Props<ProgressBarAndroidStatic> {
+
+        style?: ViewStyle
+
+        /**
+         * Style of the ProgressBar. One of:
+             Horizontal
+             Normal (default)
+             Small
+             Large
+             Inverse
+             SmallInverse
+             LargeInverse
+         */
+        styleAttr?: "Horizontal" | "Normal" | "Small" | "Large" | "Inverse" | "SmallInverse" | "LargeInverse"
+
+        /**
+         * If the progress bar will show indeterminate progress.
+         * Note that this can only be false if styleAttr is Horizontal.
+         */
+        indeterminate?: boolean
+
+        /**
+         * The progress value (between 0 and 1).
+         */
+        progress?: number
+
+        /**
+         * Color of the progress bar.
+         */
+        color?: string
+
+        /**
+         * Used to locate this view in end-to-end tests.
+         */
+        testID?: string
+
+        ref?: Ref<ProgressBarAndroidStatic>
+    }
+    export interface ProgressBarAndroidStatic extends React.ComponentClass<ProgressBarAndroidProperties> {
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/progressviewios.html
+     * @see ProgressViewIOS.ios.js
+     */
+    export interface ProgressViewIOSProperties extends ViewProperties, React.Props<ProgressViewIOSStatic> {
+
+        style?: ViewStyle
+
+        /**
+         * The progress bar style.
+         */
+        progressViewStyle?: "default" | "bar"
+
+        /**
+         * The progress value (between 0 and 1).
+         */
+        progress?: number
+
+        /**
+         * The tint color of the progress bar itself.
+         */
+        progressTintColor?: string
+
+        /**
+         * The tint color of the progress bar track.
+         */
+        trackTintColor?: string
+
+        /**
+         * A stretchable image to display as the progress bar.
+         */
+        progressImage?: any
+
+        /**
+         * A stretchable image to display behind the progress bar.
+         */
+        trackImage?: any
+
+        ref?: Ref<ProgressViewIOSStatic>
+    }
+    export interface ProgressViewIOSStatic extends React.ComponentClass<ProgressViewIOSProperties> {
+    }
+
+    export interface RefreshControlPropertiesIOS extends ViewProperties, React.Props<RefreshControlStatic> {
+
+        /**
+         * The color of the refresh indicator.
+         */
+        tintColor?: string
+
+        /**
+         * The title displayed under the refresh indicator.
+         */
+        title?: string
+
+        /**
+         * Title color.
+         */
+        titleColor?: string
+
+        ref?: Ref<RefreshControlStatic & ViewStatic>
+    }
+
+    export interface RefreshControlPropertiesAndroid extends ViewProperties, React.Props<RefreshControlStatic> {
+
+        /**
+         * The colors (at least one) that will be used to draw the refresh indicator.
+         */
+        colors?: string[]
+
+        /**
+         * Whether the pull to refresh functionality is enabled.
+         */
+        enabled?: boolean
+
+        /**
+         * The background color of the refresh indicator.
+         */
+        progressBackgroundColor?: string
+
+        /**
+         * Size of the refresh indicator, see RefreshControl.SIZE.
+         */
+        size?: number
+
+        /**
+         * Progress view top offset
+         * @platform android
+         */
+        progressViewOffset?: number
+
+        ref?: Ref<RefreshControlStatic & ViewStatic>
+    }
+
+    export interface RefreshControlProperties extends RefreshControlPropertiesIOS, RefreshControlPropertiesAndroid, React.Props<RefreshControl> {
+
+        /**
+         * Called when the view starts refreshing.
+         */
+        onRefresh?: () => void
+
+        /**
+         * Whether the view should be indicating an active refresh.
+         */
+        refreshing?: boolean
+
+        ref?: Ref<RefreshControlStatic>
+    }
+
+    export interface RefreshControlStatic extends React.ComponentClass<RefreshControlProperties> {
+        SIZE: Object // Undocumented
+    }
+
+    export interface SliderPropertiesIOS extends ViewProperties, React.Props<SliderStatic> {
+
+        /**
+         * Assigns a maximum track image. Only static images are supported.
+         * The leftmost pixel of the image will be stretched to fill the track.
+         */
+        maximumTrackImage?: any
+
+        /**
+         * The color used for the track to the right of the button.
+         * Overrides the default blue gradient image.
+         */
+        maximumTrackTintColor?: string
+
+        /**
+         * Assigns a minimum track image. Only static images are supported.
+         * The rightmost pixel of the image will be stretched to fill the track.
+         */
+        minimumTrackImage?: string
+
+        /**
+         * The color used for the track to the left of the button.
+         * Overrides the default blue gradient image.
+         */
+        minimumTrackTintColor?: string
+
+        /**
+         * Sets an image for the thumb. Only static images are supported.
+         */
+        thumbImage?: any
+
+        /**
+         * Assigns a single image for the track. Only static images
+         * are supported. The center pixel of the image will be stretched
+         * to fill the track.
+         */
+        trackImage?: any
+
+        ref?: Ref<SliderStatic>
+    }
+
+    export interface SliderProperties extends SliderPropertiesIOS, React.Props<SliderStatic> {
+
+        /**
+         * If true the user won't be able to move the slider.
+         * Default value is false.
+         */
+        disabled?: boolean
+
+        /**
+         * Initial maximum value of the slider. Default value is 1.
+         */
+        maximumValue?: number
+
+        /**
+         * Initial minimum value of the slider. Default value is 0.
+         */
+        minimumValue?: number
+
+        /**
+         * Callback called when the user finishes changing the value (e.g. when the slider is released).
+         * @param value
+         */
+        onSlidingComplete?: (value: number) => void
+
+        /**
+         * Callback continuously called while the user is dragging the slider.
+         * @param value
+         */
+        onValueChange?: (value: number) => void
+
+        /**
+         * Step value of the slider. The value should be between 0 and (maximumValue - minimumValue). Default value is 0.
+         */
+        step?: number
+
+        /**
+         * Used to style and layout the Slider. See StyleSheet.js and ViewStylePropTypes.js for more info.
+         */
+        style?: ViewStyle
+
+        /**
+         * Used to locate this view in UI automation tests.
+         */
+        testID?: string
+
+        /**
+         * Initial value of the slider. The value should be between minimumValue
+         * and maximumValue, which default to 0 and 1 respectively.
+         * Default value is 0.
+         * This is not a controlled component, you don't need to update
+         * the value during dragging.
+         */
+        value?: number
+    }
+
+    export interface SliderStatic extends React.ComponentClass<SliderProperties> {
+
+    }
+
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/sliderios.html
+     */
+    export interface SliderIOSProperties extends ViewProperties, React.Props<SliderIOSStatic> {
+
+        /**
+         * If true the user won't be able to move the slider. Default value is false.
+         */
+        disabled?: boolean
+
+        /**
+         * Initial maximum value of the slider. Default value is 1.
+         */
+        maximumValue?: number
+
+        /**
+         * The color used for the track to the right of the button. Overrides the default blue gradient image.
+         */
+        maximumTrackTintColor?: string
+
+        /**
+         * Initial minimum value of the slider. Default value is 0.
+         */
+        minimumValue?: number
+
+        minimumTrackImage?: any
+
+        /**
+         * The color used for the track to the left of the button. Overrides the default blue gradient image.
+         */
+        minimumTrackTintColor?: string
+
+        /**
+         * Callback called when the user finishes changing the value (e.g. when the slider is released).
+         */
+        onSlidingComplete?: () => void
+
+        /**
+         * Callback continuously called while the user is dragging the slider.
+         */
+        onValueChange?: ( value: number ) => void
+
+        /**
+         * Step value of the slider.
+         * The value should be between 0 and (maximumValue - minimumValue).
+         * Default value is 0.
+         */
+        step?: number
+
+        /**
+         * Used to style and layout the Slider.
+         * @see StyleSheet.js and ViewStylePropTypes.js for more info.
+         */
+        style?: ViewStyle
+
+        /**
+         * Initial value of the slider.
+         * The value should be between minimumValue and maximumValue, which default to 0 and 1 respectively.
+         * Default value is 0.
+         *
+         * This is not a controlled component, e.g. if you don't update the value, the component won't be reset to its inital value.
+         */
+        value?: number
+
+        ref?: Ref<SliderIOSStatic>
+    }
+
+    export interface SliderIOSStatic extends React.ComponentClass<SliderIOSProperties> {
+
+    }
+
+    /**
+     * //FIXME: no dcumentation, inferred
+     * @see SwitchIOS.ios.js
+     */
+    export interface SwitchIOSStyle extends ViewStyle {
+        height?: number
+        width?: number
+    }
+
+
+    /**
+     * https://facebook.github.io/react-native/docs/switchios.html#props
+     */
+    export interface SwitchIOSProperties extends React.Props<SwitchIOSStatic> {
+
+        /**
+         * If true the user won't be able to toggle the switch. Default value is false.
+         */
+        disabled?: boolean
+
+        /**
+         * Background color when the switch is turned on.
+         */
+        onTintColor?: string
+
+        /**
+         * Callback that is called when the user toggles the switch.
+         */
+        onValueChange?: ( value: boolean ) => void
+
+        /**
+         * Background color for the switch round button.
+         */
+        thumbTintColor?: string
+
+        /**
+         * Background color when the switch is turned off.
+         */
+        tintColor?: string
+
+        /**
+         * The value of the switch, if true the switch will be turned on. Default value is false.
+         */
+        value?: boolean
+
+        style?: SwitchIOSStyle
+    }
+
+    /**
+     *
+     * Use SwitchIOS to render a boolean input on iOS.
+     *
+     * This is a controlled component, so you must hook in to the onValueChange callback and update the value prop in order for the component to update,
+     * otherwise the user's change will be reverted immediately to reflect props.value as the source of truth.
+     *
+     * @see https://facebook.github.io/react-native/docs/switchios.html
+     */
+    export interface SwitchIOSStatic extends React.ComponentClass<SwitchIOSProperties> {
+
+    }
+
+
+    /**
+     * @see ImageResizeMode.js
+     */
+    export interface ImageResizeModeStatic {
+        /**
+         * contain - The image will be resized such that it will be completely
+         * visible, contained within the frame of the View.
+         */
+        contain: string
+        /**
+         * cover - The image will be resized such that the entire area of the view
+         * is covered by the image, potentially clipping parts of the image.
+         */
+        cover: string
+        /**
+         * stretch - The image will be stretched to fill the entire frame of the
+         * view without clipping.  This may change the aspect ratio of the image,
+         * distoring it.  Only supported on iOS.
+         */
+        stretch: string
+    }
+
+    /**
+     * Image style
+     * @see https://facebook.github.io/react-native/docs/image.html#style
+     */
+    export interface ImageStyle extends FlexStyle, TransformsStyle {
+        resizeMode?: string //Object.keys(ImageResizeMode)
+        backfaceVisibility?: "visible" | "hidden"
+        borderBottomLeftRadius?: number
+        borderBottomRightRadius?: number
+        backgroundColor?: string
+        borderColor?: string
+        borderWidth?: number
+        borderRadius?: number
+        borderTopLeftRadius?: number
+        borderTopRightRadius?: number
+        overflow?: "visible" | "hidden"
+        overlayColor?: string
+        tintColor?: string
+        opacity?: number
+    }
+
+    export interface ImagePropertiesIOS {
+        /**
+         * The text that's read by the screen reader when the user interacts with the image.
+         */
+        accessibilityLabel?: string;
+
+        /**
+         * When true, indicates the image is an accessibility element.
+         */
+        accessible?: boolean;
+
+        /**
+         * When the image is resized, the corners of the size specified by capInsets will stay a fixed size,
+         * but the center content and borders of the image will be stretched.
+         * This is useful for creating resizable rounded buttons, shadows, and other resizable assets.
+         * More info on Apple documentation
+         */
+        capInsets?: Insets
+
+        /**
+         * A static image to display while downloading the final image off the network.
+         */
+        defaultSource?: {uri: string} | number
+
+        /**
+         * Invoked on load error with {nativeEvent: {error}}
+         */
+        onError?: ( error: {nativeEvent: any} ) => void
+
+        /**
+         * Invoked on download progress with {nativeEvent: {loaded, total}}
+         */
+        onProgress?: ()=> void
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/image.html
+     */
+    export interface ImageProperties extends ImagePropertiesIOS, React.Props<Image> {
+        /**
+         * onLayout function
+         *
+         * Invoked on mount and layout changes with
+         *
+         * {nativeEvent: { layout: {x, y, width, height}}}.
+         */
+        onLayout?: ( event: LayoutChangeEvent ) => void;
+
+        /**
+         * Invoked when load completes successfully
+         */
+        onLoad?: () => void
+
+        /**
+         * Invoked when load either succeeds or fails
+         */
+        onLoadEnd?: () => void
+
+        /**
+         * Invoked on load start
+         */
+        onLoadStart?: () => void
+
+
+        /**
+         * Determines how to resize the image when the frame doesn't match the raw image dimensions.
+         *
+         * enum('cover', 'contain', 'stretch')
+         */
+        resizeMode?: "cover" | "contain" | "stretch"
+
+        /**
+         * uri is a string representing the resource identifier for the image,
+         * which could be an http address, a local file path,
+         * or the name of a static image resource (which should be wrapped in the require('image!name') function).
+         */
+        source: {uri: string} | string;
+
+        /**
+         *
+         * Style
+         */
+        style?:  ImageStyle;
+
+        /**
+         * A unique identifier for this element to be used in UI Automation testing scripts.
+         */
+        testID?: string;
+
+    }
+
+    export interface ImageStatic extends React.ComponentClass<ImageProperties> {
+        uri: string;
+        resizeMode: ImageResizeModeStatic
+        getSize(uri: string, success: (width: number, height: number) => void, failure: (error: any) => void): any
+        prefetch(url: string): any
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/listview.html#props
+     */
+    export interface ListViewProperties extends ScrollViewProperties, React.Props<ListViewStatic> {
+
+        dataSource?: ListViewDataSource
+
+        /**
+         * Flag indicating whether empty section headers should be rendered.
+         * In the future release empty section headers will be rendered by
+         * default, and the flag will be deprecated. If empty sections are not
+         * desired to be rendered their indices should be excluded from
+         * sectionID object.
+         */
+        enableEmptySections?: boolean
+
+        /**
+         * How many rows to render on initial component mount.  Use this to make
+         * it so that the first screen worth of data apears at one time instead of
+         * over the course of multiple frames.
+         */
+        initialListSize?: number
+
+        /**
+         * (visibleRows, changedRows) => void
+         *
+         * Called when the set of visible rows changes.  `visibleRows` maps
+         * { sectionID: { rowID: true }} for all the visible rows, and
+         * `changedRows` maps { sectionID: { rowID: true | false }} for the rows
+         * that have changed their visibility, with true indicating visible, and
+         * false indicating the view has moved out of view.
+         */
+        onChangeVisibleRows?: ( visibleRows: Array<{[sectionId: string]: {[rowID: string]: boolean}}>, changedRows: Array<{[sectionId: string]: {[rowID: string]: boolean}}> ) => void
+
+        /**
+         * Called when all rows have been rendered and the list has been scrolled
+         * to within onEndReachedThreshold of the bottom.  The native scroll
+         * event is provided.
+         */
+        onEndReached?: () => void
+
+        /**
+         * Threshold in pixels for onEndReached.
+         */
+        onEndReachedThreshold?: number
+
+        /**
+         * Number of rows to render per event loop.
+         */
+        pageSize?: number
+
+        /**
+         * An experimental performance optimization for improving scroll perf of
+         * large lists, used in conjunction with overflow: 'hidden' on the row
+         * containers.  Use at your own risk.
+         */
+        removeClippedSubviews?: boolean
+
+        /**
+         * () => renderable
+         *
+         * The header and footer are always rendered (if these props are provided)
+         * on every render pass.  If they are expensive to re-render, wrap them
+         * in StaticContainer or other mechanism as appropriate.  Footer is always
+         * at the bottom of the list, and header at the top, on every render pass.
+         */
+        renderFooter?: () => React.ReactElement<any>
+
+        /**
+         * () => renderable
+         *
+         * The header and footer are always rendered (if these props are provided)
+         * on every render pass.  If they are expensive to re-render, wrap them
+         * in StaticContainer or other mechanism as appropriate.  Footer is always
+         * at the bottom of the list, and header at the top, on every render pass.
+         */
+        renderHeader?: () => React.ReactElement<any>
+
+        /**
+         * (rowData, sectionID, rowID) => renderable
+         * Takes a data entry from the data source and its ids and should return
+         * a renderable component to be rendered as the row.  By default the data
+         * is exactly what was put into the data source, but it's also possible to
+         * provide custom extractors.
+         */
+        renderRow?: ( rowData: any, sectionID: string | number, rowID: string | number, highlightRow?: boolean ) => React.ReactElement<any>
+
+
+        /**
+         * A function that returns the scrollable component in which the list rows are rendered.
+         * Defaults to returning a ScrollView with the given props.
+         */
+        renderScrollComponent?: ( props: ScrollViewProperties ) => React.ReactElement<ScrollViewProperties>
+
+        /**
+         * (sectionData, sectionID) => renderable
+         *
+         * If provided, a sticky header is rendered for this section.  The sticky
+         * behavior means that it will scroll with the content at the top of the
+         * section until it reaches the top of the screen, at which point it will
+         * stick to the top until it is pushed off the screen by the next section
+         * header.
+         */
+        renderSectionHeader?: ( sectionData: any, sectionId: string | number ) => React.ReactElement<any>
+
+
+        /**
+         * (sectionID, rowID, adjacentRowHighlighted) => renderable
+         * If provided, a renderable component to be rendered as the separator below each row
+         * but not the last row if there is a section header below.
+         * Take a sectionID and rowID of the row above and whether its adjacent row is highlighted.
+         */
+        renderSeparator?: ( sectionID: string | number, rowID: string | number, adjacentRowHighlighted?: boolean ) => React.ReactElement<any>
+
+        /**
+         * How early to start rendering rows before they come on screen, in
+         * pixels.
+         */
+        scrollRenderAheadDistance?: number
+
+        ref?: Ref<ListViewStatic & ScrollViewStatic & ViewStatic>
+    }
+
+    export interface ListViewStatic extends React.ComponentClass<ListViewProperties> {
+        DataSource: ListViewDataSource;
+    }
+
+
+    export interface MapViewAnnotation {
+        latitude?: number
+        longitude?: number
+        animateDrop?: boolean
+        title?: string
+        subtitle?: string
+        hasLeftCallout?: boolean
+        hasRightCallout?: boolean
+        onLeftCalloutPress?: () => void
+        onRightCalloutPress?: () => void
+        id?: string
+    }
+
+    export interface MapViewRegion {
+        latitude: number
+        longitude: number
+        latitudeDelta?: number
+        longitudeDelta?: number
+    }
+
+    export interface MapViewOverlay {
+        coordinates: ({latitude: number, longitude: number})[]
+        lineWidth?: number
+        strokeColor?: Object
+        fillColor?: Object
+        id?: string
+    }
+
+    export interface MapViewPropertiesIOS {
+
+        /**
+         * If false points of interest won't be displayed on the map.
+         * Default value is true.
+         */
+        showsPointsOfInterest?: boolean
+
+        /**
+         * Map annotations with title/subtitle.
+         */
+        annotations?: MapViewAnnotation[]
+
+        /**
+         * If true the map will follow the user's location whenever it changes. Note that this has no effect unless showsUserLocation is enabled. Default value is true.
+         */
+        followUserLocation?: boolean
+
+        /**
+         * Insets for the map's legal label, originally at bottom left of the map. See EdgeInsetsPropType.js for more information.
+         */
+        legalLabelInsets?: Insets
+
+        /**
+         * The map type to be displayed.
+         *     standard: standard road map (default)
+         *     satellite: satellite view
+         *     hybrid: satellite view with roads and points of interest overlayed
+         *
+         * enum('standard', 'satellite', 'hybrid')
+         */
+        mapType?: string
+
+        /**
+         * Maximum size of area that can be displayed.
+         */
+        maxDelta?: number
+
+        /**
+         * Minimum size of area that can be displayed.
+         */
+        minDelta?: number
+
+        /**
+         * Map overlays
+         */
+        overlays: MapViewOverlay[]
+
+        /**
+         * If false compass won't be displayed on the map.
+         * Default value is true.
+         */
+        showsCompass?: boolean
+    }
+
+    export interface MapViewPropertiesAndroid {
+        active?: boolean
+    }
+
+    export interface MapViewProperties extends MapViewPropertiesIOS, MapViewPropertiesAndroid, Touchable, ViewProperties, React.Props<MapViewStatic> {
+
+
+
+        /**
+         * Callback that is called once, when the user taps an annotation.
+         */
+        onAnnotationPress?: () => void
+
+        /**
+         * Callback that is called continuously when the user is dragging the map.
+         */
+        onRegionChange?: ( region: MapViewRegion ) => void
+
+        /**
+         * Callback that is called once, when the user is done moving the map.
+         */
+        onRegionChangeComplete?: ( region: MapViewRegion ) => void
+
+        /**
+         * When this property is set to true and a valid camera is associated with the map,
+         * the camera’s pitch angle is used to tilt the plane of the map.
+         *
+         * When this property is set to false, the camera’s pitch angle is ignored and
+         * the map is always displayed as if the user is looking straight down onto it.
+         */
+        pitchEnabled?: boolean
+
+        /**
+         * The region to be displayed by the map.
+         * The region is defined by the center coordinates and the span of coordinates to display.
+         */
+        region?: MapViewRegion
+
+        /**
+         * When this property is set to true and a valid camera is associated with the map,
+         * the camera’s heading angle is used to rotate the plane of the map around its center point.
+         *
+         * When this property is set to false, the camera’s heading angle is ignored and the map is always oriented
+         * so that true north is situated at the top of the map view
+         */
+        rotateEnabled?: boolean
+
+        /**
+         * If false the user won't be able to change the map region being displayed.
+         * Default value is true.
+         */
+        scrollEnabled?: boolean
+
+        /**
+         * If true the app will ask for the user's location and focus on it.
+         * Default value is false.
+         *
+         * NOTE: You need to add NSLocationWhenInUseUsageDescription key in Info.plist to enable geolocation,
+         * otherwise it is going to fail silently!
+         */
+        showsUserLocation?: boolean
+
+        /**
+         * Used to style and layout the MapView.
+         * See StyleSheet.js and ViewStylePropTypes.js for more info.
+         */
+        style?: ViewStyle
+
+        /**
+         * If false the user won't be able to pinch/zoom the map.
+         * Default value is true.
+         */
+        zoomEnabled?: boolean
+
+        ref?: Ref<MapViewStatic & ViewStatic>
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/mapview.html#content
+     */
+    export interface MapViewStatic extends React.ComponentClass<MapViewProperties> {
+    }
+
+    export interface ModalProperties extends React.Props<ModalStatic> {
+
+        // Only `animated` is documented. The JS code says `animated` is
+        // deprecated and `animationType` is preferred.
+        animated?: boolean
+        animationType?: "none" | "slide" | "fade"
+        transparent?: boolean
+        visible?: boolean
+        onRequestClose?: () => void
+        onShow?: (event: NativeSyntheticEvent<any>) => void
+
+    }
+
+    export interface ModalStatic extends React.ComponentClass<ModalProperties> {
+
+    }
+
+    export interface TouchableWithoutFeedbackAndroidProperties {
+
+        /**
+         * Indicates to accessibility services to treat UI component like a native one.
+         * Works for Android only.
+         *
+         * @enum('none', 'button', 'radiobutton_checked', 'radiobutton_unchecked' )
+         */
+        accessibilityComponentType?: string
+    }
+
+    export interface TouchableWithoutFeedbackIOSProperties {
+
+        /**
+         * Provides additional traits to screen reader.
+         * By default no traits are provided unless specified otherwise in element
+         *
+         * @enum('none', 'button', 'link', 'header', 'search', 'image', 'selected', 'plays', 'key', 'text','summary', 'disabled', 'frequentUpdates', 'startsMedia', 'adjustable', 'allowsDirectInteraction', 'pageTurn')
+         */
+        accessibilityTraits?: string | string[];
+
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/touchablewithoutfeedback.html#props
+     */
+    export interface TouchableWithoutFeedbackProperties extends TouchableWithoutFeedbackAndroidProperties, TouchableWithoutFeedbackIOSProperties {
+
+
+        /**
+         * Called when the touch is released, but not if cancelled (e.g. by a scroll that steals the responder lock).
+         */
+        accessible?: boolean
+
+        /**
+         * Delay in ms, from onPressIn, before onLongPress is called.
+         */
+        delayLongPress?: number;
+
+        /**
+         * Delay in ms, from the start of the touch, before onPressIn is called.
+         */
+        delayPressIn?: number;
+
+        /**
+         * Delay in ms, from the release of the touch, before onPressOut is called.
+         */
+        delayPressOut?: number;
+
+        /**
+         * If true, disable all interactions for this component.
+         */
+        disabled?: boolean
+
+        /**
+         * This defines how far your touch can start away from the button.
+         * This is added to pressRetentionOffset when moving off of the button.
+         * NOTE The touch area never extends past the parent view bounds and
+         * the Z-index of sibling views always takes precedence if a touch hits
+         * two overlapping views.
+         */
+        hitSlop?: {top: number, left: number, bottom: number, right: number}
+
+        /**
+         * Invoked on mount and layout changes with
+         * {nativeEvent: {layout: {x, y, width, height}}}
+         */
+        onLayout?: ( event: LayoutChangeEvent ) => void
+
+        onLongPress?: () => void;
+
+        /**
+         * Called when the touch is released,
+         * but not if cancelled (e.g. by a scroll that steals the responder lock).
+         */
+        onPress?: () => void;
+
+        onPressIn?: () => void;
+
+        onPressOut?: () => void;
+
+        /**
+         * //FIXME: not in doc but available in examples
+         */
+        style?: ViewStyle
+
+        /**
+         * When the scroll view is disabled, this defines how far your
+         * touch may move off of the button, before deactivating the button.
+         * Once deactivated, try moving it back and you'll see that the button
+         * is once again reactivated! Move it back and forth several times
+         * while the scroll view is disabled. Ensure you pass in a constant
+         * to reduce memory allocations.
+         */
+        pressRetentionOffset?: {top: number, left: number, bottom: number, right: number}
+    }
+
+
+    export interface TouchableWithoutFeedbackProps extends TouchableWithoutFeedbackProperties, React.Props<TouchableWithoutFeedbackStatic> {
+
+    }
+
+    /**
+     * Do not use unless you have a very good reason.
+     * All the elements that respond to press should have a visual feedback when touched.
+     * This is one of the primary reason a "web" app doesn't feel "native".
+     *
+     * @see https://facebook.github.io/react-native/docs/touchablewithoutfeedback.html
+     */
+    export interface TouchableWithoutFeedbackStatic extends React.ComponentClass<TouchableWithoutFeedbackProps> {
+
+    }
+
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/touchablehighlight.html#props
+     */
+    export interface TouchableHighlightProperties extends TouchableWithoutFeedbackProperties, React.Props<TouchableHighlightStatic> {
+
+        /**
+         * Determines what the opacity of the wrapped view should be when touch is active.
+         */
+        activeOpacity?: number
+
+        /**
+         *
+         * Called immediately after the underlay is hidden
+         */
+        onHideUnderlay?: () => void
+
+        /**
+         * Called immediately after the underlay is shown
+         */
+        onShowUnderlay?: () => void
+
+        /**
+         * @see https://facebook.github.io/react-native/docs/view.html#style
+         */
+        style?: ViewStyle
+
+
+        /**
+         * The color of the underlay that will show through when the touch is active.
+         */
+        underlayColor?: string
+    }
+
+    /**
+     * A wrapper for making views respond properly to touches.
+     * On press down, the opacity of the wrapped view is decreased,
+     * which allows the underlay color to show through, darkening or tinting the view.
+     * The underlay comes from adding a view to the view hierarchy,
+     * which can sometimes cause unwanted visual artifacts if not used correctly,
+     * for example if the backgroundColor of the wrapped view isn't explicitly set to an opaque color.
+     *
+     * NOTE: TouchableHighlight supports only one child
+     * If you wish to have several child components, wrap them in a View.
+     *
+     * @see https://facebook.github.io/react-native/docs/touchablehighlight.html
+     */
+    export interface TouchableHighlightStatic extends React.ComponentClass<TouchableHighlightProperties> {
+    }
+
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/touchableopacity.html#props
+     */
+    export interface TouchableOpacityProperties extends TouchableWithoutFeedbackProperties, React.Props<TouchableOpacityStatic> {
+        /**
+         * Determines what the opacity of the wrapped view should be when touch is active.
+         * Defaults to 0.2
+         */
+        activeOpacity?: number
+    }
+
+    /**
+     * A wrapper for making views respond properly to touches.
+     * On press down, the opacity of the wrapped view is decreased, dimming it.
+     * This is done without actually changing the view hierarchy,
+     * and in general is easy to add to an app without weird side-effects.
+     *
+     * @see https://facebook.github.io/react-native/docs/touchableopacity.html
+     */
+    export interface TouchableOpacityStatic extends React.ComponentClass<TouchableOpacityProperties> {
+        /**
+         * Determines what the opacity of the wrapped view should be when touch is active.
+         */
+        setOpacityTo: (value: number) => void
+    }
+
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/touchableopacity.html#props
+     */
+    export interface TouchableNativeFeedbackProperties extends TouchableWithoutFeedbackProperties, React.Props<TouchableNativeFeedbackStatic> {
+        /**
+         * Determines the type of background drawable that's going to be used to display feedback.
+         * It takes an object with type property and extra data depending on the type.
+         * It's recommended to use one of the following static methods to generate that dictionary:
+         *      1) TouchableNativeFeedback.SelectableBackground() - will create object that represents android theme's default background for selectable elements (?android:attr/selectableItemBackground)
+         *      2) TouchableNativeFeedback.SelectableBackgroundBorderless() - will create object that represent android theme's default background for borderless selectable elements (?android:attr/selectableItemBackgroundBorderless). Available on android API level 21+
+         *      3) TouchableNativeFeedback.Ripple(color, borderless) - will create object that represents ripple drawable with specified color (as a string). If property borderless evaluates to true the ripple will render outside of the view bounds (see native actionbar buttons as an example of that behavior). This background type is available on Android API level 21+
+         */
+        background?: any
+    }
+
+    /**
+     * A wrapper for making views respond properly to touches (Android only).
+     * On Android this component uses native state drawable to display touch feedback.
+     * At the moment it only supports having a single View instance as a child node,
+     * as it's implemented by replacing that View with another instance of RCTView node with some additional properties set.
+     *
+     * Background drawable of native feedback touchable can be customized with background property.
+     *
+     * @see https://facebook.github.io/react-native/docs/touchablenativefeedback.html#content
+     */
+    export interface TouchableNativeFeedbackStatic extends React.ComponentClass<TouchableNativeFeedbackProperties> {
+        SelectableBackground: () => TouchableNativeFeedbackStatic
+        SelectableBackgroundBorderless: () => TouchableNativeFeedbackStatic
+        Ripple: ( color: string, borderless?: boolean ) => TouchableNativeFeedbackStatic
+    }
+
+
+    export interface LeftToRightGesture {
+        //TODO:
+    }
+
+    export interface AnimationInterpolator {
+        //TODO:
+    }
+
+    // see /NavigatorSceneConfigs.js
+    export interface SceneConfig {
+        // A list of all gestures that are enabled on this scene
+        gestures: {
+            pop: LeftToRightGesture,
+        },
+
+        // Rebound spring parameters when transitioning FROM this scene
+        springFriction: number;
+        springTension: number;
+
+        // Velocity to start at when transitioning without gesture
+        defaultTransitionVelocity: number;
+
+        // Animation interpolators for horizontal transitioning:
+        animationInterpolators: {
+            into: AnimationInterpolator,
+            out: AnimationInterpolator
+        };
+
+    }
+
+    // see /NavigatorSceneConfigs.js
+    export interface SceneConfigs {
+        PushFromRight: SceneConfig;
+        FloatFromRight: SceneConfig;
+        FloatFromLeft: SceneConfig;
+        FloatFromBottom: SceneConfig;
+        FloatFromBottomAndroid: SceneConfig;
+        FadeAndroid: SceneConfig;
+        HorizontalSwipeJump: SceneConfig;
+        HorizontalSwipeJumpFromRight: SceneConfig;
+        VerticalUpSwipeJump: SceneConfig;
+        VerticalDownSwipeJump: SceneConfig;
+    }
+
+    export interface Route {
+        component?: React.ComponentClass<ViewProperties>
+        id?: string
+        title?: string
+        passProps?: Object;
+
+        //anything else
+        [key: string]: any
+
+        //Commonly found properties
+        backButtonTitle?: string
+        content?: string
+        message?: string;
+        index?: number
+        onRightButtonPress?: () => void
+        rightButtonTitle?: string
+        sceneConfig?: SceneConfig
+        wrapperStyle?: any
+    }
+
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/navigator.html#content
+     */
+    export interface NavigatorProperties extends React.Props<Navigator> {
+        /**
+         * Optional function that allows configuration about scene animations and gestures.
+         * Will be invoked with `route` and `routeStack` parameters, where `route`
+         * corresponds to the current scene being rendered by the `Navigator` and
+         * `routeStack` is the set of currently mounted routes that the navigator
+         *  could transition to. The function should return a scene configuration object.
+         * @param route
+         * @param routeStack
+         */
+        configureScene?: ( route: Route, routeStack: Route[] ) => SceneConfig
+        /**
+         * Specify a route to start on.
+         * A route is an object that the navigator will use to identify each scene to render.
+         * initialRoute must be a route in the initialRouteStack if both props are provided.
+         * The initialRoute will default to the last item in the initialRouteStack.
+         */
+        initialRoute?: Route
+        /**
+         * Provide a set of routes to initially mount.
+         * Required if no initialRoute is provided.
+         * Otherwise, it will default to an array containing only the initialRoute
+         */
+        initialRouteStack?: Route[]
+
+        /**
+         * Optionally provide a navigation bar that persists across scene transitions
+         */
+        navigationBar?: React.ReactElement<NavigatorStatic.NavigationBarProperties>
+
+        /**
+         * Optionally provide the navigator object from a parent Navigator
+         */
+        navigator?: Navigator
+
+        /**
+         * @deprecated Use navigationContext.addListener('willfocus', callback) instead.
+         */
+        onDidFocus?: Function
+
+        /**
+         * @deprecated Use navigationContext.addListener('willfocus', callback) instead.
+         */
+        onWillFocus?: Function
+
+        /**
+         * Required function which renders the scene for a given route.
+         * Will be invoked with the route and the navigator object
+         * @param route
+         * @param navigator
+         */
+        renderScene?: ( route: Route, navigator: Navigator ) => React.ReactElement<ViewProperties>
+
+        /**
+         * Styles to apply to the container of each scene
+         */
+        sceneStyle?: ViewStyle
+
+        /**
+         * //FIXME: not found in doc but found in examples
+         */
+        debugOverlay?: boolean
+
+    }
+
+   /**
+   * Class that contains the info and methods for app navigation.
+   */
+    export interface NavigationContext {
+        parent: NavigationContext;
+        top: NavigationContext;
+        currentRoute: any;
+        appendChild(childContext: NavigationContext): void;
+        addListener(eventType: string, listener: () => void, useCapture?: boolean): NativeEventSubscription;
+        emit(eventType: string, data: any, didEmitCallback?: () => void): void;
+        dispose(): void;
+    }
+
+    /**
+     * Use Navigator to transition between different scenes in your app.
+     * To accomplish this, provide route objects to the navigator to identify each scene,
+     * and also a renderScene function that the navigator can use to render the scene for a given route.
+     *
+     * To change the animation or gesture properties of the scene, provide a configureScene prop to get the config object for a given route.
+     * See Navigator.SceneConfigs for default animations and more info on scene config options.
+     * @see https://facebook.github.io/react-native/docs/navigator.html
+     */
+    export interface NavigatorStatic extends React.ComponentClass<NavigatorProperties> {
+        SceneConfigs: SceneConfigs;
+        NavigationBar: NavigatorStatic.NavigationBarStatic;
+        BreadcrumbNavigationBar: NavigatorStatic.BreadcrumbNavigationBarStatic;
+
+	navigationContext: NavigationContext;
+
+        getContext( self: any ): NavigatorStatic;
+
+        /**
+         * returns the current list of routes
+         */
+        getCurrentRoutes(): Route[];
+
+        /**
+         * Jump backward without unmounting the current scen
+         */
+        jumpBack(): void;
+
+        /**
+         * Jump forward to the next scene in the route stack
+         */
+        jumpForward(): void;
+
+        /**
+         * Transition to an existing scene without unmounting
+         */
+        jumpTo( route: Route ): void;
+
+        /**
+         * Navigate forward to a new scene, squashing any scenes that you could jumpForward to
+         */
+        push( route: Route ): void;
+
+        /**
+         * Transition back and unmount the current scene
+         */
+        pop(): void;
+
+        /**
+         * Replace the current scene with a new route
+         */
+        replace( route: Route ): void;
+
+        /**
+         * Replace a scene as specified by an index
+         */
+        replaceAtIndex( route: Route, index: number ): void;
+
+        /**
+         *  Replace the previous scene
+         */
+        replacePrevious( route: Route ): void;
+
+        /**
+         * Reset every scene with an array of routes
+         */
+        immediatelyResetRouteStack( routes: Route[] ): void;
+
+        /**
+         * Pop to a particular scene, as specified by its route. All scenes after it will be unmounted
+         */
+        popToRoute( route: Route ): void;
+
+        /**
+         * Pop to the first scene in the stack, unmounting every other scene
+         */
+        popToTop(): void;
+
+        /**
+         *  Replace the previous scene and pop to it.
+         */
+        replacePreviousAndPop( route: Route ): void;
+
+        /**
+         * Navigate to a new scene and reset route stack.
+         */
+        resetTo( route: Route ): void;
+
+    }
+
+    namespace NavigatorStatic {
+
+
+        export interface NavState {
+            routeStack: Route[]
+            idStack: number[]
+            presentedIndex: number
+        }
+
+        export interface NavigationBarStyle {
+            //TODO @see NavigationBarStyle.ios.js
+        }
+
+
+        export interface NavigationBarRouteMapper {
+            Title: ( route: Route, nav: Navigator, index: number, navState: NavState ) => React.ReactElement<any>;
+            LeftButton: ( route: Route, nav: Navigator, index: number, navState: NavState )=> React.ReactElement<any>;
+            RightButton: ( route: Route, nav: Navigator, index: number, navState: NavState )=> React.ReactElement<any>;
+        }
+
+        /**
+         * @see NavigatorNavigationBar.js
+         */
+        export interface NavigationBarProperties extends React.Props<NavigationBarStatic> {
+            navigator?: Navigator
+            routeMapper?: NavigationBarRouteMapper
+            navState?: NavState
+            style?: ViewStyle
+        }
+
+        export interface NavigationBarStatic extends React.ComponentClass<NavigationBarProperties> {
+            Styles: NavigationBarStyle
+
+        }
+
+        export type NavigationBar = NavigationBarStatic
+        export var NavigationBar: NavigationBarStatic
+
+
+        export interface BreadcrumbNavigationBarStyle {
+            //TODO &see NavigatorBreadcrumbNavigationBar.js
+        }
+
+        export interface BreadcrumbNavigationBarRouteMapper {
+            rightContentForRoute: ( route: Route, navigator: Navigator ) => React.ReactElement<any>
+            titleContentForRoute: ( route: Route, navigator: Navigator ) => React.ReactElement<any>
+            iconForRoute: ( route: Route, navigator: Navigator ) => React.ReactElement<any>
+            //in samples...
+            separatorForRoute: ( route: Route, navigator: Navigator ) => React.ReactElement<any>
+        }
+
+        /**
+         * @see NavigatorNavigationBar.js
+         */
+        export interface BreadcrumbNavigationBarProperties extends React.Props<BreadcrumbNavigationBarStatic> {
+            navigator?: Navigator
+            routeMapper?: BreadcrumbNavigationBarRouteMapper
+            navState?: NavState
+            style?: ViewStyle
+        }
+
+        export interface BreadcrumbNavigationBarStatic extends React.ComponentClass<BreadcrumbNavigationBarProperties> {
+            Styles: BreadcrumbNavigationBarStyle
+        }
+
+        export type BreadcrumbNavigationBar = BreadcrumbNavigationBarStatic
+        var BreadcrumbNavigationBar: BreadcrumbNavigationBarStatic
+
+    }
+
+    export interface StyleSheetStatic extends React.ComponentClass<StyleSheetProperties> {
+
+        /**
+         * Creates a StyleSheet style reference from the given object.
+         */
+        create<T>( styles: T ): T;
+
+        /**
+         * Flattens an array of style objects, into one aggregated style object.
+         * Alternatively, this method can be used to lookup IDs, returned by
+         * StyleSheet.register.
+         *
+         * > **NOTE**: Exercise caution as abusing this can tax you in terms of
+         * > optimizations.
+         * >
+         * > IDs enable optimizations through the bridge and memory in general. Refering
+         * > to style objects directly will deprive you of these optimizations.
+         *
+         * Example:
+         * ```
+         * var styles = StyleSheet.create({
+         *   listItem: {
+         *     flex: 1,
+         *     fontSize: 16,
+         *     color: 'white'
+         *   },
+         *   selectedListItem: {
+         *     color: 'green'
+         *   }
+         * });
+         *
+         * StyleSheet.flatten([styles.listItem, styles.selectedListItem])
+         * // returns { flex: 1, fontSize: 16, color: 'green' }
+         * ```
+         * Alternative use:
+         * ```
+         * StyleSheet.flatten(styles.listItem);
+         * // return { flex: 1, fontSize: 16, color: 'white' }
+         * // Simply styles.listItem would return its ID (number)
+         * ```
+         * This method internally uses `StyleSheetRegistry.getStyleByID(style)`
+         * to resolve style objects represented by IDs. Thus, an array of style
+         * objects (instances of StyleSheet.create), are individually resolved to,
+         * their respective objects, merged as one and then returned. This also explains
+         * the alternative use.
+         */
+        flatten(style: Object): Object
+
+        /**
+         * This is defined as the width of a thin line on the platform. It can be
+         * used as the thickness of a border or division between two elements.
+         * Example:
+         * ```
+         *   {
+         *     borderBottomColor: '#bbb',
+         *     borderBottomWidth: StyleSheet.hairlineWidth
+         *   }
+         * ```
+         *
+         * This constant will always be a round number of pixels (so a line defined
+         * by it look crisp) and will try to match the standard width of a thin line
+         * on the underlying platform. However, you should not rely on it being a
+         * constant size, because on different platforms and screen densities its
+         * value may be calculated differently.
+         */
+        hairlineWidth: number
+
+        /**
+         * A very common pattern is to create overlays with position absolute and zero positioning,
+         * so `absoluteFill` can be used for convenience and to reduce duplication of these repeated
+         * styles.
+         */
+        absoluteFill: number
+
+
+        /**
+         * Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be
+         * used to create a customized entry in a `StyleSheet`, e.g.:
+         *
+         *   const styles = StyleSheet.create({
+         *     wrapper: {
+         *       ...StyleSheet.absoluteFillObject,
+         *       top: 10,
+         *       backgroundColor: 'transparent',
+         *     },
+         *   });
+         */
+        absoluteFillObject: {
+            position: string
+            left: number
+            right: number
+            top: number
+            bottom: number
+        }
+    }
+
+    /**
+     * //FIXME: Could not find docs. Inferred from examples and jscode : ListViewDataSource.js
+     */
+    export interface DataSourceAssetCallback {
+        rowHasChanged?: ( r1: any, r2: any ) => boolean
+        sectionHeaderHasChanged?: ( h1: any, h2: any ) => boolean
+        getRowData?: <T>( dataBlob: any, sectionID: number | string, rowID: number | string ) => T
+        getSectionHeaderData?: <T>( dataBlob: any, sectionID: number | string ) => T
+    }
+
+    /**
+     * //FIXME: Could not find docs. Inferred from examples and js code: ListViewDataSource.js
+     */
+    export interface ListViewDataSource {
+        new( onAsset: DataSourceAssetCallback ): ListViewDataSource;
+        /**
+         * Clones this `ListViewDataSource` with the specified `dataBlob` and
+         * `rowIdentities`. The `dataBlob` is just an aribitrary blob of data. At
+         * construction an extractor to get the interesting informatoin was defined
+         * (or the default was used).
+         *
+         * The `rowIdentities` is is a 2D array of identifiers for rows.
+         * ie. [['a1', 'a2'], ['b1', 'b2', 'b3'], ...].  If not provided, it's
+         * assumed that the keys of the section data are the row identities.
+         *
+         * Note: This function does NOT clone the data in this data source. It simply
+         * passes the functions defined at construction to a new data source with
+         * the data specified. If you wish to maintain the existing data you must
+         * handle merging of old and new data separately and then pass that into
+         * this function as the `dataBlob`.
+         */
+        cloneWithRows<T>( dataBlob: Array<any> | {[key: string ]: any}, rowIdentities?: Array<string | number> ): ListViewDataSource
+
+        /**
+         * This performs the same function as the `cloneWithRows` function but here
+         * you also specify what your `sectionIdentities` are. If you don't care
+         * about sections you should safely be able to use `cloneWithRows`.
+         *
+         * `sectionIdentities` is an array of identifiers for  sections.
+         * ie. ['s1', 's2', ...].  If not provided, it's assumed that the
+         * keys of dataBlob are the section identities.
+         *
+         * Note: this returns a new object!
+         */
+        cloneWithRowsAndSections( dataBlob: Array<any> | {[key: string]: any}, sectionIdentities?: Array<string | number>, rowIdentities?: Array<Array<string | number>> ): ListViewDataSource
+
+        getRowCount(): number
+
+        /**
+         * Gets the data required to render the row.
+         */
+        getRowData( sectionIndex: number, rowIndex: number ): any
+
+        /**
+         * Gets the rowID at index provided if the dataSource arrays were flattened,
+         * or null of out of range indexes.
+         */
+        getRowIDForFlatIndex( index: number ): string
+
+        /**
+         * Gets the sectionID at index provided if the dataSource arrays were flattened,
+         * or null for out of range indexes.
+         */
+        getSectionIDForFlatIndex( index: number ): string
+
+        /**
+         * Returns an array containing the number of rows in each section
+         */
+        getSectionLengths(): Array<number>
+
+        /**
+         * Returns if the section header is dirtied and needs to be rerendered
+         */
+        sectionHeaderShouldUpdate( sectionIndex: number ): boolean
+
+        /**
+         * Gets the data required to render the section header
+         */
+        getSectionHeaderData( sectionIndex: number ): any
+    }
+
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/tabbarios-item.html#props
+     */
+    export interface TabBarItemProperties extends ViewProperties, React.Props<TabBarItemStatic> {
+
+        /**
+         * Little red bubble that sits at the top right of the icon.
+         */
+        badge?:  string | number
+
+        /**
+         * A custom icon for the tab. It is ignored when a system icon is defined.
+         */
+        icon?: {uri: string} | string
+
+        /**
+         * Callback when this tab is being selected,
+         * you should change the state of your component to set selected={true}.
+         */
+        onPress?: () => void
+
+        /**
+         * It specifies whether the children are visible or not. If you see a blank content, you probably forgot to add a selected one.
+         */
+        selected?: boolean
+
+        /**
+         * A custom icon when the tab is selected.
+         * It is ignored when a system icon is defined. If left empty, the icon will be tinted in blue.
+         */
+        selectedIcon?: {uri: string} | string;
+
+        /**
+         * React style object.
+         */
+        style?: ViewStyle
+
+        /**
+         * Items comes with a few predefined system icons.
+         * Note that if you are using them, the title and selectedIcon will be overriden with the system ones.
+         *
+         *  enum('bookmarks', 'contacts', 'downloads', 'favorites', 'featured', 'history', 'more', 'most-recent', 'most-viewed', 'recents', 'search', 'top-rated')
+         */
+        systemIcon: "bookmarks" | "contacts" | "downloads" | "favorites" | "featured" | "history" | "more" | "most-recent" | "most-viewed" | "recents" | "search" | "top-rated"
+
+        /**
+         * Text that appears under the icon. It is ignored when a system icon is defined.
+         */
+        title?: string
+
+        ref?: Ref<TabBarItemStatic & ViewStatic>
+    }
+
+    export interface TabBarItemStatic extends React.ComponentClass<TabBarItemProperties> {
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/tabbarios.html#props
+     */
+    export interface TabBarIOSProperties extends ViewProperties, React.Props<TabBarIOSStatic> {
+
+        /**
+         * Background color of the tab bar
+         */
+        barTintColor?: string
+
+        style?: ViewStyle
+
+        /**
+         * Color of the currently selected tab icon
+         */
+        tintColor?: string
+
+        /**
+         * A Boolean value that indicates whether the tab bar is translucent
+         */
+        translucent?: boolean
+
+        /**
+         * Color of text on unselected tabs
+         */
+        unselectedTintColor?: string
+
+        ref?: Ref<TabBarIOSStatic & ViewStatic>
+    }
+
+    export interface TabBarIOSStatic extends React.ComponentClass<TabBarIOSProperties> {
+        Item: TabBarItemStatic;
+    }
+
+
+    export interface PixelRatioStatic {
+
+        /*
+          Returns the device pixel density. Some examples:
+             PixelRatio.get() === 1
+             mdpi Android devices (160 dpi)
+             PixelRatio.get() === 1.5
+             hdpi Android devices (240 dpi)
+             PixelRatio.get() === 2
+             iPhone 4, 4S
+             iPhone 5, 5c, 5s
+             iPhone 6
+             xhdpi Android devices (320 dpi)
+             PixelRatio.get() === 3
+             iPhone 6 plus
+             xxhdpi Android devices (480 dpi)
+             PixelRatio.get() === 3.5
+             Nexus 6
+        */
+        get(): number;
+
+        /*
+         Returns the scaling factor for font sizes. This is the ratio that is
+          used to calculate the absolute font size, so any elements that
+           heavily depend on that should use this to do calculations.
+
+         If a font scale is not set, this returns the device pixel ratio.
+
+         Currently this is only implemented on Android and reflects the user
+          preference set in Settings > Display > Font size,
+           on iOS it will always return the default pixel ratio.
+         */
+        getFontScale(): number
+
+        /**
+         * Converts a layout size (dp) to pixel size (px).
+         * Guaranteed to return an integer number.
+         * @param layoutSize
+         */
+        getPixelSizeForLayoutSize(layoutSize: number): number
+
+        /**
+         * Rounds a layout size (dp) to the nearest layout size that
+         * corresponds to an integer number of pixels. For example,
+         * on a device with a PixelRatio of 3,
+         * PixelRatio.roundToNearestPixel(8.4) = 8.33,
+         * which corresponds to exactly (8.33 * 3) = 25 pixels.
+         * @param layoutSize
+         */
+        roundToNearestPixel(layoutSize: number): number
+
+        /**
+         * No-op for iOS, but used on the web. Should not be documented. [sic]
+         */
+        startDetecting(): void
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/platform-specific-code.html#content
+     */
+
+    export type PlatformOSType = 'ios' | 'android'
+
+    export interface PlatformStatic {
+        OS: PlatformOSType,
+
+        /**
+         * @see https://facebook.github.io/react-native/docs/platform-specific-code.html#content
+         */
+        select<T>( specifics: { ios?: T, android?: T} ): T;
+    }
+
+    export interface DeviceEventSubscriptionStatic {
+        remove(): void;
+    }
+
+    export interface DeviceEventEmitterStatic {
+        addListener<T>( type: string, onReceived: ( data: T ) => void ): DeviceEventSubscription;
+
+        /**
+         * Removes the given listener for event of specific type.
+         *
+         * @param {string} eventType - Name of the event to emit
+         * @param {function} listener - Function to invoke when the specified event is
+         *   emitted
+         *
+         * @example
+         *   emitter.removeListener('someEvent', function(message) {
+         *     console.log(message);
+         *   }); // removes the listener if already registered
+         *
+         */
+        removeListener( eventType: String, listener: Function): void
+    }
+
+    // Used by Dimensions below
+    export interface ScaledSize {
+        width: number;
+        height: number;
+        scale: number;
+        fontScale: number;
+    }
+
+    /**
+     * Initial dimensions are set before `runApplication` is called so they should
+     * be available before any other require's are run, but may be updated later.
+     *
+     * Note: Although dimensions are available immediately, they may change (e.g
+     * due to device rotation) so any rendering logic or styles that depend on
+     * these constants should try to call this function on every render, rather
+     * than caching the value (for example, using inline styles rather than
+     * setting a value in a `StyleSheet`).
+     *
+     * Example: `var {height, width} = Dimensions.get('window');`
+     *
+     * @param {string} dim Name of dimension as defined when calling `set`.
+     * @returns {Object?} Value for the dimension.
+     * @see https://facebook.github.io/react-native/docs/dimensions.html#content
+     */
+    export interface Dimensions {
+        /**
+         * Initial dimensions are set before runApplication is called so they
+         * should be available before any other require's are run, but may be
+         * updated later.
+         * Note: Although dimensions are available immediately, they may
+         * change (e.g due to device rotation) so any rendering logic or
+         * styles that depend on these constants should try to call this
+         * function on every render, rather than caching the value (for
+         * example, using inline styles rather than setting a value in a
+         * StyleSheet).
+         * Example: var {height, width} = Dimensions.get('window');
+         @param {string} dim Name of dimension as defined when calling set.
+         @returns {Object?} Value for the dimension.
+         */
+        get( dim: "window" | "screen" ): ScaledSize;
+
+        /**
+         * This should only be called from native code by sending the didUpdateDimensions event.
+         * @param {object} dims Simple string-keyed object of dimensions to set
+         */
+        set( dims: {[key: string]: any}[] ): void
+    }
+
+    export type PromiseTask = {
+        gen: () => Promise<any>
+    }
+
+    export type Handle = number
+
+    export interface InteractionManagerStatic {
+
+        /**
+         * Schedule a function to run after all interactions have completed.
+         * Returns a cancellable
+         * @param fn
+         */
+        runAfterInteractions( fn: () => void | PromiseTask):
+          {then: Function, done: Function, cancel: Function}
+
+        /**
+         * Notify manager that an interaction has started.
+         */
+        createInteractionHandle(): Handle
+
+        /**
+         * Notify manager that an interaction has completed.
+         */
+        clearInteractionHandle(handle: Handle): void
+
+        /**
+         * A positive number will use setTimeout to schedule any tasks after
+         * the eventLoopRunningTime hits the deadline value, otherwise all
+         * tasks will be executed in one setImmediate batch (default).
+         */
+        setDeadline(deadline: number): void
+    }
+
+
+    export interface ScrollViewStyle extends FlexStyle, TransformsStyle {
+
+        backfaceVisibility?: "visible" | "hidden"
+        backgroundColor?: string
+        borderColor?: string
+        borderTopColor?: string
+        borderRightColor?: string
+        borderBottomColor?: string
+        borderLeftColor?: string
+        borderRadius?: number
+        borderTopLeftRadius?: number
+        borderTopRightRadius?: number
+        borderBottomLeftRadius?: number
+        borderBottomRightRadius?: number
+        borderStyle?: "solid" | "dotted" | "dashed"
+        borderWidth?: number
+        borderTopWidth?: number
+        borderRightWidth?: number
+        borderBottomWidth?: number
+        borderLeftWidth?: number
+        opacity?: number
+        overflow?: "visible" | "hidden"
+        shadowColor?: string
+        shadowOffset?: {width: number; height: number}
+        shadowOpacity?: number
+        shadowRadius?: number
+        elevation?: number
+    }
+
+
+    export interface ScrollViewPropertiesIOS {
+
+        /**
+         * When true the scroll view bounces horizontally when it reaches the end
+         * even if the content is smaller than the scroll view itself. The default
+         * value is true when `horizontal={true}` and false otherwise.
+         */
+        alwaysBounceHorizontal?: boolean
+        /**
+         * When true the scroll view bounces vertically when it reaches the end
+         * even if the content is smaller than the scroll view itself. The default
+         * value is false when `horizontal={true}` and true otherwise.
+         */
+        alwaysBounceVertical?: boolean
+
+        /**
+         * Controls whether iOS should automatically adjust the content inset for scroll views that are placed behind a navigation bar or tab bar/ toolbar.
+         * The default value is true.
+         */
+        automaticallyAdjustContentInsets?: boolean // true
+
+        /**
+         * When true the scroll view bounces when it reaches the end of the
+         * content if the content is larger then the scroll view along the axis of
+         * the scroll direction. When false it disables all bouncing even if
+         * the `alwaysBounce*` props are true. The default value is true.
+         */
+        bounces?: boolean
+        /**
+         * When true gestures can drive zoom past min/max and the zoom will animate
+         * to the min/max value at gesture end otherwise the zoom will not exceed
+         * the limits.
+         */
+        bouncesZoom?: boolean
+
+        /**
+         * When false once tracking starts won't try to drag if the touch moves.
+         * The default value is true.
+         */
+        canCancelContentTouches?: boolean
+
+        /**
+         * When true the scroll view automatically centers the content when the
+         * content is smaller than the scroll view bounds; when the content is
+         * larger than the scroll view this property has no effect. The default
+         * value is false.
+         */
+        centerContent?: boolean
+
+        /**
+         * The amount by which the scroll view content is inset from the edges of the scroll view.
+         * Defaults to {0, 0, 0, 0}.
+         */
+        contentInset?: Insets // zeros
+
+        /**
+         * Used to manually set the starting scroll offset.
+         * The default value is {x: 0, y: 0}
+         */
+        contentOffset?: PointProperties // zeros
+
+        /**
+         * A floating-point number that determines how quickly the scroll view
+         * decelerates after the user lifts their finger. Reasonable choices include
+         *   - Normal: 0.998 (the default)
+         *   - Fast: 0.9
+         */
+        decelerationRate?: "fast" | "normal" | number
+
+        /**
+         * When true the ScrollView will try to lock to only vertical or horizontal
+         * scrolling while dragging.  The default value is false.
+         */
+        directionalLockEnabled?: boolean
+
+        /**
+         * The style of the scroll indicators.
+         * - default (the default), same as black.
+         * - black, scroll indicator is black. This style is good against
+         *   a white content background.
+         * - white, scroll indicator is white. This style is good against
+         *   a black content background.
+         */
+        indicatorStyle?: "default" | "black" | "white"
+
+        /**
+         * The maximum allowed zoom scale. The default value is 1.0.
+         */
+        maximumZoomScale?: number
+
+        /**
+         * The minimum allowed zoom scale. The default value is 1.0.
+         */
+        minimumZoomScale?: number
+
+        /**
+         * Deprecated. Use the refreshControl prop instead.
+         */
+        onRefreshStart?: () => void
+
+        /**
+         * Called when a scrolling animation ends.
+         */
+        onScrollAnimationEnd?: () => void
+
+        /**
+         * When false, the content does not scroll. The default value is true
+         */
+        scrollEnabled?: boolean // true
+
+        /**
+         * This controls how often the scroll event will be fired while scrolling (in events per seconds).
+         * A higher number yields better accuracy for code that is tracking the scroll position,
+         * but can lead to scroll performance problems due to the volume of information being send over the bridge.
+         * The default value is zero, which means the scroll event will be sent only once each time the view is scrolled.
+         */
+        scrollEventThrottle?: number // null
+
+        /**
+         * The amount by which the scroll view indicators are inset from the edges of the scroll view.
+         * This should normally be set to the same value as the contentInset.
+         * Defaults to {0, 0, 0, 0}.
+         */
+        scrollIndicatorInsets?: Insets //zeroes
+
+        /**
+         * When true the scroll view scrolls to top when the status bar is tapped.
+         * The default value is true.
+         */
+        scrollsToTop?: boolean
+
+        /**
+         * When snapToInterval is set, snapToAlignment will define the relationship of the the snapping to the scroll view.
+         *      - start (the default) will align the snap at the left (horizontal) or top (vertical)
+         *      - center will align the snap in the center
+         *      - end will align the snap at the right (horizontal) or bottom (vertical)
+         */
+        snapToAlignment?: string
+
+        /**
+         * When set, causes the scroll view to stop at multiples of the value of snapToInterval.
+         * This can be used for paginating through children that have lengths smaller than the scroll view.
+         * Used in combination with snapToAlignment.
+         */
+        snapToInterval?: number
+
+        /**
+         * An array of child indices determining which children get docked to the
+         * top of the screen when scrolling. For example passing
+         * `stickyHeaderIndices={[0]}` will cause the first child to be fixed to the
+         * top of the scroll view. This property is not supported in conjunction
+         * with `horizontal={true}`.
+         */
+        stickyHeaderIndices?: number[]
+
+        /**
+         * The current scale of the scroll view content. The default value is 1.0.
+         */
+        zoomScale?: number
+    }
+
+    export interface ScrollViewPropertiesAndroid {
+
+        /**
+         * Sometimes a scrollview takes up more space than its content fills.
+         * When this is the case, this prop will fill the rest of the
+         * scrollview with a color to avoid setting a background and creating
+         * unnecessary overdraw. This is an advanced optimization that is not
+         * needed in the general case.
+         */
+        endFillColor?: string
+
+        /**
+         * Tag used to log scroll performance on this scroll view. Will force
+         * momentum events to be turned on (see sendMomentumEvents). This doesn't do
+         * anything out of the box and you need to implement a custom native
+         * FpsListener for it to be useful.
+         * @platform android
+         */
+        scrollPerfTag?: string
+
+    }
+
+    export interface ScrollViewProperties extends ViewProperties, ScrollViewPropertiesIOS, ScrollViewPropertiesAndroid, Touchable, React.Props<ScrollViewStatic> {
+
+        /**
+         * These styles will be applied to the scroll view content container which
+         * wraps all of the child views. Example:
+         *
+         *   return (
+         *     <ScrollView contentContainerStyle={styles.contentContainer}>
+         *     </ScrollView>
+         *   );
+         *   ...
+         *   var styles = StyleSheet.create({
+         *     contentContainer: {
+         *       paddingVertical: 20
+         *     }
+         *   });
+         */
+        contentContainerStyle?: ViewStyle
+
+        /**
+         * When true the scroll view's children are arranged horizontally in a row
+         * instead of vertically in a column. The default value is false.
+         */
+        horizontal?: boolean
+
+        /**
+         * Determines whether the keyboard gets dismissed in response to a drag.
+         *   - 'none' (the default) drags do not dismiss the keyboard.
+         *   - 'onDrag' the keyboard is dismissed when a drag begins.
+         *   - 'interactive' the keyboard is dismissed interactively with the drag
+         *     and moves in synchrony with the touch; dragging upwards cancels the
+         *     dismissal.
+         */
+        keyboardDismissMode?: string
+
+        /**
+         * When false tapping outside of the focused text input when the keyboard
+         * is up dismisses the keyboard. When true the scroll view will not catch
+         * taps and the keyboard will not dismiss automatically. The default value
+         * is false.
+         */
+        keyboardShouldPersistTaps?: boolean
+
+        /**
+         * Fires at most once per frame during scrolling.
+         * The frequency of the events can be contolled using the scrollEventThrottle prop.
+         */
+        onScroll?: (event?: { nativeEvent: NativeScrollEvent }) => void
+
+        /**
+         * When true the scroll view stops on multiples of the scroll view's size
+         * when scrolling. This can be used for horizontal pagination. The default
+         * value is false.
+         */
+        pagingEnabled?: boolean
+
+        /**
+         * Experimental: When true offscreen child views (whose `overflow` value is
+         * `hidden`) are removed from their native backing superview when offscreen.
+         * This canimprove scrolling performance on long lists. The default value is
+         * false.
+         */
+        removeClippedSubviews?: boolean
+
+        /**
+         * When true, shows a horizontal scroll indicator.
+         */
+        showsHorizontalScrollIndicator?: boolean
+
+        /**
+         * When true, shows a vertical scroll indicator.
+         */
+        showsVerticalScrollIndicator?: boolean
+
+        /**
+         * Style
+         */
+        style?: ScrollViewStyle
+
+        /**
+         * A RefreshControl component, used to provide pull-to-refresh
+         * functionality for the ScrollView.
+         */
+        refreshControl?: React.ReactElement<RefreshControlProperties>
+
+        ref?: Ref<ScrollViewStatic & ViewStatic>
+    }
+
+    export interface ScrollViewProps extends ScrollViewProperties, React.Props<ScrollViewStatic> {
+        ref?: Ref<ScrollViewStatic>
+    }
+
+    interface ScrollViewStatic extends React.ComponentClass<ScrollViewProps> {
+
+        // Deprecated. Use RefreshControl instead.
+        endRefreshing?: () => void
+
+        /**
+         * Scrolls to a given x, y offset, either immediately or with a smooth animation.
+         * Syntax:
+         *
+         * scrollTo(options: {x: number = 0; y: number = 0; animated: boolean = true})
+         *
+         * Note: The weird argument signature is due to the fact that, for historical reasons,
+         * the function also accepts separate arguments as as alternative to the options object.
+         * This is deprecated due to ambiguity (y before x), and SHOULD NOT BE USED.
+         */
+        scrollTo(
+            y?: number | { x?: number, y?: number, animated?: boolean },
+            x?: number,
+            animated?: boolean
+        ): void;
+
+        /**
+         * Returns a reference to the underlying scroll responder, which supports
+         * operations like `scrollTo`. All ScrollView-like components should
+         * implement this method so that they can be composed while providing access
+         * to the underlying scroll responder's methods.
+         */
+        getScrollResponder(): JSX.Element;
+
+        // Undocumented
+        getInnerViewNode(): any;
+
+        // Deprecated, do not use.
+        scrollWithoutAnimationTo?: (y: number, x: number) => void
+    }
+
+
+    export interface NativeScrollRectangle {
+        left: number;
+        top: number;
+        bottom: number;
+        right: number;
+    }
+
+    export interface NativeScrollPoint {
+        x: number;
+        y: number;
+    }
+
+    export interface NativeScrollSize {
+        height: number;
+        width: number;
+    }
+
+    export interface NativeScrollEvent {
+        contentInset: NativeScrollRectangle;
+        contentOffset: NativeScrollPoint;
+        contentSize: NativeScrollSize;
+        layoutMeasurement: NativeScrollSize;
+        zoomScale: number;
+    }
+
+    // Deduced from
+    // https://github.com/facebook/react-native/commit/052cd7eb8afa7a805ef13e940251be080499919c
+
+    /**
+     * Data source wrapper around ListViewDataSource to allow for tracking of
+     * which row is swiped open and close opened row(s) when another row is swiped
+     * open.
+     *
+     * See https://github.com/facebook/react-native/pull/5602 for why
+     * ListViewDataSource is not subclassed.
+     */
+    export interface SwipeableListViewDataSource {
+        cloneWithRowsAndSections(dataBlob: any,
+                                 sectionIdentities: Array<string>,
+                                 rowIdentities: Array<Array<string>>): SwipeableListViewDataSource
+        getDataSource(): ListViewDataSource
+        getOpenRowID(): string
+        setOpenRowID(rowID: string): ListViewDataSource
+    }
+
+    export interface SwipeableListViewProps extends React.Props<SwipeableListViewStatic> {
+        dataSource: SwipeableListViewDataSource
+        maxSwipeDistance?: number
+
+        // Callback method to render the swipeable view
+        renderRow: ( rowData: any, sectionID: string | number, rowID: string | number, highlightRow?: boolean ) => React.ReactElement<any>
+
+        // Callback method to render the view that will be unveiled on swipe
+        renderQuickActions(rowData: Object, sectionID: string, rowID: string): React.ReactElement<any>
+    }
+
+    export interface SwipeableListViewStatic extends React.ComponentClass<SwipeableListViewProps> {
+        getNewDataSource(): SwipeableListViewDataSource
+    }
+
+
+    //////////////////////////////////////////////////////////////////////////
+    //
+    // A P I s
+    //
+    //////////////////////////////////////////////////////////////////////////
+
+    /**
+     * @see: http://facebook.github.io/react-native/docs/actionsheetios.html#content
+     */
+    export interface ActionSheetIOSOptions {
+        title?: string
+        options?: string[]
+        cancelButtonIndex?: number
+        destructiveButtonIndex?: number
+        message?: string
+    }
+
+    export interface ShareActionSheetIOSOptions {
+        message?: string
+        url?: string
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/actionsheetios.html#content
+     */
+    export interface ActionSheetIOSStatic {
+        /**
+         * Display an iOS action sheet. The options object must contain one
+         * or more of:
+         * options (array of strings) - a list of button titles (required)
+         * cancelButtonIndex (int) - index of cancel button in options
+         * destructiveButtonIndex (int) - index of destructive button in options
+         * title (string) - a title to show above the action sheet
+         * message (string) - a message to show below the title
+         */
+        showActionSheetWithOptions: ( options: ActionSheetIOSOptions, callback: ( buttonIndex: number ) => void ) => void
+
+        /**
+         * Display the iOS share sheet. The options object should contain one
+         * or both of:
+         * message (string) - a message to share
+         * url (string) - a URL to share
+         * NOTE: if url points to a local file, or is a base64-encoded uri,
+         * the file it points to will be loaded and shared directly. In this
+         * way, you can share images, videos, PDF files, etc.
+         */
+        showShareActionSheetWithOptions: ( options: ShareActionSheetIOSOptions, failureCallback: ( error: Error ) => void, successCallback: ( success: boolean, method: string ) => void ) => void
+    }
+
+    /**
+     * @see https://facebook.github.io/react-native/docs/alert.html#content
+     */
+    export interface AlertButton {
+      text?: string
+      onPress?: () => void
+      style?: "default" | "cancel" | "destructive"
+    }
+
+    export interface AlertStatic {
+       alert: (title: string, message?: string, buttons?: AlertButton[], type?: string) => void
+    }
+
+
+    /**
+     * //FIXME: No documentation - inferred from RCTAdSupport.m
+     */
+    export interface AdSupportIOSStatic {
+        getAdvertisingId: ( onSuccess: ( deviceId: string ) => void, onFailure: ( err: Error ) => void ) => void
+        getAdvertisingTrackingEnabled: ( onSuccess: ( hasTracking: boolean ) => void, onFailure: ( err: Error ) => void ) => void
+    }
+
+    interface AlertIOSButton {
+        text: string
+        onPress?: () => void
+        style?: "default" | "cancel" | "destructive"
+    }
+
+    /**
+     * Launches an alert dialog with the specified title and message.
+     *
+     * Optionally provide a list of buttons.
+     * Tapping any button will fire the respective onPress callback and dismiss the alert.
+     * By default, the only button will be an 'OK' button
+     *
+     * The last button in the list will be considered the 'Primary' button and it will appear bold.
+     *
+     * @see https://facebook.github.io/react-native/docs/alertios.html#content
+     */
+    export interface AlertIOSStatic {
+
+        /*
+         Creates a popup to alert the user.
+
+         title: string -- The dialog's title.
+         message: string -- An optional message that appears above the text input.
+         callbackOrButtons -- This optional argument should be either a single-argument function or an array of buttons. If passed a function, it will be called when the user taps 'OK'.
+
+         If passed an array of button configurations, each button should include a text key, as well as optional onPress and style keys. style should be one of 'default', 'cancel' or 'destructive'.
+
+         type -- deprecated, do not use
+         */
+        alert: ( title: string, message?: string, callbackOrButtons?: (value: string) => void| Array<AlertIOSButton>, type?: string ) => void
+
+        /*
+         Prompt the user to enter some text.
+
+         title: string -- The dialog's title.
+         message: string -- An optional message that appears above the text input.
+         callbackOrButtons -- This optional argument should be either a single-argument function or an array of buttons. If passed a function, it will be called with the prompt's value when the user taps 'OK'.
+
+         If passed an array of button configurations, each button should include a text key, as well as optional onPress and style keys (see example). style should be one of 'default', 'cancel' or 'destructive'.
+
+         type: string -- This configures the text input. One of 'plain-text', 'secure-text' or 'login-password'.
+         defaultValue: string -- the default value for the text field.
+         */
+
+        prompt: ( title: string, value?: string, callbackOrButtons?: (value: string) => void | Array<AlertIOSButton>, type?: string, defaultValue?: string ) => void
+    }
+
+    /**
+     * AppStateIOS can tell you if the app is in the foreground or background,
+     * and notify you when the state changes.
+     *
+     * AppStateIOS is frequently used to determine the intent and proper behavior
+     * when handling push notifications.
+     *
+     * iOS App States
+     *      active - The app is running in the foreground
+     *      background - The app is running in the background. The user is either in another app or on the home screen
+     *      inactive - This is a transition state that currently never happens for typical React Native apps.
+     *
+     * For more information, see Apple's documentation: https://developer.apple.com/library/ios/documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/TheAppLifeCycle/TheAppLifeCycle.html
+     *
+     * @see https://facebook.github.io/react-native/docs/appstateios.html#content
+     */
+    export type AppStateEvent = "change" | "memoryWarning"
+    export type AppStateStatus = "active" | "background" | "inactive"
+
+    export interface AppStateStatic {
+
+        currentState: string
+
+        /**
+         * Add a handler to AppState changes by listening to the change event
+         * type and providing the handler
+         */
+        addEventListener( type: AppStateEvent, listener: ( state: AppStateStatus ) => void ): void
+
+        /**
+         * Remove a handler by passing the change event type and the handler
+         */
+        removeEventListener( type: AppStateEvent, listener: ( state: AppStateStatus ) => void ): void
+    }
+
+    /**
+     * AsyncStorage is a simple, asynchronous, persistent, key-value storage system that is global to the app.
+     * It should be used instead of LocalStorage.
+     *
+     * It is recommended that you use an abstraction on top of AsyncStorage
+     * instead of AsyncStorage directly for anything more than light usage since it operates globally.
+     *
+     * @see https://facebook.github.io/react-native/docs/asyncstorage.html#content
+     */
+    export interface AsyncStorageStatic {
+
+        /**
+         * Fetches key and passes the result to callback, along with an Error if there is any.
+         */
+        getItem( key: string, callback?: ( error?: Error, result?: string ) => void ): Promise<string>
+
+        /**
+         * Sets value for key and calls callback on completion, along with an Error if there is any
+         */
+        setItem( key: string, value: string, callback?: ( error?: Error ) => void ): Promise<string>
+
+        removeItem( key: string, callback?: ( error?: Error ) => void ): Promise<string>
+
+        /**
+         * Merges existing value with input value, assuming they are stringified json. Returns a Promise object.
+         * Not supported by all native implementation
+         */
+        mergeItem( key: string, value: string, callback?: ( error?: Error ) => void ): Promise<string>
+
+        /**
+         * Erases all AsyncStorage for all clients, libraries, etc. You probably don't want to call this.
+         * Use removeItem or multiRemove to clear only your own keys instead.
+         */
+        clear( callback?: ( error?: Error ) => void ): Promise<string>
+
+        /**
+         * Gets all keys known to the app, for all callers, libraries, etc
+         */
+        getAllKeys( callback?: ( error?: Error, keys?: string[] ) => void ): Promise<string>
+
+        /**
+         * multiGet invokes callback with an array of key-value pair arrays that matches the input format of multiSet
+         */
+        multiGet( keys: string[], callback?: ( errors?: Error[], result?: string[][] ) => void ): Promise<string>
+
+        /**
+         * multiSet and multiMerge take arrays of key-value array pairs that match the output of multiGet,
+         *
+         * multiSet([['k1', 'val1'], ['k2', 'val2']], cb);
+         */
+        multiSet( keyValuePairs: string[][], callback?: ( errors?: Error[] ) => void ): Promise<string>
+
+        /**
+         * Delete all the keys in the keys array.
+         */
+        multiRemove( keys: string[], callback?: ( errors?: Error[] ) => void ): Promise<string>
+
+        /**
+         * Merges existing values with input values, assuming they are stringified json.
+         * Returns a Promise object.
+         *
+         * Not supported by all native implementations.
+         */
+        multiMerge( keyValuePairs: string[][], callback?: ( errors?: Error[] ) => void ): Promise<string>
+    }
+
+    /**
+     * Detect hardware back button presses, and programmatically invoke the
+     * default back button functionality to exit the app if there are no
+     * listeners or if none of the listeners return true.
+     * Methods don't have more detailed documentation as of 0.25.
+     */
+    export interface BackAndroidStatic {
+        exitApp(): void;
+        addEventListener(eventName: string, handler: () => void): void;
+        removeEventListener(eventName: string, handler: () => void): void;
+    }
+
+    export interface CameraRollFetchParams {
+        first: number;
+        after?: string;
+        groupTypes: string; //  'Album','All','Event','Faces','Library','PhotoStream','SavedPhotos'
+        groupName?: string
+        assetType?: string
+    }
+
+    export interface CameraRollNodeInfo {
+        image: Image;
+        group_name: string;
+        timestamp: number;
+        location: any;
+    }
+
+    export interface CameraRollEdgeInfo {
+        node: CameraRollNodeInfo;
+    }
+
+    export interface CameraRollAssetInfo {
+        edges: CameraRollEdgeInfo[];
+        page_info: {
+            has_next_page: boolean;
+            end_cursor: string;
+        };
+    }
+
+    export interface GetPhotosParamType {
+        first: number
+        after: string
+        groupTypes: "Album" | "All" | "Event" | "Faces" | "Library" | "PhotoStream" | "SavedPhotos"
+        groupName: string
+        assetType: "All" | "Videos" | "Photos"
+        mimeTypes: string[]
+    }
+
+    export interface GetPhotosReturnType {
+        edges: {
+            node: {
+              type: string
+              group_name: string
+              image: {
+                  uri: string
+                  height: number
+                  width: number
+                  isStored?: boolean
+              }
+            }
+        }[]
+
+        page_info: {
+            has_next_page: boolean
+            start_cursor?: string
+            end_cursor?: string
+        }
+    }
+
+    /**
+     * CameraRoll provides access to the local camera roll / gallery.
+     */
+    export interface CameraRollStatic {
+
+        GroupTypesOptions: string[] //'Album','All','Event','Faces','Library','PhotoStream','SavedPhotos'
+
+        /**
+         * Saves the image to the camera roll / gallery.
+         *
+         * The CameraRoll API is not yet implemented for Android.
+         *
+         * @tag On Android, this is a local URI, such as "file:///sdcard/img.png".
+         * On iOS, the tag can be one of the following:
+         *      local URI
+         *      assets-library tag
+         *      a tag not maching any of the above, which means the image data will be stored in memory (and consume memory as long as the process is alive)
+         *
+         * @deprecated use saveToCameraRoll instead
+         *
+         */
+        saveImageWithTag( tag: string ): Promise<string>
+
+        /**
+         * Saves the photo or video to the camera roll / gallery.
+         *
+         * On Android, the tag must be a local image or video URI, such as `"file:///sdcard/img.png"`.
+         *
+         * On iOS, the tag can be any image URI (including local, remote asset-library and base64 data URIs)
+         * or a local video file URI (remote or data URIs are not supported for saving video at this time).
+         *
+         * If the tag has a file extension of .mov or .mp4, it will be inferred as a video. Otherwise
+         * it will be treated as a photo. To override the automatic choice, you can pass an optional
+         * `type` parameter that must be one of 'photo' or 'video'.
+         *
+         * Returns a Promise which will resolve with the new URI.
+         */
+        saveToCameraRoll(tag: string, type?: 'photo' | 'video'): Promise<string>
+
+        /**
+         * Invokes callback with photo identifier objects from the local camera roll of the device matching shape defined by getPhotosReturnChecker.
+         *
+         * @param {object} params See getPhotosParamChecker.
+         */
+        getPhotos(params: GetPhotosParamType): Promise<GetPhotosReturnType>;
+    }
+
+    export interface ClipboardStatic {
+        getString(): Promise<string>;
+        setString(content: string): void;
+    }
+
+    export interface DatePickerAndroidOpenOption {
+        date?: Date | number
+        minDate?: Date | number
+        maxDate?: Date | number
+    }
+
+    export interface DatePickerAndroidOpenReturn {
+        action: string // Deduced from DatePickerAndroid.android.js
+        year?: number
+        month?: number
+        day?: number
+    }
+
+    export interface DatePickerAndroidStatic {
+        /*
+         Opens the standard Android date picker dialog.
+
+         The available keys for the options object are: date (Date object or timestamp in milliseconds) - date to show by default minDate (Date or timestamp in milliseconds) - minimum date that can be selected * maxDate (Date object or timestamp in milliseconds) - minimum date that can be selected
+
+         Returns a Promise which will be invoked an object containing action, year, month (0-11), day if the user picked a date. If the user dismissed the dialog, the Promise will still be resolved with action being DatePickerAndroid.dismissedAction and all the other keys being undefined. Always check whether the action before reading the values.
+
+         Note the native date picker dialog has some UI glitches on Android 4 and lower when using the minDate and maxDate options.
+         */
+        open(options?: DatePickerAndroidOpenOption): Promise<DatePickerAndroidOpenReturn>
+
+        /**
+         * A date has been selected.
+         */
+        dateSetAction: string
+
+        /**
+         * The dialog has been dismissed.
+         */
+        dismissedAction: string
+    }
+
+    export interface FetchableListenable<T> {
+        fetch: () => Promise<T>
+
+        /**
+         * eventName is expected to be `change`
+         * //FIXME: No doc - inferred from NetInfo.js
+         */
+        addEventListener: ( eventName: string, listener: ( result: T ) => void ) => void
+
+        /**
+         * eventName is expected to be `change`
+         * //FIXME: No doc - inferred from NetInfo.js
+         */
+        removeEventListener: ( eventName: string, listener: ( result: T ) => void ) => void
+    }
+
+    export interface IntentAndroidStatic {
+        /**
+         * Starts a corresponding external activity for the given URL.
+
+         For example, if the URL is "https://www.facebook.com", the system browser will be opened, or the "choose application" dialog will be shown.
+
+         You can use other URLs, like a location (e.g. "geo:37.484847,-122.148386"), a contact, or any other URL that can be opened with {@code Intent.ACTION_VIEW}.
+
+         NOTE: This method will fail if the system doesn't know how to open the specified URL. If you're passing in a non-http(s) URL, it's best to check {@code canOpenURL} first.
+
+         NOTE: For web URLs, the protocol ("http://", "https://") must be set accordingly!
+
+         @deprecated
+         */
+        openURL(url: string): void
+
+        /**
+         * Determine whether or not an installed app can handle a given URL.
+
+         You can use other URLs, like a location (e.g. "geo:37.484847,-122.148386"), a contact, or any other URL that can be opened with {@code Intent.ACTION_VIEW}.
+
+         NOTE: For web URLs, the protocol ("http://", "https://") must be set accordingly!
+
+         @param URL the URL to open
+
+         @deprecated
+         */
+        canOpenURL(url: string, callback: (supported: boolean) => void): void
+
+        /**
+         * If the app launch was triggered by an app link with {@code Intent.ACTION_VIEW}, it will give the link url, otherwise it will give null
+
+         Refer http://developer.android.com/training/app-indexing/deep-linking.html#handling-intents
+
+         @deprecated
+         */
+        getInitialURL(callback: (url: string) => void):void
+    }
+
+    export interface LinkingStatic {
+        /**
+         * Add a handler to Linking changes by listening to the url event type and providing the handler
+         * @platform ios
+         */
+        addEventListener(type: string, handler: (event: {url: string}) => void): void
+
+        /**
+         * Remove a handler by passing the url event type and the handler
+         * @platform ios
+         */
+        removeEventListener(type: string, handler: (event: {url: string}) => void): void
+
+        /**
+         * Try to open the given url with any of the installed apps.
+         * You can use other URLs, like a location (e.g. "geo:37.484847,-122.148386"), a contact, or any other URL that can be opened with the installed apps.
+         * NOTE: This method will fail if the system doesn't know how to open the specified URL. If you're passing in a non-http(s) URL, it's best to check {@code canOpenURL} first.
+         * NOTE: For web URLs, the protocol ("http://", "https://") must be set accordingly!
+         */
+        openURL(url: string): Promise<boolean>
+
+        /**
+         * Determine whether or not an installed app can handle a given URL.
+         * NOTE: For web URLs, the protocol ("http://", "https://") must be set accordingly!
+         * NOTE: As of iOS 9, your app needs to provide the LSApplicationQueriesSchemes key inside Info.plist.
+         * @param URL the URL to open
+         */
+        canOpenURL(url: string): Promise<boolean>
+
+        /**
+         * If the app launch was triggered by an app link with, it will give the link url, otherwise it will give null
+         * NOTE: To support deep linking on Android, refer http://developer.android.com/training/app-indexing/deep-linking.html#handling-intents
+         */
+        getInitialURL(): Promise<string>
+    }
+
+    export interface LinkingIOSStatic {
+        /**
+         * Add a handler to LinkingIOS changes by listening to the url event type and providing the handler
+         @deprecated
+         */
+        addEventListener(type: string, handler: (event: {url: string}) => void): void
+
+        /**
+         * Remove a handler by passing the url event type and the handler
+         @deprecated
+         */
+        removeEventListener(type: string, handler: (event: {url: string}) => void): void
+
+        /**
+         * Try to open the given url with any of the installed apps.
+         @deprecated
+         */
+        openURL(url: string): void
+
+        /**
+         * Determine whether or not an installed app can handle a given URL. The callback function will be called with bool supported as the only argument
+         NOTE: As of iOS 9, your app needs to provide the LSApplicationQueriesSchemes key inside Info.plist.
+         @deprecated
+         */
+        canOpenURL(url: string, callback: (supported: boolean) => void): void
+
+        /**
+         * If the app launch was triggered by an app link, it will pop the link url, otherwise it will return null
+         @deprecated
+         */
+        popInitialURL(): string;
+    }
+
+
+    /**
+     * NetInfo exposes info about online/offline status
+     *
+     * Asynchronously determine if the device is online and on a cellular network.
+     *
+     * - `none` - device is offline
+     * - `wifi` - device is online and connected via wifi, or is the iOS simulator
+     * - `cell` - device is connected via Edge, 3G, WiMax, or LTE
+     * - `unknown` - error case and the network status is unknown
+     * @see https://facebook.github.io/react-native/docs/netinfo.html#content
+     */
+
+    // This is from code, a few items more than documentation@0.25
+    export type NetInfoReturnType = "none" | "wifi" | "cell" | "unknown" |
+   "NONE" | "MOBILE" | "WIFI" | "MOBILE_MMS" | "MOBILE_SUPL" | "MOBILE_DUN" |
+   "MOBILE_HIPRI" | "WIMAX" | "BLUETOOTH" | "DUMMY" | "ETHERNET" | "MOBILE_FOTA" |
+   "MOBILE_IMS" | "MOBILE_CBS" | "WIFI_P2P" | "MOBILE_IA" | "MOBILE_EMERGENCY" |
+   "PROXY" | "VPN" | "UNKNOWN"
+
+    export interface NetInfoStatic extends FetchableListenable<NetInfoReturnType> {
+
+        /**
+         *
+         * Available on all platforms.
+         * Asynchronously fetch a boolean to determine internet connectivity.
+         */
+        isConnected: FetchableListenable<boolean>
+
+        /**
+         * Available on Android. Detect if the current active connection is
+         * metered or not. A network is classified as metered when the user is
+         * sensitive to heavy data usage on that connection due to monetary
+         * costs, data limitations or battery/performance issues.
+         */
+        isConnectionExpensive: FetchableListenable<boolean>
+    }
+
+
+    export interface PanResponderGestureState {
+
+        /**
+         *  ID of the gestureState- persisted as long as there at least one touch on
+         */
+        stateID: number
+
+        /**
+         *  the latest screen coordinates of the recently-moved touch
+         */
+        moveX: number
+
+        /**
+         *  the latest screen coordinates of the recently-moved touch
+         */
+        moveY: number
+
+        /**
+         * the screen coordinates of the responder grant
+         */
+        x0: number
+
+        /**
+         * the screen coordinates of the responder grant
+         */
+        y0: number
+
+        /**
+         * accumulated distance of the gesture since the touch started
+         */
+        dx: number
+
+        /**
+         * accumulated distance of the gesture since the touch started
+         */
+        dy: number
+
+        /**
+         * current velocity of the gesture
+         */
+        vx: number
+
+        /**
+         * current velocity of the gesture
+         */
+        vy: number
+
+        /**
+         * Number of touches currently on screen
+         */
+        numberActiveTouches: number
+
+
+        // All `gestureState` accounts for timeStamps up until:
+        _accountsForMovesUpTo: number
+    }
+
+
+    /**
+     * @see documentation of GestureResponderHandlers
+     */
+    export interface PanResponderCallbacks {
+        onMoveShouldSetPanResponder?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => boolean
+        onStartShouldSetPanResponder?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
+        onPanResponderGrant?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
+        onPanResponderMove?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
+        onPanResponderRelease?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
+        onPanResponderTerminate?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
+
+        onMoveShouldSetPanResponderCapture?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => boolean
+        onStartShouldSetPanResponderCapture?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => boolean
+        onPanResponderReject?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
+        onPanResponderStart?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
+        onPanResponderEnd?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => void
+        onPanResponderTerminationRequest?: ( e: GestureResponderEvent, gestureState: PanResponderGestureState ) => boolean
+    }
+
+    export interface PanResponderInstance {
+        panHandlers: GestureResponderHandlers
+    }
+
+    /**
+     * PanResponder reconciles several touches into a single gesture.
+     * It makes single-touch gestures resilient to extra touches,
+     * and can be used to recognize simple multi-touch gestures.
+     *
+     * It provides a predictable wrapper of the responder handlers provided by the gesture responder system.
+     * For each handler, it provides a new gestureState object alongside the normal event.
+     */
+    export interface PanResponderStatic {
+        /**
+         * @param config Enhanced versions of all of the responder callbacks
+         * that provide not only the typical `ResponderSyntheticEvent`, but also the
+         * `PanResponder` gesture state.  Simply replace the word `Responder` with
+         * `PanResponder` in each of the typical `onResponder*` callbacks. For
+         * example, the `config` object would look like:
+         *
+         *  - `onMoveShouldSetPanResponder: (e, gestureState) => {...}`
+         *  - `onMoveShouldSetPanResponderCapture: (e, gestureState) => {...}`
+         *  - `onStartShouldSetPanResponder: (e, gestureState) => {...}`
+         *  - `onStartShouldSetPanResponderCapture: (e, gestureState) => {...}`
+         *  - `onPanResponderReject: (e, gestureState) => {...}`
+         *  - `onPanResponderGrant: (e, gestureState) => {...}`
+         *  - `onPanResponderStart: (e, gestureState) => {...}`
+         *  - `onPanResponderEnd: (e, gestureState) => {...}`
+         *  - `onPanResponderRelease: (e, gestureState) => {...}`
+         *  - `onPanResponderMove: (e, gestureState) => {...}`
+         *  - `onPanResponderTerminate: (e, gestureState) => {...}`
+         *  - `onPanResponderTerminationRequest: (e, gestureState) => {...}`
+         *
+         *  In general, for events that have capture equivalents, we update the
+         *  gestureState once in the capture phase and can use it in the bubble phase
+         *  as well.
+         *
+         *  Be careful with onStartShould* callbacks. They only reflect updated
+         *  `gestureState` for start/end events that bubble/capture to the Node.
+         *  Once the node is the responder, you can rely on every start/end event
+         *  being processed by the gesture and `gestureState` being updated
+         *  accordingly. (numberActiveTouches) may not be totally accurate unless you
+         *  are the responder.
+         */
+        create( config: PanResponderCallbacks ): PanResponderInstance
+    }
+
+    export interface PushNotificationPermissions {
+        alert?: boolean
+        badge?: boolean
+        sound?: boolean
+    }
+
+    export interface PushNotification {
+
+
+        /**
+         * An alias for `getAlert` to get the notification's main message string
+         */
+        getMessage(): string | Object
+
+        /**
+         * Gets the sound string from the `aps` object
+         */
+        getSound(): string
+
+        /**
+         * Gets the notification's main message from the `aps` object
+         */
+        getAlert(): string | Object
+
+        /**
+         * Gets the badge count number from the `aps` object
+         */
+        getBadgeCount(): number
+
+        /**
+         * Gets the data object on the notif
+         */
+        getData(): Object
+
+    }
+
+
+    type PresentLocalNotificationDetails = {
+        alertBody: string
+        alertAction: string
+        soundName?: string
+        category?: string
+        userInfo?: Object
+    }
+
+    type ScheduleLocalNotificationDetails = {
+        fireDate: Date
+        alertBody: string
+        alertAction: string
+        soundName?: string
+        category?: string
+        userInfo?: Object
+    }
+
+    /**
+     * Handle push notifications for your app, including permission handling and icon badge number.
+     * @see https://facebook.github.io/react-native/docs/pushnotificationios.html#content
+     *
+     * //FIXME: BGR: The documentation seems completely off compared to the actual js implementation. I could never get the example to run
+     */
+    export interface PushNotificationIOSStatic {
+
+        /**
+         * Schedules the localNotification for immediate presentation.
+         * details is an object containing:
+         * alertBody : The message displayed in the notification alert.
+         * alertAction : The "action" displayed beneath an actionable notification. Defaults to "view";
+         * soundName : The sound played when the notification is fired (optional).
+         * category : The category of this notification, required for actionable notifications (optional).
+         * userInfo : An optional object containing additional notification data.
+         */
+        presentLocalNotification(details: PresentLocalNotificationDetails): void
+
+        /**
+         * Schedules the localNotification for future presentation.
+         * details is an object containing:
+         * fireDate : The date and time when the system should deliver the notification.
+         * alertBody : The message displayed in the notification alert.
+         * alertAction : The "action" displayed beneath an actionable notification. Defaults to "view";
+         * soundName : The sound played when the notification is fired (optional).
+         * category : The category of this notification, required for actionable notifications (optional).
+         * userInfo : An optional object containing additional notification data.
+         */
+        scheduleLocalNotification(details: ScheduleLocalNotificationDetails): void
+
+        /**
+         * Cancels all scheduled localNotifications
+         */
+        cancelAllLocalNotifications(): void
+
+        /**
+         * Cancel local notifications.
+         * Optionally restricts the set of canceled notifications to those notifications whose userInfo fields match the corresponding fields in the userInfo argument.
+         */
+        cancelLocalNotifications(userInfo: Object): void
+
+        /**
+         * Sets the badge number for the app icon on the home screen
+         */
+        setApplicationIconBadgeNumber( number: number ): void
+
+        /**
+         * Gets the current badge number for the app icon on the home screen
+         */
+        getApplicationIconBadgeNumber( callback: ( badge: number ) => void ): void
+
+        /**
+         * Attaches a listener to remote notifications while the app is running in the
+         * foreground or the background.
+         *
+         * The handler will get be invoked with an instance of `PushNotificationIOS`
+         *
+         * The type MUST be 'notification'
+         */
+        addEventListener( type: string, handler: ( notification: PushNotification ) => void ):void
+
+        /**
+         * Requests all notification permissions from iOS, prompting the user's
+         * dialog box.
+         */
+        requestPermissions( permissions?: PushNotificationPermissions[] ): Promise<PushNotificationPermissions>
+
+        /**
+         * Unregister for all remote notifications received via Apple Push
+         * Notification service.
+         * You should call this method in rare circumstances only, such as when
+         * a new version of the app removes support for all types of remote
+         * notifications. Users can temporarily prevent apps from receiving
+         * remote notifications through the Notifications section of the
+         * Settings app. Apps unregistered through this method can always
+         * re-register.
+         */
+        abandonPermissions(): void
+
+        /**
+         * See what push permissions are currently enabled. `callback` will be
+         * invoked with a `permissions` object:
+         *
+         *  - `alert` :boolean
+         *  - `badge` :boolean
+         *  - `sound` :boolean
+         */
+        checkPermissions( callback: ( permissions: PushNotificationPermissions ) => void ): void
+
+        /**
+         * Removes the event listener. Do this in `componentWillUnmount` to prevent
+         * memory leaks
+         */
+        removeEventListener( type: string, handler: ( notification: PushNotification ) => void ): void
+
+        /**
+         * An initial notification will be available if the app was cold-launched
+         * from a notification.
+         *
+         * The first caller of `popInitialNotification` will get the initial
+         * notification object, or `null`. Subsequent invocations will return null.
+         */
+        popInitialNotification(): PushNotification
+    }
+
+
+    /**
+     * @enum('default', 'light-content')
+     */
+    export type StatusBarStyle =  "default" | "light-content"
+
+    /**
+     * @enum('none','fade', 'slide')
+     */
+    type StatusBarAnimation = "none" | "fade" | "slide"
+
+    export interface StatusBarPropertiesIOS extends React.Props<StatusBarStatic> {
+        /**
+         * Sets the color of the status bar text.
+         */
+        barStyle?: StatusBarStyle
+
+        /**
+         * If the network activity indicator should be visible.
+         */
+        networkActivityIndicatorVisible?: boolean
+
+        /**
+         * The transition effect when showing and hiding the status bar using
+         * the hidden prop. Defaults to 'fade'.
+         */
+        showHideTransition?: "fade" | "slide"
+    }
+
+    export interface StatusBarPropertiesAndroid extends React.Props<StatusBarStatic> {
+        /**
+         * The background color of the status bar.
+         */
+        backgroundColor?: any
+
+        /**
+         * If the status bar is translucent. When translucent is set to true,
+         * the app will draw under the status bar. This is useful when using a
+         * semi transparent status bar color.
+         */
+        translucent?: boolean
+    }
+
+    export interface StatusBarProperties extends StatusBarPropertiesIOS, StatusBarPropertiesAndroid, React.Props<StatusBarStatic> {
+
+        /**
+         * If the transition between status bar property changes should be
+         * animated. Supported for backgroundColor, barStyle and hidden.
+         */
+        animated?: boolean
+
+        /**
+         * If the status bar is hidden.
+         */
+        hidden?: boolean
+    }
+
+    export interface StatusBarStatic extends React.ComponentClass<StatusBarProperties> {
+
+        setHidden: (hidden: boolean, animation: StatusBarAnimation) => void
+
+        setBarStyle: (style: StatusBarStyle, animated: boolean) => void
+
+        setNetworkActivityIndicatorVisible: (visible: boolean) => void
+
+        setBackgroundColor: (color: string, animated: boolean) => void
+
+        setTranslucent: (translucent: boolean) => void
+    }
+
+
+    /**
+     * StatusBarIOS is being deprecated.
+     * @see https://github.com/facebook/react-native/commit/4de616b4c1a9d3556632a93504828f0539fa4fa5
+     */
+    export interface StatusBarIOSStatic {
+    }
+
+    type TimePickerAndroidOpenOptions = {
+        hour?: number
+        minute?: number
+        is24Hour?: boolean
+    }
+
+    export interface TimePickerAndroidStatic {
+
+        /**
+         * The available keys for the options object are:
+         * hour (0-23) - the hour to show, defaults to the current time
+         * minute (0-59) - the minute to show, defaults to the current time
+         * is24Hour (boolean) - If true, the picker uses the 24-hour format.
+         * If false, the picker shows an AM/PM chooser. If undefined,
+         * the default for the current locale is used.
+
+         * Returns a Promise which will be invoked an object containing action,
+         * hour (0-23), minute (0-59) if the user picked a time. If the user
+         * dismissed the dialog, the Promise will still be resolved with action
+         * being TimePickerAndroid.dismissedAction and all the other keys being
+         * undefined. Always check whether the action before reading the values.
+         */
+        open(options: TimePickerAndroidOpenOptions): Promise<{action: string, hour: number, minute: number}>
+
+        /**
+         * A time has been selected.
+         */
+        timeSetAction: string
+
+        /**
+         * The dialog has been dismissed.
+         */
+        dismissedAction: string
+    }
+
+    export interface ToastAndroidStatic {
+        /**
+         * String message: A string with the text to toast
+         * int duration: The duration of the toast.
+         * May be ToastAndroid.SHORT or ToastAndroid.LONG
+         */
+        show(message: string, duration: number): void
+        SHORT: number
+        LONG: number
+    }
+
+    export interface SwitchPropertiesIOS extends ViewProperties, React.Props<SwitchStatic> {
+
+        /**
+         * Background color when the switch is turned on.
+         */
+        onTintColor?: string
+
+        /**
+         * Color of the foreground switch grip.
+         */
+        thumbTintColor?: string
+
+        /**
+         * Background color when the switch is turned off.
+         */
+        tintColor?: string
+
+        ref?: Ref<SwitchStatic>
+    }
+
+    export interface SwitchProperties extends ViewProperties, React.Props<SwitchStatic> {
+
+        /**
+         * If true the user won't be able to toggle the switch.
+         * Default value is false.
+         */
+        disabled?: boolean
+
+        /**
+         * Invoked with the new value when the value changes.
+         */
+        onValueChange?: (value: boolean) => void
+
+        /**
+         * Used to locate this view in end-to-end tests.
+         */
+        testID?: string
+
+        /**
+         * The value of the switch. If true the switch will be turned on.
+         * Default value is false.
+         */
+        value?: boolean
+
+	    style?: ViewStyle
+
+        ref?: Ref<SwitchStatic>
+    }
+
+    export interface SwitchStatic extends React.ComponentClass<SwitchProperties> {
+
+    }
+
+    /**
+     * The Vibration API is exposed at VibrationIOS.vibrate().
+     * On iOS, calling this function will trigger a one second vibration.
+     * The vibration is asynchronous so this method will return immediately.
+     *
+     * There will be no effect on devices that do not support Vibration, eg. the iOS simulator.
+     *
+     * Vibration patterns are currently unsupported.
+     *
+     * @see https://facebook.github.io/react-native/docs/vibrationios.html#content
+     */
+    export interface VibrationIOSStatic {
+        vibrate(): void
+    }
+
+    export interface VibrationStatic {
+        // Vibration patterns are currently unsupported.
+        vibrate(pattern: number | number[], repeat: boolean): void
+
+        /**
+         * Stop vibration
+         * @platform android
+         */
+        cancel(): void
+    }
+
+    /**
+     * This class implements common easing functions. The math is pretty obscure,
+     * but this cool website has nice visual illustrations of what they represent:
+     * http://xaedes.de/dev/transitions/
+     */
+    export type EasingFunction = (value: number) => number;
+    export interface EasingStatic {
+        step0: EasingFunction;
+        step1: EasingFunction;
+        linear: EasingFunction;
+        ease: EasingFunction;
+        quad: EasingFunction;
+        cubic: EasingFunction;
+        poly: EasingFunction;
+        sin: EasingFunction;
+        circle: EasingFunction;
+        exp: EasingFunction;
+        elastic: EasingFunction;
+        back(s: number): EasingFunction;
+        bounce: EasingFunction;
+        bezier( x1: number,
+                y1: number,
+                x2: number,
+                y2: number): EasingFunction;
+        in(easing: EasingFunction): EasingFunction;
+        out(easing: EasingFunction): EasingFunction;
+        inOut(easing: EasingFunction): EasingFunction;
+    }
+
+    export module Animated {
+      // Most (all?) functions where AnimatedValue is used any subclass of Animated can be used as well.
+      type AnimatedValue = Animated;
+      type AnimatedValueXY = ValueXY;
+
+      type Base = Animated;
+
+      class Animated {
+        // Internal class, no public API.
+      }
+
+      class AnimatedWithChildren extends Animated {
+        // Internal class, no public API.
+      }
+
+      class AnimatedInterpolation extends AnimatedWithChildren {
+        interpolate(config: InterpolationConfigType): AnimatedInterpolation;
+      }
+
+      type ExtrapolateType = 'extend' | 'identity' | 'clamp';
+
+      type InterpolationConfigType = {
+        inputRange: number[];
+        outputRange: (number[] | string[]);
+        easing?: ((input: number) => number);
+        extrapolate?: ExtrapolateType;
+        extrapolateLeft?: ExtrapolateType;
+        extrapolateRight?: ExtrapolateType;
+      };
+
+      type ValueListenerCallback = (state: {value: number}) => void;
+
+      /**
+       * Standard value for driving animations.  One `Animated.Value` can drive
+       * multiple properties in a synchronized fashion, but can only be driven by one
+       * mechanism at a time.  Using a new mechanism (e.g. starting a new animation,
+       * or calling `setValue`) will stop any previous ones.
+       */
+      export class Value extends AnimatedWithChildren {
+        constructor(value: number);
+
+        setValue(value: number): void;
+
+        /**
+         * Sets an offset that is applied on top of whatever value is set, whether via
+         * `setValue`, an animation, or `Animated.event`.  Useful for compensating
+         * things like the start of a pan gesture.
+         */
+        setOffset(offset: number): void;
+
+        /**
+         * Merges the offset value into the base value and resets the offset to zero.
+         * The final output of the value is unchanged.
+         */
+        flattenOffset(): void;
+
+        /**
+         * Adds an asynchronous listener to the value so you can observe updates from
+         * animations.  This is useful because there is no way to
+         * synchronously read the value because it might be driven natively.
+         */
+        addListener(callback: ValueListenerCallback): string;
+
+        removeListener(id: string): void;
+
+        removeAllListeners(): void;
+
+        /**
+         * Stops any running animation or tracking.  `callback` is invoked with the
+         * final value after stopping the animation, which is useful for updating
+         * state to match the animation position with layout.
+         */
+        stopAnimation(callback?: (value: number) => void): void;
+
+        /**
+         * Interpolates the value before updating the property, e.g. mapping 0-1 to
+         * 0-10.
+         */
+        interpolate(config: InterpolationConfigType): AnimatedInterpolation;
+      }
+
+      type ValueXYListenerCallback = (value: {x: number; y: number}) => void;
+
+      /**
+       * 2D Value for driving 2D animations, such as pan gestures.  Almost identical
+       * API to normal `Animated.Value`, but multiplexed.  Contains two regular
+       * `Animated.Value`s under the hood.
+       */
+      export class ValueXY extends AnimatedWithChildren {
+        x: AnimatedValue;
+        y: AnimatedValue;
+
+        constructor(valueIn?: {x: number | AnimatedValue; y: number | AnimatedValue});
+
+        setValue(value: {x: number; y: number}): void;
+
+        setOffset(offset: {x: number; y: number}): void;
+
+        flattenOffset(): void
+
+        stopAnimation(callback?: () => number): void;
+
+        addListener(callback: ValueXYListenerCallback): string;
+
+        removeListener(id: string): void;
+
+        /**
+         * Converts `{x, y}` into `{left, top}` for use in style, e.g.
+         *
+         *```javascript
+         *  style={this.state.anim.getLayout()}
+         *```
+         */
+        getLayout(): { left: AnimatedValue, top: AnimatedValue };
+
+        /**
+         * Converts `{x, y}` into a useable translation transform, e.g.
+         *
+         *```javascript
+         *  style={{
+         *    transform: this.state.anim.getTranslateTransform()
+         *  }}
+         *```
+         */
+        getTranslateTransform(): {[key: string]: AnimatedValue}[];
+
+      }
+
+      type EndResult = {finished: boolean};
+      type EndCallback = (result: EndResult) => void;
+
+      interface CompositeAnimation {
+        start: (callback?: EndCallback) => void;
+        stop: () => void;
+      }
+
+      interface AnimationConfig {
+        isInteraction?: boolean;
+        useNativeDriver?: boolean;
+      }
+
+      /**
+       * Animates a value from an initial velocity to zero based on a decay
+       * coefficient.
+       */
+      export function decay(
+        value: AnimatedValue | AnimatedValueXY,
+        config: DecayAnimationConfig
+      ): CompositeAnimation;
+
+      interface DecayAnimationConfig extends AnimationConfig {
+        velocity: number | {x: number, y: number};
+        deceleration?: number;
+      }
+
+      /**
+       * Animates a value along a timed easing curve.  The `Easing` module has tons
+       * of pre-defined curves, or you can use your own function.
+       */
+      export var timing: (
+        value: AnimatedValue | AnimatedValueXY,
+        config: TimingAnimationConfig
+      ) => CompositeAnimation;
+
+      interface TimingAnimationConfig extends AnimationConfig {
+        toValue: number | AnimatedValue | {x: number, y: number} | AnimatedValueXY;
+        easing?: (value: number) => number;
+        duration?: number;
+        delay?: number;
+      }
+
+      interface SpringAnimationConfig extends AnimationConfig {
+        toValue: number | AnimatedValue | {x: number, y: number} | AnimatedValueXY;
+        overshootClamping?: boolean;
+        restDisplacementThreshold?: number;
+        restSpeedThreshold?: number;
+        velocity?: number | {x: number, y: number};
+        bounciness?: number;
+        speed?: number;
+        tension?: number;
+        friction?: number;
+      }
+
+      /**
+       * Creates a new Animated value composed from two Animated values added
+       * together.
+       */
+      export function add(
+        a: Animated,
+        b: Animated
+      ): AnimatedAddition;
+
+      class AnimatedAddition extends AnimatedInterpolation {}
+
+      /**
+       * Creates a new Animated value composed from two Animated values multiplied
+       * together.
+       */
+       export function multiply(
+        a: Animated,
+        b: Animated
+      ): AnimatedMultiplication;
+
+      class AnimatedMultiplication extends AnimatedInterpolation {}
+
+      /**
+       * Creates a new Animated value that is the (non-negative) modulo of the
+       * provided Animated value
+       */
+      export function modulo(
+        a: Animated,
+        modulus: number
+      ): AnimatedModulo;
+
+      class AnimatedModulo extends AnimatedInterpolation {}
+
+      /**
+       * Starts an animation after the given delay.
+       */
+      export function delay(time: number): CompositeAnimation;
+
+      /**
+       * Starts an array of animations in order, waiting for each to complete
+       * before starting the next.  If the current running animation is stopped, no
+       * following animations will be started.
+       */
+      export function sequence(
+        animations: Array<CompositeAnimation>
+      ): CompositeAnimation;
+
+      /**
+       * Array of animations may run in parallel (overlap), but are started in
+       * sequence with successive delays.  Nice for doing trailing effects.
+       */
+
+      export function stagger(
+        time: number,
+        animations: Array<CompositeAnimation>
+      ): CompositeAnimation
+
+      /**
+       * Spring animation based on Rebound and Origami.  Tracks velocity state to
+       * create fluid motions as the `toValue` updates, and can be chained together.
+       */
+      export var spring: (
+        value: AnimatedValue | AnimatedValueXY,
+        config: SpringAnimationConfig
+      ) => CompositeAnimation;
+
+      type ParallelConfig = {
+        stopTogether?: boolean; // If one is stopped, stop all.  default: true
+      }
+
+      /**
+       * Starts an array of animations all at the same time.  By default, if one
+       * of the animations is stopped, they will all be stopped.  You can override
+       * this with the `stopTogether` flag.
+       */
+      var parallel: (
+        animations: Array<CompositeAnimation>,
+        config?: ParallelConfig
+      ) => CompositeAnimation;
+
+      type Mapping = {[key: string]: Mapping} | AnimatedValue;
+      interface EventConfig {
+        listener?: Function
+      }
+
+      /**
+       *  Takes an array of mappings and extracts values from each arg accordingly,
+       *  then calls `setValue` on the mapped outputs.  e.g.
+       *
+       *```javascript
+       *  onScroll={Animated.event(
+       *    [{nativeEvent: {contentOffset: {x: this._scrollX}}}]
+       *    {listener},          // Optional async listener
+       *  )
+       *  ...
+       *  onPanResponderMove: Animated.event([
+       *    null,                // raw event arg ignored
+       *    {dx: this._panX},    // gestureState arg
+       *  ]),
+       *```
+       */
+      var event: (
+        argMapping: Mapping[],
+        config?: EventConfig
+      ) => (...args: any[]) => void;
+
+      /**
+       * Animated variants of the basic native views. Accepts Animated.Value for
+       * props and style.
+       */
+      export var View: any;
+      export var Image: any;
+      export var Text: any;
+    }
+
+    export interface GeolocationStatic {
+        /*
+         * Invokes the success callback once with the latest location info.  Supported
+         * options: timeout (ms), maximumAge (ms), enableHighAccuracy (bool)
+         * On Android, this can return almost immediately if the location is cached or
+         * request an update, which might take a while.
+         */
+        getCurrentPosition(geo_success: (position: GeolocationReturnType) => void, geo_error?: (error: Error) => void, geo_options?: GetCurrentPositionOptions): void
+
+        /*
+         * Invokes the success callback whenever the location changes.  Supported
+         * options: timeout (ms), maximumAge (ms), enableHighAccuracy (bool), distanceFilter(m)
+         */
+        watchPosition(success: (position: Geolocation) => void, error?: (error: Error) => void, options?: WatchPositionOptions): void
+
+        clearWatch(watchID: number): void
+
+        stopObserving(): void
+    }
+
+    // Network Polyfill
+    // TODO: Add proper support for fetch
+    export type fetch = (url: string, options?: Object) => Promise<any>
+
+    // Timers polyfill
+    export type timedScheduler = (fn: string | Function, time: number) => number
+    export type untimedScheduler = (fn: string | Function) => number
+    export type setTimeout = timedScheduler
+    export type setInterval = timedScheduler
+    export type setImmediate = untimedScheduler
+    export type requestAnimationFrame = untimedScheduler
+
+    export type schedulerCanceller = (id: number) => void
+    export type clearTimeout = schedulerCanceller
+    export type clearInterval = schedulerCanceller
+    export type clearImmediate = schedulerCanceller
+    export type cancelAnimationFrame = schedulerCanceller
+
+
+    export interface TabsReducerStatic {
+        JumpToAction(index: number): any;
+    }
+
+    export type TabsReducerFunction = (params:any) => any;
+
+    export interface NavigationReducerStatic {
+        TabsReducer: any; // (TabsReducerFunction | TabsReducerStatic);
+    }
+
+    export interface NavigationTab
+    {
+        key: string;
+    }
+
+    export interface NavigationAction
+    {
+        type: string;
+    }
+
+    export interface NavigationRoute {
+      key: string;
+    }
+
+    export interface NavigationState extends NavigationRoute {
+        index: number;
+        routes: NavigationRoute[];
+    }
+
+    export type NavigationRenderer = (
+        route: NavigationState,
+        onNavigate: (action: NavigationAction) => boolean
+    ) => JSX.Element;
+
+    // Definitions for NavigationExperimental feature are deduced
+    // from code examples
+    export interface NavigationAnimatedViewStaticProps {
+        route?: any
+        style?: ViewStyle
+        renderOverlay?(props: Object): JSX.Element
+        applyAnimation(pos: any, navState: Object): void // TODO: what's pos?
+        renderScene?(props: Object): JSX.Element
+    }
+
+    export interface NavigationAnimatedViewStatic extends React.ComponentClass<NavigationAnimatedViewStaticProps> {
+    }
+
+    export interface NavigationHeaderProps {
+        renderTitleComponent?(props: Object): JSX.Element
+        onNavigateBack(): void
+    }
+
+    export interface NavigationHeaderStatic extends React.ComponentClass<NavigationHeaderProps> {
+        Title: JSX.Element
+        HEIGHT: number
+    }
+
+    export interface NavigationCardStackProps {
+        direction?: 'horizontal' | 'vertical'
+        style?: ViewStyle
+        route?: any
+        renderScene?(props: any /* undocumented on 0.27 */): JSX.Element
+        onNavigateBack(): void
+    }
+
+    export interface NavigationCardStackStatic extends React.ComponentClass<NavigationCardStackProps> {
+    }
+
+    export interface NavigationExperimentalStatic {
+        AnimatedView: NavigationAnimatedViewStatic;
+        CardStack: NavigationCardStackStatic;
+        Header: NavigationHeaderStatic;
+        Reducer: NavigationReducerStatic;
+    }
+
+    export interface NavigationContainerProps {
+        tabs: NavigationTab[];
+        index: number;
+    }
+
+    export interface NavigationContainerStatic extends React.ComponentClass<NavigationContainerProps> {
+        create(inClass: any): any;
+    }
+
+    export interface NavigationRootContainerProps extends React.Props<NavigationRootContainerStatic> {
+        renderNavigation: NavigationRenderer;
+        reducer: NavigationReducerStatic;
+        persistenceKey?: string;
+    }
+
+    export interface NavigationRootContainerStatic extends React.ComponentClass<NavigationRootContainerProps> {
+        getBackAction(): NavigationAction;
+        handleNavigation( action: NavigationAction ): boolean;
+    }
+
+    //
+    // Interfacing with Native Modules
+    // https://facebook.github.io/react-native/docs/native-modules-ios.html
+    //
+
+    export interface NativeEventSubscription {
+        /**
+         * Call this method to un-subscribe from a native-event
+         */
+        remove(): void;
+    }
+
+    /**
+     * Receive events from native-code
+     * @see https://facebook.github.io/react-native/docs/native-modules-ios.html#sending-events-to-javascript
+     */
+    export interface NativeAppEventEmitterStatic {
+        addListener(event: string, handler: (data: any) => void): NativeEventSubscription;
+    }
+
+
+    //////////////////////////////////////////////////////////////////////////
+    //
+    //  R E - E X P O R T S
+    //
+    //////////////////////////////////////////////////////////////////////////
+
+    // export var AppRegistry: AppRegistryStatic;
+
+    export var ActivityIndicator: ActivityIndicatorStatic
+    export type ActivityIndicator = ActivityIndicatorStatic
+
+    export var ActivityIndicatorIOS: ActivityIndicatorIOSStatic
+    export type ActivityIndicatorIOS = ActivityIndicatorIOSStatic
+
+    export var DatePickerIOS: DatePickerIOSStatic
+    export type DatePickerIOS = DatePickerIOSStatic
+
+    export var DrawerLayoutAndroid: DrawerLayoutAndroidStatic
+    export type DrawerLayoutAndroid = DrawerLayoutAndroidStatic
+
+    export var Image: ImageStatic
+    export type Image = ImageStatic
+
+    export var LayoutAnimation: LayoutAnimationStatic
+    export type LayoutAnimation = LayoutAnimationStatic
+
+    export var ListView: ListViewStatic
+    export type ListView = ListViewStatic
+
+    export var MapView: MapViewStatic
+    export type MapView = MapViewStatic
+
+    export var Modal: ModalStatic
+    export type Modal = ModalStatic
+
+    export var Navigator: NavigatorStatic
+    export type Navigator = NavigatorStatic
+
+    export var NavigatorIOS: NavigatorIOSStatic
+    export type NavigatorIOS = NavigatorIOSStatic
+
+    export var Picker: PickerStatic
+    export type Picker = PickerStatic
+
+    export var PickerIOS: PickerIOSStatic
+    export type PickerIOS = PickerIOSStatic
+
+    export var ProgressBarAndroid: ProgressBarAndroidStatic
+    export type ProgressBarAndroid = ProgressBarAndroidStatic
+
+    export var ProgressViewIOS: ProgressViewIOSStatic
+    export type ProgressViewIOS = ProgressViewIOSStatic
+
+    export var RefreshControl: RefreshControlStatic
+    export type RefreshControl = RefreshControlStatic
+
+    export var Slider: SliderIOS
+    export type Slider = SliderIOS
+
+    export var SliderIOS: SliderIOSStatic
+    export type SliderIOS = SliderIOSStatic
+
+    export var StatusBar: StatusBarStatic
+    export type StatusBar = StatusBarStatic
+
+    export var ScrollView: ScrollViewStatic
+    export type ScrollView = ScrollViewStatic
+
+    export var StyleSheet: StyleSheetStatic
+    export type StyleSheet = StyleSheetStatic
+
+    export var SwipeableListView: SwipeableListViewStatic
+    export type SwipeableListView = SwipeableListViewStatic
+
+    export var Switch: SwitchStatic
+    export type Switch = SwitchStatic
+
+    export var SwitchIOS: SwitchIOSStatic
+    export type SwitchIOS = SwitchIOSStatic
+
+    export var TabBarIOS: TabBarIOSStatic
+    export type TabBarIOS = TabBarIOSStatic
+
+    export var Text: TextStatic
+    export type Text = TextStatic
+
+    export var TextInput: TextInputStatic
+    export type TextInput = TextInputStatic
+
+    export var ToolbarAndroid: ToolbarAndroidStatic
+    export type ToolbarAndroid = ToolbarAndroidStatic
+
+    export var TouchableHighlight: TouchableHighlightStatic
+    export type TouchableHighlight = TouchableHighlightStatic
+
+    export var TouchableNativeFeedback: TouchableNativeFeedbackStatic
+    export type TouchableNativeFeedback = TouchableNativeFeedbackStatic
+
+    export var TouchableOpacity: TouchableOpacityStatic
+    export type TouchableOpacity = TouchableOpacityStatic
+
+    export var TouchableWithoutFeedback: TouchableWithoutFeedbackStatic
+    export type TouchableWithoutFeedback= TouchableWithoutFeedbackStatic
+
+    export var View: ViewStatic
+    export type View = ViewStatic
+
+    export var ViewPagerAndroid: ViewPagerAndroidStatic
+    export type ViewPagerAndroid = ViewPagerAndroidStatic
+
+    export var WebView: WebViewStatic
+    export type WebView = WebViewStatic
+
+
+    //////////// APIS //////////////
+    export var ActionSheetIOS: ActionSheetIOSStatic
+    export type ActionSheetIOS = ActionSheetIOSStatic
+
+    export var AdSupportIOS: AdSupportIOSStatic
+    export type AdSupportIOS = AdSupportIOSStatic
+
+    export var Alert: AlertStatic
+    export type Alert = AlertStatic
+
+    export var AlertIOS: AlertIOSStatic
+    export type AlertIOS = AlertIOSStatic
+
+    export var AppState : AppStateStatic;
+    export type AppState = AppStateStatic;
+
+    export var AppStateIOS: AppStateStatic
+    export type AppStateIOS = AppStateStatic
+
+    export var AsyncStorage: AsyncStorageStatic
+    export type AsyncStorage = AsyncStorageStatic
+
+    export var BackAndroid: BackAndroidStatic
+    export type BackAndroid = BackAndroidStatic
+
+    export var CameraRoll: CameraRollStatic
+    export type CameraRoll = CameraRollStatic
+
+    export var Clipboard: ClipboardStatic
+    export type Clipboard = ClipboardStatic
+
+    export var DatePickerAndroid: DatePickerAndroidStatic
+    export type DatePickerAndroid = DatePickerAndroidStatic
+
+    export var IntentAndroid: IntentAndroidStatic
+    export type IntentAndroid = IntentAndroidStatic
+
+    export var KeyboardAvoidingView: KeyboardAvoidingViewStatic
+    export type KeyboardAvoidingView = KeyboardAvoidingViewStatic
+
+    export var Linking: LinkingStatic
+    export type Linking = LinkingStatic
+
+    export var LinkingIOS: LinkingIOSStatic
+    export type LinkingIOS = LinkingIOSStatic
+
+    export var NetInfo: NetInfoStatic
+    export type NetInfo = NetInfoStatic
+
+    export var PanResponder: PanResponderStatic
+    export type PanResponder = PanResponderStatic
+
+    export var PushNotificationIOS: PushNotificationIOSStatic
+    export type PushNotificationIOS = PushNotificationIOSStatic
+
+    export var StatusBarIOS: StatusBarIOSStatic
+    export type StatusBarIOS = StatusBarIOSStatic
+
+    export var TimePickerAndroid: TimePickerAndroidStatic
+    export type TimePickerAndroid = TimePickerAndroidStatic
+
+    export var ToastAndroid: ToastAndroidStatic
+    export type ToastAndroid = ToastAndroidStatic
+
+    export var VibrationIOS: VibrationIOSStatic
+    export type VibrationIOS = VibrationIOSStatic
+
+    export var Vibration: VibrationStatic
+    export type Vibration = VibrationStatic
+
+    export var Dimensions: Dimensions;
+    export var ShadowPropTypesIOS: ShadowPropTypesIOSStatic;
+
+    export type NavigationExperimental = NavigationExperimentalStatic;
+    export var NavigationExperimental: NavigationExperimentalStatic;
+
+    export type NavigationContainer = NavigationContainerStatic;
+    export var NavigationContainer: NavigationContainerStatic;
+
+    export type NavigationRootContainer = NavigationRootContainerStatic;
+    export var NavigationRootContainer: NavigationRootContainerStatic;
+
+    export type NavigationReducer = NavigationReducerStatic;
+    export var NavigationReducer: NavigationReducerStatic;
+
+    export type Easing = EasingStatic;
+    export var Easing: EasingStatic;
+
+    //Native Modules written in ObjectiveC/Swift/Java exposed via the RCTBridge
+    //See https://facebook.github.io/react-native/docs/native-modules-ios.html
+
+    /**
+     * Use:
+     * <code>const MyModule = NativeModules.ModuleName</code>
+     */
+    export var NativeModules: any
+    export var NativeAppEventEmitter: NativeAppEventEmitterStatic
+
+
+    //////////// Plugins //////////////
+    export interface ComponentInterface<P> {
+        name?: string;
+        displayName?: string;
+        propTypes: P
+    }
+
+    export function requireNativeComponent<P>(
+        viewName: string,
+        componentInterface?: ComponentInterface<P>,
+        extraConfig?: {nativeOnly: Object}
+    ): React.ComponentClass<P>;
+
+    //
+    // /TODO: BGR: These are leftovers of the initial port that must be revisited
+    //
+
+    export var SegmentedControlIOS: SegmentedControlIOSStatic
+    export type SegmentedControlIOS = SegmentedControlIOSStatic
+
+    export var PixelRatio: PixelRatioStatic
+    export var Platform: PlatformStatic
+    export var DeviceEventEmitter: DeviceEventEmitterStatic
+    export var DeviceEventSubscription: DeviceEventSubscriptionStatic
+    export type DeviceEventSubscription = DeviceEventSubscriptionStatic
+    export var InteractionManager: InteractionManagerStatic
+
+    export var Geolocation: GeolocationStatic
+    export type Geolocation = GeolocationStatic
+
+    //////////////////////////////////////////////////////////////////////////
+    //
+    // Additional ( and controversial)
+    //
+    //////////////////////////////////////////////////////////////////////////
+
+    export function __spread( target: any, ...sources: any[] ): any;
+
+    export interface GlobalStatic {
+
+        /**
+         * Accepts a function as its only argument and calls that function before the next repaint.
+         * It is an essential building block for animations that underlies all of the JavaScript-based animation APIs.
+         * In general, you shouldn't need to call this yourself - the animation API's will manage frame updates for you.
+         * @see https://facebook.github.io/react-native/docs/animations.html#requestanimationframe
+         */
+        requestAnimationFrame( fn: () => void ) : void;
+
+    }
+
+    //
+    // Add-Ons
+    //
+    namespace addons {
+
+        //FIXME: Documentation ?
+        export interface TestModuleStatic {
+
+            verifySnapshot: ( done: ( indicator?: any ) => void ) => void
+            markTestPassed: ( indicator: any ) => void
+            markTestCompleted: () => void
+        }
+
+        export var TestModule: TestModuleStatic
+        export type TestModule = TestModuleStatic
+    }
+}
+
+declare module "react-native" {
+    import ReactNative = __React
+    export = ReactNative
+}
+
+declare var global: __React.GlobalStatic
+
+declare function require( name: string ): any
+
+/**
+ * This variable is set to true when react-native is running in Dev mode
+ * Typical usage:
+ * <code> if (__DEV__) console.log('Running in dev mode')</code>
+ */
+declare var __DEV__: boolean
+
+
diff --git a/react-native/react-native.d.ts b/react-native/react-native.d.ts
index e3e0cf0209..f215fd3c8b 100644
--- a/react-native/react-native.d.ts
+++ b/react-native/react-native.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-native 0.29
+// Type definitions for react-native 0.34
 // Project: https://github.com/facebook/react-native
 // Definitions by: Bruno Grieder <https://github.com/bgrieder>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -8,7 +8,6 @@
 // USING: these definitions are meant to be used with the TSC compiler target set to ES6
 //
 // USAGE EXAMPLES: check the RNTSExplorer project at https://github.com/bgrieder/RNTSExplorer
-// Warning: the project currently uses and older version of react-native
 //
 // CONTRIBUTING: please open pull requests
 //
@@ -24,37 +23,248 @@ import React = __React;
 //react-native "extends" react
 declare namespace  __React {
 
-    module NativeMethodsMixin {
-      type MeasureOnSuccessCallback = (
+    export type MeasureOnSuccessCallback = (
         x: number,
         y: number,
         width: number,
         height: number,
         pageX: number,
         pageY: number
-      ) => void
+    ) => void
 
-      type MeasureInWindowOnSuccessCallback = (
+    export type MeasureInWindowOnSuccessCallback = (
         x: number,
         y: number,
         width: number,
         height: number
-      ) => void
+    ) => void
 
-      type MeasureLayoutOnSuccessCallback = (
+    export type MeasureLayoutOnSuccessCallback = (
         left: number,
         top: number,
         width: number,
         height: number
-      ) => void
+    ) => void
+
+    /**
+     * EventSubscription represents a subscription to a particular event. It can
+     * remove its own subscription.
+     */
+    interface EventSubscription {
+
+        eventType: string;
+        key: number;
+        subscriber: EventSubscriptionVendor;
+
+        /**
+         * @param {EventSubscriptionVendor} subscriber the subscriber that controls
+         *   this subscription.
+         */
+        new(subscriber: EventSubscriptionVendor): EventSubscription
+
+        /**
+         * Removes this subscription from the subscriber that controls it.
+         */
+        remove(): void
     }
 
     /**
+     * EventSubscriptionVendor stores a set of EventSubscriptions that are
+     * subscribed to a particular event type.
+     */
+    interface EventSubscriptionVendor {
+
+        constructor(): EventSubscriptionVendor
+
+        /**
+         * Adds a subscription keyed by an event type.
+         *
+         * @param {string} eventType
+         * @param {EventSubscription} subscription
+         */
+        addSubscription(eventType: string, subscription: EventSubscription): EventSubscription
+
+        /**
+         * Removes a bulk set of the subscriptions.
+         *
+         * @param {?string} eventType - Optional name of the event type whose
+         *   registered supscriptions to remove, if null remove all subscriptions.
+         */
+        removeAllSubscriptions(eventType?: string): void
+
+        /**
+         * Removes a specific subscription. Instead of calling this function, call
+         * `subscription.remove()` directly.
+         *
+         * @param {object} subscription
+         */
+        removeSubscription(subscription: any): void
+
+        /**
+         * Returns the array of subscriptions that are currently registered for the
+         * given event type.
+         *
+         * Note: This array can be potentially sparse as subscriptions are deleted
+         * from it when they are removed.
+         *
+         * @param {string} eventType
+         * @returns {?array}
+         */
+        getSubscriptionsForType(eventType: string): EventSubscription[]
+    }
+
+    /**
+     * EmitterSubscription represents a subscription with listener and context data.
+     */
+    interface EmitterSubscription extends EventSubscription {
+        emitter: EventEmitter
+        listener: () => any
+        context: any
+
+        /**
+         * @param {EventEmitter} emitter - The event emitter that registered this
+         *   subscription
+         * @param {EventSubscriptionVendor} subscriber - The subscriber that controls
+         *   this subscription
+         * @param {function} listener - Function to invoke when the specified event is
+         *   emitted
+         * @param {*} context - Optional context object to use when invoking the
+         *   listener
+         */
+        new(emitter: EventEmitter, subscriber: EventSubscriptionVendor, listener: () => any, context: any): EmitterSubscription
+
+        /**
+         * Removes this subscription from the emitter that registered it.
+         * Note: we're overriding the `remove()` method of EventSubscription here
+         * but deliberately not calling `super.remove()` as the responsibility
+         * for removing the subscription lies with the EventEmitter.
+         */
+        remove(): void
+    }
+
+    interface EventEmitter {
+        /**
+         * @constructor
+         *
+         * @param {EventSubscriptionVendor} subscriber - Optional subscriber instance
+         *   to use. If omitted, a new subscriber will be created for the emitter.
+         */
+        new(subscriber?: EventSubscriptionVendor): EventEmitter
+
+        /**
+         * Adds a listener to be invoked when events of the specified type are
+         * emitted. An optional calling context may be provided. The data arguments
+         * emitted will be passed to the listener function.
+         *
+         * @param {string} eventType - Name of the event to listen to
+         * @param {function} listener - Function to invoke when the specified event is
+         *   emitted
+         * @param {*} context - Optional context object to use when invoking the
+         *   listener
+         */
+        addListener(eventType: string, listener: (...args: any[]) => any, context: any): EmitterSubscription
+
+        /**
+         * Similar to addListener, except that the listener is removed after it is
+         * invoked once.
+         *
+         * @param {string} eventType - Name of the event to listen to
+         * @param {function} listener - Function to invoke only once when the
+         *   specified event is emitted
+         * @param {*} context - Optional context object to use when invoking the
+         *   listener
+         */
+        once(eventType: string, listener: (...args: any[]) => any, context: any): EmitterSubscription
+
+        /**
+         * Removes all of the registered listeners, including those registered as
+         * listener maps.
+         *
+         * @param {?string} eventType - Optional name of the event whose registered
+         *   listeners to remove
+         */
+        removeAllListeners(eventType?: string): void
+
+        /**
+         * Provides an API that can be called during an eventing cycle to remove the
+         * last listener that was invoked. This allows a developer to provide an event
+         * object that can remove the listener (or listener map) during the
+         * invocation.
+         *
+         * If it is called when not inside of an emitting cycle it will throw.
+         *
+         * @throws {Error} When called not during an eventing cycle
+         *
+         * @example
+         *   var subscription = emitter.addListenerMap({
+         *     someEvent: function(data, event) {
+         *       console.log(data);
+         *       emitter.removeCurrentListener();
+         *     }
+         *   });
+         *
+         *   emitter.emit('someEvent', 'abc'); // logs 'abc'
+         *   emitter.emit('someEvent', 'def'); // does not log anything
+         */
+        removeCurrentListener(): void
+
+        /**
+         * Removes a specific subscription. Called by the `remove()` method of the
+         * subscription itself to ensure any necessary cleanup is performed.
+         */
+        removeSubscription(subscription: EmitterSubscription): void
+
+        /**
+         * Returns an array of listeners that are currently registered for the given
+         * event.
+         *
+         * @param {string} eventType - Name of the event to query
+         * @returns {array}
+         */
+        listeners(eventType: string): EmitterSubscription[]
+
+        /**
+         * Emits an event of the given type with the given data. All handlers of that
+         * particular type will be notified.
+         *
+         * @param {string} eventType - Name of the event to emit
+         * @param {...*} Arbitrary arguments to be passed to each registered listener
+         *
+         * @example
+         *   emitter.addListener('someEvent', function(message) {
+         *     console.log(message);
+         *   });
+         *
+         *   emitter.emit('someEvent', 'abc'); // logs 'abc'
+         */
+        emit(eventType: string): void
+
+        /**
+         * Removes the given listener for event of specific type.
+         *
+         * @param {string} eventType - Name of the event to emit
+         * @param {function} listener - Function to invoke when the specified event is
+         *   emitted
+         *
+         * @example
+         *   emitter.removeListener('someEvent', function(message) {
+         *     console.log(message);
+         *   }); // removes the listener if already registered
+         *
+         */
+        removeListener(eventType: string, listener: (...args: any[]) => any): void
+    }
+
+    /** NativeMethodsMixin provides methods to access the underlying native component directly.
+     * This can be useful in cases when you want to focus a view or measure its on-screen dimensions,
+     * for example.
+     * The methods described here are available on most of the default components provided by React Native.
+     * Note, however, that they are not available on composite components that aren't directly backed by a
+     * native view. This will generally include most components that you define in your own app.
+     * For more information, see [Direct Manipulation](http://facebook.github.io/react-native/docs/direct-manipulation.html).
      * @see https://github.com/facebook/react-native/blob/master/Libraries/ReactIOS/NativeMethodsMixin.js
      */
-    // export class Component<P, S> extends React.Component<P, S> {
-    export interface NativeComponent {
-
+    export interface NativeMethodsMixinStatic {
       /**
        * Determines the location on screen, width, and height of the given view and
        * returns the values via an async callback. If successful, the callback will
@@ -72,7 +282,7 @@ declare namespace  __React {
        * possible, consider using the [`onLayout`
        * prop](docs/view.html#onlayout) instead.
        */
-      measure(callback: NativeMethodsMixin.MeasureOnSuccessCallback): void;
+      measure(callback: MeasureOnSuccessCallback): void;
 
       /**
        * Determines the location of the given view in the window and returns the
@@ -89,7 +299,7 @@ declare namespace  __React {
        * Note that these measurements are not available until after the rendering
        * has been completed in native.
        */
-      measureInWindow(callback: NativeMethodsMixin.MeasureInWindowOnSuccessCallback): void;
+      measureInWindow(callback: MeasureInWindowOnSuccessCallback): void;
 
       /**
        * Like [`measure()`](#measure), but measures the view relative an ancestor,
@@ -101,7 +311,7 @@ declare namespace  __React {
        */
       measureLayout(
         relativeToNativeNode: number,
-        onSuccess: NativeMethodsMixin.MeasureLayoutOnSuccessCallback,
+        onSuccess: MeasureLayoutOnSuccessCallback,
         onFail: () => void /* currently unused */
       ): void;
 
@@ -129,12 +339,6 @@ declare namespace  __React {
       };
     }
 
-    //TODO: BGR: Replace with ComponentClass ?
-    // node_modules/react-tools/src/classic/class/ReactClass.js
-    export interface ReactClass<D, P, S> {
-        // TODO:
-    }
-
     // see react-jsx.d.ts
     export function createElement<P>( type: React.ReactType,
                                       props?: P,
@@ -223,13 +427,6 @@ declare namespace  __React {
         right?: number
     }
 
-    /**
-     * //FIXME: need to find documentation on which compoenent is a native (i.e. non composite component)
-     */
-    /*
-    export interface NativeComponent {
-    }
-    */
     /**
      * //FIXME: need to find documentation on which component is a TTouchable and can implement that interface
      * @see React.DOMAtributes
@@ -242,9 +439,11 @@ declare namespace  __React {
         onTouchEndCapture?: ( event: GestureResponderEvent ) => void
     }
 
+    export type ComponentProvider = () => React.ComponentClass<any>
+
     export type AppConfig = {
         appKey: string;
-        component: ReactClass<any, any, any>;
+        component?: ComponentProvider
         run?: Runnable;
     }
 
@@ -267,7 +466,7 @@ declare namespace  __React {
     export class AppRegistry {
         static registerConfig( config: AppConfig[] ): void;
 
-        static registerComponent( appKey: string, getComponentFunc: () => React.ComponentClass<any> ): string;
+        static registerComponent( appKey: string, getComponentFunc: ComponentProvider ): string;
 
         static registerRunnable( appKey: string, func: Runnable ): string;
 
@@ -307,22 +506,36 @@ declare namespace  __React {
         delete?: LayoutAnimationAnim
     }
 
+    /** Automatically animates views to their new positions when the next layout happens.
+     * A common way to use this API is to call LayoutAnimation.configureNext before
+     * calling setState. */
     export interface LayoutAnimationStatic {
-
-        configureNext: ( config: LayoutAnimationConfig, onAnimationDidEnd?: () => void, onError?: ( error?: any ) => void ) => void
+        /** Schedules an animation to happen on the next layout.
+         * @param config Specifies animation properties:
+         * `duration` in milliseconds
+         * `create`, config for animating in new views (see Anim type)
+         * `update`, config for animating views that have been updated (see Anim type)
+         * @param onAnimationDidEnd Called when the animation finished. Only supported on iOS.
+         */
+        configureNext: ( config: LayoutAnimationConfig, onAnimationDidEnd?: () => void ) => void
+        /** Helper for creating a config for configureNext. */
         create: ( duration: number, type?: string, creationProp?: string ) => LayoutAnimationConfig
         Types: LayoutAnimationTypes
         Properties: LayoutAnimationProperties
-        configChecker: ( conf: {config: LayoutAnimationConfig}, name: string, next: string ) => void
+        configChecker: (shapeTypes: {[key: string]: any}) => any
         Presets : {
             easeInEaseOut: LayoutAnimationConfig
             linear:LayoutAnimationConfig
             spring: LayoutAnimationConfig
         }
+        easeInEaseOut: (config: LayoutAnimationConfig, onAnimationDidEnd?: () => void) => void
+        linear: (config: LayoutAnimationConfig, onAnimationDidEnd?: () => void) => void
+        spring: (config: LayoutAnimationConfig, onAnimationDidEnd?: () => void) => void
     }
 
     export type FlexAlignType = "flex-start" | "flex-end" | "center" | "stretch";
     export type FlexJustifyType = "flex-start" | "flex-end" | "center" | "space-between" | "space-around";
+    export type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
 
     /**
      * Flex Prop Types
@@ -340,7 +553,10 @@ declare namespace  __React {
         borderWidth?: number
         bottom?: number
         flex?: number
-        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse"
+        flexGrow?: number
+        flexShrink?: number
+        flexBasis?: number
+        flexDirection?: FlexDirection
         flexWrap?: "wrap" | "nowrap"
         height?: number
         justifyContent?: FlexJustifyType
@@ -356,6 +572,7 @@ declare namespace  __React {
         marginRight?: number
         marginTop?: number
         marginVertical?: number
+        overflow?: "visible" | "hidden" | "scroll"
         padding?: number
         paddingBottom?: number
         paddingHorizontal?: number
@@ -421,7 +638,13 @@ declare namespace  __React {
         coords: {
             latitude: number
             longitude: number
+            altitude?: number
+            accuracy?: number
+            altitudeAccuracy?: number
+            heading?: number
+            speed?: number
         }
+        timestamp: number
     }
 
 
@@ -496,27 +719,67 @@ declare namespace  __React {
     }
 
     export interface TextPropertiesIOS {
-
         /**
-         * Specifies should fonts scale to respect Text Size accessibility
-         * setting on iOS.
+         * Specifies whether fonts should scale to respect Text Size accessibility setting on iOS. The
+         * default is `true`.
          */
-        allowFontScaling: boolean
+        allowFontScaling?: boolean
 
         /**
-         * When true, no visual change is made when text is pressed down.
-         * By default, a gray oval highlights the text on press down.
+         * Specifies whether font should be scaled down automatically to fit given style constraints.
+         */
+        adjustsFontSizeToFit?: boolean
+
+        /**
+         * Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).
+         */
+        minimumFontScale?: number
+
+        /**
+         * When `true`, no visual change is made when text is pressed down. By
+         * default, a gray oval highlights the text on press down.
          */
         suppressHighlighting?: boolean
     }
 
+    export interface TextPropertiesAndroid {
+        /**
+         * Lets the user select text, to use the native copy and paste functionality.
+         */
+        selectable?: boolean
+    }
+
     // https://facebook.github.io/react-native/docs/text.html#props
-    export interface TextProperties extends React.Props<TextProperties> {
+    export interface TextProperties extends TextPropertiesIOS, TextPropertiesAndroid, React.Props<TextStatic> {
 
         /**
-         * Specifies should fonts scale to respect Text Size accessibility setting on iOS.
+         * When set to `true`, indicates that the view is an accessibility element. The default value
+         * for a `Text` element is `true`.
+         *
+         * See the
+         * [Accessibility guide](/react-native/docs/accessibility.html#accessible-ios-android)
+         * for more information.
          */
-        allowFontScaling?: boolean
+        accessible?: boolean
+
+        /**
+         * This can be one of the following values:
+         *
+         * - `head` - The line is displayed so that the end fits in the container and the missing text
+         * at the beginning of the line is indicated by an ellipsis glyph. e.g., "...wxyz"
+         * - `middle` - The line is displayed so that the beginning and end fit in the container and the
+         * missing text in the middle is indicated by an ellipsis glyph. "ab...yz"
+         * - `tail` - The line is displayed so that the beginning fits in the container and the
+         * missing text at the end of the line is indicated by an ellipsis glyph. e.g., "abcd..."
+         * - `clip` - Lines are not drawn past the edge of the text container.
+         *
+         * The default is `tail`.
+         *
+         * `numberOfLines` must be set in conjunction with this prop.
+         *
+         * > `clip` is working only for iOS
+         */
+        ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip'
 
         /**
          * Line Break mode. Works only with numberOfLines.
@@ -525,7 +788,11 @@ declare namespace  __React {
         lineBreakMode?: 'head' | 'middle' | 'tail' | 'clip'
 
         /**
-         * Used to truncate the text with an elipsis after computing the text layout, including line wrapping, such that the total number of lines does not exceed this number.
+         * Used to truncate the text with an ellipsis after computing the text
+         * layout, including line wrapping, such that the total number of lines
+         * does not exceed this number.
+         *
+         * This prop is commonly used with `ellipsizeMode`.
          */
         numberOfLines?: number
 
@@ -542,6 +809,12 @@ declare namespace  __React {
          */
         onPress?: () => void
 
+        /**
+         * This function is called on long press.
+         * e.g., `onLongPress={this.increaseSize}>``
+         */
+        onLongPress?: () => void
+
         /**
          * @see https://facebook.github.io/react-native/docs/text.html#style
          */
@@ -556,10 +829,54 @@ declare namespace  __React {
     /**
      * A React component for displaying text which supports nesting, styling, and touch handling.
      */
-    export interface TextStatic extends React.ComponentClass<TextProperties> {
+    export interface TextStatic extends NativeMethodsMixin, React.ClassicComponentClass<TextProperties> {
 
     }
 
+    type DataDetectorTypes = 'phoneNumber' | 'link' | 'address' | 'calendarEvent' | 'none' | 'all';
+
+    /**
+     * DocumentSelectionState is responsible for maintaining selection information
+     * for a document.
+     *
+     * It is intended for use by AbstractTextEditor-based components for
+     * identifying the appropriate start/end positions to modify the
+     * DocumentContent, and for programatically setting browser selection when
+     * components re-render.
+     */
+    export interface DocumentSelectionState extends EventEmitter {
+        new(anchor: number, focus: number): DocumentSelectionState
+
+        /**
+         * Apply an update to the state. If either offset value has changed,
+         * set the values and emit the `change` event. Otherwise no-op.
+         *
+         * @param {number} anchor
+         * @param {number} focus
+         */
+        update(anchor: number, focus: number): void
+
+        /**
+         * Given a max text length, constrain our selection offsets to ensure
+         * that the selection remains strictly within the text range.
+         *
+         * @param {number} maxLength
+         */
+        constrainLength(maxLength: number): void
+
+        focus(): void
+        blur(): void
+        hasFocus(): boolean
+        isCollapsed(): boolean
+        isBackward(): boolean
+
+        getAnchorOffset(): number
+        getFocusOffset(): number
+        getStartOffset(): number
+        getEndOffset(): number
+        overlaps(start: number, end: number): boolean
+    }
+
 
     /**
      * IOS Specific properties for TextInput
@@ -571,31 +888,53 @@ declare namespace  __React {
          * enum('never', 'while-editing', 'unless-editing', 'always')
          * When the clear button should appear on the right side of the text view
          */
-        clearButtonMode?: string
+        clearButtonMode?: 'never' | 'while-editing' | 'unless-editing' | 'always'
 
         /**
          * If true, clears the text field automatically when editing begins
          */
         clearTextOnFocus?: boolean
 
+        /**
+         * Determines the types of data converted to clickable URLs in the text input.
+         * Only valid if `multiline={true}` and `editable={false}`.
+         * By default no data types are detected.
+         *
+         * You can provide one type or an array of many types.
+         *
+         * Possible values for `dataDetectorTypes` are:
+         *
+         * - `'phoneNumber'`
+         * - `'link'`
+         * - `'address'`
+         * - `'calendarEvent'`
+         * - `'none'`
+         * - `'all'`
+         */
+        dataDetectorTypes?: DataDetectorTypes | DataDetectorTypes[]
+
         /**
          * If true, the keyboard disables the return key when there is no text and automatically enables it when there is text.
          * The default value is false.
          */
         enablesReturnKeyAutomatically?: boolean
 
+        /**
+         * Determines the color of the keyboard.
+         */
+        keyboardAppearance?: 'default' | 'light' | 'dark'
+
         /**
          * Callback that is called when a key is pressed.
          * Pressed key value is passed as an argument to the callback handler.
          * Fires before onChange callbacks.
          */
-        onKeyPress?: () => void
+        onKeyPress?: (key: string) => void
 
         /**
-         * //FIXME: requires typing
          * See DocumentSelectionState.js, some state that is responsible for maintaining selection information for a document
          */
-        selectionState?: any
+        selectionState?: DocumentSelectionState
 
 
     }
@@ -606,6 +945,16 @@ declare namespace  __React {
      */
     export interface TextInputAndroidProperties {
 
+        /**
+         * If defined, the provided image resource will be rendered on the left.
+         */
+        inlineImageLeft?: string
+
+        /**
+         * Padding between the inline image, if any, and the text input itself.
+         */
+        inlineImagePadding?: number
+
         /**
          * Sets the number of lines for a TextInput.
          * Use it with multiline set to true to be able to fill the lines.
@@ -618,29 +967,23 @@ declare namespace  __React {
          */
         returnKeyLabel?: string
 
-        /**
-         * enum('start', 'center', 'end')
-         * Set the position of the cursor from where editing will begin.
-         */
-        textAlign?: string
-
-        /**
-         * enum('top', 'center', 'bottom')
-         * Aligns text vertically within the TextInput.
-         */
-        textAlignVertical?: string
-
         /**
          * The color of the textInput underline.
          */
         underlineColorAndroid?: string
     }
 
+    export type KeyboardType = "default" | "email-address" | "numeric" | "phone-pad"
+    export type KeyboardTypeIOS = "ascii-capable" | "numbers-and-punctuation" | "url" | "number-pad" | "name-phone-pad" | "decimal-pad" | "twitter" | "web-search"
+
+    export type ReturnKeyType = "done" | "go" | "next" | "search" | "send"
+    export type ReturnKeyTypeAndroid = "none" | "previous"
+    export type ReturnKeyTypeIOS = "default" | "google" | "join" | "route" | "yahoo" | "emergency-call"
 
     /**
      * @see https://facebook.github.io/react-native/docs/textinput.html#props
      */
-    export interface TextInputProperties extends TextInputIOSProperties, TextInputAndroidProperties, React.Props<TextInputStatic> {
+    export interface TextInputProperties extends ViewProperties, TextInputIOSProperties, TextInputAndroidProperties, React.Props<TextInputStatic> {
 
         /**
          * Can tell TextInput to automatically capitalize certain characters.
@@ -686,9 +1029,9 @@ declare namespace  __React {
         /**
          * enum("default", 'numeric', 'email-address', "ascii-capable", 'numbers-and-punctuation', 'url', 'number-pad', 'phone-pad', 'name-phone-pad', 'decimal-pad', 'twitter', 'web-search')
          * Determines which keyboard to open, e.g.numeric.
-         * The following values work across platforms: - default - numeric - email-address
+         * The following values work across platforms: - default - numeric - email-address - phone-pad
          */
-        keyboardType?: "default" | "email-address" | "numeric" | "phone-pad" | "ascii-capable" | "numbers-and-punctuation" | "url" | "number-pad" | "name-phone-pad" | "decimal-pad" | "twitter" | "web-search"
+        keyboardType?: KeyboardType | KeyboardTypeIOS
 
         /**
          * Limits the maximum number of characters that can be entered.
@@ -717,6 +1060,15 @@ declare namespace  __React {
          */
         onChangeText?: ( text: string ) => void
 
+        /**
+         * Callback that is called when the text input's content size changes.
+         * This will be called with
+         * `{ nativeEvent: { contentSize: { width, height } } }`.
+         *
+         * Only called for multiline text inputs.
+         */
+        onContentSizeChange?: ( event: {nativeEvent: {contentSize: { width: number, height: number}}} ) => void
+
         /**
          * Callback that is called when text input ends.
          */
@@ -728,10 +1080,8 @@ declare namespace  __React {
         onFocus?: () => void
 
         /**
-         * Invoked on mount and layout changes with {x, y, width, height}.
+         * Callback that is called when the text input selection is changed.
          */
-        onLayout?: ( event: {nativeEvent: {x: number, y: number, width: number, height: number}} ) => void
-
         onSelectionChange?: () => void
 
         /**
@@ -739,11 +1089,6 @@ declare namespace  __React {
          */
         onSubmitEditing?: ( event: {nativeEvent: {text: string}} ) => void
 
-        /**
-         * //FIXME: Not part of the doc but found in examples
-         */
-        password?: boolean
-
         /**
          * The string that will be rendered before text input has been entered
          */
@@ -758,7 +1103,7 @@ declare namespace  __React {
          * enum('default', 'go', 'google', 'join', 'next', 'route', 'search', 'send', 'yahoo', 'done', 'emergency-call')
          * Determines how the return key should look.
          */
-        returnKeyType?: "default" | "go" | "google" | "join" | "next" | "route" | "search" | "send" | "yahoo" | "done" | "emergency-call"
+        returnKeyType?: ReturnKeyType | ReturnKeyTypeAndroid | ReturnKeyTypeIOS
 
         /**
          * If true, the text input obscures the text entered so that sensitive text like passwords stay secure.
@@ -771,6 +1116,12 @@ declare namespace  __React {
          */
         selectTextOnFocus?: boolean
 
+        /**
+         * The start and end of the text input's selection. Set start and end to
+         * the same value to position the cursor.
+         */
+        selection?: { start: number, end?: number }
+
         /**
          * The highlight (and cursor on ios) color of the text input
          */
@@ -794,12 +1145,43 @@ declare namespace  __React {
          * or set/update maxLength to prevent unwanted edits without flicker.
          */
         value?: string
+
+        ref?: Ref<ViewStatic & TextInputStatic>
+    }
+
+    /**
+     * This class is responsible for coordinating the "focused"
+     * state for TextInputs. All calls relating to the keyboard
+     * should be funneled through here
+     */
+    interface TextInputState {
+        /**
+         * Returns the ID of the currently focused text field, if one exists
+         * If no text field is focused it returns null
+         */
+        currentlyFocusedField(): number
+
+        /**
+         * @param {number} TextInputID id of the text field to focus
+         * Focuses the specified text field
+         * noop if the text field was already focused
+         */
+        focusTextInput(textFieldID?: number): void
+
+        /**
+         * @param {number} textFieldID id of the text field to focus
+         * Unfocuses the specified text field
+         * noop if it wasn't focused
+         */
+        blurTextInput(textFieldID?: number) : void
     }
 
     /**
      * @see https://facebook.github.io/react-native/docs/textinput.html#methods
      */
-    export interface TextInputStatic extends NativeComponent, React.ComponentClass<TextInputProperties> {
+    export interface TextInputStatic extends NativeMethodsMixin, TimerMixin, React.ComponentClass<TextInputProperties> {
+        State: TextInputState
+
         /**
          * Returns if the input is currently focused.
          */
@@ -809,10 +1191,6 @@ declare namespace  __React {
          * Removes all text from the input.
          */
         clear: () => void
-
-        // The following methods are found only in implementation
-        blur: () => void
-        focus: () => void
     }
 
     export type ToolbarAndroidAction = {
@@ -824,7 +1202,7 @@ declare namespace  __React {
         /**
          * icon: the icon for this action, e.g. require('./some_icon.png')
          */
-        icon?: any
+        icon?: ImageURISource
 
         /**
          * show: when to show this action as an icon or hide it in the overflow menu: always, ifRoom or never
@@ -838,6 +1216,20 @@ declare namespace  __React {
     }
 
     export interface ToolbarAndroidProperties extends ViewProperties, React.Props<ToolbarAndroidStatic> {
+
+        /**
+         * Sets possible actions on the toolbar as part of the action menu. These are displayed as icons
+         * or text on the right side of the widget. If they don't fit they are placed in an 'overflow'
+         * menu.
+         *
+         * This property takes an array of objects, where each object has the following keys:
+         *
+         * * `title`: **required**, the title of this action
+         * * `icon`: the icon for this action, e.g. `require('./some_icon.png')`
+         * * `show`: when to show this action as an icon or hide it in the overflow menu: `always`,
+         * `ifRoom` or `never`
+         * * `showWithText`: boolean, whether to show text alongside the icon or not
+         */
         actions?: ToolbarAndroidAction[]
 
         /**
@@ -861,12 +1253,12 @@ declare namespace  __React {
         /**
          * Sets the toolbar logo.
          */
-        logo?: any
+        logo?: ImageURISource
 
         /**
          * Sets the navigation icon.
          */
-        navIcon?: any
+        navIcon?: ImageURISource
 
         /**
          * Callback that is called when an action is selected. The only
@@ -883,7 +1275,7 @@ declare namespace  __React {
         /**
          * Sets the overflow icon.
          */
-        overflowIcon?: any
+        overflowIcon?: ImageURISource
 
         /**
          * Used to set the toolbar direction to RTL.
@@ -923,7 +1315,23 @@ declare namespace  __React {
         ref?: Ref<ToolbarAndroidStatic>
     }
 
-    export interface ToolbarAndroidStatic extends React.ComponentClass<ToolbarAndroidProperties> {
+    /**
+     * React component that wraps the Android-only [`Toolbar` widget][0]. A Toolbar can display a logo,
+     * navigation icon (e.g. hamburger menu), a title & subtitle and a list of actions. The title and
+     * subtitle are expanded so the logo and navigation icons are displayed on the left, title and
+     * subtitle in the middle and the actions on the right.
+     *
+     * If the toolbar has an only child, it will be displayed between the title and actions.
+     *
+     * Although the Toolbar supports remote images for the logo, navigation and action icons, this
+     * should only be used in DEV mode where `require('./some_icon.png')` translates into a packager
+     * URL. In release mode you should always use a drawable resource for these icons. Using
+     * `require('./some_icon.png')` will do this automatically for you, so as long as you don't
+     * explicitly use e.g. `{uri: 'http://...'}`, you will be good.
+     *
+     * [0]: https://developer.android.com/reference/android/support/v7/widget/Toolbar.html
+     */
+    export interface ToolbarAndroidStatic extends NativeMethodsMixin, React.ComponentClass<ToolbarAndroidProperties> {
 
     }
 
@@ -974,6 +1382,8 @@ declare namespace  __React {
          * If the View returns true and attempts to become the responder, one of the following will happen:
          */
 
+        onResponderEnd?: ( event: GestureResponderEvent ) => void
+
         /**
          * The View is now responding for touch events.
          * This is the time to highlight and show the user what is happening
@@ -999,6 +1409,8 @@ declare namespace  __React {
          */
         onResponderRelease?: ( event: GestureResponderEvent ) => void
 
+        onResponderStart?: ( event: GestureResponderEvent ) => void
+
         /**
          *  Something else wants to become responder.
          *  Should this view release the responder? Returning true allows release
@@ -1081,7 +1493,7 @@ declare namespace  __React {
          *
          * @enum('none', 'button', 'link', 'header', 'search', 'image', 'selected', 'plays', 'key', 'text','summary', 'disabled', 'frequentUpdates', 'startsMedia', 'adjustable', 'allowsDirectInteraction', 'pageTurn')
          */
-        accessibilityTraits?: string | string[];
+        accessibilityTraits?: ViewAccessibilityTraits | ViewAccessibilityTraits[];
 
         /**
          * Whether this view should be rendered as a bitmap before compositing.
@@ -1104,7 +1516,7 @@ declare namespace  __React {
          *
          * @enum('none', 'button', 'radiobutton_checked', 'radiobutton_unchecked' )
          */
-        accessibilityComponentType?: string
+        accessibilityComponentType?: 'none' | 'button' | 'radiobutton_checked' | 'radiobutton_unchecked'
 
 
         /**
@@ -1112,7 +1524,7 @@ declare namespace  __React {
          * Works for Android API >= 19 only.
          * See http://developer.android.com/reference/android/view/View.html#attr_android:accessibilityLiveRegion for references.
          */
-        accessibilityLiveRegion?: string
+        accessibilityLiveRegion?: 'none' | 'polite' | 'assertive'
 
         /**
          * Views that are only used to layout their children or otherwise don't draw anything
@@ -1133,7 +1545,7 @@ declare namespace  __React {
          *      'no' - The view is not important for accessibility.
          *      'no-hide-descendants' - The view is not important for accessibility, nor are any of its descendant views.
          */
-        importantForAccessibility?: string
+        importantForAccessibility?: 'auto' | 'yes' | 'no' | 'no-hide-descendants'
 
 
         /**
@@ -1191,7 +1603,7 @@ declare namespace  __React {
         * hits two overlapping views.
         */
 
-        hitSlop?: {top: number, left: number, bottom: number, right: number}
+        hitSlop?: Insets
 
         /**
          * When `accessible` is true, the system will try to invoke this function when the user performs accessibility tap gesture.
@@ -1233,7 +1645,7 @@ declare namespace  __React {
          * But since pointerEvents does not affect layout/appearance, and we are already deviating from the spec by adding additional modes,
          * we opt to not include pointerEvents on style. On some platforms, we would need to implement it as a className anyways. Using style or not is an implementation detail of the platform.
          */
-        pointerEvents?: "box-none" | "none" | "box-only" | "autoViewStyle"
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto"
 
         /**
          *
@@ -1257,8 +1669,39 @@ declare namespace  __React {
      * View maps directly to the native view equivalent on whatever platform React is running on,
      * whether that is a UIView, <div>, android.view, etc.
      */
-    export interface ViewStatic extends NativeComponent, React.ComponentClass<ViewProperties> {
+    export interface ViewStatic extends NativeMethodsMixin, React.ClassicComponentClass<ViewProperties> {
+        AccessibilityTraits: [
+            'none',
+            'button',
+            'link',
+            'header',
+            'search',
+            'image',
+            'selected',
+            'plays',
+            'key',
+            'text',
+            'summary',
+            'disabled',
+            'frequentUpdates',
+            'startsMedia',
+            'adjustable',
+            'allowsDirectInteraction',
+            'pageTurn'
+        ]
 
+        AccessibilityComponentType: [
+            'none',
+            'button',
+            'radiobutton_checked',
+            'radiobutton_unchecked'
+        ],
+
+        /**
+         * Is 3D Touch / Force Touch available (i.e. will touch events include `force`)
+         * @platform ios
+         */
+        forceTouchAvailable: boolean,
     }
 
     /**
@@ -1276,25 +1719,80 @@ declare namespace  __React {
     }
 
     export interface ViewPagerAndroidProperties extends ViewProperties {
+        /**
+         * Index of initial page that should be selected. Use `setPage` method to
+         * update the page, and `onPageSelected` to monitor page changes
+         */
         initialPage?: number;
+
         /**
          * When false, the content does not scroll.
          * The default value is true.
          */
         scrollEnabled?: boolean;
+
+        /**
+         * Executed when transitioning between pages (ether because of animation for
+         * the requested page change or when user is swiping/dragging between pages)
+         * The `event.nativeEvent` object for this callback will carry following data:
+         *  - position - index of first page from the left that is currently visible
+         *  - offset - value from range [0,1) describing stage between page transitions.
+         *    Value x means that (1 - x) fraction of the page at "position" index is
+         *    visible, and x fraction of the next page is visible.
+         */
         onPageScroll?: ( event: NativeSyntheticEvent<ViewPagerAndroidOnPageScrollEventData> ) => void;
+
+        /**
+         * This callback will be called once ViewPager finish navigating to selected page
+         * (when user swipes between pages). The `event.nativeEvent` object passed to this
+         * callback will have following fields:
+         *  - position - index of page that has been selected
+         */
         onPageSelected?: ( event: NativeSyntheticEvent<ViewPagerAndroidOnPageSelectedEventData> ) => void;
+
+        /**
+         * Function called when the page scrolling state has changed.
+         * The page scrolling state can be in 3 states:
+         * - idle, meaning there is no interaction with the page scroller happening at the time
+         * - dragging, meaning there is currently an interaction with the page scroller
+         * - settling, meaning that there was an interaction with the page scroller, and the
+         *   page scroller is now finishing it's closing or opening animation
+         */
         onPageScrollStateChanged?: (state: "Idle" | "Dragging" | "Settling") => void
+
+        /**
+         * Determines whether the keyboard gets dismissed in response to a drag.
+         *   - 'none' (the default), drags do not dismiss the keyboard.
+         *   - 'on-drag', the keyboard is dismissed when a drag begins.
+         */
         keyboardDismissMode?: "none" | "on-drag"
+
+        /**
+         * Blank space to show between pages. This is only visible while scrolling, pages are still
+         * edge-to-edge.
+         */
         pageMargin?: number
     }
 
-    export interface ViewPagerAndroidStatic extends NativeComponent, React.ComponentClass<ViewPagerAndroidProperties> {
-      setPage: (selectedPage: number) => void
-      setPageWithoutAnimation: (selectedPage: number) => void
+    export interface ViewPagerAndroidStatic extends NativeMethodsMixin, React.ComponentClass<ViewPagerAndroidProperties> {
+        /**
+         * A helper function to scroll to a specific page in the ViewPager.
+         * The transition between pages will be animated.
+         */
+        setPage(selectedPage: number): void
+
+        /**
+         * A helper function to scroll to a specific page in the ViewPager.
+         * The transition between pages will *not* be animated.
+         */
+        setPageWithoutAnimation(selectedPage: number): void
     }
 
-    export interface KeyboardAvoidingViewStatic extends React.ComponentClass<KeyboardAvoidingViewProps> {
+    /**
+     * It is a component to solve the common problem of views that need to move out of the way of the virtual keyboard.
+     * It can automatically adjust either its position or bottom padding based on the position of the keyboard.
+     */
+    export interface KeyboardAvoidingViewStatic extends TimerMixin, React.ClassicComponentClass<KeyboardAvoidingViewProps> {
 
     }
 
@@ -1302,6 +1800,11 @@ declare namespace  __React {
 
         behavior?: 'height' | 'position' | 'padding'
 
+        /**
+         * The style of the content container(View) when behavior is 'position'.
+         */
+        contentContainerStyle: ViewStyle
+
         /**
          * This is the distance between the top of the user screen and the react native view,
          * may be non-zero in some use cases.
@@ -1362,6 +1865,11 @@ declare namespace  __React {
          */
         allowsInlineMediaPlayback?: boolean
 
+        /**
+         * Boolean value that determines whether the web view bounces
+         * when it reaches the edge of the content. The default value is `true`.
+         * @platform ios
+         */
         bounces?: boolean
 
         /**
@@ -1381,6 +1889,10 @@ declare namespace  __React {
          */
         onShouldStartLoadWithRequest?: (event: WebViewIOSLoadRequestEvent) => boolean
 
+        /**
+         * Boolean value that determines whether scrolling is enabled in the
+         * `WebView`. The default value is `true`.
+         */
         scrollEnabled?: boolean
     }
 
@@ -1430,16 +1942,27 @@ declare namespace  __React {
      */
     export interface WebViewProperties extends ViewProperties, WebViewPropertiesAndroid, WebViewPropertiesIOS, React.Props<WebViewStatic> {
 
+        /**
+         * Controls whether to adjust the content inset for web views that are
+         * placed behind a navigation bar, tab bar, or toolbar. The default value
+         * is `true`.
+         */
         automaticallyAdjustContentInsets?: boolean
 
-        bounces?: boolean
-
+        /**
+         * The amount by which the web view content is inset from the edges of
+         * the scroll view. Defaults to {top: 0, left: 0, bottom: 0, right: 0}.
+         */
         contentInset?: Insets
 
+        /**
+         * @deprecated
+         */
         html?: string
 
         /**
-         * Sets the JS to be injected when the webpage loads.
+         * Set this to provide JavaScript that will be injected into the web page
+         * when the view loads.
          */
         injectedJavaScript?: string
 
@@ -1463,26 +1986,25 @@ declare namespace  __React {
          */
         onLoadStart?:  ( event: NavState ) => void
 
+        /**
+         * Function that is invoked when the `WebView` loading starts or ends.
+         */
         onNavigationStateChange?: ( event: NavState ) => void
 
         /**
-         * Allows custom handling of any webview requests by a JS handler.
-         * Return true or false from this method to continue loading the request.
-         */
-        onShouldStartLoadWithRequest?: () => boolean
-
-        /**
-         * view to show if there's an error
+         * Function that returns a view to show if there's an error.
          */
         renderError?: () => React.ReactElement<ViewProperties>
 
         /**
-         * loading indicator to show
+         * Function that returns a loading indicator.
          */
         renderLoading?: () => React.ReactElement<ViewProperties>
 
-        scrollEnabled?: boolean
-
+        /**
+         * Boolean value that forces the `WebView` to show the loading view
+         * on the first load.
+         */
         startInLoadingState?: boolean
 
         style?: ViewStyle
@@ -1507,7 +2029,7 @@ declare namespace  __React {
     }
 
 
-    export interface WebViewStatic extends React.ComponentClass<WebViewProperties> {
+    export interface WebViewStatic extends React.ClassicComponentClass<WebViewProperties> {
 
         /**
          * Go back one page in the webview's history.
@@ -1524,6 +2046,11 @@ declare namespace  __React {
          */
         reload: () => void
 
+        /**
+         * Stop loading the current page.
+         */
+        stopLoading(): void
+
         /**
          * Returns the native webview node.
          */
@@ -1535,72 +2062,92 @@ declare namespace  __React {
      * @see https://facebook.github.io/react-native/docs/segmentedcontrolios.html
      * @see SegmentedControlIOS.ios.js
      */
-     export interface NativeSegmentedControlIOSChangeEvent {
-         value: string
-         selectedSegmentIndex: number
-         target: number
-     }
+    export interface NativeSegmentedControlIOSChangeEvent {
+        value: string
+        selectedSegmentIndex: number
+        target: number
+    }
 
-     export interface SegmentedControlIOSProperties extends ViewProperties, React.Props<SegmentedControlIOSStatic> {
+    export interface SegmentedControlIOSProperties extends ViewProperties, React.Props<SegmentedControlIOSStatic> {
 
-         /**
-          * If false the user won't be able to interact with the control. Default value is true.
-          */
-         enabled?: boolean
+        /**
+         * If false the user won't be able to interact with the control. Default value is true.
+         */
+        enabled?: boolean
 
-         /**
-          * If true, then selecting a segment won't persist visually.
-          * The onValueChange callback will still work as expected.
-          */
-         momentary?: boolean
+        /**
+         * If true, then selecting a segment won't persist visually.
+         * The onValueChange callback will still work as expected.
+         */
+        momentary?: boolean
 
-         /**
-          * Callback that is called when the user taps a segment;
-          * passes the event as an argument
-          * @param event
-          */
-         onChange?: (event: NativeSyntheticEvent<NativeSegmentedControlIOSChangeEvent>) => void
+        /**
+         * Callback that is called when the user taps a segment;
+         * passes the event as an argument
+         * @param event
+         */
+        onChange?: (event: NativeSyntheticEvent<NativeSegmentedControlIOSChangeEvent>) => void
 
-         /**
-          * Callback that is called when the user taps a segment; passes the segment's value as an argument
-          * @param value
-          */
-         onValueChange?: (value: string) => void
+        /**
+         * Callback that is called when the user taps a segment; passes the segment's value as an argument
+         * @param value
+         */
+        onValueChange?: (value: string) => void
 
-         /**
-          * The index in props.values of the segment to be (pre)selected.
-          */
-         selectedIndex?: number
+        /**
+         * The index in props.values of the segment to be (pre)selected.
+         */
+        selectedIndex?: number
 
-         /**
-          * Accent color of the control.
-          */
-         tintColor?: string
+        /**
+         * Accent color of the control.
+         */
+        tintColor?: string
 
-         /**
-          * The labels for the control's segment buttons, in order.
-          */
-         values?: string[]
+        /**
+         * The labels for the control's segment buttons, in order.
+         */
+        values?: string[]
 
-         ref?: Ref<SegmentedControlIOSStatic>
-     }
+        ref?: Ref<SegmentedControlIOSStatic>
+    }
 
-    export interface SegmentedControlIOSStatic extends React.ComponentClass<SegmentedControlIOSProperties> {
+    /**
+     * Use `SegmentedControlIOS` to render a UISegmentedControl iOS.
+     *
+     * #### Programmatically changing selected index
+     *
+     * The selected index can be changed on the fly by assigning the
+     * selectIndex prop to a state variable, then changing that variable.
+     * Note that the state variable would need to be updated as the user
+     * selects a value and changes the index, as shown in the example below.
+     *
+     * ````
+     * <SegmentedControlIOS
+     *   values={['One', 'Two']}
+     *   selectedIndex={this.state.selectedIndex}
+     *   onChange={(event) => {
+     *     this.setState({selectedIndex: event.nativeEvent.selectedSegmentIndex});
+     *   }}
+     * />
+     * ````
+     */
+    export interface SegmentedControlIOSStatic extends NativeMethodsMixin, React.ClassicComponentClass<SegmentedControlIOSProperties> {
 
     }
 
 
     export interface NavigatorIOSProperties extends React.Props<NavigatorIOSStatic> {
         /**
-         * The background color of the navigation bar
+         * The default background color of the navigation bar.
          */
         barTintColor?: string
-	    
+
         /**
          * NavigatorIOS uses "route" objects to identify child views, their props, and navigation bar configuration.
          * "push" and all the other navigation operations expect routes to be like this
          */
-        initialRoute?: Route
+        initialRoute: Route
 
         /**
          * The default wrapper style for components in the navigator.
@@ -1608,6 +2155,19 @@ declare namespace  __React {
          */
         itemWrapperStyle?: ViewStyle
 
+        /**
+         * Boolean value that indicates whether the interactive pop gesture is
+         * enabled. This is useful for enabling/disabling the back swipe navigation
+         * gesture.
+         *
+         * If this prop is not provided, the default behavior is for the back swipe
+         * gesture to be enabled when the navigation bar is shown and disabled when
+         * the navigation bar is hidden. Once you've provided the
+         * `interactivePopGestureEnabled` prop, you can never restore the default
+         * behavior.
+         */
+        interactivePopGestureEnabled?: boolean
+
         /**
          * A Boolean value that indicates whether the navigation bar is hidden
          */
@@ -1724,14 +2284,14 @@ declare namespace  __React {
          *
          * enum('small', 'large')
          */
-        size?: 'small' | 'large'
+        size?: number | 'small' | 'large'
 
         style?: ViewStyle
 
         ref?: Ref<ActivityIndicatorStatic>
     }
 
-    export interface ActivityIndicatorStatic extends React.ComponentClass<ActivityIndicatorProperties> {
+    export interface ActivityIndicatorStatic extends React.NativeMethodsMixin, React.ClassicComponentClass<ActivityIndicatorProperties> {
     }
 
 
@@ -1785,7 +2345,7 @@ declare namespace  __React {
         /**
          * The currently selected date.
          */
-        date?: Date
+        date: Date
 
 
         /**
@@ -1817,7 +2377,7 @@ declare namespace  __React {
          * This is called when the user changes the date or time in the UI.
          * The first and only argument is a Date object representing the new date and time.
          */
-        onDateChange?: ( newDate: Date ) => void
+        onDateChange: ( newDate: Date ) => void
 
         /**
          * Timezone offset in minutes.
@@ -1826,10 +2386,10 @@ declare namespace  __React {
          */
         timeZoneOffsetInMinutes?: number
 
-        ref?: Ref<DatePickerIOSStatic>
+        ref?: Ref<DatePickerIOSStatic & ViewStatic>
     }
 
-    export interface DatePickerIOSStatic extends React.ComponentClass<DatePickerIOSProperties> {
+    export interface DatePickerIOSStatic extends React.NativeMethodsMixin, React.ComponentClass<DatePickerIOSProperties> {
     }
 
     export interface DrawerSlideEvent extends NativeSyntheticEvent<NativeTouchEvent> {
@@ -1920,28 +2480,20 @@ declare namespace  __React {
          * The navigation view that will be rendered to the side of the
          * screen and can be pulled in.
          */
-        renderNavigationView?: () => JSX.Element
+        renderNavigationView: () => JSX.Element
 
         /**
          * Make the drawer take the entire screen and draw the background of
          * the status bar to allow it to open over the status bar. It will
          * only have an effect on API 21+.
          */
-        statusBarBackgroundColor?: any
+        statusBarBackgroundColor?: string
 
         ref?: Ref<DrawerLayoutAndroidStatic & ViewStatic>
     }
 
-    export interface DrawerLayoutAndroidStatic extends React.ComponentClass<DrawerLayoutAndroidProperties> {
+    export interface DrawerLayoutAndroidStatic extends NativeMethodsMixin, React.ClassicComponentClass<DrawerLayoutAndroidProperties> {
 
-        /**
-         * Specifies the side of the screen from which the drawer will slide in.
-         */
-        positions: { 
-            Left: number;
-            Right: number;
-        }
-        
         /**
          * Opens the drawer.
          */
@@ -1974,8 +2526,6 @@ declare namespace  __React {
     export interface PickerItemProperties extends React.Props<PickerItemStatic> {
         label: string
         value?: any
-        color?: string /* See ColorPropType.js for details */
-        testID?: string
     }
 
     export interface PickerItemStatic extends React.ComponentClass<PickerItemProperties> {
@@ -1983,17 +2533,38 @@ declare namespace  __React {
 
     export interface PickerPropertiesIOS extends ViewProperties, React.Props<PickerStatic> {
 
-        itemStyle?: ViewStyle
+        /**
+         * Style to apply to each of the item labels.
+         * @platform ios
+         */
+        itemStyle?: ViewStyle,
 
         ref?: Ref<PickerStatic & ViewStatic>
     }
 
     export interface PickerPropertiesAndroid extends ViewProperties, React.Props<PickerStatic> {
 
+        /**
+         * If set to false, the picker will be disabled, i.e. the user will not be able to make a
+         * selection.
+         * @platform android
+         */
         enabled?: boolean
 
+        /**
+         * On Android, specifies how to display the selection items when the user taps on the picker:
+         *
+         *   - 'dialog': Show a modal dialog. This is the default.
+         *   - 'dropdown': Shows a dropdown anchored to the picker view
+         *
+         * @platform android
+         */
         mode?: "dialog" | "dropdown"
 
+        /**
+         * Prompt string for this picker, used on Android in dialog mode as the title of the dialog.
+         * @platform android
+         */
         prompt?: string
 
         ref?: Ref<PickerStatic & ViewStatic>
@@ -2037,24 +2608,36 @@ declare namespace  __React {
      */
     export interface PickerStatic extends React.ComponentClass<PickerProperties> {
 
-        Item: PickerItemStatic
+         /**
+         * On Android, display the options in a dialog.
+         */
+        MODE_DIALOG: string
+        /**
+         * On Android, display the options in a dropdown (this is the default).
+         */
+        MODE_DROPDOWN: string
+
+        Item?: PickerItemStatic
     }
 
     /**
      * @see https://facebook.github.io/react-native/docs/pickerios.html
      * @see PickerIOS.ios.js
      */
-    export interface PickerIOSProperties extends React.Props<PickerIOSStatic> {
+    export interface PickerIOSProperties extends ViewProperties, React.Props<PickerIOSStatic> {
 
-        itemStyle?: ViewStyle
+        itemStyle?: TextStyle
+        onValueChange?: ( value: string | number ) => void
+        selectedValue?: string | number
 
+        ref?: Ref<PickerIOSStatic & ViewStatic>
     }
 
     /**
      * @see https://facebook.github.io/react-native/docs/pickerios.html
      * @see PickerIOS.ios.js
      */
-    export interface PickerIOSStatic extends React.ComponentClass<PickerIOSProperties> {
+    export interface PickerIOSStatic extends NativeMethodsMixin, React.ClassicComponentClass<PickerIOSProperties> {
 
         Item: PickerIOSItemStatic
     }
@@ -2065,8 +2648,6 @@ declare namespace  __React {
      */
     export interface ProgressBarAndroidProperties extends ViewProperties, React.Props<ProgressBarAndroidStatic> {
 
-        style?: ViewStyle
-
         /**
          * Style of the ProgressBar. One of:
              Horizontal
@@ -2102,7 +2683,11 @@ declare namespace  __React {
 
         ref?: Ref<ProgressBarAndroidStatic>
     }
-    export interface ProgressBarAndroidStatic extends React.ComponentClass<ProgressBarAndroidProperties> {
+    /**
+     * React component that wraps the Android-only `ProgressBar`. This component is used to indicate
+     * that the app is loading or there is some activity in the app.
+    */
+    export interface ProgressBarAndroidStatic extends NativeMethodsMixin, React.ClassicComponentClass<ProgressBarAndroidProperties> {
     }
 
     /**
@@ -2111,8 +2696,6 @@ declare namespace  __React {
      */
     export interface ProgressViewIOSProperties extends ViewProperties, React.Props<ProgressViewIOSStatic> {
 
-        style?: ViewStyle
-
         /**
          * The progress bar style.
          */
@@ -2136,16 +2719,16 @@ declare namespace  __React {
         /**
          * A stretchable image to display as the progress bar.
          */
-        progressImage?: any
+        progressImage?: ImageURISource | ImageURISource[]
 
         /**
          * A stretchable image to display behind the progress bar.
          */
-        trackImage?: any
+        trackImage?: ImageURISource | ImageURISource[]
 
         ref?: Ref<ProgressViewIOSStatic>
     }
-    export interface ProgressViewIOSStatic extends React.ComponentClass<ProgressViewIOSProperties> {
+    export interface ProgressViewIOSStatic extends NativeMethodsMixin, React.ClassicComponentClass<ProgressViewIOSProperties> {
     }
 
     export interface RefreshControlPropertiesIOS extends ViewProperties, React.Props<RefreshControlStatic> {
@@ -2209,22 +2792,76 @@ declare namespace  __React {
         /**
          * Whether the view should be indicating an active refresh.
          */
-        refreshing?: boolean
+        refreshing: boolean
 
         ref?: Ref<RefreshControlStatic>
     }
 
-    export interface RefreshControlStatic extends React.ComponentClass<RefreshControlProperties> {
+    /**
+     * This component is used inside a ScrollView or ListView to add pull to refresh
+     * functionality. When the ScrollView is at `scrollY: 0`, swiping down
+     * triggers an `onRefresh` event.
+     *
+     * __Note:__ `refreshing` is a controlled prop, this is why it needs to be set to true
+     * in the `onRefresh` function otherwise the refresh indicator will stop immediately.
+     */
+    export interface RefreshControlStatic extends NativeMethodsMixin, React.ClassicComponentClass<RefreshControlProperties> {
         SIZE: Object // Undocumented
     }
 
+    export interface RecyclerViewBackedScrollViewProperties extends ScrollViewProperties, React.Props<RecyclerViewBackedScrollViewStatic> {
+        ref?: Ref<RecyclerViewBackedScrollViewProperties & ScrollViewProperties>
+    }
+
+    /**
+     * Wrapper around android native recycler view.
+     *
+     * It simply renders rows passed as children in a separate recycler view cells
+     * similarly to how `ScrollView` is doing it. Thanks to the fact that it uses
+     * native `RecyclerView` though, rows that are out of sight are going to be
+     * automatically detached (similarly on how this would work with
+     * `removeClippedSubviews = true` on a `ScrollView.js`).
+     *
+     * CAUTION: This is an experimental component and should only be used together
+     * with javascript implementation of list view (see ListView.js). In order to
+     * use it pass this component as `renderScrollComponent` to the list view. For
+     * now only horizontal scrolling is supported.
+     */
+    export interface RecyclerViewBackedScrollViewStatic extends ScrollResponderMixin, React.ClassicComponentClass<RecyclerViewBackedScrollViewProperties> {
+
+        /**
+         * A helper function to scroll to a specific point  in the scrollview.
+         * This is currently used to help focus on child textviews, but can also
+         * be used to quickly scroll to any element we want to focus. Syntax:
+         *
+         * scrollResponderScrollTo(options: {x: number = 0; y: number = 0; animated: boolean = true})
+         *
+         * Note: The weird argument signature is due to the fact that, for historical reasons,
+         * the function also accepts separate arguments as as alternative to the options object.
+         * This is deprecated due to ambiguity (y before x), and SHOULD NOT BE USED.
+         */
+        scrollTo(
+            y?: number | { x?: number, y?: number, animated?: boolean },
+            x?: number,
+            animated?: boolean
+        ): void;
+
+        /**
+         * Returns a reference to the underlying scroll responder, which supports
+         * operations like `scrollTo`. All ScrollView-like components should
+         * implement this method so that they can be composed while providing access
+         * to the underlying scroll responder's methods.
+         */
+        getScrollResponder(): JSX.Element;
+    }
+
     export interface SliderPropertiesIOS extends ViewProperties, React.Props<SliderStatic> {
 
         /**
          * Assigns a maximum track image. Only static images are supported.
          * The leftmost pixel of the image will be stretched to fill the track.
          */
-        maximumTrackImage?: any
+        maximumTrackImage?: ImageURISource
 
         /**
          * The color used for the track to the right of the button.
@@ -2236,7 +2873,7 @@ declare namespace  __React {
          * Assigns a minimum track image. Only static images are supported.
          * The rightmost pixel of the image will be stretched to fill the track.
          */
-        minimumTrackImage?: string
+        minimumTrackImage?: ImageURISource
 
         /**
          * The color used for the track to the left of the button.
@@ -2247,14 +2884,14 @@ declare namespace  __React {
         /**
          * Sets an image for the thumb. Only static images are supported.
          */
-        thumbImage?: any
+        thumbImage?: ImageURISource
 
         /**
          * Assigns a single image for the track. Only static images
          * are supported. The center pixel of the image will be stretched
          * to fill the track.
          */
-        trackImage?: any
+        trackImage?: ImageURISource
 
         ref?: Ref<SliderStatic>
     }
@@ -2314,96 +2951,17 @@ declare namespace  __React {
         value?: number
     }
 
-    export interface SliderStatic extends React.ComponentClass<SliderProperties> {
-
-    }
-
-
     /**
-     * @see https://facebook.github.io/react-native/docs/sliderios.html
+     * A component used to select a single value from a range of values.
      */
-    export interface SliderIOSProperties extends ViewProperties, React.Props<SliderIOSStatic> {
-
-        /**
-         * If true the user won't be able to move the slider. Default value is false.
-         */
-        disabled?: boolean
-
-        /**
-         * Initial maximum value of the slider. Default value is 1.
-         */
-        maximumValue?: number
-
-        /**
-         * The color used for the track to the right of the button. Overrides the default blue gradient image.
-         */
-        maximumTrackTintColor?: string
-
-        /**
-         * Initial minimum value of the slider. Default value is 0.
-         */
-        minimumValue?: number
-
-        minimumTrackImage?: any
-
-        /**
-         * The color used for the track to the left of the button. Overrides the default blue gradient image.
-         */
-        minimumTrackTintColor?: string
-
-        /**
-         * Callback called when the user finishes changing the value (e.g. when the slider is released).
-         */
-        onSlidingComplete?: () => void
-
-        /**
-         * Callback continuously called while the user is dragging the slider.
-         */
-        onValueChange?: ( value: number ) => void
-
-        /**
-         * Step value of the slider.
-         * The value should be between 0 and (maximumValue - minimumValue).
-         * Default value is 0.
-         */
-        step?: number
-
-        /**
-         * Used to style and layout the Slider.
-         * @see StyleSheet.js and ViewStylePropTypes.js for more info.
-         */
-        style?: ViewStyle
-
-        /**
-         * Initial value of the slider.
-         * The value should be between minimumValue and maximumValue, which default to 0 and 1 respectively.
-         * Default value is 0.
-         *
-         * This is not a controlled component, e.g. if you don't update the value, the component won't be reset to its inital value.
-         */
-        value?: number
-
-        ref?: Ref<SliderIOSStatic>
-    }
-
-    export interface SliderIOSStatic extends React.ComponentClass<SliderIOSProperties> {
+    export interface SliderStatic extends NativeMethodsMixin, React.ClassicComponentClass<SliderProperties> {
 
     }
 
-    /**
-     * //FIXME: no dcumentation, inferred
-     * @see SwitchIOS.ios.js
-     */
-    export interface SwitchIOSStyle extends ViewStyle {
-        height?: number
-        width?: number
-    }
-
-
     /**
      * https://facebook.github.io/react-native/docs/switchios.html#props
      */
-    export interface SwitchIOSProperties extends React.Props<SwitchIOSStatic> {
+    export interface SwitchIOSProperties extends ViewProperties, React.Props<SwitchIOSStatic> {
 
         /**
          * If true the user won't be able to toggle the switch. Default value is false.
@@ -2435,7 +2993,7 @@ declare namespace  __React {
          */
         value?: boolean
 
-        style?: SwitchIOSStyle
+        ref?: Ref<SwitchIOSStatic>
     }
 
     /**
@@ -2451,6 +3009,7 @@ declare namespace  __React {
 
     }
 
+    export type ImageResizeMode =  "contain" | "cover" | "stretch" | "center" | "repeat"
 
     /**
      * @see ImageResizeMode.js
@@ -2460,26 +3019,45 @@ declare namespace  __React {
          * contain - The image will be resized such that it will be completely
          * visible, contained within the frame of the View.
          */
-        contain: string
+        contain: ImageResizeMode
         /**
          * cover - The image will be resized such that the entire area of the view
          * is covered by the image, potentially clipping parts of the image.
          */
-        cover: string
+        cover: ImageResizeMode
         /**
          * stretch - The image will be stretched to fill the entire frame of the
          * view without clipping.  This may change the aspect ratio of the image,
          * distoring it.  Only supported on iOS.
          */
-        stretch: string
+        stretch: ImageResizeMode
+        /**
+         * center - The image will be scaled down such that it is completely visible,
+         * if bigger than the area of the view.
+         * The image will not be scaled up.
+         */
+        center: ImageResizeMode,
+
+        /**
+         * repeat - The image will be repeated to cover the frame of the View. The
+         * image will keep it's size and aspect ratio.
+         */
+        repeat: ImageResizeMode,
+    }
+
+    export interface ShadowStyleIOS {
+        shadowColor?: string
+        shadowOffset?: {width: number, height: number}
+        shadowOpacity?: number
+        shadowRadius?: number
     }
 
     /**
      * Image style
      * @see https://facebook.github.io/react-native/docs/image.html#style
      */
-    export interface ImageStyle extends FlexStyle, TransformsStyle {
-        resizeMode?: string //Object.keys(ImageResizeMode)
+    export interface ImageStyle extends FlexStyle, TransformsStyle, ShadowStyleIOS {
+        resizeMode?: ImageResizeMode
         backfaceVisibility?: "visible" | "hidden"
         borderBottomLeftRadius?: number
         borderBottomRightRadius?: number
@@ -2506,6 +3084,12 @@ declare namespace  __React {
          */
         accessible?: boolean;
 
+        /**
+        * blurRadius: the blur radius of the blur filter added to the image
+        * @platform ios
+        */
+        blurRadius?: number,
+
         /**
          * When the image is resized, the corners of the size specified by capInsets will stay a fixed size,
          * but the center content and borders of the image will be stretched.
@@ -2517,7 +3101,7 @@ declare namespace  __React {
         /**
          * A static image to display while downloading the final image off the network.
          */
-        defaultSource?: {uri: string} | number
+        defaultSource?: ImageURISource | number
 
         /**
          * Invoked on load error with {nativeEvent: {error}}
@@ -2528,12 +3112,66 @@ declare namespace  __React {
          * Invoked on download progress with {nativeEvent: {loaded, total}}
          */
         onProgress?: ()=> void
+
+        /**
+         * Invoked when a partial load of the image is complete. The definition of
+         * what constitutes a "partial load" is loader specific though this is meant
+         * for progressive JPEG loads.
+         * @platform ios
+         */
+        onPartialLoad?: () => void,
+    }
+
+    /*
+     * @see https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageSourcePropType.js
+     */
+    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
+         * resource (which should be wrapped in the `require('./path/to/image.png')`
+         * function).
+         */
+        uri?: string,
+        /**
+         * `bundle` is the iOS asset bundle which the image is included in. This
+         * will default to [NSBundle mainBundle] if not set.
+         * @platform ios
+         */
+        bundle?: string,
+        /**
+         * `method` is the HTTP Method to use. Defaults to GET if not specified.
+         */
+        method?: string,
+        /**
+         * `headers` is an object representing the HTTP headers to send along with the
+         * request for a remote image.
+         */
+        headers?: {[key: string]: string},
+        /**
+         * `body` is the HTTP body to send with the request. This must be a valid
+         * UTF-8 string, and will be sent exactly as specified, with no
+         * additional encoding (e.g. URL-escaping or base64) applied.
+         */
+        body?: string,
+        /**
+         * `width` and `height` can be specified if known at build time, in which case
+         * these will be used to set the default `<Image/>` component dimensions.
+         */
+        width?: number,
+        height?: number,
+        /**
+         * `scale` is used to indicate the scale factor of the image. Defaults to 1.0 if
+         * unspecified, meaning that one image pixel equates to one display point / DIP.
+         */
+        scale?: number,
     }
 
     /**
      * @see https://facebook.github.io/react-native/docs/image.html
      */
     export interface ImageProperties extends ImagePropertiesIOS, React.Props<Image> {
+        fadeDuration?: number
         /**
          * onLayout function
          *
@@ -2558,20 +3196,66 @@ declare namespace  __React {
          */
         onLoadStart?: () => void
 
+        progressiveRenderingEnabled?: boolean
 
         /**
-         * Determines how to resize the image when the frame doesn't match the raw image dimensions.
+         * Determines how to resize the image when the frame doesn't match the raw
+         * image dimensions.
          *
-         * enum('cover', 'contain', 'stretch')
+         * 'cover': Scale the image uniformly (maintain the image's aspect ratio)
+         * so that both dimensions (width and height) of the image will be equal
+         * to or larger than the corresponding dimension of the view (minus padding).
+         *
+         * 'contain': Scale the image uniformly (maintain the image's aspect ratio)
+         * so that both dimensions (width and height) of the image will be equal to
+         * or less than the corresponding dimension of the view (minus padding).
+         *
+         * 'stretch': Scale width and height independently, This may change the
+         * aspect ratio of the src.
+         *
+         * 'center': Scale the image down so that it is completely visible,
+         * if bigger than the area of the view.
+         * The image will not be scaled up.
          */
-        resizeMode?: "cover" | "contain" | "stretch"
+        resizeMode?: 'cover' |'contain' |'stretch' |'center'
 
         /**
-         * uri is a string representing the resource identifier for the image,
-         * which could be an http address, a local file path,
-         * or the name of a static image resource (which should be wrapped in the require('image!name') function).
+         * The mechanism that should be used to resize the image when the image's dimensions
+         * differ from the image view's dimensions. Defaults to `auto`.
+         *
+         * - `auto`: Use heuristics to pick between `resize` and `scale`.
+         *
+         * - `resize`: A software operation which changes the encoded image in memory before it
+         * gets decoded. This should be used instead of `scale` when the image is much larger
+         * than the view.
+         *
+         * - `scale`: The image gets drawn downscaled or upscaled. Compared to `resize`, `scale` is
+         * faster (usually hardware accelerated) and produces higher quality images. This
+         * should be used if the image is smaller than the view. It should also be used if the
+         * image is slightly bigger than the view.
+         *
+         * More details about `resize` and `scale` can be found at http://frescolib.org/docs/resizing-rotating.html.
+         *
+         * @platform android
          */
-        source: {uri: string} | string;
+        resizeMethod?: 'auto' | 'resize' | 'scale'
+
+        /**
+         * `uri` is a string representing the resource identifier for the image, which
+         * could be an http address, a local file path, or a static image
+         * resource (which should be wrapped in the `require('./path/to/image.png')` function).
+         * This prop can also contain several remote `uri`, specified together with
+         * their width and height. The native side will then choose the best `uri` to display
+         * based on the measured size of the image container.
+         */
+        source: ImageURISource | ImageURISource[]
+
+        /**
+         * similarly to `source`, this property represents the resource used to render
+         * the loading indicator for the image, displayed until image is ready to be
+         * displayed, typically after when it got downloaded from network.
+         */
+        loadingIndicatorSource?: ImageURISource;
 
         /**
          *
@@ -2586,11 +3270,12 @@ declare namespace  __React {
 
     }
 
-    export interface ImageStatic extends React.ComponentClass<ImageProperties> {
-        uri: string;
-        resizeMode: ImageResizeModeStatic
+    export interface ImageStatic extends React.NativeMethodsMixin, React.ComponentClass<ImageProperties> {
+        resizeMode: ImageResizeMode
         getSize(uri: string, success: (width: number, height: number) => void, failure: (error: any) => void): any
         prefetch(url: string): any
+        abortPrefetch?(requestId: number): void
+        queryCache?(urls: string[]): Promise<Map<string, 'memory' | 'disk'>>
     }
 
     /**
@@ -2598,7 +3283,10 @@ declare namespace  __React {
      */
     export interface ListViewProperties extends ScrollViewProperties, React.Props<ListViewStatic> {
 
-        dataSource?: ListViewDataSource
+        /**
+         * An instance of [ListView.DataSource](docs/listviewdatasource.html) to use
+         */
+        dataSource: ListViewDataSource
 
         /**
          * Flag indicating whether empty section headers should be rendered.
@@ -2645,7 +3333,7 @@ declare namespace  __React {
         pageSize?: number
 
         /**
-         * An experimental performance optimization for improving scroll perf of
+         * A performance optimization for improving scroll perf of
          * large lists, used in conjunction with overflow: 'hidden' on the row
          * containers.  Use at your own risk.
          */
@@ -2678,7 +3366,7 @@ declare namespace  __React {
          * is exactly what was put into the data source, but it's also possible to
          * provide custom extractors.
          */
-        renderRow?: ( rowData: any, sectionID: string | number, rowID: string | number, highlightRow?: boolean ) => React.ReactElement<any>
+        renderRow: ( rowData: any, sectionID: string | number, rowID: string | number, highlightRow?: boolean ) => React.ReactElement<any>
 
 
         /**
@@ -2713,20 +3401,74 @@ declare namespace  __React {
          */
         scrollRenderAheadDistance?: number
 
+        /**
+         * An array of child indices determining which children get docked to the
+         * top of the screen when scrolling. For example, passing
+         * `stickyHeaderIndices={[0]}` will cause the first child to be fixed to the
+         * top of the scroll view. This property is not supported in conjunction
+         * with `horizontal={true}`.
+         * @platform ios
+         */
+        stickyHeaderIndices?: number[]
+
         ref?: Ref<ListViewStatic & ScrollViewStatic & ViewStatic>
     }
 
-    export interface ListViewStatic extends React.ComponentClass<ListViewProperties> {
+
+    interface TimerMixin {
+        setTimeout: typeof setTimeout,
+        clearTimeout: typeof clearTimeout,
+        setInterval: typeof setInterval,
+        clearInterval: typeof clearInterval,
+        setImmediate: typeof setImmediate,
+        clearImmediate: typeof clearImmediate,
+        requestAnimationFrame: typeof requestAnimationFrame,
+        cancelAnimationFrame: typeof cancelAnimationFrame,
+    }
+
+    export interface ListViewStatic extends ScrollResponderMixin, TimerMixin, React.ComponentClass<ListViewProperties> {
         DataSource: ListViewDataSource;
+
+        /**
+         * Exports some data, e.g. for perf investigations or analytics.
+         */
+        getMetrics: () => {
+            contentLength: number,
+            totalRows: number,
+            renderedRows: number,
+            visibleRows: number,
+        }
+
+        /**
+         * Provides a handle to the underlying scroll responder.
+         */
+        getScrollResponder: () => any,
+
+        /**
+         * Scrolls to a given x, y offset, either immediately or with a smooth animation.
+         *
+         * See `ScrollView#scrollTo`.
+         */
+        scrollTo: ( y?: number | { x?: number, y?: number, animated?: boolean } , x?: number, animated?: boolean ) => void,
     }
 
 
     export interface MapViewAnnotation {
-        latitude?: number
-        longitude?: number
+        latitude: number
+        longitude: number
         animateDrop?: boolean
+        draggable?: boolean
+        onDragStateChange?: () => any,
+        onFocus?: () => any,
+        onBlur?: () => any,
         title?: string
         subtitle?: string
+        leftCalloutView?: ReactElement<any>
+        rightCalloutView?: ReactElement<any>
+        detailCalloutView?: ReactElement<any>
+        tintColor?: string
+        image?: ImageURISource
+        view?: ReactElement<any>
         hasLeftCallout?: boolean
         hasRightCallout?: boolean
         onLeftCalloutPress?: () => void
@@ -2744,12 +3486,12 @@ declare namespace  __React {
     export interface MapViewOverlay {
         coordinates: ({latitude: number, longitude: number})[]
         lineWidth?: number
-        strokeColor?: Object
-        fillColor?: Object
+        strokeColor?: string
+        fillColor?: string
         id?: string
     }
 
-    export interface MapViewPropertiesIOS {
+    export interface MapViewProperties extends ViewProperties, React.Props<MapViewStatic> {
 
         /**
          * If false points of interest won't be displayed on the map.
@@ -2763,7 +3505,9 @@ declare namespace  __React {
         annotations?: MapViewAnnotation[]
 
         /**
-         * If true the map will follow the user's location whenever it changes. Note that this has no effect unless showsUserLocation is enabled. Default value is true.
+         * If true the map will follow the user's location whenever it changes.
+         * Note that this has no effect unless showsUserLocation is enabled.
+         * Default value is true.
          */
         followUserLocation?: boolean
 
@@ -2780,7 +3524,7 @@ declare namespace  __React {
          *
          * enum('standard', 'satellite', 'hybrid')
          */
-        mapType?: string
+        mapType?: 'standard' |'satellite' |'hybrid'
 
         /**
          * Maximum size of area that can be displayed.
@@ -2795,22 +3539,13 @@ declare namespace  __React {
         /**
          * Map overlays
          */
-        overlays: MapViewOverlay[]
+        overlays?: MapViewOverlay[]
 
         /**
          * If false compass won't be displayed on the map.
          * Default value is true.
          */
         showsCompass?: boolean
-    }
-
-    export interface MapViewPropertiesAndroid {
-        active?: boolean
-    }
-
-    export interface MapViewProperties extends MapViewPropertiesIOS, MapViewPropertiesAndroid, Touchable, ViewProperties, React.Props<MapViewStatic> {
-
-
 
         /**
          * Callback that is called once, when the user taps an annotation.
@@ -2884,7 +3619,12 @@ declare namespace  __React {
     /**
      * @see https://facebook.github.io/react-native/docs/mapview.html#content
      */
-    export interface MapViewStatic extends React.ComponentClass<MapViewProperties> {
+    export interface MapViewStatic extends React.NativeMethodsMixin, React.ComponentClass<MapViewProperties> {
+        PinColors: {
+            RED: string,
+            GREEN: string,
+            PURPLE: string
+        }
     }
 
     export interface ModalProperties extends React.Props<ModalStatic> {
@@ -2892,18 +3632,109 @@ declare namespace  __React {
         // Only `animated` is documented. The JS code says `animated` is
         // deprecated and `animationType` is preferred.
         animated?: boolean
+        /**
+         * The `animationType` prop controls how the modal animates.
+         *
+         * - `slide` slides in from the bottom
+         * - `fade` fades into view
+         * - `none` appears without an animation
+         */
         animationType?: "none" | "slide" | "fade"
+        /**
+         * The `transparent` prop determines whether your modal will fill the entire view.
+         * Setting this to `true` will render the modal over a transparent background.
+         */
         transparent?: boolean
+        /**
+         * The `visible` prop determines whether your modal is visible.
+         */
         visible?: boolean
+        /**
+         * The `onRequestClose` prop allows passing a function that will be called once the modal has been dismissed.
+         * _On the Android platform, this is a required function._
+         */
         onRequestClose?: () => void
+        /**
+         * The `onShow` prop allows passing a function that will be called once the modal has been shown.
+         */
         onShow?: (event: NativeSyntheticEvent<any>) => void
-
+        /**
+         * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
+         * On iOS, the modal is still restricted by what's specified in your app's Info.plist's UISupportedInterfaceOrientations field.
+         * @platform ios
+         */
+        supportedOrientations: ('portrait' | 'portrait-upside-down' | 'landscape' | 'landscape-left' | 'landscape-right')[]
+        /**
+         * The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
+         * The orientation provided is only 'portrait' or 'landscape'. This callback is also called on initial render, regardless of the current orientation.
+         * @platform ios
+         */
+        onOrientationChange: () => void,
     }
 
     export interface ModalStatic extends React.ComponentClass<ModalProperties> {
 
     }
 
+    /**
+     * @see https://github.com/facebook/react-native/blob/0.34-stable\Libraries\Components\Touchable\Touchable.js
+     */
+    interface TouchableMixin {
+
+        /**
+         * Invoked when the item should be highlighted. Mixers should implement this
+         * to visually distinguish the `VisualRect` so that the user knows that
+         * releasing a touch will result in a "selection" (analog to click).
+         */
+        touchableHandleActivePressIn(e: Event): void
+
+        /**
+         * Invoked when the item is "active" (in that it is still eligible to become
+         * a "select") but the touch has left the `PressRect`. Usually the mixer will
+         * want to unhighlight the `VisualRect`. If the user (while pressing) moves
+         * back into the `PressRect` `touchableHandleActivePressIn` will be invoked
+         * again and the mixer should probably highlight the `VisualRect` again. This
+         * event will not fire on an `touchEnd/mouseUp` event, only move events while
+         * the user is depressing the mouse/touch.
+         */
+        touchableHandleActivePressOut(e: Event): void
+
+        /**
+         * Invoked when the item is "selected" - meaning the interaction ended by
+         * letting up while the item was either in the state
+         * `RESPONDER_ACTIVE_PRESS_IN` or `RESPONDER_INACTIVE_PRESS_IN`.
+         */
+        touchableHandlePress(e: Event): void
+
+        /**
+         * Invoked when the item is long pressed - meaning the interaction ended by
+         * letting up while the item was in `RESPONDER_ACTIVE_LONG_PRESS_IN`. If
+         * `touchableHandleLongPress` is *not* provided, `touchableHandlePress` will
+         * be called as it normally is. If `touchableHandleLongPress` is provided, by
+         * default any `touchableHandlePress` callback will not be invoked. To
+         * override this default behavior, override `touchableLongPressCancelsPress`
+         * to return false. As a result, `touchableHandlePress` will be called when
+         * lifting up, even if `touchableHandleLongPress` has also been called.
+         */
+        touchableHandleLongPress(e: Event): void
+
+        /**
+         * Returns the amount to extend the `HitRect` into the `PressRect`. Positive
+         * numbers mean the size expands outwards.
+         */
+        touchableGetPressRectOffset(): Insets
+
+        /**
+         * Returns the number of millis to wait before triggering a highlight.
+         */
+        touchableGetHighlightDelayMS(): number
+
+        // These methods are undocumented but still being used by TouchableMixin internals
+        touchableGetLongPressDelayMS(): number
+        touchableGetPressOutDelayMS(): number
+        touchableGetHitSlop(): Insets
+    }
+
     export interface TouchableWithoutFeedbackAndroidProperties {
 
         /**
@@ -2912,9 +3743,11 @@ declare namespace  __React {
          *
          * @enum('none', 'button', 'radiobutton_checked', 'radiobutton_unchecked' )
          */
-        accessibilityComponentType?: string
+        accessibilityComponentType?: 'none' | 'button' | 'radiobutton_checked' | 'radiobutton_unchecked'
     }
 
+    type ViewAccessibilityTraits = 'none' | 'button' | 'link' | 'header' | 'search' | 'image' | 'selected' | 'plays' | 'key' | 'text' | 'summary' | 'disabled' | 'frequentUpdates' | 'startsMedia' | 'adjustable' | 'allowsDirectInteraction' | 'pageTurn'
+
     export interface TouchableWithoutFeedbackIOSProperties {
 
         /**
@@ -2923,7 +3756,7 @@ declare namespace  __React {
          *
          * @enum('none', 'button', 'link', 'header', 'search', 'image', 'selected', 'plays', 'key', 'text','summary', 'disabled', 'frequentUpdates', 'startsMedia', 'adjustable', 'allowsDirectInteraction', 'pageTurn')
          */
-        accessibilityTraits?: string | string[];
+        accessibilityTraits?: ViewAccessibilityTraits | ViewAccessibilityTraits[]
 
     }
 
@@ -2965,7 +3798,7 @@ declare namespace  __React {
          * the Z-index of sibling views always takes precedence if a touch hits
          * two overlapping views.
          */
-        hitSlop?: {top: number, left: number, bottom: number, right: number}
+        hitSlop?: Insets
 
         /**
          * Invoked on mount and layout changes with
@@ -2998,7 +3831,7 @@ declare namespace  __React {
          * while the scroll view is disabled. Ensure you pass in a constant
          * to reduce memory allocations.
          */
-        pressRetentionOffset?: {top: number, left: number, bottom: number, right: number}
+        pressRetentionOffset?: Insets
     }
 
 
@@ -3013,11 +3846,10 @@ declare namespace  __React {
      *
      * @see https://facebook.github.io/react-native/docs/touchablewithoutfeedback.html
      */
-    export interface TouchableWithoutFeedbackStatic extends React.ComponentClass<TouchableWithoutFeedbackProps> {
+    export interface TouchableWithoutFeedbackStatic extends TimerMixin, TouchableMixin, React.ClassicComponentClass<TouchableWithoutFeedbackProps> {
 
     }
 
-
     /**
      * @see https://facebook.github.io/react-native/docs/touchablehighlight.html#props
      */
@@ -3064,7 +3896,7 @@ declare namespace  __React {
      *
      * @see https://facebook.github.io/react-native/docs/touchablehighlight.html
      */
-    export interface TouchableHighlightStatic extends React.ComponentClass<TouchableHighlightProperties> {
+    export interface TouchableHighlightStatic extends NativeMethodsMixin, TimerMixin, TouchableMixin, React.ClassicComponentClass<TouchableHighlightProperties> {
     }
 
 
@@ -3087,13 +3919,29 @@ declare namespace  __React {
      *
      * @see https://facebook.github.io/react-native/docs/touchableopacity.html
      */
-    export interface TouchableOpacityStatic extends React.ComponentClass<TouchableOpacityProperties> {
+    export interface TouchableOpacityStatic extends TimerMixin, TouchableMixin, NativeMethodsMixin, React.ClassicComponentClass<TouchableOpacityProperties> {
         /**
-         * Determines what the opacity of the wrapped view should be when touch is active.
+         * Animate the touchable to a new opacity.
          */
         setOpacityTo: (value: number) => void
     }
 
+    interface BaseBackgroundPropType {
+        type: string
+    }
+
+    interface RippleBackgroundPropType extends BaseBackgroundPropType {
+        type: 'RippleAndroid'
+        color?: number,
+        borderless?: boolean
+    }
+
+    interface ThemeAttributeBackgroundPropType extends BaseBackgroundPropType {
+        type: 'ThemeAttrAndroid'
+        attribute: string
+    }
+
+    type BackgroundPropType = RippleBackgroundPropType | ThemeAttributeBackgroundPropType
 
     /**
      * @see https://facebook.github.io/react-native/docs/touchableopacity.html#props
@@ -3107,7 +3955,7 @@ declare namespace  __React {
          *      2) TouchableNativeFeedback.SelectableBackgroundBorderless() - will create object that represent android theme's default background for borderless selectable elements (?android:attr/selectableItemBackgroundBorderless). Available on android API level 21+
          *      3) TouchableNativeFeedback.Ripple(color, borderless) - will create object that represents ripple drawable with specified color (as a string). If property borderless evaluates to true the ripple will render outside of the view bounds (see native actionbar buttons as an example of that behavior). This background type is available on Android API level 21+
          */
-        background?: any
+        background?: BackgroundPropType
     }
 
     /**
@@ -3120,26 +3968,66 @@ declare namespace  __React {
      *
      * @see https://facebook.github.io/react-native/docs/touchablenativefeedback.html#content
      */
-    export interface TouchableNativeFeedbackStatic extends React.ComponentClass<TouchableNativeFeedbackProperties> {
-        SelectableBackground: () => TouchableNativeFeedbackStatic
-        SelectableBackgroundBorderless: () => TouchableNativeFeedbackStatic
-        Ripple: ( color: string, borderless?: boolean ) => TouchableNativeFeedbackStatic
+    export interface TouchableNativeFeedbackStatic extends TouchableMixin, React.ClassicComponentClass<TouchableNativeFeedbackProperties> {
+
+        /**
+         * Creates an object that represents android theme's default background for
+         * selectable elements (?android:attr/selectableItemBackground).
+         */
+        SelectableBackground(): ThemeAttributeBackgroundPropType
+
+        /**
+         * Creates an object that represent android theme's default background for borderless
+         * selectable elements (?android:attr/selectableItemBackgroundBorderless).
+         * Available on android API level 21+.
+         */
+        SelectableBackgroundBorderless(): ThemeAttributeBackgroundPropType
+
+        /**
+         * Creates an object that represents ripple drawable with specified color (as a
+         * string). If property `borderless` evaluates to true the ripple will
+         * render outside of the view bounds (see native actionbar buttons as an
+         * example of that behavior). This background type is available on Android
+         * API level 21+.
+         *
+         * @param color The ripple color
+         * @param borderless If the ripple can render outside it's bounds
+         */
+        Ripple( color: string, borderless?: boolean ): RippleBackgroundPropType
     }
 
 
     export interface LeftToRightGesture {
-        //TODO:
+        // If the gesture can end and restart during one continuous touch
+        isDetachable: boolean;
+        // How far the swipe must drag to start transitioning
+        gestureDetectMovement: number;
+        // Amplitude of release velocity that is considered still
+        notMoving: number;
+        // Fraction of directional move required.
+        directionRatio: number;
+        // Velocity to transition with when the gesture release was "not moving"
+        snapVelocity: number;
+        // Region that can trigger swipe. iOS default is 30px from the left edge
+        edgeHitWidth: number;
+        // Ratio of gesture completion when non-velocity release will cause action
+        stillCompletionRatio: number;
+        fullDistance: any;
+        direction: string;
     }
 
-    export interface AnimationInterpolator {
-        //TODO:
+    export interface JumpGesture extends LeftToRightGesture{
+        overswipe: {
+            frictionConstant: number
+            frictionByDistance: number
+        }
     }
 
     // see /NavigatorSceneConfigs.js
     export interface SceneConfig {
         // A list of all gestures that are enabled on this scene
-        gestures: {
-            pop: LeftToRightGesture,
+        gestures?: {
+            pop?: LeftToRightGesture,
         },
 
         // Rebound spring parameters when transitioning FROM this scene
@@ -3151,15 +4039,22 @@ declare namespace  __React {
 
         // Animation interpolators for horizontal transitioning:
         animationInterpolators: {
-            into: AnimationInterpolator,
-            out: AnimationInterpolator
+            into: () => boolean,
+            out: () => boolean
         };
+    }
 
+    export interface JumpSceneConfig extends SceneConfig {
+        gestures: {
+            jumpBack: JumpGesture
+            jumpForward: JumpGesture
+        }
     }
 
     // see /NavigatorSceneConfigs.js
     export interface SceneConfigs {
         PushFromRight: SceneConfig;
+        PushFromLeft: SceneConfig;
         FloatFromRight: SceneConfig;
         FloatFromLeft: SceneConfig;
         FloatFromBottom: SceneConfig;
@@ -3246,24 +4141,19 @@ declare namespace  __React {
          * @param route
          * @param navigator
          */
-        renderScene?: ( route: Route, navigator: Navigator ) => React.ReactElement<ViewProperties>
+        renderScene: ( route: Route, navigator: Navigator ) => React.ReactElement<ViewProperties>
 
         /**
          * Styles to apply to the container of each scene
          */
         sceneStyle?: ViewStyle
 
-        /**
-         * //FIXME: not found in doc but found in examples
-         */
-        debugOverlay?: boolean
-
     }
-    
-   /**
-   * Class that contains the info and methods for app navigation.
-   */
-    export interface NavigationContext { 
+
+    /**
+     * Class that contains the info and methods for app navigation.
+     */
+    export interface NavigationContext {
         parent: NavigationContext;
         top: NavigationContext;
         currentRoute: any;
@@ -3273,6 +4163,34 @@ declare namespace  __React {
         dispose(): void;
     }
 
+    interface InteractionMixin {
+        createInteractionHandle(): number
+        clearInteractionHandle(clearHandle: number): void
+        /**
+         * Schedule work for after all interactions have completed.
+         *
+         * @param {function} callback
+         */
+        runAfterInteractions(callback: () => any): void
+    }
+
+    interface SubscribableMixin {
+        /**
+         * Special form of calling `addListener` that *guarantees* that a
+         * subscription *must* be tied to a component instance, and therefore will
+         * be cleaned up when the component is unmounted. It is impossible to create
+         * the subscription and pass it in - this method must be the one to create
+         * the subscription and therefore can guarantee it is retained in a way that
+         * will be cleaned up.
+         *
+         * @param {EventEmitter} eventEmitter emitter to subscribe to.
+         * @param {string} eventType Type of event to listen to.
+         * @param {function} listener Function to invoke when event occurs.
+         * @param {object} context Object to use as listener context.
+         */
+        addListenerOn( eventEmitter: any, eventType: string, listener: () => any, context: any ): void
+    }
+
     /**
      * Use Navigator to transition between different scenes in your app.
      * To accomplish this, provide route objects to the navigator to identify each scene,
@@ -3282,14 +4200,12 @@ declare namespace  __React {
      * See Navigator.SceneConfigs for default animations and more info on scene config options.
      * @see https://facebook.github.io/react-native/docs/navigator.html
      */
-    export interface NavigatorStatic extends React.ComponentClass<NavigatorProperties> {
+    export interface NavigatorStatic extends TimerMixin, InteractionMixin, SubscribableMixin, React.ComponentClass<NavigatorProperties> {
         SceneConfigs: SceneConfigs;
         NavigationBar: NavigatorStatic.NavigationBarStatic;
         BreadcrumbNavigationBar: NavigatorStatic.BreadcrumbNavigationBarStatic;
 
-	navigationContext: NavigationContext;
-
-        getContext( self: any ): NavigatorStatic;
+        navigationContext: NavigationContext;
 
         /**
          * returns the current list of routes
@@ -3321,6 +4237,13 @@ declare namespace  __React {
          */
         pop(): void;
 
+        /**
+         * Go back N scenes at once. When N=1, behavior matches `pop()`.
+         * When N is invalid(negative or bigger than current routes count), do nothing.
+         * @param {number} n The number of scenes to pop. Should be an integer.
+         */
+        popN(n: number): void
+
         /**
          * Replace the current scene with a new route
          */
@@ -3368,12 +4291,41 @@ declare namespace  __React {
 
         export interface NavState {
             routeStack: Route[]
-            idStack: number[]
             presentedIndex: number
         }
 
+        // @see NavigationBarStyle.ios.js
         export interface NavigationBarStyle {
-            //TODO @see NavigationBarStyle.ios.js
+            General: {
+                NavBarHeight: number
+                StatusBarHeight: number
+                TotalNavHeight: number
+            },
+            Interpolators: {
+                // Animating *into* the center stage from the right
+                RightToCenter: () => boolean
+                // Animating out of the center stage, to the left
+                CenterToLeft: () => boolean
+                // Both stages (animating *past* the center stage)
+                RightToLeft: () => boolean
+            },
+            Stages: {
+                Left: {
+                    Title: FlexStyle
+                    LeftButton: FlexStyle
+                    RightButton: FlexStyle
+                },
+                Center: {
+                    Title: FlexStyle
+                    LeftButton: FlexStyle
+                    RightButton: FlexStyle
+                },
+                Right: {
+                    Title: FlexStyle
+                    LeftButton: FlexStyle
+                    RightButton: FlexStyle
+                },
+            }
         }
 
 
@@ -3390,12 +4342,20 @@ declare namespace  __React {
             navigator?: Navigator
             routeMapper?: NavigationBarRouteMapper
             navState?: NavState
+            navigationStyles?: NavigationBarStyle
             style?: ViewStyle
         }
 
         export interface NavigationBarStatic extends React.ComponentClass<NavigationBarProperties> {
             Styles: NavigationBarStyle
+            StylesAndroid: NavigationBarStyle;
+            StylesIOS: NavigationBarStyle;
 
+            /**
+             * Stop transtion, immediately resets the cached state and re-render the
+             * whole view.
+             */
+            immediatelyRefresh(): void;
         }
 
         export type NavigationBar = NavigationBarStatic
@@ -3426,6 +4386,8 @@ declare namespace  __React {
 
         export interface BreadcrumbNavigationBarStatic extends React.ComponentClass<BreadcrumbNavigationBarProperties> {
             Styles: BreadcrumbNavigationBarStyle
+
+            immediatelyRefresh(): void
         }
 
         export type BreadcrumbNavigationBar = BreadcrumbNavigationBarStatic
@@ -3433,12 +4395,15 @@ declare namespace  __React {
 
     }
 
-    export interface StyleSheetStatic extends React.ComponentClass<StyleSheetProperties> {
+    // @see https://github.com/facebook/react-native/blob/0.34-stable\Libraries\StyleSheet\StyleSheetTypes.js
+    export namespace StyleSheet {
+
+        type Style = ViewStyle | TextStyle | ImageStyle
 
         /**
          * Creates a StyleSheet style reference from the given object.
          */
-        create<T>( styles: T ): T;
+        export function create<T>( styles: T ): T;
 
         /**
          * Flattens an array of style objects, into one aggregated style object.
@@ -3479,7 +4444,7 @@ declare namespace  __React {
          * their respective objects, merged as one and then returned. This also explains
          * the alternative use.
          */
-        flatten(style: Object): Object
+        export function flatten(style?: Style | Style[]): Style
 
         /**
          * This is defined as the width of a thin line on the platform. It can be
@@ -3498,15 +4463,14 @@ declare namespace  __React {
          * constant size, because on different platforms and screen densities its
          * value may be calculated differently.
          */
-        hairlineWidth: number
+        export var hairlineWidth: number
 
         /**
          * A very common pattern is to create overlays with position absolute and zero positioning,
          * so `absoluteFill` can be used for convenience and to reduce duplication of these repeated
          * styles.
          */
-        absoluteFill: number
-
+        export var absoluteFill: number
 
         /**
          * Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be
@@ -3520,7 +4484,7 @@ declare namespace  __React {
          *     },
          *   });
          */
-        absoluteFillObject: {
+        export var absoluteFillObject: {
             position: string
             left: number
             right: number
@@ -3529,6 +4493,65 @@ declare namespace  __React {
         }
     }
 
+    export interface RelayProfiler {
+        attachProfileHandler(
+            name: string,
+            handler: (name: string, state?: any) => () => void
+        ): void,
+
+        attachAggregateHandler(
+            name: string,
+            handler: (name: string, callback: () => void) => void
+        ): void,
+    }
+
+    export interface SystraceStatic {
+        setEnabled(enabled: boolean): void
+        /**
+         * beginEvent/endEvent for starting and then ending a profile within the same call stack frame
+         **/
+        beginEvent(profileName?: any, args?: any): void
+        endEvent(): void
+        /**
+         * beginAsyncEvent/endAsyncEvent for starting and then ending a profile where the end can either
+         * occur on another thread or out of the current stack frame, eg await
+         * the returned cookie variable should be used as input into the endAsyncEvent call to end the profile
+         **/
+        beginAsyncEvent(profileName?: any): any
+        endAsyncEvent(profileName?: any, cookie?: any): void
+        /**
+         * counterEvent registers the value to the profileName on the systrace timeline
+         **/
+        counterEvent(profileName?: any, value?: any): void
+        /**
+         * Relay profiles use await calls, so likely occur out of current stack frame
+         * therefore async variant of profiling is used
+         **/
+        attachToRelayProfiler(relayProfiler: RelayProfiler): void
+        /* This is not called by default due to perf overhead but it's useful
+            if you want to find traces which spend too much time in JSON. */
+        swizzleJSON(): void
+        /**
+         * Measures multiple methods of a class. For example, you can do:
+         * Systrace.measureMethods(JSON, 'JSON', ['parse', 'stringify']);
+         *
+         * @param object
+         * @param objectName
+         * @param methodNames Map from method names to method display names.
+         */
+        measureMethods(object: any, objectName: string, methodNames: Array<string>): void
+        /**
+         * Returns an profiled version of the input function. For example, you can:
+         * JSON.parse = Systrace.measure('JSON', 'parse', JSON.parse);
+         *
+         * @param objName
+         * @param fnName
+         * @param {function} func
+         * @return {function} replacement function
+         */
+        measure(objName: string, fnName: string, func: Function): Function
+    }
+
     /**
      * //FIXME: Could not find docs. Inferred from examples and jscode : ListViewDataSource.js
      */
@@ -3540,10 +4563,46 @@ declare namespace  __React {
     }
 
     /**
-     * //FIXME: Could not find docs. Inferred from examples and js code: ListViewDataSource.js
+     * Provides efficient data processing and access to the
+     * `ListView` component.  A `ListViewDataSource` is created with functions for
+     * extracting data from the input blob, and comparing elements (with default
+     * implementations for convenience).  The input blob can be as simple as an
+     * array of strings, or an object with rows nested inside section objects.
+     *
+     * To update the data in the datasource, use `cloneWithRows` (or
+     * `cloneWithRowsAndSections` if you care about sections).  The data in the
+     * data source is immutable, so you can't modify it directly.  The clone methods
+     * suck in the new data and compute a diff for each row so ListView knows
+     * whether to re-render it or not.
      */
     export interface ListViewDataSource {
+        /**
+         * You can provide custom extraction and `hasChanged` functions for section
+         * headers and rows.  If absent, data will be extracted with the
+         * `defaultGetRowData` and `defaultGetSectionHeaderData` functions.
+         *
+         * The default extractor expects data of one of the following forms:
+         *
+         *      { sectionID_1: { rowID_1: <rowData1>, ... }, ... }
+         *
+         *    or
+         *
+         *      { sectionID_1: [ <rowData1>, <rowData2>, ... ], ... }
+         *
+         *    or
+         *
+         *      [ [ <rowData1>, <rowData2>, ... ], ... ]
+         *
+         * The constructor takes in a params argument that can contain any of the
+         * following:
+         *
+         * - getRowData(dataBlob, sectionID, rowID);
+         * - getSectionHeaderData(dataBlob, sectionID);
+         * - rowHasChanged(prevRowData, nextRowData);
+         * - sectionHeaderHasChanged(prevSectionData, nextSectionData);
+         */
         new( onAsset: DataSourceAssetCallback ): ListViewDataSource;
+
         /**
          * Clones this `ListViewDataSource` with the specified `dataBlob` and
          * `rowIdentities`. The `dataBlob` is just an aribitrary blob of data. At
@@ -3576,6 +4635,12 @@ declare namespace  __React {
         cloneWithRowsAndSections( dataBlob: Array<any> | {[key: string]: any}, sectionIdentities?: Array<string | number>, rowIdentities?: Array<Array<string | number>> ): ListViewDataSource
 
         getRowCount(): number
+        getRowAndSectionCount(): number
+
+        /**
+         * Returns if the row is dirtied and needs to be rerendered
+         */
+        rowShouldUpdate(sectionIndex: number, rowIndex: number): boolean
 
         /**
          * Gets the data required to render the row.
@@ -3624,7 +4689,7 @@ declare namespace  __React {
         /**
          * A custom icon for the tab. It is ignored when a system icon is defined.
          */
-        icon?: {uri: string} | string
+        icon?: ImageURISource
 
         /**
          * Callback when this tab is being selected,
@@ -3632,6 +4697,12 @@ declare namespace  __React {
          */
         onPress?: () => void
 
+        /**
+         * If set to true it renders the image as original,
+         * it defaults to being displayed as a template
+         */
+        renderAsOriginal?: boolean
+
         /**
          * It specifies whether the children are visible or not. If you see a blank content, you probably forgot to add a selected one.
          */
@@ -3641,7 +4712,7 @@ declare namespace  __React {
          * A custom icon when the tab is selected.
          * It is ignored when a system icon is defined. If left empty, the icon will be tinted in blue.
          */
-        selectedIcon?: {uri: string} | string;
+        selectedIcon?: ImageURISource
 
         /**
          * React style object.
@@ -3654,7 +4725,7 @@ declare namespace  __React {
          *
          *  enum('bookmarks', 'contacts', 'downloads', 'favorites', 'featured', 'history', 'more', 'most-recent', 'most-viewed', 'recents', 'search', 'top-rated')
          */
-        systemIcon: "bookmarks" | "contacts" | "downloads" | "favorites" | "featured" | "history" | "more" | "most-recent" | "most-viewed" | "recents" | "search" | "top-rated"
+        systemIcon?: "bookmarks" | "contacts" | "downloads" | "favorites" | "featured" | "history" | "more" | "most-recent" | "most-viewed" | "recents" | "search" | "top-rated"
 
         /**
          * Text that appears under the icon. It is ignored when a system icon is defined.
@@ -3677,7 +4748,16 @@ declare namespace  __React {
          */
         barTintColor?: string
 
-        style?: ViewStyle
+        /**
+         * Specifies tab bar item positioning. Available values are:
+         * - fill - distributes items across the entire width of the tab bar
+         * - center - centers item in the available tab bar space
+         * - auto (default) - distributes items dynamically according to the
+         * user interface idiom. In a horizontally compact environment (e.g. iPhone 5)
+         * this value defaults to `fill`, in a horizontally regular one (e.g. iPad)
+         * it defaults to center.
+         */
+        itemPositioning?: 'fill' | 'center' | 'auto'
 
         /**
          * Color of the currently selected tab icon
@@ -3762,11 +4842,11 @@ declare namespace  __React {
     /**
      * @see https://facebook.github.io/react-native/docs/platform-specific-code.html#content
      */
-
     export type PlatformOSType = 'ios' | 'android'
 
-    export interface PlatformStatic {
-        OS: PlatformOSType,
+    interface PlatformStatic {
+        OS: PlatformOSType
+        Version?: number
 
         /**
          * @see https://facebook.github.io/react-native/docs/platform-specific-code.html#content
@@ -3774,27 +4854,14 @@ declare namespace  __React {
         select<T>( specifics: { ios?: T, android?: T} ): T;
     }
 
-    export interface DeviceEventSubscriptionStatic {
-        remove(): void;
-    }
-
-    export interface DeviceEventEmitterStatic {
-        addListener<T>( type: string, onReceived: ( data: T ) => void ): DeviceEventSubscription;
-
-        /**
-         * Removes the given listener for event of specific type.
-         *
-         * @param {string} eventType - Name of the event to emit
-         * @param {function} listener - Function to invoke when the specified event is
-         *   emitted
-         *
-         * @example
-         *   emitter.removeListener('someEvent', function(message) {
-         *     console.log(message);
-         *   }); // removes the listener if already registered
-         *
-         */
-        removeListener( eventType: String, listener: Function): void
+    /**
+     * Deprecated - subclass NativeEventEmitter to create granular event modules instead of
+     * adding all event listeners directly to RCTDeviceEventEmitter.
+     */
+    interface DeviceEventEmitterStatic extends EventEmitter {
+        sharedSubscriber: EventSubscriptionVendor
+        new(): DeviceEventEmitterStatic;
+        addListener<T>( type: string, listener: ( data: T ) => void, context?: any ): EmitterSubscription;
     }
 
     // Used by Dimensions below
@@ -3842,23 +4909,35 @@ declare namespace  __React {
          * This should only be called from native code by sending the didUpdateDimensions event.
          * @param {object} dims Simple string-keyed object of dimensions to set
          */
-        set( dims: {[key: string]: any}[] ): void
+        set( dims: {[key: string]: any} ): void
     }
 
+    export type SimpleTask = {
+        name: string
+        gen: () => void
+    }
     export type PromiseTask = {
+        name: string
         gen: () => Promise<any>
     }
 
     export type Handle = number
 
     export interface InteractionManagerStatic {
+        Events: {
+            interactionStart: string
+            interactionComplete: string
+        }
+
+        addListener(
+            eventType: string, listener: Function, context?: Object): EmitterSubscription
 
         /**
          * Schedule a function to run after all interactions have completed.
          * Returns a cancellable
          * @param fn
          */
-        runAfterInteractions( fn: () => void | PromiseTask):
+        runAfterInteractions( task: Function | SimpleTask | PromiseTask):
           {then: Function, done: Function, cancel: Function}
 
         /**
@@ -3910,6 +4989,259 @@ declare namespace  __React {
     }
 
 
+    interface ScrollResponderMixin extends SubscribableMixin {
+        /**
+         * Invoke this from an `onScroll` event.
+         */
+        scrollResponderHandleScrollShouldSetResponder(): boolean
+
+        /**
+         * Merely touch starting is not sufficient for a scroll view to become the
+         * responder. Being the "responder" means that the very next touch move/end
+         * event will result in an action/movement.
+         *
+         * Invoke this from an `onStartShouldSetResponder` event.
+         *
+         * `onStartShouldSetResponder` is used when the next move/end will trigger
+         * some UI movement/action, but when you want to yield priority to views
+         * nested inside of the view.
+         *
+         * There may be some cases where scroll views actually should return `true`
+         * from `onStartShouldSetResponder`: Any time we are detecting a standard tap
+         * that gives priority to nested views.
+         *
+         * - If a single tap on the scroll view triggers an action such as
+         *   recentering a map style view yet wants to give priority to interaction
+         *   views inside (such as dropped pins or labels), then we would return true
+         *   from this method when there is a single touch.
+         *
+         * - Similar to the previous case, if a two finger "tap" should trigger a
+         *   zoom, we would check the `touches` count, and if `>= 2`, we would return
+         *   true.
+         *
+         */
+        scrollResponderHandleStartShouldSetResponder(): boolean
+
+        /**
+         * There are times when the scroll view wants to become the responder
+         * (meaning respond to the next immediate `touchStart/touchEnd`), in a way
+         * that *doesn't* give priority to nested views (hence the capture phase):
+         *
+         * - Currently animating.
+         * - Tapping anywhere that is not the focused input, while the keyboard is
+         *   up (which should dismiss the keyboard).
+         *
+         * Invoke this from an `onStartShouldSetResponderCapture` event.
+         */
+        scrollResponderHandleStartShouldSetResponderCapture(e: Event): boolean
+
+        /**
+         * Invoke this from an `onResponderReject` event.
+         *
+         * Some other element is not yielding its role as responder. Normally, we'd
+         * just disable the `UIScrollView`, but a touch has already began on it, the
+         * `UIScrollView` will not accept being disabled after that. The easiest
+         * solution for now is to accept the limitation of disallowing this
+         * altogether. To improve this, find a way to disable the `UIScrollView` after
+         * a touch has already started.
+         */
+        scrollResponderHandleResponderReject(): any
+
+        /**
+         * We will allow the scroll view to give up its lock iff it acquired the lock
+         * during an animation. This is a very useful default that happens to satisfy
+         * many common user experiences.
+         *
+         * - Stop a scroll on the left edge, then turn that into an outer view's
+         *   backswipe.
+         * - Stop a scroll mid-bounce at the top, continue pulling to have the outer
+         *   view dismiss.
+         * - However, without catching the scroll view mid-bounce (while it is
+         *   motionless), if you drag far enough for the scroll view to become
+         *   responder (and therefore drag the scroll view a bit), any backswipe
+         *   navigation of a swipe gesture higher in the view hierarchy, should be
+         *   rejected.
+         */
+        scrollResponderHandleTerminationRequest(): boolean
+
+        /**
+         * Invoke this from an `onTouchEnd` event.
+         *
+         * @param {SyntheticEvent} e Event.
+         */
+        scrollResponderHandleTouchEnd(e: Event): void
+
+        /**
+         * Invoke this from an `onResponderRelease` event.
+         */
+        scrollResponderHandleResponderRelease(e: Event): void
+
+        scrollResponderHandleScroll(e: Event): void
+
+        /**
+         * Invoke this from an `onResponderGrant` event.
+         */
+        scrollResponderHandleResponderGrant(e: Event): void
+
+        /**
+         * Unfortunately, `onScrollBeginDrag` also fires when *stopping* the scroll
+         * animation, and there's not an easy way to distinguish a drag vs. stopping
+         * momentum.
+         *
+         * Invoke this from an `onScrollBeginDrag` event.
+         */
+        scrollResponderHandleScrollBeginDrag(e: Event): void
+
+        /**
+         * Invoke this from an `onScrollEndDrag` event.
+         */
+        scrollResponderHandleScrollEndDrag(e: Event): void
+
+        /**
+         * Invoke this from an `onMomentumScrollBegin` event.
+         */
+        scrollResponderHandleMomentumScrollBegin(e: Event): void
+
+        /**
+         * Invoke this from an `onMomentumScrollEnd` event.
+         */
+        scrollResponderHandleMomentumScrollEnd(e: Event): void
+
+        /**
+         * Invoke this from an `onTouchStart` event.
+         *
+         * Since we know that the `SimpleEventPlugin` occurs later in the plugin
+         * order, after `ResponderEventPlugin`, we can detect that we were *not*
+         * permitted to be the responder (presumably because a contained view became
+         * responder). The `onResponderReject` won't fire in that case - it only
+         * fires when a *current* responder rejects our request.
+         *
+         * @param {SyntheticEvent} e Touch Start event.
+         */
+        scrollResponderHandleTouchStart(e: Event): void
+
+        /**
+         * Invoke this from an `onTouchMove` event.
+         *
+         * Since we know that the `SimpleEventPlugin` occurs later in the plugin
+         * order, after `ResponderEventPlugin`, we can detect that we were *not*
+         * permitted to be the responder (presumably because a contained view became
+         * responder). The `onResponderReject` won't fire in that case - it only
+         * fires when a *current* responder rejects our request.
+         *
+         * @param {SyntheticEvent} e Touch Start event.
+         */
+        scrollResponderHandleTouchMove(e: Event): void
+
+        /**
+         * A helper function for this class that lets us quickly determine if the
+         * view is currently animating. This is particularly useful to know when
+         * a touch has just started or ended.
+         */
+        scrollResponderIsAnimating(): boolean
+
+        /**
+         * Returns the node that represents native view that can be scrolled.
+         * Components can pass what node to use by defining a `getScrollableNode`
+         * function otherwise `this` is used.
+         */
+        scrollResponderGetScrollableNode(): any
+
+        /**
+         * A helper function to scroll to a specific point  in the scrollview.
+         * This is currently used to help focus on child textviews, but can also
+         * be used to quickly scroll to any element we want to focus. Syntax:
+         *
+         * scrollResponderScrollTo(options: {x: number = 0; y: number = 0; animated: boolean = true})
+         *
+         * Note: The weird argument signature is due to the fact that, for historical reasons,
+         * the function also accepts separate arguments as as alternative to the options object.
+         * This is deprecated due to ambiguity (y before x), and SHOULD NOT BE USED.
+         */
+        scrollResponderScrollTo( x?: number | { x?: number, y?: number, animated?: boolean }, y?: number, animated?: boolean ): void,
+
+        /**
+         * A helper function to zoom to a specific rect in the scrollview. The argument has the shape
+         * {x: number; y: number; width: number; height: number; animated: boolean = true}
+         *
+         * @platform ios
+         */
+        scrollResponderZoomTo(
+            rect: { x: number, y: number, width: number, height: number, animated?: boolean },
+            animated?: boolean // deprecated, put this inside the rect argument instead
+        ): void
+
+        /**
+         * This method should be used as the callback to onFocus in a TextInputs'
+         * parent view. Note that any module using this mixin needs to return
+         * the parent view's ref in getScrollViewRef() in order to use this method.
+         * @param {any} nodeHandle The TextInput node handle
+         * @param {number} additionalOffset The scroll view's top "contentInset".
+         *        Default is 0.
+         * @param {bool} preventNegativeScrolling Whether to allow pulling the content
+         *        down to make it meet the keyboard's top. Default is false.
+         */
+        scrollResponderScrollNativeHandleToKeyboard(nodeHandle: any, additionalOffset?: number, preventNegativeScrollOffset?: boolean): void
+
+        /**
+         * The calculations performed here assume the scroll view takes up the entire
+         * screen - even if has some content inset. We then measure the offsets of the
+         * keyboard, and compensate both for the scroll view's "contentInset".
+         *
+         * @param {number} left Position of input w.r.t. table view.
+         * @param {number} top Position of input w.r.t. table view.
+         * @param {number} width Width of the text input.
+         * @param {number} height Height of the text input.
+         */
+        scrollResponderInputMeasureAndScrollToKeyboard(left: number, top: number, width: number, height: number): void
+
+        scrollResponderTextInputFocusError(e: Event): void
+
+        /**
+         * `componentWillMount` is the closest thing to a  standard "constructor" for
+         * React components.
+         *
+         * The `keyboardWillShow` is called before input focus.
+         */
+        componentWillMount(): void
+
+        /**
+         * Warning, this may be called several times for a single keyboard opening.
+         * It's best to store the information in this method and then take any action
+         * at a later point (either in `keyboardDidShow` or other).
+         *
+         * Here's the order that events occur in:
+         * - focus
+         * - willShow {startCoordinates, endCoordinates} several times
+         * - didShow several times
+         * - blur
+         * - willHide {startCoordinates, endCoordinates} several times
+         * - didHide several times
+         *
+         * The `ScrollResponder` providesModule callbacks for each of these events.
+         * Even though any user could have easily listened to keyboard events
+         * themselves, using these `props` callbacks ensures that ordering of events
+         * is consistent - and not dependent on the order that the keyboard events are
+         * subscribed to. This matters when telling the scroll view to scroll to where
+         * the keyboard is headed - the scroll responder better have been notified of
+         * the keyboard destination before being instructed to scroll to where the
+         * keyboard will be. Stick to the `ScrollResponder` callbacks, and everything
+         * will work.
+         *
+         * WARNING: These callbacks will fire even if a keyboard is displayed in a
+         * different navigation pane. Filter out the events to determine if they are
+         * relevant to you. (For example, only if you receive these callbacks after
+         * you had explicitly focused a node etc).
+         */
+        scrollResponderKeyboardWillShow(e: Event): void
+
+        scrollResponderKeyboardWillHide(e: Event): void
+
+        scrollResponderKeyboardDidShow(e: Event): void
+
+        scrollResponderKeyboardDidHide(e: Event): void
+    }
+
     export interface ScrollViewPropertiesIOS {
 
         /**
@@ -4005,11 +5337,6 @@ declare namespace  __React {
          */
         minimumZoomScale?: number
 
-        /**
-         * Deprecated. Use the refreshControl prop instead.
-         */
-        onRefreshStart?: () => void
-
         /**
          * Called when a scrolling animation ends.
          */
@@ -4047,7 +5374,7 @@ declare namespace  __React {
          *      - center will align the snap in the center
          *      - end will align the snap at the right (horizontal) or bottom (vertical)
          */
-        snapToAlignment?: string
+        snapToAlignment?: "start" | "center" | "end"
 
         /**
          * When set, causes the scroll view to stop at multiples of the value of snapToInterval.
@@ -4185,10 +5512,7 @@ declare namespace  __React {
         ref?: Ref<ScrollViewStatic>
     }
 
-    interface ScrollViewStatic extends React.ComponentClass<ScrollViewProps> {
-
-        // Deprecated. Use RefreshControl instead.
-        endRefreshing?: () => void
+    interface ScrollViewStatic extends ScrollResponderMixin, React.ComponentClass<ScrollViewProps> {
 
         /**
          * Scrolls to a given x, y offset, either immediately or with a smooth animation.
@@ -4214,6 +5538,8 @@ declare namespace  __React {
          */
         getScrollResponder(): JSX.Element;
 
+        getScrollableNode(): any;
+
         // Undocumented
         getInnerViewNode(): any;
 
@@ -4247,6 +5573,19 @@ declare namespace  __React {
         zoomScale: number;
     }
 
+    export interface SnapshotViewIOSProperties extends ViewProperties, React.Props<SnapshotViewIOSStatic> {
+
+        // 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?: Ref<ViewStatic & SnapshotViewIOSStatic>
+    }
+
+    export interface SnapshotViewIOSStatic extends NativeMethodsMixin, React.ComponentClass<SnapshotViewIOSProperties> {}
+
     // Deduced from
     // https://github.com/facebook/react-native/commit/052cd7eb8afa7a805ef13e940251be080499919c
 
@@ -4260,24 +5599,56 @@ declare namespace  __React {
      */
     export interface SwipeableListViewDataSource {
         cloneWithRowsAndSections(dataBlob: any,
-                                 sectionIdentities: Array<string>,
-                                 rowIdentities: Array<Array<string>>): SwipeableListViewDataSource
+                                 sectionIdentities?: Array<string>,
+                                 rowIdentities?: Array<Array<string>>): SwipeableListViewDataSource
         getDataSource(): ListViewDataSource
         getOpenRowID(): string
-        setOpenRowID(rowID: string): ListViewDataSource
+        getFirstRowID(): string
+        setOpenRowID(rowID: string): SwipeableListViewDataSource
     }
 
     export interface SwipeableListViewProps extends React.Props<SwipeableListViewStatic> {
+
+        /**
+         * To alert the user that swiping is possible, the first row can bounce
+         * on component mount.
+         */
+        bounceFirstRowOnMount: boolean
+
+        /**
+         * Use `SwipeableListView.getNewDataSource()` to get a data source to use,
+         * then use it just like you would a normal ListView data source
+         */
         dataSource: SwipeableListViewDataSource
-        maxSwipeDistance?: number
+
+        // Maximum distance to open to after a swipe
+        maxSwipeDistance: number
 
         // Callback method to render the swipeable view
         renderRow: ( rowData: any, sectionID: string | number, rowID: string | number, highlightRow?: boolean ) => React.ReactElement<any>
 
         // Callback method to render the view that will be unveiled on swipe
-        renderQuickActions(rowData: Object, sectionID: string, rowID: string): React.ReactElement<any>
+        renderQuickActions(rowData: any, sectionID: string | number, rowID: string | number): React.ReactElement<any>
     }
 
+    /**
+     * A container component that renders multiple SwipeableRow's in a ListView
+     * implementation. This is designed to be a drop-in replacement for the
+     * standard React Native `ListView`, so use it as if it were a ListView, but
+     * with extra props, i.e.
+     *
+     * let ds = SwipeableListView.getNewDataSource();
+     * ds.cloneWithRowsAndSections(dataBlob, ?sectionIDs, ?rowIDs);
+     * // ..
+     * <SwipeableListView renderRow={..} renderQuickActions={..} {..ListView props} />
+     *
+     * SwipeableRow can be used independently of this component, but the main
+     * benefit of using this component is
+     *
+     * - It ensures that at most 1 row is swiped open (auto closes others)
+     * - It can bounce the 1st row of the list so users know it's swipeable
+     * - More to come
+     */
     export interface SwipeableListViewStatic extends React.ComponentClass<SwipeableListViewProps> {
         getNewDataSource(): SwipeableListViewDataSource
     }
@@ -4294,7 +5665,7 @@ declare namespace  __React {
      */
     export interface ActionSheetIOSOptions {
         title?: string
-        options?: string[]
+        options: string[]
         cancelButtonIndex?: number
         destructiveButtonIndex?: number
         message?: string
@@ -4303,6 +5674,11 @@ declare namespace  __React {
     export interface ShareActionSheetIOSOptions {
         message?: string
         url?: string
+        subject?: string
+        /** The activities to exclude from the ActionSheet.
+         * For example: ['com.apple.UIKit.activity.PostToTwitter']
+         */
+        excludedActivityTypes?: string[]
     }
 
     /**
@@ -4310,28 +5686,85 @@ declare namespace  __React {
      */
     export interface ActionSheetIOSStatic {
         /**
-         * Display an iOS action sheet. The options object must contain one
-         * or more of:
-         * options (array of strings) - a list of button titles (required)
-         * cancelButtonIndex (int) - index of cancel button in options
-         * destructiveButtonIndex (int) - index of destructive button in options
-         * title (string) - a title to show above the action sheet
-         * message (string) - a message to show below the title
+         * Display an iOS action sheet. The `options` object must contain one or more
+         * of:
+         * - `options` (array of strings) - a list of button titles (required)
+         * - `cancelButtonIndex` (int) - index of cancel button in `options`
+         * - `destructiveButtonIndex` (int) - index of destructive button in `options`
+         * - `title` (string) - a title to show above the action sheet
+         * - `message` (string) - a message to show below the title
          */
         showActionSheetWithOptions: ( options: ActionSheetIOSOptions, callback: ( buttonIndex: number ) => void ) => void
 
         /**
-         * Display the iOS share sheet. The options object should contain one
-         * or both of:
-         * message (string) - a message to share
-         * url (string) - a URL to share
-         * NOTE: if url points to a local file, or is a base64-encoded uri,
-         * the file it points to will be loaded and shared directly. In this
-         * way, you can share images, videos, PDF files, etc.
+         * Display the iOS share sheet. The `options` object should contain
+         * one or both of `message` and `url` and can additionally have
+         * a `subject` or `excludedActivityTypes`:
+         *
+         * - `url` (string) - a URL to share
+         * - `message` (string) - a message to share
+         * - `subject` (string) - a subject for the message
+         * - `excludedActivityTypes` (array) - the activities to exclude from the ActionSheet
+         *
+         * NOTE: if `url` points to a local file, or is a base64-encoded
+         * uri, the file it points to will be loaded and shared directly.
+         * In this way, you can share images, videos, PDF files, etc.
          */
         showShareActionSheetWithOptions: ( options: ShareActionSheetIOSOptions, failureCallback: ( error: Error ) => void, successCallback: ( success: boolean, method: string ) => void ) => void
     }
 
+    export type ShareContent = {
+        title?: string
+        message: string
+    } | {
+        title?: string
+        url: string
+    }
+
+    export type ShareOptions = {
+        dialogTitle?: string
+        excludeActivityTypes?: Array<string>
+        tintColor?: string
+    }
+
+    export interface ShareStatic {
+        /**
+         * Open a dialog to share text content.
+         *
+         * In iOS, Returns a Promise which will be invoked an object containing `action`, `activityType`.
+         * If the user dismissed the dialog, the Promise will still be resolved with action being `Share.dismissedAction`
+         * and all the other keys being undefined.
+         *
+         * In Android, Returns a Promise which always be resolved with action being `Share.sharedAction`.
+         *
+         * ### Content
+         *
+         *  - `message` - a message to share
+         *  - `title` - title of the message
+         *
+         * #### iOS
+         *
+         *  - `url` - an URL to share
+         *
+         * At least one of URL and message is required.
+         *
+         * ### Options
+         *
+         * #### iOS
+         *
+         * - `excludedActivityTypes`
+         * - `tintColor`
+         *
+         * #### Android
+         *
+         * - `dialogTitle`
+         *
+         */
+        share(content: ShareContent, options: ShareOptions): Promise<Object>
+        sharedAction: string
+        dismissedAction: string
+    }
+
     /**
      * @see https://facebook.github.io/react-native/docs/alert.html#content
      */
@@ -4341,10 +5774,59 @@ declare namespace  __React {
       style?: "default" | "cancel" | "destructive"
     }
 
-    export interface AlertStatic {
-       alert: (title: string, message?: string, buttons?: AlertButton[], type?: string) => void
+    interface AlertOptions {
+        /** @platform android */
+        cancelable?: boolean;
     }
 
+    /**
+     * Launches an alert dialog with the specified title and message.
+     *
+     * Optionally provide a list of buttons. Tapping any button will fire the
+     * respective onPress callback and dismiss the alert. By default, the only
+     * button will be an 'OK' button.
+     *
+     * This is an API that works both on iOS and Android and can show static
+     * alerts. To show an alert that prompts the user to enter some information,
+     * see `AlertIOS`; entering text in an alert is common on iOS only.
+     *
+     * ## iOS
+     *
+     * On iOS you can specify any number of buttons. Each button can optionally
+     * specify a style, which is one of 'default', 'cancel' or 'destructive'.
+     *
+     * ## Android
+     *
+     * On Android at most three buttons can be specified. Android has a concept
+     * of a neutral, negative and a positive button:
+     *
+     *   - If you specify one button, it will be the 'positive' one (such as 'OK')
+     *   - Two buttons mean 'negative', 'positive' (such as 'Cancel', 'OK')
+     *   - Three buttons mean 'neutral', 'negative', 'positive' (such as 'Later', 'Cancel', 'OK')
+     *
+     * ```
+     * // Works on both iOS and Android
+     * Alert.alert(
+     *   'Alert Title',
+     *   'My Alert Msg',
+     *   [
+     *     {text: 'Ask me later', onPress: () => console.log('Ask me later pressed')},
+     *     {text: 'Cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel'},
+     *     {text: 'OK', onPress: () => console.log('OK Pressed')},
+     *   ]
+     * )
+     * ```
+     */
+    export interface AlertStatic {
+        alert: (title: string, message?: string, buttons?: AlertButton[], options?: AlertOptions, type?: string) => void
+    }
+
+    /**
+     * Wrapper around the Android native module.
+     */
+    export interface AlertAndroidStatic {
+        alert: (title: string, message?: string, buttons?: AlertButton[], options?: AlertOptions) => void
+    }
 
     /**
      * //FIXME: No documentation - inferred from RCTAdSupport.m
@@ -4360,46 +5842,58 @@ declare namespace  __React {
         style?: "default" | "cancel" | "destructive"
     }
 
+    export type AlertType = "default" | "plain-text" | "secure-text" | "login-password"
+
     /**
-     * Launches an alert dialog with the specified title and message.
+     * @description
+     * `AlertIOS` provides functionality to create an iOS alert dialog with a
+     * message or create a prompt for user input.
      *
-     * Optionally provide a list of buttons.
-     * Tapping any button will fire the respective onPress callback and dismiss the alert.
-     * By default, the only button will be an 'OK' button
-     *
-     * The last button in the list will be considered the 'Primary' button and it will appear bold.
+     * We recommend using the [`Alert.alert`](/docs/alert.html) method for
+     * cross-platform support if you don't need to create iOS-only prompts.
      *
      * @see https://facebook.github.io/react-native/docs/alertios.html#content
      */
     export interface AlertIOSStatic {
 
-        /*
-         Creates a popup to alert the user.
-
-         title: string -- The dialog's title.
-         message: string -- An optional message that appears above the text input.
-         callbackOrButtons -- This optional argument should be either a single-argument function or an array of buttons. If passed a function, it will be called when the user taps 'OK'.
-
-         If passed an array of button configurations, each button should include a text key, as well as optional onPress and style keys. style should be one of 'default', 'cancel' or 'destructive'.
-
-         type -- deprecated, do not use
+        /**
+         * Create and display a popup alert.
+         * @static
+         * @method alert
+         * @param title The dialog's title.
+         * @param message An optional message that appears below
+         *     the dialog's title.
+         * @param callbackOrButtons This optional argument should
+         *    be either a single-argument function or an array of buttons. If passed
+         *    a function, it will be called when the user taps 'OK'.
+         *
+         *    If passed an array of button configurations, each button should include
+         *    a `text` key, as well as optional `onPress` and `style` keys. `style`
+         *    should be one of 'default', 'cancel' or 'destructive'.
+         * @param type Deprecated, do not use.
          */
-        alert: ( title: string, message?: string, callbackOrButtons?: (value: string) => void| Array<AlertIOSButton>, type?: string ) => void
+        alert: ( title: string, message?: string, callbackOrButtons?: (() => void) | Array<AlertIOSButton>, type?: AlertType ) => void
 
-        /*
-         Prompt the user to enter some text.
-
-         title: string -- The dialog's title.
-         message: string -- An optional message that appears above the text input.
-         callbackOrButtons -- This optional argument should be either a single-argument function or an array of buttons. If passed a function, it will be called with the prompt's value when the user taps 'OK'.
-
-         If passed an array of button configurations, each button should include a text key, as well as optional onPress and style keys (see example). style should be one of 'default', 'cancel' or 'destructive'.
-
-         type: string -- This configures the text input. One of 'plain-text', 'secure-text' or 'login-password'.
-         defaultValue: string -- the default value for the text field.
+        /**
+         * Create and display a prompt to enter some text.
+         * @static
+         * @method prompt
+         * @param title The dialog's title.
+         * @param message An optional message that appears above the text
+         *    input.
+         * @param callbackOrButtons This optional argument should
+         *    be either a single-argument function or an array of buttons. If passed
+         *    a function, it will be called with the prompt's value when the user
+         *    taps 'OK'.
+         *
+         *    If passed an array of button configurations, each button should include
+         *    a `text` key, as well as optional `onPress` and `style` keys (see
+         *    example). `style` should be one of 'default', 'cancel' or 'destructive'.
+         * @param type This configures the text input. One of 'plain-text',
+         *    'secure-text' or 'login-password'.
+         * @param defaultValue The default text in text input.
          */
-
-        prompt: ( title: string, value?: string, callbackOrButtons?: (value: string) => void | Array<AlertIOSButton>, type?: string, defaultValue?: string ) => void
+        prompt: ( title: string, message?: string, callbackOrButtons?: ((value: string) => void) | Array<AlertIOSButton>, type?: AlertType, defaultValue?: string ) => void
     }
 
     /**
@@ -4438,11 +5932,17 @@ declare namespace  __React {
     }
 
     /**
-     * AsyncStorage is a simple, asynchronous, persistent, key-value storage system that is global to the app.
-     * It should be used instead of LocalStorage.
+     * AsyncStorage is a simple, unencrypted, asynchronous, persistent, key-value storage
+     * system that is global to the app.  It should be used instead of LocalStorage.
      *
-     * It is recommended that you use an abstraction on top of AsyncStorage
-     * instead of AsyncStorage directly for anything more than light usage since it operates globally.
+     * It is recommended that you use an abstraction on top of `AsyncStorage`
+     * instead of `AsyncStorage` directly for anything more than light usage since
+     * it operates globally.
+     *
+     * On iOS, `AsyncStorage` is backed by native code that stores small values in a
+     * serialized dictionary and larger values in separate files. On Android,
+     * `AsyncStorage` will use either [RocksDB](http://rocksdb.org/) or SQLite
+     * based on what is available.
      *
      * @see https://facebook.github.io/react-native/docs/asyncstorage.html#content
      */
@@ -4503,6 +6003,8 @@ declare namespace  __React {
         multiMerge( keyValuePairs: string[][], callback?: ( errors?: Error[] ) => void ): Promise<string>
     }
 
+    export type BackPressEventName = "hardwareBackPress"
+
     /**
      * Detect hardware back button presses, and programmatically invoke the
      * default back button functionality to exit the app if there are no
@@ -4511,16 +6013,19 @@ declare namespace  __React {
      */
     export interface BackAndroidStatic {
         exitApp(): void;
-        addEventListener(eventName: string, handler: () => void): void;
-        removeEventListener(eventName: string, handler: () => void): void;
+        addEventListener(eventName: BackPressEventName, handler: () => void): void;
+        removeEventListener(eventName: BackPressEventName, handler: () => void): void;
     }
 
+    export type CameraRollGroupType = "Album" | "All" | "Event" | "Faces" | "Library" | "PhotoStream" | "SavedPhotos";
+    export type CameraRollAssetType = "All" | "Videos" | "Photos";
+
     export interface CameraRollFetchParams {
         first: number;
         after?: string;
-        groupTypes: string; //  'Album','All','Event','Faces','Library','PhotoStream','SavedPhotos'
+        groupTypes?: CameraRollGroupType
         groupName?: string
-        assetType?: string
+        assetType?: CameraRollAssetType
     }
 
     export interface CameraRollNodeInfo {
@@ -4544,11 +6049,11 @@ declare namespace  __React {
 
     export interface GetPhotosParamType {
         first: number
-        after: string
-        groupTypes: "Album" | "All" | "Event" | "Faces" | "Library" | "PhotoStream" | "SavedPhotos"
-        groupName: string
-        assetType: "All" | "Videos" | "Photos"
-        mimeTypes: string[]
+        after?: string
+        groupTypes?: CameraRollGroupType
+        groupName?: string
+        assetType?: CameraRollAssetType
+        mimeTypes?: string[]
     }
 
     export interface GetPhotosReturnType {
@@ -4562,6 +6067,14 @@ declare namespace  __React {
                   width: number
                   isStored?: boolean
               }
+              timestamp: number
+              location: {
+                latitude: number
+                longitude: number
+                altitude: number
+                heading: number
+                speed: number
+              }
             }
         }[]
 
@@ -4574,16 +6087,17 @@ declare namespace  __React {
 
     /**
      * CameraRoll provides access to the local camera roll / gallery.
+     * Before using this you must link the RCTCameraRoll library.
+     * You can refer to (Linking)[https://facebook.github.io/react-native/docs/linking-libraries-ios.html] for help.
      */
     export interface CameraRollStatic {
 
-        GroupTypesOptions: string[] //'Album','All','Event','Faces','Library','PhotoStream','SavedPhotos'
+        GroupTypesOptions: CameraRollGroupType[] //'Album','All','Event','Faces','Library','PhotoStream','SavedPhotos'
+        AssetTypeOptions: CameraRollAssetType[] // "All", "Videos", "Photos"
 
         /**
          * Saves the image to the camera roll / gallery.
          *
-         * The CameraRoll API is not yet implemented for Android.
-         *
          * @tag On Android, this is a local URI, such as "file:///sdcard/img.png".
          * On iOS, the tag can be one of the following:
          *      local URI
@@ -4591,7 +6105,6 @@ declare namespace  __React {
          *      a tag not maching any of the above, which means the image data will be stored in memory (and consume memory as long as the process is alive)
          *
          * @deprecated use saveToCameraRoll instead
-         *
          */
         saveImageWithTag( tag: string ): Promise<string>
 
@@ -4619,6 +6132,7 @@ declare namespace  __React {
         getPhotos(params: GetPhotosParamType): Promise<GetPhotosReturnType>;
     }
 
+    /** Clipboard gives you an interface for setting and getting content from Clipboard on both iOS and Android */
     export interface ClipboardStatic {
         getString(): Promise<string>;
         setString(content: string): void;
@@ -4630,8 +6144,9 @@ declare namespace  __React {
         maxDate?: Date | number
     }
 
+    // Deduced from DatePickerAndroid.android.js
     export interface DatePickerAndroidOpenReturn {
-        action: string // Deduced from DatePickerAndroid.android.js
+        action: string // "dateSetAction" | "dismissedAction"
         year?: number
         month?: number
         day?: number
@@ -4641,7 +6156,10 @@ declare namespace  __React {
         /*
          Opens the standard Android date picker dialog.
 
-         The available keys for the options object are: date (Date object or timestamp in milliseconds) - date to show by default minDate (Date or timestamp in milliseconds) - minimum date that can be selected * maxDate (Date object or timestamp in milliseconds) - minimum date that can be selected
+         The available keys for the options object are:
+         * date (Date object or timestamp in milliseconds) - date to show by default
+         * minDate (Date object or timestamp in milliseconds) - minimum date that can be selected
+         * maxDate (Date object or timestamp in milliseconds) - maximum date that can be selected
 
          Returns a Promise which will be invoked an object containing action, year, month (0-11), day if the user picked a date. If the user dismissed the dialog, the Promise will still be resolved with action being DatePickerAndroid.dismissedAction and all the other keys being undefined. Always check whether the action before reading the values.
 
@@ -4715,16 +6233,15 @@ declare namespace  __React {
         getInitialURL(callback: (url: string) => void):void
     }
 
-    export interface LinkingStatic {
+    export interface LinkingStatic extends NativeEventEmitter {
         /**
-         * Add a handler to Linking changes by listening to the url event type and providing the handler
-         * @platform ios
+         * Add a handler to Linking changes by listening to the `url` event type
+         * and providing the handler
          */
         addEventListener(type: string, handler: (event: {url: string}) => void): void
 
         /**
-         * Remove a handler by passing the url event type and the handler
-         * @platform ios
+         * Remove a handler by passing the `url` event type and the handler
          */
         removeEventListener(type: string, handler: (event: {url: string}) => void): void
 
@@ -4734,7 +6251,7 @@ declare namespace  __React {
          * NOTE: This method will fail if the system doesn't know how to open the specified URL. If you're passing in a non-http(s) URL, it's best to check {@code canOpenURL} first.
          * NOTE: For web URLs, the protocol ("http://", "https://") must be set accordingly!
          */
-        openURL(url: string): Promise<boolean>
+        openURL(url: string): Promise<any>
 
         /**
          * Determine whether or not an installed app can handle a given URL.
@@ -4799,10 +6316,10 @@ declare namespace  __React {
 
     // This is from code, a few items more than documentation@0.25
     export type NetInfoReturnType = "none" | "wifi" | "cell" | "unknown" |
-   "NONE" | "MOBILE" | "WIFI" | "MOBILE_MMS" | "MOBILE_SUPL" | "MOBILE_DUN" |
-   "MOBILE_HIPRI" | "WIMAX" | "BLUETOOTH" | "DUMMY" | "ETHERNET" | "MOBILE_FOTA" |
-   "MOBILE_IMS" | "MOBILE_CBS" | "WIFI_P2P" | "MOBILE_IA" | "MOBILE_EMERGENCY" |
-   "PROXY" | "VPN" | "UNKNOWN"
+        "NONE" | "MOBILE" | "WIFI" | "MOBILE_MMS" | "MOBILE_SUPL" | "MOBILE_DUN" |
+        "MOBILE_HIPRI" | "WIMAX" | "BLUETOOTH" | "DUMMY" | "ETHERNET" | "MOBILE_FOTA" |
+        "MOBILE_IMS" | "MOBILE_CBS" | "WIFI_P2P" | "MOBILE_IA" | "MOBILE_EMERGENCY" |
+        "PROXY" | "VPN" | "UNKNOWN"
 
     export interface NetInfoStatic extends FetchableListenable<NetInfoReturnType> {
 
@@ -4819,7 +6336,7 @@ declare namespace  __React {
          * sensitive to heavy data usage on that connection due to monetary
          * costs, data limitations or battery/performance issues.
          */
-        isConnectionExpensive: FetchableListenable<boolean>
+        isConnectionExpensive: Promise<boolean>
     }
 
 
@@ -4947,6 +6464,37 @@ declare namespace  __React {
         create( config: PanResponderCallbacks ): PanResponderInstance
     }
 
+    export interface Rationale {
+        title: string
+        message: string
+    }
+
+    export type Permission = "android.permission.READ_CALENDAR" | "android.permission.WRITE_CALENDAR" | "android.permission.CAMERA" | "android.permission.READ_CONTACTS" | "android.permission.WRITE_CONTACTS" | "android.permission.GET_ACCOUNTS" | "android.permission.ACCESS_FINE_LOCATION" | "android.permission.ACCESS_COARSE_LOCATION" | "android.permission.RECORD_AUDIO" | "android.permission.READ_PHONE_STATE" | "android.permission.CALL_PHONE" | "android.permission.READ_CALL_LOG" | "android.permission.WRITE_CALL_LOG" | "com.android.voicemail.permission.ADD_VOICEMAIL" | "android.permission.USE_SIP" | "android.permission.PROCESS_OUTGOING_CALLS" | "android.permission.BODY_SENSORS" | "android.permission.SEND_SMS" | "android.permission.RECEIVE_SMS" | "android.permission.READ_SMS" | "android.permission.RECEIVE_WAP_PUSH" | "android.permission.RECEIVE_MMS" | "android.permission.READ_EXTERNAL_STORAGE" | "android.permission.WRITE_EXTERNAL_STORAGE"
+
+    export interface PermissionsAndroidStatic {
+        /**
+         * A list of specified "dangerous" permissions that require prompting the user
+         */
+        PERMISSIONS: {[key: string]: Permission}
+        new(): PermissionsAndroidStatic
+        /**
+         * Returns a promise resolving to a boolean value as to whether the specified
+         * permissions has been granted
+         */
+        checkPermission(permission: Permission): Promise<boolean>
+        /**
+         * Prompts the user to enable a permission and returns a promise resolving to a
+         * boolean value indicating whether the user allowed or denied the request
+         *
+         * If the optional rationale argument is included (which is an object with a
+         * `title` and `message`), this function checks with the OS whether it is
+         * necessary to show a dialog explaining why the permission is needed
+         * (https://developer.android.com/training/permissions/requesting.html#explain)
+         * and then shows the system permission dialog
+         */
+        requestPermission(permission: Permission, rationale?: Rationale): Promise<boolean>
+    }
+
     export interface PushNotificationPermissions {
         alert?: boolean
         badge?: boolean
@@ -4990,6 +6538,7 @@ declare namespace  __React {
         soundName?: string
         category?: string
         userInfo?: Object
+        applicationIconBadgeNumber?: number
     }
 
     type ScheduleLocalNotificationDetails = {
@@ -4999,8 +6548,11 @@ declare namespace  __React {
         soundName?: string
         category?: string
         userInfo?: Object
+        applicationIconBadgeNumber?: number
     }
 
+    export type PushNotificationEventName = "notification" | "localNotification" | "register" | "registrationError"
+
     /**
      * Handle push notifications for your app, including permission handling and icon badge number.
      * @see https://facebook.github.io/react-native/docs/pushnotificationios.html#content
@@ -5017,6 +6569,7 @@ declare namespace  __React {
          * soundName : The sound played when the notification is fired (optional).
          * category : The category of this notification, required for actionable notifications (optional).
          * userInfo : An optional object containing additional notification data.
+         * applicationIconBadgeNumber (optional) : The number to display as the app's icon badge. The default value of this property is 0, which means that no badge is displayed.
          */
         presentLocalNotification(details: PresentLocalNotificationDetails): void
 
@@ -5029,6 +6582,7 @@ declare namespace  __React {
          * soundName : The sound played when the notification is fired (optional).
          * category : The category of this notification, required for actionable notifications (optional).
          * userInfo : An optional object containing additional notification data.
+         * applicationIconBadgeNumber (optional) : The number to display as the app's icon badge. Setting the number to 0 removes the icon badge.
          */
         scheduleLocalNotification(details: ScheduleLocalNotificationDetails): void
 
@@ -5053,6 +6607,11 @@ declare namespace  __React {
          */
         getApplicationIconBadgeNumber( callback: ( badge: number ) => void ): void
 
+        /**
+         * Gets the local notifications that are currently scheduled.
+         */
+        getScheduledLocalNotifications(callback: (notifications: ScheduleLocalNotificationDetails[]) => void): void
+
         /**
          * Attaches a listener to remote notifications while the app is running in the
          * foreground or the background.
@@ -5061,13 +6620,19 @@ declare namespace  __React {
          *
          * The type MUST be 'notification'
          */
-        addEventListener( type: string, handler: ( notification: PushNotification ) => void ):void
+        addEventListener( type: PushNotificationEventName, handler: ( notification: PushNotification ) => void ):void
+
+        /**
+         * Removes the event listener. Do this in `componentWillUnmount` to prevent
+         * memory leaks
+         */
+        removeEventListener( type: PushNotificationEventName, handler: ( notification: PushNotification ) => void ): void
 
         /**
          * Requests all notification permissions from iOS, prompting the user's
          * dialog box.
          */
-        requestPermissions( permissions?: PushNotificationPermissions[] ): Promise<PushNotificationPermissions>
+        requestPermissions( permissions?: PushNotificationPermissions ): Promise<PushNotificationPermissions>
 
         /**
          * Unregister for all remote notifications received via Apple Push
@@ -5092,19 +6657,17 @@ declare namespace  __React {
         checkPermissions( callback: ( permissions: PushNotificationPermissions ) => void ): void
 
         /**
-         * Removes the event listener. Do this in `componentWillUnmount` to prevent
-         * memory leaks
+         * This method returns a promise that resolves to either the notification
+         * object if the app was launched by a push notification, or `null` otherwise.
          */
-        removeEventListener( type: string, handler: ( notification: PushNotification ) => void ): void
+        getInitialNotification(): PushNotification
+    }
 
-        /**
-         * An initial notification will be available if the app was cold-launched
-         * from a notification.
-         *
-         * The first caller of `popInitialNotification` will get the initial
-         * notification object, or `null`. Subsequent invocations will return null.
-         */
-        popInitialNotification(): PushNotification
+    export interface SettingsStatic {
+        get(key: string): any
+        set(settings: Object): void
+        watchKeys(keys: string | Array<string>, callback: (() => void)): number
+        clearWatch(watchId: number): void
     }
 
 
@@ -5114,9 +6677,9 @@ declare namespace  __React {
     export type StatusBarStyle =  "default" | "light-content"
 
     /**
-     * @enum('none','fade', 'slide')
+     * @enum('fade', 'slide')
      */
-    type StatusBarAnimation = "none" | "fade" | "slide"
+    export type StatusBarAnimation = "none" | "fade" | "slide"
 
     export interface StatusBarPropertiesIOS extends React.Props<StatusBarStatic> {
         /**
@@ -5140,7 +6703,7 @@ declare namespace  __React {
         /**
          * The background color of the status bar.
          */
-        backgroundColor?: any
+        backgroundColor?: string
 
         /**
          * If the status bar is translucent. When translucent is set to true,
@@ -5166,23 +6729,52 @@ declare namespace  __React {
 
     export interface StatusBarStatic extends React.ComponentClass<StatusBarProperties> {
 
-        setHidden: (hidden: boolean, animation: StatusBarAnimation) => void
+        /**
+         * The current height of the status bar on the device.
+         * @platform android
+         */
+        currentHeight?: number
 
-        setBarStyle: (style: StatusBarStyle, animated: boolean) => void
+        /**
+         * Show or hide the status bar
+         * @param hidden The dialog's title.
+         * @param animation Optional animation when
+         *    changing the status bar hidden property.
+         */
+        setHidden: (hidden: boolean, animation?: StatusBarAnimation) => void
 
+        /**
+         * Set the status bar style
+         * @param style Status bar style to set
+         * @param animated Animate the style change.
+         */
+        setBarStyle: (style: StatusBarStyle, animated?: boolean) => void
+
+        /**
+         * Control the visibility of the network activity indicator
+         * @param visible Show the indicator.
+         */
         setNetworkActivityIndicatorVisible: (visible: boolean) => void
 
-        setBackgroundColor: (color: string, animated: boolean) => void
+        /**
+         * Set the background color for the status bar
+         * @param color Background color.
+         * @param animated Animate the style change.
+         */
+        setBackgroundColor: (color: string, animated?: boolean) => void
 
+        /**
+         * Control the translucency of the status bar
+         * @param translucent Set as translucent.
+         */
         setTranslucent: (translucent: boolean) => void
     }
 
-
     /**
-     * StatusBarIOS is being deprecated.
-     * @see https://github.com/facebook/react-native/commit/4de616b4c1a9d3556632a93504828f0539fa4fa5
+     * StatusBarIOS is deprecated.
+     * Use `StatusBar` for mutating the status bar.
      */
-    export interface StatusBarIOSStatic {
+    export interface StatusBarIOSStatic extends NativeEventEmitter {
     }
 
     type TimePickerAndroidOpenOptions = {
@@ -5191,21 +6783,42 @@ declare namespace  __React {
         is24Hour?: boolean
     }
 
+    /**
+     * Opens the standard Android time picker dialog.
+     *
+     * ### Example
+     *
+     * ```
+     * try {
+     *   const {action, hour, minute} = await TimePickerAndroid.open({
+     *     hour: 14,
+     *     minute: 0,
+     *     is24Hour: false, // Will display '2 PM'
+     *   });
+     *   if (action !== TimePickerAndroid.dismissedAction) {
+     *     // Selected hour (0-23), minute (0-59)
+     *   }
+     * } catch ({code, message}) {
+     *   console.warn('Cannot open time picker', message);
+     * }
+     * ```
+     */
     export interface TimePickerAndroidStatic {
 
         /**
-         * The available keys for the options object are:
-         * hour (0-23) - the hour to show, defaults to the current time
-         * minute (0-59) - the minute to show, defaults to the current time
-         * is24Hour (boolean) - If true, the picker uses the 24-hour format.
-         * If false, the picker shows an AM/PM chooser. If undefined,
-         * the default for the current locale is used.
-
-         * Returns a Promise which will be invoked an object containing action,
-         * hour (0-23), minute (0-59) if the user picked a time. If the user
-         * dismissed the dialog, the Promise will still be resolved with action
-         * being TimePickerAndroid.dismissedAction and all the other keys being
-         * undefined. Always check whether the action before reading the values.
+         * Opens the standard Android time picker dialog.
+         *
+         * The available keys for the `options` object are:
+         *   * `hour` (0-23) - the hour to show, defaults to the current time
+         *   * `minute` (0-59) - the minute to show, defaults to the current time
+         *   * `is24Hour` (boolean) - If `true`, the picker uses the 24-hour format. If `false`,
+         *     the picker shows an AM/PM chooser. If undefined, the default for the current locale
+         *     is used.
+         *
+         * Returns a Promise which will be invoked an object containing `action`, `hour` (0-23),
+         * `minute` (0-59) if the user picked a time. If the user dismissed the dialog, the Promise will
+         * still be resolved with action being `TimePickerAndroid.dismissedAction` and all the other keys
+         * being undefined. **Always** check whether the `action` before reading the values.
          */
         open(options: TimePickerAndroidOpenOptions): Promise<{action: string, hour: number, minute: number}>
 
@@ -5220,6 +6833,16 @@ declare namespace  __React {
         dismissedAction: string
     }
 
+    /**
+     * This exposes the native ToastAndroid module as a JS module. This has a function 'show'
+     * which takes the following parameters:
+     *
+     * 1. String message: A string with the text to toast
+     * 2. int duration: The duration of the toast. May be ToastAndroid.SHORT or ToastAndroid.LONG
+     *
+     * There is also a function `showWithGravity` to specify the layout gravity. May be
+     * ToastAndroid.TOP, ToastAndroid.BOTTOM, ToastAndroid.CENTER
+     */
     export interface ToastAndroidStatic {
         /**
          * String message: A string with the text to toast
@@ -5227,8 +6850,48 @@ declare namespace  __React {
          * May be ToastAndroid.SHORT or ToastAndroid.LONG
          */
         show(message: string, duration: number): void
+        /** `gravity` may be ToastAndroid.TOP, ToastAndroid.BOTTOM, ToastAndroid.CENTER */
+        showWithGravity(
+            message: string,
+            duration: number,
+            gravity: number
+        ): void
+        // Toast duration constants
         SHORT: number
         LONG: number
+        // Toast gravity constants
+        TOP: number
+        BOTTOM: number
+        CENTER: number
+    }
+
+    export interface UIManagerStatic {
+        /**
+         * Capture an image of the screen, window or an individual view. The image
+         * will be stored in a temporary file that will only exist for as long as the
+         * app is running.
+         *
+         * The `view` argument can be the literal string `window` if you want to
+         * capture the entire window, or it can be a reference to a specific
+         * React Native component.
+         *
+         * The `options` argument may include:
+         * - width/height (number) - the width and height of the image to capture.
+         * - format (string) - either 'png' or 'jpeg'. Defaults to 'png'.
+         * - quality (number) - the quality when using jpeg. 0.0 - 1.0 (default).
+         *
+         * Returns a Promise<string> (tempFilePath)
+         * @platform ios
+         */
+        takeSnapshot: (
+            view ?: 'window' | ReactElement<any> | number,
+            options ?: {
+                width ?: number,
+                height ?: number,
+                format ?: 'png' | 'jpeg',
+                quality ?: number,
+            }
+        ) => Promise<string>
     }
 
     export interface SwitchPropertiesIOS extends ViewProperties, React.Props<SwitchStatic> {
@@ -5251,7 +6914,7 @@ declare namespace  __React {
         ref?: Ref<SwitchStatic>
     }
 
-    export interface SwitchProperties extends ViewProperties, React.Props<SwitchStatic> {
+    export interface SwitchProperties extends SwitchPropertiesIOS, React.Props<SwitchStatic> {
 
         /**
          * If true the user won't be able to toggle the switch.
@@ -5276,15 +6939,23 @@ declare namespace  __React {
         value?: boolean
 
 	    style?: ViewStyle
-
-        ref?: Ref<SwitchStatic>
     }
 
-    export interface SwitchStatic extends React.ComponentClass<SwitchProperties> {
+    /**
+     * Renders a boolean input.
+     *
+     * This is a controlled component that requires an `onValueChange` callback that
+     * updates the `value` prop in order for the component to reflect user actions.
+     * If the `value` prop is not updated, the component will continue to render
+     * the supplied `value` prop instead of the expected result of any user actions.
+     */
+    export interface SwitchStatic extends NativeMethodsMixin, React.ClassicComponentClass<SwitchProperties> {
 
     }
 
     /**
+     * NOTE: `VibrationIOS` is being deprecated. Use `Vibration` instead.
+     *
      * The Vibration API is exposed at VibrationIOS.vibrate().
      * On iOS, calling this function will trigger a one second vibration.
      * The vibration is asynchronous so this method will return immediately.
@@ -5296,16 +6967,40 @@ declare namespace  __React {
      * @see https://facebook.github.io/react-native/docs/vibrationios.html#content
      */
     export interface VibrationIOSStatic {
+        /**
+         * @deprecated
+         */
         vibrate(): void
     }
 
+    /**
+     * The Vibration API is exposed at `Vibration.vibrate()`.
+     * The vibration is asynchronous so this method will return immediately.
+     *
+     * There will be no effect on devices that do not support Vibration, eg. the simulator.
+     *
+     * **Note for android**
+     * add `<uses-permission android:name="android.permission.VIBRATE"/>` to `AndroidManifest.xml`
+     *
+     * **Android Usage:**
+     *
+     * [0, 500, 200, 500]
+     * V(0.5s) --wait(0.2s)--> V(0.5s)
+     *
+     * [300, 500, 200, 500]
+     * --wait(0.3s)--> V(0.5s) --wait(0.2s)--> V(0.5s)
+     *
+     * **iOS Usage:**
+     * if first argument is 0, it will not be included in pattern array.
+     *
+     * [0, 1000, 2000, 3000]
+     * V(fixed) --wait(1s)--> V(fixed) --wait(2s)--> V(fixed) --wait(3s)--> V(fixed)
+     */
     export interface VibrationStatic {
-        // Vibration patterns are currently unsupported.
         vibrate(pattern: number | number[], repeat: boolean): void
 
         /**
          * Stop vibration
-         * @platform android
          */
         cancel(): void
     }
@@ -5380,6 +7075,10 @@ declare namespace  __React {
       export class Value extends AnimatedWithChildren {
         constructor(value: number);
 
+        /**
+         * Directly set the value.  This will stop any animations running on the value
+         * and update all the bound properties.
+         */
         setValue(value: number): void;
 
         /**
@@ -5439,7 +7138,7 @@ declare namespace  __React {
 
         flattenOffset(): void
 
-        stopAnimation(callback?: () => number): void;
+        stopAnimation(callback?: (value: {x: number, y: number}) => void): void;
 
         addListener(callback: ValueXYListenerCallback): string;
 
@@ -5452,7 +7151,7 @@ declare namespace  __React {
          *  style={this.state.anim.getLayout()}
          *```
          */
-        getLayout(): { left: AnimatedValue, top: AnimatedValue };
+        getLayout(): { [key: string]: AnimatedValue };
 
         /**
          * Converts `{x, y}` into a useable translation transform, e.g.
@@ -5555,6 +7254,19 @@ declare namespace  __React {
 
       class AnimatedModulo extends AnimatedInterpolation {}
 
+      /**
+       * Create a new Animated value that is limited between 2 values. It uses the
+       * difference between the last value so even if the value is far from the bounds
+       * it will start changing when the value starts getting closer again.
+       * (`value = clamp(value + diff, min, max)`).
+       *
+       * This is useful with scroll events, for example, to show the navbar when
+       * scrolling up and to hide it when scrolling down.
+       */
+      export function diffClamp(a: Animated, min: number, max: number): AnimatedDiffClamp;
+
+      class AnimatedDiffClamp extends AnimatedInterpolation {}
+
       /**
        * Starts an animation after the given delay.
        */
@@ -5583,10 +7295,10 @@ declare namespace  __React {
        * Spring animation based on Rebound and Origami.  Tracks velocity state to
        * create fluid motions as the `toValue` updates, and can be chained together.
        */
-      export var spring: (
+      export function spring (
         value: AnimatedValue | AnimatedValueXY,
         config: SpringAnimationConfig
-      ) => CompositeAnimation;
+      ): CompositeAnimation;
 
       type ParallelConfig = {
         stopTogether?: boolean; // If one is stopped, stop all.  default: true
@@ -5597,10 +7309,10 @@ declare namespace  __React {
        * of the animations is stopped, they will all be stopped.  You can override
        * this with the `stopTogether` flag.
        */
-      var parallel: (
+      export function parallel (
         animations: Array<CompositeAnimation>,
         config?: ParallelConfig
-      ) => CompositeAnimation;
+      ): CompositeAnimation;
 
       type Mapping = {[key: string]: Mapping} | AnimatedValue;
       interface EventConfig {
@@ -5623,10 +7335,15 @@ declare namespace  __React {
        *  ]),
        *```
        */
-      var event: (
+      export function event (
         argMapping: Mapping[],
         config?: EventConfig
-      ) => (...args: any[]) => void;
+      ): (...args: any[]) => void;
+
+      /**
+       * Make any React component Animatable.  Used to create `Animated.View`, etc.
+       */
+      export function createAnimatedComponent (component: any) : any;
 
       /**
        * Animated variants of the basic native views. Accepts Animated.Value for
@@ -5637,6 +7354,12 @@ declare namespace  __React {
       export var Text: any;
     }
 
+    export interface I18nManagerStatic {
+        isRTL: boolean
+        allowRTL: (allowRTL: boolean) => {}
+        forceRTL: (forceRTL: boolean) => {}
+    }
+
     export interface GeolocationStatic {
         /*
          * Invokes the success callback once with the latest location info.  Supported
@@ -5657,6 +7380,77 @@ declare namespace  __React {
         stopObserving(): void
     }
 
+    export interface OpenCameraDialogOptions {
+        /** Defaults to false */
+        videoMode?: boolean
+    }
+
+    export interface OpenSelectDialogOptions {
+        /** Defaults to true */
+        showImages?: boolean
+        /** Defaults to false */
+        showVideos?: boolean
+    }
+
+    /** [imageURL|tempImageTag, height, width] */
+    export type ImagePickerResult = [string, number, number]
+
+    export interface ImagePickerIOSStatic {
+        canRecordVideos(callback: (value: boolean) => void): void
+        canUseCamera(callback: (value: boolean) => void): void
+        openCameraDialog(config: OpenCameraDialogOptions, successCallback: (args:ImagePickerResult) => void, cancelCallback: (args:any[]) => void): void
+        openSelectDialog(config: OpenSelectDialogOptions, successCallback: (args:ImagePickerResult) => void, cancelCallback: (args:any[]) => void): void
+    }
+
+    export interface ImageStoreStatic {
+          /**
+           * Check if the ImageStore contains image data for the specified URI.
+           * @platform ios
+           */
+          hasImageForTag(uri: string, callback: (hasImage: boolean) => void): void
+          /**
+           * Delete an image from the ImageStore. Images are stored in memory and
+           * must be manually removed when you are finished with them, otherwise they
+           * will continue to use up RAM until the app is terminated. It is safe to
+           * call `removeImageForTag()` without first calling `hasImageForTag()`, it
+           * will simply fail silently.
+           * @platform ios
+           */
+          removeImageForTag(uri: string): void
+          /**
+           * Stores a base64-encoded image in the ImageStore, and returns a URI that
+           * can be used to access or display the image later. Images are stored in
+           * memory only, and must be manually deleted when you are finished with
+           * them by calling `removeImageForTag()`.
+           *
+           * Note that it is very inefficient to transfer large quantities of binary
+           * data between JS and native code, so you should avoid calling this more
+           * than necessary.
+           * @platform ios
+           */
+          addImageFromBase64(
+              base64ImageData: string,
+              success: (uri: string) => void,
+              failure: (error: any) => void
+          ): void
+          /**
+           * Retrieves the base64-encoded data for an image in the ImageStore. If the
+           * specified URI does not match an image in the store, the failure callback
+           * will be called.
+           *
+           * Note that it is very inefficient to transfer large quantities of binary
+           * data between JS and native code, so you should avoid calling this more
+           * than necessary. To display an image in the ImageStore, you can just pass
+           * the URI to an `<Image/>` component; there is no need to retrieve the
+           * base64 data.
+           */
+          getBase64ForTag(
+              uri: string,
+              success: (base64ImageData: string) => void,
+              failure: (error: any) => void
+          ): void
+    }
+
     // Network Polyfill
     // TODO: Add proper support for fetch
     export type fetch = (url: string, options?: Object) => Promise<any>
@@ -5682,10 +7476,6 @@ declare namespace  __React {
 
     export type TabsReducerFunction = (params:any) => any;
 
-    export interface NavigationReducerStatic {
-        TabsReducer: any; // (TabsReducerFunction | TabsReducerStatic);
-    }
-
     export interface NavigationTab
     {
         key: string;
@@ -5710,19 +7500,6 @@ declare namespace  __React {
         onNavigate: (action: NavigationAction) => boolean
     ) => JSX.Element;
 
-    // Definitions for NavigationExperimental feature are deduced
-    // from code examples
-    export interface NavigationAnimatedViewStaticProps {
-        route?: any
-        style?: ViewStyle
-        renderOverlay?(props: Object): JSX.Element
-        applyAnimation(pos: any, navState: Object): void // TODO: what's pos?
-        renderScene?(props: Object): JSX.Element
-    }
-
-    export interface NavigationAnimatedViewStatic extends React.ComponentClass<NavigationAnimatedViewStaticProps> {
-    }
-
     export interface NavigationHeaderProps {
         renderTitleComponent?(props: Object): JSX.Element
         onNavigateBack(): void
@@ -5734,41 +7511,254 @@ declare namespace  __React {
     }
 
     export interface NavigationCardStackProps {
+        /**
+         * Custom style applied to the card.
+         */
+        cardStyle?: ViewStyle
+        /**
+         * Direction of the cards movement. Value could be `horizontal` or
+         * `vertical`. Default value is `horizontal`.
+         */
         direction?: 'horizontal' | 'vertical'
-        style?: ViewStyle
-        route?: any
-        renderScene?(props: any /* undocumented on 0.27 */): JSX.Element
-        onNavigateBack(): void
+        /**
+         * The distance from the edge of the card which gesture response can start
+         * for. Defaults value is `30`.
+         */
+        gestureResponseDistance?: number
+        /**
+         * Enable gestures. Default value is true
+         */
+        enableGestures?: boolean,
+        /**
+         * The controlled navigation state. Typically, the navigation state
+         * look like this:
+         *
+         * ```js
+         * const navigationState = {
+         *   index: 0, // the index of the selected route.
+         *   routes: [ // A list of routes.
+         *     {key: 'page 1'}, // The 1st route.
+         *     {key: 'page 2'}, // The second route.
+         *   ],
+         * };
+         * ```
+         */
+        navigationState: NavigationState,
+        /**
+         * Callback that is called when the "back" action is performed.
+         * This happens when the back button is pressed or the back gesture is
+         * performed.
+         */
+        onNavigateBack?: Function,
+        /**
+         * Function that renders the header.
+         */
+        renderHeader?: Function,
+
+        /**
+         * Function that renders the a scene for a route.
+         */
+        renderScene: Function,
+
+        /**
+         * Custom style applied to the cards stack.
+         */
+        style?: ViewStyle,
+    }
+
+    // Object Instances
+
+    export type NavigationAnimatedValue = Animated.Value;
+
+    // Value  & Structs.
+
+    export type NavigationGestureDirection = 'horizontal' | 'vertical';
+
+    export type NavigationLayout = {
+        height: NavigationAnimatedValue,
+        initHeight: number,
+        initWidth: number,
+        isMeasured: boolean,
+        width: NavigationAnimatedValue,
+    };
+
+    export type NavigationScene = {
+        index: number,
+        isActive: boolean,
+        isStale: boolean,
+        key: string,
+        route: NavigationRoute,
+    };
+
+    export interface NavigationSceneRendererProps {
+        // 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: Array<NavigationScene>,
+
+        // The active scene, corresponding to the route at
+        // `navigationState.routes[navigationState.index]`.
+        scene: NavigationScene,
+
+        // The gesture distance for `horizontal` and `vertical` transitions
+        gestureResponseDistance?: number,
+    }
+
+    export interface NavigationSceneRenderer extends React.ComponentClass<NavigationSceneRendererProps> {
+    }
+
+    export interface NavigationPropTypes {
+        // helpers
+        extractSceneRendererProps(props: NavigationSceneRendererProps): NavigationSceneRendererProps
+
+        // Bundled propTypes.
+        SceneRendererProps: {
+            layout: string,
+            navigationState: string,
+            position: string,
+            progress: string,
+            scene: string,
+            scenes: NavigationScene[],
+        }
+
+        // propTypes
+        SceneRenderer: any, // TODO: fix this
+        action: NavigationAction,
+        navigationState: NavigationState,
+        navigationRoute: NavigationRoute,
+        panHandlers: GestureResponderHandlers,
+    }
+
+    export interface NavigationCardProps extends React.ComponentClass<NavigationSceneRendererProps> {
+        onComponentRef: (ref: any) => void,
+        onNavigateBack: Function,
+        panHandlers: GestureResponderHandlers,
+        pointerEvents: string,
+        renderScene: NavigationSceneRenderer,
+        style: any,
     }
 
     export interface NavigationCardStackStatic extends React.ComponentClass<NavigationCardStackProps> {
     }
 
+    export interface NavigationCardStatic extends React.ComponentClass<NavigationCardProps> {
+    }
+
+    /**
+     * Utilities to perform atomic operation with navigate state and routes.
+     *
+     * ```javascript
+     * const state1 = {key: 'page 1'};
+     * const state2 = NavigationStateUtils.push(state1, {key: 'page 2'});
+     * ```
+     */
+    export interface NavigationStateUtils {
+        get(state: NavigationState, key: string): NavigationRoute
+        indexOf(state: NavigationState, key: string): number
+        has(state: NavigationState, key: string): boolean
+        push(state: NavigationState, route: NavigationRoute): NavigationState
+        pop(state: NavigationState): NavigationState
+        jumpToIndex(state: NavigationState, index: number): NavigationState
+        jumpTo(state: NavigationState, key: string): NavigationState
+        back(state: NavigationState): NavigationState
+        forward(state: NavigationState): NavigationState
+        replaceAt(
+            state: NavigationState,
+            key: string,
+            route: NavigationRoute
+        ): NavigationState
+        replaceAtIndex(
+            state: NavigationState,
+            index: number,
+            route: NavigationRoute
+        ): NavigationState
+        reset(
+            state: NavigationState,
+            routes: Array<NavigationRoute>,
+            index?: number
+        ): NavigationState
+    }
+
+    export type 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: Array<NavigationScene>,
+
+        // The active scene, corresponding to the route at
+        // `navigationState.routes[navigationState.index]`.
+        scene: NavigationScene,
+
+        // The gesture distance for `horizontal` and `vertical` transitions
+        gestureResponseDistance?: number,
+    }
+    export type NavigationTransitionSpec = {
+        duration?: number,
+        // An easing function from `Easing`.
+        easing?: () => any,
+        // A timing function such as `Animated.timing`.
+        timing?: (value: NavigationAnimatedValue, config: any) => any,
+    }
+    export interface NavigationTransitionerProps {
+        configureTransition: (
+            a: NavigationTransitionProps,
+            b?: NavigationTransitionProps
+        ) => NavigationTransitionSpec,
+        navigationState: NavigationState,
+        onTransitionEnd: () => void,
+        onTransitionStart: () => void,
+        render: (a: NavigationTransitionProps, b?: NavigationTransitionProps) => any,
+        style: any,
+    }
+
+    export interface NavigationTransitioner extends React.ComponentClass<NavigationTransitionerProps> {
+    }
+
+    export interface NavigationCard extends React.ComponentClass<NavigationCardProps> {
+    }
+
     export interface NavigationExperimentalStatic {
-        AnimatedView: NavigationAnimatedViewStatic;
+        // Core
+        StateUtils: NavigationStateUtils
+
+        // Views
+        Transitioner: NavigationTransitioner,
+
+        //AnimatedView: NavigationAnimatedViewStatic;
+        // CustomComponents:
+        Card: NavigationCard,
         CardStack: NavigationCardStackStatic;
         Header: NavigationHeaderStatic;
-        Reducer: NavigationReducerStatic;
-    }
 
-    export interface NavigationContainerProps {
-        tabs: NavigationTab[];
-        index: number;
-    }
-
-    export interface NavigationContainerStatic extends React.ComponentClass<NavigationContainerProps> {
-        create(inClass: any): any;
-    }
-
-    export interface NavigationRootContainerProps extends React.Props<NavigationRootContainerStatic> {
-        renderNavigation: NavigationRenderer;
-        reducer: NavigationReducerStatic;
-        persistenceKey?: string;
-    }
-
-    export interface NavigationRootContainerStatic extends React.ComponentClass<NavigationRootContainerProps> {
-        getBackAction(): NavigationAction;
-        handleNavigation( action: NavigationAction ): boolean;
+        PropTypes: NavigationPropTypes,
     }
 
     //
@@ -5785,12 +7775,57 @@ declare namespace  __React {
 
     /**
      * Receive events from native-code
+     * Deprecated - subclass NativeEventEmitter to create granular event modules instead of
+     * adding all event listeners directly to RCTNativeAppEventEmitter.
+     * @see https://github.com/facebook/react-native/blob/0.34-stable\Libraries\EventEmitter\RCTNativeAppEventEmitter.js
      * @see https://facebook.github.io/react-native/docs/native-modules-ios.html#sending-events-to-javascript
      */
-    export interface NativeAppEventEmitterStatic {
-        addListener(event: string, handler: (data: any) => void): NativeEventSubscription;
+    type RCTNativeAppEventEmitter = DeviceEventEmitterStatic
+
+    interface ImageCropData {
+        /**
+         * The top-left corner of the cropped image, specified in the original
+         * image's coordinate space.
+         */
+        offset: {
+            x: number;
+            y: number;
+        }
+
+        /**
+         * The size (dimensions) of the cropped image, specified in the original
+         * image's coordinate space.
+         */
+        size: {
+            width: number;
+            height: number;
+        }
+
+        /**
+         * (Optional) size to scale the cropped image to.
+         */
+        displaySize?: { width: number, height: number }
+
+        /**
+         * (Optional) the resizing mode to use when scaling the image. If the
+         * `displaySize` param is not specified, this has no effect.
+         */
+        resizeMode?: 'contain' | 'cover' | 'stretch'
     }
 
+    interface ImageEditorStatic {
+        /**
+         * Crop the image specified by the URI param. If URI points to a remote
+         * image, it will be downloaded automatically. If the image cannot be
+         * loaded/downloaded, the failure callback will be called.
+         *
+         * If the cropping process is successful, the resultant cropped image
+         * will be stored in the ImageStore, and the URI returned in the success
+         * callback will point to the image in the store. Remember to delete the
+         * cropped image from the ImageStore when you are done with it.
+         */
+        cropImage( uri: string, cropData: ImageCropData, success: (uri: string) => void, failure: (error: Object) => void ): void
+    }
 
     //////////////////////////////////////////////////////////////////////////
     //
@@ -5798,7 +7833,8 @@ declare namespace  __React {
     //
     //////////////////////////////////////////////////////////////////////////
 
-    // export var AppRegistry: AppRegistryStatic;
+    // TODO: The following components need to be added
+    // - [ ] ART
 
     export var ActivityIndicator: ActivityIndicatorStatic
     export type ActivityIndicator = ActivityIndicatorStatic
@@ -5815,6 +7851,9 @@ declare namespace  __React {
     export var Image: ImageStatic
     export type Image = ImageStatic
 
+    export var ImagePickerIOS: ImagePickerIOSStatic
+    export type ImagePickerIOS = ImagePickerIOSStatic
+
     export var LayoutAnimation: LayoutAnimationStatic
     export type LayoutAnimation = LayoutAnimationStatic
 
@@ -5848,11 +7887,17 @@ declare namespace  __React {
     export var RefreshControl: RefreshControlStatic
     export type RefreshControl = RefreshControlStatic
 
-    export var Slider: SliderIOS
-    export type Slider = SliderIOS
+    export var RecyclerViewBackedScrollView: RecyclerViewBackedScrollViewStatic
+    export type RecyclerViewBackedScrollView = RecyclerViewBackedScrollViewStatic
 
-    export var SliderIOS: SliderIOSStatic
-    export type SliderIOS = SliderIOSStatic
+    export var SegmentedControlIOS: SegmentedControlIOSStatic
+    export type SegmentedControlIOS = SegmentedControlIOSStatic
+
+    export var Slider: SliderStatic
+    export type Slider = SliderStatic
+
+    export var SliderIOS: SliderStatic
+    export type SliderIOS = SliderStatic
 
     export var StatusBar: StatusBarStatic
     export type StatusBar = StatusBarStatic
@@ -5860,8 +7905,11 @@ declare namespace  __React {
     export var ScrollView: ScrollViewStatic
     export type ScrollView = ScrollViewStatic
 
-    export var StyleSheet: StyleSheetStatic
-    export type StyleSheet = StyleSheetStatic
+    export var SnapshotViewIOS: SnapshotViewIOSStatic
+    export type SnapshotViewIOS = SnapshotViewIOSStatic
+
+    export var Systrace: SystraceStatic
+    export type Systrace = SystraceStatic
 
     export var SwipeableListView: SwipeableListViewStatic
     export type SwipeableListView = SwipeableListViewStatic
@@ -5910,12 +7958,18 @@ declare namespace  __React {
     export var ActionSheetIOS: ActionSheetIOSStatic
     export type ActionSheetIOS = ActionSheetIOSStatic
 
+    export var Share: ShareStatic
+    export type Share = ShareStatic
+
     export var AdSupportIOS: AdSupportIOSStatic
     export type AdSupportIOS = AdSupportIOSStatic
 
     export var Alert: AlertStatic
     export type Alert = AlertStatic
 
+    export var AlertAndroid: AlertAndroidStatic
+    export type AlertAndroid = AlertAndroidStatic
+
     export var AlertIOS: AlertIOSStatic
     export type AlertIOS = AlertIOSStatic
 
@@ -5940,9 +7994,26 @@ declare namespace  __React {
     export var DatePickerAndroid: DatePickerAndroidStatic
     export type DatePickerAndroid = DatePickerAndroidStatic
 
+    export var Geolocation: GeolocationStatic
+    export type Geolocation = GeolocationStatic
+
+    /** http://facebook.github.io/react-native/blog/2016/08/19/right-to-left-support-for-react-native-apps.html */
+    export var I18nManager: I18nManagerStatic
+    export type I18nManager = I18nManagerStatic
+
+    export var ImageEditor: ImageEditorStatic
+    export type ImageEditor = ImageEditorStatic
+
+    export var ImageStore: ImageStoreStatic
+    export type ImageStore = ImageStoreStatic
+
+    export var InteractionManager: InteractionManagerStatic
+
     export var IntentAndroid: IntentAndroidStatic
     export type IntentAndroid = IntentAndroidStatic
 
+    export var Keyboard: NativeEventEmitter
+
     export var KeyboardAvoidingView: KeyboardAvoidingViewStatic
     export type KeyboardAvoidingView = KeyboardAvoidingViewStatic
 
@@ -5952,15 +8023,27 @@ declare namespace  __React {
     export var LinkingIOS: LinkingIOSStatic
     export type LinkingIOS = LinkingIOSStatic
 
+    export var NativeMethodsMixin: NativeMethodsMixinStatic
+    export type NativeMethodsMixin = NativeMethodsMixinStatic
+
+    export var NativeComponent: NativeMethodsMixinStatic
+    export type NativeComponent = NativeMethodsMixinStatic
+
     export var NetInfo: NetInfoStatic
     export type NetInfo = NetInfoStatic
 
     export var PanResponder: PanResponderStatic
     export type PanResponder = PanResponderStatic
 
+    export var PermissionsAndroid: PermissionsAndroidStatic
+    export type PermissionsAndroid = PermissionsAndroidStatic
+
     export var PushNotificationIOS: PushNotificationIOSStatic
     export type PushNotificationIOS = PushNotificationIOSStatic
 
+    export var Settings: SettingsStatic
+    export type Settings = SettingsStatic
+
     export var StatusBarIOS: StatusBarIOSStatic
     export type StatusBarIOS = StatusBarIOSStatic
 
@@ -5970,6 +8053,9 @@ declare namespace  __React {
     export var ToastAndroid: ToastAndroidStatic
     export type ToastAndroid = ToastAndroidStatic
 
+    export var UIManager: UIManagerStatic
+    export type UIManager = UIManagerStatic
+
     export var VibrationIOS: VibrationIOSStatic
     export type VibrationIOS = VibrationIOSStatic
 
@@ -5982,58 +8068,62 @@ declare namespace  __React {
     export type NavigationExperimental = NavigationExperimentalStatic;
     export var NavigationExperimental: NavigationExperimentalStatic;
 
-    export type NavigationContainer = NavigationContainerStatic;
-    export var NavigationContainer: NavigationContainerStatic;
-
-    export type NavigationRootContainer = NavigationRootContainerStatic;
-    export var NavigationRootContainer: NavigationRootContainerStatic;
-
-    export type NavigationReducer = NavigationReducerStatic;
-    export var NavigationReducer: NavigationReducerStatic;
-
     export type Easing = EasingStatic;
     export var Easing: EasingStatic;
 
-    //Native Modules written in ObjectiveC/Swift/Java exposed via the RCTBridge
-    //See https://facebook.github.io/react-native/docs/native-modules-ios.html
+    //////////// Plugins //////////////
 
+    export var DeviceEventEmitter: DeviceEventEmitterStatic
     /**
+     * Abstract base class for implementing event-emitting modules. This implements
+     * a subset of the standard EventEmitter node module API.
+     */
+    export interface NativeEventEmitter extends EventEmitter {}
+    export var NativeEventEmitter: NativeEventEmitter
+    /**
+     * Deprecated - subclass NativeEventEmitter to create granular event modules instead of
+     * adding all event listeners directly to RCTNativeAppEventEmitter.
+     */
+    export var NativeAppEventEmitter: RCTNativeAppEventEmitter
+    /**
+     * Native Modules written in ObjectiveC/Swift/Java exposed via the RCTBridge
+     * Define lazy getters for each module. These will return the module if already loaded, or load it if not.
+     * See https://facebook.github.io/react-native/docs/native-modules-ios.html
      * Use:
      * <code>const MyModule = NativeModules.ModuleName</code>
      */
     export var NativeModules: any
-    export var NativeAppEventEmitter: NativeAppEventEmitterStatic
+    export var Platform: PlatformStatic
+    export var PixelRatio: PixelRatioStatic
 
-
-    //////////// Plugins //////////////
     export interface ComponentInterface<P> {
         name?: string;
         displayName?: string;
         propTypes: P
     }
 
+    /**
+     * Used to create React components that directly wrap native component
+     * implementations.  Config information is extracted from data exported from the
+     * UIManager module.  You should also wrap the native component in a
+     * hand-written component with full propTypes definitions and other
+     * documentation - pass the hand-written component in as `componentInterface` to
+     * verify all the native props are documented via `propTypes`.
+     *
+     * If some native props shouldn't be exposed in the wrapper interface, you can
+     * pass null for `componentInterface` and call `verifyPropTypes` directly
+     * with `nativePropsToIgnore`;
+     *
+     * Common types are lined up with the appropriate prop differs with
+     * `TypeToDifferMap`.  Non-scalar types not in the map default to `deepDiffer`.
+     */
     export function requireNativeComponent<P>(
         viewName: string,
         componentInterface?: ComponentInterface<P>,
-        extraConfig?: {nativeOnly: Object}
+        extraConfig?: {nativeOnly?: any}
     ): React.ComponentClass<P>;
 
-    //
-    // /TODO: BGR: These are leftovers of the initial port that must be revisited
-    //
-
-    export var SegmentedControlIOS: SegmentedControlIOSStatic
-    export type SegmentedControlIOS = SegmentedControlIOSStatic
-
-    export var PixelRatio: PixelRatioStatic
-    export var Platform: PlatformStatic
-    export var DeviceEventEmitter: DeviceEventEmitterStatic
-    export var DeviceEventSubscription: DeviceEventSubscriptionStatic
-    export type DeviceEventSubscription = DeviceEventSubscriptionStatic
-    export var InteractionManager: InteractionManagerStatic
-
-    export var Geolocation: GeolocationStatic
-    export type Geolocation = GeolocationStatic
+    export function processColor(color: any): number;
 
     //////////////////////////////////////////////////////////////////////////
     //
@@ -6071,6 +8161,13 @@ declare namespace  __React {
         export var TestModule: TestModuleStatic
         export type TestModule = TestModuleStatic
     }
+
+    //
+    // Prop Types
+    //
+    export var ColorPropType: Requireable<any>
+    export var EdgeInsetsPropType: Requireable<any>
+    export var PointPropType: Requireable<any>
 }
 
 declare module "react-native" {
@@ -6088,5 +8185,3 @@ declare function require( name: string ): any
  * <code> if (__DEV__) console.log('Running in dev mode')</code>
  */
 declare var __DEV__: boolean
-
-
diff --git a/react-native/tsconfig.json b/react-native/tsconfig.json
new file mode 100644
index 0000000000..b666373644
--- /dev/null
+++ b/react-native/tsconfig.json
@@ -0,0 +1,6 @@
+{
+    "compilerOptions": {
+        "target": "es6",
+        "noImplicitAny": true
+    }
+}

From 8c68417c51713389d46541f29a55686e5a734ff3 Mon Sep 17 00:00:00 2001
From: Shaun Bennett <me@phinary.ca>
Date: Wed, 12 Oct 2016 10:19:33 -0400
Subject: [PATCH 283/382] Add missing time function

---
 ioredis/ioredis.d.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/ioredis/ioredis.d.ts b/ioredis/ioredis.d.ts
index 60eccd0272..6c2e966bc9 100644
--- a/ioredis/ioredis.d.ts
+++ b/ioredis/ioredis.d.ts
@@ -278,6 +278,8 @@ declare module IORedis {
         sort(...args: any[]): any;
         info(args: any[], callback?: ResCallbackT<any>): any;
         info(...args: any[]): any;
+        time(args: any[], callback?: ResCallbackT<any>): any;
+        time(...args: any[]): any;
         monitor(args: any[], callback?: ResCallbackT<any>): any;
         monitor(...args: any[]): any;
         ttl(args: any[], callback?: ResCallbackT<any>): any;
@@ -561,6 +563,8 @@ declare module IORedis {
         sort(...args: any[]): Pipeline;
         info(args: any[], callback?: ResCallbackT<any>): Pipeline;
         info(...args: any[]): Pipeline;
+        time(args: any[], callback?: ResCallbackT<any>): Pipeline;
+        time(...args: any[]): Pipeline;
         monitor(args: any[], callback?: ResCallbackT<any>): Pipeline;
         monitor(...args: any[]): Pipeline;
         ttl(args: any[], callback?: ResCallbackT<any>): Pipeline;

From 6f72fc18f1a0d7b344e61642d5bd3720fdb1252e Mon Sep 17 00:00:00 2001
From: vvakame <vvakame+dev@gmail.com>
Date: Wed, 12 Oct 2016 23:25:39 +0900
Subject: [PATCH 284/382] rename github-electron to electron

---
 {github-electron => electron}/.editorconfig   |    0
 .../electron-tests.ts                         |    0
 electron/electron.d.ts                        |   10 +
 .../github-electron-main-tests.ts             |    0
 .../github-electron-renderer-tests.ts         |    0
 electron/github-electron.d.ts                 | 5640 +++++++++++++++++
 github-electron/electron.d.ts                 |    6 +-
 github-electron/github-electron.d.ts          | 5636 +---------------
 8 files changed, 5654 insertions(+), 5638 deletions(-)
 rename {github-electron => electron}/.editorconfig (100%)
 rename {github-electron => electron}/electron-tests.ts (100%)
 create mode 100644 electron/electron.d.ts
 rename {github-electron => electron}/github-electron-main-tests.ts (100%)
 rename {github-electron => electron}/github-electron-renderer-tests.ts (100%)
 create mode 100644 electron/github-electron.d.ts

diff --git a/github-electron/.editorconfig b/electron/.editorconfig
similarity index 100%
rename from github-electron/.editorconfig
rename to electron/.editorconfig
diff --git a/github-electron/electron-tests.ts b/electron/electron-tests.ts
similarity index 100%
rename from github-electron/electron-tests.ts
rename to electron/electron-tests.ts
diff --git a/electron/electron.d.ts b/electron/electron.d.ts
new file mode 100644
index 0000000000..5e331b3e47
--- /dev/null
+++ b/electron/electron.d.ts
@@ -0,0 +1,10 @@
+// Type definitions for electron 1.3.3
+// Project: https://github.com/electron-userland/electron-prebuilt
+// Definitions by: rhysd <https://github.com/rhysd>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'electron' {
+	var electron: string;
+	export = electron;
+}
+
diff --git a/github-electron/github-electron-main-tests.ts b/electron/github-electron-main-tests.ts
similarity index 100%
rename from github-electron/github-electron-main-tests.ts
rename to electron/github-electron-main-tests.ts
diff --git a/github-electron/github-electron-renderer-tests.ts b/electron/github-electron-renderer-tests.ts
similarity index 100%
rename from github-electron/github-electron-renderer-tests.ts
rename to electron/github-electron-renderer-tests.ts
diff --git a/electron/github-electron.d.ts b/electron/github-electron.d.ts
new file mode 100644
index 0000000000..db11d88ea7
--- /dev/null
+++ b/electron/github-electron.d.ts
@@ -0,0 +1,5640 @@
+// Type definitions for Electron v1.4.2
+// Project: http://electron.atom.io/
+// Definitions by: jedmao <https://github.com/jedmao/>, rhysd <https://rhysd.github.io>, Milan Burda <https://github.com/miniak/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts" />
+
+declare namespace Electron {
+
+	interface Event {
+		preventDefault: Function;
+		sender: NodeJS.EventEmitter;
+	}
+
+	type Point = {
+		x: number;
+		y: number;
+	}
+
+	type Size = {
+		width: number;
+		height: number;
+	}
+
+	type Rectangle = {
+		x: number;
+		y: number;
+		width: number;
+		height: number;
+	}
+
+	interface Destroyable {
+		/**
+		 * Destroys the object.
+		 */
+		destroy(): void;
+		/**
+		 * @returns Whether the object is destroyed.
+		 */
+		isDestroyed(): boolean;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/app.md
+
+	/**
+	 * The app module is responsible for controlling the application's lifecycle.
+	 */
+	interface App extends NodeJS.EventEmitter {
+		/**
+		 * Emitted when the application has finished basic startup.
+		 * On Windows and Linux, the will-finish-launching event
+		 * is the same as the ready event; on macOS, this event represents
+		 * the applicationWillFinishLaunching notification of NSApplication.
+		 * You would usually set up listeners for the open-file and open-url events here,
+		 * and start the crash reporter and auto updater.
+		 *
+		 * In most cases, you should just do everything in the ready event handler.
+		 */
+		on(event: 'will-finish-launching', listener: Function): this;
+		/**
+		 * Emitted when Electron has finished initialization.
+		 */
+		on(event: 'ready', listener: (event: Event, launchInfo: Object) => void): this;
+		/**
+		 * Emitted when all windows have been closed.
+		 *
+		 * If you do not subscribe to this event and all windows are closed,
+		 * the default behavior is to quit the app; however, if you subscribe,
+		 * you control whether the app quits or not.
+		 * If the user pressed Cmd + Q, or the developer called app.quit(),
+		 * Electron will first try to close all the windows and then emit the will-quit event,
+		 * and in this case the window-all-closed event would not be emitted.
+		 */
+		on(event: 'window-all-closed', listener: Function): this;
+		/**
+		 * Emitted before the application starts closing its windows.
+		 * Calling event.preventDefault() will prevent the default behaviour, which is terminating the application.
+		 */
+		on(event: 'before-quit', listener: (event: Event) => void): this;
+		/**
+		 * Emitted when all windows have been closed and the application will quit.
+		 * Calling event.preventDefault() will prevent the default behaviour, which is terminating the application.
+		 */
+		on(event: 'will-quit', listener: (event: Event) => void): this;
+		/**
+		 * Emitted when the application is quitting.
+		 */
+		on(event: 'quit', listener: (event: Event, exitCode: number) => void): this;
+		/**
+		 * Emitted when the user wants to open a file with the application.
+		 * The open-file event is usually emitted when the application is already open
+		 * and the OS wants to reuse the application to open the file.
+		 * open-file is also emitted when a file is dropped onto the dock and the application
+		 * is not yet running. Make sure to listen for the open-file event very early
+		 * in your application startup to handle this case (even before the ready event is emitted).
+		 *
+		 * You should call event.preventDefault() if you want to handle this event.
+		 *
+		 * Note: This is only implemented on macOS.
+		 */
+		on(event: 'open-file', listener: (event: Event, url: string) => void): this;
+		/**
+		 * Emitted when the user wants to open a URL with the application.
+		 * The URL scheme must be registered to be opened by your application.
+		 *
+		 * You should call event.preventDefault() if you want to handle this event.
+		 *
+		 * Note: This is only implemented on macOS.
+		 */
+		on(event: 'open-url', listener: (event: Event, url: string) => void): this;
+		/**
+		 * Emitted when the application is activated, which usually happens when clicks on the applications’s dock icon.
+		 * Note: This is only implemented on macOS.
+		 */
+		on(event: 'activate', listener: Function): this;
+		/**
+		 * Emitted during Handoff when an activity from a different device wants to be resumed.
+		 * You should call event.preventDefault() if you want to handle this event.
+		 */
+		on(event: 'continue-activity', listener: (event: Event, type: string, userInfo: Object) => void): this;
+		/**
+		 * Emitted when a browserWindow gets blurred.
+		 */
+		on(event: 'browser-window-blur', listener: (event: Event, browserWindow: BrowserWindow) => void): this;
+		/**
+		 * Emitted when a browserWindow gets focused.
+		 */
+		on(event: 'browser-window-focus', listener: (event: Event, browserWindow: BrowserWindow) => void): this;
+		/**
+		 * Emitted when a new browserWindow is created.
+		 */
+		on(event: 'browser-window-created', listener: (event: Event, browserWindow: BrowserWindow) => void): this;
+		/**
+		 * Emitted when a new webContents is created.
+		 */
+		on(event: 'web-contents-created', listener: (event: Event, webContents: WebContents) => void): this;
+		/**
+		 * Emitted when failed to verify the certificate for url, to trust the certificate
+		 * you should prevent the default behavior with event.preventDefault() and call callback(true).
+		 */
+		on(event: 'certificate-error', listener: (event: Event,
+			webContents: WebContents,
+			url: string,
+			error: string,
+			certificate: Certificate,
+			callback: (trust: boolean) => void
+		) => void): this;
+		/**
+		 * Emitted when a client certificate is requested.
+		 *
+		 * The url corresponds to the navigation entry requesting the client certificate
+		 * and callback needs to be called with an entry filtered from the list.
+		 * Using event.preventDefault() prevents the application from using the first certificate from the store.
+		 */
+		on(event: 'select-client-certificate', listener: (event: Event,
+			webContents: WebContents,
+			url: string,
+			certificateList: Certificate[],
+			callback: (certificate: Certificate) => void
+		) => void): this;
+		/**
+		 * Emitted when webContents wants to do basic auth.
+		 *
+		 * The default behavior is to cancel all authentications, to override this
+		 * you should prevent the default behavior with event.preventDefault()
+		 * and call callback(username, password) with the credentials.
+		 */
+		on(event: 'login', listener: (event: Event,
+			webContents: WebContents,
+			request: LoginRequest,
+			authInfo: LoginAuthInfo,
+			callback: (username: string, password: string) => void
+		) => void): this;
+		/**
+		 * Emitted when the gpu process crashes.
+		 */
+		on(event: 'gpu-process-crashed', listener: (event: Event, killed: boolean) => void): this;
+		/**
+		 * Emitted when Chrome's accessibility support changes.
+		 *
+		 * Note: This API is only available on macOS and Windows.
+		 */
+		on(event: 'accessibility-support-changed', listener: (event: Event, accessibilitySupportEnabled: boolean) => void): this;
+		on(event: string, listener: Function): this;
+		/**
+		 * Try to close all windows. The before-quit event will first be emitted.
+		 * If all windows are successfully closed, the will-quit event will be emitted
+		 * and by default the application would be terminated.
+		 *
+		 * This method guarantees all beforeunload and unload handlers are correctly
+		 * executed. It is possible that a window cancels the quitting by returning
+		 * false in beforeunload handler.
+		 */
+		quit(): void;
+		/**
+		 * Exits immediately with exitCode.
+		 * All windows will be closed immediately without asking user
+		 * and the before-quit and will-quit events will not be emitted.
+		 */
+		exit(exitCode?: number): void;
+		/**
+		 * Relaunches the app when current instance exits.
+		 *
+		 * By default the new instance will use the same working directory
+		 * and command line arguments with current instance.
+		 * When args is specified, the args will be passed as command line arguments instead.
+		 * When execPath is specified, the execPath will be executed for relaunch instead of current app.
+		 *
+		 * Note that this method does not quit the app when executed, you have to call app.quit
+		 * or app.exit after calling app.relaunch to make the app restart.
+		 *
+		 * When app.relaunch is called for multiple times, multiple instances
+		 * will be started after current instance exited.
+		 */
+		relaunch(options?: {
+			args?: string[],
+			execPath?: string
+		}): void;
+		/**
+		 * @returns Whether Electron has finished initializing.
+		 */
+		isReady(): boolean;
+		/**
+		 * On Linux, focuses on the first visible window.
+		 * On macOS, makes the application the active app.
+		 * On Windows, focuses on the application’s first window.
+		 */
+		focus(): void;
+		/**
+		 * Hides all application windows without minimizing them.
+		 * Note: This is only implemented on macOS.
+		 */
+		hide(): void;
+		/**
+		 * Shows application windows after they were hidden. Does not automatically focus them.
+		 * Note: This is only implemented on macOS.
+		 */
+		show(): void;
+		/**
+		 * Returns the current application directory.
+		 */
+		getAppPath(): string;
+		/**
+		 * @returns The path to a special directory or file associated with name.
+		 * On failure an Error would throw.
+		 */
+		getPath(name: AppPathName): string;
+		/**
+		 * Overrides the path to a special directory or file associated with name.
+		 * If the path specifies a directory that does not exist, the directory will
+		 * be created by this method. On failure an Error would throw.
+		 *
+		 * You can only override paths of names defined in app.getPath.
+		 *
+		 * By default web pages' cookies and caches will be stored under userData
+		 * directory, if you want to change this location, you have to override the
+		 * userData path before the ready event of app module gets emitted.
+		 */
+		setPath(name: AppPathName, path: string): void;
+		/**
+		 * @returns The version of loaded application, if no version is found in
+		 * application's package.json, the version of current bundle or executable.
+		 */
+		getVersion(): string;
+		/**
+		 * @returns The current application's name, the name in package.json would be used.
+		 * Usually the name field of package.json is a short lowercased name, according to
+		 * the spec of npm modules. So usually you should also specify a productName field,
+		 * which is your application's full capitalized name, and it will be preferred over
+		 * name by Electron.
+		 */
+		getName(): string;
+		/**
+		 * Overrides the current application's name.
+		 */
+		setName(name: string): void;
+		/**
+		  * @returns The current application locale.
+		  */
+		getLocale(): string;
+		/**
+		 * Adds path to recent documents list.
+		 *
+		 * This list is managed by the system, on Windows you can visit the list from
+		 * task bar, and on macOS you can visit it from dock menu.
+		 *
+		 * Note: This is only implemented on macOS and Windows.
+		 */
+		addRecentDocument(path: string): void;
+		/**
+		 * Clears the recent documents list.
+		 *
+		 * Note: This is only implemented on macOS and Windows.
+		 */
+		clearRecentDocuments(): void;
+		/**
+		 * Sets the current executable as the default handler for a protocol (aka URI scheme).
+		 * Once registered, all links with your-protocol:// will be opened with the current executable.
+		 * The whole link, including protocol, will be passed to your application as a parameter.
+		 *
+		 * On Windows you can provide optional parameters path, the path to your executable,
+		 * and args, an array of arguments to be passed to your executable when it launches.
+		 *
+		 * @param protocol The name of your protocol, without ://.
+		 * @param path Defaults to process.execPath.
+		 * @param args Defaults to an empty array.
+		 *
+		 * Note: This is only implemented on macOS and Windows.
+		 *       On macOS, you can only register protocols that have been added to your app's info.plist.
+		 */
+		setAsDefaultProtocolClient(protocol: string, path?: string, args?: string[]): boolean;
+		/**
+		 * Removes the current executable as the default handler for a protocol (aka URI scheme).
+		 *
+		 * @param protocol The name of your protocol, without ://.
+		 * @param path Defaults to process.execPath.
+		 * @param args Defaults to an empty array.
+		 *
+		 * Note: This is only implemented on macOS and Windows.
+		 */
+		removeAsDefaultProtocolClient(protocol: string, path?: string, args?: string[]): boolean;
+		/**
+		 * @param protocol The name of your protocol, without ://.
+		 * @param path Defaults to process.execPath.
+		 * @param args Defaults to an empty array.
+		 *
+		 * @returns Whether the current executable is the default handler for a protocol (aka URI scheme).
+		 *
+		 * Note: This is only implemented on macOS and Windows.
+		 */
+		isDefaultProtocolClient(protocol: string, path?: string, args?: string[]): boolean;
+		/**
+		 * Adds tasks to the Tasks category of JumpList on Windows.
+		 *
+		 * Note: This API is only available on Windows.
+		 */
+		setUserTasks(tasks: Task[]): boolean;
+		/**
+		 * Note: This API is only available on Windows.
+		 */
+		getJumpListSettings(): JumpListSettings;
+		/**
+		 * Sets or removes a custom Jump List for the application.
+		 *
+		 * If categories is null the previously set custom Jump List (if any) will be replaced
+		 * by the standard Jump List for the app (managed by Windows).
+		 *
+		 * Note: This API is only available on Windows.
+		 */
+		setJumpList(categories: JumpListCategory[]): SetJumpListResult;
+		/**
+		 * This method makes your application a Single Instance Application instead of allowing
+		 * multiple instances of your app to run, this will ensure that only a single instance
+		 * of your app is running, and other instances signal this instance and exit.
+		 */
+		makeSingleInstance(callback: (args: string[], workingDirectory: string) => void): boolean;
+		/**
+		 * Releases all locks that were created by makeSingleInstance. This will allow
+		 * multiple instances of the application to once again run side by side.
+		 */
+		releaseSingleInstance(): void;
+		/**
+		 * Creates an NSUserActivity and sets it as the current activity.
+		 * The activity is eligible for Handoff to another device afterward.
+		 *
+		 * @param type Uniquely identifies the activity. Maps to NSUserActivity.activityType.
+		 * @param userInfo App-specific state to store for use by another device.
+		 * @param webpageURL The webpage to load in a browser if no suitable app is
+		 * 					 installed on the resuming device. The scheme must be http or https.
+		 *
+		 * Note: This API is only available on macOS.
+		 */
+		setUserActivity(type: string, userInfo: Object, webpageURL?: string): void;
+		/**
+		 * @returns The type of the currently running activity.
+		 *
+		 * Note: This API is only available on macOS.
+		 */
+		getCurrentActivityType(): string;
+		/**
+		 * Changes the Application User Model ID to id.
+		 *
+		 * Note: This is only implemented on Windows.
+		 */
+		setAppUserModelId(id: string): void;
+		/**
+		 * Imports the certificate in pkcs12 format into the platform certificate store.
+		 * @param callback Called with the result of import operation, a value of 0 indicates success
+		 * while any other value indicates failure according to chromium net_error_list.
+		 *
+		 * Note: This API is only available on Linux.
+		 */
+		importCertificate(options: ImportCertificateOptions, callback: (result: number) => void): void;
+		/**
+		 * Disables hardware acceleration for current app.
+		 * This method can only be called before app is ready.
+		 */
+		disableHardwareAcceleration(): void;
+		/**
+		 * @returns whether current desktop environment is Unity launcher. (Linux)
+		 *
+		 * Note: This API is only available on Linux.
+		 */
+		isUnityRunning(): boolean;
+		/**
+		 * Returns a Boolean, true if Chrome's accessibility support is enabled, false otherwise.
+		 * This API will return true if the use of assistive technologies, such as screen readers,
+		 * has been detected.
+		 * See https://www.chromium.org/developers/design-documents/accessibility for more details.
+		 *
+		 * Note: This API is only available on macOS and Windows.
+		 */
+		isAccessibilitySupportEnabled(): boolean;
+		/**
+		 * @returns an Object with the login item settings of the app.
+		 *
+		 * Note: This API is only available on macOS and Windows.
+		 */
+		getLoginItemSettings(): LoginItemSettings;
+		/**
+		 * Set the app's login item settings.
+		 *
+		 * Note: This API is only available on macOS and Windows.
+		 */
+		setLoginItemSettings(settings: LoginItemSettings): void;
+		commandLine: CommandLine;
+		/**
+		 * Note: This API is only available on macOS.
+		 */
+		dock: Dock;
+	}
+
+	type AppPathName = 'home'|'appData'|'userData'|'temp'|'exe'|'module'|'desktop'|'documents'|'downloads'|'music'|'pictures'|'videos'|'pepperFlashSystemPlugin';
+
+	interface ImportCertificateOptions {
+		/**
+		 * Path for the pkcs12 file.
+		 */
+		certificate: string;
+		/**
+		 * Passphrase for the certificate.
+		 */
+		password: string;
+	}
+
+	interface CommandLine {
+		/**
+		 * Append a switch [with optional value] to Chromium's command line.
+		 *
+		 * Note: This will not affect process.argv, and is mainly used by developers
+		 * to control some low-level Chromium behaviors.
+		 */
+		appendSwitch(_switch: string, value?: string): void;
+		/**
+		 * Append an argument to Chromium's command line. The argument will quoted properly.
+		 *
+		 * Note: This will not affect process.argv.
+		 */
+		appendArgument(value: string): void;
+	}
+
+	interface Dock {
+		/**
+		 * When critical is passed, the dock icon will bounce until either the
+		 * application becomes active or the request is canceled.
+		 *
+		 * When informational is passed, the dock icon will bounce for one second.
+		 * However, the request remains active until either the application becomes
+		 * active or the request is canceled.
+		 *
+		 * @param type The default is informational.
+		 * @returns An ID representing the request.
+		 */
+		bounce(type?: 'critical' | 'informational'): number;
+		/**
+		 * Cancel the bounce of id.
+		 *
+		 * Note: This API is only available on macOS.
+		 */
+		cancelBounce(id: number): void;
+		/**
+		 * Bounces the Downloads stack if the filePath is inside the Downloads folder.
+		 *
+		 * Note: This API is only available on macOS.
+		 */
+		downloadFinished(filePath: string): void;
+		/**
+		 * Sets the string to be displayed in the dock’s badging area.
+		 *
+		 * Note: This API is only available on macOS.
+		 */
+		setBadge(text: string): void;
+		/**
+		 * Returns the badge string of the dock.
+		 *
+		 * Note: This API is only available on macOS.
+		 */
+		getBadge(): string;
+		/**
+		 * Sets the counter badge for current app. Setting the count to 0 will hide the badge.
+		 *
+		 * @returns True when the call succeeded, otherwise returns false.
+		 *
+		 * Note: This API is only available on macOS and Linux.
+		 */
+		setBadgeCount(count: number): boolean;
+		/**
+		 * @returns The current value displayed in the counter badge.
+		 *
+		 * Note: This API is only available on macOS and Linux.
+		 */
+		getBadgeCount(): number;
+		/**
+		 * Hides the dock icon.
+		 *
+		 * Note: This API is only available on macOS.
+		 */
+		hide(): void;
+		/**
+		 * Shows the dock icon.
+		 *
+		 * Note: This API is only available on macOS.
+		 */
+		show(): void;
+		/**
+		 * @returns Whether the dock icon is visible.
+		 * The app.dock.show() call is asynchronous so this method might not return true immediately after that call.
+		 *
+		 * Note: This API is only available on macOS.
+		 */
+		isVisible(): boolean;
+		/**
+		 * Sets the application dock menu.
+		 *
+		 * Note: This API is only available on macOS.
+		 */
+		setMenu(menu: Menu): void;
+		/**
+		 * Sets the image associated with this dock icon.
+		 *
+		 * Note: This API is only available on macOS.
+		 */
+		setIcon(icon: NativeImage | string): void;
+	}
+
+	interface Task {
+		/**
+		 * Path of the program to execute, usually you should specify process.execPath
+		 * which opens current program.
+		 */
+		program: string;
+		/**
+		 * The arguments of command line when program is executed.
+		 */
+		arguments: string;
+		/**
+		 * The string to be displayed in a JumpList.
+		 */
+		title: string;
+		/**
+		 * Description of this task.
+		 */
+		description?: string;
+		/**
+		 * The absolute path to an icon to be displayed in a JumpList, it can be
+		 * arbitrary resource file that contains an icon, usually you can specify
+		 * process.execPath to show the icon of the program.
+		 */
+		iconPath: string;
+		/**
+		 * The icon index in the icon file. If an icon file consists of two or more
+		 * icons, set this value to identify the icon. If an icon file consists of
+		 * one icon, this value is 0.
+		 */
+		iconIndex?: number;
+	}
+
+	/**
+	 * ok - Nothing went wrong.
+	 * error - One or more errors occured, enable runtime logging to figure out the likely cause.
+	 * invalidSeparatorError - An attempt was made to add a separator to a custom category in the Jump List.
+	 *                         Separators are only allowed in the standard Tasks category.
+	 * fileTypeRegistrationError - An attempt was made to add a file link to the Jump List
+	 *                             for a file type the app isn't registered to handle.
+	 * customCategoryAccessDeniedError - Custom categories can't be added to the Jump List
+	 *                                   due to user privacy or group policy settings.
+	 */
+	type SetJumpListResult = 'ok' | 'error' | 'invalidSeparatorError' | 'fileTypeRegistrationError' | 'customCategoryAccessDeniedError';
+
+	interface JumpListSettings {
+		/**
+		 * The minimum number of items that will be shown in the Jump List.
+		 */
+		minItems: number;
+		/**
+		 * Items that the user has explicitly removed from custom categories in the Jump List.
+		 */
+		removedItems: JumpListItem[];
+	}
+
+	interface JumpListCategory {
+		/**
+		 * tasks - Items in this category will be placed into the standard Tasks category.
+		 * frequent - Displays a list of files frequently opened by the app, the name of the category and its items are set by Windows.
+		 * recent - Displays a list of files recently opened by the app, the name of the category and its items are set by Windows.
+		 * custom - Displays tasks or file links, name must be set by the app.
+		 */
+		type?: 'tasks' | 'frequent' | 'recent' | 'custom';
+		/**
+		 * Must be set if type is custom, otherwise it should be omitted.
+		 */
+		name?: string;
+		/**
+		 * Array of JumpListItem objects if type is tasks or custom, otherwise it should be omitted.
+		 */
+		items?: JumpListItem[];
+	}
+
+	interface JumpListItem {
+		/**
+		 * task - A task will launch an app with specific arguments.
+		 * separator - Can be used to separate items in the standard Tasks category.
+		 * file - A file link will open a file using the app that created the Jump List.
+		 */
+		type: 'task' | 'separator' | 'file';
+		/**
+		 * Path of the file to open, should only be set if type is file.
+		 */
+		path?: string;
+		/**
+		 * Path of the program to execute, usually you should specify process.execPath which opens the current program.
+		 * Should only be set if type is task.
+		 */
+		program?: string;
+		/**
+		 * The command line arguments when program is executed. Should only be set if type is task.
+		 */
+		args?: string;
+		/**
+		 * The text to be displayed for the item in the Jump List. Should only be set if type is task.
+		 */
+		title?: string;
+		/**
+		 * Description of the task (displayed in a tooltip). Should only be set if type is task.
+		 */
+		description?: string;
+		/**
+		 * The absolute path to an icon to be displayed in a Jump List, which can be an arbitrary
+		 * resource file that contains an icon (e.g. .ico, .exe, .dll).
+		 * You can usually specify process.execPath to show the program icon.
+		 */
+		iconPath?: string;
+		/**
+		 * The index of the icon in the resource file. If a resource file contains multiple icons
+		 * this value can be used to specify the zero-based index of the icon that should be displayed
+		 * for this task. If a resource file contains only one icon, this property should be set to zero.
+		 */
+		iconIndex?: number;
+	}
+
+	interface LoginItemSettings {
+		/**
+		 * True if the app is set to open at login.
+		 */
+		openAtLogin: boolean;
+		/**
+		 * True if the app is set to open as hidden at login. This setting is only supported on macOS.
+		 */
+		openAsHidden: boolean;
+		/**
+		 * True if the app was opened at login automatically. This setting is only supported on macOS.
+		 */
+		wasOpenedAtLogin?: boolean;
+		/**
+		 * True if the app was opened as a hidden login item. This indicates that the app should not
+		 * open any windows at startup. This setting is only supported on macOS.
+		 */
+		wasOpenedAsHidden?: boolean;
+		/**
+		 * True if the app was opened as a login item that should restore the state from the previous session.
+		 * This indicates that the app should restore the windows that were open the last time the app was closed.
+		 * This setting is only supported on macOS.
+		 */
+		restoreState?: boolean;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/auto-updater.md
+
+	/**
+	 * This module provides an interface for the Squirrel auto-updater framework.
+	 */
+	interface AutoUpdater extends NodeJS.EventEmitter {
+		/**
+		 * Emitted when there is an error while updating.
+		 */
+		on(event: 'error', listener: (error: Error) => void): this;
+		/**
+		 * Emitted when checking if an update has started.
+		 */
+		on(event: 'checking-for-update', listener: Function): this;
+		/**
+		 * Emitted when there is an available update. The update is downloaded automatically.
+		 */
+		on(event: 'update-available', listener: Function): this;
+		/**
+		 * Emitted when there is no available update.
+		 */
+		on(event: 'update-not-available', listener: Function): this;
+		/**
+		 * Emitted when an update has been downloaded.
+		 * Note: On Windows only releaseName is available.
+		 */
+		on(event: 'update-downloaded', listener: (event: Event, releaseNotes: string, releaseName: string, releaseDate: Date, updateURL: string) => void): this;
+		on(event: string, listener: Function): this;
+		/**
+		 * Set the url and initialize the auto updater.
+		 */
+		setFeedURL(url: string, requestHeaders?: Headers): void;
+		/**
+		 * @returns The current update feed URL.
+		 */
+		getFeedURL(): string;
+		/**
+		 * Ask the server whether there is an update, you have to call setFeedURL
+		 * before using this API
+		 */
+		checkForUpdates(): void;
+		/**
+		 * Restarts the app and installs the update after it has been downloaded.
+		 * It should only be called after update-downloaded has been emitted.
+		 */
+		quitAndInstall(): void;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/browser-window.md
+
+	/**
+	 * The BrowserWindow class gives you ability to create a browser window.
+	 * You can also create a window without chrome by using Frameless Window API.
+	 */
+	class BrowserWindow extends NodeJS.EventEmitter implements Destroyable {
+		/**
+		 * Emitted when the document changed its title,
+		 * calling event.preventDefault() would prevent the native window’s title to change.
+		 */
+		on(event: 'page-title-updated', listener: (event: Event, title: string) => void): this;
+		/**
+		 * Emitted when the window is going to be closed. It’s emitted before the beforeunload
+		 * and unload event of the DOM. Calling event.preventDefault() will cancel the close.
+		 */
+		on(event: 'close', listener: (event: Event) => void): this;
+		/**
+		 * Emitted when the window is closed. After you have received this event
+		 * you should remove the reference to the window and avoid using it anymore.
+		 */
+		on(event: 'closed', listener: Function): this;
+		/**
+		 * Emitted when the web page becomes unresponsive.
+		 */
+		on(event: 'unresponsive', listener: Function): this;
+		/**
+		 * Emitted when the unresponsive web page becomes responsive again.
+		 */
+		on(event: 'responsive', listener: Function): this;
+		/**
+		 * Emitted when the window loses focus.
+		 */
+		on(event: 'blur', listener: Function): this;
+		/**
+		 * Emitted when the window gains focus.
+		 */
+		on(event: 'focus', listener: Function): this;
+		/**
+		 * Emitted when the window is shown.
+		 */
+		on(event: 'show', listener: Function): this;
+		/**
+		 * Emitted when the window is hidden.
+		 */
+		on(event: 'hide', listener: Function): this;
+		/**
+		 * Emitted when the web page has been rendered and window can be displayed without visual flash.
+		 */
+		on(event: 'ready-to-show', listener: Function): this;
+		/**
+		 * Emitted when window is maximized.
+		 */
+		on(event: 'maximize', listener: Function): this;
+		/**
+		 * Emitted when the window exits from maximized state.
+		 */
+		on(event: 'unmaximize', listener: Function): this;
+		/**
+		 * Emitted when the window is minimized.
+		 */
+		on(event: 'minimize', listener: Function): this;
+		/**
+		 * Emitted when the window is restored from minimized state.
+		 */
+		on(event: 'restore', listener: Function): this;
+		/**
+		 * Emitted when the window is getting resized.
+		 */
+		on(event: 'resize', listener: Function): this;
+		/**
+		 * Emitted when the window is getting moved to a new position.
+		 */
+		on(event: 'move', listener: Function): this;
+		/**
+		 * Emitted when the window enters full screen state.
+		 */
+		on(event: 'enter-full-screen', listener: Function): this;
+		/**
+		 * Emitted when the window leaves full screen state.
+		 */
+		on(event: 'leave-full-screen', listener: Function): this;
+		/**
+		 * Emitted when the window enters full screen state triggered by HTML API.
+		 */
+		on(event: 'enter-html-full-screen', listener: Function): this;
+		/**
+		 * Emitted when the window leaves full screen state triggered by HTML API.
+		 */
+		on(event: 'leave-html-full-screen', listener: Function): this;
+		/**
+		 * Emitted when an App Command is invoked. These are typically related
+		 * to keyboard media keys or browser commands, as well as the "Back" /
+		 * "Forward" buttons built into some mice on Windows.
+		 * Note: This is only implemented on Windows.
+		 */
+		on(event: 'app-command', listener: (event: Event, command: string) => void): this;
+		/**
+		 * Emitted when scroll wheel event phase has begun.
+		 * Note: This is only implemented on macOS.
+		 */
+		on(event: 'scroll-touch-begin', listener: Function): this;
+		/**
+		 * Emitted when scroll wheel event phase has ended.
+		 * Note: This is only implemented on macOS.
+		 */
+		on(event: 'scroll-touch-end', listener: Function): this;
+		/**
+		 * Emitted when scroll wheel event phase filed upon reaching the edge of element.
+		 * Note: This is only implemented on macOS.
+		 */
+		on(event: 'scroll-touch-edge', listener: Function): this;
+		/**
+		 * Emitted on 3-finger swipe.
+		 * Note: This is only implemented on macOS.
+		 */
+		on(event: 'swipe', listener: (event: Event, direction: SwipeDirection) => void): this;
+		on(event: string, listener: Function): this;
+		/**
+		 * Creates a new BrowserWindow with native properties as set by the options.
+		 */
+		constructor(options?: BrowserWindowOptions);
+		/**
+		 * @returns All opened browser windows.
+		 */
+		static getAllWindows(): BrowserWindow[];
+		/**
+		 * @returns The window that is focused in this application.
+		 */
+		static getFocusedWindow(): BrowserWindow;
+		/**
+		 * Find a window according to the webContents it owns.
+		 */
+		static fromWebContents(webContents: WebContents): BrowserWindow;
+		/**
+		 * Find a window according to its ID.
+		 */
+		static fromId(id: number): BrowserWindow;
+		/**
+		 * Adds devtools extension located at path. The extension will be remembered
+		 * so you only need to call this API once, this API is not for programming use.
+		 * @returns The extension's name.
+		 *
+		 * Note: This API cannot be called before the ready event of the app module is emitted.
+		 */
+		static addDevToolsExtension(path: string): string;
+		/**
+		 * Remove a devtools extension.
+		 * @param name The name of the devtools extension to remove.
+		 *
+		 * Note: This API cannot be called before the ready event of the app module is emitted.
+		 */
+		static removeDevToolsExtension(name: string): void;
+		/**
+		 * @returns devtools extensions.
+		 *
+		 * Note: This API cannot be called before the ready event of the app module is emitted.
+		 */
+		static getDevToolsExtensions(): DevToolsExtensions;
+		/**
+		 * The WebContents object this window owns, all web page related events and
+		 * operations would be done via it.
+		 * Note: Users should never store this object because it may become null when
+		 * the renderer process (web page) has crashed.
+		 */
+		webContents: WebContents;
+		/**
+		 * Get the unique ID of this window.
+		 */
+		id: number;
+		/**
+		 * Force closing the window, the unload and beforeunload event won't be emitted
+		 * for the web page, and close event would also not be emitted for this window,
+		 * but it would guarantee the closed event to be emitted.
+		 * You should only use this method when the renderer process (web page) has crashed.
+		 */
+		destroy(): void;
+		/**
+		 * Try to close the window, this has the same effect with user manually clicking
+		 * the close button of the window. The web page may cancel the close though,
+		 * see the close event.
+		 */
+		close(): void;
+		/**
+		 * Focus on the window.
+		 */
+		focus(): void;
+		/**
+		 * Remove focus on the window.
+		 */
+		blur(): void;
+		/**
+		 * @returns Whether the window is focused.
+		 */
+		isFocused(): boolean;
+		/**
+		 * @returns Whether the window is destroyed.
+		 */
+		isDestroyed(): boolean;
+		/**
+		 * Shows and gives focus to the window.
+		 */
+		show(): void;
+		/**
+		 * Shows the window but doesn't focus on it.
+		 */
+		showInactive(): void;
+		/**
+		 * Hides the window.
+		 */
+		hide(): void;
+		/**
+		 * @returns Whether the window is visible to the user.
+		 */
+		isVisible(): boolean;
+		/**
+		 * @returns Whether the window is a modal window.
+		 */
+		isModal(): boolean;
+		/**
+		 * Maximizes the window.
+		 */
+		maximize(): void;
+		/**
+		 * Unmaximizes the window.
+		 */
+		unmaximize(): void;
+		/**
+		 * @returns Whether the window is maximized.
+		 */
+		isMaximized(): boolean;
+		/**
+		 * Minimizes the window. On some platforms the minimized window will be
+		 * shown in the Dock.
+		 */
+		minimize(): void;
+		/**
+		 * Restores the window from minimized state to its previous state.
+		 */
+		restore(): void;
+		/**
+		 * @returns Whether the window is minimized.
+		 */
+		isMinimized(): boolean;
+		/**
+		 * Sets whether the window should be in fullscreen mode.
+		 */
+		setFullScreen(flag: boolean): void;
+		/**
+		 * @returns Whether the window is in fullscreen mode.
+		 */
+		isFullScreen(): boolean;
+		/**
+		 * This will have a window maintain an aspect ratio.
+		 * The extra size allows a developer to have space, specified in pixels,
+		 * not included within the aspect ratio calculations.
+		 * This API already takes into account the difference between a window’s size and its content size.
+		 *
+		 * Note: This API is available only on macOS.
+		 */
+		setAspectRatio(aspectRatio: number, extraSize?: Size): void;
+		/**
+		 * Resizes and moves the window to width, height, x, y.
+		 */
+		setBounds(options: Rectangle, animate?: boolean): void;
+		/**
+		 * @returns The window's width, height, x and y values.
+		 */
+		getBounds(): Rectangle;
+		/**
+		 * Resizes and moves the window's client area (e.g. the web page) to width, height, x, y.
+		 */
+		setContentBounds(options: Rectangle, animate?: boolean): void;
+		/**
+		 * @returns The window's client area (e.g. the web page) width, height, x and y values.
+		 */
+		getContentBounds(): Rectangle;
+		/**
+		 * Resizes the window to width and height.
+		 */
+		setSize(width: number, height: number, animate?: boolean): void;
+		/**
+		 * @returns The window's width and height.
+		 */
+		getSize(): number[];
+		/**
+		 * Resizes the window's client area (e.g. the web page) to width and height.
+		 */
+		setContentSize(width: number, height: number, animate?: boolean): void;
+		/**
+		 * @returns The window's client area's width and height.
+		 */
+		getContentSize(): number[];
+		/**
+		 * Sets the minimum size of window to width and height.
+		 */
+		setMinimumSize(width: number, height: number): void;
+		/**
+		 * @returns The window's minimum width and height.
+		 */
+		getMinimumSize(): number[];
+		/**
+		 * Sets the maximum size of window to width and height.
+		 */
+		setMaximumSize(width: number, height: number): void;
+		/**
+		 * @returns The window's maximum width and height.
+		 */
+		getMaximumSize(): number[];
+		/**
+		 * Sets whether the window can be manually resized by user.
+		 */
+		setResizable(resizable: boolean): void;
+		/**
+		 * @returns Whether the window can be manually resized by user.
+		 */
+		isResizable(): boolean;
+		/**
+		 * Sets whether the window can be moved by user. On Linux does nothing.
+		 * Note: This API is available only on macOS and Windows.
+		 */
+		setMovable(movable: boolean): void;
+		/**
+		 * Note: This API is available only on macOS and Windows.
+		 * @returns Whether the window can be moved by user. On Linux always returns true.
+		 */
+		isMovable(): boolean;
+		/**
+		 * Sets whether the window can be manually minimized by user. On Linux does nothing.
+		 * Note: This API is available only on macOS and Windows.
+		 */
+		setMinimizable(minimizable: boolean): void;
+		/**
+		 * Note: This API is available only on macOS and Windows.
+		 * @returns Whether the window can be manually minimized by user. On Linux always returns true.
+		 */
+		isMinimizable(): boolean;
+		/**
+		 * Sets whether the window can be manually maximized by user. On Linux does nothing.
+		 * Note: This API is available only on macOS and Windows.
+		 */
+		setMaximizable(maximizable: boolean): void;
+		/**
+		 * Note: This API is available only on macOS and Windows.
+		 * @returns Whether the window can be manually maximized by user. On Linux always returns true.
+		 */
+		isMaximizable(): boolean;
+		/**
+		 * Sets whether the maximize/zoom window button toggles fullscreen mode or maximizes the window.
+		 */
+		setFullScreenable(fullscreenable: boolean): void;
+		/**
+		 * @returns Whether the maximize/zoom window button toggles fullscreen mode or maximizes the window.
+		 */
+		isFullScreenable(): boolean;
+		/**
+		 * Sets whether the window can be manually closed by user. On Linux does nothing.
+		 * Note: This API is available only on macOS and Windows.
+		 */
+		setClosable(closable: boolean): void;
+		/**
+		 * Note: This API is available only on macOS and Windows.
+		 * @returns Whether the window can be manually closed by user. On Linux always returns true.
+		 */
+		isClosable(): boolean;
+		/**
+		 * Sets whether the window should show always on top of other windows. After
+		 * setting this, the window is still a normal window, not a toolbox window
+		 * which can not be focused on.
+		 */
+		setAlwaysOnTop(flag: boolean, level?: WindowLevel): void;
+		/**
+		 * @returns Whether the window is always on top of other windows.
+		 */
+		isAlwaysOnTop(): boolean;
+		/**
+		 * Moves window to the center of the screen.
+		 */
+		center(): void;
+		/**
+		 * Moves window to x and y.
+		 */
+		setPosition(x: number, y: number, animate?: boolean): void;
+		/**
+		 * @returns The window's current position.
+		 */
+		getPosition(): number[];
+		/**
+		 * Changes the title of native window to title.
+		 */
+		setTitle(title: string): void;
+		/**
+		 * Note: The title of web page can be different from the title of the native window.
+		 * @returns The title of the native window.
+		 */
+		getTitle(): string;
+		/**
+		 * Changes the attachment point for sheets on macOS.
+		 * Note: This API is available only on macOS.
+		 */
+		setSheetOffset(offsetY: number, offsetX?: number): void;
+		/**
+		 * Starts or stops flashing the window to attract user's attention.
+		 */
+		flashFrame(flag: boolean): void;
+		/**
+		 * Makes the window do not show in Taskbar.
+		 */
+		setSkipTaskbar(skip: boolean): void;
+		/**
+		 * Enters or leaves the kiosk mode.
+		 */
+		setKiosk(flag: boolean): void;
+		/**
+		 * @returns Whether the window is in kiosk mode.
+		 */
+		isKiosk(): boolean;
+		/**
+		 * The native type of the handle is HWND on Windows, NSView* on macOS,
+		 * and Window (unsigned long) on Linux.
+		 * @returns The platform-specific handle of the window as Buffer.
+		 */
+		getNativeWindowHandle(): Buffer;
+		/**
+		 * Hooks a windows message. The callback is called when the message is received in the WndProc.
+		 * Note: This API is available only on Windows.
+		 */
+		hookWindowMessage(message: number, callback: Function): void;
+		/**
+		 * @returns Whether the message is hooked.
+		 */
+		isWindowMessageHooked(message: number): boolean;
+		/**
+		 * Unhook the window message.
+		 */
+		unhookWindowMessage(message: number): void;
+		/**
+		 * Unhooks all of the window messages.
+		 */
+		unhookAllWindowMessages(): void;
+		/**
+		 * Sets the pathname of the file the window represents, and the icon of the
+		 * file will show in window's title bar.
+		 * Note: This API is available only on macOS.
+		 */
+		setRepresentedFilename(filename: string): void;
+		/**
+		 * Note: This API is available only on macOS.
+		 * @returns The pathname of the file the window represents.
+		 */
+		getRepresentedFilename(): string;
+		/**
+		 * Specifies whether the window’s document has been edited, and the icon in
+		 * title bar will become grey when set to true.
+		 * Note: This API is available only on macOS.
+		 */
+		setDocumentEdited(edited: boolean): void;
+		/**
+		 * Note: This API is available only on macOS.
+		 * @returns Whether the window's document has been edited.
+		 */
+		isDocumentEdited(): boolean;
+		focusOnWebView(): void;
+		blurWebView(): void;
+		/**
+		 * Captures the snapshot of page within rect, upon completion the callback
+		 * will be called. Omitting the rect would capture the whole visible page.
+		 * Note: Be sure to read documents on remote buffer in remote if you are going
+		 * to use this API in renderer process.
+		 * @param callback Supplies the image that stores data of the snapshot.
+		 */
+		capturePage(rect: Rectangle, callback: (image: NativeImage) => void): void;
+		/**
+		 * Captures the snapshot of page within rect, upon completion the callback
+		 * will be called. Omitting the rect would capture the whole visible page.
+		 * Note: Be sure to read documents on remote buffer in remote if you are going
+		 * to use this API in renderer process.
+		 * @param callback Supplies the image that stores data of the snapshot.
+		 */
+		capturePage(callback: (image: NativeImage) => void): void;
+		/**
+		 * Same as webContents.loadURL(url).
+		 */
+		loadURL(url: string, options?: LoadURLOptions): void;
+		/**
+		 * Same as webContents.reload.
+		 */
+		reload(): void;
+		/**
+		 * Sets the menu as the window top menu.
+		 * Note: This API is not available on macOS.
+		 */
+		setMenu(menu: Menu): void;
+		/**
+		 * Sets the progress value in the progress bar.
+		 * On Linux platform, only supports Unity desktop environment, you need to
+		 * specify the *.desktop file name to desktopName field in package.json.
+		 * By default, it will assume app.getName().desktop.
+		 * @param progress Valid range is [0, 1.0]. If < 0, the progress bar is removed.
+		 * If greater than 0, it becomes indeterminate.
+		 */
+		setProgressBar(progress: number, options?: {
+			/**
+			 * Mode for the progress bar.
+			 * Note: This is only implemented on Windows.
+			 */
+			mode: 'none' | 'normal' | 'indeterminate' | 'error' | 'paused'
+		}): void;
+		/**
+		 * Sets a 16px overlay onto the current Taskbar icon, usually used to convey
+		 * some sort of application status or to passively notify the user.
+		 * Note: This API is only available on Windows 7 or above.
+		 * @param overlay The icon to display on the bottom right corner of the Taskbar
+		 * icon. If this parameter is null, the overlay is cleared
+		 * @param description Provided to Accessibility screen readers.
+		 */
+		setOverlayIcon(overlay: NativeImage, description: string): void;
+		/**
+		 * Sets whether the window should have a shadow. On Windows and Linux does nothing.
+		 * Note: This API is available only on macOS.
+		 */
+		setHasShadow(hasShadow: boolean): void;
+		/**
+		 * Note: This API is available only on macOS.
+		 * @returns whether the window has a shadow. On Windows and Linux always returns true.
+		 */
+		hasShadow(): boolean;
+		/**
+		 * Add a thumbnail toolbar with a specified set of buttons to the thumbnail image
+		 * of a window in a taskbar button layout.
+		 * @returns Whether the thumbnail has been added successfully.
+		 *
+		 * Note: This API is available only on Windows.
+		 */
+		setThumbarButtons(buttons: ThumbarButton[]): boolean;
+		/**
+		 * Sets the region of the window to show as the thumbnail image displayed when hovering
+		 * over the window in the taskbar. You can reset the thumbnail to be the entire window
+		 * by specifying an empty region: {x: 0, y: 0, width: 0, height: 0}.
+		 *
+		 * Note: This API is available only on Windows.
+		 */
+		setThumbnailClip(region: Rectangle): boolean;
+		/**
+		 * Sets the toolTip that is displayed when hovering over the window thumbnail in the taskbar.
+		 * Note: This API is available only on Windows.
+		 */
+		setThumbnailToolTip(toolTip: string): boolean;
+		/**
+		 * Same as webContents.showDefinitionForSelection().
+		 * Note: This API is available only on macOS.
+		 */
+		showDefinitionForSelection(): void;
+		/**
+		 * Changes window icon.
+		 * Note: This API is not available on macOS.
+		 */
+		setIcon(icon: NativeImage): void;
+		/**
+		 * Sets whether the window menu bar should hide itself automatically. Once set
+		 * the menu bar will only show when users press the single Alt key.
+		 * If the menu bar is already visible, calling setAutoHideMenuBar(true) won't
+		 * hide it immediately.
+		 */
+		setAutoHideMenuBar(hide: boolean): void;
+		/**
+		 * @returns Whether menu bar automatically hides itself.
+		 */
+		isMenuBarAutoHide(): boolean;
+		/**
+		 * Sets whether the menu bar should be visible. If the menu bar is auto-hide,
+		 * users can still bring up the menu bar by pressing the single Alt key.
+		 */
+		setMenuBarVisibility(visibile: boolean): void;
+		/**
+		 * @returns Whether the menu bar is visible.
+		 */
+		isMenuBarVisible(): boolean;
+		/**
+		 * Sets whether the window should be visible on all workspaces.
+		 * Note: This API does nothing on Windows.
+		 */
+		setVisibleOnAllWorkspaces(visible: boolean): void;
+		/**
+		 * Note: This API always returns false on Windows.
+		 * @returns Whether the window is visible on all workspaces.
+		 */
+		isVisibleOnAllWorkspaces(): boolean;
+		/**
+		 * Makes the window ignore all mouse events.
+		 *
+		 * All mouse events happened in this window will be passed to the window below this window,
+		 * but if this window has focus, it will still receive keyboard events.
+		 */
+		setIgnoreMouseEvents(ignore: boolean): void;
+		/**
+		 * Prevents the window contents from being captured by other apps.
+		 *
+		 * On macOS it sets the NSWindow's sharingType to NSWindowSharingNone.
+		 * On Windows it calls SetWindowDisplayAffinity with WDA_MONITOR.
+		 */
+		setContentProtection(enable: boolean): void;
+		/**
+		 * Changes whether the window can be focused.
+		 * Note: This API is available only on Windows.
+		 */
+		setFocusable(focusable: boolean): void;
+		/**
+		 * Sets parent as current window's parent window,
+		 * passing null will turn current window into a top-level window.
+		 * Note: This API is not available on Windows.
+		 */
+		setParentWindow(parent: BrowserWindow): void;
+		/**
+		 * @returns The parent window.
+		 */
+		getParentWindow(): BrowserWindow;
+		/**
+		 * @returns All child windows.
+		 */
+		getChildWindows(): BrowserWindow[];
+	}
+
+	type WindowLevel = 'normal' | 'floating' | 'torn-off-menu' | 'modal-panel' | 'main-menu' | 'status' | 'pop-up-menu' | 'screen-saver' | 'dock';
+	type SwipeDirection = 'up' | 'right' | 'down' | 'left';
+	type ThumbarButtonFlags = 'enabled' | 'disabled' | 'dismissonclick' | 'nobackground' | 'hidden' | 'noninteractive';
+
+	interface ThumbarButton {
+		icon: NativeImage | string;
+		click: Function;
+		tooltip?: string;
+		flags?: ThumbarButtonFlags[];
+	}
+
+	interface DevToolsExtensions {
+		[name: string]: {
+			name: string;
+			value: string;
+		}
+	}
+
+	interface WebPreferences {
+		/**
+		 * Whether to enable DevTools.
+		 * If it is set to false, can not use BrowserWindow.webContents.openDevTools() to open DevTools.
+		 * Default: true.
+		 */
+		devTools?: boolean;
+		/**
+		 * Whether node integration is enabled.
+		 * Default: true.
+		 */
+		nodeIntegration?: boolean;
+		/**
+		 * Specifies a script that will be loaded before other scripts run in the page.
+		 * This script will always have access to node APIs no matter whether node integration is turned on or off.
+		 * The value should be the absolute file path to the script.
+		 * When node integration is turned off, the preload script can reintroduce
+		 * Node global symbols back to the global scope.
+		 */
+		preload?: string;
+		/**
+		 * Sets the session used by the page. Instead of passing the Session object directly,
+		 * you can also choose to use the partition option instead, which accepts a partition string.
+		 * When both session and partition are provided, session would be preferred.
+		 * Default: the default session.
+		 */
+		session?: Session;
+		/**
+		 * Sets the session used by the page according to the session’s partition string.
+		 * If partition starts with persist:, the page will use a persistent session available
+		 * to all pages in the app with the same partition. if there is no persist: prefix,
+		 * the page will use an in-memory session. By assigning the same partition,
+		 * multiple pages can share the same session.
+		 * Default: the default session.
+		 */
+		partition?: string;
+		/**
+		 * The default zoom factor of the page, 3.0 represents 300%.
+		 * Default: 1.0.
+		 */
+		zoomFactor?: number;
+		/**
+		 * Enables JavaScript support.
+		 * Default: true.
+		 */
+		javascript?: boolean;
+		/**
+		 * When setting false, it will disable the same-origin policy (Usually using testing
+		 * websites by people), and set allowDisplayingInsecureContent and allowRunningInsecureContent
+		 * to true if these two options are not set by user.
+		 * Default: true.
+		 */
+		webSecurity?: boolean;
+		/**
+		 * Allow an https page to display content like images from http URLs.
+		 * Default: false.
+		 */
+		allowDisplayingInsecureContent?: boolean;
+		/**
+		 * Allow a https page to run JavaScript, CSS or plugins from http URLs.
+		 * Default: false.
+		 */
+		allowRunningInsecureContent?: boolean;
+		/**
+		 * Enables image support.
+		 * Default: true.
+		 */
+		images?: boolean;
+		/**
+		 * Make TextArea elements resizable.
+		 * Default: true.
+		 */
+		textAreasAreResizable?: boolean;
+		/**
+		 * Enables WebGL support.
+		 * Default: true.
+		 */
+		webgl?: boolean;
+		/**
+		 * Enables WebAudio support.
+		 * Default: true.
+		 */
+		webaudio?: boolean;
+		/**
+		 * Whether plugins should be enabled.
+		 * Default: false.
+		 */
+		plugins?: boolean;
+		/**
+		 * Enables Chromium’s experimental features.
+		 * Default: false.
+		 */
+		experimentalFeatures?: boolean;
+		/**
+		 * Enables Chromium’s experimental canvas features.
+		 * Default: false.
+		 */
+		experimentalCanvasFeatures?: boolean;
+		/**
+		 * Enables DirectWrite font rendering system on Windows.
+		 * Default: true.
+		 */
+		directWrite?: boolean;
+		/**
+		 * Enables scroll bounce (rubber banding) effect on macOS.
+		 * Default: false.
+		 */
+		scrollBounce?: boolean;
+		/**
+		 * A list of feature strings separated by ",", like CSSVariables,KeyboardEventKey to enable.
+		 */
+		blinkFeatures?: string;
+		/**
+		 * A list of feature strings separated by ",", like CSSVariables,KeyboardEventKey to disable.
+		 */
+		disableBlinkFeatures?: string;
+		/**
+		 * Sets the default font for the font-family.
+		 */
+		defaultFontFamily?: {
+			/**
+			 * Default: Times New Roman.
+			 */
+			standard?: string;
+			/**
+			 * Default: Times New Roman.
+			 */
+			serif?: string;
+			/**
+			 * Default: Arial.
+			 */
+			sansSerif?: string;
+			/**
+			 * Default: Courier New.
+			 */
+			monospace?: string;
+		};
+		/**
+		 * Default: 16.
+		 */
+		defaultFontSize?: number;
+		/**
+		 * Default: 13.
+		 */
+		defaultMonospaceFontSize?: number;
+		/**
+		 * Default: 0.
+		 */
+		minimumFontSize?: number;
+		/**
+		 * Default: ISO-8859-1.
+		 */
+		defaultEncoding?: string;
+		/**
+		 * Whether to throttle animations and timers when the page becomes background.
+		 * Default: true.
+		 */
+		backgroundThrottling?: boolean;
+		/**
+		 * Whether to enable offscreen rendering for the browser window.
+		 * Default: false.
+		 */
+		offscreen?: boolean;
+		/**
+		 * Whether to enable Chromium OS-level sandbox.
+		 * Default: false.
+		 */
+		sandbox?: boolean;
+	}
+
+	interface BrowserWindowOptions {
+		/**
+		 * Window’s width in pixels.
+		 * Default: 800.
+		 */
+		width?: number;
+		/**
+		 * Window’s height in pixels.
+		 * Default: 600.
+		 */
+		height?: number;
+		/**
+		 * Window’s left offset from screen.
+		 * Default: center the window.
+		 */
+		x?: number;
+		/**
+		 * Window’s top offset from screen.
+		 * Default: center the window.
+		 */
+		y?: number;
+		/**
+		 * The width and height would be used as web page’s size, which means
+		 * the actual window’s size will include window frame’s size and be slightly larger.
+		 * Default: false.
+		 */
+		useContentSize?: boolean;
+		/**
+		 * Show window in the center of the screen.
+		 * Default: true
+		 */
+		center?: boolean;
+		/**
+		 * Window’s minimum width.
+		 * Default: 0.
+		 */
+		minWidth?: number;
+		/**
+		 * Window’s minimum height.
+		 * Default: 0.
+		 */
+		minHeight?: number;
+		/**
+		 * Window’s maximum width.
+		 * Default: no limit.
+		 */
+		maxWidth?: number;
+		/**
+		 * Window’s maximum height.
+		 * Default: no limit.
+		 */
+		maxHeight?: number;
+		/**
+		 * Whether window is resizable.
+		 * Default: true.
+		 */
+		resizable?: boolean;
+		/**
+		 * Whether window is movable.
+		 * Note: This is not implemented on Linux.
+		 * Default: true.
+		 */
+		movable?: boolean;
+		/**
+		 * Whether window is minimizable.
+		 * Note: This is not implemented on Linux.
+		 * Default: true.
+		 */
+		minimizable?: boolean;
+		/**
+		 * Whether window is maximizable.
+		 * Note: This is not implemented on Linux.
+		 * Default: true.
+		 */
+		maximizable?: boolean;
+		/**
+		 * Whether window is closable.
+		 * Note: This is not implemented on Linux.
+		 * Default: true.
+		 */
+		closable?: boolean;
+		/**
+		 * Whether the window can be focused.
+		 * On Windows setting focusable: false also implies setting skipTaskbar: true.
+		 * On Linux setting focusable: false makes the window stop interacting with wm,
+		 * so the window will always stay on top in all workspaces.
+		 * Default: true.
+		 */
+		focusable?: boolean;
+		/**
+		 * Whether the window should always stay on top of other windows.
+		 * Default: false.
+		 */
+		alwaysOnTop?: boolean;
+		/**
+		 * Whether the window should show in fullscreen.
+		 * When explicitly set to false the fullscreen button will be hidden or disabled on macOS.
+		 * Default: false.
+		 */
+		fullscreen?: boolean;
+		/**
+		 * Whether the window can be put into fullscreen mode.
+		 * On macOS, also whether the maximize/zoom button should toggle full screen mode or maximize window.
+		 * Default: true.
+		 */
+		fullscreenable?: boolean;
+		/**
+		 * Whether to show the window in taskbar.
+		 * Default: false.
+		 */
+		skipTaskbar?: boolean;
+		/**
+		 * The kiosk mode.
+		 * Default: false.
+		 */
+		kiosk?: boolean;
+		/**
+		 * Default window title.
+		 * Default: "Electron".
+		 */
+		title?: string;
+		/**
+		 * The window icon, when omitted on Windows the executable’s icon would be used as window icon.
+		 */
+		icon?: NativeImage|string;
+		/**
+		 * Whether window should be shown when created.
+		 * Default: true.
+		 */
+		show?: boolean;
+		/**
+		 * Specify false to create a Frameless Window.
+		 * Default: true.
+		 */
+		frame?: boolean;
+		/**
+		 * Specify parent window.
+		 * Default: null.
+		 */
+		parent?: BrowserWindow;
+		/**
+		 * Whether this is a modal window. This only works when the window is a child window.
+		 * Default: false.
+		 */
+		modal?: boolean;
+		/**
+		 * Whether the web view accepts a single mouse-down event that simultaneously activates the window.
+		 * Default: false.
+		 */
+		acceptFirstMouse?: boolean;
+		/**
+		 * Whether to hide cursor when typing.
+		 * Default: false.
+		 */
+		disableAutoHideCursor?: boolean;
+		/**
+		 * Auto hide the menu bar unless the Alt key is pressed.
+		 * Default: true.
+		 */
+		autoHideMenuBar?: boolean;
+		/**
+		 * Enable the window to be resized larger than screen.
+		 * Default: false.
+		 */
+		enableLargerThanScreen?: boolean;
+		/**
+		 * Window’s background color as Hexadecimal value, like #66CD00 or #FFF or #80FFFFFF (alpha is supported).
+		 * Default: #FFF (white).
+		 */
+		backgroundColor?: string;
+		/**
+		 * Whether window should have a shadow.
+		 * Note: This is only implemented on macOS.
+		 * Default: true.
+		 */
+		hasShadow?: boolean;
+		/**
+		 * Forces using dark theme for the window.
+		 * Note: Only works on some GTK+3 desktop environments.
+		 * Default: false.
+		 */
+		darkTheme?: boolean;
+		/**
+		 * Makes the window transparent.
+		 * Default: false.
+		 */
+		transparent?: boolean;
+		/**
+		 * The type of window, default is normal window.
+		 */
+		type?: BrowserWindowType;
+		/**
+		 * The style of window title bar.
+		 */
+		titleBarStyle?: 'default' | 'hidden' | 'hidden-inset';
+		/**
+		 * Use WS_THICKFRAME style for frameless windows on Windows
+		 */
+		thickFrame?: boolean;
+		/**
+		 * Settings of web page’s features.
+		 */
+		webPreferences?: WebPreferences;
+	}
+
+	type BrowserWindowType = BrowserWindowTypeLinux | BrowserWindowTypeMac | BrowserWindowTypeWindows;
+	type BrowserWindowTypeLinux = 'desktop' | 'dock' | 'toolbar' | 'splash' | 'notification';
+	type BrowserWindowTypeMac = 'desktop' | 'textured';
+	type BrowserWindowTypeWindows = 'toolbar';
+
+	// https://github.com/electron/electron/blob/master/docs/api/clipboard.md
+
+	/**
+	 * The clipboard module provides methods to perform copy and paste operations.
+	 */
+	interface Clipboard {
+		/**
+		 * @returns The contents of the clipboard as plain text.
+		 */
+		readText(type?: ClipboardType): string;
+		/**
+		 * Writes the text into the clipboard as plain text.
+		 */
+		writeText(text: string, type?: ClipboardType): void;
+		/**
+		 * @returns The contents of the clipboard as markup.
+		 */
+		readHTML(type?: ClipboardType): string;
+		/**
+		 * Writes markup to the clipboard.
+		 */
+		writeHTML(markup: string, type?: ClipboardType): void;
+		/**
+		 * @returns The contents of the clipboard as a NativeImage.
+		 */
+		readImage(type?: ClipboardType): NativeImage;
+		/**
+		 * Writes the image into the clipboard.
+		 */
+		writeImage(image: NativeImage, type?: ClipboardType): void;
+		/**
+		 * @returns The contents of the clipboard as RTF.
+		 */
+		readRTF(type?: ClipboardType): string;
+		/**
+		 * Writes the text into the clipboard in RTF.
+		 */
+		writeRTF(text: string, type?: ClipboardType): void;
+		/**
+		 * Clears everything in clipboard.
+		 */
+		clear(type?: ClipboardType): void;
+		/**
+		 * @returns Array available formats for the clipboard type.
+		 */
+		availableFormats(type?: ClipboardType): string[];
+		/**
+		 * Returns whether the clipboard supports the format of specified data.
+		 * Note: This API is experimental and could be removed in future.
+		 * @returns Whether the clipboard has data in the specified format.
+		 */
+		has(format: string, type?: ClipboardType): boolean;
+		/**
+		 * Reads the data in the clipboard of the specified format.
+		 * Note: This API is experimental and could be removed in future.
+		 */
+		read(format: string, type?: ClipboardType): string | NativeImage;
+		/**
+		 * Writes data to the clipboard.
+		 */
+		write(data: {
+			text?: string;
+			rtf?: string;
+			html?: string;
+			image?: NativeImage;
+		}, type?: ClipboardType): void;
+		/**
+		 * @returns An Object containing title and url keys representing the bookmark in the clipboard.
+		 *
+		 * Note: This API is available on macOS and Windows.
+		 */
+		readBookmark(): Bookmark;
+		/**
+		 * Writes the title and url into the clipboard as a bookmark.
+		 *
+		 * Note: This API is available on macOS and Windows.
+		 */
+		writeBookmark(title: string, url: string, type?: ClipboardType): void;
+	}
+
+	type ClipboardType = '' | 'selection';
+
+	interface Bookmark {
+		title: string;
+		url: string;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/content-tracing.md
+
+	/**
+	 * The content-tracing module is used to collect tracing data generated by the underlying Chromium content module.
+	 * This module does not include a web interface so you need to open chrome://tracing/
+	 * in a Chrome browser and load the generated file to view the result.
+	 */
+	interface ContentTracing {
+		/**
+		 * Get a set of category groups. The category groups can change as new code paths are reached.
+		 *
+		 * @param callback Called once all child processes have acknowledged the getCategories request.
+		 */
+		getCategories(callback: (categoryGroups: string[]) => void): void;
+		/**
+		 * Start recording on all processes. Recording begins immediately locally and asynchronously
+		 * on child processes as soon as they receive the EnableRecording request.
+		 *
+		 * @param callback Called once all child processes have acknowledged the startRecording request.
+		 */
+		startRecording(options: ContentTracingOptions, callback: Function): void;
+		/**
+		 * Stop recording on all processes. Child processes typically are caching trace data and
+		 * only rarely flush and send trace data back to the main process. That is because it may
+		 * be an expensive operation to send the trace data over IPC, and we would like to avoid
+		 * much runtime overhead of tracing. So, to end tracing, we must asynchronously ask all
+		 * child processes to flush any pending trace data.
+		 *
+		 * @param resultFilePath Trace data will be written into this file if it is not empty,
+		 * or into a temporary file.
+		 * @param callback Called once all child processes have acknowledged the stopRecording request.
+		 */
+		stopRecording(resultFilePath: string, callback: (filePath: string) => void): void;
+		/**
+		 * Start monitoring on all processes. Monitoring begins immediately locally and asynchronously
+		 * on child processes as soon as they receive the startMonitoring request.
+		 *
+		 * @param callback Called once all child processes have acked to the startMonitoring request.
+		 */
+		startMonitoring(options: ContentTracingOptions, callback: Function): void;
+		/**
+		 * Stop monitoring on all processes.
+		 *
+		 * @param callback Called once all child processes have acknowledged the stopMonitoring request.
+		 */
+		stopMonitoring(callback: Function): void;
+		/**
+		 * Get the current monitoring traced data. Child processes typically are caching trace data
+		 * and only rarely flush and send trace data back to the main process. That is because it may
+		 * be an expensive operation to send the trace data over IPC, and we would like to avoid much
+		 * runtime overhead of tracing. So, to end tracing, we must asynchronously ask all child
+		 * processes to flush any pending trace data.
+		 *
+		 * @param callback Called once all child processes have acknowledged the captureMonitoringSnapshot request.
+		 */
+		captureMonitoringSnapshot(resultFilePath: string, callback: (filePath: string) => void): void;
+		/**
+		 * Get the maximum usage across processes of trace buffer as a percentage of the full state.
+		 *
+		 * @param callback Called when the TraceBufferUsage value is determined.
+		 */
+		getTraceBufferUsage(callback: Function): void;
+		/**
+		 * @param callback Called every time the given event occurs on any process.
+		 */
+		setWatchEvent(categoryName: string, eventName: string, callback: Function): void;
+		/**
+		 * Cancel the watch event. This may lead to a race condition with the watch event callback if tracing is enabled.
+		 */
+		cancelWatchEvent(): void;
+	}
+
+	interface ContentTracingOptions {
+		/**
+		 * Filter to control what category groups should be traced.
+		 * A filter can have an optional - prefix to exclude category groups
+		 * that contain a matching category. Having both included and excluded
+		 * category patterns in the same list is not supported.
+		 *
+		 * Examples:
+		 *   test_MyTest*
+		 *   test_MyTest*,test_OtherStuff
+		 *   -excluded_category1,-excluded_category2
+		 */
+		categoryFilter: string;
+		/**
+		 * Controls what kind of tracing is enabled, it is a comma-delimited list.
+		 *
+		 * Possible options are:
+		 *   record-until-full
+		 *   record-continuously
+		 *   trace-to-console
+		 *   enable-sampling
+		 *   enable-systrace
+		 *
+		 * The first 3 options are trace recoding modes and hence mutually exclusive.
+		 * If more than one trace recording modes appear in the traceOptions string,
+		 * the last one takes precedence. If none of the trace recording modes are specified,
+		 * recording mode is record-until-full.
+		 *
+		 * The trace option will first be reset to the default option (record_mode set
+		 * to record-until-full, enable_sampling and enable_systrace set to false)
+		 * before options parsed from traceOptions are applied on it.
+		 */
+		traceOptions: string;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/crash-reporter.md
+
+	/**
+	 * The crash-reporter module enables sending your app's crash reports.
+	 */
+	interface CrashReporter {
+		/**
+		 * You are required to call this method before using other crashReporter APIs.
+		 *
+		 * Note: On macOS, Electron uses a new crashpad client, which is different from breakpad
+		 * on Windows and Linux. To enable the crash collection feature, you are required to call
+		 * the crashReporter.start API to initialize crashpad in the main process and in each
+		 * renderer process from which you wish to collect crash reports.
+		 */
+		start(options: CrashReporterStartOptions): void;
+		/**
+		 * @returns The crash report. When there was no crash report
+		 * sent or the crash reporter is not started, null will be returned.
+		 */
+		getLastCrashReport(): CrashReport;
+		/**
+		 * @returns All uploaded crash reports.
+		 */
+		getUploadedReports(): CrashReport[];
+	}
+
+	interface CrashReporterStartOptions {
+		/**
+		 * Default: app.getName()
+		 */
+		productName?: string;
+		companyName: string;
+		/**
+		 * URL that crash reports would be sent to as POST.
+		 */
+		submitURL: string;
+		/**
+		 * Send the crash report without user interaction.
+		 * Default: true.
+		 */
+		autoSubmit?: boolean;
+		/**
+		 * Default: false.
+		 */
+		ignoreSystemCrashHandler?: boolean;
+		/**
+		 * An object you can define that will be sent along with the report.
+		 * Only string properties are sent correctly, nested objects are not supported.
+		 */
+		extra?: {[prop: string]: string};
+	}
+
+	interface CrashReport {
+		id: string;
+		date: Date;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/desktop-capturer.md
+
+	/**
+	 * The desktopCapturer module can be used to get available sources
+	 * that can be used to be captured with getUserMedia.
+	 */
+	interface DesktopCapturer {
+		/**
+		 * Starts a request to get all desktop sources.
+		 *
+		 * Note: There is no guarantee that the size of source.thumbnail is always
+		 * the same as the thumnbailSize in options. It also depends on the scale of the screen or window.
+		 */
+		getSources(options: DesktopCapturerOptions, callback: (error: Error, sources: DesktopCapturerSource[]) => any): void;
+	}
+
+	interface DesktopCapturerOptions {
+		/**
+		 * The types of desktop sources to be captured.
+		 */
+		types?: ('screen' | 'window')[];
+		/**
+		 * The suggested size that thumbnail should be scaled.
+		 * Default: {width: 150, height: 150}
+		 */
+		thumbnailSize?: Size;
+	}
+
+	interface DesktopCapturerSource {
+		/**
+		 * The id of the captured window or screen used in navigator.webkitGetUserMedia.
+		 * The format looks like window:XX or screen:XX where XX is a random generated number.
+		 */
+		id: string;
+		/**
+		 * The described name of the capturing screen or window.
+		 * If the source is a screen, the name will be Entire Screen or Screen <index>;
+		 * if it is a window, the name will be the window’s title.
+		 */
+		name: string;
+		/**
+		 * A thumbnail image.
+		 */
+		thumbnail: NativeImage;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/dialog.md
+
+	/**
+	 * The dialog module provides APIs to show native system dialogs, such as opening files or alerting,
+	 * so web applications can deliver the same user experience as native applications.
+	 */
+	interface Dialog {
+		/**
+		 * Note: On Windows and Linux an open dialog can not be both a file selector and a directory selector,
+		 * so if you set properties to ['openFile', 'openDirectory'] on these platforms, a directory selector will be shown.
+		 *
+		 * @param callback If supplied, the API call will be asynchronous.
+		 * @returns On success, returns an array of file paths chosen by the user,
+		 * otherwise returns undefined.
+		 */
+		showOpenDialog(browserWindow: BrowserWindow, options: OpenDialogOptions, callback?: (fileNames: string[]) => void): string[];
+		/**
+		 * Note: On Windows and Linux an open dialog can not be both a file selector and a directory selector,
+		 * so if you set properties to ['openFile', 'openDirectory'] on these platforms, a directory selector will be shown.
+		 *
+		 * @param callback If supplied, the API call will be asynchronous.
+		 * @returns On success, returns an array of file paths chosen by the user,
+		 * otherwise returns undefined.
+		 */
+		showOpenDialog(options: OpenDialogOptions, callback?: (fileNames: string[]) => void): string[];
+		/**
+		 * @param callback If supplied, the API call will be asynchronous.
+		 * @returns On success, returns the path of file chosen by the user, otherwise
+		 * returns undefined.
+		 */
+		showSaveDialog(browserWindow: BrowserWindow, options: SaveDialogOptions, callback?: (fileName: string) => void): string;
+		/**
+		 * @param callback If supplied, the API call will be asynchronous.
+		 * @returns On success, returns the path of file chosen by the user, otherwise
+		 * returns undefined.
+		 */
+		showSaveDialog(options: SaveDialogOptions, callback?: (fileName: string) => void): string;
+		/**
+		 * Shows a message box. It will block until the message box is closed.
+		 * @param callback If supplied, the API call will be asynchronous.
+		 * @returns The index of the clicked button.
+		 */
+		showMessageBox(browserWindow: BrowserWindow, options: ShowMessageBoxOptions, callback?: (response: number) => void): number;
+		/**
+		 * Shows a message box. It will block until the message box is closed.
+		 * @param callback If supplied, the API call will be asynchronous.
+		 * @returns The index of the clicked button.
+		 */
+		showMessageBox(options: ShowMessageBoxOptions, callback?: (response: number) => void): number;
+		/**
+		 * Displays a modal dialog that shows an error message.
+		 *
+		 * This API can be called safely before the ready event the app module emits,
+		 * it is usually used to report errors in early stage of startup.
+		 * If called before the app readyevent on Linux, the message will be emitted to stderr,
+		 * and no GUI dialog will appear.
+		 */
+		showErrorBox(title: string, content: string): void;
+	}
+
+	interface OpenDialogOptions {
+		title?: string;
+		defaultPath?: string;
+		/**
+		 * Custom label for the confirmation button, when left empty the default label will be used.
+		 */
+		buttonLabel?: string;
+		/**
+		 * File types that can be displayed or selected.
+		 */
+		filters?: {
+			name: string;
+			/**
+			 * Extensions without wildcards or dots (e.g. 'png' is good but '.png' and '*.png' are bad).
+			 * To show all files, use the '*' wildcard (no other wildcard is supported).
+			 */
+			extensions: string[];
+		}[];
+		/**
+		 * Contains which features the dialog should use.
+		 */
+		properties?: ('openFile' | 'openDirectory' | 'multiSelections' | 'createDirectory' | 'showHiddenFiles')[];
+	}
+
+	interface SaveDialogOptions {
+		title?: string;
+		defaultPath?: string;
+		/**
+		 * Custom label for the confirmation button, when left empty the default label will be used.
+		 */
+		buttonLabel?: string;
+		/**
+		 * File types that can be displayed, see dialog.showOpenDialog for an example.
+		 */
+		filters?: {
+			name: string;
+			extensions: string[];
+		}[];
+	}
+
+	interface ShowMessageBoxOptions {
+		/**
+		 * On Windows, "question" displays the same icon as "info", unless you set an icon using the "icon" option.
+		 */
+		type?: 'none' | 'info' | 'error' | 'question' | 'warning';
+		/**
+		 * Texts for buttons. On Windows, an empty array will result in one button labeled "OK".
+		 */
+		buttons?: string[];
+		/**
+		 * Index of the button in the buttons array which will be selected by default when the message box opens.
+		 */
+		defaultId?: number;
+		/**
+		 * Title of the message box (some platforms will not show it).
+		 */
+		title?: string;
+		/**
+		 * Contents of the message box.
+		 */
+		message?: string;
+		/**
+		 * Extra information of the message.
+		 */
+		detail?: string;
+		icon?: NativeImage;
+		/**
+		 * The value will be returned when user cancels the dialog instead of clicking the buttons of the dialog.
+		 * By default it is the index of the buttons that have "cancel" or "no" as label,
+		 * or 0 if there is no such buttons. On macOS and Windows the index of "Cancel" button
+		 * will always be used as cancelId, not matter whether it is already specified.
+		 */
+		cancelId?: number;
+		/**
+		 * On Windows Electron will try to figure out which one of the buttons are common buttons
+		 * (like "Cancel" or "Yes"), and show the others as command links in the dialog.
+		 * This can make the dialog appear in the style of modern Windows apps.
+		 * If you don’t like this behavior, you can set noLink to true.
+		 */
+		noLink?: boolean;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/download-item.md
+
+	/**
+	 * DownloadItem represents a download item in Electron.
+	 */
+	interface DownloadItem extends NodeJS.EventEmitter {
+		/**
+		 * Emitted when the download has been updated and is not done.
+		 */
+		on(event: 'updated', listener: (event: Event, state: 'progressing' | 'interrupted') => void): this;
+		/**
+		 * Emits when the download is in a terminal state. This includes a completed download,
+		 * a cancelled download (via downloadItem.cancel()), and interrupted download that can’t be resumed.
+		 */
+		on(event: 'done', listener: (event: Event, state: 'completed' | 'cancelled' | 'interrupted') => void): this;
+		on(event: string, listener: Function): this;
+		/**
+		 * Set the save file path of the download item.
+		 * Note: The API is only available in session’s will-download callback function.
+		 * If user doesn’t set the save path via the API, Electron will use the original
+		 * routine to determine the save path (Usually prompts a save dialog).
+		 */
+		setSavePath(path: string): void;
+		/**
+		 * @returns The save path of the download item.
+		 * This will be either the path set via downloadItem.setSavePath(path) or the path selected from the shown save dialog.
+		 */
+		getSavePath(): string;
+		/**
+		 * Pauses the download.
+		 */
+		pause(): void;
+		/**
+		 * @returns Whether the download is paused.
+		 */
+		isPaused(): boolean;
+		/**
+		 * Resumes the download that has been paused.
+		 */
+		resume(): void;
+		/**
+		 * @returns Whether the download can resume.
+		 */
+		canResume(): boolean;
+		/**
+		 * Cancels the download operation.
+		 */
+		cancel(): void;
+		/**
+		 * @returns The origin url where the item is downloaded from.
+		 */
+		getURL(): string;
+		/**
+		 * @returns The mime type.
+		 */
+		getMimeType(): string;
+		/**
+		 * @returns Whether the download has user gesture.
+		 */
+		hasUserGesture(): boolean;
+		/**
+		 * @returns The file name of the download item.
+		 * Note: The file name is not always the same as the actual one saved in local disk.
+		 * If user changes the file name in a prompted download saving dialog,
+		 * the actual name of saved file will be different.
+		 */
+		getFilename(): string;
+		/**
+		 * @returns The total size in bytes of the download item. If the size is unknown, it returns 0.
+		 */
+		getTotalBytes(): number;
+		/**
+		 * @returns The received bytes of the download item.
+		 */
+		getReceivedBytes(): number;
+		/**
+		 * @returns The Content-Disposition field from the response header.
+		 */
+		getContentDisposition(): string;
+		/**
+		 * @returns The current state.
+		 */
+		getState(): 'progressing' | 'completed' | 'cancelled' | 'interrupted';
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/global-shortcut.md
+
+	/**
+	 * The globalShortcut module can register/unregister a global keyboard shortcut
+	 * with the operating system so that you can customize the operations for various shortcuts.
+	 * Note: The shortcut is global; it will work even if the app does not have the keyboard focus.
+	 * You should not use this module until the ready event of the app module is emitted.
+	 */
+	interface GlobalShortcut {
+		/**
+		 * Registers a global shortcut of accelerator.
+		 * @param accelerator Represents a keyboard shortcut. It can contain modifiers
+		 * and key codes, combined by the "+" character.
+		 * @param callback Called when the registered shortcut is pressed by the user.
+		 */
+		register(accelerator: string, callback: Function): void;
+		/**
+		 * @param accelerator Represents a keyboard shortcut. It can contain modifiers
+		 * and key codes, combined by the "+" character.
+		 * @returns Whether the accelerator is registered.
+		 */
+		isRegistered(accelerator: string): boolean;
+		/**
+		 * Unregisters the global shortcut of keycode.
+		 * @param accelerator Represents a keyboard shortcut. It can contain modifiers
+		 * and key codes, combined by the "+" character.
+		 */
+		unregister(accelerator: string): void;
+		/**
+		 * Unregisters all the global shortcuts.
+		 */
+		unregisterAll(): void;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/ipc-main.md
+
+	/**
+	 * The ipcMain module handles asynchronous and synchronous messages
+	 * sent from a renderer process (web page).
+	 * Messages sent from a renderer will be emitted to this module.
+	 */
+	interface IpcMain extends NodeJS.EventEmitter {
+		addListener(channel: string, listener: IpcMainEventListener): this;
+		on(channel: string, listener: IpcMainEventListener): this;
+		once(channel: string, listener: IpcMainEventListener): this;
+		removeListener(channel: string, listener: IpcMainEventListener): this;
+		removeAllListeners(channel?: string): this;
+	}
+
+	type IpcMainEventListener = (event: IpcMainEvent, ...args: any[]) => void;
+
+	interface IpcMainEvent {
+		/**
+		 * Set this to the value to be returned in a synchronous message.
+		 */
+		returnValue?: any;
+		/**
+		 * Returns the webContents that sent the message, you can call sender.send
+		 * to reply to the asynchronous message.
+		 */
+		sender: WebContents;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/ipc-renderer.md
+
+	/**
+	 * The ipcRenderer module provides a few methods so you can send synchronous
+	 * and asynchronous messages from the render process (web page) to the main process.
+	 * You can also receive replies from the main process.
+	 */
+	interface IpcRenderer extends NodeJS.EventEmitter {
+		addListener(channel: string, listener: IpcRendererEventListener): this;
+		on(channel: string, listener: IpcRendererEventListener): this;
+		once(channel: string, listener: IpcRendererEventListener): this;
+		removeListener(channel: string, listener: IpcRendererEventListener): this;
+		removeAllListeners(channel?: string): this;
+		/**
+		 * Send ...args to the renderer via channel in asynchronous message, the main
+		 * process can handle it by listening to the channel event of ipc module.
+		 */
+		send(channel: string, ...args: any[]): void;
+		/**
+		 * Send ...args to the renderer via channel in synchronous message, and returns
+		 * the result sent from main process. The main process can handle it by listening
+		 * to the channel event of ipc module, and returns by setting event.returnValue.
+		 * Note: Usually developers should never use this API, since sending synchronous
+		 * message would block the whole renderer process.
+		 * @returns The result sent from the main process.
+		 */
+		sendSync(channel: string, ...args: any[]): any;
+		/**
+		 * Like ipc.send but the message will be sent to the host page instead of the main process.
+		 * This is mainly used by the page in <webview> to communicate with host page.
+		 */
+		sendToHost(channel: string, ...args: any[]): void;
+	}
+
+	type IpcRendererEventListener = (event: IpcRendererEvent, ...args: any[]) => void;
+
+	interface IpcRendererEvent {
+		/**
+		 * You can call sender.send to reply to the asynchronous message.
+		 */
+		sender: IpcRenderer;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/menu-item.md
+	// https://github.com/electron/electron/blob/master/docs/api/accelerator.md
+
+	/**
+	 * The MenuItem allows you to add items to an application or context menu.
+	 */
+	class MenuItem {
+		/**
+		 * Create a new menu item.
+		 */
+		constructor(options: MenuItemOptions);
+
+		click: (menuItem: MenuItem, browserWindow: BrowserWindow, event: Event) => void;
+		/**
+		 * Read-only property.
+		 */
+		type: MenuItemType;
+		/**
+		 * Read-only property.
+		 */
+		role: MenuItemRole | MenuItemRoleMac;
+		/**
+		 * Read-only property.
+		 */
+		accelerator: string;
+		/**
+		 * Read-only property.
+		 */
+		icon: NativeImage | string;
+		/**
+		 * Read-only property.
+		 */
+		submenu: Menu | MenuItemOptions[];
+
+		label: string;
+		sublabel: string;
+		enabled: boolean;
+		visible: boolean;
+		checked: boolean;
+	}
+
+	type MenuItemType = 'normal' | 'separator' | 'submenu' | 'checkbox' | 'radio';
+	type MenuItemRole = 'undo' | 'redo' | 'cut' | 'copy' | 'paste' | 'pasteandmatchstyle' | 'selectall' | 'delete' | 'minimize' | 'close' | 'quit' | 'togglefullscreen' | 'resetzoom' | 'zoomin' | 'zoomout';
+	type MenuItemRoleMac = 'about' | 'hide' | 'hideothers' | 'unhide' | 'startspeaking' | 'stopspeaking' | 'front' | 'zoom' | 'window' | 'help' | 'services';
+
+	interface MenuItemOptions {
+		/**
+		 * Callback when the menu item is clicked.
+		 */
+		click?: (menuItem: MenuItem, browserWindow: BrowserWindow) => void;
+		/**
+		 * Can be normal, separator, submenu, checkbox or radio.
+		 */
+		type?: MenuItemType;
+		label?: string;
+		sublabel?: string;
+		/**
+		 * An accelerator is string that represents a keyboard shortcut, it can contain
+		 * multiple modifiers and key codes, combined by the + character.
+		 *
+		 * Examples:
+		 *   CommandOrControl+A
+		 *   CommandOrControl+Shift+Z
+		 *
+		 * Platform notice:
+		 *   On Linux and Windows, the Command key would not have any effect,
+		 *   you can use CommandOrControl which represents Command on macOS and Control on
+		 *   Linux and Windows to define some accelerators.
+		 *
+		 *   Use Alt instead of Option. The Option key only exists on macOS, whereas
+		 *   the Alt key is available on all platforms.
+		 *
+		 *   The Super key is mapped to the Windows key on Windows and Linux and Cmd on macOS.
+		 *
+		 * Available modifiers:
+		 *   Command (or Cmd for short)
+		 *   Control (or Ctrl for short)
+		 *   CommandOrControl (or CmdOrCtrl for short)
+		 *   Alt
+		 *   Option
+		 *   AltGr
+		 *   Shift
+		 *   Super
+		 *
+		 * Available key codes:
+		 *   0 to 9
+		 *   A to Z
+		 *   F1 to F24
+		 *   Punctuations like ~, !, @, #, $, etc.
+		 *   Plus
+		 *   Space
+		 *   Tab
+		 *   Backspace
+		 *   Delete
+		 *   Insert
+		 *   Return (or Enter as alias)
+		 *   Up, Down, Left and Right
+		 *   Home and End
+		 *   PageUp and PageDown
+		 *   Escape (or Esc for short)
+		 *   VolumeUp, VolumeDown and VolumeMute
+		 *   MediaNextTrack, MediaPreviousTrack, MediaStop and MediaPlayPause
+		 *   PrintScreen
+		 */
+		accelerator?: string;
+		/**
+		 * In Electron for the APIs that take images, you can pass either file paths
+		 * or NativeImage instances. When passing null, an empty image will be used.
+		 */
+		icon?: NativeImage|string;
+		/**
+		 * If false, the menu item will be greyed out and unclickable.
+		 */
+		enabled?: boolean;
+		/**
+		 * If false, the menu item will be entirely hidden.
+		 */
+		visible?: boolean;
+		/**
+		 * Should only be specified for 'checkbox' or 'radio' type menu items.
+		 */
+		checked?: boolean;
+		/**
+		 * Should be specified for submenu type menu item, when it's specified the
+		 * type: 'submenu' can be omitted for the menu item
+		 */
+		submenu?: Menu|MenuItemOptions[];
+		/**
+		 * Unique within a single menu. If defined then it can be used as a reference
+		 * to this item by the position attribute.
+		 */
+		id?: string;
+		/**
+		 * This field allows fine-grained definition of the specific location within
+		 * a given menu.
+		 */
+		position?: string;
+		/**
+		 * Define the action of the menu item, when specified the click property will be ignored
+		 */
+		role?: MenuItemRole | MenuItemRoleMac;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/menu.md
+
+	/**
+	 * The Menu class is used to create native menus that can be used as application
+	 * menus and context menus. This module is a main process module which can be used
+	 * in a render process via the remote module.
+	 *
+	 * Each menu consists of multiple menu items, and each menu item can have a submenu.
+	 */
+	class Menu extends NodeJS.EventEmitter {
+		/**
+		 * Creates a new menu.
+		 */
+		constructor();
+		/**
+		 * Sets menu as the application menu on macOS. On Windows and Linux, the menu
+		 * will be set as each window's top menu.
+		 */
+		static setApplicationMenu(menu: Menu): void;
+		/**
+		 * @returns The application menu if set, or null if not set.
+		 */
+		static getApplicationMenu(): Menu;
+		/**
+		 * Sends the action to the first responder of application.
+		 * This is used for emulating default Cocoa menu behaviors,
+		 * usually you would just use the role property of MenuItem.
+		 *
+		 * Note: This method is macOS only.
+		 */
+		static sendActionToFirstResponder(action: string): void;
+		/**
+		 * @param template Generally, just an array of options for constructing MenuItem.
+		 * You can also attach other fields to element of the template, and they will
+		 * become properties of the constructed menu items.
+		 */
+		static buildFromTemplate(template: MenuItemOptions[]): Menu;
+		/**
+		 * Pops up this menu as a context menu in the browserWindow. You can optionally
+		 * provide a (x,y) coordinate to place the menu at, otherwise it will be placed
+		 * at the current mouse cursor position.
+		 * @param x Horizontal coordinate where the menu will be placed.
+		 * @param y Vertical coordinate where the menu will be placed.
+		 */
+		popup(browserWindow?: BrowserWindow, x?: number, y?: number): void;
+		/**
+		 * Appends the menuItem to the menu.
+		 */
+		append(menuItem: MenuItem): void;
+		/**
+		 * Inserts the menuItem to the pos position of the menu.
+		 */
+		insert(position: number, menuItem: MenuItem): void;
+		/**
+		 * @returns an array containing the menu’s items.
+		 */
+		items: MenuItem[];
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/native-image.md
+
+	/**
+	 * This class is used to represent an image.
+	 */
+	class NativeImage {
+		/**
+		 * Creates an empty NativeImage instance.
+		 */
+		static createEmpty(): NativeImage;
+		/**
+		 * Creates a new NativeImage instance from file located at path.
+		 * This method returns an empty image if the path does not exist, cannot be read, or is not a valid image.
+		 */
+		static createFromPath(path: string): NativeImage;
+		/**
+		 * Creates a new NativeImage instance from buffer.
+		 * @param scaleFactor 1.0 by default.
+		 */
+		static createFromBuffer(buffer: Buffer, scaleFactor?: number): NativeImage;
+		/**
+		 * Creates a new NativeImage instance from dataURL
+		 */
+		static createFromDataURL(dataURL: string): NativeImage;
+		/**
+		 * @returns Buffer that contains the image's PNG encoded data.
+		 */
+		toPNG(): Buffer;
+		/**
+		 * @returns Buffer that contains the image's JPEG encoded data.
+		 */
+		toJPEG(quality: number): Buffer;
+		/**
+		 * @returns Buffer that contains a copy of the image's raw bitmap pixel data.
+		 */
+		toBitmap(): Buffer;
+		/**
+		 * @returns Buffer that contains the image's raw bitmap pixel data.
+		 *
+		 * The difference between getBitmap() and toBitmap() is, getBitmap() does not copy the bitmap data,
+		 * so you have to use the returned Buffer immediately in current event loop tick,
+		 * otherwise the data might be changed or destroyed.
+		 */
+		getBitmap(): Buffer;
+		/**
+		 * @returns The data URL of the image.
+		 */
+		toDataURL(): string;
+		/**
+		 * The native type of the handle is NSImage* on macOS.
+		 * Note: This is only implemented on macOS.
+		 * @returns The platform-specific handle of the image as Buffer.
+		 */
+		getNativeHandle(): Buffer;
+		/**
+		 * @returns Whether the image is empty.
+		 */
+		isEmpty(): boolean;
+		/**
+		 * @returns The size of the image.
+		 */
+		getSize(): Size;
+		/**
+		 * Marks the image as template image.
+		 */
+		setTemplateImage(option: boolean): void;
+		/**
+		 * Returns a boolean whether the image is a template image.
+		 */
+		isTemplateImage(): boolean;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/power-monitor.md
+
+	/**
+	 * The power-monitor module is used to monitor power state changes.
+	 * You should not use this module until the ready event of the app module is emitted.
+	 */
+	interface PowerMonitor extends NodeJS.EventEmitter {
+		/**
+		 * Emitted when the system is suspending.
+		 */
+		on(event: 'suspend', listener: Function): this;
+		/**
+		 * Emitted when system is resuming.
+		 */
+		on(event: 'resume', listener: Function): this;
+		/**
+		 * Emitted when the system changes to AC power.
+		 */
+		on(event: 'on-ac', listener: Function): this;
+		/**
+		 * Emitted when system changes to battery power.
+		 */
+		on(event: 'on-battery', listener: Function): this;
+		on(event: string, listener: Function): this;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/power-save-blocker.md
+
+	/**
+	 * The powerSaveBlocker module is used to block the system from entering
+	 * low-power (sleep) mode and thus allowing the app to keep the system and screen active.
+	 */
+	interface PowerSaveBlocker {
+		/**
+		 * Starts preventing the system from entering lower-power mode.
+		 * @returns The blocker ID that is assigned to this power blocker.
+		 * Note: prevent-display-sleep has higher has precedence over prevent-app-suspension.
+		 */
+		start(type: 'prevent-app-suspension' | 'prevent-display-sleep'): number;
+		/**
+		 * @param id The power save blocker id returned by powerSaveBlocker.start.
+		 * Stops the specified power save blocker.
+		 */
+		stop(id: number): void;
+		/**
+		 * @param id The power save blocker id returned by powerSaveBlocker.start.
+		 * @returns Whether the corresponding powerSaveBlocker has started.
+		 */
+		isStarted(id: number): boolean;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/protocol.md
+
+	/**
+	 * The protocol module can register a custom protocol or intercept an existing protocol.
+	 */
+	interface Protocol {
+		/**
+		 * Registers custom schemes as standard schemes.
+		 */
+		registerStandardSchemes(schemes: string[]): void;
+		/**
+		 * Registers custom schemes to handle service workers.
+		 */
+		registerServiceWorkerSchemes(schemes: string[]): void;
+		/**
+		 * Registers a protocol of scheme that will send the file as a response.
+		 */
+		registerFileProtocol(scheme: string, handler: FileProtocolHandler, completion?: (error: Error) => void): void;
+		/**
+		 * Registers a protocol of scheme that will send a Buffer as a response.
+		 */
+		registerBufferProtocol(scheme: string, handler: BufferProtocolHandler, completion?: (error: Error) => void): void;
+		/**
+		 * Registers a protocol of scheme that will send a String as a response.
+		 */
+		registerStringProtocol(scheme: string, handler: StringProtocolHandler, completion?: (error: Error) => void): void;
+		/**
+		 * Registers a protocol of scheme that will send an HTTP request as a response.
+		 */
+		registerHttpProtocol(scheme: string, handler: HttpProtocolHandler, completion?: (error: Error) => void): void;
+		/**
+		 * Unregisters the custom protocol of scheme.
+		 */
+		unregisterProtocol(scheme: string, completion?: (error: Error) => void): void;
+		/**
+		 * The callback will be called with a boolean that indicates whether there is already a handler for scheme.
+		 */
+		isProtocolHandled(scheme: string, callback: (handled: boolean) => void): void;
+		/**
+		 * Intercepts scheme protocol and uses handler as the protocol’s new handler which sends a file as a response.
+		 */
+		interceptFileProtocol(scheme: string, handler: FileProtocolHandler, completion?: (error: Error) => void): void;
+		/**
+		 * Intercepts scheme protocol and uses handler as the protocol’s new handler which sends a Buffer as a response.
+		 */
+		interceptBufferProtocol(scheme: string, handler: BufferProtocolHandler, completion?: (error: Error) => void): void;
+		/**
+		 * Intercepts scheme protocol and uses handler as the protocol’s new handler which sends a String as a response.
+		 */
+		interceptStringProtocol(scheme: string, handler: StringProtocolHandler, completion?: (error: Error) => void): void;
+		/**
+		 * Intercepts scheme protocol and uses handler as the protocol’s new handler which sends a new HTTP request as a response.
+		 */
+		interceptHttpProtocol(scheme: string, handler: HttpProtocolHandler, completion?: (error: Error) => void): void;
+		/**
+		 * Remove the interceptor installed for scheme and restore its original handler.
+		 */
+		uninterceptProtocol(scheme: string, completion?: (error: Error) => void): void;
+	}
+
+	type FileProtocolHandler = (request: ProtocolRequest, callback: FileProtocolCallback) => void;
+	type BufferProtocolHandler = (request: ProtocolRequest, callback: BufferProtocolCallback) => void;
+	type StringProtocolHandler = (request: ProtocolRequest, callback: StringProtocolCallback) => void;
+	type HttpProtocolHandler = (request: ProtocolRequest, callback: HttpProtocolCallback) => void;
+
+	interface ProtocolRequest {
+		url: string;
+		referrer: string;
+		method: string;
+		uploadData?: {
+			/**
+			 * Content being sent.
+			 */
+			bytes: Buffer,
+			/**
+			 * Path of file being uploaded.
+			 */
+			file: string,
+			/**
+			 * UUID of blob data. Use session.getBlobData method to retrieve the data.
+			 */
+			blobUUID: string;
+		}[];
+	}
+
+	interface ProtocolCallback {
+		(error: number): void;
+		(obj: {
+			error: number
+		}): void;
+		(): void;
+	}
+
+	interface FileProtocolCallback extends ProtocolCallback {
+		(filePath: string): void;
+		(obj: {
+			path: string
+		}): void;
+	}
+
+	interface BufferProtocolCallback extends ProtocolCallback {
+		(buffer: Buffer): void;
+		(obj: {
+			data: Buffer,
+			mimeType: string,
+			charset?: string
+		}): void;
+	}
+
+	interface StringProtocolCallback extends ProtocolCallback {
+		(str: string): void;
+		(obj: {
+			data: Buffer,
+			mimeType: string,
+			charset?: string
+		}): void;
+	}
+
+	interface HttpProtocolCallback extends ProtocolCallback {
+		(redirectRequest: {
+			url: string;
+			method: string;
+			session?: Object;
+			uploadData?: {
+				contentType: string;
+				data: string;
+			};
+		}): void;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/remote.md
+
+	/**
+	 * The remote module provides a simple way to do inter-process communication (IPC)
+	 * between the renderer process (web page) and the main process.
+	 */
+	interface Remote extends CommonElectron {
+		/**
+		 * @returns The object returned by require(module) in the main process.
+		 */
+		require(module: string): any;
+		/**
+		 * @returns The BrowserWindow object which this web page belongs to.
+		 */
+		getCurrentWindow(): BrowserWindow;
+		/**
+		 * @returns The WebContents object of this web page.
+		 */
+		getCurrentWebContents(): WebContents;
+		/**
+		 * @returns The global variable of name (e.g. global[name]) in the main process.
+		 */
+		getGlobal(name: string): any;
+		/**
+		 * Returns the process object in the main process. This is the same as
+		 * remote.getGlobal('process'), but gets cached.
+		 */
+		process: NodeJS.Process;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/screen.md
+
+	/**
+	 * The Display object represents a physical display connected to the system.
+	 * A fake Display may exist on a headless system, or a Display may correspond to a remote, virtual display.
+	 */
+	interface Display {
+		/**
+		 * Unique identifier associated with the display.
+		 */
+		id: number;
+		bounds: Rectangle;
+		workArea: Rectangle;
+		size: Size;
+		workAreaSize: Size;
+		/**
+		 * Output device’s pixel scale factor.
+		 */
+		scaleFactor: number;
+		/**
+		 * Can be 0, 90, 180, 270, represents screen rotation in clock-wise degrees.
+		 */
+		rotation: number;
+		touchSupport: 'available' | 'unavailable' | 'unknown';
+	}
+
+	type DisplayMetrics = 'bounds' | 'workArea' | 'scaleFactor' | 'rotation';
+
+	/**
+	 * The screen module retrieves information about screen size, displays, cursor position, etc.
+	 * You can not use this module until the ready event of the app module is emitted.
+	 */
+	interface Screen extends NodeJS.EventEmitter {
+		/**
+		 * Emitted when newDisplay has been added.
+		 */
+		on(event: 'display-added', listener: (event: Event, newDisplay: Display) => void): this;
+		/**
+		 * Emitted when oldDisplay has been removed.
+		 */
+		on(event: 'display-removed', listener: (event: Event, oldDisplay: Display) => void): this;
+		/**
+		 * Emitted when one or more metrics change in a display.
+		 */
+		on(event: 'display-metrics-changed', listener: (event: Event, display: Display, changedMetrics: DisplayMetrics[]) => void): this;
+		on(event: string, listener: Function): this;
+		/**
+		 * @returns The current absolute position of the mouse pointer.
+		 */
+		getCursorScreenPoint(): Point;
+		/**
+		 * @returns The primary display.
+		 */
+		getPrimaryDisplay(): Display;
+		/**
+		 * @returns An array of displays that are currently available.
+		 */
+		getAllDisplays(): Display[];
+		/**
+		 * @returns The display nearest the specified point.
+		 */
+		getDisplayNearestPoint(point: Point): Display;
+		/**
+		 * @returns The display that most closely intersects the provided bounds.
+		 */
+		getDisplayMatching(rect: Rectangle): Display;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/session.md
+
+	/**
+	 * The session module can be used to create new Session objects.
+	 * You can also access the session of existing pages by using
+	 * the session property of webContents which is a property of BrowserWindow.
+	 */
+	class Session extends NodeJS.EventEmitter {
+		/**
+		 * @returns a new Session instance from partition string.
+		 */
+		static fromPartition(partition: string, options?: FromPartitionOptions): Session;
+		/**
+		 * @returns the default session object of the app.
+		 */
+		static defaultSession: Session;
+		/**
+		 * Emitted when Electron is about to download item in webContents.
+		 * Calling event.preventDefault() will cancel the download
+		 * and item will not be available from next tick of the process.
+		 */
+		on(event: 'will-download', listener: (event: Event, item: DownloadItem, webContents: WebContents) => void): this;
+		on(event: string, listener: Function): this;
+		/**
+		 * The cookies gives you ability to query and modify cookies.
+		 */
+		cookies: SessionCookies;
+		/**
+		 * @returns the session’s current cache size.
+		 */
+		getCacheSize(callback: (size: number) => void): void;
+		/**
+		 * Clears the session’s HTTP cache.
+		 */
+		clearCache(callback: Function): void;
+		/**
+		 * Clears the data of web storages.
+		 */
+		clearStorageData(callback: Function): void;
+		/**
+		 * Clears the data of web storages.
+		 */
+		clearStorageData(options: ClearStorageDataOptions, callback: Function): void;
+		/**
+		 * Writes any unwritten DOMStorage data to disk.
+		 */
+		flushStorageData(): void;
+		/**
+		 * Sets the proxy settings.
+		 */
+		setProxy(config: ProxyConfig, callback: Function): void;
+		/**
+		 * Resolves the proxy information for url.
+		 */
+		resolveProxy(url: URL, callback: (proxy: string) => void): void;
+		/**
+		 * Sets download saving directory.
+		 * By default, the download directory will be the Downloads under the respective app folder.
+		 */
+		setDownloadPath(path: string): void;
+		/**
+		 * Emulates network with the given configuration for the session.
+		 */
+		enableNetworkEmulation(options: NetworkEmulationOptions): void;
+		/**
+		 * Disables any network emulation already active for the session.
+		 * Resets to the original network configuration.
+		 */
+		disableNetworkEmulation(): void;
+		/**
+		 * Sets the certificate verify proc for session, the proc will be called
+		 * whenever a server certificate verification is requested.
+		 *
+		 * Calling setCertificateVerifyProc(null) will revert back to default certificate verify proc.
+		 */
+		setCertificateVerifyProc(proc: (hostname: string, cert: Certificate, callback: (accepted: boolean) => void) => void): void;
+		/**
+		 * Sets the handler which can be used to respond to permission requests for the session.
+		 */
+		setPermissionRequestHandler(handler: (webContents: WebContents, permission: Permission, callback: (allow: boolean) => void) => void): void;
+		/**
+		 * Clears the host resolver cache.
+		 */
+		clearHostResolverCache(callback: Function): void;
+		/**
+		 * Dynamically sets whether to always send credentials for HTTP NTLM or Negotiate authentication.
+		 * @param domains Comma-seperated list of servers for which integrated authentication is enabled.
+		 */
+		allowNTLMCredentialsForDomains(domains: string): void;
+		/**
+		 * Overrides the userAgent and acceptLanguages for this session.
+		 * The acceptLanguages must a comma separated ordered list of language codes, for example "en-US,fr,de,ko,zh-CN,ja".
+		 * This doesn't affect existing WebContents, and each WebContents can use webContents.setUserAgent to override the session-wide user agent.
+		 */
+		setUserAgent(userAgent: string, acceptLanguages?: string): void;
+		/**
+		 * @returns The user agent for this session.
+		 */
+		getUserAgent(): string;
+		/**
+		 * Returns the blob data associated with the identifier.
+		 */
+		getBlobData(identifier: string, callback: (result: Buffer) => void): void;
+		/**
+		 * The webRequest API set allows to intercept and modify contents of a request at various stages of its lifetime.
+		 */
+		webRequest: WebRequest;
+		/**
+		 * @returns An instance of protocol module for this session.
+		 */
+		protocol: Protocol;
+	}
+
+	type Permission = 'media' | 'geolocation' | 'notifications' | 'midiSysex' | 'pointerLock' | 'fullscreen' | 'openExternal';
+
+	interface FromPartitionOptions {
+		/**
+		 * Whether to enable cache.
+		 */
+		cache?: boolean;
+	}
+
+	interface ClearStorageDataOptions {
+		/**
+		 * Should follow window.location.origin’s representation scheme://host:port.
+		 */
+		origin?: string;
+		/**
+		 *  The types of storages to clear.
+		 */
+		storages?: ('appcache' | 'cookies' | 'filesystem' | 'indexdb' | 'localstorage' | 'shadercache' | 'websql' | 'serviceworkers')[];
+		/**
+		 * The types of quotas to clear.
+		 */
+		quotas?: ('temporary' | 'persistent' | 'syncable')[];
+	}
+
+	interface ProxyConfig {
+		/**
+		 * The URL associated with the PAC file.
+		 */
+		pacScript: string;
+		/**
+		 * Rules indicating which proxies to use.
+		 */
+		proxyRules: string;
+		/**
+		 * Rules indicating which URLs should bypass the proxy settings.
+		 */
+		proxyBypassRules: string;
+	}
+
+	interface NetworkEmulationOptions {
+		/**
+		 * Whether to emulate network outage.
+		 * Default: false.
+		 */
+		offline?: boolean;
+		/**
+		 * RTT in ms.
+		 * Default: 0, which will disable latency throttling.
+		 */
+		latency?: number;
+		/**
+		 * Download rate in Bps.
+		 * Default: 0, which will disable download throttling.
+		 */
+		downloadThroughput?: number;
+		/**
+		 * Upload rate in Bps.
+		 * Default: 0, which will disable upload throttling.
+		 */
+		uploadThroughput?: number;
+	}
+
+	interface CookieFilter {
+		/**
+		 * Retrieves cookies which are associated with url. Empty implies retrieving cookies of all urls.
+		 */
+		url?: string;
+		/**
+		 * Filters cookies by name.
+		 */
+		name?: string;
+		/**
+		 * Retrieves cookies whose domains match or are subdomains of domains.
+		 */
+		domain?: string;
+		/**
+		 * Retrieves cookies whose path matches path.
+		 */
+		path?: string;
+		/**
+		 * Filters cookies by their Secure property.
+		 */
+		secure?: boolean;
+		/**
+		 * Filters out session or persistent cookies.
+		 */
+		session?: boolean;
+	}
+
+	interface Cookie {
+		/**
+		 * Emitted when a cookie is changed because it was added, edited, removed, or expired.
+		 */
+		on(event: 'changed', listener: (event: Event, cookie: Cookie, cause: CookieChangedCause) => void): this;
+		on(event: string, listener: Function): this;
+		/**
+		 * The name of the cookie.
+		 */
+		name: string;
+		/**
+		 * The value of the cookie.
+		 */
+		value: string;
+		/**
+		 * The domain of the cookie.
+		 */
+		domain: string;
+		/**
+		 * Whether the cookie is a host-only cookie.
+		 */
+		hostOnly: string;
+		/**
+		 * The path of the cookie.
+		 */
+		path: string;
+		/**
+		 * Whether the cookie is marked as secure.
+		 */
+		secure: boolean;
+		/**
+		 * Whether the cookie is marked as HTTP only.
+		 */
+		httpOnly: boolean;
+		/**
+		 * Whether the cookie is a session cookie or a persistent cookie with an expiration date.
+		 */
+		session: boolean;
+		/**
+		 * The expiration date of the cookie as the number of seconds since the UNIX epoch.
+		 * Not provided for session cookies.
+		 */
+		expirationDate?: number;
+	}
+
+	type CookieChangedCause = 'explicit' | 'overwrite' | 'expired' | 'evicted' | 'expired-overwrite';
+
+	interface CookieDetails {
+		/**
+		 * The URL associated with the cookie.
+		 */
+		url: string;
+		/**
+		 * The name of the cookie.
+		 * Default: empty.
+		 */
+		name?: string;
+		/**
+		 * The value of the cookie.
+		 * Default: empty.
+		 */
+		value?: string;
+		/**
+		 * The domain of the cookie.
+		 * Default: empty.
+		 */
+		domain?: string;
+		/**
+		 * The path of the cookie.
+		 * Default: empty.
+		 */
+		path?: string;
+		/**
+		 * Whether the cookie should be marked as secure.
+		 * Default: false.
+		 */
+		secure?: boolean;
+		/**
+		 * Whether the cookie should be marked as HTTP only.
+		 * Default: false.
+		 */
+		httpOnly?: boolean;
+		/**
+		 * The expiration date of the cookie as the number of seconds since the UNIX epoch.
+		 * If omitted, the cookie becomes a session cookie.
+		 */
+		expirationDate?: number;
+	}
+
+	interface SessionCookies {
+		/**
+		 * Sends a request to get all cookies matching filter.
+		 */
+		get(filter: CookieFilter, callback: (error: Error, cookies: Cookie[]) => void): void;
+		/**
+		 * Sets the cookie with details.
+		 */
+		set(details: CookieDetails, callback: (error: Error) => void): void;
+		/**
+		 * Removes the cookies matching url and name.
+		 */
+		remove(url: string, name: string, callback: (error: Error) => void): void;
+	}
+
+	/**
+	 * Each API accepts an optional filter and a listener, the listener will be called when the API's event has happened.
+	 * Passing null as listener will unsubscribe from the event.
+	 *
+	 * The filter will be used to filter out the requests that do not match the URL patterns.
+	 * If the filter is omitted then all requests will be matched.
+	 *
+	 * For certain events the listener is passed with a callback,
+	 * which should be called with an response object when listener has done its work.
+	 */
+	interface WebRequest {
+		/**
+		 * The listener will be called when a request is about to occur.
+		 */
+		onBeforeRequest(listener: (details: WebRequest.BeforeRequestDetails, callback: WebRequest.BeforeRequestCallback) => void): void;
+		/**
+		 * The listener will be called when a request is about to occur.
+		 */
+		onBeforeRequest(filter: WebRequest.Filter, listener: (details: WebRequest.BeforeRequestDetails, callback: WebRequest.BeforeRequestCallback) => void): void;
+		/**
+		 * The listener will be called before sending an HTTP request, once the request headers are available.
+		 * This may occur after a TCP connection is made to the server, but before any http data is sent.
+		 */
+		onBeforeSendHeaders(listener: (details: WebRequest.BeforeSendHeadersDetails, callback: WebRequest.BeforeSendHeadersCallback) => void): void;
+		/**
+		 * The listener will be called before sending an HTTP request, once the request headers are available.
+		 * This may occur after a TCP connection is made to the server, but before any http data is sent.
+		 */
+		onBeforeSendHeaders(filter: WebRequest.Filter, listener: (details: WebRequest.BeforeSendHeadersDetails, callback: WebRequest.BeforeSendHeadersCallback) => void): void;
+		/**
+		 * The listener will be called just before a request is going to be sent to the server,
+		 * modifications of previous onBeforeSendHeaders response are visible by the time this listener is fired.
+		 */
+		onSendHeaders(listener: (details: WebRequest.SendHeadersDetails) => void): void;
+		/**
+		 * The listener will be called just before a request is going to be sent to the server,
+		 * modifications of previous onBeforeSendHeaders response are visible by the time this listener is fired.
+		 */
+		onSendHeaders(filter: WebRequest.Filter, listener: (details: WebRequest.SendHeadersDetails) => void): void;
+		/**
+		 * The listener will be called when HTTP response headers of a request have been received.
+		 */
+		onHeadersReceived(listener: (details: WebRequest.HeadersReceivedDetails, callback: WebRequest.HeadersReceivedCallback) => void): void;
+		/**
+		 * The listener will be called when HTTP response headers of a request have been received.
+		 */
+		onHeadersReceived(filter: WebRequest.Filter, listener: (details: WebRequest.HeadersReceivedDetails, callback: WebRequest.HeadersReceivedCallback) => void): void;
+		/**
+		 * The listener will be called when first byte of the response body is received.
+		 * For HTTP requests, this means that the status line and response headers are available.
+		 */
+		onResponseStarted(listener: (details: WebRequest.ResponseStartedDetails) => void): void;
+		/**
+		 * The listener will be called when first byte of the response body is received.
+		 * For HTTP requests, this means that the status line and response headers are available.
+		 */
+		onResponseStarted(filter: WebRequest.Filter, listener: (details: WebRequest.ResponseStartedDetails) => void): void;
+		/**
+		 * The listener will be called when a server initiated redirect is about to occur.
+		 */
+		onBeforeRedirect(listener: (details: WebRequest.BeforeRedirectDetails) => void): void;
+		/**
+		 * The listener will be called when a server initiated redirect is about to occur.
+		 */
+		onBeforeRedirect(filter: WebRequest.Filter, listener: (details: WebRequest.BeforeRedirectDetails) => void): void;
+		/**
+		 * The listener will be called when a request is completed.
+		 */
+		onCompleted(listener: (details: WebRequest.CompletedDetails) => void): void;
+		/**
+		 * The listener will be called when a request is completed.
+		 */
+		onCompleted(filter: WebRequest.Filter, listener: (details: WebRequest.CompletedDetails) => void): void;
+		/**
+		 * The listener will be called when an error occurs.
+		 */
+		onErrorOccurred(listener: (details: WebRequest.ErrorOccurredDetails) => void): void;
+		/**
+		 * The listener will be called when an error occurs.
+		 */
+		onErrorOccurred(filter: WebRequest.Filter, listener: (details: WebRequest.ErrorOccurredDetails) => void): void;
+	}
+
+	namespace WebRequest {
+		interface Filter {
+			urls: string[];
+		}
+
+		interface Details {
+			id: number;
+			url: string;
+			method: string;
+			resourceType: string;
+			timestamp: number;
+		}
+
+		interface UploadData {
+			/**
+			 * Content being sent.
+			 */
+			bytes: Buffer;
+			/**
+			 * Path of file being uploaded.
+			 */
+			file: string;
+			/**
+			 * UUID of blob data. Use session.getBlobData method to retrieve the data.
+			 */
+			blobUUID: string;
+		}
+
+		interface BeforeRequestDetails extends Details {
+			uploadData?: UploadData[];
+		}
+
+		type BeforeRequestCallback = (response: {
+			cancel?: boolean;
+			/**
+			 * The original request is prevented from being sent or completed, and is instead redirected to the given URL.
+			 */
+			redirectURL?: string;
+		}) => void;
+
+		interface BeforeSendHeadersDetails extends Details {
+			requestHeaders: Headers;
+		}
+
+		type BeforeSendHeadersCallback = (response: {
+			cancel?: boolean;
+			/**
+			 * When provided, request will be made with these headers.
+			 */
+			requestHeaders?: Headers;
+		}) => void;
+
+		interface SendHeadersDetails extends Details {
+			requestHeaders: Headers;
+		}
+
+		interface HeadersReceivedDetails extends Details {
+			statusLine: string;
+			statusCode: number;
+			responseHeaders: Headers;
+		}
+
+		type HeadersReceivedCallback = (response: {
+			cancel?: boolean;
+			/**
+			 * When provided, the server is assumed to have responded with these headers.
+			 */
+			responseHeaders?: Headers;
+			/**
+			 * Should be provided when overriding responseHeaders to change header status
+			 * otherwise original response header's status will be used.
+			 */
+			statusLine?: string;
+		}) => void;
+
+		interface ResponseStartedDetails extends Details {
+			responseHeaders: Headers;
+			fromCache: boolean;
+			statusCode: number;
+			statusLine: string;
+		}
+
+		interface BeforeRedirectDetails extends Details {
+			redirectURL: string;
+			statusCode: number;
+			ip?: string;
+			fromCache: boolean;
+			responseHeaders: Headers;
+		}
+
+		interface CompletedDetails extends Details {
+			responseHeaders: Headers;
+			fromCache: boolean;
+			statusCode: number;
+			statusLine: string;
+		}
+
+		interface ErrorOccurredDetails extends Details {
+			fromCache: boolean;
+			error: string;
+		}
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/shell.md
+
+	/**
+	 * The shell module provides functions related to desktop integration.
+	 */
+	interface Shell {
+		/**
+		 * Show the given file in a file manager. If possible, select the file.
+		 * @returns Whether the item was successfully shown.
+		 */
+		showItemInFolder(fullPath: string): boolean;
+		/**
+		 * Open the given file in the desktop's default manner.
+		 * @returns Whether the item was successfully shown.
+		 */
+		openItem(fullPath: string): boolean;
+		/**
+		 * Open the given external protocol URL in the desktop's default manner
+		 * (e.g., mailto: URLs in the default mail user agent).
+		 * @returns Whether an application was available to open the URL.
+		 */
+		openExternal(url: string, options?: {
+			/**
+			 * Bring the opened application to the foreground.
+			 * Default: true.
+			 */
+			activate: boolean;
+		}): boolean;
+		/**
+		 * Move the given file to trash.
+		 * @returns Whether the item was successfully moved to the trash.
+		 */
+		moveItemToTrash(fullPath: string): boolean;
+		/**
+		 * Play the beep sound.
+		 */
+		beep(): void;
+		/**
+		 * Creates or updates a shortcut link at shortcutPath.
+		 *
+		 * Note: This API is available only on Windows.
+		 */
+		writeShortcutLink(shortcutPath: string, options: ShortcutLinkOptions): boolean;
+		/**
+		 * Creates or updates a shortcut link at shortcutPath.
+		 *
+		 * Note: This API is available only on Windows.
+		 */
+		writeShortcutLink(shortcutPath: string, operation: 'create' | 'update' | 'replace', options: ShortcutLinkOptions): boolean;
+		/**
+		 * Resolves the shortcut link at shortcutPath.
+		 * An exception will be thrown when any error happens.
+		 *
+		 * Note: This API is available only on Windows.
+		 */
+		readShortcutLink(shortcutPath: string): ShortcutLinkOptions;
+	}
+
+	interface ShortcutLinkOptions {
+		/**
+		 * The target to launch from this shortcut.
+		 */
+		target: string;
+		/**
+		 * The working directory.
+		 * Default: empty.
+		 */
+		cwd?: string;
+		/**
+		 * The arguments to be applied to target when launching from this shortcut.
+		 * Default: empty.
+		 */
+		args?: string;
+		/**
+		 * The description of the shortcut.
+		 * Default: empty.
+		 */
+		description?: string;
+		/**
+		 * The path to the icon, can be a DLL or EXE. icon and iconIndex have to be set together.
+		 * Default: empty, which uses the target's icon.
+		 */
+		icon?: string;
+		/**
+		 * The resource ID of icon when icon is a DLL or EXE.
+		 * Default: 0.
+		 */
+		iconIndex?: number;
+		/**
+		 * The Application User Model ID.
+		 * Default: empty.
+		 */
+		appUserModelId?: string;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/system-preferences.md
+
+	/**
+	 * Get system preferences.
+	 */
+	interface SystemPreferences {
+		/**
+		 * Note: This is only implemented on Windows.
+		 */
+		on(event: 'accent-color-changed', listener: (event: Event, newColor: string) => void): this;
+		on(event: string, listener: Function): this;
+		/**
+		 * @returns Whether the system is in Dark Mode.
+		 *
+		 * Note: This is only implemented on macOS.
+		 */
+		isDarkMode(): boolean;
+		/**
+		 * @returns Whether the Swipe between pages setting is on.
+		 *
+		 * Note: This is only implemented on macOS.
+		 */
+		isSwipeTrackingFromScrollEventsEnabled(): boolean;
+		/**
+		 * Posts event as native notifications of macOS.
+		 * The userInfo contains the user information dictionary sent along with the notification.
+		 *
+		 * Note: This is only implemented on macOS.
+		 */
+		postNotification(event: string, userInfo: Object): void;
+		/**
+		 * Posts event as native notifications of macOS.
+		 * The userInfo contains the user information dictionary sent along with the notification.
+		 *
+		 * Note: This is only implemented on macOS.
+		 */
+		postLocalNotification(event: string, userInfo: Object): void;
+		/**
+		 * Subscribes to native notifications of macOS, callback will be called when the corresponding event happens.
+		 * The id of the subscriber is returned, which can be used to unsubscribe the event.
+		 *
+		 * Note: This is only implemented on macOS.
+		 */
+		subscribeNotification(event: string, callback: (event: Event, userInfo: Object) => void): number;
+		/**
+		 * Removes the subscriber with id.
+		 *
+		 * Note: This is only implemented on macOS.
+		 */
+		unsubscribeNotification(id: number): void;
+		/**
+		 * Same as subscribeNotification, but uses NSNotificationCenter for local defaults.
+		 */
+		subscribeLocalNotification(event: string, callback: (event: Event, userInfo: Object) => void): number;
+		/**
+		 * Same as unsubscribeNotification, but removes the subscriber from NSNotificationCenter.
+		 */
+		unsubscribeLocalNotification(id: number): void;
+		/**
+		 * Get the value of key in system preferences.
+		 *
+		 * Note: This is only implemented on macOS.
+		 */
+		getUserDefault(key: string, type: 'string' | 'boolean' | 'integer' | 'float' | 'double' | 'url' | 'array' | 'dictionary'): any;
+		/**
+		 * @returns Whether DWM composition (Aero Glass) is enabled.
+		 *
+		 * Note: This is only implemented on Windows.
+		 */
+		isAeroGlassEnabled(): boolean;
+		/**
+		 * @returns The users current system wide color preference in the form of an RGBA hexadecimal string.
+		 *
+		 * Note: This is only implemented on Windows.
+		 */
+		getAccentColor(): string;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/tray.md
+
+	/**
+	 * A Tray represents an icon in an operating system's notification area.
+	 */
+	class Tray extends NodeJS.EventEmitter implements Destroyable {
+		/**
+		 * Emitted when the tray icon is clicked.
+		 * Note: The bounds payload is only implemented on macOS and Windows.
+		 */
+		on(event: 'click', listener: (modifiers: Modifiers, bounds: Rectangle) => void): this;
+		/**
+		 * Emitted when the tray icon is right clicked.
+		 * Note: This is only implemented on macOS and Windows.
+		 */
+		on(event: 'right-click', listener: (modifiers: Modifiers, bounds: Rectangle) => void): this;
+		/**
+		 * Emitted when the tray icon is double clicked.
+		 * Note: This is only implemented on macOS and Windows.
+		 */
+		on(event: 'double-click', listener: (modifiers: Modifiers, bounds: Rectangle) => void): this;
+		/**
+		 * Emitted when the tray balloon shows.
+		 * Note: This is only implemented on Windows.
+		 */
+		on(event: 'balloon-show', listener: Function): this;
+		/**
+		 * Emitted when the tray balloon is clicked.
+		 * Note: This is only implemented on Windows.
+		 */
+		on(event: 'balloon-click', listener: Function): this;
+		/**
+		 * Emitted when the tray balloon is closed because of timeout or user manually closes it.
+		 * Note: This is only implemented on Windows.
+		 */
+		on(event: 'balloon-closed', listener: Function): this;
+		/**
+		 * Emitted when any dragged items are dropped on the tray icon.
+		 * Note: This is only implemented on macOS.
+		 */
+		on(event: 'drop', listener: Function): this;
+		/**
+		 * Emitted when dragged files are dropped in the tray icon.
+		 * Note: This is only implemented on macOS
+		 */
+		on(event: 'drop-files', listener: (event: Event, files: string[]) => void): this;
+		/**
+		 * Emitted when dragged text is dropped in the tray icon.
+		 * Note: This is only implemented on macOS
+		 */
+		on(event: 'drop-text', listener: (event: Event, text: string) => void): this;
+		/**
+		 * Emitted when a drag operation enters the tray icon.
+		 * Note: This is only implemented on macOS
+		 */
+		on(event: 'drag-enter', listener: Function): this;
+		/**
+		 * Emitted when a drag operation exits the tray icon.
+		 * Note: This is only implemented on macOS
+		 */
+		on(event: 'drag-leave', listener: Function): this;
+		/**
+		 * Emitted when a drag operation ends on the tray or ends at another location.
+		 * Note: This is only implemented on macOS
+		 */
+		on(event: 'drag-end', listener: Function): this;
+		on(event: string, listener: Function): this;
+		/**
+		 * Creates a new tray icon associated with the image.
+		 */
+		constructor(image: NativeImage|string);
+		/**
+		 * Destroys the tray icon immediately.
+		 */
+		destroy(): void;
+		/**
+		 * Sets the image associated with this tray icon.
+		 */
+		setImage(image: NativeImage|string): void;
+		/**
+		 * Sets the image associated with this tray icon when pressed.
+		 */
+		setPressedImage(image: NativeImage): void;
+		/**
+		 * Sets the hover text for this tray icon.
+		 */
+		setToolTip(toolTip: string): void;
+		/**
+		 * Sets the title displayed aside of the tray icon in the status bar.
+		 * Note: This is only implemented on macOS.
+		 */
+		setTitle(title: string): void;
+		/**
+		 * Sets when the tray's icon background becomes highlighted.
+		 * Note: This is only implemented on macOS.
+		 */
+		setHighlightMode(mode: 'selection' | 'always' | 'never'): void;
+		/**
+		 * Displays a tray balloon.
+		 * Note: This is only implemented on Windows.
+		 */
+		displayBalloon(options?: {
+			icon?: NativeImage;
+			title?: string;
+			content?: string;
+		}): void;
+		/**
+		 * Pops up the context menu of tray icon. When menu is passed,
+		 * the menu will showed instead of the tray's context menu.
+		 * The position is only available on Windows, and it is (0, 0) by default.
+		 * Note: This is only implemented on macOS and Windows.
+		 */
+		popUpContextMenu(menu?: Menu, position?: Point): void;
+		/**
+		 * Sets the context menu for this icon.
+		 */
+		setContextMenu(menu: Menu): void;
+		/**
+		 * @returns The bounds of this tray icon.
+		 */
+		getBounds(): Rectangle;
+		/**
+		 * @returns Whether the tray icon is destroyed.
+		 */
+		isDestroyed(): boolean;
+	}
+
+	interface Modifiers {
+		altKey: boolean;
+		shiftKey: boolean;
+		ctrlKey: boolean;
+		metaKey: boolean;
+	}
+
+	interface DragItem {
+		/**
+		* The absolute path of the file to be dragged
+		*/
+		file: string;
+		/**
+		* The image showing under the cursor when dragging.
+		*/
+		icon: NativeImage;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/web-contents.md
+
+	interface WebContentsStatic {
+		/**
+		 * @returns An array of all WebContents instances. This will contain web contents for all windows,
+		 * webviews, opened devtools, and devtools extension background pages.
+		 */
+		getAllWebContents(): WebContents[];
+		/**
+		 * @returns The web contents that is focused in this application, otherwise returns null.
+		 */
+		getFocusedWebContents(): WebContents;
+		/**
+		 * Find a WebContents instance according to its ID.
+		 */
+		fromId(id: number): WebContents;
+	}
+
+	/**
+	 * A WebContents is responsible for rendering and controlling a web page.
+	 */
+	interface WebContents extends NodeJS.EventEmitter {
+		/**
+		 * Emitted when the navigation is done, i.e. the spinner of the tab has stopped spinning,
+		 * and the onload event was dispatched.
+		 */
+		on(event: 'did-finish-load', listener: Function): this;
+		/**
+		 * This event is like did-finish-load but emitted when the load failed or was cancelled,
+		 * e.g. window.stop() is invoked.
+		 */
+		on(event: 'did-fail-load', listener: (event: Event, errorCode: number, errorDescription: string, validatedURL: string, isMainFrame: boolean) => void): this;
+		/**
+		 * Emitted when a frame has done navigation.
+		 */
+		on(event: 'did-frame-finish-load', listener: (event: Event, isMainFrame: boolean) => void): this;
+		/**
+		 * Corresponds to the points in time when the spinner of the tab started spinning.
+		 */
+		on(event: 'did-start-loading', listener: Function): this;
+		/**
+		 * Corresponds to the points in time when the spinner of the tab stopped spinning.
+		 */
+		on(event: 'did-stop-loading', listener: Function): this;
+		/**
+		 * Emitted when details regarding a requested resource are available.
+		 * status indicates the socket connection to download the resource.
+		 */
+		on(event: 'did-get-response-details', listener: (event: Event,
+			status: boolean,
+			newURL: string,
+			originalURL: string,
+			httpResponseCode: number,
+			requestMethod: string,
+			referrer: string,
+			headers: Headers,
+			resourceType: string
+		) => void): this;
+		/**
+		 * Emitted when a redirect is received while requesting a resource.
+		 */
+		on(event: 'did-get-redirect-request', listener: (event: Event,
+			oldURL: string,
+			newURL: string,
+			isMainFrame: boolean,
+			httpResponseCode: number,
+			requestMethod: string,
+			referrer: string,
+			headers: Headers
+		) => void): this;
+		/**
+		 * Emitted when the document in the given frame is loaded.
+		 */
+		on(event: 'dom-ready', listener: (event: Event) => void): this;
+		/**
+		 * Emitted when page receives favicon URLs.
+		 */
+		on(event: 'page-favicon-updated', listener: (event: Event, favicons: string[]) => void): this;
+		/**
+		 * Emitted when the page requests to open a new window for a url.
+		 * It could be requested by window.open or an external link like <a target='_blank'>.
+		 *
+		 * By default a new BrowserWindow will be created for the url.
+		 *
+		 * Calling event.preventDefault() will prevent creating new windows.
+		 */
+		on(event: 'new-window', listener: (event: Event,
+			url: string,
+			frameName: string,
+			disposition: NewWindowDisposition,
+			options: BrowserWindowOptions
+		) => void): this;
+		/**
+		 * Emitted when a user or the page wants to start navigation.
+		 * It can happen when the window.location object is changed or a user clicks a link in the page.
+		 *
+		 * This event will not emit when the navigation is started programmatically with APIs like
+		 * webContents.loadURL and webContents.back.
+		 *
+		 * It is also not emitted for in-page navigations, such as clicking anchor links
+		 * or updating the window.location.hash. Use did-navigate-in-page event for this purpose.
+		 *
+		 * Calling event.preventDefault() will prevent the navigation.
+		 */
+		on(event: 'will-navigate', listener: (event: Event, url: string) => void): this;
+		/**
+		 * Emitted when a navigation is done.
+		 *
+		 * This event is not emitted for in-page navigations, such as clicking anchor links
+		 * or updating the window.location.hash. Use did-navigate-in-page event for this purpose.
+		 */
+		on(event: 'did-navigate', listener: (event: Event, url: string) => void): this;
+		/**
+		 * Emitted when an in-page navigation happened.
+		 *
+		 * When in-page navigation happens, the page URL changes but does not cause
+		 * navigation outside of the page. Examples of this occurring are when anchor links
+		 * are clicked or when the DOM hashchange event is triggered.
+		 */
+		on(event: 'did-navigate-in-page', listener: (event: Event, url: string, isMainFrame: boolean) => void): this;
+		/**
+		 * Emitted when the renderer process has crashed.
+		 */
+		on(event: 'crashed', listener: (event: Event, killed: boolean) => void): this;
+		/**
+		 * Emitted when a plugin process has crashed.
+		 */
+		on(event: 'plugin-crashed', listener: (event: Event, name: string, version: string) => void): this;
+		/**
+		 * Emitted when webContents is destroyed.
+		 */
+		on(event: 'destroyed', listener: Function): this;
+		/**
+		 * Emitted when DevTools is opened.
+		 */
+		on(event: 'devtools-opened', listener: Function): this;
+		/**
+		 * Emitted when DevTools is closed.
+		 */
+		on(event: 'devtools-closed', listener: Function): this;
+		/**
+		 * Emitted when DevTools is focused / opened.
+		 */
+		on(event: 'devtools-focused', listener: Function): this;
+		/**
+		 * Emitted when failed to verify the certificate for url.
+		 * The usage is the same with the "certificate-error" event of app.
+		 */
+		on(event: 'certificate-error', listener: (event: Event,
+			url: string,
+			error: string,
+			certificate: Certificate,
+			callback: (trust: boolean) => void
+		) => void): this;
+		/**
+		 * Emitted when a client certificate is requested.
+		 * The usage is the same with the "select-client-certificate" event of app.
+		 */
+		on(event: 'select-client-certificate', listener: (event: Event,
+			url: string,
+			certificateList: Certificate[],
+			callback: (certificate: Certificate) => void
+		) => void): this;
+		/**
+		 * Emitted when webContents wants to do basic auth.
+		 * The usage is the same with the "login" event of app.
+		 */
+		on(event: 'login', listener: (event: Event,
+			request: LoginRequest,
+			authInfo: LoginAuthInfo,
+			callback: (username: string, password: string) => void
+		) => void): this;
+		/**
+		 * Emitted when a result is available for webContents.findInPage request.
+		 */
+		on(event: 'found-in-page', listener: (event: Event, result: FoundInPageResult) => void): this;
+		/**
+		 * Emitted when media starts playing.
+		 */
+		on(event: 'media-started-playing', listener: Function): this;
+		/**
+		 * Emitted when media is paused or done playing.
+		 */
+		on(event: 'media-paused', listener: Function): this;
+		/**
+		 * Emitted when a page’s theme color changes. This is usually due to encountering a meta tag:
+		 * <meta name='theme-color' content='#ff0000'>
+		 */
+		on(event: 'did-change-theme-color', listener: Function): this;
+		/**
+		 * Emitted when mouse moves over a link or the keyboard moves the focus to a link.
+		 */
+		on(event: 'update-target-url', listener: (event: Event, url: string) => void): this;
+		/**
+		 * Emitted when the cursor’s type changes.
+		 * If the type parameter is custom, the image parameter will hold the custom cursor image
+		 * in a NativeImage, and scale, size and hotspot will hold additional information about the custom cursor.
+		 */
+		on(event: 'cursor-changed', listener: (event: Event, type: CursorType, image?: NativeImage, scale?: number, size?: Size, hotspot?: Point) => void): this;
+		/**
+		 * Emitted when there is a new context menu that needs to be handled.
+		 */
+		on(event: 'context-menu', listener: (event: Event, params: ContextMenuParams) => void): this;
+		/**
+		 * Emitted when bluetooth device needs to be selected on call to navigator.bluetooth.requestDevice.
+		 * To use navigator.bluetooth api webBluetooth should be enabled.
+		 * If event.preventDefault is not called, first available device will be selected.
+		 * callback should be called with deviceId to be selected,
+		 * passing empty string to callback will cancel the request.
+		 */
+		on(event: 'select-bluetooth-device', listener: (event: Event, deviceList: BluetoothDevice[], callback: (deviceId: string) => void) => void): this;
+		/**
+		 * Emitted when a new frame is generated. Only the dirty area is passed in the buffer.
+		 */
+		on(event: 'paint', listener: (event: Event, dirtyRect: Rectangle, image: NativeImage) => void): this;
+		on(event: string, listener: Function): this;
+		/**
+		 * Loads the url in the window.
+		 * @param url Must contain the protocol prefix (e.g., the http:// or file://).
+		 */
+		loadURL(url: string, options?: LoadURLOptions): void;
+		/**
+		 * Initiates a download of the resource at url without navigating.
+		 * The will-download event of session will be triggered.
+		 */
+		downloadURL(url: string): void;
+		/**
+		 * @returns The URL of current web page.
+		 */
+		getURL(): string;
+		/**
+		 * @returns The title of web page.
+		 */
+		getTitle(): string;
+		/**
+		 * @returns The favicon of the web page.
+		 */
+		getFavicon(): NativeImage;
+		/**
+		 * @returns Whether web page is still loading resources.
+		 */
+		isLoading(): boolean;
+		/**
+		 * @returns Whether the main frame (and not just iframes or frames within it) is still loading.
+		 */
+		isLoadingMainFrame(): boolean;
+		/**
+		 * @returns Whether web page is waiting for a first-response for the main
+		 * resource of the page.
+		 */
+		isWaitingForResponse(): boolean;
+		/**
+		 * Stops any pending navigation.
+		 */
+		stop(): void;
+		/**
+		 * Reloads current page.
+		 */
+		reload(): void;
+		/**
+		 * Reloads current page and ignores cache.
+		 */
+		reloadIgnoringCache(): void;
+		/**
+		 * @returns Whether the web page can go back.
+		 */
+		canGoBack(): boolean;
+		/**
+		 * @returns Whether the web page can go forward.
+		 */
+		canGoForward(): boolean;
+		/**
+		 * @returns Whether the web page can go to offset.
+		 */
+		canGoToOffset(offset: number): boolean;
+		/**
+		 * Clears the navigation history.
+		 */
+		clearHistory(): void;
+		/**
+		 * Makes the web page go back.
+		 */
+		goBack(): void;
+		/**
+		 * Makes the web page go forward.
+		 */
+		goForward(): void;
+		/**
+		 * Navigates to the specified absolute index.
+		 */
+		goToIndex(index: number): void;
+		/**
+		 * Navigates to the specified offset from the "current entry".
+		 */
+		goToOffset(offset: number): void;
+		/**
+		 * @returns Whether the renderer process has crashed.
+		 */
+		isCrashed(): boolean;
+		/**
+		 * Overrides the user agent for this page.
+		 */
+		setUserAgent(userAgent: string): void;
+		/**
+		 * @returns The user agent for this web page.
+		 */
+		getUserAgent(): string;
+		/**
+		 * Injects CSS into this page.
+		 */
+		insertCSS(css: string): void;
+		/**
+		 * Evaluates code in page.
+		 * @param code Code to evaluate.
+		 */
+		executeJavaScript(code: string, userGesture?: boolean, callback?: (result: any) => void): void;
+		/**
+		 * Mute the audio on the current web page.
+		 */
+		setAudioMuted(muted: boolean): void;
+		/**
+		 * @returns Whether this page has been muted.
+		 */
+		isAudioMuted(): boolean;
+		/**
+		 * Changes the zoom factor to the specified factor.
+		 * Zoom factor is zoom percent divided by 100, so 300% = 3.0.
+		 */
+		setZoomFactor(factor: number): void;
+		/**
+		 * Sends a request to get current zoom factor.
+		 */
+		getZoomFactor(callback: (zoomFactor: number) => void): void;
+		/**
+		 * Changes the zoom level to the specified level.
+		 * The original size is 0 and each increment above or below represents
+		 * zooming 20% larger or smaller to default limits of 300% and 50% of original size, respectively.
+		 */
+		setZoomLevel(level: number): void;
+		/**
+		 * Sends a request to get current zoom level.
+		 */
+		getZoomLevel(callback: (zoomLevel: number) => void): void;
+		/**
+		 * Sets the maximum and minimum zoom level.
+		 */
+		setZoomLevelLimits(minimumLevel: number, maximumLevel: number): void;
+		/**
+		 * Executes the editing command undo in web page.
+		 */
+		undo(): void;
+		/**
+		 * Executes the editing command redo in web page.
+		 */
+		redo(): void;
+		/**
+		 * Executes the editing command cut in web page.
+		 */
+		cut(): void;
+		/**
+		 * Executes the editing command copy in web page.
+		 */
+		copy(): void;
+		/**
+		 * Copy the image at the given position to the clipboard.
+		 */
+		copyImageAt(x: number, y: number): void;
+		/**
+		 * Executes the editing command paste in web page.
+		 */
+		paste(): void;
+		/**
+		 * Executes the editing command pasteAndMatchStyle in web page.
+		 */
+		pasteAndMatchStyle(): void;
+		/**
+		 * Executes the editing command delete in web page.
+		 */
+		delete(): void;
+		/**
+		 * Executes the editing command selectAll in web page.
+		 */
+		selectAll(): void;
+		/**
+		 * Executes the editing command unselect in web page.
+		 */
+		unselect(): void;
+		/**
+		 * Executes the editing command replace in web page.
+		 */
+		replace(text: string): void;
+		/**
+		 * Executes the editing command replaceMisspelling in web page.
+		 */
+		replaceMisspelling(text: string): void;
+		/**
+		 * Inserts text to the focused element.
+		 */
+		insertText(text: string): void;
+		/**
+		 * Starts a request to find all matches for the text in the web page.
+		 * The result of the request can be obtained by subscribing to found-in-page event.
+		 * @returns The request id used for the request.
+		 */
+		findInPage(text: string, options?: FindInPageOptions): number;
+		/**
+		 * Stops any findInPage request for the webContents with the provided action.
+		 */
+		stopFindInPage(action: StopFindInPageAtion): void;
+		/**
+		 * Checks if any serviceworker is registered.
+		 */
+		hasServiceWorker(callback: (hasServiceWorker: boolean) => void): void;
+		/**
+		 * Unregisters any serviceworker if present.
+		 */
+		unregisterServiceWorker(callback: (isFulfilled: boolean) => void): void;
+		/**
+		 * Prints window's web page. When silent is set to false, Electron will pick up system's default printer and default settings for printing.
+		 * Calling window.print() in web page is equivalent to call WebContents.print({silent: false, printBackground: false}).
+		 * Note: On Windows, the print API relies on pdf.dll. If your application doesn't need print feature, you can safely remove pdf.dll in saving binary size.
+		 */
+		print(options?: PrintOptions): void;
+		/**
+		 * Prints windows' web page as PDF with Chromium's preview printing custom settings.
+		 */
+		printToPDF(options: PrintToPDFOptions, callback: (error: Error, data: Buffer) => void): void;
+		/**
+		 * Adds the specified path to DevTools workspace.
+		 */
+		addWorkSpace(path: string): void;
+		/**
+		 * Removes the specified path from DevTools workspace.
+		 */
+		removeWorkSpace(path: string): void;
+		/**
+		 * Opens the developer tools.
+		 */
+		openDevTools(options?: {
+			/**
+			 * Opens the devtools with specified dock state. Defaults to last used dock state.
+			 */
+			mode?: 'right' | 'bottom' | 'undocked' | 'detach'
+		}): void;
+		/**
+		 * Closes the developer tools.
+		 */
+		closeDevTools(): void;
+		/**
+		 * Returns whether the developer tools are opened.
+		 */
+		isDevToolsOpened(): boolean;
+		/**
+		 * Returns whether the developer tools are focussed.
+		 */
+		isDevToolsFocused(): boolean;
+		/**
+		 * Toggle the developer tools.
+		 */
+		toggleDevTools(): void;
+		/**
+		 * Starts inspecting element at position (x, y).
+		 */
+		inspectElement(x: number, y: number): void;
+		/**
+		 * Opens the developer tools for the service worker context.
+		 */
+		inspectServiceWorker(): void;
+		/**
+		 * Send args.. to the web page via channel in asynchronous message, the web page
+		 * can handle it by listening to the channel event of ipc module.
+		 * Note:
+		 *   1. The IPC message handler in web pages do not have a event parameter,
+		 *      which is different from the handlers on the main process.
+		 *   2. There is no way to send synchronous messages from the main process
+		 *      to a renderer process, because it would be very easy to cause dead locks.
+		 */
+		send(channel: string, ...args: any[]): void;
+		/**
+		 * Enable device emulation with the given parameters.
+		 */
+		enableDeviceEmulation(parameters: DeviceEmulationParameters): void;
+		/**
+		 * Disable device emulation.
+		 */
+		disableDeviceEmulation(): void;
+		/**
+		 * Sends an input event to the page.
+		 */
+		sendInputEvent(event: SendInputEvent): void;
+		/**
+		 * Begin subscribing for presentation events and captured frames,
+		 * The callback will be called when there is a presentation event.
+		 */
+		beginFrameSubscription(onlyDirty: boolean, callback: BeginFrameSubscriptionCallback): void;
+		/**
+		 * Begin subscribing for presentation events and captured frames,
+		 * The callback will be called when there is a presentation event.
+		 */
+		beginFrameSubscription(callback: BeginFrameSubscriptionCallback): void;
+		/**
+		 * End subscribing for frame presentation events.
+		 */
+		endFrameSubscription(): void;
+		/**
+		 * @returns If the process of saving page has been initiated successfully.
+		 */
+		savePage(fullPath: string, saveType: 'HTMLOnly' | 'HTMLComplete' | 'MHTML', callback?: (eror: Error) => void): boolean;
+		/**
+		 * Shows pop-up dictionary that searches the selected word on the page.
+		 * Note: This API is available only on macOS.
+		 */
+		showDefinitionForSelection(): void;
+		/**
+		 * @returns Whether offscreen rendering is enabled.
+		 */
+		isOffscreen(): boolean;
+		/**
+		 * If offscreen rendering is enabled and not painting, start painting.
+		 */
+		startPainting(): void;
+		/**
+		 * If offscreen rendering is enabled and painting, stop painting.
+		 */
+		stopPainting(): void;
+		/**
+		 * If offscreen rendering is enabled returns whether it is currently painting.
+		 */
+		isPainting(): boolean;
+		/**
+		 * If offscreen rendering is enabled sets the frame rate to the specified number.
+		 * Only values between 1 and 60 are accepted.
+		 */
+		setFrameRate(fps: number): void;
+		/**
+		 * If offscreen rendering is enabled returns the current frame rate.
+		 */
+		getFrameRate(): number;
+		/**
+		 * If offscreen rendering is enabled invalidates the frame and generates a new one through the 'paint' event.
+		 */
+		invalidate(): void;
+		/**
+		 * Sets the item as dragging item for current drag-drop operation.
+		 */
+		startDrag(item: DragItem): void;
+		/**
+		 * Captures a snapshot of the page within rect.
+		 */
+		capturePage(callback: (image: NativeImage) => void): void;
+		/**
+		 * Captures a snapshot of the page within rect.
+		 */
+		capturePage(rect: Rectangle, callback: (image: NativeImage) => void): void;
+		/**
+		 * @returns The unique ID of this WebContents.
+		 */
+		id: number;
+		/**
+		 * @returns The session object used by this webContents.
+		 */
+		session: Session;
+		/**
+		 * @returns The WebContents that might own this WebContents.
+		 */
+		hostWebContents: WebContents;
+		/**
+		 * @returns The WebContents of DevTools for this WebContents.
+		 * Note: Users should never store this object because it may become null
+		 * when the DevTools has been closed.
+		 */
+		devToolsWebContents: WebContents;
+		/**
+		 * @returns Debugger API
+		 */
+		debugger: Debugger;
+	}
+
+	interface BeginFrameSubscriptionCallback {
+		(
+			/**
+			 * The frameBuffer is a Buffer that contains raw pixel data.
+			 * On most machines, the pixel data is effectively stored in 32bit BGRA format,
+			 * but the actual representation depends on the endianness of the processor
+			 * (most modern processors are little-endian, on machines with big-endian
+			 * processors the data is in 32bit ARGB format).
+			 */
+			frameBuffer: Buffer,
+			/**
+			 * The dirtyRect is an object with x, y, width, height properties that describes which part of the page was repainted.
+			 * If onlyDirty is set to true, frameBuffer will only contain the repainted area. onlyDirty defaults to false.
+			 */
+			dirtyRect?: Rectangle
+		): void
+	}
+
+	interface ContextMenuParams {
+		/**
+		 * x coordinate
+		 */
+		x: number;
+		/**
+		 * y coordinate
+		 */
+		y: number;
+		/**
+		 * URL of the link that encloses the node the context menu was invoked on.
+		 */
+		linkURL: string;
+		/**
+		 * Text associated with the link. May be an empty string if the contents of the link are an image.
+		 */
+		linkText: string;
+		/**
+		 * URL of the top level page that the context menu was invoked on.
+		 */
+		pageURL: string;
+		/**
+		 * URL of the subframe that the context menu was invoked on.
+		 */
+		frameURL: string;
+		/**
+		 * Source URL for the element that the context menu was invoked on.
+		 * Elements with source URLs are images, audio and video.
+		 */
+		srcURL: string;
+		/**
+		 * Type of the node the context menu was invoked on.
+		 */
+		mediaType: 'none' | 'image' | 'audio' | 'video' | 'canvas' | 'file' | 'plugin';
+		/**
+		 * Parameters for the media element the context menu was invoked on.
+		 */
+		mediaFlags: {
+			/**
+			 * Whether the media element has crashed.
+			 */
+			inError: boolean;
+			/**
+			 * Whether the media element is paused.
+			 */
+			isPaused: boolean;
+			/**
+			 * Whether the media element is muted.
+			 */
+			isMuted: boolean;
+			/**
+			 * Whether the media element has audio.
+			 */
+			hasAudio: boolean;
+			/**
+			 * Whether the media element is looping.
+			 */
+			isLooping: boolean;
+			/**
+			 * Whether the media element's controls are visible.
+			 */
+			isControlsVisible: boolean;
+			/**
+			 * Whether the media element's controls are toggleable.
+			 */
+			canToggleControls: boolean;
+			/**
+			 * Whether the media element can be rotated.
+			 */
+			canRotate: boolean;
+		}
+		/**
+		 * Whether the context menu was invoked on an image which has non-empty contents.
+		 */
+		hasImageContents: boolean;
+		/**
+		 * Whether the context is editable.
+		 */
+		isEditable: boolean;
+		/**
+		 * These flags indicate whether the renderer believes it is able to perform the corresponding action.
+		 */
+		editFlags: {
+			/**
+			 * Whether the renderer believes it can undo.
+			 */
+			canUndo: boolean;
+			/**
+			 * Whether the renderer believes it can redo.
+			 */
+			canRedo: boolean;
+			/**
+			 * Whether the renderer believes it can cut.
+			 */
+			canCut: boolean;
+			/**
+			 * Whether the renderer believes it can copy
+			 */
+			canCopy: boolean;
+			/**
+			 * Whether the renderer believes it can paste.
+			 */
+			canPaste: boolean;
+			/**
+			 * Whether the renderer believes it can delete.
+			 */
+			canDelete: boolean;
+			/**
+			 * Whether the renderer believes it can select all.
+			 */
+			canSelectAll: boolean;
+		}
+		/**
+		 * Text of the selection that the context menu was invoked on.
+		 */
+		selectionText: string;
+		/**
+		 * Title or alt text of the selection that the context was invoked on.
+		 */
+		titleText: string;
+		/**
+		 * The misspelled word under the cursor, if any.
+		 */
+		misspelledWord: string;
+		/**
+		 * The character encoding of the frame on which the menu was invoked.
+		 */
+		frameCharset: string;
+		/**
+		 * If the context menu was invoked on an input field, the type of that field.
+		 */
+		inputFieldType: 'none' | 'plainText' | 'password' | 'other';
+		/**
+		 * Input source that invoked the context menu.
+		 */
+		menuSourceType: 'none' | 'mouse' | 'keyboard' | 'touch' | 'touchMenu';
+	}
+
+	interface BluetoothDevice {
+		deviceName: string;
+		deviceId: string;
+	}
+
+	interface Headers {
+		[key: string]: string;
+	}
+
+	type NewWindowDisposition = 'default' | 'foreground-tab' | 'background-tab' | 'new-window' | 'save-to-disk' | 'other';
+
+	/**
+	 * Specifies the action to take place when ending webContents.findInPage request.
+	 * 'clearSelection' - Clear the selection.
+	 * 'keepSelection' - Translate the selection into a normal selection.
+	 * 'activateSelection' - Focus and click the selection node.
+	 */
+	type StopFindInPageAtion = 'clearSelection' | 'keepSelection' | 'activateSelection';
+
+	type CursorType = 'default' | 'crosshair' | 'pointer' | 'text' | 'wait' | 'help' | 'e-resize' | 'n-resize' | 'ne-resize' | 'nw-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'w-resize' | 'ns-resize' | 'ew-resize' | 'nesw-resize' | 'nwse-resize' | 'col-resize' | 'row-resize' | 'm-panning' | 'e-panning' | 'n-panning' | 'ne-panning' | 'nw-panning' | 's-panning' | 'se-panning' |'sw-panning' | 'w-panning' | 'move' | 'vertical-text' | 'cell' | 'context-menu' | 'alias' | 'progress' | 'nodrop' | 'copy' | 'none' | 'not-allowed' | 'zoom-in' | 'zoom-out' | 'grab' | 'grabbing' | 'custom';
+
+	interface LoadURLOptions {
+		/**
+		 * HTTP Referrer URL.
+		 */
+		httpReferrer?: string;
+		/**
+		 * User agent originating the request.
+		 */
+		userAgent?: string;
+		/**
+		 * Extra headers separated by "\n"
+		 */
+		extraHeaders?: string;
+	}
+
+	interface PrintOptions {
+		/**
+		 * Don't ask user for print settings.
+		 * Defaults: false.
+		 */
+		silent?: boolean;
+		/**
+		 * Also prints the background color and image of the web page.
+		 * Defaults: false.
+		 */
+		printBackground?: boolean;
+	}
+
+	interface PrintToPDFOptions {
+		/**
+		 * Specify the type of margins to use.
+		 *   0 - default
+		 *   1 - none
+		 *   2 - minimum
+		 * Default: 0
+		 */
+		marginsType?: number;
+		/**
+		 * Specify page size of the generated PDF.
+		 * Default: A4.
+		 */
+		pageSize?: 'A3' | 'A4' | 'A5' | 'Legal' | 'Letter' | 'Tabloid' | Size;
+		/**
+		 * Whether to print CSS backgrounds.
+		 * Default: false.
+		 */
+		printBackground?: boolean;
+		/**
+		 * Whether to print selection only.
+		 * Default: false.
+		 */
+		printSelectionOnly?: boolean;
+		/**
+		 * true for landscape, false for portrait.
+		 * Default: false.
+		 */
+		landscape?: boolean;
+	}
+
+	interface Certificate {
+		/**
+		 * PEM encoded data.
+		 */
+		data: string;
+		/**
+		 * Issuer's Common Name.
+		 */
+		issuerName: string;
+		/**
+		 * Subject's Common Name.
+		 */
+		subjectName: string;
+		/**
+		 * Hex value represented string.
+		 */
+		serialNumber: string;
+		/**
+		 * Start date of the certificate being valid in seconds.
+		 */
+		validStart: number;
+		/**
+		 * End date of the certificate being valid in seconds.
+		 */
+		validExpiry: number;
+		/**
+		 * Fingerprint of the certificate.
+		 */
+		fingerprint: string;
+	}
+
+	interface LoginRequest {
+		method: string;
+		url: string;
+		referrer: string;
+	}
+
+	interface LoginAuthInfo {
+		isProxy: boolean;
+		scheme: string;
+		host: string;
+		port: number;
+		realm: string;
+	}
+
+	interface FindInPageOptions {
+		/**
+		 * Whether to search forward or backward, defaults to true
+		 */
+		forward?: boolean;
+		/**
+		 * Whether the operation is first request or a follow up, defaults to false.
+		 */
+		findNext?: boolean;
+		/**
+		 * Whether search should be case-sensitive, defaults to false.
+		 */
+		matchCase?: boolean;
+		/**
+		 * Whether to look only at the start of words. defaults to false.
+		 */
+		wordStart?: boolean;
+		/**
+		 * When combined with wordStart, accepts a match in the middle of a word
+		 * if the match begins with an uppercase letter followed by a lowercase
+		 * or non-letter. Accepts several other intra-word matches, defaults to false.
+		 */
+		medialCapitalAsWordStart?: boolean;
+	}
+
+	interface FoundInPageResult {
+		requestId: number;
+		/**
+		 * Indicates if more responses are to follow.
+		 */
+		finalUpdate: boolean;
+		/**
+		 * Position of the active match.
+		 */
+		activeMatchOrdinal?: number;
+		/**
+		 * Number of Matches.
+		 */
+		matches?: number;
+		/**
+		 * Coordinates of first match region.
+		 */
+		selectionArea?: Rectangle;
+	}
+
+	interface DeviceEmulationParameters {
+		/**
+		 * Specify the screen type to emulated
+		 * Default: desktop
+		 */
+		screenPosition?: 'desktop' | 'mobile';
+		/**
+		 * Set the emulated screen size (screenPosition == mobile)
+		 */
+		screenSize?: Size;
+		/**
+		 * Position the view on the screen (screenPosition == mobile)
+		 * Default: {x: 0, y: 0}
+		 */
+		viewPosition?: Point;
+		/**
+		 * Set the device scale factor (if zero defaults to original device scale factor)
+		 * Default: 0
+		 */
+		deviceScaleFactor: number;
+		/**
+		 * Set the emulated view size (empty means no override).
+		 */
+		viewSize?: Size;
+		/**
+		 * Whether emulated view should be scaled down if necessary to fit into available space
+		 * Default: false
+		 */
+		fitToView?: boolean;
+		/**
+		 * Offset of the emulated view inside available space (not in fit to view mode)
+		 * Default: {x: 0, y: 0}
+		 */
+		offset?: Point;
+		/**
+		 * Scale of emulated view inside available space (not in fit to view mode)
+		 * Default: 1
+		 */
+		scale: number;
+	}
+
+	interface SendInputEvent {
+		type: 'mouseDown' | 'mouseUp' | 'mouseEnter' | 'mouseLeave' | 'contextMenu' | 'mouseWheel' | 'mouseMove' | 'keyDown' | 'keyUp' | 'char';
+		modifiers: ('shift' | 'control' | 'alt' | 'meta' | 'isKeypad' | 'isAutoRepeat' | 'leftButtonDown' | 'middleButtonDown' | 'rightButtonDown' | 'capsLock' | 'numLock' | 'left' | 'right')[];
+	}
+
+	interface SendInputKeyboardEvent extends SendInputEvent {
+		keyCode: string;
+	}
+
+	interface SendInputMouseEvent extends SendInputEvent {
+		x: number;
+		y: number;
+		button?: 'left' | 'middle' | 'right';
+		globalX?: number;
+		globalY?: number;
+		movementX?: number;
+		movementY?: number;
+		clickCount?: number;
+	}
+
+	interface SendInputMouseWheelEvent extends SendInputEvent {
+		deltaX?: number;
+		deltaY?: number;
+		wheelTicksX?: number;
+		wheelTicksY?: number;
+		accelerationRatioX?: number;
+		accelerationRatioY?: number;
+		hasPreciseScrollingDeltas?: boolean;
+		canScroll?: boolean;
+	}
+
+	/**
+	 * Debugger API serves as an alternate transport for remote debugging protocol.
+	 */
+	interface Debugger extends NodeJS.EventEmitter {
+		/**
+		 * Attaches the debugger to the webContents.
+		 * @param protocolVersion Requested debugging protocol version.
+		 */
+		attach(protocolVersion?: string): void;
+		/**
+		 * @returns Whether a debugger is attached to the webContents.
+		 */
+		isAttached(): boolean;
+		/**
+		 * Detaches the debugger from the webContents.
+		 */
+		detach(): void;
+		/**
+		 * Send given command to the debugging target.
+		 * @param method Method name, should be one of the methods defined by the remote debugging protocol.
+		 * @param commandParams JSON object with request parameters.
+		 * @param callback Response defined by the ‘returns’ attribute of the command description in the remote debugging protocol.
+		 */
+		sendCommand(method: string, commandParams?: any, callback?: (error: Error, result: any) => void): void;
+		/**
+		 * Emitted when debugging session is terminated. This happens either when
+		 * webContents is closed or devtools is invoked for the attached webContents.
+		 */
+		on(event: 'detach', listener: (event: Event, reason: string) => void): this;
+		/**
+		 * Emitted whenever debugging target issues instrumentation event.
+		 * Event parameters defined by the ‘parameters’ attribute in the remote debugging protocol.
+		 */
+		on(event: 'message', listener: (event: Event, method: string, params: any) => void): this;
+		on(event: string, listener: Function): this;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/web-frame.md
+
+	/**
+	 * The web-frame module allows you to customize the rendering of the current web page.
+	 */
+	interface WebFrame {
+		/**
+		 * Changes the zoom factor to the specified factor, zoom factor is
+		 * zoom percent / 100, so 300% = 3.0.
+		 */
+		setZoomFactor(factor: number): void;
+		/**
+		 * @returns The current zoom factor.
+		 */
+		getZoomFactor(): number;
+		/**
+		 * Changes the zoom level to the specified level, 0 is "original size", and each
+		 * increment above or below represents zooming 20% larger or smaller to default
+		 * limits of 300% and 50% of original size, respectively.
+		 */
+		setZoomLevel(level: number): void;
+		/**
+		 * @returns The current zoom level.
+		 */
+		getZoomLevel(): number;
+		/**
+		 * Sets the maximum and minimum zoom level.
+		 */
+		setZoomLevelLimits(minimumLevel: number, maximumLevel: number): void;
+		/**
+		 * Sets a provider for spell checking in input fields and text areas.
+		 */
+		setSpellCheckProvider(language: string, autoCorrectWord: boolean, provider: {
+			/**
+			 * @returns Whether the word passed is correctly spelled.
+			 */
+			spellCheck: (text: string) => boolean;
+		}): void;
+		/**
+		 * Sets the scheme as secure scheme. Secure schemes do not trigger mixed content
+		 * warnings. For example, https and data are secure schemes because they cannot be
+		 * corrupted by active network attackers.
+		 */
+		registerURLSchemeAsSecure(scheme: string): void;
+		/**
+		 * Resources will be loaded from this scheme regardless of the current page’s Content Security Policy.
+		 */
+		registerURLSchemeAsBypassingCSP(scheme: string): void;
+		/**
+		 * Registers the scheme as secure, bypasses content security policy for resources,
+		 * allows registering ServiceWorker and supports fetch API.
+		 */
+		registerURLSchemeAsPrivileged(scheme: string): void;
+		/**
+		 * Inserts text to the focused element.
+		 */
+		insertText(text: string): void;
+		/**
+		 * Evaluates `code` in page.
+		 * In the browser window some HTML APIs like `requestFullScreen` can only be
+		 * invoked by a gesture from the user. Setting `userGesture` to `true` will remove
+		 * this limitation.
+		 */
+		executeJavaScript(code: string, userGesture?: boolean, callback?: (result: any) => void): void;
+		/**
+		 * @returns Object describing usage information of Blink’s internal memory caches.
+		 */
+		getResourceUsage(): ResourceUsages;
+		/**
+		 * Attempts to free memory that is no longer being used (like images from a previous navigation).
+		 */
+		clearCache(): void;
+	}
+
+	interface ResourceUsages {
+		fonts: ResourceUsage;
+		images: ResourceUsage;
+		cssStyleSheets: ResourceUsage;
+		xslStyleSheets: ResourceUsage;
+		scripts: ResourceUsage;
+		other: ResourceUsage;
+	}
+
+	interface ResourceUsage {
+		count: number;
+		decodedSize: number;
+		liveSize: number;
+		purgeableSize: number;
+		purgedSize: number;
+		size: number;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/web-view-tag.md
+
+	/**
+	 * Use the webview tag to embed 'guest' content (such as web pages) in your Electron app.
+	 * The guest content is contained within the webview container.
+	 * An embedded page within your app controls how the guest content is laid out and rendered.
+	 *
+	 * Unlike an iframe, the webview runs in a separate process than your app.
+	 * It doesn't have the same permissions as your web page and all interactions between your app
+	 * and embedded content will be asynchronous. This keeps your app safe from the embedded content.
+	 */
+	interface WebViewElement extends HTMLElement {
+		/**
+		 * Returns the visible URL. Writing to this attribute initiates top-level navigation.
+		 * Assigning src its own value will reload the current page.
+		 * The src attribute can also accept data URLs, such as data:text/plain,Hello, world!.
+		 */
+		src: string;
+		/**
+		 * If "on", the webview container will automatically resize within the bounds specified
+		 * by the attributes minwidth, minheight, maxwidth, and maxheight.
+		 * These constraints do not impact the webview unless autosize is enabled.
+		 * When autosize is enabled, the webview container size cannot be less than
+		 * the minimum values or greater than the maximum.
+		 */
+		autosize: string;
+		/**
+		 * If "on", the guest page in webview will have node integration and can use node APIs
+		 * like require and process to access low level system resources.
+		 */
+		nodeintegration: string;
+		/**
+		 * If "on", the guest page in webview will be able to use browser plugins.
+		 */
+		plugins: string;
+		/**
+		 * Specifies a script that will be loaded before other scripts run in the guest page.
+		 * The protocol of script's URL must be either file: or asar:,
+		 * because it will be loaded by require in guest page under the hood.
+		 *
+		 * When the guest page doesn't have node integration this script will still have access to all Node APIs,
+		 * but global objects injected by Node will be deleted after this script has finished executing.
+		 */
+		preload: string;
+		/**
+		 * Sets the referrer URL for the guest page.
+		 */
+		httpreferrer: string;
+		/**
+		 * Sets the user agent for the guest page before the page is navigated to.
+		 * Once the page is loaded, use the setUserAgent method to change the user agent.
+		 */
+		useragent: string;
+		/**
+		 * If "on", the guest page will have web security disabled.
+		 */
+		disablewebsecurity: string;
+		/**
+		 * Sets the session used by the page. If partition starts with persist:,
+		 * the page will use a persistent session available to all pages in the app with the same partition.
+		 * If there is no persist: prefix, the page will use an in-memory session.
+		 * By assigning the same partition, multiple pages can share the same session.
+		 * If the partition is unset then default session of the app will be used.
+		 *
+		 * This value can only be modified before the first navigation,
+		 * since the session of an active renderer process cannot change.
+		 * Subsequent attempts to modify the value will fail with a DOM exception.
+		 */
+		partition: string;
+		/**
+		 * If "on", the guest page will be allowed to open new windows.
+		 */
+		allowpopups: string;
+		/**
+		 * A list of strings which specifies the blink features to be enabled separated by ,.
+		 */
+		blinkfeatures: string;
+		/**
+		 * A list of strings which specifies the blink features to be disabled separated by ,.
+		 */
+		disableblinkfeatures: string;
+		/**
+		 * A value that links the webview to a specific webContents.
+		 * When a webview first loads a new webContents is created and this attribute is set
+		 * to its instance identifier. Setting this attribute on a new or existing webview connects
+		 * it to the existing webContents that currently renders in a different webview.
+		 *
+		 * The existing webview will see the destroy event and will then create a new webContents when a new url is loaded.
+		 */
+		guestinstance: string;
+		/**
+		 * Loads the url in the webview, the url must contain the protocol prefix, e.g. the http:// or file://.
+		 */
+		loadURL(url: string, options?: LoadURLOptions): void;
+		/**
+		 * @returns URL of guest page.
+		 */
+		getURL(): string;
+		/**
+		 * @returns The title of guest page.
+		 */
+		getTitle(): string;
+		/**
+		 * @returns Whether the web page is destroyed.
+		 */
+		isDestroyed(): boolean;
+		/**
+		 * @returns Whether the web page is focused.
+		 */
+		isFocused(): boolean;
+		/**
+		 * @returns Whether guest page is still loading resources.
+		 */
+		isLoading(): boolean;
+		/**
+		 * Returns a boolean whether the guest page is waiting for a first-response for the main resource of the page.
+		 */
+		isWaitingForResponse(): boolean;
+		/**
+		 * Stops any pending navigation.
+		 */
+		stop(): void;
+		/**
+		 * Reloads the guest page.
+		 */
+		reload(): void;
+		/**
+		 * Reloads the guest page and ignores cache.
+		 */
+		reloadIgnoringCache(): void;
+		/**
+		 * @returns Whether the guest page can go back.
+		 */
+		canGoBack(): boolean;
+		/**
+		 * @returns Whether the guest page can go forward.
+		 */
+		canGoForward(): boolean;
+		/**
+		 * @returns Whether the guest page can go to offset.
+		 */
+		canGoToOffset(offset: number): boolean;
+		/**
+		 * Clears the navigation history.
+		 */
+		clearHistory(): void;
+		/**
+		 * Makes the guest page go back.
+		 */
+		goBack(): void;
+		/**
+		 * Makes the guest page go forward.
+		 */
+		goForward(): void;
+		/**
+		 * Navigates to the specified absolute index.
+		 */
+		goToIndex(index: number): void;
+		/**
+		 * Navigates to the specified offset from the "current entry".
+		 */
+		goToOffset(offset: number): void;
+		/**
+		 * @returns Whether the renderer process has crashed.
+		 */
+		isCrashed(): boolean;
+		/**
+		 * Overrides the user agent for the guest page.
+		 */
+		setUserAgent(userAgent: string): void;
+		/**
+		 * @returns The user agent for guest page.
+		 */
+		getUserAgent(): string;
+		/**
+		 * Injects CSS into the guest page.
+		 */
+		insertCSS(css: string): void;
+		/**
+		 * Evaluates code in page. If userGesture is set, it will create the user gesture context in the page.
+		 * HTML APIs like requestFullScreen, which require user action, can take advantage of this option for automation.
+		 */
+		executeJavaScript(code: string, userGesture?: boolean, callback?: (result: any) => void): void;
+		/**
+		 * Opens a DevTools window for guest page.
+		 */
+		openDevTools(): void;
+		/**
+		 * Closes the DevTools window of guest page.
+		 */
+		closeDevTools(): void;
+		/**
+		 * @returns Whether guest page has a DevTools window attached.
+		 */
+		isDevToolsOpened(): boolean;
+		/**
+		 * @returns Whether DevTools window of guest page is focused.
+		 */
+		isDevToolsFocused(): boolean;
+		/**
+		 * Starts inspecting element at position (x, y) of guest page.
+		 */
+		inspectElement(x: number, y: number): void;
+		/**
+		 * Opens the DevTools for the service worker context present in the guest page.
+		 */
+		inspectServiceWorker(): void;
+		/**
+		 * Set guest page muted.
+		 */
+		setAudioMuted(muted: boolean): void;
+		/**
+		 * @returns Whether guest page has been muted.
+		 */
+		isAudioMuted(): boolean;
+		/**
+		 * Executes editing command undo in page.
+		 */
+		undo(): void;
+		/**
+		 * Executes editing command redo in page.
+		 */
+		redo(): void;
+		/**
+		 * Executes editing command cut in page.
+		 */
+		cut(): void;
+		/**
+		 * Executes editing command copy in page.
+		 */
+		copy(): void;
+		/**
+		 * Executes editing command paste in page.
+		 */
+		paste(): void;
+		/**
+		 * Executes editing command pasteAndMatchStyle in page.
+		 */
+		pasteAndMatchStyle(): void;
+		/**
+		 * Executes editing command delete in page.
+		 */
+		delete(): void;
+		/**
+		 * Executes editing command selectAll in page.
+		 */
+		selectAll(): void;
+		/**
+		 * Executes editing command unselect in page.
+		 */
+		unselect(): void;
+		/**
+		 * Executes editing command replace in page.
+		 */
+		replace(text: string): void;
+		/**
+		 * Executes editing command replaceMisspelling in page.
+		 */
+		replaceMisspelling(text: string): void;
+		/**
+		 * Inserts text to the focused element.
+		 */
+		insertText(text: string): void;
+		/**
+		 * Starts a request to find all matches for the text in the web page.
+		 * The result of the request can be obtained by subscribing to found-in-page event.
+		 * @returns The request id used for the request.
+		 */
+		findInPage(text: string, options?: FindInPageOptions): number;
+		/**
+		 * Stops any findInPage request for the webview with the provided action.
+		 */
+		stopFindInPage(action: StopFindInPageAtion): void;
+		/**
+		 * Prints webview's web page. Same with webContents.print([options]).
+		 */
+		print(options?: PrintOptions): void;
+		/**
+		 * Prints webview's web page as PDF, Same with webContents.printToPDF(options, callback)
+		 */
+		printToPDF(options: PrintToPDFOptions, callback: (error: Error, data: Buffer) => void): void;
+		/**
+		 * Send an asynchronous message to renderer process via channel, you can also send arbitrary arguments.
+		 * The renderer process can handle the message by listening to the channel event with the ipcRenderer module.
+		 * See webContents.send for examples.
+		 */
+		send(channel: string, ...args: any[]): void;
+		/**
+		 * Sends an input event to the page.
+		 * See webContents.sendInputEvent for detailed description of event object.
+		 */
+		sendInputEvent(event: SendInputEvent): void
+		/**
+		 * Changes the zoom factor to the specified factor.
+		 * Zoom factor is zoom percent divided by 100, so 300% = 3.0.
+		 */
+		setZoomFactor(factor: number): void;
+		/**
+		 * Changes the zoom level to the specified level.
+		 * The original size is 0 and each increment above or below represents
+		 * zooming 20% larger or smaller to default limits of 300% and 50% of original size, respectively.
+		 */
+		setZoomLevel(level: number): void;
+		/**
+		 * Shows pop-up dictionary that searches the selected word on the page.
+		 * Note: This API is available only on macOS.
+		 */
+		showDefinitionForSelection(): void;
+		/**
+		 * @returns The WebContents associated with this webview.
+		 */
+		getWebContents(): WebContents;
+		/**
+		 * Captures a snapshot of the webview's page. Same as webContents.capturePage([rect, ]callback).
+		 */
+		capturePage(callback: (image: NativeImage) => void): void;
+		/**
+		 * Captures a snapshot of the webview's page. Same as webContents.capturePage([rect, ]callback).
+		 */
+		capturePage(rect: Rectangle, callback: (image: NativeImage) => void): void;
+		/**
+		 * Fired when a load has committed. This includes navigation within the current document
+		 * as well as subframe document-level loads, but does not include asynchronous resource loads.
+		 */
+		addEventListener(type: 'load-commit', listener: (event: WebViewElement.LoadCommitEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when the navigation is done, i.e. the spinner of the tab will stop spinning, and the onload event is dispatched.
+		 */
+		addEventListener(type: 'did-finish-load', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * This event is like did-finish-load, but fired when the load failed or was cancelled, e.g. window.stop() is invoked.
+		 */
+		addEventListener(type: 'did-fail-load', listener: (event: WebViewElement.DidFailLoadEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when a frame has done navigation.
+		 */
+		addEventListener(type: 'did-frame-finish-load', listener: (event: WebViewElement.DidFrameFinishLoadEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Corresponds to the points in time when the spinner of the tab starts spinning.
+		 */
+		addEventListener(type: 'did-start-loading', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * Corresponds to the points in time when the spinner of the tab stops spinning.
+		 */
+		addEventListener(type: 'did-stop-loading', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when details regarding a requested resource is available.
+		 * status indicates socket connection to download the resource.
+		 */
+		addEventListener(type: 'did-get-response-details', listener: (event: WebViewElement.DidGetResponseDetails) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when a redirect was received while requesting a resource.
+		 */
+		addEventListener(type: 'did-get-redirect-request', listener: (event: WebViewElement.DidGetRedirectRequestEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when document in the given frame is loaded.
+		 */
+		addEventListener(type: 'dom-ready', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when page title is set during navigation. explicitSet is false when title is synthesized from file URL.
+		 */
+		addEventListener(type: 'page-title-updated', listener: (event: WebViewElement.PageTitleUpdatedEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when page receives favicon URLs.
+		 */
+		addEventListener(type: 'page-favicon-updated', listener: (event: WebViewElement.PageFaviconUpdatedEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when page enters fullscreen triggered by HTML API.
+		 */
+		addEventListener(type: 'enter-html-full-screen', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when page leaves fullscreen triggered by HTML API.
+		 */
+		addEventListener(type: 'leave-html-full-screen', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when the guest window logs a console message.
+		 */
+		addEventListener(type: 'console-message', listener: (event: WebViewElement.ConsoleMessageEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when a result is available for webview.findInPage request.
+		 */
+		addEventListener(type: 'found-in-page', listener: (event: WebViewElement.FoundInPageEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when the guest page attempts to open a new browser window.
+		 */
+		addEventListener(type: 'new-window', listener: (event: WebViewElement.NewWindowEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Emitted when a user or the page wants to start navigation.
+		 * It can happen when the window.location object is changed or a user clicks a link in the page.
+		 *
+		 * This event will not emit when the navigation is started programmatically with APIs
+		 * like <webview>.loadURL and <webview>.back.
+		 *
+		 * It is also not emitted during in-page navigation, such as clicking anchor links
+		 * or updating the window.location.hash. Use did-navigate-in-page event for this purpose.
+		 *
+		 * Calling event.preventDefault() does NOT have any effect.
+		 */
+		addEventListener(type: 'will-navigate', listener: (event: WebViewElement.WillNavigateEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Emitted when a navigation is done.
+		 *
+		 * This event is not emitted for in-page navigations, such as clicking anchor links
+		 * or updating the window.location.hash. Use did-navigate-in-page event for this purpose.
+		 */
+		addEventListener(type: 'did-navigate', listener: (event: WebViewElement.DidNavigateEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Emitted when an in-page navigation happened.
+		 *
+		 * When in-page navigation happens, the page URL changes but does not cause
+		 * navigation outside of the page. Examples of this occurring are when anchor links
+		 * are clicked or when the DOM hashchange event is triggered.
+		 */
+		addEventListener(type: 'did-navigate-in-page', listener: (event: WebViewElement.DidNavigateInPageEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when the guest page attempts to close itself.
+		 */
+		addEventListener(type: 'close', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when the guest page has sent an asynchronous message to embedder page.
+		 */
+		addEventListener(type: 'ipc-message', listener: (event: WebViewElement.IpcMessageEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when the renderer process is crashed.
+		 */
+		addEventListener(type: 'crashed', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when the gpu process is crashed.
+		 */
+		addEventListener(type: 'gpu-crashed', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when a plugin process is crashed.
+		 */
+		addEventListener(type: 'plugin-crashed', listener: (event: WebViewElement.PluginCrashedEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Fired when the WebContents is destroyed.
+		 */
+		addEventListener(type: 'destroyed', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * Emitted when media starts playing.
+		 */
+		addEventListener(type: 'media-started-playing', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * Emitted when media is paused or done playing.
+		 */
+		addEventListener(type: 'media-paused', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * Emitted when a page's theme color changes. This is usually due to encountering a meta tag:
+		 * <meta name='theme-color' content='#ff0000'>
+		 */
+		addEventListener(type: 'did-change-theme-color', listener: (event: WebViewElement.DidChangeThemeColorEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Emitted when mouse moves over a link or the keyboard moves the focus to a link.
+		 */
+		addEventListener(type: 'update-target-url', listener: (event: WebViewElement.UpdateTargetUrlEvent) => void, useCapture?: boolean): void;
+		/**
+		 * Emitted when DevTools is opened.
+		 */
+		addEventListener(type: 'devtools-opened', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * Emitted when DevTools is closed.
+		 */
+		addEventListener(type: 'devtools-closed', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		/**
+		 * Emitted when DevTools is focused / opened.
+		 */
+		addEventListener(type: 'devtools-focused', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+		addEventListener(type: string, listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
+	}
+
+	namespace WebViewElement {
+		type Event = ElectronPrivate.GlobalEvent;
+
+		interface LoadCommitEvent extends Event  {
+			url: string;
+			isMainFrame: boolean;
+		}
+
+		interface DidFailLoadEvent extends Event  {
+			errorCode: number;
+			errorDescription: string;
+			validatedURL: string;
+			isMainFrame: boolean;
+		}
+
+		interface DidFrameFinishLoadEvent extends Event  {
+			isMainFrame: boolean;
+		}
+
+		interface DidGetResponseDetails extends Event  {
+			status: boolean;
+			newURL: string;
+			originalURL: string;
+			httpResponseCode: number;
+			requestMethod: string;
+			referrer: string;
+			headers: Headers;
+			resourceType: string;
+		}
+
+		interface DidGetRedirectRequestEvent extends Event {
+			oldURL: string;
+			newURL: string;
+			isMainFrame: boolean;
+			httpResponseCode: number;
+			requestMethod: string;
+			referrer: string;
+			headers: Headers;
+		}
+
+		interface PageTitleUpdatedEvent extends Event {
+			title: string;
+			explicitSet: string;
+		}
+
+		interface PageFaviconUpdatedEvent extends Event {
+			favicons: string[];
+		}
+
+		interface ConsoleMessageEvent extends Event {
+			level: number;
+			message: string;
+			line: number;
+			sourceId: string;
+		}
+
+		interface FoundInPageEvent extends Event {
+			result: FoundInPageResult;
+		}
+
+		interface NewWindowEvent extends Event {
+			url: string;
+			frameName: string;
+			disposition: NewWindowDisposition;
+			options: BrowserWindowOptions;
+		}
+
+		interface WillNavigateEvent extends Event {
+			url: string;
+		}
+
+		interface DidNavigateEvent extends Event {
+			url: string;
+		}
+
+		interface DidNavigateInPageEvent extends Event {
+			url: string;
+			isMainFrame: boolean;
+		}
+
+		interface IpcMessageEvent extends Event {
+			channel: string;
+			args: any[];
+		}
+
+		interface PluginCrashedEvent extends Event {
+			name: string;
+			version: string;
+		}
+
+		interface DidChangeThemeColorEvent extends Event {
+			themeColor: string;
+		}
+
+		interface UpdateTargetUrlEvent extends Event {
+			url: string;
+		}
+	}
+
+	/**
+	 * The BrowserWindowProxy object is returned from window.open and provides limited functionality with the child window.
+	 */
+	interface BrowserWindowProxy {
+		/**
+		 * Removes focus from the child window.
+		 */
+		blur(): void;
+		/**
+		 * Forcefully closes the child window without calling its unload event.
+		 */
+		close(): void;
+		/**
+		 * Set to true after the child window gets closed.
+		 */
+		closed: boolean;
+		/**
+		 * Evaluates the code in the child window.
+		 */
+		eval(code: string): void;
+		/**
+		 * Focuses the child window (brings the window to front).
+		 */
+		focus(): void;
+		/**
+		 * Sends a message to the child window with the specified origin or * for no origin preference.
+		 * In addition to these methods, the child window implements window.opener object with no
+		 * properties and a single method.
+		 */
+		postMessage(message: string, targetOrigin: string): void;
+		/**
+		 * Invokes the print dialog on the child window.
+		 */
+		print(): void;
+	}
+
+	// https://github.com/electron/electron/blob/master/docs/api/synopsis.md
+
+	interface CommonElectron {
+		clipboard: Electron.Clipboard;
+		crashReporter: Electron.CrashReporter;
+		nativeImage: typeof Electron.NativeImage;
+		shell: Electron.Shell;
+
+		app: Electron.App;
+		autoUpdater: Electron.AutoUpdater;
+		BrowserWindow: typeof Electron.BrowserWindow;
+		contentTracing: Electron.ContentTracing;
+		dialog: Electron.Dialog;
+		ipcMain: Electron.IpcMain;
+		globalShortcut: Electron.GlobalShortcut;
+		Menu: typeof Electron.Menu;
+		MenuItem: typeof Electron.MenuItem;
+		powerMonitor: Electron.PowerMonitor;
+		powerSaveBlocker: Electron.PowerSaveBlocker;
+		protocol: Electron.Protocol;
+		screen: Electron.Screen;
+		session: typeof Electron.Session;
+		systemPreferences: Electron.SystemPreferences;
+		Tray: typeof Electron.Tray;
+		webContents: Electron.WebContentsStatic;
+	}
+
+	interface ElectronMainAndRenderer extends CommonElectron {
+		desktopCapturer: Electron.DesktopCapturer;
+		ipcRenderer: Electron.IpcRenderer;
+		remote: Electron.Remote;
+		webFrame: Electron.WebFrame;
+	}
+}
+
+declare namespace ElectronPrivate {
+	type GlobalEvent = Event;
+}
+
+interface Document {
+	createElement(tagName: 'webview'): Electron.WebViewElement;
+}
+
+// https://github.com/electron/electron/blob/master/docs/api/window-open.md
+
+interface Window {
+	/**
+	 * Creates a new window.
+	 */
+	open(url: string, frameName?: string, features?: string): Electron.BrowserWindowProxy;
+}
+
+// https://github.com/electron/electron/blob/master/docs/api/file-object.md
+
+interface File {
+	/**
+	 * Exposes the real path of the filesystem.
+	 */
+	path: string;
+}
+
+// https://github.com/electron/electron/blob/master/docs/api/process.md
+
+declare namespace NodeJS {
+
+	interface ProcessVersions {
+		/**
+		 * Electron's version string.
+		 */
+		electron: string;
+		/**
+		 * Chrome's version string.
+		 */
+		chrome: string;
+	}
+
+	interface Process {
+		/**
+		 * Setting this to true can disable the support for asar archives in Node's built-in modules.
+		 */
+		noAsar?: boolean;
+		/**
+		 * Process's type
+		 */
+		type: 'browser' | 'renderer';
+		/**
+		 * Path to JavaScript source code.
+		 */
+		resourcesPath: string;
+		/**
+		 * For Mac App Store build, this value is true, for other builds it is undefined.
+		 */
+		mas?: boolean;
+		/**
+		 * If the app is running as a Windows Store app (appx), this value is true, for other builds it is undefined.
+		 */
+		windowsStore?: boolean;
+		/**
+		 * When app is started by being passed as parameter to the default app,
+		 * this value is true in the main process, otherwise it is undefined.
+		 */
+		defaultApp?: boolean;
+		/**
+		 * Emitted when Electron has loaded its internal initialization script
+		 * and is beginning to load the web page or the main script.
+		 */
+		on(event: 'loaded', listener: Function): this;
+		on(event: string, listener: Function): this;
+		/**
+		 * Causes the main thread of the current process crash;
+		 */
+		crash(): void;
+		/**
+		 * Causes the main thread of the current process hang.
+		 */
+		hang(): void;
+		/**
+		 * Sets the file descriptor soft limit to maxDescriptors or the OS hard limit,
+		 * whichever is lower for the current process.
+		 *
+		 * Note: This API is only available on macOS and Linux.
+		 */
+		setFdLimit(maxDescriptors: number): void;
+		/**
+		 * @returns Object giving memory usage statistics about the current process.
+		 * Note: All statistics are reported in Kilobytes.
+		 */
+		getProcessMemoryInfo(): ProcessMemoryInfo;
+		/**
+		 * @returns Object giving memory usage statistics about the entire system.
+		 * Note: All statistics are reported in Kilobytes.
+		 */
+		getSystemMemoryInfo(): SystemMemoryInfo;
+	}
+
+	interface ProcessMemoryInfo {
+		/**
+		 * The amount of memory currently pinned to actual physical RAM.
+		 */
+		workingSetSize: number;
+		/**
+		 * The maximum amount of memory that has ever been pinned to actual physical RAM.
+		 */
+		peakWorkingSetSize: number;
+		/**
+		 * The amount of memory not shared by other processes, such as JS heap or HTML content.
+		 */
+		privateBytes: number;
+		/**
+		 * The amount of memory shared between processes, typically memory consumed by the Electron code itself.
+		 */
+		sharedBytes: number;
+	}
+
+	interface SystemMemoryInfo {
+		/**
+		 * The total amount of physical memory available to the system.
+		 */
+		total: number;
+		/**
+		 * The total amount of memory not being used by applications or disk cache.
+		 */
+		free: number;
+		/**
+		 * The total amount of swap memory available to the system.
+		 */
+		swapTotal: number;
+		/**
+		 * The free amount of swap memory available to the system.
+		 */
+		swapFree: number;
+	}
+}
+
+declare module 'electron' {
+	var electron: Electron.ElectronMainAndRenderer;
+	export = electron;
+}
+
+interface NodeRequireFunction {
+	(moduleName: 'electron'): Electron.ElectronMainAndRenderer;
+}
diff --git a/github-electron/electron.d.ts b/github-electron/electron.d.ts
index 5e331b3e47..585c9e4668 100644
--- a/github-electron/electron.d.ts
+++ b/github-electron/electron.d.ts
@@ -3,8 +3,6 @@
 // Definitions by: rhysd <https://github.com/rhysd>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare module 'electron' {
-	var electron: string;
-	export = electron;
-}
+/// <reference path="../electron/electron.d.ts" />
 
+// this file will be removed.
diff --git a/github-electron/github-electron.d.ts b/github-electron/github-electron.d.ts
index db11d88ea7..ccb5b5b843 100644
--- a/github-electron/github-electron.d.ts
+++ b/github-electron/github-electron.d.ts
@@ -3,5638 +3,6 @@
 // Definitions by: jedmao <https://github.com/jedmao/>, rhysd <https://rhysd.github.io>, Milan Burda <https://github.com/miniak/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference path="../node/node.d.ts" />
+/// <reference path="../electron/github-electron.d.ts" />
 
-declare namespace Electron {
-
-	interface Event {
-		preventDefault: Function;
-		sender: NodeJS.EventEmitter;
-	}
-
-	type Point = {
-		x: number;
-		y: number;
-	}
-
-	type Size = {
-		width: number;
-		height: number;
-	}
-
-	type Rectangle = {
-		x: number;
-		y: number;
-		width: number;
-		height: number;
-	}
-
-	interface Destroyable {
-		/**
-		 * Destroys the object.
-		 */
-		destroy(): void;
-		/**
-		 * @returns Whether the object is destroyed.
-		 */
-		isDestroyed(): boolean;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/app.md
-
-	/**
-	 * The app module is responsible for controlling the application's lifecycle.
-	 */
-	interface App extends NodeJS.EventEmitter {
-		/**
-		 * Emitted when the application has finished basic startup.
-		 * On Windows and Linux, the will-finish-launching event
-		 * is the same as the ready event; on macOS, this event represents
-		 * the applicationWillFinishLaunching notification of NSApplication.
-		 * You would usually set up listeners for the open-file and open-url events here,
-		 * and start the crash reporter and auto updater.
-		 *
-		 * In most cases, you should just do everything in the ready event handler.
-		 */
-		on(event: 'will-finish-launching', listener: Function): this;
-		/**
-		 * Emitted when Electron has finished initialization.
-		 */
-		on(event: 'ready', listener: (event: Event, launchInfo: Object) => void): this;
-		/**
-		 * Emitted when all windows have been closed.
-		 *
-		 * If you do not subscribe to this event and all windows are closed,
-		 * the default behavior is to quit the app; however, if you subscribe,
-		 * you control whether the app quits or not.
-		 * If the user pressed Cmd + Q, or the developer called app.quit(),
-		 * Electron will first try to close all the windows and then emit the will-quit event,
-		 * and in this case the window-all-closed event would not be emitted.
-		 */
-		on(event: 'window-all-closed', listener: Function): this;
-		/**
-		 * Emitted before the application starts closing its windows.
-		 * Calling event.preventDefault() will prevent the default behaviour, which is terminating the application.
-		 */
-		on(event: 'before-quit', listener: (event: Event) => void): this;
-		/**
-		 * Emitted when all windows have been closed and the application will quit.
-		 * Calling event.preventDefault() will prevent the default behaviour, which is terminating the application.
-		 */
-		on(event: 'will-quit', listener: (event: Event) => void): this;
-		/**
-		 * Emitted when the application is quitting.
-		 */
-		on(event: 'quit', listener: (event: Event, exitCode: number) => void): this;
-		/**
-		 * Emitted when the user wants to open a file with the application.
-		 * The open-file event is usually emitted when the application is already open
-		 * and the OS wants to reuse the application to open the file.
-		 * open-file is also emitted when a file is dropped onto the dock and the application
-		 * is not yet running. Make sure to listen for the open-file event very early
-		 * in your application startup to handle this case (even before the ready event is emitted).
-		 *
-		 * You should call event.preventDefault() if you want to handle this event.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'open-file', listener: (event: Event, url: string) => void): this;
-		/**
-		 * Emitted when the user wants to open a URL with the application.
-		 * The URL scheme must be registered to be opened by your application.
-		 *
-		 * You should call event.preventDefault() if you want to handle this event.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'open-url', listener: (event: Event, url: string) => void): this;
-		/**
-		 * Emitted when the application is activated, which usually happens when clicks on the applications’s dock icon.
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'activate', listener: Function): this;
-		/**
-		 * Emitted during Handoff when an activity from a different device wants to be resumed.
-		 * You should call event.preventDefault() if you want to handle this event.
-		 */
-		on(event: 'continue-activity', listener: (event: Event, type: string, userInfo: Object) => void): this;
-		/**
-		 * Emitted when a browserWindow gets blurred.
-		 */
-		on(event: 'browser-window-blur', listener: (event: Event, browserWindow: BrowserWindow) => void): this;
-		/**
-		 * Emitted when a browserWindow gets focused.
-		 */
-		on(event: 'browser-window-focus', listener: (event: Event, browserWindow: BrowserWindow) => void): this;
-		/**
-		 * Emitted when a new browserWindow is created.
-		 */
-		on(event: 'browser-window-created', listener: (event: Event, browserWindow: BrowserWindow) => void): this;
-		/**
-		 * Emitted when a new webContents is created.
-		 */
-		on(event: 'web-contents-created', listener: (event: Event, webContents: WebContents) => void): this;
-		/**
-		 * Emitted when failed to verify the certificate for url, to trust the certificate
-		 * you should prevent the default behavior with event.preventDefault() and call callback(true).
-		 */
-		on(event: 'certificate-error', listener: (event: Event,
-			webContents: WebContents,
-			url: string,
-			error: string,
-			certificate: Certificate,
-			callback: (trust: boolean) => void
-		) => void): this;
-		/**
-		 * Emitted when a client certificate is requested.
-		 *
-		 * The url corresponds to the navigation entry requesting the client certificate
-		 * and callback needs to be called with an entry filtered from the list.
-		 * Using event.preventDefault() prevents the application from using the first certificate from the store.
-		 */
-		on(event: 'select-client-certificate', listener: (event: Event,
-			webContents: WebContents,
-			url: string,
-			certificateList: Certificate[],
-			callback: (certificate: Certificate) => void
-		) => void): this;
-		/**
-		 * Emitted when webContents wants to do basic auth.
-		 *
-		 * The default behavior is to cancel all authentications, to override this
-		 * you should prevent the default behavior with event.preventDefault()
-		 * and call callback(username, password) with the credentials.
-		 */
-		on(event: 'login', listener: (event: Event,
-			webContents: WebContents,
-			request: LoginRequest,
-			authInfo: LoginAuthInfo,
-			callback: (username: string, password: string) => void
-		) => void): this;
-		/**
-		 * Emitted when the gpu process crashes.
-		 */
-		on(event: 'gpu-process-crashed', listener: (event: Event, killed: boolean) => void): this;
-		/**
-		 * Emitted when Chrome's accessibility support changes.
-		 *
-		 * Note: This API is only available on macOS and Windows.
-		 */
-		on(event: 'accessibility-support-changed', listener: (event: Event, accessibilitySupportEnabled: boolean) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Try to close all windows. The before-quit event will first be emitted.
-		 * If all windows are successfully closed, the will-quit event will be emitted
-		 * and by default the application would be terminated.
-		 *
-		 * This method guarantees all beforeunload and unload handlers are correctly
-		 * executed. It is possible that a window cancels the quitting by returning
-		 * false in beforeunload handler.
-		 */
-		quit(): void;
-		/**
-		 * Exits immediately with exitCode.
-		 * All windows will be closed immediately without asking user
-		 * and the before-quit and will-quit events will not be emitted.
-		 */
-		exit(exitCode?: number): void;
-		/**
-		 * Relaunches the app when current instance exits.
-		 *
-		 * By default the new instance will use the same working directory
-		 * and command line arguments with current instance.
-		 * When args is specified, the args will be passed as command line arguments instead.
-		 * When execPath is specified, the execPath will be executed for relaunch instead of current app.
-		 *
-		 * Note that this method does not quit the app when executed, you have to call app.quit
-		 * or app.exit after calling app.relaunch to make the app restart.
-		 *
-		 * When app.relaunch is called for multiple times, multiple instances
-		 * will be started after current instance exited.
-		 */
-		relaunch(options?: {
-			args?: string[],
-			execPath?: string
-		}): void;
-		/**
-		 * @returns Whether Electron has finished initializing.
-		 */
-		isReady(): boolean;
-		/**
-		 * On Linux, focuses on the first visible window.
-		 * On macOS, makes the application the active app.
-		 * On Windows, focuses on the application’s first window.
-		 */
-		focus(): void;
-		/**
-		 * Hides all application windows without minimizing them.
-		 * Note: This is only implemented on macOS.
-		 */
-		hide(): void;
-		/**
-		 * Shows application windows after they were hidden. Does not automatically focus them.
-		 * Note: This is only implemented on macOS.
-		 */
-		show(): void;
-		/**
-		 * Returns the current application directory.
-		 */
-		getAppPath(): string;
-		/**
-		 * @returns The path to a special directory or file associated with name.
-		 * On failure an Error would throw.
-		 */
-		getPath(name: AppPathName): string;
-		/**
-		 * Overrides the path to a special directory or file associated with name.
-		 * If the path specifies a directory that does not exist, the directory will
-		 * be created by this method. On failure an Error would throw.
-		 *
-		 * You can only override paths of names defined in app.getPath.
-		 *
-		 * By default web pages' cookies and caches will be stored under userData
-		 * directory, if you want to change this location, you have to override the
-		 * userData path before the ready event of app module gets emitted.
-		 */
-		setPath(name: AppPathName, path: string): void;
-		/**
-		 * @returns The version of loaded application, if no version is found in
-		 * application's package.json, the version of current bundle or executable.
-		 */
-		getVersion(): string;
-		/**
-		 * @returns The current application's name, the name in package.json would be used.
-		 * Usually the name field of package.json is a short lowercased name, according to
-		 * the spec of npm modules. So usually you should also specify a productName field,
-		 * which is your application's full capitalized name, and it will be preferred over
-		 * name by Electron.
-		 */
-		getName(): string;
-		/**
-		 * Overrides the current application's name.
-		 */
-		setName(name: string): void;
-		/**
-		  * @returns The current application locale.
-		  */
-		getLocale(): string;
-		/**
-		 * Adds path to recent documents list.
-		 *
-		 * This list is managed by the system, on Windows you can visit the list from
-		 * task bar, and on macOS you can visit it from dock menu.
-		 *
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		addRecentDocument(path: string): void;
-		/**
-		 * Clears the recent documents list.
-		 *
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		clearRecentDocuments(): void;
-		/**
-		 * Sets the current executable as the default handler for a protocol (aka URI scheme).
-		 * Once registered, all links with your-protocol:// will be opened with the current executable.
-		 * The whole link, including protocol, will be passed to your application as a parameter.
-		 *
-		 * On Windows you can provide optional parameters path, the path to your executable,
-		 * and args, an array of arguments to be passed to your executable when it launches.
-		 *
-		 * @param protocol The name of your protocol, without ://.
-		 * @param path Defaults to process.execPath.
-		 * @param args Defaults to an empty array.
-		 *
-		 * Note: This is only implemented on macOS and Windows.
-		 *       On macOS, you can only register protocols that have been added to your app's info.plist.
-		 */
-		setAsDefaultProtocolClient(protocol: string, path?: string, args?: string[]): boolean;
-		/**
-		 * Removes the current executable as the default handler for a protocol (aka URI scheme).
-		 *
-		 * @param protocol The name of your protocol, without ://.
-		 * @param path Defaults to process.execPath.
-		 * @param args Defaults to an empty array.
-		 *
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		removeAsDefaultProtocolClient(protocol: string, path?: string, args?: string[]): boolean;
-		/**
-		 * @param protocol The name of your protocol, without ://.
-		 * @param path Defaults to process.execPath.
-		 * @param args Defaults to an empty array.
-		 *
-		 * @returns Whether the current executable is the default handler for a protocol (aka URI scheme).
-		 *
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		isDefaultProtocolClient(protocol: string, path?: string, args?: string[]): boolean;
-		/**
-		 * Adds tasks to the Tasks category of JumpList on Windows.
-		 *
-		 * Note: This API is only available on Windows.
-		 */
-		setUserTasks(tasks: Task[]): boolean;
-		/**
-		 * Note: This API is only available on Windows.
-		 */
-		getJumpListSettings(): JumpListSettings;
-		/**
-		 * Sets or removes a custom Jump List for the application.
-		 *
-		 * If categories is null the previously set custom Jump List (if any) will be replaced
-		 * by the standard Jump List for the app (managed by Windows).
-		 *
-		 * Note: This API is only available on Windows.
-		 */
-		setJumpList(categories: JumpListCategory[]): SetJumpListResult;
-		/**
-		 * This method makes your application a Single Instance Application instead of allowing
-		 * multiple instances of your app to run, this will ensure that only a single instance
-		 * of your app is running, and other instances signal this instance and exit.
-		 */
-		makeSingleInstance(callback: (args: string[], workingDirectory: string) => void): boolean;
-		/**
-		 * Releases all locks that were created by makeSingleInstance. This will allow
-		 * multiple instances of the application to once again run side by side.
-		 */
-		releaseSingleInstance(): void;
-		/**
-		 * Creates an NSUserActivity and sets it as the current activity.
-		 * The activity is eligible for Handoff to another device afterward.
-		 *
-		 * @param type Uniquely identifies the activity. Maps to NSUserActivity.activityType.
-		 * @param userInfo App-specific state to store for use by another device.
-		 * @param webpageURL The webpage to load in a browser if no suitable app is
-		 * 					 installed on the resuming device. The scheme must be http or https.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		setUserActivity(type: string, userInfo: Object, webpageURL?: string): void;
-		/**
-		 * @returns The type of the currently running activity.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		getCurrentActivityType(): string;
-		/**
-		 * Changes the Application User Model ID to id.
-		 *
-		 * Note: This is only implemented on Windows.
-		 */
-		setAppUserModelId(id: string): void;
-		/**
-		 * Imports the certificate in pkcs12 format into the platform certificate store.
-		 * @param callback Called with the result of import operation, a value of 0 indicates success
-		 * while any other value indicates failure according to chromium net_error_list.
-		 *
-		 * Note: This API is only available on Linux.
-		 */
-		importCertificate(options: ImportCertificateOptions, callback: (result: number) => void): void;
-		/**
-		 * Disables hardware acceleration for current app.
-		 * This method can only be called before app is ready.
-		 */
-		disableHardwareAcceleration(): void;
-		/**
-		 * @returns whether current desktop environment is Unity launcher. (Linux)
-		 *
-		 * Note: This API is only available on Linux.
-		 */
-		isUnityRunning(): boolean;
-		/**
-		 * Returns a Boolean, true if Chrome's accessibility support is enabled, false otherwise.
-		 * This API will return true if the use of assistive technologies, such as screen readers,
-		 * has been detected.
-		 * See https://www.chromium.org/developers/design-documents/accessibility for more details.
-		 *
-		 * Note: This API is only available on macOS and Windows.
-		 */
-		isAccessibilitySupportEnabled(): boolean;
-		/**
-		 * @returns an Object with the login item settings of the app.
-		 *
-		 * Note: This API is only available on macOS and Windows.
-		 */
-		getLoginItemSettings(): LoginItemSettings;
-		/**
-		 * Set the app's login item settings.
-		 *
-		 * Note: This API is only available on macOS and Windows.
-		 */
-		setLoginItemSettings(settings: LoginItemSettings): void;
-		commandLine: CommandLine;
-		/**
-		 * Note: This API is only available on macOS.
-		 */
-		dock: Dock;
-	}
-
-	type AppPathName = 'home'|'appData'|'userData'|'temp'|'exe'|'module'|'desktop'|'documents'|'downloads'|'music'|'pictures'|'videos'|'pepperFlashSystemPlugin';
-
-	interface ImportCertificateOptions {
-		/**
-		 * Path for the pkcs12 file.
-		 */
-		certificate: string;
-		/**
-		 * Passphrase for the certificate.
-		 */
-		password: string;
-	}
-
-	interface CommandLine {
-		/**
-		 * Append a switch [with optional value] to Chromium's command line.
-		 *
-		 * Note: This will not affect process.argv, and is mainly used by developers
-		 * to control some low-level Chromium behaviors.
-		 */
-		appendSwitch(_switch: string, value?: string): void;
-		/**
-		 * Append an argument to Chromium's command line. The argument will quoted properly.
-		 *
-		 * Note: This will not affect process.argv.
-		 */
-		appendArgument(value: string): void;
-	}
-
-	interface Dock {
-		/**
-		 * When critical is passed, the dock icon will bounce until either the
-		 * application becomes active or the request is canceled.
-		 *
-		 * When informational is passed, the dock icon will bounce for one second.
-		 * However, the request remains active until either the application becomes
-		 * active or the request is canceled.
-		 *
-		 * @param type The default is informational.
-		 * @returns An ID representing the request.
-		 */
-		bounce(type?: 'critical' | 'informational'): number;
-		/**
-		 * Cancel the bounce of id.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		cancelBounce(id: number): void;
-		/**
-		 * Bounces the Downloads stack if the filePath is inside the Downloads folder.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		downloadFinished(filePath: string): void;
-		/**
-		 * Sets the string to be displayed in the dock’s badging area.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		setBadge(text: string): void;
-		/**
-		 * Returns the badge string of the dock.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		getBadge(): string;
-		/**
-		 * Sets the counter badge for current app. Setting the count to 0 will hide the badge.
-		 *
-		 * @returns True when the call succeeded, otherwise returns false.
-		 *
-		 * Note: This API is only available on macOS and Linux.
-		 */
-		setBadgeCount(count: number): boolean;
-		/**
-		 * @returns The current value displayed in the counter badge.
-		 *
-		 * Note: This API is only available on macOS and Linux.
-		 */
-		getBadgeCount(): number;
-		/**
-		 * Hides the dock icon.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		hide(): void;
-		/**
-		 * Shows the dock icon.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		show(): void;
-		/**
-		 * @returns Whether the dock icon is visible.
-		 * The app.dock.show() call is asynchronous so this method might not return true immediately after that call.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		isVisible(): boolean;
-		/**
-		 * Sets the application dock menu.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		setMenu(menu: Menu): void;
-		/**
-		 * Sets the image associated with this dock icon.
-		 *
-		 * Note: This API is only available on macOS.
-		 */
-		setIcon(icon: NativeImage | string): void;
-	}
-
-	interface Task {
-		/**
-		 * Path of the program to execute, usually you should specify process.execPath
-		 * which opens current program.
-		 */
-		program: string;
-		/**
-		 * The arguments of command line when program is executed.
-		 */
-		arguments: string;
-		/**
-		 * The string to be displayed in a JumpList.
-		 */
-		title: string;
-		/**
-		 * Description of this task.
-		 */
-		description?: string;
-		/**
-		 * The absolute path to an icon to be displayed in a JumpList, it can be
-		 * arbitrary resource file that contains an icon, usually you can specify
-		 * process.execPath to show the icon of the program.
-		 */
-		iconPath: string;
-		/**
-		 * The icon index in the icon file. If an icon file consists of two or more
-		 * icons, set this value to identify the icon. If an icon file consists of
-		 * one icon, this value is 0.
-		 */
-		iconIndex?: number;
-	}
-
-	/**
-	 * ok - Nothing went wrong.
-	 * error - One or more errors occured, enable runtime logging to figure out the likely cause.
-	 * invalidSeparatorError - An attempt was made to add a separator to a custom category in the Jump List.
-	 *                         Separators are only allowed in the standard Tasks category.
-	 * fileTypeRegistrationError - An attempt was made to add a file link to the Jump List
-	 *                             for a file type the app isn't registered to handle.
-	 * customCategoryAccessDeniedError - Custom categories can't be added to the Jump List
-	 *                                   due to user privacy or group policy settings.
-	 */
-	type SetJumpListResult = 'ok' | 'error' | 'invalidSeparatorError' | 'fileTypeRegistrationError' | 'customCategoryAccessDeniedError';
-
-	interface JumpListSettings {
-		/**
-		 * The minimum number of items that will be shown in the Jump List.
-		 */
-		minItems: number;
-		/**
-		 * Items that the user has explicitly removed from custom categories in the Jump List.
-		 */
-		removedItems: JumpListItem[];
-	}
-
-	interface JumpListCategory {
-		/**
-		 * tasks - Items in this category will be placed into the standard Tasks category.
-		 * frequent - Displays a list of files frequently opened by the app, the name of the category and its items are set by Windows.
-		 * recent - Displays a list of files recently opened by the app, the name of the category and its items are set by Windows.
-		 * custom - Displays tasks or file links, name must be set by the app.
-		 */
-		type?: 'tasks' | 'frequent' | 'recent' | 'custom';
-		/**
-		 * Must be set if type is custom, otherwise it should be omitted.
-		 */
-		name?: string;
-		/**
-		 * Array of JumpListItem objects if type is tasks or custom, otherwise it should be omitted.
-		 */
-		items?: JumpListItem[];
-	}
-
-	interface JumpListItem {
-		/**
-		 * task - A task will launch an app with specific arguments.
-		 * separator - Can be used to separate items in the standard Tasks category.
-		 * file - A file link will open a file using the app that created the Jump List.
-		 */
-		type: 'task' | 'separator' | 'file';
-		/**
-		 * Path of the file to open, should only be set if type is file.
-		 */
-		path?: string;
-		/**
-		 * Path of the program to execute, usually you should specify process.execPath which opens the current program.
-		 * Should only be set if type is task.
-		 */
-		program?: string;
-		/**
-		 * The command line arguments when program is executed. Should only be set if type is task.
-		 */
-		args?: string;
-		/**
-		 * The text to be displayed for the item in the Jump List. Should only be set if type is task.
-		 */
-		title?: string;
-		/**
-		 * Description of the task (displayed in a tooltip). Should only be set if type is task.
-		 */
-		description?: string;
-		/**
-		 * The absolute path to an icon to be displayed in a Jump List, which can be an arbitrary
-		 * resource file that contains an icon (e.g. .ico, .exe, .dll).
-		 * You can usually specify process.execPath to show the program icon.
-		 */
-		iconPath?: string;
-		/**
-		 * The index of the icon in the resource file. If a resource file contains multiple icons
-		 * this value can be used to specify the zero-based index of the icon that should be displayed
-		 * for this task. If a resource file contains only one icon, this property should be set to zero.
-		 */
-		iconIndex?: number;
-	}
-
-	interface LoginItemSettings {
-		/**
-		 * True if the app is set to open at login.
-		 */
-		openAtLogin: boolean;
-		/**
-		 * True if the app is set to open as hidden at login. This setting is only supported on macOS.
-		 */
-		openAsHidden: boolean;
-		/**
-		 * True if the app was opened at login automatically. This setting is only supported on macOS.
-		 */
-		wasOpenedAtLogin?: boolean;
-		/**
-		 * True if the app was opened as a hidden login item. This indicates that the app should not
-		 * open any windows at startup. This setting is only supported on macOS.
-		 */
-		wasOpenedAsHidden?: boolean;
-		/**
-		 * True if the app was opened as a login item that should restore the state from the previous session.
-		 * This indicates that the app should restore the windows that were open the last time the app was closed.
-		 * This setting is only supported on macOS.
-		 */
-		restoreState?: boolean;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/auto-updater.md
-
-	/**
-	 * This module provides an interface for the Squirrel auto-updater framework.
-	 */
-	interface AutoUpdater extends NodeJS.EventEmitter {
-		/**
-		 * Emitted when there is an error while updating.
-		 */
-		on(event: 'error', listener: (error: Error) => void): this;
-		/**
-		 * Emitted when checking if an update has started.
-		 */
-		on(event: 'checking-for-update', listener: Function): this;
-		/**
-		 * Emitted when there is an available update. The update is downloaded automatically.
-		 */
-		on(event: 'update-available', listener: Function): this;
-		/**
-		 * Emitted when there is no available update.
-		 */
-		on(event: 'update-not-available', listener: Function): this;
-		/**
-		 * Emitted when an update has been downloaded.
-		 * Note: On Windows only releaseName is available.
-		 */
-		on(event: 'update-downloaded', listener: (event: Event, releaseNotes: string, releaseName: string, releaseDate: Date, updateURL: string) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Set the url and initialize the auto updater.
-		 */
-		setFeedURL(url: string, requestHeaders?: Headers): void;
-		/**
-		 * @returns The current update feed URL.
-		 */
-		getFeedURL(): string;
-		/**
-		 * Ask the server whether there is an update, you have to call setFeedURL
-		 * before using this API
-		 */
-		checkForUpdates(): void;
-		/**
-		 * Restarts the app and installs the update after it has been downloaded.
-		 * It should only be called after update-downloaded has been emitted.
-		 */
-		quitAndInstall(): void;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/browser-window.md
-
-	/**
-	 * The BrowserWindow class gives you ability to create a browser window.
-	 * You can also create a window without chrome by using Frameless Window API.
-	 */
-	class BrowserWindow extends NodeJS.EventEmitter implements Destroyable {
-		/**
-		 * Emitted when the document changed its title,
-		 * calling event.preventDefault() would prevent the native window’s title to change.
-		 */
-		on(event: 'page-title-updated', listener: (event: Event, title: string) => void): this;
-		/**
-		 * Emitted when the window is going to be closed. It’s emitted before the beforeunload
-		 * and unload event of the DOM. Calling event.preventDefault() will cancel the close.
-		 */
-		on(event: 'close', listener: (event: Event) => void): this;
-		/**
-		 * Emitted when the window is closed. After you have received this event
-		 * you should remove the reference to the window and avoid using it anymore.
-		 */
-		on(event: 'closed', listener: Function): this;
-		/**
-		 * Emitted when the web page becomes unresponsive.
-		 */
-		on(event: 'unresponsive', listener: Function): this;
-		/**
-		 * Emitted when the unresponsive web page becomes responsive again.
-		 */
-		on(event: 'responsive', listener: Function): this;
-		/**
-		 * Emitted when the window loses focus.
-		 */
-		on(event: 'blur', listener: Function): this;
-		/**
-		 * Emitted when the window gains focus.
-		 */
-		on(event: 'focus', listener: Function): this;
-		/**
-		 * Emitted when the window is shown.
-		 */
-		on(event: 'show', listener: Function): this;
-		/**
-		 * Emitted when the window is hidden.
-		 */
-		on(event: 'hide', listener: Function): this;
-		/**
-		 * Emitted when the web page has been rendered and window can be displayed without visual flash.
-		 */
-		on(event: 'ready-to-show', listener: Function): this;
-		/**
-		 * Emitted when window is maximized.
-		 */
-		on(event: 'maximize', listener: Function): this;
-		/**
-		 * Emitted when the window exits from maximized state.
-		 */
-		on(event: 'unmaximize', listener: Function): this;
-		/**
-		 * Emitted when the window is minimized.
-		 */
-		on(event: 'minimize', listener: Function): this;
-		/**
-		 * Emitted when the window is restored from minimized state.
-		 */
-		on(event: 'restore', listener: Function): this;
-		/**
-		 * Emitted when the window is getting resized.
-		 */
-		on(event: 'resize', listener: Function): this;
-		/**
-		 * Emitted when the window is getting moved to a new position.
-		 */
-		on(event: 'move', listener: Function): this;
-		/**
-		 * Emitted when the window enters full screen state.
-		 */
-		on(event: 'enter-full-screen', listener: Function): this;
-		/**
-		 * Emitted when the window leaves full screen state.
-		 */
-		on(event: 'leave-full-screen', listener: Function): this;
-		/**
-		 * Emitted when the window enters full screen state triggered by HTML API.
-		 */
-		on(event: 'enter-html-full-screen', listener: Function): this;
-		/**
-		 * Emitted when the window leaves full screen state triggered by HTML API.
-		 */
-		on(event: 'leave-html-full-screen', listener: Function): this;
-		/**
-		 * Emitted when an App Command is invoked. These are typically related
-		 * to keyboard media keys or browser commands, as well as the "Back" /
-		 * "Forward" buttons built into some mice on Windows.
-		 * Note: This is only implemented on Windows.
-		 */
-		on(event: 'app-command', listener: (event: Event, command: string) => void): this;
-		/**
-		 * Emitted when scroll wheel event phase has begun.
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'scroll-touch-begin', listener: Function): this;
-		/**
-		 * Emitted when scroll wheel event phase has ended.
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'scroll-touch-end', listener: Function): this;
-		/**
-		 * Emitted when scroll wheel event phase filed upon reaching the edge of element.
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'scroll-touch-edge', listener: Function): this;
-		/**
-		 * Emitted on 3-finger swipe.
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'swipe', listener: (event: Event, direction: SwipeDirection) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Creates a new BrowserWindow with native properties as set by the options.
-		 */
-		constructor(options?: BrowserWindowOptions);
-		/**
-		 * @returns All opened browser windows.
-		 */
-		static getAllWindows(): BrowserWindow[];
-		/**
-		 * @returns The window that is focused in this application.
-		 */
-		static getFocusedWindow(): BrowserWindow;
-		/**
-		 * Find a window according to the webContents it owns.
-		 */
-		static fromWebContents(webContents: WebContents): BrowserWindow;
-		/**
-		 * Find a window according to its ID.
-		 */
-		static fromId(id: number): BrowserWindow;
-		/**
-		 * Adds devtools extension located at path. The extension will be remembered
-		 * so you only need to call this API once, this API is not for programming use.
-		 * @returns The extension's name.
-		 *
-		 * Note: This API cannot be called before the ready event of the app module is emitted.
-		 */
-		static addDevToolsExtension(path: string): string;
-		/**
-		 * Remove a devtools extension.
-		 * @param name The name of the devtools extension to remove.
-		 *
-		 * Note: This API cannot be called before the ready event of the app module is emitted.
-		 */
-		static removeDevToolsExtension(name: string): void;
-		/**
-		 * @returns devtools extensions.
-		 *
-		 * Note: This API cannot be called before the ready event of the app module is emitted.
-		 */
-		static getDevToolsExtensions(): DevToolsExtensions;
-		/**
-		 * The WebContents object this window owns, all web page related events and
-		 * operations would be done via it.
-		 * Note: Users should never store this object because it may become null when
-		 * the renderer process (web page) has crashed.
-		 */
-		webContents: WebContents;
-		/**
-		 * Get the unique ID of this window.
-		 */
-		id: number;
-		/**
-		 * Force closing the window, the unload and beforeunload event won't be emitted
-		 * for the web page, and close event would also not be emitted for this window,
-		 * but it would guarantee the closed event to be emitted.
-		 * You should only use this method when the renderer process (web page) has crashed.
-		 */
-		destroy(): void;
-		/**
-		 * Try to close the window, this has the same effect with user manually clicking
-		 * the close button of the window. The web page may cancel the close though,
-		 * see the close event.
-		 */
-		close(): void;
-		/**
-		 * Focus on the window.
-		 */
-		focus(): void;
-		/**
-		 * Remove focus on the window.
-		 */
-		blur(): void;
-		/**
-		 * @returns Whether the window is focused.
-		 */
-		isFocused(): boolean;
-		/**
-		 * @returns Whether the window is destroyed.
-		 */
-		isDestroyed(): boolean;
-		/**
-		 * Shows and gives focus to the window.
-		 */
-		show(): void;
-		/**
-		 * Shows the window but doesn't focus on it.
-		 */
-		showInactive(): void;
-		/**
-		 * Hides the window.
-		 */
-		hide(): void;
-		/**
-		 * @returns Whether the window is visible to the user.
-		 */
-		isVisible(): boolean;
-		/**
-		 * @returns Whether the window is a modal window.
-		 */
-		isModal(): boolean;
-		/**
-		 * Maximizes the window.
-		 */
-		maximize(): void;
-		/**
-		 * Unmaximizes the window.
-		 */
-		unmaximize(): void;
-		/**
-		 * @returns Whether the window is maximized.
-		 */
-		isMaximized(): boolean;
-		/**
-		 * Minimizes the window. On some platforms the minimized window will be
-		 * shown in the Dock.
-		 */
-		minimize(): void;
-		/**
-		 * Restores the window from minimized state to its previous state.
-		 */
-		restore(): void;
-		/**
-		 * @returns Whether the window is minimized.
-		 */
-		isMinimized(): boolean;
-		/**
-		 * Sets whether the window should be in fullscreen mode.
-		 */
-		setFullScreen(flag: boolean): void;
-		/**
-		 * @returns Whether the window is in fullscreen mode.
-		 */
-		isFullScreen(): boolean;
-		/**
-		 * This will have a window maintain an aspect ratio.
-		 * The extra size allows a developer to have space, specified in pixels,
-		 * not included within the aspect ratio calculations.
-		 * This API already takes into account the difference between a window’s size and its content size.
-		 *
-		 * Note: This API is available only on macOS.
-		 */
-		setAspectRatio(aspectRatio: number, extraSize?: Size): void;
-		/**
-		 * Resizes and moves the window to width, height, x, y.
-		 */
-		setBounds(options: Rectangle, animate?: boolean): void;
-		/**
-		 * @returns The window's width, height, x and y values.
-		 */
-		getBounds(): Rectangle;
-		/**
-		 * Resizes and moves the window's client area (e.g. the web page) to width, height, x, y.
-		 */
-		setContentBounds(options: Rectangle, animate?: boolean): void;
-		/**
-		 * @returns The window's client area (e.g. the web page) width, height, x and y values.
-		 */
-		getContentBounds(): Rectangle;
-		/**
-		 * Resizes the window to width and height.
-		 */
-		setSize(width: number, height: number, animate?: boolean): void;
-		/**
-		 * @returns The window's width and height.
-		 */
-		getSize(): number[];
-		/**
-		 * Resizes the window's client area (e.g. the web page) to width and height.
-		 */
-		setContentSize(width: number, height: number, animate?: boolean): void;
-		/**
-		 * @returns The window's client area's width and height.
-		 */
-		getContentSize(): number[];
-		/**
-		 * Sets the minimum size of window to width and height.
-		 */
-		setMinimumSize(width: number, height: number): void;
-		/**
-		 * @returns The window's minimum width and height.
-		 */
-		getMinimumSize(): number[];
-		/**
-		 * Sets the maximum size of window to width and height.
-		 */
-		setMaximumSize(width: number, height: number): void;
-		/**
-		 * @returns The window's maximum width and height.
-		 */
-		getMaximumSize(): number[];
-		/**
-		 * Sets whether the window can be manually resized by user.
-		 */
-		setResizable(resizable: boolean): void;
-		/**
-		 * @returns Whether the window can be manually resized by user.
-		 */
-		isResizable(): boolean;
-		/**
-		 * Sets whether the window can be moved by user. On Linux does nothing.
-		 * Note: This API is available only on macOS and Windows.
-		 */
-		setMovable(movable: boolean): void;
-		/**
-		 * Note: This API is available only on macOS and Windows.
-		 * @returns Whether the window can be moved by user. On Linux always returns true.
-		 */
-		isMovable(): boolean;
-		/**
-		 * Sets whether the window can be manually minimized by user. On Linux does nothing.
-		 * Note: This API is available only on macOS and Windows.
-		 */
-		setMinimizable(minimizable: boolean): void;
-		/**
-		 * Note: This API is available only on macOS and Windows.
-		 * @returns Whether the window can be manually minimized by user. On Linux always returns true.
-		 */
-		isMinimizable(): boolean;
-		/**
-		 * Sets whether the window can be manually maximized by user. On Linux does nothing.
-		 * Note: This API is available only on macOS and Windows.
-		 */
-		setMaximizable(maximizable: boolean): void;
-		/**
-		 * Note: This API is available only on macOS and Windows.
-		 * @returns Whether the window can be manually maximized by user. On Linux always returns true.
-		 */
-		isMaximizable(): boolean;
-		/**
-		 * Sets whether the maximize/zoom window button toggles fullscreen mode or maximizes the window.
-		 */
-		setFullScreenable(fullscreenable: boolean): void;
-		/**
-		 * @returns Whether the maximize/zoom window button toggles fullscreen mode or maximizes the window.
-		 */
-		isFullScreenable(): boolean;
-		/**
-		 * Sets whether the window can be manually closed by user. On Linux does nothing.
-		 * Note: This API is available only on macOS and Windows.
-		 */
-		setClosable(closable: boolean): void;
-		/**
-		 * Note: This API is available only on macOS and Windows.
-		 * @returns Whether the window can be manually closed by user. On Linux always returns true.
-		 */
-		isClosable(): boolean;
-		/**
-		 * Sets whether the window should show always on top of other windows. After
-		 * setting this, the window is still a normal window, not a toolbox window
-		 * which can not be focused on.
-		 */
-		setAlwaysOnTop(flag: boolean, level?: WindowLevel): void;
-		/**
-		 * @returns Whether the window is always on top of other windows.
-		 */
-		isAlwaysOnTop(): boolean;
-		/**
-		 * Moves window to the center of the screen.
-		 */
-		center(): void;
-		/**
-		 * Moves window to x and y.
-		 */
-		setPosition(x: number, y: number, animate?: boolean): void;
-		/**
-		 * @returns The window's current position.
-		 */
-		getPosition(): number[];
-		/**
-		 * Changes the title of native window to title.
-		 */
-		setTitle(title: string): void;
-		/**
-		 * Note: The title of web page can be different from the title of the native window.
-		 * @returns The title of the native window.
-		 */
-		getTitle(): string;
-		/**
-		 * Changes the attachment point for sheets on macOS.
-		 * Note: This API is available only on macOS.
-		 */
-		setSheetOffset(offsetY: number, offsetX?: number): void;
-		/**
-		 * Starts or stops flashing the window to attract user's attention.
-		 */
-		flashFrame(flag: boolean): void;
-		/**
-		 * Makes the window do not show in Taskbar.
-		 */
-		setSkipTaskbar(skip: boolean): void;
-		/**
-		 * Enters or leaves the kiosk mode.
-		 */
-		setKiosk(flag: boolean): void;
-		/**
-		 * @returns Whether the window is in kiosk mode.
-		 */
-		isKiosk(): boolean;
-		/**
-		 * The native type of the handle is HWND on Windows, NSView* on macOS,
-		 * and Window (unsigned long) on Linux.
-		 * @returns The platform-specific handle of the window as Buffer.
-		 */
-		getNativeWindowHandle(): Buffer;
-		/**
-		 * Hooks a windows message. The callback is called when the message is received in the WndProc.
-		 * Note: This API is available only on Windows.
-		 */
-		hookWindowMessage(message: number, callback: Function): void;
-		/**
-		 * @returns Whether the message is hooked.
-		 */
-		isWindowMessageHooked(message: number): boolean;
-		/**
-		 * Unhook the window message.
-		 */
-		unhookWindowMessage(message: number): void;
-		/**
-		 * Unhooks all of the window messages.
-		 */
-		unhookAllWindowMessages(): void;
-		/**
-		 * Sets the pathname of the file the window represents, and the icon of the
-		 * file will show in window's title bar.
-		 * Note: This API is available only on macOS.
-		 */
-		setRepresentedFilename(filename: string): void;
-		/**
-		 * Note: This API is available only on macOS.
-		 * @returns The pathname of the file the window represents.
-		 */
-		getRepresentedFilename(): string;
-		/**
-		 * Specifies whether the window’s document has been edited, and the icon in
-		 * title bar will become grey when set to true.
-		 * Note: This API is available only on macOS.
-		 */
-		setDocumentEdited(edited: boolean): void;
-		/**
-		 * Note: This API is available only on macOS.
-		 * @returns Whether the window's document has been edited.
-		 */
-		isDocumentEdited(): boolean;
-		focusOnWebView(): void;
-		blurWebView(): void;
-		/**
-		 * Captures the snapshot of page within rect, upon completion the callback
-		 * will be called. Omitting the rect would capture the whole visible page.
-		 * Note: Be sure to read documents on remote buffer in remote if you are going
-		 * to use this API in renderer process.
-		 * @param callback Supplies the image that stores data of the snapshot.
-		 */
-		capturePage(rect: Rectangle, callback: (image: NativeImage) => void): void;
-		/**
-		 * Captures the snapshot of page within rect, upon completion the callback
-		 * will be called. Omitting the rect would capture the whole visible page.
-		 * Note: Be sure to read documents on remote buffer in remote if you are going
-		 * to use this API in renderer process.
-		 * @param callback Supplies the image that stores data of the snapshot.
-		 */
-		capturePage(callback: (image: NativeImage) => void): void;
-		/**
-		 * Same as webContents.loadURL(url).
-		 */
-		loadURL(url: string, options?: LoadURLOptions): void;
-		/**
-		 * Same as webContents.reload.
-		 */
-		reload(): void;
-		/**
-		 * Sets the menu as the window top menu.
-		 * Note: This API is not available on macOS.
-		 */
-		setMenu(menu: Menu): void;
-		/**
-		 * Sets the progress value in the progress bar.
-		 * On Linux platform, only supports Unity desktop environment, you need to
-		 * specify the *.desktop file name to desktopName field in package.json.
-		 * By default, it will assume app.getName().desktop.
-		 * @param progress Valid range is [0, 1.0]. If < 0, the progress bar is removed.
-		 * If greater than 0, it becomes indeterminate.
-		 */
-		setProgressBar(progress: number, options?: {
-			/**
-			 * Mode for the progress bar.
-			 * Note: This is only implemented on Windows.
-			 */
-			mode: 'none' | 'normal' | 'indeterminate' | 'error' | 'paused'
-		}): void;
-		/**
-		 * Sets a 16px overlay onto the current Taskbar icon, usually used to convey
-		 * some sort of application status or to passively notify the user.
-		 * Note: This API is only available on Windows 7 or above.
-		 * @param overlay The icon to display on the bottom right corner of the Taskbar
-		 * icon. If this parameter is null, the overlay is cleared
-		 * @param description Provided to Accessibility screen readers.
-		 */
-		setOverlayIcon(overlay: NativeImage, description: string): void;
-		/**
-		 * Sets whether the window should have a shadow. On Windows and Linux does nothing.
-		 * Note: This API is available only on macOS.
-		 */
-		setHasShadow(hasShadow: boolean): void;
-		/**
-		 * Note: This API is available only on macOS.
-		 * @returns whether the window has a shadow. On Windows and Linux always returns true.
-		 */
-		hasShadow(): boolean;
-		/**
-		 * Add a thumbnail toolbar with a specified set of buttons to the thumbnail image
-		 * of a window in a taskbar button layout.
-		 * @returns Whether the thumbnail has been added successfully.
-		 *
-		 * Note: This API is available only on Windows.
-		 */
-		setThumbarButtons(buttons: ThumbarButton[]): boolean;
-		/**
-		 * Sets the region of the window to show as the thumbnail image displayed when hovering
-		 * over the window in the taskbar. You can reset the thumbnail to be the entire window
-		 * by specifying an empty region: {x: 0, y: 0, width: 0, height: 0}.
-		 *
-		 * Note: This API is available only on Windows.
-		 */
-		setThumbnailClip(region: Rectangle): boolean;
-		/**
-		 * Sets the toolTip that is displayed when hovering over the window thumbnail in the taskbar.
-		 * Note: This API is available only on Windows.
-		 */
-		setThumbnailToolTip(toolTip: string): boolean;
-		/**
-		 * Same as webContents.showDefinitionForSelection().
-		 * Note: This API is available only on macOS.
-		 */
-		showDefinitionForSelection(): void;
-		/**
-		 * Changes window icon.
-		 * Note: This API is not available on macOS.
-		 */
-		setIcon(icon: NativeImage): void;
-		/**
-		 * Sets whether the window menu bar should hide itself automatically. Once set
-		 * the menu bar will only show when users press the single Alt key.
-		 * If the menu bar is already visible, calling setAutoHideMenuBar(true) won't
-		 * hide it immediately.
-		 */
-		setAutoHideMenuBar(hide: boolean): void;
-		/**
-		 * @returns Whether menu bar automatically hides itself.
-		 */
-		isMenuBarAutoHide(): boolean;
-		/**
-		 * Sets whether the menu bar should be visible. If the menu bar is auto-hide,
-		 * users can still bring up the menu bar by pressing the single Alt key.
-		 */
-		setMenuBarVisibility(visibile: boolean): void;
-		/**
-		 * @returns Whether the menu bar is visible.
-		 */
-		isMenuBarVisible(): boolean;
-		/**
-		 * Sets whether the window should be visible on all workspaces.
-		 * Note: This API does nothing on Windows.
-		 */
-		setVisibleOnAllWorkspaces(visible: boolean): void;
-		/**
-		 * Note: This API always returns false on Windows.
-		 * @returns Whether the window is visible on all workspaces.
-		 */
-		isVisibleOnAllWorkspaces(): boolean;
-		/**
-		 * Makes the window ignore all mouse events.
-		 *
-		 * All mouse events happened in this window will be passed to the window below this window,
-		 * but if this window has focus, it will still receive keyboard events.
-		 */
-		setIgnoreMouseEvents(ignore: boolean): void;
-		/**
-		 * Prevents the window contents from being captured by other apps.
-		 *
-		 * On macOS it sets the NSWindow's sharingType to NSWindowSharingNone.
-		 * On Windows it calls SetWindowDisplayAffinity with WDA_MONITOR.
-		 */
-		setContentProtection(enable: boolean): void;
-		/**
-		 * Changes whether the window can be focused.
-		 * Note: This API is available only on Windows.
-		 */
-		setFocusable(focusable: boolean): void;
-		/**
-		 * Sets parent as current window's parent window,
-		 * passing null will turn current window into a top-level window.
-		 * Note: This API is not available on Windows.
-		 */
-		setParentWindow(parent: BrowserWindow): void;
-		/**
-		 * @returns The parent window.
-		 */
-		getParentWindow(): BrowserWindow;
-		/**
-		 * @returns All child windows.
-		 */
-		getChildWindows(): BrowserWindow[];
-	}
-
-	type WindowLevel = 'normal' | 'floating' | 'torn-off-menu' | 'modal-panel' | 'main-menu' | 'status' | 'pop-up-menu' | 'screen-saver' | 'dock';
-	type SwipeDirection = 'up' | 'right' | 'down' | 'left';
-	type ThumbarButtonFlags = 'enabled' | 'disabled' | 'dismissonclick' | 'nobackground' | 'hidden' | 'noninteractive';
-
-	interface ThumbarButton {
-		icon: NativeImage | string;
-		click: Function;
-		tooltip?: string;
-		flags?: ThumbarButtonFlags[];
-	}
-
-	interface DevToolsExtensions {
-		[name: string]: {
-			name: string;
-			value: string;
-		}
-	}
-
-	interface WebPreferences {
-		/**
-		 * Whether to enable DevTools.
-		 * If it is set to false, can not use BrowserWindow.webContents.openDevTools() to open DevTools.
-		 * Default: true.
-		 */
-		devTools?: boolean;
-		/**
-		 * Whether node integration is enabled.
-		 * Default: true.
-		 */
-		nodeIntegration?: boolean;
-		/**
-		 * Specifies a script that will be loaded before other scripts run in the page.
-		 * This script will always have access to node APIs no matter whether node integration is turned on or off.
-		 * The value should be the absolute file path to the script.
-		 * When node integration is turned off, the preload script can reintroduce
-		 * Node global symbols back to the global scope.
-		 */
-		preload?: string;
-		/**
-		 * Sets the session used by the page. Instead of passing the Session object directly,
-		 * you can also choose to use the partition option instead, which accepts a partition string.
-		 * When both session and partition are provided, session would be preferred.
-		 * Default: the default session.
-		 */
-		session?: Session;
-		/**
-		 * Sets the session used by the page according to the session’s partition string.
-		 * If partition starts with persist:, the page will use a persistent session available
-		 * to all pages in the app with the same partition. if there is no persist: prefix,
-		 * the page will use an in-memory session. By assigning the same partition,
-		 * multiple pages can share the same session.
-		 * Default: the default session.
-		 */
-		partition?: string;
-		/**
-		 * The default zoom factor of the page, 3.0 represents 300%.
-		 * Default: 1.0.
-		 */
-		zoomFactor?: number;
-		/**
-		 * Enables JavaScript support.
-		 * Default: true.
-		 */
-		javascript?: boolean;
-		/**
-		 * When setting false, it will disable the same-origin policy (Usually using testing
-		 * websites by people), and set allowDisplayingInsecureContent and allowRunningInsecureContent
-		 * to true if these two options are not set by user.
-		 * Default: true.
-		 */
-		webSecurity?: boolean;
-		/**
-		 * Allow an https page to display content like images from http URLs.
-		 * Default: false.
-		 */
-		allowDisplayingInsecureContent?: boolean;
-		/**
-		 * Allow a https page to run JavaScript, CSS or plugins from http URLs.
-		 * Default: false.
-		 */
-		allowRunningInsecureContent?: boolean;
-		/**
-		 * Enables image support.
-		 * Default: true.
-		 */
-		images?: boolean;
-		/**
-		 * Make TextArea elements resizable.
-		 * Default: true.
-		 */
-		textAreasAreResizable?: boolean;
-		/**
-		 * Enables WebGL support.
-		 * Default: true.
-		 */
-		webgl?: boolean;
-		/**
-		 * Enables WebAudio support.
-		 * Default: true.
-		 */
-		webaudio?: boolean;
-		/**
-		 * Whether plugins should be enabled.
-		 * Default: false.
-		 */
-		plugins?: boolean;
-		/**
-		 * Enables Chromium’s experimental features.
-		 * Default: false.
-		 */
-		experimentalFeatures?: boolean;
-		/**
-		 * Enables Chromium’s experimental canvas features.
-		 * Default: false.
-		 */
-		experimentalCanvasFeatures?: boolean;
-		/**
-		 * Enables DirectWrite font rendering system on Windows.
-		 * Default: true.
-		 */
-		directWrite?: boolean;
-		/**
-		 * Enables scroll bounce (rubber banding) effect on macOS.
-		 * Default: false.
-		 */
-		scrollBounce?: boolean;
-		/**
-		 * A list of feature strings separated by ",", like CSSVariables,KeyboardEventKey to enable.
-		 */
-		blinkFeatures?: string;
-		/**
-		 * A list of feature strings separated by ",", like CSSVariables,KeyboardEventKey to disable.
-		 */
-		disableBlinkFeatures?: string;
-		/**
-		 * Sets the default font for the font-family.
-		 */
-		defaultFontFamily?: {
-			/**
-			 * Default: Times New Roman.
-			 */
-			standard?: string;
-			/**
-			 * Default: Times New Roman.
-			 */
-			serif?: string;
-			/**
-			 * Default: Arial.
-			 */
-			sansSerif?: string;
-			/**
-			 * Default: Courier New.
-			 */
-			monospace?: string;
-		};
-		/**
-		 * Default: 16.
-		 */
-		defaultFontSize?: number;
-		/**
-		 * Default: 13.
-		 */
-		defaultMonospaceFontSize?: number;
-		/**
-		 * Default: 0.
-		 */
-		minimumFontSize?: number;
-		/**
-		 * Default: ISO-8859-1.
-		 */
-		defaultEncoding?: string;
-		/**
-		 * Whether to throttle animations and timers when the page becomes background.
-		 * Default: true.
-		 */
-		backgroundThrottling?: boolean;
-		/**
-		 * Whether to enable offscreen rendering for the browser window.
-		 * Default: false.
-		 */
-		offscreen?: boolean;
-		/**
-		 * Whether to enable Chromium OS-level sandbox.
-		 * Default: false.
-		 */
-		sandbox?: boolean;
-	}
-
-	interface BrowserWindowOptions {
-		/**
-		 * Window’s width in pixels.
-		 * Default: 800.
-		 */
-		width?: number;
-		/**
-		 * Window’s height in pixels.
-		 * Default: 600.
-		 */
-		height?: number;
-		/**
-		 * Window’s left offset from screen.
-		 * Default: center the window.
-		 */
-		x?: number;
-		/**
-		 * Window’s top offset from screen.
-		 * Default: center the window.
-		 */
-		y?: number;
-		/**
-		 * The width and height would be used as web page’s size, which means
-		 * the actual window’s size will include window frame’s size and be slightly larger.
-		 * Default: false.
-		 */
-		useContentSize?: boolean;
-		/**
-		 * Show window in the center of the screen.
-		 * Default: true
-		 */
-		center?: boolean;
-		/**
-		 * Window’s minimum width.
-		 * Default: 0.
-		 */
-		minWidth?: number;
-		/**
-		 * Window’s minimum height.
-		 * Default: 0.
-		 */
-		minHeight?: number;
-		/**
-		 * Window’s maximum width.
-		 * Default: no limit.
-		 */
-		maxWidth?: number;
-		/**
-		 * Window’s maximum height.
-		 * Default: no limit.
-		 */
-		maxHeight?: number;
-		/**
-		 * Whether window is resizable.
-		 * Default: true.
-		 */
-		resizable?: boolean;
-		/**
-		 * Whether window is movable.
-		 * Note: This is not implemented on Linux.
-		 * Default: true.
-		 */
-		movable?: boolean;
-		/**
-		 * Whether window is minimizable.
-		 * Note: This is not implemented on Linux.
-		 * Default: true.
-		 */
-		minimizable?: boolean;
-		/**
-		 * Whether window is maximizable.
-		 * Note: This is not implemented on Linux.
-		 * Default: true.
-		 */
-		maximizable?: boolean;
-		/**
-		 * Whether window is closable.
-		 * Note: This is not implemented on Linux.
-		 * Default: true.
-		 */
-		closable?: boolean;
-		/**
-		 * Whether the window can be focused.
-		 * On Windows setting focusable: false also implies setting skipTaskbar: true.
-		 * On Linux setting focusable: false makes the window stop interacting with wm,
-		 * so the window will always stay on top in all workspaces.
-		 * Default: true.
-		 */
-		focusable?: boolean;
-		/**
-		 * Whether the window should always stay on top of other windows.
-		 * Default: false.
-		 */
-		alwaysOnTop?: boolean;
-		/**
-		 * Whether the window should show in fullscreen.
-		 * When explicitly set to false the fullscreen button will be hidden or disabled on macOS.
-		 * Default: false.
-		 */
-		fullscreen?: boolean;
-		/**
-		 * Whether the window can be put into fullscreen mode.
-		 * On macOS, also whether the maximize/zoom button should toggle full screen mode or maximize window.
-		 * Default: true.
-		 */
-		fullscreenable?: boolean;
-		/**
-		 * Whether to show the window in taskbar.
-		 * Default: false.
-		 */
-		skipTaskbar?: boolean;
-		/**
-		 * The kiosk mode.
-		 * Default: false.
-		 */
-		kiosk?: boolean;
-		/**
-		 * Default window title.
-		 * Default: "Electron".
-		 */
-		title?: string;
-		/**
-		 * The window icon, when omitted on Windows the executable’s icon would be used as window icon.
-		 */
-		icon?: NativeImage|string;
-		/**
-		 * Whether window should be shown when created.
-		 * Default: true.
-		 */
-		show?: boolean;
-		/**
-		 * Specify false to create a Frameless Window.
-		 * Default: true.
-		 */
-		frame?: boolean;
-		/**
-		 * Specify parent window.
-		 * Default: null.
-		 */
-		parent?: BrowserWindow;
-		/**
-		 * Whether this is a modal window. This only works when the window is a child window.
-		 * Default: false.
-		 */
-		modal?: boolean;
-		/**
-		 * Whether the web view accepts a single mouse-down event that simultaneously activates the window.
-		 * Default: false.
-		 */
-		acceptFirstMouse?: boolean;
-		/**
-		 * Whether to hide cursor when typing.
-		 * Default: false.
-		 */
-		disableAutoHideCursor?: boolean;
-		/**
-		 * Auto hide the menu bar unless the Alt key is pressed.
-		 * Default: true.
-		 */
-		autoHideMenuBar?: boolean;
-		/**
-		 * Enable the window to be resized larger than screen.
-		 * Default: false.
-		 */
-		enableLargerThanScreen?: boolean;
-		/**
-		 * Window’s background color as Hexadecimal value, like #66CD00 or #FFF or #80FFFFFF (alpha is supported).
-		 * Default: #FFF (white).
-		 */
-		backgroundColor?: string;
-		/**
-		 * Whether window should have a shadow.
-		 * Note: This is only implemented on macOS.
-		 * Default: true.
-		 */
-		hasShadow?: boolean;
-		/**
-		 * Forces using dark theme for the window.
-		 * Note: Only works on some GTK+3 desktop environments.
-		 * Default: false.
-		 */
-		darkTheme?: boolean;
-		/**
-		 * Makes the window transparent.
-		 * Default: false.
-		 */
-		transparent?: boolean;
-		/**
-		 * The type of window, default is normal window.
-		 */
-		type?: BrowserWindowType;
-		/**
-		 * The style of window title bar.
-		 */
-		titleBarStyle?: 'default' | 'hidden' | 'hidden-inset';
-		/**
-		 * Use WS_THICKFRAME style for frameless windows on Windows
-		 */
-		thickFrame?: boolean;
-		/**
-		 * Settings of web page’s features.
-		 */
-		webPreferences?: WebPreferences;
-	}
-
-	type BrowserWindowType = BrowserWindowTypeLinux | BrowserWindowTypeMac | BrowserWindowTypeWindows;
-	type BrowserWindowTypeLinux = 'desktop' | 'dock' | 'toolbar' | 'splash' | 'notification';
-	type BrowserWindowTypeMac = 'desktop' | 'textured';
-	type BrowserWindowTypeWindows = 'toolbar';
-
-	// https://github.com/electron/electron/blob/master/docs/api/clipboard.md
-
-	/**
-	 * The clipboard module provides methods to perform copy and paste operations.
-	 */
-	interface Clipboard {
-		/**
-		 * @returns The contents of the clipboard as plain text.
-		 */
-		readText(type?: ClipboardType): string;
-		/**
-		 * Writes the text into the clipboard as plain text.
-		 */
-		writeText(text: string, type?: ClipboardType): void;
-		/**
-		 * @returns The contents of the clipboard as markup.
-		 */
-		readHTML(type?: ClipboardType): string;
-		/**
-		 * Writes markup to the clipboard.
-		 */
-		writeHTML(markup: string, type?: ClipboardType): void;
-		/**
-		 * @returns The contents of the clipboard as a NativeImage.
-		 */
-		readImage(type?: ClipboardType): NativeImage;
-		/**
-		 * Writes the image into the clipboard.
-		 */
-		writeImage(image: NativeImage, type?: ClipboardType): void;
-		/**
-		 * @returns The contents of the clipboard as RTF.
-		 */
-		readRTF(type?: ClipboardType): string;
-		/**
-		 * Writes the text into the clipboard in RTF.
-		 */
-		writeRTF(text: string, type?: ClipboardType): void;
-		/**
-		 * Clears everything in clipboard.
-		 */
-		clear(type?: ClipboardType): void;
-		/**
-		 * @returns Array available formats for the clipboard type.
-		 */
-		availableFormats(type?: ClipboardType): string[];
-		/**
-		 * Returns whether the clipboard supports the format of specified data.
-		 * Note: This API is experimental and could be removed in future.
-		 * @returns Whether the clipboard has data in the specified format.
-		 */
-		has(format: string, type?: ClipboardType): boolean;
-		/**
-		 * Reads the data in the clipboard of the specified format.
-		 * Note: This API is experimental and could be removed in future.
-		 */
-		read(format: string, type?: ClipboardType): string | NativeImage;
-		/**
-		 * Writes data to the clipboard.
-		 */
-		write(data: {
-			text?: string;
-			rtf?: string;
-			html?: string;
-			image?: NativeImage;
-		}, type?: ClipboardType): void;
-		/**
-		 * @returns An Object containing title and url keys representing the bookmark in the clipboard.
-		 *
-		 * Note: This API is available on macOS and Windows.
-		 */
-		readBookmark(): Bookmark;
-		/**
-		 * Writes the title and url into the clipboard as a bookmark.
-		 *
-		 * Note: This API is available on macOS and Windows.
-		 */
-		writeBookmark(title: string, url: string, type?: ClipboardType): void;
-	}
-
-	type ClipboardType = '' | 'selection';
-
-	interface Bookmark {
-		title: string;
-		url: string;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/content-tracing.md
-
-	/**
-	 * The content-tracing module is used to collect tracing data generated by the underlying Chromium content module.
-	 * This module does not include a web interface so you need to open chrome://tracing/
-	 * in a Chrome browser and load the generated file to view the result.
-	 */
-	interface ContentTracing {
-		/**
-		 * Get a set of category groups. The category groups can change as new code paths are reached.
-		 *
-		 * @param callback Called once all child processes have acknowledged the getCategories request.
-		 */
-		getCategories(callback: (categoryGroups: string[]) => void): void;
-		/**
-		 * Start recording on all processes. Recording begins immediately locally and asynchronously
-		 * on child processes as soon as they receive the EnableRecording request.
-		 *
-		 * @param callback Called once all child processes have acknowledged the startRecording request.
-		 */
-		startRecording(options: ContentTracingOptions, callback: Function): void;
-		/**
-		 * Stop recording on all processes. Child processes typically are caching trace data and
-		 * only rarely flush and send trace data back to the main process. That is because it may
-		 * be an expensive operation to send the trace data over IPC, and we would like to avoid
-		 * much runtime overhead of tracing. So, to end tracing, we must asynchronously ask all
-		 * child processes to flush any pending trace data.
-		 *
-		 * @param resultFilePath Trace data will be written into this file if it is not empty,
-		 * or into a temporary file.
-		 * @param callback Called once all child processes have acknowledged the stopRecording request.
-		 */
-		stopRecording(resultFilePath: string, callback: (filePath: string) => void): void;
-		/**
-		 * Start monitoring on all processes. Monitoring begins immediately locally and asynchronously
-		 * on child processes as soon as they receive the startMonitoring request.
-		 *
-		 * @param callback Called once all child processes have acked to the startMonitoring request.
-		 */
-		startMonitoring(options: ContentTracingOptions, callback: Function): void;
-		/**
-		 * Stop monitoring on all processes.
-		 *
-		 * @param callback Called once all child processes have acknowledged the stopMonitoring request.
-		 */
-		stopMonitoring(callback: Function): void;
-		/**
-		 * Get the current monitoring traced data. Child processes typically are caching trace data
-		 * and only rarely flush and send trace data back to the main process. That is because it may
-		 * be an expensive operation to send the trace data over IPC, and we would like to avoid much
-		 * runtime overhead of tracing. So, to end tracing, we must asynchronously ask all child
-		 * processes to flush any pending trace data.
-		 *
-		 * @param callback Called once all child processes have acknowledged the captureMonitoringSnapshot request.
-		 */
-		captureMonitoringSnapshot(resultFilePath: string, callback: (filePath: string) => void): void;
-		/**
-		 * Get the maximum usage across processes of trace buffer as a percentage of the full state.
-		 *
-		 * @param callback Called when the TraceBufferUsage value is determined.
-		 */
-		getTraceBufferUsage(callback: Function): void;
-		/**
-		 * @param callback Called every time the given event occurs on any process.
-		 */
-		setWatchEvent(categoryName: string, eventName: string, callback: Function): void;
-		/**
-		 * Cancel the watch event. This may lead to a race condition with the watch event callback if tracing is enabled.
-		 */
-		cancelWatchEvent(): void;
-	}
-
-	interface ContentTracingOptions {
-		/**
-		 * Filter to control what category groups should be traced.
-		 * A filter can have an optional - prefix to exclude category groups
-		 * that contain a matching category. Having both included and excluded
-		 * category patterns in the same list is not supported.
-		 *
-		 * Examples:
-		 *   test_MyTest*
-		 *   test_MyTest*,test_OtherStuff
-		 *   -excluded_category1,-excluded_category2
-		 */
-		categoryFilter: string;
-		/**
-		 * Controls what kind of tracing is enabled, it is a comma-delimited list.
-		 *
-		 * Possible options are:
-		 *   record-until-full
-		 *   record-continuously
-		 *   trace-to-console
-		 *   enable-sampling
-		 *   enable-systrace
-		 *
-		 * The first 3 options are trace recoding modes and hence mutually exclusive.
-		 * If more than one trace recording modes appear in the traceOptions string,
-		 * the last one takes precedence. If none of the trace recording modes are specified,
-		 * recording mode is record-until-full.
-		 *
-		 * The trace option will first be reset to the default option (record_mode set
-		 * to record-until-full, enable_sampling and enable_systrace set to false)
-		 * before options parsed from traceOptions are applied on it.
-		 */
-		traceOptions: string;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/crash-reporter.md
-
-	/**
-	 * The crash-reporter module enables sending your app's crash reports.
-	 */
-	interface CrashReporter {
-		/**
-		 * You are required to call this method before using other crashReporter APIs.
-		 *
-		 * Note: On macOS, Electron uses a new crashpad client, which is different from breakpad
-		 * on Windows and Linux. To enable the crash collection feature, you are required to call
-		 * the crashReporter.start API to initialize crashpad in the main process and in each
-		 * renderer process from which you wish to collect crash reports.
-		 */
-		start(options: CrashReporterStartOptions): void;
-		/**
-		 * @returns The crash report. When there was no crash report
-		 * sent or the crash reporter is not started, null will be returned.
-		 */
-		getLastCrashReport(): CrashReport;
-		/**
-		 * @returns All uploaded crash reports.
-		 */
-		getUploadedReports(): CrashReport[];
-	}
-
-	interface CrashReporterStartOptions {
-		/**
-		 * Default: app.getName()
-		 */
-		productName?: string;
-		companyName: string;
-		/**
-		 * URL that crash reports would be sent to as POST.
-		 */
-		submitURL: string;
-		/**
-		 * Send the crash report without user interaction.
-		 * Default: true.
-		 */
-		autoSubmit?: boolean;
-		/**
-		 * Default: false.
-		 */
-		ignoreSystemCrashHandler?: boolean;
-		/**
-		 * An object you can define that will be sent along with the report.
-		 * Only string properties are sent correctly, nested objects are not supported.
-		 */
-		extra?: {[prop: string]: string};
-	}
-
-	interface CrashReport {
-		id: string;
-		date: Date;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/desktop-capturer.md
-
-	/**
-	 * The desktopCapturer module can be used to get available sources
-	 * that can be used to be captured with getUserMedia.
-	 */
-	interface DesktopCapturer {
-		/**
-		 * Starts a request to get all desktop sources.
-		 *
-		 * Note: There is no guarantee that the size of source.thumbnail is always
-		 * the same as the thumnbailSize in options. It also depends on the scale of the screen or window.
-		 */
-		getSources(options: DesktopCapturerOptions, callback: (error: Error, sources: DesktopCapturerSource[]) => any): void;
-	}
-
-	interface DesktopCapturerOptions {
-		/**
-		 * The types of desktop sources to be captured.
-		 */
-		types?: ('screen' | 'window')[];
-		/**
-		 * The suggested size that thumbnail should be scaled.
-		 * Default: {width: 150, height: 150}
-		 */
-		thumbnailSize?: Size;
-	}
-
-	interface DesktopCapturerSource {
-		/**
-		 * The id of the captured window or screen used in navigator.webkitGetUserMedia.
-		 * The format looks like window:XX or screen:XX where XX is a random generated number.
-		 */
-		id: string;
-		/**
-		 * The described name of the capturing screen or window.
-		 * If the source is a screen, the name will be Entire Screen or Screen <index>;
-		 * if it is a window, the name will be the window’s title.
-		 */
-		name: string;
-		/**
-		 * A thumbnail image.
-		 */
-		thumbnail: NativeImage;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/dialog.md
-
-	/**
-	 * The dialog module provides APIs to show native system dialogs, such as opening files or alerting,
-	 * so web applications can deliver the same user experience as native applications.
-	 */
-	interface Dialog {
-		/**
-		 * Note: On Windows and Linux an open dialog can not be both a file selector and a directory selector,
-		 * so if you set properties to ['openFile', 'openDirectory'] on these platforms, a directory selector will be shown.
-		 *
-		 * @param callback If supplied, the API call will be asynchronous.
-		 * @returns On success, returns an array of file paths chosen by the user,
-		 * otherwise returns undefined.
-		 */
-		showOpenDialog(browserWindow: BrowserWindow, options: OpenDialogOptions, callback?: (fileNames: string[]) => void): string[];
-		/**
-		 * Note: On Windows and Linux an open dialog can not be both a file selector and a directory selector,
-		 * so if you set properties to ['openFile', 'openDirectory'] on these platforms, a directory selector will be shown.
-		 *
-		 * @param callback If supplied, the API call will be asynchronous.
-		 * @returns On success, returns an array of file paths chosen by the user,
-		 * otherwise returns undefined.
-		 */
-		showOpenDialog(options: OpenDialogOptions, callback?: (fileNames: string[]) => void): string[];
-		/**
-		 * @param callback If supplied, the API call will be asynchronous.
-		 * @returns On success, returns the path of file chosen by the user, otherwise
-		 * returns undefined.
-		 */
-		showSaveDialog(browserWindow: BrowserWindow, options: SaveDialogOptions, callback?: (fileName: string) => void): string;
-		/**
-		 * @param callback If supplied, the API call will be asynchronous.
-		 * @returns On success, returns the path of file chosen by the user, otherwise
-		 * returns undefined.
-		 */
-		showSaveDialog(options: SaveDialogOptions, callback?: (fileName: string) => void): string;
-		/**
-		 * Shows a message box. It will block until the message box is closed.
-		 * @param callback If supplied, the API call will be asynchronous.
-		 * @returns The index of the clicked button.
-		 */
-		showMessageBox(browserWindow: BrowserWindow, options: ShowMessageBoxOptions, callback?: (response: number) => void): number;
-		/**
-		 * Shows a message box. It will block until the message box is closed.
-		 * @param callback If supplied, the API call will be asynchronous.
-		 * @returns The index of the clicked button.
-		 */
-		showMessageBox(options: ShowMessageBoxOptions, callback?: (response: number) => void): number;
-		/**
-		 * Displays a modal dialog that shows an error message.
-		 *
-		 * This API can be called safely before the ready event the app module emits,
-		 * it is usually used to report errors in early stage of startup.
-		 * If called before the app readyevent on Linux, the message will be emitted to stderr,
-		 * and no GUI dialog will appear.
-		 */
-		showErrorBox(title: string, content: string): void;
-	}
-
-	interface OpenDialogOptions {
-		title?: string;
-		defaultPath?: string;
-		/**
-		 * Custom label for the confirmation button, when left empty the default label will be used.
-		 */
-		buttonLabel?: string;
-		/**
-		 * File types that can be displayed or selected.
-		 */
-		filters?: {
-			name: string;
-			/**
-			 * Extensions without wildcards or dots (e.g. 'png' is good but '.png' and '*.png' are bad).
-			 * To show all files, use the '*' wildcard (no other wildcard is supported).
-			 */
-			extensions: string[];
-		}[];
-		/**
-		 * Contains which features the dialog should use.
-		 */
-		properties?: ('openFile' | 'openDirectory' | 'multiSelections' | 'createDirectory' | 'showHiddenFiles')[];
-	}
-
-	interface SaveDialogOptions {
-		title?: string;
-		defaultPath?: string;
-		/**
-		 * Custom label for the confirmation button, when left empty the default label will be used.
-		 */
-		buttonLabel?: string;
-		/**
-		 * File types that can be displayed, see dialog.showOpenDialog for an example.
-		 */
-		filters?: {
-			name: string;
-			extensions: string[];
-		}[];
-	}
-
-	interface ShowMessageBoxOptions {
-		/**
-		 * On Windows, "question" displays the same icon as "info", unless you set an icon using the "icon" option.
-		 */
-		type?: 'none' | 'info' | 'error' | 'question' | 'warning';
-		/**
-		 * Texts for buttons. On Windows, an empty array will result in one button labeled "OK".
-		 */
-		buttons?: string[];
-		/**
-		 * Index of the button in the buttons array which will be selected by default when the message box opens.
-		 */
-		defaultId?: number;
-		/**
-		 * Title of the message box (some platforms will not show it).
-		 */
-		title?: string;
-		/**
-		 * Contents of the message box.
-		 */
-		message?: string;
-		/**
-		 * Extra information of the message.
-		 */
-		detail?: string;
-		icon?: NativeImage;
-		/**
-		 * The value will be returned when user cancels the dialog instead of clicking the buttons of the dialog.
-		 * By default it is the index of the buttons that have "cancel" or "no" as label,
-		 * or 0 if there is no such buttons. On macOS and Windows the index of "Cancel" button
-		 * will always be used as cancelId, not matter whether it is already specified.
-		 */
-		cancelId?: number;
-		/**
-		 * On Windows Electron will try to figure out which one of the buttons are common buttons
-		 * (like "Cancel" or "Yes"), and show the others as command links in the dialog.
-		 * This can make the dialog appear in the style of modern Windows apps.
-		 * If you don’t like this behavior, you can set noLink to true.
-		 */
-		noLink?: boolean;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/download-item.md
-
-	/**
-	 * DownloadItem represents a download item in Electron.
-	 */
-	interface DownloadItem extends NodeJS.EventEmitter {
-		/**
-		 * Emitted when the download has been updated and is not done.
-		 */
-		on(event: 'updated', listener: (event: Event, state: 'progressing' | 'interrupted') => void): this;
-		/**
-		 * Emits when the download is in a terminal state. This includes a completed download,
-		 * a cancelled download (via downloadItem.cancel()), and interrupted download that can’t be resumed.
-		 */
-		on(event: 'done', listener: (event: Event, state: 'completed' | 'cancelled' | 'interrupted') => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Set the save file path of the download item.
-		 * Note: The API is only available in session’s will-download callback function.
-		 * If user doesn’t set the save path via the API, Electron will use the original
-		 * routine to determine the save path (Usually prompts a save dialog).
-		 */
-		setSavePath(path: string): void;
-		/**
-		 * @returns The save path of the download item.
-		 * This will be either the path set via downloadItem.setSavePath(path) or the path selected from the shown save dialog.
-		 */
-		getSavePath(): string;
-		/**
-		 * Pauses the download.
-		 */
-		pause(): void;
-		/**
-		 * @returns Whether the download is paused.
-		 */
-		isPaused(): boolean;
-		/**
-		 * Resumes the download that has been paused.
-		 */
-		resume(): void;
-		/**
-		 * @returns Whether the download can resume.
-		 */
-		canResume(): boolean;
-		/**
-		 * Cancels the download operation.
-		 */
-		cancel(): void;
-		/**
-		 * @returns The origin url where the item is downloaded from.
-		 */
-		getURL(): string;
-		/**
-		 * @returns The mime type.
-		 */
-		getMimeType(): string;
-		/**
-		 * @returns Whether the download has user gesture.
-		 */
-		hasUserGesture(): boolean;
-		/**
-		 * @returns The file name of the download item.
-		 * Note: The file name is not always the same as the actual one saved in local disk.
-		 * If user changes the file name in a prompted download saving dialog,
-		 * the actual name of saved file will be different.
-		 */
-		getFilename(): string;
-		/**
-		 * @returns The total size in bytes of the download item. If the size is unknown, it returns 0.
-		 */
-		getTotalBytes(): number;
-		/**
-		 * @returns The received bytes of the download item.
-		 */
-		getReceivedBytes(): number;
-		/**
-		 * @returns The Content-Disposition field from the response header.
-		 */
-		getContentDisposition(): string;
-		/**
-		 * @returns The current state.
-		 */
-		getState(): 'progressing' | 'completed' | 'cancelled' | 'interrupted';
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/global-shortcut.md
-
-	/**
-	 * The globalShortcut module can register/unregister a global keyboard shortcut
-	 * with the operating system so that you can customize the operations for various shortcuts.
-	 * Note: The shortcut is global; it will work even if the app does not have the keyboard focus.
-	 * You should not use this module until the ready event of the app module is emitted.
-	 */
-	interface GlobalShortcut {
-		/**
-		 * Registers a global shortcut of accelerator.
-		 * @param accelerator Represents a keyboard shortcut. It can contain modifiers
-		 * and key codes, combined by the "+" character.
-		 * @param callback Called when the registered shortcut is pressed by the user.
-		 */
-		register(accelerator: string, callback: Function): void;
-		/**
-		 * @param accelerator Represents a keyboard shortcut. It can contain modifiers
-		 * and key codes, combined by the "+" character.
-		 * @returns Whether the accelerator is registered.
-		 */
-		isRegistered(accelerator: string): boolean;
-		/**
-		 * Unregisters the global shortcut of keycode.
-		 * @param accelerator Represents a keyboard shortcut. It can contain modifiers
-		 * and key codes, combined by the "+" character.
-		 */
-		unregister(accelerator: string): void;
-		/**
-		 * Unregisters all the global shortcuts.
-		 */
-		unregisterAll(): void;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/ipc-main.md
-
-	/**
-	 * The ipcMain module handles asynchronous and synchronous messages
-	 * sent from a renderer process (web page).
-	 * Messages sent from a renderer will be emitted to this module.
-	 */
-	interface IpcMain extends NodeJS.EventEmitter {
-		addListener(channel: string, listener: IpcMainEventListener): this;
-		on(channel: string, listener: IpcMainEventListener): this;
-		once(channel: string, listener: IpcMainEventListener): this;
-		removeListener(channel: string, listener: IpcMainEventListener): this;
-		removeAllListeners(channel?: string): this;
-	}
-
-	type IpcMainEventListener = (event: IpcMainEvent, ...args: any[]) => void;
-
-	interface IpcMainEvent {
-		/**
-		 * Set this to the value to be returned in a synchronous message.
-		 */
-		returnValue?: any;
-		/**
-		 * Returns the webContents that sent the message, you can call sender.send
-		 * to reply to the asynchronous message.
-		 */
-		sender: WebContents;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/ipc-renderer.md
-
-	/**
-	 * The ipcRenderer module provides a few methods so you can send synchronous
-	 * and asynchronous messages from the render process (web page) to the main process.
-	 * You can also receive replies from the main process.
-	 */
-	interface IpcRenderer extends NodeJS.EventEmitter {
-		addListener(channel: string, listener: IpcRendererEventListener): this;
-		on(channel: string, listener: IpcRendererEventListener): this;
-		once(channel: string, listener: IpcRendererEventListener): this;
-		removeListener(channel: string, listener: IpcRendererEventListener): this;
-		removeAllListeners(channel?: string): this;
-		/**
-		 * Send ...args to the renderer via channel in asynchronous message, the main
-		 * process can handle it by listening to the channel event of ipc module.
-		 */
-		send(channel: string, ...args: any[]): void;
-		/**
-		 * Send ...args to the renderer via channel in synchronous message, and returns
-		 * the result sent from main process. The main process can handle it by listening
-		 * to the channel event of ipc module, and returns by setting event.returnValue.
-		 * Note: Usually developers should never use this API, since sending synchronous
-		 * message would block the whole renderer process.
-		 * @returns The result sent from the main process.
-		 */
-		sendSync(channel: string, ...args: any[]): any;
-		/**
-		 * Like ipc.send but the message will be sent to the host page instead of the main process.
-		 * This is mainly used by the page in <webview> to communicate with host page.
-		 */
-		sendToHost(channel: string, ...args: any[]): void;
-	}
-
-	type IpcRendererEventListener = (event: IpcRendererEvent, ...args: any[]) => void;
-
-	interface IpcRendererEvent {
-		/**
-		 * You can call sender.send to reply to the asynchronous message.
-		 */
-		sender: IpcRenderer;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/menu-item.md
-	// https://github.com/electron/electron/blob/master/docs/api/accelerator.md
-
-	/**
-	 * The MenuItem allows you to add items to an application or context menu.
-	 */
-	class MenuItem {
-		/**
-		 * Create a new menu item.
-		 */
-		constructor(options: MenuItemOptions);
-
-		click: (menuItem: MenuItem, browserWindow: BrowserWindow, event: Event) => void;
-		/**
-		 * Read-only property.
-		 */
-		type: MenuItemType;
-		/**
-		 * Read-only property.
-		 */
-		role: MenuItemRole | MenuItemRoleMac;
-		/**
-		 * Read-only property.
-		 */
-		accelerator: string;
-		/**
-		 * Read-only property.
-		 */
-		icon: NativeImage | string;
-		/**
-		 * Read-only property.
-		 */
-		submenu: Menu | MenuItemOptions[];
-
-		label: string;
-		sublabel: string;
-		enabled: boolean;
-		visible: boolean;
-		checked: boolean;
-	}
-
-	type MenuItemType = 'normal' | 'separator' | 'submenu' | 'checkbox' | 'radio';
-	type MenuItemRole = 'undo' | 'redo' | 'cut' | 'copy' | 'paste' | 'pasteandmatchstyle' | 'selectall' | 'delete' | 'minimize' | 'close' | 'quit' | 'togglefullscreen' | 'resetzoom' | 'zoomin' | 'zoomout';
-	type MenuItemRoleMac = 'about' | 'hide' | 'hideothers' | 'unhide' | 'startspeaking' | 'stopspeaking' | 'front' | 'zoom' | 'window' | 'help' | 'services';
-
-	interface MenuItemOptions {
-		/**
-		 * Callback when the menu item is clicked.
-		 */
-		click?: (menuItem: MenuItem, browserWindow: BrowserWindow) => void;
-		/**
-		 * Can be normal, separator, submenu, checkbox or radio.
-		 */
-		type?: MenuItemType;
-		label?: string;
-		sublabel?: string;
-		/**
-		 * An accelerator is string that represents a keyboard shortcut, it can contain
-		 * multiple modifiers and key codes, combined by the + character.
-		 *
-		 * Examples:
-		 *   CommandOrControl+A
-		 *   CommandOrControl+Shift+Z
-		 *
-		 * Platform notice:
-		 *   On Linux and Windows, the Command key would not have any effect,
-		 *   you can use CommandOrControl which represents Command on macOS and Control on
-		 *   Linux and Windows to define some accelerators.
-		 *
-		 *   Use Alt instead of Option. The Option key only exists on macOS, whereas
-		 *   the Alt key is available on all platforms.
-		 *
-		 *   The Super key is mapped to the Windows key on Windows and Linux and Cmd on macOS.
-		 *
-		 * Available modifiers:
-		 *   Command (or Cmd for short)
-		 *   Control (or Ctrl for short)
-		 *   CommandOrControl (or CmdOrCtrl for short)
-		 *   Alt
-		 *   Option
-		 *   AltGr
-		 *   Shift
-		 *   Super
-		 *
-		 * Available key codes:
-		 *   0 to 9
-		 *   A to Z
-		 *   F1 to F24
-		 *   Punctuations like ~, !, @, #, $, etc.
-		 *   Plus
-		 *   Space
-		 *   Tab
-		 *   Backspace
-		 *   Delete
-		 *   Insert
-		 *   Return (or Enter as alias)
-		 *   Up, Down, Left and Right
-		 *   Home and End
-		 *   PageUp and PageDown
-		 *   Escape (or Esc for short)
-		 *   VolumeUp, VolumeDown and VolumeMute
-		 *   MediaNextTrack, MediaPreviousTrack, MediaStop and MediaPlayPause
-		 *   PrintScreen
-		 */
-		accelerator?: string;
-		/**
-		 * In Electron for the APIs that take images, you can pass either file paths
-		 * or NativeImage instances. When passing null, an empty image will be used.
-		 */
-		icon?: NativeImage|string;
-		/**
-		 * If false, the menu item will be greyed out and unclickable.
-		 */
-		enabled?: boolean;
-		/**
-		 * If false, the menu item will be entirely hidden.
-		 */
-		visible?: boolean;
-		/**
-		 * Should only be specified for 'checkbox' or 'radio' type menu items.
-		 */
-		checked?: boolean;
-		/**
-		 * Should be specified for submenu type menu item, when it's specified the
-		 * type: 'submenu' can be omitted for the menu item
-		 */
-		submenu?: Menu|MenuItemOptions[];
-		/**
-		 * Unique within a single menu. If defined then it can be used as a reference
-		 * to this item by the position attribute.
-		 */
-		id?: string;
-		/**
-		 * This field allows fine-grained definition of the specific location within
-		 * a given menu.
-		 */
-		position?: string;
-		/**
-		 * Define the action of the menu item, when specified the click property will be ignored
-		 */
-		role?: MenuItemRole | MenuItemRoleMac;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/menu.md
-
-	/**
-	 * The Menu class is used to create native menus that can be used as application
-	 * menus and context menus. This module is a main process module which can be used
-	 * in a render process via the remote module.
-	 *
-	 * Each menu consists of multiple menu items, and each menu item can have a submenu.
-	 */
-	class Menu extends NodeJS.EventEmitter {
-		/**
-		 * Creates a new menu.
-		 */
-		constructor();
-		/**
-		 * Sets menu as the application menu on macOS. On Windows and Linux, the menu
-		 * will be set as each window's top menu.
-		 */
-		static setApplicationMenu(menu: Menu): void;
-		/**
-		 * @returns The application menu if set, or null if not set.
-		 */
-		static getApplicationMenu(): Menu;
-		/**
-		 * Sends the action to the first responder of application.
-		 * This is used for emulating default Cocoa menu behaviors,
-		 * usually you would just use the role property of MenuItem.
-		 *
-		 * Note: This method is macOS only.
-		 */
-		static sendActionToFirstResponder(action: string): void;
-		/**
-		 * @param template Generally, just an array of options for constructing MenuItem.
-		 * You can also attach other fields to element of the template, and they will
-		 * become properties of the constructed menu items.
-		 */
-		static buildFromTemplate(template: MenuItemOptions[]): Menu;
-		/**
-		 * Pops up this menu as a context menu in the browserWindow. You can optionally
-		 * provide a (x,y) coordinate to place the menu at, otherwise it will be placed
-		 * at the current mouse cursor position.
-		 * @param x Horizontal coordinate where the menu will be placed.
-		 * @param y Vertical coordinate where the menu will be placed.
-		 */
-		popup(browserWindow?: BrowserWindow, x?: number, y?: number): void;
-		/**
-		 * Appends the menuItem to the menu.
-		 */
-		append(menuItem: MenuItem): void;
-		/**
-		 * Inserts the menuItem to the pos position of the menu.
-		 */
-		insert(position: number, menuItem: MenuItem): void;
-		/**
-		 * @returns an array containing the menu’s items.
-		 */
-		items: MenuItem[];
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/native-image.md
-
-	/**
-	 * This class is used to represent an image.
-	 */
-	class NativeImage {
-		/**
-		 * Creates an empty NativeImage instance.
-		 */
-		static createEmpty(): NativeImage;
-		/**
-		 * Creates a new NativeImage instance from file located at path.
-		 * This method returns an empty image if the path does not exist, cannot be read, or is not a valid image.
-		 */
-		static createFromPath(path: string): NativeImage;
-		/**
-		 * Creates a new NativeImage instance from buffer.
-		 * @param scaleFactor 1.0 by default.
-		 */
-		static createFromBuffer(buffer: Buffer, scaleFactor?: number): NativeImage;
-		/**
-		 * Creates a new NativeImage instance from dataURL
-		 */
-		static createFromDataURL(dataURL: string): NativeImage;
-		/**
-		 * @returns Buffer that contains the image's PNG encoded data.
-		 */
-		toPNG(): Buffer;
-		/**
-		 * @returns Buffer that contains the image's JPEG encoded data.
-		 */
-		toJPEG(quality: number): Buffer;
-		/**
-		 * @returns Buffer that contains a copy of the image's raw bitmap pixel data.
-		 */
-		toBitmap(): Buffer;
-		/**
-		 * @returns Buffer that contains the image's raw bitmap pixel data.
-		 *
-		 * The difference between getBitmap() and toBitmap() is, getBitmap() does not copy the bitmap data,
-		 * so you have to use the returned Buffer immediately in current event loop tick,
-		 * otherwise the data might be changed or destroyed.
-		 */
-		getBitmap(): Buffer;
-		/**
-		 * @returns The data URL of the image.
-		 */
-		toDataURL(): string;
-		/**
-		 * The native type of the handle is NSImage* on macOS.
-		 * Note: This is only implemented on macOS.
-		 * @returns The platform-specific handle of the image as Buffer.
-		 */
-		getNativeHandle(): Buffer;
-		/**
-		 * @returns Whether the image is empty.
-		 */
-		isEmpty(): boolean;
-		/**
-		 * @returns The size of the image.
-		 */
-		getSize(): Size;
-		/**
-		 * Marks the image as template image.
-		 */
-		setTemplateImage(option: boolean): void;
-		/**
-		 * Returns a boolean whether the image is a template image.
-		 */
-		isTemplateImage(): boolean;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/power-monitor.md
-
-	/**
-	 * The power-monitor module is used to monitor power state changes.
-	 * You should not use this module until the ready event of the app module is emitted.
-	 */
-	interface PowerMonitor extends NodeJS.EventEmitter {
-		/**
-		 * Emitted when the system is suspending.
-		 */
-		on(event: 'suspend', listener: Function): this;
-		/**
-		 * Emitted when system is resuming.
-		 */
-		on(event: 'resume', listener: Function): this;
-		/**
-		 * Emitted when the system changes to AC power.
-		 */
-		on(event: 'on-ac', listener: Function): this;
-		/**
-		 * Emitted when system changes to battery power.
-		 */
-		on(event: 'on-battery', listener: Function): this;
-		on(event: string, listener: Function): this;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/power-save-blocker.md
-
-	/**
-	 * The powerSaveBlocker module is used to block the system from entering
-	 * low-power (sleep) mode and thus allowing the app to keep the system and screen active.
-	 */
-	interface PowerSaveBlocker {
-		/**
-		 * Starts preventing the system from entering lower-power mode.
-		 * @returns The blocker ID that is assigned to this power blocker.
-		 * Note: prevent-display-sleep has higher has precedence over prevent-app-suspension.
-		 */
-		start(type: 'prevent-app-suspension' | 'prevent-display-sleep'): number;
-		/**
-		 * @param id The power save blocker id returned by powerSaveBlocker.start.
-		 * Stops the specified power save blocker.
-		 */
-		stop(id: number): void;
-		/**
-		 * @param id The power save blocker id returned by powerSaveBlocker.start.
-		 * @returns Whether the corresponding powerSaveBlocker has started.
-		 */
-		isStarted(id: number): boolean;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/protocol.md
-
-	/**
-	 * The protocol module can register a custom protocol or intercept an existing protocol.
-	 */
-	interface Protocol {
-		/**
-		 * Registers custom schemes as standard schemes.
-		 */
-		registerStandardSchemes(schemes: string[]): void;
-		/**
-		 * Registers custom schemes to handle service workers.
-		 */
-		registerServiceWorkerSchemes(schemes: string[]): void;
-		/**
-		 * Registers a protocol of scheme that will send the file as a response.
-		 */
-		registerFileProtocol(scheme: string, handler: FileProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Registers a protocol of scheme that will send a Buffer as a response.
-		 */
-		registerBufferProtocol(scheme: string, handler: BufferProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Registers a protocol of scheme that will send a String as a response.
-		 */
-		registerStringProtocol(scheme: string, handler: StringProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Registers a protocol of scheme that will send an HTTP request as a response.
-		 */
-		registerHttpProtocol(scheme: string, handler: HttpProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Unregisters the custom protocol of scheme.
-		 */
-		unregisterProtocol(scheme: string, completion?: (error: Error) => void): void;
-		/**
-		 * The callback will be called with a boolean that indicates whether there is already a handler for scheme.
-		 */
-		isProtocolHandled(scheme: string, callback: (handled: boolean) => void): void;
-		/**
-		 * Intercepts scheme protocol and uses handler as the protocol’s new handler which sends a file as a response.
-		 */
-		interceptFileProtocol(scheme: string, handler: FileProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Intercepts scheme protocol and uses handler as the protocol’s new handler which sends a Buffer as a response.
-		 */
-		interceptBufferProtocol(scheme: string, handler: BufferProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Intercepts scheme protocol and uses handler as the protocol’s new handler which sends a String as a response.
-		 */
-		interceptStringProtocol(scheme: string, handler: StringProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Intercepts scheme protocol and uses handler as the protocol’s new handler which sends a new HTTP request as a response.
-		 */
-		interceptHttpProtocol(scheme: string, handler: HttpProtocolHandler, completion?: (error: Error) => void): void;
-		/**
-		 * Remove the interceptor installed for scheme and restore its original handler.
-		 */
-		uninterceptProtocol(scheme: string, completion?: (error: Error) => void): void;
-	}
-
-	type FileProtocolHandler = (request: ProtocolRequest, callback: FileProtocolCallback) => void;
-	type BufferProtocolHandler = (request: ProtocolRequest, callback: BufferProtocolCallback) => void;
-	type StringProtocolHandler = (request: ProtocolRequest, callback: StringProtocolCallback) => void;
-	type HttpProtocolHandler = (request: ProtocolRequest, callback: HttpProtocolCallback) => void;
-
-	interface ProtocolRequest {
-		url: string;
-		referrer: string;
-		method: string;
-		uploadData?: {
-			/**
-			 * Content being sent.
-			 */
-			bytes: Buffer,
-			/**
-			 * Path of file being uploaded.
-			 */
-			file: string,
-			/**
-			 * UUID of blob data. Use session.getBlobData method to retrieve the data.
-			 */
-			blobUUID: string;
-		}[];
-	}
-
-	interface ProtocolCallback {
-		(error: number): void;
-		(obj: {
-			error: number
-		}): void;
-		(): void;
-	}
-
-	interface FileProtocolCallback extends ProtocolCallback {
-		(filePath: string): void;
-		(obj: {
-			path: string
-		}): void;
-	}
-
-	interface BufferProtocolCallback extends ProtocolCallback {
-		(buffer: Buffer): void;
-		(obj: {
-			data: Buffer,
-			mimeType: string,
-			charset?: string
-		}): void;
-	}
-
-	interface StringProtocolCallback extends ProtocolCallback {
-		(str: string): void;
-		(obj: {
-			data: Buffer,
-			mimeType: string,
-			charset?: string
-		}): void;
-	}
-
-	interface HttpProtocolCallback extends ProtocolCallback {
-		(redirectRequest: {
-			url: string;
-			method: string;
-			session?: Object;
-			uploadData?: {
-				contentType: string;
-				data: string;
-			};
-		}): void;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/remote.md
-
-	/**
-	 * The remote module provides a simple way to do inter-process communication (IPC)
-	 * between the renderer process (web page) and the main process.
-	 */
-	interface Remote extends CommonElectron {
-		/**
-		 * @returns The object returned by require(module) in the main process.
-		 */
-		require(module: string): any;
-		/**
-		 * @returns The BrowserWindow object which this web page belongs to.
-		 */
-		getCurrentWindow(): BrowserWindow;
-		/**
-		 * @returns The WebContents object of this web page.
-		 */
-		getCurrentWebContents(): WebContents;
-		/**
-		 * @returns The global variable of name (e.g. global[name]) in the main process.
-		 */
-		getGlobal(name: string): any;
-		/**
-		 * Returns the process object in the main process. This is the same as
-		 * remote.getGlobal('process'), but gets cached.
-		 */
-		process: NodeJS.Process;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/screen.md
-
-	/**
-	 * The Display object represents a physical display connected to the system.
-	 * A fake Display may exist on a headless system, or a Display may correspond to a remote, virtual display.
-	 */
-	interface Display {
-		/**
-		 * Unique identifier associated with the display.
-		 */
-		id: number;
-		bounds: Rectangle;
-		workArea: Rectangle;
-		size: Size;
-		workAreaSize: Size;
-		/**
-		 * Output device’s pixel scale factor.
-		 */
-		scaleFactor: number;
-		/**
-		 * Can be 0, 90, 180, 270, represents screen rotation in clock-wise degrees.
-		 */
-		rotation: number;
-		touchSupport: 'available' | 'unavailable' | 'unknown';
-	}
-
-	type DisplayMetrics = 'bounds' | 'workArea' | 'scaleFactor' | 'rotation';
-
-	/**
-	 * The screen module retrieves information about screen size, displays, cursor position, etc.
-	 * You can not use this module until the ready event of the app module is emitted.
-	 */
-	interface Screen extends NodeJS.EventEmitter {
-		/**
-		 * Emitted when newDisplay has been added.
-		 */
-		on(event: 'display-added', listener: (event: Event, newDisplay: Display) => void): this;
-		/**
-		 * Emitted when oldDisplay has been removed.
-		 */
-		on(event: 'display-removed', listener: (event: Event, oldDisplay: Display) => void): this;
-		/**
-		 * Emitted when one or more metrics change in a display.
-		 */
-		on(event: 'display-metrics-changed', listener: (event: Event, display: Display, changedMetrics: DisplayMetrics[]) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * @returns The current absolute position of the mouse pointer.
-		 */
-		getCursorScreenPoint(): Point;
-		/**
-		 * @returns The primary display.
-		 */
-		getPrimaryDisplay(): Display;
-		/**
-		 * @returns An array of displays that are currently available.
-		 */
-		getAllDisplays(): Display[];
-		/**
-		 * @returns The display nearest the specified point.
-		 */
-		getDisplayNearestPoint(point: Point): Display;
-		/**
-		 * @returns The display that most closely intersects the provided bounds.
-		 */
-		getDisplayMatching(rect: Rectangle): Display;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/session.md
-
-	/**
-	 * The session module can be used to create new Session objects.
-	 * You can also access the session of existing pages by using
-	 * the session property of webContents which is a property of BrowserWindow.
-	 */
-	class Session extends NodeJS.EventEmitter {
-		/**
-		 * @returns a new Session instance from partition string.
-		 */
-		static fromPartition(partition: string, options?: FromPartitionOptions): Session;
-		/**
-		 * @returns the default session object of the app.
-		 */
-		static defaultSession: Session;
-		/**
-		 * Emitted when Electron is about to download item in webContents.
-		 * Calling event.preventDefault() will cancel the download
-		 * and item will not be available from next tick of the process.
-		 */
-		on(event: 'will-download', listener: (event: Event, item: DownloadItem, webContents: WebContents) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * The cookies gives you ability to query and modify cookies.
-		 */
-		cookies: SessionCookies;
-		/**
-		 * @returns the session’s current cache size.
-		 */
-		getCacheSize(callback: (size: number) => void): void;
-		/**
-		 * Clears the session’s HTTP cache.
-		 */
-		clearCache(callback: Function): void;
-		/**
-		 * Clears the data of web storages.
-		 */
-		clearStorageData(callback: Function): void;
-		/**
-		 * Clears the data of web storages.
-		 */
-		clearStorageData(options: ClearStorageDataOptions, callback: Function): void;
-		/**
-		 * Writes any unwritten DOMStorage data to disk.
-		 */
-		flushStorageData(): void;
-		/**
-		 * Sets the proxy settings.
-		 */
-		setProxy(config: ProxyConfig, callback: Function): void;
-		/**
-		 * Resolves the proxy information for url.
-		 */
-		resolveProxy(url: URL, callback: (proxy: string) => void): void;
-		/**
-		 * Sets download saving directory.
-		 * By default, the download directory will be the Downloads under the respective app folder.
-		 */
-		setDownloadPath(path: string): void;
-		/**
-		 * Emulates network with the given configuration for the session.
-		 */
-		enableNetworkEmulation(options: NetworkEmulationOptions): void;
-		/**
-		 * Disables any network emulation already active for the session.
-		 * Resets to the original network configuration.
-		 */
-		disableNetworkEmulation(): void;
-		/**
-		 * Sets the certificate verify proc for session, the proc will be called
-		 * whenever a server certificate verification is requested.
-		 *
-		 * Calling setCertificateVerifyProc(null) will revert back to default certificate verify proc.
-		 */
-		setCertificateVerifyProc(proc: (hostname: string, cert: Certificate, callback: (accepted: boolean) => void) => void): void;
-		/**
-		 * Sets the handler which can be used to respond to permission requests for the session.
-		 */
-		setPermissionRequestHandler(handler: (webContents: WebContents, permission: Permission, callback: (allow: boolean) => void) => void): void;
-		/**
-		 * Clears the host resolver cache.
-		 */
-		clearHostResolverCache(callback: Function): void;
-		/**
-		 * Dynamically sets whether to always send credentials for HTTP NTLM or Negotiate authentication.
-		 * @param domains Comma-seperated list of servers for which integrated authentication is enabled.
-		 */
-		allowNTLMCredentialsForDomains(domains: string): void;
-		/**
-		 * Overrides the userAgent and acceptLanguages for this session.
-		 * The acceptLanguages must a comma separated ordered list of language codes, for example "en-US,fr,de,ko,zh-CN,ja".
-		 * This doesn't affect existing WebContents, and each WebContents can use webContents.setUserAgent to override the session-wide user agent.
-		 */
-		setUserAgent(userAgent: string, acceptLanguages?: string): void;
-		/**
-		 * @returns The user agent for this session.
-		 */
-		getUserAgent(): string;
-		/**
-		 * Returns the blob data associated with the identifier.
-		 */
-		getBlobData(identifier: string, callback: (result: Buffer) => void): void;
-		/**
-		 * The webRequest API set allows to intercept and modify contents of a request at various stages of its lifetime.
-		 */
-		webRequest: WebRequest;
-		/**
-		 * @returns An instance of protocol module for this session.
-		 */
-		protocol: Protocol;
-	}
-
-	type Permission = 'media' | 'geolocation' | 'notifications' | 'midiSysex' | 'pointerLock' | 'fullscreen' | 'openExternal';
-
-	interface FromPartitionOptions {
-		/**
-		 * Whether to enable cache.
-		 */
-		cache?: boolean;
-	}
-
-	interface ClearStorageDataOptions {
-		/**
-		 * Should follow window.location.origin’s representation scheme://host:port.
-		 */
-		origin?: string;
-		/**
-		 *  The types of storages to clear.
-		 */
-		storages?: ('appcache' | 'cookies' | 'filesystem' | 'indexdb' | 'localstorage' | 'shadercache' | 'websql' | 'serviceworkers')[];
-		/**
-		 * The types of quotas to clear.
-		 */
-		quotas?: ('temporary' | 'persistent' | 'syncable')[];
-	}
-
-	interface ProxyConfig {
-		/**
-		 * The URL associated with the PAC file.
-		 */
-		pacScript: string;
-		/**
-		 * Rules indicating which proxies to use.
-		 */
-		proxyRules: string;
-		/**
-		 * Rules indicating which URLs should bypass the proxy settings.
-		 */
-		proxyBypassRules: string;
-	}
-
-	interface NetworkEmulationOptions {
-		/**
-		 * Whether to emulate network outage.
-		 * Default: false.
-		 */
-		offline?: boolean;
-		/**
-		 * RTT in ms.
-		 * Default: 0, which will disable latency throttling.
-		 */
-		latency?: number;
-		/**
-		 * Download rate in Bps.
-		 * Default: 0, which will disable download throttling.
-		 */
-		downloadThroughput?: number;
-		/**
-		 * Upload rate in Bps.
-		 * Default: 0, which will disable upload throttling.
-		 */
-		uploadThroughput?: number;
-	}
-
-	interface CookieFilter {
-		/**
-		 * Retrieves cookies which are associated with url. Empty implies retrieving cookies of all urls.
-		 */
-		url?: string;
-		/**
-		 * Filters cookies by name.
-		 */
-		name?: string;
-		/**
-		 * Retrieves cookies whose domains match or are subdomains of domains.
-		 */
-		domain?: string;
-		/**
-		 * Retrieves cookies whose path matches path.
-		 */
-		path?: string;
-		/**
-		 * Filters cookies by their Secure property.
-		 */
-		secure?: boolean;
-		/**
-		 * Filters out session or persistent cookies.
-		 */
-		session?: boolean;
-	}
-
-	interface Cookie {
-		/**
-		 * Emitted when a cookie is changed because it was added, edited, removed, or expired.
-		 */
-		on(event: 'changed', listener: (event: Event, cookie: Cookie, cause: CookieChangedCause) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * The name of the cookie.
-		 */
-		name: string;
-		/**
-		 * The value of the cookie.
-		 */
-		value: string;
-		/**
-		 * The domain of the cookie.
-		 */
-		domain: string;
-		/**
-		 * Whether the cookie is a host-only cookie.
-		 */
-		hostOnly: string;
-		/**
-		 * The path of the cookie.
-		 */
-		path: string;
-		/**
-		 * Whether the cookie is marked as secure.
-		 */
-		secure: boolean;
-		/**
-		 * Whether the cookie is marked as HTTP only.
-		 */
-		httpOnly: boolean;
-		/**
-		 * Whether the cookie is a session cookie or a persistent cookie with an expiration date.
-		 */
-		session: boolean;
-		/**
-		 * The expiration date of the cookie as the number of seconds since the UNIX epoch.
-		 * Not provided for session cookies.
-		 */
-		expirationDate?: number;
-	}
-
-	type CookieChangedCause = 'explicit' | 'overwrite' | 'expired' | 'evicted' | 'expired-overwrite';
-
-	interface CookieDetails {
-		/**
-		 * The URL associated with the cookie.
-		 */
-		url: string;
-		/**
-		 * The name of the cookie.
-		 * Default: empty.
-		 */
-		name?: string;
-		/**
-		 * The value of the cookie.
-		 * Default: empty.
-		 */
-		value?: string;
-		/**
-		 * The domain of the cookie.
-		 * Default: empty.
-		 */
-		domain?: string;
-		/**
-		 * The path of the cookie.
-		 * Default: empty.
-		 */
-		path?: string;
-		/**
-		 * Whether the cookie should be marked as secure.
-		 * Default: false.
-		 */
-		secure?: boolean;
-		/**
-		 * Whether the cookie should be marked as HTTP only.
-		 * Default: false.
-		 */
-		httpOnly?: boolean;
-		/**
-		 * The expiration date of the cookie as the number of seconds since the UNIX epoch.
-		 * If omitted, the cookie becomes a session cookie.
-		 */
-		expirationDate?: number;
-	}
-
-	interface SessionCookies {
-		/**
-		 * Sends a request to get all cookies matching filter.
-		 */
-		get(filter: CookieFilter, callback: (error: Error, cookies: Cookie[]) => void): void;
-		/**
-		 * Sets the cookie with details.
-		 */
-		set(details: CookieDetails, callback: (error: Error) => void): void;
-		/**
-		 * Removes the cookies matching url and name.
-		 */
-		remove(url: string, name: string, callback: (error: Error) => void): void;
-	}
-
-	/**
-	 * Each API accepts an optional filter and a listener, the listener will be called when the API's event has happened.
-	 * Passing null as listener will unsubscribe from the event.
-	 *
-	 * The filter will be used to filter out the requests that do not match the URL patterns.
-	 * If the filter is omitted then all requests will be matched.
-	 *
-	 * For certain events the listener is passed with a callback,
-	 * which should be called with an response object when listener has done its work.
-	 */
-	interface WebRequest {
-		/**
-		 * The listener will be called when a request is about to occur.
-		 */
-		onBeforeRequest(listener: (details: WebRequest.BeforeRequestDetails, callback: WebRequest.BeforeRequestCallback) => void): void;
-		/**
-		 * The listener will be called when a request is about to occur.
-		 */
-		onBeforeRequest(filter: WebRequest.Filter, listener: (details: WebRequest.BeforeRequestDetails, callback: WebRequest.BeforeRequestCallback) => void): void;
-		/**
-		 * The listener will be called before sending an HTTP request, once the request headers are available.
-		 * This may occur after a TCP connection is made to the server, but before any http data is sent.
-		 */
-		onBeforeSendHeaders(listener: (details: WebRequest.BeforeSendHeadersDetails, callback: WebRequest.BeforeSendHeadersCallback) => void): void;
-		/**
-		 * The listener will be called before sending an HTTP request, once the request headers are available.
-		 * This may occur after a TCP connection is made to the server, but before any http data is sent.
-		 */
-		onBeforeSendHeaders(filter: WebRequest.Filter, listener: (details: WebRequest.BeforeSendHeadersDetails, callback: WebRequest.BeforeSendHeadersCallback) => void): void;
-		/**
-		 * The listener will be called just before a request is going to be sent to the server,
-		 * modifications of previous onBeforeSendHeaders response are visible by the time this listener is fired.
-		 */
-		onSendHeaders(listener: (details: WebRequest.SendHeadersDetails) => void): void;
-		/**
-		 * The listener will be called just before a request is going to be sent to the server,
-		 * modifications of previous onBeforeSendHeaders response are visible by the time this listener is fired.
-		 */
-		onSendHeaders(filter: WebRequest.Filter, listener: (details: WebRequest.SendHeadersDetails) => void): void;
-		/**
-		 * The listener will be called when HTTP response headers of a request have been received.
-		 */
-		onHeadersReceived(listener: (details: WebRequest.HeadersReceivedDetails, callback: WebRequest.HeadersReceivedCallback) => void): void;
-		/**
-		 * The listener will be called when HTTP response headers of a request have been received.
-		 */
-		onHeadersReceived(filter: WebRequest.Filter, listener: (details: WebRequest.HeadersReceivedDetails, callback: WebRequest.HeadersReceivedCallback) => void): void;
-		/**
-		 * The listener will be called when first byte of the response body is received.
-		 * For HTTP requests, this means that the status line and response headers are available.
-		 */
-		onResponseStarted(listener: (details: WebRequest.ResponseStartedDetails) => void): void;
-		/**
-		 * The listener will be called when first byte of the response body is received.
-		 * For HTTP requests, this means that the status line and response headers are available.
-		 */
-		onResponseStarted(filter: WebRequest.Filter, listener: (details: WebRequest.ResponseStartedDetails) => void): void;
-		/**
-		 * The listener will be called when a server initiated redirect is about to occur.
-		 */
-		onBeforeRedirect(listener: (details: WebRequest.BeforeRedirectDetails) => void): void;
-		/**
-		 * The listener will be called when a server initiated redirect is about to occur.
-		 */
-		onBeforeRedirect(filter: WebRequest.Filter, listener: (details: WebRequest.BeforeRedirectDetails) => void): void;
-		/**
-		 * The listener will be called when a request is completed.
-		 */
-		onCompleted(listener: (details: WebRequest.CompletedDetails) => void): void;
-		/**
-		 * The listener will be called when a request is completed.
-		 */
-		onCompleted(filter: WebRequest.Filter, listener: (details: WebRequest.CompletedDetails) => void): void;
-		/**
-		 * The listener will be called when an error occurs.
-		 */
-		onErrorOccurred(listener: (details: WebRequest.ErrorOccurredDetails) => void): void;
-		/**
-		 * The listener will be called when an error occurs.
-		 */
-		onErrorOccurred(filter: WebRequest.Filter, listener: (details: WebRequest.ErrorOccurredDetails) => void): void;
-	}
-
-	namespace WebRequest {
-		interface Filter {
-			urls: string[];
-		}
-
-		interface Details {
-			id: number;
-			url: string;
-			method: string;
-			resourceType: string;
-			timestamp: number;
-		}
-
-		interface UploadData {
-			/**
-			 * Content being sent.
-			 */
-			bytes: Buffer;
-			/**
-			 * Path of file being uploaded.
-			 */
-			file: string;
-			/**
-			 * UUID of blob data. Use session.getBlobData method to retrieve the data.
-			 */
-			blobUUID: string;
-		}
-
-		interface BeforeRequestDetails extends Details {
-			uploadData?: UploadData[];
-		}
-
-		type BeforeRequestCallback = (response: {
-			cancel?: boolean;
-			/**
-			 * The original request is prevented from being sent or completed, and is instead redirected to the given URL.
-			 */
-			redirectURL?: string;
-		}) => void;
-
-		interface BeforeSendHeadersDetails extends Details {
-			requestHeaders: Headers;
-		}
-
-		type BeforeSendHeadersCallback = (response: {
-			cancel?: boolean;
-			/**
-			 * When provided, request will be made with these headers.
-			 */
-			requestHeaders?: Headers;
-		}) => void;
-
-		interface SendHeadersDetails extends Details {
-			requestHeaders: Headers;
-		}
-
-		interface HeadersReceivedDetails extends Details {
-			statusLine: string;
-			statusCode: number;
-			responseHeaders: Headers;
-		}
-
-		type HeadersReceivedCallback = (response: {
-			cancel?: boolean;
-			/**
-			 * When provided, the server is assumed to have responded with these headers.
-			 */
-			responseHeaders?: Headers;
-			/**
-			 * Should be provided when overriding responseHeaders to change header status
-			 * otherwise original response header's status will be used.
-			 */
-			statusLine?: string;
-		}) => void;
-
-		interface ResponseStartedDetails extends Details {
-			responseHeaders: Headers;
-			fromCache: boolean;
-			statusCode: number;
-			statusLine: string;
-		}
-
-		interface BeforeRedirectDetails extends Details {
-			redirectURL: string;
-			statusCode: number;
-			ip?: string;
-			fromCache: boolean;
-			responseHeaders: Headers;
-		}
-
-		interface CompletedDetails extends Details {
-			responseHeaders: Headers;
-			fromCache: boolean;
-			statusCode: number;
-			statusLine: string;
-		}
-
-		interface ErrorOccurredDetails extends Details {
-			fromCache: boolean;
-			error: string;
-		}
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/shell.md
-
-	/**
-	 * The shell module provides functions related to desktop integration.
-	 */
-	interface Shell {
-		/**
-		 * Show the given file in a file manager. If possible, select the file.
-		 * @returns Whether the item was successfully shown.
-		 */
-		showItemInFolder(fullPath: string): boolean;
-		/**
-		 * Open the given file in the desktop's default manner.
-		 * @returns Whether the item was successfully shown.
-		 */
-		openItem(fullPath: string): boolean;
-		/**
-		 * Open the given external protocol URL in the desktop's default manner
-		 * (e.g., mailto: URLs in the default mail user agent).
-		 * @returns Whether an application was available to open the URL.
-		 */
-		openExternal(url: string, options?: {
-			/**
-			 * Bring the opened application to the foreground.
-			 * Default: true.
-			 */
-			activate: boolean;
-		}): boolean;
-		/**
-		 * Move the given file to trash.
-		 * @returns Whether the item was successfully moved to the trash.
-		 */
-		moveItemToTrash(fullPath: string): boolean;
-		/**
-		 * Play the beep sound.
-		 */
-		beep(): void;
-		/**
-		 * Creates or updates a shortcut link at shortcutPath.
-		 *
-		 * Note: This API is available only on Windows.
-		 */
-		writeShortcutLink(shortcutPath: string, options: ShortcutLinkOptions): boolean;
-		/**
-		 * Creates or updates a shortcut link at shortcutPath.
-		 *
-		 * Note: This API is available only on Windows.
-		 */
-		writeShortcutLink(shortcutPath: string, operation: 'create' | 'update' | 'replace', options: ShortcutLinkOptions): boolean;
-		/**
-		 * Resolves the shortcut link at shortcutPath.
-		 * An exception will be thrown when any error happens.
-		 *
-		 * Note: This API is available only on Windows.
-		 */
-		readShortcutLink(shortcutPath: string): ShortcutLinkOptions;
-	}
-
-	interface ShortcutLinkOptions {
-		/**
-		 * The target to launch from this shortcut.
-		 */
-		target: string;
-		/**
-		 * The working directory.
-		 * Default: empty.
-		 */
-		cwd?: string;
-		/**
-		 * The arguments to be applied to target when launching from this shortcut.
-		 * Default: empty.
-		 */
-		args?: string;
-		/**
-		 * The description of the shortcut.
-		 * Default: empty.
-		 */
-		description?: string;
-		/**
-		 * The path to the icon, can be a DLL or EXE. icon and iconIndex have to be set together.
-		 * Default: empty, which uses the target's icon.
-		 */
-		icon?: string;
-		/**
-		 * The resource ID of icon when icon is a DLL or EXE.
-		 * Default: 0.
-		 */
-		iconIndex?: number;
-		/**
-		 * The Application User Model ID.
-		 * Default: empty.
-		 */
-		appUserModelId?: string;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/system-preferences.md
-
-	/**
-	 * Get system preferences.
-	 */
-	interface SystemPreferences {
-		/**
-		 * Note: This is only implemented on Windows.
-		 */
-		on(event: 'accent-color-changed', listener: (event: Event, newColor: string) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * @returns Whether the system is in Dark Mode.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		isDarkMode(): boolean;
-		/**
-		 * @returns Whether the Swipe between pages setting is on.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		isSwipeTrackingFromScrollEventsEnabled(): boolean;
-		/**
-		 * Posts event as native notifications of macOS.
-		 * The userInfo contains the user information dictionary sent along with the notification.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		postNotification(event: string, userInfo: Object): void;
-		/**
-		 * Posts event as native notifications of macOS.
-		 * The userInfo contains the user information dictionary sent along with the notification.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		postLocalNotification(event: string, userInfo: Object): void;
-		/**
-		 * Subscribes to native notifications of macOS, callback will be called when the corresponding event happens.
-		 * The id of the subscriber is returned, which can be used to unsubscribe the event.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		subscribeNotification(event: string, callback: (event: Event, userInfo: Object) => void): number;
-		/**
-		 * Removes the subscriber with id.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		unsubscribeNotification(id: number): void;
-		/**
-		 * Same as subscribeNotification, but uses NSNotificationCenter for local defaults.
-		 */
-		subscribeLocalNotification(event: string, callback: (event: Event, userInfo: Object) => void): number;
-		/**
-		 * Same as unsubscribeNotification, but removes the subscriber from NSNotificationCenter.
-		 */
-		unsubscribeLocalNotification(id: number): void;
-		/**
-		 * Get the value of key in system preferences.
-		 *
-		 * Note: This is only implemented on macOS.
-		 */
-		getUserDefault(key: string, type: 'string' | 'boolean' | 'integer' | 'float' | 'double' | 'url' | 'array' | 'dictionary'): any;
-		/**
-		 * @returns Whether DWM composition (Aero Glass) is enabled.
-		 *
-		 * Note: This is only implemented on Windows.
-		 */
-		isAeroGlassEnabled(): boolean;
-		/**
-		 * @returns The users current system wide color preference in the form of an RGBA hexadecimal string.
-		 *
-		 * Note: This is only implemented on Windows.
-		 */
-		getAccentColor(): string;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/tray.md
-
-	/**
-	 * A Tray represents an icon in an operating system's notification area.
-	 */
-	class Tray extends NodeJS.EventEmitter implements Destroyable {
-		/**
-		 * Emitted when the tray icon is clicked.
-		 * Note: The bounds payload is only implemented on macOS and Windows.
-		 */
-		on(event: 'click', listener: (modifiers: Modifiers, bounds: Rectangle) => void): this;
-		/**
-		 * Emitted when the tray icon is right clicked.
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		on(event: 'right-click', listener: (modifiers: Modifiers, bounds: Rectangle) => void): this;
-		/**
-		 * Emitted when the tray icon is double clicked.
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		on(event: 'double-click', listener: (modifiers: Modifiers, bounds: Rectangle) => void): this;
-		/**
-		 * Emitted when the tray balloon shows.
-		 * Note: This is only implemented on Windows.
-		 */
-		on(event: 'balloon-show', listener: Function): this;
-		/**
-		 * Emitted when the tray balloon is clicked.
-		 * Note: This is only implemented on Windows.
-		 */
-		on(event: 'balloon-click', listener: Function): this;
-		/**
-		 * Emitted when the tray balloon is closed because of timeout or user manually closes it.
-		 * Note: This is only implemented on Windows.
-		 */
-		on(event: 'balloon-closed', listener: Function): this;
-		/**
-		 * Emitted when any dragged items are dropped on the tray icon.
-		 * Note: This is only implemented on macOS.
-		 */
-		on(event: 'drop', listener: Function): this;
-		/**
-		 * Emitted when dragged files are dropped in the tray icon.
-		 * Note: This is only implemented on macOS
-		 */
-		on(event: 'drop-files', listener: (event: Event, files: string[]) => void): this;
-		/**
-		 * Emitted when dragged text is dropped in the tray icon.
-		 * Note: This is only implemented on macOS
-		 */
-		on(event: 'drop-text', listener: (event: Event, text: string) => void): this;
-		/**
-		 * Emitted when a drag operation enters the tray icon.
-		 * Note: This is only implemented on macOS
-		 */
-		on(event: 'drag-enter', listener: Function): this;
-		/**
-		 * Emitted when a drag operation exits the tray icon.
-		 * Note: This is only implemented on macOS
-		 */
-		on(event: 'drag-leave', listener: Function): this;
-		/**
-		 * Emitted when a drag operation ends on the tray or ends at another location.
-		 * Note: This is only implemented on macOS
-		 */
-		on(event: 'drag-end', listener: Function): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Creates a new tray icon associated with the image.
-		 */
-		constructor(image: NativeImage|string);
-		/**
-		 * Destroys the tray icon immediately.
-		 */
-		destroy(): void;
-		/**
-		 * Sets the image associated with this tray icon.
-		 */
-		setImage(image: NativeImage|string): void;
-		/**
-		 * Sets the image associated with this tray icon when pressed.
-		 */
-		setPressedImage(image: NativeImage): void;
-		/**
-		 * Sets the hover text for this tray icon.
-		 */
-		setToolTip(toolTip: string): void;
-		/**
-		 * Sets the title displayed aside of the tray icon in the status bar.
-		 * Note: This is only implemented on macOS.
-		 */
-		setTitle(title: string): void;
-		/**
-		 * Sets when the tray's icon background becomes highlighted.
-		 * Note: This is only implemented on macOS.
-		 */
-		setHighlightMode(mode: 'selection' | 'always' | 'never'): void;
-		/**
-		 * Displays a tray balloon.
-		 * Note: This is only implemented on Windows.
-		 */
-		displayBalloon(options?: {
-			icon?: NativeImage;
-			title?: string;
-			content?: string;
-		}): void;
-		/**
-		 * Pops up the context menu of tray icon. When menu is passed,
-		 * the menu will showed instead of the tray's context menu.
-		 * The position is only available on Windows, and it is (0, 0) by default.
-		 * Note: This is only implemented on macOS and Windows.
-		 */
-		popUpContextMenu(menu?: Menu, position?: Point): void;
-		/**
-		 * Sets the context menu for this icon.
-		 */
-		setContextMenu(menu: Menu): void;
-		/**
-		 * @returns The bounds of this tray icon.
-		 */
-		getBounds(): Rectangle;
-		/**
-		 * @returns Whether the tray icon is destroyed.
-		 */
-		isDestroyed(): boolean;
-	}
-
-	interface Modifiers {
-		altKey: boolean;
-		shiftKey: boolean;
-		ctrlKey: boolean;
-		metaKey: boolean;
-	}
-
-	interface DragItem {
-		/**
-		* The absolute path of the file to be dragged
-		*/
-		file: string;
-		/**
-		* The image showing under the cursor when dragging.
-		*/
-		icon: NativeImage;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/web-contents.md
-
-	interface WebContentsStatic {
-		/**
-		 * @returns An array of all WebContents instances. This will contain web contents for all windows,
-		 * webviews, opened devtools, and devtools extension background pages.
-		 */
-		getAllWebContents(): WebContents[];
-		/**
-		 * @returns The web contents that is focused in this application, otherwise returns null.
-		 */
-		getFocusedWebContents(): WebContents;
-		/**
-		 * Find a WebContents instance according to its ID.
-		 */
-		fromId(id: number): WebContents;
-	}
-
-	/**
-	 * A WebContents is responsible for rendering and controlling a web page.
-	 */
-	interface WebContents extends NodeJS.EventEmitter {
-		/**
-		 * Emitted when the navigation is done, i.e. the spinner of the tab has stopped spinning,
-		 * and the onload event was dispatched.
-		 */
-		on(event: 'did-finish-load', listener: Function): this;
-		/**
-		 * This event is like did-finish-load but emitted when the load failed or was cancelled,
-		 * e.g. window.stop() is invoked.
-		 */
-		on(event: 'did-fail-load', listener: (event: Event, errorCode: number, errorDescription: string, validatedURL: string, isMainFrame: boolean) => void): this;
-		/**
-		 * Emitted when a frame has done navigation.
-		 */
-		on(event: 'did-frame-finish-load', listener: (event: Event, isMainFrame: boolean) => void): this;
-		/**
-		 * Corresponds to the points in time when the spinner of the tab started spinning.
-		 */
-		on(event: 'did-start-loading', listener: Function): this;
-		/**
-		 * Corresponds to the points in time when the spinner of the tab stopped spinning.
-		 */
-		on(event: 'did-stop-loading', listener: Function): this;
-		/**
-		 * Emitted when details regarding a requested resource are available.
-		 * status indicates the socket connection to download the resource.
-		 */
-		on(event: 'did-get-response-details', listener: (event: Event,
-			status: boolean,
-			newURL: string,
-			originalURL: string,
-			httpResponseCode: number,
-			requestMethod: string,
-			referrer: string,
-			headers: Headers,
-			resourceType: string
-		) => void): this;
-		/**
-		 * Emitted when a redirect is received while requesting a resource.
-		 */
-		on(event: 'did-get-redirect-request', listener: (event: Event,
-			oldURL: string,
-			newURL: string,
-			isMainFrame: boolean,
-			httpResponseCode: number,
-			requestMethod: string,
-			referrer: string,
-			headers: Headers
-		) => void): this;
-		/**
-		 * Emitted when the document in the given frame is loaded.
-		 */
-		on(event: 'dom-ready', listener: (event: Event) => void): this;
-		/**
-		 * Emitted when page receives favicon URLs.
-		 */
-		on(event: 'page-favicon-updated', listener: (event: Event, favicons: string[]) => void): this;
-		/**
-		 * Emitted when the page requests to open a new window for a url.
-		 * It could be requested by window.open or an external link like <a target='_blank'>.
-		 *
-		 * By default a new BrowserWindow will be created for the url.
-		 *
-		 * Calling event.preventDefault() will prevent creating new windows.
-		 */
-		on(event: 'new-window', listener: (event: Event,
-			url: string,
-			frameName: string,
-			disposition: NewWindowDisposition,
-			options: BrowserWindowOptions
-		) => void): this;
-		/**
-		 * Emitted when a user or the page wants to start navigation.
-		 * It can happen when the window.location object is changed or a user clicks a link in the page.
-		 *
-		 * This event will not emit when the navigation is started programmatically with APIs like
-		 * webContents.loadURL and webContents.back.
-		 *
-		 * It is also not emitted for in-page navigations, such as clicking anchor links
-		 * or updating the window.location.hash. Use did-navigate-in-page event for this purpose.
-		 *
-		 * Calling event.preventDefault() will prevent the navigation.
-		 */
-		on(event: 'will-navigate', listener: (event: Event, url: string) => void): this;
-		/**
-		 * Emitted when a navigation is done.
-		 *
-		 * This event is not emitted for in-page navigations, such as clicking anchor links
-		 * or updating the window.location.hash. Use did-navigate-in-page event for this purpose.
-		 */
-		on(event: 'did-navigate', listener: (event: Event, url: string) => void): this;
-		/**
-		 * Emitted when an in-page navigation happened.
-		 *
-		 * When in-page navigation happens, the page URL changes but does not cause
-		 * navigation outside of the page. Examples of this occurring are when anchor links
-		 * are clicked or when the DOM hashchange event is triggered.
-		 */
-		on(event: 'did-navigate-in-page', listener: (event: Event, url: string, isMainFrame: boolean) => void): this;
-		/**
-		 * Emitted when the renderer process has crashed.
-		 */
-		on(event: 'crashed', listener: (event: Event, killed: boolean) => void): this;
-		/**
-		 * Emitted when a plugin process has crashed.
-		 */
-		on(event: 'plugin-crashed', listener: (event: Event, name: string, version: string) => void): this;
-		/**
-		 * Emitted when webContents is destroyed.
-		 */
-		on(event: 'destroyed', listener: Function): this;
-		/**
-		 * Emitted when DevTools is opened.
-		 */
-		on(event: 'devtools-opened', listener: Function): this;
-		/**
-		 * Emitted when DevTools is closed.
-		 */
-		on(event: 'devtools-closed', listener: Function): this;
-		/**
-		 * Emitted when DevTools is focused / opened.
-		 */
-		on(event: 'devtools-focused', listener: Function): this;
-		/**
-		 * Emitted when failed to verify the certificate for url.
-		 * The usage is the same with the "certificate-error" event of app.
-		 */
-		on(event: 'certificate-error', listener: (event: Event,
-			url: string,
-			error: string,
-			certificate: Certificate,
-			callback: (trust: boolean) => void
-		) => void): this;
-		/**
-		 * Emitted when a client certificate is requested.
-		 * The usage is the same with the "select-client-certificate" event of app.
-		 */
-		on(event: 'select-client-certificate', listener: (event: Event,
-			url: string,
-			certificateList: Certificate[],
-			callback: (certificate: Certificate) => void
-		) => void): this;
-		/**
-		 * Emitted when webContents wants to do basic auth.
-		 * The usage is the same with the "login" event of app.
-		 */
-		on(event: 'login', listener: (event: Event,
-			request: LoginRequest,
-			authInfo: LoginAuthInfo,
-			callback: (username: string, password: string) => void
-		) => void): this;
-		/**
-		 * Emitted when a result is available for webContents.findInPage request.
-		 */
-		on(event: 'found-in-page', listener: (event: Event, result: FoundInPageResult) => void): this;
-		/**
-		 * Emitted when media starts playing.
-		 */
-		on(event: 'media-started-playing', listener: Function): this;
-		/**
-		 * Emitted when media is paused or done playing.
-		 */
-		on(event: 'media-paused', listener: Function): this;
-		/**
-		 * Emitted when a page’s theme color changes. This is usually due to encountering a meta tag:
-		 * <meta name='theme-color' content='#ff0000'>
-		 */
-		on(event: 'did-change-theme-color', listener: Function): this;
-		/**
-		 * Emitted when mouse moves over a link or the keyboard moves the focus to a link.
-		 */
-		on(event: 'update-target-url', listener: (event: Event, url: string) => void): this;
-		/**
-		 * Emitted when the cursor’s type changes.
-		 * If the type parameter is custom, the image parameter will hold the custom cursor image
-		 * in a NativeImage, and scale, size and hotspot will hold additional information about the custom cursor.
-		 */
-		on(event: 'cursor-changed', listener: (event: Event, type: CursorType, image?: NativeImage, scale?: number, size?: Size, hotspot?: Point) => void): this;
-		/**
-		 * Emitted when there is a new context menu that needs to be handled.
-		 */
-		on(event: 'context-menu', listener: (event: Event, params: ContextMenuParams) => void): this;
-		/**
-		 * Emitted when bluetooth device needs to be selected on call to navigator.bluetooth.requestDevice.
-		 * To use navigator.bluetooth api webBluetooth should be enabled.
-		 * If event.preventDefault is not called, first available device will be selected.
-		 * callback should be called with deviceId to be selected,
-		 * passing empty string to callback will cancel the request.
-		 */
-		on(event: 'select-bluetooth-device', listener: (event: Event, deviceList: BluetoothDevice[], callback: (deviceId: string) => void) => void): this;
-		/**
-		 * Emitted when a new frame is generated. Only the dirty area is passed in the buffer.
-		 */
-		on(event: 'paint', listener: (event: Event, dirtyRect: Rectangle, image: NativeImage) => void): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Loads the url in the window.
-		 * @param url Must contain the protocol prefix (e.g., the http:// or file://).
-		 */
-		loadURL(url: string, options?: LoadURLOptions): void;
-		/**
-		 * Initiates a download of the resource at url without navigating.
-		 * The will-download event of session will be triggered.
-		 */
-		downloadURL(url: string): void;
-		/**
-		 * @returns The URL of current web page.
-		 */
-		getURL(): string;
-		/**
-		 * @returns The title of web page.
-		 */
-		getTitle(): string;
-		/**
-		 * @returns The favicon of the web page.
-		 */
-		getFavicon(): NativeImage;
-		/**
-		 * @returns Whether web page is still loading resources.
-		 */
-		isLoading(): boolean;
-		/**
-		 * @returns Whether the main frame (and not just iframes or frames within it) is still loading.
-		 */
-		isLoadingMainFrame(): boolean;
-		/**
-		 * @returns Whether web page is waiting for a first-response for the main
-		 * resource of the page.
-		 */
-		isWaitingForResponse(): boolean;
-		/**
-		 * Stops any pending navigation.
-		 */
-		stop(): void;
-		/**
-		 * Reloads current page.
-		 */
-		reload(): void;
-		/**
-		 * Reloads current page and ignores cache.
-		 */
-		reloadIgnoringCache(): void;
-		/**
-		 * @returns Whether the web page can go back.
-		 */
-		canGoBack(): boolean;
-		/**
-		 * @returns Whether the web page can go forward.
-		 */
-		canGoForward(): boolean;
-		/**
-		 * @returns Whether the web page can go to offset.
-		 */
-		canGoToOffset(offset: number): boolean;
-		/**
-		 * Clears the navigation history.
-		 */
-		clearHistory(): void;
-		/**
-		 * Makes the web page go back.
-		 */
-		goBack(): void;
-		/**
-		 * Makes the web page go forward.
-		 */
-		goForward(): void;
-		/**
-		 * Navigates to the specified absolute index.
-		 */
-		goToIndex(index: number): void;
-		/**
-		 * Navigates to the specified offset from the "current entry".
-		 */
-		goToOffset(offset: number): void;
-		/**
-		 * @returns Whether the renderer process has crashed.
-		 */
-		isCrashed(): boolean;
-		/**
-		 * Overrides the user agent for this page.
-		 */
-		setUserAgent(userAgent: string): void;
-		/**
-		 * @returns The user agent for this web page.
-		 */
-		getUserAgent(): string;
-		/**
-		 * Injects CSS into this page.
-		 */
-		insertCSS(css: string): void;
-		/**
-		 * Evaluates code in page.
-		 * @param code Code to evaluate.
-		 */
-		executeJavaScript(code: string, userGesture?: boolean, callback?: (result: any) => void): void;
-		/**
-		 * Mute the audio on the current web page.
-		 */
-		setAudioMuted(muted: boolean): void;
-		/**
-		 * @returns Whether this page has been muted.
-		 */
-		isAudioMuted(): boolean;
-		/**
-		 * Changes the zoom factor to the specified factor.
-		 * Zoom factor is zoom percent divided by 100, so 300% = 3.0.
-		 */
-		setZoomFactor(factor: number): void;
-		/**
-		 * Sends a request to get current zoom factor.
-		 */
-		getZoomFactor(callback: (zoomFactor: number) => void): void;
-		/**
-		 * Changes the zoom level to the specified level.
-		 * The original size is 0 and each increment above or below represents
-		 * zooming 20% larger or smaller to default limits of 300% and 50% of original size, respectively.
-		 */
-		setZoomLevel(level: number): void;
-		/**
-		 * Sends a request to get current zoom level.
-		 */
-		getZoomLevel(callback: (zoomLevel: number) => void): void;
-		/**
-		 * Sets the maximum and minimum zoom level.
-		 */
-		setZoomLevelLimits(minimumLevel: number, maximumLevel: number): void;
-		/**
-		 * Executes the editing command undo in web page.
-		 */
-		undo(): void;
-		/**
-		 * Executes the editing command redo in web page.
-		 */
-		redo(): void;
-		/**
-		 * Executes the editing command cut in web page.
-		 */
-		cut(): void;
-		/**
-		 * Executes the editing command copy in web page.
-		 */
-		copy(): void;
-		/**
-		 * Copy the image at the given position to the clipboard.
-		 */
-		copyImageAt(x: number, y: number): void;
-		/**
-		 * Executes the editing command paste in web page.
-		 */
-		paste(): void;
-		/**
-		 * Executes the editing command pasteAndMatchStyle in web page.
-		 */
-		pasteAndMatchStyle(): void;
-		/**
-		 * Executes the editing command delete in web page.
-		 */
-		delete(): void;
-		/**
-		 * Executes the editing command selectAll in web page.
-		 */
-		selectAll(): void;
-		/**
-		 * Executes the editing command unselect in web page.
-		 */
-		unselect(): void;
-		/**
-		 * Executes the editing command replace in web page.
-		 */
-		replace(text: string): void;
-		/**
-		 * Executes the editing command replaceMisspelling in web page.
-		 */
-		replaceMisspelling(text: string): void;
-		/**
-		 * Inserts text to the focused element.
-		 */
-		insertText(text: string): void;
-		/**
-		 * Starts a request to find all matches for the text in the web page.
-		 * The result of the request can be obtained by subscribing to found-in-page event.
-		 * @returns The request id used for the request.
-		 */
-		findInPage(text: string, options?: FindInPageOptions): number;
-		/**
-		 * Stops any findInPage request for the webContents with the provided action.
-		 */
-		stopFindInPage(action: StopFindInPageAtion): void;
-		/**
-		 * Checks if any serviceworker is registered.
-		 */
-		hasServiceWorker(callback: (hasServiceWorker: boolean) => void): void;
-		/**
-		 * Unregisters any serviceworker if present.
-		 */
-		unregisterServiceWorker(callback: (isFulfilled: boolean) => void): void;
-		/**
-		 * Prints window's web page. When silent is set to false, Electron will pick up system's default printer and default settings for printing.
-		 * Calling window.print() in web page is equivalent to call WebContents.print({silent: false, printBackground: false}).
-		 * Note: On Windows, the print API relies on pdf.dll. If your application doesn't need print feature, you can safely remove pdf.dll in saving binary size.
-		 */
-		print(options?: PrintOptions): void;
-		/**
-		 * Prints windows' web page as PDF with Chromium's preview printing custom settings.
-		 */
-		printToPDF(options: PrintToPDFOptions, callback: (error: Error, data: Buffer) => void): void;
-		/**
-		 * Adds the specified path to DevTools workspace.
-		 */
-		addWorkSpace(path: string): void;
-		/**
-		 * Removes the specified path from DevTools workspace.
-		 */
-		removeWorkSpace(path: string): void;
-		/**
-		 * Opens the developer tools.
-		 */
-		openDevTools(options?: {
-			/**
-			 * Opens the devtools with specified dock state. Defaults to last used dock state.
-			 */
-			mode?: 'right' | 'bottom' | 'undocked' | 'detach'
-		}): void;
-		/**
-		 * Closes the developer tools.
-		 */
-		closeDevTools(): void;
-		/**
-		 * Returns whether the developer tools are opened.
-		 */
-		isDevToolsOpened(): boolean;
-		/**
-		 * Returns whether the developer tools are focussed.
-		 */
-		isDevToolsFocused(): boolean;
-		/**
-		 * Toggle the developer tools.
-		 */
-		toggleDevTools(): void;
-		/**
-		 * Starts inspecting element at position (x, y).
-		 */
-		inspectElement(x: number, y: number): void;
-		/**
-		 * Opens the developer tools for the service worker context.
-		 */
-		inspectServiceWorker(): void;
-		/**
-		 * Send args.. to the web page via channel in asynchronous message, the web page
-		 * can handle it by listening to the channel event of ipc module.
-		 * Note:
-		 *   1. The IPC message handler in web pages do not have a event parameter,
-		 *      which is different from the handlers on the main process.
-		 *   2. There is no way to send synchronous messages from the main process
-		 *      to a renderer process, because it would be very easy to cause dead locks.
-		 */
-		send(channel: string, ...args: any[]): void;
-		/**
-		 * Enable device emulation with the given parameters.
-		 */
-		enableDeviceEmulation(parameters: DeviceEmulationParameters): void;
-		/**
-		 * Disable device emulation.
-		 */
-		disableDeviceEmulation(): void;
-		/**
-		 * Sends an input event to the page.
-		 */
-		sendInputEvent(event: SendInputEvent): void;
-		/**
-		 * Begin subscribing for presentation events and captured frames,
-		 * The callback will be called when there is a presentation event.
-		 */
-		beginFrameSubscription(onlyDirty: boolean, callback: BeginFrameSubscriptionCallback): void;
-		/**
-		 * Begin subscribing for presentation events and captured frames,
-		 * The callback will be called when there is a presentation event.
-		 */
-		beginFrameSubscription(callback: BeginFrameSubscriptionCallback): void;
-		/**
-		 * End subscribing for frame presentation events.
-		 */
-		endFrameSubscription(): void;
-		/**
-		 * @returns If the process of saving page has been initiated successfully.
-		 */
-		savePage(fullPath: string, saveType: 'HTMLOnly' | 'HTMLComplete' | 'MHTML', callback?: (eror: Error) => void): boolean;
-		/**
-		 * Shows pop-up dictionary that searches the selected word on the page.
-		 * Note: This API is available only on macOS.
-		 */
-		showDefinitionForSelection(): void;
-		/**
-		 * @returns Whether offscreen rendering is enabled.
-		 */
-		isOffscreen(): boolean;
-		/**
-		 * If offscreen rendering is enabled and not painting, start painting.
-		 */
-		startPainting(): void;
-		/**
-		 * If offscreen rendering is enabled and painting, stop painting.
-		 */
-		stopPainting(): void;
-		/**
-		 * If offscreen rendering is enabled returns whether it is currently painting.
-		 */
-		isPainting(): boolean;
-		/**
-		 * If offscreen rendering is enabled sets the frame rate to the specified number.
-		 * Only values between 1 and 60 are accepted.
-		 */
-		setFrameRate(fps: number): void;
-		/**
-		 * If offscreen rendering is enabled returns the current frame rate.
-		 */
-		getFrameRate(): number;
-		/**
-		 * If offscreen rendering is enabled invalidates the frame and generates a new one through the 'paint' event.
-		 */
-		invalidate(): void;
-		/**
-		 * Sets the item as dragging item for current drag-drop operation.
-		 */
-		startDrag(item: DragItem): void;
-		/**
-		 * Captures a snapshot of the page within rect.
-		 */
-		capturePage(callback: (image: NativeImage) => void): void;
-		/**
-		 * Captures a snapshot of the page within rect.
-		 */
-		capturePage(rect: Rectangle, callback: (image: NativeImage) => void): void;
-		/**
-		 * @returns The unique ID of this WebContents.
-		 */
-		id: number;
-		/**
-		 * @returns The session object used by this webContents.
-		 */
-		session: Session;
-		/**
-		 * @returns The WebContents that might own this WebContents.
-		 */
-		hostWebContents: WebContents;
-		/**
-		 * @returns The WebContents of DevTools for this WebContents.
-		 * Note: Users should never store this object because it may become null
-		 * when the DevTools has been closed.
-		 */
-		devToolsWebContents: WebContents;
-		/**
-		 * @returns Debugger API
-		 */
-		debugger: Debugger;
-	}
-
-	interface BeginFrameSubscriptionCallback {
-		(
-			/**
-			 * The frameBuffer is a Buffer that contains raw pixel data.
-			 * On most machines, the pixel data is effectively stored in 32bit BGRA format,
-			 * but the actual representation depends on the endianness of the processor
-			 * (most modern processors are little-endian, on machines with big-endian
-			 * processors the data is in 32bit ARGB format).
-			 */
-			frameBuffer: Buffer,
-			/**
-			 * The dirtyRect is an object with x, y, width, height properties that describes which part of the page was repainted.
-			 * If onlyDirty is set to true, frameBuffer will only contain the repainted area. onlyDirty defaults to false.
-			 */
-			dirtyRect?: Rectangle
-		): void
-	}
-
-	interface ContextMenuParams {
-		/**
-		 * x coordinate
-		 */
-		x: number;
-		/**
-		 * y coordinate
-		 */
-		y: number;
-		/**
-		 * URL of the link that encloses the node the context menu was invoked on.
-		 */
-		linkURL: string;
-		/**
-		 * Text associated with the link. May be an empty string if the contents of the link are an image.
-		 */
-		linkText: string;
-		/**
-		 * URL of the top level page that the context menu was invoked on.
-		 */
-		pageURL: string;
-		/**
-		 * URL of the subframe that the context menu was invoked on.
-		 */
-		frameURL: string;
-		/**
-		 * Source URL for the element that the context menu was invoked on.
-		 * Elements with source URLs are images, audio and video.
-		 */
-		srcURL: string;
-		/**
-		 * Type of the node the context menu was invoked on.
-		 */
-		mediaType: 'none' | 'image' | 'audio' | 'video' | 'canvas' | 'file' | 'plugin';
-		/**
-		 * Parameters for the media element the context menu was invoked on.
-		 */
-		mediaFlags: {
-			/**
-			 * Whether the media element has crashed.
-			 */
-			inError: boolean;
-			/**
-			 * Whether the media element is paused.
-			 */
-			isPaused: boolean;
-			/**
-			 * Whether the media element is muted.
-			 */
-			isMuted: boolean;
-			/**
-			 * Whether the media element has audio.
-			 */
-			hasAudio: boolean;
-			/**
-			 * Whether the media element is looping.
-			 */
-			isLooping: boolean;
-			/**
-			 * Whether the media element's controls are visible.
-			 */
-			isControlsVisible: boolean;
-			/**
-			 * Whether the media element's controls are toggleable.
-			 */
-			canToggleControls: boolean;
-			/**
-			 * Whether the media element can be rotated.
-			 */
-			canRotate: boolean;
-		}
-		/**
-		 * Whether the context menu was invoked on an image which has non-empty contents.
-		 */
-		hasImageContents: boolean;
-		/**
-		 * Whether the context is editable.
-		 */
-		isEditable: boolean;
-		/**
-		 * These flags indicate whether the renderer believes it is able to perform the corresponding action.
-		 */
-		editFlags: {
-			/**
-			 * Whether the renderer believes it can undo.
-			 */
-			canUndo: boolean;
-			/**
-			 * Whether the renderer believes it can redo.
-			 */
-			canRedo: boolean;
-			/**
-			 * Whether the renderer believes it can cut.
-			 */
-			canCut: boolean;
-			/**
-			 * Whether the renderer believes it can copy
-			 */
-			canCopy: boolean;
-			/**
-			 * Whether the renderer believes it can paste.
-			 */
-			canPaste: boolean;
-			/**
-			 * Whether the renderer believes it can delete.
-			 */
-			canDelete: boolean;
-			/**
-			 * Whether the renderer believes it can select all.
-			 */
-			canSelectAll: boolean;
-		}
-		/**
-		 * Text of the selection that the context menu was invoked on.
-		 */
-		selectionText: string;
-		/**
-		 * Title or alt text of the selection that the context was invoked on.
-		 */
-		titleText: string;
-		/**
-		 * The misspelled word under the cursor, if any.
-		 */
-		misspelledWord: string;
-		/**
-		 * The character encoding of the frame on which the menu was invoked.
-		 */
-		frameCharset: string;
-		/**
-		 * If the context menu was invoked on an input field, the type of that field.
-		 */
-		inputFieldType: 'none' | 'plainText' | 'password' | 'other';
-		/**
-		 * Input source that invoked the context menu.
-		 */
-		menuSourceType: 'none' | 'mouse' | 'keyboard' | 'touch' | 'touchMenu';
-	}
-
-	interface BluetoothDevice {
-		deviceName: string;
-		deviceId: string;
-	}
-
-	interface Headers {
-		[key: string]: string;
-	}
-
-	type NewWindowDisposition = 'default' | 'foreground-tab' | 'background-tab' | 'new-window' | 'save-to-disk' | 'other';
-
-	/**
-	 * Specifies the action to take place when ending webContents.findInPage request.
-	 * 'clearSelection' - Clear the selection.
-	 * 'keepSelection' - Translate the selection into a normal selection.
-	 * 'activateSelection' - Focus and click the selection node.
-	 */
-	type StopFindInPageAtion = 'clearSelection' | 'keepSelection' | 'activateSelection';
-
-	type CursorType = 'default' | 'crosshair' | 'pointer' | 'text' | 'wait' | 'help' | 'e-resize' | 'n-resize' | 'ne-resize' | 'nw-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'w-resize' | 'ns-resize' | 'ew-resize' | 'nesw-resize' | 'nwse-resize' | 'col-resize' | 'row-resize' | 'm-panning' | 'e-panning' | 'n-panning' | 'ne-panning' | 'nw-panning' | 's-panning' | 'se-panning' |'sw-panning' | 'w-panning' | 'move' | 'vertical-text' | 'cell' | 'context-menu' | 'alias' | 'progress' | 'nodrop' | 'copy' | 'none' | 'not-allowed' | 'zoom-in' | 'zoom-out' | 'grab' | 'grabbing' | 'custom';
-
-	interface LoadURLOptions {
-		/**
-		 * HTTP Referrer URL.
-		 */
-		httpReferrer?: string;
-		/**
-		 * User agent originating the request.
-		 */
-		userAgent?: string;
-		/**
-		 * Extra headers separated by "\n"
-		 */
-		extraHeaders?: string;
-	}
-
-	interface PrintOptions {
-		/**
-		 * Don't ask user for print settings.
-		 * Defaults: false.
-		 */
-		silent?: boolean;
-		/**
-		 * Also prints the background color and image of the web page.
-		 * Defaults: false.
-		 */
-		printBackground?: boolean;
-	}
-
-	interface PrintToPDFOptions {
-		/**
-		 * Specify the type of margins to use.
-		 *   0 - default
-		 *   1 - none
-		 *   2 - minimum
-		 * Default: 0
-		 */
-		marginsType?: number;
-		/**
-		 * Specify page size of the generated PDF.
-		 * Default: A4.
-		 */
-		pageSize?: 'A3' | 'A4' | 'A5' | 'Legal' | 'Letter' | 'Tabloid' | Size;
-		/**
-		 * Whether to print CSS backgrounds.
-		 * Default: false.
-		 */
-		printBackground?: boolean;
-		/**
-		 * Whether to print selection only.
-		 * Default: false.
-		 */
-		printSelectionOnly?: boolean;
-		/**
-		 * true for landscape, false for portrait.
-		 * Default: false.
-		 */
-		landscape?: boolean;
-	}
-
-	interface Certificate {
-		/**
-		 * PEM encoded data.
-		 */
-		data: string;
-		/**
-		 * Issuer's Common Name.
-		 */
-		issuerName: string;
-		/**
-		 * Subject's Common Name.
-		 */
-		subjectName: string;
-		/**
-		 * Hex value represented string.
-		 */
-		serialNumber: string;
-		/**
-		 * Start date of the certificate being valid in seconds.
-		 */
-		validStart: number;
-		/**
-		 * End date of the certificate being valid in seconds.
-		 */
-		validExpiry: number;
-		/**
-		 * Fingerprint of the certificate.
-		 */
-		fingerprint: string;
-	}
-
-	interface LoginRequest {
-		method: string;
-		url: string;
-		referrer: string;
-	}
-
-	interface LoginAuthInfo {
-		isProxy: boolean;
-		scheme: string;
-		host: string;
-		port: number;
-		realm: string;
-	}
-
-	interface FindInPageOptions {
-		/**
-		 * Whether to search forward or backward, defaults to true
-		 */
-		forward?: boolean;
-		/**
-		 * Whether the operation is first request or a follow up, defaults to false.
-		 */
-		findNext?: boolean;
-		/**
-		 * Whether search should be case-sensitive, defaults to false.
-		 */
-		matchCase?: boolean;
-		/**
-		 * Whether to look only at the start of words. defaults to false.
-		 */
-		wordStart?: boolean;
-		/**
-		 * When combined with wordStart, accepts a match in the middle of a word
-		 * if the match begins with an uppercase letter followed by a lowercase
-		 * or non-letter. Accepts several other intra-word matches, defaults to false.
-		 */
-		medialCapitalAsWordStart?: boolean;
-	}
-
-	interface FoundInPageResult {
-		requestId: number;
-		/**
-		 * Indicates if more responses are to follow.
-		 */
-		finalUpdate: boolean;
-		/**
-		 * Position of the active match.
-		 */
-		activeMatchOrdinal?: number;
-		/**
-		 * Number of Matches.
-		 */
-		matches?: number;
-		/**
-		 * Coordinates of first match region.
-		 */
-		selectionArea?: Rectangle;
-	}
-
-	interface DeviceEmulationParameters {
-		/**
-		 * Specify the screen type to emulated
-		 * Default: desktop
-		 */
-		screenPosition?: 'desktop' | 'mobile';
-		/**
-		 * Set the emulated screen size (screenPosition == mobile)
-		 */
-		screenSize?: Size;
-		/**
-		 * Position the view on the screen (screenPosition == mobile)
-		 * Default: {x: 0, y: 0}
-		 */
-		viewPosition?: Point;
-		/**
-		 * Set the device scale factor (if zero defaults to original device scale factor)
-		 * Default: 0
-		 */
-		deviceScaleFactor: number;
-		/**
-		 * Set the emulated view size (empty means no override).
-		 */
-		viewSize?: Size;
-		/**
-		 * Whether emulated view should be scaled down if necessary to fit into available space
-		 * Default: false
-		 */
-		fitToView?: boolean;
-		/**
-		 * Offset of the emulated view inside available space (not in fit to view mode)
-		 * Default: {x: 0, y: 0}
-		 */
-		offset?: Point;
-		/**
-		 * Scale of emulated view inside available space (not in fit to view mode)
-		 * Default: 1
-		 */
-		scale: number;
-	}
-
-	interface SendInputEvent {
-		type: 'mouseDown' | 'mouseUp' | 'mouseEnter' | 'mouseLeave' | 'contextMenu' | 'mouseWheel' | 'mouseMove' | 'keyDown' | 'keyUp' | 'char';
-		modifiers: ('shift' | 'control' | 'alt' | 'meta' | 'isKeypad' | 'isAutoRepeat' | 'leftButtonDown' | 'middleButtonDown' | 'rightButtonDown' | 'capsLock' | 'numLock' | 'left' | 'right')[];
-	}
-
-	interface SendInputKeyboardEvent extends SendInputEvent {
-		keyCode: string;
-	}
-
-	interface SendInputMouseEvent extends SendInputEvent {
-		x: number;
-		y: number;
-		button?: 'left' | 'middle' | 'right';
-		globalX?: number;
-		globalY?: number;
-		movementX?: number;
-		movementY?: number;
-		clickCount?: number;
-	}
-
-	interface SendInputMouseWheelEvent extends SendInputEvent {
-		deltaX?: number;
-		deltaY?: number;
-		wheelTicksX?: number;
-		wheelTicksY?: number;
-		accelerationRatioX?: number;
-		accelerationRatioY?: number;
-		hasPreciseScrollingDeltas?: boolean;
-		canScroll?: boolean;
-	}
-
-	/**
-	 * Debugger API serves as an alternate transport for remote debugging protocol.
-	 */
-	interface Debugger extends NodeJS.EventEmitter {
-		/**
-		 * Attaches the debugger to the webContents.
-		 * @param protocolVersion Requested debugging protocol version.
-		 */
-		attach(protocolVersion?: string): void;
-		/**
-		 * @returns Whether a debugger is attached to the webContents.
-		 */
-		isAttached(): boolean;
-		/**
-		 * Detaches the debugger from the webContents.
-		 */
-		detach(): void;
-		/**
-		 * Send given command to the debugging target.
-		 * @param method Method name, should be one of the methods defined by the remote debugging protocol.
-		 * @param commandParams JSON object with request parameters.
-		 * @param callback Response defined by the ‘returns’ attribute of the command description in the remote debugging protocol.
-		 */
-		sendCommand(method: string, commandParams?: any, callback?: (error: Error, result: any) => void): void;
-		/**
-		 * Emitted when debugging session is terminated. This happens either when
-		 * webContents is closed or devtools is invoked for the attached webContents.
-		 */
-		on(event: 'detach', listener: (event: Event, reason: string) => void): this;
-		/**
-		 * Emitted whenever debugging target issues instrumentation event.
-		 * Event parameters defined by the ‘parameters’ attribute in the remote debugging protocol.
-		 */
-		on(event: 'message', listener: (event: Event, method: string, params: any) => void): this;
-		on(event: string, listener: Function): this;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/web-frame.md
-
-	/**
-	 * The web-frame module allows you to customize the rendering of the current web page.
-	 */
-	interface WebFrame {
-		/**
-		 * Changes the zoom factor to the specified factor, zoom factor is
-		 * zoom percent / 100, so 300% = 3.0.
-		 */
-		setZoomFactor(factor: number): void;
-		/**
-		 * @returns The current zoom factor.
-		 */
-		getZoomFactor(): number;
-		/**
-		 * Changes the zoom level to the specified level, 0 is "original size", and each
-		 * increment above or below represents zooming 20% larger or smaller to default
-		 * limits of 300% and 50% of original size, respectively.
-		 */
-		setZoomLevel(level: number): void;
-		/**
-		 * @returns The current zoom level.
-		 */
-		getZoomLevel(): number;
-		/**
-		 * Sets the maximum and minimum zoom level.
-		 */
-		setZoomLevelLimits(minimumLevel: number, maximumLevel: number): void;
-		/**
-		 * Sets a provider for spell checking in input fields and text areas.
-		 */
-		setSpellCheckProvider(language: string, autoCorrectWord: boolean, provider: {
-			/**
-			 * @returns Whether the word passed is correctly spelled.
-			 */
-			spellCheck: (text: string) => boolean;
-		}): void;
-		/**
-		 * Sets the scheme as secure scheme. Secure schemes do not trigger mixed content
-		 * warnings. For example, https and data are secure schemes because they cannot be
-		 * corrupted by active network attackers.
-		 */
-		registerURLSchemeAsSecure(scheme: string): void;
-		/**
-		 * Resources will be loaded from this scheme regardless of the current page’s Content Security Policy.
-		 */
-		registerURLSchemeAsBypassingCSP(scheme: string): void;
-		/**
-		 * Registers the scheme as secure, bypasses content security policy for resources,
-		 * allows registering ServiceWorker and supports fetch API.
-		 */
-		registerURLSchemeAsPrivileged(scheme: string): void;
-		/**
-		 * Inserts text to the focused element.
-		 */
-		insertText(text: string): void;
-		/**
-		 * Evaluates `code` in page.
-		 * In the browser window some HTML APIs like `requestFullScreen` can only be
-		 * invoked by a gesture from the user. Setting `userGesture` to `true` will remove
-		 * this limitation.
-		 */
-		executeJavaScript(code: string, userGesture?: boolean, callback?: (result: any) => void): void;
-		/**
-		 * @returns Object describing usage information of Blink’s internal memory caches.
-		 */
-		getResourceUsage(): ResourceUsages;
-		/**
-		 * Attempts to free memory that is no longer being used (like images from a previous navigation).
-		 */
-		clearCache(): void;
-	}
-
-	interface ResourceUsages {
-		fonts: ResourceUsage;
-		images: ResourceUsage;
-		cssStyleSheets: ResourceUsage;
-		xslStyleSheets: ResourceUsage;
-		scripts: ResourceUsage;
-		other: ResourceUsage;
-	}
-
-	interface ResourceUsage {
-		count: number;
-		decodedSize: number;
-		liveSize: number;
-		purgeableSize: number;
-		purgedSize: number;
-		size: number;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/web-view-tag.md
-
-	/**
-	 * Use the webview tag to embed 'guest' content (such as web pages) in your Electron app.
-	 * The guest content is contained within the webview container.
-	 * An embedded page within your app controls how the guest content is laid out and rendered.
-	 *
-	 * Unlike an iframe, the webview runs in a separate process than your app.
-	 * It doesn't have the same permissions as your web page and all interactions between your app
-	 * and embedded content will be asynchronous. This keeps your app safe from the embedded content.
-	 */
-	interface WebViewElement extends HTMLElement {
-		/**
-		 * Returns the visible URL. Writing to this attribute initiates top-level navigation.
-		 * Assigning src its own value will reload the current page.
-		 * The src attribute can also accept data URLs, such as data:text/plain,Hello, world!.
-		 */
-		src: string;
-		/**
-		 * If "on", the webview container will automatically resize within the bounds specified
-		 * by the attributes minwidth, minheight, maxwidth, and maxheight.
-		 * These constraints do not impact the webview unless autosize is enabled.
-		 * When autosize is enabled, the webview container size cannot be less than
-		 * the minimum values or greater than the maximum.
-		 */
-		autosize: string;
-		/**
-		 * If "on", the guest page in webview will have node integration and can use node APIs
-		 * like require and process to access low level system resources.
-		 */
-		nodeintegration: string;
-		/**
-		 * If "on", the guest page in webview will be able to use browser plugins.
-		 */
-		plugins: string;
-		/**
-		 * Specifies a script that will be loaded before other scripts run in the guest page.
-		 * The protocol of script's URL must be either file: or asar:,
-		 * because it will be loaded by require in guest page under the hood.
-		 *
-		 * When the guest page doesn't have node integration this script will still have access to all Node APIs,
-		 * but global objects injected by Node will be deleted after this script has finished executing.
-		 */
-		preload: string;
-		/**
-		 * Sets the referrer URL for the guest page.
-		 */
-		httpreferrer: string;
-		/**
-		 * Sets the user agent for the guest page before the page is navigated to.
-		 * Once the page is loaded, use the setUserAgent method to change the user agent.
-		 */
-		useragent: string;
-		/**
-		 * If "on", the guest page will have web security disabled.
-		 */
-		disablewebsecurity: string;
-		/**
-		 * Sets the session used by the page. If partition starts with persist:,
-		 * the page will use a persistent session available to all pages in the app with the same partition.
-		 * If there is no persist: prefix, the page will use an in-memory session.
-		 * By assigning the same partition, multiple pages can share the same session.
-		 * If the partition is unset then default session of the app will be used.
-		 *
-		 * This value can only be modified before the first navigation,
-		 * since the session of an active renderer process cannot change.
-		 * Subsequent attempts to modify the value will fail with a DOM exception.
-		 */
-		partition: string;
-		/**
-		 * If "on", the guest page will be allowed to open new windows.
-		 */
-		allowpopups: string;
-		/**
-		 * A list of strings which specifies the blink features to be enabled separated by ,.
-		 */
-		blinkfeatures: string;
-		/**
-		 * A list of strings which specifies the blink features to be disabled separated by ,.
-		 */
-		disableblinkfeatures: string;
-		/**
-		 * A value that links the webview to a specific webContents.
-		 * When a webview first loads a new webContents is created and this attribute is set
-		 * to its instance identifier. Setting this attribute on a new or existing webview connects
-		 * it to the existing webContents that currently renders in a different webview.
-		 *
-		 * The existing webview will see the destroy event and will then create a new webContents when a new url is loaded.
-		 */
-		guestinstance: string;
-		/**
-		 * Loads the url in the webview, the url must contain the protocol prefix, e.g. the http:// or file://.
-		 */
-		loadURL(url: string, options?: LoadURLOptions): void;
-		/**
-		 * @returns URL of guest page.
-		 */
-		getURL(): string;
-		/**
-		 * @returns The title of guest page.
-		 */
-		getTitle(): string;
-		/**
-		 * @returns Whether the web page is destroyed.
-		 */
-		isDestroyed(): boolean;
-		/**
-		 * @returns Whether the web page is focused.
-		 */
-		isFocused(): boolean;
-		/**
-		 * @returns Whether guest page is still loading resources.
-		 */
-		isLoading(): boolean;
-		/**
-		 * Returns a boolean whether the guest page is waiting for a first-response for the main resource of the page.
-		 */
-		isWaitingForResponse(): boolean;
-		/**
-		 * Stops any pending navigation.
-		 */
-		stop(): void;
-		/**
-		 * Reloads the guest page.
-		 */
-		reload(): void;
-		/**
-		 * Reloads the guest page and ignores cache.
-		 */
-		reloadIgnoringCache(): void;
-		/**
-		 * @returns Whether the guest page can go back.
-		 */
-		canGoBack(): boolean;
-		/**
-		 * @returns Whether the guest page can go forward.
-		 */
-		canGoForward(): boolean;
-		/**
-		 * @returns Whether the guest page can go to offset.
-		 */
-		canGoToOffset(offset: number): boolean;
-		/**
-		 * Clears the navigation history.
-		 */
-		clearHistory(): void;
-		/**
-		 * Makes the guest page go back.
-		 */
-		goBack(): void;
-		/**
-		 * Makes the guest page go forward.
-		 */
-		goForward(): void;
-		/**
-		 * Navigates to the specified absolute index.
-		 */
-		goToIndex(index: number): void;
-		/**
-		 * Navigates to the specified offset from the "current entry".
-		 */
-		goToOffset(offset: number): void;
-		/**
-		 * @returns Whether the renderer process has crashed.
-		 */
-		isCrashed(): boolean;
-		/**
-		 * Overrides the user agent for the guest page.
-		 */
-		setUserAgent(userAgent: string): void;
-		/**
-		 * @returns The user agent for guest page.
-		 */
-		getUserAgent(): string;
-		/**
-		 * Injects CSS into the guest page.
-		 */
-		insertCSS(css: string): void;
-		/**
-		 * Evaluates code in page. If userGesture is set, it will create the user gesture context in the page.
-		 * HTML APIs like requestFullScreen, which require user action, can take advantage of this option for automation.
-		 */
-		executeJavaScript(code: string, userGesture?: boolean, callback?: (result: any) => void): void;
-		/**
-		 * Opens a DevTools window for guest page.
-		 */
-		openDevTools(): void;
-		/**
-		 * Closes the DevTools window of guest page.
-		 */
-		closeDevTools(): void;
-		/**
-		 * @returns Whether guest page has a DevTools window attached.
-		 */
-		isDevToolsOpened(): boolean;
-		/**
-		 * @returns Whether DevTools window of guest page is focused.
-		 */
-		isDevToolsFocused(): boolean;
-		/**
-		 * Starts inspecting element at position (x, y) of guest page.
-		 */
-		inspectElement(x: number, y: number): void;
-		/**
-		 * Opens the DevTools for the service worker context present in the guest page.
-		 */
-		inspectServiceWorker(): void;
-		/**
-		 * Set guest page muted.
-		 */
-		setAudioMuted(muted: boolean): void;
-		/**
-		 * @returns Whether guest page has been muted.
-		 */
-		isAudioMuted(): boolean;
-		/**
-		 * Executes editing command undo in page.
-		 */
-		undo(): void;
-		/**
-		 * Executes editing command redo in page.
-		 */
-		redo(): void;
-		/**
-		 * Executes editing command cut in page.
-		 */
-		cut(): void;
-		/**
-		 * Executes editing command copy in page.
-		 */
-		copy(): void;
-		/**
-		 * Executes editing command paste in page.
-		 */
-		paste(): void;
-		/**
-		 * Executes editing command pasteAndMatchStyle in page.
-		 */
-		pasteAndMatchStyle(): void;
-		/**
-		 * Executes editing command delete in page.
-		 */
-		delete(): void;
-		/**
-		 * Executes editing command selectAll in page.
-		 */
-		selectAll(): void;
-		/**
-		 * Executes editing command unselect in page.
-		 */
-		unselect(): void;
-		/**
-		 * Executes editing command replace in page.
-		 */
-		replace(text: string): void;
-		/**
-		 * Executes editing command replaceMisspelling in page.
-		 */
-		replaceMisspelling(text: string): void;
-		/**
-		 * Inserts text to the focused element.
-		 */
-		insertText(text: string): void;
-		/**
-		 * Starts a request to find all matches for the text in the web page.
-		 * The result of the request can be obtained by subscribing to found-in-page event.
-		 * @returns The request id used for the request.
-		 */
-		findInPage(text: string, options?: FindInPageOptions): number;
-		/**
-		 * Stops any findInPage request for the webview with the provided action.
-		 */
-		stopFindInPage(action: StopFindInPageAtion): void;
-		/**
-		 * Prints webview's web page. Same with webContents.print([options]).
-		 */
-		print(options?: PrintOptions): void;
-		/**
-		 * Prints webview's web page as PDF, Same with webContents.printToPDF(options, callback)
-		 */
-		printToPDF(options: PrintToPDFOptions, callback: (error: Error, data: Buffer) => void): void;
-		/**
-		 * Send an asynchronous message to renderer process via channel, you can also send arbitrary arguments.
-		 * The renderer process can handle the message by listening to the channel event with the ipcRenderer module.
-		 * See webContents.send for examples.
-		 */
-		send(channel: string, ...args: any[]): void;
-		/**
-		 * Sends an input event to the page.
-		 * See webContents.sendInputEvent for detailed description of event object.
-		 */
-		sendInputEvent(event: SendInputEvent): void
-		/**
-		 * Changes the zoom factor to the specified factor.
-		 * Zoom factor is zoom percent divided by 100, so 300% = 3.0.
-		 */
-		setZoomFactor(factor: number): void;
-		/**
-		 * Changes the zoom level to the specified level.
-		 * The original size is 0 and each increment above or below represents
-		 * zooming 20% larger or smaller to default limits of 300% and 50% of original size, respectively.
-		 */
-		setZoomLevel(level: number): void;
-		/**
-		 * Shows pop-up dictionary that searches the selected word on the page.
-		 * Note: This API is available only on macOS.
-		 */
-		showDefinitionForSelection(): void;
-		/**
-		 * @returns The WebContents associated with this webview.
-		 */
-		getWebContents(): WebContents;
-		/**
-		 * Captures a snapshot of the webview's page. Same as webContents.capturePage([rect, ]callback).
-		 */
-		capturePage(callback: (image: NativeImage) => void): void;
-		/**
-		 * Captures a snapshot of the webview's page. Same as webContents.capturePage([rect, ]callback).
-		 */
-		capturePage(rect: Rectangle, callback: (image: NativeImage) => void): void;
-		/**
-		 * Fired when a load has committed. This includes navigation within the current document
-		 * as well as subframe document-level loads, but does not include asynchronous resource loads.
-		 */
-		addEventListener(type: 'load-commit', listener: (event: WebViewElement.LoadCommitEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the navigation is done, i.e. the spinner of the tab will stop spinning, and the onload event is dispatched.
-		 */
-		addEventListener(type: 'did-finish-load', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * This event is like did-finish-load, but fired when the load failed or was cancelled, e.g. window.stop() is invoked.
-		 */
-		addEventListener(type: 'did-fail-load', listener: (event: WebViewElement.DidFailLoadEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when a frame has done navigation.
-		 */
-		addEventListener(type: 'did-frame-finish-load', listener: (event: WebViewElement.DidFrameFinishLoadEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Corresponds to the points in time when the spinner of the tab starts spinning.
-		 */
-		addEventListener(type: 'did-start-loading', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Corresponds to the points in time when the spinner of the tab stops spinning.
-		 */
-		addEventListener(type: 'did-stop-loading', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when details regarding a requested resource is available.
-		 * status indicates socket connection to download the resource.
-		 */
-		addEventListener(type: 'did-get-response-details', listener: (event: WebViewElement.DidGetResponseDetails) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when a redirect was received while requesting a resource.
-		 */
-		addEventListener(type: 'did-get-redirect-request', listener: (event: WebViewElement.DidGetRedirectRequestEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when document in the given frame is loaded.
-		 */
-		addEventListener(type: 'dom-ready', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when page title is set during navigation. explicitSet is false when title is synthesized from file URL.
-		 */
-		addEventListener(type: 'page-title-updated', listener: (event: WebViewElement.PageTitleUpdatedEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when page receives favicon URLs.
-		 */
-		addEventListener(type: 'page-favicon-updated', listener: (event: WebViewElement.PageFaviconUpdatedEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when page enters fullscreen triggered by HTML API.
-		 */
-		addEventListener(type: 'enter-html-full-screen', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when page leaves fullscreen triggered by HTML API.
-		 */
-		addEventListener(type: 'leave-html-full-screen', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the guest window logs a console message.
-		 */
-		addEventListener(type: 'console-message', listener: (event: WebViewElement.ConsoleMessageEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when a result is available for webview.findInPage request.
-		 */
-		addEventListener(type: 'found-in-page', listener: (event: WebViewElement.FoundInPageEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the guest page attempts to open a new browser window.
-		 */
-		addEventListener(type: 'new-window', listener: (event: WebViewElement.NewWindowEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when a user or the page wants to start navigation.
-		 * It can happen when the window.location object is changed or a user clicks a link in the page.
-		 *
-		 * This event will not emit when the navigation is started programmatically with APIs
-		 * like <webview>.loadURL and <webview>.back.
-		 *
-		 * It is also not emitted during in-page navigation, such as clicking anchor links
-		 * or updating the window.location.hash. Use did-navigate-in-page event for this purpose.
-		 *
-		 * Calling event.preventDefault() does NOT have any effect.
-		 */
-		addEventListener(type: 'will-navigate', listener: (event: WebViewElement.WillNavigateEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when a navigation is done.
-		 *
-		 * This event is not emitted for in-page navigations, such as clicking anchor links
-		 * or updating the window.location.hash. Use did-navigate-in-page event for this purpose.
-		 */
-		addEventListener(type: 'did-navigate', listener: (event: WebViewElement.DidNavigateEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when an in-page navigation happened.
-		 *
-		 * When in-page navigation happens, the page URL changes but does not cause
-		 * navigation outside of the page. Examples of this occurring are when anchor links
-		 * are clicked or when the DOM hashchange event is triggered.
-		 */
-		addEventListener(type: 'did-navigate-in-page', listener: (event: WebViewElement.DidNavigateInPageEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the guest page attempts to close itself.
-		 */
-		addEventListener(type: 'close', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the guest page has sent an asynchronous message to embedder page.
-		 */
-		addEventListener(type: 'ipc-message', listener: (event: WebViewElement.IpcMessageEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the renderer process is crashed.
-		 */
-		addEventListener(type: 'crashed', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the gpu process is crashed.
-		 */
-		addEventListener(type: 'gpu-crashed', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when a plugin process is crashed.
-		 */
-		addEventListener(type: 'plugin-crashed', listener: (event: WebViewElement.PluginCrashedEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Fired when the WebContents is destroyed.
-		 */
-		addEventListener(type: 'destroyed', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when media starts playing.
-		 */
-		addEventListener(type: 'media-started-playing', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when media is paused or done playing.
-		 */
-		addEventListener(type: 'media-paused', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when a page's theme color changes. This is usually due to encountering a meta tag:
-		 * <meta name='theme-color' content='#ff0000'>
-		 */
-		addEventListener(type: 'did-change-theme-color', listener: (event: WebViewElement.DidChangeThemeColorEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when mouse moves over a link or the keyboard moves the focus to a link.
-		 */
-		addEventListener(type: 'update-target-url', listener: (event: WebViewElement.UpdateTargetUrlEvent) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when DevTools is opened.
-		 */
-		addEventListener(type: 'devtools-opened', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when DevTools is closed.
-		 */
-		addEventListener(type: 'devtools-closed', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		/**
-		 * Emitted when DevTools is focused / opened.
-		 */
-		addEventListener(type: 'devtools-focused', listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-		addEventListener(type: string, listener: (event: WebViewElement.Event) => void, useCapture?: boolean): void;
-	}
-
-	namespace WebViewElement {
-		type Event = ElectronPrivate.GlobalEvent;
-
-		interface LoadCommitEvent extends Event  {
-			url: string;
-			isMainFrame: boolean;
-		}
-
-		interface DidFailLoadEvent extends Event  {
-			errorCode: number;
-			errorDescription: string;
-			validatedURL: string;
-			isMainFrame: boolean;
-		}
-
-		interface DidFrameFinishLoadEvent extends Event  {
-			isMainFrame: boolean;
-		}
-
-		interface DidGetResponseDetails extends Event  {
-			status: boolean;
-			newURL: string;
-			originalURL: string;
-			httpResponseCode: number;
-			requestMethod: string;
-			referrer: string;
-			headers: Headers;
-			resourceType: string;
-		}
-
-		interface DidGetRedirectRequestEvent extends Event {
-			oldURL: string;
-			newURL: string;
-			isMainFrame: boolean;
-			httpResponseCode: number;
-			requestMethod: string;
-			referrer: string;
-			headers: Headers;
-		}
-
-		interface PageTitleUpdatedEvent extends Event {
-			title: string;
-			explicitSet: string;
-		}
-
-		interface PageFaviconUpdatedEvent extends Event {
-			favicons: string[];
-		}
-
-		interface ConsoleMessageEvent extends Event {
-			level: number;
-			message: string;
-			line: number;
-			sourceId: string;
-		}
-
-		interface FoundInPageEvent extends Event {
-			result: FoundInPageResult;
-		}
-
-		interface NewWindowEvent extends Event {
-			url: string;
-			frameName: string;
-			disposition: NewWindowDisposition;
-			options: BrowserWindowOptions;
-		}
-
-		interface WillNavigateEvent extends Event {
-			url: string;
-		}
-
-		interface DidNavigateEvent extends Event {
-			url: string;
-		}
-
-		interface DidNavigateInPageEvent extends Event {
-			url: string;
-			isMainFrame: boolean;
-		}
-
-		interface IpcMessageEvent extends Event {
-			channel: string;
-			args: any[];
-		}
-
-		interface PluginCrashedEvent extends Event {
-			name: string;
-			version: string;
-		}
-
-		interface DidChangeThemeColorEvent extends Event {
-			themeColor: string;
-		}
-
-		interface UpdateTargetUrlEvent extends Event {
-			url: string;
-		}
-	}
-
-	/**
-	 * The BrowserWindowProxy object is returned from window.open and provides limited functionality with the child window.
-	 */
-	interface BrowserWindowProxy {
-		/**
-		 * Removes focus from the child window.
-		 */
-		blur(): void;
-		/**
-		 * Forcefully closes the child window without calling its unload event.
-		 */
-		close(): void;
-		/**
-		 * Set to true after the child window gets closed.
-		 */
-		closed: boolean;
-		/**
-		 * Evaluates the code in the child window.
-		 */
-		eval(code: string): void;
-		/**
-		 * Focuses the child window (brings the window to front).
-		 */
-		focus(): void;
-		/**
-		 * Sends a message to the child window with the specified origin or * for no origin preference.
-		 * In addition to these methods, the child window implements window.opener object with no
-		 * properties and a single method.
-		 */
-		postMessage(message: string, targetOrigin: string): void;
-		/**
-		 * Invokes the print dialog on the child window.
-		 */
-		print(): void;
-	}
-
-	// https://github.com/electron/electron/blob/master/docs/api/synopsis.md
-
-	interface CommonElectron {
-		clipboard: Electron.Clipboard;
-		crashReporter: Electron.CrashReporter;
-		nativeImage: typeof Electron.NativeImage;
-		shell: Electron.Shell;
-
-		app: Electron.App;
-		autoUpdater: Electron.AutoUpdater;
-		BrowserWindow: typeof Electron.BrowserWindow;
-		contentTracing: Electron.ContentTracing;
-		dialog: Electron.Dialog;
-		ipcMain: Electron.IpcMain;
-		globalShortcut: Electron.GlobalShortcut;
-		Menu: typeof Electron.Menu;
-		MenuItem: typeof Electron.MenuItem;
-		powerMonitor: Electron.PowerMonitor;
-		powerSaveBlocker: Electron.PowerSaveBlocker;
-		protocol: Electron.Protocol;
-		screen: Electron.Screen;
-		session: typeof Electron.Session;
-		systemPreferences: Electron.SystemPreferences;
-		Tray: typeof Electron.Tray;
-		webContents: Electron.WebContentsStatic;
-	}
-
-	interface ElectronMainAndRenderer extends CommonElectron {
-		desktopCapturer: Electron.DesktopCapturer;
-		ipcRenderer: Electron.IpcRenderer;
-		remote: Electron.Remote;
-		webFrame: Electron.WebFrame;
-	}
-}
-
-declare namespace ElectronPrivate {
-	type GlobalEvent = Event;
-}
-
-interface Document {
-	createElement(tagName: 'webview'): Electron.WebViewElement;
-}
-
-// https://github.com/electron/electron/blob/master/docs/api/window-open.md
-
-interface Window {
-	/**
-	 * Creates a new window.
-	 */
-	open(url: string, frameName?: string, features?: string): Electron.BrowserWindowProxy;
-}
-
-// https://github.com/electron/electron/blob/master/docs/api/file-object.md
-
-interface File {
-	/**
-	 * Exposes the real path of the filesystem.
-	 */
-	path: string;
-}
-
-// https://github.com/electron/electron/blob/master/docs/api/process.md
-
-declare namespace NodeJS {
-
-	interface ProcessVersions {
-		/**
-		 * Electron's version string.
-		 */
-		electron: string;
-		/**
-		 * Chrome's version string.
-		 */
-		chrome: string;
-	}
-
-	interface Process {
-		/**
-		 * Setting this to true can disable the support for asar archives in Node's built-in modules.
-		 */
-		noAsar?: boolean;
-		/**
-		 * Process's type
-		 */
-		type: 'browser' | 'renderer';
-		/**
-		 * Path to JavaScript source code.
-		 */
-		resourcesPath: string;
-		/**
-		 * For Mac App Store build, this value is true, for other builds it is undefined.
-		 */
-		mas?: boolean;
-		/**
-		 * If the app is running as a Windows Store app (appx), this value is true, for other builds it is undefined.
-		 */
-		windowsStore?: boolean;
-		/**
-		 * When app is started by being passed as parameter to the default app,
-		 * this value is true in the main process, otherwise it is undefined.
-		 */
-		defaultApp?: boolean;
-		/**
-		 * Emitted when Electron has loaded its internal initialization script
-		 * and is beginning to load the web page or the main script.
-		 */
-		on(event: 'loaded', listener: Function): this;
-		on(event: string, listener: Function): this;
-		/**
-		 * Causes the main thread of the current process crash;
-		 */
-		crash(): void;
-		/**
-		 * Causes the main thread of the current process hang.
-		 */
-		hang(): void;
-		/**
-		 * Sets the file descriptor soft limit to maxDescriptors or the OS hard limit,
-		 * whichever is lower for the current process.
-		 *
-		 * Note: This API is only available on macOS and Linux.
-		 */
-		setFdLimit(maxDescriptors: number): void;
-		/**
-		 * @returns Object giving memory usage statistics about the current process.
-		 * Note: All statistics are reported in Kilobytes.
-		 */
-		getProcessMemoryInfo(): ProcessMemoryInfo;
-		/**
-		 * @returns Object giving memory usage statistics about the entire system.
-		 * Note: All statistics are reported in Kilobytes.
-		 */
-		getSystemMemoryInfo(): SystemMemoryInfo;
-	}
-
-	interface ProcessMemoryInfo {
-		/**
-		 * The amount of memory currently pinned to actual physical RAM.
-		 */
-		workingSetSize: number;
-		/**
-		 * The maximum amount of memory that has ever been pinned to actual physical RAM.
-		 */
-		peakWorkingSetSize: number;
-		/**
-		 * The amount of memory not shared by other processes, such as JS heap or HTML content.
-		 */
-		privateBytes: number;
-		/**
-		 * The amount of memory shared between processes, typically memory consumed by the Electron code itself.
-		 */
-		sharedBytes: number;
-	}
-
-	interface SystemMemoryInfo {
-		/**
-		 * The total amount of physical memory available to the system.
-		 */
-		total: number;
-		/**
-		 * The total amount of memory not being used by applications or disk cache.
-		 */
-		free: number;
-		/**
-		 * The total amount of swap memory available to the system.
-		 */
-		swapTotal: number;
-		/**
-		 * The free amount of swap memory available to the system.
-		 */
-		swapFree: number;
-	}
-}
-
-declare module 'electron' {
-	var electron: Electron.ElectronMainAndRenderer;
-	export = electron;
-}
-
-interface NodeRequireFunction {
-	(moduleName: 'electron'): Electron.ElectronMainAndRenderer;
-}
+// this file will be removed.

From 7d8500b78d0c682a9e02e2588f4f8e3d805a4fae Mon Sep 17 00:00:00 2001
From: Brian Surowiec <xtorted@optonline.net>
Date: Wed, 12 Oct 2016 20:23:38 -0400
Subject: [PATCH 285/382] Add new EVENT_DECLINED property

---
 hellosign-embedded/hellosign-embedded.d.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/hellosign-embedded/hellosign-embedded.d.ts b/hellosign-embedded/hellosign-embedded.d.ts
index f215dac6bc..45b70774ff 100644
--- a/hellosign-embedded/hellosign-embedded.d.ts
+++ b/hellosign-embedded/hellosign-embedded.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for hellosign-embedded v1.0.3
+// Type definitions for hellosign-embedded v1.2.0
 // Project: https://github.com/HelloFax/hellosign-embedded
 // Definitions by: Brian Surowiec <https://github.com/xt0rted/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -155,6 +155,13 @@ declare module HelloSign {
          */
         EVENT_SIGNED: string;
 
+        /**
+         * The signature request was declined
+         *
+         * @default signature_request_declined
+         */
+        EVENT_DECLINED: string;
+
         /**
          * The user closed the iFrame before completing
          *

From 7a34612219dd0f1d33249763a08da394bc6b19c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Manuel=20J=2E=20L=C3=B3pez=20Ambrosio?= <me@manujlopez.com>
Date: Thu, 13 Oct 2016 09:02:12 +0200
Subject: [PATCH 286/382] Update cucumber.d.ts

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

diff --git a/cucumber/cucumber.d.ts b/cucumber/cucumber.d.ts
index a415a478e2..0cdd1d63c0 100644
--- a/cucumber/cucumber.d.ts
+++ b/cucumber/cucumber.d.ts
@@ -7,7 +7,7 @@ declare namespace cucumber {
 
 	export interface CallbackStepDefinition{
 		pending : () => PromiseLike<any>;
-		(errror?:any, pending?: string):void;
+		(error?:any, pending?: string):void;
 	}
 
 	export interface TableDefinition{

From 8b6ab8a6477398e460b3285d35c179a5cdc4b96d Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Thu, 13 Oct 2016 10:31:02 +0300
Subject: [PATCH 287/382] add addOrientationListener

---
 react-native-orientation/react-native-orientation.d.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/react-native-orientation/react-native-orientation.d.ts b/react-native-orientation/react-native-orientation.d.ts
index 54c497ef14..3e7549daec 100644
--- a/react-native-orientation/react-native-orientation.d.ts
+++ b/react-native-orientation/react-native-orientation.d.ts
@@ -11,7 +11,8 @@ declare module 'react-native-orientation' {
 
         export function addOrientationListener(callback: (orientation: orientation) => void): void;
         export function removeOrientationListener(callback: (orientation: orientation) => void): void;
-        export function removeSpecificOrientationListener(callback: (orientation: specificOrientation) => void): void;
+        export function addOrientationListener(callback: (specificOrientation: specificOrientation) => void): void;
+        export function removeSpecificOrientationListener(callback: (specificOrientation: specificOrientation) => void): void;
 
         export function getInitialOrientation(): orientation;
         export function lockToPortrait(): void;

From bf071282ae2f7bbd8bc9eba9a24746bf04e36194 Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Thu, 13 Oct 2016 10:31:29 +0300
Subject: [PATCH 288/382] Update react-native-orientation-tests.ts

---
 react-native-orientation/react-native-orientation-tests.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/react-native-orientation/react-native-orientation-tests.ts b/react-native-orientation/react-native-orientation-tests.ts
index 17c709ac16..23e3c468c4 100644
--- a/react-native-orientation/react-native-orientation-tests.ts
+++ b/react-native-orientation/react-native-orientation-tests.ts
@@ -4,6 +4,7 @@ import * as Orientation from 'react-native-orientation';
 
 Orientation.addOrientationListener((orientation)=>{});
 Orientation.removeOrientationListener((orientation)=>{});
+Orientation.addSpecificOrientationListener((orientation)=>{});
 Orientation.removeSpecificOrientationListener((orientation)=>{});
 
 Orientation.getInitialOrientation();

From ae44092bd540c67c5a22a9ec9d0232797c2f8e02 Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Thu, 13 Oct 2016 10:34:50 +0300
Subject: [PATCH 289/382] fix typo

addOrientationListener => addSpecificOrientationListener
---
 react-native-orientation/react-native-orientation.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react-native-orientation/react-native-orientation.d.ts b/react-native-orientation/react-native-orientation.d.ts
index 3e7549daec..1ee7d6f929 100644
--- a/react-native-orientation/react-native-orientation.d.ts
+++ b/react-native-orientation/react-native-orientation.d.ts
@@ -11,7 +11,7 @@ declare module 'react-native-orientation' {
 
         export function addOrientationListener(callback: (orientation: orientation) => void): void;
         export function removeOrientationListener(callback: (orientation: orientation) => void): void;
-        export function addOrientationListener(callback: (specificOrientation: specificOrientation) => void): void;
+        export function addSpecificOrientationListener(callback: (specificOrientation: specificOrientation) => void): void;
         export function removeSpecificOrientationListener(callback: (specificOrientation: specificOrientation) => void): void;
 
         export function getInitialOrientation(): orientation;

From d6562d42f2b408d68f5c1ab36169c44e1bbfe751 Mon Sep 17 00:00:00 2001
From: Sykout <Sykout@users.noreply.github.com>
Date: Thu, 13 Oct 2016 18:42:49 +1100
Subject: [PATCH 290/382] Add transform2xxOnly option and update Version No.

Base on the release notes from v4 to v4.1, I believe the new option transform2xxOnly and the cancel() action is the only new changes, with cancel() already implemented.
---
 request-promise/request-promise.d.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/request-promise/request-promise.d.ts b/request-promise/request-promise.d.ts
index e7febe94d3..d266a51971 100644
--- a/request-promise/request-promise.d.ts
+++ b/request-promise/request-promise.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for request-promise v3.0.0
+// Type definitions for request-promise v4.1.0
 // Project: https://github.com/request/request-promise
 // Definitions by: Christopher Glantschnig <https://github.com/cglantschnig/>, Joe Skeen <http://github.com/joeskeen>, Aya Morisawa <https://github.com/AyaMorisawa>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -29,6 +29,7 @@ declare module 'request-promise' {
         interface RequestPromiseOptions extends request.CoreOptions {
             simple?: boolean;
             transform?: (body: any, response: http.IncomingMessage, resolveWithFullResponse?: boolean) => any;
+            transform2xxOnly?: boolean;
             resolveWithFullResponse?: boolean;
         }
 

From f72991cf3ac67c3ecebd7ab5b6c0fc8fb71832dd Mon Sep 17 00:00:00 2001
From: Milan Burda <milan.burda@gmail.com>
Date: Thu, 6 Oct 2016 19:08:56 +0200
Subject: [PATCH 291/382] Update to Electron 1.4.3

---
 electron/github-electron.d.ts | 43 ++++++++++++++++++++++++++++++++---
 1 file changed, 40 insertions(+), 3 deletions(-)

diff --git a/electron/github-electron.d.ts b/electron/github-electron.d.ts
index db11d88ea7..ca073ebf58 100644
--- a/electron/github-electron.d.ts
+++ b/electron/github-electron.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Electron v1.4.2
+// Type definitions for Electron v1.4.3
 // Project: http://electron.atom.io/
 // Definitions by: jedmao <https://github.com/jedmao/>, rhysd <https://rhysd.github.io>, Milan Burda <https://github.com/miniak/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -2655,6 +2655,28 @@ declare namespace Electron {
 		 * Returns a boolean whether the image is a template image.
 		 */
 		isTemplateImage(): boolean;
+		/**
+		 * @param rect The area of the image to crop
+		 * @returns The cropped image.
+		 */
+		crop(rect: Rectangle): NativeImage;
+		/**
+		 * @returns The resized image.
+		 * If only the height or the width are specified then the current aspect ratio will be preserved in the resized image.
+		 */
+		resize(options: {
+			width?: number;
+			height?: number;
+			/**
+			 * The desired quality of the resized image.
+			 * Default: best.
+			 */
+			quality?: 'good' | 'better' | 'best';
+		}): NativeImage;
+		/**
+		 * @returns The image's aspect ratio.
+		 */
+		getAspectRatio(): number;
 	}
 
 	// https://github.com/electron/electron/blob/master/docs/api/power-monitor.md
@@ -3831,12 +3853,21 @@ declare namespace Electron {
 		 * By default a new BrowserWindow will be created for the url.
 		 *
 		 * Calling event.preventDefault() will prevent creating new windows.
+		 * In such case, the event.newGuest may be set with a reference
+		 * to a BrowserWindow instance to make it used by the Electron's runtime.
 		 */
-		on(event: 'new-window', listener: (event: Event,
+		on(event: 'new-window', listener: (event: WebContents.NewWindowEvent,
 			url: string,
 			frameName: string,
 			disposition: NewWindowDisposition,
-			options: BrowserWindowOptions
+			/**
+			 * The options which will be used for creating the new BrowserWindow.
+			 */
+			options: BrowserWindowOptions,
+			/**
+			 * The non-standard features (features not handled by Chromium or Electron) given to window.open().
+			 */
+			additionalFeatures: string[]
 		) => void): this;
 		/**
 		 * Emitted when a user or the page wants to start navigation.
@@ -4324,6 +4355,12 @@ declare namespace Electron {
 		debugger: Debugger;
 	}
 
+	namespace WebContents {
+		interface NewWindowEvent extends Event {
+			newGuest?: BrowserWindow;
+		}
+	}
+
 	interface BeginFrameSubscriptionCallback {
 		(
 			/**

From fd96cd48ae48fbd421612e50b33378808a37d2ce Mon Sep 17 00:00:00 2001
From: Stefan Dobrev <stefan.dobrev@gmail.com>
Date: Thu, 13 Oct 2016 15:47:03 +0300
Subject: [PATCH 292/382] [passport] Add username property to profile

The profile data usually contains a username. Here are some strategies that implement it: [facebook](https://github.com/jaredhanson/passport-facebook/blob/master/lib/profile.js#L15) and [github](https://github.com/jaredhanson/passport-github/blob/master/lib/profile.js#L16).
---
 passport/passport.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/passport/passport.d.ts b/passport/passport.d.ts
index a205519a60..75e8bcbcc5 100644
--- a/passport/passport.d.ts
+++ b/passport/passport.d.ts
@@ -58,6 +58,7 @@ declare module 'passport' {
             provider: string;
             id: string;
             displayName: string;
+            username?: string;
             name?: {
                 familyName: string;
                 givenName: string;

From 4048e1f80e2b7806ec96bb7aef993f6931ff2349 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20K=C3=BCndig?= <tobias@offline.swiss>
Date: Thu, 13 Oct 2016 15:30:57 +0200
Subject: [PATCH 293/382] Added barThickness to ChartXAxe interface in chart.js

The `barThickness` option was missing in the definition file.

See https://github.com/chartjs/Chart.js/blob/03735563f44e1ae108f83b9c7ee946f8818c92c3/src/controllers/controller.bar.js#L165 or https://github.com/chartjs/Chart.js/blob/8e37a11e398f69a67d7f549e113944f74a58030a/docs/04-Bar-Chart.md#chart-options
---
 chart.js/chart.js.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/chart.js/chart.js.d.ts b/chart.js/chart.js.d.ts
index a4ab162747..9bf41eeaae 100644
--- a/chart.js/chart.js.d.ts
+++ b/chart.js/chart.js.d.ts
@@ -345,6 +345,7 @@ interface ChartXAxe {
     stacked?: boolean;
     categoryPercentage?: number;
     barPercentage?: number;
+    barThickness?: number;
     gridLines?: GridLineOptions;
     position?: string;
     ticks?: TickOptions;

From c84418c278d9767eff0e918eb2087172a2e74501 Mon Sep 17 00:00:00 2001
From: Vladimir Pouzanov <farcaller@google.com>
Date: Thu, 13 Oct 2016 14:59:31 +0100
Subject: [PATCH 294/382] Added global version of material-ui

---
 material-ui/material-ui-global.d.ts | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 material-ui/material-ui-global.d.ts

diff --git a/material-ui/material-ui-global.d.ts b/material-ui/material-ui-global.d.ts
new file mode 100644
index 0000000000..a493c6a9ca
--- /dev/null
+++ b/material-ui/material-ui-global.d.ts
@@ -0,0 +1,8 @@
+// Type definitions for material-ui v0.15.1
+// Project: https://github.com/callemall/material-ui
+// Definitions by: Nathan Brown <https://github.com/ngbrown>, Oliver Herrmann <https://github.com/herrmanno>, Vladimir Pouzanov <https://github.com/farcaller>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="material-ui.d.ts" />
+
+import MaterialUI = __MaterialUI;

From aa5112ed88a1750ceeacc3e89b53f59c341fbfc2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20S=C3=A1nchez?= <sanchezajsa@gmail.com>
Date: Thu, 13 Oct 2016 08:52:39 -0600
Subject: [PATCH 295/382] Allow arbitrary properties on TileLayerOptions

---
 leaflet/leaflet-tests.ts | 45 ++++++++++++++++++++++++++++++++++++++--
 leaflet/leaflet.d.ts     |  1 +
 2 files changed, 44 insertions(+), 2 deletions(-)

diff --git a/leaflet/leaflet-tests.ts b/leaflet/leaflet-tests.ts
index 4b435fe2af..539ec2d8a3 100644
--- a/leaflet/leaflet-tests.ts
+++ b/leaflet/leaflet-tests.ts
@@ -166,11 +166,52 @@ mapPixelBounds = map.getPixelBounds();
 mapPixelBounds = map.getPixelWorldBounds();
 mapPixelBounds = map.getPixelWorldBounds(12);
 
+let tileLayerOptions: L.TileLayerOptions = {};
+tileLayerOptions = {
+    minZoom: 0,
+    maxZoom: 18,
+    maxNativeZoom: 2,
+    errorTileUrl: '',
+    zoomOffset: 0,
+    tms: true,
+    zoomReverse: true,
+    detectRetina: true,
+    crossOrigin: false,
+    opacity: 1,
+    updateWhenIdle: true,
+    updateWhenZooming: true,
+    updateInterval: 500,
+    attribution: '',
+    zIndex: 1,
+    noWrap: true,
+    pane: '',
+    className: '',
+    keepBuffer: 1,
+    foo: 'bar',
+    bar: () => 'foo',
+    abc: (data: any) => 'foobar'
+};
+
+tileLayerOptions.subdomains = 'a';
+tileLayerOptions.subdomains = ['a', 'b'];
+
+tileLayerOptions.tileSize = 256;
+tileLayerOptions.tileSize = point;
+//tileLayerOptions.tileSize = pointTuple; investigate if this is valid
+
+tileLayerOptions.bounds = latLngBounds;
+tileLayerOptions.bounds = latLngBoundsLiteral;
+
+let tileLayer: L.TileLayer;
+tileLayer = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png');
+tileLayer = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', tileLayerOptions);
+tileLayer = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png?{foo}&{bar}&{abc}', {foo: 'bar', bar: (data: any) => 'foo', abc: () => ''});
+
 map = map
 	// addControl
 	// removeControl
-	.addLayer(L.tileLayer(''))
-	.removeLayer(L.tileLayer('')) // use a different type of layer
+	.addLayer(tileLayer)
+	.removeLayer(tileLayer) // use a different type of layer
 	.eachLayer((currentLayer) => {
 		layer = currentLayer;
 	})
diff --git a/leaflet/leaflet.d.ts b/leaflet/leaflet.d.ts
index c65e79feef..c67c02e29b 100644
--- a/leaflet/leaflet.d.ts
+++ b/leaflet/leaflet.d.ts
@@ -447,6 +447,7 @@ declare namespace L {
         zoomReverse?: boolean;
         detectRetina?: boolean;
         crossOrigin?: boolean;
+        [name: string]: any;
     }
 
     export interface TileLayer extends GridLayer {

From 0917c3f1abf558fd45301bcc1f1744b3e9cae006 Mon Sep 17 00:00:00 2001
From: Danilo Bargen <mail@dbrgn.ch>
Date: Thu, 13 Oct 2016 17:57:12 +0200
Subject: [PATCH 296/382] Add type definitions for chunked-dc

---
 chunked-dc/chunked-dc-tests.ts  | 21 +++++++++++++
 chunked-dc/chunked-dc.d.ts      | 55 +++++++++++++++++++++++++++++++++
 chunked-dc/chunked-dc.tscparams |  1 +
 3 files changed, 77 insertions(+)
 create mode 100644 chunked-dc/chunked-dc-tests.ts
 create mode 100644 chunked-dc/chunked-dc.d.ts
 create mode 100644 chunked-dc/chunked-dc.tscparams

diff --git a/chunked-dc/chunked-dc-tests.ts b/chunked-dc/chunked-dc-tests.ts
new file mode 100644
index 0000000000..304d26e952
--- /dev/null
+++ b/chunked-dc/chunked-dc-tests.ts
@@ -0,0 +1,21 @@
+/// <reference path="chunked-dc.d.ts" />
+
+// Chunker
+
+let chunker = new Chunker(1337, Uint8Array.of(1,2,3), 2);
+for (let chunk of chunker) {
+    // Do smoething with chunk
+}
+while (chunker.hasNext) {
+    let chunk = chunker.next().value;
+}
+
+// Unchunker
+
+let unchunker = new Unchunker();
+unchunker.onMessage = (message: Uint8Array, context: any[]) => {
+    // Do something with the received message
+};
+let chunk = Uint8Array.of(1,2).buffer;
+unchunker.add(chunk);
+unchunker.gc(1024);
diff --git a/chunked-dc/chunked-dc.d.ts b/chunked-dc/chunked-dc.d.ts
new file mode 100644
index 0000000000..2b38bef438
--- /dev/null
+++ b/chunked-dc/chunked-dc.d.ts
@@ -0,0 +1,55 @@
+// Type definitions for chunked-dc v0.1.2
+// Project: https://github.com/saltyrtc/chunked-dc-js
+// Definitions by: Danilo Bargen <https://github.com/dbrgn/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+// Interfaces
+declare namespace chunkedDc {
+
+    /** common.ts **/
+
+    interface CommonStatic {
+        HEADER_LENGTH: number;
+    }
+
+    /** chunker.ts **/
+
+    interface Chunker extends IterableIterator<Uint8Array> {
+        hasNext: boolean;
+        next(): IteratorResult<Uint8Array>;
+        [Symbol.iterator](): IterableIterator<Uint8Array>;
+    }
+
+    interface ChunkerStatic {
+        new(id: number, message: Uint8Array, chunkSize: number): Chunker
+    }
+
+    /** unchunker.ts **/
+
+    type MessageListener = (message: Uint8Array, context?: any) => void;
+
+    interface Unchunker {
+        onMessage: MessageListener;
+        add(chunk: ArrayBuffer, context?: any): void;
+        gc(maxAge: number): number;
+    }
+
+    interface UnchunkerStatic {
+        new(): Unchunker
+    }
+
+    /** main.ts **/
+
+    interface Standalone {
+        Chunker: ChunkerStatic,
+        Unchunker: UnchunkerStatic,
+    }
+
+}
+
+// Entry point for the packed ES5 version:
+declare var chunkedDc: chunkedDc.Standalone;
+
+// Entry point for the ES2015 version:
+declare var Chunker: chunkedDc.ChunkerStatic;
+declare var Unchunker: chunkedDc.UnchunkerStatic;
diff --git a/chunked-dc/chunked-dc.tscparams b/chunked-dc/chunked-dc.tscparams
new file mode 100644
index 0000000000..ed262d8039
--- /dev/null
+++ b/chunked-dc/chunked-dc.tscparams
@@ -0,0 +1 @@
+--target es2015 --noImplicitAny

From c95ee63a5635ee935c3f17518d4d5d76e7d1cf83 Mon Sep 17 00:00:00 2001
From: Moshe Atlow <moshe@atlow.co.il>
Date: Thu, 13 Oct 2016 21:30:12 +0300
Subject: [PATCH 297/382] update to current api

---
 howlerjs/howler.d.ts | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/howlerjs/howler.d.ts b/howlerjs/howler.d.ts
index 9e245a8058..cdb95ce44f 100644
--- a/howlerjs/howler.d.ts
+++ b/howlerjs/howler.d.ts
@@ -4,8 +4,7 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare class HowlerGlobal {
-    mute(): HowlerGlobal;
-    unmute(): HowlerGlobal;
+    mute(muted: boolean): HowlerGlobal;
     volume(): number;
     volume(volume: number): HowlerGlobal;
     codecs(extension: string): boolean;
@@ -56,8 +55,7 @@ interface Howl {
     play(callback?: (soundId: string) => void): Howl;
     pause(soundId?: string): Howl;
     stop(soundId?: string): Howl;
-    mute(soundId?: string): Howl;
-    unmute(soundId?: string): Howl;
+    mute(muted?: boolean, soundId?: string): Howl;
     fade(from: number, to: number, duration: number, callback?: Function, soundId?: string): Howl;
     loop(): boolean;
     loop(loop: boolean): Howl;

From e08bd191cd1ad565d55b6f4c43ef227fa097a68e Mon Sep 17 00:00:00 2001
From: IceCreamYou <isaac@dfxmachina.com>
Date: Thu, 13 Oct 2016 13:21:08 -0700
Subject: [PATCH 298/382] Fixed custom user attribute types

---
 ldclient-js/ldclient-js-tests.ts | 3 +++
 ldclient-js/ldclient-js.d.ts     | 4 +++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/ldclient-js/ldclient-js-tests.ts b/ldclient-js/ldclient-js-tests.ts
index 2e304187dd..cf4ec2b2b6 100644
--- a/ldclient-js/ldclient-js-tests.ts
+++ b/ldclient-js/ldclient-js-tests.ts
@@ -6,6 +6,9 @@ const ldClient = LDClient.initialize(
     {
         key: 'USER KEY',
         name: 'USER NAME',
+        custom: {
+            'CUSTOM ATTRIBUTE': ['CUSTOM VALUE'],
+        },
     },
     {
         hash: 'SECURE USER HASH',
diff --git a/ldclient-js/ldclient-js.d.ts b/ldclient-js/ldclient-js.d.ts
index 1a0ae97550..47792db29a 100644
--- a/ldclient-js/ldclient-js.d.ts
+++ b/ldclient-js/ldclient-js.d.ts
@@ -131,7 +131,9 @@ declare namespace LaunchDarkly {
         /**
          * Any additional attributes associated with the user.
          */
-        custom?: string | boolean | number | Array<string | boolean | number>;
+        custom?: {
+            [key: string]: string | boolean | number | Array<string | boolean | number>,
+        };
     }
 
     /**

From 3c35ead067bde7bedc68c407bff3fd6907b48e38 Mon Sep 17 00:00:00 2001
From: Young Rok Kim <rok0810@gmail.com>
Date: Fri, 14 Oct 2016 10:25:08 +0900
Subject: [PATCH 299/382] Add ICatBoxCachePolicyOpotions

---
 hapi/hapi.d.ts | 35 +++++++++++++++++++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

diff --git a/hapi/hapi.d.ts b/hapi/hapi.d.ts
index a25ecff38d..7c18fec33c 100644
--- a/hapi/hapi.d.ts
+++ b/hapi/hapi.d.ts
@@ -75,6 +75,37 @@ declare module "hapi" {
 		/**   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 {
@@ -1109,7 +1140,7 @@ declare module "hapi" {
 	 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;
+		cache?: ICatBoxCachePolicyOptions;
 		callback?: boolean;
 		generateKey?(args: any[]): string;
 	}
@@ -1945,7 +1976,7 @@ declare module "hapi" {
 		// value === { capital: 'oslo' };
 		});
 		});*/
-		cache(options: ICatBoxCacheOptions): void;
+		cache(options: ICatBoxCachePolicyOptions): void;
 
 		/** server.connection([options])
 		 Adds an incoming server connection

From 0ffa9c0f32fba32f61a2516dd2438fad537ba577 Mon Sep 17 00:00:00 2001
From: Shantanu Bhadoria <shantanu@cpan.org>
Date: Fri, 14 Oct 2016 12:41:30 +0800
Subject: [PATCH 300/382] refactored as per best practices

---
 ejson/ejson.d.ts | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/ejson/ejson.d.ts b/ejson/ejson.d.ts
index 51e54b7503..029222239c 100644
--- a/ejson/ejson.d.ts
+++ b/ejson/ejson.d.ts
@@ -3,22 +3,24 @@
 // Definitions by: Shantanu Bhadoria <https://github.com/shantanubhadoria>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare interface IStringifyOptions {
-  canonical: boolean;
-  indent: boolean|number|string;
-}
-declare interface ICloneOptions {
-  keyOrderSensitive: boolean;
-}
 
 declare module "ejson" {
+  interface StringifyOptions {
+    canonical: boolean;
+    indent: boolean|number|string;
+  }
+
+  interface CloneOptions {
+    keyOrderSensitive: boolean;
+  }
+  
   function clone<T>(obj: T): T;
   function parse(str: string): any;
-  function stringify(obj: any, options?: IStringifyOptions): string;
+  function stringify(obj: any, options?: StringifyOptions): string;
 
   function toJSONValue(obj: any): string;
   function fromJSONValue(obj: string): any;
   function isBinary(value: any): boolean;
   function newBinary(len: number): Uint8Array;
-  function equals(a: any, b: any, options?: ICloneOptions): boolean;
+  function equals(a: any, b: any, options?: CloneOptions): boolean;
 }

From cdff35292bc4fb22439702f2aaba065cc26fc97f Mon Sep 17 00:00:00 2001
From: Daniel Green Hersing <dghe@foa.dk>
Date: Fri, 14 Oct 2016 13:49:53 +0200
Subject: [PATCH 301/382] Changed so language also returns a string, and key is
 optional

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

diff --git a/numeraljs/numeraljs.d.ts b/numeraljs/numeraljs.d.ts
index 8524d721e6..c19caef255 100644
--- a/numeraljs/numeraljs.d.ts
+++ b/numeraljs/numeraljs.d.ts
@@ -24,7 +24,7 @@ interface Numeral {
 	(value?: any): Numeral;
 	version: string;
 	isNumeral: boolean;
-	language(key: string, values?: NumeralJSLanguage): Numeral;
+	language(key?: string, values?: NumeralJSLanguage): Numeral | string;
 	zeroFormat(format: string): string;
 	clone(): Numeral;
 	format(inputString?: string): string;

From 0935f94260280d17735f47d7a602926f8a879434 Mon Sep 17 00:00:00 2001
From: nixar <nixar@users.noreply.github.com>
Date: Fri, 14 Oct 2016 16:33:44 +0200
Subject: [PATCH 302/382] Add constructor signature for tls.TLSSocket

---
 node/node.d.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/node/node.d.ts b/node/node.d.ts
index 511b08cfd7..0a72d8e560 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -2642,6 +2642,10 @@ declare module "tls" {
     }
 
     export class TLSSocket extends stream.Duplex {
+        /**
+         * Construct a new tls.TLSSocket object from an existing TCP socket.
+         */
+        constructor(socket:net.Socket, options?: ConnectionOptions);
         /**
          * Returns the bound address, the address family name and port of the underlying socket as reported by
          * the operating system.

From 08af4a37bab7e7557953bb9bd1606a76a4a90b0b Mon Sep 17 00:00:00 2001
From: nixar <nixar@users.noreply.github.com>
Date: Fri, 14 Oct 2016 17:06:12 +0200
Subject: [PATCH 303/382] Added documentation for tls.TLSSocket options

---
 node/node.d.ts | 41 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

diff --git a/node/node.d.ts b/node/node.d.ts
index 0a72d8e560..8aa0e5a6e7 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -2645,7 +2645,46 @@ declare module "tls" {
         /**
          * Construct a new tls.TLSSocket object from an existing TCP socket.
          */
-        constructor(socket:net.Socket, options?: ConnectionOptions);
+        constructor(socket:net.Socket, options?: {
+          /** An optional TLS context object from tls.createSecureContext() */
+          secureContext?: SecureContext,
+          /** If true the TLS socket will be instantiated in server-mode.
+           *  Defaults to false. */
+          isServer?: boolean,
+          /** An optional net.Server instance. */
+          server?: net.Server,
+          /** If true the server will request a certificate from clients that
+           *  connect and attempt to verify that certificate. Defaults to
+           *  false. */
+          requestCert?: boolean,
+          /** If true the server will reject any connection which is not
+           *  authorized with the list of supplied CAs. This option only has an
+           *  effect if requestCert is true. Defaults to false. */
+          rejectUnauthorized?: boolean,
+          /** An array of strings or a Buffer naming possible NPN protocols.
+           *  (Protocols should be ordered by their priority.) */
+          NPNProtocols?: string[] | Buffer,
+          /** An array of strings or a Buffer naming possible ALPN protocols.
+           *  (Protocols should be ordered by their priority.) When the server
+           *  receives both NPN and ALPN extensions from the client, ALPN takes
+           *  precedence over NPN and the server does not send an NPN extension
+           *  to the client. */
+          ALPNProtocols?: string[] | Buffer,
+          /** SNICallback(servername, cb) <Function> A function that will be
+           *  called if the client supports SNI TLS extension. Two arguments
+           *  will be passed when called: servername and cb. SNICallback should
+           *  invoke cb(null, ctx), where ctx is a SecureContext instance.
+           *  (tls.createSecureContext(...) can be used to get a proper
+           *  SecureContext.) If SNICallback wasn't provided the default callback
+           *  with high-level API will be used (see below). */
+          SNICallback?: Function,
+          /** An optional Buffer instance containing a TLS session. */
+          session?: Buffer,
+          /** If true, specifies that the OCSP status request extension will be
+           *  added to the client hello and an 'OCSPResponse' event will be
+           *  emitted on the socket before establishing a secure communication */
+          requestOCSP?: boolean
+        });
         /**
          * Returns the bound address, the address family name and port of the underlying socket as reported by
          * the operating system.

From 4a5a572f88beaffccf6dbb3edac74e786bbc00b1 Mon Sep 17 00:00:00 2001
From: Fred Eisele <fred.eisele@vanderbilt.edu>
Date: Fri, 14 Oct 2016 14:04:41 -0500
Subject: [PATCH 304/382] introduction of typings for N3, the RDF tool

---
 n3/n3-tests.ts | 181 +++++++++++++++++++++++++++++++++++++++++++++++++
 n3/n3.d.ts     | 116 +++++++++++++++++++++++++++++++
 2 files changed, 297 insertions(+)
 create mode 100644 n3/n3-tests.ts
 create mode 100644 n3/n3.d.ts

diff --git a/n3/n3-tests.ts b/n3/n3-tests.ts
new file mode 100644
index 0000000000..d506bb6f0a
--- /dev/null
+++ b/n3/n3-tests.ts
@@ -0,0 +1,181 @@
+/// <reference path="./n3.d.ts" />
+/// <reference path="../node/node.d.ts" />
+
+import * as N3 from "n3";
+import * as fs from "fs";
+import * as stream from "stream";
+
+function test_serialize() {
+
+    var writer: N3.N3Writer = N3.Writer(
+        {
+            format: "ttl",
+            prefixes: {
+                foaf: "http://xmlns.com/foaf/0.1",
+                freebase: "http://rdf.freebase.com/ns/",
+                g: "http://base.google.com/ns/1.0"
+            }
+        });
+    writer.addTriple({
+        subject: "subject-name",
+        predicate: "predicate-name",
+        object: N3.Util.createLiteral(12)
+    });
+
+    writer.end((error, result) => {
+        console.log(`result ${result}`);
+    });
+}
+
+function test_doc_rdf_to_triples_1() {
+    var parser = N3.Parser();
+    parser.parse('@prefix c: <http://example.org/cartoons#>.\n' +
+        'c:Tom a c:Cat.\n' +
+        'c:Jerry a c:Mouse;\n' +
+        '        c:smarterThan c:Tom.',
+        function (error: Error, triple: N3.Triple, prefixes: N3.Prefixes) {
+            if (triple)
+                console.log(triple.subject, triple.predicate, triple.object, '.');
+            else
+                console.log("# That's all, folks!", prefixes)
+        });
+}
+
+function test_doc_rdf_to_triples_2() {
+    var parser1 = N3.Parser({ format: 'N-Triples' });
+    var parser2 = N3.Parser({ format: 'application/trig' });
+    // Notation3 (N3) is supported only through the format argument:
+
+    var parser3 = N3.Parser({ format: 'N3' });
+    var parser4 = N3.Parser({ format: 'Notation3' });
+    var parser5 = N3.Parser({ format: 'text/n3' });
+}
+
+function test_doc_rdf_stream_to_triples_1() {
+    var parser = N3.Parser();
+    var rdfStream = fs.createReadStream('cartoons.ttl');
+    parser.parse(rdfStream, console.log);
+
+    var streamParser = N3.StreamParser();
+    var rdfStream = fs.createReadStream('cartoons.ttl');
+    // rdfStream.pipe(streamParser);
+    streamParser.pipe(new SlowConsumer());
+
+    class SlowConsumer extends stream.Writable {
+        constructor() {
+            super({ objectMode: true });
+            this._write = function (triple, encoding, done) {
+                console.log(triple);
+                setTimeout(done, 1000);
+            };
+        }
+    }
+}
+
+function test_doc_from_triples_to_string() {
+    var writer = N3.Writer({ prefixes: { c: 'http://example.org/cartoons#' } });
+    writer.addTriple('http://example.org/cartoons#Tom',
+        'http://www.w3.org/1999/02/22-rdf-syntax-ns#type',
+        'http://example.org/cartoons#Cat');
+    writer.addTriple({
+        subject: 'http://example.org/cartoons#Tom',
+        predicate: 'http://example.org/cartoons#name',
+        object: '"Tom"'
+    });
+    writer.end(function (error, result) { console.log(result); });
+
+    var writer1 = N3.Writer({ format: 'N-Triples' });
+    var writer2 = N3.Writer({ format: 'application/trig' });
+}
+
+function test_doc_from_triples_to_rdf_stream() {
+    var writer = N3.Writer(process.stdout, { prefixes: { c: 'http://example.org/cartoons#' } });
+    writer.addTriple('http://example.org/cartoons#Tom',
+        'http://www.w3.org/1999/02/22-rdf-syntax-ns#type',
+        'http://example.org/cartoons#Cat');
+    writer.addTriple({
+        subject: 'http://example.org/cartoons#Tom',
+        predicate: 'http://example.org/cartoons#name',
+        object: '"Tom"'
+    });
+    writer.end();
+}
+
+function test_doc_from_triple_stream_to_rdf_stream() {
+    var streamParser = N3.StreamParser(),
+        // inputStream = fs.createReadStream('cartoons.ttl'),
+        streamWriter = N3.StreamWriter({ prefixes: { c: 'http://example.org/cartoons#' } });
+    // inputStream.pipe(streamParser);
+    streamParser.pipe(streamWriter);
+    // streamWriter.pipe(process.stdout);
+}
+
+function test_doc_blank_nodes_and_lists() {
+    var writer = N3.Writer({
+        prefixes: {
+            c: 'http://example.org/cartoons#',
+            foaf: 'http://xmlns.com/foaf/0.1/'
+        }
+    });
+    writer.addTriple(writer.blank('http://xmlns.com/foaf/0.1/givenName', '"Tom"@en'),
+        'http://www.w3.org/1999/02/22-rdf-syntax-ns#type',
+        'http://example.org/cartoons#Cat');
+    writer.addTriple('http://example.org/cartoons#Jerry',
+        'http://xmlns.com/foaf/0.1/knows',
+        writer.blank([{
+            predicate: 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type',
+            object: 'http://example.org/cartoons#Cat'
+        }, {
+            predicate: 'http://xmlns.com/foaf/0.1/givenName',
+            object: '"Tom"@en',
+        }]));
+    writer.addTriple('http://example.org/cartoons#Mammy',
+        'http://example.org/cartoons#hasPets',
+        writer.list([
+            'http://example.org/cartoons#Tom',
+            'http://example.org/cartoons#Jerry'
+        ]));
+    writer.end(function (error, result) { console.log(result); });
+}
+
+function test_doc_storing() {
+    var store = N3.Store();
+    store.addTriple('http://ex.org/Pluto', 'http://ex.org/type', 'http://ex.org/Dog');
+    store.addTriple('http://ex.org/Mickey', 'http://ex.org/type', 'http://ex.org/Mouse');
+
+    var mickey = store.find('http://ex.org/Mickey', null, null)[0];
+    console.log(mickey.subject, mickey.predicate, mickey.object, '.');
+}
+
+function test_doc_utility() {
+    var N3Util = N3.Util;
+    N3Util.isIRI('http://example.org/cartoons#Mickey'); // true
+
+    N3Util.isLiteral('"Mickey Mouse"'); // true
+    N3Util.getLiteralValue('"Mickey Mouse"'); // 'Mickey Mouse'
+    N3Util.isLiteral('"Mickey Mouse"@en'); // true
+    N3Util.getLiteralLanguage('"Mickey Mouse"@en'); // 'en'
+    N3Util.isLiteral('"3"^^http://www.w3.org/2001/XMLSchema#integer'); // true
+    N3Util.getLiteralType('"3"^^http://www.w3.org/2001/XMLSchema#integer'); // 'http://www.w3.org/2001/XMLSchema#integer'
+    N3Util.isLiteral('"http://example.org/"'); // true
+    N3Util.getLiteralValue('"http://example.org/"'); // 'http://example.org/'
+
+    N3Util.isLiteral('"This word is "quoted"!"'); // true
+    N3Util.isLiteral('"3"^^http://www.w3.org/2001/XMLSchema#integer'); // true
+
+    N3.Parser().parse('<a> <b> "This word is \\"quoted\\"!".', console.log);
+    // { subject: 'a', predicate: 'b', object: '"This word is "quoted"!"' }
+
+    N3Util.createLiteral('My text', 'en-gb');
+    N3Util.createLiteral('123', 'http://www.w3.org/2001/XMLSchema#integer');
+    N3Util.createLiteral(123);
+    N3Util.createLiteral(false);
+
+    N3Util.isBlank('_:b1'); // true
+    N3Util.isIRI('_:b1'); // false
+    N3Util.isLiteral('_:b1'); // false
+
+    var prefixes = { rdfs: 'http://www.w3.org/2000/01/rdf-schema#' };
+    N3Util.isPrefixedName('rdfs:label'); // true;
+    N3Util.expandPrefixedName('rdfs:label', prefixes); // http://www.w3.org/2000/01/rdf-schema#label
+}
diff --git a/n3/n3.d.ts b/n3/n3.d.ts
new file mode 100644
index 0000000000..28debcb94b
--- /dev/null
+++ b/n3/n3.d.ts
@@ -0,0 +1,116 @@
+// Type definitions for N3 v0.8.1 
+// Project: https://github.com/RubenVerborgh/N3.js
+// Definitions by: Fred Eisele <https://github.com/phreed>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts" />
+
+declare module "n3" {
+    import * as fs from "fs";
+    import * as stream from "stream";
+
+    namespace N3 {
+
+        type ErrorCallback = (err: Error, result: any) => void;
+
+        interface Prefixes {
+            [key: string]: string;
+        }
+
+        interface LiteralValue {
+            value: string | number;
+        }
+
+        interface Triple {
+            subject: string,
+            predicate: string,
+            object: string
+        }
+
+        interface BlankTriple {
+            predicate: string,
+            object: string
+        }
+
+        // class Parser {
+        //    constructor(options?: ParserOptions);
+        // }
+        function Parser(options?: ParserOptions): N3Parser;
+        // class StreamParser extends Parser {
+        //    constructor(options?: ParserOptions);
+        //}
+        function StreamParser(options?: ParserOptions): N3StreamParser;
+
+        interface ParserOptions {
+            format?: string,
+            prefixes?: string[]
+        }
+
+        interface ParseCallback {
+            (error: Error, triple: Triple, prefixes: Prefixes): void;
+        }
+
+        interface Logger {
+            (message?: any, ...optionalParams: any[]): void;
+        }
+        interface N3Parser {
+            parse(input: string, callback: ParseCallback): void;
+            parse(subject: string, predicate: string, object: string): void;
+            parse(triple: Triple): void;
+            parse(stream: fs.ReadStream, log: Logger): void;
+        }
+
+        interface N3StreamParser extends N3Parser {
+            pipe(consumer: stream.Writable | N3StreamWriter): void;
+        }
+
+        // interface fs.ReadStream {
+        //     pipe(parser: StreamParser): void;
+        // }
+
+
+        function Writer(options: WriterOptions): N3Writer;
+        function Writer(fd: any, options: WriterOptions): N3Writer;
+
+        function StreamWriter(options: WriterOptions): N3StreamWriter;
+
+        interface N3Writer {
+            addTriple(subject: string, predicate: string, object: string): void;
+            addTriple(subject: string, predicate: string, object: string[]): void;
+            addTriple(triple: Triple): void;
+            end(err?: ErrorCallback, result?: any): void;
+            blank(ns: string, name: string): string;
+            blank(triple: BlankTriple[]): string;
+            list(triple: string[]): string[];
+        }
+
+        interface N3StreamWriter extends N3Writer {
+            pipe(consumer: stream.Writable): void;
+        }
+
+        interface WriterOptions {
+            format?: string,
+            prefixes?: Prefixes
+        }
+
+        interface N3StoreWriter extends N3Writer {
+            find(subject: string, predicate: string | null, object: string | null): Triple[];
+        }
+        function Store(): N3StoreWriter;
+
+        namespace Util {
+            function createLiteral(value: any): string;
+            function createLiteral(value: any, type: string): string;
+
+            function isIRI(value: string): boolean;
+            function isLiteral(value: string): boolean;
+            function getLiteralValue(value: string): string;
+            function getLiteralLanguage(value: string): string;
+            function getLiteralType(value: string): string;
+            function isBlank(value: string): boolean;
+            function isPrefixedName(name: string): boolean;
+            function expandPrefixedName(name: string, prefixes: Prefixes): string;
+        }
+    }
+    export = N3;
+}

From 35edbc5cd83b31470a87dc7c07a8f6b7f67e0ea3 Mon Sep 17 00:00:00 2001
From: nixar <nixar@users.noreply.github.com>
Date: Fri, 14 Oct 2016 21:18:13 +0200
Subject: [PATCH 305/382] Put start/end jsdoc markers on their own line

---
 node/node.d.ts | 76 +++++++++++++++++++++++++++++++-------------------
 1 file changed, 48 insertions(+), 28 deletions(-)

diff --git a/node/node.d.ts b/node/node.d.ts
index 8aa0e5a6e7..5824c79491 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -2646,43 +2646,63 @@ declare module "tls" {
          * Construct a new tls.TLSSocket object from an existing TCP socket.
          */
         constructor(socket:net.Socket, options?: {
-          /** An optional TLS context object from tls.createSecureContext() */
+          /**
+           * An optional TLS context object from tls.createSecureContext()
+           */
           secureContext?: SecureContext,
-          /** If true the TLS socket will be instantiated in server-mode.
-           *  Defaults to false. */
+          /**
+           * If true the TLS socket will be instantiated in server-mode.
+           * Defaults to false.
+           */
           isServer?: boolean,
-          /** An optional net.Server instance. */
+          /**
+           * An optional net.Server instance.
+           */
           server?: net.Server,
-          /** If true the server will request a certificate from clients that
-           *  connect and attempt to verify that certificate. Defaults to
-           *  false. */
+          /**
+           * If true the server will request a certificate from clients that
+           * connect and attempt to verify that certificate. Defaults to
+           * false.
+           */
           requestCert?: boolean,
-          /** If true the server will reject any connection which is not
-           *  authorized with the list of supplied CAs. This option only has an
-           *  effect if requestCert is true. Defaults to false. */
+          /**
+           * If true the server will reject any connection which is not
+           * authorized with the list of supplied CAs. This option only has an
+           * effect if requestCert is true. Defaults to false.
+           */
           rejectUnauthorized?: boolean,
-          /** An array of strings or a Buffer naming possible NPN protocols.
-           *  (Protocols should be ordered by their priority.) */
+          /**
+           * An array of strings or a Buffer naming possible NPN protocols.
+           * (Protocols should be ordered by their priority.)
+           */
           NPNProtocols?: string[] | Buffer,
-          /** An array of strings or a Buffer naming possible ALPN protocols.
-           *  (Protocols should be ordered by their priority.) When the server
-           *  receives both NPN and ALPN extensions from the client, ALPN takes
-           *  precedence over NPN and the server does not send an NPN extension
-           *  to the client. */
+          /**
+           * An array of strings or a Buffer naming possible ALPN protocols.
+           * (Protocols should be ordered by their priority.) When the server
+           * receives both NPN and ALPN extensions from the client, ALPN takes
+           * precedence over NPN and the server does not send an NPN extension
+           * to the client.
+           */
           ALPNProtocols?: string[] | Buffer,
-          /** SNICallback(servername, cb) <Function> A function that will be
-           *  called if the client supports SNI TLS extension. Two arguments
-           *  will be passed when called: servername and cb. SNICallback should
-           *  invoke cb(null, ctx), where ctx is a SecureContext instance.
-           *  (tls.createSecureContext(...) can be used to get a proper
-           *  SecureContext.) If SNICallback wasn't provided the default callback
-           *  with high-level API will be used (see below). */
+          /**
+           * SNICallback(servername, cb) <Function> A function that will be
+           * called if the client supports SNI TLS extension. Two arguments
+           * will be passed when called: servername and cb. SNICallback should
+           * invoke cb(null, ctx), where ctx is a SecureContext instance.
+           * (tls.createSecureContext(...) can be used to get a proper
+           * SecureContext.) If SNICallback wasn't provided the default callback
+           * with high-level API will be used (see below).
+           */
           SNICallback?: Function,
-          /** An optional Buffer instance containing a TLS session. */
+          /**
+           * An optional Buffer instance containing a TLS session.
+           */
           session?: Buffer,
-          /** If true, specifies that the OCSP status request extension will be
-           *  added to the client hello and an 'OCSPResponse' event will be
-           *  emitted on the socket before establishing a secure communication */
+          /**
+           * If true, specifies that the OCSP status request extension will be
+           * added to the client hello and an 'OCSPResponse' event will be
+           * emitted on the socket before establishing a secure communication
+           */
           requestOCSP?: boolean
         });
         /**

From 4b40619a6cd1174a8f5ad371bef3cb7c6518662b Mon Sep 17 00:00:00 2001
From: Fred Eisele <fred.eisele@vanderbilt.edu>
Date: Fri, 14 Oct 2016 14:33:02 -0500
Subject: [PATCH 306/382] trying to trigger Travis CI

---
 n3/n3-tests.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/n3/n3-tests.ts b/n3/n3-tests.ts
index d506bb6f0a..a5b97fd891 100644
--- a/n3/n3-tests.ts
+++ b/n3/n3-tests.ts
@@ -27,6 +27,11 @@ function test_serialize() {
     });
 }
 
+/** 
+The following tests are taken from ...
+https://github.com/RubenVerborgh/N3.js/blob/master/README.md
+*/
+
 function test_doc_rdf_to_triples_1() {
     var parser = N3.Parser();
     parser.parse('@prefix c: <http://example.org/cartoons#>.\n' +

From 6af6b73bf39c5f6b9b2bdf38e6eebcc5ca0fc85e Mon Sep 17 00:00:00 2001
From: Fred Eisele <fred.eisele@vanderbilt.edu>
Date: Fri, 14 Oct 2016 14:36:28 -0500
Subject: [PATCH 307/382] typescript 2.0 features not yet available

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

diff --git a/n3/n3.d.ts b/n3/n3.d.ts
index 28debcb94b..8531a89258 100644
--- a/n3/n3.d.ts
+++ b/n3/n3.d.ts
@@ -94,7 +94,7 @@ declare module "n3" {
         }
 
         interface N3StoreWriter extends N3Writer {
-            find(subject: string, predicate: string | null, object: string | null): Triple[];
+            find(subject: string, predicate: string, object: string): Triple[];
         }
         function Store(): N3StoreWriter;
 

From aa1764792c127012009b847a0999a716f05427bb Mon Sep 17 00:00:00 2001
From: Fred Eisele <fred.eisele@vanderbilt.edu>
Date: Fri, 14 Oct 2016 14:39:27 -0500
Subject: [PATCH 308/382] typescript 2.0 features not yet available

---
 n3/n3-tests.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/n3/n3-tests.ts b/n3/n3-tests.ts
index a5b97fd891..0ca9c5385c 100644
--- a/n3/n3-tests.ts
+++ b/n3/n3-tests.ts
@@ -180,7 +180,7 @@ function test_doc_utility() {
     N3Util.isIRI('_:b1'); // false
     N3Util.isLiteral('_:b1'); // false
 
-    var prefixes = { rdfs: 'http://www.w3.org/2000/01/rdf-schema#' };
+    var prefixes: N3.Prefixes = { rdfs: 'http://www.w3.org/2000/01/rdf-schema#' };
     N3Util.isPrefixedName('rdfs:label'); // true;
     N3Util.expandPrefixedName('rdfs:label', prefixes); // http://www.w3.org/2000/01/rdf-schema#label
 }

From 0699fa87063f739e934ded681b62aa20a60f1ede Mon Sep 17 00:00:00 2001
From: Stef Heyenrath <Stef.Heyenrath@gmail.com>
Date: Sun, 16 Oct 2016 15:12:06 +0200
Subject: [PATCH 309/382] Fix older compatible functions on the aws-lambda
 context (#11924)

* Updated aws-lambda

Fixed issue #10956

* Bring back old functions for Node.js Runtime v0.10.42

Bring back old functions for Node.js Runtime v0.10.42

* Fix older compatible functions on the aws-lambda context definition

Fix older compatible functions on the aws-lambda context definition
---
 aws-lambda/aws-lambda-tests.ts | 24 +++++++++++++++++-------
 aws-lambda/aws-lambda.d.ts     |  4 +++-
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/aws-lambda/aws-lambda-tests.ts b/aws-lambda/aws-lambda-tests.ts
index f562b59d3d..3563000e4c 100644
--- a/aws-lambda/aws-lambda-tests.ts
+++ b/aws-lambda/aws-lambda-tests.ts
@@ -2,13 +2,13 @@
 
 import lambda = require('aws-lambda');
 
-var str: string;
-var date: Date;
-var anyObj: any;
-var num: number;
+var str: string = "any string";
+var date: Date = new Date();
+var anyObj: any = { abc: 123 };
+var num: number = 5;
 var identity: lambda.CognitoIdentity;
-var error: Error;
-var b: boolean;
+var error: Error = new Error();
+var b: boolean = true;
 var clientCtx: lambda.ClientContext;
 
 /* Context */
@@ -37,4 +37,14 @@ function callback(cb: lambda.Callback) {
     cb(null);
     cb(error);
     cb(null, anyObj);
-}
\ No newline at end of file
+}
+
+/* Compatibility functions */
+context.done();
+context.done(error);
+context.done(error, anyObj);
+context.succeed(str);
+context.succeed(anyObj);
+context.succeed(str, anyObj);
+context.fail(error);
+context.fail(str);
\ No newline at end of file
diff --git a/aws-lambda/aws-lambda.d.ts b/aws-lambda/aws-lambda.d.ts
index c9a66a3783..7b5d5ebbfa 100644
--- a/aws-lambda/aws-lambda.d.ts
+++ b/aws-lambda/aws-lambda.d.ts
@@ -23,7 +23,9 @@ declare module "aws-lambda" {
         getRemainingTimeInMillis(): number;
 
         // Functions for compatibility with earlier Node.js Runtime v0.10.42
-        log(message: string, object: any): void;
+        // For more details see http://docs.aws.amazon.com/lambda/latest/dg/nodejs-prog-model-using-old-runtime.html#nodejs-prog-model-oldruntime-context-methods
+        done(error?: Error, result?: any): void;
+        fail(error: Error): void;
         fail(message: string): void;
         succeed(message: string): void;
         succeed(object: any): void;

From 0659fbb051699f9b2eb385895aba8be26a6459be Mon Sep 17 00:00:00 2001
From: Max Loeb <shmax@shmax.com>
Date: Sun, 16 Oct 2016 06:13:05 -0700
Subject: [PATCH 310/382] add type property (#11669)

---
 jquery.fileupload/jquery.fileupload.d.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/jquery.fileupload/jquery.fileupload.d.ts b/jquery.fileupload/jquery.fileupload.d.ts
index 7e46241999..70894ba45e 100644
--- a/jquery.fileupload/jquery.fileupload.d.ts
+++ b/jquery.fileupload/jquery.fileupload.d.ts
@@ -105,6 +105,9 @@ interface JQueryFileInputOptions {
      */
     redirectParamName?: string;
 
+	// The HTTP request method must be "POST" or "PUT"
+	type?: string,
+
     /**
      * Set the following option to the location of a postMessage window,
      * to enable postMessage transport uploads:

From 272ae64e97dad92670300ba5a5b4de3c60caf88c Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Sun, 16 Oct 2016 21:15:54 +0800
Subject: [PATCH 311/382] [string-template] Add a new type definition (#11949)

* Create string-template.d.ts

* Create string-template-tests.ts
---
 string-template/string-template-tests.ts | 48 ++++++++++++++++++++++
 string-template/string-template.d.ts     | 52 ++++++++++++++++++++++++
 2 files changed, 100 insertions(+)
 create mode 100644 string-template/string-template-tests.ts
 create mode 100644 string-template/string-template.d.ts

diff --git a/string-template/string-template-tests.ts b/string-template/string-template-tests.ts
new file mode 100644
index 0000000000..2c9623c3f6
--- /dev/null
+++ b/string-template/string-template-tests.ts
@@ -0,0 +1,48 @@
+/// <reference path="string-template.d.ts"/>
+import * as format from "string-template";
+import * as compile from "string-template/compile";
+
+
+namespace format_tests {
+    let greeting: string;
+
+    // Format using an object hash with keys matching [0-9a-zA-Z]+ 
+    greeting = format("Hello {name}, you have {count} unread messages", { name: "Robert", count: 12 })
+    // greeting -> "Hello Robert, you have 12 unread messages" 
+
+    // Format using a number indexed array 
+    greeting = format("Hello {0}, you have {1} unread messages", ["Robert", 12])
+    // greeting -> "Hello Robert, you have 12 unread messages" 
+
+    // Format using optional arguments 
+    greeting = format("Hello {0}, you have {1} unread messages", "Robert", 12)
+    // greeting -> "Hello Robert, you have 12 unread messages" 
+
+    // Escape {} pairs by using double {{}} 
+    let text: string = format("{{0}}")
+    // text -> "{0}" 
+}
+
+
+namespace compile_tests {
+
+    {
+        let greetingTemplate = compile("Hello {0}, you have {1} unread messages", true)
+        // -> greetingTemplate generated using new Function 
+        let greeting = greetingTemplate("Robert", 12)
+        // -> "Hello Robert, you have 12 unread messages"
+    }
+
+    {
+        let greetingTemplate = compile("Hello {0}, you have {1} unread messages", true)
+        // -> greetingTemplate generated using new Function 
+
+        let greeting = greetingTemplate(["Robert", 12])
+        // -> "Hello Robert, you have 12 unread messages"
+    }
+
+    {
+        let template = compile("{likes} people have liked this")
+        let result = template({ likes: 123 })
+    }
+}
diff --git a/string-template/string-template.d.ts b/string-template/string-template.d.ts
new file mode 100644
index 0000000000..8e3a871675
--- /dev/null
+++ b/string-template/string-template.d.ts
@@ -0,0 +1,52 @@
+// Type definitions for string-template 1.0.0
+// Project: https://www.npmjs.com/package/string-template
+// Definitions by: TonyYang <https://github.com/TonyPythoneer>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+
+/**
+ * NAMESPACE
+ */
+declare namespace StringTemplate {
+
+    /**
+     * Format
+     */
+    interface Format {
+        // Format using an object hash with keys matching [0-9a-zA-Z]+ 
+        (string: string, object: any): string;
+        // Format using a number indexed array
+        (string: string, array: Array<any>): string;
+        // Format using optional arguments 
+        (string: string, ...array: Array<any>): string;
+        // Escape {} pairs by using double {{}} 
+        (string: string): string;
+    }
+
+    /**
+     * Compile
+     */
+    interface Compile {
+        (string: string, inline?: boolean): Template;
+    }
+
+    interface Template {
+        (object: any): string;
+        (array: Array<any>): string;
+        (...array: Array<any>): string;
+    }
+}
+
+
+/**
+ * MODULES
+ */
+declare module "string-template" {
+    const format: StringTemplate.Format;
+    export = format;
+}
+
+declare module "string-template/compile" {
+    const comile: StringTemplate.Compile;
+    export = comile;
+}

From b9ac2a9ffd431d1dab5dc2f6c701c542a03bb9ab Mon Sep 17 00:00:00 2001
From: Cyril Gandon <cyril.gandon@gmail.com>
Date: Sun, 16 Oct 2016 15:21:30 +0200
Subject: [PATCH 312/382] Add stackLabels property into HighchartsAxisOptions
 interface (#11513)

* Add stackLabels property into HighchartsAxisOptions interface

Documentation: http://api.highcharts.com/highcharts/yAxis.stackLabels

* Use HighchartsCSSObject type instead of Object for style property

* Rename HighchartsCSSObject to CSSObject following the merge
---
 highcharts/highcharts.d.ts | 133 +++++++++++++++++++++++++++++--------
 1 file changed, 104 insertions(+), 29 deletions(-)

diff --git a/highcharts/highcharts.d.ts b/highcharts/highcharts.d.ts
index 63684bec96..a3d0e94bea 100644
--- a/highcharts/highcharts.d.ts
+++ b/highcharts/highcharts.d.ts
@@ -112,7 +112,7 @@ declare namespace __Highcharts {
          * @since 2.2.5
          * @deprecated
          */
-        overflow?: string|boolean;
+        overflow?: string | boolean;
         /**
          * The pixel padding for axis labels, to ensure white space between them.
          * @default 5
@@ -274,7 +274,7 @@ declare namespace __Highcharts {
          * @default null
          * @since 2.3
          */
-        innerRadius?: number|string;
+        innerRadius?: number | string;
         /**
          * Text labels for the plot bands
          */
@@ -286,7 +286,7 @@ declare namespace __Highcharts {
          * @default '100%'
          * @since 2.3
          */
-        outerRadius?: number|string;
+        outerRadius?: number | string;
         /**
          * In a gauge chart, this option sets the width of the plot band stretching along the perimeter. It can be given as
          * a percentage string, like '10%', or as a pixel number, like 10. The default value 10 is the same as the default
@@ -295,7 +295,7 @@ declare namespace __Highcharts {
          * @default 10
          * @since 2.3
          */
-        thickness?: number|string;
+        thickness?: number | string;
         /**
          * The end position of the plot band in axis units.
          */
@@ -655,7 +655,7 @@ declare namespace __Highcharts {
          *
          * On axes using categories, minor ticks are not supported.
          */
-        minorTickInterval?: number|string;
+        minorTickInterval?: number | string;
         /**
          * The pixel length of the minor tick marks.
          * @default 2
@@ -717,6 +717,82 @@ declare namespace __Highcharts {
          * @default true
          */
         showLastLabel?: boolean;
+        /**
+        * Show the total value for each bar in a stacked column or bar chart.
+        * The label will be placed on top of positive columns and below negative columns.
+        * In case of an inverted column chart or a bar chart the label is placed to the right of positive bars and to the left of negative bars.
+        * Only used for yAxis
+        */
+        stackLabels?: {
+            /**
+             * Defines the horizontal alignment of the stack total label. Can be one of "left", "center" or "right".
+             * @default calculated at runtime and depends on orientation and whether the stack is positive or negative.
+             * @since 2.1.5
+             */
+            align?: string;
+            /**
+             * Enable or disable the stack total labels.
+             * @default false
+             * @since 2.1.5
+             */
+            enabled?: boolean;
+            /**
+             * A format string for the data label. Available variables are the same as for formatter.
+             * @default {total}
+             * @since 3.0.2
+             */
+            format?: string;
+            /**
+             * Callback JavaScript function to format the label. The value is given by this.total.
+             * @default function() { return this.total; }
+             * @since 2.1.5
+             */
+            formatter?: Function;
+            /**
+             * Rotation of the labels in degrees.
+             * @default 0
+             * @since 2.1.5
+             */
+            rotation?: number;
+            /**
+             * CSS styles for the label.
+             * @default { "color": "#000000", "fontSize": "11px", "fontWeight": "bold", "textShadow": "0 0 6px contrast, 00 3px contrast" }
+             * @since 2.1.5
+             */
+            style?: CSSObject;
+            /**
+             * The text alignment for the label.
+             * While align determines where the texts anchor point is placed with regards to the stack, textAlign determines how the text is aligned against its anchor point.
+             * Possible values are "left", "center" and "right".
+             * @default calculated at runtime and depends on orientation and whether the stack is positive or negative.
+             * @since 2.1.5
+             */
+            textAlign?: string;
+            /**
+             * Whether to use HTML to render the labels. 
+             * @default false
+             * @since 3.0
+             */
+            useHTML?: boolean;
+            /**
+             * Defines the vertical alignment of the stack total label. Can be one of "top", "middle" or "bottom".
+             * @default calculated at runtime and depends on orientation and whether the stack is positive or negative.
+             * @since 2.1.5
+             */
+            verticalAlign?: string;
+            /**
+             * The x position offset of the label relative to the left of the stacked bar.
+             * @default calculated at runtime and depends on orientation and whether the stack is positive or negative.
+             * @since 2.1.5
+             */
+            x?: number;
+            /**
+             * The y position offset of the label relative to the tick position on the axis.
+             * @default calculated at runtime and depends on orientation and whether the stack is positive or negative.
+             * @since 2.1.5
+             */
+            y?: number;
+        }
         /**
          * For datetime axes, this decides where to put the tick between weeks. 0 = Sunday, 1 = Monday.
          * @default 1
@@ -1189,7 +1265,7 @@ declare namespace __Highcharts {
          * The this keyword refers to the Chart object.
          * @since 1.2.0
          */
-        addSeries?: (event: AddSeriesEvent) => boolean|void;
+        addSeries?: (event: AddSeriesEvent) => boolean | void;
         /**
          * Fires after a chart is printed through the context menu item or the Chart.print method. Requires the exporting
          * module.
@@ -1787,7 +1863,7 @@ declare namespace __Highcharts {
          * switchRowsAndColumns is set, the columns are interpreted as series.
          * @since 4.0
          */
-        columns?: [string|number][];
+        columns?: [string | number][];
         /**
          * The callback that is evaluated when the data is finished loading, optionally from an external source, and parsed.
          * The first argument passed is a finished chart options object, containing the series. These options can be
@@ -1870,12 +1946,12 @@ declare namespace __Highcharts {
          * async.
          * @since 4.0
          */
-        parsed?: (columns: [string|number][]) => boolean | void;
+        parsed?: (columns: [string | number][]) => boolean | void;
         /**
          * The same as the columns input option, but defining rows intead of columns.
          * @since 4.0
          */
-        rows?: [string|number][];
+        rows?: [string | number][];
         /**
          * An array containing object with Point property names along with what column id the property should be taken from.
          * @since 4.0.4
@@ -2766,7 +2842,7 @@ declare namespace __Highcharts {
          * @default ['50%', '50%']
          * @since 2.3.0
          */
-        center?: [number|string, number|string];
+        center?: [number | string, number | string];
         /**
          * The end angle of the polar X axis or gauge value axis, given in degrees where 0 is north.
          * @default startAngle + 360
@@ -3006,7 +3082,7 @@ declare namespace __Highcharts {
          * The this keyword refers to the Series object.
          * @since 1.2.0
          */
-        checkboxClick?: (event: AreaCheckboxEvent) => boolean|void;
+        checkboxClick?: (event: AreaCheckboxEvent) => boolean | void;
         /**
          * Fires when the series is clicked. One parameter, event, is passed to the function. This contains common event
          * information based on jQuery or MooTools depending on which library is used as the base for Highcharts.
@@ -3030,7 +3106,7 @@ declare namespace __Highcharts {
          *
          * The this keyword refers to the Series object.
          */
-        legendItemClick?: (event: Event) => boolean|void;
+        legendItemClick?: (event: Event) => boolean | void;
         /**
          * Fires when the mouse leaves the graph. One parameter, event, is passed to the function. This contains common
          * event information based on jQuery or MooTools depending on which library is used as the base for Highcharts. If
@@ -3168,7 +3244,7 @@ declare namespace __Highcharts {
          * The this keyword refers to the Point object.
          * @since 1.2.0
          */
-        remove?: (event: Event) => boolean|void;
+        remove?: (event: Event) => boolean | void;
         /**
          * Fires when the point is selected either programmatically or following a click on the point. One parameter, event,
          * is passed to the function. Returning false cancels the operation.
@@ -3176,7 +3252,7 @@ declare namespace __Highcharts {
          * The this keyword refers to the Point object.
          * @since 1.2.0
          */
-        select?: (event: Event) => boolean|void;
+        select?: (event: Event) => boolean | void;
         /**
          * Fires when the point is unselected either programmatically or following a click on the point. One parameter,
          * event, is passed to the function. Returning false cancels the operation.
@@ -3184,7 +3260,7 @@ declare namespace __Highcharts {
          * The this keyword refers to the Point object.
          * @since 1.2.0
          */
-        unselect?: (event: Event) => boolean|void;
+        unselect?: (event: Event) => boolean | void;
         /**
          * Fires when the point is updated programmatically through the .update() method. One parameter, event, is passed to
          * the function. The new point options can be accessed through event.options. Returning false cancels the operation.
@@ -3192,7 +3268,7 @@ declare namespace __Highcharts {
          * The this keyword refers to the Point object.
          * @since 1.2.0
          */
-        update?: (event: Event) => boolean|void;
+        update?: (event: Event) => boolean | void;
         /**
          * Fires when the legend item belonging to the pie point (slice) is clicked.
          * The this keyword refers to the point itself. One parameter, event, is passed to the function.
@@ -4289,7 +4365,7 @@ declare namespace __Highcharts {
          * @default ['50%', '50%']
          * @since 3.0
          */
-        center?: [string|number, string|number];
+        center?: [string | number, string | number];
         /**
          * A series specific or series type specific color set to use instead of the global colors.
          * @since 3.0
@@ -4469,7 +4545,7 @@ declare namespace __Highcharts {
          * @default false
          * @since 1.2.5
          */
-        step?: boolean|string;
+        step?: boolean | string;
     }
 
     /**
@@ -4495,7 +4571,7 @@ declare namespace __Highcharts {
          * center should be explicitly set, for example to ['50%', '50%'].
          * @default [null, null]
          */
-        center?: [string|number, string|number];
+        center?: [string | number, string | number];
         /**
          * A series specific or series type specific color set to use instead of the global colors.
          * @since 3.0
@@ -4599,7 +4675,7 @@ declare namespace __Highcharts {
          * @default ['50%', '50%']
          * @since 3.0
          */
-        center?: [string|number, string|number];
+        center?: [string | number, string | number];
         /**
          * A series specific or series type specific color set to use instead of the global colors.
          * @since 3.0
@@ -4996,7 +5072,7 @@ declare namespace __Highcharts {
          * The inner radius of an individual point in a solid gauge. Can be given as a number (pixels) or percentage string.
          * @since 4.1.6
          */
-        innerRadius?: number|string;
+        innerRadius?: number | string;
         /**
          * When this property is true, the points acts as a summary column for the values added or substracted since the
          * last intermediate sum, or since the start of the series. The y value is ignored.
@@ -5047,7 +5123,7 @@ declare namespace __Highcharts {
          * The outer radius of an individual point in a solid gauge. Can be given as a number (pixels) or percentage string.
          * @since 4.1.6
          */
-        radius?: number|string;
+        radius?: number | string;
         /**
          * Whether the data point is selected initially.
          * @default false
@@ -5535,8 +5611,7 @@ declare namespace __Highcharts {
         lang?: LangObject;
     }
 
-    interface DateFormatSpecifiers
-    {
+    interface DateFormatSpecifiers {
         [index: string]: (timestamp: number) => string;
     }
 
@@ -6031,7 +6106,7 @@ declare namespace __Highcharts {
          * @param  {(string|number)[]} path An SVG path split up in array form.
          * @return {ElementObject}
          */
-        path(path: [string|number]): ElementObject;
+        path(path: [string | number]): ElementObject;
         /**
          * Add a rectangle.
          * @param  {number} x The x position of the rectangle's upper left corner.
@@ -6150,7 +6225,7 @@ declare namespace __Highcharts {
          * @param [boolean|Animation] animation Defaults to true. When true, the graph's updating will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
          * @since 1.2.0
          */
-        remove(redraw?: boolean, animation?: boolean|Animation): void;
+        remove(redraw?: boolean, animation?: boolean | Animation): void;
         /**
          * Select or unselect the point.
          * @param [boolean] select When true, the point is selected. When false, the point is unselected. When null or undefined, the selection state is toggled.
@@ -6176,7 +6251,7 @@ declare namespace __Highcharts {
          * @param [boolean|Animation] animation Defaults to true. When true, the move will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
          * @since 1.2.0
          */
-        slice(sliced?: boolean, redraw?: boolean, animation?: boolean|Animation): void;
+        slice(sliced?: boolean, redraw?: boolean, animation?: boolean | Animation): void;
         /**
          * The total of a stack for stacked series, or pie in pie charts.
          */
@@ -6225,7 +6300,7 @@ declare namespace __Highcharts {
          * @param [(boolean|Animation)=false] animation - When shift is true, one point is shifted off the start of the series as one is appended to the end. Use this option for live charts monitoring a value over time.
          * @since 1.2.0
          */
-        addPoint(options: number |[number, number]| DataPoint, redraw?: boolean, shift?: boolean, animation?: boolean | Animation): void;
+        addPoint(options: number | [number, number] | DataPoint, redraw?: boolean, shift?: boolean, animation?: boolean | Animation): void;
         /**
          * Read only. The chart that the series belongs to.
          * @since 1.2.0
@@ -6266,7 +6341,7 @@ declare namespace __Highcharts {
          * @param [boolean|Animation=true] animation - When true, the graph will be animated with default animation options. The animation can also be a configuration object with properties duration and easing.
          * @since 4.1.0
          */
-        removePoint(index: number, redraw?: boolean, animation?: boolean|Animation): void;
+        removePoint(index: number, redraw?: boolean, animation?: boolean | Animation): void;
         /**
          * Select or unselect the series. This means its selected property is set,the checkbox in the legend is toggled and
          * when selected, the series is returned in the chart.getSelectedSeries() method.

From d7da3c0213ccf8b63481309c9ccdc7bcf6ddd207 Mon Sep 17 00:00:00 2001
From: Stepan Riha <github@nonplus.net>
Date: Sun, 16 Oct 2016 08:39:26 -0500
Subject: [PATCH 313/382] add angularjs $q.when() overloads (#11961)

---
 angularjs/angular-tests.ts | 22 ++++++++++++++++++++++
 angularjs/angular.d.ts     |  1 +
 2 files changed, 23 insertions(+)

diff --git a/angularjs/angular-tests.ts b/angularjs/angular-tests.ts
index 4c03e7c219..6b5e5580a7 100644
--- a/angularjs/angular-tests.ts
+++ b/angularjs/angular-tests.ts
@@ -279,8 +279,14 @@ namespace TestQ {
         b: string;
         c: boolean;
     }
+    interface TValue {
+        e: number;
+        f: boolean;
+    }
     var tResult: TResult;
     var promiseTResult: angular.IPromise<TResult>;
+    var tValue: TValue;
+    var promiseTValue: angular.IPromise<TValue>;
 
     var $q: angular.IQService;
     var promiseAny: angular.IPromise<any>;
@@ -349,6 +355,22 @@ namespace TestQ {
         let result: angular.IPromise<TResult>;
         result = $q.when<TResult>(tResult);
         result = $q.when<TResult>(promiseTResult);
+
+        result = $q.when<TResult, TValue>(tValue, (result: TValue) => tResult);
+        result = $q.when<TResult, TValue>(tValue, (result: TValue) => tResult, (any) => any);
+        result = $q.when<TResult, TValue>(tValue, (result: TValue) => tResult, (any) => any, (any) => any);
+
+        result = $q.when<TResult, TValue>(promiseTValue, (result: TValue) => tResult);
+        result = $q.when<TResult, TValue>(promiseTValue, (result: TValue) => tResult, (any) => any);
+        result = $q.when<TResult, TValue>(promiseTValue, (result: TValue) => tResult, (any) => any, (any) => any);
+
+        result = $q.when<TResult, TValue>(tValue, (result: TValue) => promiseTResult);
+        result = $q.when<TResult, TValue>(tValue, (result: TValue) => promiseTResult, (any) => any);
+        result = $q.when<TResult, TValue>(tValue, (result: TValue) => promiseTResult, (any) => any, (any) => any);
+
+        result = $q.when<TResult, TValue>(promiseTValue, (result: TValue) => promiseTResult);
+        result = $q.when<TResult, TValue>(promiseTValue, (result: TValue) => promiseTResult, (any) => any);
+        result = $q.when<TResult, TValue>(promiseTValue, (result: TValue) => promiseTResult, (any) => any, (any) => any);
     }
 }
 
diff --git a/angularjs/angular.d.ts b/angularjs/angular.d.ts
index e879668039..0e3e1b214e 100644
--- a/angularjs/angular.d.ts
+++ b/angularjs/angular.d.ts
@@ -1041,6 +1041,7 @@ declare namespace angular {
          * @param value Value or a promise
          */
         when<T>(value: IPromise<T>|T): IPromise<T>;
+        when<TResult, T>(value: IPromise<T>|T, successCallback: (promiseValue: T) => IPromise<TResult>|TResult, errorCallback?: (reason: any) => any, notifyCallback?: (state: any) => any): IPromise<TResult>;
         /**
          * Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise. This is useful when you are dealing with an object that might or might not be a promise, or if the promise comes from a source that can't be trusted.
          */

From 3d0687155bb7c9b19103be7bf2f5a0a9bdffea5f Mon Sep 17 00:00:00 2001
From: lkchen <knight0clk@hotmail.com>
Date: Sun, 16 Oct 2016 10:12:54 -0400
Subject: [PATCH 314/382] add typings for d3-slider (#11861)

* add d3-slider

[d3-slider](https://github.com/MasterMaps/d3-slider)

* rename d3-slider to d3.slider
---
 d3.slider/d3.slider-tests.ts | 24 ++++++++++++++++++++++++
 d3.slider/d3.slider.d.ts     | 35 +++++++++++++++++++++++++++++++++++
 2 files changed, 59 insertions(+)
 create mode 100644 d3.slider/d3.slider-tests.ts
 create mode 100644 d3.slider/d3.slider.d.ts

diff --git a/d3.slider/d3.slider-tests.ts b/d3.slider/d3.slider-tests.ts
new file mode 100644
index 0000000000..e0e0473059
--- /dev/null
+++ b/d3.slider/d3.slider-tests.ts
@@ -0,0 +1,24 @@
+/// <reference path="../d3/d3.d.ts" />
+/// <reference path="d3.slider.d.ts" />
+
+d3.select('#slider1').call(d3.slider());
+d3.select('#slider2').call(d3.slider().value( [ 10, 25 ] ));
+d3.select('#slider3').call(d3.slider().axis(true).value( [ 10, 25 ] )
+    .on("slide", function(evt, value) {
+        d3.select('#slider3textmin').text(value[ 0 ]);
+        d3.select('#slider3textmax').text(value[ 1 ]);
+    }));
+d3.select('#slider4').call(d3.slider().on("slide", function(evt, value) {
+      d3.select('#slider4text').text(value);
+    }));
+d3.select('#slider5').call(d3.slider().axis(true));
+var axis = d3.svg.axis().orient("top").ticks(4);
+d3.select('#slider6').call(d3.slider().axis(axis));
+d3.select('#slider7').call(d3.slider().axis(true).min(2000).max(2100).step(5));
+d3.select('#slider8').call(d3.slider().value(50).orientation("vertical"));
+d3.select('#slider9').call(d3.slider().value( [10, 30] ).orientation("vertical"));
+d3.select('#slider10').call(d3.slider().scale(d3.time.scale().domain([new Date(1984,1,1), new Date(2014,1,1)])).axis(d3.svg.axis()));
+d3.select('#slider11').call(d3.slider().scale(d3.time.scale().domain([new Date(1984,1,1), new Date(2014,1,1)])).axis(d3.svg.axis()).snap(true).value(new Date(2000,1,1)));
+let essai = d3.slider().scale(d3.scale.ordinal().domain(["Gecko", "Webkit", "Blink", "Trident"]).rangePoints([0, 1], 0.5)).axis(d3.svg.axis()).snap(true).value("Gecko");
+d3.select('#slider12').call(essai);
+
diff --git a/d3.slider/d3.slider.d.ts b/d3.slider/d3.slider.d.ts
new file mode 100644
index 0000000000..d459f4f04c
--- /dev/null
+++ b/d3.slider/d3.slider.d.ts
@@ -0,0 +1,35 @@
+// Type definitions for d3-slider
+// Project: https://github.com/MasterMaps/d3-slider
+// Definitions by: Linkun Chen <https://github.com/lk-chen>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../d3/d3.d.ts"/>
+
+declare namespace d3 {
+    export function slider(): Slider;
+
+    interface Slider {
+        (sel: d3.Selection<any>): void;
+        min(): number;
+        min(val: number): Slider;
+        max(): number;
+        max(val: number): Slider;
+        step(): number;
+        step(val: number): Slider;
+        animate(): boolean | number;
+        animate(val: boolean | number): Slider;
+        orientation(): string;
+        orientation(val: string): Slider;
+        axis(): boolean | d3.svg.Axis;
+        axis(val: boolean | d3.svg.Axis): Slider;
+        margin(): number;
+        margin(val: number): Slider;
+        value(): any;
+        value(val: any): Slider;
+        snap(): boolean;
+        snap(val: boolean): Slider;
+        scale(): any;
+        scale(val: any): Slider;
+        on(evt: ("slide" | "slideend"), callback: (evt: any, val: any) => void): Slider;
+    }
+}
\ No newline at end of file

From dc9941cbf86357132c71bba38a9564bf8f46c410 Mon Sep 17 00:00:00 2001
From: harikv <nus.harikv@gmail.com>
Date: Sun, 16 Oct 2016 19:50:29 +0530
Subject: [PATCH 315/382] Updated pull request for npm bases module (#12003)

* Added typings for npm bases module (https://www.npmjs.com/package/bases)

* Fixed import in test to pass ES6 compile flag
---
 bases/bases-tests.ts | 10 ++++++++++
 bases/bases.d.ts     | 22 ++++++++++++++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 bases/bases-tests.ts
 create mode 100644 bases/bases.d.ts

diff --git a/bases/bases-tests.ts b/bases/bases-tests.ts
new file mode 100644
index 0000000000..5414b18764
--- /dev/null
+++ b/bases/bases-tests.ts
@@ -0,0 +1,10 @@
+/// <reference path="./bases.d.ts" />
+import * as bases from 'bases';
+ 
+let bs16String: string = bases.toBase(200, 16);                // => 'c8' 
+let bs62String: string = bases.toBase(99999, 62);              // => 'q0T' 
+let customBaseString: string = bases.toAlphabet(300, 'aAbBcC');    // => 'Abba' 
+ 
+let frombs16Int: number =  bases.fromBase('c8', 16);               // => 200 
+let frombs62Int: number = bases.fromBase('q0T', 62);              // => 99999 
+let customBaseInt: number = bases.fromAlphabet('Abba', 'aAbBcC'); // => 300 
diff --git a/bases/bases.d.ts b/bases/bases.d.ts
new file mode 100644
index 0000000000..2e62cf685a
--- /dev/null
+++ b/bases/bases.d.ts
@@ -0,0 +1,22 @@
+// Type definitions for bases 0.2.1
+// Project: https://github.com/aseemk/bases.js
+// Definitions by: Hari Krishna <https://github.com/harikv>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "bases" {
+    export function toAlphabet(num: number, alphabet: string): string;
+
+    export function fromAlphabet(str: string, alphabet: string): number;
+
+    export function toBase(num: number, base: number): string;
+
+    export function fromBase(str: string, base:number): number;
+
+    export let KNOWN_ALPHABETS: any;
+
+    export let NUMERALS: string;
+
+    export let LETTERS_LOWERCASE: string;
+
+    export let LETTERS_UPPERCASE: string;
+}

From c180768334dcbd3d3ad959194cb219fd19d58dc0 Mon Sep 17 00:00:00 2001
From: Stefan Dobrev <stefan.dobrev@gmail.com>
Date: Sun, 16 Oct 2016 17:24:15 +0300
Subject: [PATCH 316/382] [material-ui] Add target property to buttons (#11705)

Button's target is passed to the underlying EnhancedButton properties: https://github.com/callemall/material-ui/blob/master/src/internal/EnhancedButton.js#L330

Bonus: Refactor the `href` property to be available in the base class.
---
 material-ui/material-ui.d.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/material-ui/material-ui.d.ts b/material-ui/material-ui.d.ts
index 2318f9d913..ef89881e4f 100644
--- a/material-ui/material-ui.d.ts
+++ b/material-ui/material-ui.d.ts
@@ -634,6 +634,7 @@ declare namespace __MaterialUI {
         disableTouchRipple?: boolean;
         focusRippleColor?: string;
         focusRippleOpacity?: number;
+        href?: string;
         keyboardFocused?: boolean;
         linkButton?: boolean;
         onBlur?: React.FocusEventHandler;
@@ -645,6 +646,7 @@ declare namespace __MaterialUI {
         onClick?: React.MouseEventHandler;
         style?: React.CSSProperties;
         tabIndex?: number;
+        target?: string;
         touchRippleColor?: string;
         touchRippleOpacity?: number;
         type?: string;
@@ -664,7 +666,6 @@ declare namespace __MaterialUI {
         backgroundColor?: string;
         disabled?: boolean;
         hoverColor?: string;
-        href?: string;
         icon?: React.ReactNode;
         label?: React.ReactNode;
         labelPosition?: "before" | "after";
@@ -690,7 +691,6 @@ declare namespace __MaterialUI {
         disabledBackgroundColor?: string;
         disabledLabelColor?: string;
         fullWidth?: boolean;
-        href?: string;
         icon?: React.ReactNode;
         label?: React.ReactNode;
         labelColor?: string;
@@ -717,7 +717,6 @@ declare namespace __MaterialUI {
         className?: string;
         disabled?: boolean;
         disabledColor?: string;
-        href?: string;
         iconClassName?: string;
         iconStyle?: React.CSSProperties;
         linkButton?: boolean;

From dfc68343e5c789d84231a8e5e077da5dd4099e51 Mon Sep 17 00:00:00 2001
From: Chui Tey <teyc@cognoware.com>
Date: Mon, 17 Oct 2016 00:26:04 +1000
Subject: [PATCH 317/382] Added typings for uritemplate (#12006)

---
 uritemplate/uritemplate-tests.ts | 31 ++++++++++++++++++
 uritemplate/uritemplate.d.ts     | 56 ++++++++++++++++++++++++++++++++
 2 files changed, 87 insertions(+)
 create mode 100644 uritemplate/uritemplate-tests.ts
 create mode 100644 uritemplate/uritemplate.d.ts

diff --git a/uritemplate/uritemplate-tests.ts b/uritemplate/uritemplate-tests.ts
new file mode 100644
index 0000000000..cd6e9737bd
--- /dev/null
+++ b/uritemplate/uritemplate-tests.ts
@@ -0,0 +1,31 @@
+/// <reference path="uritemplate.d.ts" />
+
+import { UriTemplate } from 'uritemplate';
+
+function test_uritemplate() {
+
+    // syntax check: UriTemplate.parse
+    var template = UriTemplate.parse('http://localhost/categories{/categoryId}{?sort,pageNumber}');
+
+    // syntax check: template.expand
+    var url = template.expand({
+        categoryId : 'shoes',
+        sort: 'price',
+        pageNumber: 8
+    });
+
+    // import module check 
+    var expectedUrl = 'http://localhost/categories/shoes?sort=price&pageNumber=8';
+    if (expectedUrl != url) {
+        throw `Expected ${expectedUrl}, got ${url}`;
+    } else {
+        console.log('Test passed');
+    }
+
+    // syntax check: new UriTemplate.UriTemplateError
+    let error = new UriTemplate.UriTemplateError({
+        expressionText: 'error expression',
+        message: 'error message',
+        position: 5
+    });
+}
diff --git a/uritemplate/uritemplate.d.ts b/uritemplate/uritemplate.d.ts
new file mode 100644
index 0000000000..f9c128c766
--- /dev/null
+++ b/uritemplate/uritemplate.d.ts
@@ -0,0 +1,56 @@
+// Type definitions for URI Template JS 0.3.4
+// Project: https://github.com/fxa/uritemplate-js
+// Definitions by: Chui Tey <https://github.com/teyc/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/*
+ UriTemplate Copyright (c) 2012-2013 Franz Antesberger. All Rights Reserved.
+ Available via the MIT license.
+*/
+
+declare namespace uritemplate {
+
+    interface UriTemplate {
+        
+        /**
+         * Expands template into a string using parameter
+         * supplied
+         */
+        expand(data: {}): string;
+    }
+
+    interface UriTemplateErrorOptions {
+        expressionText: string
+        message: string
+        position: number
+    }
+
+    interface UriTemplateError {
+        new (options: UriTemplateErrorOptions): UriTemplateError
+    }
+
+
+    interface UriTemplateStatic {
+
+        /**
+         * parse template text returning instance of UriTemplate
+         * @param template text
+         * @return instance of UriTemplate
+         * @example
+         *   import UriTemplate = require('uritemplate');
+         *   let template = UriTemplate.parse('http://localhost/query{?name,city}');
+         *   let result   = template.expand({name: 'Jayden', city: 'Wodonga'});
+         *   // returns http://localhost/query?name=Jayden&city=Wodonga
+         */
+        parse(templateText: string): uritemplate.UriTemplate;
+
+        UriTemplateError: new (options: uritemplate.UriTemplateErrorOptions) => uritemplate.UriTemplateError;
+    }
+
+}
+
+declare module 'uritemplate' {
+
+    export var UriTemplate: uritemplate.UriTemplateStatic;
+
+}

From 34e2854b9ec765756d7ab2175fa038f9c3a6d6bc Mon Sep 17 00:00:00 2001
From: Thodoris Greasidis <thgreasi@gmail.com>
Date: Sun, 16 Oct 2016 17:26:22 +0300
Subject: [PATCH 318/382] Improve local forage (#11756)

* feat(LocalForage): add missing tests

* feat(LocalForage): refactor & extend the Driver type

* fix(LocalForage): change Driver's _support
---
 localForage/localForage-tests.ts | 24 +++++++++-
 localForage/localForage.d.ts     | 81 +++++++++++++++-----------------
 2 files changed, 62 insertions(+), 43 deletions(-)

diff --git a/localForage/localForage-tests.ts b/localForage/localForage-tests.ts
index 4a885f18fc..e3e3343095 100644
--- a/localForage/localForage-tests.ts
+++ b/localForage/localForage-tests.ts
@@ -18,6 +18,10 @@ namespace LocalForageTest {
         let newNumber: number = num;
     });
 
+    localForage.length().then((num: number) => {
+        var newNumber: number = num;
+    });
+
     localForage.key(0, (err: any, value: string) => {
         let newError: any = err;
         let newValue: string = value;
@@ -28,6 +32,10 @@ namespace LocalForageTest {
         let newArray: Array<string> = keys;
     });
 
+    localForage.keys().then((keys: Array<string>) => {
+        var newArray: Array<string> = keys;
+    });
+
     localForage.getItem("key",(err: any, str: string) => {
         let newError: any = err;
         let newStr: string = str
@@ -53,6 +61,20 @@ namespace LocalForageTest {
     localForage.removeItem("key").then(() => {
     });
 
+    localForage.getDriver("CustomDriver").then((result: LocalForageDriver) => {
+        var driver: LocalForageDriver = result;
+        // we need to use a variable for proper type guards before TS 2.0
+        var _support = driver._support;
+        if (typeof _support === "function") {
+            // _support = _support.bind(driver);
+            _support().then((result: boolean) => {
+                let doesSupport: boolean = result;
+            });
+        } else if (typeof _support === "boolean") {
+            let doesSupport: boolean = _support;
+        }
+    });
+
     {
         let config: boolean;
 
@@ -83,4 +105,4 @@ namespace LocalForageTest {
             testSerializer = serializer;
         });
     }
-}
+}
\ No newline at end of file
diff --git a/localForage/localForage.d.ts b/localForage/localForage.d.ts
index ca5c5e2eda..e5d42d6d12 100644
--- a/localForage/localForage.d.ts
+++ b/localForage/localForage.d.ts
@@ -17,26 +17,43 @@ interface LocalForageOptions {
     description?: string;
 }
 
-interface LocalForageDriver {
+interface LocalForageDbMethods {
+    getItem<T>(key: string): Promise<T>;
+    getItem<T>(key: string, callback: (err: any, value: T) => void): void;
+
+    setItem<T>(key: string, value: T): Promise<T>;
+    setItem<T>(key: string, value: T, callback: (err: any, value: T) => void): void;
+
+    removeItem(key: string): Promise<void>;
+    removeItem(key: string, callback: (err: any) => void): void;
+
+    clear(): Promise<void>;
+    clear(callback: (err: any) => void): void;
+
+    length(): Promise<number>;
+    length(callback: (err: any, numberOfKeys: number) => void): void;
+
+    key(keyIndex: number): Promise<string>;
+    key(keyIndex: number, callback: (err: any, key: string) => void): void;
+
+    keys(): Promise<string[]>;
+    keys(callback: (err: any, keys: string[]) => void): void;
+
+    iterate(iteratee: (value: any, key: string, iterationNumber: number) => any): Promise<any>;
+    iterate(iteratee: (value: any, key: string, iterationNumber: number) => any,
+            callback: (err: any, result: any) => void): void;
+}
+
+interface LocalForageDriverSupportFunc {
+    (): Promise<boolean>;
+}
+
+interface LocalForageDriver extends LocalForageDbMethods {
     _driver: string;
 
     _initStorage(options: LocalForageOptions): void;
 
-    _support: boolean | Promise<boolean>;
-
-    clear(callback: (err: any) => void): void;
-
-    getItem(key: string, callback: (err: any, value: any) => void): void;
-
-    key(keyIndex: number, callback: (err: any, key: string) => void): void;
-
-    keys(callback: (err: any, keys: string[]) => void): void;
-
-    length(callback: (err: any, numberOfKeys: number) => void): void;
-
-    removeItem(key: string, callback: (err: any) => void): void;
-
-    setItem(key: string, value: any, callback: (err: any, value: any) => void): void;
+    _support: boolean | LocalForageDriverSupportFunc;
 }
 
 interface LocalForageSerializer {
@@ -49,7 +66,7 @@ interface LocalForageSerializer {
     bufferToString(buffer: ArrayBuffer): string;
 }
 
-interface LocalForage {
+interface LocalForage extends LocalForageDbMethods {
     LOCALSTORAGE: string;
     WEBSQL: string;
     INDEXEDDB: string;
@@ -77,36 +94,16 @@ interface LocalForage {
     setDriver(driver: string | string[], callback: () => void, errorCallback: (error: any) => void): void;
     defineDriver(driver: LocalForageDriver): Promise<void>;
     defineDriver(driver: LocalForageDriver, callback: () => void, errorCallback: (error: any) => void): void;
+    /**
+    * Return a particular driver
+    * @param {string} driver
+    */
+    getDriver(driver: string): Promise<LocalForageDriver>;
 
     getSerializer(): Promise<LocalForageSerializer>;
     getSerializer(callback: (serializer: LocalForageSerializer) => void): void;
 
     supports(driverName: string): boolean;
-
-    getItem<T>(key: string): Promise<T>;
-    getItem<T>(key: string, callback: (err: any, value: T) => void): void;
-
-    setItem<T>(key: string, value: T): Promise<T>;
-    setItem<T>(key: string, value: T, callback: (err: any, value: T) => void): void;
-
-    removeItem(key: string): Promise<void>;
-    removeItem(key: string, callback: (err: any) => void): void;
-
-    clear(): Promise<void>;
-    clear(callback: (err: any) => void): void;
-
-    length(): Promise<number>;
-    length(callback: (err: any, numberOfKeys: number) => void): void;
-
-    key(keyIndex: number): Promise<string>;
-    key(keyIndex: number, callback: (err: any, key: string) => void): void;
-
-    keys(): Promise<string[]>;
-    keys(callback: (err: any, keys: string[]) => void): void;
-
-    iterate(iteratee: (value: any, key: string, iterationNumber: number) => any): Promise<any>;
-    iterate(iteratee: (value: any, key: string, iterationNumber: number) => any,
-            callback: (err: any, result: any) => void): void;
 }
 
 declare module "localforage" {

From e6215d4444ef44a38cd760817e955ce19b522032 Mon Sep 17 00:00:00 2001
From: Ryan Price <ryanmichaelprice@gmail.com>
Date: Sun, 16 Oct 2016 10:26:54 -0400
Subject: [PATCH 319/382] Define string key for AxiosXHRConfigBase.headers
 (#11976)

When setting headers, tsc complains that "Index signature of object type implicitly has an 'any' type."
E.g. ajaxSettings.headers["Authorization"] = "secret";
---
 axios/axios-tests.ts | 4 ++++
 axios/axios.d.ts     | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/axios/axios-tests.ts b/axios/axios-tests.ts
index 50e2388624..f3d5930a2f 100644
--- a/axios/axios-tests.ts
+++ b/axios/axios-tests.ts
@@ -69,6 +69,10 @@ axios.post("http://example.com/", {
     ]
 });
 
+var config: Axios.AxiosXHRConfigBase<any> = {headers: {}};
+config.headers['X-Custom-Header'] = 'baz';
+axios.post("http://example.com/", config);
+
 var getRepoIssue = axios.get<Issue>("https://api.github.com/repos/mzabriskie/axios/issues/1");
 
 var axiosInstance = axios.create({
diff --git a/axios/axios.d.ts b/axios/axios.d.ts
index 9c4705d093..a2c5bfbd45 100644
--- a/axios/axios.d.ts
+++ b/axios/axios.d.ts
@@ -39,7 +39,7 @@ declare namespace Axios {
         /**
          * custom headers to be sent
          */
-        headers?: Object;
+        headers?: {[key: string]: any};
 
         /**
          * URL parameters to be sent with the request

From fd9811c7608c7e2559b21be99b184a98997df7f2 Mon Sep 17 00:00:00 2001
From: Niels Kristian Hansen Skovmand <niels@physicalcode.com>
Date: Sun, 16 Oct 2016 16:27:36 +0200
Subject: [PATCH 320/382] Spotify api update (#12009)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Add audio features response

* Change var to const in test-file, correct a duplicate name

* Moved PagingObjects into the alphabetical list

* Add Recommendations based on seeds

* Add Get a User’s Top Artists and Tracks

* Add constants as object types

* Add version information

* Attempt to fix header
---
 spotify-api/spotify-api-tests.ts | 493 ++++++++++++++++++++++++++++---
 spotify-api/spotify-api.d.ts     | 163 +++++++---
 2 files changed, 564 insertions(+), 92 deletions(-)

diff --git a/spotify-api/spotify-api-tests.ts b/spotify-api/spotify-api-tests.ts
index db90150162..d9864b2d9a 100644
--- a/spotify-api/spotify-api-tests.ts
+++ b/spotify-api/spotify-api-tests.ts
@@ -2,6 +2,8 @@
  * This test file contains the sample output from The Spotify Web Api obtained from [The Web API Console](https://developer.spotify.com/web-api/console/)
  * The standard suggested values for input were used.
  * 
+ * Updated for the March 29th, 2016 changes to the Spotify Web Api.
+ * 
  * Combined with the typings it should compile without errors.
  * 
  * The order of tests is the same as on [The Spotify Web Api](https://developer.spotify.com/web-api/endpoint-reference/)
@@ -16,7 +18,7 @@
 /**
  * Tests the response of https://developer.spotify.com/web-api/get-album/
  */
-var getSingleAlbum : SpotifyApi.SingleAlbumResponse = {
+const getSingleAlbum : SpotifyApi.SingleAlbumResponse = {
   "album_type" : "album",
   "artists" : [ {
     "external_urls" : {
@@ -403,7 +405,7 @@ var getSingleAlbum : SpotifyApi.SingleAlbumResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-several-albums/
  */
-var getMultipleAlbumsResponse : SpotifyApi.MultipleAlbumsResponse = {
+const getMultipleAlbumsResponse : SpotifyApi.MultipleAlbumsResponse = {
   "albums" : [ {
     "album_type" : "album",
     "artists" : [ {
@@ -2236,7 +2238,7 @@ var getMultipleAlbumsResponse : SpotifyApi.MultipleAlbumsResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-albums-tracks/
  */
-var getAlbumTracks : SpotifyApi.AlbumTracksResponse = {
+const getAlbumTracks : SpotifyApi.AlbumTracksResponse = {
   "href" : "https://api.spotify.com/v1/albums/6akEvsycLGftJxYudPjmqK/tracks?offset=0&limit=2",
   "items" : [ {
     "artists" : [ {
@@ -2302,7 +2304,7 @@ var getAlbumTracks : SpotifyApi.AlbumTracksResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-artist/
  */
-var getAnArtist : SpotifyApi.SingleArtistResponse = {
+const getAnArtist : SpotifyApi.SingleArtistResponse = {
   "external_urls" : {
     "spotify" : "https://open.spotify.com/artist/0OdUWJ0sBjDrqHygGUXeCF"
   },
@@ -2341,7 +2343,7 @@ var getAnArtist : SpotifyApi.SingleArtistResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-several-artists/
  */
-var getSeveralArtists : SpotifyApi.MultipleArtistsResponse = {
+const getSeveralArtists : SpotifyApi.MultipleArtistsResponse = {
   "artists" : [ {
     "external_urls" : {
       "spotify" : "https://open.spotify.com/artist/0oSGxfWSnnOXhD2fKuz2Gy"
@@ -2415,7 +2417,7 @@ var getSeveralArtists : SpotifyApi.MultipleArtistsResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-artists-albums/
  */
-var getArtistsAlbums : SpotifyApi.ArtistsAlbumsResponse = {
+const getArtistsAlbums : SpotifyApi.ArtistsAlbumsResponse = {
   "href" : "https://api.spotify.com/v1/artists/1vCWHaC5f2uS3yhpwWbIA6/albums?offset=0&limit=2&album_type=single",
   "items" : [ {
     "album_type" : "single",
@@ -2475,7 +2477,7 @@ var getArtistsAlbums : SpotifyApi.ArtistsAlbumsResponse = {
 
 
 
-var getArtistsTopTracks : SpotifyApi.ArtistsTopTracksResponse = {
+const getArtistsTopTracks : SpotifyApi.ArtistsTopTracksResponse = {
   "tracks" : [ {
     "album" : {
       "album_type" : "album",
@@ -3040,7 +3042,7 @@ var getArtistsTopTracks : SpotifyApi.ArtistsTopTracksResponse = {
 
 
 
-var getArtistRelatedArtists : SpotifyApi.ArtistsRelatedArtistsResponse = {
+const getArtistRelatedArtists : SpotifyApi.ArtistsRelatedArtistsResponse = {
   "artists" : [ {
     "external_urls" : {
       "spotify" : "https://open.spotify.com/artist/0JDkhL4rjiPNEp92jAgJnS"
@@ -3683,10 +3685,106 @@ var getArtistRelatedArtists : SpotifyApi.ArtistsRelatedArtistsResponse = {
 
 
 
+
+/**
+ * Tests https://developer.spotify.com/get-audio-features/
+ */
+const singleAudioFeaturesResponse : SpotifyApi.AudioFeaturesResponse = { 
+  "danceability": 0.281,
+  "energy": 0.402,
+  "key": 4,
+  "loudness": -17.921,
+  "mode": 1,
+  "speechiness": 0.0291,
+  "acousticness": 0.0734,
+  "instrumentalness": 0.83,
+  "liveness": 0.0593,
+  "valence": 0.0748,
+  "tempo": 115.7,
+  "type": "audio_features",
+  "id": "24JygzOLM0EmRQeGtFcIcG",
+  "uri": "spotify:track:24JygzOLM0EmRQeGtFcIcG",
+  "track_href": "https://api.spotify.com/v1/tracks/24JygzOLM0EmRQeGtFcIcG",
+  "analysis_url": "http://echonest-analysis.s3.amazonaws.com/TR/ehbkMg05Ck-FN7p3lV7vd8TUdBCvM6z5mgDiZRv6iSlw8P_b8GYBZ4PRAlOgTl3e5rS34_l3dZGDeYzH4=/3/full.json?AWSAccessKeyId=AKIAJRDFEY23UEVW42BQ&Expires=1458063189&Signature=bnTm0Hcb%2Bxo8ZCmuxm1mY0JY4Hs%3D",
+  "duration_ms": 497493,
+  "time_signature": 3 
+};
+
+
+
+
+
+/**
+ * Tests https://developer.spotify.com/web-api/get-several-audio-features/
+ */
+const severalAudioFeaturesResponse : SpotifyApi.MultipleAudioFeaturesResponse = { audio_features: 
+   [ { "danceability": 0.808,
+       "energy": 0.626,
+       "key": 7,
+       "loudness": -12.733,
+       "mode": 1,
+       "speechiness": 0.168,
+       "acousticness": 0.00187,
+       "instrumentalness": 0.159,
+       "liveness": 0.376,
+       "valence": 0.369,
+       "tempo": 123.99,
+       "type": "audio_features",
+       "id": "4JpKVNYnVcJ8tuMKjAj50A",
+       "uri": "spotify:track:4JpKVNYnVcJ8tuMKjAj50A",
+       "track_href": "https://api.spotify.com/v1/tracks/4JpKVNYnVcJ8tuMKjAj50A",
+       "analysis_url": "http://echonest-analysis.s3.amazonaws.com/TR/WhpYUARk1kNJ_qP0AdKGcDDFKOQTTgsOoINrqyPQjkUnbteuuBiyj_u94iFCSGzdxGiwqQ6d77f4QLL_8=/3/full.json?AWSAccessKeyId=AKIAJRDFEY23UEVW42BQ&Expires=1458063189&Signature=JRE8SDZStpNOdUsPN/PoS49FMtQ%3D",
+       "duration_ms": 535223,
+       "time_signature": 4 
+     },
+     { "danceability": 0.457,
+       "energy": 0.815,
+       "key": 1,
+       "loudness": -7.199,
+       "mode": 1,
+       "speechiness": 0.034,
+       "acousticness": 0.102,
+       "instrumentalness": 0.0319,
+       "liveness": 0.103,
+       "valence": 0.382,
+       "tempo": 96.083,
+       "type": "audio_features",
+       "id": "2NRANZE9UCmPAS5XVbXL40",
+       "uri": "spotify:track:2NRANZE9UCmPAS5XVbXL40",
+       "track_href": "https://api.spotify.com/v1/tracks/2NRANZE9UCmPAS5XVbXL40",
+       "analysis_url": "http://echonest-analysis.s3.amazonaws.com/TR/WhuQhwPDhmEg5TO4JjbJu0my-awIhk3eaXkRd1ofoJ7tXogPnMtbxkTyLOeHXu5Jke0FCIt52saKJyfPM=/3/full.json?AWSAccessKeyId=AKIAJRDFEY23UEVW42BQ&Expires=1458063189&Signature=qfclum7FwTaR/7aQbnBNO0daCsM%3D",
+       "duration_ms": 187800,
+       "time_signature": 4 
+     },
+     { "danceability": 0.281,
+       "energy": 0.402,
+       "key": 4,
+       "loudness": -17.921,
+       "mode": 1,
+       "speechiness": 0.0291,
+       "acousticness": 0.0734,
+       "instrumentalness": 0.83,
+       "liveness": 0.0593,
+       "valence": 0.0748,
+       "tempo": 115.7,
+       "type": "audio_features",
+       "id": "24JygzOLM0EmRQeGtFcIcG",
+       "uri": "spotify:track:24JygzOLM0EmRQeGtFcIcG",
+       "track_href": "https://api.spotify.com/v1/tracks/24JygzOLM0EmRQeGtFcIcG",
+       "analysis_url": "http://echonest-analysis.s3.amazonaws.com/TR/ehbkMg05Ck-FN7p3lV7vd8TUdBCvM6z5mgDiZRv6iSlw8P_b8GYBZ4PRAlOgTl3e5rS34_l3dZGDeYzH4=/3/full.json?AWSAccessKeyId=AKIAJRDFEY23UEVW42BQ&Expires=1458063189&Signature=bnTm0Hcb%2Bxo8ZCmuxm1mY0JY4Hs%3D",
+       "duration_ms": 497493,
+       "time_signature": 3 
+     } ] 
+};
+
+
+
+
+
 /**
  * Tests https://developer.spotify.com/web-api/get-list-featured-playlists/
  */
-var featuredPlaylists : SpotifyApi.ListOfFeaturedPlaylistsResponse = {
+const featuredPlaylists : SpotifyApi.ListOfFeaturedPlaylistsResponse = {
   "message" : "Enjoy a mellow afternoon.",
   "playlists" : {
     "href" : "https://api.spotify.com/v1/browse/featured-playlists?country=SE&timestamp=2015-12-25T15:10:15&offset=0&limit=2",
@@ -3765,7 +3863,7 @@ var featuredPlaylists : SpotifyApi.ListOfFeaturedPlaylistsResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-list-new-releases/
  */
-var newReleases : SpotifyApi.ListOfNewReleasesResponse = {
+const newReleases : SpotifyApi.ListOfNewReleasesResponse = {
   "albums" : {
     "href" : "https://api.spotify.com/v1/browse/new-releases?country=SE&offset=0&limit=20",
     "items" : [ {
@@ -4263,7 +4361,7 @@ var newReleases : SpotifyApi.ListOfNewReleasesResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-list-categories/
  */
-var listOfCategories : SpotifyApi.MultipleCategoriesResponse = {
+const listOfCategories : SpotifyApi.MultipleCategoriesResponse = {
   "categories" : {
     "href" : "https://api.spotify.com/v1/browse/categories?offset=0&limit=20",
     "items" : [ {
@@ -4461,7 +4559,7 @@ var listOfCategories : SpotifyApi.MultipleCategoriesResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-category/
  */
-var category : SpotifyApi.SingleCategoryResponse = {
+const category : SpotifyApi.SingleCategoryResponse = {
   "href" : "https://api.spotify.com/v1/browse/categories/rock",
   "icons" : [ {
     "height" : 274,
@@ -4478,7 +4576,7 @@ var category : SpotifyApi.SingleCategoryResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-categorys-playlists/
  */
-var categoryPlaylists : SpotifyApi.CategoryPlaylistsReponse = {
+const categoryPlaylists : SpotifyApi.CategoryPlaylistsReponse = {
   "playlists" : {
     "href" : "https://api.spotify.com/v1/browse/categories/party/playlists?country=BR&offset=0&limit=2",
     "items" : [ {
@@ -4556,7 +4654,7 @@ var categoryPlaylists : SpotifyApi.CategoryPlaylistsReponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-current-users-profile/
  */
-var userProfilePrivate : SpotifyApi.CurrentUsersProfileResponse = {
+const userProfilePrivate : SpotifyApi.CurrentUsersProfileResponse = {
   "birthdate" : "1982-06-29",
   "country" : "DK",
   "display_name" : null,
@@ -4582,7 +4680,7 @@ var userProfilePrivate : SpotifyApi.CurrentUsersProfileResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-followed-artists/
  */
-var followedArtists : SpotifyApi.UsersFollowedArtistsResponse = {
+const followedArtists : SpotifyApi.UsersFollowedArtistsResponse = {
   "artists" : {
     "items" : [ {
       "external_urls" : {
@@ -4661,7 +4759,7 @@ var followedArtists : SpotifyApi.UsersFollowedArtistsResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/follow-artists-users/
  */
-var followArtistsOrUsers : SpotifyApi.FollowArtistsOrUsersResponse = {}
+const followArtistsOrUsers : SpotifyApi.FollowArtistsOrUsersResponse = {}
 
 
 
@@ -4669,7 +4767,7 @@ var followArtistsOrUsers : SpotifyApi.FollowArtistsOrUsersResponse = {}
 /**
  * Tests https://developer.spotify.com/web-api/unfollow-artists-users/
  */
-var unfollowArtistsOrUsers : SpotifyApi.UnfollowArtistsOrUsersResponse = {}
+const unfollowArtistsOrUsers : SpotifyApi.UnfollowArtistsOrUsersResponse = {}
 
 
 
@@ -4677,7 +4775,7 @@ var unfollowArtistsOrUsers : SpotifyApi.UnfollowArtistsOrUsersResponse = {}
 /**
  * Tests https://developer.spotify.com/web-api/check-current-user-follows/
  */
-var checkCurrentUserFollows : SpotifyApi.UserFollowsUsersOrArtistsResponse = [ true, true, false ];
+const checkCurrentUserFollows : SpotifyApi.UserFollowsUsersOrArtistsResponse = [ true, true, false ];
 
 
 
@@ -4685,7 +4783,7 @@ var checkCurrentUserFollows : SpotifyApi.UserFollowsUsersOrArtistsResponse = [ t
 /**
  * Tests https://developer.spotify.com/web-api/follow-playlist/
  */
-var followPlaylist : SpotifyApi.FollowPlaylistReponse = {};
+const followPlaylist : SpotifyApi.FollowPlaylistReponse = {};
 
 
 
@@ -4693,7 +4791,7 @@ var followPlaylist : SpotifyApi.FollowPlaylistReponse = {};
 /**
  * Tests https://developer.spotify.com/web-api/unfollow-playlist/
  */
-var unfollowPlaylist : SpotifyApi.UnfollowPlaylistReponse = {};
+const unfollowPlaylist : SpotifyApi.UnfollowPlaylistReponse = {};
 
 
 
@@ -4701,7 +4799,7 @@ var unfollowPlaylist : SpotifyApi.UnfollowPlaylistReponse = {};
 /**
  * Tests https://developer.spotify.com/web-api/save-tracks-user/
  */
-var saveTracksForUser : SpotifyApi.SaveTracksForUserResponse = {};
+const saveTracksForUser : SpotifyApi.SaveTracksForUserResponse = {};
 
 
 
@@ -4709,7 +4807,7 @@ var saveTracksForUser : SpotifyApi.SaveTracksForUserResponse = {};
 /**
  * Tests https://developer.spotify.com/web-api/console/get-current-user-saved-tracks
  */
-var getSavedTracks : SpotifyApi.UsersSavedTracksResponse = {
+const getSavedTracks : SpotifyApi.UsersSavedTracksResponse = {
   "href" : "https://api.spotify.com/v1/me/tracks?offset=0&limit=5&market=DK",
   "items" : [ {
     "added_at" : "2015-12-24T08:02:23Z",
@@ -5005,7 +5103,7 @@ var getSavedTracks : SpotifyApi.UsersSavedTracksResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/remove-tracks-user/
  */
-var removeUsersTracks : SpotifyApi.RemoveUsersSavedTracksResponse = {};
+const removeUsersTracks : SpotifyApi.RemoveUsersSavedTracksResponse = {};
 
 
 
@@ -5013,7 +5111,7 @@ var removeUsersTracks : SpotifyApi.RemoveUsersSavedTracksResponse = {};
 /**
  * Tests https://developer.spotify.com/web-api/check-users-saved-tracks/
  */
-var checkUsersTracks : SpotifyApi.CheckUserSavedAlbumsResponse = [ false, false, true ];
+const checkUsersTracks : SpotifyApi.CheckUserSavedAlbumsResponse = [ false, false, true ];
 
 
 
@@ -5021,7 +5119,7 @@ var checkUsersTracks : SpotifyApi.CheckUserSavedAlbumsResponse = [ false, false,
 /**
  * Tests https://developer.spotify.com/web-api/save-albums-user/
  */
-var saveAlbumForUser : SpotifyApi.SaveAlbumsForUserResponse = {};
+const saveAlbumForUser : SpotifyApi.SaveAlbumsForUserResponse = {};
 
 
 
@@ -5029,7 +5127,7 @@ var saveAlbumForUser : SpotifyApi.SaveAlbumsForUserResponse = {};
 /**
  * Tests https://developer.spotify.com/web-api/remove-albums-user/
  */
-var saveAlbumForUser : SpotifyApi.RemoveAlbumsForUserResponse = {};
+const removeAlbumForUser : SpotifyApi.RemoveAlbumsForUserResponse = {};
 
 
 
@@ -5038,15 +5136,322 @@ var saveAlbumForUser : SpotifyApi.RemoveAlbumsForUserResponse = {};
 /**
  * Tests https://developer.spotify.com/web-api/check-users-saved-albums/
  */
-var checkUsersSavedAlbums : SpotifyApi.CheckUserSavedAlbumsResponse = [ true, false, false, true ];
+const checkUsersSavedAlbums : SpotifyApi.CheckUserSavedAlbumsResponse = [ true, false, false, true ];
 
 
 
+/**
+ * Tests https://developer.spotify.com/web-api/get-users-top-artists-and-tracks/
+ */
+const usersTopArtists : SpotifyApi.UsersTopArtistsResponse = {
+    "items" : [ 
+      {
+      "external_urls" : {
+        "spotify" : "https://open.spotify.com/artist/3qqhR4mOQZP2t2I6QmU8lE"
+      },
+      "followers" : {
+        "href" : null,
+        "total" : 3670
+      },
+      "genres" : [ "danish pop rock" ],
+      "href" : "https://api.spotify.com/v1/artists/3qqhR4mOQZP2t2I6QmU8lE",
+      "id" : "3qqhR4mOQZP2t2I6QmU8lE",
+      "images" : [ {
+        "height" : 640,
+        "url" : "https://i.scdn.co/image/8ec6329ea80912effd2a7788a932bd59ff5842ff",
+        "width" : 640
+      }, {
+        "height" : 320,
+        "url" : "https://i.scdn.co/image/cfc97d0e49529141efc22fb9aa766c2887d79ba2",
+        "width" : 320
+      }, {
+        "height" : 160,
+        "url" : "https://i.scdn.co/image/efb71bf852c51426bee57c42d1cfb9f46749df4e",
+        "width" : 160
+      } ],
+      "name" : "Folkeklubben",
+      "popularity" : 43,
+      "type" : "artist",
+      "uri" : "spotify:artist:3qqhR4mOQZP2t2I6QmU8lE"
+    }, 
+    {
+      "external_urls" : {
+        "spotify" : "https://open.spotify.com/artist/5CuU6SRJjbbZL926nSGGxX"
+      },
+      "followers" : {
+        "href" : null,
+        "total" : 18429
+      },
+      "genres" : [ "abstract hip hop", "alternative hip hop", "escape room", "underground hip hop" ],
+      "href" : "https://api.spotify.com/v1/artists/5CuU6SRJjbbZL926nSGGxX",
+      "id" : "5CuU6SRJjbbZL926nSGGxX",
+      "images" : [ {
+        "height" : 714,
+        "url" : "https://i.scdn.co/image/7a79a4f7ef164f418034d6fe5e53be24123610bf",
+        "width" : 999
+      }, {
+        "height" : 457,
+        "url" : "https://i.scdn.co/image/9f1519e9e53a61d88655d9203f9524d363157b31",
+        "width" : 640
+      }, {
+        "height" : 143,
+        "url" : "https://i.scdn.co/image/3c1436cf75d5c7f2ba027a914e4970a100e9150a",
+        "width" : 200
+      }, {
+        "height" : 46,
+        "url" : "https://i.scdn.co/image/d1711c38b18f473e805a296755931c99b9c85671",
+        "width" : 64
+      } ],
+      "name" : "Open Mike Eagle",
+      "popularity" : 49,
+      "type" : "artist",
+      "uri" : "spotify:artist:5CuU6SRJjbbZL926nSGGxX"
+    }
+  ],
+  "total" : 50,
+  "limit" : 20,
+  "offset" : 0,
+  "href" : "https://api.spotify.com/v1/me/top/artists",
+  "previous" : null,
+  "next" : "https://api.spotify.com/v1/me/top/artists?limit=20&offset=20"
+}
+
+
+
+
+/**
+ * Tests https://developer.spotify.com/web-api/get-users-top-artists-and-tracks/
+ */
+const usersTopTracks : SpotifyApi.UsersTopTracksResponse = {
+    "items" : [ 
+      {
+        "album" : {
+          "album_type" : "SINGLE",
+          "external_urls" : {
+            "spotify" : "https://open.spotify.com/album/40LbnfieVTWtHrK24WQeEB"
+          },
+          "href" : "https://api.spotify.com/v1/albums/40LbnfieVTWtHrK24WQeEB",
+          "id" : "40LbnfieVTWtHrK24WQeEB",
+          "images" : [ {
+            "height" : 640,
+            "url" : "https://i.scdn.co/image/d013904153a1c3771a7f851132b090254c39a51b",
+            "width" : 640
+          }, {
+            "height" : 300,
+            "url" : "https://i.scdn.co/image/84b9940cb99bf1072d553158c6e23426cb13b789",
+            "width" : 300
+          }, {
+            "height" : 64,
+            "url" : "https://i.scdn.co/image/65234ee4a5155e1e9848d73c9a5d4167640c5442",
+            "width" : 64
+          } ],
+          "name" : "CAN'T STOP THE FEELING! (Original Song from DreamWorks Animation's \"TROLLS\")",
+          "type" : "album",
+          "uri" : "spotify:album:40LbnfieVTWtHrK24WQeEB"
+        },
+        "artists" : [ {
+          "external_urls" : {
+            "spotify" : "https://open.spotify.com/artist/31TPClRtHm23RisEBtV3X7"
+          },
+          "href" : "https://api.spotify.com/v1/artists/31TPClRtHm23RisEBtV3X7",
+          "id" : "31TPClRtHm23RisEBtV3X7",
+          "name" : "Justin Timberlake",
+          "type" : "artist",
+          "uri" : "spotify:artist:31TPClRtHm23RisEBtV3X7"
+        } ],
+        "disc_number" : 1,
+        "duration_ms" : 236001,
+        "explicit" : false,
+        "external_ids" : {
+          "isrc" : "USRC11600876"
+        },
+        "external_urls" : {
+          "spotify" : "https://open.spotify.com/track/6JV2JOEocMgcZxYSZelKcc"
+        },
+        "href" : "https://api.spotify.com/v1/tracks/6JV2JOEocMgcZxYSZelKcc",
+        "id" : "6JV2JOEocMgcZxYSZelKcc",
+        "is_playable" : true,
+        "name" : "CAN'T STOP THE FEELING! (Original Song from DreamWorks Animation's \"TROLLS\")",
+        "popularity" : 89,
+        "preview_url" : "https://p.scdn.co/mp3-preview/9127f47e7e5265f51ab9e1a8d5d8edb9b7cb91a5",
+        "track_number" : 1,
+        "type" : "track",
+        "uri" : "spotify:track:6JV2JOEocMgcZxYSZelKcc"
+      }, {
+        "album" : {
+          "album_type" : "ALBUM",
+          "external_urls" : {
+            "spotify" : "https://open.spotify.com/album/7LWTCCUFJ0USkRscNJJrI5"
+          },
+          "href" : "https://api.spotify.com/v1/albums/7LWTCCUFJ0USkRscNJJrI5",
+          "id" : "7LWTCCUFJ0USkRscNJJrI5",
+          "images" : [ {
+            "height" : 640,
+            "url" : "https://i.scdn.co/image/5ba38a31cba7dad300b8e0faa9855831e56d5aa8",
+            "width" : 640
+          }, {
+            "height" : 300,
+            "url" : "https://i.scdn.co/image/f2ff9436752a06bdbb37f932526d30d0d48faa62",
+            "width" : 300
+          }, {
+            "height" : 64,
+            "url" : "https://i.scdn.co/image/bf9b129dcae3ff55d28c6cb637a31fda11bf19c4",
+            "width" : 64
+          } ],
+          "name" : "Hella Personal Film Festival",
+          "type" : "album",
+          "uri" : "spotify:album:7LWTCCUFJ0USkRscNJJrI5"
+        },
+        "artists" : [ {
+          "external_urls" : {
+            "spotify" : "https://open.spotify.com/artist/5CuU6SRJjbbZL926nSGGxX"
+          },
+          "href" : "https://api.spotify.com/v1/artists/5CuU6SRJjbbZL926nSGGxX",
+          "id" : "5CuU6SRJjbbZL926nSGGxX",
+          "name" : "Open Mike Eagle",
+          "type" : "artist",
+          "uri" : "spotify:artist:5CuU6SRJjbbZL926nSGGxX"
+        }, {
+          "external_urls" : {
+            "spotify" : "https://open.spotify.com/artist/5agXR9PXcQ3whCRLu8LeeN"
+          },
+          "href" : "https://api.spotify.com/v1/artists/5agXR9PXcQ3whCRLu8LeeN",
+          "id" : "5agXR9PXcQ3whCRLu8LeeN",
+          "name" : "Paul White",
+          "type" : "artist",
+          "uri" : "spotify:artist:5agXR9PXcQ3whCRLu8LeeN"
+        }, {
+          "external_urls" : {
+            "spotify" : "https://open.spotify.com/artist/2fSaE6BXtQy0x7R7v9IOmZ"
+          },
+          "href" : "https://api.spotify.com/v1/artists/2fSaE6BXtQy0x7R7v9IOmZ",
+          "id" : "2fSaE6BXtQy0x7R7v9IOmZ",
+          "name" : "Aesop Rock",
+          "type" : "artist",
+          "uri" : "spotify:artist:2fSaE6BXtQy0x7R7v9IOmZ"
+        } ],
+        "disc_number" : 1,
+        "duration_ms" : 163607,
+        "explicit" : true,
+        "external_ids" : {
+          "isrc" : "QMDA61502901"
+        },
+        "external_urls" : {
+          "spotify" : "https://open.spotify.com/track/27q05upTUtvQKCReZDy4PH"
+        },
+        "href" : "https://api.spotify.com/v1/tracks/27q05upTUtvQKCReZDy4PH",
+        "id" : "27q05upTUtvQKCReZDy4PH",
+        "is_playable" : true,
+        "name" : "I Went Outside Today (feat. Aesop Rock)",
+        "popularity" : 30,
+        "preview_url" : "https://p.scdn.co/mp3-preview/715ab2ac2089a6fb99afe37cb7ea73c0a4788171",
+        "track_number" : 2,
+        "type" : "track",
+        "uri" : "spotify:track:27q05upTUtvQKCReZDy4PH"
+      }
+  ],
+  "total" : 50,
+  "limit" : 20,
+  "offset" : 0,
+  "href" : "https://api.spotify.com/v1/me/top/tracks",
+  "previous" : null,
+  "next" : "https://api.spotify.com/v1/me/top/tracks?limit=20&offset=20"
+}
+
+
+
+
+/**
+ * Tests 
+ */
+const recommendationsBasedOnSeeds: SpotifyApi.RecommendationsFromSeedsResponse = {
+  "tracks": [
+    {
+      "artists" : [ {
+        "external_urls" : {
+          "spotify" : "https://open.spotify.com/artist/134GdR5tUtxJrf8cpsfpyY"
+        },
+          "href" : "https://api.spotify.com/v1/artists/134GdR5tUtxJrf8cpsfpyY",
+          "id" : "134GdR5tUtxJrf8cpsfpyY",
+          "name" : "Elliphant",
+          "type" : "artist",
+          "uri" : "spotify:artist:134GdR5tUtxJrf8cpsfpyY"
+      }, {
+        "external_urls" : {
+          "spotify" : "https://open.spotify.com/artist/1D2oK3cJRq97OXDzu77BFR"
+        },
+          "href" : "https://api.spotify.com/v1/artists/1D2oK3cJRq97OXDzu77BFR",
+          "id" : "1D2oK3cJRq97OXDzu77BFR",
+          "name" : "Ras Fraser Jr.",
+          "type" : "artist",
+          "uri" : "spotify:artist:1D2oK3cJRq97OXDzu77BFR"
+      } ],
+      "disc_number" : 1,
+      "duration_ms" : 199133,
+      "explicit" : false,
+      "external_urls" : {
+        "spotify" : "https://open.spotify.com/track/1TKYPzH66GwsqyJFKFkBHQ"
+      },
+      "href" : "https://api.spotify.com/v1/tracks/1TKYPzH66GwsqyJFKFkBHQ",
+      "id" : "1TKYPzH66GwsqyJFKFkBHQ",
+      "is_playable" : true,
+      "name" : "Music Is Life",
+      "preview_url" : "https://p.scdn.co/mp3-preview/546099103387186dfe16743a33edd77e52cec738",
+      "track_number" : 1,
+      "type" : "track",
+      "uri" : "spotify:track:1TKYPzH66GwsqyJFKFkBHQ"
+    }, {
+      "artists" : [ {
+        "external_urls" : {
+          "spotify" : "https://open.spotify.com/artist/1VBflYyxBhnDc9uVib98rw"
+        },
+          "href" : "https://api.spotify.com/v1/artists/1VBflYyxBhnDc9uVib98rw",
+          "id" : "1VBflYyxBhnDc9uVib98rw",
+          "name" : "Icona Pop",
+          "type" : "artist",
+          "uri" : "spotify:artist:1VBflYyxBhnDc9uVib98rw"
+      } ],
+        "disc_number" : 1,
+        "duration_ms" : 187026,
+        "explicit" : false,
+        "external_urls" : {
+          "spotify" : "https://open.spotify.com/track/15iosIuxC3C53BgsM5Uggs"
+        },
+        "href" : "https://api.spotify.com/v1/tracks/15iosIuxC3C53BgsM5Uggs",
+        "id" : "15iosIuxC3C53BgsM5Uggs",
+        "is_playable" : true,
+        "name" : "All Night",
+        "preview_url" : "https://p.scdn.co/mp3-preview/9ee589fa7fe4e96bad3483c20b3405fb59776424",
+        "track_number" : 2,
+        "type" : "track",
+        "uri" : "spotify:track:15iosIuxC3C53BgsM5Uggs"
+    }
+  ],
+  "seeds": [
+    {
+      "initialPoolSize": 500,
+      "afterFilteringSize": 380,
+      "afterRelinkingSize": 365,
+      "href": "https://api.spotify.com/v1/artists/4NHQUGzhtTLFvgF5SZesLK",
+      "id": "4NHQUGzhtTLFvgF5SZesLK",
+      "type": "artist"
+    }, {
+      "initialPoolSize": 250,
+      "afterFilteringSize": 172,
+      "afterRelinkingSize": 144,
+      "href": "https://api.spotify.com/v1/tracks/0c6xIDDpzE81m2q797ordA",
+      "id": "0c6xIDDpzE81m2q797ordA",
+      "type": "track"
+    }
+  ]
+};
+
+
 
 /**
  * Tests https://developer.spotify.com/web-api/search-item/?type=album
  */
-var searchAlbums : SpotifyApi.AlbumSearchResponse = {
+const searchAlbums : SpotifyApi.AlbumSearchResponse = {
   "albums" : {
     "href" : "https://api.spotify.com/v1/search?query=Californication&offset=20&limit=2&type=album",
     "items" : [ {
@@ -5112,7 +5517,7 @@ var searchAlbums : SpotifyApi.AlbumSearchResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/search-item/?type=artist
  */
-var searchArtists : SpotifyApi.ArtistSearchResponse = {
+const searchArtists : SpotifyApi.ArtistSearchResponse = {
   "artists" : {
     "href" : "https://api.spotify.com/v1/search?query=tania+bowra&offset=0&limit=20&type=artist",
     "items" : [ {
@@ -5158,7 +5563,7 @@ var searchArtists : SpotifyApi.ArtistSearchResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/search-item/?type=playlist
  */
-var searchPlaylists : SpotifyApi.PlaylistSearchResponse = {
+const searchPlaylists : SpotifyApi.PlaylistSearchResponse = {
   "playlists" : {
     "href" : "https://api.spotify.com/v1/search?query=Summer&offset=20&limit=2&type=playlist",
     "items" : [ {
@@ -5252,7 +5657,7 @@ var searchPlaylists : SpotifyApi.PlaylistSearchResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/search-item/?type=track
  */
-var searchTracks : SpotifyApi.TrackSearchResponse = {
+const searchTracks : SpotifyApi.TrackSearchResponse = {
   "tracks" : {
     "href" : "https://api.spotify.com/v1/search?query=Summer&offset=20&limit=2&type=track",
     "items" : [ {
@@ -5396,7 +5801,7 @@ var searchTracks : SpotifyApi.TrackSearchResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-track/
  */
-var track : SpotifyApi.SingleTrackResponse = {
+const track : SpotifyApi.SingleTrackResponse = {
   "album" : {
     "album_type" : "album",
     "available_markets" : [ "AD", "AR", "AT", "AU", "BE", "BG", "BO", "BR", "CH", "CL", "CO", "CR", "CY", "CZ", "DE", "DK", "DO", "EC", "EE", "ES", "FI", "FR", "GR", "GT", "HK", "HN", "HU", "IE", "IS", "IT", "LI", "LT", "LU", "LV", "MC", "MT", "MY", "NI", "NL", "NO", "NZ", "PA", "PE", "PH", "PL", "PT", "PY", "RO", "SE", "SG", "SI", "SK", "SV", "TR", "TW", "UY" ],
@@ -5458,7 +5863,7 @@ var track : SpotifyApi.SingleTrackResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-several-tracks/
  */
-var tracks : SpotifyApi.MultipleTracksResponse = {
+const tracks : SpotifyApi.MultipleTracksResponse = {
   "tracks" : [ {
     "album" : {
       "album_type" : "album",
@@ -5576,7 +5981,7 @@ var tracks : SpotifyApi.MultipleTracksResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-users-profile/
  */
-var userProfile : SpotifyApi.UserProfileResponse = {
+const userProfile : SpotifyApi.UserProfileResponse = {
   "display_name" : "Ronald Pompa",
   "external_urls" : {
     "spotify" : "https://open.spotify.com/user/wizzler"
@@ -5602,7 +6007,7 @@ var userProfile : SpotifyApi.UserProfileResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-list-users-playlists/
  */
-var usersPlaylists : SpotifyApi.ListOfUsersPlaylistsResponse = {
+const usersPlaylists : SpotifyApi.ListOfUsersPlaylistsResponse = {
   "href" : "https://api.spotify.com/v1/users/wizzler/playlists?offset=0&limit=2",
   "items" : [ {
     "collaborative" : false,
@@ -5678,7 +6083,7 @@ var usersPlaylists : SpotifyApi.ListOfUsersPlaylistsResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/get-playlist/
  */
-var playlist : SpotifyApi.SinglePlaylistResponse = {
+const playlist : SpotifyApi.SinglePlaylistResponse = {
   "collaborative" : false,
   "description" : null,
   "external_urls" : {
@@ -5936,7 +6341,7 @@ var playlist : SpotifyApi.SinglePlaylistResponse = {
 /**
  * Tests 
  */
-var playlistTracks : SpotifyApi.PlaylistTrackResponse = {
+const playlistTracks : SpotifyApi.PlaylistTrackResponse = {
   "href" : "https://api.spotify.com/v1/users/spotify_espa%C3%B1a/playlists/21THa8j9TaSGuXYNBU5tsC/tracks?offset=0&limit=3",
   "items" : [ {
     "added_at" : "2015-12-09T23:12:56Z",
@@ -6180,7 +6585,7 @@ var playlistTracks : SpotifyApi.PlaylistTrackResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/create-playlist/
  */
-var newPlaylist : SpotifyApi.CreatePlaylistResponse = {
+const newPlaylist : SpotifyApi.CreatePlaylistResponse = {
   "collaborative" : false,
   "description" : null,
   "external_urls" : {
@@ -6224,7 +6629,7 @@ var newPlaylist : SpotifyApi.CreatePlaylistResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/change-playlist-details/
  */
-var changePlaylistDetails : SpotifyApi.ChangePlaylistDetailsReponse = {};
+const changePlaylistDetails : SpotifyApi.ChangePlaylistDetailsReponse = {};
 
 
 
@@ -6232,7 +6637,7 @@ var changePlaylistDetails : SpotifyApi.ChangePlaylistDetailsReponse = {};
 /**
  * Tests https://developer.spotify.com/web-api/add-tracks-to-playlist/
  */
-var addTracksToPlaylist : SpotifyApi.AddTracksToPlaylistResponse = {
+const addTracksToPlaylist : SpotifyApi.AddTracksToPlaylistResponse = {
   "snapshot_id" : "4qQeMTnHV5LCL9w/lI9Mlu5shi2pk+iiIm6VEpmKdMPCE6adhRNTG9SXflxh8DTt"
 };
 
@@ -6242,7 +6647,7 @@ var addTracksToPlaylist : SpotifyApi.AddTracksToPlaylistResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/remove-tracks-playlist/
  */
-var removeTracksFromPlaylist : SpotifyApi.RemoveTracksFromPlaylistResponse = {
+const removeTracksFromPlaylist : SpotifyApi.RemoveTracksFromPlaylistResponse = {
   "snapshot_id" : "t3+4ZWOqedj+bmcHHu1HKNqYfIyYAfXKlSHHykvS4KAm7hoVhDoCpn+KIuFZebZp"
 };
 
@@ -6252,7 +6657,7 @@ var removeTracksFromPlaylist : SpotifyApi.RemoveTracksFromPlaylistResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/reorder-playlists-tracks/
  */
-var reorderTracksInPlaylist : SpotifyApi.ReorderPlaylistTracksResponse = {
+const reorderTracksInPlaylist : SpotifyApi.ReorderPlaylistTracksResponse = {
   "snapshot_id" : "t3+4ZWOqedj+bmcHHu1HKNqYfIyYAfXKlSHHykvS4KAm7hoVhDoCpn+KIuFZebZp"
 };
 
@@ -6262,7 +6667,7 @@ var reorderTracksInPlaylist : SpotifyApi.ReorderPlaylistTracksResponse = {
 /**
  * Tests https://developer.spotify.com/web-api/replace-playlists-tracks/
  */
-var replacePlaylistTracks : SpotifyApi.ReplacePlaylistTracksResponse = {};
+const replacePlaylistTracks : SpotifyApi.ReplacePlaylistTracksResponse = {};
 
 
 
@@ -6270,4 +6675,4 @@ var replacePlaylistTracks : SpotifyApi.ReplacePlaylistTracksResponse = {};
 /**
  * Tests https://developer.spotify.com/web-api/check-user-following-playlist/
  */
-var checkUserFollowsPlaylist : SpotifyApi.UsersFollowPlaylistReponse = [true, false, true];
\ No newline at end of file
+const checkUserFollowsPlaylist : SpotifyApi.UsersFollowPlaylistReponse = [true, false, true];
\ No newline at end of file
diff --git a/spotify-api/spotify-api.d.ts b/spotify-api/spotify-api.d.ts
index 15fc52f1fd..b175080ac8 100644
--- a/spotify-api/spotify-api.d.ts
+++ b/spotify-api/spotify-api.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for The Spotify Web API v1.0
+// Type definitions for The Spotify Web API (including changes March 29th 2016)
 // Project: https://developer.spotify.com/web-api/
 // Definitions by: Niels Kristian Hansen Skovmand <https://github.com/skovmand>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -116,6 +116,20 @@ declare namespace SpotifyApi {
         artists: ArtistObjectFull[]
     }
 
+    /**
+     * Get audio features for a track
+     * GET /v1/audio-features/{id}
+     */
+    interface AudioFeaturesResponse extends AudioFeaturesObject {}
+
+    /**
+     * Get audio features for several tracks
+     * GET /v1/audio-features
+     */
+    interface MultipleAudioFeaturesResponse {
+        "audio_features": AudioFeaturesObject[]
+    }
+
     /**
      * Get a list of featured playlists
      * GET /v1/browse/featured-playlists
@@ -248,6 +262,24 @@ declare namespace SpotifyApi {
      */
     interface CheckUserSavedAlbumsResponse extends Array<boolean> {}
 
+    /**
+     * Get a User’s Top Artists and Tracks
+     * GET /v1/me/top/{type}
+     */
+    interface UsersTopTracksResponse extends PagingObject<TrackObjectFull> {}
+
+    /**
+     * Get a User’s Top Artists and Tracks
+     * GET /v1/me/top/{type}
+     */
+    interface UsersTopArtistsResponse extends PagingObject<ArtistObjectFull> {}
+
+    /**
+     * Get recommendations based on seeds
+     * GET /v1/recommendations
+     */
+    interface RecommendationsFromSeedsResponse extends RecommendationsObject {}
+
     /**
      * Search for an album
      * GET /v1/search?type=album
@@ -369,49 +401,10 @@ declare namespace SpotifyApi {
 
 
     //
-    // Objects from the Object Models of the Spotify Web Api
+    // Objects from the Object Models of the Spotify Web Api, ordered alphabetically.
     // [Object Model](https://developer.spotify.com/web-api/object-model)
     //
 
-    //
-    // The Paging Object wrappers used for retrieving collections from the Spotify API.
-    //
-
-    /**
-     * BasePagingObject which the IPagingObject and ICursorBasedPagingObject extend from.
-     * Doesn't exist in itself in the spotify API.
-     */
-    interface BasePagingObject <T>{
-        href: string,
-        items: T[],
-        limit: number,
-        next: string,
-        total: number
-    }
-
-    /**
-     * Paging Object wrapper used for retrieving collections from the Spotify API.
-     * [](https://developer.spotify.com/web-api/object-model/#paging-object)
-     */
-    interface PagingObject<T> extends BasePagingObject<T> {
-        previous: string,
-        offset: number
-    }
-
-    /**
-     * Cursor Based Paging Object wrappers used for retrieving collections from the Spotify API.
-     * [](https://developer.spotify.com/web-api/object-model/#cursor-based-paging-object)
-     */
-    interface CursorBasedPagingObject<T> extends BasePagingObject<T> {
-        cursors: CursorObject
-    }
-
-
-
-    //
-    // All other objects of the Object Models from the Spotify Web Api, ordered alphabetically.
-    //
-
     /**
      * Full Album Object
      * [album object (full)](https://developer.spotify.com/web-api/object-model/#album-object-simplified)
@@ -439,7 +432,7 @@ declare namespace SpotifyApi {
         id: string,
         images: ImageObject[],
         name: string,
-        type: string,
+        type: "album",
         uri: string
     }
 
@@ -463,10 +456,35 @@ declare namespace SpotifyApi {
         href: string,
         id: string,
         name: string,
-        type: string,
+        type: "artist",
         uri: string
     }
 
+    /**
+     * Audio Features Object
+     * https://developer.spotify.com/web-api/object-model/#audio-features-object
+     */
+    interface AudioFeaturesObject {
+        acousticness: number,
+        analysis_url: string,
+        danceability: number,
+        duration_ms: number,
+        energy: number,
+        id: string,
+        instrumentalness: number,
+        key: number,
+        liveness: number,
+        loudness: number,
+        mode: number,
+        speechiness: number,
+        tempo: number,
+        time_signature: number,
+        track_href: string,
+        type: "audio_features",
+        uri: string,
+        valence: number
+    }
+
     /**
      * Category Object
      * [category object](https://developer.spotify.com/web-api/object-model/)
@@ -484,7 +502,7 @@ declare namespace SpotifyApi {
      */
     interface CopyrightObject {
         text: string,
-        type: string
+        type: "C" | "P"
     }
 
     /**
@@ -545,6 +563,33 @@ declare namespace SpotifyApi {
         width?: number
     }
 
+    /**
+     * Paging Object wrapper used for retrieving collections from the Spotify API.
+     * [](https://developer.spotify.com/web-api/object-model/#paging-object)
+     */
+    interface PagingObject<T> {
+        href: string,
+        items: T[],
+        limit: number,
+        next: string,
+        offset: number,
+        previous: string,
+        total: number
+    }
+
+    /**
+     * Cursor Based Paging Object wrappers used for retrieving collections from the Spotify API.
+     * [](https://developer.spotify.com/web-api/object-model/#cursor-based-paging-object)
+     */
+    interface CursorBasedPagingObject<T> {
+        href: string,
+        items: T[],
+        limit: number,
+        next: string,
+        cursors: CursorObject,
+        total: number
+    }
+
     /**
      * Base Playlist Object. Does not in itself exist in Spotify Web Api,
      * but needs to be made since the tracks types vary in the Full and Simplified versions.
@@ -559,7 +604,7 @@ declare namespace SpotifyApi {
         owner: UserObjectPublic,
         public: boolean,
         snapshot_id: string,
-        type: string,
+        type: "playlist",
         uri: string
     }
 
@@ -595,6 +640,28 @@ declare namespace SpotifyApi {
         track: TrackObjectFull
     }
 
+    /**
+     * Recommendations Object
+     * [](https://developer.spotify.com/web-api/object-model/#recommendations-object)
+     */
+    interface RecommendationsObject {
+        seeds: RecommendationsSeedObject[],
+        tracks: TrackObjectSimplified[]
+    }
+
+    /**
+     * Recommendations Seed Object
+     * [](https://developer.spotify.com/web-api/object-model/#recommendations-seed-object)
+     */
+    interface RecommendationsSeedObject {
+        afterFilteringSize: number,
+        afterRelinkingSize: number,
+        href: string,
+        id: string,
+        initialPoolSize: number,
+        type: "artist" | "track" | "genre"
+    }
+
     /**
      * Saved Track Object in Playlists
      * [](https://developer.spotify.com/web-api/object-model/)
@@ -641,7 +708,7 @@ declare namespace SpotifyApi {
         name: string,
         preview_url: string,
         track_number: number,
-        type: string,
+        type: "track",
         uri: string
     }
 
@@ -653,7 +720,7 @@ declare namespace SpotifyApi {
         external_urls: ExternalUrlObject,
         href: string,
         id: string,
-        type: string,
+        type: "track",
         uri: string
     }
 
@@ -679,7 +746,7 @@ declare namespace SpotifyApi {
         href: string,
         id: string,
         images?: ImageObject[],
-        type: string,
+        type: "user",
         uri: string
     }
 

From bf06cb06702dd35d4a8f5a8ab7662922f3026bed Mon Sep 17 00:00:00 2001
From: "Remo H. Jansen" <remo.jansen@wolksoftware.com>
Date: Sun, 16 Oct 2016 15:32:51 +0100
Subject: [PATCH 321/382] Added type definitions for react-side-effect (#12015)

---
 react-side-effect/react-side-effect-tests.ts | 36 ++++++++++++++++++++
 react-side-effect/react-side-effect.d.ts     | 27 +++++++++++++++
 2 files changed, 63 insertions(+)
 create mode 100644 react-side-effect/react-side-effect-tests.ts
 create mode 100644 react-side-effect/react-side-effect.d.ts

diff --git a/react-side-effect/react-side-effect-tests.ts b/react-side-effect/react-side-effect-tests.ts
new file mode 100644
index 0000000000..8dab67d235
--- /dev/null
+++ b/react-side-effect/react-side-effect-tests.ts
@@ -0,0 +1,36 @@
+/// <reference path="react-side-effect.d.ts" />
+
+import * as React from "react";
+import * as withSideEffect from "react-side-effect";
+
+interface DocumentTitleProps {
+    title: string
+}
+
+class DocumentTitle extends React.Component<DocumentTitleProps, any> {
+  public render() {
+    if (this.props.children) {
+      return React.Children.only(this.props.children);
+    } else {
+      return null;
+    }
+  }
+}
+
+function reducePropsToState(propsList: any[]) {
+  var innermostProps = propsList[propsList.length - 1];
+  if (innermostProps) {
+    return innermostProps.title;
+  }
+}
+
+function handleStateChangeOnClient(title: string) {
+  document.title = title || "";
+}
+
+let DocumentTitleWithSideEffects = withSideEffect(
+  reducePropsToState,
+  handleStateChangeOnClient
+)(DocumentTitle);
+
+export default DocumentTitleWithSideEffects;
diff --git a/react-side-effect/react-side-effect.d.ts b/react-side-effect/react-side-effect.d.ts
new file mode 100644
index 0000000000..edca0f08e8
--- /dev/null
+++ b/react-side-effect/react-side-effect.d.ts
@@ -0,0 +1,27 @@
+// Type definitions for react-side-effect v1.0.2
+// Project: https://github.com/gaearon/react-side-effect
+// Definitions by: Remo H. Jansen <https://github.com/remojansen/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../react/react.d.ts"/>
+
+declare module "react-side-effect" {
+
+    import React = __React;
+
+    function withSideEffect(
+        reducePropsToState: (propsList: any[]) => any,
+        handleStateChangeOnClient: (state: any) => any,
+        mapStateOnServer?: (state: any) => any
+    ): ClassDecorator;
+
+    class ElementClass extends React.Component<any, any> {}
+
+    interface ClassDecorator {
+        <T extends (typeof ElementClass)>(component:T): T;
+    }
+
+    namespace withSideEffect {} // https://github.com/Microsoft/TypeScript/issues/5073
+
+    export = withSideEffect;
+}

From 455bf06f0a42a41557d77f07a3bef49b91950f1c Mon Sep 17 00:00:00 2001
From: qookie <qu1dpr09u0@gmail.com>
Date: Sun, 16 Oct 2016 23:35:52 +0900
Subject: [PATCH 322/382] Update velocity-animate.d.ts (#12020)

---
 velocity-animate/velocity-animate-tests.ts | 2 +-
 velocity-animate/velocity-animate.d.ts     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/velocity-animate/velocity-animate-tests.ts b/velocity-animate/velocity-animate-tests.ts
index afcd8b5633..1c0fea330b 100644
--- a/velocity-animate/velocity-animate-tests.ts
+++ b/velocity-animate/velocity-animate-tests.ts
@@ -102,7 +102,7 @@ function options_progress() {
 	$el.velocity({
 		opacity: 0
 	}, {
-		progress: function(elements, percentComplete, timeRemaining, timeStart) {
+		progress: function(elements, percentComplete, timeRemaining, timeStart, tweenValue) {
 			$percentComplete.html((percentComplete * 100) + "%");
 			$timeRemaining.html(timeRemaining + "ms remaining!");
 		}
diff --git a/velocity-animate/velocity-animate.d.ts b/velocity-animate/velocity-animate.d.ts
index 13f60d875c..bd011d64c7 100644
--- a/velocity-animate/velocity-animate.d.ts
+++ b/velocity-animate/velocity-animate.d.ts
@@ -23,7 +23,7 @@ declare namespace jquery.velocity {
 	type Properties = Object;
 	type Easing = string|number[];
 	type ElementCallback = (elements: NodeListOf<HTMLElement>) => void;
-	type ProgressCallback = (elements: NodeListOf<HTMLElement>, percentComplete: number, timeRemaining: number, timeStart: number) => void;
+	type ProgressCallback = (elements: NodeListOf<HTMLElement>, percentComplete: number, timeRemaining: number, timeStart: number, tweenValue: number) => void;
 	type EffectCall =
 		[Properties] |
 		[Properties, number] |

From da2ec683661b92240ca69c474790aaaeed8ec8e6 Mon Sep 17 00:00:00 2001
From: Andrew Short <andrewjshort@gmail.com>
Date: Mon, 17 Oct 2016 00:36:08 +1000
Subject: [PATCH 323/382] Add typings for xmlrpc (#12021)

---
 xmlrpc/xmlrpc-tests.ts | 28 +++++++++++++
 xmlrpc/xmlrpc.d.ts     | 90 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 118 insertions(+)
 create mode 100644 xmlrpc/xmlrpc-tests.ts
 create mode 100644 xmlrpc/xmlrpc.d.ts

diff --git a/xmlrpc/xmlrpc-tests.ts b/xmlrpc/xmlrpc-tests.ts
new file mode 100644
index 0000000000..a31d6a9e5d
--- /dev/null
+++ b/xmlrpc/xmlrpc-tests.ts
@@ -0,0 +1,28 @@
+/// <reference path="xmlrpc.d.ts" />
+
+import * as xmlrpc from 'xmlrpc';
+
+const serverOpts = {
+    host: 'localhost',
+    port: 9000
+};
+
+const server = xmlrpc.createServer(serverOpts, () => {
+    server.on('NotFound', method => {
+        console.log(`Method ${method} not found`);
+    })
+
+    server.on('hello', (err, params, cb) => {
+        cb(null, `Hello, ${params[0]}!`);
+    });
+
+    var client = xmlrpc.createClient({
+        host: 'localhost',
+        port: 9000,
+        path: '/'
+    });
+
+    client.methodCall('hello', ['world'], (err, val) => {
+        console.log(val);
+    });
+});
diff --git a/xmlrpc/xmlrpc.d.ts b/xmlrpc/xmlrpc.d.ts
new file mode 100644
index 0000000000..3e167de970
--- /dev/null
+++ b/xmlrpc/xmlrpc.d.ts
@@ -0,0 +1,90 @@
+// Type definitions for xmlrpc 1.3.2
+// Project: https://github.com/baalexander/node-xmlrpc
+// Definitions by: Andrew Short <http://ajshort.me>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts" />
+
+declare module 'xmlrpc' {
+    import { EventEmitter } from 'events';
+    import { Server as HttpServer } from 'http';
+    import { Server as HttpsServer } from 'https';
+    import { TlsOptions } from 'tls';
+
+    interface ClientOptions {
+        host?: string;
+        path?: string;
+        port?: number;
+        url?: string;
+        cookies?: boolean;
+        headers?: { [header: string]: string };
+        basic_auth?: { user: string, pass: string };
+        method?: string;
+    }
+
+    interface ServerOptions {
+        host?: string;
+        path?: string;
+        port?: number;
+    }
+
+    interface DateFormatterOptions {
+        colons?: boolean;
+        hyphens?: boolean;
+        local?: boolean;
+        ms?: boolean;
+        offset?: boolean;
+    }
+
+    class Cookies {
+        get(name: string): string;
+        set(name: string, value: string, options?: { secure: boolean, expires: Date }): void;
+        toString(): string;
+    }
+
+    namespace xmlrpc {
+        function createClient(options: string | ClientOptions): Client;
+        function createSecureClient(options: string | ClientOptions): Client;
+
+        function createServer(options: string | ServerOptions, callback: () => void): Server;
+        function createSecureServer(options: string | TlsOptions, callback: () => void): Server;
+
+        interface Client {
+            options: ClientOptions;
+            isSecure: boolean;
+            headersProcessors: { processors: HeadersProcessor[] };
+            cookies?: Cookies;
+
+            methodCall(method: string, params: any[], callback: (error: Object, value: any) => void): void;
+
+            getCookie(name: string): string;
+            setCookie(name: string, value: string): this;
+        }
+
+        type ServerFunction = (error: any, params: any, callback: (error: any, value: any) => void) => void;
+        type ServerNotFoundFunction = (methodName: string, params: any[]) => void;
+
+        interface Server extends EventEmitter {
+            httpServer: HttpServer | HttpsServer;
+
+            on(eventName: 'NotFound', callback: ServerNotFoundFunction): this;
+            on(eventName: string, callback: ServerFunction): this;
+        }
+
+        type Headers = { [header: string]: string };
+
+        interface HeadersProcessor {
+            composeRequest(headers: Headers): void;
+            parseResponse(headers: Headers): void;
+        }
+
+        export var dateFormatter: {
+            setOpts(opts: DateFormatterOptions): void;
+
+            decodeIso8601(time: string): Date;
+            encodeIso8601(date: Date): string;
+        }
+    }
+
+    export = xmlrpc;
+}

From 36b5f7e573e80e6632abf6dd442de4a117d8101e Mon Sep 17 00:00:00 2001
From: Christian Rackerseder <git@echooff.de>
Date: Mon, 17 Oct 2016 18:00:33 +0200
Subject: [PATCH 324/382] Fixed type definitions for ora v0.3.0

---
 ora/ora-tests.ts |  5 +----
 ora/ora.d.ts     | 31 +++++++++++++++++++++----------
 2 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/ora/ora-tests.ts b/ora/ora-tests.ts
index bea4f29b51..4b69f2af15 100644
--- a/ora/ora-tests.ts
+++ b/ora/ora-tests.ts
@@ -1,10 +1,7 @@
 /// <reference path="ora.d.ts" />
-
 import ora = require('ora');
-const spinner = ora('Loading unicorns');
-
-spinner.start();
 
+const spinner = ora('Loading unicorns').start();
 setTimeout(() => {
     spinner.color = 'yellow';
     spinner.text = 'Loading rainbows';
diff --git a/ora/ora.d.ts b/ora/ora.d.ts
index 692f82b96c..6b5f652d13 100644
--- a/ora/ora.d.ts
+++ b/ora/ora.d.ts
@@ -1,24 +1,35 @@
-// Type definitions for ora
+// Type definitions for ora v0.3.0
 // Project: https://github.com/sindresorhus/ora
 // Definitions by: Basarat Ali Syed <https://github.com/basarat/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare module 'ora' {
+/// <reference path="../node/node.d.ts" />
+
+declare module "ora" {
     type Color = 'black' | 'red' | 'green' | 'yellow' | 'blue' | 'magenta' | 'cyan' | 'white' | 'gray';
     type Text = string;
     interface Options {
         text?: Text;
-        spinner?: string | { interval?: number; frames: string[]; }
+        spinner?: string | Spinner;
         color?: Color;
-        stream?: any;
+        interval?: number;
+        stream?: NodeJS.WritableStream;
+        enabled?: boolean;
+    }
+    interface Spinner {
+        interval?: number;
+        frames: string[];
     }
     interface Instance {
-        start(): void;
-        stop(): void;
-        clear(): void;
-        frame(): void;
-        render(): void;
-        text: Text;
+        start(): Instance;
+        stop(): Instance;
+        succeed(): Instance;
+        fail(): Instance;
+        stopAndPersist(symbol?: string): Instance;
+        clear(): Instance;
+        render(): Instance;
+        frame(): Instance;
+        text: string;
         color: Color;
     }
     function ora(options: Options | Text): Instance;

From b636da0ba6ba0b6e2649d8363ea399539a065068 Mon Sep 17 00:00:00 2001
From: Richard Rout <rich@richrout.com>
Date: Tue, 18 Oct 2016 07:51:08 -0600
Subject: [PATCH 325/382] update raven.js with fixes for capture options

also added static definitions for setTagsContext and setExtraContext
---
 ravenjs/ravenjs.d.ts | 31 +++++++++++++++++++++++++------
 1 file changed, 25 insertions(+), 6 deletions(-)

diff --git a/ravenjs/ravenjs.d.ts b/ravenjs/ravenjs.d.ts
index e7e68b69aa..6ecb6a0cdd 100644
--- a/ravenjs/ravenjs.d.ts
+++ b/ravenjs/ravenjs.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for Raven.js
 // Project: https://github.com/getsentry/raven-js
-// Definitions by: Santi Albo <https://github.com/santialbo/>, Benjamin Pannell <http://github.com/spartan563>, Gary Blackwood <http://github.com/Garee>
+// Definitions by: Santi Albo <https://github.com/santialbo/>, Benjamin Pannell <http://github.com/spartan563>, Gary Blackwood <http://github.com/Garee>, Rich Rout <http://github.com/richrout>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare var Raven: RavenStatic;
@@ -61,6 +61,21 @@ interface RavenOptions {
     allowSecretKey?: boolean;
 }
 
+interface RavenAdditionalData {
+    /** The name of the logger used by Sentry. Default: javascript */
+    logger?: string;
+
+    /** The log level associated with this event. Default: error */
+    level?: string;
+
+    /** Additional data to be tagged onto the error. */
+    tags?: {
+      [id: string]: string;
+    };
+
+    extra?: any;
+}
+
 interface RavenStatic {
 
     /** Raven.js version. */
@@ -119,7 +134,7 @@ interface RavenStatic {
      * @param {array} args An array of arguments to be called with the callback [optional]
      */
     context(func: Function, ...args: any[]): void;
-    context(options: RavenOptions, func: Function, ...args: any[]): void;
+    context(options: RavenAdditionalData, func: Function, ...args: any[]): void;
 
     /*
      * Wrap code within a context and returns back a new function to be executed
@@ -129,9 +144,9 @@ interface RavenStatic {
      * @return {function} The newly wrapped functions with a context
      */
     wrap(func: Function): Function;
-    wrap(options: RavenOptions, func: Function): Function;
+    wrap(options: RavenAdditionalData, func: Function): Function;
     wrap<T extends Function>(func: T): T;
-    wrap<T extends Function>(options: RavenOptions, func: T): T;
+    wrap<T extends Function>(options: RavenAdditionalData, func: T): T;
 
     /*
      * Uninstalls the global error handler.
@@ -147,7 +162,7 @@ interface RavenStatic {
      * @param {object} options A specific set of options for this error [optional]
      * @return {Raven}
      */
-    captureException(ex: Error, options?: RavenOptions): RavenStatic;
+    captureException(ex: Error, options?: RavenAdditionalData): RavenStatic;
 
     /*
      * Manually send a message to Sentry
@@ -156,7 +171,7 @@ interface RavenStatic {
      * @param {object} options A specific set of options for this message [optional]
      * @return {Raven}
      */
-    captureMessage(msg: string, options?: RavenOptions): RavenStatic;
+    captureMessage(msg: string, options?: RavenAdditionalData): RavenStatic;
 
     /**
      * Clear the user context, removing the user data that would be sent to Sentry.
@@ -185,6 +200,10 @@ interface RavenStatic {
     isSetup(): boolean;
 
     showReportDialog(options: RavenOptions): void;
+
+    setTagsContext(tags: { [id: string]: string; }): void;
+
+    setExtraContext(context: any): void;
 }
 
 interface RavenTransportOptions {

From 0cd3d975edca769d5b0e6ab24c7089af115a3a48 Mon Sep 17 00:00:00 2001
From: Richard Rout <rich@richrout.com>
Date: Tue, 18 Oct 2016 08:03:54 -0600
Subject: [PATCH 326/382] ravenjs-tests examples from documentation

---
 ravenjs/ravenjs-tests.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/ravenjs/ravenjs-tests.ts b/ravenjs/ravenjs-tests.ts
index eafa48871c..2203468fe3 100644
--- a/ravenjs/ravenjs-tests.ts
+++ b/ravenjs/ravenjs-tests.ts
@@ -33,9 +33,11 @@ try {
 
 Raven.context(throwsError);
 Raven.context({tags: { key: "value" }}, throwsError);
+Raven.context({extra: {planet: {name: 'Earth'}}}, throwsError);
 
 setTimeout(Raven.wrap(throwsError), 1000);
 Raven.wrap({logger: "my.module"}, throwsError)();
+Raven.wrap({tags: {git_commit: 'c0deb10c4'}}, throwsError)();
 
 Raven.setUserContext({
     email: 'matt@example.com',
@@ -46,3 +48,7 @@ Raven.captureMessage('Broken!');
 Raven.captureMessage('Broken!', {tags: { key: "value" }});
 
 Raven.showReportDialog(options);
+
+Raven.setTagsContext({ key: "value" });
+
+Raven.setExtraContext({ foo: "bar" });

From 81ef2dfdb94055c25c25b332bd3c41160d177ddb Mon Sep 17 00:00:00 2001
From: Seth Westphal <seth.westphal@chctelehealth.com>
Date: Tue, 18 Oct 2016 16:44:43 -0500
Subject: [PATCH 327/382] Fix node-schedule RecurrenceRule.

---
 node-schedule/node-schedule-tests.ts |  7 +++++
 node-schedule/node-schedule.d.ts     | 45 +++++++++++++++-------------
 2 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/node-schedule/node-schedule-tests.ts b/node-schedule/node-schedule-tests.ts
index bc8626767d..c2f3a7aaab 100644
--- a/node-schedule/node-schedule-tests.ts
+++ b/node-schedule/node-schedule-tests.ts
@@ -107,6 +107,13 @@ function testRecurrenceRule() {
     var rule:nodeSchedule.RecurrenceRule = new nodeSchedule.RecurrenceRule(0, 0, 0, 0, 0, 0, 0);
 
     var nextInvocation:Date = rule.nextInvocationDate(new Date());
+
+    var rule2 = new nodeSchedule.RecurrenceRule();
+    rule2.month = "7";
+    rule2.date = [1, new nodeSchedule.Range(5, 15, 5), "23"];
+    rule2.hour = 5;
+    rule2.minute = new nodeSchedule.Range(4, 6);
+    rule2.second = new nodeSchedule.Range(8, 12, 2);
 }
 
 /**
diff --git a/node-schedule/node-schedule.d.ts b/node-schedule/node-schedule.d.ts
index 1b15f9c34c..f42213e271 100644
--- a/node-schedule/node-schedule.d.ts
+++ b/node-schedule/node-schedule.d.ts
@@ -142,6 +142,9 @@ declare module 'node-schedule' {
         contains(value: number): boolean;
     }
 
+    type Recurrence = number | Range | string;
+    type RecurrenceSegment = Recurrence | Recurrence[];
+
     /**
      * Recurrence rules.
      */
@@ -150,65 +153,65 @@ declare module 'node-schedule' {
          * Day of the month.
          *
          * @public
-         * @type {number}
+         * @type {RecurrenceSegment}
          */
-        date: number;
+        date: RecurrenceSegment;
 
         /**
          * Day of the week.
          *
          * @public
-         * @type {number|Array<number|Range>}
+         * @type {RecurrenceSegment}
          */
-        dayOfWeek: number | Array<number | Range>;
+        dayOfWeek: RecurrenceSegment;
 
         /**
          * Hour.
          *
          * @public
-         * @type {number}
+         * @type {RecurrenceSegment}
          */
-        hour: number;
+        hour: RecurrenceSegment;
 
         /**
          * Minute.
          *
          * @public
-         * @type {number}
+         * @type {RecurrenceSegment}
          */
-        minute: number;
+        minute: RecurrenceSegment;
 
         /**
          * Month.
          *
          * @public
-         * @type {number}
+         * @type {RecurrenceSegment}
          */
-        month: number;
+        month: RecurrenceSegment;
 
         /**
          * Second.
          *
          * @public
-         * @type {number}
+         * @type {RecurrenceSegment}
          */
-        second: number;
+        second: RecurrenceSegment;
 
         /**
          * Year.
          *
          * @public
-         * @type {number}
+         * @type {RecurrenceSegment}
          */
-        year: number;
+        year: RecurrenceSegment;
 
-        constructor(year?: number,
-            month?: number,
-            date?: number,
-            dayOfWeek?: number | Array<number | Range>,
-            hour?: number,
-            minute?: number,
-            second?: number);
+        constructor(year?: RecurrenceSegment,
+            month?: RecurrenceSegment,
+            date?: RecurrenceSegment,
+            dayOfWeek?: RecurrenceSegment,
+            hour?: RecurrenceSegment,
+            minute?: RecurrenceSegment,
+            second?: RecurrenceSegment);
 
         nextInvocationDate(base: Date): Date;
     }

From b863d18402f32c10eea1f18ddd8dafcb1dbccbe3 Mon Sep 17 00:00:00 2001
From: Christopher Cortes <christophercr@gmail.com>
Date: Wed, 19 Oct 2016 10:55:23 +0200
Subject: [PATCH 328/382] IToastPreset: add missing toastClass() method

Add toastClass() method to IToastPreset according to the docs: https://material.angularjs.org/latest/api/service/$mdToast
---
 angular-material/angular-material.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/angular-material/angular-material.d.ts b/angular-material/angular-material.d.ts
index 31da141bf9..da20af95fc 100644
--- a/angular-material/angular-material.d.ts
+++ b/angular-material/angular-material.d.ts
@@ -160,6 +160,7 @@ declare namespace angular.material {
         hideDelay(delay: number): T;
         position(position: string): T;
         parent(parent?: string|Element|JQuery): T; // default: root node
+        toastClass(toastClass: string): T;
     }
 
     interface ISimpleToastPreset extends IToastPreset<ISimpleToastPreset> {

From b20bccc037c18584dfb76d057ef387e9b606db44 Mon Sep 17 00:00:00 2001
From: Bruno Ranschaert <bruno.ranschaert@ablynx.com>
Date: Wed, 19 Oct 2016 13:54:16 +0200
Subject: [PATCH 329/382] ng-dialog: Added bindToController option to
 IDialogOpenOptions.

---
 ng-dialog/ng-dialog.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ng-dialog/ng-dialog.d.ts b/ng-dialog/ng-dialog.d.ts
index 931dbab188..7b70874408 100644
--- a/ng-dialog/ng-dialog.d.ts
+++ b/ng-dialog/ng-dialog.d.ts
@@ -236,6 +236,7 @@ declare namespace angular.dialog {
 		template: string;
 		controller?: string| any[] | any;
 		controllerAs?: string;
+		bindToController?: boolean;
 
 		/**
 		 * Scope object that will be passed to dialog. If you use controller with separate $scope service this object will be passed to $scope.$parent param.

From 7de2734e3886373c496e1d70e22d3af9c081e892 Mon Sep 17 00:00:00 2001
From: Michael Ledin <mledin89@gmail.com>
Date: Wed, 19 Oct 2016 15:03:56 +0300
Subject: [PATCH 330/382] material-ui v0.16.0 (#11996)

* Copy 0.15.1 to legacy.

* 0.15.2 - DatePicker dialogContainerStyle https://github.com/callemall/material-ui/pull/4355

* 0.15.2 RadioButton change value type to any https://github.com/callemall/material-ui/pull/4510

* 0.15.2 - SelectField maxHeight https://github.com/callemall/material-ui/pull/4645

* 0.15.2 - Slider sliderStyle https://github.com/callemall/material-ui/pull/4617

* 0.15.2 - Vertical/reversible sliders https://github.com/callemall/material-ui/pull/4571

* 0.15.3 - AutoComplete textFieldStyle https://github.com/callemall/material-ui/pull/4853

* 0.15.3 - Forwarding Popover animation - https://github.com/callemall/material-ui/pull/4702

* 0.15.3 - RadioButtonGroup change defaultSelected and valueSelected type to any - https://github.com/callemall/material-ui/pull/4807

* 0.15.3 - change Snackbar action type to node - https://github.com/callemall/material-ui/pull/4716

* 0.15.4 - ListItem open https://github.com/callemall/material-ui/pull/4850

* 0.16.0-rc1 - CircularProgress thickness

* 0.16.0 - Remove deprecated code - https://github.com/callemall/material-ui/pull/4987

* 0.16.0-rc1 Rename MakeSelectable to makeSelectable - https://github.com/callemall/material-ui/pull/5025

* 0.16.0-rc2 - AutoComplete popoverProps - https://github.com/callemall/material-ui/pull/5064

* 0.16.0-rc2 RaisedButton buttonStyle - https://github.com/callemall/material-ui/pull/5196

* 0.16.0-rc2 - Switch thumbSwitchedStyle and trackSwitchedStyle - https://github.com/callemall/material-ui/pull/5106

* 0.16.0-rc2 - Snackbar contentStyle - https://github.com/callemall/material-ui/pull/5205

* Remove duplicate attribute.

* Removed not documented attributes.

* Update version to 0.16.0.

* Fix paddings.

* Remove usage of deprecated React.Props.
---
 .../legacy/material-ui-0.15.1-tests.tsx       | 4953 ++++++++++
 .../material-ui-0.15.1-tests.tsx.tscparams    |    1 +
 material-ui/legacy/material-ui-0.15.1.d.ts    | 8630 +++++++++++++++++
 material-ui/material-ui-global.d.ts           |    2 +-
 material-ui/material-ui-tests.tsx             | 7754 ++++++++-------
 material-ui/material-ui.d.ts                  | 4877 +++++-----
 6 files changed, 19880 insertions(+), 6337 deletions(-)
 create mode 100644 material-ui/legacy/material-ui-0.15.1-tests.tsx
 create mode 100644 material-ui/legacy/material-ui-0.15.1-tests.tsx.tscparams
 create mode 100644 material-ui/legacy/material-ui-0.15.1.d.ts

diff --git a/material-ui/legacy/material-ui-0.15.1-tests.tsx b/material-ui/legacy/material-ui-0.15.1-tests.tsx
new file mode 100644
index 0000000000..a3cd559123
--- /dev/null
+++ b/material-ui/legacy/material-ui-0.15.1-tests.tsx
@@ -0,0 +1,4953 @@
+///<reference path='../../react/react.d.ts' />
+///<reference path='../../react/react-dom.d.ts' />
+///<reference path='../../react-tap-event-plugin/react-tap-event-plugin.d.ts' />
+///<reference path='material-ui-0.15.1.d.ts' />
+
+import * as React from 'react';
+import {Component, PropTypes} from 'react';
+import * as ReactDOM from 'react-dom';
+
+import getMuiTheme from 'material-ui/styles/getMuiTheme';
+import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
+import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';
+import muiThemeable from 'material-ui/styles/muiThemeable';
+import {MuiTheme} from 'material-ui/styles'
+
+import AppBar from 'material-ui/AppBar';
+import AutoComplete from 'material-ui/AutoComplete';
+import Avatar from 'material-ui/Avatar';
+import Badge from 'material-ui/Badge';
+import Checkbox from 'material-ui/Checkbox';
+import Chip from 'material-ui/Chip';
+import CircularProgress from 'material-ui/CircularProgress';
+import DatePicker from 'material-ui/DatePicker';
+import Dialog from 'material-ui/Dialog';
+import Divider from 'material-ui/Divider';
+import Drawer from 'material-ui/Drawer';
+import DropDownMenu from 'material-ui/DropDownMenu';
+import FlatButton from 'material-ui/FlatButton';
+import FloatingActionButton from 'material-ui/FloatingActionButton';
+import FontIcon from 'material-ui/FontIcon';
+import IconButton from 'material-ui/IconButton';
+import IconMenu from 'material-ui/IconMenu';
+import LinearProgress from 'material-ui/LinearProgress';
+import List from 'material-ui/List/List';
+import ListItem from 'material-ui/List/ListItem';
+import MenuItem from 'material-ui/MenuItem';
+import Paper from 'material-ui/Paper';
+import RaisedButton from 'material-ui/RaisedButton';
+import RefreshIndicator from 'material-ui/RefreshIndicator';
+import SelectField from 'material-ui/SelectField';
+import Slider from 'material-ui/Slider';
+import Snackbar from 'material-ui/Snackbar';
+import Subheader from 'material-ui/Subheader';
+import SvgIcon from 'material-ui/SvgIcon';
+import TextField from 'material-ui/TextField';
+import TimePicker from 'material-ui/TimePicker';
+import Toggle from 'material-ui/Toggle';
+import {Card, CardActions, CardHeader, CardMedia, CardTitle, CardText} from 'material-ui/Card';
+import {GridList, GridTile} from 'material-ui/GridList';
+import {MakeSelectable} from 'material-ui/List';
+import {Menu} from 'material-ui/Menu';
+import {Popover, PopoverAnimationVertical} from 'material-ui/Popover';
+import {RadioButton, RadioButtonGroup} from 'material-ui/RadioButton';
+import {Step, Stepper, StepLabel, StepContent, StepButton} from 'material-ui/Stepper';
+import {Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn, TableFooter} from 'material-ui/Table';
+import {Tabs, Tab} from 'material-ui/Tabs';
+import {Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarTitle} from 'material-ui/Toolbar';
+
+import ActionAndroid from 'material-ui/svg-icons/action/android';
+import ActionAssignment from 'material-ui/svg-icons/action/assignment';
+import ActionFavorite from 'material-ui/svg-icons/action/favorite';
+import ActionFavoriteBorder from 'material-ui/svg-icons/action/favorite-border';
+import ActionFlightTakeoff from 'material-ui/svg-icons/action/flight-takeoff';
+import ActionGrade from 'material-ui/svg-icons/action/grade';
+import ActionHome from 'material-ui/svg-icons/action/home';
+import ActionInfo from 'material-ui/svg-icons/action/info';
+import ArrowDropRight from 'material-ui/svg-icons/navigation-arrow-drop-right';
+import CommunicationCall from 'material-ui/svg-icons/communication/call';
+import CommunicationChatBubble from 'material-ui/svg-icons/communication/chat-bubble';
+import CommunicationEmail from 'material-ui/svg-icons/communication/email';
+import ContentAdd from 'material-ui/svg-icons/content/add';
+import ContentCopy from 'material-ui/svg-icons/content/content-copy';
+import ContentDrafts from 'material-ui/svg-icons/content/drafts';
+import ContentFilter from 'material-ui/svg-icons/content/filter-list';
+import ContentInbox from 'material-ui/svg-icons/content/inbox';
+import ContentLink from 'material-ui/svg-icons/content/link';
+import ContentSend from 'material-ui/svg-icons/content/send';
+import Delete from 'material-ui/svg-icons/action/delete';
+import Download from 'material-ui/svg-icons/file/file-download';
+import EditorInsertChart from 'material-ui/svg-icons/editor/insert-chart';
+import FileCloudDownload from 'material-ui/svg-icons/file/cloud-download';
+import FileFileDownload from 'material-ui/svg-icons/file/file-download';
+import FileFolder from 'material-ui/svg-icons/file/folder';
+import FolderIcon from 'material-ui/svg-icons/file/folder-open';
+import HardwareVideogameAsset from 'material-ui/svg-icons/hardware/videogame-asset';
+import MapsPersonPin from 'material-ui/svg-icons/maps/person-pin';
+import MapsPlace from 'material-ui/svg-icons/maps/place';
+import MoreVertIcon from 'material-ui/svg-icons/navigation/more-vert';
+import NavigationClose from 'material-ui/svg-icons/navigation/close';
+import NavigationExpandMoreIcon from 'material-ui/svg-icons/navigation/expand-more';
+import NotificationsIcon from 'material-ui/svg-icons/social/notifications';
+import PersonAdd from 'material-ui/svg-icons/social/person-add';
+import RemoveRedEye from 'material-ui/svg-icons/image/remove-red-eye';
+import StarBorder from 'material-ui/svg-icons/toggle/star-border';
+import UploadIcon from 'material-ui/svg-icons/file/cloud-upload';
+import WarningIcon from 'material-ui/svg-icons/alert/warning';
+
+import {cyan500, cyan700,
+  grey100, grey300, grey400, grey500,
+  pinkA200,
+  white, darkBlack, fullBlack,
+  blue300,
+  indigo900,
+  orange200,
+  deepOrange300,
+  pink400,
+  purple500,
+  fullWhite,
+  blue500, red500, greenA200, yellow500,
+  transparent, yellow600, indigo500, lightBlack,
+  orange500,
+} from 'material-ui/styles/colors';
+import {fade} from 'material-ui/utils/colorManipulator';
+
+import {SMALL, MEDIUM, LARGE, default as withWidth} from 'material-ui/utils/withWidth';
+
+
+import injectTapEventPlugin = require('react-tap-event-plugin');
+
+// Needed for onTouchTap
+// Check this repo:
+// https://github.com/zilverline/react-tap-event-plugin
+injectTapEventPlugin();
+
+function handleTouchTap() {
+  alert('onTouchTap triggered on the title component');
+}
+
+const styles = {
+  title: {
+    cursor: 'pointer',
+  },
+  exampleImageInput: {
+    cursor: 'pointer',
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    right: 0,
+    left: 0,
+    width: '100%',
+    opacity: 0,
+  },
+  button: {
+    margin: 12,
+  },
+  chip: {
+    margin: 4
+  },
+  smallIcon: {
+    width: 36,
+    height: 36,
+  },
+  mediumIcon: {
+    width: 48,
+    height: 48,
+  },
+  largeIcon: {
+    width: 60,
+    height: 60,
+  },
+  small: {
+    width: 72,
+    height: 72,
+    padding: 16,
+  },
+  medium: {
+    width: 96,
+    height: 96,
+    padding: 24,
+  },
+  large: {
+    width: 120,
+    height: 120,
+    padding: 30,
+  },
+  radioButton: {
+    marginTop: 16,
+  },
+  root: {
+    display: 'flex',
+    flexWrap: 'wrap',
+    justifyContent: 'space-around',
+  },
+  gridList: {
+    width: 500,
+    height: 500,
+    overflowY: 'auto',
+    marginBottom: 24,
+  },
+  paper: {
+    display: 'inline-block',
+    float: 'left',
+    margin: '16px 32px 16px 0',
+  },
+  rightIcon: {
+    textAlign: 'center',
+    lineHeight: '24px',
+  },
+  customWidth: {
+    width: 200,
+  },
+  h3: {
+    marginTop: 20,
+    fontWeight: 400,
+  },
+  block: {
+    display: 'flex',
+    maxWidth: 250,
+  },
+  block2: {
+    margin: 10,
+  },
+  container: {
+    position: 'relative',
+  },
+  refresh: {
+    display: 'inline-block',
+    position: 'relative',
+  },
+  checkbox: {
+    marginBottom: 16,
+  },
+  toggle: {
+    marginBottom: 16,
+  },
+  propContainer: {
+    width: 200,
+    overflow: 'hidden',
+    margin: '20px auto 0',
+  },
+  propToggleHeader: {
+    margin: '20px auto 10px',
+  },
+  headline: {
+    fontSize: 24,
+    paddingTop: 16,
+    marginBottom: 12,
+    fontWeight: 400,
+  },
+  errorStyle: {
+    color: orange500,
+  },
+  underlineStyle: {
+    borderColor: orange500,
+  },
+  floatingLabelStyle: {
+    color: orange500,
+  },
+  floatingLabelFocusStyle: {
+    color: blue500,
+  },
+};
+
+const style = {
+  marginRight: 20,
+  marginLeft: 20,
+  display: 'inline-block',
+  margin: '16px 32px 16px 0',
+};
+
+const customContentStyle = {
+  width: '100%',
+  maxWidth: 'none',
+};
+
+const iconStyles = {
+  marginRight: 24,
+};
+
+// "http://www.material-ui.com/#/customization/themes"
+
+// This replaces the textColor value on the palette
+// and then update the keys for each component that depends on it.
+// More on Colors: http://www.material-ui.com/#/customization/colors
+const muiTheme = getMuiTheme({
+  palette: {
+    textColor: cyan500,
+  },
+  appBar: {
+    height: 50,
+  },
+});
+
+const darkMuiTheme = getMuiTheme(darkBaseTheme);
+
+const lightBaseTheme = {
+  spacing: {
+    iconSize: 24,
+    desktopGutter: 24,
+    desktopGutterMore: 32,
+    desktopGutterLess: 16,
+    desktopGutterMini: 8,
+    desktopKeylineIncrement: 64,
+    desktopDropDownMenuItemHeight: 32,
+    desktopDropDownMenuFontSize: 15,
+    desktopDrawerMenuItemHeight: 48,
+    desktopSubheaderHeight: 48,
+    desktopToolbarHeight: 56,
+  },
+  fontFamily: 'Roboto, sans-serif',
+  palette: {
+    primary1Color: cyan500,
+    primary2Color: cyan700,
+    primary3Color: grey400,
+    accent1Color: pinkA200,
+    accent2Color: grey100,
+    accent3Color: grey500,
+    textColor: darkBlack,
+    alternateTextColor: white,
+    canvasColor: white,
+    borderColor: grey300,
+    disabledColor: fade(darkBlack, 0.3),
+    pickerHeaderColor: cyan500,
+    clockCircleColor: fade(darkBlack, 0.07),
+    shadowColor: fullBlack,
+  },
+};
+
+const lightMuiTheme = getMuiTheme(lightBaseTheme);
+
+
+class DeepDownTheTree extends React.Component<{} & {muiTheme: MuiTheme}, {}> {
+  static propTypes: React.ValidationMap<any> = {
+    muiTheme: React.PropTypes.object.isRequired,
+  };
+
+  render() {
+    return (
+      <span style={{color: this.props.muiTheme.palette.textColor}}>
+        Hello World!
+      </span>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/customization/inline-styles"
+const InlineStylesCheckbox = () => (
+  <Checkbox
+    id="checkboxId1"
+    name="checkboxName1"
+    value="checkboxValue1"
+    label="went for a run today"
+    style={{
+      width: '50%',
+      margin: '0 auto'
+    }}
+    iconStyle={{
+      fill: '#FF4081'
+    }}
+  />
+);
+
+
+// "http://www.material-ui.com/#/components/app-bar"
+const AppBarExampleIcon = () => (
+  <AppBar
+    title="Title"
+    iconClassNameRight="muidocs-icon-navigation-expand-more"
+  />
+);
+
+const AppBarExampleIconButton = () => (
+  <AppBar
+    title={<span style={styles.title}>Title</span>}
+    onTitleTouchTap={handleTouchTap}
+    iconElementLeft={<IconButton><NavigationClose /></IconButton>}
+    iconElementRight={<FlatButton label="Save" />}
+  />
+);
+
+const AppBarExampleIconMenu = () => (
+  <AppBar
+    title="Title"
+    iconElementLeft={<IconButton><NavigationClose /></IconButton>}
+    iconElementRight={
+      <IconMenu
+        iconButtonElement={
+          <IconButton><MoreVertIcon /></IconButton>
+        }
+        targetOrigin={{horizontal: 'right', vertical: 'top'}}
+        anchorOrigin={{horizontal: 'right', vertical: 'top'}}
+      >
+        <MenuItem primaryText="Refresh" />
+        <MenuItem primaryText="Help" />
+        <MenuItem primaryText="Sign out" />
+      </IconMenu>
+    }
+  />
+);
+
+// "http://www.material-ui.com/#/components/auto-complete"
+export class AutoCompleteExampleSimple extends React.Component<{}, {dataSource: string[]}> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      dataSource: [],
+    };
+  }
+
+  handleUpdateInput = (value) => {
+    this.setState({
+      dataSource: [
+        value,
+        value + value,
+        value + value + value,
+      ],
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <AutoComplete
+          hintText="Type anything"
+          dataSource={this.state.dataSource}
+          onUpdateInput={this.handleUpdateInput}
+        />
+        <AutoComplete
+          hintText="Type anything"
+          dataSource={this.state.dataSource}
+          onUpdateInput={this.handleUpdateInput}
+          floatingLabelText="Full width"
+          fullWidth={true}
+        />
+      </div>
+    );
+  }
+}
+
+const dataSource1 = [
+  {
+    text: 'text-value1',
+    value: (
+      <MenuItem
+        primaryText="text-value1"
+        secondaryText="&#9786;"
+      />
+    ),
+  },
+  {
+    text: 'text-value2',
+    value: (
+      <MenuItem
+        primaryText="text-value2"
+        secondaryText="&#9786;"
+      />
+    ),
+  },
+];
+
+const dataSource2 = ['12345', '23456', '34567'];
+
+const dataSource3 = [
+  {text: 'Some Text', value: 'someFirstValue'},
+  {text: 'Some Text', value: 'someSecondValue'},
+];
+
+const AutoCompleteExampleNoFilter = () => (
+  <div>
+    <AutoComplete
+      hintText="text-value data"
+      filter={AutoComplete.noFilter}
+      dataSource={dataSource1}
+    /><br />
+    <AutoComplete
+      floatingLabelText="showAllItems"
+      filter={AutoComplete.noFilter}
+      openOnFocus={true}
+      dataSource={dataSource2}
+    /><br />
+    <AutoComplete
+      floatingLabelText="Same text, different values"
+      filter={AutoComplete.noFilter}
+      openOnFocus={true}
+      dataSource={dataSource3}
+    />
+  </div>
+);
+
+const colors = [
+  'Red',
+  'Orange',
+  'Yellow',
+  'Green',
+  'Blue',
+  'Purple',
+  'Black',
+  'White',
+];
+
+const fruit = [
+  'Apple', 'Apricot', 'Avocado',
+  'Banana', 'Bilberry', 'Blackberry', 'Blackcurrant', 'Blueberry',
+  'Boysenberry', 'Blood Orange',
+  'Cantaloupe', 'Currant', 'Cherry', 'Cherimoya', 'Cloudberry',
+  'Coconut', 'Cranberry', 'Clementine',
+  'Damson', 'Date', 'Dragonfruit', 'Durian',
+  'Elderberry',
+  'Feijoa', 'Fig',
+  'Goji berry', 'Gooseberry', 'Grape', 'Grapefruit', 'Guava',
+  'Honeydew', 'Huckleberry',
+  'Jabouticaba', 'Jackfruit', 'Jambul', 'Jujube', 'Juniper berry',
+  'Kiwi fruit', 'Kumquat',
+  'Lemon', 'Lime', 'Loquat', 'Lychee',
+  'Nectarine',
+  'Mango', 'Marion berry', 'Melon', 'Miracle fruit', 'Mulberry', 'Mandarine',
+  'Olive', 'Orange',
+  'Papaya', 'Passionfruit', 'Peach', 'Pear', 'Persimmon', 'Physalis', 'Plum', 'Pineapple',
+  'Pumpkin', 'Pomegranate', 'Pomelo', 'Purple Mangosteen',
+  'Quince',
+  'Raspberry', 'Raisin', 'Rambutan', 'Redcurrant',
+  'Salal berry', 'Satsuma', 'Star fruit', 'Strawberry', 'Squash', 'Salmonberry',
+  'Tamarillo', 'Tamarind', 'Tomato', 'Tangerine',
+  'Ugli fruit',
+  'Watermelon',
+];
+
+const AutoCompleteExampleFilters = () => (
+  <div>
+    <AutoComplete
+      floatingLabelText="Type 'r', case insensitive"
+      filter={AutoComplete.caseInsensitiveFilter}
+      dataSource={colors}
+    />
+    <br />
+    <AutoComplete
+      floatingLabelText="Type 'peah', fuzzy search"
+      filter={AutoComplete.fuzzyFilter}
+      dataSource={fruit}
+      maxSearchResults={5}
+    />
+  </div>
+);
+
+// "http://www.material-ui.com/#/components/avatar"
+const AvatarExampleSimple = () => (
+  <List>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar src="images/uxceo-128.jpg" />
+      }
+    >
+      Image Avatar
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar
+          src="images/uxceo-128.jpg"
+          size={30}
+          style={style}
+        />
+      }
+    >
+      Image Avatar with custom size
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar icon={<FontIcon className="muidocs-icon-communication-voicemail" />} />
+      }
+    >
+      FontIcon Avatar
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar
+          icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
+          color={blue300}
+          backgroundColor={indigo900}
+          size={30}
+          style={style}
+        />
+      }
+    >
+      FontIcon Avatar with custom colors and size
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar icon={<FileFolder />} />
+      }
+    >
+      SvgIcon Avatar
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar
+          icon={<FileFolder />}
+          color={orange200}
+          backgroundColor={pink400}
+          size={30}
+          style={style}
+        />
+      }
+    >
+      SvgIcon Avatar with custom colors and size
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={<Avatar>A</Avatar>}
+    >
+      Letter Avatar
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar
+          color={deepOrange300}
+          backgroundColor={purple500}
+          size={30}
+          style={style}
+        >
+          A
+        </Avatar>
+      }
+    >
+      Letter Avatar with custom colors and size
+    </ListItem>
+  </List>
+);
+
+
+// "http://www.material-ui.com/#/components/badge"
+const BadgeExampleSimple = () => (
+  <div>
+    <Badge
+      badgeContent={4}
+      primary={true}
+    >
+      <NotificationsIcon />
+    </Badge>
+    <Badge
+      badgeContent={10}
+      secondary={true}
+      badgeStyle={{top: 12, right: 12}}
+    >
+      <IconButton tooltip="Notifications">
+        <NotificationsIcon />
+      </IconButton>
+    </Badge>
+  </div>
+);
+
+const BadgeExampleContent = () => (
+  <div>
+    <Badge
+      badgeContent={<IconButton tooltip="Backup"><UploadIcon /></IconButton>}
+    >
+      <FolderIcon />
+    </Badge>
+    <Badge
+      badgeContent="&copy;"
+      badgeStyle={{fontSize: 20}}
+    >
+      Company Name
+    </Badge>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/flat-button"
+const FlatButtonExampleSimple = () => (
+  <div>
+    <FlatButton label="Default" />
+    <FlatButton label="Primary" primary={true} />
+    <FlatButton label="Secondary" secondary={true} />
+    <FlatButton label="Disabled" disabled={true} />
+  </div>
+);
+
+const FlatButtonExampleComplex = () => (
+  <div>
+    <FlatButton label="Choose an Image" labelPosition="before">
+      <input type="file" style={styles.exampleImageInput} />
+    </FlatButton>
+
+    <FlatButton
+      label={<span>Label before</span>}
+      labelPosition="before"
+      primary={true}
+      style={styles.button}
+      icon={<ActionAndroid />}
+    />
+
+    <FlatButton
+      label="GitHub Link"
+      linkButton={true}
+      href="https://github.com/callemall/material-ui"
+      secondary={true}
+      icon={<FontIcon className="muidocs-icon-custom-github" />}
+    />
+
+  </div>
+);
+
+const FlatButtonExampleIcon = () => (
+  <div>
+    <FlatButton
+      icon={<ActionAndroid />}
+      style={style}
+    />
+    <FlatButton
+      backgroundColor="#a4c639"
+      hoverColor="#8AA62F"
+      icon={<ActionAndroid color={fullWhite} />}
+      style={style}
+    />
+    <FlatButton
+      linkButton={true}
+      href="https://github.com/callemall/material-ui"
+      secondary={true}
+      icon={<FontIcon className="muidocs-icon-custom-github" />}
+      style={style}
+    />
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/raised-button"
+const RaisedButtonExampleSimple = () => (
+  <div>
+    <RaisedButton label="Default" style={style} />
+    <RaisedButton label="Primary" primary={true} style={style} />
+    <RaisedButton label="Secondary" secondary={true} style={style} />
+    <RaisedButton label="Disabled" disabled={true} style={style} />
+  </div>
+);
+
+const RaisedButtonExampleComplex = () => (
+  <div>
+    <RaisedButton
+      label="Choose an Image"
+      labelPosition="before"
+      style={styles.button}
+    >
+      <input type="file" style={styles.exampleImageInput} />
+    </RaisedButton>
+    <RaisedButton
+      label={<span>Label before</span>}
+      labelPosition="before"
+      primary={true}
+      icon={<ActionAndroid />}
+      style={styles.button}
+    />
+    <RaisedButton
+      label="Github Link"
+      linkButton={true}
+      href="https://github.com/callemall/material-ui"
+      secondary={true}
+      style={styles.button}
+      icon={<FontIcon className="muidocs-icon-custom-github" />}
+    />
+  </div>
+);
+
+const RaisedButtonExampleIcon = () => (
+  <div>
+    <RaisedButton
+      icon={<ActionAndroid />}
+      style={style}
+    />
+    <RaisedButton
+      backgroundColor="#a4c639"
+      icon={<ActionAndroid color={fullWhite} />}
+      style={style}
+    />
+    <RaisedButton
+      linkButton={true}
+      href="https://github.com/callemall/material-ui"
+      secondary={true}
+      icon={<FontIcon className="muidocs-icon-custom-github" />}
+      style={style}
+    />
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/floating-action-button"
+const FloatingActionButtonExampleSimple = () => (
+  <div>
+    <FloatingActionButton style={style}>
+      <ContentAdd />
+    </FloatingActionButton>
+
+    <FloatingActionButton mini={true} style={style}>
+      <ContentAdd />
+    </FloatingActionButton>
+
+    <FloatingActionButton secondary={true} style={style}>
+      <ContentAdd />
+    </FloatingActionButton>
+
+    <FloatingActionButton mini={true} secondary={true} style={style}>
+      <ContentAdd />
+    </FloatingActionButton>
+
+    <FloatingActionButton disabled={true} style={style}>
+      <ContentAdd />
+    </FloatingActionButton>
+
+    <FloatingActionButton mini={true} disabled={true} style={style}>
+      <ContentAdd />
+    </FloatingActionButton>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/icon-button"
+const IconButtonExampleSimple = () => (
+  <div>
+    <IconButton iconClassName="muidocs-icon-custom-github" />
+    <IconButton iconClassName="muidocs-icon-custom-github" disabled={true} />
+  </div>
+);
+
+const IconButtonExampleComplex = () => (
+  <div>
+    <IconButton tooltip="Font Icon">
+      <FontIcon className="muidocs-icon-action-home" />
+    </IconButton>
+
+    <IconButton tooltip="SVG Icon">
+      <ActionHome />
+    </IconButton>
+
+    <IconButton
+      iconClassName="material-icons"
+      tooltip="Ligature"
+    >
+      home
+    </IconButton>
+  </div>
+);
+
+const IconButtonExampleSize = () => (
+  <div>
+    <IconButton>
+      <ActionHome />
+    </IconButton>
+
+    <IconButton
+      iconStyle={styles.smallIcon}
+      style={styles.small}
+    >
+      <ActionHome />
+    </IconButton>
+
+    <IconButton
+      iconStyle={styles.mediumIcon}
+      style={styles.medium}
+    >
+      <ActionHome />
+    </IconButton>
+
+    <IconButton
+      iconStyle={styles.largeIcon}
+      style={styles.large}
+    >
+      <ActionHome />
+    </IconButton>
+  </div>
+);
+
+const IconButtonExampleTooltip = () => (
+  <div>
+    <IconButton
+      iconClassName="muidocs-icon-custom-github" tooltip="bottom-right"
+      tooltipPosition="bottom-right"
+    />
+    <IconButton
+      iconClassName="muidocs-icon-custom-github" tooltip="bottom-center"
+      tooltipPosition="bottom-center"
+    />
+    <IconButton
+      iconClassName="muidocs-icon-custom-github" tooltip="bottom-left"
+      tooltipPosition="bottom-left"
+    />
+    <IconButton
+      iconClassName="muidocs-icon-custom-github" tooltip="top-right"
+      tooltipPosition="top-right"
+    />
+    <IconButton
+      iconClassName="muidocs-icon-custom-github" tooltip="top-center"
+      tooltipPosition="top-center"
+    />
+    <IconButton
+      iconClassName="muidocs-icon-custom-github" tooltip="top-left"
+      tooltipPosition="top-left"
+    />
+  </div>
+);
+
+const IconButtonExampleTouch = () => (
+  <div>
+    <IconButton tooltip="bottom-right" touch={true} tooltipPosition="bottom-right">
+      <ActionGrade />
+    </IconButton>
+    <IconButton tooltip="bottom-center" touch={true} tooltipPosition="bottom-center">
+      <ActionGrade />
+    </IconButton>
+    <IconButton tooltip="bottom-left" touch={true} tooltipPosition="bottom-left">
+      <ActionGrade />
+    </IconButton>
+    <IconButton tooltip="top-right" touch={true} tooltipPosition="top-right">
+      <ActionGrade />
+    </IconButton>
+    <IconButton tooltip="top-center" touch={true} tooltipPosition="top-center">
+      <ActionGrade />
+    </IconButton>
+    <IconButton tooltip="top-left" touch={true} tooltipPosition="top-left">
+      <ActionGrade />
+    </IconButton>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/card"
+const CardExampleWithAvatar = () => (
+  <Card>
+    <CardHeader
+      title="URL Avatar"
+      subtitle="Subtitle"
+      avatar="http://lorempixel.com/100/100/nature/"
+    />
+    <CardMedia
+      overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
+    >
+      <img src="http://lorempixel.com/600/337/nature/" />
+    </CardMedia>
+    <CardTitle title="Card title" subtitle="Card subtitle" />
+    <CardText>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+      Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
+      Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
+      Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
+    </CardText>
+    <CardActions>
+      <FlatButton label="Action1" />
+      <FlatButton label="Action2" />
+    </CardActions>
+  </Card>
+);
+
+const CardExampleWithoutAvatar = () => (
+  <Card>
+    <CardHeader
+      title="Without Avatar"
+      subtitle="Subtitle"
+      actAsExpander={true}
+      showExpandableButton={true}
+    />
+    <CardText expandable={true}>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+      Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
+      Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
+      Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
+    </CardText>
+    <CardActions expandable={true}>
+      <FlatButton label="Action1" />
+      <FlatButton label="Action2" />
+    </CardActions>
+  </Card>
+);
+
+class CardExampleControlled extends React.Component<{}, {expanded: boolean}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      expanded: false,
+    };
+  }
+
+  handleExpandChange = (expanded) => {
+    this.setState({expanded: expanded});
+  };
+
+  handleToggle = (event, toggle) => {
+    this.setState({expanded: toggle});
+  };
+
+  handleExpand = () => {
+    this.setState({expanded: true});
+  };
+
+  handleReduce = () => {
+    this.setState({expanded: false});
+  };
+
+  render() {
+    return (
+      <Card expanded={this.state.expanded} onExpandChange={this.handleExpandChange}>
+        <CardHeader
+          title="URL Avatar"
+          subtitle="Subtitle"
+          avatar="http://lorempixel.com/100/100/nature/"
+          actAsExpander={true}
+          showExpandableButton={true}
+        />
+        <CardText>
+          <Toggle
+            toggled={this.state.expanded}
+            onToggle={this.handleToggle}
+            labelPosition="right"
+            label="This toggle controls the expanded state of the component."
+          />
+        </CardText>
+        <CardMedia
+          expandable={true}
+          overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
+        >
+          <img src="http://lorempixel.com/600/337/nature/" />
+        </CardMedia>
+        <CardTitle title="Card title" subtitle="Card subtitle" expandable={true} />
+        <CardText expandable={true}>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+          Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
+          Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
+          Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
+        </CardText>
+        <CardActions>
+          <FlatButton label="Expand" onTouchTap={this.handleExpand} />
+          <FlatButton label="Reduce" onTouchTap={this.handleReduce} />
+        </CardActions>
+      </Card>
+    );
+  }
+}
+
+// "http://www.material-ui.com/#/components/chip"
+const ChipExampleSimple = () => (
+  <div>
+    <Chip>Basic Chip</Chip>
+    <Chip backgroundColor={blue300}>Blue Background</Chip>
+    <Chip labelColor={blue500}>Blue Label Color</Chip>
+    <Chip><Avatar size={32} color={blue300} backgroundColor={indigo900}>UI</Avatar> Avatar</Chip>
+    <Chip style={styles.chip}>Styled</Chip>
+  </div>
+);
+
+class ChipExampleComplex extends React.Component<{}, {}>{
+  handleRequestDelete = () => {
+    alert('You clicked the delete button.');
+  }
+
+  handleTouchTap = () => {
+    alert('You clicked the Chip.');
+  }
+
+  render() {
+    return (
+      <div>
+        <Chip onTouchTap={this.handleTouchTap} onRequestDelete={this.handleRequestDelete}>Click Me</Chip>
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/date-picker"
+const DatePickerExampleSimple = () => (
+  <div>
+    <DatePicker hintText="Portrait Dialog" />
+    <DatePicker hintText="Landscape Dialog" mode="landscape" />
+    <DatePicker hintText="Dialog Disabled" disabled={true} />
+  </div>
+);
+
+const DatePickerExampleInline = () => (
+  <div>
+    <DatePicker hintText="Portrait Inline Dialog" container="inline" />
+    <DatePicker hintText="Landscape Inline Dialog" container="inline" mode="landscape" />
+  </div>
+);
+
+const optionsStyle = {
+  maxWidth: 255,
+  marginRight: 'auto',
+};
+
+interface DatePickerExampleToggleState {
+  minDate?: Date;
+  maxDate?: Date;
+  autoOk?: boolean;
+  disableYearSelection?: boolean;
+}
+
+class DatePickerExampleToggle extends React.Component<{}, DatePickerExampleToggleState> {
+  constructor(props) {
+    super(props);
+
+    const minDate = new Date();
+    const maxDate = new Date();
+    minDate.setFullYear(minDate.getFullYear() - 1);
+    minDate.setHours(0, 0, 0, 0);
+    maxDate.setFullYear(maxDate.getFullYear() + 1);
+    maxDate.setHours(0, 0, 0, 0);
+
+    this.state = {
+      minDate: minDate,
+      maxDate: maxDate,
+      autoOk: false,
+      disableYearSelection: false,
+    };
+  }
+
+  handleChangeMinDate = (event, date) => {
+    this.setState({
+      minDate: date,
+    });
+  };
+
+  handleChangeMaxDate = (event, date) => {
+    this.setState({
+      maxDate: date,
+    });
+  };
+
+  handleToggle = (event, toggled) => {
+    this.setState({
+      [event.target.name]: toggled,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <DatePicker
+          floatingLabelText="Ranged Date Picker"
+          autoOk={this.state.autoOk}
+          minDate={this.state.minDate}
+          maxDate={this.state.maxDate}
+          disableYearSelection={this.state.disableYearSelection}
+        />
+        <div style={optionsStyle}>
+          <DatePicker
+            onChange={this.handleChangeMinDate}
+            autoOk={this.state.autoOk}
+            floatingLabelText="Min Date"
+            defaultDate={this.state.minDate}
+            disableYearSelection={this.state.disableYearSelection}
+          />
+          <DatePicker
+            onChange={this.handleChangeMaxDate}
+            autoOk={this.state.autoOk}
+            floatingLabelText="Max Date"
+            defaultDate={this.state.maxDate}
+            disableYearSelection={this.state.disableYearSelection}
+          />
+          <Toggle
+            name="autoOk"
+            value="autoOk"
+            label="Auto Ok"
+            toggled={this.state.autoOk}
+            onToggle={this.handleToggle}
+          />
+          <Toggle
+            name="disableYearSelection"
+            value="disableYearSelection"
+            label="Disable Year Selection"
+            toggled={this.state.disableYearSelection}
+            onToggle={this.handleToggle}
+          />
+        </div>
+      </div>
+    );
+  }
+}
+
+class DatePickerExampleControlled extends React.Component<{}, {controlledDate?: Date}> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      controlledDate: null,
+    };
+  }
+
+  handleChange = (event, date) => {
+    this.setState({
+      controlledDate: date,
+    });
+  };
+
+  render() {
+    return (
+      <DatePicker
+        hintText="Controlled Date Input"
+        value={this.state.controlledDate}
+        onChange={this.handleChange}
+      />
+    );
+  }
+}
+
+function disableWeekends(date) {
+  return date.getDay() === 0 || date.getDay() === 6;
+}
+function disableRandomDates() {
+  return Math.random() > 0.7;
+}
+const DatePickerExampleDisableDates = () => (
+  <div>
+    <DatePicker hintText="Weekends Disabled" shouldDisableDate={disableWeekends} />
+    <DatePicker hintText="Random Dates Disabled" shouldDisableDate={disableRandomDates} />
+  </div>
+);
+
+let DateTimeFormat = new Intl.DateTimeFormat('fr');
+const DatePickerExampleInternational = () => (
+  <div>
+    <DatePicker
+      hintText="fr locale"
+      DateTimeFormat={DateTimeFormat}
+      okLabel="OK"
+      cancelLabel="Annuler"
+      locale="fr"
+    />
+    <DatePicker
+      hintText="en-US locale"
+      locale="en-US"
+      firstDayOfWeek={0}
+    />
+    <DatePicker
+      hintText="Custom date format"
+      firstDayOfWeek={0}
+      formatDate={new Intl.DateTimeFormat('en-US', {
+        day: 'numeric',
+        month: 'long',
+        year: 'numeric',
+      }).format}
+    />
+  </div>
+);
+
+
+
+// "http://material-ui.com/#/components/dialog"
+class DialogExampleSimple extends React.Component<{}, {open?: boolean}> {
+  state = {
+    open: false,
+  };
+
+  handleOpen = () => {
+    this.setState({open: true});
+  };
+
+  handleClose = () => {
+    this.setState({open: false});
+  };
+
+  render() {
+    const actions = [
+      <FlatButton
+        label="Cancel"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+      <FlatButton
+        label="Submit"
+        primary={true}
+        keyboardFocused={true}
+        onTouchTap={this.handleClose}
+      />,
+    ];
+
+    return (
+      <div>
+        <RaisedButton label="Dialog" onTouchTap={this.handleOpen} />
+        <Dialog
+          title="Dialog With Actions"
+          actions={actions}
+          modal={false}
+          open={this.state.open}
+          onRequestClose={this.handleClose}
+        >
+          The actions in this window were passed in as an array of React objects.
+        </Dialog>
+      </div>
+    );
+  }
+}
+
+class DialogExampleModal extends React.Component<{}, {open?: boolean}> {
+  state = {
+    open: false,
+  };
+
+  handleOpen = () => {
+    this.setState({open: true});
+  };
+
+  handleClose = () => {
+    this.setState({open: false});
+  };
+
+  render() {
+    const actions = [
+      <FlatButton
+        label="Cancel"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+      <FlatButton
+        label="Submit"
+        primary={true}
+        disabled={true}
+        onTouchTap={this.handleClose}
+      />,
+    ];
+
+    return (
+      <div>
+        <RaisedButton label="Modal Dialog" onTouchTap={this.handleOpen} />
+        <Dialog
+          title="Dialog With Actions"
+          actions={actions}
+          modal={true}
+          open={this.state.open}
+        >
+          Only actions can close this dialog.
+        </Dialog>
+      </div>
+    );
+  }
+}
+
+class DialogExampleCustomWidth extends React.Component<{}, {open?: boolean}> {
+  state = {
+    open: false,
+  };
+
+  handleOpen = () => {
+    this.setState({open: true});
+  };
+
+  handleClose = () => {
+    this.setState({open: false});
+  };
+
+  render() {
+    const actions = [
+      <FlatButton
+        label="Cancel"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+      <FlatButton
+        label="Submit"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+    ];
+
+    return (
+      <div>
+        <RaisedButton label="Dialog With Custom Width" onTouchTap={this.handleOpen} />
+        <Dialog
+          title="Dialog With Custom Width"
+          actions={actions}
+          modal={true}
+          contentStyle={customContentStyle}
+          open={this.state.open}
+        >
+          This dialog spans the entire width of the screen.
+        </Dialog>
+      </div>
+    );
+  }
+}
+
+class DialogExampleDialogDatePicker extends React.Component<{}, {open?: boolean}> {
+  state = {
+    open: false,
+  };
+
+  handleOpen = () => {
+    this.setState({open: true});
+  };
+
+  handleClose = () => {
+    this.setState({open: false});
+  };
+
+  render() {
+    const actions = [
+      <FlatButton
+        label="Ok"
+        primary={true}
+        keyboardFocused={true}
+        onTouchTap={this.handleClose}
+      />,
+    ];
+
+    return (
+      <div>
+        <RaisedButton label="Dialog With Date Picker" onTouchTap={this.handleOpen} />
+        <Dialog
+          title="Dialog With Date Picker"
+          actions={actions}
+          modal={false}
+          open={this.state.open}
+          onRequestClose={this.handleClose}
+        >
+          Open a Date Picker dialog from within a dialog.
+          <DatePicker hintText="Date Picker" />
+        </Dialog>
+      </div>
+    );
+  }
+}
+
+class DialogExampleScrollable extends React.Component<{}, {open?: boolean}> {
+  state = {
+    open: false,
+  };
+
+  handleOpen = () => {
+    this.setState({open: true});
+  };
+
+  handleClose = () => {
+    this.setState({open: false});
+  };
+
+  render() {
+    const actions = [
+      <FlatButton
+        label="Cancel"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+      <FlatButton
+        label="Submit"
+        primary={true}
+        keyboardFocused={true}
+        onTouchTap={this.handleClose}
+      />,
+    ];
+
+    const radios = [];
+    for (let i = 0; i < 30; i++) {
+      radios.push(
+        <RadioButton
+          key={i}
+          value={`value${i + 1}`}
+          label={`Option ${i + 1}`}
+          style={styles.radioButton}
+        />
+      );
+    }
+
+    return (
+      <div>
+        <RaisedButton label="Scrollable Dialog" onTouchTap={this.handleOpen} />
+        <Dialog
+          title="Scrollable Dialog"
+          actions={actions}
+          modal={false}
+          open={this.state.open}
+          onRequestClose={this.handleClose}
+          autoScrollBodyContent={true}
+        >
+          <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
+            {radios}
+          </RadioButtonGroup>
+        </Dialog>
+      </div>
+    );
+  }
+}
+
+class DialogExampleAlert extends React.Component<{}, {open?: boolean}> {
+  state = {
+    open: false,
+  };
+
+  handleOpen = () => {
+    this.setState({open: true});
+  };
+
+  handleClose = () => {
+    this.setState({open: false});
+  };
+
+  render() {
+    const actions = [
+      <FlatButton
+        label="Cancel"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+      <FlatButton
+        label="Discard"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+    ];
+
+    return (
+      <div>
+        <RaisedButton label="Alert" onTouchTap={this.handleOpen} />
+        <Dialog
+          actions={actions}
+          modal={false}
+          open={this.state.open}
+          onRequestClose={this.handleClose}
+        >
+          Discard draft?
+        </Dialog>
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/divider"
+const DividerExampleForm = () => (
+  <Paper zDepth={2}>
+    <TextField hintText="First name" style={style} underlineShow={false} />
+    <Divider />
+    <TextField hintText="Middle name" style={style} underlineShow={false} />
+    <Divider />
+    <TextField hintText="Last name" style={style} underlineShow={false} />
+    <Divider />
+    <TextField hintText="Email address" style={style} underlineShow={false} />
+    <Divider />
+  </Paper>
+);
+
+const DividerExampleList = () => (
+  <Paper height={250}>
+    <List>
+      <ListItem insetChildren={true} primaryText="Janet Perkins Bennet" />
+      <ListItem insetChildren={true} primaryText="Peter Carlsson" />
+    </List>
+    <Divider inset={true} />
+    <List>
+      <ListItem insetChildren={true} primaryText="Aaron Bennet" />
+      <ListItem insetChildren={true} primaryText="Abbey Christensen" />
+    </List>
+  </Paper>
+);
+
+const DividerExampleMenu = () => (
+  <Menu desktop={true} style={style}>
+    <MenuItem primaryText="Settings" />
+    <MenuItem primaryText="Help &amp; feedback" />
+    <Divider />
+    <MenuItem primaryText="Sign out" />
+  </Menu>
+);
+
+
+// "http://www.material-ui.com/#/components/drawer"
+class DrawerSimpleExample extends React.Component<{}, {open?: boolean}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {open: false};
+  }
+
+  handleToggle = () => this.setState({open: !this.state.open});
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          label="Toggle Drawer"
+          onTouchTap={this.handleToggle}
+        />
+        <Drawer open={this.state.open}>
+          <MenuItem>Menu Item</MenuItem>
+          <MenuItem>Menu Item 2</MenuItem>
+        </Drawer>
+      </div>
+    );
+  }
+}
+
+class DrawerUndockedExample extends React.Component<{}, {open?: boolean}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {open: false};
+  }
+
+  handleToggle = () => this.setState({open: !this.state.open});
+
+  handleClose = () => this.setState({open: false});
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          label="Open Drawer"
+          onTouchTap={this.handleToggle}
+        />
+        <Drawer
+          docked={false}
+          width={200}
+          open={this.state.open}
+          onRequestChange={(open) => this.setState({open})}
+        >
+          <MenuItem onTouchTap={this.handleClose}>Menu Item</MenuItem>
+          <MenuItem onTouchTap={this.handleClose}>Menu Item 2</MenuItem>
+        </Drawer>
+      </div>
+    );
+  }
+}
+
+class DrawerOpenRightExample extends React.Component<{}, {open?: boolean}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {open: false};
+  }
+
+  handleToggle = () => this.setState({open: !this.state.open});
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          label="Toggle Drawer"
+          onTouchTap={this.handleToggle}
+        />
+        <Drawer width={200} openSecondary={true} open={this.state.open} >
+          <AppBar title="AppBar" />
+        </Drawer>
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/grid-list"
+const tilesData: {img: string, title: string, author: string, featured?: boolean}[] = [
+  {
+    img: 'images/grid-list/00-52-29-429_640.jpg',
+    title: 'Breakfast',
+    author: 'jill111',
+    featured: true,
+  },
+  {
+    img: 'images/grid-list/burger-827309_640.jpg',
+    title: 'Tasty burger',
+    author: 'pashminu',
+  },
+  {
+    img: 'images/grid-list/camera-813814_640.jpg',
+    title: 'Camera',
+    author: 'Danson67',
+  },
+  {
+    img: 'images/grid-list/morning-819362_640.jpg',
+    title: 'Morning',
+    author: 'fancycrave1',
+  },
+  {
+    img: 'images/grid-list/hats-829509_640.jpg',
+    title: 'Hats',
+    author: 'Hans',
+  },
+  {
+    img: 'images/grid-list/honey-823614_640.jpg',
+    title: 'Honey',
+    author: 'fancycravel',
+  },
+  {
+    img: 'images/grid-list/vegetables-790022_640.jpg',
+    title: 'Vegetables',
+    author: 'jill111',
+  },
+  {
+    img: 'images/grid-list/water-plant-821293_640.jpg',
+    title: 'Water plant',
+    author: 'BkrmadtyaKarki',
+  },
+];
+
+const GridListExampleSimple = () => (
+  <div style={styles.root}>
+    <GridList
+      cellHeight={200}
+      style={styles.gridList}
+    >
+      <Subheader>December</Subheader>
+      {tilesData.map((tile) => (
+        <GridTile
+          key={tile.img}
+          title={tile.title}
+          subtitle={<span>by <b>{tile.author}</b></span>}
+          actionIcon={<IconButton><StarBorder color="white" /></IconButton>}
+        >
+          <img src={tile.img} />
+        </GridTile>
+      ))}
+    </GridList>
+  </div>
+);
+
+const GridListExampleComplex = () => (
+  <div style={styles.root}>
+    <GridList
+      cols={2}
+      cellHeight={200}
+      padding={1}
+      style={styles.gridList}
+    >
+      {tilesData.map((tile) => (
+        <GridTile
+          key={tile.img}
+          title={tile.title}
+          actionIcon={<IconButton><StarBorder color="white" /></IconButton>}
+          actionPosition="left"
+          titlePosition="top"
+          titleBackground="linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0) 100%)"
+          cols={tile.featured ? 2 : 1}
+          rows={tile.featured ? 2 : 1}
+        >
+          <img src={tile.img} />
+        </GridTile>
+      ))}
+    </GridList>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/font-icon"
+const FontIconExampleSimple = () => (
+  <div>
+    <FontIcon
+      className="muidocs-icon-action-home"
+      style={iconStyles}
+    />
+
+    <FontIcon
+      className="muidocs-icon-action-home"
+      style={iconStyles}
+      color={blue500}
+    />
+
+    <FontIcon
+      className="muidocs-icon-action-home"
+      style={iconStyles}
+      color={red500}
+      hoverColor={greenA200}
+    />
+  </div>
+);
+
+const FontIconExampleIcons = () => (
+  <div>
+    <FontIcon className="material-icons" style={iconStyles}>home</FontIcon>
+    <FontIcon className="material-icons" style={iconStyles} color={red500}>flight_takeoff</FontIcon>
+    <FontIcon className="material-icons" style={iconStyles} color={yellow500}>cloud_download</FontIcon>
+    <FontIcon className="material-icons" style={iconStyles} color={blue500}>videogame_asset</FontIcon>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/svg-icon"
+const HomeIcon = (props) => (
+  <SvgIcon {...props}>
+    <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
+  </SvgIcon>
+);
+
+const SvgIconExampleSimple = () => (
+  <div>
+    <HomeIcon style={iconStyles} />
+    <HomeIcon style={iconStyles} color={blue500} />
+    <HomeIcon style={iconStyles} color={red500} hoverColor={greenA200} />
+  </div>
+);
+
+const SvgIconExampleIcons = () => (
+  <div>
+    <ActionHome style={iconStyles} />
+    <ActionFlightTakeoff style={iconStyles} color={red500} />
+    <FileCloudDownload style={iconStyles} color={yellow500} />
+    <HardwareVideogameAsset style={iconStyles} color={blue500} />
+  </div>
+);
+
+
+// "http://material-ui.com/#/components/lists"
+const ListExampleSimple = () => (
+  <Paper>
+    <List>
+      <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
+      <ListItem primaryText="Starred" leftIcon={<ActionGrade />} />
+      <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
+      <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
+      <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
+    </List>
+    <Divider />
+    <List>
+      <ListItem primaryText="All mail" rightIcon={<ActionInfo />} />
+      <ListItem primaryText="Trash" rightIcon={<ActionInfo />} />
+      <ListItem primaryText="Spam" rightIcon={<ActionInfo />} />
+      <ListItem primaryText="Follow up" rightIcon={<ActionInfo />} />
+    </List>
+  </Paper>
+);
+
+const ListExampleChat = () => (
+  <Paper>
+    <List>
+      <Subheader>Recent chats</Subheader>
+      <ListItem
+        primaryText="Brendan Lim"
+        leftAvatar={<Avatar src="images/ok-128.jpg" />}
+        rightIcon={<CommunicationChatBubble />}
+      />
+      <ListItem
+        primaryText="Eric Hoffman"
+        leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+        rightIcon={<CommunicationChatBubble />}
+      />
+      <ListItem
+        primaryText="Grace Ng"
+        leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
+        rightIcon={<CommunicationChatBubble />}
+      />
+      <ListItem
+        primaryText="Kerem Suer"
+        leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+        rightIcon={<CommunicationChatBubble />}
+      />
+      <ListItem
+        primaryText="Raquel Parrado"
+        leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+        rightIcon={<CommunicationChatBubble />}
+      />
+    </List>
+    <Divider />
+    <List>
+      <Subheader>Previous chats</Subheader>
+      <ListItem
+        primaryText="Chelsea Otakan"
+        leftAvatar={<Avatar src="images/chexee-128.jpg" />}
+      />
+      <ListItem
+        primaryText="James Anderson"
+        leftAvatar={<Avatar src="images/jsa-128.jpg" />}
+      />
+    </List>
+  </Paper>
+);
+
+const ListExampleContacts = () => (
+  <Paper>
+    <List>
+      <ListItem
+        primaryText="Chelsea Otakan"
+        leftIcon={<ActionGrade color={pinkA200} />}
+        rightAvatar={<Avatar src="images/chexee-128.jpg" />}
+      />
+      <ListItem
+        primaryText="Eric Hoffman"
+        insetChildren={true}
+        rightAvatar={<Avatar src="images/kolage-128.jpg" />}
+      />
+      <ListItem
+        primaryText="James Anderson"
+        insetChildren={true}
+        rightAvatar={<Avatar src="images/jsa-128.jpg" />}
+      />
+      <ListItem
+        primaryText="Kerem Suer"
+        insetChildren={true}
+        rightAvatar={<Avatar src="images/kerem-128.jpg" />}
+      />
+    </List>
+    <Divider inset={true} />
+    <List>
+      <ListItem
+        primaryText="Adelle Charles"
+        leftAvatar={
+          <Avatar
+            color={pinkA200} backgroundColor={transparent}
+            style={{left: 8}}
+          >
+            A
+          </Avatar>
+        }
+        rightAvatar={<Avatar src="images/adellecharles-128.jpg" />}
+      />
+      <ListItem
+        primaryText="Adham Dannaway"
+        insetChildren={true}
+        rightAvatar={<Avatar src="images/adhamdannaway-128.jpg" />}
+      />
+      <ListItem
+        primaryText="Allison Grayce"
+        insetChildren={true}
+        rightAvatar={<Avatar src="images/allisongrayce-128.jpg" />}
+      />
+      <ListItem
+        primaryText="Angel Ceballos"
+        insetChildren={true}
+        rightAvatar={<Avatar src="images/angelceballos-128.jpg" />}
+      />
+    </List>
+  </Paper>
+);
+
+const ListExampleFolder = () => (
+  <Paper>
+    <List>
+      <Subheader inset={true}>Folders</Subheader>
+      <ListItem
+        leftAvatar={<Avatar icon={<FileFolder />} />}
+        rightIcon={<ActionInfo />}
+        primaryText="Photos"
+        secondaryText="Jan 9, 2014"
+      />
+      <ListItem
+        leftAvatar={<Avatar icon={<FileFolder />} />}
+        rightIcon={<ActionInfo />}
+        primaryText="Recipes"
+        secondaryText="Jan 17, 2014"
+      />
+      <ListItem
+        leftAvatar={<Avatar icon={<FileFolder />} />}
+        rightIcon={<ActionInfo />}
+        primaryText="Work"
+        secondaryText="Jan 28, 2014"
+      />
+    </List>
+    <Divider inset={true} />
+    <List>
+      <Subheader inset={true}>Files</Subheader>
+      <ListItem
+        leftAvatar={<Avatar icon={<ActionAssignment />} backgroundColor={blue500} />}
+        rightIcon={<ActionInfo />}
+        primaryText="Vacation itinerary"
+        secondaryText="Jan 20, 2014"
+      />
+      <ListItem
+        leftAvatar={<Avatar icon={<EditorInsertChart />} backgroundColor={yellow600} />}
+        rightIcon={<ActionInfo />}
+        primaryText="Kitchen remodel"
+        secondaryText="Jan 10, 2014"
+      />
+    </List>
+  </Paper>
+);
+
+const ListExampleNested = () => (
+  <Paper>
+    <List>
+      <Subheader>Nested List Items</Subheader>
+      <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
+      <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
+      <ListItem
+        primaryText="Inbox"
+        leftIcon={<ContentInbox />}
+        initiallyOpen={true}
+        primaryTogglesNestedList={true}
+        nestedItems={[
+          <ListItem
+            key={1}
+            primaryText="Starred"
+            leftIcon={<ActionGrade />}
+          />,
+          <ListItem
+            key={2}
+            primaryText="Sent Mail"
+            leftIcon={<ContentSend />}
+            disabled={true}
+            nestedItems={[
+              <ListItem key={1} primaryText="Drafts" leftIcon={<ContentDrafts />} />,
+            ]}
+          />,
+        ]}
+      />
+    </List>
+  </Paper>
+);
+
+const ListExampleSettings = () => (
+  <div>
+    <Paper>
+      <List>
+        <Subheader>General</Subheader>
+        <ListItem
+          primaryText="Profile photo"
+          secondaryText="Change your Google+ profile photo"
+        />
+        <ListItem
+          primaryText="Show your status"
+          secondaryText="Your status is visible to everyone you use with"
+        />
+      </List>
+      <Divider />
+      <List>
+        <Subheader>Hangout Notifications</Subheader>
+        <ListItem
+          leftCheckbox={<Checkbox />}
+          primaryText="Notifications"
+          secondaryText="Allow notifications"
+        />
+        <ListItem
+          leftCheckbox={<Checkbox />}
+          primaryText="Sounds"
+          secondaryText="Hangouts message"
+        />
+        <ListItem
+          leftCheckbox={<Checkbox />}
+          primaryText="Video sounds"
+          secondaryText="Hangouts video call"
+        />
+      </List>
+    </Paper>
+    <Paper>
+      <List>
+        <ListItem
+          primaryText="When calls and notifications arrive"
+          secondaryText="Always interrupt"
+        />
+      </List>
+      <Divider />
+      <List>
+        <Subheader>Priority Interruptions</Subheader>
+        <ListItem primaryText="Events and reminders" rightToggle={<Toggle />} />
+        <ListItem primaryText="Calls" rightToggle={<Toggle />} />
+        <ListItem primaryText="Messages" rightToggle={<Toggle />} />
+      </List>
+      <Divider />
+      <List>
+        <Subheader>Hangout Notifications</Subheader>
+        <ListItem primaryText="Notifications" leftCheckbox={<Checkbox />} />
+        <ListItem primaryText="Sounds" leftCheckbox={<Checkbox />} />
+        <ListItem primaryText="Video sounds" leftCheckbox={<Checkbox />} />
+      </List>
+    </Paper>
+  </div>
+);
+
+const ListExamplePhone = () => (
+  <Paper>
+    <List>
+      <ListItem
+        leftIcon={<CommunicationCall color={indigo500} />}
+        rightIcon={<CommunicationChatBubble />}
+        primaryText="(650) 555 - 1234"
+        secondaryText="Mobile"
+      />
+      <ListItem
+        insetChildren={true}
+        rightIcon={<CommunicationChatBubble />}
+        primaryText="(323) 555 - 6789"
+        secondaryText="Work"
+      />
+    </List>
+    <Divider inset={true} />
+    <List>
+      <ListItem
+        leftIcon={<CommunicationEmail color={indigo500} />}
+        primaryText="aliconnors@example.com"
+        secondaryText="Personal"
+      />
+      <ListItem
+        insetChildren={true}
+        primaryText="ali_connors@example.com"
+        secondaryText="Work"
+      />
+    </List>
+  </Paper>
+);
+
+const iconButtonElement = (
+  <IconButton
+    touch={true}
+    tooltip="more"
+    tooltipPosition="bottom-left"
+  >
+    <MoreVertIcon color={grey400} />
+  </IconButton>
+);
+
+const rightIconMenu = (
+  <IconMenu iconButtonElement={iconButtonElement}>
+    <MenuItem>Reply</MenuItem>
+    <MenuItem>Forward</MenuItem>
+    <MenuItem>Delete</MenuItem>
+  </IconMenu>
+);
+
+const ListExampleMessages = () => (
+  <div>
+    <Paper>
+      <List>
+        <Subheader>Today</Subheader>
+        <ListItem
+          leftAvatar={<Avatar src="images/ok-128.jpg" />}
+          primaryText="Brunch this weekend?"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Brendan Lim</span> --
+              I&apos;ll be in your neighborhood doing errands this weekend. Do you want to grab brunch?
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+          primaryText={
+            <p>Summer BBQ&nbsp;&nbsp;<span style={{color: lightBlack}}>4</span></p>
+          }
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>to me, Scott, Jennifer</span> --
+              Wish I could come, but I&apos;m out of town this weekend.
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
+          primaryText="Oui oui"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Grace Ng</span> --
+              Do you have Paris recommendations? Have you ever been?
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+          primaryText="Birdthday gift"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Kerem Suer</span> --
+              Do you have any ideas what we can get Heidi for her birthday? How about a pony?
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+          primaryText="Recipe to try"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Raquel Parrado</span> --
+              We should eat this: grated squash. Corn and tomatillo tacos.
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+      </List>
+    </Paper>
+    <Paper>
+      <List>
+        <Subheader>Today</Subheader>
+        <ListItem
+          leftAvatar={<Avatar src="images/ok-128.jpg" />}
+          rightIconButton={rightIconMenu}
+          primaryText="Brendan Lim"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Brunch this weekend?</span><br />
+              I&apos;ll be in your neighborhood doing errands this weekend. Do you want to grab brunch?
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+          rightIconButton={rightIconMenu}
+          primaryText="me, Scott, Jennifer"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Summer BBQ</span><br />
+              Wish I could come, but I&apos;m out of town this weekend.
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
+          rightIconButton={rightIconMenu}
+          primaryText="Grace Ng"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Oui oui</span><br />
+              Do you have any Paris recs? Have you ever been?
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+          rightIconButton={rightIconMenu}
+          primaryText="Kerem Suer"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Birthday gift</span><br />
+              Do you have any ideas what we can get Heidi for her birthday? How about a pony?
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+          rightIconButton={rightIconMenu}
+          primaryText="Raquel Parrado"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Recipe to try</span><br />
+              We should eat this: grated squash. Corn and tomatillo tacos.
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+      </List>
+    </Paper>
+  </div>
+);
+
+function wrapState(ComposedComponent: React.ComponentClass<__MaterialUI.List.SelectableProps>) {
+  return class SelectableList extends Component<{defaultValue: number}, {selectedIndex: number}> {
+    static propTypes = {
+      children: PropTypes.node.isRequired,
+      defaultValue: PropTypes.number.isRequired,
+    };
+
+    componentWillMount() {
+      this.setState({
+        selectedIndex: this.props.defaultValue,
+      });
+    }
+
+    handleRequestChange = (event, index) => {
+      this.setState({
+        selectedIndex: index,
+      });
+    };
+
+    render() {
+      return (
+        <ComposedComponent
+          value={this.state.selectedIndex}
+          onChange={this.handleRequestChange}
+        >
+          {this.props.children}
+        </ComposedComponent>
+      );
+    }
+  };
+}
+
+let SelectableList = wrapState(MakeSelectable(List));
+
+const ListExampleSelectable = () => (
+  <Paper>
+    <SelectableList defaultValue={3}>
+      <Subheader>Selectable Contacts</Subheader>
+      <ListItem
+        value={1}
+        primaryText="Brendan Lim"
+        leftAvatar={<Avatar src="images/ok-128.jpg" />}
+        nestedItems={[
+          <ListItem
+            value={2}
+            primaryText="Grace Ng"
+            leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
+          />,
+        ]}
+      />
+      <ListItem
+        value={3}
+        primaryText="Kerem Suer"
+        leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+      />
+      <ListItem
+        value={4}
+        primaryText="Eric Hoffman"
+        leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+      />
+      <ListItem
+        value={5}
+        primaryText="Raquel Parrado"
+        leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+      />
+    </SelectableList>
+  </Paper>
+);
+
+
+// "http://www.material-ui.com/#/components/menu"
+const MenuExampleSimple = () => (
+  <div>
+    <Paper style={style}>
+      <Menu>
+        <MenuItem primaryText="Maps" />
+        <MenuItem primaryText="Books" />
+        <MenuItem primaryText="Flights" />
+        <MenuItem primaryText="Apps" />
+      </Menu>
+    </Paper>
+    <Paper style={style}>
+      <Menu>
+        <MenuItem primaryText="Refresh" />
+        <MenuItem primaryText="Help &amp; feedback" />
+        <MenuItem primaryText="Settings" />
+        <MenuItem primaryText="Sign out" />
+      </Menu>
+    </Paper>
+  </div>
+);
+
+const MenuExampleDisable = () => (
+  <div>
+    <Paper style={style}>
+      <Menu desktop={true}>
+        <MenuItem primaryText="Back" />
+        <MenuItem primaryText="Forward" disabled={true} />
+        <Divider />
+        <MenuItem primaryText="Recently closed" disabled={true} />
+        <MenuItem primaryText="Google" disabled={true} />
+        <MenuItem primaryText="YouTube" />
+      </Menu>
+    </Paper>
+    <Paper style={style}>
+      <Menu desktop={true}>
+        <MenuItem primaryText="Undo" />
+        <MenuItem primaryText="Redo" disabled={true} />
+        <Divider />
+        <MenuItem primaryText="Cut" disabled={true} />
+        <MenuItem primaryText="Copy" disabled={true} />
+        <MenuItem primaryText="Paste" />
+      </Menu>
+    </Paper>
+  </div>
+);
+
+const MenuExampleIcons = () => (
+  <div>
+    <Paper style={styles.paper}>
+      <Menu>
+        <MenuItem primaryText="Preview" leftIcon={<RemoveRedEye />} />
+        <MenuItem primaryText="Share" leftIcon={<PersonAdd />} />
+        <MenuItem primaryText="Get links" leftIcon={<ContentLink />} />
+        <Divider />
+        <MenuItem primaryText="Make a copy" leftIcon={<ContentCopy />} />
+        <MenuItem primaryText="Download" leftIcon={<Download />} />
+        <Divider />
+        <MenuItem primaryText="Remove" leftIcon={<Delete />} />
+      </Menu>
+    </Paper>
+    <Paper style={styles.paper}>
+      <Menu>
+        <MenuItem primaryText="Clear Config" />
+        <MenuItem primaryText="New Config" rightIcon={<PersonAdd />} />
+        <MenuItem primaryText="Project" rightIcon={<FontIcon className="material-icons">settings</FontIcon>} />
+        <MenuItem
+          primaryText="Workspace"
+          rightIcon={
+            <FontIcon className="material-icons" style={{color: '#559'}}>settings</FontIcon>
+          }
+        />
+        <MenuItem primaryText="Paragraph" rightIcon={<b style={styles.rightIcon}>¶</b>} />
+        <MenuItem primaryText="Section" rightIcon={<b style={styles.rightIcon}>§</b>} />
+      </Menu>
+    </Paper>
+  </div>
+);
+
+const MenuExampleSecondary = () => (
+  <div>
+    <Paper style={style}>
+      <Menu desktop={true} width={256}>
+        <MenuItem primaryText="Bold" secondaryText="&#8984;B" />
+        <MenuItem primaryText="Italic" secondaryText="&#8984;I" />
+        <MenuItem primaryText="Underline" secondaryText="&#8984;U" />
+        <MenuItem primaryText="Strikethrough" secondaryText="Alt+Shift+5" />
+        <MenuItem primaryText="Superscript" secondaryText="&#8984;." />
+        <MenuItem primaryText="Subscript" secondaryText="&#8984;," />
+        <Divider />
+        <MenuItem primaryText="Paragraph styles" rightIcon={<ArrowDropRight />} />
+        <MenuItem primaryText="Align" rightIcon={<ArrowDropRight />} />
+        <MenuItem primaryText="Line spacing" rightIcon={<ArrowDropRight />} />
+        <MenuItem primaryText="Numbered list" rightIcon={<ArrowDropRight />} />
+        <MenuItem primaryText="List options" rightIcon={<ArrowDropRight />} />
+        <Divider />
+        <MenuItem primaryText="Clear formatting" secondaryText="&#8984;/" />
+      </Menu>
+    </Paper>
+    <Paper style={style}>
+      <Menu desktop={true} width={256}>
+        <MenuItem primaryText="Open" secondaryText="Cmd + O" />
+        <MenuItem primaryText="Paste in place" secondaryText="Shift + V" />
+        <MenuItem primaryText="Research" secondaryText="Opt + Shift + Cmd + I" />
+      </Menu>
+    </Paper>
+    <Paper style={style}>
+      <Menu desktop={true} width={256}>
+        <MenuItem primaryText="Open" secondaryText="&#8984;O" />
+        <MenuItem primaryText="Paste in place" secondaryText="&#8679;&#8984;V" />
+        <MenuItem primaryText="Research" secondaryText="&#8997;&#8679;&#8984;I" />
+      </Menu>
+    </Paper>
+  </div>
+);
+
+const MenuExampleNested = () => (
+  <div>
+    <Paper style={style}>
+      <Menu desktop={true} width={320}>
+        <MenuItem primaryText="Single" insetChildren={true} />
+        <MenuItem primaryText="1.15" insetChildren={true} />
+        <MenuItem primaryText="Double" insetChildren={true} />
+        <MenuItem
+          primaryText="Custom: 1.2"
+          checked={true}
+          rightIcon={<ArrowDropRight />}
+          menuItems={[
+            <MenuItem
+              primaryText="Show"
+              rightIcon={<ArrowDropRight />}
+              menuItems={[
+                <MenuItem primaryText="Show Level 2" />,
+                <MenuItem primaryText="Grid lines" checked={true} />,
+                <MenuItem primaryText="Page breaks" insetChildren={true} />,
+                <MenuItem primaryText="Rules" checked={true} />,
+              ]}
+            />,
+            <MenuItem primaryText="Grid lines" checked={true} />,
+            <MenuItem primaryText="Page breaks" insetChildren={true} />,
+            <MenuItem primaryText="Rules" checked={true} />,
+          ]}
+        />
+        <Divider />
+        <MenuItem primaryText="Add space before paragraph" />
+        <MenuItem primaryText="Add space after paragraph" />
+        <Divider />
+        <MenuItem primaryText="Custom spacing..." />
+      </Menu>
+    </Paper>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/icon-menu"
+const IconMenuExampleSimple = () => (
+  <div>
+    <IconMenu
+      animated={true}
+      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+      anchorOrigin={{horizontal: 'left', vertical: 'top'}}
+      targetOrigin={{horizontal: 'left', vertical: 'top'}}
+    >
+      <MenuItem primaryText="Refresh" />
+      <MenuItem primaryText="Send feedback" />
+      <MenuItem primaryText="Settings" />
+      <MenuItem primaryText="Help" />
+      <MenuItem primaryText="Sign out" />
+    </IconMenu>
+    <IconMenu
+      animated={false}
+      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+      anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
+      targetOrigin={{horizontal: 'left', vertical: 'bottom'}}
+    >
+      <MenuItem primaryText="Refresh" />
+      <MenuItem primaryText="Send feedback" />
+      <MenuItem primaryText="Settings" />
+      <MenuItem primaryText="Help" />
+      <MenuItem primaryText="Sign out" />
+    </IconMenu>
+    <IconMenu
+      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+      anchorOrigin={{horizontal: 'right', vertical: 'bottom'}}
+      targetOrigin={{horizontal: 'right', vertical: 'bottom'}}
+    >
+      <MenuItem primaryText="Refresh" />
+      <MenuItem primaryText="Send feedback" />
+      <MenuItem primaryText="Settings" />
+      <MenuItem primaryText="Help" />
+      <MenuItem primaryText="Sign out" />
+    </IconMenu>
+    <IconMenu
+      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+      anchorOrigin={{horizontal: 'right', vertical: 'top'}}
+      targetOrigin={{horizontal: 'right', vertical: 'top'}}
+    >
+      <MenuItem primaryText="Refresh" />
+      <MenuItem primaryText="Send feedback" />
+      <MenuItem primaryText="Settings" />
+      <MenuItem primaryText="Help" />
+      <MenuItem primaryText="Sign out" />
+    </IconMenu>
+  </div>
+);
+
+interface IconMenuExampleControlledState {
+  valueSingle?: string;
+  valueMultiple?: string[];
+  openMenu?: boolean;
+}
+
+class IconMenuExampleControlled extends React.Component<{}, IconMenuExampleControlledState> {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      valueSingle: '3',
+      valueMultiple: ['3', '5'],
+    };
+  }
+
+  handleChangeSingle = (event, value) => {
+    this.setState({
+      valueSingle: value,
+    });
+  };
+
+  handleChangeMultiple = (event, value) => {
+    this.setState({
+      valueMultiple: value,
+    });
+  };
+
+  handleOpenMenu = () => {
+    this.setState({
+      openMenu: true,
+    });
+  }
+
+  handleOnRequestChange = (value) => {
+    this.setState({
+      openMenu: value,
+    });
+  }
+
+  render() {
+    return (
+      <div>
+        <IconMenu
+          iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+          onChange={this.handleChangeSingle}
+          value={this.state.valueSingle}
+        >
+          <MenuItem value="1" primaryText="Refresh" />
+          <MenuItem value="2" primaryText="Send feedback" />
+          <MenuItem value="3" primaryText="Settings" />
+          <MenuItem value="4" primaryText="Help" />
+          <MenuItem value="5" primaryText="Sign out" />
+        </IconMenu>
+        <IconMenu
+          iconButtonElement={<IconButton><ContentFilter /></IconButton>}
+          onChange={this.handleChangeMultiple}
+          value={this.state.valueMultiple}
+          multiple={true}
+        >
+          <MenuItem value="1" primaryText="Blu-ray" />
+          <MenuItem value="2" primaryText="Cassette" />
+          <MenuItem value="3" primaryText="CD" />
+          <MenuItem value="4" primaryText="DVD Audio" />
+          <MenuItem value="5" primaryText="Hybrid SACD" />
+          <MenuItem value="6" primaryText="Vinyl" />
+        </IconMenu>
+        <IconMenu
+          iconButtonElement={<IconButton><FileFileDownload /></IconButton>}
+          open={this.state.openMenu}
+          onRequestChange={this.handleOnRequestChange}
+        >
+          <MenuItem value="1" primaryText="Windows App" />
+          <MenuItem value="2" primaryText="Mac App" />
+          <MenuItem value="3" primaryText="Android App" />
+          <MenuItem value="4" primaryText="iOS App" />
+        </IconMenu>
+        <RaisedButton onTouchTap={this.handleOpenMenu} label="Downloads" />
+      </div>
+    );
+  }
+}
+
+const IconMenuExampleScrollable = () => (
+  <IconMenu
+    iconButtonElement={<IconButton><MapsPlace /></IconButton>}
+    anchorOrigin={{horizontal: 'left', vertical: 'top'}}
+    targetOrigin={{horizontal: 'left', vertical: 'top'}}
+    maxHeight={272}
+  >
+    <MenuItem value="AL" primaryText="Alabama" />
+    <MenuItem value="AK" primaryText="Alaska" />
+    <MenuItem value="AZ" primaryText="Arizona" />
+    <MenuItem value="AR" primaryText="Arkansas" />
+    <MenuItem value="CA" primaryText="California" />
+    <MenuItem value="CO" primaryText="Colorado" />
+    <MenuItem value="CT" primaryText="Connecticut" />
+    <MenuItem value="DE" primaryText="Delaware" />
+    <MenuItem value="DC" primaryText="District Of Columbia" />
+    <MenuItem value="FL" primaryText="Florida" />
+    <MenuItem value="GA" primaryText="Georgia" />
+    <MenuItem value="HI" primaryText="Hawaii" />
+    <MenuItem value="ID" primaryText="Idaho" />
+    <MenuItem value="IL" primaryText="Illinois" />
+    <MenuItem value="IN" primaryText="Indiana" />
+    <MenuItem value="IA" primaryText="Iowa" />
+    <MenuItem value="KS" primaryText="Kansas" />
+    <MenuItem value="KY" primaryText="Kentucky" />
+    <MenuItem value="LA" primaryText="Louisiana" />
+    <MenuItem value="ME" primaryText="Maine" />
+    <MenuItem value="MD" primaryText="Maryland" />
+    <MenuItem value="MA" primaryText="Massachusetts" />
+    <MenuItem value="MI" primaryText="Michigan" />
+    <MenuItem value="MN" primaryText="Minnesota" />
+    <MenuItem value="MS" primaryText="Mississippi" />
+    <MenuItem value="MO" primaryText="Missouri" />
+    <MenuItem value="MT" primaryText="Montana" />
+    <MenuItem value="NE" primaryText="Nebraska" />
+    <MenuItem value="NV" primaryText="Nevada" />
+    <MenuItem value="NH" primaryText="New Hampshire" />
+    <MenuItem value="NJ" primaryText="New Jersey" />
+    <MenuItem value="NM" primaryText="New Mexico" />
+    <MenuItem value="NY" primaryText="New York" />
+    <MenuItem value="NC" primaryText="North Carolina" />
+    <MenuItem value="ND" primaryText="North Dakota" />
+    <MenuItem value="OH" primaryText="Ohio" />
+    <MenuItem value="OK" primaryText="Oklahoma" />
+    <MenuItem value="OR" primaryText="Oregon" />
+    <MenuItem value="PA" primaryText="Pennsylvania" />
+    <MenuItem value="RI" primaryText="Rhode Island" />
+    <MenuItem value="SC" primaryText="South Carolina" />
+    <MenuItem value="SD" primaryText="South Dakota" />
+    <MenuItem value="TN" primaryText="Tennessee" />
+    <MenuItem value="TX" primaryText="Texas" />
+    <MenuItem value="UT" primaryText="Utah" />
+    <MenuItem value="VT" primaryText="Vermont" />
+    <MenuItem value="VA" primaryText="Virginia" />
+    <MenuItem value="WA" primaryText="Washington" />
+    <MenuItem value="WV" primaryText="West Virginia" />
+    <MenuItem value="WI" primaryText="Wisconsin" />
+    <MenuItem value="WY" primaryText="Wyoming" />
+  </IconMenu>
+);
+
+const IconMenuExampleNested = () => (
+  <div>
+    <IconMenu
+      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+      anchorOrigin={{horizontal: 'left', vertical: 'top'}}
+      targetOrigin={{horizontal: 'left', vertical: 'top'}}
+    >
+      <MenuItem
+        primaryText="Copy &amp; Paste"
+        rightIcon={<ArrowDropRight />}
+        menuItems={[
+          <MenuItem primaryText="Cut" />,
+          <MenuItem primaryText="Copy" />,
+          <Divider />,
+          <MenuItem primaryText="Paste" />,
+        ]}
+      />
+
+      <MenuItem
+        primaryText="Case Tools"
+        rightIcon={<ArrowDropRight />}
+        menuItems={[
+          <MenuItem primaryText="UPPERCASE" />,
+          <MenuItem primaryText="lowercase" />,
+          <MenuItem primaryText="CamelCase" />,
+          <MenuItem primaryText="Propercase" />,
+        ]}
+      />
+      <Divider />
+      <MenuItem primaryText="Download" leftIcon={<Download />} />
+      <Divider />
+      <MenuItem value="Del" primaryText="Delete" />
+
+    </IconMenu>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/dropdown-menu"
+class DropDownMenuSimpleExample extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 1};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <div>
+        <DropDownMenu animated={false} value={this.state.value} onChange={this.handleChange}>
+          <MenuItem value={1} primaryText="Never" />
+          <MenuItem value={2} primaryText="Every Night" />
+          <MenuItem value={3} primaryText="Weeknights" />
+          <MenuItem value={4} primaryText="Weekends" />
+          <MenuItem value={5} primaryText="Weekly" />
+        </DropDownMenu>
+        <br />
+        <DropDownMenu
+          animated={true}
+          value={this.state.value}
+          onChange={this.handleChange}
+          style={styles.customWidth}
+          autoWidth={false}
+        >
+          <MenuItem value={1} primaryText="Custom width" />
+          <MenuItem value={2} primaryText="Every Night" />
+          <MenuItem value={3} primaryText="Weeknights" />
+          <MenuItem value={4} primaryText="Weekends" />
+          <MenuItem value={5} primaryText="Weekly" />
+        </DropDownMenu>
+      </div>
+    );
+  }
+}
+
+class DropDownMenuOpenImmediateExample extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 2};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <DropDownMenu value={this.state.value} onChange={this.handleChange} openImmediately={true}>
+        <MenuItem value={1} primaryText="Never" />
+        <MenuItem value={2} primaryText="Every Night" />
+        <MenuItem value={3} primaryText="Weeknights" />
+        <MenuItem value={4} primaryText="Weekends" />
+        <MenuItem value={5} primaryText="Weekly" />
+      </DropDownMenu>
+    );
+  }
+}
+
+const items: React.ReactElement<__MaterialUI.Menus.MenuItemProps>[] = [];
+for (let i = 0; i < 100; i++ ) {
+  items.push(<MenuItem value={i} key={i} primaryText={`Item ${i}`} />);
+}
+
+class DropDownMenuLongMenuExample extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 10};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <DropDownMenu maxHeight={300} value={this.state.value} onChange={this.handleChange}>
+        {items}
+      </DropDownMenu>
+    );
+  }
+}
+
+class DropDownMenuLabeledExample extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 2};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <DropDownMenu value={this.state.value} onChange={this.handleChange}>
+        <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning" />
+        <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon" />
+        <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening" />
+        <MenuItem value={4} label="9 pm - 5 am" primaryText="Night" />
+      </DropDownMenu>
+    );
+  }
+}
+
+
+// "http://material-ui.com/#/components/paper"
+const PaperExampleSimple = () => (
+  <div>
+    <Paper style={style} zDepth={1} />
+    <Paper style={style} zDepth={2} />
+    <Paper style={style} zDepth={3} />
+    <Paper style={style} zDepth={4} />
+    <Paper style={style} zDepth={5} />
+  </div>
+);
+
+const PaperExampleRounded = () => (
+  <div>
+    <Paper style={style} zDepth={1} rounded={false} />
+    <Paper style={style} zDepth={2} rounded={false} />
+    <Paper style={style} zDepth={3} rounded={false} />
+    <Paper style={style} zDepth={4} rounded={false} />
+    <Paper style={style} zDepth={5} rounded={false} />
+  </div>
+);
+
+const PaperExampleCircle = () => (
+  <div>
+    <Paper style={style} zDepth={1} circle={true} />
+    <Paper style={style} zDepth={2} circle={true} />
+    <Paper style={style} zDepth={3} circle={true} />
+    <Paper style={style} zDepth={4} circle={true} />
+    <Paper style={style} zDepth={5} circle={true} />
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/popover"
+class PopoverExampleSimple extends React.Component<{}, {open?: boolean, anchorEl?: React.ReactInstance}> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      open: false,
+    };
+  }
+
+  handleTouchTap = (event) => {
+    // This prevents ghost click.
+    event.preventDefault();
+
+    this.setState({
+      open: true,
+      anchorEl: event.currentTarget,
+    });
+  };
+
+  handleRequestClose = () => {
+    this.setState({
+      open: false,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          onTouchTap={this.handleTouchTap}
+          label="Click me"
+        />
+        <Popover
+          open={this.state.open}
+          anchorEl={this.state.anchorEl}
+          anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
+          targetOrigin={{horizontal: 'left', vertical: 'top'}}
+          onRequestClose={this.handleRequestClose}
+        >
+          <Menu>
+            <MenuItem primaryText="Refresh" />
+            <MenuItem primaryText="Help &amp; feedback" />
+            <MenuItem primaryText="Settings" />
+            <MenuItem primaryText="Sign out" />
+          </Menu>
+        </Popover>
+      </div>
+    );
+  }
+}
+
+class PopoverExampleAnimation extends React.Component<{}, {open?: boolean, anchorEl?: React.ReactInstance}> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      open: false,
+    };
+  }
+
+  handleTouchTap = (event) => {
+    // This prevents ghost click.
+    event.preventDefault();
+    this.setState({
+      open: true,
+      anchorEl: event.currentTarget,
+    });
+  };
+
+  handleRequestClose = () => {
+    this.setState({
+      open: false,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          onTouchTap={this.handleTouchTap}
+          label="Click me"
+        />
+        <Popover
+          open={this.state.open}
+          anchorEl={this.state.anchorEl}
+          anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
+          targetOrigin={{horizontal: 'left', vertical: 'top'}}
+          onRequestClose={this.handleRequestClose}
+          animation={PopoverAnimationVertical}
+        >
+          <Menu>
+            <MenuItem primaryText="Refresh" />
+            <MenuItem primaryText="Help &amp; feedback" />
+            <MenuItem primaryText="Settings" />
+            <MenuItem primaryText="Sign out" />
+          </Menu>
+        </Popover>
+      </div>
+    );
+  }
+}
+
+interface PopoverExampleConfigurableState {
+  open?: boolean;
+  anchorOrigin?: __MaterialUI.propTypes.origin;
+  targetOrigin?: __MaterialUI.propTypes.origin;
+  anchorEl?: React.ReactInstance;
+}
+
+class PopoverExampleConfigurable extends React.Component<{}, PopoverExampleConfigurableState> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      open: false,
+      anchorOrigin: {
+        horizontal: 'left',
+        vertical: 'bottom',
+      },
+      targetOrigin: {
+        horizontal: 'left',
+        vertical: 'top',
+      },
+    };
+  }
+
+  handleTouchTap = (event) => {
+    // This prevents ghost click.
+    event.preventDefault();
+    this.setState({
+      open: true,
+      anchorEl: event.currentTarget,
+    });
+  };
+
+  handleRequestClose = () => {
+    this.setState({
+      open: false,
+    });
+  };
+
+  setAnchor = (positionElement, position) => {
+    const {anchorOrigin} = this.state;
+    anchorOrigin[positionElement] = position;
+
+    this.setState({
+      anchorOrigin: anchorOrigin,
+    });
+  };
+
+  setTarget = (positionElement, position) => {
+    const {targetOrigin} = this.state;
+    targetOrigin[positionElement] = position;
+
+    this.setState({
+      targetOrigin: targetOrigin,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          onTouchTap={this.handleTouchTap}
+          label="Click me"
+        />
+        <h3 style={styles.h3}>Current Settings</h3>
+        <pre>
+          anchorOrigin: {JSON.stringify(this.state.anchorOrigin)}
+          <br />
+          targetOrigin: {JSON.stringify(this.state.targetOrigin)}
+        </pre>
+        <h3 style={styles.h3}>Position Options</h3>
+        <p>Use the settings below to toggle the positioning of the popovers above</p>
+        <h3 style={styles.h3}>Anchor Origin</h3>
+        <div style={styles.block}>
+          <div style={styles.block2}>
+            <span>Vertical</span>
+            <RadioButton
+              onClick={this.setAnchor.bind(this, 'vertical', 'top')}
+              label="Top" checked={this.state.anchorOrigin.vertical === 'top'}
+            />
+            <RadioButton
+              onClick={this.setAnchor.bind(this, 'vertical', 'center')}
+              label="Center" checked={this.state.anchorOrigin.vertical === 'center'}
+            />
+            <RadioButton
+              onClick={this.setAnchor.bind(this, 'vertical', 'bottom')}
+              label="Bottom" checked={this.state.anchorOrigin.vertical === 'bottom'}
+            />
+          </div>
+          <div style={styles.block2}>
+            <span>Horizontal</span>
+            <RadioButton
+              onClick={this.setAnchor.bind(this, 'horizontal', 'left')}
+              label="Left" checked={this.state.anchorOrigin.horizontal === 'left'}
+            />
+            <RadioButton
+              onClick={this.setAnchor.bind(this, 'horizontal', 'middle')}
+              label="Middle" checked={this.state.anchorOrigin.horizontal === 'middle'}
+            />
+            <RadioButton
+              onClick={this.setAnchor.bind(this, 'horizontal', 'right')}
+              label="Right" checked={this.state.anchorOrigin.horizontal === 'right'}
+            />
+          </div>
+        </div>
+        <h3 style={styles.h3}>Target Origin</h3>
+        <div style={styles.block}>
+          <div style={styles.block2}>
+            <span>Vertical</span>
+            <RadioButton
+              onClick={this.setTarget.bind(this, 'vertical', 'top')}
+              label="Top" checked={this.state.targetOrigin.vertical === 'top'}
+            />
+            <RadioButton
+              onClick={this.setTarget.bind(this, 'vertical', 'center')}
+              label="Center" checked={this.state.targetOrigin.vertical === 'center'}
+            />
+            <RadioButton
+              onClick={this.setTarget.bind(this, 'vertical', 'bottom')}
+              label="Bottom" checked={this.state.targetOrigin.vertical === 'bottom'}
+            />
+          </div>
+          <div style={styles.block2}>
+            <span>Horizontal</span>
+            <RadioButton
+              onClick={this.setTarget.bind(this, 'horizontal', 'left')}
+              label="Left" checked={this.state.targetOrigin.horizontal === 'left'}
+            />
+            <RadioButton
+              onClick={this.setTarget.bind(this, 'horizontal', 'middle')}
+              label="Middle" checked={this.state.targetOrigin.horizontal === 'middle'}
+            />
+            <RadioButton
+              onClick={this.setTarget.bind(this, 'horizontal', 'right')}
+              label="Right" checked={this.state.targetOrigin.horizontal === 'right'}
+            />
+          </div>
+        </div>
+        <Popover
+          open={this.state.open}
+          anchorEl={this.state.anchorEl}
+          anchorOrigin={this.state.anchorOrigin}
+          targetOrigin={this.state.targetOrigin}
+          onRequestClose={this.handleRequestClose}
+        >
+          <Menu>
+            <MenuItem primaryText="Refresh" />
+            <MenuItem primaryText="Help &amp; feedback" />
+            <MenuItem primaryText="Settings" />
+            <MenuItem primaryText="Sign out" />
+          </Menu>
+        </Popover>
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/circular-progress"
+const CircularProgressExampleSimple = () => (
+  <div>
+    <CircularProgress />
+    <CircularProgress size={1.5} />
+    <CircularProgress size={2} />
+  </div>
+);
+
+class CircularProgressExampleDeterminate extends React.Component<{}, {completed?: number}> {
+  private timer: number;
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      completed: 0,
+    };
+  }
+
+  componentDidMount() {
+    this.timer = setTimeout(() => this.progress(5), 1000);
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.timer);
+  }
+
+  progress(completed) {
+    if (completed > 100) {
+      this.setState({completed: 100});
+    } else {
+      this.setState({completed});
+      const diff = Math.random() * 10;
+      this.timer = setTimeout(() => this.progress(completed + diff), 1000);
+    }
+  }
+
+  render() {
+    return (
+      <div>
+        <CircularProgress mode="determinate" value={this.state.completed} />
+        <CircularProgress mode="determinate" value={this.state.completed} size={1.5} />
+        <CircularProgress mode="determinate" value={this.state.completed} size={2} />
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/linear-progress"
+const LinearProgressExampleSimple = () => (
+  <LinearProgress mode="indeterminate" />
+);
+
+class LinearProgressExampleDeterminate extends React.Component<{}, {completed?: number}> {
+  private timer: number;
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      completed: 0,
+    };
+  }
+
+  componentDidMount() {
+    this.timer = setTimeout(() => this.progress(5), 1000);
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.timer);
+  }
+
+  progress(completed) {
+    if (completed > 100) {
+      this.setState({completed: 100});
+    } else {
+      this.setState({completed});
+      const diff = Math.random() * 10;
+      this.timer = setTimeout(() => this.progress(completed + diff), 1000);
+    }
+  }
+
+  render() {
+    return (
+      <LinearProgress mode="determinate" value={this.state.completed} />
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/refresh-indicator"
+const RefreshIndicatorExampleSimple = () => (
+  <div style={styles.container}>
+    <RefreshIndicator
+      percentage={30}
+      size={40}
+      left={10}
+      top={0}
+      status="ready"
+      style={styles.refresh}
+    />
+    <RefreshIndicator
+      percentage={60}
+      size={50}
+      left={65}
+      top={0}
+      status="ready"
+      style={styles.refresh}
+    />
+    <RefreshIndicator
+      percentage={80}
+      size={60}
+      left={120}
+      top={0}
+      color={"red"}
+      status="ready"
+      style={styles.refresh}
+    />
+    <RefreshIndicator
+      percentage={100}
+      size={70}
+      left={175}
+      top={0}
+      color={"red"} // Overridden by percentage={100}
+      status="ready"
+      style={styles.refresh}
+    />
+  </div>
+);
+
+const RefreshIndicatorExampleLoading = () => (
+  <div style={styles.container}>
+    <RefreshIndicator
+      size={40}
+      left={10}
+      top={0}
+      status="loading"
+      style={styles.refresh}
+    />
+    <RefreshIndicator
+      size={50}
+      left={70}
+      top={0}
+      loadingColor={"#FF9800"}
+      status="loading"
+      style={styles.refresh}
+    />
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/select-field"
+class SelectFieldExampleSimple extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 1};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <div>
+        <SelectField value={this.state.value} onChange={this.handleChange}>
+          <MenuItem value={1} primaryText="Never" />
+          <MenuItem value={2} primaryText="Every Night" />
+          <MenuItem value={3} primaryText="Weeknights" />
+          <MenuItem value={4} primaryText="Weekends" />
+          <MenuItem value={5} primaryText="Weekly" />
+        </SelectField>
+        <br />
+        <SelectField value={1} disabled={true}>
+          <MenuItem value={1} primaryText="Disabled" />
+          <MenuItem value={2} primaryText="Every Night" />
+        </SelectField>
+        <br />
+        <SelectField
+          value={this.state.value}
+          onChange={this.handleChange}
+          style={styles.customWidth}
+        >
+          <MenuItem value={1} primaryText="Custom width" />
+          <MenuItem value={2} primaryText="Every Night" />
+          <MenuItem value={3} primaryText="Weeknights" />
+          <MenuItem value={4} primaryText="Weekends" />
+          <MenuItem value={5} primaryText="Weekly" />
+        </SelectField>
+        <br />
+        <SelectField
+          value={this.state.value}
+          onChange={this.handleChange}
+          autoWidth={true}
+        >
+          <MenuItem value={1} primaryText="Auto width" />
+          <MenuItem value={2} primaryText="Every Night" />
+          <MenuItem value={3} primaryText="Weeknights" />
+          <MenuItem value={4} primaryText="Weekends" />
+          <MenuItem value={5} primaryText="Weekly" />
+        </SelectField>
+      </div>
+    );
+  }
+}
+
+class SelectFieldLongMenuExample extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 10};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <SelectField maxHeight={300} value={this.state.value} onChange={this.handleChange}>
+        {items}
+      </SelectField>
+    );
+  }
+}
+
+class SelectFieldExampleCustomLabel extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 1};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <SelectField value={this.state.value} onChange={this.handleChange}>
+        <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning" />
+        <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon" />
+        <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening" />
+        <MenuItem value={4} label="9 pm - 5 am" primaryText="Night" />
+      </SelectField>
+    );
+  }
+}
+
+const itemsPeriod = [
+  <MenuItem key={1} value={1} primaryText="Never" />,
+  <MenuItem key={2} value={2} primaryText="Every Night" />,
+  <MenuItem key={3} value={3} primaryText="Weeknights" />,
+  <MenuItem key={4} value={4} primaryText="Weekends" />,
+  <MenuItem key={5} value={5} primaryText="Weekly" />,
+];
+
+export default class SelectFieldExampleFloatingLabel extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: null};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <div>
+        <SelectField
+          value={this.state.value}
+          onChange={this.handleChange}
+          floatingLabelText="Floating Label Text"
+        >
+          {itemsPeriod}
+        </SelectField>
+        <br />
+        <SelectField
+          value={this.state.value}
+          onChange={this.handleChange}
+          floatingLabelFixed={true}
+          floatingLabelText="Styled Floating Label Text"
+          floatingLabelStyle={{color: 'red'}}
+        >
+          {itemsPeriod}
+        </SelectField>
+      </div>
+    );
+  }
+}
+
+class SelectFieldExampleError extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: null};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    const {value} = this.state;
+
+    const night = value === 2 || value === 3;
+
+    return (
+      <div>
+        <SelectField
+          value={value}
+          onChange={this.handleChange}
+          errorText={!night && 'Should be Night'}
+        >
+          {itemsPeriod}
+        </SelectField>
+        <br />
+        <SelectField
+          value={value}
+          onChange={this.handleChange}
+          errorText={night && 'Should not be Night (Custom error style)'}
+          errorStyle={{color: 'orange'}}
+        >
+          {itemsPeriod}
+        </SelectField>
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/slider"
+const SliderExampleSimple = () => (
+  <div>
+    <Slider />
+    <Slider defaultValue={0.5} />
+    <Slider defaultValue={1} />
+  </div>
+);
+
+const SliderExampleDisabled = () => (
+  <div>
+    <Slider disabled={true} />
+    <Slider disabled={true} value={0.5} />
+    <Slider disabled={true} value={1} />
+  </div>
+);
+
+const SliderExampleStep = () => (
+  <Slider step={0.10} value={.5} />
+);
+
+class SliderExampleControlled extends React.Component<{}, {firstSlider?: number, secondSlider?: number}> {
+
+  state = {
+    firstSlider: 0.5,
+    secondSlider: 50,
+  }
+
+  handleFirstSlider(event, value) {
+    this.setState({firstSlider: value});
+  }
+
+  handleSecondSlider(event, value) {
+    this.setState({secondSlider: value});
+  }
+
+  render() {
+    return (
+      <div>
+        <Slider
+          defaultValue={0.5}
+          value={this.state.firstSlider}
+          onChange={this.handleFirstSlider.bind(this)}
+        />
+        <p>
+          <span>{'The value of this slider is: '}</span>
+          <span>{this.state.firstSlider}</span>
+          <span>{' from a range of 0 to 1 inclusive'}</span>
+        </p>
+        <Slider
+          min={0}
+          max={100}
+          step={1}
+          defaultValue={50}
+          value={this.state.secondSlider}
+          onChange={this.handleSecondSlider.bind(this)}
+        />
+        <p>
+          <span>{'The value of this slider is: '}</span>
+          <span>{this.state.secondSlider}</span>
+          <span>{' from a range of 0 to 100 inclusive'}</span>
+        </p>
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/checkbox"
+const CheckboxExampleSimple = () => (
+  <div style={styles.block}>
+    <Checkbox
+      label="Simple"
+      style={styles.checkbox}
+    />
+    <Checkbox
+      label="Checked by default"
+      defaultChecked={true}
+      style={styles.checkbox}
+    />
+    <Checkbox
+      checkedIcon={<ActionFavorite />}
+      uncheckedIcon={<ActionFavoriteBorder />}
+      label="Custom icon"
+      style={styles.checkbox}
+    />
+    <Checkbox
+      label="Disabled unchecked"
+      disabled={true}
+      style={styles.checkbox}
+    />
+    <Checkbox
+      label="Disabled checked"
+      checked={true}
+      disabled={true}
+      style={styles.checkbox}
+    />
+    <Checkbox
+      label="Label on the left"
+      labelPosition="left"
+      style={styles.checkbox}
+    />
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/radio-button"
+const RadioButtonExampleSimple = () => (
+  <div>
+    <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
+      <RadioButton
+        value="light"
+        label="Simple"
+        style={styles.radioButton}
+      />
+      <RadioButton
+        value="not_light"
+        label="Selected by default"
+        style={styles.radioButton}
+      />
+      <RadioButton
+        value="ludicrous"
+        label="Custom icon"
+        checkedIcon={<ActionFavorite />}
+        uncheckedIcon={<ActionFavoriteBorder />}
+        style={styles.radioButton}
+      />
+    </RadioButtonGroup>
+    <RadioButtonGroup name="shipName" defaultSelected="community">
+      <RadioButton
+        value="enterprise"
+        label="Disabled unchecked"
+        disabled={true}
+        style={styles.radioButton}
+      />
+      <RadioButton
+        value="community"
+        label="Disabled checked"
+        disabled={true}
+        style={styles.radioButton}
+      />
+    </RadioButtonGroup>
+    <RadioButtonGroup name="notRight" labelPosition="left" style={styles.block}>
+      <RadioButton
+        value="reverse"
+        label="Label on the left"
+        style={styles.radioButton}
+      />
+    </RadioButtonGroup>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/toggle"
+const ToggleExampleSimple = () => (
+  <div style={styles.block}>
+    <Toggle
+      label="Simple"
+      style={styles.toggle}
+    />
+    <Toggle
+      label="Toggled by default"
+      defaultToggled={true}
+      style={styles.toggle}
+    />
+    <Toggle
+      label="Disabled"
+      disabled={true}
+      style={styles.toggle}
+    />
+    <Toggle
+      label="Label on the right"
+      labelPosition="right"
+      style={styles.toggle}
+    />
+  </div>
+);
+
+
+// "http://material-ui.com/#/components/snackbar"
+class SnackbarExampleSimple extends React.Component<{}, {open?: boolean}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      open: false,
+    };
+  }
+
+  handleTouchTap = () => {
+    this.setState({
+      open: true,
+    });
+  };
+
+  handleRequestClose = () => {
+    this.setState({
+      open: false,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          onTouchTap={this.handleTouchTap}
+          label="Add to my calendar"
+        />
+        <Snackbar
+          open={this.state.open}
+          message="Event added to your calendar"
+          autoHideDuration={4000}
+          onRequestClose={this.handleRequestClose}
+        />
+      </div>
+    );
+  }
+}
+
+class SnackbarExampleAction extends React.Component<{}, {open?: boolean, autoHideDuration?: number, message?: string}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      autoHideDuration: 4000,
+      message: 'Event added to your calendar',
+      open: false,
+    };
+  }
+
+  handleTouchTap = () => {
+    this.setState({
+      open: true,
+    });
+  };
+
+  handleActionTouchTap = () => {
+    this.setState({
+      open: false,
+    });
+    alert('Event removed from your calendar.');
+  };
+
+  handleChangeDuration = (event) => {
+    const value = event.target.value;
+    this.setState({
+      autoHideDuration: value.length > 0 ? parseInt(value) : 0,
+    });
+  };
+
+  handleRequestClose = () => {
+    this.setState({
+      open: false,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          onTouchTap={this.handleTouchTap}
+          label="Add to my calendar"
+        />
+        <br />
+        <TextField
+          floatingLabelText="Auto Hide Duration in ms"
+          value={this.state.autoHideDuration}
+          onChange={this.handleChangeDuration}
+        />
+        <Snackbar
+          open={this.state.open}
+          message={this.state.message}
+          action="undo"
+          autoHideDuration={this.state.autoHideDuration}
+          onActionTouchTap={this.handleActionTouchTap}
+          onRequestClose={this.handleRequestClose}
+        />
+      </div>
+    );
+  }
+}
+
+class SnackbarExampleTwice extends React.Component<{}, {open?: boolean, message?: string}> {
+
+  private timer: number;
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      message: 'Event 1 added to your calendar',
+      open: false,
+    };
+    this.timer = undefined;
+  }
+
+  componentWillUnMount() {
+    clearTimeout(this.timer);
+  }
+
+  handleTouchTap = () => {
+    this.setState({
+      open: true,
+    });
+
+    this.timer = setTimeout(() => {
+      this.setState({
+        message: `Event ${Math.round(Math.random() * 100)} added to your calendar`,
+      });
+    }, 1500);
+  };
+
+  handleRequestClose = () => {
+    this.setState({
+      open: false,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          onTouchTap={this.handleTouchTap}
+          label="Add to my calendar two times"
+        />
+        <Snackbar
+          open={this.state.open}
+          message={this.state.message}
+          action="undo"
+          autoHideDuration={3000}
+          onRequestClose={this.handleRequestClose}
+        />
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/stepper"
+class HorizontalLinearStepper extends React.Component<{}, {stepIndex?: number, finished?: boolean}> {
+
+  state = {
+    finished: false,
+    stepIndex: 0,
+  };
+
+  handleNext = () => {
+    const {stepIndex} = this.state;
+    this.setState({
+      stepIndex: stepIndex + 1,
+      finished: stepIndex >= 2,
+    });
+  };
+
+  handlePrev = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex > 0) {
+      this.setState({stepIndex: stepIndex - 1});
+    }
+  };
+
+  getStepContent(stepIndex) {
+    switch (stepIndex) {
+      case 0:
+        return 'Select campaign settings...';
+      case 1:
+        return 'What is an ad group anyways?';
+      case 2:
+        return 'This is the bit I really care about!';
+      default:
+        return 'You\'re a long way from home sonny jim!';
+    }
+  }
+
+  render() {
+    const {finished, stepIndex} = this.state;
+    const contentStyle = {margin: '0 16px'};
+
+    return (
+      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
+        <Stepper activeStep={stepIndex}>
+          <Step>
+            <StepLabel>Select campaign settings</StepLabel>
+          </Step>
+          <Step>
+            <StepLabel>Create an ad group</StepLabel>
+          </Step>
+          <Step>
+            <StepLabel>Create an ad</StepLabel>
+          </Step>
+        </Stepper>
+        <div style={contentStyle}>
+          {finished ? (
+            <p>
+              <a
+                href="#"
+                onClick={(event) => {
+                  event.preventDefault();
+                  this.setState({stepIndex: 0, finished: false});
+                }}
+              >
+                Click here
+              </a> to reset the example.
+            </p>
+          ) : (
+            <div>
+              <p>{this.getStepContent(stepIndex)}</p>
+              <div style={{marginTop: 12}}>
+                <FlatButton
+                  label="Back"
+                  disabled={stepIndex === 0}
+                  onTouchTap={this.handlePrev}
+                  style={{marginRight: 12}}
+                />
+                <RaisedButton
+                  label={stepIndex === 2 ? 'Finish' : 'Next'}
+                  primary={true}
+                  onTouchTap={this.handleNext}
+                />
+              </div>
+            </div>
+          )}
+        </div>
+      </div>
+    );
+  }
+}
+
+class VerticalLinearStepper extends React.Component<{}, {stepIndex?: number, finished?: boolean}> {
+
+  state = {
+    finished: false,
+    stepIndex: 0,
+  };
+
+  handleNext = () => {
+    const {stepIndex} = this.state;
+    this.setState({
+      stepIndex: stepIndex + 1,
+      finished: stepIndex >= 2,
+    });
+  };
+
+  handlePrev = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex > 0) {
+      this.setState({stepIndex: stepIndex - 1});
+    }
+  };
+
+  renderStepActions(step) {
+    const {stepIndex} = this.state;
+
+    return (
+      <div style={{margin: '12px 0'}}>
+        <RaisedButton
+          label={stepIndex === 2 ? 'Finish' : 'Next'}
+          disableTouchRipple={true}
+          disableFocusRipple={true}
+          primary={true}
+          onTouchTap={this.handleNext}
+          style={{marginRight: 12}}
+        />
+        {step > 0 && (
+          <FlatButton
+            label="Back"
+            disabled={stepIndex === 0}
+            disableTouchRipple={true}
+            disableFocusRipple={true}
+            onTouchTap={this.handlePrev}
+          />
+        )}
+      </div>
+    );
+  }
+
+  render() {
+    const {finished, stepIndex} = this.state;
+
+    return (
+      <div style={{width: 380, height: 400, margin: 'auto'}}>
+        <Stepper activeStep={stepIndex} orientation="vertical">
+          <Step>
+            <StepLabel>Select campaign settings</StepLabel>
+            <StepContent>
+              <p>
+                For each ad campaign that you create, you can control how much
+                you're willing to spend on clicks and conversions, which networks
+                and geographical locations you want your ads to show on, and more.
+              </p>
+              {this.renderStepActions(0)}
+            </StepContent>
+          </Step>
+          <Step>
+            <StepLabel>Create an ad group</StepLabel>
+            <StepContent>
+              <p>An ad group contains one or more ads which target a shared set of keywords.</p>
+              {this.renderStepActions(1)}
+            </StepContent>
+          </Step>
+          <Step>
+            <StepLabel>Create an ad</StepLabel>
+            <StepContent>
+              <p>
+                Try out different ad text to see what brings in the most customers,
+                and learn how to enhance your ads using features like ad extensions.
+                If you run into any problems with your ads, find out how to tell if
+                they're running and how to resolve approval issues.
+              </p>
+              {this.renderStepActions(2)}
+            </StepContent>
+          </Step>
+        </Stepper>
+        {finished && (
+          <p style={{margin: '20px 0', textAlign: 'center'}}>
+            <a
+              href="#"
+              onClick={(event) => {
+                event.preventDefault();
+                this.setState({stepIndex: 0, finished: false});
+              }}
+            >
+              Click here
+            </a> to reset the example.
+          </p>
+        )}
+      </div>
+    );
+  }
+}
+
+class HorizontalNonLinearStepper extends React.Component<{}, {stepIndex?: number}> {
+
+  state = {
+    stepIndex: 0,
+  };
+
+  handleNext = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex < 2) {
+      this.setState({stepIndex: stepIndex + 1});
+    }
+  };
+
+  handlePrev = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex > 0) {
+      this.setState({stepIndex: stepIndex - 1});
+    }
+  };
+
+  getStepContent(stepIndex) {
+    switch (stepIndex) {
+      case 0:
+        return 'Select campaign settings...';
+      case 1:
+        return 'What is an ad group anyways?';
+      case 2:
+        return 'This is the bit I really care about!';
+      default:
+        return 'You\'re a long way from home sonny jim!';
+    }
+  }
+
+  render() {
+    const {stepIndex} = this.state;
+    const contentStyle = {margin: '0 16px'};
+
+    return (
+      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
+        <Stepper linear={false} activeStep={stepIndex}>
+          <Step>
+            <StepButton onClick={() => this.setState({stepIndex: 0})}>
+              Select campaign settings
+            </StepButton>
+          </Step>
+          <Step>
+            <StepButton onClick={() => this.setState({stepIndex: 1})}>
+              Create an ad group
+            </StepButton>
+          </Step>
+          <Step>
+            <StepButton onClick={() => this.setState({stepIndex: 2})}>
+              Create an ad
+            </StepButton>
+          </Step>
+        </Stepper>
+        <div style={contentStyle}>
+          <p>{this.getStepContent(stepIndex)}</p>
+          <div style={{marginTop: 12}}>
+            <FlatButton
+              label="Back"
+              disabled={stepIndex === 0}
+              onTouchTap={this.handlePrev}
+              style={{marginRight: 12}}
+            />
+            <RaisedButton
+              label="Next"
+              disabled={stepIndex === 2}
+              primary={true}
+              onTouchTap={this.handleNext}
+            />
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+class VerticalNonLinear extends React.Component<{}, {stepIndex?: number}> {
+
+  state = {
+    stepIndex: 0,
+  };
+
+  handleNext = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex < 2) {
+      this.setState({stepIndex: stepIndex + 1});
+    }
+  };
+
+  handlePrev = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex > 0) {
+      this.setState({stepIndex: stepIndex - 1});
+    }
+  };
+
+  renderStepActions(step) {
+    return (
+      <div style={{margin: '12px 0'}}>
+        <RaisedButton
+          label="Next"
+          disableTouchRipple={true}
+          disableFocusRipple={true}
+          primary={true}
+          onTouchTap={this.handleNext}
+          style={{marginRight: 12}}
+        />
+        {step > 0 && (
+          <FlatButton
+            label="Back"
+            disableTouchRipple={true}
+            disableFocusRipple={true}
+            onTouchTap={this.handlePrev}
+          />
+        )}
+      </div>
+    );
+  }
+
+  render() {
+    const {stepIndex} = this.state;
+
+    return (
+      <div style={{width: 380, height: 400, margin: 'auto'}}>
+        <Stepper
+          activeStep={stepIndex}
+          linear={false}
+          orientation="vertical"
+        >
+          <Step>
+            <StepButton onClick={() => this.setState({stepIndex: 0})}>
+              Select campaign settings
+            </StepButton>
+            <StepContent>
+              <p>
+                For each ad campaign that you create, you can control how much
+                you're willing to spend on clicks and conversions, which networks
+                and geographical locations you want your ads to show on, and more.
+              </p>
+              {this.renderStepActions(0)}
+            </StepContent>
+          </Step>
+          <Step>
+            <StepButton onClick={() => this.setState({stepIndex: 1})}>
+              Create an ad group
+            </StepButton>
+            <StepContent>
+              <p>An ad group contains one or more ads which target a shared set of keywords.</p>
+              {this.renderStepActions(1)}
+            </StepContent>
+          </Step>
+          <Step>
+            <StepButton onClick={() => this.setState({stepIndex: 2})}>
+              Create an ad
+            </StepButton>
+            <StepContent>
+              <p>
+                Try out different ad text to see what brings in the most customers,
+                and learn how to enhance your ads using features like ad extensions.
+                If you run into any problems with your ads, find out how to tell if
+                they're running and how to resolve approval issues.
+              </p>
+              {this.renderStepActions(2)}
+            </StepContent>
+          </Step>
+        </Stepper>
+      </div>
+    );
+  }
+}
+
+const getStyles = () => {
+  return {
+    root: {
+      width: '100%',
+      maxWidth: 700,
+      margin: 'auto',
+    },
+    content: {
+      margin: '0 16px',
+    },
+    actions: {
+      marginTop: 12,
+    },
+    backButton: {
+      marginRight: 12,
+    },
+  };
+};
+
+class GranularControlStepper extends React.Component<{}, {stepIndex?: number, visited?: number[]}> {
+
+  state = {
+    stepIndex: null,
+    visited: [],
+  };
+
+  componentWillMount() {
+    const {stepIndex, visited} = this.state;
+    this.setState({visited: visited.concat(stepIndex)});
+  }
+
+  componentWillUpdate(nextProps, nextState) {
+    const {stepIndex, visited} = nextState;
+    if (visited.indexOf(stepIndex) === -1) {
+      this.setState({visited: visited.concat(stepIndex)});
+    }
+  }
+
+  handleNext = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex < 2) {
+      this.setState({stepIndex: stepIndex + 1});
+    }
+  };
+
+  handlePrev = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex > 0) {
+      this.setState({stepIndex: stepIndex - 1});
+    }
+  };
+
+  getStepContent(stepIndex) {
+    switch (stepIndex) {
+      case 0:
+        return 'Select campaign settings...';
+      case 1:
+        return 'What is an ad group anyways?';
+      case 2:
+        return 'This is the bit I really care about!';
+      default:
+        return 'Click a step to get started.';
+    }
+  }
+
+  render() {
+    const {stepIndex, visited} = this.state;
+    const styles = getStyles();
+
+    return (
+      <div style={styles.root}>
+        <p>
+          <a
+            href="#"
+            onClick={(event) => {
+              event.preventDefault();
+              this.setState({stepIndex: null, visited: []});
+            }}
+          >
+            Click here
+          </a> to reset the example.
+        </p>
+        <Stepper linear={false}>
+          <Step completed={visited.indexOf(0) !== -1} active={stepIndex === 0}>
+            <StepButton onClick={() => this.setState({stepIndex: 0})}>
+              Select campaign settings
+            </StepButton>
+          </Step>
+          <Step completed={visited.indexOf(1) !== -1} active={stepIndex === 1}>
+            <StepButton onClick={() => this.setState({stepIndex: 1})}>
+              Create an ad group
+            </StepButton>
+          </Step>
+          <Step completed={visited.indexOf(2) !== -1} active={stepIndex === 2}>
+            <StepButton onClick={() => this.setState({stepIndex: 2})}>
+              Create an ad
+            </StepButton>
+          </Step>
+        </Stepper>
+        <div style={styles.content}>
+          <p>{this.getStepContent(stepIndex)}</p>
+          {stepIndex !== null && (
+            <div style={styles.actions}>
+              <FlatButton
+                label="Back"
+                disabled={stepIndex === 0}
+                onTouchTap={this.handlePrev}
+                style={styles.backButton}
+              />
+              <RaisedButton
+                label="Next"
+                primary={true}
+                onTouchTap={this.handleNext}
+              />
+            </div>
+          )}
+        </div>
+      </div>
+    );
+  }
+}
+
+class CustomIcon extends React.Component<{}, {stepIndex?: number}> {
+
+  state = {
+    stepIndex: 0,
+  };
+
+  handleNext = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex < 2) {
+      this.setState({stepIndex: stepIndex + 1});
+    }
+  };
+
+  handlePrev = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex > 0) {
+      this.setState({stepIndex: stepIndex - 1});
+    }
+  };
+
+  getStepContent(stepIndex) {
+    switch (stepIndex) {
+      case 0:
+        return 'Select campaign settings...';
+      case 1:
+        return 'What is an ad group anyways?';
+      case 2:
+        return 'This is the bit I really care about!';
+      default:
+        return 'You\'re a long way from home sonny jim!';
+    }
+  }
+
+  render() {
+    return (
+      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
+        <Stepper linear={false}>
+          <Step completed={false}>
+            <StepLabel>
+              Select campaign settings
+            </StepLabel>
+          </Step>
+          <Step completed={false}>
+            <StepLabel
+              icon={<WarningIcon color={red500} />}
+              style={{color: red500}}
+            >
+              Create an ad group
+            </StepLabel>
+          </Step>
+          <Step completed={false}>
+            <StepLabel>
+              Create an ad
+            </StepLabel>
+          </Step>
+        </Stepper>
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/subheader"
+// Included in ListExampleChat and ListExampleFolder
+
+// "http://www.material-ui.com/#/components/table"
+const TableExampleSimple = () => (
+  <Table>
+    <TableHeader>
+      <TableRow>
+        <TableHeaderColumn>ID</TableHeaderColumn>
+        <TableHeaderColumn>Name</TableHeaderColumn>
+        <TableHeaderColumn>Status</TableHeaderColumn>
+      </TableRow>
+    </TableHeader>
+    <TableBody>
+      <TableRow>
+        <TableRowColumn>1</TableRowColumn>
+        <TableRowColumn>John Smith</TableRowColumn>
+        <TableRowColumn>Employed</TableRowColumn>
+      </TableRow>
+      <TableRow>
+        <TableRowColumn>2</TableRowColumn>
+        <TableRowColumn>Randal White</TableRowColumn>
+        <TableRowColumn>Unemployed</TableRowColumn>
+      </TableRow>
+      <TableRow>
+        <TableRowColumn>3</TableRowColumn>
+        <TableRowColumn>Stephanie Sanders</TableRowColumn>
+        <TableRowColumn>Employed</TableRowColumn>
+      </TableRow>
+      <TableRow>
+        <TableRowColumn>4</TableRowColumn>
+        <TableRowColumn>Steve Brown</TableRowColumn>
+        <TableRowColumn>Employed</TableRowColumn>
+      </TableRow>
+    </TableBody>
+  </Table>
+);
+
+const tableData: {name: string, status: string, selected?: boolean}[] = [
+  {
+    name: 'John Smith',
+    status: 'Employed',
+    selected: true,
+  },
+  {
+    name: 'Randal White',
+    status: 'Unemployed',
+  },
+  {
+    name: 'Stephanie Sanders',
+    status: 'Employed',
+    selected: true,
+  },
+  {
+    name: 'Steve Brown',
+    status: 'Employed',
+  },
+  {
+    name: 'Joyce Whitten',
+    status: 'Employed',
+  },
+  {
+    name: 'Samuel Roberts',
+    status: 'Employed',
+  },
+  {
+    name: 'Adam Moore',
+    status: 'Employed',
+  },
+];
+
+interface TableExampleComplexState {
+  fixedHeader?: boolean,
+  fixedFooter?: boolean,
+  stripedRows?: boolean,
+  showRowHover?: boolean,
+  selectable?: boolean,
+  multiSelectable?: boolean,
+  enableSelectAll?: boolean,
+  deselectOnClickaway?: boolean,
+  showCheckboxes?: boolean,
+  height?: string,
+}
+
+class TableExampleComplex extends React.Component<{}, TableExampleComplexState> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      fixedHeader: true,
+      fixedFooter: true,
+      stripedRows: false,
+      showRowHover: false,
+      selectable: true,
+      multiSelectable: false,
+      enableSelectAll: false,
+      deselectOnClickaway: true,
+      showCheckboxes: true,
+      height: '300px',
+    };
+  }
+
+  handleToggle = (event, toggled) => {
+    this.setState({
+      [event.target.name]: toggled,
+    });
+  };
+
+  handleChange = (event) => {
+    this.setState({height: event.target.value});
+  };
+
+  render() {
+    return (
+      <div>
+        <Table
+          height={this.state.height}
+          fixedHeader={this.state.fixedHeader}
+          fixedFooter={this.state.fixedFooter}
+          selectable={this.state.selectable}
+          multiSelectable={this.state.multiSelectable}
+        >
+          <TableHeader
+            displaySelectAll={this.state.showCheckboxes}
+            adjustForCheckbox={this.state.showCheckboxes}
+            enableSelectAll={this.state.enableSelectAll}
+          >
+            <TableRow>
+              <TableHeaderColumn colSpan={3} tooltip="Super Header" style={{textAlign: 'center'}}>
+                Super Header
+              </TableHeaderColumn>
+            </TableRow>
+            <TableRow>
+              <TableHeaderColumn tooltip="The ID">ID</TableHeaderColumn>
+              <TableHeaderColumn tooltip="The Name">Name</TableHeaderColumn>
+              <TableHeaderColumn tooltip="The Status">Status</TableHeaderColumn>
+            </TableRow>
+          </TableHeader>
+          <TableBody
+            displayRowCheckbox={this.state.showCheckboxes}
+            deselectOnClickaway={this.state.deselectOnClickaway}
+            showRowHover={this.state.showRowHover}
+            stripedRows={this.state.stripedRows}
+          >
+            {tableData.map( (row, index) => (
+              <TableRow key={index} selected={row.selected}>
+                <TableRowColumn>{index}</TableRowColumn>
+                <TableRowColumn>{row.name}</TableRowColumn>
+                <TableRowColumn>{row.status}</TableRowColumn>
+              </TableRow>
+              ))}
+          </TableBody>
+          <TableFooter
+            adjustForCheckbox={this.state.showCheckboxes}
+          >
+            <TableRow>
+              <TableRowColumn>ID</TableRowColumn>
+              <TableRowColumn>Name</TableRowColumn>
+              <TableRowColumn>Status</TableRowColumn>
+            </TableRow>
+            <TableRow>
+              <TableRowColumn colSpan={3} style={{textAlign: 'center'}}>
+                Super Footer
+              </TableRowColumn>
+            </TableRow>
+          </TableFooter>
+        </Table>
+
+        <div style={styles.propContainer}>
+          <h3>Table Properties</h3>
+          <TextField
+            floatingLabelText="Table Body Height"
+            defaultValue={this.state.height}
+            onChange={this.handleChange}
+          />
+          <Toggle
+            name="fixedHeader"
+            label="Fixed Header"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.fixedHeader}
+          />
+          <Toggle
+            name="fixedFooter"
+            label="Fixed Footer"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.fixedFooter}
+          />
+          <Toggle
+            name="selectable"
+            label="Selectable"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.selectable}
+          />
+          <Toggle
+            name="multiSelectable"
+            label="Multi-Selectable"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.multiSelectable}
+          />
+          <Toggle
+            name="enableSelectAll"
+            label="Enable Select All"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.enableSelectAll}
+          />
+          <h3 style={styles.propToggleHeader}>TableBody Properties</h3>
+          <Toggle
+            name="deselectOnClickaway"
+            label="Deselect On Clickaway"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.deselectOnClickaway}
+          />
+          <Toggle
+            name="stripedRows"
+            label="Stripe Rows"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.stripedRows}
+          />
+          <Toggle
+            name="showRowHover"
+            label="Show Row Hover"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.showRowHover}
+          />
+          <h3 style={styles.propToggleHeader}>Multiple Properties</h3>
+          <Toggle
+            name="showCheckboxes"
+            label="Show Checkboxes"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.showCheckboxes}
+          />
+        </div>
+      </div>
+    );
+  }
+}
+
+// "http://www.material-ui.com/#/components/tabs"
+function handleActive(tab) {
+  alert(`A tab with this value property ${tab.props.value} was activated.`);
+}
+
+const TabsExampleSimple = () => (
+  <Tabs>
+    <Tab label="Item One" >
+      <div>
+        <h2 style={styles.headline}>Tab One</h2>
+        <p>
+          This is an example tab.
+        </p>
+        <p>
+          You can put any sort of HTML or react component in here. It even keeps the component state!
+        </p>
+        <Slider name="slider0" defaultValue={0.5} />
+      </div>
+    </Tab>
+    <Tab label="Item Two" >
+      <div>
+        <h2 style={styles.headline}>Tab Two</h2>
+        <p>
+          This is another example tab.
+        </p>
+      </div>
+    </Tab>
+    <Tab
+      label="onActive"
+      value="/home"
+      onActive={handleActive}
+    >
+      <div>
+        <h2 style={styles.headline}>Tab Three</h2>
+        <p>
+          This is a third example tab.
+        </p>
+      </div>
+    </Tab>
+  </Tabs>
+);
+
+class TabsExampleControlled extends React.Component<{}, {value?: string}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: 'a',
+    };
+  }
+
+  handleChange = (value) => {
+    this.setState({
+      value: value,
+    });
+  };
+
+  render() {
+    return (
+      <Tabs
+        value={this.state.value}
+        onChange={this.handleChange}
+      >
+        <Tab label="Tab A" value="a" >
+          <div>
+            <h2 style={styles.headline}>Controllable Tab A</h2>
+            <p>
+              Tabs are also controllable if you want to programmatically pass them their values.
+              This allows for more functionality in Tabs such as not
+              having any Tab selected or assigning them different values.
+            </p>
+          </div>
+        </Tab>
+        <Tab label="Tab B" value="b">
+          <div>
+            <h2 style={styles.headline}>Controllable Tab B</h2>
+            <p>
+              This is another example of a controllable tab. Remember, if you
+              use controllable Tabs, you need to give all of your tabs values or else
+              you wont be able to select them.
+            </p>
+          </div>
+        </Tab>
+      </Tabs>
+    );
+  }
+}
+
+const TabsExampleIcon = () => (
+  <Tabs>
+    <Tab icon={<FontIcon className="muidocs-icon-action-home" />} />
+    <Tab icon={<ActionFlightTakeoff />} />
+    <Tab icon={<FontIcon className="material-icons">favorite</FontIcon>} />
+  </Tabs>
+);
+
+const TabsExampleIconText = () => (
+  <Tabs>
+    <Tab
+      icon={<FontIcon className="material-icons">phone</FontIcon>}
+      label="RECENTS"
+    />
+    <Tab
+      icon={<FontIcon className="material-icons">favorite</FontIcon>}
+      label="FAVORITES"
+    />
+    <Tab
+      icon={<MapsPersonPin />}
+      label="NEARBY"
+    />
+  </Tabs>
+);
+
+
+// "http://www.material-ui.com/#/components/text-field"
+const TextFieldExampleSimple = () => (
+  <div>
+    <TextField
+      hintText="Hint Text"
+    /><br />
+    <br />
+    <TextField
+      hintText="The hint text can be as long as you want, it will wrap."
+    /><br />
+    <TextField
+      id="text-field-default"
+      defaultValue="Default Value"
+    /><br />
+    <TextField
+      hintText="Hint Text"
+      floatingLabelText="Floating Label Text"
+    /><br />
+    <TextField
+      hintText="Hint Text"
+      floatingLabelText="Fixed Floating Label Text"
+      floatingLabelFixed={true}
+    /><br />
+    <TextField
+      hintText="Password Field"
+      floatingLabelText="Password"
+      type="password"
+    /><br />
+    <TextField
+      hintText="MultiLine with rows: 2 and rowsMax: 4"
+      multiLine={true}
+      rows={2}
+      rowsMax={4}
+    /><br />
+    <TextField
+      hintText="Message Field"
+      floatingLabelText="MultiLine and FloatingLabel"
+      multiLine={true}
+      rows={2}
+    /><br />
+    <TextField
+      hintText="Full width"
+      fullWidth={true}
+    />
+  </div>
+);
+
+const TextFieldExampleError = () => (
+  <div>
+    <TextField
+      hintText="Hint Text"
+      errorText="This field is required"
+    /><br />
+    <TextField
+      hintText="Hint Text"
+      errorText="The error text can be as long as you want, it will wrap."
+    /><br />
+    <TextField
+      hintText="Hint Text"
+      errorText="This field is required"
+      floatingLabelText="Floating Label Text"
+    /><br />
+    <TextField
+      hintText="Message Field"
+      errorText="This field is required."
+      floatingLabelText="MultiLine and FloatingLabel"
+      multiLine={true}
+      rows={2}
+    /><br />
+  </div>
+);
+
+const TextFieldExampleCustomize = () => (
+  <div>
+    <TextField
+      hintText="Styled Hint Text"
+      hintStyle={styles.errorStyle}
+    /><br />
+    <TextField
+      hintText="Custom error color"
+      errorText="This field is required."
+      errorStyle={styles.errorStyle}
+    /><br />
+    <TextField
+      hintText="Custom Underline Color"
+      underlineStyle={styles.underlineStyle}
+    /><br />
+    <TextField
+      hintText="Custom Underline Focus Color"
+      underlineFocusStyle={styles.underlineStyle}
+    /><br />
+    <TextField
+      floatingLabelText="Styled Floating Label Text"
+      floatingLabelStyle={styles.floatingLabelStyle}
+      floatingLabelFocusStyle={styles.floatingLabelFocusStyle}
+    />
+  </div>
+);
+
+const TextFieldExampleDisabled = () => (
+  <div>
+    <TextField
+      disabled={true}
+      hintText="Disabled Hint Text"
+    /><br />
+    <TextField
+      disabled={true}
+      id="text-field-disabled"
+      defaultValue="Disabled Value"
+    /><br />
+    <TextField
+      disabled={true}
+      hintText="Disabled Hint Text"
+      floatingLabelText="Floating Label Text"
+    /><br />
+    <TextField
+      disabled={true}
+      hintText="Disabled Hint Text"
+      defaultValue="Disabled With Floating Label"
+      floatingLabelText="Floating Label Text"
+    />
+  </div>
+);
+
+class TextFieldExampleControlled extends React.Component<{}, {value?: string}> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      value: 'Property Value',
+    };
+  }
+
+  handleChange = (event) => {
+    this.setState({
+      value: event.target.value,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <TextField
+          id="text-field-controlled"
+          value={this.state.value}
+          onChange={this.handleChange}
+        />
+      </div>
+    );
+  }
+}
+
+// "http://www.material-ui.com/#/components/time-picker"
+const TimePickerExampleSimple = () => (
+  <div>
+    <TimePicker
+      hintText="12hr Format"
+    />
+    <TimePicker
+      format="24hr"
+      hintText="24hr Format"
+    />
+    <TimePicker
+      disabled={true}
+      format="24hr"
+      hintText="Disabled TimePicker"
+    />
+  </div>
+);
+
+class TimePickerExampleComplex extends React.Component<{}, {value24?: Date, value12?: Date}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value24: null, value12: null};
+  }
+
+  handleChangeTimePicker24 = (event, date) => {
+    this.setState({value24: date});
+  };
+
+  handleChangeTimePicker12 = (event, date) => {
+    this.setState({value12: date});
+  };
+
+  render() {
+    return (
+      <div>
+        <TimePicker
+          format="ampm"
+          hintText="12hr Format"
+          value={this.state.value12}
+          onChange={this.handleChangeTimePicker12}
+        />
+        <TimePicker
+          format="24hr"
+          hintText="24hr Format"
+          value={this.state.value24}
+          onChange={this.handleChangeTimePicker24}
+        />
+      </div>
+    );
+  }
+}
+
+const TimePickerInternational = () => (
+  <div>
+    <TimePicker
+      hintText="Custom Labels"
+      okLabel="确定"
+      cancelLabel="取消"
+    />
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/toolbar"
+class ToolbarExamplesSimple extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: 3,
+    };
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <Toolbar>
+        <ToolbarGroup firstChild={true}>
+          <DropDownMenu value={this.state.value} onChange={this.handleChange}>
+            <MenuItem value={1} primaryText="All Broadcasts" />
+            <MenuItem value={2} primaryText="All Voice" />
+            <MenuItem value={3} primaryText="All Text" />
+            <MenuItem value={4} primaryText="Complete Voice" />
+            <MenuItem value={5} primaryText="Complete Text" />
+            <MenuItem value={6} primaryText="Active Voice" />
+            <MenuItem value={7} primaryText="Active Text" />
+          </DropDownMenu>
+        </ToolbarGroup>
+        <ToolbarGroup>
+          <ToolbarTitle text="Options" />
+          <FontIcon className="muidocs-icon-custom-sort" />
+          <ToolbarSeparator />
+          <RaisedButton label="Create Broadcast" primary={true} />
+          <IconMenu
+            iconButtonElement={
+              <IconButton touch={true}>
+                <NavigationExpandMoreIcon />
+              </IconButton>
+            }
+          >
+            <MenuItem primaryText="Download" />
+            <MenuItem primaryText="More Info" />
+          </IconMenu>
+        </ToolbarGroup>
+      </Toolbar>
+    );
+  }
+}
+
+const componentWithWidth = withWidth()(ToolbarExamplesSimple);
+
+
+interface MaterialUiTestsState {
+}
+
+class MaterialUiTests extends React.Component<{}, MaterialUiTestsState> {
+
+  render () {
+    return (
+      <MuiThemeProvider muiTheme={getMuiTheme()}>
+        <AppBar title="My AppBar" />
+
+      </MuiThemeProvider>
+    );
+  }
+}
+
+// "http://www.material-ui.com/#/get-started/usage"
+ReactDOM.render(
+  <MaterialUiTests />,
+  document.getElementById('app')
+);
diff --git a/material-ui/legacy/material-ui-0.15.1-tests.tsx.tscparams b/material-ui/legacy/material-ui-0.15.1-tests.tsx.tscparams
new file mode 100644
index 0000000000..855355b85f
--- /dev/null
+++ b/material-ui/legacy/material-ui-0.15.1-tests.tsx.tscparams
@@ -0,0 +1 @@
+--experimentalDecorators
\ No newline at end of file
diff --git a/material-ui/legacy/material-ui-0.15.1.d.ts b/material-ui/legacy/material-ui-0.15.1.d.ts
new file mode 100644
index 0000000000..b5ec61b14b
--- /dev/null
+++ b/material-ui/legacy/material-ui-0.15.1.d.ts
@@ -0,0 +1,8630 @@
+// Type definitions for material-ui v0.15.1
+// Project: https://github.com/callemall/material-ui
+// Definitions by: Nathan Brown <https://github.com/ngbrown>, Oliver Herrmann <https://github.com/herrmanno>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+///<reference path='../../react/react.d.ts' />
+
+declare module "material-ui" {
+    export import AppBar = __MaterialUI.AppBar;
+    export import AutoComplete = __MaterialUI.AutoComplete;
+    export import Avatar = __MaterialUI.Avatar;
+    export import Badge = __MaterialUI.Badge;
+    export import Card = __MaterialUI.Card.Card;
+    export import CardActions = __MaterialUI.Card.CardActions;
+    export import CardHeader = __MaterialUI.Card.CardHeader;
+    export import CardMedia = __MaterialUI.Card.CardMedia;
+    export import CardText = __MaterialUI.Card.CardText;
+    export import CardTitle = __MaterialUI.Card.CardTitle;
+    export import Checkbox = __MaterialUI.Switches.Checkbox;
+    export import Chip = __MaterialUI.Chip;
+    export import CircularProgress = __MaterialUI.CircularProgress;
+    export import DatePicker = __MaterialUI.DatePicker.DatePicker;
+    export import Dialog = __MaterialUI.Dialog;
+    export import Divider = __MaterialUI.Divider;
+    export import Drawer = __MaterialUI.Drawer;
+    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
+    export import FlatButton = __MaterialUI.FlatButton;
+    export import FloatingActionButton = __MaterialUI.FloatingActionButton;
+    export import FontIcon = __MaterialUI.FontIcon;
+    export import GridList = __MaterialUI.GridList.GridList;
+    export import GridTile = __MaterialUI.GridList.GridTile;
+    export import IconButton = __MaterialUI.IconButton;
+    export import IconMenu = __MaterialUI.Menus.IconMenu;
+    export import LinearProgress = __MaterialUI.LinearProgress;
+    export import List = __MaterialUI.List.List;
+    export import ListItem = __MaterialUI.List.ListItem;
+    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
+    export import Menu = __MaterialUI.Menus.Menu;
+    export import MenuItem = __MaterialUI.Menus.MenuItem;
+    export import Paper = __MaterialUI.Paper;
+    export import Popover = __MaterialUI.Popover.Popover;
+    export import RadioButton = __MaterialUI.Switches.RadioButton;
+    export import RadioButtonGroup = __MaterialUI.Switches.RadioButtonGroup;
+    export import RaisedButton = __MaterialUI.RaisedButton;
+    export import RefreshIndicator = __MaterialUI.RefreshIndicator;
+    export import SelectField = __MaterialUI.SelectField;
+    export import Slider = __MaterialUI.Slider;
+    export import Subheader = __MaterialUI.Subheader;
+    export import SvgIcon = __MaterialUI.SvgIcon;
+    export import Step = __MaterialUI.Stepper.Step;
+    export import StepButton = __MaterialUI.Stepper.StepButton;
+    export import StepContent = __MaterialUI.Stepper.StepContent;
+    export import StepLabel = __MaterialUI.Stepper.StepLabel;
+    export import Stepper = __MaterialUI.Stepper;
+    export import Snackbar = __MaterialUI.Snackbar;
+    export import Tab = __MaterialUI.Tabs.Tab;
+    export import Tabs = __MaterialUI.Tabs.Tabs;
+    export import Table = __MaterialUI.Table.Table;
+    export import TableBody = __MaterialUI.Table.TableBody;
+    export import TableFooter = __MaterialUI.Table.TableFooter;
+    export import TableHeader = __MaterialUI.Table.TableHeader;
+    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
+    export import TableRow = __MaterialUI.Table.TableRow;
+    export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
+    export import TextField = __MaterialUI.TextField;
+    export import TimePicker = __MaterialUI.TimePicker;
+    export import Toggle = __MaterialUI.Switches.Toggle;
+    export import Toolbar = __MaterialUI.Toolbar.Toolbar;
+    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
+    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
+    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
+
+    // export type definitions
+    export type TouchTapEvent = __MaterialUI.TouchTapEvent;
+    export type TouchTapEventHandler = __MaterialUI.TouchTapEventHandler;
+}
+
+declare namespace __MaterialUI {
+    export import React = __React;
+
+    // ReactLink is from "react/addons"
+    interface ReactLink<T> {
+        value: T;
+        requestChange(newValue: T): void;
+    }
+
+    // What's common between React.TouchEvent and React.MouseEvent
+    interface TouchTapEvent extends React.SyntheticEvent {
+        altKey: boolean;
+        ctrlKey: boolean;
+        getModifierState(key: string): boolean;
+        metaKey: boolean;
+        shiftKey: boolean;
+    }
+
+    // What's common between React.TouchEventHandler and React.MouseEventHandler
+    interface TouchTapEventHandler extends React.EventHandler<TouchTapEvent> { }
+
+    interface ThemeWrapperProps extends React.Props<ThemeWrapper> {
+        theme: Styles.MuiTheme;
+    }
+    export class ThemeWrapper extends React.Component<ThemeWrapperProps, {}> {
+    }
+
+    export namespace Styles {
+        interface Spacing {
+            iconSize?: number;
+
+            desktopGutter?: number;
+            desktopGutterMore?: number;
+            desktopGutterLess?: number;
+            desktopGutterMini?: number;
+            desktopKeylineIncrement?: number;
+            desktopDropDownMenuItemHeight?: number;
+            desktopDropDownMenuFontSize?: number;
+            desktopLeftNavMenuItemHeight?: number;
+            desktopSubheaderHeight?: number;
+            desktopToolbarHeight?: number;
+        }
+        export var Spacing: Spacing;
+
+        interface ThemePalette {
+            primary1Color?: string;
+            primary2Color?: string;
+            primary3Color?: string;
+            accent1Color?: string;
+            accent2Color?: string;
+            accent3Color?: string;
+            textColor?: string;
+            alternateTextColor?: string;
+            canvasColor?: string;
+            borderColor?: string;
+            disabledColor?: string;
+            pickerHeaderColor?: string;
+            clockCircleColor?: string;
+            shadowColor?: string;
+        }
+        export var ThemePalette: ThemePalette;
+        interface MuiTheme {
+            spacing?: Spacing;
+            fontFamily?: string;
+            palette?: ThemePalette;
+            isRtl?: boolean;
+            userAgent?: string;
+            zIndex?: zIndex;
+            baseTheme?: RawTheme;
+            rawTheme?: RawTheme;
+            appBar?: {
+                color?: string;
+                textColor?: string;
+                height?: number;
+                titleFontWeight?: number;
+                padding?: number;
+            };
+            avatar?: {
+                color?: string;
+                backgroundColor?: string;
+                borderColor?: string;
+            };
+            badge?: {
+                color?: string;
+                textColor?: string;
+                primaryColor?: string;
+                primaryTextColor?: string;
+                secondaryColor?: string;
+                secondaryTextColor?: string;
+                fontWeight?: number;
+            };
+            button?: {
+                height?: number;
+                minWidth?: number;
+                iconButtonSize?: number;
+            };
+            card?: {
+                titleColor?: string;
+                subtitleColor?: string;
+                fontWeight?: number;
+            };
+            cardMedia?: {
+              color?: string;
+              overlayContentBackground?: string;
+              titleColor?: string;
+              subtitleColor?: string;
+            };
+            cardText?: {
+                textColor?: string;
+            };
+            checkbox?: {
+                boxColor?: string;
+                checkedColor?: string;
+                requiredColor?: string;
+                disabledColor?: string;
+                labelColor?: string;
+                labelDisabledColor?: string;
+            };
+            chip?: {
+              backgroundColor?: string;
+              deleteIconColor?: string;
+              textColor?: string;
+              fontSize?: number;
+              fontWeight?: number;
+              shadow?: string;
+            };
+            datePicker?: {
+                color?: string;
+                textColor?: string;
+                calendarTextColor?: string;
+                selectColor?: string;
+                selectTextColor?: string;
+                calendarYearBackgroundColor?: string;
+            };
+            dialog?: {
+              titleFontSize?: number;
+              bodyFontSize?: number;
+              bodyColor?: string;
+            };
+            dropDownMenu?: {
+                accentColor?: string;
+            };
+            enhancedButton?: {
+              tapHighlightColor?: string;
+            };
+            flatButton?: {
+                color?: string;
+                buttonFilterColor?: string;
+                disabledTextColor?: string;
+                textColor?: string;
+                primaryTextColor?: string;
+                secondaryTextColor?: string;
+                fontSize?: number;
+                fontWeight?: number;
+            };
+            floatingActionButton?: {
+                buttonSize?: number;
+                miniSize?: number;
+                color?: string;
+                iconColor?: string;
+                secondaryColor?: string;
+                secondaryIconColor?: string;
+                disabledTextColor?: string;
+                disabledColor?: string;
+            };
+            gridTile?: {
+                textColor?: string;
+            };
+            icon?: {
+              color?: string;
+              backgroundColor?: string;
+            };
+            inkBar?: {
+                backgroundColor?: string;
+            };
+            drawer?: {
+                width?: number;
+                color?: string;
+            };
+            listItem?: {
+                nestedLevelDepth?: number;
+                secondaryTextColor?: string;
+                leftIconColor?: string;
+                rightIconColor?: string;
+            };
+            menu?: {
+                backgroundColor?: string;
+                containerBackgroundColor?: string;
+            };
+            menuItem?: {
+                dataHeight?: number;
+                height?: number;
+                hoverColor?: string;
+                padding?: number;
+                selectedTextColor?: string;
+                rightIconDesktopFill?: string;
+            };
+            menuSubheader?: {
+                padding?: number;
+                borderColor?: string;
+                textColor?: string;
+            };
+            overlay?: {
+                backgroundColor?: string;
+            };
+            paper?: {
+                color?: string;
+                backgroundColor?: string;
+                zDepthShadows?: string[];
+            };
+            radioButton?: {
+                borderColor?: string;
+                backgroundColor?: string;
+                checkedColor?: string;
+                requiredColor?: string;
+                disabledColor?: string;
+                size?: number;
+                labelColor?: string;
+                labelDisabledColor?: string;
+            };
+            raisedButton?: {
+                color?: string;
+                textColor?: string;
+                primaryColor?: string;
+                primaryTextColor?: string;
+                secondaryColor?: string;
+                secondaryTextColor?: string;
+                disabledColor?: string;
+                disabledTextColor?: string;
+                fontSize?: number;
+                fontWeight?: number;
+            };
+            refreshIndicator?: {
+                strokeColor?: string;
+                loadingStrokeColor?: string;
+            };
+            ripple?: {
+                color?: string;
+            };
+            slider?: {
+                trackSize?: number;
+                trackColor?: string;
+                trackColorSelected?: string;
+                handleSize?: number;
+                handleSizeDisabled?: number;
+                handleSizeActive?: number;
+                handleColorZero?: string;
+                handleFillColor?: string;
+                selectionColor?: string;
+                rippleColor?: string;
+            };
+            snackbar?: {
+                textColor?: string;
+                backgroundColor?: string;
+                actionColor?: string;
+            };
+            subheader?: {
+                color?: string;
+                fontWeight?: number;
+            };
+            stepper?: {
+                backgroundColor?: string;
+                hoverBackgroundColor?: string;
+                iconColor?: string;
+                hoveredIconColor?: string;
+                inactiveIconColor?: string;
+                textColor?: string;
+                disabledTextColor?: string;
+                connectorLineColor?: string;
+            };
+            svgIcon?: {
+                color?: string,
+            };
+            table?: {
+                backgroundColor?: string;
+            };
+            tableFooter?: {
+                borderColor?: string;
+                textColor?: string;
+            };
+            tableHeader?: {
+                borderColor?: string;
+            };
+            tableHeaderColumn?: {
+                textColor?: string;
+                height?: number;
+                spacing?: number;
+            };
+            tableRow?: {
+                hoverColor?: string;
+                stripeColor?: string;
+                selectedColor?: string;
+                textColor?: string;
+                borderColor?: string;
+                height?: number;
+            };
+            tableRowColumn?: {
+                height?: number;
+                spacing?: number;
+            };
+            tabs?: {
+                backgroundColor?: string;
+                textColor?: string;
+                selectedTextColor?: string;
+            };
+            textField?: {
+                textColor?: string;
+                hintColor?: string;
+                floatingLabelColor?: string;
+                disabledTextColor?: string;
+                errorColor?: string;
+                focusColor?: string;
+                backgroundColor?: string;
+                borderColor?: string;
+            };
+            timePicker?: {
+                color?: string;
+                textColor?: string;
+                accentColor?: string;
+                clockColor?: string;
+                clockCircleColor?: string;
+                headerColor?: string;
+                selectColor?: string;
+                selectTextColor?: string;
+            };
+            toggle?: {
+                thumbOnColor?: string;
+                thumbOffColor?: string;
+                thumbDisabledColor?: string;
+                thumbRequiredColor?: string;
+                trackOnColor?: string;
+                trackOffColor?: string;
+                trackDisabledColor?: string;
+                labelColor?: string;
+                labelDisabledColor?: string;
+                trackRequiredColor?: string;
+            };
+            toolbar?: {
+                color?: string;
+                hoverColor?: string;
+                backgroundColor?: string;
+                height?: number;
+                titleFontSize?: number;
+                iconColor?: string;
+                separatorColor?: string;
+                menuHoverColor?: string;
+            };
+            tooltip?: {
+                color?: string;
+                rippleBackgroundColor?: string;
+            };
+        }
+
+        interface zIndex {
+            menu: number;
+            appBar: number;
+            drawerOverlay: number;
+            drawer: number;
+            dialogOverlay: number;
+            dialog: number;
+            layer: number;
+            popover: number;
+            snackbar: number;
+            tooltip: number;
+        }
+        export var zIndex: zIndex;
+
+        interface RawTheme {
+            spacing?: Spacing;
+            fontFamily?: string;
+            palette?: ThemePalette;
+        }
+        var lightBaseTheme: RawTheme;
+        var darkBaseTheme: RawTheme;
+
+        export function muiThemeable<TComponent extends React.Component<P, S>, P, S>(): (component: TComponent) => TComponent;
+
+        //** @deprecated use MuiThemeProvider instead **/
+        export function themeDecorator(muiTheme: Styles.MuiTheme): <TFunction extends Function>(Component: TFunction) => TFunction;
+
+        interface MuiThemeProviderProps extends React.Props<MuiThemeProvider> {
+            muiTheme?: Styles.MuiTheme;
+        }
+        export class MuiThemeProvider extends React.Component<MuiThemeProviderProps, {}>{
+        }
+
+        export function getMuiTheme(...muiTheme: MuiTheme[]): MuiTheme;
+
+        interface ThemeManager {
+            //** @deprecated ThemeManager is deprecated. please import getMuiTheme directly from "material-ui/styles/getMuiTheme" **/
+            getMuiTheme(baseTheme: RawTheme, muiTheme?: MuiTheme): MuiTheme;
+
+            //** @deprecated modifyRawThemeSpacing is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
+            modifyRawThemeSpacing(muiTheme: MuiTheme, newSpacing: Spacing): MuiTheme;
+
+            //** @deprecated modifyRawThemePalette is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
+            modifyRawThemePalette(muiTheme: MuiTheme, newPaletteKeys: ThemePalette): MuiTheme;
+
+            //** @deprecated modifyRawThemeFontFamily is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
+            modifyRawThemeFontFamily(muiTheme: MuiTheme, newFontFamily: string): MuiTheme;
+        }
+        export var ThemeManager: ThemeManager;
+
+        interface Transitions {
+            easeOut(duration?: string, property?: string | string[], delay?: string, easeFunction?: string): string;
+            create(duration?: string, property?: string, delay?: string, easeFunction?: string): string;
+            easeOutFunction: string;
+            easeInOutFunction: string;
+        }
+        export var Transitions: Transitions;
+
+        interface Typography {
+            textFullBlack: string;
+            textDarkBlack: string;
+            textLightBlack: string;
+            textMinBlack: string;
+            textFullWhite: string;
+            textDarkWhite: string;
+            textLightWhite: string;
+
+            // font weight
+            fontWeightLight: number;
+            fontWeightNormal: number;
+            fontWeightMedium: number;
+
+            fontStyleButtonFontSize: number;
+        }
+        export var Typography: Typography;
+
+        //** @deprecated use darkBaseTheme instead **/
+        export var DarkRawTheme: RawTheme;
+
+        //** @deprecated use lightBaseTheme instead **/
+        export var LightRawTheme: RawTheme;
+    }
+
+    interface AppBarProps extends React.Props<AppBar> {
+        className?: string;
+        iconClassNameLeft?: string;
+        iconClassNameRight?: string;
+        iconElementLeft?: React.ReactElement<any>;
+        iconElementRight?: React.ReactElement<any>;
+        iconStyleRight?: React.CSSProperties;
+        iconStyleLeft?: React.CSSProperties;
+        onLeftIconButtonTouchTap?: TouchTapEventHandler;
+        onRightIconButtonTouchTap?: TouchTapEventHandler;
+        onTitleTouchTap?: TouchTapEventHandler;
+        showMenuIconButton?: boolean;
+        style?: React.CSSProperties;
+        title?: React.ReactNode;
+        titleStyle?: React.CSSProperties;
+        zDepth?: number;
+    }
+    export class AppBar extends React.Component<AppBarProps, {}>{
+    }
+
+    interface AppCanvasProps extends React.Props<AppCanvas> {
+    }
+    export class AppCanvas extends React.Component<AppCanvasProps, {}> {
+    }
+
+    namespace propTypes {
+        type horizontal = 'left' | 'middle' | 'right';
+        type vertical = 'top' | 'center' | 'bottom';
+        type direction = 'left' | 'right' | 'up' | 'down';
+
+        interface origin {
+            horizontal: horizontal;
+            vertical: vertical;
+        }
+
+        type corners = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+        type cornersAndCenter = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';
+    }
+
+    type AutoCompleteDataItem = { text: string, value: React.ReactNode } | string;
+    type AutoCompleteDataSource = { text: string, value: React.ReactNode }[] | string[];
+    interface AutoCompleteProps extends React.Props<AutoComplete> {
+        anchorOrigin?: propTypes.origin;
+        animated?: boolean;
+        dataSource: AutoCompleteDataSource;
+        disableFocusRipple?: boolean;
+        errorStyle?: React.CSSProperties;
+        errorText?: string;
+        filter?: (searchText: string, key: string, item: AutoCompleteDataItem) => boolean;
+        floatingLabelText?: React.ReactNode;
+        fullWidth?: boolean;
+        hintText?: string;
+        listStyle?: React.CSSProperties;
+        maxSearchResults?: number;
+        menuCloseDelay?: number;
+        menuProps?: any;
+        menuStyle?: React.CSSProperties;
+        onBlur?: React.FocusEventHandler;
+        onFocus?: React.FocusEventHandler;
+        onKeyDown?: React.KeyboardEventHandler;
+        onNewRequest?: (chosenRequest: string, index: number) => void;
+        onUpdateInput?: (searchText: string, dataSource: AutoCompleteDataSource) => void;
+        open?: boolean;
+        openOnFocus?: boolean;
+        searchText?: string;
+        style?: React.CSSProperties;
+        targetOrigin?: propTypes.origin;
+        /** @deprecated Instead, use openOnFocus */
+        triggerUpdateOnFocus?: boolean;
+    }
+    export class AutoComplete extends React.Component<AutoCompleteProps, {}> {
+        static noFilter: () => boolean;
+        static defaultFilter: (searchText: string, key: string) => boolean;
+        static caseSensitiveFilter: (searchText: string, key: string) => boolean;
+        static caseInsensitiveFilter: (searchText: string, key: string) => boolean;
+        static levenshteinDistanceFilter(distanceLessThan: number): (searchText: string, key: string) => boolean;
+        static fuzzyFilter: (searchText: string, key: string) => boolean;
+        static Item: Menus.MenuItem;
+        static Divider: Divider;
+    }
+
+    interface AvatarProps extends React.Props<Avatar> {
+        backgroundColor?: string;
+        className?: string;
+        color?: string;
+        icon?: React.ReactElement<any>;
+        size?: number;
+        src?: string;
+        style?: React.CSSProperties;
+    }
+    export class Avatar extends React.Component<AvatarProps, {}> {
+    }
+
+    interface BadgeProps extends React.Props<Badge> {
+        badgeContent: React.ReactNode;
+        badgeStyle?: React.CSSProperties;
+        className?: string;
+        primary?: boolean;
+        secondary?: boolean;
+        style?: React.CSSProperties;
+    }
+    export class Badge extends React.Component<BadgeProps, {}> {
+    }
+
+    interface BeforeAfterWrapperProps extends React.Props<BeforeAfterWrapper> {
+        afterElementType?: string;
+        afterStyle?: React.CSSProperties;
+        beforeElementType?: string;
+        beforeStyle?: React.CSSProperties;
+        elementType?: string;
+        style?: React.CSSProperties;
+    }
+    export class BeforeAfterWrapper extends React.Component<BeforeAfterWrapperProps, {}> {
+    }
+
+    // non generally overridden elements of EnhancedButton
+    interface SharedEnhancedButtonProps<T> extends React.Props<T> {
+        centerRipple?: boolean;
+        disableFocusRipple?: boolean;
+        disableKeyboardFocus?: boolean;
+        disableTouchRipple?: boolean;
+        focusRippleColor?: string;
+        focusRippleOpacity?: number;
+        keyboardFocused?: boolean;
+        linkButton?: boolean;
+        onBlur?: React.FocusEventHandler;
+        onFocus?: React.FocusEventHandler;
+        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
+        onKeyDown?: React.KeyboardEventHandler;
+        onKeyUp?: React.KeyboardEventHandler;
+        onTouchTap?: TouchTapEventHandler;
+        onClick?: React.MouseEventHandler;
+        style?: React.CSSProperties;
+        tabIndex?: number;
+        touchRippleColor?: string;
+        touchRippleOpacity?: number;
+        type?: string;
+        containerElement?: React.ReactNode | string;
+    }
+
+    interface EnhancedButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<EnhancedButton> {
+        // container element, <button/>, or <span/>(if disabled link) is the element that get the 'other' properties
+        containerElement?: React.ReactNode | string;
+        disabled?: boolean;
+    }
+    export class EnhancedButton extends React.Component<EnhancedButtonProps, {}> {
+    }
+
+    interface FlatButtonProps extends React.DOMAttributes, SharedEnhancedButtonProps<FlatButton> {
+        // <EnhancedButton/> is the element that get the 'other' properties
+        backgroundColor?: string;
+        disabled?: boolean;
+        hoverColor?: string;
+        href?: string;
+        icon?: React.ReactNode;
+        label?: React.ReactNode;
+        labelPosition?: "before" | "after";
+        labelStyle?: React.CSSProperties;
+        linkButton?: boolean;
+        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
+        onMouseEnter?: React.MouseEventHandler;
+        onMouseLeave?: React.MouseEventHandler;
+        onTouchStart?: React.TouchEventHandler;
+        primary?: boolean;
+        rippleColor?: string;
+        secondary?: boolean;
+        style?: React.CSSProperties;
+    }
+    export class FlatButton extends React.Component<FlatButtonProps, {}> {
+    }
+
+    interface RaisedButtonProps extends SharedEnhancedButtonProps<RaisedButton> {
+        // <EnhancedButton/> is the element that get the 'other' properties
+        backgroundColor?: string;
+        className?: string;
+        disabled?: boolean;
+        disabledBackgroundColor?: string;
+        disabledLabelColor?: string;
+        fullWidth?: boolean;
+        href?: string;
+        icon?: React.ReactNode;
+        label?: React.ReactNode;
+        labelColor?: string;
+        labelPosition?: "before" | "after";
+        labelStyle?: React.CSSProperties;
+        linkButton?: boolean;
+        onMouseDown?: React.MouseEventHandler;
+        onMouseEnter?: React.MouseEventHandler;
+        onMouseLeave?: React.MouseEventHandler;
+        onMouseUp?: React.MouseEventHandler;
+        onTouchEnd?: React.TouchEventHandler;
+        onTouchStart?: React.TouchEventHandler;
+        primary?: boolean;
+        rippleStyle?: React.CSSProperties;
+        secondary?: boolean;
+        style?: React.CSSProperties;
+    }
+    export class RaisedButton extends React.Component<RaisedButtonProps, {}> {
+    }
+
+    interface FloatingActionButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<FloatingActionButton> {
+        // <EnhancedButton/> is the element that get the 'other' properties
+        backgroundColor?: string;
+        className?: string;
+        disabled?: boolean;
+        disabledColor?: string;
+        href?: string;
+        iconClassName?: string;
+        iconStyle?: React.CSSProperties;
+        linkButton?: boolean;
+        mini?: boolean;
+        onMouseDown?: React.MouseEventHandler;
+        onMouseEnter?: React.MouseEventHandler;
+        onMouseLeave?: React.MouseEventHandler;
+        onMouseUp?: React.MouseEventHandler;
+        onTouchEnd?: React.TouchEventHandler;
+        onTouchStart?: React.TouchEventHandler;
+        secondary?: boolean;
+        style?: React.CSSProperties;
+        zDepth?: number;
+    }
+    export class FloatingActionButton extends React.Component<FloatingActionButtonProps, {}> {
+    }
+
+    interface IconButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<IconButton> {
+        // <EnhancedButton/> is the element that get the 'other' properties
+        className?: string;
+        disableTouchRipple?: boolean;
+        disabled?: boolean;
+        iconClassName?: string;
+        iconStyle?: React.CSSProperties;
+        onBlur?: React.FocusEventHandler;
+        onFocus?: React.FocusEventHandler;
+        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
+        onMouseEnter?: React.MouseEventHandler;
+        onMouseLeave?: React.MouseEventHandler;
+        onMouseOut?: React.MouseEventHandler;
+        style?: React.CSSProperties;
+        tooltip?: React.ReactNode | string;
+        tooltipPosition?: propTypes.cornersAndCenter;
+        tooltipStyles?: React.CSSProperties;
+        touch?: boolean;
+    }
+    export class IconButton extends React.Component<IconButtonProps, {}> {
+    }
+
+    namespace Card {
+
+        interface CardProps extends React.Props<Card> {
+            className?: string;
+            actAsExpander?: boolean;
+            containerStyle?: React.CSSProperties;
+            expandable?: boolean;
+            expanded?: boolean;
+            initiallyExpanded?: boolean;
+            onExpandChange?: (isExpanded: boolean) => void;
+            showExpandableButton?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class Card extends React.Component<CardProps, {}> {
+        }
+
+        interface CardActionsProps extends React.Props<CardActions> {
+            actAsExpander?: boolean;
+            expandable?: boolean;
+            showExpandableButton?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class CardActions extends React.Component<CardActionsProps, {}> {
+        }
+
+        interface CardExpandableProps extends React.Props<CardExpandable> {
+            expanded?: boolean;
+            onExpanding?: (isExpanded: boolean) => void;
+            style?: React.CSSProperties;
+        }
+        export class CardExpandable extends React.Component<CardExpandableProps, {}> {
+        }
+
+        interface CardHeaderProps extends React.Props<CardHeader> {
+            actAsExpander?: boolean;
+            avatar?: React.ReactNode;
+            expandable?: boolean;
+            showExpandableButton?: boolean;
+            style?: React.CSSProperties;
+            subtitle?: React.ReactNode;
+            subtitleColor?: string;
+            subtitleStyle?: React.CSSProperties;
+            textStyle?: React.CSSProperties;
+            title?: React.ReactNode;
+            titleColor?: string;
+            titleStyle?: React.CSSProperties;
+        }
+        export class CardHeader extends React.Component<CardHeaderProps, {}> {
+        }
+
+        interface CardMediaProps extends React.Props<CardMedia> {
+            actAsExpander?: boolean;
+            expandable?: boolean;
+            mediaStyle?: React.CSSProperties;
+            overlay?: React.ReactNode;
+            overlayContainerStyle?: React.CSSProperties;
+            overlayContentStyle?: React.CSSProperties;
+            overlayStyle?: React.CSSProperties;
+            style?: React.CSSProperties;
+        }
+        export class CardMedia extends React.Component<CardMediaProps, {}> {
+        }
+
+        interface CardTextProps extends React.Props<CardText> {
+            actAsExpander?: boolean;
+            color?: string;
+            expandable?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class CardText extends React.Component<CardTextProps, {}> {
+        }
+
+        interface CardTitleProps extends React.Props<CardTitle> {
+            actAsExpander?: boolean;
+            expandable?: boolean;
+            showExpandableButton?: boolean;
+            style?: React.CSSProperties;
+            subtitle?: React.ReactNode;
+            subtitleColor?: string;
+            subtitleStyle?: React.CSSProperties;
+            title?: React.ReactNode;
+            titleColor?: string;
+            titleStyle?: React.CSSProperties;
+        }
+        export class CardTitle extends React.Component<CardTitleProps, {}> {
+        }
+    }
+
+    interface ChipProps extends React.Props<Chip> {
+        backgroundColor?: string;
+        className?: string;
+        labelColor?: string;
+        labelStyle?: React.CSSProperties;
+        onRequestDelete?: React.TouchEventHandler;
+        onTouchTap?: React.TouchEventHandler;
+        style?: React.CSSProperties;
+    }
+    export class Chip extends React.Component<ChipProps, {}> {
+    }
+
+    namespace DatePicker {
+        interface DatePickerProps extends React.Props<DatePicker> {
+            // <TextField/> is the element that get the 'other' properties
+            DateTimeFormat?: Intl.DateTimeFormat;
+            autoOk?: boolean;
+            cancelLabel?: React.ReactNode;
+            container?: "dialog" | "inline";
+            defaultDate?: Date;
+            disableYearSelection?: boolean;
+            disabled?: boolean;
+            firstDayOfWeek?: number;
+            formatDate?: (date: Date) => string;
+            locale?: string;
+            maxDate?: Date;
+            minDate?: Date;
+            mode?: "portrait" | "landscape";
+            okLabel?: React.ReactNode;
+            onChange?: (e: any, date: Date) => void; // e is always null
+            onDismiss?: () => void;
+            onFocus?: React.FocusEventHandler;
+            onShow?: () => void;
+            onTouchTap?: React.TouchEventHandler;
+            shouldDisableDate?: (day: Date) => boolean;
+            style?: React.CSSProperties;
+            textFieldStyle?: React.CSSProperties;
+            value?: Date;
+            /** @deprecated use cancelLabel and okLabel instead */
+            wordings?: {ok: string, cancel: string};
+
+            // From <TextField />
+            className?: string;
+            defaultValue?: string;
+            errorStyle?: React.CSSProperties;
+            errorText?: React.ReactNode;
+            floatingLabelStyle?: React.CSSProperties;
+            floatingLabelText?: React.ReactNode;
+            fullWidth?: boolean;
+            hintStyle?: React.CSSProperties;
+            hintText?: React.ReactNode;
+            id?: string;
+            inputStyle?: React.CSSProperties;
+            name?: string;
+            onBlur?: React.FocusEventHandler;
+            onKeyDown?: React.KeyboardEventHandler;
+            type?: string;
+            underlineDisabledStyle?: React.CSSProperties;
+            underlineFocusStyle?: React.CSSProperties;
+            underlineShow?: boolean;
+            underlineStyle?: React.CSSProperties;
+        }
+        export class DatePicker extends React.Component<DatePickerProps, {}> {
+        }
+
+        interface DatePickerDialogProps extends React.Props<DatePickerDialog> {
+            // <Container/> is the element that get the 'other' properties
+            DateTimeFormat?: Intl.DateTimeFormat;
+            autoOk?: boolean;
+            cancelLabel?: React.ReactNode;
+            container?: "dialog" | "inline";
+            disableYearSelection?: boolean;
+            firstDayOfWeek?: number;
+            initialDate?: Date;
+            locale?: string;
+            maxDate?: Date;
+            minDate?: Date;
+            mode?: "portrait" | "landscape";
+            okLabel?: React.ReactNode;
+            onAccept?: (d: Date) => void;
+            onDismiss?: () => void;
+            onShow?: () => void;
+            shouldDisableDate?: (day: Date) => boolean;
+            style?: React.CSSProperties;
+            wordings?: { ok: string, cancel: string };
+        }
+        export class DatePickerDialog extends React.Component<DatePickerDialogProps, {}> {
+        }
+    }
+
+    interface DialogProps extends React.DOMAttributes, React.Props<Dialog> {
+        actions?: React.ReactElement<any> | React.ReactElement<any>[];
+        actionsContainerClassName?: string;
+        actionsContainerStyle?: React.CSSProperties;
+        autoDetectWindowHeight?: boolean;
+        autoScrollBodyContent?: boolean;
+        bodyClassName?: string;
+        bodyStyle?: React.CSSProperties;
+        className?: string;
+        contentClassName?: string;
+        contentStyle?: React.CSSProperties;
+        modal?: boolean;
+        onRequestClose?: (buttonClicked: boolean) => void;
+        open: boolean;
+        overlayClassName?: string;
+        overlayStyle?: React.CSSProperties;
+        repositionOnUpdate?: boolean;
+        style?: React.CSSProperties;
+        title?: React.ReactNode;
+        titleClassName?: string;
+        titleStyle?: React.CSSProperties;
+    }
+    export class Dialog extends React.Component<DialogProps, {}> {
+    }
+
+    interface DividerProps extends React.Props<Divider> {
+        className?: string;
+        inset?: boolean;
+        style?: React.CSSProperties;
+    }
+    export class Divider extends React.Component<DividerProps, {}>{
+    }
+
+    interface DrawerProps extends React.Props<Drawer> {
+        className?: string;
+        containerClassName?: string;
+        containerStyle?: React.CSSProperties;
+        disableSwipeToOpen?: boolean;
+        docked?: boolean;
+        onRequestChange?: (opening: boolean, reason: string) => void;
+        open?: boolean;
+        openSecondary?: Boolean;
+        overlayClassName?: string;
+        overlayStyle?: React.CSSProperties;
+        style?: React.CSSProperties;
+        swipeAreaWidth?: number;
+        width?: number;
+        zDepth?: number;
+    }
+    export class Drawer extends React.Component<DrawerProps, {}> {
+    }
+
+    namespace GridList {
+        interface GridListProps extends React.Props<GridList> {
+            cellHeight?: number;
+            cols?: number;
+            padding?: number;
+            style?: React.CSSProperties;
+        }
+        export class GridList extends React.Component<GridListProps, {}>{
+        }
+
+        interface GridTileProps extends React.Props<GridTile> {
+            actionIcon?: React.ReactElement<any>;
+            actionPosition?: "left" | "right";
+            cols?: number;
+            containerElement?: string | React.ReactElement<any> | React.ComponentClass<any>;
+            rows?: number;
+            style?: React.CSSProperties;
+            subtitle?: React.ReactNode;
+            title?: React.ReactNode;
+            titleBackground?: string;
+            titlePosition?: "top" | "bottom";
+        }
+        export class GridTile extends React.Component<GridTileProps, {}>{
+        }
+    }
+
+    interface FontIconProps extends React.HTMLAttributes, React.Props<FontIcon> {
+        // <span/> is the element that get the 'other' properties
+        color?: string;
+        hoverColor?: string;
+        onMouseEnter?: React.MouseEventHandler;
+        onMouseLeave?: React.MouseEventHandler;
+        style?: React.CSSProperties;
+    }
+    export class FontIcon extends React.Component<FontIconProps, {}> {
+    }
+
+    interface SvgIconProps extends React.SVGAttributes, React.Props<SvgIcon> {
+        // <svg/> is the element that get the 'other' properties
+        color?: string;
+        hoverColor?: string;
+        onMouseEnter?: React.MouseEventHandler;
+        onMouseLeave?: React.MouseEventHandler;
+        style?: React.CSSProperties;
+        viewBox?: string;
+    }
+    export class SvgIcon extends React.Component<SvgIconProps, {}> {
+    }
+
+    namespace List {
+        interface ListProps extends React.Props<List> {
+            // <Paper/> is the element that get the 'other' properties
+            /** @deprecated nest the Subheader component directly inside the List instead */
+            insetSubheader?: boolean;
+            style?: React.CSSProperties;
+            /** @deprecated nest the Subheader component directly inside the List instead */
+            subheader?: string;
+            /** @deprecated nest the Subheader component directly inside the List instead */
+            subheaderStyle?: React.CSSProperties;
+            /** @deprecated wrap it in `Paper` or another component that provides zDepth instead */
+            zDepth?: number;
+        }
+        export class List extends React.Component<ListProps, {}> {
+        }
+
+        interface ListItemProps extends React.HTMLAttributes, React.Props<ListItem> {
+            // <EnhancedButton/> is the element that get the 'other' properties
+            autoGenerateNestedIndicator?: boolean;
+            disableKeyboardFocus?: boolean;
+            disabled?: boolean;
+            initiallyOpen?: boolean;
+            innerDivStyle?: React.CSSProperties;
+            insetChildren?: boolean;
+            leftAvatar?: React.ReactElement<any>;
+            leftCheckbox?: React.ReactElement<any>;
+            leftIcon?: React.ReactElement<any>;
+            nestedItems?: React.ReactElement<ListItemProps>[];
+            nestedLevel?: number;
+            nestedListStyle?: React.CSSProperties;
+            onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
+            onMouseEnter?: React.MouseEventHandler;
+            onMouseLeave?: React.MouseEventHandler;
+            onNestedListToggle?: (item: ListItem) => void;
+            onTouchStart?: React.TouchEventHandler;
+            onTouchTap?: TouchTapEventHandler;
+            primaryText?: React.ReactNode;
+            primaryTogglesNestedList?: boolean;
+            rightAvatar?: React.ReactElement<any>;
+            rightIcon?: React.ReactElement<any>;
+            rightIconButton?: React.ReactElement<any>;
+            rightToggle?: React.ReactElement<any>;
+            secondaryText?: React.ReactNode;
+            secondaryTextLines?: number; // 1 or 2
+            style?: React.CSSProperties;
+        }
+        export class ListItem extends React.Component<ListItemProps, {}> {
+        }
+
+        interface SelectableProps {
+            onChange?: (e: TouchTapEvent, value: any) => void;
+            selectedItemStyle?: React.CSSProperties;
+            value?: any;
+            /** @deprecated use the value and onChange property instead */
+            valueLink?: { value: any; requestChange: (e: TouchTapEvent, value: any) => void };
+        }
+
+        // union types for higher order components in TypeScript 1.8: https://github.com/Microsoft/TypeScript/issues/4362
+        export function MakeSelectable<P extends {}>(component: React.ComponentClass<P>): React.ComponentClass<P & SelectableProps>;
+    }
+
+    namespace Menus {
+        interface MenuProps extends React.Props<Menu> {
+            // <List/> is the element that get the 'other' properties
+            /** @deprecated Instead, use a Popover */
+            animated?: boolean;
+            autoWidth?: boolean;
+            desktop?: boolean;
+            disableAutoFocus?: boolean;
+            initiallyKeyboardFocused?: boolean;
+            listStyle?: React.CSSProperties;
+            maxHeight?: number;
+            multiple?: boolean;
+            onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
+            onEscKeyDown?: React.KeyboardEventHandler;
+            onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
+            onKeyDown?: React.KeyboardEventHandler;
+            /** @deprecated Instead, use a Popover */
+            openDirection?: propTypes.corners;
+            selectedMenuItemStyle?: React.CSSProperties;
+            style?: React.CSSProperties;
+            value?: any | any[];
+            valueLink?: ReactLink<any | any[]>;
+            width?: string | number;
+            /** @deprecated wrap it in `Paper` or another component that provides zDepth instead */
+            zDepth?: number;
+        }
+        export class Menu extends React.Component<MenuProps, {}>{
+        }
+
+        interface MenuItemProps extends React.HTMLAttributes, React.Props<MenuItem> {
+            // <ListItem/> is the element that get the 'other' properties
+            checked?: boolean;
+            desktop?: boolean;
+            disabled?: boolean;
+            focusState?: string; // 'none', 'focused', or 'keyboard-focused'
+            innerDivStyle?: React.CSSProperties;
+            insetChildren?: boolean;
+            leftIcon?: React.ReactElement<any>;
+            menuItems?: React.ReactNode;
+            onTouchTap?: TouchTapEventHandler;
+            rightIcon?: React.ReactElement<any>;
+            secondaryText?: React.ReactNode;
+            style?: React.CSSProperties;
+            value?: any;
+
+            // useful attributes passed to <ListItem/>
+            primaryText?: React.ReactNode;
+            secondaryTextLines?: number; // 1 or 2
+        }
+        export class MenuItem extends React.Component<MenuItemProps, {}>{
+        }
+
+        interface IconMenuProps extends React.Props<IconMenu> {
+            // <Menu/> is the element that get the 'other' properties
+            anchorOrigin?: propTypes.origin;
+            className?: string;
+            iconButtonElement: React.ReactElement<IconButtonProps>;
+            iconStyle?: React.CSSProperties;
+            menuStyle?: React.CSSProperties;
+            onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
+            onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
+            onMouseDown?: React.MouseEventHandler;
+            onMouseEnter?: React.MouseEventHandler;
+            onMouseLeave?: React.MouseEventHandler;
+            onMouseUp?: React.MouseEventHandler;
+            onRequestChange?: (opening: boolean, reason: string) => void;
+            onTouchTap?: TouchTapEventHandler;
+            open?: boolean;
+            style?: React.CSSProperties;
+            targetOrigin?: propTypes.origin;
+            touchTapCloseDelay?: number;
+            useLayerForClickAway?: boolean;
+
+            animated?: boolean;
+            autoWidth?: boolean;
+            desktop?: boolean;
+            listStyle?: React.CSSProperties;
+            maxHeight?: number;
+            multiple?: boolean;
+            onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
+            onKeyDown?: React.KeyboardEventHandler;
+            /** @deprecated Instead, use a Popover */
+            openDirection?: string;
+            selectedMenuItemStyle?: React.CSSProperties;
+            value?: any | any[];
+            valueLink?: ReactLink<any | any[]>;
+            width?: string | number;
+        }
+        export class IconMenu extends React.Component<IconMenuProps, {}> {
+        }
+
+        interface DropDownMenuProps extends React.Props<DropDownMenu> {
+            // <div/> is the element that gets the 'other' properties
+            animated?: boolean;
+            autoWidth?: boolean;
+            className?: string;
+            disabled?: boolean;
+            iconStyle?: React.CSSProperties;
+            labelStyle?: React.CSSProperties;
+            listStyle?: React.CSSProperties;
+            maxHeight?: number;
+            menuStyle?: React.CSSProperties;
+            onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
+            openImmediately?: boolean;
+            style?: React.CSSProperties;
+            underlineStyle?: React.CSSProperties;
+            value?: any;
+        }
+        export class DropDownMenu extends React.Component<DropDownMenuProps, {}> {
+        }
+    }
+
+    interface PaperProps extends React.HTMLAttributes, React.Props<Paper> {
+        circle?: boolean;
+        rounded?: boolean;
+        style?: React.CSSProperties;
+        transitionEnabled?: boolean;
+        zDepth?: number;
+    }
+    export class Paper extends React.Component<PaperProps, {}> {
+    }
+
+    namespace Popover {
+        interface PopoverAnimationProps {
+            open: boolean;
+            style?: React.CSSProperties;
+        }
+
+        interface PopoverProps extends React.Props<Popover> {
+            anchorEl?: React.ReactInstance;
+            anchorOrigin?: propTypes.origin;
+            animated?: boolean;
+            animation?: React.ComponentClass<PopoverAnimationProps>;
+            autoCloseWhenOffScreen?: boolean;
+            canAutoPosition?: boolean;
+            className?: string;
+            onRequestClose?: (reason: string) => void;
+            open?: boolean;
+            style?: React.CSSProperties;
+            targetOrigin?: propTypes.origin;
+            useLayerForClickAway?: boolean;
+            zDepth?: number;
+        }
+        export class Popover extends React.Component<PopoverProps, {}>{
+        }
+
+        interface PopoverAnimationVerticalProps extends PopoverAnimationProps, React.Props<PopoverAnimationVertical> {
+            className?: string;
+            targetOrigin?: propTypes.origin;
+            zDepth?: number;
+        }
+        export class PopoverAnimationVertical extends React.Component<PopoverAnimationVerticalProps, {}>{
+        }
+
+        interface PopoverAnimationDefaultProps extends PopoverAnimationProps, React.Props<PopoverAnimationDefault> {
+            className?: string;
+            targetOrigin?: propTypes.origin;
+            zDepth?: number;
+        }
+        export class PopoverAnimationDefault extends React.Component<PopoverAnimationDefaultProps, {}>{
+        }
+    }
+
+    interface CircularProgressProps extends React.Props<CircularProgress> {
+        color?: string;
+        innerStyle?: React.CSSProperties;
+        max?: number;
+        min?: number;
+        mode?: "determinate" | "indeterminate";
+        size?: number;
+        style?: React.CSSProperties;
+        value?: number;
+    }
+    export class CircularProgress extends React.Component<CircularProgressProps, {}> {
+    }
+
+    interface LinearProgressProps extends React.Props<LinearProgress> {
+        color?: string;
+        max?: number;
+        min?: number;
+        mode?: "determinate" | "indeterminate";
+        style?: React.CSSProperties;
+        value?: number;
+    }
+    export class LinearProgress extends React.Component<LinearProgressProps, {}> {
+    }
+
+    interface RefreshIndicatorProps extends React.Props<RefreshIndicator> {
+        color?: string;
+        left: number;
+        loadingColor?: string;
+        percentage?: number;
+        size?: number;
+        status?: "ready" | "loading" | "hide";
+        style?: React.CSSProperties;
+        top: number;
+    }
+    export class RefreshIndicator extends React.Component<RefreshIndicatorProps, {}> {
+    }
+
+    interface SelectFieldProps extends React.Props<SelectField> {
+        // <DropDownMenu/> is the element that get the 'other' properties
+        autoWidth?: boolean;
+        disabled?: boolean;
+        errorStyle?: React.CSSProperties;
+        errorText?: React.ReactNode;
+        floatingLabelFixed?: boolean;
+        floatingLabelStyle?: React.CSSProperties;
+        floatingLabelText?: React.ReactNode;
+        fullWidth?: boolean;
+        hintStyle?: React.CSSProperties;
+        hintText?: React.ReactNode;
+        iconStyle?: React.CSSProperties;
+        id?: string;
+        labelStyle?: React.CSSProperties;
+        onBlur?: React.FocusEventHandler;
+        onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
+        onFocus?: React.FocusEventHandler;
+        style?: React.CSSProperties;
+        underlineDisabledStyle?: React.CSSProperties;
+        underlineFocusStyle?: React.CSSProperties;
+        underlineStyle?: React.CSSProperties;
+        value?: any;
+
+        // useful attributes passed to <DropDownMenu/>
+        className?: string;
+        maxHeight?: number;
+        menuStyle?: any;
+        openImmediately?: boolean;
+    }
+    export class SelectField extends React.Component<SelectFieldProps, {}> {
+    }
+
+    interface SliderProps extends React.Props<Slider> {
+        defaultValue?: number;
+        description?: string;
+        disableFocusRipple?: boolean;
+        disabled?: boolean;
+        error?: string;
+        max?: number;
+        min?: number;
+        name?: string;
+        onBlur?: React.FocusEventHandler;
+        onChange?: (e: React.MouseEvent, value: number) => void;
+        onDragStart?: React.MouseEventHandler;
+        onDragStop?: React.MouseEventHandler;
+        onFocus?: React.FocusEventHandler;
+        required?: boolean;
+        step?: number;
+        style?: React.CSSProperties;
+        value?: number;
+    }
+    export class Slider extends React.Component<SliderProps, {}> {
+    }
+
+    namespace Switches {
+
+        // what's not commonly overridden by Checkbox, RadioButton, or Toggle
+        interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributes, React.Props<T> {
+        }
+
+        interface CheckboxProps extends CommonEnhancedSwitchProps<Checkbox> {
+            // <EnhancedSwitch/> is element that get the 'other' properties
+            checked?: boolean;
+            checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+            defaultChecked?: boolean;
+            disabled?: boolean;
+            iconStyle?: React.CSSProperties;
+            labelPosition?: "left" | "right";
+            labelStyle?: React.CSSProperties;
+            onCheck?: (event: React.MouseEvent, checked: boolean) => void;
+            style?: React.CSSProperties;
+            /** @deprecated Use uncheckedIcon instead */
+            unCheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+            uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+            valueLink?: ReactLink<boolean>;
+        }
+        export class Checkbox extends React.Component<CheckboxProps, {}> {
+            /** @deprecated Use checked property instead */
+            isChecked(): void;
+            /** @deprecated Use checked property instead */
+            setChecked(newCheckedValue: boolean): void;
+        }
+
+        interface RadioButtonProps extends CommonEnhancedSwitchProps<RadioButton> {
+            // <EnhancedSwitch/> is element that get the 'other' properties
+            checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+            disabled?: boolean;
+            iconStyle?: React.CSSProperties;
+            inputStyle?: React.CSSProperties;
+            labelStyle?: React.CSSProperties;
+            style?: React.CSSProperties;
+            uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+            value?: string;
+        }
+        export class RadioButton extends React.Component<RadioButtonProps, {}> {
+            isChecked(): boolean;
+            getValue(): string;
+        }
+
+        interface RadioButtonGroupProps extends React.Props<RadioButtonGroup> {
+            className?: string;
+            defaultSelected?: string;
+            labelPosition?: "left" | "right";
+            name: string;
+            onChange?: (e: React.FormEvent, selected: string) => void;
+            style?: React.CSSProperties;
+            valueSelected?: string;
+        }
+        export class RadioButtonGroup extends React.Component<RadioButtonGroupProps, {}> {
+            clearValue(): void;
+            getSelectedValue(): string;
+            setSelectedValue(newSelectionValue: string): void;
+        }
+
+        interface ToggleProps extends CommonEnhancedSwitchProps<Toggle> {
+            // <EnhancedSwitch/> is element that get the 'other' properties
+            defaultToggled?: boolean;
+            disabled?: boolean;
+            elementStyle?: React.CSSProperties;
+            iconStyle?: React.CSSProperties;
+            inputStyle?: React.CSSProperties;
+            label?: string;
+            labelPosition?: "left" | "right";
+            labelStyle?: React.CSSProperties;
+            onToggle?: (e: React.MouseEvent, isInputChecked: boolean) => void;
+            rippleStyle?: React.CSSProperties;
+            style?: React.CSSProperties;
+            thumbStyle?: React.CSSProperties;
+            toggled?: boolean;
+            trackStyle?: React.CSSProperties;
+            valueLink?: ReactLink<boolean>;
+        }
+        export class Toggle extends React.Component<ToggleProps, {}> {
+            isToggled(): boolean;
+            setToggled(newToggledValue: boolean): void;
+        }
+    }
+
+    interface SnackbarProps extends React.Props<Snackbar> {
+        action?: string;
+        autoHideDuration?: number;
+        bodyStyle?: React.CSSProperties;
+        className?: string;
+        message: React.ReactNode;
+        onActionTouchTap?: React.TouchEventHandler;
+        onRequestClose: (reason: string) => void;
+        open: boolean;
+        style?: React.CSSProperties;
+    }
+    export class Snackbar extends React.Component<SnackbarProps, {}> {
+    }
+
+    namespace Stepper {
+        interface StepProps extends React.Props<Step> {
+            active?: boolean;
+            completed?: boolean;
+            disabled?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class Step extends React.Component<StepProps, {}>{
+        }
+
+        interface StepButtonProps extends SharedEnhancedButtonProps<StepButton> {
+            active?: boolean;
+            completed?: boolean;
+            disabled?: boolean;
+            icon?: React.ReactNode | string | number;
+            onMouseEnter?: React.MouseEventHandler;
+            onMouseLeave?: React.MouseEventHandler;
+            onTouchStart?: React.TouchEventHandler;
+            style?: React.CSSProperties;
+        }
+        export class StepButton extends React.Component<StepButtonProps, {}>{
+        }
+
+        interface StepContentProps extends React.Props<StepContent> {
+            active?: boolean;
+            last?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class StepContent extends React.Component<StepContentProps, {}>{
+        }
+
+        interface StepLabelProps extends React.Props<StepLabel> {
+            active?: boolean;
+            completed?: boolean;
+            disabled?: boolean;
+            icon?: React.ReactNode | string | number;
+            style?: React.CSSProperties;
+        }
+        export class StepLabel extends React.Component<StepLabelProps, {}>{
+        }
+
+        interface StepperProps extends React.Props<Stepper> {
+            activeStep?: number;
+            linear?: boolean;
+            orientation?: "horizontal" | "vertical";
+            style?: React.CSSProperties;
+        }
+        export class Stepper extends React.Component<StepperProps, {}>{
+        }
+    }
+
+    interface SubheaderProps extends React.Props<Subheader> {
+        inset?: boolean;
+        style?: React.CSSProperties;
+    }
+    export class Subheader extends React.Component<SubheaderProps, {}>{
+    }
+
+    namespace Table {
+        interface TableProps extends React.Props<Table> {
+            allRowsSelected?: boolean;
+            bodyStyle?: React.CSSProperties;
+            className?: string;
+            fixedFooter?: boolean;
+            fixedHeader?: boolean;
+            footerStyle?: React.CSSProperties;
+            headerStyle?: React.CSSProperties;
+            height?: string;
+            multiSelectable?: boolean;
+            onCellClick?: (row: number, column: number) => void;
+            onCellHover?: (row: number, column: number) => void;
+            onCellHoverExit?: (row: number, column: number) => void;
+            onRowHover?: (row: number) => void;
+            onRowHoverExit?: (row: number) => void;
+            onRowSelection?: (selectedRows: number[] | string) => void;
+            selectable?: boolean;
+            style?: React.CSSProperties;
+            wrapperStyle?: React.CSSProperties;
+        }
+        export class Table extends React.Component<TableProps, {}> {
+        }
+
+        interface TableRowProps extends React.Props<TableRow> {
+            // <tr/> is element that get the 'other' properties
+            className?: string;
+            displayBorder?: boolean;
+            hoverable?: boolean;
+            hovered?: boolean;
+            /** @deprecated Instead, use event handler on Table */
+            onCellClick?: (e: React.MouseEvent, row: number, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
+            onCellHover?: (e: React.MouseEvent, row: number, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
+            onCellHoverExit?: (e: React.MouseEvent, row: number, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
+            onRowClick?: (e: React.MouseEvent, row: number) => void;
+            /** @deprecated Instead, use event handler on Table */
+            onRowHover?: (e: React.MouseEvent, row: number) => void;
+            /** @deprecated Instead, use event handler on Table */
+            onRowHoverExit?: (e: React.MouseEvent, row: number) => void;
+            rowNumber?: number;
+            selectable?: boolean;
+            selected?: boolean;
+            striped?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class TableRow extends React.Component<TableRowProps, {}> {
+        }
+
+        interface TableRowColumnProps extends React.Props<TableRowColumn> {
+            // <td/> is element that get the 'other' properties
+            className?: string;
+            columnNumber?: number;
+            hoverable?: boolean;
+            key?: string;
+            /** @deprecated Instead, use event handler on Table */
+            onClick?: (e: React.MouseEvent, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
+            onHover?: (e: React.MouseEvent, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
+            onHoverExit?: (e: React.MouseEvent, column: number) => void;
+            style?: React.CSSProperties;
+
+            // useful attributes passed to <td/>
+            colSpan?: number;
+        }
+        export class TableRowColumn extends React.Component<TableRowColumnProps, {}> {
+        }
+
+        interface TableHeaderProps extends React.Props<TableHeader> {
+            adjustForCheckbox?: boolean;
+            className?: string;
+            displaySelectAll?: boolean;
+            enableSelectAll?: boolean;
+            /** @deprecated Instead, use event handler on Table */
+            onSelectAll?: (checked: boolean) => void;
+            /** @deprecated Instead, use event handler on Table */
+            selectAllSelected?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class TableHeader extends React.Component<TableHeaderProps, {}> {
+        }
+
+        interface TableHeaderColumnProps extends React.Props<TableHeaderColumn> {
+            // <th/> is element that get the 'other' properties
+            className?: string;
+            columnNumber?: number;
+            onClick?: (e: React.MouseEvent, column: number) => void;
+            style?: React.CSSProperties;
+            tooltip?: string;
+            tooltipStyle?: React.CSSProperties;
+
+            // useful attributes passed to <th/>
+            colSpan?: number;
+        }
+        export class TableHeaderColumn extends React.Component<TableHeaderColumnProps, {}> {
+        }
+
+        interface TableBodyProps extends React.Props<TableBody> {
+            /** @deprecated Instead, use property on Table */
+            allRowsSelected?: boolean;
+            className?: string;
+            deselectOnClickaway?: boolean;
+            displayRowCheckbox?: boolean;
+            /** @deprecated Instead, use property on Table */
+            multiSelectable?: boolean;
+            /** @deprecated Instead, use event handler on Table */
+            onCellClick?: (row: number, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
+            onCellHover?: (row: number, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
+            onCellHoverExit?: (row: number, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
+            onRowHover?: (row: number) => void;
+            /** @deprecated Instead, use event handler on Table */
+            onRowHoverExit?: (row: number) => void;
+            /** @deprecated Instead, use event handler on Table */
+            onRowSelection?: (selectedRows: number[] | string) => void;
+            preScanRows?: boolean;
+            /** @deprecated Instead, use property on Table */
+            selectable?: boolean;
+            showRowHover?: boolean;
+            stripedRows?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class TableBody extends React.Component<TableBodyProps, {}> {
+        }
+
+        interface TableFooterProps extends React.Props<TableFooter> {
+            // <tfoot/> is element that get the 'other' properties
+            adjustForCheckbox?: boolean;
+            className?: string;
+            style?: React.CSSProperties;
+        }
+        export class TableFooter extends React.Component<TableFooterProps, {}> {
+        }
+    }
+
+    namespace Tabs {
+        interface TabsProps extends React.Props<Tabs> {
+            className?: string;
+            contentContainerClassName?: string;
+            contentContainerStyle?: React.CSSProperties;
+            initialSelectedIndex?: number;
+            inkBarStyle?: React.CSSProperties;
+            onChange?: (value: any, e: React.FormEvent, tab: Tab) => void;
+            style?: React.CSSProperties;
+            tabItemContainerStyle?: React.CSSProperties;
+            tabTemplate?: React.ComponentClass<any>;
+            value?: any;
+        }
+        export class Tabs extends React.Component<TabsProps, {}> {
+        }
+
+        interface TabProps extends SharedEnhancedButtonProps<Tab> {
+            className?: string;
+            icon?: React.ReactNode;
+            label?: React.ReactNode;
+            onActive?: (tab: Tab) => void;
+            style?: React.CSSProperties;
+            value?: any;
+            disabled?: boolean;
+        }
+        export class Tab extends React.Component<
+            TabProps, {}> {
+        }
+    }
+
+    interface TextFieldProps extends React.Props<TextField> {
+        className?: string;
+        defaultValue?: string | number;
+        disabled?: boolean;
+        errorStyle?: React.CSSProperties;
+        errorText?: React.ReactNode;
+        floatingLabelFixed?: boolean;
+        floatingLabelFocusStyle?: React.CSSProperties;
+        floatingLabelStyle?: React.CSSProperties;
+        floatingLabelText?: React.ReactNode;
+        fullWidth?: boolean;
+        hintStyle?: React.CSSProperties;
+        hintText?: React.ReactNode;
+        id?: string;
+        inputStyle?: React.CSSProperties;
+        multiLine?: boolean;
+        name?: string;
+        onBlur?: React.FocusEventHandler;
+        onChange?: React.FormEventHandler;
+        /** @deprecated Use onKeyDown and check for keycode instead. */
+        onEnterKeyDown?: React.KeyboardEventHandler;
+        onFocus?: React.FocusEventHandler;
+        onKeyDown?: React.KeyboardEventHandler;
+        rows?: number,
+        rowsMax?: number,
+        style?: React.CSSProperties;
+        textareaStyle?: React.CSSProperties;
+        type?: string;
+        underlineDisabledStyle?: React.CSSProperties;
+        underlineFocusStyle?: React.CSSProperties;
+        underlineShow?: boolean;
+        underlineStyle?: React.CSSProperties;
+        value?: string | number;
+    }
+    export class TextField extends React.Component<TextFieldProps, {}> {
+        blur(): void;
+        focus(): void;
+        select(): void;
+        getValue(): string;
+        getInputNode(): HTMLInputElement;
+    }
+
+    interface TimePickerProps extends React.Props<TimePicker> {
+        // <TextField/> is element that get the 'other' properties
+        autoOk?: boolean;
+        cancelLabel?: React.ReactNode;
+        defaultTime?: Date;
+        dialogBodyStyle?: React.CSSProperties;
+        dialogStyle?: React.CSSProperties;
+        disabled?: boolean;
+        format?: "ampm" | "24hr";
+        okLabel?: React.ReactNode;
+        onChange?: (e: any, time: Date) => void;
+        onDismiss?: () => void;
+        onFocus?: React.FocusEventHandler;
+        onShow?: () => void;
+        onTouchTap?: TouchTapEventHandler;
+        pedantic?: boolean;
+        style?: React.CSSProperties;
+        textFieldStyle?: React.CSSProperties;
+        value?: Date;
+
+        // From <TextField />
+        className?: string;
+        defaultValue?: string | number;
+        errorStyle?: React.CSSProperties;
+        errorText?: React.ReactNode;
+        floatingLabelFixed?: boolean;
+        floatingLabelFocusStyle?: React.CSSProperties;
+        floatingLabelStyle?: React.CSSProperties;
+        floatingLabelText?: React.ReactNode;
+        fullWidth?: boolean;
+        hintStyle?: React.CSSProperties;
+        hintText?: React.ReactNode;
+        id?: string;
+        inputStyle?: React.CSSProperties;
+        multiLine?: boolean;
+        name?: string;
+        onBlur?: React.FocusEventHandler;
+        onKeyDown?: React.KeyboardEventHandler;
+        rows?: number,
+        rowsMax?: number,
+        textareaStyle?: React.CSSProperties;
+        type?: string;
+        underlineDisabledStyle?: React.CSSProperties;
+        underlineFocusStyle?: React.CSSProperties;
+        underlineShow?: boolean;
+        underlineStyle?: React.CSSProperties;
+    }
+    export class TimePicker extends React.Component<TimePickerProps, {}> {
+        /** @deprecated Use defaultTime instead. */
+        getTime(): Date;
+        /** @deprecated Use defaultTime instead. */
+        setTime(time: Date): void;
+        focus(): void;
+        openDialog(): void;
+    }
+
+    namespace Toolbar {
+        interface ToolbarProps extends React.Props<Toolbar> {
+            className?: string;
+            noGutter?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class Toolbar extends React.Component<ToolbarProps, {}> {
+        }
+
+        interface ToolbarGroupProps extends React.Props<ToolbarGroup> {
+            className?: string;
+            firstChild?: boolean;
+            float?: "left" | "right";
+            lastChild?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class ToolbarGroup extends React.Component<ToolbarGroupProps, {}> {
+        }
+
+        interface ToolbarSeparatorProps extends React.Props<ToolbarSeparator> {
+            className?: string;
+            style?: React.CSSProperties;
+        }
+        export class ToolbarSeparator extends React.Component<ToolbarSeparatorProps, {}> {
+        }
+
+        interface ToolbarTitleProps extends React.HTMLAttributes, React.Props<ToolbarTitle> {
+            className?: string;
+            style?: React.CSSProperties;
+            text?: string;
+        }
+        export class ToolbarTitle extends React.Component<ToolbarTitleProps, {}> {
+        }
+    }
+
+    export namespace Utils {
+        export namespace ColorManipulator {
+            interface MuiColorObject {
+                type: string;
+                values: number[];
+            }
+            function convertColorToString(color: any): string;
+            function convertHexToRGB(color: string): string;
+            function decomposeColor(color: string): MuiColorObject;
+            function getContrastRatio(foreground: string, background: string): number;
+            function getLuminance(color: string): number;
+            function emphasize(color: string, coefficient?: number): string;
+            function fade(color: string, value: number): string;
+            function darken(color: string, coefficient: number): string;
+            function lighten(color: string, coefficient: number): string;
+        }
+
+        interface Dom {
+            addClass(el: Element, className: string): void;
+            forceRedraw(el: HTMLElement): void;
+            getStyleAttributeAsNumber(el: HTMLElement, attr: string): number;
+            hasClass(el: Element, className: string): boolean;
+            isDescendant(parent: Node, child: Node): boolean;
+            offset(el: Element): { top: number, left: number };
+            removeClass(el: Element, className: string): void;
+            toggleClass(el: Element, className: string): void;
+            withoutTransition(el: HTMLElement, callback: () => void): void;
+        }
+        export var Dom: Dom;
+
+        interface Events {
+            isKeyboard(e: Event): boolean;
+            off(el: Element, type: string, callback: EventListener): void;
+            on(el: Element, type: string, callback: EventListener): void;
+            once(el: Element, type: string, callback: EventListener): void;
+        }
+        export var Events: Events;
+    }
+}    // __MaterialUI
+
+declare module 'material-ui/AppBar' {
+    export import AppBar = __MaterialUI.AppBar;
+    export default AppBar;
+}
+
+declare module 'material-ui/AutoComplete' {
+    export import AutoComplete = __MaterialUI.AutoComplete;
+    export default AutoComplete;
+}
+
+declare module 'material-ui/Avatar' {
+    export import Avatar = __MaterialUI.Avatar;
+    export default Avatar;
+}
+
+declare module "material-ui/Badge" {
+    export import Badge = __MaterialUI.Badge;
+    export default Badge;
+}
+
+declare module 'material-ui/Card' {
+    export import Card = __MaterialUI.Card.Card;
+    export import CardActions = __MaterialUI.Card.CardActions;
+    export import CardExpandable = __MaterialUI.Card.CardExpandable;
+    export import CardHeader = __MaterialUI.Card.CardHeader;
+    export import CardMedia = __MaterialUI.Card.CardMedia;
+    export import CardText = __MaterialUI.Card.CardText;
+    export import CardTitle = __MaterialUI.Card.CardTitle;
+    export default Card;
+}
+
+declare module 'material-ui/Card/Card' {
+    export import Card = __MaterialUI.Card.Card;
+    export default Card;
+}
+
+declare module 'material-ui/Card/CardActions' {
+    export import CardActions = __MaterialUI.Card.CardActions;
+    export default CardActions;
+}
+
+declare module 'material-ui/Card/CardExpandable' {
+    export import CardExpandable = __MaterialUI.Card.CardExpandable;
+    export default CardExpandable;
+}
+
+declare module 'material-ui/Card/CardHeader' {
+    export import CardHeader = __MaterialUI.Card.CardHeader;
+    export default CardHeader;
+}
+
+declare module 'material-ui/Card/CardMedia' {
+    export import CardMedia = __MaterialUI.Card.CardMedia;
+    export default CardMedia;
+}
+
+declare module 'material-ui/Card/CardText' {
+    export import CardText = __MaterialUI.Card.CardText;
+    export default CardText;
+}
+
+declare module 'material-ui/Card/CardTitle' {
+    export import CardTitle = __MaterialUI.Card.CardTitle;
+    export default CardTitle;
+}
+
+declare module 'material-ui/Checkbox' {
+    export import Checkbox = __MaterialUI.Switches.Checkbox;
+    export default Checkbox;
+}
+
+declare module 'material-ui/Chip' {
+    export import Chip = __MaterialUI.Chip;
+    export default Chip;
+}
+
+declare module 'material-ui/CircularProgress' {
+    export import CircularProgress = __MaterialUI.CircularProgress;
+    export default CircularProgress;
+}
+
+declare module 'material-ui/DatePicker' {
+    export import DatePicker = __MaterialUI.DatePicker.DatePicker;
+    export default DatePicker;
+}
+
+declare module 'material-ui/Dialog' {
+    export import Dialog = __MaterialUI.Dialog;
+    export default Dialog;
+}
+
+declare module "material-ui/Divider" {
+    export import Divider = __MaterialUI.Divider;
+    export default Divider;
+}
+
+declare module 'material-ui/Drawer' {
+    export import Drawer = __MaterialUI.Drawer;
+    export default Drawer;
+}
+
+declare module 'material-ui/DropDownMenu' {
+    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
+    export default DropDownMenu;
+}
+
+declare module 'material-ui/FlatButton' {
+    export import FlatButton = __MaterialUI.FlatButton;
+    export default FlatButton;
+}
+
+declare module 'material-ui/FloatingActionButton' {
+    export import FloatingActionButton = __MaterialUI.FloatingActionButton;
+    export default FloatingActionButton;
+}
+
+declare module 'material-ui/FontIcon' {
+    export import FontIcon = __MaterialUI.FontIcon;
+    export default FontIcon;
+}
+
+declare module "material-ui/GridList" {
+    export import GridList = __MaterialUI.GridList.GridList;
+    export import GridTile = __MaterialUI.GridList.GridTile;
+    export default GridList;
+}
+
+declare module "material-ui/GridList/GridList" {
+    export import GridList = __MaterialUI.GridList.GridList;
+    export default GridList;
+}
+
+declare module "material-ui/GridList/GridTile" {
+    export import GridTile = __MaterialUI.GridList.GridTile;
+    export default GridTile;
+}
+
+declare module 'material-ui/IconButton' {
+    export import IconButton = __MaterialUI.IconButton;
+    export default IconButton;
+}
+
+declare module "material-ui/IconMenu" {
+    export import IconMenu = __MaterialUI.Menus.IconMenu;
+    export default IconMenu;
+}
+
+declare module 'material-ui/LinearProgress' {
+    export import LinearProgress = __MaterialUI.LinearProgress;
+    export default LinearProgress;
+}
+
+declare module 'material-ui/List' {
+    export import List = __MaterialUI.List.List;
+    export import ListItem = __MaterialUI.List.ListItem;
+    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
+    export default List;
+}
+
+declare module 'material-ui/List/List' {
+    export import List = __MaterialUI.List.List;
+    export default List;
+}
+
+declare module 'material-ui/List/ListItem' {
+    export import ListItem = __MaterialUI.List.ListItem;
+    export default ListItem;
+}
+
+declare module 'material-ui/List/MakeSelectable' {
+    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
+    export default MakeSelectable;
+}
+
+declare module "material-ui/Menu" {
+    export import Menu = __MaterialUI.Menus.Menu;
+    export import MenuItem = __MaterialUI.Menus.MenuItem;
+    export default Menu;
+}
+
+declare module "material-ui/MenuItem" {
+    export import MenuItem = __MaterialUI.Menus.MenuItem;
+    export default MenuItem;
+}
+
+declare module 'material-ui/Paper' {
+    export import Paper = __MaterialUI.Paper;
+    export default Paper;
+}
+
+declare module 'material-ui/Popover' {
+    export import Popover = __MaterialUI.Popover.Popover;
+    export import PopoverAnimationVertical = __MaterialUI.Popover.PopoverAnimationVertical;
+    export default Popover;
+}
+
+declare module 'material-ui/Popover/Popover' {
+    export import Popover = __MaterialUI.Popover.Popover;
+    export default Popover;
+}
+
+declare module 'material-ui/Popover/PopoverAnimationDefault' {
+    export import PopoverAnimationDefault = __MaterialUI.Popover.PopoverAnimationDefault;
+    export default PopoverAnimationDefault;
+}
+
+declare module 'material-ui/Popover/PopoverAnimationVertical' {
+    export import PopoverAnimationVertical = __MaterialUI.Popover.PopoverAnimationVertical;
+    export default PopoverAnimationVertical;
+}
+
+declare module 'material-ui/RadioButton' {
+    export import RadioButton = __MaterialUI.Switches.RadioButton;
+    export import RadioButtonGroup = __MaterialUI.Switches.RadioButtonGroup;
+    export default RadioButton;
+}
+
+declare module 'material-ui/RadioButton/RadioButtonGroup' {
+    export import RadioButtonGroup = __MaterialUI.Switches.RadioButtonGroup;
+    export default RadioButtonGroup;
+}
+
+declare module 'material-ui/RaisedButton' {
+    export import RaisedButton = __MaterialUI.RaisedButton;
+    export default RaisedButton;
+}
+
+declare module 'material-ui/RefreshIndicator' {
+    export import RefreshIndicator = __MaterialUI.RefreshIndicator;
+    export default RefreshIndicator;
+}
+
+declare module 'material-ui/SelectField' {
+    export import SelectField = __MaterialUI.SelectField;
+    export default SelectField;
+}
+
+declare module 'material-ui/Slider' {
+    export import Slider = __MaterialUI.Slider;
+    export default Slider;
+}
+
+declare module 'material-ui/Snackbar' {
+    export import Snackbar = __MaterialUI.Snackbar;
+    export default Snackbar;
+}
+
+declare module 'material-ui/Stepper' {
+    export import Step = __MaterialUI.Stepper.Step;
+    export import StepButton = __MaterialUI.Stepper.StepButton;
+    export import StepContent = __MaterialUI.Stepper.StepContent;
+    export import StepLabel = __MaterialUI.Stepper.StepLabel;
+    export import Stepper = __MaterialUI.Stepper.Stepper;
+}
+
+declare module 'material-ui/Subheader' {
+    export import Subheader = __MaterialUI.Subheader;
+    export default Subheader;
+}
+
+declare module 'material-ui/SvgIcon' {
+    export import SvgIcon = __MaterialUI.SvgIcon;
+    export default SvgIcon;
+}
+
+declare module 'material-ui/svg-icons/action/work' {
+  export import ActionWork = __MaterialUI.SvgIcon;
+  export default ActionWork;
+}
+
+declare module 'material-ui/svg-icons/action/camera-enhance' {
+  export import ActionCameraEnhance = __MaterialUI.SvgIcon;
+  export default ActionCameraEnhance;
+}
+
+declare module 'material-ui/svg-icons/action/flip-to-back' {
+  export import ActionFlipToBack = __MaterialUI.SvgIcon;
+  export default ActionFlipToBack;
+}
+
+declare module 'material-ui/svg-icons/action/feedback' {
+  export import ActionFeedback = __MaterialUI.SvgIcon;
+  export default ActionFeedback;
+}
+
+declare module 'material-ui/svg-icons/action/assignment-turned-in' {
+  export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon;
+  export default ActionAssignmentTurnedIn;
+}
+
+declare module 'material-ui/svg-icons/action/track-changes' {
+  export import ActionTrackChanges = __MaterialUI.SvgIcon;
+  export default ActionTrackChanges;
+}
+
+declare module 'material-ui/svg-icons/action/view-stream' {
+  export import ActionViewStream = __MaterialUI.SvgIcon;
+  export default ActionViewStream;
+}
+
+declare module 'material-ui/svg-icons/action/open-in-browser' {
+  export import ActionOpenInBrowser = __MaterialUI.SvgIcon;
+  export default ActionOpenInBrowser;
+}
+
+declare module 'material-ui/svg-icons/action/view-headline' {
+  export import ActionViewHeadline = __MaterialUI.SvgIcon;
+  export default ActionViewHeadline;
+}
+
+declare module 'material-ui/svg-icons/action/alarm-add' {
+  export import ActionAlarmAdd = __MaterialUI.SvgIcon;
+  export default ActionAlarmAdd;
+}
+
+declare module 'material-ui/svg-icons/action/history' {
+  export import ActionHistory = __MaterialUI.SvgIcon;
+  export default ActionHistory;
+}
+
+declare module 'material-ui/svg-icons/action/perm-device-information' {
+  export import ActionPermDeviceInformation = __MaterialUI.SvgIcon;
+  export default ActionPermDeviceInformation;
+}
+
+declare module 'material-ui/svg-icons/action/reorder' {
+  export import ActionReorder = __MaterialUI.SvgIcon;
+  export default ActionReorder;
+}
+
+declare module 'material-ui/svg-icons/action/assignment' {
+  export import ActionAssignment = __MaterialUI.SvgIcon;
+  export default ActionAssignment;
+}
+
+declare module 'material-ui/svg-icons/action/shopping-cart' {
+  export import ActionShoppingCart = __MaterialUI.SvgIcon;
+  export default ActionShoppingCart;
+}
+
+declare module 'material-ui/svg-icons/action/face' {
+  export import ActionFace = __MaterialUI.SvgIcon;
+  export default ActionFace;
+}
+
+declare module 'material-ui/svg-icons/action/event' {
+  export import ActionEvent = __MaterialUI.SvgIcon;
+  export default ActionEvent;
+}
+
+declare module 'material-ui/svg-icons/action/view-week' {
+  export import ActionViewWeek = __MaterialUI.SvgIcon;
+  export default ActionViewWeek;
+}
+
+declare module 'material-ui/svg-icons/action/rounded-corner' {
+  export import ActionRoundedCorner = __MaterialUI.SvgIcon;
+  export default ActionRoundedCorner;
+}
+
+declare module 'material-ui/svg-icons/action/view-carousel' {
+  export import ActionViewCarousel = __MaterialUI.SvgIcon;
+  export default ActionViewCarousel;
+}
+
+declare module 'material-ui/svg-icons/action/toll' {
+  export import ActionToll = __MaterialUI.SvgIcon;
+  export default ActionToll;
+}
+
+declare module 'material-ui/svg-icons/action/home' {
+  export import ActionHome = __MaterialUI.SvgIcon;
+  export default ActionHome;
+}
+
+declare module 'material-ui/svg-icons/action/subject' {
+  export import ActionSubject = __MaterialUI.SvgIcon;
+  export default ActionSubject;
+}
+
+declare module 'material-ui/svg-icons/action/lock' {
+  export import ActionLock = __MaterialUI.SvgIcon;
+  export default ActionLock;
+}
+
+declare module 'material-ui/svg-icons/action/visibility-off' {
+  export import ActionVisibilityOff = __MaterialUI.SvgIcon;
+  export default ActionVisibilityOff;
+}
+
+declare module 'material-ui/svg-icons/action/opacity' {
+  export import ActionOpacity = __MaterialUI.SvgIcon;
+  export default ActionOpacity;
+}
+
+declare module 'material-ui/svg-icons/action/dns' {
+  export import ActionDns = __MaterialUI.SvgIcon;
+  export default ActionDns;
+}
+
+declare module 'material-ui/svg-icons/action/open-with' {
+  export import ActionOpenWith = __MaterialUI.SvgIcon;
+  export default ActionOpenWith;
+}
+
+declare module 'material-ui/svg-icons/action/system-update-alt' {
+  export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon;
+  export default ActionSystemUpdateAlt;
+}
+
+declare module 'material-ui/svg-icons/action/picture-in-picture-alt' {
+  export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon;
+  export default ActionPictureInPictureAlt;
+}
+
+declare module 'material-ui/svg-icons/action/bookmark-border' {
+  export import ActionBookmarkBorder = __MaterialUI.SvgIcon;
+  export default ActionBookmarkBorder;
+}
+
+declare module 'material-ui/svg-icons/action/settings' {
+  export import ActionSettings = __MaterialUI.SvgIcon;
+  export default ActionSettings;
+}
+
+declare module 'material-ui/svg-icons/action/dashboard' {
+  export import ActionDashboard = __MaterialUI.SvgIcon;
+  export default ActionDashboard;
+}
+
+declare module 'material-ui/svg-icons/action/done-all' {
+  export import ActionDoneAll = __MaterialUI.SvgIcon;
+  export default ActionDoneAll;
+}
+
+declare module 'material-ui/svg-icons/action/aspect-ratio' {
+  export import ActionAspectRatio = __MaterialUI.SvgIcon;
+  export default ActionAspectRatio;
+}
+
+declare module 'material-ui/svg-icons/action/verified-user' {
+  export import ActionVerifiedUser = __MaterialUI.SvgIcon;
+  export default ActionVerifiedUser;
+}
+
+declare module 'material-ui/svg-icons/action/update' {
+  export import ActionUpdate = __MaterialUI.SvgIcon;
+  export default ActionUpdate;
+}
+
+declare module 'material-ui/svg-icons/action/query-builder' {
+  export import ActionQueryBuilder = __MaterialUI.SvgIcon;
+  export default ActionQueryBuilder;
+}
+
+declare module 'material-ui/svg-icons/action/supervisor-account' {
+  export import ActionSupervisorAccount = __MaterialUI.SvgIcon;
+  export default ActionSupervisorAccount;
+}
+
+declare module 'material-ui/svg-icons/action/polymer' {
+  export import ActionPolymer = __MaterialUI.SvgIcon;
+  export default ActionPolymer;
+}
+
+declare module 'material-ui/svg-icons/action/accessible' {
+  export import ActionAccessible = __MaterialUI.SvgIcon;
+  export default ActionAccessible;
+}
+
+declare module 'material-ui/svg-icons/action/highlight-off' {
+  export import ActionHighlightOff = __MaterialUI.SvgIcon;
+  export default ActionHighlightOff;
+}
+
+declare module 'material-ui/svg-icons/action/power-settings-new' {
+  export import ActionPowerSettingsNew = __MaterialUI.SvgIcon;
+  export default ActionPowerSettingsNew;
+}
+
+declare module 'material-ui/svg-icons/action/chrome-reader-mode' {
+  export import ActionChromeReaderMode = __MaterialUI.SvgIcon;
+  export default ActionChromeReaderMode;
+}
+
+declare module 'material-ui/svg-icons/action/perm-camera-mic' {
+  export import ActionPermCameraMic = __MaterialUI.SvgIcon;
+  export default ActionPermCameraMic;
+}
+
+declare module 'material-ui/svg-icons/action/touch-app' {
+  export import ActionTouchApp = __MaterialUI.SvgIcon;
+  export default ActionTouchApp;
+}
+
+declare module 'material-ui/svg-icons/action/receipt' {
+  export import ActionReceipt = __MaterialUI.SvgIcon;
+  export default ActionReceipt;
+}
+
+declare module 'material-ui/svg-icons/action/assignment-late' {
+  export import ActionAssignmentLate = __MaterialUI.SvgIcon;
+  export default ActionAssignmentLate;
+}
+
+declare module 'material-ui/svg-icons/action/alarm-off' {
+  export import ActionAlarmOff = __MaterialUI.SvgIcon;
+  export default ActionAlarmOff;
+}
+
+declare module 'material-ui/svg-icons/action/toc' {
+  export import ActionToc = __MaterialUI.SvgIcon;
+  export default ActionToc;
+}
+
+declare module 'material-ui/svg-icons/action/settings-bluetooth' {
+  export import ActionSettingsBluetooth = __MaterialUI.SvgIcon;
+  export default ActionSettingsBluetooth;
+}
+
+declare module 'material-ui/svg-icons/action/settings-brightness' {
+  export import ActionSettingsBrightness = __MaterialUI.SvgIcon;
+  export default ActionSettingsBrightness;
+}
+
+declare module 'material-ui/svg-icons/action/donut-small' {
+  export import ActionDonutSmall = __MaterialUI.SvgIcon;
+  export default ActionDonutSmall;
+}
+
+declare module 'material-ui/svg-icons/action/zoom-out' {
+  export import ActionZoomOut = __MaterialUI.SvgIcon;
+  export default ActionZoomOut;
+}
+
+declare module 'material-ui/svg-icons/action/loyalty' {
+  export import ActionLoyalty = __MaterialUI.SvgIcon;
+  export default ActionLoyalty;
+}
+
+declare module 'material-ui/svg-icons/action/search' {
+  export import ActionSearch = __MaterialUI.SvgIcon;
+  export default ActionSearch;
+}
+
+declare module 'material-ui/svg-icons/action/account-balance-wallet' {
+  export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon;
+  export default ActionAccountBalanceWallet;
+}
+
+declare module 'material-ui/svg-icons/action/date-range' {
+  export import ActionDateRange = __MaterialUI.SvgIcon;
+  export default ActionDateRange;
+}
+
+declare module 'material-ui/svg-icons/action/alarm-on' {
+  export import ActionAlarmOn = __MaterialUI.SvgIcon;
+  export default ActionAlarmOn;
+}
+
+declare module 'material-ui/svg-icons/action/view-quilt' {
+  export import ActionViewQuilt = __MaterialUI.SvgIcon;
+  export default ActionViewQuilt;
+}
+
+declare module 'material-ui/svg-icons/action/launch' {
+  export import ActionLaunch = __MaterialUI.SvgIcon;
+  export default ActionLaunch;
+}
+
+declare module 'material-ui/svg-icons/action/visibility' {
+  export import ActionVisibility = __MaterialUI.SvgIcon;
+  export default ActionVisibility;
+}
+
+declare module 'material-ui/svg-icons/action/flight-land' {
+  export import ActionFlightLand = __MaterialUI.SvgIcon;
+  export default ActionFlightLand;
+}
+
+declare module 'material-ui/svg-icons/action/card-travel' {
+  export import ActionCardTravel = __MaterialUI.SvgIcon;
+  export default ActionCardTravel;
+}
+
+declare module 'material-ui/svg-icons/action/get-app' {
+  export import ActionGetApp = __MaterialUI.SvgIcon;
+  export default ActionGetApp;
+}
+
+declare module 'material-ui/svg-icons/action/markunread-mailbox' {
+  export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon;
+  export default ActionMarkunreadMailbox;
+}
+
+declare module 'material-ui/svg-icons/action/view-agenda' {
+  export import ActionViewAgenda = __MaterialUI.SvgIcon;
+  export default ActionViewAgenda;
+}
+
+declare module 'material-ui/svg-icons/action/timeline' {
+  export import ActionTimeline = __MaterialUI.SvgIcon;
+  export default ActionTimeline;
+}
+
+declare module 'material-ui/svg-icons/action/settings-remote' {
+  export import ActionSettingsRemote = __MaterialUI.SvgIcon;
+  export default ActionSettingsRemote;
+}
+
+declare module 'material-ui/svg-icons/action/input' {
+  export import ActionInput = __MaterialUI.SvgIcon;
+  export default ActionInput;
+}
+
+declare module 'material-ui/svg-icons/action/record-voice-over' {
+  export import ActionRecordVoiceOver = __MaterialUI.SvgIcon;
+  export default ActionRecordVoiceOver;
+}
+
+declare module 'material-ui/svg-icons/action/backup' {
+  export import ActionBackup = __MaterialUI.SvgIcon;
+  export default ActionBackup;
+}
+
+declare module 'material-ui/svg-icons/action/language' {
+  export import ActionLanguage = __MaterialUI.SvgIcon;
+  export default ActionLanguage;
+}
+
+declare module 'material-ui/svg-icons/action/play-for-work' {
+  export import ActionPlayForWork = __MaterialUI.SvgIcon;
+  export default ActionPlayForWork;
+}
+
+declare module 'material-ui/svg-icons/action/gif' {
+  export import ActionGif = __MaterialUI.SvgIcon;
+  export default ActionGif;
+}
+
+declare module 'material-ui/svg-icons/action/theaters' {
+  export import ActionTheaters = __MaterialUI.SvgIcon;
+  export default ActionTheaters;
+}
+
+declare module 'material-ui/svg-icons/action/offline-pin' {
+  export import ActionOfflinePin = __MaterialUI.SvgIcon;
+  export default ActionOfflinePin;
+}
+
+declare module 'material-ui/svg-icons/action/assignment-return' {
+  export import ActionAssignmentReturn = __MaterialUI.SvgIcon;
+  export default ActionAssignmentReturn;
+}
+
+declare module 'material-ui/svg-icons/action/print' {
+  export import ActionPrint = __MaterialUI.SvgIcon;
+  export default ActionPrint;
+}
+
+declare module 'material-ui/svg-icons/action/settings-overscan' {
+  export import ActionSettingsOverscan = __MaterialUI.SvgIcon;
+  export default ActionSettingsOverscan;
+}
+
+declare module 'material-ui/svg-icons/action/store' {
+  export import ActionStore = __MaterialUI.SvgIcon;
+  export default ActionStore;
+}
+
+declare module 'material-ui/svg-icons/action/exit-to-app' {
+  export import ActionExitToApp = __MaterialUI.SvgIcon;
+  export default ActionExitToApp;
+}
+
+declare module 'material-ui/svg-icons/action/account-balance' {
+  export import ActionAccountBalance = __MaterialUI.SvgIcon;
+  export default ActionAccountBalance;
+}
+
+declare module 'material-ui/svg-icons/action/grade' {
+  export import ActionGrade = __MaterialUI.SvgIcon;
+  export default ActionGrade;
+}
+
+declare module 'material-ui/svg-icons/action/picture-in-picture' {
+  export import ActionPictureInPicture = __MaterialUI.SvgIcon;
+  export default ActionPictureInPicture;
+}
+
+declare module 'material-ui/svg-icons/action/copyright' {
+  export import ActionCopyright = __MaterialUI.SvgIcon;
+  export default ActionCopyright;
+}
+
+declare module 'material-ui/svg-icons/action/donut-large' {
+  export import ActionDonutLarge = __MaterialUI.SvgIcon;
+  export default ActionDonutLarge;
+}
+
+declare module 'material-ui/svg-icons/action/lock-open' {
+  export import ActionLockOpen = __MaterialUI.SvgIcon;
+  export default ActionLockOpen;
+}
+
+declare module 'material-ui/svg-icons/action/perm-media' {
+  export import ActionPermMedia = __MaterialUI.SvgIcon;
+  export default ActionPermMedia;
+}
+
+declare module 'material-ui/svg-icons/action/all-out' {
+  export import ActionAllOut = __MaterialUI.SvgIcon;
+  export default ActionAllOut;
+}
+
+declare module 'material-ui/svg-icons/action/check-circle' {
+  export import ActionCheckCircle = __MaterialUI.SvgIcon;
+  export default ActionCheckCircle;
+}
+
+declare module 'material-ui/svg-icons/action/swap-vertical-circle' {
+  export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon;
+  export default ActionSwapVerticalCircle;
+}
+
+declare module 'material-ui/svg-icons/action/settings-input-svideo' {
+  export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon;
+  export default ActionSettingsInputSvideo;
+}
+
+declare module 'material-ui/svg-icons/action/watch-later' {
+  export import ActionWatchLater = __MaterialUI.SvgIcon;
+  export default ActionWatchLater;
+}
+
+declare module 'material-ui/svg-icons/action/question-answer' {
+  export import ActionQuestionAnswer = __MaterialUI.SvgIcon;
+  export default ActionQuestionAnswer;
+}
+
+declare module 'material-ui/svg-icons/action/assignment-ind' {
+  export import ActionAssignmentInd = __MaterialUI.SvgIcon;
+  export default ActionAssignmentInd;
+}
+
+declare module 'material-ui/svg-icons/action/code' {
+  export import ActionCode = __MaterialUI.SvgIcon;
+  export default ActionCode;
+}
+
+declare module 'material-ui/svg-icons/action/turned-in-not' {
+  export import ActionTurnedInNot = __MaterialUI.SvgIcon;
+  export default ActionTurnedInNot;
+}
+
+declare module 'material-ui/svg-icons/action/line-weight' {
+  export import ActionLineWeight = __MaterialUI.SvgIcon;
+  export default ActionLineWeight;
+}
+
+declare module 'material-ui/svg-icons/action/restore' {
+  export import ActionRestore = __MaterialUI.SvgIcon;
+  export default ActionRestore;
+}
+
+declare module 'material-ui/svg-icons/action/tab' {
+  export import ActionTab = __MaterialUI.SvgIcon;
+  export default ActionTab;
+}
+
+declare module 'material-ui/svg-icons/action/open-in-new' {
+  export import ActionOpenInNew = __MaterialUI.SvgIcon;
+  export default ActionOpenInNew;
+}
+
+declare module 'material-ui/svg-icons/action/turned-in' {
+  export import ActionTurnedIn = __MaterialUI.SvgIcon;
+  export default ActionTurnedIn;
+}
+
+declare module 'material-ui/svg-icons/action/settings-input-hdmi' {
+  export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon;
+  export default ActionSettingsInputHdmi;
+}
+
+declare module 'material-ui/svg-icons/action/favorite-border' {
+  export import ActionFavoriteBorder = __MaterialUI.SvgIcon;
+  export default ActionFavoriteBorder;
+}
+
+declare module 'material-ui/svg-icons/action/done' {
+  export import ActionDone = __MaterialUI.SvgIcon;
+  export default ActionDone;
+}
+
+declare module 'material-ui/svg-icons/action/payment' {
+  export import ActionPayment = __MaterialUI.SvgIcon;
+  export default ActionPayment;
+}
+
+declare module 'material-ui/svg-icons/action/announcement' {
+  export import ActionAnnouncement = __MaterialUI.SvgIcon;
+  export default ActionAnnouncement;
+}
+
+declare module 'material-ui/svg-icons/action/find-in-page' {
+  export import ActionFindInPage = __MaterialUI.SvgIcon;
+  export default ActionFindInPage;
+}
+
+declare module 'material-ui/svg-icons/action/thumbs-up-down' {
+  export import ActionThumbsUpDown = __MaterialUI.SvgIcon;
+  export default ActionThumbsUpDown;
+}
+
+declare module 'material-ui/svg-icons/action/explore' {
+  export import ActionExplore = __MaterialUI.SvgIcon;
+  export default ActionExplore;
+}
+
+declare module 'material-ui/svg-icons/action/today' {
+  export import ActionToday = __MaterialUI.SvgIcon;
+  export default ActionToday;
+}
+
+declare module 'material-ui/svg-icons/action/settings-power' {
+  export import ActionSettingsPower = __MaterialUI.SvgIcon;
+  export default ActionSettingsPower;
+}
+
+declare module 'material-ui/svg-icons/action/gavel' {
+  export import ActionGavel = __MaterialUI.SvgIcon;
+  export default ActionGavel;
+}
+
+declare module 'material-ui/svg-icons/action/build' {
+  export import ActionBuild = __MaterialUI.SvgIcon;
+  export default ActionBuild;
+}
+
+declare module 'material-ui/svg-icons/action/rowing' {
+  export import ActionRowing = __MaterialUI.SvgIcon;
+  export default ActionRowing;
+}
+
+declare module 'material-ui/svg-icons/action/label' {
+  export import ActionLabel = __MaterialUI.SvgIcon;
+  export default ActionLabel;
+}
+
+declare module 'material-ui/svg-icons/action/card-giftcard' {
+  export import ActionCardGiftcard = __MaterialUI.SvgIcon;
+  export default ActionCardGiftcard;
+}
+
+declare module 'material-ui/svg-icons/action/thumb-up' {
+  export import ActionThumbUp = __MaterialUI.SvgIcon;
+  export default ActionThumbUp;
+}
+
+declare module 'material-ui/svg-icons/action/shopping-basket' {
+  export import ActionShoppingBasket = __MaterialUI.SvgIcon;
+  export default ActionShoppingBasket;
+}
+
+declare module 'material-ui/svg-icons/action/swap-horiz' {
+  export import ActionSwapHoriz = __MaterialUI.SvgIcon;
+  export default ActionSwapHoriz;
+}
+
+declare module 'material-ui/svg-icons/action/help-outline' {
+  export import ActionHelpOutline = __MaterialUI.SvgIcon;
+  export default ActionHelpOutline;
+}
+
+declare module 'material-ui/svg-icons/action/pregnant-woman' {
+  export import ActionPregnantWoman = __MaterialUI.SvgIcon;
+  export default ActionPregnantWoman;
+}
+
+declare module 'material-ui/svg-icons/action/help' {
+  export import ActionHelp = __MaterialUI.SvgIcon;
+  export default ActionHelp;
+}
+
+declare module 'material-ui/svg-icons/action/settings-input-antenna' {
+  export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon;
+  export default ActionSettingsInputAntenna;
+}
+
+declare module 'material-ui/svg-icons/action/find-replace' {
+  export import ActionFindReplace = __MaterialUI.SvgIcon;
+  export default ActionFindReplace;
+}
+
+declare module 'material-ui/svg-icons/action/shop' {
+  export import ActionShop = __MaterialUI.SvgIcon;
+  export default ActionShop;
+}
+
+declare module 'material-ui/svg-icons/action/change-history' {
+  export import ActionChangeHistory = __MaterialUI.SvgIcon;
+  export default ActionChangeHistory;
+}
+
+declare module 'material-ui/svg-icons/action/info' {
+  export import ActionInfo = __MaterialUI.SvgIcon;
+  export default ActionInfo;
+}
+
+declare module 'material-ui/svg-icons/action/trending-down' {
+  export import ActionTrendingDown = __MaterialUI.SvgIcon;
+  export default ActionTrendingDown;
+}
+
+declare module 'material-ui/svg-icons/action/flight-takeoff' {
+  export import ActionFlightTakeoff = __MaterialUI.SvgIcon;
+  export default ActionFlightTakeoff;
+}
+
+declare module 'material-ui/svg-icons/action/alarm' {
+  export import ActionAlarm = __MaterialUI.SvgIcon;
+  export default ActionAlarm;
+}
+
+declare module 'material-ui/svg-icons/action/spellcheck' {
+  export import ActionSpellcheck = __MaterialUI.SvgIcon;
+  export default ActionSpellcheck;
+}
+
+declare module 'material-ui/svg-icons/action/settings-input-component' {
+  export import ActionSettingsInputComponent = __MaterialUI.SvgIcon;
+  export default ActionSettingsInputComponent;
+}
+
+declare module 'material-ui/svg-icons/action/settings-applications' {
+  export import ActionSettingsApplications = __MaterialUI.SvgIcon;
+  export default ActionSettingsApplications;
+}
+
+declare module 'material-ui/svg-icons/action/room' {
+  export import ActionRoom = __MaterialUI.SvgIcon;
+  export default ActionRoom;
+}
+
+declare module 'material-ui/svg-icons/action/book' {
+  export import ActionBook = __MaterialUI.SvgIcon;
+  export default ActionBook;
+}
+
+declare module 'material-ui/svg-icons/action/class' {
+  export import ActionClass = __MaterialUI.SvgIcon;
+  export default ActionClass;
+}
+
+declare module 'material-ui/svg-icons/action/group-work' {
+  export import ActionGroupWork = __MaterialUI.SvgIcon;
+  export default ActionGroupWork;
+}
+
+declare module 'material-ui/svg-icons/action/hourglass-full' {
+  export import ActionHourglassFull = __MaterialUI.SvgIcon;
+  export default ActionHourglassFull;
+}
+
+declare module 'material-ui/svg-icons/action/assessment' {
+  export import ActionAssessment = __MaterialUI.SvgIcon;
+  export default ActionAssessment;
+}
+
+declare module 'material-ui/svg-icons/action/youtube-searched-for' {
+  export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon;
+  export default ActionYoutubeSearchedFor;
+}
+
+declare module 'material-ui/svg-icons/action/eject' {
+  export import ActionEject = __MaterialUI.SvgIcon;
+  export default ActionEject;
+}
+
+declare module 'material-ui/svg-icons/action/trending-up' {
+  export import ActionTrendingUp = __MaterialUI.SvgIcon;
+  export default ActionTrendingUp;
+}
+
+declare module 'material-ui/svg-icons/action/http' {
+  export import ActionHttp = __MaterialUI.SvgIcon;
+  export default ActionHttp;
+}
+
+declare module 'material-ui/svg-icons/action/stars' {
+  export import ActionStars = __MaterialUI.SvgIcon;
+  export default ActionStars;
+}
+
+declare module 'material-ui/svg-icons/action/autorenew' {
+  export import ActionAutorenew = __MaterialUI.SvgIcon;
+  export default ActionAutorenew;
+}
+
+declare module 'material-ui/svg-icons/action/settings-ethernet' {
+  export import ActionSettingsEthernet = __MaterialUI.SvgIcon;
+  export default ActionSettingsEthernet;
+}
+
+declare module 'material-ui/svg-icons/action/label-outline' {
+  export import ActionLabelOutline = __MaterialUI.SvgIcon;
+  export default ActionLabelOutline;
+}
+
+declare module 'material-ui/svg-icons/action/settings-phone' {
+  export import ActionSettingsPhone = __MaterialUI.SvgIcon;
+  export default ActionSettingsPhone;
+}
+
+declare module 'material-ui/svg-icons/action/info-outline' {
+  export import ActionInfoOutline = __MaterialUI.SvgIcon;
+  export default ActionInfoOutline;
+}
+
+declare module 'material-ui/svg-icons/action/lock-outline' {
+  export import ActionLockOutline = __MaterialUI.SvgIcon;
+  export default ActionLockOutline;
+}
+
+declare module 'material-ui/svg-icons/action/settings-input-composite' {
+  export import ActionSettingsInputComposite = __MaterialUI.SvgIcon;
+  export default ActionSettingsInputComposite;
+}
+
+declare module 'material-ui/svg-icons/action/invert-colors' {
+  export import ActionInvertColors = __MaterialUI.SvgIcon;
+  export default ActionInvertColors;
+}
+
+declare module 'material-ui/svg-icons/action/bookmark' {
+  export import ActionBookmark = __MaterialUI.SvgIcon;
+  export default ActionBookmark;
+}
+
+declare module 'material-ui/svg-icons/action/add-shopping-cart' {
+  export import ActionAddShoppingCart = __MaterialUI.SvgIcon;
+  export default ActionAddShoppingCart;
+}
+
+declare module 'material-ui/svg-icons/action/bug-report' {
+  export import ActionBugReport = __MaterialUI.SvgIcon;
+  export default ActionBugReport;
+}
+
+declare module 'material-ui/svg-icons/action/cached' {
+  export import ActionCached = __MaterialUI.SvgIcon;
+  export default ActionCached;
+}
+
+declare module 'material-ui/svg-icons/action/view-day' {
+  export import ActionViewDay = __MaterialUI.SvgIcon;
+  export default ActionViewDay;
+}
+
+declare module 'material-ui/svg-icons/action/fingerprint' {
+  export import ActionFingerprint = __MaterialUI.SvgIcon;
+  export default ActionFingerprint;
+}
+
+declare module 'material-ui/svg-icons/action/accessibility' {
+  export import ActionAccessibility = __MaterialUI.SvgIcon;
+  export default ActionAccessibility;
+}
+
+declare module 'material-ui/svg-icons/action/perm-data-setting' {
+  export import ActionPermDataSetting = __MaterialUI.SvgIcon;
+  export default ActionPermDataSetting;
+}
+
+declare module 'material-ui/svg-icons/action/settings-backup-restore' {
+  export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon;
+  export default ActionSettingsBackupRestore;
+}
+
+declare module 'material-ui/svg-icons/action/zoom-in' {
+  export import ActionZoomIn = __MaterialUI.SvgIcon;
+  export default ActionZoomIn;
+}
+
+declare module 'material-ui/svg-icons/action/perm-identity' {
+  export import ActionPermIdentity = __MaterialUI.SvgIcon;
+  export default ActionPermIdentity;
+}
+
+declare module 'material-ui/svg-icons/action/favorite' {
+  export import ActionFavorite = __MaterialUI.SvgIcon;
+  export default ActionFavorite;
+}
+
+declare module 'material-ui/svg-icons/action/thumb-down' {
+  export import ActionThumbDown = __MaterialUI.SvgIcon;
+  export default ActionThumbDown;
+}
+
+declare module 'material-ui/svg-icons/action/assignment-returned' {
+  export import ActionAssignmentReturned = __MaterialUI.SvgIcon;
+  export default ActionAssignmentReturned;
+}
+
+declare module 'material-ui/svg-icons/action/account-box' {
+  export import ActionAccountBox = __MaterialUI.SvgIcon;
+  export default ActionAccountBox;
+}
+
+declare module 'material-ui/svg-icons/action/extension' {
+  export import ActionExtension = __MaterialUI.SvgIcon;
+  export default ActionExtension;
+}
+
+declare module 'material-ui/svg-icons/action/pageview' {
+  export import ActionPageview = __MaterialUI.SvgIcon;
+  export default ActionPageview;
+}
+
+declare module 'material-ui/svg-icons/action/https' {
+  export import ActionHttps = __MaterialUI.SvgIcon;
+  export default ActionHttps;
+}
+
+declare module 'material-ui/svg-icons/action/translate' {
+  export import ActionTranslate = __MaterialUI.SvgIcon;
+  export default ActionTranslate;
+}
+
+declare module 'material-ui/svg-icons/action/three-d-rotation' {
+  export import ActionThreeDRotation = __MaterialUI.SvgIcon;
+  export default ActionThreeDRotation;
+}
+
+declare module 'material-ui/svg-icons/action/tab-unselected' {
+  export import ActionTabUnselected = __MaterialUI.SvgIcon;
+  export default ActionTabUnselected;
+}
+
+declare module 'material-ui/svg-icons/action/description' {
+  export import ActionDescription = __MaterialUI.SvgIcon;
+  export default ActionDescription;
+}
+
+declare module 'material-ui/svg-icons/action/note-add' {
+  export import ActionNoteAdd = __MaterialUI.SvgIcon;
+  export default ActionNoteAdd;
+}
+
+declare module 'material-ui/svg-icons/action/perm-scan-wifi' {
+  export import ActionPermScanWifi = __MaterialUI.SvgIcon;
+  export default ActionPermScanWifi;
+}
+
+declare module 'material-ui/svg-icons/action/pets' {
+  export import ActionPets = __MaterialUI.SvgIcon;
+  export default ActionPets;
+}
+
+declare module 'material-ui/svg-icons/action/view-array' {
+  export import ActionViewArray = __MaterialUI.SvgIcon;
+  export default ActionViewArray;
+}
+
+declare module 'material-ui/svg-icons/action/shop-two' {
+  export import ActionShopTwo = __MaterialUI.SvgIcon;
+  export default ActionShopTwo;
+}
+
+declare module 'material-ui/svg-icons/action/line-style' {
+  export import ActionLineStyle = __MaterialUI.SvgIcon;
+  export default ActionLineStyle;
+}
+
+declare module 'material-ui/svg-icons/action/lightbulb-outline' {
+  export import ActionLightbulbOutline = __MaterialUI.SvgIcon;
+  export default ActionLightbulbOutline;
+}
+
+declare module 'material-ui/svg-icons/action/report-problem' {
+  export import ActionReportProblem = __MaterialUI.SvgIcon;
+  export default ActionReportProblem;
+}
+
+declare module 'material-ui/svg-icons/action/swap-vert' {
+  export import ActionSwapVert = __MaterialUI.SvgIcon;
+  export default ActionSwapVert;
+}
+
+declare module 'material-ui/svg-icons/action/list' {
+  export import ActionList = __MaterialUI.SvgIcon;
+  export default ActionList;
+}
+
+declare module 'material-ui/svg-icons/action/settings-voice' {
+  export import ActionSettingsVoice = __MaterialUI.SvgIcon;
+  export default ActionSettingsVoice;
+}
+
+declare module 'material-ui/svg-icons/action/view-list' {
+  export import ActionViewList = __MaterialUI.SvgIcon;
+  export default ActionViewList;
+}
+
+declare module 'material-ui/svg-icons/action/pan-tool' {
+  export import ActionPanTool = __MaterialUI.SvgIcon;
+  export default ActionPanTool;
+}
+
+declare module 'material-ui/svg-icons/action/important-devices' {
+  export import ActionImportantDevices = __MaterialUI.SvgIcon;
+  export default ActionImportantDevices;
+}
+
+declare module 'material-ui/svg-icons/action/redeem' {
+  export import ActionRedeem = __MaterialUI.SvgIcon;
+  export default ActionRedeem;
+}
+
+declare module 'material-ui/svg-icons/action/flip-to-front' {
+  export import ActionFlipToFront = __MaterialUI.SvgIcon;
+  export default ActionFlipToFront;
+}
+
+declare module 'material-ui/svg-icons/action/android' {
+  export import ActionAndroid = __MaterialUI.SvgIcon;
+  export default ActionAndroid;
+}
+
+declare module 'material-ui/svg-icons/action/account-circle' {
+  export import ActionAccountCircle = __MaterialUI.SvgIcon;
+  export default ActionAccountCircle;
+}
+
+declare module 'material-ui/svg-icons/action/event-seat' {
+  export import ActionEventSeat = __MaterialUI.SvgIcon;
+  export default ActionEventSeat;
+}
+
+declare module 'material-ui/svg-icons/action/perm-contact-calendar' {
+  export import ActionPermContactCalendar = __MaterialUI.SvgIcon;
+  export default ActionPermContactCalendar;
+}
+
+declare module 'material-ui/svg-icons/action/perm-phone-msg' {
+  export import ActionPermPhoneMsg = __MaterialUI.SvgIcon;
+  export default ActionPermPhoneMsg;
+}
+
+declare module 'material-ui/svg-icons/action/delete' {
+  export import ActionDelete = __MaterialUI.SvgIcon;
+  export default ActionDelete;
+}
+
+declare module 'material-ui/svg-icons/action/card-membership' {
+  export import ActionCardMembership = __MaterialUI.SvgIcon;
+  export default ActionCardMembership;
+}
+
+declare module 'material-ui/svg-icons/action/hourglass-empty' {
+  export import ActionHourglassEmpty = __MaterialUI.SvgIcon;
+  export default ActionHourglassEmpty;
+}
+
+declare module 'material-ui/svg-icons/action/schedule' {
+  export import ActionSchedule = __MaterialUI.SvgIcon;
+  export default ActionSchedule;
+}
+
+declare module 'material-ui/svg-icons/action/trending-flat' {
+  export import ActionTrendingFlat = __MaterialUI.SvgIcon;
+  export default ActionTrendingFlat;
+}
+
+declare module 'material-ui/svg-icons/action/motorcycle' {
+  export import ActionMotorcycle = __MaterialUI.SvgIcon;
+  export default ActionMotorcycle;
+}
+
+declare module 'material-ui/svg-icons/action/view-column' {
+  export import ActionViewColumn = __MaterialUI.SvgIcon;
+  export default ActionViewColumn;
+}
+
+declare module 'material-ui/svg-icons/action/settings-cell' {
+  export import ActionSettingsCell = __MaterialUI.SvgIcon;
+  export default ActionSettingsCell;
+}
+
+declare module 'material-ui/svg-icons/action/credit-card' {
+  export import ActionCreditCard = __MaterialUI.SvgIcon;
+  export default ActionCreditCard;
+}
+
+declare module 'material-ui/svg-icons/action/view-module' {
+  export import ActionViewModule = __MaterialUI.SvgIcon;
+  export default ActionViewModule;
+}
+
+declare module 'material-ui/svg-icons/action/compare-arrows' {
+  export import ActionCompareArrows = __MaterialUI.SvgIcon;
+  export default ActionCompareArrows;
+}
+
+declare module 'material-ui/svg-icons/action/speaker-notes' {
+  export import ActionSpeakerNotes = __MaterialUI.SvgIcon;
+  export default ActionSpeakerNotes;
+}
+
+declare module 'material-ui/svg-icons/social/person' {
+  export import SocialPerson = __MaterialUI.SvgIcon;
+  export default SocialPerson;
+}
+
+declare module 'material-ui/svg-icons/social/notifications-none' {
+  export import SocialNotificationsNone = __MaterialUI.SvgIcon;
+  export default SocialNotificationsNone;
+}
+
+declare module 'material-ui/svg-icons/social/domain' {
+  export import SocialDomain = __MaterialUI.SvgIcon;
+  export default SocialDomain;
+}
+
+declare module 'material-ui/svg-icons/social/notifications-paused' {
+  export import SocialNotificationsPaused = __MaterialUI.SvgIcon;
+  export default SocialNotificationsPaused;
+}
+
+declare module 'material-ui/svg-icons/social/person-outline' {
+  export import SocialPersonOutline = __MaterialUI.SvgIcon;
+  export default SocialPersonOutline;
+}
+
+declare module 'material-ui/svg-icons/social/plus-one' {
+  export import SocialPlusOne = __MaterialUI.SvgIcon;
+  export default SocialPlusOne;
+}
+
+declare module 'material-ui/svg-icons/social/notifications-active' {
+  export import SocialNotificationsActive = __MaterialUI.SvgIcon;
+  export default SocialNotificationsActive;
+}
+
+declare module 'material-ui/svg-icons/social/share' {
+  export import SocialShare = __MaterialUI.SvgIcon;
+  export default SocialShare;
+}
+
+declare module 'material-ui/svg-icons/social/whatshot' {
+  export import SocialWhatshot = __MaterialUI.SvgIcon;
+  export default SocialWhatshot;
+}
+
+declare module 'material-ui/svg-icons/social/poll' {
+  export import SocialPoll = __MaterialUI.SvgIcon;
+  export default SocialPoll;
+}
+
+declare module 'material-ui/svg-icons/social/pages' {
+  export import SocialPages = __MaterialUI.SvgIcon;
+  export default SocialPages;
+}
+
+declare module 'material-ui/svg-icons/social/notifications-off' {
+  export import SocialNotificationsOff = __MaterialUI.SvgIcon;
+  export default SocialNotificationsOff;
+}
+
+declare module 'material-ui/svg-icons/social/notifications' {
+  export import SocialNotifications = __MaterialUI.SvgIcon;
+  export default SocialNotifications;
+}
+
+declare module 'material-ui/svg-icons/social/school' {
+  export import SocialSchool = __MaterialUI.SvgIcon;
+  export default SocialSchool;
+}
+
+declare module 'material-ui/svg-icons/social/cake' {
+  export import SocialCake = __MaterialUI.SvgIcon;
+  export default SocialCake;
+}
+
+declare module 'material-ui/svg-icons/social/people-outline' {
+  export import SocialPeopleOutline = __MaterialUI.SvgIcon;
+  export default SocialPeopleOutline;
+}
+
+declare module 'material-ui/svg-icons/social/location-city' {
+  export import SocialLocationCity = __MaterialUI.SvgIcon;
+  export default SocialLocationCity;
+}
+
+declare module 'material-ui/svg-icons/social/public' {
+  export import SocialPublic = __MaterialUI.SvgIcon;
+  export default SocialPublic;
+}
+
+declare module 'material-ui/svg-icons/social/mood-bad' {
+  export import SocialMoodBad = __MaterialUI.SvgIcon;
+  export default SocialMoodBad;
+}
+
+declare module 'material-ui/svg-icons/social/people' {
+  export import SocialPeople = __MaterialUI.SvgIcon;
+  export default SocialPeople;
+}
+
+declare module 'material-ui/svg-icons/social/mood' {
+  export import SocialMood = __MaterialUI.SvgIcon;
+  export default SocialMood;
+}
+
+declare module 'material-ui/svg-icons/social/party-mode' {
+  export import SocialPartyMode = __MaterialUI.SvgIcon;
+  export default SocialPartyMode;
+}
+
+declare module 'material-ui/svg-icons/social/group' {
+  export import SocialGroup = __MaterialUI.SvgIcon;
+  export default SocialGroup;
+}
+
+declare module 'material-ui/svg-icons/social/person-add' {
+  export import SocialPersonAdd = __MaterialUI.SvgIcon;
+  export default SocialPersonAdd;
+}
+
+declare module 'material-ui/svg-icons/social/group-add' {
+  export import SocialGroupAdd = __MaterialUI.SvgIcon;
+  export default SocialGroupAdd;
+}
+
+declare module 'material-ui/svg-icons/maps/edit-location' {
+  export import MapsEditLocation = __MaterialUI.SvgIcon;
+  export default MapsEditLocation;
+}
+
+declare module 'material-ui/svg-icons/maps/local-airport' {
+  export import MapsLocalAirport = __MaterialUI.SvgIcon;
+  export default MapsLocalAirport;
+}
+
+declare module 'material-ui/svg-icons/maps/local-phone' {
+  export import MapsLocalPhone = __MaterialUI.SvgIcon;
+  export default MapsLocalPhone;
+}
+
+declare module 'material-ui/svg-icons/maps/directions-car' {
+  export import MapsDirectionsCar = __MaterialUI.SvgIcon;
+  export default MapsDirectionsCar;
+}
+
+declare module 'material-ui/svg-icons/maps/local-drink' {
+  export import MapsLocalDrink = __MaterialUI.SvgIcon;
+  export default MapsLocalDrink;
+}
+
+declare module 'material-ui/svg-icons/maps/local-gas-station' {
+  export import MapsLocalGasStation = __MaterialUI.SvgIcon;
+  export default MapsLocalGasStation;
+}
+
+declare module 'material-ui/svg-icons/maps/store-mall-directory' {
+  export import MapsStoreMallDirectory = __MaterialUI.SvgIcon;
+  export default MapsStoreMallDirectory;
+}
+
+declare module 'material-ui/svg-icons/maps/add-location' {
+  export import MapsAddLocation = __MaterialUI.SvgIcon;
+  export default MapsAddLocation;
+}
+
+declare module 'material-ui/svg-icons/maps/local-laundry-service' {
+  export import MapsLocalLaundryService = __MaterialUI.SvgIcon;
+  export default MapsLocalLaundryService;
+}
+
+declare module 'material-ui/svg-icons/maps/local-hotel' {
+  export import MapsLocalHotel = __MaterialUI.SvgIcon;
+  export default MapsLocalHotel;
+}
+
+declare module 'material-ui/svg-icons/maps/local-pizza' {
+  export import MapsLocalPizza = __MaterialUI.SvgIcon;
+  export default MapsLocalPizza;
+}
+
+declare module 'material-ui/svg-icons/maps/person-pin-circle' {
+  export import MapsPersonPinCircle = __MaterialUI.SvgIcon;
+  export default MapsPersonPinCircle;
+}
+
+declare module 'material-ui/svg-icons/maps/terrain' {
+  export import MapsTerrain = __MaterialUI.SvgIcon;
+  export default MapsTerrain;
+}
+
+declare module 'material-ui/svg-icons/maps/directions-subway' {
+  export import MapsDirectionsSubway = __MaterialUI.SvgIcon;
+  export default MapsDirectionsSubway;
+}
+
+declare module 'material-ui/svg-icons/maps/local-bar' {
+  export import MapsLocalBar = __MaterialUI.SvgIcon;
+  export default MapsLocalBar;
+}
+
+declare module 'material-ui/svg-icons/maps/local-car-wash' {
+  export import MapsLocalCarWash = __MaterialUI.SvgIcon;
+  export default MapsLocalCarWash;
+}
+
+declare module 'material-ui/svg-icons/maps/restaurant-menu' {
+  export import MapsRestaurantMenu = __MaterialUI.SvgIcon;
+  export default MapsRestaurantMenu;
+}
+
+declare module 'material-ui/svg-icons/maps/near-me' {
+  export import MapsNearMe = __MaterialUI.SvgIcon;
+  export default MapsNearMe;
+}
+
+declare module 'material-ui/svg-icons/maps/directions' {
+  export import MapsDirections = __MaterialUI.SvgIcon;
+  export default MapsDirections;
+}
+
+declare module 'material-ui/svg-icons/maps/my-location' {
+  export import MapsMyLocation = __MaterialUI.SvgIcon;
+  export default MapsMyLocation;
+}
+
+declare module 'material-ui/svg-icons/maps/local-convenience-store' {
+  export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon;
+  export default MapsLocalConvenienceStore;
+}
+
+declare module 'material-ui/svg-icons/maps/local-offer' {
+  export import MapsLocalOffer = __MaterialUI.SvgIcon;
+  export default MapsLocalOffer;
+}
+
+declare module 'material-ui/svg-icons/maps/local-florist' {
+  export import MapsLocalFlorist = __MaterialUI.SvgIcon;
+  export default MapsLocalFlorist;
+}
+
+declare module 'material-ui/svg-icons/maps/local-shipping' {
+  export import MapsLocalShipping = __MaterialUI.SvgIcon;
+  export default MapsLocalShipping;
+}
+
+declare module 'material-ui/svg-icons/maps/local-taxi' {
+  export import MapsLocalTaxi = __MaterialUI.SvgIcon;
+  export default MapsLocalTaxi;
+}
+
+declare module 'material-ui/svg-icons/maps/directions-walk' {
+  export import MapsDirectionsWalk = __MaterialUI.SvgIcon;
+  export default MapsDirectionsWalk;
+}
+
+declare module 'material-ui/svg-icons/maps/local-hospital' {
+  export import MapsLocalHospital = __MaterialUI.SvgIcon;
+  export default MapsLocalHospital;
+}
+
+declare module 'material-ui/svg-icons/maps/layers' {
+  export import MapsLayers = __MaterialUI.SvgIcon;
+  export default MapsLayers;
+}
+
+declare module 'material-ui/svg-icons/maps/directions-run' {
+  export import MapsDirectionsRun = __MaterialUI.SvgIcon;
+  export default MapsDirectionsRun;
+}
+
+declare module 'material-ui/svg-icons/maps/rate-review' {
+  export import MapsRateReview = __MaterialUI.SvgIcon;
+  export default MapsRateReview;
+}
+
+declare module 'material-ui/svg-icons/maps/local-dining' {
+  export import MapsLocalDining = __MaterialUI.SvgIcon;
+  export default MapsLocalDining;
+}
+
+declare module 'material-ui/svg-icons/maps/local-post-office' {
+  export import MapsLocalPostOffice = __MaterialUI.SvgIcon;
+  export default MapsLocalPostOffice;
+}
+
+declare module 'material-ui/svg-icons/maps/pin-drop' {
+  export import MapsPinDrop = __MaterialUI.SvgIcon;
+  export default MapsPinDrop;
+}
+
+declare module 'material-ui/svg-icons/maps/directions-boat' {
+  export import MapsDirectionsBoat = __MaterialUI.SvgIcon;
+  export default MapsDirectionsBoat;
+}
+
+declare module 'material-ui/svg-icons/maps/local-see' {
+  export import MapsLocalSee = __MaterialUI.SvgIcon;
+  export default MapsLocalSee;
+}
+
+declare module 'material-ui/svg-icons/maps/map' {
+  export import MapsMap = __MaterialUI.SvgIcon;
+  export default MapsMap;
+}
+
+declare module 'material-ui/svg-icons/maps/flight' {
+  export import MapsFlight = __MaterialUI.SvgIcon;
+  export default MapsFlight;
+}
+
+declare module 'material-ui/svg-icons/maps/person-pin' {
+  export import MapsPersonPin = __MaterialUI.SvgIcon;
+  export default MapsPersonPin;
+}
+
+declare module 'material-ui/svg-icons/maps/satellite' {
+  export import MapsSatellite = __MaterialUI.SvgIcon;
+  export default MapsSatellite;
+}
+
+declare module 'material-ui/svg-icons/maps/local-printshop' {
+  export import MapsLocalPrintshop = __MaterialUI.SvgIcon;
+  export default MapsLocalPrintshop;
+}
+
+declare module 'material-ui/svg-icons/maps/navigation' {
+  export import MapsNavigation = __MaterialUI.SvgIcon;
+  export default MapsNavigation;
+}
+
+declare module 'material-ui/svg-icons/maps/directions-railway' {
+  export import MapsDirectionsRailway = __MaterialUI.SvgIcon;
+  export default MapsDirectionsRailway;
+}
+
+declare module 'material-ui/svg-icons/maps/local-atm' {
+  export import MapsLocalAtm = __MaterialUI.SvgIcon;
+  export default MapsLocalAtm;
+}
+
+declare module 'material-ui/svg-icons/maps/directions-transit' {
+  export import MapsDirectionsTransit = __MaterialUI.SvgIcon;
+  export default MapsDirectionsTransit;
+}
+
+declare module 'material-ui/svg-icons/maps/local-parking' {
+  export import MapsLocalParking = __MaterialUI.SvgIcon;
+  export default MapsLocalParking;
+}
+
+declare module 'material-ui/svg-icons/maps/local-cafe' {
+  export import MapsLocalCafe = __MaterialUI.SvgIcon;
+  export default MapsLocalCafe;
+}
+
+declare module 'material-ui/svg-icons/maps/local-mall' {
+  export import MapsLocalMall = __MaterialUI.SvgIcon;
+  export default MapsLocalMall;
+}
+
+declare module 'material-ui/svg-icons/maps/zoom-out-map' {
+  export import MapsZoomOutMap = __MaterialUI.SvgIcon;
+  export default MapsZoomOutMap;
+}
+
+declare module 'material-ui/svg-icons/maps/local-activity' {
+  export import MapsLocalActivity = __MaterialUI.SvgIcon;
+  export default MapsLocalActivity;
+}
+
+declare module 'material-ui/svg-icons/maps/local-grocery-store' {
+  export import MapsLocalGroceryStore = __MaterialUI.SvgIcon;
+  export default MapsLocalGroceryStore;
+}
+
+declare module 'material-ui/svg-icons/maps/local-pharmacy' {
+  export import MapsLocalPharmacy = __MaterialUI.SvgIcon;
+  export default MapsLocalPharmacy;
+}
+
+declare module 'material-ui/svg-icons/maps/local-movies' {
+  export import MapsLocalMovies = __MaterialUI.SvgIcon;
+  export default MapsLocalMovies;
+}
+
+declare module 'material-ui/svg-icons/maps/place' {
+  export import MapsPlace = __MaterialUI.SvgIcon;
+  export default MapsPlace;
+}
+
+declare module 'material-ui/svg-icons/maps/layers-clear' {
+  export import MapsLayersClear = __MaterialUI.SvgIcon;
+  export default MapsLayersClear;
+}
+
+declare module 'material-ui/svg-icons/maps/hotel' {
+  export import MapsHotel = __MaterialUI.SvgIcon;
+  export default MapsHotel;
+}
+
+declare module 'material-ui/svg-icons/maps/directions-bike' {
+  export import MapsDirectionsBike = __MaterialUI.SvgIcon;
+  export default MapsDirectionsBike;
+}
+
+declare module 'material-ui/svg-icons/maps/local-library' {
+  export import MapsLocalLibrary = __MaterialUI.SvgIcon;
+  export default MapsLocalLibrary;
+}
+
+declare module 'material-ui/svg-icons/maps/local-play' {
+  export import MapsLocalPlay = __MaterialUI.SvgIcon;
+  export default MapsLocalPlay;
+}
+
+declare module 'material-ui/svg-icons/maps/directions-bus' {
+  export import MapsDirectionsBus = __MaterialUI.SvgIcon;
+  export default MapsDirectionsBus;
+}
+
+declare module 'material-ui/svg-icons/maps/traffic' {
+  export import MapsTraffic = __MaterialUI.SvgIcon;
+  export default MapsTraffic;
+}
+
+declare module 'material-ui/svg-icons/maps/beenhere' {
+  export import MapsBeenhere = __MaterialUI.SvgIcon;
+  export default MapsBeenhere;
+}
+
+declare module 'material-ui/svg-icons/communication/call-received' {
+  export import CommunicationCallReceived = __MaterialUI.SvgIcon;
+  export default CommunicationCallReceived;
+}
+
+declare module 'material-ui/svg-icons/communication/dialpad' {
+  export import CommunicationDialpad = __MaterialUI.SvgIcon;
+  export default CommunicationDialpad;
+}
+
+declare module 'material-ui/svg-icons/communication/forum' {
+  export import CommunicationForum = __MaterialUI.SvgIcon;
+  export default CommunicationForum;
+}
+
+declare module 'material-ui/svg-icons/communication/no-sim' {
+  export import CommunicationNoSim = __MaterialUI.SvgIcon;
+  export default CommunicationNoSim;
+}
+
+declare module 'material-ui/svg-icons/communication/chat' {
+  export import CommunicationChat = __MaterialUI.SvgIcon;
+  export default CommunicationChat;
+}
+
+declare module 'material-ui/svg-icons/communication/stay-primary-landscape' {
+  export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon;
+  export default CommunicationStayPrimaryLandscape;
+}
+
+declare module 'material-ui/svg-icons/communication/phonelink-setup' {
+  export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon;
+  export default CommunicationPhonelinkSetup;
+}
+
+declare module 'material-ui/svg-icons/communication/ring-volume' {
+  export import CommunicationRingVolume = __MaterialUI.SvgIcon;
+  export default CommunicationRingVolume;
+}
+
+declare module 'material-ui/svg-icons/communication/phonelink-lock' {
+  export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon;
+  export default CommunicationPhonelinkLock;
+}
+
+declare module 'material-ui/svg-icons/communication/contacts' {
+  export import CommunicationContacts = __MaterialUI.SvgIcon;
+  export default CommunicationContacts;
+}
+
+declare module 'material-ui/svg-icons/communication/call-missed' {
+  export import CommunicationCallMissed = __MaterialUI.SvgIcon;
+  export default CommunicationCallMissed;
+}
+
+declare module 'material-ui/svg-icons/communication/contact-mail' {
+  export import CommunicationContactMail = __MaterialUI.SvgIcon;
+  export default CommunicationContactMail;
+}
+
+declare module 'material-ui/svg-icons/communication/portable-wifi-off' {
+  export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon;
+  export default CommunicationPortableWifiOff;
+}
+
+declare module 'material-ui/svg-icons/communication/call-merge' {
+  export import CommunicationCallMerge = __MaterialUI.SvgIcon;
+  export default CommunicationCallMerge;
+}
+
+declare module 'material-ui/svg-icons/communication/tact-mail' {
+  export import CommunicationTactMail = __MaterialUI.SvgIcon;
+  export default CommunicationTactMail;
+}
+
+declare module 'material-ui/svg-icons/communication/stop-screen-share' {
+  export import CommunicationStopScreenShare = __MaterialUI.SvgIcon;
+  export default CommunicationStopScreenShare;
+}
+
+declare module 'material-ui/svg-icons/communication/vpn-key' {
+  export import CommunicationVpnKey = __MaterialUI.SvgIcon;
+  export default CommunicationVpnKey;
+}
+
+declare module 'material-ui/svg-icons/communication/swap-calls' {
+  export import CommunicationSwapCalls = __MaterialUI.SvgIcon;
+  export default CommunicationSwapCalls;
+}
+
+declare module 'material-ui/svg-icons/communication/dialer-sip' {
+  export import CommunicationDialerSip = __MaterialUI.SvgIcon;
+  export default CommunicationDialerSip;
+}
+
+declare module 'material-ui/svg-icons/communication/business' {
+  export import CommunicationBusiness = __MaterialUI.SvgIcon;
+  export default CommunicationBusiness;
+}
+
+declare module 'material-ui/svg-icons/communication/phonelink-erase' {
+  export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon;
+  export default CommunicationPhonelinkErase;
+}
+
+declare module 'material-ui/svg-icons/communication/call' {
+  export import CommunicationCall = __MaterialUI.SvgIcon;
+  export default CommunicationCall;
+}
+
+declare module 'material-ui/svg-icons/communication/screen-share' {
+  export import CommunicationScreenShare = __MaterialUI.SvgIcon;
+  export default CommunicationScreenShare;
+}
+
+declare module 'material-ui/svg-icons/communication/clear-all' {
+  export import CommunicationClearAll = __MaterialUI.SvgIcon;
+  export default CommunicationClearAll;
+}
+
+declare module 'material-ui/svg-icons/communication/chat-bubble-outline' {
+  export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon;
+  export default CommunicationChatBubbleOutline;
+}
+
+declare module 'material-ui/svg-icons/communication/call-missed-outgoing' {
+  export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon;
+  export default CommunicationCallMissedOutgoing;
+}
+
+declare module 'material-ui/svg-icons/communication/stay-primary-portrait' {
+  export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon;
+  export default CommunicationStayPrimaryPortrait;
+}
+
+declare module 'material-ui/svg-icons/communication/stay-current-portrait' {
+  export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon;
+  export default CommunicationStayCurrentPortrait;
+}
+
+declare module 'material-ui/svg-icons/communication/voicemail' {
+  export import CommunicationVoicemail = __MaterialUI.SvgIcon;
+  export default CommunicationVoicemail;
+}
+
+declare module 'material-ui/svg-icons/communication/speaker-phone' {
+  export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon;
+  export default CommunicationSpeakerPhone;
+}
+
+declare module 'material-ui/svg-icons/communication/call-split' {
+  export import CommunicationCallSplit = __MaterialUI.SvgIcon;
+  export default CommunicationCallSplit;
+}
+
+declare module 'material-ui/svg-icons/communication/live-help' {
+  export import CommunicationLiveHelp = __MaterialUI.SvgIcon;
+  export default CommunicationLiveHelp;
+}
+
+declare module 'material-ui/svg-icons/communication/call-made' {
+  export import CommunicationCallMade = __MaterialUI.SvgIcon;
+  export default CommunicationCallMade;
+}
+
+declare module 'material-ui/svg-icons/communication/phone' {
+  export import CommunicationPhone = __MaterialUI.SvgIcon;
+  export default CommunicationPhone;
+}
+
+declare module 'material-ui/svg-icons/communication/textsms' {
+  export import CommunicationTextsms = __MaterialUI.SvgIcon;
+  export default CommunicationTextsms;
+}
+
+declare module 'material-ui/svg-icons/communication/message' {
+  export import CommunicationMessage = __MaterialUI.SvgIcon;
+  export default CommunicationMessage;
+}
+
+declare module 'material-ui/svg-icons/communication/import-export' {
+  export import CommunicationImportExport = __MaterialUI.SvgIcon;
+  export default CommunicationImportExport;
+}
+
+declare module 'material-ui/svg-icons/communication/import-contacts' {
+  export import CommunicationImportContacts = __MaterialUI.SvgIcon;
+  export default CommunicationImportContacts;
+}
+
+declare module 'material-ui/svg-icons/communication/phonelink-ring' {
+  export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon;
+  export default CommunicationPhonelinkRing;
+}
+
+declare module 'material-ui/svg-icons/communication/present-to-all' {
+  export import CommunicationPresentToAll = __MaterialUI.SvgIcon;
+  export default CommunicationPresentToAll;
+}
+
+declare module 'material-ui/svg-icons/communication/contact-phone' {
+  export import CommunicationContactPhone = __MaterialUI.SvgIcon;
+  export default CommunicationContactPhone;
+}
+
+declare module 'material-ui/svg-icons/communication/invert-colors-off' {
+  export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon;
+  export default CommunicationInvertColorsOff;
+}
+
+declare module 'material-ui/svg-icons/communication/comment' {
+  export import CommunicationComment = __MaterialUI.SvgIcon;
+  export default CommunicationComment;
+}
+
+declare module 'material-ui/svg-icons/communication/chat-bubble' {
+  export import CommunicationChatBubble = __MaterialUI.SvgIcon;
+  export default CommunicationChatBubble;
+}
+
+declare module 'material-ui/svg-icons/communication/mail-outline' {
+  export import CommunicationMailOutline = __MaterialUI.SvgIcon;
+  export default CommunicationMailOutline;
+}
+
+declare module 'material-ui/svg-icons/communication/location-on' {
+  export import CommunicationLocationOn = __MaterialUI.SvgIcon;
+  export default CommunicationLocationOn;
+}
+
+declare module 'material-ui/svg-icons/communication/stay-current-landscape' {
+  export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon;
+  export default CommunicationStayCurrentLandscape;
+}
+
+declare module 'material-ui/svg-icons/communication/location-off' {
+  export import CommunicationLocationOff = __MaterialUI.SvgIcon;
+  export default CommunicationLocationOff;
+}
+
+declare module 'material-ui/svg-icons/communication/email' {
+  export import CommunicationEmail = __MaterialUI.SvgIcon;
+  export default CommunicationEmail;
+}
+
+declare module 'material-ui/svg-icons/communication/call-end' {
+  export import CommunicationCallEnd = __MaterialUI.SvgIcon;
+  export default CommunicationCallEnd;
+}
+
+declare module 'material-ui/svg-icons/toggle/check-box' {
+  export import ToggleCheckBox = __MaterialUI.SvgIcon;
+  export default ToggleCheckBox;
+}
+
+declare module 'material-ui/svg-icons/toggle/star-half' {
+  export import ToggleStarHalf = __MaterialUI.SvgIcon;
+  export default ToggleStarHalf;
+}
+
+declare module 'material-ui/svg-icons/toggle/check-box-outline-blank' {
+  export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon;
+  export default ToggleCheckBoxOutlineBlank;
+}
+
+declare module 'material-ui/svg-icons/toggle/star' {
+  export import ToggleStar = __MaterialUI.SvgIcon;
+  export default ToggleStar;
+}
+
+declare module 'material-ui/svg-icons/toggle/star-border' {
+  export import ToggleStarBorder = __MaterialUI.SvgIcon;
+  export default ToggleStarBorder;
+}
+
+declare module 'material-ui/svg-icons/toggle/radio-button-unchecked' {
+  export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon;
+  export default ToggleRadioButtonUnchecked;
+}
+
+declare module 'material-ui/svg-icons/toggle/indeterminate-check-box' {
+  export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon;
+  export default ToggleIndeterminateCheckBox;
+}
+
+declare module 'material-ui/svg-icons/toggle/radio-button-checked' {
+  export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon;
+  export default ToggleRadioButtonChecked;
+}
+
+declare module 'material-ui/svg-icons/index' {
+  export import Index = __MaterialUI.SvgIcon;
+  export default Index;
+}
+
+declare module 'material-ui/svg-icons/index-generator' {
+  export import IndexGenerator = __MaterialUI.SvgIcon;
+  export default IndexGenerator;
+}
+
+declare module 'material-ui/svg-icons/alert/warning' {
+  export import AlertWarning = __MaterialUI.SvgIcon;
+  export default AlertWarning;
+}
+
+declare module 'material-ui/svg-icons/alert/add-alert' {
+  export import AlertAddAlert = __MaterialUI.SvgIcon;
+  export default AlertAddAlert;
+}
+
+declare module 'material-ui/svg-icons/alert/error-outline' {
+  export import AlertErrorOutline = __MaterialUI.SvgIcon;
+  export default AlertErrorOutline;
+}
+
+declare module 'material-ui/svg-icons/alert/error' {
+  export import AlertError = __MaterialUI.SvgIcon;
+  export default AlertError;
+}
+
+declare module 'material-ui/svg-icons/file/file-upload' {
+  export import FileFileUpload = __MaterialUI.SvgIcon;
+  export default FileFileUpload;
+}
+
+declare module 'material-ui/svg-icons/file/cloud-upload' {
+  export import FileCloudUpload = __MaterialUI.SvgIcon;
+  export default FileCloudUpload;
+}
+
+declare module 'material-ui/svg-icons/file/cloud-done' {
+  export import FileCloudDone = __MaterialUI.SvgIcon;
+  export default FileCloudDone;
+}
+
+declare module 'material-ui/svg-icons/file/folder-open' {
+  export import FileFolderOpen = __MaterialUI.SvgIcon;
+  export default FileFolderOpen;
+}
+
+declare module 'material-ui/svg-icons/file/cloud-off' {
+  export import FileCloudOff = __MaterialUI.SvgIcon;
+  export default FileCloudOff;
+}
+
+declare module 'material-ui/svg-icons/file/cloud-queue' {
+  export import FileCloudQueue = __MaterialUI.SvgIcon;
+  export default FileCloudQueue;
+}
+
+declare module 'material-ui/svg-icons/file/folder-shared' {
+  export import FileFolderShared = __MaterialUI.SvgIcon;
+  export default FileFolderShared;
+}
+
+declare module 'material-ui/svg-icons/file/cloud-circle' {
+  export import FileCloudCircle = __MaterialUI.SvgIcon;
+  export default FileCloudCircle;
+}
+
+declare module 'material-ui/svg-icons/file/folder' {
+  export import FileFolder = __MaterialUI.SvgIcon;
+  export default FileFolder;
+}
+
+declare module 'material-ui/svg-icons/file/attachment' {
+  export import FileAttachment = __MaterialUI.SvgIcon;
+  export default FileAttachment;
+}
+
+declare module 'material-ui/svg-icons/file/create-new-folder' {
+  export import FileCreateNewFolder = __MaterialUI.SvgIcon;
+  export default FileCreateNewFolder;
+}
+
+declare module 'material-ui/svg-icons/file/cloud-download' {
+  export import FileCloudDownload = __MaterialUI.SvgIcon;
+  export default FileCloudDownload;
+}
+
+declare module 'material-ui/svg-icons/file/cloud' {
+  export import FileCloud = __MaterialUI.SvgIcon;
+  export default FileCloud;
+}
+
+declare module 'material-ui/svg-icons/file/file-download' {
+  export import FileFileDownload = __MaterialUI.SvgIcon;
+  export default FileFileDownload;
+}
+
+declare module 'material-ui/svg-icons/navigation-arrow-drop-right' {
+  export import NavigationArrowDropRight = __MaterialUI.SvgIcon;
+  export default NavigationArrowDropRight;
+}
+
+declare module 'material-ui/svg-icons/hardware/keyboard' {
+  export import HardwareKeyboard = __MaterialUI.SvgIcon;
+  export default HardwareKeyboard;
+}
+
+declare module 'material-ui/svg-icons/hardware/toys' {
+  export import HardwareToys = __MaterialUI.SvgIcon;
+  export default HardwareToys;
+}
+
+declare module 'material-ui/svg-icons/hardware/dock' {
+  export import HardwareDock = __MaterialUI.SvgIcon;
+  export default HardwareDock;
+}
+
+declare module 'material-ui/svg-icons/hardware/headset' {
+  export import HardwareHeadset = __MaterialUI.SvgIcon;
+  export default HardwareHeadset;
+}
+
+declare module 'material-ui/svg-icons/hardware/keyboard-voice' {
+  export import HardwareKeyboardVoice = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardVoice;
+}
+
+declare module 'material-ui/svg-icons/hardware/phonelink-off' {
+  export import HardwarePhonelinkOff = __MaterialUI.SvgIcon;
+  export default HardwarePhonelinkOff;
+}
+
+declare module 'material-ui/svg-icons/hardware/speaker-group' {
+  export import HardwareSpeakerGroup = __MaterialUI.SvgIcon;
+  export default HardwareSpeakerGroup;
+}
+
+declare module 'material-ui/svg-icons/hardware/desktop-windows' {
+  export import HardwareDesktopWindows = __MaterialUI.SvgIcon;
+  export default HardwareDesktopWindows;
+}
+
+declare module 'material-ui/svg-icons/hardware/laptop-mac' {
+  export import HardwareLaptopMac = __MaterialUI.SvgIcon;
+  export default HardwareLaptopMac;
+}
+
+declare module 'material-ui/svg-icons/hardware/keyboard-return' {
+  export import HardwareKeyboardReturn = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardReturn;
+}
+
+declare module 'material-ui/svg-icons/hardware/gamepad' {
+  export import HardwareGamepad = __MaterialUI.SvgIcon;
+  export default HardwareGamepad;
+}
+
+declare module 'material-ui/svg-icons/hardware/keyboard-arrow-up' {
+  export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardArrowUp;
+}
+
+declare module 'material-ui/svg-icons/hardware/laptop' {
+  export import HardwareLaptop = __MaterialUI.SvgIcon;
+  export default HardwareLaptop;
+}
+
+declare module 'material-ui/svg-icons/hardware/phone-iphone' {
+  export import HardwarePhoneIphone = __MaterialUI.SvgIcon;
+  export default HardwarePhoneIphone;
+}
+
+declare module 'material-ui/svg-icons/hardware/memory' {
+  export import HardwareMemory = __MaterialUI.SvgIcon;
+  export default HardwareMemory;
+}
+
+declare module 'material-ui/svg-icons/hardware/security' {
+  export import HardwareSecurity = __MaterialUI.SvgIcon;
+  export default HardwareSecurity;
+}
+
+declare module 'material-ui/svg-icons/hardware/keyboard-capslock' {
+  export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardCapslock;
+}
+
+declare module 'material-ui/svg-icons/hardware/sim-card' {
+  export import HardwareSimCard = __MaterialUI.SvgIcon;
+  export default HardwareSimCard;
+}
+
+declare module 'material-ui/svg-icons/hardware/devices-other' {
+  export import HardwareDevicesOther = __MaterialUI.SvgIcon;
+  export default HardwareDevicesOther;
+}
+
+declare module 'material-ui/svg-icons/hardware/tablet-android' {
+  export import HardwareTabletAndroid = __MaterialUI.SvgIcon;
+  export default HardwareTabletAndroid;
+}
+
+declare module 'material-ui/svg-icons/hardware/keyboard-arrow-right' {
+  export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardArrowRight;
+}
+
+declare module 'material-ui/svg-icons/hardware/keyboard-tab' {
+  export import HardwareKeyboardTab = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardTab;
+}
+
+declare module 'material-ui/svg-icons/hardware/watch' {
+  export import HardwareWatch = __MaterialUI.SvgIcon;
+  export default HardwareWatch;
+}
+
+declare module 'material-ui/svg-icons/hardware/speaker' {
+  export import HardwareSpeaker = __MaterialUI.SvgIcon;
+  export default HardwareSpeaker;
+}
+
+declare module 'material-ui/svg-icons/hardware/phonelink' {
+  export import HardwarePhonelink = __MaterialUI.SvgIcon;
+  export default HardwarePhonelink;
+}
+
+declare module 'material-ui/svg-icons/hardware/laptop-windows' {
+  export import HardwareLaptopWindows = __MaterialUI.SvgIcon;
+  export default HardwareLaptopWindows;
+}
+
+declare module 'material-ui/svg-icons/hardware/tv' {
+  export import HardwareTv = __MaterialUI.SvgIcon;
+  export default HardwareTv;
+}
+
+declare module 'material-ui/svg-icons/hardware/headset-mic' {
+  export import HardwareHeadsetMic = __MaterialUI.SvgIcon;
+  export default HardwareHeadsetMic;
+}
+
+declare module 'material-ui/svg-icons/hardware/videogame-asset' {
+  export import HardwareVideogameAsset = __MaterialUI.SvgIcon;
+  export default HardwareVideogameAsset;
+}
+
+declare module 'material-ui/svg-icons/hardware/keyboard-arrow-down' {
+  export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardArrowDown;
+}
+
+declare module 'material-ui/svg-icons/hardware/keyboard-hide' {
+  export import HardwareKeyboardHide = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardHide;
+}
+
+declare module 'material-ui/svg-icons/hardware/scanner' {
+  export import HardwareScanner = __MaterialUI.SvgIcon;
+  export default HardwareScanner;
+}
+
+declare module 'material-ui/svg-icons/hardware/laptop-chromebook' {
+  export import HardwareLaptopChromebook = __MaterialUI.SvgIcon;
+  export default HardwareLaptopChromebook;
+}
+
+declare module 'material-ui/svg-icons/hardware/tablet-mac' {
+  export import HardwareTabletMac = __MaterialUI.SvgIcon;
+  export default HardwareTabletMac;
+}
+
+declare module 'material-ui/svg-icons/hardware/cast' {
+  export import HardwareCast = __MaterialUI.SvgIcon;
+  export default HardwareCast;
+}
+
+declare module 'material-ui/svg-icons/hardware/cast-connected' {
+  export import HardwareCastConnected = __MaterialUI.SvgIcon;
+  export default HardwareCastConnected;
+}
+
+declare module 'material-ui/svg-icons/hardware/keyboard-arrow-left' {
+  export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardArrowLeft;
+}
+
+declare module 'material-ui/svg-icons/hardware/phone-android' {
+  export import HardwarePhoneAndroid = __MaterialUI.SvgIcon;
+  export default HardwarePhoneAndroid;
+}
+
+declare module 'material-ui/svg-icons/hardware/computer' {
+  export import HardwareComputer = __MaterialUI.SvgIcon;
+  export default HardwareComputer;
+}
+
+declare module 'material-ui/svg-icons/hardware/power-input' {
+  export import HardwarePowerInput = __MaterialUI.SvgIcon;
+  export default HardwarePowerInput;
+}
+
+declare module 'material-ui/svg-icons/hardware/smartphone' {
+  export import HardwareSmartphone = __MaterialUI.SvgIcon;
+  export default HardwareSmartphone;
+}
+
+declare module 'material-ui/svg-icons/hardware/router' {
+  export import HardwareRouter = __MaterialUI.SvgIcon;
+  export default HardwareRouter;
+}
+
+declare module 'material-ui/svg-icons/hardware/keyboard-backspace' {
+  export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardBackspace;
+}
+
+declare module 'material-ui/svg-icons/hardware/developer-board' {
+  export import HardwareDeveloperBoard = __MaterialUI.SvgIcon;
+  export default HardwareDeveloperBoard;
+}
+
+declare module 'material-ui/svg-icons/hardware/device-hub' {
+  export import HardwareDeviceHub = __MaterialUI.SvgIcon;
+  export default HardwareDeviceHub;
+}
+
+declare module 'material-ui/svg-icons/hardware/mouse' {
+  export import HardwareMouse = __MaterialUI.SvgIcon;
+  export default HardwareMouse;
+}
+
+declare module 'material-ui/svg-icons/hardware/desktop-mac' {
+  export import HardwareDesktopMac = __MaterialUI.SvgIcon;
+  export default HardwareDesktopMac;
+}
+
+declare module 'material-ui/svg-icons/hardware/tablet' {
+  export import HardwareTablet = __MaterialUI.SvgIcon;
+  export default HardwareTablet;
+}
+
+declare module 'material-ui/svg-icons/content/add-box' {
+  export import ContentAddBox = __MaterialUI.SvgIcon;
+  export default ContentAddBox;
+}
+
+declare module 'material-ui/svg-icons/content/filter-list' {
+  export import ContentFilterList = __MaterialUI.SvgIcon;
+  export default ContentFilterList;
+}
+
+declare module 'material-ui/svg-icons/content/save' {
+  export import ContentSave = __MaterialUI.SvgIcon;
+  export default ContentSave;
+}
+
+declare module 'material-ui/svg-icons/content/unarchive' {
+  export import ContentUnarchive = __MaterialUI.SvgIcon;
+  export default ContentUnarchive;
+}
+
+declare module 'material-ui/svg-icons/content/link' {
+  export import ContentLink = __MaterialUI.SvgIcon;
+  export default ContentLink;
+}
+
+declare module 'material-ui/svg-icons/content/sort' {
+  export import ContentSort = __MaterialUI.SvgIcon;
+  export default ContentSort;
+}
+
+declare module 'material-ui/svg-icons/content/text-format' {
+  export import ContentTextFormat = __MaterialUI.SvgIcon;
+  export default ContentTextFormat;
+}
+
+declare module 'material-ui/svg-icons/content/add' {
+  export import ContentAdd = __MaterialUI.SvgIcon;
+  export default ContentAdd;
+}
+
+declare module 'material-ui/svg-icons/content/send' {
+  export import ContentSend = __MaterialUI.SvgIcon;
+  export default ContentSend;
+}
+
+declare module 'material-ui/svg-icons/content/gesture' {
+  export import ContentGesture = __MaterialUI.SvgIcon;
+  export default ContentGesture;
+}
+
+declare module 'material-ui/svg-icons/content/archive' {
+  export import ContentArchive = __MaterialUI.SvgIcon;
+  export default ContentArchive;
+}
+
+declare module 'material-ui/svg-icons/content/weekend' {
+  export import ContentWeekend = __MaterialUI.SvgIcon;
+  export default ContentWeekend;
+}
+
+declare module 'material-ui/svg-icons/content/markunread' {
+  export import ContentMarkunread = __MaterialUI.SvgIcon;
+  export default ContentMarkunread;
+}
+
+declare module 'material-ui/svg-icons/content/create' {
+  export import ContentCreate = __MaterialUI.SvgIcon;
+  export default ContentCreate;
+}
+
+declare module 'material-ui/svg-icons/content/content-cut' {
+  export import ContentContentCut = __MaterialUI.SvgIcon;
+  export default ContentContentCut;
+}
+
+declare module 'material-ui/svg-icons/content/clear' {
+  export import ContentClear = __MaterialUI.SvgIcon;
+  export default ContentClear;
+}
+
+declare module 'material-ui/svg-icons/content/redo' {
+  export import ContentRedo = __MaterialUI.SvgIcon;
+  export default ContentRedo;
+}
+
+declare module 'material-ui/svg-icons/content/block' {
+  export import ContentBlock = __MaterialUI.SvgIcon;
+  export default ContentBlock;
+}
+
+declare module 'material-ui/svg-icons/content/forward' {
+  export import ContentForward = __MaterialUI.SvgIcon;
+  export default ContentForward;
+}
+
+declare module 'material-ui/svg-icons/content/mail' {
+  export import ContentMail = __MaterialUI.SvgIcon;
+  export default ContentMail;
+}
+
+declare module 'material-ui/svg-icons/content/inbox' {
+  export import ContentInbox = __MaterialUI.SvgIcon;
+  export default ContentInbox;
+}
+
+declare module 'material-ui/svg-icons/content/remove-circle' {
+  export import ContentRemoveCircle = __MaterialUI.SvgIcon;
+  export default ContentRemoveCircle;
+}
+
+declare module 'material-ui/svg-icons/content/move-to-inbox' {
+  export import ContentMoveToInbox = __MaterialUI.SvgIcon;
+  export default ContentMoveToInbox;
+}
+
+declare module 'material-ui/svg-icons/content/flag' {
+  export import ContentFlag = __MaterialUI.SvgIcon;
+  export default ContentFlag;
+}
+
+declare module 'material-ui/svg-icons/content/reply-all' {
+  export import ContentReplyAll = __MaterialUI.SvgIcon;
+  export default ContentReplyAll;
+}
+
+declare module 'material-ui/svg-icons/content/remove' {
+  export import ContentRemove = __MaterialUI.SvgIcon;
+  export default ContentRemove;
+}
+
+declare module 'material-ui/svg-icons/content/next-week' {
+  export import ContentNextWeek = __MaterialUI.SvgIcon;
+  export default ContentNextWeek;
+}
+
+declare module 'material-ui/svg-icons/content/undo' {
+  export import ContentUndo = __MaterialUI.SvgIcon;
+  export default ContentUndo;
+}
+
+declare module 'material-ui/svg-icons/content/font-download' {
+  export import ContentFontDownload = __MaterialUI.SvgIcon;
+  export default ContentFontDownload;
+}
+
+declare module 'material-ui/svg-icons/content/remove-circle-outline' {
+  export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon;
+  export default ContentRemoveCircleOutline;
+}
+
+declare module 'material-ui/svg-icons/content/backspace' {
+  export import ContentBackspace = __MaterialUI.SvgIcon;
+  export default ContentBackspace;
+}
+
+declare module 'material-ui/svg-icons/content/reply' {
+  export import ContentReply = __MaterialUI.SvgIcon;
+  export default ContentReply;
+}
+
+declare module 'material-ui/svg-icons/content/report' {
+  export import ContentReport = __MaterialUI.SvgIcon;
+  export default ContentReport;
+}
+
+declare module 'material-ui/svg-icons/content/add-circle' {
+  export import ContentAddCircle = __MaterialUI.SvgIcon;
+  export default ContentAddCircle;
+}
+
+declare module 'material-ui/svg-icons/content/content-copy' {
+  export import ContentContentCopy = __MaterialUI.SvgIcon;
+  export default ContentContentCopy;
+}
+
+declare module 'material-ui/svg-icons/content/content-paste' {
+  export import ContentContentPaste = __MaterialUI.SvgIcon;
+  export default ContentContentPaste;
+}
+
+declare module 'material-ui/svg-icons/content/select-all' {
+  export import ContentSelectAll = __MaterialUI.SvgIcon;
+  export default ContentSelectAll;
+}
+
+declare module 'material-ui/svg-icons/content/add-circle-outline' {
+  export import ContentAddCircleOutline = __MaterialUI.SvgIcon;
+  export default ContentAddCircleOutline;
+}
+
+declare module 'material-ui/svg-icons/content/drafts' {
+  export import ContentDrafts = __MaterialUI.SvgIcon;
+  export default ContentDrafts;
+}
+
+declare module 'material-ui/svg-icons/editor/wrap-text' {
+  export import EditorWrapText = __MaterialUI.SvgIcon;
+  export default EditorWrapText;
+}
+
+declare module 'material-ui/svg-icons/editor/format-size' {
+  export import EditorFormatSize = __MaterialUI.SvgIcon;
+  export default EditorFormatSize;
+}
+
+declare module 'material-ui/svg-icons/editor/functions' {
+  export import EditorFunctions = __MaterialUI.SvgIcon;
+  export default EditorFunctions;
+}
+
+declare module 'material-ui/svg-icons/editor/format-bold' {
+  export import EditorFormatBold = __MaterialUI.SvgIcon;
+  export default EditorFormatBold;
+}
+
+declare module 'material-ui/svg-icons/editor/format-align-center' {
+  export import EditorFormatAlignCenter = __MaterialUI.SvgIcon;
+  export default EditorFormatAlignCenter;
+}
+
+declare module 'material-ui/svg-icons/editor/mode-comment' {
+  export import EditorModeComment = __MaterialUI.SvgIcon;
+  export default EditorModeComment;
+}
+
+declare module 'material-ui/svg-icons/editor/money-off' {
+  export import EditorMoneyOff = __MaterialUI.SvgIcon;
+  export default EditorMoneyOff;
+}
+
+declare module 'material-ui/svg-icons/editor/format-textdirection-r-to-l' {
+  export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon;
+  export default EditorFormatTextdirectionRToL;
+}
+
+declare module 'material-ui/svg-icons/editor/insert-drive-file' {
+  export import EditorInsertDriveFile = __MaterialUI.SvgIcon;
+  export default EditorInsertDriveFile;
+}
+
+declare module 'material-ui/svg-icons/editor/highlight' {
+  export import EditorHighlight = __MaterialUI.SvgIcon;
+  export default EditorHighlight;
+}
+
+declare module 'material-ui/svg-icons/editor/format-clear' {
+  export import EditorFormatClear = __MaterialUI.SvgIcon;
+  export default EditorFormatClear;
+}
+
+declare module 'material-ui/svg-icons/editor/border-style' {
+  export import EditorBorderStyle = __MaterialUI.SvgIcon;
+  export default EditorBorderStyle;
+}
+
+declare module 'material-ui/svg-icons/editor/format-shapes' {
+  export import EditorFormatShapes = __MaterialUI.SvgIcon;
+  export default EditorFormatShapes;
+}
+
+declare module 'material-ui/svg-icons/editor/format-paint' {
+  export import EditorFormatPaint = __MaterialUI.SvgIcon;
+  export default EditorFormatPaint;
+}
+
+declare module 'material-ui/svg-icons/editor/linear-scale' {
+  export import EditorLinearScale = __MaterialUI.SvgIcon;
+  export default EditorLinearScale;
+}
+
+declare module 'material-ui/svg-icons/editor/insert-photo' {
+  export import EditorInsertPhoto = __MaterialUI.SvgIcon;
+  export default EditorInsertPhoto;
+}
+
+declare module 'material-ui/svg-icons/editor/drag-handle' {
+  export import EditorDragHandle = __MaterialUI.SvgIcon;
+  export default EditorDragHandle;
+}
+
+declare module 'material-ui/svg-icons/editor/merge-type' {
+  export import EditorMergeType = __MaterialUI.SvgIcon;
+  export default EditorMergeType;
+}
+
+declare module 'material-ui/svg-icons/editor/attach-money' {
+  export import EditorAttachMoney = __MaterialUI.SvgIcon;
+  export default EditorAttachMoney;
+}
+
+declare module 'material-ui/svg-icons/editor/border-vertical' {
+  export import EditorBorderVertical = __MaterialUI.SvgIcon;
+  export default EditorBorderVertical;
+}
+
+declare module 'material-ui/svg-icons/editor/format-indent-decrease' {
+  export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon;
+  export default EditorFormatIndentDecrease;
+}
+
+declare module 'material-ui/svg-icons/editor/insert-emoticon' {
+  export import EditorInsertEmoticon = __MaterialUI.SvgIcon;
+  export default EditorInsertEmoticon;
+}
+
+declare module 'material-ui/svg-icons/editor/insert-invitation' {
+  export import EditorInsertInvitation = __MaterialUI.SvgIcon;
+  export default EditorInsertInvitation;
+}
+
+declare module 'material-ui/svg-icons/editor/format-color-fill' {
+  export import EditorFormatColorFill = __MaterialUI.SvgIcon;
+  export default EditorFormatColorFill;
+}
+
+declare module 'material-ui/svg-icons/editor/mode-edit' {
+  export import EditorModeEdit = __MaterialUI.SvgIcon;
+  export default EditorModeEdit;
+}
+
+declare module 'material-ui/svg-icons/editor/vertical-align-bottom' {
+  export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon;
+  export default EditorVerticalAlignBottom;
+}
+
+declare module 'material-ui/svg-icons/editor/format-align-justify' {
+  export import EditorFormatAlignJustify = __MaterialUI.SvgIcon;
+  export default EditorFormatAlignJustify;
+}
+
+declare module 'material-ui/svg-icons/editor/attach-file' {
+  export import EditorAttachFile = __MaterialUI.SvgIcon;
+  export default EditorAttachFile;
+}
+
+declare module 'material-ui/svg-icons/editor/space-bar' {
+  export import EditorSpaceBar = __MaterialUI.SvgIcon;
+  export default EditorSpaceBar;
+}
+
+declare module 'material-ui/svg-icons/editor/border-clear' {
+  export import EditorBorderClear = __MaterialUI.SvgIcon;
+  export default EditorBorderClear;
+}
+
+declare module 'material-ui/svg-icons/editor/short-text' {
+  export import EditorShortText = __MaterialUI.SvgIcon;
+  export default EditorShortText;
+}
+
+declare module 'material-ui/svg-icons/editor/insert-link' {
+  export import EditorInsertLink = __MaterialUI.SvgIcon;
+  export default EditorInsertLink;
+}
+
+declare module 'material-ui/svg-icons/editor/format-list-numbered' {
+  export import EditorFormatListNumbered = __MaterialUI.SvgIcon;
+  export default EditorFormatListNumbered;
+}
+
+declare module 'material-ui/svg-icons/editor/format-quote' {
+  export import EditorFormatQuote = __MaterialUI.SvgIcon;
+  export default EditorFormatQuote;
+}
+
+declare module 'material-ui/svg-icons/editor/border-left' {
+  export import EditorBorderLeft = __MaterialUI.SvgIcon;
+  export default EditorBorderLeft;
+}
+
+declare module 'material-ui/svg-icons/editor/format-underlined' {
+  export import EditorFormatUnderlined = __MaterialUI.SvgIcon;
+  export default EditorFormatUnderlined;
+}
+
+declare module 'material-ui/svg-icons/editor/text-fields' {
+  export import EditorTextFields = __MaterialUI.SvgIcon;
+  export default EditorTextFields;
+}
+
+declare module 'material-ui/svg-icons/editor/format-italic' {
+  export import EditorFormatItalic = __MaterialUI.SvgIcon;
+  export default EditorFormatItalic;
+}
+
+declare module 'material-ui/svg-icons/editor/publish' {
+  export import EditorPublish = __MaterialUI.SvgIcon;
+  export default EditorPublish;
+}
+
+declare module 'material-ui/svg-icons/editor/border-top' {
+  export import EditorBorderTop = __MaterialUI.SvgIcon;
+  export default EditorBorderTop;
+}
+
+declare module 'material-ui/svg-icons/editor/format-indent-increase' {
+  export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon;
+  export default EditorFormatIndentIncrease;
+}
+
+declare module 'material-ui/svg-icons/editor/border-bottom' {
+  export import EditorBorderBottom = __MaterialUI.SvgIcon;
+  export default EditorBorderBottom;
+}
+
+declare module 'material-ui/svg-icons/editor/format-align-right' {
+  export import EditorFormatAlignRight = __MaterialUI.SvgIcon;
+  export default EditorFormatAlignRight;
+}
+
+declare module 'material-ui/svg-icons/editor/border-right' {
+  export import EditorBorderRight = __MaterialUI.SvgIcon;
+  export default EditorBorderRight;
+}
+
+declare module 'material-ui/svg-icons/editor/insert-comment' {
+  export import EditorInsertComment = __MaterialUI.SvgIcon;
+  export default EditorInsertComment;
+}
+
+declare module 'material-ui/svg-icons/editor/strikethrough-s' {
+  export import EditorStrikethroughS = __MaterialUI.SvgIcon;
+  export default EditorStrikethroughS;
+}
+
+declare module 'material-ui/svg-icons/editor/format-strikethrough' {
+  export import EditorFormatStrikethrough = __MaterialUI.SvgIcon;
+  export default EditorFormatStrikethrough;
+}
+
+declare module 'material-ui/svg-icons/editor/insert-chart' {
+  export import EditorInsertChart = __MaterialUI.SvgIcon;
+  export default EditorInsertChart;
+}
+
+declare module 'material-ui/svg-icons/editor/format-color-reset' {
+  export import EditorFormatColorReset = __MaterialUI.SvgIcon;
+  export default EditorFormatColorReset;
+}
+
+declare module 'material-ui/svg-icons/editor/border-inner' {
+  export import EditorBorderInner = __MaterialUI.SvgIcon;
+  export default EditorBorderInner;
+}
+
+declare module 'material-ui/svg-icons/editor/format-color-text' {
+  export import EditorFormatColorText = __MaterialUI.SvgIcon;
+  export default EditorFormatColorText;
+}
+
+declare module 'material-ui/svg-icons/editor/border-horizontal' {
+  export import EditorBorderHorizontal = __MaterialUI.SvgIcon;
+  export default EditorBorderHorizontal;
+}
+
+declare module 'material-ui/svg-icons/editor/format-list-bulleted' {
+  export import EditorFormatListBulleted = __MaterialUI.SvgIcon;
+  export default EditorFormatListBulleted;
+}
+
+declare module 'material-ui/svg-icons/editor/border-outer' {
+  export import EditorBorderOuter = __MaterialUI.SvgIcon;
+  export default EditorBorderOuter;
+}
+
+declare module 'material-ui/svg-icons/editor/format-align-left' {
+  export import EditorFormatAlignLeft = __MaterialUI.SvgIcon;
+  export default EditorFormatAlignLeft;
+}
+
+declare module 'material-ui/svg-icons/editor/border-color' {
+  export import EditorBorderColor = __MaterialUI.SvgIcon;
+  export default EditorBorderColor;
+}
+
+declare module 'material-ui/svg-icons/editor/format-textdirection-l-to-r' {
+  export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon;
+  export default EditorFormatTextdirectionLToR;
+}
+
+declare module 'material-ui/svg-icons/editor/vertical-align-center' {
+  export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon;
+  export default EditorVerticalAlignCenter;
+}
+
+declare module 'material-ui/svg-icons/editor/vertical-align-top' {
+  export import EditorVerticalAlignTop = __MaterialUI.SvgIcon;
+  export default EditorVerticalAlignTop;
+}
+
+declare module 'material-ui/svg-icons/editor/format-line-spacing' {
+  export import EditorFormatLineSpacing = __MaterialUI.SvgIcon;
+  export default EditorFormatLineSpacing;
+}
+
+declare module 'material-ui/svg-icons/editor/border-all' {
+  export import EditorBorderAll = __MaterialUI.SvgIcon;
+  export default EditorBorderAll;
+}
+
+declare module 'material-ui/svg-icons/device/screen-lock-portrait' {
+  export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon;
+  export default DeviceScreenLockPortrait;
+}
+
+declare module 'material-ui/svg-icons/device/signal-cellular-off' {
+  export import DeviceSignalCellularOff = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularOff;
+}
+
+declare module 'material-ui/svg-icons/device/bluetooth-searching' {
+  export import DeviceBluetoothSearching = __MaterialUI.SvgIcon;
+  export default DeviceBluetoothSearching;
+}
+
+declare module 'material-ui/svg-icons/device/signal-cellular-3-bar' {
+  export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellular3Bar;
+}
+
+declare module 'material-ui/svg-icons/device/network-cell' {
+  export import DeviceNetworkCell = __MaterialUI.SvgIcon;
+  export default DeviceNetworkCell;
+}
+
+declare module 'material-ui/svg-icons/device/signal-cellular-no-sim' {
+  export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularNoSim;
+}
+
+declare module 'material-ui/svg-icons/device/signal-wifi-2-bar' {
+  export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi2Bar;
+}
+
+declare module 'material-ui/svg-icons/device/devices' {
+  export import DeviceDevices = __MaterialUI.SvgIcon;
+  export default DeviceDevices;
+}
+
+declare module 'material-ui/svg-icons/device/battery-90' {
+  export import DeviceBattery90 = __MaterialUI.SvgIcon;
+  export default DeviceBattery90;
+}
+
+declare module 'material-ui/svg-icons/device/battery-charging-80' {
+  export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon;
+  export default DeviceBatteryCharging80;
+}
+
+declare module 'material-ui/svg-icons/device/location-searching' {
+  export import DeviceLocationSearching = __MaterialUI.SvgIcon;
+  export default DeviceLocationSearching;
+}
+
+declare module 'material-ui/svg-icons/device/wallpaper' {
+  export import DeviceWallpaper = __MaterialUI.SvgIcon;
+  export default DeviceWallpaper;
+}
+
+declare module 'material-ui/svg-icons/device/screen-lock-rotation' {
+  export import DeviceScreenLockRotation = __MaterialUI.SvgIcon;
+  export default DeviceScreenLockRotation;
+}
+
+declare module 'material-ui/svg-icons/device/screen-lock-landscape' {
+  export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon;
+  export default DeviceScreenLockLandscape;
+}
+
+declare module 'material-ui/svg-icons/device/battery-charging-20' {
+  export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon;
+  export default DeviceBatteryCharging20;
+}
+
+declare module 'material-ui/svg-icons/device/usb' {
+  export import DeviceUsb = __MaterialUI.SvgIcon;
+  export default DeviceUsb;
+}
+
+declare module 'material-ui/svg-icons/device/airplanemode-active' {
+  export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon;
+  export default DeviceAirplanemodeActive;
+}
+
+declare module 'material-ui/svg-icons/device/network-wifi' {
+  export import DeviceNetworkWifi = __MaterialUI.SvgIcon;
+  export default DeviceNetworkWifi;
+}
+
+declare module 'material-ui/svg-icons/device/graphic-eq' {
+  export import DeviceGraphicEq = __MaterialUI.SvgIcon;
+  export default DeviceGraphicEq;
+}
+
+declare module 'material-ui/svg-icons/device/bluetooth-connected' {
+  export import DeviceBluetoothConnected = __MaterialUI.SvgIcon;
+  export default DeviceBluetoothConnected;
+}
+
+declare module 'material-ui/svg-icons/device/gps-fixed' {
+  export import DeviceGpsFixed = __MaterialUI.SvgIcon;
+  export default DeviceGpsFixed;
+}
+
+declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-4-bar' {
+  export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularConnectedNoInternet4Bar;
+}
+
+declare module 'material-ui/svg-icons/device/brightness-medium' {
+  export import DeviceBrightnessMedium = __MaterialUI.SvgIcon;
+  export default DeviceBrightnessMedium;
+}
+
+declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-3-bar' {
+  export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularConnectedNoInternet3Bar;
+}
+
+declare module 'material-ui/svg-icons/device/signal-wifi-3-bar-lock' {
+  export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi3BarLock;
+}
+
+declare module 'material-ui/svg-icons/device/battery-80' {
+  export import DeviceBattery80 = __MaterialUI.SvgIcon;
+  export default DeviceBattery80;
+}
+
+declare module 'material-ui/svg-icons/device/wifi-lock' {
+  export import DeviceWifiLock = __MaterialUI.SvgIcon;
+  export default DeviceWifiLock;
+}
+
+declare module 'material-ui/svg-icons/device/signal-wifi-2-bar-lock' {
+  export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi2BarLock;
+}
+
+declare module 'material-ui/svg-icons/device/bluetooth' {
+  export import DeviceBluetooth = __MaterialUI.SvgIcon;
+  export default DeviceBluetooth;
+}
+
+declare module 'material-ui/svg-icons/device/access-time' {
+  export import DeviceAccessTime = __MaterialUI.SvgIcon;
+  export default DeviceAccessTime;
+}
+
+declare module 'material-ui/svg-icons/device/battery-charging-30' {
+  export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon;
+  export default DeviceBatteryCharging30;
+}
+
+declare module 'material-ui/svg-icons/device/signal-wifi-off' {
+  export import DeviceSignalWifiOff = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifiOff;
+}
+
+declare module 'material-ui/svg-icons/device/dvr' {
+  export import DeviceDvr = __MaterialUI.SvgIcon;
+  export default DeviceDvr;
+}
+
+declare module 'material-ui/svg-icons/device/battery-60' {
+  export import DeviceBattery60 = __MaterialUI.SvgIcon;
+  export default DeviceBattery60;
+}
+
+declare module 'material-ui/svg-icons/device/access-alarm' {
+  export import DeviceAccessAlarm = __MaterialUI.SvgIcon;
+  export default DeviceAccessAlarm;
+}
+
+declare module 'material-ui/svg-icons/device/nfc' {
+  export import DeviceNfc = __MaterialUI.SvgIcon;
+  export default DeviceNfc;
+}
+
+declare module 'material-ui/svg-icons/device/data-usage' {
+  export import DeviceDataUsage = __MaterialUI.SvgIcon;
+  export default DeviceDataUsage;
+}
+
+declare module 'material-ui/svg-icons/device/access-alarms' {
+  export import DeviceAccessAlarms = __MaterialUI.SvgIcon;
+  export default DeviceAccessAlarms;
+}
+
+declare module 'material-ui/svg-icons/device/battery-full' {
+  export import DeviceBatteryFull = __MaterialUI.SvgIcon;
+  export default DeviceBatteryFull;
+}
+
+declare module 'material-ui/svg-icons/device/battery-charging-full' {
+  export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon;
+  export default DeviceBatteryChargingFull;
+}
+
+declare module 'material-ui/svg-icons/device/settings-system-daydream' {
+  export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon;
+  export default DeviceSettingsSystemDaydream;
+}
+
+declare module 'material-ui/svg-icons/device/battery-std' {
+  export import DeviceBatteryStd = __MaterialUI.SvgIcon;
+  export default DeviceBatteryStd;
+}
+
+declare module 'material-ui/svg-icons/device/battery-unknown' {
+  export import DeviceBatteryUnknown = __MaterialUI.SvgIcon;
+  export default DeviceBatteryUnknown;
+}
+
+declare module 'material-ui/svg-icons/device/add-alarm' {
+  export import DeviceAddAlarm = __MaterialUI.SvgIcon;
+  export default DeviceAddAlarm;
+}
+
+declare module 'material-ui/svg-icons/device/storage' {
+  export import DeviceStorage = __MaterialUI.SvgIcon;
+  export default DeviceStorage;
+}
+
+declare module 'material-ui/svg-icons/device/battery-charging-90' {
+  export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon;
+  export default DeviceBatteryCharging90;
+}
+
+declare module 'material-ui/svg-icons/device/screen-rotation' {
+  export import DeviceScreenRotation = __MaterialUI.SvgIcon;
+  export default DeviceScreenRotation;
+}
+
+declare module 'material-ui/svg-icons/device/signal-wifi-4-bar' {
+  export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi4Bar;
+}
+
+declare module 'material-ui/svg-icons/device/battery-charging-50' {
+  export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon;
+  export default DeviceBatteryCharging50;
+}
+
+declare module 'material-ui/svg-icons/device/battery-30' {
+  export import DeviceBattery30 = __MaterialUI.SvgIcon;
+  export default DeviceBattery30;
+}
+
+declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-0-bar' {
+  export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularConnectedNoInternet0Bar;
+}
+
+declare module 'material-ui/svg-icons/device/battery-alert' {
+  export import DeviceBatteryAlert = __MaterialUI.SvgIcon;
+  export default DeviceBatteryAlert;
+}
+
+declare module 'material-ui/svg-icons/device/signal-wifi-1-bar' {
+  export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi1Bar;
+}
+
+declare module 'material-ui/svg-icons/device/signal-cellular-4-bar' {
+  export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellular4Bar;
+}
+
+declare module 'material-ui/svg-icons/device/wifi-tethering' {
+  export import DeviceWifiTethering = __MaterialUI.SvgIcon;
+  export default DeviceWifiTethering;
+}
+
+declare module 'material-ui/svg-icons/device/signal-wifi-0-bar' {
+  export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi0Bar;
+}
+
+declare module 'material-ui/svg-icons/device/brightness-auto' {
+  export import DeviceBrightnessAuto = __MaterialUI.SvgIcon;
+  export default DeviceBrightnessAuto;
+}
+
+declare module 'material-ui/svg-icons/device/location-disabled' {
+  export import DeviceLocationDisabled = __MaterialUI.SvgIcon;
+  export default DeviceLocationDisabled;
+}
+
+declare module 'material-ui/svg-icons/device/signal-wifi-3-bar' {
+  export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi3Bar;
+}
+
+declare module 'material-ui/svg-icons/device/gps-not-fixed' {
+  export import DeviceGpsNotFixed = __MaterialUI.SvgIcon;
+  export default DeviceGpsNotFixed;
+}
+
+declare module 'material-ui/svg-icons/device/signal-cellular-1-bar' {
+  export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellular1Bar;
+}
+
+declare module 'material-ui/svg-icons/device/battery-charging-60' {
+  export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon;
+  export default DeviceBatteryCharging60;
+}
+
+declare module 'material-ui/svg-icons/device/gps-off' {
+  export import DeviceGpsOff = __MaterialUI.SvgIcon;
+  export default DeviceGpsOff;
+}
+
+declare module 'material-ui/svg-icons/device/signal-cellular-null' {
+  export import DeviceSignalCellularNull = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularNull;
+}
+
+declare module 'material-ui/svg-icons/device/brightness-low' {
+  export import DeviceBrightnessLow = __MaterialUI.SvgIcon;
+  export default DeviceBrightnessLow;
+}
+
+declare module 'material-ui/svg-icons/device/sd-storage' {
+  export import DeviceSdStorage = __MaterialUI.SvgIcon;
+  export default DeviceSdStorage;
+}
+
+declare module 'material-ui/svg-icons/device/airplanemode-inactive' {
+  export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon;
+  export default DeviceAirplanemodeInactive;
+}
+
+declare module 'material-ui/svg-icons/device/widgets' {
+  export import DeviceWidgets = __MaterialUI.SvgIcon;
+  export default DeviceWidgets;
+}
+
+declare module 'material-ui/svg-icons/device/brightness-high' {
+  export import DeviceBrightnessHigh = __MaterialUI.SvgIcon;
+  export default DeviceBrightnessHigh;
+}
+
+declare module 'material-ui/svg-icons/device/battery-20' {
+  export import DeviceBattery20 = __MaterialUI.SvgIcon;
+  export default DeviceBattery20;
+}
+
+declare module 'material-ui/svg-icons/device/bluetooth-disabled' {
+  export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon;
+  export default DeviceBluetoothDisabled;
+}
+
+declare module 'material-ui/svg-icons/device/signal-wifi-4-bar-lock' {
+  export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi4BarLock;
+}
+
+declare module 'material-ui/svg-icons/device/developer-mode' {
+  export import DeviceDeveloperMode = __MaterialUI.SvgIcon;
+  export default DeviceDeveloperMode;
+}
+
+declare module 'material-ui/svg-icons/device/battery-50' {
+  export import DeviceBattery50 = __MaterialUI.SvgIcon;
+  export default DeviceBattery50;
+}
+
+declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-1-bar' {
+  export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularConnectedNoInternet1Bar;
+}
+
+declare module 'material-ui/svg-icons/device/signal-cellular-2-bar' {
+  export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellular2Bar;
+}
+
+declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-2-bar' {
+  export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularConnectedNoInternet2Bar;
+}
+
+declare module 'material-ui/svg-icons/device/signal-cellular-0-bar' {
+  export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellular0Bar;
+}
+
+declare module 'material-ui/svg-icons/device/signal-wifi-1-bar-lock' {
+  export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi1BarLock;
+}
+
+declare module 'material-ui/svg-icons/navigation/arrow-forward' {
+  export import NavigationArrowForward = __MaterialUI.SvgIcon;
+  export default NavigationArrowForward;
+}
+
+declare module 'material-ui/svg-icons/navigation/unfold-more' {
+  export import NavigationUnfoldMore = __MaterialUI.SvgIcon;
+  export default NavigationUnfoldMore;
+}
+
+declare module 'material-ui/svg-icons/navigation/arrow-drop-down' {
+  export import NavigationArrowDropDown = __MaterialUI.SvgIcon;
+  export default NavigationArrowDropDown;
+}
+
+declare module 'material-ui/svg-icons/navigation/arrow-back' {
+  export import NavigationArrowBack = __MaterialUI.SvgIcon;
+  export default NavigationArrowBack;
+}
+
+declare module 'material-ui/svg-icons/navigation/arrow-downward' {
+  export import NavigationArrowDownward = __MaterialUI.SvgIcon;
+  export default NavigationArrowDownward;
+}
+
+declare module 'material-ui/svg-icons/navigation/fullscreen' {
+  export import NavigationFullscreen = __MaterialUI.SvgIcon;
+  export default NavigationFullscreen;
+}
+
+declare module 'material-ui/svg-icons/navigation/unfold-less' {
+  export import NavigationUnfoldLess = __MaterialUI.SvgIcon;
+  export default NavigationUnfoldLess;
+}
+
+declare module 'material-ui/svg-icons/navigation/chevron-right' {
+  export import NavigationChevronRight = __MaterialUI.SvgIcon;
+  export default NavigationChevronRight;
+}
+
+declare module 'material-ui/svg-icons/navigation/arrow-drop-down-circle' {
+  export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon;
+  export default NavigationArrowDropDownCircle;
+}
+
+declare module 'material-ui/svg-icons/navigation/check' {
+  export import NavigationCheck = __MaterialUI.SvgIcon;
+  export default NavigationCheck;
+}
+
+declare module 'material-ui/svg-icons/navigation/fullscreen-exit' {
+  export import NavigationFullscreenExit = __MaterialUI.SvgIcon;
+  export default NavigationFullscreenExit;
+}
+
+declare module 'material-ui/svg-icons/navigation/chevron-left' {
+  export import NavigationChevronLeft = __MaterialUI.SvgIcon;
+  export default NavigationChevronLeft;
+}
+
+declare module 'material-ui/svg-icons/navigation/menu' {
+  export import NavigationMenu = __MaterialUI.SvgIcon;
+  export default NavigationMenu;
+}
+
+declare module 'material-ui/svg-icons/navigation/apps' {
+  export import NavigationApps = __MaterialUI.SvgIcon;
+  export default NavigationApps;
+}
+
+declare module 'material-ui/svg-icons/navigation/arrow-upward' {
+  export import NavigationArrowUpward = __MaterialUI.SvgIcon;
+  export default NavigationArrowUpward;
+}
+
+declare module 'material-ui/svg-icons/navigation/close' {
+  export import NavigationClose = __MaterialUI.SvgIcon;
+  export default NavigationClose;
+}
+
+declare module 'material-ui/svg-icons/navigation/more-horiz' {
+  export import NavigationMoreHoriz = __MaterialUI.SvgIcon;
+  export default NavigationMoreHoriz;
+}
+
+declare module 'material-ui/svg-icons/navigation/cancel' {
+  export import NavigationCancel = __MaterialUI.SvgIcon;
+  export default NavigationCancel;
+}
+
+declare module 'material-ui/svg-icons/navigation/subdirectory-arrow-right' {
+  export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon;
+  export default NavigationSubdirectoryArrowRight;
+}
+
+declare module 'material-ui/svg-icons/navigation/expand-more' {
+  export import NavigationExpandMore = __MaterialUI.SvgIcon;
+  export default NavigationExpandMore;
+}
+
+declare module 'material-ui/svg-icons/navigation/arrow-drop-up' {
+  export import NavigationArrowDropUp = __MaterialUI.SvgIcon;
+  export default NavigationArrowDropUp;
+}
+
+declare module 'material-ui/svg-icons/navigation/subdirectory-arrow-left' {
+  export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon;
+  export default NavigationSubdirectoryArrowLeft;
+}
+
+declare module 'material-ui/svg-icons/navigation/expand-less' {
+  export import NavigationExpandLess = __MaterialUI.SvgIcon;
+  export default NavigationExpandLess;
+}
+
+declare module 'material-ui/svg-icons/navigation/refresh' {
+  export import NavigationRefresh = __MaterialUI.SvgIcon;
+  export default NavigationRefresh;
+}
+
+declare module 'material-ui/svg-icons/navigation/more-vert' {
+  export import NavigationMoreVert = __MaterialUI.SvgIcon;
+  export default NavigationMoreVert;
+}
+
+declare module 'material-ui/svg-icons/notification/rv-hookup' {
+  export import NotificationRvHookup = __MaterialUI.SvgIcon;
+  export default NotificationRvHookup;
+}
+
+declare module 'material-ui/svg-icons/notification/no-encryption' {
+  export import NotificationNoEncryption = __MaterialUI.SvgIcon;
+  export default NotificationNoEncryption;
+}
+
+declare module 'material-ui/svg-icons/notification/phone-forwarded' {
+  export import NotificationPhoneForwarded = __MaterialUI.SvgIcon;
+  export default NotificationPhoneForwarded;
+}
+
+declare module 'material-ui/svg-icons/notification/airline-seat-flat-angled' {
+  export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatFlatAngled;
+}
+
+declare module 'material-ui/svg-icons/notification/time-to-leave' {
+  export import NotificationTimeToLeave = __MaterialUI.SvgIcon;
+  export default NotificationTimeToLeave;
+}
+
+declare module 'material-ui/svg-icons/notification/airline-seat-legroom-extra' {
+  export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatLegroomExtra;
+}
+
+declare module 'material-ui/svg-icons/notification/airline-seat-recline-extra' {
+  export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatReclineExtra;
+}
+
+declare module 'material-ui/svg-icons/notification/airline-seat-individual-suite' {
+  export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatIndividualSuite;
+}
+
+declare module 'material-ui/svg-icons/notification/vibration' {
+  export import NotificationVibration = __MaterialUI.SvgIcon;
+  export default NotificationVibration;
+}
+
+declare module 'material-ui/svg-icons/notification/sim-card-alert' {
+  export import NotificationSimCardAlert = __MaterialUI.SvgIcon;
+  export default NotificationSimCardAlert;
+}
+
+declare module 'material-ui/svg-icons/notification/sms-failed' {
+  export import NotificationSmsFailed = __MaterialUI.SvgIcon;
+  export default NotificationSmsFailed;
+}
+
+declare module 'material-ui/svg-icons/notification/airline-seat-flat' {
+  export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatFlat;
+}
+
+declare module 'material-ui/svg-icons/notification/do-not-disturb' {
+  export import NotificationDoNotDisturb = __MaterialUI.SvgIcon;
+  export default NotificationDoNotDisturb;
+}
+
+declare module 'material-ui/svg-icons/notification/sync-problem' {
+  export import NotificationSyncProblem = __MaterialUI.SvgIcon;
+  export default NotificationSyncProblem;
+}
+
+declare module 'material-ui/svg-icons/notification/event-available' {
+  export import NotificationEventAvailable = __MaterialUI.SvgIcon;
+  export default NotificationEventAvailable;
+}
+
+declare module 'material-ui/svg-icons/notification/network-check' {
+  export import NotificationNetworkCheck = __MaterialUI.SvgIcon;
+  export default NotificationNetworkCheck;
+}
+
+declare module 'material-ui/svg-icons/notification/sms' {
+  export import NotificationSms = __MaterialUI.SvgIcon;
+  export default NotificationSms;
+}
+
+declare module 'material-ui/svg-icons/notification/disc-full' {
+  export import NotificationDiscFull = __MaterialUI.SvgIcon;
+  export default NotificationDiscFull;
+}
+
+declare module 'material-ui/svg-icons/notification/do-not-disturb-alt' {
+  export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon;
+  export default NotificationDoNotDisturbAlt;
+}
+
+declare module 'material-ui/svg-icons/notification/system-update' {
+  export import NotificationSystemUpdate = __MaterialUI.SvgIcon;
+  export default NotificationSystemUpdate;
+}
+
+declare module 'material-ui/svg-icons/notification/phone-bluetooth-speaker' {
+  export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon;
+  export default NotificationPhoneBluetoothSpeaker;
+}
+
+declare module 'material-ui/svg-icons/notification/ondemand-video' {
+  export import NotificationOndemandVideo = __MaterialUI.SvgIcon;
+  export default NotificationOndemandVideo;
+}
+
+declare module 'material-ui/svg-icons/notification/power' {
+  export import NotificationPower = __MaterialUI.SvgIcon;
+  export default NotificationPower;
+}
+
+declare module 'material-ui/svg-icons/notification/phone-locked' {
+  export import NotificationPhoneLocked = __MaterialUI.SvgIcon;
+  export default NotificationPhoneLocked;
+}
+
+declare module 'material-ui/svg-icons/notification/sd-card' {
+  export import NotificationSdCard = __MaterialUI.SvgIcon;
+  export default NotificationSdCard;
+}
+
+declare module 'material-ui/svg-icons/notification/event-busy' {
+  export import NotificationEventBusy = __MaterialUI.SvgIcon;
+  export default NotificationEventBusy;
+}
+
+declare module 'material-ui/svg-icons/notification/personal-video' {
+  export import NotificationPersonalVideo = __MaterialUI.SvgIcon;
+  export default NotificationPersonalVideo;
+}
+
+declare module 'material-ui/svg-icons/notification/airline-seat-legroom-normal' {
+  export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatLegroomNormal;
+}
+
+declare module 'material-ui/svg-icons/notification/phone-in-talk' {
+  export import NotificationPhoneInTalk = __MaterialUI.SvgIcon;
+  export default NotificationPhoneInTalk;
+}
+
+declare module 'material-ui/svg-icons/notification/airline-seat-legroom-reduced' {
+  export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatLegroomReduced;
+}
+
+declare module 'material-ui/svg-icons/notification/phone-paused' {
+  export import NotificationPhonePaused = __MaterialUI.SvgIcon;
+  export default NotificationPhonePaused;
+}
+
+declare module 'material-ui/svg-icons/notification/sync-disabled' {
+  export import NotificationSyncDisabled = __MaterialUI.SvgIcon;
+  export default NotificationSyncDisabled;
+}
+
+declare module 'material-ui/svg-icons/notification/enhanced-encryption' {
+  export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon;
+  export default NotificationEnhancedEncryption;
+}
+
+declare module 'material-ui/svg-icons/notification/mms' {
+  export import NotificationMms = __MaterialUI.SvgIcon;
+  export default NotificationMms;
+}
+
+declare module 'material-ui/svg-icons/notification/drive-eta' {
+  export import NotificationDriveEta = __MaterialUI.SvgIcon;
+  export default NotificationDriveEta;
+}
+
+declare module 'material-ui/svg-icons/notification/voice-chat' {
+  export import NotificationVoiceChat = __MaterialUI.SvgIcon;
+  export default NotificationVoiceChat;
+}
+
+declare module 'material-ui/svg-icons/notification/wifi' {
+  export import NotificationWifi = __MaterialUI.SvgIcon;
+  export default NotificationWifi;
+}
+
+declare module 'material-ui/svg-icons/notification/airline-seat-recline-normal' {
+  export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatReclineNormal;
+}
+
+declare module 'material-ui/svg-icons/notification/more' {
+  export import NotificationMore = __MaterialUI.SvgIcon;
+  export default NotificationMore;
+}
+
+declare module 'material-ui/svg-icons/notification/vpn-lock' {
+  export import NotificationVpnLock = __MaterialUI.SvgIcon;
+  export default NotificationVpnLock;
+}
+
+declare module 'material-ui/svg-icons/notification/event-note' {
+  export import NotificationEventNote = __MaterialUI.SvgIcon;
+  export default NotificationEventNote;
+}
+
+declare module 'material-ui/svg-icons/notification/confirmation-number' {
+  export import NotificationConfirmationNumber = __MaterialUI.SvgIcon;
+  export default NotificationConfirmationNumber;
+}
+
+declare module 'material-ui/svg-icons/notification/network-locked' {
+  export import NotificationNetworkLocked = __MaterialUI.SvgIcon;
+  export default NotificationNetworkLocked;
+}
+
+declare module 'material-ui/svg-icons/notification/adb' {
+  export import NotificationAdb = __MaterialUI.SvgIcon;
+  export default NotificationAdb;
+}
+
+declare module 'material-ui/svg-icons/notification/bluetooth-audio' {
+  export import NotificationBluetoothAudio = __MaterialUI.SvgIcon;
+  export default NotificationBluetoothAudio;
+}
+
+declare module 'material-ui/svg-icons/notification/wc' {
+  export import NotificationWc = __MaterialUI.SvgIcon;
+  export default NotificationWc;
+}
+
+declare module 'material-ui/svg-icons/notification/tap-and-play' {
+  export import NotificationTapAndPlay = __MaterialUI.SvgIcon;
+  export default NotificationTapAndPlay;
+}
+
+declare module 'material-ui/svg-icons/notification/folder-special' {
+  export import NotificationFolderSpecial = __MaterialUI.SvgIcon;
+  export default NotificationFolderSpecial;
+}
+
+declare module 'material-ui/svg-icons/notification/live-tv' {
+  export import NotificationLiveTv = __MaterialUI.SvgIcon;
+  export default NotificationLiveTv;
+}
+
+declare module 'material-ui/svg-icons/notification/sync' {
+  export import NotificationSync = __MaterialUI.SvgIcon;
+  export default NotificationSync;
+}
+
+declare module 'material-ui/svg-icons/notification/phone-missed' {
+  export import NotificationPhoneMissed = __MaterialUI.SvgIcon;
+  export default NotificationPhoneMissed;
+}
+
+declare module 'material-ui/svg-icons/av/skip-previous' {
+  export import AvSkipPrevious = __MaterialUI.SvgIcon;
+  export default AvSkipPrevious;
+}
+
+declare module 'material-ui/svg-icons/av/volume-off' {
+  export import AvVolumeOff = __MaterialUI.SvgIcon;
+  export default AvVolumeOff;
+}
+
+declare module 'material-ui/svg-icons/av/subscriptions' {
+  export import AvSubscriptions = __MaterialUI.SvgIcon;
+  export default AvSubscriptions;
+}
+
+declare module 'material-ui/svg-icons/av/play-arrow' {
+  export import AvPlayArrow = __MaterialUI.SvgIcon;
+  export default AvPlayArrow;
+}
+
+declare module 'material-ui/svg-icons/av/play-circle-outline' {
+  export import AvPlayCircleOutline = __MaterialUI.SvgIcon;
+  export default AvPlayCircleOutline;
+}
+
+declare module 'material-ui/svg-icons/av/replay-30' {
+  export import AvReplay30 = __MaterialUI.SvgIcon;
+  export default AvReplay30;
+}
+
+declare module 'material-ui/svg-icons/av/videocam' {
+  export import AvVideocam = __MaterialUI.SvgIcon;
+  export default AvVideocam;
+}
+
+declare module 'material-ui/svg-icons/av/replay-5' {
+  export import AvReplay5 = __MaterialUI.SvgIcon;
+  export default AvReplay5;
+}
+
+declare module 'material-ui/svg-icons/av/forward-10' {
+  export import AvForward10 = __MaterialUI.SvgIcon;
+  export default AvForward10;
+}
+
+declare module 'material-ui/svg-icons/av/recent-actors' {
+  export import AvRecentActors = __MaterialUI.SvgIcon;
+  export default AvRecentActors;
+}
+
+declare module 'material-ui/svg-icons/av/replay-10' {
+  export import AvReplay10 = __MaterialUI.SvgIcon;
+  export default AvReplay10;
+}
+
+declare module 'material-ui/svg-icons/av/repeat' {
+  export import AvRepeat = __MaterialUI.SvgIcon;
+  export default AvRepeat;
+}
+
+declare module 'material-ui/svg-icons/av/queue-music' {
+  export import AvQueueMusic = __MaterialUI.SvgIcon;
+  export default AvQueueMusic;
+}
+
+declare module 'material-ui/svg-icons/av/fiber-pin' {
+  export import AvFiberPin = __MaterialUI.SvgIcon;
+  export default AvFiberPin;
+}
+
+declare module 'material-ui/svg-icons/av/new-releases' {
+  export import AvNewReleases = __MaterialUI.SvgIcon;
+  export default AvNewReleases;
+}
+
+declare module 'material-ui/svg-icons/av/fiber-new' {
+  export import AvFiberNew = __MaterialUI.SvgIcon;
+  export default AvFiberNew;
+}
+
+declare module 'material-ui/svg-icons/av/fiber-manual-record' {
+  export import AvFiberManualRecord = __MaterialUI.SvgIcon;
+  export default AvFiberManualRecord;
+}
+
+declare module 'material-ui/svg-icons/av/hearing' {
+  export import AvHearing = __MaterialUI.SvgIcon;
+  export default AvHearing;
+}
+
+declare module 'material-ui/svg-icons/av/loop' {
+  export import AvLoop = __MaterialUI.SvgIcon;
+  export default AvLoop;
+}
+
+declare module 'material-ui/svg-icons/av/volume-up' {
+  export import AvVolumeUp = __MaterialUI.SvgIcon;
+  export default AvVolumeUp;
+}
+
+declare module 'material-ui/svg-icons/av/high-quality' {
+  export import AvHighQuality = __MaterialUI.SvgIcon;
+  export default AvHighQuality;
+}
+
+declare module 'material-ui/svg-icons/av/surround-sound' {
+  export import AvSurroundSound = __MaterialUI.SvgIcon;
+  export default AvSurroundSound;
+}
+
+declare module 'material-ui/svg-icons/av/equalizer' {
+  export import AvEqualizer = __MaterialUI.SvgIcon;
+  export default AvEqualizer;
+}
+
+declare module 'material-ui/svg-icons/av/music-video' {
+  export import AvMusicVideo = __MaterialUI.SvgIcon;
+  export default AvMusicVideo;
+}
+
+declare module 'material-ui/svg-icons/av/shuffle' {
+  export import AvShuffle = __MaterialUI.SvgIcon;
+  export default AvShuffle;
+}
+
+declare module 'material-ui/svg-icons/av/volume-down' {
+  export import AvVolumeDown = __MaterialUI.SvgIcon;
+  export default AvVolumeDown;
+}
+
+declare module 'material-ui/svg-icons/av/radio' {
+  export import AvRadio = __MaterialUI.SvgIcon;
+  export default AvRadio;
+}
+
+declare module 'material-ui/svg-icons/av/web-asset' {
+  export import AvWebAsset = __MaterialUI.SvgIcon;
+  export default AvWebAsset;
+}
+
+declare module 'material-ui/svg-icons/av/replay' {
+  export import AvReplay = __MaterialUI.SvgIcon;
+  export default AvReplay;
+}
+
+declare module 'material-ui/svg-icons/av/queue-play-next' {
+  export import AvQueuePlayNext = __MaterialUI.SvgIcon;
+  export default AvQueuePlayNext;
+}
+
+declare module 'material-ui/svg-icons/av/closed-caption' {
+  export import AvClosedCaption = __MaterialUI.SvgIcon;
+  export default AvClosedCaption;
+}
+
+declare module 'material-ui/svg-icons/av/fiber-dvr' {
+  export import AvFiberDvr = __MaterialUI.SvgIcon;
+  export default AvFiberDvr;
+}
+
+declare module 'material-ui/svg-icons/av/explicit' {
+  export import AvExplicit = __MaterialUI.SvgIcon;
+  export default AvExplicit;
+}
+
+declare module 'material-ui/svg-icons/av/games' {
+  export import AvGames = __MaterialUI.SvgIcon;
+  export default AvGames;
+}
+
+declare module 'material-ui/svg-icons/av/videocam-off' {
+  export import AvVideocamOff = __MaterialUI.SvgIcon;
+  export default AvVideocamOff;
+}
+
+declare module 'material-ui/svg-icons/av/hd' {
+  export import AvHd = __MaterialUI.SvgIcon;
+  export default AvHd;
+}
+
+declare module 'material-ui/svg-icons/av/fast-rewind' {
+  export import AvFastRewind = __MaterialUI.SvgIcon;
+  export default AvFastRewind;
+}
+
+declare module 'material-ui/svg-icons/av/add-to-queue' {
+  export import AvAddToQueue = __MaterialUI.SvgIcon;
+  export default AvAddToQueue;
+}
+
+declare module 'material-ui/svg-icons/av/movie' {
+  export import AvMovie = __MaterialUI.SvgIcon;
+  export default AvMovie;
+}
+
+declare module 'material-ui/svg-icons/av/library-books' {
+  export import AvLibraryBooks = __MaterialUI.SvgIcon;
+  export default AvLibraryBooks;
+}
+
+declare module 'material-ui/svg-icons/av/art-track' {
+  export import AvArtTrack = __MaterialUI.SvgIcon;
+  export default AvArtTrack;
+}
+
+declare module 'material-ui/svg-icons/av/web' {
+  export import AvWeb = __MaterialUI.SvgIcon;
+  export default AvWeb;
+}
+
+declare module 'material-ui/svg-icons/av/play-circle-filled' {
+  export import AvPlayCircleFilled = __MaterialUI.SvgIcon;
+  export default AvPlayCircleFilled;
+}
+
+declare module 'material-ui/svg-icons/av/snooze' {
+  export import AvSnooze = __MaterialUI.SvgIcon;
+  export default AvSnooze;
+}
+
+declare module 'material-ui/svg-icons/av/forward-5' {
+  export import AvForward5 = __MaterialUI.SvgIcon;
+  export default AvForward5;
+}
+
+declare module 'material-ui/svg-icons/av/sort-by-alpha' {
+  export import AvSortByAlpha = __MaterialUI.SvgIcon;
+  export default AvSortByAlpha;
+}
+
+declare module 'material-ui/svg-icons/av/pause-circle-filled' {
+  export import AvPauseCircleFilled = __MaterialUI.SvgIcon;
+  export default AvPauseCircleFilled;
+}
+
+declare module 'material-ui/svg-icons/av/fiber-smart-record' {
+  export import AvFiberSmartRecord = __MaterialUI.SvgIcon;
+  export default AvFiberSmartRecord;
+}
+
+declare module 'material-ui/svg-icons/av/stop' {
+  export import AvStop = __MaterialUI.SvgIcon;
+  export default AvStop;
+}
+
+declare module 'material-ui/svg-icons/av/playlist-play' {
+  export import AvPlaylistPlay = __MaterialUI.SvgIcon;
+  export default AvPlaylistPlay;
+}
+
+declare module 'material-ui/svg-icons/av/library-add' {
+  export import AvLibraryAdd = __MaterialUI.SvgIcon;
+  export default AvLibraryAdd;
+}
+
+declare module 'material-ui/svg-icons/av/volume-mute' {
+  export import AvVolumeMute = __MaterialUI.SvgIcon;
+  export default AvVolumeMute;
+}
+
+declare module 'material-ui/svg-icons/av/skip-next' {
+  export import AvSkipNext = __MaterialUI.SvgIcon;
+  export default AvSkipNext;
+}
+
+declare module 'material-ui/svg-icons/av/forward-30' {
+  export import AvForward30 = __MaterialUI.SvgIcon;
+  export default AvForward30;
+}
+
+declare module 'material-ui/svg-icons/av/playlist-add' {
+  export import AvPlaylistAdd = __MaterialUI.SvgIcon;
+  export default AvPlaylistAdd;
+}
+
+declare module 'material-ui/svg-icons/av/album' {
+  export import AvAlbum = __MaterialUI.SvgIcon;
+  export default AvAlbum;
+}
+
+declare module 'material-ui/svg-icons/av/video-library' {
+  export import AvVideoLibrary = __MaterialUI.SvgIcon;
+  export default AvVideoLibrary;
+}
+
+declare module 'material-ui/svg-icons/av/library-music' {
+  export import AvLibraryMusic = __MaterialUI.SvgIcon;
+  export default AvLibraryMusic;
+}
+
+declare module 'material-ui/svg-icons/av/not-interested' {
+  export import AvNotInterested = __MaterialUI.SvgIcon;
+  export default AvNotInterested;
+}
+
+declare module 'material-ui/svg-icons/av/playlist-add-check' {
+  export import AvPlaylistAddCheck = __MaterialUI.SvgIcon;
+  export default AvPlaylistAddCheck;
+}
+
+declare module 'material-ui/svg-icons/av/mic-none' {
+  export import AvMicNone = __MaterialUI.SvgIcon;
+  export default AvMicNone;
+}
+
+declare module 'material-ui/svg-icons/av/pause' {
+  export import AvPause = __MaterialUI.SvgIcon;
+  export default AvPause;
+}
+
+declare module 'material-ui/svg-icons/av/remove-from-queue' {
+  export import AvRemoveFromQueue = __MaterialUI.SvgIcon;
+  export default AvRemoveFromQueue;
+}
+
+declare module 'material-ui/svg-icons/av/slow-motion-video' {
+  export import AvSlowMotionVideo = __MaterialUI.SvgIcon;
+  export default AvSlowMotionVideo;
+}
+
+declare module 'material-ui/svg-icons/av/subtitles' {
+  export import AvSubtitles = __MaterialUI.SvgIcon;
+  export default AvSubtitles;
+}
+
+declare module 'material-ui/svg-icons/av/mic-off' {
+  export import AvMicOff = __MaterialUI.SvgIcon;
+  export default AvMicOff;
+}
+
+declare module 'material-ui/svg-icons/av/repeat-one' {
+  export import AvRepeatOne = __MaterialUI.SvgIcon;
+  export default AvRepeatOne;
+}
+
+declare module 'material-ui/svg-icons/av/queue' {
+  export import AvQueue = __MaterialUI.SvgIcon;
+  export default AvQueue;
+}
+
+declare module 'material-ui/svg-icons/av/fast-forward' {
+  export import AvFastForward = __MaterialUI.SvgIcon;
+  export default AvFastForward;
+}
+
+declare module 'material-ui/svg-icons/av/mic' {
+  export import AvMic = __MaterialUI.SvgIcon;
+  export default AvMic;
+}
+
+declare module 'material-ui/svg-icons/av/av-timer' {
+  export import AvAvTimer = __MaterialUI.SvgIcon;
+  export default AvAvTimer;
+}
+
+declare module 'material-ui/svg-icons/av/pause-circle-outline' {
+  export import AvPauseCircleOutline = __MaterialUI.SvgIcon;
+  export default AvPauseCircleOutline;
+}
+
+declare module 'material-ui/svg-icons/av/airplay' {
+  export import AvAirplay = __MaterialUI.SvgIcon;
+  export default AvAirplay;
+}
+
+declare module 'material-ui/svg-icons/image/camera-rear' {
+  export import ImageCameraRear = __MaterialUI.SvgIcon;
+  export default ImageCameraRear;
+}
+
+declare module 'material-ui/svg-icons/image/add-a-photo' {
+  export import ImageAddAPhoto = __MaterialUI.SvgIcon;
+  export default ImageAddAPhoto;
+}
+
+declare module 'material-ui/svg-icons/image/portrait' {
+  export import ImagePortrait = __MaterialUI.SvgIcon;
+  export default ImagePortrait;
+}
+
+declare module 'material-ui/svg-icons/image/looks' {
+  export import ImageLooks = __MaterialUI.SvgIcon;
+  export default ImageLooks;
+}
+
+declare module 'material-ui/svg-icons/image/exposure-neg-2' {
+  export import ImageExposureNeg2 = __MaterialUI.SvgIcon;
+  export default ImageExposureNeg2;
+}
+
+declare module 'material-ui/svg-icons/image/wb-cloudy' {
+  export import ImageWbCloudy = __MaterialUI.SvgIcon;
+  export default ImageWbCloudy;
+}
+
+declare module 'material-ui/svg-icons/image/switch-video' {
+  export import ImageSwitchVideo = __MaterialUI.SvgIcon;
+  export default ImageSwitchVideo;
+}
+
+declare module 'material-ui/svg-icons/image/wb-auto' {
+  export import ImageWbAuto = __MaterialUI.SvgIcon;
+  export default ImageWbAuto;
+}
+
+declare module 'material-ui/svg-icons/image/filter-center-focus' {
+  export import ImageFilterCenterFocus = __MaterialUI.SvgIcon;
+  export default ImageFilterCenterFocus;
+}
+
+declare module 'material-ui/svg-icons/image/crop-7-5' {
+  export import ImageCrop75 = __MaterialUI.SvgIcon;
+  export default ImageCrop75;
+}
+
+declare module 'material-ui/svg-icons/image/crop-3-2' {
+  export import ImageCrop32 = __MaterialUI.SvgIcon;
+  export default ImageCrop32;
+}
+
+declare module 'material-ui/svg-icons/image/assistant-photo' {
+  export import ImageAssistantPhoto = __MaterialUI.SvgIcon;
+  export default ImageAssistantPhoto;
+}
+
+declare module 'material-ui/svg-icons/image/looks-one' {
+  export import ImageLooksOne = __MaterialUI.SvgIcon;
+  export default ImageLooksOne;
+}
+
+declare module 'material-ui/svg-icons/image/collections-bookmark' {
+  export import ImageCollectionsBookmark = __MaterialUI.SvgIcon;
+  export default ImageCollectionsBookmark;
+}
+
+declare module 'material-ui/svg-icons/image/image-aspect-ratio' {
+  export import ImageImageAspectRatio = __MaterialUI.SvgIcon;
+  export default ImageImageAspectRatio;
+}
+
+declare module 'material-ui/svg-icons/image/brush' {
+  export import ImageBrush = __MaterialUI.SvgIcon;
+  export default ImageBrush;
+}
+
+declare module 'material-ui/svg-icons/image/linked-camera' {
+  export import ImageLinkedCamera = __MaterialUI.SvgIcon;
+  export default ImageLinkedCamera;
+}
+
+declare module 'material-ui/svg-icons/image/filter-1' {
+  export import ImageFilter1 = __MaterialUI.SvgIcon;
+  export default ImageFilter1;
+}
+
+declare module 'material-ui/svg-icons/image/edit' {
+  export import ImageEdit = __MaterialUI.SvgIcon;
+  export default ImageEdit;
+}
+
+declare module 'material-ui/svg-icons/image/timelapse' {
+  export import ImageTimelapse = __MaterialUI.SvgIcon;
+  export default ImageTimelapse;
+}
+
+declare module 'material-ui/svg-icons/image/nature' {
+  export import ImageNature = __MaterialUI.SvgIcon;
+  export default ImageNature;
+}
+
+declare module 'material-ui/svg-icons/image/monochrome-photos' {
+  export import ImageMonochromePhotos = __MaterialUI.SvgIcon;
+  export default ImageMonochromePhotos;
+}
+
+declare module 'material-ui/svg-icons/image/brightness-6' {
+  export import ImageBrightness6 = __MaterialUI.SvgIcon;
+  export default ImageBrightness6;
+}
+
+declare module 'material-ui/svg-icons/image/music-note' {
+  export import ImageMusicNote = __MaterialUI.SvgIcon;
+  export default ImageMusicNote;
+}
+
+declare module 'material-ui/svg-icons/image/collections' {
+  export import ImageCollections = __MaterialUI.SvgIcon;
+  export default ImageCollections;
+}
+
+declare module 'material-ui/svg-icons/image/wb-sunny' {
+  export import ImageWbSunny = __MaterialUI.SvgIcon;
+  export default ImageWbSunny;
+}
+
+declare module 'material-ui/svg-icons/image/hdr-strong' {
+  export import ImageHdrStrong = __MaterialUI.SvgIcon;
+  export default ImageHdrStrong;
+}
+
+declare module 'material-ui/svg-icons/image/panorama-vertical' {
+  export import ImagePanoramaVertical = __MaterialUI.SvgIcon;
+  export default ImagePanoramaVertical;
+}
+
+declare module 'material-ui/svg-icons/image/navigate-next' {
+  export import ImageNavigateNext = __MaterialUI.SvgIcon;
+  export default ImageNavigateNext;
+}
+
+declare module 'material-ui/svg-icons/image/looks-4' {
+  export import ImageLooks4 = __MaterialUI.SvgIcon;
+  export default ImageLooks4;
+}
+
+declare module 'material-ui/svg-icons/image/filter-4' {
+  export import ImageFilter4 = __MaterialUI.SvgIcon;
+  export default ImageFilter4;
+}
+
+declare module 'material-ui/svg-icons/image/brightness-1' {
+  export import ImageBrightness1 = __MaterialUI.SvgIcon;
+  export default ImageBrightness1;
+}
+
+declare module 'material-ui/svg-icons/image/exposure-plus-1' {
+  export import ImageExposurePlus1 = __MaterialUI.SvgIcon;
+  export default ImageExposurePlus1;
+}
+
+declare module 'material-ui/svg-icons/image/timer-3' {
+  export import ImageTimer3 = __MaterialUI.SvgIcon;
+  export default ImageTimer3;
+}
+
+declare module 'material-ui/svg-icons/image/exposure-zero' {
+  export import ImageExposureZero = __MaterialUI.SvgIcon;
+  export default ImageExposureZero;
+}
+
+declare module 'material-ui/svg-icons/image/blur-linear' {
+  export import ImageBlurLinear = __MaterialUI.SvgIcon;
+  export default ImageBlurLinear;
+}
+
+declare module 'material-ui/svg-icons/image/photo-library' {
+  export import ImagePhotoLibrary = __MaterialUI.SvgIcon;
+  export default ImagePhotoLibrary;
+}
+
+declare module 'material-ui/svg-icons/image/filter-drama' {
+  export import ImageFilterDrama = __MaterialUI.SvgIcon;
+  export default ImageFilterDrama;
+}
+
+declare module 'material-ui/svg-icons/image/dehaze' {
+  export import ImageDehaze = __MaterialUI.SvgIcon;
+  export default ImageDehaze;
+}
+
+declare module 'material-ui/svg-icons/image/control-point-duplicate' {
+  export import ImageControlPointDuplicate = __MaterialUI.SvgIcon;
+  export default ImageControlPointDuplicate;
+}
+
+declare module 'material-ui/svg-icons/image/image' {
+  export import ImageImage = __MaterialUI.SvgIcon;
+  export default ImageImage;
+}
+
+declare module 'material-ui/svg-icons/image/flash-auto' {
+  export import ImageFlashAuto = __MaterialUI.SvgIcon;
+  export default ImageFlashAuto;
+}
+
+declare module 'material-ui/svg-icons/image/rotate-90-degrees-ccw' {
+  export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon;
+  export default ImageRotate90DegreesCcw;
+}
+
+declare module 'material-ui/svg-icons/image/blur-circular' {
+  export import ImageBlurCircular = __MaterialUI.SvgIcon;
+  export default ImageBlurCircular;
+}
+
+declare module 'material-ui/svg-icons/image/filter-3' {
+  export import ImageFilter3 = __MaterialUI.SvgIcon;
+  export default ImageFilter3;
+}
+
+declare module 'material-ui/svg-icons/image/exposure-plus-2' {
+  export import ImageExposurePlus2 = __MaterialUI.SvgIcon;
+  export default ImageExposurePlus2;
+}
+
+declare module 'material-ui/svg-icons/image/flash-on' {
+  export import ImageFlashOn = __MaterialUI.SvgIcon;
+  export default ImageFlashOn;
+}
+
+declare module 'material-ui/svg-icons/image/view-comfy' {
+  export import ImageViewComfy = __MaterialUI.SvgIcon;
+  export default ImageViewComfy;
+}
+
+declare module 'material-ui/svg-icons/image/colorize' {
+  export import ImageColorize = __MaterialUI.SvgIcon;
+  export default ImageColorize;
+}
+
+declare module 'material-ui/svg-icons/image/brightness-4' {
+  export import ImageBrightness4 = __MaterialUI.SvgIcon;
+  export default ImageBrightness4;
+}
+
+declare module 'material-ui/svg-icons/image/crop-free' {
+  export import ImageCropFree = __MaterialUI.SvgIcon;
+  export default ImageCropFree;
+}
+
+declare module 'material-ui/svg-icons/image/vignette' {
+  export import ImageVignette = __MaterialUI.SvgIcon;
+  export default ImageVignette;
+}
+
+declare module 'material-ui/svg-icons/image/tag-faces' {
+  export import ImageTagFaces = __MaterialUI.SvgIcon;
+  export default ImageTagFaces;
+}
+
+declare module 'material-ui/svg-icons/image/brightness-7' {
+  export import ImageBrightness7 = __MaterialUI.SvgIcon;
+  export default ImageBrightness7;
+}
+
+declare module 'material-ui/svg-icons/image/healing' {
+  export import ImageHealing = __MaterialUI.SvgIcon;
+  export default ImageHealing;
+}
+
+declare module 'material-ui/svg-icons/image/nature-people' {
+  export import ImageNaturePeople = __MaterialUI.SvgIcon;
+  export default ImageNaturePeople;
+}
+
+declare module 'material-ui/svg-icons/image/gradient' {
+  export import ImageGradient = __MaterialUI.SvgIcon;
+  export default ImageGradient;
+}
+
+declare module 'material-ui/svg-icons/image/flash-off' {
+  export import ImageFlashOff = __MaterialUI.SvgIcon;
+  export default ImageFlashOff;
+}
+
+declare module 'material-ui/svg-icons/image/movie-creation' {
+  export import ImageMovieCreation = __MaterialUI.SvgIcon;
+  export default ImageMovieCreation;
+}
+
+declare module 'material-ui/svg-icons/image/leak-add' {
+  export import ImageLeakAdd = __MaterialUI.SvgIcon;
+  export default ImageLeakAdd;
+}
+
+declare module 'material-ui/svg-icons/image/filter-5' {
+  export import ImageFilter5 = __MaterialUI.SvgIcon;
+  export default ImageFilter5;
+}
+
+declare module 'material-ui/svg-icons/image/photo' {
+  export import ImagePhoto = __MaterialUI.SvgIcon;
+  export default ImagePhoto;
+}
+
+declare module 'material-ui/svg-icons/image/color-lens' {
+  export import ImageColorLens = __MaterialUI.SvgIcon;
+  export default ImageColorLens;
+}
+
+declare module 'material-ui/svg-icons/image/broken-image' {
+  export import ImageBrokenImage = __MaterialUI.SvgIcon;
+  export default ImageBrokenImage;
+}
+
+declare module 'material-ui/svg-icons/image/looks-6' {
+  export import ImageLooks6 = __MaterialUI.SvgIcon;
+  export default ImageLooks6;
+}
+
+declare module 'material-ui/svg-icons/image/picture-as-pdf' {
+  export import ImagePictureAsPdf = __MaterialUI.SvgIcon;
+  export default ImagePictureAsPdf;
+}
+
+declare module 'material-ui/svg-icons/image/palette' {
+  export import ImagePalette = __MaterialUI.SvgIcon;
+  export default ImagePalette;
+}
+
+declare module 'material-ui/svg-icons/image/crop-landscape' {
+  export import ImageCropLandscape = __MaterialUI.SvgIcon;
+  export default ImageCropLandscape;
+}
+
+declare module 'material-ui/svg-icons/image/grid-on' {
+  export import ImageGridOn = __MaterialUI.SvgIcon;
+  export default ImageGridOn;
+}
+
+declare module 'material-ui/svg-icons/image/slideshow' {
+  export import ImageSlideshow = __MaterialUI.SvgIcon;
+  export default ImageSlideshow;
+}
+
+declare module 'material-ui/svg-icons/image/brightness-3' {
+  export import ImageBrightness3 = __MaterialUI.SvgIcon;
+  export default ImageBrightness3;
+}
+
+declare module 'material-ui/svg-icons/image/style' {
+  export import ImageStyle = __MaterialUI.SvgIcon;
+  export default ImageStyle;
+}
+
+declare module 'material-ui/svg-icons/image/filter-vintage' {
+  export import ImageFilterVintage = __MaterialUI.SvgIcon;
+  export default ImageFilterVintage;
+}
+
+declare module 'material-ui/svg-icons/image/tune' {
+  export import ImageTune = __MaterialUI.SvgIcon;
+  export default ImageTune;
+}
+
+declare module 'material-ui/svg-icons/image/camera' {
+  export import ImageCamera = __MaterialUI.SvgIcon;
+  export default ImageCamera;
+}
+
+declare module 'material-ui/svg-icons/image/timer' {
+  export import ImageTimer = __MaterialUI.SvgIcon;
+  export default ImageTimer;
+}
+
+declare module 'material-ui/svg-icons/image/landscape' {
+  export import ImageLandscape = __MaterialUI.SvgIcon;
+  export default ImageLandscape;
+}
+
+declare module 'material-ui/svg-icons/image/crop-16-9' {
+  export import ImageCrop169 = __MaterialUI.SvgIcon;
+  export default ImageCrop169;
+}
+
+declare module 'material-ui/svg-icons/image/add-to-photos' {
+  export import ImageAddToPhotos = __MaterialUI.SvgIcon;
+  export default ImageAddToPhotos;
+}
+
+declare module 'material-ui/svg-icons/image/wb-incandescent' {
+  export import ImageWbIncandescent = __MaterialUI.SvgIcon;
+  export default ImageWbIncandescent;
+}
+
+declare module 'material-ui/svg-icons/image/hdr-weak' {
+  export import ImageHdrWeak = __MaterialUI.SvgIcon;
+  export default ImageHdrWeak;
+}
+
+declare module 'material-ui/svg-icons/image/details' {
+  export import ImageDetails = __MaterialUI.SvgIcon;
+  export default ImageDetails;
+}
+
+declare module 'material-ui/svg-icons/image/view-compact' {
+  export import ImageViewCompact = __MaterialUI.SvgIcon;
+  export default ImageViewCompact;
+}
+
+declare module 'material-ui/svg-icons/image/brightness-5' {
+  export import ImageBrightness5 = __MaterialUI.SvgIcon;
+  export default ImageBrightness5;
+}
+
+declare module 'material-ui/svg-icons/image/center-focus-weak' {
+  export import ImageCenterFocusWeak = __MaterialUI.SvgIcon;
+  export default ImageCenterFocusWeak;
+}
+
+declare module 'material-ui/svg-icons/image/adjust' {
+  export import ImageAdjust = __MaterialUI.SvgIcon;
+  export default ImageAdjust;
+}
+
+declare module 'material-ui/svg-icons/image/camera-front' {
+  export import ImageCameraFront = __MaterialUI.SvgIcon;
+  export default ImageCameraFront;
+}
+
+declare module 'material-ui/svg-icons/image/transform' {
+  export import ImageTransform = __MaterialUI.SvgIcon;
+  export default ImageTransform;
+}
+
+declare module 'material-ui/svg-icons/image/filter' {
+  export import ImageFilter = __MaterialUI.SvgIcon;
+  export default ImageFilter;
+}
+
+declare module 'material-ui/svg-icons/image/grain' {
+  export import ImageGrain = __MaterialUI.SvgIcon;
+  export default ImageGrain;
+}
+
+declare module 'material-ui/svg-icons/image/filter-9-plus' {
+  export import ImageFilter9Plus = __MaterialUI.SvgIcon;
+  export default ImageFilter9Plus;
+}
+
+declare module 'material-ui/svg-icons/image/looks-5' {
+  export import ImageLooks5 = __MaterialUI.SvgIcon;
+  export default ImageLooks5;
+}
+
+declare module 'material-ui/svg-icons/image/hdr-on' {
+  export import ImageHdrOn = __MaterialUI.SvgIcon;
+  export default ImageHdrOn;
+}
+
+declare module 'material-ui/svg-icons/image/audiotrack' {
+  export import ImageAudiotrack = __MaterialUI.SvgIcon;
+  export default ImageAudiotrack;
+}
+
+declare module 'material-ui/svg-icons/image/compare' {
+  export import ImageCompare = __MaterialUI.SvgIcon;
+  export default ImageCompare;
+}
+
+declare module 'material-ui/svg-icons/image/crop' {
+  export import ImageCrop = __MaterialUI.SvgIcon;
+  export default ImageCrop;
+}
+
+declare module 'material-ui/svg-icons/image/texture' {
+  export import ImageTexture = __MaterialUI.SvgIcon;
+  export default ImageTexture;
+}
+
+declare module 'material-ui/svg-icons/image/movie-filter' {
+  export import ImageMovieFilter = __MaterialUI.SvgIcon;
+  export default ImageMovieFilter;
+}
+
+declare module 'material-ui/svg-icons/image/exposure' {
+  export import ImageExposure = __MaterialUI.SvgIcon;
+  export default ImageExposure;
+}
+
+declare module 'material-ui/svg-icons/image/filter-b-and-w' {
+  export import ImageFilterBAndW = __MaterialUI.SvgIcon;
+  export default ImageFilterBAndW;
+}
+
+declare module 'material-ui/svg-icons/image/photo-size-select-actual' {
+  export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon;
+  export default ImagePhotoSizeSelectActual;
+}
+
+declare module 'material-ui/svg-icons/image/crop-5-4' {
+  export import ImageCrop54 = __MaterialUI.SvgIcon;
+  export default ImageCrop54;
+}
+
+declare module 'material-ui/svg-icons/image/brightness-2' {
+  export import ImageBrightness2 = __MaterialUI.SvgIcon;
+  export default ImageBrightness2;
+}
+
+declare module 'material-ui/svg-icons/image/tonality' {
+  export import ImageTonality = __MaterialUI.SvgIcon;
+  export default ImageTonality;
+}
+
+declare module 'material-ui/svg-icons/image/panorama-wide-angle' {
+  export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon;
+  export default ImagePanoramaWideAngle;
+}
+
+declare module 'material-ui/svg-icons/image/flip' {
+  export import ImageFlip = __MaterialUI.SvgIcon;
+  export default ImageFlip;
+}
+
+declare module 'material-ui/svg-icons/image/filter-9' {
+  export import ImageFilter9 = __MaterialUI.SvgIcon;
+  export default ImageFilter9;
+}
+
+declare module 'material-ui/svg-icons/image/blur-on' {
+  export import ImageBlurOn = __MaterialUI.SvgIcon;
+  export default ImageBlurOn;
+}
+
+declare module 'material-ui/svg-icons/image/assistant' {
+  export import ImageAssistant = __MaterialUI.SvgIcon;
+  export default ImageAssistant;
+}
+
+declare module 'material-ui/svg-icons/image/lens' {
+  export import ImageLens = __MaterialUI.SvgIcon;
+  export default ImageLens;
+}
+
+declare module 'material-ui/svg-icons/image/switch-camera' {
+  export import ImageSwitchCamera = __MaterialUI.SvgIcon;
+  export default ImageSwitchCamera;
+}
+
+declare module 'material-ui/svg-icons/image/photo-filter' {
+  export import ImagePhotoFilter = __MaterialUI.SvgIcon;
+  export default ImagePhotoFilter;
+}
+
+declare module 'material-ui/svg-icons/image/wb-iridescent' {
+  export import ImageWbIridescent = __MaterialUI.SvgIcon;
+  export default ImageWbIridescent;
+}
+
+declare module 'material-ui/svg-icons/image/crop-square' {
+  export import ImageCropSquare = __MaterialUI.SvgIcon;
+  export default ImageCropSquare;
+}
+
+declare module 'material-ui/svg-icons/image/timer-10' {
+  export import ImageTimer10 = __MaterialUI.SvgIcon;
+  export default ImageTimer10;
+}
+
+declare module 'material-ui/svg-icons/image/rotate-right' {
+  export import ImageRotateRight = __MaterialUI.SvgIcon;
+  export default ImageRotateRight;
+}
+
+declare module 'material-ui/svg-icons/image/grid-off' {
+  export import ImageGridOff = __MaterialUI.SvgIcon;
+  export default ImageGridOff;
+}
+
+declare module 'material-ui/svg-icons/image/filter-7' {
+  export import ImageFilter7 = __MaterialUI.SvgIcon;
+  export default ImageFilter7;
+}
+
+declare module 'material-ui/svg-icons/image/loupe' {
+  export import ImageLoupe = __MaterialUI.SvgIcon;
+  export default ImageLoupe;
+}
+
+declare module 'material-ui/svg-icons/image/filter-6' {
+  export import ImageFilter6 = __MaterialUI.SvgIcon;
+  export default ImageFilter6;
+}
+
+declare module 'material-ui/svg-icons/image/filter-tilt-shift' {
+  export import ImageFilterTiltShift = __MaterialUI.SvgIcon;
+  export default ImageFilterTiltShift;
+}
+
+declare module 'material-ui/svg-icons/image/crop-din' {
+  export import ImageCropDin = __MaterialUI.SvgIcon;
+  export default ImageCropDin;
+}
+
+declare module 'material-ui/svg-icons/image/center-focus-strong' {
+  export import ImageCenterFocusStrong = __MaterialUI.SvgIcon;
+  export default ImageCenterFocusStrong;
+}
+
+declare module 'material-ui/svg-icons/image/rotate-left' {
+  export import ImageRotateLeft = __MaterialUI.SvgIcon;
+  export default ImageRotateLeft;
+}
+
+declare module 'material-ui/svg-icons/image/filter-hdr' {
+  export import ImageFilterHdr = __MaterialUI.SvgIcon;
+  export default ImageFilterHdr;
+}
+
+declare module 'material-ui/svg-icons/image/timer-off' {
+  export import ImageTimerOff = __MaterialUI.SvgIcon;
+  export default ImageTimerOff;
+}
+
+declare module 'material-ui/svg-icons/image/straighten' {
+  export import ImageStraighten = __MaterialUI.SvgIcon;
+  export default ImageStraighten;
+}
+
+declare module 'material-ui/svg-icons/image/exposure-neg-1' {
+  export import ImageExposureNeg1 = __MaterialUI.SvgIcon;
+  export default ImageExposureNeg1;
+}
+
+declare module 'material-ui/svg-icons/image/navigate-before' {
+  export import ImageNavigateBefore = __MaterialUI.SvgIcon;
+  export default ImageNavigateBefore;
+}
+
+declare module 'material-ui/svg-icons/image/iso' {
+  export import ImageIso = __MaterialUI.SvgIcon;
+  export default ImageIso;
+}
+
+declare module 'material-ui/svg-icons/image/photo-album' {
+  export import ImagePhotoAlbum = __MaterialUI.SvgIcon;
+  export default ImagePhotoAlbum;
+}
+
+declare module 'material-ui/svg-icons/image/crop-rotate' {
+  export import ImageCropRotate = __MaterialUI.SvgIcon;
+  export default ImageCropRotate;
+}
+
+declare module 'material-ui/svg-icons/image/remove-red-eye' {
+  export import ImageRemoveRedEye = __MaterialUI.SvgIcon;
+  export default ImageRemoveRedEye;
+}
+
+declare module 'material-ui/svg-icons/image/crop-portrait' {
+  export import ImageCropPortrait = __MaterialUI.SvgIcon;
+  export default ImageCropPortrait;
+}
+
+declare module 'material-ui/svg-icons/image/camera-alt' {
+  export import ImageCameraAlt = __MaterialUI.SvgIcon;
+  export default ImageCameraAlt;
+}
+
+declare module 'material-ui/svg-icons/image/control-point' {
+  export import ImageControlPoint = __MaterialUI.SvgIcon;
+  export default ImageControlPoint;
+}
+
+declare module 'material-ui/svg-icons/image/panorama' {
+  export import ImagePanorama = __MaterialUI.SvgIcon;
+  export default ImagePanorama;
+}
+
+declare module 'material-ui/svg-icons/image/panorama-fish-eye' {
+  export import ImagePanoramaFishEye = __MaterialUI.SvgIcon;
+  export default ImagePanoramaFishEye;
+}
+
+declare module 'material-ui/svg-icons/image/filter-8' {
+  export import ImageFilter8 = __MaterialUI.SvgIcon;
+  export default ImageFilter8;
+}
+
+declare module 'material-ui/svg-icons/image/looks-two' {
+  export import ImageLooksTwo = __MaterialUI.SvgIcon;
+  export default ImageLooksTwo;
+}
+
+declare module 'material-ui/svg-icons/image/panorama-horizontal' {
+  export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon;
+  export default ImagePanoramaHorizontal;
+}
+
+declare module 'material-ui/svg-icons/image/looks-3' {
+  export import ImageLooks3 = __MaterialUI.SvgIcon;
+  export default ImageLooks3;
+}
+
+declare module 'material-ui/svg-icons/image/filter-none' {
+  export import ImageFilterNone = __MaterialUI.SvgIcon;
+  export default ImageFilterNone;
+}
+
+declare module 'material-ui/svg-icons/image/photo-size-select-large' {
+  export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon;
+  export default ImagePhotoSizeSelectLarge;
+}
+
+declare module 'material-ui/svg-icons/image/blur-off' {
+  export import ImageBlurOff = __MaterialUI.SvgIcon;
+  export default ImageBlurOff;
+}
+
+declare module 'material-ui/svg-icons/image/camera-roll' {
+  export import ImageCameraRoll = __MaterialUI.SvgIcon;
+  export default ImageCameraRoll;
+}
+
+declare module 'material-ui/svg-icons/image/leak-remove' {
+  export import ImageLeakRemove = __MaterialUI.SvgIcon;
+  export default ImageLeakRemove;
+}
+
+declare module 'material-ui/svg-icons/image/filter-frames' {
+  export import ImageFilterFrames = __MaterialUI.SvgIcon;
+  export default ImageFilterFrames;
+}
+
+declare module 'material-ui/svg-icons/image/flare' {
+  export import ImageFlare = __MaterialUI.SvgIcon;
+  export default ImageFlare;
+}
+
+declare module 'material-ui/svg-icons/image/photo-size-select-small' {
+  export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon;
+  export default ImagePhotoSizeSelectSmall;
+}
+
+declare module 'material-ui/svg-icons/image/photo-camera' {
+  export import ImagePhotoCamera = __MaterialUI.SvgIcon;
+  export default ImagePhotoCamera;
+}
+
+declare module 'material-ui/svg-icons/image/hdr-off' {
+  export import ImageHdrOff = __MaterialUI.SvgIcon;
+  export default ImageHdrOff;
+}
+
+declare module 'material-ui/svg-icons/image/filter-2' {
+  export import ImageFilter2 = __MaterialUI.SvgIcon;
+  export default ImageFilter2;
+}
+
+declare module 'material-ui/svg-icons/image/crop-original' {
+  export import ImageCropOriginal = __MaterialUI.SvgIcon;
+  export default ImageCropOriginal;
+}
+
+declare module 'material-ui/svg-icons/places/kitchen' {
+  export import PlacesKitchen = __MaterialUI.SvgIcon;
+  export default PlacesKitchen;
+}
+
+declare module 'material-ui/svg-icons/places/spa' {
+  export import PlacesSpa = __MaterialUI.SvgIcon;
+  export default PlacesSpa;
+}
+
+declare module 'material-ui/svg-icons/places/all-inclusive' {
+  export import PlacesAllInclusive = __MaterialUI.SvgIcon;
+  export default PlacesAllInclusive;
+}
+
+declare module 'material-ui/svg-icons/places/ac-unit' {
+  export import PlacesAcUnit = __MaterialUI.SvgIcon;
+  export default PlacesAcUnit;
+}
+
+declare module 'material-ui/svg-icons/places/child-care' {
+  export import PlacesChildCare = __MaterialUI.SvgIcon;
+  export default PlacesChildCare;
+}
+
+declare module 'material-ui/svg-icons/places/golf-course' {
+  export import PlacesGolfCourse = __MaterialUI.SvgIcon;
+  export default PlacesGolfCourse;
+}
+
+declare module 'material-ui/svg-icons/places/business-center' {
+  export import PlacesBusinessCenter = __MaterialUI.SvgIcon;
+  export default PlacesBusinessCenter;
+}
+
+declare module 'material-ui/svg-icons/places/free-breakfast' {
+  export import PlacesFreeBreakfast = __MaterialUI.SvgIcon;
+  export default PlacesFreeBreakfast;
+}
+
+declare module 'material-ui/svg-icons/places/fitness-center' {
+  export import PlacesFitnessCenter = __MaterialUI.SvgIcon;
+  export default PlacesFitnessCenter;
+}
+
+declare module 'material-ui/svg-icons/places/pool' {
+  export import PlacesPool = __MaterialUI.SvgIcon;
+  export default PlacesPool;
+}
+
+declare module 'material-ui/svg-icons/places/child-friendly' {
+  export import PlacesChildFriendly = __MaterialUI.SvgIcon;
+  export default PlacesChildFriendly;
+}
+
+declare module 'material-ui/svg-icons/places/casino' {
+  export import PlacesCasino = __MaterialUI.SvgIcon;
+  export default PlacesCasino;
+}
+
+declare module 'material-ui/svg-icons/places/hot-tub' {
+  export import PlacesHotTub = __MaterialUI.SvgIcon;
+  export default PlacesHotTub;
+}
+
+declare module 'material-ui/svg-icons/places/smoke-free' {
+  export import PlacesSmokeFree = __MaterialUI.SvgIcon;
+  export default PlacesSmokeFree;
+}
+
+declare module 'material-ui/svg-icons/places/room-service' {
+  export import PlacesRoomService = __MaterialUI.SvgIcon;
+  export default PlacesRoomService;
+}
+
+declare module 'material-ui/svg-icons/places/smoking-rooms' {
+  export import PlacesSmokingRooms = __MaterialUI.SvgIcon;
+  export default PlacesSmokingRooms;
+}
+
+declare module 'material-ui/svg-icons/places/beach-access' {
+  export import PlacesBeachAccess = __MaterialUI.SvgIcon;
+  export default PlacesBeachAccess;
+}
+
+declare module 'material-ui/svg-icons/places/airport-shuttle' {
+  export import PlacesAirportShuttle = __MaterialUI.SvgIcon;
+  export default PlacesAirportShuttle;
+}
+
+declare module 'material-ui/styles' {
+    export import MuiThemeProvider = __MaterialUI.Styles.MuiThemeProvider;
+    export import colors = __MaterialUI.Styles.Colors;
+    export import darkBaseTheme = __MaterialUI.Styles.darkBaseTheme;
+    export import DarkRawTheme = __MaterialUI.Styles.darkBaseTheme;
+    export import lightBaseTheme = __MaterialUI.Styles.lightBaseTheme;
+    export import LightRawTheme = __MaterialUI.Styles.lightBaseTheme;
+    export import getMuiTheme = __MaterialUI.Styles.getMuiTheme;
+    export import spacing = __MaterialUI.Styles.Spacing;
+    export import themeManager = __MaterialUI.Styles.ThemeManager;
+    export import transitions = __MaterialUI.Styles.Transitions;
+    export import typography = __MaterialUI.Styles.Typography;
+    export import zIndex = __MaterialUI.Styles.zIndex;
+
+    export type MuiTheme = __MaterialUI.Styles.MuiTheme;
+}
+
+declare module 'material-ui/styles/getMuiTheme' {
+    export import getMuiTheme = __MaterialUI.Styles.getMuiTheme;
+    export default getMuiTheme;
+}
+
+declare module 'material-ui/styles/muiThemeable' {
+    export import muiThemeable = __MaterialUI.Styles.muiThemeable;
+    export default muiThemeable;
+}
+
+declare module 'material-ui/styles/MuiThemeProvider' {
+    export import MuiThemeProvider = __MaterialUI.Styles.MuiThemeProvider;
+    export default MuiThemeProvider;
+}
+
+declare module 'material-ui/styles/spacing' {
+    type Spacing = __MaterialUI.Styles.Spacing;
+    var Spacing: Spacing;
+    export default Spacing;
+}
+
+declare module 'material-ui/styles/themeManager' {
+    export import ThemeManager = __MaterialUI.Styles.ThemeManager;
+    export default ThemeManager;
+}
+
+declare module 'material-ui/styles/transitions' {
+    export import Transitions = __MaterialUI.Styles.Transitions;
+    export default Transitions;
+}
+
+declare module 'material-ui/styles/typography' {
+    export import Typography = __MaterialUI.Styles.Typography;
+    export default Typography;
+}
+
+declare module 'material-ui/styles/baseThemes/lightBaseTheme' {
+    export import lightBaseTheme = __MaterialUI.Styles.lightBaseTheme;
+    export default lightBaseTheme;
+}
+
+//** @deprecated use lightBaseTheme instead **/
+declare module 'material-ui/styles/raw-themes/light-raw-theme' {
+    export import LightRawTheme = __MaterialUI.Styles.LightRawTheme;
+    export default LightRawTheme;
+}
+
+declare module 'material-ui/styles/baseThemes/darkBaseTheme' {
+    export import darkBaseTheme = __MaterialUI.Styles.darkBaseTheme;
+    export default darkBaseTheme;
+}
+
+//** @deprecated use darkBaseTheme instead **/
+declare module 'material-ui/styles/raw-themes/dark-raw-theme' {
+    export import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme;
+    export default DarkRawTheme;
+}
+
+declare module 'material-ui/styles/themeDecorator' {
+    export import themeDecorator = __MaterialUI.Styles.themeDecorator;
+    export default themeDecorator;
+}
+
+declare module 'material-ui/styles/zIndex' {
+    export import zIndex = __MaterialUI.Styles.zIndex;
+    export default zIndex;
+}
+
+declare module "material-ui/styles/colors" {
+  export const red50: string;
+  export const red100: string;
+  export const red200: string;
+  export const red300: string;
+  export const red400: string;
+  export const red500: string;
+  export const red600: string;
+  export const red700: string;
+  export const red800: string;
+  export const red900: string;
+  export const redA100: string;
+  export const redA200: string;
+  export const redA400: string;
+  export const redA700: string;
+
+  export const pink50: string;
+  export const pink100: string;
+  export const pink200: string;
+  export const pink300: string;
+  export const pink400: string;
+  export const pink500: string;
+  export const pink600: string;
+  export const pink700: string;
+  export const pink800: string;
+  export const pink900: string;
+  export const pinkA100: string;
+  export const pinkA200: string;
+  export const pinkA400: string;
+  export const pinkA700: string;
+
+  export const purple50: string;
+  export const purple100: string;
+  export const purple200: string;
+  export const purple300: string;
+  export const purple400: string;
+  export const purple500: string;
+  export const purple600: string;
+  export const purple700: string;
+  export const purple800: string;
+  export const purple900: string;
+  export const purpleA100: string;
+  export const purpleA200: string;
+  export const purpleA400: string;
+  export const purpleA700: string;
+
+  export const deepPurple50: string;
+  export const deepPurple100: string;
+  export const deepPurple200: string;
+  export const deepPurple300: string;
+  export const deepPurple400: string;
+  export const deepPurple500: string;
+  export const deepPurple600: string;
+  export const deepPurple700: string;
+  export const deepPurple800: string;
+  export const deepPurple900: string;
+  export const deepPurpleA100: string;
+  export const deepPurpleA200: string;
+  export const deepPurpleA400: string;
+  export const deepPurpleA700: string;
+
+  export const indigo50: string;
+  export const indigo100: string;
+  export const indigo200: string;
+  export const indigo300: string;
+  export const indigo400: string;
+  export const indigo500: string;
+  export const indigo600: string;
+  export const indigo700: string;
+  export const indigo800: string;
+  export const indigo900: string;
+  export const indigoA100: string;
+  export const indigoA200: string;
+  export const indigoA400: string;
+  export const indigoA700: string;
+
+  export const blue50: string;
+  export const blue100: string;
+  export const blue200: string;
+  export const blue300: string;
+  export const blue400: string;
+  export const blue500: string;
+  export const blue600: string;
+  export const blue700: string;
+  export const blue800: string;
+  export const blue900: string;
+  export const blueA100: string;
+  export const blueA200: string;
+  export const blueA400: string;
+  export const blueA700: string;
+
+  export const lightBlue50: string;
+  export const lightBlue100: string;
+  export const lightBlue200: string;
+  export const lightBlue300: string;
+  export const lightBlue400: string;
+  export const lightBlue500: string;
+  export const lightBlue600: string;
+  export const lightBlue700: string;
+  export const lightBlue800: string;
+  export const lightBlue900: string;
+  export const lightBlueA100: string;
+  export const lightBlueA200: string;
+  export const lightBlueA400: string;
+  export const lightBlueA700: string;
+
+  export const cyan50: string;
+  export const cyan100: string;
+  export const cyan200: string;
+  export const cyan300: string;
+  export const cyan400: string;
+  export const cyan500: string;
+  export const cyan600: string;
+  export const cyan700: string;
+  export const cyan800: string;
+  export const cyan900: string;
+  export const cyanA100: string;
+  export const cyanA200: string;
+  export const cyanA400: string;
+  export const cyanA700: string;
+
+  export const teal50: string;
+  export const teal100: string;
+  export const teal200: string;
+  export const teal300: string;
+  export const teal400: string;
+  export const teal500: string;
+  export const teal600: string;
+  export const teal700: string;
+  export const teal800: string;
+  export const teal900: string;
+  export const tealA100: string;
+  export const tealA200: string;
+  export const tealA400: string;
+  export const tealA700: string;
+
+  export const green50: string;
+  export const green100: string;
+  export const green200: string;
+  export const green300: string;
+  export const green400: string;
+  export const green500: string;
+  export const green600: string;
+  export const green700: string;
+  export const green800: string;
+  export const green900: string;
+  export const greenA100: string;
+  export const greenA200: string;
+  export const greenA400: string;
+  export const greenA700: string;
+
+  export const lightGreen50: string;
+  export const lightGreen100: string;
+  export const lightGreen200: string;
+  export const lightGreen300: string;
+  export const lightGreen400: string;
+  export const lightGreen500: string;
+  export const lightGreen600: string;
+  export const lightGreen700: string;
+  export const lightGreen800: string;
+  export const lightGreen900: string;
+  export const lightGreenA100: string;
+  export const lightGreenA200: string;
+  export const lightGreenA400: string;
+  export const lightGreenA700: string;
+
+  export const lime50: string;
+  export const lime100: string;
+  export const lime200: string;
+  export const lime300: string;
+  export const lime400: string;
+  export const lime500: string;
+  export const lime600: string;
+  export const lime700: string;
+  export const lime800: string;
+  export const lime900: string;
+  export const limeA100: string;
+  export const limeA200: string;
+  export const limeA400: string;
+  export const limeA700: string;
+
+  export const yellow50: string;
+  export const yellow100: string;
+  export const yellow200: string;
+  export const yellow300: string;
+  export const yellow400: string;
+  export const yellow500: string;
+  export const yellow600: string;
+  export const yellow700: string;
+  export const yellow800: string;
+  export const yellow900: string;
+  export const yellowA100: string;
+  export const yellowA200: string;
+  export const yellowA400: string;
+  export const yellowA700: string;
+
+  export const amber50: string;
+  export const amber100: string;
+  export const amber200: string;
+  export const amber300: string;
+  export const amber400: string;
+  export const amber500: string;
+  export const amber600: string;
+  export const amber700: string;
+  export const amber800: string;
+  export const amber900: string;
+  export const amberA100: string;
+  export const amberA200: string;
+  export const amberA400: string;
+  export const amberA700: string;
+
+  export const orange50: string;
+  export const orange100: string;
+  export const orange200: string;
+  export const orange300: string;
+  export const orange400: string;
+  export const orange500: string;
+  export const orange600: string;
+  export const orange700: string;
+  export const orange800: string;
+  export const orange900: string;
+  export const orangeA100: string;
+  export const orangeA200: string;
+  export const orangeA400: string;
+  export const orangeA700: string;
+
+  export const deepOrange50: string;
+  export const deepOrange100: string;
+  export const deepOrange200: string;
+  export const deepOrange300: string;
+  export const deepOrange400: string;
+  export const deepOrange500: string;
+  export const deepOrange600: string;
+  export const deepOrange700: string;
+  export const deepOrange800: string;
+  export const deepOrange900: string;
+  export const deepOrangeA100: string;
+  export const deepOrangeA200: string;
+  export const deepOrangeA400: string;
+  export const deepOrangeA700: string;
+
+  export const brown50: string;
+  export const brown100: string;
+  export const brown200: string;
+  export const brown300: string;
+  export const brown400: string;
+  export const brown500: string;
+  export const brown600: string;
+  export const brown700: string;
+  export const brown800: string;
+  export const brown900: string;
+
+  export const blueGrey50: string;
+  export const blueGrey100: string;
+  export const blueGrey200: string;
+  export const blueGrey300: string;
+  export const blueGrey400: string;
+  export const blueGrey500: string;
+  export const blueGrey600: string;
+  export const blueGrey700: string;
+  export const blueGrey800: string;
+  export const blueGrey900: string;
+
+  export const grey50: string;
+  export const grey100: string;
+  export const grey200: string;
+  export const grey300: string;
+  export const grey400: string;
+  export const grey500: string;
+  export const grey600: string;
+  export const grey700: string;
+  export const grey800: string;
+  export const grey900: string;
+
+  export const black: string;
+  export const white: string;
+
+  export const transparent: string;
+  export const fullBlack: string;
+  export const darkBlack: string;
+  export const lightBlack: string;
+  export const minBlack: string;
+  export const faintBlack: string;
+  export const fullWhite: string;
+  export const darkWhite: string;
+  export const lightWhite: string;
+}
+
+declare module 'material-ui/Table' {
+    export import Table = __MaterialUI.Table.Table;
+    export import TableBody = __MaterialUI.Table.TableBody;
+    export import TableFooter = __MaterialUI.Table.TableFooter;
+    export import TableHeader = __MaterialUI.Table.TableHeader;
+    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
+    export import TableRow = __MaterialUI.Table.TableRow;
+    export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
+    export default Table;
+}
+
+declare module 'material-ui/Table/Table' {
+    export import Table = __MaterialUI.Table.Table;
+    export default Table;
+}
+
+declare module 'material-ui/Table/TableBody' {
+    export import TableBody = __MaterialUI.Table.TableBody;
+    export default TableBody;
+}
+
+declare module 'material-ui/Table/TableFooter' {
+    export import TableFooter = __MaterialUI.Table.TableFooter;
+    export default TableFooter;
+}
+
+declare module 'material-ui/Table/TableHeader' {
+    export import TableHeader = __MaterialUI.Table.TableHeader;
+    export default TableHeader;
+}
+
+declare module 'material-ui/Table/TableHeaderColumn' {
+    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
+    export default TableHeaderColumn;
+}
+
+declare module 'material-ui/Table/TableRow' {
+    export import TableRow = __MaterialUI.Table.TableRow;
+    export default TableRow;
+}
+
+declare module 'material-ui/Table/TableRowColumn' {
+    export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
+    export default TableRowColumn;
+}
+
+declare module 'material-ui/Tabs' {
+    export import Tab = __MaterialUI.Tabs.Tab;
+    export import Tabs = __MaterialUI.Tabs.Tabs;
+    export default Tabs;
+}
+
+declare module 'material-ui/Tabs/Tab' {
+    export import Tab = __MaterialUI.Tabs.Tab;
+    export default Tab;
+}
+
+declare module 'material-ui/Tabs/Tabs' {
+    export import Tabs = __MaterialUI.Tabs.Tabs;
+    export default Tabs;
+}
+
+declare module 'material-ui/TextField' {
+    export import TextField = __MaterialUI.TextField;
+    export default TextField;
+}
+
+declare module 'material-ui/TimePicker' {
+    export import TimePicker = __MaterialUI.TimePicker;
+    export default TimePicker;
+}
+
+declare module 'material-ui/Toggle' {
+    export import Toggle = __MaterialUI.Switches.Toggle;
+    export default Toggle;
+}
+
+declare module 'material-ui/Toolbar' {
+    export import Toolbar = __MaterialUI.Toolbar.Toolbar;
+    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
+    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
+    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
+    export default Toolbar;
+}
+
+declare module 'material-ui/Toolbar/Toolbar' {
+    export import Toolbar = __MaterialUI.Toolbar.Toolbar;
+    export default Toolbar;
+}
+
+declare module 'material-ui/Toolbar/ToolbarGroup' {
+    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
+    export default ToolbarGroup;
+}
+
+declare module 'material-ui/Toolbar/ToolbarSeparator' {
+    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
+    export default ToolbarSeparator;
+}
+
+declare module 'material-ui/Toolbar/ToolbarTitle' {
+    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
+    export default ToolbarTitle;
+}
+
+declare module 'material-ui/utils/colorManipulator' {
+    export import convertColorToString = __MaterialUI.Utils.ColorManipulator.convertColorToString;
+    export import convertHexToRGB = __MaterialUI.Utils.ColorManipulator.convertHexToRGB;
+    export import decomposeColor = __MaterialUI.Utils.ColorManipulator.decomposeColor;
+    export import getContrastRatio = __MaterialUI.Utils.ColorManipulator.getContrastRatio;
+    export import getLuminance = __MaterialUI.Utils.ColorManipulator.getLuminance;
+    export import emphasize = __MaterialUI.Utils.ColorManipulator.emphasize;
+    export import fade = __MaterialUI.Utils.ColorManipulator.fade;
+    export import darken = __MaterialUI.Utils.ColorManipulator.darken;
+    export import lighten = __MaterialUI.Utils.ColorManipulator.lighten;
+}
+declare module 'material-ui/utils/dom' {
+    export import Dom = __MaterialUI.Utils.Dom;
+    export default Dom;
+}
+declare module 'material-ui/utils/events' {
+    export import Events = __MaterialUI.Utils.Events;
+    export default Events;
+}
+declare module 'material-ui/utils/withWidth' {
+  export const SMALL: number;
+  export const MEDIUM: number;
+  export const LARGE: number;
+
+  interface Options {
+      largeWidth?: number;
+      mediumWidth?: number;
+      resizeInterval?: number;
+  }
+  export default function withWidth<C extends Function>(options?: Options): (component: C) => C;
+}
+
+declare namespace __MaterialUI.Styles {
+    interface Colors {
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        redA100: string;
+        redA200: string;
+        redA400: string;
+        redA700: string;
+
+        pink50: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        pinkA100: string;
+        pinkA200: string;
+        pinkA400: string;
+        pinkA700: string;
+
+        purple50: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        purpleA100: string;
+        purpleA200: string;
+        purpleA400: string;
+        purpleA700: string;
+
+        deepPurple50: string;
+        deepPurple100: string;
+        deepPurple200: string;
+        deepPurple300: string;
+        deepPurple400: string;
+        deepPurple500: string;
+        deepPurple600: string;
+        deepPurple700: string;
+        deepPurple800: string;
+        deepPurple900: string;
+        deepPurpleA100: string;
+        deepPurpleA200: string;
+        deepPurpleA400: string;
+        deepPurpleA700: string;
+
+        indigo50: string;
+        indigo100: string;
+        indigo200: string;
+        indigo300: string;
+        indigo400: string;
+        indigo500: string;
+        indigo600: string;
+        indigo700: string;
+        indigo800: string;
+        indigo900: string;
+        indigoA100: string;
+        indigoA200: string;
+        indigoA400: string;
+        indigoA700: string;
+
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        blueA100: string;
+        blueA200: string;
+        blueA400: string;
+        blueA700: string;
+
+        lightBlue50: string;
+        lightBlue100: string;
+        lightBlue200: string;
+        lightBlue300: string;
+        lightBlue400: string;
+        lightBlue500: string;
+        lightBlue600: string;
+        lightBlue700: string;
+        lightBlue800: string;
+        lightBlue900: string;
+        lightBlueA100: string;
+        lightBlueA200: string;
+        lightBlueA400: string;
+        lightBlueA700: string;
+
+        cyan50: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        cyanA100: string;
+        cyanA200: string;
+        cyanA400: string;
+        cyanA700: string;
+
+        teal50: string;
+        teal100: string;
+        teal200: string;
+        teal300: string;
+        teal400: string;
+        teal500: string;
+        teal600: string;
+        teal700: string;
+        teal800: string;
+        teal900: string;
+        tealA100: string;
+        tealA200: string;
+        tealA400: string;
+        tealA700: string;
+
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        greenA100: string;
+        greenA200: string;
+        greenA400: string;
+        greenA700: string;
+
+        lightGreen50: string;
+        lightGreen100: string;
+        lightGreen200: string;
+        lightGreen300: string;
+        lightGreen400: string;
+        lightGreen500: string;
+        lightGreen600: string;
+        lightGreen700: string;
+        lightGreen800: string;
+        lightGreen900: string;
+        lightGreenA100: string;
+        lightGreenA200: string;
+        lightGreenA400: string;
+        lightGreenA700: string;
+
+        lime50: string;
+        lime100: string;
+        lime200: string;
+        lime300: string;
+        lime400: string;
+        lime500: string;
+        lime600: string;
+        lime700: string;
+        lime800: string;
+        lime900: string;
+        limeA100: string;
+        limeA200: string;
+        limeA400: string;
+        limeA700: string;
+
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        yellowA100: string;
+        yellowA200: string;
+        yellowA400: string;
+        yellowA700: string;
+
+        amber50: string;
+        amber100: string;
+        amber200: string;
+        amber300: string;
+        amber400: string;
+        amber500: string;
+        amber600: string;
+        amber700: string;
+        amber800: string;
+        amber900: string;
+        amberA100: string;
+        amberA200: string;
+        amberA400: string;
+        amberA700: string;
+
+        orange50: string;
+        orange100: string;
+        orange200: string;
+        orange300: string;
+        orange400: string;
+        orange500: string;
+        orange600: string;
+        orange700: string;
+        orange800: string;
+        orange900: string;
+        orangeA100: string;
+        orangeA200: string;
+        orangeA400: string;
+        orangeA700: string;
+
+        deepOrange50: string;
+        deepOrange100: string;
+        deepOrange200: string;
+        deepOrange300: string;
+        deepOrange400: string;
+        deepOrange500: string;
+        deepOrange600: string;
+        deepOrange700: string;
+        deepOrange800: string;
+        deepOrange900: string;
+        deepOrangeA100: string;
+        deepOrangeA200: string;
+        deepOrangeA400: string;
+        deepOrangeA700: string;
+
+        brown50: string;
+        brown100: string;
+        brown200: string;
+        brown300: string;
+        brown400: string;
+        brown500: string;
+        brown600: string;
+        brown700: string;
+        brown800: string;
+        brown900: string;
+
+        blueGrey50: string;
+        blueGrey100: string;
+        blueGrey200: string;
+        blueGrey300: string;
+        blueGrey400: string;
+        blueGrey500: string;
+        blueGrey600: string;
+        blueGrey700: string;
+        blueGrey800: string;
+        blueGrey900: string;
+
+        grey50: string;
+        grey100: string;
+        grey200: string;
+        grey300: string;
+        grey400: string;
+        grey500: string;
+        grey600: string;
+        grey700: string;
+        grey800: string;
+        grey900: string;
+
+        black: string;
+        white: string;
+
+        transparent: string;
+        fullBlack: string;
+        darkBlack: string;
+        lightBlack: string;
+        minBlack: string;
+        faintBlack: string;
+        fullWhite: string;
+        darkWhite: string;
+        lightWhite: string;
+    }
+    export var Colors: Colors;
+}
+
+declare module "material-ui/svg-icons" {
+    export import ActionAccessibility = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/accessibility');
+    export import ActionAccessible = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/accessible');
+    export import ActionAccountBalance = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-balance');
+    export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-balance-wallet');
+    export import ActionAccountBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-box');
+    export import ActionAccountCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-circle');
+    export import ActionAddShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/add-shopping-cart');
+    export import ActionAlarm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm');
+    export import ActionAlarmAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm-add');
+    export import ActionAlarmOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm-off');
+    export import ActionAlarmOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm-on');
+    export import ActionAllOut = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/all-out');
+    export import ActionAndroid = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/android');
+    export import ActionAnnouncement = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/announcement');
+    export import ActionAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/aspect-ratio');
+    export import ActionAssessment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assessment');
+    export import ActionAssignment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment');
+    export import ActionAssignmentInd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-ind');
+    export import ActionAssignmentLate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-late');
+    export import ActionAssignmentReturn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-return');
+    export import ActionAssignmentReturned = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-returned');
+    export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-turned-in');
+    export import ActionAutorenew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/autorenew');
+    export import ActionBackup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/backup');
+    export import ActionBook = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/book');
+    export import ActionBookmark = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/bookmark');
+    export import ActionBookmarkBorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/bookmark-border');
+    export import ActionBugReport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/bug-report');
+    export import ActionBuild = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/build');
+    export import ActionCached = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/cached');
+    export import ActionCameraEnhance = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/camera-enhance');
+    export import ActionCardGiftcard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/card-giftcard');
+    export import ActionCardMembership = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/card-membership');
+    export import ActionCardTravel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/card-travel');
+    export import ActionChangeHistory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/change-history');
+    export import ActionCheckCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/check-circle');
+    export import ActionChromeReaderMode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/chrome-reader-mode');
+    export import ActionClass = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/class');
+    export import ActionCode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/code');
+    export import ActionCompareArrows = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/compare-arrows');
+    export import ActionCopyright = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/copyright');
+    export import ActionCreditCard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/credit-card');
+    export import ActionDashboard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/dashboard');
+    export import ActionDateRange = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/date-range');
+    export import ActionDelete = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/delete');
+    export import ActionDescription = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/description');
+    export import ActionDns = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/dns');
+    export import ActionDone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/done');
+    export import ActionDoneAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/done-all');
+    export import ActionDonutLarge = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/donut-large');
+    export import ActionDonutSmall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/donut-small');
+    export import ActionEject = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/eject');
+    export import ActionEvent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/event');
+    export import ActionEventSeat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/event-seat');
+    export import ActionExitToApp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/exit-to-app');
+    export import ActionExplore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/explore');
+    export import ActionExtension = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/extension');
+    export import ActionFace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/face');
+    export import ActionFavorite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/favorite');
+    export import ActionFavoriteBorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/favorite-border');
+    export import ActionFeedback = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/feedback');
+    export import ActionFindInPage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/find-in-page');
+    export import ActionFindReplace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/find-replace');
+    export import ActionFingerprint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/fingerprint');
+    export import ActionFlightLand = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flight-land');
+    export import ActionFlightTakeoff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flight-takeoff');
+    export import ActionFlipToBack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flip-to-back');
+    export import ActionFlipToFront = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flip-to-front');
+    export import ActionGavel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/gavel');
+    export import ActionGetApp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/get-app');
+    export import ActionGif = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/gif');
+    export import ActionGrade = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/grade');
+    export import ActionGroupWork = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/group-work');
+    export import ActionHelp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/help');
+    export import ActionHelpOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/help-outline');
+    export import ActionHighlightOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/highlight-off');
+    export import ActionHistory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/history');
+    export import ActionHome = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/home');
+    export import ActionHourglassEmpty = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/hourglass-empty');
+    export import ActionHourglassFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/hourglass-full');
+    export import ActionHttp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/http');
+    export import ActionHttps = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/https');
+    export import ActionImportantDevices = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/important-devices');
+    export import ActionInfo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/info');
+    export import ActionInfoOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/info-outline');
+    export import ActionInput = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/input');
+    export import ActionInvertColors = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/invert-colors');
+    export import ActionLabel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/label');
+    export import ActionLabelOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/label-outline');
+    export import ActionLanguage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/language');
+    export import ActionLaunch = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/launch');
+    export import ActionLightbulbOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lightbulb-outline');
+    export import ActionLineStyle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/line-style');
+    export import ActionLineWeight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/line-weight');
+    export import ActionList = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/list');
+    export import ActionLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lock');
+    export import ActionLockOpen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lock-open');
+    export import ActionLockOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lock-outline');
+    export import ActionLoyalty = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/loyalty');
+    export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/markunread-mailbox');
+    export import ActionMotorcycle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/motorcycle');
+    export import ActionNoteAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/note-add');
+    export import ActionOfflinePin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/offline-pin');
+    export import ActionOpacity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/opacity');
+    export import ActionOpenInBrowser = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/open-in-browser');
+    export import ActionOpenInNew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/open-in-new');
+    export import ActionOpenWith = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/open-with');
+    export import ActionPageview = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pageview');
+    export import ActionPanTool = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pan-tool');
+    export import ActionPayment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/payment');
+    export import ActionPermCameraMic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-camera-mic');
+    export import ActionPermContactCalendar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-contact-calendar');
+    export import ActionPermDataSetting = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-data-setting');
+    export import ActionPermDeviceInformation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-device-information');
+    export import ActionPermIdentity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-identity');
+    export import ActionPermMedia = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-media');
+    export import ActionPermPhoneMsg = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-phone-msg');
+    export import ActionPermScanWifi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-scan-wifi');
+    export import ActionPets = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pets');
+    export import ActionPictureInPicture = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/picture-in-picture');
+    export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/picture-in-picture-alt');
+    export import ActionPlayForWork = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/play-for-work');
+    export import ActionPolymer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/polymer');
+    export import ActionPowerSettingsNew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/power-settings-new');
+    export import ActionPregnantWoman = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pregnant-woman');
+    export import ActionPrint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/print');
+    export import ActionQueryBuilder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/query-builder');
+    export import ActionQuestionAnswer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/question-answer');
+    export import ActionReceipt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/receipt');
+    export import ActionRecordVoiceOver = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/record-voice-over');
+    export import ActionRedeem = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/redeem');
+    export import ActionReorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/reorder');
+    export import ActionReportProblem = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/report-problem');
+    export import ActionRestore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/restore');
+    export import ActionRoom = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/room');
+    export import ActionRoundedCorner = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/rounded-corner');
+    export import ActionRowing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/rowing');
+    export import ActionSchedule = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/schedule');
+    export import ActionSearch = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/search');
+    export import ActionSettings = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings');
+    export import ActionSettingsApplications = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-applications');
+    export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-backup-restore');
+    export import ActionSettingsBluetooth = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-bluetooth');
+    export import ActionSettingsBrightness = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-brightness');
+    export import ActionSettingsCell = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-cell');
+    export import ActionSettingsEthernet = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-ethernet');
+    export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-antenna');
+    export import ActionSettingsInputComponent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-component');
+    export import ActionSettingsInputComposite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-composite');
+    export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-hdmi');
+    export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-svideo');
+    export import ActionSettingsOverscan = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-overscan');
+    export import ActionSettingsPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-phone');
+    export import ActionSettingsPower = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-power');
+    export import ActionSettingsRemote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-remote');
+    export import ActionSettingsVoice = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-voice');
+    export import ActionShop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shop');
+    export import ActionShoppingBasket = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shopping-basket');
+    export import ActionShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shopping-cart');
+    export import ActionShopTwo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shop-two');
+    export import ActionSpeakerNotes = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/speaker-notes');
+    export import ActionSpellcheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/spellcheck');
+    export import ActionStars = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/stars');
+    export import ActionStore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/store');
+    export import ActionSubject = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/subject');
+    export import ActionSupervisorAccount = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/supervisor-account');
+    export import ActionSwapHoriz = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/swap-horiz');
+    export import ActionSwapVert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/swap-vert');
+    export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/swap-vertical-circle');
+    export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/system-update-alt');
+    export import ActionTab = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/tab');
+    export import ActionTabUnselected = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/tab-unselected');
+    export import ActionTheaters = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/theaters');
+    export import ActionThreeDRotation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/three-d-rotation');
+    export import ActionThumbDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/thumb-down');
+    export import ActionThumbsUpDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/thumbs-up-down');
+    export import ActionThumbUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/thumb-up');
+    export import ActionTimeline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/timeline');
+    export import ActionToc = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/toc');
+    export import ActionToday = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/today');
+    export import ActionToll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/toll');
+    export import ActionTouchApp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/touch-app');
+    export import ActionTrackChanges = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/track-changes');
+    export import ActionTranslate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/translate');
+    export import ActionTrendingDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/trending-down');
+    export import ActionTrendingFlat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/trending-flat');
+    export import ActionTrendingUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/trending-up');
+    export import ActionTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/turned-in');
+    export import ActionTurnedInNot = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/turned-in-not');
+    export import ActionUpdate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/update');
+    export import ActionVerifiedUser = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/verified-user');
+    export import ActionViewAgenda = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-agenda');
+    export import ActionViewArray = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-array');
+    export import ActionViewCarousel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-carousel');
+    export import ActionViewColumn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-column');
+    export import ActionViewDay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-day');
+    export import ActionViewHeadline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-headline');
+    export import ActionViewList = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-list');
+    export import ActionViewModule = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-module');
+    export import ActionViewQuilt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-quilt');
+    export import ActionViewStream = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-stream');
+    export import ActionViewWeek = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-week');
+    export import ActionVisibility = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/visibility');
+    export import ActionVisibilityOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/visibility-off');
+    export import ActionWatchLater = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/watch-later');
+    export import ActionWork = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/work');
+    export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/youtube-searched-for');
+    export import ActionZoomIn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/zoom-in');
+    export import ActionZoomOut = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/zoom-out');
+    export import AlertAddAlert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/add-alert');
+    export import AlertError = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/error');
+    export import AlertErrorOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/error-outline');
+    export import AlertWarning = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/warning');
+    export import AvAddToQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/add-to-queue');
+    export import AvAirplay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/airplay');
+    export import AvAlbum = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/album');
+    export import AvArtTrack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/art-track');
+    export import AvAvTimer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/av-timer');
+    export import AvClosedCaption = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/closed-caption');
+    export import AvEqualizer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/equalizer');
+    export import AvExplicit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/explicit');
+    export import AvFastForward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fast-forward');
+    export import AvFastRewind = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fast-rewind');
+    export import AvFiberDvr = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-dvr');
+    export import AvFiberManualRecord = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-manual-record');
+    export import AvFiberNew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-new');
+    export import AvFiberPin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-pin');
+    export import AvFiberSmartRecord = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-smart-record');
+    export import AvForward10 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/forward-10');
+    export import AvForward30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/forward-30');
+    export import AvForward5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/forward-5');
+    export import AvGames = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/games');
+    export import AvHd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/hd');
+    export import AvHearing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/hearing');
+    export import AvHighQuality = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/high-quality');
+    export import AvLibraryAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/library-add');
+    export import AvLibraryBooks = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/library-books');
+    export import AvLibraryMusic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/library-music');
+    export import AvLoop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/loop');
+    export import AvMic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/mic');
+    export import AvMicNone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/mic-none');
+    export import AvMicOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/mic-off');
+    export import AvMovie = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/movie');
+    export import AvMusicVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/music-video');
+    export import AvNewReleases = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/new-releases');
+    export import AvNotInterested = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/not-interested');
+    export import AvPause = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/pause');
+    export import AvPauseCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/pause-circle-filled');
+    export import AvPauseCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/pause-circle-outline');
+    export import AvPlayArrow = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/play-arrow');
+    export import AvPlayCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/play-circle-filled');
+    export import AvPlayCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/play-circle-outline');
+    export import AvPlaylistAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/playlist-add');
+    export import AvPlaylistAddCheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/playlist-add-check');
+    export import AvPlaylistPlay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/playlist-play');
+    export import AvQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/queue');
+    export import AvQueueMusic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/queue-music');
+    export import AvQueuePlayNext = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/queue-play-next');
+    export import AvRadio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/radio');
+    export import AvRecentActors = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/recent-actors');
+    export import AvRemoveFromQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/remove-from-queue');
+    export import AvRepeat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/repeat');
+    export import AvRepeatOne = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/repeat-one');
+    export import AvReplay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay');
+    export import AvReplay10 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay-10');
+    export import AvReplay30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay-30');
+    export import AvReplay5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay-5');
+    export import AvShuffle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/shuffle');
+    export import AvSkipNext = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/skip-next');
+    export import AvSkipPrevious = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/skip-previous');
+    export import AvSlowMotionVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/slow-motion-video');
+    export import AvSnooze = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/snooze');
+    export import AvSortByAlpha = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/sort-by-alpha');
+    export import AvStop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/stop');
+    export import AvSubscriptions = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/subscriptions');
+    export import AvSubtitles = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/subtitles');
+    export import AvSurroundSound = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/surround-sound');
+    export import AvVideocam = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/videocam');
+    export import AvVideocamOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/videocam-off');
+    export import AvVideoLibrary = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/video-library');
+    export import AvVolumeDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-down');
+    export import AvVolumeMute = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-mute');
+    export import AvVolumeOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-off');
+    export import AvVolumeUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-up');
+    export import AvWeb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/web');
+    export import AvWebAsset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/web-asset');
+    export import CommunicationBusiness = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/business');
+    export import CommunicationCall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call');
+    export import CommunicationCallEnd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-end');
+    export import CommunicationCallMade = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-made');
+    export import CommunicationCallMerge = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-merge');
+    export import CommunicationCallMissed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-missed');
+    export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-missed-outgoing');
+    export import CommunicationCallReceived = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-received');
+    export import CommunicationCallSplit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-split');
+    export import CommunicationChat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/chat');
+    export import CommunicationChatBubble = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/chat-bubble');
+    export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/chat-bubble-outline');
+    export import CommunicationClearAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/clear-all');
+    export import CommunicationComment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/comment');
+    export import CommunicationContactMail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/contact-mail');
+    export import CommunicationContactPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/contact-phone');
+    export import CommunicationContacts = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/contacts');
+    export import CommunicationDialerSip = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/dialer-sip');
+    export import CommunicationDialpad = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/dialpad');
+    export import CommunicationEmail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/email');
+    export import CommunicationForum = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/forum');
+    export import CommunicationImportContacts = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/import-contacts');
+    export import CommunicationImportExport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/import-export');
+    export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/invert-colors-off');
+    export import CommunicationLiveHelp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/live-help');
+    export import CommunicationLocationOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/location-off');
+    export import CommunicationLocationOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/location-on');
+    export import CommunicationMailOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/mail-outline');
+    export import CommunicationMessage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/message');
+    export import CommunicationNoSim = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/no-sim');
+    export import CommunicationPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phone');
+    export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-erase');
+    export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-lock');
+    export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-ring');
+    export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-setup');
+    export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/portable-wifi-off');
+    export import CommunicationPresentToAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/present-to-all');
+    export import CommunicationRingVolume = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/ring-volume');
+    export import CommunicationScreenShare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/screen-share');
+    export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/speaker-phone');
+    export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-current-landscape');
+    export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-current-portrait');
+    export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-primary-landscape');
+    export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-primary-portrait');
+    export import CommunicationStopScreenShare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stop-screen-share');
+    export import CommunicationSwapCalls = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/swap-calls');
+    export import CommunicationTactMail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/tact-mail');
+    export import CommunicationTextsms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/textsms');
+    export import CommunicationVoicemail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/voicemail');
+    export import CommunicationVpnKey = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/vpn-key');
+    export import ContentAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add');
+    export import ContentAddBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add-box');
+    export import ContentAddCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add-circle');
+    export import ContentAddCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add-circle-outline');
+    export import ContentArchive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/archive');
+    export import ContentBackspace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/backspace');
+    export import ContentBlock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/block');
+    export import ContentClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/clear');
+    export import ContentContentCopy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/content-copy');
+    export import ContentContentCut = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/content-cut');
+    export import ContentContentPaste = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/content-paste');
+    export import ContentCreate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/create');
+    export import ContentDrafts = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/drafts');
+    export import ContentFilterList = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/filter-list');
+    export import ContentFlag = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/flag');
+    export import ContentFontDownload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/font-download');
+    export import ContentForward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/forward');
+    export import ContentGesture = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/gesture');
+    export import ContentInbox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/inbox');
+    export import ContentLink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/link');
+    export import ContentMail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/mail');
+    export import ContentMarkunread = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/markunread');
+    export import ContentMoveToInbox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/move-to-inbox');
+    export import ContentNextWeek = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/next-week');
+    export import ContentRedo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/redo');
+    export import ContentRemove = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/remove');
+    export import ContentRemoveCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/remove-circle');
+    export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/remove-circle-outline');
+    export import ContentReply = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/reply');
+    export import ContentReplyAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/reply-all');
+    export import ContentReport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/report');
+    export import ContentSave = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/save');
+    export import ContentSelectAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/select-all');
+    export import ContentSend = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/send');
+    export import ContentSort = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/sort');
+    export import ContentTextFormat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/text-format');
+    export import ContentUnarchive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/unarchive');
+    export import ContentUndo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/undo');
+    export import ContentWeekend = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/weekend');
+    export import DeviceAccessAlarm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/access-alarm');
+    export import DeviceAccessAlarms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/access-alarms');
+    export import DeviceAccessTime = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/access-time');
+    export import DeviceAddAlarm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/add-alarm');
+    export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/airplanemode-active');
+    export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/airplanemode-inactive');
+    export import DeviceBattery20 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-20');
+    export import DeviceBattery30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-30');
+    export import DeviceBattery50 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-50');
+    export import DeviceBattery60 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-60');
+    export import DeviceBattery80 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-80');
+    export import DeviceBattery90 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-90');
+    export import DeviceBatteryAlert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-alert');
+    export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-20');
+    export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-30');
+    export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-50');
+    export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-60');
+    export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-80');
+    export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-90');
+    export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-full');
+    export import DeviceBatteryFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-full');
+    export import DeviceBatteryStd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-std');
+    export import DeviceBatteryUnknown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-unknown');
+    export import DeviceBluetooth = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth');
+    export import DeviceBluetoothConnected = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth-connected');
+    export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth-disabled');
+    export import DeviceBluetoothSearching = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth-searching');
+    export import DeviceBrightnessAuto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-auto');
+    export import DeviceBrightnessHigh = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-high');
+    export import DeviceBrightnessLow = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-low');
+    export import DeviceBrightnessMedium = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-medium');
+    export import DeviceDataUsage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/data-usage');
+    export import DeviceDeveloperMode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/developer-mode');
+    export import DeviceDevices = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/devices');
+    export import DeviceDvr = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/dvr');
+    export import DeviceGpsFixed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/gps-fixed');
+    export import DeviceGpsNotFixed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/gps-not-fixed');
+    export import DeviceGpsOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/gps-off');
+    export import DeviceGraphicEq = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/graphic-eq');
+    export import DeviceLocationDisabled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/location-disabled');
+    export import DeviceLocationSearching = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/location-searching');
+    export import DeviceNetworkCell = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/network-cell');
+    export import DeviceNetworkWifi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/network-wifi');
+    export import DeviceNfc = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/nfc');
+    export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-lock-landscape');
+    export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-lock-portrait');
+    export import DeviceScreenLockRotation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-lock-rotation');
+    export import DeviceScreenRotation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-rotation');
+    export import DeviceSdStorage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/sd-storage');
+    export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/settings-system-daydream');
+    export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-0-bar');
+    export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-1-bar');
+    export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-2-bar');
+    export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-3-bar');
+    export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-4-bar');
+    export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-0-bar');
+    export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-1-bar');
+    export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-2-bar');
+    export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-3-bar');
+    export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-4-bar');
+    export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-no-sim');
+    export import DeviceSignalCellularNull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-null');
+    export import DeviceSignalCellularOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-off');
+    export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-0-bar');
+    export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-1-bar');
+    export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-1-bar-lock');
+    export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-2-bar');
+    export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-2-bar-lock');
+    export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-3-bar');
+    export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-3-bar-lock');
+    export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-4-bar');
+    export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-4-bar-lock');
+    export import DeviceSignalWifiOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-off');
+    export import DeviceStorage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/storage');
+    export import DeviceUsb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/usb');
+    export import DeviceWallpaper = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/wallpaper');
+    export import DeviceWidgets = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/widgets');
+    export import DeviceWifiLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/wifi-lock');
+    export import DeviceWifiTethering = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/wifi-tethering');
+    export import EditorAttachFile = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/attach-file');
+    export import EditorAttachMoney = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/attach-money');
+    export import EditorBorderAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-all');
+    export import EditorBorderBottom = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-bottom');
+    export import EditorBorderClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-clear');
+    export import EditorBorderColor = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-color');
+    export import EditorBorderHorizontal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-horizontal');
+    export import EditorBorderInner = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-inner');
+    export import EditorBorderLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-left');
+    export import EditorBorderOuter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-outer');
+    export import EditorBorderRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-right');
+    export import EditorBorderStyle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-style');
+    export import EditorBorderTop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-top');
+    export import EditorBorderVertical = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-vertical');
+    export import EditorDragHandle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/drag-handle');
+    export import EditorFormatAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-center');
+    export import EditorFormatAlignJustify = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-justify');
+    export import EditorFormatAlignLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-left');
+    export import EditorFormatAlignRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-right');
+    export import EditorFormatBold = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-bold');
+    export import EditorFormatClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-clear');
+    export import EditorFormatColorFill = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-color-fill');
+    export import EditorFormatColorReset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-color-reset');
+    export import EditorFormatColorText = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-color-text');
+    export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-indent-decrease');
+    export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-indent-increase');
+    export import EditorFormatItalic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-italic');
+    export import EditorFormatLineSpacing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-line-spacing');
+    export import EditorFormatListBulleted = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-list-bulleted');
+    export import EditorFormatListNumbered = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-list-numbered');
+    export import EditorFormatPaint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-paint');
+    export import EditorFormatQuote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-quote');
+    export import EditorFormatShapes = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-shapes');
+    export import EditorFormatSize = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-size');
+    export import EditorFormatStrikethrough = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-strikethrough');
+    export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-textdirection-l-to-r');
+    export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-textdirection-r-to-l');
+    export import EditorFormatUnderlined = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-underlined');
+    export import EditorFunctions = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/functions');
+    export import EditorHighlight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/highlight');
+    export import EditorInsertChart = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-chart');
+    export import EditorInsertComment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-comment');
+    export import EditorInsertDriveFile = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-drive-file');
+    export import EditorInsertEmoticon = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-emoticon');
+    export import EditorInsertInvitation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-invitation');
+    export import EditorInsertLink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-link');
+    export import EditorInsertPhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-photo');
+    export import EditorLinearScale = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/linear-scale');
+    export import EditorMergeType = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/merge-type');
+    export import EditorModeComment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/mode-comment');
+    export import EditorModeEdit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/mode-edit');
+    export import EditorMoneyOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/money-off');
+    export import EditorPublish = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/publish');
+    export import EditorShortText = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/short-text');
+    export import EditorSpaceBar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/space-bar');
+    export import EditorStrikethroughS = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/strikethrough-s');
+    export import EditorTextFields = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/text-fields');
+    export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/vertical-align-bottom');
+    export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/vertical-align-center');
+    export import EditorVerticalAlignTop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/vertical-align-top');
+    export import EditorWrapText = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/wrap-text');
+    export import FileAttachment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/attachment');
+    export import FileCloud = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud');
+    export import FileCloudCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-circle');
+    export import FileCloudDone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-done');
+    export import FileCloudDownload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-download');
+    export import FileCloudOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-off');
+    export import FileCloudQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-queue');
+    export import FileCloudUpload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-upload');
+    export import FileCreateNewFolder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/create-new-folder');
+    export import FileFileDownload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/file-download');
+    export import FileFileUpload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/file-upload');
+    export import FileFolder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/folder');
+    export import FileFolderOpen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/folder-open');
+    export import FileFolderShared = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/folder-shared');
+    export import HardwareCast = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/cast');
+    export import HardwareCastConnected = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/cast-connected');
+    export import HardwareComputer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/computer');
+    export import HardwareDesktopMac = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/desktop-mac');
+    export import HardwareDesktopWindows = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/desktop-windows');
+    export import HardwareDeveloperBoard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/developer-board');
+    export import HardwareDeviceHub = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/device-hub');
+    export import HardwareDevicesOther = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/devices-other');
+    export import HardwareDock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/dock');
+    export import HardwareGamepad = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/gamepad');
+    export import HardwareHeadset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/headset');
+    export import HardwareHeadsetMic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/headset-mic');
+    export import HardwareKeyboard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard');
+    export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-down');
+    export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-left');
+    export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-right');
+    export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-up');
+    export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-backspace');
+    export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-capslock');
+    export import HardwareKeyboardHide = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-hide');
+    export import HardwareKeyboardReturn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-return');
+    export import HardwareKeyboardTab = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-tab');
+    export import HardwareKeyboardVoice = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-voice');
+    export import HardwareLaptop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop');
+    export import HardwareLaptopChromebook = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop-chromebook');
+    export import HardwareLaptopMac = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop-mac');
+    export import HardwareLaptopWindows = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop-windows');
+    export import HardwareMemory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/memory');
+    export import HardwareMouse = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/mouse');
+    export import HardwarePhoneAndroid = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phone-android');
+    export import HardwarePhoneIphone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phone-iphone');
+    export import HardwarePhonelink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phonelink');
+    export import HardwarePhonelinkOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phonelink-off');
+    export import HardwarePowerInput = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/power-input');
+    export import HardwareRouter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/router');
+    export import HardwareScanner = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/scanner');
+    export import HardwareSecurity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/security');
+    export import HardwareSimCard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/sim-card');
+    export import HardwareSmartphone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/smartphone');
+    export import HardwareSpeaker = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/speaker');
+    export import HardwareSpeakerGroup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/speaker-group');
+    export import HardwareTablet = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tablet');
+    export import HardwareTabletAndroid = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tablet-android');
+    export import HardwareTabletMac = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tablet-mac');
+    export import HardwareToys = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/toys');
+    export import HardwareTv = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tv');
+    export import HardwareVideogameAsset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/videogame-asset');
+    export import HardwareWatch = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/watch');
+    export import ImageAddAPhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/add-a-photo');
+    export import ImageAddToPhotos = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/add-to-photos');
+    export import ImageAdjust = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/adjust');
+    export import ImageAssistant = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/assistant');
+    export import ImageAssistantPhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/assistant-photo');
+    export import ImageAudiotrack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/audiotrack');
+    export import ImageBlurCircular = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-circular');
+    export import ImageBlurLinear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-linear');
+    export import ImageBlurOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-off');
+    export import ImageBlurOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-on');
+    export import ImageBrightness1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-1');
+    export import ImageBrightness2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-2');
+    export import ImageBrightness3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-3');
+    export import ImageBrightness4 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-4');
+    export import ImageBrightness5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-5');
+    export import ImageBrightness6 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-6');
+    export import ImageBrightness7 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-7');
+    export import ImageBrokenImage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/broken-image');
+    export import ImageBrush = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brush');
+    export import ImageCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera');
+    export import ImageCameraAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-alt');
+    export import ImageCameraFront = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-front');
+    export import ImageCameraRear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-rear');
+    export import ImageCameraRoll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-roll');
+    export import ImageCenterFocusStrong = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/center-focus-strong');
+    export import ImageCenterFocusWeak = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/center-focus-weak');
+    export import ImageCollections = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/collections');
+    export import ImageCollectionsBookmark = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/collections-bookmark');
+    export import ImageColorize = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/colorize');
+    export import ImageColorLens = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/color-lens');
+    export import ImageCompare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/compare');
+    export import ImageControlPoint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/control-point');
+    export import ImageControlPointDuplicate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/control-point-duplicate');
+    export import ImageCrop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop');
+    export import ImageCrop169 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-16-9');
+    export import ImageCrop32 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-3-2');
+    export import ImageCrop54 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-5-4');
+    export import ImageCrop75 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-7-5');
+    export import ImageCropDin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-din');
+    export import ImageCropFree = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-free');
+    export import ImageCropLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-landscape');
+    export import ImageCropOriginal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-original');
+    export import ImageCropPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-portrait');
+    export import ImageCropRotate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-rotate');
+    export import ImageCropSquare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-square');
+    export import ImageDehaze = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/dehaze');
+    export import ImageDetails = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/details');
+    export import ImageEdit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/edit');
+    export import ImageExposure = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure');
+    export import ImageExposureNeg1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-neg-1');
+    export import ImageExposureNeg2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-neg-2');
+    export import ImageExposurePlus1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-plus-1');
+    export import ImageExposurePlus2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-plus-2');
+    export import ImageExposureZero = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-zero');
+    export import ImageFilter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter');
+    export import ImageFilter1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-1');
+    export import ImageFilter2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-2');
+    export import ImageFilter3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-3');
+    export import ImageFilter4 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-4');
+    export import ImageFilter5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-5');
+    export import ImageFilter6 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-6');
+    export import ImageFilter7 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-7');
+    export import ImageFilter8 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-8');
+    export import ImageFilter9 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-9');
+    export import ImageFilter9Plus = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-9-plus');
+    export import ImageFilterBAndW = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-b-and-w');
+    export import ImageFilterCenterFocus = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-center-focus');
+    export import ImageFilterDrama = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-drama');
+    export import ImageFilterFrames = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-frames');
+    export import ImageFilterHdr = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-hdr');
+    export import ImageFilterNone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-none');
+    export import ImageFilterTiltShift = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-tilt-shift');
+    export import ImageFilterVintage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-vintage');
+    export import ImageFlare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flare');
+    export import ImageFlashAuto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flash-auto');
+    export import ImageFlashOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flash-off');
+    export import ImageFlashOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flash-on');
+    export import ImageFlip = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flip');
+    export import ImageGradient = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/gradient');
+    export import ImageGrain = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/grain');
+    export import ImageGridOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/grid-off');
+    export import ImageGridOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/grid-on');
+    export import ImageHdrOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-off');
+    export import ImageHdrOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-on');
+    export import ImageHdrStrong = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-strong');
+    export import ImageHdrWeak = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-weak');
+    export import ImageHealing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/healing');
+    export import ImageImage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/image');
+    export import ImageImageAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/image-aspect-ratio');
+    export import ImageIso = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/iso');
+    export import ImageLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/landscape');
+    export import ImageLeakAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/leak-add');
+    export import ImageLeakRemove = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/leak-remove');
+    export import ImageLens = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/lens');
+    export import ImageLinkedCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/linked-camera');
+    export import ImageLooks = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks');
+    export import ImageLooks3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-3');
+    export import ImageLooks4 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-4');
+    export import ImageLooks5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-5');
+    export import ImageLooks6 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-6');
+    export import ImageLooksOne = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-one');
+    export import ImageLooksTwo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-two');
+    export import ImageLoupe = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/loupe');
+    export import ImageMonochromePhotos = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/monochrome-photos');
+    export import ImageMovieCreation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/movie-creation');
+    export import ImageMovieFilter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/movie-filter');
+    export import ImageMusicNote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/music-note');
+    export import ImageNature = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/nature');
+    export import ImageNaturePeople = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/nature-people');
+    export import ImageNavigateBefore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/navigate-before');
+    export import ImageNavigateNext = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/navigate-next');
+    export import ImagePalette = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/palette');
+    export import ImagePanorama = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama');
+    export import ImagePanoramaFishEye = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-fish-eye');
+    export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-horizontal');
+    export import ImagePanoramaVertical = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-vertical');
+    export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-wide-angle');
+    export import ImagePhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo');
+    export import ImagePhotoAlbum = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-album');
+    export import ImagePhotoCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-camera');
+    export import ImagePhotoFilter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-filter');
+    export import ImagePhotoLibrary = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-library');
+    export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-size-select-actual');
+    export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-size-select-large');
+    export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-size-select-small');
+    export import ImagePictureAsPdf = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/picture-as-pdf');
+    export import ImagePortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/portrait');
+    export import ImageRemoveRedEye = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/remove-red-eye');
+    export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/rotate-90-degrees-ccw');
+    export import ImageRotateLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/rotate-left');
+    export import ImageRotateRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/rotate-right');
+    export import ImageSlideshow = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/slideshow');
+    export import ImageStraighten = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/straighten');
+    export import ImageStyle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/style');
+    export import ImageSwitchCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/switch-camera');
+    export import ImageSwitchVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/switch-video');
+    export import ImageTagFaces = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/tag-faces');
+    export import ImageTexture = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/texture');
+    export import ImageTimelapse = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timelapse');
+    export import ImageTimer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer');
+    export import ImageTimer10 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer-10');
+    export import ImageTimer3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer-3');
+    export import ImageTimerOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer-off');
+    export import ImageTonality = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/tonality');
+    export import ImageTransform = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/transform');
+    export import ImageTune = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/tune');
+    export import ImageViewComfy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/view-comfy');
+    export import ImageViewCompact = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/view-compact');
+    export import ImageVignette = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/vignette');
+    export import ImageWbAuto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-auto');
+    export import ImageWbCloudy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-cloudy');
+    export import ImageWbIncandescent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-incandescent');
+    export import ImageWbIridescent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-iridescent');
+    export import ImageWbSunny = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-sunny');
+    export import Index = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/index');
+    export import IndexGenerator = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/index-generator');
+    export import MapsAddLocation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/add-location');
+    export import MapsBeenhere = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/beenhere');
+    export import MapsDirections = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions');
+    export import MapsDirectionsBike = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-bike');
+    export import MapsDirectionsBoat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-boat');
+    export import MapsDirectionsBus = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-bus');
+    export import MapsDirectionsCar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-car');
+    export import MapsDirectionsRailway = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-railway');
+    export import MapsDirectionsRun = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-run');
+    export import MapsDirectionsSubway = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-subway');
+    export import MapsDirectionsTransit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-transit');
+    export import MapsDirectionsWalk = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-walk');
+    export import MapsEditLocation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/edit-location');
+    export import MapsFlight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/flight');
+    export import MapsHotel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/hotel');
+    export import MapsLayers = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/layers');
+    export import MapsLayersClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/layers-clear');
+    export import MapsLocalActivity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-activity');
+    export import MapsLocalAirport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-airport');
+    export import MapsLocalAtm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-atm');
+    export import MapsLocalBar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-bar');
+    export import MapsLocalCafe = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-cafe');
+    export import MapsLocalCarWash = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-car-wash');
+    export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-convenience-store');
+    export import MapsLocalDining = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-dining');
+    export import MapsLocalDrink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-drink');
+    export import MapsLocalFlorist = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-florist');
+    export import MapsLocalGasStation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-gas-station');
+    export import MapsLocalGroceryStore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-grocery-store');
+    export import MapsLocalHospital = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-hospital');
+    export import MapsLocalHotel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-hotel');
+    export import MapsLocalLaundryService = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-laundry-service');
+    export import MapsLocalLibrary = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-library');
+    export import MapsLocalMall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-mall');
+    export import MapsLocalMovies = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-movies');
+    export import MapsLocalOffer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-offer');
+    export import MapsLocalParking = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-parking');
+    export import MapsLocalPharmacy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-pharmacy');
+    export import MapsLocalPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-phone');
+    export import MapsLocalPizza = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-pizza');
+    export import MapsLocalPlay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-play');
+    export import MapsLocalPostOffice = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-post-office');
+    export import MapsLocalPrintshop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-printshop');
+    export import MapsLocalSee = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-see');
+    export import MapsLocalShipping = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-shipping');
+    export import MapsLocalTaxi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-taxi');
+    export import MapsMap = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/map');
+    export import MapsMyLocation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/my-location');
+    export import MapsNavigation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/navigation');
+    export import MapsNearMe = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/near-me');
+    export import MapsPersonPin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/person-pin');
+    export import MapsPersonPinCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/person-pin-circle');
+    export import MapsPinDrop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/pin-drop');
+    export import MapsPlace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/place');
+    export import MapsRateReview = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/rate-review');
+    export import MapsRestaurantMenu = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/restaurant-menu');
+    export import MapsSatellite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/satellite');
+    export import MapsStoreMallDirectory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/store-mall-directory');
+    export import MapsTerrain = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/terrain');
+    export import MapsTraffic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/traffic');
+    export import MapsZoomOutMap = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/zoom-out-map');
+    export import NavigationApps = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/apps');
+    export import NavigationArrowBack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-back');
+    export import NavigationArrowDownward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-downward');
+    export import NavigationArrowDropDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-drop-down');
+    export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-drop-down-circle');
+    export import NavigationArrowDropRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation-arrow-drop-right');
+    export import NavigationArrowDropUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-drop-up');
+    export import NavigationArrowForward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-forward');
+    export import NavigationArrowUpward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-upward');
+    export import NavigationCancel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/cancel');
+    export import NavigationCheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/check');
+    export import NavigationChevronLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/chevron-left');
+    export import NavigationChevronRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/chevron-right');
+    export import NavigationClose = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/close');
+    export import NavigationExpandLess = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/expand-less');
+    export import NavigationExpandMore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/expand-more');
+    export import NavigationFullscreen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/fullscreen');
+    export import NavigationFullscreenExit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/fullscreen-exit');
+    export import NavigationMenu = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/menu');
+    export import NavigationMoreHoriz = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/more-horiz');
+    export import NavigationMoreVert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/more-vert');
+    export import NavigationRefresh = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/refresh');
+    export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/subdirectory-arrow-left');
+    export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/subdirectory-arrow-right');
+    export import NavigationUnfoldLess = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/unfold-less');
+    export import NavigationUnfoldMore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/unfold-more');
+    export import NotificationAdb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/adb');
+    export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-flat');
+    export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-flat-angled');
+    export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-individual-suite');
+    export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-legroom-extra');
+    export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-legroom-normal');
+    export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-legroom-reduced');
+    export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-recline-extra');
+    export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-recline-normal');
+    export import NotificationBluetoothAudio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/bluetooth-audio');
+    export import NotificationConfirmationNumber = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/confirmation-number');
+    export import NotificationDiscFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/disc-full');
+    export import NotificationDoNotDisturb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/do-not-disturb');
+    export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/do-not-disturb-alt');
+    export import NotificationDriveEta = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/drive-eta');
+    export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/enhanced-encryption');
+    export import NotificationEventAvailable = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/event-available');
+    export import NotificationEventBusy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/event-busy');
+    export import NotificationEventNote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/event-note');
+    export import NotificationFolderSpecial = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/folder-special');
+    export import NotificationLiveTv = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/live-tv');
+    export import NotificationMms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/mms');
+    export import NotificationMore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/more');
+    export import NotificationNetworkCheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/network-check');
+    export import NotificationNetworkLocked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/network-locked');
+    export import NotificationNoEncryption = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/no-encryption');
+    export import NotificationOndemandVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/ondemand-video');
+    export import NotificationPersonalVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/personal-video');
+    export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-bluetooth-speaker');
+    export import NotificationPhoneForwarded = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-forwarded');
+    export import NotificationPhoneInTalk = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-in-talk');
+    export import NotificationPhoneLocked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-locked');
+    export import NotificationPhoneMissed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-missed');
+    export import NotificationPhonePaused = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-paused');
+    export import NotificationPower = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/power');
+    export import NotificationRvHookup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/rv-hookup');
+    export import NotificationSdCard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sd-card');
+    export import NotificationSimCardAlert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sim-card-alert');
+    export import NotificationSms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sms');
+    export import NotificationSmsFailed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sms-failed');
+    export import NotificationSync = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sync');
+    export import NotificationSyncDisabled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sync-disabled');
+    export import NotificationSyncProblem = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sync-problem');
+    export import NotificationSystemUpdate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/system-update');
+    export import NotificationTapAndPlay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/tap-and-play');
+    export import NotificationTimeToLeave = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/time-to-leave');
+    export import NotificationVibration = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/vibration');
+    export import NotificationVoiceChat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/voice-chat');
+    export import NotificationVpnLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/vpn-lock');
+    export import NotificationWc = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/wc');
+    export import NotificationWifi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/wifi');
+    export import PlacesAcUnit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/ac-unit');
+    export import PlacesAirportShuttle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/airport-shuttle');
+    export import PlacesAllInclusive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/all-inclusive');
+    export import PlacesBeachAccess = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/beach-access');
+    export import PlacesBusinessCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/business-center');
+    export import PlacesCasino = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/casino');
+    export import PlacesChildCare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/child-care');
+    export import PlacesChildFriendly = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/child-friendly');
+    export import PlacesFitnessCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/fitness-center');
+    export import PlacesFreeBreakfast = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/free-breakfast');
+    export import PlacesGolfCourse = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/golf-course');
+    export import PlacesHotTub = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/hot-tub');
+    export import PlacesKitchen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/kitchen');
+    export import PlacesPool = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/pool');
+    export import PlacesRoomService = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/room-service');
+    export import PlacesSmokeFree = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/smoke-free');
+    export import PlacesSmokingRooms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/smoking-rooms');
+    export import PlacesSpa = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/spa');
+    export import SocialCake = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/cake');
+    export import SocialDomain = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/domain');
+    export import SocialGroup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/group');
+    export import SocialGroupAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/group-add');
+    export import SocialLocationCity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/location-city');
+    export import SocialMood = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/mood');
+    export import SocialMoodBad = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/mood-bad');
+    export import SocialNotifications = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications');
+    export import SocialNotificationsActive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-active');
+    export import SocialNotificationsNone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-none');
+    export import SocialNotificationsOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-off');
+    export import SocialNotificationsPaused = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-paused');
+    export import SocialPages = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/pages');
+    export import SocialPartyMode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/party-mode');
+    export import SocialPeople = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/people');
+    export import SocialPeopleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/people-outline');
+    export import SocialPerson = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/person');
+    export import SocialPersonAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/person-add');
+    export import SocialPersonOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/person-outline');
+    export import SocialPlusOne = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/plus-one');
+    export import SocialPoll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/poll');
+    export import SocialPublic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/public');
+    export import SocialSchool = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/school');
+    export import SocialShare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/share');
+    export import SocialWhatshot = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/whatshot');
+    export import ToggleCheckBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/check-box');
+    export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/check-box-outline-blank');
+    export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/indeterminate-check-box');
+    export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/radio-button-checked');
+    export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/radio-button-unchecked');
+    export import ToggleStar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/star');
+    export import ToggleStarBorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/star-border');
+    export import ToggleStarHalf = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/star-half');
+}
+
+
+declare module 'material-ui/internal/AppCanvas' {
+  interface AppCanvasProps extends __React.Props<AppCanvas> { }
+  class AppCanvas extends __React.Component<AppCanvasProps, {}> { }
+  export default AppCanvas;
+}
+declare module 'material-ui/internal/AutoLockScrolling' {
+  interface AutoLockScrollingProps extends __React.Props<AutoLockScrolling> {
+    lock: boolean;
+  }
+  class AutoLockScrolling extends __React.Component<AutoLockScrollingProps, {}> { }
+  export default AutoLockScrolling;
+}
+declare module 'material-ui/internal/BeforeAfterWrapper' {
+  interface BeforeAfterWrapperProps extends __React.Props<BeforeAfterWrapper> {
+    afterElementType?: string,
+    afterStyle?: __React.CSSProperties,
+    beforeElementType?: string,
+    beforeStyle?: __React.CSSProperties,
+    elementType?: string,
+    style?: __React.CSSProperties,
+  }
+  class BeforeAfterWrapper extends __React.Component<BeforeAfterWrapperProps, {}> { }
+  export default BeforeAfterWrapper;
+}
+declare module 'material-ui/internal/CircleRipple' {
+  interface CircleRippleProps extends __React.Props<CircleRipple> {
+    aborted?: boolean;
+    color?: string;
+    opacity?: number;
+    style?: __React.CSSProperties;
+  }
+  class CircleRipple extends __React.Component<CircleRippleProps, {}> { }
+  export default CircleRipple;
+}
+declare module 'material-ui/internal/ClearFix' {
+  interface ClearFixProps extends __React.Props<ClearFix> {
+    style?: __React.CSSProperties;
+  }
+  class ClearFix extends __React.Component<ClearFixProps, {}> { }
+  export default ClearFix;
+}
+declare module 'material-ui/internal/ClickAwayListener' {
+  interface ClickAwayListenerProps extends __React.Props<ClickAwayListener> {
+    onClickAway?: any,
+  }
+  class ClickAwayListener extends __React.Component<ClickAwayListenerProps, {}> { }
+  export default ClickAwayListener;
+}
+declare module 'material-ui/internal/EnhancedButton' {
+  interface EnhancedButtonProps extends __MaterialUI.SharedEnhancedButtonProps<EnhancedButton> {}
+  class EnhancedButton extends __React.Component<EnhancedButtonProps, {}> {}
+  export default EnhancedButton;
+}
+declare module 'material-ui/internal/EnhancedSwitch' {
+  interface EnhancedSwitchProps extends __MaterialUI.Switches.CommonEnhancedSwitchProps<EnhancedSwitch> {}
+  class EnhancedSwitch extends __React.Component<EnhancedSwitchProps, {}> {}
+  export default EnhancedSwitch;
+}
+declare module 'material-ui/internal/ExpandTransition' {
+  interface ExpandTransitionProps extends __React.Props<ExpandTransition> {
+    enterDelay?: number;
+    loading?: boolean;
+    open?: boolean;
+    style?: __React.CSSProperties;
+    transitionDelay?: number;
+    transitionDuration?: number;
+  }
+  class ExpandTransition extends __React.Component<ExpandTransitionProps, {}> { }
+  export default ExpandTransition;
+}
+declare module 'material-ui/internal/ExpandTransitionChild' {
+  interface ExpandTransitionChildProps extends __React.Props<ExpandTransitionChild> {
+    enterDelay?: number;
+    style?: __React.CSSProperties;
+    transitionDelay?: number;
+    transitionDuration?: number;
+  }
+  class ExpandTransitionChild extends __React.Component<ExpandTransitionChildProps, {}> { }
+  export default ExpandTransitionChild;
+}
+declare module 'material-ui/internal/FocusRipple' {
+  interface FocusRippleProps extends __React.Props<FocusRipple> {
+    color?: string,
+    innerStyle?: __React.CSSProperties,
+    opacity?: number,
+    show?: boolean,
+    style?: __React.CSSProperties
+  }
+  class FocusRipple extends __React.Component<FocusRippleProps, {}> { }
+  export default FocusRipple;
+}
+declare module 'material-ui/internal/Overlay' {
+  interface OverlayProps extends __React.Props<Overlay> {
+    autoLockScrolling?: boolean;
+    show: boolean;
+    style?: __React.CSSProperties;
+    transitionEnabled?: boolean;
+  }
+  class Overlay extends __React.Component<OverlayProps, {}> { }
+  export default Overlay;
+}
+declare module 'material-ui/internal/RenderToLayer' {
+  interface RenderToLayerProps extends __React.Props<RenderToLayer> {
+    componentClickAway?: Function;
+    open: boolean;
+    render: Function;
+    useLayerForClickAway?: boolean;
+  }
+  class RenderToLayer extends __React.Component<RenderToLayerProps, {}> { }
+  export default RenderToLayer;
+}
+declare module 'material-ui/internal/ScaleIn' {
+  interface ScaleInProps extends __React.Props<ScaleIn> {
+    childStyle?: __React.CSSProperties;
+    enterDelay?: number;
+    maxScale?: number;
+    minScale?: number;
+  }
+  class ScaleIn extends __React.Component<ScaleInProps, {}> { }
+  export default ScaleIn;
+}
+declare module 'material-ui/internal/ScaleInChild' {
+  interface ScaleInChildProps extends __React.Props<ScaleInChild> {
+    enterDelay?: number;
+    maxScale?: number;
+    minScale?: number;
+    style?: __React.CSSProperties;
+  }
+  class ScaleInChild extends __React.Component<ScaleInChildProps, {}> { }
+  export default ScaleInChild;
+}
+declare module 'material-ui/internal/SlideIn' {
+  interface SlideInProps extends __React.Props<SlideIn> {
+    childStyle?: __React.CSSProperties;
+    direction?: __MaterialUI.propTypes.direction;
+    enterDelay?: number;
+    style?: __React.CSSProperties;
+  }
+  class SlideIn extends __React.Component<SlideInProps, {}> { }
+  export default SlideIn;
+}
+declare module 'material-ui/internal/SlideInChild' {
+  interface SlideInChildProps extends __React.Props<SlideInChild> {
+    direction?: string,
+    enterDelay?: number;
+    getLeaveDirection: Function;
+    style?: __React.CSSProperties;
+  }
+  class SlideInChild extends __React.Component<SlideInChildProps, {}> { }
+  export default SlideInChild;
+}
+declare module 'material-ui/internal/Tooltip' {
+  interface TooltipProps extends __React.Props<Tooltip> {
+    className?: string;
+    horizontalPosition?: __MaterialUI.propTypes.horizontal;
+    label: any;
+    show?: boolean;
+    style?: __React.CSSProperties;
+    touch?: boolean;
+    verticalPosition?: __MaterialUI.propTypes.vertical;
+  }
+  class Tooltip extends __React.Component<TooltipProps, {}> { }
+  export default Tooltip;
+}
+declare module 'material-ui/internal/TouchRipple' {
+  interface TouchRippleProps extends __React.Props<TouchRipple> {
+    abortOnScroll?: boolean,
+    centerRipple?: boolean;
+    color?: string;
+    opacity?: number;
+    style?: __React.CSSProperties
+  }
+  class TouchRipple extends __React.Component<TouchRippleProps, {}> { }
+  export default TouchRipple;
+}
diff --git a/material-ui/material-ui-global.d.ts b/material-ui/material-ui-global.d.ts
index a493c6a9ca..c036f8bfda 100644
--- a/material-ui/material-ui-global.d.ts
+++ b/material-ui/material-ui-global.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for material-ui v0.15.1
+// Type definitions for material-ui v0.16.0
 // Project: https://github.com/callemall/material-ui
 // Definitions by: Nathan Brown <https://github.com/ngbrown>, Oliver Herrmann <https://github.com/herrmanno>, Vladimir Pouzanov <https://github.com/farcaller>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/material-ui/material-ui-tests.tsx b/material-ui/material-ui-tests.tsx
index d350025217..014d933471 100644
--- a/material-ui/material-ui-tests.tsx
+++ b/material-ui/material-ui-tests.tsx
@@ -6,13 +6,10 @@
 import * as React from 'react';
 import {Component, PropTypes} from 'react';
 import * as ReactDOM from 'react-dom';
-
 import getMuiTheme from 'material-ui/styles/getMuiTheme';
 import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
 import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';
-import muiThemeable from 'material-ui/styles/muiThemeable';
-import {MuiTheme} from 'material-ui/styles'
-
+import {MuiTheme} from 'material-ui/styles';
 import AppBar from 'material-ui/AppBar';
 import AutoComplete from 'material-ui/AutoComplete';
 import Avatar from 'material-ui/Avatar';
@@ -47,15 +44,16 @@ import TimePicker from 'material-ui/TimePicker';
 import Toggle from 'material-ui/Toggle';
 import {Card, CardActions, CardHeader, CardMedia, CardTitle, CardText} from 'material-ui/Card';
 import {GridList, GridTile} from 'material-ui/GridList';
-import {MakeSelectable} from 'material-ui/List';
+import {makeSelectable} from 'material-ui/List';
 import {Menu} from 'material-ui/Menu';
 import {Popover, PopoverAnimationVertical} from 'material-ui/Popover';
 import {RadioButton, RadioButtonGroup} from 'material-ui/RadioButton';
 import {Step, Stepper, StepLabel, StepContent, StepButton} from 'material-ui/Stepper';
-import {Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn, TableFooter} from 'material-ui/Table';
+import {
+    Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn, TableFooter
+} from 'material-ui/Table';
 import {Tabs, Tab} from 'material-ui/Tabs';
 import {Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarTitle} from 'material-ui/Toolbar';
-
 import ActionAndroid from 'material-ui/svg-icons/action/android';
 import ActionAssignment from 'material-ui/svg-icons/action/assignment';
 import ActionFavorite from 'material-ui/svg-icons/action/favorite';
@@ -77,9 +75,9 @@ import ContentLink from 'material-ui/svg-icons/content/link';
 import ContentSend from 'material-ui/svg-icons/content/send';
 import Delete from 'material-ui/svg-icons/action/delete';
 import Download from 'material-ui/svg-icons/file/file-download';
+import FileFileDownload from 'material-ui/svg-icons/file/file-download';
 import EditorInsertChart from 'material-ui/svg-icons/editor/insert-chart';
 import FileCloudDownload from 'material-ui/svg-icons/file/cloud-download';
-import FileFileDownload from 'material-ui/svg-icons/file/file-download';
 import FileFolder from 'material-ui/svg-icons/file/folder';
 import FolderIcon from 'material-ui/svg-icons/file/folder-open';
 import HardwareVideogameAsset from 'material-ui/svg-icons/hardware/videogame-asset';
@@ -94,25 +92,13 @@ import RemoveRedEye from 'material-ui/svg-icons/image/remove-red-eye';
 import StarBorder from 'material-ui/svg-icons/toggle/star-border';
 import UploadIcon from 'material-ui/svg-icons/file/cloud-upload';
 import WarningIcon from 'material-ui/svg-icons/alert/warning';
-
-import {cyan500, cyan700,
-  grey100, grey300, grey400, grey500,
-  pinkA200,
-  white, darkBlack, fullBlack, 
-  blue300,
-  indigo900,
-  orange200,
-  deepOrange300,
-  pink400,
-  purple500,
-  fullWhite,
-  blue500, red500, greenA200, yellow500,
-  transparent, yellow600, indigo500, lightBlack,
-  orange500,
+import {
+    cyan500, cyan700, grey100, grey300, grey400, grey500, pinkA200, white, darkBlack, fullBlack, blue300, indigo900,
+    orange200, deepOrange300, pink400, purple500, fullWhite, blue500, red500, greenA200, yellow500, transparent,
+    yellow600, indigo500, lightBlack, orange500
 } from 'material-ui/styles/colors';
 import {fade} from 'material-ui/utils/colorManipulator';
-
-import {SMALL, MEDIUM, LARGE, default as withWidth} from 'material-ui/utils/withWidth';
+import {default as withWidth} from 'material-ui/utils/withWidth';
 
 
 import injectTapEventPlugin = require('react-tap-event-plugin');
@@ -123,148 +109,148 @@ import injectTapEventPlugin = require('react-tap-event-plugin');
 injectTapEventPlugin();
 
 function handleTouchTap() {
-  alert('onTouchTap triggered on the title component');
+    alert('onTouchTap triggered on the title component');
 }
 
 const styles = {
-  title: {
-    cursor: 'pointer',
-  },
-  exampleImageInput: {
-    cursor: 'pointer',
-    position: 'absolute',
-    top: 0,
-    bottom: 0,
-    right: 0,
-    left: 0,
-    width: '100%',
-    opacity: 0,
-  },
-  button: {
-    margin: 12,
-  },
-  chip: {
-    margin: 4
-  },
-  smallIcon: {
-    width: 36,
-    height: 36,
-  },
-  mediumIcon: {
-    width: 48,
-    height: 48,
-  },
-  largeIcon: {
-    width: 60,
-    height: 60,
-  },
-  small: {
-    width: 72,
-    height: 72,
-    padding: 16,
-  },
-  medium: {
-    width: 96,
-    height: 96,
-    padding: 24,
-  },
-  large: {
-    width: 120,
-    height: 120,
-    padding: 30,
-  },
-  radioButton: {
-    marginTop: 16,
-  },
-  root: {
-    display: 'flex',
-    flexWrap: 'wrap',
-    justifyContent: 'space-around',
-  },
-  gridList: {
-    width: 500,
-    height: 500,
-    overflowY: 'auto',
-    marginBottom: 24,
-  },
-  paper: {
-    display: 'inline-block',
-    float: 'left',
-    margin: '16px 32px 16px 0',
-  },
-  rightIcon: {
-    textAlign: 'center',
-    lineHeight: '24px',
-  },
-  customWidth: {
-    width: 200,
-  },
-  h3: {
-    marginTop: 20,
-    fontWeight: 400,
-  },
-  block: {
-    display: 'flex',
-    maxWidth: 250,
-  },
-  block2: {
-    margin: 10,
-  },
-  container: {
-    position: 'relative',
-  },
-  refresh: {
-    display: 'inline-block',
-    position: 'relative',
-  },
-  checkbox: {
-    marginBottom: 16,
-  },
-  toggle: {
-    marginBottom: 16,
-  },
-  propContainer: {
-    width: 200,
-    overflow: 'hidden',
-    margin: '20px auto 0',
-  },
-  propToggleHeader: {
-    margin: '20px auto 10px',
-  },
-  headline: {
-    fontSize: 24,
-    paddingTop: 16,
-    marginBottom: 12,
-    fontWeight: 400,
-  },
-  errorStyle: {
-    color: orange500,
-  },
-  underlineStyle: {
-    borderColor: orange500,
-  },
-  floatingLabelStyle: {
-    color: orange500,
-  },
-  floatingLabelFocusStyle: {
-    color: blue500,
-  },
+    title: {
+        cursor: 'pointer',
+    },
+    exampleImageInput: {
+        cursor: 'pointer',
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        right: 0,
+        left: 0,
+        width: '100%',
+        opacity: 0,
+    },
+    button: {
+        margin: 12,
+    },
+    chip: {
+        margin: 4
+    },
+    smallIcon: {
+        width: 36,
+        height: 36,
+    },
+    mediumIcon: {
+        width: 48,
+        height: 48,
+    },
+    largeIcon: {
+        width: 60,
+        height: 60,
+    },
+    small: {
+        width: 72,
+        height: 72,
+        padding: 16,
+    },
+    medium: {
+        width: 96,
+        height: 96,
+        padding: 24,
+    },
+    large: {
+        width: 120,
+        height: 120,
+        padding: 30,
+    },
+    radioButton: {
+        marginTop: 16,
+    },
+    root: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        justifyContent: 'space-around',
+    },
+    gridList: {
+        width: 500,
+        height: 500,
+        overflowY: 'auto',
+        marginBottom: 24,
+    },
+    paper: {
+        display: 'inline-block',
+        float: 'left',
+        margin: '16px 32px 16px 0',
+    },
+    rightIcon: {
+        textAlign: 'center',
+        lineHeight: '24px',
+    },
+    customWidth: {
+        width: 200,
+    },
+    h3: {
+        marginTop: 20,
+        fontWeight: 400,
+    },
+    block: {
+        display: 'flex',
+        maxWidth: 250,
+    },
+    block2: {
+        margin: 10,
+    },
+    container: {
+        position: 'relative',
+    },
+    refresh: {
+        display: 'inline-block',
+        position: 'relative',
+    },
+    checkbox: {
+        marginBottom: 16,
+    },
+    toggle: {
+        marginBottom: 16,
+    },
+    propContainer: {
+        width: 200,
+        overflow: 'hidden',
+        margin: '20px auto 0',
+    },
+    propToggleHeader: {
+        margin: '20px auto 10px',
+    },
+    headline: {
+        fontSize: 24,
+        paddingTop: 16,
+        marginBottom: 12,
+        fontWeight: 400,
+    },
+    errorStyle: {
+        color: orange500,
+    },
+    underlineStyle: {
+        borderColor: orange500,
+    },
+    floatingLabelStyle: {
+        color: orange500,
+    },
+    floatingLabelFocusStyle: {
+        color: blue500,
+    },
 };
 
 const style = {
-  marginRight: 20,
-  marginLeft: 20,
-  display: 'inline-block',
-  margin: '16px 32px 16px 0',
+    marginRight: 20,
+    marginLeft: 20,
+    display: 'inline-block',
+    margin: '16px 32px 16px 0',
 };
 
 const customContentStyle = {
-  width: '100%',
-  maxWidth: 'none',
+    width: '100%',
+    maxWidth: 'none',
 };
 
 const iconStyles = {
-  marginRight: 24,
+    marginRight: 24,
 };
 
 // "http://www.material-ui.com/#/customization/themes"
@@ -273,107 +259,107 @@ const iconStyles = {
 // and then update the keys for each component that depends on it.
 // More on Colors: http://www.material-ui.com/#/customization/colors
 const muiTheme = getMuiTheme({
-  palette: {
-    textColor: cyan500,
-  },
-  appBar: {
-    height: 50,
-  },
+    palette: {
+        textColor: cyan500,
+    },
+    appBar: {
+        height: 50,
+    },
 });
 
 const darkMuiTheme = getMuiTheme(darkBaseTheme);
 
 const lightBaseTheme = {
-  spacing: {
-    iconSize: 24,
-    desktopGutter: 24,
-    desktopGutterMore: 32,
-    desktopGutterLess: 16,
-    desktopGutterMini: 8,
-    desktopKeylineIncrement: 64,
-    desktopDropDownMenuItemHeight: 32,
-    desktopDropDownMenuFontSize: 15,
-    desktopDrawerMenuItemHeight: 48,
-    desktopSubheaderHeight: 48,
-    desktopToolbarHeight: 56,
-  },
-  fontFamily: 'Roboto, sans-serif',
-  palette: {
-    primary1Color: cyan500,
-    primary2Color: cyan700,
-    primary3Color: grey400,
-    accent1Color: pinkA200,
-    accent2Color: grey100,
-    accent3Color: grey500,
-    textColor: darkBlack,
-    alternateTextColor: white,
-    canvasColor: white,
-    borderColor: grey300,
-    disabledColor: fade(darkBlack, 0.3),
-    pickerHeaderColor: cyan500,
-    clockCircleColor: fade(darkBlack, 0.07),
-    shadowColor: fullBlack,
-  },
+    spacing: {
+        iconSize: 24,
+        desktopGutter: 24,
+        desktopGutterMore: 32,
+        desktopGutterLess: 16,
+        desktopGutterMini: 8,
+        desktopKeylineIncrement: 64,
+        desktopDropDownMenuItemHeight: 32,
+        desktopDropDownMenuFontSize: 15,
+        desktopDrawerMenuItemHeight: 48,
+        desktopSubheaderHeight: 48,
+        desktopToolbarHeight: 56,
+    },
+    fontFamily: 'Roboto, sans-serif',
+    palette: {
+        primary1Color: cyan500,
+        primary2Color: cyan700,
+        primary3Color: grey400,
+        accent1Color: pinkA200,
+        accent2Color: grey100,
+        accent3Color: grey500,
+        textColor: darkBlack,
+        alternateTextColor: white,
+        canvasColor: white,
+        borderColor: grey300,
+        disabledColor: fade(darkBlack, 0.3),
+        pickerHeaderColor: cyan500,
+        clockCircleColor: fade(darkBlack, 0.07),
+        shadowColor: fullBlack,
+    },
 };
 
 const lightMuiTheme = getMuiTheme(lightBaseTheme);
 
 
 class DeepDownTheTree extends React.Component<{} & {muiTheme: MuiTheme}, {}> {
-  static propTypes: React.ValidationMap<any> = {
-    muiTheme: React.PropTypes.object.isRequired,
-  };
+    static propTypes: React.ValidationMap<any> = {
+        muiTheme: React.PropTypes.object.isRequired,
+    };
 
-  render() {
-    return (
-      <span style={{color: this.props.muiTheme.palette.textColor}}>
+    render() {
+        return (
+            <span style={{color: this.props.muiTheme.palette.textColor}}>
         Hello World!
       </span>
-    );
-  }
+        );
+    }
 }
 
 
 // "http://www.material-ui.com/#/customization/inline-styles"
 const InlineStylesCheckbox = () => (
-  <Checkbox
-    id="checkboxId1"
-    name="checkboxName1"
-    value="checkboxValue1"
-    label="went for a run today"
-    style={{
+    <Checkbox
+        id="checkboxId1"
+        name="checkboxName1"
+        value="checkboxValue1"
+        label="went for a run today"
+        style={{
       width: '50%',
       margin: '0 auto'
     }}
-    iconStyle={{
+        iconStyle={{
       fill: '#FF4081'
     }}
-  />
+    />
 );
 
 
 // "http://www.material-ui.com/#/components/app-bar"
 const AppBarExampleIcon = () => (
-  <AppBar
-    title="Title"
-    iconClassNameRight="muidocs-icon-navigation-expand-more"
-  />
+    <AppBar
+        title="Title"
+        iconClassNameRight="muidocs-icon-navigation-expand-more"
+    />
 );
 
 const AppBarExampleIconButton = () => (
-  <AppBar
-    title={<span style={styles.title}>Title</span>}
-    onTitleTouchTap={handleTouchTap}
-    iconElementLeft={<IconButton><NavigationClose /></IconButton>}
-    iconElementRight={<FlatButton label="Save" />}
-  />
-);  
+    <AppBar
+        title={<span style={styles.title}>Title</span>}
+        onTitleTouchTap={handleTouchTap}
+        iconElementLeft={<IconButton><NavigationClose /></IconButton>}
+        iconElementRight={<FlatButton label="Save" />}
+    />
+);
 
 const AppBarExampleIconMenu = () => (
-  <AppBar
-    title="Title"
-    iconElementLeft={<IconButton><NavigationClose /></IconButton>}
-    iconElementRight={
+    <AppBar
+        title="Title"
+        iconElementLeft={<IconButton><NavigationClose /></IconButton>}
+        iconElementRight={
       <IconMenu
         iconButtonElement={
           <IconButton><MoreVertIcon /></IconButton>
@@ -386,189 +372,192 @@ const AppBarExampleIconMenu = () => (
         <MenuItem primaryText="Sign out" />
       </IconMenu>
     }
-  />
+    />
 );
 
 // "http://www.material-ui.com/#/components/auto-complete"
 export class AutoCompleteExampleSimple extends React.Component<{}, {dataSource: string[]}> {
 
-  constructor(props) {
-    super(props);
+    constructor(props) {
+        super(props);
 
-    this.state = {
-      dataSource: [],
+        this.state = {
+            dataSource: [],
+        };
+    }
+
+    handleUpdateInput = (value) => {
+        this.setState({
+            dataSource: [
+                value,
+                value + value,
+                value + value + value,
+            ],
+        });
     };
-  }
 
-  handleUpdateInput = (value) => {
-    this.setState({
-      dataSource: [
-        value,
-        value + value,
-        value + value + value,
-      ],
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <AutoComplete
-          hintText="Type anything"
-          dataSource={this.state.dataSource}
-          onUpdateInput={this.handleUpdateInput}
-        />
-        <AutoComplete
-          hintText="Type anything"
-          dataSource={this.state.dataSource}
-          onUpdateInput={this.handleUpdateInput}
-          floatingLabelText="Full width"
-          fullWidth={true}
-        />
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <AutoComplete
+                    hintText="Type anything"
+                    dataSource={this.state.dataSource}
+                    onUpdateInput={this.handleUpdateInput}
+                />
+                <AutoComplete
+                    hintText="Type anything"
+                    dataSource={this.state.dataSource}
+                    onUpdateInput={this.handleUpdateInput}
+                    floatingLabelText="Full width"
+                    fullWidth={true}
+                    popoverProps={{
+            animated: true
+          }}
+                />
+            </div>
+        );
+    }
 }
 
 const dataSource1 = [
-  {
-    text: 'text-value1',
-    value: (
-      <MenuItem
-        primaryText="text-value1"
-        secondaryText="&#9786;"
-      />
-    ),
-  },
-  {
-    text: 'text-value2',
-    value: (
-      <MenuItem
-        primaryText="text-value2"
-        secondaryText="&#9786;"
-      />
-    ),
-  },
+    {
+        text: 'text-value1',
+        value: (
+            <MenuItem
+                primaryText="text-value1"
+                secondaryText="&#9786;"
+            />
+        ),
+    },
+    {
+        text: 'text-value2',
+        value: (
+            <MenuItem
+                primaryText="text-value2"
+                secondaryText="&#9786;"
+            />
+        ),
+    },
 ];
 
 const dataSource2 = ['12345', '23456', '34567'];
 
 const dataSource3 = [
-  {text: 'Some Text', value: 'someFirstValue'},
-  {text: 'Some Text', value: 'someSecondValue'},
+    {text: 'Some Text', value: 'someFirstValue'},
+    {text: 'Some Text', value: 'someSecondValue'},
 ];
 
 const AutoCompleteExampleNoFilter = () => (
-  <div>
-    <AutoComplete
-      hintText="text-value data"
-      filter={AutoComplete.noFilter}
-      dataSource={dataSource1}
-    /><br />
-    <AutoComplete
-      floatingLabelText="showAllItems"
-      filter={AutoComplete.noFilter}
-      openOnFocus={true}
-      dataSource={dataSource2}
-    /><br />
-    <AutoComplete
-      floatingLabelText="Same text, different values"
-      filter={AutoComplete.noFilter}
-      openOnFocus={true}
-      dataSource={dataSource3}
-    />
-  </div>
+    <div>
+        <AutoComplete
+            hintText="text-value data"
+            filter={AutoComplete.noFilter}
+            dataSource={dataSource1}
+        /><br />
+        <AutoComplete
+            floatingLabelText="showAllItems"
+            filter={AutoComplete.noFilter}
+            openOnFocus={true}
+            dataSource={dataSource2}
+        /><br />
+        <AutoComplete
+            floatingLabelText="Same text, different values"
+            filter={AutoComplete.noFilter}
+            openOnFocus={true}
+            dataSource={dataSource3}
+        />
+    </div>
 );
 
 const colors = [
-  'Red',
-  'Orange',
-  'Yellow',
-  'Green',
-  'Blue',
-  'Purple',
-  'Black',
-  'White',
+    'Red',
+    'Orange',
+    'Yellow',
+    'Green',
+    'Blue',
+    'Purple',
+    'Black',
+    'White',
 ];
 
 const fruit = [
-  'Apple', 'Apricot', 'Avocado',
-  'Banana', 'Bilberry', 'Blackberry', 'Blackcurrant', 'Blueberry',
-  'Boysenberry', 'Blood Orange',
-  'Cantaloupe', 'Currant', 'Cherry', 'Cherimoya', 'Cloudberry',
-  'Coconut', 'Cranberry', 'Clementine',
-  'Damson', 'Date', 'Dragonfruit', 'Durian',
-  'Elderberry',
-  'Feijoa', 'Fig',
-  'Goji berry', 'Gooseberry', 'Grape', 'Grapefruit', 'Guava',
-  'Honeydew', 'Huckleberry',
-  'Jabouticaba', 'Jackfruit', 'Jambul', 'Jujube', 'Juniper berry',
-  'Kiwi fruit', 'Kumquat',
-  'Lemon', 'Lime', 'Loquat', 'Lychee',
-  'Nectarine',
-  'Mango', 'Marion berry', 'Melon', 'Miracle fruit', 'Mulberry', 'Mandarine',
-  'Olive', 'Orange',
-  'Papaya', 'Passionfruit', 'Peach', 'Pear', 'Persimmon', 'Physalis', 'Plum', 'Pineapple',
-  'Pumpkin', 'Pomegranate', 'Pomelo', 'Purple Mangosteen',
-  'Quince',
-  'Raspberry', 'Raisin', 'Rambutan', 'Redcurrant',
-  'Salal berry', 'Satsuma', 'Star fruit', 'Strawberry', 'Squash', 'Salmonberry',
-  'Tamarillo', 'Tamarind', 'Tomato', 'Tangerine',
-  'Ugli fruit',
-  'Watermelon',
+    'Apple', 'Apricot', 'Avocado',
+    'Banana', 'Bilberry', 'Blackberry', 'Blackcurrant', 'Blueberry',
+    'Boysenberry', 'Blood Orange',
+    'Cantaloupe', 'Currant', 'Cherry', 'Cherimoya', 'Cloudberry',
+    'Coconut', 'Cranberry', 'Clementine',
+    'Damson', 'Date', 'Dragonfruit', 'Durian',
+    'Elderberry',
+    'Feijoa', 'Fig',
+    'Goji berry', 'Gooseberry', 'Grape', 'Grapefruit', 'Guava',
+    'Honeydew', 'Huckleberry',
+    'Jabouticaba', 'Jackfruit', 'Jambul', 'Jujube', 'Juniper berry',
+    'Kiwi fruit', 'Kumquat',
+    'Lemon', 'Lime', 'Loquat', 'Lychee',
+    'Nectarine',
+    'Mango', 'Marion berry', 'Melon', 'Miracle fruit', 'Mulberry', 'Mandarine',
+    'Olive', 'Orange',
+    'Papaya', 'Passionfruit', 'Peach', 'Pear', 'Persimmon', 'Physalis', 'Plum', 'Pineapple',
+    'Pumpkin', 'Pomegranate', 'Pomelo', 'Purple Mangosteen',
+    'Quince',
+    'Raspberry', 'Raisin', 'Rambutan', 'Redcurrant',
+    'Salal berry', 'Satsuma', 'Star fruit', 'Strawberry', 'Squash', 'Salmonberry',
+    'Tamarillo', 'Tamarind', 'Tomato', 'Tangerine',
+    'Ugli fruit',
+    'Watermelon',
 ];
 
 const AutoCompleteExampleFilters = () => (
-  <div>
-    <AutoComplete
-      floatingLabelText="Type 'r', case insensitive"
-      filter={AutoComplete.caseInsensitiveFilter}
-      dataSource={colors}
-    />
-    <br />
-    <AutoComplete
-      floatingLabelText="Type 'peah', fuzzy search"
-      filter={AutoComplete.fuzzyFilter}
-      dataSource={fruit}
-      maxSearchResults={5}
-    />
-  </div>
+    <div>
+        <AutoComplete
+            floatingLabelText="Type 'r', case insensitive"
+            filter={AutoComplete.caseInsensitiveFilter}
+            dataSource={colors}
+        />
+        <br />
+        <AutoComplete
+            floatingLabelText="Type 'peah', fuzzy search"
+            filter={AutoComplete.fuzzyFilter}
+            dataSource={fruit}
+            maxSearchResults={5}
+        />
+    </div>
 );
 
 // "http://www.material-ui.com/#/components/avatar"
 const AvatarExampleSimple = () => (
-  <List>
-    <ListItem
-      disabled={true}
-      leftAvatar={
+    <List>
+        <ListItem
+            disabled={true}
+            leftAvatar={
         <Avatar src="images/uxceo-128.jpg" />
       }
-    >
-      Image Avatar
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
+        >
+            Image Avatar
+        </ListItem>
+        <ListItem
+            disabled={true}
+            leftAvatar={
         <Avatar
           src="images/uxceo-128.jpg"
           size={30}
           style={style}
         />
       }
-    >
-      Image Avatar with custom size
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
+        >
+            Image Avatar with custom size
+        </ListItem>
+        <ListItem
+            disabled={true}
+            leftAvatar={
         <Avatar icon={<FontIcon className="muidocs-icon-communication-voicemail" />} />
       }
-    >
-      FontIcon Avatar
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
+        >
+            FontIcon Avatar
+        </ListItem>
+        <ListItem
+            disabled={true}
+            leftAvatar={
         <Avatar
           icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
           color={blue300}
@@ -577,20 +566,20 @@ const AvatarExampleSimple = () => (
           style={style}
         />
       }
-    >
-      FontIcon Avatar with custom colors and size
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
+        >
+            FontIcon Avatar with custom colors and size
+        </ListItem>
+        <ListItem
+            disabled={true}
+            leftAvatar={
         <Avatar icon={<FileFolder />} />
       }
-    >
-      SvgIcon Avatar
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
+        >
+            SvgIcon Avatar
+        </ListItem>
+        <ListItem
+            disabled={true}
+            leftAvatar={
         <Avatar
           icon={<FileFolder />}
           color={orange200}
@@ -599,18 +588,18 @@ const AvatarExampleSimple = () => (
           style={style}
         />
       }
-    >
-      SvgIcon Avatar with custom colors and size
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={<Avatar>A</Avatar>}
-    >
-      Letter Avatar
-    </ListItem>
-    <ListItem
-      disabled={true}
-      leftAvatar={
+        >
+            SvgIcon Avatar with custom colors and size
+        </ListItem>
+        <ListItem
+            disabled={true}
+            leftAvatar={<Avatar>A</Avatar>}
+        >
+            Letter Avatar
+        </ListItem>
+        <ListItem
+            disabled={true}
+            leftAvatar={
         <Avatar
           color={deepOrange300}
           backgroundColor={purple500}
@@ -620,1274 +609,1269 @@ const AvatarExampleSimple = () => (
           A
         </Avatar>
       }
-    >
-      Letter Avatar with custom colors and size
-    </ListItem>
-  </List>
+        >
+            Letter Avatar with custom colors and size
+        </ListItem>
+    </List>
 );
 
 
 // "http://www.material-ui.com/#/components/badge"
 const BadgeExampleSimple = () => (
-  <div>
-    <Badge
-      badgeContent={4}
-      primary={true}
-    >
-      <NotificationsIcon />
-    </Badge>
-    <Badge
-      badgeContent={10}
-      secondary={true}
-      badgeStyle={{top: 12, right: 12}}
-    >
-      <IconButton tooltip="Notifications">
-        <NotificationsIcon />
-      </IconButton>
-    </Badge>
-  </div>
+    <div>
+        <Badge
+            badgeContent={4}
+            primary={true}
+        >
+            <NotificationsIcon />
+        </Badge>
+        <Badge
+            badgeContent={10}
+            secondary={true}
+            badgeStyle={{top: 12, right: 12}}
+        >
+            <IconButton tooltip="Notifications">
+                <NotificationsIcon />
+            </IconButton>
+        </Badge>
+    </div>
 );
 
 const BadgeExampleContent = () => (
-  <div>
-    <Badge
-      badgeContent={<IconButton tooltip="Backup"><UploadIcon /></IconButton>}
-    >
-      <FolderIcon />
-    </Badge>
-    <Badge
-      badgeContent="&copy;"
-      badgeStyle={{fontSize: 20}}
-    >
-      Company Name
-    </Badge>
-  </div>
+    <div>
+        <Badge
+            badgeContent={<IconButton tooltip="Backup"><UploadIcon /></IconButton>}
+        >
+            <FolderIcon />
+        </Badge>
+        <Badge
+            badgeContent="&copy;"
+            badgeStyle={{fontSize: 20}}
+        >
+            Company Name
+        </Badge>
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/flat-button"
 const FlatButtonExampleSimple = () => (
-  <div>
-    <FlatButton label="Default" />
-    <FlatButton label="Primary" primary={true} />
-    <FlatButton label="Secondary" secondary={true} />
-    <FlatButton label="Disabled" disabled={true} />
-  </div>
+    <div>
+        <FlatButton label="Default"/>
+        <FlatButton label="Primary" primary={true}/>
+        <FlatButton label="Secondary" secondary={true}/>
+        <FlatButton label="Disabled" disabled={true}/>
+    </div>
 );
 
 const FlatButtonExampleComplex = () => (
-  <div>
-    <FlatButton label="Choose an Image" labelPosition="before">
-      <input type="file" style={styles.exampleImageInput} />
-    </FlatButton>
+    <div>
+        <FlatButton label="Choose an Image" labelPosition="before">
+            <input type="file" style={styles.exampleImageInput}/>
+        </FlatButton>
 
-    <FlatButton
-      label={<span>Label before</span>}
-      labelPosition="before"
-      primary={true}
-      style={styles.button}
-      icon={<ActionAndroid />}
-    />
+        <FlatButton
+            label={<span>Label before</span>}
+            labelPosition="before"
+            primary={true}
+            style={styles.button}
+            icon={<ActionAndroid />}
+        />
 
-    <FlatButton
-      label="GitHub Link"
-      linkButton={true}
-      href="https://github.com/callemall/material-ui"
-      secondary={true}
-      icon={<FontIcon className="muidocs-icon-custom-github" />}
-    />
+        <FlatButton
+            label="GitHub Link"
+            href="https://github.com/callemall/material-ui"
+            secondary={true}
+            icon={<FontIcon className="muidocs-icon-custom-github" />}
+        />
 
-  </div>
+    </div>
 );
 
 const FlatButtonExampleIcon = () => (
-  <div>
-    <FlatButton
-      icon={<ActionAndroid />}
-      style={style}
-    />
-    <FlatButton
-      backgroundColor="#a4c639"
-      hoverColor="#8AA62F"
-      icon={<ActionAndroid color={fullWhite} />}
-      style={style}
-    />
-    <FlatButton
-      linkButton={true}
-      href="https://github.com/callemall/material-ui"
-      secondary={true}
-      icon={<FontIcon className="muidocs-icon-custom-github" />}
-      style={style}
-    />
-  </div>
+    <div>
+        <FlatButton
+            icon={<ActionAndroid />}
+            style={style}
+        />
+        <FlatButton
+            backgroundColor="#a4c639"
+            hoverColor="#8AA62F"
+            icon={<ActionAndroid color={fullWhite} />}
+            style={style}
+        />
+        <FlatButton
+            href="https://github.com/callemall/material-ui"
+            secondary={true}
+            icon={<FontIcon className="muidocs-icon-custom-github" />}
+            style={style}
+        />
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/raised-button"
 const RaisedButtonExampleSimple = () => (
-  <div>
-    <RaisedButton label="Default" style={style} />
-    <RaisedButton label="Primary" primary={true} style={style} />
-    <RaisedButton label="Secondary" secondary={true} style={style} />
-    <RaisedButton label="Disabled" disabled={true} style={style} />
-  </div>
+    <div>
+        <RaisedButton label="Default" style={style}/>
+        <RaisedButton label="Primary" primary={true} style={style}/>
+        <RaisedButton label="Secondary" secondary={true} style={style}/>
+        <RaisedButton label="Disabled" disabled={true} style={style}/>
+    </div>
 );
 
 const RaisedButtonExampleComplex = () => (
-  <div>
-    <RaisedButton
-      label="Choose an Image"
-      labelPosition="before"
-      style={styles.button}
-    >
-      <input type="file" style={styles.exampleImageInput} />
-    </RaisedButton>
-    <RaisedButton
-      label={<span>Label before</span>}
-      labelPosition="before"
-      primary={true}
-      icon={<ActionAndroid />}
-      style={styles.button}
-    />
-    <RaisedButton
-      label="Github Link"
-      linkButton={true}
-      href="https://github.com/callemall/material-ui"
-      secondary={true}
-      style={styles.button}
-      icon={<FontIcon className="muidocs-icon-custom-github" />}
-    />
-  </div>
+    <div>
+        <RaisedButton
+            label="Choose an Image"
+            labelPosition="before"
+            style={styles.button}
+        >
+            <input type="file" style={styles.exampleImageInput}/>
+        </RaisedButton>
+        <RaisedButton
+            buttonStyle={styles.button}
+            label={<span>Label before</span>}
+            labelPosition="before"
+            primary={true}
+            icon={<ActionAndroid />}
+        />
+        <RaisedButton
+            label="Github Link"
+            href="https://github.com/callemall/material-ui"
+            secondary={true}
+            style={styles.button}
+            icon={<FontIcon className="muidocs-icon-custom-github" />}
+        />
+    </div>
 );
 
 const RaisedButtonExampleIcon = () => (
-  <div>
-    <RaisedButton
-      icon={<ActionAndroid />}
-      style={style}
-    />
-    <RaisedButton
-      backgroundColor="#a4c639"
-      icon={<ActionAndroid color={fullWhite} />}
-      style={style}
-    />
-    <RaisedButton
-      linkButton={true}
-      href="https://github.com/callemall/material-ui"
-      secondary={true}
-      icon={<FontIcon className="muidocs-icon-custom-github" />}
-      style={style}
-    />
-  </div>
+    <div>
+        <RaisedButton
+            icon={<ActionAndroid />}
+            style={style}
+        />
+        <RaisedButton
+            backgroundColor="#a4c639"
+            icon={<ActionAndroid color={fullWhite} />}
+            style={style}
+        />
+        <RaisedButton
+            href="https://github.com/callemall/material-ui"
+            secondary={true}
+            icon={<FontIcon className="muidocs-icon-custom-github" />}
+            style={style}
+        />
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/floating-action-button"
 const FloatingActionButtonExampleSimple = () => (
-  <div>
-    <FloatingActionButton style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
+    <div>
+        <FloatingActionButton style={style}>
+            <ContentAdd />
+        </FloatingActionButton>
 
-    <FloatingActionButton mini={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
+        <FloatingActionButton mini={true} style={style}>
+            <ContentAdd />
+        </FloatingActionButton>
 
-    <FloatingActionButton secondary={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
+        <FloatingActionButton secondary={true} style={style}>
+            <ContentAdd />
+        </FloatingActionButton>
 
-    <FloatingActionButton mini={true} secondary={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
+        <FloatingActionButton mini={true} secondary={true} style={style}>
+            <ContentAdd />
+        </FloatingActionButton>
 
-    <FloatingActionButton disabled={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
+        <FloatingActionButton disabled={true} style={style}>
+            <ContentAdd />
+        </FloatingActionButton>
 
-    <FloatingActionButton mini={true} disabled={true} style={style}>
-      <ContentAdd />
-    </FloatingActionButton>
-  </div>
+        <FloatingActionButton mini={true} disabled={true} style={style}>
+            <ContentAdd />
+        </FloatingActionButton>
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/icon-button"
 const IconButtonExampleSimple = () => (
-  <div>
-    <IconButton iconClassName="muidocs-icon-custom-github" />
-    <IconButton iconClassName="muidocs-icon-custom-github" disabled={true} />
-  </div>
+    <div>
+        <IconButton iconClassName="muidocs-icon-custom-github"/>
+        <IconButton iconClassName="muidocs-icon-custom-github" disabled={true}/>
+    </div>
 );
 
 const IconButtonExampleComplex = () => (
-  <div>
-    <IconButton tooltip="Font Icon">
-      <FontIcon className="muidocs-icon-action-home" />
-    </IconButton>
+    <div>
+        <IconButton tooltip="Font Icon">
+            <FontIcon className="muidocs-icon-action-home"/>
+        </IconButton>
 
-    <IconButton tooltip="SVG Icon">
-      <ActionHome />
-    </IconButton>
+        <IconButton tooltip="SVG Icon">
+            <ActionHome />
+        </IconButton>
 
-    <IconButton
-      iconClassName="material-icons"
-      tooltip="Ligature"
-    >
-      home
-    </IconButton>
-  </div>
+        <IconButton
+            iconClassName="material-icons"
+            tooltip="Ligature"
+        >
+            home
+        </IconButton>
+    </div>
 );
 
 const IconButtonExampleSize = () => (
-  <div>
-    <IconButton>
-      <ActionHome />
-    </IconButton>
+    <div>
+        <IconButton>
+            <ActionHome />
+        </IconButton>
 
-    <IconButton
-      iconStyle={styles.smallIcon}
-      style={styles.small}
-    >
-      <ActionHome />
-    </IconButton>
+        <IconButton
+            iconStyle={styles.smallIcon}
+            style={styles.small}
+        >
+            <ActionHome />
+        </IconButton>
 
-    <IconButton
-      iconStyle={styles.mediumIcon}
-      style={styles.medium}
-    >
-      <ActionHome />
-    </IconButton>
+        <IconButton
+            iconStyle={styles.mediumIcon}
+            style={styles.medium}
+        >
+            <ActionHome />
+        </IconButton>
 
-    <IconButton
-      iconStyle={styles.largeIcon}
-      style={styles.large}
-    >
-      <ActionHome />
-    </IconButton>
-  </div>
+        <IconButton
+            iconStyle={styles.largeIcon}
+            style={styles.large}
+        >
+            <ActionHome />
+        </IconButton>
+    </div>
 );
 
 const IconButtonExampleTooltip = () => (
-  <div>
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="bottom-right"
-      tooltipPosition="bottom-right"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="bottom-center"
-      tooltipPosition="bottom-center"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="bottom-left"
-      tooltipPosition="bottom-left"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="top-right"
-      tooltipPosition="top-right"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="top-center"
-      tooltipPosition="top-center"
-    />
-    <IconButton
-      iconClassName="muidocs-icon-custom-github" tooltip="top-left"
-      tooltipPosition="top-left"
-    />
-  </div>
+    <div>
+        <IconButton
+            iconClassName="muidocs-icon-custom-github" tooltip="bottom-right"
+            tooltipPosition="bottom-right"
+        />
+        <IconButton
+            iconClassName="muidocs-icon-custom-github" tooltip="bottom-center"
+            tooltipPosition="bottom-center"
+        />
+        <IconButton
+            iconClassName="muidocs-icon-custom-github" tooltip="bottom-left"
+            tooltipPosition="bottom-left"
+        />
+        <IconButton
+            iconClassName="muidocs-icon-custom-github" tooltip="top-right"
+            tooltipPosition="top-right"
+        />
+        <IconButton
+            iconClassName="muidocs-icon-custom-github" tooltip="top-center"
+            tooltipPosition="top-center"
+        />
+        <IconButton
+            iconClassName="muidocs-icon-custom-github" tooltip="top-left"
+            tooltipPosition="top-left"
+        />
+    </div>
 );
 
 const IconButtonExampleTouch = () => (
-  <div>
-    <IconButton tooltip="bottom-right" touch={true} tooltipPosition="bottom-right">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="bottom-center" touch={true} tooltipPosition="bottom-center">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="bottom-left" touch={true} tooltipPosition="bottom-left">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="top-right" touch={true} tooltipPosition="top-right">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="top-center" touch={true} tooltipPosition="top-center">
-      <ActionGrade />
-    </IconButton>
-    <IconButton tooltip="top-left" touch={true} tooltipPosition="top-left">
-      <ActionGrade />
-    </IconButton>
-  </div>
+    <div>
+        <IconButton tooltip="bottom-right" touch={true} tooltipPosition="bottom-right">
+            <ActionGrade />
+        </IconButton>
+        <IconButton tooltip="bottom-center" touch={true} tooltipPosition="bottom-center">
+            <ActionGrade />
+        </IconButton>
+        <IconButton tooltip="bottom-left" touch={true} tooltipPosition="bottom-left">
+            <ActionGrade />
+        </IconButton>
+        <IconButton tooltip="top-right" touch={true} tooltipPosition="top-right">
+            <ActionGrade />
+        </IconButton>
+        <IconButton tooltip="top-center" touch={true} tooltipPosition="top-center">
+            <ActionGrade />
+        </IconButton>
+        <IconButton tooltip="top-left" touch={true} tooltipPosition="top-left">
+            <ActionGrade />
+        </IconButton>
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/card"
 const CardExampleWithAvatar = () => (
-  <Card>
-    <CardHeader
-      title="URL Avatar"
-      subtitle="Subtitle"
-      avatar="http://lorempixel.com/100/100/nature/"
-    />
-    <CardMedia
-      overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
-    >
-      <img src="http://lorempixel.com/600/337/nature/" />
-    </CardMedia>
-    <CardTitle title="Card title" subtitle="Card subtitle" />
-    <CardText>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+    <Card>
+        <CardHeader
+            title="URL Avatar"
+            subtitle="Subtitle"
+            avatar="http://lorempixel.com/100/100/nature/"
+        />
+        <CardMedia
+            overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
+        >
+            <img src="http://lorempixel.com/600/337/nature/"/>
+        </CardMedia>
+        <CardTitle title="Card title" subtitle="Card subtitle"/>
+        <CardText>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
       Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
       Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
-    </CardText>
-    <CardActions>
-      <FlatButton label="Action1" />
-      <FlatButton label="Action2" />
-    </CardActions>
-  </Card>
+        </CardText>
+        <CardActions>
+            <FlatButton label="Action1"/>
+            <FlatButton label="Action2"/>
+        </CardActions>
+    </Card>
 );
 
 const CardExampleWithoutAvatar = () => (
-  <Card>
-    <CardHeader
-      title="Without Avatar"
-      subtitle="Subtitle"
-      actAsExpander={true}
-      showExpandableButton={true}
-    />
-    <CardText expandable={true}>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+    <Card>
+        <CardHeader
+            title="Without Avatar"
+            subtitle="Subtitle"
+            actAsExpander={true}
+            showExpandableButton={true}
+        />
+        <CardText expandable={true}>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
       Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
       Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
-    </CardText>
-    <CardActions expandable={true}>
-      <FlatButton label="Action1" />
-      <FlatButton label="Action2" />
-    </CardActions>
-  </Card>
+        </CardText>
+        <CardActions expandable={true}>
+            <FlatButton label="Action1"/>
+            <FlatButton label="Action2"/>
+        </CardActions>
+    </Card>
 );
 
 class CardExampleControlled extends React.Component<{}, {expanded: boolean}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {
-      expanded: false,
+    constructor(props) {
+        super(props);
+        this.state = {
+            expanded: false,
+        };
+    }
+
+    handleExpandChange = (expanded) => {
+        this.setState({expanded: expanded});
     };
-  }
 
-  handleExpandChange = (expanded) => {
-    this.setState({expanded: expanded});
-  };
+    handleToggle = (event, toggle) => {
+        this.setState({expanded: toggle});
+    };
 
-  handleToggle = (event, toggle) => {
-    this.setState({expanded: toggle});
-  };
+    handleExpand = () => {
+        this.setState({expanded: true});
+    };
 
-  handleExpand = () => {
-    this.setState({expanded: true});
-  };
+    handleReduce = () => {
+        this.setState({expanded: false});
+    };
 
-  handleReduce = () => {
-    this.setState({expanded: false});
-  };
-
-  render() {
-    return (
-      <Card expanded={this.state.expanded} onExpandChange={this.handleExpandChange}>
-        <CardHeader
-          title="URL Avatar"
-          subtitle="Subtitle"
-          avatar="http://lorempixel.com/100/100/nature/"
-          actAsExpander={true}
-          showExpandableButton={true}
-        />
-        <CardText>
-          <Toggle
-            toggled={this.state.expanded}
-            onToggle={this.handleToggle}
-            labelPosition="right"
-            label="This toggle controls the expanded state of the component."
-          />
-        </CardText>
-        <CardMedia
-          expandable={true}
-          overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
-        >
-          <img src="http://lorempixel.com/600/337/nature/" />
-        </CardMedia>
-        <CardTitle title="Card title" subtitle="Card subtitle" expandable={true} />
-        <CardText expandable={true}>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+    render() {
+        return (
+            <Card expanded={this.state.expanded} onExpandChange={this.handleExpandChange}>
+                <CardHeader
+                    title="URL Avatar"
+                    subtitle="Subtitle"
+                    avatar="http://lorempixel.com/100/100/nature/"
+                    actAsExpander={true}
+                    showExpandableButton={true}
+                />
+                <CardText>
+                    <Toggle
+                        toggled={this.state.expanded}
+                        onToggle={this.handleToggle}
+                        labelPosition="right"
+                        label="This toggle controls the expanded state of the component."
+                    />
+                </CardText>
+                <CardMedia
+                    expandable={true}
+                    overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
+                >
+                    <img src="http://lorempixel.com/600/337/nature/"/>
+                </CardMedia>
+                <CardTitle title="Card title" subtitle="Card subtitle" expandable={true}/>
+                <CardText expandable={true}>
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
           Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
           Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
-        </CardText>
-        <CardActions>
-          <FlatButton label="Expand" onTouchTap={this.handleExpand} />
-          <FlatButton label="Reduce" onTouchTap={this.handleReduce} />
-        </CardActions>
-      </Card>
-    );
-  }
+                </CardText>
+                <CardActions>
+                    <FlatButton label="Expand" onTouchTap={this.handleExpand}/>
+                    <FlatButton label="Reduce" onTouchTap={this.handleReduce}/>
+                </CardActions>
+            </Card>
+        );
+    }
 }
 
 // "http://www.material-ui.com/#/components/chip"
 const ChipExampleSimple = () => (
-  <div>
-    <Chip>Basic Chip</Chip>
-    <Chip backgroundColor={blue300}>Blue Background</Chip>
-    <Chip labelColor={blue500}>Blue Label Color</Chip>
-    <Chip><Avatar size={32} color={blue300} backgroundColor={indigo900}>UI</Avatar> Avatar</Chip>
-    <Chip style={styles.chip}>Styled</Chip>
-  </div>
+    <div>
+        <Chip>Basic Chip</Chip>
+        <Chip backgroundColor={blue300}>Blue Background</Chip>
+        <Chip labelColor={blue500}>Blue Label Color</Chip>
+        <Chip><Avatar size={32} color={blue300} backgroundColor={indigo900}>UI</Avatar> Avatar</Chip>
+        <Chip style={styles.chip}>Styled</Chip>
+    </div>
 );
 
-class ChipExampleComplex extends React.Component<{}, {}>{
-  handleRequestDelete = () => {
-    alert('You clicked the delete button.');
-  }
+class ChipExampleComplex extends React.Component<{}, {}> {
+    handleRequestDelete = () => {
+        alert('You clicked the delete button.');
+    }
 
-  handleTouchTap = () => {
-    alert('You clicked the Chip.');
-  }
+    handleTouchTap = () => {
+        alert('You clicked the Chip.');
+    }
 
-  render() {
-    return (
-      <div>
-        <Chip onTouchTap={this.handleTouchTap} onRequestDelete={this.handleRequestDelete}>Click Me</Chip>
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <Chip onTouchTap={this.handleTouchTap} onRequestDelete={this.handleRequestDelete}>Click Me</Chip>
+            </div>
+        );
+    }
 }
 
 
 // "http://www.material-ui.com/#/components/date-picker"
 const DatePickerExampleSimple = () => (
-  <div>
-    <DatePicker hintText="Portrait Dialog" />
-    <DatePicker hintText="Landscape Dialog" mode="landscape" />
-    <DatePicker hintText="Dialog Disabled" disabled={true} />
-  </div>
+    <div>
+        <DatePicker hintText="Portrait Dialog"/>
+        <DatePicker hintText="Landscape Dialog" mode="landscape"/>
+        <DatePicker hintText="Dialog Disabled" disabled={true}/>
+    </div>
 );
 
 const DatePickerExampleInline = () => (
-  <div>
-    <DatePicker hintText="Portrait Inline Dialog" container="inline" />
-    <DatePicker hintText="Landscape Inline Dialog" container="inline" mode="landscape" />
-  </div>
+    <div>
+        <DatePicker hintText="Portrait Inline Dialog" container="inline"/>
+        <DatePicker hintText="Landscape Inline Dialog" container="inline" mode="landscape"/>
+    </div>
 );
 
 const optionsStyle = {
-  maxWidth: 255,
-  marginRight: 'auto',
+    maxWidth: 255,
+    marginRight: 'auto',
 };
 
 interface DatePickerExampleToggleState {
-  minDate?: Date;
-  maxDate?: Date;
-  autoOk?: boolean;
-  disableYearSelection?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    autoOk?: boolean;
+    disableYearSelection?: boolean;
 }
 
 class DatePickerExampleToggle extends React.Component<{}, DatePickerExampleToggleState> {
-  constructor(props) {
-    super(props);
+    constructor(props) {
+        super(props);
 
-    const minDate = new Date();
-    const maxDate = new Date();
-    minDate.setFullYear(minDate.getFullYear() - 1);
-    minDate.setHours(0, 0, 0, 0);
-    maxDate.setFullYear(maxDate.getFullYear() + 1);
-    maxDate.setHours(0, 0, 0, 0);
+        const minDate = new Date();
+        const maxDate = new Date();
+        minDate.setFullYear(minDate.getFullYear() - 1);
+        minDate.setHours(0, 0, 0, 0);
+        maxDate.setFullYear(maxDate.getFullYear() + 1);
+        maxDate.setHours(0, 0, 0, 0);
 
-    this.state = {
-      minDate: minDate,
-      maxDate: maxDate,
-      autoOk: false,
-      disableYearSelection: false,
+        this.state = {
+            minDate: minDate,
+            maxDate: maxDate,
+            autoOk: false,
+            disableYearSelection: false,
+        };
+    }
+
+    handleChangeMinDate = (event, date) => {
+        this.setState({
+            minDate: date,
+        });
     };
-  }
 
-  handleChangeMinDate = (event, date) => {
-    this.setState({
-      minDate: date,
-    });
-  };
+    handleChangeMaxDate = (event, date) => {
+        this.setState({
+            maxDate: date,
+        });
+    };
 
-  handleChangeMaxDate = (event, date) => {
-    this.setState({
-      maxDate: date,
-    });
-  };
+    handleToggle = (event, toggled) => {
+        this.setState({
+            [event.target.name]: toggled,
+        });
+    };
 
-  handleToggle = (event, toggled) => {
-    this.setState({
-      [event.target.name]: toggled,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <DatePicker
-          floatingLabelText="Ranged Date Picker"
-          autoOk={this.state.autoOk}
-          minDate={this.state.minDate}
-          maxDate={this.state.maxDate}
-          disableYearSelection={this.state.disableYearSelection}
-        />
-        <div style={optionsStyle}>
-          <DatePicker
-            onChange={this.handleChangeMinDate}
-            autoOk={this.state.autoOk}
-            floatingLabelText="Min Date"
-            defaultDate={this.state.minDate}
-            disableYearSelection={this.state.disableYearSelection}
-          />
-          <DatePicker
-            onChange={this.handleChangeMaxDate}
-            autoOk={this.state.autoOk}
-            floatingLabelText="Max Date"
-            defaultDate={this.state.maxDate}
-            disableYearSelection={this.state.disableYearSelection}
-          />
-          <Toggle
-            name="autoOk"
-            value="autoOk"
-            label="Auto Ok"
-            toggled={this.state.autoOk}
-            onToggle={this.handleToggle}
-          />
-          <Toggle
-            name="disableYearSelection"
-            value="disableYearSelection"
-            label="Disable Year Selection"
-            toggled={this.state.disableYearSelection}
-            onToggle={this.handleToggle}
-          />
-        </div>
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <DatePicker
+                    floatingLabelText="Ranged Date Picker"
+                    autoOk={this.state.autoOk}
+                    minDate={this.state.minDate}
+                    maxDate={this.state.maxDate}
+                    disableYearSelection={this.state.disableYearSelection}
+                />
+                <div style={optionsStyle}>
+                    <DatePicker
+                        onChange={this.handleChangeMinDate}
+                        autoOk={this.state.autoOk}
+                        floatingLabelText="Min Date"
+                        defaultDate={this.state.minDate}
+                        disableYearSelection={this.state.disableYearSelection}
+                    />
+                    <DatePicker
+                        onChange={this.handleChangeMaxDate}
+                        autoOk={this.state.autoOk}
+                        floatingLabelText="Max Date"
+                        defaultDate={this.state.maxDate}
+                        disableYearSelection={this.state.disableYearSelection}
+                    />
+                    <Toggle
+                        name="autoOk"
+                        value="autoOk"
+                        label="Auto Ok"
+                        toggled={this.state.autoOk}
+                        onToggle={this.handleToggle}
+                    />
+                    <Toggle
+                        name="disableYearSelection"
+                        value="disableYearSelection"
+                        label="Disable Year Selection"
+                        toggled={this.state.disableYearSelection}
+                        onToggle={this.handleToggle}
+                    />
+                </div>
+            </div>
+        );
+    }
 }
 
 class DatePickerExampleControlled extends React.Component<{}, {controlledDate?: Date}> {
 
-  constructor(props) {
-    super(props);
+    constructor(props) {
+        super(props);
 
-    this.state = {
-      controlledDate: null,
+        this.state = {
+            controlledDate: null,
+        };
+    }
+
+    handleChange = (event, date) => {
+        this.setState({
+            controlledDate: date,
+        });
     };
-  }
 
-  handleChange = (event, date) => {
-    this.setState({
-      controlledDate: date,
-    });
-  };
-
-  render() {
-    return (
-      <DatePicker
-        hintText="Controlled Date Input"
-        value={this.state.controlledDate}
-        onChange={this.handleChange}
-      />
-    );
-  }
+    render() {
+        return (
+            <DatePicker
+                hintText="Controlled Date Input"
+                value={this.state.controlledDate}
+                onChange={this.handleChange}
+            />
+        );
+    }
 }
 
 function disableWeekends(date) {
-  return date.getDay() === 0 || date.getDay() === 6;
+    return date.getDay() === 0 || date.getDay() === 6;
 }
 function disableRandomDates() {
-  return Math.random() > 0.7;
+    return Math.random() > 0.7;
 }
 const DatePickerExampleDisableDates = () => (
-  <div>
-    <DatePicker hintText="Weekends Disabled" shouldDisableDate={disableWeekends} />
-    <DatePicker hintText="Random Dates Disabled" shouldDisableDate={disableRandomDates} />
-  </div>
+    <div>
+        <DatePicker hintText="Weekends Disabled" shouldDisableDate={disableWeekends}/>
+        <DatePicker hintText="Random Dates Disabled" shouldDisableDate={disableRandomDates}/>
+    </div>
 );
 
 let DateTimeFormat = new Intl.DateTimeFormat('fr');
 const DatePickerExampleInternational = () => (
-  <div>
-    <DatePicker
-      hintText="fr locale"
-      DateTimeFormat={DateTimeFormat}
-      okLabel="OK"
-      cancelLabel="Annuler"
-      locale="fr"
-    />
-    <DatePicker
-      hintText="en-US locale"
-      locale="en-US"
-      firstDayOfWeek={0}
-    />
-    <DatePicker
-      hintText="Custom date format"
-      firstDayOfWeek={0}
-      formatDate={new Intl.DateTimeFormat('en-US', {
+    <div>
+        <DatePicker
+            hintText="fr locale"
+            DateTimeFormat={DateTimeFormat}
+            okLabel="OK"
+            cancelLabel="Annuler"
+            locale="fr"
+        />
+        <DatePicker
+            hintText="en-US locale"
+            locale="en-US"
+            firstDayOfWeek={0}
+        />
+        <DatePicker
+            hintText="Custom date format"
+            firstDayOfWeek={0}
+            formatDate={new Intl.DateTimeFormat('en-US', {
         day: 'numeric',
         month: 'long',
         year: 'numeric',
       }).format}
-    />
-  </div>
+        />
+    </div>
 );
 
 
-
 // "http://material-ui.com/#/components/dialog"
 class DialogExampleSimple extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
+    state = {
+        open: false,
+    };
 
-  handleOpen = () => {
-    this.setState({open: true});
-  };
+    handleOpen = () => {
+        this.setState({open: true});
+    };
 
-  handleClose = () => {
-    this.setState({open: false});
-  };
+    handleClose = () => {
+        this.setState({open: false});
+    };
 
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Submit"
-        primary={true}
-        keyboardFocused={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
+    render() {
+        const actions = [
+            <FlatButton
+                label="Cancel"
+                primary={true}
+                onTouchTap={this.handleClose}
+            />,
+            <FlatButton
+                label="Submit"
+                primary={true}
+                keyboardFocused={true}
+                onTouchTap={this.handleClose}
+            />,
+        ];
 
-    return (
-      <div>
-        <RaisedButton label="Dialog" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Dialog With Actions"
-          actions={actions}
-          modal={false}
-          open={this.state.open}
-          onRequestClose={this.handleClose}
-        >
-          The actions in this window were passed in as an array of React objects.
-        </Dialog>
-      </div>
-    );
-  }
+        return (
+            <div>
+                <RaisedButton label="Dialog" onTouchTap={this.handleOpen}/>
+                <Dialog
+                    title="Dialog With Actions"
+                    actions={actions}
+                    modal={false}
+                    open={this.state.open}
+                    onRequestClose={this.handleClose}
+                >
+                    The actions in this window were passed in as an array of React objects.
+                </Dialog>
+            </div>
+        );
+    }
 }
 
 class DialogExampleModal extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
+    state = {
+        open: false,
+    };
 
-  handleOpen = () => {
-    this.setState({open: true});
-  };
+    handleOpen = () => {
+        this.setState({open: true});
+    };
 
-  handleClose = () => {
-    this.setState({open: false});
-  };
+    handleClose = () => {
+        this.setState({open: false});
+    };
 
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Submit"
-        primary={true}
-        disabled={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
+    render() {
+        const actions = [
+            <FlatButton
+                label="Cancel"
+                primary={true}
+                onTouchTap={this.handleClose}
+            />,
+            <FlatButton
+                label="Submit"
+                primary={true}
+                disabled={true}
+                onTouchTap={this.handleClose}
+            />,
+        ];
 
-    return (
-      <div>
-        <RaisedButton label="Modal Dialog" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Dialog With Actions"
-          actions={actions}
-          modal={true}
-          open={this.state.open}
-        >
-          Only actions can close this dialog.
-        </Dialog>
-      </div>
-    );
-  }
+        return (
+            <div>
+                <RaisedButton label="Modal Dialog" onTouchTap={this.handleOpen}/>
+                <Dialog
+                    title="Dialog With Actions"
+                    actions={actions}
+                    modal={true}
+                    open={this.state.open}
+                >
+                    Only actions can close this dialog.
+                </Dialog>
+            </div>
+        );
+    }
 }
 
 class DialogExampleCustomWidth extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
+    state = {
+        open: false,
+    };
 
-  handleOpen = () => {
-    this.setState({open: true});
-  };
+    handleOpen = () => {
+        this.setState({open: true});
+    };
 
-  handleClose = () => {
-    this.setState({open: false});
-  };
+    handleClose = () => {
+        this.setState({open: false});
+    };
 
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Submit"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
+    render() {
+        const actions = [
+            <FlatButton
+                label="Cancel"
+                primary={true}
+                onTouchTap={this.handleClose}
+            />,
+            <FlatButton
+                label="Submit"
+                primary={true}
+                onTouchTap={this.handleClose}
+            />,
+        ];
 
-    return (
-      <div>
-        <RaisedButton label="Dialog With Custom Width" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Dialog With Custom Width"
-          actions={actions}
-          modal={true}
-          contentStyle={customContentStyle}
-          open={this.state.open}
-        >
-          This dialog spans the entire width of the screen.
-        </Dialog>
-      </div>
-    );
-  }
+        return (
+            <div>
+                <RaisedButton label="Dialog With Custom Width" onTouchTap={this.handleOpen}/>
+                <Dialog
+                    title="Dialog With Custom Width"
+                    actions={actions}
+                    modal={true}
+                    contentStyle={customContentStyle}
+                    open={this.state.open}
+                >
+                    This dialog spans the entire width of the screen.
+                </Dialog>
+            </div>
+        );
+    }
 }
 
 class DialogExampleDialogDatePicker extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
+    state = {
+        open: false,
+    };
 
-  handleOpen = () => {
-    this.setState({open: true});
-  };
+    handleOpen = () => {
+        this.setState({open: true});
+    };
 
-  handleClose = () => {
-    this.setState({open: false});
-  };
+    handleClose = () => {
+        this.setState({open: false});
+    };
 
-  render() {
-    const actions = [
-      <FlatButton
-        label="Ok"
-        primary={true}
-        keyboardFocused={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
+    render() {
+        const actions = [
+            <FlatButton
+                label="Ok"
+                primary={true}
+                keyboardFocused={true}
+                onTouchTap={this.handleClose}
+            />,
+        ];
 
-    return (
-      <div>
-        <RaisedButton label="Dialog With Date Picker" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Dialog With Date Picker"
-          actions={actions}
-          modal={false}
-          open={this.state.open}
-          onRequestClose={this.handleClose}
-        >
-          Open a Date Picker dialog from within a dialog.
-          <DatePicker hintText="Date Picker" />
-        </Dialog>
-      </div>
-    );
-  }
+        return (
+            <div>
+                <RaisedButton label="Dialog With Date Picker" onTouchTap={this.handleOpen}/>
+                <Dialog
+                    title="Dialog With Date Picker"
+                    actions={actions}
+                    modal={false}
+                    open={this.state.open}
+                    onRequestClose={this.handleClose}
+                >
+                    Open a Date Picker dialog from within a dialog.
+                    <DatePicker hintText="Date Picker"/>
+                </Dialog>
+            </div>
+        );
+    }
 }
 
 class DialogExampleScrollable extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
+    state = {
+        open: false,
+    };
 
-  handleOpen = () => {
-    this.setState({open: true});
-  };
+    handleOpen = () => {
+        this.setState({open: true});
+    };
 
-  handleClose = () => {
-    this.setState({open: false});
-  };
+    handleClose = () => {
+        this.setState({open: false});
+    };
 
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Submit"
-        primary={true}
-        keyboardFocused={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
+    render() {
+        const actions = [
+            <FlatButton
+                label="Cancel"
+                primary={true}
+                onTouchTap={this.handleClose}
+            />,
+            <FlatButton
+                label="Submit"
+                primary={true}
+                keyboardFocused={true}
+                onTouchTap={this.handleClose}
+            />,
+        ];
 
-    const radios = [];
-    for (let i = 0; i < 30; i++) {
-      radios.push(
-        <RadioButton
-          key={i}
-          value={`value${i + 1}`}
-          label={`Option ${i + 1}`}
-          style={styles.radioButton}
-        />
-      );
+        const radios = [];
+        for (let i = 0; i < 30; i++) {
+            radios.push(
+                <RadioButton
+                    key={i}
+                    value={`value${i + 1}`}
+                    label={`Option ${i + 1}`}
+                    style={styles.radioButton}
+                />
+            );
+        }
+
+        return (
+            <div>
+                <RaisedButton label="Scrollable Dialog" onTouchTap={this.handleOpen}/>
+                <Dialog
+                    title="Scrollable Dialog"
+                    actions={actions}
+                    modal={false}
+                    open={this.state.open}
+                    onRequestClose={this.handleClose}
+                    autoScrollBodyContent={true}
+                >
+                    <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
+                        {radios}
+                    </RadioButtonGroup>
+                </Dialog>
+            </div>
+        );
     }
-
-    return (
-      <div>
-        <RaisedButton label="Scrollable Dialog" onTouchTap={this.handleOpen} />
-        <Dialog
-          title="Scrollable Dialog"
-          actions={actions}
-          modal={false}
-          open={this.state.open}
-          onRequestClose={this.handleClose}
-          autoScrollBodyContent={true}
-        >
-          <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
-            {radios}
-          </RadioButtonGroup>
-        </Dialog>
-      </div>
-    );
-  }
 }
 
 class DialogExampleAlert extends React.Component<{}, {open?: boolean}> {
-  state = {
-    open: false,
-  };
+    state = {
+        open: false,
+    };
 
-  handleOpen = () => {
-    this.setState({open: true});
-  };
+    handleOpen = () => {
+        this.setState({open: true});
+    };
 
-  handleClose = () => {
-    this.setState({open: false});
-  };
+    handleClose = () => {
+        this.setState({open: false});
+    };
 
-  render() {
-    const actions = [
-      <FlatButton
-        label="Cancel"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-      <FlatButton
-        label="Discard"
-        primary={true}
-        onTouchTap={this.handleClose}
-      />,
-    ];
+    render() {
+        const actions = [
+            <FlatButton
+                label="Cancel"
+                primary={true}
+                onTouchTap={this.handleClose}
+            />,
+            <FlatButton
+                label="Discard"
+                primary={true}
+                onTouchTap={this.handleClose}
+            />,
+        ];
 
-    return (
-      <div>
-        <RaisedButton label="Alert" onTouchTap={this.handleOpen} />
-        <Dialog
-          actions={actions}
-          modal={false}
-          open={this.state.open}
-          onRequestClose={this.handleClose}
-        >
-          Discard draft?
-        </Dialog>
-      </div>
-    );
-  }
+        return (
+            <div>
+                <RaisedButton label="Alert" onTouchTap={this.handleOpen}/>
+                <Dialog
+                    actions={actions}
+                    modal={false}
+                    open={this.state.open}
+                    onRequestClose={this.handleClose}
+                >
+                    Discard draft?
+                </Dialog>
+            </div>
+        );
+    }
 }
 
 
 // "http://www.material-ui.com/#/components/divider"
 const DividerExampleForm = () => (
-  <Paper zDepth={2}>
-    <TextField hintText="First name" style={style} underlineShow={false} />
-    <Divider />
-    <TextField hintText="Middle name" style={style} underlineShow={false} />
-    <Divider />
-    <TextField hintText="Last name" style={style} underlineShow={false} />
-    <Divider />
-    <TextField hintText="Email address" style={style} underlineShow={false} />
-    <Divider />
-  </Paper>
+    <Paper zDepth={2}>
+        <TextField hintText="First name" style={style} underlineShow={false}/>
+        <Divider />
+        <TextField hintText="Middle name" style={style} underlineShow={false}/>
+        <Divider />
+        <TextField hintText="Last name" style={style} underlineShow={false}/>
+        <Divider />
+        <TextField hintText="Email address" style={style} underlineShow={false}/>
+        <Divider />
+    </Paper>
 );
 
 const DividerExampleList = () => (
-  <Paper height={250}>
-    <List>
-      <ListItem insetChildren={true} primaryText="Janet Perkins Bennet" />
-      <ListItem insetChildren={true} primaryText="Peter Carlsson" />
-    </List>
-    <Divider inset={true} />
-    <List>
-      <ListItem insetChildren={true} primaryText="Aaron Bennet" />
-      <ListItem insetChildren={true} primaryText="Abbey Christensen" />
-    </List>
-  </Paper>
+    <Paper height={250}>
+        <List>
+            <ListItem insetChildren={true} primaryText="Janet Perkins Bennet"/>
+            <ListItem insetChildren={true} primaryText="Peter Carlsson"/>
+        </List>
+        <Divider inset={true}/>
+        <List>
+            <ListItem insetChildren={true} primaryText="Aaron Bennet"/>
+            <ListItem insetChildren={true} primaryText="Abbey Christensen"/>
+        </List>
+    </Paper>
 );
 
 const DividerExampleMenu = () => (
-  <Menu desktop={true} style={style}>
-    <MenuItem primaryText="Settings" />
-    <MenuItem primaryText="Help &amp; feedback" />
-    <Divider />
-    <MenuItem primaryText="Sign out" />
-  </Menu>
+    <Menu desktop={true} style={style}>
+        <MenuItem primaryText="Settings"/>
+        <MenuItem primaryText="Help &amp; feedback"/>
+        <Divider />
+        <MenuItem primaryText="Sign out"/>
+    </Menu>
 );
 
 
 // "http://www.material-ui.com/#/components/drawer"
 class DrawerSimpleExample extends React.Component<{}, {open?: boolean}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {open: false};
-  }
+    constructor(props) {
+        super(props);
+        this.state = {open: false};
+    }
 
-  handleToggle = () => this.setState({open: !this.state.open});
+    handleToggle = () => this.setState({open: !this.state.open});
 
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          label="Toggle Drawer"
-          onTouchTap={this.handleToggle}
-        />
-        <Drawer open={this.state.open}>
-          <MenuItem>Menu Item</MenuItem>
-          <MenuItem>Menu Item 2</MenuItem>
-        </Drawer>
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <RaisedButton
+                    label="Toggle Drawer"
+                    onTouchTap={this.handleToggle}
+                />
+                <Drawer open={this.state.open}>
+                    <MenuItem>Menu Item</MenuItem>
+                    <MenuItem>Menu Item 2</MenuItem>
+                </Drawer>
+            </div>
+        );
+    }
 }
 
 class DrawerUndockedExample extends React.Component<{}, {open?: boolean}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {open: false};
-  }
+    constructor(props) {
+        super(props);
+        this.state = {open: false};
+    }
 
-  handleToggle = () => this.setState({open: !this.state.open});
+    handleToggle = () => this.setState({open: !this.state.open});
 
-  handleClose = () => this.setState({open: false});
+    handleClose = () => this.setState({open: false});
 
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          label="Open Drawer"
-          onTouchTap={this.handleToggle}
-        />
-        <Drawer
-          docked={false}
-          width={200}
-          open={this.state.open}
-          onRequestChange={(open) => this.setState({open})}
-        >
-          <MenuItem onTouchTap={this.handleClose}>Menu Item</MenuItem>
-          <MenuItem onTouchTap={this.handleClose}>Menu Item 2</MenuItem>
-        </Drawer>
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <RaisedButton
+                    label="Open Drawer"
+                    onTouchTap={this.handleToggle}
+                />
+                <Drawer
+                    docked={false}
+                    width={200}
+                    open={this.state.open}
+                    onRequestChange={(open) => this.setState({open})}
+                >
+                    <MenuItem onTouchTap={this.handleClose}>Menu Item</MenuItem>
+                    <MenuItem onTouchTap={this.handleClose}>Menu Item 2</MenuItem>
+                </Drawer>
+            </div>
+        );
+    }
 }
 
 class DrawerOpenRightExample extends React.Component<{}, {open?: boolean}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {open: false};
-  }
+    constructor(props) {
+        super(props);
+        this.state = {open: false};
+    }
 
-  handleToggle = () => this.setState({open: !this.state.open});
+    handleToggle = () => this.setState({open: !this.state.open});
 
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          label="Toggle Drawer"
-          onTouchTap={this.handleToggle}
-        />
-        <Drawer width={200} openSecondary={true} open={this.state.open} >
-          <AppBar title="AppBar" />
-        </Drawer>
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <RaisedButton
+                    label="Toggle Drawer"
+                    onTouchTap={this.handleToggle}
+                />
+                <Drawer width={200} openSecondary={true} open={this.state.open}>
+                    <AppBar title="AppBar"/>
+                </Drawer>
+            </div>
+        );
+    }
 }
 
 
 // "http://www.material-ui.com/#/components/grid-list"
 const tilesData: {img: string, title: string, author: string, featured?: boolean}[] = [
-  {
-    img: 'images/grid-list/00-52-29-429_640.jpg',
-    title: 'Breakfast',
-    author: 'jill111',
-    featured: true,
-  },
-  {
-    img: 'images/grid-list/burger-827309_640.jpg',
-    title: 'Tasty burger',
-    author: 'pashminu',
-  },
-  {
-    img: 'images/grid-list/camera-813814_640.jpg',
-    title: 'Camera',
-    author: 'Danson67',
-  },
-  {
-    img: 'images/grid-list/morning-819362_640.jpg',
-    title: 'Morning',
-    author: 'fancycrave1',
-  },
-  {
-    img: 'images/grid-list/hats-829509_640.jpg',
-    title: 'Hats',
-    author: 'Hans',
-  },
-  {
-    img: 'images/grid-list/honey-823614_640.jpg',
-    title: 'Honey',
-    author: 'fancycravel',
-  },
-  {
-    img: 'images/grid-list/vegetables-790022_640.jpg',
-    title: 'Vegetables',
-    author: 'jill111',
-  },
-  {
-    img: 'images/grid-list/water-plant-821293_640.jpg',
-    title: 'Water plant',
-    author: 'BkrmadtyaKarki',
-  },
+    {
+        img: 'images/grid-list/00-52-29-429_640.jpg',
+        title: 'Breakfast',
+        author: 'jill111',
+        featured: true,
+    },
+    {
+        img: 'images/grid-list/burger-827309_640.jpg',
+        title: 'Tasty burger',
+        author: 'pashminu',
+    },
+    {
+        img: 'images/grid-list/camera-813814_640.jpg',
+        title: 'Camera',
+        author: 'Danson67',
+    },
+    {
+        img: 'images/grid-list/morning-819362_640.jpg',
+        title: 'Morning',
+        author: 'fancycrave1',
+    },
+    {
+        img: 'images/grid-list/hats-829509_640.jpg',
+        title: 'Hats',
+        author: 'Hans',
+    },
+    {
+        img: 'images/grid-list/honey-823614_640.jpg',
+        title: 'Honey',
+        author: 'fancycravel',
+    },
+    {
+        img: 'images/grid-list/vegetables-790022_640.jpg',
+        title: 'Vegetables',
+        author: 'jill111',
+    },
+    {
+        img: 'images/grid-list/water-plant-821293_640.jpg',
+        title: 'Water plant',
+        author: 'BkrmadtyaKarki',
+    },
 ];
 
 const GridListExampleSimple = () => (
-  <div style={styles.root}>
-    <GridList
-      cellHeight={200}
-      style={styles.gridList}
-    >
-      <Subheader>December</Subheader>
-      {tilesData.map((tile) => (
-        <GridTile
-          key={tile.img}
-          title={tile.title}
-          subtitle={<span>by <b>{tile.author}</b></span>}
-          actionIcon={<IconButton><StarBorder color="white" /></IconButton>}
+    <div style={styles.root}>
+        <GridList
+            cellHeight={200}
+            style={styles.gridList}
         >
-          <img src={tile.img} />
-        </GridTile>
-      ))}
-    </GridList>
-  </div>
+            <Subheader>December</Subheader>
+            {tilesData.map((tile) => (
+                <GridTile
+                    key={tile.img}
+                    title={tile.title}
+                    subtitle={<span>by <b>{tile.author}</b></span>}
+                    actionIcon={<IconButton><StarBorder color="white" /></IconButton>}
+                >
+                    <img src={tile.img}/>
+                </GridTile>
+            ))}
+        </GridList>
+    </div>
 );
 
 const GridListExampleComplex = () => (
-  <div style={styles.root}>
-    <GridList
-      cols={2}
-      cellHeight={200}
-      padding={1}
-      style={styles.gridList}
-    >
-      {tilesData.map((tile) => (
-        <GridTile
-          key={tile.img}
-          title={tile.title}
-          actionIcon={<IconButton><StarBorder color="white" /></IconButton>}
-          actionPosition="left"
-          titlePosition="top"
-          titleBackground="linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0) 100%)"
-          cols={tile.featured ? 2 : 1}
-          rows={tile.featured ? 2 : 1}
+    <div style={styles.root}>
+        <GridList
+            cols={2}
+            cellHeight={200}
+            padding={1}
+            style={styles.gridList}
         >
-          <img src={tile.img} />
-        </GridTile>
-      ))}
-    </GridList>
-  </div>
+            {tilesData.map((tile) => (
+                <GridTile
+                    key={tile.img}
+                    title={tile.title}
+                    actionIcon={<IconButton><StarBorder color="white" /></IconButton>}
+                    actionPosition="left"
+                    titlePosition="top"
+                    titleBackground="linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0) 100%)"
+                    cols={tile.featured ? 2 : 1}
+                    rows={tile.featured ? 2 : 1}
+                >
+                    <img src={tile.img}/>
+                </GridTile>
+            ))}
+        </GridList>
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/font-icon"
 const FontIconExampleSimple = () => (
-  <div>
-    <FontIcon
-      className="muidocs-icon-action-home"
-      style={iconStyles}
-    />
+    <div>
+        <FontIcon
+            className="muidocs-icon-action-home"
+            style={iconStyles}
+        />
 
-    <FontIcon
-      className="muidocs-icon-action-home"
-      style={iconStyles}
-      color={blue500}
-    />
+        <FontIcon
+            className="muidocs-icon-action-home"
+            style={iconStyles}
+            color={blue500}
+        />
 
-    <FontIcon
-      className="muidocs-icon-action-home"
-      style={iconStyles}
-      color={red500}
-      hoverColor={greenA200}
-    />
-  </div>
+        <FontIcon
+            className="muidocs-icon-action-home"
+            style={iconStyles}
+            color={red500}
+            hoverColor={greenA200}
+        />
+    </div>
 );
 
 const FontIconExampleIcons = () => (
-  <div>
-    <FontIcon className="material-icons" style={iconStyles}>home</FontIcon>
-    <FontIcon className="material-icons" style={iconStyles} color={red500}>flight_takeoff</FontIcon>
-    <FontIcon className="material-icons" style={iconStyles} color={yellow500}>cloud_download</FontIcon>
-    <FontIcon className="material-icons" style={iconStyles} color={blue500}>videogame_asset</FontIcon>
-  </div>
+    <div>
+        <FontIcon className="material-icons" style={iconStyles}>home</FontIcon>
+        <FontIcon className="material-icons" style={iconStyles} color={red500}>flight_takeoff</FontIcon>
+        <FontIcon className="material-icons" style={iconStyles} color={yellow500}>cloud_download</FontIcon>
+        <FontIcon className="material-icons" style={iconStyles} color={blue500}>videogame_asset</FontIcon>
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/svg-icon"
 const HomeIcon = (props) => (
-  <SvgIcon {...props}>
-    <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
-  </SvgIcon>
+    <SvgIcon {...props}>
+        <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
+    </SvgIcon>
 );
 
 const SvgIconExampleSimple = () => (
-  <div>
-    <HomeIcon style={iconStyles} />
-    <HomeIcon style={iconStyles} color={blue500} />
-    <HomeIcon style={iconStyles} color={red500} hoverColor={greenA200} />
-  </div>
+    <div>
+        <HomeIcon style={iconStyles}/>
+        <HomeIcon style={iconStyles} color={blue500}/>
+        <HomeIcon style={iconStyles} color={red500} hoverColor={greenA200}/>
+    </div>
 );
 
 const SvgIconExampleIcons = () => (
-  <div>
-    <ActionHome style={iconStyles} />
-    <ActionFlightTakeoff style={iconStyles} color={red500} />
-    <FileCloudDownload style={iconStyles} color={yellow500} />
-    <HardwareVideogameAsset style={iconStyles} color={blue500} />
-  </div>
+    <div>
+        <ActionHome style={iconStyles}/>
+        <ActionFlightTakeoff style={iconStyles} color={red500}/>
+        <FileCloudDownload style={iconStyles} color={yellow500}/>
+        <HardwareVideogameAsset style={iconStyles} color={blue500}/>
+    </div>
 );
 
 
 // "http://material-ui.com/#/components/lists"
 const ListExampleSimple = () => (
-  <Paper>
-    <List>
-      <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
-      <ListItem primaryText="Starred" leftIcon={<ActionGrade />} />
-      <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
-      <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
-      <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
-    </List>
-    <Divider />
-    <List>
-      <ListItem primaryText="All mail" rightIcon={<ActionInfo />} />
-      <ListItem primaryText="Trash" rightIcon={<ActionInfo />} />
-      <ListItem primaryText="Spam" rightIcon={<ActionInfo />} />
-      <ListItem primaryText="Follow up" rightIcon={<ActionInfo />} />
-    </List>
-  </Paper>
+    <Paper>
+        <List>
+            <ListItem primaryText="Inbox" leftIcon={<ContentInbox />}/>
+            <ListItem primaryText="Starred" leftIcon={<ActionGrade />}/>
+            <ListItem primaryText="Sent mail" leftIcon={<ContentSend />}/>
+            <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />}/>
+            <ListItem primaryText="Inbox" leftIcon={<ContentInbox />}/>
+        </List>
+        <Divider />
+        <List>
+            <ListItem primaryText="All mail" rightIcon={<ActionInfo />}/>
+            <ListItem primaryText="Trash" rightIcon={<ActionInfo />}/>
+            <ListItem primaryText="Spam" rightIcon={<ActionInfo />}/>
+            <ListItem primaryText="Follow up" rightIcon={<ActionInfo />}/>
+        </List>
+    </Paper>
 );
 
 const ListExampleChat = () => (
-  <Paper>
-    <List>
-      <Subheader>Recent chats</Subheader>
-      <ListItem
-        primaryText="Brendan Lim"
-        leftAvatar={<Avatar src="images/ok-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-      <ListItem
-        primaryText="Eric Hoffman"
-        leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-      <ListItem
-        primaryText="Grace Ng"
-        leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-      <ListItem
-        primaryText="Kerem Suer"
-        leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-      <ListItem
-        primaryText="Raquel Parrado"
-        leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-        rightIcon={<CommunicationChatBubble />}
-      />
-    </List>
-    <Divider />
-    <List>
-      <Subheader>Previous chats</Subheader>
-      <ListItem
-        primaryText="Chelsea Otakan"
-        leftAvatar={<Avatar src="images/chexee-128.jpg" />}
-      />
-      <ListItem
-        primaryText="James Anderson"
-        leftAvatar={<Avatar src="images/jsa-128.jpg" />}
-      />
-    </List>
-  </Paper>
+    <Paper>
+        <List>
+            <Subheader>Recent chats</Subheader>
+            <ListItem
+                primaryText="Brendan Lim"
+                leftAvatar={<Avatar src="images/ok-128.jpg" />}
+                rightIcon={<CommunicationChatBubble />}
+            />
+            <ListItem
+                primaryText="Eric Hoffman"
+                leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+                rightIcon={<CommunicationChatBubble />}
+            />
+            <ListItem
+                primaryText="Grace Ng"
+                leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
+                rightIcon={<CommunicationChatBubble />}
+            />
+            <ListItem
+                primaryText="Kerem Suer"
+                leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+                rightIcon={<CommunicationChatBubble />}
+            />
+            <ListItem
+                primaryText="Raquel Parrado"
+                leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+                rightIcon={<CommunicationChatBubble />}
+            />
+        </List>
+        <Divider />
+        <List>
+            <Subheader>Previous chats</Subheader>
+            <ListItem
+                primaryText="Chelsea Otakan"
+                leftAvatar={<Avatar src="images/chexee-128.jpg" />}
+            />
+            <ListItem
+                primaryText="James Anderson"
+                leftAvatar={<Avatar src="images/jsa-128.jpg" />}
+            />
+        </List>
+    </Paper>
 );
 
 const ListExampleContacts = () => (
-  <Paper>
-    <List>
-      <ListItem
-        primaryText="Chelsea Otakan"
-        leftIcon={<ActionGrade color={pinkA200} />}
-        rightAvatar={<Avatar src="images/chexee-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Eric Hoffman"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/kolage-128.jpg" />}
-      />
-      <ListItem
-        primaryText="James Anderson"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/jsa-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Kerem Suer"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/kerem-128.jpg" />}
-      />
-    </List>
-    <Divider inset={true} />
-    <List>
-      <ListItem
-        primaryText="Adelle Charles"
-        leftAvatar={
+    <Paper>
+        <List>
+            <ListItem
+                primaryText="Chelsea Otakan"
+                leftIcon={<ActionGrade color={pinkA200} />}
+                rightAvatar={<Avatar src="images/chexee-128.jpg" />}
+            />
+            <ListItem
+                primaryText="Eric Hoffman"
+                insetChildren={true}
+                rightAvatar={<Avatar src="images/kolage-128.jpg" />}
+            />
+            <ListItem
+                primaryText="James Anderson"
+                insetChildren={true}
+                rightAvatar={<Avatar src="images/jsa-128.jpg" />}
+            />
+            <ListItem
+                primaryText="Kerem Suer"
+                insetChildren={true}
+                rightAvatar={<Avatar src="images/kerem-128.jpg" />}
+            />
+        </List>
+        <Divider inset={true}/>
+        <List>
+            <ListItem
+                primaryText="Adelle Charles"
+                leftAvatar={
           <Avatar
             color={pinkA200} backgroundColor={transparent}
             style={{left: 8}}
@@ -1895,81 +1879,82 @@ const ListExampleContacts = () => (
             A
           </Avatar>
         }
-        rightAvatar={<Avatar src="images/adellecharles-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Adham Dannaway"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/adhamdannaway-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Allison Grayce"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/allisongrayce-128.jpg" />}
-      />
-      <ListItem
-        primaryText="Angel Ceballos"
-        insetChildren={true}
-        rightAvatar={<Avatar src="images/angelceballos-128.jpg" />}
-      />
-    </List>
-  </Paper>
+                rightAvatar={<Avatar src="images/adellecharles-128.jpg" />}
+            />
+            <ListItem
+                primaryText="Adham Dannaway"
+                insetChildren={true}
+                rightAvatar={<Avatar src="images/adhamdannaway-128.jpg" />}
+            />
+            <ListItem
+                primaryText="Allison Grayce"
+                insetChildren={true}
+                rightAvatar={<Avatar src="images/allisongrayce-128.jpg" />}
+            />
+            <ListItem
+                primaryText="Angel Ceballos"
+                insetChildren={true}
+                rightAvatar={<Avatar src="images/angelceballos-128.jpg" />}
+            />
+        </List>
+    </Paper>
 );
 
 const ListExampleFolder = () => (
-  <Paper>
-    <List>
-      <Subheader inset={true}>Folders</Subheader>
-      <ListItem
-        leftAvatar={<Avatar icon={<FileFolder />} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Photos"
-        secondaryText="Jan 9, 2014"
-      />
-      <ListItem
-        leftAvatar={<Avatar icon={<FileFolder />} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Recipes"
-        secondaryText="Jan 17, 2014"
-      />
-      <ListItem
-        leftAvatar={<Avatar icon={<FileFolder />} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Work"
-        secondaryText="Jan 28, 2014"
-      />
-    </List>
-    <Divider inset={true} />
-    <List>
-      <Subheader inset={true}>Files</Subheader>
-      <ListItem
-        leftAvatar={<Avatar icon={<ActionAssignment />} backgroundColor={blue500} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Vacation itinerary"
-        secondaryText="Jan 20, 2014"
-      />
-      <ListItem
-        leftAvatar={<Avatar icon={<EditorInsertChart />} backgroundColor={yellow600} />}
-        rightIcon={<ActionInfo />}
-        primaryText="Kitchen remodel"
-        secondaryText="Jan 10, 2014"
-      />
-    </List>
-  </Paper>
+    <Paper>
+        <List>
+            <Subheader inset={true}>Folders</Subheader>
+            <ListItem
+                leftAvatar={<Avatar icon={<FileFolder />} />}
+                rightIcon={<ActionInfo />}
+                primaryText="Photos"
+                secondaryText="Jan 9, 2014"
+            />
+            <ListItem
+                leftAvatar={<Avatar icon={<FileFolder />} />}
+                rightIcon={<ActionInfo />}
+                primaryText="Recipes"
+                secondaryText="Jan 17, 2014"
+            />
+            <ListItem
+                leftAvatar={<Avatar icon={<FileFolder />} />}
+                rightIcon={<ActionInfo />}
+                primaryText="Work"
+                secondaryText="Jan 28, 2014"
+            />
+        </List>
+        <Divider inset={true}/>
+        <List>
+            <Subheader inset={true}>Files</Subheader>
+            <ListItem
+                leftAvatar={<Avatar icon={<ActionAssignment />} backgroundColor={blue500} />}
+                rightIcon={<ActionInfo />}
+                primaryText="Vacation itinerary"
+                secondaryText="Jan 20, 2014"
+            />
+            <ListItem
+                leftAvatar={<Avatar icon={<EditorInsertChart />} backgroundColor={yellow600} />}
+                rightIcon={<ActionInfo />}
+                primaryText="Kitchen remodel"
+                secondaryText="Jan 10, 2014"
+            />
+        </List>
+    </Paper>
 );
 
 const ListExampleNested = () => (
-  <Paper>
-    <List>
-      <Subheader>Nested List Items</Subheader>
-      <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
-      <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
-      <ListItem
-        primaryText="Inbox"
-        leftIcon={<ContentInbox />}
-        initiallyOpen={true}
-        primaryTogglesNestedList={true}
-        nestedItems={[
+    <Paper>
+        <List>
+            <Subheader>Nested List Items</Subheader>
+            <ListItem primaryText="Sent mail" leftIcon={<ContentSend />}/>
+            <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />}/>
+            <ListItem
+                primaryText="Inbox"
+                leftIcon={<ContentInbox />}
+                initiallyOpen={true}
+                open={true}
+                primaryTogglesNestedList={true}
+                nestedItems={[
           <ListItem
             key={1}
             primaryText="Starred"
@@ -1985,458 +1970,458 @@ const ListExampleNested = () => (
             ]}
           />,
         ]}
-      />
-    </List>
-  </Paper>
+            />
+        </List>
+    </Paper>
 );
 
 const ListExampleSettings = () => (
-  <div>
-    <Paper>
-      <List>
-        <Subheader>General</Subheader>
-        <ListItem
-          primaryText="Profile photo"
-          secondaryText="Change your Google+ profile photo"
-        />
-        <ListItem
-          primaryText="Show your status"
-          secondaryText="Your status is visible to everyone you use with"
-        />
-      </List>
-      <Divider />
-      <List>
-        <Subheader>Hangout Notifications</Subheader>
-        <ListItem
-          leftCheckbox={<Checkbox />}
-          primaryText="Notifications"
-          secondaryText="Allow notifications"
-        />
-        <ListItem
-          leftCheckbox={<Checkbox />}
-          primaryText="Sounds"
-          secondaryText="Hangouts message"
-        />
-        <ListItem
-          leftCheckbox={<Checkbox />}
-          primaryText="Video sounds"
-          secondaryText="Hangouts video call"
-        />
-      </List>
-    </Paper>
-    <Paper>
-      <List>
-        <ListItem
-          primaryText="When calls and notifications arrive"
-          secondaryText="Always interrupt"
-        />
-      </List>
-      <Divider />
-      <List>
-        <Subheader>Priority Interruptions</Subheader>
-        <ListItem primaryText="Events and reminders" rightToggle={<Toggle />} />
-        <ListItem primaryText="Calls" rightToggle={<Toggle />} />
-        <ListItem primaryText="Messages" rightToggle={<Toggle />} />
-      </List>
-      <Divider />
-      <List>
-        <Subheader>Hangout Notifications</Subheader>
-        <ListItem primaryText="Notifications" leftCheckbox={<Checkbox />} />
-        <ListItem primaryText="Sounds" leftCheckbox={<Checkbox />} />
-        <ListItem primaryText="Video sounds" leftCheckbox={<Checkbox />} />
-      </List>
-    </Paper>
-  </div>
+    <div>
+        <Paper>
+            <List>
+                <Subheader>General</Subheader>
+                <ListItem
+                    primaryText="Profile photo"
+                    secondaryText="Change your Google+ profile photo"
+                />
+                <ListItem
+                    primaryText="Show your status"
+                    secondaryText="Your status is visible to everyone you use with"
+                />
+            </List>
+            <Divider />
+            <List>
+                <Subheader>Hangout Notifications</Subheader>
+                <ListItem
+                    leftCheckbox={<Checkbox />}
+                    primaryText="Notifications"
+                    secondaryText="Allow notifications"
+                />
+                <ListItem
+                    leftCheckbox={<Checkbox />}
+                    primaryText="Sounds"
+                    secondaryText="Hangouts message"
+                />
+                <ListItem
+                    leftCheckbox={<Checkbox />}
+                    primaryText="Video sounds"
+                    secondaryText="Hangouts video call"
+                />
+            </List>
+        </Paper>
+        <Paper>
+            <List>
+                <ListItem
+                    primaryText="When calls and notifications arrive"
+                    secondaryText="Always interrupt"
+                />
+            </List>
+            <Divider />
+            <List>
+                <Subheader>Priority Interruptions</Subheader>
+                <ListItem primaryText="Events and reminders" rightToggle={<Toggle />}/>
+                <ListItem primaryText="Calls" rightToggle={<Toggle />}/>
+                <ListItem primaryText="Messages" rightToggle={<Toggle />}/>
+            </List>
+            <Divider />
+            <List>
+                <Subheader>Hangout Notifications</Subheader>
+                <ListItem primaryText="Notifications" leftCheckbox={<Checkbox />}/>
+                <ListItem primaryText="Sounds" leftCheckbox={<Checkbox />}/>
+                <ListItem primaryText="Video sounds" leftCheckbox={<Checkbox />}/>
+            </List>
+        </Paper>
+    </div>
 );
 
 const ListExamplePhone = () => (
-  <Paper>
-    <List>
-      <ListItem
-        leftIcon={<CommunicationCall color={indigo500} />}
-        rightIcon={<CommunicationChatBubble />}
-        primaryText="(650) 555 - 1234"
-        secondaryText="Mobile"
-      />
-      <ListItem
-        insetChildren={true}
-        rightIcon={<CommunicationChatBubble />}
-        primaryText="(323) 555 - 6789"
-        secondaryText="Work"
-      />
-    </List>
-    <Divider inset={true} />
-    <List>
-      <ListItem
-        leftIcon={<CommunicationEmail color={indigo500} />}
-        primaryText="aliconnors@example.com"
-        secondaryText="Personal"
-      />
-      <ListItem
-        insetChildren={true}
-        primaryText="ali_connors@example.com"
-        secondaryText="Work"
-      />
-    </List>
-  </Paper>
+    <Paper>
+        <List>
+            <ListItem
+                leftIcon={<CommunicationCall color={indigo500} />}
+                rightIcon={<CommunicationChatBubble />}
+                primaryText="(650) 555 - 1234"
+                secondaryText="Mobile"
+            />
+            <ListItem
+                insetChildren={true}
+                rightIcon={<CommunicationChatBubble />}
+                primaryText="(323) 555 - 6789"
+                secondaryText="Work"
+            />
+        </List>
+        <Divider inset={true}/>
+        <List>
+            <ListItem
+                leftIcon={<CommunicationEmail color={indigo500} />}
+                primaryText="aliconnors@example.com"
+                secondaryText="Personal"
+            />
+            <ListItem
+                insetChildren={true}
+                primaryText="ali_connors@example.com"
+                secondaryText="Work"
+            />
+        </List>
+    </Paper>
 );
 
 const iconButtonElement = (
-  <IconButton
-    touch={true}
-    tooltip="more"
-    tooltipPosition="bottom-left"
-  >
-    <MoreVertIcon color={grey400} />
-  </IconButton>
+    <IconButton
+        touch={true}
+        tooltip="more"
+        tooltipPosition="bottom-left"
+    >
+        <MoreVertIcon color={grey400}/>
+    </IconButton>
 );
 
 const rightIconMenu = (
-  <IconMenu iconButtonElement={iconButtonElement}>
-    <MenuItem>Reply</MenuItem>
-    <MenuItem>Forward</MenuItem>
-    <MenuItem>Delete</MenuItem>
-  </IconMenu>
+    <IconMenu iconButtonElement={iconButtonElement}>
+        <MenuItem>Reply</MenuItem>
+        <MenuItem>Forward</MenuItem>
+        <MenuItem>Delete</MenuItem>
+    </IconMenu>
 );
 
 const ListExampleMessages = () => (
-  <div>
-    <Paper>
-      <List>
-        <Subheader>Today</Subheader>
-        <ListItem
-          leftAvatar={<Avatar src="images/ok-128.jpg" />}
-          primaryText="Brunch this weekend?"
-          secondaryText={
+    <div>
+        <Paper>
+            <List>
+                <Subheader>Today</Subheader>
+                <ListItem
+                    leftAvatar={<Avatar src="images/ok-128.jpg" />}
+                    primaryText="Brunch this weekend?"
+                    secondaryText={
             <p>
               <span style={{color: darkBlack}}>Brendan Lim</span> --
               I&apos;ll be in your neighborhood doing errands this weekend. Do you want to grab brunch?
             </p>
           }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-          primaryText={
+                    secondaryTextLines={2}
+                />
+                <Divider inset={true}/>
+                <ListItem
+                    leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+                    primaryText={
             <p>Summer BBQ&nbsp;&nbsp;<span style={{color: lightBlack}}>4</span></p>
           }
-          secondaryText={
+                    secondaryText={
             <p>
               <span style={{color: darkBlack}}>to me, Scott, Jennifer</span> --
               Wish I could come, but I&apos;m out of town this weekend.
             </p>
           }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-          primaryText="Oui oui"
-          secondaryText={
+                    secondaryTextLines={2}
+                />
+                <Divider inset={true}/>
+                <ListItem
+                    leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
+                    primaryText="Oui oui"
+                    secondaryText={
             <p>
               <span style={{color: darkBlack}}>Grace Ng</span> --
               Do you have Paris recommendations? Have you ever been?
             </p>
           }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-          primaryText="Birdthday gift"
-          secondaryText={
+                    secondaryTextLines={2}
+                />
+                <Divider inset={true}/>
+                <ListItem
+                    leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+                    primaryText="Birdthday gift"
+                    secondaryText={
             <p>
               <span style={{color: darkBlack}}>Kerem Suer</span> --
               Do you have any ideas what we can get Heidi for her birthday? How about a pony?
             </p>
           }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-          primaryText="Recipe to try"
-          secondaryText={
+                    secondaryTextLines={2}
+                />
+                <Divider inset={true}/>
+                <ListItem
+                    leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+                    primaryText="Recipe to try"
+                    secondaryText={
             <p>
               <span style={{color: darkBlack}}>Raquel Parrado</span> --
               We should eat this: grated squash. Corn and tomatillo tacos.
             </p>
           }
-          secondaryTextLines={2}
-        />
-      </List>
-    </Paper>
-    <Paper>
-      <List>
-        <Subheader>Today</Subheader>
-        <ListItem
-          leftAvatar={<Avatar src="images/ok-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="Brendan Lim"
-          secondaryText={
+                    secondaryTextLines={2}
+                />
+            </List>
+        </Paper>
+        <Paper>
+            <List>
+                <Subheader>Today</Subheader>
+                <ListItem
+                    leftAvatar={<Avatar src="images/ok-128.jpg" />}
+                    rightIconButton={rightIconMenu}
+                    primaryText="Brendan Lim"
+                    secondaryText={
             <p>
               <span style={{color: darkBlack}}>Brunch this weekend?</span><br />
               I&apos;ll be in your neighborhood doing errands this weekend. Do you want to grab brunch?
             </p>
           }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="me, Scott, Jennifer"
-          secondaryText={
+                    secondaryTextLines={2}
+                />
+                <Divider inset={true}/>
+                <ListItem
+                    leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+                    rightIconButton={rightIconMenu}
+                    primaryText="me, Scott, Jennifer"
+                    secondaryText={
             <p>
               <span style={{color: darkBlack}}>Summer BBQ</span><br />
               Wish I could come, but I&apos;m out of town this weekend.
             </p>
           }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="Grace Ng"
-          secondaryText={
+                    secondaryTextLines={2}
+                />
+                <Divider inset={true}/>
+                <ListItem
+                    leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
+                    rightIconButton={rightIconMenu}
+                    primaryText="Grace Ng"
+                    secondaryText={
             <p>
               <span style={{color: darkBlack}}>Oui oui</span><br />
               Do you have any Paris recs? Have you ever been?
             </p>
           }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="Kerem Suer"
-          secondaryText={
+                    secondaryTextLines={2}
+                />
+                <Divider inset={true}/>
+                <ListItem
+                    leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+                    rightIconButton={rightIconMenu}
+                    primaryText="Kerem Suer"
+                    secondaryText={
             <p>
               <span style={{color: darkBlack}}>Birthday gift</span><br />
               Do you have any ideas what we can get Heidi for her birthday? How about a pony?
             </p>
           }
-          secondaryTextLines={2}
-        />
-        <Divider inset={true} />
-        <ListItem
-          leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-          rightIconButton={rightIconMenu}
-          primaryText="Raquel Parrado"
-          secondaryText={
+                    secondaryTextLines={2}
+                />
+                <Divider inset={true}/>
+                <ListItem
+                    leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+                    rightIconButton={rightIconMenu}
+                    primaryText="Raquel Parrado"
+                    secondaryText={
             <p>
               <span style={{color: darkBlack}}>Recipe to try</span><br />
               We should eat this: grated squash. Corn and tomatillo tacos.
             </p>
           }
-          secondaryTextLines={2}
-        />
-      </List>
-    </Paper>
-  </div>
+                    secondaryTextLines={2}
+                />
+            </List>
+        </Paper>
+    </div>
 );
 
 function wrapState(ComposedComponent: React.ComponentClass<__MaterialUI.List.SelectableProps>) {
-  return class SelectableList extends Component<{defaultValue: number}, {selectedIndex: number}> {
-    static propTypes = {
-      children: PropTypes.node.isRequired,
-      defaultValue: PropTypes.number.isRequired,
+    return class SelectableList extends Component<{defaultValue: number}, {selectedIndex: number}> {
+        static propTypes = {
+            children: PropTypes.node.isRequired,
+            defaultValue: PropTypes.number.isRequired,
+        };
+
+        componentWillMount() {
+            this.setState({
+                selectedIndex: this.props.defaultValue,
+            });
+        }
+
+        handleRequestChange = (event, index) => {
+            this.setState({
+                selectedIndex: index,
+            });
+        };
+
+        render() {
+            return (
+                <ComposedComponent
+                    value={this.state.selectedIndex}
+                    onChange={this.handleRequestChange}
+                >
+                    {this.props.children}
+                </ComposedComponent>
+            );
+        }
     };
-
-    componentWillMount() {
-      this.setState({
-        selectedIndex: this.props.defaultValue,
-      });
-    }
-
-    handleRequestChange = (event, index) => {
-      this.setState({
-        selectedIndex: index,
-      });
-    };
-
-    render() {
-      return (
-        <ComposedComponent
-          value={this.state.selectedIndex}
-          onChange={this.handleRequestChange}
-        >
-          {this.props.children}
-        </ComposedComponent>
-      );
-    }
-  };
 }
 
-let SelectableList = wrapState(MakeSelectable(List));
+let SelectableList = wrapState(makeSelectable(List));
 
 const ListExampleSelectable = () => (
-  <Paper>
-    <SelectableList defaultValue={3}>
-      <Subheader>Selectable Contacts</Subheader>
-      <ListItem
-        value={1}
-        primaryText="Brendan Lim"
-        leftAvatar={<Avatar src="images/ok-128.jpg" />}
-        nestedItems={[
+    <Paper>
+        <SelectableList defaultValue={3}>
+            <Subheader>Selectable Contacts</Subheader>
+            <ListItem
+                value={1}
+                primaryText="Brendan Lim"
+                leftAvatar={<Avatar src="images/ok-128.jpg" />}
+                nestedItems={[
           <ListItem
             value={2}
             primaryText="Grace Ng"
             leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
           />,
         ]}
-      />
-      <ListItem
-        value={3}
-        primaryText="Kerem Suer"
-        leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-      />
-      <ListItem
-        value={4}
-        primaryText="Eric Hoffman"
-        leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-      />
-      <ListItem
-        value={5}
-        primaryText="Raquel Parrado"
-        leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-      />
-    </SelectableList>
-  </Paper>
+            />
+            <ListItem
+                value={3}
+                primaryText="Kerem Suer"
+                leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+            />
+            <ListItem
+                value={4}
+                primaryText="Eric Hoffman"
+                leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+            />
+            <ListItem
+                value={5}
+                primaryText="Raquel Parrado"
+                leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+            />
+        </SelectableList>
+    </Paper>
 );
 
 
 // "http://www.material-ui.com/#/components/menu"
 const MenuExampleSimple = () => (
-  <div>
-    <Paper style={style}>
-      <Menu>
-        <MenuItem primaryText="Maps" />
-        <MenuItem primaryText="Books" />
-        <MenuItem primaryText="Flights" />
-        <MenuItem primaryText="Apps" />
-      </Menu>
-    </Paper>
-    <Paper style={style}>
-      <Menu>
-        <MenuItem primaryText="Refresh" />
-        <MenuItem primaryText="Help &amp; feedback" />
-        <MenuItem primaryText="Settings" />
-        <MenuItem primaryText="Sign out" />
-      </Menu>
-    </Paper>
-  </div>
+    <div>
+        <Paper style={style}>
+            <Menu>
+                <MenuItem primaryText="Maps"/>
+                <MenuItem primaryText="Books"/>
+                <MenuItem primaryText="Flights"/>
+                <MenuItem primaryText="Apps"/>
+            </Menu>
+        </Paper>
+        <Paper style={style}>
+            <Menu>
+                <MenuItem primaryText="Refresh"/>
+                <MenuItem primaryText="Help &amp; feedback"/>
+                <MenuItem primaryText="Settings"/>
+                <MenuItem primaryText="Sign out"/>
+            </Menu>
+        </Paper>
+    </div>
 );
 
 const MenuExampleDisable = () => (
-  <div>
-    <Paper style={style}>
-      <Menu desktop={true}>
-        <MenuItem primaryText="Back" />
-        <MenuItem primaryText="Forward" disabled={true} />
-        <Divider />
-        <MenuItem primaryText="Recently closed" disabled={true} />
-        <MenuItem primaryText="Google" disabled={true} />
-        <MenuItem primaryText="YouTube" />
-      </Menu>
-    </Paper>
-    <Paper style={style}>
-      <Menu desktop={true}>
-        <MenuItem primaryText="Undo" />
-        <MenuItem primaryText="Redo" disabled={true} />
-        <Divider />
-        <MenuItem primaryText="Cut" disabled={true} />
-        <MenuItem primaryText="Copy" disabled={true} />
-        <MenuItem primaryText="Paste" />
-      </Menu>
-    </Paper>
-  </div>
+    <div>
+        <Paper style={style}>
+            <Menu desktop={true}>
+                <MenuItem primaryText="Back"/>
+                <MenuItem primaryText="Forward" disabled={true}/>
+                <Divider />
+                <MenuItem primaryText="Recently closed" disabled={true}/>
+                <MenuItem primaryText="Google" disabled={true}/>
+                <MenuItem primaryText="YouTube"/>
+            </Menu>
+        </Paper>
+        <Paper style={style}>
+            <Menu desktop={true}>
+                <MenuItem primaryText="Undo"/>
+                <MenuItem primaryText="Redo" disabled={true}/>
+                <Divider />
+                <MenuItem primaryText="Cut" disabled={true}/>
+                <MenuItem primaryText="Copy" disabled={true}/>
+                <MenuItem primaryText="Paste"/>
+            </Menu>
+        </Paper>
+    </div>
 );
 
 const MenuExampleIcons = () => (
-  <div>
-    <Paper style={styles.paper}>
-      <Menu>
-        <MenuItem primaryText="Preview" leftIcon={<RemoveRedEye />} />
-        <MenuItem primaryText="Share" leftIcon={<PersonAdd />} />
-        <MenuItem primaryText="Get links" leftIcon={<ContentLink />} />
-        <Divider />
-        <MenuItem primaryText="Make a copy" leftIcon={<ContentCopy />} />
-        <MenuItem primaryText="Download" leftIcon={<Download />} />
-        <Divider />
-        <MenuItem primaryText="Remove" leftIcon={<Delete />} />
-      </Menu>
-    </Paper>
-    <Paper style={styles.paper}>
-      <Menu>
-        <MenuItem primaryText="Clear Config" />
-        <MenuItem primaryText="New Config" rightIcon={<PersonAdd />} />
-        <MenuItem primaryText="Project" rightIcon={<FontIcon className="material-icons">settings</FontIcon>} />
-        <MenuItem
-          primaryText="Workspace"
-          rightIcon={
+    <div>
+        <Paper style={styles.paper}>
+            <Menu>
+                <MenuItem primaryText="Preview" leftIcon={<RemoveRedEye />}/>
+                <MenuItem primaryText="Share" leftIcon={<PersonAdd />}/>
+                <MenuItem primaryText="Get links" leftIcon={<ContentLink />}/>
+                <Divider />
+                <MenuItem primaryText="Make a copy" leftIcon={<ContentCopy />}/>
+                <MenuItem primaryText="Download" leftIcon={<Download />}/>
+                <Divider />
+                <MenuItem primaryText="Remove" leftIcon={<Delete />}/>
+            </Menu>
+        </Paper>
+        <Paper style={styles.paper}>
+            <Menu>
+                <MenuItem primaryText="Clear Config"/>
+                <MenuItem primaryText="New Config" rightIcon={<PersonAdd />}/>
+                <MenuItem primaryText="Project" rightIcon={<FontIcon className="material-icons">settings</FontIcon>}/>
+                <MenuItem
+                    primaryText="Workspace"
+                    rightIcon={
             <FontIcon className="material-icons" style={{color: '#559'}}>settings</FontIcon>
           }
-        />
-        <MenuItem primaryText="Paragraph" rightIcon={<b style={styles.rightIcon}>¶</b>} />
-        <MenuItem primaryText="Section" rightIcon={<b style={styles.rightIcon}>§</b>} />
-      </Menu>
-    </Paper>
-  </div>
+                />
+                <MenuItem primaryText="Paragraph" rightIcon={<b style={styles.rightIcon}>¶</b>}/>
+                <MenuItem primaryText="Section" rightIcon={<b style={styles.rightIcon}>§</b>}/>
+            </Menu>
+        </Paper>
+    </div>
 );
 
 const MenuExampleSecondary = () => (
-  <div>
-    <Paper style={style}>
-      <Menu desktop={true} width={256}>
-        <MenuItem primaryText="Bold" secondaryText="&#8984;B" />
-        <MenuItem primaryText="Italic" secondaryText="&#8984;I" />
-        <MenuItem primaryText="Underline" secondaryText="&#8984;U" />
-        <MenuItem primaryText="Strikethrough" secondaryText="Alt+Shift+5" />
-        <MenuItem primaryText="Superscript" secondaryText="&#8984;." />
-        <MenuItem primaryText="Subscript" secondaryText="&#8984;," />
-        <Divider />
-        <MenuItem primaryText="Paragraph styles" rightIcon={<ArrowDropRight />} />
-        <MenuItem primaryText="Align" rightIcon={<ArrowDropRight />} />
-        <MenuItem primaryText="Line spacing" rightIcon={<ArrowDropRight />} />
-        <MenuItem primaryText="Numbered list" rightIcon={<ArrowDropRight />} />
-        <MenuItem primaryText="List options" rightIcon={<ArrowDropRight />} />
-        <Divider />
-        <MenuItem primaryText="Clear formatting" secondaryText="&#8984;/" />
-      </Menu>
-    </Paper>
-    <Paper style={style}>
-      <Menu desktop={true} width={256}>
-        <MenuItem primaryText="Open" secondaryText="Cmd + O" />
-        <MenuItem primaryText="Paste in place" secondaryText="Shift + V" />
-        <MenuItem primaryText="Research" secondaryText="Opt + Shift + Cmd + I" />
-      </Menu>
-    </Paper>
-    <Paper style={style}>
-      <Menu desktop={true} width={256}>
-        <MenuItem primaryText="Open" secondaryText="&#8984;O" />
-        <MenuItem primaryText="Paste in place" secondaryText="&#8679;&#8984;V" />
-        <MenuItem primaryText="Research" secondaryText="&#8997;&#8679;&#8984;I" />
-      </Menu>
-    </Paper>
-  </div>
+    <div>
+        <Paper style={style}>
+            <Menu desktop={true} width={256}>
+                <MenuItem primaryText="Bold" secondaryText="&#8984;B"/>
+                <MenuItem primaryText="Italic" secondaryText="&#8984;I"/>
+                <MenuItem primaryText="Underline" secondaryText="&#8984;U"/>
+                <MenuItem primaryText="Strikethrough" secondaryText="Alt+Shift+5"/>
+                <MenuItem primaryText="Superscript" secondaryText="&#8984;."/>
+                <MenuItem primaryText="Subscript" secondaryText="&#8984;,"/>
+                <Divider />
+                <MenuItem primaryText="Paragraph styles" rightIcon={<ArrowDropRight />}/>
+                <MenuItem primaryText="Align" rightIcon={<ArrowDropRight />}/>
+                <MenuItem primaryText="Line spacing" rightIcon={<ArrowDropRight />}/>
+                <MenuItem primaryText="Numbered list" rightIcon={<ArrowDropRight />}/>
+                <MenuItem primaryText="List options" rightIcon={<ArrowDropRight />}/>
+                <Divider />
+                <MenuItem primaryText="Clear formatting" secondaryText="&#8984;/"/>
+            </Menu>
+        </Paper>
+        <Paper style={style}>
+            <Menu desktop={true} width={256}>
+                <MenuItem primaryText="Open" secondaryText="Cmd + O"/>
+                <MenuItem primaryText="Paste in place" secondaryText="Shift + V"/>
+                <MenuItem primaryText="Research" secondaryText="Opt + Shift + Cmd + I"/>
+            </Menu>
+        </Paper>
+        <Paper style={style}>
+            <Menu desktop={true} width={256}>
+                <MenuItem primaryText="Open" secondaryText="&#8984;O"/>
+                <MenuItem primaryText="Paste in place" secondaryText="&#8679;&#8984;V"/>
+                <MenuItem primaryText="Research" secondaryText="&#8997;&#8679;&#8984;I"/>
+            </Menu>
+        </Paper>
+    </div>
 );
 
 const MenuExampleNested = () => (
-  <div>
-    <Paper style={style}>
-      <Menu desktop={true} width={320}>
-        <MenuItem primaryText="Single" insetChildren={true} />
-        <MenuItem primaryText="1.15" insetChildren={true} />
-        <MenuItem primaryText="Double" insetChildren={true} />
-        <MenuItem
-          primaryText="Custom: 1.2"
-          checked={true}
-          rightIcon={<ArrowDropRight />}
-          menuItems={[
+    <div>
+        <Paper style={style}>
+            <Menu desktop={true} width={320}>
+                <MenuItem primaryText="Single" insetChildren={true}/>
+                <MenuItem primaryText="1.15" insetChildren={true}/>
+                <MenuItem primaryText="Double" insetChildren={true}/>
+                <MenuItem
+                    primaryText="Custom: 1.2"
+                    checked={true}
+                    rightIcon={<ArrowDropRight />}
+                    menuItems={[
             <MenuItem
               primaryText="Show"
               rightIcon={<ArrowDropRight />}
@@ -2451,1864 +2436,1867 @@ const MenuExampleNested = () => (
             <MenuItem primaryText="Page breaks" insetChildren={true} />,
             <MenuItem primaryText="Rules" checked={true} />,
           ]}
-        />
-        <Divider />
-        <MenuItem primaryText="Add space before paragraph" />
-        <MenuItem primaryText="Add space after paragraph" />
-        <Divider />
-        <MenuItem primaryText="Custom spacing..." />
-      </Menu>
-    </Paper>
-  </div>
+                />
+                <Divider />
+                <MenuItem primaryText="Add space before paragraph"/>
+                <MenuItem primaryText="Add space after paragraph"/>
+                <Divider />
+                <MenuItem primaryText="Custom spacing..."/>
+            </Menu>
+        </Paper>
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/icon-menu"
 const IconMenuExampleSimple = () => (
-  <div>
-    <IconMenu
-      animated={true}
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'left', vertical: 'top'}}
-      targetOrigin={{horizontal: 'left', vertical: 'top'}}
-    >
-      <MenuItem primaryText="Refresh" />
-      <MenuItem primaryText="Send feedback" />
-      <MenuItem primaryText="Settings" />
-      <MenuItem primaryText="Help" />
-      <MenuItem primaryText="Sign out" />
-    </IconMenu>
-    <IconMenu
-      animated={false}
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
-      targetOrigin={{horizontal: 'left', vertical: 'bottom'}}
-    >
-      <MenuItem primaryText="Refresh" />
-      <MenuItem primaryText="Send feedback" />
-      <MenuItem primaryText="Settings" />
-      <MenuItem primaryText="Help" />
-      <MenuItem primaryText="Sign out" />
-    </IconMenu>
-    <IconMenu
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'right', vertical: 'bottom'}}
-      targetOrigin={{horizontal: 'right', vertical: 'bottom'}}
-    >
-      <MenuItem primaryText="Refresh" />
-      <MenuItem primaryText="Send feedback" />
-      <MenuItem primaryText="Settings" />
-      <MenuItem primaryText="Help" />
-      <MenuItem primaryText="Sign out" />
-    </IconMenu>
-    <IconMenu
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'right', vertical: 'top'}}
-      targetOrigin={{horizontal: 'right', vertical: 'top'}}
-    >
-      <MenuItem primaryText="Refresh" />
-      <MenuItem primaryText="Send feedback" />
-      <MenuItem primaryText="Settings" />
-      <MenuItem primaryText="Help" />
-      <MenuItem primaryText="Sign out" />
-    </IconMenu>
-  </div>
+    <div>
+        <IconMenu
+            animated={true}
+            iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+            anchorOrigin={{horizontal: 'left', vertical: 'top'}}
+            targetOrigin={{horizontal: 'left', vertical: 'top'}}
+        >
+            <MenuItem primaryText="Refresh"/>
+            <MenuItem primaryText="Send feedback"/>
+            <MenuItem primaryText="Settings"/>
+            <MenuItem primaryText="Help"/>
+            <MenuItem primaryText="Sign out"/>
+        </IconMenu>
+        <IconMenu
+            animated={false}
+            iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+            anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
+            targetOrigin={{horizontal: 'left', vertical: 'bottom'}}
+        >
+            <MenuItem primaryText="Refresh"/>
+            <MenuItem primaryText="Send feedback"/>
+            <MenuItem primaryText="Settings"/>
+            <MenuItem primaryText="Help"/>
+            <MenuItem primaryText="Sign out"/>
+        </IconMenu>
+        <IconMenu
+            iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+            anchorOrigin={{horizontal: 'right', vertical: 'bottom'}}
+            targetOrigin={{horizontal: 'right', vertical: 'bottom'}}
+        >
+            <MenuItem primaryText="Refresh"/>
+            <MenuItem primaryText="Send feedback"/>
+            <MenuItem primaryText="Settings"/>
+            <MenuItem primaryText="Help"/>
+            <MenuItem primaryText="Sign out"/>
+        </IconMenu>
+        <IconMenu
+            iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+            anchorOrigin={{horizontal: 'right', vertical: 'top'}}
+            targetOrigin={{horizontal: 'right', vertical: 'top'}}
+        >
+            <MenuItem primaryText="Refresh"/>
+            <MenuItem primaryText="Send feedback"/>
+            <MenuItem primaryText="Settings"/>
+            <MenuItem primaryText="Help"/>
+            <MenuItem primaryText="Sign out"/>
+        </IconMenu>
+    </div>
 );
 
 interface IconMenuExampleControlledState {
-  valueSingle?: string;
-  valueMultiple?: string[];
-  openMenu?: boolean;
+    valueSingle?: string;
+    valueMultiple?: string[];
+    openMenu?: boolean;
 }
 
 class IconMenuExampleControlled extends React.Component<{}, IconMenuExampleControlledState> {
-  constructor(props) {
-    super(props);
+    constructor(props) {
+        super(props);
 
-    this.state = {
-      valueSingle: '3',
-      valueMultiple: ['3', '5'],
+        this.state = {
+            valueSingle: '3',
+            valueMultiple: ['3', '5'],
+        };
+    }
+
+    handleChangeSingle = (event, value) => {
+        this.setState({
+            valueSingle: value,
+        });
     };
-  }
 
-  handleChangeSingle = (event, value) => {
-    this.setState({
-      valueSingle: value,
-    });
-  };
+    handleChangeMultiple = (event, value) => {
+        this.setState({
+            valueMultiple: value,
+        });
+    };
 
-  handleChangeMultiple = (event, value) => {
-    this.setState({
-      valueMultiple: value,
-    });
-  };
+    handleOpenMenu = () => {
+        this.setState({
+            openMenu: true,
+        });
+    }
 
-  handleOpenMenu = () => {
-    this.setState({
-      openMenu: true,
-    });
-  }
+    handleOnRequestChange = (value) => {
+        this.setState({
+            openMenu: value,
+        });
+    }
 
-  handleOnRequestChange = (value) => {
-    this.setState({
-      openMenu: value,
-    });
-  }
-
-  render() {
-    return (
-      <div>
-        <IconMenu
-          iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-          onChange={this.handleChangeSingle}
-          value={this.state.valueSingle}
-        >
-          <MenuItem value="1" primaryText="Refresh" />
-          <MenuItem value="2" primaryText="Send feedback" />
-          <MenuItem value="3" primaryText="Settings" />
-          <MenuItem value="4" primaryText="Help" />
-          <MenuItem value="5" primaryText="Sign out" />
-        </IconMenu>
-        <IconMenu
-          iconButtonElement={<IconButton><ContentFilter /></IconButton>}
-          onChange={this.handleChangeMultiple}
-          value={this.state.valueMultiple}
-          multiple={true}
-        >
-          <MenuItem value="1" primaryText="Blu-ray" />
-          <MenuItem value="2" primaryText="Cassette" />
-          <MenuItem value="3" primaryText="CD" />
-          <MenuItem value="4" primaryText="DVD Audio" />
-          <MenuItem value="5" primaryText="Hybrid SACD" />
-          <MenuItem value="6" primaryText="Vinyl" />
-        </IconMenu>
-        <IconMenu
-          iconButtonElement={<IconButton><FileFileDownload /></IconButton>}
-          open={this.state.openMenu}
-          onRequestChange={this.handleOnRequestChange}
-        >
-          <MenuItem value="1" primaryText="Windows App" />
-          <MenuItem value="2" primaryText="Mac App" />
-          <MenuItem value="3" primaryText="Android App" />
-          <MenuItem value="4" primaryText="iOS App" />
-        </IconMenu>
-        <RaisedButton onTouchTap={this.handleOpenMenu} label="Downloads" />
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <IconMenu
+                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+                    onChange={this.handleChangeSingle}
+                    value={this.state.valueSingle}
+                >
+                    <MenuItem value="1" primaryText="Refresh"/>
+                    <MenuItem value="2" primaryText="Send feedback"/>
+                    <MenuItem value="3" primaryText="Settings"/>
+                    <MenuItem value="4" primaryText="Help"/>
+                    <MenuItem value="5" primaryText="Sign out"/>
+                </IconMenu>
+                <IconMenu
+                    iconButtonElement={<IconButton><ContentFilter /></IconButton>}
+                    onChange={this.handleChangeMultiple}
+                    value={this.state.valueMultiple}
+                    multiple={true}
+                >
+                    <MenuItem value="1" primaryText="Blu-ray"/>
+                    <MenuItem value="2" primaryText="Cassette"/>
+                    <MenuItem value="3" primaryText="CD"/>
+                    <MenuItem value="4" primaryText="DVD Audio"/>
+                    <MenuItem value="5" primaryText="Hybrid SACD"/>
+                    <MenuItem value="6" primaryText="Vinyl"/>
+                </IconMenu>
+                <IconMenu
+                    iconButtonElement={<IconButton><FileFileDownload /></IconButton>}
+                    open={this.state.openMenu}
+                    onRequestChange={this.handleOnRequestChange}
+                >
+                    <MenuItem value="1" primaryText="Windows App"/>
+                    <MenuItem value="2" primaryText="Mac App"/>
+                    <MenuItem value="3" primaryText="Android App"/>
+                    <MenuItem value="4" primaryText="iOS App"/>
+                </IconMenu>
+                <RaisedButton onTouchTap={this.handleOpenMenu} label="Downloads"/>
+            </div>
+        );
+    }
 }
 
 const IconMenuExampleScrollable = () => (
-  <IconMenu
-    iconButtonElement={<IconButton><MapsPlace /></IconButton>}
-    anchorOrigin={{horizontal: 'left', vertical: 'top'}}
-    targetOrigin={{horizontal: 'left', vertical: 'top'}}
-    maxHeight={272}
-  >
-    <MenuItem value="AL" primaryText="Alabama" />
-    <MenuItem value="AK" primaryText="Alaska" />
-    <MenuItem value="AZ" primaryText="Arizona" />
-    <MenuItem value="AR" primaryText="Arkansas" />
-    <MenuItem value="CA" primaryText="California" />
-    <MenuItem value="CO" primaryText="Colorado" />
-    <MenuItem value="CT" primaryText="Connecticut" />
-    <MenuItem value="DE" primaryText="Delaware" />
-    <MenuItem value="DC" primaryText="District Of Columbia" />
-    <MenuItem value="FL" primaryText="Florida" />
-    <MenuItem value="GA" primaryText="Georgia" />
-    <MenuItem value="HI" primaryText="Hawaii" />
-    <MenuItem value="ID" primaryText="Idaho" />
-    <MenuItem value="IL" primaryText="Illinois" />
-    <MenuItem value="IN" primaryText="Indiana" />
-    <MenuItem value="IA" primaryText="Iowa" />
-    <MenuItem value="KS" primaryText="Kansas" />
-    <MenuItem value="KY" primaryText="Kentucky" />
-    <MenuItem value="LA" primaryText="Louisiana" />
-    <MenuItem value="ME" primaryText="Maine" />
-    <MenuItem value="MD" primaryText="Maryland" />
-    <MenuItem value="MA" primaryText="Massachusetts" />
-    <MenuItem value="MI" primaryText="Michigan" />
-    <MenuItem value="MN" primaryText="Minnesota" />
-    <MenuItem value="MS" primaryText="Mississippi" />
-    <MenuItem value="MO" primaryText="Missouri" />
-    <MenuItem value="MT" primaryText="Montana" />
-    <MenuItem value="NE" primaryText="Nebraska" />
-    <MenuItem value="NV" primaryText="Nevada" />
-    <MenuItem value="NH" primaryText="New Hampshire" />
-    <MenuItem value="NJ" primaryText="New Jersey" />
-    <MenuItem value="NM" primaryText="New Mexico" />
-    <MenuItem value="NY" primaryText="New York" />
-    <MenuItem value="NC" primaryText="North Carolina" />
-    <MenuItem value="ND" primaryText="North Dakota" />
-    <MenuItem value="OH" primaryText="Ohio" />
-    <MenuItem value="OK" primaryText="Oklahoma" />
-    <MenuItem value="OR" primaryText="Oregon" />
-    <MenuItem value="PA" primaryText="Pennsylvania" />
-    <MenuItem value="RI" primaryText="Rhode Island" />
-    <MenuItem value="SC" primaryText="South Carolina" />
-    <MenuItem value="SD" primaryText="South Dakota" />
-    <MenuItem value="TN" primaryText="Tennessee" />
-    <MenuItem value="TX" primaryText="Texas" />
-    <MenuItem value="UT" primaryText="Utah" />
-    <MenuItem value="VT" primaryText="Vermont" />
-    <MenuItem value="VA" primaryText="Virginia" />
-    <MenuItem value="WA" primaryText="Washington" />
-    <MenuItem value="WV" primaryText="West Virginia" />
-    <MenuItem value="WI" primaryText="Wisconsin" />
-    <MenuItem value="WY" primaryText="Wyoming" />
-  </IconMenu>
+    <IconMenu
+        iconButtonElement={<IconButton><MapsPlace /></IconButton>}
+        anchorOrigin={{horizontal: 'left', vertical: 'top'}}
+        targetOrigin={{horizontal: 'left', vertical: 'top'}}
+        maxHeight={272}
+    >
+        <MenuItem value="AL" primaryText="Alabama"/>
+        <MenuItem value="AK" primaryText="Alaska"/>
+        <MenuItem value="AZ" primaryText="Arizona"/>
+        <MenuItem value="AR" primaryText="Arkansas"/>
+        <MenuItem value="CA" primaryText="California"/>
+        <MenuItem value="CO" primaryText="Colorado"/>
+        <MenuItem value="CT" primaryText="Connecticut"/>
+        <MenuItem value="DE" primaryText="Delaware"/>
+        <MenuItem value="DC" primaryText="District Of Columbia"/>
+        <MenuItem value="FL" primaryText="Florida"/>
+        <MenuItem value="GA" primaryText="Georgia"/>
+        <MenuItem value="HI" primaryText="Hawaii"/>
+        <MenuItem value="ID" primaryText="Idaho"/>
+        <MenuItem value="IL" primaryText="Illinois"/>
+        <MenuItem value="IN" primaryText="Indiana"/>
+        <MenuItem value="IA" primaryText="Iowa"/>
+        <MenuItem value="KS" primaryText="Kansas"/>
+        <MenuItem value="KY" primaryText="Kentucky"/>
+        <MenuItem value="LA" primaryText="Louisiana"/>
+        <MenuItem value="ME" primaryText="Maine"/>
+        <MenuItem value="MD" primaryText="Maryland"/>
+        <MenuItem value="MA" primaryText="Massachusetts"/>
+        <MenuItem value="MI" primaryText="Michigan"/>
+        <MenuItem value="MN" primaryText="Minnesota"/>
+        <MenuItem value="MS" primaryText="Mississippi"/>
+        <MenuItem value="MO" primaryText="Missouri"/>
+        <MenuItem value="MT" primaryText="Montana"/>
+        <MenuItem value="NE" primaryText="Nebraska"/>
+        <MenuItem value="NV" primaryText="Nevada"/>
+        <MenuItem value="NH" primaryText="New Hampshire"/>
+        <MenuItem value="NJ" primaryText="New Jersey"/>
+        <MenuItem value="NM" primaryText="New Mexico"/>
+        <MenuItem value="NY" primaryText="New York"/>
+        <MenuItem value="NC" primaryText="North Carolina"/>
+        <MenuItem value="ND" primaryText="North Dakota"/>
+        <MenuItem value="OH" primaryText="Ohio"/>
+        <MenuItem value="OK" primaryText="Oklahoma"/>
+        <MenuItem value="OR" primaryText="Oregon"/>
+        <MenuItem value="PA" primaryText="Pennsylvania"/>
+        <MenuItem value="RI" primaryText="Rhode Island"/>
+        <MenuItem value="SC" primaryText="South Carolina"/>
+        <MenuItem value="SD" primaryText="South Dakota"/>
+        <MenuItem value="TN" primaryText="Tennessee"/>
+        <MenuItem value="TX" primaryText="Texas"/>
+        <MenuItem value="UT" primaryText="Utah"/>
+        <MenuItem value="VT" primaryText="Vermont"/>
+        <MenuItem value="VA" primaryText="Virginia"/>
+        <MenuItem value="WA" primaryText="Washington"/>
+        <MenuItem value="WV" primaryText="West Virginia"/>
+        <MenuItem value="WI" primaryText="Wisconsin"/>
+        <MenuItem value="WY" primaryText="Wyoming"/>
+    </IconMenu>
 );
 
 const IconMenuExampleNested = () => (
-  <div>
-    <IconMenu
-      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-      anchorOrigin={{horizontal: 'left', vertical: 'top'}}
-      targetOrigin={{horizontal: 'left', vertical: 'top'}}
-    >
-      <MenuItem
-        primaryText="Copy &amp; Paste"
-        rightIcon={<ArrowDropRight />}
-        menuItems={[
+    <div>
+        <IconMenu
+            iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+            anchorOrigin={{horizontal: 'left', vertical: 'top'}}
+            targetOrigin={{horizontal: 'left', vertical: 'top'}}
+        >
+            <MenuItem
+                primaryText="Copy &amp; Paste"
+                rightIcon={<ArrowDropRight />}
+                menuItems={[
           <MenuItem primaryText="Cut" />,
           <MenuItem primaryText="Copy" />,
           <Divider />,
           <MenuItem primaryText="Paste" />,
         ]}
-      />
+            />
 
-      <MenuItem
-        primaryText="Case Tools"
-        rightIcon={<ArrowDropRight />}
-        menuItems={[
+            <MenuItem
+                primaryText="Case Tools"
+                rightIcon={<ArrowDropRight />}
+                menuItems={[
           <MenuItem primaryText="UPPERCASE" />,
           <MenuItem primaryText="lowercase" />,
           <MenuItem primaryText="CamelCase" />,
           <MenuItem primaryText="Propercase" />,
         ]}
-      />
-      <Divider />
-      <MenuItem primaryText="Download" leftIcon={<Download />} />
-      <Divider />
-      <MenuItem value="Del" primaryText="Delete" />
+            />
+            <Divider />
+            <MenuItem primaryText="Download" leftIcon={<Download />}/>
+            <Divider />
+            <MenuItem value="Del" primaryText="Delete"/>
 
-    </IconMenu>
-  </div>
+        </IconMenu>
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/dropdown-menu"
 class DropDownMenuSimpleExample extends React.Component<{}, {value?: number}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {value: 1};
-  }
+    constructor(props) {
+        super(props);
+        this.state = {value: 1};
+    }
 
-  handleChange = (event, index, value) => this.setState({value});
+    handleChange = (event, index, value) => this.setState({value});
 
-  render() {
-    return (
-      <div>
-        <DropDownMenu animated={false} value={this.state.value} onChange={this.handleChange}>
-          <MenuItem value={1} primaryText="Never" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </DropDownMenu>
-        <br />
-        <DropDownMenu
-          animated={true}
-          value={this.state.value}
-          onChange={this.handleChange}
-          style={styles.customWidth}
-          autoWidth={false}
-        >
-          <MenuItem value={1} primaryText="Custom width" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </DropDownMenu>
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <DropDownMenu animated={false} value={this.state.value} onChange={this.handleChange}>
+                    <MenuItem value={1} primaryText="Never"/>
+                    <MenuItem value={2} primaryText="Every Night"/>
+                    <MenuItem value={3} primaryText="Weeknights"/>
+                    <MenuItem value={4} primaryText="Weekends"/>
+                    <MenuItem value={5} primaryText="Weekly"/>
+                </DropDownMenu>
+                <br />
+                <DropDownMenu
+                    animated={true}
+                    value={this.state.value}
+                    onChange={this.handleChange}
+                    style={styles.customWidth}
+                    autoWidth={false}
+                >
+                    <MenuItem value={1} primaryText="Custom width"/>
+                    <MenuItem value={2} primaryText="Every Night"/>
+                    <MenuItem value={3} primaryText="Weeknights"/>
+                    <MenuItem value={4} primaryText="Weekends"/>
+                    <MenuItem value={5} primaryText="Weekly"/>
+                </DropDownMenu>
+            </div>
+        );
+    }
 }
 
 class DropDownMenuOpenImmediateExample extends React.Component<{}, {value?: number}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {value: 2};
-  }
+    constructor(props) {
+        super(props);
+        this.state = {value: 2};
+    }
 
-  handleChange = (event, index, value) => this.setState({value});
+    handleChange = (event, index, value) => this.setState({value});
 
-  render() {
-    return (
-      <DropDownMenu value={this.state.value} onChange={this.handleChange} openImmediately={true}>
-        <MenuItem value={1} primaryText="Never" />
-        <MenuItem value={2} primaryText="Every Night" />
-        <MenuItem value={3} primaryText="Weeknights" />
-        <MenuItem value={4} primaryText="Weekends" />
-        <MenuItem value={5} primaryText="Weekly" />
-      </DropDownMenu>
-    );
-  }
+    render() {
+        return (
+            <DropDownMenu value={this.state.value} onChange={this.handleChange} openImmediately={true}>
+                <MenuItem value={1} primaryText="Never"/>
+                <MenuItem value={2} primaryText="Every Night"/>
+                <MenuItem value={3} primaryText="Weeknights"/>
+                <MenuItem value={4} primaryText="Weekends"/>
+                <MenuItem value={5} primaryText="Weekly"/>
+            </DropDownMenu>
+        );
+    }
 }
 
 const items: React.ReactElement<__MaterialUI.Menus.MenuItemProps>[] = [];
-for (let i = 0; i < 100; i++ ) {
-  items.push(<MenuItem value={i} key={i} primaryText={`Item ${i}`} />);
+for (let i = 0; i < 100; i++) {
+    items.push(<MenuItem value={i} key={i} primaryText={`Item ${i}`}/>);
 }
 
 class DropDownMenuLongMenuExample extends React.Component<{}, {value?: number}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {value: 10};
-  }
+    constructor(props) {
+        super(props);
+        this.state = {value: 10};
+    }
 
-  handleChange = (event, index, value) => this.setState({value});
+    handleChange = (event, index, value) => this.setState({value});
 
-  render() {
-    return (
-      <DropDownMenu maxHeight={300} value={this.state.value} onChange={this.handleChange}>
-        {items}
-      </DropDownMenu>
-    );
-  }
+    render() {
+        return (
+            <DropDownMenu maxHeight={300} value={this.state.value} onChange={this.handleChange}>
+                {items}
+            </DropDownMenu>
+        );
+    }
 }
 
 class DropDownMenuLabeledExample extends React.Component<{}, {value?: number}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {value: 2};
-  }
+    constructor(props) {
+        super(props);
+        this.state = {value: 2};
+    }
 
-  handleChange = (event, index, value) => this.setState({value});
+    handleChange = (event, index, value) => this.setState({value});
 
-  render() {
-    return (
-      <DropDownMenu value={this.state.value} onChange={this.handleChange}>
-        <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning" />
-        <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon" />
-        <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening" />
-        <MenuItem value={4} label="9 pm - 5 am" primaryText="Night" />
-      </DropDownMenu>
-    );
-  }
+    render() {
+        return (
+            <DropDownMenu value={this.state.value} onChange={this.handleChange}>
+                <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning"/>
+                <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon"/>
+                <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening"/>
+                <MenuItem value={4} label="9 pm - 5 am" primaryText="Night"/>
+            </DropDownMenu>
+        );
+    }
 }
 
 
 // "http://material-ui.com/#/components/paper"
 const PaperExampleSimple = () => (
-  <div>
-    <Paper style={style} zDepth={1} />
-    <Paper style={style} zDepth={2} />
-    <Paper style={style} zDepth={3} />
-    <Paper style={style} zDepth={4} />
-    <Paper style={style} zDepth={5} />
-  </div>
+    <div>
+        <Paper style={style} zDepth={1}/>
+        <Paper style={style} zDepth={2}/>
+        <Paper style={style} zDepth={3}/>
+        <Paper style={style} zDepth={4}/>
+        <Paper style={style} zDepth={5}/>
+    </div>
 );
 
 const PaperExampleRounded = () => (
-  <div>
-    <Paper style={style} zDepth={1} rounded={false} />
-    <Paper style={style} zDepth={2} rounded={false} />
-    <Paper style={style} zDepth={3} rounded={false} />
-    <Paper style={style} zDepth={4} rounded={false} />
-    <Paper style={style} zDepth={5} rounded={false} />
-  </div>
+    <div>
+        <Paper style={style} zDepth={1} rounded={false}/>
+        <Paper style={style} zDepth={2} rounded={false}/>
+        <Paper style={style} zDepth={3} rounded={false}/>
+        <Paper style={style} zDepth={4} rounded={false}/>
+        <Paper style={style} zDepth={5} rounded={false}/>
+    </div>
 );
 
 const PaperExampleCircle = () => (
-  <div>
-    <Paper style={style} zDepth={1} circle={true} />
-    <Paper style={style} zDepth={2} circle={true} />
-    <Paper style={style} zDepth={3} circle={true} />
-    <Paper style={style} zDepth={4} circle={true} />
-    <Paper style={style} zDepth={5} circle={true} />
-  </div>
+    <div>
+        <Paper style={style} zDepth={1} circle={true}/>
+        <Paper style={style} zDepth={2} circle={true}/>
+        <Paper style={style} zDepth={3} circle={true}/>
+        <Paper style={style} zDepth={4} circle={true}/>
+        <Paper style={style} zDepth={5} circle={true}/>
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/popover"
 class PopoverExampleSimple extends React.Component<{}, {open?: boolean, anchorEl?: React.ReactInstance}> {
 
-  constructor(props) {
-    super(props);
+    constructor(props) {
+        super(props);
 
-    this.state = {
-      open: false,
+        this.state = {
+            open: false,
+        };
+    }
+
+    handleTouchTap = (event) => {
+        // This prevents ghost click.
+        event.preventDefault();
+
+        this.setState({
+            open: true,
+            anchorEl: event.currentTarget,
+        });
     };
-  }
 
-  handleTouchTap = (event) => {
-    // This prevents ghost click.
-    event.preventDefault();
+    handleRequestClose = () => {
+        this.setState({
+            open: false,
+        });
+    };
 
-    this.setState({
-      open: true,
-      anchorEl: event.currentTarget,
-    });
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Click me"
-        />
-        <Popover
-          open={this.state.open}
-          anchorEl={this.state.anchorEl}
-          anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
-          targetOrigin={{horizontal: 'left', vertical: 'top'}}
-          onRequestClose={this.handleRequestClose}
-        >
-          <Menu>
-            <MenuItem primaryText="Refresh" />
-            <MenuItem primaryText="Help &amp; feedback" />
-            <MenuItem primaryText="Settings" />
-            <MenuItem primaryText="Sign out" />
-          </Menu>
-        </Popover>
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <RaisedButton
+                    onTouchTap={this.handleTouchTap}
+                    label="Click me"
+                />
+                <Popover
+                    open={this.state.open}
+                    anchorEl={this.state.anchorEl}
+                    anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
+                    targetOrigin={{horizontal: 'left', vertical: 'top'}}
+                    onRequestClose={this.handleRequestClose}
+                >
+                    <Menu>
+                        <MenuItem primaryText="Refresh"/>
+                        <MenuItem primaryText="Help &amp; feedback"/>
+                        <MenuItem primaryText="Settings"/>
+                        <MenuItem primaryText="Sign out"/>
+                    </Menu>
+                </Popover>
+            </div>
+        );
+    }
 }
 
 class PopoverExampleAnimation extends React.Component<{}, {open?: boolean, anchorEl?: React.ReactInstance}> {
 
-  constructor(props) {
-    super(props);
+    constructor(props) {
+        super(props);
 
-    this.state = {
-      open: false,
+        this.state = {
+            open: false,
+        };
+    }
+
+    handleTouchTap = (event) => {
+        // This prevents ghost click.
+        event.preventDefault();
+        this.setState({
+            open: true,
+            anchorEl: event.currentTarget,
+        });
     };
-  }
 
-  handleTouchTap = (event) => {
-    // This prevents ghost click.
-    event.preventDefault();
-    this.setState({
-      open: true,
-      anchorEl: event.currentTarget,
-    });
-  };
+    handleRequestClose = () => {
+        this.setState({
+            open: false,
+        });
+    };
 
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Click me"
-        />
-        <Popover
-          open={this.state.open}
-          anchorEl={this.state.anchorEl}
-          anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
-          targetOrigin={{horizontal: 'left', vertical: 'top'}}
-          onRequestClose={this.handleRequestClose}
-          animation={PopoverAnimationVertical}
-        >
-          <Menu>
-            <MenuItem primaryText="Refresh" />
-            <MenuItem primaryText="Help &amp; feedback" />
-            <MenuItem primaryText="Settings" />
-            <MenuItem primaryText="Sign out" />
-          </Menu>
-        </Popover>
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <RaisedButton
+                    onTouchTap={this.handleTouchTap}
+                    label="Click me"
+                />
+                <Popover
+                    open={this.state.open}
+                    anchorEl={this.state.anchorEl}
+                    anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
+                    targetOrigin={{horizontal: 'left', vertical: 'top'}}
+                    onRequestClose={this.handleRequestClose}
+                    animation={PopoverAnimationVertical}
+                >
+                    <Menu>
+                        <MenuItem primaryText="Refresh"/>
+                        <MenuItem primaryText="Help &amp; feedback"/>
+                        <MenuItem primaryText="Settings"/>
+                        <MenuItem primaryText="Sign out"/>
+                    </Menu>
+                </Popover>
+            </div>
+        );
+    }
 }
 
 interface PopoverExampleConfigurableState {
-  open?: boolean;
-  anchorOrigin?: __MaterialUI.propTypes.origin;
-  targetOrigin?: __MaterialUI.propTypes.origin;
-  anchorEl?: React.ReactInstance;
+    open?: boolean;
+    anchorOrigin?: __MaterialUI.propTypes.origin;
+    targetOrigin?: __MaterialUI.propTypes.origin;
+    anchorEl?: React.ReactInstance;
 }
 
 class PopoverExampleConfigurable extends React.Component<{}, PopoverExampleConfigurableState> {
 
-  constructor(props) {
-    super(props);
+    constructor(props) {
+        super(props);
 
-    this.state = {
-      open: false,
-      anchorOrigin: {
-        horizontal: 'left',
-        vertical: 'bottom',
-      },
-      targetOrigin: {
-        horizontal: 'left',
-        vertical: 'top',
-      },
+        this.state = {
+            open: false,
+            anchorOrigin: {
+                horizontal: 'left',
+                vertical: 'bottom',
+            },
+            targetOrigin: {
+                horizontal: 'left',
+                vertical: 'top',
+            },
+        };
+    }
+
+    handleTouchTap = (event) => {
+        // This prevents ghost click.
+        event.preventDefault();
+        this.setState({
+            open: true,
+            anchorEl: event.currentTarget,
+        });
     };
-  }
 
-  handleTouchTap = (event) => {
-    // This prevents ghost click.
-    event.preventDefault();
-    this.setState({
-      open: true,
-      anchorEl: event.currentTarget,
-    });
-  };
+    handleRequestClose = () => {
+        this.setState({
+            open: false,
+        });
+    };
 
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
+    setAnchor = (positionElement, position) => {
+        const {anchorOrigin} = this.state;
+        anchorOrigin[positionElement] = position;
 
-  setAnchor = (positionElement, position) => {
-    const {anchorOrigin} = this.state;
-    anchorOrigin[positionElement] = position;
+        this.setState({
+            anchorOrigin: anchorOrigin,
+        });
+    };
 
-    this.setState({
-      anchorOrigin: anchorOrigin,
-    });
-  };
+    setTarget = (positionElement, position) => {
+        const {targetOrigin} = this.state;
+        targetOrigin[positionElement] = position;
 
-  setTarget = (positionElement, position) => {
-    const {targetOrigin} = this.state;
-    targetOrigin[positionElement] = position;
+        this.setState({
+            targetOrigin: targetOrigin,
+        });
+    };
 
-    this.setState({
-      targetOrigin: targetOrigin,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Click me"
-        />
-        <h3 style={styles.h3}>Current Settings</h3>
-        <pre>
+    render() {
+        return (
+            <div>
+                <RaisedButton
+                    onTouchTap={this.handleTouchTap}
+                    label="Click me"
+                />
+                <h3 style={styles.h3}>Current Settings</h3>
+                <pre>
           anchorOrigin: {JSON.stringify(this.state.anchorOrigin)}
-          <br />
+                    <br />
           targetOrigin: {JSON.stringify(this.state.targetOrigin)}
         </pre>
-        <h3 style={styles.h3}>Position Options</h3>
-        <p>Use the settings below to toggle the positioning of the popovers above</p>
-        <h3 style={styles.h3}>Anchor Origin</h3>
-        <div style={styles.block}>
-          <div style={styles.block2}>
-            <span>Vertical</span>
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'vertical', 'top')}
-              label="Top" checked={this.state.anchorOrigin.vertical === 'top'}
-            />
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'vertical', 'center')}
-              label="Center" checked={this.state.anchorOrigin.vertical === 'center'}
-            />
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'vertical', 'bottom')}
-              label="Bottom" checked={this.state.anchorOrigin.vertical === 'bottom'}
-            />
-          </div>
-          <div style={styles.block2}>
-            <span>Horizontal</span>
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'horizontal', 'left')}
-              label="Left" checked={this.state.anchorOrigin.horizontal === 'left'}
-            />
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'horizontal', 'middle')}
-              label="Middle" checked={this.state.anchorOrigin.horizontal === 'middle'}
-            />
-            <RadioButton
-              onClick={this.setAnchor.bind(this, 'horizontal', 'right')}
-              label="Right" checked={this.state.anchorOrigin.horizontal === 'right'}
-            />
-          </div>
-        </div>
-        <h3 style={styles.h3}>Target Origin</h3>
-        <div style={styles.block}>
-          <div style={styles.block2}>
-            <span>Vertical</span>
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'vertical', 'top')}
-              label="Top" checked={this.state.targetOrigin.vertical === 'top'}
-            />
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'vertical', 'center')}
-              label="Center" checked={this.state.targetOrigin.vertical === 'center'}
-            />
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'vertical', 'bottom')}
-              label="Bottom" checked={this.state.targetOrigin.vertical === 'bottom'}
-            />
-          </div>
-          <div style={styles.block2}>
-            <span>Horizontal</span>
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'horizontal', 'left')}
-              label="Left" checked={this.state.targetOrigin.horizontal === 'left'}
-            />
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'horizontal', 'middle')}
-              label="Middle" checked={this.state.targetOrigin.horizontal === 'middle'}
-            />
-            <RadioButton
-              onClick={this.setTarget.bind(this, 'horizontal', 'right')}
-              label="Right" checked={this.state.targetOrigin.horizontal === 'right'}
-            />
-          </div>
-        </div>
-        <Popover
-          open={this.state.open}
-          anchorEl={this.state.anchorEl}
-          anchorOrigin={this.state.anchorOrigin}
-          targetOrigin={this.state.targetOrigin}
-          onRequestClose={this.handleRequestClose}
-        >
-          <Menu>
-            <MenuItem primaryText="Refresh" />
-            <MenuItem primaryText="Help &amp; feedback" />
-            <MenuItem primaryText="Settings" />
-            <MenuItem primaryText="Sign out" />
-          </Menu>
-        </Popover>
-      </div>
-    );
-  }
+                <h3 style={styles.h3}>Position Options</h3>
+                <p>Use the settings below to toggle the positioning of the popovers above</p>
+                <h3 style={styles.h3}>Anchor Origin</h3>
+                <div style={styles.block}>
+                    <div style={styles.block2}>
+                        <span>Vertical</span>
+                        <RadioButton
+                            onClick={this.setAnchor.bind(this, 'vertical', 'top')}
+                            label="Top" checked={this.state.anchorOrigin.vertical === 'top'}
+                        />
+                        <RadioButton
+                            onClick={this.setAnchor.bind(this, 'vertical', 'center')}
+                            label="Center" checked={this.state.anchorOrigin.vertical === 'center'}
+                        />
+                        <RadioButton
+                            onClick={this.setAnchor.bind(this, 'vertical', 'bottom')}
+                            label="Bottom" checked={this.state.anchorOrigin.vertical === 'bottom'}
+                        />
+                    </div>
+                    <div style={styles.block2}>
+                        <span>Horizontal</span>
+                        <RadioButton
+                            onClick={this.setAnchor.bind(this, 'horizontal', 'left')}
+                            label="Left" checked={this.state.anchorOrigin.horizontal === 'left'}
+                        />
+                        <RadioButton
+                            onClick={this.setAnchor.bind(this, 'horizontal', 'middle')}
+                            label="Middle" checked={this.state.anchorOrigin.horizontal === 'middle'}
+                        />
+                        <RadioButton
+                            onClick={this.setAnchor.bind(this, 'horizontal', 'right')}
+                            label="Right" checked={this.state.anchorOrigin.horizontal === 'right'}
+                        />
+                    </div>
+                </div>
+                <h3 style={styles.h3}>Target Origin</h3>
+                <div style={styles.block}>
+                    <div style={styles.block2}>
+                        <span>Vertical</span>
+                        <RadioButton
+                            onClick={this.setTarget.bind(this, 'vertical', 'top')}
+                            label="Top" checked={this.state.targetOrigin.vertical === 'top'}
+                        />
+                        <RadioButton
+                            onClick={this.setTarget.bind(this, 'vertical', 'center')}
+                            label="Center" checked={this.state.targetOrigin.vertical === 'center'}
+                        />
+                        <RadioButton
+                            onClick={this.setTarget.bind(this, 'vertical', 'bottom')}
+                            label="Bottom" checked={this.state.targetOrigin.vertical === 'bottom'}
+                        />
+                    </div>
+                    <div style={styles.block2}>
+                        <span>Horizontal</span>
+                        <RadioButton
+                            onClick={this.setTarget.bind(this, 'horizontal', 'left')}
+                            label="Left" checked={this.state.targetOrigin.horizontal === 'left'}
+                        />
+                        <RadioButton
+                            onClick={this.setTarget.bind(this, 'horizontal', 'middle')}
+                            label="Middle" checked={this.state.targetOrigin.horizontal === 'middle'}
+                        />
+                        <RadioButton
+                            onClick={this.setTarget.bind(this, 'horizontal', 'right')}
+                            label="Right" checked={this.state.targetOrigin.horizontal === 'right'}
+                        />
+                    </div>
+                </div>
+                <Popover
+                    open={this.state.open}
+                    anchorEl={this.state.anchorEl}
+                    anchorOrigin={this.state.anchorOrigin}
+                    targetOrigin={this.state.targetOrigin}
+                    onRequestClose={this.handleRequestClose}
+                >
+                    <Menu>
+                        <MenuItem primaryText="Refresh"/>
+                        <MenuItem primaryText="Help &amp; feedback"/>
+                        <MenuItem primaryText="Settings"/>
+                        <MenuItem primaryText="Sign out"/>
+                    </Menu>
+                </Popover>
+            </div>
+        );
+    }
 }
 
 
 // "http://www.material-ui.com/#/components/circular-progress"
 const CircularProgressExampleSimple = () => (
-  <div>
-    <CircularProgress />
-    <CircularProgress size={1.5} />
-    <CircularProgress size={2} />
-  </div>
+    <div>
+        <CircularProgress />
+        <CircularProgress size={1.5}/>
+        <CircularProgress size={2} thickness={1.5}/>
+    </div>
 );
 
 class CircularProgressExampleDeterminate extends React.Component<{}, {completed?: number}> {
-  private timer: number;
+    private timer: number;
 
-  constructor(props) {
-    super(props);
+    constructor(props) {
+        super(props);
 
-    this.state = {
-      completed: 0,
-    };
-  }
-
-  componentDidMount() {
-    this.timer = setTimeout(() => this.progress(5), 1000);
-  }
-
-  componentWillUnmount() {
-    clearTimeout(this.timer);
-  }
-
-  progress(completed) {
-    if (completed > 100) {
-      this.setState({completed: 100});
-    } else {
-      this.setState({completed});
-      const diff = Math.random() * 10;
-      this.timer = setTimeout(() => this.progress(completed + diff), 1000);
+        this.state = {
+            completed: 0,
+        };
     }
-  }
 
-  render() {
-    return (
-      <div>
-        <CircularProgress mode="determinate" value={this.state.completed} />
-        <CircularProgress mode="determinate" value={this.state.completed} size={1.5} />
-        <CircularProgress mode="determinate" value={this.state.completed} size={2} />
-      </div>
-    );
-  }
+    componentDidMount() {
+        this.timer = setTimeout(() => this.progress(5), 1000);
+    }
+
+    componentWillUnmount() {
+        clearTimeout(this.timer);
+    }
+
+    progress(completed) {
+        if (completed > 100) {
+            this.setState({completed: 100});
+        } else {
+            this.setState({completed});
+            const diff = Math.random() * 10;
+            this.timer = setTimeout(() => this.progress(completed + diff), 1000);
+        }
+    }
+
+    render() {
+        return (
+            <div>
+                <CircularProgress mode="determinate" value={this.state.completed}/>
+                <CircularProgress mode="determinate" value={this.state.completed} size={1.5}/>
+                <CircularProgress mode="determinate" value={this.state.completed} size={2}/>
+            </div>
+        );
+    }
 }
 
 
 // "http://www.material-ui.com/#/components/linear-progress"
 const LinearProgressExampleSimple = () => (
-  <LinearProgress mode="indeterminate" />
+    <LinearProgress mode="indeterminate"/>
 );
 
 class LinearProgressExampleDeterminate extends React.Component<{}, {completed?: number}> {
-  private timer: number;
+    private timer: number;
 
-  constructor(props) {
-    super(props);
+    constructor(props) {
+        super(props);
 
-    this.state = {
-      completed: 0,
-    };
-  }
-
-  componentDidMount() {
-    this.timer = setTimeout(() => this.progress(5), 1000);
-  }
-
-  componentWillUnmount() {
-    clearTimeout(this.timer);
-  }
-
-  progress(completed) {
-    if (completed > 100) {
-      this.setState({completed: 100});
-    } else {
-      this.setState({completed});
-      const diff = Math.random() * 10;
-      this.timer = setTimeout(() => this.progress(completed + diff), 1000);
+        this.state = {
+            completed: 0,
+        };
     }
-  }
 
-  render() {
-    return (
-      <LinearProgress mode="determinate" value={this.state.completed} />
-    );
-  }
+    componentDidMount() {
+        this.timer = setTimeout(() => this.progress(5), 1000);
+    }
+
+    componentWillUnmount() {
+        clearTimeout(this.timer);
+    }
+
+    progress(completed) {
+        if (completed > 100) {
+            this.setState({completed: 100});
+        } else {
+            this.setState({completed});
+            const diff = Math.random() * 10;
+            this.timer = setTimeout(() => this.progress(completed + diff), 1000);
+        }
+    }
+
+    render() {
+        return (
+            <LinearProgress mode="determinate" value={this.state.completed}/>
+        );
+    }
 }
 
 
 // "http://www.material-ui.com/#/components/refresh-indicator"
 const RefreshIndicatorExampleSimple = () => (
-  <div style={styles.container}>
-    <RefreshIndicator
-      percentage={30}
-      size={40}
-      left={10}
-      top={0}
-      status="ready"
-      style={styles.refresh}
-    />
-    <RefreshIndicator
-      percentage={60}
-      size={50}
-      left={65}
-      top={0}
-      status="ready"
-      style={styles.refresh}
-    />
-    <RefreshIndicator
-      percentage={80}
-      size={60}
-      left={120}
-      top={0}
-      color={"red"}
-      status="ready"
-      style={styles.refresh}
-    />
-    <RefreshIndicator
-      percentage={100}
-      size={70}
-      left={175}
-      top={0}
-      color={"red"} // Overridden by percentage={100}
-      status="ready"
-      style={styles.refresh}
-    />
-  </div>
+    <div style={styles.container}>
+        <RefreshIndicator
+            percentage={30}
+            size={40}
+            left={10}
+            top={0}
+            status="ready"
+            style={styles.refresh}
+        />
+        <RefreshIndicator
+            percentage={60}
+            size={50}
+            left={65}
+            top={0}
+            status="ready"
+            style={styles.refresh}
+        />
+        <RefreshIndicator
+            percentage={80}
+            size={60}
+            left={120}
+            top={0}
+            color={"red"}
+            status="ready"
+            style={styles.refresh}
+        />
+        <RefreshIndicator
+            percentage={100}
+            size={70}
+            left={175}
+            top={0}
+            color={"red"} // Overridden by percentage={100}
+            status="ready"
+            style={styles.refresh}
+        />
+    </div>
 );
 
 const RefreshIndicatorExampleLoading = () => (
-  <div style={styles.container}>
-    <RefreshIndicator
-      size={40}
-      left={10}
-      top={0}
-      status="loading"
-      style={styles.refresh}
-    />
-    <RefreshIndicator
-      size={50}
-      left={70}
-      top={0}
-      loadingColor={"#FF9800"}
-      status="loading"
-      style={styles.refresh}
-    />
-  </div>
+    <div style={styles.container}>
+        <RefreshIndicator
+            size={40}
+            left={10}
+            top={0}
+            status="loading"
+            style={styles.refresh}
+        />
+        <RefreshIndicator
+            size={50}
+            left={70}
+            top={0}
+            loadingColor={"#FF9800"}
+            status="loading"
+            style={styles.refresh}
+        />
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/select-field"
 class SelectFieldExampleSimple extends React.Component<{}, {value?: number}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {value: 1};
-  }
+    constructor(props) {
+        super(props);
+        this.state = {value: 1};
+    }
 
-  handleChange = (event, index, value) => this.setState({value});
+    handleChange = (event, index, value) => this.setState({value});
 
-  render() {
-    return (
-      <div>
-        <SelectField value={this.state.value} onChange={this.handleChange}>
-          <MenuItem value={1} primaryText="Never" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </SelectField>
-        <br />
-        <SelectField value={1} disabled={true}>
-          <MenuItem value={1} primaryText="Disabled" />
-          <MenuItem value={2} primaryText="Every Night" />
-        </SelectField>
-        <br />
-        <SelectField
-          value={this.state.value}
-          onChange={this.handleChange}
-          style={styles.customWidth}
-        >
-          <MenuItem value={1} primaryText="Custom width" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </SelectField>
-        <br />
-        <SelectField
-          value={this.state.value}
-          onChange={this.handleChange}
-          autoWidth={true}
-        >
-          <MenuItem value={1} primaryText="Auto width" />
-          <MenuItem value={2} primaryText="Every Night" />
-          <MenuItem value={3} primaryText="Weeknights" />
-          <MenuItem value={4} primaryText="Weekends" />
-          <MenuItem value={5} primaryText="Weekly" />
-        </SelectField>
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <SelectField value={this.state.value} onChange={this.handleChange}>
+                    <MenuItem value={1} primaryText="Never"/>
+                    <MenuItem value={2} primaryText="Every Night"/>
+                    <MenuItem value={3} primaryText="Weeknights"/>
+                    <MenuItem value={4} primaryText="Weekends"/>
+                    <MenuItem value={5} primaryText="Weekly"/>
+                </SelectField>
+                <br />
+                <SelectField value={1} disabled={true}>
+                    <MenuItem value={1} primaryText="Disabled"/>
+                    <MenuItem value={2} primaryText="Every Night"/>
+                </SelectField>
+                <br />
+                <SelectField
+                    value={this.state.value}
+                    onChange={this.handleChange}
+                    style={styles.customWidth}
+                >
+                    <MenuItem value={1} primaryText="Custom width"/>
+                    <MenuItem value={2} primaryText="Every Night"/>
+                    <MenuItem value={3} primaryText="Weeknights"/>
+                    <MenuItem value={4} primaryText="Weekends"/>
+                    <MenuItem value={5} primaryText="Weekly"/>
+                </SelectField>
+                <br />
+                <SelectField
+                    value={this.state.value}
+                    onChange={this.handleChange}
+                    autoWidth={true}
+                >
+                    <MenuItem value={1} primaryText="Auto width"/>
+                    <MenuItem value={2} primaryText="Every Night"/>
+                    <MenuItem value={3} primaryText="Weeknights"/>
+                    <MenuItem value={4} primaryText="Weekends"/>
+                    <MenuItem value={5} primaryText="Weekly"/>
+                </SelectField>
+            </div>
+        );
+    }
 }
 
 class SelectFieldLongMenuExample extends React.Component<{}, {value?: number}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {value: 10};
-  }
+    constructor(props) {
+        super(props);
+        this.state = {value: 10};
+    }
 
-  handleChange = (event, index, value) => this.setState({value});
+    handleChange = (event, index, value) => this.setState({value});
 
-  render() {
-    return (
-      <SelectField maxHeight={300} value={this.state.value} onChange={this.handleChange}>
-        {items}
-      </SelectField>
-    );
-  }
+    render() {
+        return (
+            <SelectField maxHeight={300} value={this.state.value} onChange={this.handleChange}>
+                {items}
+            </SelectField>
+        );
+    }
 }
 
 class SelectFieldExampleCustomLabel extends React.Component<{}, {value?: number}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {value: 1};
-  }
+    constructor(props) {
+        super(props);
+        this.state = {value: 1};
+    }
 
-  handleChange = (event, index, value) => this.setState({value});
+    handleChange = (event, index, value) => this.setState({value});
 
-  render() {
-    return (
-      <SelectField value={this.state.value} onChange={this.handleChange}>
-        <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning" />
-        <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon" />
-        <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening" />
-        <MenuItem value={4} label="9 pm - 5 am" primaryText="Night" />
-      </SelectField>
-    );
-  }
+    render() {
+        return (
+            <SelectField value={this.state.value} onChange={this.handleChange}>
+                <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning"/>
+                <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon"/>
+                <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening"/>
+                <MenuItem value={4} label="9 pm - 5 am" primaryText="Night"/>
+            </SelectField>
+        );
+    }
 }
 
 const itemsPeriod = [
-  <MenuItem key={1} value={1} primaryText="Never" />,
-  <MenuItem key={2} value={2} primaryText="Every Night" />,
-  <MenuItem key={3} value={3} primaryText="Weeknights" />,
-  <MenuItem key={4} value={4} primaryText="Weekends" />,
-  <MenuItem key={5} value={5} primaryText="Weekly" />,
+    <MenuItem key={1} value={1} primaryText="Never"/>,
+    <MenuItem key={2} value={2} primaryText="Every Night"/>,
+    <MenuItem key={3} value={3} primaryText="Weeknights"/>,
+    <MenuItem key={4} value={4} primaryText="Weekends"/>,
+    <MenuItem key={5} value={5} primaryText="Weekly"/>,
 ];
 
 export default class SelectFieldExampleFloatingLabel extends React.Component<{}, {value?: number}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {value: null};
-  }
+    constructor(props) {
+        super(props);
+        this.state = {value: null};
+    }
 
-  handleChange = (event, index, value) => this.setState({value});
+    handleChange = (event, index, value) => this.setState({value});
 
-  render() {
-    return (
-      <div>
-        <SelectField
-          value={this.state.value}
-          onChange={this.handleChange}
-          floatingLabelText="Floating Label Text"
-        >
-          {itemsPeriod}
-        </SelectField>
-        <br />
-        <SelectField
-          value={this.state.value}
-          onChange={this.handleChange}
-          floatingLabelFixed={true}
-          floatingLabelText="Styled Floating Label Text"
-          floatingLabelStyle={{color: 'red'}}
-        >
-          {itemsPeriod}
-        </SelectField>
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <SelectField
+                    value={this.state.value}
+                    onChange={this.handleChange}
+                    floatingLabelText="Floating Label Text"
+                >
+                    {itemsPeriod}
+                </SelectField>
+                <br />
+                <SelectField
+                    value={this.state.value}
+                    onChange={this.handleChange}
+                    floatingLabelFixed={true}
+                    floatingLabelText="Styled Floating Label Text"
+                    floatingLabelStyle={{color: 'red'}}
+                >
+                    {itemsPeriod}
+                </SelectField>
+            </div>
+        );
+    }
 }
 
 class SelectFieldExampleError extends React.Component<{}, {value?: number}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {value: null};
-  }
+    constructor(props) {
+        super(props);
+        this.state = {value: null};
+    }
 
-  handleChange = (event, index, value) => this.setState({value});
+    handleChange = (event, index, value) => this.setState({value});
 
-  render() {
-    const {value} = this.state;
+    render() {
+        const {value} = this.state;
 
-    const night = value === 2 || value === 3;
+        const night = value === 2 || value === 3;
 
-    return (
-      <div>
-        <SelectField
-          value={value}
-          onChange={this.handleChange}
-          errorText={!night && 'Should be Night'}
-        >
-          {itemsPeriod}
-        </SelectField>
-        <br />
-        <SelectField
-          value={value}
-          onChange={this.handleChange}
-          errorText={night && 'Should not be Night (Custom error style)'}
-          errorStyle={{color: 'orange'}}
-        >
-          {itemsPeriod}
-        </SelectField>
-      </div>
-    );
-  }
+        return (
+            <div>
+                <SelectField
+                    value={value}
+                    onChange={this.handleChange}
+                    errorText={!night && 'Should be Night'}
+                >
+                    {itemsPeriod}
+                </SelectField>
+                <br />
+                <SelectField
+                    value={value}
+                    onChange={this.handleChange}
+                    errorText={night && 'Should not be Night (Custom error style)'}
+                    errorStyle={{color: 'orange'}}
+                >
+                    {itemsPeriod}
+                </SelectField>
+            </div>
+        );
+    }
 }
 
 
 // "http://www.material-ui.com/#/components/slider"
 const SliderExampleSimple = () => (
-  <div>
-    <Slider />
-    <Slider defaultValue={0.5} />
-    <Slider defaultValue={1} />
-  </div>
+    <div>
+        <Slider />
+        <Slider defaultValue={0.5}/>
+        <Slider defaultValue={1}/>
+    </div>
 );
 
 const SliderExampleDisabled = () => (
-  <div>
-    <Slider disabled={true} />
-    <Slider disabled={true} value={0.5} />
-    <Slider disabled={true} value={1} />
-  </div>
+    <div>
+        <Slider disabled={true}/>
+        <Slider disabled={true} value={0.5}/>
+        <Slider disabled={true} value={1}/>
+    </div>
 );
 
 const SliderExampleStep = () => (
-  <Slider step={0.10} value={.5} />
+    <Slider step={0.10} value={.5}/>
 );
 
 class SliderExampleControlled extends React.Component<{}, {firstSlider?: number, secondSlider?: number}> {
 
-  state = {
-    firstSlider: 0.5,
-    secondSlider: 50,
-  }
+    state = {
+        firstSlider: 0.5,
+        secondSlider: 50,
+    }
 
-  handleFirstSlider(event, value) {
-    this.setState({firstSlider: value});
-  }
+    handleFirstSlider(event, value) {
+        this.setState({firstSlider: value});
+    }
 
-  handleSecondSlider(event, value) {
-    this.setState({secondSlider: value});
-  }
+    handleSecondSlider(event, value) {
+        this.setState({secondSlider: value});
+    }
 
-  render() {
-    return (
-      <div>
-        <Slider
-          defaultValue={0.5}
-          value={this.state.firstSlider}
-          onChange={this.handleFirstSlider.bind(this)}
-        />
-        <p>
-          <span>{'The value of this slider is: '}</span>
-          <span>{this.state.firstSlider}</span>
-          <span>{' from a range of 0 to 1 inclusive'}</span>
-        </p>
-        <Slider
-          min={0}
-          max={100}
-          step={1}
-          defaultValue={50}
-          value={this.state.secondSlider}
-          onChange={this.handleSecondSlider.bind(this)}
-        />
-        <p>
-          <span>{'The value of this slider is: '}</span>
-          <span>{this.state.secondSlider}</span>
-          <span>{' from a range of 0 to 100 inclusive'}</span>
-        </p>
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <Slider
+                    defaultValue={0.5}
+                    value={this.state.firstSlider}
+                    onChange={this.handleFirstSlider.bind(this)}
+                />
+                <p>
+                    <span>{'The value of this slider is: '}</span>
+                    <span>{this.state.firstSlider}</span>
+                    <span>{' from a range of 0 to 1 inclusive'}</span>
+                </p>
+                <Slider
+                    min={0}
+                    max={100}
+                    step={1}
+                    defaultValue={50}
+                    value={this.state.secondSlider}
+                    onChange={this.handleSecondSlider.bind(this)}
+                />
+                <p>
+                    <span>{'The value of this slider is: '}</span>
+                    <span>{this.state.secondSlider}</span>
+                    <span>{' from a range of 0 to 100 inclusive'}</span>
+                </p>
+            </div>
+        );
+    }
 }
 
 
 // "http://www.material-ui.com/#/components/checkbox"
 const CheckboxExampleSimple = () => (
-  <div style={styles.block}>
-    <Checkbox
-      label="Simple"
-      style={styles.checkbox}
-    />
-    <Checkbox
-      label="Checked by default"
-      defaultChecked={true}
-      style={styles.checkbox}
-    />
-    <Checkbox
-      checkedIcon={<ActionFavorite />}
-      uncheckedIcon={<ActionFavoriteBorder />}
-      label="Custom icon"
-      style={styles.checkbox}
-    />
-    <Checkbox
-      label="Disabled unchecked"
-      disabled={true}
-      style={styles.checkbox}
-    />
-    <Checkbox
-      label="Disabled checked"
-      checked={true}
-      disabled={true}
-      style={styles.checkbox}
-    />
-    <Checkbox
-      label="Label on the left"
-      labelPosition="left"
-      style={styles.checkbox}
-    />
-  </div>
+    <div style={styles.block}>
+        <Checkbox
+            label="Simple"
+            style={styles.checkbox}
+        />
+        <Checkbox
+            label="Checked by default"
+            defaultChecked={true}
+            style={styles.checkbox}
+        />
+        <Checkbox
+            checkedIcon={<ActionFavorite />}
+            uncheckedIcon={<ActionFavoriteBorder />}
+            label="Custom icon"
+            style={styles.checkbox}
+        />
+        <Checkbox
+            label="Disabled unchecked"
+            disabled={true}
+            style={styles.checkbox}
+        />
+        <Checkbox
+            label="Disabled checked"
+            checked={true}
+            disabled={true}
+            style={styles.checkbox}
+        />
+        <Checkbox
+            label="Label on the left"
+            labelPosition="left"
+            style={styles.checkbox}
+        />
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/radio-button"
 const RadioButtonExampleSimple = () => (
-  <div>
-    <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
-      <RadioButton
-        value="light"
-        label="Simple"
-        style={styles.radioButton}
-      />
-      <RadioButton
-        value="not_light"
-        label="Selected by default"
-        style={styles.radioButton}
-      />
-      <RadioButton
-        value="ludicrous"
-        label="Custom icon"
-        checkedIcon={<ActionFavorite />}
-        uncheckedIcon={<ActionFavoriteBorder />}
-        style={styles.radioButton}
-      />
-    </RadioButtonGroup>
-    <RadioButtonGroup name="shipName" defaultSelected="community">
-      <RadioButton
-        value="enterprise"
-        label="Disabled unchecked"
-        disabled={true}
-        style={styles.radioButton}
-      />
-      <RadioButton
-        value="community"
-        label="Disabled checked"
-        disabled={true}
-        style={styles.radioButton}
-      />
-    </RadioButtonGroup>
-    <RadioButtonGroup name="notRight" labelPosition="left" style={styles.block}>
-      <RadioButton
-        value="reverse"
-        label="Label on the left"
-        style={styles.radioButton}
-      />
-    </RadioButtonGroup>
-  </div>
+    <div>
+        <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
+            <RadioButton
+                value="light"
+                label="Simple"
+                style={styles.radioButton}
+            />
+            <RadioButton
+                value="not_light"
+                label="Selected by default"
+                style={styles.radioButton}
+            />
+            <RadioButton
+                value="ludicrous"
+                label="Custom icon"
+                checkedIcon={<ActionFavorite />}
+                uncheckedIcon={<ActionFavoriteBorder />}
+                style={styles.radioButton}
+            />
+        </RadioButtonGroup>
+        <RadioButtonGroup name="shipName" defaultSelected="community">
+            <RadioButton
+                value="enterprise"
+                label="Disabled unchecked"
+                disabled={true}
+                style={styles.radioButton}
+            />
+            <RadioButton
+                value="community"
+                label="Disabled checked"
+                disabled={true}
+                style={styles.radioButton}
+            />
+        </RadioButtonGroup>
+        <RadioButtonGroup name="notRight" labelPosition="left" style={styles.block}>
+            <RadioButton
+                value="reverse"
+                label="Label on the left"
+                style={styles.radioButton}
+            />
+        </RadioButtonGroup>
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/toggle"
 const ToggleExampleSimple = () => (
-  <div style={styles.block}>
-    <Toggle
-      label="Simple"
-      style={styles.toggle}
-    />
-    <Toggle
-      label="Toggled by default"
-      defaultToggled={true}
-      style={styles.toggle}
-    />
-    <Toggle
-      label="Disabled"
-      disabled={true}
-      style={styles.toggle}
-    />
-    <Toggle
-      label="Label on the right"
-      labelPosition="right"
-      style={styles.toggle}
-    />
-  </div>
+    <div style={styles.block}>
+        <Toggle
+            label="Simple"
+            style={styles.toggle}
+        />
+        <Toggle
+            label="Toggled by default"
+            defaultToggled={true}
+            style={styles.toggle}
+        />
+        <Toggle
+            label="Disabled"
+            disabled={true}
+            style={styles.toggle}
+        />
+        <Toggle
+            label="Label on the right"
+            labelPosition="right"
+            style={styles.toggle}
+            thumbTwitchedStyle={styles.toggle}
+            trackTwitchedStyle={styles.toggle}
+        />
+    </div>
 );
 
 
 // "http://material-ui.com/#/components/snackbar"
 class SnackbarExampleSimple extends React.Component<{}, {open?: boolean}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {
-      open: false,
+    constructor(props) {
+        super(props);
+        this.state = {
+            open: false,
+        };
+    }
+
+    handleTouchTap = () => {
+        this.setState({
+            open: true,
+        });
     };
-  }
 
-  handleTouchTap = () => {
-    this.setState({
-      open: true,
-    });
-  };
+    handleRequestClose = () => {
+        this.setState({
+            open: false,
+        });
+    };
 
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Add to my calendar"
-        />
-        <Snackbar
-          open={this.state.open}
-          message="Event added to your calendar"
-          autoHideDuration={4000}
-          onRequestClose={this.handleRequestClose}
-        />
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <RaisedButton
+                    onTouchTap={this.handleTouchTap}
+                    label="Add to my calendar"
+                />
+                <Snackbar
+                    open={this.state.open}
+                    message="Event added to your calendar"
+                    autoHideDuration={4000}
+                    onRequestClose={this.handleRequestClose}
+                    contentStyle={{margin: 16}}
+                />
+            </div>
+        );
+    }
 }
 
 class SnackbarExampleAction extends React.Component<{}, {open?: boolean, autoHideDuration?: number, message?: string}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {
-      autoHideDuration: 4000,
-      message: 'Event added to your calendar',
-      open: false,
+    constructor(props) {
+        super(props);
+        this.state = {
+            autoHideDuration: 4000,
+            message: 'Event added to your calendar',
+            open: false,
+        };
+    }
+
+    handleTouchTap = () => {
+        this.setState({
+            open: true,
+        });
     };
-  }
 
-  handleTouchTap = () => {
-    this.setState({
-      open: true,
-    });
-  };
+    handleActionTouchTap = () => {
+        this.setState({
+            open: false,
+        });
+        alert('Event removed from your calendar.');
+    };
 
-  handleActionTouchTap = () => {
-    this.setState({
-      open: false,
-    });
-    alert('Event removed from your calendar.');
-  };
+    handleChangeDuration = (event) => {
+        const value = event.target.value;
+        this.setState({
+            autoHideDuration: value.length > 0 ? parseInt(value) : 0,
+        });
+    };
 
-  handleChangeDuration = (event) => {
-    const value = event.target.value;
-    this.setState({
-      autoHideDuration: value.length > 0 ? parseInt(value) : 0,
-    });
-  };
+    handleRequestClose = () => {
+        this.setState({
+            open: false,
+        });
+    };
 
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Add to my calendar"
-        />
-        <br />
-        <TextField
-          floatingLabelText="Auto Hide Duration in ms"
-          value={this.state.autoHideDuration}
-          onChange={this.handleChangeDuration}
-        />
-        <Snackbar
-          open={this.state.open}
-          message={this.state.message}
-          action="undo"
-          autoHideDuration={this.state.autoHideDuration}
-          onActionTouchTap={this.handleActionTouchTap}
-          onRequestClose={this.handleRequestClose}
-        />
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <RaisedButton
+                    onTouchTap={this.handleTouchTap}
+                    label="Add to my calendar"
+                />
+                <br />
+                <TextField
+                    floatingLabelText="Auto Hide Duration in ms"
+                    value={this.state.autoHideDuration}
+                    onChange={this.handleChangeDuration}
+                />
+                <Snackbar
+                    open={this.state.open}
+                    message={this.state.message}
+                    action="undo"
+                    autoHideDuration={this.state.autoHideDuration}
+                    onActionTouchTap={this.handleActionTouchTap}
+                    onRequestClose={this.handleRequestClose}
+                />
+            </div>
+        );
+    }
 }
 
 class SnackbarExampleTwice extends React.Component<{}, {open?: boolean, message?: string}> {
 
-  private timer: number;
+    private timer: number;
 
-  constructor(props) {
-    super(props);
-    this.state = {
-      message: 'Event 1 added to your calendar',
-      open: false,
+    constructor(props) {
+        super(props);
+        this.state = {
+            message: 'Event 1 added to your calendar',
+            open: false,
+        };
+        this.timer = undefined;
+    }
+
+    componentWillUnMount() {
+        clearTimeout(this.timer);
+    }
+
+    handleTouchTap = () => {
+        this.setState({
+            open: true,
+        });
+
+        this.timer = setTimeout(() => {
+            this.setState({
+                message: `Event ${Math.round(Math.random() * 100)} added to your calendar`,
+            });
+        }, 1500);
     };
-    this.timer = undefined;
-  }
 
-  componentWillUnMount() {
-    clearTimeout(this.timer);
-  }
+    handleRequestClose = () => {
+        this.setState({
+            open: false,
+        });
+    };
 
-  handleTouchTap = () => {
-    this.setState({
-      open: true,
-    });
-
-    this.timer = setTimeout(() => {
-      this.setState({
-        message: `Event ${Math.round(Math.random() * 100)} added to your calendar`,
-      });
-    }, 1500);
-  };
-
-  handleRequestClose = () => {
-    this.setState({
-      open: false,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <RaisedButton
-          onTouchTap={this.handleTouchTap}
-          label="Add to my calendar two times"
-        />
-        <Snackbar
-          open={this.state.open}
-          message={this.state.message}
-          action="undo"
-          autoHideDuration={3000}
-          onRequestClose={this.handleRequestClose}
-        />
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <RaisedButton
+                    onTouchTap={this.handleTouchTap}
+                    label="Add to my calendar two times"
+                />
+                <Snackbar
+                    open={this.state.open}
+                    message={this.state.message}
+                    action="undo"
+                    autoHideDuration={3000}
+                    onRequestClose={this.handleRequestClose}
+                />
+            </div>
+        );
+    }
 }
 
 
 // "http://www.material-ui.com/#/components/stepper"
 class HorizontalLinearStepper extends React.Component<{}, {stepIndex?: number, finished?: boolean}> {
 
-  state = {
-    finished: false,
-    stepIndex: 0,
-  };
+    state = {
+        finished: false,
+        stepIndex: 0,
+    };
 
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    this.setState({
-      stepIndex: stepIndex + 1,
-      finished: stepIndex >= 2,
-    });
-  };
+    handleNext = () => {
+        const {stepIndex} = this.state;
+        this.setState({
+            stepIndex: stepIndex + 1,
+            finished: stepIndex >= 2,
+        });
+    };
 
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
+    handlePrev = () => {
+        const {stepIndex} = this.state;
+        if (stepIndex > 0) {
+            this.setState({stepIndex: stepIndex - 1});
+        }
+    };
+
+    getStepContent(stepIndex) {
+        switch (stepIndex) {
+            case 0:
+                return 'Select campaign settings...';
+            case 1:
+                return 'What is an ad group anyways?';
+            case 2:
+                return 'This is the bit I really care about!';
+            default:
+                return 'You\'re a long way from home sonny jim!';
+        }
     }
-  };
 
-  getStepContent(stepIndex) {
-    switch (stepIndex) {
-      case 0:
-        return 'Select campaign settings...';
-      case 1:
-        return 'What is an ad group anyways?';
-      case 2:
-        return 'This is the bit I really care about!';
-      default:
-        return 'You\'re a long way from home sonny jim!';
-    }
-  }
+    render() {
+        const {finished, stepIndex} = this.state;
+        const contentStyle = {margin: '0 16px'};
 
-  render() {
-    const {finished, stepIndex} = this.state;
-    const contentStyle = {margin: '0 16px'};
-
-    return (
-      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
-        <Stepper activeStep={stepIndex}>
-          <Step>
-            <StepLabel>Select campaign settings</StepLabel>
-          </Step>
-          <Step>
-            <StepLabel>Create an ad group</StepLabel>
-          </Step>
-          <Step>
-            <StepLabel>Create an ad</StepLabel>
-          </Step>
-        </Stepper>
-        <div style={contentStyle}>
-          {finished ? (
-            <p>
-              <a
-                href="#"
-                onClick={(event) => {
+        return (
+            <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
+                <Stepper activeStep={stepIndex}>
+                    <Step>
+                        <StepLabel>Select campaign settings</StepLabel>
+                    </Step>
+                    <Step>
+                        <StepLabel>Create an ad group</StepLabel>
+                    </Step>
+                    <Step>
+                        <StepLabel>Create an ad</StepLabel>
+                    </Step>
+                </Stepper>
+                <div style={contentStyle}>
+                    {finished ? (
+                        <p>
+                            <a
+                                href="#"
+                                onClick={(event) => {
                   event.preventDefault();
                   this.setState({stepIndex: 0, finished: false});
                 }}
-              >
-                Click here
-              </a> to reset the example.
-            </p>
-          ) : (
-            <div>
-              <p>{this.getStepContent(stepIndex)}</p>
-              <div style={{marginTop: 12}}>
-                <FlatButton
-                  label="Back"
-                  disabled={stepIndex === 0}
-                  onTouchTap={this.handlePrev}
-                  style={{marginRight: 12}}
-                />
-                <RaisedButton
-                  label={stepIndex === 2 ? 'Finish' : 'Next'}
-                  primary={true}
-                  onTouchTap={this.handleNext}
-                />
-              </div>
+                            >
+                                Click here
+                            </a> to reset the example.
+                        </p>
+                    ) : (
+                        <div>
+                            <p>{this.getStepContent(stepIndex)}</p>
+                            <div style={{marginTop: 12}}>
+                                <FlatButton
+                                    label="Back"
+                                    disabled={stepIndex === 0}
+                                    onTouchTap={this.handlePrev}
+                                    style={{marginRight: 12}}
+                                />
+                                <RaisedButton
+                                    label={stepIndex === 2 ? 'Finish' : 'Next'}
+                                    primary={true}
+                                    onTouchTap={this.handleNext}
+                                />
+                            </div>
+                        </div>
+                    )}
+                </div>
             </div>
-          )}
-        </div>
-      </div>
-    );
-  }
+        );
+    }
 }
 
 class VerticalLinearStepper extends React.Component<{}, {stepIndex?: number, finished?: boolean}> {
 
-  state = {
-    finished: false,
-    stepIndex: 0,
-  };
+    state = {
+        finished: false,
+        stepIndex: 0,
+    };
 
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    this.setState({
-      stepIndex: stepIndex + 1,
-      finished: stepIndex >= 2,
-    });
-  };
+    handleNext = () => {
+        const {stepIndex} = this.state;
+        this.setState({
+            stepIndex: stepIndex + 1,
+            finished: stepIndex >= 2,
+        });
+    };
 
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
+    handlePrev = () => {
+        const {stepIndex} = this.state;
+        if (stepIndex > 0) {
+            this.setState({stepIndex: stepIndex - 1});
+        }
+    };
+
+    renderStepActions(step) {
+        const {stepIndex} = this.state;
+
+        return (
+            <div style={{margin: '12px 0'}}>
+                <RaisedButton
+                    label={stepIndex === 2 ? 'Finish' : 'Next'}
+                    disableTouchRipple={true}
+                    disableFocusRipple={true}
+                    primary={true}
+                    onTouchTap={this.handleNext}
+                    style={{marginRight: 12}}
+                />
+                {step > 0 && (
+                    <FlatButton
+                        label="Back"
+                        disabled={stepIndex === 0}
+                        disableTouchRipple={true}
+                        disableFocusRipple={true}
+                        onTouchTap={this.handlePrev}
+                    />
+                )}
+            </div>
+        );
     }
-  };
 
-  renderStepActions(step) {
-    const {stepIndex} = this.state;
+    render() {
+        const {finished, stepIndex} = this.state;
 
-    return (
-      <div style={{margin: '12px 0'}}>
-        <RaisedButton
-          label={stepIndex === 2 ? 'Finish' : 'Next'}
-          disableTouchRipple={true}
-          disableFocusRipple={true}
-          primary={true}
-          onTouchTap={this.handleNext}
-          style={{marginRight: 12}}
-        />
-        {step > 0 && (
-          <FlatButton
-            label="Back"
-            disabled={stepIndex === 0}
-            disableTouchRipple={true}
-            disableFocusRipple={true}
-            onTouchTap={this.handlePrev}
-          />
-        )}
-      </div>
-    );
-  }
-
-  render() {
-    const {finished, stepIndex} = this.state;
-
-    return (
-      <div style={{width: 380, height: 400, margin: 'auto'}}>
-        <Stepper activeStep={stepIndex} orientation="vertical">
-          <Step>
-            <StepLabel>Select campaign settings</StepLabel>
-            <StepContent>
-              <p>
-                For each ad campaign that you create, you can control how much
+        return (
+            <div style={{width: 380, height: 400, margin: 'auto'}}>
+                <Stepper activeStep={stepIndex} orientation="vertical">
+                    <Step>
+                        <StepLabel>Select campaign settings</StepLabel>
+                        <StepContent>
+                            <p>
+                                For each ad campaign that you create, you can control how much
                 you're willing to spend on clicks and conversions, which networks
                 and geographical locations you want your ads to show on, and more.
-              </p>
-              {this.renderStepActions(0)}
-            </StepContent>
-          </Step>
-          <Step>
-            <StepLabel>Create an ad group</StepLabel>
-            <StepContent>
-              <p>An ad group contains one or more ads which target a shared set of keywords.</p>
-              {this.renderStepActions(1)}
-            </StepContent>
-          </Step>
-          <Step>
-            <StepLabel>Create an ad</StepLabel>
-            <StepContent>
-              <p>
-                Try out different ad text to see what brings in the most customers,
+                            </p>
+                            {this.renderStepActions(0)}
+                        </StepContent>
+                    </Step>
+                    <Step>
+                        <StepLabel>Create an ad group</StepLabel>
+                        <StepContent>
+                            <p>An ad group contains one or more ads which target a shared set of keywords.</p>
+                            {this.renderStepActions(1)}
+                        </StepContent>
+                    </Step>
+                    <Step>
+                        <StepLabel>Create an ad</StepLabel>
+                        <StepContent>
+                            <p>
+                                Try out different ad text to see what brings in the most customers,
                 and learn how to enhance your ads using features like ad extensions.
                 If you run into any problems with your ads, find out how to tell if
                 they're running and how to resolve approval issues.
-              </p>
-              {this.renderStepActions(2)}
-            </StepContent>
-          </Step>
-        </Stepper>
-        {finished && (
-          <p style={{margin: '20px 0', textAlign: 'center'}}>
-            <a
-              href="#"
-              onClick={(event) => {
+                            </p>
+                            {this.renderStepActions(2)}
+                        </StepContent>
+                    </Step>
+                </Stepper>
+                {finished && (
+                    <p style={{margin: '20px 0', textAlign: 'center'}}>
+                        <a
+                            href="#"
+                            onClick={(event) => {
                 event.preventDefault();
                 this.setState({stepIndex: 0, finished: false});
               }}
-            >
-              Click here
-            </a> to reset the example.
-          </p>
-        )}
-      </div>
-    );
-  }
+                        >
+                            Click here
+                        </a> to reset the example.
+                    </p>
+                )}
+            </div>
+        );
+    }
 }
 
 class HorizontalNonLinearStepper extends React.Component<{}, {stepIndex?: number}> {
 
-  state = {
-    stepIndex: 0,
-  };
+    state = {
+        stepIndex: 0,
+    };
 
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex < 2) {
-      this.setState({stepIndex: stepIndex + 1});
+    handleNext = () => {
+        const {stepIndex} = this.state;
+        if (stepIndex < 2) {
+            this.setState({stepIndex: stepIndex + 1});
+        }
+    };
+
+    handlePrev = () => {
+        const {stepIndex} = this.state;
+        if (stepIndex > 0) {
+            this.setState({stepIndex: stepIndex - 1});
+        }
+    };
+
+    getStepContent(stepIndex) {
+        switch (stepIndex) {
+            case 0:
+                return 'Select campaign settings...';
+            case 1:
+                return 'What is an ad group anyways?';
+            case 2:
+                return 'This is the bit I really care about!';
+            default:
+                return 'You\'re a long way from home sonny jim!';
+        }
     }
-  };
 
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
+    render() {
+        const {stepIndex} = this.state;
+        const contentStyle = {margin: '0 16px'};
+
+        return (
+            <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
+                <Stepper linear={false} activeStep={stepIndex}>
+                    <Step>
+                        <StepButton onClick={() => this.setState({stepIndex: 0})}>
+                            Select campaign settings
+                        </StepButton>
+                    </Step>
+                    <Step>
+                        <StepButton onClick={() => this.setState({stepIndex: 1})}>
+                            Create an ad group
+                        </StepButton>
+                    </Step>
+                    <Step>
+                        <StepButton onClick={() => this.setState({stepIndex: 2})}>
+                            Create an ad
+                        </StepButton>
+                    </Step>
+                </Stepper>
+                <div style={contentStyle}>
+                    <p>{this.getStepContent(stepIndex)}</p>
+                    <div style={{marginTop: 12}}>
+                        <FlatButton
+                            label="Back"
+                            disabled={stepIndex === 0}
+                            onTouchTap={this.handlePrev}
+                            style={{marginRight: 12}}
+                        />
+                        <RaisedButton
+                            label="Next"
+                            disabled={stepIndex === 2}
+                            primary={true}
+                            onTouchTap={this.handleNext}
+                        />
+                    </div>
+                </div>
+            </div>
+        );
     }
-  };
-
-  getStepContent(stepIndex) {
-    switch (stepIndex) {
-      case 0:
-        return 'Select campaign settings...';
-      case 1:
-        return 'What is an ad group anyways?';
-      case 2:
-        return 'This is the bit I really care about!';
-      default:
-        return 'You\'re a long way from home sonny jim!';
-    }
-  }
-
-  render() {
-    const {stepIndex} = this.state;
-    const contentStyle = {margin: '0 16px'};
-
-    return (
-      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
-        <Stepper linear={false} activeStep={stepIndex}>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 0})}>
-              Select campaign settings
-            </StepButton>
-          </Step>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 1})}>
-              Create an ad group
-            </StepButton>
-          </Step>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 2})}>
-              Create an ad
-            </StepButton>
-          </Step>
-        </Stepper>
-        <div style={contentStyle}>
-          <p>{this.getStepContent(stepIndex)}</p>
-          <div style={{marginTop: 12}}>
-            <FlatButton
-              label="Back"
-              disabled={stepIndex === 0}
-              onTouchTap={this.handlePrev}
-              style={{marginRight: 12}}
-            />
-            <RaisedButton
-              label="Next"
-              disabled={stepIndex === 2}
-              primary={true}
-              onTouchTap={this.handleNext}
-            />
-          </div>
-        </div>
-      </div>
-    );
-  }
 }
 
 class VerticalNonLinear extends React.Component<{}, {stepIndex?: number}> {
 
-  state = {
-    stepIndex: 0,
-  };
+    state = {
+        stepIndex: 0,
+    };
 
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex < 2) {
-      this.setState({stepIndex: stepIndex + 1});
+    handleNext = () => {
+        const {stepIndex} = this.state;
+        if (stepIndex < 2) {
+            this.setState({stepIndex: stepIndex + 1});
+        }
+    };
+
+    handlePrev = () => {
+        const {stepIndex} = this.state;
+        if (stepIndex > 0) {
+            this.setState({stepIndex: stepIndex - 1});
+        }
+    };
+
+    renderStepActions(step) {
+        return (
+            <div style={{margin: '12px 0'}}>
+                <RaisedButton
+                    label="Next"
+                    disableTouchRipple={true}
+                    disableFocusRipple={true}
+                    primary={true}
+                    onTouchTap={this.handleNext}
+                    style={{marginRight: 12}}
+                />
+                {step > 0 && (
+                    <FlatButton
+                        label="Back"
+                        disableTouchRipple={true}
+                        disableFocusRipple={true}
+                        onTouchTap={this.handlePrev}
+                    />
+                )}
+            </div>
+        );
     }
-  };
 
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
-    }
-  };
+    render() {
+        const {stepIndex} = this.state;
 
-  renderStepActions(step) {
-    return (
-      <div style={{margin: '12px 0'}}>
-        <RaisedButton
-          label="Next"
-          disableTouchRipple={true}
-          disableFocusRipple={true}
-          primary={true}
-          onTouchTap={this.handleNext}
-          style={{marginRight: 12}}
-        />
-        {step > 0 && (
-          <FlatButton
-            label="Back"
-            disableTouchRipple={true}
-            disableFocusRipple={true}
-            onTouchTap={this.handlePrev}
-          />
-        )}
-      </div>
-    );
-  }
-
-  render() {
-    const {stepIndex} = this.state;
-
-    return (
-      <div style={{width: 380, height: 400, margin: 'auto'}}>
-        <Stepper
-          activeStep={stepIndex}
-          linear={false}
-          orientation="vertical"
-        >
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 0})}>
-              Select campaign settings
-            </StepButton>
-            <StepContent>
-              <p>
-                For each ad campaign that you create, you can control how much
+        return (
+            <div style={{width: 380, height: 400, margin: 'auto'}}>
+                <Stepper
+                    activeStep={stepIndex}
+                    linear={false}
+                    orientation="vertical"
+                >
+                    <Step>
+                        <StepButton onClick={() => this.setState({stepIndex: 0})}>
+                            Select campaign settings
+                        </StepButton>
+                        <StepContent>
+                            <p>
+                                For each ad campaign that you create, you can control how much
                 you're willing to spend on clicks and conversions, which networks
                 and geographical locations you want your ads to show on, and more.
-              </p>
-              {this.renderStepActions(0)}
-            </StepContent>
-          </Step>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 1})}>
-              Create an ad group
-            </StepButton>
-            <StepContent>
-              <p>An ad group contains one or more ads which target a shared set of keywords.</p>
-              {this.renderStepActions(1)}
-            </StepContent>
-          </Step>
-          <Step>
-            <StepButton onClick={() => this.setState({stepIndex: 2})}>
-              Create an ad
-            </StepButton>
-            <StepContent>
-              <p>
-                Try out different ad text to see what brings in the most customers,
+                            </p>
+                            {this.renderStepActions(0)}
+                        </StepContent>
+                    </Step>
+                    <Step>
+                        <StepButton onClick={() => this.setState({stepIndex: 1})}>
+                            Create an ad group
+                        </StepButton>
+                        <StepContent>
+                            <p>An ad group contains one or more ads which target a shared set of keywords.</p>
+                            {this.renderStepActions(1)}
+                        </StepContent>
+                    </Step>
+                    <Step>
+                        <StepButton onClick={() => this.setState({stepIndex: 2})}>
+                            Create an ad
+                        </StepButton>
+                        <StepContent>
+                            <p>
+                                Try out different ad text to see what brings in the most customers,
                 and learn how to enhance your ads using features like ad extensions.
                 If you run into any problems with your ads, find out how to tell if
                 they're running and how to resolve approval issues.
-              </p>
-              {this.renderStepActions(2)}
-            </StepContent>
-          </Step>
-        </Stepper>
-      </div>
-    );
-  }
+                            </p>
+                            {this.renderStepActions(2)}
+                        </StepContent>
+                    </Step>
+                </Stepper>
+            </div>
+        );
+    }
 }
 
 const getStyles = () => {
-  return {
-    root: {
-      width: '100%',
-      maxWidth: 700,
-      margin: 'auto',
-    },
-    content: {
-      margin: '0 16px',
-    },
-    actions: {
-      marginTop: 12,
-    },
-    backButton: {
-      marginRight: 12,
-    },
-  };
+    return {
+        root: {
+            width: '100%',
+            maxWidth: 700,
+            margin: 'auto',
+        },
+        content: {
+            margin: '0 16px',
+        },
+        actions: {
+            marginTop: 12,
+        },
+        backButton: {
+            marginRight: 12,
+        },
+    };
 };
 
 class GranularControlStepper extends React.Component<{}, {stepIndex?: number, visited?: number[]}> {
 
-  state = {
-    stepIndex: null,
-    visited: [],
-  };
+    state = {
+        stepIndex: null,
+        visited: [],
+    };
 
-  componentWillMount() {
-    const {stepIndex, visited} = this.state;
-    this.setState({visited: visited.concat(stepIndex)});
-  }
-
-  componentWillUpdate(nextProps, nextState) {
-    const {stepIndex, visited} = nextState;
-    if (visited.indexOf(stepIndex) === -1) {
-      this.setState({visited: visited.concat(stepIndex)});
+    componentWillMount() {
+        const {stepIndex, visited} = this.state;
+        this.setState({visited: visited.concat(stepIndex)});
     }
-  }
 
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex < 2) {
-      this.setState({stepIndex: stepIndex + 1});
+    componentWillUpdate(nextProps, nextState) {
+        const {stepIndex, visited} = nextState;
+        if (visited.indexOf(stepIndex) === -1) {
+            this.setState({visited: visited.concat(stepIndex)});
+        }
     }
-  };
 
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
+    handleNext = () => {
+        const {stepIndex} = this.state;
+        if (stepIndex < 2) {
+            this.setState({stepIndex: stepIndex + 1});
+        }
+    };
+
+    handlePrev = () => {
+        const {stepIndex} = this.state;
+        if (stepIndex > 0) {
+            this.setState({stepIndex: stepIndex - 1});
+        }
+    };
+
+    getStepContent(stepIndex) {
+        switch (stepIndex) {
+            case 0:
+                return 'Select campaign settings...';
+            case 1:
+                return 'What is an ad group anyways?';
+            case 2:
+                return 'This is the bit I really care about!';
+            default:
+                return 'Click a step to get started.';
+        }
     }
-  };
 
-  getStepContent(stepIndex) {
-    switch (stepIndex) {
-      case 0:
-        return 'Select campaign settings...';
-      case 1:
-        return 'What is an ad group anyways?';
-      case 2:
-        return 'This is the bit I really care about!';
-      default:
-        return 'Click a step to get started.';
-    }
-  }
+    render() {
+        const {stepIndex, visited} = this.state;
+        const styles = getStyles();
 
-  render() {
-    const {stepIndex, visited} = this.state;
-    const styles = getStyles();
-
-    return (
-      <div style={styles.root}>
-        <p>
-          <a
-            href="#"
-            onClick={(event) => {
+        return (
+            <div style={styles.root}>
+                <p>
+                    <a
+                        href="#"
+                        onClick={(event) => {
               event.preventDefault();
               this.setState({stepIndex: null, visited: []});
             }}
-          >
-            Click here
-          </a> to reset the example.
-        </p>
-        <Stepper linear={false}>
-          <Step completed={visited.indexOf(0) !== -1} active={stepIndex === 0}>
-            <StepButton onClick={() => this.setState({stepIndex: 0})}>
-              Select campaign settings
-            </StepButton>
-          </Step>
-          <Step completed={visited.indexOf(1) !== -1} active={stepIndex === 1}>
-            <StepButton onClick={() => this.setState({stepIndex: 1})}>
-              Create an ad group
-            </StepButton>
-          </Step>
-          <Step completed={visited.indexOf(2) !== -1} active={stepIndex === 2}>
-            <StepButton onClick={() => this.setState({stepIndex: 2})}>
-              Create an ad
-            </StepButton>
-          </Step>
-        </Stepper>
-        <div style={styles.content}>
-          <p>{this.getStepContent(stepIndex)}</p>
-          {stepIndex !== null && (
-            <div style={styles.actions}>
-              <FlatButton
-                label="Back"
-                disabled={stepIndex === 0}
-                onTouchTap={this.handlePrev}
-                style={styles.backButton}
-              />
-              <RaisedButton
-                label="Next"
-                primary={true}
-                onTouchTap={this.handleNext}
-              />
+                    >
+                        Click here
+                    </a> to reset the example.
+                </p>
+                <Stepper linear={false}>
+                    <Step completed={visited.indexOf(0) !== -1} active={stepIndex === 0}>
+                        <StepButton onClick={() => this.setState({stepIndex: 0})}>
+                            Select campaign settings
+                        </StepButton>
+                    </Step>
+                    <Step completed={visited.indexOf(1) !== -1} active={stepIndex === 1}>
+                        <StepButton onClick={() => this.setState({stepIndex: 1})}>
+                            Create an ad group
+                        </StepButton>
+                    </Step>
+                    <Step completed={visited.indexOf(2) !== -1} active={stepIndex === 2}>
+                        <StepButton onClick={() => this.setState({stepIndex: 2})}>
+                            Create an ad
+                        </StepButton>
+                    </Step>
+                </Stepper>
+                <div style={styles.content}>
+                    <p>{this.getStepContent(stepIndex)}</p>
+                    {stepIndex !== null && (
+                        <div style={styles.actions}>
+                            <FlatButton
+                                label="Back"
+                                disabled={stepIndex === 0}
+                                onTouchTap={this.handlePrev}
+                                style={styles.backButton}
+                            />
+                            <RaisedButton
+                                label="Next"
+                                primary={true}
+                                onTouchTap={this.handleNext}
+                            />
+                        </div>
+                    )}
+                </div>
             </div>
-          )}
-        </div>
-      </div>
-    );
-  }
+        );
+    }
 }
 
 class CustomIcon extends React.Component<{}, {stepIndex?: number}> {
 
-  state = {
-    stepIndex: 0,
-  };
+    state = {
+        stepIndex: 0,
+    };
 
-  handleNext = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex < 2) {
-      this.setState({stepIndex: stepIndex + 1});
+    handleNext = () => {
+        const {stepIndex} = this.state;
+        if (stepIndex < 2) {
+            this.setState({stepIndex: stepIndex + 1});
+        }
+    };
+
+    handlePrev = () => {
+        const {stepIndex} = this.state;
+        if (stepIndex > 0) {
+            this.setState({stepIndex: stepIndex - 1});
+        }
+    };
+
+    getStepContent(stepIndex) {
+        switch (stepIndex) {
+            case 0:
+                return 'Select campaign settings...';
+            case 1:
+                return 'What is an ad group anyways?';
+            case 2:
+                return 'This is the bit I really care about!';
+            default:
+                return 'You\'re a long way from home sonny jim!';
+        }
     }
-  };
 
-  handlePrev = () => {
-    const {stepIndex} = this.state;
-    if (stepIndex > 0) {
-      this.setState({stepIndex: stepIndex - 1});
+    render() {
+        return (
+            <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
+                <Stepper linear={false}>
+                    <Step completed={false}>
+                        <StepLabel>
+                            Select campaign settings
+                        </StepLabel>
+                    </Step>
+                    <Step completed={false}>
+                        <StepLabel
+                            icon={<WarningIcon color={red500} />}
+                            style={{color: red500}}
+                        >
+                            Create an ad group
+                        </StepLabel>
+                    </Step>
+                    <Step completed={false}>
+                        <StepLabel>
+                            Create an ad
+                        </StepLabel>
+                    </Step>
+                </Stepper>
+            </div>
+        );
     }
-  };
-
-  getStepContent(stepIndex) {
-    switch (stepIndex) {
-      case 0:
-        return 'Select campaign settings...';
-      case 1:
-        return 'What is an ad group anyways?';
-      case 2:
-        return 'This is the bit I really care about!';
-      default:
-        return 'You\'re a long way from home sonny jim!';
-    }
-  }
-
-  render() {
-    return (
-      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
-        <Stepper linear={false}>
-          <Step completed={false}>
-            <StepLabel>
-              Select campaign settings
-            </StepLabel>
-          </Step>
-          <Step completed={false}>
-            <StepLabel
-              icon={<WarningIcon color={red500} />}
-              style={{color: red500}}
-            >
-              Create an ad group
-            </StepLabel>
-          </Step>
-          <Step completed={false}>
-            <StepLabel>
-              Create an ad
-            </StepLabel>
-          </Step>
-        </Stepper>
-      </div>
-    );
-  }
 }
 
 
@@ -4317,615 +4305,615 @@ class CustomIcon extends React.Component<{}, {stepIndex?: number}> {
 
 // "http://www.material-ui.com/#/components/table"
 const TableExampleSimple = () => (
-  <Table>
-    <TableHeader>
-      <TableRow>
-        <TableHeaderColumn>ID</TableHeaderColumn>
-        <TableHeaderColumn>Name</TableHeaderColumn>
-        <TableHeaderColumn>Status</TableHeaderColumn>
-      </TableRow>
-    </TableHeader>
-    <TableBody>
-      <TableRow>
-        <TableRowColumn>1</TableRowColumn>
-        <TableRowColumn>John Smith</TableRowColumn>
-        <TableRowColumn>Employed</TableRowColumn>
-      </TableRow>
-      <TableRow>
-        <TableRowColumn>2</TableRowColumn>
-        <TableRowColumn>Randal White</TableRowColumn>
-        <TableRowColumn>Unemployed</TableRowColumn>
-      </TableRow>
-      <TableRow>
-        <TableRowColumn>3</TableRowColumn>
-        <TableRowColumn>Stephanie Sanders</TableRowColumn>
-        <TableRowColumn>Employed</TableRowColumn>
-      </TableRow>
-      <TableRow>
-        <TableRowColumn>4</TableRowColumn>
-        <TableRowColumn>Steve Brown</TableRowColumn>
-        <TableRowColumn>Employed</TableRowColumn>
-      </TableRow>
-    </TableBody>
-  </Table>
+    <Table>
+        <TableHeader>
+            <TableRow>
+                <TableHeaderColumn>ID</TableHeaderColumn>
+                <TableHeaderColumn>Name</TableHeaderColumn>
+                <TableHeaderColumn>Status</TableHeaderColumn>
+            </TableRow>
+        </TableHeader>
+        <TableBody>
+            <TableRow>
+                <TableRowColumn>1</TableRowColumn>
+                <TableRowColumn>John Smith</TableRowColumn>
+                <TableRowColumn>Employed</TableRowColumn>
+            </TableRow>
+            <TableRow>
+                <TableRowColumn>2</TableRowColumn>
+                <TableRowColumn>Randal White</TableRowColumn>
+                <TableRowColumn>Unemployed</TableRowColumn>
+            </TableRow>
+            <TableRow>
+                <TableRowColumn>3</TableRowColumn>
+                <TableRowColumn>Stephanie Sanders</TableRowColumn>
+                <TableRowColumn>Employed</TableRowColumn>
+            </TableRow>
+            <TableRow>
+                <TableRowColumn>4</TableRowColumn>
+                <TableRowColumn>Steve Brown</TableRowColumn>
+                <TableRowColumn>Employed</TableRowColumn>
+            </TableRow>
+        </TableBody>
+    </Table>
 );
 
 const tableData: {name: string, status: string, selected?: boolean}[] = [
-  {
-    name: 'John Smith',
-    status: 'Employed',
-    selected: true,
-  },
-  {
-    name: 'Randal White',
-    status: 'Unemployed',
-  },
-  {
-    name: 'Stephanie Sanders',
-    status: 'Employed',
-    selected: true,
-  },
-  {
-    name: 'Steve Brown',
-    status: 'Employed',
-  },
-  {
-    name: 'Joyce Whitten',
-    status: 'Employed',
-  },
-  {
-    name: 'Samuel Roberts',
-    status: 'Employed',
-  },
-  {
-    name: 'Adam Moore',
-    status: 'Employed',
-  },
+    {
+        name: 'John Smith',
+        status: 'Employed',
+        selected: true,
+    },
+    {
+        name: 'Randal White',
+        status: 'Unemployed',
+    },
+    {
+        name: 'Stephanie Sanders',
+        status: 'Employed',
+        selected: true,
+    },
+    {
+        name: 'Steve Brown',
+        status: 'Employed',
+    },
+    {
+        name: 'Joyce Whitten',
+        status: 'Employed',
+    },
+    {
+        name: 'Samuel Roberts',
+        status: 'Employed',
+    },
+    {
+        name: 'Adam Moore',
+        status: 'Employed',
+    },
 ];
 
 interface TableExampleComplexState {
-  fixedHeader?: boolean,
-  fixedFooter?: boolean,
-  stripedRows?: boolean,
-  showRowHover?: boolean,
-  selectable?: boolean,
-  multiSelectable?: boolean,
-  enableSelectAll?: boolean,
-  deselectOnClickaway?: boolean,
-  showCheckboxes?: boolean,
-  height?: string,
+    fixedHeader?: boolean,
+    fixedFooter?: boolean,
+    stripedRows?: boolean,
+    showRowHover?: boolean,
+    selectable?: boolean,
+    multiSelectable?: boolean,
+    enableSelectAll?: boolean,
+    deselectOnClickaway?: boolean,
+    showCheckboxes?: boolean,
+    height?: string,
 }
 
 class TableExampleComplex extends React.Component<{}, TableExampleComplexState> {
 
-  constructor(props) {
-    super(props);
+    constructor(props) {
+        super(props);
 
-    this.state = {
-      fixedHeader: true,
-      fixedFooter: true,
-      stripedRows: false,
-      showRowHover: false,
-      selectable: true,
-      multiSelectable: false,
-      enableSelectAll: false,
-      deselectOnClickaway: true,
-      showCheckboxes: true,
-      height: '300px',
+        this.state = {
+            fixedHeader: true,
+            fixedFooter: true,
+            stripedRows: false,
+            showRowHover: false,
+            selectable: true,
+            multiSelectable: false,
+            enableSelectAll: false,
+            deselectOnClickaway: true,
+            showCheckboxes: true,
+            height: '300px',
+        };
+    }
+
+    handleToggle = (event, toggled) => {
+        this.setState({
+            [event.target.name]: toggled,
+        });
     };
-  }
 
-  handleToggle = (event, toggled) => {
-    this.setState({
-      [event.target.name]: toggled,
-    });
-  };
+    handleChange = (event) => {
+        this.setState({height: event.target.value});
+    };
 
-  handleChange = (event) => {
-    this.setState({height: event.target.value});
-  };
+    render() {
+        return (
+            <div>
+                <Table
+                    height={this.state.height}
+                    fixedHeader={this.state.fixedHeader}
+                    fixedFooter={this.state.fixedFooter}
+                    selectable={this.state.selectable}
+                    multiSelectable={this.state.multiSelectable}
+                >
+                    <TableHeader
+                        displaySelectAll={this.state.showCheckboxes}
+                        adjustForCheckbox={this.state.showCheckboxes}
+                        enableSelectAll={this.state.enableSelectAll}
+                    >
+                        <TableRow>
+                            <TableHeaderColumn colSpan={3} tooltip="Super Header" style={{textAlign: 'center'}}>
+                                Super Header
+                            </TableHeaderColumn>
+                        </TableRow>
+                        <TableRow>
+                            <TableHeaderColumn tooltip="The ID">ID</TableHeaderColumn>
+                            <TableHeaderColumn tooltip="The Name">Name</TableHeaderColumn>
+                            <TableHeaderColumn tooltip="The Status">Status</TableHeaderColumn>
+                        </TableRow>
+                    </TableHeader>
+                    <TableBody
+                        displayRowCheckbox={this.state.showCheckboxes}
+                        deselectOnClickaway={this.state.deselectOnClickaway}
+                        showRowHover={this.state.showRowHover}
+                        stripedRows={this.state.stripedRows}
+                    >
+                        {tableData.map((row, index) => (
+                            <TableRow key={index} selected={row.selected}>
+                                <TableRowColumn>{index}</TableRowColumn>
+                                <TableRowColumn>{row.name}</TableRowColumn>
+                                <TableRowColumn>{row.status}</TableRowColumn>
+                            </TableRow>
+                        ))}
+                    </TableBody>
+                    <TableFooter
+                        adjustForCheckbox={this.state.showCheckboxes}
+                    >
+                        <TableRow>
+                            <TableRowColumn>ID</TableRowColumn>
+                            <TableRowColumn>Name</TableRowColumn>
+                            <TableRowColumn>Status</TableRowColumn>
+                        </TableRow>
+                        <TableRow>
+                            <TableRowColumn colSpan={3} style={{textAlign: 'center'}}>
+                                Super Footer
+                            </TableRowColumn>
+                        </TableRow>
+                    </TableFooter>
+                </Table>
 
-  render() {
-    return (
-      <div>
-        <Table
-          height={this.state.height}
-          fixedHeader={this.state.fixedHeader}
-          fixedFooter={this.state.fixedFooter}
-          selectable={this.state.selectable}
-          multiSelectable={this.state.multiSelectable}
-        >
-          <TableHeader
-            displaySelectAll={this.state.showCheckboxes}
-            adjustForCheckbox={this.state.showCheckboxes}
-            enableSelectAll={this.state.enableSelectAll}
-          >
-            <TableRow>
-              <TableHeaderColumn colSpan={3} tooltip="Super Header" style={{textAlign: 'center'}}>
-                Super Header
-              </TableHeaderColumn>
-            </TableRow>
-            <TableRow>
-              <TableHeaderColumn tooltip="The ID">ID</TableHeaderColumn>
-              <TableHeaderColumn tooltip="The Name">Name</TableHeaderColumn>
-              <TableHeaderColumn tooltip="The Status">Status</TableHeaderColumn>
-            </TableRow>
-          </TableHeader>
-          <TableBody
-            displayRowCheckbox={this.state.showCheckboxes}
-            deselectOnClickaway={this.state.deselectOnClickaway}
-            showRowHover={this.state.showRowHover}
-            stripedRows={this.state.stripedRows}
-          >
-            {tableData.map( (row, index) => (
-              <TableRow key={index} selected={row.selected}>
-                <TableRowColumn>{index}</TableRowColumn>
-                <TableRowColumn>{row.name}</TableRowColumn>
-                <TableRowColumn>{row.status}</TableRowColumn>
-              </TableRow>
-              ))}
-          </TableBody>
-          <TableFooter
-            adjustForCheckbox={this.state.showCheckboxes}
-          >
-            <TableRow>
-              <TableRowColumn>ID</TableRowColumn>
-              <TableRowColumn>Name</TableRowColumn>
-              <TableRowColumn>Status</TableRowColumn>
-            </TableRow>
-            <TableRow>
-              <TableRowColumn colSpan={3} style={{textAlign: 'center'}}>
-                Super Footer
-              </TableRowColumn>
-            </TableRow>
-          </TableFooter>
-        </Table>
-
-        <div style={styles.propContainer}>
-          <h3>Table Properties</h3>
-          <TextField
-            floatingLabelText="Table Body Height"
-            defaultValue={this.state.height}
-            onChange={this.handleChange}
-          />
-          <Toggle
-            name="fixedHeader"
-            label="Fixed Header"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.fixedHeader}
-          />
-          <Toggle
-            name="fixedFooter"
-            label="Fixed Footer"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.fixedFooter}
-          />
-          <Toggle
-            name="selectable"
-            label="Selectable"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.selectable}
-          />
-          <Toggle
-            name="multiSelectable"
-            label="Multi-Selectable"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.multiSelectable}
-          />
-          <Toggle
-            name="enableSelectAll"
-            label="Enable Select All"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.enableSelectAll}
-          />
-          <h3 style={styles.propToggleHeader}>TableBody Properties</h3>
-          <Toggle
-            name="deselectOnClickaway"
-            label="Deselect On Clickaway"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.deselectOnClickaway}
-          />
-          <Toggle
-            name="stripedRows"
-            label="Stripe Rows"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.stripedRows}
-          />
-          <Toggle
-            name="showRowHover"
-            label="Show Row Hover"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.showRowHover}
-          />
-          <h3 style={styles.propToggleHeader}>Multiple Properties</h3>
-          <Toggle
-            name="showCheckboxes"
-            label="Show Checkboxes"
-            onToggle={this.handleToggle}
-            defaultToggled={this.state.showCheckboxes}
-          />
-        </div>
-      </div>
-    );
-  }
+                <div style={styles.propContainer}>
+                    <h3>Table Properties</h3>
+                    <TextField
+                        floatingLabelText="Table Body Height"
+                        defaultValue={this.state.height}
+                        onChange={this.handleChange}
+                    />
+                    <Toggle
+                        name="fixedHeader"
+                        label="Fixed Header"
+                        onToggle={this.handleToggle}
+                        defaultToggled={this.state.fixedHeader}
+                    />
+                    <Toggle
+                        name="fixedFooter"
+                        label="Fixed Footer"
+                        onToggle={this.handleToggle}
+                        defaultToggled={this.state.fixedFooter}
+                    />
+                    <Toggle
+                        name="selectable"
+                        label="Selectable"
+                        onToggle={this.handleToggle}
+                        defaultToggled={this.state.selectable}
+                    />
+                    <Toggle
+                        name="multiSelectable"
+                        label="Multi-Selectable"
+                        onToggle={this.handleToggle}
+                        defaultToggled={this.state.multiSelectable}
+                    />
+                    <Toggle
+                        name="enableSelectAll"
+                        label="Enable Select All"
+                        onToggle={this.handleToggle}
+                        defaultToggled={this.state.enableSelectAll}
+                    />
+                    <h3 style={styles.propToggleHeader}>TableBody Properties</h3>
+                    <Toggle
+                        name="deselectOnClickaway"
+                        label="Deselect On Clickaway"
+                        onToggle={this.handleToggle}
+                        defaultToggled={this.state.deselectOnClickaway}
+                    />
+                    <Toggle
+                        name="stripedRows"
+                        label="Stripe Rows"
+                        onToggle={this.handleToggle}
+                        defaultToggled={this.state.stripedRows}
+                    />
+                    <Toggle
+                        name="showRowHover"
+                        label="Show Row Hover"
+                        onToggle={this.handleToggle}
+                        defaultToggled={this.state.showRowHover}
+                    />
+                    <h3 style={styles.propToggleHeader}>Multiple Properties</h3>
+                    <Toggle
+                        name="showCheckboxes"
+                        label="Show Checkboxes"
+                        onToggle={this.handleToggle}
+                        defaultToggled={this.state.showCheckboxes}
+                    />
+                </div>
+            </div>
+        );
+    }
 }
 
 // "http://www.material-ui.com/#/components/tabs"
 function handleActive(tab) {
-  alert(`A tab with this value property ${tab.props.value} was activated.`);
+    alert(`A tab with this value property ${tab.props.value} was activated.`);
 }
 
 const TabsExampleSimple = () => (
-  <Tabs>
-    <Tab label="Item One" >
-      <div>
-        <h2 style={styles.headline}>Tab One</h2>
-        <p>
-          This is an example tab.
-        </p>
-        <p>
-          You can put any sort of HTML or react component in here. It even keeps the component state!
-        </p>
-        <Slider name="slider0" defaultValue={0.5} />
-      </div>
-    </Tab>
-    <Tab label="Item Two" >
-      <div>
-        <h2 style={styles.headline}>Tab Two</h2>
-        <p>
-          This is another example tab.
-        </p>
-      </div>
-    </Tab>
-    <Tab
-      label="onActive"
-      value="/home"
-      onActive={handleActive}
-    >
-      <div>
-        <h2 style={styles.headline}>Tab Three</h2>
-        <p>
-          This is a third example tab.
-        </p>
-      </div>
-    </Tab>
-  </Tabs>
+    <Tabs>
+        <Tab label="Item One">
+            <div>
+                <h2 style={styles.headline}>Tab One</h2>
+                <p>
+                    This is an example tab.
+                </p>
+                <p>
+                    You can put any sort of HTML or react component in here. It even keeps the component state!
+                </p>
+                <Slider name="slider0" defaultValue={0.5}/>
+            </div>
+        </Tab>
+        <Tab label="Item Two">
+            <div>
+                <h2 style={styles.headline}>Tab Two</h2>
+                <p>
+                    This is another example tab.
+                </p>
+            </div>
+        </Tab>
+        <Tab
+            label="onActive"
+            value="/home"
+            onActive={handleActive}
+        >
+            <div>
+                <h2 style={styles.headline}>Tab Three</h2>
+                <p>
+                    This is a third example tab.
+                </p>
+            </div>
+        </Tab>
+    </Tabs>
 );
 
 class TabsExampleControlled extends React.Component<{}, {value?: string}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: 'a',
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: 'a',
+        };
+    }
+
+    handleChange = (value) => {
+        this.setState({
+            value: value,
+        });
     };
-  }
 
-  handleChange = (value) => {
-    this.setState({
-      value: value,
-    });
-  };
-
-  render() {
-    return (
-      <Tabs
-        value={this.state.value}
-        onChange={this.handleChange}
-      >
-        <Tab label="Tab A" value="a" >
-          <div>
-            <h2 style={styles.headline}>Controllable Tab A</h2>
-            <p>
-              Tabs are also controllable if you want to programmatically pass them their values.
+    render() {
+        return (
+            <Tabs
+                value={this.state.value}
+                onChange={this.handleChange}
+            >
+                <Tab label="Tab A" value="a">
+                    <div>
+                        <h2 style={styles.headline}>Controllable Tab A</h2>
+                        <p>
+                            Tabs are also controllable if you want to programmatically pass them their values.
               This allows for more functionality in Tabs such as not
               having any Tab selected or assigning them different values.
-            </p>
-          </div>
-        </Tab>
-        <Tab label="Tab B" value="b">
-          <div>
-            <h2 style={styles.headline}>Controllable Tab B</h2>
-            <p>
-              This is another example of a controllable tab. Remember, if you
+                        </p>
+                    </div>
+                </Tab>
+                <Tab label="Tab B" value="b">
+                    <div>
+                        <h2 style={styles.headline}>Controllable Tab B</h2>
+                        <p>
+                            This is another example of a controllable tab. Remember, if you
               use controllable Tabs, you need to give all of your tabs values or else
               you wont be able to select them.
-            </p>
-          </div>
-        </Tab>
-      </Tabs>
-    );
-  }
+                        </p>
+                    </div>
+                </Tab>
+            </Tabs>
+        );
+    }
 }
 
 const TabsExampleIcon = () => (
-  <Tabs>
-    <Tab icon={<FontIcon className="muidocs-icon-action-home" />} />
-    <Tab icon={<ActionFlightTakeoff />} />
-    <Tab icon={<FontIcon className="material-icons">favorite</FontIcon>} />
-  </Tabs>
+    <Tabs>
+        <Tab icon={<FontIcon className="muidocs-icon-action-home" />}/>
+        <Tab icon={<ActionFlightTakeoff />}/>
+        <Tab icon={<FontIcon className="material-icons">favorite</FontIcon>}/>
+    </Tabs>
 );
 
 const TabsExampleIconText = () => (
-  <Tabs>
-    <Tab
-      icon={<FontIcon className="material-icons">phone</FontIcon>}
-      label="RECENTS"
-    />
-    <Tab
-      icon={<FontIcon className="material-icons">favorite</FontIcon>}
-      label="FAVORITES"
-    />
-    <Tab
-      icon={<MapsPersonPin />}
-      label="NEARBY"
-    />
-  </Tabs>
+    <Tabs>
+        <Tab
+            icon={<FontIcon className="material-icons">phone</FontIcon>}
+            label="RECENTS"
+        />
+        <Tab
+            icon={<FontIcon className="material-icons">favorite</FontIcon>}
+            label="FAVORITES"
+        />
+        <Tab
+            icon={<MapsPersonPin />}
+            label="NEARBY"
+        />
+    </Tabs>
 );
 
 
 // "http://www.material-ui.com/#/components/text-field"
 const TextFieldExampleSimple = () => (
-  <div>
-    <TextField
-      hintText="Hint Text"
-    /><br />
-    <br />
-    <TextField
-      hintText="The hint text can be as long as you want, it will wrap."
-    /><br />
-    <TextField
-      id="text-field-default"
-      defaultValue="Default Value"
-    /><br />
-    <TextField
-      hintText="Hint Text"
-      floatingLabelText="Floating Label Text"
-    /><br />
-    <TextField
-      hintText="Hint Text"
-      floatingLabelText="Fixed Floating Label Text"
-      floatingLabelFixed={true}
-    /><br />
-    <TextField
-      hintText="Password Field"
-      floatingLabelText="Password"
-      type="password"
-    /><br />
-    <TextField
-      hintText="MultiLine with rows: 2 and rowsMax: 4"
-      multiLine={true}
-      rows={2}
-      rowsMax={4}
-    /><br />
-    <TextField
-      hintText="Message Field"
-      floatingLabelText="MultiLine and FloatingLabel"
-      multiLine={true}
-      rows={2}
-    /><br />
-    <TextField
-      hintText="Full width"
-      fullWidth={true}
-    />
-  </div>
+    <div>
+        <TextField
+            hintText="Hint Text"
+        /><br />
+        <br />
+        <TextField
+            hintText="The hint text can be as long as you want, it will wrap."
+        /><br />
+        <TextField
+            id="text-field-default"
+            defaultValue="Default Value"
+        /><br />
+        <TextField
+            hintText="Hint Text"
+            floatingLabelText="Floating Label Text"
+        /><br />
+        <TextField
+            hintText="Hint Text"
+            floatingLabelText="Fixed Floating Label Text"
+            floatingLabelFixed={true}
+        /><br />
+        <TextField
+            hintText="Password Field"
+            floatingLabelText="Password"
+            type="password"
+        /><br />
+        <TextField
+            hintText="MultiLine with rows: 2 and rowsMax: 4"
+            multiLine={true}
+            rows={2}
+            rowsMax={4}
+        /><br />
+        <TextField
+            hintText="Message Field"
+            floatingLabelText="MultiLine and FloatingLabel"
+            multiLine={true}
+            rows={2}
+        /><br />
+        <TextField
+            hintText="Full width"
+            fullWidth={true}
+        />
+    </div>
 );
 
 const TextFieldExampleError = () => (
-  <div>
-    <TextField
-      hintText="Hint Text"
-      errorText="This field is required"
-    /><br />
-    <TextField
-      hintText="Hint Text"
-      errorText="The error text can be as long as you want, it will wrap."
-    /><br />
-    <TextField
-      hintText="Hint Text"
-      errorText="This field is required"
-      floatingLabelText="Floating Label Text"
-    /><br />
-    <TextField
-      hintText="Message Field"
-      errorText="This field is required."
-      floatingLabelText="MultiLine and FloatingLabel"
-      multiLine={true}
-      rows={2}
-    /><br />
-  </div>
+    <div>
+        <TextField
+            hintText="Hint Text"
+            errorText="This field is required"
+        /><br />
+        <TextField
+            hintText="Hint Text"
+            errorText="The error text can be as long as you want, it will wrap."
+        /><br />
+        <TextField
+            hintText="Hint Text"
+            errorText="This field is required"
+            floatingLabelText="Floating Label Text"
+        /><br />
+        <TextField
+            hintText="Message Field"
+            errorText="This field is required."
+            floatingLabelText="MultiLine and FloatingLabel"
+            multiLine={true}
+            rows={2}
+        /><br />
+    </div>
 );
 
 const TextFieldExampleCustomize = () => (
-  <div>
-    <TextField
-      hintText="Styled Hint Text"
-      hintStyle={styles.errorStyle}
-    /><br />
-    <TextField
-      hintText="Custom error color"
-      errorText="This field is required."
-      errorStyle={styles.errorStyle}
-    /><br />
-    <TextField
-      hintText="Custom Underline Color"
-      underlineStyle={styles.underlineStyle}
-    /><br />
-    <TextField
-      hintText="Custom Underline Focus Color"
-      underlineFocusStyle={styles.underlineStyle}
-    /><br />
-    <TextField
-      floatingLabelText="Styled Floating Label Text"
-      floatingLabelStyle={styles.floatingLabelStyle}
-      floatingLabelFocusStyle={styles.floatingLabelFocusStyle}
-    />
-  </div>
+    <div>
+        <TextField
+            hintText="Styled Hint Text"
+            hintStyle={styles.errorStyle}
+        /><br />
+        <TextField
+            hintText="Custom error color"
+            errorText="This field is required."
+            errorStyle={styles.errorStyle}
+        /><br />
+        <TextField
+            hintText="Custom Underline Color"
+            underlineStyle={styles.underlineStyle}
+        /><br />
+        <TextField
+            hintText="Custom Underline Focus Color"
+            underlineFocusStyle={styles.underlineStyle}
+        /><br />
+        <TextField
+            floatingLabelText="Styled Floating Label Text"
+            floatingLabelStyle={styles.floatingLabelStyle}
+            floatingLabelFocusStyle={styles.floatingLabelFocusStyle}
+        />
+    </div>
 );
 
 const TextFieldExampleDisabled = () => (
-  <div>
-    <TextField
-      disabled={true}
-      hintText="Disabled Hint Text"
-    /><br />
-    <TextField
-      disabled={true}
-      id="text-field-disabled"
-      defaultValue="Disabled Value"
-    /><br />
-    <TextField
-      disabled={true}
-      hintText="Disabled Hint Text"
-      floatingLabelText="Floating Label Text"
-    /><br />
-    <TextField
-      disabled={true}
-      hintText="Disabled Hint Text"
-      defaultValue="Disabled With Floating Label"
-      floatingLabelText="Floating Label Text"
-    />
-  </div>
+    <div>
+        <TextField
+            disabled={true}
+            hintText="Disabled Hint Text"
+        /><br />
+        <TextField
+            disabled={true}
+            id="text-field-disabled"
+            defaultValue="Disabled Value"
+        /><br />
+        <TextField
+            disabled={true}
+            hintText="Disabled Hint Text"
+            floatingLabelText="Floating Label Text"
+        /><br />
+        <TextField
+            disabled={true}
+            hintText="Disabled Hint Text"
+            defaultValue="Disabled With Floating Label"
+            floatingLabelText="Floating Label Text"
+        />
+    </div>
 );
 
 class TextFieldExampleControlled extends React.Component<{}, {value?: string}> {
 
-  constructor(props) {
-    super(props);
+    constructor(props) {
+        super(props);
 
-    this.state = {
-      value: 'Property Value',
+        this.state = {
+            value: 'Property Value',
+        };
+    }
+
+    handleChange = (event) => {
+        this.setState({
+            value: event.target.value,
+        });
     };
-  }
 
-  handleChange = (event) => {
-    this.setState({
-      value: event.target.value,
-    });
-  };
-
-  render() {
-    return (
-      <div>
-        <TextField
-          id="text-field-controlled"
-          value={this.state.value}
-          onChange={this.handleChange}
-        />
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <TextField
+                    id="text-field-controlled"
+                    value={this.state.value}
+                    onChange={this.handleChange}
+                />
+            </div>
+        );
+    }
 }
 
 // "http://www.material-ui.com/#/components/time-picker"
 const TimePickerExampleSimple = () => (
-  <div>
-    <TimePicker
-      hintText="12hr Format"
-    />
-    <TimePicker
-      format="24hr"
-      hintText="24hr Format"
-    />
-    <TimePicker
-      disabled={true}
-      format="24hr"
-      hintText="Disabled TimePicker"
-    />
-  </div>
+    <div>
+        <TimePicker
+            hintText="12hr Format"
+        />
+        <TimePicker
+            format="24hr"
+            hintText="24hr Format"
+        />
+        <TimePicker
+            disabled={true}
+            format="24hr"
+            hintText="Disabled TimePicker"
+        />
+    </div>
 );
 
 class TimePickerExampleComplex extends React.Component<{}, {value24?: Date, value12?: Date}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {value24: null, value12: null};
-  }
+    constructor(props) {
+        super(props);
+        this.state = {value24: null, value12: null};
+    }
 
-  handleChangeTimePicker24 = (event, date) => {
-    this.setState({value24: date});
-  };
+    handleChangeTimePicker24 = (event, date) => {
+        this.setState({value24: date});
+    };
 
-  handleChangeTimePicker12 = (event, date) => {
-    this.setState({value12: date});
-  };
+    handleChangeTimePicker12 = (event, date) => {
+        this.setState({value12: date});
+    };
 
-  render() {
-    return (
-      <div>
-        <TimePicker
-          format="ampm"
-          hintText="12hr Format"
-          value={this.state.value12}
-          onChange={this.handleChangeTimePicker12}
-        />
-        <TimePicker
-          format="24hr"
-          hintText="24hr Format"
-          value={this.state.value24}
-          onChange={this.handleChangeTimePicker24}
-        />
-      </div>
-    );
-  }
+    render() {
+        return (
+            <div>
+                <TimePicker
+                    format="ampm"
+                    hintText="12hr Format"
+                    value={this.state.value12}
+                    onChange={this.handleChangeTimePicker12}
+                />
+                <TimePicker
+                    format="24hr"
+                    hintText="24hr Format"
+                    value={this.state.value24}
+                    onChange={this.handleChangeTimePicker24}
+                />
+            </div>
+        );
+    }
 }
 
 const TimePickerInternational = () => (
-  <div>
-    <TimePicker
-      hintText="Custom Labels"
-      okLabel="确定"
-      cancelLabel="取消"
-    />
-  </div>
+    <div>
+        <TimePicker
+            hintText="Custom Labels"
+            okLabel="确定"
+            cancelLabel="取消"
+        />
+    </div>
 );
 
 
 // "http://www.material-ui.com/#/components/toolbar"
 class ToolbarExamplesSimple extends React.Component<{}, {value?: number}> {
 
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: 3,
-    };
-  }
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: 3,
+        };
+    }
 
-  handleChange = (event, index, value) => this.setState({value});
+    handleChange = (event, index, value) => this.setState({value});
 
-  render() {
-    return (
-      <Toolbar>
-        <ToolbarGroup firstChild={true}>
-          <DropDownMenu value={this.state.value} onChange={this.handleChange}>
-            <MenuItem value={1} primaryText="All Broadcasts" />
-            <MenuItem value={2} primaryText="All Voice" />
-            <MenuItem value={3} primaryText="All Text" />
-            <MenuItem value={4} primaryText="Complete Voice" />
-            <MenuItem value={5} primaryText="Complete Text" />
-            <MenuItem value={6} primaryText="Active Voice" />
-            <MenuItem value={7} primaryText="Active Text" />
-          </DropDownMenu>
-        </ToolbarGroup>
-        <ToolbarGroup>
-          <ToolbarTitle text="Options" />
-          <FontIcon className="muidocs-icon-custom-sort" />
-          <ToolbarSeparator />
-          <RaisedButton label="Create Broadcast" primary={true} />
-          <IconMenu
-            iconButtonElement={
+    render() {
+        return (
+            <Toolbar>
+                <ToolbarGroup firstChild={true}>
+                    <DropDownMenu value={this.state.value} onChange={this.handleChange}>
+                        <MenuItem value={1} primaryText="All Broadcasts"/>
+                        <MenuItem value={2} primaryText="All Voice"/>
+                        <MenuItem value={3} primaryText="All Text"/>
+                        <MenuItem value={4} primaryText="Complete Voice"/>
+                        <MenuItem value={5} primaryText="Complete Text"/>
+                        <MenuItem value={6} primaryText="Active Voice"/>
+                        <MenuItem value={7} primaryText="Active Text"/>
+                    </DropDownMenu>
+                </ToolbarGroup>
+                <ToolbarGroup>
+                    <ToolbarTitle text="Options"/>
+                    <FontIcon className="muidocs-icon-custom-sort"/>
+                    <ToolbarSeparator />
+                    <RaisedButton label="Create Broadcast" primary={true}/>
+                    <IconMenu
+                        iconButtonElement={
               <IconButton touch={true}>
                 <NavigationExpandMoreIcon />
               </IconButton>
             }
-          >
-            <MenuItem primaryText="Download" />
-            <MenuItem primaryText="More Info" />
-          </IconMenu>
-        </ToolbarGroup>
-      </Toolbar>
-    );
-  }
+                    >
+                        <MenuItem primaryText="Download"/>
+                        <MenuItem primaryText="More Info"/>
+                    </IconMenu>
+                </ToolbarGroup>
+            </Toolbar>
+        );
+    }
 }
 
 const componentWithWidth = withWidth()(ToolbarExamplesSimple);
@@ -4936,18 +4924,18 @@ interface MaterialUiTestsState {
 
 class MaterialUiTests extends React.Component<{}, MaterialUiTestsState> {
 
-  render () {
-    return (
-      <MuiThemeProvider muiTheme={getMuiTheme()}>
-        <AppBar title="My AppBar" />
+    render() {
+        return (
+            <MuiThemeProvider muiTheme={getMuiTheme()}>
+                <AppBar title="My AppBar"/>
 
-      </MuiThemeProvider>
-    );
-  }
+            </MuiThemeProvider>
+        );
+    }
 }
 
 // "http://www.material-ui.com/#/get-started/usage"
 ReactDOM.render(
-  <MaterialUiTests />,
-  document.getElementById('app')
-);
\ No newline at end of file
+    <MaterialUiTests />,
+    document.getElementById('app')
+);
diff --git a/material-ui/material-ui.d.ts b/material-ui/material-ui.d.ts
index ef89881e4f..c096cfd6ae 100644
--- a/material-ui/material-ui.d.ts
+++ b/material-ui/material-ui.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for material-ui v0.15.1
+// Type definitions for material-ui v0.16.0
 // Project: https://github.com/callemall/material-ui
 // Definitions by: Nathan Brown <https://github.com/ngbrown>, Oliver Herrmann <https://github.com/herrmanno>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -34,7 +34,7 @@ declare module "material-ui" {
     export import LinearProgress = __MaterialUI.LinearProgress;
     export import List = __MaterialUI.List.List;
     export import ListItem = __MaterialUI.List.ListItem;
-    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
+    export import makeSelectable = __MaterialUI.List.makeSelectable;
     export import Menu = __MaterialUI.Menus.Menu;
     export import MenuItem = __MaterialUI.Menus.MenuItem;
     export import Paper = __MaterialUI.Paper;
@@ -94,9 +94,10 @@ declare namespace __MaterialUI {
     }
 
     // What's common between React.TouchEventHandler and React.MouseEventHandler
-    interface TouchTapEventHandler extends React.EventHandler<TouchTapEvent> { }
+    interface TouchTapEventHandler extends React.EventHandler<TouchTapEvent> {
+    }
 
-    interface ThemeWrapperProps extends React.Props<ThemeWrapper> {
+    interface ThemeWrapperProps {
         theme: Styles.MuiTheme;
     }
     export class ThemeWrapper extends React.Component<ThemeWrapperProps, {}> {
@@ -177,10 +178,10 @@ declare namespace __MaterialUI {
                 fontWeight?: number;
             };
             cardMedia?: {
-              color?: string;
-              overlayContentBackground?: string;
-              titleColor?: string;
-              subtitleColor?: string;
+                color?: string;
+                overlayContentBackground?: string;
+                titleColor?: string;
+                subtitleColor?: string;
             };
             cardText?: {
                 textColor?: string;
@@ -194,12 +195,12 @@ declare namespace __MaterialUI {
                 labelDisabledColor?: string;
             };
             chip?: {
-              backgroundColor?: string;
-              deleteIconColor?: string;
-              textColor?: string;
-              fontSize?: number;
-              fontWeight?: number;
-              shadow?: string;
+                backgroundColor?: string;
+                deleteIconColor?: string;
+                textColor?: string;
+                fontSize?: number;
+                fontWeight?: number;
+                shadow?: string;
             };
             datePicker?: {
                 color?: string;
@@ -210,15 +211,15 @@ declare namespace __MaterialUI {
                 calendarYearBackgroundColor?: string;
             };
             dialog?: {
-              titleFontSize?: number;
-              bodyFontSize?: number;
-              bodyColor?: string;
+                titleFontSize?: number;
+                bodyFontSize?: number;
+                bodyColor?: string;
             };
             dropDownMenu?: {
                 accentColor?: string;
             };
             enhancedButton?: {
-              tapHighlightColor?: string;
+                tapHighlightColor?: string;
             };
             flatButton?: {
                 color?: string;
@@ -244,8 +245,8 @@ declare namespace __MaterialUI {
                 textColor?: string;
             };
             icon?: {
-              color?: string;
-              backgroundColor?: string;
+                color?: string;
+                backgroundColor?: string;
             };
             inkBar?: {
                 backgroundColor?: string;
@@ -452,32 +453,14 @@ declare namespace __MaterialUI {
 
         export function muiThemeable<TComponent extends React.Component<P, S>, P, S>(): (component: TComponent) => TComponent;
 
-        //** @deprecated use MuiThemeProvider instead **/
-        export function themeDecorator(muiTheme: Styles.MuiTheme): <TFunction extends Function>(Component: TFunction) => TFunction;
-
-        interface MuiThemeProviderProps extends React.Props<MuiThemeProvider> {
+        interface MuiThemeProviderProps {
             muiTheme?: Styles.MuiTheme;
         }
-        export class MuiThemeProvider extends React.Component<MuiThemeProviderProps, {}>{
+        export class MuiThemeProvider extends React.Component<MuiThemeProviderProps, {}> {
         }
 
         export function getMuiTheme(...muiTheme: MuiTheme[]): MuiTheme;
 
-        interface ThemeManager {
-            //** @deprecated ThemeManager is deprecated. please import getMuiTheme directly from "material-ui/styles/getMuiTheme" **/
-            getMuiTheme(baseTheme: RawTheme, muiTheme?: MuiTheme): MuiTheme;
-
-            //** @deprecated modifyRawThemeSpacing is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
-            modifyRawThemeSpacing(muiTheme: MuiTheme, newSpacing: Spacing): MuiTheme;
-
-            //** @deprecated modifyRawThemePalette is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
-            modifyRawThemePalette(muiTheme: MuiTheme, newPaletteKeys: ThemePalette): MuiTheme;
-
-            //** @deprecated modifyRawThemeFontFamily is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
-            modifyRawThemeFontFamily(muiTheme: MuiTheme, newFontFamily: string): MuiTheme;
-        }
-        export var ThemeManager: ThemeManager;
-
         interface Transitions {
             easeOut(duration?: string, property?: string | string[], delay?: string, easeFunction?: string): string;
             create(duration?: string, property?: string, delay?: string, easeFunction?: string): string;
@@ -503,15 +486,9 @@ declare namespace __MaterialUI {
             fontStyleButtonFontSize: number;
         }
         export var Typography: Typography;
-
-        //** @deprecated use darkBaseTheme instead **/
-        export var DarkRawTheme: RawTheme;
-
-        //** @deprecated use lightBaseTheme instead **/
-        export var LightRawTheme: RawTheme;
     }
 
-    interface AppBarProps extends React.Props<AppBar> {
+    interface AppBarProps {
         className?: string;
         iconClassNameLeft?: string;
         iconClassNameRight?: string;
@@ -528,10 +505,10 @@ declare namespace __MaterialUI {
         titleStyle?: React.CSSProperties;
         zDepth?: number;
     }
-    export class AppBar extends React.Component<AppBarProps, {}>{
+    export class AppBar extends React.Component<AppBarProps, {}> {
     }
 
-    interface AppCanvasProps extends React.Props<AppCanvas> {
+    interface AppCanvasProps {
     }
     export class AppCanvas extends React.Component<AppCanvasProps, {}> {
     }
@@ -552,9 +529,10 @@ declare namespace __MaterialUI {
 
     type AutoCompleteDataItem = { text: string, value: React.ReactNode } | string;
     type AutoCompleteDataSource = { text: string, value: React.ReactNode }[] | string[];
-    interface AutoCompleteProps extends React.Props<AutoComplete> {
+    interface AutoCompleteProps {
         anchorOrigin?: propTypes.origin;
         animated?: boolean;
+        animation?: React.ComponentClass<Popover.PopoverAnimationProps>;
         dataSource: AutoCompleteDataSource;
         disableFocusRipple?: boolean;
         errorStyle?: React.CSSProperties;
@@ -575,24 +553,26 @@ declare namespace __MaterialUI {
         onUpdateInput?: (searchText: string, dataSource: AutoCompleteDataSource) => void;
         open?: boolean;
         openOnFocus?: boolean;
+        popoverProps?: Popover.PopoverProps;
         searchText?: string;
         style?: React.CSSProperties;
         targetOrigin?: propTypes.origin;
-        /** @deprecated Instead, use openOnFocus */
-        triggerUpdateOnFocus?: boolean;
+        textFieldStyle?: React.CSSProperties;
     }
     export class AutoComplete extends React.Component<AutoCompleteProps, {}> {
         static noFilter: () => boolean;
         static defaultFilter: (searchText: string, key: string) => boolean;
         static caseSensitiveFilter: (searchText: string, key: string) => boolean;
         static caseInsensitiveFilter: (searchText: string, key: string) => boolean;
+
         static levenshteinDistanceFilter(distanceLessThan: number): (searchText: string, key: string) => boolean;
+
         static fuzzyFilter: (searchText: string, key: string) => boolean;
         static Item: Menus.MenuItem;
         static Divider: Divider;
     }
 
-    interface AvatarProps extends React.Props<Avatar> {
+    interface AvatarProps {
         backgroundColor?: string;
         className?: string;
         color?: string;
@@ -604,7 +584,7 @@ declare namespace __MaterialUI {
     export class Avatar extends React.Component<AvatarProps, {}> {
     }
 
-    interface BadgeProps extends React.Props<Badge> {
+    interface BadgeProps {
         badgeContent: React.ReactNode;
         badgeStyle?: React.CSSProperties;
         className?: string;
@@ -615,7 +595,7 @@ declare namespace __MaterialUI {
     export class Badge extends React.Component<BadgeProps, {}> {
     }
 
-    interface BeforeAfterWrapperProps extends React.Props<BeforeAfterWrapper> {
+    interface BeforeAfterWrapperProps {
         afterElementType?: string;
         afterStyle?: React.CSSProperties;
         beforeElementType?: string;
@@ -627,7 +607,7 @@ declare namespace __MaterialUI {
     }
 
     // non generally overridden elements of EnhancedButton
-    interface SharedEnhancedButtonProps<T> extends React.Props<T> {
+    interface SharedEnhancedButtonProps<T> {
         centerRipple?: boolean;
         disableFocusRipple?: boolean;
         disableKeyboardFocus?: boolean;
@@ -636,7 +616,6 @@ declare namespace __MaterialUI {
         focusRippleOpacity?: number;
         href?: string;
         keyboardFocused?: boolean;
-        linkButton?: boolean;
         onBlur?: React.FocusEventHandler;
         onFocus?: React.FocusEventHandler;
         onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
@@ -686,6 +665,7 @@ declare namespace __MaterialUI {
     interface RaisedButtonProps extends SharedEnhancedButtonProps<RaisedButton> {
         // <EnhancedButton/> is the element that get the 'other' properties
         backgroundColor?: string;
+        buttonStyle?: React.CSSProperties;
         className?: string;
         disabled?: boolean;
         disabledBackgroundColor?: string;
@@ -719,7 +699,6 @@ declare namespace __MaterialUI {
         disabledColor?: string;
         iconClassName?: string;
         iconStyle?: React.CSSProperties;
-        linkButton?: boolean;
         mini?: boolean;
         onMouseDown?: React.MouseEventHandler;
         onMouseEnter?: React.MouseEventHandler;
@@ -758,7 +737,7 @@ declare namespace __MaterialUI {
 
     namespace Card {
 
-        interface CardProps extends React.Props<Card> {
+        interface CardProps {
             className?: string;
             actAsExpander?: boolean;
             containerStyle?: React.CSSProperties;
@@ -772,7 +751,7 @@ declare namespace __MaterialUI {
         export class Card extends React.Component<CardProps, {}> {
         }
 
-        interface CardActionsProps extends React.Props<CardActions> {
+        interface CardActionsProps {
             actAsExpander?: boolean;
             expandable?: boolean;
             showExpandableButton?: boolean;
@@ -781,7 +760,7 @@ declare namespace __MaterialUI {
         export class CardActions extends React.Component<CardActionsProps, {}> {
         }
 
-        interface CardExpandableProps extends React.Props<CardExpandable> {
+        interface CardExpandableProps {
             expanded?: boolean;
             onExpanding?: (isExpanded: boolean) => void;
             style?: React.CSSProperties;
@@ -789,7 +768,7 @@ declare namespace __MaterialUI {
         export class CardExpandable extends React.Component<CardExpandableProps, {}> {
         }
 
-        interface CardHeaderProps extends React.Props<CardHeader> {
+        interface CardHeaderProps {
             actAsExpander?: boolean;
             avatar?: React.ReactNode;
             expandable?: boolean;
@@ -806,7 +785,7 @@ declare namespace __MaterialUI {
         export class CardHeader extends React.Component<CardHeaderProps, {}> {
         }
 
-        interface CardMediaProps extends React.Props<CardMedia> {
+        interface CardMediaProps {
             actAsExpander?: boolean;
             expandable?: boolean;
             mediaStyle?: React.CSSProperties;
@@ -819,7 +798,7 @@ declare namespace __MaterialUI {
         export class CardMedia extends React.Component<CardMediaProps, {}> {
         }
 
-        interface CardTextProps extends React.Props<CardText> {
+        interface CardTextProps {
             actAsExpander?: boolean;
             color?: string;
             expandable?: boolean;
@@ -828,7 +807,7 @@ declare namespace __MaterialUI {
         export class CardText extends React.Component<CardTextProps, {}> {
         }
 
-        interface CardTitleProps extends React.Props<CardTitle> {
+        interface CardTitleProps {
             actAsExpander?: boolean;
             expandable?: boolean;
             showExpandableButton?: boolean;
@@ -844,7 +823,7 @@ declare namespace __MaterialUI {
         }
     }
 
-    interface ChipProps extends React.Props<Chip> {
+    interface ChipProps {
         backgroundColor?: string;
         className?: string;
         labelColor?: string;
@@ -857,13 +836,14 @@ declare namespace __MaterialUI {
     }
 
     namespace DatePicker {
-        interface DatePickerProps extends React.Props<DatePicker> {
+        interface DatePickerProps {
             // <TextField/> is the element that get the 'other' properties
             DateTimeFormat?: Intl.DateTimeFormat;
             autoOk?: boolean;
             cancelLabel?: React.ReactNode;
             container?: "dialog" | "inline";
             defaultDate?: Date;
+            dialogContainerStyle?: React.CSSProperties;
             disableYearSelection?: boolean;
             disabled?: boolean;
             firstDayOfWeek?: number;
@@ -882,8 +862,6 @@ declare namespace __MaterialUI {
             style?: React.CSSProperties;
             textFieldStyle?: React.CSSProperties;
             value?: Date;
-            /** @deprecated use cancelLabel and okLabel instead */
-            wordings?: {ok: string, cancel: string};
 
             // From <TextField />
             className?: string;
@@ -909,9 +887,10 @@ declare namespace __MaterialUI {
         export class DatePicker extends React.Component<DatePickerProps, {}> {
         }
 
-        interface DatePickerDialogProps extends React.Props<DatePickerDialog> {
+        interface DatePickerDialogProps {
             // <Container/> is the element that get the 'other' properties
             DateTimeFormat?: Intl.DateTimeFormat;
+            animation?: React.ComponentClass<Popover.PopoverAnimationProps>;
             autoOk?: boolean;
             cancelLabel?: React.ReactNode;
             container?: "dialog" | "inline";
@@ -928,13 +907,12 @@ declare namespace __MaterialUI {
             onShow?: () => void;
             shouldDisableDate?: (day: Date) => boolean;
             style?: React.CSSProperties;
-            wordings?: { ok: string, cancel: string };
         }
         export class DatePickerDialog extends React.Component<DatePickerDialogProps, {}> {
         }
     }
 
-    interface DialogProps extends React.DOMAttributes, React.Props<Dialog> {
+    interface DialogProps extends React.DOMAttributes {
         actions?: React.ReactElement<any> | React.ReactElement<any>[];
         actionsContainerClassName?: string;
         actionsContainerStyle?: React.CSSProperties;
@@ -959,15 +937,15 @@ declare namespace __MaterialUI {
     export class Dialog extends React.Component<DialogProps, {}> {
     }
 
-    interface DividerProps extends React.Props<Divider> {
+    interface DividerProps {
         className?: string;
         inset?: boolean;
         style?: React.CSSProperties;
     }
-    export class Divider extends React.Component<DividerProps, {}>{
+    export class Divider extends React.Component<DividerProps, {}> {
     }
 
-    interface DrawerProps extends React.Props<Drawer> {
+    interface DrawerProps {
         className?: string;
         containerClassName?: string;
         containerStyle?: React.CSSProperties;
@@ -987,16 +965,16 @@ declare namespace __MaterialUI {
     }
 
     namespace GridList {
-        interface GridListProps extends React.Props<GridList> {
+        interface GridListProps {
             cellHeight?: number;
             cols?: number;
             padding?: number;
             style?: React.CSSProperties;
         }
-        export class GridList extends React.Component<GridListProps, {}>{
+        export class GridList extends React.Component<GridListProps, {}> {
         }
 
-        interface GridTileProps extends React.Props<GridTile> {
+        interface GridTileProps {
             actionIcon?: React.ReactElement<any>;
             actionPosition?: "left" | "right";
             cols?: number;
@@ -1008,11 +986,11 @@ declare namespace __MaterialUI {
             titleBackground?: string;
             titlePosition?: "top" | "bottom";
         }
-        export class GridTile extends React.Component<GridTileProps, {}>{
+        export class GridTile extends React.Component<GridTileProps, {}> {
         }
     }
 
-    interface FontIconProps extends React.HTMLAttributes, React.Props<FontIcon> {
+    interface FontIconProps extends React.HTMLAttributes {
         // <span/> is the element that get the 'other' properties
         color?: string;
         hoverColor?: string;
@@ -1023,7 +1001,7 @@ declare namespace __MaterialUI {
     export class FontIcon extends React.Component<FontIconProps, {}> {
     }
 
-    interface SvgIconProps extends React.SVGAttributes, React.Props<SvgIcon> {
+    interface SvgIconProps extends React.SVGAttributes {
         // <svg/> is the element that get the 'other' properties
         color?: string;
         hoverColor?: string;
@@ -1036,22 +1014,14 @@ declare namespace __MaterialUI {
     }
 
     namespace List {
-        interface ListProps extends React.Props<List> {
+        interface ListProps {
             // <Paper/> is the element that get the 'other' properties
-            /** @deprecated nest the Subheader component directly inside the List instead */
-            insetSubheader?: boolean;
             style?: React.CSSProperties;
-            /** @deprecated nest the Subheader component directly inside the List instead */
-            subheader?: string;
-            /** @deprecated nest the Subheader component directly inside the List instead */
-            subheaderStyle?: React.CSSProperties;
-            /** @deprecated wrap it in `Paper` or another component that provides zDepth instead */
-            zDepth?: number;
         }
         export class List extends React.Component<ListProps, {}> {
         }
 
-        interface ListItemProps extends React.HTMLAttributes, React.Props<ListItem> {
+        interface ListItemProps extends React.HTMLAttributes {
             // <EnhancedButton/> is the element that get the 'other' properties
             autoGenerateNestedIndicator?: boolean;
             disableKeyboardFocus?: boolean;
@@ -1071,6 +1041,7 @@ declare namespace __MaterialUI {
             onNestedListToggle?: (item: ListItem) => void;
             onTouchStart?: React.TouchEventHandler;
             onTouchTap?: TouchTapEventHandler;
+            open?: boolean;
             primaryText?: React.ReactNode;
             primaryTogglesNestedList?: boolean;
             rightAvatar?: React.ReactElement<any>;
@@ -1088,19 +1059,15 @@ declare namespace __MaterialUI {
             onChange?: (e: TouchTapEvent, value: any) => void;
             selectedItemStyle?: React.CSSProperties;
             value?: any;
-            /** @deprecated use the value and onChange property instead */
-            valueLink?: { value: any; requestChange: (e: TouchTapEvent, value: any) => void };
         }
 
         // union types for higher order components in TypeScript 1.8: https://github.com/Microsoft/TypeScript/issues/4362
-        export function MakeSelectable<P extends {}>(component: React.ComponentClass<P>): React.ComponentClass<P & SelectableProps>;
+        export function makeSelectable<P extends {}>(component: React.ComponentClass<P>): React.ComponentClass<P & SelectableProps>;
     }
 
     namespace Menus {
-        interface MenuProps extends React.Props<Menu> {
+        interface MenuProps {
             // <List/> is the element that get the 'other' properties
-            /** @deprecated Instead, use a Popover */
-            animated?: boolean;
             autoWidth?: boolean;
             desktop?: boolean;
             disableAutoFocus?: boolean;
@@ -1112,21 +1079,18 @@ declare namespace __MaterialUI {
             onEscKeyDown?: React.KeyboardEventHandler;
             onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
             onKeyDown?: React.KeyboardEventHandler;
-            /** @deprecated Instead, use a Popover */
-            openDirection?: propTypes.corners;
             selectedMenuItemStyle?: React.CSSProperties;
             style?: React.CSSProperties;
             value?: any | any[];
             valueLink?: ReactLink<any | any[]>;
             width?: string | number;
-            /** @deprecated wrap it in `Paper` or another component that provides zDepth instead */
-            zDepth?: number;
         }
-        export class Menu extends React.Component<MenuProps, {}>{
+        export class Menu extends React.Component<MenuProps, {}> {
         }
 
-        interface MenuItemProps extends React.HTMLAttributes, React.Props<MenuItem> {
+        interface MenuItemProps extends React.HTMLAttributes {
             // <ListItem/> is the element that get the 'other' properties
+            animation?: React.ComponentClass<Popover.PopoverAnimationProps>;
             checked?: boolean;
             desktop?: boolean;
             disabled?: boolean;
@@ -1136,21 +1100,19 @@ declare namespace __MaterialUI {
             leftIcon?: React.ReactElement<any>;
             menuItems?: React.ReactNode;
             onTouchTap?: TouchTapEventHandler;
+            primaryText?: React.ReactNode;
             rightIcon?: React.ReactElement<any>;
             secondaryText?: React.ReactNode;
             style?: React.CSSProperties;
             value?: any;
-
-            // useful attributes passed to <ListItem/>
-            primaryText?: React.ReactNode;
-            secondaryTextLines?: number; // 1 or 2
         }
-        export class MenuItem extends React.Component<MenuItemProps, {}>{
+        export class MenuItem extends React.Component<MenuItemProps, {}> {
         }
 
-        interface IconMenuProps extends React.Props<IconMenu> {
+        interface IconMenuProps {
             // <Menu/> is the element that get the 'other' properties
             anchorOrigin?: propTypes.origin;
+            animation?: React.ComponentClass<Popover.PopoverAnimationProps>;
             className?: string;
             iconButtonElement: React.ReactElement<IconButtonProps>;
             iconStyle?: React.CSSProperties;
@@ -1177,8 +1139,6 @@ declare namespace __MaterialUI {
             multiple?: boolean;
             onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
             onKeyDown?: React.KeyboardEventHandler;
-            /** @deprecated Instead, use a Popover */
-            openDirection?: string;
             selectedMenuItemStyle?: React.CSSProperties;
             value?: any | any[];
             valueLink?: ReactLink<any | any[]>;
@@ -1187,9 +1147,10 @@ declare namespace __MaterialUI {
         export class IconMenu extends React.Component<IconMenuProps, {}> {
         }
 
-        interface DropDownMenuProps extends React.Props<DropDownMenu> {
+        interface DropDownMenuProps {
             // <div/> is the element that gets the 'other' properties
             animated?: boolean;
+            animation?: React.ComponentClass<Popover.PopoverAnimationProps>;
             autoWidth?: boolean;
             className?: string;
             disabled?: boolean;
@@ -1208,7 +1169,7 @@ declare namespace __MaterialUI {
         }
     }
 
-    interface PaperProps extends React.HTMLAttributes, React.Props<Paper> {
+    interface PaperProps extends React.HTMLAttributes {
         circle?: boolean;
         rounded?: boolean;
         style?: React.CSSProperties;
@@ -1224,7 +1185,7 @@ declare namespace __MaterialUI {
             style?: React.CSSProperties;
         }
 
-        interface PopoverProps extends React.Props<Popover> {
+        interface PopoverProps {
             anchorEl?: React.ReactInstance;
             anchorOrigin?: propTypes.origin;
             animated?: boolean;
@@ -1239,27 +1200,27 @@ declare namespace __MaterialUI {
             useLayerForClickAway?: boolean;
             zDepth?: number;
         }
-        export class Popover extends React.Component<PopoverProps, {}>{
+        export class Popover extends React.Component<PopoverProps, {}> {
         }
 
-        interface PopoverAnimationVerticalProps extends PopoverAnimationProps, React.Props<PopoverAnimationVertical> {
+        interface PopoverAnimationVerticalProps extends PopoverAnimationProps {
             className?: string;
             targetOrigin?: propTypes.origin;
             zDepth?: number;
         }
-        export class PopoverAnimationVertical extends React.Component<PopoverAnimationVerticalProps, {}>{
+        export class PopoverAnimationVertical extends React.Component<PopoverAnimationVerticalProps, {}> {
         }
 
-        interface PopoverAnimationDefaultProps extends PopoverAnimationProps, React.Props<PopoverAnimationDefault> {
+        interface PopoverAnimationDefaultProps extends PopoverAnimationProps {
             className?: string;
             targetOrigin?: propTypes.origin;
             zDepth?: number;
         }
-        export class PopoverAnimationDefault extends React.Component<PopoverAnimationDefaultProps, {}>{
+        export class PopoverAnimationDefault extends React.Component<PopoverAnimationDefaultProps, {}> {
         }
     }
 
-    interface CircularProgressProps extends React.Props<CircularProgress> {
+    interface CircularProgressProps {
         color?: string;
         innerStyle?: React.CSSProperties;
         max?: number;
@@ -1267,12 +1228,13 @@ declare namespace __MaterialUI {
         mode?: "determinate" | "indeterminate";
         size?: number;
         style?: React.CSSProperties;
+        thickness?: number;
         value?: number;
     }
     export class CircularProgress extends React.Component<CircularProgressProps, {}> {
     }
 
-    interface LinearProgressProps extends React.Props<LinearProgress> {
+    interface LinearProgressProps {
         color?: string;
         max?: number;
         min?: number;
@@ -1283,7 +1245,7 @@ declare namespace __MaterialUI {
     export class LinearProgress extends React.Component<LinearProgressProps, {}> {
     }
 
-    interface RefreshIndicatorProps extends React.Props<RefreshIndicator> {
+    interface RefreshIndicatorProps {
         color?: string;
         left: number;
         loadingColor?: string;
@@ -1296,7 +1258,7 @@ declare namespace __MaterialUI {
     export class RefreshIndicator extends React.Component<RefreshIndicatorProps, {}> {
     }
 
-    interface SelectFieldProps extends React.Props<SelectField> {
+    interface SelectFieldProps {
         // <DropDownMenu/> is the element that get the 'other' properties
         autoWidth?: boolean;
         disabled?: boolean;
@@ -1311,6 +1273,8 @@ declare namespace __MaterialUI {
         iconStyle?: React.CSSProperties;
         id?: string;
         labelStyle?: React.CSSProperties;
+        maxHeight?: number;
+        menuStyle?: any;
         onBlur?: React.FocusEventHandler;
         onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
         onFocus?: React.FocusEventHandler;
@@ -1319,17 +1283,12 @@ declare namespace __MaterialUI {
         underlineFocusStyle?: React.CSSProperties;
         underlineStyle?: React.CSSProperties;
         value?: any;
-
-        // useful attributes passed to <DropDownMenu/>
-        className?: string;
-        maxHeight?: number;
-        menuStyle?: any;
-        openImmediately?: boolean;
     }
     export class SelectField extends React.Component<SelectFieldProps, {}> {
     }
 
-    interface SliderProps extends React.Props<Slider> {
+    interface SliderProps {
+        axis?: 'x' | 'x-reverse' | 'y' | 'y-reverse';
         defaultValue?: number;
         description?: string;
         disableFocusRipple?: boolean;
@@ -1344,6 +1303,7 @@ declare namespace __MaterialUI {
         onDragStop?: React.MouseEventHandler;
         onFocus?: React.FocusEventHandler;
         required?: boolean;
+        sliderStyle?: React.CSSProperties,
         step?: number;
         style?: React.CSSProperties;
         value?: number;
@@ -1354,7 +1314,7 @@ declare namespace __MaterialUI {
     namespace Switches {
 
         // what's not commonly overridden by Checkbox, RadioButton, or Toggle
-        interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributes, React.Props<T> {
+        interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributes {
         }
 
         interface CheckboxProps extends CommonEnhancedSwitchProps<Checkbox> {
@@ -1368,14 +1328,13 @@ declare namespace __MaterialUI {
             labelStyle?: React.CSSProperties;
             onCheck?: (event: React.MouseEvent, checked: boolean) => void;
             style?: React.CSSProperties;
-            /** @deprecated Use uncheckedIcon instead */
-            unCheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
             uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
             valueLink?: ReactLink<boolean>;
         }
         export class Checkbox extends React.Component<CheckboxProps, {}> {
             /** @deprecated Use checked property instead */
             isChecked(): void;
+
             /** @deprecated Use checked property instead */
             setChecked(newCheckedValue: boolean): void;
         }
@@ -1389,25 +1348,28 @@ declare namespace __MaterialUI {
             labelStyle?: React.CSSProperties;
             style?: React.CSSProperties;
             uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-            value?: string;
+            value?: any;
         }
         export class RadioButton extends React.Component<RadioButtonProps, {}> {
             isChecked(): boolean;
+
             getValue(): string;
         }
 
-        interface RadioButtonGroupProps extends React.Props<RadioButtonGroup> {
+        interface RadioButtonGroupProps {
             className?: string;
-            defaultSelected?: string;
+            defaultSelected?: any;
             labelPosition?: "left" | "right";
             name: string;
             onChange?: (e: React.FormEvent, selected: string) => void;
             style?: React.CSSProperties;
-            valueSelected?: string;
+            valueSelected?: any;
         }
         export class RadioButtonGroup extends React.Component<RadioButtonGroupProps, {}> {
             clearValue(): void;
+
             getSelectedValue(): string;
+
             setSelectedValue(newSelectionValue: string): void;
         }
 
@@ -1425,21 +1387,25 @@ declare namespace __MaterialUI {
             rippleStyle?: React.CSSProperties;
             style?: React.CSSProperties;
             thumbStyle?: React.CSSProperties;
+            thumbSwitchedStyle?: React.CSSProperties;
+            trackSwitchedStyle?: React.CSSProperties;
             toggled?: boolean;
             trackStyle?: React.CSSProperties;
             valueLink?: ReactLink<boolean>;
         }
         export class Toggle extends React.Component<ToggleProps, {}> {
             isToggled(): boolean;
+
             setToggled(newToggledValue: boolean): void;
         }
     }
 
-    interface SnackbarProps extends React.Props<Snackbar> {
-        action?: string;
+    interface SnackbarProps {
+        action?: React.ReactNode;
         autoHideDuration?: number;
         bodyStyle?: React.CSSProperties;
         className?: string;
+        contentStyle?: React.CSSProperties;
         message: React.ReactNode;
         onActionTouchTap?: React.TouchEventHandler;
         onRequestClose: (reason: string) => void;
@@ -1450,13 +1416,13 @@ declare namespace __MaterialUI {
     }
 
     namespace Stepper {
-        interface StepProps extends React.Props<Step> {
+        interface StepProps {
             active?: boolean;
             completed?: boolean;
             disabled?: boolean;
             style?: React.CSSProperties;
         }
-        export class Step extends React.Component<StepProps, {}>{
+        export class Step extends React.Component<StepProps, {}> {
         }
 
         interface StepButtonProps extends SharedEnhancedButtonProps<StepButton> {
@@ -1469,46 +1435,46 @@ declare namespace __MaterialUI {
             onTouchStart?: React.TouchEventHandler;
             style?: React.CSSProperties;
         }
-        export class StepButton extends React.Component<StepButtonProps, {}>{
+        export class StepButton extends React.Component<StepButtonProps, {}> {
         }
 
-        interface StepContentProps extends React.Props<StepContent> {
+        interface StepContentProps {
             active?: boolean;
             last?: boolean;
             style?: React.CSSProperties;
         }
-        export class StepContent extends React.Component<StepContentProps, {}>{
+        export class StepContent extends React.Component<StepContentProps, {}> {
         }
 
-        interface StepLabelProps extends React.Props<StepLabel> {
+        interface StepLabelProps {
             active?: boolean;
             completed?: boolean;
             disabled?: boolean;
             icon?: React.ReactNode | string | number;
             style?: React.CSSProperties;
         }
-        export class StepLabel extends React.Component<StepLabelProps, {}>{
+        export class StepLabel extends React.Component<StepLabelProps, {}> {
         }
 
-        interface StepperProps extends React.Props<Stepper> {
+        interface StepperProps {
             activeStep?: number;
             linear?: boolean;
             orientation?: "horizontal" | "vertical";
             style?: React.CSSProperties;
         }
-        export class Stepper extends React.Component<StepperProps, {}>{
+        export class Stepper extends React.Component<StepperProps, {}> {
         }
     }
 
-    interface SubheaderProps extends React.Props<Subheader> {
+    interface SubheaderProps {
         inset?: boolean;
         style?: React.CSSProperties;
     }
-    export class Subheader extends React.Component<SubheaderProps, {}>{
+    export class Subheader extends React.Component<SubheaderProps, {}> {
     }
 
     namespace Table {
-        interface TableProps extends React.Props<Table> {
+        interface TableProps {
             allRowsSelected?: boolean;
             bodyStyle?: React.CSSProperties;
             className?: string;
@@ -1531,7 +1497,7 @@ declare namespace __MaterialUI {
         export class Table extends React.Component<TableProps, {}> {
         }
 
-        interface TableRowProps extends React.Props<TableRow> {
+        interface TableRowProps {
             // <tr/> is element that get the 'other' properties
             className?: string;
             displayBorder?: boolean;
@@ -1558,7 +1524,7 @@ declare namespace __MaterialUI {
         export class TableRow extends React.Component<TableRowProps, {}> {
         }
 
-        interface TableRowColumnProps extends React.Props<TableRowColumn> {
+        interface TableRowColumnProps {
             // <td/> is element that get the 'other' properties
             className?: string;
             columnNumber?: number;
@@ -1578,7 +1544,7 @@ declare namespace __MaterialUI {
         export class TableRowColumn extends React.Component<TableRowColumnProps, {}> {
         }
 
-        interface TableHeaderProps extends React.Props<TableHeader> {
+        interface TableHeaderProps {
             adjustForCheckbox?: boolean;
             className?: string;
             displaySelectAll?: boolean;
@@ -1592,7 +1558,7 @@ declare namespace __MaterialUI {
         export class TableHeader extends React.Component<TableHeaderProps, {}> {
         }
 
-        interface TableHeaderColumnProps extends React.Props<TableHeaderColumn> {
+        interface TableHeaderColumnProps {
             // <th/> is element that get the 'other' properties
             className?: string;
             columnNumber?: number;
@@ -1607,7 +1573,7 @@ declare namespace __MaterialUI {
         export class TableHeaderColumn extends React.Component<TableHeaderColumnProps, {}> {
         }
 
-        interface TableBodyProps extends React.Props<TableBody> {
+        interface TableBodyProps {
             /** @deprecated Instead, use property on Table */
             allRowsSelected?: boolean;
             className?: string;
@@ -1637,7 +1603,7 @@ declare namespace __MaterialUI {
         export class TableBody extends React.Component<TableBodyProps, {}> {
         }
 
-        interface TableFooterProps extends React.Props<TableFooter> {
+        interface TableFooterProps {
             // <tfoot/> is element that get the 'other' properties
             adjustForCheckbox?: boolean;
             className?: string;
@@ -1648,7 +1614,7 @@ declare namespace __MaterialUI {
     }
 
     namespace Tabs {
-        interface TabsProps extends React.Props<Tabs> {
+        interface TabsProps {
             className?: string;
             contentContainerClassName?: string;
             contentContainerStyle?: React.CSSProperties;
@@ -1677,7 +1643,7 @@ declare namespace __MaterialUI {
         }
     }
 
-    interface TextFieldProps extends React.Props<TextField> {
+    interface TextFieldProps {
         className?: string;
         defaultValue?: string | number;
         disabled?: boolean;
@@ -1696,10 +1662,7 @@ declare namespace __MaterialUI {
         name?: string;
         onBlur?: React.FocusEventHandler;
         onChange?: React.FormEventHandler;
-        /** @deprecated Use onKeyDown and check for keycode instead. */
-        onEnterKeyDown?: React.KeyboardEventHandler;
         onFocus?: React.FocusEventHandler;
-        onKeyDown?: React.KeyboardEventHandler;
         rows?: number,
         rowsMax?: number,
         style?: React.CSSProperties;
@@ -1713,13 +1676,17 @@ declare namespace __MaterialUI {
     }
     export class TextField extends React.Component<TextFieldProps, {}> {
         blur(): void;
+
         focus(): void;
+
         select(): void;
+
         getValue(): string;
+
         getInputNode(): HTMLInputElement;
     }
 
-    interface TimePickerProps extends React.Props<TimePicker> {
+    interface TimePickerProps {
         // <TextField/> is element that get the 'other' properties
         autoOk?: boolean;
         cancelLabel?: React.ReactNode;
@@ -1767,16 +1734,13 @@ declare namespace __MaterialUI {
         underlineStyle?: React.CSSProperties;
     }
     export class TimePicker extends React.Component<TimePickerProps, {}> {
-        /** @deprecated Use defaultTime instead. */
-        getTime(): Date;
-        /** @deprecated Use defaultTime instead. */
-        setTime(time: Date): void;
         focus(): void;
+
         openDialog(): void;
     }
 
     namespace Toolbar {
-        interface ToolbarProps extends React.Props<Toolbar> {
+        interface ToolbarProps {
             className?: string;
             noGutter?: boolean;
             style?: React.CSSProperties;
@@ -1784,7 +1748,7 @@ declare namespace __MaterialUI {
         export class Toolbar extends React.Component<ToolbarProps, {}> {
         }
 
-        interface ToolbarGroupProps extends React.Props<ToolbarGroup> {
+        interface ToolbarGroupProps {
             className?: string;
             firstChild?: boolean;
             float?: "left" | "right";
@@ -1794,14 +1758,14 @@ declare namespace __MaterialUI {
         export class ToolbarGroup extends React.Component<ToolbarGroupProps, {}> {
         }
 
-        interface ToolbarSeparatorProps extends React.Props<ToolbarSeparator> {
+        interface ToolbarSeparatorProps {
             className?: string;
             style?: React.CSSProperties;
         }
         export class ToolbarSeparator extends React.Component<ToolbarSeparatorProps, {}> {
         }
 
-        interface ToolbarTitleProps extends React.HTMLAttributes, React.Props<ToolbarTitle> {
+        interface ToolbarTitleProps extends React.HTMLAttributes {
             className?: string;
             style?: React.CSSProperties;
             text?: string;
@@ -1817,13 +1781,21 @@ declare namespace __MaterialUI {
                 values: number[];
             }
             function convertColorToString(color: any): string;
+
             function convertHexToRGB(color: string): string;
+
             function decomposeColor(color: string): MuiColorObject;
+
             function getContrastRatio(foreground: string, background: string): number;
+
             function getLuminance(color: string): number;
+
             function emphasize(color: string, coefficient?: number): string;
+
             function fade(color: string, value: number): string;
+
             function darken(color: string, coefficient: number): string;
+
             function lighten(color: string, coefficient: number): string;
         }
 
@@ -2005,7 +1977,7 @@ declare module 'material-ui/LinearProgress' {
 declare module 'material-ui/List' {
     export import List = __MaterialUI.List.List;
     export import ListItem = __MaterialUI.List.ListItem;
-    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
+    export import makeSelectable = __MaterialUI.List.makeSelectable;
     export default List;
 }
 
@@ -2019,9 +1991,9 @@ declare module 'material-ui/List/ListItem' {
     export default ListItem;
 }
 
-declare module 'material-ui/List/MakeSelectable' {
-    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
-    export default MakeSelectable;
+declare module 'material-ui/List/makeSelectable' {
+    export import makeSelectable = __MaterialUI.List.makeSelectable;
+    export default makeSelectable;
 }
 
 declare module "material-ui/Menu" {
@@ -2116,4613 +2088,4613 @@ declare module 'material-ui/SvgIcon' {
 }
 
 declare module 'material-ui/svg-icons/action/work' {
-  export import ActionWork = __MaterialUI.SvgIcon;
-  export default ActionWork;
+    export import ActionWork = __MaterialUI.SvgIcon;
+    export default ActionWork;
 }
 
 declare module 'material-ui/svg-icons/action/camera-enhance' {
-  export import ActionCameraEnhance = __MaterialUI.SvgIcon;
-  export default ActionCameraEnhance;
+    export import ActionCameraEnhance = __MaterialUI.SvgIcon;
+    export default ActionCameraEnhance;
 }
 
 declare module 'material-ui/svg-icons/action/flip-to-back' {
-  export import ActionFlipToBack = __MaterialUI.SvgIcon;
-  export default ActionFlipToBack;
+    export import ActionFlipToBack = __MaterialUI.SvgIcon;
+    export default ActionFlipToBack;
 }
 
 declare module 'material-ui/svg-icons/action/feedback' {
-  export import ActionFeedback = __MaterialUI.SvgIcon;
-  export default ActionFeedback;
+    export import ActionFeedback = __MaterialUI.SvgIcon;
+    export default ActionFeedback;
 }
 
 declare module 'material-ui/svg-icons/action/assignment-turned-in' {
-  export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon;
-  export default ActionAssignmentTurnedIn;
+    export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon;
+    export default ActionAssignmentTurnedIn;
 }
 
 declare module 'material-ui/svg-icons/action/track-changes' {
-  export import ActionTrackChanges = __MaterialUI.SvgIcon;
-  export default ActionTrackChanges;
+    export import ActionTrackChanges = __MaterialUI.SvgIcon;
+    export default ActionTrackChanges;
 }
 
 declare module 'material-ui/svg-icons/action/view-stream' {
-  export import ActionViewStream = __MaterialUI.SvgIcon;
-  export default ActionViewStream;
+    export import ActionViewStream = __MaterialUI.SvgIcon;
+    export default ActionViewStream;
 }
 
 declare module 'material-ui/svg-icons/action/open-in-browser' {
-  export import ActionOpenInBrowser = __MaterialUI.SvgIcon;
-  export default ActionOpenInBrowser;
+    export import ActionOpenInBrowser = __MaterialUI.SvgIcon;
+    export default ActionOpenInBrowser;
 }
 
 declare module 'material-ui/svg-icons/action/view-headline' {
-  export import ActionViewHeadline = __MaterialUI.SvgIcon;
-  export default ActionViewHeadline;
+    export import ActionViewHeadline = __MaterialUI.SvgIcon;
+    export default ActionViewHeadline;
 }
 
 declare module 'material-ui/svg-icons/action/alarm-add' {
-  export import ActionAlarmAdd = __MaterialUI.SvgIcon;
-  export default ActionAlarmAdd;
+    export import ActionAlarmAdd = __MaterialUI.SvgIcon;
+    export default ActionAlarmAdd;
 }
 
 declare module 'material-ui/svg-icons/action/history' {
-  export import ActionHistory = __MaterialUI.SvgIcon;
-  export default ActionHistory;
+    export import ActionHistory = __MaterialUI.SvgIcon;
+    export default ActionHistory;
 }
 
 declare module 'material-ui/svg-icons/action/perm-device-information' {
-  export import ActionPermDeviceInformation = __MaterialUI.SvgIcon;
-  export default ActionPermDeviceInformation;
+    export import ActionPermDeviceInformation = __MaterialUI.SvgIcon;
+    export default ActionPermDeviceInformation;
 }
 
 declare module 'material-ui/svg-icons/action/reorder' {
-  export import ActionReorder = __MaterialUI.SvgIcon;
-  export default ActionReorder;
+    export import ActionReorder = __MaterialUI.SvgIcon;
+    export default ActionReorder;
 }
 
 declare module 'material-ui/svg-icons/action/assignment' {
-  export import ActionAssignment = __MaterialUI.SvgIcon;
-  export default ActionAssignment;
+    export import ActionAssignment = __MaterialUI.SvgIcon;
+    export default ActionAssignment;
 }
 
 declare module 'material-ui/svg-icons/action/shopping-cart' {
-  export import ActionShoppingCart = __MaterialUI.SvgIcon;
-  export default ActionShoppingCart;
+    export import ActionShoppingCart = __MaterialUI.SvgIcon;
+    export default ActionShoppingCart;
 }
 
 declare module 'material-ui/svg-icons/action/face' {
-  export import ActionFace = __MaterialUI.SvgIcon;
-  export default ActionFace;
+    export import ActionFace = __MaterialUI.SvgIcon;
+    export default ActionFace;
 }
 
 declare module 'material-ui/svg-icons/action/event' {
-  export import ActionEvent = __MaterialUI.SvgIcon;
-  export default ActionEvent;
+    export import ActionEvent = __MaterialUI.SvgIcon;
+    export default ActionEvent;
 }
 
 declare module 'material-ui/svg-icons/action/view-week' {
-  export import ActionViewWeek = __MaterialUI.SvgIcon;
-  export default ActionViewWeek;
+    export import ActionViewWeek = __MaterialUI.SvgIcon;
+    export default ActionViewWeek;
 }
 
 declare module 'material-ui/svg-icons/action/rounded-corner' {
-  export import ActionRoundedCorner = __MaterialUI.SvgIcon;
-  export default ActionRoundedCorner;
+    export import ActionRoundedCorner = __MaterialUI.SvgIcon;
+    export default ActionRoundedCorner;
 }
 
 declare module 'material-ui/svg-icons/action/view-carousel' {
-  export import ActionViewCarousel = __MaterialUI.SvgIcon;
-  export default ActionViewCarousel;
+    export import ActionViewCarousel = __MaterialUI.SvgIcon;
+    export default ActionViewCarousel;
 }
 
 declare module 'material-ui/svg-icons/action/toll' {
-  export import ActionToll = __MaterialUI.SvgIcon;
-  export default ActionToll;
+    export import ActionToll = __MaterialUI.SvgIcon;
+    export default ActionToll;
 }
 
 declare module 'material-ui/svg-icons/action/home' {
-  export import ActionHome = __MaterialUI.SvgIcon;
-  export default ActionHome;
+    export import ActionHome = __MaterialUI.SvgIcon;
+    export default ActionHome;
 }
 
 declare module 'material-ui/svg-icons/action/subject' {
-  export import ActionSubject = __MaterialUI.SvgIcon;
-  export default ActionSubject;
+    export import ActionSubject = __MaterialUI.SvgIcon;
+    export default ActionSubject;
 }
 
 declare module 'material-ui/svg-icons/action/lock' {
-  export import ActionLock = __MaterialUI.SvgIcon;
-  export default ActionLock;
+    export import ActionLock = __MaterialUI.SvgIcon;
+    export default ActionLock;
 }
 
 declare module 'material-ui/svg-icons/action/visibility-off' {
-  export import ActionVisibilityOff = __MaterialUI.SvgIcon;
-  export default ActionVisibilityOff;
+    export import ActionVisibilityOff = __MaterialUI.SvgIcon;
+    export default ActionVisibilityOff;
 }
 
 declare module 'material-ui/svg-icons/action/opacity' {
-  export import ActionOpacity = __MaterialUI.SvgIcon;
-  export default ActionOpacity;
+    export import ActionOpacity = __MaterialUI.SvgIcon;
+    export default ActionOpacity;
 }
 
 declare module 'material-ui/svg-icons/action/dns' {
-  export import ActionDns = __MaterialUI.SvgIcon;
-  export default ActionDns;
+    export import ActionDns = __MaterialUI.SvgIcon;
+    export default ActionDns;
 }
 
 declare module 'material-ui/svg-icons/action/open-with' {
-  export import ActionOpenWith = __MaterialUI.SvgIcon;
-  export default ActionOpenWith;
+    export import ActionOpenWith = __MaterialUI.SvgIcon;
+    export default ActionOpenWith;
 }
 
 declare module 'material-ui/svg-icons/action/system-update-alt' {
-  export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon;
-  export default ActionSystemUpdateAlt;
+    export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon;
+    export default ActionSystemUpdateAlt;
 }
 
 declare module 'material-ui/svg-icons/action/picture-in-picture-alt' {
-  export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon;
-  export default ActionPictureInPictureAlt;
+    export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon;
+    export default ActionPictureInPictureAlt;
 }
 
 declare module 'material-ui/svg-icons/action/bookmark-border' {
-  export import ActionBookmarkBorder = __MaterialUI.SvgIcon;
-  export default ActionBookmarkBorder;
+    export import ActionBookmarkBorder = __MaterialUI.SvgIcon;
+    export default ActionBookmarkBorder;
 }
 
 declare module 'material-ui/svg-icons/action/settings' {
-  export import ActionSettings = __MaterialUI.SvgIcon;
-  export default ActionSettings;
+    export import ActionSettings = __MaterialUI.SvgIcon;
+    export default ActionSettings;
 }
 
 declare module 'material-ui/svg-icons/action/dashboard' {
-  export import ActionDashboard = __MaterialUI.SvgIcon;
-  export default ActionDashboard;
+    export import ActionDashboard = __MaterialUI.SvgIcon;
+    export default ActionDashboard;
 }
 
 declare module 'material-ui/svg-icons/action/done-all' {
-  export import ActionDoneAll = __MaterialUI.SvgIcon;
-  export default ActionDoneAll;
+    export import ActionDoneAll = __MaterialUI.SvgIcon;
+    export default ActionDoneAll;
 }
 
 declare module 'material-ui/svg-icons/action/aspect-ratio' {
-  export import ActionAspectRatio = __MaterialUI.SvgIcon;
-  export default ActionAspectRatio;
+    export import ActionAspectRatio = __MaterialUI.SvgIcon;
+    export default ActionAspectRatio;
 }
 
 declare module 'material-ui/svg-icons/action/verified-user' {
-  export import ActionVerifiedUser = __MaterialUI.SvgIcon;
-  export default ActionVerifiedUser;
+    export import ActionVerifiedUser = __MaterialUI.SvgIcon;
+    export default ActionVerifiedUser;
 }
 
 declare module 'material-ui/svg-icons/action/update' {
-  export import ActionUpdate = __MaterialUI.SvgIcon;
-  export default ActionUpdate;
+    export import ActionUpdate = __MaterialUI.SvgIcon;
+    export default ActionUpdate;
 }
 
 declare module 'material-ui/svg-icons/action/query-builder' {
-  export import ActionQueryBuilder = __MaterialUI.SvgIcon;
-  export default ActionQueryBuilder;
+    export import ActionQueryBuilder = __MaterialUI.SvgIcon;
+    export default ActionQueryBuilder;
 }
 
 declare module 'material-ui/svg-icons/action/supervisor-account' {
-  export import ActionSupervisorAccount = __MaterialUI.SvgIcon;
-  export default ActionSupervisorAccount;
+    export import ActionSupervisorAccount = __MaterialUI.SvgIcon;
+    export default ActionSupervisorAccount;
 }
 
 declare module 'material-ui/svg-icons/action/polymer' {
-  export import ActionPolymer = __MaterialUI.SvgIcon;
-  export default ActionPolymer;
+    export import ActionPolymer = __MaterialUI.SvgIcon;
+    export default ActionPolymer;
 }
 
 declare module 'material-ui/svg-icons/action/accessible' {
-  export import ActionAccessible = __MaterialUI.SvgIcon;
-  export default ActionAccessible;
+    export import ActionAccessible = __MaterialUI.SvgIcon;
+    export default ActionAccessible;
 }
 
 declare module 'material-ui/svg-icons/action/highlight-off' {
-  export import ActionHighlightOff = __MaterialUI.SvgIcon;
-  export default ActionHighlightOff;
+    export import ActionHighlightOff = __MaterialUI.SvgIcon;
+    export default ActionHighlightOff;
 }
 
 declare module 'material-ui/svg-icons/action/power-settings-new' {
-  export import ActionPowerSettingsNew = __MaterialUI.SvgIcon;
-  export default ActionPowerSettingsNew;
+    export import ActionPowerSettingsNew = __MaterialUI.SvgIcon;
+    export default ActionPowerSettingsNew;
 }
 
 declare module 'material-ui/svg-icons/action/chrome-reader-mode' {
-  export import ActionChromeReaderMode = __MaterialUI.SvgIcon;
-  export default ActionChromeReaderMode;
+    export import ActionChromeReaderMode = __MaterialUI.SvgIcon;
+    export default ActionChromeReaderMode;
 }
 
 declare module 'material-ui/svg-icons/action/perm-camera-mic' {
-  export import ActionPermCameraMic = __MaterialUI.SvgIcon;
-  export default ActionPermCameraMic;
+    export import ActionPermCameraMic = __MaterialUI.SvgIcon;
+    export default ActionPermCameraMic;
 }
 
 declare module 'material-ui/svg-icons/action/touch-app' {
-  export import ActionTouchApp = __MaterialUI.SvgIcon;
-  export default ActionTouchApp;
+    export import ActionTouchApp = __MaterialUI.SvgIcon;
+    export default ActionTouchApp;
 }
 
 declare module 'material-ui/svg-icons/action/receipt' {
-  export import ActionReceipt = __MaterialUI.SvgIcon;
-  export default ActionReceipt;
+    export import ActionReceipt = __MaterialUI.SvgIcon;
+    export default ActionReceipt;
 }
 
 declare module 'material-ui/svg-icons/action/assignment-late' {
-  export import ActionAssignmentLate = __MaterialUI.SvgIcon;
-  export default ActionAssignmentLate;
+    export import ActionAssignmentLate = __MaterialUI.SvgIcon;
+    export default ActionAssignmentLate;
 }
 
 declare module 'material-ui/svg-icons/action/alarm-off' {
-  export import ActionAlarmOff = __MaterialUI.SvgIcon;
-  export default ActionAlarmOff;
+    export import ActionAlarmOff = __MaterialUI.SvgIcon;
+    export default ActionAlarmOff;
 }
 
 declare module 'material-ui/svg-icons/action/toc' {
-  export import ActionToc = __MaterialUI.SvgIcon;
-  export default ActionToc;
+    export import ActionToc = __MaterialUI.SvgIcon;
+    export default ActionToc;
 }
 
 declare module 'material-ui/svg-icons/action/settings-bluetooth' {
-  export import ActionSettingsBluetooth = __MaterialUI.SvgIcon;
-  export default ActionSettingsBluetooth;
+    export import ActionSettingsBluetooth = __MaterialUI.SvgIcon;
+    export default ActionSettingsBluetooth;
 }
 
 declare module 'material-ui/svg-icons/action/settings-brightness' {
-  export import ActionSettingsBrightness = __MaterialUI.SvgIcon;
-  export default ActionSettingsBrightness;
+    export import ActionSettingsBrightness = __MaterialUI.SvgIcon;
+    export default ActionSettingsBrightness;
 }
 
 declare module 'material-ui/svg-icons/action/donut-small' {
-  export import ActionDonutSmall = __MaterialUI.SvgIcon;
-  export default ActionDonutSmall;
+    export import ActionDonutSmall = __MaterialUI.SvgIcon;
+    export default ActionDonutSmall;
 }
 
 declare module 'material-ui/svg-icons/action/zoom-out' {
-  export import ActionZoomOut = __MaterialUI.SvgIcon;
-  export default ActionZoomOut;
+    export import ActionZoomOut = __MaterialUI.SvgIcon;
+    export default ActionZoomOut;
 }
 
 declare module 'material-ui/svg-icons/action/loyalty' {
-  export import ActionLoyalty = __MaterialUI.SvgIcon;
-  export default ActionLoyalty;
+    export import ActionLoyalty = __MaterialUI.SvgIcon;
+    export default ActionLoyalty;
 }
 
 declare module 'material-ui/svg-icons/action/search' {
-  export import ActionSearch = __MaterialUI.SvgIcon;
-  export default ActionSearch;
+    export import ActionSearch = __MaterialUI.SvgIcon;
+    export default ActionSearch;
 }
 
 declare module 'material-ui/svg-icons/action/account-balance-wallet' {
-  export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon;
-  export default ActionAccountBalanceWallet;
+    export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon;
+    export default ActionAccountBalanceWallet;
 }
 
 declare module 'material-ui/svg-icons/action/date-range' {
-  export import ActionDateRange = __MaterialUI.SvgIcon;
-  export default ActionDateRange;
+    export import ActionDateRange = __MaterialUI.SvgIcon;
+    export default ActionDateRange;
 }
 
 declare module 'material-ui/svg-icons/action/alarm-on' {
-  export import ActionAlarmOn = __MaterialUI.SvgIcon;
-  export default ActionAlarmOn;
+    export import ActionAlarmOn = __MaterialUI.SvgIcon;
+    export default ActionAlarmOn;
 }
 
 declare module 'material-ui/svg-icons/action/view-quilt' {
-  export import ActionViewQuilt = __MaterialUI.SvgIcon;
-  export default ActionViewQuilt;
+    export import ActionViewQuilt = __MaterialUI.SvgIcon;
+    export default ActionViewQuilt;
 }
 
 declare module 'material-ui/svg-icons/action/launch' {
-  export import ActionLaunch = __MaterialUI.SvgIcon;
-  export default ActionLaunch;
+    export import ActionLaunch = __MaterialUI.SvgIcon;
+    export default ActionLaunch;
 }
 
 declare module 'material-ui/svg-icons/action/visibility' {
-  export import ActionVisibility = __MaterialUI.SvgIcon;
-  export default ActionVisibility;
+    export import ActionVisibility = __MaterialUI.SvgIcon;
+    export default ActionVisibility;
 }
 
 declare module 'material-ui/svg-icons/action/flight-land' {
-  export import ActionFlightLand = __MaterialUI.SvgIcon;
-  export default ActionFlightLand;
+    export import ActionFlightLand = __MaterialUI.SvgIcon;
+    export default ActionFlightLand;
 }
 
 declare module 'material-ui/svg-icons/action/card-travel' {
-  export import ActionCardTravel = __MaterialUI.SvgIcon;
-  export default ActionCardTravel;
+    export import ActionCardTravel = __MaterialUI.SvgIcon;
+    export default ActionCardTravel;
 }
 
 declare module 'material-ui/svg-icons/action/get-app' {
-  export import ActionGetApp = __MaterialUI.SvgIcon;
-  export default ActionGetApp;
+    export import ActionGetApp = __MaterialUI.SvgIcon;
+    export default ActionGetApp;
 }
 
 declare module 'material-ui/svg-icons/action/markunread-mailbox' {
-  export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon;
-  export default ActionMarkunreadMailbox;
+    export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon;
+    export default ActionMarkunreadMailbox;
 }
 
 declare module 'material-ui/svg-icons/action/view-agenda' {
-  export import ActionViewAgenda = __MaterialUI.SvgIcon;
-  export default ActionViewAgenda;
+    export import ActionViewAgenda = __MaterialUI.SvgIcon;
+    export default ActionViewAgenda;
 }
 
 declare module 'material-ui/svg-icons/action/timeline' {
-  export import ActionTimeline = __MaterialUI.SvgIcon;
-  export default ActionTimeline;
+    export import ActionTimeline = __MaterialUI.SvgIcon;
+    export default ActionTimeline;
 }
 
 declare module 'material-ui/svg-icons/action/settings-remote' {
-  export import ActionSettingsRemote = __MaterialUI.SvgIcon;
-  export default ActionSettingsRemote;
+    export import ActionSettingsRemote = __MaterialUI.SvgIcon;
+    export default ActionSettingsRemote;
 }
 
 declare module 'material-ui/svg-icons/action/input' {
-  export import ActionInput = __MaterialUI.SvgIcon;
-  export default ActionInput;
+    export import ActionInput = __MaterialUI.SvgIcon;
+    export default ActionInput;
 }
 
 declare module 'material-ui/svg-icons/action/record-voice-over' {
-  export import ActionRecordVoiceOver = __MaterialUI.SvgIcon;
-  export default ActionRecordVoiceOver;
+    export import ActionRecordVoiceOver = __MaterialUI.SvgIcon;
+    export default ActionRecordVoiceOver;
 }
 
 declare module 'material-ui/svg-icons/action/backup' {
-  export import ActionBackup = __MaterialUI.SvgIcon;
-  export default ActionBackup;
+    export import ActionBackup = __MaterialUI.SvgIcon;
+    export default ActionBackup;
 }
 
 declare module 'material-ui/svg-icons/action/language' {
-  export import ActionLanguage = __MaterialUI.SvgIcon;
-  export default ActionLanguage;
+    export import ActionLanguage = __MaterialUI.SvgIcon;
+    export default ActionLanguage;
 }
 
 declare module 'material-ui/svg-icons/action/play-for-work' {
-  export import ActionPlayForWork = __MaterialUI.SvgIcon;
-  export default ActionPlayForWork;
+    export import ActionPlayForWork = __MaterialUI.SvgIcon;
+    export default ActionPlayForWork;
 }
 
 declare module 'material-ui/svg-icons/action/gif' {
-  export import ActionGif = __MaterialUI.SvgIcon;
-  export default ActionGif;
+    export import ActionGif = __MaterialUI.SvgIcon;
+    export default ActionGif;
 }
 
 declare module 'material-ui/svg-icons/action/theaters' {
-  export import ActionTheaters = __MaterialUI.SvgIcon;
-  export default ActionTheaters;
+    export import ActionTheaters = __MaterialUI.SvgIcon;
+    export default ActionTheaters;
 }
 
 declare module 'material-ui/svg-icons/action/offline-pin' {
-  export import ActionOfflinePin = __MaterialUI.SvgIcon;
-  export default ActionOfflinePin;
+    export import ActionOfflinePin = __MaterialUI.SvgIcon;
+    export default ActionOfflinePin;
 }
 
 declare module 'material-ui/svg-icons/action/assignment-return' {
-  export import ActionAssignmentReturn = __MaterialUI.SvgIcon;
-  export default ActionAssignmentReturn;
+    export import ActionAssignmentReturn = __MaterialUI.SvgIcon;
+    export default ActionAssignmentReturn;
 }
 
 declare module 'material-ui/svg-icons/action/print' {
-  export import ActionPrint = __MaterialUI.SvgIcon;
-  export default ActionPrint;
+    export import ActionPrint = __MaterialUI.SvgIcon;
+    export default ActionPrint;
 }
 
 declare module 'material-ui/svg-icons/action/settings-overscan' {
-  export import ActionSettingsOverscan = __MaterialUI.SvgIcon;
-  export default ActionSettingsOverscan;
+    export import ActionSettingsOverscan = __MaterialUI.SvgIcon;
+    export default ActionSettingsOverscan;
 }
 
 declare module 'material-ui/svg-icons/action/store' {
-  export import ActionStore = __MaterialUI.SvgIcon;
-  export default ActionStore;
+    export import ActionStore = __MaterialUI.SvgIcon;
+    export default ActionStore;
 }
 
 declare module 'material-ui/svg-icons/action/exit-to-app' {
-  export import ActionExitToApp = __MaterialUI.SvgIcon;
-  export default ActionExitToApp;
+    export import ActionExitToApp = __MaterialUI.SvgIcon;
+    export default ActionExitToApp;
 }
 
 declare module 'material-ui/svg-icons/action/account-balance' {
-  export import ActionAccountBalance = __MaterialUI.SvgIcon;
-  export default ActionAccountBalance;
+    export import ActionAccountBalance = __MaterialUI.SvgIcon;
+    export default ActionAccountBalance;
 }
 
 declare module 'material-ui/svg-icons/action/grade' {
-  export import ActionGrade = __MaterialUI.SvgIcon;
-  export default ActionGrade;
+    export import ActionGrade = __MaterialUI.SvgIcon;
+    export default ActionGrade;
 }
 
 declare module 'material-ui/svg-icons/action/picture-in-picture' {
-  export import ActionPictureInPicture = __MaterialUI.SvgIcon;
-  export default ActionPictureInPicture;
+    export import ActionPictureInPicture = __MaterialUI.SvgIcon;
+    export default ActionPictureInPicture;
 }
 
 declare module 'material-ui/svg-icons/action/copyright' {
-  export import ActionCopyright = __MaterialUI.SvgIcon;
-  export default ActionCopyright;
+    export import ActionCopyright = __MaterialUI.SvgIcon;
+    export default ActionCopyright;
 }
 
 declare module 'material-ui/svg-icons/action/donut-large' {
-  export import ActionDonutLarge = __MaterialUI.SvgIcon;
-  export default ActionDonutLarge;
+    export import ActionDonutLarge = __MaterialUI.SvgIcon;
+    export default ActionDonutLarge;
 }
 
 declare module 'material-ui/svg-icons/action/lock-open' {
-  export import ActionLockOpen = __MaterialUI.SvgIcon;
-  export default ActionLockOpen;
+    export import ActionLockOpen = __MaterialUI.SvgIcon;
+    export default ActionLockOpen;
 }
 
 declare module 'material-ui/svg-icons/action/perm-media' {
-  export import ActionPermMedia = __MaterialUI.SvgIcon;
-  export default ActionPermMedia;
+    export import ActionPermMedia = __MaterialUI.SvgIcon;
+    export default ActionPermMedia;
 }
 
 declare module 'material-ui/svg-icons/action/all-out' {
-  export import ActionAllOut = __MaterialUI.SvgIcon;
-  export default ActionAllOut;
+    export import ActionAllOut = __MaterialUI.SvgIcon;
+    export default ActionAllOut;
 }
 
 declare module 'material-ui/svg-icons/action/check-circle' {
-  export import ActionCheckCircle = __MaterialUI.SvgIcon;
-  export default ActionCheckCircle;
+    export import ActionCheckCircle = __MaterialUI.SvgIcon;
+    export default ActionCheckCircle;
 }
 
 declare module 'material-ui/svg-icons/action/swap-vertical-circle' {
-  export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon;
-  export default ActionSwapVerticalCircle;
+    export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon;
+    export default ActionSwapVerticalCircle;
 }
 
 declare module 'material-ui/svg-icons/action/settings-input-svideo' {
-  export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputSvideo;
+    export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon;
+    export default ActionSettingsInputSvideo;
 }
 
 declare module 'material-ui/svg-icons/action/watch-later' {
-  export import ActionWatchLater = __MaterialUI.SvgIcon;
-  export default ActionWatchLater;
+    export import ActionWatchLater = __MaterialUI.SvgIcon;
+    export default ActionWatchLater;
 }
 
 declare module 'material-ui/svg-icons/action/question-answer' {
-  export import ActionQuestionAnswer = __MaterialUI.SvgIcon;
-  export default ActionQuestionAnswer;
+    export import ActionQuestionAnswer = __MaterialUI.SvgIcon;
+    export default ActionQuestionAnswer;
 }
 
 declare module 'material-ui/svg-icons/action/assignment-ind' {
-  export import ActionAssignmentInd = __MaterialUI.SvgIcon;
-  export default ActionAssignmentInd;
+    export import ActionAssignmentInd = __MaterialUI.SvgIcon;
+    export default ActionAssignmentInd;
 }
 
 declare module 'material-ui/svg-icons/action/code' {
-  export import ActionCode = __MaterialUI.SvgIcon;
-  export default ActionCode;
+    export import ActionCode = __MaterialUI.SvgIcon;
+    export default ActionCode;
 }
 
 declare module 'material-ui/svg-icons/action/turned-in-not' {
-  export import ActionTurnedInNot = __MaterialUI.SvgIcon;
-  export default ActionTurnedInNot;
+    export import ActionTurnedInNot = __MaterialUI.SvgIcon;
+    export default ActionTurnedInNot;
 }
 
 declare module 'material-ui/svg-icons/action/line-weight' {
-  export import ActionLineWeight = __MaterialUI.SvgIcon;
-  export default ActionLineWeight;
+    export import ActionLineWeight = __MaterialUI.SvgIcon;
+    export default ActionLineWeight;
 }
 
 declare module 'material-ui/svg-icons/action/restore' {
-  export import ActionRestore = __MaterialUI.SvgIcon;
-  export default ActionRestore;
+    export import ActionRestore = __MaterialUI.SvgIcon;
+    export default ActionRestore;
 }
 
 declare module 'material-ui/svg-icons/action/tab' {
-  export import ActionTab = __MaterialUI.SvgIcon;
-  export default ActionTab;
+    export import ActionTab = __MaterialUI.SvgIcon;
+    export default ActionTab;
 }
 
 declare module 'material-ui/svg-icons/action/open-in-new' {
-  export import ActionOpenInNew = __MaterialUI.SvgIcon;
-  export default ActionOpenInNew;
+    export import ActionOpenInNew = __MaterialUI.SvgIcon;
+    export default ActionOpenInNew;
 }
 
 declare module 'material-ui/svg-icons/action/turned-in' {
-  export import ActionTurnedIn = __MaterialUI.SvgIcon;
-  export default ActionTurnedIn;
+    export import ActionTurnedIn = __MaterialUI.SvgIcon;
+    export default ActionTurnedIn;
 }
 
 declare module 'material-ui/svg-icons/action/settings-input-hdmi' {
-  export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputHdmi;
+    export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon;
+    export default ActionSettingsInputHdmi;
 }
 
 declare module 'material-ui/svg-icons/action/favorite-border' {
-  export import ActionFavoriteBorder = __MaterialUI.SvgIcon;
-  export default ActionFavoriteBorder;
+    export import ActionFavoriteBorder = __MaterialUI.SvgIcon;
+    export default ActionFavoriteBorder;
 }
 
 declare module 'material-ui/svg-icons/action/done' {
-  export import ActionDone = __MaterialUI.SvgIcon;
-  export default ActionDone;
+    export import ActionDone = __MaterialUI.SvgIcon;
+    export default ActionDone;
 }
 
 declare module 'material-ui/svg-icons/action/payment' {
-  export import ActionPayment = __MaterialUI.SvgIcon;
-  export default ActionPayment;
+    export import ActionPayment = __MaterialUI.SvgIcon;
+    export default ActionPayment;
 }
 
 declare module 'material-ui/svg-icons/action/announcement' {
-  export import ActionAnnouncement = __MaterialUI.SvgIcon;
-  export default ActionAnnouncement;
+    export import ActionAnnouncement = __MaterialUI.SvgIcon;
+    export default ActionAnnouncement;
 }
 
 declare module 'material-ui/svg-icons/action/find-in-page' {
-  export import ActionFindInPage = __MaterialUI.SvgIcon;
-  export default ActionFindInPage;
+    export import ActionFindInPage = __MaterialUI.SvgIcon;
+    export default ActionFindInPage;
 }
 
 declare module 'material-ui/svg-icons/action/thumbs-up-down' {
-  export import ActionThumbsUpDown = __MaterialUI.SvgIcon;
-  export default ActionThumbsUpDown;
+    export import ActionThumbsUpDown = __MaterialUI.SvgIcon;
+    export default ActionThumbsUpDown;
 }
 
 declare module 'material-ui/svg-icons/action/explore' {
-  export import ActionExplore = __MaterialUI.SvgIcon;
-  export default ActionExplore;
+    export import ActionExplore = __MaterialUI.SvgIcon;
+    export default ActionExplore;
 }
 
 declare module 'material-ui/svg-icons/action/today' {
-  export import ActionToday = __MaterialUI.SvgIcon;
-  export default ActionToday;
+    export import ActionToday = __MaterialUI.SvgIcon;
+    export default ActionToday;
 }
 
 declare module 'material-ui/svg-icons/action/settings-power' {
-  export import ActionSettingsPower = __MaterialUI.SvgIcon;
-  export default ActionSettingsPower;
+    export import ActionSettingsPower = __MaterialUI.SvgIcon;
+    export default ActionSettingsPower;
 }
 
 declare module 'material-ui/svg-icons/action/gavel' {
-  export import ActionGavel = __MaterialUI.SvgIcon;
-  export default ActionGavel;
+    export import ActionGavel = __MaterialUI.SvgIcon;
+    export default ActionGavel;
 }
 
 declare module 'material-ui/svg-icons/action/build' {
-  export import ActionBuild = __MaterialUI.SvgIcon;
-  export default ActionBuild;
+    export import ActionBuild = __MaterialUI.SvgIcon;
+    export default ActionBuild;
 }
 
 declare module 'material-ui/svg-icons/action/rowing' {
-  export import ActionRowing = __MaterialUI.SvgIcon;
-  export default ActionRowing;
+    export import ActionRowing = __MaterialUI.SvgIcon;
+    export default ActionRowing;
 }
 
 declare module 'material-ui/svg-icons/action/label' {
-  export import ActionLabel = __MaterialUI.SvgIcon;
-  export default ActionLabel;
+    export import ActionLabel = __MaterialUI.SvgIcon;
+    export default ActionLabel;
 }
 
 declare module 'material-ui/svg-icons/action/card-giftcard' {
-  export import ActionCardGiftcard = __MaterialUI.SvgIcon;
-  export default ActionCardGiftcard;
+    export import ActionCardGiftcard = __MaterialUI.SvgIcon;
+    export default ActionCardGiftcard;
 }
 
 declare module 'material-ui/svg-icons/action/thumb-up' {
-  export import ActionThumbUp = __MaterialUI.SvgIcon;
-  export default ActionThumbUp;
+    export import ActionThumbUp = __MaterialUI.SvgIcon;
+    export default ActionThumbUp;
 }
 
 declare module 'material-ui/svg-icons/action/shopping-basket' {
-  export import ActionShoppingBasket = __MaterialUI.SvgIcon;
-  export default ActionShoppingBasket;
+    export import ActionShoppingBasket = __MaterialUI.SvgIcon;
+    export default ActionShoppingBasket;
 }
 
 declare module 'material-ui/svg-icons/action/swap-horiz' {
-  export import ActionSwapHoriz = __MaterialUI.SvgIcon;
-  export default ActionSwapHoriz;
+    export import ActionSwapHoriz = __MaterialUI.SvgIcon;
+    export default ActionSwapHoriz;
 }
 
 declare module 'material-ui/svg-icons/action/help-outline' {
-  export import ActionHelpOutline = __MaterialUI.SvgIcon;
-  export default ActionHelpOutline;
+    export import ActionHelpOutline = __MaterialUI.SvgIcon;
+    export default ActionHelpOutline;
 }
 
 declare module 'material-ui/svg-icons/action/pregnant-woman' {
-  export import ActionPregnantWoman = __MaterialUI.SvgIcon;
-  export default ActionPregnantWoman;
+    export import ActionPregnantWoman = __MaterialUI.SvgIcon;
+    export default ActionPregnantWoman;
 }
 
 declare module 'material-ui/svg-icons/action/help' {
-  export import ActionHelp = __MaterialUI.SvgIcon;
-  export default ActionHelp;
+    export import ActionHelp = __MaterialUI.SvgIcon;
+    export default ActionHelp;
 }
 
 declare module 'material-ui/svg-icons/action/settings-input-antenna' {
-  export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputAntenna;
+    export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon;
+    export default ActionSettingsInputAntenna;
 }
 
 declare module 'material-ui/svg-icons/action/find-replace' {
-  export import ActionFindReplace = __MaterialUI.SvgIcon;
-  export default ActionFindReplace;
+    export import ActionFindReplace = __MaterialUI.SvgIcon;
+    export default ActionFindReplace;
 }
 
 declare module 'material-ui/svg-icons/action/shop' {
-  export import ActionShop = __MaterialUI.SvgIcon;
-  export default ActionShop;
+    export import ActionShop = __MaterialUI.SvgIcon;
+    export default ActionShop;
 }
 
 declare module 'material-ui/svg-icons/action/change-history' {
-  export import ActionChangeHistory = __MaterialUI.SvgIcon;
-  export default ActionChangeHistory;
+    export import ActionChangeHistory = __MaterialUI.SvgIcon;
+    export default ActionChangeHistory;
 }
 
 declare module 'material-ui/svg-icons/action/info' {
-  export import ActionInfo = __MaterialUI.SvgIcon;
-  export default ActionInfo;
+    export import ActionInfo = __MaterialUI.SvgIcon;
+    export default ActionInfo;
 }
 
 declare module 'material-ui/svg-icons/action/trending-down' {
-  export import ActionTrendingDown = __MaterialUI.SvgIcon;
-  export default ActionTrendingDown;
+    export import ActionTrendingDown = __MaterialUI.SvgIcon;
+    export default ActionTrendingDown;
 }
 
 declare module 'material-ui/svg-icons/action/flight-takeoff' {
-  export import ActionFlightTakeoff = __MaterialUI.SvgIcon;
-  export default ActionFlightTakeoff;
+    export import ActionFlightTakeoff = __MaterialUI.SvgIcon;
+    export default ActionFlightTakeoff;
 }
 
 declare module 'material-ui/svg-icons/action/alarm' {
-  export import ActionAlarm = __MaterialUI.SvgIcon;
-  export default ActionAlarm;
+    export import ActionAlarm = __MaterialUI.SvgIcon;
+    export default ActionAlarm;
 }
 
 declare module 'material-ui/svg-icons/action/spellcheck' {
-  export import ActionSpellcheck = __MaterialUI.SvgIcon;
-  export default ActionSpellcheck;
+    export import ActionSpellcheck = __MaterialUI.SvgIcon;
+    export default ActionSpellcheck;
 }
 
 declare module 'material-ui/svg-icons/action/settings-input-component' {
-  export import ActionSettingsInputComponent = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputComponent;
+    export import ActionSettingsInputComponent = __MaterialUI.SvgIcon;
+    export default ActionSettingsInputComponent;
 }
 
 declare module 'material-ui/svg-icons/action/settings-applications' {
-  export import ActionSettingsApplications = __MaterialUI.SvgIcon;
-  export default ActionSettingsApplications;
+    export import ActionSettingsApplications = __MaterialUI.SvgIcon;
+    export default ActionSettingsApplications;
 }
 
 declare module 'material-ui/svg-icons/action/room' {
-  export import ActionRoom = __MaterialUI.SvgIcon;
-  export default ActionRoom;
+    export import ActionRoom = __MaterialUI.SvgIcon;
+    export default ActionRoom;
 }
 
 declare module 'material-ui/svg-icons/action/book' {
-  export import ActionBook = __MaterialUI.SvgIcon;
-  export default ActionBook;
+    export import ActionBook = __MaterialUI.SvgIcon;
+    export default ActionBook;
 }
 
 declare module 'material-ui/svg-icons/action/class' {
-  export import ActionClass = __MaterialUI.SvgIcon;
-  export default ActionClass;
+    export import ActionClass = __MaterialUI.SvgIcon;
+    export default ActionClass;
 }
 
 declare module 'material-ui/svg-icons/action/group-work' {
-  export import ActionGroupWork = __MaterialUI.SvgIcon;
-  export default ActionGroupWork;
+    export import ActionGroupWork = __MaterialUI.SvgIcon;
+    export default ActionGroupWork;
 }
 
 declare module 'material-ui/svg-icons/action/hourglass-full' {
-  export import ActionHourglassFull = __MaterialUI.SvgIcon;
-  export default ActionHourglassFull;
+    export import ActionHourglassFull = __MaterialUI.SvgIcon;
+    export default ActionHourglassFull;
 }
 
 declare module 'material-ui/svg-icons/action/assessment' {
-  export import ActionAssessment = __MaterialUI.SvgIcon;
-  export default ActionAssessment;
+    export import ActionAssessment = __MaterialUI.SvgIcon;
+    export default ActionAssessment;
 }
 
 declare module 'material-ui/svg-icons/action/youtube-searched-for' {
-  export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon;
-  export default ActionYoutubeSearchedFor;
+    export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon;
+    export default ActionYoutubeSearchedFor;
 }
 
 declare module 'material-ui/svg-icons/action/eject' {
-  export import ActionEject = __MaterialUI.SvgIcon;
-  export default ActionEject;
+    export import ActionEject = __MaterialUI.SvgIcon;
+    export default ActionEject;
 }
 
 declare module 'material-ui/svg-icons/action/trending-up' {
-  export import ActionTrendingUp = __MaterialUI.SvgIcon;
-  export default ActionTrendingUp;
+    export import ActionTrendingUp = __MaterialUI.SvgIcon;
+    export default ActionTrendingUp;
 }
 
 declare module 'material-ui/svg-icons/action/http' {
-  export import ActionHttp = __MaterialUI.SvgIcon;
-  export default ActionHttp;
+    export import ActionHttp = __MaterialUI.SvgIcon;
+    export default ActionHttp;
 }
 
 declare module 'material-ui/svg-icons/action/stars' {
-  export import ActionStars = __MaterialUI.SvgIcon;
-  export default ActionStars;
+    export import ActionStars = __MaterialUI.SvgIcon;
+    export default ActionStars;
 }
 
 declare module 'material-ui/svg-icons/action/autorenew' {
-  export import ActionAutorenew = __MaterialUI.SvgIcon;
-  export default ActionAutorenew;
+    export import ActionAutorenew = __MaterialUI.SvgIcon;
+    export default ActionAutorenew;
 }
 
 declare module 'material-ui/svg-icons/action/settings-ethernet' {
-  export import ActionSettingsEthernet = __MaterialUI.SvgIcon;
-  export default ActionSettingsEthernet;
+    export import ActionSettingsEthernet = __MaterialUI.SvgIcon;
+    export default ActionSettingsEthernet;
 }
 
 declare module 'material-ui/svg-icons/action/label-outline' {
-  export import ActionLabelOutline = __MaterialUI.SvgIcon;
-  export default ActionLabelOutline;
+    export import ActionLabelOutline = __MaterialUI.SvgIcon;
+    export default ActionLabelOutline;
 }
 
 declare module 'material-ui/svg-icons/action/settings-phone' {
-  export import ActionSettingsPhone = __MaterialUI.SvgIcon;
-  export default ActionSettingsPhone;
+    export import ActionSettingsPhone = __MaterialUI.SvgIcon;
+    export default ActionSettingsPhone;
 }
 
 declare module 'material-ui/svg-icons/action/info-outline' {
-  export import ActionInfoOutline = __MaterialUI.SvgIcon;
-  export default ActionInfoOutline;
+    export import ActionInfoOutline = __MaterialUI.SvgIcon;
+    export default ActionInfoOutline;
 }
 
 declare module 'material-ui/svg-icons/action/lock-outline' {
-  export import ActionLockOutline = __MaterialUI.SvgIcon;
-  export default ActionLockOutline;
+    export import ActionLockOutline = __MaterialUI.SvgIcon;
+    export default ActionLockOutline;
 }
 
 declare module 'material-ui/svg-icons/action/settings-input-composite' {
-  export import ActionSettingsInputComposite = __MaterialUI.SvgIcon;
-  export default ActionSettingsInputComposite;
+    export import ActionSettingsInputComposite = __MaterialUI.SvgIcon;
+    export default ActionSettingsInputComposite;
 }
 
 declare module 'material-ui/svg-icons/action/invert-colors' {
-  export import ActionInvertColors = __MaterialUI.SvgIcon;
-  export default ActionInvertColors;
+    export import ActionInvertColors = __MaterialUI.SvgIcon;
+    export default ActionInvertColors;
 }
 
 declare module 'material-ui/svg-icons/action/bookmark' {
-  export import ActionBookmark = __MaterialUI.SvgIcon;
-  export default ActionBookmark;
+    export import ActionBookmark = __MaterialUI.SvgIcon;
+    export default ActionBookmark;
 }
 
 declare module 'material-ui/svg-icons/action/add-shopping-cart' {
-  export import ActionAddShoppingCart = __MaterialUI.SvgIcon;
-  export default ActionAddShoppingCart;
+    export import ActionAddShoppingCart = __MaterialUI.SvgIcon;
+    export default ActionAddShoppingCart;
 }
 
 declare module 'material-ui/svg-icons/action/bug-report' {
-  export import ActionBugReport = __MaterialUI.SvgIcon;
-  export default ActionBugReport;
+    export import ActionBugReport = __MaterialUI.SvgIcon;
+    export default ActionBugReport;
 }
 
 declare module 'material-ui/svg-icons/action/cached' {
-  export import ActionCached = __MaterialUI.SvgIcon;
-  export default ActionCached;
+    export import ActionCached = __MaterialUI.SvgIcon;
+    export default ActionCached;
 }
 
 declare module 'material-ui/svg-icons/action/view-day' {
-  export import ActionViewDay = __MaterialUI.SvgIcon;
-  export default ActionViewDay;
+    export import ActionViewDay = __MaterialUI.SvgIcon;
+    export default ActionViewDay;
 }
 
 declare module 'material-ui/svg-icons/action/fingerprint' {
-  export import ActionFingerprint = __MaterialUI.SvgIcon;
-  export default ActionFingerprint;
+    export import ActionFingerprint = __MaterialUI.SvgIcon;
+    export default ActionFingerprint;
 }
 
 declare module 'material-ui/svg-icons/action/accessibility' {
-  export import ActionAccessibility = __MaterialUI.SvgIcon;
-  export default ActionAccessibility;
+    export import ActionAccessibility = __MaterialUI.SvgIcon;
+    export default ActionAccessibility;
 }
 
 declare module 'material-ui/svg-icons/action/perm-data-setting' {
-  export import ActionPermDataSetting = __MaterialUI.SvgIcon;
-  export default ActionPermDataSetting;
+    export import ActionPermDataSetting = __MaterialUI.SvgIcon;
+    export default ActionPermDataSetting;
 }
 
 declare module 'material-ui/svg-icons/action/settings-backup-restore' {
-  export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon;
-  export default ActionSettingsBackupRestore;
+    export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon;
+    export default ActionSettingsBackupRestore;
 }
 
 declare module 'material-ui/svg-icons/action/zoom-in' {
-  export import ActionZoomIn = __MaterialUI.SvgIcon;
-  export default ActionZoomIn;
+    export import ActionZoomIn = __MaterialUI.SvgIcon;
+    export default ActionZoomIn;
 }
 
 declare module 'material-ui/svg-icons/action/perm-identity' {
-  export import ActionPermIdentity = __MaterialUI.SvgIcon;
-  export default ActionPermIdentity;
+    export import ActionPermIdentity = __MaterialUI.SvgIcon;
+    export default ActionPermIdentity;
 }
 
 declare module 'material-ui/svg-icons/action/favorite' {
-  export import ActionFavorite = __MaterialUI.SvgIcon;
-  export default ActionFavorite;
+    export import ActionFavorite = __MaterialUI.SvgIcon;
+    export default ActionFavorite;
 }
 
 declare module 'material-ui/svg-icons/action/thumb-down' {
-  export import ActionThumbDown = __MaterialUI.SvgIcon;
-  export default ActionThumbDown;
+    export import ActionThumbDown = __MaterialUI.SvgIcon;
+    export default ActionThumbDown;
 }
 
 declare module 'material-ui/svg-icons/action/assignment-returned' {
-  export import ActionAssignmentReturned = __MaterialUI.SvgIcon;
-  export default ActionAssignmentReturned;
+    export import ActionAssignmentReturned = __MaterialUI.SvgIcon;
+    export default ActionAssignmentReturned;
 }
 
 declare module 'material-ui/svg-icons/action/account-box' {
-  export import ActionAccountBox = __MaterialUI.SvgIcon;
-  export default ActionAccountBox;
+    export import ActionAccountBox = __MaterialUI.SvgIcon;
+    export default ActionAccountBox;
 }
 
 declare module 'material-ui/svg-icons/action/extension' {
-  export import ActionExtension = __MaterialUI.SvgIcon;
-  export default ActionExtension;
+    export import ActionExtension = __MaterialUI.SvgIcon;
+    export default ActionExtension;
 }
 
 declare module 'material-ui/svg-icons/action/pageview' {
-  export import ActionPageview = __MaterialUI.SvgIcon;
-  export default ActionPageview;
+    export import ActionPageview = __MaterialUI.SvgIcon;
+    export default ActionPageview;
 }
 
 declare module 'material-ui/svg-icons/action/https' {
-  export import ActionHttps = __MaterialUI.SvgIcon;
-  export default ActionHttps;
+    export import ActionHttps = __MaterialUI.SvgIcon;
+    export default ActionHttps;
 }
 
 declare module 'material-ui/svg-icons/action/translate' {
-  export import ActionTranslate = __MaterialUI.SvgIcon;
-  export default ActionTranslate;
+    export import ActionTranslate = __MaterialUI.SvgIcon;
+    export default ActionTranslate;
 }
 
 declare module 'material-ui/svg-icons/action/three-d-rotation' {
-  export import ActionThreeDRotation = __MaterialUI.SvgIcon;
-  export default ActionThreeDRotation;
+    export import ActionThreeDRotation = __MaterialUI.SvgIcon;
+    export default ActionThreeDRotation;
 }
 
 declare module 'material-ui/svg-icons/action/tab-unselected' {
-  export import ActionTabUnselected = __MaterialUI.SvgIcon;
-  export default ActionTabUnselected;
+    export import ActionTabUnselected = __MaterialUI.SvgIcon;
+    export default ActionTabUnselected;
 }
 
 declare module 'material-ui/svg-icons/action/description' {
-  export import ActionDescription = __MaterialUI.SvgIcon;
-  export default ActionDescription;
+    export import ActionDescription = __MaterialUI.SvgIcon;
+    export default ActionDescription;
 }
 
 declare module 'material-ui/svg-icons/action/note-add' {
-  export import ActionNoteAdd = __MaterialUI.SvgIcon;
-  export default ActionNoteAdd;
+    export import ActionNoteAdd = __MaterialUI.SvgIcon;
+    export default ActionNoteAdd;
 }
 
 declare module 'material-ui/svg-icons/action/perm-scan-wifi' {
-  export import ActionPermScanWifi = __MaterialUI.SvgIcon;
-  export default ActionPermScanWifi;
+    export import ActionPermScanWifi = __MaterialUI.SvgIcon;
+    export default ActionPermScanWifi;
 }
 
 declare module 'material-ui/svg-icons/action/pets' {
-  export import ActionPets = __MaterialUI.SvgIcon;
-  export default ActionPets;
+    export import ActionPets = __MaterialUI.SvgIcon;
+    export default ActionPets;
 }
 
 declare module 'material-ui/svg-icons/action/view-array' {
-  export import ActionViewArray = __MaterialUI.SvgIcon;
-  export default ActionViewArray;
+    export import ActionViewArray = __MaterialUI.SvgIcon;
+    export default ActionViewArray;
 }
 
 declare module 'material-ui/svg-icons/action/shop-two' {
-  export import ActionShopTwo = __MaterialUI.SvgIcon;
-  export default ActionShopTwo;
+    export import ActionShopTwo = __MaterialUI.SvgIcon;
+    export default ActionShopTwo;
 }
 
 declare module 'material-ui/svg-icons/action/line-style' {
-  export import ActionLineStyle = __MaterialUI.SvgIcon;
-  export default ActionLineStyle;
+    export import ActionLineStyle = __MaterialUI.SvgIcon;
+    export default ActionLineStyle;
 }
 
 declare module 'material-ui/svg-icons/action/lightbulb-outline' {
-  export import ActionLightbulbOutline = __MaterialUI.SvgIcon;
-  export default ActionLightbulbOutline;
+    export import ActionLightbulbOutline = __MaterialUI.SvgIcon;
+    export default ActionLightbulbOutline;
 }
 
 declare module 'material-ui/svg-icons/action/report-problem' {
-  export import ActionReportProblem = __MaterialUI.SvgIcon;
-  export default ActionReportProblem;
+    export import ActionReportProblem = __MaterialUI.SvgIcon;
+    export default ActionReportProblem;
 }
 
 declare module 'material-ui/svg-icons/action/swap-vert' {
-  export import ActionSwapVert = __MaterialUI.SvgIcon;
-  export default ActionSwapVert;
+    export import ActionSwapVert = __MaterialUI.SvgIcon;
+    export default ActionSwapVert;
 }
 
 declare module 'material-ui/svg-icons/action/list' {
-  export import ActionList = __MaterialUI.SvgIcon;
-  export default ActionList;
+    export import ActionList = __MaterialUI.SvgIcon;
+    export default ActionList;
 }
 
 declare module 'material-ui/svg-icons/action/settings-voice' {
-  export import ActionSettingsVoice = __MaterialUI.SvgIcon;
-  export default ActionSettingsVoice;
+    export import ActionSettingsVoice = __MaterialUI.SvgIcon;
+    export default ActionSettingsVoice;
 }
 
 declare module 'material-ui/svg-icons/action/view-list' {
-  export import ActionViewList = __MaterialUI.SvgIcon;
-  export default ActionViewList;
+    export import ActionViewList = __MaterialUI.SvgIcon;
+    export default ActionViewList;
 }
 
 declare module 'material-ui/svg-icons/action/pan-tool' {
-  export import ActionPanTool = __MaterialUI.SvgIcon;
-  export default ActionPanTool;
+    export import ActionPanTool = __MaterialUI.SvgIcon;
+    export default ActionPanTool;
 }
 
 declare module 'material-ui/svg-icons/action/important-devices' {
-  export import ActionImportantDevices = __MaterialUI.SvgIcon;
-  export default ActionImportantDevices;
+    export import ActionImportantDevices = __MaterialUI.SvgIcon;
+    export default ActionImportantDevices;
 }
 
 declare module 'material-ui/svg-icons/action/redeem' {
-  export import ActionRedeem = __MaterialUI.SvgIcon;
-  export default ActionRedeem;
+    export import ActionRedeem = __MaterialUI.SvgIcon;
+    export default ActionRedeem;
 }
 
 declare module 'material-ui/svg-icons/action/flip-to-front' {
-  export import ActionFlipToFront = __MaterialUI.SvgIcon;
-  export default ActionFlipToFront;
+    export import ActionFlipToFront = __MaterialUI.SvgIcon;
+    export default ActionFlipToFront;
 }
 
 declare module 'material-ui/svg-icons/action/android' {
-  export import ActionAndroid = __MaterialUI.SvgIcon;
-  export default ActionAndroid;
+    export import ActionAndroid = __MaterialUI.SvgIcon;
+    export default ActionAndroid;
 }
 
 declare module 'material-ui/svg-icons/action/account-circle' {
-  export import ActionAccountCircle = __MaterialUI.SvgIcon;
-  export default ActionAccountCircle;
+    export import ActionAccountCircle = __MaterialUI.SvgIcon;
+    export default ActionAccountCircle;
 }
 
 declare module 'material-ui/svg-icons/action/event-seat' {
-  export import ActionEventSeat = __MaterialUI.SvgIcon;
-  export default ActionEventSeat;
+    export import ActionEventSeat = __MaterialUI.SvgIcon;
+    export default ActionEventSeat;
 }
 
 declare module 'material-ui/svg-icons/action/perm-contact-calendar' {
-  export import ActionPermContactCalendar = __MaterialUI.SvgIcon;
-  export default ActionPermContactCalendar;
+    export import ActionPermContactCalendar = __MaterialUI.SvgIcon;
+    export default ActionPermContactCalendar;
 }
 
 declare module 'material-ui/svg-icons/action/perm-phone-msg' {
-  export import ActionPermPhoneMsg = __MaterialUI.SvgIcon;
-  export default ActionPermPhoneMsg;
+    export import ActionPermPhoneMsg = __MaterialUI.SvgIcon;
+    export default ActionPermPhoneMsg;
 }
 
 declare module 'material-ui/svg-icons/action/delete' {
-  export import ActionDelete = __MaterialUI.SvgIcon;
-  export default ActionDelete;
+    export import ActionDelete = __MaterialUI.SvgIcon;
+    export default ActionDelete;
 }
 
 declare module 'material-ui/svg-icons/action/card-membership' {
-  export import ActionCardMembership = __MaterialUI.SvgIcon;
-  export default ActionCardMembership;
+    export import ActionCardMembership = __MaterialUI.SvgIcon;
+    export default ActionCardMembership;
 }
 
 declare module 'material-ui/svg-icons/action/hourglass-empty' {
-  export import ActionHourglassEmpty = __MaterialUI.SvgIcon;
-  export default ActionHourglassEmpty;
+    export import ActionHourglassEmpty = __MaterialUI.SvgIcon;
+    export default ActionHourglassEmpty;
 }
 
 declare module 'material-ui/svg-icons/action/schedule' {
-  export import ActionSchedule = __MaterialUI.SvgIcon;
-  export default ActionSchedule;
+    export import ActionSchedule = __MaterialUI.SvgIcon;
+    export default ActionSchedule;
 }
 
 declare module 'material-ui/svg-icons/action/trending-flat' {
-  export import ActionTrendingFlat = __MaterialUI.SvgIcon;
-  export default ActionTrendingFlat;
+    export import ActionTrendingFlat = __MaterialUI.SvgIcon;
+    export default ActionTrendingFlat;
 }
 
 declare module 'material-ui/svg-icons/action/motorcycle' {
-  export import ActionMotorcycle = __MaterialUI.SvgIcon;
-  export default ActionMotorcycle;
+    export import ActionMotorcycle = __MaterialUI.SvgIcon;
+    export default ActionMotorcycle;
 }
 
 declare module 'material-ui/svg-icons/action/view-column' {
-  export import ActionViewColumn = __MaterialUI.SvgIcon;
-  export default ActionViewColumn;
+    export import ActionViewColumn = __MaterialUI.SvgIcon;
+    export default ActionViewColumn;
 }
 
 declare module 'material-ui/svg-icons/action/settings-cell' {
-  export import ActionSettingsCell = __MaterialUI.SvgIcon;
-  export default ActionSettingsCell;
+    export import ActionSettingsCell = __MaterialUI.SvgIcon;
+    export default ActionSettingsCell;
 }
 
 declare module 'material-ui/svg-icons/action/credit-card' {
-  export import ActionCreditCard = __MaterialUI.SvgIcon;
-  export default ActionCreditCard;
+    export import ActionCreditCard = __MaterialUI.SvgIcon;
+    export default ActionCreditCard;
 }
 
 declare module 'material-ui/svg-icons/action/view-module' {
-  export import ActionViewModule = __MaterialUI.SvgIcon;
-  export default ActionViewModule;
+    export import ActionViewModule = __MaterialUI.SvgIcon;
+    export default ActionViewModule;
 }
 
 declare module 'material-ui/svg-icons/action/compare-arrows' {
-  export import ActionCompareArrows = __MaterialUI.SvgIcon;
-  export default ActionCompareArrows;
+    export import ActionCompareArrows = __MaterialUI.SvgIcon;
+    export default ActionCompareArrows;
 }
 
 declare module 'material-ui/svg-icons/action/speaker-notes' {
-  export import ActionSpeakerNotes = __MaterialUI.SvgIcon;
-  export default ActionSpeakerNotes;
+    export import ActionSpeakerNotes = __MaterialUI.SvgIcon;
+    export default ActionSpeakerNotes;
 }
 
 declare module 'material-ui/svg-icons/social/person' {
-  export import SocialPerson = __MaterialUI.SvgIcon;
-  export default SocialPerson;
+    export import SocialPerson = __MaterialUI.SvgIcon;
+    export default SocialPerson;
 }
 
 declare module 'material-ui/svg-icons/social/notifications-none' {
-  export import SocialNotificationsNone = __MaterialUI.SvgIcon;
-  export default SocialNotificationsNone;
+    export import SocialNotificationsNone = __MaterialUI.SvgIcon;
+    export default SocialNotificationsNone;
 }
 
 declare module 'material-ui/svg-icons/social/domain' {
-  export import SocialDomain = __MaterialUI.SvgIcon;
-  export default SocialDomain;
+    export import SocialDomain = __MaterialUI.SvgIcon;
+    export default SocialDomain;
 }
 
 declare module 'material-ui/svg-icons/social/notifications-paused' {
-  export import SocialNotificationsPaused = __MaterialUI.SvgIcon;
-  export default SocialNotificationsPaused;
+    export import SocialNotificationsPaused = __MaterialUI.SvgIcon;
+    export default SocialNotificationsPaused;
 }
 
 declare module 'material-ui/svg-icons/social/person-outline' {
-  export import SocialPersonOutline = __MaterialUI.SvgIcon;
-  export default SocialPersonOutline;
+    export import SocialPersonOutline = __MaterialUI.SvgIcon;
+    export default SocialPersonOutline;
 }
 
 declare module 'material-ui/svg-icons/social/plus-one' {
-  export import SocialPlusOne = __MaterialUI.SvgIcon;
-  export default SocialPlusOne;
+    export import SocialPlusOne = __MaterialUI.SvgIcon;
+    export default SocialPlusOne;
 }
 
 declare module 'material-ui/svg-icons/social/notifications-active' {
-  export import SocialNotificationsActive = __MaterialUI.SvgIcon;
-  export default SocialNotificationsActive;
+    export import SocialNotificationsActive = __MaterialUI.SvgIcon;
+    export default SocialNotificationsActive;
 }
 
 declare module 'material-ui/svg-icons/social/share' {
-  export import SocialShare = __MaterialUI.SvgIcon;
-  export default SocialShare;
+    export import SocialShare = __MaterialUI.SvgIcon;
+    export default SocialShare;
 }
 
 declare module 'material-ui/svg-icons/social/whatshot' {
-  export import SocialWhatshot = __MaterialUI.SvgIcon;
-  export default SocialWhatshot;
+    export import SocialWhatshot = __MaterialUI.SvgIcon;
+    export default SocialWhatshot;
 }
 
 declare module 'material-ui/svg-icons/social/poll' {
-  export import SocialPoll = __MaterialUI.SvgIcon;
-  export default SocialPoll;
+    export import SocialPoll = __MaterialUI.SvgIcon;
+    export default SocialPoll;
 }
 
 declare module 'material-ui/svg-icons/social/pages' {
-  export import SocialPages = __MaterialUI.SvgIcon;
-  export default SocialPages;
+    export import SocialPages = __MaterialUI.SvgIcon;
+    export default SocialPages;
 }
 
 declare module 'material-ui/svg-icons/social/notifications-off' {
-  export import SocialNotificationsOff = __MaterialUI.SvgIcon;
-  export default SocialNotificationsOff;
+    export import SocialNotificationsOff = __MaterialUI.SvgIcon;
+    export default SocialNotificationsOff;
 }
 
 declare module 'material-ui/svg-icons/social/notifications' {
-  export import SocialNotifications = __MaterialUI.SvgIcon;
-  export default SocialNotifications;
+    export import SocialNotifications = __MaterialUI.SvgIcon;
+    export default SocialNotifications;
 }
 
 declare module 'material-ui/svg-icons/social/school' {
-  export import SocialSchool = __MaterialUI.SvgIcon;
-  export default SocialSchool;
+    export import SocialSchool = __MaterialUI.SvgIcon;
+    export default SocialSchool;
 }
 
 declare module 'material-ui/svg-icons/social/cake' {
-  export import SocialCake = __MaterialUI.SvgIcon;
-  export default SocialCake;
+    export import SocialCake = __MaterialUI.SvgIcon;
+    export default SocialCake;
 }
 
 declare module 'material-ui/svg-icons/social/people-outline' {
-  export import SocialPeopleOutline = __MaterialUI.SvgIcon;
-  export default SocialPeopleOutline;
+    export import SocialPeopleOutline = __MaterialUI.SvgIcon;
+    export default SocialPeopleOutline;
 }
 
 declare module 'material-ui/svg-icons/social/location-city' {
-  export import SocialLocationCity = __MaterialUI.SvgIcon;
-  export default SocialLocationCity;
+    export import SocialLocationCity = __MaterialUI.SvgIcon;
+    export default SocialLocationCity;
 }
 
 declare module 'material-ui/svg-icons/social/public' {
-  export import SocialPublic = __MaterialUI.SvgIcon;
-  export default SocialPublic;
+    export import SocialPublic = __MaterialUI.SvgIcon;
+    export default SocialPublic;
 }
 
 declare module 'material-ui/svg-icons/social/mood-bad' {
-  export import SocialMoodBad = __MaterialUI.SvgIcon;
-  export default SocialMoodBad;
+    export import SocialMoodBad = __MaterialUI.SvgIcon;
+    export default SocialMoodBad;
 }
 
 declare module 'material-ui/svg-icons/social/people' {
-  export import SocialPeople = __MaterialUI.SvgIcon;
-  export default SocialPeople;
+    export import SocialPeople = __MaterialUI.SvgIcon;
+    export default SocialPeople;
 }
 
 declare module 'material-ui/svg-icons/social/mood' {
-  export import SocialMood = __MaterialUI.SvgIcon;
-  export default SocialMood;
+    export import SocialMood = __MaterialUI.SvgIcon;
+    export default SocialMood;
 }
 
 declare module 'material-ui/svg-icons/social/party-mode' {
-  export import SocialPartyMode = __MaterialUI.SvgIcon;
-  export default SocialPartyMode;
+    export import SocialPartyMode = __MaterialUI.SvgIcon;
+    export default SocialPartyMode;
 }
 
 declare module 'material-ui/svg-icons/social/group' {
-  export import SocialGroup = __MaterialUI.SvgIcon;
-  export default SocialGroup;
+    export import SocialGroup = __MaterialUI.SvgIcon;
+    export default SocialGroup;
 }
 
 declare module 'material-ui/svg-icons/social/person-add' {
-  export import SocialPersonAdd = __MaterialUI.SvgIcon;
-  export default SocialPersonAdd;
+    export import SocialPersonAdd = __MaterialUI.SvgIcon;
+    export default SocialPersonAdd;
 }
 
 declare module 'material-ui/svg-icons/social/group-add' {
-  export import SocialGroupAdd = __MaterialUI.SvgIcon;
-  export default SocialGroupAdd;
+    export import SocialGroupAdd = __MaterialUI.SvgIcon;
+    export default SocialGroupAdd;
 }
 
 declare module 'material-ui/svg-icons/maps/edit-location' {
-  export import MapsEditLocation = __MaterialUI.SvgIcon;
-  export default MapsEditLocation;
+    export import MapsEditLocation = __MaterialUI.SvgIcon;
+    export default MapsEditLocation;
 }
 
 declare module 'material-ui/svg-icons/maps/local-airport' {
-  export import MapsLocalAirport = __MaterialUI.SvgIcon;
-  export default MapsLocalAirport;
+    export import MapsLocalAirport = __MaterialUI.SvgIcon;
+    export default MapsLocalAirport;
 }
 
 declare module 'material-ui/svg-icons/maps/local-phone' {
-  export import MapsLocalPhone = __MaterialUI.SvgIcon;
-  export default MapsLocalPhone;
+    export import MapsLocalPhone = __MaterialUI.SvgIcon;
+    export default MapsLocalPhone;
 }
 
 declare module 'material-ui/svg-icons/maps/directions-car' {
-  export import MapsDirectionsCar = __MaterialUI.SvgIcon;
-  export default MapsDirectionsCar;
+    export import MapsDirectionsCar = __MaterialUI.SvgIcon;
+    export default MapsDirectionsCar;
 }
 
 declare module 'material-ui/svg-icons/maps/local-drink' {
-  export import MapsLocalDrink = __MaterialUI.SvgIcon;
-  export default MapsLocalDrink;
+    export import MapsLocalDrink = __MaterialUI.SvgIcon;
+    export default MapsLocalDrink;
 }
 
 declare module 'material-ui/svg-icons/maps/local-gas-station' {
-  export import MapsLocalGasStation = __MaterialUI.SvgIcon;
-  export default MapsLocalGasStation;
+    export import MapsLocalGasStation = __MaterialUI.SvgIcon;
+    export default MapsLocalGasStation;
 }
 
 declare module 'material-ui/svg-icons/maps/store-mall-directory' {
-  export import MapsStoreMallDirectory = __MaterialUI.SvgIcon;
-  export default MapsStoreMallDirectory;
+    export import MapsStoreMallDirectory = __MaterialUI.SvgIcon;
+    export default MapsStoreMallDirectory;
 }
 
 declare module 'material-ui/svg-icons/maps/add-location' {
-  export import MapsAddLocation = __MaterialUI.SvgIcon;
-  export default MapsAddLocation;
+    export import MapsAddLocation = __MaterialUI.SvgIcon;
+    export default MapsAddLocation;
 }
 
 declare module 'material-ui/svg-icons/maps/local-laundry-service' {
-  export import MapsLocalLaundryService = __MaterialUI.SvgIcon;
-  export default MapsLocalLaundryService;
+    export import MapsLocalLaundryService = __MaterialUI.SvgIcon;
+    export default MapsLocalLaundryService;
 }
 
 declare module 'material-ui/svg-icons/maps/local-hotel' {
-  export import MapsLocalHotel = __MaterialUI.SvgIcon;
-  export default MapsLocalHotel;
+    export import MapsLocalHotel = __MaterialUI.SvgIcon;
+    export default MapsLocalHotel;
 }
 
 declare module 'material-ui/svg-icons/maps/local-pizza' {
-  export import MapsLocalPizza = __MaterialUI.SvgIcon;
-  export default MapsLocalPizza;
+    export import MapsLocalPizza = __MaterialUI.SvgIcon;
+    export default MapsLocalPizza;
 }
 
 declare module 'material-ui/svg-icons/maps/person-pin-circle' {
-  export import MapsPersonPinCircle = __MaterialUI.SvgIcon;
-  export default MapsPersonPinCircle;
+    export import MapsPersonPinCircle = __MaterialUI.SvgIcon;
+    export default MapsPersonPinCircle;
 }
 
 declare module 'material-ui/svg-icons/maps/terrain' {
-  export import MapsTerrain = __MaterialUI.SvgIcon;
-  export default MapsTerrain;
+    export import MapsTerrain = __MaterialUI.SvgIcon;
+    export default MapsTerrain;
 }
 
 declare module 'material-ui/svg-icons/maps/directions-subway' {
-  export import MapsDirectionsSubway = __MaterialUI.SvgIcon;
-  export default MapsDirectionsSubway;
+    export import MapsDirectionsSubway = __MaterialUI.SvgIcon;
+    export default MapsDirectionsSubway;
 }
 
 declare module 'material-ui/svg-icons/maps/local-bar' {
-  export import MapsLocalBar = __MaterialUI.SvgIcon;
-  export default MapsLocalBar;
+    export import MapsLocalBar = __MaterialUI.SvgIcon;
+    export default MapsLocalBar;
 }
 
 declare module 'material-ui/svg-icons/maps/local-car-wash' {
-  export import MapsLocalCarWash = __MaterialUI.SvgIcon;
-  export default MapsLocalCarWash;
+    export import MapsLocalCarWash = __MaterialUI.SvgIcon;
+    export default MapsLocalCarWash;
 }
 
 declare module 'material-ui/svg-icons/maps/restaurant-menu' {
-  export import MapsRestaurantMenu = __MaterialUI.SvgIcon;
-  export default MapsRestaurantMenu;
+    export import MapsRestaurantMenu = __MaterialUI.SvgIcon;
+    export default MapsRestaurantMenu;
 }
 
 declare module 'material-ui/svg-icons/maps/near-me' {
-  export import MapsNearMe = __MaterialUI.SvgIcon;
-  export default MapsNearMe;
+    export import MapsNearMe = __MaterialUI.SvgIcon;
+    export default MapsNearMe;
 }
 
 declare module 'material-ui/svg-icons/maps/directions' {
-  export import MapsDirections = __MaterialUI.SvgIcon;
-  export default MapsDirections;
+    export import MapsDirections = __MaterialUI.SvgIcon;
+    export default MapsDirections;
 }
 
 declare module 'material-ui/svg-icons/maps/my-location' {
-  export import MapsMyLocation = __MaterialUI.SvgIcon;
-  export default MapsMyLocation;
+    export import MapsMyLocation = __MaterialUI.SvgIcon;
+    export default MapsMyLocation;
 }
 
 declare module 'material-ui/svg-icons/maps/local-convenience-store' {
-  export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon;
-  export default MapsLocalConvenienceStore;
+    export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon;
+    export default MapsLocalConvenienceStore;
 }
 
 declare module 'material-ui/svg-icons/maps/local-offer' {
-  export import MapsLocalOffer = __MaterialUI.SvgIcon;
-  export default MapsLocalOffer;
+    export import MapsLocalOffer = __MaterialUI.SvgIcon;
+    export default MapsLocalOffer;
 }
 
 declare module 'material-ui/svg-icons/maps/local-florist' {
-  export import MapsLocalFlorist = __MaterialUI.SvgIcon;
-  export default MapsLocalFlorist;
+    export import MapsLocalFlorist = __MaterialUI.SvgIcon;
+    export default MapsLocalFlorist;
 }
 
 declare module 'material-ui/svg-icons/maps/local-shipping' {
-  export import MapsLocalShipping = __MaterialUI.SvgIcon;
-  export default MapsLocalShipping;
+    export import MapsLocalShipping = __MaterialUI.SvgIcon;
+    export default MapsLocalShipping;
 }
 
 declare module 'material-ui/svg-icons/maps/local-taxi' {
-  export import MapsLocalTaxi = __MaterialUI.SvgIcon;
-  export default MapsLocalTaxi;
+    export import MapsLocalTaxi = __MaterialUI.SvgIcon;
+    export default MapsLocalTaxi;
 }
 
 declare module 'material-ui/svg-icons/maps/directions-walk' {
-  export import MapsDirectionsWalk = __MaterialUI.SvgIcon;
-  export default MapsDirectionsWalk;
+    export import MapsDirectionsWalk = __MaterialUI.SvgIcon;
+    export default MapsDirectionsWalk;
 }
 
 declare module 'material-ui/svg-icons/maps/local-hospital' {
-  export import MapsLocalHospital = __MaterialUI.SvgIcon;
-  export default MapsLocalHospital;
+    export import MapsLocalHospital = __MaterialUI.SvgIcon;
+    export default MapsLocalHospital;
 }
 
 declare module 'material-ui/svg-icons/maps/layers' {
-  export import MapsLayers = __MaterialUI.SvgIcon;
-  export default MapsLayers;
+    export import MapsLayers = __MaterialUI.SvgIcon;
+    export default MapsLayers;
 }
 
 declare module 'material-ui/svg-icons/maps/directions-run' {
-  export import MapsDirectionsRun = __MaterialUI.SvgIcon;
-  export default MapsDirectionsRun;
+    export import MapsDirectionsRun = __MaterialUI.SvgIcon;
+    export default MapsDirectionsRun;
 }
 
 declare module 'material-ui/svg-icons/maps/rate-review' {
-  export import MapsRateReview = __MaterialUI.SvgIcon;
-  export default MapsRateReview;
+    export import MapsRateReview = __MaterialUI.SvgIcon;
+    export default MapsRateReview;
 }
 
 declare module 'material-ui/svg-icons/maps/local-dining' {
-  export import MapsLocalDining = __MaterialUI.SvgIcon;
-  export default MapsLocalDining;
+    export import MapsLocalDining = __MaterialUI.SvgIcon;
+    export default MapsLocalDining;
 }
 
 declare module 'material-ui/svg-icons/maps/local-post-office' {
-  export import MapsLocalPostOffice = __MaterialUI.SvgIcon;
-  export default MapsLocalPostOffice;
+    export import MapsLocalPostOffice = __MaterialUI.SvgIcon;
+    export default MapsLocalPostOffice;
 }
 
 declare module 'material-ui/svg-icons/maps/pin-drop' {
-  export import MapsPinDrop = __MaterialUI.SvgIcon;
-  export default MapsPinDrop;
+    export import MapsPinDrop = __MaterialUI.SvgIcon;
+    export default MapsPinDrop;
 }
 
 declare module 'material-ui/svg-icons/maps/directions-boat' {
-  export import MapsDirectionsBoat = __MaterialUI.SvgIcon;
-  export default MapsDirectionsBoat;
+    export import MapsDirectionsBoat = __MaterialUI.SvgIcon;
+    export default MapsDirectionsBoat;
 }
 
 declare module 'material-ui/svg-icons/maps/local-see' {
-  export import MapsLocalSee = __MaterialUI.SvgIcon;
-  export default MapsLocalSee;
+    export import MapsLocalSee = __MaterialUI.SvgIcon;
+    export default MapsLocalSee;
 }
 
 declare module 'material-ui/svg-icons/maps/map' {
-  export import MapsMap = __MaterialUI.SvgIcon;
-  export default MapsMap;
+    export import MapsMap = __MaterialUI.SvgIcon;
+    export default MapsMap;
 }
 
 declare module 'material-ui/svg-icons/maps/flight' {
-  export import MapsFlight = __MaterialUI.SvgIcon;
-  export default MapsFlight;
+    export import MapsFlight = __MaterialUI.SvgIcon;
+    export default MapsFlight;
 }
 
 declare module 'material-ui/svg-icons/maps/person-pin' {
-  export import MapsPersonPin = __MaterialUI.SvgIcon;
-  export default MapsPersonPin;
+    export import MapsPersonPin = __MaterialUI.SvgIcon;
+    export default MapsPersonPin;
 }
 
 declare module 'material-ui/svg-icons/maps/satellite' {
-  export import MapsSatellite = __MaterialUI.SvgIcon;
-  export default MapsSatellite;
+    export import MapsSatellite = __MaterialUI.SvgIcon;
+    export default MapsSatellite;
 }
 
 declare module 'material-ui/svg-icons/maps/local-printshop' {
-  export import MapsLocalPrintshop = __MaterialUI.SvgIcon;
-  export default MapsLocalPrintshop;
+    export import MapsLocalPrintshop = __MaterialUI.SvgIcon;
+    export default MapsLocalPrintshop;
 }
 
 declare module 'material-ui/svg-icons/maps/navigation' {
-  export import MapsNavigation = __MaterialUI.SvgIcon;
-  export default MapsNavigation;
+    export import MapsNavigation = __MaterialUI.SvgIcon;
+    export default MapsNavigation;
 }
 
 declare module 'material-ui/svg-icons/maps/directions-railway' {
-  export import MapsDirectionsRailway = __MaterialUI.SvgIcon;
-  export default MapsDirectionsRailway;
+    export import MapsDirectionsRailway = __MaterialUI.SvgIcon;
+    export default MapsDirectionsRailway;
 }
 
 declare module 'material-ui/svg-icons/maps/local-atm' {
-  export import MapsLocalAtm = __MaterialUI.SvgIcon;
-  export default MapsLocalAtm;
+    export import MapsLocalAtm = __MaterialUI.SvgIcon;
+    export default MapsLocalAtm;
 }
 
 declare module 'material-ui/svg-icons/maps/directions-transit' {
-  export import MapsDirectionsTransit = __MaterialUI.SvgIcon;
-  export default MapsDirectionsTransit;
+    export import MapsDirectionsTransit = __MaterialUI.SvgIcon;
+    export default MapsDirectionsTransit;
 }
 
 declare module 'material-ui/svg-icons/maps/local-parking' {
-  export import MapsLocalParking = __MaterialUI.SvgIcon;
-  export default MapsLocalParking;
+    export import MapsLocalParking = __MaterialUI.SvgIcon;
+    export default MapsLocalParking;
 }
 
 declare module 'material-ui/svg-icons/maps/local-cafe' {
-  export import MapsLocalCafe = __MaterialUI.SvgIcon;
-  export default MapsLocalCafe;
+    export import MapsLocalCafe = __MaterialUI.SvgIcon;
+    export default MapsLocalCafe;
 }
 
 declare module 'material-ui/svg-icons/maps/local-mall' {
-  export import MapsLocalMall = __MaterialUI.SvgIcon;
-  export default MapsLocalMall;
+    export import MapsLocalMall = __MaterialUI.SvgIcon;
+    export default MapsLocalMall;
 }
 
 declare module 'material-ui/svg-icons/maps/zoom-out-map' {
-  export import MapsZoomOutMap = __MaterialUI.SvgIcon;
-  export default MapsZoomOutMap;
+    export import MapsZoomOutMap = __MaterialUI.SvgIcon;
+    export default MapsZoomOutMap;
 }
 
 declare module 'material-ui/svg-icons/maps/local-activity' {
-  export import MapsLocalActivity = __MaterialUI.SvgIcon;
-  export default MapsLocalActivity;
+    export import MapsLocalActivity = __MaterialUI.SvgIcon;
+    export default MapsLocalActivity;
 }
 
 declare module 'material-ui/svg-icons/maps/local-grocery-store' {
-  export import MapsLocalGroceryStore = __MaterialUI.SvgIcon;
-  export default MapsLocalGroceryStore;
+    export import MapsLocalGroceryStore = __MaterialUI.SvgIcon;
+    export default MapsLocalGroceryStore;
 }
 
 declare module 'material-ui/svg-icons/maps/local-pharmacy' {
-  export import MapsLocalPharmacy = __MaterialUI.SvgIcon;
-  export default MapsLocalPharmacy;
+    export import MapsLocalPharmacy = __MaterialUI.SvgIcon;
+    export default MapsLocalPharmacy;
 }
 
 declare module 'material-ui/svg-icons/maps/local-movies' {
-  export import MapsLocalMovies = __MaterialUI.SvgIcon;
-  export default MapsLocalMovies;
+    export import MapsLocalMovies = __MaterialUI.SvgIcon;
+    export default MapsLocalMovies;
 }
 
 declare module 'material-ui/svg-icons/maps/place' {
-  export import MapsPlace = __MaterialUI.SvgIcon;
-  export default MapsPlace;
+    export import MapsPlace = __MaterialUI.SvgIcon;
+    export default MapsPlace;
 }
 
 declare module 'material-ui/svg-icons/maps/layers-clear' {
-  export import MapsLayersClear = __MaterialUI.SvgIcon;
-  export default MapsLayersClear;
+    export import MapsLayersClear = __MaterialUI.SvgIcon;
+    export default MapsLayersClear;
 }
 
 declare module 'material-ui/svg-icons/maps/hotel' {
-  export import MapsHotel = __MaterialUI.SvgIcon;
-  export default MapsHotel;
+    export import MapsHotel = __MaterialUI.SvgIcon;
+    export default MapsHotel;
 }
 
 declare module 'material-ui/svg-icons/maps/directions-bike' {
-  export import MapsDirectionsBike = __MaterialUI.SvgIcon;
-  export default MapsDirectionsBike;
+    export import MapsDirectionsBike = __MaterialUI.SvgIcon;
+    export default MapsDirectionsBike;
 }
 
 declare module 'material-ui/svg-icons/maps/local-library' {
-  export import MapsLocalLibrary = __MaterialUI.SvgIcon;
-  export default MapsLocalLibrary;
+    export import MapsLocalLibrary = __MaterialUI.SvgIcon;
+    export default MapsLocalLibrary;
 }
 
 declare module 'material-ui/svg-icons/maps/local-play' {
-  export import MapsLocalPlay = __MaterialUI.SvgIcon;
-  export default MapsLocalPlay;
+    export import MapsLocalPlay = __MaterialUI.SvgIcon;
+    export default MapsLocalPlay;
 }
 
 declare module 'material-ui/svg-icons/maps/directions-bus' {
-  export import MapsDirectionsBus = __MaterialUI.SvgIcon;
-  export default MapsDirectionsBus;
+    export import MapsDirectionsBus = __MaterialUI.SvgIcon;
+    export default MapsDirectionsBus;
 }
 
 declare module 'material-ui/svg-icons/maps/traffic' {
-  export import MapsTraffic = __MaterialUI.SvgIcon;
-  export default MapsTraffic;
+    export import MapsTraffic = __MaterialUI.SvgIcon;
+    export default MapsTraffic;
 }
 
 declare module 'material-ui/svg-icons/maps/beenhere' {
-  export import MapsBeenhere = __MaterialUI.SvgIcon;
-  export default MapsBeenhere;
+    export import MapsBeenhere = __MaterialUI.SvgIcon;
+    export default MapsBeenhere;
 }
 
 declare module 'material-ui/svg-icons/communication/call-received' {
-  export import CommunicationCallReceived = __MaterialUI.SvgIcon;
-  export default CommunicationCallReceived;
+    export import CommunicationCallReceived = __MaterialUI.SvgIcon;
+    export default CommunicationCallReceived;
 }
 
 declare module 'material-ui/svg-icons/communication/dialpad' {
-  export import CommunicationDialpad = __MaterialUI.SvgIcon;
-  export default CommunicationDialpad;
+    export import CommunicationDialpad = __MaterialUI.SvgIcon;
+    export default CommunicationDialpad;
 }
 
 declare module 'material-ui/svg-icons/communication/forum' {
-  export import CommunicationForum = __MaterialUI.SvgIcon;
-  export default CommunicationForum;
+    export import CommunicationForum = __MaterialUI.SvgIcon;
+    export default CommunicationForum;
 }
 
 declare module 'material-ui/svg-icons/communication/no-sim' {
-  export import CommunicationNoSim = __MaterialUI.SvgIcon;
-  export default CommunicationNoSim;
+    export import CommunicationNoSim = __MaterialUI.SvgIcon;
+    export default CommunicationNoSim;
 }
 
 declare module 'material-ui/svg-icons/communication/chat' {
-  export import CommunicationChat = __MaterialUI.SvgIcon;
-  export default CommunicationChat;
+    export import CommunicationChat = __MaterialUI.SvgIcon;
+    export default CommunicationChat;
 }
 
 declare module 'material-ui/svg-icons/communication/stay-primary-landscape' {
-  export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon;
-  export default CommunicationStayPrimaryLandscape;
+    export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon;
+    export default CommunicationStayPrimaryLandscape;
 }
 
 declare module 'material-ui/svg-icons/communication/phonelink-setup' {
-  export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkSetup;
+    export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon;
+    export default CommunicationPhonelinkSetup;
 }
 
 declare module 'material-ui/svg-icons/communication/ring-volume' {
-  export import CommunicationRingVolume = __MaterialUI.SvgIcon;
-  export default CommunicationRingVolume;
+    export import CommunicationRingVolume = __MaterialUI.SvgIcon;
+    export default CommunicationRingVolume;
 }
 
 declare module 'material-ui/svg-icons/communication/phonelink-lock' {
-  export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkLock;
+    export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon;
+    export default CommunicationPhonelinkLock;
 }
 
 declare module 'material-ui/svg-icons/communication/contacts' {
-  export import CommunicationContacts = __MaterialUI.SvgIcon;
-  export default CommunicationContacts;
+    export import CommunicationContacts = __MaterialUI.SvgIcon;
+    export default CommunicationContacts;
 }
 
 declare module 'material-ui/svg-icons/communication/call-missed' {
-  export import CommunicationCallMissed = __MaterialUI.SvgIcon;
-  export default CommunicationCallMissed;
+    export import CommunicationCallMissed = __MaterialUI.SvgIcon;
+    export default CommunicationCallMissed;
 }
 
 declare module 'material-ui/svg-icons/communication/contact-mail' {
-  export import CommunicationContactMail = __MaterialUI.SvgIcon;
-  export default CommunicationContactMail;
+    export import CommunicationContactMail = __MaterialUI.SvgIcon;
+    export default CommunicationContactMail;
 }
 
 declare module 'material-ui/svg-icons/communication/portable-wifi-off' {
-  export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon;
-  export default CommunicationPortableWifiOff;
+    export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon;
+    export default CommunicationPortableWifiOff;
 }
 
 declare module 'material-ui/svg-icons/communication/call-merge' {
-  export import CommunicationCallMerge = __MaterialUI.SvgIcon;
-  export default CommunicationCallMerge;
+    export import CommunicationCallMerge = __MaterialUI.SvgIcon;
+    export default CommunicationCallMerge;
 }
 
 declare module 'material-ui/svg-icons/communication/tact-mail' {
-  export import CommunicationTactMail = __MaterialUI.SvgIcon;
-  export default CommunicationTactMail;
+    export import CommunicationTactMail = __MaterialUI.SvgIcon;
+    export default CommunicationTactMail;
 }
 
 declare module 'material-ui/svg-icons/communication/stop-screen-share' {
-  export import CommunicationStopScreenShare = __MaterialUI.SvgIcon;
-  export default CommunicationStopScreenShare;
+    export import CommunicationStopScreenShare = __MaterialUI.SvgIcon;
+    export default CommunicationStopScreenShare;
 }
 
 declare module 'material-ui/svg-icons/communication/vpn-key' {
-  export import CommunicationVpnKey = __MaterialUI.SvgIcon;
-  export default CommunicationVpnKey;
+    export import CommunicationVpnKey = __MaterialUI.SvgIcon;
+    export default CommunicationVpnKey;
 }
 
 declare module 'material-ui/svg-icons/communication/swap-calls' {
-  export import CommunicationSwapCalls = __MaterialUI.SvgIcon;
-  export default CommunicationSwapCalls;
+    export import CommunicationSwapCalls = __MaterialUI.SvgIcon;
+    export default CommunicationSwapCalls;
 }
 
 declare module 'material-ui/svg-icons/communication/dialer-sip' {
-  export import CommunicationDialerSip = __MaterialUI.SvgIcon;
-  export default CommunicationDialerSip;
+    export import CommunicationDialerSip = __MaterialUI.SvgIcon;
+    export default CommunicationDialerSip;
 }
 
 declare module 'material-ui/svg-icons/communication/business' {
-  export import CommunicationBusiness = __MaterialUI.SvgIcon;
-  export default CommunicationBusiness;
+    export import CommunicationBusiness = __MaterialUI.SvgIcon;
+    export default CommunicationBusiness;
 }
 
 declare module 'material-ui/svg-icons/communication/phonelink-erase' {
-  export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkErase;
+    export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon;
+    export default CommunicationPhonelinkErase;
 }
 
 declare module 'material-ui/svg-icons/communication/call' {
-  export import CommunicationCall = __MaterialUI.SvgIcon;
-  export default CommunicationCall;
+    export import CommunicationCall = __MaterialUI.SvgIcon;
+    export default CommunicationCall;
 }
 
 declare module 'material-ui/svg-icons/communication/screen-share' {
-  export import CommunicationScreenShare = __MaterialUI.SvgIcon;
-  export default CommunicationScreenShare;
+    export import CommunicationScreenShare = __MaterialUI.SvgIcon;
+    export default CommunicationScreenShare;
 }
 
 declare module 'material-ui/svg-icons/communication/clear-all' {
-  export import CommunicationClearAll = __MaterialUI.SvgIcon;
-  export default CommunicationClearAll;
+    export import CommunicationClearAll = __MaterialUI.SvgIcon;
+    export default CommunicationClearAll;
 }
 
 declare module 'material-ui/svg-icons/communication/chat-bubble-outline' {
-  export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon;
-  export default CommunicationChatBubbleOutline;
+    export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon;
+    export default CommunicationChatBubbleOutline;
 }
 
 declare module 'material-ui/svg-icons/communication/call-missed-outgoing' {
-  export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon;
-  export default CommunicationCallMissedOutgoing;
+    export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon;
+    export default CommunicationCallMissedOutgoing;
 }
 
 declare module 'material-ui/svg-icons/communication/stay-primary-portrait' {
-  export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon;
-  export default CommunicationStayPrimaryPortrait;
+    export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon;
+    export default CommunicationStayPrimaryPortrait;
 }
 
 declare module 'material-ui/svg-icons/communication/stay-current-portrait' {
-  export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon;
-  export default CommunicationStayCurrentPortrait;
+    export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon;
+    export default CommunicationStayCurrentPortrait;
 }
 
 declare module 'material-ui/svg-icons/communication/voicemail' {
-  export import CommunicationVoicemail = __MaterialUI.SvgIcon;
-  export default CommunicationVoicemail;
+    export import CommunicationVoicemail = __MaterialUI.SvgIcon;
+    export default CommunicationVoicemail;
 }
 
 declare module 'material-ui/svg-icons/communication/speaker-phone' {
-  export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon;
-  export default CommunicationSpeakerPhone;
+    export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon;
+    export default CommunicationSpeakerPhone;
 }
 
 declare module 'material-ui/svg-icons/communication/call-split' {
-  export import CommunicationCallSplit = __MaterialUI.SvgIcon;
-  export default CommunicationCallSplit;
+    export import CommunicationCallSplit = __MaterialUI.SvgIcon;
+    export default CommunicationCallSplit;
 }
 
 declare module 'material-ui/svg-icons/communication/live-help' {
-  export import CommunicationLiveHelp = __MaterialUI.SvgIcon;
-  export default CommunicationLiveHelp;
+    export import CommunicationLiveHelp = __MaterialUI.SvgIcon;
+    export default CommunicationLiveHelp;
 }
 
 declare module 'material-ui/svg-icons/communication/call-made' {
-  export import CommunicationCallMade = __MaterialUI.SvgIcon;
-  export default CommunicationCallMade;
+    export import CommunicationCallMade = __MaterialUI.SvgIcon;
+    export default CommunicationCallMade;
 }
 
 declare module 'material-ui/svg-icons/communication/phone' {
-  export import CommunicationPhone = __MaterialUI.SvgIcon;
-  export default CommunicationPhone;
+    export import CommunicationPhone = __MaterialUI.SvgIcon;
+    export default CommunicationPhone;
 }
 
 declare module 'material-ui/svg-icons/communication/textsms' {
-  export import CommunicationTextsms = __MaterialUI.SvgIcon;
-  export default CommunicationTextsms;
+    export import CommunicationTextsms = __MaterialUI.SvgIcon;
+    export default CommunicationTextsms;
 }
 
 declare module 'material-ui/svg-icons/communication/message' {
-  export import CommunicationMessage = __MaterialUI.SvgIcon;
-  export default CommunicationMessage;
+    export import CommunicationMessage = __MaterialUI.SvgIcon;
+    export default CommunicationMessage;
 }
 
 declare module 'material-ui/svg-icons/communication/import-export' {
-  export import CommunicationImportExport = __MaterialUI.SvgIcon;
-  export default CommunicationImportExport;
+    export import CommunicationImportExport = __MaterialUI.SvgIcon;
+    export default CommunicationImportExport;
 }
 
 declare module 'material-ui/svg-icons/communication/import-contacts' {
-  export import CommunicationImportContacts = __MaterialUI.SvgIcon;
-  export default CommunicationImportContacts;
+    export import CommunicationImportContacts = __MaterialUI.SvgIcon;
+    export default CommunicationImportContacts;
 }
 
 declare module 'material-ui/svg-icons/communication/phonelink-ring' {
-  export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon;
-  export default CommunicationPhonelinkRing;
+    export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon;
+    export default CommunicationPhonelinkRing;
 }
 
 declare module 'material-ui/svg-icons/communication/present-to-all' {
-  export import CommunicationPresentToAll = __MaterialUI.SvgIcon;
-  export default CommunicationPresentToAll;
+    export import CommunicationPresentToAll = __MaterialUI.SvgIcon;
+    export default CommunicationPresentToAll;
 }
 
 declare module 'material-ui/svg-icons/communication/contact-phone' {
-  export import CommunicationContactPhone = __MaterialUI.SvgIcon;
-  export default CommunicationContactPhone;
+    export import CommunicationContactPhone = __MaterialUI.SvgIcon;
+    export default CommunicationContactPhone;
 }
 
 declare module 'material-ui/svg-icons/communication/invert-colors-off' {
-  export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon;
-  export default CommunicationInvertColorsOff;
+    export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon;
+    export default CommunicationInvertColorsOff;
 }
 
 declare module 'material-ui/svg-icons/communication/comment' {
-  export import CommunicationComment = __MaterialUI.SvgIcon;
-  export default CommunicationComment;
+    export import CommunicationComment = __MaterialUI.SvgIcon;
+    export default CommunicationComment;
 }
 
 declare module 'material-ui/svg-icons/communication/chat-bubble' {
-  export import CommunicationChatBubble = __MaterialUI.SvgIcon;
-  export default CommunicationChatBubble;
+    export import CommunicationChatBubble = __MaterialUI.SvgIcon;
+    export default CommunicationChatBubble;
 }
 
 declare module 'material-ui/svg-icons/communication/mail-outline' {
-  export import CommunicationMailOutline = __MaterialUI.SvgIcon;
-  export default CommunicationMailOutline;
+    export import CommunicationMailOutline = __MaterialUI.SvgIcon;
+    export default CommunicationMailOutline;
 }
 
 declare module 'material-ui/svg-icons/communication/location-on' {
-  export import CommunicationLocationOn = __MaterialUI.SvgIcon;
-  export default CommunicationLocationOn;
+    export import CommunicationLocationOn = __MaterialUI.SvgIcon;
+    export default CommunicationLocationOn;
 }
 
 declare module 'material-ui/svg-icons/communication/stay-current-landscape' {
-  export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon;
-  export default CommunicationStayCurrentLandscape;
+    export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon;
+    export default CommunicationStayCurrentLandscape;
 }
 
 declare module 'material-ui/svg-icons/communication/location-off' {
-  export import CommunicationLocationOff = __MaterialUI.SvgIcon;
-  export default CommunicationLocationOff;
+    export import CommunicationLocationOff = __MaterialUI.SvgIcon;
+    export default CommunicationLocationOff;
 }
 
 declare module 'material-ui/svg-icons/communication/email' {
-  export import CommunicationEmail = __MaterialUI.SvgIcon;
-  export default CommunicationEmail;
+    export import CommunicationEmail = __MaterialUI.SvgIcon;
+    export default CommunicationEmail;
 }
 
 declare module 'material-ui/svg-icons/communication/call-end' {
-  export import CommunicationCallEnd = __MaterialUI.SvgIcon;
-  export default CommunicationCallEnd;
+    export import CommunicationCallEnd = __MaterialUI.SvgIcon;
+    export default CommunicationCallEnd;
 }
 
 declare module 'material-ui/svg-icons/toggle/check-box' {
-  export import ToggleCheckBox = __MaterialUI.SvgIcon;
-  export default ToggleCheckBox;
+    export import ToggleCheckBox = __MaterialUI.SvgIcon;
+    export default ToggleCheckBox;
 }
 
 declare module 'material-ui/svg-icons/toggle/star-half' {
-  export import ToggleStarHalf = __MaterialUI.SvgIcon;
-  export default ToggleStarHalf;
+    export import ToggleStarHalf = __MaterialUI.SvgIcon;
+    export default ToggleStarHalf;
 }
 
 declare module 'material-ui/svg-icons/toggle/check-box-outline-blank' {
-  export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon;
-  export default ToggleCheckBoxOutlineBlank;
+    export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon;
+    export default ToggleCheckBoxOutlineBlank;
 }
 
 declare module 'material-ui/svg-icons/toggle/star' {
-  export import ToggleStar = __MaterialUI.SvgIcon;
-  export default ToggleStar;
+    export import ToggleStar = __MaterialUI.SvgIcon;
+    export default ToggleStar;
 }
 
 declare module 'material-ui/svg-icons/toggle/star-border' {
-  export import ToggleStarBorder = __MaterialUI.SvgIcon;
-  export default ToggleStarBorder;
+    export import ToggleStarBorder = __MaterialUI.SvgIcon;
+    export default ToggleStarBorder;
 }
 
 declare module 'material-ui/svg-icons/toggle/radio-button-unchecked' {
-  export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon;
-  export default ToggleRadioButtonUnchecked;
+    export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon;
+    export default ToggleRadioButtonUnchecked;
 }
 
 declare module 'material-ui/svg-icons/toggle/indeterminate-check-box' {
-  export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon;
-  export default ToggleIndeterminateCheckBox;
+    export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon;
+    export default ToggleIndeterminateCheckBox;
 }
 
 declare module 'material-ui/svg-icons/toggle/radio-button-checked' {
-  export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon;
-  export default ToggleRadioButtonChecked;
+    export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon;
+    export default ToggleRadioButtonChecked;
 }
 
 declare module 'material-ui/svg-icons/index' {
-  export import Index = __MaterialUI.SvgIcon;
-  export default Index;
+    export import Index = __MaterialUI.SvgIcon;
+    export default Index;
 }
 
 declare module 'material-ui/svg-icons/index-generator' {
-  export import IndexGenerator = __MaterialUI.SvgIcon;
-  export default IndexGenerator;
+    export import IndexGenerator = __MaterialUI.SvgIcon;
+    export default IndexGenerator;
 }
 
 declare module 'material-ui/svg-icons/alert/warning' {
-  export import AlertWarning = __MaterialUI.SvgIcon;
-  export default AlertWarning;
+    export import AlertWarning = __MaterialUI.SvgIcon;
+    export default AlertWarning;
 }
 
 declare module 'material-ui/svg-icons/alert/add-alert' {
-  export import AlertAddAlert = __MaterialUI.SvgIcon;
-  export default AlertAddAlert;
+    export import AlertAddAlert = __MaterialUI.SvgIcon;
+    export default AlertAddAlert;
 }
 
 declare module 'material-ui/svg-icons/alert/error-outline' {
-  export import AlertErrorOutline = __MaterialUI.SvgIcon;
-  export default AlertErrorOutline;
+    export import AlertErrorOutline = __MaterialUI.SvgIcon;
+    export default AlertErrorOutline;
 }
 
 declare module 'material-ui/svg-icons/alert/error' {
-  export import AlertError = __MaterialUI.SvgIcon;
-  export default AlertError;
+    export import AlertError = __MaterialUI.SvgIcon;
+    export default AlertError;
 }
 
 declare module 'material-ui/svg-icons/file/file-upload' {
-  export import FileFileUpload = __MaterialUI.SvgIcon;
-  export default FileFileUpload;
+    export import FileFileUpload = __MaterialUI.SvgIcon;
+    export default FileFileUpload;
 }
 
 declare module 'material-ui/svg-icons/file/cloud-upload' {
-  export import FileCloudUpload = __MaterialUI.SvgIcon;
-  export default FileCloudUpload;
+    export import FileCloudUpload = __MaterialUI.SvgIcon;
+    export default FileCloudUpload;
 }
 
 declare module 'material-ui/svg-icons/file/cloud-done' {
-  export import FileCloudDone = __MaterialUI.SvgIcon;
-  export default FileCloudDone;
+    export import FileCloudDone = __MaterialUI.SvgIcon;
+    export default FileCloudDone;
 }
 
 declare module 'material-ui/svg-icons/file/folder-open' {
-  export import FileFolderOpen = __MaterialUI.SvgIcon;
-  export default FileFolderOpen;
+    export import FileFolderOpen = __MaterialUI.SvgIcon;
+    export default FileFolderOpen;
 }
 
 declare module 'material-ui/svg-icons/file/cloud-off' {
-  export import FileCloudOff = __MaterialUI.SvgIcon;
-  export default FileCloudOff;
+    export import FileCloudOff = __MaterialUI.SvgIcon;
+    export default FileCloudOff;
 }
 
 declare module 'material-ui/svg-icons/file/cloud-queue' {
-  export import FileCloudQueue = __MaterialUI.SvgIcon;
-  export default FileCloudQueue;
+    export import FileCloudQueue = __MaterialUI.SvgIcon;
+    export default FileCloudQueue;
 }
 
 declare module 'material-ui/svg-icons/file/folder-shared' {
-  export import FileFolderShared = __MaterialUI.SvgIcon;
-  export default FileFolderShared;
+    export import FileFolderShared = __MaterialUI.SvgIcon;
+    export default FileFolderShared;
 }
 
 declare module 'material-ui/svg-icons/file/cloud-circle' {
-  export import FileCloudCircle = __MaterialUI.SvgIcon;
-  export default FileCloudCircle;
+    export import FileCloudCircle = __MaterialUI.SvgIcon;
+    export default FileCloudCircle;
 }
 
 declare module 'material-ui/svg-icons/file/folder' {
-  export import FileFolder = __MaterialUI.SvgIcon;
-  export default FileFolder;
+    export import FileFolder = __MaterialUI.SvgIcon;
+    export default FileFolder;
 }
 
 declare module 'material-ui/svg-icons/file/attachment' {
-  export import FileAttachment = __MaterialUI.SvgIcon;
-  export default FileAttachment;
+    export import FileAttachment = __MaterialUI.SvgIcon;
+    export default FileAttachment;
 }
 
 declare module 'material-ui/svg-icons/file/create-new-folder' {
-  export import FileCreateNewFolder = __MaterialUI.SvgIcon;
-  export default FileCreateNewFolder;
+    export import FileCreateNewFolder = __MaterialUI.SvgIcon;
+    export default FileCreateNewFolder;
 }
 
 declare module 'material-ui/svg-icons/file/cloud-download' {
-  export import FileCloudDownload = __MaterialUI.SvgIcon;
-  export default FileCloudDownload;
+    export import FileCloudDownload = __MaterialUI.SvgIcon;
+    export default FileCloudDownload;
 }
 
 declare module 'material-ui/svg-icons/file/cloud' {
-  export import FileCloud = __MaterialUI.SvgIcon;
-  export default FileCloud;
+    export import FileCloud = __MaterialUI.SvgIcon;
+    export default FileCloud;
 }
 
 declare module 'material-ui/svg-icons/file/file-download' {
-  export import FileFileDownload = __MaterialUI.SvgIcon;
-  export default FileFileDownload;
+    export import FileFileDownload = __MaterialUI.SvgIcon;
+    export default FileFileDownload;
 }
 
 declare module 'material-ui/svg-icons/navigation-arrow-drop-right' {
-  export import NavigationArrowDropRight = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropRight;
+    export import NavigationArrowDropRight = __MaterialUI.SvgIcon;
+    export default NavigationArrowDropRight;
 }
 
 declare module 'material-ui/svg-icons/hardware/keyboard' {
-  export import HardwareKeyboard = __MaterialUI.SvgIcon;
-  export default HardwareKeyboard;
+    export import HardwareKeyboard = __MaterialUI.SvgIcon;
+    export default HardwareKeyboard;
 }
 
 declare module 'material-ui/svg-icons/hardware/toys' {
-  export import HardwareToys = __MaterialUI.SvgIcon;
-  export default HardwareToys;
+    export import HardwareToys = __MaterialUI.SvgIcon;
+    export default HardwareToys;
 }
 
 declare module 'material-ui/svg-icons/hardware/dock' {
-  export import HardwareDock = __MaterialUI.SvgIcon;
-  export default HardwareDock;
+    export import HardwareDock = __MaterialUI.SvgIcon;
+    export default HardwareDock;
 }
 
 declare module 'material-ui/svg-icons/hardware/headset' {
-  export import HardwareHeadset = __MaterialUI.SvgIcon;
-  export default HardwareHeadset;
+    export import HardwareHeadset = __MaterialUI.SvgIcon;
+    export default HardwareHeadset;
 }
 
 declare module 'material-ui/svg-icons/hardware/keyboard-voice' {
-  export import HardwareKeyboardVoice = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardVoice;
+    export import HardwareKeyboardVoice = __MaterialUI.SvgIcon;
+    export default HardwareKeyboardVoice;
 }
 
 declare module 'material-ui/svg-icons/hardware/phonelink-off' {
-  export import HardwarePhonelinkOff = __MaterialUI.SvgIcon;
-  export default HardwarePhonelinkOff;
+    export import HardwarePhonelinkOff = __MaterialUI.SvgIcon;
+    export default HardwarePhonelinkOff;
 }
 
 declare module 'material-ui/svg-icons/hardware/speaker-group' {
-  export import HardwareSpeakerGroup = __MaterialUI.SvgIcon;
-  export default HardwareSpeakerGroup;
+    export import HardwareSpeakerGroup = __MaterialUI.SvgIcon;
+    export default HardwareSpeakerGroup;
 }
 
 declare module 'material-ui/svg-icons/hardware/desktop-windows' {
-  export import HardwareDesktopWindows = __MaterialUI.SvgIcon;
-  export default HardwareDesktopWindows;
+    export import HardwareDesktopWindows = __MaterialUI.SvgIcon;
+    export default HardwareDesktopWindows;
 }
 
 declare module 'material-ui/svg-icons/hardware/laptop-mac' {
-  export import HardwareLaptopMac = __MaterialUI.SvgIcon;
-  export default HardwareLaptopMac;
+    export import HardwareLaptopMac = __MaterialUI.SvgIcon;
+    export default HardwareLaptopMac;
 }
 
 declare module 'material-ui/svg-icons/hardware/keyboard-return' {
-  export import HardwareKeyboardReturn = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardReturn;
+    export import HardwareKeyboardReturn = __MaterialUI.SvgIcon;
+    export default HardwareKeyboardReturn;
 }
 
 declare module 'material-ui/svg-icons/hardware/gamepad' {
-  export import HardwareGamepad = __MaterialUI.SvgIcon;
-  export default HardwareGamepad;
+    export import HardwareGamepad = __MaterialUI.SvgIcon;
+    export default HardwareGamepad;
 }
 
 declare module 'material-ui/svg-icons/hardware/keyboard-arrow-up' {
-  export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowUp;
+    export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon;
+    export default HardwareKeyboardArrowUp;
 }
 
 declare module 'material-ui/svg-icons/hardware/laptop' {
-  export import HardwareLaptop = __MaterialUI.SvgIcon;
-  export default HardwareLaptop;
+    export import HardwareLaptop = __MaterialUI.SvgIcon;
+    export default HardwareLaptop;
 }
 
 declare module 'material-ui/svg-icons/hardware/phone-iphone' {
-  export import HardwarePhoneIphone = __MaterialUI.SvgIcon;
-  export default HardwarePhoneIphone;
+    export import HardwarePhoneIphone = __MaterialUI.SvgIcon;
+    export default HardwarePhoneIphone;
 }
 
 declare module 'material-ui/svg-icons/hardware/memory' {
-  export import HardwareMemory = __MaterialUI.SvgIcon;
-  export default HardwareMemory;
+    export import HardwareMemory = __MaterialUI.SvgIcon;
+    export default HardwareMemory;
 }
 
 declare module 'material-ui/svg-icons/hardware/security' {
-  export import HardwareSecurity = __MaterialUI.SvgIcon;
-  export default HardwareSecurity;
+    export import HardwareSecurity = __MaterialUI.SvgIcon;
+    export default HardwareSecurity;
 }
 
 declare module 'material-ui/svg-icons/hardware/keyboard-capslock' {
-  export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardCapslock;
+    export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon;
+    export default HardwareKeyboardCapslock;
 }
 
 declare module 'material-ui/svg-icons/hardware/sim-card' {
-  export import HardwareSimCard = __MaterialUI.SvgIcon;
-  export default HardwareSimCard;
+    export import HardwareSimCard = __MaterialUI.SvgIcon;
+    export default HardwareSimCard;
 }
 
 declare module 'material-ui/svg-icons/hardware/devices-other' {
-  export import HardwareDevicesOther = __MaterialUI.SvgIcon;
-  export default HardwareDevicesOther;
+    export import HardwareDevicesOther = __MaterialUI.SvgIcon;
+    export default HardwareDevicesOther;
 }
 
 declare module 'material-ui/svg-icons/hardware/tablet-android' {
-  export import HardwareTabletAndroid = __MaterialUI.SvgIcon;
-  export default HardwareTabletAndroid;
+    export import HardwareTabletAndroid = __MaterialUI.SvgIcon;
+    export default HardwareTabletAndroid;
 }
 
 declare module 'material-ui/svg-icons/hardware/keyboard-arrow-right' {
-  export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowRight;
+    export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon;
+    export default HardwareKeyboardArrowRight;
 }
 
 declare module 'material-ui/svg-icons/hardware/keyboard-tab' {
-  export import HardwareKeyboardTab = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardTab;
+    export import HardwareKeyboardTab = __MaterialUI.SvgIcon;
+    export default HardwareKeyboardTab;
 }
 
 declare module 'material-ui/svg-icons/hardware/watch' {
-  export import HardwareWatch = __MaterialUI.SvgIcon;
-  export default HardwareWatch;
+    export import HardwareWatch = __MaterialUI.SvgIcon;
+    export default HardwareWatch;
 }
 
 declare module 'material-ui/svg-icons/hardware/speaker' {
-  export import HardwareSpeaker = __MaterialUI.SvgIcon;
-  export default HardwareSpeaker;
+    export import HardwareSpeaker = __MaterialUI.SvgIcon;
+    export default HardwareSpeaker;
 }
 
 declare module 'material-ui/svg-icons/hardware/phonelink' {
-  export import HardwarePhonelink = __MaterialUI.SvgIcon;
-  export default HardwarePhonelink;
+    export import HardwarePhonelink = __MaterialUI.SvgIcon;
+    export default HardwarePhonelink;
 }
 
 declare module 'material-ui/svg-icons/hardware/laptop-windows' {
-  export import HardwareLaptopWindows = __MaterialUI.SvgIcon;
-  export default HardwareLaptopWindows;
+    export import HardwareLaptopWindows = __MaterialUI.SvgIcon;
+    export default HardwareLaptopWindows;
 }
 
 declare module 'material-ui/svg-icons/hardware/tv' {
-  export import HardwareTv = __MaterialUI.SvgIcon;
-  export default HardwareTv;
+    export import HardwareTv = __MaterialUI.SvgIcon;
+    export default HardwareTv;
 }
 
 declare module 'material-ui/svg-icons/hardware/headset-mic' {
-  export import HardwareHeadsetMic = __MaterialUI.SvgIcon;
-  export default HardwareHeadsetMic;
+    export import HardwareHeadsetMic = __MaterialUI.SvgIcon;
+    export default HardwareHeadsetMic;
 }
 
 declare module 'material-ui/svg-icons/hardware/videogame-asset' {
-  export import HardwareVideogameAsset = __MaterialUI.SvgIcon;
-  export default HardwareVideogameAsset;
+    export import HardwareVideogameAsset = __MaterialUI.SvgIcon;
+    export default HardwareVideogameAsset;
 }
 
 declare module 'material-ui/svg-icons/hardware/keyboard-arrow-down' {
-  export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowDown;
+    export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon;
+    export default HardwareKeyboardArrowDown;
 }
 
 declare module 'material-ui/svg-icons/hardware/keyboard-hide' {
-  export import HardwareKeyboardHide = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardHide;
+    export import HardwareKeyboardHide = __MaterialUI.SvgIcon;
+    export default HardwareKeyboardHide;
 }
 
 declare module 'material-ui/svg-icons/hardware/scanner' {
-  export import HardwareScanner = __MaterialUI.SvgIcon;
-  export default HardwareScanner;
+    export import HardwareScanner = __MaterialUI.SvgIcon;
+    export default HardwareScanner;
 }
 
 declare module 'material-ui/svg-icons/hardware/laptop-chromebook' {
-  export import HardwareLaptopChromebook = __MaterialUI.SvgIcon;
-  export default HardwareLaptopChromebook;
+    export import HardwareLaptopChromebook = __MaterialUI.SvgIcon;
+    export default HardwareLaptopChromebook;
 }
 
 declare module 'material-ui/svg-icons/hardware/tablet-mac' {
-  export import HardwareTabletMac = __MaterialUI.SvgIcon;
-  export default HardwareTabletMac;
+    export import HardwareTabletMac = __MaterialUI.SvgIcon;
+    export default HardwareTabletMac;
 }
 
 declare module 'material-ui/svg-icons/hardware/cast' {
-  export import HardwareCast = __MaterialUI.SvgIcon;
-  export default HardwareCast;
+    export import HardwareCast = __MaterialUI.SvgIcon;
+    export default HardwareCast;
 }
 
 declare module 'material-ui/svg-icons/hardware/cast-connected' {
-  export import HardwareCastConnected = __MaterialUI.SvgIcon;
-  export default HardwareCastConnected;
+    export import HardwareCastConnected = __MaterialUI.SvgIcon;
+    export default HardwareCastConnected;
 }
 
 declare module 'material-ui/svg-icons/hardware/keyboard-arrow-left' {
-  export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardArrowLeft;
+    export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon;
+    export default HardwareKeyboardArrowLeft;
 }
 
 declare module 'material-ui/svg-icons/hardware/phone-android' {
-  export import HardwarePhoneAndroid = __MaterialUI.SvgIcon;
-  export default HardwarePhoneAndroid;
+    export import HardwarePhoneAndroid = __MaterialUI.SvgIcon;
+    export default HardwarePhoneAndroid;
 }
 
 declare module 'material-ui/svg-icons/hardware/computer' {
-  export import HardwareComputer = __MaterialUI.SvgIcon;
-  export default HardwareComputer;
+    export import HardwareComputer = __MaterialUI.SvgIcon;
+    export default HardwareComputer;
 }
 
 declare module 'material-ui/svg-icons/hardware/power-input' {
-  export import HardwarePowerInput = __MaterialUI.SvgIcon;
-  export default HardwarePowerInput;
+    export import HardwarePowerInput = __MaterialUI.SvgIcon;
+    export default HardwarePowerInput;
 }
 
 declare module 'material-ui/svg-icons/hardware/smartphone' {
-  export import HardwareSmartphone = __MaterialUI.SvgIcon;
-  export default HardwareSmartphone;
+    export import HardwareSmartphone = __MaterialUI.SvgIcon;
+    export default HardwareSmartphone;
 }
 
 declare module 'material-ui/svg-icons/hardware/router' {
-  export import HardwareRouter = __MaterialUI.SvgIcon;
-  export default HardwareRouter;
+    export import HardwareRouter = __MaterialUI.SvgIcon;
+    export default HardwareRouter;
 }
 
 declare module 'material-ui/svg-icons/hardware/keyboard-backspace' {
-  export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon;
-  export default HardwareKeyboardBackspace;
+    export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon;
+    export default HardwareKeyboardBackspace;
 }
 
 declare module 'material-ui/svg-icons/hardware/developer-board' {
-  export import HardwareDeveloperBoard = __MaterialUI.SvgIcon;
-  export default HardwareDeveloperBoard;
+    export import HardwareDeveloperBoard = __MaterialUI.SvgIcon;
+    export default HardwareDeveloperBoard;
 }
 
 declare module 'material-ui/svg-icons/hardware/device-hub' {
-  export import HardwareDeviceHub = __MaterialUI.SvgIcon;
-  export default HardwareDeviceHub;
+    export import HardwareDeviceHub = __MaterialUI.SvgIcon;
+    export default HardwareDeviceHub;
 }
 
 declare module 'material-ui/svg-icons/hardware/mouse' {
-  export import HardwareMouse = __MaterialUI.SvgIcon;
-  export default HardwareMouse;
+    export import HardwareMouse = __MaterialUI.SvgIcon;
+    export default HardwareMouse;
 }
 
 declare module 'material-ui/svg-icons/hardware/desktop-mac' {
-  export import HardwareDesktopMac = __MaterialUI.SvgIcon;
-  export default HardwareDesktopMac;
+    export import HardwareDesktopMac = __MaterialUI.SvgIcon;
+    export default HardwareDesktopMac;
 }
 
 declare module 'material-ui/svg-icons/hardware/tablet' {
-  export import HardwareTablet = __MaterialUI.SvgIcon;
-  export default HardwareTablet;
+    export import HardwareTablet = __MaterialUI.SvgIcon;
+    export default HardwareTablet;
 }
 
 declare module 'material-ui/svg-icons/content/add-box' {
-  export import ContentAddBox = __MaterialUI.SvgIcon;
-  export default ContentAddBox;
+    export import ContentAddBox = __MaterialUI.SvgIcon;
+    export default ContentAddBox;
 }
 
 declare module 'material-ui/svg-icons/content/filter-list' {
-  export import ContentFilterList = __MaterialUI.SvgIcon;
-  export default ContentFilterList;
+    export import ContentFilterList = __MaterialUI.SvgIcon;
+    export default ContentFilterList;
 }
 
 declare module 'material-ui/svg-icons/content/save' {
-  export import ContentSave = __MaterialUI.SvgIcon;
-  export default ContentSave;
+    export import ContentSave = __MaterialUI.SvgIcon;
+    export default ContentSave;
 }
 
 declare module 'material-ui/svg-icons/content/unarchive' {
-  export import ContentUnarchive = __MaterialUI.SvgIcon;
-  export default ContentUnarchive;
+    export import ContentUnarchive = __MaterialUI.SvgIcon;
+    export default ContentUnarchive;
 }
 
 declare module 'material-ui/svg-icons/content/link' {
-  export import ContentLink = __MaterialUI.SvgIcon;
-  export default ContentLink;
+    export import ContentLink = __MaterialUI.SvgIcon;
+    export default ContentLink;
 }
 
 declare module 'material-ui/svg-icons/content/sort' {
-  export import ContentSort = __MaterialUI.SvgIcon;
-  export default ContentSort;
+    export import ContentSort = __MaterialUI.SvgIcon;
+    export default ContentSort;
 }
 
 declare module 'material-ui/svg-icons/content/text-format' {
-  export import ContentTextFormat = __MaterialUI.SvgIcon;
-  export default ContentTextFormat;
+    export import ContentTextFormat = __MaterialUI.SvgIcon;
+    export default ContentTextFormat;
 }
 
 declare module 'material-ui/svg-icons/content/add' {
-  export import ContentAdd = __MaterialUI.SvgIcon;
-  export default ContentAdd;
+    export import ContentAdd = __MaterialUI.SvgIcon;
+    export default ContentAdd;
 }
 
 declare module 'material-ui/svg-icons/content/send' {
-  export import ContentSend = __MaterialUI.SvgIcon;
-  export default ContentSend;
+    export import ContentSend = __MaterialUI.SvgIcon;
+    export default ContentSend;
 }
 
 declare module 'material-ui/svg-icons/content/gesture' {
-  export import ContentGesture = __MaterialUI.SvgIcon;
-  export default ContentGesture;
+    export import ContentGesture = __MaterialUI.SvgIcon;
+    export default ContentGesture;
 }
 
 declare module 'material-ui/svg-icons/content/archive' {
-  export import ContentArchive = __MaterialUI.SvgIcon;
-  export default ContentArchive;
+    export import ContentArchive = __MaterialUI.SvgIcon;
+    export default ContentArchive;
 }
 
 declare module 'material-ui/svg-icons/content/weekend' {
-  export import ContentWeekend = __MaterialUI.SvgIcon;
-  export default ContentWeekend;
+    export import ContentWeekend = __MaterialUI.SvgIcon;
+    export default ContentWeekend;
 }
 
 declare module 'material-ui/svg-icons/content/markunread' {
-  export import ContentMarkunread = __MaterialUI.SvgIcon;
-  export default ContentMarkunread;
+    export import ContentMarkunread = __MaterialUI.SvgIcon;
+    export default ContentMarkunread;
 }
 
 declare module 'material-ui/svg-icons/content/create' {
-  export import ContentCreate = __MaterialUI.SvgIcon;
-  export default ContentCreate;
+    export import ContentCreate = __MaterialUI.SvgIcon;
+    export default ContentCreate;
 }
 
 declare module 'material-ui/svg-icons/content/content-cut' {
-  export import ContentContentCut = __MaterialUI.SvgIcon;
-  export default ContentContentCut;
+    export import ContentContentCut = __MaterialUI.SvgIcon;
+    export default ContentContentCut;
 }
 
 declare module 'material-ui/svg-icons/content/clear' {
-  export import ContentClear = __MaterialUI.SvgIcon;
-  export default ContentClear;
+    export import ContentClear = __MaterialUI.SvgIcon;
+    export default ContentClear;
 }
 
 declare module 'material-ui/svg-icons/content/redo' {
-  export import ContentRedo = __MaterialUI.SvgIcon;
-  export default ContentRedo;
+    export import ContentRedo = __MaterialUI.SvgIcon;
+    export default ContentRedo;
 }
 
 declare module 'material-ui/svg-icons/content/block' {
-  export import ContentBlock = __MaterialUI.SvgIcon;
-  export default ContentBlock;
+    export import ContentBlock = __MaterialUI.SvgIcon;
+    export default ContentBlock;
 }
 
 declare module 'material-ui/svg-icons/content/forward' {
-  export import ContentForward = __MaterialUI.SvgIcon;
-  export default ContentForward;
+    export import ContentForward = __MaterialUI.SvgIcon;
+    export default ContentForward;
 }
 
 declare module 'material-ui/svg-icons/content/mail' {
-  export import ContentMail = __MaterialUI.SvgIcon;
-  export default ContentMail;
+    export import ContentMail = __MaterialUI.SvgIcon;
+    export default ContentMail;
 }
 
 declare module 'material-ui/svg-icons/content/inbox' {
-  export import ContentInbox = __MaterialUI.SvgIcon;
-  export default ContentInbox;
+    export import ContentInbox = __MaterialUI.SvgIcon;
+    export default ContentInbox;
 }
 
 declare module 'material-ui/svg-icons/content/remove-circle' {
-  export import ContentRemoveCircle = __MaterialUI.SvgIcon;
-  export default ContentRemoveCircle;
+    export import ContentRemoveCircle = __MaterialUI.SvgIcon;
+    export default ContentRemoveCircle;
 }
 
 declare module 'material-ui/svg-icons/content/move-to-inbox' {
-  export import ContentMoveToInbox = __MaterialUI.SvgIcon;
-  export default ContentMoveToInbox;
+    export import ContentMoveToInbox = __MaterialUI.SvgIcon;
+    export default ContentMoveToInbox;
 }
 
 declare module 'material-ui/svg-icons/content/flag' {
-  export import ContentFlag = __MaterialUI.SvgIcon;
-  export default ContentFlag;
+    export import ContentFlag = __MaterialUI.SvgIcon;
+    export default ContentFlag;
 }
 
 declare module 'material-ui/svg-icons/content/reply-all' {
-  export import ContentReplyAll = __MaterialUI.SvgIcon;
-  export default ContentReplyAll;
+    export import ContentReplyAll = __MaterialUI.SvgIcon;
+    export default ContentReplyAll;
 }
 
 declare module 'material-ui/svg-icons/content/remove' {
-  export import ContentRemove = __MaterialUI.SvgIcon;
-  export default ContentRemove;
+    export import ContentRemove = __MaterialUI.SvgIcon;
+    export default ContentRemove;
 }
 
 declare module 'material-ui/svg-icons/content/next-week' {
-  export import ContentNextWeek = __MaterialUI.SvgIcon;
-  export default ContentNextWeek;
+    export import ContentNextWeek = __MaterialUI.SvgIcon;
+    export default ContentNextWeek;
 }
 
 declare module 'material-ui/svg-icons/content/undo' {
-  export import ContentUndo = __MaterialUI.SvgIcon;
-  export default ContentUndo;
+    export import ContentUndo = __MaterialUI.SvgIcon;
+    export default ContentUndo;
 }
 
 declare module 'material-ui/svg-icons/content/font-download' {
-  export import ContentFontDownload = __MaterialUI.SvgIcon;
-  export default ContentFontDownload;
+    export import ContentFontDownload = __MaterialUI.SvgIcon;
+    export default ContentFontDownload;
 }
 
 declare module 'material-ui/svg-icons/content/remove-circle-outline' {
-  export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon;
-  export default ContentRemoveCircleOutline;
+    export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon;
+    export default ContentRemoveCircleOutline;
 }
 
 declare module 'material-ui/svg-icons/content/backspace' {
-  export import ContentBackspace = __MaterialUI.SvgIcon;
-  export default ContentBackspace;
+    export import ContentBackspace = __MaterialUI.SvgIcon;
+    export default ContentBackspace;
 }
 
 declare module 'material-ui/svg-icons/content/reply' {
-  export import ContentReply = __MaterialUI.SvgIcon;
-  export default ContentReply;
+    export import ContentReply = __MaterialUI.SvgIcon;
+    export default ContentReply;
 }
 
 declare module 'material-ui/svg-icons/content/report' {
-  export import ContentReport = __MaterialUI.SvgIcon;
-  export default ContentReport;
+    export import ContentReport = __MaterialUI.SvgIcon;
+    export default ContentReport;
 }
 
 declare module 'material-ui/svg-icons/content/add-circle' {
-  export import ContentAddCircle = __MaterialUI.SvgIcon;
-  export default ContentAddCircle;
+    export import ContentAddCircle = __MaterialUI.SvgIcon;
+    export default ContentAddCircle;
 }
 
 declare module 'material-ui/svg-icons/content/content-copy' {
-  export import ContentContentCopy = __MaterialUI.SvgIcon;
-  export default ContentContentCopy;
+    export import ContentContentCopy = __MaterialUI.SvgIcon;
+    export default ContentContentCopy;
 }
 
 declare module 'material-ui/svg-icons/content/content-paste' {
-  export import ContentContentPaste = __MaterialUI.SvgIcon;
-  export default ContentContentPaste;
+    export import ContentContentPaste = __MaterialUI.SvgIcon;
+    export default ContentContentPaste;
 }
 
 declare module 'material-ui/svg-icons/content/select-all' {
-  export import ContentSelectAll = __MaterialUI.SvgIcon;
-  export default ContentSelectAll;
+    export import ContentSelectAll = __MaterialUI.SvgIcon;
+    export default ContentSelectAll;
 }
 
 declare module 'material-ui/svg-icons/content/add-circle-outline' {
-  export import ContentAddCircleOutline = __MaterialUI.SvgIcon;
-  export default ContentAddCircleOutline;
+    export import ContentAddCircleOutline = __MaterialUI.SvgIcon;
+    export default ContentAddCircleOutline;
 }
 
 declare module 'material-ui/svg-icons/content/drafts' {
-  export import ContentDrafts = __MaterialUI.SvgIcon;
-  export default ContentDrafts;
+    export import ContentDrafts = __MaterialUI.SvgIcon;
+    export default ContentDrafts;
 }
 
 declare module 'material-ui/svg-icons/editor/wrap-text' {
-  export import EditorWrapText = __MaterialUI.SvgIcon;
-  export default EditorWrapText;
+    export import EditorWrapText = __MaterialUI.SvgIcon;
+    export default EditorWrapText;
 }
 
 declare module 'material-ui/svg-icons/editor/format-size' {
-  export import EditorFormatSize = __MaterialUI.SvgIcon;
-  export default EditorFormatSize;
+    export import EditorFormatSize = __MaterialUI.SvgIcon;
+    export default EditorFormatSize;
 }
 
 declare module 'material-ui/svg-icons/editor/functions' {
-  export import EditorFunctions = __MaterialUI.SvgIcon;
-  export default EditorFunctions;
+    export import EditorFunctions = __MaterialUI.SvgIcon;
+    export default EditorFunctions;
 }
 
 declare module 'material-ui/svg-icons/editor/format-bold' {
-  export import EditorFormatBold = __MaterialUI.SvgIcon;
-  export default EditorFormatBold;
+    export import EditorFormatBold = __MaterialUI.SvgIcon;
+    export default EditorFormatBold;
 }
 
 declare module 'material-ui/svg-icons/editor/format-align-center' {
-  export import EditorFormatAlignCenter = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignCenter;
+    export import EditorFormatAlignCenter = __MaterialUI.SvgIcon;
+    export default EditorFormatAlignCenter;
 }
 
 declare module 'material-ui/svg-icons/editor/mode-comment' {
-  export import EditorModeComment = __MaterialUI.SvgIcon;
-  export default EditorModeComment;
+    export import EditorModeComment = __MaterialUI.SvgIcon;
+    export default EditorModeComment;
 }
 
 declare module 'material-ui/svg-icons/editor/money-off' {
-  export import EditorMoneyOff = __MaterialUI.SvgIcon;
-  export default EditorMoneyOff;
+    export import EditorMoneyOff = __MaterialUI.SvgIcon;
+    export default EditorMoneyOff;
 }
 
 declare module 'material-ui/svg-icons/editor/format-textdirection-r-to-l' {
-  export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon;
-  export default EditorFormatTextdirectionRToL;
+    export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon;
+    export default EditorFormatTextdirectionRToL;
 }
 
 declare module 'material-ui/svg-icons/editor/insert-drive-file' {
-  export import EditorInsertDriveFile = __MaterialUI.SvgIcon;
-  export default EditorInsertDriveFile;
+    export import EditorInsertDriveFile = __MaterialUI.SvgIcon;
+    export default EditorInsertDriveFile;
 }
 
 declare module 'material-ui/svg-icons/editor/highlight' {
-  export import EditorHighlight = __MaterialUI.SvgIcon;
-  export default EditorHighlight;
+    export import EditorHighlight = __MaterialUI.SvgIcon;
+    export default EditorHighlight;
 }
 
 declare module 'material-ui/svg-icons/editor/format-clear' {
-  export import EditorFormatClear = __MaterialUI.SvgIcon;
-  export default EditorFormatClear;
+    export import EditorFormatClear = __MaterialUI.SvgIcon;
+    export default EditorFormatClear;
 }
 
 declare module 'material-ui/svg-icons/editor/border-style' {
-  export import EditorBorderStyle = __MaterialUI.SvgIcon;
-  export default EditorBorderStyle;
+    export import EditorBorderStyle = __MaterialUI.SvgIcon;
+    export default EditorBorderStyle;
 }
 
 declare module 'material-ui/svg-icons/editor/format-shapes' {
-  export import EditorFormatShapes = __MaterialUI.SvgIcon;
-  export default EditorFormatShapes;
+    export import EditorFormatShapes = __MaterialUI.SvgIcon;
+    export default EditorFormatShapes;
 }
 
 declare module 'material-ui/svg-icons/editor/format-paint' {
-  export import EditorFormatPaint = __MaterialUI.SvgIcon;
-  export default EditorFormatPaint;
+    export import EditorFormatPaint = __MaterialUI.SvgIcon;
+    export default EditorFormatPaint;
 }
 
 declare module 'material-ui/svg-icons/editor/linear-scale' {
-  export import EditorLinearScale = __MaterialUI.SvgIcon;
-  export default EditorLinearScale;
+    export import EditorLinearScale = __MaterialUI.SvgIcon;
+    export default EditorLinearScale;
 }
 
 declare module 'material-ui/svg-icons/editor/insert-photo' {
-  export import EditorInsertPhoto = __MaterialUI.SvgIcon;
-  export default EditorInsertPhoto;
+    export import EditorInsertPhoto = __MaterialUI.SvgIcon;
+    export default EditorInsertPhoto;
 }
 
 declare module 'material-ui/svg-icons/editor/drag-handle' {
-  export import EditorDragHandle = __MaterialUI.SvgIcon;
-  export default EditorDragHandle;
+    export import EditorDragHandle = __MaterialUI.SvgIcon;
+    export default EditorDragHandle;
 }
 
 declare module 'material-ui/svg-icons/editor/merge-type' {
-  export import EditorMergeType = __MaterialUI.SvgIcon;
-  export default EditorMergeType;
+    export import EditorMergeType = __MaterialUI.SvgIcon;
+    export default EditorMergeType;
 }
 
 declare module 'material-ui/svg-icons/editor/attach-money' {
-  export import EditorAttachMoney = __MaterialUI.SvgIcon;
-  export default EditorAttachMoney;
+    export import EditorAttachMoney = __MaterialUI.SvgIcon;
+    export default EditorAttachMoney;
 }
 
 declare module 'material-ui/svg-icons/editor/border-vertical' {
-  export import EditorBorderVertical = __MaterialUI.SvgIcon;
-  export default EditorBorderVertical;
+    export import EditorBorderVertical = __MaterialUI.SvgIcon;
+    export default EditorBorderVertical;
 }
 
 declare module 'material-ui/svg-icons/editor/format-indent-decrease' {
-  export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon;
-  export default EditorFormatIndentDecrease;
+    export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon;
+    export default EditorFormatIndentDecrease;
 }
 
 declare module 'material-ui/svg-icons/editor/insert-emoticon' {
-  export import EditorInsertEmoticon = __MaterialUI.SvgIcon;
-  export default EditorInsertEmoticon;
+    export import EditorInsertEmoticon = __MaterialUI.SvgIcon;
+    export default EditorInsertEmoticon;
 }
 
 declare module 'material-ui/svg-icons/editor/insert-invitation' {
-  export import EditorInsertInvitation = __MaterialUI.SvgIcon;
-  export default EditorInsertInvitation;
+    export import EditorInsertInvitation = __MaterialUI.SvgIcon;
+    export default EditorInsertInvitation;
 }
 
 declare module 'material-ui/svg-icons/editor/format-color-fill' {
-  export import EditorFormatColorFill = __MaterialUI.SvgIcon;
-  export default EditorFormatColorFill;
+    export import EditorFormatColorFill = __MaterialUI.SvgIcon;
+    export default EditorFormatColorFill;
 }
 
 declare module 'material-ui/svg-icons/editor/mode-edit' {
-  export import EditorModeEdit = __MaterialUI.SvgIcon;
-  export default EditorModeEdit;
+    export import EditorModeEdit = __MaterialUI.SvgIcon;
+    export default EditorModeEdit;
 }
 
 declare module 'material-ui/svg-icons/editor/vertical-align-bottom' {
-  export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon;
-  export default EditorVerticalAlignBottom;
+    export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon;
+    export default EditorVerticalAlignBottom;
 }
 
 declare module 'material-ui/svg-icons/editor/format-align-justify' {
-  export import EditorFormatAlignJustify = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignJustify;
+    export import EditorFormatAlignJustify = __MaterialUI.SvgIcon;
+    export default EditorFormatAlignJustify;
 }
 
 declare module 'material-ui/svg-icons/editor/attach-file' {
-  export import EditorAttachFile = __MaterialUI.SvgIcon;
-  export default EditorAttachFile;
+    export import EditorAttachFile = __MaterialUI.SvgIcon;
+    export default EditorAttachFile;
 }
 
 declare module 'material-ui/svg-icons/editor/space-bar' {
-  export import EditorSpaceBar = __MaterialUI.SvgIcon;
-  export default EditorSpaceBar;
+    export import EditorSpaceBar = __MaterialUI.SvgIcon;
+    export default EditorSpaceBar;
 }
 
 declare module 'material-ui/svg-icons/editor/border-clear' {
-  export import EditorBorderClear = __MaterialUI.SvgIcon;
-  export default EditorBorderClear;
+    export import EditorBorderClear = __MaterialUI.SvgIcon;
+    export default EditorBorderClear;
 }
 
 declare module 'material-ui/svg-icons/editor/short-text' {
-  export import EditorShortText = __MaterialUI.SvgIcon;
-  export default EditorShortText;
+    export import EditorShortText = __MaterialUI.SvgIcon;
+    export default EditorShortText;
 }
 
 declare module 'material-ui/svg-icons/editor/insert-link' {
-  export import EditorInsertLink = __MaterialUI.SvgIcon;
-  export default EditorInsertLink;
+    export import EditorInsertLink = __MaterialUI.SvgIcon;
+    export default EditorInsertLink;
 }
 
 declare module 'material-ui/svg-icons/editor/format-list-numbered' {
-  export import EditorFormatListNumbered = __MaterialUI.SvgIcon;
-  export default EditorFormatListNumbered;
+    export import EditorFormatListNumbered = __MaterialUI.SvgIcon;
+    export default EditorFormatListNumbered;
 }
 
 declare module 'material-ui/svg-icons/editor/format-quote' {
-  export import EditorFormatQuote = __MaterialUI.SvgIcon;
-  export default EditorFormatQuote;
+    export import EditorFormatQuote = __MaterialUI.SvgIcon;
+    export default EditorFormatQuote;
 }
 
 declare module 'material-ui/svg-icons/editor/border-left' {
-  export import EditorBorderLeft = __MaterialUI.SvgIcon;
-  export default EditorBorderLeft;
+    export import EditorBorderLeft = __MaterialUI.SvgIcon;
+    export default EditorBorderLeft;
 }
 
 declare module 'material-ui/svg-icons/editor/format-underlined' {
-  export import EditorFormatUnderlined = __MaterialUI.SvgIcon;
-  export default EditorFormatUnderlined;
+    export import EditorFormatUnderlined = __MaterialUI.SvgIcon;
+    export default EditorFormatUnderlined;
 }
 
 declare module 'material-ui/svg-icons/editor/text-fields' {
-  export import EditorTextFields = __MaterialUI.SvgIcon;
-  export default EditorTextFields;
+    export import EditorTextFields = __MaterialUI.SvgIcon;
+    export default EditorTextFields;
 }
 
 declare module 'material-ui/svg-icons/editor/format-italic' {
-  export import EditorFormatItalic = __MaterialUI.SvgIcon;
-  export default EditorFormatItalic;
+    export import EditorFormatItalic = __MaterialUI.SvgIcon;
+    export default EditorFormatItalic;
 }
 
 declare module 'material-ui/svg-icons/editor/publish' {
-  export import EditorPublish = __MaterialUI.SvgIcon;
-  export default EditorPublish;
+    export import EditorPublish = __MaterialUI.SvgIcon;
+    export default EditorPublish;
 }
 
 declare module 'material-ui/svg-icons/editor/border-top' {
-  export import EditorBorderTop = __MaterialUI.SvgIcon;
-  export default EditorBorderTop;
+    export import EditorBorderTop = __MaterialUI.SvgIcon;
+    export default EditorBorderTop;
 }
 
 declare module 'material-ui/svg-icons/editor/format-indent-increase' {
-  export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon;
-  export default EditorFormatIndentIncrease;
+    export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon;
+    export default EditorFormatIndentIncrease;
 }
 
 declare module 'material-ui/svg-icons/editor/border-bottom' {
-  export import EditorBorderBottom = __MaterialUI.SvgIcon;
-  export default EditorBorderBottom;
+    export import EditorBorderBottom = __MaterialUI.SvgIcon;
+    export default EditorBorderBottom;
 }
 
 declare module 'material-ui/svg-icons/editor/format-align-right' {
-  export import EditorFormatAlignRight = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignRight;
+    export import EditorFormatAlignRight = __MaterialUI.SvgIcon;
+    export default EditorFormatAlignRight;
 }
 
 declare module 'material-ui/svg-icons/editor/border-right' {
-  export import EditorBorderRight = __MaterialUI.SvgIcon;
-  export default EditorBorderRight;
+    export import EditorBorderRight = __MaterialUI.SvgIcon;
+    export default EditorBorderRight;
 }
 
 declare module 'material-ui/svg-icons/editor/insert-comment' {
-  export import EditorInsertComment = __MaterialUI.SvgIcon;
-  export default EditorInsertComment;
+    export import EditorInsertComment = __MaterialUI.SvgIcon;
+    export default EditorInsertComment;
 }
 
 declare module 'material-ui/svg-icons/editor/strikethrough-s' {
-  export import EditorStrikethroughS = __MaterialUI.SvgIcon;
-  export default EditorStrikethroughS;
+    export import EditorStrikethroughS = __MaterialUI.SvgIcon;
+    export default EditorStrikethroughS;
 }
 
 declare module 'material-ui/svg-icons/editor/format-strikethrough' {
-  export import EditorFormatStrikethrough = __MaterialUI.SvgIcon;
-  export default EditorFormatStrikethrough;
+    export import EditorFormatStrikethrough = __MaterialUI.SvgIcon;
+    export default EditorFormatStrikethrough;
 }
 
 declare module 'material-ui/svg-icons/editor/insert-chart' {
-  export import EditorInsertChart = __MaterialUI.SvgIcon;
-  export default EditorInsertChart;
+    export import EditorInsertChart = __MaterialUI.SvgIcon;
+    export default EditorInsertChart;
 }
 
 declare module 'material-ui/svg-icons/editor/format-color-reset' {
-  export import EditorFormatColorReset = __MaterialUI.SvgIcon;
-  export default EditorFormatColorReset;
+    export import EditorFormatColorReset = __MaterialUI.SvgIcon;
+    export default EditorFormatColorReset;
 }
 
 declare module 'material-ui/svg-icons/editor/border-inner' {
-  export import EditorBorderInner = __MaterialUI.SvgIcon;
-  export default EditorBorderInner;
+    export import EditorBorderInner = __MaterialUI.SvgIcon;
+    export default EditorBorderInner;
 }
 
 declare module 'material-ui/svg-icons/editor/format-color-text' {
-  export import EditorFormatColorText = __MaterialUI.SvgIcon;
-  export default EditorFormatColorText;
+    export import EditorFormatColorText = __MaterialUI.SvgIcon;
+    export default EditorFormatColorText;
 }
 
 declare module 'material-ui/svg-icons/editor/border-horizontal' {
-  export import EditorBorderHorizontal = __MaterialUI.SvgIcon;
-  export default EditorBorderHorizontal;
+    export import EditorBorderHorizontal = __MaterialUI.SvgIcon;
+    export default EditorBorderHorizontal;
 }
 
 declare module 'material-ui/svg-icons/editor/format-list-bulleted' {
-  export import EditorFormatListBulleted = __MaterialUI.SvgIcon;
-  export default EditorFormatListBulleted;
+    export import EditorFormatListBulleted = __MaterialUI.SvgIcon;
+    export default EditorFormatListBulleted;
 }
 
 declare module 'material-ui/svg-icons/editor/border-outer' {
-  export import EditorBorderOuter = __MaterialUI.SvgIcon;
-  export default EditorBorderOuter;
+    export import EditorBorderOuter = __MaterialUI.SvgIcon;
+    export default EditorBorderOuter;
 }
 
 declare module 'material-ui/svg-icons/editor/format-align-left' {
-  export import EditorFormatAlignLeft = __MaterialUI.SvgIcon;
-  export default EditorFormatAlignLeft;
+    export import EditorFormatAlignLeft = __MaterialUI.SvgIcon;
+    export default EditorFormatAlignLeft;
 }
 
 declare module 'material-ui/svg-icons/editor/border-color' {
-  export import EditorBorderColor = __MaterialUI.SvgIcon;
-  export default EditorBorderColor;
+    export import EditorBorderColor = __MaterialUI.SvgIcon;
+    export default EditorBorderColor;
 }
 
 declare module 'material-ui/svg-icons/editor/format-textdirection-l-to-r' {
-  export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon;
-  export default EditorFormatTextdirectionLToR;
+    export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon;
+    export default EditorFormatTextdirectionLToR;
 }
 
 declare module 'material-ui/svg-icons/editor/vertical-align-center' {
-  export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon;
-  export default EditorVerticalAlignCenter;
+    export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon;
+    export default EditorVerticalAlignCenter;
 }
 
 declare module 'material-ui/svg-icons/editor/vertical-align-top' {
-  export import EditorVerticalAlignTop = __MaterialUI.SvgIcon;
-  export default EditorVerticalAlignTop;
+    export import EditorVerticalAlignTop = __MaterialUI.SvgIcon;
+    export default EditorVerticalAlignTop;
 }
 
 declare module 'material-ui/svg-icons/editor/format-line-spacing' {
-  export import EditorFormatLineSpacing = __MaterialUI.SvgIcon;
-  export default EditorFormatLineSpacing;
+    export import EditorFormatLineSpacing = __MaterialUI.SvgIcon;
+    export default EditorFormatLineSpacing;
 }
 
 declare module 'material-ui/svg-icons/editor/border-all' {
-  export import EditorBorderAll = __MaterialUI.SvgIcon;
-  export default EditorBorderAll;
+    export import EditorBorderAll = __MaterialUI.SvgIcon;
+    export default EditorBorderAll;
 }
 
 declare module 'material-ui/svg-icons/device/screen-lock-portrait' {
-  export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon;
-  export default DeviceScreenLockPortrait;
+    export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon;
+    export default DeviceScreenLockPortrait;
 }
 
 declare module 'material-ui/svg-icons/device/signal-cellular-off' {
-  export import DeviceSignalCellularOff = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularOff;
+    export import DeviceSignalCellularOff = __MaterialUI.SvgIcon;
+    export default DeviceSignalCellularOff;
 }
 
 declare module 'material-ui/svg-icons/device/bluetooth-searching' {
-  export import DeviceBluetoothSearching = __MaterialUI.SvgIcon;
-  export default DeviceBluetoothSearching;
+    export import DeviceBluetoothSearching = __MaterialUI.SvgIcon;
+    export default DeviceBluetoothSearching;
 }
 
 declare module 'material-ui/svg-icons/device/signal-cellular-3-bar' {
-  export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular3Bar;
+    export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalCellular3Bar;
 }
 
 declare module 'material-ui/svg-icons/device/network-cell' {
-  export import DeviceNetworkCell = __MaterialUI.SvgIcon;
-  export default DeviceNetworkCell;
+    export import DeviceNetworkCell = __MaterialUI.SvgIcon;
+    export default DeviceNetworkCell;
 }
 
 declare module 'material-ui/svg-icons/device/signal-cellular-no-sim' {
-  export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularNoSim;
+    export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon;
+    export default DeviceSignalCellularNoSim;
 }
 
 declare module 'material-ui/svg-icons/device/signal-wifi-2-bar' {
-  export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi2Bar;
+    export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalWifi2Bar;
 }
 
 declare module 'material-ui/svg-icons/device/devices' {
-  export import DeviceDevices = __MaterialUI.SvgIcon;
-  export default DeviceDevices;
+    export import DeviceDevices = __MaterialUI.SvgIcon;
+    export default DeviceDevices;
 }
 
 declare module 'material-ui/svg-icons/device/battery-90' {
-  export import DeviceBattery90 = __MaterialUI.SvgIcon;
-  export default DeviceBattery90;
+    export import DeviceBattery90 = __MaterialUI.SvgIcon;
+    export default DeviceBattery90;
 }
 
 declare module 'material-ui/svg-icons/device/battery-charging-80' {
-  export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging80;
+    export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon;
+    export default DeviceBatteryCharging80;
 }
 
 declare module 'material-ui/svg-icons/device/location-searching' {
-  export import DeviceLocationSearching = __MaterialUI.SvgIcon;
-  export default DeviceLocationSearching;
+    export import DeviceLocationSearching = __MaterialUI.SvgIcon;
+    export default DeviceLocationSearching;
 }
 
 declare module 'material-ui/svg-icons/device/wallpaper' {
-  export import DeviceWallpaper = __MaterialUI.SvgIcon;
-  export default DeviceWallpaper;
+    export import DeviceWallpaper = __MaterialUI.SvgIcon;
+    export default DeviceWallpaper;
 }
 
 declare module 'material-ui/svg-icons/device/screen-lock-rotation' {
-  export import DeviceScreenLockRotation = __MaterialUI.SvgIcon;
-  export default DeviceScreenLockRotation;
+    export import DeviceScreenLockRotation = __MaterialUI.SvgIcon;
+    export default DeviceScreenLockRotation;
 }
 
 declare module 'material-ui/svg-icons/device/screen-lock-landscape' {
-  export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon;
-  export default DeviceScreenLockLandscape;
+    export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon;
+    export default DeviceScreenLockLandscape;
 }
 
 declare module 'material-ui/svg-icons/device/battery-charging-20' {
-  export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging20;
+    export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon;
+    export default DeviceBatteryCharging20;
 }
 
 declare module 'material-ui/svg-icons/device/usb' {
-  export import DeviceUsb = __MaterialUI.SvgIcon;
-  export default DeviceUsb;
+    export import DeviceUsb = __MaterialUI.SvgIcon;
+    export default DeviceUsb;
 }
 
 declare module 'material-ui/svg-icons/device/airplanemode-active' {
-  export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon;
-  export default DeviceAirplanemodeActive;
+    export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon;
+    export default DeviceAirplanemodeActive;
 }
 
 declare module 'material-ui/svg-icons/device/network-wifi' {
-  export import DeviceNetworkWifi = __MaterialUI.SvgIcon;
-  export default DeviceNetworkWifi;
+    export import DeviceNetworkWifi = __MaterialUI.SvgIcon;
+    export default DeviceNetworkWifi;
 }
 
 declare module 'material-ui/svg-icons/device/graphic-eq' {
-  export import DeviceGraphicEq = __MaterialUI.SvgIcon;
-  export default DeviceGraphicEq;
+    export import DeviceGraphicEq = __MaterialUI.SvgIcon;
+    export default DeviceGraphicEq;
 }
 
 declare module 'material-ui/svg-icons/device/bluetooth-connected' {
-  export import DeviceBluetoothConnected = __MaterialUI.SvgIcon;
-  export default DeviceBluetoothConnected;
+    export import DeviceBluetoothConnected = __MaterialUI.SvgIcon;
+    export default DeviceBluetoothConnected;
 }
 
 declare module 'material-ui/svg-icons/device/gps-fixed' {
-  export import DeviceGpsFixed = __MaterialUI.SvgIcon;
-  export default DeviceGpsFixed;
+    export import DeviceGpsFixed = __MaterialUI.SvgIcon;
+    export default DeviceGpsFixed;
 }
 
 declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-4-bar' {
-  export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet4Bar;
+    export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalCellularConnectedNoInternet4Bar;
 }
 
 declare module 'material-ui/svg-icons/device/brightness-medium' {
-  export import DeviceBrightnessMedium = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessMedium;
+    export import DeviceBrightnessMedium = __MaterialUI.SvgIcon;
+    export default DeviceBrightnessMedium;
 }
 
 declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-3-bar' {
-  export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet3Bar;
+    export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalCellularConnectedNoInternet3Bar;
 }
 
 declare module 'material-ui/svg-icons/device/signal-wifi-3-bar-lock' {
-  export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi3BarLock;
+    export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon;
+    export default DeviceSignalWifi3BarLock;
 }
 
 declare module 'material-ui/svg-icons/device/battery-80' {
-  export import DeviceBattery80 = __MaterialUI.SvgIcon;
-  export default DeviceBattery80;
+    export import DeviceBattery80 = __MaterialUI.SvgIcon;
+    export default DeviceBattery80;
 }
 
 declare module 'material-ui/svg-icons/device/wifi-lock' {
-  export import DeviceWifiLock = __MaterialUI.SvgIcon;
-  export default DeviceWifiLock;
+    export import DeviceWifiLock = __MaterialUI.SvgIcon;
+    export default DeviceWifiLock;
 }
 
 declare module 'material-ui/svg-icons/device/signal-wifi-2-bar-lock' {
-  export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi2BarLock;
+    export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon;
+    export default DeviceSignalWifi2BarLock;
 }
 
 declare module 'material-ui/svg-icons/device/bluetooth' {
-  export import DeviceBluetooth = __MaterialUI.SvgIcon;
-  export default DeviceBluetooth;
+    export import DeviceBluetooth = __MaterialUI.SvgIcon;
+    export default DeviceBluetooth;
 }
 
 declare module 'material-ui/svg-icons/device/access-time' {
-  export import DeviceAccessTime = __MaterialUI.SvgIcon;
-  export default DeviceAccessTime;
+    export import DeviceAccessTime = __MaterialUI.SvgIcon;
+    export default DeviceAccessTime;
 }
 
 declare module 'material-ui/svg-icons/device/battery-charging-30' {
-  export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging30;
+    export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon;
+    export default DeviceBatteryCharging30;
 }
 
 declare module 'material-ui/svg-icons/device/signal-wifi-off' {
-  export import DeviceSignalWifiOff = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifiOff;
+    export import DeviceSignalWifiOff = __MaterialUI.SvgIcon;
+    export default DeviceSignalWifiOff;
 }
 
 declare module 'material-ui/svg-icons/device/dvr' {
-  export import DeviceDvr = __MaterialUI.SvgIcon;
-  export default DeviceDvr;
+    export import DeviceDvr = __MaterialUI.SvgIcon;
+    export default DeviceDvr;
 }
 
 declare module 'material-ui/svg-icons/device/battery-60' {
-  export import DeviceBattery60 = __MaterialUI.SvgIcon;
-  export default DeviceBattery60;
+    export import DeviceBattery60 = __MaterialUI.SvgIcon;
+    export default DeviceBattery60;
 }
 
 declare module 'material-ui/svg-icons/device/access-alarm' {
-  export import DeviceAccessAlarm = __MaterialUI.SvgIcon;
-  export default DeviceAccessAlarm;
+    export import DeviceAccessAlarm = __MaterialUI.SvgIcon;
+    export default DeviceAccessAlarm;
 }
 
 declare module 'material-ui/svg-icons/device/nfc' {
-  export import DeviceNfc = __MaterialUI.SvgIcon;
-  export default DeviceNfc;
+    export import DeviceNfc = __MaterialUI.SvgIcon;
+    export default DeviceNfc;
 }
 
 declare module 'material-ui/svg-icons/device/data-usage' {
-  export import DeviceDataUsage = __MaterialUI.SvgIcon;
-  export default DeviceDataUsage;
+    export import DeviceDataUsage = __MaterialUI.SvgIcon;
+    export default DeviceDataUsage;
 }
 
 declare module 'material-ui/svg-icons/device/access-alarms' {
-  export import DeviceAccessAlarms = __MaterialUI.SvgIcon;
-  export default DeviceAccessAlarms;
+    export import DeviceAccessAlarms = __MaterialUI.SvgIcon;
+    export default DeviceAccessAlarms;
 }
 
 declare module 'material-ui/svg-icons/device/battery-full' {
-  export import DeviceBatteryFull = __MaterialUI.SvgIcon;
-  export default DeviceBatteryFull;
+    export import DeviceBatteryFull = __MaterialUI.SvgIcon;
+    export default DeviceBatteryFull;
 }
 
 declare module 'material-ui/svg-icons/device/battery-charging-full' {
-  export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon;
-  export default DeviceBatteryChargingFull;
+    export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon;
+    export default DeviceBatteryChargingFull;
 }
 
 declare module 'material-ui/svg-icons/device/settings-system-daydream' {
-  export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon;
-  export default DeviceSettingsSystemDaydream;
+    export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon;
+    export default DeviceSettingsSystemDaydream;
 }
 
 declare module 'material-ui/svg-icons/device/battery-std' {
-  export import DeviceBatteryStd = __MaterialUI.SvgIcon;
-  export default DeviceBatteryStd;
+    export import DeviceBatteryStd = __MaterialUI.SvgIcon;
+    export default DeviceBatteryStd;
 }
 
 declare module 'material-ui/svg-icons/device/battery-unknown' {
-  export import DeviceBatteryUnknown = __MaterialUI.SvgIcon;
-  export default DeviceBatteryUnknown;
+    export import DeviceBatteryUnknown = __MaterialUI.SvgIcon;
+    export default DeviceBatteryUnknown;
 }
 
 declare module 'material-ui/svg-icons/device/add-alarm' {
-  export import DeviceAddAlarm = __MaterialUI.SvgIcon;
-  export default DeviceAddAlarm;
+    export import DeviceAddAlarm = __MaterialUI.SvgIcon;
+    export default DeviceAddAlarm;
 }
 
 declare module 'material-ui/svg-icons/device/storage' {
-  export import DeviceStorage = __MaterialUI.SvgIcon;
-  export default DeviceStorage;
+    export import DeviceStorage = __MaterialUI.SvgIcon;
+    export default DeviceStorage;
 }
 
 declare module 'material-ui/svg-icons/device/battery-charging-90' {
-  export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging90;
+    export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon;
+    export default DeviceBatteryCharging90;
 }
 
 declare module 'material-ui/svg-icons/device/screen-rotation' {
-  export import DeviceScreenRotation = __MaterialUI.SvgIcon;
-  export default DeviceScreenRotation;
+    export import DeviceScreenRotation = __MaterialUI.SvgIcon;
+    export default DeviceScreenRotation;
 }
 
 declare module 'material-ui/svg-icons/device/signal-wifi-4-bar' {
-  export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi4Bar;
+    export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalWifi4Bar;
 }
 
 declare module 'material-ui/svg-icons/device/battery-charging-50' {
-  export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging50;
+    export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon;
+    export default DeviceBatteryCharging50;
 }
 
 declare module 'material-ui/svg-icons/device/battery-30' {
-  export import DeviceBattery30 = __MaterialUI.SvgIcon;
-  export default DeviceBattery30;
+    export import DeviceBattery30 = __MaterialUI.SvgIcon;
+    export default DeviceBattery30;
 }
 
 declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-0-bar' {
-  export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet0Bar;
+    export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalCellularConnectedNoInternet0Bar;
 }
 
 declare module 'material-ui/svg-icons/device/battery-alert' {
-  export import DeviceBatteryAlert = __MaterialUI.SvgIcon;
-  export default DeviceBatteryAlert;
+    export import DeviceBatteryAlert = __MaterialUI.SvgIcon;
+    export default DeviceBatteryAlert;
 }
 
 declare module 'material-ui/svg-icons/device/signal-wifi-1-bar' {
-  export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi1Bar;
+    export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalWifi1Bar;
 }
 
 declare module 'material-ui/svg-icons/device/signal-cellular-4-bar' {
-  export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular4Bar;
+    export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalCellular4Bar;
 }
 
 declare module 'material-ui/svg-icons/device/wifi-tethering' {
-  export import DeviceWifiTethering = __MaterialUI.SvgIcon;
-  export default DeviceWifiTethering;
+    export import DeviceWifiTethering = __MaterialUI.SvgIcon;
+    export default DeviceWifiTethering;
 }
 
 declare module 'material-ui/svg-icons/device/signal-wifi-0-bar' {
-  export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi0Bar;
+    export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalWifi0Bar;
 }
 
 declare module 'material-ui/svg-icons/device/brightness-auto' {
-  export import DeviceBrightnessAuto = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessAuto;
+    export import DeviceBrightnessAuto = __MaterialUI.SvgIcon;
+    export default DeviceBrightnessAuto;
 }
 
 declare module 'material-ui/svg-icons/device/location-disabled' {
-  export import DeviceLocationDisabled = __MaterialUI.SvgIcon;
-  export default DeviceLocationDisabled;
+    export import DeviceLocationDisabled = __MaterialUI.SvgIcon;
+    export default DeviceLocationDisabled;
 }
 
 declare module 'material-ui/svg-icons/device/signal-wifi-3-bar' {
-  export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi3Bar;
+    export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalWifi3Bar;
 }
 
 declare module 'material-ui/svg-icons/device/gps-not-fixed' {
-  export import DeviceGpsNotFixed = __MaterialUI.SvgIcon;
-  export default DeviceGpsNotFixed;
+    export import DeviceGpsNotFixed = __MaterialUI.SvgIcon;
+    export default DeviceGpsNotFixed;
 }
 
 declare module 'material-ui/svg-icons/device/signal-cellular-1-bar' {
-  export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular1Bar;
+    export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalCellular1Bar;
 }
 
 declare module 'material-ui/svg-icons/device/battery-charging-60' {
-  export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon;
-  export default DeviceBatteryCharging60;
+    export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon;
+    export default DeviceBatteryCharging60;
 }
 
 declare module 'material-ui/svg-icons/device/gps-off' {
-  export import DeviceGpsOff = __MaterialUI.SvgIcon;
-  export default DeviceGpsOff;
+    export import DeviceGpsOff = __MaterialUI.SvgIcon;
+    export default DeviceGpsOff;
 }
 
 declare module 'material-ui/svg-icons/device/signal-cellular-null' {
-  export import DeviceSignalCellularNull = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularNull;
+    export import DeviceSignalCellularNull = __MaterialUI.SvgIcon;
+    export default DeviceSignalCellularNull;
 }
 
 declare module 'material-ui/svg-icons/device/brightness-low' {
-  export import DeviceBrightnessLow = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessLow;
+    export import DeviceBrightnessLow = __MaterialUI.SvgIcon;
+    export default DeviceBrightnessLow;
 }
 
 declare module 'material-ui/svg-icons/device/sd-storage' {
-  export import DeviceSdStorage = __MaterialUI.SvgIcon;
-  export default DeviceSdStorage;
+    export import DeviceSdStorage = __MaterialUI.SvgIcon;
+    export default DeviceSdStorage;
 }
 
 declare module 'material-ui/svg-icons/device/airplanemode-inactive' {
-  export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon;
-  export default DeviceAirplanemodeInactive;
+    export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon;
+    export default DeviceAirplanemodeInactive;
 }
 
 declare module 'material-ui/svg-icons/device/widgets' {
-  export import DeviceWidgets = __MaterialUI.SvgIcon;
-  export default DeviceWidgets;
+    export import DeviceWidgets = __MaterialUI.SvgIcon;
+    export default DeviceWidgets;
 }
 
 declare module 'material-ui/svg-icons/device/brightness-high' {
-  export import DeviceBrightnessHigh = __MaterialUI.SvgIcon;
-  export default DeviceBrightnessHigh;
+    export import DeviceBrightnessHigh = __MaterialUI.SvgIcon;
+    export default DeviceBrightnessHigh;
 }
 
 declare module 'material-ui/svg-icons/device/battery-20' {
-  export import DeviceBattery20 = __MaterialUI.SvgIcon;
-  export default DeviceBattery20;
+    export import DeviceBattery20 = __MaterialUI.SvgIcon;
+    export default DeviceBattery20;
 }
 
 declare module 'material-ui/svg-icons/device/bluetooth-disabled' {
-  export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon;
-  export default DeviceBluetoothDisabled;
+    export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon;
+    export default DeviceBluetoothDisabled;
 }
 
 declare module 'material-ui/svg-icons/device/signal-wifi-4-bar-lock' {
-  export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi4BarLock;
+    export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon;
+    export default DeviceSignalWifi4BarLock;
 }
 
 declare module 'material-ui/svg-icons/device/developer-mode' {
-  export import DeviceDeveloperMode = __MaterialUI.SvgIcon;
-  export default DeviceDeveloperMode;
+    export import DeviceDeveloperMode = __MaterialUI.SvgIcon;
+    export default DeviceDeveloperMode;
 }
 
 declare module 'material-ui/svg-icons/device/battery-50' {
-  export import DeviceBattery50 = __MaterialUI.SvgIcon;
-  export default DeviceBattery50;
+    export import DeviceBattery50 = __MaterialUI.SvgIcon;
+    export default DeviceBattery50;
 }
 
 declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-1-bar' {
-  export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet1Bar;
+    export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalCellularConnectedNoInternet1Bar;
 }
 
 declare module 'material-ui/svg-icons/device/signal-cellular-2-bar' {
-  export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular2Bar;
+    export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalCellular2Bar;
 }
 
 declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-2-bar' {
-  export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellularConnectedNoInternet2Bar;
+    export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalCellularConnectedNoInternet2Bar;
 }
 
 declare module 'material-ui/svg-icons/device/signal-cellular-0-bar' {
-  export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon;
-  export default DeviceSignalCellular0Bar;
+    export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon;
+    export default DeviceSignalCellular0Bar;
 }
 
 declare module 'material-ui/svg-icons/device/signal-wifi-1-bar-lock' {
-  export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon;
-  export default DeviceSignalWifi1BarLock;
+    export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon;
+    export default DeviceSignalWifi1BarLock;
 }
 
 declare module 'material-ui/svg-icons/navigation/arrow-forward' {
-  export import NavigationArrowForward = __MaterialUI.SvgIcon;
-  export default NavigationArrowForward;
+    export import NavigationArrowForward = __MaterialUI.SvgIcon;
+    export default NavigationArrowForward;
 }
 
 declare module 'material-ui/svg-icons/navigation/unfold-more' {
-  export import NavigationUnfoldMore = __MaterialUI.SvgIcon;
-  export default NavigationUnfoldMore;
+    export import NavigationUnfoldMore = __MaterialUI.SvgIcon;
+    export default NavigationUnfoldMore;
 }
 
 declare module 'material-ui/svg-icons/navigation/arrow-drop-down' {
-  export import NavigationArrowDropDown = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropDown;
+    export import NavigationArrowDropDown = __MaterialUI.SvgIcon;
+    export default NavigationArrowDropDown;
 }
 
 declare module 'material-ui/svg-icons/navigation/arrow-back' {
-  export import NavigationArrowBack = __MaterialUI.SvgIcon;
-  export default NavigationArrowBack;
+    export import NavigationArrowBack = __MaterialUI.SvgIcon;
+    export default NavigationArrowBack;
 }
 
 declare module 'material-ui/svg-icons/navigation/arrow-downward' {
-  export import NavigationArrowDownward = __MaterialUI.SvgIcon;
-  export default NavigationArrowDownward;
+    export import NavigationArrowDownward = __MaterialUI.SvgIcon;
+    export default NavigationArrowDownward;
 }
 
 declare module 'material-ui/svg-icons/navigation/fullscreen' {
-  export import NavigationFullscreen = __MaterialUI.SvgIcon;
-  export default NavigationFullscreen;
+    export import NavigationFullscreen = __MaterialUI.SvgIcon;
+    export default NavigationFullscreen;
 }
 
 declare module 'material-ui/svg-icons/navigation/unfold-less' {
-  export import NavigationUnfoldLess = __MaterialUI.SvgIcon;
-  export default NavigationUnfoldLess;
+    export import NavigationUnfoldLess = __MaterialUI.SvgIcon;
+    export default NavigationUnfoldLess;
 }
 
 declare module 'material-ui/svg-icons/navigation/chevron-right' {
-  export import NavigationChevronRight = __MaterialUI.SvgIcon;
-  export default NavigationChevronRight;
+    export import NavigationChevronRight = __MaterialUI.SvgIcon;
+    export default NavigationChevronRight;
 }
 
 declare module 'material-ui/svg-icons/navigation/arrow-drop-down-circle' {
-  export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropDownCircle;
+    export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon;
+    export default NavigationArrowDropDownCircle;
 }
 
 declare module 'material-ui/svg-icons/navigation/check' {
-  export import NavigationCheck = __MaterialUI.SvgIcon;
-  export default NavigationCheck;
+    export import NavigationCheck = __MaterialUI.SvgIcon;
+    export default NavigationCheck;
 }
 
 declare module 'material-ui/svg-icons/navigation/fullscreen-exit' {
-  export import NavigationFullscreenExit = __MaterialUI.SvgIcon;
-  export default NavigationFullscreenExit;
+    export import NavigationFullscreenExit = __MaterialUI.SvgIcon;
+    export default NavigationFullscreenExit;
 }
 
 declare module 'material-ui/svg-icons/navigation/chevron-left' {
-  export import NavigationChevronLeft = __MaterialUI.SvgIcon;
-  export default NavigationChevronLeft;
+    export import NavigationChevronLeft = __MaterialUI.SvgIcon;
+    export default NavigationChevronLeft;
 }
 
 declare module 'material-ui/svg-icons/navigation/menu' {
-  export import NavigationMenu = __MaterialUI.SvgIcon;
-  export default NavigationMenu;
+    export import NavigationMenu = __MaterialUI.SvgIcon;
+    export default NavigationMenu;
 }
 
 declare module 'material-ui/svg-icons/navigation/apps' {
-  export import NavigationApps = __MaterialUI.SvgIcon;
-  export default NavigationApps;
+    export import NavigationApps = __MaterialUI.SvgIcon;
+    export default NavigationApps;
 }
 
 declare module 'material-ui/svg-icons/navigation/arrow-upward' {
-  export import NavigationArrowUpward = __MaterialUI.SvgIcon;
-  export default NavigationArrowUpward;
+    export import NavigationArrowUpward = __MaterialUI.SvgIcon;
+    export default NavigationArrowUpward;
 }
 
 declare module 'material-ui/svg-icons/navigation/close' {
-  export import NavigationClose = __MaterialUI.SvgIcon;
-  export default NavigationClose;
+    export import NavigationClose = __MaterialUI.SvgIcon;
+    export default NavigationClose;
 }
 
 declare module 'material-ui/svg-icons/navigation/more-horiz' {
-  export import NavigationMoreHoriz = __MaterialUI.SvgIcon;
-  export default NavigationMoreHoriz;
+    export import NavigationMoreHoriz = __MaterialUI.SvgIcon;
+    export default NavigationMoreHoriz;
 }
 
 declare module 'material-ui/svg-icons/navigation/cancel' {
-  export import NavigationCancel = __MaterialUI.SvgIcon;
-  export default NavigationCancel;
+    export import NavigationCancel = __MaterialUI.SvgIcon;
+    export default NavigationCancel;
 }
 
 declare module 'material-ui/svg-icons/navigation/subdirectory-arrow-right' {
-  export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon;
-  export default NavigationSubdirectoryArrowRight;
+    export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon;
+    export default NavigationSubdirectoryArrowRight;
 }
 
 declare module 'material-ui/svg-icons/navigation/expand-more' {
-  export import NavigationExpandMore = __MaterialUI.SvgIcon;
-  export default NavigationExpandMore;
+    export import NavigationExpandMore = __MaterialUI.SvgIcon;
+    export default NavigationExpandMore;
 }
 
 declare module 'material-ui/svg-icons/navigation/arrow-drop-up' {
-  export import NavigationArrowDropUp = __MaterialUI.SvgIcon;
-  export default NavigationArrowDropUp;
+    export import NavigationArrowDropUp = __MaterialUI.SvgIcon;
+    export default NavigationArrowDropUp;
 }
 
 declare module 'material-ui/svg-icons/navigation/subdirectory-arrow-left' {
-  export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon;
-  export default NavigationSubdirectoryArrowLeft;
+    export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon;
+    export default NavigationSubdirectoryArrowLeft;
 }
 
 declare module 'material-ui/svg-icons/navigation/expand-less' {
-  export import NavigationExpandLess = __MaterialUI.SvgIcon;
-  export default NavigationExpandLess;
+    export import NavigationExpandLess = __MaterialUI.SvgIcon;
+    export default NavigationExpandLess;
 }
 
 declare module 'material-ui/svg-icons/navigation/refresh' {
-  export import NavigationRefresh = __MaterialUI.SvgIcon;
-  export default NavigationRefresh;
+    export import NavigationRefresh = __MaterialUI.SvgIcon;
+    export default NavigationRefresh;
 }
 
 declare module 'material-ui/svg-icons/navigation/more-vert' {
-  export import NavigationMoreVert = __MaterialUI.SvgIcon;
-  export default NavigationMoreVert;
+    export import NavigationMoreVert = __MaterialUI.SvgIcon;
+    export default NavigationMoreVert;
 }
 
 declare module 'material-ui/svg-icons/notification/rv-hookup' {
-  export import NotificationRvHookup = __MaterialUI.SvgIcon;
-  export default NotificationRvHookup;
+    export import NotificationRvHookup = __MaterialUI.SvgIcon;
+    export default NotificationRvHookup;
 }
 
 declare module 'material-ui/svg-icons/notification/no-encryption' {
-  export import NotificationNoEncryption = __MaterialUI.SvgIcon;
-  export default NotificationNoEncryption;
+    export import NotificationNoEncryption = __MaterialUI.SvgIcon;
+    export default NotificationNoEncryption;
 }
 
 declare module 'material-ui/svg-icons/notification/phone-forwarded' {
-  export import NotificationPhoneForwarded = __MaterialUI.SvgIcon;
-  export default NotificationPhoneForwarded;
+    export import NotificationPhoneForwarded = __MaterialUI.SvgIcon;
+    export default NotificationPhoneForwarded;
 }
 
 declare module 'material-ui/svg-icons/notification/airline-seat-flat-angled' {
-  export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatFlatAngled;
+    export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon;
+    export default NotificationAirlineSeatFlatAngled;
 }
 
 declare module 'material-ui/svg-icons/notification/time-to-leave' {
-  export import NotificationTimeToLeave = __MaterialUI.SvgIcon;
-  export default NotificationTimeToLeave;
+    export import NotificationTimeToLeave = __MaterialUI.SvgIcon;
+    export default NotificationTimeToLeave;
 }
 
 declare module 'material-ui/svg-icons/notification/airline-seat-legroom-extra' {
-  export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatLegroomExtra;
+    export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon;
+    export default NotificationAirlineSeatLegroomExtra;
 }
 
 declare module 'material-ui/svg-icons/notification/airline-seat-recline-extra' {
-  export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatReclineExtra;
+    export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon;
+    export default NotificationAirlineSeatReclineExtra;
 }
 
 declare module 'material-ui/svg-icons/notification/airline-seat-individual-suite' {
-  export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatIndividualSuite;
+    export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon;
+    export default NotificationAirlineSeatIndividualSuite;
 }
 
 declare module 'material-ui/svg-icons/notification/vibration' {
-  export import NotificationVibration = __MaterialUI.SvgIcon;
-  export default NotificationVibration;
+    export import NotificationVibration = __MaterialUI.SvgIcon;
+    export default NotificationVibration;
 }
 
 declare module 'material-ui/svg-icons/notification/sim-card-alert' {
-  export import NotificationSimCardAlert = __MaterialUI.SvgIcon;
-  export default NotificationSimCardAlert;
+    export import NotificationSimCardAlert = __MaterialUI.SvgIcon;
+    export default NotificationSimCardAlert;
 }
 
 declare module 'material-ui/svg-icons/notification/sms-failed' {
-  export import NotificationSmsFailed = __MaterialUI.SvgIcon;
-  export default NotificationSmsFailed;
+    export import NotificationSmsFailed = __MaterialUI.SvgIcon;
+    export default NotificationSmsFailed;
 }
 
 declare module 'material-ui/svg-icons/notification/airline-seat-flat' {
-  export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatFlat;
+    export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon;
+    export default NotificationAirlineSeatFlat;
 }
 
 declare module 'material-ui/svg-icons/notification/do-not-disturb' {
-  export import NotificationDoNotDisturb = __MaterialUI.SvgIcon;
-  export default NotificationDoNotDisturb;
+    export import NotificationDoNotDisturb = __MaterialUI.SvgIcon;
+    export default NotificationDoNotDisturb;
 }
 
 declare module 'material-ui/svg-icons/notification/sync-problem' {
-  export import NotificationSyncProblem = __MaterialUI.SvgIcon;
-  export default NotificationSyncProblem;
+    export import NotificationSyncProblem = __MaterialUI.SvgIcon;
+    export default NotificationSyncProblem;
 }
 
 declare module 'material-ui/svg-icons/notification/event-available' {
-  export import NotificationEventAvailable = __MaterialUI.SvgIcon;
-  export default NotificationEventAvailable;
+    export import NotificationEventAvailable = __MaterialUI.SvgIcon;
+    export default NotificationEventAvailable;
 }
 
 declare module 'material-ui/svg-icons/notification/network-check' {
-  export import NotificationNetworkCheck = __MaterialUI.SvgIcon;
-  export default NotificationNetworkCheck;
+    export import NotificationNetworkCheck = __MaterialUI.SvgIcon;
+    export default NotificationNetworkCheck;
 }
 
 declare module 'material-ui/svg-icons/notification/sms' {
-  export import NotificationSms = __MaterialUI.SvgIcon;
-  export default NotificationSms;
+    export import NotificationSms = __MaterialUI.SvgIcon;
+    export default NotificationSms;
 }
 
 declare module 'material-ui/svg-icons/notification/disc-full' {
-  export import NotificationDiscFull = __MaterialUI.SvgIcon;
-  export default NotificationDiscFull;
+    export import NotificationDiscFull = __MaterialUI.SvgIcon;
+    export default NotificationDiscFull;
 }
 
 declare module 'material-ui/svg-icons/notification/do-not-disturb-alt' {
-  export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon;
-  export default NotificationDoNotDisturbAlt;
+    export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon;
+    export default NotificationDoNotDisturbAlt;
 }
 
 declare module 'material-ui/svg-icons/notification/system-update' {
-  export import NotificationSystemUpdate = __MaterialUI.SvgIcon;
-  export default NotificationSystemUpdate;
+    export import NotificationSystemUpdate = __MaterialUI.SvgIcon;
+    export default NotificationSystemUpdate;
 }
 
 declare module 'material-ui/svg-icons/notification/phone-bluetooth-speaker' {
-  export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon;
-  export default NotificationPhoneBluetoothSpeaker;
+    export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon;
+    export default NotificationPhoneBluetoothSpeaker;
 }
 
 declare module 'material-ui/svg-icons/notification/ondemand-video' {
-  export import NotificationOndemandVideo = __MaterialUI.SvgIcon;
-  export default NotificationOndemandVideo;
+    export import NotificationOndemandVideo = __MaterialUI.SvgIcon;
+    export default NotificationOndemandVideo;
 }
 
 declare module 'material-ui/svg-icons/notification/power' {
-  export import NotificationPower = __MaterialUI.SvgIcon;
-  export default NotificationPower;
+    export import NotificationPower = __MaterialUI.SvgIcon;
+    export default NotificationPower;
 }
 
 declare module 'material-ui/svg-icons/notification/phone-locked' {
-  export import NotificationPhoneLocked = __MaterialUI.SvgIcon;
-  export default NotificationPhoneLocked;
+    export import NotificationPhoneLocked = __MaterialUI.SvgIcon;
+    export default NotificationPhoneLocked;
 }
 
 declare module 'material-ui/svg-icons/notification/sd-card' {
-  export import NotificationSdCard = __MaterialUI.SvgIcon;
-  export default NotificationSdCard;
+    export import NotificationSdCard = __MaterialUI.SvgIcon;
+    export default NotificationSdCard;
 }
 
 declare module 'material-ui/svg-icons/notification/event-busy' {
-  export import NotificationEventBusy = __MaterialUI.SvgIcon;
-  export default NotificationEventBusy;
+    export import NotificationEventBusy = __MaterialUI.SvgIcon;
+    export default NotificationEventBusy;
 }
 
 declare module 'material-ui/svg-icons/notification/personal-video' {
-  export import NotificationPersonalVideo = __MaterialUI.SvgIcon;
-  export default NotificationPersonalVideo;
+    export import NotificationPersonalVideo = __MaterialUI.SvgIcon;
+    export default NotificationPersonalVideo;
 }
 
 declare module 'material-ui/svg-icons/notification/airline-seat-legroom-normal' {
-  export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatLegroomNormal;
+    export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon;
+    export default NotificationAirlineSeatLegroomNormal;
 }
 
 declare module 'material-ui/svg-icons/notification/phone-in-talk' {
-  export import NotificationPhoneInTalk = __MaterialUI.SvgIcon;
-  export default NotificationPhoneInTalk;
+    export import NotificationPhoneInTalk = __MaterialUI.SvgIcon;
+    export default NotificationPhoneInTalk;
 }
 
 declare module 'material-ui/svg-icons/notification/airline-seat-legroom-reduced' {
-  export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatLegroomReduced;
+    export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon;
+    export default NotificationAirlineSeatLegroomReduced;
 }
 
 declare module 'material-ui/svg-icons/notification/phone-paused' {
-  export import NotificationPhonePaused = __MaterialUI.SvgIcon;
-  export default NotificationPhonePaused;
+    export import NotificationPhonePaused = __MaterialUI.SvgIcon;
+    export default NotificationPhonePaused;
 }
 
 declare module 'material-ui/svg-icons/notification/sync-disabled' {
-  export import NotificationSyncDisabled = __MaterialUI.SvgIcon;
-  export default NotificationSyncDisabled;
+    export import NotificationSyncDisabled = __MaterialUI.SvgIcon;
+    export default NotificationSyncDisabled;
 }
 
 declare module 'material-ui/svg-icons/notification/enhanced-encryption' {
-  export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon;
-  export default NotificationEnhancedEncryption;
+    export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon;
+    export default NotificationEnhancedEncryption;
 }
 
 declare module 'material-ui/svg-icons/notification/mms' {
-  export import NotificationMms = __MaterialUI.SvgIcon;
-  export default NotificationMms;
+    export import NotificationMms = __MaterialUI.SvgIcon;
+    export default NotificationMms;
 }
 
 declare module 'material-ui/svg-icons/notification/drive-eta' {
-  export import NotificationDriveEta = __MaterialUI.SvgIcon;
-  export default NotificationDriveEta;
+    export import NotificationDriveEta = __MaterialUI.SvgIcon;
+    export default NotificationDriveEta;
 }
 
 declare module 'material-ui/svg-icons/notification/voice-chat' {
-  export import NotificationVoiceChat = __MaterialUI.SvgIcon;
-  export default NotificationVoiceChat;
+    export import NotificationVoiceChat = __MaterialUI.SvgIcon;
+    export default NotificationVoiceChat;
 }
 
 declare module 'material-ui/svg-icons/notification/wifi' {
-  export import NotificationWifi = __MaterialUI.SvgIcon;
-  export default NotificationWifi;
+    export import NotificationWifi = __MaterialUI.SvgIcon;
+    export default NotificationWifi;
 }
 
 declare module 'material-ui/svg-icons/notification/airline-seat-recline-normal' {
-  export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon;
-  export default NotificationAirlineSeatReclineNormal;
+    export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon;
+    export default NotificationAirlineSeatReclineNormal;
 }
 
 declare module 'material-ui/svg-icons/notification/more' {
-  export import NotificationMore = __MaterialUI.SvgIcon;
-  export default NotificationMore;
+    export import NotificationMore = __MaterialUI.SvgIcon;
+    export default NotificationMore;
 }
 
 declare module 'material-ui/svg-icons/notification/vpn-lock' {
-  export import NotificationVpnLock = __MaterialUI.SvgIcon;
-  export default NotificationVpnLock;
+    export import NotificationVpnLock = __MaterialUI.SvgIcon;
+    export default NotificationVpnLock;
 }
 
 declare module 'material-ui/svg-icons/notification/event-note' {
-  export import NotificationEventNote = __MaterialUI.SvgIcon;
-  export default NotificationEventNote;
+    export import NotificationEventNote = __MaterialUI.SvgIcon;
+    export default NotificationEventNote;
 }
 
 declare module 'material-ui/svg-icons/notification/confirmation-number' {
-  export import NotificationConfirmationNumber = __MaterialUI.SvgIcon;
-  export default NotificationConfirmationNumber;
+    export import NotificationConfirmationNumber = __MaterialUI.SvgIcon;
+    export default NotificationConfirmationNumber;
 }
 
 declare module 'material-ui/svg-icons/notification/network-locked' {
-  export import NotificationNetworkLocked = __MaterialUI.SvgIcon;
-  export default NotificationNetworkLocked;
+    export import NotificationNetworkLocked = __MaterialUI.SvgIcon;
+    export default NotificationNetworkLocked;
 }
 
 declare module 'material-ui/svg-icons/notification/adb' {
-  export import NotificationAdb = __MaterialUI.SvgIcon;
-  export default NotificationAdb;
+    export import NotificationAdb = __MaterialUI.SvgIcon;
+    export default NotificationAdb;
 }
 
 declare module 'material-ui/svg-icons/notification/bluetooth-audio' {
-  export import NotificationBluetoothAudio = __MaterialUI.SvgIcon;
-  export default NotificationBluetoothAudio;
+    export import NotificationBluetoothAudio = __MaterialUI.SvgIcon;
+    export default NotificationBluetoothAudio;
 }
 
 declare module 'material-ui/svg-icons/notification/wc' {
-  export import NotificationWc = __MaterialUI.SvgIcon;
-  export default NotificationWc;
+    export import NotificationWc = __MaterialUI.SvgIcon;
+    export default NotificationWc;
 }
 
 declare module 'material-ui/svg-icons/notification/tap-and-play' {
-  export import NotificationTapAndPlay = __MaterialUI.SvgIcon;
-  export default NotificationTapAndPlay;
+    export import NotificationTapAndPlay = __MaterialUI.SvgIcon;
+    export default NotificationTapAndPlay;
 }
 
 declare module 'material-ui/svg-icons/notification/folder-special' {
-  export import NotificationFolderSpecial = __MaterialUI.SvgIcon;
-  export default NotificationFolderSpecial;
+    export import NotificationFolderSpecial = __MaterialUI.SvgIcon;
+    export default NotificationFolderSpecial;
 }
 
 declare module 'material-ui/svg-icons/notification/live-tv' {
-  export import NotificationLiveTv = __MaterialUI.SvgIcon;
-  export default NotificationLiveTv;
+    export import NotificationLiveTv = __MaterialUI.SvgIcon;
+    export default NotificationLiveTv;
 }
 
 declare module 'material-ui/svg-icons/notification/sync' {
-  export import NotificationSync = __MaterialUI.SvgIcon;
-  export default NotificationSync;
+    export import NotificationSync = __MaterialUI.SvgIcon;
+    export default NotificationSync;
 }
 
 declare module 'material-ui/svg-icons/notification/phone-missed' {
-  export import NotificationPhoneMissed = __MaterialUI.SvgIcon;
-  export default NotificationPhoneMissed;
+    export import NotificationPhoneMissed = __MaterialUI.SvgIcon;
+    export default NotificationPhoneMissed;
 }
 
 declare module 'material-ui/svg-icons/av/skip-previous' {
-  export import AvSkipPrevious = __MaterialUI.SvgIcon;
-  export default AvSkipPrevious;
+    export import AvSkipPrevious = __MaterialUI.SvgIcon;
+    export default AvSkipPrevious;
 }
 
 declare module 'material-ui/svg-icons/av/volume-off' {
-  export import AvVolumeOff = __MaterialUI.SvgIcon;
-  export default AvVolumeOff;
+    export import AvVolumeOff = __MaterialUI.SvgIcon;
+    export default AvVolumeOff;
 }
 
 declare module 'material-ui/svg-icons/av/subscriptions' {
-  export import AvSubscriptions = __MaterialUI.SvgIcon;
-  export default AvSubscriptions;
+    export import AvSubscriptions = __MaterialUI.SvgIcon;
+    export default AvSubscriptions;
 }
 
 declare module 'material-ui/svg-icons/av/play-arrow' {
-  export import AvPlayArrow = __MaterialUI.SvgIcon;
-  export default AvPlayArrow;
+    export import AvPlayArrow = __MaterialUI.SvgIcon;
+    export default AvPlayArrow;
 }
 
 declare module 'material-ui/svg-icons/av/play-circle-outline' {
-  export import AvPlayCircleOutline = __MaterialUI.SvgIcon;
-  export default AvPlayCircleOutline;
+    export import AvPlayCircleOutline = __MaterialUI.SvgIcon;
+    export default AvPlayCircleOutline;
 }
 
 declare module 'material-ui/svg-icons/av/replay-30' {
-  export import AvReplay30 = __MaterialUI.SvgIcon;
-  export default AvReplay30;
+    export import AvReplay30 = __MaterialUI.SvgIcon;
+    export default AvReplay30;
 }
 
 declare module 'material-ui/svg-icons/av/videocam' {
-  export import AvVideocam = __MaterialUI.SvgIcon;
-  export default AvVideocam;
+    export import AvVideocam = __MaterialUI.SvgIcon;
+    export default AvVideocam;
 }
 
 declare module 'material-ui/svg-icons/av/replay-5' {
-  export import AvReplay5 = __MaterialUI.SvgIcon;
-  export default AvReplay5;
+    export import AvReplay5 = __MaterialUI.SvgIcon;
+    export default AvReplay5;
 }
 
 declare module 'material-ui/svg-icons/av/forward-10' {
-  export import AvForward10 = __MaterialUI.SvgIcon;
-  export default AvForward10;
+    export import AvForward10 = __MaterialUI.SvgIcon;
+    export default AvForward10;
 }
 
 declare module 'material-ui/svg-icons/av/recent-actors' {
-  export import AvRecentActors = __MaterialUI.SvgIcon;
-  export default AvRecentActors;
+    export import AvRecentActors = __MaterialUI.SvgIcon;
+    export default AvRecentActors;
 }
 
 declare module 'material-ui/svg-icons/av/replay-10' {
-  export import AvReplay10 = __MaterialUI.SvgIcon;
-  export default AvReplay10;
+    export import AvReplay10 = __MaterialUI.SvgIcon;
+    export default AvReplay10;
 }
 
 declare module 'material-ui/svg-icons/av/repeat' {
-  export import AvRepeat = __MaterialUI.SvgIcon;
-  export default AvRepeat;
+    export import AvRepeat = __MaterialUI.SvgIcon;
+    export default AvRepeat;
 }
 
 declare module 'material-ui/svg-icons/av/queue-music' {
-  export import AvQueueMusic = __MaterialUI.SvgIcon;
-  export default AvQueueMusic;
+    export import AvQueueMusic = __MaterialUI.SvgIcon;
+    export default AvQueueMusic;
 }
 
 declare module 'material-ui/svg-icons/av/fiber-pin' {
-  export import AvFiberPin = __MaterialUI.SvgIcon;
-  export default AvFiberPin;
+    export import AvFiberPin = __MaterialUI.SvgIcon;
+    export default AvFiberPin;
 }
 
 declare module 'material-ui/svg-icons/av/new-releases' {
-  export import AvNewReleases = __MaterialUI.SvgIcon;
-  export default AvNewReleases;
+    export import AvNewReleases = __MaterialUI.SvgIcon;
+    export default AvNewReleases;
 }
 
 declare module 'material-ui/svg-icons/av/fiber-new' {
-  export import AvFiberNew = __MaterialUI.SvgIcon;
-  export default AvFiberNew;
+    export import AvFiberNew = __MaterialUI.SvgIcon;
+    export default AvFiberNew;
 }
 
 declare module 'material-ui/svg-icons/av/fiber-manual-record' {
-  export import AvFiberManualRecord = __MaterialUI.SvgIcon;
-  export default AvFiberManualRecord;
+    export import AvFiberManualRecord = __MaterialUI.SvgIcon;
+    export default AvFiberManualRecord;
 }
 
 declare module 'material-ui/svg-icons/av/hearing' {
-  export import AvHearing = __MaterialUI.SvgIcon;
-  export default AvHearing;
+    export import AvHearing = __MaterialUI.SvgIcon;
+    export default AvHearing;
 }
 
 declare module 'material-ui/svg-icons/av/loop' {
-  export import AvLoop = __MaterialUI.SvgIcon;
-  export default AvLoop;
+    export import AvLoop = __MaterialUI.SvgIcon;
+    export default AvLoop;
 }
 
 declare module 'material-ui/svg-icons/av/volume-up' {
-  export import AvVolumeUp = __MaterialUI.SvgIcon;
-  export default AvVolumeUp;
+    export import AvVolumeUp = __MaterialUI.SvgIcon;
+    export default AvVolumeUp;
 }
 
 declare module 'material-ui/svg-icons/av/high-quality' {
-  export import AvHighQuality = __MaterialUI.SvgIcon;
-  export default AvHighQuality;
+    export import AvHighQuality = __MaterialUI.SvgIcon;
+    export default AvHighQuality;
 }
 
 declare module 'material-ui/svg-icons/av/surround-sound' {
-  export import AvSurroundSound = __MaterialUI.SvgIcon;
-  export default AvSurroundSound;
+    export import AvSurroundSound = __MaterialUI.SvgIcon;
+    export default AvSurroundSound;
 }
 
 declare module 'material-ui/svg-icons/av/equalizer' {
-  export import AvEqualizer = __MaterialUI.SvgIcon;
-  export default AvEqualizer;
+    export import AvEqualizer = __MaterialUI.SvgIcon;
+    export default AvEqualizer;
 }
 
 declare module 'material-ui/svg-icons/av/music-video' {
-  export import AvMusicVideo = __MaterialUI.SvgIcon;
-  export default AvMusicVideo;
+    export import AvMusicVideo = __MaterialUI.SvgIcon;
+    export default AvMusicVideo;
 }
 
 declare module 'material-ui/svg-icons/av/shuffle' {
-  export import AvShuffle = __MaterialUI.SvgIcon;
-  export default AvShuffle;
+    export import AvShuffle = __MaterialUI.SvgIcon;
+    export default AvShuffle;
 }
 
 declare module 'material-ui/svg-icons/av/volume-down' {
-  export import AvVolumeDown = __MaterialUI.SvgIcon;
-  export default AvVolumeDown;
+    export import AvVolumeDown = __MaterialUI.SvgIcon;
+    export default AvVolumeDown;
 }
 
 declare module 'material-ui/svg-icons/av/radio' {
-  export import AvRadio = __MaterialUI.SvgIcon;
-  export default AvRadio;
+    export import AvRadio = __MaterialUI.SvgIcon;
+    export default AvRadio;
 }
 
 declare module 'material-ui/svg-icons/av/web-asset' {
-  export import AvWebAsset = __MaterialUI.SvgIcon;
-  export default AvWebAsset;
+    export import AvWebAsset = __MaterialUI.SvgIcon;
+    export default AvWebAsset;
 }
 
 declare module 'material-ui/svg-icons/av/replay' {
-  export import AvReplay = __MaterialUI.SvgIcon;
-  export default AvReplay;
+    export import AvReplay = __MaterialUI.SvgIcon;
+    export default AvReplay;
 }
 
 declare module 'material-ui/svg-icons/av/queue-play-next' {
-  export import AvQueuePlayNext = __MaterialUI.SvgIcon;
-  export default AvQueuePlayNext;
+    export import AvQueuePlayNext = __MaterialUI.SvgIcon;
+    export default AvQueuePlayNext;
 }
 
 declare module 'material-ui/svg-icons/av/closed-caption' {
-  export import AvClosedCaption = __MaterialUI.SvgIcon;
-  export default AvClosedCaption;
+    export import AvClosedCaption = __MaterialUI.SvgIcon;
+    export default AvClosedCaption;
 }
 
 declare module 'material-ui/svg-icons/av/fiber-dvr' {
-  export import AvFiberDvr = __MaterialUI.SvgIcon;
-  export default AvFiberDvr;
+    export import AvFiberDvr = __MaterialUI.SvgIcon;
+    export default AvFiberDvr;
 }
 
 declare module 'material-ui/svg-icons/av/explicit' {
-  export import AvExplicit = __MaterialUI.SvgIcon;
-  export default AvExplicit;
+    export import AvExplicit = __MaterialUI.SvgIcon;
+    export default AvExplicit;
 }
 
 declare module 'material-ui/svg-icons/av/games' {
-  export import AvGames = __MaterialUI.SvgIcon;
-  export default AvGames;
+    export import AvGames = __MaterialUI.SvgIcon;
+    export default AvGames;
 }
 
 declare module 'material-ui/svg-icons/av/videocam-off' {
-  export import AvVideocamOff = __MaterialUI.SvgIcon;
-  export default AvVideocamOff;
+    export import AvVideocamOff = __MaterialUI.SvgIcon;
+    export default AvVideocamOff;
 }
 
 declare module 'material-ui/svg-icons/av/hd' {
-  export import AvHd = __MaterialUI.SvgIcon;
-  export default AvHd;
+    export import AvHd = __MaterialUI.SvgIcon;
+    export default AvHd;
 }
 
 declare module 'material-ui/svg-icons/av/fast-rewind' {
-  export import AvFastRewind = __MaterialUI.SvgIcon;
-  export default AvFastRewind;
+    export import AvFastRewind = __MaterialUI.SvgIcon;
+    export default AvFastRewind;
 }
 
 declare module 'material-ui/svg-icons/av/add-to-queue' {
-  export import AvAddToQueue = __MaterialUI.SvgIcon;
-  export default AvAddToQueue;
+    export import AvAddToQueue = __MaterialUI.SvgIcon;
+    export default AvAddToQueue;
 }
 
 declare module 'material-ui/svg-icons/av/movie' {
-  export import AvMovie = __MaterialUI.SvgIcon;
-  export default AvMovie;
+    export import AvMovie = __MaterialUI.SvgIcon;
+    export default AvMovie;
 }
 
 declare module 'material-ui/svg-icons/av/library-books' {
-  export import AvLibraryBooks = __MaterialUI.SvgIcon;
-  export default AvLibraryBooks;
+    export import AvLibraryBooks = __MaterialUI.SvgIcon;
+    export default AvLibraryBooks;
 }
 
 declare module 'material-ui/svg-icons/av/art-track' {
-  export import AvArtTrack = __MaterialUI.SvgIcon;
-  export default AvArtTrack;
+    export import AvArtTrack = __MaterialUI.SvgIcon;
+    export default AvArtTrack;
 }
 
 declare module 'material-ui/svg-icons/av/web' {
-  export import AvWeb = __MaterialUI.SvgIcon;
-  export default AvWeb;
+    export import AvWeb = __MaterialUI.SvgIcon;
+    export default AvWeb;
 }
 
 declare module 'material-ui/svg-icons/av/play-circle-filled' {
-  export import AvPlayCircleFilled = __MaterialUI.SvgIcon;
-  export default AvPlayCircleFilled;
+    export import AvPlayCircleFilled = __MaterialUI.SvgIcon;
+    export default AvPlayCircleFilled;
 }
 
 declare module 'material-ui/svg-icons/av/snooze' {
-  export import AvSnooze = __MaterialUI.SvgIcon;
-  export default AvSnooze;
+    export import AvSnooze = __MaterialUI.SvgIcon;
+    export default AvSnooze;
 }
 
 declare module 'material-ui/svg-icons/av/forward-5' {
-  export import AvForward5 = __MaterialUI.SvgIcon;
-  export default AvForward5;
+    export import AvForward5 = __MaterialUI.SvgIcon;
+    export default AvForward5;
 }
 
 declare module 'material-ui/svg-icons/av/sort-by-alpha' {
-  export import AvSortByAlpha = __MaterialUI.SvgIcon;
-  export default AvSortByAlpha;
+    export import AvSortByAlpha = __MaterialUI.SvgIcon;
+    export default AvSortByAlpha;
 }
 
 declare module 'material-ui/svg-icons/av/pause-circle-filled' {
-  export import AvPauseCircleFilled = __MaterialUI.SvgIcon;
-  export default AvPauseCircleFilled;
+    export import AvPauseCircleFilled = __MaterialUI.SvgIcon;
+    export default AvPauseCircleFilled;
 }
 
 declare module 'material-ui/svg-icons/av/fiber-smart-record' {
-  export import AvFiberSmartRecord = __MaterialUI.SvgIcon;
-  export default AvFiberSmartRecord;
+    export import AvFiberSmartRecord = __MaterialUI.SvgIcon;
+    export default AvFiberSmartRecord;
 }
 
 declare module 'material-ui/svg-icons/av/stop' {
-  export import AvStop = __MaterialUI.SvgIcon;
-  export default AvStop;
+    export import AvStop = __MaterialUI.SvgIcon;
+    export default AvStop;
 }
 
 declare module 'material-ui/svg-icons/av/playlist-play' {
-  export import AvPlaylistPlay = __MaterialUI.SvgIcon;
-  export default AvPlaylistPlay;
+    export import AvPlaylistPlay = __MaterialUI.SvgIcon;
+    export default AvPlaylistPlay;
 }
 
 declare module 'material-ui/svg-icons/av/library-add' {
-  export import AvLibraryAdd = __MaterialUI.SvgIcon;
-  export default AvLibraryAdd;
+    export import AvLibraryAdd = __MaterialUI.SvgIcon;
+    export default AvLibraryAdd;
 }
 
 declare module 'material-ui/svg-icons/av/volume-mute' {
-  export import AvVolumeMute = __MaterialUI.SvgIcon;
-  export default AvVolumeMute;
+    export import AvVolumeMute = __MaterialUI.SvgIcon;
+    export default AvVolumeMute;
 }
 
 declare module 'material-ui/svg-icons/av/skip-next' {
-  export import AvSkipNext = __MaterialUI.SvgIcon;
-  export default AvSkipNext;
+    export import AvSkipNext = __MaterialUI.SvgIcon;
+    export default AvSkipNext;
 }
 
 declare module 'material-ui/svg-icons/av/forward-30' {
-  export import AvForward30 = __MaterialUI.SvgIcon;
-  export default AvForward30;
+    export import AvForward30 = __MaterialUI.SvgIcon;
+    export default AvForward30;
 }
 
 declare module 'material-ui/svg-icons/av/playlist-add' {
-  export import AvPlaylistAdd = __MaterialUI.SvgIcon;
-  export default AvPlaylistAdd;
+    export import AvPlaylistAdd = __MaterialUI.SvgIcon;
+    export default AvPlaylistAdd;
 }
 
 declare module 'material-ui/svg-icons/av/album' {
-  export import AvAlbum = __MaterialUI.SvgIcon;
-  export default AvAlbum;
+    export import AvAlbum = __MaterialUI.SvgIcon;
+    export default AvAlbum;
 }
 
 declare module 'material-ui/svg-icons/av/video-library' {
-  export import AvVideoLibrary = __MaterialUI.SvgIcon;
-  export default AvVideoLibrary;
+    export import AvVideoLibrary = __MaterialUI.SvgIcon;
+    export default AvVideoLibrary;
 }
 
 declare module 'material-ui/svg-icons/av/library-music' {
-  export import AvLibraryMusic = __MaterialUI.SvgIcon;
-  export default AvLibraryMusic;
+    export import AvLibraryMusic = __MaterialUI.SvgIcon;
+    export default AvLibraryMusic;
 }
 
 declare module 'material-ui/svg-icons/av/not-interested' {
-  export import AvNotInterested = __MaterialUI.SvgIcon;
-  export default AvNotInterested;
+    export import AvNotInterested = __MaterialUI.SvgIcon;
+    export default AvNotInterested;
 }
 
 declare module 'material-ui/svg-icons/av/playlist-add-check' {
-  export import AvPlaylistAddCheck = __MaterialUI.SvgIcon;
-  export default AvPlaylistAddCheck;
+    export import AvPlaylistAddCheck = __MaterialUI.SvgIcon;
+    export default AvPlaylistAddCheck;
 }
 
 declare module 'material-ui/svg-icons/av/mic-none' {
-  export import AvMicNone = __MaterialUI.SvgIcon;
-  export default AvMicNone;
+    export import AvMicNone = __MaterialUI.SvgIcon;
+    export default AvMicNone;
 }
 
 declare module 'material-ui/svg-icons/av/pause' {
-  export import AvPause = __MaterialUI.SvgIcon;
-  export default AvPause;
+    export import AvPause = __MaterialUI.SvgIcon;
+    export default AvPause;
 }
 
 declare module 'material-ui/svg-icons/av/remove-from-queue' {
-  export import AvRemoveFromQueue = __MaterialUI.SvgIcon;
-  export default AvRemoveFromQueue;
+    export import AvRemoveFromQueue = __MaterialUI.SvgIcon;
+    export default AvRemoveFromQueue;
 }
 
 declare module 'material-ui/svg-icons/av/slow-motion-video' {
-  export import AvSlowMotionVideo = __MaterialUI.SvgIcon;
-  export default AvSlowMotionVideo;
+    export import AvSlowMotionVideo = __MaterialUI.SvgIcon;
+    export default AvSlowMotionVideo;
 }
 
 declare module 'material-ui/svg-icons/av/subtitles' {
-  export import AvSubtitles = __MaterialUI.SvgIcon;
-  export default AvSubtitles;
+    export import AvSubtitles = __MaterialUI.SvgIcon;
+    export default AvSubtitles;
 }
 
 declare module 'material-ui/svg-icons/av/mic-off' {
-  export import AvMicOff = __MaterialUI.SvgIcon;
-  export default AvMicOff;
+    export import AvMicOff = __MaterialUI.SvgIcon;
+    export default AvMicOff;
 }
 
 declare module 'material-ui/svg-icons/av/repeat-one' {
-  export import AvRepeatOne = __MaterialUI.SvgIcon;
-  export default AvRepeatOne;
+    export import AvRepeatOne = __MaterialUI.SvgIcon;
+    export default AvRepeatOne;
 }
 
 declare module 'material-ui/svg-icons/av/queue' {
-  export import AvQueue = __MaterialUI.SvgIcon;
-  export default AvQueue;
+    export import AvQueue = __MaterialUI.SvgIcon;
+    export default AvQueue;
 }
 
 declare module 'material-ui/svg-icons/av/fast-forward' {
-  export import AvFastForward = __MaterialUI.SvgIcon;
-  export default AvFastForward;
+    export import AvFastForward = __MaterialUI.SvgIcon;
+    export default AvFastForward;
 }
 
 declare module 'material-ui/svg-icons/av/mic' {
-  export import AvMic = __MaterialUI.SvgIcon;
-  export default AvMic;
+    export import AvMic = __MaterialUI.SvgIcon;
+    export default AvMic;
 }
 
 declare module 'material-ui/svg-icons/av/av-timer' {
-  export import AvAvTimer = __MaterialUI.SvgIcon;
-  export default AvAvTimer;
+    export import AvAvTimer = __MaterialUI.SvgIcon;
+    export default AvAvTimer;
 }
 
 declare module 'material-ui/svg-icons/av/pause-circle-outline' {
-  export import AvPauseCircleOutline = __MaterialUI.SvgIcon;
-  export default AvPauseCircleOutline;
+    export import AvPauseCircleOutline = __MaterialUI.SvgIcon;
+    export default AvPauseCircleOutline;
 }
 
 declare module 'material-ui/svg-icons/av/airplay' {
-  export import AvAirplay = __MaterialUI.SvgIcon;
-  export default AvAirplay;
+    export import AvAirplay = __MaterialUI.SvgIcon;
+    export default AvAirplay;
 }
 
 declare module 'material-ui/svg-icons/image/camera-rear' {
-  export import ImageCameraRear = __MaterialUI.SvgIcon;
-  export default ImageCameraRear;
+    export import ImageCameraRear = __MaterialUI.SvgIcon;
+    export default ImageCameraRear;
 }
 
 declare module 'material-ui/svg-icons/image/add-a-photo' {
-  export import ImageAddAPhoto = __MaterialUI.SvgIcon;
-  export default ImageAddAPhoto;
+    export import ImageAddAPhoto = __MaterialUI.SvgIcon;
+    export default ImageAddAPhoto;
 }
 
 declare module 'material-ui/svg-icons/image/portrait' {
-  export import ImagePortrait = __MaterialUI.SvgIcon;
-  export default ImagePortrait;
+    export import ImagePortrait = __MaterialUI.SvgIcon;
+    export default ImagePortrait;
 }
 
 declare module 'material-ui/svg-icons/image/looks' {
-  export import ImageLooks = __MaterialUI.SvgIcon;
-  export default ImageLooks;
+    export import ImageLooks = __MaterialUI.SvgIcon;
+    export default ImageLooks;
 }
 
 declare module 'material-ui/svg-icons/image/exposure-neg-2' {
-  export import ImageExposureNeg2 = __MaterialUI.SvgIcon;
-  export default ImageExposureNeg2;
+    export import ImageExposureNeg2 = __MaterialUI.SvgIcon;
+    export default ImageExposureNeg2;
 }
 
 declare module 'material-ui/svg-icons/image/wb-cloudy' {
-  export import ImageWbCloudy = __MaterialUI.SvgIcon;
-  export default ImageWbCloudy;
+    export import ImageWbCloudy = __MaterialUI.SvgIcon;
+    export default ImageWbCloudy;
 }
 
 declare module 'material-ui/svg-icons/image/switch-video' {
-  export import ImageSwitchVideo = __MaterialUI.SvgIcon;
-  export default ImageSwitchVideo;
+    export import ImageSwitchVideo = __MaterialUI.SvgIcon;
+    export default ImageSwitchVideo;
 }
 
 declare module 'material-ui/svg-icons/image/wb-auto' {
-  export import ImageWbAuto = __MaterialUI.SvgIcon;
-  export default ImageWbAuto;
+    export import ImageWbAuto = __MaterialUI.SvgIcon;
+    export default ImageWbAuto;
 }
 
 declare module 'material-ui/svg-icons/image/filter-center-focus' {
-  export import ImageFilterCenterFocus = __MaterialUI.SvgIcon;
-  export default ImageFilterCenterFocus;
+    export import ImageFilterCenterFocus = __MaterialUI.SvgIcon;
+    export default ImageFilterCenterFocus;
 }
 
 declare module 'material-ui/svg-icons/image/crop-7-5' {
-  export import ImageCrop75 = __MaterialUI.SvgIcon;
-  export default ImageCrop75;
+    export import ImageCrop75 = __MaterialUI.SvgIcon;
+    export default ImageCrop75;
 }
 
 declare module 'material-ui/svg-icons/image/crop-3-2' {
-  export import ImageCrop32 = __MaterialUI.SvgIcon;
-  export default ImageCrop32;
+    export import ImageCrop32 = __MaterialUI.SvgIcon;
+    export default ImageCrop32;
 }
 
 declare module 'material-ui/svg-icons/image/assistant-photo' {
-  export import ImageAssistantPhoto = __MaterialUI.SvgIcon;
-  export default ImageAssistantPhoto;
+    export import ImageAssistantPhoto = __MaterialUI.SvgIcon;
+    export default ImageAssistantPhoto;
 }
 
 declare module 'material-ui/svg-icons/image/looks-one' {
-  export import ImageLooksOne = __MaterialUI.SvgIcon;
-  export default ImageLooksOne;
+    export import ImageLooksOne = __MaterialUI.SvgIcon;
+    export default ImageLooksOne;
 }
 
 declare module 'material-ui/svg-icons/image/collections-bookmark' {
-  export import ImageCollectionsBookmark = __MaterialUI.SvgIcon;
-  export default ImageCollectionsBookmark;
+    export import ImageCollectionsBookmark = __MaterialUI.SvgIcon;
+    export default ImageCollectionsBookmark;
 }
 
 declare module 'material-ui/svg-icons/image/image-aspect-ratio' {
-  export import ImageImageAspectRatio = __MaterialUI.SvgIcon;
-  export default ImageImageAspectRatio;
+    export import ImageImageAspectRatio = __MaterialUI.SvgIcon;
+    export default ImageImageAspectRatio;
 }
 
 declare module 'material-ui/svg-icons/image/brush' {
-  export import ImageBrush = __MaterialUI.SvgIcon;
-  export default ImageBrush;
+    export import ImageBrush = __MaterialUI.SvgIcon;
+    export default ImageBrush;
 }
 
 declare module 'material-ui/svg-icons/image/linked-camera' {
-  export import ImageLinkedCamera = __MaterialUI.SvgIcon;
-  export default ImageLinkedCamera;
+    export import ImageLinkedCamera = __MaterialUI.SvgIcon;
+    export default ImageLinkedCamera;
 }
 
 declare module 'material-ui/svg-icons/image/filter-1' {
-  export import ImageFilter1 = __MaterialUI.SvgIcon;
-  export default ImageFilter1;
+    export import ImageFilter1 = __MaterialUI.SvgIcon;
+    export default ImageFilter1;
 }
 
 declare module 'material-ui/svg-icons/image/edit' {
-  export import ImageEdit = __MaterialUI.SvgIcon;
-  export default ImageEdit;
+    export import ImageEdit = __MaterialUI.SvgIcon;
+    export default ImageEdit;
 }
 
 declare module 'material-ui/svg-icons/image/timelapse' {
-  export import ImageTimelapse = __MaterialUI.SvgIcon;
-  export default ImageTimelapse;
+    export import ImageTimelapse = __MaterialUI.SvgIcon;
+    export default ImageTimelapse;
 }
 
 declare module 'material-ui/svg-icons/image/nature' {
-  export import ImageNature = __MaterialUI.SvgIcon;
-  export default ImageNature;
+    export import ImageNature = __MaterialUI.SvgIcon;
+    export default ImageNature;
 }
 
 declare module 'material-ui/svg-icons/image/monochrome-photos' {
-  export import ImageMonochromePhotos = __MaterialUI.SvgIcon;
-  export default ImageMonochromePhotos;
+    export import ImageMonochromePhotos = __MaterialUI.SvgIcon;
+    export default ImageMonochromePhotos;
 }
 
 declare module 'material-ui/svg-icons/image/brightness-6' {
-  export import ImageBrightness6 = __MaterialUI.SvgIcon;
-  export default ImageBrightness6;
+    export import ImageBrightness6 = __MaterialUI.SvgIcon;
+    export default ImageBrightness6;
 }
 
 declare module 'material-ui/svg-icons/image/music-note' {
-  export import ImageMusicNote = __MaterialUI.SvgIcon;
-  export default ImageMusicNote;
+    export import ImageMusicNote = __MaterialUI.SvgIcon;
+    export default ImageMusicNote;
 }
 
 declare module 'material-ui/svg-icons/image/collections' {
-  export import ImageCollections = __MaterialUI.SvgIcon;
-  export default ImageCollections;
+    export import ImageCollections = __MaterialUI.SvgIcon;
+    export default ImageCollections;
 }
 
 declare module 'material-ui/svg-icons/image/wb-sunny' {
-  export import ImageWbSunny = __MaterialUI.SvgIcon;
-  export default ImageWbSunny;
+    export import ImageWbSunny = __MaterialUI.SvgIcon;
+    export default ImageWbSunny;
 }
 
 declare module 'material-ui/svg-icons/image/hdr-strong' {
-  export import ImageHdrStrong = __MaterialUI.SvgIcon;
-  export default ImageHdrStrong;
+    export import ImageHdrStrong = __MaterialUI.SvgIcon;
+    export default ImageHdrStrong;
 }
 
 declare module 'material-ui/svg-icons/image/panorama-vertical' {
-  export import ImagePanoramaVertical = __MaterialUI.SvgIcon;
-  export default ImagePanoramaVertical;
+    export import ImagePanoramaVertical = __MaterialUI.SvgIcon;
+    export default ImagePanoramaVertical;
 }
 
 declare module 'material-ui/svg-icons/image/navigate-next' {
-  export import ImageNavigateNext = __MaterialUI.SvgIcon;
-  export default ImageNavigateNext;
+    export import ImageNavigateNext = __MaterialUI.SvgIcon;
+    export default ImageNavigateNext;
 }
 
 declare module 'material-ui/svg-icons/image/looks-4' {
-  export import ImageLooks4 = __MaterialUI.SvgIcon;
-  export default ImageLooks4;
+    export import ImageLooks4 = __MaterialUI.SvgIcon;
+    export default ImageLooks4;
 }
 
 declare module 'material-ui/svg-icons/image/filter-4' {
-  export import ImageFilter4 = __MaterialUI.SvgIcon;
-  export default ImageFilter4;
+    export import ImageFilter4 = __MaterialUI.SvgIcon;
+    export default ImageFilter4;
 }
 
 declare module 'material-ui/svg-icons/image/brightness-1' {
-  export import ImageBrightness1 = __MaterialUI.SvgIcon;
-  export default ImageBrightness1;
+    export import ImageBrightness1 = __MaterialUI.SvgIcon;
+    export default ImageBrightness1;
 }
 
 declare module 'material-ui/svg-icons/image/exposure-plus-1' {
-  export import ImageExposurePlus1 = __MaterialUI.SvgIcon;
-  export default ImageExposurePlus1;
+    export import ImageExposurePlus1 = __MaterialUI.SvgIcon;
+    export default ImageExposurePlus1;
 }
 
 declare module 'material-ui/svg-icons/image/timer-3' {
-  export import ImageTimer3 = __MaterialUI.SvgIcon;
-  export default ImageTimer3;
+    export import ImageTimer3 = __MaterialUI.SvgIcon;
+    export default ImageTimer3;
 }
 
 declare module 'material-ui/svg-icons/image/exposure-zero' {
-  export import ImageExposureZero = __MaterialUI.SvgIcon;
-  export default ImageExposureZero;
+    export import ImageExposureZero = __MaterialUI.SvgIcon;
+    export default ImageExposureZero;
 }
 
 declare module 'material-ui/svg-icons/image/blur-linear' {
-  export import ImageBlurLinear = __MaterialUI.SvgIcon;
-  export default ImageBlurLinear;
+    export import ImageBlurLinear = __MaterialUI.SvgIcon;
+    export default ImageBlurLinear;
 }
 
 declare module 'material-ui/svg-icons/image/photo-library' {
-  export import ImagePhotoLibrary = __MaterialUI.SvgIcon;
-  export default ImagePhotoLibrary;
+    export import ImagePhotoLibrary = __MaterialUI.SvgIcon;
+    export default ImagePhotoLibrary;
 }
 
 declare module 'material-ui/svg-icons/image/filter-drama' {
-  export import ImageFilterDrama = __MaterialUI.SvgIcon;
-  export default ImageFilterDrama;
+    export import ImageFilterDrama = __MaterialUI.SvgIcon;
+    export default ImageFilterDrama;
 }
 
 declare module 'material-ui/svg-icons/image/dehaze' {
-  export import ImageDehaze = __MaterialUI.SvgIcon;
-  export default ImageDehaze;
+    export import ImageDehaze = __MaterialUI.SvgIcon;
+    export default ImageDehaze;
 }
 
 declare module 'material-ui/svg-icons/image/control-point-duplicate' {
-  export import ImageControlPointDuplicate = __MaterialUI.SvgIcon;
-  export default ImageControlPointDuplicate;
+    export import ImageControlPointDuplicate = __MaterialUI.SvgIcon;
+    export default ImageControlPointDuplicate;
 }
 
 declare module 'material-ui/svg-icons/image/image' {
-  export import ImageImage = __MaterialUI.SvgIcon;
-  export default ImageImage;
+    export import ImageImage = __MaterialUI.SvgIcon;
+    export default ImageImage;
 }
 
 declare module 'material-ui/svg-icons/image/flash-auto' {
-  export import ImageFlashAuto = __MaterialUI.SvgIcon;
-  export default ImageFlashAuto;
+    export import ImageFlashAuto = __MaterialUI.SvgIcon;
+    export default ImageFlashAuto;
 }
 
 declare module 'material-ui/svg-icons/image/rotate-90-degrees-ccw' {
-  export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon;
-  export default ImageRotate90DegreesCcw;
+    export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon;
+    export default ImageRotate90DegreesCcw;
 }
 
 declare module 'material-ui/svg-icons/image/blur-circular' {
-  export import ImageBlurCircular = __MaterialUI.SvgIcon;
-  export default ImageBlurCircular;
+    export import ImageBlurCircular = __MaterialUI.SvgIcon;
+    export default ImageBlurCircular;
 }
 
 declare module 'material-ui/svg-icons/image/filter-3' {
-  export import ImageFilter3 = __MaterialUI.SvgIcon;
-  export default ImageFilter3;
+    export import ImageFilter3 = __MaterialUI.SvgIcon;
+    export default ImageFilter3;
 }
 
 declare module 'material-ui/svg-icons/image/exposure-plus-2' {
-  export import ImageExposurePlus2 = __MaterialUI.SvgIcon;
-  export default ImageExposurePlus2;
+    export import ImageExposurePlus2 = __MaterialUI.SvgIcon;
+    export default ImageExposurePlus2;
 }
 
 declare module 'material-ui/svg-icons/image/flash-on' {
-  export import ImageFlashOn = __MaterialUI.SvgIcon;
-  export default ImageFlashOn;
+    export import ImageFlashOn = __MaterialUI.SvgIcon;
+    export default ImageFlashOn;
 }
 
 declare module 'material-ui/svg-icons/image/view-comfy' {
-  export import ImageViewComfy = __MaterialUI.SvgIcon;
-  export default ImageViewComfy;
+    export import ImageViewComfy = __MaterialUI.SvgIcon;
+    export default ImageViewComfy;
 }
 
 declare module 'material-ui/svg-icons/image/colorize' {
-  export import ImageColorize = __MaterialUI.SvgIcon;
-  export default ImageColorize;
+    export import ImageColorize = __MaterialUI.SvgIcon;
+    export default ImageColorize;
 }
 
 declare module 'material-ui/svg-icons/image/brightness-4' {
-  export import ImageBrightness4 = __MaterialUI.SvgIcon;
-  export default ImageBrightness4;
+    export import ImageBrightness4 = __MaterialUI.SvgIcon;
+    export default ImageBrightness4;
 }
 
 declare module 'material-ui/svg-icons/image/crop-free' {
-  export import ImageCropFree = __MaterialUI.SvgIcon;
-  export default ImageCropFree;
+    export import ImageCropFree = __MaterialUI.SvgIcon;
+    export default ImageCropFree;
 }
 
 declare module 'material-ui/svg-icons/image/vignette' {
-  export import ImageVignette = __MaterialUI.SvgIcon;
-  export default ImageVignette;
+    export import ImageVignette = __MaterialUI.SvgIcon;
+    export default ImageVignette;
 }
 
 declare module 'material-ui/svg-icons/image/tag-faces' {
-  export import ImageTagFaces = __MaterialUI.SvgIcon;
-  export default ImageTagFaces;
+    export import ImageTagFaces = __MaterialUI.SvgIcon;
+    export default ImageTagFaces;
 }
 
 declare module 'material-ui/svg-icons/image/brightness-7' {
-  export import ImageBrightness7 = __MaterialUI.SvgIcon;
-  export default ImageBrightness7;
+    export import ImageBrightness7 = __MaterialUI.SvgIcon;
+    export default ImageBrightness7;
 }
 
 declare module 'material-ui/svg-icons/image/healing' {
-  export import ImageHealing = __MaterialUI.SvgIcon;
-  export default ImageHealing;
+    export import ImageHealing = __MaterialUI.SvgIcon;
+    export default ImageHealing;
 }
 
 declare module 'material-ui/svg-icons/image/nature-people' {
-  export import ImageNaturePeople = __MaterialUI.SvgIcon;
-  export default ImageNaturePeople;
+    export import ImageNaturePeople = __MaterialUI.SvgIcon;
+    export default ImageNaturePeople;
 }
 
 declare module 'material-ui/svg-icons/image/gradient' {
-  export import ImageGradient = __MaterialUI.SvgIcon;
-  export default ImageGradient;
+    export import ImageGradient = __MaterialUI.SvgIcon;
+    export default ImageGradient;
 }
 
 declare module 'material-ui/svg-icons/image/flash-off' {
-  export import ImageFlashOff = __MaterialUI.SvgIcon;
-  export default ImageFlashOff;
+    export import ImageFlashOff = __MaterialUI.SvgIcon;
+    export default ImageFlashOff;
 }
 
 declare module 'material-ui/svg-icons/image/movie-creation' {
-  export import ImageMovieCreation = __MaterialUI.SvgIcon;
-  export default ImageMovieCreation;
+    export import ImageMovieCreation = __MaterialUI.SvgIcon;
+    export default ImageMovieCreation;
 }
 
 declare module 'material-ui/svg-icons/image/leak-add' {
-  export import ImageLeakAdd = __MaterialUI.SvgIcon;
-  export default ImageLeakAdd;
+    export import ImageLeakAdd = __MaterialUI.SvgIcon;
+    export default ImageLeakAdd;
 }
 
 declare module 'material-ui/svg-icons/image/filter-5' {
-  export import ImageFilter5 = __MaterialUI.SvgIcon;
-  export default ImageFilter5;
+    export import ImageFilter5 = __MaterialUI.SvgIcon;
+    export default ImageFilter5;
 }
 
 declare module 'material-ui/svg-icons/image/photo' {
-  export import ImagePhoto = __MaterialUI.SvgIcon;
-  export default ImagePhoto;
+    export import ImagePhoto = __MaterialUI.SvgIcon;
+    export default ImagePhoto;
 }
 
 declare module 'material-ui/svg-icons/image/color-lens' {
-  export import ImageColorLens = __MaterialUI.SvgIcon;
-  export default ImageColorLens;
+    export import ImageColorLens = __MaterialUI.SvgIcon;
+    export default ImageColorLens;
 }
 
 declare module 'material-ui/svg-icons/image/broken-image' {
-  export import ImageBrokenImage = __MaterialUI.SvgIcon;
-  export default ImageBrokenImage;
+    export import ImageBrokenImage = __MaterialUI.SvgIcon;
+    export default ImageBrokenImage;
 }
 
 declare module 'material-ui/svg-icons/image/looks-6' {
-  export import ImageLooks6 = __MaterialUI.SvgIcon;
-  export default ImageLooks6;
+    export import ImageLooks6 = __MaterialUI.SvgIcon;
+    export default ImageLooks6;
 }
 
 declare module 'material-ui/svg-icons/image/picture-as-pdf' {
-  export import ImagePictureAsPdf = __MaterialUI.SvgIcon;
-  export default ImagePictureAsPdf;
+    export import ImagePictureAsPdf = __MaterialUI.SvgIcon;
+    export default ImagePictureAsPdf;
 }
 
 declare module 'material-ui/svg-icons/image/palette' {
-  export import ImagePalette = __MaterialUI.SvgIcon;
-  export default ImagePalette;
+    export import ImagePalette = __MaterialUI.SvgIcon;
+    export default ImagePalette;
 }
 
 declare module 'material-ui/svg-icons/image/crop-landscape' {
-  export import ImageCropLandscape = __MaterialUI.SvgIcon;
-  export default ImageCropLandscape;
+    export import ImageCropLandscape = __MaterialUI.SvgIcon;
+    export default ImageCropLandscape;
 }
 
 declare module 'material-ui/svg-icons/image/grid-on' {
-  export import ImageGridOn = __MaterialUI.SvgIcon;
-  export default ImageGridOn;
+    export import ImageGridOn = __MaterialUI.SvgIcon;
+    export default ImageGridOn;
 }
 
 declare module 'material-ui/svg-icons/image/slideshow' {
-  export import ImageSlideshow = __MaterialUI.SvgIcon;
-  export default ImageSlideshow;
+    export import ImageSlideshow = __MaterialUI.SvgIcon;
+    export default ImageSlideshow;
 }
 
 declare module 'material-ui/svg-icons/image/brightness-3' {
-  export import ImageBrightness3 = __MaterialUI.SvgIcon;
-  export default ImageBrightness3;
+    export import ImageBrightness3 = __MaterialUI.SvgIcon;
+    export default ImageBrightness3;
 }
 
 declare module 'material-ui/svg-icons/image/style' {
-  export import ImageStyle = __MaterialUI.SvgIcon;
-  export default ImageStyle;
+    export import ImageStyle = __MaterialUI.SvgIcon;
+    export default ImageStyle;
 }
 
 declare module 'material-ui/svg-icons/image/filter-vintage' {
-  export import ImageFilterVintage = __MaterialUI.SvgIcon;
-  export default ImageFilterVintage;
+    export import ImageFilterVintage = __MaterialUI.SvgIcon;
+    export default ImageFilterVintage;
 }
 
 declare module 'material-ui/svg-icons/image/tune' {
-  export import ImageTune = __MaterialUI.SvgIcon;
-  export default ImageTune;
+    export import ImageTune = __MaterialUI.SvgIcon;
+    export default ImageTune;
 }
 
 declare module 'material-ui/svg-icons/image/camera' {
-  export import ImageCamera = __MaterialUI.SvgIcon;
-  export default ImageCamera;
+    export import ImageCamera = __MaterialUI.SvgIcon;
+    export default ImageCamera;
 }
 
 declare module 'material-ui/svg-icons/image/timer' {
-  export import ImageTimer = __MaterialUI.SvgIcon;
-  export default ImageTimer;
+    export import ImageTimer = __MaterialUI.SvgIcon;
+    export default ImageTimer;
 }
 
 declare module 'material-ui/svg-icons/image/landscape' {
-  export import ImageLandscape = __MaterialUI.SvgIcon;
-  export default ImageLandscape;
+    export import ImageLandscape = __MaterialUI.SvgIcon;
+    export default ImageLandscape;
 }
 
 declare module 'material-ui/svg-icons/image/crop-16-9' {
-  export import ImageCrop169 = __MaterialUI.SvgIcon;
-  export default ImageCrop169;
+    export import ImageCrop169 = __MaterialUI.SvgIcon;
+    export default ImageCrop169;
 }
 
 declare module 'material-ui/svg-icons/image/add-to-photos' {
-  export import ImageAddToPhotos = __MaterialUI.SvgIcon;
-  export default ImageAddToPhotos;
+    export import ImageAddToPhotos = __MaterialUI.SvgIcon;
+    export default ImageAddToPhotos;
 }
 
 declare module 'material-ui/svg-icons/image/wb-incandescent' {
-  export import ImageWbIncandescent = __MaterialUI.SvgIcon;
-  export default ImageWbIncandescent;
+    export import ImageWbIncandescent = __MaterialUI.SvgIcon;
+    export default ImageWbIncandescent;
 }
 
 declare module 'material-ui/svg-icons/image/hdr-weak' {
-  export import ImageHdrWeak = __MaterialUI.SvgIcon;
-  export default ImageHdrWeak;
+    export import ImageHdrWeak = __MaterialUI.SvgIcon;
+    export default ImageHdrWeak;
 }
 
 declare module 'material-ui/svg-icons/image/details' {
-  export import ImageDetails = __MaterialUI.SvgIcon;
-  export default ImageDetails;
+    export import ImageDetails = __MaterialUI.SvgIcon;
+    export default ImageDetails;
 }
 
 declare module 'material-ui/svg-icons/image/view-compact' {
-  export import ImageViewCompact = __MaterialUI.SvgIcon;
-  export default ImageViewCompact;
+    export import ImageViewCompact = __MaterialUI.SvgIcon;
+    export default ImageViewCompact;
 }
 
 declare module 'material-ui/svg-icons/image/brightness-5' {
-  export import ImageBrightness5 = __MaterialUI.SvgIcon;
-  export default ImageBrightness5;
+    export import ImageBrightness5 = __MaterialUI.SvgIcon;
+    export default ImageBrightness5;
 }
 
 declare module 'material-ui/svg-icons/image/center-focus-weak' {
-  export import ImageCenterFocusWeak = __MaterialUI.SvgIcon;
-  export default ImageCenterFocusWeak;
+    export import ImageCenterFocusWeak = __MaterialUI.SvgIcon;
+    export default ImageCenterFocusWeak;
 }
 
 declare module 'material-ui/svg-icons/image/adjust' {
-  export import ImageAdjust = __MaterialUI.SvgIcon;
-  export default ImageAdjust;
+    export import ImageAdjust = __MaterialUI.SvgIcon;
+    export default ImageAdjust;
 }
 
 declare module 'material-ui/svg-icons/image/camera-front' {
-  export import ImageCameraFront = __MaterialUI.SvgIcon;
-  export default ImageCameraFront;
+    export import ImageCameraFront = __MaterialUI.SvgIcon;
+    export default ImageCameraFront;
 }
 
 declare module 'material-ui/svg-icons/image/transform' {
-  export import ImageTransform = __MaterialUI.SvgIcon;
-  export default ImageTransform;
+    export import ImageTransform = __MaterialUI.SvgIcon;
+    export default ImageTransform;
 }
 
 declare module 'material-ui/svg-icons/image/filter' {
-  export import ImageFilter = __MaterialUI.SvgIcon;
-  export default ImageFilter;
+    export import ImageFilter = __MaterialUI.SvgIcon;
+    export default ImageFilter;
 }
 
 declare module 'material-ui/svg-icons/image/grain' {
-  export import ImageGrain = __MaterialUI.SvgIcon;
-  export default ImageGrain;
+    export import ImageGrain = __MaterialUI.SvgIcon;
+    export default ImageGrain;
 }
 
 declare module 'material-ui/svg-icons/image/filter-9-plus' {
-  export import ImageFilter9Plus = __MaterialUI.SvgIcon;
-  export default ImageFilter9Plus;
+    export import ImageFilter9Plus = __MaterialUI.SvgIcon;
+    export default ImageFilter9Plus;
 }
 
 declare module 'material-ui/svg-icons/image/looks-5' {
-  export import ImageLooks5 = __MaterialUI.SvgIcon;
-  export default ImageLooks5;
+    export import ImageLooks5 = __MaterialUI.SvgIcon;
+    export default ImageLooks5;
 }
 
 declare module 'material-ui/svg-icons/image/hdr-on' {
-  export import ImageHdrOn = __MaterialUI.SvgIcon;
-  export default ImageHdrOn;
+    export import ImageHdrOn = __MaterialUI.SvgIcon;
+    export default ImageHdrOn;
 }
 
 declare module 'material-ui/svg-icons/image/audiotrack' {
-  export import ImageAudiotrack = __MaterialUI.SvgIcon;
-  export default ImageAudiotrack;
+    export import ImageAudiotrack = __MaterialUI.SvgIcon;
+    export default ImageAudiotrack;
 }
 
 declare module 'material-ui/svg-icons/image/compare' {
-  export import ImageCompare = __MaterialUI.SvgIcon;
-  export default ImageCompare;
+    export import ImageCompare = __MaterialUI.SvgIcon;
+    export default ImageCompare;
 }
 
 declare module 'material-ui/svg-icons/image/crop' {
-  export import ImageCrop = __MaterialUI.SvgIcon;
-  export default ImageCrop;
+    export import ImageCrop = __MaterialUI.SvgIcon;
+    export default ImageCrop;
 }
 
 declare module 'material-ui/svg-icons/image/texture' {
-  export import ImageTexture = __MaterialUI.SvgIcon;
-  export default ImageTexture;
+    export import ImageTexture = __MaterialUI.SvgIcon;
+    export default ImageTexture;
 }
 
 declare module 'material-ui/svg-icons/image/movie-filter' {
-  export import ImageMovieFilter = __MaterialUI.SvgIcon;
-  export default ImageMovieFilter;
+    export import ImageMovieFilter = __MaterialUI.SvgIcon;
+    export default ImageMovieFilter;
 }
 
 declare module 'material-ui/svg-icons/image/exposure' {
-  export import ImageExposure = __MaterialUI.SvgIcon;
-  export default ImageExposure;
+    export import ImageExposure = __MaterialUI.SvgIcon;
+    export default ImageExposure;
 }
 
 declare module 'material-ui/svg-icons/image/filter-b-and-w' {
-  export import ImageFilterBAndW = __MaterialUI.SvgIcon;
-  export default ImageFilterBAndW;
+    export import ImageFilterBAndW = __MaterialUI.SvgIcon;
+    export default ImageFilterBAndW;
 }
 
 declare module 'material-ui/svg-icons/image/photo-size-select-actual' {
-  export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon;
-  export default ImagePhotoSizeSelectActual;
+    export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon;
+    export default ImagePhotoSizeSelectActual;
 }
 
 declare module 'material-ui/svg-icons/image/crop-5-4' {
-  export import ImageCrop54 = __MaterialUI.SvgIcon;
-  export default ImageCrop54;
+    export import ImageCrop54 = __MaterialUI.SvgIcon;
+    export default ImageCrop54;
 }
 
 declare module 'material-ui/svg-icons/image/brightness-2' {
-  export import ImageBrightness2 = __MaterialUI.SvgIcon;
-  export default ImageBrightness2;
+    export import ImageBrightness2 = __MaterialUI.SvgIcon;
+    export default ImageBrightness2;
 }
 
 declare module 'material-ui/svg-icons/image/tonality' {
-  export import ImageTonality = __MaterialUI.SvgIcon;
-  export default ImageTonality;
+    export import ImageTonality = __MaterialUI.SvgIcon;
+    export default ImageTonality;
 }
 
 declare module 'material-ui/svg-icons/image/panorama-wide-angle' {
-  export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon;
-  export default ImagePanoramaWideAngle;
+    export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon;
+    export default ImagePanoramaWideAngle;
 }
 
 declare module 'material-ui/svg-icons/image/flip' {
-  export import ImageFlip = __MaterialUI.SvgIcon;
-  export default ImageFlip;
+    export import ImageFlip = __MaterialUI.SvgIcon;
+    export default ImageFlip;
 }
 
 declare module 'material-ui/svg-icons/image/filter-9' {
-  export import ImageFilter9 = __MaterialUI.SvgIcon;
-  export default ImageFilter9;
+    export import ImageFilter9 = __MaterialUI.SvgIcon;
+    export default ImageFilter9;
 }
 
 declare module 'material-ui/svg-icons/image/blur-on' {
-  export import ImageBlurOn = __MaterialUI.SvgIcon;
-  export default ImageBlurOn;
+    export import ImageBlurOn = __MaterialUI.SvgIcon;
+    export default ImageBlurOn;
 }
 
 declare module 'material-ui/svg-icons/image/assistant' {
-  export import ImageAssistant = __MaterialUI.SvgIcon;
-  export default ImageAssistant;
+    export import ImageAssistant = __MaterialUI.SvgIcon;
+    export default ImageAssistant;
 }
 
 declare module 'material-ui/svg-icons/image/lens' {
-  export import ImageLens = __MaterialUI.SvgIcon;
-  export default ImageLens;
+    export import ImageLens = __MaterialUI.SvgIcon;
+    export default ImageLens;
 }
 
 declare module 'material-ui/svg-icons/image/switch-camera' {
-  export import ImageSwitchCamera = __MaterialUI.SvgIcon;
-  export default ImageSwitchCamera;
+    export import ImageSwitchCamera = __MaterialUI.SvgIcon;
+    export default ImageSwitchCamera;
 }
 
 declare module 'material-ui/svg-icons/image/photo-filter' {
-  export import ImagePhotoFilter = __MaterialUI.SvgIcon;
-  export default ImagePhotoFilter;
+    export import ImagePhotoFilter = __MaterialUI.SvgIcon;
+    export default ImagePhotoFilter;
 }
 
 declare module 'material-ui/svg-icons/image/wb-iridescent' {
-  export import ImageWbIridescent = __MaterialUI.SvgIcon;
-  export default ImageWbIridescent;
+    export import ImageWbIridescent = __MaterialUI.SvgIcon;
+    export default ImageWbIridescent;
 }
 
 declare module 'material-ui/svg-icons/image/crop-square' {
-  export import ImageCropSquare = __MaterialUI.SvgIcon;
-  export default ImageCropSquare;
+    export import ImageCropSquare = __MaterialUI.SvgIcon;
+    export default ImageCropSquare;
 }
 
 declare module 'material-ui/svg-icons/image/timer-10' {
-  export import ImageTimer10 = __MaterialUI.SvgIcon;
-  export default ImageTimer10;
+    export import ImageTimer10 = __MaterialUI.SvgIcon;
+    export default ImageTimer10;
 }
 
 declare module 'material-ui/svg-icons/image/rotate-right' {
-  export import ImageRotateRight = __MaterialUI.SvgIcon;
-  export default ImageRotateRight;
+    export import ImageRotateRight = __MaterialUI.SvgIcon;
+    export default ImageRotateRight;
 }
 
 declare module 'material-ui/svg-icons/image/grid-off' {
-  export import ImageGridOff = __MaterialUI.SvgIcon;
-  export default ImageGridOff;
+    export import ImageGridOff = __MaterialUI.SvgIcon;
+    export default ImageGridOff;
 }
 
 declare module 'material-ui/svg-icons/image/filter-7' {
-  export import ImageFilter7 = __MaterialUI.SvgIcon;
-  export default ImageFilter7;
+    export import ImageFilter7 = __MaterialUI.SvgIcon;
+    export default ImageFilter7;
 }
 
 declare module 'material-ui/svg-icons/image/loupe' {
-  export import ImageLoupe = __MaterialUI.SvgIcon;
-  export default ImageLoupe;
+    export import ImageLoupe = __MaterialUI.SvgIcon;
+    export default ImageLoupe;
 }
 
 declare module 'material-ui/svg-icons/image/filter-6' {
-  export import ImageFilter6 = __MaterialUI.SvgIcon;
-  export default ImageFilter6;
+    export import ImageFilter6 = __MaterialUI.SvgIcon;
+    export default ImageFilter6;
 }
 
 declare module 'material-ui/svg-icons/image/filter-tilt-shift' {
-  export import ImageFilterTiltShift = __MaterialUI.SvgIcon;
-  export default ImageFilterTiltShift;
+    export import ImageFilterTiltShift = __MaterialUI.SvgIcon;
+    export default ImageFilterTiltShift;
 }
 
 declare module 'material-ui/svg-icons/image/crop-din' {
-  export import ImageCropDin = __MaterialUI.SvgIcon;
-  export default ImageCropDin;
+    export import ImageCropDin = __MaterialUI.SvgIcon;
+    export default ImageCropDin;
 }
 
 declare module 'material-ui/svg-icons/image/center-focus-strong' {
-  export import ImageCenterFocusStrong = __MaterialUI.SvgIcon;
-  export default ImageCenterFocusStrong;
+    export import ImageCenterFocusStrong = __MaterialUI.SvgIcon;
+    export default ImageCenterFocusStrong;
 }
 
 declare module 'material-ui/svg-icons/image/rotate-left' {
-  export import ImageRotateLeft = __MaterialUI.SvgIcon;
-  export default ImageRotateLeft;
+    export import ImageRotateLeft = __MaterialUI.SvgIcon;
+    export default ImageRotateLeft;
 }
 
 declare module 'material-ui/svg-icons/image/filter-hdr' {
-  export import ImageFilterHdr = __MaterialUI.SvgIcon;
-  export default ImageFilterHdr;
+    export import ImageFilterHdr = __MaterialUI.SvgIcon;
+    export default ImageFilterHdr;
 }
 
 declare module 'material-ui/svg-icons/image/timer-off' {
-  export import ImageTimerOff = __MaterialUI.SvgIcon;
-  export default ImageTimerOff;
+    export import ImageTimerOff = __MaterialUI.SvgIcon;
+    export default ImageTimerOff;
 }
 
 declare module 'material-ui/svg-icons/image/straighten' {
-  export import ImageStraighten = __MaterialUI.SvgIcon;
-  export default ImageStraighten;
+    export import ImageStraighten = __MaterialUI.SvgIcon;
+    export default ImageStraighten;
 }
 
 declare module 'material-ui/svg-icons/image/exposure-neg-1' {
-  export import ImageExposureNeg1 = __MaterialUI.SvgIcon;
-  export default ImageExposureNeg1;
+    export import ImageExposureNeg1 = __MaterialUI.SvgIcon;
+    export default ImageExposureNeg1;
 }
 
 declare module 'material-ui/svg-icons/image/navigate-before' {
-  export import ImageNavigateBefore = __MaterialUI.SvgIcon;
-  export default ImageNavigateBefore;
+    export import ImageNavigateBefore = __MaterialUI.SvgIcon;
+    export default ImageNavigateBefore;
 }
 
 declare module 'material-ui/svg-icons/image/iso' {
-  export import ImageIso = __MaterialUI.SvgIcon;
-  export default ImageIso;
+    export import ImageIso = __MaterialUI.SvgIcon;
+    export default ImageIso;
 }
 
 declare module 'material-ui/svg-icons/image/photo-album' {
-  export import ImagePhotoAlbum = __MaterialUI.SvgIcon;
-  export default ImagePhotoAlbum;
+    export import ImagePhotoAlbum = __MaterialUI.SvgIcon;
+    export default ImagePhotoAlbum;
 }
 
 declare module 'material-ui/svg-icons/image/crop-rotate' {
-  export import ImageCropRotate = __MaterialUI.SvgIcon;
-  export default ImageCropRotate;
+    export import ImageCropRotate = __MaterialUI.SvgIcon;
+    export default ImageCropRotate;
 }
 
 declare module 'material-ui/svg-icons/image/remove-red-eye' {
-  export import ImageRemoveRedEye = __MaterialUI.SvgIcon;
-  export default ImageRemoveRedEye;
+    export import ImageRemoveRedEye = __MaterialUI.SvgIcon;
+    export default ImageRemoveRedEye;
 }
 
 declare module 'material-ui/svg-icons/image/crop-portrait' {
-  export import ImageCropPortrait = __MaterialUI.SvgIcon;
-  export default ImageCropPortrait;
+    export import ImageCropPortrait = __MaterialUI.SvgIcon;
+    export default ImageCropPortrait;
 }
 
 declare module 'material-ui/svg-icons/image/camera-alt' {
-  export import ImageCameraAlt = __MaterialUI.SvgIcon;
-  export default ImageCameraAlt;
+    export import ImageCameraAlt = __MaterialUI.SvgIcon;
+    export default ImageCameraAlt;
 }
 
 declare module 'material-ui/svg-icons/image/control-point' {
-  export import ImageControlPoint = __MaterialUI.SvgIcon;
-  export default ImageControlPoint;
+    export import ImageControlPoint = __MaterialUI.SvgIcon;
+    export default ImageControlPoint;
 }
 
 declare module 'material-ui/svg-icons/image/panorama' {
-  export import ImagePanorama = __MaterialUI.SvgIcon;
-  export default ImagePanorama;
+    export import ImagePanorama = __MaterialUI.SvgIcon;
+    export default ImagePanorama;
 }
 
 declare module 'material-ui/svg-icons/image/panorama-fish-eye' {
-  export import ImagePanoramaFishEye = __MaterialUI.SvgIcon;
-  export default ImagePanoramaFishEye;
+    export import ImagePanoramaFishEye = __MaterialUI.SvgIcon;
+    export default ImagePanoramaFishEye;
 }
 
 declare module 'material-ui/svg-icons/image/filter-8' {
-  export import ImageFilter8 = __MaterialUI.SvgIcon;
-  export default ImageFilter8;
+    export import ImageFilter8 = __MaterialUI.SvgIcon;
+    export default ImageFilter8;
 }
 
 declare module 'material-ui/svg-icons/image/looks-two' {
-  export import ImageLooksTwo = __MaterialUI.SvgIcon;
-  export default ImageLooksTwo;
+    export import ImageLooksTwo = __MaterialUI.SvgIcon;
+    export default ImageLooksTwo;
 }
 
 declare module 'material-ui/svg-icons/image/panorama-horizontal' {
-  export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon;
-  export default ImagePanoramaHorizontal;
+    export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon;
+    export default ImagePanoramaHorizontal;
 }
 
 declare module 'material-ui/svg-icons/image/looks-3' {
-  export import ImageLooks3 = __MaterialUI.SvgIcon;
-  export default ImageLooks3;
+    export import ImageLooks3 = __MaterialUI.SvgIcon;
+    export default ImageLooks3;
 }
 
 declare module 'material-ui/svg-icons/image/filter-none' {
-  export import ImageFilterNone = __MaterialUI.SvgIcon;
-  export default ImageFilterNone;
+    export import ImageFilterNone = __MaterialUI.SvgIcon;
+    export default ImageFilterNone;
 }
 
 declare module 'material-ui/svg-icons/image/photo-size-select-large' {
-  export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon;
-  export default ImagePhotoSizeSelectLarge;
+    export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon;
+    export default ImagePhotoSizeSelectLarge;
 }
 
 declare module 'material-ui/svg-icons/image/blur-off' {
-  export import ImageBlurOff = __MaterialUI.SvgIcon;
-  export default ImageBlurOff;
+    export import ImageBlurOff = __MaterialUI.SvgIcon;
+    export default ImageBlurOff;
 }
 
 declare module 'material-ui/svg-icons/image/camera-roll' {
-  export import ImageCameraRoll = __MaterialUI.SvgIcon;
-  export default ImageCameraRoll;
+    export import ImageCameraRoll = __MaterialUI.SvgIcon;
+    export default ImageCameraRoll;
 }
 
 declare module 'material-ui/svg-icons/image/leak-remove' {
-  export import ImageLeakRemove = __MaterialUI.SvgIcon;
-  export default ImageLeakRemove;
+    export import ImageLeakRemove = __MaterialUI.SvgIcon;
+    export default ImageLeakRemove;
 }
 
 declare module 'material-ui/svg-icons/image/filter-frames' {
-  export import ImageFilterFrames = __MaterialUI.SvgIcon;
-  export default ImageFilterFrames;
+    export import ImageFilterFrames = __MaterialUI.SvgIcon;
+    export default ImageFilterFrames;
 }
 
 declare module 'material-ui/svg-icons/image/flare' {
-  export import ImageFlare = __MaterialUI.SvgIcon;
-  export default ImageFlare;
+    export import ImageFlare = __MaterialUI.SvgIcon;
+    export default ImageFlare;
 }
 
 declare module 'material-ui/svg-icons/image/photo-size-select-small' {
-  export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon;
-  export default ImagePhotoSizeSelectSmall;
+    export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon;
+    export default ImagePhotoSizeSelectSmall;
 }
 
 declare module 'material-ui/svg-icons/image/photo-camera' {
-  export import ImagePhotoCamera = __MaterialUI.SvgIcon;
-  export default ImagePhotoCamera;
+    export import ImagePhotoCamera = __MaterialUI.SvgIcon;
+    export default ImagePhotoCamera;
 }
 
 declare module 'material-ui/svg-icons/image/hdr-off' {
-  export import ImageHdrOff = __MaterialUI.SvgIcon;
-  export default ImageHdrOff;
+    export import ImageHdrOff = __MaterialUI.SvgIcon;
+    export default ImageHdrOff;
 }
 
 declare module 'material-ui/svg-icons/image/filter-2' {
-  export import ImageFilter2 = __MaterialUI.SvgIcon;
-  export default ImageFilter2;
+    export import ImageFilter2 = __MaterialUI.SvgIcon;
+    export default ImageFilter2;
 }
 
 declare module 'material-ui/svg-icons/image/crop-original' {
-  export import ImageCropOriginal = __MaterialUI.SvgIcon;
-  export default ImageCropOriginal;
+    export import ImageCropOriginal = __MaterialUI.SvgIcon;
+    export default ImageCropOriginal;
 }
 
 declare module 'material-ui/svg-icons/places/kitchen' {
-  export import PlacesKitchen = __MaterialUI.SvgIcon;
-  export default PlacesKitchen;
+    export import PlacesKitchen = __MaterialUI.SvgIcon;
+    export default PlacesKitchen;
 }
 
 declare module 'material-ui/svg-icons/places/spa' {
-  export import PlacesSpa = __MaterialUI.SvgIcon;
-  export default PlacesSpa;
+    export import PlacesSpa = __MaterialUI.SvgIcon;
+    export default PlacesSpa;
 }
 
 declare module 'material-ui/svg-icons/places/all-inclusive' {
-  export import PlacesAllInclusive = __MaterialUI.SvgIcon;
-  export default PlacesAllInclusive;
+    export import PlacesAllInclusive = __MaterialUI.SvgIcon;
+    export default PlacesAllInclusive;
 }
 
 declare module 'material-ui/svg-icons/places/ac-unit' {
-  export import PlacesAcUnit = __MaterialUI.SvgIcon;
-  export default PlacesAcUnit;
+    export import PlacesAcUnit = __MaterialUI.SvgIcon;
+    export default PlacesAcUnit;
 }
 
 declare module 'material-ui/svg-icons/places/child-care' {
-  export import PlacesChildCare = __MaterialUI.SvgIcon;
-  export default PlacesChildCare;
+    export import PlacesChildCare = __MaterialUI.SvgIcon;
+    export default PlacesChildCare;
 }
 
 declare module 'material-ui/svg-icons/places/golf-course' {
-  export import PlacesGolfCourse = __MaterialUI.SvgIcon;
-  export default PlacesGolfCourse;
+    export import PlacesGolfCourse = __MaterialUI.SvgIcon;
+    export default PlacesGolfCourse;
 }
 
 declare module 'material-ui/svg-icons/places/business-center' {
-  export import PlacesBusinessCenter = __MaterialUI.SvgIcon;
-  export default PlacesBusinessCenter;
+    export import PlacesBusinessCenter = __MaterialUI.SvgIcon;
+    export default PlacesBusinessCenter;
 }
 
 declare module 'material-ui/svg-icons/places/free-breakfast' {
-  export import PlacesFreeBreakfast = __MaterialUI.SvgIcon;
-  export default PlacesFreeBreakfast;
+    export import PlacesFreeBreakfast = __MaterialUI.SvgIcon;
+    export default PlacesFreeBreakfast;
 }
 
 declare module 'material-ui/svg-icons/places/fitness-center' {
-  export import PlacesFitnessCenter = __MaterialUI.SvgIcon;
-  export default PlacesFitnessCenter;
+    export import PlacesFitnessCenter = __MaterialUI.SvgIcon;
+    export default PlacesFitnessCenter;
 }
 
 declare module 'material-ui/svg-icons/places/pool' {
-  export import PlacesPool = __MaterialUI.SvgIcon;
-  export default PlacesPool;
+    export import PlacesPool = __MaterialUI.SvgIcon;
+    export default PlacesPool;
 }
 
 declare module 'material-ui/svg-icons/places/child-friendly' {
-  export import PlacesChildFriendly = __MaterialUI.SvgIcon;
-  export default PlacesChildFriendly;
+    export import PlacesChildFriendly = __MaterialUI.SvgIcon;
+    export default PlacesChildFriendly;
 }
 
 declare module 'material-ui/svg-icons/places/casino' {
-  export import PlacesCasino = __MaterialUI.SvgIcon;
-  export default PlacesCasino;
+    export import PlacesCasino = __MaterialUI.SvgIcon;
+    export default PlacesCasino;
 }
 
 declare module 'material-ui/svg-icons/places/hot-tub' {
-  export import PlacesHotTub = __MaterialUI.SvgIcon;
-  export default PlacesHotTub;
+    export import PlacesHotTub = __MaterialUI.SvgIcon;
+    export default PlacesHotTub;
 }
 
 declare module 'material-ui/svg-icons/places/smoke-free' {
-  export import PlacesSmokeFree = __MaterialUI.SvgIcon;
-  export default PlacesSmokeFree;
+    export import PlacesSmokeFree = __MaterialUI.SvgIcon;
+    export default PlacesSmokeFree;
 }
 
 declare module 'material-ui/svg-icons/places/room-service' {
-  export import PlacesRoomService = __MaterialUI.SvgIcon;
-  export default PlacesRoomService;
+    export import PlacesRoomService = __MaterialUI.SvgIcon;
+    export default PlacesRoomService;
 }
 
 declare module 'material-ui/svg-icons/places/smoking-rooms' {
-  export import PlacesSmokingRooms = __MaterialUI.SvgIcon;
-  export default PlacesSmokingRooms;
+    export import PlacesSmokingRooms = __MaterialUI.SvgIcon;
+    export default PlacesSmokingRooms;
 }
 
 declare module 'material-ui/svg-icons/places/beach-access' {
-  export import PlacesBeachAccess = __MaterialUI.SvgIcon;
-  export default PlacesBeachAccess;
+    export import PlacesBeachAccess = __MaterialUI.SvgIcon;
+    export default PlacesBeachAccess;
 }
 
 declare module 'material-ui/svg-icons/places/airport-shuttle' {
-  export import PlacesAirportShuttle = __MaterialUI.SvgIcon;
-  export default PlacesAirportShuttle;
+    export import PlacesAirportShuttle = __MaterialUI.SvgIcon;
+    export default PlacesAirportShuttle;
 }
 
 declare module 'material-ui/styles' {
@@ -6734,7 +6706,6 @@ declare module 'material-ui/styles' {
     export import LightRawTheme = __MaterialUI.Styles.lightBaseTheme;
     export import getMuiTheme = __MaterialUI.Styles.getMuiTheme;
     export import spacing = __MaterialUI.Styles.Spacing;
-    export import themeManager = __MaterialUI.Styles.ThemeManager;
     export import transitions = __MaterialUI.Styles.Transitions;
     export import typography = __MaterialUI.Styles.Typography;
     export import zIndex = __MaterialUI.Styles.zIndex;
@@ -6763,11 +6734,6 @@ declare module 'material-ui/styles/spacing' {
     export default Spacing;
 }
 
-declare module 'material-ui/styles/themeManager' {
-    export import ThemeManager = __MaterialUI.Styles.ThemeManager;
-    export default ThemeManager;
-}
-
 declare module 'material-ui/styles/transitions' {
     export import Transitions = __MaterialUI.Styles.Transitions;
     export default Transitions;
@@ -6783,319 +6749,302 @@ declare module 'material-ui/styles/baseThemes/lightBaseTheme' {
     export default lightBaseTheme;
 }
 
-//** @deprecated use lightBaseTheme instead **/
-declare module 'material-ui/styles/raw-themes/light-raw-theme' {
-    export import LightRawTheme = __MaterialUI.Styles.LightRawTheme;
-    export default LightRawTheme;
-}
-
 declare module 'material-ui/styles/baseThemes/darkBaseTheme' {
     export import darkBaseTheme = __MaterialUI.Styles.darkBaseTheme;
     export default darkBaseTheme;
 }
 
-//** @deprecated use darkBaseTheme instead **/
-declare module 'material-ui/styles/raw-themes/dark-raw-theme' {
-    export import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme;
-    export default DarkRawTheme;
-}
-
-declare module 'material-ui/styles/themeDecorator' {
-    export import themeDecorator = __MaterialUI.Styles.themeDecorator;
-    export default themeDecorator;
-}
-
 declare module 'material-ui/styles/zIndex' {
     export import zIndex = __MaterialUI.Styles.zIndex;
     export default zIndex;
 }
 
 declare module "material-ui/styles/colors" {
-  export const red50: string;
-  export const red100: string;
-  export const red200: string;
-  export const red300: string;
-  export const red400: string;
-  export const red500: string;
-  export const red600: string;
-  export const red700: string;
-  export const red800: string;
-  export const red900: string;
-  export const redA100: string;
-  export const redA200: string;
-  export const redA400: string;
-  export const redA700: string;
+    export const red50: string;
+    export const red100: string;
+    export const red200: string;
+    export const red300: string;
+    export const red400: string;
+    export const red500: string;
+    export const red600: string;
+    export const red700: string;
+    export const red800: string;
+    export const red900: string;
+    export const redA100: string;
+    export const redA200: string;
+    export const redA400: string;
+    export const redA700: string;
 
-  export const pink50: string;
-  export const pink100: string;
-  export const pink200: string;
-  export const pink300: string;
-  export const pink400: string;
-  export const pink500: string;
-  export const pink600: string;
-  export const pink700: string;
-  export const pink800: string;
-  export const pink900: string;
-  export const pinkA100: string;
-  export const pinkA200: string;
-  export const pinkA400: string;
-  export const pinkA700: string;
+    export const pink50: string;
+    export const pink100: string;
+    export const pink200: string;
+    export const pink300: string;
+    export const pink400: string;
+    export const pink500: string;
+    export const pink600: string;
+    export const pink700: string;
+    export const pink800: string;
+    export const pink900: string;
+    export const pinkA100: string;
+    export const pinkA200: string;
+    export const pinkA400: string;
+    export const pinkA700: string;
 
-  export const purple50: string;
-  export const purple100: string;
-  export const purple200: string;
-  export const purple300: string;
-  export const purple400: string;
-  export const purple500: string;
-  export const purple600: string;
-  export const purple700: string;
-  export const purple800: string;
-  export const purple900: string;
-  export const purpleA100: string;
-  export const purpleA200: string;
-  export const purpleA400: string;
-  export const purpleA700: string;
+    export const purple50: string;
+    export const purple100: string;
+    export const purple200: string;
+    export const purple300: string;
+    export const purple400: string;
+    export const purple500: string;
+    export const purple600: string;
+    export const purple700: string;
+    export const purple800: string;
+    export const purple900: string;
+    export const purpleA100: string;
+    export const purpleA200: string;
+    export const purpleA400: string;
+    export const purpleA700: string;
 
-  export const deepPurple50: string;
-  export const deepPurple100: string;
-  export const deepPurple200: string;
-  export const deepPurple300: string;
-  export const deepPurple400: string;
-  export const deepPurple500: string;
-  export const deepPurple600: string;
-  export const deepPurple700: string;
-  export const deepPurple800: string;
-  export const deepPurple900: string;
-  export const deepPurpleA100: string;
-  export const deepPurpleA200: string;
-  export const deepPurpleA400: string;
-  export const deepPurpleA700: string;
+    export const deepPurple50: string;
+    export const deepPurple100: string;
+    export const deepPurple200: string;
+    export const deepPurple300: string;
+    export const deepPurple400: string;
+    export const deepPurple500: string;
+    export const deepPurple600: string;
+    export const deepPurple700: string;
+    export const deepPurple800: string;
+    export const deepPurple900: string;
+    export const deepPurpleA100: string;
+    export const deepPurpleA200: string;
+    export const deepPurpleA400: string;
+    export const deepPurpleA700: string;
 
-  export const indigo50: string;
-  export const indigo100: string;
-  export const indigo200: string;
-  export const indigo300: string;
-  export const indigo400: string;
-  export const indigo500: string;
-  export const indigo600: string;
-  export const indigo700: string;
-  export const indigo800: string;
-  export const indigo900: string;
-  export const indigoA100: string;
-  export const indigoA200: string;
-  export const indigoA400: string;
-  export const indigoA700: string;
+    export const indigo50: string;
+    export const indigo100: string;
+    export const indigo200: string;
+    export const indigo300: string;
+    export const indigo400: string;
+    export const indigo500: string;
+    export const indigo600: string;
+    export const indigo700: string;
+    export const indigo800: string;
+    export const indigo900: string;
+    export const indigoA100: string;
+    export const indigoA200: string;
+    export const indigoA400: string;
+    export const indigoA700: string;
 
-  export const blue50: string;
-  export const blue100: string;
-  export const blue200: string;
-  export const blue300: string;
-  export const blue400: string;
-  export const blue500: string;
-  export const blue600: string;
-  export const blue700: string;
-  export const blue800: string;
-  export const blue900: string;
-  export const blueA100: string;
-  export const blueA200: string;
-  export const blueA400: string;
-  export const blueA700: string;
+    export const blue50: string;
+    export const blue100: string;
+    export const blue200: string;
+    export const blue300: string;
+    export const blue400: string;
+    export const blue500: string;
+    export const blue600: string;
+    export const blue700: string;
+    export const blue800: string;
+    export const blue900: string;
+    export const blueA100: string;
+    export const blueA200: string;
+    export const blueA400: string;
+    export const blueA700: string;
 
-  export const lightBlue50: string;
-  export const lightBlue100: string;
-  export const lightBlue200: string;
-  export const lightBlue300: string;
-  export const lightBlue400: string;
-  export const lightBlue500: string;
-  export const lightBlue600: string;
-  export const lightBlue700: string;
-  export const lightBlue800: string;
-  export const lightBlue900: string;
-  export const lightBlueA100: string;
-  export const lightBlueA200: string;
-  export const lightBlueA400: string;
-  export const lightBlueA700: string;
+    export const lightBlue50: string;
+    export const lightBlue100: string;
+    export const lightBlue200: string;
+    export const lightBlue300: string;
+    export const lightBlue400: string;
+    export const lightBlue500: string;
+    export const lightBlue600: string;
+    export const lightBlue700: string;
+    export const lightBlue800: string;
+    export const lightBlue900: string;
+    export const lightBlueA100: string;
+    export const lightBlueA200: string;
+    export const lightBlueA400: string;
+    export const lightBlueA700: string;
 
-  export const cyan50: string;
-  export const cyan100: string;
-  export const cyan200: string;
-  export const cyan300: string;
-  export const cyan400: string;
-  export const cyan500: string;
-  export const cyan600: string;
-  export const cyan700: string;
-  export const cyan800: string;
-  export const cyan900: string;
-  export const cyanA100: string;
-  export const cyanA200: string;
-  export const cyanA400: string;
-  export const cyanA700: string;
+    export const cyan50: string;
+    export const cyan100: string;
+    export const cyan200: string;
+    export const cyan300: string;
+    export const cyan400: string;
+    export const cyan500: string;
+    export const cyan600: string;
+    export const cyan700: string;
+    export const cyan800: string;
+    export const cyan900: string;
+    export const cyanA100: string;
+    export const cyanA200: string;
+    export const cyanA400: string;
+    export const cyanA700: string;
 
-  export const teal50: string;
-  export const teal100: string;
-  export const teal200: string;
-  export const teal300: string;
-  export const teal400: string;
-  export const teal500: string;
-  export const teal600: string;
-  export const teal700: string;
-  export const teal800: string;
-  export const teal900: string;
-  export const tealA100: string;
-  export const tealA200: string;
-  export const tealA400: string;
-  export const tealA700: string;
+    export const teal50: string;
+    export const teal100: string;
+    export const teal200: string;
+    export const teal300: string;
+    export const teal400: string;
+    export const teal500: string;
+    export const teal600: string;
+    export const teal700: string;
+    export const teal800: string;
+    export const teal900: string;
+    export const tealA100: string;
+    export const tealA200: string;
+    export const tealA400: string;
+    export const tealA700: string;
 
-  export const green50: string;
-  export const green100: string;
-  export const green200: string;
-  export const green300: string;
-  export const green400: string;
-  export const green500: string;
-  export const green600: string;
-  export const green700: string;
-  export const green800: string;
-  export const green900: string;
-  export const greenA100: string;
-  export const greenA200: string;
-  export const greenA400: string;
-  export const greenA700: string;
+    export const green50: string;
+    export const green100: string;
+    export const green200: string;
+    export const green300: string;
+    export const green400: string;
+    export const green500: string;
+    export const green600: string;
+    export const green700: string;
+    export const green800: string;
+    export const green900: string;
+    export const greenA100: string;
+    export const greenA200: string;
+    export const greenA400: string;
+    export const greenA700: string;
 
-  export const lightGreen50: string;
-  export const lightGreen100: string;
-  export const lightGreen200: string;
-  export const lightGreen300: string;
-  export const lightGreen400: string;
-  export const lightGreen500: string;
-  export const lightGreen600: string;
-  export const lightGreen700: string;
-  export const lightGreen800: string;
-  export const lightGreen900: string;
-  export const lightGreenA100: string;
-  export const lightGreenA200: string;
-  export const lightGreenA400: string;
-  export const lightGreenA700: string;
+    export const lightGreen50: string;
+    export const lightGreen100: string;
+    export const lightGreen200: string;
+    export const lightGreen300: string;
+    export const lightGreen400: string;
+    export const lightGreen500: string;
+    export const lightGreen600: string;
+    export const lightGreen700: string;
+    export const lightGreen800: string;
+    export const lightGreen900: string;
+    export const lightGreenA100: string;
+    export const lightGreenA200: string;
+    export const lightGreenA400: string;
+    export const lightGreenA700: string;
 
-  export const lime50: string;
-  export const lime100: string;
-  export const lime200: string;
-  export const lime300: string;
-  export const lime400: string;
-  export const lime500: string;
-  export const lime600: string;
-  export const lime700: string;
-  export const lime800: string;
-  export const lime900: string;
-  export const limeA100: string;
-  export const limeA200: string;
-  export const limeA400: string;
-  export const limeA700: string;
+    export const lime50: string;
+    export const lime100: string;
+    export const lime200: string;
+    export const lime300: string;
+    export const lime400: string;
+    export const lime500: string;
+    export const lime600: string;
+    export const lime700: string;
+    export const lime800: string;
+    export const lime900: string;
+    export const limeA100: string;
+    export const limeA200: string;
+    export const limeA400: string;
+    export const limeA700: string;
 
-  export const yellow50: string;
-  export const yellow100: string;
-  export const yellow200: string;
-  export const yellow300: string;
-  export const yellow400: string;
-  export const yellow500: string;
-  export const yellow600: string;
-  export const yellow700: string;
-  export const yellow800: string;
-  export const yellow900: string;
-  export const yellowA100: string;
-  export const yellowA200: string;
-  export const yellowA400: string;
-  export const yellowA700: string;
+    export const yellow50: string;
+    export const yellow100: string;
+    export const yellow200: string;
+    export const yellow300: string;
+    export const yellow400: string;
+    export const yellow500: string;
+    export const yellow600: string;
+    export const yellow700: string;
+    export const yellow800: string;
+    export const yellow900: string;
+    export const yellowA100: string;
+    export const yellowA200: string;
+    export const yellowA400: string;
+    export const yellowA700: string;
 
-  export const amber50: string;
-  export const amber100: string;
-  export const amber200: string;
-  export const amber300: string;
-  export const amber400: string;
-  export const amber500: string;
-  export const amber600: string;
-  export const amber700: string;
-  export const amber800: string;
-  export const amber900: string;
-  export const amberA100: string;
-  export const amberA200: string;
-  export const amberA400: string;
-  export const amberA700: string;
+    export const amber50: string;
+    export const amber100: string;
+    export const amber200: string;
+    export const amber300: string;
+    export const amber400: string;
+    export const amber500: string;
+    export const amber600: string;
+    export const amber700: string;
+    export const amber800: string;
+    export const amber900: string;
+    export const amberA100: string;
+    export const amberA200: string;
+    export const amberA400: string;
+    export const amberA700: string;
 
-  export const orange50: string;
-  export const orange100: string;
-  export const orange200: string;
-  export const orange300: string;
-  export const orange400: string;
-  export const orange500: string;
-  export const orange600: string;
-  export const orange700: string;
-  export const orange800: string;
-  export const orange900: string;
-  export const orangeA100: string;
-  export const orangeA200: string;
-  export const orangeA400: string;
-  export const orangeA700: string;
+    export const orange50: string;
+    export const orange100: string;
+    export const orange200: string;
+    export const orange300: string;
+    export const orange400: string;
+    export const orange500: string;
+    export const orange600: string;
+    export const orange700: string;
+    export const orange800: string;
+    export const orange900: string;
+    export const orangeA100: string;
+    export const orangeA200: string;
+    export const orangeA400: string;
+    export const orangeA700: string;
 
-  export const deepOrange50: string;
-  export const deepOrange100: string;
-  export const deepOrange200: string;
-  export const deepOrange300: string;
-  export const deepOrange400: string;
-  export const deepOrange500: string;
-  export const deepOrange600: string;
-  export const deepOrange700: string;
-  export const deepOrange800: string;
-  export const deepOrange900: string;
-  export const deepOrangeA100: string;
-  export const deepOrangeA200: string;
-  export const deepOrangeA400: string;
-  export const deepOrangeA700: string;
+    export const deepOrange50: string;
+    export const deepOrange100: string;
+    export const deepOrange200: string;
+    export const deepOrange300: string;
+    export const deepOrange400: string;
+    export const deepOrange500: string;
+    export const deepOrange600: string;
+    export const deepOrange700: string;
+    export const deepOrange800: string;
+    export const deepOrange900: string;
+    export const deepOrangeA100: string;
+    export const deepOrangeA200: string;
+    export const deepOrangeA400: string;
+    export const deepOrangeA700: string;
 
-  export const brown50: string;
-  export const brown100: string;
-  export const brown200: string;
-  export const brown300: string;
-  export const brown400: string;
-  export const brown500: string;
-  export const brown600: string;
-  export const brown700: string;
-  export const brown800: string;
-  export const brown900: string;
+    export const brown50: string;
+    export const brown100: string;
+    export const brown200: string;
+    export const brown300: string;
+    export const brown400: string;
+    export const brown500: string;
+    export const brown600: string;
+    export const brown700: string;
+    export const brown800: string;
+    export const brown900: string;
 
-  export const blueGrey50: string;
-  export const blueGrey100: string;
-  export const blueGrey200: string;
-  export const blueGrey300: string;
-  export const blueGrey400: string;
-  export const blueGrey500: string;
-  export const blueGrey600: string;
-  export const blueGrey700: string;
-  export const blueGrey800: string;
-  export const blueGrey900: string;
+    export const blueGrey50: string;
+    export const blueGrey100: string;
+    export const blueGrey200: string;
+    export const blueGrey300: string;
+    export const blueGrey400: string;
+    export const blueGrey500: string;
+    export const blueGrey600: string;
+    export const blueGrey700: string;
+    export const blueGrey800: string;
+    export const blueGrey900: string;
 
-  export const grey50: string;
-  export const grey100: string;
-  export const grey200: string;
-  export const grey300: string;
-  export const grey400: string;
-  export const grey500: string;
-  export const grey600: string;
-  export const grey700: string;
-  export const grey800: string;
-  export const grey900: string;
+    export const grey50: string;
+    export const grey100: string;
+    export const grey200: string;
+    export const grey300: string;
+    export const grey400: string;
+    export const grey500: string;
+    export const grey600: string;
+    export const grey700: string;
+    export const grey800: string;
+    export const grey900: string;
 
-  export const black: string;
-  export const white: string;
+    export const black: string;
+    export const white: string;
 
-  export const transparent: string;
-  export const fullBlack: string;
-  export const darkBlack: string;
-  export const lightBlack: string;
-  export const minBlack: string;
-  export const faintBlack: string;
-  export const fullWhite: string;
-  export const darkWhite: string;
-  export const lightWhite: string;
+    export const transparent: string;
+    export const fullBlack: string;
+    export const darkBlack: string;
+    export const lightBlack: string;
+    export const minBlack: string;
+    export const faintBlack: string;
+    export const fullWhite: string;
+    export const darkWhite: string;
+    export const lightWhite: string;
 }
 
 declare module 'material-ui/Table' {
@@ -7223,16 +7172,16 @@ declare module 'material-ui/utils/events' {
     export default Events;
 }
 declare module 'material-ui/utils/withWidth' {
-  export const SMALL: number;
-  export const MEDIUM: number;
-  export const LARGE: number;
+    export const SMALL: number;
+    export const MEDIUM: number;
+    export const LARGE: number;
 
-  interface Options {
-      largeWidth?: number;
-      mediumWidth?: number;
-      resizeInterval?: number;
-  }
-  export default function withWidth<C extends Function>(options?: Options): (component: C) => C;
+    interface Options {
+        largeWidth?: number;
+        mediumWidth?: number;
+        resizeInterval?: number;
+    }
+    export default function withWidth<C extends Function>(options?: Options): (component: C) => C;
 }
 
 declare namespace __MaterialUI.Styles {
@@ -8453,177 +8402,199 @@ declare module "material-ui/svg-icons" {
 
 
 declare module 'material-ui/internal/AppCanvas' {
-  interface AppCanvasProps extends __React.Props<AppCanvas> { }
-  class AppCanvas extends __React.Component<AppCanvasProps, {}> { }
-  export default AppCanvas;
+    interface AppCanvasProps {
+    }
+    class AppCanvas extends __React.Component<AppCanvasProps, {}> {
+    }
+    export default AppCanvas;
 }
 declare module 'material-ui/internal/AutoLockScrolling' {
-  interface AutoLockScrollingProps extends __React.Props<AutoLockScrolling> {
-    lock: boolean;
-  }
-  class AutoLockScrolling extends __React.Component<AutoLockScrollingProps, {}> { }
-  export default AutoLockScrolling;
+    interface AutoLockScrollingProps {
+        lock: boolean;
+    }
+    class AutoLockScrolling extends __React.Component<AutoLockScrollingProps, {}> {
+    }
+    export default AutoLockScrolling;
 }
 declare module 'material-ui/internal/BeforeAfterWrapper' {
-  interface BeforeAfterWrapperProps extends __React.Props<BeforeAfterWrapper> {
-    afterElementType?: string,
-    afterStyle?: __React.CSSProperties,
-    beforeElementType?: string,
-    beforeStyle?: __React.CSSProperties,
-    elementType?: string,
-    style?: __React.CSSProperties,
-  }
-  class BeforeAfterWrapper extends __React.Component<BeforeAfterWrapperProps, {}> { }
-  export default BeforeAfterWrapper;
+    interface BeforeAfterWrapperProps {
+        afterElementType?: string,
+        afterStyle?: __React.CSSProperties,
+        beforeElementType?: string,
+        beforeStyle?: __React.CSSProperties,
+        elementType?: string,
+        style?: __React.CSSProperties,
+    }
+    class BeforeAfterWrapper extends __React.Component<BeforeAfterWrapperProps, {}> {
+    }
+    export default BeforeAfterWrapper;
 }
 declare module 'material-ui/internal/CircleRipple' {
-  interface CircleRippleProps extends __React.Props<CircleRipple> {
-    aborted?: boolean;
-    color?: string;
-    opacity?: number;
-    style?: __React.CSSProperties;
-  }
-  class CircleRipple extends __React.Component<CircleRippleProps, {}> { }
-  export default CircleRipple;
+    interface CircleRippleProps {
+        aborted?: boolean;
+        color?: string;
+        opacity?: number;
+        style?: __React.CSSProperties;
+    }
+    class CircleRipple extends __React.Component<CircleRippleProps, {}> {
+    }
+    export default CircleRipple;
 }
 declare module 'material-ui/internal/ClearFix' {
-  interface ClearFixProps extends __React.Props<ClearFix> {
-    style?: __React.CSSProperties;
-  }
-  class ClearFix extends __React.Component<ClearFixProps, {}> { }
-  export default ClearFix;
+    interface ClearFixProps {
+        style?: __React.CSSProperties;
+    }
+    class ClearFix extends __React.Component<ClearFixProps, {}> {
+    }
+    export default ClearFix;
 }
 declare module 'material-ui/internal/ClickAwayListener' {
-  interface ClickAwayListenerProps extends __React.Props<ClickAwayListener> {
-    onClickAway?: any,
-  }
-  class ClickAwayListener extends __React.Component<ClickAwayListenerProps, {}> { }
-  export default ClickAwayListener;
+    interface ClickAwayListenerProps {
+        onClickAway?: any,
+    }
+    class ClickAwayListener extends __React.Component<ClickAwayListenerProps, {}> {
+    }
+    export default ClickAwayListener;
 }
 declare module 'material-ui/internal/EnhancedButton' {
-  interface EnhancedButtonProps extends __MaterialUI.SharedEnhancedButtonProps<EnhancedButton> {}
-  class EnhancedButton extends __React.Component<EnhancedButtonProps, {}> {}
-  export default EnhancedButton;
+    interface EnhancedButtonProps extends __MaterialUI.SharedEnhancedButtonProps<EnhancedButton> {
+    }
+    class EnhancedButton extends __React.Component<EnhancedButtonProps, {}> {
+    }
+    export default EnhancedButton;
 }
 declare module 'material-ui/internal/EnhancedSwitch' {
-  interface EnhancedSwitchProps extends __MaterialUI.Switches.CommonEnhancedSwitchProps<EnhancedSwitch> {}
-  class EnhancedSwitch extends __React.Component<EnhancedSwitchProps, {}> {}
-  export default EnhancedSwitch;
+    interface EnhancedSwitchProps extends __MaterialUI.Switches.CommonEnhancedSwitchProps<EnhancedSwitch> {
+    }
+    class EnhancedSwitch extends __React.Component<EnhancedSwitchProps, {}> {
+    }
+    export default EnhancedSwitch;
 }
 declare module 'material-ui/internal/ExpandTransition' {
-  interface ExpandTransitionProps extends __React.Props<ExpandTransition> {
-    enterDelay?: number;
-    loading?: boolean;
-    open?: boolean;
-    style?: __React.CSSProperties;
-    transitionDelay?: number;
-    transitionDuration?: number;
-  }
-  class ExpandTransition extends __React.Component<ExpandTransitionProps, {}> { }
-  export default ExpandTransition;
+    interface ExpandTransitionProps {
+        enterDelay?: number;
+        loading?: boolean;
+        open?: boolean;
+        style?: __React.CSSProperties;
+        transitionDelay?: number;
+        transitionDuration?: number;
+    }
+    class ExpandTransition extends __React.Component<ExpandTransitionProps, {}> {
+    }
+    export default ExpandTransition;
 }
 declare module 'material-ui/internal/ExpandTransitionChild' {
-  interface ExpandTransitionChildProps extends __React.Props<ExpandTransitionChild> {
-    enterDelay?: number;
-    style?: __React.CSSProperties;
-    transitionDelay?: number;
-    transitionDuration?: number;
-  }
-  class ExpandTransitionChild extends __React.Component<ExpandTransitionChildProps, {}> { }
-  export default ExpandTransitionChild;
+    interface ExpandTransitionChildProps {
+        enterDelay?: number;
+        style?: __React.CSSProperties;
+        transitionDelay?: number;
+        transitionDuration?: number;
+    }
+    class ExpandTransitionChild extends __React.Component<ExpandTransitionChildProps, {}> {
+    }
+    export default ExpandTransitionChild;
 }
 declare module 'material-ui/internal/FocusRipple' {
-  interface FocusRippleProps extends __React.Props<FocusRipple> {
-    color?: string,
-    innerStyle?: __React.CSSProperties,
-    opacity?: number,
-    show?: boolean,
-    style?: __React.CSSProperties
-  }
-  class FocusRipple extends __React.Component<FocusRippleProps, {}> { }
-  export default FocusRipple;
+    interface FocusRippleProps {
+        color?: string,
+        innerStyle?: __React.CSSProperties,
+        opacity?: number,
+        show?: boolean,
+        style?: __React.CSSProperties
+    }
+    class FocusRipple extends __React.Component<FocusRippleProps, {}> {
+    }
+    export default FocusRipple;
 }
 declare module 'material-ui/internal/Overlay' {
-  interface OverlayProps extends __React.Props<Overlay> {
-    autoLockScrolling?: boolean;
-    show: boolean;
-    style?: __React.CSSProperties;
-    transitionEnabled?: boolean;
-  }
-  class Overlay extends __React.Component<OverlayProps, {}> { }
-  export default Overlay;
+    interface OverlayProps {
+        autoLockScrolling?: boolean;
+        show: boolean;
+        style?: __React.CSSProperties;
+        transitionEnabled?: boolean;
+    }
+    class Overlay extends __React.Component<OverlayProps, {}> {
+    }
+    export default Overlay;
 }
 declare module 'material-ui/internal/RenderToLayer' {
-  interface RenderToLayerProps extends __React.Props<RenderToLayer> {
-    componentClickAway?: Function;
-    open: boolean;
-    render: Function;
-    useLayerForClickAway?: boolean;
-  }
-  class RenderToLayer extends __React.Component<RenderToLayerProps, {}> { }
-  export default RenderToLayer;
+    interface RenderToLayerProps {
+        componentClickAway?: Function;
+        open: boolean;
+        render: Function;
+        useLayerForClickAway?: boolean;
+    }
+    class RenderToLayer extends __React.Component<RenderToLayerProps, {}> {
+    }
+    export default RenderToLayer;
 }
 declare module 'material-ui/internal/ScaleIn' {
-  interface ScaleInProps extends __React.Props<ScaleIn> {
-    childStyle?: __React.CSSProperties;
-    enterDelay?: number;
-    maxScale?: number;
-    minScale?: number;
-  }
-  class ScaleIn extends __React.Component<ScaleInProps, {}> { }
-  export default ScaleIn;
+    interface ScaleInProps {
+        childStyle?: __React.CSSProperties;
+        enterDelay?: number;
+        maxScale?: number;
+        minScale?: number;
+    }
+    class ScaleIn extends __React.Component<ScaleInProps, {}> {
+    }
+    export default ScaleIn;
 }
 declare module 'material-ui/internal/ScaleInChild' {
-  interface ScaleInChildProps extends __React.Props<ScaleInChild> {
-    enterDelay?: number;
-    maxScale?: number;
-    minScale?: number;
-    style?: __React.CSSProperties;
-  }
-  class ScaleInChild extends __React.Component<ScaleInChildProps, {}> { }
-  export default ScaleInChild;
+    interface ScaleInChildProps {
+        enterDelay?: number;
+        maxScale?: number;
+        minScale?: number;
+        style?: __React.CSSProperties;
+    }
+    class ScaleInChild extends __React.Component<ScaleInChildProps, {}> {
+    }
+    export default ScaleInChild;
 }
 declare module 'material-ui/internal/SlideIn' {
-  interface SlideInProps extends __React.Props<SlideIn> {
-    childStyle?: __React.CSSProperties;
-    direction?: __MaterialUI.propTypes.direction;
-    enterDelay?: number;
-    style?: __React.CSSProperties;
-  }
-  class SlideIn extends __React.Component<SlideInProps, {}> { }
-  export default SlideIn;
+    interface SlideInProps {
+        childStyle?: __React.CSSProperties;
+        direction?: __MaterialUI.propTypes.direction;
+        enterDelay?: number;
+        style?: __React.CSSProperties;
+    }
+    class SlideIn extends __React.Component<SlideInProps, {}> {
+    }
+    export default SlideIn;
 }
 declare module 'material-ui/internal/SlideInChild' {
-  interface SlideInChildProps extends __React.Props<SlideInChild> {
-    direction?: string,
-    enterDelay?: number;
-    getLeaveDirection: Function;
-    style?: __React.CSSProperties;
-  }
-  class SlideInChild extends __React.Component<SlideInChildProps, {}> { }
-  export default SlideInChild;
+    interface SlideInChildProps {
+        direction?: string,
+        enterDelay?: number;
+        getLeaveDirection: Function;
+        style?: __React.CSSProperties;
+    }
+    class SlideInChild extends __React.Component<SlideInChildProps, {}> {
+    }
+    export default SlideInChild;
 }
 declare module 'material-ui/internal/Tooltip' {
-  interface TooltipProps extends __React.Props<Tooltip> {
-    className?: string;
-    horizontalPosition?: __MaterialUI.propTypes.horizontal;
-    label: any;
-    show?: boolean;
-    style?: __React.CSSProperties;
-    touch?: boolean;
-    verticalPosition?: __MaterialUI.propTypes.vertical;
-  }
-  class Tooltip extends __React.Component<TooltipProps, {}> { }
-  export default Tooltip;
+    interface TooltipProps {
+        className?: string;
+        horizontalPosition?: __MaterialUI.propTypes.horizontal;
+        label: any;
+        show?: boolean;
+        style?: __React.CSSProperties;
+        touch?: boolean;
+        verticalPosition?: __MaterialUI.propTypes.vertical;
+    }
+    class Tooltip extends __React.Component<TooltipProps, {}> {
+    }
+    export default Tooltip;
 }
 declare module 'material-ui/internal/TouchRipple' {
-  interface TouchRippleProps extends __React.Props<TouchRipple> {
-    abortOnScroll?: boolean,
-    centerRipple?: boolean;
-    color?: string;
-    opacity?: number;
-    style?: __React.CSSProperties
-  }
-  class TouchRipple extends __React.Component<TouchRippleProps, {}> { }
-  export default TouchRipple;
+    interface TouchRippleProps {
+        abortOnScroll?: boolean,
+        centerRipple?: boolean;
+        color?: string;
+        opacity?: number;
+        style?: __React.CSSProperties
+    }
+    class TouchRipple extends __React.Component<TouchRippleProps, {}> {
+    }
+    export default TouchRipple;
 }

From 072d9db2ee9613ce96eecf11a3425a5eea12d8a5 Mon Sep 17 00:00:00 2001
From: Michael Bui <michaelbui@propertyguru.com.sg>
Date: Wed, 19 Oct 2016 20:05:18 +0800
Subject: [PATCH 331/382] Update ScrollSpyOptions definition (#11936)

Latest options as in http://materializecss.com/scrollspy.html
---
 materialize-css/materialize-css.d.ts | 30 ++--------------------------
 1 file changed, 2 insertions(+), 28 deletions(-)

diff --git a/materialize-css/materialize-css.d.ts b/materialize-css/materialize-css.d.ts
index b5b0f2c913..456abea871 100644
--- a/materialize-css/materialize-css.d.ts
+++ b/materialize-css/materialize-css.d.ts
@@ -208,37 +208,11 @@ declare namespace Materialize {
      * The scroll spy options
      */
     interface ScrollSpyOptions {
-
-        /**
-         * Throttling in miliseconds.
-         * Default: 100
-         */
-        throttle?: number;
-
         /**
          * Offset from top.
-         * Default: 0
+         * Default: 200
          */
-        offsetTop?: number;
-
-        /**
-         * Offset from right.
-         * Default: 0
-         */
-        offsetRight?: number;
-
-        /**
-         * Offset from bottom.
-         * Default: 0
-         */
-        offsetBottom?: number;
-
-        /**
-         * Offset from left.
-         * Default: 0
-         */
-        offsetLeft?: number;
-
+        scrollOffset?: number;
     }
 
     /**

From a9ebd4adc48a10db0fdc6d5f50647f1e998d9f68 Mon Sep 17 00:00:00 2001
From: Tirth Patel <tirth@users.noreply.github.com>
Date: Wed, 19 Oct 2016 08:08:09 -0400
Subject: [PATCH 332/382] Fix return type of addSeries (#11620)

* Fix return type of addSeries

* Revert "Fix return type of addSeries"

This reverts commit 409c92aeb4649aff41093bd24652cb298becac23.

* addSeries returns SeriesObject
---
 highcharts/highcharts.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/highcharts/highcharts.d.ts b/highcharts/highcharts.d.ts
index a3d0e94bea..29aa5fc8ce 100644
--- a/highcharts/highcharts.d.ts
+++ b/highcharts/highcharts.d.ts
@@ -769,7 +769,7 @@ declare namespace __Highcharts {
              */
             textAlign?: string;
             /**
-             * Whether to use HTML to render the labels. 
+             * Whether to use HTML to render the labels.
              * @default false
              * @since 3.0
              */
@@ -5751,7 +5751,7 @@ declare namespace __Highcharts {
          * @param [boolean] redraw
          * @since 1.2.0
          */
-        addSeries<T extends IndividualSeriesOptions>(options: T, redraw?: boolean, animation?: boolean | Animation): T;
+        addSeries<T extends IndividualSeriesOptions>(options: T, redraw?: boolean, animation?: boolean | Animation): SeriesObject;
         /**
          * Add a series to the chart as drilldown from a specific point in the parent series. This method is used for async
          * drilldown, when clicking a point in a series should result in loading and displaying a more high-resolution

From 35f82623a13cb14ece9917644a71d8cc8416fa21 Mon Sep 17 00:00:00 2001
From: York Yao <plantain-00@users.noreply.github.com>
Date: Wed, 19 Oct 2016 07:08:57 -0500
Subject: [PATCH 333/382] add definition of tesseract.js (#11978)

* add definition of tesseract.js

* change `type` to `interface` as much as possible
---
 tesseract.js/tesseract.js-tests.ts |  63 ++++++++++++
 tesseract.js/tesseract.js.d.ts     | 149 +++++++++++++++++++++++++++++
 2 files changed, 212 insertions(+)
 create mode 100644 tesseract.js/tesseract.js-tests.ts
 create mode 100644 tesseract.js/tesseract.js.d.ts

diff --git a/tesseract.js/tesseract.js-tests.ts b/tesseract.js/tesseract.js-tests.ts
new file mode 100644
index 0000000000..df55b75b3b
--- /dev/null
+++ b/tesseract.js/tesseract.js-tests.ts
@@ -0,0 +1,63 @@
+/// <reference path="tesseract.js.d.ts" />
+
+import * as TesseractLib from 'tesseract.js';
+
+TesseractLib.recognize("./demo.png", {
+    lang: 'chi_sim',
+}).progress(function (p) {
+    console.log('progress', p);
+}).then(function (result) {
+    console.log(result.text)
+});
+
+TesseractLib.detect("./demo.png").then(function (result) {
+    console.log(result)
+});
+
+TesseractLib.recognize("./demo.png")
+    .progress(message => console.log(message))
+    .catch(err => console.error(err))
+    .then(result => console.log(result))
+    .finally(resultOrError => console.log(resultOrError));
+
+var job1 = TesseractLib.recognize("./demo.png");
+job1.progress(message => console.log(message));
+job1.catch(err => console.error(err));
+job1.then(result => console.log(result));
+job1.finally(resultOrError => console.log(resultOrError));
+
+TesseractLib.create({
+    workerPath: '/path/to/worker.js',
+    langPath: 'https://cdn.rawgit.com/naptha/tessdata/gh-pages/3.02/',
+    corePath: 'https://cdn.rawgit.com/naptha/tesseract.js-core/0.1.0/index.js',
+});
+
+Tesseract.recognize("./demo.png", {
+    lang: 'chi_sim',
+}).progress(function (p) {
+    console.log('progress', p);
+}).then(function (result) {
+    console.log(result.text)
+});
+
+Tesseract.detect("./demo.png").then(function (result) {
+    console.log(result)
+});
+
+Tesseract.recognize("./demo.png")
+    .progress(message => console.log(message))
+    .catch(err => console.error(err))
+    .then(result => console.log(result))
+    .finally(resultOrError => console.log(resultOrError));
+
+var job2 = Tesseract.recognize("./demo.png");
+job2.progress(message => console.log(message));
+job2.catch(err => console.error(err));
+job2.then(result => console.log(result));
+job2.finally(resultOrError => console.log(resultOrError));
+
+Tesseract.create({
+    workerPath: '/path/to/worker.js',
+    langPath: 'https://cdn.rawgit.com/naptha/tessdata/gh-pages/3.02/',
+    corePath: 'https://cdn.rawgit.com/naptha/tesseract.js-core/0.1.0/index.js',
+});
diff --git a/tesseract.js/tesseract.js.d.ts b/tesseract.js/tesseract.js.d.ts
new file mode 100644
index 0000000000..0b9457742f
--- /dev/null
+++ b/tesseract.js/tesseract.js.d.ts
@@ -0,0 +1,149 @@
+// Type definitions for tesseract.js
+// Project: https://github.com/naptha/tesseract.js
+// Definitions by: York Yao <https://github.com/plantain-00/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts" />
+
+declare module Tesseract {
+    type ImageLike = string | HTMLImageElement | HTMLCanvasElement | HTMLVideoElement
+        | CanvasRenderingContext2D | File | Blob | ImageData | Buffer;
+    interface Progress {
+        status: string;
+        progress: number;
+        loaded?: number;
+    }
+    interface Block {
+        paragraphs: Paragraph;
+        text: string;
+        confidence: number;
+        baseline: Baseline;
+        bbox: Bbox;
+        blocktype: string;
+        polygon: any;
+        page: Page;
+        lines: Line[];
+        words: Word[];
+        symbols: Symbol[];
+    }
+    interface Baseline {
+        x0: number;
+        y0: number;
+        x1: number;
+        y1: number;
+        has_baseline: boolean;
+    }
+    interface Bbox {
+        x0: number;
+        y0: number;
+        x1: number;
+        y1: number;
+    }
+    interface Line {
+        words: Word[];
+        text: string;
+        confidence: number;
+        baseline: Baseline;
+        bbox: Bbox;
+        paragraph: Paragraph;
+        block: Block;
+        page: Page;
+        symbols: Symbol[];
+    }
+    interface Paragraph {
+        lines: Line[];
+        text: string;
+        confidence: number;
+        baseline: Baseline;
+        bbox: Bbox;
+        is_ltr: boolean;
+        block: Block;
+        page: Page;
+        words: Word[];
+        symbols: Symbol[];
+    }
+    interface Symbol {
+        choices: Choice[];
+        image: any;
+        text: string;
+        confidence: number;
+        baseline: Baseline;
+        bbox: Bbox;
+        is_superscript: boolean;
+        is_subscript: boolean;
+        is_dropcap: boolean;
+        word: Word;
+        line: Line;
+        paragraph: Paragraph;
+        block: Block;
+        page: Page;
+    }
+    interface Choice {
+        text: string;
+        confidence: number;
+    }
+    interface Word {
+        symbols: Symbol[];
+        choices: Choice[];
+        text: string;
+        confidence: number;
+        baseline: Baseline;
+        bbox: Bbox;
+        is_numeric: boolean;
+        in_dictionary: boolean;
+        direction: string;
+        language: string;
+        is_bold: boolean;
+        is_italic: boolean;
+        is_underlined: boolean;
+        is_monospace: boolean;
+        is_serif: boolean;
+        is_smallcaps: boolean;
+        font_size: number;
+        font_id: number;
+        font_name: string;
+        line: Line;
+        paragraph: Paragraph;
+        block: Block;
+        page: Page;
+    }
+    interface Page {
+        blocks: Block[];
+        confidence: number;
+        html: string;
+        lines: Line[];
+        oem: string;
+        paragraphs: Paragraph[];
+        psm: string;
+        symbols: Symbol[];
+        text: string;
+        version: string;
+        words: Word[];
+    }
+    interface TesseractJob {
+        then: (callback: (result: Page) => void) => TesseractJob;
+        progress: (callback: (progress: Progress) => void) => TesseractJob;
+        catch: (callback: (error: Error) => void) => TesseractJob;
+        finally: (callback: (resultOrError: Error | Page) => void) => TesseractJob;
+        error?: (error: Error) => TesseractJob;
+    }
+
+    interface TesseractStatic {
+        recognize(image: ImageLike): TesseractJob;
+        recognize(image: ImageLike, options: any): TesseractJob;
+        detect(image: ImageLike): TesseractJob;
+
+        create(paths: {
+            workerPath: string;
+            langPath: string;
+            corePath: string;
+        }): TesseractStatic;
+    }
+}
+
+declare module "tesseract.js" {
+    var Tesseract: Tesseract.TesseractStatic
+    export = Tesseract;
+}
+
+declare var Tesseract: Tesseract.TesseractStatic;

From 3a61c9ee44dab099aeb1c636b7216366cf53ea5c Mon Sep 17 00:00:00 2001
From: Linda_pp <rhysd@users.noreply.github.com>
Date: Wed, 19 Oct 2016 21:12:05 +0900
Subject: [PATCH 334/382] Add missing argv0 property to NodeJS.Process (#12027)

Document:

https://nodejs.org/api/process.html#process_process_argv0

This was added at v6.4.0.
---
 node/node-tests.ts | 3 +++
 node/node.d.ts     | 1 +
 2 files changed, 4 insertions(+)

diff --git a/node/node-tests.ts b/node/node-tests.ts
index 8f04a2ddf9..b11eb0526e 100644
--- a/node/node-tests.ts
+++ b/node/node-tests.ts
@@ -1391,6 +1391,9 @@ namespace process_tests {
         var _p: NodeJS.Process = process;
         _p = p;
     }
+    {
+        assert(process.argv[0] === process.argv0);
+    }
 }
 
 ///////////////////////////////////////////////////////////
diff --git a/node/node.d.ts b/node/node.d.ts
index 5824c79491..dbc71b445c 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -324,6 +324,7 @@ declare namespace NodeJS {
         stderr: WritableStream;
         stdin: ReadableStream;
         argv: string[];
+        argv0: string;
         execArgv: string[];
         execPath: string;
         abort(): void;

From 09fd5a155b34bd5ee262238e6013600efb8e0408 Mon Sep 17 00:00:00 2001
From: Longzhang Tian <ikki3355@gmail.com>
Date: Wed, 19 Oct 2016 07:12:47 -0500
Subject: [PATCH 335/382] Type definitions for koa-session-minimal v3.x
 (#12029)

---
 .../koa-session-minimal-tests.ts              | 31 ++++++++++++
 koa-session-minimal/koa-session-minimal.d.ts  | 50 +++++++++++++++++++
 2 files changed, 81 insertions(+)
 create mode 100644 koa-session-minimal/koa-session-minimal-tests.ts
 create mode 100644 koa-session-minimal/koa-session-minimal.d.ts

diff --git a/koa-session-minimal/koa-session-minimal-tests.ts b/koa-session-minimal/koa-session-minimal-tests.ts
new file mode 100644
index 0000000000..7ee723d3aa
--- /dev/null
+++ b/koa-session-minimal/koa-session-minimal-tests.ts
@@ -0,0 +1,31 @@
+/// <reference path="../koa/koa.d.ts" />
+/// <reference path="koa-session-minimal.d.ts" />
+
+import * as Koa from "koa";
+import * as session from "koa-session-minimal";
+
+const app = new Koa();
+
+const ONE_DAY = 24 * 3600 * 1000;
+
+app.use(session({
+  key: 'SESSID',
+  cookie: {
+    maxAge: ONE_DAY,
+    httpOnly: false,
+  }
+}));
+
+app.use((ctx) => {
+  if (ctx.path === '/favicon.ico') return // ignore favicon
+
+  if (!('count' in ctx.session)) ctx.session.count = 0 // init counter
+
+  ctx.session.count += 1
+  ctx.body = ctx.session.count
+
+  ctx.sessionHandler.regenerateId() // change session id
+});
+
+app.listen(80)
+
diff --git a/koa-session-minimal/koa-session-minimal.d.ts b/koa-session-minimal/koa-session-minimal.d.ts
new file mode 100644
index 0000000000..e0369fcc1b
--- /dev/null
+++ b/koa-session-minimal/koa-session-minimal.d.ts
@@ -0,0 +1,50 @@
+// Type definitions for koa-session-minimal v3.x
+// Project: https://github.com/longztian/koa-session-minimal
+// Definitions by: Longzhang Tian <https://github.com/longztian>
+// Definitions: https://github.com/hellopao/DefinitelyTyped
+
+/* =================== USAGE ===================
+
+    import * as Koa from "koa";
+    import session = require("koa-session-minimal");
+
+    const app = new Koa();
+    app.use(session());
+
+ =============================================== */
+
+/// <reference path="../koa/koa.d.ts" />
+/// <reference path="../cookies/cookies.d.ts"/>
+
+declare module "koa-session-minimal" {
+
+    import * as Koa from "koa";
+    import * as cookies from "cookies";
+
+    module "koa" {
+        interface Request {
+            session: any;
+            sessionHandler: { regenerateId: () => void };
+        }
+    }
+
+    function session(opts?: {
+        /**
+         * session cookie name and store key prefix. Default is 'koa:sess'
+         */
+        key?: string;
+
+        /**
+         * cookie options
+         */
+        cookie?:  cookies.IOptions | { (ctx?: Koa.Context): cookies.IOptions };
+
+        /**
+         * session store
+         */
+        store?: any;
+    }): { (ctx: Koa.Context, next?: () => any): any };
+
+    namespace session {}
+    export = session;
+}

From 715c3d55d79199e77e004085be5c6b3c9f2ee67d Mon Sep 17 00:00:00 2001
From: Noah Hambayi <nhambayi@gmail.com>
Date: Wed, 19 Oct 2016 05:14:05 -0700
Subject: [PATCH 336/382] Added supporty for the 'directory' and 'bulk'
 functions of Archiver JS (#12011)

* Added support for the "directory"  and "bulk" function calls
https://archiverjs.com/docs/lib_core.js.html#line631
https://archiverjs.com/docs/lib_core.js.html#line559

* added funtion overloads and unit tests.

* added returntype to bulk
---
 archiver/archiver-tests.ts | 11 ++++++++++-
 archiver/archiver.d.ts     |  5 +++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/archiver/archiver-tests.ts b/archiver/archiver-tests.ts
index dcd71ca905..078236bd20 100644
--- a/archiver/archiver-tests.ts
+++ b/archiver/archiver-tests.ts
@@ -11,4 +11,13 @@ var readStream = FS.createReadStream('./archiver.d.ts');
 
 archiver.pipe(writeStream);
 archiver.append(readStream, {name: 'archiver.d.ts'});
-archiver.finalize();
\ No newline at end of file
+archiver.finalize();
+
+
+archiver.directory('./path', './someOtherPath');
+archiver.directory('./path', { name: "testName"} );
+
+archiver.directory('./', "", {});
+archiver.directory('./', {name: 'test'}, {});
+
+archiver.bulk({ mappaing: {} });
\ No newline at end of file
diff --git a/archiver/archiver.d.ts b/archiver/archiver.d.ts
index b31c8ad619..7b80877768 100644
--- a/archiver/archiver.d.ts
+++ b/archiver/archiver.d.ts
@@ -25,6 +25,11 @@ declare module "archiver" {
     interface Archiver extends STREAM.Transform {
         pipe(writeStream: FS.WriteStream): void;
         append(source: FS.ReadStream | Buffer | string, name: nameInterface): void;
+
+        directory(dirpath: string, destpath: nameInterface | string): void;
+        directory(dirpath: string, destpath: nameInterface | string, data: any | Function): void;
+
+        bulk(mappings: any): void;
         finalize(): void;
     }
     

From cc7b8dcede75b57f347d901777ba04206fcd6101 Mon Sep 17 00:00:00 2001
From: Ben Speakman <ben@3sq.re>
Date: Wed, 19 Oct 2016 14:14:36 +0200
Subject: [PATCH 337/382] Add aws-serverless-express definitions (#12030)

---
 .../aws-serverless-express-tests.ts           | 29 +++++++++++++++++++
 .../aws-serverless-express.d.ts               | 24 +++++++++++++++
 2 files changed, 53 insertions(+)
 create mode 100644 aws-serverless-express/aws-serverless-express-tests.ts
 create mode 100644 aws-serverless-express/aws-serverless-express.d.ts

diff --git a/aws-serverless-express/aws-serverless-express-tests.ts b/aws-serverless-express/aws-serverless-express-tests.ts
new file mode 100644
index 0000000000..6a0d7694d9
--- /dev/null
+++ b/aws-serverless-express/aws-serverless-express-tests.ts
@@ -0,0 +1,29 @@
+/// <reference path="./aws-serverless-express.d.ts" />
+/// <reference path="../express/express.d.ts"/>
+
+import * as awsServerlessExpress from 'aws-serverless-express';
+import * as express from 'express';
+
+const app = express();
+const server = awsServerlessExpress.createServer(app, () => {});
+
+const mockEvent = {
+    key: 'value'
+};
+
+const mockContext = {
+    callbackWaitsForEmptyEventLoop: true,
+    functionName: 'testFunction',
+    functionVersion: '1',
+    invokedFunctionArn: 'arn',
+    memoryLimitInMB: 128,
+    awsRequestId: 'id',
+    logGroupName: 'group',
+    logStreamName: 'stream',
+    getRemainingTimeInMillis: () => 2000,
+    done: () => false,
+    fail: (error: any) => false,
+    succeed: (message: string) => false
+};
+
+awsServerlessExpress.proxy(server, mockEvent, mockContext);
diff --git a/aws-serverless-express/aws-serverless-express.d.ts b/aws-serverless-express/aws-serverless-express.d.ts
new file mode 100644
index 0000000000..50aa0e1a0b
--- /dev/null
+++ b/aws-serverless-express/aws-serverless-express.d.ts
@@ -0,0 +1,24 @@
+// Type definitions for aws-serverless-express
+// Project: https://github.com/awslabs/aws-serverless-express
+// Definitions by: Ben Speakman <https://github.com/threesquared>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts"/>
+/// <reference path="../aws-lambda/aws-lambda.d.ts"/>
+
+declare module 'aws-serverless-express' {
+
+    import * as http from 'http';
+    import * as lambda from 'aws-lambda';
+
+    export function createServer(
+        requestListener: (request: http.IncomingMessage, response: http.ServerResponse) => http.Server,
+        serverListenCallback?: () => any
+    ): http.Server;
+
+    export function proxy(
+        server: http.Server,
+        event: any,
+        context: lambda.Context
+    ): void;
+}

From d44a97ead1245a39d251ff13e2742580fd02d42f Mon Sep 17 00:00:00 2001
From: Dave Alden <dpa99c@gmail.com>
Date: Wed, 19 Oct 2016 13:16:11 +0100
Subject: [PATCH 338/382] Phonegap istablet and phonegap launch navigator
 (#12004)

* Add definition and tests for phonegap-istablet

* Add definition and tests for phonegap-launch-navigator

* Bug fix for phonegap-istablet: window.isTablet is a boolean not a function

* Rename folders to use NPM package names instead of Github repo names

* Rename files to use NPM package names instead of Github repo names

* Update files to use NPM package names instead of Github repo names

* Fix version naming conventions
---
 ...kingedge.phonegap.plugin.istablet-tests.ts |   3 +
 ....workingedge.phonegap.plugin.istablet.d.ts |  13 +
 ...e.phonegap.plugin.launchnavigator-tests.ts | 101 +++++++
 ...gedge.phonegap.plugin.launchnavigator.d.ts | 258 ++++++++++++++++++
 4 files changed, 375 insertions(+)
 create mode 100644 uk.co.workingedge.phonegap.plugin.istablet/uk.co.workingedge.phonegap.plugin.istablet-tests.ts
 create mode 100644 uk.co.workingedge.phonegap.plugin.istablet/uk.co.workingedge.phonegap.plugin.istablet.d.ts
 create mode 100644 uk.co.workingedge.phonegap.plugin.launchnavigator/uk.co.workingedge.phonegap.plugin.launchnavigator-tests.ts
 create mode 100644 uk.co.workingedge.phonegap.plugin.launchnavigator/uk.co.workingedge.phonegap.plugin.launchnavigator.d.ts

diff --git a/uk.co.workingedge.phonegap.plugin.istablet/uk.co.workingedge.phonegap.plugin.istablet-tests.ts b/uk.co.workingedge.phonegap.plugin.istablet/uk.co.workingedge.phonegap.plugin.istablet-tests.ts
new file mode 100644
index 0000000000..04de4a177f
--- /dev/null
+++ b/uk.co.workingedge.phonegap.plugin.istablet/uk.co.workingedge.phonegap.plugin.istablet-tests.ts
@@ -0,0 +1,3 @@
+/// <reference path="uk.co.workingedge.phonegap.plugin.istablet.d.ts" />
+
+console.log("isTablet: "+window.isTablet);
diff --git a/uk.co.workingedge.phonegap.plugin.istablet/uk.co.workingedge.phonegap.plugin.istablet.d.ts b/uk.co.workingedge.phonegap.plugin.istablet/uk.co.workingedge.phonegap.plugin.istablet.d.ts
new file mode 100644
index 0000000000..10ab408495
--- /dev/null
+++ b/uk.co.workingedge.phonegap.plugin.istablet/uk.co.workingedge.phonegap.plugin.istablet.d.ts
@@ -0,0 +1,13 @@
+// Type definitions for uk.co.workingedge.phonegap.plugin.istablet v1.1.0
+// Project: https://github.com/dpa99c/phonegap-istablet
+// Definitions by: Dave Alden <https://github.com/dpa99c/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+
+interface Window {
+    /**
+     * Indicates whether the current device is a tablet or a phone.
+     * True if the device is a tablet; false if the device is a phone.
+     */
+    isTablet: boolean;
+}
\ No newline at end of file
diff --git a/uk.co.workingedge.phonegap.plugin.launchnavigator/uk.co.workingedge.phonegap.plugin.launchnavigator-tests.ts b/uk.co.workingedge.phonegap.plugin.launchnavigator/uk.co.workingedge.phonegap.plugin.launchnavigator-tests.ts
new file mode 100644
index 0000000000..5f551ebac4
--- /dev/null
+++ b/uk.co.workingedge.phonegap.plugin.launchnavigator/uk.co.workingedge.phonegap.plugin.launchnavigator-tests.ts
@@ -0,0 +1,101 @@
+/// <reference path="uk.co.workingedge.phonegap.plugin.launchnavigator.d.ts" />
+
+let app = launchnavigator.APP["GOOGLE_MAPS"];
+let platform = launchnavigator.PLATFORM["ANDROID"];
+
+let destination = "Westminster, London, UK";
+
+let options = {
+    successCallback: () => {
+        console.log("success");
+    },
+    errorCallback: (error:string) => {
+        console.log("error: "+error);
+    },
+    app: app,
+    destinationName: "Bob's House",
+    start: "Buckingham Palace, London, UK",
+    startName: "My House",
+    transportMode: launchnavigator.TRANSPORT_MODE["walking"],
+    enableDebug: true,
+    extras: {"t": "k"},
+    launchMode: launchnavigator.LAUNCH_MODE["maps"],
+    appSelectionDialogHeader: "Select app for navigation",
+    appSelectionCancelButton: "Cancel",
+    appSelectionList: [
+        launchnavigator.APP["GOOGLE_MAPS"],
+        launchnavigator.APP["WAZE"]
+    ],
+    appSelectionCallback: (app:string) => {
+        console.log("selected app: "+app);
+    }
+};
+
+launchnavigator.navigate(destination, options);
+
+launchnavigator.userSelect(destination, options);
+
+launchnavigator.isAppAvailable(
+    app,
+    (isAvailable) => {
+        console.log("isAvailable:" + isAvailable);
+    },
+    (error) => {
+        console.error("ERROR:" + error);
+    }
+);
+
+launchnavigator.availableApps(
+    (apps) => {
+        for (let app of apps){
+            console.log("available:" + app);
+        }
+    },
+    (error) => {
+        console.error("ERROR:" + error);
+    }
+);
+
+(function(){
+    let name = launchnavigator.getAppDisplayName(app);
+    console.log("App Name: "+ name);
+}());
+
+(function(){
+    let apps = launchnavigator.getAppsForPlatform(platform);
+    for (let app of apps){
+        console.log("available for platform:" + app);
+    }
+}());
+
+(function(){
+    let supported = launchnavigator.supportsTransportMode(app, platform);
+    console.log("supported: "+ supported);
+}());
+
+(function(){
+    var modes = launchnavigator.getTransportModes(app, platform);
+    for (let mode of modes){
+        console.log("transport modes for platform:" + mode);
+    }
+}());
+
+(function(){
+    let supported = launchnavigator.supportsLaunchMode(app, platform);
+    console.log("supported: "+ supported);
+}());
+
+(function(){
+    let supported = launchnavigator.supportsStart(app, platform);
+    console.log("supported: "+ supported);
+}());
+
+(function(){
+    let supported = launchnavigator.supportsStartName(app, platform);
+    console.log("supported: "+ supported);
+}());
+
+(function(){
+    let supported = launchnavigator.supportsDestName(app, platform);
+    console.log("supported: "+ supported);
+}());
\ No newline at end of file
diff --git a/uk.co.workingedge.phonegap.plugin.launchnavigator/uk.co.workingedge.phonegap.plugin.launchnavigator.d.ts b/uk.co.workingedge.phonegap.plugin.launchnavigator/uk.co.workingedge.phonegap.plugin.launchnavigator.d.ts
new file mode 100644
index 0000000000..378a74e09d
--- /dev/null
+++ b/uk.co.workingedge.phonegap.plugin.launchnavigator/uk.co.workingedge.phonegap.plugin.launchnavigator.d.ts
@@ -0,0 +1,258 @@
+// Type definitions for uk.co.workingedge.phonegap.plugin.launchnavigator v3.2.1
+// Project: https://github.com/dpa99c/phonegap-launch-navigator
+// Definitions by: Dave Alden <https://github.com/dpa99c>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+
+interface Window {
+    /**
+     * Indicates whether the current device is a tablet or a phone.
+     * @return {boolean} true if the device is a tablet; false if the device is a phone.
+     */
+    LaunchNavigator(): LaunchNavigator;
+}
+
+interface LaunchNavigatorOptions {
+
+    /**
+     * A callback to invoke when the navigation app is successfully launched.
+     */
+    successCallback?: Function;
+
+    /**
+     * A callback to invoke if an error is encountered while launching the app.
+     * A single string argument containing the error message will be passed in.
+     */
+    errorCallback?: (error: string) => void;
+
+    /**
+     * name of the navigation app to use for directions.
+     * Specify using launchnavigator.APP constants.
+     * e.g. `launchnavigator.APP.GOOGLE_MAPS`.
+     * If not specified, defaults to User Selection.
+     */
+    app?: string;
+
+    /**
+     * nickname to display in app for destination. e.g. "Bob's House".
+     */
+    destinationName?: string;
+
+    /**
+     * Start point of the navigation.
+     * If not specified, the current device location will be used.
+     * Either:
+     *  - a {string} containing the address. e.g. "Buckingham Palace, London"
+     *  - a {string} containing a latitude/longitude coordinate. e.g. "50.1. -4.0"
+     *  - an {array}, where the first element is the latitude and the second element is a longitude, as decimal numbers. e.g. [50.1, -4.0]
+     */
+    start?: string | number[];
+
+    /**
+     * nickname to display in app for start . e.g. "My House".
+     */
+    startName?: string;
+
+    /**
+     * Transportation mode for navigation: "driving", "walking" or "transit". Defaults to "driving" if not specified.
+     */
+    transportMode?: string;
+
+    /**
+     * If true, debug log output will be generated by the plugin. Defaults to false.
+     */
+    enableDebug?: boolean;
+
+    /**
+     * a key/value map of extra app-specific parameters. For example, to tell Google Maps on Android to display Satellite view in "maps" launch mode: `{"t": "k"}`
+     */
+    extras?: any;
+
+    /**
+     * (Android only) mode in which to open Google Maps app: "maps" or "turn-by-turn". Defaults to "maps" if not specified. Specify using launchnavigator.LAUNCH_MODE constants.
+     */
+    launchMode?: string;
+
+    /**
+     * text to display in the native picker which enables user to select which navigation app to launch. Defaults to "Select app for navigation" if not specified.
+     */
+    appSelectionDialogHeader?: string;
+
+    /**
+     * text to display for the cancel button in the native picker which enables user to select which navigation app to launch. Defaults to "Cancel" if not specified.
+     */
+    appSelectionCancelButton?: string;
+
+    /**
+     * List of apps, defined as `launchnavigator.APP` constants, which should be displayed in the picker if the app is available.
+     * This can be used to restrict which apps are displayed, even if they are installed.
+     * By default, all available apps will be displayed.
+     */
+    appSelectionList?: string[];
+
+    /**
+     * Callback to invoke when the user selects an app in the native picker.
+     * A single string argument is passed which is the app what was selected defined as a `launchnavigator.APP` constant.
+     */
+    appSelectionCallback?: (app: string) => void;
+}
+
+
+interface LaunchNavigator {
+
+    /**
+     * Supported platforms
+     */
+    PLATFORM: any;
+
+    /**
+     * string constants, used to identify apps in native code
+     */
+    APP: any;
+
+    /**
+     * All possible transport modes
+     */
+    TRANSPORT_MODE: any;
+
+    /**
+     * Launch modes supported by Google Maps on Android
+     */
+    LAUNCH_MODE: any;
+
+
+    /**
+     * Launches navigator app
+     * @param destination {string|number[]} Location name or coordinates (as string or array)
+     * Either:
+     * - a {string} containing the address. e.g. "Buckingham Palace, London"
+     * - a {string} containing a latitude/longitude coordinate. e.g. "50.1. -4.0"
+     * - an {array}, where the first element is the latitude and the second element is a longitude, as decimal numbers. e.g. [50.1, -4.0]
+     * @param options {LaunchNavigatorOptions}
+     * @returns {Promise<any>}
+     */
+    navigate: (
+        destination: string | number[], 
+        options?: LaunchNavigatorOptions
+    ) => void;
+    
+    logEvent: (name: string, params?: any, valueToSum?: number) => void;
+
+    
+
+    /**
+     * Determines if the given app is installed and available on the current device.
+     * @param app {string}
+     */
+    isAppAvailable: (
+        app: string,
+        successCallback: (isAvailable: boolean) => void,
+        errorCallback?: (error: string) => void
+    ) => void;
+
+    /**
+     * Returns a list indicating which apps are installed and available on the current device.
+     * @return string[]
+     */
+    availableApps: (
+        successCallback: (apps: any ) => void,
+        errorCallback?: (error: string) => void
+    ) => void;
+
+    /**
+     * Returns the display name of the specified app.
+     * @param {string} app - specified as a constant in `launchnavigator.APP`. e.g. `launchnavigator.APP.GOOGLE_MAPS`.
+     * @return {string} - app display name. e.g. "Google Maps".
+     */
+    getAppDisplayName: (app: string) => string;
+
+    /**
+     * Returns list of supported apps on a given platform.
+     * @param {string} platform - specified as a constant in `launchnavigator.PLATFORM`. e.g. `launchnavigator.PLATFORM.IOS`.
+     * @return {array} - apps supported on specified platform as a list of `launchnavigator.APP` constants.
+     */
+    getAppsForPlatform: (platform: string) => string[];
+
+    /**
+     * Indicates if an app on a given platform supports specification of transport mode.
+     * @param {string} app - specified as a constant in `launchnavigator.APP`. e.g. `launchnavigator.APP.GOOGLE_MAPS`.
+     * @param {string} platform - specified as a constant in `launchnavigator.PLATFORM`. e.g. `launchnavigator.PLATFORM.IOS`.
+     * @return {boolean} - true if app/platform combination supports specification of transport mode.
+     */
+    supportsTransportMode: (
+        app: string,
+        platform: string
+    ) => boolean;
+
+    /**
+     * Returns the list of transport modes supported by an app on a given platform.
+     * @param {string} app - specified as a constant in `launchnavigator.APP`. e.g. `launchnavigator.APP.GOOGLE_MAPS`.
+     * @param {string} platform - specified as a constant in `launchnavigator.PLATFORM`. e.g. `launchnavigator.PLATFORM.IOS`.
+     * @return {array} - list of transports modes as constants in `launchnavigator.TRANSPORT_MODE`.
+     * If app/platform combination doesn't support specification of transport mode, the list will be empty;
+     */
+    getTransportModes: (
+        app: string,
+        platform: string
+    ) => string[];
+
+    /**
+     * Indicates if an app on a given platform supports specification of launch mode.
+     * Note that currently only Google Maps on Android does.
+     * @param {string} app - specified as a constant in `launchnavigator.APP`. e.g. `launchnavigator.APP.GOOGLE_MAPS`.
+     * @param {string} platform - specified as a constant in `launchnavigator.PLATFORM`. e.g. `launchnavigator.PLATFORM.ANDROID`.
+     * @return {boolean} - true if app/platform combination supports specification of transport mode.
+     */
+    supportsLaunchMode: (
+        app: string,
+        platform: string
+    ) => boolean;
+
+    /**
+     * Indicates if an app on a given platform supports specification of start location.
+     * @param {string} app - specified as a constant in `launchnavigator.APP`. e.g. `launchnavigator.APP.GOOGLE_MAPS`.
+     * @param {string} platform - specified as a constant in `launchnavigator.PLATFORM`. e.g. `launchnavigator.PLATFORM.IOS`.
+     * @return {boolean} - true if app/platform combination supports specification of start location.
+     */
+    supportsStart: (
+        app: string,
+        platform: string
+    ) => boolean;
+
+    /**
+     * Indicates if an app on a given platform supports specification of a custom nickname for start location.
+     * @param {string} app - specified as a constant in `launchnavigator.APP`. e.g. `launchnavigator.APP.GOOGLE_MAPS`.
+     * @param {string} platform - specified as a constant in `launchnavigator.PLATFORM`. e.g. `launchnavigator.PLATFORM.IOS`.
+     * @return {boolean} - true if app/platform combination supports specification of start location.
+     */
+    supportsStartName: (
+        app: string,
+        platform: string
+    ) => boolean;
+
+    /**
+     * Indicates if an app on a given platform supports specification of a custom nickname for destination location.
+     * @param {string} app - specified as a constant in `launchnavigator.APP`. e.g. `launchnavigator.APP.GOOGLE_MAPS`.
+     * @param {string} platform - specified as a constant in `launchnavigator.PLATFORM`. e.g. `launchnavigator.PLATFORM.IOS`.
+     * @return {boolean} - true if app/platform combination supports specification of destination location.
+     */
+    supportsDestName: (
+        app: string,
+        platform: string
+    ) => boolean;
+
+
+    /**
+     * Triggers the native dialog picker for user to choose wich app to use.
+     * @param {mixed} destination (required) - destination location to use for navigation - see launchnavigator.navigate()
+     * @param {object} options (optional) - optional parameters - see launchnavigator.navigate()
+     * @param {Function} successCallback (optional) - optional callback to be invoked on success
+     * @param {Function} errorCallback (optional) - optional callback to be invoked on error
+     */
+    userSelect: (
+        destination: string | number[],
+        options: LaunchNavigatorOptions
+    ) => void;
+}
+
+declare var launchnavigator: LaunchNavigator;
\ No newline at end of file

From 8b73f40dc9af495b0252c56e2c74e9ede84104b1 Mon Sep 17 00:00:00 2001
From: Derrick Liu <dliu@lediur.com>
Date: Wed, 19 Oct 2016 05:18:34 -0700
Subject: [PATCH 339/382] http-errors: add 421 constructor and make sure all
 constructors can take optional messages (#11927)

* Add optional msg parameter to all constructors, add 421 constructor

* Add tests for updating to 1.5.0 and adding custom messages
---
 http-errors/http-errors-tests.ts |   7 ++
 http-errors/http-errors.d.ts     | 129 ++++++++++++++++---------------
 2 files changed, 73 insertions(+), 63 deletions(-)

diff --git a/http-errors/http-errors-tests.ts b/http-errors/http-errors-tests.ts
index 61fb9091bf..70be04be82 100644
--- a/http-errors/http-errors-tests.ts
+++ b/http-errors/http-errors-tests.ts
@@ -75,4 +75,11 @@ var err = new createError['404']();
 //createError['404'](); // TypeScript should fail with "Did you mean to include 'new'?"
 //new createError(); // TypeScript should fail with "Only a void function can be called with the 'new' keyword"
 
+// Error messages can have custom messages
+var err = new createError.NotFound('This might be a problem');
+
+// 1.5.0 supports 421 - Misdirected Request
+var err = new createError.MisdirectedRequest();
+var err = new createError.MisdirectedRequest('Where should this go?');
+
 let error: createError.HttpError;
diff --git a/http-errors/http-errors.d.ts b/http-errors/http-errors.d.ts
index 48d7469ba4..43c2ce6af9 100644
--- a/http-errors/http-errors.d.ts
+++ b/http-errors/http-errors.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for http-errors v1.3.1
+// Type definitions for http-errors v1.5.0
 // Project: https://github.com/jshttp/http-errors
 // Definitions by: Tanguy Krotoff <https://github.com/tkrotoff>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -12,6 +12,8 @@ declare module 'http-errors' {
           statusCode: number;
           expose: boolean;
       }
+                
+      type HttpErrorConstructor = new(msg?: string) => HttpError;
 
       interface CreateHttpError {
           // See https://github.com/Microsoft/TypeScript/issues/227#issuecomment-50092674
@@ -19,68 +21,69 @@ declare module 'http-errors' {
 
           (...args: Array<Error | string | number | Object>): HttpError;
 
-          Continue: new() => HttpError;
-          SwitchingProtocols: new() => HttpError;
-          Processing: new() => HttpError;
-          OK: new() => HttpError;
-          Created: new() => HttpError;
-          Accepted: new() => HttpError;
-          NonAuthoritativeInformation: new() => HttpError;
-          NoContent: new() => HttpError;
-          ResetContent: new() => HttpError;
-          PartialContent: new() => HttpError;
-          MultiStatus: new() => HttpError;
-          AlreadyReported: new() => HttpError;
-          IMUsed: new() => HttpError;
-          MultipleChoices: new() => HttpError;
-          MovedPermanently: new() => HttpError;
-          Found: new() => HttpError;
-          SeeOther: new() => HttpError;
-          NotModified: new() => HttpError;
-          UseProxy: new() => HttpError;
-          Unused: new() => HttpError;
-          TemporaryRedirect: new() => HttpError;
-          PermanentRedirect: new() => HttpError;
-          BadRequest: new() => HttpError;
-          Unauthorized: new() => HttpError;
-          PaymentRequired: new() => HttpError;
-          Forbidden: new() => HttpError;
-          NotFound: new() => HttpError;
-          MethodNotAllowed: new() => HttpError;
-          NotAcceptable: new() => HttpError;
-          ProxyAuthenticationRequired: new() => HttpError;
-          RequestTimeout: new() => HttpError;
-          Conflict: new() => HttpError;
-          Gone: new() => HttpError;
-          LengthRequired: new() => HttpError;
-          PreconditionFailed: new() => HttpError;
-          PayloadTooLarge: new() => HttpError;
-          URITooLong: new() => HttpError;
-          UnsupportedMediaType: new() => HttpError;
-          RangeNotSatisfiable: new() => HttpError;
-          ExpectationFailed: new() => HttpError;
-          ImATeapot: new() => HttpError;
-          UnprocessableEntity: new() => HttpError;
-          Locked: new() => HttpError;
-          FailedDependency: new() => HttpError;
-          UnorderedCollection: new() => HttpError;
-          UpgradeRequired: new() => HttpError;
-          PreconditionRequired: new() => HttpError;
-          TooManyRequests: new() => HttpError;
-          RequestHeaderFieldsTooLarge: new() => HttpError;
-          UnavailableForLegalReasons: new() => HttpError;
-          InternalServerError: new() => HttpError;
-          NotImplemented: new() => HttpError;
-          BadGateway: new() => HttpError;
-          ServiceUnavailable: new() => HttpError;
-          GatewayTimeout: new() => HttpError;
-          HTTPVersionNotSupported: new() => HttpError;
-          VariantAlsoNegotiates: new() => HttpError;
-          InsufficientStorage: new() => HttpError;
-          LoopDetected: new() => HttpError;
-          BandwidthLimitExceeded: new() => HttpError;
-          NotExtended: new() => HttpError;
-          NetworkAuthenticationRequired: new() => HttpError;
+          Continue: HttpErrorConstructor;
+          SwitchingProtocols: HttpErrorConstructor;
+          Processing: HttpErrorConstructor;
+          OK: HttpErrorConstructor;
+          Created: HttpErrorConstructor;
+          Accepted: HttpErrorConstructor;
+          NonAuthoritativeInformation: HttpErrorConstructor;
+          NoContent: HttpErrorConstructor;
+          ResetContent: HttpErrorConstructor;
+          PartialContent: HttpErrorConstructor;
+          MultiStatus: HttpErrorConstructor;
+          AlreadyReported: HttpErrorConstructor;
+          IMUsed: HttpErrorConstructor;
+          MultipleChoices: HttpErrorConstructor;
+          MovedPermanently: HttpErrorConstructor;
+          Found: HttpErrorConstructor;
+          SeeOther: HttpErrorConstructor;
+          NotModified: HttpErrorConstructor;
+          UseProxy: HttpErrorConstructor;
+          Unused: HttpErrorConstructor;
+          TemporaryRedirect: HttpErrorConstructor;
+          PermanentRedirect: HttpErrorConstructor;
+          BadRequest: HttpErrorConstructor;
+          Unauthorized: HttpErrorConstructor;
+          PaymentRequired: HttpErrorConstructor;
+          Forbidden: HttpErrorConstructor;
+          NotFound: HttpErrorConstructor;
+          MethodNotAllowed: HttpErrorConstructor;
+          NotAcceptable: HttpErrorConstructor;
+          ProxyAuthenticationRequired: HttpErrorConstructor;
+          RequestTimeout: HttpErrorConstructor;
+          Conflict: HttpErrorConstructor;
+          Gone: HttpErrorConstructor;
+          LengthRequired: HttpErrorConstructor;
+          PreconditionFailed: HttpErrorConstructor;
+          PayloadTooLarge: HttpErrorConstructor;
+          URITooLong: HttpErrorConstructor;
+          UnsupportedMediaType: HttpErrorConstructor;
+          RangeNotSatisfiable: HttpErrorConstructor;
+          ExpectationFailed: HttpErrorConstructor;
+          ImATeapot: HttpErrorConstructor;
+          MisdirectedRequest: HttpErrorConstructor;
+          UnprocessableEntity: HttpErrorConstructor;
+          Locked: HttpErrorConstructor;
+          FailedDependency: HttpErrorConstructor;
+          UnorderedCollection: HttpErrorConstructor;
+          UpgradeRequired: HttpErrorConstructor;
+          PreconditionRequired: HttpErrorConstructor;
+          TooManyRequests: HttpErrorConstructor;
+          RequestHeaderFieldsTooLarge: HttpErrorConstructor;
+          UnavailableForLegalReasons: HttpErrorConstructor;
+          InternalServerError: HttpErrorConstructor;
+          NotImplemented: HttpErrorConstructor;
+          BadGateway: HttpErrorConstructor;
+          ServiceUnavailable: HttpErrorConstructor;
+          GatewayTimeout: HttpErrorConstructor;
+          HTTPVersionNotSupported: HttpErrorConstructor;
+          VariantAlsoNegotiates: HttpErrorConstructor;
+          InsufficientStorage: HttpErrorConstructor;
+          LoopDetected: HttpErrorConstructor;
+          BandwidthLimitExceeded: HttpErrorConstructor;
+          NotExtended: HttpErrorConstructor;
+          NetworkAuthenticationRequired: HttpErrorConstructor;
       }
     }
 

From 03b3450d08a0b0a1b9e820e581a52c8e6c21f32e Mon Sep 17 00:00:00 2001
From: rasmusvhansen <rasmusvhansen@gmail.com>
Date: Wed, 19 Oct 2016 14:18:46 +0200
Subject: [PATCH 340/382] CodeMirror: To Parameter is optional in replaceRange
 (#12035)

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

diff --git a/codemirror/codemirror.d.ts b/codemirror/codemirror.d.ts
index b1bf33e2d2..7adad2e8c0 100644
--- a/codemirror/codemirror.d.ts
+++ b/codemirror/codemirror.d.ts
@@ -427,7 +427,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): void;
 
         /** Get the content of line n. */
         getLine(n: number): string;

From aa073574a3c547dba7544d80ff318d73ebfa7c65 Mon Sep 17 00:00:00 2001
From: James Bracy <waratuman@gmail.com>
Date: Wed, 19 Oct 2016 05:26:52 -0700
Subject: [PATCH 341/382] Adding pg-types (#12037)

---
 pg-types/pg-types-tests.ts | 18 ++++++++++++++++++
 pg-types/pg-types.d.ts     | 23 +++++++++++++++++++++++
 pg/pg.d.ts                 | 23 ++++++++++++-----------
 3 files changed, 53 insertions(+), 11 deletions(-)
 create mode 100644 pg-types/pg-types-tests.ts
 create mode 100644 pg-types/pg-types.d.ts

diff --git a/pg-types/pg-types-tests.ts b/pg-types/pg-types-tests.ts
new file mode 100644
index 0000000000..bcabaa68d9
--- /dev/null
+++ b/pg-types/pg-types-tests.ts
@@ -0,0 +1,18 @@
+/// <reference path="pg-types.d.ts" />
+/// <reference path="../moment/moment.d.ts" />
+import * as types from "pg-types";
+
+types.getTypeParser(1184, 'text');
+
+types.setTypeParser(1184, (value) => value === null ? null : value);
+types.setTypeParser(1186, 'text', (value) => value === null ? null : value);
+types.setTypeParser(1186, 'binary', (value) => value.toISOString());
+types.setTypeParser(1185, (value) => types.arrayParser.create(value, (x) => x).parse());
+
+var TIMESTAMPTZ_OID = 1184
+var TIMESTAMP_OID = 1114
+var parseFn = function(val: any) {
+   return val === null ? null : moment(val)
+}
+types.setTypeParser(TIMESTAMPTZ_OID, parseFn)
+types.setTypeParser(TIMESTAMP_OID, parseFn)
diff --git a/pg-types/pg-types.d.ts b/pg-types/pg-types.d.ts
new file mode 100644
index 0000000000..9775bef483
--- /dev/null
+++ b/pg-types/pg-types.d.ts
@@ -0,0 +1,23 @@
+// Type definitions for pg-types 1.11.0
+// Project: https://github.com/brianc/node-pg-types
+// Definitions by: James Bracy <https://github.com/waratuman>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "pg-types" {
+
+    interface TypeParser {
+        (value: any): any;
+    }
+
+    export function getTypeParser(oid: number, format: string): TypeParser;
+
+    export function setTypeParser(oid: number, format: string, parseFn: TypeParser): void;
+    export function setTypeParser(oid: number, parseFn: TypeParser): void;
+
+    export namespace arrayParser {
+
+        export function create(source: any, transform: TypeParser): { parse: () => any[] };
+
+    }
+
+}
diff --git a/pg/pg.d.ts b/pg/pg.d.ts
index bd15066beb..c30fd46603 100644
--- a/pg/pg.d.ts
+++ b/pg/pg.d.ts
@@ -4,10 +4,12 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="../node/node.d.ts" />
+/// <reference path="../pg-types/pg-types.d.ts" />
 
 declare module "pg" {
     import events = require("events");
     import stream = require("stream");
+    import pgTypes = require("pg-types");
 
     export function connect(connection: string, callback: (err: Error, client: Client, done: (err?: any) => void) => void): void;
     export function connect(config: ClientConfig, callback: (err: Error, client: Client, done: (err?: any) => void) => void): void;
@@ -34,13 +36,13 @@ declare module "pg" {
     }
 
     export interface PoolConfig extends ClientConfig {
-      // properties from module 'node-pool'
-      max?: number;
-      min?: number;
-      refreshIdle?: boolean;
-      idleTimeoutMillis?: number;
-      reapIntervalMillis?: number;
-      returnToHead?: boolean;
+        // properties from module 'node-pool'
+        max?: number;
+        min?: number;
+        refreshIdle?: boolean;
+        idleTimeoutMillis?: number;
+        reapIntervalMillis?: number;
+        returnToHead?: boolean;
     }
 
     export interface QueryConfig {
@@ -90,7 +92,7 @@ declare module "pg" {
         constructor(connection: string);
         constructor(config: ClientConfig);
 
-        connect(callback?: (err:Error) => void): void;
+        connect(callback?: (err: Error) => void): void;
         end(): void;
         release(): void;
 
@@ -126,7 +128,6 @@ declare module "pg" {
         public on(event: string, listener: Function): this;
     }
 
-    export namespace types {
-        function setTypeParser<T>(typeId: number, parser: (value: string) => T): void;
-    }
+    export const types: typeof pgTypes;
+
 }

From 513b1012d0f249f745f52987d5360eb3b9325361 Mon Sep 17 00:00:00 2001
From: emazv72 <emazv72@users.noreply.github.com>
Date: Wed, 19 Oct 2016 14:42:33 +0200
Subject: [PATCH 342/382] google-libphonenumber: missing
 PhoneNumberUtil.isPossibleNumber (#12018)

* missing IsPossibleNumber

* missing IsPossibleNumber
---
 google-libphonenumber/google-libphonenumber.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/google-libphonenumber/google-libphonenumber.d.ts b/google-libphonenumber/google-libphonenumber.d.ts
index fea36d9675..937a0d9623 100644
--- a/google-libphonenumber/google-libphonenumber.d.ts
+++ b/google-libphonenumber/google-libphonenumber.d.ts
@@ -19,6 +19,7 @@ declare namespace libphonenumber {
         static getInstance(): PhoneNumberUtil
         parse(number: string, region: string): PhoneNumber;
         isValidNumber(phoneNumber: PhoneNumber): boolean;
+        isPossibleNumber(phoneNumber: PhoneNumber): boolean;
         isValidNumberForRegion(phoneNumber: PhoneNumber): boolean;
         getRegionCodeForNumber(phoneNumber: PhoneNumber): string;
         isNANPACountry(regionCode: string): boolean;

From d1267a71fe137379d5cc7b3edf17ac0cafdb7472 Mon Sep 17 00:00:00 2001
From: Steve Hipwell <steve.hipwell@gmail.com>
Date: Wed, 19 Oct 2016 13:43:32 +0100
Subject: [PATCH 343/382] Sinon mongoose (#12039)

* Added sinon-mongoose.d.ts

* Fixed new lines

* Renamed tests file
---
 sinon-mongoose/sinon-mongoose-tests.ts |  6 ++++++
 sinon-mongoose/sinon-mongoose.d.ts     | 18 ++++++++++++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 sinon-mongoose/sinon-mongoose-tests.ts
 create mode 100644 sinon-mongoose/sinon-mongoose.d.ts

diff --git a/sinon-mongoose/sinon-mongoose-tests.ts b/sinon-mongoose/sinon-mongoose-tests.ts
new file mode 100644
index 0000000000..1d32e25776
--- /dev/null
+++ b/sinon-mongoose/sinon-mongoose-tests.ts
@@ -0,0 +1,6 @@
+/// <reference path="sinon-mongoose.d.ts"/>
+function testChain() {
+    sinon.stub().chain('exec');
+}
+
+testChain();
diff --git a/sinon-mongoose/sinon-mongoose.d.ts b/sinon-mongoose/sinon-mongoose.d.ts
new file mode 100644
index 0000000000..13e8a3f3a6
--- /dev/null
+++ b/sinon-mongoose/sinon-mongoose.d.ts
@@ -0,0 +1,18 @@
+// Type definitions for sinon-mongoose v1.3.0
+// Project: https://github.com/underscopeio/sinon-mongoose
+// Definitions by: stevehipwell <https://github.com/stevehipwell>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../sinon/sinon.d.ts"/>
+
+declare namespace Sinon {
+
+  export interface SinonStub {
+
+    /**
+     * When called, the stub will create a new stub to represent a mongoose chained function.
+     */
+    chain(name: string): SinonStub
+  }
+
+}

From 1556184ca6acde6472f856495bce51f366b1547b Mon Sep 17 00:00:00 2001
From: Steve Hipwell <steve.hipwell@gmail.com>
Date: Wed, 19 Oct 2016 13:43:58 +0100
Subject: [PATCH 344/382] Added valid-url.d.ts (#12042)

---
 valid-url/valid-url-tests.ts | 24 ++++++++++++++++++
 valid-url/valid-url.d.ts     | 47 ++++++++++++++++++++++++++++++++++++
 2 files changed, 71 insertions(+)
 create mode 100644 valid-url/valid-url-tests.ts
 create mode 100644 valid-url/valid-url.d.ts

diff --git a/valid-url/valid-url-tests.ts b/valid-url/valid-url-tests.ts
new file mode 100644
index 0000000000..b30f17a836
--- /dev/null
+++ b/valid-url/valid-url-tests.ts
@@ -0,0 +1,24 @@
+/// <reference path="valid-url.d.ts"/>
+
+import validUrl = require('valid-url');
+
+function testIsUri() {
+    validUrl.isUri("http://github.com/");
+}
+
+function testIsHttpUri() {
+    validUrl.isHttpUri("http://github.com/");
+}
+
+function testIsHttpsUri() {
+    validUrl.isHttpsUri("https://github.com/");
+}
+
+function testIsWebUri() {
+    validUrl.isWebUri("https://github.com/");
+}
+
+testIsUri();
+testIsHttpUri();
+testIsHttpsUri();
+testIsWebUri();
diff --git a/valid-url/valid-url.d.ts b/valid-url/valid-url.d.ts
new file mode 100644
index 0000000000..494c872e1e
--- /dev/null
+++ b/valid-url/valid-url.d.ts
@@ -0,0 +1,47 @@
+// Type definitions for valid-url v1.0.9
+// Project: https://github.com/ogt/valid-url
+// Definitions by: Steve Hipwell <https://github.com/stevehipwell>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'valid-url' {
+
+    /**
+     * Is the value a well-formed uri?
+     * Returns the untainted URI if the test value appears to be well-formed.  Note that you may really want one of the more practical methods like is_http_uri or is_https_uri, since the URI standard (RFC 3986) allows a lot of things you probably don't want.
+     * @param {string} value - The potential URI to test.
+     * @returns {string} - The untainted RFC 3986 URI on success, undefined on failure.
+     */
+    export function isUri(value: any): string;
+
+    /**
+    * Is the value a well-formed HTTP uri?
+    * Specialized version of isUri() that only likes http:// urls.  As a result, it can also do a much more thorough job validating.  Also, unlike isUri() it is more concerned with only allowing real-world URIs through.  Things like relative hostnames are allowed by the standards, but probably aren't wise.  Conversely, null paths aren't allowed per RFC 2616 (should be '/' instead), but are allowed by this function.
+    *
+    * This function only works for fully-qualified URIs.  /bob.html won't work. See RFC 3986 for the appropriate method to turn a relative URI into an absolute one given its context.
+    *
+    * Note that you probably want to either call this in combo with is_https_uri().
+    * i.e. if(isHttpUri(uri) || isHttpsUri(uri)) console.log('Good');
+    * or use the convenience method isWebUri which is equivalent.
+    * @param {string} value - The potential URI to test.
+    * @returns {string} - The untainted RFC 3986 URI on success, undefined on failure.
+    */
+    export function isHttpUri(value: any): string;
+
+
+    /**
+    * Is the value a well-formed HTTPS uri?
+    *See is_http_uri() for details.  This version only likes the https URI scheme. Otherwise it's identical to is_http_uri().
+    * @param {string} value - The potential URI to test.
+    * @returns {string} - The untainted RFC 3986 URI on success, undefined on failure.
+    */
+    export function isHttpsUri(value: any): string;
+
+    /**
+    * Is the value a well-formed HTTP or HTTPS uri?
+    * This is just a convenience method that combines isHttpUri and isHttpsUri to accept most common real-world URLs.
+    * @param {string} value - The potential URI to test.
+    * @returns {string} - The untainted RFC 3986 URI on success, undefined on failure.
+    */
+    export function isWebUri(value: any): string;
+
+}

From cc428eea786400e4de5a43eef35dc25d7864309c Mon Sep 17 00:00:00 2001
From: Doug Niccum <dniccumdesign@gmail.com>
Date: Wed, 19 Oct 2016 07:45:58 -0500
Subject: [PATCH 345/382] Fixes Materialize carousel option attribute type.
 (#12049)

* Changes the attribute type for the full width slider

* Updates the test with the new full_width attribute definition
---
 materialize-css/materialize-css-tests.ts | 4 ++--
 materialize-css/materialize-css.d.ts     | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/materialize-css/materialize-css-tests.ts b/materialize-css/materialize-css-tests.ts
index 9c9027a972..d9ae8170da 100644
--- a/materialize-css/materialize-css-tests.ts
+++ b/materialize-css/materialize-css-tests.ts
@@ -122,7 +122,7 @@ var sliderHtml = '<div class="slider">' +
 
 $('.carousel').carousel();
 $('.carousel').carousel({});
-$('.carousel').carousel({ time_constant: 200, dist: -100, shift: 500, padding: 6000, full_width: 6000 });
+$('.carousel').carousel({ time_constant: 200, dist: -100, shift: 500, padding: 6000, full_width: true });
 
 // Next slide
 $('.carousel').carousel('next');
@@ -239,4 +239,4 @@ var tabsHtml = '<div class="row">' +
 // Transitions
 Materialize.showStaggeredList('#staggered-test');
 
-Materialize.updateTextFields();
\ No newline at end of file
+Materialize.updateTextFields();
diff --git a/materialize-css/materialize-css.d.ts b/materialize-css/materialize-css.d.ts
index 456abea871..2968176ff0 100644
--- a/materialize-css/materialize-css.d.ts
+++ b/materialize-css/materialize-css.d.ts
@@ -132,10 +132,10 @@ declare namespace Materialize {
         padding?: number;
 
         /**
-         * Set the duration between transitions in ms.
-         * Default: 6000
+         * Set the width of the carousel.
+         * Default: false
          */
-        full_width?: number;
+        full_width?: boolean;
     }
 
     /**

From 22278302bd9abc5cd022e1e336893aa567d40a96 Mon Sep 17 00:00:00 2001
From: Jed Borovik <mr.borovik@gmail.com>
Date: Wed, 19 Oct 2016 08:47:16 -0400
Subject: [PATCH 346/382] Update react-modal.d.ts (#12043)

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

diff --git a/react-modal/react-modal.d.ts b/react-modal/react-modal.d.ts
index 5171045c61..e7c89cc2ef 100644
--- a/react-modal/react-modal.d.ts
+++ b/react-modal/react-modal.d.ts
@@ -9,10 +9,10 @@ declare module "react-modal" {
     interface ReactModal {
         isOpen: boolean;
         style?: {
-            content: {
+            content?: {
                 [key: string]: any;
             },
-            overlay: {
+            overlay?: {
                 [key: string]: any;
             }
         },

From 21d608a069e6f6c932aea08469fad1bd1a2f5ae5 Mon Sep 17 00:00:00 2001
From: TANAKA Koichi <mugeso@mugeso.com>
Date: Wed, 19 Oct 2016 21:47:36 +0900
Subject: [PATCH 347/382] Add definition for bwip-js (#12054)

Project: https://github.com/metafloor/bwip-js
npm: https://www.npmjs.com/package/bwip-js
---
 bwip-js/bwip-js-tests.ts | 43 ++++++++++++++++++++
 bwip-js/bwip-js.d.ts     | 86 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 129 insertions(+)
 create mode 100644 bwip-js/bwip-js-tests.ts
 create mode 100644 bwip-js/bwip-js.d.ts

diff --git a/bwip-js/bwip-js-tests.ts b/bwip-js/bwip-js-tests.ts
new file mode 100644
index 0000000000..71601f111a
--- /dev/null
+++ b/bwip-js/bwip-js-tests.ts
@@ -0,0 +1,43 @@
+/// <reference path="./bwip-js.d.ts" />
+/// <reference path="../node/node.d.ts" />
+'use strict';
+
+import * as bwipjs from 'bwip-js';
+import * as http from 'http';
+import * as fs from 'fs';
+
+bwipjs.loadFont('Inconsolata', 108,
+    fs.readFileSync('fonts/Inconsolata.otf', 'binary'));
+
+
+http.createServer(function(req, res) {
+    // If the url does not begin /?bcid= then 404.  Otherwise, we end up
+    // returning 400 on requests like favicon.ico.
+    if (req.url.indexOf('/?bcid=') != 0) {
+        res.writeHead(404, { 'Content-Type':'text/plain' });
+        res.end('BWIPJS: Unknown request format.', 'utf8');
+    } else {
+        bwipjs(req, res);
+    }
+
+}).listen(3030);
+
+bwipjs.toBuffer({
+    bcid:        'code128',       // Barcode type
+    text:        '0123456789',    // Text to encode
+    scale:       3,               // 3x scaling factor
+    height:      10,              // Bar height, in millimeters
+    includetext: true,            // Show human-readable text
+    textxalign:  'center',        // Always good to set this
+    textfont:    'Inconsolata',   // Use your custom font
+    textsize:    13               // Font size, in points
+}, function (err:string|Error, png: Buffer) {
+    if (err) {
+        console.log(err);
+    } else {
+        // `png` is a Buffer
+        // png.length           : PNG file length
+        // png.readUInt32BE(16) : PNG image width
+        // png.readUInt32BE(20) : PNG image height
+    }
+});
diff --git a/bwip-js/bwip-js.d.ts b/bwip-js/bwip-js.d.ts
new file mode 100644
index 0000000000..0f40b5771e
--- /dev/null
+++ b/bwip-js/bwip-js.d.ts
@@ -0,0 +1,86 @@
+// Type definitions for bwip-js 1.1.1
+// Project: https://github.com/metafloor/bwip-js
+// Definitions by: TANAKA Koichi <https://github.com/MugeSo/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts" />
+
+declare module 'bwip-js' {
+    import {IncomingMessage as Request, ServerResponse as Response} from 'http';
+
+    module BwipJs {
+        export function loadFont(fontName:string, sizeMulti: number, fontFile: string): void;
+        export function toBuffer(opts: ToBufferOptions, callback:(err: string|Error, png: Buffer) => void): void;
+        interface ToBufferOptions {
+            bcid: string;
+            text: string;
+
+            parse?: boolean;
+            parsefunc?: boolean;
+
+            height?: number;
+            width?: number;
+
+            scaleX?: number;
+            scaleY?: number;
+            scale?: number;
+
+            rotate?: 'N'|'R'|'L'|'I';
+
+            paddingwidth?: number;
+            paddingheight?: number;
+
+            monochrome?: boolean;
+            alttext?: boolean;
+
+            includetext?: boolean;
+            textfont?: string;
+            textsize?: number;
+            textgaps?: number;
+
+            textxalign?:'offleft'|'left'|'center'|'right'|'offright'|'justify';
+            textyalign?:'below'|'center'|'above';
+            textxoffset?: number;
+            textyoffset?: number;
+
+            showborder?: boolean;
+            borderwidth?: number;
+            borderleft?: number;
+            borderright?: number;
+            bordertop?: number;
+            boraderbottom?: number;
+
+            barcolor?: string;
+            backgroundcolor?: string;
+            bordercolor?: string;
+            textcolor?: string;
+
+            addontextxoffset?: number;
+            addontextyoffset?: number;
+            addontextfont?: string;
+            addontextsize?: number;
+
+            guardwhitespace?: boolean;
+            guardwidth?: number;
+            guardheight?: number;
+            guardleftpos?: number;
+            guardrightpos?: number;
+            guardleftypos?: number;
+            guardrightypos?: number;
+
+            sizelimit?: number;
+
+            includecheck?: boolean;
+            includecheckintext?: boolean;
+
+            inkspread?: number;
+            inkspreadh?: number;
+            inkspreadv?: number;
+        }
+    }
+
+
+    function BwipJs(req: Request, res: Response, opts?:BwipJs.ToBufferOptions): void;
+
+    export = BwipJs;
+}

From 988a48ab2cfff3243868d70d836332a118d9f060 Mon Sep 17 00:00:00 2001
From: Tim Perry <pimterry@gmail.com>
Date: Wed, 19 Oct 2016 14:53:45 +0200
Subject: [PATCH 348/382] Stop net.Server incorrectly extending net.Socket
 (#12056)

---
 node/node-0.10.d.ts  | 46 +++++++++++++++++++++++++++++++++++++++++-
 node/node-0.11.d.ts  | 46 +++++++++++++++++++++++++++++++++++++++++-
 node/node-0.12.d.ts  | 46 +++++++++++++++++++++++++++++++++++++++++-
 node/node-0.8.8.d.ts | 46 +++++++++++++++++++++++++++++++++++++++++-
 node/node-4.d.ts     | 48 ++++++++++++++++++++++++++++++++++++++++++--
 node/node.d.ts       |  3 ++-
 6 files changed, 228 insertions(+), 7 deletions(-)

diff --git a/node/node-0.10.d.ts b/node/node-0.10.d.ts
index c519e660bb..5192f33457 100644
--- a/node/node-0.10.d.ts
+++ b/node/node-0.10.d.ts
@@ -769,6 +769,7 @@ declare module "dns" {
 
 declare module "net" {
     import stream = require("stream");
+    import events = require("events");
 
     export interface Socket extends stream.Duplex {
         // Extended base methods
@@ -810,7 +811,7 @@ declare module "net" {
         new (options?: { fd?: string; type?: string; allowHalfOpen?: boolean; }): Socket;
     };
 
-    export interface Server extends Socket {
+    export interface Server extends events.EventEmitter {
         listen(port: number, host?: string, backlog?: number, listeningListener?: Function): Server;
         listen(path: string, listeningListener?: Function): Server;
         listen(handle: any, listeningListener?: Function): Server;
@@ -818,6 +819,49 @@ declare module "net" {
         address(): { port: number; family: string; address: string; };
         maxConnections: number;
         connections: number;
+
+        /**
+         * events.EventEmitter
+         *   1. close
+         *   2. connection
+         *   3. error
+         *   4. listening
+         */
+        addListener(event: string, listener: Function): this;
+        addListener(event: "close", listener: () => void): this;
+        addListener(event: "connection", listener: (socket: Socket) => void): this;
+        addListener(event: "error", listener: (err: Error) => void): this;
+        addListener(event: "listening", listener: () => void): this;
+
+        emit(event: string, ...args: any[]): boolean;
+        emit(event: "close"): boolean;
+        emit(event: "connection", socket: Socket): boolean;
+        emit(event: "error", err: Error): boolean;
+        emit(event: "listening"): boolean;
+
+        on(event: string, listener: Function): this;
+        on(event: "close", listener: () => void): this;
+        on(event: "connection", listener: (socket: Socket) => void): this;
+        on(event: "error", listener: (err: Error) => void): this;
+        on(event: "listening", listener: () => void): this;
+
+        once(event: string, listener: Function): this;
+        once(event: "close", listener: () => void): this;
+        once(event: "connection", listener: (socket: Socket) => void): this;
+        once(event: "error", listener: (err: Error) => void): this;
+        once(event: "listening", listener: () => void): this;
+
+        prependListener(event: string, listener: Function): this;
+        prependListener(event: "close", listener: () => void): this;
+        prependListener(event: "connection", listener: (socket: Socket) => void): this;
+        prependListener(event: "error", listener: (err: Error) => void): this;
+        prependListener(event: "listening", listener: () => void): this;
+
+        prependOnceListener(event: string, listener: Function): this;
+        prependOnceListener(event: "close", listener: () => void): this;
+        prependOnceListener(event: "connection", listener: (socket: Socket) => void): this;
+        prependOnceListener(event: "error", listener: (err: Error) => void): this;
+        prependOnceListener(event: "listening", listener: () => void): this;
     }
     export function createServer(connectionListener?: (socket: Socket) =>void ): Server;
     export function createServer(options?: { allowHalfOpen?: boolean; }, connectionListener?: (socket: Socket) =>void ): Server;
diff --git a/node/node-0.11.d.ts b/node/node-0.11.d.ts
index 1649baebed..d153a11f7e 100644
--- a/node/node-0.11.d.ts
+++ b/node/node-0.11.d.ts
@@ -688,6 +688,7 @@ declare module "dns" {
 
 declare module "net" {
     import stream = require("stream");
+    import events = require("events");
 
     export interface Socket extends stream.Duplex {
         // Extended base methods
@@ -726,7 +727,7 @@ declare module "net" {
         new (options?: { fd?: string; type?: string; allowHalfOpen?: boolean; }): Socket;
     };
 
-    export interface Server extends Socket {
+    export interface Server extends events.EventEmitter {
         listen(port: number, host?: string, backlog?: number, listeningListener?: Function): Server;
         listen(path: string, listeningListener?: Function): Server;
         listen(handle: any, listeningListener?: Function): Server;
@@ -734,6 +735,49 @@ declare module "net" {
         address(): { port: number; family: string; address: string; };
         maxConnections: number;
         connections: number;
+
+        /**
+         * events.EventEmitter
+         *   1. close
+         *   2. connection
+         *   3. error
+         *   4. listening
+         */
+        addListener(event: string, listener: Function): this;
+        addListener(event: "close", listener: () => void): this;
+        addListener(event: "connection", listener: (socket: Socket) => void): this;
+        addListener(event: "error", listener: (err: Error) => void): this;
+        addListener(event: "listening", listener: () => void): this;
+
+        emit(event: string, ...args: any[]): boolean;
+        emit(event: "close"): boolean;
+        emit(event: "connection", socket: Socket): boolean;
+        emit(event: "error", err: Error): boolean;
+        emit(event: "listening"): boolean;
+
+        on(event: string, listener: Function): this;
+        on(event: "close", listener: () => void): this;
+        on(event: "connection", listener: (socket: Socket) => void): this;
+        on(event: "error", listener: (err: Error) => void): this;
+        on(event: "listening", listener: () => void): this;
+
+        once(event: string, listener: Function): this;
+        once(event: "close", listener: () => void): this;
+        once(event: "connection", listener: (socket: Socket) => void): this;
+        once(event: "error", listener: (err: Error) => void): this;
+        once(event: "listening", listener: () => void): this;
+
+        prependListener(event: string, listener: Function): this;
+        prependListener(event: "close", listener: () => void): this;
+        prependListener(event: "connection", listener: (socket: Socket) => void): this;
+        prependListener(event: "error", listener: (err: Error) => void): this;
+        prependListener(event: "listening", listener: () => void): this;
+
+        prependOnceListener(event: string, listener: Function): this;
+        prependOnceListener(event: "close", listener: () => void): this;
+        prependOnceListener(event: "connection", listener: (socket: Socket) => void): this;
+        prependOnceListener(event: "error", listener: (err: Error) => void): this;
+        prependOnceListener(event: "listening", listener: () => void): this;
     }
     export function createServer(connectionListener?: (socket: Socket) =>void ): Server;
     export function createServer(options?: { allowHalfOpen?: boolean; }, connectionListener?: (socket: Socket) =>void ): Server;
diff --git a/node/node-0.12.d.ts b/node/node-0.12.d.ts
index 12b4958759..511ecc6e6a 100644
--- a/node/node-0.12.d.ts
+++ b/node/node-0.12.d.ts
@@ -955,6 +955,7 @@ declare module "dns" {
 
 declare module "net" {
     import * as stream from "stream";
+    import * as events from "events";
 
     export interface Socket extends stream.Duplex {
         // Extended base methods
@@ -999,7 +1000,7 @@ declare module "net" {
         new (options?: { fd?: string; type?: string; allowHalfOpen?: boolean; }): Socket;
     };
 
-    export interface Server extends Socket {
+    export interface Server extends events.EventEmitter {
         listen(port: number, host?: string, backlog?: number, listeningListener?: Function): Server;
         listen(path: string, listeningListener?: Function): Server;
         listen(handle: any, listeningListener?: Function): Server;
@@ -1007,6 +1008,49 @@ declare module "net" {
         address(): { port: number; family: string; address: string; };
         maxConnections: number;
         connections: number;
+
+        /**
+         * events.EventEmitter
+         *   1. close
+         *   2. connection
+         *   3. error
+         *   4. listening
+         */
+        addListener(event: string, listener: Function): this;
+        addListener(event: "close", listener: () => void): this;
+        addListener(event: "connection", listener: (socket: Socket) => void): this;
+        addListener(event: "error", listener: (err: Error) => void): this;
+        addListener(event: "listening", listener: () => void): this;
+
+        emit(event: string, ...args: any[]): boolean;
+        emit(event: "close"): boolean;
+        emit(event: "connection", socket: Socket): boolean;
+        emit(event: "error", err: Error): boolean;
+        emit(event: "listening"): boolean;
+
+        on(event: string, listener: Function): this;
+        on(event: "close", listener: () => void): this;
+        on(event: "connection", listener: (socket: Socket) => void): this;
+        on(event: "error", listener: (err: Error) => void): this;
+        on(event: "listening", listener: () => void): this;
+
+        once(event: string, listener: Function): this;
+        once(event: "close", listener: () => void): this;
+        once(event: "connection", listener: (socket: Socket) => void): this;
+        once(event: "error", listener: (err: Error) => void): this;
+        once(event: "listening", listener: () => void): this;
+
+        prependListener(event: string, listener: Function): this;
+        prependListener(event: "close", listener: () => void): this;
+        prependListener(event: "connection", listener: (socket: Socket) => void): this;
+        prependListener(event: "error", listener: (err: Error) => void): this;
+        prependListener(event: "listening", listener: () => void): this;
+
+        prependOnceListener(event: string, listener: Function): this;
+        prependOnceListener(event: "close", listener: () => void): this;
+        prependOnceListener(event: "connection", listener: (socket: Socket) => void): this;
+        prependOnceListener(event: "error", listener: (err: Error) => void): this;
+        prependOnceListener(event: "listening", listener: () => void): this;
     }
     export function createServer(connectionListener?: (socket: Socket) =>void ): Server;
     export function createServer(options?: { allowHalfOpen?: boolean; }, connectionListener?: (socket: Socket) =>void ): Server;
diff --git a/node/node-0.8.8.d.ts b/node/node-0.8.8.d.ts
index 2be7c6aae3..7bf214b781 100644
--- a/node/node-0.8.8.d.ts
+++ b/node/node-0.8.8.d.ts
@@ -620,6 +620,7 @@ declare module "dns" {
 
 declare module "net" {
     import stream = require("stream");
+    import events = require("events");
 
     export interface NodeSocket extends stream.ReadWriteStream {
         // Extended base methods
@@ -649,7 +650,7 @@ declare module "net" {
         new (options?: { fd?: string; type?: string; allowHalfOpen?: boolean; }): NodeSocket;
     };
 
-    export interface Server extends NodeSocket {
+    export interface Server extends events.NodeEventEmitter {
         listen(port: number, host?: string, backlog?: number, listeningListener?: Function): void;
         listen(path: string, listeningListener?: Function): void;
         listen(handle: any, listeningListener?: Function): void;
@@ -657,6 +658,49 @@ declare module "net" {
         address(): { port: number; family: string; address: string; };
         maxConnections: number;
         connections: number;
+
+        /**
+         * events.EventEmitter
+         *   1. close
+         *   2. connection
+         *   3. error
+         *   4. listening
+         */
+        addListener(event: string, listener: Function): this;
+        addListener(event: "close", listener: () => void): this;
+        addListener(event: "connection", listener: (socket: NodeSocket) => void): this;
+        addListener(event: "error", listener: (err: Error) => void): this;
+        addListener(event: "listening", listener: () => void): this;
+
+        emit(event: string, ...args: any[]): boolean;
+        emit(event: "close"): boolean;
+        emit(event: "connection", socket: NodeSocket): boolean;
+        emit(event: "error", err: Error): boolean;
+        emit(event: "listening"): boolean;
+
+        on(event: string, listener: Function): this;
+        on(event: "close", listener: () => void): this;
+        on(event: "connection", listener: (socket: NodeSocket) => void): this;
+        on(event: "error", listener: (err: Error) => void): this;
+        on(event: "listening", listener: () => void): this;
+
+        once(event: string, listener: Function): this;
+        once(event: "close", listener: () => void): this;
+        once(event: "connection", listener: (socket: NodeSocket) => void): this;
+        once(event: "error", listener: (err: Error) => void): this;
+        once(event: "listening", listener: () => void): this;
+
+        prependListener(event: string, listener: Function): this;
+        prependListener(event: "close", listener: () => void): this;
+        prependListener(event: "connection", listener: (socket: NodeSocket) => void): this;
+        prependListener(event: "error", listener: (err: Error) => void): this;
+        prependListener(event: "listening", listener: () => void): this;
+
+        prependOnceListener(event: string, listener: Function): this;
+        prependOnceListener(event: "close", listener: () => void): this;
+        prependOnceListener(event: "connection", listener: (socket: NodeSocket) => void): this;
+        prependOnceListener(event: "error", listener: (err: Error) => void): this;
+        prependOnceListener(event: "listening", listener: () => void): this;
     }
     export function createServer(connectionListener?: (socket: NodeSocket) =>void ): Server;
     export function createServer(options?: { allowHalfOpen?: boolean; }, connectionListener?: (socket: NodeSocket) =>void ): Server;
diff --git a/node/node-4.d.ts b/node/node-4.d.ts
index 2df0c73d30..feee10f12d 100644
--- a/node/node-4.d.ts
+++ b/node/node-4.d.ts
@@ -548,7 +548,7 @@ declare module "http" {
         agent?: Agent|boolean;
     }
 
-    export interface Server extends events.EventEmitter, net.Server {
+    export interface Server extends net.Server {
         setTimeout(msecs: number, callback: Function): void;
         maxHeadersCount: number;
         timeout: number;
@@ -1236,6 +1236,7 @@ declare module "dns" {
 
 declare module "net" {
     import * as stream from "stream";
+    import * as events from "events";
 
     export interface Socket extends stream.Duplex {
         // Extended base methods
@@ -1288,7 +1289,7 @@ declare module "net" {
         exclusive?: boolean;
     }
 
-    export interface Server extends Socket {
+    export interface Server extends events.EventEmitter {
         listen(port: number, hostname?: string, backlog?: number, listeningListener?: Function): Server;
         listen(port: number, hostname?: string, listeningListener?: Function): Server;
         listen(port: number, backlog?: number, listeningListener?: Function): Server;
@@ -1305,6 +1306,49 @@ declare module "net" {
         unref(): Server;
         maxConnections: number;
         connections: number;
+
+        /**
+         * events.EventEmitter
+         *   1. close
+         *   2. connection
+         *   3. error
+         *   4. listening
+         */
+        addListener(event: string, listener: Function): this;
+        addListener(event: "close", listener: () => void): this;
+        addListener(event: "connection", listener: (socket: Socket) => void): this;
+        addListener(event: "error", listener: (err: Error) => void): this;
+        addListener(event: "listening", listener: () => void): this;
+
+        emit(event: string, ...args: any[]): boolean;
+        emit(event: "close"): boolean;
+        emit(event: "connection", socket: Socket): boolean;
+        emit(event: "error", err: Error): boolean;
+        emit(event: "listening"): boolean;
+
+        on(event: string, listener: Function): this;
+        on(event: "close", listener: () => void): this;
+        on(event: "connection", listener: (socket: Socket) => void): this;
+        on(event: "error", listener: (err: Error) => void): this;
+        on(event: "listening", listener: () => void): this;
+
+        once(event: string, listener: Function): this;
+        once(event: "close", listener: () => void): this;
+        once(event: "connection", listener: (socket: Socket) => void): this;
+        once(event: "error", listener: (err: Error) => void): this;
+        once(event: "listening", listener: () => void): this;
+
+        prependListener(event: string, listener: Function): this;
+        prependListener(event: "close", listener: () => void): this;
+        prependListener(event: "connection", listener: (socket: Socket) => void): this;
+        prependListener(event: "error", listener: (err: Error) => void): this;
+        prependListener(event: "listening", listener: () => void): this;
+
+        prependOnceListener(event: string, listener: Function): this;
+        prependOnceListener(event: "close", listener: () => void): this;
+        prependOnceListener(event: "connection", listener: (socket: Socket) => void): this;
+        prependOnceListener(event: "error", listener: (err: Error) => void): this;
+        prependOnceListener(event: "listening", listener: () => void): this;
     }
     export function createServer(connectionListener?: (socket: Socket) =>void ): Server;
     export function createServer(options?: { allowHalfOpen?: boolean; }, connectionListener?: (socket: Socket) =>void ): Server;
diff --git a/node/node.d.ts b/node/node.d.ts
index dbc71b445c..1067e008c0 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -1654,6 +1654,7 @@ declare module "dns" {
 
 declare module "net" {
     import * as stream from "stream";
+    import * as events from "events";
 
     export interface Socket extends stream.Duplex {
         // Extended base methods
@@ -1777,7 +1778,7 @@ declare module "net" {
         exclusive?: boolean;
     }
 
-    export interface Server extends Socket {
+    export interface Server extends events.EventEmitter {
         listen(port: number, hostname?: string, backlog?: number, listeningListener?: Function): Server;
         listen(port: number, hostname?: string, listeningListener?: Function): Server;
         listen(port: number, backlog?: number, listeningListener?: Function): Server;

From 28a647e98404c6fd7ee83e4ad3b081ebd0d8c113 Mon Sep 17 00:00:00 2001
From: Ben Dixon <bmdixon@users.noreply.github.com>
Date: Wed, 19 Oct 2016 13:56:22 +0100
Subject: [PATCH 349/382] Add Awesomplete definitions (#12061)

* Add Awesomplete definitions

Fixes #8024.

* Add additional tests
---
 awesomplete/awesomplete-tests.ts | 57 ++++++++++++++++++++++++++++++++
 awesomplete/awesomplete.d.ts     | 49 +++++++++++++++++++++++++++
 2 files changed, 106 insertions(+)
 create mode 100644 awesomplete/awesomplete-tests.ts
 create mode 100644 awesomplete/awesomplete.d.ts

diff --git a/awesomplete/awesomplete-tests.ts b/awesomplete/awesomplete-tests.ts
new file mode 100644
index 0000000000..8132ad4555
--- /dev/null
+++ b/awesomplete/awesomplete-tests.ts
@@ -0,0 +1,57 @@
+/// <reference path="awesomplete.d.ts" />
+
+var input = document.getElementById("myinput");
+new Awesomplete(input, {list: "#mylist"});
+
+new Awesomplete(input, {list: document.querySelector("#mylist")});
+
+new Awesomplete(input, {
+    list: ["Ada", "Java", "JavaScript", "LOLCODE", "Node.js", "Ruby on Rails"]
+});
+
+var awesomplete = new Awesomplete(input);
+awesomplete.list = ["Ada", "Java", "JavaScript", "LOLCODE", "Node.js", "Ruby on Rails"];
+
+new Awesomplete(input, {
+	list: [
+		{ label: "Belarus", value: "BY" },
+		{ label: "China", value: "CN" },
+		{ label: "United States", value: "US" }
+	]
+});
+
+// Same with arrays:
+new Awesomplete(input, {
+	list: [
+		[ "Belarus", "BY" ],
+		[ "China", "CN" ],
+		[ "United States", "US" ]
+	]
+});
+
+new Awesomplete('input[type="email"]', {
+	list: ["aol.com", "att.net", "comcast.net", "facebook.com", "gmail.com", "gmx.com", "googlemail.com", "google.com", "hotmail.com", "hotmail.co.uk", "mac.com", "me.com", "mail.com", "msn.com", "live.com", "sbcglobal.net", "verizon.net", "yahoo.com", "yahoo.co.uk"],
+	data: function (text: string, input: any) {
+		return input.slice(0, input.indexOf("@")) + "@" + text;
+	},
+	filter: Awesomplete.FILTER_STARTSWITH
+});
+
+new Awesomplete('input[data-multiple]', {
+	filter: function(text: string, input: any) {
+		return Awesomplete.FILTER_CONTAINS(text, input.match(/[^,]*$/)[0]);
+	},
+
+	replace: function(text: string) {
+		var before = this.input.value.match(/^.+,\s*|/)[0];
+		this.input.value = before + text + ", ";
+	}
+});
+
+var ajax = new XMLHttpRequest();
+ajax.open("GET", "https://restcountries.eu/rest/v1/lang/fr", true);
+ajax.onload = function() {
+	var list = JSON.parse(ajax.responseText).map(function(i: any) { return i.name; });
+	new Awesomplete(document.querySelector("#ajax-example input"),{ list: list });
+};
+ajax.send();
\ No newline at end of file
diff --git a/awesomplete/awesomplete.d.ts b/awesomplete/awesomplete.d.ts
new file mode 100644
index 0000000000..d39389f008
--- /dev/null
+++ b/awesomplete/awesomplete.d.ts
@@ -0,0 +1,49 @@
+// Type definitions for Awesomplete v1.1.0
+// Project: https://leaverou.github.io/awesomplete/
+// Definitions by: webbiesdk <https://github.com/webbiesdk/>, Ben Dixon <https://github.com/bmdixon/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare class Awesomplete {
+	constructor(input: Element | HTMLElement | string, o?: AwesompleteOptions);
+	static all: Array<any>;
+	static $$: (expr: string | NodeSelector, con?: any) => NodeList;
+	static ITEM: (text: string, input: string) => HTMLElement;
+	static $: {
+		(expr: string|Element, con?: NodeSelector): string | Element;
+		regExpEscape: (s: { replace: (arg0: RegExp, arg1: string) => void }) => any;
+		create: (tag: string, o: any) => HTMLElement;
+		fire: (target: EventTarget, type: string, properties: any) => any;
+		siblingIndex: (el: Element) => number;
+	};
+	static FILTER_STARTSWITH: (text: string, input: string) => boolean;
+	static FILTER_CONTAINS: (text: string, input: string) => boolean;
+	static SORT_BYLENGTH: (a: number | any[], b: number | any[]) => number;
+	static REPLACE: (text: any) => void;
+	next: () => void;
+	container: HTMLElement;
+	select: (selected?: HTMLElement, originalTarget?: HTMLElement) => void;
+	previous: () => void;
+	index: number;
+	opened: number;
+	list: string | string[] | Element | { label: string, value: any }[] | [string, string][];
+	input: HTMLElement | string;
+	goto: (i: number) => void;
+	ul: HTMLElement;
+	close: () => void;
+	evaluate: () => void;
+	selected: boolean;
+	open: () => void;
+	status: HTMLElement;
+}
+
+interface AwesompleteOptions {
+	list?: string | string[] | Element | { label: string, value: any }[] | [string, string][];
+	minChars?: Number;
+	maxItems?: Number;
+	autoFirst?: boolean;
+    data?: Function;
+	filter?: Function;
+	sort?: Function;
+	item?: Function;
+	replace?: Function;
+}

From ab1c796a5033347bd8a3c9ae0a824b156159689b Mon Sep 17 00:00:00 2001
From: erikgerrits <gerrits.erik@gmail.com>
Date: Wed, 19 Oct 2016 15:56:42 +0300
Subject: [PATCH 350/382] vectorious - new type definition (#12064)

* vectorious

* Added test script to vectorious
---
 vectorious/vectorious-tests.ts |  97 ++++++
 vectorious/vectorious.d.ts     | 589 +++++++++++++++++++++++++++++++++
 2 files changed, 686 insertions(+)
 create mode 100644 vectorious/vectorious-tests.ts
 create mode 100644 vectorious/vectorious.d.ts

diff --git a/vectorious/vectorious-tests.ts b/vectorious/vectorious-tests.ts
new file mode 100644
index 0000000000..38c264bc37
--- /dev/null
+++ b/vectorious/vectorious-tests.ts
@@ -0,0 +1,97 @@
+/// <reference path="vectorious.d.ts" />
+
+import { Matrix, Vector } from './vectorious';
+
+let vector: Vector;
+let num: number;
+let flag: boolean;
+let str: string;
+let numberArray: number[];
+
+function testMatrix () {
+    
+    const a = new Matrix([[1, 2, 3], [1, 2, 3], [1, 2, 3]]);
+    const b = new Matrix([[1, 2, 3], [1, 2, 3], [1, 2, 3]]);
+
+    let matrix: Matrix;
+    let numberArrayArray: number[][];
+    let anyArray: any[];
+
+    matrix = Matrix.add(a, b);
+    matrix = Matrix.subtract(a, b);
+    matrix = Matrix.scale(matrix, 3);
+    matrix = Matrix.product(a, b);
+    matrix = Matrix.multiply(a, b);
+    anyArray = Matrix.plu(matrix);
+    matrix = Matrix.augment(a, b);
+    flag = Matrix.equals(a, b);
+    matrix = Matrix.identity(3);
+    matrix = Matrix.magic(3);
+    matrix = Matrix.zeros(3, 3);
+    matrix = Matrix.ones(3, 3);
+
+    matrix = matrix.add(b);
+    matrix = matrix.subtract(b);
+    matrix = matrix.scale(3);
+    matrix = matrix.product(b);
+    matrix = matrix.multiply(b);
+    matrix = matrix.transpose();
+    matrix = matrix.inverse();
+    matrix = matrix.gauss();
+    numberArray = matrix.lu();
+    anyArray = matrix.plu();
+    matrix = matrix.lusolve(b, new Int32Array(3));
+    matrix = matrix.solve(b);
+    matrix = matrix.augment(b);
+    vector = matrix.diag();
+    num = matrix.trace();
+    num = matrix.determinant();
+    flag = matrix.equals(b);
+    num = matrix.get(3, 3);
+    matrix = matrix.set(3, 3, 3);
+    matrix = matrix.swap(3, 3);
+    matrix = matrix.map((element) => 3);
+    matrix = matrix.each((element) => {});
+    matrix.reduce((memo, element) => 3, 3);
+    num = matrix.rank();
+    str = matrix.toString();
+    numberArrayArray = matrix.toArray();
+}
+
+function testVector () {
+    
+    const a = new Vector([1, 2, 3]);
+    const b = new Vector([4, 5, 6]);
+
+    vector = Vector.add(a, b);
+    vector = Vector.subtract(a, b);
+    num = Vector.dot(a, b);
+    vector = Vector.scale(a, 3);
+    num = Vector.angle(a, b);
+    flag = Vector.equals(a, b);
+    vector = Vector.combine(a, b);
+    vector = Vector.zeros(3);
+    vector = Vector.ones(3);
+    vector = Vector.range(0, 5);
+
+    vector = vector.add(b);
+    vector = vector.subtract(b);
+    vector = vector.scale(3);
+    vector = vector.normalize();
+    vector = vector.project(b);
+    num = vector.dot(b);
+    num = vector.magnitude();
+    num = vector.angle(b);
+    flag = vector.equals(b);
+    num = vector.get(3);
+    num = vector.min();
+    num = vector.max();
+    vector = vector.set(3,3);
+    vector = vector.combine(b);
+    vector = vector.push(3);
+    vector = vector.map((element) => 3);
+    vector = vector.each((element) => {});
+    vector.reduce((memo, element) => 3, 3);
+    str = vector.toString();
+    numberArray = vector.toArray();
+}
\ No newline at end of file
diff --git a/vectorious/vectorious.d.ts b/vectorious/vectorious.d.ts
new file mode 100644
index 0000000000..63b53d20bf
--- /dev/null
+++ b/vectorious/vectorious.d.ts
@@ -0,0 +1,589 @@
+// Type definitions for vectorious 4.3.2
+// Project: https://github.com/mateogianolio/vectorious
+// Definitions by: Erik Gerrits <https://github.com/erikgerrits>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export class Vector {
+    
+    /**
+     * @method constructor
+     * @desc Creates a two-dimensional `Vector` from the supplied arguments.
+     **/
+    public constructor (data: number[]);
+
+    /**
+     * Static method. Adds two vectors `a` and `b` together.
+     * @param {Vector} a
+     * @param {Vector} b
+     * @returns {Vector} a vector containing the sum of `a` and `b`
+     **/
+    public static add (a: Vector, v: Vector): Vector;
+
+    /**
+     * Adds `vector` to the current vector.
+     * @param {Vector} vector
+     * @returns {Vector} this
+     **/
+    public add (vector: Vector): Vector;
+
+    /**
+     * Static method. Subtracts the vector `b` from vector `a`.
+     * @param {Vector} a
+     * @param {Vector} b
+     * @returns {Vector} a vector containing the difference between `a` and `b`
+     **/
+    public static subtract (a: Vector, b: Vector): Vector;
+
+    /**
+     * Subtracts `vector` from the current vector.
+     * @param {Vector} vector
+     * @returns {Vector} this
+     **/
+    public subtract (vector: Vector): Vector;
+
+    /**
+     * Static method. Multiplies all elements of `vector` with a specified `scalar`.
+     * @param {Vector} vector
+     * @param {Number} scalar
+     * @returns {Vector} a resultant scaled vector
+     **/
+    public static scale (vector: Vector, scalar: number): Vector;
+
+    /**
+     * Multiplies all elements of current vector with a specified `scalar`.
+     * @param {Number} scalar
+     * @returns {Vector} this
+     **/
+    public scale (scalar: number): Vector;
+
+    /**
+     * Static method. Normalizes `vector`, i.e. divides all elements with the magnitude.
+     * @param {Vector} vector
+     * @returns {Vector} a resultant normalized vector
+     **/
+    public static normalize (vector: Vector): Vector;
+
+    /**
+     * Normalizes current vector.
+     * @returns {Vector} a resultant normalized vector
+     **/
+    public normalize (): Vector;
+
+    /**
+     * Static method. Projects the vector `a` onto the vector `b` using
+     * the projection formula `(b * (a * b / b * b))`.
+     * @param {Vector} a
+     * @param {Vector} b
+     * @returns {Vector} a new resultant projected vector
+     **/
+    public static project (a: Vector, b: Vector): Vector;
+
+    /**
+     * Projects the current vector onto `vector` using
+     * the projection formula `(b * (a * b / b * b))`.
+     * @param {Vector} vector
+     * @returns {Vector} `vector`
+     **/
+    public project (vector: Vector): Vector;
+
+    /**
+     * Static method. Creates a vector containing zeros (`0`) of `count` size, takes
+     * an optional `type` argument which should be an instance of `TypedArray`.
+     * @param {Number} count
+     * @param {TypedArray} type
+     * @returns {Vector} a new vector of the specified size and `type`
+     **/
+    public static zeros (count: number, type?: any): Vector;
+
+    /**
+     * Static method. Creates a vector containing ones (`1`) of `count` size, takes
+     * an optional `type` argument which should be an instance of `TypedArray`.
+     * @param {Number} count
+     * @param {TypedArray} type
+     * @returns {Vector} a new vector of the specified size and `type`
+     **/
+    public static ones (count: number, type?: any): Vector;
+
+    /**
+     * Static method. Creates a vector containing a range (can be either ascending or descending)
+     * of numbers specified by the arguments provided (e.g. `Vector.range(0, .5, 2)`
+     * gives a vector containing all numbers in the interval `[0, 2)` separated by
+     * steps of `0.5`), takes an optional `type` argument which should be an instance of
+     * `TypedArray`.
+     * @param {Number} start
+     * @param {Number} step - optional
+     * @param {Number} end
+     * @returns {Vector} a new vector containing the specified range of the specified `type`
+     **/
+    public static range (start: number, end: number): Vector;
+    public static range (start: number, step: number, end: number): Vector;
+
+    /**
+     * Static method. Creates a vector of `count` elements containing random
+     * values according to a normal distribution, takes an optional `type`
+     * argument which should be an instance of `TypedArray`.
+     * @param {Number} count
+     * @param {Number} deviation (default 1)
+     * @param {Number} mean (default 0)
+     * @param {TypedArray} type
+     * @returns {Vector} a new vector of the specified size and `type`
+     **/
+    public static random (count: number, deviation?: number, mean?: number, type?: any): Vector;
+
+    /**
+     * Static method. Performs dot multiplication with two vectors `a` and `b`.
+     * @param {Vector} a
+     * @param {Vector} b
+     * @returns {Number} the dot product of the two vectors
+     **/
+    public static dot (a: Vector, b: Vector): number;
+
+    /**
+     * Performs dot multiplication with current vector and `vector`
+     * @param {Vector} vector
+     * @returns {Number} the dot product of the two vectors
+     **/
+    public dot (vector: Vector): number;
+
+    /**
+     * Calculates the magnitude of a vector (also called L2 norm or Euclidean length).
+     * @returns {Number} the magnitude (L2 norm) of the vector
+     **/
+    public magnitude (): number;
+
+    /**
+     * Static method. Determines the angle between two vectors `a` and `b`.
+     * @param {Vector} a
+     * @param {Vector} b
+     * @returns {Number} the angle between the two vectors in radians
+     **/
+    public static angle (a: Vector, b: Vector): number;
+
+    /**
+     * Determines the angle between the current vector and `vector`.
+     * @param {Vector} vector
+     * @returns {Number} the angle between the two vectors in radians
+     **/
+    public angle (vector: Vector): number;
+
+    /**
+     * Static method. Checks the equality of two vectors `a` and `b`.
+     * @param {Vector} a
+     * @param {Vector} b
+     * @returns {Boolean} `true` if the two vectors are equal, `false` otherwise
+     **/
+    public static equals (a: Vector, b: Vector): boolean;
+
+    /**
+     * Checks the equality of the current vector and `vector`.
+     * @param {Vector} vector
+     * @returns {Boolean} `true` if the two vectors are equal, `false` otherwise
+     **/
+    public equals (vector: Vector): boolean;
+
+    /**
+     * Gets the element at `index` from current vector.
+     * @param {Number} index
+     * @returns {Number} the element at `index`
+     **/
+    public get (index: number): number;
+
+    /**
+     * Gets the minimum value (smallest) element of current vector.
+     * @returns {Number} the smallest element of the current vector
+     **/
+    public min (): number;
+
+    /**
+     * Gets the maximum value (largest) element of current vector.
+     * @returns {Number} the largest element of current vector
+     **/
+    public max (): number;
+
+    /**
+     * Sets the element at `index` to `value`.
+     * @param {Number} index
+     * @param {Number} value
+     * @returns {Vector} this
+     **/
+    public set (index: number, value: number): Vector;
+
+    /**
+     * Static method. Combines two vectors `a` and `b` (appends `b` to `a`).
+     * @param {Vector} a
+     * @param {Vector} b
+     * @returns {Vector} `b` appended to vector `a`
+     **/
+    public static combine (a: Vector, b: Vector): Vector;
+
+    /**
+     * Combines the current vector with `vector`
+     * @param {Vector} vector
+     * @returns {Vector} `vector` combined with current vector
+     **/
+    public combine (vector: Vector): Vector;
+
+    /**
+     * Pushes a new `value` into current vector.
+     * @param {Number} value
+     * @returns {Vector} `this`
+     **/
+    public push (value: number): Vector;
+
+    /**
+     * Maps a function `callback` to all elements of current vector.
+     * @param {Function} callback
+     * @returns {Vector} `this`
+     **/
+    public map (callback: (element: number) => number): Vector;
+
+    /**
+     * Functional version of for-looping the vector, is equivalent
+     * to `Array.prototype.forEach`.
+     * @param {Function} callback
+     * @returns {Vector} `this`
+     **/
+    public each (callback: (element: number) => void): Vector;
+
+    /**
+     * Equivalent to `TypedArray.prototype.reduce`.
+     * @param {Function} callback
+     * @param {Number} initialValue
+     * @returns {Number} result of reduction
+     **/
+    public reduce (callback: (memo: number, element: number) => number, initialValue?: number): number;
+
+    /**
+     * Converts current vector into a readable formatted string.
+     * @returns {String} a string of the vector's contents
+     **/
+    public toString (): string;
+
+    /**
+     * Converts current vector into a JavaScript array.
+     * @returns {Array} an array containing all elements of current vector
+     **/
+    public toArray (): number[];
+}
+
+export class Matrix {
+
+    T: Matrix;
+
+    /**
+     * @method constructor
+     * @desc Creates a `Matrix` from the supplied arguments.
+     **/
+    public constructor (data: number[][], options?: any);
+
+    public static fromTypedArray (data: any, shape: number[]): Matrix;
+
+    public static fromArray (data: number[][]): Matrix;
+
+    /**
+     * Static method. Adds two matrices `a` and `b` together.
+     * @param {Matrix} a
+     * @param {Matrix} b
+     * @returns {Matrix} a new matrix containing the sum of `a` and `b`
+     **/
+    public static add (a: Matrix, b: Matrix): Matrix;
+
+    /**
+     * Adds `matrix` to current matrix.
+     * @param {Matrix} matrix
+     * @returns {Matrix} `this`
+     **/
+    public add (matrix: Matrix): Matrix;
+
+    /**
+     * Static method. Subtracts the matrix `b` from matrix `a`.
+     * @param {Matrix} a
+     * @param {Matrix} b
+     * @returns {Matrix} a new matrix containing the difference between `a` and `b`
+     **/
+    public static subtract (a: Matrix, b: Matrix): Matrix;
+
+    /**
+     * Subtracts `matrix` from current matrix.
+     * @param {Matrix} matrix
+     * @returns {Matrix} `this`
+     **/
+    public subtract (matrix: Matrix): Matrix;
+
+    /**
+     * Static method. Multiplies all elements of a matrix `a` with a specified `scalar`.
+     * @param {Matrix} matrix
+     * @param {Number} scalar
+     * @returns {Matrix} a new scaled matrix
+     **/
+    public static scale (matrix: Matrix, scalar: number): Matrix;
+
+    /**
+     * Multiplies all elements of current matrix with a specified `scalar`.
+     * @param {Number} scalar
+     * @returns {Matrix} `this`
+     **/
+    public scale (scalar: number): Matrix;
+
+    /**
+     * Static method. Hadamard product of matrices
+     * @param {Matrix} a
+     * @param {Matrix} b
+     * @returns {Matrix} a new matrix containing the hadamard product
+     **/
+    public static product (a: Matrix, b: Matrix): Matrix;
+
+    /**
+     * Hadamard product of matrices
+     * @param {Matrix} matrix
+     * @returns {Matrix} `this`
+     **/
+    public product (matrix: Matrix): Matrix;
+
+    /**
+     * Static method. Creates an `i x j` matrix containing zeros (`0`), takes an
+     * optional `type` argument which should be an instance of `TypedArray`.
+     * @param {Number} i
+     * @param {Number} j
+     * @param {TypedArray} type
+     * @returns {Matrix} a matrix of the specified dimensions and `type`
+     **/
+    public static zeros (i: number, j: number, type?: any): Matrix;
+
+    /**
+     * Static method. Creates an `i x j` matrix containing ones (`1`), takes an
+     * optional `type` argument which should be an instance of `TypedArray`.
+     * @param {Number} i
+     * @param {Number} j
+     * @param {TypedArray} type
+     * @returns {Matrix} a matrix of the specified dimensions and `type`
+     **/
+    public static ones (i: number, j: number, type?: any): Matrix;
+
+    /**
+     * Static method. Creates an `i x j` matrix containing random values
+     * according to a normal distribution, takes an optional `type` argument
+     * which should be an instance of `TypedArray`.
+     * @param {Number} i
+     * @param {Number} j
+     * @param {Number} mean (default 0)
+     * @param {Number} standard deviation (default 1)
+     * @param {TypedArray} type
+     * @returns {Matrix} a matrix of the specified dimensions and `type`
+     **/
+    public static random (i: number, j: number, deviation?: number, mean?: number, type?: any): Matrix;
+
+    /**
+     * Static method. Multiplies two matrices `a` and `b` of matching dimensions.
+     * @param {Matrix} a
+     * @param {Matrix} b
+     * @returns {Matrix} a new resultant matrix containing the matrix product of `a` and `b`
+     **/
+    public static multiply (a: Matrix, b: Matrix): Matrix;
+
+    /**
+     * Multiplies two matrices `a` and `b` of matching dimensions.
+     * @param {Matrix} Matrix
+     * @returns {Matrix} a new resultant matrix containing the matrix product of `a` and `b`
+     **/
+    public multiply (matrix: Matrix): Matrix;
+
+    /**
+     * Transposes a matrix (mirror across the diagonal).
+     * @returns {Matrix} `this`
+     **/
+    public transpose (): Matrix;
+
+    /**
+     * Determines the inverse of any invertible square matrix using
+     * Gaussian elimination.
+     * @returns {Matrix} the inverse of the matrix
+     **/
+    public inverse (): Matrix;
+
+    /**
+     * Performs Gaussian elimination on a matrix.
+     * @returns {Matrix} the matrix in reduced row echelon form
+     **/
+    public gauss (): Matrix;
+
+    /**
+     * Performs full LU decomposition on a matrix.
+     * @returns {Array} a triple (3-tuple) of the lower triangular resultant matrix `L`, the upper
+     * triangular resultant matrix `U` and the pivot array `ipiv`
+     **/
+    public lu (): number[];
+
+    /**
+     * Static method. Performs LU factorization on current matrix.
+     * @returns {Array} an array with a new instance of the current matrix LU-
+     * factorized and the corresponding pivot Int32Array
+     **/
+    public static plu (matrix: Matrix): any[];
+
+    /**
+     * Performs LU factorization on current matrix.
+     * @returns {Array} an array with the current matrix LU-factorized and the
+     * corresponding pivot Int32Array
+     **/
+    public plu (): any[];
+
+    /**
+     * Solves an LU factorized matrix with the supplied right hand side(s)
+     * @param {Matrix} rhs, right hand side(s) to solve for
+     * @param {Int32Array} array of pivoted row indices
+     * @returns {Matrix} rhs replaced by the solution
+     **/
+    public lusolve (rhs: Matrix, ipiv: Int32Array): Matrix;
+
+    /**
+     * Solves AX = B using LU factorization, where A is the current matrix and
+     * B is a Vector/Matrix containing the right hand side(s) of the equation.
+     * @param {Matrix/Vector} rhs, right hand side(s) to solve for
+     * @param {Int32Array} array of pivoted row indices
+     * @returns {Matrix} a new matrix containing the solutions of the system
+     **/
+    public solve (rhs: Matrix|Vector): Matrix;
+
+    /**
+     * Static method. Augments two matrices `a` and `b` of matching dimensions
+     * (appends `b` to `a`).
+     * @param {Matrix} a
+     * @param {Matrix} b
+     * @returns {Matrix} the resultant matrix of `b` augmented to `a`
+     **/
+    public static augment (a: Matrix, b: Matrix): Matrix;
+
+    /**
+     * Augments `matrix` with current matrix.
+     * @param {Matrix} matrix
+     * @returns {Matrix} `this`
+     **/
+    public augment (matrix: Matrix): Matrix;
+
+    /**
+     * Static method. Creates an identity matrix of `size`, takes an optional `type` argument
+     * which should be an instance of `TypedArray`.
+     * @param {Number} size
+     * @param {TypedArray} type
+     * @returns {Matrix} an identity matrix of the specified `size` and `type`
+     **/
+    public static identity (size: number, type?: any): Matrix;
+
+    /**
+     * Static method. Creates a magic square matrix of `size`, takes an optional `type` argument
+     * which should be an instance of `TypedArray`.
+     * @param {Number} size
+     * @param {Number} type
+     * @returns {Matrix} a magic square matrix of the specified `size` and `type`
+     **/
+    public static magic (size: number, type?: any): Matrix;
+
+    /**
+     * Gets the diagonal of a matrix.
+     * @returns {Vector} the diagonal of the matrix as a vector
+     **/
+    public diag (): Vector;
+
+    /**
+     * Gets the determinant of any square matrix using LU factorization.
+     * @returns {Number} the determinant of the matrix
+     **/
+    public determinant (): number;
+
+    /**
+     * Gets the trace of the matrix (the sum of all diagonal elements).
+     * @returns {Number} the trace of the matrix
+     **/
+    public trace (): number;
+
+    /**
+     * Static method. Checks the equality of two matrices `a` and `b`.
+     * @param {Matrix} a
+     * @param {Matrix} b
+     * @returns {Boolean} `true` if equal, `false` otherwise
+     **/
+    public static equals (a: Matrix, b: Matrix): boolean;
+
+    /**
+     * Checks the equality of `matrix` and current matrix.
+     * @param {Matrix} matrix
+     * @returns {Boolean} `true` if equal, `false` otherwise
+     **/
+    public equals (matrix: Matrix): boolean;
+
+    /**
+     * Gets the value of the element in row `i`, column `j` of current matrix
+     * @param {Number} i
+     * @param {Number} j
+     * @returns {Number} the element at row `i`, column `j` of current matrix
+     **/
+    public get (i: number, j: number): number;
+
+    /**
+     * Sets the element at row `i`, column `j` to value
+     * @param {Number} i
+     * @param {Number} j
+     * @param {Number} value
+     * @returns {Matrix} `this`
+     **/
+    public set (i: number, j: number, value: number): Matrix;
+
+    /**
+     * Swaps two rows `i` and `j` in a matrix
+     * @param {Number} i
+     * @param {Number} j
+     * @returns {Matrix} `this`
+     **/
+    public swap (i: number, j: number): Matrix;
+
+    /**
+     * Maps a function `callback` to all elements of a copy of current matrix.
+     * @param {Function} callback
+     * @returns {Matrix} the resultant mapped matrix
+     **/
+    public map (callback: (element: number) => number): Matrix;
+
+    /**
+     * Functional version of for-looping the elements in a matrix, is
+     * equivalent to `Array.prototype.forEach`.
+     * @param {Function} callback
+     * @returns {Matrix} `this`
+     **/
+    public each (callback: (element: number) => void): Matrix;
+
+    /**
+     * Equivalent to `TypedArray.prototype.reduce`.
+     * @param {Function} callback
+     * @param {Number} initialValue
+     * @returns {Number} result of reduction
+     **/
+    public reduce (callback: (memo: number, element: number) => number, initialValue?: number): number;
+
+    /**
+     * Finds the rank of the matrix using row echelon form
+     * @returns {Number} rank
+     **/
+    public rank (): number;
+
+    /**
+     * Static method. Finds the rank of a matrix using row echelon form
+     * @param {Matrix} matrix
+     * @returns {Number} rank
+     **/
+    public static rank (matrix: Matrix): number;
+
+    /**
+     * Converts current matrix into a readable formatted string
+     * @returns {String} a string of the matrix' contents
+     **/
+    public toString (): string;
+
+    /**
+     * Converts current matrix into a two-dimensional array
+     * @returns {Array} an array of the matrix' contents
+     **/
+    public toArray (): number[][];
+}
+
+export class BLAS {}
\ No newline at end of file

From 3ec11443136faebecf783d49b28cfd74b4e1ba89 Mon Sep 17 00:00:00 2001
From: Steven Silvester <steven.silvester@ieee.org>
Date: Wed, 19 Oct 2016 07:59:13 -0500
Subject: [PATCH 351/382] Add typings for xterm (#12068)

* Add typings for xterm

* Update api and add tests

* Fix header format

* Update header
---
 xterm/xterm-tests.ts | 131 +++++++++++++++++++++++++++++++++++++++++++
 xterm/xterm.d.ts     |  92 ++++++++++++++++++++++++++++++
 2 files changed, 223 insertions(+)
 create mode 100644 xterm/xterm-tests.ts
 create mode 100644 xterm/xterm.d.ts

diff --git a/xterm/xterm-tests.ts b/xterm/xterm-tests.ts
new file mode 100644
index 0000000000..0119ae135e
--- /dev/null
+++ b/xterm/xterm-tests.ts
@@ -0,0 +1,131 @@
+/// <reference path="xterm.d.ts" />
+
+import * as Terminal from 'xterm';
+
+declare var fetch: any;
+
+var term: Terminal,
+    protocol: any,
+    socketURL: string,
+    socket: WebSocket,
+    pid: number,
+    charWidth: number,
+    charHeight: number;
+
+var terminalContainer = document.getElementById('terminal-container'),
+    optionElements = {
+      cursorBlink: document.querySelector('#option-cursor-blink')
+    },
+    colsElement = document.getElementById('cols') as any,
+    rowsElement = document.getElementById('rows') as any;
+
+function setTerminalSize () {
+  var cols = parseInt(colsElement.value),
+      rows = parseInt(rowsElement.value),
+      width = (cols * charWidth).toString() + 'px',
+      height = (rows * charHeight).toString() + 'px';
+
+  terminalContainer.style.width = width;
+  terminalContainer.style.height = height;
+  term.resize(cols, rows);
+}
+
+colsElement.addEventListener('change', setTerminalSize);
+rowsElement.addEventListener('change', setTerminalSize);
+
+optionElements.cursorBlink.addEventListener('change', createTerminal);
+
+createTerminal();
+
+function createTerminal() {
+  // Clean terminal
+  while (terminalContainer.children.length) {
+    terminalContainer.removeChild(terminalContainer.children[0]);
+  }
+  term = new Terminal({
+    cursorBlink: (optionElements.cursorBlink as any).checked
+  });
+  term.on('resize', function (size: any) {
+    if (!pid) {
+      return;
+    }
+    var cols = size.cols,
+        rows = size.rows,
+        url = '/terminals/' + pid + '/size?cols=' + cols + '&rows=' + rows;
+
+    fetch(url, {method: 'POST'});
+  });
+  protocol = (location.protocol === 'https:') ? 'wss://' : 'ws://';
+  socketURL = protocol + location.hostname + ((location.port) ? (':' + location.port) : '') + '/terminals/';
+
+  term.open(terminalContainer);
+  // term.fit();
+
+  var cols = 20,
+      rows = 30;
+
+  colsElement.value = cols;
+  rowsElement.value = rows;
+
+  fetch('/terminals?cols=' + cols + '&rows=' + rows, {method: 'POST'}).then(function (res: any) {
+
+    charWidth = Math.ceil(term.element.offsetWidth / cols);
+    charHeight = Math.ceil(term.element.offsetHeight / rows);
+
+    res.text().then(function (pid: number) {
+      (window as any).pid = pid;
+      socketURL += pid;
+      socket = new WebSocket(socketURL);
+      socket.onopen = runRealTerminal;
+      socket.onclose = runFakeTerminal;
+      socket.onerror = runFakeTerminal;
+    });
+  });
+}
+
+
+function runRealTerminal() {
+  //term.attach(socket);
+  //term._initialized = true;
+}
+
+function runFakeTerminal() {
+  // if (term._initialized) {
+  //   return;
+  // }
+
+  // term._initialized = true;
+
+  var shellprompt = '$ ';
+
+  // term.prompt = function () {
+  //   term.write('\r\n' + shellprompt);
+  // };
+
+  term.writeln('Welcome to xterm.js');
+  term.writeln('This is a local terminal emulation, without a real terminal in the back-end.');
+  term.writeln('Type some keys and commands to play around.');
+  term.writeln('');
+  // term.prompt();
+
+  term.on('key', function (key, ev) {
+    var printable = (
+      !ev.altKey && !ev.altGraphKey && !ev.ctrlKey && !ev.metaKey
+    );
+
+    if (ev.keyCode == 13) {
+      // term.prompt();
+    } else if (ev.keyCode == 8) {
+     // Do not delete the prompt
+      // if (term.x > 2) {
+      //   term.write('\b \b');
+      // }
+    } else if (printable) {
+      term.write(key);
+    }
+  });
+
+  term.on('paste', function (data, ev) {
+    term.write(data);
+  });
+}
diff --git a/xterm/xterm.d.ts b/xterm/xterm.d.ts
new file mode 100644
index 0000000000..33558bd50d
--- /dev/null
+++ b/xterm/xterm.d.ts
@@ -0,0 +1,92 @@
+// Type definitions for xterm.js 2.0.1
+// Project: https://github.com/sourcelair/xterm.js/
+// Definitions by: Steven Silvester <https://github.com/blink1073>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * Typing for an xterm terminal object.
+ */
+interface Xterm {
+
+  options: Xterm.IOptions;
+
+  element: HTMLElement;
+
+  textarea: HTMLElement;
+
+  attachCustomKeydownHandler(callback: (event: KeyboardEvent) => boolean): void;
+
+  blur(): void;
+
+  clear(): void;
+
+  destroy(): void;
+
+  focus(): void;
+
+  getOption(key: string): any;
+
+  on(event: string, callback: (...args: any[]) => void): void;
+
+  off(event: string, callback: (...args: any[]) => void): void;
+
+  open(parent: HTMLElement): void;
+
+  refresh(start: number, end: number, queue?: boolean): void;
+
+  reset(): void;
+
+  resize(x: number, y: number): void;
+
+  scrollDisp(n: number): void;
+
+  setOption(key: string, value: any): void;
+
+  write(text: string): void;
+
+  writeln(text: string): void;
+}
+
+
+interface XtermConstructor {
+  new (options?: Xterm.IOptions): Xterm;
+  (options?: Xterm.IOptions): Xterm;
+}
+
+
+/**
+ * A terminal options.
+ */
+declare module Xterm {
+  interface IOptions {
+    colors?: string[];
+
+    theme?: string;
+
+    convertEol?: boolean;
+
+    termName?: string;
+
+    geometry?: number[];
+
+    cursorBlink?: boolean;
+
+    visualBell?: boolean;
+
+    popOnBell?: boolean;
+
+    scrollback?: number;
+
+    debug?: boolean;
+
+    cancelEvents?: boolean;
+  }
+}
+
+
+declare var Xterm: XtermConstructor;
+
+
+declare module 'xterm' {
+  export = Xterm;
+}

From da44ddef8634b685ee8085ae0653c433738dfcb0 Mon Sep 17 00:00:00 2001
From: Andy <anhans@microsoft.com>
Date: Wed, 19 Oct 2016 06:00:46 -0700
Subject: [PATCH 352/382] Write new README (#12070)

* Write new README

* Add back line about "users like you"

* Mention bundled types
---
 README.md | 213 ++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 199 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index b188982fbf..7da7d1530b 100644
--- a/README.md
+++ b/README.md
@@ -4,36 +4,221 @@
 
 > The repository for *high quality* TypeScript type definitions.
 
-For more information see the [definitelytyped.org](http://definitelytyped.org) website.
+Also see the [definitelytyped.org](http://definitelytyped.org) website, although information in this README is more up-to-date.
 
-## Usage
 
-Include a line like this:
+## What are declaration files?
 
-```typescript
-/// <reference path="jquery.d.ts" />
+See the [TypeScript handbook](http://www.typescriptlang.org/docs/handbook/declaration-files/introduction.html).
+
+
+## How do I get them?
+
+### npm
+
+This is the preferred method. This is only available for TypeScript 2.0+ users. For example:
+
+```sh
+npm install --save-dev @types/node
 ```
 
-## Contributions
+The types should then be automatically included by the compiler.
+See more in the [handbook](http://www.typescriptlang.org/docs/handbook/declaration-files/consumption.html).
+
+For an NPM package "foo", typings for it will be at "@types/foo".
+If you can't find your package, look for it on [TypeSearch](https://microsoft.github.io/TypeSearch/).
+
+If you still can't find it, check if it [bundles](http://www.typescriptlang.org/docs/handbook/declaration-files/publishing.html) its own typings.
+This is usually provided in a `"types"` or `"typings"` field in the `package.json`,
+or just look for any ".d.ts" files in the package and manually include them with a `/// <reference path="" />`.
+
+
+### Other methods
+
+These can be used by TypeScript 1.0.
+
+* [Typings](https://github.com/typings/typings)
+* [NuGet](http://nuget.org/Tpackages?q=DefinitelyTyped)
+* Manually download from the `master` branch of this repository
+
+You may need to add manual [references](http://www.typescriptlang.org/docs/handbook/triple-slash-directives.html).
+
+
+## How can I contribute?
 
 DefinitelyTyped only works because of contributions by users like you!
 
-Please see the [contribution guide](http://definitelytyped.org/guides/contributing.html) on how to contribute to DefinitelyTyped.
+### Test
 
-## How to get the definitions
+Before you share your improvement with the world, use it yourself.
 
-* Directly from the GitHub repos
-* [NuGet packages](http://nuget.org/packages?q=DefinitelyTyped)
-* [Typings - TypeScript Definition Manager](https://github.com/typings/typings)
+#### Test editing an exiting package
 
-## List of definitions
+To add new features you can use [module augmentation](http://www.typescriptlang.org/docs/handbook/declaration-merging.html).
+You can also directly edit the types in `node_modules/@types/foo/index.d.ts`,
+or copy them from there and paste inside of `declarations.d.ts` and follow the steps below.
 
-* See [CONTRIBUTORS.md](CONTRIBUTORS.md)
 
-## Requested definitions
+#### Test a new package
+
+* Add a new file `declarations.d.ts` to your project.
+* Add it to the compilation, through `"includes"` or `"files"` in your [tsconfig](http://www.typescriptlang.org/docs/handbook/tsconfig-json.html),
+or through a `/// <reference path="" />` declaration in your code.
+* Inside `declarations.d.ts`, write `declare module "foo" { }`, then write the module declaration inside.
+* Test that your code works.
+* *Then*, once you've tested your definitions, make a PR contributing the definition.
+
+
+### Make a pull request
+
+Once you've tested your package, you can share it on DefinitelyTyped.
+
+First, [fork](https://guides.github.com/activities/forking/) this repository.
+Then inside your repository:
+
+* `git checkout types-2.0`
+
+New work should generally be done on the `types-2.0` branch.
+If you want your changes to be available to `typings` users, then you may edit `master` instead.
+
+
+#### Edit an existing package
+
+* `cd my-package-to-edit`
+* Make changes. Remember to edit tests.
+* You may also want to add yourself to "Definitions by" section of the package header.
+* `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.
+If it doesn't, you can do so yourself in the comment associated with the PR.
+
+
+#### Create a new package
+
+If you are the library author, or can make a pull request to the library, [bundle](http://www.typescriptlang.org/docs/handbook/declaration-files/publishing.html) types instead of publishing to DefinitelyTyped.
+
+If you are adding typings for an NPM package, create a directory with the same name.
+If the package you are adding typings for is not on NPM, make sure the name you choose for it does not conflict with the name of a package on NPM.
+(You can use `npm info foo` to check for the existence of the `foo` package.)
+
+Your package should have this structure:
+
+| File | Purpose |
+| --- | --- |
+| index.d.ts | This contains the typings for the package. |
+| foo-tests.ts | This contains sample code which tests the typings. This code does *not* run, but it is type-checked. |
+| tsconfig.json | This allows you to run `tsc` within the package. |
+
+`index.d.ts` should start with a header looking like:
+
+```ts
+// Type definitions for foo 1.2
+// Project: https://github.com/baz/foo
+// Definitions by: My Self <https://github.com/me>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+```
+
+The `Project` link does not have to be to GitHub, but prefer linking to a source code repository rather than to a project website.
+
+`tsconfig.json` should look like this:
+
+```json
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "strictNullChecks": false,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "foo-tests.ts"
+    ]
+}
+```
+
+These should be identical accross projects except that `foo-tests` will be replaced with the name of your test file,
+and you may also add the `"jsx"` compiler option if your library needs it.
+
+DefinitelyTyped members routinely monitor for new PRs, though keep in mind that the number of other PRs may slow things down.
+
+
+#### Common mistakes
+
+* First, follow advice from the [handbook](http://www.typescriptlang.org/docs/handbook/declaration-files/do-s-and-don-ts.html).
+* Formatting: Either use all tabs, or always use 4 spaces. Also, always use semicolons, and use egyptian braces.
+* `interface X {}`: An empty interface is essentially the `{}` type: it places no constraints on an object.
+* `interface Foo { new(): Foo }`:
+    This defines a type of objects that are new-able. You probably want `declare class Foo { constructor(); }
+* `namespace foo {}`:
+    Do not add a namespace just so that the `import * as foo` syntax will work.
+    If it is commonJs module with a single export, you should use the `import foo = require("foo")` syntax.
+    See more explanation [here](https://stackoverflow.com/questions/39415661/why-cant-i-import-a-class-or-function-with-import-as-x-from-y).
+* `getMeAT<T>(): T`:
+    If a type parameter does not appear in the types of any parameters, you don't really have a generic function, you just have a disguised type assertion.
+    Prefer to use a real type assertion, e.g. `getMeAT() as number`.
+    Example where a type parameter is acceptable: `function id<T>(value: T): T;`.
+    Example where it is not acceptable: `function parseJson<T>(json: string): T;`.
+    Exception: `new Map<string, number>()` is OK.
+
+
+#### Removing a package
+
+When a package [bundles](http://www.typescriptlang.org/docs/handbook/declaration-files/publishing.html) its own types, types should be removed from DefinitelyTyped to avoid confusion.
+Make a PR doing the following:
+* Delete the directory.
+* Add a new entry to `notNeededPackages.json`.
+    - `libraryName`: Descriptive name of the library, e.g. "Angular 2" instead of "angular2". (May be identical to "typingsPackageName".)
+    - `typingsPackageName`: This is the name of the directory you just deleted.
+    - `sourceRepoURL`: This should point to the repository that contains the typings.
+    - `asOfVersion`: A stub will be published to `@types/foo` with this version. Should be higher than any currently published version.
+* Any other packages in DefinitelyTyped that referenced the deleted package should be updated to reference the bundled types.
+    To do this, add a `package.json` with `"dependencies": { "foo": "x.y.z" }`.
+
+
+## FAQ
+
+#### What exactly is the relationship between this repository and the `@types` packages on NPM?
+
+The `types-2.0` branch is automatically published to the `@types` scope on NPM thanks to [types-publisher](https://github.com/Microsoft/types-publisher).
+This usually happens within an hour of changes being merged.
+
+Changes to the `master` branch are also manually merged into the `types-2.0` branch, but this takes longer.
+
+#### I'm writing a definition that depends on another definition. Should I use `<reference types="" />` or an import?
+
+If the module you're referencing is an written as an external module (uses `export`), use an import.
+If the module you're referenceing is an ambient module (uses `declare module`, or just declares globals), use `<reference types="" />`.
+
+#### What do I do about older versions of typings?
+
+Currently we don't support this, though it is [planned](https://github.com/Microsoft/types-publisher/issues/3).
+If you're adding a new major version of a library, you can copy `index.d.ts` to `foo-v2.3.d.ts` and edit `index.d.ts` to be the new version.
+
+#### I notice some packages having a `package.json` here.
+
+Usually you won't need this. When publishing a package we will normally automatically create a `package.json` for it.
+A `package.json` may be included for the sake of specifying dependencies. Here's an [example](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/types-2.0/pikaday/package.json).
+We do not allow other fields, such as `"description"`, to be defined manually.
+Also, if you need to reference an older version of typings, you must do that by adding `"dependencies": { "@types/foo": "x.y.z" }` to the package.json.
+
+#### Definitions in types-2.0 seem written differently than in master.
+
+If you're targeting types-2.0, write it like the types-2.0 definitions.
+If you're targeting master, we may change it to the new style when merging from master to types-2.0.
+
+#### Can I request a definition?
 
 Here are the [currently requested definitions](https://github.com/DefinitelyTyped/DefinitelyTyped/labels/Definition%3ARequest).
 
+
 ## License
 
 This project is licensed under the MIT license.

From 75890896d9cb3cf01b82933b2306b11f1329f141 Mon Sep 17 00:00:00 2001
From: Guy <guy@gshahine.com>
Date: Wed, 19 Oct 2016 06:01:28 -0700
Subject: [PATCH 353/382] Update braintree-web to match v3.5.0 (#12069)

* Update to match braintree-web version 3.3.0

* Upgrade to match Braintree-web v3.5.0
---
 braintree-web/braintree-web-tests.ts | 11 +++++++++--
 braintree-web/braintree-web.d.ts     |  7 +++++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/braintree-web/braintree-web-tests.ts b/braintree-web/braintree-web-tests.ts
index 9d48e2fd25..20fd0219f1 100644
--- a/braintree-web/braintree-web-tests.ts
+++ b/braintree-web/braintree-web-tests.ts
@@ -53,8 +53,15 @@ braintree.client.create({
         selector: '#cvv',
         type: 'password'
       },
-      expirationDate: {
-        selector: '#expiration-date'
+      expirationMonth: {
+        selector: '#expiration-month',
+        select: {
+          options: ["01 - Jan", "02 - Feb", "03 - Mar", "04 - Apr", "05 - May", "06 - Jun", "07 - Jul", "08 - Aug", "09 - Sep", "10 - Oct", "11 - Nov", "12 - Dec"]
+        }
+      },
+      expirationYear: {
+        selector: '#expiration-year',
+        select: true
       }
     }
   }, function (hostedFieldsErr?: BraintreeError, hostedFieldsInstance?: any) {
diff --git a/braintree-web/braintree-web.d.ts b/braintree-web/braintree-web.d.ts
index 4f684c6299..e58cf7455b 100644
--- a/braintree-web/braintree-web.d.ts
+++ b/braintree-web/braintree-web.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Braintree-web v3.3.0
+// Type definitions for Braintree-web v3.5.0
 // Project: https://github.com/braintree/braintree-web
 // Definitions by: Guy Shahine <https://github.com/chlela>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -541,13 +541,16 @@ declare namespace BraintreeWeb {
    * @property {string} selector A CSS selector to find the container where the hosted field will be inserted.
    * @property {string} [placeholder] Will be used as the `placeholder` attribute of the input. If `placeholder` is not natively supported by the browser, it will be polyfilled.
    * @property {string} [type] Will be used as the `type` attribute of the input. To mask `cvv` input, for instance, `type: "password"` can be used.
-   * @property {boolean} [formatInput=true] - Enable or disable automatic formatting on this field. Note: Input formatting does not work properly on Android and iOS, so input formatting is automatically disabled on those browsers.
+   * @property {boolean} [formatInput=true] - Enable or disable automatic formatting on this field.
+   * @property {object|boolean} [select] If truthy, this field becomes a `<select>` dropdown list. This can only be used for `expirationMonth` and `expirationYear` fields.
+   * @property {string[]} [select.options] An array of 12 strings, one per month. This can only be used for the `expirationMonth` field. For example, the array can look like `['01 - January', '02 - February', ...]`.
    */
   interface HostedFieldsField {
     selector: string;
     placeholder?: string;
     type?: string;
     formatInput?: boolean;
+    select?: boolean | { options: string[] };
   }
 
   /**

From 498612cb5f06dca77bbc1f50aee3e1ac03afc475 Mon Sep 17 00:00:00 2001
From: Daniel Schuba <daniel.schuba@kps.com>
Date: Wed, 19 Oct 2016 14:34:28 +0200
Subject: [PATCH 354/382] Improved Sizes options to match documentation and be
 more precise

---
 jquery.colorbox/jquery.colorbox.d.ts | 32 ++++++++++++++--------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/jquery.colorbox/jquery.colorbox.d.ts b/jquery.colorbox/jquery.colorbox.d.ts
index 5437c0bf18..6e349a3c84 100644
--- a/jquery.colorbox/jquery.colorbox.d.ts
+++ b/jquery.colorbox/jquery.colorbox.d.ts
@@ -6,10 +6,10 @@
 /// <reference path="../jquery/jquery.d.ts" />
 
 interface ColorboxResizeSettings {
-    height?: number;
-    innerHeight?: number;
-    width?: number;
-    innerWidth?: number;
+    height?: number | string;
+    innerHeight?: number | string;
+    width?: number | string;
+    innerWidth?: number | string;
 }
 
 interface ColorboxSettings {
@@ -140,35 +140,35 @@ interface ColorboxSettings {
     /**
     * Set a fixed total width. This includes borders and buttons. Example: "100%", "500px", or 500
     */
-    width?: any;
+    width?: number | string;
     /**
     * Set a fixed total height. This includes borders and buttons. Example: "100%", "500px", or 500
     */
-    height?: any;
+    height?: number | string;
     /**
     * This is an alternative to 'width' used to set a fixed inner width. This excludes borders and buttons. Example: "50%", "500px", or 500
     */
-    innerWidth?: any;
+    innerWidth?: number | string;
     /**
     * This is an alternative to 'height' used to set a fixed inner height. This excludes borders and buttons. Example: "50%", "500px", or 500
     */
-    innerHeight?: any;
+    innerHeight?: number | string;
     /**
     * Set the initial width, prior to any content being loaded.
     */
-    initialWidth?: number;
+    initialWidth?: number | string;
     /**
     * Set the initial height, prior to any content being loaded.
     */
-    initialHeight?: number;
+    initialHeight?: number | string;
     /**
     * Set a maximum width for loaded content. Example: "100%", 500, "500px"
     */
-    maxWidth?: any;
+    maxWidth?: number | string;
     /**
     * Set a maximum height for loaded content. Example: "100%", 500, "500px"
     */
-    maxHeight?: any;
+    maxHeight?: number | string;
     /**
     * If true, adds an automatic slideshow to a content group / gallery.
     */
@@ -252,7 +252,7 @@ interface ColorboxStatic {
     /**
     * This method allows you to call Colorbox without having to assign it to an element.
     */
-    (settings: ColorboxSettings): any;
+    (settings: ColorboxSettings);
     /**
     * This method moves to the next item in a group and are the same as pressing the 'next' or 'previous' buttons.
     */
@@ -266,15 +266,15 @@ interface ColorboxStatic {
     */
     close(): void;
     /**
-    * This method is used to fetch the current HTML element that Colorbox is associated with. 
+    * This method is used to fetch the current HTML element that Colorbox is associated with.
     */
     element(): JQuery;
     /**
-    * This allows Colorbox to be resized based on it's own auto-calculations, or to a specific size. This must be called manually after Colorbox's content has loaded. 
+    * This allows Colorbox to be resized based on it's own auto-calculations, or to a specific size. This must be called manually after Colorbox's content has loaded.
     */
     resize(): void;
     /**
-    * This allows Colorbox to be resized based on it's own auto-calculations, or to a specific size. This must be called manually after Colorbox's content has loaded. 
+    * This allows Colorbox to be resized based on it's own auto-calculations, or to a specific size. This must be called manually after Colorbox's content has loaded.
     */
     resize(settings: ColorboxResizeSettings): void;
     /**

From b157cea9b40703f507bf1fa4e797f5844283072e Mon Sep 17 00:00:00 2001
From: DanielM <inad9300@gmail.com>
Date: Wed, 19 Oct 2016 15:06:34 +0200
Subject: [PATCH 355/382] Update HighchartsExportingOptions and
 HighchartsDataLabel interfaces (#11883)

* Update HighchartsExportingOptions and HighchartsDataLabel interfaces

The HighchartsExportingOptions and HighchartsDataLabels interfaces now
include all the properties present in Highcharts version 5.0.0.

* Make the "undersore methods" to protected ones in the definitions (#11715)

* Make the undersore methods to protected ones

* Remove non-public _read method from Result-Stream
---
 highcharts/highcharts.d.ts | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/highcharts/highcharts.d.ts b/highcharts/highcharts.d.ts
index 29aa5fc8ce..7f2d28e99b 100644
--- a/highcharts/highcharts.d.ts
+++ b/highcharts/highcharts.d.ts
@@ -2215,6 +2215,13 @@ declare namespace __Highcharts {
          * @since 2.0
          */
         enabled?: boolean;
+        /**
+         * Function to call if the offline-exporting module fails to export a chart on the client side, and
+         * fallbackToExportServer is disabled. If left undefined, an exception is thrown instead.
+         * @default undefined
+         * @since 5.0.0
+         */
+        error?: Function;
         /**
          * Whether or not to fall back to the export server if the offline-exporting module is unable to export the chart on
          * the client side.
@@ -2235,6 +2242,22 @@ declare namespace __Highcharts {
          * @since 3.0.8
          */
         formAttributes?: any;
+        /**
+         * Path where Highcharts will look for export module dependencies to load on demand if they don't already exist on
+         * window. Should currently point to location of CanVG library (https://github.com/canvg/canvg) and RGBColor.js, 
+         * required for client side export in certain browsers.
+         * @default 'http://code.highcharts.com/{version}/lib'
+         * @since 5.0.0
+         */
+        libUrl?: string;
+        /**
+         * When printing the chart from the menu item in the burger menu, if the on-screen chart exceeds this width, it is
+         * resized. After printing or cancelled, it is restored. The default width makes the chart fit into typical paper
+         * format. Note that this does not affect the chart when printing the web page as a whole.
+         * @default 780
+         * @since 4.2.5
+         */
+        printMaxWidth?: number;
         /**
          * Defines the scale or zoom factor for the exported image compared to the on-screen display. While for instance a
          * 600px wide chart may look good on a website, it will look bad in print. The default scale of 2 makes this chart
@@ -2898,6 +2921,13 @@ declare namespace __Highcharts {
          * @since 2.2.1
          */
         borderWidth?: number;
+        /**
+         * A class name for the data label. Particularly in styled mode, this can be used to give each series' or point's
+         * data label unique styling. In addition to this option, a default color class name is added so that we can give
+         * the labels a contrast text shadow.
+         * @since 5.0.0
+         */
+        className?: string;
         /**
          * The text color for the data labels.
          * @default null
@@ -2958,6 +2988,13 @@ declare namespace __Highcharts {
          * @since 2.2.1
          */
         padding?: number;
+        /**
+         * Whether to reserve space for the labels. This can be turned off when for example the labels are rendered inside 
+         * the plot area instead of outside.
+         * @default true
+         * @since 4.1.10
+         */
+        reserveSpace?: boolean;
         /**
          * Text rotation in degrees. Note that due to a more complex structure, backgrounds, borders and padding will be
          * lost on a rotated data label.

From e8348095c49a3ef583b806c736f132a42c0fa4f7 Mon Sep 17 00:00:00 2001
From: Shaun Bennett <s7bennet@uwaterloo.ca>
Date: Wed, 19 Oct 2016 09:07:14 -0400
Subject: [PATCH 356/382] Add compression config definition (#12074)

---
 hapi/hapi.d.ts | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/hapi/hapi.d.ts b/hapi/hapi.d.ts
index 7c18fec33c..c433de3a8d 100644
--- a/hapi/hapi.d.ts
+++ b/hapi/hapi.d.ts
@@ -136,6 +136,8 @@ declare module "hapi" {
 	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).  */
@@ -271,8 +273,8 @@ declare module "hapi" {
 		/**  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;
 	}
-	
-	
+
+
 	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. */
@@ -343,7 +345,7 @@ declare module "hapi" {
 		/**  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;
 	}
-	
+
 	/**  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.
@@ -1640,7 +1642,7 @@ declare module "hapi" {
 		addEventListener: any;
 		info: IServerConnectionInfo;
 	}
-	
+
 	type RequestExtPoints = "onRequest" | "onPreResponse" | "onPreAuth" | "onPostAuth" | "onPreHandler" | "onPostHandler" | "onPreResponse";
 	type ServerExtPoints = "onPreStart" | "onPostStart" | "onPreStop" | "onPostStop";
 

From 6ce02d59a497f76473df750dbfbdcb0984a25adb Mon Sep 17 00:00:00 2001
From: Mohsen Azimi <me@azimi.me>
Date: Wed, 19 Oct 2016 06:14:07 -0700
Subject: [PATCH 357/382] Add toJSON to LatLng class (#12075)

Reference: https://developers.google.com/maps/documentation/javascript/reference#LatLng
---
 googlemaps/google.maps.d.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/googlemaps/google.maps.d.ts b/googlemaps/google.maps.d.ts
index 2b56c2e836..c4168645a6 100644
--- a/googlemaps/google.maps.d.ts
+++ b/googlemaps/google.maps.d.ts
@@ -1797,6 +1797,8 @@ declare namespace google.maps {
         toString(): string;
         /** Returns a string of the form "lat,lng". We round the lat/lng values to 6 decimal places by default. */
         toUrlValue(precision?: number): string;
+        /** Converts to JSON representation. This function is intended to be used via JSON.stringify. */
+        toJSON(): LatLngLiteral; 
     }
 
     export type LatLngLiteral = { lat: number; lng: number }

From d130a1f60f491ff8d02869712c6990160a15239f Mon Sep 17 00:00:00 2001
From: Mike Mazmanyan <dopare@outlook.com>
Date: Wed, 19 Oct 2016 09:15:15 -0400
Subject: [PATCH 358/382] Adding formats property in quill options (#12047)

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

diff --git a/quill/quill.d.ts b/quill/quill.d.ts
index 9998c3dc19..8bd99d9496 100644
--- a/quill/quill.d.ts
+++ b/quill/quill.d.ts
@@ -10,7 +10,8 @@ declare namespace QuillJS {
         modules?: { [key: string]: any },
         placeholder?: string,
         readOnly?: boolean,
-        theme?: string
+        theme?: string,
+        formats?: string[] 
     }
 
     export interface BoundsStatic {

From 3598fcc3274a47dbaea09390e8994fb643b662fb Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Wed, 19 Oct 2016 21:16:54 +0800
Subject: [PATCH 359/382] Complete "graphql/utilities" type definition (#12081)

---
 graphql/graphql.d.ts | 633 +++++++++++++++++++++++++++++++++----------
 1 file changed, 490 insertions(+), 143 deletions(-)

diff --git a/graphql/graphql.d.ts b/graphql/graphql.d.ts
index b441fbc204..89d3f96470 100644
--- a/graphql/graphql.d.ts
+++ b/graphql/graphql.d.ts
@@ -128,7 +128,6 @@ declare module "graphql" {
 
 
     // Utilities for operating on GraphQL type schema and parsed sources.
-    /*
     export {
         // The GraphQL query recommended for a full schema introspection.
         introspectionQuery,
@@ -185,7 +184,6 @@ declare module "graphql" {
         // Asserts a string is a valid GraphQL name.
         assertValidName,
     } from 'graphql/utilities';
-    */
 }
 
 declare module "graphql/graphql" {
@@ -2197,194 +2195,543 @@ declare module "graphql/error/syntaxError" {
 ///////////////////////////
 // graphql/utilities     //
 ///////////////////////////
-// declare module "graphql/utilities/index" {
-//     // The GraphQL query recommended for a full schema introspection.
-//     export { introspectionQuery } from 'graphql/utilities/introspectionQuery';
+declare module "graphql/utilities" {
+    export * from "graphql/utilities/index";
+}
 
-//     // Gets the target Operation from a Document
-//     export { getOperationAST } from 'graphql/utilities/getOperationAST';
+declare module "graphql/utilities/index" {
+    // The GraphQL query recommended for a full schema introspection.
+    export { introspectionQuery } from 'graphql/utilities/introspectionQuery';
 
-//     // Build a GraphQLSchema from an introspection result.
-//     export { buildClientSchema } from 'graphql/utilities/buildClientSchema';
+    // Gets the target Operation from a Document
+    export { getOperationAST } from 'graphql/utilities/getOperationAST';
 
-//     // Build a GraphQLSchema from GraphQL Schema language.
-//     export { buildASTSchema, buildSchema } from 'graphql/utilities/buildASTSchema';
+    // Build a GraphQLSchema from an introspection result.
+    export { buildClientSchema } from 'graphql/utilities/buildClientSchema';
 
-//     // Extends an existing GraphQLSchema from a parsed GraphQL Schema language AST.
-//     export { extendSchema } from 'graphql/utilities/extendSchema';
+    // Build a GraphQLSchema from GraphQL Schema language.
+    export { buildASTSchema, buildSchema } from 'graphql/utilities/buildASTSchema';
 
-//     // Print a GraphQLSchema to GraphQL Schema language.
-//     export { printSchema, printIntrospectionSchema } from 'graphql/utilities/schemaPrinter';
+    // Extends an existing GraphQLSchema from a parsed GraphQL Schema language AST.
+    export { extendSchema } from 'graphql/utilities/extendSchema';
 
-//     // Create a GraphQLType from a GraphQL language AST.
-//     export { typeFromAST } from 'graphql/utilities/typeFromAST';
+    // Print a GraphQLSchema to GraphQL Schema language.
+    export { printSchema, printIntrospectionSchema } from 'graphql/utilities/schemaPrinter';
 
-//     // Create a JavaScript value from a GraphQL language AST.
-//     export { valueFromAST } from 'graphql/utilities/valueFromAST';
+    // Create a GraphQLType from a GraphQL language AST.
+    export { typeFromAST } from 'graphql/utilities/typeFromAST';
 
-//     // Create a GraphQL language AST from a JavaScript value.
-//     export { astFromValue } from 'graphql/utilities/astFromValue';
+    // Create a JavaScript value from a GraphQL language AST.
+    export { valueFromAST } from 'graphql/utilities/valueFromAST';
 
-//     // A helper to use within recursive-descent visitors which need to be aware of
-//     // the GraphQL type system.
-//     export { TypeInfo } from 'graphql/utilities/TypeInfo';
+    // Create a GraphQL language AST from a JavaScript value.
+    export { astFromValue } from 'graphql/utilities/astFromValue';
 
-//     // Determine if JavaScript values adhere to a GraphQL type.
-//     export { isValidJSValue } from 'graphql/utilities/isValidJSValue';
+    // A helper to use within recursive-descent visitors which need to be aware of
+    // the GraphQL type system.
+    export { TypeInfo } from 'graphql/utilities/TypeInfo';
 
-//     // Determine if AST values adhere to a GraphQL type.
-//     export { isValidLiteralValue } from 'graphql/utilities/isValidLiteralValue';
+    // Determine if JavaScript values adhere to a GraphQL type.
+    export { isValidJSValue } from 'graphql/utilities/isValidJSValue';
 
-//     // Concatenates multiple AST together.
-//     export { concatAST } from 'graphql/utilities/concatAST';
+    // Determine if AST values adhere to a GraphQL type.
+    export { isValidLiteralValue } from 'graphql/utilities/isValidLiteralValue';
 
-//     // Separates an AST into an AST per Operation.
-//     export { separateOperations } from 'graphql/utilities/separateOperations';
+    // Concatenates multiple AST together.
+    export { concatAST } from 'graphql/utilities/concatAST';
 
-//     // Comparators for types
-//     export {
-//         isEqualType,
-//         isTypeSubTypeOf,
-//         doTypesOverlap
-//     } from 'graphql/utilities/typeComparators';
+    // Separates an AST into an AST per Operation.
+    export { separateOperations } from 'graphql/utilities/separateOperations';
 
-//     // Asserts that a string is a valid GraphQL name
-//     export { assertValidName } from 'graphql/utilities/assertValidName';
-// }
+    // Comparators for types
+    export {
+        isEqualType,
+        isTypeSubTypeOf,
+        doTypesOverlap
+    } from 'graphql/utilities/typeComparators';
 
-// declare module "graphql/utilities/assertValidName" {
-//     // Helper to assert that provided names are valid.
-//     function assertValidName(name: string): void;
-// }
+    // Asserts that a string is a valid GraphQL name
+    export { assertValidName } from 'graphql/utilities/assertValidName';
+}
 
-// declare module "graphql/utilities/astFromValue" {
-//     import {
-//         Value,
-//         //IntValue,
-//         //FloatValue,
-//         //StringValue,
-//         //BooleanValue,
-//         //EnumValue,
-//         //ListValue,
-//         //ObjectValue,
-//     } from 'graphql/language/ast';
-//     import { GraphQLInputType } from 'graphql/type/definition';
+declare module "graphql/utilities/assertValidName" {
+    // Helper to assert that provided names are valid.
+    function assertValidName(name: string): void;
+}
 
-//     /**
-//      * Produces a GraphQL Value AST given a JavaScript value.
-//      *
-//      * A GraphQL type must be provided, which will be used to interpret different
-//      * JavaScript values.
-//      *
-//      * | JSON Value    | GraphQL Value        |
-//      * | ------------- | -------------------- |
-//      * | Object        | Input Object         |
-//      * | Array         | List                 |
-//      * | Boolean       | Boolean              |
-//      * | String        | String / Enum Value  |
-//      * | Number        | Int / Float          |
-//      * | Mixed         | Enum Value           |
-//      *
-//      */
-//     // TODO: this should set overloads according to above the table
-//     export function astFromValue(
-//         value: any,
-//         type: GraphQLInputType
-//     ): Value // Warning: there is a code in bottom: throw new TypeError
+declare module "graphql/utilities/astFromValue" {
+    import {
+        Value,
+        //IntValue,
+        //FloatValue,
+        //StringValue,
+        //BooleanValue,
+        //EnumValue,
+        //ListValue,
+        //ObjectValue,
+    } from 'graphql/language/ast';
+    import { GraphQLInputType } from 'graphql/type/definition';
 
-// }
+    /**
+     * Produces a GraphQL Value AST given a JavaScript value.
+     *
+     * A GraphQL type must be provided, which will be used to interpret different
+     * JavaScript values.
+     *
+     * | JSON Value    | GraphQL Value        |
+     * | ------------- | -------------------- |
+     * | Object        | Input Object         |
+     * | Array         | List                 |
+     * | Boolean       | Boolean              |
+     * | String        | String / Enum Value  |
+     * | Number        | Int / Float          |
+     * | Mixed         | Enum Value           |
+     *
+     */
+    // TODO: this should set overloads according to above the table
+    export function astFromValue(
+        value: any,
+        type: GraphQLInputType
+    ): Value // Warning: there is a code in bottom: throw new TypeError
+}
 
-// declare module "graphql/utilities/buildASTSchema" {
-//     import { Document } from 'graphql/language/ast';
-//     import { Source } from 'graphql/language/source';
-//     import { GraphQLSchema } from 'graphql/type/schema';
+declare module "graphql/utilities/buildASTSchema" {
+    import { Document } from 'graphql/language/ast';
+    import { Source } from 'graphql/language/source';
+    import { GraphQLSchema } from 'graphql/type/schema';
 
-//     /**
-//      * This takes the ast of a schema document produced by the parse function in
-//      * src/language/parser.js.
-//      *
-//      * If no schema definition is provided, then it will look for types named Query
-//      * and Mutation.
-//      *
-//      * Given that AST it constructs a GraphQLSchema. The resulting schema
-//      * has no resolve methods, so execution will use default resolvers.
-//      */
-//     function buildASTSchema(ast: Document): GraphQLSchema;
+    /**
+     * This takes the ast of a schema document produced by the parse function in
+     * src/language/parser.js.
+     *
+     * If no schema definition is provided, then it will look for types named Query
+     * and Mutation.
+     *
+     * Given that AST it constructs a GraphQLSchema. The resulting schema
+     * has no resolve methods, so execution will use default resolvers.
+     */
+    function buildASTSchema(ast: Document): GraphQLSchema;
 
-//     /**
-//      * Given an ast node, returns its string description based on a contiguous
-//      * block full-line of comments preceding it.
-//      */
-//     function getDescription(node: { loc?: Location }): string;
+    /**
+     * Given an ast node, returns its string description based on a contiguous
+     * block full-line of comments preceding it.
+     */
+    function getDescription(node: { loc?: Location }): string;
 
-//     /**
-//      * A helper function to build a GraphQLSchema directly from a source
-//      * document.
-//      */
-//     function buildSchema(source: string | Source): GraphQLSchema;
-// }
+    /**
+     * A helper function to build a GraphQLSchema directly from a source
+     * document.
+     */
+    function buildSchema(source: string | Source): GraphQLSchema;
 
-// declare module "graphql/utilities/buildClientSchema" {
-//     import { IntrospectionQuery } from 'graphql/utilities/introspectionQuery';
-//     import { GraphQLSchema } from 'graphql/type/schema';
-//     /**
-//      * Build a GraphQLSchema for use by client tools.
-//      *
-//      * Given the result of a client running the introspection query, creates and
-//      * returns a GraphQLSchema instance which can be then used with all graphql-js
-//      * tools, but cannot be used to execute a query, as introspection does not
-//      * represent the "resolver", "parse" or "serialize" functions or any other
-//      * server-internal mechanisms.
-//      */
-//     export function buildClientSchema(
-//         introspection: IntrospectionQuery
-//     ): GraphQLSchema;
-// }
+    /**
+     * Given an ast node, returns its string description based on a contiguous
+     * block full-line of comments preceding it.
+     */
+    function getDescription(node: { loc?: Location }): string;
 
-// declare module "graphql/utilities/concatAST" {
+    /**
+     * A helper function to build a GraphQLSchema directly from a source
+     * document.
+     */
+    function buildSchema(source: string | Source): GraphQLSchema;
+}
 
-// }
+declare module "graphql/utilities/buildClientSchema" {
+    import { IntrospectionQuery } from 'graphql/utilities/introspectionQuery';
+    import { GraphQLSchema } from 'graphql/type/schema';
+    /**
+     * Build a GraphQLSchema for use by client tools.
+     *
+     * Given the result of a client running the introspection query, creates and
+     * returns a GraphQLSchema instance which can be then used with all graphql-js
+     * tools, but cannot be used to execute a query, as introspection does not
+     * represent the "resolver", "parse" or "serialize" functions or any other
+     * server-internal mechanisms.
+     */
+    function buildClientSchema(
+        introspection: IntrospectionQuery
+    ): GraphQLSchema;
+}
 
-// declare module "graphql/utilities/extendSchema" {
+declare module "graphql/utilities/concatAST" {
+    import { Document } from 'graphql/language/ast';
+    /**
+     * Provided a collection of ASTs, presumably each from different files,
+     * concatenate the ASTs together into batched AST, useful for validating many
+     * GraphQL source files which together represent one conceptual application.
+     */
+    function concatAST(asts: Array<Document>): Document;
+}
 
-// }
+declare module "graphql/utilities/extendSchema" {
+    import { GraphQLSchema } from 'graphql/type/schema';
 
-// declare module "graphql/utilities/getOperationAST" {
+    /**
+     * Produces a new schema given an existing schema and a document which may
+     * contain GraphQL type extensions and definitions. The original schema will
+     * remain unaltered.
+     *
+     * Because a schema represents a graph of references, a schema cannot be
+     * extended without effectively making an entire copy. We do not know until it's
+     * too late if subgraphs remain unchanged.
+     *
+     * This algorithm copies the provided schema, applying extensions while
+     * producing the copy. The original schema remains unaltered.
+     */
+    function extendSchema(
+        schema: GraphQLSchema,
+        documentAST: Document
+    ): GraphQLSchema;
+}
 
-// }
+declare module "graphql/utilities/getOperationAST" {
+    import { Document, OperationDefinition } from 'graphql/language/ast';
 
-// declare module "graphql/utilities/introspectionQuery" {
+    /**
+     * Returns an operation AST given a document AST and optionally an operation
+     * name. If a name is not provided, an operation is only returned if only one is
+     * provided in the document.
+     */
+    export function getOperationAST(
+        documentAST: Document,
+        operationName: string
+    ): OperationDefinition;
+}
 
-// }
+declare module "graphql/utilities/introspectionQuery" {
+    import { DirectiveLocationEnum } from 'graphql/type/directives';
 
-// declare module "graphql/utilities/isValidJSValue" {
+    /*
+    query IntrospectionQuery {
+        __schema {
+        queryType { name }
+        mutationType { name }
+        subscriptionType { name }
+        types {
+            ...FullType
+        }
+        directives {
+            name
+            description
+            locations
+            args {
+            ...InputValue
+            }
+        }
+        }
+    }
 
-// }
+    fragment FullType on __Type {
+        kind
+        name
+        description
+        fields(includeDeprecated: true) {
+        name
+        description
+        args {
+            ...InputValue
+        }
+        type {
+            ...TypeRef
+        }
+        isDeprecated
+        deprecationReason
+        }
+        inputFields {
+        ...InputValue
+        }
+        interfaces {
+        ...TypeRef
+        }
+        enumValues(includeDeprecated: true) {
+        name
+        description
+        isDeprecated
+        deprecationReason
+        }
+        possibleTypes {
+        ...TypeRef
+        }
+    }
 
-// declare module "graphql/utilities/isValidLiteralValue" {
+    fragment InputValue on __InputValue {
+        name
+        description
+        type { ...TypeRef }
+        defaultValue
+    }
 
-// }
+    fragment TypeRef on __Type {
+        kind
+        name
+        ofType {
+        kind
+        name
+        ofType {
+            kind
+            name
+            ofType {
+            kind
+            name
+            ofType {
+                kind
+                name
+                ofType {
+                kind
+                name
+                ofType {
+                    kind
+                    name
+                    ofType {
+                    kind
+                    name
+                    }
+                }
+                }
+            }
+            }
+        }
+        }
+    }
+    */
+    const introspectionQuery: string;
 
-// declare module "graphql/utilities/schemaPrinter" {
 
-// }
+    interface IntrospectionQuery {
+        __schema: IntrospectionSchema
+    }
 
-// declare module "graphql/utilities/separateOperations" {
+    interface IntrospectionSchema {
+        queryType: IntrospectionNamedTypeRef;
+        mutationType?: IntrospectionNamedTypeRef;
+        subscriptionType?: IntrospectionNamedTypeRef;
+        types: Array<IntrospectionType>;
+        directives: Array<IntrospectionDirective>;
+    }
 
-// }
+    type IntrospectionType =
+        IntrospectionScalarType |
+        IntrospectionObjectType |
+        IntrospectionInterfaceType |
+        IntrospectionUnionType |
+        IntrospectionEnumType |
+        IntrospectionInputObjectType;
 
-// declare module "graphql/utilities/typeComparators" {
+    interface IntrospectionScalarType {
+        kind: 'SCALAR';
+        name: string;
+        description?: string;
+    }
 
-// }
+    interface IntrospectionObjectType {
+        kind: 'OBJECT';
+        name: string;
+        description?: string;
+        fields: Array<IntrospectionField>;
+        interfaces: Array<IntrospectionNamedTypeRef>;
+    }
 
-// declare module "graphql/utilities/typeFromAST" {
+    interface IntrospectionInterfaceType {
+        kind: 'INTERFACE';
+        name: string;
+        description?: string;
+        fields: Array<IntrospectionField>;
+        possibleTypes: Array<IntrospectionNamedTypeRef>;
+    }
 
-// }
+    interface IntrospectionUnionType {
+        kind: 'UNION';
+        name: string;
+        description?: string;
+        possibleTypes: Array<IntrospectionNamedTypeRef>;
+    }
+
+    interface IntrospectionEnumType {
+        kind: 'ENUM';
+        name: string;
+        description?: string;
+        enumValues: Array<IntrospectionEnumValue>;
+    }
+
+    interface IntrospectionInputObjectType {
+        kind: 'INPUT_OBJECT';
+        name: string;
+        description?: string;
+        inputFields: Array<IntrospectionInputValue>;
+    }
+
+    type IntrospectionTypeRef =
+        IntrospectionNamedTypeRef |
+        IntrospectionListTypeRef |
+        IntrospectionNonNullTypeRef
+
+    interface IntrospectionNamedTypeRef {
+        kind: string;
+        name: string;
+    }
+
+    interface IntrospectionListTypeRef {
+        kind: 'LIST';
+        ofType?: IntrospectionTypeRef;
+    }
+
+    interface IntrospectionNonNullTypeRef {
+        kind: 'NON_NULL';
+        ofType?: IntrospectionTypeRef;
+    }
+
+    interface IntrospectionField {
+        name: string;
+        description?: string;
+        args: Array<IntrospectionInputValue>;
+        type: IntrospectionTypeRef;
+        isDeprecated: boolean;
+        deprecationReason?: string;
+    }
+
+    interface IntrospectionInputValue {
+        name: string;
+        description?: string;
+        type: IntrospectionTypeRef;
+        defaultValue?: string;
+    }
+
+    interface IntrospectionEnumValue {
+        name: string;
+        description?: string;
+        isDeprecated: boolean;
+        deprecationReason?: string;
+    }
+
+    interface IntrospectionDirective {
+        name: string;
+        description?: string;
+        locations: Array<DirectiveLocationEnum>;
+        args: Array<IntrospectionInputValue>;
+    }
+}
+
+declare module "graphql/utilities/isValidJSValue" {
+    import { GraphQLInputType } from 'graphql/type/definition';
+
+    /**
+     * Given a JavaScript value and a GraphQL type, determine if the value will be
+     * accepted for that type. This is primarily useful for validating the
+     * runtime values of query variables.
+     */
+    function isValidJSValue(
+        value: any,
+        type: GraphQLInputType
+    ): Array<string>
+}
+
+declare module "graphql/utilities/isValidLiteralValue" {
+    import { Value } from 'graphql/language/ast';
+    import { GraphQLInputType } from 'graphql/type/definition';
+
+    /**
+     * Utility for validators which determines if a value literal AST is valid given
+     * an input type.
+     *
+     * Note that this only validates literal values, variables are assumed to
+     * provide values of the correct type.
+     */
+    function isValidLiteralValue(
+        type: GraphQLInputType,
+        valueAST: Value
+    ): Array<string>
+}
+
+declare module "graphql/utilities/schemaPrinter" {
+    import { GraphQLSchema } from 'graphql/type/schema';
+
+    function printSchema(schema: GraphQLSchema): string;
+
+    function printIntrospectionSchema(schema: GraphQLSchema): string;
+}
+
+declare module "graphql/utilities/separateOperations" {
+    import {
+        Document,
+        OperationDefinition,
+    } from 'graphql/language/ast';
+
+    function separateOperations(
+        documentAST: Document
+    ): { [operationName: string]: Document }
+}
+
+declare module "graphql/utilities/typeComparators" {
+    import {
+        GraphQLType,
+        GraphQLCompositeType,
+        GraphQLAbstractType
+    } from 'graphql/type/definition';
+    import {
+        GraphQLSchema
+    } from 'graphql/type/schema';
+
+    /**
+     * Provided two types, return true if the types are equal (invariant).
+     */
+    function isEqualType(typeA: GraphQLType, typeB: GraphQLType): boolean;
+
+    /**
+     * Provided a type and a super type, return true if the first type is either
+     * equal or a subset of the second super type (covariant).
+     */
+    function isTypeSubTypeOf(
+        schema: GraphQLSchema,
+        maybeSubType: GraphQLType,
+        superType: GraphQLType
+    ): boolean;
+
+    /**
+     * Provided two composite types, determine if they "overlap". Two composite
+     * types overlap when the Sets of possible concrete types for each intersect.
+     *
+     * This is often used to determine if a fragment of a given type could possibly
+     * be visited in a context of another type.
+     *
+     * This function is commutative.
+     */
+    function doTypesOverlap(
+        schema: GraphQLSchema,
+        typeA: GraphQLCompositeType,
+        typeB: GraphQLCompositeType
+    ): boolean;
+}
+
+declare module "graphql/utilities/typeFromAST" {
+    import { Type } from 'graphql/language/ast';
+    import { GraphQLType, GraphQLNullableType } from 'graphql/type/definition';
+    import { GraphQLSchema } from 'graphql/type/schema';
+
+    function typeFromAST(
+        schema: GraphQLSchema,
+        inputTypeAST: Type
+    ): GraphQLType
+}
 
 declare module "graphql/utilities/TypeInfo" {
     class TypeInfo { }
 }
 
-// declare module "graphql/utilities/valueFromAST" {
+declare module "graphql/utilities/valueFromAST" {
+    import { GraphQLInputType } from 'graphql/type/definition';
+    import {
+        Value,
+        Variable,
+        ListValue,
+        ObjectValue
+    } from 'graphql/language/ast';
 
-// }
+    function valueFromAST(
+        valueAST: Value, 
+        type: GraphQLInputType,
+        variables?: {
+            [key: string]: any
+        }
+    ): any;
+}

From 875f071cb75edd7e2f53e63893f4f673037bc745 Mon Sep 17 00:00:00 2001
From: Daniel Schuba <daniel.schuba@kps.com>
Date: Wed, 19 Oct 2016 15:21:29 +0200
Subject: [PATCH 360/382] Shouldn't have change this

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

diff --git a/jquery.colorbox/jquery.colorbox.d.ts b/jquery.colorbox/jquery.colorbox.d.ts
index 6e349a3c84..a9e7f8c3e9 100644
--- a/jquery.colorbox/jquery.colorbox.d.ts
+++ b/jquery.colorbox/jquery.colorbox.d.ts
@@ -252,7 +252,7 @@ interface ColorboxStatic {
     /**
     * This method allows you to call Colorbox without having to assign it to an element.
     */
-    (settings: ColorboxSettings);
+    (settings: ColorboxSettings): any;
     /**
     * This method moves to the next item in a group and are the same as pressing the 'next' or 'previous' buttons.
     */

From 39b215bda19e2efded075126f847d5bfb7155f23 Mon Sep 17 00:00:00 2001
From: Antoine LUCAS <a-lucas@users.noreply.github.com>
Date: Thu, 20 Oct 2016 00:51:23 +1100
Subject: [PATCH 361/382] - Changed the definition of a Serializer, that
 returns any instead of string (#12080)

- Also add definition for default stDSerialiers (err, res and req)
---
 bunyan/bunyan-tests.ts | 13 +++++++++++++
 bunyan/bunyan.d.ts     | 18 ++++++++++++++----
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/bunyan/bunyan-tests.ts b/bunyan/bunyan-tests.ts
index 2575f043d8..c44d918d2d 100644
--- a/bunyan/bunyan-tests.ts
+++ b/bunyan/bunyan-tests.ts
@@ -56,7 +56,20 @@ var options:bunyan.LoggerOptions = {
 
 var log = bunyan.createLogger(options);
 
+var customSerializer = function(anything: any) {
+    return { obj: anything};
+};
+
+log.addSerializers({anything: customSerializer});
 log.addSerializers(bunyan.stdSerializers);
+log.addSerializers(
+    {
+        err: bunyan.stdSerializers.err,
+        req: bunyan.stdSerializers.req,
+        res: bunyan.stdSerializers.res
+    }
+);
+
 var child = log.child({name: 'child'});
 child.reopenFileStreams();
 log.addStream({path: '/dev/null'});
diff --git a/bunyan/bunyan.d.ts b/bunyan/bunyan.d.ts
index dd569301f5..a4c6c8efc1 100644
--- a/bunyan/bunyan.d.ts
+++ b/bunyan/bunyan.d.ts
@@ -11,7 +11,7 @@ declare module "bunyan" {
     class Logger extends EventEmitter {
         constructor(options:LoggerOptions);
         addStream(stream:Stream):void;
-        addSerializers(serializers:Serializers):void;
+        addSerializers(serializers:Serializers | StdSerializers):void;
         child(options:LoggerOptions, simple?:boolean):Logger;
         child(obj:Object, simple?:boolean):Logger;
         reopenFileStreams():void;
@@ -21,7 +21,7 @@ declare module "bunyan" {
         levels(name: number | string, value: number | string):void;
 
         fields:any;
-        src:boolean;       
+        src:boolean;
 
         trace(error:Error, format?:any, ...params:any[]):void;
         trace(buffer:Buffer, format?:any, ...params:any[]):void;
@@ -58,8 +58,18 @@ declare module "bunyan" {
         src?: boolean;
     }
 
+	interface Serializer {
+		(input:any): any;
+	}
+
     interface Serializers {
-        [key:string]: (input:any) => string;
+        [key:string]: Serializer;
+    }
+
+    interface StdSerializers {
+        err: Serializer;
+        res: Serializer;
+        req: Serializer;
     }
 
     interface Stream {
@@ -72,7 +82,7 @@ declare module "bunyan" {
         count?: number;
     }
 
-    export var stdSerializers:Serializers;
+    export var stdSerializers: StdSerializers;
 
     export var TRACE:number;
     export var DEBUG:number;

From f4f30b202a2ee2fd3e21e1b9427bc339e45fe0c9 Mon Sep 17 00:00:00 2001
From: Jim Buck <jim@jimmyboh.com>
Date: Wed, 19 Oct 2016 09:51:39 -0400
Subject: [PATCH 362/382] Fixed Answers definition and minor spelling fixes.
 (#12082)

The typing change for Answers relates to https://github.com/SBoudrias/Inquirer.js/issues/398.
---
 inquirer/inquirer-tests.ts | 10 +++++-----
 inquirer/inquirer.d.ts     |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/inquirer/inquirer-tests.ts b/inquirer/inquirer-tests.ts
index dd770e2367..99fda73d3f 100644
--- a/inquirer/inquirer-tests.ts
+++ b/inquirer/inquirer-tests.ts
@@ -58,7 +58,7 @@ inquirer.prompt([
         choices: [
             new inquirer.Separator("The usual:"),
             {
-                name: "Peperonni"
+                name: "Pepperoni"
             },
             {
                 name: "Cheese",
@@ -203,7 +203,7 @@ inquirer.prompt([
             "Make a reservation",
             new inquirer.Separator(),
             "Ask opening hours",
-            "Talk to the receptionnist"
+            "Talk to the receptionist"
         ]
     },
     {
@@ -357,8 +357,8 @@ var questions2 = [
         choices: [
             {
                 key: "p",
-                name: "Peperonni and chesse",
-                value: "PeperonniChesse"
+                name: "Pepperoni and cheese",
+                value: "PepperoniCheese"
             },
             {
                 key: "a",
@@ -421,7 +421,7 @@ inquirer.prompt([
             "Make a reservation",
             new inquirer.Separator(),
             "Ask opening hours",
-            "Talk to the receptionnist"
+            "Talk to the receptionist"
         ]
     },
     {
diff --git a/inquirer/inquirer.d.ts b/inquirer/inquirer.d.ts
index aef3ae8fcc..032740b31c 100644
--- a/inquirer/inquirer.d.ts
+++ b/inquirer/inquirer.d.ts
@@ -112,7 +112,7 @@ declare module "inquirer" {
          * A key/value hash containing the client answers in each prompt.
          */
         interface Answers {
-            [key: string]: string|boolean;
+            [key: string]: any;
         }
 
         namespace ui {

From 4a3c0197cc63cffda7570844c3f6ebc9f4475587 Mon Sep 17 00:00:00 2001
From: Tom Saleeba <tom.saleeba@gmail.com>
Date: Thu, 20 Oct 2016 00:22:04 +1030
Subject: [PATCH 363/382] added support for new options in jQRangeSlider 5.7.2:
 scales, enabled, type and symmetricPositionning (#12083)

---
 jqrangeslider/jqrangeslider-tests.ts | 62 ++++++++++++++++++++++++++++
 jqrangeslider/jqrangeslider.d.ts     | 20 ++++++++-
 2 files changed, 80 insertions(+), 2 deletions(-)

diff --git a/jqrangeslider/jqrangeslider-tests.ts b/jqrangeslider/jqrangeslider-tests.ts
index 152ab28e75..41cce4db95 100644
--- a/jqrangeslider/jqrangeslider-tests.ts
+++ b/jqrangeslider/jqrangeslider-tests.ts
@@ -52,6 +52,16 @@ $("#defaultValuesExample").dateRangeSlider({
     durationIn: 1000,
     durationOut: 1000
 });
+// Enabled
+$("#disabledExample").rangeSlider({
+  enabled: false
+});
+$("#disabledExample").editRangeSlider({
+  enabled: false
+});
+$("#disabledExample").dateRangeSlider({
+  enabled: false
+});
 // Formatter - JS-way
 $("#formatterExample").rangeSlider({
     formatter: function (val) {
@@ -115,6 +125,51 @@ $("#rangeExample").rangeSlider({range: {min: 10, max: false}});
 $("#rangeExample").rangeSlider({range: false});
 $("#rangeExample").rangeSlider({range: {min: false, max: false}});
 $("#rangeExample").rangeSlider({range: {min: false}});
+// Scales
+$("#rulersExample").rangeSlider({
+  scales: [
+  // Primary scale
+  {
+    first: function(val){ return val; },
+    next: function(val){ return val + 10; },
+    stop: function(val){ return false; },
+    label: function(val){ return val; },
+    format: function(tickContainer, tickStart, tickEnd){ 
+      tickContainer.addClass("myCustomClass");
+    }
+  },
+  // Secondary scale
+  {
+    first: function(val){ return val; },
+    next: function(val){
+      if (val % 10 === 9){
+        return val + 2;
+      }
+      return val + 1;
+    },
+    stop: function(val){ return false; },
+    label: function(){ return null; }
+  }]
+});
+var monthsForScales = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
+$("#dateRulersExample").dateRangeSlider({
+    bounds: {min: new Date(2012, 0, 1), max: new Date(2012, 11, 31, 12, 59, 59)},
+    defaultValues: {min: new Date(2012, 1, 10), max: new Date(2012, 4, 22)},
+    scales: [{
+        first: function(value){ return value; },
+        stop: function(value) {return false; }, // changed from original example which had 'end' because that's a typo
+        next: function(value){
+            var next = new Date(value);
+            return new Date(next.setMonth(value.getMonth() + 1));
+        },
+        label: function(value){
+            return monthsForScales[value.getMonth()];
+        },
+        format: function(tickContainer, tickStart, tickEnd){
+            tickContainer.addClass("myCustomClass");
+        }
+    }]
+});
 // Step
 $("#stepExample").rangeSlider({step: 10});
 $("#rangeExample").dateRangeSlider({
@@ -122,6 +177,13 @@ $("#rangeExample").dateRangeSlider({
         days: 2
     }
 });
+// Symmetric Positionning
+$("#symmetricExample").rangeSlider({
+  symmetricPositionning: true,
+  range: {min: 0}  
+});
+// Type
+$("#typeExample").editRangeSlider({type: "number"});
 // Value labels
 $("#valueLabelsExample").rangeSlider({valueLabels: "change"});
 $("#valueLabelsExample").dateRangeSlider({valueLabels: "change"});
diff --git a/jqrangeslider/jqrangeslider.d.ts b/jqrangeslider/jqrangeslider.d.ts
index 2e93ae6f56..7ffb8f0239 100644
--- a/jqrangeslider/jqrangeslider.d.ts
+++ b/jqrangeslider/jqrangeslider.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for jQRangeSlider 4.2.8
+// Type definitions for jQRangeSlider 5.7.2
 // Project: http://ghusse.github.com/jQRangeSlider
 // Definitions by: Dániel Tar <https://github.com/qcz>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -31,6 +31,15 @@ interface JQRangeSliderDateSteps {
     seconds?: number;
 }
 
+interface jQRangeSliderScale {
+    first?: (min:number, max:number) => number; // compute the ruler first value.
+    next: (value:any) => any; // compute the next value.
+    label?: (value:any, nextValue:any) => string; // compute displayed text for a given internal
+    stop?: (value:any) => boolean; // 'true' to stop scale generating ticks from a given value
+    format?: (tickContainer:any, tickStartValue:any, tickEndValue:any) => void; // customise the tick container DOM element (passed as jQuery object)
+    // doco example mentions 'end' function in example but it's not supported: https://github.com/ghusse/jQRangeSlider/blob/master/jQRuler.js#L12
+}
+
 interface JQRangeSliderOptions {
     wheelMode?: string; // function of the wheel, "zoom", "scroll" or null
     wheelSpeed?: number; // speed of the wheel scrolling
@@ -40,6 +49,9 @@ interface JQRangeSliderOptions {
     durationOut?: number; // fade out length when displaying value labels (only when valueLabels = "change")
     delayOut?: number; // duration labels are shown after the user changed its values (only when valueLabels = "change")
     range?: JQRangeSliderRangeLength; // lets you specify minimum and/or maximum range length
+    symmetricPositionning?: boolean; // show handles and make them clearly select the range. Warning: must be used with 'minimum' and must not be used with 'scale'
+    enabled?: boolean; // configure a read-only slider
+    scales?: jQRangeSliderScale[]; // TODO support scales
 }
 
 interface JQNumericRangeSliderOptions extends JQRangeSliderOptions {
@@ -49,6 +61,10 @@ interface JQNumericRangeSliderOptions extends JQRangeSliderOptions {
     step?: number; // allows to customize values rounding, and graphically render this rounding
 }
 
+interface JQEditRangeSliderOptions extends JQNumericRangeSliderOptions {
+    type?: string; // specify input types in edit slider. Possible values are text (default) and number
+}
+
 interface JQDateRangeSliderOptions extends JQRangeSliderOptions {
     bounds?: JQRangeSliderDateRange; // min and max values of the slider
     defaultValues?: JQRangeSliderDateRange; // values selected by default on construction
@@ -65,7 +81,7 @@ interface JQuery {
     editRangeSlider(method: string): any;
     editRangeSlider(method: string, value: number): JQuery;
     editRangeSlider(method: string, min: number, max: number): JQuery
-	editRangeSlider(options?: JQNumericRangeSliderOptions): JQuery;
+	editRangeSlider(options?: JQEditRangeSliderOptions): JQuery;
 
     dateRangeSlider(method: string): any;
     dateRangeSlider(method: string, value: Date): JQuery;

From 65b8a691f281ff2f58d5600621a3e226452c0a6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B8ren=20Louv-Jansen?= <sorenlouv@gmail.com>
Date: Wed, 19 Oct 2016 16:22:00 +0200
Subject: [PATCH 364/382] Add convertFieldsToCamelCase options

Protobuf has the option of converting field names from underscore notation to camel case. This can be toggled with `convertFieldsToCamelCase`.

https://github.com/dcodeIO/protobuf.js/wiki/Advanced-options
---
 protobufjs/protobufjs.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/protobufjs/protobufjs.d.ts b/protobufjs/protobufjs.d.ts
index 139a9b94c8..40b95c1ff0 100644
--- a/protobufjs/protobufjs.d.ts
+++ b/protobufjs/protobufjs.d.ts
@@ -15,6 +15,7 @@ declare namespace ProtoBuf {
     var DotProto: DotProto;
     var Reflect: Reflect;
     var Util: Util;
+    var convertFieldsToCamelCase: boolean;
 
     // var Lang: Lang; TODO: implement interface Lang
 

From 59595b283bebae508119a886734e6452a520c5ba Mon Sep 17 00:00:00 2001
From: NoHomey <ivo.stratev.tues@gmail.com>
Date: Wed, 19 Oct 2016 17:23:19 +0300
Subject: [PATCH 365/382] updating enzyme definition to 2.5.1

---
 enzyme/enzyme-tests.tsx | 16 ++++++++++++++--
 enzyme/enzyme.d.ts      | 19 ++++++++++++++-----
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/enzyme/enzyme-tests.tsx b/enzyme/enzyme-tests.tsx
index ff23b91445..e5d56200cb 100644
--- a/enzyme/enzyme-tests.tsx
+++ b/enzyme/enzyme-tests.tsx
@@ -96,6 +96,18 @@ namespace ShallowWrapperTest {
         boolVal = shallowWrapper.containsAnyMatchingElements([<div className="foo bar"/>]);
     }
 
+    function test_dive() {
+        interface TmpProps {
+            foo: any
+        }
+
+        interface TmpState {
+            bar: any
+        }
+
+        const diveWrapper: ShallowWrapper<TmpProps, TmpState> = shallowWrapper.dive<TmpProps, TmpState>({ context: { foobar: 'barfoo' }});
+    }
+
     function test_equals() {
         boolVal = shallowWrapper.equals(<div className="foo bar"/>);
     }
@@ -222,11 +234,11 @@ namespace ShallowWrapperTest {
     }
 
     function test_setState() {
-        shallowWrapper = shallowWrapper.setState({ stateProperty: 'state' });
+        shallowWrapper = shallowWrapper.setState({ stateProperty: 'state' }, () => console.log('state updated'));
     }
 
     function test_setProps() {
-        shallowWrapper = shallowWrapper.setProps({ propsProperty: 'foo' });
+        shallowWrapper = shallowWrapper.setProps({ propsProperty: 'foo' }, () => console.log('props updated'));
     }
 
     function test_setContext() {
diff --git a/enzyme/enzyme.d.ts b/enzyme/enzyme.d.ts
index b94b7b9f9f..5a53f8bf20 100644
--- a/enzyme/enzyme.d.ts
+++ b/enzyme/enzyme.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for Enzyme v2.4.1
+// Type definitions for Enzyme v2.5.1
 // Project: https://github.com/airbnb/enzyme
-// Definitions by: Marian Palkus <https://github.com/MarianPalkus>, Cap3 <http://www.cap3.de>
+// Definitions by: Marian Palkus <https://github.com/MarianPalkus>, Cap3 <http://www.cap3.de>, Ivo Stratev <https://github.com/NoHomey>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 ///<reference path="../react/react.d.ts" />
@@ -253,8 +253,9 @@ declare module "enzyme" {
          *
          * NOTE: can only be called on a wrapper instance that is also the root instance.
          * @param state
+         * @param [callback]
          */
-        setState(state: S): this;
+        setState(state: S, callback?: () => void): this;
 
         /**
          * A method that sets the props of the root component, and re-renders. Useful for when you are wanting to test
@@ -265,9 +266,10 @@ declare module "enzyme" {
          * Returns itself.
          *
          * NOTE: can only be called on a wrapper instance that is also the root instance.
-         * @param state
+         * @param props
+         * @param [callback]
          */
-        setProps(props: P): this;
+        setProps(props: P, callback?: () => void): this;
 
         /**
          * A method that sets the context of the root component, and re-renders. Useful for when you are wanting to
@@ -424,6 +426,13 @@ declare module "enzyme" {
         childAt(index: number): ShallowWrapper<any, any>;
         childAt<P2, S2>(index: number): ShallowWrapper<P2, S2>;
 
+        /**
+         * Shallow render the one non-DOM child of the current wrapper, and return a wrapper around the result.
+         * NOTE: can only be called on wrapper of a single non-DOM component element node.
+         * @param [options]
+         */
+        dive<P2, S2>(options?: ShallowRendererProps): ShallowWrapper<P2, S2>;
+
         /**
          * Returns a wrapper around all of the parents/ancestors of the wrapper. Does not include the node in the
          * current wrapper. Optionally, a selector can be provided and it will filter the parents by this selector.

From c8b0c0b4b128d30399cc96e898c7d2d58c7f3a2d Mon Sep 17 00:00:00 2001
From: rhysd <lin90162@yahoo.co.jp>
Date: Sat, 22 Oct 2016 11:41:09 +0900
Subject: [PATCH 366/382] github-electron: Update for version 1.4.4

---
 electron/github-electron-main-tests.ts | 10 +++
 electron/github-electron.d.ts          | 90 +++++++++++++++++++++++++-
 2 files changed, 99 insertions(+), 1 deletion(-)

diff --git a/electron/github-electron-main-tests.ts b/electron/github-electron-main-tests.ts
index 966465ed3a..7bbbfa83c1 100644
--- a/electron/github-electron-main-tests.ts
+++ b/electron/github-electron-main-tests.ts
@@ -303,6 +303,10 @@ if (app.isAccessibilitySupportEnabled()) {
 }
 app.setLoginItemSettings({openAtLogin: true, openAsHidden: false});
 console.log(app.getLoginItemSettings().wasOpenedAtLogin);
+app.setAboutPanelOptions({
+	applicationName: 'Test',
+	version: '1.2.3'
+});
 
 var window = new BrowserWindow();
 window.setProgressBar(0.5);
@@ -359,6 +363,12 @@ if (process.platform !== 'win32' || systemPreferences.isAeroGlassEnabled()) {
 	browserOptions.frame = false;
 }
 
+if (process.platform === 'win32') {
+	systemPreferences.on('color-changed', () => { console.log('color changed'); });
+	systemPreferences.on('inverted-color-scheme-changed', (_, inverted) => console.log(inverted ? 'inverted' : 'not inverted'));
+	console.log('Color for menu is', systemPreferences.getColor('menu'));
+}
+
 // Create the window.
 var win = new BrowserWindow(browserOptions);
 
diff --git a/electron/github-electron.d.ts b/electron/github-electron.d.ts
index ca073ebf58..f87b50b362 100644
--- a/electron/github-electron.d.ts
+++ b/electron/github-electron.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Electron v1.4.3
+// Type definitions for Electron v1.4.4
 // Project: http://electron.atom.io/
 // Definitions by: jedmao <https://github.com/jedmao/>, rhysd <https://rhysd.github.io>, Milan Burda <https://github.com/miniak/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -423,6 +423,13 @@ declare namespace Electron {
 		 * Note: This API is only available on macOS and Windows.
 		 */
 		setLoginItemSettings(settings: LoginItemSettings): void;
+		/**
+		 * Set the about panel options. This will override the values defined in the app's .plist file.
+		 * See the Apple docs for more details.
+		 *
+		 * Note: This API is only available on macOS.
+		 */
+		setAboutPanelOptions(options: AboutPanelOptions): void;
 		commandLine: CommandLine;
 		/**
 		 * Note: This API is only available on macOS.
@@ -684,6 +691,29 @@ declare namespace Electron {
 		restoreState?: boolean;
 	}
 
+	interface AboutPanelOptions {
+		/**
+		 * The app's name.
+		 */
+		applicationName?: string;
+		/**
+		 * The app's version.
+		 */
+		applicationVersion?: string;
+		/**
+		 * Copyright information.
+		 */
+		copyright?: string;
+		/**
+		 * Credit information.
+		 */
+		credits?: string;
+		/**
+		 * The app's build version number.
+		 */
+		version?: string;
+	}
+
 	// https://github.com/electron/electron/blob/master/docs/api/auto-updater.md
 
 	/**
@@ -3547,6 +3577,38 @@ declare namespace Electron {
 
 	// https://github.com/electron/electron/blob/master/docs/api/system-preferences.md
 
+	type SystemColor =
+		'3d-dark-shadow' |            // Dark shadow for three-dimensional display elements.
+		'3d-face' |                   // Face color for three-dimensional display elements and for dialog box backgrounds.
+		'3d-highlight' |              // Highlight color for three-dimensional display elements.
+		'3d-light' |                  // Light color for three-dimensional display elements.
+		'3d-shadow' |                 // Shadow color for three-dimensional display elements.
+		'active-border' |             // Active window border.
+		'active-caption' |            // Active window title bar. Specifies the left side color in the color gradient of an active window's title bar if the gradient effect is enabled.
+		'active-caption-gradient' |   // Right side color in the color gradient of an active window's title bar.
+		'app-workspace' |             // Background color of multiple document interface (MDI) applications.
+		'button-text' |               // Text on push buttons.
+		'caption-text' |              // Text in caption, size box, and scroll bar arrow box.
+		'desktop' |                   // Desktop background color.
+		'disabled-text' |             // Grayed (disabled) text.
+		'highlight' |                 // Item(s) selected in a control.
+		'highlight-text' |            // Text of item(s) selected in a control.
+		'hotlight' |                  // Color for a hyperlink or hot-tracked item.
+		'inactive-border' |           // Inactive window border.
+		'inactive-caption' |          // Inactive window caption. Specifies the left side color in the color gradient of an inactive window's title bar if the gradient effect is enabled.
+		'inactive-caption-gradient' | // Right side color in the color gradient of an inactive window's title bar.
+		'inactive-caption-text' |     // Color of text in an inactive caption.
+		'info-background' |           // Background color for tooltip controls.
+		'info-text' |                 // Text color for tooltip controls.
+		'menu' |                      // Menu background.
+		'menu-highlight' |            // The color used to highlight menu items when the menu appears as a flat menu.
+		'menubar' |                   // The background color for the menu bar when menus appear as flat menus.
+		'menu-text' |                 // Text in menus.
+		'scrollbar' |                 // Scroll bar gray area.
+		'window' |                    // Window background.
+		'window-frame' |              // Window frame.
+		'window-text';                // Text in windows.
+
 	/**
 	 * Get system preferences.
 	 */
@@ -3555,6 +3617,20 @@ declare namespace Electron {
 		 * Note: This is only implemented on Windows.
 		 */
 		on(event: 'accent-color-changed', listener: (event: Event, newColor: string) => void): this;
+		/**
+		 * Note: This is only implemented on Windows.
+		 */
+		on(event: 'color-changed', listener: (event: Event) => void): this;
+		/**
+		 * Note: This is only implemented on Windows.
+		 */
+		on(event: 'inverted-color-scheme-changed', listener: (
+			event: Event,
+			/**
+			 * @param invertedColorScheme true if an inverted color scheme, such as a high contrast theme, is being used, false otherwise.
+			 */
+			invertedColorScheme: boolean
+		) => void): this;
 		on(event: string, listener: Function): this;
 		/**
 		 * @returns Whether the system is in Dark Mode.
@@ -3621,6 +3697,18 @@ declare namespace Electron {
 		 * Note: This is only implemented on Windows.
 		 */
 		getAccentColor(): string;
+		/**
+		 * @returns true if an inverted color scheme, such as a high contrast theme, is active, false otherwise.
+		 *
+		 * Note: This is only implemented on Windows.
+		 */
+		isInvertedColorScheme(): boolean;
+		/**
+		 * @returns The system color setting in RGB hexadecimal form (#ABCDEF). See the Windows docs for more details.
+		 *
+		 * Note: This is only implemented on Windows.
+		 */
+		getColor(color: SystemColor): string;
 	}
 
 	// https://github.com/electron/electron/blob/master/docs/api/tray.md

From 0afe02ba7a31d8b969b7cc6e0c40dc22771b5a87 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Sat, 22 Oct 2016 11:29:19 +0800
Subject: [PATCH 367/382] Update query-string.d.ts

---
 query-string/query-string.d.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/query-string/query-string.d.ts b/query-string/query-string.d.ts
index 807b38935a..5ab8f0e115 100644
--- a/query-string/query-string.d.ts
+++ b/query-string/query-string.d.ts
@@ -4,19 +4,23 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare module "query-string" {
+    type value = string | boolean | number;
+                
+    interface StringifyOptions { strict?: boolean; encode?: boolean; }
+
     /**
      * Parse a query string into an object.
      * Leading ? or # are ignored, so you can pass location.search or location.hash directly.
      * @param str
      */
-    export function parse(str: string): any;
+    export function parse(str: string): { [key: string]: string | string[] };
 
     /**
      * Stringify an object into a query string, sorting the keys.
      *
      * @param obj
      */
-    export function stringify(obj: any, options?: {strict: boolean}): string;
+    export function stringify(obj: { [key: string]: value | value[] }, options?: StringifyOptions): string;
 
     /**
      * Extract a query string from a URL that can be passed into .parse().

From ad711ee766f4fcfe83636ec747afccb5acca39dd Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Sat, 22 Oct 2016 11:56:25 +0800
Subject: [PATCH 368/382] Enhance tests

---
 query-string/query-string-tests.ts | 37 +++++++++++++++++++++++-------
 1 file changed, 29 insertions(+), 8 deletions(-)

diff --git a/query-string/query-string-tests.ts b/query-string/query-string-tests.ts
index e270786004..ce92962b77 100644
--- a/query-string/query-string-tests.ts
+++ b/query-string/query-string-tests.ts
@@ -2,13 +2,34 @@
 
 import qs = require('query-string');
 
-qs.stringify({ foo: 'bar' });
-qs.stringify({ foo: 'bar', bar: 'baz' });
-qs.stringify({ foo: 'bar' }, {strict: false})
 
-qs.parse('?foo=bar');
-qs.parse('#foo=bar');
-qs.parse('&foo=bar&foo=baz');
+namespace stringify_tests {
+    let result: string;
+    // test obj
+    result = qs.stringify({
+        str: 'bar',
+        strArray: ['baz'],
+        num: 123,
+        numArray: [456],
+        bool: true,
+        boolArray: [false],
+    });
 
-qs.extract('http://foo.bar/?abc=def&hij=klm');
-qs.extract('http://foo.bar/?foo=bar');
+    // test options
+    result = qs.stringify({ foo: 'bar' }, { strict: false })
+    result = qs.stringify({ foo: 'bar' }, { encode: false })
+    result = qs.stringify({ foo: 'bar' }, { strict: false, encode: false })
+}
+
+namespace parse_tests {
+    let result: { [key: string]: string | string[] };
+    result = qs.parse('?foo=bar');
+    result = qs.parse('#foo=bar');
+    result = qs.parse('&foo=bar&foo=baz');
+}
+
+namespace extract_tests {
+    let result: string;
+    result = qs.extract('http://foo.bar/?abc=def&hij=klm');
+    result = qs.extract('http://foo.bar/?foo=bar');
+}

From 2837a2920481fb5c39d6efa11ef40657fd670d13 Mon Sep 17 00:00:00 2001
From: Cyril Schumacher <cyril_schumacher@live.fr>
Date: Sat, 22 Oct 2016 16:41:32 +0200
Subject: [PATCH 369/382] Add definition for "nodemailer-stub-transport".

---
 .../nodemailer-stub-transport-tests.ts        |  8 ++++
 .../nodemailer-stub-transport.d.ts            | 38 +++++++++++++++++++
 2 files changed, 46 insertions(+)
 create mode 100644 nodemailer-stub-transport/nodemailer-stub-transport-tests.ts
 create mode 100644 nodemailer-stub-transport/nodemailer-stub-transport.d.ts

diff --git a/nodemailer-stub-transport/nodemailer-stub-transport-tests.ts b/nodemailer-stub-transport/nodemailer-stub-transport-tests.ts
new file mode 100644
index 0000000000..ab29823588
--- /dev/null
+++ b/nodemailer-stub-transport/nodemailer-stub-transport-tests.ts
@@ -0,0 +1,8 @@
+/// <reference path="nodemailer-stub-transport.d.ts"/>
+
+import nodemailer = require("nodemailer");
+import stubTransport = require("nodemailer-stub-transport");
+
+var transport = nodemailer.createTransport(stubTransport());
+nodemailer.createTransport(stubTransport({ error: new Error('Invalid recipient') }));
+transport = nodemailer.createTransport(stubTransport({ keepBcc: true }));
diff --git a/nodemailer-stub-transport/nodemailer-stub-transport.d.ts b/nodemailer-stub-transport/nodemailer-stub-transport.d.ts
new file mode 100644
index 0000000000..36eca75240
--- /dev/null
+++ b/nodemailer-stub-transport/nodemailer-stub-transport.d.ts
@@ -0,0 +1,38 @@
+// Type definitions for nodemailer-stub-transport v1.1.0
+// Project: https://github.com/andris9/nodemailer-stub-transport
+// Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../nodemailer/nodemailer.d.ts"/>
+
+declare module "nodemailer-stub-transport" {
+    import * as nodemailer from "nodemailer";
+
+    namespace StubTransportStatic {
+        /**
+         * Options.
+         * @interface
+         */
+        export interface Options {
+            /**
+             * Specifies a custom error.
+             * @type {any}
+             */
+            error?: any;
+
+            /**
+             * Value that indicates if the BCC addresses must be included in generated message.
+             * @type {boolean}
+             */
+            keepBcc?: boolean;
+        }
+    }
+
+    /**
+     * Creates a stub transport.
+     * @param {Options} [options] Options.
+     * @return {Transport} The stub transport.
+     */
+    function stubTransport(options?: StubTransportStatic.Options): nodemailer.Transport;
+    export = stubTransport;
+}

From d484f009b8ebad59122d39cb3701519e54f754b3 Mon Sep 17 00:00:00 2001
From: Cyril Schumacher <cyril_schumacher@live.fr>
Date: Sat, 22 Oct 2016 16:49:25 +0200
Subject: [PATCH 370/382] Improve test.

---
 nodemailer-stub-transport/nodemailer-stub-transport-tests.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/nodemailer-stub-transport/nodemailer-stub-transport-tests.ts b/nodemailer-stub-transport/nodemailer-stub-transport-tests.ts
index ab29823588..e77bf89b41 100644
--- a/nodemailer-stub-transport/nodemailer-stub-transport-tests.ts
+++ b/nodemailer-stub-transport/nodemailer-stub-transport-tests.ts
@@ -6,3 +6,5 @@ import stubTransport = require("nodemailer-stub-transport");
 var transport = nodemailer.createTransport(stubTransport());
 nodemailer.createTransport(stubTransport({ error: new Error('Invalid recipient') }));
 transport = nodemailer.createTransport(stubTransport({ keepBcc: true }));
+
+nodemailer.createTransport(stubTransport());

From 82a17eeb0195348b15a33a9c59ecb99d782767ae Mon Sep 17 00:00:00 2001
From: Caleb Meredith <calebmeredith8@gmail.com>
Date: Sat, 22 Oct 2016 10:56:12 -0400
Subject: [PATCH 371/382] add self to contributors list for GraphQL typings
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

See #12078, #12142, and #12143.

I’ve been maintaining custom definitions for [one of my projects](https://github.com/calebmer/postgraphql/blob/master/typings/graphql.d.ts) and I’d like to migrate to community definitions. I’ve also had discussions with the community around adding definitions to the [GraphQL package itself](https://github.com/graphql/graphql-js/pull/428).

/cc @TonyPythoneer
---
 graphql/graphql.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/graphql/graphql.d.ts b/graphql/graphql.d.ts
index 89d3f96470..9413195d72 100644
--- a/graphql/graphql.d.ts
+++ b/graphql/graphql.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for graphql v0.7.0
 // Project: https://www.npmjs.com/package/graphql
-// Definitions by: TonyYang <https://github.com/TonyPythoneer>
+// Definitions by: TonyYang <https://github.com/TonyPythoneer>, Caleb Meredith <https://github.com/calebmer>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /*************************************

From 6309f95963c5566665089bbcc95cd5e01f6e088d Mon Sep 17 00:00:00 2001
From: Hady Tolba <tolbahadi@gmail.com>
Date: Sat, 22 Oct 2016 12:51:31 -0400
Subject: [PATCH 372/382] update aws-sdk DynamoDB.DocumentClient UpdateParam

Added `UpdateExpression` attribute. `AttributeUpdates` is deprecated.
---
 aws-sdk/aws-sdk.d.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/aws-sdk/aws-sdk.d.ts b/aws-sdk/aws-sdk.d.ts
index d30b3af305..6ed671ab8f 100644
--- a/aws-sdk/aws-sdk.d.ts
+++ b/aws-sdk/aws-sdk.d.ts
@@ -527,7 +527,8 @@ declare module "aws-sdk" {
 
     interface UpdateParam extends _DDBDC_Writer {
       Key: _DDBDC_Keys;
-      AttributeUpdates: {
+      UpdateExpression?: string;
+      AttributeUpdates?: {
         [someKey: string]: {
           Action: "PUT" | "ADD" | "DELETE";
           Value: any

From e6fbb4b526a8dfd6eb1134201ee28a50058291be Mon Sep 17 00:00:00 2001
From: Giff Song <giff.song@gmail.com>
Date: Mon, 24 Oct 2016 02:41:14 +0900
Subject: [PATCH 373/382] Add definitions for ndarray

---
 ndarray/ndarray-test.ts | 27 +++++++++++++++++++++++++++
 ndarray/ndarray.d.ts    | 35 +++++++++++++++++++++++++++++++++++
 2 files changed, 62 insertions(+)
 create mode 100644 ndarray/ndarray-test.ts
 create mode 100644 ndarray/ndarray.d.ts

diff --git a/ndarray/ndarray-test.ts b/ndarray/ndarray-test.ts
new file mode 100644
index 0000000000..1c4e829d90
--- /dev/null
+++ b/ndarray/ndarray-test.ts
@@ -0,0 +1,27 @@
+/// <reference path="ndarray.d.ts" />
+
+import ndarray = require('ndarray');
+
+const data = new Int32Array(2 * 2 * 2 + 10);
+const a = ndarray(data, [2, 2, 2], [1, 2, 4], 5);
+
+console.log(a.data === data);
+console.log(a.shape[0] === 2);
+console.log(a.shape[1] === 2);
+console.log(a.shape[2] === 2);
+console.log(a.stride[0] === 1);
+console.log(a.stride[1] === 2);
+console.log(a.stride[2] === 4);
+console.log(a.offset === 5);
+console.log(a.dtype === 'int32');
+console.log(a.size === 8);
+console.log(a.order[0] === 0);
+console.log(a.order[1] === 1);
+console.log(a.order[2] === 2);
+console.log(a.dimension === 3);
+console.log(a.set(0, 0, 0, 1) === 1);
+console.log(a.get(0, 0, 0) === 1);
+console.log(a.index(1, 1, 1) === 12);
+
+const b = a.lo(0, 0, 0).hi(1, 1, 1);
+const c = b.step(0).transpose(0, 0, 0).pick(null, null, 0);
diff --git a/ndarray/ndarray.d.ts b/ndarray/ndarray.d.ts
new file mode 100644
index 0000000000..64be7833ba
--- /dev/null
+++ b/ndarray/ndarray.d.ts
@@ -0,0 +1,35 @@
+// Type definitions for ndarray v1.0.18
+// Project: https://github.com/scijs/ndarray
+// Definitions by: Giff Song <https://github.com/pawsong/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'ndarray' {
+  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;
+  }
+
+  function ndarray(data: Data, shape?: number[], stride?: number[], offset?: number): ndarray;
+
+  export = ndarray;
+}

From f0e2c8cd2c2c7bc5c03f2df85ec8110220b97000 Mon Sep 17 00:00:00 2001
From: Giff Song <giff.song@gmail.com>
Date: Mon, 24 Oct 2016 02:55:48 +0900
Subject: [PATCH 374/382] Fix compile error with es6 target

---
 ndarray/ndarray-test.ts | 2 +-
 ndarray/ndarray.d.ts    | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/ndarray/ndarray-test.ts b/ndarray/ndarray-test.ts
index 1c4e829d90..ea65394637 100644
--- a/ndarray/ndarray-test.ts
+++ b/ndarray/ndarray-test.ts
@@ -1,6 +1,6 @@
 /// <reference path="ndarray.d.ts" />
 
-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/ndarray/ndarray.d.ts b/ndarray/ndarray.d.ts
index 64be7833ba..246f64f530 100644
--- a/ndarray/ndarray.d.ts
+++ b/ndarray/ndarray.d.ts
@@ -31,5 +31,6 @@ declare module 'ndarray' {
 
   function ndarray(data: Data, shape?: number[], stride?: number[], offset?: number): ndarray;
 
+  namespace ndarray { }
   export = ndarray;
 }

From bfabdd0afb176672cc43e536707441bc5fe77639 Mon Sep 17 00:00:00 2001
From: Giff Song <giff.song@gmail.com>
Date: Mon, 24 Oct 2016 02:57:36 +0900
Subject: [PATCH 375/382] Rename ndarray test file

---
 ndarray/{ndarray-test.ts => ndarray-tests.ts} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename ndarray/{ndarray-test.ts => ndarray-tests.ts} (100%)

diff --git a/ndarray/ndarray-test.ts b/ndarray/ndarray-tests.ts
similarity index 100%
rename from ndarray/ndarray-test.ts
rename to ndarray/ndarray-tests.ts

From 471dae5d9e08998f85239a632e67cb5971d1cd56 Mon Sep 17 00:00:00 2001
From: lkchen-x1c <knight0clk@hotmail.com>
Date: Sun, 23 Oct 2016 23:36:55 -0400
Subject: [PATCH 376/382] add init files

---
 d3-box/d3-box-tests.ts | 2 ++
 d3-box/d3-box.d.ts     | 6 ++++++
 2 files changed, 8 insertions(+)
 create mode 100644 d3-box/d3-box-tests.ts
 create mode 100644 d3-box/d3-box.d.ts

diff --git a/d3-box/d3-box-tests.ts b/d3-box/d3-box-tests.ts
new file mode 100644
index 0000000000..9c92e1b886
--- /dev/null
+++ b/d3-box/d3-box-tests.ts
@@ -0,0 +1,2 @@
+/// <reference path="../d3/d3.d.ts" />
+/// <reference path="d3-box.d.ts" />
diff --git a/d3-box/d3-box.d.ts b/d3-box/d3-box.d.ts
new file mode 100644
index 0000000000..0db7316cb3
--- /dev/null
+++ b/d3-box/d3-box.d.ts
@@ -0,0 +1,6 @@
+// Type definitions for d3-slider
+// Project: https://github.com/JacksonGariety/d3-box
+// Definitions by: Linkun Chen <https://github.com/lk-chen>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../d3/d3.d.ts"/>

From 34a477e0f0ac0376d77c2936c0b7644251269647 Mon Sep 17 00:00:00 2001
From: lkchen-x1c <knight0clk@hotmail.com>
Date: Mon, 24 Oct 2016 01:16:44 -0400
Subject: [PATCH 377/382] finish .d.ts

---
 d3-box/d3-box.d.ts | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/d3-box/d3-box.d.ts b/d3-box/d3-box.d.ts
index 0db7316cb3..4b702123d8 100644
--- a/d3-box/d3-box.d.ts
+++ b/d3-box/d3-box.d.ts
@@ -4,3 +4,28 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="../d3/d3.d.ts"/>
+
+declare namespace d3 {
+    export function box(): Box;
+
+    interface Box {
+        (sel: d3.Selection<any>): void;
+        width(): number;
+        width(x: number): Box;
+        height(): number;
+        height(x: number): Box;
+        tickFormat(): (n: number) => string;
+        tickFormat(fun: (n: number) => string): Box;
+        duration(): number;
+        duration(x: number): Box;
+        domain(): () => number[];
+        domain(x: number[]): Box;
+        value(): (d: any) => number;
+        value(x: (d: any) => number): Box;
+        whiskers(): (d: any[]) => number[];
+        whiskers(x: (d: any[]) => number[]): Box;
+        quartiles(): (d: any[]) => number[];
+        quantiles(x: (d: any[]) => number[]): Box;
+    }
+}
+

From 5ec5db5e07af91df8a3e869abda13e286de26a81 Mon Sep 17 00:00:00 2001
From: lkchen-x1c <knight0clk@hotmail.com>
Date: Mon, 24 Oct 2016 01:39:55 -0400
Subject: [PATCH 378/382] finish d3-box

---
 d3-box/d3-box-tests.ts | 24 ++++++++++++++++++++++++
 d3-box/d3-box.d.ts     |  6 +++---
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/d3-box/d3-box-tests.ts b/d3-box/d3-box-tests.ts
index 9c92e1b886..acbd928d6f 100644
--- a/d3-box/d3-box-tests.ts
+++ b/d3-box/d3-box-tests.ts
@@ -1,2 +1,26 @@
 /// <reference path="../d3/d3.d.ts" />
 /// <reference path="d3-box.d.ts" />
+
+// Inspired by http://bl.ocks.org/mbostock/4061502
+
+function iqr(k) {
+  return function(d) {
+    var q1 = d.quartiles[0],
+        q3 = d.quartiles[2],
+        iqr = (q3 - q1) * k;
+    let i = -1,
+        j = d.length;
+    while (d[++i] < q1 - iqr);
+    while (d[--j] > q3 + iqr);
+    return [i, j];
+  };
+}
+
+var chart = d3.box()
+    .whiskers(iqr(1.5))
+    .width(100)
+    .height(100);
+
+chart.domain([1, 30]);
+
+d3.selectAll("sth.").call(chart.duration(1000));
diff --git a/d3-box/d3-box.d.ts b/d3-box/d3-box.d.ts
index 4b702123d8..4bc837df31 100644
--- a/d3-box/d3-box.d.ts
+++ b/d3-box/d3-box.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for d3-slider
+// Type definitions for d3-box
 // Project: https://github.com/JacksonGariety/d3-box
 // Definitions by: Linkun Chen <https://github.com/lk-chen>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -22,8 +22,8 @@ declare namespace d3 {
         domain(x: number[]): Box;
         value(): (d: any) => number;
         value(x: (d: any) => number): Box;
-        whiskers(): (d: any[]) => number[];
-        whiskers(x: (d: any[]) => number[]): Box;
+        whiskers(): (d: any[], i?: number) => number[];
+        whiskers(x: (d: any[], i?: number) => number[]): Box;
         quartiles(): (d: any[]) => number[];
         quantiles(x: (d: any[]) => number[]): Box;
     }

From 7f0d226ee19e8bb7eb81dec34ceb4a58fb3bc8d7 Mon Sep 17 00:00:00 2001
From: lkchen-x1c <knight0clk@hotmail.com>
Date: Mon, 24 Oct 2016 02:38:28 -0400
Subject: [PATCH 379/382] fix implicit error

---
 d3-box/d3-box-tests.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/d3-box/d3-box-tests.ts b/d3-box/d3-box-tests.ts
index acbd928d6f..191962ff13 100644
--- a/d3-box/d3-box-tests.ts
+++ b/d3-box/d3-box-tests.ts
@@ -3,8 +3,8 @@
 
 // Inspired by http://bl.ocks.org/mbostock/4061502
 
-function iqr(k) {
-  return function(d) {
+function iqr(k: number) {
+  return function(d: any) {
     var q1 = d.quartiles[0],
         q3 = d.quartiles[2],
         iqr = (q3 - q1) * k;

From 49febc010d05e104f03cd2e4cf28c90b7d94401e Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Mon, 24 Oct 2016 21:57:04 +0800
Subject: [PATCH 380/382] [validator] Correct import submodule (#11975)

* Add submodule definition

* Test import submodule

* Update validator-tests.ts
---
 validator/validator-tests.ts | 120 +++++++-------
 validator/validator.d.ts     | 301 ++++++++++++++++++++++++++++++++++-
 2 files changed, 359 insertions(+), 62 deletions(-)

diff --git a/validator/validator-tests.ts b/validator/validator-tests.ts
index a0ee4a4cbf..abe3e41a2d 100644
--- a/validator/validator-tests.ts
+++ b/validator/validator-tests.ts
@@ -8,67 +8,65 @@ import * as validator from 'validator';
 *                  IMPORT TESTS                 *
 *                                               *
 ************************************************/
-import {
-    blacklist as blacklistFunc,
-    contains as containsFunc,
-    equals as equalsFunc,
-    escape as escapeFunc,
-    isAfter as isAfterFunc,
-    isAlpha as isAlphaFunc,
-    isAlphanumeric as isAlphanumericFunc,
-    isAscii as isAsciiFunc,
-    isBase64 as isBase64Func,
-    isBefore as isBeforeFunc,
-    isBoolean as isBooleanFunc,
-    isByteLength as isByteLengthFunc,
-    isCreditCard as isCreditCardFunc,
-    isCurrency as isCurrencyFunc,
-    isDataURI as isDataURIFunc,
-    isDate as isDateFunc,
-    isDecimal as isDecimalFunc,
-    isDivisibleBy as isDivisibleByFunc,
-    isEmail as isEmailFunc,
-    isFQDN as isFQDNFunc,
-    isFloat as isFloatFunc,
-    isFullWidth as isFullWidthFunc,
-    isHalfWidth as isHalfWidthFunc,
-    isHexColor as isHexColorFunc,
-    isHexadecimal as isHexadecimalFunc,
-    isIP as isIPFunc,
-    isISBN as isISBNFunc,
-    isISIN as isISINFunc,
-    isISO8601 as isISO8601Func,
-    isIn as isInFunc,
-    isInt as isIntFunc,
-    isJSON as isJSONFunc,
-    isLength as isLengthFunc,
-    isLowercase as isLowercaseFunc,
-    isMACAddress as isMACAddressFunc,
-    isMD5 as isMD5Func,
-    isMobilePhone as isMobilePhoneFunc,
-    isMongoId as isMongoIdFunc,
-    isMultibyte as isMultibyteFunc,
-    isNull as isNullFunc,
-    isNumeric as isNumericFunc,
-    isSurrogatePair as isSurrogatePairFunc,
-    isURL as isURLFunc,
-    isUUID as isUUIDFunc,
-    isUppercase as isUppercaseFunc,
-    isVariableWidth as isVariableWidthFunc,
-    isWhitelisted as isWhitelistedFunc,
-    ltrim as ltrimFunc,
-    matches as matchesFunc,
-    normalizeEmail as normalizeEmailFunc,
-    rtrim as rtrimFunc,
-    stripLow as stripLowFunc,
-    toBoolean as toBooleanFunc,
-    toDate as toDateFunc,
-    toFloat as toFloatFunc,
-    toInt as toIntFunc,
-    trim as trimFunc,
-    unescape as unescapeFunc,
-    whitelist as whitelistFunc,
-} from 'validator'
+import blacklistFunc = require('validator/lib/blacklist');
+import containsFunc = require('validator/lib/contains');
+import equalsFunc = require('validator/lib/equals');
+import escapeFunc = require('validator/lib/escape');
+import isAfterFunc = require('validator/lib/isAfter');
+import isAlphaFunc = require('validator/lib/isAlpha');
+import isAlphanumericFunc = require('validator/lib/isAlphanumeric');
+import isAsciiFunc = require('validator/lib/isAscii');
+import isBase64Func = require('validator/lib/isBase64');
+import isBeforeFunc = require('validator/lib/isBefore');
+import isBooleanFunc = require('validator/lib/isBoolean');
+import isByteLengthFunc = require('validator/lib/isByteLength');
+import isCreditCardFunc = require('validator/lib/isCreditCard');
+import isCurrencyFunc = require('validator/lib/isCurrency');
+import isDataURIFunc = require('validator/lib/isDataURI');
+import isDateFunc = require('validator/lib/isDate');
+import isDecimalFunc = require('validator/lib/isDecimal');
+import isDivisibleByFunc = require('validator/lib/isDivisibleBy');
+import isEmailFunc = require('validator/lib/isEmail');
+import isFQDNFunc = require('validator/lib/isFQDN');
+import isFloatFunc = require('validator/lib/isFloat');
+import isFullWidthFunc = require('validator/lib/isFullWidth');
+import isHalfWidthFunc = require('validator/lib/isHalfWidth');
+import isHexColorFunc = require('validator/lib/isHexColor');
+import isHexadecimalFunc = require('validator/lib/isHexadecimal');
+import isIPFunc = require('validator/lib/isIP');
+import isISBNFunc = require('validator/lib/isISBN');
+import isISINFunc = require('validator/lib/isISIN');
+import isISO8601Func = require('validator/lib/isISO8601');
+import isInFunc = require('validator/lib/isIn');
+import isIntFunc = require('validator/lib/isInt');
+import isJSONFunc = require('validator/lib/isJSON');
+import isLengthFunc = require('validator/lib/isLength');
+import isLowercaseFunc = require('validator/lib/isLowercase');
+import isMACAddressFunc = require('validator/lib/isMACAddress');
+import isMD5Func = require('validator/lib/isMD5');
+import isMobilePhoneFunc = require('validator/lib/isMobilePhone');
+import isMongoIdFunc = require('validator/lib/isMongoId');
+import isMultibyteFunc = require('validator/lib/isMultibyte');
+import isNullFunc = require('validator/lib/isNull');
+import isNumericFunc = require('validator/lib/isNumeric');
+import isSurrogatePairFunc = require('validator/lib/isSurrogatePair');
+import isURLFunc = require('validator/lib/isURL');
+import isUUIDFunc = require('validator/lib/isUUID');
+import isUppercaseFunc = require('validator/lib/isUppercase');
+import isVariableWidthFunc = require('validator/lib/isVariableWidth');
+import isWhitelistedFunc = require('validator/lib/isWhitelisted');
+import ltrimFunc = require('validator/lib/ltrim');
+import matchesFunc = require('validator/lib/matches');
+import normalizeEmailFunc = require('validator/lib/normalizeEmail');
+import rtrimFunc = require('validator/lib/rtrim');
+import stripLowFunc = require('validator/lib/stripLow');
+import toBooleanFunc = require('validator/lib/toBoolean');
+import toDateFunc = require('validator/lib/toDate');
+import toFloatFunc = require('validator/lib/toFloat');
+import toIntFunc = require('validator/lib/toInt');
+import trimFunc = require('validator/lib/trim');
+import unescapeFunc = require('validator/lib/unescape');
+import whitelistFunc = require('validator/lib/whitelist');
 
 namespace import_tests {
   let _blacklist = validator.blacklist;
diff --git a/validator/validator.d.ts b/validator/validator.d.ts
index 02e8eba732..4cf18650f0 100644
--- a/validator/validator.d.ts
+++ b/validator/validator.d.ts
@@ -303,11 +303,310 @@ declare namespace ValidatorJS {
   }
 }
 
+/**
+ * MODULES
+ */
+declare var validator: ValidatorJS.ValidatorStatic;
+
 declare module "validator" {
-  const validator: ValidatorJS.ValidatorStatic;
   export = validator;
 }
 
+declare module "validator/lib/blacklist" {
+  const blacklist: typeof validator.blacklist;
+  export = blacklist;
+}
+
+declare module "validator/lib/contains" {
+  const contains: typeof validator.contains;
+  export = contains;
+}
+
+declare module "validator/lib/equals" {
+  const equals: typeof validator.equals;
+  export = equals;
+}
+
+declare module "validator/lib/escape" {
+  const escape: typeof validator.escape;
+  export = escape;
+}
+
+declare module "validator/lib/isAfter" {
+  const isAfter: typeof validator.isAfter;
+  export = isAfter;
+}
+
+declare module "validator/lib/isAlpha" {
+  const isAlpha: typeof validator.isAlpha;
+  export = isAlpha;
+}
+
+declare module "validator/lib/isAlphanumeric" {
+  const isAlphanumeric: typeof validator.isAlphanumeric;
+  export = isAlphanumeric;
+}
+
+declare module "validator/lib/isAscii" {
+  const isAscii: typeof validator.isAscii;
+  export = isAscii;
+}
+
+declare module "validator/lib/isBase64" {
+  const isBase64: typeof validator.isBase64;
+  export = isBase64;
+}
+
+declare module "validator/lib/isBefore" {
+  const isBefore: typeof validator.isBefore;
+  export = isBefore;
+}
+
+declare module "validator/lib/isBoolean" {
+  const isBoolean: typeof validator.isBoolean;
+  export = isBoolean;
+}
+
+declare module "validator/lib/isByteLength" {
+  const isByteLength: typeof validator.isByteLength;
+  export = isByteLength;
+}
+
+declare module "validator/lib/isCreditCard" {
+  const isCreditCard: typeof validator.isCreditCard;
+  export = isCreditCard;
+}
+
+declare module "validator/lib/isCurrency" {
+  const isCurrency: typeof validator.isCurrency;
+  export = isCurrency;
+}
+
+declare module "validator/lib/isDataURI" {
+  const isDataURI: typeof validator.isDataURI;
+  export = isDataURI;
+}
+
+declare module "validator/lib/isDate" {
+  const isDate: typeof validator.isDate;
+  export = isDate;
+}
+
+declare module "validator/lib/isDecimal" {
+  const isDecimal: typeof validator.isDecimal;
+  export = isDecimal;
+}
+
+declare module "validator/lib/isDivisibleBy" {
+  const isDivisibleBy: typeof validator.isDivisibleBy;
+  export = isDivisibleBy;
+}
+
+declare module "validator/lib/isEmail" {
+  const isEmail: typeof validator.isEmail;
+  export = isEmail;
+}
+
+declare module "validator/lib/isFQDN" {
+  const isFQDN: typeof validator.isFQDN;
+  export = isFQDN;
+}
+
+declare module "validator/lib/isFloat" {
+  const isFloat: typeof validator.isFloat;
+  export = isFloat;
+}
+
+declare module "validator/lib/isFullWidth" {
+  const isFullWidth: typeof validator.isFullWidth;
+  export = isFullWidth;
+}
+
+declare module "validator/lib/isHalfWidth" {
+  const isHalfWidth: typeof validator.isHalfWidth;
+  export = isHalfWidth;
+}
+
+declare module "validator/lib/isHexColor" {
+  const isHexColor: typeof validator.isHexColor;
+  export = isHexColor;
+}
+
+declare module "validator/lib/isHexadecimal" {
+  const isHexadecimal: typeof validator.isHexadecimal;
+  export = isHexadecimal;
+}
+
+declare module "validator/lib/isIP" {
+  const isIP: typeof validator.isIP;
+  export = isIP;
+}
+
+declare module "validator/lib/isISBN" {
+  const isISBN: typeof validator.isISBN;
+  export = isISBN;
+}
+
+declare module "validator/lib/isISIN" {
+  const isISIN: typeof validator.isISIN;
+  export = isISIN;
+}
+
+declare module "validator/lib/isISO8601" {
+  const isISO8601: typeof validator.isISO8601;
+  export = isISO8601;
+}
+
+declare module "validator/lib/isIn" {
+  const isIn: typeof validator.isIn;
+  export = isIn;
+}
+
+declare module "validator/lib/isInt" {
+  const isInt: typeof validator.isInt;
+  export = isInt;
+}
+
+declare module "validator/lib/isJSON" {
+  const isJSON: typeof validator.isJSON;
+  export = isJSON;
+}
+
+declare module "validator/lib/isLength" {
+  const isLength: typeof validator.isLength;
+  export = isLength;
+}
+
+declare module "validator/lib/isLowercase" {
+  const isLowercase: typeof validator.isLowercase;
+  export = isLowercase;
+}
+
+declare module "validator/lib/isMACAddress" {
+  const isMACAddress: typeof validator.isMACAddress;
+  export = isMACAddress;
+}
+
+declare module "validator/lib/isMD5" {
+  const isMD5: typeof validator.isMD5;
+  export = isMD5;
+}
+
+declare module "validator/lib/isMobilePhone" {
+  const isMobilePhone: typeof validator.isMobilePhone;
+  export = isMobilePhone;
+}
+
+declare module "validator/lib/isMongoId" {
+  const isMongoId: typeof validator.isMongoId;
+  export = isMongoId;
+}
+
+declare module "validator/lib/isMultibyte" {
+  const isMultibyte: typeof validator.isMultibyte;
+  export = isMultibyte;
+}
+
+declare module "validator/lib/isNull" {
+  const isNull: typeof validator.isNull;
+  export = isNull;
+}
+
+declare module "validator/lib/isNumeric" {
+  const isNumeric: typeof validator.isNumeric;
+  export = isNumeric;
+}
+
+declare module "validator/lib/isSurrogatePair" {
+  const isSurrogatePair: typeof validator.isSurrogatePair;
+  export = isSurrogatePair;
+}
+
+declare module "validator/lib/isURL" {
+  const isURL: typeof validator.isURL;
+  export = isURL;
+}
+
+declare module "validator/lib/isUUID" {
+  const isUUID: typeof validator.isUUID;
+  export = isUUID;
+}
+
+declare module "validator/lib/isUppercase" {
+  const isUppercase: typeof validator.isUppercase;
+  export = isUppercase;
+}
+
+declare module "validator/lib/isVariableWidth" {
+  const isVariableWidth: typeof validator.isVariableWidth;
+  export = isVariableWidth;
+}
+
+declare module "validator/lib/isWhitelisted" {
+  const isWhitelisted: typeof validator.isWhitelisted;
+  export = isWhitelisted;
+}
+
+declare module "validator/lib/ltrim" {
+  const ltrim: typeof validator.ltrim;
+  export = ltrim;
+}
+
+declare module "validator/lib/matches" {
+  const matches: typeof validator.matches;
+  export = matches;
+}
+
+declare module "validator/lib/normalizeEmail" {
+  const normalizeEmail: typeof validator.normalizeEmail;
+  export = normalizeEmail;
+}
+
+declare module "validator/lib/rtrim" {
+  const rtrim: typeof validator.rtrim;
+  export = rtrim;
+}
+
+declare module "validator/lib/stripLow" {
+  const stripLow: typeof validator.stripLow;
+  export = stripLow;
+}
+
+declare module "validator/lib/toBoolean" {
+  const toBoolean: typeof validator.toBoolean;
+  export = toBoolean;
+}
+
+declare module "validator/lib/toDate" {
+  const toDate: typeof validator.toDate;
+  export = toDate;
+}
+
+declare module "validator/lib/toFloat" {
+  const toFloat: typeof validator.toFloat;
+  export = toFloat;
+}
+
+declare module "validator/lib/toInt" {
+  const toInt: typeof validator.toInt;
+  export = toInt;
+}
+
+declare module "validator/lib/trim" {
+  const trim: typeof validator.trim;
+  export = trim;
+}
+
+declare module "validator/lib/unescape" {
+  const unescape: typeof validator.unescape;
+  export = unescape;
+}
+
+declare module "validator/lib/whitelist" {
+  const whitelist: typeof validator.whitelist;
+  export = whitelist;
+}
+
 // deprecated interfaces for backward compatibility, please use ValidatorJS.* instead the ones
 interface IValidatorStatic extends ValidatorJS.ValidatorStatic { }
 interface IURLoptions extends ValidatorJS.IsURLOptions { }

From 2f4b18f28ff87e939779f8bc63a3075abd5ff32c Mon Sep 17 00:00:00 2001
From: zhengbli <zhengbli@microsoft.com>
Date: Mon, 24 Oct 2016 22:52:02 -0700
Subject: [PATCH 381/382] stage changes to index.d.ts

---
 angular-material/index.d.ts |   1 +
 aws-lambda/index.d.ts       |   4 +-
 bunyan/index.d.ts           |  18 ++-
 byline/index.d.ts           |  49 +++---
 cassandra-driver/index.d.ts |   3 +-
 electron/index.d.ts         |  88 +++++++++++
 enzyme/index.d.ts           |  27 ++--
 finalhandler/index.d.ts     |  16 +-
 fs-extra/index.d.ts         |  17 +-
 fullcalendar/index.d.ts     |   8 +-
 hapi/index.d.ts             |  52 +++++--
 http-errors/index.d.ts      | 129 ++++++++--------
 inquirer/index.d.ts         |   2 +-
 ng-dialog/index.d.ts        |   1 +
 node-sass/index.d.ts        |   6 +-
 node-schedule/index.d.ts    |  85 +++++-----
 object-assign/index.d.ts    |   1 +
 ora/index.d.ts              |  29 ++--
 parsimmon/index.d.ts        | 299 +++++++++++++++++++-----------------
 pg-types/pg-types-tests.ts  |   3 +-
 pg-types/pg-types.d.ts      |  23 ---
 pg/index.d.ts               |  24 +--
 query-string/index.d.ts     |   8 +-
 ws/index.d.ts               |  10 +-
 yargs/index.d.ts            |   8 +-
 25 files changed, 539 insertions(+), 372 deletions(-)
 delete mode 100644 pg-types/pg-types.d.ts

diff --git a/angular-material/index.d.ts b/angular-material/index.d.ts
index d4020a8c2a..610dcf34d7 100644
--- a/angular-material/index.d.ts
+++ b/angular-material/index.d.ts
@@ -158,6 +158,7 @@ declare module 'angular' {
             hideDelay(delay: number): T;
             position(position: string): T;
             parent(parent?: string | Element | JQuery): T; // default: root node
+        toastClass(toastClass: string): T;
         }
 
         interface ISimpleToastPreset extends IToastPreset<ISimpleToastPreset> {
diff --git a/aws-lambda/index.d.ts b/aws-lambda/index.d.ts
index 95bc73466d..9d91c41de5 100644
--- a/aws-lambda/index.d.ts
+++ b/aws-lambda/index.d.ts
@@ -23,7 +23,9 @@ interface Context {
     getRemainingTimeInMillis(): number;
 
     // Functions for compatibility with earlier Node.js Runtime v0.10.42
-    log(message: string, object: any): void;
+        // For more details see http://docs.aws.amazon.com/lambda/latest/dg/nodejs-prog-model-using-old-runtime.html#nodejs-prog-model-oldruntime-context-methods
+        done(error?: Error, result?: any): void;
+        fail(error: Error): void;
     fail(message: string): void;
     succeed(message: string): void;
     succeed(object: any): void;
diff --git a/bunyan/index.d.ts b/bunyan/index.d.ts
index ade8577847..79aa9e5f20 100644
--- a/bunyan/index.d.ts
+++ b/bunyan/index.d.ts
@@ -11,7 +11,7 @@ import { EventEmitter } from 'events';
 declare class Logger extends EventEmitter {
     constructor(options: LoggerOptions);
     addStream(stream: Stream): void;
-    addSerializers(serializers: Serializers): void;
+        addSerializers(serializers:Serializers | StdSerializers):void;
     child(options: LoggerOptions, simple?: boolean): Logger;
     child(obj: Object, simple?: boolean): Logger;
     reopenFileStreams(): void;
@@ -21,7 +21,7 @@ declare class Logger extends EventEmitter {
     levels(name: number | string, value: number | string): void;
 
     fields: any;
-    src: boolean;
+        src:boolean;       
 
     trace(error: Error, format?: any, ...params: any[]): void;
     trace(buffer: Buffer, format?: any, ...params: any[]): void;
@@ -58,8 +58,18 @@ interface LoggerOptions {
     src?: boolean;
 }
 
+	interface Serializer {
+		(input:any): any;
+	}
+
 interface Serializers {
-    [key: string]: (input: any) => string;
+        [key:string]: Serializer;
+    }
+
+    interface StdSerializers {
+        err: Serializer;
+        res: Serializer;
+        req: Serializer;
 }
 
 interface Stream {
@@ -72,7 +82,7 @@ interface Stream {
     count?: number;
 }
 
-export declare var stdSerializers: Serializers;
+    export var stdSerializers:StdSerializers;
 
 export declare var TRACE: number;
 export declare var DEBUG: number;
diff --git a/byline/index.d.ts b/byline/index.d.ts
index 243db166cd..e8fc9f5731 100644
--- a/byline/index.d.ts
+++ b/byline/index.d.ts
@@ -7,31 +7,36 @@
 
 
 import stream = require("stream");
+declare function bl(): bl.LineStream;
+declare function bl(stream: NodeJS.ReadableStream, options?: bl.LineStreamOptions): bl.LineStream;
 
-export interface LineStreamOptions extends stream.TransformOptions {
-    keepEmptyLines?: boolean;
-}
+declare namespace bl {
 
-export interface LineStream extends stream.Transform {
-}
+    export interface LineStreamOptions extends stream.TransformOptions {
+        keepEmptyLines?: boolean;
+    }
 
-export interface LineStreamCreatable extends LineStream {
-    new (options?: LineStreamOptions): LineStream
-}
+    export interface LineStream extends stream.Transform {
+    }
 
-//TODO is it possible to declare static factory functions without name (directly on the module)
-//
-// JS:
-// // convinience API
-// module.exports = function(readStream, options) {
-//      return module.exports.createStream(readStream, options);
-// };
-//
-// TS:
-// ():LineStream; // same as createStream():LineStream
-// (stream:stream.Stream, options?:LineStreamOptions):LineStream; // same as createStream(stream, options?):LineStream
+    export interface LineStreamCreatable extends LineStream {
+        new (options?: LineStreamOptions): LineStream
+    }
 
-export declare function createStream(): LineStream;
-export declare function createStream(stream: NodeJS.ReadableStream, options?: LineStreamOptions): LineStream;
+    //TODO is it possible to declare static factory functions without name (directly on the module)
+    //
+    // JS:
+    // // convinience API
+    // module.exports = function(readStream, options) {
+    //      return module.exports.createStream(readStream, options);
+    // };
+    //
+    // TS:
+    // ():LineStream; // same as createStream():LineStream
+    // (stream:stream.Stream, options?:LineStreamOptions):LineStream; // same as createStream(stream, options?):LineStream
 
-export declare var LineStream: LineStreamCreatable;
+    export declare function createStream(): LineStream;
+    export declare function createStream(stream: NodeJS.ReadableStream, options?: LineStreamOptions): LineStream;
+
+    export declare var LineStream: LineStreamCreatable;
+}
\ No newline at end of file
diff --git a/cassandra-driver/index.d.ts b/cassandra-driver/index.d.ts
index 55a67e11f9..041f9f84e2 100644
--- a/cassandra-driver/index.d.ts
+++ b/cassandra-driver/index.d.ts
@@ -134,7 +134,7 @@ export namespace types {
   var LocalTime: LocalTimeStatic;
   var Long: _Long;
   var ResultSet: ResultSetStatic;
-  var ResultStream: ResultStreamStatic;
+    // var ResultStream: ResultStreamStatic;
   var Row: RowStatic;
   var TimeUuid: TimeUuidStatic;
   var Tuple: TupleStatic;
@@ -365,7 +365,6 @@ export namespace types {
     buffer: Buffer;
     paused: boolean;
 
-    _read(): void;
     _valve(readNext: Function): void;
     add(chunk: Buffer): void;
   }
diff --git a/electron/index.d.ts b/electron/index.d.ts
index fe03d288b3..d39710189b 100644
--- a/electron/index.d.ts
+++ b/electron/index.d.ts
@@ -423,6 +423,13 @@ declare namespace Electron {
 		 * Note: This API is only available on macOS and Windows.
 		 */
 		setLoginItemSettings(settings: LoginItemSettings): void;
+		/**
+		 * Set the about panel options. This will override the values defined in the app's .plist file.
+		 * See the Apple docs for more details.
+		 *
+		 * Note: This API is only available on macOS.
+		 */
+		setAboutPanelOptions(options: AboutPanelOptions): void;
 		commandLine: CommandLine;
 		/**
 		 * Note: This API is only available on macOS.
@@ -684,6 +691,29 @@ declare namespace Electron {
 		restoreState?: boolean;
 	}
 
+	interface AboutPanelOptions {
+		/**
+		 * The app's name.
+		 */
+		applicationName?: string;
+		/**
+		 * The app's version.
+		 */
+		applicationVersion?: string;
+		/**
+		 * Copyright information.
+		 */
+		copyright?: string;
+		/**
+		 * Credit information.
+		 */
+		credits?: string;
+		/**
+		 * The app's build version number.
+		 */
+		version?: string;
+	}
+
 	// https://github.com/electron/electron/blob/master/docs/api/auto-updater.md
 
 	/**
@@ -3525,6 +3555,38 @@ declare namespace Electron {
 
 	// https://github.com/electron/electron/blob/master/docs/api/system-preferences.md
 
+	type SystemColor =
+		'3d-dark-shadow' |            // Dark shadow for three-dimensional display elements.
+		'3d-face' |                   // Face color for three-dimensional display elements and for dialog box backgrounds.
+		'3d-highlight' |              // Highlight color for three-dimensional display elements.
+		'3d-light' |                  // Light color for three-dimensional display elements.
+		'3d-shadow' |                 // Shadow color for three-dimensional display elements.
+		'active-border' |             // Active window border.
+		'active-caption' |            // Active window title bar. Specifies the left side color in the color gradient of an active window's title bar if the gradient effect is enabled.
+		'active-caption-gradient' |   // Right side color in the color gradient of an active window's title bar.
+		'app-workspace' |             // Background color of multiple document interface (MDI) applications.
+		'button-text' |               // Text on push buttons.
+		'caption-text' |              // Text in caption, size box, and scroll bar arrow box.
+		'desktop' |                   // Desktop background color.
+		'disabled-text' |             // Grayed (disabled) text.
+		'highlight' |                 // Item(s) selected in a control.
+		'highlight-text' |            // Text of item(s) selected in a control.
+		'hotlight' |                  // Color for a hyperlink or hot-tracked item.
+		'inactive-border' |           // Inactive window border.
+		'inactive-caption' |          // Inactive window caption. Specifies the left side color in the color gradient of an inactive window's title bar if the gradient effect is enabled.
+		'inactive-caption-gradient' | // Right side color in the color gradient of an inactive window's title bar.
+		'inactive-caption-text' |     // Color of text in an inactive caption.
+		'info-background' |           // Background color for tooltip controls.
+		'info-text' |                 // Text color for tooltip controls.
+		'menu' |                      // Menu background.
+		'menu-highlight' |            // The color used to highlight menu items when the menu appears as a flat menu.
+		'menubar' |                   // The background color for the menu bar when menus appear as flat menus.
+		'menu-text' |                 // Text in menus.
+		'scrollbar' |                 // Scroll bar gray area.
+		'window' |                    // Window background.
+		'window-frame' |              // Window frame.
+		'window-text'; // Text in windows.
+
 	/**
 	 * Get system preferences.
 	 */
@@ -3533,6 +3595,20 @@ declare namespace Electron {
 		 * Note: This is only implemented on Windows.
 		 */
 		on(event: 'accent-color-changed', listener: (event: Event, newColor: string) => void): this;
+		/**
+		 * Note: This is only implemented on Windows.
+		 */
+		on(event: 'color-changed', listener: (event: Event) => void): this;
+		/**
+		 * Note: This is only implemented on Windows.
+		 */
+		on(event: 'inverted-color-scheme-changed', listener: (
+			event: Event,
+			/**
+			 * @param invertedColorScheme true if an inverted color scheme, such as a high contrast theme, is being used, false otherwise.
+			 */
+			invertedColorScheme: boolean
+		) => void): this;
 		on(event: string, listener: Function): this;
 		/**
 		 * @returns Whether the system is in Dark Mode.
@@ -3599,6 +3675,18 @@ declare namespace Electron {
 		 * Note: This is only implemented on Windows.
 		 */
 		getAccentColor(): string;
+		/**
+		 * @returns true if an inverted color scheme, such as a high contrast theme, is active, false otherwise.
+		 *
+		 * Note: This is only implemented on Windows.
+		 */
+		isInvertedColorScheme(): boolean;
+		/**
+		 * @returns The system color setting in RGB hexadecimal form (#ABCDEF). See the Windows docs for more details.
+		 *
+		 * Note: This is only implemented on Windows.
+		 */
+		getColor(color: SystemColor): string;
 	}
 
 	// https://github.com/electron/electron/blob/master/docs/api/tray.md
diff --git a/enzyme/index.d.ts b/enzyme/index.d.ts
index 02b0db7ef0..ddbee13c28 100644
--- a/enzyme/index.d.ts
+++ b/enzyme/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for Enzyme v2.4.1
+// Type definitions for Enzyme v2.5.1
 // Project: https://github.com/airbnb/enzyme
-// Definitions by: Marian Palkus <https://github.com/MarianPalkus>, Cap3 <http://www.cap3.de>
+// Definitions by: Marian Palkus <https://github.com/MarianPalkus>, Cap3 <http://www.cap3.de>, Ivo Stratev <https://github.com/NoHomey>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 import { ReactElement, Component, StatelessComponent, ComponentClass, HTMLAttributes as ReactHTMLAttributes } from "react";
@@ -101,11 +101,11 @@ interface CommonWrapper<P, S> {
     is(selector: EnzymeSelector): boolean;
 
     /**
-     * Returns whether or not the current node is empty.
-     */
-    isEmpty(): boolean;
+         * Returns whether or not the current node is empty.
+         */
+        isEmpty(): boolean;
 
-    /**
+        /**
      * Returns a new wrapper with only the nodes of the current wrapper that don't match the provided selector.
      * This method is effectively the negation or inverse of filter.
      * @param selector
@@ -251,8 +251,9 @@ interface CommonWrapper<P, S> {
      *
      * NOTE: can only be called on a wrapper instance that is also the root instance.
      * @param state
+         * @param [callback]
      */
-    setState(state: S): this;
+        setState(state: S, callback?: () => void): this;
 
     /**
      * A method that sets the props of the root component, and re-renders. Useful for when you are wanting to test
@@ -263,9 +264,10 @@ interface CommonWrapper<P, S> {
      * Returns itself.
      *
      * NOTE: can only be called on a wrapper instance that is also the root instance.
-     * @param state
+         * @param props
+         * @param [callback]
      */
-    setProps(props: P): this;
+        setProps(props: P, callback?: () => void): this;
 
     /**
      * A method that sets the context of the root component, and re-renders. Useful for when you are wanting to
@@ -423,6 +425,13 @@ export interface ShallowWrapper<P, S> extends CommonWrapper<P, S> {
     childAt<P2, S2>(index: number): ShallowWrapper<P2, S2>;
 
     /**
+         * Shallow render the one non-DOM child of the current wrapper, and return a wrapper around the result.
+         * NOTE: can only be called on wrapper of a single non-DOM component element node.
+         * @param [options]
+         */
+        dive<P2, S2>(options?: ShallowRendererProps): ShallowWrapper<P2, S2>;
+
+        /**
      * Returns a wrapper around all of the parents/ancestors of the wrapper. Does not include the node in the
      * current wrapper. Optionally, a selector can be provided and it will filter the parents by this selector.
      *
diff --git a/finalhandler/index.d.ts b/finalhandler/index.d.ts
index 99245e91f1..07bbe63c91 100644
--- a/finalhandler/index.d.ts
+++ b/finalhandler/index.d.ts
@@ -8,12 +8,14 @@
 
 import {ServerRequest, ServerResponse} from "http";
 
-export interface Options {
-    message?: boolean | ((err: any, status: number) => string);
-    onerror?: (err: any, req: ServerRequest, res: ServerResponse) => void;
-    stacktrace?: boolean;
+declare function finalHandler(req: ServerRequest, res: ServerResponse, options?: finalHandler.Options): (err: any) => void;
+
+declare namespace finalHandler {
+	export interface Options {
+		message?: boolean|((err: any, status: number) => string);
+		onerror?: (err: any, req: ServerRequest, res: ServerResponse) => void;
+		stacktrace?: boolean;
+	}
 }
 
-declare function finalHandler(req: ServerRequest, res: ServerResponse, options?: Options): (err: any) => void;
-
-export default finalHandler;
+export = finalHandler;
diff --git a/fs-extra/index.d.ts b/fs-extra/index.d.ts
index 334bc4b9ea..5d53a4d28f 100644
--- a/fs-extra/index.d.ts
+++ b/fs-extra/index.d.ts
@@ -8,7 +8,6 @@
 /// <reference types="node" />
 
 import * as stream from 'stream';
-
 export * from "fs";
 
 export declare function copy(src: string, dest: string, callback?: (err: Error) => void): void;
@@ -19,9 +18,6 @@ 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 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 declare function createFile(file: string, callback?: (err: Error) => void): void;
 export declare function createFileSync(file: string): void;
 
@@ -73,8 +69,8 @@ export declare function ensureSymlinkSync(path: string): void;
 
 export declare function emptyDir(path: string, callback?: (err: Error) => void): void;
 export declare function emptyDirSync(path: string): boolean;
-
-export interface CopyFilterFunction {
+	
+    export interface CopyFilterFunction {
     (src: string): boolean
 }
 
@@ -87,10 +83,11 @@ export interface CopyOptions {
     filter?: CopyFilter
     recursive?: boolean
 }
-export interface MoveOptions {
-    clobber?: boolean;
-    limit?: number;
-}
+	
+	export interface MoveOptions {
+		clobber? : boolean;
+		limit?: number;
+	}
 
 export interface OpenOptions {
     encoding?: string;
diff --git a/fullcalendar/index.d.ts b/fullcalendar/index.d.ts
index c62b02d654..fc687696f1 100644
--- a/fullcalendar/index.d.ts
+++ b/fullcalendar/index.d.ts
@@ -136,13 +136,7 @@ export interface Options extends AgendaOptions, EventDraggingResizingOptions, Dr
     eventAfterAllRender?: (view: ViewObject) => void;
     eventDestroy?: (event: EventObject, element: JQuery, view: ViewObject) => void;
 
-    //scheduler options
-    resourceAreaWidth?: number;
-    schedulerLicenseKey?: string;
-    customButtons?: any;
-    resourceLabelText?: any;
-    resourceColumns?: any;
-    displayEventTime?: any;
+	//scheduler options
 }
 
 /**
diff --git a/hapi/index.d.ts b/hapi/index.d.ts
index 16b58f005c..5eaf43d7fa 100644
--- a/hapi/index.d.ts
+++ b/hapi/index.d.ts
@@ -73,6 +73,37 @@ export interface ICatBoxCacheOptions {
     /**   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 {
@@ -103,6 +134,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;
     /**  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).  */
@@ -328,11 +361,12 @@ export interface IStrictReply<T> extends IReplyMethods {
 
 export interface ISessionHandler {
     (request: Request, reply: IReply): void;
-}
+	}
 
-export interface IStrictSessionHandler {
+	export interface IStrictSessionHandler {
     <T>(request: Request, reply: IStrictReply<T>): void;
 }
+
 export interface IRequestHandler<T> {
     (request: Request): T;
 }
@@ -496,7 +530,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: */
@@ -895,7 +929,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;
 }
@@ -1106,7 +1140,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?: ICatBoxCacheOptions;
+		cache?: ICatBoxCachePolicyOptions;
     callback?: boolean;
     generateKey?(args: any[]): string;
 }
@@ -1873,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:
@@ -1942,7 +1976,7 @@ export class Server extends Events.EventEmitter {
 	// value === { capital: 'oslo' };
 	});
 	});*/
-    cache(options: ICatBoxCacheOptions): void;
+		cache(options: ICatBoxCachePolicyOptions): void;
 
 	/** server.connection([options])
 	 Adds an incoming server connection
diff --git a/http-errors/index.d.ts b/http-errors/index.d.ts
index 199a521b06..7766aa3508 100644
--- a/http-errors/index.d.ts
+++ b/http-errors/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for http-errors v1.3.1
+// Type definitions for http-errors v1.5.0
 // Project: https://github.com/jshttp/http-errors
 // Definitions by: Tanguy Krotoff <https://github.com/tkrotoff>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -12,6 +12,8 @@ declare namespace createHttpError {
         statusCode: number;
         expose: boolean;
     }
+                
+      type HttpErrorConstructor = new(msg?: string) => HttpError;
 
     interface CreateHttpError {
         // See https://github.com/Microsoft/TypeScript/issues/227#issuecomment-50092674
@@ -19,68 +21,69 @@ declare namespace createHttpError {
 
         (...args: Array<Error | string | number | Object>): HttpError;
 
-        Continue: new () => HttpError;
-        SwitchingProtocols: new () => HttpError;
-        Processing: new () => HttpError;
-        OK: new () => HttpError;
-        Created: new () => HttpError;
-        Accepted: new () => HttpError;
-        NonAuthoritativeInformation: new () => HttpError;
-        NoContent: new () => HttpError;
-        ResetContent: new () => HttpError;
-        PartialContent: new () => HttpError;
-        MultiStatus: new () => HttpError;
-        AlreadyReported: new () => HttpError;
-        IMUsed: new () => HttpError;
-        MultipleChoices: new () => HttpError;
-        MovedPermanently: new () => HttpError;
-        Found: new () => HttpError;
-        SeeOther: new () => HttpError;
-        NotModified: new () => HttpError;
-        UseProxy: new () => HttpError;
-        Unused: new () => HttpError;
-        TemporaryRedirect: new () => HttpError;
-        PermanentRedirect: new () => HttpError;
-        BadRequest: new () => HttpError;
-        Unauthorized: new () => HttpError;
-        PaymentRequired: new () => HttpError;
-        Forbidden: new () => HttpError;
-        NotFound: new () => HttpError;
-        MethodNotAllowed: new () => HttpError;
-        NotAcceptable: new () => HttpError;
-        ProxyAuthenticationRequired: new () => HttpError;
-        RequestTimeout: new () => HttpError;
-        Conflict: new () => HttpError;
-        Gone: new () => HttpError;
-        LengthRequired: new () => HttpError;
-        PreconditionFailed: new () => HttpError;
-        PayloadTooLarge: new () => HttpError;
-        URITooLong: new () => HttpError;
-        UnsupportedMediaType: new () => HttpError;
-        RangeNotSatisfiable: new () => HttpError;
-        ExpectationFailed: new () => HttpError;
-        ImATeapot: new () => HttpError;
-        UnprocessableEntity: new () => HttpError;
-        Locked: new () => HttpError;
-        FailedDependency: new () => HttpError;
-        UnorderedCollection: new () => HttpError;
-        UpgradeRequired: new () => HttpError;
-        PreconditionRequired: new () => HttpError;
-        TooManyRequests: new () => HttpError;
-        RequestHeaderFieldsTooLarge: new () => HttpError;
-        UnavailableForLegalReasons: new () => HttpError;
-        InternalServerError: new () => HttpError;
-        NotImplemented: new () => HttpError;
-        BadGateway: new () => HttpError;
-        ServiceUnavailable: new () => HttpError;
-        GatewayTimeout: new () => HttpError;
-        HTTPVersionNotSupported: new () => HttpError;
-        VariantAlsoNegotiates: new () => HttpError;
-        InsufficientStorage: new () => HttpError;
-        LoopDetected: new () => HttpError;
-        BandwidthLimitExceeded: new () => HttpError;
-        NotExtended: new () => HttpError;
-        NetworkAuthenticationRequired: new () => HttpError;
+          Continue: HttpErrorConstructor;
+          SwitchingProtocols: HttpErrorConstructor;
+          Processing: HttpErrorConstructor;
+          OK: HttpErrorConstructor;
+          Created: HttpErrorConstructor;
+          Accepted: HttpErrorConstructor;
+          NonAuthoritativeInformation: HttpErrorConstructor;
+          NoContent: HttpErrorConstructor;
+          ResetContent: HttpErrorConstructor;
+          PartialContent: HttpErrorConstructor;
+          MultiStatus: HttpErrorConstructor;
+          AlreadyReported: HttpErrorConstructor;
+          IMUsed: HttpErrorConstructor;
+          MultipleChoices: HttpErrorConstructor;
+          MovedPermanently: HttpErrorConstructor;
+          Found: HttpErrorConstructor;
+          SeeOther: HttpErrorConstructor;
+          NotModified: HttpErrorConstructor;
+          UseProxy: HttpErrorConstructor;
+          Unused: HttpErrorConstructor;
+          TemporaryRedirect: HttpErrorConstructor;
+          PermanentRedirect: HttpErrorConstructor;
+          BadRequest: HttpErrorConstructor;
+          Unauthorized: HttpErrorConstructor;
+          PaymentRequired: HttpErrorConstructor;
+          Forbidden: HttpErrorConstructor;
+          NotFound: HttpErrorConstructor;
+          MethodNotAllowed: HttpErrorConstructor;
+          NotAcceptable: HttpErrorConstructor;
+          ProxyAuthenticationRequired: HttpErrorConstructor;
+          RequestTimeout: HttpErrorConstructor;
+          Conflict: HttpErrorConstructor;
+          Gone: HttpErrorConstructor;
+          LengthRequired: HttpErrorConstructor;
+          PreconditionFailed: HttpErrorConstructor;
+          PayloadTooLarge: HttpErrorConstructor;
+          URITooLong: HttpErrorConstructor;
+          UnsupportedMediaType: HttpErrorConstructor;
+          RangeNotSatisfiable: HttpErrorConstructor;
+          ExpectationFailed: HttpErrorConstructor;
+          ImATeapot: HttpErrorConstructor;
+          MisdirectedRequest: HttpErrorConstructor;
+          UnprocessableEntity: HttpErrorConstructor;
+          Locked: HttpErrorConstructor;
+          FailedDependency: HttpErrorConstructor;
+          UnorderedCollection: HttpErrorConstructor;
+          UpgradeRequired: HttpErrorConstructor;
+          PreconditionRequired: HttpErrorConstructor;
+          TooManyRequests: HttpErrorConstructor;
+          RequestHeaderFieldsTooLarge: HttpErrorConstructor;
+          UnavailableForLegalReasons: HttpErrorConstructor;
+          InternalServerError: HttpErrorConstructor;
+          NotImplemented: HttpErrorConstructor;
+          BadGateway: HttpErrorConstructor;
+          ServiceUnavailable: HttpErrorConstructor;
+          GatewayTimeout: HttpErrorConstructor;
+          HTTPVersionNotSupported: HttpErrorConstructor;
+          VariantAlsoNegotiates: HttpErrorConstructor;
+          InsufficientStorage: HttpErrorConstructor;
+          LoopDetected: HttpErrorConstructor;
+          BandwidthLimitExceeded: HttpErrorConstructor;
+          NotExtended: HttpErrorConstructor;
+          NetworkAuthenticationRequired: HttpErrorConstructor;
     }
 }
 
diff --git a/inquirer/index.d.ts b/inquirer/index.d.ts
index 9ff36e3098..244b1ee003 100644
--- a/inquirer/index.d.ts
+++ b/inquirer/index.d.ts
@@ -110,7 +110,7 @@ declare namespace inquirer {
      * A key/value hash containing the client answers in each prompt.
      */
     interface Answers {
-        [key: string]: string | boolean;
+            [key: string]: any;
     }
 
     namespace ui {
diff --git a/ng-dialog/index.d.ts b/ng-dialog/index.d.ts
index 38880d7d0e..1c24461057 100644
--- a/ng-dialog/index.d.ts
+++ b/ng-dialog/index.d.ts
@@ -237,6 +237,7 @@ declare module 'angular' {
 			template: string;
 			controller?: string| any[] | any;
 			controllerAs?: string;
+		bindToController?: boolean;
 
 			/**
 			 * Scope object that will be passed to dialog. If you use controller with separate $scope service this object will be passed to $scope.$parent param.
diff --git a/node-sass/index.d.ts b/node-sass/index.d.ts
index dd41842bf9..c75469595f 100644
--- a/node-sass/index.d.ts
+++ b/node-sass/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Node Sass
+// Type definitions for Node Sass v3.10.1
 // Project: https://github.com/sass/node-sass
 // Definitions by: Asana <https://asana.com>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -22,13 +22,13 @@ interface Options {
     linefeed?: string;
     omitSourceMapUrl?: boolean;
     outFile?: string;
-    outputStyle?: string;
+        outputStyle?: "compact" | "compressed" | "expanded" | "nested";
     precision?: number;
     sourceComments?: boolean;
     sourceMap?: boolean | string;
     sourceMapContents?: boolean;
     sourceMapEmbed?: boolean;
-    sourceMapRoot?: boolean;
+        sourceMapRoot?: string;
 }
 
 interface SassError extends Error {
diff --git a/node-schedule/index.d.ts b/node-schedule/index.d.ts
index eb287fe016..b4cf431e64 100644
--- a/node-schedule/index.d.ts
+++ b/node-schedule/index.d.ts
@@ -11,7 +11,7 @@ import { EventEmitter } from 'events';
  * The callback executed by a Job
  */
 export interface JobCallback {
-    (): void;
+        ():void;
 }
 
 /**
@@ -23,7 +23,7 @@ export class Job extends EventEmitter {
     /**
      * This Job's name. read-only.
      */
-    name: string;
+        name:string;
 
     /**
      * Use the function scheduleJob() to create new Job objects.
@@ -34,7 +34,7 @@ export class Job extends EventEmitter {
      * @param {JobCallback|Function} job      either this Job's callback or an optional callback function
      * @param {Function}             callback optional callback that is executed right before the JobCallback
      */
-    constructor(name: string | JobCallback, job?: JobCallback | Function, callback?: Function);
+        constructor(name: string|JobCallback, job?: JobCallback|Function, callback?: Function);
 
     /**
      * Adds an Invocation to this job. For internal use.
@@ -42,7 +42,7 @@ export class Job extends EventEmitter {
      * @param {Invocation} invokation
      * @return {boolean} whether the invocation could be added
      */
-    trackInvocation(invokation: Invocation): boolean;
+        trackInvocation(invokation:Invocation):boolean;
 
     /**
      * removes an Invocation from this Job's tracking list. For internal use.
@@ -50,69 +50,69 @@ export class Job extends EventEmitter {
      * @param invocation {Invocation}
      * @return boolean whether the invocation was successful. Removing an Invocation that doesn't exist, returns false.
      */
-    stopTrackingInvocation(invocation: Invocation): boolean;
+        stopTrackingInvocation(invocation:Invocation):boolean;
 
     /**
      * @internal
      * @return {number} the number of currently running instances of this Job.
      */
-    triggeredJobs(): number;
+        triggeredJobs():number;
 
     /**
      * set the number of currently running Jobs.
      * @internal
      * @param triggeredJobs
      */
-    setTriggeredJobs(triggeredJobs: number): void;
+        setTriggeredJobs(triggeredJobs:number):void;
 
     /**
      * cancel all pending Invocations of this Job.
      * @param reschedule {boolean} whether to reschedule the canceled Invocations.
      */
-    cancel(reschedule?: boolean): boolean;
+        cancel(reschedule?:boolean):boolean;
 
     /**
      * cancel the next Invocation of this Job.
      * @param reschedule {boolean} whether to reschedule the canceled Invocation.
      * @return {boolean} whether cancelation was successful
      */
-    cancelNext(reschedule?: boolean): boolean;
+        cancelNext(reschedule?:boolean):boolean;
 
     /**
      * Changes the scheduling information for this Job.
      * @param spec {RecurrenceRule|string|number} the
      * @return {boolean} whether the reschedule was successful
      */
-    reschedule(spec: RecurrenceRule | string | number): boolean;
+        reschedule(spec:RecurrenceRule|string|number):boolean;
 
     /**
      * Returns the Date on which this Job will be run next.
      * @return {Date}
      */
-    nextInvocation(): Date;
+        nextInvocation():Date;
 
     /**
      * @return Invocation[] a list of all pending Invocations
      */
-    pendingInvocations(): Invocation[];
+        pendingInvocations():Invocation[];
 
     /**
      * run this Job immediately.
      */
-    invoke(): void;
+        invoke():void;
 
     /**
      * schedule this Job to be run on the specified date.
      * @param date {Date}
      */
-    runOnDate(date: Date): void;
+        runOnDate(date:Date): void;
 
     /**
      * set scheduling information
      * @param {Date|string|number} date
      * @public
      */
-    schedule(date: Date | string | number): boolean;
+        schedule(date: Date|string|number): boolean;
 }
 
 /**
@@ -140,6 +140,9 @@ export class Range {
     contains(value: number): boolean;
 }
 
+    type Recurrence = number | Range | string;
+    type RecurrenceSegment = Recurrence | Recurrence[];
+
 /**
  * Recurrence rules.
  */
@@ -148,67 +151,67 @@ export class RecurrenceRule {
      * Day of the month.
      *
      * @public
-     * @type {number}
+         * @type {RecurrenceSegment}
      */
-    date: number;
+        date: RecurrenceSegment;
 
     /**
      * Day of the week.
      *
      * @public
-     * @type {number|Array<number|Range>}
+         * @type {RecurrenceSegment}
      */
-    dayOfWeek: number | Array<number | Range>;
+        dayOfWeek: RecurrenceSegment;
 
     /**
      * Hour.
      *
      * @public
-     * @type {number}
+         * @type {RecurrenceSegment}
      */
-    hour: number;
+        hour: RecurrenceSegment;
 
     /**
      * Minute.
      *
      * @public
-     * @type {number}
+         * @type {RecurrenceSegment}
      */
-    minute: number;
+        minute: RecurrenceSegment;
 
     /**
      * Month.
      *
      * @public
-     * @type {number}
+         * @type {RecurrenceSegment}
      */
-    month: number;
+        month: RecurrenceSegment;
 
     /**
      * Second.
      *
      * @public
-     * @type {number}
+         * @type {RecurrenceSegment}
      */
-    second: number;
+        second: RecurrenceSegment;
 
     /**
      * Year.
      *
      * @public
-     * @type {number}
+         * @type {RecurrenceSegment}
      */
-    year: number;
+        year: RecurrenceSegment;
 
-    constructor(year?: number,
-        month?: number,
-        date?: number,
-        dayOfWeek?: number | Array<number | Range>,
-        hour?: number,
-        minute?: number,
-        second?: number);
+        constructor(year?: RecurrenceSegment,
+            month?: RecurrenceSegment,
+            date?: RecurrenceSegment,
+            dayOfWeek?: RecurrenceSegment,
+            hour?: RecurrenceSegment,
+            minute?: RecurrenceSegment,
+            second?: RecurrenceSegment);
 
-    nextInvocationDate(base: Date): Date;
+        nextInvocationDate(base:Date):Date;
 }
 
 /**
@@ -267,7 +270,7 @@ export class Invocation {
  * @param {RecurrenceRule|Date|string} rule     either the scheduling info or the JobCallback
  * @param {JobCallback}                callback The callback to be executed on each invocation.
  */
-export function scheduleJob(name: string | RecurrenceRule | Date, rule: RecurrenceRule | Date | string | JobCallback, callback?: JobCallback): Job;
+    export function scheduleJob(name:string|RecurrenceRule|Date, rule: RecurrenceRule|Date|string|JobCallback, callback?: JobCallback): Job;
 
 /**
  * Changes the timing of a Job, canceling all pending invocations.
@@ -276,12 +279,12 @@ export function scheduleJob(name: string | RecurrenceRule | Date, rule: Recurren
  * @param spec {JobCallback} the new timing for this Job
  * @return {Job} if the job could be rescheduled, {null} otherwise.
  */
-export function rescheduleJob(job: Job | string, spec: RecurrenceRule | Date | string): Job;
+    export function rescheduleJob(job:Job|string, spec:RecurrenceRule|Date|string):Job;
 
 /**
  * Dictionary of all Jobs, accessible by name.
  */
-export let scheduledJobs: { [jobName: string]: Job };
+    export let scheduledJobs:{[jobName:string]:Job};
 
 /**
  * Cancels the job.
@@ -289,4 +292,4 @@ export let scheduledJobs: { [jobName: string]: Job };
  * @param {Job} job The job.
  * @returns {boolean} {true} if the job has been cancelled with success, otherwise, {false}.
  */
-export function cancelJob(job: Job | string): boolean;
+    export function cancelJob(job: Job|string): boolean;
diff --git a/object-assign/index.d.ts b/object-assign/index.d.ts
index 75791941f5..68371361a4 100644
--- a/object-assign/index.d.ts
+++ b/object-assign/index.d.ts
@@ -10,4 +10,5 @@ declare function objectAssign<T, U, V, W>(target: T, source1: U, source2: V, sou
 declare function objectAssign<T, U, V, W, Q>(target: T, source1: U, source2: V, source3: W, source4: Q): T & U & V & W & Q;
 declare function objectAssign<T, U, V, W, Q, R>(target: T, source1: U, source2: V, source3: W, source4: Q, source5: R): T & U & V & W & Q & R;
 declare function objectAssign(target: any, ...sources: any[]): any;
+declare namespace objectAssign { }
 export = objectAssign;
diff --git a/ora/index.d.ts b/ora/index.d.ts
index e58b5575c7..a31d2bd5c1 100644
--- a/ora/index.d.ts
+++ b/ora/index.d.ts
@@ -1,24 +1,35 @@
-// Type definitions for ora
+// Type definitions for ora v0.3.0
 // Project: https://github.com/sindresorhus/ora
 // Definitions by: Basarat Ali Syed <https://github.com/basarat/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+/// <reference types="node" />
+
 
 type Color = 'black' | 'red' | 'green' | 'yellow' | 'blue' | 'magenta' | 'cyan' | 'white' | 'gray';
 type Text = string;
 interface Options {
     text?: Text;
-    spinner?: string | { interval?: number; frames: string[]; }
+        spinner?: string | Spinner;
     color?: Color;
-    stream?: any;
+        interval?: number;
+        stream?: NodeJS.WritableStream;
+        enabled?: boolean;
+    }
+    interface Spinner {
+        interval?: number;
+        frames: string[];
 }
 interface Instance {
-    start(): void;
-    stop(): void;
-    clear(): void;
-    frame(): void;
-    render(): void;
-    text: Text;
+        start(): Instance;
+        stop(): Instance;
+        succeed(): Instance;
+        fail(): Instance;
+        stopAndPersist(symbol?: string): Instance;
+        clear(): Instance;
+        render(): Instance;
+        frame(): Instance;
+        text: string;
     color: Color;
 }
 declare function ora(options: Options | Text): Instance;
diff --git a/parsimmon/index.d.ts b/parsimmon/index.d.ts
index 2bf729417a..6e137af26c 100644
--- a/parsimmon/index.d.ts
+++ b/parsimmon/index.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for Parsimmon 0.9.2
 // Project: https://github.com/jneen/parsimmon
-// Definitions by: Bart van der Schoor <https://github.com/Bartvds>, Mizunashi Mana <https://github.com/mizunashi-mana>
+// Definitions by: Bart van der Schoor <https://github.com/Bartvds>, Mizunashi Mana <https://github.com/mizunashi-mana>, Boris Cherny <https://github.com/bcherny>, Benny van Reeven <https://github.com/bvanreeven>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // TODO convert to generics
@@ -10,9 +10,18 @@ declare namespace Parsimmon {
 
     export type StreamType = string;
 
+		export interface Index {
+			/** zero-based character offset */
+			offset: number;
+			/** one-based line offset */
+			line: number;
+			/** one-based column offset */
+			column: number;
+		}
+
     export interface Mark<T> {
-        start: number;
-        end: number;
+			start: Index;
+			end: Index;
         value: T;
     }
 
@@ -20,236 +29,238 @@ declare namespace Parsimmon {
         status: boolean;
         value?: T;
         expected?: string;
-        index?: number;
+			index?: Index;
     }
 
     export interface Parser<T> {
-        /**
-         * parse the string
+			/**
+			 * parse the string
          */
         parse(input: string): Result<T>;
-        /**
-         * returns a new parser which tries parser, and if it fails uses otherParser.
+			/**
+			 * returns a new parser which tries parser, and if it fails uses otherParser.
          */
         or(otherParser: Parser<T>): Parser<T>;
         or<U>(otherParser: Parser<U>): Parser<any>;
-		/**
-		 * returns a new parser which tries parser, and on success calls the given function
-		 * with the result of the parse, which is expected to return another parser, which
-		 * will be tried next
+			/**
+			 * returns a new parser which tries parser, and on success calls the given function
+			 * with the result of the parse, which is expected to return another parser, which
+			 * will be tried next
 		*/
         chain<U>(next: (result: T) => Parser<U>): Parser<U>;
-		/**
-		 * returns a new parser which tries parser, and on success calls the given function
-		 * with the result of the parse, which is expected to return another parser.
+			/**
+			 * returns a new parser which tries parser, and on success calls the given function
+			 * with the result of the parse, which is expected to return another parser.
 		 */
         then<U>(call: (result: T) => Parser<U>): Parser<U>;
-		/**
-		 * expects anotherParser to follow parser, and yields the result of anotherParser.
-		 * NB: the result of parser here is ignored.
+			/**
+			 * expects anotherParser to follow parser, and yields the result of anotherParser.
+			 * NB: the result of parser here is ignored.
 		 */
         then<U>(anotherParser: Parser<U>): Parser<U>;
-		/**
-		 * transforms the output of parser with the given function.
+			/**
+			 * transforms the output of parser with the given function.
 		 */
         map<U>(call: (result: T) => U): Parser<U>;
-		/**
-		 * expects otherParser after parser, but preserves the yield value of parser.
+			/**
+			 * expects otherParser after parser, but preserves the yield value of parser.
 		 */
         skip<U>(otherParser: Parser<U>): Parser<T>;
-		/**
-		 * returns a new parser with the same behavior, but which yields aResult.
+			/**
+			 * returns a new parser with the same behavior, but which yields aResult.
 		 */
         result<U>(aResult: U): Parser<U>;
-		/**
-		 * expects parser zero or more times, and yields an array of the results.
+			/**
+			 * expects parser zero or more times, and yields an array of the results.
 		 */
         many(): Parser<T[]>;
-		/**
-		 * expects parser exactly n times, and yields an array of the results.
+			/**
+			 * expects parser exactly n times, and yields an array of the results.
 		 */
         times(n: number): Parser<T[]>;
-		/**
-		 * expects parser between min and max times, and yields an array of the results.
+			/**
+			 * expects parser between min and max times, and yields an array of the results.
 		 */
         times(min: number, max: number): Parser<T[]>;
-		/**
-		 * expects parser at most n times. Yields an array of the results.
+			/**
+			 * expects parser at most n times. Yields an array of the results.
 		 */
         atMost(n: number): Parser<T[]>;
-		/**
-		 * expects parser at least n times. Yields an array of the results.
+			/**
+			 * expects parser at least n times. Yields an array of the results.
 		 */
         atLeast(n: number): Parser<T[]>;
-		/**
-		 * returns a new parser whose failure message is the passed description.
+			/**
+			 * returns a new parser whose failure message is the passed description.
 		 */
         mark(): Parser<Mark<T>>;
-		/**
-		 * Returns a new parser whose failure message is description.
-		 * For example, string('x').desc('the letter x') will indicate that 'the letter x' was expected.
-		 */
+			/**
+			 * Returns a new parser whose failure message is description.
+			 * For example, string('x').desc('the letter x') will indicate that 'the letter x' was expected.
+			 */
         desc(description: string): Parser<T>;
     }
-	/**
-	 * Returns true if obj is a Parsimmon parser, otherwise false.
-	 */
-    export function isParser(obj: any): boolean;
-	/**
-	 * is a parser that expects to find "my-string", and will yield the same.
-	 */
-    export function string(mystring: string): Parser<string>;
 
-	/**
-	 * Returns a parser that looks for exactly one character from string, and yields that character.
-	 */
-    export function oneOf(string: string): Parser<string>;
+		/**
+		 * Returns true if obj is a Parsimmon parser, otherwise false.
+		 */
+		export function isParser(obj: any): boolean;
 
-	/**
-	 * Returns a parser that looks for exactly one character NOT from string, and yields that character.
+		/**
+		 * is a parser that expects to find "my-string", and will yield the same.
 	 */
-    export function noneOf(string: string): Parser<string>;
+		export function string(string: string): Parser<string>;
 
-	/**
-	 * Returns a parser that looks for a match to the regexp and yields the given match group
-	 * (defaulting to the entire match). The regexp will always match starting at the current
-	 * parse location. The regexp may only use the following flags: imu. Any other flag will
-	 * result in an error being thrown.
+		/**
+		 * Returns a parser that looks for exactly one character from string, and yields that character.
+		 */
+		export function oneOf(string: string): Parser<string>;
+
+		/**
+		 * Returns a parser that looks for exactly one character NOT from string, and yields that character.
+		 */
+		export function noneOf(string: string): Parser<string>;
+
+		/**
+		 * Returns a parser that looks for a match to the regexp and yields the given match group
+		 * (defaulting to the entire match). The regexp will always match starting at the current
+		 * parse location. The regexp may only use the following flags: imu. Any other flag will
+		 * result in an error being thrown.
 	 */
-    export function regexp(myregex: RegExp, group?: number): Parser<string>;
+		export function regexp(myregex: RegExp, group?: number): Parser<string>;
 
-	/**
-	 * This was the original name for Parsimmon.regexp, but now it is just an alias.
-	 */
-    export function regex(myregex: RegExp, group?: number): Parser<string>;
+		/**
+		 * This was the original name for Parsimmon.regexp, but now it is just an alias.
+		 */
+		export function regex(myregex: RegExp, group?: number): Parser<string>;
 
-	/**
-	 * Returns a parser that doesn't consume any of the string, and yields result.
+		/**
+		 * Returns a parser that doesn't consume any of the string, and yields result.
 	 */
     export function succeed<U>(result: U): Parser<U>;
 
-	/**
-	 * This is an alias for Parsimmon.succeed(result).
-	 */
-    export function of<U>(result: U): Parser<U>;
+		/**
+		 * This is an alias for Parsimmon.succeed(result).
+		 */
+		export function of<U>(result: U): Parser<U>;
 
-	/**
-	 * accepts a variable number of parsers that it expects to find in order, yielding an array of the results.
+		/**
+		 * accepts a variable number of parsers that it expects to find in order, yielding an array of the results.
 	 */
-    export function seq<T>(p1: Parser<T>): Parser<[T]>;
-    export function seq<T, U>(p1: Parser<T>, p2: Parser<U>): Parser<[T, U]>;
-    export function seq<T, U, V>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>): Parser<[T, U, V]>;
-    export function seq<T, U, V, W>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>): Parser<[T, U, V, W]>;
-    export function seq<T, U, V, W, X>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>): Parser<[T, U, V, W, X]>;
-    export function seq<T, U, V, W, X, Y>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>, p6: Parser<Y>): Parser<[T, U, V, W, X, Y]>;
-    export function seq<T, U, V, W, X, Y, Z>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>, p6: Parser<Y>, p7: Parser<Z>): Parser<[T, U, V, W, X, Y, Z]>;
-    export function seq<T>(...parsers: Parser<T>[]): Parser<T[]>;
+		export function seq<T>(p1: Parser<T>): Parser<[T]>;
+		export function seq<T, U>(p1: Parser<T>, p2: Parser<U>): Parser<[T, U]>;
+		export function seq<T, U, V>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>): Parser<[T, U, V]>;
+		export function seq<T, U, V, W>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>): Parser<[T, U, V, W]>;
+		export function seq<T, U, V, W, X>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>): Parser<[T, U, V, W, X]>;
+		export function seq<T, U, V, W, X, Y>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>, p6: Parser<Y>): Parser<[T, U, V, W, X, Y]>;
+		export function seq<T, U, V, W, X, Y, Z>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>, p6: Parser<Y>, p7: Parser<Z>): Parser<[T, U, V, W, X, Y, Z]>;
+		export function seq<T>(...parsers: Parser<T>[]): Parser<T[]>;
     export function seq(...parsers: Parser<any>[]): Parser<any[]>;
 
-	/**
-	 * Takes the string passed to parser.parse(string) and the error returned from
-	 * parser.parse(string) and turns it into a human readable error message string.
-	 * Note that there are certainly better ways to format errors, so feel free to write your own.
-	 */
-    export function formatError<T>(string: string, error: Result<T>): string;
+		/**
+		 * Takes the string passed to parser.parse(string) and the error returned from
+		 * parser.parse(string) and turns it into a human readable error message string.
+		 * Note that there are certainly better ways to format errors, so feel free to write your own.
+		 */
+		export function formatError<T>(string: string, error: Result<T>): string;
 
-	/**
-	 * Matches all parsers sequentially, and passes their results as the arguments to a function.
-	 * Similar to calling Parsimmon.seq and then .map, but the values are not put in an array.
-	 */
-    export function seqMap<T, U>(p1: Parser<T>, cb: (a1: T) => U): Parser<U>;
-    export function seqMap<T, U, V>(p1: Parser<T>, p2: Parser<U>, cb: (a1: T, a2: U) => V): Parser<V>;
-    export function seqMap<T, U, V, W>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, cb: (a1: T, a2: U, a3: V) => W): Parser<W>;
-    export function seqMap<T, U, V, W, X>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, cb: (a1: T, a2: U, a3: V, a4: W) => X): Parser<X>;
-    export function seqMap<T, U, V, W, X, Y>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>, cb: (a1: T, a2: U, a3: V, a4: W, a5: X) => Y): Parser<Y>;
-    export function seqMap<T, U, V, W, X, Y, Z>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>, p6: Parser<Y>, cb: (a1: T, a2: U, a3: V, a4: W, a5: X, a6: Y) => Z): Parser<Z>;
+		/**
+		 * Matches all parsers sequentially, and passes their results as the arguments to a function.
+		 * Similar to calling Parsimmon.seq and then .map, but the values are not put in an array.
+		 */
+		export function seqMap<T, U>(p1: Parser<T>, cb: (a1: T) => U): Parser<U>;
+		export function seqMap<T, U, V>(p1: Parser<T>, p2: Parser<U>, cb: (a1: T, a2: U) => V): Parser<V>;
+		export function seqMap<T, U, V, W>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, cb: (a1: T, a2: U, a3: V) => W): Parser<W>;
+		export function seqMap<T, U, V, W, X>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, cb: (a1: T, a2: U, a3: V, a4: W) => X): Parser<X>;
+		export function seqMap<T, U, V, W, X, Y>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>, cb: (a1: T, a2: U, a3: V, a4: W, a5: X) => Y): Parser<Y>;
+		export function seqMap<T, U, V, W, X, Y, Z>(p1: Parser<T>, p2: Parser<U>, p3: Parser<V>, p4: Parser<W>, p5: Parser<X>, p6: Parser<Y>, cb: (a1: T, a2: U, a3: V, a4: W, a5: X, a6: Y) => Z): Parser<Z>;
 
     export type SuccessFunctionType<U> = (index: number, result: U) => Result<U>;
     export type FailureFunctionType<U> = (index: number, msg: string) => Result<U>;
     export type ParseFunctionType<U> = (stream: StreamType, index: number) => Result<U>;
-	/**
-	 * allows to add custom primitive parsers.
+		/**
+		 * allows to add custom primitive parsers.
 	 */
     export function custom<U>(parsingFunction: (success: SuccessFunctionType<U>, failure: FailureFunctionType<U>) => ParseFunctionType<U>): Parser<U>;
 
-	/**
-	 * accepts a variable number of parsers, and yields the value of the first one that succeeds,
-	 * backtracking in between.
+		/**
+		 * accepts a variable number of parsers, and yields the value of the first one that succeeds,
+		 * backtracking in between.
 	 */
     export function alt<U>(...parsers: Parser<U>[]): Parser<U>;
     export function alt(...parsers: Parser<any>[]): Parser<any>;
 
-	/**
-	 * Accepts two parsers, and expects zero or more matches for content, separated by separator, yielding an array.
-	 */
-    export function sepBy<T>(content: Parser<T>, separator: Parser<T>): Parser<T>
+		/**
+		 * Accepts two parsers, and expects zero or more matches for content, separated by separator, yielding an array.
+		 */
+		export function sepBy<T>(content: Parser<T>, separator: Parser<T>): Parser<T>
 
-	/**
-	 * This is the same as Parsimmon.sepBy, but matches the content parser at least once.
-	 */
-    export function sepBy1<T>(content: Parser<T>, separator: Parser<T>): Parser<T>
+		/**
+		 * This is the same as Parsimmon.sepBy, but matches the content parser at least once.
+		 */
+		export function sepBy1<T>(content: Parser<T>, separator: Parser<T>): Parser<T>
 
-	/**
-	 * accepts a function that returns a parser, which is evaluated the first time the parser is used.
-	 * This is useful for referencing parsers that haven't yet been defined.
+		/**
+		 * accepts a function that returns a parser, which is evaluated the first time the parser is used.
+		 * This is useful for referencing parsers that haven't yet been defined.
 	 */
     export function lazy<U>(f: () => Parser<U>): Parser<U>;
     export function lazy<U>(description: string, f: () => Parser<U>): Parser<U>;
 
-	/**
-	 * fail paring with a message
+		/**
+		 * fail paring with a message
 	 */
     export function fail(message: string): Parser<void>;
     export function fail<U>(message: string): Parser<U>;
 
-	/**
-	 * is equivalent to Parsimmon.regex(/[a-z]/i)
+		/**
+		 * is equivalent to Parsimmon.regex(/[a-z]/i)
 	 */
     export var letter: Parser<string>;
-	/**
-	 * is equivalent to Parsimmon.regex(/[a-z]*`/i)
+		/**
+		 * is equivalent to Parsimmon.regex(/[a-z]*`/i)
 	 */
     export var letters: Parser<string>;
-	/**
-	 * is equivalent to Parsimmon.regex(/[0-9]/)
+		/**
+		 * is equivalent to Parsimmon.regex(/[0-9]/)
 	 */
     export var digit: Parser<string>;
-	/**
-	 * is equivalent to Parsimmon.regex(/[0-9]*`/)
+		/**
+		 * is equivalent to Parsimmon.regex(/[0-9]*`/)
 	 */
     export var digits: Parser<string>;
-	/**
-	 * is equivalent to Parsimmon.regex(/\s+/)
+		/**
+		 * is equivalent to Parsimmon.regex(/\s+/)
 	 */
     export var whitespace: Parser<string>;
-	/**
-	 * is equivalent to Parsimmon.regex(/\s*`/)
+		/**
+		 * is equivalent to Parsimmon.regex(/\s*`/)
 	 */
     export var optWhitespace: Parser<string>;
-	/**
-	 * consumes and yields the next character of the stream.
+		/**
+		 * consumes and yields the next character of the stream.
 	 */
     export var any: Parser<string>;
-	/**
-	 * consumes and yields the entire remainder of the stream.
+		/**
+		 * consumes and yields the entire remainder of the stream.
 	 */
     export var all: Parser<string>;
-	/**
-	 * expects the end of the stream.
+		/**
+		 * expects the end of the stream.
 	 */
     export var eof: Parser<void>;
-	/**
-	 * is a parser that yields the current index of the parse.
+		/**
+		 * is a parser that yields the current index of the parse.
 	 */
-    export var index: Parser<number>;
-	/**
-	 * Returns a parser that yield a single character if it passes the predicate
-	 */
-    export function test(predicate: (char: string) => boolean): Parser<string>;
-	/**
-	 * Returns a parser yield a string containing all the next characters that pass the predicate
-	 */
-    export function takeWhile(predicate: (char: string) => boolean): Parser<string>;
+		export var index: Parser<Index>;
+		/**
+		 * Returns a parser that yield a single character if it passes the predicate
+		 */
+		export function test(predicate: (char: string) => boolean): Parser<string>;
+		/**
+		 * Returns a parser yield a string containing all the next characters that pass the predicate
+		 */
+		export function takeWhile(predicate: (char: string) => boolean): Parser<string>;
 }
 
 export = Parsimmon;
diff --git a/pg-types/pg-types-tests.ts b/pg-types/pg-types-tests.ts
index bcabaa68d9..2cb3e87e81 100644
--- a/pg-types/pg-types-tests.ts
+++ b/pg-types/pg-types-tests.ts
@@ -1,5 +1,4 @@
-/// <reference path="pg-types.d.ts" />
-/// <reference path="../moment/moment.d.ts" />
+/// <reference types="moment" />
 import * as types from "pg-types";
 
 types.getTypeParser(1184, 'text');
diff --git a/pg-types/pg-types.d.ts b/pg-types/pg-types.d.ts
deleted file mode 100644
index 9775bef483..0000000000
--- a/pg-types/pg-types.d.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-// Type definitions for pg-types 1.11.0
-// Project: https://github.com/brianc/node-pg-types
-// Definitions by: James Bracy <https://github.com/waratuman>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-declare module "pg-types" {
-
-    interface TypeParser {
-        (value: any): any;
-    }
-
-    export function getTypeParser(oid: number, format: string): TypeParser;
-
-    export function setTypeParser(oid: number, format: string, parseFn: TypeParser): void;
-    export function setTypeParser(oid: number, parseFn: TypeParser): void;
-
-    export namespace arrayParser {
-
-        export function create(source: any, transform: TypeParser): { parse: () => any[] };
-
-    }
-
-}
diff --git a/pg/index.d.ts b/pg/index.d.ts
index 6b73ec8be1..5e242f74d5 100644
--- a/pg/index.d.ts
+++ b/pg/index.d.ts
@@ -4,10 +4,12 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node" />
+/// <reference types="pg-types" />
 
 
 import events = require("events");
 import stream = require("stream");
+    import pgTypes = require("pg-types");
 
 export declare function connect(connection: string, callback: (err: Error, client: Client, done: (err?: any) => void) => void): void;
 export declare function connect(config: ClientConfig, callback: (err: Error, client: Client, done: (err?: any) => void) => void): void;
@@ -34,13 +36,13 @@ export interface ClientConfig extends ConnectionConfig {
 }
 
 export interface PoolConfig extends ClientConfig {
-    // properties from module 'node-pool'
-    max?: number;
-    min?: number;
-    refreshIdle?: boolean;
-    idleTimeoutMillis?: number;
-    reapIntervalMillis?: number;
-    returnToHead?: boolean;
+      // properties from module 'node-pool'
+      max?: number;
+      min?: number;
+      refreshIdle?: boolean;
+      idleTimeoutMillis?: number;
+      reapIntervalMillis?: number;
+      returnToHead?: boolean;
 }
 
 export interface QueryConfig {
@@ -90,7 +92,7 @@ export declare class Client extends events.EventEmitter {
     constructor(connection: string);
     constructor(config: ClientConfig);
 
-    connect(callback?: (err:Error) => void): void;
+        connect(callback?: (err:Error) => void): void;
     end(): void;
     release(): void;
 
@@ -126,6 +128,6 @@ export declare class Events extends events.EventEmitter {
     public on(event: string, listener: Function): this;
 }
 
-declare namespace types {
-    function setTypeParser<T>(typeId: number, parser: (value: string) => T): void;
-}
+    export const types: typeof pgTypes;
+
+
diff --git a/query-string/index.d.ts b/query-string/index.d.ts
index f2da7fef73..2f002c2966 100644
--- a/query-string/index.d.ts
+++ b/query-string/index.d.ts
@@ -4,19 +4,23 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 
+    type value = string | boolean | number;
+                
+    interface StringifyOptions { strict?: boolean; encode?: boolean; }
+
 /**
  * Parse a query string into an object.
  * Leading ? or # are ignored, so you can pass location.search or location.hash directly.
  * @param str
  */
-export declare function parse(str: string): any;
+    export declare function parse(str: string): { [key: string]: string | string[] };
 
 /**
  * Stringify an object into a query string, sorting the keys.
  *
  * @param obj
  */
-export declare function stringify(obj: any, options?: { strict: boolean }): string;
+    export declare function stringify(obj: { [key: string]: value | value[] }, options?: StringifyOptions): string;
 
 /**
  * Extract a query string from a URL that can be passed into .parse().
diff --git a/ws/index.d.ts b/ws/index.d.ts
index c323168677..353509bbae 100644
--- a/ws/index.d.ts
+++ b/ws/index.d.ts
@@ -99,6 +99,14 @@ declare namespace WebSocket {
         rejectUnauthorized?: boolean;
     }
 
+        export interface IPerMessageDeflateOptions {
+            serverNoContextTakeover?: boolean;
+            clientNoContextTakeover?: boolean;
+            serverMaxWindowBits?: number;
+            clientMaxWindowBits?: number;
+            memLevel?: number;
+        }
+
     export interface IPerMessageDeflateOptions {
         serverNoContextTakeover?: boolean;
         clientNoContextTakeover?: boolean;
@@ -117,7 +125,7 @@ declare namespace WebSocket {
         noServer?: boolean;
         disableHixie?: boolean;
         clientTracking?: boolean;
-        perMessageDeflate?: boolean | IPerMessageDeflateOptions;
+            perMessageDeflate?: boolean | IPerMessageDeflateOptions;
     }
 
     export class Server extends events.EventEmitter {
diff --git a/yargs/index.d.ts b/yargs/index.d.ts
index a10edc717b..08c76b925e 100644
--- a/yargs/index.d.ts
+++ b/yargs/index.d.ts
@@ -18,6 +18,12 @@ declare namespace yargs {
 
         terminalWidth(): number;
 
+			terminalWidth(): number;
+
+			terminalWidth(): number;
+
+			terminalWidth(): number;
+
         alias(shortName: string, longName: string): Argv;
         alias(aliases: { [shortName: string]: string }): Argv;
         alias(aliases: { [shortName: string]: string[] }): Argv;
@@ -133,7 +139,7 @@ declare namespace yargs {
         count(key: string): Argv;
         count(keys: string[]): Argv;
 
-        fail(func: (msg: string, err?: Error) => any): Argv;
+			fail(func: (msg: string, err: Error) => any): Argv;
 
         coerce<T, U>(key: string|string[], func: (arg: T) => U): Argv;
         coerce<T, U>(opts: { [key: string]: (arg: T) => U; }): Argv;

From fc10f58ca2fd0da28b637be10c46fc2dd802f67d Mon Sep 17 00:00:00 2001
From: zhengbli <zhengbli@microsoft.com>
Date: Tue, 25 Oct 2016 03:18:27 -0700
Subject: [PATCH 382/382] Fix CI errors

---
 byline/index.d.ts                  |   10 +-
 graphql/graphql.d.ts               | 2737 ----------------------------
 jquery.bbq/jquery.bbq-tests.ts     |    3 +-
 leaflet/index.d.ts                 |    2 +-
 material-ui/index.d.ts             |  118 +-
 material-ui/material-ui-tests.tsx  |    4 +-
 pg-types/index.d.ts                |   19 +
 pg-types/package.json              |    5 +
 pg-types/pg-types-tests.ts         |    1 +
 pg-types/tsconfig.json             |   19 +
 pg/index.d.ts                      |    2 +-
 three/tests/math/test_unit_math.ts |    2 +-
 tz-format/index.d.ts               |    9 +-
 wordcloud/wordcloud-tests.ts       |   44 +-
 14 files changed, 134 insertions(+), 2841 deletions(-)
 delete mode 100644 graphql/graphql.d.ts
 create mode 100644 pg-types/index.d.ts
 create mode 100644 pg-types/package.json
 create mode 100644 pg-types/tsconfig.json

diff --git a/byline/index.d.ts b/byline/index.d.ts
index e8fc9f5731..785a799a98 100644
--- a/byline/index.d.ts
+++ b/byline/index.d.ts
@@ -35,8 +35,10 @@ declare namespace bl {
     // ():LineStream; // same as createStream():LineStream
     // (stream:stream.Stream, options?:LineStreamOptions):LineStream; // same as createStream(stream, options?):LineStream
 
-    export declare function createStream(): LineStream;
-    export declare function createStream(stream: NodeJS.ReadableStream, options?: LineStreamOptions): LineStream;
+    export function createStream(): LineStream;
+    export function createStream(stream: NodeJS.ReadableStream, options?: LineStreamOptions): LineStream;
 
-    export declare var LineStream: LineStreamCreatable;
-}
\ No newline at end of file
+    export var LineStream: LineStreamCreatable;
+}
+
+export = bl;
\ No newline at end of file
diff --git a/graphql/graphql.d.ts b/graphql/graphql.d.ts
deleted file mode 100644
index 9413195d72..0000000000
--- a/graphql/graphql.d.ts
+++ /dev/null
@@ -1,2737 +0,0 @@
-// Type definitions for graphql v0.7.0
-// Project: https://www.npmjs.com/package/graphql
-// Definitions by: TonyYang <https://github.com/TonyPythoneer>, Caleb Meredith <https://github.com/calebmer>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/*************************************
- *                                   * 
- *               MODULES             * 
- *                                   *
- *************************************/
-///////////////////////////
-// graphql               //
-///////////////////////////
-declare module "graphql" {
-    // The primary entry point into fulfilling a GraphQL request.
-    export {
-        graphql
-    } from 'graphql/graphql';
-
-
-    // Create and operate on GraphQL type definitions and schema.
-    export {
-        GraphQLSchema,
-
-        // Definitions
-        GraphQLScalarType,
-        GraphQLObjectType,
-        GraphQLInterfaceType,
-        GraphQLUnionType,
-        GraphQLEnumType,
-        GraphQLInputObjectType,
-        GraphQLList,
-        GraphQLNonNull,
-        GraphQLDirective,
-
-        // "Enum" of Type Kinds
-        TypeKind,
-
-        // "Enum" of Directive Locations
-        DirectiveLocation,
-
-        // Scalars
-        GraphQLInt,
-        GraphQLFloat,
-        GraphQLString,
-        GraphQLBoolean,
-        GraphQLID,
-
-        // Built-in Directives defined by the Spec
-        specifiedDirectives,
-        GraphQLIncludeDirective,
-        GraphQLSkipDirective,
-        GraphQLDeprecatedDirective,
-
-        // Constant Deprecation Reason
-        DEFAULT_DEPRECATION_REASON,
-
-        // Meta-field definitions.
-        SchemaMetaFieldDef,
-        TypeMetaFieldDef,
-        TypeNameMetaFieldDef,
-
-        // GraphQL Types for introspection.
-        __Schema,
-        __Directive,
-        __DirectiveLocation,
-        __Type,
-        __Field,
-        __InputValue,
-        __EnumValue,
-        __TypeKind,
-
-        // Predicates
-        isType,
-        isInputType,
-        isOutputType,
-        isLeafType,
-        isCompositeType,
-        isAbstractType,
-
-        // Un-modifiers
-        getNullableType,
-        getNamedType,
-    } from 'graphql/type';
-
-
-    // Parse and operate on GraphQL language source files.
-    export {
-        Source,
-        getLocation,
-
-        // Parse
-        parse,
-        parseValue,
-        parseType,
-
-        // Print
-        print,
-
-        // Visit
-        visit,
-        visitInParallel,
-        visitWithTypeInfo,
-        Kind,
-        TokenKind,
-        BREAK,
-    } from 'graphql/language';
-
-
-    // Execute GraphQL queries.
-    export {
-        execute,
-    } from 'graphql/execution';
-
-
-    // Validate GraphQL queries.
-    export {
-        validate,
-        specifiedRules,
-    } from 'graphql/validation';
-
-
-    // Create and format GraphQL errors.
-    export {
-        GraphQLError,
-        formatError,
-    } from 'graphql/error';
-
-
-    // Utilities for operating on GraphQL type schema and parsed sources.
-    export {
-        // The GraphQL query recommended for a full schema introspection.
-        introspectionQuery,
-
-        // Gets the target Operation from a Document
-        getOperationAST,
-
-        // Build a GraphQLSchema from an introspection result.
-        buildClientSchema,
-
-        // Build a GraphQLSchema from a parsed GraphQL Schema language AST.
-        buildASTSchema,
-
-        // Build a GraphQLSchema from a GraphQL schema language document.
-        buildSchema,
-
-        // Extends an existing GraphQLSchema from a parsed GraphQL Schema
-        // language AST.
-        extendSchema,
-
-        // Print a GraphQLSchema to GraphQL Schema language.
-        printSchema,
-
-        // Create a GraphQLType from a GraphQL language AST.
-        typeFromAST,
-
-        // Create a JavaScript value from a GraphQL language AST.
-        valueFromAST,
-
-        // Create a GraphQL language AST from a JavaScript value.
-        astFromValue,
-
-        // A helper to use within recursive-descent visitors which need to be aware of
-        // the GraphQL type system.
-        TypeInfo,
-
-        // Determine if JavaScript values adhere to a GraphQL type.
-        isValidJSValue,
-
-        // Determine if AST values adhere to a GraphQL type.
-        isValidLiteralValue,
-
-        // Concatenates multiple AST together.
-        concatAST,
-
-        // Separates an AST into an AST per Operation.
-        separateOperations,
-
-        // Comparators for types
-        isEqualType,
-        isTypeSubTypeOf,
-        doTypesOverlap,
-
-        // Asserts a string is a valid GraphQL name.
-        assertValidName,
-    } from 'graphql/utilities';
-}
-
-declare module "graphql/graphql" {
-    import { GraphQLError } from 'graphql/error/GraphQLError';
-    import { GraphQLSchema } from 'graphql/type/schema';
-
-    /**
-     * This is the primary entry point function for fulfilling GraphQL operations
-     * by parsing, validating, and executing a GraphQL document along side a
-     * GraphQL schema.
-     *
-     * More sophisticated GraphQL servers, such as those which persist queries,
-     * may wish to separate the validation and execution phases to a static time
-     * tooling step, and a server runtime step.
-     *
-     * schema:
-     *    The GraphQL type system to use when validating and executing a query.
-     * requestString:
-     *    A GraphQL language formatted string representing the requested operation.
-     * rootValue:
-     *    The value provided as the first argument to resolver functions on the top
-     *    level type (e.g. the query object type).
-     * variableValues:
-     *    A mapping of variable name to runtime value to use for all variables
-     *    defined in the requestString.
-     * operationName:
-     *    The name of the operation to use if requestString contains multiple
-     *    possible operations. Can be omitted if requestString contains only
-     *    one operation.
-     */
-    function graphql(
-        schema: GraphQLSchema,
-        requestString: string,
-        rootValue?: any,
-        contextValue?: any,
-        variableValues?: {
-            [key: string]: any
-        },
-        operationName?: string
-    ): Promise<GraphQLResult>;
-
-    /**
-     * The result of a GraphQL parse, validation and execution.
-     *
-     * `data` is the result of a successful execution of the query.
-     * `errors` is included when any errors occurred as a non-empty array.
-     */
-    type GraphQLResult = {
-        data?: Object;
-        errors?: Array<GraphQLError>;
-    }
-}
-
-///////////////////////////
-// graphql/type          //
-//   - ast               //
-//   - kinds             //
-//   - lexer             //
-//   - location          //
-//   - parser            //
-//   - printer           //
-//   - source            //
-//   - visitor           //
-///////////////////////////
-
-declare module "graphql/language" {
-    export * from "graphql/language/index";
-}
-
-declare module "graphql/language/index" {
-    export { getLocation } from 'graphql/language/location';
-    import * as Kind from 'graphql/language/kinds';
-    export { Kind };
-    export { createLexer, TokenKind } from 'graphql/language/lexer';
-    export { parse, parseValue, parseType } from 'graphql/language/parser';
-    export { print } from 'graphql/language/printer';
-    export { Source } from 'graphql/language/source';
-    export { visit, visitInParallel, visitWithTypeInfo, BREAK } from 'graphql/language/visitor';
-}
-
-declare module "graphql/language/ast" {
-    import { Source } from 'graphql/language/source';
-
-    /**
-     * Contains a range of UTF-8 character offsets and token references that
-     * identify the region of the source from which the AST derived.
-     */
-    type Location = {
-
-        /**
-         * The character offset at which this Node begins.
-         */
-        start: number;
-
-        /**
-         * The character offset at which this Node ends.
-         */
-        end: number;
-
-        /**
-         * The Token at which this Node begins.
-         */
-        startToken: Token;
-
-        /**
-         * The Token at which this Node ends.
-         */
-        endToken: Token;
-
-        /**
-         * The Source document the AST represents.
-         */
-        source: Source;
-    };
-
-    /**
-     * Represents a range of characters represented by a lexical token
-     * within a Source.
-     */
-    type Token = {
-
-        /**
-         * The kind of Token.
-         */
-        kind: '<SOF>'
-        | '<EOF>'
-        | '!'
-        | '$'
-        | '('
-        | ')'
-        | '...'
-        | ':'
-        | '='
-        | '@'
-        | '['
-        | ']'
-        | '{'
-        | '|'
-        | '}'
-        | 'Name'
-        | 'Int'
-        | 'Float'
-        | 'String'
-        | 'Comment';
-
-        /**
-         * The character offset at which this Node begins.
-         */
-        start: number;
-
-        /**
-         * The character offset at which this Node ends.
-         */
-        end: number;
-
-        /**
-         * The 1-indexed line number on which this Token appears.
-         */
-        line: number;
-
-        /**
-         * The 1-indexed column number at which this Token begins.
-         */
-        column: number;
-
-        /**
-         * For non-punctuation tokens, represents the interpreted value of the token.
-         */
-        value: string | void;
-
-        /**
-         * Tokens exist as nodes in a double-linked-list amongst all tokens
-         * including ignored tokens. <SOF> is always the first node and <EOF>
-         * the last.
-         */
-        prev?: Token;
-        next?: Token;
-    };
-
-    /**
-     * The list of all possible AST node types.
-     */
-    type Node = Name
-        | Document
-        | OperationDefinition
-        | VariableDefinition
-        | Variable
-        | SelectionSet
-        | Field
-        | Argument
-        | FragmentSpread
-        | InlineFragment
-        | FragmentDefinition
-        | IntValue
-        | FloatValue
-        | StringValue
-        | BooleanValue
-        | EnumValue
-        | ListValue
-        | ObjectValue
-        | ObjectField
-        | Directive
-        | NamedType
-        | ListType
-        | NonNullType
-        | SchemaDefinition
-        | OperationTypeDefinition
-        | ScalarTypeDefinition
-        | ObjectTypeDefinition
-        | FieldDefinition
-        | InputValueDefinition
-        | InterfaceTypeDefinition
-        | UnionTypeDefinition
-        | EnumTypeDefinition
-        | EnumValueDefinition
-        | InputObjectTypeDefinition
-        | TypeExtensionDefinition
-        | DirectiveDefinition
-
-    // Name
-
-    type Name = {
-        kind: 'Name';
-        loc?: Location;
-        value: string;
-    }
-
-    // Document
-
-    type Document = {
-        kind: 'Document';
-        loc?: Location;
-        definitions: Array<Definition>;
-    }
-
-    type Definition = OperationDefinition
-        | FragmentDefinition
-        | TypeSystemDefinition // experimental non-spec addition.
-
-    type OperationDefinition = {
-        kind: 'OperationDefinition';
-        loc?: Location;
-        operation: OperationType;
-        name?: Name;
-        variableDefinitions?: Array<VariableDefinition>;
-        directives?: Array<Directive>;
-        selectionSet: SelectionSet;
-    }
-
-    // Note: subscription is an experimental non-spec addition.
-    type OperationType = 'query' | 'mutation' | 'subscription';
-
-    type VariableDefinition = {
-        kind: 'VariableDefinition';
-        loc?: Location;
-        variable: Variable;
-        type: Type;
-        defaultValue?: Value;
-    }
-
-    type Variable = {
-        kind: 'Variable';
-        loc?: Location;
-        name: Name;
-    }
-
-    type SelectionSet = {
-        kind: 'SelectionSet';
-        loc?: Location;
-        selections: Array<Selection>;
-    }
-
-    type Selection = Field
-        | FragmentSpread
-        | InlineFragment
-
-    type Field = {
-        kind: 'Field';
-        loc?: Location;
-        alias?: Name;
-        name: Name;
-        arguments?: Array<Argument>;
-        directives?: Array<Directive>;
-        selectionSet?: SelectionSet;
-    }
-
-    type Argument = {
-        kind: 'Argument';
-        loc?: Location;
-        name: Name;
-        value: Value;
-    }
-
-
-    // Fragments
-
-    type FragmentSpread = {
-        kind: 'FragmentSpread';
-        loc?: Location;
-        name: Name;
-        directives?: Array<Directive>;
-    }
-
-    type InlineFragment = {
-        kind: 'InlineFragment';
-        loc?: Location;
-        typeCondition?: NamedType;
-        directives?: Array<Directive>;
-        selectionSet: SelectionSet;
-    }
-
-    type FragmentDefinition = {
-        kind: 'FragmentDefinition';
-        loc?: Location;
-        name: Name;
-        typeCondition: NamedType;
-        directives?: Array<Directive>;
-        selectionSet: SelectionSet;
-    }
-
-
-    // Values
-
-    type Value = Variable
-        | IntValue
-        | FloatValue
-        | StringValue
-        | BooleanValue
-        | EnumValue
-        | ListValue
-        | ObjectValue
-
-    type IntValue = {
-        kind: 'IntValue';
-        loc?: Location;
-        value: string;
-    }
-
-    type FloatValue = {
-        kind: 'FloatValue';
-        loc?: Location;
-        value: string;
-    }
-
-    type StringValue = {
-        kind: 'StringValue';
-        loc?: Location;
-        value: string;
-    }
-
-    type BooleanValue = {
-        kind: 'BooleanValue';
-        loc?: Location;
-        value: boolean;
-    }
-
-    type EnumValue = {
-        kind: 'EnumValue';
-        loc?: Location;
-        value: string;
-    }
-
-    type ListValue = {
-        kind: 'ListValue';
-        loc?: Location;
-        values: Array<Value>;
-    }
-
-    type ObjectValue = {
-        kind: 'ObjectValue';
-        loc?: Location;
-        fields: Array<ObjectField>;
-    }
-
-    type ObjectField = {
-        kind: 'ObjectField';
-        loc?: Location;
-        name: Name;
-        value: Value;
-    }
-
-
-    // Directives
-
-    type Directive = {
-        kind: 'Directive';
-        loc?: Location;
-        name: Name;
-        arguments?: Array<Argument>;
-    }
-
-
-    // Type Reference
-
-    type Type = NamedType
-        | ListType
-        | NonNullType
-
-    type NamedType = {
-        kind: 'NamedType';
-        loc?: Location;
-        name: Name;
-    };
-
-    type ListType = {
-        kind: 'ListType';
-        loc?: Location;
-        type: Type;
-    }
-
-    type NonNullType = {
-        kind: 'NonNullType';
-        loc?: Location;
-        type: NamedType | ListType;
-    }
-
-    // Type System Definition
-
-    type TypeSystemDefinition = SchemaDefinition
-        | TypeDefinition
-        | TypeExtensionDefinition
-        | DirectiveDefinition
-
-    type SchemaDefinition = {
-        kind: 'SchemaDefinition';
-        loc?: Location;
-        directives: Array<Directive>;
-        operationTypes: Array<OperationTypeDefinition>;
-    }
-
-    type OperationTypeDefinition = {
-        kind: 'OperationTypeDefinition';
-        loc?: Location;
-        operation: OperationType;
-        type: NamedType;
-    }
-
-    type TypeDefinition = ScalarTypeDefinition
-        | ObjectTypeDefinition
-        | InterfaceTypeDefinition
-        | UnionTypeDefinition
-        | EnumTypeDefinition
-        | InputObjectTypeDefinition
-
-    type ScalarTypeDefinition = {
-        kind: 'ScalarTypeDefinition';
-        loc?: Location;
-        name: Name;
-        directives?: Array<Directive>;
-    }
-
-    type ObjectTypeDefinition = {
-        kind: 'ObjectTypeDefinition';
-        loc?: Location;
-        name: Name;
-        interfaces?: Array<NamedType>;
-        directives?: Array<Directive>;
-        fields: Array<FieldDefinition>;
-    }
-
-    type FieldDefinition = {
-        kind: 'FieldDefinition';
-        loc?: Location;
-        name: Name;
-        arguments: Array<InputValueDefinition>;
-        type: Type;
-        directives?: Array<Directive>;
-    }
-
-    type InputValueDefinition = {
-        kind: 'InputValueDefinition';
-        loc?: Location;
-        name: Name;
-        type: Type;
-        defaultValue?: Value;
-        directives?: Array<Directive>;
-    }
-
-    type InterfaceTypeDefinition = {
-        kind: 'InterfaceTypeDefinition';
-        loc?: Location;
-        name: Name;
-        directives?: Array<Directive>;
-        fields: Array<FieldDefinition>;
-    }
-
-    type UnionTypeDefinition = {
-        kind: 'UnionTypeDefinition';
-        loc?: Location;
-        name: Name;
-        directives?: Array<Directive>;
-        types: Array<NamedType>;
-    }
-
-    type EnumTypeDefinition = {
-        kind: 'EnumTypeDefinition';
-        loc?: Location;
-        name: Name;
-        directives?: Array<Directive>;
-        values: Array<EnumValueDefinition>;
-    }
-
-    type EnumValueDefinition = {
-        kind: 'EnumValueDefinition';
-        loc?: Location;
-        name: Name;
-        directives?: Array<Directive>;
-    }
-
-    type InputObjectTypeDefinition = {
-        kind: 'InputObjectTypeDefinition';
-        loc?: Location;
-        name: Name;
-        directives?: Array<Directive>;
-        fields: Array<InputValueDefinition>;
-    }
-
-    type TypeExtensionDefinition = {
-        kind: 'TypeExtensionDefinition';
-        loc?: Location;
-        definition: ObjectTypeDefinition;
-    }
-
-    type DirectiveDefinition = {
-        kind: 'DirectiveDefinition';
-        loc?: Location;
-        name: Name;
-        arguments?: Array<InputValueDefinition>;
-        locations: Array<Name>;
-    }
-
-}
-
-declare module "graphql/language/kinds" {
-    // Name
-
-    const NAME: 'Name';
-
-    // Document
-
-    const DOCUMENT: 'Document';
-    const OPERATION_DEFINITION: 'OperationDefinition';
-    const VARIABLE_DEFINITION: 'VariableDefinition';
-    const VARIABLE: 'Variable';
-    const SELECTION_SET: 'SelectionSet';
-    const FIELD: 'Field';
-    const ARGUMENT: 'Argument';
-
-    // Fragments
-
-    const FRAGMENT_SPREAD: 'FragmentSpread';
-    const INLINE_FRAGMENT: 'InlineFragment';
-    const FRAGMENT_DEFINITION: 'FragmentDefinition';
-
-    // Values
-
-    const INT: 'IntValue';
-    const FLOAT: 'FloatValue';
-    const STRING: 'StringValue';
-    const BOOLEAN: 'BooleanValue';
-    const ENUM: 'EnumValue';
-    const LIST: 'ListValue';
-    const OBJECT: 'ObjectValue';
-    const OBJECT_FIELD: 'ObjectField';
-
-    // Directives
-
-    const DIRECTIVE: 'Directive';
-
-    // Types
-
-    const NAMED_TYPE: 'NamedType';
-    const LIST_TYPE: 'ListType';
-    const NON_NULL_TYPE: 'NonNullType';
-
-    // Type System Definitions
-
-    const SCHEMA_DEFINITION: 'SchemaDefinition';
-    const OPERATION_TYPE_DEFINITION: 'OperationTypeDefinition';
-
-    // Type Definitions
-
-    const SCALAR_TYPE_DEFINITION: 'ScalarTypeDefinition';
-    const OBJECT_TYPE_DEFINITION: 'ObjectTypeDefinition';
-    const FIELD_DEFINITION: 'FieldDefinition';
-    const INPUT_VALUE_DEFINITION: 'InputValueDefinition';
-    const INTERFACE_TYPE_DEFINITION: 'InterfaceTypeDefinition';
-    const UNION_TYPE_DEFINITION: 'UnionTypeDefinition';
-    const ENUM_TYPE_DEFINITION: 'EnumTypeDefinition';
-    const ENUM_VALUE_DEFINITION: 'EnumValueDefinition';
-    const INPUT_OBJECT_TYPE_DEFINITION: 'InputObjectTypeDefinition';
-
-    // Type Extensions
-
-    const TYPE_EXTENSION_DEFINITION: 'TypeExtensionDefinition';
-
-    // Directive Definitions
-
-    const DIRECTIVE_DEFINITION: 'DirectiveDefinition';
-}
-
-declare module "graphql/language/lexer" {
-    import { Token } from 'graphql/language/ast';
-    import { Source } from 'graphql/language/source';
-    import { syntaxError } from 'graphql/error';
-
-    /**
-     * Given a Source object, this returns a Lexer for that source.
-     * A Lexer is a stateful stream generator in that every time
-     * it is advanced, it returns the next token in the Source. Assuming the
-     * source lexes, the final Token emitted by the lexer will be of kind
-     * EOF, after which the lexer will repeatedly return the same EOF token
-     * whenever called.
-     */
-    function createLexer<TOptions>(
-        source: Source,
-        options: TOptions
-    ): Lexer<TOptions>;
-
-    /**
-     * The return type of createLexer.
-     */
-    type Lexer<TOptions> = {
-        source: Source;
-        options: TOptions;
-
-        /**
-         * The previously focused non-ignored token.
-         */
-        lastToken: Token;
-
-        /**
-         * The currently focused non-ignored token.
-         */
-        token: Token;
-
-        /**
-         * The (1-indexed) line containing the current token.
-         */
-        line: number;
-
-        /**
-         * The character offset at which the current line begins.
-         */
-        lineStart: number;
-
-        /**
-         * Advances the token stream to the next non-ignored token.
-         */
-        advance(): Token;
-    };
-
-    /**
-     * An exported enum describing the different kinds of tokens that the
-     * lexer emits.
-     */
-    const TokenKind: {
-        SOF: '<SOF>'
-        EOF: '<EOF>'
-        BANG: '!'
-        DOLLAR: '$'
-        PAREN_L: '('
-        PAREN_R: ')'
-        SPREAD: '...'
-        COLON: ':'
-        EQUALS: '='
-        AT: '@'
-        BRACKET_L: '['
-        BRACKET_R: ']'
-        BRACE_L: '{'
-        PIPE: '|'
-        BRACE_R: '}'
-        NAME: 'Name'
-        INT: 'Int'
-        FLOAT: 'Float'
-        STRING: 'String'
-        COMMENT: 'Comment'
-    };
-
-    /**
-     * A helper function to describe a token as a string for debugging
-     */
-    function getTokenDesc(token: Token): string;
-}
-
-declare module "graphql/language/location" {
-    import { Source } from "graphql/language/source";
-
-    interface SourceLocation {
-        line: number;
-        column: number;
-    }
-
-    function getLocation(source: Source, position: number): SourceLocation;
-}
-
-declare module "graphql/language/parser" {
-    import { NamedType, Type, Value, Document } from "graphql/language/ast";
-    import { Source } from "graphql/language/source";
-    import { Lexer } from "graphql/language/lexer";
-
-    /**
-     * Configuration options to control parser behavior
-     */
-    type ParseOptions = {
-        /**
-         * By default, the parser creates AST nodes that know the location
-         * in the source that they correspond to. This configuration flag
-         * disables that behavior for performance or testing.
-         */
-        noLocation?: boolean
-    };
-
-    /**
-     * Given a GraphQL source, parses it into a Document.
-     * Throws GraphQLError if a syntax error is encountered.
-     */
-    function parse(
-        source: string | Source,
-        options?: ParseOptions
-    ): Document;
-
-    /**
-     * Given a string containing a GraphQL value, parse the AST for that value.
-     * Throws GraphQLError if a syntax error is encountered.
-     *
-     * This is useful within tools that operate upon GraphQL Values directly and
-     * in isolation of complete GraphQL documents.
-     */
-    function parseValue(
-        source: Source | string,
-        options?: ParseOptions
-    ): Value;
-
-    function parseConstValue<TOptions>(lexer: Lexer<TOptions>): Value;
-
-    /**
-     * Type :
-     *   - NamedType
-     *   - ListType
-     *   - NonNullType
-     */
-    function parseType<TOptions>(lexer: Lexer<TOptions>): Type;
-
-    /**
-     * NamedType : Name
-     */
-    function parseNamedType<TOptions>(lexer: Lexer<TOptions>): NamedType;
-}
-
-declare module "graphql/language/printer" {
-    /**
-     * Converts an AST into a string, using one set of reasonable
-     * formatting rules.
-     */
-    function print(ast: any): string;
-}
-
-declare module "graphql/language/source" {
-    class Source {
-        body: string;
-        name: string;
-        constructor(body: string, name?: string);
-    }
-}
-
-declare module "graphql/language/visitor" {
-    const QueryDocumentKeys: {
-        Name: any[];
-        Document: string[];
-        OperationDefinition: string[];
-        VariableDefinition: string[];
-        Variable: string[];
-        SelectionSet: string[];
-        Field: string[];
-        Argument: string[];
-
-        FragmentSpread: string[];
-        InlineFragment: string[];
-        FragmentDefinition: string[];
-
-        IntValue: number[];
-        FloatValue: number[];
-        StringValue: string[];
-        BooleanValue: boolean[];
-        EnumValue: any[];
-        ListValue: string[];
-        ObjectValue: string[];
-        ObjectField: string[];
-
-        Directive: string[];
-
-        NamedType: string[];
-        ListType: string[];
-        NonNullType: string[];
-
-        ObjectTypeDefinition: string[];
-        FieldDefinition: string[];
-        InputValueDefinition: string[];
-        InterfaceTypeDefinition: string[];
-        UnionTypeDefinition: string[];
-        ScalarTypeDefinition: string[];
-        EnumTypeDefinition: string[];
-        EnumValueDefinition: string[];
-        InputObjectTypeDefinition: string[];
-        TypeExtensionDefinition: string[];
-    }
-
-    const BREAK: any;
-
-    function visit(root: any, visitor: any, keyMap: any): any;
-
-    function visitInParallel(visitors: any): any;
-
-    function visitWithTypeInfo(typeInfo: any, visitor: any): any;
-}
-
-///////////////////////////
-// graphql/type          //
-///////////////////////////
-declare module "graphql/type" {
-    export * from "graphql/type/index";
-}
-
-declare module "graphql/type/index" {
-    // GraphQL Schema definition
-    export { GraphQLSchema } from 'graphql/type/schema';
-
-    export {
-        // Predicates
-        isType,
-        isInputType,
-        isOutputType,
-        isLeafType,
-        isCompositeType,
-        isAbstractType,
-
-        // Un-modifiers
-        getNullableType,
-        getNamedType,
-
-        // Definitions
-        GraphQLScalarType,
-        GraphQLObjectType,
-        GraphQLInterfaceType,
-        GraphQLUnionType,
-        GraphQLEnumType,
-        GraphQLInputObjectType,
-        GraphQLList,
-        GraphQLNonNull,
-    } from 'graphql/type/definition';
-
-    export {
-        // "Enum" of Directive Locations
-        DirectiveLocation,
-
-        // Directives Definition
-        GraphQLDirective,
-
-        // Built-in Directives defined by the Spec
-        specifiedDirectives,
-        GraphQLIncludeDirective,
-        GraphQLSkipDirective,
-        GraphQLDeprecatedDirective,
-
-        // Constant Deprecation Reason
-        DEFAULT_DEPRECATION_REASON,
-    } from 'graphql/type/directives';
-
-    // Common built-in scalar instances.
-    export {
-        GraphQLInt,
-        GraphQLFloat,
-        GraphQLString,
-        GraphQLBoolean,
-        GraphQLID,
-    } from 'graphql/type/scalars';
-
-    export {
-        // "Enum" of Type Kinds
-        TypeKind,
-
-        // GraphQL Types for introspection.
-        __Schema,
-        __Directive,
-        __DirectiveLocation,
-        __Type,
-        __Field,
-        __InputValue,
-        __EnumValue,
-        __TypeKind,
-
-        // Meta-field definitions.
-        SchemaMetaFieldDef,
-        TypeMetaFieldDef,
-        TypeNameMetaFieldDef,
-    } from 'graphql/type/introspection';
-
-}
-
-declare module "graphql/type/definition" {
-    import {
-        OperationDefinition,
-        Field,
-        FragmentDefinition,
-        Value,
-    } from 'graphql/language/ast';
-    import { GraphQLSchema } from 'graphql/type/schema';
-
-    /**
-     * These are all of the possible kinds of types.
-     */
-    type GraphQLType =
-        GraphQLScalarType |
-        GraphQLObjectType |
-        GraphQLInterfaceType |
-        GraphQLUnionType |
-        GraphQLEnumType |
-        GraphQLInputObjectType |
-        GraphQLList<any> |
-        GraphQLNonNull<any>;
-
-    function isType(type: any): boolean;
-
-    /**
-     * These types may be used as input types for arguments and directives.
-     */
-    type GraphQLInputType =
-        GraphQLScalarType |
-        GraphQLEnumType |
-        GraphQLInputObjectType |
-        GraphQLList<any> |
-        GraphQLNonNull<
-        GraphQLScalarType |
-        GraphQLEnumType |
-        GraphQLInputObjectType |
-        GraphQLList<any>
-        >;
-
-    function isInputType(type: GraphQLType): boolean;
-
-    /**
-     * These types may be used as output types as the result of fields.
-     */
-    type GraphQLOutputType =
-        GraphQLScalarType |
-        GraphQLObjectType |
-        GraphQLInterfaceType |
-        GraphQLUnionType |
-        GraphQLEnumType |
-        GraphQLList<any> |
-        GraphQLNonNull<
-        GraphQLScalarType |
-        GraphQLObjectType |
-        GraphQLInterfaceType |
-        GraphQLUnionType |
-        GraphQLEnumType |
-        GraphQLList<any>
-        >;
-
-    function isOutputType(type: GraphQLType): boolean;
-
-    /**
-     * These types may describe types which may be leaf values.
-     */
-    type GraphQLLeafType =
-        GraphQLScalarType |
-        GraphQLEnumType;
-
-    function isLeafType(type: GraphQLType): boolean;
-
-    /**
-     * These types may describe the parent context of a selection set.
-     */
-    type GraphQLCompositeType =
-        GraphQLObjectType |
-        GraphQLInterfaceType |
-        GraphQLUnionType;
-
-    function isCompositeType(type: GraphQLType): boolean;
-
-    /**
-     * These types may describe the parent context of a selection set.
-     */
-    type GraphQLAbstractType =
-        GraphQLInterfaceType |
-        GraphQLUnionType;
-
-    function isAbstractType(type: GraphQLType): boolean;
-
-    /**
-     * These types can all accept null as a value.
-     */
-    type GraphQLNullableType =
-        GraphQLScalarType |
-        GraphQLObjectType |
-        GraphQLInterfaceType |
-        GraphQLUnionType |
-        GraphQLEnumType |
-        GraphQLInputObjectType |
-        GraphQLList<any>;
-
-    function getNullableType<T extends GraphQLType>(
-        type: T
-    ): (T & GraphQLNullableType);
-
-    /**
-     * These named types do not include modifiers like List or NonNull.
-     */
-    type GraphQLNamedType =
-        GraphQLScalarType |
-        GraphQLObjectType |
-        GraphQLInterfaceType |
-        GraphQLUnionType |
-        GraphQLEnumType |
-        GraphQLInputObjectType;
-
-    function getNamedType(type: GraphQLType): GraphQLNamedType
-
-    /**
-     * Used while defining GraphQL types to allow for circular references in
-     * otherwise immutable type definitions.
-     */
-    type Thunk<T> = (() => T) | T;
-
-    /**
-     * Scalar Type Definition
-     *
-     * The leaf values of any request and input values to arguments are
-     * Scalars (or Enums) and are defined with a name and a series of functions
-     * used to parse input from ast or variables and to ensure validity.
-     *
-     * Example:
-     *
-     *     const OddType = new GraphQLScalarType({
-     *       name: 'Odd',
-     *       serialize(value) {
-     *         return value % 2 === 1 ? value : null;
-     *       }
-     *     });
-     *
-     */
-    class GraphQLScalarType {
-        name: string;
-        description: string;
-        constructor(config: GraphQLScalarTypeConfig<any, any>);
-
-        // Serializes an internal value to include in a response.
-        serialize(value: any): any;
-
-        // Parses an externally provided value to use as an input.
-        parseValue(value: any): any;
-
-        // Parses an externally provided literal value to use as an input.
-        parseLiteral(valueAST: Value): any;
-
-        toString(): string;
-    }
-
-    interface GraphQLScalarTypeConfig<TInternal, TExternal> {
-        name: string;
-        description?: string;
-        serialize: (value: any) => TInternal;
-        parseValue?: (value: any) => TExternal;
-        parseLiteral?: (valueAST: Value) => TInternal;
-    }
-
-    /**
-     * Object Type Definition
-     *
-     * Almost all of the GraphQL types you define will be object types. Object types
-     * have a name, but most importantly describe their fields.
-     *
-     * Example:
-     *
-     *     const AddressType = new GraphQLObjectType({
-     *       name: 'Address',
-     *       fields: {
-     *         street: { type: GraphQLString },
-     *         number: { type: GraphQLInt },
-     *         formatted: {
-     *           type: GraphQLString,
-     *           resolve(obj) {
-     *             return obj.number + ' ' + obj.street
-     *           }
-     *         }
-     *       }
-     *     });
-     *
-     * When two types need to refer to each other, or a type needs to refer to
-     * itself in a field, you can use a function expression (aka a closure or a
-     * thunk) to supply the fields lazily.
-     *
-     * Example:
-     *
-     *     const PersonType = new GraphQLObjectType({
-     *       name: 'Person',
-     *       fields: () => ({
-     *         name: { type: GraphQLString },
-     *         bestFriend: { type: PersonType },
-     *       })
-     *     });
-     *
-     */
-    class GraphQLObjectType {
-        name: string;
-        description: string;
-        isTypeOf: GraphQLIsTypeOfFn;
-
-        constructor(config: GraphQLObjectTypeConfig<any>);
-        getFields(): GraphQLFieldDefinitionMap;
-        getInterfaces(): Array<GraphQLInterfaceType>;
-        toString(): string;
-    }
-
-    //
-
-    interface GraphQLObjectTypeConfig<TSource> {
-        name: string;
-        interfaces?: Thunk<Array<GraphQLInterfaceType>>;
-        fields: Thunk<GraphQLFieldConfigMap<TSource>>;
-        isTypeOf?: GraphQLIsTypeOfFn;
-        description?: string
-    }
-
-    type GraphQLTypeResolveFn = (
-        value: any,
-        context: any,
-        info: GraphQLResolveInfo
-    ) => GraphQLObjectType;
-
-    type GraphQLIsTypeOfFn = (
-        source: any,
-        context: any,
-        info: GraphQLResolveInfo
-    ) => boolean;
-
-    type GraphQLFieldResolveFn<TSource> = (
-        source: TSource,
-        args: { [argName: string]: any },
-        context: any,
-        info: GraphQLResolveInfo
-    ) => any;
-
-    interface GraphQLResolveInfo {
-        fieldName: string;
-        fieldASTs: Array<Field>;
-        returnType: GraphQLOutputType;
-        parentType: GraphQLCompositeType;
-        path: Array<string | number>;
-        schema: GraphQLSchema;
-        fragments: { [fragmentName: string]: FragmentDefinition };
-        rootValue: any;
-        operation: OperationDefinition;
-        variableValues: { [variableName: string]: any };
-    }
-
-    interface GraphQLFieldConfig<TSource> {
-        type: GraphQLOutputType;
-        args?: GraphQLFieldConfigArgumentMap;
-        resolve?: GraphQLFieldResolveFn<TSource>;
-        deprecationReason?: string;
-        description?: string;
-    }
-
-    interface GraphQLFieldConfigArgumentMap {
-        [argName: string]: GraphQLArgumentConfig;
-    }
-
-    interface GraphQLArgumentConfig {
-        type: GraphQLInputType;
-        defaultValue?: any;
-        description?: string;
-    }
-
-    interface GraphQLFieldConfigMap<TSource> {
-        [fieldName: string]: GraphQLFieldConfig<TSource>;
-    }
-
-    interface GraphQLFieldDefinition {
-        name: string;
-        description: string;
-        type: GraphQLOutputType;
-        args: Array<GraphQLArgument>;
-        resolve: GraphQLFieldResolveFn<any>;
-        isDeprecated: boolean;
-        deprecationReason: string;
-    }
-
-    interface GraphQLArgument {
-        name: string;
-        type: GraphQLInputType;
-        defaultValue?: any;
-        description?: string;
-    }
-
-    interface GraphQLFieldDefinitionMap {
-        [fieldName: string]: GraphQLFieldDefinition;
-    }
-
-    /**
-     * Interface Type Definition
-     *
-     * When a field can return one of a heterogeneous set of types, a Interface type
-     * is used to describe what types are possible, what fields are in common across
-     * all types, as well as a function to determine which type is actually used
-     * when the field is resolved.
-     *
-     * Example:
-     *
-     *     const EntityType = new GraphQLInterfaceType({
-     *       name: 'Entity',
-     *       fields: {
-     *         name: { type: GraphQLString }
-     *       }
-     *     });
-     *
-     */
-    class GraphQLInterfaceType {
-        name: string;
-        description: string;
-        resolveType: GraphQLTypeResolveFn;
-
-        constructor(config: GraphQLInterfaceTypeConfig);
-
-        getFields(): GraphQLFieldDefinitionMap;
-
-        toString(): string;
-    }
-
-    interface GraphQLInterfaceTypeConfig {
-        name: string,
-        fields: Thunk<GraphQLFieldConfigMap<any>>,
-        /**
-         * Optionally provide a custom type resolver function. If one is not provided,
-         * the default implementation will call `isTypeOf` on each implementing
-         * Object type.
-         */
-        resolveType?: GraphQLTypeResolveFn,
-        description?: string
-    }
-
-    /**
-     * Union Type Definition
-     *
-     * When a field can return one of a heterogeneous set of types, a Union type
-     * is used to describe what types are possible as well as providing a function
-     * to determine which type is actually used when the field is resolved.
-     *
-     * Example:
-     *
-     *     const PetType = new GraphQLUnionType({
-     *       name: 'Pet',
-     *       types: [ DogType, CatType ],
-     *       resolveType(value) {
-     *         if (value instanceof Dog) {
-     *           return DogType;
-     *         }
-     *         if (value instanceof Cat) {
-     *           return CatType;
-     *         }
-     *       }
-     *     });
-     *
-     */
-    class GraphQLUnionType {
-        name: string;
-        description: string;
-        resolveType: GraphQLTypeResolveFn;
-
-        constructor(config: GraphQLUnionTypeConfig);
-
-        getTypes(): Array<GraphQLObjectType>;
-
-        toString(): string;
-    }
-
-    interface GraphQLUnionTypeConfig {
-        name: string,
-        types: Thunk<Array<GraphQLObjectType>>,
-        /**
-         * Optionally provide a custom type resolver function. If one is not provided,
-         * the default implementation will call `isTypeOf` on each implementing
-         * Object type.
-         */
-        resolveType?: GraphQLTypeResolveFn;
-        description?: string;
-    }
-
-    /**
-     * Enum Type Definition
-     *
-     * Some leaf values of requests and input values are Enums. GraphQL serializes
-     * Enum values as strings, however internally Enums can be represented by any
-     * kind of type, often integers.
-     *
-     * Example:
-     *
-     *     const RGBType = new GraphQLEnumType({
-     *       name: 'RGB',
-     *       values: {
-     *         RED: { value: 0 },
-     *         GREEN: { value: 1 },
-     *         BLUE: { value: 2 }
-     *       }
-     *     });
-     *
-     * Note: If a value is not provided in a definition, the name of the enum value
-     * will be used as its internal value.
-     */
-    class GraphQLEnumType {
-        name: string;
-        description: string;
-
-        constructor(config: GraphQLEnumTypeConfig);
-        getValues(): Array<GraphQLEnumValueDefinition>;
-        serialize(value: any): string;
-        parseValue(value: any): any;
-        parseLiteral(valueAST: Value): any;
-        toString(): string;
-    }
-
-    interface GraphQLEnumTypeConfig {
-        name: string;
-        values: GraphQLEnumValueConfigMap;
-        description?: string;
-    }
-
-    interface GraphQLEnumValueConfigMap {
-        [valueName: string]: GraphQLEnumValueConfig;
-    }
-
-    interface GraphQLEnumValueConfig {
-        value?: any;
-        deprecationReason?: string;
-        description?: string;
-    }
-
-    interface GraphQLEnumValueDefinition {
-        name: string;
-        description: string;
-        deprecationReason: string;
-        value: any;
-    }
-
-    /**
-     * Input Object Type Definition
-     *
-     * An input object defines a structured collection of fields which may be
-     * supplied to a field argument.
-     *
-     * Using `NonNull` will ensure that a value must be provided by the query
-     *
-     * Example:
-     *
-     *     const GeoPoint = new GraphQLInputObjectType({
-     *       name: 'GeoPoint',
-     *       fields: {
-     *         lat: { type: new GraphQLNonNull(GraphQLFloat) },
-     *         lon: { type: new GraphQLNonNull(GraphQLFloat) },
-     *         alt: { type: GraphQLFloat, defaultValue: 0 },
-     *       }
-     *     });
-     *
-     */
-    class GraphQLInputObjectType {
-        name: string;
-        description: string;
-        constructor(config: InputObjectConfig);
-        getFields(): InputObjectFieldMap;
-        toString(): string;
-    }
-
-    interface InputObjectConfig {
-        name: string;
-        fields: Thunk<InputObjectConfigFieldMap>;
-        description?: string;
-    }
-
-    interface InputObjectFieldConfig {
-        type: GraphQLInputType;
-        defaultValue?: any;
-        description?: string;
-    }
-
-    interface InputObjectConfigFieldMap {
-        [fieldName: string]: InputObjectFieldConfig;
-    }
-
-    interface InputObjectField {
-        name: string;
-        type: GraphQLInputType;
-        defaultValue?: any;
-        description?: string;
-    }
-
-    interface InputObjectFieldMap {
-        [fieldName: string]: InputObjectField;
-    }
-
-    /**
-     * List Modifier
-     *
-     * A list is a kind of type marker, a wrapping type which points to another
-     * type. Lists are often created within the context of defining the fields of
-     * an object type.
-     *
-     * Example:
-     *
-     *     const PersonType = new GraphQLObjectType({
-     *       name: 'Person',
-     *       fields: () => ({
-     *         parents: { type: new GraphQLList(Person) },
-     *         children: { type: new GraphQLList(Person) },
-     *       })
-     *     })
-     *
-     */
-    class GraphQLList<T extends GraphQLType> {
-        ofType: T;
-        constructor(type: T);
-        toString(): string;
-    }
-
-    /**
-     * Non-Null Modifier
-     *
-     * A non-null is a kind of type marker, a wrapping type which points to another
-     * type. Non-null types enforce that their values are never null and can ensure
-     * an error is raised if this ever occurs during a request. It is useful for
-     * fields which you can make a strong guarantee on non-nullability, for example
-     * usually the id field of a database row will never be null.
-     *
-     * Example:
-     *
-     *     const RowType = new GraphQLObjectType({
-     *       name: 'Row',
-     *       fields: () => ({
-     *         id: { type: new GraphQLNonNull(GraphQLString) },
-     *       })
-     *     })
-     *
-     * Note: the enforcement of non-nullability occurs within the executor.
-     */
-    class GraphQLNonNull<T extends GraphQLNullableType> {
-        ofType: T;
-
-        constructor(type: T);
-
-        toString(): string;
-    }
-}
-
-declare module "graphql/type/directives" {
-    import {
-        GraphQLFieldConfigArgumentMap,
-        GraphQLArgument
-    } from 'graphql/type/definition';
-
-    const DirectiveLocation: {
-        // Operations
-        QUERY: 'QUERY',
-        MUTATION: 'MUTATION',
-        SUBSCRIPTION: 'SUBSCRIPTION',
-        FIELD: 'FIELD',
-        FRAGMENT_DEFINITION: 'FRAGMENT_DEFINITION',
-        FRAGMENT_SPREAD: 'FRAGMENT_SPREAD',
-        INLINE_FRAGMENT: 'INLINE_FRAGMENT',
-        // Schema Definitions
-        SCHEMA: 'SCHEMA',
-        SCALAR: 'SCALAR',
-        OBJECT: 'OBJECT',
-        FIELD_DEFINITION: 'FIELD_DEFINITION',
-        ARGUMENT_DEFINITION: 'ARGUMENT_DEFINITION',
-        INTERFACE: 'INTERFACE',
-        UNION: 'UNION',
-        ENUM: 'ENUM',
-        ENUM_VALUE: 'ENUM_VALUE',
-        INPUT_OBJECT: 'INPUT_OBJECT',
-        INPUT_FIELD_DEFINITION: 'INPUT_FIELD_DEFINITION',
-    };
-
-    type DirectiveLocationEnum = any //$Keys<typeof DirectiveLocation>
-
-    /**
-     * Directives are used by the GraphQL runtime as a way of modifying execution
-     * behavior. Type system creators will usually not create these directly.
-     */
-    class GraphQLDirective {
-        name: string;
-        description: string;
-        locations: Array<DirectiveLocationEnum>;
-        args: Array<GraphQLArgument>;
-
-        constructor(config: GraphQLDirectiveConfig);
-    }
-
-    interface GraphQLDirectiveConfig {
-        name: string;
-        description?: string;
-        locations: Array<DirectiveLocationEnum>;
-        args?: GraphQLFieldConfigArgumentMap;
-    }
-
-    /**
-     * Used to conditionally include fields or fragments.
-     */
-    const GraphQLIncludeDirective: GraphQLDirective;
-
-    /**
-     * Used to conditionally skip (exclude) fields or fragments.
-     */
-    const GraphQLSkipDirective: GraphQLDirective;
-
-    /**
-     * Constant string used for default reason for a deprecation.
-     */
-    const DEFAULT_DEPRECATION_REASON: 'No longer supported';
-
-    /**
-     * Used to declare element of a GraphQL schema as deprecated.
-     */
-    const GraphQLDeprecatedDirective: GraphQLDirective;
-
-    /**
-     * The full list of specified directives.
-     */
-    export const specifiedDirectives: Array<GraphQLDirective>;
-}
-
-declare module "graphql/type/introspection" {
-    import {
-        GraphQLScalarType,
-        GraphQLObjectType,
-        GraphQLInterfaceType,
-        GraphQLUnionType,
-        GraphQLEnumType,
-        GraphQLInputObjectType,
-        GraphQLList,
-        GraphQLNonNull,
-    } from 'graphql/type/definition';
-    import { GraphQLFieldDefinition } from 'graphql/type/definition';
-
-    const __Schema: GraphQLObjectType;
-    const __Directive: GraphQLObjectType;
-    const __DirectiveLocation: GraphQLEnumType;
-    const __Type: GraphQLObjectType;
-    const __Field: GraphQLObjectType;
-    const __InputValue: GraphQLObjectType;
-    const __EnumValue: GraphQLObjectType;
-
-    const TypeKind: {
-        SCALAR: 'SCALAR',
-        OBJECT: 'OBJECT',
-        INTERFACE: 'INTERFACE',
-        UNION: 'UNION',
-        ENUM: 'ENUM',
-        INPUT_OBJECT: 'INPUT_OBJECT',
-        LIST: 'LIST',
-        NON_NULL: 'NON_NULL',
-    }
-
-    const __TypeKind: GraphQLEnumType;
-
-    /**
-     * Note that these are GraphQLFieldDefinition and not GraphQLFieldConfig,
-     * so the format for args is different.
-     */
-    const SchemaMetaFieldDef: GraphQLFieldDefinition;
-    const TypeMetaFieldDef: GraphQLFieldDefinition;
-    const TypeNameMetaFieldDef: GraphQLFieldDefinition;
-}
-
-declare module "graphql/type/scalars" {
-    import { GraphQLScalarType } from 'graphql/type/definition';
-
-    const GraphQLInt: GraphQLScalarType;
-    const GraphQLFloat: GraphQLScalarType;
-    const GraphQLString: GraphQLScalarType;
-    const GraphQLBoolean: GraphQLScalarType;
-    const GraphQLID: GraphQLScalarType;
-}
-
-declare module "graphql/type/schema" {
-    import {
-        GraphQLObjectType,
-    } from 'graphql/type/definition';
-    import {
-        GraphQLType,
-        GraphQLNamedType,
-        GraphQLAbstractType
-    } from 'graphql/type/definition';
-    import {
-        GraphQLDirective,
-    } from 'graphql/type/directives';
-
-    /**
-     * Schema Definition
-     *
-     * A Schema is created by supplying the root types of each type of operation,
-     * query and mutation (optional). A schema definition is then supplied to the
-     * validator and executor.
-     *
-     * Example:
-     *
-     *     const MyAppSchema = new GraphQLSchema({
-     *       query: MyAppQueryRootType,
-     *       mutation: MyAppMutationRootType,
-     *     })
-     *
-     * Note: If an array of `directives` are provided to GraphQLSchema, that will be
-     * the exact list of directives represented and allowed. If `directives` is not
-     * provided then a default set of the specified directives (e.g. @include and
-     * @skip) will be used. If you wish to provide *additional* directives to these
-     * specified directives, you must explicitly declare them. Example:
-     *
-     *     const MyAppSchema = new GraphQLSchema({
-     *       ...
-     *       directives: specifiedDirectives.concat([ myCustomDirective ]),
-     *     })
-     *
-     */
-    class GraphQLSchema {
-        // private _queryType: GraphQLObjectType;
-        // private _mutationType: GraphQLObjectType;
-        // private _subscriptionType: GraphQLObjectType;
-        // private _directives: Array<GraphQLDirective>;
-        // private _typeMap: TypeMap;
-        // private _implementations: { [interfaceName: string]: Array<GraphQLObjectType> };
-        // private _possibleTypeMap: { [abstractName: string]: { [possibleName: string]: boolean } };
-
-        constructor(config: GraphQLSchemaConfig)
-
-        getQueryType(): GraphQLObjectType;
-        getMutationType(): GraphQLObjectType;
-        getSubscriptionType(): GraphQLObjectType;
-        getTypeMap(): GraphQLNamedType;
-        getType(name: string): GraphQLType;
-        getPossibleTypes(abstractType: GraphQLAbstractType): Array<GraphQLObjectType>;
-
-        isPossibleType(
-            abstractType: GraphQLAbstractType,
-            possibleType: GraphQLObjectType
-        ): boolean;
-
-        getDirectives(): Array<GraphQLDirective>;
-        getDirective(name: string): GraphQLDirective;
-    }
-
-    interface GraphQLSchemaConfig {
-        query: GraphQLObjectType;
-        mutation?: GraphQLObjectType;
-        subscription?: GraphQLObjectType;
-        types?: Array<GraphQLNamedType>;
-        directives?: Array<GraphQLDirective>;
-    }
-}
-
-///////////////////////////
-// graphql/validation    //
-///////////////////////////
-declare module "graphql/validation" {
-    export * from "graphql/validation/index";
-}
-
-declare module "graphql/validation/index" {
-    export { validate } from 'graphql/validation/validate';
-    export { specifiedRules } from 'graphql/validation/specifiedRules';
-}
-
-declare module "graphql/validation/specifiedRules" {
-    import { ValidationContext } from 'graphql/validation/validate'; // It needs to check.
-
-    /**
-     * This set includes all validation rules defined by the GraphQL spec.
-     */
-    const specifiedRules: Array<(context: ValidationContext) => any>;
-
-}
-
-declare module "graphql/validation/validate" {
-    import { GraphQLError } from 'graphql/error';
-    import {
-        Document,
-        OperationDefinition,
-        Variable,
-        SelectionSet,
-        FragmentSpread,
-        FragmentDefinition,
-    } from 'graphql/language/ast';
-    import { GraphQLSchema } from 'graphql/type/schema';
-    import {
-        GraphQLInputType,
-        GraphQLOutputType,
-        GraphQLCompositeType,
-        GraphQLFieldDefinition,
-        GraphQLArgument
-    } from 'graphql/type/definition';
-    import { GraphQLDirective } from 'graphql/type/directives';
-    import { TypeInfo } from 'graphql/utilities/TypeInfo';
-    import { specifiedRules } from 'graphql/validation/specifiedRules';
-
-    //type ValidationRule = (context: ValidationContext) => any;
-
-    /**
-     * Implements the "Validation" section of the spec.
-     *
-     * Validation runs synchronously, returning an array of encountered errors, or
-     * an empty array if no errors were encountered and the document is valid.
-     *
-     * A list of specific validation rules may be provided. If not provided, the
-     * default list of rules defined by the GraphQL specification will be used.
-     *
-     * Each validation rules is a function which returns a visitor
-     * (see the language/visitor API). Visitor methods are expected to return
-     * GraphQLErrors, or Arrays of GraphQLErrors when invalid.
-     */
-    function validate(
-        schema: GraphQLSchema,
-        ast: Document,
-        rules?: Array<any>
-    ): Array<GraphQLError>;
-
-    /**
-     * This uses a specialized visitor which runs multiple visitors in parallel,
-     * while maintaining the visitor skip and break API.
-     *
-     * @internal
-     */
-    function visitUsingRules(
-        schema: GraphQLSchema,
-        typeInfo: TypeInfo,
-        documentAST: Document,
-        rules: Array<any>
-    ): Array<GraphQLError>;
-
-    type HasSelectionSet = OperationDefinition | FragmentDefinition;
-    interface VariableUsage {
-        node: Variable,
-        type: GraphQLInputType
-    }
-
-    /**
-     * An instance of this class is passed as the "this" context to all validators,
-     * allowing access to commonly useful contextual information from within a
-     * validation rule.
-     */
-    export class ValidationContext {
-        constructor(schema: GraphQLSchema, ast: Document, typeInfo: TypeInfo);
-        reportError(error: GraphQLError): void;
-
-        getErrors(): Array<GraphQLError>;
-
-        getSchema(): GraphQLSchema;
-
-        getDocument(): Document;
-
-        getFragment(name: string): FragmentDefinition;
-
-        getFragmentSpreads(node: SelectionSet): Array<FragmentSpread>;
-
-        getRecursivelyReferencedFragments(
-            operation: OperationDefinition
-        ): Array<FragmentDefinition>;
-
-        getVariableUsages(node: HasSelectionSet): Array<VariableUsage>;
-
-        getRecursiveVariableUsages(
-            operation: OperationDefinition
-        ): Array<VariableUsage>;
-
-        getType(): GraphQLOutputType;
-
-        getParentType(): GraphQLCompositeType;
-
-        getInputType(): GraphQLInputType;
-
-        getFieldDef(): GraphQLFieldDefinition;
-
-        getDirective(): GraphQLDirective;
-
-        getArgument(): GraphQLArgument;
-    }
-
-}
-
-
-///////////////////////////
-// graphql/execution     //
-///////////////////////////
-declare module "graphql/execution" {
-    export * from "graphql/execution/index";
-}
-
-declare module "graphql/execution/index" {
-    export { execute } from 'graphql/execution/execute';
-}
-
-declare module "graphql/execution/execute" {
-    import { GraphQLError, locatedError } from 'graphql/error';
-    import { GraphQLSchema } from 'graphql/type/schema';
-    import {
-        Directive,
-        Document,
-        OperationDefinition,
-        SelectionSet,
-        Field,
-        InlineFragment,
-        FragmentDefinition
-    } from 'graphql/language/ast';
-    /**
-     * Data that must be available at all points during query execution.
-     *
-     * Namely, schema of the type system that is currently executing,
-     * and the fragments defined in the query document
-     */
-    interface ExecutionContext {
-        schema: GraphQLSchema;
-        fragments: { [key: string]: FragmentDefinition };
-        rootValue: any;
-        operation: OperationDefinition;
-        variableValues: { [key: string]: any };
-        errors: Array<GraphQLError>;
-    }
-
-    /**
-     * The result of execution. `data` is the result of executing the
-     * query, `errors` is null if no errors occurred, and is a
-     * non-empty array if an error occurred.
-     */
-    interface ExecutionResult {
-        data: Object;
-        errors?: Array<GraphQLError>;
-    }
-
-    /**
-     * Implements the "Evaluating requests" section of the GraphQL specification.
-     *
-     * Returns a Promise that will eventually be resolved and never rejected.
-     *
-     * If the arguments to this function do not result in a legal execution context,
-     * a GraphQLError will be thrown immediately explaining the invalid input.
-     */
-    function execute(
-        schema: GraphQLSchema,
-        documentAST: Document,
-        rootValue?: any,
-        contextValue?: any,
-        variableValues?: {
-            [key: string]: any
-        },
-        operationName?: string
-    ): Promise<ExecutionResult>
-}
-
-declare module "graphql/execution/values" {
-    import { GraphQLInputType, GraphQLArgument } from 'graphql/type/definition';
-    import { GraphQLSchema } from 'graphql/type/schema';
-    import { Argument, VariableDefinition } from 'graphql/language/ast';
-    /**
-     * Prepares an object map of variableValues of the correct type based on the
-     * provided variable definitions and arbitrary input. If the input cannot be
-     * parsed to match the variable definitions, a GraphQLError will be thrown.
-     */
-    function getVariableValues(
-        schema: GraphQLSchema,
-        definitionASTs: Array<VariableDefinition>,
-        inputs: { [key: string]: any }
-    ): { [key: string]: any }
-
-    /**
-     * Prepares an object map of argument values given a list of argument
-     * definitions and list of argument AST nodes.
-     */
-    function getArgumentValues(
-        argDefs: Array<GraphQLArgument>,
-        argASTs: Array<Argument>,
-        variableValues?: { [key: string]: any }
-    ): { [key: string]: any };
-}
-
-///////////////////////////
-// graphql/error         //
-///////////////////////////
-declare module "graphql/error" {
-    export * from 'graphql/error/index';
-}
-
-declare module "graphql/error/index" {
-    export { GraphQLError } from 'graphql/error/GraphQLError';
-    export { syntaxError } from 'graphql/error/syntaxError';
-    export { locatedError } from 'graphql/error/locatedError';
-    export { formatError } from 'graphql/error/formatError';
-}
-
-declare module "graphql/error/formatError" {
-    import { GraphQLError } from 'graphql/error/GraphQLError';
-
-    /**
-     * Given a GraphQLError, format it according to the rules described by the
-     * Response Format, Errors section of the GraphQL Specification.
-     */
-    function formatError(error: GraphQLError): GraphQLFormattedError;
-
-    type GraphQLFormattedError = {
-        message: string,
-        locations: Array<GraphQLErrorLocation>
-    };
-
-    type GraphQLErrorLocation = {
-        line: number,
-        column: number
-    };
-}
-
-declare module "graphql/error/GraphQLError" {
-    import { getLocation } from 'graphql/language';
-    import { Node } from 'graphql/language/ast';
-    import { Source } from 'graphql/language/source';
-
-    /**
-     * A GraphQLError describes an Error found during the parse, validate, or
-     * execute phases of performing a GraphQL operation. In addition to a message
-     * and stack trace, it also includes information about the locations in a
-     * GraphQL document and/or execution result that correspond to the Error.
-     */
-    class GraphQLError extends Error {
-
-        /**
-         * A message describing the Error for debugging purposes.
-         *
-         * Enumerable, and appears in the result of JSON.stringify().
-         */
-        message: string;
-
-        /**
-         * An array of { line, column } locations within the source GraphQL document
-         * which correspond to this error.
-         *
-         * Errors during validation often contain multiple locations, for example to
-         * point out two things with the same name. Errors during execution include a
-         * single location, the field which produced the error.
-         *
-         * Enumerable, and appears in the result of JSON.stringify().
-         */
-        locations: Array<{ line: number, column: number }> | void;
-
-        /**
-         * An array describing the JSON-path into the execution response which
-         * corresponds to this error. Only included for errors during execution.
-         *
-         * Enumerable, and appears in the result of JSON.stringify().
-         */
-        path: Array<string | number> | void;
-
-        /**
-         * An array of GraphQL AST Nodes corresponding to this error.
-         */
-        nodes: Array<Node> | void;
-
-        /**
-         * The source GraphQL document corresponding to this error.
-         */
-        source: Source | void;
-
-        /**
-         * An array of character offsets within the source GraphQL document
-         * which correspond to this error.
-         */
-        positions: Array<number> | void;
-
-        /**
-         * The original error thrown from a field resolver during execution.
-         */
-        originalError: Error;
-    }
-}
-
-declare module "graphql/error/locatedError" {
-    import { GraphQLError } from 'graphql/error/GraphQLError';
-
-    /**
-     * Given an arbitrary Error, presumably thrown while attempting to execute a
-     * GraphQL operation, produce a new GraphQLError aware of the location in the
-     * document responsible for the original Error.
-     */
-    function locatedError<T>(
-        originalError: Error,
-        nodes: Array<T>,
-        path: Array<string | number>
-    ): GraphQLError;
-}
-
-declare module "graphql/error/syntaxError" {
-    import { Source } from 'graphql/language/source';
-    import { GraphQLError } from 'graphql/error/GraphQLError';
-
-    /**
-     * Produces a GraphQLError representing a syntax error, containing useful
-     * descriptive information about the syntax error's position in the source.
-     */
-    function syntaxError(
-        source: Source,
-        position: number,
-        description: string
-    ): GraphQLError;
-}
-
-///////////////////////////
-// graphql/utilities     //
-///////////////////////////
-declare module "graphql/utilities" {
-    export * from "graphql/utilities/index";
-}
-
-declare module "graphql/utilities/index" {
-    // The GraphQL query recommended for a full schema introspection.
-    export { introspectionQuery } from 'graphql/utilities/introspectionQuery';
-
-    // Gets the target Operation from a Document
-    export { getOperationAST } from 'graphql/utilities/getOperationAST';
-
-    // Build a GraphQLSchema from an introspection result.
-    export { buildClientSchema } from 'graphql/utilities/buildClientSchema';
-
-    // Build a GraphQLSchema from GraphQL Schema language.
-    export { buildASTSchema, buildSchema } from 'graphql/utilities/buildASTSchema';
-
-    // Extends an existing GraphQLSchema from a parsed GraphQL Schema language AST.
-    export { extendSchema } from 'graphql/utilities/extendSchema';
-
-    // Print a GraphQLSchema to GraphQL Schema language.
-    export { printSchema, printIntrospectionSchema } from 'graphql/utilities/schemaPrinter';
-
-    // Create a GraphQLType from a GraphQL language AST.
-    export { typeFromAST } from 'graphql/utilities/typeFromAST';
-
-    // Create a JavaScript value from a GraphQL language AST.
-    export { valueFromAST } from 'graphql/utilities/valueFromAST';
-
-    // Create a GraphQL language AST from a JavaScript value.
-    export { astFromValue } from 'graphql/utilities/astFromValue';
-
-    // A helper to use within recursive-descent visitors which need to be aware of
-    // the GraphQL type system.
-    export { TypeInfo } from 'graphql/utilities/TypeInfo';
-
-    // Determine if JavaScript values adhere to a GraphQL type.
-    export { isValidJSValue } from 'graphql/utilities/isValidJSValue';
-
-    // Determine if AST values adhere to a GraphQL type.
-    export { isValidLiteralValue } from 'graphql/utilities/isValidLiteralValue';
-
-    // Concatenates multiple AST together.
-    export { concatAST } from 'graphql/utilities/concatAST';
-
-    // Separates an AST into an AST per Operation.
-    export { separateOperations } from 'graphql/utilities/separateOperations';
-
-    // Comparators for types
-    export {
-        isEqualType,
-        isTypeSubTypeOf,
-        doTypesOverlap
-    } from 'graphql/utilities/typeComparators';
-
-    // Asserts that a string is a valid GraphQL name
-    export { assertValidName } from 'graphql/utilities/assertValidName';
-}
-
-declare module "graphql/utilities/assertValidName" {
-    // Helper to assert that provided names are valid.
-    function assertValidName(name: string): void;
-}
-
-declare module "graphql/utilities/astFromValue" {
-    import {
-        Value,
-        //IntValue,
-        //FloatValue,
-        //StringValue,
-        //BooleanValue,
-        //EnumValue,
-        //ListValue,
-        //ObjectValue,
-    } from 'graphql/language/ast';
-    import { GraphQLInputType } from 'graphql/type/definition';
-
-    /**
-     * Produces a GraphQL Value AST given a JavaScript value.
-     *
-     * A GraphQL type must be provided, which will be used to interpret different
-     * JavaScript values.
-     *
-     * | JSON Value    | GraphQL Value        |
-     * | ------------- | -------------------- |
-     * | Object        | Input Object         |
-     * | Array         | List                 |
-     * | Boolean       | Boolean              |
-     * | String        | String / Enum Value  |
-     * | Number        | Int / Float          |
-     * | Mixed         | Enum Value           |
-     *
-     */
-    // TODO: this should set overloads according to above the table
-    export function astFromValue(
-        value: any,
-        type: GraphQLInputType
-    ): Value // Warning: there is a code in bottom: throw new TypeError
-}
-
-declare module "graphql/utilities/buildASTSchema" {
-    import { Document } from 'graphql/language/ast';
-    import { Source } from 'graphql/language/source';
-    import { GraphQLSchema } from 'graphql/type/schema';
-
-    /**
-     * This takes the ast of a schema document produced by the parse function in
-     * src/language/parser.js.
-     *
-     * If no schema definition is provided, then it will look for types named Query
-     * and Mutation.
-     *
-     * Given that AST it constructs a GraphQLSchema. The resulting schema
-     * has no resolve methods, so execution will use default resolvers.
-     */
-    function buildASTSchema(ast: Document): GraphQLSchema;
-
-    /**
-     * Given an ast node, returns its string description based on a contiguous
-     * block full-line of comments preceding it.
-     */
-    function getDescription(node: { loc?: Location }): string;
-
-    /**
-     * A helper function to build a GraphQLSchema directly from a source
-     * document.
-     */
-    function buildSchema(source: string | Source): GraphQLSchema;
-
-    /**
-     * Given an ast node, returns its string description based on a contiguous
-     * block full-line of comments preceding it.
-     */
-    function getDescription(node: { loc?: Location }): string;
-
-    /**
-     * A helper function to build a GraphQLSchema directly from a source
-     * document.
-     */
-    function buildSchema(source: string | Source): GraphQLSchema;
-}
-
-declare module "graphql/utilities/buildClientSchema" {
-    import { IntrospectionQuery } from 'graphql/utilities/introspectionQuery';
-    import { GraphQLSchema } from 'graphql/type/schema';
-    /**
-     * Build a GraphQLSchema for use by client tools.
-     *
-     * Given the result of a client running the introspection query, creates and
-     * returns a GraphQLSchema instance which can be then used with all graphql-js
-     * tools, but cannot be used to execute a query, as introspection does not
-     * represent the "resolver", "parse" or "serialize" functions or any other
-     * server-internal mechanisms.
-     */
-    function buildClientSchema(
-        introspection: IntrospectionQuery
-    ): GraphQLSchema;
-}
-
-declare module "graphql/utilities/concatAST" {
-    import { Document } from 'graphql/language/ast';
-    /**
-     * Provided a collection of ASTs, presumably each from different files,
-     * concatenate the ASTs together into batched AST, useful for validating many
-     * GraphQL source files which together represent one conceptual application.
-     */
-    function concatAST(asts: Array<Document>): Document;
-}
-
-declare module "graphql/utilities/extendSchema" {
-    import { GraphQLSchema } from 'graphql/type/schema';
-
-    /**
-     * Produces a new schema given an existing schema and a document which may
-     * contain GraphQL type extensions and definitions. The original schema will
-     * remain unaltered.
-     *
-     * Because a schema represents a graph of references, a schema cannot be
-     * extended without effectively making an entire copy. We do not know until it's
-     * too late if subgraphs remain unchanged.
-     *
-     * This algorithm copies the provided schema, applying extensions while
-     * producing the copy. The original schema remains unaltered.
-     */
-    function extendSchema(
-        schema: GraphQLSchema,
-        documentAST: Document
-    ): GraphQLSchema;
-}
-
-declare module "graphql/utilities/getOperationAST" {
-    import { Document, OperationDefinition } from 'graphql/language/ast';
-
-    /**
-     * Returns an operation AST given a document AST and optionally an operation
-     * name. If a name is not provided, an operation is only returned if only one is
-     * provided in the document.
-     */
-    export function getOperationAST(
-        documentAST: Document,
-        operationName: string
-    ): OperationDefinition;
-}
-
-declare module "graphql/utilities/introspectionQuery" {
-    import { DirectiveLocationEnum } from 'graphql/type/directives';
-
-    /*
-    query IntrospectionQuery {
-        __schema {
-        queryType { name }
-        mutationType { name }
-        subscriptionType { name }
-        types {
-            ...FullType
-        }
-        directives {
-            name
-            description
-            locations
-            args {
-            ...InputValue
-            }
-        }
-        }
-    }
-
-    fragment FullType on __Type {
-        kind
-        name
-        description
-        fields(includeDeprecated: true) {
-        name
-        description
-        args {
-            ...InputValue
-        }
-        type {
-            ...TypeRef
-        }
-        isDeprecated
-        deprecationReason
-        }
-        inputFields {
-        ...InputValue
-        }
-        interfaces {
-        ...TypeRef
-        }
-        enumValues(includeDeprecated: true) {
-        name
-        description
-        isDeprecated
-        deprecationReason
-        }
-        possibleTypes {
-        ...TypeRef
-        }
-    }
-
-    fragment InputValue on __InputValue {
-        name
-        description
-        type { ...TypeRef }
-        defaultValue
-    }
-
-    fragment TypeRef on __Type {
-        kind
-        name
-        ofType {
-        kind
-        name
-        ofType {
-            kind
-            name
-            ofType {
-            kind
-            name
-            ofType {
-                kind
-                name
-                ofType {
-                kind
-                name
-                ofType {
-                    kind
-                    name
-                    ofType {
-                    kind
-                    name
-                    }
-                }
-                }
-            }
-            }
-        }
-        }
-    }
-    */
-    const introspectionQuery: string;
-
-
-    interface IntrospectionQuery {
-        __schema: IntrospectionSchema
-    }
-
-    interface IntrospectionSchema {
-        queryType: IntrospectionNamedTypeRef;
-        mutationType?: IntrospectionNamedTypeRef;
-        subscriptionType?: IntrospectionNamedTypeRef;
-        types: Array<IntrospectionType>;
-        directives: Array<IntrospectionDirective>;
-    }
-
-    type IntrospectionType =
-        IntrospectionScalarType |
-        IntrospectionObjectType |
-        IntrospectionInterfaceType |
-        IntrospectionUnionType |
-        IntrospectionEnumType |
-        IntrospectionInputObjectType;
-
-    interface IntrospectionScalarType {
-        kind: 'SCALAR';
-        name: string;
-        description?: string;
-    }
-
-    interface IntrospectionObjectType {
-        kind: 'OBJECT';
-        name: string;
-        description?: string;
-        fields: Array<IntrospectionField>;
-        interfaces: Array<IntrospectionNamedTypeRef>;
-    }
-
-    interface IntrospectionInterfaceType {
-        kind: 'INTERFACE';
-        name: string;
-        description?: string;
-        fields: Array<IntrospectionField>;
-        possibleTypes: Array<IntrospectionNamedTypeRef>;
-    }
-
-    interface IntrospectionUnionType {
-        kind: 'UNION';
-        name: string;
-        description?: string;
-        possibleTypes: Array<IntrospectionNamedTypeRef>;
-    }
-
-    interface IntrospectionEnumType {
-        kind: 'ENUM';
-        name: string;
-        description?: string;
-        enumValues: Array<IntrospectionEnumValue>;
-    }
-
-    interface IntrospectionInputObjectType {
-        kind: 'INPUT_OBJECT';
-        name: string;
-        description?: string;
-        inputFields: Array<IntrospectionInputValue>;
-    }
-
-    type IntrospectionTypeRef =
-        IntrospectionNamedTypeRef |
-        IntrospectionListTypeRef |
-        IntrospectionNonNullTypeRef
-
-    interface IntrospectionNamedTypeRef {
-        kind: string;
-        name: string;
-    }
-
-    interface IntrospectionListTypeRef {
-        kind: 'LIST';
-        ofType?: IntrospectionTypeRef;
-    }
-
-    interface IntrospectionNonNullTypeRef {
-        kind: 'NON_NULL';
-        ofType?: IntrospectionTypeRef;
-    }
-
-    interface IntrospectionField {
-        name: string;
-        description?: string;
-        args: Array<IntrospectionInputValue>;
-        type: IntrospectionTypeRef;
-        isDeprecated: boolean;
-        deprecationReason?: string;
-    }
-
-    interface IntrospectionInputValue {
-        name: string;
-        description?: string;
-        type: IntrospectionTypeRef;
-        defaultValue?: string;
-    }
-
-    interface IntrospectionEnumValue {
-        name: string;
-        description?: string;
-        isDeprecated: boolean;
-        deprecationReason?: string;
-    }
-
-    interface IntrospectionDirective {
-        name: string;
-        description?: string;
-        locations: Array<DirectiveLocationEnum>;
-        args: Array<IntrospectionInputValue>;
-    }
-}
-
-declare module "graphql/utilities/isValidJSValue" {
-    import { GraphQLInputType } from 'graphql/type/definition';
-
-    /**
-     * Given a JavaScript value and a GraphQL type, determine if the value will be
-     * accepted for that type. This is primarily useful for validating the
-     * runtime values of query variables.
-     */
-    function isValidJSValue(
-        value: any,
-        type: GraphQLInputType
-    ): Array<string>
-}
-
-declare module "graphql/utilities/isValidLiteralValue" {
-    import { Value } from 'graphql/language/ast';
-    import { GraphQLInputType } from 'graphql/type/definition';
-
-    /**
-     * Utility for validators which determines if a value literal AST is valid given
-     * an input type.
-     *
-     * Note that this only validates literal values, variables are assumed to
-     * provide values of the correct type.
-     */
-    function isValidLiteralValue(
-        type: GraphQLInputType,
-        valueAST: Value
-    ): Array<string>
-}
-
-declare module "graphql/utilities/schemaPrinter" {
-    import { GraphQLSchema } from 'graphql/type/schema';
-
-    function printSchema(schema: GraphQLSchema): string;
-
-    function printIntrospectionSchema(schema: GraphQLSchema): string;
-}
-
-declare module "graphql/utilities/separateOperations" {
-    import {
-        Document,
-        OperationDefinition,
-    } from 'graphql/language/ast';
-
-    function separateOperations(
-        documentAST: Document
-    ): { [operationName: string]: Document }
-}
-
-declare module "graphql/utilities/typeComparators" {
-    import {
-        GraphQLType,
-        GraphQLCompositeType,
-        GraphQLAbstractType
-    } from 'graphql/type/definition';
-    import {
-        GraphQLSchema
-    } from 'graphql/type/schema';
-
-    /**
-     * Provided two types, return true if the types are equal (invariant).
-     */
-    function isEqualType(typeA: GraphQLType, typeB: GraphQLType): boolean;
-
-    /**
-     * Provided a type and a super type, return true if the first type is either
-     * equal or a subset of the second super type (covariant).
-     */
-    function isTypeSubTypeOf(
-        schema: GraphQLSchema,
-        maybeSubType: GraphQLType,
-        superType: GraphQLType
-    ): boolean;
-
-    /**
-     * Provided two composite types, determine if they "overlap". Two composite
-     * types overlap when the Sets of possible concrete types for each intersect.
-     *
-     * This is often used to determine if a fragment of a given type could possibly
-     * be visited in a context of another type.
-     *
-     * This function is commutative.
-     */
-    function doTypesOverlap(
-        schema: GraphQLSchema,
-        typeA: GraphQLCompositeType,
-        typeB: GraphQLCompositeType
-    ): boolean;
-}
-
-declare module "graphql/utilities/typeFromAST" {
-    import { Type } from 'graphql/language/ast';
-    import { GraphQLType, GraphQLNullableType } from 'graphql/type/definition';
-    import { GraphQLSchema } from 'graphql/type/schema';
-
-    function typeFromAST(
-        schema: GraphQLSchema,
-        inputTypeAST: Type
-    ): GraphQLType
-}
-
-declare module "graphql/utilities/TypeInfo" {
-    class TypeInfo { }
-}
-
-declare module "graphql/utilities/valueFromAST" {
-    import { GraphQLInputType } from 'graphql/type/definition';
-    import {
-        Value,
-        Variable,
-        ListValue,
-        ObjectValue
-    } from 'graphql/language/ast';
-
-    function valueFromAST(
-        valueAST: Value, 
-        type: GraphQLInputType,
-        variables?: {
-            [key: string]: any
-        }
-    ): any;
-}
diff --git a/jquery.bbq/jquery.bbq-tests.ts b/jquery.bbq/jquery.bbq-tests.ts
index baa6c7f42f..8f3ab25aea 100644
--- a/jquery.bbq/jquery.bbq-tests.ts
+++ b/jquery.bbq/jquery.bbq-tests.ts
@@ -1,5 +1,4 @@
-/// <reference types="qunit" />
-
+/// <reference path="../qunit/qunit-1.16.d.ts" />
 
 
 // ************** Tests to jquery JQueryParam interface
diff --git a/leaflet/index.d.ts b/leaflet/index.d.ts
index c67c02e29b..feb9694126 100644
--- a/leaflet/index.d.ts
+++ b/leaflet/index.d.ts
@@ -3,7 +3,7 @@
 // Definitions by: Alejandro Sánchez <https://github.com/alejo90>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference path="../geojson/geojson.d.ts" />
+/// <reference types="geojson" />
 
 declare namespace L {
     export interface CRS {
diff --git a/material-ui/index.d.ts b/material-ui/index.d.ts
index 8dfea90d6f..941b7aff72 100644
--- a/material-ui/index.d.ts
+++ b/material-ui/index.d.ts
@@ -921,7 +921,7 @@ declare namespace __MaterialUI {
         ref?: string;
         text: string;
     }
-    interface DialogProps extends React.DOMAttributes, React.Props<Dialog> {
+    interface DialogProps extends React.DOMAttributes<{}>, React.Props<Dialog> {
         actions?: Array<DialogAction | React.ReactElement<any>>;
         /** @deprecated use a custom `actions` property instead */
         actionFocus?: string;
@@ -1001,7 +1001,7 @@ declare namespace __MaterialUI {
         }
     }
 
-    interface FontIconProps extends React.HTMLAttributes, React.Props<FontIcon> {
+    interface FontIconProps extends React.HTMLAttributes<{}>, React.Props<FontIcon> {
         // <span/> is the element that get the 'other' properties
         color?: string;
         hoverColor?: string;
@@ -1012,7 +1012,7 @@ declare namespace __MaterialUI {
     export class FontIcon extends React.Component<FontIconProps, {}> {
     }
 
-    interface SvgIconProps extends React.SVGAttributes, React.Props<SvgIcon> {
+    interface SvgIconProps extends React.SVGAttributes<{}>, React.Props<SvgIcon> {
         // <svg/> is the element that get the 'other' properties
         color?: string;
         hoverColor?: string;
@@ -1032,7 +1032,7 @@ declare namespace __MaterialUI {
         export class List extends React.Component<ListProps, {}> {
         }
 
-        interface ListItemProps extends React.HTMLAttributes, React.Props<ListItem> {
+        interface ListItemProps extends React.HTMLAttributes<{}>, React.Props<ListItem> {
             // <EnhancedButton/> is the element that get the 'other' properties
             autoGenerateNestedIndicator?: boolean;
             disableKeyboardFocus?: boolean;
@@ -1099,7 +1099,7 @@ declare namespace __MaterialUI {
         export class Menu extends React.Component<MenuProps, {}> {
         }
 
-        interface MenuItemProps extends React.HTMLAttributes, React.Props<MenuItem> {
+        interface MenuItemProps extends React.HTMLAttributes<{}>, React.Props<MenuItem> {
             // <ListItem/> is the element that get the 'other' properties
             animation?: React.ComponentClass<Popover.PopoverAnimationProps>;
             checked?: boolean;
@@ -1188,7 +1188,7 @@ declare namespace __MaterialUI {
     export class Overlay extends React.Component<OverlayProps, {}> {
     }
 
-    interface PaperProps extends React.HTMLAttributes, React.Props<Paper> {
+    interface PaperProps extends React.HTMLAttributes<{}>, React.Props<Paper> {
         circle?: boolean;
         rounded?: boolean;
         style?: React.CSSProperties;
@@ -1301,6 +1301,12 @@ declare namespace __MaterialUI {
         underlineFocusStyle?: React.CSSProperties;
         underlineStyle?: React.CSSProperties;
         value?: any;
+
+        // useful attributes passed to <DropDownMenu/>
+        className?: string;
+        maxHeight?: number;
+        menuStyle?: any;
+        openImmediately?: boolean;
     }
     export class SelectField extends React.Component<SelectFieldProps, {}> {
     }
@@ -1332,7 +1338,7 @@ declare namespace __MaterialUI {
     namespace Switches {
 
         // what's not commonly overridden by Checkbox, RadioButton, or Toggle
-        interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributes, React.Props<T> {
+        interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributes<{}>, React.Props<T> {
         }
 
         interface EnhancedSwitchProps extends CommonEnhancedSwitchProps<EnhancedSwitch> {
@@ -1740,9 +1746,9 @@ declare namespace __MaterialUI {
         name?: string;
         onBlur?: React.FocusEventHandler<{}>;
         onChange?: React.FormEventHandler<{}>;
-        onEnterKeyDown?: React.KeyboardEventHandler;
+        onEnterKeyDown?: React.KeyboardEventHandler<{}>;
         onFocus?: React.FocusEventHandler<{}>;
-        onKeyDown?: React.KeyboardEventHandler;
+        onKeyDown?: React.KeyboardEventHandler<{}>;
         rows?: number,
         rowsMax?: number,
         style?: React.CSSProperties;
@@ -1845,7 +1851,7 @@ declare namespace __MaterialUI {
         export class ToolbarSeparator extends React.Component<ToolbarSeparatorProps, {}> {
         }
 
-        interface ToolbarTitleProps extends React.HTMLAttributes, React.Props<ToolbarTitle> {
+        interface ToolbarTitleProps extends React.HTMLAttributes<{}>, React.Props<ToolbarTitle> {
             className?: string;
             style?: React.CSSProperties;
             text?: string;
@@ -8482,22 +8488,19 @@ declare module "material-ui/svg-icons" {
 
 
 declare module 'material-ui/internal/AppCanvas' {
-  interface AppCanvasProps extends __React.Props<AppCanvas> { }
-    }
-  class AppCanvas extends __React.Component<AppCanvasProps, {}> { }
-    }
+  interface AppCanvasProps extends React.Props<AppCanvas> { }
+  class AppCanvas extends React.Component<AppCanvasProps, {}> { }
     export default AppCanvas;
 }
 declare module 'material-ui/internal/AutoLockScrolling' {
-  interface AutoLockScrollingProps extends __React.Props<AutoLockScrolling> {
+  interface AutoLockScrollingProps extends React.Props<AutoLockScrolling> {
         lock: boolean;
     }
-  class AutoLockScrolling extends __React.Component<AutoLockScrollingProps, {}> { }
-    }
+  class AutoLockScrolling extends React.Component<AutoLockScrollingProps, {}> { }
     export default AutoLockScrolling;
 }
 declare module 'material-ui/internal/BeforeAfterWrapper' {
-  interface BeforeAfterWrapperProps extends __React.Props<BeforeAfterWrapper> {
+  interface BeforeAfterWrapperProps extends React.Props<BeforeAfterWrapper> {
         afterElementType?: string,
     afterStyle?: React.CSSProperties,
         beforeElementType?: string,
@@ -8505,53 +8508,47 @@ declare module 'material-ui/internal/BeforeAfterWrapper' {
         elementType?: string,
     style?: React.CSSProperties,
     }
-  class BeforeAfterWrapper extends __React.Component<BeforeAfterWrapperProps, {}> { }
-    }
+  class BeforeAfterWrapper extends React.Component<BeforeAfterWrapperProps, {}> { }
     export default BeforeAfterWrapper;
 }
 declare module 'material-ui/internal/CircleRipple' {
-  interface CircleRippleProps extends __React.Props<CircleRipple> {
+  interface CircleRippleProps extends React.Props<CircleRipple> {
         aborted?: boolean;
         color?: string;
         opacity?: number;
     style?: React.CSSProperties;
     }
-  class CircleRipple extends __React.Component<CircleRippleProps, {}> { }
-    }
+  class CircleRipple extends React.Component<CircleRippleProps, {}> { }
     export default CircleRipple;
 }
 declare module 'material-ui/internal/ClearFix' {
-  interface ClearFixProps extends __React.Props<ClearFix> {
+  interface ClearFixProps extends React.Props<ClearFix> {
     style?: React.CSSProperties;
     }
-  class ClearFix extends __React.Component<ClearFixProps, {}> { }
-    }
+  class ClearFix extends React.Component<ClearFixProps, {}> { }
     export default ClearFix;
 }
 declare module 'material-ui/internal/ClickAwayListener' {
-  interface ClickAwayListenerProps extends __React.Props<ClickAwayListener> {
+  interface ClickAwayListenerProps extends React.Props<ClickAwayListener> {
         onClickAway?: any,
     }
-  class ClickAwayListener extends __React.Component<ClickAwayListenerProps, {}> { }
-    }
+  class ClickAwayListener extends React.Component<ClickAwayListenerProps, {}> { }
     export default ClickAwayListener;
 }
 declare module 'material-ui/internal/EnhancedButton' {
     interface EnhancedButtonProps extends __MaterialUI.SharedEnhancedButtonProps<EnhancedButton> {
     }
-  class EnhancedButton extends __React.Component<EnhancedButtonProps, {}> {}
-    }
+  class EnhancedButton extends React.Component<EnhancedButtonProps, {}> {}
     export default EnhancedButton;
 }
 declare module 'material-ui/internal/EnhancedSwitch' {
     interface EnhancedSwitchProps extends __MaterialUI.Switches.CommonEnhancedSwitchProps<EnhancedSwitch> {
     }
-  class EnhancedSwitch extends __React.Component<EnhancedSwitchProps, {}> {}
-    }
+  class EnhancedSwitch extends React.Component<EnhancedSwitchProps, {}> {}
     export default EnhancedSwitch;
 }
 declare module 'material-ui/internal/ExpandTransition' {
-  interface ExpandTransitionProps extends __React.Props<ExpandTransition> {
+  interface ExpandTransitionProps extends React.Props<ExpandTransition> {
         enterDelay?: number;
         loading?: boolean;
         open?: boolean;
@@ -8559,101 +8556,92 @@ declare module 'material-ui/internal/ExpandTransition' {
         transitionDelay?: number;
         transitionDuration?: number;
     }
-  class ExpandTransition extends __React.Component<ExpandTransitionProps, {}> { }
-    }
+  class ExpandTransition extends React.Component<ExpandTransitionProps, {}> { }
     export default ExpandTransition;
 }
 declare module 'material-ui/internal/ExpandTransitionChild' {
-  interface ExpandTransitionChildProps extends __React.Props<ExpandTransitionChild> {
+  interface ExpandTransitionChildProps extends React.Props<ExpandTransitionChild> {
         enterDelay?: number;
     style?: React.CSSProperties;
         transitionDelay?: number;
         transitionDuration?: number;
     }
-  class ExpandTransitionChild extends __React.Component<ExpandTransitionChildProps, {}> { }
-    }
+  class ExpandTransitionChild extends React.Component<ExpandTransitionChildProps, {}> { }
     export default ExpandTransitionChild;
 }
 declare module 'material-ui/internal/FocusRipple' {
-  interface FocusRippleProps extends __React.Props<FocusRipple> {
+  interface FocusRippleProps extends React.Props<FocusRipple> {
         color?: string,
     innerStyle?: React.CSSProperties,
         opacity?: number,
         show?: boolean,
     style?: React.CSSProperties
     }
-  class FocusRipple extends __React.Component<FocusRippleProps, {}> { }
-    }
+  class FocusRipple extends React.Component<FocusRippleProps, {}> { }
     export default FocusRipple;
 }
 declare module 'material-ui/internal/Overlay' {
-  interface OverlayProps extends __React.Props<Overlay> {
+  interface OverlayProps extends React.Props<Overlay> {
         autoLockScrolling?: boolean;
         show: boolean;
     style?: React.CSSProperties;
         transitionEnabled?: boolean;
     }
-  class Overlay extends __React.Component<OverlayProps, {}> { }
-    }
+  class Overlay extends React.Component<OverlayProps, {}> { }
     export default Overlay;
 }
 declare module 'material-ui/internal/RenderToLayer' {
-  interface RenderToLayerProps extends __React.Props<RenderToLayer> {
+  interface RenderToLayerProps extends React.Props<RenderToLayer> {
         componentClickAway?: Function;
         open: boolean;
         render: Function;
         useLayerForClickAway?: boolean;
     }
-  class RenderToLayer extends __React.Component<RenderToLayerProps, {}> { }
-    }
+  class RenderToLayer extends React.Component<RenderToLayerProps, {}> { }
     export default RenderToLayer;
 }
 declare module 'material-ui/internal/ScaleIn' {
-  interface ScaleInProps extends __React.Props<ScaleIn> {
+  interface ScaleInProps extends React.Props<ScaleIn> {
     childStyle?: React.CSSProperties;
         enterDelay?: number;
         maxScale?: number;
         minScale?: number;
     }
-  class ScaleIn extends __React.Component<ScaleInProps, {}> { }
-    }
+  class ScaleIn extends React.Component<ScaleInProps, {}> { }
     export default ScaleIn;
 }
 declare module 'material-ui/internal/ScaleInChild' {
-  interface ScaleInChildProps extends __React.Props<ScaleInChild> {
+  interface ScaleInChildProps extends React.Props<ScaleInChild> {
         enterDelay?: number;
         maxScale?: number;
         minScale?: number;
     style?: React.CSSProperties;
     }
-  class ScaleInChild extends __React.Component<ScaleInChildProps, {}> { }
-    }
+  class ScaleInChild extends React.Component<ScaleInChildProps, {}> { }
     export default ScaleInChild;
 }
 declare module 'material-ui/internal/SlideIn' {
-  interface SlideInProps extends __React.Props<SlideIn> {
+  interface SlideInProps extends React.Props<SlideIn> {
     childStyle?: React.CSSProperties;
         direction?: __MaterialUI.propTypes.direction;
         enterDelay?: number;
     style?: React.CSSProperties;
     }
-  class SlideIn extends __React.Component<SlideInProps, {}> { }
-    }
+  class SlideIn extends React.Component<SlideInProps, {}> { }
     export default SlideIn;
 }
 declare module 'material-ui/internal/SlideInChild' {
-  interface SlideInChildProps extends __React.Props<SlideInChild> {
+  interface SlideInChildProps extends React.Props<SlideInChild> {
         direction?: string,
         enterDelay?: number;
         getLeaveDirection: Function;
     style?: React.CSSProperties;
     }
-  class SlideInChild extends __React.Component<SlideInChildProps, {}> { }
-    }
+  class SlideInChild extends React.Component<SlideInChildProps, {}> { }
     export default SlideInChild;
 }
 declare module 'material-ui/internal/Tooltip' {
-  interface TooltipProps extends __React.Props<Tooltip> {
+  interface TooltipProps extends React.Props<Tooltip> {
         className?: string;
         horizontalPosition?: __MaterialUI.propTypes.horizontal;
         label: any;
@@ -8662,19 +8650,17 @@ declare module 'material-ui/internal/Tooltip' {
         touch?: boolean;
         verticalPosition?: __MaterialUI.propTypes.vertical;
     }
-  class Tooltip extends __React.Component<TooltipProps, {}> { }
-    }
+  class Tooltip extends React.Component<TooltipProps, {}> { }
     export default Tooltip;
 }
 declare module 'material-ui/internal/TouchRipple' {
-  interface TouchRippleProps extends __React.Props<TouchRipple> {
+  interface TouchRippleProps extends React.Props<TouchRipple> {
         abortOnScroll?: boolean,
         centerRipple?: boolean;
         color?: string;
         opacity?: number;
     style?: React.CSSProperties
     }
-  class TouchRipple extends __React.Component<TouchRippleProps, {}> { }
-    }
+  class TouchRipple extends React.Component<TouchRippleProps, {}> { }
     export default TouchRipple;
 }
diff --git a/material-ui/material-ui-tests.tsx b/material-ui/material-ui-tests.tsx
index e0a78625b8..d1654cbd9d 100644
--- a/material-ui/material-ui-tests.tsx
+++ b/material-ui/material-ui-tests.tsx
@@ -3584,8 +3584,8 @@ const ToggleExampleSimple = () => (
       label="Label on the right"
       labelPosition="right"
       style={styles.toggle}
-            thumbTwitchedStyle={styles.toggle}
-            trackTwitchedStyle={styles.toggle}
+      thumbSwitchedStyle={styles.toggle}
+      trackSwitchedStyle={styles.toggle}
     />
   </div>
 );
diff --git a/pg-types/index.d.ts b/pg-types/index.d.ts
new file mode 100644
index 0000000000..a09d44abab
--- /dev/null
+++ b/pg-types/index.d.ts
@@ -0,0 +1,19 @@
+// Type definitions for pg-types 1.11.0
+// Project: https://github.com/brianc/node-pg-types
+// Definitions by: James Bracy <https://github.com/waratuman>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+interface TypeParser {
+    (value: any): any;
+}
+
+export function getTypeParser(oid: number, format: string): TypeParser;
+
+export function setTypeParser(oid: number, format: string, parseFn: TypeParser): void;
+export function setTypeParser(oid: number, parseFn: TypeParser): void;
+
+export namespace arrayParser {
+
+    export function create(source: any, transform: TypeParser): { parse: () => any[] };
+
+}
\ No newline at end of file
diff --git a/pg-types/package.json b/pg-types/package.json
new file mode 100644
index 0000000000..4c6d24a445
--- /dev/null
+++ b/pg-types/package.json
@@ -0,0 +1,5 @@
+{
+    "dependencies": {
+        "moment": ">=2.14.0"
+    }
+}
\ No newline at end of file
diff --git a/pg-types/pg-types-tests.ts b/pg-types/pg-types-tests.ts
index 2cb3e87e81..5b862d4507 100644
--- a/pg-types/pg-types-tests.ts
+++ b/pg-types/pg-types-tests.ts
@@ -1,5 +1,6 @@
 /// <reference types="moment" />
 import * as types from "pg-types";
+import * as moment from "moment";
 
 types.getTypeParser(1184, 'text');
 
diff --git a/pg-types/tsconfig.json b/pg-types/tsconfig.json
new file mode 100644
index 0000000000..80983b4ecc
--- /dev/null
+++ b/pg-types/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "es6",
+        "noImplicitAny": true,
+        "strictNullChecks": false,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "pg-types-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/pg/index.d.ts b/pg/index.d.ts
index 5e242f74d5..84414b451d 100644
--- a/pg/index.d.ts
+++ b/pg/index.d.ts
@@ -128,6 +128,6 @@ export declare class Events extends events.EventEmitter {
     public on(event: string, listener: Function): this;
 }
 
-    export const types: typeof pgTypes;
+export const types: typeof pgTypes;
 
 
diff --git a/three/tests/math/test_unit_math.ts b/three/tests/math/test_unit_math.ts
index 576c27f636..5fc52f3798 100644
--- a/three/tests/math/test_unit_math.ts
+++ b/three/tests/math/test_unit_math.ts
@@ -1,5 +1,5 @@
 /// <reference types="three" />
-/// <reference types="qunit" />
+/// <reference path="../../../qunit/qunit-1.16.d.ts" />
 /// <reference path="../three-tests-setup.ts" />
 
 
diff --git a/tz-format/index.d.ts b/tz-format/index.d.ts
index fa8b1c000b..608541090b 100644
--- a/tz-format/index.d.ts
+++ b/tz-format/index.d.ts
@@ -3,8 +3,7 @@
 // Definitions by: Sam Verschueren <https://github.com/samverschueren>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare module "tz-format" {
-	function format(date?: Date): string;
-	namespace format { }
-	export = format;
-}
+
+declare function format(date?: Date | number, offset?: number): string;
+declare namespace format {}
+export = format;
diff --git a/wordcloud/wordcloud-tests.ts b/wordcloud/wordcloud-tests.ts
index 32cdd011ec..97cafc18a8 100644
--- a/wordcloud/wordcloud-tests.ts
+++ b/wordcloud/wordcloud-tests.ts
@@ -31,47 +31,47 @@ function getTestOptions(): WordCloud.Options {
   };
 };
 
-test('Test runs without any extra parameters.', function() {
+QUnit.test('Test runs without any extra parameters.', function() {
   var options = getTestOptions();
   WordCloud(element, options);
 });
 
-test('Empty list results no output.', function() {
+QUnit.test('Empty list results no output.', function() {
   var options = getTestOptions();
   options.list = [];
 
   WordCloud(element, options);
 });
 
-test('gridSize can be set', function() {
+QUnit.test('gridSize can be set', function() {
   var options = getTestOptions();
   options.gridSize = 15;
 
   WordCloud(element, options);
 });
 
-test('ellipticity can be set', function() {
+QUnit.test('ellipticity can be set', function() {
   var options = getTestOptions();
   options.ellipticity = 1.5;
 
   WordCloud(element, options);
 });
 
-test('origin can be set', function() {
+QUnit.test('origin can be set', function() {
   var options = getTestOptions();
   options.origin = [300, 0];
 
   WordCloud(element, options);
 });
 
-test('minSize can be set', function() {
+QUnit.test('minSize can be set', function() {
   var options = getTestOptions();
   options.minSize = 10;
 
   WordCloud(element, options);
 });
 
-test('rotation can be set and locked', function() {
+QUnit.test('rotation can be set and locked', function() {
   var options = getTestOptions();
   options.rotateRatio = 1;
   options.minRotation = options.maxRotation = Math.PI / 6;
@@ -79,14 +79,14 @@ test('rotation can be set and locked', function() {
   WordCloud(element, options);
 });
 
-test('drawMask can be set', function() {
+QUnit.test('drawMask can be set', function() {
   var options = getTestOptions();
   options.drawMask = true;
 
   WordCloud(element, options);
 });
 
-test('maskColor can be set', function() {
+QUnit.test('maskColor can be set', function() {
   var options = getTestOptions();
   options.drawMask = true;
   options.maskColor = 'rgba(0, 0, 255, 0.8)';
@@ -94,35 +94,35 @@ test('maskColor can be set', function() {
   WordCloud(element, options);
 });
 
-test('backgroundColor can be set', function() {
+QUnit.test('backgroundColor can be set', function() {
   var options = getTestOptions();
   options.backgroundColor = 'rgb(0, 0, 255)';
 
   WordCloud(element, options);
 });
 
-test('semi-transparent backgroundColor can be set', function() {
+QUnit.test('semi-transparent backgroundColor can be set', function() {
   var options = getTestOptions();
   options.backgroundColor = 'rgba(0, 0, 255, 0.3)';
 
   WordCloud(element, options);
 });
 
-test('weightFactor can be set', function() {
+QUnit.test('weightFactor can be set', function() {
   var options = getTestOptions();
   options.weightFactor = 2;
 
   WordCloud(element, options);
 });
 
-test('weightFactor can be set as a function', function() {
+QUnit.test('weightFactor can be set as a function', function() {
   var options = getTestOptions();
   options.weightFactor = function (w) { return Math.sqrt(w); };
 
   WordCloud(element, options);
 });
 
-test('color can be set as a function', function() {
+QUnit.test('color can be set as a function', function() {
   var options = getTestOptions();
   options.color = function (word, weight, fontSize, radius, theta) {
     if (theta < 2*Math.PI/3) {
@@ -137,56 +137,56 @@ test('color can be set as a function', function() {
   WordCloud(element, options);
 });
 
-test('shape can be set to circle', function() {
+QUnit.test('shape can be set to circle', function() {
   var options = getTestOptions();
   options.shape = 'circle';
 
   WordCloud(element, options);
 });
 
-test('shape can be set to cardioid', function() {
+QUnit.test('shape can be set to cardioid', function() {
   var options = getTestOptions();
   options.shape = 'cardioid';
 
   WordCloud(element, options);
 });
 
-test('shape can be set to diamond', function() {
+QUnit.test('shape can be set to diamond', function() {
   var options = getTestOptions();
   options.shape = 'diamond';
 
   WordCloud(element, options);
 });
 
-test('shape can be set to triangle', function() {
+QUnit.test('shape can be set to triangle', function() {
   var options = getTestOptions();
   options.shape = 'triangle';
 
   WordCloud(element, options);
 });
 
-test('shape can be set to triangle-forward', function() {
+QUnit.test('shape can be set to triangle-forward', function() {
   var options = getTestOptions();
   options.shape = 'triangle-forward';
 
   WordCloud(element, options);
 });
 
-test('shape can be set to pentagon', function() {
+QUnit.test('shape can be set to pentagon', function() {
   var options = getTestOptions();
   options.shape = 'pentagon';
 
   WordCloud(element, options);
 });
 
-test('shape can be set to star', function() {
+QUnit.test('shape can be set to star', function() {
   var options = getTestOptions();
   options.shape = 'star';
 
   WordCloud(element, options);
 });
 
-test('shape can be set to a given polar equation', function() {
+QUnit.test('shape can be set to a given polar equation', function() {
   var options = getTestOptions();
   options.shape = function (theta) {
     return theta / (2 * Math.PI);