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 001/313] 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 002/313] 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 003/313] 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 004/313] 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 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 005/313] 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 006/313] 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 007/313] 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 008/313] 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 009/313] 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 010/313] 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 011/313] 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 012/313] 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 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 013/313] 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 014/313] 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 015/313] 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 016/313] 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 017/313] 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 018/313] 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 019/313] 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 020/313] 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 021/313] 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 022/313] [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 023/313] 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 024/313] 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 025/313] 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 026/313] 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 027/313] 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 028/313] 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 029/313] 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 030/313] 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 031/313] 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 032/313] 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 033/313] 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 034/313] 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 035/313] 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 036/313] 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 037/313] 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 038/313] 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 039/313] 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 040/313] 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 041/313] 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 042/313] 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 043/313] 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 044/313] 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 045/313] 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 046/313] 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 047/313] 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 048/313] 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 049/313] 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 050/313] 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 051/313] 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 052/313] 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 053/313] 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 054/313] 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 055/313] 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 056/313] 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 057/313] 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 058/313] 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 059/313] 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 060/313] 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 061/313] [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 062/313] 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 063/313] 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 064/313] 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 065/313] 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 066/313] 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 067/313] 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 068/313] 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 069/313] 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 070/313] 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 071/313] 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 072/313] 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 073/313] 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 074/313] 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 075/313] 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 076/313] 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 077/313] 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 078/313] 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 079/313] 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 080/313] 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 081/313] 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 082/313] 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 083/313] 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 084/313] [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 085/313] 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 086/313] 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 087/313] 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 088/313] 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 089/313] 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 090/313] 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 091/313] 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 092/313] 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 093/313] 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 094/313] 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 095/313] 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 096/313] 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 097/313] 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 098/313] 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 099/313] 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 100/313] 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 101/313] 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 102/313] 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 103/313] 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 104/313] 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 105/313] 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 106/313] 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 107/313] 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 108/313] 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 109/313] 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 110/313] 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 111/313] 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 112/313] 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 113/313] 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 114/313] 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 115/313] 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 116/313] 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 117/313] 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 118/313] 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 119/313] 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 120/313] 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 121/313] 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 122/313] 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 123/313] 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 124/313] 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 125/313] 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 126/313] 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 127/313] 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 128/313] 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 129/313] [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 130/313] 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 131/313] 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 132/313] 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 133/313] 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 134/313] 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 135/313] 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 136/313] 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 137/313] 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 138/313] 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 139/313] 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 140/313] 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 141/313] 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 142/313] 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 143/313] 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 144/313] [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 145/313] 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 146/313] 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 147/313] 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 148/313] 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 149/313] 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 150/313] 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 151/313] 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 152/313] 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 153/313] 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 154/313] 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 155/313] 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 156/313] 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 157/313] 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 158/313] 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 159/313] 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 160/313] 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 161/313] 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 162/313] 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 163/313] [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 164/313] 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 165/313] 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 166/313] 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 167/313] 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 168/313] [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 169/313] 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 170/313] 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 171/313] 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 172/313] 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 173/313] 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 174/313] 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 175/313] 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 176/313] 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 177/313] 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 178/313] 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 179/313] 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 180/313] 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 181/313] 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 182/313] 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 183/313] 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 184/313] 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 185/313] 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 186/313] 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 187/313] 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 188/313] 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 189/313] 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 190/313] 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 191/313] 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 192/313] 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 193/313] 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 194/313] 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 195/313] 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 196/313] 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 197/313] 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 198/313] 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 199/313] 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 200/313] 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 201/313] 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 202/313] 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 203/313] 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 204/313] 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 205/313] 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 206/313] 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 207/313] 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 208/313] 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 209/313] 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 210/313] 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 211/313] 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 212/313] 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 213/313] - 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 214/313] 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 215/313] 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 216/313] 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 217/313] 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 a661b359b5255a7993507db32d9febb6d0d07b93 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9my=20Jeancolas?= <remy.jeancolas@ssense.com>
Date: Wed, 19 Oct 2016 13:46:53 -0400
Subject: [PATCH 218/313] [material-ui] Add onKeyDown event on TextFieldProps
 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 c096cfd6ae..475b719bea 100644
--- a/material-ui/material-ui.d.ts
+++ b/material-ui/material-ui.d.ts
@@ -1663,6 +1663,7 @@ declare namespace __MaterialUI {
         onBlur?: React.FocusEventHandler;
         onChange?: React.FormEventHandler;
         onFocus?: React.FocusEventHandler;
+        onKeyDown?: React.KeyboardEventHandler;
         rows?: number,
         rowsMax?: number,
         style?: React.CSSProperties;

From 5a85550382751d3d28c70f56f8acb14940cd3996 Mon Sep 17 00:00:00 2001
From: shivarajkv <shivaraj.kv05@gmail.com>
Date: Fri, 21 Oct 2016 20:35:01 +0530
Subject: [PATCH 219/313] Initial commit on fushionchart typings

---
 fusioncharts/fusioncharts-tests.ts |  30 +++++
 fusioncharts/fusioncharts.d.ts     | 196 +++++++++++++++++++++++++++++
 2 files changed, 226 insertions(+)
 create mode 100644 fusioncharts/fusioncharts-tests.ts
 create mode 100644 fusioncharts/fusioncharts.d.ts

diff --git a/fusioncharts/fusioncharts-tests.ts b/fusioncharts/fusioncharts-tests.ts
new file mode 100644
index 0000000000..32ae533705
--- /dev/null
+++ b/fusioncharts/fusioncharts-tests.ts
@@ -0,0 +1,30 @@
+/// <reference path="fusioncharts.d.ts" />
+
+FusionCharts.addEventListener('ready',(eventObject)=>{
+    eventObject.stopPropagation();
+});
+
+
+let chart = new FusionCharts({
+    type: 'column2d',
+    renderAt: 'chart-container',
+    width: '450',
+    height: '200',
+    dataFormat: 'json',
+    dataSource: {
+        "chart": {
+            "caption": "Monthly revenue for last year",
+            "subCaption": "Harry's SuperMart",
+        },
+        "data": [{
+            "label": "Jan",
+            "value": "420000"
+        }, {
+            "label": "Feb",
+            "value": "810000"
+        }
+        ]
+    }
+});
+
+chart.isActive();
\ No newline at end of file
diff --git a/fusioncharts/fusioncharts.d.ts b/fusioncharts/fusioncharts.d.ts
new file mode 100644
index 0000000000..d0e0a58e99
--- /dev/null
+++ b/fusioncharts/fusioncharts.d.ts
@@ -0,0 +1,196 @@
+
+declare namespace FusionCharts {
+
+    type ChartDataFormats = 'json' | 'jsonurl' | 'csv' | 'xml' | 'xmlurl';
+
+    type ImageHAlign = 'left' | 'right' | 'middle';
+
+    type ImageVAlign = 'top' | 'bottom' | 'middle';
+
+    interface EventObject {
+        type: string;
+
+        eventId: number;
+
+        sender: FusionCharts;
+
+        cancelled: boolean;
+
+        stopPropagation: () => void;
+
+        prevented: boolean;
+
+        preventDefault: () => void;
+
+        detached: boolean;
+
+        detachHandler: () => void;
+    }
+
+    interface ChartObject {
+
+        type?: string;
+
+        id?: string;
+
+        width?: number | string;
+
+        height?: number | string;
+
+        renderAt?: string;
+
+        dataFormat?: ChartDataFormats;
+
+        dataSource?: string | Object;
+
+        events?: Object;
+
+        link?: Object;
+
+        showDataLoadingMessage?: boolean;
+
+        showChartLoadingMessage?: boolean;
+
+        baseChartMessageFont?: string;
+
+        baseChartMessageFontSize?: string;
+
+        baseChartMessageColor?: string;
+
+        dataLoadStartMessage?: string;
+
+        dataLoadErrorMessage?: string;
+
+        dataInvalidMessage?: string;
+
+        dataEmptyMessage?: string;
+
+        typeNotSupportedMessage?: string;
+
+        loadMessage?: string;
+
+        renderErrorMessage?: string;
+
+        containerBackgroundColor?: string;
+
+        containerBackgroundOpacity?: number;
+
+        containerClassName?: string;
+
+        baseChartMessageImageHAlign?: ImageHAlign;
+
+        dataLoadErrorMessageImageVAlign?: ImageVAlign;
+
+        dataLoadErrorMessageImageAlpha?: number;
+
+        dataLoadErrorMessageImageScale?: number;
+
+        dataLoadStartMessageImageHAlign?: ImageHAlign;
+
+        dataLoadStartMessageImageVAlign?: ImageVAlign;
+
+        dataLoadStartMessageImageAlpha?: number;
+
+        dataLoadStartMessageImageScale?: number;
+
+        dataInvalidMessageImageHAlign?: ImageHAlign;
+
+        dataInvalidMessageImageVAlign?: ImageVAlign;
+
+        dataInvalidMessageImageAlpha?: number;
+
+        dataInvalidMessageImageScale?: number;
+
+        dataEmptyMessageImageHAlign?: ImageHAlign;
+
+        dataEmptyMessageImageVAlign?: ImageVAlign;
+
+        dataEmptyMessageImageAlpha?: number;
+
+        dataEmptyMessageImageScale?: number;
+
+        renderErrorMessageImageHAlign?: ImageHAlign;
+
+        renderErrorMessageImageVAlign?: ImageVAlign;
+
+        renderErrorMessageImageAlpha?: number;
+
+        renderErrorMessageImageScale?: number;
+
+        loadMessageImageHAlign?: ImageHAlign;
+
+        loadMessageImageVAlign?: ImageVAlign;
+
+        loadMessageImageAlpha?: number;
+
+        loadMessageImageScale?: number;
+    }
+
+    interface FusionCharts {
+        clone(overrides?: Object, argsOnly?: boolean): any;
+
+        isActive(): boolean;
+
+        chartType(value: string, options?: any): string;
+
+        addEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: Object) => void): void;
+
+        removeEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: Object) => void): void;
+
+        configureLink(param: Object | any[], level?: number): void;
+
+        setChartAttribute(attributes: ChartObject | String, value?: string): void;
+
+        getChartAttribute(attribute?: string | string[]): ChartObject;
+
+        getXMLData(): any;
+
+        setXMLData(data: string | Object): void;
+
+        setXMLUrl(url: string): void;
+
+        setChartDataUrl(url: string, format: ChartDataFormats): void;
+
+        setChartData(data: string | Object, format: ChartDataFormats): void;
+
+        getChartData(format: ChartDataFormats): any;
+
+        dataReady(available?: boolean): boolean;
+
+        feedData(stream: string): void;
+
+        getData(): any;
+
+        getDataWithId(): any;
+
+        setData(value: number, label: string): void;
+
+    }
+
+    interface FusionChartStatic {
+        new (chartObject: ChartObject): FusionCharts;
+
+        getObjectReference(elementId: string): Element;
+
+        addEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: Object) => void): void;
+
+        removeEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: Object) => void): void;
+
+        ready(callback: (fusionChartStatic?: FusionChartStatic) => any, context: any): FusionChartStatic;
+
+        transcodeData(data: string | Object, source: ChartDataFormats, target: ChartDataFormats, advanced: boolean): any;
+
+
+
+    }
+
+}
+
+declare module 'FusionCharts' {
+    var FusionCharts: FusionCharts.FusionChartStatic;
+    export = FusionCharts;
+}
+
+declare var FusionCharts: FusionCharts.FusionChartStatic;
+
+

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 220/313] 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 221/313] 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 222/313] 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 ff763f9cfbacd3574a5babb40e2d91de59dff698 Mon Sep 17 00:00:00 2001
From: Shivaraj kv <shivaraj.kv05@gmail.com>
Date: Sat, 22 Oct 2016 17:59:50 +0530
Subject: [PATCH 223/313] Added all possible methods and static variables.

---
 fusioncharts/fusioncharts-tests.ts |  27 ++++++-
 fusioncharts/fusioncharts.d.ts     | 112 ++++++++++++++++++++++++++++-
 2 files changed, 133 insertions(+), 6 deletions(-)

diff --git a/fusioncharts/fusioncharts-tests.ts b/fusioncharts/fusioncharts-tests.ts
index 32ae533705..d50bff87c9 100644
--- a/fusioncharts/fusioncharts-tests.ts
+++ b/fusioncharts/fusioncharts-tests.ts
@@ -4,8 +4,17 @@ FusionCharts.addEventListener('ready',(eventObject)=>{
     eventObject.stopPropagation();
 });
 
+FusionCharts.ready((fusioncharts)=>{
 
-let chart = new FusionCharts({
+});
+
+FusionCharts.version;
+
+FusionCharts('chartId').render();;
+
+FusionCharts["debugger"].enable(true);
+
+let chartData ={
     type: 'column2d',
     renderAt: 'chart-container',
     width: '450',
@@ -25,6 +34,18 @@ let chart = new FusionCharts({
         }
         ]
     }
-});
+};
 
-chart.isActive();
\ No newline at end of file
+let chart = new FusionCharts(chartData);
+chart.render();
+chart.isActive();
+chart.addEventListener('ready',function(eventObject){
+    eventObject.type;
+});
+chart.chartType();
+chart.addVariable();
+chart.clone();
+chart.zoomTo(0,3);
+chart.zoomOut();
+chart.setJSONData(chartData);
+chart.ref;
\ No newline at end of file
diff --git a/fusioncharts/fusioncharts.d.ts b/fusioncharts/fusioncharts.d.ts
index d0e0a58e99..5e68eab97f 100644
--- a/fusioncharts/fusioncharts.d.ts
+++ b/fusioncharts/fusioncharts.d.ts
@@ -1,3 +1,8 @@
+// Type definitions for FusionCharts 3.11.2
+// Project: http://www.fusioncharts.com
+// Definitions by: Shivaraj KV <https://github.com/shivarajkv>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
 
 declare namespace FusionCharts {
 
@@ -126,12 +131,22 @@ declare namespace FusionCharts {
         loadMessageImageScale?: number;
     }
 
+    interface Debugger {
+        outputFormat(format: any): void;
+
+        outputTo(callback: (message: any) => any): void;
+
+        enable(state:any,outputTo?:(message: any) =>any,outputFormat?:any):void
+
+        enableFirebugLite():any;
+    }
+
     interface FusionCharts {
         clone(overrides?: Object, argsOnly?: boolean): any;
 
         isActive(): boolean;
 
-        chartType(value: string, options?: any): string;
+        chartType(value?: string, options?: any): string;
 
         addEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: Object) => void): void;
 
@@ -165,10 +180,84 @@ declare namespace FusionCharts {
 
         setData(value: number, label: string): void;
 
+        stopUpdate(): void;
+
+        restartUpdate(): void;
+
+        isUpdateActive(): boolean;
+
+        clearChart(): void;
+
+        getSWFHTML(): any;
+
+        addVariable(): void;
+
+        getXML(): any;
+
+        setDataXML(data: string | Object): void;
+
+        setDataURL(url: string): void;
+
+        hasRendered(): boolean;
+
+        setTransparent(transparency?: boolean): void;
+
+        isPlotItemSliced(index: number): boolean;
+
+        slicePlotItem(index: number, slice: boolean): void;
+
+        centerLabel(labelText: string, options?: Object): void;
+
+        startingAngle(angle?: number, relative?: boolean): void;
+
+        zoomOut(): void;
+
+        zoomTo(startIndex: number, endIndex: number): void;
+
+        resetChart(): void;
+
+        setZoomMode(yes: boolean): void;
+
+        getViewStartIndex(): number;
+
+        getViewEndIndex(): number;
+
+        print(options?: Object): void;
+
+        exportChart(options?: Object): void;
+
+        getSVGString(): string;
+
+        lockResize(state: boolean): boolean;
+
+        showChartMessage(text: string, modal?: boolean, cancelable?: boolean): void;
+
+        getJSONData(): JSON;
+
+        setJSONData(data: string | Object): void;
+
+        setJSONUrl(url: string): void;
+
+        getCSVData(): any;
+
+        getDataAsCSV(): any;
+
+        render(containerElement?: string | Element, insertMode?: string, callback?: () => any): FusionCharts;
+
+        resizeTo(width: number | string, height: number | string): any;
+
+        dispose(): void;
+
+        configure(options: Object): void;
+
+        ref: Object;
+
     }
 
     interface FusionChartStatic {
-        new (chartObject: ChartObject): FusionCharts;
+        new (chartObject: ChartObject|Object): FusionCharts;
+
+        (chartId: string): FusionCharts;
 
         getObjectReference(elementId: string): Element;
 
@@ -176,10 +265,27 @@ declare namespace FusionCharts {
 
         removeEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: Object) => void): void;
 
-        ready(callback: (fusionChartStatic?: FusionChartStatic) => any, context: any): FusionChartStatic;
+        ready(callback: (fusionChartStatic?: FusionChartStatic) => any, context?: any): FusionChartStatic;
 
         transcodeData(data: string | Object, source: ChartDataFormats, target: ChartDataFormats, advanced: boolean): any;
 
+        batchExport(options: Object): void;
+
+        formatNumber(num: number, type?: string, config?: Object): Element;
+
+        setCurrentRenderer(name: string): void
+
+        getCurrentRenderer(): string;
+
+        render(options?: ChartObject, callback?: () => any): FusionCharts;
+
+        version: string[];
+
+        items: Object;
+
+        options: Object;
+
+        debugger:Debugger;
 
 
     }

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 224/313] 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 225/313] 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 226/313] 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 227/313] 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 228/313] 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 229/313] 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 230/313] 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 231/313] 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 232/313] 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 233/313] 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 234/313] 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 235/313] [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 ae7666402d056042e89e605db23c715c0aba07a4 Mon Sep 17 00:00:00 2001
From: Tomas Trescak <tomi.trescak@gmail.com>
Date: Tue, 25 Oct 2016 09:34:16 +1100
Subject: [PATCH 236/313] Update react.d.ts

Having context as {} did not allow me access context members via .notation.
---
 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 fd7aec5045..5cba332275 100644
--- a/react/react.d.ts
+++ b/react/react.d.ts
@@ -173,7 +173,7 @@ declare namespace __React {
         // on the existence of `children` in `P`, then we should remove this.
         props: P & { children?: ReactNode };
         state: S;
-        context: {};
+        context: any;
         refs: {
             [key: string]: ReactInstance
         };

From 7392a1acd09920470abe4ef1710d11bd893f08d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=98=8E=E6=89=AC?= <my@famer.me>
Date: Tue, 25 Oct 2016 18:18:53 +0800
Subject: [PATCH 237/313] koa ```listen``` allow empty arguments (#12084)

https://github.com/koajs/koa/blob/a293cc2d5e714281260111b6729929fcf379a93f/test/context/state.js#L16
and the ```server.listen([port][, hostname][, backlog][, callback])``` all parameters is options
https://nodejs.org/api/net.html#net_server_listen_port_hostname_backlog_callback
---
 koa/koa-tests.ts | 2 ++
 koa/koa.d.ts     | 1 +
 2 files changed, 3 insertions(+)

diff --git a/koa/koa-tests.ts b/koa/koa-tests.ts
index 71814fe4fc..ac42c1f1de 100644
--- a/koa/koa-tests.ts
+++ b/koa/koa-tests.ts
@@ -19,3 +19,5 @@ app.use(ctx => {
 });
 
 app.listen(3000);
+
+const server = app.listen();
diff --git a/koa/koa.d.ts b/koa/koa.d.ts
index 1356ffdb0e..1e45997f9f 100644
--- a/koa/koa.d.ts
+++ b/koa/koa.d.ts
@@ -159,6 +159,7 @@ declare module "koa" {
         constructor();
 
         // From node.d.ts
+        listen(): http.Server;
         listen(port: number, hostname?: string, backlog?: number, listeningListener?: Function): http.Server;
         listen(port: number, hostname?: string, listeningListener?: Function): http.Server;
         listen(port: number, backlog?: number, listeningListener?: Function): http.Server;

From 4a17fd3ae7356868aa84d0cd1a8b1162240cd6b5 Mon Sep 17 00:00:00 2001
From: Chris Manning <CNManning@users.noreply.github.com>
Date: Tue, 25 Oct 2016 23:19:31 +1300
Subject: [PATCH 238/313] Added methods from Joi.any() to the root exports, as
 the root clones Joi.any() (see line 31 of
 https://github.com/hapijs/joi/blob/1ea86e6ad16c218714b39209bac3be99a0c598dd/lib/index.js)
 and a number of the any methods (such as Joi.required()) are necessary for
 use with the .when method. (#12025)

---
 joi/joi-tests.ts |  53 ++++++++++++++++++++++
 joi/joi.d.ts     | 114 +++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 167 insertions(+)

diff --git a/joi/joi-tests.ts b/joi/joi-tests.ts
index c75309b45e..8d5463a7c0 100644
--- a/joi/joi-tests.ts
+++ b/joi/joi-tests.ts
@@ -801,3 +801,56 @@ Joi.isRef(ref);
 schema = Joi.reach(schema, '');
 
 const Joi2 = Joi.extend({ name: '', base: schema });
+
+// --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
+
+schema = Joi.allow(x, x);
+schema = Joi.allow([x, x, x]);
+schema = Joi.valid(x);
+schema = Joi.valid(x, x);
+schema = Joi.valid([x, x, x]);
+schema = Joi.only(x);
+schema = Joi.only(x, x);
+schema = Joi.only([x, x, x]);
+schema = Joi.equal(x);
+schema = Joi.equal(x, x);
+schema = Joi.equal([x, x, x]);
+schema = Joi.invalid(x);
+schema = Joi.invalid(x, x);
+schema = Joi.invalid([x, x, x]);
+schema = Joi.disallow(x);
+schema = Joi.disallow(x, x);
+schema = Joi.disallow([x, x, x]);
+schema = Joi.not(x);
+schema = Joi.not(x, x);
+schema = Joi.not([x, x, x]);
+
+schema = Joi.required();
+schema = Joi.optional();
+schema = Joi.forbidden();
+schema = Joi.strip();
+
+schema = Joi.description(str);
+schema = Joi.notes(str);
+schema = Joi.notes(strArr);
+schema = Joi.tags(str);
+schema = Joi.tags(strArr);
+
+schema = Joi.meta(obj);
+schema = Joi.example(obj);
+schema = Joi.unit(str);
+
+schema = Joi.options(validOpts);
+schema = Joi.strict();
+schema = Joi.strict(bool);
+schema = Joi.concat(x);
+
+schema = Joi.when(str, whenOpts);
+schema = Joi.when(ref, whenOpts);
+
+schema = Joi.label(str);
+schema = Joi.raw();
+schema = Joi.raw(bool);
+schema = Joi.empty();
+schema = Joi.empty(str);
+schema = Joi.empty(anySchema);
\ No newline at end of file
diff --git a/joi/joi.d.ts b/joi/joi.d.ts
index b827903f9b..206c5778ca 100644
--- a/joi/joi.d.ts
+++ b/joi/joi.d.ts
@@ -879,4 +879,118 @@ declare module 'joi' {
 	 */
 	export function extend(extention: Extension): any;
 
+	/**
+	 * Whitelists a value
+	 */
+	export function allow(value: any, ...values: any[]): Schema;
+	export function allow(values: any[]): Schema;
+
+	/**
+	 * Adds the provided values into the allowed whitelist and marks them as the only valid values allowed.
+	 */
+	export function valid(value: any, ...values: any[]): Schema;
+	export function valid(values: any[]): Schema;
+	export function only(value: any, ...values : any[]): Schema;
+	export function only(values: any[]): Schema;
+	export function equal(value: any, ...values : any[]): Schema;
+	export function equal(values: any[]): Schema;
+
+	/**
+	 * Blacklists a value
+	 */
+	export function invalid(value: any, ...values: any[]): Schema;
+	export function invalid(values: any[]): Schema;
+	export function disallow(value: any, ...values : any[]): Schema;
+	export function disallow(values: any[]): Schema;
+	export function not(value: any, ...values : any[]): Schema;
+	export function not(values: any[]): Schema;
+
+	/**
+	 * Marks a key as required which will not allow undefined as value. All keys are optional by default.
+	 */
+	export function required(): Schema;
+
+	/**
+	 * Marks a key as optional which will allow undefined as values. Used to annotate the schema for readability as all keys are optional by default.
+	 */
+	export function optional(): Schema;
+
+	/**
+	 * Marks a key as forbidden which will not allow any value except undefined. Used to explicitly forbid keys.
+	 */
+	export function forbidden(): Schema;
+
+	/**
+	 * Marks a key to be removed from a resulting object or array after validation. Used to sanitize output.
+	 */
+	export function strip(): Schema;
+
+	/**
+	 * Annotates the key
+	 */
+	export function description(desc: string): Schema;
+
+	/**
+	 * Annotates the key
+	 */
+	export function notes(notes: string): Schema;
+	export function notes(notes: string[]): Schema;
+
+	/**
+	 * Annotates the key
+	 */
+	export function tags(notes: string): Schema;
+	export function tags(notes: string[]): Schema;
+
+	/**
+	 * Attaches metadata to the key.
+	 */
+	export function meta(meta: Object): Schema;
+
+	/**
+	 * Annotates the key with an example value, must be valid.
+	 */
+	export function example(value: any): Schema;
+
+	/**
+	 * Annotates the key with an unit name.
+	 */
+	export function unit(name: string): Schema;
+
+	/**
+	 * Overrides the global validate() options for the current key and any sub-key.
+	 */
+	export function options(options: ValidationOptions): Schema;
+
+	/**
+	 * Sets the options.convert options to false which prevent type casting for the current key and any child keys.
+	 */
+	export function strict(isStrict?: boolean): Schema;
+
+	/**
+	 * Returns a new type that is the result of adding the rules of one type to another.
+	 */
+	export function concat<T>(schema: T): T;
+
+	/**
+	 * Converts the type into an alternatives type where the conditions are merged into the type definition where:
+	 */
+	export function when<U>(ref: string, options: WhenOptions<U>): AlternativesSchema;
+	export function when<U>(ref: Reference, options: WhenOptions<U>): AlternativesSchema;
+
+	/**
+	 * Overrides the key name in error messages.
+	 */
+	export function label(name: string): Schema;
+
+	/**
+	 * Outputs the original untouched value instead of the casted value.
+	 */
+	export function raw(isRaw?: boolean): Schema;
+
+	/**
+	 * Considers anything that matches the schema to be empty (undefined).
+	 * @param schema - any object or joi schema to match. An undefined schema unsets that rule.
+	 */
+	export function empty(schema?: any) : Schema;
 }

From 988270f5f4aae5a1b3d7faf04fafd271580cbfd9 Mon Sep 17 00:00:00 2001
From: clementdevos <cdevos.0@gmail.com>
Date: Tue, 25 Oct 2016 12:23:30 +0200
Subject: [PATCH 239/313] feat(react-redux-i18n): definitions (#12052)

* feat(react-redux-i18n): definitions

Added definitions for react-redux-i18n
https://github.com/zoover/react-redux-i18n

* Renamed test file to react-redux-i18n-tests.tsx
---
 react-redux-i18n/react-redux-i18n-tests.tsx | 52 +++++++++++++++++
 react-redux-i18n/react-redux-i18n.d.ts      | 65 +++++++++++++++++++++
 2 files changed, 117 insertions(+)
 create mode 100644 react-redux-i18n/react-redux-i18n-tests.tsx
 create mode 100644 react-redux-i18n/react-redux-i18n.d.ts

diff --git a/react-redux-i18n/react-redux-i18n-tests.tsx b/react-redux-i18n/react-redux-i18n-tests.tsx
new file mode 100644
index 0000000000..37230b3b1a
--- /dev/null
+++ b/react-redux-i18n/react-redux-i18n-tests.tsx
@@ -0,0 +1,52 @@
+/// <reference path="./react-redux-i18n.d.ts"/>
+
+import * as React from "react";
+import * as I18n from "react-redux-i18n";
+
+class ReactReduxI18nTests_Translate1 extends React.Component<React.Props<{}>, {}>{
+
+  render() {
+    return (
+      <I18n.Translate value="application.title" />
+    )
+  }
+}
+
+
+
+class ReactReduxI18nTests_Translate2 extends React.Component<React.Props<{}>, {}>{
+
+  render() {
+    return (
+      <I18n.Translate value="application.hello" name="Aad" />
+    )
+  }
+}
+
+
+class ReactReduxI18nTests_Translate3 extends React.Component<React.Props<{}>, {}>{
+
+  render() {
+    return (
+      <I18n.Localize value="2015-09-03" dateFormat="date.long"/>
+    )
+  }
+}
+
+
+class ReactReduxI18nTests_Translate4 extends React.Component<React.Props<{}>, {}>{
+
+  render() {
+    return (
+      <I18n.Localize  value={10/3} options={{style: 'currency', currency: 'EUR', minimumFractionDigits: 2, maximumFractionDigits: 2}} />
+    )
+  }
+}
+
+function testI18Helper() {
+  I18n.I18n.t('application.title'); // => returns 'Toffe app met i18n!'
+  I18n.I18n.t('application.name', { name: 'Aad' }); // => returns 'Hallo, Aad!' 
+
+  I18n.I18n.l(1385856000000, { dateFormat: 'date.long' }); // => returns '1 december 2013'
+  I18n.I18n.l(Math.PI, { maximumFractionDigits: 2 }); // => returns '3,14' 
+}
diff --git a/react-redux-i18n/react-redux-i18n.d.ts b/react-redux-i18n/react-redux-i18n.d.ts
new file mode 100644
index 0000000000..537955af37
--- /dev/null
+++ b/react-redux-i18n/react-redux-i18n.d.ts
@@ -0,0 +1,65 @@
+// Type definitions for react-redux-i18n
+// Project: https://github.com/zoover/react-redux-i18n
+// Definitions by: Clément Devos <https://github.com/clementdevos>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+///<reference path="../react/react.d.ts" />
+///<reference path="../redux/redux.d.ts" />
+
+declare module 'react-redux-i18n' {
+  import R = __React;
+  import _Redux = Redux;
+
+  /**
+   * Helper methods
+   */
+  interface I18n {
+    t(code: string, options?: any): string;
+    l(timestamp: number, options?: any): string;
+  }
+  export var I18n : I18n;
+
+  type SubTranslationObject = string | { [key: string]: SubTranslationObject };
+
+  type TranslationObjects = { [lang: string]: SubTranslationObject };
+
+  type I18nState = {
+    translations: TranslationObjects;
+    locale: string;
+  }
+
+  type TranslateProps = {
+    value: string;
+    [prop: string]: string;
+
+  }
+  type LocalizeProps = {
+    value: string | number;
+    dateFormat?: string;
+    options?: Object;
+  }
+
+  /**
+   * React components
+   */
+  export class Translate extends R.Component<TranslateProps, any>{ }
+  export class Localize extends R.Component<LocalizeProps, any>{ }
+
+  /**
+   * Reducer
+   */
+  export function i18nReducer(state?: any, options?: any): _Redux.Reducer<I18nState>;
+
+  /**
+   * Reducer init
+   */
+  export function syncTranslationWithStore(store: _Redux.Store<any>): void;
+
+  /**
+   *  Redux Actions
+   */
+  export function loadTranslations(translationsObject: TranslationObjects): void;
+
+  export function setLocale(locale: string): void;
+
+}

From fc856815903ac3d981274f261ece6561044c407a Mon Sep 17 00:00:00 2001
From: rinzeb <rinzeb@users.noreply.github.com>
Date: Tue, 25 Oct 2016 12:24:38 +0200
Subject: [PATCH 240/313] Update kafka-node.d.ts (#12057)

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

diff --git a/kafka-node/kafka-node.d.ts b/kafka-node/kafka-node.d.ts
index 19d9bc3010..1275f80834 100644
--- a/kafka-node/kafka-node.d.ts
+++ b/kafka-node/kafka-node.d.ts
@@ -9,6 +9,7 @@ declare module 'kafka-node' {
     export class Client {
         constructor(connectionString: string, clientId: string, options?: ZKOptions);
         close(callback?: Function): void;
+        topicExists(topics: Array<string>, callback: Function): void;
     }
 
     export class Producer {

From 3c223cbfb1240951ad92fdfb38638c483d2c03e5 Mon Sep 17 00:00:00 2001
From: Haoliang Yu <haoliangyu@users.noreply.github.com>
Date: Tue, 25 Oct 2016 06:25:57 -0400
Subject: [PATCH 241/313] Update definition for leaflet 1.0 (#12016)

* add initial definition of DomEvent for leaflet 1.0

* fix wrong type definition

* complete type definition of L.DomEvent

* remove unclear definition

* adjust definition according to the leaflet API doc
---
 leaflet/leaflet-tests.ts | 8 ++++++++
 leaflet/leaflet.d.ts     | 9 +++++++++
 2 files changed, 17 insertions(+)

diff --git a/leaflet/leaflet-tests.ts b/leaflet/leaflet-tests.ts
index 539ec2d8a3..a6f07eaefe 100644
--- a/leaflet/leaflet-tests.ts
+++ b/leaflet/leaflet-tests.ts
@@ -207,6 +207,14 @@ 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: () => ''});
 
+let eventHandler = () => {};
+L.DomEvent.on(htmlElement, 'click', eventHandler);
+L.DomEvent.off(htmlElement, 'click', eventHandler);
+L.DomEvent.on(htmlElement, { 'click': eventHandler });
+L.DomEvent.off(htmlElement, { 'click': eventHandler }, eventHandler);
+L.DomEvent.disableScrollPropagation(htmlElement);
+L.DomEvent.disableClickPropagation(htmlElement);
+
 map = map
 	// addControl
 	// removeControl
diff --git a/leaflet/leaflet.d.ts b/leaflet/leaflet.d.ts
index c67c02e29b..38872edcb1 100644
--- a/leaflet/leaflet.d.ts
+++ b/leaflet/leaflet.d.ts
@@ -1185,6 +1185,15 @@ declare namespace L {
         distance: number;
     }
 
+    export namespace DomEvent {
+        export function on(el: HTMLElement, types: string, fn: Function, context?: Object): typeof DomEvent;
+        export function on(el: HTMLElement, eventMap: {[eventName: string]: Function}, context?: Object): typeof DomEvent;
+        export function off(el: HTMLElement, types: string, fn: Function, context?: Object): typeof DomEvent;
+        export function off(el: HTMLElement, eventMap: {[eventName: string]: Function}, context?: Object): typeof DomEvent;
+        export function disableScrollPropagation(el: HTMLElement): typeof DomEvent;
+        export function disableClickPropagation(el: HTMLElement): typeof DomEvent;
+    }
+
     interface DefaultMapPanes {
         mapPane: HTMLElement;
         tilePane: HTMLElement;

From 9e778b38c214e52ef1718cc024c008cae2db605c Mon Sep 17 00:00:00 2001
From: Foxeye-Rinx <foxeye.rinx@gmail.com>
Date: Tue, 25 Oct 2016 17:26:49 +0700
Subject: [PATCH 242/313] Add support for custom reporter (#11938)

* Add support for custom reporter

* Update CustomReporter and add more test:
- jasmineDone() shoud return type "any" instead of "void".
- CustomReporter should has optional method.

* Fix error: Duplicate identifier 'Promise'.
---
 jasmine/jasmine-tests.ts | 56 ++++++++++++++++++++++++++++++++++++++++
 jasmine/jasmine.d.ts     | 40 ++++++++++++++++++++++++++++
 2 files changed, 96 insertions(+)

diff --git a/jasmine/jasmine-tests.ts b/jasmine/jasmine-tests.ts
index 96ac307ca0..6c5bf855e1 100644
--- a/jasmine/jasmine-tests.ts
+++ b/jasmine/jasmine-tests.ts
@@ -904,6 +904,62 @@ describe("Custom matcher: 'toBeGoofy'", function () {
     });
 });
 
+// test based on http://jasmine.github.io/2.5/custom_reporter.html
+var myReporter: jasmine.CustomReporter = {
+    jasmineStarted: function (suiteInfo: jasmine.SuiteInfo ) {
+        console.log("Running suite with " + suiteInfo.totalSpecsDefined);
+    },
+
+    suiteStarted: function (result: jasmine.CustomReporterResult) {
+        console.log("Suite started: " + result.description + " whose full description is: " + result.fullName);
+    },
+
+    specStarted: function (result: jasmine.CustomReporterResult) {
+        console.log("Spec started: " + result.description + " whose full description is: " + result.fullName);
+    },
+
+    specDone: function (result: jasmine.CustomReporterResult) {
+        console.log("Spec: " + result.description + " was " + result.status);
+        for (var i = 0; i < result.failedExpectations.length; i++) {
+            console.log("Failure: " + result.failedExpectations[i].message);
+            console.log("Actual: " + result.failedExpectations[i].actual);
+            console.log("Expected: " + result.failedExpectations[i].expected);
+            console.log(result.failedExpectations[i].stack);
+        }
+        console.log(result.passedExpectations.length);
+    },
+      
+    suiteDone: function (result: jasmine.CustomReporterResult) {
+        console.log('Suite: ' + result.description + ' was ' + result.status);
+        for (var i = 0; i < result.failedExpectations.length; i++) {
+            console.log('AfterAll ' + result.failedExpectations[i].message);
+            console.log(result.failedExpectations[i].stack);
+        }
+    },
+
+    jasmineDone: function() {
+        console.log('Finished suite');
+    }
+};
+
+jasmine.getEnv().addReporter(myReporter);
+
+// test for custom reporter which return ES6 Promise in jasmineDone():
+var myShortReporter: jasmine.CustomReporter = {
+    jasmineDone: function() {
+        return new Promise<void>(function(resolve, reject) {  
+            setTimeout(() => resolve(), 10000);
+        });
+    }
+}
+
+var jasmineDoneResolved: Promise<void> = myShortReporter.jasmineDone();
+jasmineDoneResolved.then(() => {
+    console.log("[ShortReporter] : jasmineDone Resolved");
+});
+
+jasmine.getEnv().addReporter(myShortReporter);
+
 describe("Randomize Tests", function() {
 	it("should allow randomization of the order of tests", function() {
 		expect(function() {
diff --git a/jasmine/jasmine.d.ts b/jasmine/jasmine.d.ts
index c4151995a7..79436134ff 100644
--- a/jasmine/jasmine.d.ts
+++ b/jasmine/jasmine.d.ts
@@ -162,6 +162,7 @@ declare namespace jasmine {
         versionString(): string;
         nextSpecId(): number;
         addReporter(reporter: Reporter): void;
+        addReporter(reporter: CustomReporter): void;
         execute(): void;
         describe(description: string, specDefinitions: () => void): Suite;
         // ddescribe(description: string, specDefinitions: () => void): Suite; Not a part of jasmine. Angular team adds these
@@ -354,6 +355,45 @@ declare namespace jasmine {
         addReporter(reporter: Reporter): void;
     }
 
+    interface SuiteInfo {
+        totalSpecsDefined: number;
+    }
+
+    interface CustomReportExpectation {
+        matcherName: string;
+        message: string;
+        passed: boolean;
+        stack: string;
+    }
+
+    interface FailedExpectation extends CustomReportExpectation {
+        actual: string;
+        expected: string;
+    }
+
+    interface PassedExpectation extends CustomReportExpectation {
+
+    }
+
+    interface CustomReporterResult {
+      description: string,
+      failedExpectations?: FailedExpectation[],
+      fullName: string,
+      id: string;
+      passedExpectations?: PassedExpectation[],
+      pendingReason?: string;
+      status?: string;
+    }
+
+    interface CustomReporter {
+        jasmineStarted?(suiteInfo: SuiteInfo): void;
+        suiteStarted?(result: CustomReporterResult): void;
+        specStarted?(result: CustomReporterResult): void;
+        specDone?(result: CustomReporterResult): void;
+        suiteDone?(result: CustomReporterResult): void;
+        jasmineDone?(): any;
+    }
+
     interface Runner {
 
         new (env: Env): any;

From 57a716701e78bf1958c86c1726bd028b12fc6a95 Mon Sep 17 00:00:00 2001
From: Michael Sivolobov <astronomer@gmail.com>
Date: Tue, 25 Oct 2016 17:29:33 +0700
Subject: [PATCH 243/313] Added typings for `react-native-sortable-list`
 component (#12105)

---
 .../react-native-sortable-list-tests.tsx      | 208 ++++++++++++++++++
 .../react-native-sortable-list.d.ts           |  99 +++++++++
 react-native-sortable-list/tsconfig.json      |   6 +
 3 files changed, 313 insertions(+)
 create mode 100644 react-native-sortable-list/react-native-sortable-list-tests.tsx
 create mode 100644 react-native-sortable-list/react-native-sortable-list.d.ts
 create mode 100644 react-native-sortable-list/tsconfig.json

diff --git a/react-native-sortable-list/react-native-sortable-list-tests.tsx b/react-native-sortable-list/react-native-sortable-list-tests.tsx
new file mode 100644
index 0000000000..fb72ce2e2f
--- /dev/null
+++ b/react-native-sortable-list/react-native-sortable-list-tests.tsx
@@ -0,0 +1,208 @@
+/// <reference path="../react/react.d.ts"/>
+/// <reference path="../react-native/react-native.d.ts"/>
+/// <reference path="react-native-sortable-list.d.ts" />
+
+import * as React from 'react';
+import {
+    Animated,
+    Easing,
+    AppRegistry,
+    StyleSheet,
+    Text,
+    Image,
+    View,
+    Dimensions,
+    FlexJustifyType,
+    FlexAlignType
+} from 'react-native';
+import SortableList, {RowProps} from 'react-native-sortable-list';
+
+
+const window = Dimensions.get('window');
+
+const data = {
+    0: {
+        image: 'https://placekitten.com/200/200',
+        text: 'Chloe',
+    },
+    1: {
+        image: 'https://placekitten.com/200/201',
+        text: 'Jasper',
+    },
+    2: {
+        image: 'https://placekitten.com/200/202',
+        text: 'Pepper',
+    },
+    3: {
+        image: 'https://placekitten.com/200/203',
+        text: 'Oscar',
+    },
+    4: {
+        image: 'https://placekitten.com/200/204',
+        text: 'Dusty',
+    },
+    5: {
+        image: 'https://placekitten.com/200/205',
+        text: 'Spooky',
+    },
+    6: {
+        image: 'https://placekitten.com/200/210',
+        text: 'Kiki',
+    },
+    7: {
+        image: 'https://placekitten.com/200/215',
+        text: 'Smokey',
+    },
+    8: {
+        image: 'https://placekitten.com/200/220',
+        text: 'Gizmo',
+    },
+    9: {
+        image: 'https://placekitten.com/220/239',
+        text: 'Kitty',
+    },
+};
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: "center" as FlexJustifyType,
+        alignItems: "center" as FlexAlignType,
+        backgroundColor: '#eee',
+        paddingTop: 60,
+    },
+
+    list: {
+        flex: 1,
+    },
+
+    contentContainer: {
+        width: window.width,
+        paddingHorizontal: 30,
+    },
+
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        backgroundColor: 'white',
+        padding: 16,
+        marginVertical: 5,
+        height: 90,
+        width: window.width - 30 * 2,
+        borderRadius: 4,
+        shadowColor: 'rgba(0,0,0,0.2)',
+        shadowOpacity: 1,
+        shadowOffset: {height: 2, width: 2},
+        shadowRadius: 2,
+    },
+
+    image: {
+        width: 60,
+        height: 60,
+        marginRight: 30,
+        borderRadius: 30,
+    },
+
+    text: {
+        fontSize: 24,
+    },
+
+});
+
+class Basic extends React.Component<void, void> {
+    render() {
+        return (
+            <View style={styles.container}>
+                <SortableList
+                    style={styles.list}
+                    contentContainerStyle={styles.contentContainer}
+                    data={data}
+                    renderRow={this._renderRow}/>
+            </View>
+        );
+    }
+
+    _renderRow = ({data, active}: RowProps) => {
+        return <Row data={data} active={active}/>
+    }
+}
+
+interface RowState {
+    style: {
+        shadowRadius: Animated.Value
+        transform: {scale: Animated.Value}[]
+    }
+}
+
+class Row extends React.Component<RowProps, RowState> {
+
+    state = {
+        style: {
+            shadowRadius: new Animated.Value(2),
+            transform: [{scale: new Animated.Value(1)}],
+        }
+    };
+
+    componentWillReceiveProps(nextProps: RowProps) {
+        if (this.props.active !== nextProps.active) {
+            if (this.props.active !== nextProps.active) {
+                if (nextProps.active) {
+                    this.startActivationAnimation();
+                } else {
+                    this.startDeactivationAnimation();
+                }
+            }
+        }
+    }
+
+    startActivationAnimation = () => {
+        const {style} = this.state;
+
+        Animated.parallel([
+            Animated.timing(style.transform[0].scale, {
+                duration: 100,
+                easing: Easing.out(Easing.quad),
+                toValue: 1.1
+            }),
+            Animated.timing(style.shadowRadius, {
+                duration: 100,
+                easing: Easing.out(Easing.quad),
+                toValue: 10
+            }),
+        ]).start();
+    };
+
+    startDeactivationAnimation = () => {
+        const {style} = this.state;
+
+        Animated.parallel([
+            Animated.timing(style.transform[0].scale, {
+                duration: 100,
+                easing: Easing.out(Easing.quad),
+                toValue: 1
+            }),
+            Animated.timing(style.shadowRadius, {
+                duration: 100,
+                easing: Easing.out(Easing.quad),
+                toValue: 2
+            }),
+        ]).start();
+    };
+
+    render() {
+        const {data} = this.props;
+
+        return (
+            <Animated.View style={[
+                styles.row,
+                this.state.style,
+    ]}>
+                <Image source={{uri: data.image}} style={styles.image}/>
+                <Text style={styles.text}>{data.text}</Text>
+            </Animated.View>
+        );
+    }
+}
+
+
+AppRegistry.registerComponent('Basic', () => Basic);
diff --git a/react-native-sortable-list/react-native-sortable-list.d.ts b/react-native-sortable-list/react-native-sortable-list.d.ts
new file mode 100644
index 0000000000..38a078c689
--- /dev/null
+++ b/react-native-sortable-list/react-native-sortable-list.d.ts
@@ -0,0 +1,99 @@
+// Type definitions for react-native-sortable-list
+// Project: https://github.com/gitim/react-native-sortable-list
+// Definitions by: Michael Sivolobov <https://github.com/sivolobov>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../react/react.d.ts"/>
+/// <reference path="../react-native/react-native.d.ts"/>
+
+declare namespace __SortableList {
+
+    type DataKey = string | number;
+
+    export type DataValue = any
+
+    type DataByNumber = {
+        [key: number]: DataValue
+    }
+
+    type DataByString = {
+        [key: string]: DataValue
+    }
+
+    export type Data = DataByNumber | DataByString;
+
+    export interface RowProps {
+        active: boolean
+        data: DataValue
+        key?: DataKey
+        index?: number
+        disabled?: boolean
+    }
+
+    interface SortableListProps {
+
+        /**
+         * data source
+         */
+        data: Data
+
+        /**
+         * an array of keys from data, the order of keys from the array will be used to initial rows order
+         */
+        order?: DataKey[]
+
+        /**
+         * style of HOC
+         */
+        style?: React.ViewStyle
+
+        /**
+         * these styles will be applied to the inner scroll view content container
+         */
+        contentContainerStyle?: React.ViewStyle
+
+        /**
+         * when false, rows are not sortable. The default value is true.
+         */
+        sortingEnabled?: boolean
+
+        /**
+         * when false, the content does not scrollable. The default value is true.
+         */
+        scrollEnabled?: boolean
+
+        /**
+         * Takes a row key, row index, data entry from the data source and its statuses disabled,
+         *  active and should return a renderable component to be rendered as the row.
+         */
+        renderRow: (props: RowProps) => JSX.Element
+
+        /**
+         * Called when rows were reordered, takes an array of rows keys of the next rows order.
+         */
+        onChangeOrder?: (nextOrder: DataKey[]) => void
+
+        /**
+         * Called when a row was activated (user long tapped).
+         */
+        onActivateRow?: (key: DataKey) => void
+
+        /**
+         * Called when the active row was released.
+         */
+        onReleaseRow?: (key: DataKey) => void
+    }
+
+    export interface SortableListStatic extends React.ClassicComponentClass<SortableListProps> {}
+
+    export var SortableList: SortableListStatic;
+    export type SortableList = SortableListStatic;
+}
+
+declare module 'react-native-sortable-list' {
+    import SortableList = __SortableList;
+
+    export interface RowProps extends SortableList.RowProps {}
+
+    export default SortableList.SortableList;
+}
diff --git a/react-native-sortable-list/tsconfig.json b/react-native-sortable-list/tsconfig.json
new file mode 100644
index 0000000000..b666373644
--- /dev/null
+++ b/react-native-sortable-list/tsconfig.json
@@ -0,0 +1,6 @@
+{
+    "compilerOptions": {
+        "target": "es6",
+        "noImplicitAny": true
+    }
+}

From bf5d81c29f9ef26ca950ebe4d23e31902cd3726c Mon Sep 17 00:00:00 2001
From: Karol Janyst <lapkom@gmail.com>
Date: Tue, 25 Oct 2016 19:37:44 +0900
Subject: [PATCH 244/313] Add definitions for bootstrap-select (#12113)

---
 bootstrap-select/bootstrap-select-tests.ts | 43 +++++++++++++++++++++
 bootstrap-select/bootstrap-select.d.ts     | 44 ++++++++++++++++++++++
 2 files changed, 87 insertions(+)
 create mode 100644 bootstrap-select/bootstrap-select-tests.ts
 create mode 100644 bootstrap-select/bootstrap-select.d.ts

diff --git a/bootstrap-select/bootstrap-select-tests.ts b/bootstrap-select/bootstrap-select-tests.ts
new file mode 100644
index 0000000000..9758b1c9ed
--- /dev/null
+++ b/bootstrap-select/bootstrap-select-tests.ts
@@ -0,0 +1,43 @@
+// Bootstrap Select Test
+// ================================================================================
+/// <reference path="bootstrap-select.d.ts" />
+/// <reference path="../jquery/jquery.d.ts"/>
+
+$(".selectpicker").selectpicker({
+    actionsBox: true,
+    container: "body",
+    countSelectedText: "counts > #",
+    deselectAllText: "test",
+    dropdownAlignRight: true,
+    dropupAuto: true,
+    header: "test",
+    hideDisabled: true,
+    iconBase: "fa",
+    liveSearch: true,
+    liveSearchNormalize: true,
+    liveSearchPlaceholder: "test",
+    liveSearchStyle: "contains",
+    maxOptions: 10,
+    maxOptionsText: "test",
+    mobile: true,
+    multipleSeparator: ", ",
+    noneSelectedText: "test",
+    selectAllText: "test",
+    selectedTextFormat: "values",
+    selectOnTab: true,
+    showContent: true,
+    showIcon: true,
+    showSubtext: true,
+    showTick: true,
+    size: "auto",
+    style: "test",
+    tickIcon: "test",
+    title: "test",
+    width: "auto"
+})
+
+$(".selectpicker").selectpicker("val", "foo")
+$(".selectpicker").selectpicker("val", ["foo", "bar"])
+$(".selectpicker").selectpicker("selectAll")
+$(".selectpicker").selectpicker("setStyle", "btn-large", "add")
+
diff --git a/bootstrap-select/bootstrap-select.d.ts b/bootstrap-select/bootstrap-select.d.ts
new file mode 100644
index 0000000000..9f1436a624
--- /dev/null
+++ b/bootstrap-select/bootstrap-select.d.ts
@@ -0,0 +1,44 @@
+// Type definitions for bootstrap-select v1.11.2
+// Project: https://silviomoreto.github.io/bootstrap-select/
+// Definitions by: Karol Janyst <https://github.com/LKay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../jquery/jquery.d.ts"/>
+
+interface BootstrapSelectOptions {
+    actionsBox?: boolean
+    container?: string | boolean
+    countSelectedText?: string | Function
+    deselectAllText?: string
+    dropdownAlignRight?: string | boolean
+    dropupAuto?: boolean
+    header?: string
+    hideDisabled?: boolean
+    iconBase?: string
+    liveSearch?: boolean
+    liveSearchNormalize?: boolean
+    liveSearchPlaceholder?: string
+    liveSearchStyle?: string
+    maxOptions?: number | boolean
+    maxOptionsText?: string | Array<any> | Function
+    mobile?: boolean
+    multipleSeparator?: string
+    noneSelectedText?: string
+    selectAllText?: string
+    selectedTextFormat?: string
+    selectOnTab?: boolean
+    showContent?: boolean
+    showIcon?: boolean
+    showSubtext?: boolean
+    showTick?: boolean
+    size?: string | number | boolean
+    style?: string
+    tickIcon?: string
+    title?: string
+    width?: string | boolean
+}
+
+interface JQuery {
+    selectpicker(opts?: BootstrapSelectOptions): void
+    selectpicker(method: string, ...args: Array<string | Array<string>>): void
+}

From cdcbb561a9a2d9168c67c3bc338581c13c961b6e Mon Sep 17 00:00:00 2001
From: Karol Janyst <lapkom@gmail.com>
Date: Tue, 25 Oct 2016 19:38:07 +0900
Subject: [PATCH 245/313] Add definitions for credit-card-type (#12115)

---
 credit-card-type/credit-card-type-tests.ts | 11 ++++++++
 credit-card-type/credit-card-type.d.ts     | 32 ++++++++++++++++++++++
 2 files changed, 43 insertions(+)
 create mode 100644 credit-card-type/credit-card-type-tests.ts
 create mode 100644 credit-card-type/credit-card-type.d.ts

diff --git a/credit-card-type/credit-card-type-tests.ts b/credit-card-type/credit-card-type-tests.ts
new file mode 100644
index 0000000000..11519a14ab
--- /dev/null
+++ b/credit-card-type/credit-card-type-tests.ts
@@ -0,0 +1,11 @@
+// Credit Card Type Test
+// ================================================================================
+///<reference path="credit-card-type.d.ts"/>
+
+// Imports
+// --------------------------------------------------------------------------------
+import * as creditCardType from "credit-card-type"
+
+var cardTypes: Array<CreditCardType.CreditCardTypeInfo> = creditCardType("")
+var cardInfo: CreditCardType.CreditCardTypeInfo = creditCardType.getTypeInfo("")
+var types: { [type: string]: string } = creditCardType.types
diff --git a/credit-card-type/credit-card-type.d.ts b/credit-card-type/credit-card-type.d.ts
new file mode 100644
index 0000000000..159de50be6
--- /dev/null
+++ b/credit-card-type/credit-card-type.d.ts
@@ -0,0 +1,32 @@
+// Type definitions for Credit Card Type v5.0.0
+// Project: https://github.com/braintree/credit-card-type
+// Definitions by: Karol Janyst <https://github.com/LKay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace CreditCardType {
+
+    type CardBrand = "american-express" | "diners-club" | "discover" | "jcb" | "maestro" | "master-card" | "unionpay" | "visa"
+
+    interface CreditCardTypeInfo {
+        niceType?: string
+        type?: CardBrand
+        pattern?: RegExp
+        gaps?: Array<number>
+        lengths?: Array<number>
+        code?: {
+            name?: string
+            size?: number
+        }
+    }
+
+    interface CreditCardType {
+        (number: string): Array<CreditCardTypeInfo>
+        getTypeInfo (type: string): CreditCardTypeInfo
+        types: { [type: string]: string }
+    }
+}
+
+declare module "credit-card-type" {
+    const creditCardType: CreditCardType.CreditCardType
+    export = creditCardType
+}

From 52410f6f389586942d6427bbf66ac2bf4a9cf04b Mon Sep 17 00:00:00 2001
From: Karol Janyst <lapkom@gmail.com>
Date: Tue, 25 Oct 2016 19:38:44 +0900
Subject: [PATCH 246/313] Add definitions for es6-error (#12116)

---
 es6-error/es6-error-tests.ts | 15 +++++++++++++++
 es6-error/es6-error.d.ts     |  8 ++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 es6-error/es6-error-tests.ts
 create mode 100644 es6-error/es6-error.d.ts

diff --git a/es6-error/es6-error-tests.ts b/es6-error/es6-error-tests.ts
new file mode 100644
index 0000000000..a7f8ac6e25
--- /dev/null
+++ b/es6-error/es6-error-tests.ts
@@ -0,0 +1,15 @@
+// ES6 Error Test
+// ================================================================================
+/// <reference path="es6-error.d.ts"/>
+
+// Imports
+// --------------------------------------------------------------------------------
+import * as ExtendableError from "es6-error"
+
+class TestError extends ExtendableError {
+    constructor (message: string = "TestError") {
+        super(message)
+    }
+}
+
+throw new TestError("Test Message")
diff --git a/es6-error/es6-error.d.ts b/es6-error/es6-error.d.ts
new file mode 100644
index 0000000000..ce987f1a2f
--- /dev/null
+++ b/es6-error/es6-error.d.ts
@@ -0,0 +1,8 @@
+// Type definitions for es6-error v4.0.0
+// Project: https://github.com/bjyoungblood/es6-error
+// Definitions by: Karol Janyst <https://github.com/LKay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module "es6-error" {
+    export = Error
+}

From 57d9667b2d0e483399ccf97eb3c44cf48c82f07f Mon Sep 17 00:00:00 2001
From: Karol Janyst <lapkom@gmail.com>
Date: Tue, 25 Oct 2016 19:39:31 +0900
Subject: [PATCH 247/313] Add definitions for react-color (#12117)

---
 react-color/react-color-tests.tsx |  54 +++++++
 react-color/react-color.d.ts      | 250 ++++++++++++++++++++++++++++++
 2 files changed, 304 insertions(+)
 create mode 100644 react-color/react-color-tests.tsx
 create mode 100644 react-color/react-color.d.ts

diff --git a/react-color/react-color-tests.tsx b/react-color/react-color-tests.tsx
new file mode 100644
index 0000000000..5cc201c4f7
--- /dev/null
+++ b/react-color/react-color-tests.tsx
@@ -0,0 +1,54 @@
+// React Color Test
+// ================================================================================
+/// <reference path="react-color.d.ts"/>
+/// <reference path='../react/react.d.ts' />
+/// <reference path='../react/react-dom.d.ts' />
+
+// Imports
+// --------------------------------------------------------------------------------
+import * as React from "react"
+import { StatelessComponent } from "react"
+import { render } from "react-dom"
+import {
+    AlphaPicker, BlockPicker, ChromePicker, CirclePicker,
+    CompactPicker, GithubPicker, HuePicker, MaterialPicker,
+    PhotoshopPicker, SketchPicker, SliderPicker, SwatchesPicker,
+    TwitterPicker, CustomPicker
+} from "react-color"
+import { Alpha, Checkboard, EditableInput, Hue, Saturation } from "react-color/lib/components/common"
+
+interface CustomProps extends ReactColor.InjectedColorProps {
+    color?: ReactColor.Color
+}
+
+var CustomComponent: StatelessComponent<CustomProps> = (props: CustomProps) => {
+    function onChange (color: ReactColor.ColorResult) {}
+
+    return (
+        <div>
+            <Alpha color={ props.color } onChange={ onChange } />
+            <Checkboard size={ 10 } white="transparent" grey="#333" />
+            <EditableInput value={ props.color } label="Test" onChange={ onChange } />
+            <Hue color={ props.color } direction="horizontal" onChange={ onChange } />
+            <Saturation color={ props.color } onChange={ onChange } />
+        </div>
+    )
+}
+var Custom = CustomPicker(CustomComponent)
+
+var colors: Array<string> = ["#000", "#333"]
+
+render(<AlphaPicker height="100px" width="100px" />, document.getElementById("main"))
+render(<BlockPicker colors={ colors } width="100px" />, document.getElementById("main"))
+render(<ChromePicker disableAlpha />, document.getElementById("main"))
+render(<CirclePicker colors={ colors } width="100px" />, document.getElementById("main"))
+render(<CompactPicker colors={ colors } />, document.getElementById("main"))
+render(<GithubPicker colors={ colors } width="100px" />, document.getElementById("main"))
+render(<HuePicker height="100px" width="100px" />, document.getElementById("main"))
+render(<MaterialPicker />, document.getElementById("main"))
+render(<PhotoshopPicker header="Test" />, document.getElementById("main"))
+render(<SketchPicker disableAlpha presetColors={ colors } />, document.getElementById("main"))
+render(<SliderPicker />, document.getElementById("main"))
+render(<SwatchesPicker colors={ [colors] } height={ 100 } width={ 100 } />, document.getElementById("main"))
+render(<TwitterPicker />, document.getElementById("main"))
+render(<Custom />, document.getElementById("main"))
diff --git a/react-color/react-color.d.ts b/react-color/react-color.d.ts
new file mode 100644
index 0000000000..a771ca445f
--- /dev/null
+++ b/react-color/react-color.d.ts
@@ -0,0 +1,250 @@
+// Type definitions for react-color v2.3.4
+// Project: https://casesandberg.github.io/react-color/
+// Definitions by: Karol Janyst <https://github.com/LKay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+///<reference path='../react/react.d.ts' />
+
+declare namespace ReactColor {
+    import React = __React
+
+    interface HSLColor {
+        a?: number
+        h: number
+        l: number
+        s: number
+    }
+
+    interface RGBColor {
+        a?: number
+        b: number
+        g: number
+        r: number
+    }
+
+    type Color = string | HSLColor | RGBColor
+
+    interface ColorResult {
+        hex: string
+        hsl: HSLColor
+        rgb: RGBColor
+    }
+
+    type ColorChangeHandler = (color: ColorResult) => void
+
+    interface ColorPickerProps<A> extends React.ClassAttributes<A> {
+        color?: Color
+        onChange?: ColorChangeHandler
+        onChangeComplete?: ColorChangeHandler
+    }
+
+    /* Predefined pickers */
+    interface AlphaPickerProps extends ColorPickerProps<AlphaPicker> {
+        height?: string
+        width?: string
+    }
+    interface AlphaPicker extends React.ComponentClass<AlphaPickerProps> {}
+    const AlphaPicker: AlphaPicker
+
+    interface BlockPickerProps extends ColorPickerProps<BlockPicker> {
+        colors?: Array<string>
+        width?: string
+    }
+    interface BlockPicker extends React.ComponentClass<BlockPickerProps> {}
+    const BlockPicker: BlockPicker
+
+    interface ChromePickerProps extends ColorPickerProps<ChromePicker> {
+        disableAlpha?: boolean
+    }
+    interface ChromePicker extends React.ComponentClass<ChromePickerProps> {}
+    const ChromePicker: ChromePicker
+
+    interface CirclePickerProps extends ColorPickerProps<CirclePicker> {
+        colors?: Array<string>
+        width?: string
+    }
+    interface CirclePicker extends React.ComponentClass<CirclePickerProps> {}
+    const CirclePicker: CirclePicker
+
+    interface CompactPickerProps extends ColorPickerProps<CompactPicker> {
+        colors?: Array<string>
+    }
+    interface CompactPicker extends React.ComponentClass<CompactPickerProps> {}
+    const CompactPicker: CompactPicker
+
+    interface GithubPickerProps extends ColorPickerProps<GithubPicker> {
+        colors?: Array<string>
+        width?: string
+    }
+    interface GithubPicker extends React.ComponentClass<GithubPickerProps> {}
+    const GithubPicker: GithubPicker
+
+    interface HuePickerProps extends ColorPickerProps<HuePicker> {
+        height?: string
+        width?: string
+    }
+    interface HuePicker extends React.ComponentClass<HuePickerProps> {}
+    const HuePicker: HuePicker
+
+    interface MaterialPickerProps extends ColorPickerProps<MaterialPicker> {}
+    interface MaterialPicker extends React.ComponentClass<MaterialPickerProps> {}
+    const MaterialPicker: MaterialPicker
+
+    interface PhotoshopPickerProps extends ColorPickerProps<PhotoshopPicker> {
+        header?: string
+        onAccept?: ColorChangeHandler
+        onCancel?: ColorChangeHandler
+    }
+    interface PhotoshopPicker extends React.ComponentClass<PhotoshopPickerProps> {}
+    const PhotoshopPicker: PhotoshopPicker
+
+    interface SketchPickerProps extends ColorPickerProps<SketchPicker> {
+        disableAlpha?: boolean
+        presetColors?: Array<string>
+        width?: string
+    }
+    interface SketchPicker extends React.ComponentClass<SketchPickerProps> {}
+    const SketchPicker: SketchPicker
+
+    interface SliderPickerProps extends ColorPickerProps<SliderPicker> {}
+    interface SliderPicker extends React.ComponentClass<SliderPickerProps> {}
+    const SliderPicker: SliderPicker
+
+    interface SwatchesPickerProps extends ColorPickerProps<SwatchesPicker> {
+        colors?: Array<Array<string>>
+        height?: number
+        width?: number
+    }
+    interface SwatchesPicker extends React.ComponentClass<SwatchesPickerProps> {}
+    const SwatchesPicker: SwatchesPicker
+
+    interface TwitterPickerProps extends ColorPickerProps<TwitterPicker> {}
+    interface TwitterPicker extends React.ComponentClass<TwitterPickerProps> {}
+    const TwitterPicker: TwitterPicker
+
+    /* For custom picker */
+    interface InjectedColorProps {
+        hex?: string
+        hsl?: HSLColor
+        rgb?: RGBColor
+        onChange?: ColorChangeHandler
+    }
+
+    function CustomPicker<A>(component: React.ComponentClass<A> | React.StatelessComponent<A>): React.ComponentClass<A & InjectedColorProps>
+
+    interface CustomPickerProps<A> extends React.ClassAttributes<A> {
+        color?: Color
+        pointer?: React.ReactNode
+        onChange?: ColorChangeHandler
+    }
+
+    interface AlphaProps extends CustomPickerProps<Alpha> {}
+    interface Alpha extends React.ComponentClass<AlphaProps> {}
+    const Alpha: Alpha
+
+    interface EditableInputStyles {
+        input?: React.CSSProperties
+        label?: React.CSSProperties
+        wrap?: React.CSSProperties
+    }
+    interface EditableInputProps extends React.ClassAttributes<Alpha> {
+        color?: Color
+        label?: string
+        onChange?: ColorChangeHandler
+        styles?: EditableInputStyles
+        value?: any
+    }
+    interface EditableInput extends React.ComponentClass<EditableInputProps> {}
+    const EditableInput: EditableInput
+
+    interface HueProps extends CustomPickerProps<Hue> {
+        direction?: "horizontal" | "vertical"
+    }
+    interface Hue extends React.ComponentClass<HueProps> {}
+    const Hue: Hue
+
+    interface SaturationProps extends CustomPickerProps<Saturation> {}
+    interface Saturation extends React.ComponentClass<SaturationProps> {}
+    const Saturation: Saturation
+
+    interface CheckboardProps extends React.ClassAttributes<Checkboard> {
+        grey?: string
+        size?: number
+        white?: string
+    }
+    interface Checkboard extends React.ComponentClass<CheckboardProps> {}
+    const Checkboard: Checkboard
+}
+
+declare module "react-color/lib/components/common/Alpha" { export default ReactColor.Alpha }
+declare module "react-color/lib/components/common/Checkboard" { export default ReactColor.Checkboard }
+declare module "react-color/lib/components/common/EditableInput" { export default ReactColor.EditableInput }
+declare module "react-color/lib/components/common/Hue" { export default ReactColor.Hue }
+declare module "react-color/lib/components/common/Saturation" { export default ReactColor.Saturation }
+declare module "react-color/lib/components/common/ColorWrap" { export default ReactColor.CustomPicker }
+
+declare module "react-color/lib/components/common" {
+    import Alpha from "react-color/lib/components/common/Alpha"
+    import Checkboard from "react-color/lib/components/common/Checkboard"
+    import EditableInput from "react-color/lib/components/common/EditableInput"
+    import Hue from "react-color/lib/components/common/Hue"
+    import Saturation from "react-color/lib/components/common/Saturation"
+
+    export {
+        Alpha,
+        Checkboard,
+        EditableInput,
+        Hue,
+        Saturation
+    }
+}
+
+declare module "react-color/lib/components/alpha/Alpha" { export default ReactColor.AlphaPicker }
+declare module "react-color/lib/components/block/Block" { export default ReactColor.BlockPicker }
+declare module "react-color/lib/components/chrome/Chrome" { export default ReactColor.ChromePicker }
+declare module "react-color/lib/components/circle/Circle" { export default ReactColor.CirclePicker }
+declare module "react-color/lib/components/compact/Compact" { export default ReactColor.CompactPicker }
+declare module "react-color/lib/components/github/Github" { export default ReactColor.GithubPicker }
+declare module "react-color/lib/components/hue/Hue" { export default ReactColor.HuePicker }
+declare module "react-color/lib/components/meterial/Material" { export default ReactColor.MaterialPicker }
+declare module "react-color/lib/components/photoshop/Photoshop" { export default ReactColor.PhotoshopPicker }
+declare module "react-color/lib/components/sketch/Sketch" { export default ReactColor.SketchPicker }
+declare module "react-color/lib/components/slider/Slider" { export default ReactColor.SliderPicker }
+declare module "react-color/lib/components/swatches/Swatches" { export default ReactColor.SwatchesPicker }
+declare module "react-color/lib/components/twitter/Twitter" { export default ReactColor.TwitterPicker }
+
+declare module "react-color" {
+    import AlphaPicker from "react-color/lib/components/alpha/Alpha"
+    import BlockPicker from "react-color/lib/components/block/Block"
+    import ChromePicker from "react-color/lib/components/chrome/Chrome"
+    import CirclePicker from "react-color/lib/components/circle/Circle"
+    import CompactPicker from "react-color/lib/components/compact/Compact"
+    import GithubPicker from "react-color/lib/components/github/Github"
+    import HuePicker from "react-color/lib/components/hue/Hue"
+    import MaterialPicker from "react-color/lib/components/meterial/Material"
+    import PhotoshopPicker from "react-color/lib/components/photoshop/Photoshop"
+    import SketchPicker from "react-color/lib/components/sketch/Sketch"
+    import SliderPicker from "react-color/lib/components/slider/Slider"
+    import SwatchesPicker from "react-color/lib/components/swatches/Swatches"
+    import TwitterPicker from "react-color/lib/components/twitter/Twitter"
+    import CustomPicker from "react-color/lib/components/common/ColorWrap"
+
+    export type CustomPickerProps<A> = ReactColor.CustomPickerProps<A>
+
+    export {
+        AlphaPicker,
+        BlockPicker,
+        ChromePicker,
+        CirclePicker,
+        CompactPicker,
+        GithubPicker,
+        HuePicker,
+        MaterialPicker,
+        PhotoshopPicker,
+        SketchPicker,
+        SliderPicker,
+        SwatchesPicker,
+        TwitterPicker,
+        CustomPicker
+    }
+}

From c080846200eecc80ba9e19fb0b8389f3104a361e Mon Sep 17 00:00:00 2001
From: Karol Janyst <lapkom@gmail.com>
Date: Tue, 25 Oct 2016 19:39:56 +0900
Subject: [PATCH 248/313] Add definitions for react-css-transition-replace
 (#12118)

---
 .gitignore                                    |  1 +
 .../react-css-transition-replace-tests.tsx    | 18 +++++++++++++++
 .../react-css-transition-replace.d.ts         | 23 +++++++++++++++++++
 3 files changed, 42 insertions(+)
 create mode 100644 react-css-transition-replace/react-css-transition-replace-tests.tsx
 create mode 100644 react-css-transition-replace/react-css-transition-replace.d.ts

diff --git a/.gitignore b/.gitignore
index 35dd5a667e..a79d28de0c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -35,3 +35,4 @@ node_modules
 
 .sublimets
 .settings/launch.json
+yarn.lock
diff --git a/react-css-transition-replace/react-css-transition-replace-tests.tsx b/react-css-transition-replace/react-css-transition-replace-tests.tsx
new file mode 100644
index 0000000000..7b51aee946
--- /dev/null
+++ b/react-css-transition-replace/react-css-transition-replace-tests.tsx
@@ -0,0 +1,18 @@
+// React CSS Transition Replace Test
+// ================================================================================
+///<reference path="react-css-transition-replace.d.ts"/>
+///<reference path="../react/react.d.ts"/>
+///<reference path="../react/react-dom.d.ts"/>
+
+// Imports
+// --------------------------------------------------------------------------------
+import * as React from "react"
+import { render } from 'react-dom';
+import * as CSSTransitionReplace from "react-css-transition-replace"
+
+render(
+    <CSSTransitionReplace overflowHidden transitionName="test">
+        <div>Test</div>
+    </CSSTransitionReplace>,
+    document.getElementById("main")
+)
diff --git a/react-css-transition-replace/react-css-transition-replace.d.ts b/react-css-transition-replace/react-css-transition-replace.d.ts
new file mode 100644
index 0000000000..34d067904e
--- /dev/null
+++ b/react-css-transition-replace/react-css-transition-replace.d.ts
@@ -0,0 +1,23 @@
+// Type definitions for react-css-transition-replace 2.0.1
+// Project: http://marnusw.github.io/react-css-transition-replace/
+// Definitions by: Karol Janyst <https://github.com/LKay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../react/react.d.ts" />
+/// <reference path="../react/react-addons-css-transition-group.d.ts" />
+
+declare namespace TransitionReplace {
+    import React = __React
+
+    interface CSSTransitionReplaceProps extends React.CSSTransitionGroupProps {
+        overflowHidden?: boolean
+    }
+
+    type CSSTransitionReplace = React.ComponentClass<CSSTransitionReplaceProps>
+}
+
+declare module "react-css-transition-replace" {
+    var CSSTransitionReplace: TransitionReplace.CSSTransitionReplace
+    type CSSTransitionReplace = TransitionReplace.CSSTransitionReplace
+    export = CSSTransitionReplace
+}

From bd58de638896c437a35e27bfd9c1f2474d1ecc90 Mon Sep 17 00:00:00 2001
From: Karol Janyst <lapkom@gmail.com>
Date: Tue, 25 Oct 2016 19:41:28 +0900
Subject: [PATCH 249/313] Add definitions for react-intl-redux  (#12120)

* Add definitions for react-intl-redux

* Change credits
---
 react-intl-redux/react-intl-redux-tests.tsx | 28 +++++++++++++++++++++
 react-intl-redux/react-intl-redux.d.ts      | 28 +++++++++++++++++++++
 2 files changed, 56 insertions(+)
 create mode 100644 react-intl-redux/react-intl-redux-tests.tsx
 create mode 100644 react-intl-redux/react-intl-redux.d.ts

diff --git a/react-intl-redux/react-intl-redux-tests.tsx b/react-intl-redux/react-intl-redux-tests.tsx
new file mode 100644
index 0000000000..d38abbcf0c
--- /dev/null
+++ b/react-intl-redux/react-intl-redux-tests.tsx
@@ -0,0 +1,28 @@
+// React Intl Redux Test
+// ================================================================================
+/// <reference path="react-intl-redux.d.ts"/>
+/// <reference path="../react/react.d.ts"/>
+/// <reference path="../react/react-dom.d.ts"/>
+
+// Imports
+// --------------------------------------------------------------------------------
+import * as React from "react"
+import { render } from "react-dom"
+import { Provider, IntlProvider, IntlState, IntlAction, intlReducer, updateIntl } from "react-intl-redux"
+
+var action: IntlAction = updateIntl({ locale : "en", messages : {} })
+var state: IntlState = intlReducer({ locale : "en", messages : {} }, action)
+
+render(
+    <IntlProvider locale="en">
+        <div>Test</div>
+    </IntlProvider>,
+    document.getElementById("main")
+)
+
+render(
+    <Provider>
+        <div>Test</div>
+    </Provider>,
+    document.getElementById("main")
+)
diff --git a/react-intl-redux/react-intl-redux.d.ts b/react-intl-redux/react-intl-redux.d.ts
new file mode 100644
index 0000000000..ac6e77d5cb
--- /dev/null
+++ b/react-intl-redux/react-intl-redux.d.ts
@@ -0,0 +1,28 @@
+// Type definitions for react-intl-redux v0.1.0
+// Project: https://github.com/ratson/react-intl-redux
+// Definitions by: Karol Janyst <https://github.com/LKay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../react/react.d.ts" />
+/// <reference path="../react-redux/react-redux.d.ts" />
+/// <reference path="../react-intl/react-intl.d.ts" />
+
+declare module "react-intl-redux" {
+    import { Action } from "redux"
+    import { Provider as ReduxProvider } from "react-redux"
+    import { IntlProvider as ReactIntlProvider } from "react-intl"
+
+    interface IntlState {
+        locale: string
+        messages: any
+    }
+
+    interface IntlAction extends Action {
+        payload?: IntlState
+    }
+
+    export function intlReducer(state: IntlState, action: IntlAction): IntlState
+    export function updateIntl (opts: IntlState): IntlAction
+    export class IntlProvider extends ReactIntlProvider {}
+    export class Provider extends ReduxProvider {}
+}

From 62c6882723381197b638445d6035e19c1945dfa3 Mon Sep 17 00:00:00 2001
From: Karol Janyst <lapkom@gmail.com>
Date: Tue, 25 Oct 2016 19:41:57 +0900
Subject: [PATCH 250/313] Add definitions for react-onclickoutside (#12121)

---
 .../react-onclickoutside-tests.tsx            | 46 +++++++++++++++++++
 .../react-onclickoutside.d.ts                 | 32 +++++++++++++
 2 files changed, 78 insertions(+)
 create mode 100644 react-onclickoutside/react-onclickoutside-tests.tsx
 create mode 100644 react-onclickoutside/react-onclickoutside.d.ts

diff --git a/react-onclickoutside/react-onclickoutside-tests.tsx b/react-onclickoutside/react-onclickoutside-tests.tsx
new file mode 100644
index 0000000000..a39cef1f3f
--- /dev/null
+++ b/react-onclickoutside/react-onclickoutside-tests.tsx
@@ -0,0 +1,46 @@
+// React onClickOutside Test
+// ================================================================================
+/// <reference path="react-onclickoutside.d.ts"/>
+/// <reference path='../react/react.d.ts' />
+/// <reference path='../react/react-dom.d.ts' />
+
+// Imports
+// --------------------------------------------------------------------------------
+import * as React from "react"
+import { Component, StatelessComponent, MouseEvent } from "react"
+import { render } from "react-dom"
+import * as onClickOutside from "react-onclickoutside"
+
+interface TestProps extends ReactOnClickOutside.OnClickOutsideProps {}
+
+var TestStateless: StatelessComponent<TestProps> = (props: TestProps) => {
+    return (<div>Test</div>)
+}
+var TestStatelessWrapped = onClickOutside(TestStateless)
+
+class Test extends Component<TestProps, any> implements ReactOnClickOutside.OnClickOutsideComponent {
+    handleClickOutside (e: MouseEvent) {}
+
+    render () {
+        return (<div>Test</div>)
+    }
+}
+var TestWrapped = onClickOutside(Test)
+
+render(
+    <TestStatelessWrapped eventTypes="click"
+                          disableOnClickOutside
+                          preventDefault
+                          stopPropagation
+                          outsideClickIgnoreClass="ignore" />,
+    document.getElementById("main")
+)
+
+render(
+    <TestWrapped eventTypes={ ["click", "touchend"] }
+                 disableOnClickOutside
+                 preventDefault
+                 stopPropagation
+                 outsideClickIgnoreClass="ignore" />,
+    document.getElementById("main")
+)
diff --git a/react-onclickoutside/react-onclickoutside.d.ts b/react-onclickoutside/react-onclickoutside.d.ts
new file mode 100644
index 0000000000..ca807da848
--- /dev/null
+++ b/react-onclickoutside/react-onclickoutside.d.ts
@@ -0,0 +1,32 @@
+// Type definitions for react-onclickoutside v5.7.0
+// Project: https://github.com/Pomax/react-onclickoutside
+// Definitions by: Karol Janyst <https://github.com/LKay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+///<reference path='../react/react.d.ts' />
+
+declare namespace ReactOnClickOutside {
+    import React = __React
+
+    interface OnClickOutsideComponent {
+        handleClickOutside(e: React.MouseEvent): void
+    }
+
+    interface OnClickOutsideProps {
+        disableOnClickOutside?: boolean | Function
+        enableOnClickOutside?: Function
+        eventTypes?: string | Array<string>
+        outsideClickIgnoreClass?: string
+        preventDefault?: boolean
+        stopPropagation?: boolean
+    }
+
+    interface onClickOutside {
+        <A>(component: React.ComponentClass<A> | React.StatelessComponent<A>): React.ComponentClass<A & OnClickOutsideProps>
+    }
+}
+
+declare module "react-onclickoutside" {
+    const onClickOutside: ReactOnClickOutside.onClickOutside
+    export = onClickOutside
+}

From 19490da3d7a39a1edfb6f22660d2254eaf632dd9 Mon Sep 17 00:00:00 2001
From: Karol Janyst <lapkom@gmail.com>
Date: Tue, 25 Oct 2016 19:42:14 +0900
Subject: [PATCH 251/313] Add definitions for validatorjs (#12123)

---
 validatorjs/validatorjs-tests.ts | 40 ++++++++++++++++++
 validatorjs/validatorjs.d.ts     | 72 ++++++++++++++++++++++++++++++++
 2 files changed, 112 insertions(+)
 create mode 100644 validatorjs/validatorjs-tests.ts
 create mode 100644 validatorjs/validatorjs.d.ts

diff --git a/validatorjs/validatorjs-tests.ts b/validatorjs/validatorjs-tests.ts
new file mode 100644
index 0000000000..1c2096c03b
--- /dev/null
+++ b/validatorjs/validatorjs-tests.ts
@@ -0,0 +1,40 @@
+// ValidatorJS Test
+// ================================================================================
+/// <reference path="validatorjs.d.ts"/>
+
+// Imports
+// --------------------------------------------------------------------------------
+import * as Validator from "validatorjs"
+
+var rules: any = {
+    foo: "required"
+}
+
+var data: any = {
+    foo: "bar"
+}
+
+var validator: ValidatorJS.Validator<any> = new Validator(data, rules)
+
+var passes: boolean = validator.passes() as boolean
+validator.passes(() => {})
+
+var fails: boolean = validator.fails() as boolean
+validator.fails(() => {})
+
+var check: boolean = validator.check()
+
+var errors: ValidatorJS.Errors = validator.errors
+var all: ValidatorJS.ValidationErrors = errors.all()
+var error: Array<string> = errors.get("foo")
+var first: string | boolean = errors.first("foo")
+var has: boolean = errors.has("foo")
+
+Validator.setMessages("en", {})
+var messages: ValidatorJS.ErrorMessages = Validator.getMessages("en")
+Validator.useLang("en")
+var lang: string = Validator.getDefaultLang()
+Validator.setAttributeFormatter((attributes: any) => ({}))
+Validator.stopOnError(true)
+Validator.register("custom", () => {}, "error.custom")
+Validator.registerAsync("custom", () => {}, "error.custom")
diff --git a/validatorjs/validatorjs.d.ts b/validatorjs/validatorjs.d.ts
new file mode 100644
index 0000000000..50df271a94
--- /dev/null
+++ b/validatorjs/validatorjs.d.ts
@@ -0,0 +1,72 @@
+// Type definitions for validatorjs v3.7.0
+// Project: https://github.com/skaterdav85/validatorjs
+// Definitions by: Karol Janyst <https://github.com/LKay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace ValidatorJS {
+
+    interface ParsedRule {
+        attribute: Array<{ name: string, value: any }>
+    }
+
+    interface ValidationErrors {
+        [field: string]: string
+    }
+
+    interface ErrorMessages {
+        [key: string]: string
+    }
+
+    interface AttributeNames {
+        [attribute: string]: string
+    }
+
+    type AttributeFormatter = (attribute: any) => any
+
+    interface Errors {
+        errors : ValidationErrors
+        add (attribute: string, message: string): void
+        get (attribute: string): Array<string>
+        first (attribute: string): string | boolean
+        all (): ValidationErrors
+        has (attribute: string): boolean
+    }
+
+    interface ValidatorStatic {
+        new <A>(data: A, rules: any, customMessages?: ErrorMessages): Validator<A>
+        setMessages (lang: string, messages: ErrorMessages): any
+        getMessages (lang: string): ErrorMessages
+        useLang (lang: string): void
+        getDefaultLang (): string
+        setAttributeFormatter (func: AttributeFormatter): void
+        stopOnError (attributes: boolean | Array<string>): void
+        register (name: string, fn: Function, message: string): void
+        registerAsync (name: string, fn: Function, message: string): void
+    }
+
+    interface Validator<A> {
+        lang: string
+        input: A
+        messages: ErrorMessages
+        errors: Errors
+        errorCount: number
+        hasAsync: boolean
+        rules: any
+        numericRules: Array<string>
+        attributeFormatter: AttributeFormatter
+        check (): boolean
+        checkAsync (passes?: Function, fails?: Function): void
+        setAttributeNames (attributes: AttributeNames): void
+        setAttributeFormatter (func: AttributeFormatter): void
+        getRule (name: string): Function
+        stopOnError (passes?: Function): boolean | void
+        passes (passes?: Function): boolean | void
+        fails (fails?: Function): boolean | void
+    }
+
+}
+
+declare module "validatorjs" {
+    const Validator: ValidatorJS.ValidatorStatic
+    export = Validator
+}

From 9ebe39be08d0805e5d9c5449a363343a7d9443c1 Mon Sep 17 00:00:00 2001
From: Karol Janyst <lapkom@gmail.com>
Date: Tue, 25 Oct 2016 19:43:11 +0900
Subject: [PATCH 252/313] Add definitions for color (#12114)

* Add definitions for color

* Rename color-test.ts to color-tests.ts
---
 color/color-tests.ts |  85 +++++++++++++++++++++++
 color/color.d.ts     | 162 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 247 insertions(+)
 create mode 100644 color/color-tests.ts
 create mode 100644 color/color.d.ts

diff --git a/color/color-tests.ts b/color/color-tests.ts
new file mode 100644
index 0000000000..9bfc656206
--- /dev/null
+++ b/color/color-tests.ts
@@ -0,0 +1,85 @@
+// Color Test
+// ================================================================================
+/// <reference path="color.d.ts"/>
+
+// Imports
+// --------------------------------------------------------------------------------
+import * as Color from "color"
+
+var color: Color.Color = Color("white")
+var colorOther: Color.Color = Color("black")
+
+var colorRGB: Color.Color = color.rgb(0, 0, 0)
+var colorRGB: Color.Color = color.rgb([0, 0, 0])
+var rgb: Color.RGBColor = color.rgb()
+
+var colorHSL: Color.Color = color.hsl([0, 0, 0])
+var hsl: Color.HSLColor = color.hsl()
+
+var colorHSV: Color.Color = color.hsv([0, 0, 0])
+var hsv: Color.HSVColor = color.hsv()
+
+var colorHBW: Color.Color = color.hbw([0, 0, 0])
+var hbw: Color.HBWColor = color.hbw()
+
+var colorCMYK: Color.Color = color.cmyk([0, 0, 0, 0])
+var cmyk: Color.CMYKColor = color.cmyk()
+
+var hex: string = color.hexString()
+var percent: string = color.percentString()
+var keyword: string | void = color.keyword()
+var alpha: number = color.alpha()
+var red: number = color.red()
+var green: number = color.green()
+var blue: number = color.blue()
+var hue: number = color.hue()
+var saturation: number = color.saturation()
+var lightness: number = color.lightness()
+var saturationv: number = color.saturationv()
+var value: number = color.value()
+var whiteness: number = color.whiteness()
+var blackness: number = color.blackness()
+var cyan: number = color.cyan()
+var magenta: number = color.magenta()
+var yellow: number = color.yellow()
+var black: number = color.black()
+var luminosity: number = color.luminosity()
+var contrast: number = color.contrast(colorOther)
+var dark: boolean = color.dark()
+var light: boolean = color.light()
+var level: string = color.level(colorOther)
+
+var chain: Color.Color = color
+    .rgb(0, 0, 0)
+    .hsl([0, 0, 0])
+    .hsv([0, 0, 0])
+    .hbw([0, 0, 0])
+    .cmyk([0, 0, 0 ,0])
+    .alpha(0)
+    .red(0)
+    .green(0)
+    .blue(0)
+    .hue(0)
+    .saturation(0)
+    .lightness(0)
+    .saturationv(0)
+    .value(0)
+    .whiteness(0)
+    .blackness(0)
+    .cyan(0)
+    .magenta(0)
+    .yellow(0)
+    .black(0)
+    .negate()
+    .lighten(0)
+    .darken(0)
+    .saturate(0)
+    .desaturate(0)
+    .greyscale()
+    .whiten(0)
+    .blacken(0)
+    .clearer(0)
+    .opaquer(0)
+    .rotate(0)
+    .mix(colorOther, 0)
+    .clone()
diff --git a/color/color.d.ts b/color/color.d.ts
new file mode 100644
index 0000000000..7c697004e7
--- /dev/null
+++ b/color/color.d.ts
@@ -0,0 +1,162 @@
+// Type definitions for color v0.12.0
+// Project: https://github.com/qix-/color
+// Definitions by: Karol Janyst <https://github.com/LKay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace Color {
+
+    interface RGBColor {
+        r: number
+        g: number
+        b: number
+        a?: number
+    }
+
+    interface FullRGBColor {
+        red: number
+        green: number
+        blue: number
+        alpha?: number
+    }
+
+    interface HSLColor {
+        h: number
+        s: number
+        l: number
+        a?: number
+    }
+
+    interface FullHSLColor {
+        hue: number
+        saturation: number
+        lightness: number
+        alpha?: number
+    }
+
+    interface HSVColor {
+        h: number
+        s: number
+        v: number
+    }
+
+    interface FullHSVColor {
+        hue: number
+        saturation: number
+        value: number
+    }
+
+    interface HBWColor {
+        h: number
+        b: number
+        w: number
+    }
+
+    interface FullHBWColor {
+        hue: number
+        whiteness: number
+        blackness: number
+    }
+
+    interface CMYKColor {
+        c: number
+        m: number
+        y: number
+        k: number
+    }
+
+    interface FullCMYKColor {
+        cyan: number
+        magenta: number
+        yellow: number
+        black: number
+    }
+
+    type ColorParam = string | RGBColor | FullRGBColor | HSLColor | FullHSLColor | HSVColor
+        | FullHSVColor | HBWColor | FullHBWColor | CMYKColor | FullCMYKColor
+
+    interface Color {
+        (color: ColorParam | Color) : Color
+        rgb(values: Array<number>): Color
+        rgb(r: number, g: number, b: number, a?: number): Color
+        rgb(values: RGBColor): Color
+        rgb(values: FullRGBColor): Color
+        rgb(): RGBColor
+        rgbArray(): Array<number>
+        rgbString(): string
+        rgbaString(): string
+        rgbNumber(): number
+        hsl(values: Array<number>): Color
+        hsl(): HSLColor
+        hslArray(): Array<number>
+        hslString(): string
+        hslaString(): string
+        hsv(values: Array<number>): Color
+        hsv(): HSVColor
+        hsvArray(): Array<number>
+        hsvString(): string
+        hbw(values: Array<number>): Color
+        hbw(): HBWColor
+        hbwArray(): Array<number>
+        hbwString(): string
+        cmyk(values: Array<number>): Color
+        cmyk(): CMYKColor
+        cmykArray(): Array<number>
+        cmykString(): string
+        hexString(): string
+        percentString(): string
+        keyword(): string | void
+        alpha(alpha: number): Color
+        alpha(): number
+        red(red: number): Color
+        red(): number
+        green(green: number): Color
+        green(): number
+        blue(blue: number): Color
+        blue(): number
+        hue(hue: number): Color
+        hue(): number
+        saturation(saturation: number): Color
+        saturation(): number
+        lightness(lightness: number): Color
+        lightness(): number
+        saturationv(saturationv: number): Color
+        saturationv(): number
+        value(value: number): Color
+        value(): number
+        whiteness(whiteness: number): Color
+        whiteness(): number
+        blackness(blackness: number): Color
+        blackness(): number
+        cyan(cyan: number): Color
+        cyan(): number
+        magenta(magenta: number): Color
+        magenta(): number
+        yellow(yellow: number): Color
+        yellow(): number
+        black(black: number): Color
+        black(): number
+        luminosity(): number
+        contrast(color: Color): number
+        dark(): boolean
+        light(): boolean
+        negate(): Color
+        lighten(value: number): Color
+        darken(value: number): Color
+        saturate(value: number): Color
+        desaturate(value: number): Color
+        greyscale(): Color
+        whiten(value: number): Color
+        blacken(value: number): Color
+        clearer(value: number): Color
+        opaquer(value: number): Color
+        rotate(value: number): Color
+        mix(color: Color, value?: number): Color
+        level(color: Color): string
+        clone(): Color
+    }
+}
+
+declare module "color" {
+    const Color: Color.Color
+    export = Color
+}

From 6f617176460d27db7c78fd8ca9650e84f146b6db Mon Sep 17 00:00:00 2001
From: Shantanu Bhadoria <shantanu.bhadoria@gmail.com>
Date: Tue, 25 Oct 2016 19:15:38 +0800
Subject: [PATCH 253/313] Added missing attributes for noble Peripheral class
 (#12124)

* Added missing attributes for noble peripheral

* Added new contributor name for reference

* Updated contributors
---
 CONTRIBUTORS.md  | 3 ++-
 noble/noble.d.ts | 6 +++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md
index 44f0d8e9a0..8b263f19ae 100644
--- a/CONTRIBUTORS.md
+++ b/CONTRIBUTORS.md
@@ -401,6 +401,7 @@ This document generated by [dt-contributors-generator](https://github.com/vvakam
 * [:link:](egg.js/egg.js.d.ts) [Egg.js](https://github.com/mikeflynn/egg.js) by [Markus Peloso](https://github.com/ToastHawaii)
 * [:link:](ejs-locals/ejs-locals.d.ts) [ejs-locals](https://github.com/randometc/ejs-locals) by [jt000](https://github.com/jt000)
 * [:link:](ejs/ejs.d.ts) [ejs.js](http://ejs.co) by [Ben Liddicott](https://github.com/benliddicott/DefinitelyTyped)
+* [:link:](ejson/ejson.d.ts) [ejson](https://www.npmjs.com/package/ejson) by [Shantanu Bhadoria](https://github.com/shantanubhadoria)
 * [:link:](elasticsearch/elasticsearch.d.ts) [elasticsearch](https://www.elastic.co) by [Casper Skydt](https://github.com/CasperSkydt/DefinitelyTyped), [Blake Smith](https://github.com/bfsmith/DefinitelyTyped)
 * [:link:](jquery.elang/jquery.elang.d.ts) [eLang](https://github.com/sumegizoltan/ELang) by [Zoltan Sumegi](https://github.com/sumegizoltan)
 * [:link:](github-electron/github-electron.d.ts) [Electron](http://electron.atom.io) by [jedmao](https://github.com/jedmao), [rhysd](https://rhysd.github.io), [Milan Burda](https://github.com/miniak)
@@ -1189,7 +1190,7 @@ This document generated by [dt-contributors-generator](https://github.com/vvakam
 * [:link:](ng-stomp/ng-stomp.d.ts) [ngStomp](https://github.com/beevelop/ng-stomp) by [Lukasz Potapczuk](https://github.com/lpotapczuk)
 * [:link:](ngstorage/ngstorage.d.ts) [ngstorage](https://github.com/gsklee/ngStorage) by [Jakub Pistek](https://github.com/kubiq)
 * [:link:](nightmare/nightmare.d.ts) [Nightmare](https://github.com/segmentio/nightmare) by [horiuchi](https://github.com/horiuchi)
-* [:link:](noble/noble.d.ts) [noble](https://github.com/sandeepmistry/noble) by [Seon-Wook Park](https://github.com/swook), [Hans Bakker](https://github.com/wind-rider)
+* [:link:](noble/noble.d.ts) [noble](https://github.com/sandeepmistry/noble) by [Seon-Wook Park](https://github.com/swook), [Hans Bakker](https://github.com/wind-rider), [Shantanu Bhadoria](https://github.com/shantanubhadoria)
 * [:link:](nock/nock.d.ts) [nock](https://github.com/pgte/nock) by [bonnici](https://github.com/bonnici)
 * [:link:](node-imap/imap.d.ts) [node imap](https://github.com/mscdex/node-imap) by [Steve Fenton](https://github.com/Steve-Fenton)
 * [:link:](oauth2-server/oauth2-server.d.ts) [Node OAuth2 Server](https://github.com/thomseddon/node-oauth2-server) by [Robbie Van Gorkom](https://github.com/vangorra)
diff --git a/noble/noble.d.ts b/noble/noble.d.ts
index 8003bdbc68..584d3f792a 100644
--- a/noble/noble.d.ts
+++ b/noble/noble.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for noble
 // Project: https://github.com/sandeepmistry/noble
-// Definitions by: Seon-Wook Park <https://github.com/swook>, Hans Bakker <https://github.com/wind-rider>
+// Definitions by: Seon-Wook Park <https://github.com/swook>, Hans Bakker <https://github.com/wind-rider>, Shantanu Bhadoria <https://github.com/shantanubhadoria>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="../node/node.d.ts" />
@@ -20,7 +20,11 @@ declare module "noble" {
     export function on(event: "discover", listener: (peripheral: Peripheral) => void): events.EventEmitter;
 
     export class Peripheral extends events.EventEmitter {
+        id:            string;
         uuid:          string;
+        address:       string;
+        addressType:   string;
+        connectable:   boolean;
         advertisement: Advertisement;
         rssi:          number;
         services:      Service[];

From c94d21a5e09c194bd1189b90cdb9787f12c6a964 Mon Sep 17 00:00:00 2001
From: Niels Kristian Hansen Skovmand <niels@physicalcode.com>
Date: Tue, 25 Oct 2016 15:07:49 +0200
Subject: [PATCH 254/313] Improvement to Spotify API Typings (#12130)

* Improvement to Spotify API Typings
- Improve references to endpoints in tests-file
- Add a few missing endpoint tests
- Add Recommendations Object for options to send to the API for Recommendations

* Fix Header

* Fix Header

* Update comment in test file
---
 spotify-api/spotify-api-tests.ts | 502 +++++++++++++++++++++++++++----
 spotify-api/spotify-api.d.ts     | 219 +++++++++++++-
 2 files changed, 649 insertions(+), 72 deletions(-)

diff --git a/spotify-api/spotify-api-tests.ts b/spotify-api/spotify-api-tests.ts
index d9864b2d9a..0ec4c7e123 100644
--- a/spotify-api/spotify-api-tests.ts
+++ b/spotify-api/spotify-api-tests.ts
@@ -1,22 +1,24 @@
+// Tests for the 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
+
 /*
  * 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.
+ * Run the tests (they should always compile without any errors):
+ * tsc spotify-api-tests.ts --target es6 --noImplicitAny
  * 
  * The order of tests is the same as on [The Spotify Web Api](https://developer.spotify.com/web-api/endpoint-reference/)
- * To find tests, search for "* Tests" instead of scrolling to keep sane.
  */
 
 /// <reference path="./spotify-api.d.ts" />
 
-
-
-
 /**
- * Tests the response of https://developer.spotify.com/web-api/get-album/
+ * Get an Album
+ * 
+ * GET /v1/albums/{id}
+ * https://developer.spotify.com/web-api/get-album/
  */
 const getSingleAlbum : SpotifyApi.SingleAlbumResponse = {
   "album_type" : "album",
@@ -401,9 +403,11 @@ const getSingleAlbum : SpotifyApi.SingleAlbumResponse = {
 
 
 
-
 /**
- * Tests https://developer.spotify.com/web-api/get-several-albums/
+ * Get Several Albums
+ * 
+ * GET /v1/albums?ids={ids}
+ * https://developer.spotify.com/web-api/get-several-albums/ 
  */
 const getMultipleAlbumsResponse : SpotifyApi.MultipleAlbumsResponse = {
   "albums" : [ {
@@ -2236,7 +2240,10 @@ const getMultipleAlbumsResponse : SpotifyApi.MultipleAlbumsResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-albums-tracks/
+ * Get an Album’s Tracks
+ * 
+ * GET /v1/albums/{id}/tracks
+ * https://developer.spotify.com/web-api/get-albums-tracks/
  */
 const getAlbumTracks : SpotifyApi.AlbumTracksResponse = {
   "href" : "https://api.spotify.com/v1/albums/6akEvsycLGftJxYudPjmqK/tracks?offset=0&limit=2",
@@ -2302,7 +2309,10 @@ const getAlbumTracks : SpotifyApi.AlbumTracksResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-artist/
+ * Get an Artist
+ * 
+ * GET /v1/artists/{id}
+ * https://developer.spotify.com/web-api/get-artist/
  */
 const getAnArtist : SpotifyApi.SingleArtistResponse = {
   "external_urls" : {
@@ -2341,7 +2351,10 @@ const getAnArtist : SpotifyApi.SingleArtistResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-several-artists/
+ * Get Several Artists
+ * 
+ * GET /v1/artists
+ * https://developer.spotify.com/web-api/get-several-artists/
  */
 const getSeveralArtists : SpotifyApi.MultipleArtistsResponse = {
   "artists" : [ {
@@ -2415,7 +2428,10 @@ const getSeveralArtists : SpotifyApi.MultipleArtistsResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-artists-albums/
+ * Get an Artist’s Albums
+ * 
+ * GET /v1/artists/{id}/albums
+ * https://developer.spotify.com/web-api/get-artists-albums/
  */
 const getArtistsAlbums : SpotifyApi.ArtistsAlbumsResponse = {
   "href" : "https://api.spotify.com/v1/artists/1vCWHaC5f2uS3yhpwWbIA6/albums?offset=0&limit=2&album_type=single",
@@ -2477,6 +2493,12 @@ const getArtistsAlbums : SpotifyApi.ArtistsAlbumsResponse = {
 
 
 
+/**
+ * Get an Artist’s Top Tracks
+ * 
+ * GET /v1/artists/{id}/top-tracks
+ * https://developer.spotify.com/web-api/get-artists-top-tracks/
+ */
 const getArtistsTopTracks : SpotifyApi.ArtistsTopTracksResponse = {
   "tracks" : [ {
     "album" : {
@@ -3042,6 +3064,12 @@ const getArtistsTopTracks : SpotifyApi.ArtistsTopTracksResponse = {
 
 
 
+/**
+ * Get an Artist’s Related Artists
+ * 
+ * GET /v1/artists/{id}/related-artists
+ * https://developer.spotify.com/web-api/get-related-artists/
+ */
 const getArtistRelatedArtists : SpotifyApi.ArtistsRelatedArtistsResponse = {
   "artists" : [ {
     "external_urls" : {
@@ -3687,7 +3715,10 @@ const getArtistRelatedArtists : SpotifyApi.ArtistsRelatedArtistsResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/get-audio-features/
+ * Get audio features for a track
+ * 
+ * GET /v1/audio-features/{id}
+ * https://developer.spotify.com/web-api/get-audio-features/
  */
 const singleAudioFeaturesResponse : SpotifyApi.AudioFeaturesResponse = { 
   "danceability": 0.281,
@@ -3715,7 +3746,10 @@ const singleAudioFeaturesResponse : SpotifyApi.AudioFeaturesResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-several-audio-features/
+ * Get audio features for several tracks
+ * 
+ * GET /v1/audio-features?ids={ids}
+ * https://developer.spotify.com/get-several-audio-features/
  */
 const severalAudioFeaturesResponse : SpotifyApi.MultipleAudioFeaturesResponse = { audio_features: 
    [ { "danceability": 0.808,
@@ -3782,7 +3816,10 @@ const severalAudioFeaturesResponse : SpotifyApi.MultipleAudioFeaturesResponse =
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-list-featured-playlists/
+ * Get a list of featured playlists
+ * 
+ * GET /v1/browse/featured-playlists
+ * https://developer.spotify.com/web-api/get-list-featured-playlists/
  */
 const featuredPlaylists : SpotifyApi.ListOfFeaturedPlaylistsResponse = {
   "message" : "Enjoy a mellow afternoon.",
@@ -3861,7 +3898,10 @@ const featuredPlaylists : SpotifyApi.ListOfFeaturedPlaylistsResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-list-new-releases/
+ * Get a list of new releases
+ * 
+ * GET /v1/browse/new-releases
+ * https://developer.spotify.com/web-api/get-list-new-releases/
  */
 const newReleases : SpotifyApi.ListOfNewReleasesResponse = {
   "albums" : {
@@ -4359,7 +4399,10 @@ const newReleases : SpotifyApi.ListOfNewReleasesResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-list-categories/
+ * Get a list of categories
+ * 
+ * GET /v1/browse/categories
+ * https://developer.spotify.com/web-api/get-list-categories/
  */
 const listOfCategories : SpotifyApi.MultipleCategoriesResponse = {
   "categories" : {
@@ -4557,7 +4600,10 @@ const listOfCategories : SpotifyApi.MultipleCategoriesResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-category/
+ * Get a category
+ * 
+ * GET /v1/browse/categories/{category_id}
+ * https://developer.spotify.com/web-api/get-category/
  */
 const category : SpotifyApi.SingleCategoryResponse = {
   "href" : "https://api.spotify.com/v1/browse/categories/rock",
@@ -4574,7 +4620,10 @@ const category : SpotifyApi.SingleCategoryResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-categorys-playlists/
+ * Get a categorys playlists
+ * 
+ * GET /v1/browse/categories/{id}/playlists
+ * https://developer.spotify.com/web-api/get-categorys-playlists/
  */
 const categoryPlaylists : SpotifyApi.CategoryPlaylistsReponse = {
   "playlists" : {
@@ -4651,8 +4700,12 @@ const categoryPlaylists : SpotifyApi.CategoryPlaylistsReponse = {
 
 
 
+
 /**
- * Tests https://developer.spotify.com/web-api/get-current-users-profile/
+ * Get Current User’s Profile
+ * 
+ * GET /v1/me
+ * https://developer.spotify.com/web-api/get-current-users-profile/
  */
 const userProfilePrivate : SpotifyApi.CurrentUsersProfileResponse = {
   "birthdate" : "1982-06-29",
@@ -4678,7 +4731,10 @@ const userProfilePrivate : SpotifyApi.CurrentUsersProfileResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-followed-artists/
+ * Get User’s Followed Artists
+ * 
+ * GET /v1/me/following?type=artist
+ * https://developer.spotify.com/web-api/get-followed-artists/
  */
 const followedArtists : SpotifyApi.UsersFollowedArtistsResponse = {
   "artists" : {
@@ -4757,7 +4813,10 @@ const followedArtists : SpotifyApi.UsersFollowedArtistsResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/follow-artists-users/
+ * Follow artists or users
+ * 
+ * PUT /v1/me/following
+ * https://developer.spotify.com/web-api/follow-artists-users/
  */
 const followArtistsOrUsers : SpotifyApi.FollowArtistsOrUsersResponse = {}
 
@@ -4765,7 +4824,10 @@ const followArtistsOrUsers : SpotifyApi.FollowArtistsOrUsersResponse = {}
 
 
 /**
- * Tests https://developer.spotify.com/web-api/unfollow-artists-users/
+ * Unfollow artists or users
+ * 
+ * DELETE /v1/me/following
+ * https://developer.spotify.com/web-api/unfollow-artists-users/
  */
 const unfollowArtistsOrUsers : SpotifyApi.UnfollowArtistsOrUsersResponse = {}
 
@@ -4773,7 +4835,10 @@ const unfollowArtistsOrUsers : SpotifyApi.UnfollowArtistsOrUsersResponse = {}
 
 
 /**
- * Tests https://developer.spotify.com/web-api/check-current-user-follows/
+ * Check if User Follows Users or Artists
+ * 
+ * GET /v1/me/following/contains
+ * https://developer.spotify.com/web-api/check-current-user-follows/
  */
 const checkCurrentUserFollows : SpotifyApi.UserFollowsUsersOrArtistsResponse = [ true, true, false ];
 
@@ -4781,7 +4846,10 @@ const checkCurrentUserFollows : SpotifyApi.UserFollowsUsersOrArtistsResponse = [
 
 
 /**
- * Tests https://developer.spotify.com/web-api/follow-playlist/
+ * Follow a Playlist
+ * 
+ * PUT /v1/users/{owner_id}/playlists/{playlist_id}/followers
+ * https://developer.spotify.com/web-api/follow-playlist/
  */
 const followPlaylist : SpotifyApi.FollowPlaylistReponse = {};
 
@@ -4789,7 +4857,10 @@ const followPlaylist : SpotifyApi.FollowPlaylistReponse = {};
 
 
 /**
- * Tests https://developer.spotify.com/web-api/unfollow-playlist/
+ * Unfollow a Playlist
+ * 
+ * DELETE /v1/users/{owner_id}/playlists/{playlist_id}/followers
+ * https://developer.spotify.com/web-api/unfollow-playlist/
  */
 const unfollowPlaylist : SpotifyApi.UnfollowPlaylistReponse = {};
 
@@ -4797,7 +4868,10 @@ const unfollowPlaylist : SpotifyApi.UnfollowPlaylistReponse = {};
 
 
 /**
- * Tests https://developer.spotify.com/web-api/save-tracks-user/
+ * Save tracks for user
+ * 
+ * PUT /v1/me/tracks?ids={ids}
+ * https://developer.spotify.com/web-api/save-tracks-user/
  */
 const saveTracksForUser : SpotifyApi.SaveTracksForUserResponse = {};
 
@@ -4805,7 +4879,10 @@ const saveTracksForUser : SpotifyApi.SaveTracksForUserResponse = {};
 
 
 /**
- * Tests https://developer.spotify.com/web-api/console/get-current-user-saved-tracks
+ * Get user's saved tracks
+ * 
+ * GET /v1/me/tracks
+ * https://developer.spotify.com/web-api/get-users-saved-tracks/
  */
 const getSavedTracks : SpotifyApi.UsersSavedTracksResponse = {
   "href" : "https://api.spotify.com/v1/me/tracks?offset=0&limit=5&market=DK",
@@ -5101,7 +5178,10 @@ const getSavedTracks : SpotifyApi.UsersSavedTracksResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/remove-tracks-user/
+ * Remove User’s Saved Tracks
+ * 
+ * DELETE /v1/me/tracks?ids={ids}
+ * https://developer.spotify.com/web-api/remove-tracks-user/
  */
 const removeUsersTracks : SpotifyApi.RemoveUsersSavedTracksResponse = {};
 
@@ -5109,7 +5189,10 @@ const removeUsersTracks : SpotifyApi.RemoveUsersSavedTracksResponse = {};
 
 
 /**
- * Tests https://developer.spotify.com/web-api/check-users-saved-tracks/
+ * Check User’s Saved Tracks
+ * 
+ * GET /v1/me/tracks/contains?ids={ids}
+ * https://developer.spotify.com/web-api/check-users-saved-tracks/
  */
 const checkUsersTracks : SpotifyApi.CheckUserSavedAlbumsResponse = [ false, false, true ];
 
@@ -5117,15 +5200,167 @@ const checkUsersTracks : SpotifyApi.CheckUserSavedAlbumsResponse = [ false, fals
 
 
 /**
- * Tests https://developer.spotify.com/web-api/save-albums-user/
+ * Save albums for user
+ * 
+ * PUT /v1/me/albums?ids={ids}
+ * https://developer.spotify.com/web-api/save-albums-user/
  */
 const saveAlbumForUser : SpotifyApi.SaveAlbumsForUserResponse = {};
 
 
 
+/**
+ * Get user's saved albums
+ * 
+ * GET /v1/me/albums
+ * https://developer.spotify.com/web-api/get-users-saved-albums/
+ */
+const usersSavedAlbums : SpotifyApi.UsersSavedAlbumsResponse = {
+  "href" : "https://api.spotify.com/v1/me/albums?offset=0&limit=1",
+  "items" : [ {
+    "added_at" : "2015-11-26T19:13:31Z",
+    "album" : {
+      "album_type" : "album",
+      "artists" : [ {
+        "external_urls" : {
+          "spotify" : "https://open.spotify.com/artist/58RMTlPJKbmpmVk1AmRK3h"
+        },
+        "href" : "https://api.spotify.com/v1/artists/58RMTlPJKbmpmVk1AmRK3h",
+        "id" : "58RMTlPJKbmpmVk1AmRK3h",
+        "name" : "Abidaz",
+        "type" : "artist",
+        "uri" : "spotify:artist:58RMTlPJKbmpmVk1AmRK3h"
+      } ],
+      "available_markets" : [ "AR", "AT", "AU", "BE", "BR", "CL", "CO", "CY", "CZ", "DE" ],
+      "copyrights" : [ {
+        "text" : "(C) 2013 Soblue Music Group AB, Under exclusive license to Universal Music AB",
+        "type" : "C"
+      }, {
+        "text" : "(P) 2013 Soblue Music Group AB, Under exclusive license to Universal Music AB",
+        "type" : "P"
+      } ],
+      "external_ids" : {
+        "upc" : "00602537623730"
+      },
+      "external_urls" : {
+        "spotify" : "https://open.spotify.com/album/5m4VYOPoIpkV0XgOiRKkWC"
+      },
+      "genres" : [ ],
+      "href" : "https://api.spotify.com/v1/albums/5m4VYOPoIpkV0XgOiRKkWC",
+      "id" : "5m4VYOPoIpkV0XgOiRKkWC",
+      "images" : [ {
+        "height" : 640,
+        "url" : "https://i.scdn.co/image/ccbb1e3bea2461e69783895e880965b171e29f4c",
+        "width" : 640
+      }, {
+        "height" : 300,
+        "url" : "https://i.scdn.co/image/2210b7d23f320a2cab2736bd3b3b948415dd21d8",
+        "width" : 300
+      }, {
+        "height" : 64,
+        "url" : "https://i.scdn.co/image/609153aca7f4760136d97fbaccdb4ec0757e4c9e",
+        "width" : 64
+      } ],
+      "name" : "In & ut",
+      "popularity" : 49,
+      "release_date" : "2013-01-01",
+      "release_date_precision" : "day",
+      "tracks" : {
+        "href" : "https://api.spotify.com/v1/albums/5m4VYOPoIpkV0XgOiRKkWC/tracks?offset=0&limit=50",
+        "items" : [ {
+          "artists" : [ {
+            "external_urls" : {
+              "spotify" : "https://open.spotify.com/artist/58RMTlPJKbmpmVk1AmRK3h"
+            },
+            "href" : "https://api.spotify.com/v1/artists/58RMTlPJKbmpmVk1AmRK3h",
+            "id" : "58RMTlPJKbmpmVk1AmRK3h",
+            "name" : "Abidaz",
+            "type" : "artist",
+            "uri" : "spotify:artist:58RMTlPJKbmpmVk1AmRK3h"
+          }, {
+            "external_urls" : {
+              "spotify" : "https://open.spotify.com/artist/1l63szZeUpN1m87MOD1u7K"
+            },
+            "href" : "https://api.spotify.com/v1/artists/1l63szZeUpN1m87MOD1u7K",
+            "id" : "1l63szZeUpN1m87MOD1u7K",
+            "name" : "Chapee",
+            "type" : "artist",
+            "uri" : "spotify:artist:1l63szZeUpN1m87MOD1u7K"
+          }, {
+            "external_urls" : {
+              "spotify" : "https://open.spotify.com/artist/1VLf7Ncxb5Jga6eyd3jh6K"
+            },
+            "href" : "https://api.spotify.com/v1/artists/1VLf7Ncxb5Jga6eyd3jh6K",
+            "id" : "1VLf7Ncxb5Jga6eyd3jh6K",
+            "name" : "C.U.P",
+            "type" : "artist",
+            "uri" : "spotify:artist:1VLf7Ncxb5Jga6eyd3jh6K"
+          } ],
+          "available_markets" : [ "AR", "AT", "AU", "BE", "BR", "CL", "CO", "CY", "CZ", "DE" ],
+          "disc_number" : 1,
+          "duration_ms" : 170920,
+          "explicit" : false,
+          "external_urls" : {
+            "spotify" : "https://open.spotify.com/track/3VNWq8rTnQG6fM1eldSpZ0"
+          },
+          "href" : "https://api.spotify.com/v1/tracks/3VNWq8rTnQG6fM1eldSpZ0",
+          "id" : "3VNWq8rTnQG6fM1eldSpZ0",
+          "name" : "E.C.",
+          "preview_url" : "https://p.scdn.co/mp3-preview/f95e0dba1a76b44fa2b52da2bc273d4f1c4126a5",
+          "track_number" : 1,
+          "type" : "track",
+          "uri" : "spotify:track:3VNWq8rTnQG6fM1eldSpZ0"
+        }, 
+        {
+          "artists" : [ {
+            "external_urls" : {
+              "spotify" : "https://open.spotify.com/artist/58RMTlPJKbmpmVk1AmRK3h"
+            },
+            "href" : "https://api.spotify.com/v1/artists/58RMTlPJKbmpmVk1AmRK3h",
+            "id" : "58RMTlPJKbmpmVk1AmRK3h",
+            "name" : "Abidaz",
+            "type" : "artist",
+            "uri" : "spotify:artist:58RMTlPJKbmpmVk1AmRK3h"
+          } ],
+          "available_markets" : [ "AR", "AT", "AU", "BE", "BR", "CL", "CO", "CY", "CZ", "DE", "DK", "EE" ],
+          "disc_number" : 1,
+          "duration_ms" : 165946,
+          "explicit" : false,
+          "external_urls" : {
+            "spotify" : "https://open.spotify.com/track/6ZrVKylVlxkaXHj42O0q2r"
+          },
+          "href" : "https://api.spotify.com/v1/tracks/6ZrVKylVlxkaXHj42O0q2r",
+          "id" : "6ZrVKylVlxkaXHj42O0q2r",
+          "name" : "Råknas - Radio Edit",
+          "preview_url" : "https://p.scdn.co/mp3-preview/a7c9a4bfa9e346e3733e9d88076ad1ae409136fb",
+          "track_number" : 13,
+          "type" : "track",
+          "uri" : "spotify:track:6ZrVKylVlxkaXHj42O0q2r"
+        } ],
+        "limit" : 50,
+        "next" : null,
+        "offset" : 0,
+        "previous" : null,
+        "total" : 13
+      },
+      "type" : "album",
+      "uri" : "spotify:album:5m4VYOPoIpkV0XgOiRKkWC"
+    }
+  } ],
+  "limit" : 1,
+  "next" : "https://api.spotify.com/v1/me/albums?offset=1&limit=1",
+  "offset" : 0,
+  "previous" : null,
+  "total" : 19
+}
+
+
 
 /**
- * Tests https://developer.spotify.com/web-api/remove-albums-user/
+ * Remove Albums for Current User
+ * 
+ * DELETE /v1/me/albums?ids={ids}
+ * https://developer.spotify.com/web-api/remove-albums-user/
  */
 const removeAlbumForUser : SpotifyApi.RemoveAlbumsForUserResponse = {};
 
@@ -5134,14 +5369,20 @@ const removeAlbumForUser : SpotifyApi.RemoveAlbumsForUserResponse = {};
 
 
 /**
- * Tests https://developer.spotify.com/web-api/check-users-saved-albums/
+ * Check user's saved albums
+ * 
+ * DELETE /v1/me/albums/contains?ids={ids}
+ * https://developer.spotify.com/web-api/check-users-saved-albums/
  */
 const checkUsersSavedAlbums : SpotifyApi.CheckUserSavedAlbumsResponse = [ true, false, false, true ];
 
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-users-top-artists-and-tracks/
+ * Get a User’s Top Artists and Tracks (Note: This is only Artists)
+ * 
+ * GET /v1/me/top/{type}
+ * https://developer.spotify.com/web-api/get-users-top-artists-and-tracks/
  */
 const usersTopArtists : SpotifyApi.UsersTopArtistsResponse = {
     "items" : [ 
@@ -5219,8 +5460,12 @@ const usersTopArtists : SpotifyApi.UsersTopArtistsResponse = {
 
 
 
+
 /**
- * Tests https://developer.spotify.com/web-api/get-users-top-artists-and-tracks/
+ * Get a User’s Top Artists and Tracks (Note: This is only Tracks)
+ * 
+ * GET /v1/me/top/{type}
+ * https://developer.spotify.com/web-api/get-users-top-artists-and-tracks/
  */
 const usersTopTracks : SpotifyApi.UsersTopTracksResponse = {
     "items" : [ 
@@ -5362,7 +5607,10 @@ const usersTopTracks : SpotifyApi.UsersTopTracksResponse = {
 
 
 /**
- * Tests 
+ * Get recommendations based on seeds
+ * 
+ * GET /v1/recommendations
+ * https://developer.spotify.com/get-recommendations/
  */
 const recommendationsBasedOnSeeds: SpotifyApi.RecommendationsFromSeedsResponse = {
   "tracks": [
@@ -5449,7 +5697,21 @@ const recommendationsBasedOnSeeds: SpotifyApi.RecommendationsFromSeedsResponse =
 
 
 /**
- * Tests https://developer.spotify.com/web-api/search-item/?type=album
+ * Get available genre seeds
+ * 
+ * GET /v1/recommendations/available-genre-seeds
+ * https://developer.spotify.com/web-api/get-recommendations/#available-genre-seeds
+ */
+const availableGenreSeeds : SpotifyApi.AvailableGenreSeedsResponse = {
+  "genres" : [ "acoustic", "afrobeat", "alt-rock", "alternative", "ambient", "anime", "black-metal", "bluegrass", "blues", "bossanova", "brazil", "breakbeat", "british", "cantopop", "chicago-house", "children", "chill", "classical", "club", "comedy", "country", "dance", "dancehall", "death-metal", "deep-house", "detroit-techno", "disco", "disney", "drum-and-bass", "dub", "dubstep", "edm", "electro", "electronic", "emo", "folk", "forro", "french", "funk", "garage", "german", "gospel", "goth", "grindcore", "groove", "grunge", "guitar", "happy", "hard-rock", "hardcore", "hardstyle", "heavy-metal", "hip-hop", "holidays", "honky-tonk", "house", "idm", "indian", "indie", "indie-pop", "industrial", "iranian", "j-dance", "j-idol", "j-pop", "j-rock", "jazz", "k-pop", "kids", "latin", "latino", "malay", "mandopop", "metal", "metal-misc", "metalcore", "minimal-techno", "movies", "mpb", "new-age", "new-release", "opera", "pagode", "party", "philippines-opm", "piano", "pop", "pop-film", "post-dubstep", "power-pop", "progressive-house", "psych-rock", "punk", "punk-rock", "r-n-b", "rainy-day", "reggae", "reggaeton", "road-trip", "rock", "rock-n-roll", "rockabilly", "romance", "sad", "salsa", "samba", "sertanejo", "show-tunes", "singer-songwriter", "ska", "sleep", "songwriter", "soul", "soundtracks", "spanish", "study", "summer", "swedish", "synth-pop", "tango", "techno", "trance", "trip-hop", "turkish", "work-out", "world-music" ]
+}
+
+
+/**
+ * Search for an album
+ * 
+ * GET /v1/search?type=album
+ * https://developer.spotify.com/web-api/search-item/
  */
 const searchAlbums : SpotifyApi.AlbumSearchResponse = {
   "albums" : {
@@ -5515,7 +5777,10 @@ const searchAlbums : SpotifyApi.AlbumSearchResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/search-item/?type=artist
+ * Search for an artist
+ * 
+ * GET /v1/search?type=artist
+ * https://developer.spotify.com/web-api/search-item/
  */
 const searchArtists : SpotifyApi.ArtistSearchResponse = {
   "artists" : {
@@ -5561,7 +5826,10 @@ const searchArtists : SpotifyApi.ArtistSearchResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/search-item/?type=playlist
+ * Search for a playlist
+ * 
+ * GET /v1/search?type=playlist
+ * https://developer.spotify.com/web-api/search-item/
  */
 const searchPlaylists : SpotifyApi.PlaylistSearchResponse = {
   "playlists" : {
@@ -5655,7 +5923,10 @@ const searchPlaylists : SpotifyApi.PlaylistSearchResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/search-item/?type=track
+ * Search for a track
+ * 
+ * GET /v1/search?type=track
+ * https://developer.spotify.com/web-api/search-item/
  */
 const searchTracks : SpotifyApi.TrackSearchResponse = {
   "tracks" : {
@@ -5799,7 +6070,10 @@ const searchTracks : SpotifyApi.TrackSearchResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-track/
+ * Get a track
+ * 
+ * GET /v1/tracks/{id}
+ * https://developer.spotify.com/web-api/get-track/
  */
 const track : SpotifyApi.SingleTrackResponse = {
   "album" : {
@@ -5861,7 +6135,10 @@ const track : SpotifyApi.SingleTrackResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-several-tracks/
+ * Get multiple tracks
+ * 
+ * GET /v1/tracks?ids={ids}
+ * https://developer.spotify.com/web-api/get-several-tracks/
  */
 const tracks : SpotifyApi.MultipleTracksResponse = {
   "tracks" : [ {
@@ -5977,9 +6254,11 @@ const tracks : SpotifyApi.MultipleTracksResponse = {
 
 
 
-
 /**
- * Tests https://developer.spotify.com/web-api/get-users-profile/
+ * Get user profile
+ * 
+ * GET /v1/users/{user_id}
+ * https://developer.spotify.com/web-api/get-users-profile/
  */
 const userProfile : SpotifyApi.UserProfileResponse = {
   "display_name" : "Ronald Pompa",
@@ -6005,7 +6284,10 @@ const userProfile : SpotifyApi.UserProfileResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-list-users-playlists/
+ * Get a list of a user's playlists
+ * 
+ * GET /v1/users/{user_id}/playlists
+ * https://developer.spotify.com/web-api/get-list-users-playlists/
  */
 const usersPlaylists : SpotifyApi.ListOfUsersPlaylistsResponse = {
   "href" : "https://api.spotify.com/v1/users/wizzler/playlists?offset=0&limit=2",
@@ -6081,7 +6363,89 @@ const usersPlaylists : SpotifyApi.ListOfUsersPlaylistsResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/get-playlist/
+ * Get a list of the current user's playlists
+ * 
+ * GET /v1/users/{user_id}/playlists
+ * https://developer.spotify.com/web-api/get-list-users-playlists/
+ */
+const currentUsersPlaylists : SpotifyApi.ListOfUsersPlaylistsResponse = {
+  "href" : "https://api.spotify.com/v1/users/wizzler/playlists?offset=0&limit=2",
+  "items" : [ {
+    "collaborative" : false,
+    "external_urls" : {
+      "spotify" : "http://open.spotify.com/user/wizzler/playlist/6yRf9SJ1YiAhNAu7UCwgXQ"
+    },
+    "href" : "https://api.spotify.com/v1/users/wizzler/playlists/6yRf9SJ1YiAhNAu7UCwgXQ",
+    "id" : "6yRf9SJ1YiAhNAu7UCwgXQ",
+    "images" : [ {
+      "height" : 640,
+      "url" : "https://i.scdn.co/image/5c383056e25a3e3ec858151afb70afe763c00f9b",
+      "width" : 640
+    } ],
+    "name" : "My Shazam Tracks",
+    "owner" : {
+      "external_urls" : {
+        "spotify" : "http://open.spotify.com/user/wizzler"
+      },
+      "href" : "https://api.spotify.com/v1/users/wizzler",
+      "id" : "wizzler",
+      "type" : "user",
+      "uri" : "spotify:user:wizzler"
+    },
+    "public" : true,
+    "snapshot_id" : "WlQppvajE5kH/Xt5cHfHxJ6mSsFckwYixA06q7y1asdUz+m5v7pq6xb1f0FiFa7I",
+    "tracks" : {
+      "href" : "https://api.spotify.com/v1/users/wizzler/playlists/6yRf9SJ1YiAhNAu7UCwgXQ/tracks",
+      "total" : 1
+    },
+    "type" : "playlist",
+    "uri" : "spotify:user:wizzler:playlist:6yRf9SJ1YiAhNAu7UCwgXQ"
+  }, {
+    "collaborative" : false,
+    "external_urls" : {
+      "spotify" : "http://open.spotify.com/user/wizzler/playlist/3FJd21jWvCjGCLx7eKrext"
+    },
+    "href" : "https://api.spotify.com/v1/users/wizzler/playlists/3FJd21jWvCjGCLx7eKrext",
+    "id" : "3FJd21jWvCjGCLx7eKrext",
+    "images" : [ {
+      "height" : 300,
+      "url" : "https://i.scdn.co/image/15858d38fdac4af890dcc634f4946c5bf83c0915",
+      "width" : 300
+    } ],
+    "name" : "Video Game Masterpieces",
+    "owner" : {
+      "external_urls" : {
+        "spotify" : "http://open.spotify.com/user/wizzler"
+      },
+      "href" : "https://api.spotify.com/v1/users/wizzler",
+      "id" : "wizzler",
+      "type" : "user",
+      "uri" : "spotify:user:wizzler"
+    },
+    "public" : true,
+    "snapshot_id" : "LO0O/RGsDLEgeDC3xVR4HisMNsDqoPLE8QBRqllyvevTJ09tFWIUbjrYoEJbUhCa",
+    "tracks" : {
+      "href" : "https://api.spotify.com/v1/users/wizzler/playlists/3FJd21jWvCjGCLx7eKrext/tracks",
+      "total" : 33
+    },
+    "type" : "playlist",
+    "uri" : "spotify:user:wizzler:playlist:3FJd21jWvCjGCLx7eKrext"
+  } ],
+  "limit" : 2,
+  "next" : "https://api.spotify.com/v1/users/wizzler/playlists?offset=2&limit=2",
+  "offset" : 0,
+  "previous" : null,
+  "total" : 7
+};
+
+
+
+
+/**
+ * Get a playlist
+ * 
+ * GET /v1/users/{user_id}/playlists/{playlist_id}
+ * https://developer.spotify.com/web-api/get-playlist/
  */
 const playlist : SpotifyApi.SinglePlaylistResponse = {
   "collaborative" : false,
@@ -6339,7 +6703,10 @@ const playlist : SpotifyApi.SinglePlaylistResponse = {
 
 
 /**
- * Tests 
+ * Get a playlist's tracks
+ * 
+ * GET /v1/users/{user_id}/playlists/{playlist_id}/tracks
+ * https://developer.spotify.com/web-api/get-playlists-tracks/
  */
 const playlistTracks : SpotifyApi.PlaylistTrackResponse = {
   "href" : "https://api.spotify.com/v1/users/spotify_espa%C3%B1a/playlists/21THa8j9TaSGuXYNBU5tsC/tracks?offset=0&limit=3",
@@ -6583,7 +6950,10 @@ const playlistTracks : SpotifyApi.PlaylistTrackResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/create-playlist/
+ * Create a Playlist
+ * 
+ * POST /v1/users/{user_id}/playlists
+ * https://developer.spotify.com/web-api/create-playlist/
  */
 const newPlaylist : SpotifyApi.CreatePlaylistResponse = {
   "collaborative" : false,
@@ -6627,7 +6997,10 @@ const newPlaylist : SpotifyApi.CreatePlaylistResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/change-playlist-details/
+ * Change a Playlist’s Details
+ * 
+ * PUT /v1/users/{user_id}/playlists/{playlist_id}
+ * https://developer.spotify.com/web-api/change-playlist-details/
  */
 const changePlaylistDetails : SpotifyApi.ChangePlaylistDetailsReponse = {};
 
@@ -6635,7 +7008,10 @@ const changePlaylistDetails : SpotifyApi.ChangePlaylistDetailsReponse = {};
 
 
 /**
- * Tests https://developer.spotify.com/web-api/add-tracks-to-playlist/
+ * Add Tracks to a Playlist
+ * 
+ * POST /v1/users/{user_id}/playlists/{playlist_id}/tracks
+ * https://developer.spotify.com/web-api/add-tracks-to-playlist/
  */
 const addTracksToPlaylist : SpotifyApi.AddTracksToPlaylistResponse = {
   "snapshot_id" : "4qQeMTnHV5LCL9w/lI9Mlu5shi2pk+iiIm6VEpmKdMPCE6adhRNTG9SXflxh8DTt"
@@ -6645,7 +7021,10 @@ const addTracksToPlaylist : SpotifyApi.AddTracksToPlaylistResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/remove-tracks-playlist/
+ * Remove Tracks from a Playlist
+ * 
+ * DELETE /v1/users/{user_id}/playlists/{playlist_id}/tracks
+ * https://developer.spotify.com/web-api/remove-tracks-playlist/
  */
 const removeTracksFromPlaylist : SpotifyApi.RemoveTracksFromPlaylistResponse = {
   "snapshot_id" : "t3+4ZWOqedj+bmcHHu1HKNqYfIyYAfXKlSHHykvS4KAm7hoVhDoCpn+KIuFZebZp"
@@ -6655,7 +7034,10 @@ const removeTracksFromPlaylist : SpotifyApi.RemoveTracksFromPlaylistResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/reorder-playlists-tracks/
+ * Reorder a Playlist’s Tracks
+ * 
+ * PUT /v1/users/{user_id}/playlists/{playlist_id}/tracks
+ * https://developer.spotify.com/web-api/reorder-playlists-tracks/
  */
 const reorderTracksInPlaylist : SpotifyApi.ReorderPlaylistTracksResponse = {
   "snapshot_id" : "t3+4ZWOqedj+bmcHHu1HKNqYfIyYAfXKlSHHykvS4KAm7hoVhDoCpn+KIuFZebZp"
@@ -6665,7 +7047,10 @@ const reorderTracksInPlaylist : SpotifyApi.ReorderPlaylistTracksResponse = {
 
 
 /**
- * Tests https://developer.spotify.com/web-api/replace-playlists-tracks/
+ * Replace a Playlist’s Tracks
+ * 
+ * PUT /v1/users/{user_id}/playlists/{playlist_id}/tracks
+ * https://developer.spotify.com/web-api/replace-playlists-tracks/
  */
 const replacePlaylistTracks : SpotifyApi.ReplacePlaylistTracksResponse = {};
 
@@ -6673,6 +7058,9 @@ const replacePlaylistTracks : SpotifyApi.ReplacePlaylistTracksResponse = {};
 
 
 /**
- * Tests https://developer.spotify.com/web-api/check-user-following-playlist/
+ * Check if Users Follow a Playlist
+ * 
+ * GET /v1/users/{user_id}/playlists/{playlist_id}/followers/contains
+ * https://developer.spotify.com/web-api/check-user-following-playlist/
  */
 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 b175080ac8..d0f655358a 100644
--- a/spotify-api/spotify-api.d.ts
+++ b/spotify-api/spotify-api.d.ts
@@ -5,6 +5,9 @@
 
 // Release comments:
 // -----------------
+
+// The audio analysis object is not yet in the Object Model at Spotify, therefore it is typed as any in this file.
+
 // TrackObjects and AlbumObjects is specified in the docs as always having the available_markets property,
 // but when it is sent in https://developer.spotify.com/web-api/console/get-current-user-saved-tracks
 // the available_markets are missing. Therefore it is marked as optional in this source code.
@@ -37,6 +40,69 @@ declare namespace SpotifyApi {
         offset?: number;
     }
 
+    /**
+     * Object for use in Recommendations Based on Seeds.
+     * See: [Recommendations Based on Seeds](https://developer.spotify.com/web-api/get-recommendations/)
+     *
+     * @limit q Optional. The target size of the list of recommended tracks. For seeds with unusually small pools or when highly restrictive filtering is applied, it may be impossible to generate the requested number of recommended tracks. Debugging information for such cases is available in the response. Default: 20. Minimum: 1. Maximum: 100.
+     * @market q Optional. An ISO 3166-1 alpha-2 country code. Provide this parameter if you want to apply Track Relinking. Because min_*, max_* and target_* are applied to pools before relinking, the generated results may not precisely match the filters applied. Original, non-relinked tracks are available via the linked_from attribute of the relinked track response.
+     * @max_ q Optional. Multiple values. For each tunable track attribute, a hard ceiling on the selected track attribute’s value can be provided. See tunable track attributes below for the list of available options. For example, max_instrumentalness=0.35 would filter out most tracks that are likely to be instrumental.
+     * @min_ q Optional. Multiple values. For each tunable track attribute, a hard floor on the selected track attribute’s value can be provided. See tunable track attributes below for the list of available options. For example, min_tempo=140 would restrict results to only those tracks with a tempo of greater than 140 beats per minute.
+     * @seed_artists q A comma separated list of Spotify IDs for seed artists. Up to 5 seed values may be provided in any combination of seed_artists, seed_tracks and seed_genres.
+     * @seed_genres q A comma separated list of any genres in the set of available genre seeds. Up to 5 seed values may be provided in any combination of seed_artists, seed_tracks and seed_genres.
+     * @seed_tracks q A comma separated list of Spotify IDs for a seed track. Up to 5 seed values may be provided in any combination of seed_artists, seed_tracks and seed_genres.
+     * @target_ q Optional. Multiple values. For each of the tunable track attributes (below) a target value may be provided. Tracks with the attribute values nearest to the target values will be preferred. For example, you might request target_energy=0.6 and target_danceability=0.8. All target values will be weighed equally in ranking results.
+     */
+    interface RecommendationsOptionsObject {
+        limit?: number,
+        market?: string,
+        max_acousticness?: number,
+        max_danceability?: number,
+        max_duration_ms?: number,
+        max_energy?: number,
+        max_instrumentalness?: number,
+        max_key?: number,
+        max_liveness?: number,
+        max_loudness?: number,
+        max_mode?: number,
+        max_popularity?: number,
+        max_speechiness?: number,
+        max_tempo?: number,
+        max_time_signature?: number,
+        max_valence?: number,
+        min_acousticness?: number,
+        min_danceability?: number,
+        min_duration_ms?: number,
+        min_energy?: number,
+        min_instrumentalness?: number,
+        min_key?: number,
+        min_liveness?: number,
+        min_loudness?: number,
+        min_mode?: number,
+        min_popularity?: number,
+        min_speechiness?: number,
+        min_tempo?: number,
+        min_time_signature?: number,
+        min_valence?: number,
+        seed_artists?: string,   // Comma separated string
+        seed_genres?: string,   // Comma separated string
+        seed_tracks?: string,   // Comma separated string
+        target_acousticness?: number
+        target_danceability?: number
+        target_duration_ms?: number
+        target_energy?: number
+        target_instrumentalness?: number
+        target_key?: number
+        target_liveness?: number
+        target_loudness?: number
+        target_mode?: number
+        target_popularity?: number
+        target_speechiness?: number
+        target_tempo?: number
+        target_time_signature?: number
+        target_valence?: number
+    }
+
 
     //
     // Responses from the Spotify Web API in the same order as in the API endpoint docs seen here:
@@ -62,13 +128,17 @@ declare namespace SpotifyApi {
 
     /**
      * Get an Album
+     * 
      * GET /v1/albums/{id}
+     * https://developer.spotify.com/web-api/get-album/
      */
     interface SingleAlbumResponse extends AlbumObjectFull {}
 
     /**
      * Get Several Albums
-     * GET /v1/albums
+     * 
+     * GET /v1/albums?ids={ids}
+     * https://developer.spotify.com/web-api/get-several-albums/ 
      */
     interface MultipleAlbumsResponse {
         albums: AlbumObjectFull[]
@@ -76,19 +146,25 @@ declare namespace SpotifyApi {
 
     /**
      * Get an Album’s Tracks
+     * 
      * GET /v1/albums/{id}/tracks
+     * https://developer.spotify.com/web-api/get-albums-tracks/
      */
     interface AlbumTracksResponse extends PagingObject<TrackObjectSimplified> {}
 
     /**
      * Get an Artist
+     * 
      * GET /v1/artists/{id}
+     * https://developer.spotify.com/web-api/get-artist/
      */
     interface SingleArtistResponse extends ArtistObjectFull {}
 
     /**
      * Get Several Artists
-     * GET /v1/artists
+     * 
+     * /v1/artists?ids={ids} 
+     * https://developer.spotify.com/web-api/get-several-artists/
      */
     interface MultipleArtistsResponse {
         artists: ArtistObjectFull[]
@@ -96,13 +172,17 @@ declare namespace SpotifyApi {
 
     /**
      * Get an Artist’s Albums
+     * 
      * GET /v1/artists/{id}/albums
+     * https://developer.spotify.com/web-api/get-artists-albums/
      */
     interface ArtistsAlbumsResponse extends PagingObject<AlbumObjectSimplified> {}
 
     /**
      * Get an Artist’s Top Tracks
+     * 
      * GET /v1/artists/{id}/top-tracks
+     * https://developer.spotify.com/web-api/get-artists-top-tracks/
      */
     interface ArtistsTopTracksResponse {
         tracks: TrackObjectFull[]
@@ -110,21 +190,38 @@ declare namespace SpotifyApi {
 
     /**
      * Get an Artist’s Related Artists
+     * 
      * GET /v1/artists/{id}/related-artists
+     * https://developer.spotify.com/web-api/get-related-artists/
      */
     interface ArtistsRelatedArtistsResponse {
         artists: ArtistObjectFull[]
     }
 
+    /**
+     * Get Audio Analysis for a Track
+     * 
+     * GET /v1/audio-analysis/{id}
+     * https://developer.spotify.com/web-api/get-audio-analysis/
+     * 
+     * At the time of typing, the Audio Analysis Object is absent from the Object Model, so it is typed as any.
+     * Object Model: https://developer.spotify.com/web-api/object-model/
+     */
+    interface AudioAnalysisResponse extends Object {}
+
     /**
      * Get audio features for a track
+     * 
      * GET /v1/audio-features/{id}
+     * https://developer.spotify.com/web-api/get-audio-features/
      */
     interface AudioFeaturesResponse extends AudioFeaturesObject {}
 
     /**
      * Get audio features for several tracks
-     * GET /v1/audio-features
+     * 
+     * GET /v1/audio-features?ids={ids}
+     * https://developer.spotify.com/get-several-audio-features/
      */
     interface MultipleAudioFeaturesResponse {
         "audio_features": AudioFeaturesObject[]
@@ -132,7 +229,9 @@ declare namespace SpotifyApi {
 
     /**
      * Get a list of featured playlists
+     * 
      * GET /v1/browse/featured-playlists
+     * https://developer.spotify.com/web-api/get-list-featured-playlists/
      */
     interface ListOfFeaturedPlaylistsResponse {
         message?: string,
@@ -141,7 +240,9 @@ declare namespace SpotifyApi {
 
     /**
      * Get a list of new releases
+     * 
      * GET /v1/browse/new-releases
+     * https://developer.spotify.com/web-api/get-list-new-releases/
      */
     interface ListOfNewReleasesResponse {
         message?: string,
@@ -150,7 +251,9 @@ declare namespace SpotifyApi {
 
     /**
      * Get a list of categories
+     * 
      * GET /v1/browse/categories
+     * https://developer.spotify.com/web-api/get-list-categories/
      */
     interface MultipleCategoriesResponse {
         categories: PagingObject<CategoryObject>
@@ -158,13 +261,17 @@ declare namespace SpotifyApi {
 
     /**
      * Get a category
-     * GET /v1/browse/categories/{category_id}
+     * 
+     * GET /v1/browse/categories/{id}
+     * https://developer.spotify.com/web-api/get-category/
      */
     interface SingleCategoryResponse extends CategoryObject {}
 
     /**
      * Get a categorys playlists
+     * 
      * GET /v1/browse/categories/{id}/playlists
+     * https://developer.spotify.com/web-api/get-categorys-playlists/
      */
     interface CategoryPlaylistsReponse {
         playlists: PagingObject<PlaylistObjectSimplified>
@@ -172,13 +279,17 @@ declare namespace SpotifyApi {
 
     /**
      * Get Current User’s Profile
+     * 
      * GET /v1/me
+     * https://developer.spotify.com/web-api/get-current-users-profile/
      */
     interface CurrentUsersProfileResponse extends UserObjectPrivate {}
 
     /**
      * Get User’s Followed Artists
-     * GET /v1/me/following?type=artist
+     * 
+     * GET /v1/me/following
+     * https://developer.spotify.com/web-api/get-followed-artists/
      */
     interface UsersFollowedArtistsResponse {
         artists: CursorBasedPagingObject<ArtistObjectFull>
@@ -186,103 +297,147 @@ declare namespace SpotifyApi {
 
     /**
      * Follow artists or users
+     * 
      * PUT /v1/me/following
+     * https://developer.spotify.com/web-api/follow-artists-users/
      */
     interface FollowArtistsOrUsersResponse extends VoidResponse {}
 
     /**
      * Unfollow artists or users
+     * 
      * DELETE /v1/me/following
+     * https://developer.spotify.com/web-api/unfollow-artists-users/
      */
     interface UnfollowArtistsOrUsersResponse extends VoidResponse {}
 
     /**
      * Check if User Follows Users or Artists
+     * 
      * GET /v1/me/following/contains
+     * https://developer.spotify.com/web-api/check-current-user-follows/
      */
     interface UserFollowsUsersOrArtistsResponse extends Array<boolean> {}
 
     /**
      * Follow a Playlist
+     * 
      * PUT /v1/users/{owner_id}/playlists/{playlist_id}/followers
+     * https://developer.spotify.com/web-api/follow-playlist/
      */
     interface FollowPlaylistReponse extends VoidResponse {}
 
     /**
      * Unfollow a Playlist
+     * 
      * DELETE /v1/users/{owner_id}/playlists/{playlist_id}/followers
+     * https://developer.spotify.com/web-api/unfollow-playlist/
      */
     interface UnfollowPlaylistReponse extends VoidResponse {}
 
     /**
      * Save tracks for user
+     * 
      * PUT /v1/me/tracks?ids={ids}
+     * https://developer.spotify.com/web-api/save-tracks-user/
      */
     interface SaveTracksForUserResponse extends VoidResponse {}
 
     /**
      * Get user's saved tracks
+     * 
      * GET /v1/me/tracks
+     * https://developer.spotify.com/web-api/get-users-saved-tracks/
      */
     interface UsersSavedTracksResponse extends PagingObject<SavedTrackObject> {}
 
     /**
      * Remove User’s Saved Tracks
+     * 
      * DELETE /v1/me/tracks?ids={ids}
+     * https://developer.spotify.com/web-api/remove-tracks-user/
      */
     interface RemoveUsersSavedTracksResponse extends VoidResponse {}
 
     /**
      * Check User’s Saved Tracks
-     * GET /v1/me/tracks/contains
+     * 
+     * GET /v1/me/tracks/contains?ids={ids}
+     * https://developer.spotify.com/web-api/check-users-saved-tracks/
      */
     interface CheckUsersSavedTracksResponse extends Array<boolean> {}
 
     /**
      * Save albums for user
+     * 
      * PUT /v1/me/albums?ids={ids}
+     * https://developer.spotify.com/web-api/save-albums-user/
      */
     interface SaveAlbumsForUserResponse extends VoidResponse {}
 
     /**
      * Get user's saved albums
+     * 
      * GET /v1/me/albums
+     * https://developer.spotify.com/web-api/get-users-saved-albums/
      */
-    interface UsersSavedAlbumsResponse extends PagingObject<AlbumObjectFull> {}
+    interface UsersSavedAlbumsResponse extends PagingObject<SavedAlbumObject> {}
 
     /**
      * Remove Albums for Current User
+     * 
      * DELETE /v1/me/albums?ids={ids}
+     * https://developer.spotify.com/web-api/remove-albums-user/
      */
     interface RemoveAlbumsForUserResponse extends VoidResponse {}
 
     /**
      * Check user's saved albums
-     * DELETE /v1/me/albums/contains?ids={ids}
+     * 
+     * GET /v1/me/albums/contains?ids={ids}
+     * https://developer.spotify.com/web-api/check-users-saved-albums/
      */
     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 a User’s Top Artists and Tracks (Note: This is only Artists)
+     * 
      * GET /v1/me/top/{type}
+     * https://developer.spotify.com/web-api/get-users-top-artists-and-tracks/
      */
     interface UsersTopArtistsResponse extends PagingObject<ArtistObjectFull> {}
 
+    /**
+     * Get a User’s Top Artists and Tracks (Note: This is only Tracks)
+     * 
+     * GET /v1/me/top/{type}
+     * https://developer.spotify.com/web-api/get-users-top-artists-and-tracks/
+     */
+    interface UsersTopTracksResponse extends PagingObject<TrackObjectFull> {}
+
     /**
      * Get recommendations based on seeds
+     * 
      * GET /v1/recommendations
+     * https://developer.spotify.com/get-recommendations/
      */
     interface RecommendationsFromSeedsResponse extends RecommendationsObject {}
 
+    /**
+     * Get available genre seeds
+     * 
+     * GET /v1/recommendations/available-genre-seeds
+     * https://developer.spotify.com/web-api/get-recommendations/#available-genre-seeds
+     */
+    interface AvailableGenreSeedsResponse {
+        "genres": string[]
+    }
+
     /**
      * Search for an album
+     * 
      * GET /v1/search?type=album
+     * https://developer.spotify.com/web-api/search-item/
      */
     interface AlbumSearchResponse {
         albums: PagingObject<AlbumObjectSimplified>
@@ -290,7 +445,9 @@ declare namespace SpotifyApi {
 
     /**
      * Search for an artist
+     * 
      * GET /v1/search?type=artist
+     * https://developer.spotify.com/web-api/search-item/
      */
     interface ArtistSearchResponse {
         artists: PagingObject<ArtistObjectFull>
@@ -298,7 +455,9 @@ declare namespace SpotifyApi {
 
     /**
      * Search for a playlist
+     * 
      * GET /v1/search?type=playlist
+     * https://developer.spotify.com/web-api/search-item/
      */
     interface PlaylistSearchResponse {
         playlists: PagingObject<PlaylistObjectSimplified>
@@ -306,7 +465,9 @@ declare namespace SpotifyApi {
 
     /**
      * Search for a track
+     * 
      * GET /v1/search?type=track
+     * https://developer.spotify.com/web-api/search-item/
      */
     interface TrackSearchResponse {
         tracks: PagingObject<TrackObjectFull>
@@ -314,13 +475,17 @@ declare namespace SpotifyApi {
 
     /**
      * Get a track
+     * 
      * GET /v1/tracks/{id}
+     * https://developer.spotify.com/web-api/get-track/
      */
     interface SingleTrackResponse extends TrackObjectFull {}
 
     /**
      * Get multiple tracks
+     * 
      * GET /v1/tracks?ids={ids}
+     * https://developer.spotify.com/web-api/get-several-tracks/
      */
     interface MultipleTracksResponse {
         tracks: TrackObjectFull[]
@@ -328,73 +493,97 @@ declare namespace SpotifyApi {
 
     /**
      * Get user profile
+     * 
      * GET /v1/users/{user_id}
+     * https://developer.spotify.com/web-api/get-users-profile/
      */
     interface UserProfileResponse extends UserObjectPublic {}
 
     /**
      * Get a list of a user's playlists
+     * 
      * GET /v1/users/{user_id}/playlists
+     * https://developer.spotify.com/web-api/get-list-users-playlists/
      */
     interface ListOfUsersPlaylistsResponse extends PagingObject<PlaylistObjectSimplified> {}
 
     /**
      * Get a list of the current user's playlists
+     * 
      * GET /v1/me/playlists
+     * https://developer.spotify.com/web-api/get-list-users-playlists/
      */
     interface ListOfCurrentUsersPlaylistsResponse extends PagingObject<PlaylistObjectSimplified> {}
 
     /**
      * Get a playlist
+     * 
      * GET /v1/users/{user_id}/playlists/{playlist_id}
+     * https://developer.spotify.com/web-api/get-playlist/
      */
     interface SinglePlaylistResponse extends PlaylistObjectFull {}
 
     /**
      * Get a playlist's tracks
+     * 
      * GET /v1/users/{user_id}/playlists/{playlist_id}/tracks
+     * https://developer.spotify.com/web-api/get-playlists-tracks/
      */
     interface PlaylistTrackResponse extends PagingObject<PlaylistTrackObject> {}
 
     /**
      * Create a Playlist
+     * 
      * POST /v1/users/{user_id}/playlists
+     * https://developer.spotify.com/web-api/create-playlist/
      */
     interface CreatePlaylistResponse extends PlaylistObjectFull {}
 
     /**
      * Change a Playlist’s Details
+     * 
      * PUT /v1/users/{user_id}/playlists/{playlist_id}
+     * https://developer.spotify.com/web-api/change-playlist-details/
      */
     interface ChangePlaylistDetailsReponse extends VoidResponse {}
 
     /**
      * Add Tracks to a Playlist
+     * 
      * POST /v1/users/{user_id}/playlists/{playlist_id}/tracks
+     * https://developer.spotify.com/web-api/add-tracks-to-playlist/
      */
     interface AddTracksToPlaylistResponse extends PlaylistSnapshotResponse {}
 
     /**
      * Remove Tracks from a Playlist
+     * 
      * DELETE /v1/users/{user_id}/playlists/{playlist_id}/tracks
+     * https://developer.spotify.com/web-api/remove-tracks-playlist/
      */
     interface RemoveTracksFromPlaylistResponse extends PlaylistSnapshotResponse {}
 
     /**
      * Reorder a Playlist’s Tracks
+     * 
      * PUT /v1/users/{user_id}/playlists/{playlist_id}/tracks
+     * https://developer.spotify.com/web-api/reorder-playlists-tracks/
      */
     interface ReorderPlaylistTracksResponse extends PlaylistSnapshotResponse {}
 
     /**
      * Replace a Playlist’s Tracks
+     * 
      * PUT /v1/users/{user_id}/playlists/{playlist_id}/tracks
+     * https://developer.spotify.com/web-api/replace-playlists-tracks/
      */
     interface ReplacePlaylistTracksResponse extends VoidResponse {}
 
     /**
      * Check if Users Follow a Playlist
+     * 
      * GET /v1/users/{user_id}/playlists/{playlist_id}/followers/contains
+     * https://developer.spotify.com/web-api/check-user-following-playlist/
      */
     interface UsersFollowPlaylistReponse extends Array<boolean> {}
 

From 5e10a26cea0224db26c41641eb15494f3bced54e Mon Sep 17 00:00:00 2001
From: Sergei Basharov <sergey@basharov.net>
Date: Tue, 25 Oct 2016 16:08:00 +0300
Subject: [PATCH 255/313] Typos fixes (#12111)

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

diff --git a/nes/nes.d.ts b/nes/nes.d.ts
index c86627db47..736b4382c8 100644
--- a/nes/nes.d.ts
+++ b/nes/nes.d.ts
@@ -61,7 +61,7 @@ declare module 'nes' {
         user?: any;
     }
 
-    export interface ServerEachSokcetOptions {
+    export interface ServerEachSocketOptions {
         subscription?: string;
         user?: any;
     }
@@ -70,7 +70,7 @@ declare module 'nes' {
         broadcast(message: any, options?: ServerBroadcastOptions): void;
         subscription(path: string, options?: ServerSubscriptionOptions): void;
         publish(path: string, message: any, options?: ServerPublishOptions): void;
-        eachSocket(each: (socket: Socket) => void, options?: ServerEachSokcetOptions): void;
+        eachSocket(each: (socket: Socket) => void, options?: ServerEachSocketOptions): void;
     }
 
     export class Request extends Hapi.Request {
@@ -82,7 +82,7 @@ declare module 'nes' {
         timeout?: number | boolean;
     }
 
-    export interface ClientConnnectOptions {
+    export interface ClientConnectOptions {
         auth?: any;
         delay?: number;
         maxDelay?: number;
@@ -107,7 +107,7 @@ declare module 'nes' {
         onConnect: () => void;
         onDisconnect: () => void;
         onUpdate: (message: any) => void;
-        connect(options: ClientConnnectOptions, callback: (err?: any) => void): void;
+        connect(options: ClientConnectOptions, callback: (err?: any) => void): void;
         connect(callback: (err?: any) => void): void;
         disconnect(): void;
         id: any;
@@ -123,7 +123,7 @@ declare module 'nes' {
 declare module 'nes/client' {
     export {
         Client,
-        ClientConnnectOptions,
+        ClientConnectOptions,
         ClientRequestOptions,
         ClientSubscribeFlags
     } from 'nes';

From e6413e382de7bad614897c3417e029b0d1804f5b Mon Sep 17 00:00:00 2001
From: Ivo Stratev <ivo.stratev.tues@gmail.com>
Date: Tue, 25 Oct 2016 16:10:17 +0300
Subject: [PATCH 256/313] updating jest to 16.0.0 (#12066)

---
 jest/jest-tests.ts | 13 +++++++++---
 jest/jest.d.ts     | 49 ++++++++++++++++++++++++++--------------------
 2 files changed, 38 insertions(+), 24 deletions(-)

diff --git a/jest/jest-tests.ts b/jest/jest-tests.ts
index b547bd40ad..bb28a77b26 100644
--- a/jest/jest-tests.ts
+++ b/jest/jest-tests.ts
@@ -209,6 +209,8 @@ describe('missing tests', function () {
        expect(getFruits()).toContain('Orange');
        mock.mockReturnValueOnce(['Apple', 'Plum']);
        expect(mock()).not.toContain('Orange');
+       const myBeverage: any = {delicious: true, sour: false}; 
+       expect(myBeverage).toContainEqual({delicious: true, sour: false});
        mock.mockReturnValue([]); //Deprecated: Use jest.fn(() => value) instead.
        mock.mockClear();
        let thisMock: jest.Mock<any> = jest.fn<any>().mockReturnThis();
@@ -216,8 +218,7 @@ describe('missing tests', function () {
    });
    
    it('creates snapshoter', function () {
-       jest.disableAutomock();
-       jest.mock('./render', () => jest.fn((): string => "{Link to: \"facebook\"}"), { virtual: true });
+       jest.disableAutomock().mock('./render', () => jest.fn((): string => "{Link to: \"facebook\"}"), { virtual: true });
        const render: () => string = require('./render');
        expect(render()).toMatch(/Link/);
        jest.enableAutomock();
@@ -226,7 +227,7 @@ describe('missing tests', function () {
    it('runs only pending timers', function () {
         jest.useRealTimers();
         setTimeout(() => expect(1).not.toEqual(0), 3000);
-        jest.runOnlyPendingTimers();
+        jest.runOnlyPendingTimers().runTimersToTime(300);
    });
    
    it('runs all timers', function () {
@@ -250,6 +251,12 @@ describe('toMatchSnapshot', function () {
     });
 });
 
+describe('toThrowErrorMatchingSnapshot', function () {
+   it('compares snapshots', function () {
+        expect(() => { throw new Error('descriptiton') }).toThrowErrorMatchingSnapshot();
+    });
+});
+
 function testInstances() {
     var mockFn = jest.fn<Function>();
     var a = new mockFn();
diff --git a/jest/jest.d.ts b/jest/jest.d.ts
index d0660193f6..dc0260cebb 100644
--- a/jest/jest.d.ts
+++ b/jest/jest.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Jest 15.1.1
+// Type definitions for Jest 16.0.0
 // Project: http://facebook.github.io/jest/
 // Definitions by: Asana <https://asana.com>, Ivo Stratev <https://github.com/NoHomey>, jwbay <https://github.com/jwbay>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -26,23 +26,25 @@ interface NodeRequire {
 }
 
 declare namespace jest {
-    function addMatchers(matchers: jasmine.CustomMatcherFactories): void;
+    function addMatchers(matchers: jasmine.CustomMatcherFactories): typeof jest;
     /** Disables automatic mocking in the module loader. */
-    function autoMockOff(): void;
+    function autoMockOff(): typeof jest;
     /** Enables automatic mocking in the module loader. */
-    function autoMockOn(): void;
+    function autoMockOn(): typeof jest;
+    /** Clears the mock.calls and mock.instances properties of all mocks. Equivalent to calling .mockClear() on every mocked function. */
+    function clearAllMocks(): typeof jest;
     /** Removes any pending timers from the timer system. If any timers have been scheduled, they will be cleared and will never have the opportunity to execute in the future. */
-    function clearAllTimers(): void;
+    function clearAllTimers(): typeof jest;
     /** Indicates that the module system should never return a mocked version of the specified module, including all of the specificied module's dependencies. */
-    function deepUnmock(moduleName: string): void;
+    function deepUnmock(moduleName: string): typeof jest;
     /** Disables automatic mocking in the module loader. */
-    function disableAutomock(): void;
+    function disableAutomock(): typeof jest;
     /** Mocks a module with an auto-mocked version when it is being required. */
-    function doMock(moduleName: string): void;
+    function doMock(moduleName: string): typeof jest;
     /** Indicates that the module system should never return a mocked version of the specified module from require() (e.g. that it should always return the real module). */
-    function dontMock(moduleName: string): void;
+    function dontMock(moduleName: string): typeof jest;
     /** Enables automatic mocking in the module loader. */
-    function enableAutomock(): void;
+    function enableAutomock(): typeof jest;
     /** Creates a mock function. Optionally takes a mock implementation. */
     function fn<T>(implementation?: Function): Mock<T>;
     /** Use the automatic mocking system to generate a mocked version of the given module. */
@@ -50,28 +52,30 @@ declare namespace jest {
     /** Returns whether the given function is a mock function. */
     function isMockFunction(fn: any): fn is Mock<any>;
     /** Mocks a module with an auto-mocked version when it is being required. */
-    function mock(moduleName: string, factory?: any, options?: MockOptions): void;
+    function mock(moduleName: string, factory?: any, options?: MockOptions): typeof jest;
     /** Resets the module registry - the cache of all required modules. This is useful to isolate modules where local state might conflict between tests. */
-    function resetModuleRegistry(): void;
+    function resetModuleRegistry(): typeof jest;
     /** Resets the module registry - the cache of all required modules. This is useful to isolate modules where local state might conflict between tests. */
-    function resetModules(): void;
+    function resetModules(): typeof jest;
     /** Exhausts tasks queued by setImmediate(). */
-    function runAllImmediates(): void;
+    function runAllImmediates(): typeof jest;
     /** Exhausts the micro-task queue (usually interfaced in node via process.nextTick). */
-    function runAllTicks(): void;
+    function runAllTicks(): typeof jest;
     /** Exhausts the macro-task queue (i.e., all tasks queued by setTimeout() and setInterval()). */
-    function runAllTimers(): void;
+    function runAllTimers(): typeof jest;
     /** Executes only the macro-tasks that are currently pending (i.e., only the tasks that have been queued by setTimeout() or setInterval() up to this point).
      * If any of the currently pending macro-tasks schedule new macro-tasks, those new tasks will not be executed by this call. */
-    function runOnlyPendingTimers(): void;
+    function runOnlyPendingTimers(): typeof jest;
+    /** Executes only the macro task queue (i.e. all tasks queued by setTimeout() or setInterval() and setImmediate()). */
+    function runTimersToTime(msToRun: number): typeof jest;
     /** Explicitly supplies the mock object that the module system should return for the specified module. */
-    function setMock<T>(moduleName: string, moduleExports: T): void;
+    function setMock<T>(moduleName: string, moduleExports: T): typeof jest;
     /** Indicates that the module system should never return a mocked version of the specified module from require() (e.g. that it should always return the real module). */
-    function unmock(moduleName: string): void;
+    function unmock(moduleName: string): typeof jest;
     /** Instructs Jest to use fake versions of the standard timer functions. */
-    function useFakeTimers(): void;
+    function useFakeTimers(): typeof jest;
     /** Instructs Jest to use the real versions of the standard timer functions. */
-    function useRealTimers(): void;
+    function useRealTimers(): typeof jest;
 
     interface MockOptions {
         virtual?: boolean;
@@ -98,6 +102,7 @@ declare namespace jest {
         (name: string, fn: ProvidesCallback): void;
         only: It;
         skip: It;
+        concurrent: It;
     }
 
     interface Describe {
@@ -124,6 +129,7 @@ declare namespace jest {
         toBeTruthy(): void;
         toBeUndefined(): void;
         toContain(expected: any): void;
+        toContainEqual(expected: any): void;
         toEqual(expected: any): void;
         toHaveBeenCalled(): boolean;
         toHaveBeenCalledTimes(expected: number): boolean;
@@ -132,6 +138,7 @@ declare namespace jest {
         toMatchSnapshot(): void;
         toThrow(): void;
         toThrowError(error?: string | Constructable | RegExp): void;
+        toThrowErrorMatchingSnapshot(): void;
     }
 
     interface Constructable {

From 0e2d4e9680d7cf91f36dd7348d8a4ca9f560bd6d Mon Sep 17 00:00:00 2001
From: bryanjjohnson <bryanjjohnson05@gmail.com>
Date: Tue, 25 Oct 2016 07:12:08 -0600
Subject: [PATCH 257/313] update mapbox-gl definitions to 0.26.0 (#11992)

---
 mapbox-gl/mapbox-gl-0.25.1.d.ts | 936 ++++++++++++++++++++++++++++++++
 mapbox-gl/mapbox-gl.d.ts        |  24 +-
 2 files changed, 954 insertions(+), 6 deletions(-)
 create mode 100644 mapbox-gl/mapbox-gl-0.25.1.d.ts

diff --git a/mapbox-gl/mapbox-gl-0.25.1.d.ts b/mapbox-gl/mapbox-gl-0.25.1.d.ts
new file mode 100644
index 0000000000..2ee8d30949
--- /dev/null
+++ b/mapbox-gl/mapbox-gl-0.25.1.d.ts
@@ -0,0 +1,936 @@
+// Type definitions for Mapbox GL JS v0.24.0
+// Project: https://github.com/mapbox/mapbox-gl-js
+// Definitions by: Dominik Bruderer <https://github.com/dobrud>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../geojson/geojson.d.ts" />
+
+declare namespace mapboxgl {
+	let accessToken: string;
+	let version: string;
+	export function supported(options?: {failIfMajorPerformanceCaveat?: boolean}): boolean;
+
+	/**
+	 * Map
+	 */
+	export class Map extends Evented {
+		constructor(options?: MapboxOptions);
+
+		addControl(control: Control): this;
+
+		addClass(klass: string, options?: mapboxgl.StyleOptions): this;
+
+		removeClass(klass: string, options?: mapboxgl.StyleOptions): this;
+
+		setClasses(klasses: string[], options?: mapboxgl.StyleOptions): this;
+
+		hasClass(klass: string): boolean;
+
+		getClasses(): string[];
+
+		resize(): this;
+
+		getBounds(): mapboxgl.LngLatBounds;
+
+		setMaxBounds(lnglatbounds?: mapboxgl.LngLatBounds | number[][]): this;
+
+		setMinZoom(minZoom?: number): this;
+
+		setMaxZoom(maxZoom?: number): this;
+
+		project(lnglat: mapboxgl.LngLat | number[]): mapboxgl.Point;
+
+		unproject(point: mapboxgl.Point | number[]): mapboxgl.LngLat;
+
+		queryRenderedFeatures(pointOrBox?: mapboxgl.Point|number[]|mapboxgl.Point[]|number[][], parameters?: {layers?: string[], filter?: any[]}): GeoJSON.Feature<GeoJSON.GeometryObject>[];
+
+		querySourceFeatures(sourceID: string, parameters: {sourceLayer?: string, filter?: any[]}): GeoJSON.Feature<GeoJSON.GeometryObject>[];
+
+		setStyle(style: mapboxgl.Style | string): this;
+
+		getStyle(): mapboxgl.Style;
+
+		addSource(id: string, source: VectorSource | RasterSource | GeoJSONSource | ImageSource | VideoSource | GeoJSONSourceRaw): this;
+
+		removeSource(id: string): this;
+
+		getSource(id: string): VectorSource | RasterSource | GeoJSONSource | ImageSource | VideoSource;
+
+		addLayer(layer: mapboxgl.Layer, before?: string): this;
+
+		removeLayer(id: string): this;
+
+		getLayer(id: string): mapboxgl.Layer;
+
+		setFilter(layer: string, filter: any[]): this;
+
+		setLayerZoomRange(layerId: string, minzoom: number, maxzoom: number): this;
+
+		getFilter(layer: string): any[];
+
+		setPaintProperty(layer: string, name: string, value: any, klass?: string): this;
+
+		getPaintProperty(layer: string, name: string, klass?: string): any;
+
+		setLayoutProperty(layer: string, name: string, value: any): this;
+
+		getLayoutProperty(layer: string, name: string, klass?: string): any;
+
+		getContainer(): HTMLElement;
+
+		getCanvasContainer(): HTMLElement;
+
+		getCanvas(): HTMLCanvasElement;
+
+		loaded(): boolean;
+
+		remove(): void;
+
+		onError(): void;
+
+		showTileBoundaries: boolean;
+
+		showCollisionBoxes: boolean;
+
+		repaint: boolean;
+
+		getCenter(): mapboxgl.LngLat;
+
+		setCenter(center: LngLat|number[], eventData?: mapboxgl.EventData): this;
+
+		panBy(offset: number[], options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
+
+		panTo(lnglat: mapboxgl.LngLat, options?: mapboxgl.AnimationOptions, eventdata?: mapboxgl.EventData): this;
+
+		getZoom(): number;
+
+		setZoom(zoom: number, eventData?: mapboxgl.EventData): this;
+
+		zoomTo(zoom: number, options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
+
+		zoomIn(options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
+
+		zoomOut(options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
+
+		getBearing(): number;
+
+		setBearing(bearing: number, eventData?: mapboxgl.EventData): this;
+
+		rotateTo(bearing: number, options?: mapboxgl.AnimationOptions, eventData?: EventData): this;
+
+		resetNorth(options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
+
+		snapToNorth(options?: mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
+
+		getPitch(): number;
+
+		setPitch(pitch: number, eventData?: EventData): this;
+
+		fitBounds(bounds: mapboxgl.LngLatBounds | number[][], options?: { linear?: boolean, easing?: Function, padding?: number, offset?: Point|number[],maxZoom?: number }): this;
+
+		jumpTo(options: mapboxgl.CameraOptions, eventData?: mapboxgl.EventData): this;
+
+		easeTo(options: mapboxgl.CameraOptions | mapboxgl.AnimationOptions, eventData?: mapboxgl.EventData): this;
+
+		flyTo(options: mapboxgl.FlyToOptions, eventData?: mapboxgl.EventData): this;
+
+		stop(): this;
+
+		scrollZoom: ScrollZoomHandler;
+
+		boxZoom: BoxZoomHandler;
+
+		dragRotate: DragRotateHandler;
+
+		dragPan: DragPanHandler;
+
+		keyboard: KeyboardHandler;
+
+		doublClickZoom: DoubleClickZoomHandler;
+
+		touchZoomRotate: TouchZoomRotateHandler;
+	}
+
+	export interface MapboxOptions {
+		/** If true, an attribution control will be added to the map. */
+		attributionControl?: boolean;
+
+		bearing?: number;
+
+		/** Snap to north threshold in degrees. */
+		bearingSnap?: number;
+
+		/** If true, enable the "box zoom" interaction (see BoxZoomHandler) */
+		boxZoom?: boolean;
+
+		/** initial map center */
+		center?: mapboxgl.LngLat | number[];
+
+		/** Style class names with which to initialize the map */
+		classes?: string[];
+
+		/** ID of the container element */
+		container?: string | Element;
+
+		/** If true, enable the "drag to pan" interaction (see DragPanHandler). */
+		dragPan?: boolean;
+
+		/** If true, enable the "drag to rotate" interaction (see DragRotateHandler). */
+		dragRotate?: boolean;
+
+		/** If true, enable the "double click to zoom" interaction (see DoubleClickZoomHandler). */
+		doubleClickZoom?: boolean;
+
+		/** If true, the map will track and update the page URL according to map position */
+		hash?: boolean;
+
+		/** If true, map creation will fail if the implementation determines that the performance of the created WebGL context would be dramatically lower than expected. */
+		failIfMayorPerformanceCaveat?: boolean;
+
+		/** If false, no mouse, touch, or keyboard listeners are attached to the map, so it will not respond to input */
+		interactive?: boolean;
+
+		/** If true, enable keyboard shortcuts (see KeyboardHandler). */
+		keyboard?: boolean;
+
+		/** If set, the map is constrained to the given bounds. */
+		maxBounds?: mapboxgl.LngLatBounds | number[][];
+
+		/** Maximum zoom of the map */
+		maxZoom?: number;
+
+		/** Minimum zoom of the map */
+		minZoom?: number;
+
+		/** If true, The maps canvas can be exported to a PNG using map.getCanvas().toDataURL();. This is false by default as a performance optimization. */
+		preserveDrawingBuffer?: boolean;
+
+		pitch?: number;
+
+		/** If true, enable the "scroll to zoom" interaction */
+		scrollZoom?: boolean;
+
+		/** stylesheet location */
+		style?: mapboxgl.Style | string;
+
+		/** If  true, the map will automatically resize when the browser window resizes */
+		trackResize?: boolean;
+
+		/** If true, enable the "pinch to rotate and zoom" interaction (see TouchZoomRotateHandler). */
+		touchZoomRotate?: boolean;
+
+		/** Initial zoom level */
+		zoom?: number;
+	}
+
+	/**
+	 * BoxZoomHandler
+	 */
+	export class BoxZoomHandler {
+		constructor(map: mapboxgl.Map);
+
+		isEnabled(): boolean;
+
+		isActive(): boolean;
+
+		enable(): void;
+
+		disable(): void;
+	}
+
+	/**
+	 * ScrollZoomHandler
+	 */
+	export class ScrollZoomHandler {
+		constructor(map: mapboxgl.Map);
+
+		isEnabled(): boolean;
+
+		enable(): void;
+
+		disable(): void;
+	}
+
+	/**
+	 * DragPenHandler
+	 */
+	export class DragPanHandler {
+		constructor(map: mapboxgl.Map);
+
+		isEnabled(): boolean;
+
+		isActive(): boolean;
+
+		enable(): void;
+
+		disable(): void;
+	}
+
+	/**
+	 * DragRotateHandler
+	 */
+	export class DragRotateHandler {
+		constructor(map: mapboxgl.Map, options?: {bearingSnap?: number, pitchWithRotate?: boolean});
+
+		isEnabled(): boolean;
+
+		isActive(): boolean;
+
+		enable(): void;
+
+		disable(): void;
+	}
+
+	/**
+	 * KeyboardHandler
+	 */
+	export class KeyboardHandler {
+		constructor(map: mapboxgl.Map);
+
+		isEnabled(): boolean;
+
+		enable(): void;
+
+		disable(): void;
+	}
+
+	/**
+	 * DoubleClickZoomHandler
+	 */
+	export class DoubleClickZoomHandler {
+		constructor(map: mapboxgl.Map);
+
+		isEnabled(): boolean;
+
+		enable(): void;
+
+		disable(): void;
+	}
+
+	/**
+	 * TouchZoomRotateHandler
+	 */
+	export class TouchZoomRotateHandler {
+		constructor(map: mapboxgl.Map);
+
+		isEnabled(): boolean;
+
+		enable(): void;
+
+		disable(): void;
+
+		disableRotation(): void;
+
+		enableRotation(): void;
+	}
+
+	/**
+	 * Control
+	 */
+	export class Control extends Evented {
+		addTo(map: mapboxgl.Map): this;
+
+		remove(): this;
+	}
+
+	/**
+	 * ControlOptions
+	 */
+	export interface ControlOptions {
+		position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+	}
+
+	/**
+	 * Navigation
+	 */
+	export class Navigation extends Control {
+		constructor(options?: mapboxgl.ControlOptions);
+	}
+
+	/**
+	 * Geolocate
+	 */
+	export class Geolocate extends Control {
+		constructor(options?: mapboxgl.ControlOptions);
+	}
+
+	/**
+	 * Attribution
+	 */
+	export class Attribution extends Control {
+		constructor(options?: mapboxgl.ControlOptions);
+	}
+
+	/**
+	 * Scale
+	 */
+	export class Scale extends Control {
+		constructor(options?: {position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left', maxWidth?: number, unit?: string})
+	}
+
+	/**
+	 * Popup
+	 */
+	export class Popup extends Evented {
+		constructor(options?: mapboxgl.PopupOptions);
+
+		addTo(map: mapboxgl.Map): this;
+
+		isOpen(): boolean;
+
+		remove(): this;
+
+		getLngLat(): mapboxgl.LngLat;
+
+		setLngLat(lnglat: mapboxgl.LngLat | number[]): this;
+
+		setText(text: string): this;
+
+		setHTML(html: string): this;
+
+		setDOMContent(htmlNode: Node): this;
+	}
+
+	export interface PopupOptions {
+		closeButton?: boolean;
+
+		closeOnClick?: boolean;
+
+		anchor?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+
+		offset?: number | Point | number[] | { [key:string]: Point | number[];};
+	}
+
+	export interface Style {
+		bearing?: number;
+		center?: number[];
+		glyphs?: string;
+		layers?: Layer[];
+		metadata?: any;
+		name?: string;
+		pitch?: number;
+		sources?: any;
+		sprite?: string;
+		transition?: Transition;
+		version: number;
+		zoom?: number;
+	}
+
+	export interface Transition {
+		delay?: number;
+		duration?: number;
+	}
+
+	export interface Source {
+		type: "vector" | "raster" | "geojson" | "image" | "video";
+	}
+
+	/**
+	 * GeoJSONSource
+	 */
+
+	export interface GeoJSONSourceRaw extends Source, GeoJSONSourceOptions {
+		type: "geojson";
+	}
+
+	export class GeoJSONSource implements GeoJSONSourceRaw {
+		type: "geojson";
+
+		constructor(options?: mapboxgl.GeoJSONSourceOptions);
+
+		setData(data: GeoJSON.Feature<GeoJSON.GeometryObject> | GeoJSON.FeatureCollection<GeoJSON.GeometryObject> | String): this;
+	}
+
+	export interface GeoJSONSourceOptions {
+		data?: GeoJSON.Feature<GeoJSON.GeometryObject> | GeoJSON.FeatureCollection<GeoJSON.GeometryObject> | string;
+
+		maxzoom?: number;
+
+		buffer?: number;
+
+		tolerance?: number;
+
+		cluster?: number | boolean;
+
+		clusterRadius?: number;
+
+		clusterMaxZoom?: number;
+	}
+
+	/**
+	 * VideoSource
+	 */
+	export class VideoSource implements Source, VideoSourceOptions {
+		type: "video";
+		
+		constructor(options?: mapboxgl.VideoSourceOptions);
+
+		getVideo(): HTMLVideoElement;
+
+		setCoordinates(coordinates: number[][]): this;
+	}
+
+	export interface VideoSourceOptions {
+		urls?: string[];
+
+		coordinates?: number[][];
+	}
+
+	/**
+	 * ImageSource
+	 */
+	export class ImageSource implements Source, ImageSourceOptions {
+		type: "image";
+
+		constructor(options?: mapboxgl.ImageSourceOptions);
+
+		setCoordinates(coordinates: number[][]): this;
+	}
+
+	export interface ImageSourceOptions {
+		url?: string;
+
+		coordinates?: number[][];
+	}
+
+	interface VectorSource extends Source {
+		type: "vector";
+		url?: string;
+		tiles?: string[];
+		minzoom?: number;
+		maxzoom?: number;
+	}
+
+	interface RasterSource extends Source {
+		type: "raster";
+		url: string;
+		tiles?: string[];
+		minzoom?: number;
+		maxzoom?: number;
+		tileSize?: number;
+	}
+
+	/**
+	 * LngLat
+	 */
+	export class LngLat {
+		lng: number;
+		lat: number;
+
+		constructor(lng: number, lat: number);
+
+		/** Return a new LngLat object whose longitude is wrapped to the range (-180, 180). */
+		wrap(): mapboxgl.LngLat;
+
+		/** Return a LngLat as an array */
+		toArray(): number[];
+
+		/** Return a LngLat as a string */
+		toString(): string;
+
+		static convert(input: number[]|mapboxgl.LngLat): mapboxgl.LngLat;
+	}
+
+	/**
+	 * LngLatBounds
+	 */
+	export class LngLatBounds {
+		sw: LngLat | number[];
+		ne: LngLat | number[];
+		constructor(sw?: LngLat, ne?: LngLat);
+
+		/** Extend the bounds to include a given LngLat or LngLatBounds. */
+		extend(obj: mapboxgl.LngLat | mapboxgl.LngLatBounds): this;
+
+		/** Get the point equidistant from this box's corners */
+		getCenter(): mapboxgl.LngLat;
+
+		/** Get southwest corner */
+		getSouthWest(): mapboxgl.LngLat;
+
+		/** Get northeast corner */
+		getNorthEast(): mapboxgl.LngLat;
+
+		/** Get northwest corner */
+		getNorthWest(): mapboxgl.LngLat;
+
+		/** Get southeast corner */
+		getSouthEast(): mapboxgl.LngLat;
+
+		/** Get west edge longitude */
+		getWest(): number;
+
+		/** Get south edge latitude */
+		getSouth(): number;
+
+		/** Get east edge longitude */
+		getEast(): number;
+
+		/** Get north edge latitude */
+		getNorth(): number;
+
+		/** Returns a LngLatBounds as an array */
+		toArray(): number[][];
+
+		/** Return a LngLatBounds as a string */
+		toString(): string;
+
+		/** Convert an array to a LngLatBounds object, or return an existing LngLatBounds object unchanged. */
+		static convert(input: mapboxgl.LngLatBounds | number[] | number[][]): mapboxgl.LngLatBounds;
+	}
+
+	/**
+	 * Point
+	 */
+		// Todo: Pull out class to seperate definition for Module "point-geometry"
+	export class Point {
+		constructor(options?: Object);
+
+		clone(): Point;
+
+		add(p: number): Point;
+
+		sub(p: number): Point;
+
+		mult(k: number): Point;
+
+		div(k: number): Point;
+
+		rotate(a: number): Point;
+
+		matMult(m: number): Point;
+
+		unit(): Point;
+
+		perp(): Point;
+
+		round(): Point;
+
+		mag(): number;
+
+		equals(): boolean;
+
+		dist(): number;
+
+		distSqr(): number;
+
+		angle(): number;
+
+		angleTo(): number;
+
+		angleWidth(): number;
+
+		angleWidthSep(): number;
+	}
+
+	export class Marker {
+		constructor(element?: HTMLElement, options?: { offset?: Point | number[] });
+
+		addTo(map: Map): this;
+
+		remove(): this;
+
+		getLngLat(): LngLat;
+
+		setLngLat(lngLat: LngLat | number[]): this;
+
+		setPopup(popup?: Popup): this;
+
+		getPopup(): Popup;
+
+		togglePopup(): this;
+	}
+
+	/**
+	 * Evented
+	 */
+	export class Evented {
+		on(type: string, listener: Function): this;
+
+		off(type?: string | any, listener?: Function): this;
+
+		once(type: string, listener: Function): this;
+
+		fire(type: string, data?: mapboxgl.EventData | Object): this;
+
+		listens(type: string): boolean;
+	}
+
+	/**
+	 * StyleOptions
+	 */
+	export interface StyleOptions {
+		transition?: boolean;
+	}
+
+	/**
+	 * EventData
+	 */
+	export class EventData {
+		type: string;
+		target: Map;
+		originalEvent: Event;
+		point: mapboxgl.Point;
+		lngLat: mapboxgl.LngLat;
+	}
+
+	export class MapMouseEvent {
+		type: string;
+		target: Map;
+		originalEvent: MouseEvent;
+		point: mapboxgl.Point;
+		lngLat: mapboxgl.LngLat;
+	}
+
+	export class MapTouchEvent {
+		type: string;
+		target: Map;
+		originalEvent: TouchEvent;
+		point: mapboxgl.Point;
+		lngLat: mapboxgl.LngLat;
+		points: Point[];
+		lngLats: LngLat[];
+	}
+
+	export class MapBoxZoomEvent {
+		originalEvent: MouseEvent;
+		boxZoomBounds: LngLatBounds;
+	}
+
+	/**
+	 * AnimationOptions
+	 */
+	export interface AnimationOptions {
+		/** Number in milliseconds */
+		duration?: number;
+		easing?: Function;
+		/** point, origin of movement relative to map center */
+		offset?: Point | number[];
+		/** When set to false, no animation happens */
+		animate?: boolean;
+	}
+
+	/**
+	 * CameraOptions
+	 */
+	export interface CameraOptions {
+		/** Map center */
+		center?: mapboxgl.LngLat | number[];
+		/** Map zoom level */
+		zoom?: number;
+		/** Map rotation bearing in degrees counter-clockwise from north */
+		bearing?: number;
+		/** Map angle in degrees at which the camera is looking at the ground */
+		pitch?: number;
+		/** If zooming, the zoom center (defaults to map center) */
+		around?: mapboxgl.LngLat | number[];
+	}
+
+	/**
+	 * FlyToOptions
+	 */
+	export interface FlyToOptions extends AnimationOptions, CameraOptions {
+		curve?: number;
+		minZoom?: number;
+		speed?: number;
+		screenSpeed?: number;
+		easing?: Function;
+	}
+
+	/**
+	 * MapEvent
+	 */
+	export interface MapEvent {
+		webglcontextlost?: {originalEvent: WebGLContextEvent};
+		webglcontextrestored?: {originalEvent: WebGLContextEvent};
+		render?: void;
+		contextmenu?: {data: mapboxgl.MapMouseEvent};
+		dblclick?: {data: mapboxgl.MapMouseEvent};
+		click?: {data: mapboxgl.MapMouseEvent};
+		touchcancel?: {data: mapboxgl.MapTouchEvent};
+		touchmove?: {data: mapboxgl.MapTouchEvent};
+		touchend?: {data: mapboxgl.MapTouchEvent};
+		touchstart?: {data: mapboxgl.MapTouchEvent};
+		mousemove?: {data: mapboxgl.MapMouseEvent};
+		mouseup?: {data: mapboxgl.MapMouseEvent};
+		mousedown?: {data: mapboxgl.MapMouseEvent};
+		moveend?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
+		move?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
+		movestart?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
+		mouseout?:{data: mapboxgl.MapMouseEvent};
+		load?: void;
+		zoomend?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
+		zoom?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
+		zoomstart?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
+		boxzoomcancel?: {data: mapboxgl.MapBoxZoomEvent};
+		boxzoomstart?: {data: mapboxgl.MapBoxZoomEvent};
+		boxzoomend?: {data: mapboxgl.MapBoxZoomEvent};
+		rotate?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
+		rotatestart?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
+		rotateend?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
+		drag?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
+		dragend?: {data: mapboxgl.MapMouseEvent | mapboxgl.MapTouchEvent};
+		pitch?: {data: mapboxgl.EventData};
+	}
+
+	export interface Layer {
+		id: string;
+		type?: "fill" | "line" | "symbol" | "circle" | "raster" | "background" | string; //TODO: Ideally we wouldn't accept string here, just these specific strings
+
+		metadata?: any;
+		ref?: string;
+
+		source?: string;
+
+		"source-layer"?: string;
+
+		minzoom?: number;
+		maxzoom?: number;
+
+		interactive?: boolean;
+
+		filter?: any[];
+		layout?: BackgroundLayout | FillLayout | LineLayout | SymbolLayout | RasterLayout | CircleLayout;
+		paint?: BackgroundPaint | FillPaint | LinePaint | SymbolPaint | RasterPaint | CirclePaint;
+	}
+
+	export interface StyleFunction {
+		stops: any[][];
+		property?: string;
+		base?: number;
+		type?: "continuous" | "interval" | "categorical";
+	}
+
+	export interface BackgroundLayout {
+		visibility?: "visible" | "none";
+	}
+	export interface BackgroundPaint {
+		"background-color"?: string;
+		"background-pattern"?: string;
+		"background-opacity"?: number;
+	}
+
+	export interface FillLayout {
+		visibility?: "visible" | "none";
+	}
+	export interface FillPaint {
+		"fill-antialias"?: boolean;
+		"fill-opacity"?: number | StyleFunction;
+		"fill-color"?: string | StyleFunction;
+		"fill-outline-color": string | StyleFunction;
+		"fill-translate"?: number[];
+		"fill-translate-anchor"?: "map" | "viewport";
+		"fill-pattern"?: "string";
+	}
+
+	export interface LineLayout {
+		visibility?: "visible" | "none";
+
+		"line-cap"?: "butt" | "round" | "square";
+		"line-join"?: "bevel" | "round" | "miter";
+		"line-miter-limit"?: number;
+		"line-round-limit"?: number;
+	}
+	export interface LinePaint {
+		"line-opacity"?: number;
+		"line-color"?: string| StyleFunction;
+		"line-translate"?: number[];
+		"line-translate-anchor"?: "map" | "viewport";
+		"line-width"?: number;
+		"line-gap-width"?: number;
+		"line-offset"?: number;
+		"line-blur"?: number;
+		"line-dasharray"?: number[];
+		"line-dasharray-transition"?: Transition;
+		"line-pattern"?: string;
+	}
+
+	export interface SymbolLayout {
+		visibility?: "visible" | "none";
+
+		"symbol-placement"?: "point" | "line";
+		"symbol-spacing"?: number;
+		"symbol-avoid-edges"?: boolean;
+		"icon-allow-overlap"?: boolean;
+		"icon-ignore-placement"?: boolean;
+		"icon-optional"?: boolean;
+		"icon-rotation-alignment"?: "map" | "viewport" | "auto";
+		"icon-size"?: number;
+		"icon-text-fit"?: "none" | "both" | "width" | "height";
+		"icon-text-fit-padding"?: number[];
+		"icon-image"?: string;
+		"icon-rotate"?: number | StyleFunction;
+		"icon-padding"?: number;
+		"icon-keep-upright"?: boolean;
+		"icon-offset"?: number[];
+		"text-pitch-alignment"?: "map" | "viewport" | "auto";
+		"text-rotation-alignment"?: "map" | "viewport" | "auto";
+		"text-field"?: string;
+		"text-font"?: string | string[];
+		"text-size"?: number;
+		"text-max-width"?: number;
+		"text-line-height"?: number;
+		"text-letter-spacing"?: number;
+		"text-justify"?: "left" | "center" | "right";
+		"text-anchor"?: "center" | "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+		"text-max-angle"?: number;
+		"text-rotate"?: number;
+		"text-padding"?: number;
+		"text-keep-upright"?: boolean;
+		"text-transform"?: "none" | "uppercase" | "lowercase";
+		"text-offset"?: number[];
+		"text-allow-overlap"?: boolean;
+		"text-ignore-placement"?: boolean;
+		"text-optional"?: boolean;
+
+	}
+	export interface SymbolPaint {
+		"icon-opacity"?: number;
+		"icon-color"?: string;
+		"icon-halo-color"?: string;
+		"icon-halo-width"?: number;
+		"icon-halo-blur"?: number;
+		"icon-translate"?: number[];
+		"icon-translate-anchor"?: "map" | "viewport";
+		"text-opacity"?: number;
+		"text-color"?: "string";
+		"text-halo-color"?: "string";
+		"text-halo-width"?: number;
+		"text-halo-blur"?: number;
+		"text-translate"?: number[];
+		"text-translate-anchor"?: "map" | "viewport";
+	}
+
+	export interface RasterLayout {
+		visibility?: "visible" | "none";
+	}
+
+	export interface RasterPaint {
+		"raster-opacity"?: number;
+		"raster-hue-rotate"?: number;
+		"raster-brightness-min"?: number;
+		"raster-brightness-max"?: number;
+		"raster-saturation"?: number;
+		"raster-contrast"?: number;
+		"raster-fade-duration"?: number;
+	}
+
+	export interface CircleLayout {
+		visibility?: "visible" | "none";
+	}
+
+	export interface CirclePaint {
+		"circle-radius"?: number | StyleFunction;
+		"circle-radius-transition"?: Transition;
+		"circle-color"?: number | StyleFunction;
+		"circle-blur"?: number | StyleFunction;
+		"circle-opacity"?: number | StyleFunction;
+		"circle-translate"?: number[];
+		"circle-translate-anchor"?: "map" | "viewport";
+		"circle-pitch-scale"?: "map" | "viewport";
+	}
+}
+
+declare module 'mapbox-gl' {
+	export = mapboxgl;
+}
diff --git a/mapbox-gl/mapbox-gl.d.ts b/mapbox-gl/mapbox-gl.d.ts
index 2ee8d30949..ddb6344cbd 100644
--- a/mapbox-gl/mapbox-gl.d.ts
+++ b/mapbox-gl/mapbox-gl.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Mapbox GL JS v0.24.0
+// Type definitions for Mapbox GL JS v0.26.0
 // Project: https://github.com/mapbox/mapbox-gl-js
 // Definitions by: Dominik Bruderer <https://github.com/dobrud>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -343,28 +343,28 @@ declare namespace mapboxgl {
 	/**
 	 * Navigation
 	 */
-	export class Navigation extends Control {
+	export class NavigationControl extends Control {
 		constructor(options?: mapboxgl.ControlOptions);
 	}
 
 	/**
 	 * Geolocate
 	 */
-	export class Geolocate extends Control {
+	export class GeolocateControl extends Control {
 		constructor(options?: mapboxgl.ControlOptions);
 	}
 
 	/**
 	 * Attribution
 	 */
-	export class Attribution extends Control {
+	export class AttributionControl extends Control {
 		constructor(options?: mapboxgl.ControlOptions);
 	}
 
 	/**
 	 * Scale
 	 */
-	export class Scale extends Control {
+	export class ScaleControl extends Control {
 		constructor(options?: {position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left', maxWidth?: number, unit?: string})
 	}
 
@@ -697,6 +697,11 @@ declare namespace mapboxgl {
 		boxZoomBounds: LngLatBounds;
 	}
 
+	export class MapDataEvent {
+		type: string;
+		dataType: "source" | "style" | "tile";
+	}
+
 	/**
 	 * AnimationOptions
 	 */
@@ -741,8 +746,12 @@ declare namespace mapboxgl {
 	 * MapEvent
 	 */
 	export interface MapEvent {
+		resize?: void;
 		webglcontextlost?: {originalEvent: WebGLContextEvent};
 		webglcontextrestored?: {originalEvent: WebGLContextEvent};
+		remove?: void;
+		dataloading?: {data: mapboxgl.MapDataEvent};
+		data?: {data: mapboxgl.MapDataEvent};
 		render?: void;
 		contextmenu?: {data: mapboxgl.MapMouseEvent};
 		dblclick?: {data: mapboxgl.MapMouseEvent};
@@ -798,7 +807,8 @@ declare namespace mapboxgl {
 		stops: any[][];
 		property?: string;
 		base?: number;
-		type?: "continuous" | "interval" | "categorical";
+		type?: "identity" | "exponential" | "interval" | "categorical";
+		"colorSpace"?: "rgb" | "lab" | "interval";
 	}
 
 	export interface BackgroundLayout {
@@ -821,6 +831,8 @@ declare namespace mapboxgl {
 		"fill-translate"?: number[];
 		"fill-translate-anchor"?: "map" | "viewport";
 		"fill-pattern"?: "string";
+		"fill-extrude-height"?: number;
+		"fill-extrude-base"?: number;
 	}
 
 	export interface LineLayout {

From 8557bb8cbeabf189d982fa04b9ee719e49d99c13 Mon Sep 17 00:00:00 2001
From: Dave Alden <dpa99c@gmail.com>
Date: Tue, 25 Oct 2016 14:14:33 +0100
Subject: [PATCH 258/313] Add definitions and tests for
 cordova.plugins.diagnostic (#12139)

---
 .../cordova.plugins.diagnostic-tests.ts       | 510 +++++++++++++
 .../cordova.plugins.diagnostic.d.ts           | 693 ++++++++++++++++++
 2 files changed, 1203 insertions(+)
 create mode 100644 cordova.plugins.diagnostic/cordova.plugins.diagnostic-tests.ts
 create mode 100644 cordova.plugins.diagnostic/cordova.plugins.diagnostic.d.ts

diff --git a/cordova.plugins.diagnostic/cordova.plugins.diagnostic-tests.ts b/cordova.plugins.diagnostic/cordova.plugins.diagnostic-tests.ts
new file mode 100644
index 0000000000..e95c973171
--- /dev/null
+++ b/cordova.plugins.diagnostic/cordova.plugins.diagnostic-tests.ts
@@ -0,0 +1,510 @@
+/// <reference path='../cordova/cordova.d.ts'  />
+/// <reference path="cordova.plugins.diagnostic.d.ts" />
+
+
+cordova.plugins.diagnostic.isLocationAvailable(function(available){
+    console.log("Location is " + (available ? "available" : "not available"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.isWifiAvailable(function(available){
+    console.log("WiFi is " + (available ? "available" : "not available"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.isCameraAvailable(function(available){
+    console.log("Camera is " + (available ? "available" : "not available"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.isBluetoothAvailable(function(available){
+    console.log("Bluetooth is " + (available ? "available" : "not available"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.switchToLocationSettings();
+cordova.plugins.diagnostic.switchToMobileDataSettings();
+cordova.plugins.diagnostic.switchToBluetoothSettings();
+cordova.plugins.diagnostic.switchToWifiSettings();
+
+cordova.plugins.diagnostic.isWifiEnabled(function(enabled){
+    console.log("WiFi is " + (enabled ? "enabled" : "disabled"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.setWifiState(function(){
+        console.log("Wifi was enabled");
+    }, function(error){
+        console.error("The following error occurred: "+error);
+    }, true
+);
+
+cordova.plugins.diagnostic.setBluetoothState(function(){
+        console.log("Bluetooth was enabled");
+    }, function(error){
+        console.error("The following error occurred: "+error);
+    }, true
+);
+
+cordova.plugins.diagnostic.isLocationEnabled(function(enabled){
+    console.log("Location setting is " + (enabled ? "enabled" : "disabled"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.isLocationAuthorized(function(enabled){
+    console.log("Location authorization is " + (enabled ? "enabled" : "disabled"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.getLocationAuthorizationStatus(function(status){
+    switch(status){
+        case cordova.plugins.diagnostic.permissionStatus.NOT_REQUESTED:
+            console.log("Permission not requested");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.DENIED:
+            console.log("Permission denied");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.GRANTED:
+            console.log("Permission granted always");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.GRANTED_WHEN_IN_USE:
+            console.log("Permission granted only when in use");
+            break;
+    }
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.requestLocationAuthorization(function(status){
+    switch(status){
+        case cordova.plugins.diagnostic.permissionStatus.NOT_REQUESTED:
+            console.log("Permission not requested");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.DENIED:
+            console.log("Permission denied");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.GRANTED:
+            console.log("Permission granted always");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.GRANTED_WHEN_IN_USE:
+            console.log("Permission granted only when in use");
+            break;
+    }
+}, function(error){
+    console.error(error);
+}, cordova.plugins.diagnostic.locationAuthorizationMode.ALWAYS);
+
+cordova.plugins.diagnostic.isCameraPresent(function(present){
+    console.log("Camera is " + (present ? "present" : "absent"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.isCameraAuthorized(function(authorized){
+    console.log("App is " + (authorized ? "authorized" : "denied") + " access to the camera");
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.getCameraAuthorizationStatus(function(status){
+    if(status === cordova.plugins.diagnostic.permissionStatus.GRANTED){
+        console.log("Camera use is authorized");
+    }
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.requestCameraAuthorization(function(status){
+    console.log("Authorization request for camera use was " + (status == cordova.plugins.diagnostic.permissionStatus.GRANTED ? "granted" : "denied"));
+}, function(error){
+    console.error(error);
+});
+
+cordova.plugins.diagnostic.isMicrophoneAuthorized(function(authorized){
+    console.log("App is " + (authorized ? "authorized" : "denied") + " access to the microphone");
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.getMicrophoneAuthorizationStatus(function(status){
+    if(status === cordova.plugins.diagnostic.permissionStatus.GRANTED){
+        console.log("Microphone use is authorized");
+    }
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.requestMicrophoneAuthorization(function(status){
+    if(status === cordova.plugins.diagnostic.permissionStatus.GRANTED){
+        console.log("Microphone use is authorized");
+    }
+}, function(error){
+    console.error(error);
+});
+
+cordova.plugins.diagnostic.isContactsAuthorized(function(authorized){
+    console.log("App is " + (authorized ? "authorized" : "denied") + " access to contacts");
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.getContactsAuthorizationStatus(function(status){
+    if(status === cordova.plugins.diagnostic.permissionStatus.GRANTED){
+        console.log("Contacts use is authorized");
+    }
+}, function(error){
+    console.error(error);
+});
+
+cordova.plugins.diagnostic.requestContactsAuthorization(function(status){
+    if(status === cordova.plugins.diagnostic.permissionStatus.GRANTED){
+        console.log("Contacts use is authorized");
+    }
+}, function(error){
+    console.error(error);
+});
+
+cordova.plugins.diagnostic.isCalendarAuthorized(function(authorized){
+    console.log("App is " + (authorized ? "authorized" : "denied") + " access to calendar");
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.getCalendarAuthorizationStatus(function(status){
+    if(status === cordova.plugins.diagnostic.permissionStatus.GRANTED){
+        console.log("Calendar use is authorized");
+    }
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.requestCalendarAuthorization(function(status){
+    if(status === cordova.plugins.diagnostic.permissionStatus.GRANTED){
+        console.log("Calendar use is authorized");
+    }
+}, function(error){
+    console.error(error);
+});
+
+cordova.plugins.diagnostic.switchToSettings(function(){
+    console.log("Successfully switched to Settings app");
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.getBluetoothState(function(state){
+    if(state === cordova.plugins.diagnostic.bluetoothState.POWERED_ON){
+        console.log("Bluetooth is able to connect");
+    }
+}, function(error){
+    console.error(error);
+});
+
+cordova.plugins.diagnostic.registerBluetoothStateChangeHandler(function(state){
+    if(state === cordova.plugins.diagnostic.bluetoothState.POWERED_ON){
+        console.log("Bluetooth is able to connect");
+    }
+});
+
+cordova.plugins.diagnostic.registerLocationStateChangeHandler(function(state){
+    if((device.platform === "Android" && state !== cordova.plugins.diagnostic.locationMode.LOCATION_OFF)
+        || (device.platform === "iOS") && ( state === cordova.plugins.diagnostic.permissionStatus.GRANTED
+            || state === cordova.plugins.diagnostic.permissionStatus.GRANTED_WHEN_IN_USE
+        )){
+        console.log("Location is available");
+    }
+});
+
+cordova.plugins.diagnostic.getLocationMode(function(locationMode){
+    switch(locationMode){
+        case cordova.plugins.diagnostic.locationMode.HIGH_ACCURACY:
+            console.log("High accuracy");
+            break;
+        case cordova.plugins.diagnostic.locationMode.BATTERY_SAVING:
+            console.log("Battery saving");
+            break;
+        case cordova.plugins.diagnostic.locationMode.DEVICE_ONLY:
+            console.log("Device only");
+            break;
+        case cordova.plugins.diagnostic.locationMode.LOCATION_OFF:
+            console.log("Location off");
+            break;
+    }
+},function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.isGpsLocationAvailable(function(available){
+    console.log("GPS location is " + (available ? "available" : "not available"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.isGpsLocationEnabled(function(enabled){
+    console.log("GPS location is " + (enabled ? "enabled" : "disabled"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.isNetworkLocationAvailable(function(available){
+    console.log("Network location is " + (available ? "available" : "not available"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.isNetworkLocationEnabled(function(enabled){
+    console.log("Network location is " + (enabled ? "enabled" : "disabled"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.getLocationMode(function(locationMode){
+    switch(locationMode){
+        case cordova.plugins.diagnostic.locationMode.HIGH_ACCURACY:
+            console.log("High accuracy");
+            break;
+        case cordova.plugins.diagnostic.locationMode.BATTERY_SAVING:
+            console.log("Battery saving");
+            break;
+        case cordova.plugins.diagnostic.locationMode.DEVICE_ONLY:
+            console.log("Device only");
+            break;
+        case cordova.plugins.diagnostic.locationMode.LOCATION_OFF:
+            console.log("Location off");
+            break;
+    }
+},function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.getPermissionAuthorizationStatus(function(status){
+    switch(status){
+        case cordova.plugins.diagnostic.permissionStatus.GRANTED:
+            console.log("Permission granted to use the camera");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.NOT_REQUESTED:
+            console.log("Permission to use the camera has not been requested yet");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.DENIED:
+            console.log("Permission denied to use the camera - ask again?");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.DENIED_ALWAYS:
+            console.log("Permission permanently denied to use the camera - guess we won't be using it then!");
+            break;
+    }
+}, function(error){
+    console.error("The following error occurred: "+error);
+}, cordova.plugins.diagnostic.permission.CAMERA);
+
+cordova.plugins.diagnostic.getPermissionsAuthorizationStatus(function(statuses){
+    for (var permission in statuses){
+        switch(statuses[permission]){
+            case cordova.plugins.diagnostic.permissionStatus.GRANTED:
+                console.log("Permission granted to use "+permission);
+                break;
+            case cordova.plugins.diagnostic.permissionStatus.NOT_REQUESTED:
+                console.log("Permission to use "+permission+" has not been requested yet");
+                break;
+            case cordova.plugins.diagnostic.permissionStatus.DENIED:
+                console.log("Permission denied to use "+permission+" - ask again?");
+                break;
+            case cordova.plugins.diagnostic.permissionStatus.DENIED_ALWAYS:
+                console.log("Permission permanently denied to use "+permission+" - guess we won't be using it then!");
+                break;
+        }
+    }
+}, function(error){
+    console.error("The following error occurred: "+error);
+},[
+    cordova.plugins.diagnostic.permission.ACCESS_FINE_LOCATION,
+    cordova.plugins.diagnostic.permission.ACCESS_COARSE_LOCATION
+]);
+
+cordova.plugins.diagnostic.requestRuntimePermission(function(status){
+    switch(status){
+        case cordova.plugins.diagnostic.permissionStatus.GRANTED:
+            console.log("Permission granted to use the camera");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.NOT_REQUESTED:
+            console.log("Permission to use the camera has not been requested yet");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.DENIED:
+            console.log("Permission denied to use the camera - ask again?");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.DENIED_ALWAYS:
+            console.log("Permission permanently denied to use the camera - guess we won't be using it then!");
+            break;
+    }
+}, function(error){
+    console.error("The following error occurred: "+error);
+}, cordova.plugins.diagnostic.permission.CAMERA);
+
+cordova.plugins.diagnostic.requestRuntimePermissions(function(statuses){
+    for (var permission in statuses){
+        switch(statuses[permission]){
+            case cordova.plugins.diagnostic.permissionStatus.GRANTED:
+                console.log("Permission granted to use "+permission);
+                break;
+            case cordova.plugins.diagnostic.permissionStatus.NOT_REQUESTED:
+                console.log("Permission to use "+permission+" has not been requested yet");
+                break;
+            case cordova.plugins.diagnostic.permissionStatus.DENIED:
+                console.log("Permission denied to use "+permission+" - ask again?");
+                break;
+            case cordova.plugins.diagnostic.permissionStatus.DENIED_ALWAYS:
+                console.log("Permission permanently denied to use "+permission+" - guess we won't be using it then!");
+                break;
+        }
+    }
+}, function(error){
+    console.error("The following error occurred: "+error);
+},[
+    cordova.plugins.diagnostic.permission.ACCESS_FINE_LOCATION,
+    cordova.plugins.diagnostic.permission.ACCESS_COARSE_LOCATION
+]);
+
+if(!cordova.plugins.diagnostic.isRequestingPermission()){
+    console.log("Request some permissions");
+}else{
+    cordova.plugins.diagnostic.registerPermissionRequestCompleteHandler(function(statuses){
+        cordova.plugins.diagnostic.registerPermissionRequestCompleteHandler(null); // de-register handler after single call
+        console.log("Request some permissions");
+    });
+}
+
+function onPermissionRequestComplete(statuses:any){
+    console.info("Permission request complete");
+    for (var permission in statuses){
+        switch(statuses[permission]){
+            case cordova.plugins.diagnostic.permissionStatus.GRANTED:
+                console.log("Permission granted to use "+permission);
+                break;
+            case cordova.plugins.diagnostic.permissionStatus.NOT_REQUESTED:
+                console.log("Permission to use "+permission+" has not been requested yet");
+                break;
+            case cordova.plugins.diagnostic.permissionStatus.DENIED:
+                console.log("Permission denied to use "+permission);
+                break;
+            case cordova.plugins.diagnostic.permissionStatus.DENIED_ALWAYS:
+                console.log("Permission permanently denied to use "+permission);
+                break;
+        }
+    }
+    cordova.plugins.diagnostic.registerPermissionRequestCompleteHandler(null); // de-register handler
+}
+cordova.plugins.diagnostic.registerPermissionRequestCompleteHandler(onPermissionRequestComplete)
+
+cordova.plugins.diagnostic.isBluetoothEnabled(function(enabled){
+    console.log("Bluetooth is " + (enabled ? "enabled" : "disabled"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.hasBluetoothSupport(function(supported){
+    console.log("Bluetooth is " + (supported ? "supported" : "unsupported"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.hasBluetoothLESupport(function(supported){
+    console.log("Bluetooth LE is " + (supported ? "supported" : "unsupported"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.hasBluetoothLEPeripheralSupport(function(supported){
+    console.log("Bluetooth LE Peripheral Mode is " + (supported ? "supported" : "unsupported"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.isCameraRollAuthorized(function(authorized){
+    console.log("App is " + (authorized ? "authorized" : "denied") + " access to the camera roll");
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.getCameraRollAuthorizationStatus(function(status){
+    switch(status){
+        case cordova.plugins.diagnostic.permissionStatus.NOT_REQUESTED:
+            console.log("Permission not requested");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.DENIED:
+            console.log("Permission denied");
+            break;
+        case cordova.plugins.diagnostic.permissionStatus.GRANTED:
+            console.log("Permission granted");
+            break;
+    }
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.requestCameraRollAuthorization(function(status){
+    console.log("Authorization request for camera roll was " + (status == cordova.plugins.diagnostic.permissionStatus.GRANTED ? "granted" : "denied"));
+}, function(error){
+    console.error(error);
+});
+
+cordova.plugins.diagnostic.isRemoteNotificationsEnabled(function(enabled){
+    console.log("Remote notifications are " + (enabled ? "enabled" : "disabled"));
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.isRegisteredForRemoteNotifications(function(registered){
+    console.log("Device " + (registered ? "is" : "isn't") + " registered for remote notifications");
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.getRemoteNotificationTypes(function(types){
+    for(var type in types){
+        console.log(type + " is " + (types[type] ? "enabled" : "disabled"));
+    }
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.isRemindersAuthorized(function(authorized){
+    console.log("App is " + (authorized ? "authorized" : "denied") + " access to reminders");
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.getRemindersAuthorizationStatus(function(status){
+    if(status === cordova.plugins.diagnostic.permissionStatus.GRANTED){
+        console.log("Reminders authorization allowed");
+    }
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.requestRemindersAuthorization(function(status){
+    if(status === cordova.plugins.diagnostic.permissionStatus.GRANTED){
+        console.log("Reminders authorization allowed");
+    }
+}, function(error){
+    console.error(error);
+});
+
+cordova.plugins.diagnostic.isBackgroundRefreshAuthorized(function(authorized){
+    console.log("App is " + (authorized ? "authorized" : "not authorized") + " to perform background refresh");
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
+
+cordova.plugins.diagnostic.getBackgroundRefreshStatus(function(status){
+    if(status === cordova.plugins.diagnostic.permissionStatus.GRANTED){
+        console.log("Background refresh is allowed");
+    }
+}, function(error){
+    console.error("The following error occurred: "+error);
+});
\ No newline at end of file
diff --git a/cordova.plugins.diagnostic/cordova.plugins.diagnostic.d.ts b/cordova.plugins.diagnostic/cordova.plugins.diagnostic.d.ts
new file mode 100644
index 0000000000..0fcca3b1ca
--- /dev/null
+++ b/cordova.plugins.diagnostic/cordova.plugins.diagnostic.d.ts
@@ -0,0 +1,693 @@
+// Type definitions for cordova.plugins.diagnostic v3.2.2
+// Project: https://github.com/dpa99c/cordova-diagnostic-plugin
+// Definitions by: Dave Alden <https://github.com/dpa99c/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+
+/**
+ * Checks whether device hardware features are enabled or available to the app, e.g. camera, GPS, wifi
+ */
+interface Diagnostic {
+
+    /**
+     * ANDROID ONLY
+     * "Dangerous" permissions that need to be requested at run-time (Android 6.0/API 23 and above)
+     * See http://developer.android.com/guide/topics/security/permissions.html#perm-groups
+     * @type {Object}
+     */
+    permission?: any;
+
+    /**
+     * ANDROID ONLY
+     * Permission groups indicate which associated permissions will also be requested if a given permission is requested.
+     * See http://developer.android.com/guide/topics/security/permissions.html#perm-groups
+     * @type {Object}
+     */
+    permissionGroups?: any;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Constants for requesting and reporting the various permission states.
+     * @type {Object}
+     */
+    permissionStatus?: any;
+
+    /**
+     * iOS ONLY
+     * Location authorization mode
+     * @type {Object}
+     */
+    locationAuthorizationMode?: any;
+
+
+    /**
+     * ANDROID ONLY
+     * Constants for the various location modes on Android.
+     * @type {Object}
+     */
+    locationMode?: any;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Constants for the various Bluetooth hardware states.
+     * @type {Object}
+     */
+    bluetoothState?: any;
+
+
+    /**
+     * Checks if app is able to access device location.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isLocationAvailable: (
+        successCallback: (available: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * Checks if Wifi is available.
+     * On iOS this returns true if the device is connected to a network by WiFi.
+     * On Android and Windows 10 Mobile this returns true if the WiFi setting is set to enabled, and is the same as isWifiEnabled()
+     * @param successCallback
+     * @param errorCallback
+     */
+    isWifiAvailable: (
+        successCallback: (available: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * Checks if camera is available.
+     * On Android & iOS this returns true if the device has a camera AND the application is authorized to use it.
+     * On Windows 10 Mobile this returns true if the device has a rear-facing camera.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isCameraAvailable: (
+        successCallback: (available: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * Checks if Bluetooth is available to the app.
+     * Returns true if the device has Bluetooth capabilities AND if Bluetooth setting is switched on (same on Android, iOS and Windows 10 Mobile)
+     * @param successCallback
+     * @param errorCallback
+     */
+    isBluetoothAvailable: (
+        successCallback: (available: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and WINDOWS ONLY
+     * Displays the device location settings to allow user to enable location services/change location mode.
+     */
+    switchToLocationSettings?: () => void;
+
+    /**
+     * ANDROID and WINDOWS ONLY
+     * Displays mobile settings to allow user to enable mobile data.
+     */
+    switchToMobileDataSettings?: () => void;
+
+    /**
+     * ANDROID and WINDOWS ONLY
+     * Displays Bluetooth settings to allow user to enable Bluetooth.
+     */
+    switchToBluetoothSettings?: () => void;
+
+    /**
+     * ANDROID and WINDOWS ONLY
+     * Displays WiFi settings to allow user to enable WiFi.
+     */
+    switchToWifiSettings?: () => void;
+
+    /**
+     * ANDROID and WINDOWS ONLY
+     * Returns true if the WiFi setting is set to enabled, and is the same as isWifiAvailable()
+     * @param successCallback
+     * @param errorCallback
+     */
+    isWifiEnabled?: (
+        successCallback: (enabled: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and WINDOWS ONLY
+     * Enables/disables WiFi on the device.
+     * @param successCallback
+     * @param errorCallback
+     * @param state
+     */
+    setWifiState?: (
+        successCallback: (enabled: boolean) => void,
+        errorCallback: (error: string) => void,
+        state: boolean
+    ) => void;
+
+    /**
+     * ANDROID and WINDOWS ONLY
+     * Enables/disables Bluetooth on the device.
+     * @param successCallback
+     * @param errorCallback
+     * @param state
+     */
+    setBluetoothState?: (
+        successCallback: (enabled: boolean) => void,
+        errorCallback: (error: string) => void,
+        state: boolean
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Returns true if the device setting for location is on. 
+     * On Android this returns true if Location Mode is switched on. 
+     * On iOS this returns true if Location Services is switched on.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isLocationEnabled?: (
+        successCallback: (enabled: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Checks if the application is authorized to use location.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isLocationAuthorized?: (
+        successCallback: (authorized: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Returns the location authorization status for the application.
+     * @param successCallback
+     * @param errorCallback
+     */
+    getLocationAuthorizationStatus?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Requests location authorization for the application.
+     * @param successCallback
+     * @param errorCallback
+     * @param mode - (iOS-only / optional) location authorization mode specified as a locationAuthorizationMode constant. If not specified, defaults to WHEN_IN_USE.
+     */
+    requestLocationAuthorization?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void,
+        mode?: string
+    ) => void;
+
+
+    /**
+     * ANDROID and iOS ONLY
+     * Checks if camera hardware is present on device.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isCameraPresent?: (
+        successCallback: (present: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Checks if the application is authorized to use the camera.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isCameraAuthorized?: (
+        successCallback: (authorized: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Returns the camera authorization status for the application.
+     * @param successCallback
+     * @param errorCallback
+     */
+    getCameraAuthorizationStatus?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Requests camera authorization for the application.
+     * @param successCallback
+     * @param errorCallback
+     */
+    requestCameraAuthorization?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Checks if the application is authorized to use the microphone.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isMicrophoneAuthorized?: (
+        successCallback: (authorized: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Returns the microphone authorization status for the application.
+     * @param successCallback
+     * @param errorCallback
+     */
+    getMicrophoneAuthorizationStatus?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Requests microphone authorization for the application.
+     * @param successCallback
+     * @param errorCallback
+     */
+    requestMicrophoneAuthorization?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Checks if the application is authorized to use contacts (address book).
+     * @param successCallback
+     * @param errorCallback
+     */
+    isContactsAuthorized?: (
+        successCallback: (authorized: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Returns the contacts authorization status for the application.
+     * @param successCallback
+     * @param errorCallback
+     */
+    getContactsAuthorizationStatus?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Requests contacts authorization for the application.
+     * @param successCallback
+     * @param errorCallback
+     */
+    requestContactsAuthorization?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Checks if the application is authorized to use the calendar.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isCalendarAuthorized?: (
+        successCallback: (authorized: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Returns the calendar authorization status for the application.
+     * @param successCallback
+     * @param errorCallback
+     */
+    getCalendarAuthorizationStatus?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Requests calendar authorization for the application.
+     * @param successCallback
+     * @param errorCallback
+     */
+    requestCalendarAuthorization?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Opens settings page for this app.
+     * On Android, this opens the "App Info" page in the Settings app.
+     * On iOS, this opens the app settings page in the Settings app. This works only on iOS 8+ - iOS 7 and below will invoke the errorCallback.
+     */
+    switchToSettings?: (
+        successCallback: () => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Returns the state of Bluetooth on the device.
+     * @param successCallback
+     * @param errorCallback
+     */
+    getBluetoothState?: (
+        successCallback: (state: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Registers a function to be called when a change in Bluetooth state occurs. Pass in a falsey value to de-register the currently registered function.
+     * @param successCallback
+     */
+    registerBluetoothStateChangeHandler?: (
+        successCallback: (state: string) => void
+    ) => void;
+
+    /**
+     * ANDROID and iOS ONLY
+     * Registers a function to be called when a change in Location state occurs. Pass in a falsey value to de-register the currently registered function.
+     * On Android, this occurs when the Location Mode is changed.
+     * On iOS, this occurs when location authorization status is changed. This can be triggered either by the user's response to a location permission authorization dialog, by the user turning on/off Location Services, or by the user changing the Location authorization state specifically for your app.
+     * @param successCallback
+     */
+    registerLocationStateChangeHandler?: (
+        successCallback: (state: string) => void
+    ) => void;
+
+
+    /**
+     * ANDROID ONLY
+     * Checks if high-accuracy locations are available to the app from GPS hardware.
+     * Returns true if Location mode is enabled and is set to "Device only" or "High accuracy" AND if the app is authorised to use location.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isGpsLocationAvailable?: (
+        successCallback: (available: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID ONLY
+     * Checks if the device location setting is set to return high-accuracy locations from GPS hardware.
+     * Returns true if Location mode is enabled and is set to either Device only or High accuracy
+     * @param successCallback
+     * @param errorCallback
+     */
+    isGpsLocationEnabled?: (
+        successCallback: (enabled: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID ONLY
+     * Checks if low-accuracy locations are available to the app from network triangulation/WiFi access points.
+     * Returns true if Location mode is enabled and is set to "Battery saving" or "High accuracy" AND if the app is authorised to use location.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isNetworkLocationAvailable?: (
+        successCallback: (available: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID ONLY
+     * Checks if the device location setting is set to return high-accuracy locations from GPS hardware.
+     * Returns true if Location mode is enabled and is set to either Battery saving or High accuracy
+     * @param successCallback
+     * @param errorCallback
+     */
+    isNetworkLocationEnabled?: (
+        successCallback: (enabled: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID ONLY
+     * Returns the current location mode setting for the device.
+     * @param successCallback
+     * @param errorCallback
+     */
+    getLocationMode?: (
+        successCallback: (mode: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID ONLY
+     * Returns the current authorisation status for a given permission.
+     * @param successCallback
+     * @param errorCallback
+     * @param permission
+     */
+    getPermissionAuthorizationStatus?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void,
+        permission: string
+    ) => void;
+
+    /**
+     * ANDROID ONLY
+     * Returns the current authorisation status for multiple permissions.
+     * @param successCallback
+     * @param errorCallback
+     * @param permissions
+     */
+    getPermissionsAuthorizationStatus?: (
+        successCallback: (status: string[]) => void,
+        errorCallback: (error: string) => void,
+        permissions: string[]
+    ) => void;
+
+    /**
+     * ANDROID ONLY
+     * Requests app to be granted authorisation for a runtime permission.
+     * @param successCallback
+     * @param errorCallback
+     * @param permission
+     */
+    requestRuntimePermission?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void,
+        permission: string
+    ) => void;
+
+    /**
+     * ANDROID ONLY
+     * Requests app to be granted authorisation for multiple runtime permissions.
+     * @param successCallback
+     * @param errorCallback
+     * @param permissions
+     */
+    requestRuntimePermissions?: (
+        successCallback: (status: string[]) => void,
+        errorCallback: (error: string) => void,
+        permissions: string[]
+    ) => void;
+
+    /**
+     * ANDROID ONLY
+     * Indicates if the plugin is currently requesting a runtime permission via the native API.
+     */
+    isRequestingPermission?: () => boolean;
+
+    /**
+     * ANDROID ONLY
+     * Registers a function to be called when a runtime permission request has completed. Pass in a falsey value to de-register the currently registered function.
+     * @param successCallback
+     */
+    registerPermissionRequestCompleteHandler?: (
+        successCallback: (statuses: any) => void
+    ) => void;
+
+    /**
+     * ANDROID ONLY
+     * Checks if the device setting for Bluetooth is switched on.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isBluetoothEnabled?: (
+        successCallback: (enabled: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID ONLY
+     * Checks if the device has Bluetooth capabilities.
+     * @param successCallback
+     * @param errorCallback
+     */
+    hasBluetoothSupport?: (
+        successCallback: (supported: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID ONLY
+     * Checks if the device has Bluetooth Low Energy (LE) capabilities.
+     * @param successCallback
+     * @param errorCallback
+     */
+    hasBluetoothLESupport?: (
+        successCallback: (supported: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * ANDROID ONLY
+     * Checks if the device supports Bluetooth Low Energy (LE) Peripheral mode.
+     * @param successCallback
+     * @param errorCallback
+     */
+    hasBluetoothLEPeripheralSupport?: (
+        successCallback: (supported: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * iOS ONLY
+     * Checks if the application is authorized to use the Camera Roll in Photos app.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isCameraRollAuthorized?: (
+        successCallback: (authorized: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * iOS ONLY
+     * Returns the authorization status for the application to use the Camera Roll in Photos app.
+     * @param successCallback
+     * @param errorCallback
+     */
+    getCameraRollAuthorizationStatus?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * iOS ONLY
+     * Requests camera roll authorization for the application.
+     * @param successCallback
+     * @param errorCallback
+     */
+    requestCameraRollAuthorization?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * iOS ONLY
+     * Checks if remote (push) notifications are enabled.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isRemoteNotificationsEnabled?: (
+        successCallback: (enabled: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * iOS ONLY
+     * Indicates if the app is registered for remote (push) notifications on the device.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isRegisteredForRemoteNotifications?: (
+        successCallback: (registered: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * iOS ONLY
+     * Indicates the current setting of notification types for the app in the Settings app.
+     * @param successCallback
+     * @param errorCallback
+     */
+    getRemoteNotificationTypes?: (
+        successCallback: (types: any) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * iOS ONLY
+     * Checks if the application is authorized to use reminders.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isRemindersAuthorized?: (
+        successCallback: (authorized: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * iOS ONLY
+     * Returns the reminders authorization status for the application.
+     * @param successCallback
+     * @param errorCallback
+     */
+    getRemindersAuthorizationStatus?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * iOS ONLY
+     * Requests reminders authorization for the application.
+     * @param successCallback
+     * @param errorCallback
+     */
+    requestRemindersAuthorization?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * iOS ONLY
+     * Checks if the application is authorized for background refresh.
+     * @param successCallback
+     * @param errorCallback
+     */
+    isBackgroundRefreshAuthorized?: (
+        successCallback: (authorized: boolean) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+
+    /**
+     * iOS ONLY
+     * Returns the background refresh authorization status for the application.
+     * @param successCallback
+     * @param errorCallback
+     */
+    getBackgroundRefreshStatus?: (
+        successCallback: (status: string) => void,
+        errorCallback: (error: string) => void
+    ) => void;
+}
+
+interface CordovaPlugins {
+    diagnostic: Diagnostic
+}
\ No newline at end of file

From 68f63a6482c1bbdc4a55fe0750f9faf1b6852c51 Mon Sep 17 00:00:00 2001
From: Gidon <gjunge@gmail.com>
Date: Tue, 25 Oct 2016 16:21:48 +0300
Subject: [PATCH 259/313] Add cordova-plugin-ble-central and jquery.rateit
 (#12127)

* Add cordova-plugin-ble-central

* Added jquery.rateit definitions
---
 .../cordova-plugin-ble-central-tests.ts       | 121 ++++++++++++++++++
 .../cordova-plugin-ble-central.d.ts           | 108 ++++++++++++++++
 jquery.rateit/jquery.rateit-tests.ts          |  48 +++++++
 jquery.rateit/jquery.rateit.d.ts              |  45 +++++++
 4 files changed, 322 insertions(+)
 create mode 100644 cordova-plugin-ble-central/cordova-plugin-ble-central-tests.ts
 create mode 100644 cordova-plugin-ble-central/cordova-plugin-ble-central.d.ts
 create mode 100644 jquery.rateit/jquery.rateit-tests.ts
 create mode 100644 jquery.rateit/jquery.rateit.d.ts

diff --git a/cordova-plugin-ble-central/cordova-plugin-ble-central-tests.ts b/cordova-plugin-ble-central/cordova-plugin-ble-central-tests.ts
new file mode 100644
index 0000000000..1fb9037604
--- /dev/null
+++ b/cordova-plugin-ble-central/cordova-plugin-ble-central-tests.ts
@@ -0,0 +1,121 @@
+/// <reference path='./cordova-plugin-ble-central.d.ts' />
+
+var log = (msg : string) => {};
+var devices: BLECentralPlugin.PeripheralData[] = [];
+var demoDevice :BLECentralPlugin.PeripheralData = {
+    "name": "Battery Demo",
+    "id": "20:FF:D0:FF:D1:C0",
+    "advertising": [2,1,6,3,3,15,24,8,9,66,97,116,116,101,114,121],
+    "rssi": -55
+};
+
+devices.push(demoDevice);
+var demoExtendedData : BLECentralPlugin.PeripheralDataExtended = {
+    "name": "Battery Demo",
+    "id": "20:FF:D0:FF:D1:C0",
+    "advertising": [2,1,6,3,3,15,24,8,9,66,97,116,116,101,114,121],
+    "rssi": -55,
+    "services": [
+        "1800",
+        "1801",
+        "180f"
+    ],
+    "characteristics": [
+        {
+            "service": "1800",
+            "characteristic": "2a00",
+            "properties": [
+                "Read"
+            ]
+        },
+        {
+            "service": "1800",
+            "characteristic": "2a01",
+            "properties": [
+                "Read"
+            ]
+        },
+        {
+            "service": "1801",
+            "characteristic": "2a05",
+            "properties": [
+                "Read"
+            ]
+        },
+        {
+            "service": "180f",
+            "characteristic": "2a19",
+            "properties": [
+                "Read"
+            ],
+            "descriptors": [
+                {
+                    "uuid": "2901"
+                },
+                {
+                    "uuid": "2904"
+                }
+            ]
+        }
+    ]
+};
+
+
+//get updates about the bluethooth states
+ble.startStateNotifications((state) => log(`BLE state ${state}`));
+
+ble.isEnabled(()=> log(`bluetooth is enabled`), ()=>log(`bluetooth is not enabled`));
+
+//here we try to enable bluetooth 
+ble.enable(() => log(`yes it worked, or it was already enabled `), () => log(`nope it didn't work, the user pressed cancel, or we are in iOS`));
+
+ble.showBluetoothSettings(() => log(`yes it worked`), () => log(`nope it didn't work`))
+
+//stop getting updates about the bluethooth states
+ble.stopStateNotifications()
+
+//scan 5 seconds
+ble.scan([], 5000, (data) => { devices.push(data); }, ()=> log('couldn\'t connect') );
+
+//scan continously
+ble.startScan([], (data) => { devices.push(data); }, ()=> log('couldn\'t connect')  )
+
+////scan continously
+ble.startScanWithOptions([], {reportDuplicates:false }, (data) => { devices.push(data); }, ()=> log('couldn\'t connect')  )
+
+//stop scanning
+ble.stopScan(()=> log('all good'), ()=> log('couldn\'t stop scanning'));
+
+//are we conenected to that device?
+ble.isConnected(demoDevice.id, () => log(`already connected to this device`), ()=> log(`not yet connected to that device`));
+
+//connect to a specific device
+var extendedData : BLECentralPlugin.PeripheralDataExtended;
+ble.connect(demoDevice.id, (data)=> extendedData = data, () => log(`couldn't connect to the device`) );
+
+//read some data from a characteristic
+var charsOfOneOfItsServices = demoExtendedData.characteristics.filter((value) => value.service == demoExtendedData.services[0]);
+ble.read(demoDevice.id, charsOfOneOfItsServices[0].service,  charsOfOneOfItsServices[0].characteristic, (data) => log(`we've received some data`), ()=> log(`couldn't read any data`));
+
+//read the rssi
+ble.readRSSI(demoDevice.id, (rssi)=>log(`Device ${demoDevice.name} has an RSSI of ${rssi}`));
+
+var notificationsReceived : number = 0;
+//get notified of changes for that characteristic
+ble.startNotification(demoDevice.id, charsOfOneOfItsServices[0].service, charsOfOneOfItsServices[0].characteristic, (data)=> notificationsReceived++, ()=> log(`darn`));
+
+//write some data
+ble.write(demoDevice.id, charsOfOneOfItsServices[0].service, charsOfOneOfItsServices[0].characteristic, new ArrayBuffer(40), ()=> log(`all good`), ()=> log(`could't write`));
+//write some data without getting notified
+ble.writeWithoutResponse(demoDevice.id, charsOfOneOfItsServices[0].service, charsOfOneOfItsServices[0].characteristic, new ArrayBuffer(40), ()=> log(`all good`), ()=> log(`could't write`));
+
+//stop getting notified of changes.
+ble.stopNotification(demoDevice.id, charsOfOneOfItsServices[0].service, charsOfOneOfItsServices[0].characteristic);
+
+//notificationsReceived == 1
+
+//just disconnect
+ble.disconnect(demoDevice.id);
+
+
+
diff --git a/cordova-plugin-ble-central/cordova-plugin-ble-central.d.ts b/cordova-plugin-ble-central/cordova-plugin-ble-central.d.ts
new file mode 100644
index 0000000000..ccf2396833
--- /dev/null
+++ b/cordova-plugin-ble-central/cordova-plugin-ble-central.d.ts
@@ -0,0 +1,108 @@
+// Type definitions for cordova-plugin-ble-central 1.1.2
+// Project: https://github.com/don/cordova-plugin-ble-central
+// Definitions by: Gidon Junge <https://github.com/gjunge>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+
+declare namespace BLECentralPlugin {
+
+  interface PeripheralCharacteristic {
+        service: string;
+        characteristic: string;
+        properties: string[];
+        descriptors?: any[];
+    }
+
+    interface PeripheralData {
+        name: string;
+        id: string;
+        rssi: number
+        advertising: ArrayBuffer|any;
+    }
+
+
+    interface PeripheralDataExtended  extends PeripheralData{
+            services: string[];
+            characteristics: PeripheralCharacteristic[]
+    }
+
+  
+
+
+    interface StartScanOptions {
+        reportDuplicates?: boolean;
+    }
+
+    export interface BLECentralPluginStatic {
+        scan(services: string[], seconds: number, success : (data: PeripheralData) => any): void;
+        scan(services: string[], seconds: number, success : (data: PeripheralData) => any, failure : () => any): void;
+        
+        startScan(services: string[], success: (data: PeripheralData) => any): void;
+        startScan(services: string[], success: (data: PeripheralData) => any, failure: () => any): void;
+
+        startScanWithOptions(services: string[], options: StartScanOptions, success: (data: PeripheralData) => any): void;
+        startScanWithOptions(services: string[], options: StartScanOptions, success: (data: PeripheralData) => any, failure: () => any): void;
+
+        stopScan(): void;
+        stopScan(success: () => any): void;
+        stopScan(success: () => any, failure: () => any): void;
+        
+        connect(device_id:string, success: (data: PeripheralDataExtended) => any, failure: () => any): void;
+
+        disconnect(device_id:string): void;
+        disconnect(device_id:string, success: () => any): void;
+        disconnect(device_id:string, success: () => any, failure: () => any): void;
+
+        read(device_id: string, service_uuid:string, characteristic_uuid:string): void;
+        read(device_id: string, service_uuid:string, characteristic_uuid:string, success: (rawData: ArrayBuffer) => any): void;
+        read(device_id: string, service_uuid:string, characteristic_uuid:string, success: (rawData: ArrayBuffer) => any, failure: () => any): void;
+
+        write(device_id: string, service_uuid:string, characteristic_uuid:string, data: ArrayBuffer): void;
+        write(device_id: string, service_uuid:string, characteristic_uuid:string, data: ArrayBuffer, success  : () => any): void;
+        write(device_id: string, service_uuid:string, characteristic_uuid:string, data: ArrayBuffer, success  : () => any, failure: () => any): void;
+
+        /* Writes data to a characteristic without a response from the peripheral. You are not notified if the write fails in the BLE stack. 
+        The success callback is be called when the characteristic is written.*/
+        writeWithoutResponse(device_id: string, service_uuid:string, characteristic_uuid:string, data: ArrayBuffer): void;
+        writeWithoutResponse(device_id: string, service_uuid:string, characteristic_uuid:string, data: ArrayBuffer, success : () => any): void;
+        writeWithoutResponse(device_id: string, service_uuid:string, characteristic_uuid:string, data: ArrayBuffer, success : () => any, failure: () => any): void;
+
+        /* Register to be notified when the value of a characteristic changes. */
+        startNotification(device_id: string, service_uuid:string, characteristic_uuid:string, success: (rawData: ArrayBuffer) => any): void;
+        startNotification(device_id: string, service_uuid:string, characteristic_uuid:string, success: (rawData: ArrayBuffer) => any, failure: () => any): void;
+        
+        stopNotification(device_id: string, service_uuid:string, characteristic_uuid:string): void;
+        stopNotification(device_id: string, service_uuid:string, characteristic_uuid:string, success: () => any): void;
+        stopNotification(device_id: string, service_uuid:string, characteristic_uuid:string, success: () => any, failure: () => any): void;
+
+        /* Reports if bluetooth is enabled. */
+        isEnabled(success: () => any , failure: () => any): void;
+
+        /* Calls the success callback when the peripheral is connected and the failure callback when not connected. */
+        isConnected(device_id: string, success: () => any): void;
+        isConnected(device_id: string, success: () => any, failure: () => any): void;
+
+        startStateNotifications(success: (state: string) => any): void;
+        startStateNotifications(success: (state: string) => any, failure: () => any): void;
+
+        stopStateNotifications(): void;
+        stopStateNotifications(success: () => any): void;
+        stopStateNotifications(success: () => any, failure: () => any): void;
+        
+        /* Opens the Bluetooth settings for the operating systems.
+           [iOS] showBluetoothSettings is not supported on iOS. */
+        showBluetoothSettings(): void;
+        showBluetoothSettings(success: () => any): void;
+        showBluetoothSettings(success: () => any, failure: () => any): void;
+        
+        /* Enable Bluetooth on the device.
+           [iOS] enable is not supported on iOS. */
+        enable(success: () => any, failure: () => any): void;
+        
+
+        readRSSI(device_id:string, success: (rssi: number) => any): void;
+        readRSSI(device_id:string, success: (rssi: number) => any, failure: () => any): void;
+    }
+}
+
+declare var ble: BLECentralPlugin.BLECentralPluginStatic;
\ No newline at end of file
diff --git a/jquery.rateit/jquery.rateit-tests.ts b/jquery.rateit/jquery.rateit-tests.ts
new file mode 100644
index 0000000000..989d5c5565
--- /dev/null
+++ b/jquery.rateit/jquery.rateit-tests.ts
@@ -0,0 +1,48 @@
+/// <reference path="jquery.rateit.d.ts"/>
+
+var rateit_simple = $('.rateit').rateit();
+
+var rateit_properties_font = $('.rateit').rateit({
+    backingfld: '#backingfield',
+    icon: '@',
+    mode: 'font',
+    ispreset: false,
+    max: 5,
+    min: 0,
+    readonly: false,
+    resetable: false,
+    step: 0.5,
+    value: 2
+});
+
+var rateit_properties_bg = $('.rateit').rateit({
+    backingfld: '#backingfield',
+    mode: 'bg',
+    ispreset: false,
+    max: 5,
+    min: 0,
+    readonly: false,
+    resetable: false,
+    step: 0.5,
+    value: 2,
+    starheight: 16,
+    starwidth: 16    
+});
+
+//getters
+var val : number = rateit_properties_bg.rateit('value');
+var min : number = rateit_properties_bg.rateit('min');
+var max : number = rateit_properties_bg.rateit('max');
+var readonly :boolean = rateit_properties_bg.rateit('readonly');
+var ispreset :boolean = rateit_properties_bg.rateit('ispreset');
+
+
+//setters
+rateit_properties_bg.rateit('value',4);
+rateit_properties_bg.rateit('min',0);
+rateit_properties_bg.rateit('max',6);
+rateit_properties_bg.rateit('readonly',true);
+rateit_properties_bg.rateit('ispreset',false);
+
+//reset it
+rateit_properties_bg.rateit('reset');
\ No newline at end of file
diff --git a/jquery.rateit/jquery.rateit.d.ts b/jquery.rateit/jquery.rateit.d.ts
new file mode 100644
index 0000000000..d5540792b5
--- /dev/null
+++ b/jquery.rateit/jquery.rateit.d.ts
@@ -0,0 +1,45 @@
+// Type definitions for jquery.rateit.js 1.1.1
+// Project: https://github.com/gjunge/rateit.js
+// Definitions by: Gidon Junge <https://github.com/gjunge>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../jquery/jquery.d.ts"/>
+type RateItMode = "bg" | "font";
+interface RateItOptions {
+ value? : number;
+ min?: number;
+ max?: number;
+ step?:number;
+ backingfld?:string;
+ readonly?:boolean;
+ ispreset? : boolean;
+ resetable? : boolean;
+ starwidth?: number;
+ starheight?: number;
+ mode?: RateItMode;
+ icon?: string;   
+}
+
+interface JQuery {
+    rateit() : JQuery;
+    rateit(options: RateItOptions) : JQuery;
+
+    rateit(method: 'value') : number;
+    rateit(method: 'value', param: number) : JQuery; 
+
+    rateit(method: 'max') : number;
+    rateit(method: 'max', param: number) : JQuery; 
+
+    rateit(method: 'min') : number;
+    rateit(method: 'min', param: number) : JQuery; 
+
+    rateit(method: 'readonly') : boolean;
+    rateit(method: 'readonly', param: boolean) : JQuery; 
+
+    rateit(method: 'ispreset') : boolean;
+    rateit(method: 'ispreset', param: boolean) : JQuery; 
+
+    rateit(method: 'reset') : JQuery;
+
+    rateit(method: string, param: any) : any;
+}

From 912bbfc70d42455492cad784e92f3764972bcebc Mon Sep 17 00:00:00 2001
From: Craig Boland <craig.boland@gmail.com>
Date: Tue, 25 Oct 2016 08:22:35 -0500
Subject: [PATCH 260/313] Updated jquery.dataTables for 1.10.8 (#11718)

Release Notes: https://cdn.datatables.net/1.10.8/

* Expanded .draw() parameter data type to allow string.
* Added "serverSide" parameter to page.Info() return type.
* $.fn.dataTable.tables() can now return instance of DataTables API.
* Added rowId option.
* Added row().id() method.
* Added rows().ids() method.
* Added count() method.
* Added 'numbers' paging option.
* Resolved implicit 'any' instances in test file.
* Attempt to clarify use of $.fn.dataTable.tables() method in test file.

Note: rows().every(), columns().every(), cells().every() parameter list was incorrectly updated in the 1.10.6 version of this file. The parameters listed apply to 1.10.8.
Note: the added 'postfix' option to 'number' renderer appears to be used internally.
---
 jquery.dataTables/jquery.dataTables-tests.ts | 44 +++++++++++----
 jquery.dataTables/jquery.dataTables.d.ts     | 58 +++++++++++++++++---
 2 files changed, 83 insertions(+), 19 deletions(-)

diff --git a/jquery.dataTables/jquery.dataTables-tests.ts b/jquery.dataTables/jquery.dataTables-tests.ts
index 21599fdbdf..b8234b69fa 100644
--- a/jquery.dataTables/jquery.dataTables-tests.ts
+++ b/jquery.dataTables/jquery.dataTables-tests.ts
@@ -219,6 +219,7 @@ $(document).ready(function () {
             pagingType: "simple",
             retrieve: true,
             renderer: "bootstrap",
+            rowId: "custId",
             scrollCollapse: true,
             search: true,
             searchCols: [{ "search": "", "smart": true, "regex": false, "caseInsensitive": true }],
@@ -261,7 +262,7 @@ $(document).ready(function () {
         {
             ajax: {
                 data: ajaxDataFunc,
-                dataSrc: function (data) { },
+                dataSrc: function (data: any) { },
             },
         };
 
@@ -305,8 +306,9 @@ $(document).ready(function () {
     destroy = dt.destroy(true);
     destroy.$("");
 
-    var draw = dt.draw();
+    var draw: DataTables.DataTable = dt.draw();
     draw = dt.draw(true);
+    draw = dt.draw("page");
     draw.$("");
 
     var initSettings = dt.init();
@@ -343,7 +345,8 @@ $(document).ready(function () {
         "end": 20,
         "length": 10,
         "recordsTotal": 57,
-        "recordsDisplay": 57
+        "recordsDisplay": 57,
+        "serverSide": false
     };
 
     var page_len_get = dt.page.len();
@@ -401,7 +404,7 @@ $(document).ready(function () {
         .cache('search')
         .sort()
         .unique()
-        .each(function (d) {
+        .each(function (d: any) {
             select.append($('<option value="' + d + '">' + d + '</option>'));
         });
 
@@ -520,7 +523,7 @@ $(document).ready(function () {
     columns = dt.columns("selector", modifier);
 
     var columns_cache = columns.cache("order");
-    dt.columns('.select-filter').eq(0).each(function (colIdx) {
+    dt.columns('.select-filter').eq(0).each(function (colIdx: any) {
         // Create the select list and search operation
         var select = $('<select />')
             .appendTo(
@@ -539,7 +542,7 @@ $(document).ready(function () {
             .cache('search')
             .sort()
             .unique()
-            .each(function (d) {
+            .each(function (d: any) {
                 select.append($('<option value="' + d + '">' + d + '</option>'));
             });
     });
@@ -623,7 +626,7 @@ $(document).ready(function () {
         .cache('search')
         .sort()
         .unique()
-        .each(function (d) {
+        .each(function (d: any) {
             select.append($('<option value="' + d + '">' + d + '</option>'));
         });
 
@@ -632,7 +635,7 @@ $(document).ready(function () {
         dt
             .column(4)
             .data()
-            .reduce(function (a, b) {
+            .reduce(function (a: any, b: any) {
                 return a + b;
             })
     );
@@ -688,7 +691,7 @@ $(document).ready(function () {
             .draw();
     });
 
-    dt.columns('.select-filter').eq(0).each(function (colIdx) {
+    dt.columns('.select-filter').eq(0).each(function (colIdx: any) {
         // Create the select list and search operation
         var select = $('<select />')
             .appendTo(
@@ -707,7 +710,7 @@ $(document).ready(function () {
             .cache('search')
             .sort()
             .unique()
-            .each(function (d) {
+            .each(function (d: any) {
                 select.append($('<option value="' + d + '">' + d + '</option>'));
             });
     });
@@ -751,6 +754,8 @@ $(document).ready(function () {
     var row_19 = dt.row("selector").index();
     var row_20 = dt.row("selector").node();
     var row_21 = dt.row("selector").remove();
+    var row_22: string = dt.row("selector").id();
+    var row_23: string = dt.row("selector").id(false);
 
     var rows_1 = dt.rows();
     var rows_2 = dt.rows().remove();
@@ -767,6 +772,8 @@ $(document).ready(function () {
     var rows_13 = dt.rows.add([{}, {}]);
     dt.rows().every(function () { });
     dt.rows().every(function (rowIdx, tableLoop, rowLoop) { });
+    var rows_14: DataTables.DataTable = dt.rows("selector").ids();
+    var rows_15: DataTables.DataTable = dt.rows("selector").ids(false);
 
     var table3 = $('#example').DataTable();
     table3.row.add({
@@ -831,7 +838,7 @@ $(document).ready(function () {
     ])
         .show();
 
-    dt.rows().eq(0).each(function (rowIdx) {
+    dt.rows().eq(0).each(function (rowIdx: any) {
         dt
             .row(rowIdx)
             .child(
@@ -881,6 +888,20 @@ $(document).ready(function () {
 
     //#endregion "Methods-Row"
 
+    //#region "Methods-Static"
+
+    // Variable is a stand-in for $.fn.dataTable. See extension of JQueryStatic at the top of jquery.dataTables.d.ts.
+    var staticFn: DataTables.StaticFunctions;
+
+    // With boolean parameter type, always returns DataTables.DataTable[].
+    var static_1: DataTables.DataTable[] = <DataTables.DataTable[]>staticFn.tables(true);
+    // With object parameter type, returns DataTables.DataTable[] when "api" property is false.
+    static_1 = <DataTables.DataTable[]>staticFn.tables({ "visible": true, "api": false });
+    // With object parameter type, returns DataTables.DataTable when "api" property is true.
+    var static_2: DataTables.DataTable = <DataTables.DataTable>staticFn.tables({ "visible": true, "api": true });
+
+    //#endregion "Methods-Static"
+
     //#region "Methods-Table"
 
     var tables = dt.tables();
@@ -905,6 +926,7 @@ $(document).ready(function () {
     //#region "Methods-Util"
 
     var util_1: boolean = dt.any();
+    var util_2: number = dt.count();
 
     //#endregion "Methods-Util"
 });
diff --git a/jquery.dataTables/jquery.dataTables.d.ts b/jquery.dataTables/jquery.dataTables.d.ts
index 84938e01cf..13d14bd64b 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.7
+// Type definitions for JQuery DataTables 1.10.8
 // 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
@@ -182,11 +182,11 @@ declare namespace DataTables {
         destroy(remove?: boolean): DataTable;
 
         /**
-        * Redraw the table.
+        * Redraw the DataTables in the current context, optionally updating ordering, searching and paging as required.
         *
-        * @param reset Reset (default) or hold the current paging position. A full re-sort and re-filter is performed when this method is called, which is why the pagination reset is the default action.
+        * @param paging This parameter is used to determine what kind of draw DataTables will perform.
         */
-        draw(reset?: boolean): DataTable;
+        draw(paging?: boolean | string): DataTable;
 
         /*
         * Look up a language token that was defined in the DataTables' language initialisation object.
@@ -374,6 +374,7 @@ declare namespace DataTables {
         length: number;
         recordsTotal: number;
         recordsDisplay: number;
+        serverSide: boolean
     }
 
     //#endregion "page-methods"
@@ -436,6 +437,11 @@ declare namespace DataTables {
         */
         concat(a: Object, ...b: Object[]): DataTable;
 
+        /**
+        * Get the number of entries in an API instance's result set, regardless of multi-table grouping (e.g. any data, selected rows, etc). Since: 1.10.8
+        */
+        count(): number;
+
         /**
         * Iterate over the contents of the API result set.
         *
@@ -910,6 +916,15 @@ declare namespace DataTables {
         */
         id(hash?: boolean): string;
 
+        /**
+        * Get the id of the selected row. Since: 1.10.8
+        *
+        * @param hash true - Append a hash (#) to the start of the row id. This can be useful for then using the id as a selector
+        * false - Do not modify the id value.
+        * @returns Row id. If the row does not have an id available 'undefined' will be returned.
+        */
+        id(hash?: boolean): string;
+
         /**
         * Get the row index of the row column.
         */
@@ -970,6 +985,15 @@ declare namespace DataTables {
         */
         every(fn: (rowIdx: number, tableLoop: number, rowLoop: number) => void): DataTable;
 
+        /**
+        * Get the ids of the selected rows. Since: 1.10.8
+        *
+        * @param hash true - Append a hash (#) to the start of each row id. This can be useful for then using the ids as selectors
+        * false - Do not modify the id value.
+        * @returns Api instance with the selected rows in its result set. If a row does not have an id available 'undefined' will be returned as the value.
+        */
+        ids(hash?: boolean): DataTable;
+
         /**
         * Get the row indexes of the selected rows.
         */
@@ -1057,11 +1081,12 @@ declare namespace DataTables {
         isDataTable(table: string): boolean;
 
         /**
-        * Get all DataTables on the page
+        * Get all DataTable tables that have been initialised - optionally you can select to get only currently visible tables and / or retrieve the tables as API instances.
         *
-        * @param visible Get only visible tables
+        * @param visible As a boolean value this options is used to indicate if you want all tables on the page should be returned (false), or visible tables only (true).
+        * Since 1.10.8 this option can also be given as an object.
         */
-        tables(visible?: boolean): DataTables.DataTable[];
+        tables(visible?: boolean | ObjectTablesStatic): DataTables.DataTable[] | DataTables.DataTable;
 
         /**
         * Version number compatibility check function
@@ -1100,6 +1125,18 @@ declare namespace DataTables {
         throttle(fn: Function, period?: number): Function;
     }
 
+    interface ObjectTablesStatic {
+        /**
+        * Get only visible tables (true) or all tables regardless of visibility (false).
+        */
+        visible: boolean
+
+        /**
+        * Return a DataTables API instance for the selected tables (true) or an array (false).
+        */
+        api: boolean
+    }
+
     //#endregion "Static-Methods"
 
     //#region "Settings"
@@ -1257,7 +1294,7 @@ declare namespace DataTables {
         pageLength?: number;
 
         /**
-        * Pagination button display options. Basic Types: simple, simple_numbers, full, full_numbers
+        * Pagination button display options. Basic Types: numbers (1.10.8) simple, simple_numbers, full, full_numbers
         */
         pagingType?: string;
 
@@ -1271,6 +1308,11 @@ declare namespace DataTables {
         */
         renderer?: string | RendererSettings;
 
+        /**
+        * Data property name that DataTables will use to set <tr> element DOM IDs. Since: 1.10.8
+        */
+        rowId?: string;
+
         /**
         * Allow the table to reduce in height when a limited number of rows are shown. Since: 1.10
         */

From 7ee04856878c9a8a09125b315a971cdee2aa5081 Mon Sep 17 00:00:00 2001
From: Leo Rudberg <ljrudberg@gmail.com>
Date: Tue, 25 Oct 2016 09:26:49 -0400
Subject: [PATCH 261/313] Added Seeded interface to Chance definition (#11919)

* Fixes #10684

I kept the deprecated `pick` declarations, but added the proposed (JSDoc-influenced) [deprecation annotation](https://github.com/Microsoft/TypeScript/issues/390) to them. The added `pickone` and `pickset` declarations have identical types to their respective `pick` flavors.

* Added Seeded interface to Chance definition
---
 chance/chance.d.ts | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/chance/chance.d.ts b/chance/chance.d.ts
index 6390b57864..7ce79b431f 100644
--- a/chance/chance.d.ts
+++ b/chance/chance.d.ts
@@ -5,13 +5,19 @@
 
 declare namespace Chance {
 
+    interface Seeded {
+        seed: number;
+    }
+
+    type SeededChance = Chance & Seeded;
+
     interface ChanceStatic {
         (): Chance
-        (seed: number): Chance
+        (seed: number): SeededChance
         (generator: () => any): Chance
 
         new(): Chance;
-        new(seed: number): Chance;
+        new(seed: number): SeededChance;
         new(generator: () => any): Chance;
     }
 

From a7d9f4a4f55a6791d8a6b4b8c9159a0f098885c9 Mon Sep 17 00:00:00 2001
From: CJ Bell <siegebell@gmail.com>
Date: Tue, 25 Oct 2016 09:30:55 -0400
Subject: [PATCH 262/313] Updating pegs to 0.10.0. (#12151)

Also added comments and more detailed typing restrictions on parser-generator
options.
---
 pegjs/pegjs-tests.ts |  8 ++---
 pegjs/pegjs.d.ts     | 71 ++++++++++++++++++++++++++++++++++++++------
 2 files changed, 66 insertions(+), 13 deletions(-)

diff --git a/pegjs/pegjs-tests.ts b/pegjs/pegjs-tests.ts
index 082836e74f..abd6b601c7 100644
--- a/pegjs/pegjs-tests.ts
+++ b/pegjs/pegjs-tests.ts
@@ -8,7 +8,7 @@
 import * as pegjs from 'pegjs';
 
 {
-    let pegparser: pegjs.Parser = pegjs.buildParser("start = ('a' / 'b')+");
+    let pegparser: pegjs.Parser = pegjs.generate("start = ('a' / 'b')+");
 
     try {
         let result: string = pegparser.parse("abba");
@@ -20,7 +20,7 @@ import * as pegjs from 'pegjs';
 }
 
 {
-    let parser = pegjs.buildParser("A = 'test'", {
+    let parser = pegjs.generate("A = 'test'", {
         cache: true,
         allowedStartRules: ["A"],
         optimize: "speed",
@@ -29,7 +29,7 @@ import * as pegjs from 'pegjs';
 }
 
 try {
-    let parserOrSource: pegjs.Parser | string = pegjs.buildParser("A = 'test'", {output: "source"});
+    let source: string = pegjs.generate("A = 'test'", {output: "source"});
 } catch (error) {
     if (error instanceof pegjs.GrammarError) {
         let e: pegjs.GrammarError = error;
@@ -46,4 +46,4 @@ try {
     console.log(e.location.end.line);
     console.log(e.message);
     console.log(e.name);
-}
\ No newline at end of file
+}
diff --git a/pegjs/pegjs.d.ts b/pegjs/pegjs.d.ts
index 8dae497cfa..340fed4bf2 100644
--- a/pegjs/pegjs.d.ts
+++ b/pegjs/pegjs.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for PEG.js
+// Type definitions for PEG.js v0.10.0
 // Project: http://pegjs.org/
-// Definitions by: vvakame <https://github.com/vvakame>, Tobias Kahlert <https://github.com/SrTobi>
+// Definitions by: vvakame <https://github.com/vvakame>, Tobias Kahlert <https://github.com/SrTobi>, C.J. Bell <https://github.com/siegebell>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare namespace PEG {
@@ -63,19 +63,72 @@ declare module "pegjs" {
         SyntaxError: any;
     }
 
-    interface BuildOptions {
-        cache?: boolean;
+    interface BuildOptionsBase {
+        /** rules the parser will be allowed to start parsing from (default: the first rule in the grammar) */
         allowedStartRules?: string[];
-        optimize?: string;
+        /** if `true`, makes the parser cache results, avoiding exponential parsing time in pathological cases but making the parser slower (default: `false`) */
+        cache?: boolean;
+        /** selects between optimizing the generated parser for parsing speed (`"speed"`) or code size (`"size"`) (default: `"speed"`) */
+        optimize?: "speed" | "size";
+        /** plugins to use */
         plugins?: any[];
+        /** makes the parser trace its progress (default: `false`) */
+        trace?: boolean
     }
 
-    interface OutputBuildOptions extends BuildOptions {
-        output?: string;
+
+    interface ParserBuildOptions extends BuildOptionsBase {
+        /** if set to `"parser"`, the method will return generated parser object; if set to `"source"`, it will return parser source code as a string (default: `"parser"`) */
+        output?: "parser"
     }
 
-    function buildParser(grammar: string, options?: BuildOptions): Parser;
-    function buildParser(grammar: string, options?: OutputBuildOptions): Parser | string;
+    interface OutputFormatAmdCommonjs extends BuildOptionsBase {
+        /** if set to `"parser"`, the method will return generated parser object; if set to `"source"`, it will return parser source code as a string (default: `"parser"`) */
+        output: "source";
+        /** format of the genreated parser (`"amd"`, `"bare"`, `"commonjs"`, `"globals"`, or `"umd"`); valid only when `output` is set to `"source"` (default: `"bare"`) */
+        format: "amd" | "commonjs";
+        /** parser dependencies, the value is an object which maps variables used to access the dependencies in the parser to module IDs used to load them; valid only when `format` is set to `"amd"`, `"commonjs"`, or `"umd"` (default: `{}`) */
+        dependencies?: any
+    }
+
+    interface OutputFormatUmd extends BuildOptionsBase {
+        /** if set to `"parser"`, the method will return generated parser object; if set to `"source"`, it will return parser source code as a string (default: `"parser"`) */
+        output: "source";
+        /** format of the genreated parser (`"amd"`, `"bare"`, `"commonjs"`, `"globals"`, or `"umd"`); valid only when `output` is set to `"source"` (default: `"bare"`) */
+        format: "umd";
+        /** parser dependencies, the value is an object which maps variables used to access the dependencies in the parser to module IDs used to load them; valid only when `format` is set to `"amd"`, `"commonjs"`, or `"umd"` (default: `{}`) */
+        dependencies?: any
+        /** name of a global variable into which the parser object is assigned to when no module loader is detected; valid only when `format` is set to `"globals"` or `"umd"` (default: `null`) */
+        exportVar?: any
+    }
+
+    interface OutputFormatGlobals extends BuildOptionsBase {
+        /** if set to `"parser"`, the method will return generated parser object; if set to `"source"`, it will return parser source code as a string (default: `"parser"`) */
+        output: "source";
+        /** format of the genreated parser (`"amd"`, `"bare"`, `"commonjs"`, `"globals"`, or `"umd"`); valid only when `output` is set to `"source"` (default: `"bare"`) */
+        format: "globals";
+        /** name of a global variable into which the parser object is assigned to when no module loader is detected; valid only when `format` is set to `"globals"` or `"umd"` (default: `null`) */
+        exportVar?: any
+    }
+
+    interface OutputFormatBare extends BuildOptionsBase {
+        /** if set to `"parser"`, the method will return generated parser object; if set to `"source"`, it will return parser source code as a string (default: `"parser"`) */
+        output: "source";
+        /** format of the genreated parser (`"amd"`, `"bare"`, `"commonjs"`, `"globals"`, or `"umd"`); valid only when `output` is set to `"source"` (default: `"bare"`) */
+        format?: "bare"
+    }
+
+    /** Returns a generated parser object. It will throw an exception if the grammar is invalid. The exception will contain `message` property with more details about the error. */
+    function generate(grammar: string, options?: ParserBuildOptions): Parser;
+    /** Returns the generated source code as a `string`. It will throw an exception if the grammar is invalid. The exception will contain `message` property with more details about the error. */
+    function generate(grammar: string, options: OutputFormatAmdCommonjs): string;
+    /** Returns the generated source code as a `string`. It will throw an exception if the grammar is invalid. The exception will contain `message` property with more details about the error. */
+    function generate(grammar: string, options: OutputFormatUmd): string;
+    /** Returns the generated source code as a `string`. It will throw an exception if the grammar is invalid. The exception will contain `message` property with more details about the error. */
+    function generate(grammar: string, options: OutputFormatGlobals): string;
+    /** Returns the generated source code as a `string`. It will throw an exception if the grammar is invalid. The exception will contain `message` property with more details about the error. */
+    function generate(grammar: string, options: OutputFormatBare): string;
+
 
     namespace parser {
         type SyntaxError = PegjsError;

From 28b8b029adde23a6e93a3b7b6d88fec239e15e3a Mon Sep 17 00:00:00 2001
From: Bert Loedeman <bert@loedeman.nl>
Date: Tue, 25 Oct 2016 15:49:22 +0200
Subject: [PATCH 263/313] Added support for automapper-ts npm package (#12159)

---
 automapper-ts/automapper-ts-tests.ts | 1990 ++++++++++++++++++++++++++
 automapper-ts/automapper-ts.d.ts     |  559 ++++++++
 2 files changed, 2549 insertions(+)
 create mode 100644 automapper-ts/automapper-ts-tests.ts
 create mode 100644 automapper-ts/automapper-ts.d.ts

diff --git a/automapper-ts/automapper-ts-tests.ts b/automapper-ts/automapper-ts-tests.ts
new file mode 100644
index 0000000000..5e18f75789
--- /dev/null
+++ b/automapper-ts/automapper-ts-tests.ts
@@ -0,0 +1,1990 @@
+/// <reference path="../jasmine/jasmine.d.ts" />
+/// <reference path="automapper-ts.d.ts" />
+
+var globalScope = this;
+
+declare module jasmine {
+  interface Matchers {
+    toEqualData(data: any): boolean;
+    fail(message: string): boolean;
+  }
+}
+
+declare function expect(): jasmine.Matchers;
+
+module AutoMapperJs {
+    describe('AutoMapper', () => {
+        beforeEach(() => {
+            jasmine.addMatchers(ExtendJasmine.addCustomMatchers());
+
+            // clear mappings (please, don't try this at home!)
+            for (var key in (<any>automapper)._mappings) {
+                if (!(<any>automapper)._mappings.hasOwnProperty(key)) {
+                    continue;
+                }
+                delete (<any>automapper)._mappings[key];
+            }
+        });
+
+        it('should validate mapping using strictMode set to \'true\' (with valid mappings)', () => {
+            // arrange
+            automapper.createMap(AssertConfigPropertiesProp, AssertConfigPropertiesProp);
+
+            // act and assert
+            automapper.assertConfigurationIsValid(true);
+        });
+
+        it('should set strictMode to \'true\' when no value is provided and validate (with valid mappings)', () => {
+            // arrange
+            automapper.createMap(AssertConfigPropertiesProp, AssertConfigPropertiesProp);
+
+            // act and assert
+            automapper.assertConfigurationIsValid();
+        });
+
+        it('should validate mapping using strictMode set to \'false\'', () => {
+            // arrange
+            automapper.createMap(AssertConfigPropertiesProp, AssertConfigPropertiesProp);
+            automapper.createMap('AssertMappingConfigUntestableA', 'AssertMappingConfigUntestableB');
+
+            // act and assert
+            automapper.assertConfigurationIsValid(false);
+        });
+
+        it('should fail when validating mappings using strictMode set to \'true\' (with unvalidatable mappings)', () => {
+            // arrange
+            automapper.createMap(AssertConfigPropertiesProp, AssertConfigPropertiesProp);
+            automapper.createMap('AssertMappingConfigUntestableA', 'AssertMappingConfigUntestableB');
+
+            // act
+            try {
+                automapper.assertConfigurationIsValid(true);
+            } catch (e) {
+                // assert
+                var errorMessage: string = e.message;
+                var dekeyedErrorMessage =
+                    errorMessage.substr(0, errorMessage.indexOf('\'') + 1) +
+                    errorMessage.substr(errorMessage.lastIndexOf('\''));
+
+                expect(dekeyedErrorMessage).toEqual(`Mapping '' cannot be validated, since mapping.sourceType or mapping.destinationType are unspecified.`);
+                return;
+            }
+
+            // assert
+            expect(null).fail('Expected error was not raised.');
+        });
+
+        it('should fail when auto mapping a property which does not exist on destination', () => {
+            // arrange
+            var srcType = AssertConfigPropertiesProp;
+            var dstType = AssertConfigPropertiesProp2;
+
+            var srcName = AutoMapperHelper.getClassName(srcType);
+            var dstName = AutoMapperHelper.getClassName(dstType);
+
+            automapper.createMap(srcType, dstType);
+
+            try {
+                // act
+                automapper.assertConfigurationIsValid(true);
+            } catch (e) {
+                // assert
+                expect(e.message).toEqual(`Mapping '${srcName}=>${dstName}' is invalid: Source member 'prop' is configured to be mapped, ` +
+                                          `but does not exist on destination type (source: '${srcName}', destination: '${dstName}').`);
+                return;
+            }
+
+            // assert
+            expect(null).fail('Expected error was not raised.');
+        });
+
+        it('should succeed when mapping objects with ignored properties not existing on the other side', () => {
+            // arrange
+            var srcType = AssertConfigPropertiesProp;
+            var dstType = AssertConfigPropertiesProp2;
+
+            var srcName = AutoMapperHelper.getClassName(srcType);
+            var dstName = AutoMapperHelper.getClassName(dstType);
+
+            automapper
+                .createMap(srcType, dstType)
+                .forSourceMember('prop', (opts: ISourceMemberConfigurationOptions) => { opts.ignore(); })
+                .forMember('prop2', (opts: IMemberConfigurationOptions) => { opts.ignore(); });
+
+            // act and assert
+            automapper.assertConfigurationIsValid(true);
+        });
+
+        it('should fail when auto mapping a property which does not exist on source', () => {
+            // arrange
+            var srcType = AssertConfigPropertiesProp;
+            var dstType = AssertConfigPropertiesPropProp2;
+
+            var srcName = AutoMapperHelper.getClassName(srcType);
+            var dstName = AutoMapperHelper.getClassName(dstType);
+
+            automapper.createMap(srcType, dstType);
+
+            try {
+                // act
+                automapper.assertConfigurationIsValid(true);
+            } catch (e) {
+                // assert
+                expect(e.message).toEqual(`Mapping '${srcName}=>${dstName}' is invalid: Destination member 'prop2' does not exist on source type (source: '${srcName}', destination: '${dstName}').`);
+                return;
+            }
+
+            // assert
+            expect(null).fail('Expected error was not raised.');
+        });
+
+        it('should fail when providing configuration for a property which does not exist on destination', () => {
+            // arrange
+            var srcType = AssertConfigPropertiesProp;
+            var dstType = AssertConfigPropertiesPropProp2;
+
+            var srcName = AutoMapperHelper.getClassName(srcType);
+            var dstName = AutoMapperHelper.getClassName(dstType);
+
+            automapper
+                .createMap(srcType, dstType)
+                .forMember('prop3', (opts: IMemberConfigurationOptions) => { opts.ignore(); });
+
+            try {
+                // act
+                automapper.assertConfigurationIsValid(true);
+            } catch (e) {
+                // assert
+                expect(e.message).toEqual(`Mapping '${srcName}=>${dstName}' is invalid: Destination member 'prop3' is configured, but does not exist on destination type (source: '${srcName}', destination: '${dstName}').`);
+                return;
+            }
+
+            // assert
+            expect(null).fail('Expected error was not raised.');
+        });
+
+        it('should fail when providing configuration for a property which does not exist on source', () => {
+            // arrange
+            var srcType = AssertConfigPropertiesProp;
+            var dstType = AssertConfigPropertiesPropProp2;
+
+            var srcName = AutoMapperHelper.getClassName(srcType);
+            var dstName = AutoMapperHelper.getClassName(dstType);
+
+            automapper
+                .createMap(srcType, dstType)
+                .forSourceMember('prop2', (opts: ISourceMemberConfigurationOptions) => { opts.ignore(); });
+
+            try {
+                // act
+                automapper.assertConfigurationIsValid(true);
+            } catch (e) {
+                // assert
+                expect(e.message).toEqual(`Mapping '${srcName}=>${dstName}' is invalid: Source member 'prop2' is configured, but does not exist on source type (source: '${srcName}', destination: '${dstName}').`);
+                return;
+            }
+
+            // assert
+            expect(null).fail('Expected error was not raised.');
+        });
+    });
+
+    describe('AutoMapper (asynchronous mapping)', () => {
+        beforeEach(() => {
+            jasmine.addMatchers(ExtendJasmine.addCustomMatchers());
+        });
+
+        it('should be able to map asynchronous using forMember', (done) => {
+            // arrange
+            var objFrom = { prop: 'prop' };
+
+            var fromKey = 'async-forMember-';
+            var toKey = 'valid-1';
+
+            // act
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop', (opts: IMemberConfigurationOptions, cb: IMemberCallback) => {
+                    var func = (o: IMemberConfigurationOptions, c: IMemberCallback) => {
+                        c(o.intermediatePropertyValue + ' (async)');
+                    };
+
+                    // do something asynchronous
+                    setTimeout((): void => {
+                        func(opts, cb);
+                    }, 10);
+                })
+                .forMember('prop', (opts: IMemberConfigurationOptions) => {
+                    return opts.intermediatePropertyValue + ' (sync)';
+                });
+
+            automapper.mapAsync(fromKey, toKey, objFrom, (result: any) => {
+                // assert
+                expect(result.prop).toEqual(objFrom.prop + ' (async)' + ' (sync)');
+                done();
+            });
+        });
+
+        it('should be able to map asynchronous using forMember in combination with a constant value', (done: () => void) => {
+            // arrange
+            var objFrom = { prop: 'prop' };
+
+            var fromKey = 'async-forMember-';
+            var toKey = 'valid-2';
+
+            // act
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop', (opts: IMemberConfigurationOptions, cb: IMemberCallback) => {
+                    var func = (o: IMemberConfigurationOptions, c: IMemberCallback) => {
+                        c(o.intermediatePropertyValue + ' (async)');
+                    };
+
+                    // do something asynchronous
+                    setTimeout((): void => {
+                        func(opts, cb);
+                    }, 10);
+                })
+                .forMember('prop', 'Async With Constant Value');
+
+            automapper.mapAsync(fromKey, toKey, objFrom, (result: any) => {
+                // assert
+                expect(result.prop).toEqual('Async With Constant Value');
+                done();
+            });
+        });
+
+        it('should be able to map asynchronous using an asynchronous forMember in combination with a synchronous forMember mapping', (done: () => void) => {
+            // arrange
+            var objFrom = { prop1: 'prop1', prop2: 'prop2' };
+
+            var fromKey = 'async-forMember-';
+            var toKey = 'valid-3';
+
+            // act
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop1', (opts: IMemberConfigurationOptions, cb: IMemberCallback) => {
+                    var func = (o: IMemberConfigurationOptions, c: IMemberCallback) => {
+                        c(o.intermediatePropertyValue + ' (async)');
+                    };
+
+                    // do something asynchronous
+                    setTimeout((): void => {
+                        func(opts, cb);
+                    }, 10);
+                })
+                .forMember('prop2', (opts: IMemberConfigurationOptions): any => opts.intermediatePropertyValue);
+
+            automapper.mapAsync(fromKey, toKey, objFrom, (result: any) => {
+                // assert
+                expect(result.prop1).toEqual(objFrom.prop1 + ' (async)');
+                expect(result.prop2).toEqual(objFrom.prop2);
+                done();
+            });
+        });
+
+        it('should fail when mapping an asynchronous mapping using synchronous map function', () => {
+            // arrange
+            var objFrom = { prop: 'prop' };
+
+            var fromKey = 'async-forMember-';
+            var toKey = 'invalid-1';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop', (opts: IMemberConfigurationOptions, cb: IMemberCallback) => {
+                    var func = (o: IMemberConfigurationOptions, c: IMemberCallback) => {
+                        c(o.intermediatePropertyValue + ' (async)');
+                    }
+
+                    // do something asynchronous
+                    setTimeout((): void => {
+                        func(opts, cb);
+                    }, 10);
+                })
+                .forMember('prop', (opts: IMemberConfigurationOptions) => {
+                    return opts.intermediatePropertyValue + ' (sync)';
+                });
+
+            // act
+            try {
+                var objB = automapper.map(fromKey, toKey, objFrom);
+            } catch (e) {
+                // assert
+                expect(e.message).toEqual('Impossible to use asynchronous mapping using automapper.map(); use automapper.mapAsync() instead.');
+                return;
+            }
+
+            // assert
+            expect(null).fail('Expected error was not raised.');
+        });
+
+        it('should be able to map asynchronous using forSourceMember', (done: () => void) => {
+            // arrange
+            var objFrom = { prop: 'prop' };
+
+            var fromKey = 'async-forSourceMember-';
+            var toKey = 'valid-1';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forSourceMember('prop', (opts: ISourceMemberConfigurationOptions, cb: IMemberCallback) => {
+                    var func = (o: ISourceMemberConfigurationOptions, c: IMemberCallback) => {
+                        c('AsyncValue');
+                    };
+
+                    // do something asynchronous
+                    setTimeout((): void => {
+                        func(opts, cb);
+                    }, 10);
+                });
+
+            // act
+            automapper.mapAsync(fromKey, toKey, objFrom, (result: any) => {
+                // assert
+                expect(result.prop).toEqual('AsyncValue');
+                done();
+            });
+        });
+
+        it('should be able to use convertUsing to map an object with a custom asynchronous type resolver function', (done: () => void) => {
+            var objA = { propA: 'propA' };
+
+            var fromKey = '{D1534A0F-6120-475E-B7E2-BF2489C58571}';
+            var toKey = '{1896FF99-1A28-4FE6-800B-072D5616B02D}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .convertUsing((opts: IResolutionContext, cb: IMapCallback): void => {
+                    var func = (o: IResolutionContext, c: IMapCallback) => {
+                        var res = { propA: o.sourceValue.propA + ' (custom async mapped with resolution context)' };
+                        c(res);
+                    };
+
+                    // do something asynchronous
+                    setTimeout((): void => {
+                        func(opts, cb);
+                    }, 10);
+                });
+
+            // act
+            automapper.mapAsync(fromKey, toKey, objA, (result: any) => {
+                // assert
+                expect(result.propA).toEqual(objA.propA + ' (custom async mapped with resolution context)');
+                done();
+            });
+        });
+
+        it('should asynchronously map an array', (done: () => void) => {
+            // arrange
+            var arrA = [{ prop1: 'From A', prop2: 'From A too' }];
+
+            var fromKey = '{60D9DGH6-DSEC-48GF-9BAC-0805FCAF91B7}';
+            var toKey = '{AC6D5B97-9AE3-BERT-ZB60-AZFEDZXE541A}';
+
+            automapper.createMap(fromKey, toKey)
+                .forMember('prop1', (opts: IMemberConfigurationOptions, cb: IMemberCallback) => {
+                    var func = (o: IMemberConfigurationOptions, c: IMemberCallback) => {
+                        c(o.intermediatePropertyValue);
+                    };
+
+                    // do something asynchronous
+                    setTimeout((): void => {
+                        func(opts, cb);
+                    }, 10);
+                });
+            // act
+            var arrB = automapper.mapAsync(fromKey, toKey, arrA, (result: any) => {
+                // assert
+                expect(result).toEqualData(arrA);
+                done();
+            });
+        });
+    });
+
+    describe('AutoMapper', () => {
+        beforeEach(() => {
+            jasmine.addMatchers(ExtendJasmine.addCustomMatchers());
+        });
+
+        it('should have a global automapper object', () => {
+            expect(automapper).not.toBeUndefined();
+            expect(automapper).not.toBeNull();
+
+            expect(automapper.createMap).not.toBeUndefined();
+            expect(automapper.createMap).not.toBeNull();
+            expect(typeof automapper.createMap === 'function').toBeTruthy();
+
+            expect(automapper.map).not.toBeUndefined();
+            expect(automapper.map).not.toBeNull();
+            expect(typeof automapper.map === 'function').toBeTruthy();
+        });
+
+        it('should return the Singleton instance when instantiating the Singleton directly', () => {
+            // arrange
+            var caught = false;
+
+            // act
+            var mapper = new AutoMapper();
+            expect(automapper).toBe(mapper);
+        });
+
+        it('should use created mapping profile', () => {
+            // arrange
+            var fromKey = '{5700E351-8D88-4327-A216-3CC94A308EDF}';
+            var toKey = '{BB33A261-3CA9-48FC-85E6-2C269F73728D}';
+
+            automapper.createMap(fromKey, toKey);
+
+            // act
+            automapper.map(fromKey, toKey, {});
+
+            // assert
+        });
+
+        it('should fail when using a non-existing mapping profile', () => {
+            // arrange
+            var caught = false;
+
+            var fromKey = '{5AEFD48C-4472-41E7-BA7E-0977A864E116}';
+            var toKey = '{568DCA5E-477E-4739-86B2-38BB237B8EF8}';
+
+            // act
+            try {
+                automapper.map(fromKey, toKey, {});
+            } catch (e) {
+                caught = true;
+
+                // assert
+                expect(e.message).toEqual('Could not find map object with a source of ' + fromKey + ' and a destination of ' + toKey);
+            }
+
+            if (!caught) {
+                // assert
+                expect().fail('Using a non-existing mapping profile should result in an error.');
+            }
+        });
+
+        it('should be able to use forAllMemberMappings', () => {
+            // arrange
+            var fromKey = '{5700E351-8D88-4327-A216-3CCBHJ808EDF}';
+            var toKey = '{BB33A261-3CA9-48FC-85E6-2C269FDFT28D}';
+
+            var source = { prop1: 'prop1', prop2: 'prop2' };
+            var suffix = ' [forAllMembers]';
+
+            automapper.createMap(fromKey, toKey)
+                      .forMember('prop1', (opts: IMemberConfigurationOptions): any => opts.intermediatePropertyValue)
+                      .forMember('prop2', (opts: IMemberConfigurationOptions): any => opts.intermediatePropertyValue)
+                      .forAllMembers((destinationObject: any,
+                                      destinationPropertyName: string,
+                                      value: any): void => {
+                                          destinationObject[destinationPropertyName] = value + suffix;
+                                      });
+
+            // act
+            var destination = automapper.map(fromKey, toKey, source);
+
+            // assert
+            expect(destination.prop1).toEqual(source.prop1 + suffix);
+            expect(destination.prop2).toEqual(source.prop2 + suffix);
+        });
+
+        it('should be able to use forAllMemberMappings when automapping', () => {
+            // arrange
+            var fromKey = '{5700E351-8D88-4327-A216-3CCBHJ808EDF}';
+            var toKey = '{BB33A261-3CA9-48FC-85E6-2C269FDFT28D}';
+
+            var source = { prop1: 'prop1', prop2: 'prop2' };
+            var suffix = ' [forAllMembers]';
+
+            automapper.createMap(fromKey, toKey)
+                      .forAllMembers((destinationObject: any,
+                                      destinationPropertyName: string,
+                                      value: any): void => {
+                                          destinationObject[destinationPropertyName] = value + suffix;
+                                      });
+
+            // act
+            var destination = automapper.map(fromKey, toKey, source);
+
+            // assert
+            expect(destination.prop1).toEqual(source.prop1 + suffix);
+            expect(destination.prop2).toEqual(source.prop2 + suffix);
+        });
+
+        it('should accept multiple forMember calls for the same destination property and overwrite with the last one specified', () => {
+            //arrange
+            var objA = { prop1: 'From A', prop2: 'From A too' };
+
+            var fromKey = '{7AC4134B-ECC1-464B-B144-5B9D8F5B568E}';
+            var toKey = '{2BDE907C-1CE6-4CC5-A601-9A94CC665837}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop1', (opts: IMemberConfigurationOptions) => { opts.mapFrom('prop2'); })
+                .forMember('prop1', (opts: IMemberConfigurationOptions) => { opts.ignore(); });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ prop2: objA.prop2 });
+        });
+
+        it('should be able to ignore a source property using the forSourceMember function', () => {
+            // arrange
+            var objA = { prop1: 'From A', prop2: 'From A too' };
+
+            var fromKey = '{AD88481E-597B-4C1B-967B-3D700B8BAB0F}';
+            var toKey = '{2A6714C4-784E-47D3-BBF4-6205834EC8D5}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forSourceMember('prop1', (opts: ISourceMemberConfigurationOptions) => { opts.ignore(); });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ prop2: 'From A too' });
+        });
+
+        it('should be able to custom map a source property using the forSourceMember function', () => {
+            // arrange
+            var objA = { prop1: 'From A', prop2: 'From A too' };
+
+            var fromKey = '{AD88481E-597B-4C1B-967B-3D700B8BAB0F}';
+            var toKey = '{2A6714C4-784E-47D3-BBF4-6205834EC8D5}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forSourceMember('prop1', (opts: ISourceMemberConfigurationOptions) => { return 'Yeah!'; });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ prop1: 'Yeah!', prop2: 'From A too' });
+        });
+
+        it('should be able to ignore a source property already specified (by forMember) using the forSourceMember function', () => {
+            // arrange
+            var objA = { prop1: 'From A', prop2: 'From A too' };
+
+            var fromKey = '{AD88481E-597B-4C1B-967B-3D701B8CAB0A}';
+            var toKey = '{2A6714C4-784E-47D3-BBF4-620583DEC86A}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop1', 12)
+                .forSourceMember('prop1', (opts: ISourceMemberConfigurationOptions) => { opts.ignore(); });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ prop2: 'From A too' });
+        });
+
+        it('should fail when forSourceMember is used with anything else than a function', () => {
+            // arrange
+            var caught = false;
+
+            var fromKey = '{5EE20DF9-84B3-4A6A-8C5D-37AEDC44BE87}';
+            var toKey = '{986C959D-2E2E-41FA-9857-8EF519467AEB}';
+
+            try {
+                // act
+                automapper
+                    .createMap(fromKey, toKey)
+                    .forSourceMember('prop1', <any>12);
+            } catch (e) {
+                // assert
+                caught = true;
+                expect(e.message).toEqual('Configuration of forSourceMember has to be a function with one (sync) or two (async) options parameters.');
+            }
+
+            if (!caught) {
+                // assert
+                expect().fail('Using anything else than a function with forSourceMember should result in an error.');
+            }
+        });
+
+        it('should be able to use forMember to map a source property to a destination property with a different name', () => {
+            //arrange
+            var objA = { prop1: 'From A', prop2: 'From A too' };
+
+            var fromKey = '{7AC4134B-ECC1-464B-B144-5B9D8F5B568E}';
+            var toKey = '{2BDE907C-1CE6-4CC5-A601-9A94CC665837}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop', (opts: IMemberConfigurationOptions) => { opts.mapFrom('prop2'); });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ prop1: objA.prop1, prop: objA.prop2 });
+        });
+
+        it('should use forAllMembers function for each mapped destination property when specified', () => {
+            // arrange
+            var objA = { prop1: 'From A', prop2: 'From A too' };
+
+            var fromKey = '{C4056539-FA86-4398-A10B-C41D3A791F26}';
+            var toKey = '{01C64E8D-CDB5-4307-9011-0C7F1E70D115}';
+
+            var forAllMembersSpy = jasmine.createSpy('forAllMembersSpy').and.callFake((destinationObject: any, destinationProperty: string, value: any) => {
+                destinationObject[destinationProperty] = value;
+            });
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forAllMembers(forAllMembersSpy);
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(forAllMembersSpy).toHaveBeenCalled();
+            expect(forAllMembersSpy.calls.count()).toBe(Object.keys(objB).length);
+        });
+
+        it('should be able to use forMember with a constant value', () => {
+            // arrange
+            var objA = { prop: 1 };
+
+            var fromKey = '{54E67626-B877-4824-82E6-01E9F411B78F}';
+            var toKey = '{2D7FDB88-97E9-45EF-A111-C9CC9C188227}';
+
+            var constantResult = 2;
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop', constantResult);
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB.prop).toBe(constantResult);
+        });
+
+        it('should be able to use forMember with a function returning a constant value', () => {
+            // arrange
+            var objA = { prop: 1 };
+
+            var fromKey = '{74C12B56-1DD1-4EA0-A640-D1F814971124}';
+            var toKey = '{BBC617B8-26C8-42A0-A204-45CC77073355}';
+
+            var constantResult = 3;
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop', () => { return constantResult; });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB.prop).toBe(constantResult);
+        });
+
+        it('should be able to use forMember with a function using the source object', () => {
+            // arrange
+            var objA = { prop: { subProp: { value: 1 } } };
+
+            var fromKey = '{54E67626-B877-4824-82E6-01E9F411B78F}';
+            var toKey = '{2D7FDB88-97E9-45EF-A111-C9CC9C188227}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop', (opts: IMemberConfigurationOptions) => { return opts.sourceObject[opts.sourcePropertyName].subProp.value * 2; });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB.prop).toBe(objA.prop.subProp.value * 2);
+        });
+
+        it('should be able to use forMember to ignore a property', () => {
+            // arrange
+            var objA = { prop: 1 };
+
+            var fromKey = '{76D26B33-888A-4DF7-ABDA-E5B99E944272}';
+            var toKey = '{18192391-85FF-4729-9A08-5954FCFE3954}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop', (opts: IMemberConfigurationOptions) => { opts.ignore(); });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB.hasOwnProperty('prop')).not.toBeTruthy();
+        });
+
+        it('should be able to use forMember to map a source property to a destination property with a different name', () => {
+            // arrange
+            var objA = { propDiff: 1 };
+
+            var fromKey = '{A317A36A-AD92-4346-A015-AE06FC862DB4}';
+            var toKey = '{03B05E43-3028-44FD-909F-652E2DA5E607}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop', (opts: IMemberConfigurationOptions) => { opts.mapFrom('propDiff'); });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB.prop).toEqual(objA.propDiff);
+        });
+
+        it('should be able to use stack forMember calls to map a source property to a destination property using multiple mapping steps', () => {
+            // arrange
+            var birthdayString = '2000-01-01T00:00:00.000Z';
+            var objA = { birthdayString: birthdayString };
+
+            var fromKey = '{564F1F57-FD4F-413C-A9D3-4B1C1333A20B}';
+            var toKey = '{F9F45923-2D13-4EF1-9685-4883AD1D2F98}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('birthday', (opts: IMemberConfigurationOptions) => { opts.mapFrom('birthdayString'); })
+                .forMember('birthday', (opts: IMemberConfigurationOptions) => { return new Date(opts.intermediatePropertyValue); });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB.birthday instanceof Date).toBeTruthy();
+            expect(objB.birthday.toISOString()).toEqual('2000-01-01T00:00:00.000Z');
+        });
+
+        it('should be able to use stack forMember calls to map a source property to a destination property using multiple mapping steps in any order', () => {
+            // arrange
+            var birthdayString = '2000-01-01T00:00:00.000Z';
+            var objA = { birthdayString: birthdayString };
+
+            var fromKey = '{1609A9B5-6083-448B-8FD6-51DAD106B63D}';
+            var toKey = '{47AF7D2D-A848-4C5B-904F-39402E2DCDD5}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('birthday', (opts: IMemberConfigurationOptions) => { return new Date(opts.intermediatePropertyValue); })
+                .forMember('birthday', (opts: IMemberConfigurationOptions) => { opts.mapFrom('birthdayString'); });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB.birthday instanceof Date).toBeTruthy();
+            expect(objB.birthday.toISOString()).toEqual('2000-01-01T00:00:00.000Z');
+        });
+
+        it('should not map properties that are not an object\'s own properties', () => {
+            var objA = new ClassA();
+            objA.propA = 'propA';
+
+            var fromKey = '{A317A36A-AD92-4346-A015-AE06FC862DB4}';
+            var toKey = '{03B05E43-3028-44FD-909F-652E2DA5E607}';
+
+            automapper
+                .createMap(fromKey, toKey);
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB.propA).toEqual(objA.propA);
+        });
+
+        it('should be able to use convertUsing to map an object with a custom type resolver function', () => {
+            var objA = { propA: 'propA' };
+
+            var fromKey = '{D1534A0F-6120-475E-B7E2-BF2489C58571}';
+            var toKey = '{1896FF99-1A28-4FE6-800B-072D5616B02D}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .convertUsing(function(resolutionContext: IResolutionContext): any {
+                    return { propA: resolutionContext.sourceValue.propA + ' (custom mapped with resolution context)' };
+                });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB.propA).toEqual(objA.propA + ' (custom mapped with resolution context)');
+        });
+
+        it('should be able to use convertUsing to map an object with a custom type resolver class', () => {
+            // arrange
+            var objA = { propA: 'propA' };
+
+            var fromKey = '{6E7F5757-1E55-4B55-BB86-44FF5B33DE2F}';
+            var toKey = '{8521AE41-C3AF-4FCD-B7C7-A915C037D69E}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .convertUsing(CustomTypeConverterDefinition);
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB.propA).toEqual(objA.propA + ' (convertUsing with a class definition)');
+        });
+
+        it('should be able to use convertUsing to map an object with a custom type resolver instance', () => {
+            // arrange
+            // NOTE BL The CustomTypeConverter class definition is defined at the bottom, since TypeScript
+            //         does not allow classes to be defined inline.
+
+            var objA = { propA: 'propA' };
+
+            var fromKey = '{BDF3758C-B38E-4343-95B6-AE0F80C8B9C4}';
+            var toKey = '{13DD7AE1-4177-4A80-933B-B60A55859E50}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .convertUsing(new CustomTypeConverterInstance());
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB.propA).toEqual(objA.propA + ' (convertUsing with a class instance)');
+        });
+
+        it('should fail when directly using the type converter base class', () => {
+            // arrange
+            var caught = false;
+            var objA = { propA: 'propA' };
+
+            var fromKey = 'should fail when directly using ';
+            var toKey = 'the type converter base class';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .convertUsing(TypeConverter);
+
+            try {
+                // act
+                var objB = automapper.map(fromKey, toKey, objA);
+            } catch (e) {
+                // assert
+                caught = true;
+                expect(e.message).toEqual('The TypeConverter.convert method is abstract. Use a TypeConverter extension class instead.');
+            }
+
+            if (!caught) {
+                // assert
+                expect().fail('Using the type converter base class directly should fail.');
+            }
+        });
+
+        it('should fail when convertUsing is used with a function not having exactly one (resolutionContext) parameter.', () => {
+            // arrange
+            var caught = false;
+
+            var fromKey = '{1EF9AC11-BAA1-48DB-9C96-9DFC40E33BCA}';
+            var toKey = '{C4DA81D3-9072-4140-BFA7-431C35C01F54}';
+
+            try {
+                // act
+                automapper
+                    .createMap(fromKey, toKey)
+                    .convertUsing(() => {
+                        return {};
+                    });
+
+                //var objB = automapper.map(fromKey, toKey, objA);
+            } catch (e) {
+                // assert
+                caught = true;
+                expect(e.message).toEqual('The value provided for typeConverterClassOrFunction is invalid. ' +
+                                          'Error: The function provided does not provide exactly one (resolutionContext) parameter.');
+            }
+
+            if (!caught) {
+                // assert
+                expect().fail('Using anything else than a function with forSourceMember should result in an error.');
+            }
+        });
+
+        it('should be able to use convertToType to map a source object to a destination object which is an instance of a given class', () => {
+            //arrange
+            var objA = { ApiProperty: 'From A' };
+
+
+            var fromKey = '{7AC4134B-ECC1-464B-B144-5C9D8F5B5A7E}';
+            var toKey = '{2BDE907C-1CE6-4CC5-A601-9A94CA6C4737}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('property', (opts: IMemberConfigurationOptions) => { opts.mapFrom('ApiProperty'); })
+                .convertToType(DemoToBusinessType);
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB instanceof DemoToBusinessType).toBeTruthy();
+            expect(objB.property).toEqual(objA.ApiProperty);
+        });
+
+        it('should be able to use a condition to map or ignore a property', () => {
+            // arrange
+            var objA = { prop: 1, prop2: 2 };
+
+            var fromKey = '{76D23B33-888A-4DF7-BEBE-E5B99E944272}';
+            var toKey = '{18192191-85FE-4729-A980-5954FCFE3954}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop', (opts: IMemberConfigurationOptions) => { opts.condition((sourceObject: any) => sourceObject.prop === 0); })
+                .forMember('prop2', (opts: IMemberConfigurationOptions) => { opts.condition((sourceObject: any) => sourceObject.prop2 === 2); });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB.hasOwnProperty('prop')).not.toBeTruthy();
+            expect(objB.hasOwnProperty('prop2')).toBeTruthy();
+        });
+
+        it('should be able to ignore all unmapped members using the ignoreAllNonExisting function', () => {
+            // arrange
+            var objA = {
+                propA: 'Prop A',
+                propB: 'Prop B',
+                propC: 'Prop C',
+                propD: 'Prop D'
+            };
+
+            var fromKey = '{AD88481E-597B-4C1C-9A7B-3D70DB8BCB0F}';
+            var toKey = '{2A6614C4-784E-47D3-BBF4-6205834EA8D1}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('propA', (opts: IMemberConfigurationOptions) => opts.mapFrom('propA'))
+                .ignoreAllNonExisting();
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ propA: 'Prop A' });
+        });
+
+        it('should be able to create a map and use it using class types', () => {
+           // arrange
+           var objA = new ClassA();
+           objA.propA = 'Value';
+
+           // act 
+           automapper.createMap(ClassA, ClassB);
+           var objB = automapper.map(ClassA, ClassB, objA);
+
+            // assert
+            expect(objB instanceof ClassB).toBeTruthy();
+            expect(objB).toEqualData({ propA: 'Value' });
+        });
+
+        it('should throw an error when creating a map using class types and specifying a conflicting destination type', () => {
+            // arrange
+            var caught = false;
+
+            // act
+            try {
+                automapper
+                    .createMap(ClassA, ClassB)
+                    .convertToType(ClassC);
+            } catch (e) {
+                caught = true;
+                // assert
+                expect(e.message).toEqual('Destination type class can only be set once.');
+            }
+
+            if (!caught) {
+                // assert
+                expect(null).fail('AutoMapper should throw an error when creating a map using class types and specifying a conflicting destination type.');
+            }
+        });
+
+        it('should be able to use forMember to map a nested source property to a destination property', () => {
+            //arrange
+            var objA = { prop1: { propProp1: 'From A' }, prop2: 'From A too' };
+
+            var fromKey = '{7AC4134B-ECC1-464B-B144-5B9D8F5B568E}';
+            var toKey = '{2BDE907C-1CE6-4CC5-A601-9A94CC665837}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('propFromNestedSource', (opts: IMemberConfigurationOptions) => { opts.mapFrom('prop1.propProp1'); });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ prop2: objA.prop2, propFromNestedSource: objA.prop1.propProp1 });
+        });
+
+        it('should be able to stack forMember calls when mapping a nested source property to a destination property', () => {
+            //arrange
+            var objA = { prop1: { propProp1: 'From A' }, prop2: 'From A too' };
+            var addition = ' - sure works!';
+
+            var fromKey = '{7AC4134B-ECC1-464B-B144-5B99CF5B558E}';
+            var toKey = '{2BDE907C-1CE6-4CC5-56A1-9A94CC6658C7}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('propFromNestedSource', (opts: IMemberConfigurationOptions) => { opts.mapFrom('prop1.propProp1'); })
+                .forMember('propFromNestedSource', (opts: IMemberConfigurationOptions) => { return opts.intermediatePropertyValue + addition; });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ prop2: objA.prop2, propFromNestedSource: objA.prop1.propProp1 + addition });
+        });
+
+        it('should be able to stack forMember calls when mapping a nested source property to a destination property in any order', () => {
+            //arrange
+            var objA = { prop1: { propProp1: 'From A' }, prop2: 'From A too' };
+            var addition = ' - sure works!';
+
+            var fromKey = '{7AC4134B-ECD1-46EB-B14A-5B9D8F5B5F8E}';
+            var toKey = '{BBD6907C-ACE6-4FC8-A60D-1A943C66D83F}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('propFromNestedSource', (opts: IMemberConfigurationOptions) => { return opts.intermediatePropertyValue + addition; })
+                .forMember('propFromNestedSource', (opts: IMemberConfigurationOptions) => { opts.mapFrom('prop1.propProp1'); });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ prop2: objA.prop2, propFromNestedSource: objA.prop1.propProp1 + addition });
+        });
+
+        it('should be able to stack forMember mapFrom calls when mapping a nested source property to a destination property', () => {
+            //arrange
+            var objA = { prop1: { propProp1: 'From A', propProp2: { propProp2Prop: 'From A' } }, prop2: 'From A too' };
+            var addition = ' - sure works!';
+
+            var fromKey = '{7AC4134B-ECD1-46EB-B14A-5B9D8F5B5F8E}';
+            var toKey = '{BBD6907C-ACE6-4FC8-A60D-1A943C66D83F}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('propFromNestedSource', (opts: IMemberConfigurationOptions) => { return opts.intermediatePropertyValue + addition; })
+                .forMember('propFromNestedSource', (opts: IMemberConfigurationOptions) => { opts.mapFrom('prop1.propProp2.propProp2Prop'); })
+                .forMember('propFromNestedSource', (opts: IMemberConfigurationOptions) => { opts.mapFrom('prop1.propProp1'); });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ prop2: objA.prop2, propFromNestedSource: objA.prop1.propProp1 + addition });
+        });
+
+        it('should be able to use forMember to map to a nested destination', () => {
+            //arrange
+            var objA = { prop1: { propProp1: 'From A', propProp2: { propProp2Prop: 'From A' } }, prop2: 'From A too' };
+            var addition = ' - sure works!';
+
+            var fromKey = '{7AC4134B-ECD1-46EB-B14A-5B9D8F5B5F8E}';
+            var toKey = '{BBD6907C-ACE6-4FC8-A60D-1A943C66D83F}';
+
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('nested.property', (opts: IMemberConfigurationOptions) => { return opts.intermediatePropertyValue + addition; })
+                .forMember('nested.property', (opts: IMemberConfigurationOptions) => { opts.mapFrom('prop1.propProp2.propProp2Prop'); })
+                .forMember('nested.property', (opts: IMemberConfigurationOptions) => { opts.mapFrom('prop1.propProp1'); });
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ prop2: objA.prop2, nested: { property: objA.prop1.propProp1 + addition }});
+        });
+
+        it('should be able to use mapFrom to switch properties and ignore a property as well', () => {
+            // arrange
+            var objA = { prop1: 'From A', prop2: 'From A too', prop3: 'Also from A (really)' };
+
+            var fromKey = 'should be able to use mapFrom to switch ';
+            var toKey = 'properties and ignore a property as well';
+
+            // act
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop1', (opts: IMemberConfigurationOptions) => { opts.mapFrom('prop2'); })
+                .forMember('prop2', (opts: IMemberConfigurationOptions) => { opts.mapFrom('prop1'); })
+                .forSourceMember('prop3', (opts: ISourceMemberConfigurationOptions) => { opts.ignore(); });
+
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ prop1: objA.prop2, prop2: objA.prop1 });
+        });
+
+        it('should be able to create a new property using a constant value', () => {
+            // arrange
+            var objA = { };
+
+            var fromKey = 'should be able to create a new property ';
+            var toKey = 'using a constant value';
+
+            // act
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop4', (opts: IMemberConfigurationOptions) => { return 12; });
+
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ prop4: 12 });
+        });
+
+        it('should just return source object when no properties are created using null source object', () => {
+            // arrange
+            var objA: any = null;
+
+            var fromKey = 'should just return source object when no ';
+            var toKey = 'properties created using null source object';
+
+            // act
+            automapper
+                .createMap(fromKey, toKey);
+
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toBeNull();
+        });
+
+        it('should be able to create a new property using a constant value (null source object)', () => {
+            // arrange
+            var objA: any = null;
+
+            var fromKey = 'should be able to create a new property ';
+            var toKey = 'using a constant value (null source object)';
+
+            // act
+            automapper
+                .createMap(fromKey, toKey)
+                .forMember('prop4', (opts: IMemberConfigurationOptions) => { return 12; });
+
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData({ prop4: 12 });
+        });
+    });
+
+    it('should map a source object with empty nested objects', () => {
+        // arrange
+        var src: any = {
+            homeAddress: null /*{
+                address1: '200 Main St', 
+                address2: '200 Main St', 
+                city: 'Los Angeles',
+                state: 'CA',
+                zip: '90000'
+            }*/,
+            businessAddress: {
+                address1: '200 Main St', 
+                // address2: '200 Main St', 
+                city: 'Los Angeles',
+                state: 'CA',
+                zip: '90000'
+            }
+        };
+
+        var fromKey = '{60E9DC56-D6E1-48FF-9BAC-0805FCAF91B7}';
+        var toKey = '{AC6D5A97-9AEF-42C7-BD60-A5F3D17E541A}';
+
+        automapper
+            .createMap(fromKey, toKey)
+            // .forMember('homeAddress.address1', (opts: IMemberConfigurationOptions) => { opts.mapFrom('homeAddress.address1'); })
+            .forMember('homeAddress.address2', (opts: IMemberConfigurationOptions) => { opts.mapFrom('homeAddress.address2'); })
+            // .forMember('homeAddress.city', (opts: IMemberConfigurationOptions) => { opts.mapFrom('homeAddress.city'); })
+            // .forMember('homeAddress.state', (opts: IMemberConfigurationOptions) => { opts.mapFrom('homeAddress.state'); })
+            // .forMember('homeAddress.zip', (opts: IMemberConfigurationOptions) => { opts.mapFrom('homeAddress.zip'); })
+
+            .forMember('businessAddress.address1', (opts: IMemberConfigurationOptions) => { opts.mapFrom('businessAddress.address1'); })
+            .forMember('businessAddress.address2', (opts: IMemberConfigurationOptions) => <any>null)
+            .forMember('businessAddress.city', (opts: IMemberConfigurationOptions) => { opts.mapFrom('businessAddress.city'); })
+            .forMember('businessAddress.state', (opts: IMemberConfigurationOptions) => { opts.mapFrom('businessAddress.state'); })
+            .forMember('businessAddress.zip', (opts: IMemberConfigurationOptions) => { opts.mapFrom('businessAddress.zip'); })
+            ;
+
+        // act
+        var dst = automapper.map(fromKey, toKey, src);
+
+        // assert
+        expect(dst).not.toBeNull();
+
+        expect(dst.homeAddress).toBeNull();
+        
+        expect(dst.businessAddress.address1).toBe(src.businessAddress.address1);
+        expect(dst.businessAddress.address2).toBeUndefined();
+        expect(dst.businessAddress.city).toBe(src.businessAddress.city);
+        expect(dst.businessAddress.state).toBe(src.businessAddress.state);
+        expect(dst.businessAddress.zip).toBe(src.businessAddress.zip);
+    });
+
+    describe('AutoMapper - Currying support', () => {
+        beforeEach(() => {
+            jasmine.addMatchers(ExtendJasmine.addCustomMatchers());
+        });
+
+        it('should be able to use currying when calling createMap', () => {
+            // arrange
+            var fromKey = '{808D9D7F-AA89-4D07-917E-A528F055EE64}';
+            var toKey1 = '{B364C0A0-9E24-4424-A569-A4C14101947C}';
+            var toKey2 = '{1055CA5A-4FC4-44CB-B4D8-B004F43D8840}';
+
+            var source = { prop: 'Value' };
+
+            // act
+            var mapFromKeyCurry = automapper.createMap(fromKey);
+
+            mapFromKeyCurry(toKey1)
+                .forSourceMember('prop', (opts: ISourceMemberConfigurationOptions) => { opts.ignore(); });
+
+            mapFromKeyCurry(toKey2);
+
+            var result1 = automapper.map(fromKey, toKey1, source);
+            var result2 = automapper.map(fromKey, toKey2, source);
+
+            // assert
+            expect(typeof mapFromKeyCurry === 'function').toBeTruthy();
+            expect(result1.prop).toBeUndefined();
+            expect(result2.prop).toEqual(source.prop);
+        });
+
+        it('should be able to use currying (one parameter) when calling map', () => {
+            // arrange
+            var fromKey = 'should be able to use currying (one parameter)';
+            var toKey1 = 'when calling map (1)';
+            var toKey2 = 'when calling map (2)';
+
+            var source = { prop: 'Value' };
+
+            // act
+            var createMapFromKeyCurry = automapper.createMap(fromKey);
+
+            createMapFromKeyCurry(toKey1)
+                .forSourceMember('prop', (opts: ISourceMemberConfigurationOptions) => { opts.ignore(); });
+
+            createMapFromKeyCurry(toKey2);
+
+            var result1MapCurry = automapper.map(fromKey);
+            var result2MapCurry = automapper.map(fromKey);
+
+            var result1 = result1MapCurry(toKey1, source);
+            var result2 = result2MapCurry(toKey2, source);
+
+            // assert
+            expect(typeof createMapFromKeyCurry === 'function').toBeTruthy();
+            expect(typeof result1MapCurry === 'function').toBeTruthy();
+            expect(typeof result2MapCurry === 'function').toBeTruthy();
+
+            expect(result1.prop).toBeUndefined();
+            expect(result2.prop).toEqual(source.prop);
+        });
+
+        it('should be able to use currying when calling map', () => {
+            // arrange
+            var fromKey = '{FC18523B-5A7C-4193-B938-B6AA2EABB37A}';
+            var toKey1 = '{609202F4-15F7-4512-9178-CFAF073800E1}';
+            var toKey2 = '{85096AE2-92FB-43D7-8FC3-EC14DDC1DFDD}';
+
+            var source = { prop: 'Value' };
+
+            // act
+            var createMapFromKeyCurry = automapper.createMap(fromKey);
+
+            createMapFromKeyCurry(toKey1)
+                .forSourceMember('prop', (opts: ISourceMemberConfigurationOptions) => { opts.ignore(); });
+
+            createMapFromKeyCurry(toKey2);
+
+            var result1MapCurry = automapper.map(fromKey, toKey1);
+            var result2MapCurry = automapper.map(fromKey, toKey2);
+
+            var result1 = result1MapCurry(source);
+            var result2 = result2MapCurry(source);
+
+            // assert
+            expect(typeof createMapFromKeyCurry === 'function').toBeTruthy();
+            expect(typeof result1MapCurry === 'function').toBeTruthy();
+            expect(typeof result2MapCurry === 'function').toBeTruthy();
+
+            expect(result1.prop).toBeUndefined();
+            expect(result2.prop).toEqual(source.prop);
+        });
+
+        it('should be able to use currying when calling mapAsync', (done: () => void) => {
+            // arrange
+            var fromKey = '{1CA8523C-5A7C-4193-B938-B6AA2EABB37A}';
+            var toKey1 = '{409212FD-15E7-4512-9178-CFAF073800EG}';
+            var toKey2 = '{85096AE2-92FA-43N7-8FA3-EC14DDC1DFDE}';
+
+            var source = { prop: 'Value' };
+
+            // act
+            var createMapFromKeyCurry = automapper.createMap(fromKey);
+
+            createMapFromKeyCurry(toKey1)
+                .forSourceMember('prop', (opts: ISourceMemberConfigurationOptions, cb: IMemberCallback) => { cb('Constant Value 1'); });
+
+            createMapFromKeyCurry(toKey2)
+                .forMember('prop', (opts: IMemberConfigurationOptions, cb: IMemberCallback) => { cb('Constant Value 2'); });
+
+            var result1MapCurry = automapper.mapAsync(fromKey, toKey1);
+            var result2MapCurry = automapper.mapAsync(fromKey, toKey2);
+
+            // assert
+            expect(typeof createMapFromKeyCurry === 'function').toBeTruthy();
+            expect(typeof result1MapCurry === 'function').toBeTruthy();
+            expect(typeof result2MapCurry === 'function').toBeTruthy();
+
+            var resCount = 0;
+            var result1 = result1MapCurry(source, (result: any) => {
+                // assert
+                expect(result.prop).toEqual('Constant Value 1');
+                if (++resCount === 2) {
+                    done();
+                }
+            });
+
+            var result2 = result2MapCurry(source, (result: any) => {
+                // assert
+                expect(result.prop).toEqual('Constant Value 2');
+                if (++resCount === 2) {
+                    done();
+                }
+            });
+        });
+
+        it('should be able to use currying when calling mapAsync with one parameter', (done: () => void) => {
+            // arrange
+            var fromKey = '{1CA8523C-5AVC-4193-BS38-B6AA2EABB37A}';
+            var toKey = '{409212FD-1527-4512-9178-CFAG073800EG}';
+
+            var source = { prop: 'Value' };
+
+            // act
+            automapper.createMap(fromKey, toKey)
+                .forSourceMember('prop', (opts: ISourceMemberConfigurationOptions, cb: IMemberCallback) => { cb('Constant Value'); });
+
+            var mapAsyncCurry = automapper.mapAsync(fromKey);
+
+            // assert
+            expect(typeof mapAsyncCurry === 'function').toBeTruthy();
+
+            var result = mapAsyncCurry(toKey, source, (result: any) => {
+                // assert
+                expect(result.prop).toEqual('Constant Value');
+                done();
+            });
+        });
+
+        it('should be able to use currying when calling mapAsync with two parameters', (done: () => void) => {
+            // arrange
+            var fromKey = '{1CA852SC-5AVC-4193-BS38-B6AA2KABB3LA}';
+            var toKey = '{409212FD-1Q27-45G2-9178-CFAG073800EG}';
+
+            var source = { prop: 'Value' };
+
+            // act
+            automapper.createMap(fromKey, toKey)
+                .forMember('prop', (opts: IMemberConfigurationOptions, cb: IMemberCallback) => { cb('Constant Value'); });
+
+            var mapAsyncCurry = automapper.mapAsync(fromKey, toKey);
+
+            // assert
+            expect(typeof mapAsyncCurry === 'function').toBeTruthy();
+
+            var result = mapAsyncCurry(source, (result: any) => {
+                // assert
+                expect(result.prop).toEqual('Constant Value');
+                done();
+            });
+        });
+
+        it('should be able to use currying when calling mapAsync with three parameters', (done: () => void) => {
+            // NOTE BL 20151214 I wonder why anyone would like calling this one? Maybe this one will be removed in
+            //                  the future. Please get in touch if you need this one to stay in place...
+
+            // arrange
+            var fromKey = '{1CA852SC-5AVC-ZZ93-BS38-B6AA2KABB3LA}';
+            var toKey = '{409212FD-1Q27-45G2-91BB-CFAG0738WCEG}';
+
+            var source = { prop: 'Value' };
+
+            // act
+            automapper.createMap(fromKey, toKey)
+                .forMember('prop', (opts: IMemberConfigurationOptions, cb: IMemberCallback) => { cb('Constant Value'); });
+
+            var mapAsyncCurry = automapper.mapAsync(fromKey, toKey, source);
+
+            // assert
+            expect(typeof mapAsyncCurry === 'function').toBeTruthy();
+
+            var result = mapAsyncCurry((result: any) => {
+                // assert
+                expect(result.prop).toEqual('Constant Value');
+                done();
+            });
+        });
+
+        it('should fail when calling mapAsync without parameters', () => {
+            // arrange
+
+            // act
+            try {
+                var mapAsyncCurry = (<any>automapper).mapAsync();
+            } catch (e) {
+                // assert
+                expect(e.message).toEqual('The mapAsync function expects between 1 and 4 parameters, you provided 0.');
+                return;
+            }
+
+            // assert
+            expect(null).fail('Expected error was not raised.');
+        });
+
+        it('should fail when calling mapAsync with > 4 parameters', () => {
+            // arrange
+
+            // act
+            try {
+                var mapAsyncCurry = (<any>automapper).mapAsync(undefined, undefined, undefined, undefined, undefined);
+            } catch (e) {
+                // assert
+                expect(e.message).toEqual('The mapAsync function expects between 1 and 4 parameters, you provided 5.');
+                return;
+            }
+
+            // assert
+            expect(null).fail('Expected error was not raised.');
+        });
+
+
+        it('should fail when specifying < 2 parameters to the asynchronous map function', () => {
+            // arrange
+
+            // act
+            try {
+                (<any>new AsyncAutoMapper()).map(undefined);
+            } catch (e) {
+                // assert
+                expect(e.message).toEqual('The AsyncAutoMapper.map function expects between 2 and 5 parameters, you provided 1.');
+                return;
+            }
+
+            // assert
+            expect(null).fail('Expected error was not raised.');
+        });
+
+        it('should fail when specifying > 5 parameters to the asynchronous map function', () => {
+            // arrange
+
+            // act
+            try {
+                (<any>new AsyncAutoMapper()).map(undefined, undefined, undefined, undefined, undefined, undefined);
+            } catch (e) {
+                // assert
+                expect(e.message).toEqual('The AsyncAutoMapper.map function expects between 2 and 5 parameters, you provided 6.');
+                return;
+            }
+
+            // assert
+            expect(null).fail('Expected error was not raised.');
+        });
+    });
+
+    describe('AutoMapper.initialize', () => {
+        beforeEach(() => {
+            jasmine.addMatchers(ExtendJasmine.addCustomMatchers());
+        });
+
+        it('should use created mapping profile', () => {
+            // arrange
+            var fromKey = '{5700E351-8D88-A327-A216-3CC94A308EDE}';
+            var toKey = '{BB33A261-3CA9-A8FC-85E6-2C269F73728C}';
+
+            automapper.initialize((config: IConfiguration) => {
+                config.createMap(fromKey, toKey);
+            });
+
+            // act
+            automapper.map(fromKey, toKey, {});
+
+            // assert
+        });
+
+        it('should be able to use a naming convention to convert Pascal case to camel case', () => {
+            automapper.initialize((config: IConfiguration) => {
+                config.addProfile(new PascalCaseToCamelCaseMappingProfile());
+            });
+
+            const sourceKey = 'PascalCase';
+            const destinationKey = 'CamelCase';
+
+            const sourceObject = { FullName: 'John Doe' };
+
+            automapper
+                .createMap(sourceKey, destinationKey)
+                .withProfile('PascalCaseToCamelCase');
+
+            var result = automapper.map(sourceKey, destinationKey, sourceObject);
+
+            expect(result).toEqualData({ fullName: 'John Doe' });
+        });
+
+        it('should be able to use a naming convention to convert camelCase to PascalCase', () => {
+            automapper.initialize((config: IConfiguration) => {
+                config.addProfile(new CamelCaseToPascalCaseMappingProfile());
+            });
+
+            const sourceKey = 'CamelCase2';
+            const destinationKey = 'PascalCase2';
+
+            const sourceObject = { fullName: 'John Doe' };
+
+            automapper
+                .createMap(sourceKey, destinationKey)
+                .withProfile('CamelCaseToPascalCase');
+
+            var result = automapper.map(sourceKey, destinationKey, sourceObject);
+
+            expect(result).toEqualData({ FullName: 'John Doe' });
+        });
+
+        it('should be able to use forMember besides using a profile', () => {
+            automapper.initialize((config: IConfiguration) => {
+                config.addProfile(new CamelCaseToPascalCaseMappingProfile());
+            });
+
+            const sourceKey = 'CamelCase';
+            const destinationKey = 'PascalCase';
+
+            const sourceObject = { fullName: 'John Doe', age: 20 };
+
+            automapper
+                .createMap(sourceKey, destinationKey)
+                .forMember('theAge', (opts: IMemberConfigurationOptions) => opts.mapFrom('age'))
+                .withProfile('CamelCaseToPascalCase');
+
+            var result = automapper.map(sourceKey, destinationKey, sourceObject);
+
+            expect(result).toEqualData({ FullName: 'John Doe', theAge: sourceObject.age });
+        });
+
+        it('should use profile when only profile properties are specified', () => {
+            automapper.initialize((config: IConfiguration) => {
+                config.addProfile(new ValidatedAgeMappingProfile2());
+            });
+
+            const sourceKey = '{918D9D7F-AA89-4D07-917E-A528F07EEF42}';
+            const destinationKey = '{908D9D6F-BA89-4D17-915E-A528E988EE64}';
+
+            const sourceObject = { fullName: 'John Doe', proclaimedAge: 21, ageOnId: 15 };
+
+            automapper
+                .createMap(sourceKey, destinationKey)
+                .withProfile('ValidatedAgeMappingProfile2');
+
+            var result = automapper.map(sourceKey, destinationKey, sourceObject);
+
+            expect(result).toEqualData({ fullName: 'John Doe', age: sourceObject.ageOnId });
+            expect(result instanceof Person).toBeTruthy();
+            expect(result instanceof BeerBuyingYoungster).not.toBeTruthy();
+        });
+
+        it('should fail when using a non-existimg profile', () => {
+            // arrange
+            var caught = false;
+            var profileName = 'Non-existing profile';
+            const sourceKey = 'should fail when using ';
+            const destinationKey = 'a non-existimg profile';
+            const sourceObject = { };
+
+            // act
+            try {
+                automapper
+                    .createMap(sourceKey, destinationKey)
+                    .withProfile(profileName);
+                var result = automapper.map(sourceKey, destinationKey, sourceObject);
+            } catch (e) {
+                caught = true;
+
+                // assert
+                expect(e.message).toEqual('Could not find profile with profile name \'' + profileName + '\'.');
+            }
+
+            if (!caught) {
+                // assert
+                expect().fail('Using a non-existing mapping profile should result in an error.');
+            }
+        });
+
+        it('should merge forMember calls when specifying the same destination property normally and using profile', () => {
+            automapper.initialize((config: IConfiguration) => {
+                config.addProfile(new ValidatedAgeMappingProfile());
+            });
+
+            const sourceKey = '{808D9D7F-AA89-4D07-917E-A528F078E642}';
+            const destinationKey = '{808D9D6F-BA89-4D17-915E-A528E178EE64}';
+
+            const sourceObject = { fullName: 'John Doe', proclaimedAge: 21, ageOnId: 15 };
+
+            automapper
+                .createMap(sourceKey, destinationKey)
+                .forMember('ageOnId', (opts: IMemberConfigurationOptions) => opts.ignore())
+                .forMember('age', (opts: IMemberConfigurationOptions) => opts.mapFrom('proclaimedAge'))
+                .convertToType(BeerBuyingYoungster)
+                .withProfile('ValidatedAgeMappingProfile');
+
+            var result = automapper.map(sourceKey, destinationKey, sourceObject);
+
+            expect(result).toEqualData({ fullName: 'John Doe', age: sourceObject.ageOnId });
+            expect(result instanceof Person).toBeTruthy();
+            expect(result instanceof BeerBuyingYoungster).not.toBeTruthy();
+        });
+
+        it('should be able to use currying when calling initialize(cfg => cfg.createMap)', () => {
+            // arrange
+            var fromKey = '{808D9D7F-AA89-4D07-917E-A528F078EE64}';
+            var toKey1 = '{B364C0A0-9E24-4424-A569-A4C14102147C}';
+            var toKey2 = '{1055CA5A-4FC4-44CA-B4D8-B004F43D4440}';
+
+            var source = { prop: 'Value' };
+
+            // act
+            var mapFromKeyCurry: (destinationKey: string) => ICreateMapFluentFunctions;
+
+            automapper.initialize((config: IConfiguration) => {
+                mapFromKeyCurry = config.createMap(fromKey);
+
+                mapFromKeyCurry(toKey1)
+                    .forSourceMember('prop', (opts: ISourceMemberConfigurationOptions) => { opts.ignore(); });
+
+                mapFromKeyCurry(toKey2);
+            });
+
+            var result1 = automapper.map(fromKey, toKey1, source);
+            var result2 = automapper.map(fromKey, toKey2, source);
+
+            // assert
+            expect(typeof mapFromKeyCurry === 'function').toBeTruthy();
+            expect(result1.prop).toBeUndefined();
+            expect(result2.prop).toEqual(source.prop);
+        });
+
+    });
+
+    describe('AutoMapper', () => {
+        beforeEach(() => {
+            jasmine.addMatchers(ExtendJasmine.addCustomMatchers());
+        });
+
+        it('should auto map matching properties', () => {
+            // arrange
+            var objA = { prop1: 'From A', prop2: 'From A too' };
+
+            var fromKey = '{7F5AF9AC-2E9E-4676-8BE1-3E72866B11E8}';
+            var toKey = '{8089EBDC-3BBB-4988-95F2-683CC1AD23A3}';
+
+            automapper.createMap(fromKey, toKey);
+
+            // act
+            var objB = automapper.map(fromKey, toKey, objA);
+
+            // assert
+            expect(objB).toEqualData(objA);
+        });
+
+        it('should map an array', () => {
+            // arrange
+            var arrA = [{ prop1: 'From A', prop2: 'From A too' }];
+
+            var fromKey = '{60D9DB56-D6E1-48FF-9BAC-0805FCAF91B7}';
+            var toKey = '{AC6D5B97-9AE3-4267-BD60-A5FED17E541A}';
+
+            automapper.createMap(fromKey, toKey);
+
+            // act
+            var arrB = automapper.map(fromKey, toKey, arrA);
+
+            // assert
+            expect(arrB).toEqualData(arrA);
+        });
+
+        it('should map an array and handle empty items', () => {
+            // arrange
+            var arrA = [{ prop1: 'From A', prop2: 'From A too' }, undefined];
+
+            var fromKey = '{60D9DB56-D6E1-48FF-9BAC-0805FCAF91B7}';
+            var toKey = '{AC6D5B97-9AE3-4267-BD60-A5FED17E541A}';
+
+            automapper.createMap(fromKey, toKey);
+
+            // act
+            var arrB = automapper.map(fromKey, toKey, arrA);
+
+            // assert
+            expect(arrB).toEqualData(arrA);
+        });
+    });
+
+    /** AutoMapper helper functions */
+    class AutoMapperHelper {
+        public static getClassName(classType: new() => any): string {
+            if (classType && (<any>classType).name) {
+                return (<any>classType).name;
+            }
+            // source: http://stackoverflow.com/a/13914278/702357
+            if (classType && classType.constructor) {
+                let className = classType.toString();
+                if (className) {
+                    // classType.toString() is "function classType (...) { ... }"
+                    let matchParts = className.match(/function\s*(\w+)/);
+                    if (matchParts && matchParts.length === 2) {
+                        return matchParts[1];
+                    }
+                }
+
+                // for browsers which have name property in the constructor
+                // of the object, such as chrome
+                if ((<any>classType.constructor).name) {
+                    return (<any>classType.constructor).name;
+                }
+
+                if (classType.constructor.toString()) {
+                    var str = classType.constructor.toString();
+
+                    if (str.charAt(0) === '[') {
+                        // executed if the return of object.constructor.toString() is "[object objectClass]"
+                        var arr = str.match(/\[\w+\s*(\w+)\]/);
+                    } else {
+                        // executed if the return of object.constructor.toString() is "function objectClass () {}"
+                        // (IE and Firefox)
+                        var arr = str.match(/function\s*(\w+)/);
+                    }
+
+                    if (arr && arr.length === 2) {
+                        return arr[1];
+                    }
+                }
+            }
+
+            throw new Error(`Unable to extract class name from type '${classType}'`);
+        }
+    }
+
+    class AssertConfigPropertiesProp {
+        prop: string = undefined; // TODO Wiki: properties are only available when initialized: http://stackoverflow.com/a/20534039/702357
+    }
+
+    class AssertConfigPropertiesProp2 {
+        prop2: string = undefined;
+    }
+
+    class AssertConfigPropertiesPropProp2 {
+        prop: string = undefined;
+        prop2: string = undefined;
+    }
+
+    class ClassA {
+        public propA: string;
+    }
+
+    class ClassB {
+        public propA: string;
+    }
+
+    class ClassC {
+        public propA: string;
+    }
+
+    class DemoToBusinessType {
+    }
+
+    class CustomTypeConverterInstance extends TypeConverter {
+        public convert(resolutionContext: IResolutionContext): any {
+            return { propA: resolutionContext.sourceValue.propA + ' (convertUsing with a class instance)' };
+        }
+    }
+
+    class CustomTypeConverterDefinition extends TypeConverter {
+        public convert(resolutionContext: IResolutionContext): any {
+            return { propA: resolutionContext.sourceValue.propA + ' (convertUsing with a class definition)' };
+        }
+    }
+
+    class PascalCaseToCamelCaseMappingProfile extends Profile {
+        public sourceMemberNamingConvention: INamingConvention;
+        public destinationMemberNamingConvention: INamingConvention;
+
+        public profileName = 'PascalCaseToCamelCase';
+
+        public configure() {
+            this.sourceMemberNamingConvention = new PascalCaseNamingConvention();
+            this.destinationMemberNamingConvention = new CamelCaseNamingConvention();
+
+            super.createMap('a', 'b');
+        }
+    }
+
+    class CamelCaseToPascalCaseMappingProfile extends Profile {
+        public sourceMemberNamingConvention: INamingConvention;
+        public destinationMemberNamingConvention: INamingConvention;
+
+        public profileName = 'CamelCaseToPascalCase';
+
+        public configure() {
+            this.sourceMemberNamingConvention = new CamelCaseNamingConvention();
+            this.destinationMemberNamingConvention = new PascalCaseNamingConvention();
+        }
+    }
+
+    class ValidatedAgeMappingProfile extends Profile {
+        public profileName = 'ValidatedAgeMappingProfile';
+
+        public configure() {
+            const sourceKey = '{808D9D7F-AA89-4D07-917E-A528F078E642}';
+            const destinationKey = '{808D9D6F-BA89-4D17-915E-A528E178EE64}';
+
+            this.createMap(sourceKey, destinationKey)
+                .forMember('proclaimedAge', (opts: IMemberConfigurationOptions) => opts.ignore())
+                .forMember('age', (opts: IMemberConfigurationOptions) => opts.mapFrom('ageOnId'))
+                .convertToType(Person);
+        }
+    }
+
+    class ValidatedAgeMappingProfile2 extends Profile {
+        public profileName = 'ValidatedAgeMappingProfile2';
+
+        public configure() {
+            const sourceKey = '{918D9D7F-AA89-4D07-917E-A528F07EEF42}';
+            const destinationKey = '{908D9D6F-BA89-4D17-915E-A528E988EE64}';
+
+            this.createMap(sourceKey, destinationKey)
+                .forMember('proclaimedAge', (opts: IMemberConfigurationOptions) => opts.ignore())
+                .forMember('age', (opts: IMemberConfigurationOptions) => opts.mapFrom('ageOnId'))
+                .convertToType(Person);
+        }
+    }
+
+    class Person {
+        fullName: string;
+        age: number;
+    }
+
+    class BeerBuyingYoungster extends Person {
+    }
+    class ExtendJasmine {
+        public static addCustomMatchers(): jasmine.CustomMatcherFactories {
+            var customMatchers: jasmine.CustomMatcherFactories = {
+                /** toEqualData compares to data objects using property matching */
+                toEqualData: (util: jasmine.MatchersUtil, customEqualityTesters: Array<jasmine.CustomEqualityTester>): any => {
+                    return {
+                        compare: function (actual: any, expected: any): jasmine.CustomMatcherResult {
+                            var pass = ExtendJasmine.equalsData(actual, expected);
+                            return {
+                                pass: pass,
+                                message: pass
+                                    ? 'Data sets do equal. Congratulations ;) !'
+                                    : 'Data sets do not equal: expected "' + JSON.stringify(expected) + '", actual "' + JSON.stringify(actual) + '".'
+                            };
+                        }
+                    };
+                },
+                "fail": (util: jasmine.MatchersUtil, customEqualityTesters: Array<jasmine.CustomEqualityTester>): any => {
+                    return {
+                        compare: function (actual: any, message: string): jasmine.CustomMatcherResult {
+                            return {
+                                pass: false,
+                                message: message || 'Jasmine test failed. Please provide a fix.'
+                            };
+                        }
+                    }
+                }
+            };
+            return customMatchers;        
+        }
+
+        public static equalsData(actual: any, expected: any): boolean {
+            var toClass = {}.toString;
+
+            // check array.
+            var actualType = toClass.call(actual);
+            var expectedType = toClass.call(expected);
+
+            if (actualType === '[object Array]') {
+                // check both are arrays
+                if (expectedType !== '[object Array]') {
+                    return false;
+                }
+
+                // check both have same length
+                if (expected.length !== actual.length) {
+                    return false;
+                }
+
+                for (var i = 0; i < actual.length; i++) {
+                    // check each item in the array
+                    if (!ExtendJasmine.equalsData(actual[i], expected[i]))
+                        return false;
+                }
+            }
+            else if (actualType === '[object Object]') {
+                // check both are objects
+                if (expectedType !== '[object Object]') {
+                    return false;
+                }
+
+                // check each property in the object
+                for (var propertyName in expected) {
+                    if (!expected.hasOwnProperty(propertyName)) {
+                        continue;
+                    }
+
+                    if (!actual.hasOwnProperty(propertyName)) {
+                        return false;
+                    }
+
+                    if (!ExtendJasmine.equalsData(actual[propertyName], expected[propertyName]))
+                        return false;
+                }
+            } else {
+                var actualIsUndefined = typeof actual === 'undefined';
+                var expectedIsUndefined = typeof expected === 'undefined';
+                if (actualIsUndefined !== expectedIsUndefined) {
+                    return false;
+                }
+
+                return actual === expected;
+            }
+
+            return true;
+        }
+    }
+}
\ No newline at end of file
diff --git a/automapper-ts/automapper-ts.d.ts b/automapper-ts/automapper-ts.d.ts
new file mode 100644
index 0000000000..b2bf17a966
--- /dev/null
+++ b/automapper-ts/automapper-ts.d.ts
@@ -0,0 +1,559 @@
+// Type definitions for automapper-ts
+// Project: https://github.com/loedeman/AutoMapper
+// Definitions by: Bert Loedeman <https://github.com/loedeman>
+// Definitions: https://github.com/borisyankov/DefinitelyTyped
+
+declare module AutoMapperJs {
+    /**
+     * AutoMapper implementation, for both creating maps and performing maps. Comparable usage and functionality to the original
+     * .NET AutoMapper library is the pursuit of this implementation.
+     */
+    class AutoMapper {
+        /**
+         * Initializes the mapper with the supplied configuration.
+         * @param {(config: IConfiguration) => void} Configuration function to call.
+         */
+        initialize(configFunction: (config: IConfiguration) => void): void;
+
+        /**
+         * Create a createMap curry function which expects only a destination key.
+         * @param {string} sourceKey The map source key.
+         * @returns {(destinationKey: string) => ICreateMapFluentFunctions}
+         */
+        createMap(sourceKey: string | (new() => any)): (destinationKey: string | (new() => any)) => ICreateMapFluentFunctions;
+
+        /**
+         * Create a mapping profile.
+         * @param {string} sourceKey The map source key.
+         * @param {string} destinationKey The map destination key.
+         * @returns {Core.ICreateMapFluentFunctions}
+         */
+        createMap(sourceKey: string | (new() => any), destinationKey: string | (new() => any)): ICreateMapFluentFunctions;
+
+        /**
+         * Create a map curry function which expects a destination key and a source object.
+         * @param sourceKey Source key, for instance the source type name.
+         * @returns {(destinationKey: string, sourceObject: any) => any}
+         */
+        map(sourceKey: string | (new() => any)): (destinationKey: string | (new() => any), sourceObject: any) => any;
+
+        /**
+         * Create a map curry function which expects only a source object.
+         * @param sourceKey Source key, for instance the source type name.
+         * @param destinationKey Destination key, for instance the destination type name.
+         * @returns {(sourceObject: any) => any}
+         */
+        map(sourceKey: string | (new() => any), destinationKey: string | (new() => any)): (sourceObject: any) => any;
+
+        /**
+         * Execute a mapping from the source object to a new destination object with explicit mapping configuration and supplied mapping options (using createMap).
+         * @param sourceKey Source key, for instance the source type name.
+         * @param destinationKey Destination key, for instance the destination type name.
+         * @param sourceObject The source object to map.
+         * @returns {any} Destination object.
+         */
+        map(sourceKey: string | (new() => any), destinationKey: string | (new() => any), sourceObject: any): any;
+
+        /**
+         * Create a mapAsync curry function which expects a destination key, a source object and a callback function.
+         * @param sourceKey Source key, for instance the source type name.
+         * @returns {(destinationKey: string, sourceObject: any, callback: IMapCallback) => void}
+         */
+        mapAsync(sourceKey: string | (new() => any)): (destinationKey: string | (new() => any), sourceObject: any, callback: IMapCallback) => void;
+
+        /**
+         * Create a map curry function which expects only a source object and a callback function.
+         * @param sourceKey Source key, for instance the source type name.
+         * @param destinationKey Destination key, for instance the destination type name.
+         * @param sourceObject The source object to map.
+         * @returns {(callback: IMapCallback) => void}
+         */
+        mapAsync(sourceKey: string | (new() => any), destinationKey: string | (new() => any), sourceObject: any): (callback: IMapCallback) => void;
+
+        /**
+         * Create a map curry function which expects only a source object and a callback function.
+         * @param sourceKey Source key, for instance the source type name.
+         * @param destinationKey Destination key, for instance the destination type name.
+         * @returns {(sourceObject: any, callback: IMapCallback) => void}
+         */
+        mapAsync(sourceKey: string | (new() => any), destinationKey: string | (new() => any)): (sourceObject: any, callback: IMapCallback) => void;
+
+        /**
+         * Execute an asynchronous mapping from the source object to a new destination object with explicit mapping configuration and supplied mapping options (using createMap).
+         * @param sourceKey Source key, for instance the source type name.
+         * @param destinationKey Destination key, for instance the destination type name.
+         * @param sourceObject The source object to map.
+         * @param {IMapCallback} callback The callback to call when asynchronous mapping is complete.
+         */
+        mapAsync(sourceKey: string | (new() => any), destinationKey: string | (new() => any), sourceObject: any, callback: IMapCallback): void;
+
+        /**
+         * Validates mapping configuration by dry-running. Since JS does not
+         * fully support typing, it only checks if properties match on both
+         * sides. The function needs IMapping.sourceTypeClass and 
+         * IMapping.destinationTypeClass to function.
+         * @param {boolean} strictMode Whether or not to fail when properties
+         *                             sourceTypeClass or destinationTypeClass
+         *                             are unavailable. 
+         */
+        assertConfigurationIsValid(strictMode?: boolean): void;
+    }
+
+    class AsyncAutoMapper {
+        /* For Test Purposes Only */
+    }
+
+    /**
+     * Converts source type to destination type instead of normal member mapping
+     */
+    class TypeConverter implements ITypeConverter {
+        /**
+         * Performs conversion from source to destination type.
+         * @param {IResolutionContext} resolutionContext Resolution context.
+         * @returns {any} Destination object.
+         */
+        convert(resolutionContext: IResolutionContext): any;
+    }
+
+    export class Profile implements IProfile {
+        /** Profile name */
+        public profileName: string;
+        
+        /** Naming convention for source members */
+        public sourceMemberNamingConvention: INamingConvention;
+        
+        /** Naming convention for destination members */
+        public destinationMemberNamingConvention: INamingConvention;
+        
+        /**
+         * Create a createMap curry function which expects only a destination key.
+         * @param {string} sourceKey The map source key.
+         * @returns {(destinationKey: string) => ICreateMapFluentFunctions}
+         */
+        protected createMap(sourceKey: string): (destinationKey: string) => ICreateMapFluentFunctions;
+
+        /**
+         * Create a mapping profile.
+         * @param {string} sourceKey The map source key.
+         * @param {string} destinationKey The map destination key.
+         * @returns {Core.ICreateMapFluentFunctions}
+         */
+        protected createMap(sourceKey: string, destinationKey: string): ICreateMapFluentFunctions;
+        
+        /**
+         * Implement this method in a derived class and call the CreateMap method to associate that map with this profile.
+         * Avoid calling the AutoMapper class / automapper instance from this method. 
+         */
+        public configure(): void;
+    }
+    
+    /**
+     * Defines the PascalCase naming convention strategy.
+     */
+    class PascalCaseNamingConvention implements INamingConvention {
+        /** Regular expression on how to tokenize a member. */
+        splittingExpression: RegExp;
+
+        /** Character to separate on. */
+        separatorCharacter: string;
+
+        /**
+         * Transformation function called when this convention is the destination naming convention.
+         * @param {string[]} sourcePropertyNameParts Array containing tokenized source property name parts.
+         * @returns {string} Destination property name
+         */
+        transformPropertyName(sourcePropertyNameParts: string[]): string;
+    }
+    
+    /**
+     * Defines the camelCase naming convention strategy.
+     */
+    class CamelCaseNamingConvention implements INamingConvention {
+        /** Regular expression on how to tokenize a member. */
+        splittingExpression: RegExp;
+
+        /** Character to separate on. */
+        separatorCharacter: string;
+
+        /**
+         * Transformation function called when this convention is the destination naming convention.
+         * @param {string[]} sourcePropertyNameParts Array containing tokenized source property name parts.
+         * @returns {string} Destination property name
+         */
+        transformPropertyName(sourcePropertyNameParts: string[]): string;
+    }
+
+
+
+    interface IProperty {
+        name: string;
+        metadata: IPropertyMetadata;
+        level: number;
+        sourceMapping: boolean;
+        ignore: boolean;
+        async: boolean;
+        children?: IProperty[];
+        destinations?: IProperty[];
+        conversionValuesAndFunctions: any[];
+        conditionFunction?: (sourceObject: any) => boolean;
+    }
+
+    interface IPropertyMetadata {
+        mapping: IMapping;
+        root: IProperty;
+        parent: IProperty;
+        destinations: {[name: string]: IPropertyDestinationMetadata};
+        destinationCount: number;
+    }
+
+    interface IPropertyDestinationMetadata {
+        source: IProperty;
+        destination: IProperty;
+    }
+
+    interface IMemberMappingMetaData {
+        destination: string;
+        source: string;
+        sourceMapping: boolean;
+        ignore: boolean;
+        async: boolean;
+        condition: (sourceObject: any) => boolean;
+    }
+
+    /**
+     * Member mapping properties.
+     */
+    interface IForMemberMapping {
+        /** The source member property name. */
+        sourceProperty: string;
+        /** The destination member property name parts for nested property support (e.g. 'type.name'). */
+        destinationProperty: string;
+        /** Source or destination mapping. */
+        sourceMapping: boolean;
+        /** All mapping values and/or functions resulting from stacked for(Source)Member calls. */
+        mappingValuesAndFunctions: Array<any>;
+        /** Whether or not this destination property must be ignored. */
+        ignore: boolean;
+        /** Whether or not this member mapping has an asynchronous mapping function. */
+        async: boolean;
+        /** 
+         * The object will only be mapped when the condition is met.
+         * @param {any} sourceObject The source object to check.
+         * @returns {boolean}
+         */
+        conditionFunction: (sourceObject: any) => boolean;
+    }
+
+    /**
+     * Interface for returning an object with available 'sub' functions to enable method chaining (e.g. automapper.createMap().forMember().forMember() ...)
+     */
+    interface ICreateMapFluentFunctions {
+        /**
+         * Customize configuration for an individual destination member.
+         * @param sourceProperty The destination member property name.
+         * @param valueOrFunction The value or function to use for this individual member.
+         * @returns {IAutoMapperCreateMapChainingFunctions}
+         */
+        forMember: (sourceProperty: string, valueOrFunction: any |
+                     ((opts: IMemberConfigurationOptions) => any) |
+                     ((opts: IMemberConfigurationOptions, cb: IMemberCallback) => void)) => ICreateMapFluentFunctions;
+
+        /**
+         * Customize configuration for an individual source member.
+         * @param sourceProperty The source member property name.
+         * @param sourceMemberConfigFunction The function to use for this individual member.
+         * @returns {IAutoMapperCreateMapChainingFunctions}
+         */
+        forSourceMember: (sourceProperty: string,
+                          sourceMemberConfigFunction: ((opts: ISourceMemberConfigurationOptions) => any) |
+                                                      ((opts: ISourceMemberConfigurationOptions, cb: IMemberCallback) => void)
+                         ) => ICreateMapFluentFunctions;
+
+        /**
+         * Customize configuration for all destination members.
+         * @param func The function to use for this individual member.
+         * @returns {IAutoMapperCreateMapChainingFunctions}
+         */
+        forAllMembers: (func: (destinationObject: any, destinationPropertyName: string, value: any) => void) => ICreateMapFluentFunctions;
+
+        /**
+         * Ignore all members not specified explicitly.
+         */
+        ignoreAllNonExisting: () => ICreateMapFluentFunctions;
+
+        /**
+         * Skip normal member mapping and convert using a custom type converter (instantiated during mapping).
+         * @param typeConverterClassOrFunction The converter class or function to use when converting.
+         */
+        convertUsing: (typeConverterClassOrFunction: ((resolutionContext: IResolutionContext) => any) |
+                                                     ((resolutionContext: IResolutionContext, callback: IMapCallback) => void) |
+                                                     ITypeConverter |
+                                                     (new() => ITypeConverter)
+                      ) => void;
+
+        /**
+         * Specify to which class type AutoMapper should convert. When specified, AutoMapper will create an instance of the given type, instead of returning a new object literal.
+         * @param typeClass The destination type class.
+         * @returns {IAutoMapperCreateMapChainingFunctions}
+         */
+        convertToType: (typeClass: new () => any) => ICreateMapFluentFunctions;
+
+        /**
+         * Specify which profile should be used when mapping.
+         * @param {string} profileName The profile name.
+         * @returns {IAutoMapperCreateMapChainingFunctions}
+         */
+        withProfile: (profileName: string) => void;
+    }
+
+    /**
+     * The mapping configuration for the current mapping keys/types.
+     */
+    interface IMapping {
+        /** The mapping source key. */
+        sourceKey: string;
+
+        /** The mapping destination key. */
+        destinationKey: string;
+
+        /** The mappings for forAllMembers functions. */
+        forAllMemberMappings: Array<(destinationObject: any, destinationPropertyName: string, value: any) => void>;
+
+        properties: IProperty[];
+
+        /**
+         * Skip normal member mapping and convert using a type converter.
+         * @param resolutionContext Context information regarding resolution of a destination value
+         * @returns {any} Destination object.
+         */
+        typeConverterFunction: ((resolutionContext: IResolutionContext) => any) |
+                               ((resolutionContext: IResolutionContext, callback: IMapCallback) => void);
+
+        /** The source type class to convert from. */
+        sourceTypeClass: any;
+
+        /** The destination type class to convert to. */
+        destinationTypeClass: any;
+
+        /** The profile used when mapping. */
+        profile?: IProfile;
+
+        /** Whether or not to ignore all properties not specified using createMap. */
+        ignoreAllNonExisting?: boolean;
+
+        /** Whether or not an mapping has to be asynchronous. */
+        async: boolean;
+
+        /*
+         * PERFORMANCE ENHANCEMENTS
+         */
+
+        /**
+         * Item mapping function to use.
+         */
+        mapItemFunction: IMapItemFunction | IAsyncMapItemFunction;
+    }
+
+    // export interface IMappingMapOptimized extends IMapping {
+    //     final: boolean;
+    //     forMemberMappingsArray: Array<IForMemberMapping>;
+    // }
+
+    /**
+     * Context information regarding resolution of a destination value
+     */
+    export interface IResolutionContext {
+        /** Source value */
+        sourceValue: any;
+
+        /** Destination value */
+        destinationValue: any;
+
+        /** Source property name */
+        sourcePropertyName?: string;
+
+        /** Destination property name */
+        destinationPropertyName?: string;
+
+        /** Index of current collection mapping */
+        arrayIndex?: number;
+    }
+
+    /**
+     * Configuration options for forMember mapping function.
+     */
+    interface IMemberConfigurationOptions {
+        /**
+         * Map from a custom source property name.
+         * @param sourcePropertyName The source property to map.
+         */
+        mapFrom: (sourcePropertyName: string) => void;
+
+        /** 
+         * When this configuration function is used, the (destination) property is ignored
+         * when mapping. 
+         */
+        ignore?: () => void;
+
+        /**
+         * If specified, the property will only be mapped when the condition is fulfilled.
+         */
+        condition: (predicate: ((sourceObject: any) => boolean)) => void;
+
+        /** The source object to map. */
+        sourceObject: any;
+
+        /** The source property to map. */
+        sourcePropertyName: string;
+
+        /**
+         * The intermediate destination property value, used for stacking multiple for(Source)Member calls 
+         * while elaborating the intermediate result.
+         */
+        intermediatePropertyValue: any;
+    }
+
+    /**
+     * Configuration options for forSourceMember mapping function.
+     */
+    interface ISourceMemberConfigurationOptions {
+        /**
+         * When this configuration function is used, the source property is ignored
+         * when mapping.
+         */
+        ignore: () => void;
+    }
+
+    /**
+     * Member callback interface
+     */
+    interface IMemberCallback {
+        /**
+         * Callback function to call when the async operation is executed.
+         * @param {any} callbackValue Callback value to be used as output for the for(Source)Member call.
+         */
+        (callbackValue: any): void;
+    }
+
+    /**
+     * Member callback interface
+     */
+    interface IMapCallback {
+        /**
+         * Callback function to call when the async operation is executed.
+         * @param {any} result Callback value to be used as output for the mapAsync call.
+         */
+        (result: any): void;
+    }
+
+    /**
+     * Converts source type to destination type instead of normal member mapping
+     */
+    export interface ITypeConverter {
+        /**
+         * Performs conversion from source to destination type.
+         * @param {IResolutionContext} resolutionContext Resolution context.
+         * @returns {any} Destination object.
+         */
+        convert: (resolutionContext: IResolutionContext) => any;
+    }
+
+    /**
+     * Defines a naming convention strategy.
+     */
+    export interface INamingConvention {
+        /** Regular expression on how to tokenize a member. */
+        splittingExpression: RegExp;
+
+        /** Character to separate on. */
+        separatorCharacter: string;
+
+        /**
+         * Transformation function called when this convention is the destination naming convention.
+         * @param {string[]} sourcePropertyNameParts Array containing tokenized source property name parts.
+         * @returns {string} Destination property name
+         */
+        transformPropertyName: (sourcePropertyNameParts: string[]) => string;
+    }
+
+    /**
+     * Configuration for profile-specific maps.
+     */
+    export interface IConfiguration {
+        /**
+         * Add an existing profile
+         * @param profile {IProfile} Profile to add.
+         */
+        addProfile(profile: IProfile): void;
+
+        /**
+         * Create a createMap curry function which expects only a destination key.
+         * @param {string} sourceKey The map source key.
+         * @returns {(destinationKey: string) => IAutoMapperCreateMapChainingFunctions}
+         */
+        createMap?(sourceKey: string): (destinationKey: string) => ICreateMapFluentFunctions;
+
+        /**
+         * Create a mapping profile.
+         * @param {string} sourceKey The map source key.
+         * @param {string} destinationKey The map destination key.
+         * @returns {Core.IAutoMapperCreateMapChainingFunctions}
+         */
+        createMap?(sourceKey: string, destinationKey: string): ICreateMapFluentFunctions;
+    }
+
+    /**
+     * Provides a named configuration for maps. Naming conventions become scoped per profile.
+     */
+    export interface IProfile {
+        /** Profile name */
+        profileName: string;
+
+        /** Naming convention for source members */
+        sourceMemberNamingConvention: INamingConvention;
+
+        /** Naming convention for destination members */
+        destinationMemberNamingConvention: INamingConvention;
+
+        /**
+         * Implement this method in a derived class and call the CreateMap method to associate that map with this profile.
+         * Avoid calling the AutoMapper class / automapper instance from this method. 
+         */
+        configure: () => void;
+    }
+
+    export interface IMapItemFunction {
+        (mapping: IMapping, sourceObject: any, destinationObject: any): any;
+    }
+
+    export interface IAsyncMapItemFunction {
+        (mapping: IMapping, sourceObject: any, destinationObject: any, callback: IMapCallback): void;
+    }
+
+    interface ICreateMapParameters {
+        mapping: IMapping;
+        destinationProperty: string;
+        conversionValueOrFunction: any;
+        sourceMapping: boolean;
+        fluentFunctions: ICreateMapFluentFunctions;
+    }
+
+    interface IGetOrCreatePropertyParameters {
+        propertyNameParts: string[];
+        mapping: IMapping;
+        parent?: IProperty;
+        propertyArray: IProperty[];
+        destination?: string;
+        sourceMapping: boolean;
+    }
+
+    interface ICreatePropertyParameters {
+        name: string;
+        mapping: IMapping;
+        parent: IProperty;
+        propertyArray: IProperty[];
+        sourceMapping: boolean;
+    }
+}
+
+declare var automapper: AutoMapperJs.AutoMapper;
\ No newline at end of file

From 6f000f4a2409b3f7737eb48896002f1970c75519 Mon Sep 17 00:00:00 2001
From: "Dmitry A. Efimenko" <dmitrief@gmail.com>
Date: Tue, 25 Oct 2016 07:17:34 -0700
Subject: [PATCH 264/313] add prompt() override returning promise (#12172)

according to [docs](https://www.npmjs.com/package/inquirer#inquirerpromptquestions---promise)
---
 inquirer/inquirer.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/inquirer/inquirer.d.ts b/inquirer/inquirer.d.ts
index 032740b31c..2abd6e6d53 100644
--- a/inquirer/inquirer.d.ts
+++ b/inquirer/inquirer.d.ts
@@ -33,6 +33,7 @@ declare module "inquirer" {
              * @return
              */
             prompt(questions: Questions, cb?: (answers: Answers) => any): ui.Prompt;
+            prompt(questions: Questions): Promise<Answers>;
             prompts: Prompts;
             Separator: objects.SeparatorStatic;
             ui: {

From 9f18cfbe989d0a8299e0decd99f47e76db2901b8 Mon Sep 17 00:00:00 2001
From: Mohsen Azimi <me@azimi.me>
Date: Tue, 25 Oct 2016 07:22:20 -0700
Subject: [PATCH 265/313] Add stats to config (#12023)

* Add stats to config

Reference
https://github.com/webpack/extract-text-webpack-plugin/issues/35#issuecomment-176689891

* Update webpack.d.ts
---
 webpack-dev-server/webpack-dev-server.d.ts | 2 +-
 webpack/webpack.d.ts                       | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/webpack-dev-server/webpack-dev-server.d.ts b/webpack-dev-server/webpack-dev-server.d.ts
index 9abc2004eb..c58a44ff7f 100644
--- a/webpack-dev-server/webpack-dev-server.d.ts
+++ b/webpack-dev-server/webpack-dev-server.d.ts
@@ -29,7 +29,7 @@ declare module "webpack-dev-server" {
             watchOptions?: webpack.WatchOptions;
             publicPath: string;
             headers?: any;
-            stats?: webpack.compiler.StatsToJsonOptions | webpack.compiler.StatsToStringOptions;
+            stats?: webpack.compiler.StatsOptions| webpack.compiler.StatsToStringOptions;
 
             setup?(app: core.Express): void;
         }
diff --git a/webpack/webpack.d.ts b/webpack/webpack.d.ts
index 42dbc81e05..b53d44bfb8 100644
--- a/webpack/webpack.d.ts
+++ b/webpack/webpack.d.ts
@@ -63,6 +63,8 @@ declare module "webpack" {
             recordsOutputPath?: string;
             /** Add additional plugins to the compiler. */
             plugins?: (Plugin|Function)[];
+            /** Stats options for logging  */
+            stats?: compiler.StatsOptions;
         }
 
         interface Entry {
@@ -482,12 +484,12 @@ declare module "webpack" {
                 /** Returns true if there were warnings while compiling. */
                 hasWarnings(): boolean;
                 /** Return information as json object */
-                toJson(options?: StatsToJsonOptions): any; //TODO: type this
+                toJson(options?: StatsOptions): any; //TODO: type this
                 /** Returns a formatted string of the result. */
                 toString(options?: StatsToStringOptions): string;
             }
 
-            interface StatsToJsonOptions {
+            interface StatsOptions {
                 /** context directory for request shortening */
                 context?: boolean;
                 /** add the hash of the compilation */
@@ -524,7 +526,7 @@ declare module "webpack" {
                 assetsSort?: string;
             }
 
-            interface StatsToStringOptions extends StatsToJsonOptions {
+            interface StatsToStringOptions extends StatsOptions {
                 /** With console colors */
                 colors?: boolean;
             }

From dab1b23f46df7c93051894071f84c3fd269e28d2 Mon Sep 17 00:00:00 2001
From: Pavel Birukov <birukov.pavel@gmail.com>
Date: Tue, 25 Oct 2016 15:23:39 +0100
Subject: [PATCH 266/313] Add .observe() to Observable (which is added in
 3.3.0) (#11973)

---
 kefir/kefir-tests.ts | 13 +++++++++++++
 kefir/kefir.d.ts     | 20 +++++++++++++++++++-
 2 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/kefir/kefir-tests.ts b/kefir/kefir-tests.ts
index 94300550b4..e706f51159 100644
--- a/kefir/kefir-tests.ts
+++ b/kefir/kefir-tests.ts
@@ -70,6 +70,19 @@ import { Observable, ObservablePool, Stream, Property, Event, Emitter } from 'ke
 	Kefir.sequentially(1000, [1, 2]).log('my stream');
 	Kefir.sequentially(1000, [1, 2]).offLog('my stream');
 	Kefir.sequentially(1000, [1, 2]).toPromise().then((x: number) => console.log('fulfilled with:', x));
+	Kefir.sequentially(1000, [1, 2]).observe({});
+	Kefir.sequentially(1000, [1, 2]).observe({
+		value: _ => {},
+		error: _ => {},
+		end: () => {},
+	});
+	Kefir.sequentially(1000, [1, 2]).observe();
+	const subscription = Kefir.sequentially(1000, [1, 2]).observe(
+		_ => {},
+		_ => {},
+		() => {}
+	);
+	if (!subscription.closed) subscription.unsubscribe();
 }
 
 // Modify an observable
diff --git a/kefir/kefir.d.ts b/kefir/kefir.d.ts
index e726dba915..d2d32c92d8 100644
--- a/kefir/kefir.d.ts
+++ b/kefir/kefir.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Kefir 3.2.0
+// Type definitions for Kefir 3.3.0
 // Project: http://rpominov.github.io/kefir/
 // Definitions by: Aya Morisawa <https://github.com/AyaMorisawa>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -7,6 +7,17 @@
 
 declare module "kefir" {
 
+	export interface Subscription {
+		unsubscribe(): void;
+		closed: boolean; // Actually, `readonly` but it's avaiable in tsc starting with 2.0.0
+	}
+
+	export interface Observer<T, S> {
+		value?: (value: T) => void;
+		error?: (error: S) => void;
+		end?: () => void;
+	}
+
 	export interface Observable<T, S> {
 		// Subscribe / add side effects
 		onValue(callback: (value: T) => void): void;
@@ -22,6 +33,13 @@ declare module "kefir" {
 		flatten<U>(transformer?: (value: T) => U[]): Stream<U, S>;
 		toPromise(PromiseConstructor?: any): any;
 		toESObservable(): any;
+		// This method is designed to replace all other methods for subscribing
+		observe(params: Observer<T, S>): Subscription;
+		observe(
+			onValue?: (value: T) => void,
+			onError?: (error: S) => void,
+			onEnd?: () => void
+		): Subscription;
 	}
 
 	export interface Stream<T, S> extends Observable<T, S> {

From 55f61799509836ce672e7763ecc249942b029275 Mon Sep 17 00:00:00 2001
From: Sumit <code@sumitmaitra.com>
Date: Tue, 25 Oct 2016 15:48:44 +0100
Subject: [PATCH 267/313] Updating Quill definitions to 1.1.0. Added more
 interfaces from the Quill framework. Also changed top level namespace to
 Quill as requested by some users. (#12147)

---
 quill/quill-tests.ts |  17 +++---
 quill/quill.d.ts     | 123 ++++++++++++++++++++++++++++---------------
 2 files changed, 92 insertions(+), 48 deletions(-)

diff --git a/quill/quill-tests.ts b/quill/quill-tests.ts
index 172b5fd461..b642611a54 100644
--- a/quill/quill-tests.ts
+++ b/quill/quill-tests.ts
@@ -1,4 +1,4 @@
-/// <reference path="quill.d.ts" />
+/// <reference path="./quill.d.ts" />
 
 function test_quill() {
     var quillEditor = new Quill('#editor', {
@@ -25,9 +25,14 @@ function test_enable() {
     quillEditor.enable();
 }
 
+function test_enable_false() {
+    let quillEditor = new Quill('#Editor');
+    quillEditor.enable(false);
+}
+
 function test_getContents() {
     var quillEditor = new Quill('#editor');
-    var delta: QuillJS.DeltaStatic = quillEditor.getContents();
+    var delta: Quill.DeltaStatic = quillEditor.getContents();
 }
 
 function test_getLength() {
@@ -95,24 +100,24 @@ function test_insertEmbed() {
 
 function test_updateContents() {
     var quillEditor = new Quill('#editor');
-    quillEditor.updateContents({
+    quillEditor.updateContents(new Delta({
         ops: [
             { retain: 6 },        // Keep 'Hello '
             { delete: 5 },        // 'World' is deleted
             { insert: 'Quill' },  // Insert 'Quill'
             { retain: 1, attributes: { bold: true } }    // Apply bold to exclamation mark
         ]
-    });
+    }));
 }
 
 function test_setContents() {
     var quillEditor = new Quill('#editor');
 
-    quillEditor.setContents([
+    quillEditor.setContents(new Delta({ ops: [
         { insert: 'Hello ' },
         { insert: 'World!', attributes: { bold: true } },
         { insert: '\n' }
-    ]);
+    ]}));
 }
 
 function test_setText() {
diff --git a/quill/quill.d.ts b/quill/quill.d.ts
index 8bd99d9496..7fa3788a5a 100644
--- a/quill/quill.d.ts
+++ b/quill/quill.d.ts
@@ -1,17 +1,33 @@
-// Type definitions for Quill v1.0.3
+// Type definitions for Quill v1.1.0
 // Project: http://quilljs.com
 // Definitions by: Sumit <https://github.com/sumitkm>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare namespace QuillJS {
+declare namespace Quill {
+
+    type Key = { key: string, shortKey?: boolean };
+    type Sources = "api" | "user" | "silent";
+    type Formats = { [key: string]: any };
+
+    export interface KeyboardStatic {
+        addBinding(key: Key, callback: (range: RangeStatic, context: any) => void): void;
+        addBinding(key: Key, context: any, callback: (range: RangeStatic, context: any) => void) : void;
+    }
+
+    export interface ClipboardStatic {
+        addMatcher(selector: string, callback: (node: any, delta: DeltaStatic) => DeltaStatic) : void;
+        addMatcher(nodeType: number, callback: (node: any, delta: DeltaStatic) => DeltaStatic) : void;
+        dangerouslyPasteHTML(html: string, source?: Sources): void;
+        dangerouslyPasteHTML(index: number, html: string, source?: Sources): void;
+    }
 
     export interface QuillOptionsStatic {
         debug?: string,
-        modules?: { [key: string]: any },
+        modules?: Formats,
         placeholder?: string,
         readOnly?: boolean,
         theme?: string,
-        formats?: string[] 
+        formats?: string[]
     }
 
     export interface BoundsStatic {
@@ -22,11 +38,26 @@ declare namespace QuillJS {
     }
 
     export interface DeltaStatic {
+        new (ops: Array<any>) : DeltaStatic;
+        new (ops: any) : DeltaStatic;
         ops?: Array<any>;
-        retain?: any,
-        delete?: any,
-        insert?: any,
-        attributes?: any
+        retain(length: number, attributes: any) : DeltaStatic;
+        delete(length: number) : DeltaStatic;
+        filter(predicate: any) : DeltaStatic;
+        forEach(predicate: any) : DeltaStatic;
+        insert(text: any, attributes: any): DeltaStatic;
+        map(predicate: any) : DeltaStatic;
+        partition(predicate: any) : DeltaStatic;
+        reduce(predicate: any, initial: number): DeltaStatic;
+        chop() : DeltaStatic;
+        length(): number;
+        slice(start: number, end: number): DeltaStatic;
+        compose(other: any): DeltaStatic;
+        concat(other: DeltaStatic): DeltaStatic;
+        diff(other: DeltaStatic, index: number) : DeltaStatic;
+        eachLine(predicate: any, newline: any) : DeltaStatic;
+        transform(other: any, priority: any) : DeltaStatic;
+        transformPosition(index: number, priority: any) : DeltaStatic;
     }
 
     export interface RangeStatic {
@@ -35,62 +66,70 @@ declare namespace QuillJS {
         length: number;
     }
 
-    type sourceType = "api" | "user" | "silent";
-    type formatsType = { [key: string]: any };
-
-    export interface QuillStatic {
-        new (container: string | Element, options?: QuillOptionsStatic): QuillStatic;
-        deleteText(start: number, end: number, source?: sourceType): void;
+    export interface Quill {
+        new (container: string | Element, options?: QuillOptionsStatic): Quill;
+        deleteText(index: number, length: number, source?: Sources): void;
         disable(): void;
         enable(enabled?: boolean): void;
-        getContents(start?: number, end?: number): DeltaStatic;
+        getContents(index?: number, length?: number): DeltaStatic;
         getLength(): number;
-        getText(start?: number, end?: number): string;
-        insertEmbed(index: number, type: string, url: string, source?: sourceType): void;
-        insertText(index: number, text: string, source?: sourceType): void;
-        insertText(index: number, text: string, format: string, value: string, source?: sourceType): void;
-        insertText(index: number, text: string, formats: formatsType, source?: sourceType): void;
-        pasteHTML(index: number, html: string, source?:sourceType): string;
-        pasteHTML(html:string, source?: sourceType): string;
-        setContents(delta: DeltaStatic, source?: sourceType): void;
-        setText(text: string, source?: sourceType): void;
+        getText(index?: number, length?: number): string;
+        insertEmbed(index: number, type: string, value: any, source?: Sources): void;
+        insertText(index: number, text: string, source?: Sources): DeltaStatic;
+        insertText(index: number, text: string, format: string, value: any, source?: Sources): DeltaStatic;
+        insertText(index: number, text: string, formats: Formats, source?: Sources): DeltaStatic;
+        /**
+        * @deprecated Use clipboard.dangerouslyPasteHTML(index: number, html: string, source: Sources)
+        */
+        pasteHTML(index: number, html: string, source?: Sources): string;
+        /**
+        * @deprecated Use dangerouslyPasteHTML(html: string, source: Sources): void;
+        */
+        pasteHTML(html: string, source?: Sources): string;
+        setContents(delta: DeltaStatic, source?: Sources): DeltaStatic;
+        setText(text: string, source?: Sources): DeltaStatic;
         update(source?: string): void;
-        updateContents(delta: DeltaStatic, source?: sourceType): void;
+        updateContents(delta: DeltaStatic, source?: Sources): DeltaStatic;
 
-        format(name: string, value: any, source?: sourceType): void;
-        formatLine(index: number, length: number, source?: sourceType): void;
-        formatLine(index: number, length: number, format: string, value: any, source?: sourceType): void;
-        formatLine(index: number, length: number, formats: formatsType, source?: sourceType): void;
-        formatText(index: number, length: number, source?: sourceType): void;
-        formatText(index: number, length: number, format: string, value: any, source?: sourceType): void;
-        formatText(index: number, length: number, formats: formatsType, source?: sourceType): void;
-        getFormat(range?: RangeStatic): formatsType;
-        getFormat(index: number, length?: number): formatsType;
-        removeFormat(index: Number, length: Number, source?: sourceType): void;
+        format(name: string, value: any, source?: Sources): DeltaStatic;
+        formatLine(index: number, length: number, source?: Sources): DeltaStatic;
+        formatLine(index: number, length: number, format: string, value: any, source?: Sources): DeltaStatic;
+        formatLine(index: number, length: number, formats: Formats, source?: Sources): DeltaStatic;
+        formatText(index: number, length: number, source?: Sources): DeltaStatic;
+        formatText(index: number, length: number, format: string, value: any, source?: Sources): DeltaStatic;
+        formatText(index: number, length: number, formats: Formats, source?: Sources): DeltaStatic;
+        getFormat(range?: RangeStatic): Formats;
+        getFormat(index: number, length?: number): Formats;
+        removeFormat(index: number, length: number, source?: Sources): void;
 
         blur(): void;
         focus(): void;
         getBounds(index: number, length?: number): BoundsStatic;
         getSelection(focus?: boolean): RangeStatic;
         hasFocus(): boolean;
-        setSelection(index: number, length: number, source?: sourceType): void;
-        setSelection(range: RangeStatic, source?: sourceType): void;
+        setSelection(index: number, length: number, source?: Sources): void;
+        setSelection(range: RangeStatic, source?: Sources): void;
 
         on(eventName: string, callback: (<T>(delta: T, oldContents: T, source: string) => void) |
-            ((name: string, ...args: any[]) => void)): QuillStatic;
-        once(eventName: string, callback: (delta: DeltaStatic, source: string) => void): QuillStatic;
-        off(eventName: string, callback: (delta: DeltaStatic, source: string) => void): QuillStatic;
+            ((name: string, ...args: any[]) => void)): Quill;
+        once(eventName: string, callback: (delta: DeltaStatic, source: string) => void): Quill;
+        off(eventName: string, callback: (delta: DeltaStatic, source: string) => void): Quill;
 
         debug(level: string): void;
         import(path: string): any;
         register(path: string, def: any, suppressWarning?: boolean): void;
-        register(defs: formatsType, suppressWarning?: boolean): void;
+        register(defs: Formats, suppressWarning?: boolean): void;
         addContainer(className: string, refNode?: any): any;
+        addContainer(domNode: any, refNode?: any): any;
         getModule(name: string): any
+
+        clipboard: ClipboardStatic;
     }
 }
 
-declare var Quill: QuillJS.QuillStatic;
+declare var Quill: Quill.Quill;
+
+declare var Delta: Quill.DeltaStatic;
 
 declare module "quill" {
     export = Quill;

From d290d688b339e3609e77da9db008709e9051bb18 Mon Sep 17 00:00:00 2001
From: Duy Dao <duydao@users.noreply.github.com>
Date: Tue, 25 Oct 2016 16:54:01 +0200
Subject: [PATCH 268/313] Update redux-storage-decorator-filter to 1.1.6
 (#12067)

Added support for blacklist.
---
 redux-storage/redux-storage-tests.ts |  3 ++-
 redux-storage/redux-storage.d.ts     | 25 +++++++++++++++----------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/redux-storage/redux-storage-tests.ts b/redux-storage/redux-storage-tests.ts
index 484366c925..93cb732582 100644
--- a/redux-storage/redux-storage-tests.ts
+++ b/redux-storage/redux-storage-tests.ts
@@ -11,6 +11,7 @@ import createReactNativeAsyncStorageEngine from "redux-storage-engine-reactnativ
 interface TestState {
     a: number;
     b: string;
+    c: string;
 }
 
 function rootReducer(state: TestState, action: Action): TestState {
@@ -19,7 +20,7 @@ function rootReducer(state: TestState, action: Action): TestState {
 
 const enhancedReducer = reducer(rootReducer, reduxStorageImmutableMerger);
 
-const storageEngine = createEngine("test");
+const storageEngine = filter(createEngine("test"), ['a', 'b'], ['c']);
 
 const initialStateLoader = createLoader(storageEngine);
 
diff --git a/redux-storage/redux-storage.d.ts b/redux-storage/redux-storage.d.ts
index e9583d157b..3ff982c50b 100644
--- a/redux-storage/redux-storage.d.ts
+++ b/redux-storage/redux-storage.d.ts
@@ -26,7 +26,7 @@ declare module "redux-storage" {
          * Save
          * @param state
          */
-        save(state: any): PromiseLike<any>
+        save(state: any): PromiseLike<any>;
     }
 
     export interface StateMerger {
@@ -66,28 +66,33 @@ declare module "redux-storage" {
 declare module "redux-storage-decorator-filter" {
     import { StorageEngine } from "redux-storage";
 
-    interface WhitelistArg {
+    interface FilterList {
         [key: number]: string | string[];
     }
 
     /**
      * Filter decorator for redux-storage to only store a subset of the whole state tree.
-     * @param engine
-     * @param whitelist
+     * @param {StorageEngine} engine the redux storage engine
+     * @param {FilterList} [whitelist=[]] keys that will be stored.
+     * @param {FilterList} [blacklist=[]] keys that won't be stored.
      * @example
+     * import filter from 'redux-storage-decorator-filter';
      * engine = filter(engine, [
-     * 'simple-key',
-     * ['nested', 'key'],
-     * ['another', 'very', 'nested', 'key']
+     *     'whitelisted-key',
+     *     ['nested', 'key'],
+     *     ['another', 'very', 'nested', 'key']
+     * ], [
+     *     'blacklisted-key',
+     *     ['nested', 'blacklisted-key']
      * ]);
      */
-    export default function(engine: StorageEngine, whitelist?: WhitelistArg): StorageEngine;
+    export default function (engine: StorageEngine, whitelist?: FilterList, blacklist?: FilterList): StorageEngine;
 }
 
 declare module "redux-storage-engine-localstorage" {
     import { StorageEngine } from "redux-storage";
 
-    export interface LocalStorageEngine extends StorageEngine {}
+    export interface LocalStorageEngine extends StorageEngine { }
 
     /**
      * Create local storage
@@ -99,7 +104,7 @@ declare module "redux-storage-engine-localstorage" {
 declare module "redux-storage-engine-reactnativeasyncstorage" {
     import { StorageEngine } from "redux-storage";
 
-    export interface ReactNativeAsyncStorageEngine extends StorageEngine {}
+    export interface ReactNativeAsyncStorageEngine extends StorageEngine { }
 
     /**
      * Create React Native Async Storage

From b424d28ab14b2d54b52e7cc7aaeca34cd1dacc11 Mon Sep 17 00:00:00 2001
From: Chris Fisher <chris.i.fisher@gmail.com>
Date: Wed, 26 Oct 2016 03:58:26 +1300
Subject: [PATCH 269/313] Update react-native.d.ts (#12050)

* Update react-native.d.ts

Added additional props to NavigationHeaderProps.

* Update react-native.d.ts

Fixed indentation.

* Added more NavigationHeaderProps.
Also updated type for NavigationHeaderStatic.Title.
---
 react-native/react-native.d.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/react-native/react-native.d.ts b/react-native/react-native.d.ts
index f215fd3c8b..4cc5d47449 100644
--- a/react-native/react-native.d.ts
+++ b/react-native/react-native.d.ts
@@ -7502,11 +7502,16 @@ declare namespace  __React {
 
     export interface NavigationHeaderProps {
         renderTitleComponent?(props: Object): JSX.Element
+        renderLeftComponent?(props: Object): JSX.Element
+        renderRightComponent?(props: Object): JSX.Element
         onNavigateBack(): void
+        style?: ViewStyle
+        viewProps?: any
+        statusBarHeight?: number | NavigationAnimatedValue
     }
 
     export interface NavigationHeaderStatic extends React.ComponentClass<NavigationHeaderProps> {
-        Title: JSX.Element
+        Title: () => JSX.ElementClass
         HEIGHT: number
     }
 

From dbd5fbc59a3cfe084a06d80b591ed86987234159 Mon Sep 17 00:00:00 2001
From: Linda_pp <rhysd@users.noreply.github.com>
Date: Wed, 26 Oct 2016 00:02:42 +0900
Subject: [PATCH 270/313] Add 'react-bytesize-icons' package (#12150)

* Add 'react-bytesize-icons' package

* Do not use 'import' in augumented module declaration

* Remove non-module namespace
---
 .../react-bytesize-icons-tests.tsx            |  10 ++
 .../react-bytesize-icons.d.ts                 | 106 ++++++++++++++++++
 2 files changed, 116 insertions(+)
 create mode 100644 react-bytesize-icons/react-bytesize-icons-tests.tsx
 create mode 100644 react-bytesize-icons/react-bytesize-icons.d.ts

diff --git a/react-bytesize-icons/react-bytesize-icons-tests.tsx b/react-bytesize-icons/react-bytesize-icons-tests.tsx
new file mode 100644
index 0000000000..6247ee49d8
--- /dev/null
+++ b/react-bytesize-icons/react-bytesize-icons-tests.tsx
@@ -0,0 +1,10 @@
+/// <reference path="../react/react-dom.d.ts" />
+/// <reference path="./react-bytesize-icons.d.ts" />
+
+import * as React from 'react';
+import {render} from 'react-dom';
+import {Activity, External, Export} from 'react-bytesize-icons';
+
+render(<Activity/>, document.getElementById('test'));
+render(<External width={42} color="blue"/>, document.getElementById('test'));
+render(<Export width={42} height={21} strokeWidth="10%" strokeLinejoin="bevel" strokeLinecap="butt" color="blue"/>, document.getElementById('test'));
diff --git a/react-bytesize-icons/react-bytesize-icons.d.ts b/react-bytesize-icons/react-bytesize-icons.d.ts
new file mode 100644
index 0000000000..956ab90cd0
--- /dev/null
+++ b/react-bytesize-icons/react-bytesize-icons.d.ts
@@ -0,0 +1,106 @@
+// Type definitions for react-bytesize-icons 0.6.4
+// Project: https://github.com/abdelhai/react-bytesize-icons
+// Definitions by: rhysd <https://rhysd.github.io>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../react/react.d.ts" />
+
+declare module "react-bytesize-icons" {
+    export type StrokeLinejoin = "round" | "bevel" | "miter" | "inherit";
+    export type StrokeLinecap = "round" | "butt" | "square" | "inherit";
+    interface BytesizeIconsProps extends __React.Props<any> {
+        width?: number;
+        height?: number;
+        strokeWidth?: string;
+        strokeLinejoin?: StrokeLinejoin;
+        strokeLinecap?: StrokeLinecap;
+        color?: string;
+    }
+    export class BytesizeIconComponent extends __React.Component<BytesizeIconsProps, {}> {}
+
+    export class Activity extends BytesizeIconComponent {}
+    export class Alert extends BytesizeIconComponent {}
+    export class Archive extends BytesizeIconComponent {}
+    export class ArrowBottom extends BytesizeIconComponent {}
+    export class ArrowLeft extends BytesizeIconComponent {}
+    export class ArrowRight extends BytesizeIconComponent {}
+    export class ArrowTop extends BytesizeIconComponent {}
+    export class Backwards extends BytesizeIconComponent {}
+    export class Ban extends BytesizeIconComponent {}
+    export class Bell extends BytesizeIconComponent {}
+    export class Bookmark extends BytesizeIconComponent {}
+    export class Camera extends BytesizeIconComponent {}
+    export class CaretBottom extends BytesizeIconComponent {}
+    export class CaretLeft extends BytesizeIconComponent {}
+    export class CaretRight extends BytesizeIconComponent {}
+    export class CaretTop extends BytesizeIconComponent {}
+    export class Cart extends BytesizeIconComponent {}
+    export class Checkmark extends BytesizeIconComponent {}
+    export class ChevronBottom extends BytesizeIconComponent {}
+    export class ChevronLeft extends BytesizeIconComponent {}
+    export class ChevronRight extends BytesizeIconComponent {}
+    export class ChevronTop extends BytesizeIconComponent {}
+    export class Clock extends BytesizeIconComponent {}
+    export class Close extends BytesizeIconComponent {}
+    export class Code extends BytesizeIconComponent {}
+    export class Compose extends BytesizeIconComponent {}
+    export class Creditcard extends BytesizeIconComponent {}
+    export class Download extends BytesizeIconComponent {}
+    export class Send extends BytesizeIconComponent {}
+    export class Edit extends BytesizeIconComponent {}
+    export class Eject extends BytesizeIconComponent {}
+    export class EllipsisHorizontal extends BytesizeIconComponent {}
+    export class EllipsisVertical extends BytesizeIconComponent {}
+    export class End extends BytesizeIconComponent {}
+    export class Export extends BytesizeIconComponent {}
+    export class External extends BytesizeIconComponent {}
+    export class Book extends BytesizeIconComponent {}
+    export class Calendar extends BytesizeIconComponent {}
+    export class Print extends BytesizeIconComponent {}
+    export class Eye extends BytesizeIconComponent {}
+    export class File extends BytesizeIconComponent {}
+    export class Fire extends BytesizeIconComponent {}
+    export class Flag extends BytesizeIconComponent {}
+    export class FolderOpen extends BytesizeIconComponent {}
+    export class Folder extends BytesizeIconComponent {}
+    export class Forwards extends BytesizeIconComponent {}
+    export class Gift extends BytesizeIconComponent {}
+    export class Github extends BytesizeIconComponent {}
+    export class Heart extends BytesizeIconComponent {}
+    export class Home extends BytesizeIconComponent {}
+    export class Import extends BytesizeIconComponent {}
+    export class Inbox extends BytesizeIconComponent {}
+    export class Info extends BytesizeIconComponent {}
+    export class Lightning extends BytesizeIconComponent {}
+    export class Link extends BytesizeIconComponent {}
+    export class Location extends BytesizeIconComponent {}
+    export class Lock extends BytesizeIconComponent {}
+    export class Mail extends BytesizeIconComponent {}
+    export class Menu extends BytesizeIconComponent {}
+    export class Message extends BytesizeIconComponent {}
+    export class Music extends BytesizeIconComponent {}
+    export class Mute extends BytesizeIconComponent {}
+    export class Options extends BytesizeIconComponent {}
+    export class Paperclip extends BytesizeIconComponent {}
+    export class Pause extends BytesizeIconComponent {}
+    export class Photo extends BytesizeIconComponent {}
+    export class Plus extends BytesizeIconComponent {}
+    export class Minus extends BytesizeIconComponent {}
+    export class Play extends BytesizeIconComponent {}
+    export class Portfolio extends BytesizeIconComponent {}
+    export class Reload extends BytesizeIconComponent {}
+    export class Reply extends BytesizeIconComponent {}
+    export class Search extends BytesizeIconComponent {}
+    export class Settings extends BytesizeIconComponent {}
+    export class Star extends BytesizeIconComponent {}
+    export class Start extends BytesizeIconComponent {}
+    export class Tag extends BytesizeIconComponent {}
+    export class Trash extends BytesizeIconComponent {}
+    export class Twitter extends BytesizeIconComponent {}
+    export class Unlock extends BytesizeIconComponent {}
+    export class Upload extends BytesizeIconComponent {}
+    export class User extends BytesizeIconComponent {}
+    export class Video extends BytesizeIconComponent {}
+    export class Volume extends BytesizeIconComponent {}
+    export class Work extends BytesizeIconComponent {}
+}

From 4e310dbcc077de71388f1370e1621f7fad7a4ff6 Mon Sep 17 00:00:00 2001
From: Xavier Stouder <xavier@stouder.io>
Date: Tue, 25 Oct 2016 17:08:41 +0200
Subject: [PATCH 271/313] Create xmldoc definitions (#12219)

* Create xmldoc definitions

* Fix implicit any
---
 xmldoc/xmldoc-tests.ts |  7 +++++++
 xmldoc/xmldoc.d.ts     | 33 +++++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 xmldoc/xmldoc-tests.ts
 create mode 100644 xmldoc/xmldoc.d.ts

diff --git a/xmldoc/xmldoc-tests.ts b/xmldoc/xmldoc-tests.ts
new file mode 100644
index 0000000000..4cc1f82c94
--- /dev/null
+++ b/xmldoc/xmldoc-tests.ts
@@ -0,0 +1,7 @@
+/// <reference path="../node/node.d.ts" />
+/// <reference path="./xmldoc.d.ts" />
+
+import * as xmldoc from "xmldoc";
+
+const doc = new xmldoc.XmlDocument("<poney>magic</poney>");
+console.log(doc.toString());
\ No newline at end of file
diff --git a/xmldoc/xmldoc.d.ts b/xmldoc/xmldoc.d.ts
new file mode 100644
index 0000000000..f9ae994e82
--- /dev/null
+++ b/xmldoc/xmldoc.d.ts
@@ -0,0 +1,33 @@
+// Type definitions for xmldoc 0.5.1
+// Project: https://www.npmjs.com/package/xmldoc
+// Definitions by: Xavier Stouder <https://github.com/Xstoudi>
+// Definitions: https://github.com/DefinitelyTyped/
+
+declare module "xmldoc" {
+    export class XmlDocument {
+        constructor(xmlString: string);
+
+        eachChild(func: (child: XmlElement, index?: number, array?: XmlElement[]) => void): void;
+        childNamed(name: string): XmlElement;
+        childrenNamed(name: string): XmlElement[];
+        childWithAttribute(name: string, value?: string): XmlElement;
+        descendantWithPath(path: string): XmlElement;
+        valueWithPath(path: string): string;
+        toString(opts?: XmlOptions): string;
+    }
+    export class XmlElement {
+        eachChild(func: (child: XmlElement, index?: number, array?: XmlElement[]) => void): void;
+        childNamed(name: string): XmlElement;
+        childrenNamed(name: string): XmlElement[];
+        childWithAttribute(name: string, value?: string): XmlElement;
+        descendantWithPath(path: string): XmlElement;
+        valueWithPath(path: string): string;
+        toString(opts?: XmlOptions): string;
+    }
+
+    export interface XmlOptions {
+        compressed?: boolean;
+        trimmed?: boolean;
+        preserveWhitespace?: boolean;
+    }
+}
\ No newline at end of file

From b6f6ba5f89cf1eaf295ca78a0ad74c4dab2457c1 Mon Sep 17 00:00:00 2001
From: Karol Janyst <lapkom@gmail.com>
Date: Wed, 26 Oct 2016 00:29:19 +0900
Subject: [PATCH 272/313] Update definitions for react-fa (#12119)

---
 react-fa/react-fa-4.0.0.d.ts | 28 +++++++++++++++++++++++
 react-fa/react-fa-tests.tsx  | 22 +++++++++++++-----
 react-fa/react-fa.d.ts       | 43 +++++++++++++++++++++---------------
 3 files changed, 70 insertions(+), 23 deletions(-)
 create mode 100644 react-fa/react-fa-4.0.0.d.ts

diff --git a/react-fa/react-fa-4.0.0.d.ts b/react-fa/react-fa-4.0.0.d.ts
new file mode 100644
index 0000000000..0b6b166a22
--- /dev/null
+++ b/react-fa/react-fa-4.0.0.d.ts
@@ -0,0 +1,28 @@
+// Type definitions for react-fa v4.0.0
+// Project: https://github.com/andreypopp/react-fa
+// Definitions by: Frank Laub <https://github.com/flaub>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../react/react.d.ts" />
+
+declare module "react-fa" {
+	import { ComponentClass, Props } from 'react';
+
+	interface IconProps extends Props<Icon> {
+		name: string;
+		className?: string;
+		size?: string;
+		spin?: boolean;
+		rotate?: string;
+		flip?: string;
+		fixedWidth?: boolean;
+		pulse?: boolean;
+		stack?: string;
+		inverse?: boolean;
+	}
+
+	interface Icon extends ComponentClass<IconProps> { }
+	const Icon: Icon;
+
+	export = Icon;
+}
diff --git a/react-fa/react-fa-tests.tsx b/react-fa/react-fa-tests.tsx
index 778c6b16ac..2fa87a20dc 100644
--- a/react-fa/react-fa-tests.tsx
+++ b/react-fa/react-fa-tests.tsx
@@ -1,11 +1,23 @@
+// React Fa Test
+// ================================================================================
 /// <reference path="react-fa.d.ts"/>
 /// <reference path="../react/react-dom.d.ts"/>
 
-import * as React from "react";
-import { render } from 'react-dom';
-import Icon = require('react-fa');
+// Imports
+// --------------------------------------------------------------------------------
+import * as React from "react"
+import { render } from "react-dom"
+import { Icon, IconStack } from "react-fa"
 
 render(
-	<Icon spin name="spinner" />,
-	document.getElementById('main')
+	<Icon spin name="spinner" rotate="90" size="2x" Component="span" />,
+	document.getElementById("main")
+)
+
+render(
+	<IconStack size="2x">
+		<Icon name="test" stack="2x" />
+		<Icon name="test" stack="1x" />
+	</IconStack>,
+	document.getElementById("main")
 )
diff --git a/react-fa/react-fa.d.ts b/react-fa/react-fa.d.ts
index 0b6b166a22..570a50893e 100644
--- a/react-fa/react-fa.d.ts
+++ b/react-fa/react-fa.d.ts
@@ -1,28 +1,35 @@
-// Type definitions for react-fa v4.0.0
+// Type definitions for react-fa v4.1.2
 // Project: https://github.com/andreypopp/react-fa
-// Definitions by: Frank Laub <https://github.com/flaub>
+// Definitions by: Frank Laub <https://github.com/flaub>, Karol Janyst <https://github.com/LKay>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="../react/react.d.ts" />
 
 declare module "react-fa" {
-	import { ComponentClass, Props } from 'react';
+    import { Component, ClassAttributes } from "react";
 
-	interface IconProps extends Props<Icon> {
-		name: string;
-		className?: string;
-		size?: string;
-		spin?: boolean;
-		rotate?: string;
-		flip?: string;
-		fixedWidth?: boolean;
-		pulse?: boolean;
-		stack?: string;
-		inverse?: boolean;
-	}
+    type IconSize = "lg" | "2x" | "3x" | "4x" | "5x"
 
-	interface Icon extends ComponentClass<IconProps> { }
-	const Icon: Icon;
+    interface IconProps extends ClassAttributes<Icon> {
+        name: string
+        className?: string
+        size?: IconSize
+        rotate?: "45" | "90" | "135" | "180" | "225" | "270" | "315"
+        flip?: "horizontal" | "vertical"
+        fixedWidth?: boolean
+        spin?: boolean
+        pulse?: boolean
+        stack?: "1x" | "2x"
+        inverse?: boolean
+        Component?: string | Function
+    }
+    export class Icon extends Component<IconProps, {}> {}
 
-	export = Icon;
+    interface IconStackProps extends ClassAttributes<IconStack> {
+        className?: string
+        size?: IconSize
+    }
+    export class IconStack extends Component<IconStackProps, {}> {}
+
+    export default Icon
 }

From 4cc7cbabf6dce8e5e684622d538db6241fbc0a7b Mon Sep 17 00:00:00 2001
From: Mike Deverell <devrelm@users.noreply.github.com>
Date: Tue, 25 Oct 2016 11:35:40 -0400
Subject: [PATCH 273/313] [enzyme] state() with no props as an "S" (state type)
 return type (#12211)

* clarify and fix 'options' object types; Hammer.Manager requires an EventTarget, not HTMLElement

* fix RecognizerTuple type

* `state()` with no props has an `S` (state type) return value
---
 enzyme/enzyme-tests.tsx | 2 +-
 enzyme/enzyme.d.ts      | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/enzyme/enzyme-tests.tsx b/enzyme/enzyme-tests.tsx
index e5d56200cb..b87a759861 100644
--- a/enzyme/enzyme-tests.tsx
+++ b/enzyme/enzyme-tests.tsx
@@ -204,7 +204,7 @@ namespace ShallowWrapperTest {
     }
 
     function test_state() {
-        shallowWrapper.state();
+        const state: MyComponentState = shallowWrapper.state();
         shallowWrapper.state('key');
         const tmp: String = shallowWrapper.state<String>('key');
     }
diff --git a/enzyme/enzyme.d.ts b/enzyme/enzyme.d.ts
index 5a53f8bf20..85a72127c1 100644
--- a/enzyme/enzyme.d.ts
+++ b/enzyme/enzyme.d.ts
@@ -204,8 +204,9 @@ declare module "enzyme" {
          * Returns the state hash for the root node of the wrapper. Optionally pass in a prop name and it will return just that value.
          * @param [key]
          */
-        state(key?: string): any;
-        state<T>(key?: string): T;
+        state(): S;
+        state(key: string): any;
+        state<T>(key: string): T;
 
         /**
          * Returns the context hash for the root node of the wrapper. Optionally pass in a prop name and it will return just that value.

From 54eb1c37f3c1a5dc9c8c09972849b7345e4a4b86 Mon Sep 17 00:00:00 2001
From: Ivo Stratev <ivo.stratev.tues@gmail.com>
Date: Tue, 25 Oct 2016 18:37:04 +0300
Subject: [PATCH 274/313] Adding react-syntax-highlighter (#12165)

---
 .../react-syntax-highlighter-tests.tsx        |  20 +
 .../react-syntax-highlighter.d.ts             | 502 ++++++++++++++++++
 2 files changed, 522 insertions(+)
 create mode 100644 react-syntax-highlighter/react-syntax-highlighter-tests.tsx
 create mode 100644 react-syntax-highlighter/react-syntax-highlighter.d.ts

diff --git a/react-syntax-highlighter/react-syntax-highlighter-tests.tsx b/react-syntax-highlighter/react-syntax-highlighter-tests.tsx
new file mode 100644
index 0000000000..00a8cac6f7
--- /dev/null
+++ b/react-syntax-highlighter/react-syntax-highlighter-tests.tsx
@@ -0,0 +1,20 @@
+/// <reference path="react-syntax-highlighter.d.ts" />
+
+import * as React from 'react';
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import { docco } from 'react-syntax-highlighter/dist/styles';
+
+function highlighter(): JSX.Element {
+  const codeString: string =
+`class CPP {
+    private year: number;
+    public constructor(private version: string) {
+        this.year = Number(version.match(/.+\d+$/));
+    }
+    public version(): string {
+        return this.version;
+    }
+}
+`;
+  return <SyntaxHighlighter language='javascript' style={docco}>{codeString}</SyntaxHighlighter>;  
+}
\ No newline at end of file
diff --git a/react-syntax-highlighter/react-syntax-highlighter.d.ts b/react-syntax-highlighter/react-syntax-highlighter.d.ts
new file mode 100644
index 0000000000..127fe10b31
--- /dev/null
+++ b/react-syntax-highlighter/react-syntax-highlighter.d.ts
@@ -0,0 +1,502 @@
+// Type definitions for react-syntax-highlighter
+// Project: https://github.com/conorhastings/react-syntax-highlighter
+// Definitions by: Ivo Stratev <https://github.com/NoHomey>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../react/react.d.ts" />
+
+declare module 'react-syntax-highlighter' {
+    import SyntaxHighlighter from 'react-syntax-highlighter/dist/light';
+    export default SyntaxHighlighter;
+}
+
+declare module 'react-syntax-highlighter/dist/light' {
+    import * as React from 'react';
+
+    interface SyntaxHighlighterProps {
+        language?: string;
+        style?: any;
+        customStyle?: any;
+        codeTagProps?: HTMLElement;
+        useInlineStyles?: boolean;
+        showLineNumbers?: boolean;
+        startingLineNumber?: number;
+        lineNumberStyle?: any;
+        [spread: string]: any;
+    }
+
+    export default class SyntaxHighlighter extends React.Component<SyntaxHighlighterProps, any> { 
+        
+    }
+}
+
+declare module 'react-syntax-highlighter/dist/styles' {
+    export { default as agate } from 'react-syntax-highlighter/dist/styles/agate';
+    export { default as androidstudio } from 'react-syntax-highlighter/dist/styles/androidstudio';
+    export { default as arduinoLight } from 'react-syntax-highlighter/dist/styles/arduino-light';
+    export { default as arta } from 'react-syntax-highlighter/dist/styles/arta';
+    export { default as ascetic } from 'react-syntax-highlighter/dist/styles/ascetic';
+    export { default as atelierCaveDark } from 'react-syntax-highlighter/dist/styles/atelier-cave-dark';
+    export { default as atelierCaveLight } from 'react-syntax-highlighter/dist/styles/atelier-cave-light';
+    export { default as atelierDuneDark } from 'react-syntax-highlighter/dist/styles/atelier-dune-dark';
+    export { default as atelierDuneLight } from 'react-syntax-highlighter/dist/styles/atelier-dune-light';
+    export { default as atelierEstuaryDark } from 'react-syntax-highlighter/dist/styles/atelier-estuary-dark';
+    export { default as atelierEstuaryLight } from 'react-syntax-highlighter/dist/styles/atelier-estuary-light';
+    export { default as atelierForestDark } from 'react-syntax-highlighter/dist/styles/atelier-forest-dark';
+    export { default as atelierForestLight } from 'react-syntax-highlighter/dist/styles/atelier-forest-light';
+    export { default as atelierHeathDark } from 'react-syntax-highlighter/dist/styles/atelier-heath-dark';
+    export { default as atelierHeathLight } from 'react-syntax-highlighter/dist/styles/atelier-heath-light';
+    export { default as atelierLakesideDark } from 'react-syntax-highlighter/dist/styles/atelier-lakeside-dark';
+    export { default as atelierLakesideLight } from 'react-syntax-highlighter/dist/styles/atelier-lakeside-light';
+    export { default as atelierPlateauDark } from 'react-syntax-highlighter/dist/styles/atelier-plateau-dark';
+    export { default as atelierPlateauLight } from 'react-syntax-highlighter/dist/styles/atelier-plateau-light';
+    export { default as atelierSavannaDark } from 'react-syntax-highlighter/dist/styles/atelier-savanna-dark';
+    export { default as atelierSavannaLight } from 'react-syntax-highlighter/dist/styles/atelier-savanna-light';
+    export { default as atelierSeasideDark } from 'react-syntax-highlighter/dist/styles/atelier-seaside-dark';
+    export { default as atelierSeasideLight } from 'react-syntax-highlighter/dist/styles/atelier-seaside-light';
+    export { default as atelierSulphurpoolDark } from 'react-syntax-highlighter/dist/styles/atelier-sulphurpool-dark';
+    export { default as atelierSulphurpoolLight } from 'react-syntax-highlighter/dist/styles/atelier-sulphurpool-light';
+    export { default as atomOneDark } from 'react-syntax-highlighter/dist/styles/atom-one-dark';
+    export { default as atomOneLight } from 'react-syntax-highlighter/dist/styles/atom-one-light';
+    export { default as brownPaper } from 'react-syntax-highlighter/dist/styles/brown-paper';
+    export { default as codepenEmbed } from 'react-syntax-highlighter/dist/styles/codepen-embed';
+    export { default as colorBrewer } from 'react-syntax-highlighter/dist/styles/color-brewer';
+    export { default as darcula } from 'react-syntax-highlighter/dist/styles/darcula';
+    export { default as dark } from 'react-syntax-highlighter/dist/styles/dark';
+    export { default as darkula } from 'react-syntax-highlighter/dist/styles/darkula';
+    export { default as defaultStyle } from 'react-syntax-highlighter/dist/styles/default-style';
+    export { default as docco } from 'react-syntax-highlighter/dist/styles/docco';
+    export { default as dracula } from 'react-syntax-highlighter/dist/styles/dracula';
+    export { default as far } from 'react-syntax-highlighter/dist/styles/far';
+    export { default as foundation } from 'react-syntax-highlighter/dist/styles/foundation';
+    export { default as githubGist } from 'react-syntax-highlighter/dist/styles/github-gist';
+    export { default as github } from 'react-syntax-highlighter/dist/styles/github';
+    export { default as googlecode } from 'react-syntax-highlighter/dist/styles/googlecode';
+    export { default as grayscale } from 'react-syntax-highlighter/dist/styles/grayscale';
+    export { default as gruvboxDark } from 'react-syntax-highlighter/dist/styles/gruvbox-dark';
+    export { default as gruvboxLight } from 'react-syntax-highlighter/dist/styles/gruvbox-light';
+    export { default as hopscotch } from 'react-syntax-highlighter/dist/styles/hopscotch';
+    export { default as hybrid } from 'react-syntax-highlighter/dist/styles/hybrid';
+    export { default as idea } from 'react-syntax-highlighter/dist/styles/idea';
+    export { default as irBlack } from 'react-syntax-highlighter/dist/styles/ir-black';
+    export { default as kimbieDark } from 'react-syntax-highlighter/dist/styles/kimbie.dark';
+    export { default as kimbieLight } from 'react-syntax-highlighter/dist/styles/kimbie.light';
+    export { default as magula } from 'react-syntax-highlighter/dist/styles/magula';
+    export { default as monoBlue } from 'react-syntax-highlighter/dist/styles/mono-blue';
+    export { default as monokaiSublime } from 'react-syntax-highlighter/dist/styles/monokai-sublime';
+    export { default as monokai } from 'react-syntax-highlighter/dist/styles/monokai';
+    export { default as obsidian } from 'react-syntax-highlighter/dist/styles/obsidian';
+    export { default as ocean } from 'react-syntax-highlighter/dist/styles/ocean';
+    export { default as paraisoDark } from 'react-syntax-highlighter/dist/styles/paraiso-dark';
+    export { default as paraisoLight } from 'react-syntax-highlighter/dist/styles/paraiso-light';
+    export { default as pojoaque } from 'react-syntax-highlighter/dist/styles/pojoaque';
+    export { default as purebasic } from 'react-syntax-highlighter/dist/styles/purebasic';
+    export { default as qtcreatorDark } from 'react-syntax-highlighter/dist/styles/qtcreator_dark';
+    export { default as qtcreatorLight } from 'react-syntax-highlighter/dist/styles/qtcreator_light';
+    export { default as railscasts } from 'react-syntax-highlighter/dist/styles/railscasts';
+    export { default as rainbow } from 'react-syntax-highlighter/dist/styles/rainbow';
+    export { default as schoolBook } from 'react-syntax-highlighter/dist/styles/school-book';
+    export { default as solarizedDark } from 'react-syntax-highlighter/dist/styles/solarized-dark';
+    export { default as solarizedLight } from 'react-syntax-highlighter/dist/styles/solarized-light';
+    export { default as sunburst } from 'react-syntax-highlighter/dist/styles/sunburst';
+    export { default as tomorrowNightBlue } from 'react-syntax-highlighter/dist/styles/tomorrow-night-blue';
+    export { default as tomorrowNightBright } from 'react-syntax-highlighter/dist/styles/tomorrow-night-bright';
+    export { default as tomorrowNightEighties } from 'react-syntax-highlighter/dist/styles/tomorrow-night-eighties';
+    export { default as tomorrowNight } from 'react-syntax-highlighter/dist/styles/tomorrow-night';
+    export { default as tomorrow } from 'react-syntax-highlighter/dist/styles/tomorrow';
+    export { default as vs } from 'react-syntax-highlighter/dist/styles/vs';
+    export { default as xcode } from 'react-syntax-highlighter/dist/styles/xcode';
+    export { default as xt256 } from 'react-syntax-highlighter/dist/styles/xt256';
+    export { default as zenburn } from 'react-syntax-highlighter/dist/styles/zenburn';
+}
+
+declare module 'react-syntax-highlighter/dist/styles/agate' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/androidstudio' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/arduino-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/arta' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/ascetic' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-cave-dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-cave-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-dune-dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-dune-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-estuary-dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-estuary-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-forest-dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-forest-light' {
+    const style: any;
+    export default style;
+}
+
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-heath-dark' {
+    const style: any;
+    export default style;
+}
+
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-heath-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-lakeside-dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-lakeside-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-plateau-dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-plateau-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-savanna-dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-savanna-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-seaside-dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-seaside-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-sulphurpool-dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atelier-sulphurpool-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atom-one-dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/atom-one-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/brown-paper' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/codepen-embed' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/color-brewer' {
+    const style: any;
+    export default style;
+}
+
+
+declare module 'react-syntax-highlighter/dist/styles/darcula' {
+    const style: any;
+    export default style;
+}
+
+
+declare module 'react-syntax-highlighter/dist/styles/dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/darkula' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/default-style' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/docco' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/dracula' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/far' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/foundation' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/github-gist' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/github' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/googlecode' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/grayscale' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/gruvbox-dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/gruvbox-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/hopscotch' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/hybrid' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/idea' {
+    const style: any;
+    export default style;
+}
+
+
+declare module 'react-syntax-highlighter/dist/styles/ir-black' {
+    const style: any;
+    export default style;
+}
+
+
+declare module 'react-syntax-highlighter/dist/styles/kimbie.dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/kimbie.light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/magula' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/mono-blue' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/monokai-sublime' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/monokai' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/obsidian' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/ocean' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/paraiso-dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/paraiso-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/pojoaque' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/purebasic' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/qtcreator_dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/qtcreator_light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/railscasts' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/rainbow' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/school-book' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/solarized-dark' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/solarized-light' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/sunburst' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/tomorrow-night-blue' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/tomorrow-night-bright' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/tomorrow-night-eighties' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/tomorrow-night' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/tomorrow' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/vs' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/xcode' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/xt256' {
+    const style: any;
+    export default style;
+}
+
+declare module 'react-syntax-highlighter/dist/styles/zenburn' {
+    const style: any;
+    export default style;
+}
\ No newline at end of file

From b62292ba07eb91922e1e64ceef81ed25bb215275 Mon Sep 17 00:00:00 2001
From: Ivo Stratev <ivo.stratev.tues@gmail.com>
Date: Tue, 25 Oct 2016 18:37:25 +0300
Subject: [PATCH 275/313] Adding lowlight (#12164)

---
 lowlight/lowlight-tests.ts | 82 +++++++++++++++++++++++++++++++
 lowlight/lowlight.d.ts     | 99 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 181 insertions(+)
 create mode 100644 lowlight/lowlight-tests.ts
 create mode 100644 lowlight/lowlight.d.ts

diff --git a/lowlight/lowlight-tests.ts b/lowlight/lowlight-tests.ts
new file mode 100644
index 0000000000..0160093785
--- /dev/null
+++ b/lowlight/lowlight-tests.ts
@@ -0,0 +1,82 @@
+/// <reference path="lowlight.d.ts" />
+
+import { highlight, highlightAuto, registerLanguage } from 'lowlight';
+import * as core from 'lowlight/lib/core';
+
+function highlighter(hljs: any): any {
+    return {
+        aliases: ['cmake.in'],
+        case_insensitive: true,
+        keywords: {
+            keyword:
+                'forall all exists exist only m M i e 1 2 3 4 5 6 7 8 9 0 - + * / \ % ! . , ; : | lim limsup liminf infinity not'
+        },
+        contains: [
+        {
+            className: 'variable',
+            begin: '(', end: ')'
+        },
+        ]
+    };
+}
+
+registerLanguage('math', highlighter);
+
+console.log(highlight('typescript',
+`class CPP {
+    private year: number;
+    public constructor(private version: string) {
+        this.year = Number(version.match(/.+\d+$/));
+    }
+
+    public version(): string {
+        return this.version;
+    }
+}
+`
+));
+
+console.info(highlightAuto(
+`class CPP {
+    private year: number;
+    public constructor(private version: string) {
+        this.year = Number(version.match(/.+\d+$/));
+    }
+
+    public version(): string {
+        return this.version;
+    }
+}
+`
+));
+
+core.registerLanguage('math', highlighter);
+
+console.log(core.highlight('javascript',
+`class CPP {
+    constructor(version) {
+        this.version = version;
+        this.year = Number(version.match(/.+\d+$/));
+    }
+
+    version(){
+        return this.version;
+    }
+}
+`
+, { prefix: 'core-' }));
+
+
+console.info(core.highlightAuto(
+`class CPP {
+    constructor(version) {
+        this.version = version;
+        this.year = Number(version.match(/.+\d+$/));
+    }
+
+    version(){
+        return this.version;
+    }
+}
+`
+, { prefix: 'core-', subset: ['purescript', 'javascript', 'typescript', 'coffeescript'] }));
\ No newline at end of file
diff --git a/lowlight/lowlight.d.ts b/lowlight/lowlight.d.ts
new file mode 100644
index 0000000000..589c9b50fd
--- /dev/null
+++ b/lowlight/lowlight.d.ts
@@ -0,0 +1,99 @@
+// Type definitions for lowlight
+// Project: https://github.com/wooorm/lowlight
+// Definitions by: Ivo Stratev <https://github.com/NoHomey>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'lowlight' {
+    export { highlight, highlightAuto, registerLanguage } from 'lowlight/lib/core';
+}
+
+declare module 'lowlight/lib/core' {
+    export function highlight(language: string, value: string, options?: lowlight.HighlightOptions): lowlight.HighlightResult;
+    export function highlightAuto(value: string, options?: lowlight.HighlightAutoOptions): lowlight.HighlightAutoResult;
+    export function registerLanguage(name: string, syntax: Function): void;
+}
+
+declare namespace lowlight {
+    namespace AST {
+        namespace Unist {
+            interface Data {
+                [index: string]: any;
+            }
+
+            interface Position {
+                line: number;
+                column: number;
+                offset?: number;
+            }
+
+            interface Location {
+                start: Position;
+                end: Position;
+                indent?: Array<number>;
+            }
+
+            export interface Node {
+                type: string;
+                data?: Data;
+                position?: Location;
+            }
+
+            export interface Parent extends Node {
+                children: Array<Node>;
+            }
+
+            export interface Text extends Node {
+                value: string;
+            }
+        }
+
+        interface Properties {
+            [index: string]: any;
+        }
+
+        export interface Root extends Unist.Parent {
+            type: 'root';
+        }
+
+        export interface Element extends Unist.Parent {
+            type: 'element';
+            tagName: string;
+            properties: Properties;
+        }
+
+        export interface Doctype extends Unist.Node {
+            type: 'doctype';
+            name: string;
+            public?: string;
+            system?: string;
+        }
+
+        export interface Comment extends Unist.Text {
+                type: 'comment';
+        }
+
+        export interface Text extends Unist.Text {
+            type: 'text';
+        }
+    }
+
+    type HastNode = AST.Root | AST.Element | AST.Doctype | AST.Comment | AST.Text;
+
+    interface HighlightOptions {
+            prefix?: string;
+    }
+
+    interface HighlightAutoOptions extends HighlightOptions {
+        subset?: Array<string>;
+    }
+
+    interface HighlightResult {
+        relevance: number;
+        language: string;
+        value: Array<HastNode>;
+    }
+
+    interface HighlightAutoResult extends HighlightResult {
+        secondBest?: HighlightAutoResult;
+    }
+}
\ No newline at end of file

From 87fef742c9e1eac7e6484e017cb03b8261549612 Mon Sep 17 00:00:00 2001
From: Nathan Dao <nathandao@users.noreply.github.com>
Date: Tue, 25 Oct 2016 18:38:18 +0300
Subject: [PATCH 276/313] add support for Highcharts 5.0.0 update (#12170)

* add support for Highcharts 5.0.0 update

* add update return type

* change redraw in update to optional
---
 highcharts/highcharts.d.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/highcharts/highcharts.d.ts b/highcharts/highcharts.d.ts
index 7f2d28e99b..debb67ef48 100644
--- a/highcharts/highcharts.d.ts
+++ b/highcharts/highcharts.d.ts
@@ -5946,6 +5946,19 @@ declare namespace __Highcharts {
          * @since 2.0.5
          */
         showLoading(str?: string): void;
+        /**
+         * A generic function to update any element of the chart. Elements can be enabled and disabled, moved, re-styled,
+         * re-formatted etc.
+         * A special case is configuration objects that take arrays, for example xAxis, yAxis or series. For these collections,
+         * an id option is used to map the new option set to an existing object. If an existing object of the same id is not
+         * found, the first item is updated. So for example, running chart.update with a series item without an id, will cause
+         * the existing chart's first series to be updated.
+         * See also the responsive option set. Switching between responsive.rules basically runs chart.update under the hood.
+         * @param {ChartOptions} option A configuration object for the new chart options as defined in the options section of the API.
+         * @param [boolean] redraw Whether to redraw the chart. Defaults to true.
+         * @since 5.0.0
+         */
+        update(options: ChartOptions, redraw?: boolean): 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

From 65ec496d302f1d4a2709590134d9d4130b57e4eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Crist=C3=B3v=C3=A3o?= <jmacristovao@gmail.com>
Date: Tue, 25 Oct 2016 16:39:02 +0100
Subject: [PATCH 277/313] added silly and verbose levels to winston (#12230)

---
 winston/winston-tests.ts | 6 ++++++
 winston/winston.d.ts     | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/winston/winston-tests.ts b/winston/winston-tests.ts
index 60423f9fc8..dc1773875b 100644
--- a/winston/winston-tests.ts
+++ b/winston/winston-tests.ts
@@ -77,9 +77,15 @@ winston.exitOnError = bool;
 winston.log(str, str);
 winston.log(str, str, metadata);
 winston.log(str, str, metadata, metadata, metadata);
+winston.silly(str);
+winston.silly(str, metadata);
+winston.silly(str, metadata, metadata, metadata);
 winston.debug(str);
 winston.debug(str, metadata);
 winston.debug(str, metadata, metadata, metadata);
+winston.verbose(str);
+winston.verbose(str, metadata);
+winston.verbose(str, metadata, metadata, metadata);
 winston.info(str);
 winston.info(str, metadata);
 winston.info(str, metadata, metadata, metadata);
diff --git a/winston/winston.d.ts b/winston/winston.d.ts
index 762e69532f..deb00be187 100644
--- a/winston/winston.d.ts
+++ b/winston/winston.d.ts
@@ -26,7 +26,9 @@ declare module "winston" {
 
   export var log: LogMethod;
 
+  export var silly: LeveledLogMethod;
   export var debug: LeveledLogMethod;
+  export var verbose: LeveledLogMethod;
   export var info: LeveledLogMethod;
   export var warn: LeveledLogMethod;
   export var error: LeveledLogMethod;
@@ -109,7 +111,9 @@ declare module "winston" {
 
     log: LogMethod;
 
+    silly: LeveledLogMethod;
     debug: LeveledLogMethod;
+    verbose: LeveledLogMethod;
     info: LeveledLogMethod;
     warn: LeveledLogMethod;
     error: LeveledLogMethod;

From 003c965b31ab9c478937a7b6e56dfb74f94b5c47 Mon Sep 17 00:00:00 2001
From: Michael McKenzie <mmckenziedev@users.noreply.github.com>
Date: Tue, 25 Oct 2016 16:49:14 +0100
Subject: [PATCH 278/313] Update Settings definition (#12163)

---
 polymer/polymer.d.ts | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/polymer/polymer.d.ts b/polymer/polymer.d.ts
index 57135e54e1..47636265da 100644
--- a/polymer/polymer.d.ts
+++ b/polymer/polymer.d.ts
@@ -292,14 +292,17 @@ declare namespace polymer {
   }
 
   interface Settings {
-
-    wantShadow:boolean;
-    hasShadow:boolean;
-    nativeShadow:boolean;
-    useShadow:boolean;
-    useNativeShadow:boolean;
-    useNativeImports:boolean;
-    useNativeCustomElements:boolean;
+      hasNativeCSSProperties: boolean
+      hasNativeImports: boolean
+      hasShadow: boolean
+      nativeShadow: boolean
+      useNativeCSSProperties: boolean
+      useNativeCustomElements: boolean
+      useNativeImports: boolean
+      useNativeShadow: boolean
+      usePolyfillProto: boolean
+      useShadow: boolean
+      wantShadow: boolean
   }
 
   interface PolymerStatic {

From 8def457e061a90162dd857d3b23cebc3417f8ff8 Mon Sep 17 00:00:00 2001
From: Shivaraj kv <shivaraj.kv05@gmail.com>
Date: Wed, 26 Oct 2016 00:06:35 +0530
Subject: [PATCH 279/313] Replaced Object with {}

---
 fusioncharts/fusioncharts.d.ts | 48 +++++++++++++++++-----------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/fusioncharts/fusioncharts.d.ts b/fusioncharts/fusioncharts.d.ts
index 5e68eab97f..8af7589f07 100644
--- a/fusioncharts/fusioncharts.d.ts
+++ b/fusioncharts/fusioncharts.d.ts
@@ -46,11 +46,11 @@ declare namespace FusionCharts {
 
         dataFormat?: ChartDataFormats;
 
-        dataSource?: string | Object;
+        dataSource?: string | {};
 
-        events?: Object;
+        events?: {};
 
-        link?: Object;
+        link?: {};
 
         showDataLoadingMessage?: boolean;
 
@@ -142,17 +142,17 @@ declare namespace FusionCharts {
     }
 
     interface FusionCharts {
-        clone(overrides?: Object, argsOnly?: boolean): any;
+        clone(overrides?: {}, argsOnly?: boolean): any;
 
         isActive(): boolean;
 
         chartType(value?: string, options?: any): string;
 
-        addEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: Object) => void): void;
+        addEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: {}) => void): void;
 
-        removeEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: Object) => void): void;
+        removeEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: {}) => void): void;
 
-        configureLink(param: Object | any[], level?: number): void;
+        configureLink(param: {} | any[], level?: number): void;
 
         setChartAttribute(attributes: ChartObject | String, value?: string): void;
 
@@ -160,13 +160,13 @@ declare namespace FusionCharts {
 
         getXMLData(): any;
 
-        setXMLData(data: string | Object): void;
+        setXMLData(data: string | {}): void;
 
         setXMLUrl(url: string): void;
 
         setChartDataUrl(url: string, format: ChartDataFormats): void;
 
-        setChartData(data: string | Object, format: ChartDataFormats): void;
+        setChartData(data: string | {}, format: ChartDataFormats): void;
 
         getChartData(format: ChartDataFormats): any;
 
@@ -194,7 +194,7 @@ declare namespace FusionCharts {
 
         getXML(): any;
 
-        setDataXML(data: string | Object): void;
+        setDataXML(data: string | {}): void;
 
         setDataURL(url: string): void;
 
@@ -206,7 +206,7 @@ declare namespace FusionCharts {
 
         slicePlotItem(index: number, slice: boolean): void;
 
-        centerLabel(labelText: string, options?: Object): void;
+        centerLabel(labelText: string, options?: {}): void;
 
         startingAngle(angle?: number, relative?: boolean): void;
 
@@ -222,9 +222,9 @@ declare namespace FusionCharts {
 
         getViewEndIndex(): number;
 
-        print(options?: Object): void;
+        print(options?: {}): void;
 
-        exportChart(options?: Object): void;
+        exportChart(options?: {}): void;
 
         getSVGString(): string;
 
@@ -234,7 +234,7 @@ declare namespace FusionCharts {
 
         getJSONData(): JSON;
 
-        setJSONData(data: string | Object): void;
+        setJSONData(data: string | {}): void;
 
         setJSONUrl(url: string): void;
 
@@ -248,30 +248,30 @@ declare namespace FusionCharts {
 
         dispose(): void;
 
-        configure(options: Object): void;
+        configure(options: {}): void;
 
-        ref: Object;
+        ref: {};
 
     }
 
     interface FusionChartStatic {
-        new (chartObject: ChartObject|Object): FusionCharts;
+        new (chartObject: ChartObject|{}): FusionCharts;
 
         (chartId: string): FusionCharts;
 
         getObjectReference(elementId: string): Element;
 
-        addEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: Object) => void): void;
+        addEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: {}) => void): void;
 
-        removeEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: Object) => void): void;
+        removeEventListener(type: string | string[], listener: (eventObject?: EventObject, eventArgs?: {}) => void): void;
 
         ready(callback: (fusionChartStatic?: FusionChartStatic) => any, context?: any): FusionChartStatic;
 
-        transcodeData(data: string | Object, source: ChartDataFormats, target: ChartDataFormats, advanced: boolean): any;
+        transcodeData(data: string | {}, source: ChartDataFormats, target: ChartDataFormats, advanced: boolean): any;
 
-        batchExport(options: Object): void;
+        batchExport(options: {}): void;
 
-        formatNumber(num: number, type?: string, config?: Object): Element;
+        formatNumber(num: number, type?: string, config?: {}): Element;
 
         setCurrentRenderer(name: string): void
 
@@ -281,9 +281,9 @@ declare namespace FusionCharts {
 
         version: string[];
 
-        items: Object;
+        items: {};
 
-        options: Object;
+        options: {};
 
         debugger:Debugger;
 

From b4fccb09fcdaca007f4a43865c674a7b4162abe4 Mon Sep 17 00:00:00 2001
From: Michael McKenzie <mmckenzie.dev@gmail.com>
Date: Thu, 20 Oct 2016 17:25:17 +0100
Subject: [PATCH 280/313] adding RenderStatus to API

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

diff --git a/polymer/polymer.d.ts b/polymer/polymer.d.ts
index 47636265da..24c1fcbc8f 100644
--- a/polymer/polymer.d.ts
+++ b/polymer/polymer.d.ts
@@ -7,7 +7,7 @@
 
 declare namespace polymer {
 
-  type PropConstructorType = StringConstructor|ObjectConstructor|BooleanConstructor|NumberConstructor|DateConstructor|ArrayConstructor;
+  type PropConstructorType = StringConstructor | ObjectConstructor | BooleanConstructor | NumberConstructor | DateConstructor | ArrayConstructor;
 
   interface PropObjectType {
     type: PropConstructorType;
@@ -305,15 +305,38 @@ declare namespace polymer {
       wantShadow: boolean
   }
 
-  interface PolymerStatic {
+  interface RenderStatus {
+    _afterNextRenderQueue: [Element, Function, any][];
+    _callbacks: Function[];
+    _ready: boolean;
+    _waitingNextRender: boolean;
+    _catchFirstRender(): void;
+    _flushNextRender(): void;
+    _flushRenderCallbacks(callbacks: [Element, Function, any][]): void;
+    _makeReady(): void;
+    _watchNextRender(): void;
 
+    afterNextRender(element: Element, fn: Function, args?: any): void;
+    hasRendered(): boolean;
+    whenReady(cb: Function): void;
+  }
+
+  interface ImportStatus extends RenderStatus {
+    whenLoaded(cb: Function): void;
+  }
+
+  interface PolymerStatic {
     Settings: Settings;
 
-    dom:DomApiStatic;
+    dom: DomApiStatic;
 
-    (prototype: Base|{new ():Base}):webcomponents.CustomElementConstructor;
+    (prototype: Base | { new (): Base }): webcomponents.CustomElementConstructor;
 
-    Class(prototype: Base|{new ():Base}):webcomponents.CustomElementConstructor;
+    Class(prototype: Base | { new (): Base }): webcomponents.CustomElementConstructor;
+
+    RenderStatus: RenderStatus
+
+    ImportStatus: ImportStatus
   }
 }
 

From 58f16959cec5001d85271491a306dd3b7944db7d Mon Sep 17 00:00:00 2001
From: Michael McKenzie <mmckenzie.dev@gmail.com>
Date: Mon, 24 Oct 2016 14:31:27 +0100
Subject: [PATCH 281/313] add @deprecated comment to ImportStatus

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

diff --git a/polymer/polymer.d.ts b/polymer/polymer.d.ts
index 24c1fcbc8f..984bf024b8 100644
--- a/polymer/polymer.d.ts
+++ b/polymer/polymer.d.ts
@@ -336,6 +336,7 @@ declare namespace polymer {
 
     RenderStatus: RenderStatus
 
+    /** @deprecated */
     ImportStatus: ImportStatus
   }
 }

From 5ac33397a5a829a29ca9a2b15c60f4d4028343fa Mon Sep 17 00:00:00 2001
From: Michael McKenzie <mmckenzie.dev@gmail.com>
Date: Tue, 25 Oct 2016 15:19:58 +0100
Subject: [PATCH 282/313] remove private methods from Renderstatus

---
 polymer/polymer.d.ts | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/polymer/polymer.d.ts b/polymer/polymer.d.ts
index 984bf024b8..3d08e17111 100644
--- a/polymer/polymer.d.ts
+++ b/polymer/polymer.d.ts
@@ -306,16 +306,6 @@ declare namespace polymer {
   }
 
   interface RenderStatus {
-    _afterNextRenderQueue: [Element, Function, any][];
-    _callbacks: Function[];
-    _ready: boolean;
-    _waitingNextRender: boolean;
-    _catchFirstRender(): void;
-    _flushNextRender(): void;
-    _flushRenderCallbacks(callbacks: [Element, Function, any][]): void;
-    _makeReady(): void;
-    _watchNextRender(): void;
-
     afterNextRender(element: Element, fn: Function, args?: any): void;
     hasRendered(): boolean;
     whenReady(cb: Function): void;

From 31eb66a8ddb3870d008bc4259501049d8dedc8aa Mon Sep 17 00:00:00 2001
From: Andy <anhans@microsoft.com>
Date: Wed, 26 Oct 2016 08:41:58 -0700
Subject: [PATCH 283/313] Improve README (#12133)

---
 README.md | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 7da7d1530b..c69d5135b5 100644
--- a/README.md
+++ b/README.md
@@ -149,14 +149,18 @@ 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.
 
+For a good example package, see [base64-js](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/types-2.0/base64-js).
 
 #### 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 }`:
+* `interface IFoo {}`: Don't add `I` to the front of an interface name.
+* `interface Foo { new(): Foo; }`:
     This defines a type of objects that are new-able. You probably want `declare class Foo { constructor(); }
+* `const Class: { new(): IClass; }`:
+    Prefer to use a class declaration `class Class { constructor(); }` instead of a new-able constant.
 * `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.
@@ -194,7 +198,7 @@ Changes to the `master` branch are also manually merged into the `types-2.0` bra
 
 #### 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 referencing is 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?

From 6685090e942ab78cc101b72a4472ec418a189f38 Mon Sep 17 00:00:00 2001
From: Andy <anhans@microsoft.com>
Date: Wed, 26 Oct 2016 08:42:23 -0700
Subject: [PATCH 284/313] Fix tsconfig in readme (#12107)

---
 README.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index c69d5135b5..8caef8c8e2 100644
--- a/README.md
+++ b/README.md
@@ -128,7 +128,7 @@ The `Project` link does not have to be to GitHub, but prefer linking to a source
         "module": "commonjs",
         "target": "es6",
         "noImplicitAny": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
@@ -213,6 +213,10 @@ A `package.json` may be included for the sake of specifying dependencies. Here's
 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.
 
+#### I notice some `tsconfig.json` are missing `"noImplicitAny": true` or `"strictNullChecks": true`.
+
+Then they are wrong. You can help by submitting a pull request to fix them.
+
 #### 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.

From 10685542728efb9dd1be9f6bbcc14c7451de2594 Mon Sep 17 00:00:00 2001
From: Andy <anhans@microsoft.com>
Date: Wed, 26 Oct 2016 08:42:37 -0700
Subject: [PATCH 285/313] Write new pull request template (#12100)

---
 PULL_REQUEST_TEMPLATE.md | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/PULL_REQUEST_TEMPLATE.md b/PULL_REQUEST_TEMPLATE.md
index 730bd78af2..053b2c3eae 100644
--- a/PULL_REQUEST_TEMPLATE.md
+++ b/PULL_REQUEST_TEMPLATE.md
@@ -1,8 +1,16 @@
-case 1. Add a new type definition.
-- [ ] checked compilation succeeds with `--target es6` and `--noImplicitAny` options.
-- [ ] has correct [naming convention](http://definitelytyped.org/guides/contributing.html#naming-the-file)
-- [ ] has a [test file](http://definitelytyped.org/guides/contributing.html#tests) with the suffix of  `-tests.ts` or `-tests.tsx`.
+Please fill in this template.
 
-case 2. Improvement to existing type definition.
-- documentation or source code reference which provides context for the suggested changes.  url http://api.jquery.com/html .
-  - it has been reviewed by a DefinitelyTyped member.
+- [ ] Prefer to make your PR against the `types-2.0` branch.
+- [ ] The package does not provide its own types, and you can not add them.
+- [ ] Test the change in your own code.
+- [ ] Follow the advice from the [readme](https://github.com/DefinitelyTyped/DefinitelyTyped#make-a-pull-request).
+- [ ] Avoid [common mistakes](https://github.com/DefinitelyTyped/DefinitelyTyped#common-mistakes).
+
+If adding a new definition:
+- [ ] If this is for an NPM package, match the name. If not, do not conflict with the name of an NPM package.
+- [ ] Run `tsc` without errors.
+- [ ] Include the required [files](https://github.com/DefinitelyTyped/DefinitelyTyped#create-a-new-package) and header.
+
+If changing an existing definition:
+- [ ] Provide a URL to  documentation or source code which provides context for the suggested changes: <<url here>>
+- [ ] Increase the version number in the header if appropriate.

From a37e6d24dcf6fbac1018317777fa5811eb6c8ddb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20S=C3=A1nchez?=
 <alejo90@users.noreply.github.com>
Date: Fri, 28 Oct 2016 07:13:03 -0600
Subject: [PATCH 286/313] Make callback arguments non optional per best
 practices on callback signatures (#12238)

---
 immutable/immutable.d.ts | 80 ++++++++++++++++++++--------------------
 1 file changed, 40 insertions(+), 40 deletions(-)

diff --git a/immutable/immutable.d.ts b/immutable/immutable.d.ts
index 86f23bc6e3..f14986ee8d 100644
--- a/immutable/immutable.d.ts
+++ b/immutable/immutable.d.ts
@@ -258,11 +258,11 @@ declare namespace Immutable {
      * @see `Map#mergeWith`
      */
     mergeWith(
-      merger: (previous?: T, next?: T, key?: number) => T,
+      merger: (previous: T, next: T, key: number) => T,
       ...iterables: Iterable.Indexed<T>[]
     ): List<T>;
     mergeWith(
-      merger: (previous?: T, next?: T, key?: number) => T,
+      merger: (previous: T, next: T, key: number) => T,
       ...iterables: Array<T>[]
     ): List<T>;
 
@@ -276,11 +276,11 @@ declare namespace Immutable {
      * @see `Map#mergeDeepWith`
      */
     mergeDeepWith(
-      merger: (previous?: T, next?: T, key?: number) => T,
+      merger: (previous: T, next: T, key: number) => T,
       ...iterables: Iterable.Indexed<T>[]
     ): List<T>;
     mergeDeepWith(
-      merger: (previous?: T, next?: T, key?: number) => T,
+      merger: (previous: T, next: T, key: number) => T,
       ...iterables: Array<T>[]
     ): List<T>;
 
@@ -539,11 +539,11 @@ declare namespace Immutable {
      *
      */
     mergeWith(
-      merger: (previous?: V, next?: V, key?: K) => V,
+      merger: (previous: V, next: V, key: K) => V,
       ...iterables: Iterable<K, V>[]
     ): Map<K, V>;
     mergeWith(
-      merger: (previous?: V, next?: V, key?: K) => V,
+      merger: (previous: V, next: V, key: K) => V,
       ...iterables: {[key: string]: V}[]
     ): Map<string, V>;
 
@@ -570,11 +570,11 @@ declare namespace Immutable {
      *
      */
     mergeDeepWith(
-      merger: (previous?: V, next?: V, key?: K) => V,
+      merger: (previous: V, next: V, key: K) => V,
       ...iterables: Iterable<K, V>[]
     ): Map<K, V>;
     mergeDeepWith(
-      merger: (previous?: V, next?: V, key?: K) => V,
+      merger: (previous: V, next: V, key: K) => V,
       ...iterables: {[key: string]: V}[]
     ): Map<string, V>;
 
@@ -1457,7 +1457,7 @@ declare namespace Immutable {
        *
        */
       mapKeys<M>(
-        mapper: (key?: K, value?: V, iter?: this) => M,
+        mapper: (key: K, value: V, iter: this) => M,
         context?: any
       ): /*this*/Iterable.Keyed<M, V>;
 
@@ -1472,9 +1472,9 @@ declare namespace Immutable {
        */
       mapEntries<KM, VM>(
         mapper: (
-          entry?: [K, V],
-          index?: number,
-          iter?: this
+          entry: [K, V],
+          index: number,
+          iter: this
         ) => [KM, VM],
         context?: any
       ): /*this*/Iterable.Keyed<KM, VM>;
@@ -1639,7 +1639,7 @@ declare namespace Immutable {
        * provided predicate function. Otherwise -1 is returned.
        */
       findIndex(
-        predicate: (value?: T, index?: number, iter?: this) => boolean,
+        predicate: (value: T, index: number, iter: this) => boolean,
         context?: any
       ): number;
 
@@ -1648,7 +1648,7 @@ declare namespace Immutable {
        * provided predicate function. Otherwise -1 is returned.
        */
       findLastIndex(
-        predicate: (value?: T, index?: number, iter?: this) => boolean,
+        predicate: (value: T, index: number, iter: this) => boolean,
         context?: any
       ): number;
     }
@@ -1969,7 +1969,7 @@ declare namespace Immutable {
      *
      */
     map<M>(
-      mapper: (value?: V, key?: K, iter?: this) => M,
+      mapper: (value: V, key: K, iter: this) => M,
       context?: any
     ): /*this*/Iterable<K, M>;
 
@@ -1982,7 +1982,7 @@ declare namespace Immutable {
      *
      */
     filter(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any
     ): this;
 
@@ -1995,7 +1995,7 @@ declare namespace Immutable {
      *
      */
     filterNot(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any
     ): this;
 
@@ -2031,7 +2031,7 @@ declare namespace Immutable {
      *
      */
     sortBy<C>(
-      comparatorValueMapper: (value?: V, key?: K, iter?: this) => C,
+      comparatorValueMapper: (value: V, key: K, iter: this) => C,
       comparator?: (valueA: C, valueB: C) => number
     ): this;
 
@@ -2042,7 +2042,7 @@ declare namespace Immutable {
      * Note: This is always an eager operation.
      */
     groupBy<G>(
-      grouper: (value?: V, key?: K, iter?: this) => G,
+      grouper: (value: V, key: K, iter: this) => G,
       context?: any
     ): Seq.Keyed<G, this>;
 
@@ -2057,7 +2057,7 @@ declare namespace Immutable {
      * (including the last iteration which returned false).
      */
     forEach(
-      sideEffect: (value?: V, key?: K, iter?: this) => any,
+      sideEffect: (value: V, key: K, iter: this) => any,
       context?: any
     ): number;
 
@@ -2116,7 +2116,7 @@ declare namespace Immutable {
      *
      */
     skipWhile(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any
     ): this;
 
@@ -2130,7 +2130,7 @@ declare namespace Immutable {
      *
      */
     skipUntil(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any
     ): this;
 
@@ -2156,7 +2156,7 @@ declare namespace Immutable {
      *
      */
     takeWhile(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any
     ): this;
 
@@ -2169,7 +2169,7 @@ declare namespace Immutable {
      *
      */
     takeUntil(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any
     ): this;
 
@@ -2207,11 +2207,11 @@ declare namespace Immutable {
      * Similar to `iter.map(...).flatten(true)`.
      */
     flatMap<MK, MV>(
-      mapper: (value?: V, key?: K, iter?: this) => Iterable<MK, MV>,
+      mapper: (value: V, key: K, iter: this) => Iterable<MK, MV>,
       context?: any
     ): /*this*/Iterable<MK, MV>;
     flatMap<MK, MV>(
-      mapper: (value?: V, key?: K, iter?: this) => /*iterable-like*/any,
+      mapper: (value: V, key: K, iter: this) => /*iterable-like*/any,
       context?: any
     ): /*this*/Iterable<MK, MV>;
 
@@ -2228,7 +2228,7 @@ declare namespace Immutable {
      * @see `Array#reduce`.
      */
     reduce<R>(
-      reducer: (reduction?: R, value?: V, key?: K, iter?: this) => R,
+      reducer: (reduction: R, value: V, key: K, iter: this) => R,
       initialReduction?: R,
       context?: any
     ): R;
@@ -2240,7 +2240,7 @@ declare namespace Immutable {
      * with `Array#reduceRight`.
      */
     reduceRight<R>(
-      reducer: (reduction?: R, value?: V, key?: K, iter?: this) => R,
+      reducer: (reduction: R, value: V, key: K, iter: this) => R,
       initialReduction?: R,
       context?: any
     ): R;
@@ -2249,7 +2249,7 @@ declare namespace Immutable {
      * True if `predicate` returns true for all entries in the Iterable.
      */
     every(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any
     ): boolean;
 
@@ -2257,7 +2257,7 @@ declare namespace Immutable {
      * True if `predicate` returns true for any entry in the Iterable.
      */
     some(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any
     ): boolean;
 
@@ -2287,7 +2287,7 @@ declare namespace Immutable {
      */
     count(): number;
     count(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any
     ): number;
 
@@ -2298,7 +2298,7 @@ declare namespace Immutable {
      * Note: This is not a lazy operation.
      */
     countBy<G>(
-      grouper: (value?: V, key?: K, iter?: this) => G,
+      grouper: (value: V, key: K, iter: this) => G,
       context?: any
     ): Seq.Keyed<G, number>;
 
@@ -2309,7 +2309,7 @@ declare namespace Immutable {
      * Returns the first value for which the `predicate` returns true.
      */
     find(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any,
       notSetValue?: V
     ): V;
@@ -2320,7 +2320,7 @@ declare namespace Immutable {
      * Note: `predicate` will be called for each entry in reverse.
      */
     findLast(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any,
       notSetValue?: V
     ): V;
@@ -2329,7 +2329,7 @@ declare namespace Immutable {
      * Returns the first [key, value] entry for which the `predicate` returns true.
      */
     findEntry(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any,
       notSetValue?: V
     ): [K, V];
@@ -2341,7 +2341,7 @@ declare namespace Immutable {
      * Note: `predicate` will be called for each entry in reverse.
      */
     findLastEntry(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any,
       notSetValue?: V
     ): [K, V];
@@ -2350,7 +2350,7 @@ declare namespace Immutable {
      * Returns the key for which the `predicate` returns true.
      */
     findKey(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any
     ): K;
 
@@ -2360,7 +2360,7 @@ declare namespace Immutable {
      * Note: `predicate` will be called for each entry in reverse.
      */
     findLastKey(
-      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      predicate: (value: V, key: K, iter: this) => boolean,
       context?: any
     ): K;
 
@@ -2399,7 +2399,7 @@ declare namespace Immutable {
      *
      */
     maxBy<C>(
-      comparatorValueMapper: (value?: V, key?: K, iter?: this) => C,
+      comparatorValueMapper: (value: V, key: K, iter: this) => C,
       comparator?: (valueA: C, valueB: C) => number
     ): V;
 
@@ -2428,7 +2428,7 @@ declare namespace Immutable {
      *
      */
     minBy<C>(
-      comparatorValueMapper: (value?: V, key?: K, iter?: this) => C,
+      comparatorValueMapper: (value: V, key: K, iter: this) => C,
       comparator?: (valueA: C, valueB: C) => number
     ): V;
 

From 8a84aefa0406e2002465fa460620d6449c58af01 Mon Sep 17 00:00:00 2001
From: Chris Khoo <khoomeister@users.noreply.github.com>
Date: Fri, 28 Oct 2016 06:25:13 -0700
Subject: [PATCH 287/313] set strictNullChecks to true in doc (#12242)


From 5411d2e84a619b7a0aa493558fe8217ca06ceada Mon Sep 17 00:00:00 2001
From: Derek Louie <louied@google.com>
Date: Fri, 28 Oct 2016 06:43:38 -0700
Subject: [PATCH 288/313] Adds the onCloseSuccess config to MdPanel and reveals
 absPosition enum (#12171)

---
 angular-material/angular-material.d.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/angular-material/angular-material.d.ts b/angular-material/angular-material.d.ts
index da20af95fc..f100fd4d4b 100644
--- a/angular-material/angular-material.d.ts
+++ b/angular-material/angular-material.d.ts
@@ -339,6 +339,7 @@ declare namespace angular.material {
         onRemoving?: Function;
         onDomRemoved?: Function;
         origin?: string|JQuery|Element;
+        onCloseSuccess?: ((panel: IPanelRef, closeReason: string) => any);
     }
 
     interface IPanelRef {
@@ -411,5 +412,15 @@ declare namespace angular.material {
         interceptorTypes: {
           CLOSE: string,
         };
+        closeReasons: {
+          CLICK_OUTSIDE: string,
+          ESCAPE: string,
+        };
+        absPosition: {
+          TOP:  string,
+          RIGHT: string,
+          BOTTOM: string,
+          LEFT: string,
+        };
     }
 }

From 2ad9354d494da56f7d97a10ef1ad353b3656af35 Mon Sep 17 00:00:00 2001
From: PishangCode <Akim95@users.noreply.github.com>
Date: Fri, 28 Oct 2016 21:44:12 +0800
Subject: [PATCH 289/313] added type definitions for node-billplz (#12041)

* added type definitions for node-billplz

* renamed folder node-billplz to billplz

* renamed billplz-test.ts to billplz-tests.ts

* update constructor type

* update BillplzOptions interface

* update create_bill test

* change key to require

* remove trailing comma

* update callback type

* update code pattern
---
 billplz/billplz-tests.ts | 46 +++++++++++++++++++++++
 billplz/billplz.d.ts     | 80 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 126 insertions(+)
 create mode 100644 billplz/billplz-tests.ts
 create mode 100644 billplz/billplz.d.ts

diff --git a/billplz/billplz-tests.ts b/billplz/billplz-tests.ts
new file mode 100644
index 0000000000..4f0e4633a2
--- /dev/null
+++ b/billplz/billplz-tests.ts
@@ -0,0 +1,46 @@
+/// <reference path="billplz.d.ts" />
+
+import * as Billplz from 'billplz';
+
+const billplz = new Billplz({
+  key: 'your-api-key',
+  endpoint: 'http://localhost/',
+  sandbox: true
+});
+
+// test create collection
+billplz.create_collection({
+  title: 'your-title'
+});
+
+// test create open collection
+billplz.create_collectionOpen({
+  title: 'your-title',
+  description: 'your-description',
+  amount: 100
+});
+
+// test create bill
+billplz.create_bill({
+  collection_id: 'your-collection-id',
+  description: 'your-description',
+  email: 'your-email',
+  mobile: 12345,
+  name: 'your-name',
+  amount: 100,
+  callback_url: 'https://example.com/webhook/',
+  redirect_url: 'https://example.com/done',
+  due_at: '0000-00-00'
+});
+
+// test get bill
+billplz.get_bill('your-bill-id');
+
+// test delete bill
+billplz.delete_bill('your-bill-id');
+
+// test change collection status
+billplz.change_collection_status('your-collection-id', 'status-here');
+
+// test registration check
+billplz.registration_check('your-bank-account-number');
diff --git a/billplz/billplz.d.ts b/billplz/billplz.d.ts
new file mode 100644
index 0000000000..53355f280b
--- /dev/null
+++ b/billplz/billplz.d.ts
@@ -0,0 +1,80 @@
+// Type definitions for billplz 1.0.2
+// Project: https://github.com/suhz/node-billplz
+// Definitions by: Akim <https://github.com/Akim95>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module Billplz {
+    // api options type
+    interface BillplzOptions {
+        key: string;
+        endpoint?: string;
+        sandbox?: boolean;
+    }
+
+    // collection type
+    interface CollectionArguments {
+        title: string;
+    }
+
+    // open collection type
+    interface OpenCollectionArguments {
+        title: string;
+        description: string;
+        amount: number;
+        fixed_amount?: boolean;
+        fixed_quantity?: boolean;
+        payment_button?: string;
+        reference_1_label?: string
+        reference_2_label?: string;
+        email_link?: string;
+        tax?: number;
+    }
+
+    // bill type
+    interface BillArguments {
+        collection_id: string;
+        email: string;
+        mobile: number;
+        name: string;
+        amount: number;
+        callback_url: string;
+        description: string;
+        due_at?: string;
+        redirect_url?: string;
+        deliver?: boolean;
+        reference_1_label?: string;
+        reference_1?: string;
+        reference_2_label?: string;
+        reference_2?: string;
+    }
+}
+
+declare class Billplz {
+    // constructor
+    constructor(options: string | Billplz.BillplzOptions);
+
+    // create_collection
+    create_collection(title: Billplz.CollectionArguments, callback?: (res: any, err: any) => void): void;
+
+    // create collectionOpen
+    create_collectionOpen(args: Billplz.OpenCollectionArguments, callback?: (res: any, err: any) => void): void;
+
+    // create bill
+    create_bill(args: Billplz.BillArguments, callback?: (res: any, err: any) => void): void;
+
+    // get bill
+    get_bill(billId: string, callback?: (res: any, err: any) => void): void;
+
+    // delete bill
+    delete_bill(billId: string, callback?: (res: any, err: any) => void): void;
+
+    // change_collection status
+    change_collection_status(collectionId: string, status: string, callback?: (res: any, err: any) => void): void;
+
+    // registration check
+    registration_check(bankAccountNumber: string, callback?: (res: any, err: any) => void): void;
+}
+
+declare module "billplz" {
+    export = Billplz;
+}

From 38f3096f496105654c9e9e20551888e5bba2934a Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Fri, 28 Oct 2016 21:54:00 +0800
Subject: [PATCH 290/313] [node] Update events for child_process (#12260)

* Update events for child_process

* Add related tests
---
 node/node-tests.ts | 96 ++++++++++++++++++++++++++++++++++++++++++++++
 node/node.d.ts     | 52 +++++++++++++++++++++++++
 2 files changed, 148 insertions(+)

diff --git a/node/node-tests.ts b/node/node-tests.ts
index b11eb0526e..b0f724b8f4 100644
--- a/node/node-tests.ts
+++ b/node/node-tests.ts
@@ -1226,6 +1226,102 @@ namespace child_process_tests {
         childProcess.exec("echo test");
         childProcess.spawnSync("echo test");
     }
+    
+    {
+        let _cp: childProcess.ChildProcess;
+        let _boolean: boolean;
+
+        _cp = _cp.addListener("close", (code, signal) => {
+            let _code: number = code;
+            let _signal: string = signal;
+        })
+        _cp = _cp.addListener("disconnet", () => { });
+        _cp = _cp.addListener("error", (err) => {
+            let _err: Error = err;
+        })
+        _cp = _cp.addListener("exit", (code, signal) => {
+            let _code: number = code;
+            let _signal: string = signal;
+        })
+        _cp = _cp.addListener("message", (message, sendHandle) => {
+            let _message: any = message;
+            let _sendHandle: net.Socket | net.Server = sendHandle;
+        })
+
+        _boolean = _cp.emit("close", () => { });
+        _boolean = _cp.emit("disconnet", () => { });
+        _boolean = _cp.emit("error", () => { });
+        _boolean = _cp.emit("exit", () => { });
+        _boolean = _cp.emit("message", () => { });
+
+        _cp = _cp.on("close", (code, signal) => {
+            let _code: number = code;
+            let _signal: string = signal;
+        })
+        _cp = _cp.on("disconnet", () => { });
+        _cp = _cp.on("error", (err) => {
+            let _err: Error = err;
+        })
+        _cp = _cp.on("exit", (code, signal) => {
+            let _code: number = code;
+            let _signal: string = signal;
+        })
+        _cp = _cp.on("message", (message, sendHandle) => {
+            let _message: any = message;
+            let _sendHandle: net.Socket | net.Server = sendHandle;
+        })
+
+        _cp = _cp.once("close", (code, signal) => {
+            let _code: number = code;
+            let _signal: string = signal;
+        })
+        _cp = _cp.once("disconnet", () => { });
+        _cp = _cp.once("error", (err) => {
+            let _err: Error = err;
+        })
+        _cp = _cp.once("exit", (code, signal) => {
+            let _code: number = code;
+            let _signal: string = signal;
+        })
+        _cp = _cp.once("message", (message, sendHandle) => {
+            let _message: any = message;
+            let _sendHandle: net.Socket | net.Server = sendHandle;
+        })
+
+        _cp = _cp.prependListener("close", (code, signal) => {
+            let _code: number = code;
+            let _signal: string = signal;
+        })
+        _cp = _cp.prependListener("disconnet", () => { });
+        _cp = _cp.prependListener("error", (err) => {
+            let _err: Error = err;
+        })
+        _cp = _cp.prependListener("exit", (code, signal) => {
+            let _code: number = code;
+            let _signal: string = signal;
+        })
+        _cp = _cp.prependListener("message", (message, sendHandle) => {
+            let _message: any = message;
+            let _sendHandle: net.Socket | net.Server = sendHandle;
+        })
+
+        _cp = _cp.prependOnceListener("close", (code, signal) => {
+            let _code: number = code;
+            let _signal: string = signal;
+        })
+        _cp = _cp.prependOnceListener("disconnet", () => { });
+        _cp = _cp.prependOnceListener("error", (err) => {
+            let _err: Error = err;
+        })
+        _cp = _cp.prependOnceListener("exit", (code, signal) => {
+            let _code: number = code;
+            let _signal: string = signal;
+        })
+        _cp = _cp.prependOnceListener("message", (message, sendHandle) => {
+            let _message: any = message;
+            let _sendHandle: net.Socket | net.Server = sendHandle;
+        })
+    }
 }
 
 //////////////////////////////////////////////////////////////////////
diff --git a/node/node.d.ts b/node/node.d.ts
index 1067e008c0..b14f18c5a6 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -1412,6 +1412,7 @@ declare module "vm" {
 declare module "child_process" {
     import * as events from "events";
     import * as stream from "stream";
+    import * as net from "net";
 
     export interface ChildProcess extends events.EventEmitter {
         stdin: stream.Writable;
@@ -1425,6 +1426,57 @@ declare module "child_process" {
         disconnect(): void;
         unref(): void;
         ref(): void;
+    
+        /**
+         * events.EventEmitter
+         * 1. close
+         * 2. disconnet
+         * 3. error
+         * 4. exit
+         * 5. message
+         **/
+
+        addListener(event: string, listener: Function): this;
+        addListener(event: "close", listener: (code: number, signal: string) => void): this;
+        addListener(event: "disconnet", listener: () => void): this;
+        addListener(event: "error", listener: (err: Error) => void): this;
+        addListener(event: "exit", listener: (code: number, signal: string) => void): this;
+        addListener(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
+
+        emit(event: string, ...args: any[]): boolean;
+        emit(event: "close", code: number, signal: string): boolean;
+        emit(event: "disconnet"): boolean;
+        emit(event: "error", err: Error): boolean;
+        emit(event: "exit", code: number, signal: string): boolean;
+        emit(event: "message", message: any, sendHandle: net.Socket | net.Server): boolean;
+
+        on(event: string, listener: Function): this;
+        on(event: "close", listener: (code: number, signal: string) => void): this;
+        on(event: "disconnet", listener: () => void): this;
+        on(event: "error", listener: (err: Error) => void): this;
+        on(event: "exit", listener: (code: number, signal: string) => void): this;
+        on(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
+
+        once(event: string, listener: Function): this;
+        once(event: "close", listener: (code: number, signal: string) => void): this;
+        once(event: "disconnet", listener: () => void): this;
+        once(event: "error", listener: (err: Error) => void): this;
+        once(event: "exit", listener: (code: number, signal: string) => void): this;
+        once(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
+
+        prependListener(event: string, listener: Function): this;
+        prependListener(event: "close", listener: (code: number, signal: string) => void): this;
+        prependListener(event: "disconnet", listener: () => void): this;
+        prependListener(event: "error", listener: (err: Error) => void): this;
+        prependListener(event: "exit", listener: (code: number, signal: string) => void): this;
+        prependListener(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
+
+        prependOnceListener(event: string, listener: Function): this;
+        prependOnceListener(event: "close", listener: (code: number, signal: string) => void): this;
+        prependOnceListener(event: "disconnet", listener: () => void): this;
+        prependOnceListener(event: "error", listener: (err: Error) => void): this;
+        prependOnceListener(event: "exit", listener: (code: number, signal: string) => void): this;
+        prependOnceListener(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
     }
 
     export interface SpawnOptions {

From 8791a14cc554925a0ab85eaf0ce3ba40662e9a2c Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Fri, 28 Oct 2016 21:54:20 +0800
Subject: [PATCH 291/313] [node] Update events for readline (#12261)

* Update events for readline

* update related tests
---
 node/node-tests.ts | 63 ++++++++++++++++++++++++++++++++++++++++++++
 node/node.d.ts     | 65 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 128 insertions(+)

diff --git a/node/node-tests.ts b/node/node-tests.ts
index b0f724b8f4..a21940cd7e 100644
--- a/node/node-tests.ts
+++ b/node/node-tests.ts
@@ -1200,6 +1200,69 @@ namespace readline_tests {
 
         readline.clearScreenDown(stream);
     }
+
+    {
+        let _rl: readline.ReadLine;
+        let _boolean: boolean;
+
+        _rl = _rl.addListener("close", () => { });
+        _rl = _rl.addListener("line", (input) => {
+            let _input: any = input;
+        })
+        _rl = _rl.addListener("pause", () => { });
+        _rl = _rl.addListener("resume", () => { });
+        _rl = _rl.addListener("SIGCONT", () => { });
+        _rl = _rl.addListener("SIGINT", () => { });
+        _rl = _rl.addListener("SIGTSTP", () => { });
+
+        _boolean = _rl.emit("close", () => { });
+        _boolean = _rl.emit("line", () => { });
+        _boolean = _rl.emit("pause", () => { });
+        _boolean = _rl.emit("resume", () => { });
+        _boolean = _rl.emit("SIGCONT", () => { });
+        _boolean = _rl.emit("SIGINT", () => { });
+        _boolean = _rl.emit("SIGTSTP", () => { });
+
+        _rl = _rl.on("close", () => { });
+        _rl = _rl.on("line", (input) => {
+            let _input: any = input;
+        })
+        _rl = _rl.on("pause", () => { });
+        _rl = _rl.on("resume", () => { });
+        _rl = _rl.on("SIGCONT", () => { });
+        _rl = _rl.on("SIGINT", () => { });
+        _rl = _rl.on("SIGTSTP", () => { });
+
+        _rl = _rl.once("close", () => { });
+        _rl = _rl.once("line", (input) => {
+            let _input: any = input;
+        })
+        _rl = _rl.once("pause", () => { });
+        _rl = _rl.once("resume", () => { });
+        _rl = _rl.once("SIGCONT", () => { });
+        _rl = _rl.once("SIGINT", () => { });
+        _rl = _rl.once("SIGTSTP", () => { });
+
+        _rl = _rl.prependListener("close", () => { });
+        _rl = _rl.prependListener("line", (input) => {
+            let _input: any = input;
+        })
+        _rl = _rl.prependListener("pause", () => { });
+        _rl = _rl.prependListener("resume", () => { });
+        _rl = _rl.prependListener("SIGCONT", () => { });
+        _rl = _rl.prependListener("SIGINT", () => { });
+        _rl = _rl.prependListener("SIGTSTP", () => { });
+
+        _rl = _rl.prependOnceListener("close", () => { });
+        _rl = _rl.prependOnceListener("line", (input) => {
+            let _input: any = input;
+        })
+        _rl = _rl.prependOnceListener("pause", () => { });
+        _rl = _rl.prependOnceListener("resume", () => { });
+        _rl = _rl.prependOnceListener("SIGCONT", () => { });
+        _rl = _rl.prependOnceListener("SIGINT", () => { });
+        _rl = _rl.prependOnceListener("SIGTSTP", () => { });
+    }
 }
 
 ////////////////////////////////////////////////////
diff --git a/node/node.d.ts b/node/node.d.ts
index b14f18c5a6..ea7e913ea8 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -1348,6 +1348,71 @@ declare module "readline" {
         resume(): ReadLine;
         close(): void;
         write(data: string | Buffer, key?: Key): void;
+
+        /**
+         * events.EventEmitter
+         * 1. close
+         * 2. line
+         * 3. pause
+         * 4. resume
+         * 5. SIGCONT
+         * 6. SIGINT
+         * 7. SIGTSTP
+         **/
+
+        addListener(event: string, listener: Function): this;
+        addListener(event: "close", listener: () => void): this;
+        addListener(event: "line", listener: (input: any) => void): this;
+        addListener(event: "pause", listener: () => void): this;
+        addListener(event: "resume", listener: () => void): this;
+        addListener(event: "SIGCONT", listener: () => void): this;
+        addListener(event: "SIGINT", listener: () => void): this;
+        addListener(event: "SIGTSTP", listener: () => void): this;
+
+        emit(event: string, ...args: any[]): boolean;
+        emit(event: "close"): boolean;
+        emit(event: "line", input: any): boolean;
+        emit(event: "pause"): boolean;
+        emit(event: "resume"): boolean;
+        emit(event: "SIGCONT"): boolean;
+        emit(event: "SIGINT"): boolean;
+        emit(event: "SIGTSTP"): boolean;
+
+        on(event: string, listener: Function): this;
+        on(event: "close", listener: () => void): this;
+        on(event: "line", listener: (input: any) => void): this;
+        on(event: "pause", listener: () => void): this;
+        on(event: "resume", listener: () => void): this;
+        on(event: "SIGCONT", listener: () => void): this;
+        on(event: "SIGINT", listener: () => void): this;
+        on(event: "SIGTSTP", listener: () => void): this;
+
+        once(event: string, listener: Function): this;
+        once(event: "close", listener: () => void): this;
+        once(event: "line", listener: (input: any) => void): this;
+        once(event: "pause", listener: () => void): this;
+        once(event: "resume", listener: () => void): this;
+        once(event: "SIGCONT", listener: () => void): this;
+        once(event: "SIGINT", listener: () => void): this;
+        once(event: "SIGTSTP", listener: () => void): this;
+
+        prependListener(event: string, listener: Function): this;
+        prependListener(event: "close", listener: () => void): this;
+        prependListener(event: "line", listener: (input: any) => void): this;
+        prependListener(event: "pause", listener: () => void): this;
+        prependListener(event: "resume", listener: () => void): this;
+        prependListener(event: "SIGCONT", listener: () => void): this;
+        prependListener(event: "SIGINT", listener: () => void): this;
+        prependListener(event: "SIGTSTP", listener: () => void): this;
+
+        prependOnceListener(event: string, listener: Function): this;
+        prependOnceListener(event: "close", listener: () => void): this;
+        prependOnceListener(event: "line", listener: (input: any) => void): this;
+        prependOnceListener(event: "pause", listener: () => void): this;
+        prependOnceListener(event: "resume", listener: () => void): this;
+        prependOnceListener(event: "SIGCONT", listener: () => void): this;
+        prependOnceListener(event: "SIGINT", listener: () => void): this;
+        prependOnceListener(event: "SIGTSTP", listener: () => void): this;
     }
 
     export interface Completer {

From 896f939be74ac31e376fe256f48edc23bebcabb6 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Fri, 28 Oct 2016 21:55:20 +0800
Subject: [PATCH 292/313] [node] Update events for repl (#12262)

* Update events for repl

* Update related tests

* Fix argument
---
 node/node-tests.ts | 31 +++++++++++++++++++++++++++++++
 node/node.d.ts     | 32 +++++++++++++++++++++++++++++++-
 2 files changed, 62 insertions(+), 1 deletion(-)

diff --git a/node/node-tests.ts b/node/node-tests.ts
index a21940cd7e..b98b23ad69 100644
--- a/node/node-tests.ts
+++ b/node/node-tests.ts
@@ -22,6 +22,7 @@ import * as vm from "vm";
 import * as string_decoder from "string_decoder";
 import * as stream from "stream";
 import * as timers from "timers";
+import * as repl from "repl";
 
 // Specifically test buffer module regression.
 import {Buffer as ImportedBuffer, SlowBuffer as ImportedSlowBuffer} from "buffer";
@@ -1804,6 +1805,36 @@ namespace net_tests {
 
 }
 
+/////////////////////////////////////////////////////
+/// repl Tests : https://nodejs.org/api/repl.html ///
+/////////////////////////////////////////////////////
+
+namespace repl_tests {
+    {
+        let _server: repl.REPLServer;
+        let _boolean: boolean;
+        let _ctx: any;
+
+        _server = _server.addListener("exit", () => { });
+        _server = _server.addListener("reset", () => { });
+
+        _boolean = _server.emit("exit", () => { });
+        _boolean = _server.emit("reset", _ctx);
+
+        _server = _server.on("exit", () => { });
+        _server = _server.on("reset", () => { });
+
+        _server = _server.once("exit", () => { });
+        _server = _server.once("reset", () => { });
+
+        _server = _server.prependListener("exit", () => { });
+        _server = _server.prependListener("reset", () => { });
+
+        _server = _server.prependOnceListener("exit", () => { });
+        _server = _server.prependOnceListener("reset", () => { });
+    }
+}
+
 /*****************************************************************************
  *                                                                           *
  * The following tests are the modules not mentioned in document but existed *
diff --git a/node/node.d.ts b/node/node.d.ts
index ea7e913ea8..fe56ba851a 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -1322,7 +1322,37 @@ declare module "repl" {
 
     export interface REPLServer extends readline.ReadLine {
         defineCommand(keyword: string, cmd: Function | { help: string, action: Function }): void;
-        displayPrompt(preserveCursor?: boolean): void
+        displayPrompt(preserveCursor?: boolean): void;
+
+        /**
+         * events.EventEmitter
+         * 1. exit
+         * 2. reset
+         **/
+
+        addListener(event: string, listener: Function): this;
+        addListener(event: "exit", listener: () => void): this;
+        addListener(event: "reset", listener: Function): this;
+
+        emit(event: string, ...args: any[]): boolean;
+        emit(event: "exit"): boolean;
+        emit(event: "reset", context: any): boolean;
+
+        on(event: string, listener: Function): this;
+        on(event: "exit", listener: () => void): this;
+        on(event: "reset", listener: Function): this;
+
+        once(event: string, listener: Function): this;
+        once(event: "exit", listener: () => void): this;
+        once(event: "reset", listener: Function): this;
+
+        prependListener(event: string, listener: Function): this;
+        prependListener(event: "exit", listener: () => void): this;
+        prependListener(event: "reset", listener: Function): this;
+
+        prependOnceListener(event: string, listener: Function): this;
+        prependOnceListener(event: "exit", listener: () => void): this;
+        prependOnceListener(event: "reset", listener: Function): this;
     }
 
     export function start(options: ReplOptions): REPLServer;

From 0190982444ef670839deb3fde37a26c79dfce08e Mon Sep 17 00:00:00 2001
From: Edward Silverton <e.silverton@gmail.com>
Date: Fri, 28 Oct 2016 15:55:57 +0200
Subject: [PATCH 293/313] added setVRDisplay to VRControls and VREffect
 (#12008)

* added setVRDisplay to VRControls and VREffect

* return void
---
 threejs/three-vrcontrols.d.ts | 3 +++
 threejs/three-vreffect.d.ts   | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/threejs/three-vrcontrols.d.ts b/threejs/three-vrcontrols.d.ts
index 1e0b018a6a..e1c9940cee 100644
--- a/threejs/three-vrcontrols.d.ts
+++ b/threejs/three-vrcontrols.d.ts
@@ -4,6 +4,7 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="./three.d.ts" />
+/// <reference path="../webvr-api/webvr-api.d.ts" />
 
 declare namespace THREE {
     export class VRControls {
@@ -16,5 +17,7 @@ declare namespace THREE {
         zeroSensor(): void;
 
         scale: number;
+
+        setVRDisplay(display: VRDisplay): void;
     }
 }
diff --git a/threejs/three-vreffect.d.ts b/threejs/three-vreffect.d.ts
index 1e1684cc67..93f5e28acb 100644
--- a/threejs/three-vreffect.d.ts
+++ b/threejs/three-vreffect.d.ts
@@ -4,6 +4,7 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="./three.d.ts" />
+/// <reference path="../webvr-api/webvr-api.d.ts" />
 
 declare namespace THREE {
     export class VREffect {
@@ -15,6 +16,7 @@ declare namespace THREE {
         FovToNDCScaleOffset(fov: VRFov): VREffectOffset;
         FovPortToProjection(fov: VRFov, rightHanded: boolean, zNear: number, zFar: number): Matrix4;
         FovToProjection(fov: VRFov, rightHanded: boolean, zNear: number, zFar: number): Matrix4;
+        setVRDisplay(display: VRDisplay): void;
     }
 
     export interface VRFov{

From 94bd397fdaca6e705731f9cc3aa3c07091db92b3 Mon Sep 17 00:00:00 2001
From: Niels Kristian Hansen Skovmand <niels@physicalcode.com>
Date: Fri, 28 Oct 2016 16:06:17 +0200
Subject: [PATCH 294/313] Removed typings for spotify-web-api-js because they
 are now integrated in the package. (#12145)

---
 .../spotify-web-api-js-tests.ts               |  70 ---
 spotify-web-api-js/spotify-web-api-js.d.ts    | 533 ------------------
 2 files changed, 603 deletions(-)
 delete mode 100644 spotify-web-api-js/spotify-web-api-js-tests.ts
 delete mode 100644 spotify-web-api-js/spotify-web-api-js.d.ts

diff --git a/spotify-web-api-js/spotify-web-api-js-tests.ts b/spotify-web-api-js/spotify-web-api-js-tests.ts
deleted file mode 100644
index 11fcf2b43b..0000000000
--- a/spotify-web-api-js/spotify-web-api-js-tests.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-// Test for the type definitions for spotify-web-api-js
-// Project: https://github.com/JMPerez/spotify-web-api-js
-// Definitions by: Niels Kristian Hansen Skovmand <https://github.com/skovmand>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-// This test-file assumes the following two d.ts files to be present.
-
-/// <reference path="./spotify-web-api-js.d.ts" />
-/// <reference path="../spotify-api/spotify-api.d.ts" />
-
-var spotify = new SpotifyWebApi();
-
-/**
- * Tests getAlbums
- */
-spotify.getAlbums(['1uw3ISK6Khq5xVWF1GWTjt', '5R8N32ocA6RqSxibt4W6x3'], { market: 'DK' })
-.then(results => {
-    results.albums.forEach(album => {
-        album.images.forEach(image => {
-            console.log('Image URL: ' + image.url.toUpperCase());
-        })
-    });
-});
-
-
-
-/**
- * Tests getAlbum with an error
- */
-function albumSearchCallback(error: SpotifyWebApiJs.ErrorObject, results: SpotifyApi.SingleAlbumResponse) {
-    console.log(error.status.toString() + " - message is: " + error.statusText);
-};
-
-spotify.getAlbum('xxx1uw3ISK6Khq5xVWF1GWTjt', albumSearchCallback);
-
-
-
-/**
- * Tests getCategories with a callback
- */
-function trackSearchCallback(error: SpotifyWebApiJs.ErrorObject, results: SpotifyApi.TrackSearchResponse) {
-    console.log("Found a total of " + results.tracks.total + " tracks");
-    var onlyExplicitTracks = results.tracks.items.filter(track => {
-        return track.explicit;
-    });
-    onlyExplicitTracks.forEach(track => console.log(track.name));
-};
- 
-spotify.searchTracks("Love itself", {limit: 5, market: 'DK'}, trackSearchCallback);
-
-
-/**
- * Tests getting a users public profile
- */
-spotify.getUser('physicaltunes')
-.then(results => {
-    console.log(results.id.toUpperCase(), 
-    'Followers: ' + results.followers.total.toString());
-});
-
-
-/**
- * Tests getting top tracks
- */
-spotify.getArtistTopTracks('07QEuhtrNmmZ0zEcqE9SF6', 'DK')
-.then(results => {
-    results.tracks.forEach(track => {
-        console.log(track.name, track.artists.shift().name);
-    })
-});
\ No newline at end of file
diff --git a/spotify-web-api-js/spotify-web-api-js.d.ts b/spotify-web-api-js/spotify-web-api-js.d.ts
deleted file mode 100644
index 817626199c..0000000000
--- a/spotify-web-api-js/spotify-web-api-js.d.ts
+++ /dev/null
@@ -1,533 +0,0 @@
-// Type definitions for spotify-web-api-js
-// Project: https://github.com/JMPerez/spotify-web-api-js
-// Definitions by: Niels Kristian Hansen Skovmand <https://github.com/skovmand>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-/// <reference path="../spotify-api/spotify-api.d.ts" />
-
-/**
- * Declare SpotifyWebApi variable, sincle that is the name of the function in spotify-web-api-js.
- */
-declare var SpotifyWebApi: SpotifyWebApiJs.SpotifyWebApiJsStatic;
-
-declare namespace SpotifyWebApiJs {
-    /**
-     * An optional callback that receives 2 parameters. The first
-     * one is the error object (null if no error), and the second is the value if the request succeeded.
-     */
-    interface ResultsCallback<T> {
-        (error: ErrorObject, value: T) : any
-    }
-
-    /**
-     * Describes the regular error object: https://developer.spotify.com/web-api/user-guide/#error-details
-     */
-    interface ErrorObject {
-        status: number,
-        response: string,
-        statusText: string
-    }
-
-    /**
-     * Describes the static side of SpotifyApi. Get a new instance of the SpotifyApi.
-     */
-    interface SpotifyWebApiJsStatic {
-        new(): SpotifyApiJs;
-    }
-
-    /**
-     * Describes an instance of SpotifyApi
-     */
-    interface SpotifyApiJs {
-        /**
-         * Fetches a resource through a generic GET request.
-         *
-         * @param url The URL to be fetched
-         * @param callback An optional callback
-         */
-        getGeneric(url: string, callback?: ResultsCallback<Object>) : Promise<Object>;
-
-        /**
-         * Fetches information about the current user.
-         * See [Get Current User's Profile](https://developer.spotify.com/web-api/get-current-users-profile/)
-         *
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getMe(options?: Object, callback?: ResultsCallback<SpotifyApi.CurrentUsersProfileResponse>) : Promise<SpotifyApi.CurrentUsersProfileResponse>;
-
-        /**
-         * Fetches current user's saved tracks.
-         * See [Get Current User's Saved Tracks](https://developer.spotify.com/web-api/get-users-saved-tracks/)
-         *
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getMySavedTracks(options?: Object, callback?: ResultsCallback<SpotifyApi.UsersSavedTracksResponse>) : Promise<SpotifyApi.UsersSavedTracksResponse>;
-
-        /**
-         * Adds a list of tracks to the current user's saved tracks.
-         * See [Save Tracks for Current User](https://developer.spotify.com/web-api/save-tracks-user/)
-         *
-         * @param trackIds The ids of the tracks. If you know their Spotify URI it is easy to find their track id (e.g. spotify:track:<here_is_the_track_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        addToMySavedTracks(trackIds: string[], options?: Object, callback?: ResultsCallback<SpotifyApi.SaveTracksForUserResponse>) : Promise<SpotifyApi.SaveTracksForUserResponse>;
-
-        /**
-         * Remove a list of tracks from the current user's saved tracks.
-         * See [Remove Tracks for Current User](https://developer.spotify.com/web-api/remove-tracks-user/)
-         *
-         * @param trackIds The ids of the tracks. If you know their Spotify URI it is easy to find their track id (e.g. spotify:track:<here_is_the_track_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        removeFromMySavedTracks(trackIds: string[], options?: Object, callback?: ResultsCallback<SpotifyApi.RemoveUsersSavedTracksResponse>) : Promise<SpotifyApi.RemoveUsersSavedTracksResponse>;
-
-        /**
-         * Checks if the current user's saved tracks contains a certain list of tracks.
-         * See [Check Current User's Saved Tracks](https://developer.spotify.com/web-api/check-users-saved-tracks/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param trackIds The ids of the tracks. If you know their Spotify URI it is easy to find their track id (e.g. spotify:track:<here_is_the_track_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        containsMySavedTracks(trackIds: string[], options?: Object, callback?: ResultsCallback<SpotifyApi.CheckUsersSavedTracksResponse>) : Promise<SpotifyApi.CheckUsersSavedTracksResponse>;
-
-        /**
-         * Adds the current user as a follower of one or more other Spotify users.
-         * See [Follow Artists or Users](https://developer.spotify.com/web-api/follow-artists-users/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userIds The ids of the users. If you know their Spotify URI it is easy to find their user id (e.g. spotify:user:<here_is_the_user_id>)
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded. one is the error object (null if no error), and the second is an empty value if the request succeeded.
-         */
-        followUsers(userIds: string[], callback?: ResultsCallback<SpotifyApi.FollowArtistsOrUsersResponse>) : Promise<SpotifyApi.FollowArtistsOrUsersResponse>;
-
-        /**
-         * Adds the current user as a follower of one or more artists.
-         * See [Follow Artists or Users](https://developer.spotify.com/web-api/follow-artists-users/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param artistIds The ids of the artists. If you know their Spotify URI it is easy to find their artist id (e.g. spotify:artist:<here_is_the_artist_id>)
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded. one is the error object (null if no error), and the second is an empty value if the request succeeded.
-         */
-        followArtists(artistIds: string[], callback?: ResultsCallback<SpotifyApi.FollowArtistsOrUsersResponse>) : Promise<SpotifyApi.FollowArtistsOrUsersResponse>;
-
-        /**
-         * Add the current user as a follower of one playlist.
-         * See [Follow a Playlist](https://developer.spotify.com/web-api/follow-playlist/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param ownerId The id of the playlist owner. If you know the Spotify URI of the playlist, it is easy to find the owner's user id (e.g. spotify:user:<here_is_the_owner_id>:playlist:xxxx)
-         * @param playlistId The id of the playlist. If you know the Spotify URI it is easy to find the playlist id (e.g. spotify:user:xxxx:playlist:<here_is_the_playlist_id>)
-         * @param options A JSON object with options that can be passed. For instance, whether you want the playlist to be followed privately ({public: false})
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        followPlaylist(ownerId: string, playlistId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.FollowPlaylistReponse>) : Promise<SpotifyApi.FollowPlaylistReponse>;
-
-        /**
-         * Removes the current user as a follower of one or more other Spotify users.
-         * See [Unfollow Artists or Users](https://developer.spotify.com/web-api/unfollow-artists-users/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userIds The ids of the users. If you know their Spotify URI it is easy to find their user id (e.g. spotify:user:<here_is_the_user_id>)
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        unfollowUsers(userIds: string[], callback?: ResultsCallback<SpotifyApi.UnfollowArtistsOrUsersResponse>) : Promise<SpotifyApi.UnfollowArtistsOrUsersResponse>;
-
-        /**
-         * Removes the current user as a follower of one or more artists.
-         * See [Unfollow Artists or Users](https://developer.spotify.com/web-api/unfollow-artists-users/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param artistIds The ids of the artists. If you know their Spotify URI it is easy to find their artist id (e.g. spotify:artist:<here_is_the_artist_id>)
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        unfollowArtists(artistIds: string[], callback?: ResultsCallback<SpotifyApi.UnfollowArtistsOrUsersResponse>) : Promise<SpotifyApi.UnfollowArtistsOrUsersResponse>;
-
-        /**
-         * Remove the current user as a follower of one playlist.
-         * See [Unfollow a Playlist](https://developer.spotify.com/web-api/unfollow-playlist/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param ownerId The id of the playlist owner. If you know the Spotify URI of the playlist, it is easy to find the owner's user id (e.g. spotify:user:<here_is_the_owner_id>:playlist:xxxx)
-         * @param playlistId The id of the playlist. If you know the Spotify URI it is easy to find the playlist id (e.g. spotify:user:xxxx:playlist:<here_is_the_playlist_id>)
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        unfollowPlaylist(ownerId: string, playlistId: string, callback?: ResultsCallback<SpotifyApi.UnfollowPlaylistReponse>) : Promise<SpotifyApi.UnfollowPlaylistReponse>;
-
-        /**
-         * Checks to see if the current user is following one or more other Spotify users.
-         * See [Check if Current User Follows Users or Artists](https://developer.spotify.com/web-api/check-current-user-follows/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userIds The ids of the users. If you know their Spotify URI it is easy to find their user id (e.g. spotify:user:<here_is_the_user_id>)
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        isFollowingUsers(userIds: string[], callback?: ResultsCallback<SpotifyApi.UserFollowsUsersOrArtistsResponse>) : Promise<SpotifyApi.UserFollowsUsersOrArtistsResponse>
-
-        /**
-         * Checks to see if the current user is following one or more artists.
-         * See [Check if Current User Follows](https://developer.spotify.com/web-api/check-current-user-follows/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param artistIds The ids of the artists. If you know their Spotify URI it is easy to find their artist id (e.g. spotify:artist:<here_is_the_artist_id>)
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        isFollowingArtists(artistIds: string[], callback?: ResultsCallback<SpotifyApi.UserFollowsUsersOrArtistsResponse>) : Promise<SpotifyApi.UserFollowsUsersOrArtistsResponse>;
-
-        /**
-         * Check to see if one or more Spotify users are following a specified playlist.
-         * See [Check if Users Follow a Playlist](https://developer.spotify.com/web-api/check-user-following-playlist/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param ownerId The id of the playlist owner. If you know the Spotify URI of the playlist, it is easy to find the owner's user id (e.g. spotify:user:<here_is_the_owner_id>:playlist:xxxx)
-         * @param playlistId The id of the playlist. If you know the Spotify URI it is easy to find the playlist id (e.g. spotify:user:xxxx:playlist:<here_is_the_playlist_id>)
-         * @param userIds The ids of the users. If you know their Spotify URI it is easy to find their user id (e.g. spotify:user:<here_is_the_user_id>)
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        areFollowingPlaylist(ownerId: string, playlistId: string, userIds: string[], callback?: ResultsCallback<SpotifyApi.UsersFollowPlaylistReponse>) : Promise<SpotifyApi.UsersFollowPlaylistReponse>;
-
-        /**
-         * Get the current user's followed artists.
-         * See [Get User's Followed Artists](https://developer.spotify.com/web-api/get-followed-artists/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param options Options, being after and limit.
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getFollowedArtists(options?: Object, callback?: ResultsCallback<SpotifyApi.UsersFollowedArtistsResponse>) : Promise<SpotifyApi.UsersFollowedArtistsResponse>;
-
-        /**
-         * Fetches information about a specific user.
-         * See [Get a User's Profile](https://developer.spotify.com/web-api/get-users-profile/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userId The id of the user. If you know the Spotify URI it is easy to find the id (e.g. spotify:user:<here_is_the_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getUser(userId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.UserProfileResponse>) : Promise<SpotifyApi.UserProfileResponse>;
-
-        /**
-         * Fetches a list of the current user's playlists.
-         * See [Get a List of a User's Playlists](https://developer.spotify.com/web-api/get-list-users-playlists/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userId The id of the user. If you know the Spotify URI it is easy to find the id (e.g. spotify:user:<here_is_the_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getUserPlaylists(userId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.ListOfUsersPlaylistsResponse>) : Promise<SpotifyApi.ListOfUsersPlaylistsResponse>;
-
-        /**
-         * Fetches a specific playlist.
-         * See [Get a Playlist](https://developer.spotify.com/web-api/get-playlist/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userId The id of the user. If you know the Spotify URI it is easy to find the user id (e.g. spotify:user:<here_is_the_user_id>:playlist:xxxx)
-         * @param playlistId The id of the playlist. If you know the Spotify URI it is easy to find the playlist id (e.g. spotify:user:xxxx:playlist:<here_is_the_playlist_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getPlaylist(userId: string, playlistId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.SinglePlaylistResponse>) : Promise<SpotifyApi.SinglePlaylistResponse>;
-
-        /**
-         * Fetches the tracks from a specific playlist.
-         * See [Get a Playlist's Tracks](https://developer.spotify.com/web-api/get-playlists-tracks/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userId The id of the user. If you know the Spotify URI it is easy to find the user id (e.g. spotify:user:<here_is_the_user_id>:playlist:xxxx)
-         * @param playlistId The id of the playlist. If you know the Spotify URI it is easy to find the playlist id (e.g. spotify:user:xxxx:playlist:<here_is_the_playlist_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getPlaylistTracks(userId: string, playlistId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.PlaylistTrackResponse>) : Promise<SpotifyApi.PlaylistTrackResponse>;
-
-        /**
-         * Creates a playlist and stores it in the current user's library.
-         * See [Create a Playlist](https://developer.spotify.com/web-api/create-playlist/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userId The id of the user. You may want to user the "getMe" function to find out the id of the current logged in user
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        createPlaylist(userId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.CreatePlaylistResponse>) : Promise<SpotifyApi.CreatePlaylistResponse>;
-
-        /**
-         * Change a playlist's name and public/private state
-         * See [Change a Playlist's Details](https://developer.spotify.com/web-api/change-playlist-details/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userId The id of the user. You may want to user the "getMe" function to find out the id of the current logged in user
-         * @param playlistId The id of the playlist. If you know the Spotify URI it is easy to find the playlist id (e.g. spotify:user:xxxx:playlist:<here_is_the_playlist_id>)
-         * @param data A JSON object with the data to update. E.g. {name: 'A new name', public: true}
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        changePlaylistDetails(userId: string, playlistId: string, data: Object, callback?: ResultsCallback<SpotifyApi.ChangePlaylistDetailsReponse>) : Promise<SpotifyApi.ChangePlaylistDetailsReponse>;
-
-        /**
-         * Add tracks to a playlist.
-         * See [Add Tracks to a Playlist](https://developer.spotify.com/web-api/add-tracks-to-playlist/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userId The id of the user. If you know the Spotify URI it is easy to find the user id (e.g. spotify:user:<here_is_the_user_id>:playlist:xxxx)
-         * @param playlistId The id of the playlist. If you know the Spotify URI it is easy to find the playlist id (e.g. spotify:user:xxxx:playlist:<here_is_the_playlist_id>)
-         * @param uris An array of Spotify URIs for the tracks
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        addTracksToPlaylist(userId: string, playlistId: string, uris: string[], options?: Object, callback?: ResultsCallback<SpotifyApi.AddTracksToPlaylistResponse>) : Promise<SpotifyApi.AddTracksToPlaylistResponse>;
-
-        /**
-         * Replace the tracks of a playlist
-         * See [Replace a Playlist's Tracks](https://developer.spotify.com/web-api/replace-playlists-tracks/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userId The id of the user. If you know the Spotify URI it is easy to find the user id (e.g. spotify:user:<here_is_the_user_id>:playlist:xxxx)
-         * @param playlistId The id of the playlist. If you know the Spotify URI it is easy to find the playlist id (e.g. spotify:user:xxxx:playlist:<here_is_the_playlist_id>)
-         * @param uris An array of Spotify URIs for the tracks
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        replaceTracksInPlaylist(userId: string, playlistId: string, uris: string[], callback?: ResultsCallback<SpotifyApi.ReplacePlaylistTracksResponse>) : Promise<SpotifyApi.ReplacePlaylistTracksResponse>;
-
-        /**
-         * Reorder tracks in a playlist
-         * See [Reorder a Playlist’s Tracks](https://developer.spotify.com/web-api/reorder-playlists-tracks/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userId The id of the user. If you know the Spotify URI it is easy to find the user id (e.g. spotify:user:<here_is_the_user_id>:playlist:xxxx)
-         * @param playlistId The id of the playlist. If you know the Spotify URI it is easy to find the playlist id (e.g. spotify:user:xxxx:playlist:<here_is_the_playlist_id>)
-         * @param rangeStart The position of the first track to be reordered.
-         * @param insertBefore The position where the tracks should be inserted. To reorder the tracks to the end of the playlist, simply set insert_before to the position after the last track.
-         * @param options An object with optional parameters (range_length, snapshot_id)
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        reorderTracksInPlaylist(userId: string, playlistId: string, rangeStart: number, insertBefore: number, options?: Object, callback?: ResultsCallback<SpotifyApi.ReorderPlaylistTracksResponse>) : Promise<SpotifyApi.ReorderPlaylistTracksResponse>;
-
-        /**
-         * Remove tracks from a playlist
-         * See [Remove Tracks from a Playlist](https://developer.spotify.com/web-api/remove-tracks-playlist/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userId The id of the user. If you know the Spotify URI it is easy to find the user id (e.g. spotify:user:<here_is_the_user_id>:playlist:xxxx)
-         * @param playlistId The id of the playlist. If you know the Spotify URI it is easy to find the playlist id (e.g. spotify:user:xxxx:playlist:<here_is_the_playlist_id>)
-         * @param uris An array of tracks to be removed. Each element of the array can be either a string, in which case it is treated as a URI, or an object containing the properties `uri` (which is a string) and `positions` (which is an array of integers).
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        removeTracksFromPlaylist(userId: string, playlistId: string, uris: Object[], callback?: ResultsCallback<SpotifyApi.RemoveTracksFromPlaylistResponse>) : Promise<SpotifyApi.RemoveTracksFromPlaylistResponse>;
-
-        /**
-         * Remove tracks from a playlist, specifying a snapshot id.
-         * See [Remove Tracks from a Playlist](https://developer.spotify.com/web-api/remove-tracks-playlist/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param userId The id of the user. If you know the Spotify URI it is easy to find the user id (e.g. spotify:user:<here_is_the_user_id>:playlist:xxxx)
-         * @param playlistId The id of the playlist. If you know the Spotify URI it is easy to find the playlist id (e.g. spotify:user:xxxx:playlist:<here_is_the_playlist_id>)
-         * @param uris An array of tracks to be removed. Each element of the array can be either a string, in which case it is treated as a URI, or an object containing the properties `uri` (which is a string) and `positions` (which is an array of integers).
-         * @param snapshotId The playlist's snapshot ID against which you want to make the changes
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        removeTracksFromPlaylistWithSnapshotId(userId: string, playlistId: string, uris: Object[], snapshotId: string, callback?: ResultsCallback<SpotifyApi.PlaylistSnapshotResponse>) : Promise<SpotifyApi.PlaylistSnapshotResponse>;
-
-        /**
-         * Remove tracks from a playlist, specifying the positions of the tracks to be removed.
-         * See [Remove Tracks from a Playlist](https://developer.spotify.com/web-api/remove-tracks-playlist/) on
-         * the Spotify Developer site for more information about the endpoint.
-         * @param userId The id of the user. If you know the Spotify URI it is easy
-         * to find the user id (e.g. spotify:user:<here_is_the_user_id>:playlist:xxxx)
-         * @param playlistId The id of the playlist. If you know the Spotify URI it is easy to find the playlist id (e.g. spotify:user:xxxx:playlist:<here_is_the_playlist_id>)
-         * @param positions array of integers containing the positions of the tracks to remove from the playlist.
-         * @param snapshotId The playlist's snapshot ID against which you want to make the changes
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        removeTracksFromPlaylistInPositions(userId: string, playlistId: string, positions: number[], snapshotId: string, callback?: ResultsCallback<SpotifyApi.PlaylistSnapshotResponse>) : Promise<SpotifyApi.PlaylistSnapshotResponse>;
-
-        /**
-         * Fetches an album from the Spotify catalog.
-         * See [Get an Album](https://developer.spotify.com/web-api/get-album/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param albumId The id of the album. If you know the Spotify URI it is easy to find the album id (e.g. spotify:album:<here_is_the_album_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getAlbum(albumId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.SingleAlbumResponse>) : Promise<SpotifyApi.SingleAlbumResponse>;
-
-        /**
-         * Fetches the tracks of an album from the Spotify catalog.
-         * See [Get an Album's Tracks](https://developer.spotify.com/web-api/get-albums-tracks/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param albumId The id of the album. If you know the Spotify URI it is easy to find the album id (e.g. spotify:album:<here_is_the_album_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getAlbumTracks(albumId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.AlbumTracksResponse>) : Promise<SpotifyApi.AlbumTracksResponse>;
-
-        /**
-         * Fetches multiple albums from the Spotify catalog.
-         * See [Get Several Albums](https://developer.spotify.com/web-api/get-several-albums/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param albumIds The ids of the albums. If you know their Spotify URI it is easy to find their album id (e.g. spotify:album:<here_is_the_album_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getAlbums(albumIds: string[], options?: Object, callback?: ResultsCallback<SpotifyApi.MultipleAlbumsResponse>) : Promise<SpotifyApi.MultipleAlbumsResponse>;
-
-        /**
-         * Fetches a track from the Spotify catalog.
-         * See [Get a Track](https://developer.spotify.com/web-api/get-track/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param trackId The id of the track. If you know the Spotify URI it is easy to find the track id (e.g. spotify:track:<here_is_the_track_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getTrack(trackId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.SingleTrackResponse>) : Promise<SpotifyApi.SingleTrackResponse>;
-
-        /**
-         * Fetches multiple tracks from the Spotify catalog.
-         * See [Get Several Tracks](https://developer.spotify.com/web-api/get-several-tracks/) on
-         * the Spotify Developer site for more information about the endpoint.
-         * @param trackIds The ids of the tracks. If you know their Spotify URI it is easy to find their track id (e.g. spotify:track:<here_is_the_track_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getTracks(trackIds: string[], options?: Object, callback?: ResultsCallback<SpotifyApi.MultipleTracksResponse>) : Promise<SpotifyApi.MultipleTracksResponse>;
-
-        /**
-         * Fetches an artist from the Spotify catalog.
-         * See [Get an Artist](https://developer.spotify.com/web-api/get-artist/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param artistId The id of the artist. If you know the Spotify URI it is easy to find the artist id (e.g. spotify:artist:<here_is_the_artist_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getArtist(artistId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.SingleArtistResponse>) : Promise<SpotifyApi.SingleArtistResponse>;
-
-        /**
-         * Fetches multiple artists from the Spotify catalog.
-         * See [Get Several Artists](https://developer.spotify.com/web-api/get-several-artists/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param artistIds The ids of the artists. If you know their Spotify URI it is easy to find their artist id (e.g. spotify:artist:<here_is_the_artist_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getArtists(artistIds: string[], options?: Object, callback?: ResultsCallback<SpotifyApi.MultipleArtistsResponse>) : Promise<SpotifyApi.MultipleArtistsResponse>;
-
-        /**
-         * Fetches the albums of an artist from the Spotify catalog.
-         * See [Get an Artist's Albums](https://developer.spotify.com/web-api/get-artists-albums/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param artistId The id of the artist. If you know the Spotify URI it is easy to find the artist id (e.g. spotify:artist:<here_is_the_artist_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getArtistAlbums(artistId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.ArtistsAlbumsResponse>) : Promise<SpotifyApi.ArtistsAlbumsResponse>;
-
-        /**
-         * Fetches a list of top tracks of an artist from the Spotify catalog, for a specific country.
-         * See [Get an Artist's Top Tracks](https://developer.spotify.com/web-api/get-artists-top-tracks/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param artistId The id of the artist. If you know the Spotify URI it is easy to find the artist id (e.g. spotify:artist:<here_is_the_artist_id>)
-         * @param countryId The id of the country (e.g. ES for Spain or US for United States)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getArtistTopTracks(artistId: string, countryId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.ArtistsTopTracksResponse>) : Promise<SpotifyApi.ArtistsTopTracksResponse>;
-
-        /**
-         * Fetches a list of artists related with a given one from the Spotify catalog.
-         * See [Get an Artist's Related Artists](https://developer.spotify.com/web-api/get-related-artists/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param artistId The id of the artist. If you know the Spotify URI it is easy to find the artist id (e.g. spotify:artist:<here_is_the_artist_id>)
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getArtistRelatedArtists(artistId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.ArtistsRelatedArtistsResponse>) : Promise<SpotifyApi.ArtistsRelatedArtistsResponse>;
-
-        /**
-         * Fetches a list of Spotify featured playlists (shown, for example, on a Spotify player's "Browse" tab).
-         * See [Get a List of Featured Playlists](https://developer.spotify.com/web-api/get-list-featured-playlists/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getFeaturedPlaylists(options?: Object, callback?: ResultsCallback<SpotifyApi.ListOfFeaturedPlaylistsResponse>) : Promise<SpotifyApi.ListOfFeaturedPlaylistsResponse>;
-
-        /**
-         * Fetches a list of new album releases featured in Spotify (shown, for example, on a Spotify player's "Browse" tab).
-         * See [Get a List of New Releases](https://developer.spotify.com/web-api/get-list-new-releases/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getNewReleases(options?: Object, callback?: ResultsCallback<SpotifyApi.ListOfNewReleasesResponse>) : Promise<SpotifyApi.ListOfNewReleasesResponse>;
-
-        /**
-         * Get a list of categories used to tag items in Spotify (on, for example, the Spotify player's "Browse" tab).
-         * See [Get a List of Categories](https://developer.spotify.com/web-api/get-list-categories/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getCategories(options?: Object, callback?: ResultsCallback<SpotifyApi.MultipleCategoriesResponse>) : Promise<SpotifyApi.MultipleCategoriesResponse>;
-
-        /**
-         * Get a single category used to tag items in Spotify (on, for example, the Spotify player's "Browse" tab).
-         * See [Get a Category](https://developer.spotify.com/web-api/get-category/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param categoryId The id of the category. These can be found with the getCategories function
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getCategory(categoryId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.SingleCategoryResponse>) : Promise<SpotifyApi.SingleCategoryResponse>;
-
-        /**
-         * Get a list of Spotify playlists tagged with a particular category.
-         * See [Get a Category's Playlists](https://developer.spotify.com/web-api/get-categorys-playlists/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param categoryId The id of the category. These can be found with the getCategories function
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        getCategoryPlaylists(categoryId: string, options?: Object, callback?: ResultsCallback<SpotifyApi.CategoryPlaylistsReponse>) : Promise<SpotifyApi.CategoryPlaylistsReponse>;
-
-        /**
-         * Fetches albums from the Spotify catalog according to a query.
-         * See [Search for an Item](https://developer.spotify.com/web-api/search-item/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param query The search query
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        searchAlbums(query: string, options?: SpotifyApi.SearchForItemParameterObject, callback?: ResultsCallback<SpotifyApi.AlbumSearchResponse>) : Promise<SpotifyApi.AlbumSearchResponse>;
-
-        /**
-         * Fetches artists from the Spotify catalog according to a query.
-         * See [Search for an Item](https://developer.spotify.com/web-api/search-item/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param query The search query
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        searchArtists(query: string, options?: SpotifyApi.SearchForItemParameterObject, callback?: ResultsCallback<SpotifyApi.ArtistSearchResponse>) : Promise<SpotifyApi.ArtistSearchResponse>;
-
-        /**
-         * Fetches tracks from the Spotify catalog according to a query.
-         * See [Search for an Item](https://developer.spotify.com/web-api/search-item/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param query The search query
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        searchTracks(query: string, options?: SpotifyApi.SearchForItemParameterObject, callback?: ResultsCallback<SpotifyApi.TrackSearchResponse>) : Promise<SpotifyApi.TrackSearchResponse>;
-
-        /**
-         * Fetches playlists from the Spotify catalog according to a query.
-         * See [Search for an Item](https://developer.spotify.com/web-api/search-item/) on the Spotify Developer site for more information about the endpoint.
-         *
-         * @param query The search query
-         * @param options A JSON object with options that can be passed
-         * @param callback An optional callback that receives 2 parameters. The first one is the error object (null if no error), and the second is the value if the request succeeded.
-         */
-        searchPlaylists(query: string, options?: SpotifyApi.SearchForItemParameterObject, callback?: ResultsCallback<SpotifyApi.PlaylistSearchResponse>) : Promise<SpotifyApi.PlaylistSearchResponse>;
-
-        /**
-         * Sets the access token to be used.
-         * See [the Authorization Guide](https://developer.spotify.com/web-api/authorization-guide/) on the Spotify Developer site for more information about obtaining an access token.
-         *
-         * @param accessToken The access token
-         */
-        setAccessToken(accessToken: string) : void;
-
-        /**
-         * Sets an implementation of Promises/A+ to be used. E.g. Q, when.
-         * See [Conformant Implementations](https://github.com/promises-aplus/promises-spec/blob/master/implementations.md) for a list of some available options
-         *
-         * @param promiseImplementation A Promises/A+ valid implementation
-         * @throws {Error} If the implementation being set doesn't conform with Promises/A+
-         */
-        setPromiseImplementation(promiseImplementation: Object) : void;
-    }
-}

From 45c5bcd85453cc195ed09a2e03c3f2e3d0fc4f39 Mon Sep 17 00:00:00 2001
From: Flarna <Flarna@users.noreply.github.com>
Date: Fri, 28 Oct 2016 16:13:14 +0200
Subject: [PATCH 295/313] Add process.mainModule, improve NodeModule (#12257)

* Add process.mainModule, improve NodeModule

Add mainModule in process. See https://nodejs.org/dist/latest-v6.x/docs/api/process.html#process_process_mainmodule

improve require.main see https://nodejs.org/dist/latest-v6.x/docs/api/modules.html#modules_accessing_the_main_module

improve NodeModule see https://nodejs.org/dist/latest-v6.x/docs/api/modules.html#modules_module_children and https://nodejs.org/dist/latest-v6.x/docs/api/modules.html#modules_module_parent

* Correct require.main and NodeModule
---
 node/node-4-tests.ts | 17 +++++++++++++++++
 node/node-4.d.ts     |  7 ++++---
 node/node-tests.ts   | 17 +++++++++++++++++
 node/node.d.ts       |  7 ++++---
 4 files changed, 42 insertions(+), 6 deletions(-)

diff --git a/node/node-4-tests.ts b/node/node-4-tests.ts
index 26e201c910..f21c3b58f8 100644
--- a/node/node-4-tests.ts
+++ b/node/node-4-tests.ts
@@ -24,6 +24,19 @@ import * as string_decoder from "string_decoder";
 // Specifically test buffer module regression.
 import {Buffer as ImportedBuffer, SlowBuffer as ImportedSlowBuffer} from "buffer";
 
+//////////////////////////////////////////////////////////
+/// Global Tests : https://nodejs.org/api/global.html  ///
+//////////////////////////////////////////////////////////
+namespace global_tests {
+    {
+        let x: NodeModule;
+        let y: NodeModule;
+        x.children.push(y);
+        x.parent = require.main;
+        require.main = y;
+    }
+}
+
 //////////////////////////////////////////////////////////
 /// Assert Tests : https://nodejs.org/api/assert.html ///
 //////////////////////////////////////////////////////////
@@ -922,6 +935,10 @@ namespace process_tests {
         var _p: NodeJS.Process = process;
         _p = p;
     }
+    {
+        var module: NodeModule;
+        module = process.mainModule;
+    }
 }
 
 ///////////////////////////////////////////////////////////
diff --git a/node/node-4.d.ts b/node/node-4.d.ts
index feee10f12d..bd6196d17c 100644
--- a/node/node-4.d.ts
+++ b/node/node-4.d.ts
@@ -52,7 +52,7 @@ interface NodeRequire extends NodeRequireFunction {
     resolve(id:string): string;
     cache: any;
     extensions: any;
-    main: any;
+    main: NodeModule;
 }
 
 declare var require: NodeRequire;
@@ -63,8 +63,8 @@ interface NodeModule {
     id: string;
     filename: string;
     loaded: boolean;
-    parent: any;
-    children: any[];
+    parent: NodeModule;
+    children: NodeModule[];
 }
 
 declare var module: NodeModule;
@@ -339,6 +339,7 @@ declare namespace NodeJS {
         title: string;
         arch: string;
         platform: string;
+        mainModule?: NodeModule;
         memoryUsage(): MemoryUsage;
         nextTick(callback: Function): void;
         umask(mask?: number): number;
diff --git a/node/node-tests.ts b/node/node-tests.ts
index b98b23ad69..0025505e67 100644
--- a/node/node-tests.ts
+++ b/node/node-tests.ts
@@ -27,6 +27,19 @@ import * as repl from "repl";
 // Specifically test buffer module regression.
 import {Buffer as ImportedBuffer, SlowBuffer as ImportedSlowBuffer} from "buffer";
 
+//////////////////////////////////////////////////////////
+/// Global Tests : https://nodejs.org/api/global.html  ///
+//////////////////////////////////////////////////////////
+namespace global_tests {
+    {
+        let x: NodeModule;
+        let y: NodeModule;
+        x.children.push(y);
+        x.parent = require.main;
+        require.main = y;
+    }
+}
+
 //////////////////////////////////////////////////////////
 /// Assert Tests : https://nodejs.org/api/assert.html ///
 //////////////////////////////////////////////////////////
@@ -1554,6 +1567,10 @@ namespace process_tests {
     {
         assert(process.argv[0] === process.argv0);
     }
+    {
+        var module: NodeModule;
+        module = process.mainModule;
+    }
 }
 
 ///////////////////////////////////////////////////////////
diff --git a/node/node.d.ts b/node/node.d.ts
index fe56ba851a..61132b9232 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -52,7 +52,7 @@ interface NodeRequire extends NodeRequireFunction {
     resolve(id: string): string;
     cache: any;
     extensions: any;
-    main: any;
+    main: NodeModule;
 }
 
 declare var require: NodeRequire;
@@ -63,8 +63,8 @@ interface NodeModule {
     id: string;
     filename: string;
     loaded: boolean;
-    parent: any;
-    children: any[];
+    parent: NodeModule;
+    children: NodeModule[];
 }
 
 declare var module: NodeModule;
@@ -372,6 +372,7 @@ declare namespace NodeJS {
         title: string;
         arch: string;
         platform: string;
+        mainModule?: NodeModule;
         memoryUsage(): MemoryUsage;
         nextTick(callback: Function, ...args: any[]): void;
         umask(mask?: number): number;

From 7155ef2d2dced331b5e389363a4180957e76f95e Mon Sep 17 00:00:00 2001
From: Stefan Dobrev <stefan.dobrev@gmail.com>
Date: Fri, 28 Oct 2016 17:15:24 +0300
Subject: [PATCH 296/313] [mocha] Add global run function (#12136)

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

diff --git a/mocha/mocha.d.ts b/mocha/mocha.d.ts
index 5304f9333a..e512984ba4 100644
--- a/mocha/mocha.d.ts
+++ b/mocha/mocha.d.ts
@@ -42,6 +42,9 @@ declare var xit: Mocha.ITestDefinition;
 declare var test: Mocha.ITestDefinition;
 declare var specify: Mocha.ITestDefinition;
 
+// Used with the --delay flag; see https://mochajs.org/#hooks
+declare function run(): void;
+
 interface MochaDone {
     (error?: any): any;
 }

From 47221120dfa262f725ee96fe21523c32b56f2005 Mon Sep 17 00:00:00 2001
From: ToastHawaii <markus.peloso@gmail.com>
Date: Fri, 28 Oct 2016 16:25:12 +0200
Subject: [PATCH 297/313] Create type definition for synaptic (#12185)

* Create synaptic-tests.ts

* Create synaptic.d.ts

* Update synaptic.d.ts

* Update synaptic.d.ts

* Update synaptic-tests.ts

* Update synaptic.d.ts

* Update synaptic.d.ts

Remove not needed public, change overloading to optional parameters, remove duplicate method.
---
 synaptic/synaptic-tests.ts | 522 ++++++++++++++++++++++++++++++
 synaptic/synaptic.d.ts     | 648 +++++++++++++++++++++++++++++++++++++
 2 files changed, 1170 insertions(+)
 create mode 100644 synaptic/synaptic-tests.ts
 create mode 100644 synaptic/synaptic.d.ts

diff --git a/synaptic/synaptic-tests.ts b/synaptic/synaptic-tests.ts
new file mode 100644
index 0000000000..2ffc60eafe
--- /dev/null
+++ b/synaptic/synaptic-tests.ts
@@ -0,0 +1,522 @@
+/// <reference path="synaptic.d.ts" />
+
+// Neurons
+// =======
+namespace NeuronTests {
+    // project
+    // -------
+    var A = new Neuron();
+    var B = new Neuron();
+    A.project(B); // A now projects a connection to B
+    A.project(A); // Neurons can also self-connect
+
+    // gate
+    // ----
+    var A = new Neuron();
+    var B = new Neuron();
+    var connection = A.project(B);
+
+    var C = new Neuron();
+    C.gate(connection); // now C gates the connection between A and B
+
+    // activate
+    // --------
+    var A = new Neuron();
+    var B = new Neuron();
+    A.project(B);
+
+    A.activate(0.5); // 0.5
+    B.activate(); // 0.3244554645
+
+    // propagate
+    // ---------
+    var A = new Neuron();
+    var B = new Neuron();
+    A.project(B);
+
+    var learningRate = .3;
+
+    for (var i = 0; i < 20000; i++) {
+        // when A activates 1
+        A.activate(1);
+
+        // train B to activate 0
+        B.activate();
+        B.propagate(learningRate, 0);
+    }
+
+    // test it
+    A.activate(1);
+    B.activate(); // 0.006540565760853365
+
+    // squashing function and bias
+    var A = new Neuron();
+    A.squash = Neuron.squash.TANH;
+    A.bias = 1;
+}
+
+// Layers
+// ======
+namespace LayerTests {
+    // project
+    // -------
+    var A = new Layer(5);
+    var B = new Layer(3);
+    A.project(B, Layer.connectionType.ALL_TO_ALL); // All the neurons in layer A now project a connection to all the neurons in layer B
+    A.project(A, Layer.connectionType.ONE_TO_ONE);
+
+    // gate
+    // ----
+    var A = new Layer(5);
+    var B = new Layer(3);
+    var connection = A.project(B);
+
+    var C = new Layer(4);
+    C.gate(connection, Layer.gateType.INPUT); // now C gates the connection between A and B (input gate)
+
+    // activate
+    // --------
+    var A = new Layer(5);
+    var B = new Layer(3);
+    A.project(B);
+
+    A.activate([1, 0, 1, 0, 1]); // [1,0,1,0,1]
+    B.activate(); // [0.3280457, 0.83243247, 0.5320423]
+
+    // propagate
+    // ---------
+    var A = new Layer(5);
+    var B = new Layer(2);
+    A.project(B);
+
+    var learningRate = .3;
+
+    for (var i = 0; i < 20000; i++) {
+        // when A activates [1, 0, 1, 0, 1]
+        A.activate([1, 0, 1, 0, 1]);
+
+        // train B to activate [0,0]
+        B.activate();
+        B.propagate(learningRate, [0, 0]);
+    }
+
+    // test it
+    A.activate([1, 0, 1, 0, 1]);
+    B.activate(); // [0.004606949693864496, 0.004606763721459169]
+
+    // squashing function and bias
+    A.set({
+        squash: Neuron.squash.TANH,
+        bias: 0
+    })
+
+    // neurons
+    // -------
+    A.neurons();
+}
+
+// Networks
+// ========
+
+namespace NetworkTests {
+    var inputLayer = new Layer(4);
+    var hiddenLayer = new Layer(6);
+    var outputLayer = new Layer(2);
+
+    inputLayer.project(hiddenLayer);
+    hiddenLayer.project(outputLayer);
+
+    var A = new Network({
+        input: inputLayer,
+        hidden: [hiddenLayer],
+        output: outputLayer
+    });
+
+    var B = new Network({
+        input: inputLayer,
+        hidden: [hiddenLayer],
+        output: outputLayer
+    });
+
+    // project
+    // -------
+    A.project(B, Layer.connectionType.ALL_TO_ALL);
+
+    // gate
+    // ----
+
+    var C = new Network({
+        input: inputLayer,
+        hidden: [hiddenLayer],
+        output: outputLayer
+    });
+    var connection = A.project(B);
+    C.gate(connection, Layer.gateType.INPUT); // now C's output layer gates the connection between A's output layer and B's input layer (input gate)
+
+    // activate
+    // --------
+    var inputLayer = new Layer(4);
+    var hiddenLayer = new Layer(6);
+    var outputLayer = new Layer(2);
+
+    inputLayer.project(hiddenLayer);
+    hiddenLayer.project(outputLayer);
+
+    var myNetwork = new Network({
+        input: inputLayer,
+        hidden: [hiddenLayer],
+        output: outputLayer
+    });
+
+    myNetwork.activate([1, 0, 1, 0]); // [0.5200553602396137, 0.4792707231811006]
+
+    // propagate
+    // ---------
+    // create the network
+    var inputLayer = new Layer(2);
+    var hiddenLayer = new Layer(3);
+    var outputLayer = new Layer(1);
+
+    inputLayer.project(hiddenLayer);
+    hiddenLayer.project(outputLayer);
+
+    var myNetwork = new Network({
+        input: inputLayer,
+        hidden: [hiddenLayer],
+        output: outputLayer
+    });
+
+    // train the network
+    var learningRate = .3;
+    for (var i = 0; i < 20000; i++) {
+        // 0,0 => 0
+        myNetwork.activate([0, 0]);
+        myNetwork.propagate(learningRate, [0]);
+
+        // 0,1 => 1
+        myNetwork.activate([0, 1]);
+        myNetwork.propagate(learningRate, [1]);
+
+        // 1,0 => 1
+        myNetwork.activate([1, 0]);
+        myNetwork.propagate(learningRate, [1]);
+
+        // 1,1 => 0
+        myNetwork.activate([1, 1]);
+        myNetwork.propagate(learningRate, [0]);
+    }
+
+    // test the network
+    myNetwork.activate([0, 0]); // [0.015020775950893527]
+    myNetwork.activate([0, 1]); // [0.9815816381088985]
+    myNetwork.activate([1, 0]); // [0.9871822457132193]
+    myNetwork.activate([1, 1]); // [0.012950087641929467]
+
+    // optimize
+    // --------
+
+    // extend
+    // ------
+
+    // toJSON/fromJSON
+    // ---------------
+    var exported = myNetwork.toJSON();
+    var imported = Network.fromJSON(exported);
+
+    // worker
+    // ------
+    // training set
+    var learningRate = .3;
+    var trainingSet = [
+        {
+            input: [0, 0],
+            output: [0]
+        },
+        {
+            input: [0, 1],
+            output: [1]
+        },
+        {
+            input: [1, 0],
+            output: [1]
+        },
+        {
+            input: [1, 1],
+            output: [0]
+        },
+    ];
+
+    // create a network
+    var inputLayer = new Layer(2);
+    var hiddenLayer = new Layer(3);
+    var outputLayer = new Layer(1);
+
+    inputLayer.project(hiddenLayer);
+    hiddenLayer.project(outputLayer);
+
+    var myNetwork = new Network({
+        input: inputLayer,
+        hidden: [hiddenLayer],
+        output: outputLayer
+    });
+
+    // create a worker
+    var myWorker = myNetwork.worker();
+
+    // activate the network
+    function activateWorker(input: number[]) {
+        myWorker.postMessage({
+            action: "activate",
+            input: input,
+            memoryBuffer: myNetwork.optimized.memory
+        }, [myNetwork.optimized.memory.buffer]);
+    }
+
+    // backpropagate the network
+    function propagateWorker(target: number[]) {
+        myWorker.postMessage({
+            action: "propagate",
+            target: target,
+            rate: learningRate,
+            memoryBuffer: myNetwork.optimized.memory
+        }, [myNetwork.optimized.memory.buffer]);
+    }
+
+    // train the worker
+    myWorker.onmessage = function (e) {
+        // give control of the memory back to the network - this is mandatory!
+        myNetwork.optimized.ownership(e.data.memoryBuffer);
+
+        if (e.data.action == "propagate") {
+            if (index >= 4) {
+                index = 0;
+                iterations++;
+                if (iterations % 100 == 0) {
+                    var output00 = myNetwork.activate([0, 0]);
+                    var output01 = myNetwork.activate([0, 1]);
+                    var output10 = myNetwork.activate([1, 0]);
+                    var output11 = myNetwork.activate([1, 1]);
+
+                    console.log("0,0 => ", output00);
+                    console.log("0,1 => ", output01);
+                    console.log("1,0 => ", output10);
+                    console.log("1,1 => ", output11, "\n");
+                }
+            }
+
+            activateWorker(trainingSet[index].input);
+        }
+
+        if (e.data.action == "activate") {
+            propagateWorker(trainingSet[index].output);
+            index++;
+        }
+    }
+
+    // kick it
+    var index = 0;
+    var iterations = 0;
+    activateWorker(trainingSet[index].input);
+
+    // standalone
+    // ----------
+    var inputLayer = new Layer(4);
+    var hiddenLayer = new Layer(6);
+    var outputLayer = new Layer(2);
+
+    inputLayer.project(hiddenLayer);
+    hiddenLayer.project(outputLayer);
+
+    var myNetwork = new Network({
+        input: inputLayer,
+        hidden: [hiddenLayer],
+        output: outputLayer
+    });
+
+    var standalone = myNetwork.standalone();
+
+    myNetwork.activate([1, 0, 1, 0]);  // [0.5466397925108878, 0.5121246668637663]
+    standalone([1, 0, 1, 0]);   // [0.5466397925108878, 0.5121246668637663]
+
+    // clone
+    // -----
+    var inputLayer = new Layer(4);
+    var hiddenLayer = new Layer(6);
+    var outputLayer = new Layer(2);
+
+    inputLayer.project(hiddenLayer);
+    hiddenLayer.project(outputLayer);
+
+    var myNetwork = new Network({
+        input: inputLayer,
+        hidden: [hiddenLayer],
+        output: outputLayer
+    });
+
+    var clone = myNetwork.clone();
+
+    myNetwork.activate([1, 0, 1, 0]);  // [0.5466397925108878, 0.5121246668637663]
+    clone.activate([1, 0, 1, 0]);   // [0.5466397925108878, 0.5121246668637663]
+
+    // neurons
+    // -------
+    myNetwork.neurons();
+
+    // set
+    // ---
+    var inputLayer = new Layer(4);
+    var hiddenLayer = new Layer(6);
+    var outputLayer = new Layer(2);
+
+    inputLayer.project(hiddenLayer);
+    hiddenLayer.project(outputLayer);
+
+    var myNetwork = new Network();
+
+    myNetwork.set({
+        input: inputLayer,
+        hidden: [hiddenLayer],
+        output: outputLayer
+    });
+}
+
+// Architect
+// =========
+namespace ArchitectTests {
+    // Perceptron
+    // ----------
+    var myPerceptron = new Architect.Perceptron(2, 3, 1);
+
+    // LSTM
+    // ----
+    var myLSTM = new Architect.LSTM(2, 6, 1);
+
+    // Liquid
+    // ------
+    var input = 2;
+    var pool = 20;
+    var output = 1;
+    var connections = 30;
+    var gates = 10;
+
+    var myLiquidStateMachine = new Architect.Liquid(input, pool, output, connections, gates);
+
+    // Hopfield
+    // --------
+    var hopfield = new Architect.Hopfield(10) // create a network for 10-bit patterns
+
+    // teach the network two different patterns
+    hopfield.learn([
+        [0, 1, 0, 1, 0, 1, 0, 1, 0, 1],
+        [1, 1, 1, 1, 1, 0, 0, 0, 0, 0]
+    ])
+
+    // feed new patterns to the network and it will return the most similar to the ones it was trained to remember
+    hopfield.feed([0, 1, 0, 1, 0, 1, 0, 1, 1, 1]) // [0, 1, 0, 1, 0, 1, 0, 1, 0, 1]
+    hopfield.feed([1, 1, 1, 1, 1, 0, 0, 1, 0, 0]) // [1, 1, 1, 1, 1, 0, 0, 0, 0, 0]
+}
+
+// Trainer
+// =======
+namespace TrainerTests {
+    // train
+    // -----
+    var myNetwork = new Architect.Perceptron(2, 2, 1)
+    var trainer = new Trainer(myNetwork)
+
+    var trainingSet = [
+        {
+            input: [0, 0],
+            output: [0]
+        },
+        {
+            input: [0, 1],
+            output: [1]
+        },
+        {
+            input: [1, 0],
+            output: [1]
+        },
+        {
+            input: [1, 1],
+            output: [0]
+        },
+    ]
+
+    trainer.train(trainingSet);
+
+    var traningOptions = {
+        rate: .1,
+        iterations: 20000,
+        error: .005,
+        shuffle: true,
+        log: 1000,
+        cost: Trainer.cost.CROSS_ENTROPY,
+        schedule: {
+            every: 500, // repeat this task every 500 iterations
+            do: function (data: Synaptic.Trainer.TrainingScheduleDoData) {
+                // custom log
+                console.log("error", data.error, "iterations", data.iterations, "rate", data.rate);
+                if (data.error > .5)
+                    return true; // abort/stop training
+            }
+        }
+    };
+
+    trainer.train(trainingSet, traningOptions);
+
+    // trainAsync
+    // ----------
+    var trainer = new Trainer(myNetwork);
+    trainer.trainAsync(trainingSet, traningOptions)
+        .then((results: any) => console.log('done!', results))
+
+    var myNetwork = new Architect.Perceptron(2, 2, 1)
+    var trainer = new Trainer(myNetwork)
+
+    var trainingSet = [
+        {
+            input: [0, 0],
+            output: [0]
+        },
+        {
+            input: [0, 1],
+            output: [1]
+        },
+        {
+            input: [1, 0],
+            output: [1]
+        },
+        {
+            input: [1, 1],
+            output: [0]
+        },
+    ]
+
+    trainer.trainAsync(trainingSet)
+        .then((results: any) => console.log('done!', results))
+
+    // test
+    // ----
+
+    // XOR
+    // ---
+    var trainer = new Trainer(myNetwork);
+    trainer.XOR(); // {error: 0.004999821588193305, iterations: 21333, time: 111}
+
+    // DSR
+    // ---
+    trainer.DSR({
+        targets: [2, 4],
+        distractors: [3, 5],
+        prompts: [0, 1],
+        length: 10
+    });
+
+    // ERG
+    // ---
+    trainer.ERG();
+
+    // timingTask
+    // ----------
+}
diff --git a/synaptic/synaptic.d.ts b/synaptic/synaptic.d.ts
new file mode 100644
index 0000000000..767695a89e
--- /dev/null
+++ b/synaptic/synaptic.d.ts
@@ -0,0 +1,648 @@
+// Type definitions for synaptic 1.0.8
+// Project: https://github.com/cazala/synaptic
+// Definitions by: Markus Peloso <https://github.com/ToastHawaii/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare var Neuron: typeof Synaptic.Neuron;
+declare var Layer: typeof Synaptic.Layer;
+declare var Network: typeof Synaptic.Network;
+declare var Architect: typeof Synaptic.Architect;
+declare var Trainer: typeof Synaptic.Trainer;
+
+declare module "synaptic" {
+    export = Synaptic;
+}
+
+declare namespace Synaptic {
+    namespace Neuron {
+        type SquashingFunction = (x: number, derivate: boolean) => number;
+
+        namespace squash {
+            const LOGISTIC: SquashingFunction;
+            const TANH: SquashingFunction;
+            const IDENTITY: SquashingFunction;
+            const HLIM: SquashingFunction;
+            const ReLU: SquashingFunction;
+        }
+
+        class Connection {
+            ID: number;
+            from: number;
+            to: number;
+            weight: number;
+            gain: number;
+            gater: Neuron;
+
+            constructor(from: number, to: number, weight?: number);
+
+            static uid(): number;
+        }
+
+        var connection: typeof Connection;
+    }
+
+    /**
+     * Neurons are the basic unit of the neural network. They can be connected together, or used to gate connections between other neurons.
+     */
+    class Neuron {
+        /**
+         * By default, a neuron uses a Logistic Sigmoid as its squashing/activation function.
+         * @default LOGISTIC
+         */
+        squash: Neuron.SquashingFunction;
+
+        /**
+         * By default, a neuron uses a random bias.
+         * @default random
+         */
+        bias: number;
+
+        /**
+         * Neurons are the basic unit of the neural network. They can be connected together, or used to gate connections between other neurons.
+         */
+        constructor();
+
+        /**
+         * A neuron can project a connection to another neuron. Neurons can also self-connect.
+         */
+        project(neuron: Neuron, weight?: number): Neuron.Connection;
+
+        /**
+         * A neuron can gate a connection between two neurons, or a neuron's self-connection. This allows you to create second order neural network architectures.
+         * @param connection
+         */
+        gate(connection: Neuron.Connection): void;
+
+        /**
+         * When a neuron activates, it computes its state from all its input connections and squashes it using its activation function, and returns the output (activation).
+         * @param activation You can provide the activation as a parameter (useful for neurons in the input layer. it has to be a float between 0 and 1).
+         */
+        activate(activation?: number): number;
+
+        /**
+         * After an activation, you can teach the neuron what should have been the correct output (a.k.a. train). This is done by backpropagating the error.
+         * @param learningRate a learning rate
+         * @param targetValue a target value (float between 0 and 1)
+         */
+        propagate(learningRate: number, targetValue: number): void;
+
+        /**
+         * Returns true or false whether the neuron is self-connected or not.
+         */
+        selfconnected(): boolean;
+
+        /**
+         * Returns true or false whether the neuron is connected to another neuron (parameter).
+         * @param neuron
+         */
+        connected(neuron?: any): { result: any; connection: any } | boolean;
+
+        /**
+         * Clears all the traces (the neuron forgets it's context, but the connections remain intact).
+         */
+        clear(): void;
+
+        /**
+         * All the connections are randomized and the traces are cleared.
+         */
+        reset(): void;
+
+        /**
+         * Hardcodes the behavior of the neuron into an optimized function.
+         */
+        optimize(optimized?: any, layer?: any): {
+            memory: any;
+            neurons: any;
+            inputs: any;
+            outputs: any;
+            targets: any;
+            variables: any;
+            activation_sentences: any;
+            trace_sentences: any;
+            propagation_sentences: any;
+            layers: any;
+        };
+
+        static uid(): number;
+
+        static quantity(): { neurons: number; connections: number; };
+    }
+
+    namespace Layer {
+        /**
+         * Types of connections.
+         */
+        enum connectionType {
+            /**
+             * It connects every neuron from layer A, to every neuron in layer B.
+             */
+            ALL_TO_ALL,
+
+            /**
+             * It connects each neuron from layer A, to one neuron in layer B. Both layers must be the same size in order to work.
+             */
+            ONE_TO_ONE,
+
+            /**
+             * Useful only in self-connections. It connects every neuron from a layer to all the other neurons in that same layer, except with itself. If this connectionType is used in a connection between different layers, it produces the same result as ALL_TO_ALL.
+             */
+            ALL_TO_ELSE
+        }
+
+        /**
+         * Represents a connection from one layer to another, and keeps track of its weight and gain.
+         */
+        class LayerConnection {
+            ID: number;
+            from: any;
+            to: any;
+            selfconnection: any;
+            type: any;
+            connections: any;
+            list: any;
+            size: any;
+            gatedfrom: any;
+
+            static uid(): number;
+        }
+
+        var connection: typeof LayerConnection;
+
+        /**
+         * Types of gates.
+         */
+        enum gateType {
+            /**
+             * If layer C is gating connections between layer A and B, all the neurons from C gate all the input connections to B.
+             */
+            INPUT,
+
+            /**
+             * If layer C is gating connections between layer A and B, all the neurons from C gate all the output connections from A.
+             */
+            OUTPUT,
+
+            /**
+             * If layer C is gating connections between layer A and B, each neuron from C gates one connection from A to B. This is useful for gating self-connected layers. To use this kind of gateType, A, B and C must be the same size.
+             */
+            ONE_TO_ONE
+        }
+
+        interface Options {
+            label?: any;
+            squash?: Neuron.SquashingFunction;
+            bias?: number;
+        }
+    }
+
+    /**
+     * Normally you won't work with single neurons, but use Layers instead. A layer is basically an array of neurons, they can do pretty much the same things as neurons do, but it makes the programming process faster.
+     */
+    class Layer {
+        size: number;
+        list: Neuron[];
+        label: any;
+        connectedTo: any;
+
+        /**
+         * Normally you won't work with single neurons, but use Layers instead. A layer is basically an array of neurons, they can do pretty much the same things as neurons do, but it makes the programming process faster.
+         * @param numberOfNeurons the number of neurons in that layer
+         */
+        constructor(numberOfNeurons: number);
+
+        /**
+         * A layer can project a connection to another layer. Layers can also self-connect.
+         * @param connectionType If not specified, the connection type is always Layer.connectionType.ALL_TO_ALL when connecting two different layers, and is Layer.connectionType.ONE_TO_ONE when connecting a layer to itself (ie myLayer.project(myLayer)).
+         */
+        project(layer: Layer | Network, connectionType?: Layer.connectionType, weights?: any): Layer.LayerConnection;
+
+        /**
+         * A layer can gate a connection between two other layers, or a layers's self-connection.
+         */
+        gate(connection: Layer.LayerConnection, gateType: Layer.gateType): void;
+
+        /**
+         * When a layer activates, it just activates all the neurons in that layer in order, and returns an array with the outputs.
+         * @param activation It accepts an array of activations as parameter (for input layers).
+         */
+        activate(activation?: number[]): number[];
+
+        /**
+         * After an activation, you can teach the layer what should have been the correct output (a.k.a. train). This is done by backpropagating the error.
+         * @param learningRate A learning rate.
+         * @param targetValue A target value (array of floats between 0 and 1).
+         */
+        propagate(learningRate: number, targetValue: number[]): void;
+
+        /**
+         * True or false whether the whole layer is self-connected or not.
+         */
+        selfconnected(): boolean;
+
+        /**
+         * True of false whether the layer is connected to another layer (parameter) or not.
+         * @param layer
+         */
+        connected(layer: any): any;
+
+        /**
+         * Clears all the neurons in the layer.
+         */
+        clear(): void;
+
+        /**
+         * Resets all the neurons in the layer.
+         */
+        reset(): void;
+
+        /**
+         * Adds a neuron to the layer.
+         * @param neuron
+         */
+        add(neuron: any): void;
+
+        /**
+         * Set the squashing function and bias of all the neurons in a layer.
+         * @param options
+         */
+        set(options: Layer.Options): this;
+
+        /**
+         * Returns an array with all the neurons in the layer, in activation order.
+         */
+        neurons(): Neuron[];
+    }
+
+    namespace Network {
+        interface Options {
+            input: Layer;
+            hidden: Layer[];
+            output: Layer;
+        }
+
+        interface Optimized {
+            memory: Float64Array;
+            ownership: (memoryBuffer: Float64Array) => void;
+        }
+    }
+
+    /**
+     * Networks are basically an array of layers. They have an input layer, a number of hidden layers, and an output layer.
+     */
+    class Network {
+        layer: Network.Options;
+
+        optimized: Network.Optimized;
+
+        /**
+         * Networks are basically an array of layers. They have an input layer, a number of hidden layers, and an output layer.
+         */
+        constructor(options?: Network.Options);
+        /**
+         * A network can project a connection to another, or gate a connection between two others networks in the same way Layers do.
+         * @param [connectionType=Layer.connectionType.ALL_TO_ALL]
+         */
+        project(otherNetwork: Network | Layer, connectionType?: Layer.connectionType, weights?: any): Layer.LayerConnection;
+
+        /**
+         * A Network can gate a connection between two other Networks or Layers, or a Layers's self-connection.
+         * @param layerConnection
+         * @param gateType
+         */
+        gate(layerConnection: Layer.LayerConnection, gateType: Layer.gateType): void;
+
+        /**
+         * When a network is activated, an input must be provided to activate the input layer, then all the hidden layers are activated in order, and finally the output layer is activated and its activation is returned.
+         * @param activation
+         */
+        activate(activation: number[]): number[];
+
+        /**
+         * You can provide a target value and a learning rate to a network and backpropagate the error from the output layer to all the hidden layers in reverse order until reaching the input layer.
+         * @param learningRate
+         * @param targetValue
+         */
+        propagate(learningRate: number, targetValue: number[]): void;
+
+        /**
+         * Networks can be stored as JSON's.
+         */
+        toJSON(): string;
+
+        /**
+         * Creates a static String to store the source code of the functions that are identical for all the workers (train, _trainSet, test).
+         * @returns Source code that can train a network inside a worker.
+         */
+        static getWorkerSharedFunctions(): string;
+
+        /**
+         * Rebuild a network that has been stored in a json using the method toJSON().
+         */
+        static fromJSON(exported: string): Network;
+
+        /**
+         * The network can be converted into a WebWorker. This feature doesn't work in node.js, and it's not supported on every browser (it must support Blob).
+         * @returns Return a HTML5 WebWorker specialized on training the network stored in `memory`. Train based on the given dataSet and options. The worker returns the updated `memory` when done.
+         */
+        worker(memory?: any, set?: any, options?: any): Worker;
+
+        /**
+         * Export the topology into dot language which can be visualized as graphs using dot.
+         * @param edgeConnection
+         */
+        toDot(edgeConnection?: any): { code: string; link: string };
+
+        /**
+         * The network can be exported to a single javascript Function. This can be useful when your network is already trained and you just need to use it, since the standalone functions is just one javascript function with an array and operations within, with no dependencies on Synaptic or any other library.
+         * @returns Returns a function that works as the activation of the network and can be used without depending on the library.
+         */
+        standalone(): (inputs: number[]) => number[];
+
+        /**
+         * A network can be cloned to a completely new instance, with the same connections and traces.
+         * @returns Returns a copy of the network.
+         */
+        clone(): Network;
+
+        /**
+         * Return an array with all the neurons in the network, in activation order.
+         */
+        neurons(): number[];
+
+        /**
+         * The method set(layers) receives an object with layers in the same format as the constructor of Network and sets them as the layers of the Network, this is useful when you are extending the Network class to create your own architectures.
+         */
+        set(options: Network.Options): void;
+
+        /**
+         * Returns number of inputs of the network.
+         */
+        inputs(): number;
+
+        /**
+         * Returns number of outputs of hte network.
+         */
+        outputs(): number;
+
+        setOptimize(optimize: any): void;
+
+        /**
+         * Restores all the values from the optimized network the their respective objects in order to manipulate the network.
+         */
+        restore(): any | void;
+
+        /**
+         * Hardcodes the behaviour of the whole network into a single optimized function.
+         */
+        optimize(): void;
+
+        /**
+         * Clear all elegibility traces and extended elegibility traces (the network forgets its context, but not what was trained).
+         */
+        clear(): void;
+
+        /**
+         * Reset all weights and clear all traces (ends up like a new network).
+         */
+        reset(): void;
+    }
+
+    /**
+     * The Architect contains built-in architectures, ready to use.
+     */
+    namespace Architect {
+        /**
+         * This architecture allows you to create multilayer perceptrons, also known as feed-forward neural networks. They consist of a sequence of layers, each fully connected to the next one.
+         */
+        class Perceptron extends Network {
+            trainer: Trainer;
+
+            /**
+             * This architecture allows you to create multilayer perceptrons, also known as feed-forward neural networks. They consist of a sequence of layers, each fully connected to the next one.
+             * @param numberOfNeurons You have to provide a minimum of 3 layers (input, hidden and output), but you can use as many hidden layers as you wish.
+             */
+            constructor(...numberOfNeurons: number[]);
+        }
+
+        /**
+         * The long short-term memory is an architecture well-suited to learn from experience to classify, process and predict time series when there are very long time lags of unknown size between important events.
+         */
+        class LSTM extends Network {
+            trainer: Trainer;
+
+            /**
+             * The long short-term memory is an architecture well-suited to learn from experience to classify, process and predict time series when there are very long time lags of unknown size between important events.
+             * @param numberOfNeurons To use this architecture you have to set at least one input layer, one memory block assembly (consisting of four layers: input gate, memory cell, forget gate and output gate), and an output layer. Also you can set many layers of memory blocks.
+             */
+            constructor(...numberOfNeurons: number[]);
+        }
+
+        /**
+         * The Liquid architecture allows you to create Liquid State Machines. In these networks, neurons are randomly connected to each other. The recurrent nature of the connections turns the time varying input into a spatio-temporal pattern of activations in the network nodes.
+         */
+        class Liquid extends Network {
+            trainer: Trainer;
+
+            /**
+             * The Liquid architecture allows you to create Liquid State Machines. In these networks, neurons are randomly connected to each other. The recurrent nature of the connections turns the time varying input into a spatio-temporal pattern of activations in the network nodes.
+             * @param input  The size of the input layer.
+             * @param pool The size of the pool.
+             * @param output The size of the output layer.
+             * @param connections The number of random connections in the pool.
+             * @param gates The number of random gates among the connections.
+             */
+            constructor(input: number, pool: number, output: number, connections: number, gates: number);
+        }
+
+        /**
+         * The Hopfield architecture serves as content-addressable memory. They are trained to remember patterns and then when feeding new patterns to the network it returns the most similar one from the patterns it was trained to remember.
+         */
+        class Hopfield extends Network {
+            /**
+             * The Hopfield architecture serves as content-addressable memory. They are trained to remember patterns and then when feeding new patterns to the network it returns the most similar one from the patterns it was trained to remember.
+             * @param patternSize Pattern size in bits.
+             */
+            constructor(patternSize: number);
+
+            /**
+             * Teach the network two different patterns.
+             * @param patterns
+             */
+            learn(patterns: [number[], number[]]): any;
+
+            /**
+             * Feed new patterns to the network and it will return the most similar to the ones it was trained to remember.
+             * @param pattern
+             */
+            feed(pattern: number[]): number[];
+        }
+    }
+
+    namespace Trainer {
+        interface TrainingPair {
+            input: number[];
+            output: number[];
+        }
+
+        type TrainingSet = TrainingPair[];
+
+        interface TrainingOptions {
+            /**
+             * Learning rate to train the network. It can be a static rate (just a number), dynamic (an array of numbers, which will transition from one to the next one according to the number of iterations) or a callback function: (iterations, error) => rate.
+             */
+            rate?: number | number[] | ((iterations: number, error: number) => number);
+
+            /**
+             * Maximum number of iterations.
+             */
+            iterations?: number;
+
+            /**
+             * Minimum error.
+             */
+            error?: number;
+
+            /**
+             * If true, the training set is shuffled after every iteration, this is useful for training data sequences which order is not meaningful to networks with context memory, like LSTM's.
+             */
+            shuffle?: boolean;
+
+            /**
+             * You can set what cost function to use for the training, there are three built-in cost functions (Trainer.cost.CROSS_ENTROPY, Trainer.cost.MSE and Trainer.cost.BINARY) to choose from cross-entropy or mean squared error. You can also use you own cost function(targetValues, outputValues).
+             */
+            cost?: CostFunction;
+
+            /**
+             * This commands the trainer to console.log the error and iterations every X number of iterations.
+             */
+            log?: number;
+
+            /**
+             * You can create custom scheduled tasks that will be executed every X number of iterations. It can be used to create custom logs, or to compute analytics based on the data passed to the task (data object includes error, iterations and the current learning rate). If the returned value of the task is true, the training will be aborted. This can be used to create special conditions to stop the training (i.e. if the error starts to increase).
+             */
+            schedule?: TrainingScheduleOptions;
+        }
+
+        interface TrainingScheduleDoData {
+            error: any;
+
+            iterations: any;
+
+            /**
+             * The current learning rate.
+             */
+            rate: any;
+        }
+
+        interface TrainingScheduleOptions {
+            every: number;
+            do: (data: TrainingScheduleDoData) => boolean | void;
+        }
+
+        type CostFunction = (targetValues: number[], outputValues: number[]) => number;
+
+        namespace cost {
+            const CROSS_ENTROPY: CostFunction;
+            const MSE: CostFunction;
+            const BINARY: CostFunction;
+        }
+
+        interface TrainingResult {
+            error: number;
+            iterations: number;
+            time: number;
+        }
+
+        interface XOROptions {
+            iterations?: number;
+            log?: number;
+            shuffle?: boolean;
+            cost?: CostFunction;
+        }
+
+        interface DSROptions {
+            targets?: number[];
+            distractors?: number[];
+            prompts?: number[];
+            length?: number;
+            success?: number;
+            iterations?: number;
+            rate?: number;
+            log?: number;
+            schedule?: TrainingScheduleOptions;
+            cost?: CostFunction;
+        }
+
+        interface DSRTrainingResult {
+            error: number;
+            iterations: number;
+            time: number;
+            success: any;
+        }
+
+        interface ERGOptions {
+            iterations?: number;
+            error?: number;
+            rate?: number;
+            log?: number;
+            cost?: CostFunction;
+        }
+
+        interface ERGTrainingResult {
+            error: number;
+            iterations: number;
+            time: number;
+            test: any;
+            generate: any;
+        }
+    }
+
+    /**
+     * The Trainer makes it easier to train any set to any network, no matter its architecture. The trainer also contains built-in tasks to test the performance of your network.
+     */
+    class Trainer {
+        /**
+         * The Trainer makes it easier to train any set to any network, no matter its architecture. The trainer also contains built-in tasks to test the performance of your network.
+         * @param network
+         */
+        constructor(network: Network);
+
+        /**
+         * This method allows you to train any training set to a Network.
+         * @returns When the training is done this method returns an object with the error, the iterations, and the elapsed time of the training.
+         */
+        train(trainingSet: Trainer.TrainingSet, trainingOptions?: Trainer.TrainingOptions): Trainer.TrainingResult;
+
+        /**
+         * This method allows you to train any training set to a Network.
+         * @returns When the training is done this method returns an object with the error, the iterations, and the elapsed time of the training.
+         */
+        trainAsync(trainingSet: Trainer.TrainingSet, trainingOptions?: Trainer.TrainingOptions): Promise<Trainer.TrainingResult>;
+
+        /**
+         * This method accepts the same arguments as train(dataSet, options). It will iterate over the dataSet, activating the network.
+         * @returns It returns the elapsed time and the error (by default, the MSE, but you can specify the cost function in the options, same way as in train()).
+         */
+        test(trainingSet: Trainer.TrainingSet, trainingOptions?: Trainer.TrainingOptions): Trainer.TrainingResult;
+
+        /**
+         * This method trains an XOR to the network, is useful when you are experimenting with different architectures and you want to test and compare their performances.
+         */
+        XOR(options?: Trainer.XOROptions): Trainer.TrainingResult;
+
+        /**
+         * This method trains the network to complete a Discrete Sequence Recall, which is a task for testing context memory in neural networks.
+         */
+        DSR(options?: Trainer.DSROptions): Trainer.DSRTrainingResult;
+
+        /**
+         * This method trains the network to pass an Embedded Reber Grammar test.
+         */
+        ERG(options?: Trainer.ERGOptions): Trainer.ERGTrainingResult;
+
+        /**
+         * This test challenges the network to complete a timing task.
+         */
+        timingTask(options?: any): { train: any; test: any };
+    }
+}

From b6bd0766d8416ef39dcfb872e63b226f56dcc722 Mon Sep 17 00:00:00 2001
From: Karol Janyst <lapkom@gmail.com>
Date: Fri, 28 Oct 2016 23:35:07 +0900
Subject: [PATCH 298/313] Add definitions for reactcss (#12122)

* Add definitions for react-css-transition-replace

* Add definitions for reactcss

* Change test header

* Remove accidentally added other definitions

* Remove yarn.lock from .gitignore
---
 reactcss/reactcss-tests.tsx | 29 +++++++++++++++++++++++++++++
 reactcss/reactcss.d.ts      | 34 ++++++++++++++++++++++++++++++++++
 2 files changed, 63 insertions(+)
 create mode 100644 reactcss/reactcss-tests.tsx
 create mode 100644 reactcss/reactcss.d.ts

diff --git a/reactcss/reactcss-tests.tsx b/reactcss/reactcss-tests.tsx
new file mode 100644
index 0000000000..9435e3bbf5
--- /dev/null
+++ b/reactcss/reactcss-tests.tsx
@@ -0,0 +1,29 @@
+// ReactCSS Test
+// ================================================================================
+///<reference path="reactcss.d.ts"/>
+///<reference path="../react/react.d.ts"/>
+///<reference path="../react/react-dom.d.ts"/>
+
+// Imports
+// --------------------------------------------------------------------------------
+import * as React from "react"
+import { StatelessComponent } from "react"
+import { render } from "react-dom"
+import { default as reactCSS, hover, loop } from "reactcss"
+
+interface TestProps extends ReactCSS.HoverProps {}
+
+var styles: any = reactCSS({
+    default : {},
+    hover   : {}
+}, { hover : true })
+
+var loopProps: ReactCSS.LoopableProps = loop(1, 10)
+
+var TestComponent: StatelessComponent<TestProps>
+var Test = hover(TestComponent)
+
+render(
+    <Test />,
+    document.getElementById("main")
+)
diff --git a/reactcss/reactcss.d.ts b/reactcss/reactcss.d.ts
new file mode 100644
index 0000000000..3d309adb78
--- /dev/null
+++ b/reactcss/reactcss.d.ts
@@ -0,0 +1,34 @@
+// Type definitions for ReactCSS v1.0.0
+// Project: http://reactcss.com/
+// Definitions by: Karol Janyst <https://github.com/LKay>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../react/react.d.ts" />
+
+declare namespace ReactCSS {
+    interface LoopableProps {
+        "first-child"?: boolean
+        "last-child"?: boolean
+        even?: boolean
+        odd?: boolean
+        [nthChild: string]: boolean
+    }
+
+    interface HoverProps {
+        hover?: boolean
+    }
+
+    interface Classes {
+        default: any
+        [scope: string]: any
+    }
+}
+
+declare module "reactcss" {
+    import React = __React
+
+    export type LoopableProps = ReactCSS.LoopableProps
+    export function hover<A>(component: React.ComponentClass<A> | React.StatelessComponent<A>): React.ComponentClass<A>
+    export function loop(i: number, length: number): ReactCSS.LoopableProps
+    export default function reactCSS (classes: ReactCSS.Classes, ...activations: Array<any>): any
+}

From 2c6d2feff0f244ee13496674ff8ed399d3d31164 Mon Sep 17 00:00:00 2001
From: Hassan Abdel-Rahman <hassan.abdelrahman@gmail.com>
Date: Fri, 28 Oct 2016 10:45:54 -0400
Subject: [PATCH 299/313] S3 (#12169)

* updated bull typing

* add copyObject to S3
---
 aws-sdk/aws-sdk.d.ts | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/aws-sdk/aws-sdk.d.ts b/aws-sdk/aws-sdk.d.ts
index 6ed671ab8f..3fe8f65b0f 100644
--- a/aws-sdk/aws-sdk.d.ts
+++ b/aws-sdk/aws-sdk.d.ts
@@ -382,6 +382,7 @@ declare module "aws-sdk" {
     endpoint: Endpoint;
 
     getObject(params: s3.GetObjectRequest, callback?: (err: Error, data: any) => void): any;
+    copyObject(params: s3.CopyObjectRequest, callback?: (err: Error, data: any) => void): any;
     putObject(params: s3.PutObjectRequest, callback: (err: Error, data: any) => void): void;
     deleteObject(params: s3.DeleteObjectRequest, callback: (err: Error, data: any) => void): void;
     headObject(params: s3.HeadObjectRequest, callback: (err: Error, data: any) => void): void;
@@ -2263,6 +2264,40 @@ declare module "aws-sdk" {
       WebsiteRedirectLocation?: string;
     }
 
+    export interface CopyObjectRequest {
+      Bucket: string;
+      CopySource: string;
+      Key: string;
+      ACL?: string;
+      CacheControl?: string;
+      ContentDisposition?: string;
+      ContentEncoding?: string;
+      ContentLanguage?: string;
+      ContentType?: string;
+      CopySourceIfMatch?: string;
+      CopySourceIfModifiedSince?: any;
+      CopySourceIfNoneMatch?: string;
+      CopySourceIfUnmodifiedSince?: any;
+      CopySourceSSECustomerAlgorithm?: string;
+      CopySourceSSECustomerKey?: any;
+      CopySourceSSECustomerKeyMD5?: string;
+      Expires?: any;
+      GrantFullControl?: string;
+      GrantRead?: string;
+      GrantReadACP?: string;
+      GrantWriteACP?: string;
+      Metadata?: { [key: string]: string; };
+      MetadataDirective?: string;
+      RequestPayer?: string;
+      SSECustomerAlgorithm?: string;
+      SSECustomerKey?: any;
+      SSECustomerKeyMD5?: string;
+      SSEKMSKeyId?: string;
+      ServerSideEncryption?: string;
+      StorageClass?: string;
+      WebsiteRedirectLocation?: string;
+    }
+
     export interface GetObjectRequest {
       Bucket: string;
       IfMatch?: string;

From a8bd330e4b73caf6c386d1025531db19ac926351 Mon Sep 17 00:00:00 2001
From: ptrckc <patcasanta@gmail.com>
Date: Fri, 28 Oct 2016 10:33:09 -0500
Subject: [PATCH 300/313] Update Joi's ValidationOptions and AnySchema
 interfaces (#12102)

* Update ValidationOptions and AnySchema interfaces

* Update ValidationOptions and AnySchema interfaces

* Remove `error` from global options

See: https://github.com/hapijs/joi/issues/1012

* Remove `error` from global options

See: https://github.com/hapijs/joi/issues/1012
---
 joi/joi-tests.ts |  3 +++
 joi/joi.d.ts     | 15 +++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/joi/joi-tests.ts b/joi/joi-tests.ts
index 8d5463a7c0..c832b3eb05 100644
--- a/joi/joi-tests.ts
+++ b/joi/joi-tests.ts
@@ -58,6 +58,7 @@ validOpts = {stripUnknown: bool};
 validOpts = {language: bool};
 validOpts = {presence: str};
 validOpts = {context: obj};
+validOpts = {noDefaults: bool};
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 
@@ -221,6 +222,8 @@ namespace common {
 	anySchema = anySchema.empty();
 	anySchema = anySchema.empty(str);
 	anySchema = anySchema.empty(anySchema);
+	
+	anySchema = anySchema.error(err);
 }
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
diff --git a/joi/joi.d.ts b/joi/joi.d.ts
index 206c5778ca..a4a029f737 100644
--- a/joi/joi.d.ts
+++ b/joi/joi.d.ts
@@ -40,6 +40,10 @@ declare module 'joi' {
 		 * provides an external data set to be used in references
 		 */
 		context?: Object;
+		/**
+		 * when true, do not apply default values. Defaults to false.
+		 */
+		noDefaults?: boolean;
 	}
 
 	export interface RenameOptions {
@@ -287,6 +291,17 @@ declare module 'joi' {
 		 * @param schema - any object or joi schema to match. An undefined schema unsets that rule.
 		 */
 		empty(schema?: any) : T;
+		
+		/**
+		 * Overrides the default joi error with a custom error if the rule fails where:
+		 * @param err - the override error.
+		 *
+		 * Note that the provided error will be returned as-is, unmodified and undecorated
+		 * with any of the normal joi error properties. If validation fails and another
+		 * error is found before the error override, that error will be returned and the
+		 * override will be ignored (unless the abortEarly option has been set to false).
+		 */
+		error?(err: Error): T;
 	}
 
 	export interface BooleanSchema extends AnySchema<BooleanSchema> {

From dc17e1a2474ca70754ecdc5737f07ecd2eba9fe6 Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Fri, 28 Oct 2016 23:40:38 +0800
Subject: [PATCH 301/313] [loadsh] Make method module definitions (#12220)

* Define type for method modules

* Update lodash-tests.ts
---
 lodash/lodash-tests.ts |  575 +++++++++++++
 lodash/lodash.d.ts     | 1829 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 2404 insertions(+)

diff --git a/lodash/lodash-tests.ts b/lodash/lodash-tests.ts
index f0f958b0c8..11f0a52a42 100644
--- a/lodash/lodash-tests.ts
+++ b/lodash/lodash-tests.ts
@@ -11905,3 +11905,578 @@ result = <_.TemplateSettings>_.templateSettings;
     res1___ = _.partialRight(func4,     "foo", true, 100);
     res____ = _.partialRight(func4, 42, "foo", true, 100);
 }
+
+/***************************
+ *  method_modules_tests   *
+ ***************************/
+
+import afterFunc = require("lodash.after");
+import aryFunc = require("lodash.ary");
+import assignFunc = require("lodash.assign");
+import assignInFunc = require("lodash.assignIn");
+import assignInWithFunc = require("lodash.assignInWith");
+import assignWithFunc = require("lodash.assignWith");
+import atFunc = require("lodash.at");
+import beforeFunc = require("lodash.before");
+import bindFunc = require("lodash.bind");
+import bindAllFunc = require("lodash.bindAll");
+import bindKeyFunc = require("lodash.bindKey");
+import castArrayFunc = require("lodash.castArray");
+import chainFunc = require("lodash.chain");
+import chunkFunc = require("lodash.chunk");
+import compactFunc = require("lodash.compact");
+import concatFunc = require("lodash.concat");
+import constantFunc = require("lodash.constant");
+import countByFunc = require("lodash.countBy");
+import createFunc = require("lodash.create");
+import curryFunc = require("lodash.curry");
+import curryRightFunc = require("lodash.curryRight");
+import debounceFunc = require("lodash.debounce");
+import defaultsFunc = require("lodash.defaults");
+import defaultsDeepFunc = require("lodash.defaultsDeep");
+import deferFunc = require("lodash.defer");
+import delayFunc = require("lodash.delay");
+import differenceFunc = require("lodash.difference");
+import differenceByFunc = require("lodash.differenceBy");
+import differenceWithFunc = require("lodash.differenceWith");
+import dropFunc = require("lodash.drop");
+import dropRightFunc = require("lodash.dropRight");
+import dropRightWhileFunc = require("lodash.dropRightWhile");
+import dropWhileFunc = require("lodash.dropWhile");
+import fillFunc = require("lodash.fill");
+import filterFunc = require("lodash.filter");
+import flatMapFunc = require("lodash.flatMap");
+import flattenFunc = require("lodash.flatten");
+import flattenDeepFunc = require("lodash.flattenDeep");
+import flattenDepthFunc = require("lodash.flattenDepth");
+import flipFunc = require("lodash.flip");
+import flowFunc = require("lodash.flow");
+import flowRightFunc = require("lodash.flowRight");
+import fromPairsFunc = require("lodash.fromPairs");
+import functionsFunc = require("lodash.functions");
+import functionsInFunc = require("lodash.functionsIn");
+import groupByFunc = require("lodash.groupBy");
+import initialFunc = require("lodash.initial");
+import intersectionFunc = require("lodash.intersection");
+import intersectionByFunc = require("lodash.intersectionBy");
+import intersectionWithFunc = require("lodash.intersectionWith");
+import invertFunc = require("lodash.invert");
+import invertByFunc = require("lodash.invertBy");
+import invokeMapFunc = require("lodash.invokeMap");
+import iterateeFunc = require("lodash.iteratee");
+import keyByFunc = require("lodash.keyBy");
+import keysFunc = require("lodash.keys");
+import keysInFunc = require("lodash.keysIn");
+import mapFunc = require("lodash.map");
+import mapKeysFunc = require("lodash.mapKeys");
+import mapValuesFunc = require("lodash.mapValues");
+import matchesFunc = require("lodash.matches");
+import matchesPropertyFunc = require("lodash.matchesProperty");
+import memoizeFunc = require("lodash.memoize");
+import mergeFunc = require("lodash.merge");
+import mergeWithFunc = require("lodash.mergeWith");
+import methodFunc = require("lodash.method");
+import methodOfFunc = require("lodash.methodOf");
+import mixinFunc = require("lodash.mixin");
+import negateFunc = require("lodash.negate");
+import nthArgFunc = require("lodash.nthArg");
+import omitFunc = require("lodash.omit");
+import omitByFunc = require("lodash.omitBy");
+import onceFunc = require("lodash.once");
+import orderByFunc = require("lodash.orderBy");
+import overFunc = require("lodash.over");
+import overArgsFunc = require("lodash.overArgs");
+import overEveryFunc = require("lodash.overEvery");
+import overSomeFunc = require("lodash.overSome");
+import partialFunc = require("lodash.partial");
+import partialRightFunc = require("lodash.partialRight");
+import partitionFunc = require("lodash.partition");
+import pickFunc = require("lodash.pick");
+import pickByFunc = require("lodash.pickBy");
+import propertyFunc = require("lodash.property");
+import propertyOfFunc = require("lodash.propertyOf");
+import pullFunc = require("lodash.pull");
+import pullAllFunc = require("lodash.pullAll");
+import pullAllByFunc = require("lodash.pullAllBy");
+import pullAtFunc = require("lodash.pullAt");
+import rangeFunc = require("lodash.range");
+import rangeRightFunc = require("lodash.rangeRight");
+import reargFunc = require("lodash.rearg");
+import rejectFunc = require("lodash.reject");
+import removeFunc = require("lodash.remove");
+import restFunc = require("lodash.rest");
+import reverseFunc = require("lodash.reverse");
+import sampleSizeFunc = require("lodash.sampleSize");
+import setFunc = require("lodash.set");
+import setWithFunc = require("lodash.setWith");
+import shuffleFunc = require("lodash.shuffle");
+import sliceFunc = require("lodash.slice");
+import sortByFunc = require("lodash.sortBy");
+import sortedUniqFunc = require("lodash.sortedUniq");
+import sortedUniqByFunc = require("lodash.sortedUniqBy");
+import splitFunc = require("lodash.split");
+import spreadFunc = require("lodash.spread");
+import tailFunc = require("lodash.tail");
+import takeFunc = require("lodash.take");
+import takeRightFunc = require("lodash.takeRight");
+import takeRightWhileFunc = require("lodash.takeRightWhile");
+import takeWhileFunc = require("lodash.takeWhile");
+import tapFunc = require("lodash.tap");
+import throttleFunc = require("lodash.throttle");
+import thruFunc = require("lodash.thru");
+import toArrayFunc = require("lodash.toArray");
+import toPairsFunc = require("lodash.toPairs");
+import toPairsInFunc = require("lodash.toPairsIn");
+import toPathFunc = require("lodash.toPath");
+import toPlainObjectFunc = require("lodash.toPlainObject");
+import transformFunc = require("lodash.transform");
+import unaryFunc = require("lodash.unary");
+import unionFunc = require("lodash.union");
+import unionByFunc = require("lodash.unionBy");
+import unionWithFunc = require("lodash.unionWith");
+import uniqFunc = require("lodash.uniq");
+import uniqByFunc = require("lodash.uniqBy");
+import uniqWithFunc = require("lodash.uniqWith");
+import unsetFunc = require("lodash.unset");
+import unzipFunc = require("lodash.unzip");
+import unzipWithFunc = require("lodash.unzipWith");
+import updateFunc = require("lodash.update");
+import valuesFunc = require("lodash.values");
+import valuesInFunc = require("lodash.valuesIn");
+import withoutFunc = require("lodash.without");
+import wordsFunc = require("lodash.words");
+import wrapFunc = require("lodash.wrap");
+import xorFunc = require("lodash.xor");
+import xorByFunc = require("lodash.xorBy");
+import xorWithFunc = require("lodash.xorWith");
+import zipFunc = require("lodash.zip");
+import zipObjectFunc = require("lodash.zipObject");
+import zipWithFunc = require("lodash.zipWith");
+import extendFunc = require("lodash.extend");
+import extendWithFunc = require("lodash.extendWith");
+import addFunc = require("lodash.add");
+import attemptFunc = require("lodash.attempt");
+import camelCaseFunc = require("lodash.camelCase");
+import capitalizeFunc = require("lodash.capitalize");
+import ceilFunc = require("lodash.ceil");
+import clampFunc = require("lodash.clamp");
+import cloneFunc = require("lodash.clone");
+import cloneDeepFunc = require("lodash.cloneDeep");
+import cloneDeepWithFunc = require("lodash.cloneDeepWith");
+import cloneWithFunc = require("lodash.cloneWith");
+import deburrFunc = require("lodash.deburr");
+import endsWithFunc = require("lodash.endsWith");
+import eqFunc = require("lodash.eq");
+import escapeFunc = require("lodash.escape");
+import escapeRegExpFunc = require("lodash.escapeRegExp");
+import everyFunc = require("lodash.every");
+import findFunc = require("lodash.find");
+import findIndexFunc = require("lodash.findIndex");
+import findKeyFunc = require("lodash.findKey");
+import findLastFunc = require("lodash.findLast");
+import findLastIndexFunc = require("lodash.findLastIndex");
+import findLastKeyFunc = require("lodash.findLastKey");
+import floorFunc = require("lodash.floor");
+import forEachFunc = require("lodash.forEach");
+import forEachRightFunc = require("lodash.forEachRight");
+import forInFunc = require("lodash.forIn");
+import forInRightFunc = require("lodash.forInRight");
+import forOwnFunc = require("lodash.forOwn");
+import forOwnRightFunc = require("lodash.forOwnRight");
+import getFunc = require("lodash.get");
+import gtFunc = require("lodash.gt");
+import gteFunc = require("lodash.gte");
+import hasFunc = require("lodash.has");
+import hasInFunc = require("lodash.hasIn");
+import headFunc = require("lodash.head");
+import identityFunc = require("lodash.identity");
+import includesFunc = require("lodash.includes");
+import indexOfFunc = require("lodash.indexOf");
+import inRangeFunc = require("lodash.inRange");
+import invokeFunc = require("lodash.invoke");
+import isArgumentsFunc = require("lodash.isArguments");
+import isArrayFunc = require("lodash.isArray");
+import isArrayBufferFunc = require("lodash.isArrayBuffer");
+import isArrayLikeFunc = require("lodash.isArrayLike");
+import isArrayLikeObjectFunc = require("lodash.isArrayLikeObject");
+import isBooleanFunc = require("lodash.isBoolean");
+import isBufferFunc = require("lodash.isBuffer");
+import isDateFunc = require("lodash.isDate");
+import isElementFunc = require("lodash.isElement");
+import isEmptyFunc = require("lodash.isEmpty");
+import isEqualFunc = require("lodash.isEqual");
+import isEqualWithFunc = require("lodash.isEqualWith");
+import isErrorFunc = require("lodash.isError");
+import isFiniteFunc = require("lodash.isFinite");
+import isFunctionFunc = require("lodash.isFunction");
+import isIntegerFunc = require("lodash.isInteger");
+import isLengthFunc = require("lodash.isLength");
+import isMapFunc = require("lodash.isMap");
+import isMatchFunc = require("lodash.isMatch");
+import isMatchWithFunc = require("lodash.isMatchWith");
+import isNaNFunc = require("lodash.isNaN");
+import isNativeFunc = require("lodash.isNative");
+import isNilFunc = require("lodash.isNil");
+import isNullFunc = require("lodash.isNull");
+import isNumberFunc = require("lodash.isNumber");
+import isObjectFunc = require("lodash.isObject");
+import isObjectLikeFunc = require("lodash.isObjectLike");
+import isPlainObjectFunc = require("lodash.isPlainObject");
+import isRegExpFunc = require("lodash.isRegExp");
+import isSafeIntegerFunc = require("lodash.isSafeInteger");
+import isSetFunc = require("lodash.isSet");
+import isStringFunc = require("lodash.isString");
+import isSymbolFunc = require("lodash.isSymbol");
+import isTypedArrayFunc = require("lodash.isTypedArray");
+import isUndefinedFunc = require("lodash.isUndefined");
+import isWeakMapFunc = require("lodash.isWeakMap");
+import isWeakSetFunc = require("lodash.isWeakSet");
+import joinFunc = require("lodash.join");
+import kebabCaseFunc = require("lodash.kebabCase");
+import lastFunc = require("lodash.last");
+import lastIndexOfFunc = require("lodash.lastIndexOf");
+import lowerCaseFunc = require("lodash.lowerCase");
+import lowerFirstFunc = require("lodash.lowerFirst");
+import ltFunc = require("lodash.lt");
+import lteFunc = require("lodash.lte");
+import maxFunc = require("lodash.max");
+import maxByFunc = require("lodash.maxBy");
+import meanFunc = require("lodash.mean");
+import minFunc = require("lodash.min");
+import minByFunc = require("lodash.minBy");
+import noConflictFunc = require("lodash.noConflict");
+import noopFunc = require("lodash.noop");
+import nowFunc = require("lodash.now");
+import padFunc = require("lodash.pad");
+import padEndFunc = require("lodash.padEnd");
+import padStartFunc = require("lodash.padStart");
+import parseIntFunc = require("lodash.parseInt");
+import randomFunc = require("lodash.random");
+import reduceFunc = require("lodash.reduce");
+import reduceRightFunc = require("lodash.reduceRight");
+import repeatFunc = require("lodash.repeat");
+import replaceFunc = require("lodash.replace");
+import resultFunc = require("lodash.result");
+import roundFunc = require("lodash.round");
+import runInContextFunc = require("lodash.runInContext");
+import sampleFunc = require("lodash.sample");
+import sizeFunc = require("lodash.size");
+import snakeCaseFunc = require("lodash.snakeCase");
+import someFunc = require("lodash.some");
+import sortedIndexFunc = require("lodash.sortedIndex");
+import sortedIndexByFunc = require("lodash.sortedIndexBy");
+import sortedIndexOfFunc = require("lodash.sortedIndexOf");
+import sortedLastIndexFunc = require("lodash.sortedLastIndex");
+import sortedLastIndexByFunc = require("lodash.sortedLastIndexBy");
+import sortedLastIndexOfFunc = require("lodash.sortedLastIndexOf");
+import startCaseFunc = require("lodash.startCase");
+import startsWithFunc = require("lodash.startsWith");
+import subtractFunc = require("lodash.subtract");
+import sumFunc = require("lodash.sum");
+import sumByFunc = require("lodash.sumBy");
+import templateFunc = require("lodash.template");
+import timesFunc = require("lodash.times");
+import toIntegerFunc = require("lodash.toInteger");
+import toLengthFunc = require("lodash.toLength");
+import toLowerFunc = require("lodash.toLower");
+import toNumberFunc = require("lodash.toNumber");
+import toSafeIntegerFunc = require("lodash.toSafeInteger");
+import toStringFunc = require("lodash.toString");
+import toUpperFunc = require("lodash.toUpper");
+import trimFunc = require("lodash.trim");
+import trimEndFunc = require("lodash.trimEnd");
+import trimStartFunc = require("lodash.trimStart");
+import truncateFunc = require("lodash.truncate");
+import unescapeFunc = require("lodash.unescape");
+import uniqueIdFunc = require("lodash.uniqueId");
+import upperCaseFunc = require("lodash.upperCase");
+import upperFirstFunc = require("lodash.upperFirst");
+import eachFunc = require("lodash.each");
+import eachRightFunc = require("lodash.eachRight");
+import firstFunc = require("lodash.first");
+namespace method_modules_tests {
+    _.after = afterFunc;
+    _.ary = aryFunc;
+    _.assign = assignFunc;
+    _.assignIn = assignInFunc;
+    _.assignInWith = assignInWithFunc;
+    _.assignWith = assignWithFunc;
+    _.at = atFunc;
+    _.before = beforeFunc;
+    _.bind = bindFunc;
+    _.bindAll = bindAllFunc;
+    _.bindKey = bindKeyFunc;
+    _.castArray = castArrayFunc;
+    _.chain = chainFunc;
+    _.chunk = chunkFunc;
+    _.compact = compactFunc;
+    _.concat = concatFunc;
+    _.constant = constantFunc;
+    _.countBy = countByFunc;
+    _.create = createFunc;
+    _.curry = curryFunc;
+    _.curryRight = curryRightFunc;
+    _.debounce = debounceFunc;
+    _.defaults = defaultsFunc;
+    _.defaultsDeep = defaultsDeepFunc;
+    _.defer = deferFunc;
+    _.delay = delayFunc;
+    _.difference = differenceFunc;
+    _.differenceBy = differenceByFunc;
+    _.differenceWith = differenceWithFunc;
+    _.drop = dropFunc;
+    _.dropRight = dropRightFunc;
+    _.dropRightWhile = dropRightWhileFunc;
+    _.dropWhile = dropWhileFunc;
+    _.fill = fillFunc;
+    _.filter = filterFunc;
+    _.flatMap = flatMapFunc;
+    _.flatten = flattenFunc;
+    _.flattenDeep = flattenDeepFunc;
+    _.flattenDepth = flattenDepthFunc;
+    _.flip = flipFunc;
+    _.flow = flowFunc;
+    _.flowRight = flowRightFunc;
+    _.fromPairs = fromPairsFunc;
+    _.functions = functionsFunc;
+    _.functionsIn = functionsInFunc;
+    _.groupBy = groupByFunc;
+    _.initial = initialFunc;
+    _.intersection = intersectionFunc;
+    _.intersectionBy = intersectionByFunc;
+    _.intersectionWith = intersectionWithFunc;
+    _.invert = invertFunc;
+    _.invertBy = invertByFunc;
+    _.invokeMap = invokeMapFunc;
+    _.iteratee = iterateeFunc;
+    _.keyBy = keyByFunc;
+    _.keys = keysFunc;
+    _.keysIn = keysInFunc;
+    _.map = mapFunc;
+    _.mapKeys = mapKeysFunc;
+    _.mapValues = mapValuesFunc;
+    _.matches = matchesFunc;
+    _.matchesProperty = matchesPropertyFunc;
+    _.memoize = memoizeFunc;
+    _.merge = mergeFunc;
+    _.mergeWith = mergeWithFunc;
+    _.method = methodFunc;
+    _.methodOf = methodOfFunc;
+    _.mixin = mixinFunc;
+    _.negate = negateFunc;
+    _.nthArg = nthArgFunc;
+    _.omit = omitFunc;
+    _.omitBy = omitByFunc;
+    _.once = onceFunc;
+    _.orderBy = orderByFunc;
+    _.over = overFunc;
+    _.overArgs = overArgsFunc;
+    _.overEvery = overEveryFunc;
+    _.overSome = overSomeFunc;
+    _.partial = partialFunc;
+    _.partialRight = partialRightFunc;
+    _.partition = partitionFunc;
+    _.pick = pickFunc;
+    _.pickBy = pickByFunc;
+    _.property = propertyFunc;
+    _.propertyOf = propertyOfFunc;
+    _.pull = pullFunc;
+    _.pullAll = pullAllFunc;
+    _.pullAllBy = pullAllByFunc;
+    _.pullAt = pullAtFunc;
+    _.range = rangeFunc;
+    _.rangeRight = rangeRightFunc;
+    _.rearg = reargFunc;
+    _.reject = rejectFunc;
+    _.remove = removeFunc;
+    _.rest = restFunc;
+    _.reverse = reverseFunc;
+    _.sampleSize = sampleSizeFunc;
+    _.set = setFunc;
+    _.setWith = setWithFunc;
+    _.shuffle = shuffleFunc;
+    _.slice = sliceFunc;
+    _.sortBy = sortByFunc;
+    _.sortedUniq = sortedUniqFunc;
+    _.sortedUniqBy = sortedUniqByFunc;
+    _.split = splitFunc;
+    _.spread = spreadFunc;
+    _.tail = tailFunc;
+    _.take = takeFunc;
+    _.takeRight = takeRightFunc;
+    _.takeRightWhile = takeRightWhileFunc;
+    _.takeWhile = takeWhileFunc;
+    _.tap = tapFunc;
+    _.throttle = throttleFunc;
+    _.thru = thruFunc;
+    _.toArray = toArrayFunc;
+    _.toPairs = toPairsFunc;
+    _.toPairsIn = toPairsInFunc;
+    _.toPath = toPathFunc;
+    _.toPlainObject = toPlainObjectFunc;
+    _.transform = transformFunc;
+    _.unary = unaryFunc;
+    _.union = unionFunc;
+    _.unionBy = unionByFunc;
+    _.unionWith = unionWithFunc;
+    _.uniq = uniqFunc;
+    _.uniqBy = uniqByFunc;
+    _.uniqWith = uniqWithFunc;
+    _.unset = unsetFunc;
+    _.unzip = unzipFunc;
+    _.unzipWith = unzipWithFunc;
+    _.update = updateFunc;
+    _.values = valuesFunc;
+    _.valuesIn = valuesInFunc;
+    _.without = withoutFunc;
+    _.words = wordsFunc;
+    _.wrap = wrapFunc;
+    _.xor = xorFunc;
+    _.xorBy = xorByFunc;
+    _.xorWith = xorWithFunc;
+    _.zip = zipFunc;
+    _.zipObject = zipObjectFunc;
+    _.zipWith = zipWithFunc;
+    _.extend = extendFunc;
+    _.extendWith = extendWithFunc;
+    _.add = addFunc;
+    _.attempt = attemptFunc;
+    _.camelCase = camelCaseFunc;
+    _.capitalize = capitalizeFunc;
+    _.ceil = ceilFunc;
+    _.clamp = clampFunc;
+    _.clone = cloneFunc;
+    _.cloneDeep = cloneDeepFunc;
+    _.cloneDeepWith = cloneDeepWithFunc;
+    _.cloneWith = cloneWithFunc;
+    _.deburr = deburrFunc;
+    _.endsWith = endsWithFunc;
+    _.eq = eqFunc;
+    _.escape = escapeFunc;
+    _.escapeRegExp = escapeRegExpFunc;
+    _.every = everyFunc;
+    _.find = findFunc;
+    _.findIndex = findIndexFunc;
+    _.findKey = findKeyFunc;
+    _.findLast = findLastFunc;
+    _.findLastIndex = findLastIndexFunc;
+    _.findLastKey = findLastKeyFunc;
+    _.floor = floorFunc;
+    _.forEach = forEachFunc;
+    _.forEachRight = forEachRightFunc;
+    _.forIn = forInFunc;
+    _.forInRight = forInRightFunc;
+    _.forOwn = forOwnFunc;
+    _.forOwnRight = forOwnRightFunc;
+    _.get = getFunc;
+    _.gt = gtFunc;
+    _.gte = gteFunc;
+    _.has = hasFunc;
+    _.hasIn = hasInFunc;
+    _.head = headFunc;
+    _.identity = identityFunc;
+    _.includes = includesFunc;
+    _.indexOf = indexOfFunc;
+    _.inRange = inRangeFunc;
+    _.invoke = invokeFunc;
+    _.isArguments = isArgumentsFunc;
+    _.isArray = isArrayFunc;
+    _.isArrayBuffer = isArrayBufferFunc;
+    _.isArrayLike = isArrayLikeFunc;
+    _.isArrayLikeObject = isArrayLikeObjectFunc;
+    _.isBoolean = isBooleanFunc;
+    _.isBuffer = isBufferFunc;
+    _.isDate = isDateFunc;
+    _.isElement = isElementFunc;
+    _.isEmpty = isEmptyFunc;
+    _.isEqual = isEqualFunc;
+    _.isEqualWith = isEqualWithFunc;
+    _.isError = isErrorFunc;
+    _.isFinite = isFiniteFunc;
+    _.isFunction = isFunctionFunc;
+    _.isInteger = isIntegerFunc;
+    _.isLength = isLengthFunc;
+    _.isMap = isMapFunc;
+    _.isMatch = isMatchFunc;
+    _.isMatchWith = isMatchWithFunc;
+    _.isNaN = isNaNFunc;
+    _.isNative = isNativeFunc;
+    _.isNil = isNilFunc;
+    _.isNull = isNullFunc;
+    _.isNumber = isNumberFunc;
+    _.isObject = isObjectFunc;
+    _.isObjectLike = isObjectLikeFunc;
+    _.isPlainObject = isPlainObjectFunc;
+    _.isRegExp = isRegExpFunc;
+    _.isSafeInteger = isSafeIntegerFunc;
+    _.isSet = isSetFunc;
+    _.isString = isStringFunc;
+    _.isSymbol = isSymbolFunc;
+    _.isTypedArray = isTypedArrayFunc;
+    _.isUndefined = isUndefinedFunc;
+    _.isWeakMap = isWeakMapFunc;
+    _.isWeakSet = isWeakSetFunc;
+    _.join = joinFunc;
+    _.kebabCase = kebabCaseFunc;
+    _.last = lastFunc;
+    _.lastIndexOf = lastIndexOfFunc;
+    _.lowerCase = lowerCaseFunc;
+    _.lowerFirst = lowerFirstFunc;
+    _.lt = ltFunc;
+    _.lte = lteFunc;
+    _.max = maxFunc;
+    _.maxBy = maxByFunc;
+    _.mean = meanFunc;
+    _.min = minFunc;
+    _.minBy = minByFunc;
+    _.noConflict = noConflictFunc;
+    _.noop = noopFunc;
+    _.now = nowFunc;
+    _.pad = padFunc;
+    _.padEnd = padEndFunc;
+    _.padStart = padStartFunc;
+    _.parseInt = parseIntFunc;
+    _.random = randomFunc;
+    _.reduce = reduceFunc;
+    _.reduceRight = reduceRightFunc;
+    _.repeat = repeatFunc;
+    _.replace = replaceFunc;
+    _.result = resultFunc;
+    _.round = roundFunc;
+    _.runInContext = runInContextFunc;
+    _.sample = sampleFunc;
+    _.size = sizeFunc;
+    _.snakeCase = snakeCaseFunc;
+    _.some = someFunc;
+    _.sortedIndex = sortedIndexFunc;
+    _.sortedIndexBy = sortedIndexByFunc;
+    _.sortedIndexOf = sortedIndexOfFunc;
+    _.sortedLastIndex = sortedLastIndexFunc;
+    _.sortedLastIndexBy = sortedLastIndexByFunc;
+    _.sortedLastIndexOf = sortedLastIndexOfFunc;
+    _.startCase = startCaseFunc;
+    _.startsWith = startsWithFunc;
+    _.subtract = subtractFunc;
+    _.sum = sumFunc;
+    _.sumBy = sumByFunc;
+    _.template = templateFunc;
+    _.times = timesFunc;
+    _.toInteger = toIntegerFunc;
+    _.toLength = toLengthFunc;
+    _.toLower = toLowerFunc;
+    _.toNumber = toNumberFunc;
+    _.toSafeInteger = toSafeIntegerFunc;
+    _.toString = toStringFunc;
+    _.toUpper = toUpperFunc;
+    _.trim = trimFunc;
+    _.trimEnd = trimEndFunc;
+    _.trimStart = trimStartFunc;
+    _.truncate = truncateFunc;
+    _.unescape = unescapeFunc;
+    _.uniqueId = uniqueIdFunc;
+    _.upperCase = upperCaseFunc;
+    _.upperFirst = upperFirstFunc;
+    _.each = eachFunc;
+    _.eachRight = eachRightFunc;
+    _.first = firstFunc;
+}
diff --git a/lodash/lodash.d.ts b/lodash/lodash.d.ts
index 3305528a5e..961520e6c4 100644
--- a/lodash/lodash.d.ts
+++ b/lodash/lodash.d.ts
@@ -21031,6 +21031,1835 @@ declare module "lodash" {
     export = _;
 }
 
+/*************************************************
+ *                                               * 
+ * The lodash method _.XXX exported as a module. *
+ *                                               *
+ *************************************************/
+
+
+declare module "lodash.after" {
+   const after: typeof _.after;
+   export = after;
+}
+
+
+declare module "lodash.ary" {
+   const ary: typeof _.ary;
+   export = ary;
+}
+
+
+declare module "lodash.assign" {
+   const assign: typeof _.assign;
+   export = assign;
+}
+
+
+declare module "lodash.assignIn" {
+   const assignIn: typeof _.assignIn;
+   export = assignIn;
+}
+
+
+declare module "lodash.assignInWith" {
+   const assignInWith: typeof _.assignInWith;
+   export = assignInWith;
+}
+
+
+declare module "lodash.assignWith" {
+   const assignWith: typeof _.assignWith;
+   export = assignWith;
+}
+
+
+declare module "lodash.at" {
+   const at: typeof _.at;
+   export = at;
+}
+
+
+declare module "lodash.before" {
+   const before: typeof _.before;
+   export = before;
+}
+
+
+declare module "lodash.bind" {
+   const bind: typeof _.bind;
+   export = bind;
+}
+
+
+declare module "lodash.bindAll" {
+   const bindAll: typeof _.bindAll;
+   export = bindAll;
+}
+
+
+declare module "lodash.bindKey" {
+   const bindKey: typeof _.bindKey;
+   export = bindKey;
+}
+
+
+declare module "lodash.castArray" {
+   const castArray: typeof _.castArray;
+   export = castArray;
+}
+
+
+declare module "lodash.chain" {
+   const chain: typeof _.chain;
+   export = chain;
+}
+
+
+declare module "lodash.chunk" {
+   const chunk: typeof _.chunk;
+   export = chunk;
+}
+
+
+declare module "lodash.compact" {
+   const compact: typeof _.compact;
+   export = compact;
+}
+
+
+declare module "lodash.concat" {
+   const concat: typeof _.concat;
+   export = concat;
+}
+
+/**
+* uncoment it if definition exists
+*/
+/*
+declare module "lodash.cond" {
+   const cond: typeof _.cond;
+   export = cond;
+}
+*/
+
+/**
+* uncoment it if definition exists
+*/
+/*
+declare module "lodash.conforms" {
+   const conforms: typeof _.conforms;
+   export = conforms;
+}
+*/
+
+declare module "lodash.constant" {
+   const constant: typeof _.constant;
+   export = constant;
+}
+
+
+declare module "lodash.countBy" {
+   const countBy: typeof _.countBy;
+   export = countBy;
+}
+
+
+declare module "lodash.create" {
+   const create: typeof _.create;
+   export = create;
+}
+
+
+declare module "lodash.curry" {
+   const curry: typeof _.curry;
+   export = curry;
+}
+
+
+declare module "lodash.curryRight" {
+   const curryRight: typeof _.curryRight;
+   export = curryRight;
+}
+
+
+declare module "lodash.debounce" {
+   const debounce: typeof _.debounce;
+   export = debounce;
+}
+
+
+declare module "lodash.defaults" {
+   const defaults: typeof _.defaults;
+   export = defaults;
+}
+
+
+declare module "lodash.defaultsDeep" {
+   const defaultsDeep: typeof _.defaultsDeep;
+   export = defaultsDeep;
+}
+
+
+declare module "lodash.defer" {
+   const defer: typeof _.defer;
+   export = defer;
+}
+
+
+declare module "lodash.delay" {
+   const delay: typeof _.delay;
+   export = delay;
+}
+
+
+declare module "lodash.difference" {
+   const difference: typeof _.difference;
+   export = difference;
+}
+
+
+declare module "lodash.differenceBy" {
+   const differenceBy: typeof _.differenceBy;
+   export = differenceBy;
+}
+
+
+declare module "lodash.differenceWith" {
+   const differenceWith: typeof _.differenceWith;
+   export = differenceWith;
+}
+
+
+declare module "lodash.drop" {
+   const drop: typeof _.drop;
+   export = drop;
+}
+
+
+declare module "lodash.dropRight" {
+   const dropRight: typeof _.dropRight;
+   export = dropRight;
+}
+
+
+declare module "lodash.dropRightWhile" {
+   const dropRightWhile: typeof _.dropRightWhile;
+   export = dropRightWhile;
+}
+
+
+declare module "lodash.dropWhile" {
+   const dropWhile: typeof _.dropWhile;
+   export = dropWhile;
+}
+
+
+declare module "lodash.fill" {
+   const fill: typeof _.fill;
+   export = fill;
+}
+
+
+declare module "lodash.filter" {
+   const filter: typeof _.filter;
+   export = filter;
+}
+
+
+declare module "lodash.flatMap" {
+   const flatMap: typeof _.flatMap;
+   export = flatMap;
+}
+
+/**
+* uncoment it if definition exists
+*/
+/*
+declare module "lodash.flatMapDeep" {
+   const flatMapDeep: typeof _.flatMapDeep;
+   export = flatMapDeep;
+}
+*/
+/**
+* uncoment it if definition exists
+*/
+/*
+declare module "lodash.flatMapDepth" {
+   const flatMapDepth: typeof _.flatMapDepth;
+   export = flatMapDepth;
+}
+*/
+
+declare module "lodash.flatten" {
+   const flatten: typeof _.flatten;
+   export = flatten;
+}
+
+
+declare module "lodash.flattenDeep" {
+   const flattenDeep: typeof _.flattenDeep;
+   export = flattenDeep;
+}
+
+declare module "lodash.flattenDepth" {
+   const flattenDepth: typeof _.flattenDepth;
+   export = flattenDepth;
+}
+
+declare module "lodash.flip" {
+   const flip: typeof _.flip;
+   export = flip;
+}
+
+
+declare module "lodash.flow" {
+   const flow: typeof _.flow;
+   export = flow;
+}
+
+
+declare module "lodash.flowRight" {
+   const flowRight: typeof _.flowRight;
+   export = flowRight;
+}
+
+
+declare module "lodash.fromPairs" {
+   const fromPairs: typeof _.fromPairs;
+   export = fromPairs;
+}
+
+
+declare module "lodash.functions" {
+   const functions: typeof _.functions;
+   export = functions;
+}
+
+
+declare module "lodash.functionsIn" {
+   const functionsIn: typeof _.functionsIn;
+   export = functionsIn;
+}
+
+
+declare module "lodash.groupBy" {
+   const groupBy: typeof _.groupBy;
+   export = groupBy;
+}
+
+
+declare module "lodash.initial" {
+   const initial: typeof _.initial;
+   export = initial;
+}
+
+
+declare module "lodash.intersection" {
+   const intersection: typeof _.intersection;
+   export = intersection;
+}
+
+
+declare module "lodash.intersectionBy" {
+   const intersectionBy: typeof _.intersectionBy;
+   export = intersectionBy;
+}
+
+
+declare module "lodash.intersectionWith" {
+   const intersectionWith: typeof _.intersectionWith;
+   export = intersectionWith;
+}
+
+
+declare module "lodash.invert" {
+   const invert: typeof _.invert;
+   export = invert;
+}
+
+
+declare module "lodash.invertBy" {
+   const invertBy: typeof _.invertBy;
+   export = invertBy;
+}
+
+
+declare module "lodash.invokeMap" {
+   const invokeMap: typeof _.invokeMap;
+   export = invokeMap;
+}
+
+
+declare module "lodash.iteratee" {
+   const iteratee: typeof _.iteratee;
+   export = iteratee;
+}
+
+
+declare module "lodash.keyBy" {
+   const keyBy: typeof _.keyBy;
+   export = keyBy;
+}
+
+
+declare module "lodash.keys" {
+   const keys: typeof _.keys;
+   export = keys;
+}
+
+
+declare module "lodash.keysIn" {
+   const keysIn: typeof _.keysIn;
+   export = keysIn;
+}
+
+
+declare module "lodash.map" {
+   const map: typeof _.map;
+   export = map;
+}
+
+
+declare module "lodash.mapKeys" {
+   const mapKeys: typeof _.mapKeys;
+   export = mapKeys;
+}
+
+
+declare module "lodash.mapValues" {
+   const mapValues: typeof _.mapValues;
+   export = mapValues;
+}
+
+
+declare module "lodash.matches" {
+   const matches: typeof _.matches;
+   export = matches;
+}
+
+
+declare module "lodash.matchesProperty" {
+   const matchesProperty: typeof _.matchesProperty;
+   export = matchesProperty;
+}
+
+
+declare module "lodash.memoize" {
+   const memoize: typeof _.memoize;
+   export = memoize;
+}
+
+
+declare module "lodash.merge" {
+   const merge: typeof _.merge;
+   export = merge;
+}
+
+
+declare module "lodash.mergeWith" {
+   const mergeWith: typeof _.mergeWith;
+   export = mergeWith;
+}
+
+
+declare module "lodash.method" {
+   const method: typeof _.method;
+   export = method;
+}
+
+
+declare module "lodash.methodOf" {
+   const methodOf: typeof _.methodOf;
+   export = methodOf;
+}
+
+
+declare module "lodash.mixin" {
+   const mixin: typeof _.mixin;
+   export = mixin;
+}
+
+
+declare module "lodash.negate" {
+   const negate: typeof _.negate;
+   export = negate;
+}
+
+
+declare module "lodash.nthArg" {
+   const nthArg: typeof _.nthArg;
+   export = nthArg;
+}
+
+
+declare module "lodash.omit" {
+   const omit: typeof _.omit;
+   export = omit;
+}
+
+
+declare module "lodash.omitBy" {
+   const omitBy: typeof _.omitBy;
+   export = omitBy;
+}
+
+
+declare module "lodash.once" {
+   const once: typeof _.once;
+   export = once;
+}
+
+
+declare module "lodash.orderBy" {
+   const orderBy: typeof _.orderBy;
+   export = orderBy;
+}
+
+
+declare module "lodash.over" {
+   const over: typeof _.over;
+   export = over;
+}
+
+
+declare module "lodash.overArgs" {
+   const overArgs: typeof _.overArgs;
+   export = overArgs;
+}
+
+
+declare module "lodash.overEvery" {
+   const overEvery: typeof _.overEvery;
+   export = overEvery;
+}
+
+
+declare module "lodash.overSome" {
+   const overSome: typeof _.overSome;
+   export = overSome;
+}
+
+
+declare module "lodash.partial" {
+   const partial: typeof _.partial;
+   export = partial;
+}
+
+
+declare module "lodash.partialRight" {
+   const partialRight: typeof _.partialRight;
+   export = partialRight;
+}
+
+
+declare module "lodash.partition" {
+   const partition: typeof _.partition;
+   export = partition;
+}
+
+
+declare module "lodash.pick" {
+   const pick: typeof _.pick;
+   export = pick;
+}
+
+
+declare module "lodash.pickBy" {
+   const pickBy: typeof _.pickBy;
+   export = pickBy;
+}
+
+
+declare module "lodash.property" {
+   const property: typeof _.property;
+   export = property;
+}
+
+
+declare module "lodash.propertyOf" {
+   const propertyOf: typeof _.propertyOf;
+   export = propertyOf;
+}
+
+
+declare module "lodash.pull" {
+   const pull: typeof _.pull;
+   export = pull;
+}
+
+
+declare module "lodash.pullAll" {
+   const pullAll: typeof _.pullAll;
+   export = pullAll;
+}
+
+
+declare module "lodash.pullAllBy" {
+   const pullAllBy: typeof _.pullAllBy;
+   export = pullAllBy;
+}
+
+/**
+* uncoment it if definition exists
+*/
+/*
+declare module "lodash.pullAllWith" {
+   const pullAllWith: typeof _.pullAllWith;
+   export = pullAllWith;
+}
+*/
+
+declare module "lodash.pullAt" {
+   const pullAt: typeof _.pullAt;
+   export = pullAt;
+}
+
+
+declare module "lodash.range" {
+   const range: typeof _.range;
+   export = range;
+}
+
+
+declare module "lodash.rangeRight" {
+   const rangeRight: typeof _.rangeRight;
+   export = rangeRight;
+}
+
+
+declare module "lodash.rearg" {
+   const rearg: typeof _.rearg;
+   export = rearg;
+}
+
+
+declare module "lodash.reject" {
+   const reject: typeof _.reject;
+   export = reject;
+}
+
+
+declare module "lodash.remove" {
+   const remove: typeof _.remove;
+   export = remove;
+}
+
+
+declare module "lodash.rest" {
+   const rest: typeof _.rest;
+   export = rest;
+}
+
+
+declare module "lodash.reverse" {
+   const reverse: typeof _.reverse;
+   export = reverse;
+}
+
+
+declare module "lodash.sampleSize" {
+   const sampleSize: typeof _.sampleSize;
+   export = sampleSize;
+}
+
+
+declare module "lodash.set" {
+   const set: typeof _.set;
+   export = set;
+}
+
+
+declare module "lodash.setWith" {
+   const setWith: typeof _.setWith;
+   export = setWith;
+}
+
+
+declare module "lodash.shuffle" {
+   const shuffle: typeof _.shuffle;
+   export = shuffle;
+}
+
+
+declare module "lodash.slice" {
+   const slice: typeof _.slice;
+   export = slice;
+}
+
+
+declare module "lodash.sortBy" {
+   const sortBy: typeof _.sortBy;
+   export = sortBy;
+}
+
+
+declare module "lodash.sortedUniq" {
+   const sortedUniq: typeof _.sortedUniq;
+   export = sortedUniq;
+}
+
+
+declare module "lodash.sortedUniqBy" {
+   const sortedUniqBy: typeof _.sortedUniqBy;
+   export = sortedUniqBy;
+}
+
+
+declare module "lodash.split" {
+   const split: typeof _.split;
+   export = split;
+}
+
+
+declare module "lodash.spread" {
+   const spread: typeof _.spread;
+   export = spread;
+}
+
+
+declare module "lodash.tail" {
+   const tail: typeof _.tail;
+   export = tail;
+}
+
+
+declare module "lodash.take" {
+   const take: typeof _.take;
+   export = take;
+}
+
+
+declare module "lodash.takeRight" {
+   const takeRight: typeof _.takeRight;
+   export = takeRight;
+}
+
+
+declare module "lodash.takeRightWhile" {
+   const takeRightWhile: typeof _.takeRightWhile;
+   export = takeRightWhile;
+}
+
+
+declare module "lodash.takeWhile" {
+   const takeWhile: typeof _.takeWhile;
+   export = takeWhile;
+}
+
+
+declare module "lodash.tap" {
+   const tap: typeof _.tap;
+   export = tap;
+}
+
+
+declare module "lodash.throttle" {
+   const throttle: typeof _.throttle;
+   export = throttle;
+}
+
+
+declare module "lodash.thru" {
+   const thru: typeof _.thru;
+   export = thru;
+}
+
+
+declare module "lodash.toArray" {
+   const toArray: typeof _.toArray;
+   export = toArray;
+}
+
+
+declare module "lodash.toPairs" {
+   const toPairs: typeof _.toPairs;
+   export = toPairs;
+}
+
+
+declare module "lodash.toPairsIn" {
+   const toPairsIn: typeof _.toPairsIn;
+   export = toPairsIn;
+}
+
+
+declare module "lodash.toPath" {
+   const toPath: typeof _.toPath;
+   export = toPath;
+}
+
+
+declare module "lodash.toPlainObject" {
+   const toPlainObject: typeof _.toPlainObject;
+   export = toPlainObject;
+}
+
+
+declare module "lodash.transform" {
+   const transform: typeof _.transform;
+   export = transform;
+}
+
+
+declare module "lodash.unary" {
+   const unary: typeof _.unary;
+   export = unary;
+}
+
+
+declare module "lodash.union" {
+   const union: typeof _.union;
+   export = union;
+}
+
+
+declare module "lodash.unionBy" {
+   const unionBy: typeof _.unionBy;
+   export = unionBy;
+}
+
+
+declare module "lodash.unionWith" {
+   const unionWith: typeof _.unionWith;
+   export = unionWith;
+}
+
+
+declare module "lodash.uniq" {
+   const uniq: typeof _.uniq;
+   export = uniq;
+}
+
+
+declare module "lodash.uniqBy" {
+   const uniqBy: typeof _.uniqBy;
+   export = uniqBy;
+}
+
+
+declare module "lodash.uniqWith" {
+   const uniqWith: typeof _.uniqWith;
+   export = uniqWith;
+}
+
+
+declare module "lodash.unset" {
+   const unset: typeof _.unset;
+   export = unset;
+}
+
+
+declare module "lodash.unzip" {
+   const unzip: typeof _.unzip;
+   export = unzip;
+}
+
+
+declare module "lodash.unzipWith" {
+   const unzipWith: typeof _.unzipWith;
+   export = unzipWith;
+}
+
+
+declare module "lodash.update" {
+   const update: typeof _.update;
+   export = update;
+}
+
+/**
+* uncoment it if definition exists
+*/
+/*
+declare module "lodash.updateWith" {
+   const updateWith: typeof _.updateWith;
+   export = updateWith;
+}
+*/
+
+declare module "lodash.values" {
+   const values: typeof _.values;
+   export = values;
+}
+
+
+declare module "lodash.valuesIn" {
+   const valuesIn: typeof _.valuesIn;
+   export = valuesIn;
+}
+
+
+declare module "lodash.without" {
+   const without: typeof _.without;
+   export = without;
+}
+
+
+declare module "lodash.words" {
+   const words: typeof _.words;
+   export = words;
+}
+
+
+declare module "lodash.wrap" {
+   const wrap: typeof _.wrap;
+   export = wrap;
+}
+
+
+declare module "lodash.xor" {
+   const xor: typeof _.xor;
+   export = xor;
+}
+
+
+declare module "lodash.xorBy" {
+   const xorBy: typeof _.xorBy;
+   export = xorBy;
+}
+
+
+declare module "lodash.xorWith" {
+   const xorWith: typeof _.xorWith;
+   export = xorWith;
+}
+
+
+declare module "lodash.zip" {
+   const zip: typeof _.zip;
+   export = zip;
+}
+
+
+declare module "lodash.zipObject" {
+   const zipObject: typeof _.zipObject;
+   export = zipObject;
+}
+
+/**
+* uncoment it if definition exists
+*/
+/*
+declare module "lodash.zipObjectDeep" {
+   const zipObjectDeep: typeof _.zipObjectDeep;
+   export = zipObjectDeep;
+}
+*/
+
+
+declare module "lodash.zipWith" {
+   const zipWith: typeof _.zipWith;
+   export = zipWith;
+}
+
+/**
+* uncoment it if definition exists
+*/
+/*
+declare module "lodash.entries" {
+   const entries: typeof _.entries;
+   export = entries;
+}
+*/
+/**
+* uncoment it if definition exists
+*/
+/*
+declare module "lodash.entriesIn" {
+   const entriesIn: typeof _.entriesIn;
+   export = entriesIn;
+}
+*/
+
+
+declare module "lodash.extend" {
+   const extend: typeof _.extend;
+   export = extend;
+}
+
+
+declare module "lodash.extendWith" {
+   const extendWith: typeof _.extendWith;
+   export = extendWith;
+}
+
+
+declare module "lodash.add" {
+   const add: typeof _.add;
+   export = add;
+}
+
+
+declare module "lodash.attempt" {
+   const attempt: typeof _.attempt;
+   export = attempt;
+}
+
+
+declare module "lodash.camelCase" {
+   const camelCase: typeof _.camelCase;
+   export = camelCase;
+}
+
+
+declare module "lodash.capitalize" {
+   const capitalize: typeof _.capitalize;
+   export = capitalize;
+}
+
+
+declare module "lodash.ceil" {
+   const ceil: typeof _.ceil;
+   export = ceil;
+}
+
+
+declare module "lodash.clamp" {
+   const clamp: typeof _.clamp;
+   export = clamp;
+}
+
+
+declare module "lodash.clone" {
+   const clone: typeof _.clone;
+   export = clone;
+}
+
+
+declare module "lodash.cloneDeep" {
+   const cloneDeep: typeof _.cloneDeep;
+   export = cloneDeep;
+}
+
+
+declare module "lodash.cloneDeepWith" {
+   const cloneDeepWith: typeof _.cloneDeepWith;
+   export = cloneDeepWith;
+}
+
+
+declare module "lodash.cloneWith" {
+   const cloneWith: typeof _.cloneWith;
+   export = cloneWith;
+}
+
+
+declare module "lodash.deburr" {
+   const deburr: typeof _.deburr;
+   export = deburr;
+}
+
+/**
+* uncoment it if definition exists
+*/
+/*
+declare module "lodash.divide" {
+   const divide: typeof _.divide;
+   export = divide;
+}
+*/
+
+declare module "lodash.endsWith" {
+   const endsWith: typeof _.endsWith;
+   export = endsWith;
+}
+
+
+declare module "lodash.eq" {
+   const eq: typeof _.eq;
+   export = eq;
+}
+
+
+declare module "lodash.escape" {
+   const escape: typeof _.escape;
+   export = escape;
+}
+
+
+declare module "lodash.escapeRegExp" {
+   const escapeRegExp: typeof _.escapeRegExp;
+   export = escapeRegExp;
+}
+
+
+declare module "lodash.every" {
+   const every: typeof _.every;
+   export = every;
+}
+
+
+declare module "lodash.find" {
+   const find: typeof _.find;
+   export = find;
+}
+
+
+declare module "lodash.findIndex" {
+   const findIndex: typeof _.findIndex;
+   export = findIndex;
+}
+
+
+declare module "lodash.findKey" {
+   const findKey: typeof _.findKey;
+   export = findKey;
+}
+
+
+declare module "lodash.findLast" {
+   const findLast: typeof _.findLast;
+   export = findLast;
+}
+
+
+declare module "lodash.findLastIndex" {
+   const findLastIndex: typeof _.findLastIndex;
+   export = findLastIndex;
+}
+
+
+declare module "lodash.findLastKey" {
+   const findLastKey: typeof _.findLastKey;
+   export = findLastKey;
+}
+
+
+declare module "lodash.floor" {
+   const floor: typeof _.floor;
+   export = floor;
+}
+
+
+declare module "lodash.forEach" {
+   const forEach: typeof _.forEach;
+   export = forEach;
+}
+
+
+declare module "lodash.forEachRight" {
+   const forEachRight: typeof _.forEachRight;
+   export = forEachRight;
+}
+
+
+declare module "lodash.forIn" {
+   const forIn: typeof _.forIn;
+   export = forIn;
+}
+
+
+declare module "lodash.forInRight" {
+   const forInRight: typeof _.forInRight;
+   export = forInRight;
+}
+
+
+declare module "lodash.forOwn" {
+   const forOwn: typeof _.forOwn;
+   export = forOwn;
+}
+
+
+declare module "lodash.forOwnRight" {
+   const forOwnRight: typeof _.forOwnRight;
+   export = forOwnRight;
+}
+
+
+declare module "lodash.get" {
+   const get: typeof _.get;
+   export = get;
+}
+
+
+declare module "lodash.gt" {
+   const gt: typeof _.gt;
+   export = gt;
+}
+
+
+declare module "lodash.gte" {
+   const gte: typeof _.gte;
+   export = gte;
+}
+
+
+declare module "lodash.has" {
+   const has: typeof _.has;
+   export = has;
+}
+
+
+declare module "lodash.hasIn" {
+   const hasIn: typeof _.hasIn;
+   export = hasIn;
+}
+
+
+declare module "lodash.head" {
+   const head: typeof _.head;
+   export = head;
+}
+
+
+declare module "lodash.identity" {
+   const identity: typeof _.identity;
+   export = identity;
+}
+
+
+declare module "lodash.includes" {
+   const includes: typeof _.includes;
+   export = includes;
+}
+
+
+declare module "lodash.indexOf" {
+   const indexOf: typeof _.indexOf;
+   export = indexOf;
+}
+
+
+declare module "lodash.inRange" {
+   const inRange: typeof _.inRange;
+   export = inRange;
+}
+
+
+declare module "lodash.invoke" {
+   const invoke: typeof _.invoke;
+   export = invoke;
+}
+
+
+declare module "lodash.isArguments" {
+   const isArguments: typeof _.isArguments;
+   export = isArguments;
+}
+
+
+declare module "lodash.isArray" {
+   const isArray: typeof _.isArray;
+   export = isArray;
+}
+
+
+declare module "lodash.isArrayBuffer" {
+   const isArrayBuffer: typeof _.isArrayBuffer;
+   export = isArrayBuffer;
+}
+
+
+declare module "lodash.isArrayLike" {
+   const isArrayLike: typeof _.isArrayLike;
+   export = isArrayLike;
+}
+
+
+declare module "lodash.isArrayLikeObject" {
+   const isArrayLikeObject: typeof _.isArrayLikeObject;
+   export = isArrayLikeObject;
+}
+
+
+declare module "lodash.isBoolean" {
+   const isBoolean: typeof _.isBoolean;
+   export = isBoolean;
+}
+
+
+declare module "lodash.isBuffer" {
+   const isBuffer: typeof _.isBuffer;
+   export = isBuffer;
+}
+
+
+declare module "lodash.isDate" {
+   const isDate: typeof _.isDate;
+   export = isDate;
+}
+
+
+declare module "lodash.isElement" {
+   const isElement: typeof _.isElement;
+   export = isElement;
+}
+
+
+declare module "lodash.isEmpty" {
+   const isEmpty: typeof _.isEmpty;
+   export = isEmpty;
+}
+
+
+declare module "lodash.isEqual" {
+   const isEqual: typeof _.isEqual;
+   export = isEqual;
+}
+
+
+declare module "lodash.isEqualWith" {
+   const isEqualWith: typeof _.isEqualWith;
+   export = isEqualWith;
+}
+
+
+declare module "lodash.isError" {
+   const isError: typeof _.isError;
+   export = isError;
+}
+
+
+declare module "lodash.isFinite" {
+   const isFinite: typeof _.isFinite;
+   export = isFinite;
+}
+
+
+declare module "lodash.isFunction" {
+   const isFunction: typeof _.isFunction;
+   export = isFunction;
+}
+
+
+declare module "lodash.isInteger" {
+   const isInteger: typeof _.isInteger;
+   export = isInteger;
+}
+
+
+declare module "lodash.isLength" {
+   const isLength: typeof _.isLength;
+   export = isLength;
+}
+
+
+declare module "lodash.isMap" {
+   const isMap: typeof _.isMap;
+   export = isMap;
+}
+
+
+declare module "lodash.isMatch" {
+   const isMatch: typeof _.isMatch;
+   export = isMatch;
+}
+
+
+declare module "lodash.isMatchWith" {
+   const isMatchWith: typeof _.isMatchWith;
+   export = isMatchWith;
+}
+
+
+declare module "lodash.isNaN" {
+   const isNaN: typeof _.isNaN;
+   export = isNaN;
+}
+
+
+declare module "lodash.isNative" {
+   const isNative: typeof _.isNative;
+   export = isNative;
+}
+
+
+declare module "lodash.isNil" {
+   const isNil: typeof _.isNil;
+   export = isNil;
+}
+
+
+declare module "lodash.isNull" {
+   const isNull: typeof _.isNull;
+   export = isNull;
+}
+
+
+declare module "lodash.isNumber" {
+   const isNumber: typeof _.isNumber;
+   export = isNumber;
+}
+
+
+declare module "lodash.isObject" {
+   const isObject: typeof _.isObject;
+   export = isObject;
+}
+
+
+declare module "lodash.isObjectLike" {
+   const isObjectLike: typeof _.isObjectLike;
+   export = isObjectLike;
+}
+
+
+declare module "lodash.isPlainObject" {
+   const isPlainObject: typeof _.isPlainObject;
+   export = isPlainObject;
+}
+
+
+declare module "lodash.isRegExp" {
+   const isRegExp: typeof _.isRegExp;
+   export = isRegExp;
+}
+
+
+declare module "lodash.isSafeInteger" {
+   const isSafeInteger: typeof _.isSafeInteger;
+   export = isSafeInteger;
+}
+
+
+declare module "lodash.isSet" {
+   const isSet: typeof _.isSet;
+   export = isSet;
+}
+
+
+declare module "lodash.isString" {
+   const isString: typeof _.isString;
+   export = isString;
+}
+
+
+declare module "lodash.isSymbol" {
+   const isSymbol: typeof _.isSymbol;
+   export = isSymbol;
+}
+
+
+declare module "lodash.isTypedArray" {
+   const isTypedArray: typeof _.isTypedArray;
+   export = isTypedArray;
+}
+
+
+declare module "lodash.isUndefined" {
+   const isUndefined: typeof _.isUndefined;
+   export = isUndefined;
+}
+
+
+declare module "lodash.isWeakMap" {
+   const isWeakMap: typeof _.isWeakMap;
+   export = isWeakMap;
+}
+
+
+declare module "lodash.isWeakSet" {
+   const isWeakSet: typeof _.isWeakSet;
+   export = isWeakSet;
+}
+
+
+declare module "lodash.join" {
+   const join: typeof _.join;
+   export = join;
+}
+
+
+declare module "lodash.kebabCase" {
+   const kebabCase: typeof _.kebabCase;
+   export = kebabCase;
+}
+
+
+declare module "lodash.last" {
+   const last: typeof _.last;
+   export = last;
+}
+
+
+declare module "lodash.lastIndexOf" {
+   const lastIndexOf: typeof _.lastIndexOf;
+   export = lastIndexOf;
+}
+
+
+declare module "lodash.lowerCase" {
+   const lowerCase: typeof _.lowerCase;
+   export = lowerCase;
+}
+
+
+declare module "lodash.lowerFirst" {
+   const lowerFirst: typeof _.lowerFirst;
+   export = lowerFirst;
+}
+
+
+declare module "lodash.lt" {
+   const lt: typeof _.lt;
+   export = lt;
+}
+
+
+declare module "lodash.lte" {
+   const lte: typeof _.lte;
+   export = lte;
+}
+
+
+declare module "lodash.max" {
+   const max: typeof _.max;
+   export = max;
+}
+
+
+declare module "lodash.maxBy" {
+   const maxBy: typeof _.maxBy;
+   export = maxBy;
+}
+
+
+declare module "lodash.mean" {
+   const mean: typeof _.mean;
+   export = mean;
+}
+
+/**
+* uncoment it if definition exists
+*/
+/*
+declare module "lodash.meanBy" {
+   const meanBy: typeof _.meanBy;
+   export = meanBy;
+}
+*/
+
+declare module "lodash.min" {
+   const min: typeof _.min;
+   export = min;
+}
+
+
+declare module "lodash.minBy" {
+   const minBy: typeof _.minBy;
+   export = minBy;
+}
+
+/**
+* uncoment it if definition exists
+*/
+/*
+declare module "lodash.multiply" {
+   const multiply: typeof _.multiply;
+   export = multiply;
+}
+*/
+
+/**
+* uncoment it if definition exists
+*/
+/*
+declare module "lodash.nth" {
+   const nth: typeof _.nth;
+   export = nth;
+}
+*/
+
+declare module "lodash.noConflict" {
+   const noConflict: typeof _.noConflict;
+   export = noConflict;
+}
+
+
+declare module "lodash.noop" {
+   const noop: typeof _.noop;
+   export = noop;
+}
+
+
+declare module "lodash.now" {
+   const now: typeof _.now;
+   export = now;
+}
+
+
+declare module "lodash.pad" {
+   const pad: typeof _.pad;
+   export = pad;
+}
+
+
+declare module "lodash.padEnd" {
+   const padEnd: typeof _.padEnd;
+   export = padEnd;
+}
+
+
+declare module "lodash.padStart" {
+   const padStart: typeof _.padStart;
+   export = padStart;
+}
+
+
+declare module "lodash.parseInt" {
+   const parseInt: typeof _.parseInt;
+   export = parseInt;
+}
+
+
+declare module "lodash.random" {
+   const random: typeof _.random;
+   export = random;
+}
+
+
+declare module "lodash.reduce" {
+   const reduce: typeof _.reduce;
+   export = reduce;
+}
+
+
+declare module "lodash.reduceRight" {
+   const reduceRight: typeof _.reduceRight;
+   export = reduceRight;
+}
+
+
+declare module "lodash.repeat" {
+   const repeat: typeof _.repeat;
+   export = repeat;
+}
+
+
+declare module "lodash.replace" {
+   const replace: typeof _.replace;
+   export = replace;
+}
+
+
+declare module "lodash.result" {
+   const result: typeof _.result;
+   export = result;
+}
+
+
+declare module "lodash.round" {
+   const round: typeof _.round;
+   export = round;
+}
+
+
+declare module "lodash.runInContext" {
+   const runInContext: typeof _.runInContext;
+   export = runInContext;
+}
+
+
+declare module "lodash.sample" {
+   const sample: typeof _.sample;
+   export = sample;
+}
+
+
+declare module "lodash.size" {
+   const size: typeof _.size;
+   export = size;
+}
+
+
+declare module "lodash.snakeCase" {
+   const snakeCase: typeof _.snakeCase;
+   export = snakeCase;
+}
+
+
+declare module "lodash.some" {
+   const some: typeof _.some;
+   export = some;
+}
+
+
+declare module "lodash.sortedIndex" {
+   const sortedIndex: typeof _.sortedIndex;
+   export = sortedIndex;
+}
+
+
+declare module "lodash.sortedIndexBy" {
+   const sortedIndexBy: typeof _.sortedIndexBy;
+   export = sortedIndexBy;
+}
+
+
+declare module "lodash.sortedIndexOf" {
+   const sortedIndexOf: typeof _.sortedIndexOf;
+   export = sortedIndexOf;
+}
+
+
+declare module "lodash.sortedLastIndex" {
+   const sortedLastIndex: typeof _.sortedLastIndex;
+   export = sortedLastIndex;
+}
+
+
+declare module "lodash.sortedLastIndexBy" {
+   const sortedLastIndexBy: typeof _.sortedLastIndexBy;
+   export = sortedLastIndexBy;
+}
+
+
+declare module "lodash.sortedLastIndexOf" {
+   const sortedLastIndexOf: typeof _.sortedLastIndexOf;
+   export = sortedLastIndexOf;
+}
+
+
+declare module "lodash.startCase" {
+   const startCase: typeof _.startCase;
+   export = startCase;
+}
+
+
+declare module "lodash.startsWith" {
+   const startsWith: typeof _.startsWith;
+   export = startsWith;
+}
+
+
+declare module "lodash.subtract" {
+   const subtract: typeof _.subtract;
+   export = subtract;
+}
+
+
+declare module "lodash.sum" {
+   const sum: typeof _.sum;
+   export = sum;
+}
+
+
+declare module "lodash.sumBy" {
+   const sumBy: typeof _.sumBy;
+   export = sumBy;
+}
+
+
+declare module "lodash.template" {
+   const template: typeof _.template;
+   export = template;
+}
+
+
+declare module "lodash.times" {
+   const times: typeof _.times;
+   export = times;
+}
+
+
+declare module "lodash.toInteger" {
+   const toInteger: typeof _.toInteger;
+   export = toInteger;
+}
+
+
+declare module "lodash.toLength" {
+   const toLength: typeof _.toLength;
+   export = toLength;
+}
+
+
+declare module "lodash.toLower" {
+   const toLower: typeof _.toLower;
+   export = toLower;
+}
+
+
+declare module "lodash.toNumber" {
+   const toNumber: typeof _.toNumber;
+   export = toNumber;
+}
+
+
+declare module "lodash.toSafeInteger" {
+   const toSafeInteger: typeof _.toSafeInteger;
+   export = toSafeInteger;
+}
+
+
+declare module "lodash.toString" {
+   const toString: typeof _.toString;
+   export = toString;
+}
+
+
+declare module "lodash.toUpper" {
+   const toUpper: typeof _.toUpper;
+   export = toUpper;
+}
+
+
+declare module "lodash.trim" {
+   const trim: typeof _.trim;
+   export = trim;
+}
+
+
+declare module "lodash.trimEnd" {
+   const trimEnd: typeof _.trimEnd;
+   export = trimEnd;
+}
+
+
+declare module "lodash.trimStart" {
+   const trimStart: typeof _.trimStart;
+   export = trimStart;
+}
+
+
+declare module "lodash.truncate" {
+   const truncate: typeof _.truncate;
+   export = truncate;
+}
+
+
+declare module "lodash.unescape" {
+   const unescape: typeof _.unescape;
+   export = unescape;
+}
+
+
+declare module "lodash.uniqueId" {
+   const uniqueId: typeof _.uniqueId;
+   export = uniqueId;
+}
+
+
+declare module "lodash.upperCase" {
+   const upperCase: typeof _.upperCase;
+   export = upperCase;
+}
+
+
+declare module "lodash.upperFirst" {
+   const upperFirst: typeof _.upperFirst;
+   export = upperFirst;
+}
+
+
+declare module "lodash.each" {
+   const each: typeof _.each;
+   export = each;
+}
+
+
+declare module "lodash.eachRight" {
+   const eachRight: typeof _.eachRight;
+   export = eachRight;
+}
+
+
+declare module "lodash.first" {
+   const first: typeof _.first;
+   export = first;
+}
+
 // Backward compatibility with --target es5
 interface Set<T> {}
 interface Map<K, V> {}

From 0ad40bb042ea5253673fab5e8a85da14f79d41ae Mon Sep 17 00:00:00 2001
From: TonyYang <tonypythoneer@gmail.com>
Date: Fri, 28 Oct 2016 23:54:55 +0800
Subject: [PATCH 302/313] [joi] Correct the validate function (#12306)

* Correct the validate function

* I lookup source code to correct validate func

* Find the correct type assert for validate

* According to new definition, to update tests

* Delete redundant function

* Enhance test completeness

* Fix the error
---
 joi/joi-tests.ts | 75 ++++++++++++++++++++++++++++++++----------------
 joi/joi.d.ts     | 15 ++++++++--
 2 files changed, 63 insertions(+), 27 deletions(-)

diff --git a/joi/joi-tests.ts b/joi/joi-tests.ts
index c832b3eb05..7002a3872c 100644
--- a/joi/joi-tests.ts
+++ b/joi/joi-tests.ts
@@ -759,30 +759,57 @@ schema = Joi.lazy(() => schema)
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 
-Joi.validate(value, obj);
-Joi.validate(value, schema);
-Joi.validate(value, schema, validOpts);
-Joi.validate(value, schema, validOpts, (err, value) => {
-	x = value;
-	str = err.message;
-	str = err.details[0].path;
-	str = err.details[0].message;
-	str = err.details[0].type;
-});
-Joi.validate(value, schema, (err, value) => {
-	x = value;
-	str = err.message;
-	str = err.details[0].path;
-	str = err.details[0].message;
-	str = err.details[0].type;
-});
-// variant
-Joi.validate(num, schema, validOpts, (err, value) => {
-	num = value;
-});
+namespace validate_tests {
+    {
+        Joi.validate(value, obj);
+        Joi.validate(value, schema);
+        Joi.validate(value, schema, validOpts);
+        Joi.validate(value, schema, validOpts, (err, value) => {
+            x = value;
+            str = err.message;
+            str = err.details[0].path;
+            str = err.details[0].message;
+            str = err.details[0].type;
+        });
+        Joi.validate(value, schema, (err, value) => {
+            x = value;
+            str = err.message;
+            str = err.details[0].path;
+            str = err.details[0].message;
+            str = err.details[0].type;
+        });
+        // variant
+        Joi.validate(num, schema, validOpts, (err, value) => {
+            num = value;
+        });
+
+        // plain opts
+        Joi.validate(value, {});
+    }
+
+    {
+        let value = { username: 'example', password: 'example' };
+        let schema = Joi.object().keys({
+            username: Joi.string().max(255).required(),
+            password: Joi.string().regex(/^[a-zA-Z0-9]{3,255}$/).required(),
+        });
+        let returnValue: Joi.ValidationResult<typeof value>;
+
+        returnValue = Joi.validate(value);
+        value = Joi.validate(value, (err, value) => value);
+
+        returnValue = Joi.validate(value, schema);
+        returnValue = Joi.validate(value, obj);
+        value = Joi.validate(value, obj, (err, value) => value);
+        value = Joi.validate(value, schema, (err, value) => value);
+
+        returnValue = Joi.validate(value, schema, validOpts);
+        returnValue = Joi.validate(value, obj, validOpts);
+        value = Joi.validate(value, obj, validOpts, (err, value) => value);
+        value = Joi.validate(value, schema, validOpts, (err, value) => value);
+    }
+}
 
-// plain opts
-Joi.validate(value, {});
 
 // --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 
@@ -856,4 +883,4 @@ schema = Joi.raw();
 schema = Joi.raw(bool);
 schema = Joi.empty();
 schema = Joi.empty(str);
-schema = Joi.empty(anySchema);
\ No newline at end of file
+schema = Joi.empty(anySchema);
diff --git a/joi/joi.d.ts b/joi/joi.d.ts
index a4a029f737..9a7d73cbbf 100644
--- a/joi/joi.d.ts
+++ b/joi/joi.d.ts
@@ -842,9 +842,18 @@ declare module 'joi' {
 	/**
 	 * Validates a value using the given schema and options.
 	 */
-	export function validate<T>(value: T, schema: Schema, callback: (err: ValidationError, value: T) => void): void;
-	export function validate<T>(value: T, schema: Object, callback: (err: ValidationError, value: T) => void): void;
-	export function validate<T>(value: T, schema: Object, options?: ValidationOptions, callback?: (err: ValidationError, value: T) => void): ValidationResult<T>;
+	export function validate<T>(value: T): ValidationResult<T>;
+	export function validate<T, R>(value: T, callback: (err: ValidationError, value: T) => R): R;
+
+	export function validate<T>(value: T, schema: Schema): ValidationResult<T>;
+	export function validate<T>(value: T, schema: Object): ValidationResult<T>;
+	export function validate<T, R>(value: T, schema: Schema, callback: (err: ValidationError, value: T) => R): R;
+	export function validate<T, R>(value: T, schema: Object, callback: (err: ValidationError, value: T) => R): R;
+
+	export function validate<T>(value: T, schema: Schema, options: ValidationOptions): ValidationResult<T>;
+	export function validate<T>(value: T, schema: Object, options: ValidationOptions): ValidationResult<T>;
+	export function validate<T, R>(value: T, schema: Schema, options: ValidationOptions, callback: (err: ValidationError, value: T) => R): R;
+	export function validate<T, R>(value: T, schema: Object, options: ValidationOptions, callback: (err: ValidationError, value: T) => R): R;
 
 	/**
 	 * Converts literal schema definition to joi schema object (or returns the same back if already a joi schema object).

From 54d1d6f8edf12d0b5a549cb32b116e9bf9e72af0 Mon Sep 17 00:00:00 2001
From: Caleb Meredith <calebmeredith8@gmail.com>
Date: Fri, 28 Oct 2016 11:55:16 -0400
Subject: [PATCH 303/313] Expose AST types (#12143)

* Expose AST types

/cc @TonyPythoneer

* Update graphql.d.ts
---
 graphql/graphql.d.ts | 114 ++++++++++++++++++-------------------------
 1 file changed, 48 insertions(+), 66 deletions(-)

diff --git a/graphql/graphql.d.ts b/graphql/graphql.d.ts
index 9413195d72..570fbe3a2f 100644
--- a/graphql/graphql.d.ts
+++ b/graphql/graphql.d.ts
@@ -85,26 +85,7 @@ declare module "graphql" {
 
 
     // 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';
+    export * from 'graphql/language';
 
 
     // Execute GraphQL queries.
@@ -254,6 +235,7 @@ declare module "graphql/language" {
 }
 
 declare module "graphql/language/index" {
+    export * from 'graphql/language/ast';
     export { getLocation } from 'graphql/language/location';
     import * as Kind from 'graphql/language/kinds';
     export { Kind };
@@ -271,7 +253,7 @@ declare module "graphql/language/ast" {
      * 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 = {
+    export type Location = {
 
         /**
          * The character offset at which this Node begins.
@@ -303,7 +285,7 @@ declare module "graphql/language/ast" {
      * Represents a range of characters represented by a lexical token
      * within a Source.
      */
-    type Token = {
+    export type Token = {
 
         /**
          * The kind of Token.
@@ -366,7 +348,7 @@ declare module "graphql/language/ast" {
     /**
      * The list of all possible AST node types.
      */
-    type Node = Name
+    export type Node = Name
         | Document
         | OperationDefinition
         | VariableDefinition
@@ -405,7 +387,7 @@ declare module "graphql/language/ast" {
 
     // Name
 
-    type Name = {
+    export type Name = {
         kind: 'Name';
         loc?: Location;
         value: string;
@@ -413,17 +395,17 @@ declare module "graphql/language/ast" {
 
     // Document
 
-    type Document = {
+    export type Document = {
         kind: 'Document';
         loc?: Location;
         definitions: Array<Definition>;
     }
 
-    type Definition = OperationDefinition
+    export type Definition = OperationDefinition
         | FragmentDefinition
         | TypeSystemDefinition // experimental non-spec addition.
 
-    type OperationDefinition = {
+    export type OperationDefinition = {
         kind: 'OperationDefinition';
         loc?: Location;
         operation: OperationType;
@@ -434,9 +416,9 @@ declare module "graphql/language/ast" {
     }
 
     // Note: subscription is an experimental non-spec addition.
-    type OperationType = 'query' | 'mutation' | 'subscription';
+    export type OperationType = 'query' | 'mutation' | 'subscription';
 
-    type VariableDefinition = {
+    export type VariableDefinition = {
         kind: 'VariableDefinition';
         loc?: Location;
         variable: Variable;
@@ -444,23 +426,23 @@ declare module "graphql/language/ast" {
         defaultValue?: Value;
     }
 
-    type Variable = {
+    export type Variable = {
         kind: 'Variable';
         loc?: Location;
         name: Name;
     }
 
-    type SelectionSet = {
+    export type SelectionSet = {
         kind: 'SelectionSet';
         loc?: Location;
         selections: Array<Selection>;
     }
 
-    type Selection = Field
+    export type Selection = Field
         | FragmentSpread
         | InlineFragment
 
-    type Field = {
+    export type Field = {
         kind: 'Field';
         loc?: Location;
         alias?: Name;
@@ -470,7 +452,7 @@ declare module "graphql/language/ast" {
         selectionSet?: SelectionSet;
     }
 
-    type Argument = {
+    export type Argument = {
         kind: 'Argument';
         loc?: Location;
         name: Name;
@@ -480,14 +462,14 @@ declare module "graphql/language/ast" {
 
     // Fragments
 
-    type FragmentSpread = {
+    export type FragmentSpread = {
         kind: 'FragmentSpread';
         loc?: Location;
         name: Name;
         directives?: Array<Directive>;
     }
 
-    type InlineFragment = {
+    export type InlineFragment = {
         kind: 'InlineFragment';
         loc?: Location;
         typeCondition?: NamedType;
@@ -495,7 +477,7 @@ declare module "graphql/language/ast" {
         selectionSet: SelectionSet;
     }
 
-    type FragmentDefinition = {
+    export type FragmentDefinition = {
         kind: 'FragmentDefinition';
         loc?: Location;
         name: Name;
@@ -507,7 +489,7 @@ declare module "graphql/language/ast" {
 
     // Values
 
-    type Value = Variable
+    export type Value = Variable
         | IntValue
         | FloatValue
         | StringValue
@@ -516,49 +498,49 @@ declare module "graphql/language/ast" {
         | ListValue
         | ObjectValue
 
-    type IntValue = {
+    export type IntValue = {
         kind: 'IntValue';
         loc?: Location;
         value: string;
     }
 
-    type FloatValue = {
+    export type FloatValue = {
         kind: 'FloatValue';
         loc?: Location;
         value: string;
     }
 
-    type StringValue = {
+    export type StringValue = {
         kind: 'StringValue';
         loc?: Location;
         value: string;
     }
 
-    type BooleanValue = {
+    export type BooleanValue = {
         kind: 'BooleanValue';
         loc?: Location;
         value: boolean;
     }
 
-    type EnumValue = {
+    export type EnumValue = {
         kind: 'EnumValue';
         loc?: Location;
         value: string;
     }
 
-    type ListValue = {
+    export type ListValue = {
         kind: 'ListValue';
         loc?: Location;
         values: Array<Value>;
     }
 
-    type ObjectValue = {
+    export type ObjectValue = {
         kind: 'ObjectValue';
         loc?: Location;
         fields: Array<ObjectField>;
     }
 
-    type ObjectField = {
+    export type ObjectField = {
         kind: 'ObjectField';
         loc?: Location;
         name: Name;
@@ -568,7 +550,7 @@ declare module "graphql/language/ast" {
 
     // Directives
 
-    type Directive = {
+    export type Directive = {
         kind: 'Directive';
         loc?: Location;
         name: Name;
@@ -578,23 +560,23 @@ declare module "graphql/language/ast" {
 
     // Type Reference
 
-    type Type = NamedType
+    export type Type = NamedType
         | ListType
         | NonNullType
 
-    type NamedType = {
+    export type NamedType = {
         kind: 'NamedType';
         loc?: Location;
         name: Name;
     };
 
-    type ListType = {
+    export type ListType = {
         kind: 'ListType';
         loc?: Location;
         type: Type;
     }
 
-    type NonNullType = {
+    export type NonNullType = {
         kind: 'NonNullType';
         loc?: Location;
         type: NamedType | ListType;
@@ -602,40 +584,40 @@ declare module "graphql/language/ast" {
 
     // Type System Definition
 
-    type TypeSystemDefinition = SchemaDefinition
+    export type TypeSystemDefinition = SchemaDefinition
         | TypeDefinition
         | TypeExtensionDefinition
         | DirectiveDefinition
 
-    type SchemaDefinition = {
+    export type SchemaDefinition = {
         kind: 'SchemaDefinition';
         loc?: Location;
         directives: Array<Directive>;
         operationTypes: Array<OperationTypeDefinition>;
     }
 
-    type OperationTypeDefinition = {
+    export type OperationTypeDefinition = {
         kind: 'OperationTypeDefinition';
         loc?: Location;
         operation: OperationType;
         type: NamedType;
     }
 
-    type TypeDefinition = ScalarTypeDefinition
+    export type TypeDefinition = ScalarTypeDefinition
         | ObjectTypeDefinition
         | InterfaceTypeDefinition
         | UnionTypeDefinition
         | EnumTypeDefinition
         | InputObjectTypeDefinition
 
-    type ScalarTypeDefinition = {
+    export type ScalarTypeDefinition = {
         kind: 'ScalarTypeDefinition';
         loc?: Location;
         name: Name;
         directives?: Array<Directive>;
     }
 
-    type ObjectTypeDefinition = {
+    export type ObjectTypeDefinition = {
         kind: 'ObjectTypeDefinition';
         loc?: Location;
         name: Name;
@@ -644,7 +626,7 @@ declare module "graphql/language/ast" {
         fields: Array<FieldDefinition>;
     }
 
-    type FieldDefinition = {
+    export type FieldDefinition = {
         kind: 'FieldDefinition';
         loc?: Location;
         name: Name;
@@ -653,7 +635,7 @@ declare module "graphql/language/ast" {
         directives?: Array<Directive>;
     }
 
-    type InputValueDefinition = {
+    export type InputValueDefinition = {
         kind: 'InputValueDefinition';
         loc?: Location;
         name: Name;
@@ -662,7 +644,7 @@ declare module "graphql/language/ast" {
         directives?: Array<Directive>;
     }
 
-    type InterfaceTypeDefinition = {
+    export type InterfaceTypeDefinition = {
         kind: 'InterfaceTypeDefinition';
         loc?: Location;
         name: Name;
@@ -670,7 +652,7 @@ declare module "graphql/language/ast" {
         fields: Array<FieldDefinition>;
     }
 
-    type UnionTypeDefinition = {
+    export type UnionTypeDefinition = {
         kind: 'UnionTypeDefinition';
         loc?: Location;
         name: Name;
@@ -678,7 +660,7 @@ declare module "graphql/language/ast" {
         types: Array<NamedType>;
     }
 
-    type EnumTypeDefinition = {
+    export type EnumTypeDefinition = {
         kind: 'EnumTypeDefinition';
         loc?: Location;
         name: Name;
@@ -686,14 +668,14 @@ declare module "graphql/language/ast" {
         values: Array<EnumValueDefinition>;
     }
 
-    type EnumValueDefinition = {
+    export type EnumValueDefinition = {
         kind: 'EnumValueDefinition';
         loc?: Location;
         name: Name;
         directives?: Array<Directive>;
     }
 
-    type InputObjectTypeDefinition = {
+    export type InputObjectTypeDefinition = {
         kind: 'InputObjectTypeDefinition';
         loc?: Location;
         name: Name;
@@ -701,13 +683,13 @@ declare module "graphql/language/ast" {
         fields: Array<InputValueDefinition>;
     }
 
-    type TypeExtensionDefinition = {
+    export type TypeExtensionDefinition = {
         kind: 'TypeExtensionDefinition';
         loc?: Location;
         definition: ObjectTypeDefinition;
     }
 
-    type DirectiveDefinition = {
+    export type DirectiveDefinition = {
         kind: 'DirectiveDefinition';
         loc?: Location;
         name: Name;

From 0b4ef9b4120472447623cc31aba54692df28f310 Mon Sep 17 00:00:00 2001
From: Karl-Aksel Puulmann <macobo@users.noreply.github.com>
Date: Fri, 28 Oct 2016 18:56:10 +0300
Subject: [PATCH 304/313] Bump toastr version to 2.1.3 (#12311)

Adds support for escapeHtml, see https://github.com/CodeSeven/toastr/blob/master/CHANGELOG.md#new-features-1
---
 toastr/toastr.d.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/toastr/toastr.d.ts b/toastr/toastr.d.ts
index e921bfbd7b..33a739f52e 100644
--- a/toastr/toastr.d.ts
+++ b/toastr/toastr.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Toastr 2.1.1
+// Type definitions for Toastr 2.1.3
 // Project: https://github.com/CodeSeven/toastr
 // Definitions by: Boris Yankov <https://github.com/borisyankov/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -130,9 +130,13 @@ interface ToastrOptions {
 	*/
 	onclick?: () => void;
 	/**
-	* Set if toastr should parse containing html 
+	* Set if toastr should parse containing html
 	**/
 	allowHtml?: boolean;
+	/**
+	* Set if toastr should escape html
+	**/
+	escapeHtml?: boolean;
 }
 
 interface ToastrDisplayMethod {

From ad261d041d385a0c64854ff7027715bd50fcd75b Mon Sep 17 00:00:00 2001
From: Caleb Meredith <calebmeredith8@gmail.com>
Date: Fri, 28 Oct 2016 12:01:37 -0400
Subject: [PATCH 305/313] Expose structural GraphQL types (#12142)

* Expose structural GraphQL types

https://github.com/DefinitelyTyped/DefinitelyTyped/pull/12078, but on the `master` branch.

/cc @TonyPythoneer, @zhengbli

* Update graphql.d.ts
---
 graphql/graphql.d.ts | 178 ++++++++++++-------------------------------
 1 file changed, 47 insertions(+), 131 deletions(-)

diff --git a/graphql/graphql.d.ts b/graphql/graphql.d.ts
index 570fbe3a2f..c7310ab3cc 100644
--- a/graphql/graphql.d.ts
+++ b/graphql/graphql.d.ts
@@ -19,69 +19,7 @@ declare module "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';
+    export * from 'graphql/type';
 
 
     // Parse and operate on GraphQL language source files.
@@ -994,29 +932,7 @@ 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 * from 'graphql/type/definition';
 
     export {
         // "Enum" of Directive Locations
@@ -1078,7 +994,7 @@ declare module "graphql/type/definition" {
     /**
      * These are all of the possible kinds of types.
      */
-    type GraphQLType =
+    export type GraphQLType =
         GraphQLScalarType |
         GraphQLObjectType |
         GraphQLInterfaceType |
@@ -1088,12 +1004,12 @@ declare module "graphql/type/definition" {
         GraphQLList<any> |
         GraphQLNonNull<any>;
 
-    function isType(type: any): boolean;
+    export function isType(type: any): type is GraphQLType;
 
     /**
      * These types may be used as input types for arguments and directives.
      */
-    type GraphQLInputType =
+    export type GraphQLInputType =
         GraphQLScalarType |
         GraphQLEnumType |
         GraphQLInputObjectType |
@@ -1105,12 +1021,12 @@ declare module "graphql/type/definition" {
         GraphQLList<any>
         >;
 
-    function isInputType(type: GraphQLType): boolean;
+    export function isInputType(type: GraphQLType): type is GraphQLInputType;
 
     /**
      * These types may be used as output types as the result of fields.
      */
-    type GraphQLOutputType =
+    export type GraphQLOutputType =
         GraphQLScalarType |
         GraphQLObjectType |
         GraphQLInterfaceType |
@@ -1126,40 +1042,40 @@ declare module "graphql/type/definition" {
         GraphQLList<any>
         >;
 
-    function isOutputType(type: GraphQLType): boolean;
+    export function isOutputType(type: GraphQLType): type is GraphQLOutputType;
 
     /**
      * These types may describe types which may be leaf values.
      */
-    type GraphQLLeafType =
+    export type GraphQLLeafType =
         GraphQLScalarType |
         GraphQLEnumType;
 
-    function isLeafType(type: GraphQLType): boolean;
+    export function isLeafType(type: GraphQLType): type is GraphQLLeafType;
 
     /**
      * These types may describe the parent context of a selection set.
      */
-    type GraphQLCompositeType =
+    export type GraphQLCompositeType =
         GraphQLObjectType |
         GraphQLInterfaceType |
         GraphQLUnionType;
 
-    function isCompositeType(type: GraphQLType): boolean;
+    export function isCompositeType(type: GraphQLType): type is GraphQLCompositeType;
 
     /**
      * These types may describe the parent context of a selection set.
      */
-    type GraphQLAbstractType =
+    export type GraphQLAbstractType =
         GraphQLInterfaceType |
         GraphQLUnionType;
 
-    function isAbstractType(type: GraphQLType): boolean;
+    export function isAbstractType(type: GraphQLType): type is GraphQLAbstractType;
 
     /**
      * These types can all accept null as a value.
      */
-    type GraphQLNullableType =
+    export type GraphQLNullableType =
         GraphQLScalarType |
         GraphQLObjectType |
         GraphQLInterfaceType |
@@ -1168,14 +1084,14 @@ declare module "graphql/type/definition" {
         GraphQLInputObjectType |
         GraphQLList<any>;
 
-    function getNullableType<T extends GraphQLType>(
+    export function getNullableType<T extends GraphQLType>(
         type: T
     ): (T & GraphQLNullableType);
 
     /**
      * These named types do not include modifiers like List or NonNull.
      */
-    type GraphQLNamedType =
+    export type GraphQLNamedType =
         GraphQLScalarType |
         GraphQLObjectType |
         GraphQLInterfaceType |
@@ -1183,7 +1099,7 @@ declare module "graphql/type/definition" {
         GraphQLEnumType |
         GraphQLInputObjectType;
 
-    function getNamedType(type: GraphQLType): GraphQLNamedType
+    export function getNamedType(type: GraphQLType): GraphQLNamedType
 
     /**
      * Used while defining GraphQL types to allow for circular references in
@@ -1225,7 +1141,7 @@ declare module "graphql/type/definition" {
         toString(): string;
     }
 
-    interface GraphQLScalarTypeConfig<TInternal, TExternal> {
+    export interface GraphQLScalarTypeConfig<TInternal, TExternal> {
         name: string;
         description?: string;
         serialize: (value: any) => TInternal;
@@ -1283,7 +1199,7 @@ declare module "graphql/type/definition" {
 
     //
 
-    interface GraphQLObjectTypeConfig<TSource> {
+    export interface GraphQLObjectTypeConfig<TSource> {
         name: string;
         interfaces?: Thunk<Array<GraphQLInterfaceType>>;
         fields: Thunk<GraphQLFieldConfigMap<TSource>>;
@@ -1291,26 +1207,26 @@ declare module "graphql/type/definition" {
         description?: string
     }
 
-    type GraphQLTypeResolveFn = (
+    export type GraphQLTypeResolveFn = (
         value: any,
         context: any,
         info: GraphQLResolveInfo
     ) => GraphQLObjectType;
 
-    type GraphQLIsTypeOfFn = (
+    export type GraphQLIsTypeOfFn = (
         source: any,
         context: any,
         info: GraphQLResolveInfo
     ) => boolean;
 
-    type GraphQLFieldResolveFn<TSource> = (
+    export type GraphQLFieldResolveFn<TSource> = (
         source: TSource,
         args: { [argName: string]: any },
         context: any,
         info: GraphQLResolveInfo
     ) => any;
 
-    interface GraphQLResolveInfo {
+    export interface GraphQLResolveInfo {
         fieldName: string;
         fieldASTs: Array<Field>;
         returnType: GraphQLOutputType;
@@ -1323,7 +1239,7 @@ declare module "graphql/type/definition" {
         variableValues: { [variableName: string]: any };
     }
 
-    interface GraphQLFieldConfig<TSource> {
+    export interface GraphQLFieldConfig<TSource> {
         type: GraphQLOutputType;
         args?: GraphQLFieldConfigArgumentMap;
         resolve?: GraphQLFieldResolveFn<TSource>;
@@ -1331,21 +1247,21 @@ declare module "graphql/type/definition" {
         description?: string;
     }
 
-    interface GraphQLFieldConfigArgumentMap {
+    export interface GraphQLFieldConfigArgumentMap {
         [argName: string]: GraphQLArgumentConfig;
     }
 
-    interface GraphQLArgumentConfig {
+    export interface GraphQLArgumentConfig {
         type: GraphQLInputType;
         defaultValue?: any;
         description?: string;
     }
 
-    interface GraphQLFieldConfigMap<TSource> {
+    export interface GraphQLFieldConfigMap<TSource> {
         [fieldName: string]: GraphQLFieldConfig<TSource>;
     }
 
-    interface GraphQLFieldDefinition {
+    export interface GraphQLFieldDefinition {
         name: string;
         description: string;
         type: GraphQLOutputType;
@@ -1355,14 +1271,14 @@ declare module "graphql/type/definition" {
         deprecationReason: string;
     }
 
-    interface GraphQLArgument {
+    export interface GraphQLArgument {
         name: string;
         type: GraphQLInputType;
         defaultValue?: any;
         description?: string;
     }
 
-    interface GraphQLFieldDefinitionMap {
+    export interface GraphQLFieldDefinitionMap {
         [fieldName: string]: GraphQLFieldDefinition;
     }
 
@@ -1396,7 +1312,7 @@ declare module "graphql/type/definition" {
         toString(): string;
     }
 
-    interface GraphQLInterfaceTypeConfig {
+    export interface GraphQLInterfaceTypeConfig {
         name: string,
         fields: Thunk<GraphQLFieldConfigMap<any>>,
         /**
@@ -1443,7 +1359,7 @@ declare module "graphql/type/definition" {
         toString(): string;
     }
 
-    interface GraphQLUnionTypeConfig {
+    export interface GraphQLUnionTypeConfig {
         name: string,
         types: Thunk<Array<GraphQLObjectType>>,
         /**
@@ -1488,23 +1404,23 @@ declare module "graphql/type/definition" {
         toString(): string;
     }
 
-    interface GraphQLEnumTypeConfig {
+    export interface GraphQLEnumTypeConfig {
         name: string;
         values: GraphQLEnumValueConfigMap;
         description?: string;
     }
 
-    interface GraphQLEnumValueConfigMap {
+    export interface GraphQLEnumValueConfigMap {
         [valueName: string]: GraphQLEnumValueConfig;
     }
 
-    interface GraphQLEnumValueConfig {
+    export interface GraphQLEnumValueConfig {
         value?: any;
         deprecationReason?: string;
         description?: string;
     }
 
-    interface GraphQLEnumValueDefinition {
+    export interface GraphQLEnumValueDefinition {
         name: string;
         description: string;
         deprecationReason: string;
@@ -1534,36 +1450,36 @@ declare module "graphql/type/definition" {
     class GraphQLInputObjectType {
         name: string;
         description: string;
-        constructor(config: InputObjectConfig);
-        getFields(): InputObjectFieldMap;
+        constructor(config: GraphQLInputObjectTypeConfig);
+        getFields(): GraphQLInputFieldDefinitionMap;
         toString(): string;
     }
 
-    interface InputObjectConfig {
+    export interface GraphQLInputObjectTypeConfig {
         name: string;
-        fields: Thunk<InputObjectConfigFieldMap>;
+        fields: Thunk<GraphQLInputFieldConfigMap>;
         description?: string;
     }
 
-    interface InputObjectFieldConfig {
+    export interface GraphQLInputFieldConfig {
         type: GraphQLInputType;
         defaultValue?: any;
         description?: string;
     }
 
-    interface InputObjectConfigFieldMap {
-        [fieldName: string]: InputObjectFieldConfig;
+    export interface GraphQLInputFieldConfigMap {
+        [fieldName: string]: GraphQLInputFieldConfig;
     }
 
-    interface InputObjectField {
+    export interface GraphQLInputFieldDefinition {
         name: string;
         type: GraphQLInputType;
         defaultValue?: any;
         description?: string;
     }
 
-    interface InputObjectFieldMap {
-        [fieldName: string]: InputObjectField;
+    export interface GraphQLInputFieldDefinitionMap {
+        [fieldName: string]: GraphQLInputFieldDefinition;
     }
 
     /**

From 44be13ae844ec0721109542d5902e41438d72855 Mon Sep 17 00:00:00 2001
From: Tsvetomir Tsonev <cvetomirconev@gmail.com>
Date: Fri, 28 Oct 2016 19:10:07 +0300
Subject: [PATCH 306/313] feat: update Kendo UI definitions to 2016.3.1028
 (#12316)

---
 kendo-ui/kendo-ui.d.ts | 176 ++++++++++++++++++++++++++---------------
 1 file changed, 111 insertions(+), 65 deletions(-)

diff --git a/kendo-ui/kendo-ui.d.ts b/kendo-ui/kendo-ui.d.ts
index ac6022ecd4..429bc00c12 100644
--- a/kendo-ui/kendo-ui.d.ts
+++ b/kendo-ui/kendo-ui.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Kendo UI Professional v2016.3.914
+// Type definitions for Kendo UI Professional v2016.3.1028
 // Project: http://www.telerik.com/kendo-ui
 // Definitions by: Telerik <https://github.com/telerik/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -1112,7 +1112,7 @@ declare namespace kendo.data {
     }
 
     interface DataSourceFilterItem extends DataSourceFilter {
-        operator?: string;
+        operator?: string|Function;
         field?: string;
         value?: any;
     }
@@ -1245,6 +1245,7 @@ declare namespace kendo.data {
         type?: string;
         change? (e: DataSourceChangeEvent): void;
         error?(e: DataSourceErrorEvent): void;
+		push?(e: DataSourcePushEvent): void;
         sync?(e: DataSourceEvent): void;
         requestStart?(e: DataSourceRequestStartEvent): void;
         requestEnd?(e: DataSourceRequestEndEvent): void;
@@ -1274,6 +1275,12 @@ declare namespace kendo.data {
         node?: any;
     }
 
+	interface DataSourcePushEvent extends DataSourceEvent {
+        items?: DataSourceItemOrGroup[];
+		type?: string;
+       
+    }
+
     interface DataSourceErrorEvent extends DataSourceEvent {
         xhr: JQueryXHR;
         status: string;
@@ -1480,6 +1487,7 @@ declare namespace kendo.mobile {
         statusBarStyle?: string;
         transition?: string;
         useNativeScrolling?: boolean;
+		init?(e: ApplicationEvent): void;
     }
 
     interface ApplicationEvent {
@@ -1538,7 +1546,7 @@ declare namespace kendo.ui {
         static extend(proto: Object): AgendaView;
     }
 
-    class Alert extends kendo.ui.Widget {
+    class Alert extends kendo.ui.Dialog {
 
         static fn: Alert;
 
@@ -2043,12 +2051,13 @@ declare namespace kendo.ui {
     }
 
 
-    class Confirm extends kendo.ui.Widget {
+    class Confirm extends kendo.ui.Dialog {
 
         static fn: Confirm;
 
         options: ConfirmOptions;
 
+        result: JQueryPromise<any>;
 
         element: JQuery;
         wrapper: JQuery;
@@ -2809,66 +2818,95 @@ declare namespace kendo.ui {
     }
 
     interface EditorMessages {
-        bold?: string;
-        italic?: string;
-        underline?: string;
-        strikethrough?: string;
-        superscript?: string;
-        subscript?: string;
-        justifyCenter?: string;
-        justifyLeft?: string;
-        justifyRight?: string;
-        justifyFull?: string;
-        insertUnorderedList?: string;
-        insertOrderedList?: string;
-        indent?: string;
-        outdent?: string;
-        createLink?: string;
-        unlink?: string;
-        insertImage?: string;
-        insertFile?: string;
-        insertHtml?: string;
-        viewHtml?: string;
-        fontName?: string;
-        fontNameInherit?: string;
-        fontSize?: string;
-        fontSizeInherit?: string;
-        formatBlock?: string;
-        formatting?: string;
-        foreColor?: string;
-        backColor?: string;
-        style?: string;
-        emptyFolder?: string;
-        uploadFile?: string;
-        editAreaTitle?: string;
-        orderBy?: string;
-        orderBySize?: string;
-        orderByName?: string;
-        invalidFileType?: string;
-        deleteFile?: string;
-        overwriteFile?: string;
-        directoryNotFound?: string;
-        imageWebAddress?: string;
-        imageAltText?: string;
-        imageWidth?: string;
-        imageHeight?: string;
-        fileWebAddress?: string;
-        fileTitle?: string;
-        linkWebAddress?: string;
-        linkText?: string;
-        linkToolTip?: string;
-        linkOpenInNewWindow?: string;
-        dialogUpdate?: string;
-        dialogInsert?: string;
-        dialogCancel?: string;
-        createTable?: string;
-        createTableHint?: string;
+        accessibilityTab?: string;
         addColumnLeft?: string;
         addColumnRight?: string;
         addRowAbove?: string;
         addRowBelow?: string;
-        deleteRow?: string;
+        alignCenter?: string;
+        alignCenterBottom?: string;
+        alignCenterMiddle?: string;
+        alignCenterTop?: string;
+        alignLeft?: string;
+        alignLeftBottom?: string;
+        alignLeftMiddle?: string;
+        alignLeftTop?: string;
+        alignRemove?: string;
+        alignRight?: string;
+        alignRightBottom?: string;
+        alignRightMiddle?: string;
+        alignRightTop?: string;
+        alignment?: string;
+        associateCellsWithHeaders?: string;
+        backColor?: string;
+        background?: string;
+        bold?: string;
+        border?: string;
+        style?: string;
+        caption?: string;
+        cellMargin?: string;
+        cellPadding?: string;
+        cellSpacing?: string;
+        cellTab?: string;
+        cleanFormatting?: string;
+        collapseBorders?: string;
+        columns?: string;
+        createLink?: string;
+        createTable?: string;
+        createTableHint?: string;
+        cssClass?: string;
         deleteColumn?: string;
+        deleteRow?: string;
+        dialogCancel?: string;
+        dialogInsert?: string;
+        dialogOk?: string;
+        dialogUpdate?: string;
+        editAreaTitle?: string;
+        fileTitle?: string;
+        fileWebAddress?: string;
+        fontName?: string;
+        fontNameInherit?: string;
+        fontSize?: string;
+        fontSizeInherit?: string;
+        foreColor?: string;
+        formatBlock?: string;
+        formatting?: string;
+        height?: string;
+        id?: string;
+        imageAltText?: string;
+        imageHeight?: string;
+        imageWebAddress?: string;
+        imageWidth?: string;
+        indent?: string;
+        insertFile?: string;
+        insertHtml?: string;
+        insertImage?: string;
+        insertOrderedList?: string;
+        insertUnorderedList?: string;
+        italic?: string;
+        justifyCenter?: string;
+        justifyFull?: string;
+        justifyLeft?: string;
+        justifyRight?: string;
+        linkOpenInNewWindow?: string;
+        linkText?: string;
+        linkToolTip?: string;
+        linkWebAddress?: string;
+        outdent?: string;
+        print?: string;
+        rows?: string;
+        selectAllCells?: string;
+        strikethrough?: string;
+        subscript?: string;
+        summary?: string;
+        superscript?: string;
+        tableTab?: string;
+        tableWizard?: string;
+        underline?: string;
+        unlink?: string;
+        viewHtml?: string;
+        width?: string;
+        wrapText?: string;
     }
 
     interface EditorPasteCleanup {
@@ -5141,12 +5179,13 @@ declare namespace kendo.ui {
     }
 
 
-    class Prompt extends kendo.ui.Widget {
+    class Prompt extends kendo.ui.Dialog {
 
         static fn: Prompt;
 
         options: PromptOptions;
 
+        result: JQueryPromise<any>;
 
         element: JQuery;
         wrapper: JQuery;
@@ -5542,6 +5581,7 @@ declare namespace kendo.ui {
         minorTimeHeaderTemplate?: string|Function;
         selected?: boolean;
         selectedDateFormat?: string;
+        selectedShortDateFormat?: string;
         showWorkHours?: boolean;
         slotTemplate?: string|Function;
         startTime?: Date;
@@ -6068,6 +6108,7 @@ declare namespace kendo.ui {
         comparerType?: string;
         dataType?: string;
         from?: string;
+        showButton?: boolean;
         to?: string;
         allowNulls?: boolean;
         messageTemplate?: string;
@@ -6102,6 +6143,7 @@ declare namespace kendo.ui {
         cells?: SpreadsheetSheetRowCell[];
         height?: number;
         index?: number;
+        type?: string;
     }
 
     interface SpreadsheetSheetSortColumn {
@@ -7291,7 +7333,7 @@ declare namespace kendo.ui {
         destroy(): void;
         disable(): void;
         enable(enable?: boolean): void;
-        getFiles(): void;
+        getFiles(): any;
         removeAllFiles(): void;
         removeFile(): void;
         removeFileByUid(): void;
@@ -7470,6 +7512,8 @@ declare namespace kendo.ui {
         content(content?: string): kendo.ui.Window;
         content(content?: JQuery): kendo.ui.Window;
         destroy(): void;
+        isMaximized(): boolean;
+        isMinimized(): boolean;
         maximize(): kendo.ui.Window;
         minimize(): kendo.ui.Window;
         open(): kendo.ui.Window;
@@ -11017,7 +11061,6 @@ declare namespace kendo.dataviz.ui {
         autoBind?: boolean;
         axisDefaults?: ChartAxisDefaults;
         categoryAxis?: ChartCategoryAxisItem[];
-        valueAxis?: ChartValueAxisItem[];
         chartArea?: ChartChartArea;
         dataSource?: any|any|kendo.data.DataSource;
         legend?: ChartLegend;
@@ -11033,6 +11076,7 @@ declare namespace kendo.dataviz.ui {
         title?: ChartTitle;
         tooltip?: ChartTooltip;
         transitions?: boolean;
+        valueAxis?: ChartValueAxisItem[];
         xAxis?: ChartXAxisItem[];
         yAxis?: ChartYAxisItem[];
         zoomable?: boolean|ChartZoomable;
@@ -16928,7 +16972,7 @@ declare namespace kendo {
         function bind(element: Element, viewModel: any, namespace?: any): void;
         function bind(element: Element, viewModel: kendo.data.ObservableObject, namespace?: any): void;
         function observableHierarchy(array: any): void;
-        function confirm(text: string): void;
+        function confirm(text: string): JQueryPromise<any>;
         function culture(culture: string): void;
         function destroy(element: string): void;
         function destroy(element: JQuery): void;
@@ -16939,7 +16983,7 @@ declare namespace kendo {
         function parseFloat(value: string, culture?: string): number;
         function parseInt(value: string, culture?: string): number;
         function parseColor(color: string, noerror: boolean): kendo.Color;
-        function prompt(text: string, defaultValue: string): void;
+        function prompt(text: string, defaultValue: string): JQueryPromise<any>;
         function proxyModelSetters(): void;
         function proxyModelSetters(data: kendo.data.Model): void;
         function resize(element: string, force: boolean): void;
@@ -16947,7 +16991,7 @@ declare namespace kendo {
         function resize(element: Element, force: boolean): void;
         function saveAs(options: any): void;
         function stringify(value: any): string;
-        function throttle(fn: Function, timeout: number): void;
+        function throttle(fn: Function, timeout: number): Function;
         function touchScroller(element: string): void;
         function touchScroller(element: JQuery): void;
         function touchScroller(element: Element): void;
@@ -17032,6 +17076,8 @@ declare namespace kendo.spreadsheet {
         clear(options?: any): void;
         clearFilter(indices: any): void;
         clearFilter(indices: number): void;
+        editor(): string;
+        editor(value?: string): void;
         enable(): boolean;
         enable(value?: boolean): void;
         fillFrom(srcRange: Range, direction?: number): void;

From c9999d4e97f660ea35c20f87506d4ee8074666f8 Mon Sep 17 00:00:00 2001
From: Tom Davidson <tomdavidson@users.noreply.github.com>
Date: Tue, 1 Nov 2016 06:12:53 -0600
Subject: [PATCH 307/313] promises on putObject (#11923)

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

diff --git a/aws-sdk/aws-sdk.d.ts b/aws-sdk/aws-sdk.d.ts
index 3fe8f65b0f..f484c5fdac 100644
--- a/aws-sdk/aws-sdk.d.ts
+++ b/aws-sdk/aws-sdk.d.ts
@@ -382,8 +382,8 @@ declare module "aws-sdk" {
     endpoint: Endpoint;
 
     getObject(params: s3.GetObjectRequest, callback?: (err: Error, data: any) => void): any;
+    putObject(params: s3.PutObjectRequest, callback?: (err: Error, data: any) => void): any;
     copyObject(params: s3.CopyObjectRequest, callback?: (err: Error, data: any) => void): any;
-    putObject(params: s3.PutObjectRequest, callback: (err: Error, data: any) => void): void;
     deleteObject(params: s3.DeleteObjectRequest, callback: (err: Error, data: any) => void): void;
     headObject(params: s3.HeadObjectRequest, callback: (err: Error, data: any) => void): void;
     getSignedUrl(operation: string, params: any): string;
@@ -660,7 +660,7 @@ declare module "aws-sdk" {
 
     export interface DescribeStackResourcesParams {
       StackName?: string;          //  must specify either StackName or PhysicalResourceId
-      LogicalResourceId?: string; 
+      LogicalResourceId?: string;
       PhysicalResourceId?: string; //  must specify either StackName or PhysicalResourceId
     }
 

From 300ed0bb42cf6f9894d7b9ad9e9b543097bd502e Mon Sep 17 00:00:00 2001
From: Till Wolff <tyuwolff@gmail.com>
Date: Tue, 1 Nov 2016 13:19:32 +0100
Subject: [PATCH 308/313] added missing type for ReactSelectProps.value
 (#11964)

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

diff --git a/react-select/react-select.d.ts b/react-select/react-select.d.ts
index 8011122fed..c50d5f6883 100644
--- a/react-select/react-select.d.ts
+++ b/react-select/react-select.d.ts
@@ -298,7 +298,7 @@ declare namespace ReactSelect {
         /**
          * initial field value
          */
-        value?: Option | Option[] | string | string[] | number | number[];
+        value?: Option | Option[] | string | string[] | number | number[] | boolean;
         /**
          * the option property to use for the value
          * @default "value"

From 0ad4edb4e86a936e4462a02f616730068d4de29d Mon Sep 17 00:00:00 2001
From: Fenying <i.am.x.fenying@gmail.com>
Date: Tue, 1 Nov 2016 20:25:56 +0800
Subject: [PATCH 309/313] Improvement to definitions of module async. (#12180)

* Updated module async.

1. Added Dictionary for the collection APIs.
2. Fixed incorrected callback definition for some collection APIs.

* Simplify some definitions of module async.

* Fixed the callback type of async.someLimit.
---
 async/async-tests.ts | 354 +++++++++++++++++++++++++++++++++++++++++++
 async/async.d.ts     | 134 +++++++++-------
 2 files changed, 431 insertions(+), 57 deletions(-)

diff --git a/async/async-tests.ts b/async/async-tests.ts
index 63640cecf6..67df5bae09 100644
--- a/async/async-tests.ts
+++ b/async/async-tests.ts
@@ -435,3 +435,357 @@ async.dir(function (name, callback) {
         callback(null, { hello: name });
     }, 1000);
 }, "world");
+
+// each
+
+async.each<number>({
+    "a": 1,
+    "b": 2
+}, function(val: number, next: ErrorCallback): void {
+
+    setTimeout(function(): void {
+
+        console.log(`async.each: ${val}`);
+
+        next();
+
+    }, 500);
+
+}, function(err?: Error): void {
+
+    console.log("async.each: done.");
+
+});
+
+async.eachSeries<number>({
+    "a": 1,
+    "b": 2
+}, function(val: number, next: ErrorCallback): void {
+
+    setTimeout(function(): void {
+
+        console.log(`async.eachSeries: ${val}`);
+
+        next();
+
+    }, 500);
+
+}, function(err?: Error): void {
+
+    console.log("async.eachSeries: done.");
+
+});
+
+async.eachLimit<number>({
+    "a": 1,
+    "b": 2,
+    "c": 3,
+    "d": 4,
+    "e": 5,
+    "f": 6
+}, 2, function(val: number, next: ErrorCallback): void {
+
+    setTimeout(function(): void {
+
+        console.log(`async.eachLimit: ${val}`);
+
+        next();
+
+    }, 500);
+
+}, function(err?: Error): void {
+
+    console.log("async.eachLimit: done.");
+
+});
+
+// forEachOf/eachOf
+
+async.eachOf<number>({
+    "a": 1,
+    "b": 2
+}, function(val: number, key: string, next: ErrorCallback): void {
+
+    setTimeout(function(): void {
+
+        console.log(`async.forEachOf/eachOf: ${key} = ${val}`);
+
+        next();
+
+    }, 500);
+
+}, function(err?: Error): void {
+
+    console.log("async.forEachOf/eachOf: done.");
+
+});
+
+async.forEachOfSeries<number>({
+    "a": 1,
+    "b": 2
+}, function(val: number, key: string, next: ErrorCallback): void {
+
+    setTimeout(function(): void {
+
+        console.log(`async.forEachOfSeries: ${key} = ${val}`);
+
+        next();
+
+    }, 500);
+
+}, function(err?: Error): void {
+
+    console.log("async.forEachOfSeries: done.");
+
+});
+
+async.forEachOfLimit<number>({
+    "a": 1,
+    "b": 2,
+    "c": 3,
+    "d": 4,
+    "e": 5,
+    "f": 6
+}, 2, function(val: number, key: string, next: ErrorCallback): void {
+
+    setTimeout(function(): void {
+
+        console.log(`async.forEachOfLimit: ${key} = ${val}`);
+
+        next();
+
+    }, 500);
+
+}, function(err?: Error): void {
+
+    console.log("async.forEachOfLimit: done.");
+
+});
+
+// map
+
+async.map<number, string>({
+    "a": 1,
+    "b": 2,
+    "c": 3
+}, function(val: number, next: AsyncResultCallback<string>): void {
+
+    setTimeout(function(): void {
+
+        console.log(`async.map: ${val}`);
+
+        next(null, val.toString());
+
+    }, 500);
+
+}, function(err: Error, results: string[]): void {
+
+    console.log("async.map: done with results", results);
+
+});
+
+async.mapSeries<number, string>({
+    "a": 1,
+    "b": 2,
+    "c": 3
+}, function(val: number, next: AsyncResultCallback<string>): void {
+
+    setTimeout(function(): void {
+
+        console.log(`async.mapSeries: ${val}`);
+
+        next(null, val.toString());
+
+    }, 500);
+
+}, function(err: Error, results: string[]): void {
+
+    console.log("async.mapSeries: done with results", results);
+
+});
+
+async.mapLimit<number, string>({
+    "a": 1,
+    "b": 2,
+    "c": 3,
+    "d": 4,
+    "e": 5,
+    "f": 6
+}, 2, function(val: number, next: AsyncResultCallback<string>): void {
+
+    setTimeout(function(): void {
+
+        console.log(`async.mapLimit: ${val}`);
+
+        next(null, val.toString());
+
+    }, 500);
+
+}, function(err: Error, results: string[]): void {
+
+    console.log("async.mapLimit: done with results", results);
+
+});
+
+// mapValues
+
+async.mapValues<number, string>({
+    "a": 1,
+    "b": 2,
+    "c": 3
+}, function(val: number, key: string, next: AsyncResultCallback<string>): void {
+
+    setTimeout(function(): void {
+
+        console.log(`async.mapValues: ${key} = ${val}`);
+
+        next(null, val.toString());
+
+    }, 500);
+
+}, function(err: Error, results: string[]): void {
+
+    console.log("async.mapValues: done with results", results);
+
+});
+
+async.mapValuesSeries<number, string>({
+    "a": 1,
+    "b": 2,
+    "c": 3
+}, function(val: number, key: string, next: AsyncResultCallback<string>): void {
+
+    setTimeout(function(): void {
+
+        console.log(`async.mapValuesSeries: ${key} = ${val}`);
+
+        next(null, val.toString());
+
+    }, 500);
+
+}, function(err: Error, results: string[]): void {
+
+    console.log("async.mapValuesSeries: done with results", results);
+
+});
+
+// filter/select/reject
+
+async.filter<number>({
+    "a": 1,
+    "b": 2,
+    "c": 3
+}, function(val: number, next: AsyncBooleanResultCallback): void {
+
+    setTimeout(function(): void {
+
+        console.log(`async.filter/select: ${val}`);
+
+        next(null, val % 2 === 0);
+
+    }, 500);
+
+}, function(err: Error, results: number[]): void {
+
+    console.log("async.filter/select: done with results", results);
+
+});
+
+async.reject<number>({
+    "a": 1,
+    "b": 2,
+    "c": 3
+}, function(val: number, next: AsyncBooleanResultCallback): void {
+
+    setTimeout(function(): void {
+
+        console.log(`async.reject: ${val}`);
+
+        next(null, val % 2 === 0);
+
+    }, 500);
+
+}, function(err: Error, results: number[]): void {
+
+    console.log("async.reject: done with results", results);
+
+});
+
+// concat
+
+async.concat<string, string>({
+    "a": "1",
+    "b": "2",
+    "c": "3"
+}, function(item: string, next: AsyncResultCallback<string[]>): void {
+
+    console.log(`async.concat: ${item}`);
+
+    next(null, [item, item, item]);
+
+}, function(err: Error, results: string[]) {
+
+    console.log("async.concat: done with results", results);
+
+});
+
+// detect/find
+
+async.detect<number>({
+    "a": 1,
+    "b": 2,
+    "c": 3
+}, function(item: number, next: AsyncBooleanResultCallback): void {
+
+    console.log(`async.detect/find: ${item}`);
+
+    next(null, item > 1);
+
+}, function(err: Error, result: number) {
+
+    if (err) {
+
+        console.log(err);
+
+    } else {
+
+        console.log("async.detect/find: done with result", result);
+    }
+
+});
+
+// every/all
+
+async.every<number>({
+    "a": 1,
+    "b": 2,
+    "c": 3
+}, function(item: number, next: AsyncBooleanResultCallback): void {
+
+    console.log(`async.every/all: ${item}`);
+
+    next(null, item > 0);
+
+}, function(err: Error, result: boolean) {
+
+    console.log("async.every/all: done with result", result);
+
+});
+
+// some/any
+
+async.some<number>({
+    "a": 1,
+    "b": 2,
+    "c": 3
+}, function(item: number, next: AsyncBooleanResultCallback): void {
+
+    console.log(`async.some/any: ${item}`);
+
+    next(null, item > 2);
+
+}, function(err: Error, result: boolean) {
+
+    console.log("async.some/any: done with result", result);
+
+});
diff --git a/async/async.d.ts b/async/async.d.ts
index 96da35c1ea..8b564fbd80 100644
--- a/async/async.d.ts
+++ b/async/async.d.ts
@@ -1,11 +1,13 @@
 // Type definitions for Async 2.0.1
 // Project: https://github.com/caolan/async
-// Definitions by: Boris Yankov <https://github.com/borisyankov/>, Arseniy Maximov <https://github.com/kern0>, Joe Herman <https://github.com/Penryn>
+// Definitions by: Boris Yankov <https://github.com/borisyankov/>, Arseniy Maximov <https://github.com/kern0>, Joe Herman <https://github.com/Penryn>, Angus Fenying <https://github.com/fenying>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 interface Dictionary<T> { [key: string]: T; }
 
 interface ErrorCallback { (err?: Error): void; }
+interface AsyncWaterfallCallback { (err: Error, ...args: any[]): void; }
+interface AsyncBooleanResultCallback { (err: Error, truthValue: boolean): void; }
 interface AsyncResultCallback<T> { (err: Error, result: T): void; }
 interface AsyncResultArrayCallback<T> { (err: Error, results: T[]): void; }
 interface AsyncResultObjectCallback<T> { (err: Error, results: Dictionary<T>): void; }
@@ -15,7 +17,7 @@ interface AsyncIterator<T> { (item: T, callback: ErrorCallback): void; }
 interface AsyncForEachOfIterator<T> { (item: T, key: number|string, callback: ErrorCallback): void; }
 interface AsyncResultIterator<T, R> { (item: T, callback: AsyncResultCallback<R>): void; }
 interface AsyncMemoIterator<T, R> { (memo: R, item: T, callback: AsyncResultCallback<R>): void; }
-interface AsyncBooleanIterator<T> { (item: T, callback: (err: string, truthValue: boolean) => void): void; }
+interface AsyncBooleanIterator<T> { (item: T, callback: AsyncBooleanResultCallback): void; }
 
 interface AsyncWorker<T> { (task: T, callback: ErrorCallback): void; }
 interface AsyncVoidFunction { (callback: ErrorCallback): void; }
@@ -89,52 +91,74 @@ interface Async {
 
     // Collections
     each<T>(arr: T[], iterator: AsyncIterator<T>, callback?: ErrorCallback): void;
-    eachSeries<T>(arr: T[], iterator: AsyncIterator<T>, callback?: ErrorCallback): void;
+    each<T>(arr: Dictionary<T>, iterator: AsyncIterator<T>, callback?: ErrorCallback): void;
+    eachSeries: typeof async.each;
     eachLimit<T>(arr: T[], limit: number, iterator: AsyncIterator<T>, callback?: ErrorCallback): void;
-    forEachOf(obj: any, iterator: (item: any, key: string|number, callback?: ErrorCallback) => void, callback: ErrorCallback): void;
+    eachLimit<T>(arr: Dictionary<T>, limit: number, iterator: AsyncIterator<T>, callback?: ErrorCallback): void;
+    forEach: typeof async.each;
+    forEachSeries: typeof async.each;
+    forEachLimit: typeof async.eachLimit;
     forEachOf<T>(obj: T[], iterator: AsyncForEachOfIterator<T>, callback?: ErrorCallback): void;
-    forEachOfSeries(obj: any, iterator: (item: any, key: string|number, callback?: ErrorCallback) => void, callback: ErrorCallback): void;
-    forEachOfSeries<T>(obj: T[], iterator: AsyncForEachOfIterator<T>, callback?: ErrorCallback): void;
-    forEachOfLimit(obj: any, limit: number, iterator: (item: any, key: string|number, callback?: ErrorCallback) => void, callback: ErrorCallback): void;
+    forEachOf<T>(obj: Dictionary<T>, iterator: AsyncForEachOfIterator<T>, callback?: ErrorCallback): void;
+    forEachOfSeries: typeof async.forEachOf;
     forEachOfLimit<T>(obj: T[], limit: number, iterator: AsyncForEachOfIterator<T>, callback?: ErrorCallback): void;
-    map<T, R>(arr: T[], iterator: AsyncResultIterator<T, R>, callback?: AsyncResultArrayCallback<R>): any;
-    mapSeries<T, R>(arr: T[], iterator: AsyncResultIterator<T, R>, callback?: AsyncResultArrayCallback<R>): any;
-    mapLimit<T, R>(arr: T[], limit: number, iterator: AsyncResultIterator<T, R>, callback?: AsyncResultArrayCallback<R>): any;
-    mapValuesLimit<T, R>(obj: {[name: string]: T}, limit: number, iteratee: (value: string, key: T, callback: AsyncResultCallback<R>) => void, callback: AsyncResultCallback<R[]>): void;
-    mapValues<T, R>(obj: {[name: string]: T}, iteratee: (value: string, key: T, callback: AsyncResultCallback<R>) => void, callback: AsyncResultCallback<R[]>): void;
+    forEachOfLimit<T>(obj: Dictionary<T>, limit: number, iterator: AsyncForEachOfIterator<T>, callback?: ErrorCallback): void;
+    eachOf: typeof async.forEachOf;
+    eachOfSeries: typeof async.forEachOf;
+    eachOfLimit: typeof async.forEachOfLimit;
+    map<T, R>(arr: T[], iterator: AsyncResultIterator<T, R>, callback?: AsyncResultArrayCallback<R>): void;
+    map<T, R>(arr: Dictionary<T>, iterator: AsyncResultIterator<T, R>, callback?: AsyncResultArrayCallback<R>): void;
+    mapSeries: typeof async.map;
+    mapLimit<T, R>(arr: T[], limit: number, iterator: AsyncResultIterator<T, R>, callback?: AsyncResultArrayCallback<R>): void;
+    mapLimit<T, R>(arr: Dictionary<T>, limit: number, iterator: AsyncResultIterator<T, R>, callback?: AsyncResultArrayCallback<R>): void;
+    mapValuesLimit<T, R>(obj: Dictionary<T>, limit: number, iteratee: (value: T, key: string, callback: AsyncResultCallback<R>) => void, callback: AsyncResultCallback<R[]>): void;
+    mapValues<T, R>(obj: Dictionary<T>, iteratee: (value: T, key: string, callback: AsyncResultCallback<R>) => void, callback: AsyncResultCallback<R[]>): void;
     mapValuesSeries: typeof async.mapValues;
-    filter<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: AsyncResultArrayCallback<T>): any;
-    select<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: AsyncResultArrayCallback<T>): any;
-    filterSeries<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: AsyncResultArrayCallback<T>): any;
-    selectSeries<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: AsyncResultArrayCallback<T>): any;
-    filterLimit<T>(arr: T[], limit: number, iterator: AsyncBooleanIterator<T>, callback?: AsyncResultArrayCallback<T>): any;
-    selectLimit<T>(arr: T[], limit: number, iterator: AsyncBooleanIterator<T>, callback?: AsyncResultArrayCallback<T>): any;
-    reject<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: AsyncResultArrayCallback<T>): any;
-    rejectSeries<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: AsyncResultArrayCallback<T>): any;
-    rejectLimit<T>(arr: T[], limit: number, iterator: AsyncBooleanIterator<T>, callback?: AsyncResultArrayCallback<T>): any;
-    reduce<T, R>(arr: T[], memo: R, iterator: AsyncMemoIterator<T, R>, callback?: AsyncResultCallback<R>): any;
-    inject<T, R>(arr: T[], memo: R, iterator: AsyncMemoIterator<T, R>, callback?: AsyncResultCallback<R>): any;
-    foldl<T, R>(arr: T[], memo: R, iterator: AsyncMemoIterator<T, R>, callback?: AsyncResultCallback<R>): any;
-    reduceRight<T, R>(arr: T[], memo: R, iterator: AsyncMemoIterator<T, R>, callback: AsyncResultCallback<R>): any;
-    foldr<T, R>(arr: T[], memo: R, iterator: AsyncMemoIterator<T, R>, callback: AsyncResultCallback<R>): any;
-    detect<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: AsyncResultCallback<T>): any;
+    filter<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: AsyncResultArrayCallback<T>): void;
+    filter<T>(arr: Dictionary<T>, iterator: AsyncBooleanIterator<T>, callback?: AsyncResultArrayCallback<T>): void;
+    filterSeries: typeof async.filter;
+    filterLimit<T>(arr: T[], limit: number, iterator: AsyncBooleanIterator<T>, callback?: AsyncResultArrayCallback<T>): void;
+    filterLimit<T>(arr: Dictionary<T>, limit: number, iterator: AsyncBooleanIterator<T>, callback?: AsyncResultArrayCallback<T>): void;
+    select: typeof async.filter;
+    selectSeries: typeof async.filter;
+    selectLimit: typeof async.filterLimit;
+    reject: typeof async.filter;
+    rejectSeries: typeof async.filter;
+    rejectLimit: typeof async.filterLimit;
+    reduce<T, R>(arr: T[], memo: R, iterator: AsyncMemoIterator<T, R>, callback?: AsyncResultCallback<R>): void;
+    inject: typeof async.reduce;
+    foldl: typeof async.reduce;
+    reduceRight: typeof async.reduce;
+    foldr: typeof async.reduce;
+    detect<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: AsyncResultCallback<T>): void;
+    detect<T>(arr: Dictionary<T>, iterator: AsyncBooleanIterator<T>, callback?: AsyncResultCallback<T>): void;
+    detectSeries: typeof async.detect;
+    detectLimit<T>(arr: T[], limit: number, iterator: AsyncBooleanIterator<T>, callback?: AsyncResultCallback<T>): void;
+    detectLimit<T>(arr: Dictionary<T>, limit: number, iterator: AsyncBooleanIterator<T>, callback?: AsyncResultCallback<T>): void;
     find: typeof async.detect;
-    detectSeries<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: AsyncResultCallback<T>): any;
-    findSeries: typeof async.detectSeries;
-    detectLimit<T>(arr: T[], limit: number, iterator: AsyncBooleanIterator<T>, callback?: AsyncResultCallback<T>): any;
+    findSeries: typeof async.detect;
     findLimit: typeof async.detectLimit;
-    sortBy<T, V>(arr: T[], iterator: AsyncResultIterator<T, V>, callback?: AsyncResultArrayCallback<T>): any;
-    some<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: (result: boolean) => void): any;
-    someLimit<T>(arr: T[], limit: number, iterator: AsyncBooleanIterator<T>, callback?: (result: boolean) => void): any;
-    anyLimit: typeof async.someLimit;
-    someSeries<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: (result: boolean) => void): any;
+    sortBy<T, V>(arr: T[], iterator: AsyncResultIterator<T, V>, callback?: AsyncResultArrayCallback<T>): void;
+    some<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: AsyncBooleanResultCallback): void;
+    some<T>(arr: Dictionary<T>, iterator: AsyncBooleanIterator<T>, callback?: AsyncBooleanResultCallback): void;
+    someSeries: typeof async.some;
+    someLimit<T>(arr: T[], limit: number, iterator: AsyncBooleanIterator<T>, callback?: AsyncBooleanResultCallback): void;
+    someLimit<T>(arr: Dictionary<T>, limit: number, iterator: AsyncBooleanIterator<T>, callback?: AsyncBooleanResultCallback): void;
+    any: typeof async.some;
     anySeries: typeof async.someSeries;
-    any<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: (result: boolean) => void): any;
-    every<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: (result: boolean) => any): any;
-    everyLimit<T>(arr: T[], limit: number, iterator: AsyncBooleanIterator<T>, callback?: (result: boolean) => any): any;
-    all<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: (result: boolean) => any): any;
-    concat<T, R>(arr: T[], iterator: AsyncResultIterator<T, R[]>, callback?: AsyncResultArrayCallback<R>): any;
-    concatSeries<T, R>(arr: T[], iterator: AsyncResultIterator<T, R[]>, callback?: AsyncResultArrayCallback<R>): any;
+    anyLimit: typeof async.someLimit;
+    every<T>(arr: T[], iterator: AsyncBooleanIterator<T>, callback?: AsyncBooleanResultCallback): void;
+    every<T>(arr: Dictionary<T>, iterator: AsyncBooleanIterator<T>, callback?: AsyncBooleanResultCallback): void;
+    everySeries: typeof async.every;
+    everyLimit<T>(arr: T[], limit: number, iterator: AsyncBooleanIterator<T>, callback?: AsyncBooleanResultCallback): void;
+    everyLimit<T>(arr: Dictionary<T>, limit: number, iterator: AsyncBooleanIterator<T>, callback?: AsyncBooleanResultCallback): void;
+    all: typeof async.every;
+    allSeries: typeof async.every;
+    allLimit: typeof async.everyLimit;
+
+    concat<T, R>(arr: T[], iterator: AsyncResultIterator<T, R[]>, callback?: AsyncResultArrayCallback<R>): void;
+    concat<T, R>(arr: Dictionary<T>, iterator: AsyncResultIterator<T, R[]>, callback?: AsyncResultArrayCallback<R>): void;
+    concatSeries: typeof async.concat;
 
     // Control Flow
     series<T>(tasks: AsyncFunction<T>[], callback?: AsyncResultArrayCallback<T>): void;
@@ -143,14 +167,14 @@ interface Async {
     parallel<T>(tasks: Dictionary<AsyncFunction<T>>, callback?: AsyncResultObjectCallback<T>): void;
     parallelLimit<T>(tasks: Array<AsyncFunction<T>>, limit: number, callback?: AsyncResultArrayCallback<T>): void;
     parallelLimit<T>(tasks: Dictionary<AsyncFunction<T>>, limit: number, callback?: AsyncResultObjectCallback<T>): void;
-    whilst(test: () => boolean, fn: AsyncVoidFunction, callback: (err: any) => void): void;
-    doWhilst(fn: AsyncVoidFunction, test: () => boolean, callback: (err: any) => void): void;
-    until(test: () => boolean, fn: AsyncVoidFunction, callback: (err: any) => void): void;
-    doUntil(fn: AsyncVoidFunction, test: () => boolean, callback: (err: any) => void): void;
-    during(test: (testCallback : (error: Error, truth: boolean) => void) => void, fn: AsyncVoidFunction, callback: (err: any) => void): void;
-    doDuring(fn: AsyncVoidFunction, test: (testCallback: (error: Error, truth: boolean) => void) => void, callback: (err: any) => void): void;
-    forever(next: (errCallback : (err: Error) => void) => void, errBack: (err: Error) => void) : void;
-    waterfall(tasks: Function[], callback?: (err: Error, results?: any) => void): void;
+    whilst(test: () => boolean, fn: AsyncVoidFunction, callback: ErrorCallback): void;
+    doWhilst(fn: AsyncVoidFunction, test: () => boolean, callback: ErrorCallback): void;
+    until(test: () => boolean, fn: AsyncVoidFunction, callback: ErrorCallback): void;
+    doUntil(fn: AsyncVoidFunction, test: () => boolean, callback: ErrorCallback): void;
+    during(test: (testCallback : AsyncBooleanResultCallback) => void, fn: AsyncVoidFunction, callback: ErrorCallback): void;
+    doDuring(fn: AsyncVoidFunction, test: (testCallback: AsyncBooleanResultCallback) => void, callback: ErrorCallback): void;
+    forever(next: (next : ErrorCallback) => void, errBack: ErrorCallback) : void;
+    waterfall<T>(tasks: Function[], callback?: AsyncResultCallback<T>): void;
     compose(...fns: Function[]): Function;
     seq(...fns: Function[]): Function;
     applyEach(fns: Function[], argsAndCallback: any[]): void;           // applyEach(fns, args..., callback). TS does not support ... for a middle argument. Callback is optional.
@@ -158,19 +182,15 @@ interface Async {
     queue<T>(worker: AsyncWorker<T>, concurrency?: number): AsyncQueue<T>;
     priorityQueue<T>(worker: AsyncWorker<T>, concurrency: number): AsyncPriorityQueue<T>;
     cargo(worker : (tasks: any[], callback : ErrorCallback) => void, payload? : number) : AsyncCargo;
-    auto(tasks: any, concurrency?: number, callback?: (error: Error, results: any) => void): void;
-    autoInject(tasks: any, callback?: (error: Error, results: any) => void): void;
-    retry<T>(opts: number, task: (callback : AsyncResultCallback<T>, results: any) => void, callback: (error: Error, results: any) => void): void;
-    retry<T>(opts: { times: number, interval: number|((retryCount: number) => number) }, task: (callback: AsyncResultCallback<T>, results : any) => void, callback: (error: Error, results: any) => void): void;
+    auto(tasks: any, concurrency?: number, callback?: AsyncResultCallback<any>): void;
+    autoInject(tasks: any, callback?: AsyncResultCallback<any>): void;
+    retry<T>(opts: number, task: (callback : AsyncResultCallback<T>, results: any) => void, callback:  AsyncResultCallback<any>): void;
+    retry<T>(opts: { times: number, interval: number|((retryCount: number) => number) }, task: (callback: AsyncResultCallback<T>, results : any) => void, callback:  AsyncResultCallback<any>): void;
     retryable<T>(opts: number | {times: number, interval: number}, task: AsyncFunction<T>): AsyncFunction<T>;
     apply(fn: Function, ...arguments: any[]): AsyncFunction<any>;
     nextTick(callback: Function, ...args: any[]): void;
     setImmediate: typeof async.nextTick;
 
-    allLimit<T>(arr: T[], limit: number, iteratee: AsyncBooleanIterator<T>, cb?: (result: boolean) => any) : any;
-    everySeries<T>(arr: T[], iteratee: AsyncBooleanIterator<T>, cb?: (result: boolean) => any) : any
-    allSeries: typeof async.everySeries;
-
     reflect<T>(fn: AsyncFunction<T>) : (callback: (err: void, result: {error?: Error, value?: T}) => void) => void;
     reflectAll<T>(tasks: AsyncFunction<T>[]): ((callback: (err: void, result: {error?: Error, value?: T}) => void) => void)[];
 

From a8ecb3be1dfaf898cd95bdf40529ade758781365 Mon Sep 17 00:00:00 2001
From: "Dmitry A. Efimenko" <dmitrief@gmail.com>
Date: Tue, 1 Nov 2016 05:41:02 -0700
Subject: [PATCH 310/313] inquirer - make sure methods don't conflict (#12247)

* add prompt() override returning promise

according to [docs](https://www.npmjs.com/package/inquirer#inquirerpromptquestions---promise)

* made sure there won't be conflicts

* Revert "made sure there won't be conflicts"

This reverts commit 0281989a3826e2b57fcd4e355d899ebd11604153.

* Revert "add prompt() override returning promise"

This reverts commit b5094ce38d78fc40c59653926711de2b297105cf.

* resolve method conflicts
---
 inquirer/inquirer.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/inquirer/inquirer.d.ts b/inquirer/inquirer.d.ts
index 2abd6e6d53..c0f45a58ba 100644
--- a/inquirer/inquirer.d.ts
+++ b/inquirer/inquirer.d.ts
@@ -32,7 +32,7 @@ declare module "inquirer" {
              * @param cb Callback being passed the user answers
              * @return
              */
-            prompt(questions: Questions, cb?: (answers: Answers) => any): ui.Prompt;
+            prompt(questions: Questions, cb: (answers: Answers) => any): ui.Prompt;
             prompt(questions: Questions): Promise<Answers>;
             prompts: Prompts;
             Separator: objects.SeparatorStatic;

From 0b5e88ac7064beb23f379bd4837e0b20356810a6 Mon Sep 17 00:00:00 2001
From: Georgii Dolzhykov <thorn.mailbox@gmail.com>
Date: Tue, 1 Nov 2016 14:49:50 +0200
Subject: [PATCH 311/313] angularjs: as a shortcut, directives can be defined
 with just the linking function (#12144)

See https://docs.angularjs.org/api/ng/service/$compile

"You can either return a Directive Definition Object (see below) that defines the directive properties, or just the postLink function (all other properties will have the default values)."
---
 angularjs/angular-tests.ts | 21 +++++++++++++++++++--
 angularjs/angular.d.ts     |  7 +++----
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/angularjs/angular-tests.ts b/angularjs/angular-tests.ts
index 6b5e5580a7..0b0314b7d6 100644
--- a/angularjs/angular-tests.ts
+++ b/angularjs/angular-tests.ts
@@ -192,8 +192,25 @@ mod.controller({
     MyCtrl2: function() {},
     MyCtrl3: ['$fooService', function($fooService: any) { }]
 });
-mod.directive('name', <any>function ($scope: ng.IScope) { })
-mod.directive('name', ['$scope', <any>function ($scope: ng.IScope) { }])
+mod.directive('myDirectiveA', ($rootScope: ng.IRootScopeService) => {
+    return (scope, el, attrs) => {
+        let foo = 'none';
+        el.click(e => {
+            foo = e.type;
+            $rootScope.$apply();
+        });
+        scope.$watch(() => foo, () => el.text(foo));
+    };
+});
+mod.directive('myDirectiveB', ['$rootScope', function ($rootScope: ng.IRootScopeService) {
+    return {
+        link(scope, el, attrs) {
+            el.click(e => {
+                el.hide();
+            });
+        }
+    };
+}]);
 mod.directive({
     myFooDir: () => ({
         template: 'my-foo-dir.tpl.html'
diff --git a/angularjs/angular.d.ts b/angularjs/angular.d.ts
index 0e3e1b214e..b16438bdcb 100644
--- a/angularjs/angular.d.ts
+++ b/angularjs/angular.d.ts
@@ -1770,7 +1770,7 @@ declare namespace angular {
     ///////////////////////////////////////////////////////////////////////////
 
     interface IDirectiveFactory {
-        (...args: any[]): IDirective;
+        (...args: any[]): IDirective | IDirectiveLinkFn;
     }
 
     interface IDirectiveLinkFn {
@@ -1778,8 +1778,8 @@ declare namespace angular {
             scope: IScope,
             instanceElement: JQuery,
             instanceAttributes: IAttributes,
-            controller: {},
-            transclude: ITranscludeFunction
+            controller?: IController | IController[] | {[key: string]: IController},
+            transclude?: ITranscludeFunction
         ): void;
     }
 
@@ -1807,7 +1807,6 @@ declare namespace angular {
         controller?: string | Injectable<IControllerConstructor>;
         controllerAs?: string;
         /**
-         * @deprecated
          * Deprecation warning: although bindings for non-ES6 class controllers are currently bound to this before
          * the controller constructor is called, this use is now deprecated. Please place initialization code that
          * relies upon bindings inside a $onInit method on the controller, instead.

From eaaf036c78f7e15959fa21ba1b028f830f4871ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Isidro=20Mart=C3=ADnez?=
 <isidroamv@users.noreply.github.com>
Date: Tue, 1 Nov 2016 07:34:57 -0600
Subject: [PATCH 312/313] add supported types by jQuery selector (#11967)

Actually jQuery supports multiple selector types see: http://api.jquery.com/jquery
---
 angular-protractor/angular-protractor.d.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/angular-protractor/angular-protractor.d.ts b/angular-protractor/angular-protractor.d.ts
index d33eeddace..b05eda4a13 100644
--- a/angular-protractor/angular-protractor.d.ts
+++ b/angular-protractor/angular-protractor.d.ts
@@ -1829,8 +1829,8 @@ declare namespace protractor {
     function wrapDriver(webdriver: webdriver.WebDriver, opt_baseUrl?: string, opt_rootElement?: string): Protractor;
 }
 
-interface cssSelectorHelper {
-    (cssLocator: string): protractor.ElementFinder;
+interface selectorHelper {
+    (cssLocator: string | Function | HTMLElement | Document | Array<any>): protractor.ElementFinder;
 }
 
 interface cssArraySelectorHelper {
@@ -1841,7 +1841,7 @@ declare var browser: protractor.IBrowser;
 declare var by: protractor.IProtractorLocatorStrategy;
 declare var By: protractor.IProtractorLocatorStrategy;
 declare var element: protractor.Element;
-declare var $: cssSelectorHelper;
+declare var $: selectorHelper;
 declare var $$: cssArraySelectorHelper;
 
 declare module 'protractor' {

From 769e7894540064a33ef43c3f420d0bf4092820f4 Mon Sep 17 00:00:00 2001
From: Leo Rudberg <ljrudberg@gmail.com>
Date: Tue, 1 Nov 2016 10:00:44 -0400
Subject: [PATCH 313/313] Fix ordering of Server.listen definitions (#12399)

The version of `Server.listen` that takes a `ListenOptions` as the first argument should come before the versions that take `any` as the first argument. For example, even if a `ListenOptions` object is given, VSCode will assume it is `any` in its helper text. I find that not as preferable for type-safety reasons ( avoid all `any`s ;) ).
---
 node/node.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/node/node.d.ts b/node/node.d.ts
index 61132b9232..1766a854a3 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -1933,9 +1933,9 @@ declare module "net" {
         listen(port: number, listeningListener?: Function): Server;
         listen(path: string, backlog?: number, listeningListener?: Function): Server;
         listen(path: string, listeningListener?: Function): Server;
+        listen(options: ListenOptions, 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;