commit eb4a5e2e5bf971951862d8f6da06f2f92f9da4d0
Author: Anis Vicious <Anis Vicious>
Date:   Thu May 3 16:15:57 2018 +0200

    Initial commit v2

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..eb02cda
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,60 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/paczki/npm
+/paczki/only-free
+/paczki/upgradePro
+
+/paczki/angular-bootstrap-md-free/font
+/paczki/angular-bootstrap-md-free/img
+/paczki/angular-bootstrap-md-free/scss
+/paczki/angular-bootstrap-md-free/node_modules
+/paczki/angular-bootstrap-md-free/src/app/typescripts
+/paczki/angular-bootstrap-md-free/src/app/angular-bootstrap-md
+
+
+/paczki/angular-bootstrap-md-pro/font
+/paczki/angular-bootstrap-md-pro/img
+/paczki/angular-bootstrap-md-pro/scss
+/paczki/angular-bootstrap-md-pro/node_modules
+/paczki/angular-bootstrap-md-pro/src/app/typescripts
+/paczki/angular-bootstrap-md-pro/src/app/angular-bootstrap-md
+/dist
+/tmp
+/out-tsc
+
+# dependencies
+/node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+testem.log
+/typings
+
+# e2e
+/e2e/*.js
+/e2e/*.map
+
+# System Files
+.DS_Store
+Thumbs.db
diff --git a/README.txt b/README.txt
new file mode 100644
index 0000000..31c9b5a
--- /dev/null
+++ b/README.txt
@@ -0,0 +1,26 @@
+Material Design for Bootstrap - Angular
+
+Version: MDB - Angular 4.2.0
+
+Documentation:
+http://mdbootstrap.com/angular/
+
+Getting started:
+http://mdbootstrap.com/angular/getting-started/
+
+FAQ
+http://mdbootstrap.com/angular/faq/
+
+Support:
+http://mdbootstrap.com/forums/forum/support/
+
+License:
+http://mdbootstrap.com/license/
+
+Facebook: https://facebook.com/mdbootstrap
+Twitter: https://twitter.com/MDBootstrap
+Google+: https://plus.google.com/u/0/+Mdbootstrap/posts
+Dribbble: https://dribbble.com/mdbootstrap
+
+Contact:
+office@mdbootstrap.com
\ No newline at end of file
diff --git a/angular.json b/angular.json
new file mode 100644
index 0000000..40db3d7
--- /dev/null
+++ b/angular.json
@@ -0,0 +1,170 @@
+{
+  "$schema": "./node_modules/@angular-devkit/core/src/workspace/workspace-schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "quickstart-angular2": {
+      "root": "",
+      "projectType": "application",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "tsConfig": "src/tsconfig.app.json",
+            "polyfills": "src/polyfills.ts",
+            "assets": [{
+                "glob": "**/*",
+                "input": "src/assets",
+                "output": "/assets"
+              },
+              {
+                "glob": "favicon.ico",
+                "input": "src",
+                "output": "/"
+              }
+            ],
+            "styles": [{
+                "input": "node_modules/font-awesome/scss/font-awesome.scss"
+              },
+              {
+                "input": "scss/bootstrap/bootstrap.scss"
+              },
+              {
+                "input": "scss/mdb.scss"
+              },
+              {
+                "input": "src/styles.scss"
+              }
+            ],
+            "scripts": [{
+                "input": "node_modules/chart.js/dist/Chart.js"
+              },
+              {
+                "input": "node_modules/easy-pie-chart/dist/easypiechart.js"
+              },
+              {
+                "input": "node_modules/screenfull/dist/screenfull.js"
+              },
+              {
+                "input": "node_modules/hammerjs/hammer.min.js"
+              }
+            ]
+          },
+          "configurations": {
+            "production": {
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "aot": true,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "fileReplacements": [{
+                "replace": "src/environments/environment.ts",
+                "with": "src/environments/environment.prod.ts"
+              }]
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "quickstart-angular2:build"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "quickstart-angular2:build:production"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "quickstart-angular2:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/test.ts",
+            "karmaConfig": "./karma.conf.js",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "src/tsconfig.spec.json",
+            "scripts": [
+              "node_modules/chart.js/dist/Chart.js",
+              "node_modules/easy-pie-chart/dist/easypiechart.js",
+              "node_modules/screenfull/dist/screenfull.js",
+              "node_modules/hammerjs/hammer.min.js"
+            ],
+            "styles": [
+              "node_modules/font-awesome/scss/font-awesome.scss",
+              "scss/bootstrap/bootstrap.scss",
+              "scss/mdb.scss",
+              "src/styles.scss"
+            ],
+            "assets": [{
+                "glob": "**/*",
+                "input": "src/assets",
+                "output": "/assets"
+              },
+              {
+                "glob": "favicon.ico",
+                "input": "src",
+                "output": "/"
+              }
+            ]
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "src/tsconfig.app.json",
+              "src/tsconfig.spec.json"
+            ],
+            "exclude": []
+          }
+        }
+      }
+    },
+    "quickstart-angular2-e2e": {
+      "root": "",
+      "projectType": "application",
+      "cli": {},
+      "schematics": {},
+      "architect": {
+        "e2e": {
+          "builder": "@angular-devkit/build-angular:protractor",
+          "options": {
+            "protractorConfig": "./protractor.conf.js",
+            "devServerTarget": "quickstart-angular2:serve"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "e2e/tsconfig.e2e.json"
+            ],
+            "exclude": []
+          }
+        }
+      }
+    }
+  },
+  "cli": {},
+  "schematics": {
+    "@schematics/angular:component": {
+      "prefix": "app",
+      "styleext": "scss"
+    },
+    "@schematics/angular:directive": {
+      "prefix": "app"
+    }
+  }
+}
\ No newline at end of file
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..9efcb64
--- /dev/null
+++ b/app.js
@@ -0,0 +1,61 @@
+var express = require('express');
+var path = require('path');
+var favicon = require('serve-favicon');
+var logger = require('morgan');
+var bodyParser = require('body-parser');
+
+var api = require('./routes/api');
+var app = express();
+
+
+//var http = require("http").Server(app).listen(80);
+//console.log("Server Started!");
+//DB
+
+//file
+var upload = require("express-fileupload")
+//var morgan = require('morgan');
+var mongoose = require('mongoose');
+var passport = require('passport');
+var config = require('./config/database');
+
+//DB
+//mongoose.Promise = require('bluebird');
+mongoose.connect(config.database);
+
+
+app.use(passport.initialize());
+
+
+app.use(logger('dev'));
+app.use(bodyParser.json());
+
+// app.use(upload());
+
+app.use(bodyParser.urlencoded({'extended':'false'}));
+app.use(express.static(path.join(__dirname, 'dist')));
+//bizarrr
+app.use('/public',express.static(path.join(__dirname, '../public')));
+app.use('/books', express.static(path.join(__dirname, 'dist')));
+app.use('/api', api);
+
+// catch 404 and forward to error handler
+app.use(function(req, res, next) {
+  var err = new Error('Not Found');
+  err.status = 404;
+  next(err);
+});
+
+// error handler
+app.use(function(err, req, res, next) {
+  // set locals, only providing error in development
+  res.locals.message = err.message;
+  res.locals.error = req.app.get('env') === 'development' ? err : {};
+
+  // render the error page
+  res.status(err.status || 500);
+  res.render('error');
+});
+
+
+module.exports = app;
diff --git a/bin/www b/bin/www
new file mode 100644
index 0000000..5588d8b
--- /dev/null
+++ b/bin/www
@@ -0,0 +1,90 @@
+#!/usr/bin/env node
+
+/**
+ * Module dependencies.
+ */
+
+var app = require('../app');
+var debug = require('debug')('mean-secure:server');
+var http = require('http');
+
+/**
+ * Get port from environment and store in Express.
+ */
+
+var port = normalizePort(process.env.PORT || '3000');
+app.set('port', port);
+
+/**
+ * Create HTTP server.
+ */
+
+var server = http.createServer(app);
+
+/**
+ * Listen on provided port, on all network interfaces.
+ */
+
+server.listen(port);
+server.on('error', onError);
+server.on('listening', onListening);
+
+/**
+ * Normalize a port into a number, string, or false.
+ */
+
+function normalizePort(val) {
+  var port = parseInt(val, 10);
+
+  if (isNaN(port)) {
+    // named pipe
+    return val;
+  }
+
+  if (port >= 0) {
+    // port number
+    return port;
+  }
+
+  return false;
+}
+
+/**
+ * Event listener for HTTP server "error" event.
+ */
+
+function onError(error) {
+  if (error.syscall !== 'listen') {
+    throw error;
+  }
+
+  var bind = typeof port === 'string'
+    ? 'Pipe ' + port
+    : 'Port ' + port;
+
+  // handle specific listen errors with friendly messages
+  switch (error.code) {
+    case 'EACCES':
+      console.error(bind + ' requires elevated privileges');
+      process.exit(1);
+      break;
+    case 'EADDRINUSE':
+      console.error(bind + ' is already in use');
+      process.exit(1);
+      break;
+    default:
+      throw error;
+  }
+}
+
+/**
+ * Event listener for HTTP server "listening" event.
+ */
+
+function onListening() {
+  var addr = server.address();
+  var bind = typeof addr === 'string'
+    ? 'pipe ' + addr
+    : 'port ' + addr.port;
+  debug('Listening on ' + bind);
+}
diff --git a/changelog b/changelog
new file mode 100644
index 0000000..aaa54d1
--- /dev/null
+++ b/changelog
@@ -0,0 +1,86 @@
+5.2.1
+Enhanced mdbActive directive - works with data prefilled by browser
+Sidenav issue fixed (skin is optional)
+Fixed with rounded buttons inside input group
+Fixed for dropdown not getting closed after click in other dropdown.
+Fix for line breaking label in checkboxes
+
+5.2.0
+Updated to Bootstrap 4 stable version
+Integration with .NET CORE - tutorial here
+Compatibility with Angular 5.2.1 and CLI 1.6.5
+noImplicitAny and strictNullChecks compatibility
+New validation added (number, tel, submit) + custom validation regex. Read tutorial.
+Configurable labels for DatePicker
+
+5.1.2
+Angular 5.2.1 and CLI 1.6.5 compatibility
+Extended docs for modals - auto focus on input
+Fixed validation for email and password
+Aria attributes added to datepicker
+Added filtering options to Material Select
+Support for IE+ and Edge for Double Navigation
+Extended DatePicker with new functionality:
+Important! 
+By default date picker will load now +- 7 years starting from current year. It can be overwritten using minYear and maxYear parameters:
+
+import { Component } from '@angular/core'; 
+import { IMyOptions } from 'your_path_to/date-picker/index'; 
+
+@Component({ 
+    selector: 'date-picker-component-example', 
+    templateUrl: 'toast.component.html' 
+}) 
+
+    export class DatePickerComponentExample { 
+    public myDatePickerOptions: IMyOptions = { 
+    minYear: 2015, 
+    maxYear: 2017
+    };
+}
+
+5.1.1
+Double navigation - support for collapsed sidenav and navbar
+Extended documentation for Autocomplete
+Auto resize function for collapse added
+Mobile gestures carousel support added
+Added option to hide next / prev buttons in carousel
+Fix for: Module has no exported member 'MDBSpinningPreloader'
+Automatically set date in DatePicker using ngModel
+Fixed docs for File Upload
+
+5.1.0
+Angular 5.1.3 and CLI 1.6.3. compatibility
+Fixed issue with exceeding text tabs component
+Auto-close navbar after click into link (check documentation for more information)
+Fixed problem with error/success message on Firefox
+Fixed problems with selecting hour on mobile devices in Timepicker
+Extended configuration options of easy pie charts (check documentation for more information)
+Fixed for relative path in _skins.scss
+Fixed issue with date picker for Firefox
+Enhanced support for small screen resolution in Datepicker (<575 px)
+Fix for issue while using multiple MDB Autocomplete components
+
+5.0.5
+Added compatibility with noUnusedLocals
+
+5.0.4
+Added compatibility with noUnusedParameters
+
+5.0.3
+Fixed missing arrow in popovers
+
+5.0.2
+Fixed circular dependencies error.
+
+5.0.1
+Fixed for imgPath in .scss
+
+5.0.0
+Version 5.0.0 brings brings compatibility with new Angular 5.0 and CLI 1.5. Except for that new update include Bootstrap 4 Beta 2 assets.
+
+What's new in Bootstrap 4 beta-2:
+
+Restored `.offset-*` classes
+Switched Breadcrumbs from `float` to Flexbox
+Dropped support for Bower
\ No newline at end of file
diff --git a/config/database.js b/config/database.js
new file mode 100644
index 0000000..5bfa64c
--- /dev/null
+++ b/config/database.js
@@ -0,0 +1,4 @@
+module.exports = {
+  'secret':'supfile',
+  'database': 'mongodb://localhost:27017/supfile'
+};
diff --git a/config/passport.js b/config/passport.js
new file mode 100644
index 0000000..84f263d
--- /dev/null
+++ b/config/passport.js
@@ -0,0 +1,28 @@
+var JwtStrategy = require('passport-jwt').Strategy,
+  ExtractJwt = require('passport-jwt').ExtractJwt;
+
+// load up the user model
+var User = require('../models/user');
+var config = require('../config/database'); // get db config file
+
+module.exports = function(passport) {
+  var opts = {};
+  opts.jwtFromRequest = ExtractJwt.fromAuthHeaderWithScheme("jwt");
+  opts.secretOrKey = config.secret;
+  passport.use(new JwtStrategy(opts, function(jwt_payload, done) {
+
+    User.findOne({id: jwt_payload.id, username: jwt_payload.username}, function(err, user) {
+      if (err) {
+        return done(err, false);
+      }
+      if (user) {
+        console.log('jwt_payloadddd : ' + JSON.stringify(jwt_payload));
+
+        console.log('useruseruser : ' + JSON.stringify(user));
+        done(null, user);
+      } else {
+        done(null, false);
+      }
+    });
+  }));
+};
diff --git a/e2e/app.e2e-spec.ts b/e2e/app.e2e-spec.ts
new file mode 100644
index 0000000..198255c
--- /dev/null
+++ b/e2e/app.e2e-spec.ts
@@ -0,0 +1,14 @@
+import { QuickstartAngular2Page } from './app.po';
+
+describe('quickstart-angular2 App', () => {
+  let page: QuickstartAngular2Page;
+
+  beforeEach(() => {
+    page = new QuickstartAngular2Page();
+  });
+
+  it('should display message saying app works', () => {
+    page.navigateTo();
+    expect(page.getParagraphText()).toEqual('app works!');
+  });
+});
diff --git a/e2e/app.po.ts b/e2e/app.po.ts
new file mode 100644
index 0000000..818391d
--- /dev/null
+++ b/e2e/app.po.ts
@@ -0,0 +1,11 @@
+import { browser, element, by } from 'protractor';
+
+export class QuickstartAngular2Page {
+  navigateTo() {
+    return browser.get('/');
+  }
+
+  getParagraphText() {
+    return element(by.css('app-root h1')).getText();
+  }
+}
diff --git a/e2e/tsconfig.e2e.json b/e2e/tsconfig.e2e.json
new file mode 100644
index 0000000..ac7a373
--- /dev/null
+++ b/e2e/tsconfig.e2e.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/e2e",
+    "module": "commonjs",
+    "target": "es5",
+    "types":[
+      "jasmine",
+      "node"
+    ]
+  }
+}
diff --git a/font/roboto/Roboto-Bold.eot b/font/roboto/Roboto-Bold.eot
new file mode 100644
index 0000000..b73776e
Binary files /dev/null and b/font/roboto/Roboto-Bold.eot differ
diff --git a/font/roboto/Roboto-Bold.ttf b/font/roboto/Roboto-Bold.ttf
new file mode 100644
index 0000000..68822ca
Binary files /dev/null and b/font/roboto/Roboto-Bold.ttf differ
diff --git a/font/roboto/Roboto-Bold.woff b/font/roboto/Roboto-Bold.woff
new file mode 100644
index 0000000..1f75afd
Binary files /dev/null and b/font/roboto/Roboto-Bold.woff differ
diff --git a/font/roboto/Roboto-Bold.woff2 b/font/roboto/Roboto-Bold.woff2
new file mode 100644
index 0000000..350d1c3
Binary files /dev/null and b/font/roboto/Roboto-Bold.woff2 differ
diff --git a/font/roboto/Roboto-Light.eot b/font/roboto/Roboto-Light.eot
new file mode 100644
index 0000000..072cdc4
Binary files /dev/null and b/font/roboto/Roboto-Light.eot differ
diff --git a/font/roboto/Roboto-Light.ttf b/font/roboto/Roboto-Light.ttf
new file mode 100644
index 0000000..aa45340
Binary files /dev/null and b/font/roboto/Roboto-Light.ttf differ
diff --git a/font/roboto/Roboto-Light.woff b/font/roboto/Roboto-Light.woff
new file mode 100644
index 0000000..3480c6c
Binary files /dev/null and b/font/roboto/Roboto-Light.woff differ
diff --git a/font/roboto/Roboto-Light.woff2 b/font/roboto/Roboto-Light.woff2
new file mode 100644
index 0000000..9a4d98c
Binary files /dev/null and b/font/roboto/Roboto-Light.woff2 differ
diff --git a/font/roboto/Roboto-Medium.eot b/font/roboto/Roboto-Medium.eot
new file mode 100644
index 0000000..f9ad995
Binary files /dev/null and b/font/roboto/Roboto-Medium.eot differ
diff --git a/font/roboto/Roboto-Medium.ttf b/font/roboto/Roboto-Medium.ttf
new file mode 100644
index 0000000..a3c1a1f
Binary files /dev/null and b/font/roboto/Roboto-Medium.ttf differ
diff --git a/font/roboto/Roboto-Medium.woff b/font/roboto/Roboto-Medium.woff
new file mode 100644
index 0000000..1186773
Binary files /dev/null and b/font/roboto/Roboto-Medium.woff differ
diff --git a/font/roboto/Roboto-Medium.woff2 b/font/roboto/Roboto-Medium.woff2
new file mode 100644
index 0000000..d10a592
Binary files /dev/null and b/font/roboto/Roboto-Medium.woff2 differ
diff --git a/font/roboto/Roboto-Regular.eot b/font/roboto/Roboto-Regular.eot
new file mode 100644
index 0000000..9b5e8e4
Binary files /dev/null and b/font/roboto/Roboto-Regular.eot differ
diff --git a/font/roboto/Roboto-Regular.ttf b/font/roboto/Roboto-Regular.ttf
new file mode 100644
index 0000000..0e58508
Binary files /dev/null and b/font/roboto/Roboto-Regular.ttf differ
diff --git a/font/roboto/Roboto-Regular.woff b/font/roboto/Roboto-Regular.woff
new file mode 100644
index 0000000..f823258
Binary files /dev/null and b/font/roboto/Roboto-Regular.woff differ
diff --git a/font/roboto/Roboto-Regular.woff2 b/font/roboto/Roboto-Regular.woff2
new file mode 100644
index 0000000..b7082ef
Binary files /dev/null and b/font/roboto/Roboto-Regular.woff2 differ
diff --git a/font/roboto/Roboto-Thin.eot b/font/roboto/Roboto-Thin.eot
new file mode 100644
index 0000000..2284a3b
Binary files /dev/null and b/font/roboto/Roboto-Thin.eot differ
diff --git a/font/roboto/Roboto-Thin.ttf b/font/roboto/Roboto-Thin.ttf
new file mode 100644
index 0000000..8779333
Binary files /dev/null and b/font/roboto/Roboto-Thin.ttf differ
diff --git a/font/roboto/Roboto-Thin.woff b/font/roboto/Roboto-Thin.woff
new file mode 100644
index 0000000..2a98c1e
Binary files /dev/null and b/font/roboto/Roboto-Thin.woff differ
diff --git a/font/roboto/Roboto-Thin.woff2 b/font/roboto/Roboto-Thin.woff2
new file mode 100644
index 0000000..a38025a
Binary files /dev/null and b/font/roboto/Roboto-Thin.woff2 differ
diff --git a/img/lightbox/default-skin.png b/img/lightbox/default-skin.png
new file mode 100644
index 0000000..441c502
Binary files /dev/null and b/img/lightbox/default-skin.png differ
diff --git a/img/lightbox/default-skin.svg b/img/lightbox/default-skin.svg
new file mode 100644
index 0000000..9d5f0c6
--- /dev/null
+++ b/img/lightbox/default-skin.svg
@@ -0,0 +1 @@
+<svg width="264" height="88" viewBox="0 0 264 88" xmlns="http://www.w3.org/2000/svg"><title>default-skin 2</title><g fill="none" fill-rule="evenodd"><g><path d="M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5z" id="Shape" fill="#fff"/><g fill="#fff"><path d="M13 29v-5h2v3h3v2h-5zM13 15h5v2h-3v3h-2v-5zM31 15v5h-2v-3h-3v-2h5zM31 29h-5v-2h3v-3h2v5z" id="Shape"/></g><g fill="#fff"><path d="M62 24v5h-2v-3h-3v-2h5zM62 20h-5v-2h3v-3h2v5zM70 20v-5h2v3h3v2h-5zM70 24h5v2h-3v3h-2v-5z"/></g><path d="M20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66z" fill="#fff"/><path d="M111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03z" fill="#fff"/><path d="M152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03z" fill="#fff"/><g><path id="Rectangle-11" fill="#fff" d="M160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z"/><path d="M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" id="Oval-1" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M150 21h5v1h-5z"/></g><g><path d="M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z" fill="#fff"/><path d="M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M106 21h5v1h-5z"/><path fill="#fff" d="M109.043 19.008l-.085 5-1-.017.085-5z"/></g></g></g></svg>
\ No newline at end of file
diff --git a/img/lightbox/preloader.gif b/img/lightbox/preloader.gif
new file mode 100644
index 0000000..b8faa69
Binary files /dev/null and b/img/lightbox/preloader.gif differ
diff --git a/img/overlays/01.png b/img/overlays/01.png
new file mode 100644
index 0000000..f9b60ee
Binary files /dev/null and b/img/overlays/01.png differ
diff --git a/img/overlays/02.png b/img/overlays/02.png
new file mode 100644
index 0000000..acce7a6
Binary files /dev/null and b/img/overlays/02.png differ
diff --git a/img/overlays/03.png b/img/overlays/03.png
new file mode 100644
index 0000000..c11a355
Binary files /dev/null and b/img/overlays/03.png differ
diff --git a/img/overlays/04.png b/img/overlays/04.png
new file mode 100644
index 0000000..89b8533
Binary files /dev/null and b/img/overlays/04.png differ
diff --git a/img/overlays/04.png~HEAD b/img/overlays/04.png~HEAD
new file mode 100644
index 0000000..89b8533
Binary files /dev/null and b/img/overlays/04.png~HEAD differ
diff --git a/img/overlays/04.png~ecacfc5c730e25dcad92fe8f4a80cba6c23a4b6b b/img/overlays/04.png~ecacfc5c730e25dcad92fe8f4a80cba6c23a4b6b
new file mode 100644
index 0000000..89b8533
Binary files /dev/null and b/img/overlays/04.png~ecacfc5c730e25dcad92fe8f4a80cba6c23a4b6b differ
diff --git a/img/overlays/05.png b/img/overlays/05.png
new file mode 100644
index 0000000..082bda8
Binary files /dev/null and b/img/overlays/05.png differ
diff --git a/img/overlays/06.png b/img/overlays/06.png
new file mode 100644
index 0000000..9c9006a
Binary files /dev/null and b/img/overlays/06.png differ
diff --git a/img/overlays/07.png b/img/overlays/07.png
new file mode 100644
index 0000000..218be60
Binary files /dev/null and b/img/overlays/07.png differ
diff --git a/img/overlays/08.png b/img/overlays/08.png
new file mode 100644
index 0000000..1b9dffc
Binary files /dev/null and b/img/overlays/08.png differ
diff --git a/img/overlays/09.png b/img/overlays/09.png
new file mode 100644
index 0000000..b9ed2ff
Binary files /dev/null and b/img/overlays/09.png differ
diff --git a/img/svg/arrow_left.svg b/img/svg/arrow_left.svg
new file mode 100644
index 0000000..a88d299
--- /dev/null
+++ b/img/svg/arrow_left.svg
@@ -0,0 +1,4 @@
+<svg fill="#FFFFFF" height="36" viewBox="0 0 24 24" width="36" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/>
+    <path d="M0-.5h24v24H0z" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/img/svg/arrow_right.svg b/img/svg/arrow_right.svg
new file mode 100644
index 0000000..f62d885
--- /dev/null
+++ b/img/svg/arrow_right.svg
@@ -0,0 +1,4 @@
+<svg fill="#FFFFFF" height="36" viewBox="0 0 24 24" width="36" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/>
+    <path d="M0-.25h24v24H0z" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/karma.conf.js b/karma.conf.js
new file mode 100644
index 0000000..b995ecc
--- /dev/null
+++ b/karma.conf.js
@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/0.13/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client:{
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    files: [
+      { pattern: './src/test.ts', watched: false }
+    ],
+    preprocessors: {
+      './src/test.ts': ['@angular-devkit/build-angular']
+    },
+    mime: {
+      'text/x-typescript': ['ts','tsx']
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, 'coverage'), reports: [ 'html', 'lcovonly' ],
+      fixWebpackSourcePaths: true
+    },
+    angularCli: {
+      environment: 'dev'
+    },
+    reporters: config.angularCli && config.angularCli.codeCoverage
+              ? ['progress', 'coverage-istanbul']
+              : ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false
+  });
+};
diff --git a/license.pdf b/license.pdf
new file mode 100644
index 0000000..a5aec95
Binary files /dev/null and b/license.pdf differ
diff --git a/models/Book.js b/models/Book.js
new file mode 100644
index 0000000..963a609
--- /dev/null
+++ b/models/Book.js
@@ -0,0 +1,23 @@
+var mongoose = require('mongoose');
+var Schema = mongoose.Schema;
+
+var BookSchema = new Schema({
+  isbn: {
+    type: String,
+    required: true
+  },
+  title: {
+    type: String,
+    required: true
+  },
+  author: {
+    type: String,
+    required: true
+  },
+  publisher: {
+    type: String,
+    required: true
+  }
+});
+
+module.exports = mongoose.model('Book', BookSchema);
diff --git a/models/FileMongo.js b/models/FileMongo.js
new file mode 100644
index 0000000..8d71ed4
--- /dev/null
+++ b/models/FileMongo.js
@@ -0,0 +1,35 @@
+var mongoose = require('mongoose');
+var Schema = mongoose.Schema;
+
+var FileMongoShema = new Schema({
+  uid: {
+    type: String,
+    unique: false
+  },
+  name: {
+    type: String,
+    unique: false
+  },
+  path: {
+    type: String,
+    unique: false
+  },
+  extention: {
+    type: String,
+    unique: false
+  },
+  taille: {
+    type: String,
+    unique: false
+  },
+  idUser: {
+    type: String,
+    unique: false
+  },
+  owner: {
+    type: String,
+    unique: false
+  }
+});
+
+module.exports = mongoose.model('FileMongo', FileMongoShema);
diff --git a/models/User.js b/models/User.js
new file mode 100644
index 0000000..5e81c39
--- /dev/null
+++ b/models/User.js
@@ -0,0 +1,46 @@
+var mongoose = require('mongoose');
+var Schema = mongoose.Schema;
+var bcrypt = require('bcrypt-nodejs');
+
+var UserSchema = new Schema({
+  username: {
+    type: String,
+    unique: true,
+    required: true
+  },
+  password: {
+    type: String,
+    required: true
+  }
+});
+
+UserSchema.pre('save', function (next) {
+  var user = this;
+  if (this.isModified('password') || this.isNew) {
+    bcrypt.genSalt(10, function (err, salt) {
+      if (err) {
+        return next(err);
+      }
+      bcrypt.hash(user.password, salt, null, function (err, hash) {
+        if (err) {
+          return next(err);
+        }
+        user.password = hash;
+        next();
+      });
+    });
+  } else {
+    return next();
+  }
+});
+
+UserSchema.methods.comparePassword = function (passw, cb) {
+  bcrypt.compare(passw, this.password, function (err, isMatch) {
+    if (err) {
+      return cb(err);
+    }
+    cb(null, isMatch);
+  });
+};
+
+module.exports = mongoose.model('User', UserSchema);
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..5a7e421
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,15832 @@
+{
+  "name": "quickstart-angular5",
+  "version": "6.0.1",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "@agm/core": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/@agm/core/-/core-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3bdfvkWDmJszpj/F6Fzgv7sks0cs/cUEQPfs37tcJFz3jc62SsXy4TGb/WJT8FpH2nSGE6DonP8lXuFxB0lblQ=="
+    },
+    "@angular-devkit/architect": {
+      "version": "0.5.13",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.5.13.tgz",
+      "integrity": "sha512-DCnrwf+TE0MvL4g46L1I8nCX27rRVD+RhqUBVKDHh5EpXmRJPA0dwdsK6wyYFSODYtwX27kgQ91Ycna6XHgRVw==",
+      "dev": true,
+      "requires": {
+        "@angular-devkit/core": "0.5.13",
+        "rxjs": "6.0.0"
+      },
+      "dependencies": {
+        "@angular-devkit/core": {
+          "version": "0.5.13",
+          "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-0.5.13.tgz",
+          "integrity": "sha512-v2OOSoYCHP6QrdQ8/df22+jzqWGAkaB5UxRMpbIyvhEc+UIQxDLugCIxYKTSEmiVmaOwcoH6lYd18RpMkkLgtQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "6.4.0",
+            "chokidar": "2.0.3",
+            "rxjs": "6.0.0",
+            "source-map": "0.5.7"
+          }
+        },
+        "ajv": {
+          "version": "6.4.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.4.0.tgz",
+          "integrity": "sha1-06/3jpJ3VJdx2vAWTP9ISCt1T8Y=",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "1.0.0",
+            "fast-json-stable-stringify": "2.0.0",
+            "json-schema-traverse": "0.3.1",
+            "uri-js": "3.0.2"
+          }
+        },
+        "anymatch": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+          "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+          "dev": true,
+          "requires": {
+            "micromatch": "3.1.10",
+            "normalize-path": "2.1.1"
+          }
+        },
+        "arr-diff": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+          "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=",
+          "dev": true
+        },
+        "array-unique": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+          "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
+          "dev": true
+        },
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+          "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "1.1.0",
+            "array-unique": "0.3.2",
+            "extend-shallow": "2.0.1",
+            "fill-range": "4.0.0",
+            "isobject": "3.0.1",
+            "repeat-element": "1.1.2",
+            "snapdragon": "0.8.1",
+            "snapdragon-node": "2.1.1",
+            "split-string": "3.1.0",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "chokidar": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.3.tgz",
+          "integrity": "sha512-zW8iXYZtXMx4kux/nuZVXjkLP+CyIK5Al5FHnj1OgTKGZfp4Oy6/ymtMSKFv3GD8DviEmUPmJg9eFdJ/JzudMg==",
+          "dev": true,
+          "requires": {
+            "anymatch": "2.0.0",
+            "async-each": "1.0.1",
+            "braces": "2.3.2",
+            "fsevents": "1.1.3",
+            "glob-parent": "3.1.0",
+            "inherits": "2.0.3",
+            "is-binary-path": "1.0.1",
+            "is-glob": "4.0.0",
+            "normalize-path": "2.1.1",
+            "path-is-absolute": "1.0.1",
+            "readdirp": "2.1.0",
+            "upath": "1.0.5"
+          }
+        },
+        "define-property": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+          "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "1.0.2",
+            "isobject": "3.0.1"
+          }
+        },
+        "expand-brackets": {
+          "version": "2.1.4",
+          "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+          "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=",
+          "dev": true,
+          "requires": {
+            "debug": "2.6.9",
+            "define-property": "0.2.5",
+            "extend-shallow": "2.0.1",
+            "posix-character-classes": "0.1.1",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "define-property": {
+              "version": "0.2.5",
+              "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+              "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+              "dev": true,
+              "requires": {
+                "is-descriptor": "0.1.6"
+              }
+            },
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            },
+            "is-descriptor": {
+              "version": "0.1.6",
+              "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+              "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+              "dev": true,
+              "requires": {
+                "is-accessor-descriptor": "0.1.6",
+                "is-data-descriptor": "0.1.4",
+                "kind-of": "5.1.0"
+              }
+            },
+            "kind-of": {
+              "version": "5.1.0",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+              "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+              "dev": true
+            }
+          }
+        },
+        "extend-shallow": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+          "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=",
+          "dev": true,
+          "requires": {
+            "assign-symbols": "1.0.0",
+            "is-extendable": "1.0.1"
+          },
+          "dependencies": {
+            "is-extendable": {
+              "version": "1.0.1",
+              "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+              "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+              "dev": true,
+              "requires": {
+                "is-plain-object": "2.0.4"
+              }
+            }
+          }
+        },
+        "extglob": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+          "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+          "dev": true,
+          "requires": {
+            "array-unique": "0.3.2",
+            "define-property": "1.0.0",
+            "expand-brackets": "2.1.4",
+            "extend-shallow": "2.0.1",
+            "fragment-cache": "0.2.1",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "define-property": {
+              "version": "1.0.0",
+              "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+              "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+              "dev": true,
+              "requires": {
+                "is-descriptor": "1.0.2"
+              }
+            },
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "dev": true,
+          "requires": {
+            "extend-shallow": "2.0.1",
+            "is-number": "3.0.0",
+            "repeat-string": "1.6.1",
+            "to-regex-range": "2.1.1"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "glob-parent": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+          "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
+          "dev": true,
+          "requires": {
+            "is-glob": "3.1.0",
+            "path-dirname": "1.0.2"
+          },
+          "dependencies": {
+            "is-glob": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+              "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+              "dev": true,
+              "requires": {
+                "is-extglob": "2.1.1"
+              }
+            }
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+          "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-data-descriptor": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+          "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-odd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-odd/-/is-odd-2.0.0.tgz",
+          "integrity": "sha512-OTiixgpZAT1M4NHgS5IguFp/Vz2VI3U7Goh4/HA1adtwyLtSBrxYlcSYkhpAE07s4fKEcjrFxyvtQBND4vFQyQ==",
+          "dev": true,
+          "requires": {
+            "is-number": "4.0.0"
+          },
+          "dependencies": {
+            "is-number": {
+              "version": "4.0.0",
+              "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz",
+              "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==",
+              "dev": true
+            }
+          }
+        },
+        "is-windows": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+          "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+          "dev": true
+        },
+        "kind-of": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+          "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==",
+          "dev": true
+        },
+        "micromatch": {
+          "version": "3.1.10",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+          "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+          "dev": true,
+          "requires": {
+            "arr-diff": "4.0.0",
+            "array-unique": "0.3.2",
+            "braces": "2.3.2",
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "extglob": "2.0.4",
+            "fragment-cache": "0.2.1",
+            "kind-of": "6.0.2",
+            "nanomatch": "1.2.9",
+            "object.pick": "1.3.0",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          }
+        },
+        "nanomatch": {
+          "version": "1.2.9",
+          "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.9.tgz",
+          "integrity": "sha512-n8R9bS8yQ6eSXaV6jHUpKzD8gLsin02w1HSFiegwrs9E098Ylhw5jdyKPaYqvHknHaSCKTPp7C8dGCQ0q9koXA==",
+          "dev": true,
+          "requires": {
+            "arr-diff": "4.0.0",
+            "array-unique": "0.3.2",
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "fragment-cache": "0.2.1",
+            "is-odd": "2.0.0",
+            "is-windows": "1.0.2",
+            "kind-of": "6.0.2",
+            "object.pick": "1.3.0",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          }
+        },
+        "to-regex": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+          "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+          "dev": true,
+          "requires": {
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "regex-not": "1.0.2",
+            "safe-regex": "1.1.0"
+          },
+          "dependencies": {
+            "regex-not": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+              "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+              "dev": true,
+              "requires": {
+                "extend-shallow": "3.0.2",
+                "safe-regex": "1.1.0"
+              }
+            }
+          }
+        }
+      }
+    },
+    "@angular-devkit/build-angular": {
+      "version": "0.5.13",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-0.5.13.tgz",
+      "integrity": "sha512-OzMgYgDoCbC+nIFTmzkqg3zFpOQQEEeZYMty/aDlE1dyomG0FM4pZhmkO2kktLuaUlZE4TjqffZ3+jxHDy5jcw==",
+      "dev": true,
+      "requires": {
+        "@angular-devkit/architect": "0.5.13",
+        "@angular-devkit/build-optimizer": "0.5.13",
+        "@angular-devkit/core": "0.5.13",
+        "@ngtools/webpack": "6.0.0-rc.11",
+        "ajv": "6.4.0",
+        "autoprefixer": "8.4.1",
+        "cache-loader": "1.2.2",
+        "chalk": "2.2.2",
+        "circular-dependency-plugin": "5.0.2",
+        "clean-css": "4.1.11",
+        "copy-webpack-plugin": "4.5.1",
+        "file-loader": "1.1.11",
+        "glob": "7.1.2",
+        "html-webpack-plugin": "3.2.0",
+        "istanbul": "0.4.5",
+        "istanbul-instrumenter-loader": "3.0.1",
+        "karma-source-map-support": "1.2.0",
+        "less": "3.0.2",
+        "less-loader": "4.1.0",
+        "license-webpack-plugin": "1.3.1",
+        "lodash": "4.17.4",
+        "memory-fs": "0.4.1",
+        "mini-css-extract-plugin": "0.4.0",
+        "minimatch": "3.0.4",
+        "node-sass": "4.9.0",
+        "opn": "5.1.0",
+        "parse5": "4.0.0",
+        "portfinder": "1.0.13",
+        "postcss": "6.0.22",
+        "postcss-import": "11.1.0",
+        "postcss-loader": "2.1.4",
+        "postcss-url": "7.3.2",
+        "raw-loader": "0.5.1",
+        "resolve": "1.5.0",
+        "rxjs": "6.0.0",
+        "sass-loader": "7.0.1",
+        "silent-error": "1.1.0",
+        "source-map-support": "0.5.5",
+        "stats-webpack-plugin": "0.6.2",
+        "style-loader": "0.21.0",
+        "stylus": "0.54.5",
+        "stylus-loader": "3.0.2",
+        "tree-kill": "1.2.0",
+        "uglifyjs-webpack-plugin": "1.2.5",
+        "url-loader": "1.0.1",
+        "webpack": "4.6.0",
+        "webpack-dev-middleware": "3.1.3",
+        "webpack-dev-server": "3.1.4",
+        "webpack-merge": "4.1.2",
+        "webpack-sources": "1.1.0",
+        "webpack-subresource-integrity": "1.1.0-rc.4"
+      },
+      "dependencies": {
+        "@angular-devkit/build-optimizer": {
+          "version": "0.5.13",
+          "resolved": "https://registry.npmjs.org/@angular-devkit/build-optimizer/-/build-optimizer-0.5.13.tgz",
+          "integrity": "sha512-lAe9iOteaDKA6n4NjrswsVBeAfK92A0alOCvOyLAz/hjhnXbbBigXYhNkCn9G1mUDEaWf1+BKtoZCvCemfX5Sw==",
+          "dev": true,
+          "requires": {
+            "loader-utils": "1.1.0",
+            "source-map": "0.5.7",
+            "typescript": "2.7.2",
+            "webpack-sources": "1.1.0"
+          }
+        },
+        "@angular-devkit/core": {
+          "version": "0.5.13",
+          "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-0.5.13.tgz",
+          "integrity": "sha512-v2OOSoYCHP6QrdQ8/df22+jzqWGAkaB5UxRMpbIyvhEc+UIQxDLugCIxYKTSEmiVmaOwcoH6lYd18RpMkkLgtQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "6.4.0",
+            "chokidar": "2.0.3",
+            "rxjs": "6.0.0",
+            "source-map": "0.5.7"
+          }
+        },
+        "@ngtools/webpack": {
+          "version": "6.0.0-rc.11",
+          "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-6.0.0-rc.11.tgz",
+          "integrity": "sha512-h3IZkbIrIeG4z/vVPfAVJlExfkljfeImDTQP2S2pK8u9RDRJ9k9stLjBWgU4AJgmPefMa6f3h1u0g4MEi0X3Sw==",
+          "dev": true,
+          "requires": {
+            "@angular-devkit/core": "0.5.13",
+            "tree-kill": "1.2.0",
+            "webpack-sources": "1.1.0"
+          }
+        },
+        "ajv": {
+          "version": "6.4.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.4.0.tgz",
+          "integrity": "sha1-06/3jpJ3VJdx2vAWTP9ISCt1T8Y=",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "1.0.0",
+            "fast-json-stable-stringify": "2.0.0",
+            "json-schema-traverse": "0.3.1",
+            "uri-js": "3.0.2"
+          }
+        },
+        "ajv-keywords": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.2.0.tgz",
+          "integrity": "sha1-6GuBnGAs+IIa1jdBNpjx3sAhhHo=",
+          "dev": true
+        },
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.1"
+          }
+        },
+        "anymatch": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+          "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+          "dev": true,
+          "requires": {
+            "micromatch": "3.1.10",
+            "normalize-path": "2.1.1"
+          }
+        },
+        "arr-diff": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+          "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=",
+          "dev": true
+        },
+        "array-unique": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+          "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
+          "dev": true
+        },
+        "assert-plus": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+          "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+          "dev": true,
+          "optional": true
+        },
+        "autoprefixer": {
+          "version": "8.4.1",
+          "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-8.4.1.tgz",
+          "integrity": "sha512-YqUclCBDXUT9Y7aQ8Xv+ja8yhTZYJoMsOD7WS++gZIJLCpCu+gPcKGDlhk6S3WxhLkTcNVdaMZAWys2nzZCH7g==",
+          "dev": true,
+          "requires": {
+            "browserslist": "3.2.6",
+            "caniuse-lite": "1.0.30000833",
+            "normalize-range": "0.1.2",
+            "num2fraction": "1.2.2",
+            "postcss": "6.0.22",
+            "postcss-value-parser": "3.3.0"
+          }
+        },
+        "aws-sign2": {
+          "version": "0.7.0",
+          "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+          "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
+          "dev": true,
+          "optional": true
+        },
+        "boom": {
+          "version": "4.3.1",
+          "resolved": "https://registry.npmjs.org/boom/-/boom-4.3.1.tgz",
+          "integrity": "sha1-T4owBctKfjiJ90kDD9JbluAdLjE=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "hoek": "4.2.1"
+          }
+        },
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+          "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "1.1.0",
+            "array-unique": "0.3.2",
+            "extend-shallow": "2.0.1",
+            "fill-range": "4.0.0",
+            "isobject": "3.0.1",
+            "repeat-element": "1.1.2",
+            "snapdragon": "0.8.1",
+            "snapdragon-node": "2.1.1",
+            "split-string": "3.1.0",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "browserslist": {
+          "version": "3.2.6",
+          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-3.2.6.tgz",
+          "integrity": "sha512-XCsMSg9V4S1VRdcp265dJ+8kBRjfuFXcavbisY7G6T9QI0H1Z24PP53vvs0WDYWqm38Mco1ILDtafcS8ZR4xiw==",
+          "dev": true,
+          "requires": {
+            "caniuse-lite": "1.0.30000833",
+            "electron-to-chromium": "1.3.45"
+          }
+        },
+        "cacache": {
+          "version": "10.0.4",
+          "resolved": "https://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
+          "integrity": "sha512-Dph0MzuH+rTQzGPNT9fAnrPmMmjKfST6trxJeK7NQuHRaVw24VzPRWTmg9MpcwOVQZO0E1FBICUlFeNaKPIfHA==",
+          "dev": true,
+          "requires": {
+            "bluebird": "3.5.1",
+            "chownr": "1.0.1",
+            "glob": "7.1.2",
+            "graceful-fs": "4.1.11",
+            "lru-cache": "4.1.1",
+            "mississippi": "2.0.0",
+            "mkdirp": "0.5.1",
+            "move-concurrently": "1.0.1",
+            "promise-inflight": "1.0.1",
+            "rimraf": "2.6.2",
+            "ssri": "5.3.0",
+            "unique-filename": "1.1.0",
+            "y18n": "4.0.0"
+          }
+        },
+        "camelcase": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+          "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=",
+          "dev": true
+        },
+        "chokidar": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.3.tgz",
+          "integrity": "sha512-zW8iXYZtXMx4kux/nuZVXjkLP+CyIK5Al5FHnj1OgTKGZfp4Oy6/ymtMSKFv3GD8DviEmUPmJg9eFdJ/JzudMg==",
+          "dev": true,
+          "requires": {
+            "anymatch": "2.0.0",
+            "async-each": "1.0.1",
+            "braces": "2.3.2",
+            "fsevents": "1.1.3",
+            "glob-parent": "3.1.0",
+            "inherits": "2.0.3",
+            "is-binary-path": "1.0.1",
+            "is-glob": "4.0.0",
+            "normalize-path": "2.1.1",
+            "path-is-absolute": "1.0.1",
+            "readdirp": "2.1.0",
+            "upath": "1.0.5"
+          }
+        },
+        "circular-dependency-plugin": {
+          "version": "5.0.2",
+          "resolved": "https://registry.npmjs.org/circular-dependency-plugin/-/circular-dependency-plugin-5.0.2.tgz",
+          "integrity": "sha512-oC7/DVAyfcY3UWKm0sN/oVoDedQDQiw/vIiAnuTWTpE5s0zWf7l3WY417Xw/Fbi/QbAjctAkxgMiS9P0s3zkmA==",
+          "dev": true
+        },
+        "clean-css": {
+          "version": "4.1.11",
+          "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.1.11.tgz",
+          "integrity": "sha1-Ls3xRaujj1R0DybO/Q/z4D4SXWo=",
+          "dev": true,
+          "requires": {
+            "source-map": "0.5.7"
+          }
+        },
+        "cliui": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz",
+          "integrity": "sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==",
+          "dev": true,
+          "requires": {
+            "string-width": "2.1.1",
+            "strip-ansi": "4.0.0",
+            "wrap-ansi": "2.1.0"
+          },
+          "dependencies": {
+            "strip-ansi": {
+              "version": "4.0.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+              "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "3.0.0"
+              }
+            }
+          }
+        },
+        "clone": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.1.tgz",
+          "integrity": "sha1-0hfR6WERjjrJpLi7oyhVU79kfNs=",
+          "dev": true
+        },
+        "clone-deep": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-2.0.2.tgz",
+          "integrity": "sha512-SZegPTKjCgpQH63E+eN6mVEEPdQBOUzjyJm5Pora4lrwWRFS8I0QAxV/KD6vV/i0WuijHZWQC1fMsPEdxfdVCQ==",
+          "dev": true,
+          "requires": {
+            "for-own": "1.0.0",
+            "is-plain-object": "2.0.4",
+            "kind-of": "6.0.2",
+            "shallow-clone": "1.0.0"
+          }
+        },
+        "copy-webpack-plugin": {
+          "version": "4.5.1",
+          "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-4.5.1.tgz",
+          "integrity": "sha512-OlTo6DYg0XfTKOF8eLf79wcHm4Ut10xU2cRBRPMW/NA5F9VMjZGTfRHWDIYC3s+1kObGYrBLshXWU1K0hILkNQ==",
+          "dev": true,
+          "requires": {
+            "cacache": "10.0.4",
+            "find-cache-dir": "1.0.0",
+            "globby": "7.1.1",
+            "is-glob": "4.0.0",
+            "loader-utils": "1.1.0",
+            "minimatch": "3.0.4",
+            "p-limit": "1.2.0",
+            "serialize-javascript": "1.4.0"
+          }
+        },
+        "cryptiles": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-3.1.2.tgz",
+          "integrity": "sha1-qJ+7Ig9c4l7FboxKqKT9e1sNKf4=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "boom": "5.2.0"
+          },
+          "dependencies": {
+            "boom": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/boom/-/boom-5.2.0.tgz",
+              "integrity": "sha512-Z5BTk6ZRe4tXXQlkqftmsAUANpXmuwlsF5Oov8ThoMbQRzdGTA1ngYRW160GexgOgjsFOKJz0LYhoNi+2AMBUw==",
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "hoek": "4.2.1"
+              }
+            }
+          }
+        },
+        "define-property": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+          "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "1.0.2",
+            "isobject": "3.0.1"
+          }
+        },
+        "electron-to-chromium": {
+          "version": "1.3.45",
+          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.45.tgz",
+          "integrity": "sha1-RYrBscXHYM6IEaFtK/vZfsMLr7g=",
+          "dev": true
+        },
+        "expand-brackets": {
+          "version": "2.1.4",
+          "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+          "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=",
+          "dev": true,
+          "requires": {
+            "debug": "2.6.9",
+            "define-property": "0.2.5",
+            "extend-shallow": "2.0.1",
+            "posix-character-classes": "0.1.1",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "define-property": {
+              "version": "0.2.5",
+              "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+              "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+              "dev": true,
+              "requires": {
+                "is-descriptor": "0.1.6"
+              }
+            },
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            },
+            "is-descriptor": {
+              "version": "0.1.6",
+              "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+              "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+              "dev": true,
+              "requires": {
+                "is-accessor-descriptor": "0.1.6",
+                "is-data-descriptor": "0.1.4",
+                "kind-of": "5.1.0"
+              }
+            },
+            "kind-of": {
+              "version": "5.1.0",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+              "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+              "dev": true
+            }
+          }
+        },
+        "extend-shallow": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+          "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=",
+          "dev": true,
+          "requires": {
+            "assign-symbols": "1.0.0",
+            "is-extendable": "1.0.1"
+          },
+          "dependencies": {
+            "is-extendable": {
+              "version": "1.0.1",
+              "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+              "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+              "dev": true,
+              "requires": {
+                "is-plain-object": "2.0.4"
+              }
+            }
+          }
+        },
+        "extglob": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+          "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+          "dev": true,
+          "requires": {
+            "array-unique": "0.3.2",
+            "define-property": "1.0.0",
+            "expand-brackets": "2.1.4",
+            "extend-shallow": "2.0.1",
+            "fragment-cache": "0.2.1",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "define-property": {
+              "version": "1.0.0",
+              "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+              "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+              "dev": true,
+              "requires": {
+                "is-descriptor": "1.0.2"
+              }
+            },
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "file-loader": {
+          "version": "1.1.11",
+          "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-1.1.11.tgz",
+          "integrity": "sha512-TGR4HU7HUsGg6GCOPJnFk06RhWgEWFLAGWiT6rcD+GRC2keU3s9RGJ+b3Z6/U73jwwNb2gKLJ7YCrp+jvU4ALg==",
+          "dev": true,
+          "requires": {
+            "loader-utils": "1.1.0",
+            "schema-utils": "0.4.5"
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "dev": true,
+          "requires": {
+            "extend-shallow": "2.0.1",
+            "is-number": "3.0.0",
+            "repeat-string": "1.6.1",
+            "to-regex-range": "2.1.1"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "glob-parent": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+          "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
+          "dev": true,
+          "requires": {
+            "is-glob": "3.1.0",
+            "path-dirname": "1.0.2"
+          },
+          "dependencies": {
+            "is-glob": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+              "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+              "dev": true,
+              "requires": {
+                "is-extglob": "2.1.1"
+              }
+            }
+          }
+        },
+        "har-schema": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+          "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=",
+          "dev": true,
+          "optional": true
+        },
+        "har-validator": {
+          "version": "5.0.3",
+          "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.0.3.tgz",
+          "integrity": "sha1-ukAsJmGU8VlW7xXg/PJCmT9qff0=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ajv": "5.5.2",
+            "har-schema": "2.0.0"
+          },
+          "dependencies": {
+            "ajv": {
+              "version": "5.5.2",
+              "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
+              "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=",
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "co": "4.6.0",
+                "fast-deep-equal": "1.0.0",
+                "fast-json-stable-stringify": "2.0.0",
+                "json-schema-traverse": "0.3.1"
+              }
+            }
+          }
+        },
+        "has-flag": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+          "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+          "dev": true
+        },
+        "hawk": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/hawk/-/hawk-6.0.2.tgz",
+          "integrity": "sha512-miowhl2+U7Qle4vdLqDdPt9m09K6yZhkLDTWGoUiUzrQCn+mHHSmfJgAyGaLRZbPmTqfFFjRV1QWCW0VWUJBbQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "boom": "4.3.1",
+            "cryptiles": "3.1.2",
+            "hoek": "4.2.1",
+            "sntp": "2.1.0"
+          }
+        },
+        "hoek": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/hoek/-/hoek-4.2.1.tgz",
+          "integrity": "sha512-QLg82fGkfnJ/4iy1xZ81/9SIJiq1NGFUMGs6ParyjBZr6jW2Ufj/snDqTHixNlHdPNwN2RLVD0Pi3igeK9+JfA==",
+          "dev": true
+        },
+        "html-webpack-plugin": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz",
+          "integrity": "sha1-sBq71yOsqqeze2r0SS69oD2d03s=",
+          "dev": true,
+          "requires": {
+            "html-minifier": "3.5.8",
+            "loader-utils": "0.2.17",
+            "lodash": "4.17.4",
+            "pretty-error": "2.1.1",
+            "tapable": "1.0.0",
+            "toposort": "1.0.6",
+            "util.promisify": "1.0.0"
+          },
+          "dependencies": {
+            "loader-utils": {
+              "version": "0.2.17",
+              "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
+              "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
+              "dev": true,
+              "requires": {
+                "big.js": "3.2.0",
+                "emojis-list": "2.1.0",
+                "json5": "0.5.1",
+                "object-assign": "4.1.1"
+              }
+            }
+          }
+        },
+        "http-proxy-middleware": {
+          "version": "0.18.0",
+          "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.18.0.tgz",
+          "integrity": "sha512-Fs25KVMPAIIcgjMZkVHJoKg9VcXcC1C8yb9JUgeDvVXY0S/zgVIhMb+qVswDIgtJe2DfckMSY2d6TuTEutlk6Q==",
+          "dev": true,
+          "requires": {
+            "http-proxy": "1.16.2",
+            "is-glob": "4.0.0",
+            "lodash": "4.17.10",
+            "micromatch": "3.1.10"
+          },
+          "dependencies": {
+            "lodash": {
+              "version": "4.17.10",
+              "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
+              "integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg==",
+              "dev": true
+            }
+          }
+        },
+        "http-signature": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
+          "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "assert-plus": "1.0.0",
+            "jsprim": "1.4.1",
+            "sshpk": "1.13.1"
+          }
+        },
+        "import-local": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/import-local/-/import-local-1.0.0.tgz",
+          "integrity": "sha512-vAaZHieK9qjGo58agRBg+bhHX3hoTZU/Oa3GESWLz7t1U62fk63aHuDJJEteXoDeTCcPmUT+z38gkHPZkkmpmQ==",
+          "dev": true,
+          "requires": {
+            "pkg-dir": "2.0.0",
+            "resolve-cwd": "2.0.0"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+          "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-data-descriptor": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+          "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-odd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-odd/-/is-odd-2.0.0.tgz",
+          "integrity": "sha512-OTiixgpZAT1M4NHgS5IguFp/Vz2VI3U7Goh4/HA1adtwyLtSBrxYlcSYkhpAE07s4fKEcjrFxyvtQBND4vFQyQ==",
+          "dev": true,
+          "requires": {
+            "is-number": "4.0.0"
+          },
+          "dependencies": {
+            "is-number": {
+              "version": "4.0.0",
+              "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz",
+              "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==",
+              "dev": true
+            }
+          }
+        },
+        "is-windows": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+          "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+          "dev": true
+        },
+        "istanbul-instrumenter-loader": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/istanbul-instrumenter-loader/-/istanbul-instrumenter-loader-3.0.1.tgz",
+          "integrity": "sha512-a5SPObZgS0jB/ixaKSMdn6n/gXSrK2S6q/UfRJBT3e6gQmVjwZROTODQsYW5ZNwOu78hG62Y3fWlebaVOL0C+w==",
+          "dev": true,
+          "requires": {
+            "convert-source-map": "1.5.1",
+            "istanbul-lib-instrument": "1.9.1",
+            "loader-utils": "1.1.0",
+            "schema-utils": "0.3.0"
+          },
+          "dependencies": {
+            "ajv": {
+              "version": "5.5.2",
+              "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
+              "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=",
+              "dev": true,
+              "requires": {
+                "co": "4.6.0",
+                "fast-deep-equal": "1.0.0",
+                "fast-json-stable-stringify": "2.0.0",
+                "json-schema-traverse": "0.3.1"
+              }
+            },
+            "schema-utils": {
+              "version": "0.3.0",
+              "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.3.0.tgz",
+              "integrity": "sha1-9YdyIs4+kx7a4DnxfrNxbnE3+M8=",
+              "dev": true,
+              "requires": {
+                "ajv": "5.5.2"
+              }
+            }
+          }
+        },
+        "kind-of": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+          "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==",
+          "dev": true
+        },
+        "less": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/less/-/less-3.0.2.tgz",
+          "integrity": "sha512-konnFwWXpUQwzuwyN3Zfw/2Ziah2BKzqTfGoHBZjJdQWCmR+yrjmIG3QLwnlXNFWz27QetOmhGNSbHgGRdqhYQ==",
+          "dev": true,
+          "requires": {
+            "errno": "0.1.6",
+            "graceful-fs": "4.1.11",
+            "image-size": "0.5.5",
+            "mime": "1.6.0",
+            "mkdirp": "0.5.1",
+            "promise": "7.3.1",
+            "request": "2.85.0",
+            "source-map": "0.5.7"
+          }
+        },
+        "less-loader": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-4.1.0.tgz",
+          "integrity": "sha512-KNTsgCE9tMOM70+ddxp9yyt9iHqgmSs0yTZc5XH5Wo+g80RWRIYNqE58QJKm/yMud5wZEvz50ugRDuzVIkyahg==",
+          "dev": true,
+          "requires": {
+            "clone": "2.1.1",
+            "loader-utils": "1.1.0",
+            "pify": "3.0.0"
+          }
+        },
+        "license-webpack-plugin": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-1.3.1.tgz",
+          "integrity": "sha512-NqAFodJdpBUuf1iD+Ij8hQvF0rCFKlO2KaieoQzAPhFgzLCtJnC7Z7x5gQbGNjoe++wOKAtAmwVEIBLqq2Yp1A==",
+          "dev": true,
+          "requires": {
+            "ejs": "2.5.7"
+          }
+        },
+        "micromatch": {
+          "version": "3.1.10",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+          "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+          "dev": true,
+          "requires": {
+            "arr-diff": "4.0.0",
+            "array-unique": "0.3.2",
+            "braces": "2.3.2",
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "extglob": "2.0.4",
+            "fragment-cache": "0.2.1",
+            "kind-of": "6.0.2",
+            "nanomatch": "1.2.9",
+            "object.pick": "1.3.0",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          }
+        },
+        "mississippi": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-2.0.0.tgz",
+          "integrity": "sha512-zHo8v+otD1J10j/tC+VNoGK9keCuByhKovAvdn74dmxJl9+mWHnx6EMsDN4lgRoMI/eYo2nchAxniIbUPb5onw==",
+          "dev": true,
+          "requires": {
+            "concat-stream": "1.6.0",
+            "duplexify": "3.5.1",
+            "end-of-stream": "1.4.0",
+            "flush-write-stream": "1.0.2",
+            "from2": "2.3.0",
+            "parallel-transform": "1.1.0",
+            "pump": "2.0.1",
+            "pumpify": "1.3.5",
+            "stream-each": "1.2.2",
+            "through2": "2.0.3"
+          }
+        },
+        "nan": {
+          "version": "2.10.0",
+          "resolved": "https://registry.npmjs.org/nan/-/nan-2.10.0.tgz",
+          "integrity": "sha512-bAdJv7fBLhWC+/Bls0Oza+mvTaNQtP+1RyhhhvD95pgUJz6XM5IzgmxOkItJ9tkoCiplvAnXI1tNmmUD/eScyA==",
+          "dev": true
+        },
+        "nanomatch": {
+          "version": "1.2.9",
+          "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.9.tgz",
+          "integrity": "sha512-n8R9bS8yQ6eSXaV6jHUpKzD8gLsin02w1HSFiegwrs9E098Ylhw5jdyKPaYqvHknHaSCKTPp7C8dGCQ0q9koXA==",
+          "dev": true,
+          "requires": {
+            "arr-diff": "4.0.0",
+            "array-unique": "0.3.2",
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "fragment-cache": "0.2.1",
+            "is-odd": "2.0.0",
+            "is-windows": "1.0.2",
+            "kind-of": "6.0.2",
+            "object.pick": "1.3.0",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          }
+        },
+        "node-sass": {
+          "version": "4.9.0",
+          "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.9.0.tgz",
+          "integrity": "sha512-QFHfrZl6lqRU3csypwviz2XLgGNOoWQbo2GOvtsfQqOfL4cy1BtWnhx/XUeAO9LT3ahBzSRXcEO6DdvAH9DzSg==",
+          "dev": true,
+          "requires": {
+            "async-foreach": "0.1.3",
+            "chalk": "1.1.3",
+            "cross-spawn": "3.0.1",
+            "gaze": "1.1.2",
+            "get-stdin": "4.0.1",
+            "glob": "7.1.2",
+            "in-publish": "2.0.0",
+            "lodash.assign": "4.2.0",
+            "lodash.clonedeep": "4.5.0",
+            "lodash.mergewith": "4.6.0",
+            "meow": "3.7.0",
+            "mkdirp": "0.5.1",
+            "nan": "2.10.0",
+            "node-gyp": "3.6.2",
+            "npmlog": "4.1.2",
+            "request": "2.79.0",
+            "sass-graph": "2.2.4",
+            "stdout-stream": "1.4.0",
+            "true-case-path": "1.0.2"
+          },
+          "dependencies": {
+            "ansi-styles": {
+              "version": "2.2.1",
+              "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+              "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+              "dev": true
+            },
+            "assert-plus": {
+              "version": "0.2.0",
+              "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.2.0.tgz",
+              "integrity": "sha1-104bh+ev/A24qttwIfP+SBAasjQ=",
+              "dev": true
+            },
+            "aws-sign2": {
+              "version": "0.6.0",
+              "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.6.0.tgz",
+              "integrity": "sha1-FDQt0428yU0OW4fXY81jYSwOeU8=",
+              "dev": true
+            },
+            "boom": {
+              "version": "2.10.1",
+              "resolved": "https://registry.npmjs.org/boom/-/boom-2.10.1.tgz",
+              "integrity": "sha1-OciRjO/1eZ+D+UkqhI9iWt0Mdm8=",
+              "dev": true,
+              "requires": {
+                "hoek": "2.16.3"
+              }
+            },
+            "caseless": {
+              "version": "0.11.0",
+              "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.11.0.tgz",
+              "integrity": "sha1-cVuW6phBWTzDMGeSP17GDr2k99c=",
+              "dev": true
+            },
+            "chalk": {
+              "version": "1.1.3",
+              "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+              "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+              "dev": true,
+              "requires": {
+                "ansi-styles": "2.2.1",
+                "escape-string-regexp": "1.0.5",
+                "has-ansi": "2.0.0",
+                "strip-ansi": "3.0.1",
+                "supports-color": "2.0.0"
+              }
+            },
+            "cryptiles": {
+              "version": "2.0.5",
+              "resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-2.0.5.tgz",
+              "integrity": "sha1-O9/s3GCBR8HGcgL6KR59ylnqo7g=",
+              "dev": true,
+              "requires": {
+                "boom": "2.10.1"
+              }
+            },
+            "form-data": {
+              "version": "2.1.4",
+              "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.1.4.tgz",
+              "integrity": "sha1-M8GDrPGTJ27KqYFDpp6Uv+4XUNE=",
+              "dev": true,
+              "requires": {
+                "asynckit": "0.4.0",
+                "combined-stream": "1.0.5",
+                "mime-types": "2.1.17"
+              }
+            },
+            "har-validator": {
+              "version": "2.0.6",
+              "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-2.0.6.tgz",
+              "integrity": "sha1-zcvAgYgmWtEZtqWnyKtw7s+10n0=",
+              "dev": true,
+              "requires": {
+                "chalk": "1.1.3",
+                "commander": "2.12.2",
+                "is-my-json-valid": "2.17.1",
+                "pinkie-promise": "2.0.1"
+              }
+            },
+            "hawk": {
+              "version": "3.1.3",
+              "resolved": "https://registry.npmjs.org/hawk/-/hawk-3.1.3.tgz",
+              "integrity": "sha1-B4REvXwWQLD+VA0sm3PVlnjo4cQ=",
+              "dev": true,
+              "requires": {
+                "boom": "2.10.1",
+                "cryptiles": "2.0.5",
+                "hoek": "2.16.3",
+                "sntp": "1.0.9"
+              }
+            },
+            "hoek": {
+              "version": "2.16.3",
+              "resolved": "https://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz",
+              "integrity": "sha1-ILt0A9POo5jpHcRxCo/xuCdKJe0=",
+              "dev": true
+            },
+            "http-signature": {
+              "version": "1.1.1",
+              "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.1.1.tgz",
+              "integrity": "sha1-33LiZwZs0Kxn+3at+OE0qPvPkb8=",
+              "dev": true,
+              "requires": {
+                "assert-plus": "0.2.0",
+                "jsprim": "1.4.1",
+                "sshpk": "1.13.1"
+              }
+            },
+            "qs": {
+              "version": "6.3.2",
+              "resolved": "https://registry.npmjs.org/qs/-/qs-6.3.2.tgz",
+              "integrity": "sha1-51vV9uJoEioqDgvaYwslUMFmUCw=",
+              "dev": true
+            },
+            "request": {
+              "version": "2.79.0",
+              "resolved": "https://registry.npmjs.org/request/-/request-2.79.0.tgz",
+              "integrity": "sha1-Tf5b9r6LjNw3/Pk+BLZVd3InEN4=",
+              "dev": true,
+              "requires": {
+                "aws-sign2": "0.6.0",
+                "aws4": "1.6.0",
+                "caseless": "0.11.0",
+                "combined-stream": "1.0.5",
+                "extend": "3.0.1",
+                "forever-agent": "0.6.1",
+                "form-data": "2.1.4",
+                "har-validator": "2.0.6",
+                "hawk": "3.1.3",
+                "http-signature": "1.1.1",
+                "is-typedarray": "1.0.0",
+                "isstream": "0.1.2",
+                "json-stringify-safe": "5.0.1",
+                "mime-types": "2.1.17",
+                "oauth-sign": "0.8.2",
+                "qs": "6.3.2",
+                "stringstream": "0.0.5",
+                "tough-cookie": "2.3.3",
+                "tunnel-agent": "0.4.3",
+                "uuid": "3.1.0"
+              }
+            },
+            "sntp": {
+              "version": "1.0.9",
+              "resolved": "https://registry.npmjs.org/sntp/-/sntp-1.0.9.tgz",
+              "integrity": "sha1-ZUEYTMkK7qbG57NeJlkIJEPGYZg=",
+              "dev": true,
+              "requires": {
+                "hoek": "2.16.3"
+              }
+            },
+            "supports-color": {
+              "version": "2.0.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+              "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+              "dev": true
+            },
+            "tunnel-agent": {
+              "version": "0.4.3",
+              "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.4.3.tgz",
+              "integrity": "sha1-Y3PbdpCf5XDgjXNYM2Xtgop07us=",
+              "dev": true
+            }
+          }
+        },
+        "os-locale": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-2.1.0.tgz",
+          "integrity": "sha512-3sslG3zJbEYcaC4YVAvDorjGxc7tv6KVATnLPZONiljsUncvihe9BQoVCEs0RZ1kmf4Hk9OBqlZfJZWI4GanKA==",
+          "dev": true,
+          "requires": {
+            "execa": "0.7.0",
+            "lcid": "1.0.0",
+            "mem": "1.1.0"
+          }
+        },
+        "performance-now": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+          "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
+          "dev": true,
+          "optional": true
+        },
+        "postcss": {
+          "version": "6.0.22",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.22.tgz",
+          "integrity": "sha512-Toc9lLoUASwGqxBSJGTVcOQiDqjK+Z2XlWBg+IgYwQMY9vA2f7iMpXVc1GpPcfTSyM5lkxNo0oDwDRO+wm7XHA==",
+          "dev": true,
+          "requires": {
+            "chalk": "2.4.1",
+            "source-map": "0.6.1",
+            "supports-color": "5.4.0"
+          },
+          "dependencies": {
+            "chalk": {
+              "version": "2.4.1",
+              "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz",
+              "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==",
+              "dev": true,
+              "requires": {
+                "ansi-styles": "3.2.1",
+                "escape-string-regexp": "1.0.5",
+                "supports-color": "5.4.0"
+              }
+            },
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "postcss-loader": {
+          "version": "2.1.4",
+          "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-2.1.4.tgz",
+          "integrity": "sha512-L2p654oK945B/gDFUGgOhh7uzj19RWoY1SVMeJVoKno1H2MdbQ0RppR/28JGju4pMb22iRC7BJ9aDzbxXSLf4A==",
+          "dev": true,
+          "requires": {
+            "loader-utils": "1.1.0",
+            "postcss": "6.0.22",
+            "postcss-load-config": "1.2.0",
+            "schema-utils": "0.4.5"
+          }
+        },
+        "postcss-url": {
+          "version": "7.3.2",
+          "resolved": "https://registry.npmjs.org/postcss-url/-/postcss-url-7.3.2.tgz",
+          "integrity": "sha512-QMV5mA+pCYZQcUEPQkmor9vcPQ2MT+Ipuu8qdi1gVxbNiIiErEGft+eny1ak19qALoBkccS5AHaCaCDzh7b9MA==",
+          "dev": true,
+          "requires": {
+            "mime": "1.6.0",
+            "minimatch": "3.0.4",
+            "mkdirp": "0.5.1",
+            "postcss": "6.0.22",
+            "xxhashjs": "0.2.2"
+          }
+        },
+        "pump": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz",
+          "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==",
+          "dev": true,
+          "requires": {
+            "end-of-stream": "1.4.0",
+            "once": "1.4.0"
+          }
+        },
+        "qs": {
+          "version": "6.5.1",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz",
+          "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==",
+          "dev": true,
+          "optional": true
+        },
+        "request": {
+          "version": "2.85.0",
+          "resolved": "https://registry.npmjs.org/request/-/request-2.85.0.tgz",
+          "integrity": "sha512-8H7Ehijd4js+s6wuVPLjwORxD4zeuyjYugprdOXlPSqaApmL/QOy+EB/beICHVCHkGMKNh5rvihb5ov+IDw4mg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "aws-sign2": "0.7.0",
+            "aws4": "1.6.0",
+            "caseless": "0.12.0",
+            "combined-stream": "1.0.5",
+            "extend": "3.0.1",
+            "forever-agent": "0.6.1",
+            "form-data": "2.3.2",
+            "har-validator": "5.0.3",
+            "hawk": "6.0.2",
+            "http-signature": "1.2.0",
+            "is-typedarray": "1.0.0",
+            "isstream": "0.1.2",
+            "json-stringify-safe": "5.0.1",
+            "mime-types": "2.1.17",
+            "oauth-sign": "0.8.2",
+            "performance-now": "2.1.0",
+            "qs": "6.5.1",
+            "safe-buffer": "5.1.1",
+            "stringstream": "0.0.5",
+            "tough-cookie": "2.3.3",
+            "tunnel-agent": "0.6.0",
+            "uuid": "3.1.0"
+          }
+        },
+        "sass-loader": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-7.0.1.tgz",
+          "integrity": "sha512-MeVVJFejJELlAbA7jrRchi88PGP6U9yIfqyiG+bBC4a9s2PX+ulJB9h8bbEohtPBfZmlLhNZ0opQM9hovRXvlw==",
+          "dev": true,
+          "requires": {
+            "clone-deep": "2.0.2",
+            "loader-utils": "1.1.0",
+            "lodash.tail": "4.1.1",
+            "neo-async": "2.5.1",
+            "pify": "3.0.0"
+          }
+        },
+        "schema-utils": {
+          "version": "0.4.5",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.5.tgz",
+          "integrity": "sha512-yYrjb9TX2k/J1Y5UNy3KYdZq10xhYcF8nMpAW6o3hy6Q8WSIEf9lJHG/ePnOBfziPM3fvQwfOwa13U/Fh8qTfA==",
+          "dev": true,
+          "requires": {
+            "ajv": "6.4.0",
+            "ajv-keywords": "3.2.0"
+          }
+        },
+        "shallow-clone": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-1.0.0.tgz",
+          "integrity": "sha512-oeXreoKR/SyNJtRJMAKPDSvd28OqEwG4eR/xc856cRGBII7gX9lvAqDxusPm0846z/w/hWYjI1NpKwJ00NHzRA==",
+          "dev": true,
+          "requires": {
+            "is-extendable": "0.1.1",
+            "kind-of": "5.1.0",
+            "mixin-object": "2.0.1"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "5.1.0",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+              "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+              "dev": true
+            }
+          }
+        },
+        "sntp": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/sntp/-/sntp-2.1.0.tgz",
+          "integrity": "sha512-FL1b58BDrqS3A11lJ0zEdnJ3UOKqVxawAkF3k7F0CVN7VQ34aZrV+G8BZ1WC9ZL7NyrwsW0oviwsWDgRuVYtJg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "hoek": "4.2.1"
+          }
+        },
+        "sockjs": {
+          "version": "0.3.19",
+          "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.19.tgz",
+          "integrity": "sha512-V48klKZl8T6MzatbLlzzRNhMepEys9Y4oGFpypBFFn1gLI/QQ9HtLLyWJNbPlwGLelOVOEijUbTTJeLLI59jLw==",
+          "dev": true,
+          "requires": {
+            "faye-websocket": "0.10.0",
+            "uuid": "3.1.0"
+          }
+        },
+        "source-map-support": {
+          "version": "0.5.5",
+          "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.5.tgz",
+          "integrity": "sha512-mR7/Nd5l1z6g99010shcXJiNEaf3fEtmLhRB/sBcQVJGodcHCULPp2y4Sfa43Kv2zq7T+Izmfp/WHCR6dYkQCA==",
+          "dev": true,
+          "requires": {
+            "buffer-from": "1.0.0",
+            "source-map": "0.6.1"
+          },
+          "dependencies": {
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "ssri": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/ssri/-/ssri-5.3.0.tgz",
+          "integrity": "sha512-XRSIPqLij52MtgoQavH/x/dU1qVKtWUAAZeOHsR9c2Ddi4XerFy3mc1alf+dLJKl9EUIm/Ht+EowFkTUOA6GAQ==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "5.1.1"
+          }
+        },
+        "string-width": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+          "dev": true,
+          "requires": {
+            "is-fullwidth-code-point": "2.0.0",
+            "strip-ansi": "4.0.0"
+          },
+          "dependencies": {
+            "strip-ansi": {
+              "version": "4.0.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+              "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "3.0.0"
+              }
+            }
+          }
+        },
+        "style-loader": {
+          "version": "0.21.0",
+          "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.21.0.tgz",
+          "integrity": "sha512-T+UNsAcl3Yg+BsPKs1vd22Fr8sVT+CJMtzqc6LEw9bbJZb43lm9GoeIfUcDEefBSWC0BhYbcdupV1GtI4DGzxg==",
+          "dev": true,
+          "requires": {
+            "loader-utils": "1.1.0",
+            "schema-utils": "0.4.5"
+          }
+        },
+        "stylus-loader": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/stylus-loader/-/stylus-loader-3.0.2.tgz",
+          "integrity": "sha512-+VomPdZ6a0razP+zinir61yZgpw2NfljeSsdUF5kJuEzlo3khXhY19Fn6l8QQz1GRJGtMCo8nG5C04ePyV7SUA==",
+          "dev": true,
+          "requires": {
+            "loader-utils": "1.1.0",
+            "lodash.clonedeep": "4.5.0",
+            "when": "3.6.4"
+          }
+        },
+        "supports-color": {
+          "version": "5.4.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.4.0.tgz",
+          "integrity": "sha512-zjaXglF5nnWpsq470jSv6P9DwPvgLkuapYmfDm3JWOm0vkNTVF2tI4UrN2r6jH1qM/uc/WtxYY1hYoA2dOKj5w==",
+          "dev": true,
+          "requires": {
+            "has-flag": "3.0.0"
+          }
+        },
+        "tapable": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.0.0.tgz",
+          "integrity": "sha512-dQRhbNQkRnaqauC7WqSJ21EEksgT0fYZX2lqXzGkpo8JNig9zGZTYoMGvyI2nWmXlE2VSVXVDu7wLVGu/mQEsg==",
+          "dev": true
+        },
+        "to-regex": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+          "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+          "dev": true,
+          "requires": {
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "regex-not": "1.0.2",
+            "safe-regex": "1.1.0"
+          },
+          "dependencies": {
+            "regex-not": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+              "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+              "dev": true,
+              "requires": {
+                "extend-shallow": "3.0.2",
+                "safe-regex": "1.1.0"
+              }
+            }
+          }
+        },
+        "uglifyjs-webpack-plugin": {
+          "version": "1.2.5",
+          "resolved": "https://registry.npmjs.org/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-1.2.5.tgz",
+          "integrity": "sha512-hIQJ1yxAPhEA2yW/i7Fr+SXZVMp+VEI3d42RTHBgQd2yhp/1UdBcR3QEWPV5ahBxlqQDMEMTuTEvDHSFINfwSw==",
+          "dev": true,
+          "requires": {
+            "cacache": "10.0.4",
+            "find-cache-dir": "1.0.0",
+            "schema-utils": "0.4.5",
+            "serialize-javascript": "1.4.0",
+            "source-map": "0.6.1",
+            "uglify-es": "3.3.9",
+            "webpack-sources": "1.1.0",
+            "worker-farm": "1.5.2"
+          },
+          "dependencies": {
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        },
+        "url-loader": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-1.0.1.tgz",
+          "integrity": "sha512-rAonpHy7231fmweBKUFe0bYnlGDty77E+fm53NZdij7j/YOpyGzc7ttqG1nAXl3aRs0k41o0PC3TvGXQiw2Zvw==",
+          "dev": true,
+          "requires": {
+            "loader-utils": "1.1.0",
+            "mime": "2.3.1",
+            "schema-utils": "0.4.5"
+          },
+          "dependencies": {
+            "mime": {
+              "version": "2.3.1",
+              "resolved": "https://registry.npmjs.org/mime/-/mime-2.3.1.tgz",
+              "integrity": "sha512-OEUllcVoydBHGN1z84yfQDimn58pZNNNXgZlHXSboxMlFvgI6MXSWpWKpFRra7H1HxpVhHTkrghfRW49k6yjeg==",
+              "dev": true
+            }
+          }
+        },
+        "webpack-dev-middleware": {
+          "version": "3.1.3",
+          "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-3.1.3.tgz",
+          "integrity": "sha512-I6Mmy/QjWU/kXwCSFGaiOoL5YEQIVmbb0o45xMoCyQAg/mClqZVTcsX327sPfekDyJWpCxb+04whNyLOIxpJdQ==",
+          "dev": true,
+          "requires": {
+            "loud-rejection": "1.6.0",
+            "memory-fs": "0.4.1",
+            "mime": "2.3.1",
+            "path-is-absolute": "1.0.1",
+            "range-parser": "1.2.0",
+            "url-join": "4.0.0",
+            "webpack-log": "1.2.0"
+          },
+          "dependencies": {
+            "mime": {
+              "version": "2.3.1",
+              "resolved": "https://registry.npmjs.org/mime/-/mime-2.3.1.tgz",
+              "integrity": "sha512-OEUllcVoydBHGN1z84yfQDimn58pZNNNXgZlHXSboxMlFvgI6MXSWpWKpFRra7H1HxpVhHTkrghfRW49k6yjeg==",
+              "dev": true
+            }
+          }
+        },
+        "webpack-dev-server": {
+          "version": "3.1.4",
+          "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.1.4.tgz",
+          "integrity": "sha512-itcIUDFkHuj1/QQxzUFOEXXmxOj5bku2ScLEsOFPapnq2JRTm58gPdtnBphBJOKL2+M3p6+xygL64bI+3eyzzw==",
+          "dev": true,
+          "requires": {
+            "ansi-html": "0.0.7",
+            "array-includes": "3.0.3",
+            "bonjour": "3.5.0",
+            "chokidar": "2.0.3",
+            "compression": "1.7.1",
+            "connect-history-api-fallback": "1.5.0",
+            "debug": "3.1.0",
+            "del": "3.0.0",
+            "express": "4.16.2",
+            "html-entities": "1.2.1",
+            "http-proxy-middleware": "0.18.0",
+            "import-local": "1.0.0",
+            "internal-ip": "1.2.0",
+            "ip": "1.1.5",
+            "killable": "1.0.0",
+            "loglevel": "1.6.0",
+            "opn": "5.1.0",
+            "portfinder": "1.0.13",
+            "selfsigned": "1.10.1",
+            "serve-index": "1.9.1",
+            "sockjs": "0.3.19",
+            "sockjs-client": "1.1.4",
+            "spdy": "3.4.7",
+            "strip-ansi": "3.0.1",
+            "supports-color": "5.4.0",
+            "webpack-dev-middleware": "3.1.3",
+            "webpack-log": "1.2.0",
+            "yargs": "11.0.0"
+          },
+          "dependencies": {
+            "debug": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+              "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+              "dev": true,
+              "requires": {
+                "ms": "2.0.0"
+              }
+            }
+          }
+        },
+        "webpack-merge": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-4.1.2.tgz",
+          "integrity": "sha512-/0QYwW/H1N/CdXYA2PNPVbsxO3u2Fpz34vs72xm03SRfg6bMNGfMJIQEpQjKRvkG2JvT6oRJFpDtSrwbX8Jzvw==",
+          "dev": true,
+          "requires": {
+            "lodash": "4.17.10"
+          },
+          "dependencies": {
+            "lodash": {
+              "version": "4.17.10",
+              "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
+              "integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg==",
+              "dev": true
+            }
+          }
+        },
+        "webpack-subresource-integrity": {
+          "version": "1.1.0-rc.4",
+          "resolved": "https://registry.npmjs.org/webpack-subresource-integrity/-/webpack-subresource-integrity-1.1.0-rc.4.tgz",
+          "integrity": "sha1-xcTj1pD50vZKlVDgeodn+Xlqpdg=",
+          "dev": true,
+          "requires": {
+            "webpack-core": "0.6.9"
+          }
+        },
+        "which-module": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
+          "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
+          "dev": true
+        },
+        "y18n": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz",
+          "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==",
+          "dev": true
+        },
+        "yargs": {
+          "version": "11.0.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-11.0.0.tgz",
+          "integrity": "sha512-Rjp+lMYQOWtgqojx1dEWorjCofi1YN7AoFvYV7b1gx/7dAAeuI4kN5SZiEvr0ZmsZTOpDRcCqrpI10L31tFkBw==",
+          "dev": true,
+          "requires": {
+            "cliui": "4.1.0",
+            "decamelize": "1.2.0",
+            "find-up": "2.1.0",
+            "get-caller-file": "1.0.2",
+            "os-locale": "2.1.0",
+            "require-directory": "2.1.1",
+            "require-main-filename": "1.0.1",
+            "set-blocking": "2.0.0",
+            "string-width": "2.1.1",
+            "which-module": "2.0.0",
+            "y18n": "3.2.1",
+            "yargs-parser": "9.0.2"
+          },
+          "dependencies": {
+            "y18n": {
+              "version": "3.2.1",
+              "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz",
+              "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE=",
+              "dev": true
+            }
+          }
+        },
+        "yargs-parser": {
+          "version": "9.0.2",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-9.0.2.tgz",
+          "integrity": "sha1-nM9qQ0YP5O1Aqbto9I1DuKaMwHc=",
+          "dev": true,
+          "requires": {
+            "camelcase": "4.1.0"
+          }
+        }
+      }
+    },
+    "@angular/animations": {
+      "version": "6.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-6.0.0-rc.6.tgz",
+      "integrity": "sha512-jfoFDW6/BIg2FCHh3FxW1GequtVBQJTPWY48yMRcoTEhkK9HzM5k/FyW14HIqDE+1Dh3xn3JDsqyKXUIMysthw==",
+      "requires": {
+        "tslib": "1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.9.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.0.tgz",
+          "integrity": "sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ=="
+        }
+      }
+    },
+    "@angular/cli": {
+      "version": "6.0.0-rc.10",
+      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-6.0.0-rc.10.tgz",
+      "integrity": "sha512-9vEm04C79Nf9kGaw3ZiRgmFtH8ClVlBHc8hH002wjzcIza50F0UOPCkK5AW3+mpMmRUDOzic12xB/LnaY8QioA==",
+      "dev": true,
+      "requires": {
+        "@angular-devkit/architect": "0.5.13",
+        "@angular-devkit/core": "0.5.13",
+        "@angular-devkit/schematics": "0.5.13",
+        "@schematics/angular": "0.5.13",
+        "@schematics/update": "0.5.13",
+        "opn": "5.1.0",
+        "resolve": "1.5.0",
+        "rxjs": "6.0.0",
+        "semver": "5.4.1",
+        "silent-error": "1.1.0",
+        "symbol-observable": "1.2.0",
+        "yargs-parser": "10.0.0"
+      },
+      "dependencies": {
+        "@angular-devkit/core": {
+          "version": "0.5.13",
+          "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-0.5.13.tgz",
+          "integrity": "sha512-v2OOSoYCHP6QrdQ8/df22+jzqWGAkaB5UxRMpbIyvhEc+UIQxDLugCIxYKTSEmiVmaOwcoH6lYd18RpMkkLgtQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "6.4.0",
+            "chokidar": "2.0.3",
+            "rxjs": "6.0.0",
+            "source-map": "0.5.7"
+          }
+        },
+        "@angular-devkit/schematics": {
+          "version": "0.5.13",
+          "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-0.5.13.tgz",
+          "integrity": "sha512-OUFpq8k+Z85JQPJBdMuPjXeh7kvojKvffmYZu2TxLyE0aNSYSPmJDM1LwoPcr/HsqcBJXUcrJJgMCvmyv6pnnQ==",
+          "dev": true,
+          "requires": {
+            "@angular-devkit/core": "0.5.13",
+            "rxjs": "6.0.0"
+          }
+        },
+        "@schematics/angular": {
+          "version": "0.5.13",
+          "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-0.5.13.tgz",
+          "integrity": "sha512-R9beP3P26BlxqbmUcDjUPKwl04L5HqjRB5KhbQN6xfOH+2Vdbi2lZO3+4YxCW5qwNC0cvI6hizn3HUylxMAdWg==",
+          "dev": true,
+          "requires": {
+            "@angular-devkit/core": "0.5.13",
+            "@angular-devkit/schematics": "0.5.13",
+            "typescript": "2.7.2"
+          }
+        },
+        "ajv": {
+          "version": "6.4.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.4.0.tgz",
+          "integrity": "sha1-06/3jpJ3VJdx2vAWTP9ISCt1T8Y=",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "1.0.0",
+            "fast-json-stable-stringify": "2.0.0",
+            "json-schema-traverse": "0.3.1",
+            "uri-js": "3.0.2"
+          }
+        },
+        "anymatch": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+          "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+          "dev": true,
+          "requires": {
+            "micromatch": "3.1.10",
+            "normalize-path": "2.1.1"
+          }
+        },
+        "arr-diff": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+          "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=",
+          "dev": true
+        },
+        "array-unique": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+          "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
+          "dev": true
+        },
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+          "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "1.1.0",
+            "array-unique": "0.3.2",
+            "extend-shallow": "2.0.1",
+            "fill-range": "4.0.0",
+            "isobject": "3.0.1",
+            "repeat-element": "1.1.2",
+            "snapdragon": "0.8.1",
+            "snapdragon-node": "2.1.1",
+            "split-string": "3.1.0",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "camelcase": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+          "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=",
+          "dev": true
+        },
+        "chokidar": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.3.tgz",
+          "integrity": "sha512-zW8iXYZtXMx4kux/nuZVXjkLP+CyIK5Al5FHnj1OgTKGZfp4Oy6/ymtMSKFv3GD8DviEmUPmJg9eFdJ/JzudMg==",
+          "dev": true,
+          "requires": {
+            "anymatch": "2.0.0",
+            "async-each": "1.0.1",
+            "braces": "2.3.2",
+            "fsevents": "1.1.3",
+            "glob-parent": "3.1.0",
+            "inherits": "2.0.3",
+            "is-binary-path": "1.0.1",
+            "is-glob": "4.0.0",
+            "normalize-path": "2.1.1",
+            "path-is-absolute": "1.0.1",
+            "readdirp": "2.1.0",
+            "upath": "1.0.5"
+          }
+        },
+        "define-property": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+          "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "1.0.2",
+            "isobject": "3.0.1"
+          }
+        },
+        "expand-brackets": {
+          "version": "2.1.4",
+          "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+          "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=",
+          "dev": true,
+          "requires": {
+            "debug": "2.6.9",
+            "define-property": "0.2.5",
+            "extend-shallow": "2.0.1",
+            "posix-character-classes": "0.1.1",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "define-property": {
+              "version": "0.2.5",
+              "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+              "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+              "dev": true,
+              "requires": {
+                "is-descriptor": "0.1.6"
+              }
+            },
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            },
+            "is-descriptor": {
+              "version": "0.1.6",
+              "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+              "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+              "dev": true,
+              "requires": {
+                "is-accessor-descriptor": "0.1.6",
+                "is-data-descriptor": "0.1.4",
+                "kind-of": "5.1.0"
+              }
+            },
+            "kind-of": {
+              "version": "5.1.0",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+              "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+              "dev": true
+            }
+          }
+        },
+        "extend-shallow": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+          "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=",
+          "dev": true,
+          "requires": {
+            "assign-symbols": "1.0.0",
+            "is-extendable": "1.0.1"
+          },
+          "dependencies": {
+            "is-extendable": {
+              "version": "1.0.1",
+              "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+              "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+              "dev": true,
+              "requires": {
+                "is-plain-object": "2.0.4"
+              }
+            }
+          }
+        },
+        "extglob": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+          "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+          "dev": true,
+          "requires": {
+            "array-unique": "0.3.2",
+            "define-property": "1.0.0",
+            "expand-brackets": "2.1.4",
+            "extend-shallow": "2.0.1",
+            "fragment-cache": "0.2.1",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "define-property": {
+              "version": "1.0.0",
+              "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+              "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+              "dev": true,
+              "requires": {
+                "is-descriptor": "1.0.2"
+              }
+            },
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "dev": true,
+          "requires": {
+            "extend-shallow": "2.0.1",
+            "is-number": "3.0.0",
+            "repeat-string": "1.6.1",
+            "to-regex-range": "2.1.1"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "glob-parent": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+          "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
+          "dev": true,
+          "requires": {
+            "is-glob": "3.1.0",
+            "path-dirname": "1.0.2"
+          },
+          "dependencies": {
+            "is-glob": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+              "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+              "dev": true,
+              "requires": {
+                "is-extglob": "2.1.1"
+              }
+            }
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+          "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-data-descriptor": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+          "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-odd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-odd/-/is-odd-2.0.0.tgz",
+          "integrity": "sha512-OTiixgpZAT1M4NHgS5IguFp/Vz2VI3U7Goh4/HA1adtwyLtSBrxYlcSYkhpAE07s4fKEcjrFxyvtQBND4vFQyQ==",
+          "dev": true,
+          "requires": {
+            "is-number": "4.0.0"
+          },
+          "dependencies": {
+            "is-number": {
+              "version": "4.0.0",
+              "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz",
+              "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==",
+              "dev": true
+            }
+          }
+        },
+        "is-windows": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+          "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+          "dev": true
+        },
+        "kind-of": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+          "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==",
+          "dev": true
+        },
+        "micromatch": {
+          "version": "3.1.10",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+          "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+          "dev": true,
+          "requires": {
+            "arr-diff": "4.0.0",
+            "array-unique": "0.3.2",
+            "braces": "2.3.2",
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "extglob": "2.0.4",
+            "fragment-cache": "0.2.1",
+            "kind-of": "6.0.2",
+            "nanomatch": "1.2.9",
+            "object.pick": "1.3.0",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          }
+        },
+        "nanomatch": {
+          "version": "1.2.9",
+          "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.9.tgz",
+          "integrity": "sha512-n8R9bS8yQ6eSXaV6jHUpKzD8gLsin02w1HSFiegwrs9E098Ylhw5jdyKPaYqvHknHaSCKTPp7C8dGCQ0q9koXA==",
+          "dev": true,
+          "requires": {
+            "arr-diff": "4.0.0",
+            "array-unique": "0.3.2",
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "fragment-cache": "0.2.1",
+            "is-odd": "2.0.0",
+            "is-windows": "1.0.2",
+            "kind-of": "6.0.2",
+            "object.pick": "1.3.0",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          }
+        },
+        "symbol-observable": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
+          "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==",
+          "dev": true
+        },
+        "to-regex": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+          "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+          "dev": true,
+          "requires": {
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "regex-not": "1.0.2",
+            "safe-regex": "1.1.0"
+          },
+          "dependencies": {
+            "regex-not": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+              "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+              "dev": true,
+              "requires": {
+                "extend-shallow": "3.0.2",
+                "safe-regex": "1.1.0"
+              }
+            }
+          }
+        },
+        "yargs-parser": {
+          "version": "10.0.0",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-10.0.0.tgz",
+          "integrity": "sha512-+DHejWujTVYeMHLff8U96rLc4uE4Emncoftvn5AjhB1Jw1pWxLzgBUT/WYbPrHmy6YPEBTZQx5myHhVcuuu64g==",
+          "dev": true,
+          "requires": {
+            "camelcase": "4.1.0"
+          }
+        }
+      }
+    },
+    "@angular/common": {
+      "version": "6.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-6.0.0-rc.6.tgz",
+      "integrity": "sha512-wMIu4cscc8xlL5abQEbW+Q9NCB2IfwE/YEp3HNIdo6ZmhP6TagZByIXIuvByeDcZCVXhj7cqQpGk37pwmFfcDA==",
+      "requires": {
+        "tslib": "1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.9.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.0.tgz",
+          "integrity": "sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ=="
+        }
+      }
+    },
+    "@angular/compiler": {
+      "version": "6.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-6.0.0-rc.6.tgz",
+      "integrity": "sha512-a1r+4DmxPct9hsxYOKnF0rDP64KQYQLKOpnX0QpS/FpjHzKk9+1TrzhgyGNq7y9ibEB+K9Vne7il2/7GEDzN0Q==",
+      "requires": {
+        "tslib": "1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.9.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.0.tgz",
+          "integrity": "sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ=="
+        }
+      }
+    },
+    "@angular/compiler-cli": {
+      "version": "6.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-6.0.0-rc.6.tgz",
+      "integrity": "sha512-VGfWS1JwM6YJXe40fG7GFZm/GMfTy74KVTVHGUuOA0g/ipWi6tTDFGq/R7dvqyVdty3VNDJnZJL4ZTDXR7EBxA==",
+      "dev": true,
+      "requires": {
+        "chokidar": "1.7.0",
+        "minimist": "1.2.0",
+        "reflect-metadata": "0.1.10",
+        "tsickle": "0.27.5"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        },
+        "source-map-support": {
+          "version": "0.5.5",
+          "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.5.tgz",
+          "integrity": "sha512-mR7/Nd5l1z6g99010shcXJiNEaf3fEtmLhRB/sBcQVJGodcHCULPp2y4Sfa43Kv2zq7T+Izmfp/WHCR6dYkQCA==",
+          "dev": true,
+          "requires": {
+            "buffer-from": "1.0.0",
+            "source-map": "0.6.1"
+          }
+        },
+        "tsickle": {
+          "version": "0.27.5",
+          "resolved": "https://registry.npmjs.org/tsickle/-/tsickle-0.27.5.tgz",
+          "integrity": "sha512-NP+CjM1EXza/M8mOXBLH3vkFEJiu1zfEAlC5WdJxHPn8l96QPz5eooP6uAgYtw1CcKfuSyIiheNUdKxtDWCNeg==",
+          "dev": true,
+          "requires": {
+            "minimist": "1.2.0",
+            "mkdirp": "0.5.1",
+            "source-map": "0.6.1",
+            "source-map-support": "0.5.5"
+          }
+        }
+      }
+    },
+    "@angular/core": {
+      "version": "6.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-6.0.0-rc.6.tgz",
+      "integrity": "sha512-I3H5H9JZWEyKGEOByrdgIF8EDew2jjUD6d7Jn7l3sDIbR4VQUjiSTwSWdTR9yljwYs8DhLeOzE6fk6jmGE5BfA==",
+      "requires": {
+        "tslib": "1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.9.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.0.tgz",
+          "integrity": "sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ=="
+        }
+      }
+    },
+    "@angular/forms": {
+      "version": "6.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-6.0.0-rc.6.tgz",
+      "integrity": "sha512-mGbVtMChMHySXt3lsDVIwaT0kCwGFhgZvKIVQOsi4ngrPM76JpS+I08/knt4RA23wMuYavO3z5X+TMCBUZAArQ==",
+      "requires": {
+        "tslib": "1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.9.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.0.tgz",
+          "integrity": "sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ=="
+        }
+      }
+    },
+    "@angular/http": {
+      "version": "6.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/@angular/http/-/http-6.0.0-rc.6.tgz",
+      "integrity": "sha512-DYcRixOY18qfWLe4+384QPyGsh0znOvbTePT5dJvGPiuR77rmzggPDA7tW+hyZ3y+0Nk4QuRVPbFQZdACjHpyw==",
+      "requires": {
+        "tslib": "1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.9.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.0.tgz",
+          "integrity": "sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ=="
+        }
+      }
+    },
+    "@angular/language-service": {
+      "version": "6.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-6.0.0-rc.6.tgz",
+      "integrity": "sha512-j+zZz4Z178IZWi00sdvPCpD4EVqkWx2pD5ArOs+ypX/VG7LeR4rHgR+7i/JdXGI6SLIR+YSPw9fxjfM8BJbiNQ==",
+      "dev": true
+    },
+    "@angular/platform-browser": {
+      "version": "6.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-6.0.0-rc.6.tgz",
+      "integrity": "sha512-RR39MAgbteZfMlQbOa+D2oxja6FLbov45c8aixjKh3isC8TrPT1JrXazdn/sXiL0YVFDZn3zthlRqko+anFaJg==",
+      "requires": {
+        "tslib": "1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.9.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.0.tgz",
+          "integrity": "sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ=="
+        }
+      }
+    },
+    "@angular/platform-browser-dynamic": {
+      "version": "6.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-6.0.0-rc.6.tgz",
+      "integrity": "sha512-DJANigILkk0wdENndc4fOUGNVhcGKHyvrNBllUt/znSpvFp3erE5kVfY1dgsk19HoYWXsW29J17vZCFflOR7Cg==",
+      "requires": {
+        "tslib": "1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.9.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.0.tgz",
+          "integrity": "sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ=="
+        }
+      }
+    },
+    "@angular/router": {
+      "version": "6.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-6.0.0-rc.6.tgz",
+      "integrity": "sha512-6jSWcukgkbVH/kRLh0Ie7cXgE8gUCcUyerlRJlR2oQS4GxAyOiYnR4yYzJxnKJnPb2r012wJ5xEVQrwavmZZoQ==",
+      "requires": {
+        "tslib": "1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.9.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.0.tgz",
+          "integrity": "sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ=="
+        }
+      }
+    },
+    "@schematics/update": {
+      "version": "0.5.13",
+      "resolved": "https://registry.npmjs.org/@schematics/update/-/update-0.5.13.tgz",
+      "integrity": "sha512-OolX2f4HkWopg5jhN4GLQimbJe3WzGK6zErz1smcGMFVyCv1G1u7cabIG6xyTXJuvTiUnx0Jx+QTwVBnlvXOTg==",
+      "dev": true,
+      "requires": {
+        "@angular-devkit/core": "0.5.13",
+        "@angular-devkit/schematics": "0.5.13",
+        "npm-registry-client": "8.5.1",
+        "rxjs": "6.0.0",
+        "semver": "5.4.1",
+        "semver-intersect": "1.3.1"
+      },
+      "dependencies": {
+        "@angular-devkit/core": {
+          "version": "0.5.13",
+          "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-0.5.13.tgz",
+          "integrity": "sha512-v2OOSoYCHP6QrdQ8/df22+jzqWGAkaB5UxRMpbIyvhEc+UIQxDLugCIxYKTSEmiVmaOwcoH6lYd18RpMkkLgtQ==",
+          "dev": true,
+          "requires": {
+            "ajv": "6.4.0",
+            "chokidar": "2.0.3",
+            "rxjs": "6.0.0",
+            "source-map": "0.5.7"
+          }
+        },
+        "@angular-devkit/schematics": {
+          "version": "0.5.13",
+          "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-0.5.13.tgz",
+          "integrity": "sha512-OUFpq8k+Z85JQPJBdMuPjXeh7kvojKvffmYZu2TxLyE0aNSYSPmJDM1LwoPcr/HsqcBJXUcrJJgMCvmyv6pnnQ==",
+          "dev": true,
+          "requires": {
+            "@angular-devkit/core": "0.5.13",
+            "rxjs": "6.0.0"
+          }
+        },
+        "ajv": {
+          "version": "6.4.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.4.0.tgz",
+          "integrity": "sha1-06/3jpJ3VJdx2vAWTP9ISCt1T8Y=",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "1.0.0",
+            "fast-json-stable-stringify": "2.0.0",
+            "json-schema-traverse": "0.3.1",
+            "uri-js": "3.0.2"
+          }
+        },
+        "anymatch": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+          "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+          "dev": true,
+          "requires": {
+            "micromatch": "3.1.10",
+            "normalize-path": "2.1.1"
+          }
+        },
+        "arr-diff": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+          "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=",
+          "dev": true
+        },
+        "array-unique": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+          "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
+          "dev": true
+        },
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+          "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "1.1.0",
+            "array-unique": "0.3.2",
+            "extend-shallow": "2.0.1",
+            "fill-range": "4.0.0",
+            "isobject": "3.0.1",
+            "repeat-element": "1.1.2",
+            "snapdragon": "0.8.1",
+            "snapdragon-node": "2.1.1",
+            "split-string": "3.1.0",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "chokidar": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.3.tgz",
+          "integrity": "sha512-zW8iXYZtXMx4kux/nuZVXjkLP+CyIK5Al5FHnj1OgTKGZfp4Oy6/ymtMSKFv3GD8DviEmUPmJg9eFdJ/JzudMg==",
+          "dev": true,
+          "requires": {
+            "anymatch": "2.0.0",
+            "async-each": "1.0.1",
+            "braces": "2.3.2",
+            "fsevents": "1.1.3",
+            "glob-parent": "3.1.0",
+            "inherits": "2.0.3",
+            "is-binary-path": "1.0.1",
+            "is-glob": "4.0.0",
+            "normalize-path": "2.1.1",
+            "path-is-absolute": "1.0.1",
+            "readdirp": "2.1.0",
+            "upath": "1.0.5"
+          }
+        },
+        "define-property": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+          "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "1.0.2",
+            "isobject": "3.0.1"
+          }
+        },
+        "expand-brackets": {
+          "version": "2.1.4",
+          "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+          "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=",
+          "dev": true,
+          "requires": {
+            "debug": "2.6.9",
+            "define-property": "0.2.5",
+            "extend-shallow": "2.0.1",
+            "posix-character-classes": "0.1.1",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "define-property": {
+              "version": "0.2.5",
+              "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+              "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+              "dev": true,
+              "requires": {
+                "is-descriptor": "0.1.6"
+              }
+            },
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            },
+            "is-descriptor": {
+              "version": "0.1.6",
+              "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+              "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+              "dev": true,
+              "requires": {
+                "is-accessor-descriptor": "0.1.6",
+                "is-data-descriptor": "0.1.4",
+                "kind-of": "5.1.0"
+              }
+            },
+            "kind-of": {
+              "version": "5.1.0",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+              "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+              "dev": true
+            }
+          }
+        },
+        "extend-shallow": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+          "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=",
+          "dev": true,
+          "requires": {
+            "assign-symbols": "1.0.0",
+            "is-extendable": "1.0.1"
+          },
+          "dependencies": {
+            "is-extendable": {
+              "version": "1.0.1",
+              "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+              "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+              "dev": true,
+              "requires": {
+                "is-plain-object": "2.0.4"
+              }
+            }
+          }
+        },
+        "extglob": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+          "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+          "dev": true,
+          "requires": {
+            "array-unique": "0.3.2",
+            "define-property": "1.0.0",
+            "expand-brackets": "2.1.4",
+            "extend-shallow": "2.0.1",
+            "fragment-cache": "0.2.1",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "define-property": {
+              "version": "1.0.0",
+              "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+              "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+              "dev": true,
+              "requires": {
+                "is-descriptor": "1.0.2"
+              }
+            },
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "dev": true,
+          "requires": {
+            "extend-shallow": "2.0.1",
+            "is-number": "3.0.0",
+            "repeat-string": "1.6.1",
+            "to-regex-range": "2.1.1"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "glob-parent": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+          "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
+          "dev": true,
+          "requires": {
+            "is-glob": "3.1.0",
+            "path-dirname": "1.0.2"
+          },
+          "dependencies": {
+            "is-glob": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+              "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+              "dev": true,
+              "requires": {
+                "is-extglob": "2.1.1"
+              }
+            }
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+          "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-data-descriptor": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+          "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-odd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-odd/-/is-odd-2.0.0.tgz",
+          "integrity": "sha512-OTiixgpZAT1M4NHgS5IguFp/Vz2VI3U7Goh4/HA1adtwyLtSBrxYlcSYkhpAE07s4fKEcjrFxyvtQBND4vFQyQ==",
+          "dev": true,
+          "requires": {
+            "is-number": "4.0.0"
+          },
+          "dependencies": {
+            "is-number": {
+              "version": "4.0.0",
+              "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz",
+              "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==",
+              "dev": true
+            }
+          }
+        },
+        "is-windows": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+          "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+          "dev": true
+        },
+        "kind-of": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+          "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==",
+          "dev": true
+        },
+        "micromatch": {
+          "version": "3.1.10",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+          "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+          "dev": true,
+          "requires": {
+            "arr-diff": "4.0.0",
+            "array-unique": "0.3.2",
+            "braces": "2.3.2",
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "extglob": "2.0.4",
+            "fragment-cache": "0.2.1",
+            "kind-of": "6.0.2",
+            "nanomatch": "1.2.9",
+            "object.pick": "1.3.0",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          }
+        },
+        "nanomatch": {
+          "version": "1.2.9",
+          "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.9.tgz",
+          "integrity": "sha512-n8R9bS8yQ6eSXaV6jHUpKzD8gLsin02w1HSFiegwrs9E098Ylhw5jdyKPaYqvHknHaSCKTPp7C8dGCQ0q9koXA==",
+          "dev": true,
+          "requires": {
+            "arr-diff": "4.0.0",
+            "array-unique": "0.3.2",
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "fragment-cache": "0.2.1",
+            "is-odd": "2.0.0",
+            "is-windows": "1.0.2",
+            "kind-of": "6.0.2",
+            "object.pick": "1.3.0",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          }
+        },
+        "to-regex": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+          "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+          "dev": true,
+          "requires": {
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "regex-not": "1.0.2",
+            "safe-regex": "1.1.0"
+          },
+          "dependencies": {
+            "regex-not": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+              "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+              "dev": true,
+              "requires": {
+                "extend-shallow": "3.0.2",
+                "safe-regex": "1.1.0"
+              }
+            }
+          }
+        }
+      }
+    },
+    "@types/form-data": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@types/form-data/-/form-data-2.2.1.tgz",
+      "integrity": "sha512-JAMFhOaHIciYVh8fb5/83nmuO/AHwmto+Hq7a9y8FzLDcC1KCU344XDOMEmahnrTFlHjgh4L0WJFczNIX2GxnQ==",
+      "requires": {
+        "@types/node": "6.0.96"
+      }
+    },
+    "@types/jasmine": {
+      "version": "2.5.38",
+      "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-2.5.38.tgz",
+      "integrity": "sha1-pDeRJMSSHU4h3lTsdGacnps1Zxc=",
+      "dev": true
+    },
+    "@types/jasminewd2": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/jasminewd2/-/jasminewd2-2.0.3.tgz",
+      "integrity": "sha512-hYDVmQZT5VA2kigd4H4bv7vl/OhlympwREUemqBdOqtrYTo5Ytm12a5W5/nGgGYdanGVxj0x/VhZ7J3hOg/YKg==",
+      "dev": true,
+      "requires": {
+        "@types/jasmine": "2.5.38"
+      }
+    },
+    "@types/node": {
+      "version": "6.0.96",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-6.0.96.tgz",
+      "integrity": "sha512-fsOOY6tMQ3jCB2wD51XFDmmpgm4wVKkJECdcVRqapbJEa7awJDcr+SaH8toz+4r4KW8YQ3M7ybXMoSDo1QGewA=="
+    },
+    "@types/q": {
+      "version": "0.0.32",
+      "resolved": "https://registry.npmjs.org/@types/q/-/q-0.0.32.tgz",
+      "integrity": "sha1-vShOV8hPEyXacCur/IKlMoGQwMU=",
+      "dev": true
+    },
+    "@types/selenium-webdriver": {
+      "version": "2.53.43",
+      "resolved": "https://registry.npmjs.org/@types/selenium-webdriver/-/selenium-webdriver-2.53.43.tgz",
+      "integrity": "sha512-UBYHWph6P3tutkbXpW6XYg9ZPbTKjw/YC2hGG1/GEvWwTbvezBUv3h+mmUFw79T3RFPnmedpiXdOBbXX+4l0jg==",
+      "dev": true
+    },
+    "abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "dev": true
+    },
+    "accepts": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.4.tgz",
+      "integrity": "sha1-hiRnWMfdbSGmR0/whKR0DsBesh8=",
+      "requires": {
+        "mime-types": "2.1.17",
+        "negotiator": "0.6.1"
+      }
+    },
+    "acorn": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.3.0.tgz",
+      "integrity": "sha512-Yej+zOJ1Dm/IMZzzj78OntP/r3zHEaKcyNoU2lAaxPtrseM6rF0xwqoz5Q5ysAiED9hTjI2hgtvLXitlCN1/Ug==",
+      "dev": true
+    },
+    "acorn-dynamic-import": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-2.0.2.tgz",
+      "integrity": "sha1-x1K9IQvvZ5UBtsbLf8hPj0cVjMQ=",
+      "requires": {
+        "acorn": "4.0.13"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "4.0.13",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-4.0.13.tgz",
+          "integrity": "sha1-EFSVrlNh1pe9GVyCUZLhrX8lN4c="
+        }
+      }
+    },
+    "adm-zip": {
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.4.7.tgz",
+      "integrity": "sha1-hgbCy/HEJs6MjsABdER/1Jtur8E=",
+      "dev": true
+    },
+    "after": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz",
+      "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=",
+      "dev": true
+    },
+    "agent-base": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-2.1.1.tgz",
+      "integrity": "sha1-1t4Q1a9hMtW9aSQn1G/FOFOQlMc=",
+      "dev": true,
+      "requires": {
+        "extend": "3.0.1",
+        "semver": "5.0.3"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.0.3",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.0.3.tgz",
+          "integrity": "sha1-d0Zt5YnNXTyV8TiqeLxWmjy10no=",
+          "dev": true
+        }
+      }
+    },
+    "align-text": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz",
+      "integrity": "sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=",
+      "requires": {
+        "kind-of": "3.2.2",
+        "longest": "1.0.1",
+        "repeat-string": "1.6.1"
+      }
+    },
+    "amdefine": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
+      "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
+      "dev": true
+    },
+    "ansi-align": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-2.0.0.tgz",
+      "integrity": "sha1-w2rsy6VjuJzrVW82kPCx2eNUf38=",
+      "requires": {
+        "string-width": "2.1.1"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg="
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8="
+        },
+        "string-width": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+          "requires": {
+            "is-fullwidth-code-point": "2.0.0",
+            "strip-ansi": "4.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+          "requires": {
+            "ansi-regex": "3.0.0"
+          }
+        }
+      }
+    },
+    "ansi-escapes": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-1.4.0.tgz",
+      "integrity": "sha1-06ioOzGapneTZisT52HHkRQiMG4="
+    },
+    "ansi-gray": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-gray/-/ansi-gray-0.1.1.tgz",
+      "integrity": "sha1-KWLPVOyXksSFEKPetSRDaGHvclE=",
+      "requires": {
+        "ansi-wrap": "0.1.0"
+      }
+    },
+    "ansi-html": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.7.tgz",
+      "integrity": "sha1-gTWEAhliqenm/QOflA0S9WynhZ4=",
+      "dev": true
+    },
+    "ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
+    },
+    "ansi-styles": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
+      "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
+      "requires": {
+        "color-convert": "1.9.1"
+      }
+    },
+    "ansi-wrap": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-wrap/-/ansi-wrap-0.1.0.tgz",
+      "integrity": "sha1-qCJQ3bABXponyoLoLqYDu/pF768="
+    },
+    "any-observable": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/any-observable/-/any-observable-0.2.0.tgz",
+      "integrity": "sha1-xnhwBYADV5AJCD9UrAq6+1wz0kI="
+    },
+    "anymatch": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-1.3.2.tgz",
+      "integrity": "sha512-0XNayC8lTHQ2OI8aljNCN3sSx6hsr/1+rlcDAotXJR7C1oZZHCNsfpbKwMjRA3Uqb5tF1Rae2oloTr4xpq+WjA==",
+      "requires": {
+        "micromatch": "2.3.11",
+        "normalize-path": "2.1.1"
+      }
+    },
+    "app-root-path": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/app-root-path/-/app-root-path-2.0.1.tgz",
+      "integrity": "sha1-zWLc+OT9WkF+/GZNLlsQZTxlG0Y=",
+      "dev": true
+    },
+    "append-field": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/append-field/-/append-field-0.1.0.tgz",
+      "integrity": "sha1-bdxY+gg8e8VF08WZWygwzCNm1Eo="
+    },
+    "append-transform": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/append-transform/-/append-transform-0.4.0.tgz",
+      "integrity": "sha1-126/jKlNJ24keja61EpLdKthGZE=",
+      "dev": true,
+      "requires": {
+        "default-require-extensions": "1.0.0"
+      }
+    },
+    "aproba": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+      "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
+      "dev": true
+    },
+    "archy": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz",
+      "integrity": "sha1-+cjBN1fMHde8N5rHeyxipcKGjEA="
+    },
+    "are-we-there-yet": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.4.tgz",
+      "integrity": "sha1-u13KOCu5TwXhUZQ3PRb9O6HKEQ0=",
+      "dev": true,
+      "requires": {
+        "delegates": "1.0.0",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "argparse": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.9.tgz",
+      "integrity": "sha1-c9g7wmP4bpf4zE9rrhsOkKfSLIY=",
+      "dev": true,
+      "requires": {
+        "sprintf-js": "1.0.3"
+      }
+    },
+    "arr-diff": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-2.0.0.tgz",
+      "integrity": "sha1-jzuCf5Vai9ZpaX5KQlasPOrjVs8=",
+      "requires": {
+        "arr-flatten": "1.1.0"
+      }
+    },
+    "arr-flatten": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+      "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg=="
+    },
+    "arr-union": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+      "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ="
+    },
+    "array-differ": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-1.0.0.tgz",
+      "integrity": "sha1-7/UuN1gknTO+QCuLuOVkuytdQDE="
+    },
+    "array-each": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/array-each/-/array-each-1.0.1.tgz",
+      "integrity": "sha1-p5SvDAWrF1KEbudTofIRoFugxE8="
+    },
+    "array-find-index": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
+      "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E="
+    },
+    "array-flatten": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.1.tgz",
+      "integrity": "sha1-Qmu52oQJDBg42BLIFQryCoMx4pY=",
+      "dev": true
+    },
+    "array-includes": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.0.3.tgz",
+      "integrity": "sha1-GEtI9i2S10UrsxsyMWXH+L0CJm0=",
+      "dev": true,
+      "requires": {
+        "define-properties": "1.1.2",
+        "es-abstract": "1.10.0"
+      }
+    },
+    "array-slice": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz",
+      "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=",
+      "dev": true
+    },
+    "array-union": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+      "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=",
+      "requires": {
+        "array-uniq": "1.0.3"
+      }
+    },
+    "array-uniq": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+      "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY="
+    },
+    "array-unique": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz",
+      "integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM="
+    },
+    "arraybuffer.slice": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/arraybuffer.slice/-/arraybuffer.slice-0.0.6.tgz",
+      "integrity": "sha1-8zshWfBTKj8xB6JywMz70a0peco=",
+      "dev": true
+    },
+    "arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0="
+    },
+    "asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
+      "dev": true,
+      "optional": true
+    },
+    "asn1": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz",
+      "integrity": "sha1-2sh4dxPJlmhJ/IGAd36+nB3fO4Y=",
+      "dev": true
+    },
+    "asn1.js": {
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-4.9.2.tgz",
+      "integrity": "sha512-b/OsSjvWEo8Pi8H0zsDd2P6Uqo2TK2pH8gNLSJtNLM2Db0v2QaAZ0pBQJXVjAn4gBuugeVDr7s63ZogpUIwWDg==",
+      "requires": {
+        "bn.js": "4.11.8",
+        "inherits": "2.0.3",
+        "minimalistic-assert": "1.0.0"
+      }
+    },
+    "assert": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-1.4.1.tgz",
+      "integrity": "sha1-mZEtWRg2tab1s0XA8H7vwI/GXZE=",
+      "requires": {
+        "util": "0.10.3"
+      }
+    },
+    "assert-plus": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.2.0.tgz",
+      "integrity": "sha1-104bh+ev/A24qttwIfP+SBAasjQ=",
+      "dev": true
+    },
+    "assign-symbols": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+      "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c="
+    },
+    "async": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.0.tgz",
+      "integrity": "sha512-xAfGg1/NTLBBKlHFmnd7PlmUW9KhVQIUuSrYem9xzFUZy13ScvtyGGejaae9iAVRiRq9+Cx7DPFaAAhCpyxyPw==",
+      "requires": {
+        "lodash": "4.17.4"
+      }
+    },
+    "async-each": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.1.tgz",
+      "integrity": "sha1-GdOGodntxufByF04iu28xW0zYC0="
+    },
+    "async-foreach": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz",
+      "integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=",
+      "dev": true
+    },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k="
+    },
+    "atob": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/atob/-/atob-2.0.3.tgz",
+      "integrity": "sha1-GcenYEc3dEaPILLS0DNyrX1Mv10="
+    },
+    "awesome-typescript-loader": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/awesome-typescript-loader/-/awesome-typescript-loader-3.1.2.tgz",
+      "integrity": "sha1-PfGSuRpihfeVymXmOq0RT7tE9xA=",
+      "requires": {
+        "colors": "1.1.2",
+        "enhanced-resolve": "3.4.1",
+        "loader-utils": "1.1.0",
+        "lodash": "4.17.4",
+        "mkdirp": "0.5.1",
+        "object-assign": "4.1.1",
+        "source-map-support": "0.4.18"
+      }
+    },
+    "aws-sign2": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.6.0.tgz",
+      "integrity": "sha1-FDQt0428yU0OW4fXY81jYSwOeU8=",
+      "dev": true
+    },
+    "aws4": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.6.0.tgz",
+      "integrity": "sha1-g+9cqGCysy5KDe7e6MdxudtXRx4=",
+      "dev": true
+    },
+    "babel-code-frame": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
+      "integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=",
+      "dev": true,
+      "requires": {
+        "chalk": "1.1.3",
+        "esutils": "2.0.2",
+        "js-tokens": "3.0.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+          "dev": true
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "2.2.1",
+            "escape-string-regexp": "1.0.5",
+            "has-ansi": "2.0.0",
+            "strip-ansi": "3.0.1",
+            "supports-color": "2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+          "dev": true
+        }
+      }
+    },
+    "babel-generator": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-generator/-/babel-generator-6.26.0.tgz",
+      "integrity": "sha1-rBriAHC3n248odMmlhMFN3TyDcU=",
+      "dev": true,
+      "requires": {
+        "babel-messages": "6.23.0",
+        "babel-runtime": "6.26.0",
+        "babel-types": "6.26.0",
+        "detect-indent": "4.0.0",
+        "jsesc": "1.3.0",
+        "lodash": "4.17.4",
+        "source-map": "0.5.7",
+        "trim-right": "1.0.1"
+      },
+      "dependencies": {
+        "jsesc": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz",
+          "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=",
+          "dev": true
+        }
+      }
+    },
+    "babel-messages": {
+      "version": "6.23.0",
+      "resolved": "https://registry.npmjs.org/babel-messages/-/babel-messages-6.23.0.tgz",
+      "integrity": "sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "6.26.0"
+      }
+    },
+    "babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
+      "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
+      "dev": true,
+      "requires": {
+        "core-js": "2.4.1",
+        "regenerator-runtime": "0.11.1"
+      }
+    },
+    "babel-template": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-template/-/babel-template-6.26.0.tgz",
+      "integrity": "sha1-3gPi0WOWsGn0bdn/+FIfsaDjXgI=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "6.26.0",
+        "babel-traverse": "6.26.0",
+        "babel-types": "6.26.0",
+        "babylon": "6.18.0",
+        "lodash": "4.17.4"
+      }
+    },
+    "babel-traverse": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-traverse/-/babel-traverse-6.26.0.tgz",
+      "integrity": "sha1-RqnL1+3MYsjlwGTi0tjQ9ANXZu4=",
+      "dev": true,
+      "requires": {
+        "babel-code-frame": "6.26.0",
+        "babel-messages": "6.23.0",
+        "babel-runtime": "6.26.0",
+        "babel-types": "6.26.0",
+        "babylon": "6.18.0",
+        "debug": "2.6.9",
+        "globals": "9.18.0",
+        "invariant": "2.2.2",
+        "lodash": "4.17.4"
+      }
+    },
+    "babel-types": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz",
+      "integrity": "sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "6.26.0",
+        "esutils": "2.0.2",
+        "lodash": "4.17.4",
+        "to-fast-properties": "1.0.3"
+      }
+    },
+    "babylon": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz",
+      "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==",
+      "dev": true
+    },
+    "backo2": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz",
+      "integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc=",
+      "dev": true
+    },
+    "balanced-match": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
+    },
+    "base": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+      "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+      "requires": {
+        "cache-base": "1.0.1",
+        "class-utils": "0.3.5",
+        "component-emitter": "1.2.1",
+        "define-property": "1.0.0",
+        "isobject": "3.0.1",
+        "mixin-deep": "1.3.0",
+        "pascalcase": "0.1.1"
+      },
+      "dependencies": {
+        "component-emitter": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
+          "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY="
+        }
+      }
+    },
+    "base64-arraybuffer": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz",
+      "integrity": "sha1-c5JncZI7Whl0etZmqlzUv5xunOg=",
+      "dev": true
+    },
+    "base64-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.2.1.tgz",
+      "integrity": "sha512-dwVUVIXsBZXwTuwnXI9RK8sBmgq09NDHzyR9SAph9eqk76gKK2JSQmZARC2zRC81JC2QTtxD0ARU5qTS25gIGw=="
+    },
+    "base64id": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/base64id/-/base64id-1.0.0.tgz",
+      "integrity": "sha1-R2iMuZu2gE8OBtPnY7HDLlfY5rY=",
+      "dev": true
+    },
+    "base64url": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/base64url/-/base64url-2.0.0.tgz",
+      "integrity": "sha1-6sFuA+oUOO/5Qj1puqNiYu0fcLs="
+    },
+    "basic-auth": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.0.tgz",
+      "integrity": "sha1-AV2z81PgLlY3d1X5YnQuiYHnu7o=",
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "batch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+      "integrity": "sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=",
+      "dev": true
+    },
+    "bcrypt-nodejs": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/bcrypt-nodejs/-/bcrypt-nodejs-0.0.3.tgz",
+      "integrity": "sha1-xgkX8m3CNWYVZsaBBhwwPCsohCs="
+    },
+    "bcrypt-pbkdf": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz",
+      "integrity": "sha1-Y7xdy2EzG5K8Bf1SiVPDNGKgb40=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "tweetnacl": "0.14.5"
+      }
+    },
+    "beeper": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/beeper/-/beeper-1.1.1.tgz",
+      "integrity": "sha1-5tXqjF2tABMEpwsiY4RH9pyy+Ak="
+    },
+    "better-assert": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/better-assert/-/better-assert-1.0.2.tgz",
+      "integrity": "sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=",
+      "dev": true,
+      "requires": {
+        "callsite": "1.0.0"
+      }
+    },
+    "big.js": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz",
+      "integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q=="
+    },
+    "binary-extensions": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.11.0.tgz",
+      "integrity": "sha1-RqoXUftqL5PuXmibsQh9SxTGwgU="
+    },
+    "blob": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/blob/-/blob-0.0.4.tgz",
+      "integrity": "sha1-vPEwUspURj8w+fx+lbmkdjCpSSE=",
+      "dev": true
+    },
+    "block-stream": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
+      "integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3"
+      }
+    },
+    "blocking-proxy": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/blocking-proxy/-/blocking-proxy-0.0.5.tgz",
+      "integrity": "sha1-RikF4Nz76pcPQao3Ij3anAexkSs=",
+      "dev": true,
+      "requires": {
+        "minimist": "1.2.0"
+      }
+    },
+    "bluebird": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.1.tgz",
+      "integrity": "sha512-MKiLiV+I1AA596t9w1sQJ8jkiSr5+ZKi0WKrYGUn6d1Fx+Ij4tIj+m2WMQSGczs5jZVxV339chE8iwk6F64wjA=="
+    },
+    "bn.js": {
+      "version": "4.11.8",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
+      "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA=="
+    },
+    "body-parser": {
+      "version": "1.18.2",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz",
+      "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=",
+      "requires": {
+        "bytes": "3.0.0",
+        "content-type": "1.0.4",
+        "debug": "2.6.9",
+        "depd": "1.1.1",
+        "http-errors": "1.6.2",
+        "iconv-lite": "0.4.19",
+        "on-finished": "2.3.0",
+        "qs": "6.5.1",
+        "raw-body": "2.3.2",
+        "type-is": "1.6.15"
+      },
+      "dependencies": {
+        "qs": {
+          "version": "6.5.1",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz",
+          "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A=="
+        }
+      }
+    },
+    "bonjour": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/bonjour/-/bonjour-3.5.0.tgz",
+      "integrity": "sha1-jokKGD2O6aI5OzhExpGkK897yfU=",
+      "dev": true,
+      "requires": {
+        "array-flatten": "2.1.1",
+        "deep-equal": "1.0.1",
+        "dns-equal": "1.0.0",
+        "dns-txt": "2.0.2",
+        "multicast-dns": "6.2.1",
+        "multicast-dns-service-types": "1.1.0"
+      }
+    },
+    "boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
+      "dev": true
+    },
+    "boom": {
+      "version": "2.10.1",
+      "resolved": "https://registry.npmjs.org/boom/-/boom-2.10.1.tgz",
+      "integrity": "sha1-OciRjO/1eZ+D+UkqhI9iWt0Mdm8=",
+      "dev": true,
+      "requires": {
+        "hoek": "2.16.3"
+      }
+    },
+    "boxen": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/boxen/-/boxen-1.3.0.tgz",
+      "integrity": "sha512-TNPjfTr432qx7yOjQyaXm3dSR0MH9vXp7eT1BFSl/C51g+EFnOR9hTg1IreahGBmDNCehscshe45f+C1TBZbLw==",
+      "requires": {
+        "ansi-align": "2.0.0",
+        "camelcase": "4.1.0",
+        "chalk": "2.2.2",
+        "cli-boxes": "1.0.0",
+        "string-width": "2.1.1",
+        "term-size": "1.2.0",
+        "widest-line": "2.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg="
+        },
+        "camelcase": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+          "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0="
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8="
+        },
+        "string-width": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+          "requires": {
+            "is-fullwidth-code-point": "2.0.0",
+            "strip-ansi": "4.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+          "requires": {
+            "ansi-regex": "3.0.0"
+          }
+        }
+      }
+    },
+    "brace-expansion": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.8.tgz",
+      "integrity": "sha1-wHshHHyVLsH479Uad+8NHTmQopI=",
+      "requires": {
+        "balanced-match": "1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "braces": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz",
+      "integrity": "sha1-uneWLhLf+WnWt2cR6RS3N4V79qc=",
+      "requires": {
+        "expand-range": "1.8.2",
+        "preserve": "0.2.0",
+        "repeat-element": "1.1.2"
+      }
+    },
+    "brorand": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
+      "integrity": "sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8="
+    },
+    "browserify-aes": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.1.1.tgz",
+      "integrity": "sha512-UGnTYAnB2a3YuYKIRy1/4FB2HdM866E0qC46JXvVTYKlBlZlnvfpSfY6OKfXZAkv70eJ2a1SqzpAo5CRhZGDFg==",
+      "requires": {
+        "buffer-xor": "1.0.3",
+        "cipher-base": "1.0.4",
+        "create-hash": "1.1.3",
+        "evp_bytestokey": "1.0.3",
+        "inherits": "2.0.3",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "browserify-cipher": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.0.tgz",
+      "integrity": "sha1-mYgkSHS/XtTijalWZtzWasj8Njo=",
+      "requires": {
+        "browserify-aes": "1.1.1",
+        "browserify-des": "1.0.0",
+        "evp_bytestokey": "1.0.3"
+      }
+    },
+    "browserify-des": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.0.tgz",
+      "integrity": "sha1-2qJ3cXRwki7S/hhZQRihdUOXId0=",
+      "requires": {
+        "cipher-base": "1.0.4",
+        "des.js": "1.0.0",
+        "inherits": "2.0.3"
+      }
+    },
+    "browserify-rsa": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
+      "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=",
+      "requires": {
+        "bn.js": "4.11.8",
+        "randombytes": "2.0.5"
+      }
+    },
+    "browserify-sign": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.0.4.tgz",
+      "integrity": "sha1-qk62jl17ZYuqa/alfmMMvXqT0pg=",
+      "requires": {
+        "bn.js": "4.11.8",
+        "browserify-rsa": "4.0.1",
+        "create-hash": "1.1.3",
+        "create-hmac": "1.1.6",
+        "elliptic": "6.4.0",
+        "inherits": "2.0.3",
+        "parse-asn1": "5.1.0"
+      }
+    },
+    "browserify-zlib": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+      "requires": {
+        "pako": "1.0.6"
+      }
+    },
+    "bson": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-1.0.6.tgz",
+      "integrity": "sha512-D8zmlb46xfuK2gGvKmUjIklQEouN2nQ0LEHHeZ/NoHM2LDiMk2EYzZ5Ntw/Urk+bgMDosOZxaRzXxvhI5TcAVQ=="
+    },
+    "buffer": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",
+      "integrity": "sha1-bRu2AbB6TvztlwlBMgkwJ8lbwpg=",
+      "requires": {
+        "base64-js": "1.2.1",
+        "ieee754": "1.1.8",
+        "isarray": "1.0.0"
+      }
+    },
+    "buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha1-+OcRMvf/5uAaXJaXpMbz5I1cyBk="
+    },
+    "buffer-from": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.0.0.tgz",
+      "integrity": "sha512-83apNb8KK0Se60UE1+4Ukbe3HbfELJ6UlI4ldtOGs7So4KD26orJM8hIY9lxdzP+UpItH1Yh/Y8GUvNFWFFRxA=="
+    },
+    "buffer-indexof": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/buffer-indexof/-/buffer-indexof-1.1.1.tgz",
+      "integrity": "sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==",
+      "dev": true
+    },
+    "buffer-xor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
+      "integrity": "sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk="
+    },
+    "builtin-modules": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz",
+      "integrity": "sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8="
+    },
+    "builtin-status-codes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
+      "integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug="
+    },
+    "builtins": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/builtins/-/builtins-1.0.3.tgz",
+      "integrity": "sha1-y5T662HIaWRR2zZTThQi+U8K7og=",
+      "dev": true
+    },
+    "busboy": {
+      "version": "0.2.14",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-0.2.14.tgz",
+      "integrity": "sha1-bCpiLvz0fFe7vh4qnDetNseSVFM=",
+      "requires": {
+        "dicer": "0.2.5",
+        "readable-stream": "1.1.14"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
+        },
+        "readable-stream": {
+          "version": "1.1.14",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
+          "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=",
+          "requires": {
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "0.0.1",
+            "string_decoder": "0.10.31"
+          }
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ="
+        }
+      }
+    },
+    "bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg="
+    },
+    "cache-base": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+      "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+      "requires": {
+        "collection-visit": "1.0.0",
+        "component-emitter": "1.2.1",
+        "get-value": "2.0.6",
+        "has-value": "1.0.0",
+        "isobject": "3.0.1",
+        "set-value": "2.0.0",
+        "to-object-path": "0.3.0",
+        "union-value": "1.0.0",
+        "unset-value": "1.0.0"
+      },
+      "dependencies": {
+        "component-emitter": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
+          "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY="
+        }
+      }
+    },
+    "cache-loader": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/cache-loader/-/cache-loader-1.2.2.tgz",
+      "integrity": "sha512-rsGh4SIYyB9glU+d0OcHwiXHXBoUgDhHZaQ1KAbiXqfz1CDPxtTboh1gPbJ0q2qdO8a9lfcjgC5CJ2Ms32y5bw==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "1.1.0",
+        "mkdirp": "0.5.1",
+        "neo-async": "2.5.1",
+        "schema-utils": "0.4.5"
+      },
+      "dependencies": {
+        "ajv": {
+          "version": "6.4.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.4.0.tgz",
+          "integrity": "sha1-06/3jpJ3VJdx2vAWTP9ISCt1T8Y=",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "1.0.0",
+            "fast-json-stable-stringify": "2.0.0",
+            "json-schema-traverse": "0.3.1",
+            "uri-js": "3.0.2"
+          }
+        },
+        "ajv-keywords": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.2.0.tgz",
+          "integrity": "sha1-6GuBnGAs+IIa1jdBNpjx3sAhhHo=",
+          "dev": true
+        },
+        "schema-utils": {
+          "version": "0.4.5",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.5.tgz",
+          "integrity": "sha512-yYrjb9TX2k/J1Y5UNy3KYdZq10xhYcF8nMpAW6o3hy6Q8WSIEf9lJHG/ePnOBfziPM3fvQwfOwa13U/Fh8qTfA==",
+          "dev": true,
+          "requires": {
+            "ajv": "6.4.0",
+            "ajv-keywords": "3.2.0"
+          }
+        }
+      }
+    },
+    "callsite": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
+      "integrity": "sha1-KAOY5dZkvXQDi28JBRU+borxvCA=",
+      "dev": true
+    },
+    "camel-case": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-3.0.0.tgz",
+      "integrity": "sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M=",
+      "dev": true,
+      "requires": {
+        "no-case": "2.3.2",
+        "upper-case": "1.1.3"
+      }
+    },
+    "camelcase": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
+      "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8="
+    },
+    "camelcase-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+      "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
+      "requires": {
+        "camelcase": "2.1.1",
+        "map-obj": "1.0.1"
+      }
+    },
+    "caniuse-lite": {
+      "version": "1.0.30000833",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000833.tgz",
+      "integrity": "sha512-tKNuKu4WLImh4NxoTgntxFpDrRiA0Q6Q1NycNhuMST0Kx+Pt8YnRDW6V8xsyH6AtO2CpAoibatEk5eaEhP3O1g==",
+      "dev": true
+    },
+    "capture-stack-trace": {
+      "version": "1.0.0",
+      "resolved": "http://registry.npmjs.org/capture-stack-trace/-/capture-stack-trace-1.0.0.tgz",
+      "integrity": "sha1-Sm+gc5nCa7pH8LJJa00PtAjFVQ0="
+    },
+    "caseless": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
+      "dev": true
+    },
+    "center-align": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz",
+      "integrity": "sha1-qg0yYptu6XIgBBHL1EYckHvCt60=",
+      "requires": {
+        "align-text": "0.1.4",
+        "lazy-cache": "1.0.4"
+      },
+      "dependencies": {
+        "lazy-cache": {
+          "version": "1.0.4",
+          "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+          "integrity": "sha1-odePw6UEdMuAhF07O24dpJpEbo4="
+        }
+      }
+    },
+    "chalk": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.2.2.tgz",
+      "integrity": "sha512-LvixLAQ4MYhbf7hgL4o5PeK32gJKvVzDRiSNIApDofQvyhl8adgG2lJVXn4+ekQoK7HL9RF8lqxwerpe0x2pCw==",
+      "requires": {
+        "ansi-styles": "3.2.0",
+        "escape-string-regexp": "1.0.5",
+        "supports-color": "4.5.0"
+      }
+    },
+    "chardet": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.4.2.tgz",
+      "integrity": "sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I="
+    },
+    "charenc": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
+      "integrity": "sha1-wKHS86cJLgN3S/qD8UwPxXkKhmc="
+    },
+    "chart.js": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-2.5.0.tgz",
+      "integrity": "sha1-/m51Gok3afVucr7lrZEgfhxZKVc=",
+      "requires": {
+        "chartjs-color": "2.2.0",
+        "moment": "2.20.1"
+      }
+    },
+    "chartjs-color": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/chartjs-color/-/chartjs-color-2.2.0.tgz",
+      "integrity": "sha1-hKL7dVeH7YXDndbdjHsdiEKbrq4=",
+      "requires": {
+        "chartjs-color-string": "0.5.0",
+        "color-convert": "0.5.3"
+      },
+      "dependencies": {
+        "color-convert": {
+          "version": "0.5.3",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-0.5.3.tgz",
+          "integrity": "sha1-vbbGnOZg+t/+CwAHzER+G59ygr0="
+        }
+      }
+    },
+    "chartjs-color-string": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/chartjs-color-string/-/chartjs-color-string-0.5.0.tgz",
+      "integrity": "sha512-amWNvCOXlOUYxZVDSa0YOab5K/lmEhbFNKI55PWc4mlv28BDzA7zaoQTGxSBgJMHIW+hGX8YUrvw/FH4LyhwSQ==",
+      "requires": {
+        "color-name": "1.1.3"
+      }
+    },
+    "chokidar": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-1.7.0.tgz",
+      "integrity": "sha1-eY5ol3gVHIB2tLNg5e3SjNortGg=",
+      "requires": {
+        "anymatch": "1.3.2",
+        "async-each": "1.0.1",
+        "fsevents": "1.1.3",
+        "glob-parent": "2.0.0",
+        "inherits": "2.0.3",
+        "is-binary-path": "1.0.1",
+        "is-glob": "2.0.1",
+        "path-is-absolute": "1.0.1",
+        "readdirp": "2.1.0"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA="
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
+        }
+      }
+    },
+    "chownr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.0.1.tgz",
+      "integrity": "sha1-4qdQQqlVGQi+vSW4Uj1fl2nXkYE=",
+      "dev": true
+    },
+    "chrome-trace-event": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-0.1.3.tgz",
+      "integrity": "sha512-sjndyZHrrWiu4RY7AkHgjn80GfAM2ZSzUkZLV/Js59Ldmh6JDThf0SUmOHU53rFu2rVxxfCzJ30Ukcfch3Gb/A==",
+      "dev": true
+    },
+    "cipher-base": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
+      "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
+      "requires": {
+        "inherits": "2.0.3",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "class-utils": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.5.tgz",
+      "integrity": "sha1-F+eTEDdQ+WJ7IXbqNM/RtWWQPIA=",
+      "requires": {
+        "arr-union": "3.1.0",
+        "define-property": "0.2.5",
+        "isobject": "3.0.1",
+        "lazy-cache": "2.0.2",
+        "static-extend": "0.1.2"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "requires": {
+            "is-descriptor": "0.1.6"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+          "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-data-descriptor": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+          "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+          "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+          "requires": {
+            "is-accessor-descriptor": "0.1.6",
+            "is-data-descriptor": "0.1.4",
+            "kind-of": "5.1.0"
+          }
+        },
+        "kind-of": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+          "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+        },
+        "lazy-cache": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-2.0.2.tgz",
+          "integrity": "sha1-uRkKT5EzVGlIQIWfio9whNiCImQ=",
+          "requires": {
+            "set-getter": "0.1.0"
+          }
+        }
+      }
+    },
+    "classlist.js": {
+      "version": "1.1.20150312",
+      "resolved": "https://registry.npmjs.org/classlist.js/-/classlist.js-1.1.20150312.tgz",
+      "integrity": "sha1-HXCEL3Ai8I2awIbOaeWyUPLFd4k="
+    },
+    "clean-css": {
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.1.9.tgz",
+      "integrity": "sha1-Nc7ornaHpJuYA09w3gDE7dOCYwE=",
+      "dev": true,
+      "requires": {
+        "source-map": "0.5.7"
+      }
+    },
+    "cli-boxes": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-1.0.0.tgz",
+      "integrity": "sha1-T6kXw+WclKAEzWH47lCdplFocUM="
+    },
+    "cli-cursor": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
+      "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
+      "requires": {
+        "restore-cursor": "2.0.0"
+      }
+    },
+    "cli-spinners": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-0.1.2.tgz",
+      "integrity": "sha1-u3ZNiOGF+54eaiofGXcjGPYF4xw="
+    },
+    "cli-truncate": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-0.2.1.tgz",
+      "integrity": "sha1-nxXPuwcFAFNpIWxiasfQWrkN1XQ=",
+      "requires": {
+        "slice-ansi": "0.0.4",
+        "string-width": "1.0.2"
+      }
+    },
+    "cli-width": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-2.2.0.tgz",
+      "integrity": "sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk="
+    },
+    "cliui": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
+      "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
+      "dev": true,
+      "requires": {
+        "string-width": "1.0.2",
+        "strip-ansi": "3.0.1",
+        "wrap-ansi": "2.1.0"
+      }
+    },
+    "clone": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.3.tgz",
+      "integrity": "sha1-KY1+IjFmD0DAA8LtMUDezz9TCF8="
+    },
+    "clone-stats": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-0.0.1.tgz",
+      "integrity": "sha1-uI+UqCzzi4eR1YBG6kAprYjKmdE="
+    },
+    "co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+      "integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ="
+    },
+    "code-point-at": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
+      "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c="
+    },
+    "codelyzer": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/codelyzer/-/codelyzer-3.2.2.tgz",
+      "integrity": "sha512-VNvW9gRThsqRarEnLioiILd0Pdk0yCq/7cVgYvqHpC+3CHqfnrJfmXjoana7vzWfSis+9pODXofjCWX+nlU9Gw==",
+      "dev": true,
+      "requires": {
+        "app-root-path": "2.0.1",
+        "css-selector-tokenizer": "0.7.0",
+        "cssauron": "1.4.0",
+        "semver-dsl": "1.0.1",
+        "source-map": "0.5.7",
+        "sprintf-js": "1.0.3"
+      }
+    },
+    "collection-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+      "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=",
+      "requires": {
+        "map-visit": "1.0.0",
+        "object-visit": "1.0.1"
+      }
+    },
+    "color-convert": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.1.tgz",
+      "integrity": "sha512-mjGanIiwQJskCC18rPR6OmrZ6fm2Lc7PeGFYwCmy5J34wC6F1PzdGL6xeMfmgicfYcNLGuVFA3WzXtIDCQSZxQ==",
+      "requires": {
+        "color-name": "1.1.3"
+      }
+    },
+    "color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
+    },
+    "color-support": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
+      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg=="
+    },
+    "colors": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/colors/-/colors-1.1.2.tgz",
+      "integrity": "sha1-FopHAXVran9RoSzgyXv6KMCE7WM="
+    },
+    "combine-lists": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/combine-lists/-/combine-lists-1.0.1.tgz",
+      "integrity": "sha1-RYwH4J4NkA/Ci3Cj/sLazR0st/Y=",
+      "dev": true,
+      "requires": {
+        "lodash": "4.17.4"
+      }
+    },
+    "combined-stream": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.5.tgz",
+      "integrity": "sha1-k4NwpXtKUd6ix3wV1cX9+JUWQAk=",
+      "dev": true,
+      "requires": {
+        "delayed-stream": "1.0.0"
+      }
+    },
+    "commander": {
+      "version": "2.12.2",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.12.2.tgz",
+      "integrity": "sha512-BFnaq5ZOGcDN7FlrtBT4xxkgIToalIIxwjxLWVJ8bGTpe1LroqMiqQXdA7ygc7CRvaYS+9zfPGFnJqFSayx+AA==",
+      "dev": true
+    },
+    "commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=",
+      "dev": true
+    },
+    "component-bind": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/component-bind/-/component-bind-1.0.0.tgz",
+      "integrity": "sha1-AMYIq33Nk4l8AAllGx06jh5zu9E=",
+      "dev": true
+    },
+    "component-emitter": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.1.2.tgz",
+      "integrity": "sha1-KWWU8nU9qmOZbSrwjRWpURbJrsM=",
+      "dev": true
+    },
+    "component-inherit": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/component-inherit/-/component-inherit-0.0.3.tgz",
+      "integrity": "sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM=",
+      "dev": true
+    },
+    "compressible": {
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.12.tgz",
+      "integrity": "sha1-xZpcmdt2dn6YdlAOJx72OzSTvWY=",
+      "dev": true,
+      "requires": {
+        "mime-db": "1.30.0"
+      }
+    },
+    "compression": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.1.tgz",
+      "integrity": "sha1-7/JgPvwuIs+G810uuTWJ+YdTc9s=",
+      "dev": true,
+      "requires": {
+        "accepts": "1.3.4",
+        "bytes": "3.0.0",
+        "compressible": "2.0.12",
+        "debug": "2.6.9",
+        "on-headers": "1.0.1",
+        "safe-buffer": "5.1.1",
+        "vary": "1.1.2"
+      }
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+    },
+    "concat-stream": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.0.tgz",
+      "integrity": "sha1-CqxmL9Ur54lk1VMvaUeE5wEQrPc=",
+      "requires": {
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3",
+        "typedarray": "0.0.6"
+      }
+    },
+    "configstore": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/configstore/-/configstore-3.1.1.tgz",
+      "integrity": "sha512-5oNkD/L++l0O6xGXxb1EWS7SivtjfGQlRyxJsYgE0Z495/L81e2h4/d3r969hoPXuFItzNOKMtsXgYG4c7dYvw==",
+      "requires": {
+        "dot-prop": "4.2.0",
+        "graceful-fs": "4.1.11",
+        "make-dir": "1.1.0",
+        "unique-string": "1.0.0",
+        "write-file-atomic": "2.3.0",
+        "xdg-basedir": "3.0.0"
+      }
+    },
+    "connect": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/connect/-/connect-3.6.5.tgz",
+      "integrity": "sha1-+43ee6B2OHfQ7J352sC0tA5yx9o=",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "finalhandler": "1.0.6",
+        "parseurl": "1.3.2",
+        "utils-merge": "1.0.1"
+      },
+      "dependencies": {
+        "finalhandler": {
+          "version": "1.0.6",
+          "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.0.6.tgz",
+          "integrity": "sha1-AHrqM9Gk0+QgF/YkhIrVjSEvgU8=",
+          "dev": true,
+          "requires": {
+            "debug": "2.6.9",
+            "encodeurl": "1.0.1",
+            "escape-html": "1.0.3",
+            "on-finished": "2.3.0",
+            "parseurl": "1.3.2",
+            "statuses": "1.3.1",
+            "unpipe": "1.0.0"
+          }
+        }
+      }
+    },
+    "connect-history-api-fallback": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.5.0.tgz",
+      "integrity": "sha1-sGhzk0vF40T+9hGhlqb6rgruAVo=",
+      "dev": true
+    },
+    "console-browserify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.1.0.tgz",
+      "integrity": "sha1-8CQcRXMKn8YyOyBtvzjtx0HQuxA=",
+      "requires": {
+        "date-now": "0.1.4"
+      }
+    },
+    "console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
+      "dev": true
+    },
+    "constants-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
+      "integrity": "sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U="
+    },
+    "content-disposition": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
+      "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ="
+    },
+    "content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA=="
+    },
+    "convert-source-map": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.5.1.tgz",
+      "integrity": "sha1-uCeAl7m8IpNl3lxiz1/K7YtVmeU=",
+      "dev": true
+    },
+    "cookie": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz",
+      "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s="
+    },
+    "cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
+    },
+    "copy-concurrently": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/copy-concurrently/-/copy-concurrently-1.0.5.tgz",
+      "integrity": "sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==",
+      "dev": true,
+      "requires": {
+        "aproba": "1.2.0",
+        "fs-write-stream-atomic": "1.0.10",
+        "iferr": "0.1.5",
+        "mkdirp": "0.5.1",
+        "rimraf": "2.6.2",
+        "run-queue": "1.0.3"
+      }
+    },
+    "copy-descriptor": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+      "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40="
+    },
+    "core-js": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.4.1.tgz",
+      "integrity": "sha1-TekR5mew6ukSTjQlS1OupvxhjT4="
+    },
+    "core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
+    },
+    "cosmiconfig": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-2.2.2.tgz",
+      "integrity": "sha512-GiNXLwAFPYHy25XmTPpafYvn3CLAkJ8FLsscq78MQd1Kh0OU6Yzhn4eV2MVF4G9WEQZoWEGltatdR+ntGPMl5A==",
+      "dev": true,
+      "requires": {
+        "is-directory": "0.3.1",
+        "js-yaml": "3.7.0",
+        "minimist": "1.2.0",
+        "object-assign": "4.1.1",
+        "os-homedir": "1.0.2",
+        "parse-json": "2.2.0",
+        "require-from-string": "1.2.1"
+      }
+    },
+    "cp-file": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/cp-file/-/cp-file-4.2.0.tgz",
+      "integrity": "sha1-cVNhZjtx7eC23dvDyA4roC5yXsM=",
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "make-dir": "1.1.0",
+        "nested-error-stacks": "2.0.0",
+        "pify": "2.3.0",
+        "safe-buffer": "5.1.1"
+      },
+      "dependencies": {
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
+        }
+      }
+    },
+    "cpy": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/cpy/-/cpy-5.0.0.tgz",
+      "integrity": "sha1-gIcJhbj1CLUYxXgvp8o4llzxfVo=",
+      "requires": {
+        "arrify": "1.0.1",
+        "cp-file": "4.2.0",
+        "globby": "6.1.0",
+        "nested-error-stacks": "2.0.0"
+      },
+      "dependencies": {
+        "globby": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+          "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
+          "requires": {
+            "array-union": "1.0.2",
+            "glob": "7.1.2",
+            "object-assign": "4.1.1",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
+        }
+      }
+    },
+    "create-ecdh": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.0.tgz",
+      "integrity": "sha1-iIxyNZbN92EvZJgjPuvXo1MBc30=",
+      "requires": {
+        "bn.js": "4.11.8",
+        "elliptic": "6.4.0"
+      }
+    },
+    "create-error-class": {
+      "version": "3.0.2",
+      "resolved": "http://registry.npmjs.org/create-error-class/-/create-error-class-3.0.2.tgz",
+      "integrity": "sha1-Br56vvlHo/FKMP1hBnHUAbyot7Y=",
+      "requires": {
+        "capture-stack-trace": "1.0.0"
+      }
+    },
+    "create-hash": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.1.3.tgz",
+      "integrity": "sha1-YGBCrIuSYnUPSDyt2rD1gZFy2P0=",
+      "requires": {
+        "cipher-base": "1.0.4",
+        "inherits": "2.0.3",
+        "ripemd160": "2.0.1",
+        "sha.js": "2.4.9"
+      }
+    },
+    "create-hmac": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.6.tgz",
+      "integrity": "sha1-rLniIaThe9sHbpBlfEK5PjcmzwY=",
+      "requires": {
+        "cipher-base": "1.0.4",
+        "create-hash": "1.1.3",
+        "inherits": "2.0.3",
+        "ripemd160": "2.0.1",
+        "safe-buffer": "5.1.1",
+        "sha.js": "2.4.9"
+      }
+    },
+    "cross-spawn": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz",
+      "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=",
+      "dev": true,
+      "requires": {
+        "lru-cache": "4.1.1",
+        "which": "1.3.0"
+      }
+    },
+    "crypt": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
+      "integrity": "sha1-iNf/fsDfuG9xPch7u0LQRNPmxBs="
+    },
+    "cryptiles": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-2.0.5.tgz",
+      "integrity": "sha1-O9/s3GCBR8HGcgL6KR59ylnqo7g=",
+      "dev": true,
+      "requires": {
+        "boom": "2.10.1"
+      }
+    },
+    "crypto-browserify": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
+      "integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
+      "requires": {
+        "browserify-cipher": "1.0.0",
+        "browserify-sign": "4.0.4",
+        "create-ecdh": "4.0.0",
+        "create-hash": "1.1.3",
+        "create-hmac": "1.1.6",
+        "diffie-hellman": "5.0.2",
+        "inherits": "2.0.3",
+        "pbkdf2": "3.0.14",
+        "public-encrypt": "4.0.0",
+        "randombytes": "2.0.5",
+        "randomfill": "1.0.3"
+      }
+    },
+    "crypto-random-string": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-1.0.0.tgz",
+      "integrity": "sha1-ojD2T1aDEOFJgAmUB5DsmVRbyn4="
+    },
+    "css-parse": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/css-parse/-/css-parse-1.7.0.tgz",
+      "integrity": "sha1-Mh9s9zeCpv91ERE5D8BeLGV9jJs=",
+      "dev": true
+    },
+    "css-select": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
+      "integrity": "sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=",
+      "dev": true,
+      "requires": {
+        "boolbase": "1.0.0",
+        "css-what": "2.1.0",
+        "domutils": "1.5.1",
+        "nth-check": "1.0.1"
+      }
+    },
+    "css-selector-tokenizer": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.0.tgz",
+      "integrity": "sha1-5piEdK6MlTR3v15+/s/OzNnPTIY=",
+      "dev": true,
+      "requires": {
+        "cssesc": "0.1.0",
+        "fastparse": "1.1.1",
+        "regexpu-core": "1.0.0"
+      }
+    },
+    "css-what": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.0.tgz",
+      "integrity": "sha1-lGfQMsOM+u+58teVASUwYvh/ob0=",
+      "dev": true
+    },
+    "cssauron": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/cssauron/-/cssauron-1.4.0.tgz",
+      "integrity": "sha1-pmAt/34EqDBtwNuaVR6S6LVmKtg=",
+      "dev": true,
+      "requires": {
+        "through": "2.3.8"
+      }
+    },
+    "cssesc": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-0.1.0.tgz",
+      "integrity": "sha1-yBSQPkViM3GgR3tAEJqq++6t27Q=",
+      "dev": true
+    },
+    "cuint": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/cuint/-/cuint-0.2.2.tgz",
+      "integrity": "sha1-QICG1AlVDCYxFVYZ6fp7ytw7mRs=",
+      "dev": true
+    },
+    "currently-unhandled": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
+      "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
+      "requires": {
+        "array-find-index": "1.0.2"
+      }
+    },
+    "custom-event": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz",
+      "integrity": "sha1-XQKkaFCt8bSjF5RqOSj8y1v9BCU=",
+      "dev": true
+    },
+    "cyclist": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-0.2.2.tgz",
+      "integrity": "sha1-GzN5LhHpFKL9bW7WRHRkRE5fpkA=",
+      "dev": true
+    },
+    "d": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/d/-/d-1.0.0.tgz",
+      "integrity": "sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8=",
+      "dev": true,
+      "requires": {
+        "es5-ext": "0.10.37"
+      }
+    },
+    "dashdash": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+      "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0"
+      },
+      "dependencies": {
+        "assert-plus": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+          "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+          "dev": true
+        }
+      }
+    },
+    "date-fns": {
+      "version": "1.29.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-1.29.0.tgz",
+      "integrity": "sha512-lbTXWZ6M20cWH8N9S6afb0SBm6tMk+uUg6z3MqHPKE9atmsY3kJkTm8vKe93izJ2B2+q5MV990sM2CHgtAZaOw=="
+    },
+    "date-now": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/date-now/-/date-now-0.1.4.tgz",
+      "integrity": "sha1-6vQ5/U1ISK105cx9vvIAZyueNFs="
+    },
+    "dateformat": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-2.2.0.tgz",
+      "integrity": "sha1-QGXiATz5+5Ft39gu+1Bq1MZ2kGI="
+    },
+    "debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "requires": {
+        "ms": "2.0.0"
+      }
+    },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA="
+    },
+    "decode-uri-component": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
+      "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU="
+    },
+    "deep-equal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz",
+      "integrity": "sha1-9dJgKStmDghO/0zbyfCK0yR0SLU=",
+      "dev": true
+    },
+    "deep-extend": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.4.2.tgz",
+      "integrity": "sha1-SLaZwn4zS/ifEIkr5DL25MfTSn8="
+    },
+    "deep-is": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
+      "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
+      "dev": true
+    },
+    "default-require-extensions": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/default-require-extensions/-/default-require-extensions-1.0.0.tgz",
+      "integrity": "sha1-836hXT4T/9m0N9M+GnW1+5eHTLg=",
+      "dev": true,
+      "requires": {
+        "strip-bom": "2.0.0"
+      }
+    },
+    "defaults": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz",
+      "integrity": "sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=",
+      "requires": {
+        "clone": "1.0.3"
+      }
+    },
+    "define-properties": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.2.tgz",
+      "integrity": "sha1-g6c/L+pWmJj7c3GTyPhzyvbUXJQ=",
+      "dev": true,
+      "requires": {
+        "foreach": "2.0.5",
+        "object-keys": "1.0.11"
+      }
+    },
+    "define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+      "requires": {
+        "is-descriptor": "1.0.2"
+      }
+    },
+    "del": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/del/-/del-3.0.0.tgz",
+      "integrity": "sha1-U+z2mf/LyzljdpGrE7rxYIGXZuU=",
+      "requires": {
+        "globby": "6.1.0",
+        "is-path-cwd": "1.0.0",
+        "is-path-in-cwd": "1.0.0",
+        "p-map": "1.2.0",
+        "pify": "3.0.0",
+        "rimraf": "2.6.2"
+      },
+      "dependencies": {
+        "globby": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+          "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
+          "requires": {
+            "array-union": "1.0.2",
+            "glob": "7.1.2",
+            "object-assign": "4.1.1",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1"
+          },
+          "dependencies": {
+            "pify": {
+              "version": "2.3.0",
+              "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+              "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
+            }
+          }
+        }
+      }
+    },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk="
+    },
+    "delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
+      "dev": true
+    },
+    "depd": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz",
+      "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k="
+    },
+    "deprecated": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/deprecated/-/deprecated-0.0.1.tgz",
+      "integrity": "sha1-+cmvVGSvoeepcUWKi97yqpTVuxk="
+    },
+    "des.js": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.0.tgz",
+      "integrity": "sha1-wHTS4qpqipoH29YfmhXCzYPsjsw=",
+      "requires": {
+        "inherits": "2.0.3",
+        "minimalistic-assert": "1.0.0"
+      }
+    },
+    "destroy": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
+      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
+    },
+    "detect-file": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz",
+      "integrity": "sha1-8NZtA2cqglyxtzvbP+YjEMjlUrc="
+    },
+    "detect-indent": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-4.0.0.tgz",
+      "integrity": "sha1-920GQ1LN9Docts5hnE7jqUdd4gg=",
+      "dev": true,
+      "requires": {
+        "repeating": "2.0.1"
+      }
+    },
+    "detect-node": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.0.3.tgz",
+      "integrity": "sha1-ogM8CcyOFY03dI+951B4Mr1s4Sc=",
+      "dev": true
+    },
+    "di": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/di/-/di-0.0.1.tgz",
+      "integrity": "sha1-gGZJMmzqp8qjMG112YXqJ0i6kTw=",
+      "dev": true
+    },
+    "dicer": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/dicer/-/dicer-0.2.5.tgz",
+      "integrity": "sha1-WZbAhrszIYyBLAkL3cCc0S+stw8=",
+      "requires": {
+        "readable-stream": "1.1.14",
+        "streamsearch": "0.1.2"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
+        },
+        "readable-stream": {
+          "version": "1.1.14",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
+          "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=",
+          "requires": {
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "0.0.1",
+            "string_decoder": "0.10.31"
+          }
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ="
+        }
+      }
+    },
+    "diff": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-3.4.0.tgz",
+      "integrity": "sha512-QpVuMTEoJMF7cKzi6bvWhRulU1fZqZnvyVQgNhPaxxuTYwyjn/j1v9falseQ/uXWwPnO56RBfwtg4h/EQXmucA==",
+      "dev": true
+    },
+    "diffie-hellman": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.2.tgz",
+      "integrity": "sha1-tYNXOScM/ias9jIJn97SoH8gnl4=",
+      "requires": {
+        "bn.js": "4.11.8",
+        "miller-rabin": "4.0.1",
+        "randombytes": "2.0.5"
+      }
+    },
+    "dir-glob": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.0.0.tgz",
+      "integrity": "sha512-37qirFDz8cA5fimp9feo43fSuRo2gHwaIn6dXL8Ber1dGwUosDrGZeCCXq57WnIqE4aQ+u3eQZzsk1yOzhdwag==",
+      "dev": true,
+      "requires": {
+        "arrify": "1.0.1",
+        "path-type": "3.0.0"
+      }
+    },
+    "dns-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
+      "integrity": "sha1-s55/HabrCnW6nBcySzR1PEfgZU0=",
+      "dev": true
+    },
+    "dns-packet": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.2.2.tgz",
+      "integrity": "sha512-kN+DjfGF7dJGUL7nWRktL9Z18t1rWP3aQlyZdY8XlpvU3Nc6GeFTQApftcjtWKxAZfiggZSGrCEoszNgvnpwDg==",
+      "dev": true,
+      "requires": {
+        "ip": "1.1.5",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "dns-txt": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/dns-txt/-/dns-txt-2.0.2.tgz",
+      "integrity": "sha1-uR2Ab10nGI5Ks+fRB9iBocxGQrY=",
+      "dev": true,
+      "requires": {
+        "buffer-indexof": "1.1.1"
+      }
+    },
+    "dom-converter": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.1.4.tgz",
+      "integrity": "sha1-pF71cnuJDJv/5tfIduexnLDhfzs=",
+      "dev": true,
+      "requires": {
+        "utila": "0.3.3"
+      },
+      "dependencies": {
+        "utila": {
+          "version": "0.3.3",
+          "resolved": "https://registry.npmjs.org/utila/-/utila-0.3.3.tgz",
+          "integrity": "sha1-1+jn1+MJEHCSsF+NloiCTWM6QiY=",
+          "dev": true
+        }
+      }
+    },
+    "dom-serialize": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/dom-serialize/-/dom-serialize-2.2.1.tgz",
+      "integrity": "sha1-ViromZ9Evl6jB29UGdzVnrQ6yVs=",
+      "dev": true,
+      "requires": {
+        "custom-event": "1.0.1",
+        "ent": "2.2.0",
+        "extend": "3.0.1",
+        "void-elements": "2.0.1"
+      }
+    },
+    "dom-serializer": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.0.tgz",
+      "integrity": "sha1-BzxpdUbOB4DOI75KKOKT5AvDDII=",
+      "dev": true,
+      "requires": {
+        "domelementtype": "1.1.3",
+        "entities": "1.1.1"
+      },
+      "dependencies": {
+        "domelementtype": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.1.3.tgz",
+          "integrity": "sha1-vSh3PiZCiBrsUVRJJCmcXNgiGFs=",
+          "dev": true
+        }
+      }
+    },
+    "domain-browser": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.1.7.tgz",
+      "integrity": "sha1-hnqksJP6oF8d4IwG9NeyH9+GmLw="
+    },
+    "domelementtype": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.0.tgz",
+      "integrity": "sha1-sXrtguirWeUt2cGbF1bg/BhyBMI=",
+      "dev": true
+    },
+    "domhandler": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.1.0.tgz",
+      "integrity": "sha1-0mRvXlf2w7qxHPbLBdPArPdBJZQ=",
+      "dev": true,
+      "requires": {
+        "domelementtype": "1.3.0"
+      }
+    },
+    "domutils": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.5.1.tgz",
+      "integrity": "sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=",
+      "dev": true,
+      "requires": {
+        "dom-serializer": "0.1.0",
+        "domelementtype": "1.3.0"
+      }
+    },
+    "dot-prop": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-4.2.0.tgz",
+      "integrity": "sha512-tUMXrxlExSW6U2EXiiKGSBVdYgtV8qlHL+C10TsW4PURY/ic+eaysnSkwB4kA/mBlCyy/IKDJ+Lc3wbWeaXtuQ==",
+      "requires": {
+        "is-obj": "1.0.1"
+      }
+    },
+    "duplexer2": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.0.2.tgz",
+      "integrity": "sha1-xhTc9n4vsUmVqRcR5aYX6KYKMds=",
+      "requires": {
+        "readable-stream": "1.1.14"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
+        },
+        "readable-stream": {
+          "version": "1.1.14",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
+          "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=",
+          "requires": {
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "0.0.1",
+            "string_decoder": "0.10.31"
+          }
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ="
+        }
+      }
+    },
+    "duplexer3": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
+      "integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI="
+    },
+    "duplexify": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.5.1.tgz",
+      "integrity": "sha512-j5goxHTwVED1Fpe5hh3q9R93Kip0Bg2KVAt4f8CEYM3UEwYcPSvWbXaUQOzdX/HtiNomipv+gU7ASQPDbV7pGQ==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "1.4.0",
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3",
+        "stream-shift": "1.0.0"
+      }
+    },
+    "easy-pie-chart": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/easy-pie-chart/-/easy-pie-chart-2.1.7.tgz",
+      "integrity": "sha1-NeSft9r5qU5SuClPUWJpGbyu58w="
+    },
+    "ecc-jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz",
+      "integrity": "sha1-D8c6ntXw1Tw4GTOYUj735UN3dQU=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "jsbn": "0.1.1"
+      }
+    },
+    "ecdsa-sig-formatter": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.9.tgz",
+      "integrity": "sha1-S8kmJ07Dtau1AW5+HWCSGsJisqE=",
+      "requires": {
+        "base64url": "2.0.0",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
+    },
+    "ejs": {
+      "version": "2.5.7",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-2.5.7.tgz",
+      "integrity": "sha1-zIcsFoiArjxxiXYv1f/ACJbJUYo=",
+      "dev": true
+    },
+    "elegant-spinner": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/elegant-spinner/-/elegant-spinner-1.0.1.tgz",
+      "integrity": "sha1-2wQ1IcldfjA/2PNFvtwzSc+wcp4="
+    },
+    "elliptic": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.4.0.tgz",
+      "integrity": "sha1-ysmvh2LIWDYYcAPI3+GT5eLq5d8=",
+      "requires": {
+        "bn.js": "4.11.8",
+        "brorand": "1.1.0",
+        "hash.js": "1.1.3",
+        "hmac-drbg": "1.0.1",
+        "inherits": "2.0.3",
+        "minimalistic-assert": "1.0.0",
+        "minimalistic-crypto-utils": "1.0.1"
+      }
+    },
+    "emojis-list": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
+      "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k="
+    },
+    "encodeurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.1.tgz",
+      "integrity": "sha1-eePVhlU0aQn+bw9Fpd5oEDspTSA="
+    },
+    "end-of-stream": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.0.tgz",
+      "integrity": "sha1-epDYM+/abPpurA9JSduw+tOmMgY=",
+      "dev": true,
+      "requires": {
+        "once": "1.4.0"
+      }
+    },
+    "engine.io": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-1.8.2.tgz",
+      "integrity": "sha1-a1m+cws0jAElsKRYneHDVavPen4=",
+      "dev": true,
+      "requires": {
+        "accepts": "1.3.3",
+        "base64id": "1.0.0",
+        "cookie": "0.3.1",
+        "debug": "2.3.3",
+        "engine.io-parser": "1.3.2",
+        "ws": "1.1.1"
+      },
+      "dependencies": {
+        "accepts": {
+          "version": "1.3.3",
+          "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.3.tgz",
+          "integrity": "sha1-w8p0NJOGSMPg2cHjKN1otiLChMo=",
+          "dev": true,
+          "requires": {
+            "mime-types": "2.1.17",
+            "negotiator": "0.6.1"
+          }
+        },
+        "debug": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
+          "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
+          "dev": true,
+          "requires": {
+            "ms": "0.7.2"
+          }
+        },
+        "ms": {
+          "version": "0.7.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-0.7.2.tgz",
+          "integrity": "sha1-riXPJRKziFodldfwN4aNhDESR2U=",
+          "dev": true
+        }
+      }
+    },
+    "engine.io-client": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-1.8.2.tgz",
+      "integrity": "sha1-w4dnVH8qfRhPV1L28K1QEAZwN2Y=",
+      "dev": true,
+      "requires": {
+        "component-emitter": "1.2.1",
+        "component-inherit": "0.0.3",
+        "debug": "2.3.3",
+        "engine.io-parser": "1.3.2",
+        "has-cors": "1.1.0",
+        "indexof": "0.0.1",
+        "parsejson": "0.0.3",
+        "parseqs": "0.0.5",
+        "parseuri": "0.0.5",
+        "ws": "1.1.1",
+        "xmlhttprequest-ssl": "1.5.3",
+        "yeast": "0.1.2"
+      },
+      "dependencies": {
+        "component-emitter": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
+          "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
+          "dev": true
+        },
+        "debug": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
+          "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
+          "dev": true,
+          "requires": {
+            "ms": "0.7.2"
+          }
+        },
+        "ms": {
+          "version": "0.7.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-0.7.2.tgz",
+          "integrity": "sha1-riXPJRKziFodldfwN4aNhDESR2U=",
+          "dev": true
+        }
+      }
+    },
+    "engine.io-parser": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-1.3.2.tgz",
+      "integrity": "sha1-k3sHnwAH0Ik+xW1GyyILjLQ1Igo=",
+      "dev": true,
+      "requires": {
+        "after": "0.8.2",
+        "arraybuffer.slice": "0.0.6",
+        "base64-arraybuffer": "0.1.5",
+        "blob": "0.0.4",
+        "has-binary": "0.1.7",
+        "wtf-8": "1.0.0"
+      }
+    },
+    "enhanced-resolve": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-3.4.1.tgz",
+      "integrity": "sha1-BCHjOf1xQZs9oT0Smzl5BAIwR24=",
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "memory-fs": "0.4.1",
+        "object-assign": "4.1.1",
+        "tapable": "0.2.8"
+      }
+    },
+    "ent": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.0.tgz",
+      "integrity": "sha1-6WQhkyWiHQX0RGai9obtbOX13R0=",
+      "dev": true
+    },
+    "entities": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.1.tgz",
+      "integrity": "sha1-blwtClYhtdra7O+AuQ7ftc13cvA=",
+      "dev": true
+    },
+    "errno": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.6.tgz",
+      "integrity": "sha512-IsORQDpaaSwcDP4ZZnHxgE85werpo34VYn1Ud3mq+eUsF593faR8oCZNXrROVkpFu2TsbrNhHin0aUrTsQ9vNw==",
+      "requires": {
+        "prr": "1.0.1"
+      }
+    },
+    "error-ex": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.1.tgz",
+      "integrity": "sha1-+FWobOYa3E6GIcPNoh56dhLDqNw=",
+      "requires": {
+        "is-arrayish": "0.2.1"
+      }
+    },
+    "es-abstract": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.10.0.tgz",
+      "integrity": "sha512-/uh/DhdqIOSkAWifU+8nG78vlQxdLckUdI/sPgy0VhuXi2qJ7T8czBmqIYtLQVpCIFYafChnsRsB5pyb1JdmCQ==",
+      "dev": true,
+      "requires": {
+        "es-to-primitive": "1.1.1",
+        "function-bind": "1.1.1",
+        "has": "1.0.1",
+        "is-callable": "1.1.3",
+        "is-regex": "1.0.4"
+      }
+    },
+    "es-to-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.1.1.tgz",
+      "integrity": "sha1-RTVSSKiJeQNLZ5Lhm7gfK3l13Q0=",
+      "dev": true,
+      "requires": {
+        "is-callable": "1.1.3",
+        "is-date-object": "1.0.1",
+        "is-symbol": "1.0.1"
+      }
+    },
+    "es5-ext": {
+      "version": "0.10.37",
+      "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.37.tgz",
+      "integrity": "sha1-DudB0Ui4AGm6J9AgOTdWryV978M=",
+      "dev": true,
+      "requires": {
+        "es6-iterator": "2.0.3",
+        "es6-symbol": "3.1.1"
+      }
+    },
+    "es6-iterator": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
+      "integrity": "sha1-p96IkUGgWpSwhUQDstCg+/qY87c=",
+      "dev": true,
+      "requires": {
+        "d": "1.0.0",
+        "es5-ext": "0.10.37",
+        "es6-symbol": "3.1.1"
+      }
+    },
+    "es6-symbol": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.1.tgz",
+      "integrity": "sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc=",
+      "dev": true,
+      "requires": {
+        "d": "1.0.0",
+        "es5-ext": "0.10.37"
+      }
+    },
+    "escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
+    },
+    "escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
+    },
+    "escodegen": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.8.1.tgz",
+      "integrity": "sha1-WltTr0aTEQvrsIZ6o0MN07cKEBg=",
+      "dev": true,
+      "requires": {
+        "esprima": "2.7.3",
+        "estraverse": "1.9.3",
+        "esutils": "2.0.2",
+        "optionator": "0.8.2",
+        "source-map": "0.2.0"
+      },
+      "dependencies": {
+        "estraverse": {
+          "version": "1.9.3",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-1.9.3.tgz",
+          "integrity": "sha1-r2fy3JIlgkFZUJJgkaQAXSnJu0Q=",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.2.0.tgz",
+          "integrity": "sha1-2rc/vPwrqBm03gO9b26qSBZLP50=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
+        }
+      }
+    },
+    "eslint-scope": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-3.7.1.tgz",
+      "integrity": "sha1-PWPD7f2gLgbgGkUq2IyqzHzctug=",
+      "dev": true,
+      "requires": {
+        "esrecurse": "4.2.0",
+        "estraverse": "4.2.0"
+      }
+    },
+    "esprima": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.3.tgz",
+      "integrity": "sha1-luO3DVd59q1JzQMmc9HDEnZ7pYE=",
+      "dev": true
+    },
+    "esrecurse": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.2.0.tgz",
+      "integrity": "sha1-+pVo2Y04I/mkHZHpAtyrnqblsWM=",
+      "dev": true,
+      "requires": {
+        "estraverse": "4.2.0",
+        "object-assign": "4.1.1"
+      }
+    },
+    "estraverse": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.2.0.tgz",
+      "integrity": "sha1-De4/7TH81GlhjOc0IJn8GvoL2xM=",
+      "dev": true
+    },
+    "esutils": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz",
+      "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=",
+      "dev": true
+    },
+    "etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc="
+    },
+    "eventemitter3": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-1.2.0.tgz",
+      "integrity": "sha1-HIaZHYFq0eUEdQ5zh0Ik7PO+xQg=",
+      "dev": true
+    },
+    "events": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/events/-/events-1.1.1.tgz",
+      "integrity": "sha1-nr23Y1rQmccNzEwqH1AEKI6L2SQ="
+    },
+    "eventsource": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-0.1.6.tgz",
+      "integrity": "sha1-Cs7ehJ7X3RzMMsgRuxG5RNTykjI=",
+      "dev": true,
+      "requires": {
+        "original": "1.0.0"
+      }
+    },
+    "evp_bytestokey": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
+      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
+      "requires": {
+        "md5.js": "1.3.4",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "execa": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-0.7.0.tgz",
+      "integrity": "sha1-lEvs00zEHuMqY6n68nrVpl/Fl3c=",
+      "requires": {
+        "cross-spawn": "5.1.0",
+        "get-stream": "3.0.0",
+        "is-stream": "1.1.0",
+        "npm-run-path": "2.0.2",
+        "p-finally": "1.0.0",
+        "signal-exit": "3.0.2",
+        "strip-eof": "1.0.0"
+      },
+      "dependencies": {
+        "cross-spawn": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+          "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
+          "requires": {
+            "lru-cache": "4.1.1",
+            "shebang-command": "1.2.0",
+            "which": "1.3.0"
+          }
+        }
+      }
+    },
+    "exit": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
+      "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=",
+      "dev": true
+    },
+    "exit-hook": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/exit-hook/-/exit-hook-1.1.1.tgz",
+      "integrity": "sha1-8FyiM7SMBdVP/wd2XfhQfpXAL/g="
+    },
+    "expand-braces": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/expand-braces/-/expand-braces-0.1.2.tgz",
+      "integrity": "sha1-SIsdHSRRyz06axks/AMPRMWFX+o=",
+      "dev": true,
+      "requires": {
+        "array-slice": "0.2.3",
+        "array-unique": "0.2.1",
+        "braces": "0.1.5"
+      },
+      "dependencies": {
+        "braces": {
+          "version": "0.1.5",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-0.1.5.tgz",
+          "integrity": "sha1-wIVxEIUpHYt1/ddOqw+FlygHEeY=",
+          "dev": true,
+          "requires": {
+            "expand-range": "0.1.1"
+          }
+        },
+        "expand-range": {
+          "version": "0.1.1",
+          "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-0.1.1.tgz",
+          "integrity": "sha1-TLjtoJk8pW+k9B/ELzy7TMrf8EQ=",
+          "dev": true,
+          "requires": {
+            "is-number": "0.1.1",
+            "repeat-string": "0.2.2"
+          }
+        },
+        "is-number": {
+          "version": "0.1.1",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-0.1.1.tgz",
+          "integrity": "sha1-aaevEWlj1HIG7JvZtIoUIW8eOAY=",
+          "dev": true
+        },
+        "repeat-string": {
+          "version": "0.2.2",
+          "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-0.2.2.tgz",
+          "integrity": "sha1-x6jTI2BoNiBZp+RlH8aITosftK4=",
+          "dev": true
+        }
+      }
+    },
+    "expand-brackets": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz",
+      "integrity": "sha1-3wcoTjQqgHzXM6xa9yQR5YHRF3s=",
+      "requires": {
+        "is-posix-bracket": "0.1.1"
+      }
+    },
+    "expand-range": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz",
+      "integrity": "sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=",
+      "requires": {
+        "fill-range": "2.2.3"
+      }
+    },
+    "expand-tilde": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
+      "integrity": "sha1-l+gBqgUt8CRU3kawK/YhZCzchQI=",
+      "requires": {
+        "homedir-polyfill": "1.0.1"
+      }
+    },
+    "express": {
+      "version": "4.16.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.16.2.tgz",
+      "integrity": "sha1-41xt/i1kt9ygpc1PIXgb4ymeB2w=",
+      "requires": {
+        "accepts": "1.3.4",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.18.2",
+        "content-disposition": "0.5.2",
+        "content-type": "1.0.4",
+        "cookie": "0.3.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "1.1.1",
+        "encodeurl": "1.0.1",
+        "escape-html": "1.0.3",
+        "etag": "1.8.1",
+        "finalhandler": "1.1.0",
+        "fresh": "0.5.2",
+        "merge-descriptors": "1.0.1",
+        "methods": "1.1.2",
+        "on-finished": "2.3.0",
+        "parseurl": "1.3.2",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "2.0.2",
+        "qs": "6.5.1",
+        "range-parser": "1.2.0",
+        "safe-buffer": "5.1.1",
+        "send": "0.16.1",
+        "serve-static": "1.13.1",
+        "setprototypeof": "1.1.0",
+        "statuses": "1.3.1",
+        "type-is": "1.6.15",
+        "utils-merge": "1.0.1",
+        "vary": "1.1.2"
+      },
+      "dependencies": {
+        "array-flatten": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+          "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
+        },
+        "qs": {
+          "version": "6.5.1",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz",
+          "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A=="
+        }
+      }
+    },
+    "express-fileupload": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/express-fileupload/-/express-fileupload-0.4.0.tgz",
+      "integrity": "sha512-jPv3aCdTIdQrGAUXQ1e1hU0Vnl+0jE9IbzEsI7VRIevQybrUrIMUgvwNwBThnsetandW8+9ICgflAkhKwLUuLw==",
+      "requires": {
+        "busboy": "0.2.14",
+        "fs-extra": "4.0.3",
+        "md5": "2.2.1",
+        "streamifier": "0.1.1"
+      }
+    },
+    "extend": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.1.tgz",
+      "integrity": "sha1-p1Xqe8Gt/MWjHOfnYtuq3F5jZEQ="
+    },
+    "extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+      "requires": {
+        "is-extendable": "0.1.1"
+      }
+    },
+    "external-editor": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-2.1.0.tgz",
+      "integrity": "sha512-E44iT5QVOUJBKij4IIV3uvxuNlbKS38Tw1HiupxEIHPv9qtC2PrDYohbXV5U+1jnfIXttny8gUhj+oZvflFlzA==",
+      "requires": {
+        "chardet": "0.4.2",
+        "iconv-lite": "0.4.19",
+        "tmp": "0.0.33"
+      },
+      "dependencies": {
+        "tmp": {
+          "version": "0.0.33",
+          "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+          "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+          "requires": {
+            "os-tmpdir": "1.0.2"
+          }
+        }
+      }
+    },
+    "extglob": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/extglob/-/extglob-0.3.2.tgz",
+      "integrity": "sha1-Lhj/PS9JqydlzskCPwEdqo2DSaE=",
+      "requires": {
+        "is-extglob": "1.0.0"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA="
+        }
+      }
+    },
+    "extsprintf": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
+      "dev": true
+    },
+    "fancy-log": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fancy-log/-/fancy-log-1.3.2.tgz",
+      "integrity": "sha1-9BEl49hPLn2JpD0G2VjI94vha+E=",
+      "requires": {
+        "ansi-gray": "0.1.1",
+        "color-support": "1.1.3",
+        "time-stamp": "1.1.0"
+      },
+      "dependencies": {
+        "time-stamp": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/time-stamp/-/time-stamp-1.1.0.tgz",
+          "integrity": "sha1-dkpaEa9QVhkhsTPztE5hhofg9cM="
+        }
+      }
+    },
+    "fast-deep-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.0.0.tgz",
+      "integrity": "sha1-liVqO8l1WV6zbYLpkp0GDYk0Of8=",
+      "dev": true
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
+      "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=",
+      "dev": true
+    },
+    "fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
+      "dev": true
+    },
+    "fastparse": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.1.tgz",
+      "integrity": "sha1-0eJkOzipTXWDtHkGDmxK/8lAcfg=",
+      "dev": true
+    },
+    "faye-websocket": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.10.0.tgz",
+      "integrity": "sha1-TkkvjQTftviQA1B/btvy1QHnxvQ=",
+      "dev": true,
+      "requires": {
+        "websocket-driver": "0.7.0"
+      }
+    },
+    "figures": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-2.0.0.tgz",
+      "integrity": "sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=",
+      "requires": {
+        "escape-string-regexp": "1.0.5"
+      }
+    },
+    "filename-regex": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/filename-regex/-/filename-regex-2.0.1.tgz",
+      "integrity": "sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY="
+    },
+    "fileset": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/fileset/-/fileset-2.0.3.tgz",
+      "integrity": "sha1-jnVIqW08wjJ+5eZ0FocjozO7oqA=",
+      "dev": true,
+      "requires": {
+        "glob": "7.1.2",
+        "minimatch": "3.0.4"
+      }
+    },
+    "fill-range": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.3.tgz",
+      "integrity": "sha1-ULd9/X5Gm8dJJHCWNpn+eoSFpyM=",
+      "requires": {
+        "is-number": "2.1.0",
+        "isobject": "2.1.0",
+        "randomatic": "1.1.7",
+        "repeat-element": "1.1.2",
+        "repeat-string": "1.6.1"
+      },
+      "dependencies": {
+        "isobject": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+          "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=",
+          "requires": {
+            "isarray": "1.0.0"
+          }
+        }
+      }
+    },
+    "finalhandler": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.0.tgz",
+      "integrity": "sha1-zgtoVbRYU+eRsvzGgARtiCU91/U=",
+      "requires": {
+        "debug": "2.6.9",
+        "encodeurl": "1.0.1",
+        "escape-html": "1.0.3",
+        "on-finished": "2.3.0",
+        "parseurl": "1.3.2",
+        "statuses": "1.3.1",
+        "unpipe": "1.0.0"
+      }
+    },
+    "find-cache-dir": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-1.0.0.tgz",
+      "integrity": "sha1-kojj6ePMN0hxfTnq3hfPcfww7m8=",
+      "dev": true,
+      "requires": {
+        "commondir": "1.0.1",
+        "make-dir": "1.1.0",
+        "pkg-dir": "2.0.0"
+      }
+    },
+    "find-index": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/find-index/-/find-index-0.1.1.tgz",
+      "integrity": "sha1-Z101iyyjiS15Whq0cjL4tuLg3eQ="
+    },
+    "find-up": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+      "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+      "dev": true,
+      "requires": {
+        "locate-path": "2.0.0"
+      }
+    },
+    "findup-sync": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-2.0.0.tgz",
+      "integrity": "sha1-kyaxSIwi0aYIhlCoaQGy2akKLLw=",
+      "requires": {
+        "detect-file": "1.0.0",
+        "is-glob": "3.1.0",
+        "micromatch": "3.1.5",
+        "resolve-dir": "1.0.1"
+      },
+      "dependencies": {
+        "arr-diff": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+          "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA="
+        },
+        "array-unique": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+          "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg="
+        },
+        "braces": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.0.tgz",
+          "integrity": "sha512-P4O8UQRdGiMLWSizsApmXVQDBS6KCt7dSexgLKBmH5Hr1CZq7vsnscFh8oR1sP1ab1Zj0uCHCEzZeV6SfUf3rA==",
+          "requires": {
+            "arr-flatten": "1.1.0",
+            "array-unique": "0.3.2",
+            "define-property": "1.0.0",
+            "extend-shallow": "2.0.1",
+            "fill-range": "4.0.0",
+            "isobject": "3.0.1",
+            "repeat-element": "1.1.2",
+            "snapdragon": "0.8.1",
+            "snapdragon-node": "2.1.1",
+            "split-string": "3.1.0",
+            "to-regex": "3.0.1"
+          }
+        },
+        "expand-brackets": {
+          "version": "2.1.4",
+          "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+          "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=",
+          "requires": {
+            "debug": "2.6.9",
+            "define-property": "0.2.5",
+            "extend-shallow": "2.0.1",
+            "posix-character-classes": "0.1.1",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.1"
+          },
+          "dependencies": {
+            "define-property": {
+              "version": "0.2.5",
+              "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+              "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+              "requires": {
+                "is-descriptor": "0.1.6"
+              }
+            }
+          }
+        },
+        "extglob": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.3.tgz",
+          "integrity": "sha512-AyptZexgu7qppEPq59DtN/XJGZDrLcVxSHai+4hdgMMS9EpF4GBvygcWWApno8lL9qSjVpYt7Raao28qzJX1ww==",
+          "requires": {
+            "array-unique": "0.3.2",
+            "define-property": "1.0.0",
+            "expand-brackets": "2.1.4",
+            "extend-shallow": "2.0.1",
+            "fragment-cache": "0.2.1",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.1"
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "requires": {
+            "extend-shallow": "2.0.1",
+            "is-number": "3.0.0",
+            "repeat-string": "1.6.1",
+            "to-regex-range": "2.1.1"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+          "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-data-descriptor": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+          "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+          "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+          "requires": {
+            "is-accessor-descriptor": "0.1.6",
+            "is-data-descriptor": "0.1.4",
+            "kind-of": "5.1.0"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "5.1.0",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+              "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+            }
+          }
+        },
+        "is-glob": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+          "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+          "requires": {
+            "is-extglob": "2.1.1"
+          }
+        },
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "kind-of": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+          "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA=="
+        },
+        "micromatch": {
+          "version": "3.1.5",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.5.tgz",
+          "integrity": "sha512-ykttrLPQrz1PUJcXjwsTUjGoPJ64StIGNE2lGVD1c9CuguJ+L7/navsE8IcDNndOoCMvYV0qc/exfVbMHkUhvA==",
+          "requires": {
+            "arr-diff": "4.0.0",
+            "array-unique": "0.3.2",
+            "braces": "2.3.0",
+            "define-property": "1.0.0",
+            "extend-shallow": "2.0.1",
+            "extglob": "2.0.3",
+            "fragment-cache": "0.2.1",
+            "kind-of": "6.0.2",
+            "nanomatch": "1.2.7",
+            "object.pick": "1.3.0",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.1"
+          }
+        }
+      }
+    },
+    "fined": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fined/-/fined-1.1.0.tgz",
+      "integrity": "sha1-s33IRLdqL15wgeiE98CuNE8VNHY=",
+      "requires": {
+        "expand-tilde": "2.0.2",
+        "is-plain-object": "2.0.4",
+        "object.defaults": "1.1.0",
+        "object.pick": "1.3.0",
+        "parse-filepath": "1.0.2"
+      }
+    },
+    "first-chunk-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/first-chunk-stream/-/first-chunk-stream-1.0.0.tgz",
+      "integrity": "sha1-Wb+1DNkF9g18OUzT2ayqtOatk04="
+    },
+    "flagged-respawn": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/flagged-respawn/-/flagged-respawn-1.0.0.tgz",
+      "integrity": "sha1-Tnmumy6zi/hrO7Vr8+ClaqX8q9c="
+    },
+    "flush-write-stream": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.0.2.tgz",
+      "integrity": "sha1-yBuQ2HRnZvGmCaRoCZRsRd2K5Bc=",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "font-awesome": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
+      "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM="
+    },
+    "for-in": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+      "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA="
+    },
+    "for-own": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/for-own/-/for-own-1.0.0.tgz",
+      "integrity": "sha1-xjMy9BXO3EsE2/5wz4NklMU8tEs=",
+      "requires": {
+        "for-in": "1.0.2"
+      }
+    },
+    "foreach": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/foreach/-/foreach-2.0.5.tgz",
+      "integrity": "sha1-C+4AUBiusmDQo6865ljdATbsG5k=",
+      "dev": true
+    },
+    "forever-agent": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+      "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
+      "dev": true
+    },
+    "form-data": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.2.tgz",
+      "integrity": "sha1-SXBJi+YEwgwAXU9cI67NIda0kJk=",
+      "requires": {
+        "asynckit": "0.4.0",
+        "combined-stream": "1.0.6",
+        "mime-types": "2.1.17"
+      },
+      "dependencies": {
+        "combined-stream": {
+          "version": "1.0.6",
+          "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.6.tgz",
+          "integrity": "sha1-cj599ugBrFYTETp+RFqbactjKBg=",
+          "requires": {
+            "delayed-stream": "1.0.0"
+          }
+        }
+      }
+    },
+    "forwarded": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz",
+      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ="
+    },
+    "fragment-cache": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
+      "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=",
+      "requires": {
+        "map-cache": "0.2.2"
+      }
+    },
+    "fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac="
+    },
+    "from2": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/from2/-/from2-2.3.0.tgz",
+      "integrity": "sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "fs-access": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/fs-access/-/fs-access-1.0.1.tgz",
+      "integrity": "sha1-1qh/JiJxzv6+wwxVNAf7mV2od3o=",
+      "dev": true,
+      "requires": {
+        "null-check": "1.0.0"
+      }
+    },
+    "fs-extra": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-4.0.3.tgz",
+      "integrity": "sha512-q6rbdDd1o2mAnQreO7YADIxf/Whx4AHBiRf6d+/cVT8h44ss+lHgxf1FemcqDnQt9X3ct4McHr+JMGlYSsK7Cg==",
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "jsonfile": "4.0.0",
+        "universalify": "0.1.1"
+      }
+    },
+    "fs-write-stream-atomic": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz",
+      "integrity": "sha1-tH31NJPvkR33VzHnCp3tAYnbQMk=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "iferr": "0.1.5",
+        "imurmurhash": "0.1.4",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
+    },
+    "fsevents": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.1.3.tgz",
+      "integrity": "sha512-WIr7iDkdmdbxu/Gh6eKEZJL6KPE74/5MEsf2whTOFNxbIoIixogroLdKYqB6FDav4Wavh/lZdzzd3b2KxIXC5Q==",
+      "optional": true,
+      "requires": {
+        "nan": "2.8.0",
+        "node-pre-gyp": "0.6.39"
+      },
+      "dependencies": {
+        "abbrev": {
+          "version": "1.1.0",
+          "bundled": true,
+          "optional": true
+        },
+        "ajv": {
+          "version": "4.11.8",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "co": "4.6.0",
+            "json-stable-stringify": "1.0.1"
+          }
+        },
+        "ansi-regex": {
+          "version": "2.1.1",
+          "bundled": true
+        },
+        "aproba": {
+          "version": "1.1.1",
+          "bundled": true,
+          "optional": true
+        },
+        "are-we-there-yet": {
+          "version": "1.1.4",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "delegates": "1.0.0",
+            "readable-stream": "2.2.9"
+          }
+        },
+        "asn1": {
+          "version": "0.2.3",
+          "bundled": true,
+          "optional": true
+        },
+        "assert-plus": {
+          "version": "0.2.0",
+          "bundled": true,
+          "optional": true
+        },
+        "asynckit": {
+          "version": "0.4.0",
+          "bundled": true,
+          "optional": true
+        },
+        "aws-sign2": {
+          "version": "0.6.0",
+          "bundled": true,
+          "optional": true
+        },
+        "aws4": {
+          "version": "1.6.0",
+          "bundled": true,
+          "optional": true
+        },
+        "balanced-match": {
+          "version": "0.4.2",
+          "bundled": true
+        },
+        "bcrypt-pbkdf": {
+          "version": "1.0.1",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "tweetnacl": "0.14.5"
+          }
+        },
+        "block-stream": {
+          "version": "0.0.9",
+          "bundled": true,
+          "requires": {
+            "inherits": "2.0.3"
+          }
+        },
+        "boom": {
+          "version": "2.10.1",
+          "bundled": true,
+          "requires": {
+            "hoek": "2.16.3"
+          }
+        },
+        "brace-expansion": {
+          "version": "1.1.7",
+          "bundled": true,
+          "requires": {
+            "balanced-match": "0.4.2",
+            "concat-map": "0.0.1"
+          }
+        },
+        "buffer-shims": {
+          "version": "1.0.0",
+          "bundled": true
+        },
+        "caseless": {
+          "version": "0.12.0",
+          "bundled": true,
+          "optional": true
+        },
+        "co": {
+          "version": "4.6.0",
+          "bundled": true,
+          "optional": true
+        },
+        "code-point-at": {
+          "version": "1.1.0",
+          "bundled": true
+        },
+        "combined-stream": {
+          "version": "1.0.5",
+          "bundled": true,
+          "requires": {
+            "delayed-stream": "1.0.0"
+          }
+        },
+        "concat-map": {
+          "version": "0.0.1",
+          "bundled": true
+        },
+        "console-control-strings": {
+          "version": "1.1.0",
+          "bundled": true
+        },
+        "core-util-is": {
+          "version": "1.0.2",
+          "bundled": true
+        },
+        "cryptiles": {
+          "version": "2.0.5",
+          "bundled": true,
+          "requires": {
+            "boom": "2.10.1"
+          }
+        },
+        "dashdash": {
+          "version": "1.14.1",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "assert-plus": "1.0.0"
+          },
+          "dependencies": {
+            "assert-plus": {
+              "version": "1.0.0",
+              "bundled": true,
+              "optional": true
+            }
+          }
+        },
+        "debug": {
+          "version": "2.6.8",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "deep-extend": {
+          "version": "0.4.2",
+          "bundled": true,
+          "optional": true
+        },
+        "delayed-stream": {
+          "version": "1.0.0",
+          "bundled": true
+        },
+        "delegates": {
+          "version": "1.0.0",
+          "bundled": true,
+          "optional": true
+        },
+        "detect-libc": {
+          "version": "1.0.2",
+          "bundled": true,
+          "optional": true
+        },
+        "ecc-jsbn": {
+          "version": "0.1.1",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "jsbn": "0.1.1"
+          }
+        },
+        "extend": {
+          "version": "3.0.1",
+          "bundled": true,
+          "optional": true
+        },
+        "extsprintf": {
+          "version": "1.0.2",
+          "bundled": true
+        },
+        "forever-agent": {
+          "version": "0.6.1",
+          "bundled": true,
+          "optional": true
+        },
+        "form-data": {
+          "version": "2.1.4",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "asynckit": "0.4.0",
+            "combined-stream": "1.0.5",
+            "mime-types": "2.1.15"
+          }
+        },
+        "fs.realpath": {
+          "version": "1.0.0",
+          "bundled": true
+        },
+        "fstream": {
+          "version": "1.0.11",
+          "bundled": true,
+          "requires": {
+            "graceful-fs": "4.1.11",
+            "inherits": "2.0.3",
+            "mkdirp": "0.5.1",
+            "rimraf": "2.6.1"
+          }
+        },
+        "fstream-ignore": {
+          "version": "1.0.5",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "fstream": "1.0.11",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4"
+          }
+        },
+        "gauge": {
+          "version": "2.7.4",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "aproba": "1.1.1",
+            "console-control-strings": "1.1.0",
+            "has-unicode": "2.0.1",
+            "object-assign": "4.1.1",
+            "signal-exit": "3.0.2",
+            "string-width": "1.0.2",
+            "strip-ansi": "3.0.1",
+            "wide-align": "1.1.2"
+          }
+        },
+        "getpass": {
+          "version": "0.1.7",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "assert-plus": "1.0.0"
+          },
+          "dependencies": {
+            "assert-plus": {
+              "version": "1.0.0",
+              "bundled": true,
+              "optional": true
+            }
+          }
+        },
+        "glob": {
+          "version": "7.1.2",
+          "bundled": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
+        },
+        "graceful-fs": {
+          "version": "4.1.11",
+          "bundled": true
+        },
+        "har-schema": {
+          "version": "1.0.5",
+          "bundled": true,
+          "optional": true
+        },
+        "har-validator": {
+          "version": "4.2.1",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "ajv": "4.11.8",
+            "har-schema": "1.0.5"
+          }
+        },
+        "has-unicode": {
+          "version": "2.0.1",
+          "bundled": true,
+          "optional": true
+        },
+        "hawk": {
+          "version": "3.1.3",
+          "bundled": true,
+          "requires": {
+            "boom": "2.10.1",
+            "cryptiles": "2.0.5",
+            "hoek": "2.16.3",
+            "sntp": "1.0.9"
+          }
+        },
+        "hoek": {
+          "version": "2.16.3",
+          "bundled": true
+        },
+        "http-signature": {
+          "version": "1.1.1",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "assert-plus": "0.2.0",
+            "jsprim": "1.4.0",
+            "sshpk": "1.13.0"
+          }
+        },
+        "inflight": {
+          "version": "1.0.6",
+          "bundled": true,
+          "requires": {
+            "once": "1.4.0",
+            "wrappy": "1.0.2"
+          }
+        },
+        "inherits": {
+          "version": "2.0.3",
+          "bundled": true
+        },
+        "ini": {
+          "version": "1.3.4",
+          "bundled": true,
+          "optional": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "1.0.0",
+          "bundled": true,
+          "requires": {
+            "number-is-nan": "1.0.1"
+          }
+        },
+        "is-typedarray": {
+          "version": "1.0.0",
+          "bundled": true,
+          "optional": true
+        },
+        "isarray": {
+          "version": "1.0.0",
+          "bundled": true
+        },
+        "isstream": {
+          "version": "0.1.2",
+          "bundled": true,
+          "optional": true
+        },
+        "jodid25519": {
+          "version": "1.0.2",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "jsbn": "0.1.1"
+          }
+        },
+        "jsbn": {
+          "version": "0.1.1",
+          "bundled": true,
+          "optional": true
+        },
+        "json-schema": {
+          "version": "0.2.3",
+          "bundled": true,
+          "optional": true
+        },
+        "json-stable-stringify": {
+          "version": "1.0.1",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "jsonify": "0.0.0"
+          }
+        },
+        "json-stringify-safe": {
+          "version": "5.0.1",
+          "bundled": true,
+          "optional": true
+        },
+        "jsonify": {
+          "version": "0.0.0",
+          "bundled": true,
+          "optional": true
+        },
+        "jsprim": {
+          "version": "1.4.0",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "assert-plus": "1.0.0",
+            "extsprintf": "1.0.2",
+            "json-schema": "0.2.3",
+            "verror": "1.3.6"
+          },
+          "dependencies": {
+            "assert-plus": {
+              "version": "1.0.0",
+              "bundled": true,
+              "optional": true
+            }
+          }
+        },
+        "mime-db": {
+          "version": "1.27.0",
+          "bundled": true
+        },
+        "mime-types": {
+          "version": "2.1.15",
+          "bundled": true,
+          "requires": {
+            "mime-db": "1.27.0"
+          }
+        },
+        "minimatch": {
+          "version": "3.0.4",
+          "bundled": true,
+          "requires": {
+            "brace-expansion": "1.1.7"
+          }
+        },
+        "minimist": {
+          "version": "0.0.8",
+          "bundled": true
+        },
+        "mkdirp": {
+          "version": "0.5.1",
+          "bundled": true,
+          "requires": {
+            "minimist": "0.0.8"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "bundled": true,
+          "optional": true
+        },
+        "node-pre-gyp": {
+          "version": "0.6.39",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "detect-libc": "1.0.2",
+            "hawk": "3.1.3",
+            "mkdirp": "0.5.1",
+            "nopt": "4.0.1",
+            "npmlog": "4.1.0",
+            "rc": "1.2.1",
+            "request": "2.81.0",
+            "rimraf": "2.6.1",
+            "semver": "5.3.0",
+            "tar": "2.2.1",
+            "tar-pack": "3.4.0"
+          }
+        },
+        "nopt": {
+          "version": "4.0.1",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "abbrev": "1.1.0",
+            "osenv": "0.1.4"
+          }
+        },
+        "npmlog": {
+          "version": "4.1.0",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "are-we-there-yet": "1.1.4",
+            "console-control-strings": "1.1.0",
+            "gauge": "2.7.4",
+            "set-blocking": "2.0.0"
+          }
+        },
+        "number-is-nan": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "oauth-sign": {
+          "version": "0.8.2",
+          "bundled": true,
+          "optional": true
+        },
+        "object-assign": {
+          "version": "4.1.1",
+          "bundled": true,
+          "optional": true
+        },
+        "once": {
+          "version": "1.4.0",
+          "bundled": true,
+          "requires": {
+            "wrappy": "1.0.2"
+          }
+        },
+        "os-homedir": {
+          "version": "1.0.2",
+          "bundled": true,
+          "optional": true
+        },
+        "os-tmpdir": {
+          "version": "1.0.2",
+          "bundled": true,
+          "optional": true
+        },
+        "osenv": {
+          "version": "0.1.4",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "os-homedir": "1.0.2",
+            "os-tmpdir": "1.0.2"
+          }
+        },
+        "path-is-absolute": {
+          "version": "1.0.1",
+          "bundled": true
+        },
+        "performance-now": {
+          "version": "0.2.0",
+          "bundled": true,
+          "optional": true
+        },
+        "process-nextick-args": {
+          "version": "1.0.7",
+          "bundled": true
+        },
+        "punycode": {
+          "version": "1.4.1",
+          "bundled": true,
+          "optional": true
+        },
+        "qs": {
+          "version": "6.4.0",
+          "bundled": true,
+          "optional": true
+        },
+        "rc": {
+          "version": "1.2.1",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "deep-extend": "0.4.2",
+            "ini": "1.3.4",
+            "minimist": "1.2.0",
+            "strip-json-comments": "2.0.1"
+          },
+          "dependencies": {
+            "minimist": {
+              "version": "1.2.0",
+              "bundled": true,
+              "optional": true
+            }
+          }
+        },
+        "readable-stream": {
+          "version": "2.2.9",
+          "bundled": true,
+          "requires": {
+            "buffer-shims": "1.0.0",
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "1.0.0",
+            "process-nextick-args": "1.0.7",
+            "string_decoder": "1.0.1",
+            "util-deprecate": "1.0.2"
+          }
+        },
+        "request": {
+          "version": "2.81.0",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "aws-sign2": "0.6.0",
+            "aws4": "1.6.0",
+            "caseless": "0.12.0",
+            "combined-stream": "1.0.5",
+            "extend": "3.0.1",
+            "forever-agent": "0.6.1",
+            "form-data": "2.1.4",
+            "har-validator": "4.2.1",
+            "hawk": "3.1.3",
+            "http-signature": "1.1.1",
+            "is-typedarray": "1.0.0",
+            "isstream": "0.1.2",
+            "json-stringify-safe": "5.0.1",
+            "mime-types": "2.1.15",
+            "oauth-sign": "0.8.2",
+            "performance-now": "0.2.0",
+            "qs": "6.4.0",
+            "safe-buffer": "5.0.1",
+            "stringstream": "0.0.5",
+            "tough-cookie": "2.3.2",
+            "tunnel-agent": "0.6.0",
+            "uuid": "3.0.1"
+          }
+        },
+        "rimraf": {
+          "version": "2.6.1",
+          "bundled": true,
+          "requires": {
+            "glob": "7.1.2"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.0.1",
+          "bundled": true
+        },
+        "semver": {
+          "version": "5.3.0",
+          "bundled": true,
+          "optional": true
+        },
+        "set-blocking": {
+          "version": "2.0.0",
+          "bundled": true,
+          "optional": true
+        },
+        "signal-exit": {
+          "version": "3.0.2",
+          "bundled": true,
+          "optional": true
+        },
+        "sntp": {
+          "version": "1.0.9",
+          "bundled": true,
+          "requires": {
+            "hoek": "2.16.3"
+          }
+        },
+        "sshpk": {
+          "version": "1.13.0",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "asn1": "0.2.3",
+            "assert-plus": "1.0.0",
+            "bcrypt-pbkdf": "1.0.1",
+            "dashdash": "1.14.1",
+            "ecc-jsbn": "0.1.1",
+            "getpass": "0.1.7",
+            "jodid25519": "1.0.2",
+            "jsbn": "0.1.1",
+            "tweetnacl": "0.14.5"
+          },
+          "dependencies": {
+            "assert-plus": {
+              "version": "1.0.0",
+              "bundled": true,
+              "optional": true
+            }
+          }
+        },
+        "string-width": {
+          "version": "1.0.2",
+          "bundled": true,
+          "requires": {
+            "code-point-at": "1.1.0",
+            "is-fullwidth-code-point": "1.0.0",
+            "strip-ansi": "3.0.1"
+          }
+        },
+        "string_decoder": {
+          "version": "1.0.1",
+          "bundled": true,
+          "requires": {
+            "safe-buffer": "5.0.1"
+          }
+        },
+        "stringstream": {
+          "version": "0.0.5",
+          "bundled": true,
+          "optional": true
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "bundled": true,
+          "requires": {
+            "ansi-regex": "2.1.1"
+          }
+        },
+        "strip-json-comments": {
+          "version": "2.0.1",
+          "bundled": true,
+          "optional": true
+        },
+        "tar": {
+          "version": "2.2.1",
+          "bundled": true,
+          "requires": {
+            "block-stream": "0.0.9",
+            "fstream": "1.0.11",
+            "inherits": "2.0.3"
+          }
+        },
+        "tar-pack": {
+          "version": "3.4.0",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "debug": "2.6.8",
+            "fstream": "1.0.11",
+            "fstream-ignore": "1.0.5",
+            "once": "1.4.0",
+            "readable-stream": "2.2.9",
+            "rimraf": "2.6.1",
+            "tar": "2.2.1",
+            "uid-number": "0.0.6"
+          }
+        },
+        "tough-cookie": {
+          "version": "2.3.2",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "punycode": "1.4.1"
+          }
+        },
+        "tunnel-agent": {
+          "version": "0.6.0",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "safe-buffer": "5.0.1"
+          }
+        },
+        "tweetnacl": {
+          "version": "0.14.5",
+          "bundled": true,
+          "optional": true
+        },
+        "uid-number": {
+          "version": "0.0.6",
+          "bundled": true,
+          "optional": true
+        },
+        "util-deprecate": {
+          "version": "1.0.2",
+          "bundled": true
+        },
+        "uuid": {
+          "version": "3.0.1",
+          "bundled": true,
+          "optional": true
+        },
+        "verror": {
+          "version": "1.3.6",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "extsprintf": "1.0.2"
+          }
+        },
+        "wide-align": {
+          "version": "1.1.2",
+          "bundled": true,
+          "optional": true,
+          "requires": {
+            "string-width": "1.0.2"
+          }
+        },
+        "wrappy": {
+          "version": "1.0.2",
+          "bundled": true
+        }
+      }
+    },
+    "fstream": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.11.tgz",
+      "integrity": "sha1-XB+x8RdHcRTwYyoOtLcbPLD9MXE=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "inherits": "2.0.3",
+        "mkdirp": "0.5.1",
+        "rimraf": "2.6.2"
+      }
+    },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
+    },
+    "gauge": {
+      "version": "2.7.4",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
+      "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
+      "dev": true,
+      "requires": {
+        "aproba": "1.2.0",
+        "console-control-strings": "1.1.0",
+        "has-unicode": "2.0.1",
+        "object-assign": "4.1.1",
+        "signal-exit": "3.0.2",
+        "string-width": "1.0.2",
+        "strip-ansi": "3.0.1",
+        "wide-align": "1.1.2"
+      }
+    },
+    "gaze": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.2.tgz",
+      "integrity": "sha1-hHIkZ3rbiHDWeSV+0ziP22HkAQU=",
+      "dev": true,
+      "requires": {
+        "globule": "1.2.0"
+      }
+    },
+    "generate-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.0.0.tgz",
+      "integrity": "sha1-aFj+fAlpt9TpCTM3ZHrHn2DfvnQ=",
+      "dev": true
+    },
+    "generate-object-property": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/generate-object-property/-/generate-object-property-1.2.0.tgz",
+      "integrity": "sha1-nA4cQDCM6AT0eDYYuTf6iPmdUNA=",
+      "dev": true,
+      "requires": {
+        "is-property": "1.0.2"
+      }
+    },
+    "get-caller-file": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.2.tgz",
+      "integrity": "sha1-9wLmMSfn4jHBYKgMFVSstw1QR+U="
+    },
+    "get-stdin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
+      "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4="
+    },
+    "get-stream": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+      "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ="
+    },
+    "get-value": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+      "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg="
+    },
+    "getpass": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+      "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0"
+      },
+      "dependencies": {
+        "assert-plus": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+          "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+          "dev": true
+        }
+      }
+    },
+    "glob": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz",
+      "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
+      "requires": {
+        "fs.realpath": "1.0.0",
+        "inflight": "1.0.6",
+        "inherits": "2.0.3",
+        "minimatch": "3.0.4",
+        "once": "1.4.0",
+        "path-is-absolute": "1.0.1"
+      }
+    },
+    "glob-base": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/glob-base/-/glob-base-0.3.0.tgz",
+      "integrity": "sha1-27Fk9iIbHAscz4Kuoyi0l98Oo8Q=",
+      "requires": {
+        "glob-parent": "2.0.0",
+        "is-glob": "2.0.1"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA="
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
+        }
+      }
+    },
+    "glob-parent": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
+      "integrity": "sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=",
+      "requires": {
+        "is-glob": "2.0.1"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA="
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
+        }
+      }
+    },
+    "glob-stream": {
+      "version": "3.1.18",
+      "resolved": "https://registry.npmjs.org/glob-stream/-/glob-stream-3.1.18.tgz",
+      "integrity": "sha1-kXCl8St5Awb9/lmPMT+PeVT9FDs=",
+      "requires": {
+        "glob": "4.5.3",
+        "glob2base": "0.0.12",
+        "minimatch": "2.0.10",
+        "ordered-read-streams": "0.1.0",
+        "through2": "0.6.5",
+        "unique-stream": "1.0.0"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "4.5.3",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-4.5.3.tgz",
+          "integrity": "sha1-xstz0yJsHv7wTePFbQEvAzd+4V8=",
+          "requires": {
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "2.0.10",
+            "once": "1.4.0"
+          }
+        },
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
+        },
+        "minimatch": {
+          "version": "2.0.10",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-2.0.10.tgz",
+          "integrity": "sha1-jQh8OcazjAAbl/ynzm0OHoCvusc=",
+          "requires": {
+            "brace-expansion": "1.1.8"
+          }
+        },
+        "readable-stream": {
+          "version": "1.0.34",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+          "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
+          "requires": {
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "0.0.1",
+            "string_decoder": "0.10.31"
+          }
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ="
+        },
+        "through2": {
+          "version": "0.6.5",
+          "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz",
+          "integrity": "sha1-QaucZ7KdVyCQcUEOHXp6lozTrUg=",
+          "requires": {
+            "readable-stream": "1.0.34",
+            "xtend": "4.0.1"
+          }
+        }
+      }
+    },
+    "glob-watcher": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-0.0.6.tgz",
+      "integrity": "sha1-uVtKjfdLOcgymLDAXJeLTZo7cQs=",
+      "requires": {
+        "gaze": "0.5.2"
+      },
+      "dependencies": {
+        "gaze": {
+          "version": "0.5.2",
+          "resolved": "https://registry.npmjs.org/gaze/-/gaze-0.5.2.tgz",
+          "integrity": "sha1-QLcJU30k0dRXZ9takIaJ3+aaxE8=",
+          "requires": {
+            "globule": "0.1.0"
+          }
+        },
+        "glob": {
+          "version": "3.1.21",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-3.1.21.tgz",
+          "integrity": "sha1-0p4KBV3qUTj00H7UDomC6DwgZs0=",
+          "requires": {
+            "graceful-fs": "1.2.3",
+            "inherits": "1.0.2",
+            "minimatch": "0.2.14"
+          }
+        },
+        "globule": {
+          "version": "0.1.0",
+          "resolved": "https://registry.npmjs.org/globule/-/globule-0.1.0.tgz",
+          "integrity": "sha1-2cjt3h2nnRJaFRt5UzuXhnY0auU=",
+          "requires": {
+            "glob": "3.1.21",
+            "lodash": "1.0.2",
+            "minimatch": "0.2.14"
+          }
+        },
+        "graceful-fs": {
+          "version": "1.2.3",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-1.2.3.tgz",
+          "integrity": "sha1-FaSAaldUfLLS2/J/QuiajDRRs2Q="
+        },
+        "inherits": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-1.0.2.tgz",
+          "integrity": "sha1-ykMJ2t7mtUzAuNJH6NfHoJdb3Js="
+        },
+        "lodash": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-1.0.2.tgz",
+          "integrity": "sha1-j1dWDIO1n8JwvT1WG2kAQ0MOJVE="
+        },
+        "lru-cache": {
+          "version": "2.7.3",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-2.7.3.tgz",
+          "integrity": "sha1-bUUk6LlV+V1PW1iFHOId1y+06VI="
+        },
+        "minimatch": {
+          "version": "0.2.14",
+          "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-0.2.14.tgz",
+          "integrity": "sha1-x054BXT2PG+aCQ6Q775u9TpqdWo=",
+          "requires": {
+            "lru-cache": "2.7.3",
+            "sigmund": "1.0.1"
+          }
+        }
+      }
+    },
+    "glob2base": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/glob2base/-/glob2base-0.0.12.tgz",
+      "integrity": "sha1-nUGbPijxLoOjYhZKJ3BVkiycDVY=",
+      "requires": {
+        "find-index": "0.1.1"
+      }
+    },
+    "global-modules": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz",
+      "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==",
+      "requires": {
+        "global-prefix": "1.0.2",
+        "is-windows": "1.0.1",
+        "resolve-dir": "1.0.1"
+      }
+    },
+    "global-prefix": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz",
+      "integrity": "sha1-2/dDxsFJklk8ZVVoy2btMsASLr4=",
+      "requires": {
+        "expand-tilde": "2.0.2",
+        "homedir-polyfill": "1.0.1",
+        "ini": "1.3.5",
+        "is-windows": "1.0.1",
+        "which": "1.3.0"
+      }
+    },
+    "globals": {
+      "version": "9.18.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz",
+      "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==",
+      "dev": true
+    },
+    "globby": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-7.1.1.tgz",
+      "integrity": "sha1-+yzP+UAfhgCUXfral0QMypcrhoA=",
+      "dev": true,
+      "requires": {
+        "array-union": "1.0.2",
+        "dir-glob": "2.0.0",
+        "glob": "7.1.2",
+        "ignore": "3.3.7",
+        "pify": "3.0.0",
+        "slash": "1.0.0"
+      }
+    },
+    "globule": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.0.tgz",
+      "integrity": "sha1-HcScaCLdnoovoAuiopUAboZkvQk=",
+      "dev": true,
+      "requires": {
+        "glob": "7.1.2",
+        "lodash": "4.17.4",
+        "minimatch": "3.0.4"
+      }
+    },
+    "glogg": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/glogg/-/glogg-1.0.0.tgz",
+      "integrity": "sha1-f+DxmfV6yQbPUS/urY+Q7kooT8U=",
+      "requires": {
+        "sparkles": "1.0.0"
+      }
+    },
+    "got": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/got/-/got-6.7.1.tgz",
+      "integrity": "sha1-JAzQV4WpoY5WHcG0S0HHY+8ejbA=",
+      "requires": {
+        "create-error-class": "3.0.2",
+        "duplexer3": "0.1.4",
+        "get-stream": "3.0.0",
+        "is-redirect": "1.0.0",
+        "is-retry-allowed": "1.1.0",
+        "is-stream": "1.1.0",
+        "lowercase-keys": "1.0.0",
+        "safe-buffer": "5.1.1",
+        "timed-out": "4.0.1",
+        "unzip-response": "2.0.1",
+        "url-parse-lax": "1.0.0"
+      }
+    },
+    "graceful-fs": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz",
+      "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg="
+    },
+    "gulp": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/gulp/-/gulp-3.9.1.tgz",
+      "integrity": "sha1-VxzkWSjdQK9lFPxAEYZgFsE4RbQ=",
+      "requires": {
+        "archy": "1.0.0",
+        "chalk": "1.1.3",
+        "deprecated": "0.0.1",
+        "gulp-util": "3.0.8",
+        "interpret": "1.1.0",
+        "liftoff": "2.5.0",
+        "minimist": "1.2.0",
+        "orchestrator": "0.3.8",
+        "pretty-hrtime": "1.0.3",
+        "semver": "4.3.6",
+        "tildify": "1.2.0",
+        "v8flags": "2.1.1",
+        "vinyl-fs": "0.3.14"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "requires": {
+            "ansi-styles": "2.2.1",
+            "escape-string-regexp": "1.0.5",
+            "has-ansi": "2.0.0",
+            "strip-ansi": "3.0.1",
+            "supports-color": "2.0.0"
+          }
+        },
+        "semver": {
+          "version": "4.3.6",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-4.3.6.tgz",
+          "integrity": "sha1-MAvG4OhjdPe6YQaLWx7NV/xlMto="
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
+        },
+        "v8flags": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-2.1.1.tgz",
+          "integrity": "sha1-qrGh+jDUX4jdMhFIh1rALAtV5bQ=",
+          "requires": {
+            "user-home": "1.1.1"
+          }
+        }
+      }
+    },
+    "gulp-rename": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/gulp-rename/-/gulp-rename-1.2.2.tgz",
+      "integrity": "sha1-OtRCh2PwXidk3sHGfYaNsnVoeBc="
+    },
+    "gulp-run": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/gulp-run/-/gulp-run-1.7.1.tgz",
+      "integrity": "sha1-4XwKy3wwtuKu7iPAREKpbAys7/o=",
+      "requires": {
+        "gulp-util": "3.0.8",
+        "lodash.defaults": "4.2.0",
+        "lodash.template": "4.4.0",
+        "vinyl": "0.4.6"
+      },
+      "dependencies": {
+        "clone": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npmjs.org/clone/-/clone-0.2.0.tgz",
+          "integrity": "sha1-xhJqkK1Pctv1rNskPMN3JP6T/B8="
+        },
+        "lodash.template": {
+          "version": "4.4.0",
+          "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-4.4.0.tgz",
+          "integrity": "sha1-5zoDhcg1VZF0bgILmWecaQ5o+6A=",
+          "requires": {
+            "lodash._reinterpolate": "3.0.0",
+            "lodash.templatesettings": "4.1.0"
+          }
+        },
+        "lodash.templatesettings": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-4.1.0.tgz",
+          "integrity": "sha1-K01OlbpEDZFf8IvImeRVNmZxMxY=",
+          "requires": {
+            "lodash._reinterpolate": "3.0.0"
+          }
+        },
+        "vinyl": {
+          "version": "0.4.6",
+          "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-0.4.6.tgz",
+          "integrity": "sha1-LzVsh6VQolVGHza76ypbqL94SEc=",
+          "requires": {
+            "clone": "0.2.0",
+            "clone-stats": "0.0.1"
+          }
+        }
+      }
+    },
+    "gulp-util": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/gulp-util/-/gulp-util-3.0.8.tgz",
+      "integrity": "sha1-AFTh50RQLifATBh8PsxQXdVLu08=",
+      "requires": {
+        "array-differ": "1.0.0",
+        "array-uniq": "1.0.3",
+        "beeper": "1.1.1",
+        "chalk": "1.1.3",
+        "dateformat": "2.2.0",
+        "fancy-log": "1.3.2",
+        "gulplog": "1.0.0",
+        "has-gulplog": "0.1.0",
+        "lodash._reescape": "3.0.0",
+        "lodash._reevaluate": "3.0.0",
+        "lodash._reinterpolate": "3.0.0",
+        "lodash.template": "3.6.2",
+        "minimist": "1.2.0",
+        "multipipe": "0.1.2",
+        "object-assign": "3.0.0",
+        "replace-ext": "0.0.1",
+        "through2": "2.0.3",
+        "vinyl": "0.5.3"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "requires": {
+            "ansi-styles": "2.2.1",
+            "escape-string-regexp": "1.0.5",
+            "has-ansi": "2.0.0",
+            "strip-ansi": "3.0.1",
+            "supports-color": "2.0.0"
+          }
+        },
+        "object-assign": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-3.0.0.tgz",
+          "integrity": "sha1-m+3VygiXlJvKR+f/QIBi1Un1h/I="
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
+        }
+      }
+    },
+    "gulplog": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/gulplog/-/gulplog-1.0.0.tgz",
+      "integrity": "sha1-4oxNRdBey77YGDY86PnFkmIp/+U=",
+      "requires": {
+        "glogg": "1.0.0"
+      }
+    },
+    "hammerjs": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/hammerjs/-/hammerjs-2.0.8.tgz",
+      "integrity": "sha1-BO93hiz/K7edMPdpIJWTAiK/YPE="
+    },
+    "handle-thing": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-1.2.5.tgz",
+      "integrity": "sha1-/Xqtcmvxpf0W38KbL3pmAdJxOcQ=",
+      "dev": true
+    },
+    "har-schema": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-1.0.5.tgz",
+      "integrity": "sha1-0mMTX0MwfALGAq/I/pWXDAFRNp4=",
+      "dev": true
+    },
+    "har-validator": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-4.2.1.tgz",
+      "integrity": "sha1-M0gdDxu/9gDdID11gSpqX7oALio=",
+      "dev": true,
+      "requires": {
+        "ajv": "4.11.8",
+        "har-schema": "1.0.5"
+      },
+      "dependencies": {
+        "ajv": {
+          "version": "4.11.8",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-4.11.8.tgz",
+          "integrity": "sha1-gv+wKynmYq5TvcIK8VlHcGc5xTY=",
+          "dev": true,
+          "requires": {
+            "co": "4.6.0",
+            "json-stable-stringify": "1.0.1"
+          }
+        }
+      }
+    },
+    "has": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.1.tgz",
+      "integrity": "sha1-hGFzP1OLCDfJNh45qauelwTcLyg=",
+      "dev": true,
+      "requires": {
+        "function-bind": "1.1.1"
+      }
+    },
+    "has-ansi": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+      "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
+      "requires": {
+        "ansi-regex": "2.1.1"
+      }
+    },
+    "has-binary": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/has-binary/-/has-binary-0.1.7.tgz",
+      "integrity": "sha1-aOYesWIQyVRaClzOBqhzkS/h5ow=",
+      "dev": true,
+      "requires": {
+        "isarray": "0.0.1"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
+          "dev": true
+        }
+      }
+    },
+    "has-cors": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.1.0.tgz",
+      "integrity": "sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk=",
+      "dev": true
+    },
+    "has-flag": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-2.0.0.tgz",
+      "integrity": "sha1-6CB68cx7MNRGzHC3NLXovhj4jVE="
+    },
+    "has-gulplog": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/has-gulplog/-/has-gulplog-0.1.0.tgz",
+      "integrity": "sha1-ZBTIKRNpfaUVkDl9r7EvIpZ4Ec4=",
+      "requires": {
+        "sparkles": "1.0.0"
+      }
+    },
+    "has-symbols": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.0.tgz",
+      "integrity": "sha1-uhqPGvKg/DllD1yFA2dwQSIGO0Q=",
+      "dev": true
+    },
+    "has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
+      "dev": true
+    },
+    "has-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+      "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=",
+      "requires": {
+        "get-value": "2.0.6",
+        "has-values": "1.0.0",
+        "isobject": "3.0.1"
+      }
+    },
+    "has-values": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+      "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=",
+      "requires": {
+        "is-number": "3.0.0",
+        "kind-of": "4.0.0"
+      },
+      "dependencies": {
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "kind-of": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+          "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=",
+          "requires": {
+            "is-buffer": "1.1.6"
+          }
+        }
+      }
+    },
+    "hash-base": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-2.0.2.tgz",
+      "integrity": "sha1-ZuodhW206KVHDK32/OI65SRO8uE=",
+      "requires": {
+        "inherits": "2.0.3"
+      }
+    },
+    "hash.js": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.3.tgz",
+      "integrity": "sha512-/UETyP0W22QILqS+6HowevwhEFJ3MBJnwTf75Qob9Wz9t0DPuisL8kW8YZMK62dHAKE1c1p+gY1TtOLY+USEHA==",
+      "requires": {
+        "inherits": "2.0.3",
+        "minimalistic-assert": "1.0.0"
+      }
+    },
+    "hawk": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/hawk/-/hawk-3.1.3.tgz",
+      "integrity": "sha1-B4REvXwWQLD+VA0sm3PVlnjo4cQ=",
+      "dev": true,
+      "requires": {
+        "boom": "2.10.1",
+        "cryptiles": "2.0.5",
+        "hoek": "2.16.3",
+        "sntp": "1.0.9"
+      }
+    },
+    "he": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.1.1.tgz",
+      "integrity": "sha1-k0EP0hsAlzUVH4howvJx80J+I/0=",
+      "dev": true
+    },
+    "hmac-drbg": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
+      "integrity": "sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=",
+      "requires": {
+        "hash.js": "1.1.3",
+        "minimalistic-assert": "1.0.0",
+        "minimalistic-crypto-utils": "1.0.1"
+      }
+    },
+    "hoek": {
+      "version": "2.16.3",
+      "resolved": "https://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz",
+      "integrity": "sha1-ILt0A9POo5jpHcRxCo/xuCdKJe0="
+    },
+    "homedir-polyfill": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.1.tgz",
+      "integrity": "sha1-TCu8inWJmP7r9e1oWA921GdotLw=",
+      "requires": {
+        "parse-passwd": "1.0.0"
+      }
+    },
+    "hosted-git-info": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.5.0.tgz",
+      "integrity": "sha512-pNgbURSuab90KbTqvRPsseaTxOJCZBD0a7t+haSN33piP9cCM4l0CqdzAif2hUqm716UovKB2ROmiabGAKVXyg=="
+    },
+    "hpack.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+      "integrity": "sha1-h3dMCUnlE/QuhFdbPEVoH63ioLI=",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "obuf": "1.1.1",
+        "readable-stream": "2.3.3",
+        "wbuf": "1.7.2"
+      }
+    },
+    "html-entities": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-1.2.1.tgz",
+      "integrity": "sha1-DfKTUfByEWNRXfueVUPl9u7VFi8=",
+      "dev": true
+    },
+    "html-minifier": {
+      "version": "3.5.8",
+      "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-3.5.8.tgz",
+      "integrity": "sha512-WX7D6PB9PFq05fZ1/CyxPUuyqXed6vh2fGOM80+zJT5wAO93D/cUjLs0CcbBFjQmlwmCgRvl97RurtArIpOnkw==",
+      "dev": true,
+      "requires": {
+        "camel-case": "3.0.0",
+        "clean-css": "4.1.9",
+        "commander": "2.12.2",
+        "he": "1.1.1",
+        "ncname": "1.0.0",
+        "param-case": "2.1.1",
+        "relateurl": "0.2.7",
+        "uglify-js": "3.3.5"
+      }
+    },
+    "htmlparser2": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.3.0.tgz",
+      "integrity": "sha1-zHDQWln2VC5D8OaFyYLhTJJKnv4=",
+      "dev": true,
+      "requires": {
+        "domelementtype": "1.3.0",
+        "domhandler": "2.1.0",
+        "domutils": "1.1.6",
+        "readable-stream": "1.0.34"
+      },
+      "dependencies": {
+        "domutils": {
+          "version": "1.1.6",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.1.6.tgz",
+          "integrity": "sha1-vdw94Jm5ou+sxRxiPyj0FuzFdIU=",
+          "dev": true,
+          "requires": {
+            "domelementtype": "1.3.0"
+          }
+        },
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "1.0.34",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+          "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
+          "dev": true,
+          "requires": {
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "0.0.1",
+            "string_decoder": "0.10.31"
+          }
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
+          "dev": true
+        }
+      }
+    },
+    "http-deceiver": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+      "integrity": "sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=",
+      "dev": true
+    },
+    "http-errors": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz",
+      "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=",
+      "requires": {
+        "depd": "1.1.1",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.0.3",
+        "statuses": "1.3.1"
+      },
+      "dependencies": {
+        "setprototypeof": {
+          "version": "1.0.3",
+          "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz",
+          "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ="
+        }
+      }
+    },
+    "http-parser-js": {
+      "version": "0.4.9",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.4.9.tgz",
+      "integrity": "sha1-6hoE+2St/wJC6ZdPKX3Uw8rSceE=",
+      "dev": true
+    },
+    "http-proxy": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.16.2.tgz",
+      "integrity": "sha1-Bt/ykpUr9k2+hHH6nfcwZtTzd0I=",
+      "dev": true,
+      "requires": {
+        "eventemitter3": "1.2.0",
+        "requires-port": "1.0.0"
+      }
+    },
+    "http-signature": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.1.1.tgz",
+      "integrity": "sha1-33LiZwZs0Kxn+3at+OE0qPvPkb8=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "0.2.0",
+        "jsprim": "1.4.1",
+        "sshpk": "1.13.1"
+      }
+    },
+    "https-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
+      "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM="
+    },
+    "https-proxy-agent": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-1.0.0.tgz",
+      "integrity": "sha1-NffabEjOTdv6JkiRrFk+5f+GceY=",
+      "dev": true,
+      "requires": {
+        "agent-base": "2.1.1",
+        "debug": "2.6.9",
+        "extend": "3.0.1"
+      }
+    },
+    "iconv-lite": {
+      "version": "0.4.19",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz",
+      "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ=="
+    },
+    "ieee754": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.1.8.tgz",
+      "integrity": "sha1-vjPUCsEO8ZJnAfbwii2G+/0a0+Q="
+    },
+    "iferr": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/iferr/-/iferr-0.1.5.tgz",
+      "integrity": "sha1-xg7taebY/bazEEofy8ocGS3FtQE=",
+      "dev": true
+    },
+    "ignore": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.7.tgz",
+      "integrity": "sha512-YGG3ejvBNHRqu0559EOxxNFihD0AjpvHlC/pdGKd3X3ofe+CoJkYazwNJYTNebqpPKN+VVQbh4ZFn1DivMNuHA==",
+      "dev": true
+    },
+    "image-size": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
+      "integrity": "sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=",
+      "dev": true,
+      "optional": true
+    },
+    "imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o="
+    },
+    "in-publish": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.0.tgz",
+      "integrity": "sha1-4g/146KvwmkDILbcVSaCqcf631E=",
+      "dev": true
+    },
+    "indent-string": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+      "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
+      "requires": {
+        "repeating": "2.0.1"
+      }
+    },
+    "indexof": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/indexof/-/indexof-0.0.1.tgz",
+      "integrity": "sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10="
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "requires": {
+        "once": "1.4.0",
+        "wrappy": "1.0.2"
+      }
+    },
+    "inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
+    },
+    "ini": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz",
+      "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw=="
+    },
+    "inquirer": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-3.0.6.tgz",
+      "integrity": "sha1-4EqqnQW3o8ubD0B9BDdfBEcZA0c=",
+      "requires": {
+        "ansi-escapes": "1.4.0",
+        "chalk": "1.1.3",
+        "cli-cursor": "2.1.0",
+        "cli-width": "2.2.0",
+        "external-editor": "2.1.0",
+        "figures": "2.0.0",
+        "lodash": "4.17.4",
+        "mute-stream": "0.0.7",
+        "run-async": "2.3.0",
+        "rx": "4.1.0",
+        "string-width": "2.1.1",
+        "strip-ansi": "3.0.1",
+        "through": "2.3.8"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg="
+        },
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "requires": {
+            "ansi-styles": "2.2.1",
+            "escape-string-regexp": "1.0.5",
+            "has-ansi": "2.0.0",
+            "strip-ansi": "3.0.1",
+            "supports-color": "2.0.0"
+          }
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8="
+        },
+        "string-width": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+          "requires": {
+            "is-fullwidth-code-point": "2.0.0",
+            "strip-ansi": "4.0.0"
+          },
+          "dependencies": {
+            "strip-ansi": {
+              "version": "4.0.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+              "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+              "requires": {
+                "ansi-regex": "3.0.0"
+              }
+            }
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
+        }
+      }
+    },
+    "internal-ip": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-1.2.0.tgz",
+      "integrity": "sha1-rp+/k7mEh4eF1QqN4bNWlWBYz1w=",
+      "dev": true,
+      "requires": {
+        "meow": "3.7.0"
+      }
+    },
+    "interpret": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.1.0.tgz",
+      "integrity": "sha1-ftGxQQxqDg94z5XTuEQMY/eLhhQ="
+    },
+    "invariant": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.2.tgz",
+      "integrity": "sha1-nh9WrArNtr8wMwbzOL47IErmA2A=",
+      "dev": true,
+      "requires": {
+        "loose-envify": "1.3.1"
+      }
+    },
+    "invert-kv": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz",
+      "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY="
+    },
+    "ip": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
+      "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=",
+      "dev": true
+    },
+    "ipaddr.js": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.5.2.tgz",
+      "integrity": "sha1-1LUFvemUaYfM8PxY2QEP+WB+P6A="
+    },
+    "is-absolute": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-absolute/-/is-absolute-1.0.0.tgz",
+      "integrity": "sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==",
+      "requires": {
+        "is-relative": "1.0.0",
+        "is-windows": "1.0.1"
+      }
+    },
+    "is-accessor-descriptor": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+      "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+      "requires": {
+        "kind-of": "6.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+          "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA=="
+        }
+      }
+    },
+    "is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0="
+    },
+    "is-binary-path": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+      "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=",
+      "requires": {
+        "binary-extensions": "1.11.0"
+      }
+    },
+    "is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
+    },
+    "is-builtin-module": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz",
+      "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=",
+      "requires": {
+        "builtin-modules": "1.1.1"
+      }
+    },
+    "is-callable": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.3.tgz",
+      "integrity": "sha1-hut1OSgF3cM69xySoO7fdO52BLI=",
+      "dev": true
+    },
+    "is-data-descriptor": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+      "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+      "requires": {
+        "kind-of": "6.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+          "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA=="
+        }
+      }
+    },
+    "is-date-object": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.1.tgz",
+      "integrity": "sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=",
+      "dev": true
+    },
+    "is-descriptor": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+      "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+      "requires": {
+        "is-accessor-descriptor": "1.0.0",
+        "is-data-descriptor": "1.0.0",
+        "kind-of": "6.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+          "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA=="
+        }
+      }
+    },
+    "is-directory": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+      "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=",
+      "dev": true
+    },
+    "is-dotfile": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz",
+      "integrity": "sha1-pqLzL/0t+wT1yiXs0Pa4PPeYoeE="
+    },
+    "is-equal-shallow": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz",
+      "integrity": "sha1-IjgJj8Ih3gvPpdnqxMRdY4qhxTQ=",
+      "requires": {
+        "is-primitive": "2.0.0"
+      }
+    },
+    "is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik="
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI="
+    },
+    "is-finite": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz",
+      "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=",
+      "requires": {
+        "number-is-nan": "1.0.1"
+      }
+    },
+    "is-fullwidth-code-point": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+      "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
+      "requires": {
+        "number-is-nan": "1.0.1"
+      }
+    },
+    "is-glob": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.0.tgz",
+      "integrity": "sha1-lSHHaEXMJhCoUgPd8ICpWML/q8A=",
+      "dev": true,
+      "requires": {
+        "is-extglob": "2.1.1"
+      }
+    },
+    "is-my-json-valid": {
+      "version": "2.17.1",
+      "resolved": "https://registry.npmjs.org/is-my-json-valid/-/is-my-json-valid-2.17.1.tgz",
+      "integrity": "sha512-Q2khNw+oBlWuaYvEEHtKSw/pCxD2L5Rc1C+UQme9X6JdRDh7m5D7HkozA0qa3DUkQ6VzCnEm8mVIQPyIRkI5sQ==",
+      "dev": true,
+      "requires": {
+        "generate-function": "2.0.0",
+        "generate-object-property": "1.2.0",
+        "jsonpointer": "4.0.1",
+        "xtend": "4.0.1"
+      }
+    },
+    "is-npm": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-1.0.0.tgz",
+      "integrity": "sha1-8vtjpl5JBbQGyGBydloaTceTufQ="
+    },
+    "is-number": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz",
+      "integrity": "sha1-Afy7s5NGOlSPL0ZszhbezknbkI8=",
+      "requires": {
+        "kind-of": "3.2.2"
+      }
+    },
+    "is-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
+      "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8="
+    },
+    "is-odd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-odd/-/is-odd-1.0.0.tgz",
+      "integrity": "sha1-O4qTLrAos3dcObsJ6RdnrM22kIg=",
+      "requires": {
+        "is-number": "3.0.0"
+      },
+      "dependencies": {
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "requires": {
+            "kind-of": "3.2.2"
+          }
+        }
+      }
+    },
+    "is-path-cwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-1.0.0.tgz",
+      "integrity": "sha1-0iXsIxMuie3Tj9p2dHLmLmXxEG0="
+    },
+    "is-path-in-cwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-1.0.0.tgz",
+      "integrity": "sha1-ZHdYK4IU1gI0YJRWcAO+ip6sBNw=",
+      "requires": {
+        "is-path-inside": "1.0.1"
+      }
+    },
+    "is-path-inside": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-1.0.1.tgz",
+      "integrity": "sha1-jvW33lBDej/cprToZe96pVy0gDY=",
+      "requires": {
+        "path-is-inside": "1.0.2"
+      }
+    },
+    "is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4="
+    },
+    "is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "requires": {
+        "isobject": "3.0.1"
+      }
+    },
+    "is-posix-bracket": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz",
+      "integrity": "sha1-MzTceXdDaOkvAW5vvAqI9c1ua8Q="
+    },
+    "is-primitive": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-primitive/-/is-primitive-2.0.0.tgz",
+      "integrity": "sha1-IHurkWOEmcB7Kt8kCkGochADRXU="
+    },
+    "is-promise": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.1.0.tgz",
+      "integrity": "sha1-eaKp7OfwlugPNtKy87wWwf9L8/o="
+    },
+    "is-property": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz",
+      "integrity": "sha1-V/4cTkhHTt1lsJkR8msc1Ald2oQ=",
+      "dev": true
+    },
+    "is-redirect": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-redirect/-/is-redirect-1.0.0.tgz",
+      "integrity": "sha1-HQPd7VO9jbDzDCbk+V02/HyH3CQ="
+    },
+    "is-regex": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.4.tgz",
+      "integrity": "sha1-VRdIm1RwkbCTDglWVM7SXul+lJE=",
+      "dev": true,
+      "requires": {
+        "has": "1.0.1"
+      }
+    },
+    "is-relative": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz",
+      "integrity": "sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==",
+      "requires": {
+        "is-unc-path": "1.0.0"
+      }
+    },
+    "is-retry-allowed": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-retry-allowed/-/is-retry-allowed-1.1.0.tgz",
+      "integrity": "sha1-EaBgVotnM5REAz0BJaYaINVk+zQ="
+    },
+    "is-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ="
+    },
+    "is-symbol": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.1.tgz",
+      "integrity": "sha1-PMWfAAJRlLarLjjbrmaJJWtmBXI=",
+      "dev": true
+    },
+    "is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
+      "dev": true
+    },
+    "is-unc-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz",
+      "integrity": "sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==",
+      "requires": {
+        "unc-path-regex": "0.1.2"
+      }
+    },
+    "is-utf8": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
+      "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI="
+    },
+    "is-windows": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.1.tgz",
+      "integrity": "sha1-MQ23D3QtJZoWo2kgK1GvhCMzENk="
+    },
+    "is-wsl": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+      "integrity": "sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=",
+      "dev": true
+    },
+    "isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+    },
+    "isbinaryfile": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-3.0.2.tgz",
+      "integrity": "sha1-Sj6XTsDLqQBNP8bN5yCeppNopiE=",
+      "dev": true
+    },
+    "isemail": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/isemail/-/isemail-1.2.0.tgz",
+      "integrity": "sha1-vgPfjMPineTSxd9lASY/H6RZXpo="
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA="
+    },
+    "isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8="
+    },
+    "isstream": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+      "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
+      "dev": true
+    },
+    "istanbul": {
+      "version": "0.4.5",
+      "resolved": "https://registry.npmjs.org/istanbul/-/istanbul-0.4.5.tgz",
+      "integrity": "sha1-ZcfXPUxNqE1POsMQuRj7C4Azczs=",
+      "dev": true,
+      "requires": {
+        "abbrev": "1.0.9",
+        "async": "1.5.2",
+        "escodegen": "1.8.1",
+        "esprima": "2.7.3",
+        "glob": "5.0.15",
+        "handlebars": "4.0.11",
+        "js-yaml": "3.7.0",
+        "mkdirp": "0.5.1",
+        "nopt": "3.0.6",
+        "once": "1.4.0",
+        "resolve": "1.1.7",
+        "supports-color": "3.2.3",
+        "which": "1.3.0",
+        "wordwrap": "1.0.0"
+      },
+      "dependencies": {
+        "abbrev": {
+          "version": "1.0.9",
+          "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.0.9.tgz",
+          "integrity": "sha1-kbR5JYinc4wl813W9jdSovh3YTU=",
+          "dev": true
+        },
+        "async": {
+          "version": "1.5.2",
+          "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
+          "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=",
+          "dev": true
+        },
+        "camelcase": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-1.2.1.tgz",
+          "integrity": "sha1-m7UwTS4LVmmLLHWLCKPqqdqlijk=",
+          "dev": true,
+          "optional": true
+        },
+        "cliui": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz",
+          "integrity": "sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "center-align": "0.1.3",
+            "right-align": "0.1.3",
+            "wordwrap": "0.0.2"
+          },
+          "dependencies": {
+            "wordwrap": {
+              "version": "0.0.2",
+              "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz",
+              "integrity": "sha1-t5Zpu0LstAn4PVg8rVLKF+qhZD8=",
+              "dev": true,
+              "optional": true
+            }
+          }
+        },
+        "glob": {
+          "version": "5.0.15",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz",
+          "integrity": "sha1-G8k2ueAvSmA/zCIuz3Yz0wuLk7E=",
+          "dev": true,
+          "requires": {
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
+        },
+        "handlebars": {
+          "version": "4.0.11",
+          "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.0.11.tgz",
+          "integrity": "sha1-Ywo13+ApS8KB7a5v/F0yn8eYLcw=",
+          "dev": true,
+          "requires": {
+            "async": "1.5.2",
+            "optimist": "0.6.1",
+            "source-map": "0.4.4",
+            "uglify-js": "2.8.29"
+          }
+        },
+        "has-flag": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz",
+          "integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=",
+          "dev": true
+        },
+        "minimist": {
+          "version": "0.0.10",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
+          "integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=",
+          "dev": true
+        },
+        "nopt": {
+          "version": "3.0.6",
+          "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
+          "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
+          "dev": true,
+          "requires": {
+            "abbrev": "1.0.9"
+          }
+        },
+        "optimist": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
+          "integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
+          "dev": true,
+          "requires": {
+            "minimist": "0.0.10",
+            "wordwrap": "0.0.3"
+          },
+          "dependencies": {
+            "wordwrap": {
+              "version": "0.0.3",
+              "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
+              "integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc=",
+              "dev": true
+            }
+          }
+        },
+        "resolve": {
+          "version": "1.1.7",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.1.7.tgz",
+          "integrity": "sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.4.4",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+          "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
+          "dev": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
+        },
+        "supports-color": {
+          "version": "3.2.3",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
+          "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=",
+          "dev": true,
+          "requires": {
+            "has-flag": "1.0.0"
+          }
+        },
+        "uglify-js": {
+          "version": "2.8.29",
+          "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.8.29.tgz",
+          "integrity": "sha1-KcVzMUgFe7Th913zW3qcty5qWd0=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "source-map": "0.5.7",
+            "uglify-to-browserify": "1.0.2",
+            "yargs": "3.10.0"
+          },
+          "dependencies": {
+            "source-map": {
+              "version": "0.5.7",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+              "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+              "dev": true,
+              "optional": true
+            }
+          }
+        },
+        "wordwrap": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
+          "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=",
+          "dev": true
+        },
+        "yargs": {
+          "version": "3.10.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz",
+          "integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "camelcase": "1.2.1",
+            "cliui": "2.1.0",
+            "decamelize": "1.2.0",
+            "window-size": "0.1.0"
+          }
+        }
+      }
+    },
+    "istanbul-api": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-api/-/istanbul-api-1.2.1.tgz",
+      "integrity": "sha512-oFCwXvd65amgaPCzqrR+a2XjanS1MvpXN6l/MlMUTv6uiA1NOgGX+I0uyq8Lg3GDxsxPsaP1049krz3hIJ5+KA==",
+      "dev": true,
+      "requires": {
+        "async": "2.6.0",
+        "fileset": "2.0.3",
+        "istanbul-lib-coverage": "1.1.1",
+        "istanbul-lib-hook": "1.1.0",
+        "istanbul-lib-instrument": "1.9.1",
+        "istanbul-lib-report": "1.1.2",
+        "istanbul-lib-source-maps": "1.2.2",
+        "istanbul-reports": "1.1.3",
+        "js-yaml": "3.7.0",
+        "mkdirp": "0.5.1",
+        "once": "1.4.0"
+      }
+    },
+    "istanbul-lib-coverage": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-1.1.1.tgz",
+      "integrity": "sha512-0+1vDkmzxqJIn5rcoEqapSB4DmPxE31EtI2dF2aCkV5esN9EWHxZ0dwgDClivMXJqE7zaYQxq30hj5L0nlTN5Q==",
+      "dev": true
+    },
+    "istanbul-lib-hook": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-hook/-/istanbul-lib-hook-1.1.0.tgz",
+      "integrity": "sha512-U3qEgwVDUerZ0bt8cfl3dSP3S6opBoOtk3ROO5f2EfBr/SRiD9FQqzwaZBqFORu8W7O0EXpai+k7kxHK13beRg==",
+      "dev": true,
+      "requires": {
+        "append-transform": "0.4.0"
+      }
+    },
+    "istanbul-lib-instrument": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-1.9.1.tgz",
+      "integrity": "sha512-RQmXeQ7sphar7k7O1wTNzVczF9igKpaeGQAG9qR2L+BS4DCJNTI9nytRmIVYevwO0bbq+2CXvJmYDuz0gMrywA==",
+      "dev": true,
+      "requires": {
+        "babel-generator": "6.26.0",
+        "babel-template": "6.26.0",
+        "babel-traverse": "6.26.0",
+        "babel-types": "6.26.0",
+        "babylon": "6.18.0",
+        "istanbul-lib-coverage": "1.1.1",
+        "semver": "5.4.1"
+      }
+    },
+    "istanbul-lib-report": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-1.1.2.tgz",
+      "integrity": "sha512-UTv4VGx+HZivJQwAo1wnRwe1KTvFpfi/NYwN7DcsrdzMXwpRT/Yb6r4SBPoHWj4VuQPakR32g4PUUeyKkdDkBA==",
+      "dev": true,
+      "requires": {
+        "istanbul-lib-coverage": "1.1.1",
+        "mkdirp": "0.5.1",
+        "path-parse": "1.0.5",
+        "supports-color": "3.2.3"
+      },
+      "dependencies": {
+        "has-flag": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz",
+          "integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "3.2.3",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
+          "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=",
+          "dev": true,
+          "requires": {
+            "has-flag": "1.0.0"
+          }
+        }
+      }
+    },
+    "istanbul-lib-source-maps": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-1.2.2.tgz",
+      "integrity": "sha512-8BfdqSfEdtip7/wo1RnrvLpHVEd8zMZEDmOFEnpC6dg0vXflHt9nvoAyQUzig2uMSXfF2OBEYBV3CVjIL9JvaQ==",
+      "dev": true,
+      "requires": {
+        "debug": "3.1.0",
+        "istanbul-lib-coverage": "1.1.1",
+        "mkdirp": "0.5.1",
+        "rimraf": "2.6.2",
+        "source-map": "0.5.7"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
+    "istanbul-reports": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-1.1.3.tgz",
+      "integrity": "sha512-ZEelkHh8hrZNI5xDaKwPMFwDsUf5wIEI2bXAFGp1e6deR2mnEKBPhLJEgr4ZBt8Gi6Mj38E/C8kcy9XLggVO2Q==",
+      "dev": true,
+      "requires": {
+        "handlebars": "4.0.11"
+      },
+      "dependencies": {
+        "async": {
+          "version": "1.5.2",
+          "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
+          "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=",
+          "dev": true
+        },
+        "camelcase": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-1.2.1.tgz",
+          "integrity": "sha1-m7UwTS4LVmmLLHWLCKPqqdqlijk=",
+          "dev": true,
+          "optional": true
+        },
+        "cliui": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz",
+          "integrity": "sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "center-align": "0.1.3",
+            "right-align": "0.1.3",
+            "wordwrap": "0.0.2"
+          },
+          "dependencies": {
+            "wordwrap": {
+              "version": "0.0.2",
+              "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz",
+              "integrity": "sha1-t5Zpu0LstAn4PVg8rVLKF+qhZD8=",
+              "dev": true,
+              "optional": true
+            }
+          }
+        },
+        "handlebars": {
+          "version": "4.0.11",
+          "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.0.11.tgz",
+          "integrity": "sha1-Ywo13+ApS8KB7a5v/F0yn8eYLcw=",
+          "dev": true,
+          "requires": {
+            "async": "1.5.2",
+            "optimist": "0.6.1",
+            "source-map": "0.4.4",
+            "uglify-js": "2.8.29"
+          }
+        },
+        "minimist": {
+          "version": "0.0.10",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
+          "integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=",
+          "dev": true
+        },
+        "optimist": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
+          "integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
+          "dev": true,
+          "requires": {
+            "minimist": "0.0.10",
+            "wordwrap": "0.0.3"
+          }
+        },
+        "source-map": {
+          "version": "0.4.4",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+          "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
+          "dev": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
+        },
+        "uglify-js": {
+          "version": "2.8.29",
+          "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.8.29.tgz",
+          "integrity": "sha1-KcVzMUgFe7Th913zW3qcty5qWd0=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "source-map": "0.5.7",
+            "uglify-to-browserify": "1.0.2",
+            "yargs": "3.10.0"
+          },
+          "dependencies": {
+            "source-map": {
+              "version": "0.5.7",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+              "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+              "dev": true,
+              "optional": true
+            }
+          }
+        },
+        "yargs": {
+          "version": "3.10.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz",
+          "integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "camelcase": "1.2.1",
+            "cliui": "2.1.0",
+            "decamelize": "1.2.0",
+            "window-size": "0.1.0"
+          }
+        }
+      }
+    },
+    "jasmine": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/jasmine/-/jasmine-2.8.0.tgz",
+      "integrity": "sha1-awicChFXax8W3xG4AUbZHU6Lij4=",
+      "dev": true,
+      "requires": {
+        "exit": "0.1.2",
+        "glob": "7.1.2",
+        "jasmine-core": "2.8.0"
+      },
+      "dependencies": {
+        "jasmine-core": {
+          "version": "2.8.0",
+          "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-2.8.0.tgz",
+          "integrity": "sha1-vMl5rh+f0FcB5F5S5l06XWPxok4=",
+          "dev": true
+        }
+      }
+    },
+    "jasmine-core": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-2.5.2.tgz",
+      "integrity": "sha1-b2G9eQYeJ/Q+b5NV5Es8bKtv8pc=",
+      "dev": true
+    },
+    "jasmine-spec-reporter": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/jasmine-spec-reporter/-/jasmine-spec-reporter-3.2.0.tgz",
+      "integrity": "sha1-/b6FqAzN07J2dGvHf96Dwc53Pv8=",
+      "dev": true,
+      "requires": {
+        "colors": "1.1.2"
+      }
+    },
+    "jasminewd2": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/jasminewd2/-/jasminewd2-2.2.0.tgz",
+      "integrity": "sha1-43zwsX8ZnM4jvqcbIDk5Uka07E4=",
+      "dev": true
+    },
+    "joi": {
+      "version": "6.10.1",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-6.10.1.tgz",
+      "integrity": "sha1-TVDDGAeRIgAP5fFq8f+OGRe3fgY=",
+      "requires": {
+        "hoek": "2.16.3",
+        "isemail": "1.2.0",
+        "moment": "2.20.1",
+        "topo": "1.1.0"
+      }
+    },
+    "js-base64": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.4.0.tgz",
+      "integrity": "sha512-Wehd+7Pf9tFvGb+ydPm9TjYjV8X1YHOVyG8QyELZxEMqOhemVwGRmoG8iQ/soqI3n8v4xn59zaLxiCJiaaRzKA==",
+      "dev": true
+    },
+    "js-tokens": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
+      "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls=",
+      "dev": true
+    },
+    "js-yaml": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.7.0.tgz",
+      "integrity": "sha1-XJZ93YN6m/3KXy3oQlOr6KHAO4A=",
+      "dev": true,
+      "requires": {
+        "argparse": "1.0.9",
+        "esprima": "2.7.3"
+      }
+    },
+    "jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+      "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
+      "dev": true,
+      "optional": true
+    },
+    "jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
+      "dev": true
+    },
+    "json-loader": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/json-loader/-/json-loader-0.5.7.tgz",
+      "integrity": "sha512-QLPs8Dj7lnf3e3QYS1zkCo+4ZwqOiF9d/nZnYozTISxXWCfNs9yuky5rJw4/W34s7POaNlbZmQGaB5NiXCbP4w=="
+    },
+    "json-schema": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
+      "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=",
+      "dev": true
+    },
+    "json-schema-traverse": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz",
+      "integrity": "sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A=",
+      "dev": true
+    },
+    "json-stable-stringify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz",
+      "integrity": "sha1-mnWdOcXy/1A/1TAGRu1EX4jE+a8=",
+      "requires": {
+        "jsonify": "0.0.0"
+      }
+    },
+    "json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
+      "dev": true
+    },
+    "json3": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.2.tgz",
+      "integrity": "sha1-PAQ0dD35Pi9cQq7nsZvLSDV19OE=",
+      "dev": true
+    },
+    "json5": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
+      "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE="
+    },
+    "jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
+      "requires": {
+        "graceful-fs": "4.1.11"
+      }
+    },
+    "jsonify": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz",
+      "integrity": "sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM="
+    },
+    "jsonpointer": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-4.0.1.tgz",
+      "integrity": "sha1-T9kss04OnbPInIYi7PUfm5eMbLk=",
+      "dev": true
+    },
+    "jsonwebtoken": {
+      "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-8.2.1.tgz",
+      "integrity": "sha512-l8rUBr0fqYYwPc8/ZGrue7GiW7vWdZtZqelxo4Sd5lMvuEeCK8/wS54sEo6tJhdZ6hqfutsj6COgC0d1XdbHGw==",
+      "requires": {
+        "jws": "3.1.4",
+        "lodash.includes": "4.3.0",
+        "lodash.isboolean": "3.0.3",
+        "lodash.isinteger": "4.0.4",
+        "lodash.isnumber": "3.0.3",
+        "lodash.isplainobject": "4.0.6",
+        "lodash.isstring": "4.0.1",
+        "lodash.once": "4.1.1",
+        "ms": "2.1.1",
+        "xtend": "4.0.1"
+      },
+      "dependencies": {
+        "ms": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
+          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg=="
+        }
+      }
+    },
+    "jsprim": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
+      "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.2.3",
+        "verror": "1.10.0"
+      },
+      "dependencies": {
+        "assert-plus": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+          "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+          "dev": true
+        }
+      }
+    },
+    "jwa": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/jwa/-/jwa-1.1.5.tgz",
+      "integrity": "sha1-oFUs4CIHQs1S4VN3SjKQXDDnVuU=",
+      "requires": {
+        "base64url": "2.0.0",
+        "buffer-equal-constant-time": "1.0.1",
+        "ecdsa-sig-formatter": "1.0.9",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "jws": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/jws/-/jws-3.1.4.tgz",
+      "integrity": "sha1-+ei5M46KhHJ31kRLFGT2GIDgUKI=",
+      "requires": {
+        "base64url": "2.0.0",
+        "jwa": "1.1.5",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "kareem": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.0.7.tgz",
+      "integrity": "sha512-p8+lEpsNs4N0fvNOC1/zzDO0wDrD3Pb1G+OwfIG+gKVK3MyY5jeaGYh+9Qx6jb4fEG2b3E6U98vaE9MH7Gilsw=="
+    },
+    "karma": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/karma/-/karma-1.4.1.tgz",
+      "integrity": "sha1-QZgacdVCN2BrCj6oxYyQdz9BZQ4=",
+      "dev": true,
+      "requires": {
+        "bluebird": "3.5.1",
+        "body-parser": "1.18.2",
+        "chokidar": "1.7.0",
+        "colors": "1.1.2",
+        "combine-lists": "1.0.1",
+        "connect": "3.6.5",
+        "core-js": "2.4.1",
+        "di": "0.0.1",
+        "dom-serialize": "2.2.1",
+        "expand-braces": "0.1.2",
+        "glob": "7.1.2",
+        "graceful-fs": "4.1.11",
+        "http-proxy": "1.16.2",
+        "isbinaryfile": "3.0.2",
+        "lodash": "3.10.1",
+        "log4js": "0.6.38",
+        "mime": "1.6.0",
+        "minimatch": "3.0.4",
+        "optimist": "0.6.1",
+        "qjobs": "1.1.5",
+        "range-parser": "1.2.0",
+        "rimraf": "2.6.2",
+        "safe-buffer": "5.1.1",
+        "socket.io": "1.7.2",
+        "source-map": "0.5.7",
+        "tmp": "0.0.28",
+        "useragent": "2.2.1"
+      },
+      "dependencies": {
+        "lodash": {
+          "version": "3.10.1",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-3.10.1.tgz",
+          "integrity": "sha1-W/Rejkm6QYnhfUgnid/RW9FAt7Y=",
+          "dev": true
+        },
+        "minimist": {
+          "version": "0.0.10",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
+          "integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=",
+          "dev": true
+        },
+        "optimist": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
+          "integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
+          "dev": true,
+          "requires": {
+            "minimist": "0.0.10",
+            "wordwrap": "0.0.3"
+          }
+        }
+      }
+    },
+    "karma-chrome-launcher": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/karma-chrome-launcher/-/karma-chrome-launcher-2.0.0.tgz",
+      "integrity": "sha1-wnkMWjKxVXfQ//Wk1aJwOztDnCU=",
+      "dev": true,
+      "requires": {
+        "fs-access": "1.0.1",
+        "which": "1.3.0"
+      }
+    },
+    "karma-cli": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/karma-cli/-/karma-cli-1.0.1.tgz",
+      "integrity": "sha1-rmw8WKMTodALRRZMRVubhs4X+WA=",
+      "dev": true,
+      "requires": {
+        "resolve": "1.5.0"
+      }
+    },
+    "karma-coverage-istanbul-reporter": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/karma-coverage-istanbul-reporter/-/karma-coverage-istanbul-reporter-0.2.3.tgz",
+      "integrity": "sha1-EfG+nPqTdVp3usOasW4xWnEAtcU=",
+      "dev": true,
+      "requires": {
+        "istanbul-api": "1.2.1"
+      }
+    },
+    "karma-jasmine": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-1.1.1.tgz",
+      "integrity": "sha1-b+hA51oRYAydkehLM8RY4cRqNSk=",
+      "dev": true
+    },
+    "karma-jasmine-html-reporter": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-0.2.2.tgz",
+      "integrity": "sha1-SKjl7xiAdhfuK14zwRlMNbQ5Ukw=",
+      "dev": true,
+      "requires": {
+        "karma-jasmine": "1.1.1"
+      }
+    },
+    "karma-source-map-support": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.2.0.tgz",
+      "integrity": "sha1-G/gee7SwiWJ6s1LsQXnhF8QGpUA=",
+      "dev": true,
+      "requires": {
+        "source-map-support": "0.4.18"
+      }
+    },
+    "killable": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.0.tgz",
+      "integrity": "sha1-2ouEvUfeU5WHj5XWTQLyRJ/gXms=",
+      "dev": true
+    },
+    "kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+      "requires": {
+        "is-buffer": "1.1.6"
+      }
+    },
+    "latest-version": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/latest-version/-/latest-version-3.1.0.tgz",
+      "integrity": "sha1-ogU4P+oyKzO1rjsYq+4NwvNW7hU=",
+      "requires": {
+        "package-json": "4.0.1"
+      }
+    },
+    "lazy-req": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/lazy-req/-/lazy-req-2.0.0.tgz",
+      "integrity": "sha1-yUUKNj7N2i5vDHATKtTzf48G8rQ="
+    },
+    "lcid": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz",
+      "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=",
+      "requires": {
+        "invert-kv": "1.0.0"
+      }
+    },
+    "levn": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
+      "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "1.1.2",
+        "type-check": "0.3.2"
+      }
+    },
+    "liftoff": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-2.5.0.tgz",
+      "integrity": "sha1-IAkpG7Mc6oYbvxCnwVooyvdcMew=",
+      "requires": {
+        "extend": "3.0.1",
+        "findup-sync": "2.0.0",
+        "fined": "1.1.0",
+        "flagged-respawn": "1.0.0",
+        "is-plain-object": "2.0.4",
+        "object.map": "1.0.1",
+        "rechoir": "0.6.2",
+        "resolve": "1.5.0"
+      }
+    },
+    "listr": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/listr/-/listr-0.11.0.tgz",
+      "integrity": "sha1-XneLwjgGrDq5hO11VkRYFR85sD4=",
+      "requires": {
+        "chalk": "1.1.3",
+        "cli-truncate": "0.2.1",
+        "figures": "1.7.0",
+        "indent-string": "2.1.0",
+        "is-promise": "2.1.0",
+        "is-stream": "1.1.0",
+        "listr-silent-renderer": "1.1.1",
+        "listr-update-renderer": "0.2.0",
+        "listr-verbose-renderer": "0.4.1",
+        "log-symbols": "1.0.2",
+        "log-update": "1.0.2",
+        "ora": "0.2.3",
+        "rxjs": "5.5.10",
+        "stream-to-observable": "0.1.0",
+        "strip-ansi": "3.0.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "requires": {
+            "ansi-styles": "2.2.1",
+            "escape-string-regexp": "1.0.5",
+            "has-ansi": "2.0.0",
+            "strip-ansi": "3.0.1",
+            "supports-color": "2.0.0"
+          }
+        },
+        "figures": {
+          "version": "1.7.0",
+          "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
+          "integrity": "sha1-y+Hjr/zxzUS4DK3+0o3Hk6lwHS4=",
+          "requires": {
+            "escape-string-regexp": "1.0.5",
+            "object-assign": "4.1.1"
+          }
+        },
+        "rxjs": {
+          "version": "5.5.10",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-5.5.10.tgz",
+          "integrity": "sha512-SRjimIDUHJkon+2hFo7xnvNC4ZEHGzCRwh9P7nzX3zPkCGFEg/tuElrNR7L/rZMagnK2JeH2jQwPRpmyXyLB6A==",
+          "requires": {
+            "symbol-observable": "1.0.1"
+          }
+        },
+        "stream-to-observable": {
+          "version": "0.1.0",
+          "resolved": "https://registry.npmjs.org/stream-to-observable/-/stream-to-observable-0.1.0.tgz",
+          "integrity": "sha1-Rb8dny19wJvtgfHDB8Qw5ouEz/4="
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
+        }
+      }
+    },
+    "listr-silent-renderer": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/listr-silent-renderer/-/listr-silent-renderer-1.1.1.tgz",
+      "integrity": "sha1-kktaN1cVN3C/Go4/v3S4u/P5JC4="
+    },
+    "listr-update-renderer": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/listr-update-renderer/-/listr-update-renderer-0.2.0.tgz",
+      "integrity": "sha1-yoDhd5tOcCZoB+ju0a1qvjmFUPk=",
+      "requires": {
+        "chalk": "1.1.3",
+        "cli-truncate": "0.2.1",
+        "elegant-spinner": "1.0.1",
+        "figures": "1.7.0",
+        "indent-string": "3.2.0",
+        "log-symbols": "1.0.2",
+        "log-update": "1.0.2",
+        "strip-ansi": "3.0.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "requires": {
+            "ansi-styles": "2.2.1",
+            "escape-string-regexp": "1.0.5",
+            "has-ansi": "2.0.0",
+            "strip-ansi": "3.0.1",
+            "supports-color": "2.0.0"
+          }
+        },
+        "figures": {
+          "version": "1.7.0",
+          "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
+          "integrity": "sha1-y+Hjr/zxzUS4DK3+0o3Hk6lwHS4=",
+          "requires": {
+            "escape-string-regexp": "1.0.5",
+            "object-assign": "4.1.1"
+          }
+        },
+        "indent-string": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-3.2.0.tgz",
+          "integrity": "sha1-Sl/W0nzDMvN+VBmlBNu4NxBckok="
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
+        }
+      }
+    },
+    "listr-verbose-renderer": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/listr-verbose-renderer/-/listr-verbose-renderer-0.4.1.tgz",
+      "integrity": "sha1-ggb0z21S3cWCfl/RSYng6WWTOjU=",
+      "requires": {
+        "chalk": "1.1.3",
+        "cli-cursor": "1.0.2",
+        "date-fns": "1.29.0",
+        "figures": "1.7.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "requires": {
+            "ansi-styles": "2.2.1",
+            "escape-string-regexp": "1.0.5",
+            "has-ansi": "2.0.0",
+            "strip-ansi": "3.0.1",
+            "supports-color": "2.0.0"
+          }
+        },
+        "cli-cursor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-1.0.2.tgz",
+          "integrity": "sha1-ZNo/fValRBLll5S9Ytw1KV6PKYc=",
+          "requires": {
+            "restore-cursor": "1.0.1"
+          }
+        },
+        "figures": {
+          "version": "1.7.0",
+          "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
+          "integrity": "sha1-y+Hjr/zxzUS4DK3+0o3Hk6lwHS4=",
+          "requires": {
+            "escape-string-regexp": "1.0.5",
+            "object-assign": "4.1.1"
+          }
+        },
+        "onetime": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
+          "integrity": "sha1-ofeDj4MUxRbwXs78vEzP4EtO14k="
+        },
+        "restore-cursor": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-1.0.1.tgz",
+          "integrity": "sha1-NGYfRohjJ/7SmRR5FSJS35LapUE=",
+          "requires": {
+            "exit-hook": "1.1.1",
+            "onetime": "1.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
+        }
+      }
+    },
+    "load-json-file": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+      "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "parse-json": "2.2.0",
+        "pify": "2.3.0",
+        "pinkie-promise": "2.0.1",
+        "strip-bom": "2.0.0"
+      },
+      "dependencies": {
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
+        }
+      }
+    },
+    "loader-runner": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-2.3.0.tgz",
+      "integrity": "sha1-9IKuqC1UPgeSFwDVpG7yb9rGuKI="
+    },
+    "loader-utils": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.1.0.tgz",
+      "integrity": "sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=",
+      "requires": {
+        "big.js": "3.2.0",
+        "emojis-list": "2.1.0",
+        "json5": "0.5.1"
+      }
+    },
+    "locate-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+      "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+      "dev": true,
+      "requires": {
+        "p-locate": "2.0.0",
+        "path-exists": "3.0.0"
+      }
+    },
+    "lodash": {
+      "version": "4.17.4",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.4.tgz",
+      "integrity": "sha1-eCA6TRwyiuHYbcpkYONptX9AVa4="
+    },
+    "lodash._basecopy": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/lodash._basecopy/-/lodash._basecopy-3.0.1.tgz",
+      "integrity": "sha1-jaDmqHbPNEwK2KVIghEd08XHyjY="
+    },
+    "lodash._basetostring": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/lodash._basetostring/-/lodash._basetostring-3.0.1.tgz",
+      "integrity": "sha1-0YYdh3+CSlL2aYMtyvPuFVZqB9U="
+    },
+    "lodash._basevalues": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lodash._basevalues/-/lodash._basevalues-3.0.0.tgz",
+      "integrity": "sha1-W3dXYoAr3j0yl1A+JjAIIP32Ybc="
+    },
+    "lodash._getnative": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/lodash._getnative/-/lodash._getnative-3.9.1.tgz",
+      "integrity": "sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U="
+    },
+    "lodash._isiterateecall": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/lodash._isiterateecall/-/lodash._isiterateecall-3.0.9.tgz",
+      "integrity": "sha1-UgOte6Ql+uhCRg5pbbnPPmqsBXw="
+    },
+    "lodash._reescape": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lodash._reescape/-/lodash._reescape-3.0.0.tgz",
+      "integrity": "sha1-Kx1vXf4HyKNVdT5fJ/rH8c3hYWo="
+    },
+    "lodash._reevaluate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lodash._reevaluate/-/lodash._reevaluate-3.0.0.tgz",
+      "integrity": "sha1-WLx0xAZklTrgsSTYBpltrKQx4u0="
+    },
+    "lodash._reinterpolate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
+      "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0="
+    },
+    "lodash._root": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/lodash._root/-/lodash._root-3.0.1.tgz",
+      "integrity": "sha1-+6HEUkwZ7ppfgTa0YJ8BfPTe1pI="
+    },
+    "lodash.assign": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.assign/-/lodash.assign-4.2.0.tgz",
+      "integrity": "sha1-DZnzzNem0mHRm9rrkkUAXShYCOc=",
+      "dev": true
+    },
+    "lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
+      "dev": true
+    },
+    "lodash.defaults": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-4.2.0.tgz",
+      "integrity": "sha1-0JF4cW/+pN3p5ft7N/bwgCJ0WAw="
+    },
+    "lodash.escape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.escape/-/lodash.escape-3.2.0.tgz",
+      "integrity": "sha1-mV7g3BjBtIzJLv+ucaEKq1tIdpg=",
+      "requires": {
+        "lodash._root": "3.0.1"
+      }
+    },
+    "lodash.get": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+      "integrity": "sha1-LRd/ZS+jHpObRDjVNBSZ36OCXpk="
+    },
+    "lodash.includes": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
+      "integrity": "sha1-YLuYqHy5I8aMoeUTJUgzFISfVT8="
+    },
+    "lodash.isarguments": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz",
+      "integrity": "sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo="
+    },
+    "lodash.isarray": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/lodash.isarray/-/lodash.isarray-3.0.4.tgz",
+      "integrity": "sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U="
+    },
+    "lodash.isboolean": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
+      "integrity": "sha1-bC4XHbKiV82WgC/UOwGyDV9YcPY="
+    },
+    "lodash.isinteger": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
+      "integrity": "sha1-YZwK89A/iwTDH1iChAt3sRzWg0M="
+    },
+    "lodash.isnumber": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
+      "integrity": "sha1-POdoEMWSjQM1IwGsKHMX8RwLH/w="
+    },
+    "lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha1-fFJqUtibRcRcxpC4gWO+BJf1UMs="
+    },
+    "lodash.isstring": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+      "integrity": "sha1-1SfftUVuynzJu5XV2ur4i6VKVFE="
+    },
+    "lodash.keys": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-3.1.2.tgz",
+      "integrity": "sha1-TbwEcrFWvlCgsoaFXRvQsMZWCYo=",
+      "requires": {
+        "lodash._getnative": "3.9.1",
+        "lodash.isarguments": "3.1.0",
+        "lodash.isarray": "3.0.4"
+      }
+    },
+    "lodash.mergewith": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.0.tgz",
+      "integrity": "sha1-FQzwoWeR9ZA7iJHqsVRgknS96lU=",
+      "dev": true
+    },
+    "lodash.once": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
+      "integrity": "sha1-DdOXEhPHxW34gJd9UEyI+0cal6w="
+    },
+    "lodash.restparam": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/lodash.restparam/-/lodash.restparam-3.6.1.tgz",
+      "integrity": "sha1-k2pOMJ7zMKdkXtQUWYbIWuWyCAU="
+    },
+    "lodash.tail": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.tail/-/lodash.tail-4.1.1.tgz",
+      "integrity": "sha1-0jM6NtnncXyK0vfKyv7HwytERmQ=",
+      "dev": true
+    },
+    "lodash.template": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-3.6.2.tgz",
+      "integrity": "sha1-+M3sxhaaJVvpCYrosMU9N4kx0U8=",
+      "requires": {
+        "lodash._basecopy": "3.0.1",
+        "lodash._basetostring": "3.0.1",
+        "lodash._basevalues": "3.0.0",
+        "lodash._isiterateecall": "3.0.9",
+        "lodash._reinterpolate": "3.0.0",
+        "lodash.escape": "3.2.0",
+        "lodash.keys": "3.1.2",
+        "lodash.restparam": "3.6.1",
+        "lodash.templatesettings": "3.1.1"
+      }
+    },
+    "lodash.templatesettings": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-3.1.1.tgz",
+      "integrity": "sha1-+zB4RHU7Zrnxr6VOJix0UwfbqOU=",
+      "requires": {
+        "lodash._reinterpolate": "3.0.0",
+        "lodash.escape": "3.2.0"
+      }
+    },
+    "log-symbols": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-1.0.2.tgz",
+      "integrity": "sha1-N2/3tY6jCGoPCfrMdGF+ylAeGhg=",
+      "requires": {
+        "chalk": "1.1.3"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "requires": {
+            "ansi-styles": "2.2.1",
+            "escape-string-regexp": "1.0.5",
+            "has-ansi": "2.0.0",
+            "strip-ansi": "3.0.1",
+            "supports-color": "2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
+        }
+      }
+    },
+    "log-update": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/log-update/-/log-update-1.0.2.tgz",
+      "integrity": "sha1-GZKfZMQJPS0ucHWh2tivWcKWuNE=",
+      "requires": {
+        "ansi-escapes": "1.4.0",
+        "cli-cursor": "1.0.2"
+      },
+      "dependencies": {
+        "cli-cursor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-1.0.2.tgz",
+          "integrity": "sha1-ZNo/fValRBLll5S9Ytw1KV6PKYc=",
+          "requires": {
+            "restore-cursor": "1.0.1"
+          }
+        },
+        "onetime": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
+          "integrity": "sha1-ofeDj4MUxRbwXs78vEzP4EtO14k="
+        },
+        "restore-cursor": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-1.0.1.tgz",
+          "integrity": "sha1-NGYfRohjJ/7SmRR5FSJS35LapUE=",
+          "requires": {
+            "exit-hook": "1.1.1",
+            "onetime": "1.1.0"
+          }
+        }
+      }
+    },
+    "log4js": {
+      "version": "0.6.38",
+      "resolved": "https://registry.npmjs.org/log4js/-/log4js-0.6.38.tgz",
+      "integrity": "sha1-LElBFmldb7JUgJQ9P8hy5mKlIv0=",
+      "dev": true,
+      "requires": {
+        "readable-stream": "1.0.34",
+        "semver": "4.3.6"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "1.0.34",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+          "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
+          "dev": true,
+          "requires": {
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "0.0.1",
+            "string_decoder": "0.10.31"
+          }
+        },
+        "semver": {
+          "version": "4.3.6",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-4.3.6.tgz",
+          "integrity": "sha1-MAvG4OhjdPe6YQaLWx7NV/xlMto=",
+          "dev": true
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
+          "dev": true
+        }
+      }
+    },
+    "loglevel": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.6.0.tgz",
+      "integrity": "sha1-rgyqVhERSYxboTcj1vtjHSQAOTQ=",
+      "dev": true
+    },
+    "loglevelnext": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/loglevelnext/-/loglevelnext-1.0.5.tgz",
+      "integrity": "sha512-V/73qkPuJmx4BcBF19xPBr+0ZRVBhc4POxvZTZdMeXpJ4NItXSJ/MSwuFT0kQJlCbXvdlZoQQ/418bS1y9Jh6A==",
+      "dev": true,
+      "requires": {
+        "es6-symbol": "3.1.1",
+        "object.assign": "4.1.0"
+      }
+    },
+    "longest": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz",
+      "integrity": "sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc="
+    },
+    "loose-envify": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.3.1.tgz",
+      "integrity": "sha1-0aitM/qc4OcT1l/dCsi3SNR4yEg=",
+      "dev": true,
+      "requires": {
+        "js-tokens": "3.0.2"
+      }
+    },
+    "loud-rejection": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
+      "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
+      "requires": {
+        "currently-unhandled": "0.4.1",
+        "signal-exit": "3.0.2"
+      }
+    },
+    "lower-case": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
+      "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
+      "dev": true
+    },
+    "lowercase-keys": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.0.tgz",
+      "integrity": "sha1-TjNms55/VFfjXxMkvfb4jQv8cwY="
+    },
+    "lru-cache": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.1.tgz",
+      "integrity": "sha512-q4spe4KTfsAS1SUHLO0wz8Qiyf1+vMIAgpRYioFYDMNqKfHQbg+AVDH3i4fvpl71/P1L0dBl+fQi+P37UYf0ew==",
+      "requires": {
+        "pseudomap": "1.0.2",
+        "yallist": "2.1.2"
+      }
+    },
+    "make-dir": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-1.1.0.tgz",
+      "integrity": "sha512-0Pkui4wLJ7rxvmfUvs87skoEaxmu0hCUApF8nonzpl7q//FWp9zu8W61Scz4sd/kUiqDxvUhtoam2efDyiBzcA==",
+      "requires": {
+        "pify": "3.0.0"
+      }
+    },
+    "make-error": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.2.tgz",
+      "integrity": "sha512-l9ra35l5VWLF24y75Tg8XgfGLX0ueRhph118WKM6H5denx4bB5QF59+4UAm9oJ2qsPQZas/CQUDdtDdfvYHBdQ==",
+      "dev": true
+    },
+    "make-iterator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/make-iterator/-/make-iterator-1.0.0.tgz",
+      "integrity": "sha1-V7713IXSOSO6I3ZzJNjo+PPZaUs=",
+      "requires": {
+        "kind-of": "3.2.2"
+      }
+    },
+    "map-cache": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+      "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8="
+    },
+    "map-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+      "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0="
+    },
+    "map-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+      "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=",
+      "requires": {
+        "object-visit": "1.0.1"
+      }
+    },
+    "md5": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/md5/-/md5-2.2.1.tgz",
+      "integrity": "sha1-U6s41f48iJG6RlMp6iP6wFQBJvk=",
+      "requires": {
+        "charenc": "0.0.2",
+        "crypt": "0.0.2",
+        "is-buffer": "1.1.6"
+      }
+    },
+    "md5.js": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.4.tgz",
+      "integrity": "sha1-6b296UogpawYsENA/Fdk1bCdkB0=",
+      "requires": {
+        "hash-base": "3.0.4",
+        "inherits": "2.0.3"
+      },
+      "dependencies": {
+        "hash-base": {
+          "version": "3.0.4",
+          "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.0.4.tgz",
+          "integrity": "sha1-X8hoaEfs1zSZQDMZprCj8/auSRg=",
+          "requires": {
+            "inherits": "2.0.3",
+            "safe-buffer": "5.1.1"
+          }
+        }
+      }
+    },
+    "media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
+    },
+    "mem": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/mem/-/mem-1.1.0.tgz",
+      "integrity": "sha1-Xt1StIXKHZAP5kiVUFOZoN+kX3Y=",
+      "dev": true,
+      "requires": {
+        "mimic-fn": "1.1.0"
+      }
+    },
+    "memory-fs": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
+      "integrity": "sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=",
+      "requires": {
+        "errno": "0.1.6",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "meow": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+      "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
+      "requires": {
+        "camelcase-keys": "2.1.0",
+        "decamelize": "1.2.0",
+        "loud-rejection": "1.6.0",
+        "map-obj": "1.0.1",
+        "minimist": "1.2.0",
+        "normalize-package-data": "2.4.0",
+        "object-assign": "4.1.1",
+        "read-pkg-up": "1.0.1",
+        "redent": "1.0.0",
+        "trim-newlines": "1.0.0"
+      }
+    },
+    "merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E="
+    },
+    "methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4="
+    },
+    "micromatch": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz",
+      "integrity": "sha1-hmd8l9FyCzY0MdBNDRUpO9OMFWU=",
+      "requires": {
+        "arr-diff": "2.0.0",
+        "array-unique": "0.2.1",
+        "braces": "1.8.5",
+        "expand-brackets": "0.1.5",
+        "extglob": "0.3.2",
+        "filename-regex": "2.0.1",
+        "is-extglob": "1.0.0",
+        "is-glob": "2.0.1",
+        "kind-of": "3.2.2",
+        "normalize-path": "2.1.1",
+        "object.omit": "2.0.1",
+        "parse-glob": "3.0.4",
+        "regex-cache": "0.4.4"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA="
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
+        }
+      }
+    },
+    "miller-rabin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
+      "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
+      "requires": {
+        "bn.js": "4.11.8",
+        "brorand": "1.1.0"
+      }
+    },
+    "mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true
+    },
+    "mime-db": {
+      "version": "1.30.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.30.0.tgz",
+      "integrity": "sha1-dMZD2i3Z1qRTmZY0ZbJtXKfXHwE="
+    },
+    "mime-types": {
+      "version": "2.1.17",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.17.tgz",
+      "integrity": "sha1-Cdejk/A+mVp5+K+Fe3Cp4KsWVXo=",
+      "requires": {
+        "mime-db": "1.30.0"
+      }
+    },
+    "mimic-fn": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.1.0.tgz",
+      "integrity": "sha1-5md4PZLonb00KBi1IwudYqZyrRg="
+    },
+    "mini-css-extract-plugin": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.4.0.tgz",
+      "integrity": "sha512-2Zik6PhUZ/MbiboG6SDS9UTPL4XXy4qnyGjSdCIWRrr8xb6PwLtHE+AYOjkXJWdF0OG8vo/yrJ8CgS5WbMpzIg==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "1.1.0",
+        "webpack-sources": "1.1.0"
+      }
+    },
+    "minimalistic-assert": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.0.tgz",
+      "integrity": "sha1-cCvi3aazf0g2vLP121ZkG2Sh09M="
+    },
+    "minimalistic-crypto-utils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
+      "integrity": "sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo="
+    },
+    "minimatch": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+      "requires": {
+        "brace-expansion": "1.1.8"
+      }
+    },
+    "minimist": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+      "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ="
+    },
+    "mixin-deep": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.0.tgz",
+      "integrity": "sha512-dgaCvoh6i1nosAUBKb0l0pfJ78K8+S9fluyIR2YvAeUD/QuMahnFnF3xYty5eYXMjhGSsB0DsW6A0uAZyetoAg==",
+      "requires": {
+        "for-in": "1.0.2",
+        "is-extendable": "1.0.1"
+      },
+      "dependencies": {
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+          "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+          "requires": {
+            "is-plain-object": "2.0.4"
+          }
+        }
+      }
+    },
+    "mixin-object": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mixin-object/-/mixin-object-2.0.1.tgz",
+      "integrity": "sha1-T7lJRB2rGCVA8f4DW6YOGUel5X4=",
+      "dev": true,
+      "requires": {
+        "for-in": "0.1.8",
+        "is-extendable": "0.1.1"
+      },
+      "dependencies": {
+        "for-in": {
+          "version": "0.1.8",
+          "resolved": "https://registry.npmjs.org/for-in/-/for-in-0.1.8.tgz",
+          "integrity": "sha1-2Hc5COMSVhCZUrH9ubP6hn0ndeE=",
+          "dev": true
+        }
+      }
+    },
+    "mkdirp": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
+      "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+      "requires": {
+        "minimist": "0.0.8"
+      },
+      "dependencies": {
+        "minimist": {
+          "version": "0.0.8",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
+          "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0="
+        }
+      }
+    },
+    "moment": {
+      "version": "2.20.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.20.1.tgz",
+      "integrity": "sha512-Yh9y73JRljxW5QxN08Fner68eFLxM5ynNOAw2LbIB1YAGeQzZT8QFSUvkAz609Zf+IHhhaUxqZK8dG3W/+HEvg=="
+    },
+    "mongodb": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-3.0.7.tgz",
+      "integrity": "sha512-n/14kMJEoARXz1qhpNPhUocqy+z5130jhqgEIX1Tsl8UVpHrndQ8et+VmgC4yPK/I8Tcgc93JEMQCHTekBUnNA==",
+      "requires": {
+        "mongodb-core": "3.0.7"
+      }
+    },
+    "mongodb-core": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/mongodb-core/-/mongodb-core-3.0.7.tgz",
+      "integrity": "sha512-z6YufO7s40wLiv2ssFshqoLS4+Kf+huhHq6KZ7gDArsKNzXYjAwTMnhEIJ9GQ8fIfBGs5tBLNPfbIDoCKGPmOw==",
+      "requires": {
+        "bson": "1.0.6",
+        "require_optional": "1.0.1"
+      }
+    },
+    "mongoose": {
+      "version": "5.0.17",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-5.0.17.tgz",
+      "integrity": "sha512-RV1WBQhzW7oOhStR+s7LQYfgQWTJm4hgmU3TqtgTiBCfnj5/sNliX2/SY+ef7tpIZRUqEBV5xITZdAlwQ6Ymdg==",
+      "requires": {
+        "async": "2.1.4",
+        "bson": "1.0.6",
+        "kareem": "2.0.7",
+        "lodash.get": "4.4.2",
+        "mongodb": "3.0.7",
+        "mongoose-legacy-pluralize": "1.0.2",
+        "mpath": "0.4.1",
+        "mquery": "3.0.0",
+        "ms": "2.0.0",
+        "regexp-clone": "0.0.1",
+        "sliced": "1.0.1"
+      },
+      "dependencies": {
+        "async": {
+          "version": "2.1.4",
+          "resolved": "https://registry.npmjs.org/async/-/async-2.1.4.tgz",
+          "integrity": "sha1-LSFgx3iAMuTdbL4lAvH5osj2zeQ=",
+          "requires": {
+            "lodash": "4.17.4"
+          }
+        }
+      }
+    },
+    "mongoose-legacy-pluralize": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/mongoose-legacy-pluralize/-/mongoose-legacy-pluralize-1.0.2.tgz",
+      "integrity": "sha512-Yo/7qQU4/EyIS8YDFSeenIvXxZN+ld7YdV9LqFVQJzTLye8unujAWPZ4NWKfFA+RNjh+wvTWKY9Z3E5XM6ZZiQ=="
+    },
+    "morgan": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/morgan/-/morgan-1.9.0.tgz",
+      "integrity": "sha1-0B+mxlhZt2/PMbPLU6OCGjEdgFE=",
+      "requires": {
+        "basic-auth": "2.0.0",
+        "debug": "2.6.9",
+        "depd": "1.1.1",
+        "on-finished": "2.3.0",
+        "on-headers": "1.0.1"
+      }
+    },
+    "move-concurrently": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
+      "integrity": "sha1-viwAX9oy4LKa8fBdfEszIUxwH5I=",
+      "dev": true,
+      "requires": {
+        "aproba": "1.2.0",
+        "copy-concurrently": "1.0.5",
+        "fs-write-stream-atomic": "1.0.10",
+        "mkdirp": "0.5.1",
+        "rimraf": "2.6.2",
+        "run-queue": "1.0.3"
+      }
+    },
+    "mpath": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.4.1.tgz",
+      "integrity": "sha512-NNY/MpBkALb9jJmjpBlIi6GRoLveLUM0pJzgbp9vY9F7IQEb/HREC/nxrixechcQwd1NevOhJnWWV8QQQRE+OA=="
+    },
+    "mquery": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mquery/-/mquery-3.0.0.tgz",
+      "integrity": "sha512-WL1Lk8v4l8VFSSwN3yCzY9TXw+fKVYKn6f+w86TRzOLSE8k1yTgGaLBPUByJQi8VcLbOdnUneFV/y3Kv874pnQ==",
+      "requires": {
+        "bluebird": "3.5.0",
+        "debug": "2.6.9",
+        "regexp-clone": "0.0.1",
+        "sliced": "0.0.5"
+      },
+      "dependencies": {
+        "bluebird": {
+          "version": "3.5.0",
+          "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.0.tgz",
+          "integrity": "sha1-eRQg1/VR7qKJdFOop3ZT+WYG1nw="
+        },
+        "sliced": {
+          "version": "0.0.5",
+          "resolved": "https://registry.npmjs.org/sliced/-/sliced-0.0.5.tgz",
+          "integrity": "sha1-XtwETKTrb3gW1Qui/GPiXY/kcH8="
+        }
+      }
+    },
+    "ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+    },
+    "multer": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/multer/-/multer-1.3.0.tgz",
+      "integrity": "sha1-CSsmcPaEb6SRSWXvyM+Uwg/sbNI=",
+      "requires": {
+        "append-field": "0.1.0",
+        "busboy": "0.2.14",
+        "concat-stream": "1.6.0",
+        "mkdirp": "0.5.1",
+        "object-assign": "3.0.0",
+        "on-finished": "2.3.0",
+        "type-is": "1.6.15",
+        "xtend": "4.0.1"
+      },
+      "dependencies": {
+        "object-assign": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-3.0.0.tgz",
+          "integrity": "sha1-m+3VygiXlJvKR+f/QIBi1Un1h/I="
+        }
+      }
+    },
+    "multicast-dns": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-6.2.1.tgz",
+      "integrity": "sha512-uV3/ckdsffHx9IrGQrx613mturMdMqQ06WTq+C09NsStJ9iNG6RcUWgPKs1Rfjy+idZT6tfQoXEusGNnEZhT3w==",
+      "dev": true,
+      "requires": {
+        "dns-packet": "1.2.2",
+        "thunky": "0.1.0"
+      }
+    },
+    "multicast-dns-service-types": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz",
+      "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=",
+      "dev": true
+    },
+    "multipipe": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/multipipe/-/multipipe-0.1.2.tgz",
+      "integrity": "sha1-Ko8t33Du1WTf8tV/HhoTfZ8FB4s=",
+      "requires": {
+        "duplexer2": "0.0.2"
+      }
+    },
+    "mute-stream": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.7.tgz",
+      "integrity": "sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s="
+    },
+    "nan": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.8.0.tgz",
+      "integrity": "sha1-7XFfP+neArV6XmJS2QqWZ14fCFo=",
+      "optional": true
+    },
+    "nanomatch": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.7.tgz",
+      "integrity": "sha512-/5ldsnyurvEw7wNpxLFgjVvBLMta43niEYOy0CJ4ntcYSbx6bugRUTQeFb4BR/WanEL1o3aQgHuVLHQaB6tOqg==",
+      "requires": {
+        "arr-diff": "4.0.0",
+        "array-unique": "0.3.2",
+        "define-property": "1.0.0",
+        "extend-shallow": "2.0.1",
+        "fragment-cache": "0.2.1",
+        "is-odd": "1.0.0",
+        "kind-of": "5.1.0",
+        "object.pick": "1.3.0",
+        "regex-not": "1.0.0",
+        "snapdragon": "0.8.1",
+        "to-regex": "3.0.1"
+      },
+      "dependencies": {
+        "arr-diff": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+          "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA="
+        },
+        "array-unique": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+          "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg="
+        },
+        "kind-of": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+          "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+        }
+      }
+    },
+    "natives": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/natives/-/natives-1.1.1.tgz",
+      "integrity": "sha512-8eRaxn8u/4wN8tGkhlc2cgwwvOLMLUMUn4IYTexMgWd+LyUDfeXVkk2ygQR0hvIHbJQXgHujia3ieUUDwNGkEA=="
+    },
+    "ncname": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/ncname/-/ncname-1.0.0.tgz",
+      "integrity": "sha1-W1etGLHKCShk72Kwse2BlPODtxw=",
+      "dev": true,
+      "requires": {
+        "xml-char-classes": "1.0.0"
+      }
+    },
+    "negotiator": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz",
+      "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk="
+    },
+    "neo-async": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.5.1.tgz",
+      "integrity": "sha512-3KL3fvuRkZ7s4IFOMfztb7zJp3QaVWnBeGoJlgB38XnCRPj/0tLzzLG5IB8NYOHbJ8g8UGrgZv44GLDk6CxTxA==",
+      "dev": true
+    },
+    "nested-error-stacks": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/nested-error-stacks/-/nested-error-stacks-2.0.0.tgz",
+      "integrity": "sha1-mLL/rvtGEPo5NvHnFDXTBwDeKEA=",
+      "requires": {
+        "inherits": "2.0.3"
+      }
+    },
+    "ng-html-util": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/ng-html-util/-/ng-html-util-1.0.0.tgz",
+      "integrity": "sha1-PHlCPrBFInKQDIi4GC9QnfprB9o="
+    },
+    "ngm-cli": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/ngm-cli/-/ngm-cli-0.5.2.tgz",
+      "integrity": "sha512-51rsXGP09NymWN16bCXNcr2hD7KyGQyG+pdNgKFS3S5gCCbfvJc/OhY9vS8r88tPwTDXqwJ3S7oD1T26aOrQSA==",
+      "requires": {
+        "@angular/compiler-cli": "5.2.10",
+        "awesome-typescript-loader": "3.1.2",
+        "npm-submodules": "0.5.2"
+      },
+      "dependencies": {
+        "@angular/compiler-cli": {
+          "version": "5.2.10",
+          "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-5.2.10.tgz",
+          "integrity": "sha512-RhI26rVALRn3LrU0CAIEj56m60vLyCd8e2Ah79yRP6vlXL8k6SylXytUljTeXIBtiVu2Bi1qKGf2s1X674GzCw==",
+          "requires": {
+            "chokidar": "1.7.0",
+            "minimist": "1.2.0",
+            "reflect-metadata": "0.1.10",
+            "tsickle": "0.27.5"
+          }
+        }
+      }
+    },
+    "no-case": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
+      "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
+      "dev": true,
+      "requires": {
+        "lower-case": "1.1.4"
+      }
+    },
+    "node-forge": {
+      "version": "0.6.33",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.6.33.tgz",
+      "integrity": "sha1-RjgRh59XPUUVWtap9D3ClujoXrw=",
+      "dev": true
+    },
+    "node-gyp": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.6.2.tgz",
+      "integrity": "sha1-m/vlRWIoYoSDjnUOrAUpWFP6HGA=",
+      "dev": true,
+      "requires": {
+        "fstream": "1.0.11",
+        "glob": "7.1.2",
+        "graceful-fs": "4.1.11",
+        "minimatch": "3.0.4",
+        "mkdirp": "0.5.1",
+        "nopt": "3.0.6",
+        "npmlog": "4.1.2",
+        "osenv": "0.1.4",
+        "request": "2.81.0",
+        "rimraf": "2.6.2",
+        "semver": "5.3.0",
+        "tar": "2.2.1",
+        "which": "1.3.0"
+      },
+      "dependencies": {
+        "nopt": {
+          "version": "3.0.6",
+          "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
+          "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
+          "dev": true,
+          "requires": {
+            "abbrev": "1.1.1"
+          }
+        },
+        "semver": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
+          "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",
+          "dev": true
+        }
+      }
+    },
+    "node-libs-browser": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.1.0.tgz",
+      "integrity": "sha512-5AzFzdoIMb89hBGMZglEegffzgRg+ZFoUmisQ8HI4j1KDdpx13J0taNp2y9xPbur6W61gepGDDotGBVQ7mfUCg==",
+      "requires": {
+        "assert": "1.4.1",
+        "browserify-zlib": "0.2.0",
+        "buffer": "4.9.1",
+        "console-browserify": "1.1.0",
+        "constants-browserify": "1.0.0",
+        "crypto-browserify": "3.12.0",
+        "domain-browser": "1.1.7",
+        "events": "1.1.1",
+        "https-browserify": "1.0.0",
+        "os-browserify": "0.3.0",
+        "path-browserify": "0.0.0",
+        "process": "0.11.10",
+        "punycode": "1.4.1",
+        "querystring-es3": "0.2.1",
+        "readable-stream": "2.3.3",
+        "stream-browserify": "2.0.1",
+        "stream-http": "2.7.2",
+        "string_decoder": "1.0.3",
+        "timers-browserify": "2.0.4",
+        "tty-browserify": "0.0.0",
+        "url": "0.11.0",
+        "util": "0.10.3",
+        "vm-browserify": "0.0.4"
+      }
+    },
+    "normalize-package-data": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.4.0.tgz",
+      "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==",
+      "requires": {
+        "hosted-git-info": "2.5.0",
+        "is-builtin-module": "1.0.0",
+        "semver": "5.4.1",
+        "validate-npm-package-license": "3.0.1"
+      }
+    },
+    "normalize-path": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+      "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
+      "requires": {
+        "remove-trailing-separator": "1.1.0"
+      }
+    },
+    "normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
+      "dev": true
+    },
+    "npm-package-arg": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-6.1.0.tgz",
+      "integrity": "sha512-zYbhP2k9DbJhA0Z3HKUePUgdB1x7MfIfKssC+WLPFMKTBZKpZh5m13PgexJjCq6KW7j17r0jHWcCpxEqnnncSA==",
+      "dev": true,
+      "requires": {
+        "hosted-git-info": "2.6.0",
+        "osenv": "0.1.5",
+        "semver": "5.5.0",
+        "validate-npm-package-name": "3.0.0"
+      },
+      "dependencies": {
+        "hosted-git-info": {
+          "version": "2.6.0",
+          "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.6.0.tgz",
+          "integrity": "sha512-lIbgIIQA3lz5XaB6vxakj6sDHADJiZadYEJB+FgA+C4nubM1NwcuvUr9EJPmnH1skZqpqUzWborWo8EIUi0Sdw==",
+          "dev": true
+        },
+        "osenv": {
+          "version": "0.1.5",
+          "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz",
+          "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
+          "dev": true,
+          "requires": {
+            "os-homedir": "1.0.2",
+            "os-tmpdir": "1.0.2"
+          }
+        },
+        "semver": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.0.tgz",
+          "integrity": "sha512-4SJ3dm0WAwWy/NVeioZh5AntkdJoWKxHxcmyP622fOkgHa4z3R0TdBJICINyaSDE6uNwVc8gZr+ZinwZAH4xIA==",
+          "dev": true
+        }
+      }
+    },
+    "npm-registry-client": {
+      "version": "8.5.1",
+      "resolved": "https://registry.npmjs.org/npm-registry-client/-/npm-registry-client-8.5.1.tgz",
+      "integrity": "sha512-7rjGF2eA7hKDidGyEWmHTiKfXkbrcQAsGL/Rh4Rt3x3YNRNHhwaTzVJfW3aNvvlhg4G62VCluif0sLCb/i51Hg==",
+      "dev": true,
+      "requires": {
+        "concat-stream": "1.6.0",
+        "graceful-fs": "4.1.11",
+        "normalize-package-data": "2.4.0",
+        "npm-package-arg": "6.1.0",
+        "npmlog": "4.1.2",
+        "once": "1.4.0",
+        "request": "2.81.0",
+        "retry": "0.10.1",
+        "safe-buffer": "5.1.1",
+        "semver": "5.4.1",
+        "slide": "1.1.6",
+        "ssri": "5.3.0"
+      },
+      "dependencies": {
+        "ssri": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/ssri/-/ssri-5.3.0.tgz",
+          "integrity": "sha512-XRSIPqLij52MtgoQavH/x/dU1qVKtWUAAZeOHsR9c2Ddi4XerFy3mc1alf+dLJKl9EUIm/Ht+EowFkTUOA6GAQ==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "5.1.1"
+          }
+        }
+      }
+    },
+    "npm-run-path": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+      "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=",
+      "requires": {
+        "path-key": "2.0.1"
+      }
+    },
+    "npm-submodules": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/npm-submodules/-/npm-submodules-0.5.2.tgz",
+      "integrity": "sha512-dGynaUQ6gZi1B0Uwu9AOkIZFvhtrxm2JXO2xt2YYD6Hrvmy9j2mfgAKhm6BpKGdTR5QsE09pvEvIZzAutce44g==",
+      "requires": {
+        "chalk": "1.1.3",
+        "cpy": "5.0.0",
+        "del": "2.2.2",
+        "execa": "0.6.3",
+        "inquirer": "3.0.6",
+        "listr": "0.11.0",
+        "lodash": "4.17.4",
+        "meow": "3.7.0",
+        "read-pkg": "2.0.0",
+        "semver": "5.3.0",
+        "split": "1.0.0",
+        "stream-to-observable": "0.2.0",
+        "tsconfig": "6.0.0",
+        "typescript": "2.7.2",
+        "update-notifier": "2.1.0",
+        "webpack": "2.3.2",
+        "write-pkg": "2.1.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "4.0.13",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-4.0.13.tgz",
+          "integrity": "sha1-EFSVrlNh1pe9GVyCUZLhrX8lN4c="
+        },
+        "ajv": {
+          "version": "4.11.8",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-4.11.8.tgz",
+          "integrity": "sha1-gv+wKynmYq5TvcIK8VlHcGc5xTY=",
+          "requires": {
+            "co": "4.6.0",
+            "json-stable-stringify": "1.0.1"
+          }
+        },
+        "ajv-keywords": {
+          "version": "1.5.1",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-1.5.1.tgz",
+          "integrity": "sha1-MU3QpLM2j609/NxU7eYXG4htrzw="
+        },
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
+        "camelcase": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-1.2.1.tgz",
+          "integrity": "sha1-m7UwTS4LVmmLLHWLCKPqqdqlijk="
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "requires": {
+            "ansi-styles": "2.2.1",
+            "escape-string-regexp": "1.0.5",
+            "has-ansi": "2.0.0",
+            "strip-ansi": "3.0.1",
+            "supports-color": "2.0.0"
+          }
+        },
+        "cliui": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz",
+          "integrity": "sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=",
+          "requires": {
+            "center-align": "0.1.3",
+            "right-align": "0.1.3",
+            "wordwrap": "0.0.2"
+          }
+        },
+        "cross-spawn": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+          "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
+          "requires": {
+            "lru-cache": "4.1.1",
+            "shebang-command": "1.2.0",
+            "which": "1.3.0"
+          }
+        },
+        "del": {
+          "version": "2.2.2",
+          "resolved": "https://registry.npmjs.org/del/-/del-2.2.2.tgz",
+          "integrity": "sha1-wSyYHQZ4RshLyvhiz/kw2Qf/0ag=",
+          "requires": {
+            "globby": "5.0.0",
+            "is-path-cwd": "1.0.0",
+            "is-path-in-cwd": "1.0.0",
+            "object-assign": "4.1.1",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1",
+            "rimraf": "2.6.2"
+          }
+        },
+        "execa": {
+          "version": "0.6.3",
+          "resolved": "https://registry.npmjs.org/execa/-/execa-0.6.3.tgz",
+          "integrity": "sha1-V7aaWU8IF1nGnlNw8NF7nLEWWP4=",
+          "requires": {
+            "cross-spawn": "5.1.0",
+            "get-stream": "3.0.0",
+            "is-stream": "1.1.0",
+            "npm-run-path": "2.0.2",
+            "p-finally": "1.0.0",
+            "signal-exit": "3.0.2",
+            "strip-eof": "1.0.0"
+          }
+        },
+        "globby": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-5.0.0.tgz",
+          "integrity": "sha1-69hGZ8oNuzMLmbz8aOrCvFQ3Dg0=",
+          "requires": {
+            "array-union": "1.0.2",
+            "arrify": "1.0.1",
+            "glob": "7.1.2",
+            "object-assign": "4.1.1",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "has-flag": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz",
+          "integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo="
+        },
+        "load-json-file": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",
+          "integrity": "sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=",
+          "requires": {
+            "graceful-fs": "4.1.11",
+            "parse-json": "2.2.0",
+            "pify": "2.3.0",
+            "strip-bom": "3.0.0"
+          }
+        },
+        "loader-utils": {
+          "version": "0.2.17",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
+          "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
+          "requires": {
+            "big.js": "3.2.0",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
+        },
+        "path-type": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-2.0.0.tgz",
+          "integrity": "sha1-8BLMuEFbcJb8LaoQVMPXI4lZTHM=",
+          "requires": {
+            "pify": "2.3.0"
+          }
+        },
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
+        },
+        "read-pkg": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-2.0.0.tgz",
+          "integrity": "sha1-jvHAYjxqbbDcZxPEv6xGMysjaPg=",
+          "requires": {
+            "load-json-file": "2.0.0",
+            "normalize-package-data": "2.4.0",
+            "path-type": "2.0.0"
+          }
+        },
+        "semver": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
+          "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8="
+        },
+        "source-list-map": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-1.1.2.tgz",
+          "integrity": "sha1-mIkBnRAkzOVc3AaUmDN+9hhqEaE="
+        },
+        "strip-bom": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+          "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM="
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
+        },
+        "uglify-js": {
+          "version": "2.8.29",
+          "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.8.29.tgz",
+          "integrity": "sha1-KcVzMUgFe7Th913zW3qcty5qWd0=",
+          "requires": {
+            "source-map": "0.5.7",
+            "uglify-to-browserify": "1.0.2",
+            "yargs": "3.10.0"
+          },
+          "dependencies": {
+            "yargs": {
+              "version": "3.10.0",
+              "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz",
+              "integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=",
+              "requires": {
+                "camelcase": "1.2.1",
+                "cliui": "2.1.0",
+                "decamelize": "1.2.0",
+                "window-size": "0.1.0"
+              }
+            }
+          }
+        },
+        "webpack": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/webpack/-/webpack-2.3.2.tgz",
+          "integrity": "sha1-fVIebwd3o6WJhcaUJSY/3+l3tFg=",
+          "requires": {
+            "acorn": "4.0.13",
+            "acorn-dynamic-import": "2.0.2",
+            "ajv": "4.11.8",
+            "ajv-keywords": "1.5.1",
+            "async": "2.6.0",
+            "enhanced-resolve": "3.4.1",
+            "interpret": "1.1.0",
+            "json-loader": "0.5.7",
+            "loader-runner": "2.3.0",
+            "loader-utils": "0.2.17",
+            "memory-fs": "0.4.1",
+            "mkdirp": "0.5.1",
+            "node-libs-browser": "2.1.0",
+            "source-map": "0.5.7",
+            "supports-color": "3.2.3",
+            "tapable": "0.2.8",
+            "uglify-js": "2.8.29",
+            "watchpack": "1.4.0",
+            "webpack-sources": "0.2.3",
+            "yargs": "6.6.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "3.2.3",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
+              "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=",
+              "requires": {
+                "has-flag": "1.0.0"
+              }
+            }
+          }
+        },
+        "webpack-sources": {
+          "version": "0.2.3",
+          "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-0.2.3.tgz",
+          "integrity": "sha1-F8Yr+vE8cH+dAsR54Nzd6DgGl/s=",
+          "requires": {
+            "source-list-map": "1.1.2",
+            "source-map": "0.5.7"
+          }
+        },
+        "wordwrap": {
+          "version": "0.0.2",
+          "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz",
+          "integrity": "sha1-t5Zpu0LstAn4PVg8rVLKF+qhZD8="
+        },
+        "yargs": {
+          "version": "6.6.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-6.6.0.tgz",
+          "integrity": "sha1-eC7CHvQDNF+DCoCMo9UTr1YGUgg=",
+          "requires": {
+            "camelcase": "3.0.0",
+            "cliui": "3.2.0",
+            "decamelize": "1.2.0",
+            "get-caller-file": "1.0.2",
+            "os-locale": "1.4.0",
+            "read-pkg-up": "1.0.1",
+            "require-directory": "2.1.1",
+            "require-main-filename": "1.0.1",
+            "set-blocking": "2.0.0",
+            "string-width": "1.0.2",
+            "which-module": "1.0.0",
+            "y18n": "3.2.1",
+            "yargs-parser": "4.2.1"
+          },
+          "dependencies": {
+            "camelcase": {
+              "version": "3.0.0",
+              "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+              "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo="
+            },
+            "cliui": {
+              "version": "3.2.0",
+              "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
+              "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
+              "requires": {
+                "string-width": "1.0.2",
+                "strip-ansi": "3.0.1",
+                "wrap-ansi": "2.1.0"
+              }
+            }
+          }
+        },
+        "yargs-parser": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-4.2.1.tgz",
+          "integrity": "sha1-KczqwNxPA8bIe0qfIX3RjJ90hxw=",
+          "requires": {
+            "camelcase": "3.0.0"
+          },
+          "dependencies": {
+            "camelcase": {
+              "version": "3.0.0",
+              "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+              "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo="
+            }
+          }
+        }
+      }
+    },
+    "npmlog": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
+      "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
+      "dev": true,
+      "requires": {
+        "are-we-there-yet": "1.1.4",
+        "console-control-strings": "1.1.0",
+        "gauge": "2.7.4",
+        "set-blocking": "2.0.0"
+      }
+    },
+    "nth-check": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.1.tgz",
+      "integrity": "sha1-mSms32KPwsQQmN6rgqxYDPFJquQ=",
+      "dev": true,
+      "requires": {
+        "boolbase": "1.0.0"
+      }
+    },
+    "null-check": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/null-check/-/null-check-1.0.0.tgz",
+      "integrity": "sha1-l33/1xdgErnsMNKjnbXPcqBDnt0=",
+      "dev": true
+    },
+    "num2fraction": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
+      "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=",
+      "dev": true
+    },
+    "number-is-nan": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+      "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0="
+    },
+    "oauth-sign": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.2.tgz",
+      "integrity": "sha1-Rqarfwrq2N6unsBWV4C31O/rnUM=",
+      "dev": true
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
+    },
+    "object-component": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/object-component/-/object-component-0.0.3.tgz",
+      "integrity": "sha1-8MaapQ78lbhmwYb0AKM3acsvEpE=",
+      "dev": true
+    },
+    "object-copy": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+      "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=",
+      "requires": {
+        "copy-descriptor": "0.1.1",
+        "define-property": "0.2.5",
+        "kind-of": "3.2.2"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "requires": {
+            "is-descriptor": "0.1.6"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+          "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+          "requires": {
+            "kind-of": "3.2.2"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+          "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+          "requires": {
+            "kind-of": "3.2.2"
+          }
+        },
+        "is-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+          "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+          "requires": {
+            "is-accessor-descriptor": "0.1.6",
+            "is-data-descriptor": "0.1.4",
+            "kind-of": "5.1.0"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "5.1.0",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+              "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+            }
+          }
+        }
+      }
+    },
+    "object-keys": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.11.tgz",
+      "integrity": "sha1-xUYBd4rVYPEULODgG8yotW0TQm0=",
+      "dev": true
+    },
+    "object-visit": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
+      "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=",
+      "requires": {
+        "isobject": "3.0.1"
+      }
+    },
+    "object.assign": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.0.tgz",
+      "integrity": "sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==",
+      "dev": true,
+      "requires": {
+        "define-properties": "1.1.2",
+        "function-bind": "1.1.1",
+        "has-symbols": "1.0.0",
+        "object-keys": "1.0.11"
+      }
+    },
+    "object.defaults": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/object.defaults/-/object.defaults-1.1.0.tgz",
+      "integrity": "sha1-On+GgzS0B96gbaFtiNXNKeQ1/s8=",
+      "requires": {
+        "array-each": "1.0.1",
+        "array-slice": "1.1.0",
+        "for-own": "1.0.0",
+        "isobject": "3.0.1"
+      },
+      "dependencies": {
+        "array-slice": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-1.1.0.tgz",
+          "integrity": "sha512-B1qMD3RBP7O8o0H2KbrXDyB0IccejMF15+87Lvlor12ONPRHP6gTjXMNkt/d3ZuOGbAe66hFmaCfECI24Ufp6w=="
+        }
+      }
+    },
+    "object.getownpropertydescriptors": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.0.3.tgz",
+      "integrity": "sha1-h1jIRvW0B62rDyNuCYbxSwUcqhY=",
+      "dev": true,
+      "requires": {
+        "define-properties": "1.1.2",
+        "es-abstract": "1.10.0"
+      }
+    },
+    "object.map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object.map/-/object.map-1.0.1.tgz",
+      "integrity": "sha1-z4Plncj8wK1fQlDh94s7gb2AHTc=",
+      "requires": {
+        "for-own": "1.0.0",
+        "make-iterator": "1.0.0"
+      }
+    },
+    "object.omit": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-2.0.1.tgz",
+      "integrity": "sha1-Gpx0SCnznbuFjHbKNXmuKlTr0fo=",
+      "requires": {
+        "for-own": "0.1.5",
+        "is-extendable": "0.1.1"
+      },
+      "dependencies": {
+        "for-own": {
+          "version": "0.1.5",
+          "resolved": "https://registry.npmjs.org/for-own/-/for-own-0.1.5.tgz",
+          "integrity": "sha1-UmXGgaTylNq78XyVCbZ2OqhFEM4=",
+          "requires": {
+            "for-in": "1.0.2"
+          }
+        }
+      }
+    },
+    "object.pick": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+      "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=",
+      "requires": {
+        "isobject": "3.0.1"
+      }
+    },
+    "obuf": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.1.tgz",
+      "integrity": "sha1-EEEktsYCxnlogaBCVB0220OlJk4=",
+      "dev": true
+    },
+    "on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
+      "requires": {
+        "ee-first": "1.1.1"
+      }
+    },
+    "on-headers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.1.tgz",
+      "integrity": "sha1-ko9dD0cNSTQmUepnlLCFfBAGk/c="
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "requires": {
+        "wrappy": "1.0.2"
+      }
+    },
+    "onetime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
+      "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
+      "requires": {
+        "mimic-fn": "1.1.0"
+      }
+    },
+    "opn": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/opn/-/opn-5.1.0.tgz",
+      "integrity": "sha512-iPNl7SyM8L30Rm1sjGdLLheyHVw5YXVfi3SKWJzBI7efxRwHojfRFjwE/OLM6qp9xJYMgab8WicTU1cPoY+Hpg==",
+      "dev": true,
+      "requires": {
+        "is-wsl": "1.1.0"
+      }
+    },
+    "optionator": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.2.tgz",
+      "integrity": "sha1-NkxeQJ0/TWMB1sC0wFu6UBgK62Q=",
+      "dev": true,
+      "requires": {
+        "deep-is": "0.1.3",
+        "fast-levenshtein": "2.0.6",
+        "levn": "0.3.0",
+        "prelude-ls": "1.1.2",
+        "type-check": "0.3.2",
+        "wordwrap": "1.0.0"
+      },
+      "dependencies": {
+        "wordwrap": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
+          "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=",
+          "dev": true
+        }
+      }
+    },
+    "options": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/options/-/options-0.0.6.tgz",
+      "integrity": "sha1-7CLTEoBrtT5zF3Pnza788cZDEo8=",
+      "dev": true
+    },
+    "ora": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/ora/-/ora-0.2.3.tgz",
+      "integrity": "sha1-N1J9Igrc1Tw5tzVx11QVbV22V6Q=",
+      "requires": {
+        "chalk": "1.1.3",
+        "cli-cursor": "1.0.2",
+        "cli-spinners": "0.1.2",
+        "object-assign": "4.1.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "requires": {
+            "ansi-styles": "2.2.1",
+            "escape-string-regexp": "1.0.5",
+            "has-ansi": "2.0.0",
+            "strip-ansi": "3.0.1",
+            "supports-color": "2.0.0"
+          }
+        },
+        "cli-cursor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-1.0.2.tgz",
+          "integrity": "sha1-ZNo/fValRBLll5S9Ytw1KV6PKYc=",
+          "requires": {
+            "restore-cursor": "1.0.1"
+          }
+        },
+        "onetime": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
+          "integrity": "sha1-ofeDj4MUxRbwXs78vEzP4EtO14k="
+        },
+        "restore-cursor": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-1.0.1.tgz",
+          "integrity": "sha1-NGYfRohjJ/7SmRR5FSJS35LapUE=",
+          "requires": {
+            "exit-hook": "1.1.1",
+            "onetime": "1.1.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
+        }
+      }
+    },
+    "orchestrator": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/orchestrator/-/orchestrator-0.3.8.tgz",
+      "integrity": "sha1-FOfp4nZPcxX7rBhOUGx6pt+UrX4=",
+      "requires": {
+        "end-of-stream": "0.1.5",
+        "sequencify": "0.0.7",
+        "stream-consume": "0.1.0"
+      },
+      "dependencies": {
+        "end-of-stream": {
+          "version": "0.1.5",
+          "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-0.1.5.tgz",
+          "integrity": "sha1-jhdyBsPICDfYVjLouTWd/osvbq8=",
+          "requires": {
+            "once": "1.3.3"
+          }
+        },
+        "once": {
+          "version": "1.3.3",
+          "resolved": "https://registry.npmjs.org/once/-/once-1.3.3.tgz",
+          "integrity": "sha1-suJhVXzkwxTsgwTz+oJmPkKXyiA=",
+          "requires": {
+            "wrappy": "1.0.2"
+          }
+        }
+      }
+    },
+    "ordered-read-streams": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-0.1.0.tgz",
+      "integrity": "sha1-/VZamvjrRHO6abbtijQ1LLVS8SY="
+    },
+    "original": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/original/-/original-1.0.0.tgz",
+      "integrity": "sha1-kUf5P6FpbQS+YeAb1QuurKZWvTs=",
+      "dev": true,
+      "requires": {
+        "url-parse": "1.0.5"
+      },
+      "dependencies": {
+        "url-parse": {
+          "version": "1.0.5",
+          "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.0.5.tgz",
+          "integrity": "sha1-CFSGBCKv3P7+tsllxmLUgAFpkns=",
+          "dev": true,
+          "requires": {
+            "querystringify": "0.0.4",
+            "requires-port": "1.0.0"
+          }
+        }
+      }
+    },
+    "os-browserify": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
+      "integrity": "sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc="
+    },
+    "os-homedir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+      "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M="
+    },
+    "os-locale": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
+      "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
+      "requires": {
+        "lcid": "1.0.0"
+      }
+    },
+    "os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ="
+    },
+    "osenv": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.4.tgz",
+      "integrity": "sha1-Qv5tWVPfBsgGS+bxdsPQWqqjRkQ=",
+      "dev": true,
+      "requires": {
+        "os-homedir": "1.0.2",
+        "os-tmpdir": "1.0.2"
+      }
+    },
+    "p-finally": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4="
+    },
+    "p-limit": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.2.0.tgz",
+      "integrity": "sha512-Y/OtIaXtUPr4/YpMv1pCL5L5ed0rumAaAeBSj12F+bSlMdys7i8oQF/GUJmfpTS/QoaRrS/k6pma29haJpsMng==",
+      "dev": true,
+      "requires": {
+        "p-try": "1.0.0"
+      }
+    },
+    "p-locate": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+      "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+      "dev": true,
+      "requires": {
+        "p-limit": "1.2.0"
+      }
+    },
+    "p-map": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-1.2.0.tgz",
+      "integrity": "sha512-r6zKACMNhjPJMTl8KcFH4li//gkrXWfbD6feV8l6doRHlzljFWGJ2AP6iKaCJXyZmAUMOPtvbW7EXkbWO/pLEA=="
+    },
+    "p-try": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+      "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+      "dev": true
+    },
+    "package-json": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/package-json/-/package-json-4.0.1.tgz",
+      "integrity": "sha1-iGmgQBJTZhxMTKPabCEh7VVfXu0=",
+      "requires": {
+        "got": "6.7.1",
+        "registry-auth-token": "3.3.1",
+        "registry-url": "3.1.0",
+        "semver": "5.4.1"
+      }
+    },
+    "pako": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.6.tgz",
+      "integrity": "sha512-lQe48YPsMJAig+yngZ87Lus+NF+3mtu7DVOBu6b/gHO1YpKwIj5AWjZ/TOS7i46HD/UixzWb1zeWDZfGZ3iYcg=="
+    },
+    "parallel-transform": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/parallel-transform/-/parallel-transform-1.1.0.tgz",
+      "integrity": "sha1-1BDwZbBdojCB/NEPKIVMKb2jOwY=",
+      "dev": true,
+      "requires": {
+        "cyclist": "0.2.2",
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "param-case": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-2.1.1.tgz",
+      "integrity": "sha1-35T9jPZTHs915r75oIWPvHK+Ikc=",
+      "dev": true,
+      "requires": {
+        "no-case": "2.3.2"
+      }
+    },
+    "parse-asn1": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.0.tgz",
+      "integrity": "sha1-N8T5t+06tlx0gXtfJICTf7+XxxI=",
+      "requires": {
+        "asn1.js": "4.9.2",
+        "browserify-aes": "1.1.1",
+        "create-hash": "1.1.3",
+        "evp_bytestokey": "1.0.3",
+        "pbkdf2": "3.0.14"
+      }
+    },
+    "parse-filepath": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz",
+      "integrity": "sha1-pjISf1Oq89FYdvWHLz/6x2PWyJE=",
+      "requires": {
+        "is-absolute": "1.0.0",
+        "map-cache": "0.2.2",
+        "path-root": "0.1.1"
+      }
+    },
+    "parse-glob": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz",
+      "integrity": "sha1-ssN2z7EfNVE7rdFz7wu246OIORw=",
+      "requires": {
+        "glob-base": "0.3.0",
+        "is-dotfile": "1.0.3",
+        "is-extglob": "1.0.0",
+        "is-glob": "2.0.1"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA="
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
+        }
+      }
+    },
+    "parse-json": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+      "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
+      "requires": {
+        "error-ex": "1.3.1"
+      }
+    },
+    "parse-passwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
+      "integrity": "sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY="
+    },
+    "parse5": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-4.0.0.tgz",
+      "integrity": "sha512-VrZ7eOd3T1Fk4XWNXMgiGBK/z0MG48BWG2uQNU4I72fkQuKUTZpl+u9k+CxEG0twMVzSmXEEz12z5Fnw1jIQFA==",
+      "dev": true
+    },
+    "parsejson": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/parsejson/-/parsejson-0.0.3.tgz",
+      "integrity": "sha1-q343WfIJ7OmUN5c/fQ8fZK4OZKs=",
+      "dev": true,
+      "requires": {
+        "better-assert": "1.0.2"
+      }
+    },
+    "parseqs": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.5.tgz",
+      "integrity": "sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=",
+      "dev": true,
+      "requires": {
+        "better-assert": "1.0.2"
+      }
+    },
+    "parseuri": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.5.tgz",
+      "integrity": "sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=",
+      "dev": true,
+      "requires": {
+        "better-assert": "1.0.2"
+      }
+    },
+    "parseurl": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz",
+      "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M="
+    },
+    "pascalcase": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+      "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ="
+    },
+    "passport": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/passport/-/passport-0.4.0.tgz",
+      "integrity": "sha1-xQlWkTR71a07XhgCOMORTRbwWBE=",
+      "requires": {
+        "passport-strategy": "1.0.0",
+        "pause": "0.0.1"
+      }
+    },
+    "passport-jwt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/passport-jwt/-/passport-jwt-3.0.1.tgz",
+      "integrity": "sha1-5Pcnba2L0lHUPG/DiIMTC5YycvY=",
+      "requires": {
+        "jsonwebtoken": "7.4.3",
+        "passport-strategy": "1.0.0"
+      },
+      "dependencies": {
+        "jsonwebtoken": {
+          "version": "7.4.3",
+          "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-7.4.3.tgz",
+          "integrity": "sha1-d/UCHeBYtgWheD+hKD6ZgS5kVjg=",
+          "requires": {
+            "joi": "6.10.1",
+            "jws": "3.1.4",
+            "lodash.once": "4.1.1",
+            "ms": "2.0.0",
+            "xtend": "4.0.1"
+          }
+        }
+      }
+    },
+    "passport-strategy": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/passport-strategy/-/passport-strategy-1.0.0.tgz",
+      "integrity": "sha1-tVOaqPwiWj0a0XlHbd8ja0QPUuQ="
+    },
+    "path-browserify": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.0.tgz",
+      "integrity": "sha1-oLhwcpquIUAFt9UDLsLLuw+0RRo="
+    },
+    "path-dirname": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
+      "integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=",
+      "dev": true
+    },
+    "path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+      "dev": true
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
+    },
+    "path-is-inside": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM="
+    },
+    "path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A="
+    },
+    "path-parse": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.5.tgz",
+      "integrity": "sha1-PBrfhx6pzWyUMbbqK9dKD/BVxME="
+    },
+    "path-root": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/path-root/-/path-root-0.1.1.tgz",
+      "integrity": "sha1-mkpoFMrBwM1zNgqV8yCDyOpHRbc=",
+      "requires": {
+        "path-root-regex": "0.1.2"
+      }
+    },
+    "path-root-regex": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/path-root-regex/-/path-root-regex-0.1.2.tgz",
+      "integrity": "sha1-v8zcjfWxLcUsi0PsONGNcsBLqW0="
+    },
+    "path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
+    },
+    "path-type": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+      "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+      "dev": true,
+      "requires": {
+        "pify": "3.0.0"
+      }
+    },
+    "pause": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/pause/-/pause-0.0.1.tgz",
+      "integrity": "sha1-HUCLP9t2kjuVQ9lvtMnf1TXZy10="
+    },
+    "pbkdf2": {
+      "version": "3.0.14",
+      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.0.14.tgz",
+      "integrity": "sha512-gjsZW9O34fm0R7PaLHRJmLLVfSoesxztjPjE9o6R+qtVJij90ltg1joIovN9GKrRW3t1PzhDDG3UMEMFfZ+1wA==",
+      "requires": {
+        "create-hash": "1.1.3",
+        "create-hmac": "1.1.6",
+        "ripemd160": "2.0.1",
+        "safe-buffer": "5.1.1",
+        "sha.js": "2.4.9"
+      }
+    },
+    "performance-now": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-0.2.0.tgz",
+      "integrity": "sha1-M+8wxcd9TqIcWlOGnZG1bY8lVeU=",
+      "dev": true
+    },
+    "pify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+      "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY="
+    },
+    "pinkie": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+      "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA="
+    },
+    "pinkie-promise": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+      "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
+      "requires": {
+        "pinkie": "2.0.4"
+      }
+    },
+    "pkg-dir": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-2.0.0.tgz",
+      "integrity": "sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=",
+      "dev": true,
+      "requires": {
+        "find-up": "2.1.0"
+      }
+    },
+    "portfinder": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.13.tgz",
+      "integrity": "sha1-uzLs2HwnEErm7kS1o8y/Drsa7ek=",
+      "dev": true,
+      "requires": {
+        "async": "1.5.2",
+        "debug": "2.6.9",
+        "mkdirp": "0.5.1"
+      },
+      "dependencies": {
+        "async": {
+          "version": "1.5.2",
+          "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
+          "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=",
+          "dev": true
+        }
+      }
+    },
+    "posix-character-classes": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
+      "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs="
+    },
+    "postcss-import": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-11.1.0.tgz",
+      "integrity": "sha512-5l327iI75POonjxkXgdRCUS+AlzAdBx4pOvMEhTKTCjb1p8IEeVR9yx3cPbmN7LIWJLbfnIXxAhoB4jpD0c/Cw==",
+      "dev": true,
+      "requires": {
+        "postcss": "6.0.22",
+        "postcss-value-parser": "3.3.0",
+        "read-cache": "1.0.0",
+        "resolve": "1.5.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.1"
+          }
+        },
+        "chalk": {
+          "version": "2.4.1",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz",
+          "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.1",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "5.4.0"
+          }
+        },
+        "has-flag": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+          "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+          "dev": true
+        },
+        "postcss": {
+          "version": "6.0.22",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.22.tgz",
+          "integrity": "sha512-Toc9lLoUASwGqxBSJGTVcOQiDqjK+Z2XlWBg+IgYwQMY9vA2f7iMpXVc1GpPcfTSyM5lkxNo0oDwDRO+wm7XHA==",
+          "dev": true,
+          "requires": {
+            "chalk": "2.4.1",
+            "source-map": "0.6.1",
+            "supports-color": "5.4.0"
+          }
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "5.4.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.4.0.tgz",
+          "integrity": "sha512-zjaXglF5nnWpsq470jSv6P9DwPvgLkuapYmfDm3JWOm0vkNTVF2tI4UrN2r6jH1qM/uc/WtxYY1hYoA2dOKj5w==",
+          "dev": true,
+          "requires": {
+            "has-flag": "3.0.0"
+          }
+        }
+      }
+    },
+    "postcss-load-config": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-1.2.0.tgz",
+      "integrity": "sha1-U56a/J3chiASHr+djDZz4M5Q0oo=",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "2.2.2",
+        "object-assign": "4.1.1",
+        "postcss-load-options": "1.2.0",
+        "postcss-load-plugins": "2.3.0"
+      }
+    },
+    "postcss-load-options": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-load-options/-/postcss-load-options-1.2.0.tgz",
+      "integrity": "sha1-sJixVZ3awt8EvAuzdfmaXP4rbYw=",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "2.2.2",
+        "object-assign": "4.1.1"
+      }
+    },
+    "postcss-load-plugins": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/postcss-load-plugins/-/postcss-load-plugins-2.3.0.tgz",
+      "integrity": "sha1-dFdoEWWZrKLwCfrUJrABdQSdjZI=",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "2.2.2",
+        "object-assign": "4.1.1"
+      }
+    },
+    "postcss-value-parser": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.0.tgz",
+      "integrity": "sha1-h/OPnxj3dKSrTIojL1xc6IcqnRU=",
+      "dev": true
+    },
+    "prelude-ls": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
+      "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
+      "dev": true
+    },
+    "prepend-http": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
+      "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw="
+    },
+    "preserve": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz",
+      "integrity": "sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks="
+    },
+    "pretty-error": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.1.tgz",
+      "integrity": "sha1-X0+HyPkeWuPzuoerTPXgOxoX8aM=",
+      "dev": true,
+      "requires": {
+        "renderkid": "2.0.1",
+        "utila": "0.4.0"
+      }
+    },
+    "pretty-hrtime": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
+      "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE="
+    },
+    "process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI="
+    },
+    "process-nextick-args": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-1.0.7.tgz",
+      "integrity": "sha1-FQ4gt1ZZCtP5EJPyWk8q2L/zC6M="
+    },
+    "promise": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
+      "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "asap": "2.0.6"
+      }
+    },
+    "promise-inflight": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
+      "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM=",
+      "dev": true
+    },
+    "protractor": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/protractor/-/protractor-5.1.2.tgz",
+      "integrity": "sha1-myIXQXCaTGLVzVPGqt1UpxE36V8=",
+      "dev": true,
+      "requires": {
+        "@types/node": "6.0.96",
+        "@types/q": "0.0.32",
+        "@types/selenium-webdriver": "2.53.43",
+        "blocking-proxy": "0.0.5",
+        "chalk": "1.1.3",
+        "glob": "7.1.2",
+        "jasmine": "2.8.0",
+        "jasminewd2": "2.2.0",
+        "optimist": "0.6.1",
+        "q": "1.4.1",
+        "saucelabs": "1.3.0",
+        "selenium-webdriver": "3.0.1",
+        "source-map-support": "0.4.18",
+        "webdriver-js-extender": "1.0.0",
+        "webdriver-manager": "12.0.6"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+          "dev": true
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "2.2.1",
+            "escape-string-regexp": "1.0.5",
+            "has-ansi": "2.0.0",
+            "strip-ansi": "3.0.1",
+            "supports-color": "2.0.0"
+          }
+        },
+        "del": {
+          "version": "2.2.2",
+          "resolved": "https://registry.npmjs.org/del/-/del-2.2.2.tgz",
+          "integrity": "sha1-wSyYHQZ4RshLyvhiz/kw2Qf/0ag=",
+          "dev": true,
+          "requires": {
+            "globby": "5.0.0",
+            "is-path-cwd": "1.0.0",
+            "is-path-in-cwd": "1.0.0",
+            "object-assign": "4.1.1",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1",
+            "rimraf": "2.6.2"
+          }
+        },
+        "globby": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-5.0.0.tgz",
+          "integrity": "sha1-69hGZ8oNuzMLmbz8aOrCvFQ3Dg0=",
+          "dev": true,
+          "requires": {
+            "array-union": "1.0.2",
+            "arrify": "1.0.1",
+            "glob": "7.1.2",
+            "object-assign": "4.1.1",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "minimist": {
+          "version": "0.0.10",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
+          "integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=",
+          "dev": true
+        },
+        "optimist": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
+          "integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
+          "dev": true,
+          "requires": {
+            "minimist": "0.0.10",
+            "wordwrap": "0.0.3"
+          }
+        },
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+          "dev": true
+        },
+        "q": {
+          "version": "1.4.1",
+          "resolved": "https://registry.npmjs.org/q/-/q-1.4.1.tgz",
+          "integrity": "sha1-VXBbzZPF82c1MMLCy8DCs63cKG4=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+          "dev": true
+        },
+        "webdriver-manager": {
+          "version": "12.0.6",
+          "resolved": "https://registry.npmjs.org/webdriver-manager/-/webdriver-manager-12.0.6.tgz",
+          "integrity": "sha1-PfGkgZdwELTL+MnYXHpXeCjA5ws=",
+          "dev": true,
+          "requires": {
+            "adm-zip": "0.4.7",
+            "chalk": "1.1.3",
+            "del": "2.2.2",
+            "glob": "7.1.2",
+            "ini": "1.3.5",
+            "minimist": "1.2.0",
+            "q": "1.4.1",
+            "request": "2.81.0",
+            "rimraf": "2.6.2",
+            "semver": "5.4.1",
+            "xml2js": "0.4.19"
+          },
+          "dependencies": {
+            "minimist": {
+              "version": "1.2.0",
+              "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+              "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
+              "dev": true
+            }
+          }
+        }
+      }
+    },
+    "proxy-addr": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.2.tgz",
+      "integrity": "sha1-ZXFQT0e7mI7IGAJT+F3X4UlSvew=",
+      "requires": {
+        "forwarded": "0.1.2",
+        "ipaddr.js": "1.5.2"
+      }
+    },
+    "prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY="
+    },
+    "pseudomap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+      "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM="
+    },
+    "public-encrypt": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.0.tgz",
+      "integrity": "sha1-OfaZ86RlYN1eusvKaTyvfGXBjMY=",
+      "requires": {
+        "bn.js": "4.11.8",
+        "browserify-rsa": "4.0.1",
+        "create-hash": "1.1.3",
+        "parse-asn1": "5.1.0",
+        "randombytes": "2.0.5"
+      }
+    },
+    "pump": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-1.0.3.tgz",
+      "integrity": "sha512-8k0JupWme55+9tCVE+FS5ULT3K6AbgqrGa58lTT49RpyfwwcGedHqaC5LlQNdEAumn/wFsu6aPwkuPMioy8kqw==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "1.4.0",
+        "once": "1.4.0"
+      }
+    },
+    "pumpify": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.3.5.tgz",
+      "integrity": "sha1-G2ccYZlAq8rqwK0OOjwWS+dgmTs=",
+      "dev": true,
+      "requires": {
+        "duplexify": "3.5.1",
+        "inherits": "2.0.3",
+        "pump": "1.0.3"
+      }
+    },
+    "punycode": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4="
+    },
+    "qjobs": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/qjobs/-/qjobs-1.1.5.tgz",
+      "integrity": "sha1-ZZ3p8s+NzCehSBJ28gU3cnI4LnM=",
+      "dev": true
+    },
+    "qs": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.4.0.tgz",
+      "integrity": "sha1-E+JtKK1rD/qpExLNO/cI7TUecjM=",
+      "dev": true
+    },
+    "querystring": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
+      "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA="
+    },
+    "querystring-es3": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
+      "integrity": "sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM="
+    },
+    "querystringify": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-0.0.4.tgz",
+      "integrity": "sha1-DPf4T5Rj/wrlHExLFC2VvjdyTZw=",
+      "dev": true
+    },
+    "randomatic": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-1.1.7.tgz",
+      "integrity": "sha512-D5JUjPyJbaJDkuAazpVnSfVkLlpeO3wDlPROTMLGKG1zMFNFRgrciKo1ltz/AzNTkqE0HzDx655QOL51N06how==",
+      "requires": {
+        "is-number": "3.0.0",
+        "kind-of": "4.0.0"
+      },
+      "dependencies": {
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "kind-of": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+          "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=",
+          "requires": {
+            "is-buffer": "1.1.6"
+          }
+        }
+      }
+    },
+    "randombytes": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.0.5.tgz",
+      "integrity": "sha512-8T7Zn1AhMsQ/HI1SjcCfT/t4ii3eAqco3yOcSzS4mozsOz69lHLsoMXmF9nZgnFanYscnSlUSgs8uZyKzpE6kg==",
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "randomfill": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.3.tgz",
+      "integrity": "sha512-YL6GrhrWoic0Eq8rXVbMptH7dAxCs0J+mh5Y0euNekPPYaxEmdVGim6GdoxoRzKW2yJoU8tueifS7mYxvcFDEQ==",
+      "requires": {
+        "randombytes": "2.0.5",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "range-parser": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
+      "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4="
+    },
+    "raw-body": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz",
+      "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=",
+      "requires": {
+        "bytes": "3.0.0",
+        "http-errors": "1.6.2",
+        "iconv-lite": "0.4.19",
+        "unpipe": "1.0.0"
+      }
+    },
+    "raw-loader": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/raw-loader/-/raw-loader-0.5.1.tgz",
+      "integrity": "sha1-DD0L6u2KAclm2Xh793goElKpeao=",
+      "dev": true
+    },
+    "rc": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.2.tgz",
+      "integrity": "sha1-2M6ctX6NZNnHut2YdsfDTL48cHc=",
+      "requires": {
+        "deep-extend": "0.4.2",
+        "ini": "1.3.5",
+        "minimist": "1.2.0",
+        "strip-json-comments": "2.0.1"
+      }
+    },
+    "read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=",
+      "dev": true,
+      "requires": {
+        "pify": "2.3.0"
+      },
+      "dependencies": {
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+          "dev": true
+        }
+      }
+    },
+    "read-pkg": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+      "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+      "requires": {
+        "load-json-file": "1.1.0",
+        "normalize-package-data": "2.4.0",
+        "path-type": "1.1.0"
+      },
+      "dependencies": {
+        "path-type": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+          "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+          "requires": {
+            "graceful-fs": "4.1.11",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "pify": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
+        }
+      }
+    },
+    "read-pkg-up": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+      "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+      "requires": {
+        "find-up": "1.1.2",
+        "read-pkg": "1.1.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+          "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
+          "requires": {
+            "path-exists": "2.1.0",
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "path-exists": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+          "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+          "requires": {
+            "pinkie-promise": "2.0.1"
+          }
+        }
+      }
+    },
+    "readable-stream": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.3.tgz",
+      "integrity": "sha512-m+qzzcn7KUxEmd1gMbchF+Y2eIUbieUaxkWtptyHywrX0rE8QEYqPC07Vuy4Wm32/xE16NcdBctb8S0Xe/5IeQ==",
+      "requires": {
+        "core-util-is": "1.0.2",
+        "inherits": "2.0.3",
+        "isarray": "1.0.0",
+        "process-nextick-args": "1.0.7",
+        "safe-buffer": "5.1.1",
+        "string_decoder": "1.0.3",
+        "util-deprecate": "1.0.2"
+      }
+    },
+    "readdirp": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.1.0.tgz",
+      "integrity": "sha1-TtCtBg3zBzMAxIRANz9y0cxkLXg=",
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "minimatch": "3.0.4",
+        "readable-stream": "2.3.3",
+        "set-immediate-shim": "1.0.1"
+      }
+    },
+    "rechoir": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz",
+      "integrity": "sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=",
+      "requires": {
+        "resolve": "1.5.0"
+      }
+    },
+    "redent": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
+      "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
+      "requires": {
+        "indent-string": "2.1.0",
+        "strip-indent": "1.0.1"
+      }
+    },
+    "reflect-metadata": {
+      "version": "0.1.10",
+      "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.1.10.tgz",
+      "integrity": "sha1-tPg3BEFqytiZiMmxVjXUfgO5NEo="
+    },
+    "regenerate": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.3.3.tgz",
+      "integrity": "sha512-jVpo1GadrDAK59t/0jRx5VxYWQEDkkEKi6+HjE3joFVLfDOh9Xrdh0dF1eSq+BI/SwvTQ44gSscJ8N5zYL61sg==",
+      "dev": true
+    },
+    "regenerator-runtime": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
+      "dev": true
+    },
+    "regex-cache": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/regex-cache/-/regex-cache-0.4.4.tgz",
+      "integrity": "sha512-nVIZwtCjkC9YgvWkpM55B5rBhBYRZhAaJbgcFYXXsHnbZ9UZI9nnVWYZpBlCqv9ho2eZryPnWrZGsOdPwVWXWQ==",
+      "requires": {
+        "is-equal-shallow": "0.1.3"
+      }
+    },
+    "regex-not": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.0.tgz",
+      "integrity": "sha1-Qvg+OXcWIt+CawKvF2Ul1qXxV/k=",
+      "requires": {
+        "extend-shallow": "2.0.1"
+      }
+    },
+    "regexp-clone": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/regexp-clone/-/regexp-clone-0.0.1.tgz",
+      "integrity": "sha1-p8LgmJH9vzj7sQ03b7cwA+aKxYk="
+    },
+    "regexpu-core": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-1.0.0.tgz",
+      "integrity": "sha1-hqdj9Y7k18L2sQLkdkBQ3n7ZDGs=",
+      "dev": true,
+      "requires": {
+        "regenerate": "1.3.3",
+        "regjsgen": "0.2.0",
+        "regjsparser": "0.1.5"
+      }
+    },
+    "registry-auth-token": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.3.1.tgz",
+      "integrity": "sha1-+w0yie4Nmtosu1KvXf5mywcNMAY=",
+      "requires": {
+        "rc": "1.2.2",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "registry-url": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-3.1.0.tgz",
+      "integrity": "sha1-PU74cPc93h138M+aOBQyRE4XSUI=",
+      "requires": {
+        "rc": "1.2.2"
+      }
+    },
+    "regjsgen": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
+      "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=",
+      "dev": true
+    },
+    "regjsparser": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz",
+      "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=",
+      "dev": true,
+      "requires": {
+        "jsesc": "0.5.0"
+      }
+    },
+    "relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=",
+      "dev": true
+    },
+    "remove-trailing-separator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+      "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8="
+    },
+    "renderkid": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.1.tgz",
+      "integrity": "sha1-iYyr/Ivt5Le5ETWj/9Mj5YwNsxk=",
+      "dev": true,
+      "requires": {
+        "css-select": "1.2.0",
+        "dom-converter": "0.1.4",
+        "htmlparser2": "3.3.0",
+        "strip-ansi": "3.0.1",
+        "utila": "0.3.3"
+      },
+      "dependencies": {
+        "utila": {
+          "version": "0.3.3",
+          "resolved": "https://registry.npmjs.org/utila/-/utila-0.3.3.tgz",
+          "integrity": "sha1-1+jn1+MJEHCSsF+NloiCTWM6QiY=",
+          "dev": true
+        }
+      }
+    },
+    "repeat-element": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.2.tgz",
+      "integrity": "sha1-7wiaF40Ug7quTZPrmLT55OEdmQo="
+    },
+    "repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+      "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc="
+    },
+    "repeating": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
+      "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
+      "requires": {
+        "is-finite": "1.0.2"
+      }
+    },
+    "replace-ext": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-0.0.1.tgz",
+      "integrity": "sha1-KbvZIHinOfC8zitO5B6DeVNSKSQ="
+    },
+    "request": {
+      "version": "2.81.0",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.81.0.tgz",
+      "integrity": "sha1-xpKJRqDgbF+Nb4qTM0af/aRimKA=",
+      "dev": true,
+      "requires": {
+        "aws-sign2": "0.6.0",
+        "aws4": "1.6.0",
+        "caseless": "0.12.0",
+        "combined-stream": "1.0.5",
+        "extend": "3.0.1",
+        "forever-agent": "0.6.1",
+        "form-data": "2.1.4",
+        "har-validator": "4.2.1",
+        "hawk": "3.1.3",
+        "http-signature": "1.1.1",
+        "is-typedarray": "1.0.0",
+        "isstream": "0.1.2",
+        "json-stringify-safe": "5.0.1",
+        "mime-types": "2.1.17",
+        "oauth-sign": "0.8.2",
+        "performance-now": "0.2.0",
+        "qs": "6.4.0",
+        "safe-buffer": "5.1.1",
+        "stringstream": "0.0.5",
+        "tough-cookie": "2.3.3",
+        "tunnel-agent": "0.6.0",
+        "uuid": "3.1.0"
+      },
+      "dependencies": {
+        "form-data": {
+          "version": "2.1.4",
+          "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.1.4.tgz",
+          "integrity": "sha1-M8GDrPGTJ27KqYFDpp6Uv+4XUNE=",
+          "dev": true,
+          "requires": {
+            "asynckit": "0.4.0",
+            "combined-stream": "1.0.5",
+            "mime-types": "2.1.17"
+          }
+        }
+      }
+    },
+    "require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I="
+    },
+    "require-from-string": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-1.2.1.tgz",
+      "integrity": "sha1-UpyczvJzgK3+yaL5ZbZJu+5jZBg=",
+      "dev": true
+    },
+    "require-main-filename": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz",
+      "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE="
+    },
+    "require_optional": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/require_optional/-/require_optional-1.0.1.tgz",
+      "integrity": "sha512-qhM/y57enGWHAe3v/NcwML6a3/vfESLe/sGM2dII+gEO0BpKRUkWZow/tyloNqJyN6kXSl3RyyM8Ll5D/sJP8g==",
+      "requires": {
+        "resolve-from": "2.0.0",
+        "semver": "5.4.1"
+      },
+      "dependencies": {
+        "resolve-from": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-2.0.0.tgz",
+          "integrity": "sha1-lICrIOlP+h2egKgEx+oUdhGWa1c="
+        }
+      }
+    },
+    "requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
+      "dev": true
+    },
+    "resolve": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.5.0.tgz",
+      "integrity": "sha512-hgoSGrc3pjzAPHNBg+KnFcK2HwlHTs/YrAGUr6qgTVUZmXv1UEXXl0bZNBKMA9fud6lRYFdPGz0xXxycPzmmiw==",
+      "requires": {
+        "path-parse": "1.0.5"
+      }
+    },
+    "resolve-cwd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-2.0.0.tgz",
+      "integrity": "sha1-AKn3OHVW4nA46uIyyqNypqWbZlo=",
+      "dev": true,
+      "requires": {
+        "resolve-from": "3.0.0"
+      }
+    },
+    "resolve-dir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz",
+      "integrity": "sha1-eaQGRMNivoLybv/nOcm7U4IEb0M=",
+      "requires": {
+        "expand-tilde": "2.0.2",
+        "global-modules": "1.0.0"
+      }
+    },
+    "resolve-from": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+      "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
+      "dev": true
+    },
+    "resolve-url": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
+      "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo="
+    },
+    "restore-cursor": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
+      "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
+      "requires": {
+        "onetime": "2.0.1",
+        "signal-exit": "3.0.2"
+      }
+    },
+    "ret": {
+      "version": "0.1.15",
+      "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
+      "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+      "dev": true
+    },
+    "retry": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.10.1.tgz",
+      "integrity": "sha1-52OI0heZLCUnUCQdPTlW/tmNj/Q=",
+      "dev": true
+    },
+    "right-align": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/right-align/-/right-align-0.1.3.tgz",
+      "integrity": "sha1-YTObci/mo1FWiSENJOFMlhSGE+8=",
+      "requires": {
+        "align-text": "0.1.4"
+      }
+    },
+    "rimraf": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.2.tgz",
+      "integrity": "sha512-lreewLK/BlghmxtfH36YYVg1i8IAce4TI7oao75I1g245+6BctqTVQiBP3YUJ9C6DQOXJmkYR9X9fCLtCOJc5w==",
+      "requires": {
+        "glob": "7.1.2"
+      }
+    },
+    "ripemd160": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.1.tgz",
+      "integrity": "sha1-D0WEKVxTo2KK9+bXmsohzlfRxuc=",
+      "requires": {
+        "hash-base": "2.0.2",
+        "inherits": "2.0.3"
+      }
+    },
+    "run-async": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.3.0.tgz",
+      "integrity": "sha1-A3GrSuC91yDUFm19/aZP96RFpsA=",
+      "requires": {
+        "is-promise": "2.1.0"
+      }
+    },
+    "run-queue": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/run-queue/-/run-queue-1.0.3.tgz",
+      "integrity": "sha1-6Eg5bwV9Ij8kOGkkYY4laUFh7Ec=",
+      "dev": true,
+      "requires": {
+        "aproba": "1.2.0"
+      }
+    },
+    "rx": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/rx/-/rx-4.1.0.tgz",
+      "integrity": "sha1-pfE/957zt0D+MKqAP7CfmIBdR4I="
+    },
+    "rxjs": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.0.0.tgz",
+      "integrity": "sha512-2MgLQr1zvks8+Kip4T6hcJdiBhV+SIvxguoWjhwtSpNPTp/5e09HJbgclCwR/nW0yWzhubM+6Q0prl8G5RuoBA==",
+      "requires": {
+        "tslib": "1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.9.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.0.tgz",
+          "integrity": "sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ=="
+        }
+      }
+    },
+    "rxjs-compat": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/rxjs-compat/-/rxjs-compat-6.0.0.tgz",
+      "integrity": "sha512-ALfa9p3jtZ+bjvmYVtLaxfl5O3r8xy1RGR8qZhvaOwtbFHzMWwzZqOsLh1u3IhLjD07Ncif94ZtLjsTuq1lEMQ=="
+    },
+    "safe-buffer": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz",
+      "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg=="
+    },
+    "safe-regex": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+      "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=",
+      "dev": true,
+      "requires": {
+        "ret": "0.1.15"
+      }
+    },
+    "sass-graph": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.4.tgz",
+      "integrity": "sha1-E/vWPNHK8JCLn9k0dq1DpR0eC0k=",
+      "dev": true,
+      "requires": {
+        "glob": "7.1.2",
+        "lodash": "4.17.4",
+        "scss-tokenizer": "0.2.3",
+        "yargs": "7.1.0"
+      }
+    },
+    "saucelabs": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/saucelabs/-/saucelabs-1.3.0.tgz",
+      "integrity": "sha1-0kDoAJ33+ocwbsRXimm6O1xCT+4=",
+      "dev": true,
+      "requires": {
+        "https-proxy-agent": "1.0.0"
+      }
+    },
+    "sax": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+      "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+      "dev": true
+    },
+    "screenfull": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-3.3.2.tgz",
+      "integrity": "sha512-zrnT8EidEWGFkmXEa1d/YUYNvvJaMX05g4O82K+Oiy9jR6Fh3ZTsovsccJOjRJyhS0KPV7AQpDFQRAYXBl9a5A=="
+    },
+    "scss-tokenizer": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
+      "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=",
+      "dev": true,
+      "requires": {
+        "js-base64": "2.4.0",
+        "source-map": "0.4.4"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.4.4",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+          "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
+          "dev": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
+        }
+      }
+    },
+    "select-hose": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+      "integrity": "sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=",
+      "dev": true
+    },
+    "selenium-webdriver": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/selenium-webdriver/-/selenium-webdriver-3.0.1.tgz",
+      "integrity": "sha1-ot6l2kqX9mcuiefKcnbO+jZRR6c=",
+      "dev": true,
+      "requires": {
+        "adm-zip": "0.4.7",
+        "rimraf": "2.6.2",
+        "tmp": "0.0.30",
+        "xml2js": "0.4.19"
+      },
+      "dependencies": {
+        "tmp": {
+          "version": "0.0.30",
+          "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.30.tgz",
+          "integrity": "sha1-ckGdSovn1s51FI/YsyTlk6cRwu0=",
+          "dev": true,
+          "requires": {
+            "os-tmpdir": "1.0.2"
+          }
+        }
+      }
+    },
+    "selfsigned": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.1.tgz",
+      "integrity": "sha1-v4y3uDJWxFUeMTR8YxF3jbme7FI=",
+      "dev": true,
+      "requires": {
+        "node-forge": "0.6.33"
+      }
+    },
+    "semver": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.4.1.tgz",
+      "integrity": "sha512-WfG/X9+oATh81XtllIo/I8gOiY9EXRdv1cQdyykeXK17YcUW3EXUAi2To4pcH6nZtJPr7ZOpM5OMyWJZm+8Rsg=="
+    },
+    "semver-diff": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/semver-diff/-/semver-diff-2.1.0.tgz",
+      "integrity": "sha1-S7uEN8jTfksM8aaP1ybsbWRdbTY=",
+      "requires": {
+        "semver": "5.4.1"
+      }
+    },
+    "semver-dsl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/semver-dsl/-/semver-dsl-1.0.1.tgz",
+      "integrity": "sha1-02eN5VVeimH2Ke7QJTZq5fJzQKA=",
+      "dev": true,
+      "requires": {
+        "semver": "5.4.1"
+      }
+    },
+    "semver-intersect": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/semver-intersect/-/semver-intersect-1.3.1.tgz",
+      "integrity": "sha1-j6hKnhAovSOeRTDRo+GB5pjYhLo=",
+      "dev": true,
+      "requires": {
+        "semver": "5.4.1"
+      }
+    },
+    "send": {
+      "version": "0.16.1",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.16.1.tgz",
+      "integrity": "sha512-ElCLJdJIKPk6ux/Hocwhk7NFHpI3pVm/IZOYWqUmoxcgeyM+MpxHHKhb8QmlJDX1pU6WrgaHBkVNm73Sv7uc2A==",
+      "requires": {
+        "debug": "2.6.9",
+        "depd": "1.1.1",
+        "destroy": "1.0.4",
+        "encodeurl": "1.0.1",
+        "escape-html": "1.0.3",
+        "etag": "1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "1.6.2",
+        "mime": "1.4.1",
+        "ms": "2.0.0",
+        "on-finished": "2.3.0",
+        "range-parser": "1.2.0",
+        "statuses": "1.3.1"
+      },
+      "dependencies": {
+        "mime": {
+          "version": "1.4.1",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz",
+          "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ=="
+        }
+      }
+    },
+    "sequencify": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/sequencify/-/sequencify-0.0.7.tgz",
+      "integrity": "sha1-kM/xnQLgcCf9dn9erT57ldHnOAw="
+    },
+    "serialize-javascript": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-1.4.0.tgz",
+      "integrity": "sha1-fJWFFNtqwkQ6irwGLcn3iGp/YAU=",
+      "dev": true
+    },
+    "serve-favicon": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/serve-favicon/-/serve-favicon-2.5.0.tgz",
+      "integrity": "sha1-k10kDN/g9YBTB/3+ln2IlCosvPA=",
+      "requires": {
+        "etag": "1.8.1",
+        "fresh": "0.5.2",
+        "ms": "2.1.1",
+        "parseurl": "1.3.2",
+        "safe-buffer": "5.1.1"
+      },
+      "dependencies": {
+        "ms": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
+          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg=="
+        }
+      }
+    },
+    "serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=",
+      "dev": true,
+      "requires": {
+        "accepts": "1.3.4",
+        "batch": "0.6.1",
+        "debug": "2.6.9",
+        "escape-html": "1.0.3",
+        "http-errors": "1.6.2",
+        "mime-types": "2.1.17",
+        "parseurl": "1.3.2"
+      }
+    },
+    "serve-static": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.1.tgz",
+      "integrity": "sha512-hSMUZrsPa/I09VYFJwa627JJkNs0NrfL1Uzuup+GqHfToR2KcsXFymXSV90hoyw3M+msjFuQly+YzIH/q0MGlQ==",
+      "requires": {
+        "encodeurl": "1.0.1",
+        "escape-html": "1.0.3",
+        "parseurl": "1.3.2",
+        "send": "0.16.1"
+      }
+    },
+    "set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc="
+    },
+    "set-getter": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/set-getter/-/set-getter-0.1.0.tgz",
+      "integrity": "sha1-12nBgsnVpR9AkUXy+6guXoboA3Y=",
+      "requires": {
+        "to-object-path": "0.3.0"
+      }
+    },
+    "set-immediate-shim": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz",
+      "integrity": "sha1-SysbJ+uAip+NzEgaWOXlb1mfP2E="
+    },
+    "set-value": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.0.tgz",
+      "integrity": "sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==",
+      "requires": {
+        "extend-shallow": "2.0.1",
+        "is-extendable": "0.1.1",
+        "is-plain-object": "2.0.4",
+        "split-string": "3.1.0"
+      }
+    },
+    "setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU="
+    },
+    "setprototypeof": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ=="
+    },
+    "sha.js": {
+      "version": "2.4.9",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.9.tgz",
+      "integrity": "sha512-G8zektVqbiPHrylgew9Zg1VRB1L/DtXNUVAM6q4QLy8NE3qtHlFXTf8VLL4k1Yl6c7NMjtZUTdXV+X44nFaT6A==",
+      "requires": {
+        "inherits": "2.0.3",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "requires": {
+        "shebang-regex": "1.0.0"
+      }
+    },
+    "shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM="
+    },
+    "sigmund": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/sigmund/-/sigmund-1.0.1.tgz",
+      "integrity": "sha1-P/IfGYytIXX587eBhT/ZTQ0ZtZA="
+    },
+    "signal-exit": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
+      "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0="
+    },
+    "silent-error": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/silent-error/-/silent-error-1.1.0.tgz",
+      "integrity": "sha1-IglwbxyFCp8dENDYQJGLRvJuG8k=",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9"
+      }
+    },
+    "slash": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
+      "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=",
+      "dev": true
+    },
+    "slice-ansi": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-0.0.4.tgz",
+      "integrity": "sha1-7b+JA/ZvfOL46v1s7tZeJkyDGzU="
+    },
+    "sliced": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/sliced/-/sliced-1.0.1.tgz",
+      "integrity": "sha1-CzpmK10Ewxd7GSa+qCsD+Dei70E="
+    },
+    "slide": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/slide/-/slide-1.1.6.tgz",
+      "integrity": "sha1-VusCfWW00tzmyy4tMsTUr8nh1wc=",
+      "dev": true
+    },
+    "smoothscroll-polyfill": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/smoothscroll-polyfill/-/smoothscroll-polyfill-0.3.6.tgz",
+      "integrity": "sha1-SSvoRRlRV83C/FKaldieenFQkXI="
+    },
+    "snapdragon": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.1.tgz",
+      "integrity": "sha1-4StUh/re0+PeoKyR6UAL91tAE3A=",
+      "requires": {
+        "base": "0.11.2",
+        "debug": "2.6.9",
+        "define-property": "0.2.5",
+        "extend-shallow": "2.0.1",
+        "map-cache": "0.2.2",
+        "source-map": "0.5.7",
+        "source-map-resolve": "0.5.1",
+        "use": "2.0.2"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "requires": {
+            "is-descriptor": "0.1.6"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+          "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-data-descriptor": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+          "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+          "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+          "requires": {
+            "is-accessor-descriptor": "0.1.6",
+            "is-data-descriptor": "0.1.4",
+            "kind-of": "5.1.0"
+          }
+        },
+        "kind-of": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+          "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+        }
+      }
+    },
+    "snapdragon-node": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz",
+      "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==",
+      "requires": {
+        "define-property": "1.0.0",
+        "isobject": "3.0.1",
+        "snapdragon-util": "3.0.1"
+      }
+    },
+    "snapdragon-util": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
+      "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+      "requires": {
+        "kind-of": "3.2.2"
+      }
+    },
+    "sntp": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/sntp/-/sntp-1.0.9.tgz",
+      "integrity": "sha1-ZUEYTMkK7qbG57NeJlkIJEPGYZg=",
+      "dev": true,
+      "requires": {
+        "hoek": "2.16.3"
+      }
+    },
+    "socket.io": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-1.7.2.tgz",
+      "integrity": "sha1-g7u98ueSY7N4kA2kA+eEPgXcO3E=",
+      "dev": true,
+      "requires": {
+        "debug": "2.3.3",
+        "engine.io": "1.8.2",
+        "has-binary": "0.1.7",
+        "object-assign": "4.1.0",
+        "socket.io-adapter": "0.5.0",
+        "socket.io-client": "1.7.2",
+        "socket.io-parser": "2.3.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
+          "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
+          "dev": true,
+          "requires": {
+            "ms": "0.7.2"
+          }
+        },
+        "ms": {
+          "version": "0.7.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-0.7.2.tgz",
+          "integrity": "sha1-riXPJRKziFodldfwN4aNhDESR2U=",
+          "dev": true
+        },
+        "object-assign": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.0.tgz",
+          "integrity": "sha1-ejs9DpgGPUP0wD8uiubNUahog6A=",
+          "dev": true
+        }
+      }
+    },
+    "socket.io-adapter": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-0.5.0.tgz",
+      "integrity": "sha1-y21LuL7IHhB4uZZ3+c7QBGBmu4s=",
+      "dev": true,
+      "requires": {
+        "debug": "2.3.3",
+        "socket.io-parser": "2.3.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
+          "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
+          "dev": true,
+          "requires": {
+            "ms": "0.7.2"
+          }
+        },
+        "ms": {
+          "version": "0.7.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-0.7.2.tgz",
+          "integrity": "sha1-riXPJRKziFodldfwN4aNhDESR2U=",
+          "dev": true
+        }
+      }
+    },
+    "socket.io-client": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-1.7.2.tgz",
+      "integrity": "sha1-Of2ww91FDjIbfkDP2DYS7FM91kQ=",
+      "dev": true,
+      "requires": {
+        "backo2": "1.0.2",
+        "component-bind": "1.0.0",
+        "component-emitter": "1.2.1",
+        "debug": "2.3.3",
+        "engine.io-client": "1.8.2",
+        "has-binary": "0.1.7",
+        "indexof": "0.0.1",
+        "object-component": "0.0.3",
+        "parseuri": "0.0.5",
+        "socket.io-parser": "2.3.1",
+        "to-array": "0.1.4"
+      },
+      "dependencies": {
+        "component-emitter": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
+          "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
+          "dev": true
+        },
+        "debug": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
+          "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
+          "dev": true,
+          "requires": {
+            "ms": "0.7.2"
+          }
+        },
+        "ms": {
+          "version": "0.7.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-0.7.2.tgz",
+          "integrity": "sha1-riXPJRKziFodldfwN4aNhDESR2U=",
+          "dev": true
+        }
+      }
+    },
+    "socket.io-parser": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-2.3.1.tgz",
+      "integrity": "sha1-3VMgJRA85Clpcya+/WQAX8/ltKA=",
+      "dev": true,
+      "requires": {
+        "component-emitter": "1.1.2",
+        "debug": "2.2.0",
+        "isarray": "0.0.1",
+        "json3": "3.3.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.2.0.tgz",
+          "integrity": "sha1-+HBX6ZWxofauaklgZkE3vFbwOdo=",
+          "dev": true,
+          "requires": {
+            "ms": "0.7.1"
+          }
+        },
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
+          "dev": true
+        },
+        "ms": {
+          "version": "0.7.1",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-0.7.1.tgz",
+          "integrity": "sha1-nNE8A62/8ltl7/3nzoZO6VIBcJg=",
+          "dev": true
+        }
+      }
+    },
+    "sockjs-client": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.1.4.tgz",
+      "integrity": "sha1-W6vjhrd15M8U51IJEUUmVAFsixI=",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "eventsource": "0.1.6",
+        "faye-websocket": "0.11.1",
+        "inherits": "2.0.3",
+        "json3": "3.3.2",
+        "url-parse": "1.2.0"
+      },
+      "dependencies": {
+        "faye-websocket": {
+          "version": "0.11.1",
+          "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.1.tgz",
+          "integrity": "sha1-8O/hjE9W5PQK/H4Gxxn9XuYYjzg=",
+          "dev": true,
+          "requires": {
+            "websocket-driver": "0.7.0"
+          }
+        }
+      }
+    },
+    "sort-keys": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
+      "integrity": "sha1-RBttTTRnmPG05J6JIK37oOVD+a0=",
+      "requires": {
+        "is-plain-obj": "1.1.0"
+      }
+    },
+    "source-list-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.0.tgz",
+      "integrity": "sha512-I2UmuJSRr/T8jisiROLU3A3ltr+swpniSmNPI4Ml3ZCX6tVnDsuZzK7F2hl5jTqbZBWCEKlj5HRQiPExXLgE8A==",
+      "dev": true
+    },
+    "source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
+    },
+    "source-map-resolve": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.1.tgz",
+      "integrity": "sha512-0KW2wvzfxm8NCTb30z0LMNyPqWCdDGE2viwzUaucqJdkTRXtZiSY3I+2A6nVAjmdOy0I4gU8DwnVVGsk9jvP2A==",
+      "requires": {
+        "atob": "2.0.3",
+        "decode-uri-component": "0.2.0",
+        "resolve-url": "0.2.1",
+        "source-map-url": "0.4.0",
+        "urix": "0.1.0"
+      }
+    },
+    "source-map-support": {
+      "version": "0.4.18",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz",
+      "integrity": "sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==",
+      "requires": {
+        "source-map": "0.5.7"
+      }
+    },
+    "source-map-url": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz",
+      "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM="
+    },
+    "sparkles": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/sparkles/-/sparkles-1.0.0.tgz",
+      "integrity": "sha1-Gsu/tZJDbRC76PeFt8xvgoFQEsM="
+    },
+    "spdx-correct": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-1.0.2.tgz",
+      "integrity": "sha1-SzBz2TP/UfORLwOsVRlJikFQ20A=",
+      "requires": {
+        "spdx-license-ids": "1.2.2"
+      }
+    },
+    "spdx-expression-parse": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-1.0.4.tgz",
+      "integrity": "sha1-m98vIOH0DtRH++JzJmGR/O1RYmw="
+    },
+    "spdx-license-ids": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-1.2.2.tgz",
+      "integrity": "sha1-yd96NCRZSt5r0RkA1ZZpbcBrrFc="
+    },
+    "spdy": {
+      "version": "3.4.7",
+      "resolved": "https://registry.npmjs.org/spdy/-/spdy-3.4.7.tgz",
+      "integrity": "sha1-Qv9B7OXMD5mjpsKKq7c/XDsDrLw=",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "handle-thing": "1.2.5",
+        "http-deceiver": "1.2.7",
+        "safe-buffer": "5.1.1",
+        "select-hose": "2.0.0",
+        "spdy-transport": "2.0.20"
+      }
+    },
+    "spdy-transport": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-2.0.20.tgz",
+      "integrity": "sha1-c15yBUxIayNU/onnAiVgBKOazk0=",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "detect-node": "2.0.3",
+        "hpack.js": "2.1.6",
+        "obuf": "1.1.1",
+        "readable-stream": "2.3.3",
+        "safe-buffer": "5.1.1",
+        "wbuf": "1.7.2"
+      }
+    },
+    "split": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/split/-/split-1.0.0.tgz",
+      "integrity": "sha1-xDlc5oOrzSVLwo/h2rtuXCfc/64=",
+      "requires": {
+        "through": "2.3.8"
+      }
+    },
+    "split-string": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
+      "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+      "requires": {
+        "extend-shallow": "3.0.2"
+      },
+      "dependencies": {
+        "extend-shallow": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+          "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=",
+          "requires": {
+            "assign-symbols": "1.0.0",
+            "is-extendable": "1.0.1"
+          }
+        },
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+          "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+          "requires": {
+            "is-plain-object": "2.0.4"
+          }
+        }
+      }
+    },
+    "sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
+      "dev": true
+    },
+    "sshpk": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.13.1.tgz",
+      "integrity": "sha1-US322mKHFEMW3EwY/hzx2UBzm+M=",
+      "dev": true,
+      "requires": {
+        "asn1": "0.2.3",
+        "assert-plus": "1.0.0",
+        "bcrypt-pbkdf": "1.0.1",
+        "dashdash": "1.14.1",
+        "ecc-jsbn": "0.1.1",
+        "getpass": "0.1.7",
+        "jsbn": "0.1.1",
+        "tweetnacl": "0.14.5"
+      },
+      "dependencies": {
+        "assert-plus": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+          "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+          "dev": true
+        }
+      }
+    },
+    "static-extend": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+      "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=",
+      "requires": {
+        "define-property": "0.2.5",
+        "object-copy": "0.1.0"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "requires": {
+            "is-descriptor": "0.1.6"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+          "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-data-descriptor": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+          "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+          "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+          "requires": {
+            "is-accessor-descriptor": "0.1.6",
+            "is-data-descriptor": "0.1.4",
+            "kind-of": "5.1.0"
+          }
+        },
+        "kind-of": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+          "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+        }
+      }
+    },
+    "stats-webpack-plugin": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/stats-webpack-plugin/-/stats-webpack-plugin-0.6.2.tgz",
+      "integrity": "sha1-LFlJtTHgf4eojm6k3PrFOqjHWis=",
+      "dev": true,
+      "requires": {
+        "lodash": "4.17.4"
+      }
+    },
+    "statuses": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.3.1.tgz",
+      "integrity": "sha1-+vUbnrdKrvOzrPStX2Gr8ky3uT4="
+    },
+    "stdout-stream": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.0.tgz",
+      "integrity": "sha1-osfIWH5U2UJ+qe2zrD8s1SLfN4s=",
+      "dev": true,
+      "requires": {
+        "readable-stream": "2.3.3"
+      }
+    },
+    "stream-browserify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",
+      "integrity": "sha1-ZiZu5fm9uZQKTkUUyvtDu3Hlyds=",
+      "requires": {
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "stream-consume": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/stream-consume/-/stream-consume-0.1.0.tgz",
+      "integrity": "sha1-pB6tGm1ggc63n2WwYZAbbY89HQ8="
+    },
+    "stream-each": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/stream-each/-/stream-each-1.2.2.tgz",
+      "integrity": "sha512-mc1dbFhGBxvTM3bIWmAAINbqiuAk9TATcfIQC8P+/+HJefgaiTlMn2dHvkX8qlI12KeYKSQ1Ua9RrIqrn1VPoA==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "1.4.0",
+        "stream-shift": "1.0.0"
+      }
+    },
+    "stream-http": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.7.2.tgz",
+      "integrity": "sha512-c0yTD2rbQzXtSsFSVhtpvY/vS6u066PcXOX9kBB3mSO76RiUQzL340uJkGBWnlBg4/HZzqiUXtaVA7wcRcJgEw==",
+      "requires": {
+        "builtin-status-codes": "3.0.0",
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3",
+        "to-arraybuffer": "1.0.1",
+        "xtend": "4.0.1"
+      }
+    },
+    "stream-shift": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.0.tgz",
+      "integrity": "sha1-1cdSgl5TZ+eG944Y5EXqIjoVWVI=",
+      "dev": true
+    },
+    "stream-to-observable": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/stream-to-observable/-/stream-to-observable-0.2.0.tgz",
+      "integrity": "sha1-WdbqOT2HwsDdrBCqDVYbxrpvDhA=",
+      "requires": {
+        "any-observable": "0.2.0"
+      }
+    },
+    "streamifier": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/streamifier/-/streamifier-0.1.1.tgz",
+      "integrity": "sha1-l+mNj6TRBdYqJpHR3AfoINuN/E8="
+    },
+    "streamsearch": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-0.1.2.tgz",
+      "integrity": "sha1-gIudDlb8Jz2Am6VzOOkpkZoanxo="
+    },
+    "string-width": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+      "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+      "requires": {
+        "code-point-at": "1.1.0",
+        "is-fullwidth-code-point": "1.0.0",
+        "strip-ansi": "3.0.1"
+      }
+    },
+    "string_decoder": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz",
+      "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "stringstream": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/stringstream/-/stringstream-0.0.5.tgz",
+      "integrity": "sha1-TkhM1N5aC7vuGORjB3EKioFiGHg=",
+      "dev": true
+    },
+    "strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+      "requires": {
+        "ansi-regex": "2.1.1"
+      }
+    },
+    "strip-bom": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+      "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+      "requires": {
+        "is-utf8": "0.2.1"
+      }
+    },
+    "strip-eof": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8="
+    },
+    "strip-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
+      "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
+      "requires": {
+        "get-stdin": "4.0.1"
+      }
+    },
+    "strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo="
+    },
+    "stylus": {
+      "version": "0.54.5",
+      "resolved": "https://registry.npmjs.org/stylus/-/stylus-0.54.5.tgz",
+      "integrity": "sha1-QrlWCTHKcJDOhRWnmLqeaqPW3Hk=",
+      "dev": true,
+      "requires": {
+        "css-parse": "1.7.0",
+        "debug": "2.6.9",
+        "glob": "7.0.6",
+        "mkdirp": "0.5.1",
+        "sax": "0.5.8",
+        "source-map": "0.1.43"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "7.0.6",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.0.6.tgz",
+          "integrity": "sha1-IRuvr0nlJbjNkyYNFKsTYVKz9Xo=",
+          "dev": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
+        },
+        "sax": {
+          "version": "0.5.8",
+          "resolved": "https://registry.npmjs.org/sax/-/sax-0.5.8.tgz",
+          "integrity": "sha1-1HLbIo6zMcJQaw6MFVJK25OdEsE=",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.1.43",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz",
+          "integrity": "sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=",
+          "dev": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
+        }
+      }
+    },
+    "supports-color": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.5.0.tgz",
+      "integrity": "sha1-vnoN5ITexcXN34s9WRJQRJEvY1s=",
+      "requires": {
+        "has-flag": "2.0.0"
+      }
+    },
+    "symbol-observable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.0.1.tgz",
+      "integrity": "sha1-g0D8RwLDEi310iKI+IKD9RPT/dQ="
+    },
+    "tapable": {
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-0.2.8.tgz",
+      "integrity": "sha1-mTcqXJmb8t8WCvwNdL7U9HlIzSI="
+    },
+    "tar": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.1.tgz",
+      "integrity": "sha1-jk0qJWwOIYXGsYrWlK7JaLg8sdE=",
+      "dev": true,
+      "requires": {
+        "block-stream": "0.0.9",
+        "fstream": "1.0.11",
+        "inherits": "2.0.3"
+      }
+    },
+    "term-size": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/term-size/-/term-size-1.2.0.tgz",
+      "integrity": "sha1-RYuDiH8oj8Vtb/+/rSYuJmOO+mk=",
+      "requires": {
+        "execa": "0.7.0"
+      }
+    },
+    "through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU="
+    },
+    "through2": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.3.tgz",
+      "integrity": "sha1-AARWmzfHx0ujnEPzzteNGtlBQL4=",
+      "requires": {
+        "readable-stream": "2.3.3",
+        "xtend": "4.0.1"
+      }
+    },
+    "thunky": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/thunky/-/thunky-0.1.0.tgz",
+      "integrity": "sha1-vzAUaCTituZ7Dy16Ssi+smkIaE4=",
+      "dev": true
+    },
+    "tildify": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/tildify/-/tildify-1.2.0.tgz",
+      "integrity": "sha1-3OwD9V3Km3qj5bBPIYF+tW5jWIo=",
+      "requires": {
+        "os-homedir": "1.0.2"
+      }
+    },
+    "timed-out": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/timed-out/-/timed-out-4.0.1.tgz",
+      "integrity": "sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8="
+    },
+    "timers-browserify": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.4.tgz",
+      "integrity": "sha512-uZYhyU3EX8O7HQP+J9fTVYwsq90Vr68xPEFo7yrVImIxYvHgukBEgOB/SgGoorWVTzGM/3Z+wUNnboA4M8jWrg==",
+      "requires": {
+        "setimmediate": "1.0.5"
+      }
+    },
+    "tmp": {
+      "version": "0.0.28",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.28.tgz",
+      "integrity": "sha1-Fyc1t/YU6nrzlmT6hM8N5OUV0SA=",
+      "dev": true,
+      "requires": {
+        "os-tmpdir": "1.0.2"
+      }
+    },
+    "to-array": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/to-array/-/to-array-0.1.4.tgz",
+      "integrity": "sha1-F+bBH3PdTz10zaek/zI46a2b+JA=",
+      "dev": true
+    },
+    "to-arraybuffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
+      "integrity": "sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M="
+    },
+    "to-fast-properties": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz",
+      "integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=",
+      "dev": true
+    },
+    "to-object-path": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
+      "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=",
+      "requires": {
+        "kind-of": "3.2.2"
+      }
+    },
+    "to-regex": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.1.tgz",
+      "integrity": "sha1-FTWL7kosg712N3uh3ASdDxiDeq4=",
+      "requires": {
+        "define-property": "0.2.5",
+        "extend-shallow": "2.0.1",
+        "regex-not": "1.0.0"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "requires": {
+            "is-descriptor": "0.1.6"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+          "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-data-descriptor": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+          "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+          "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+          "requires": {
+            "is-accessor-descriptor": "0.1.6",
+            "is-data-descriptor": "0.1.4",
+            "kind-of": "5.1.0"
+          }
+        },
+        "kind-of": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+          "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+        }
+      }
+    },
+    "to-regex-range": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+      "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=",
+      "requires": {
+        "is-number": "3.0.0",
+        "repeat-string": "1.6.1"
+      },
+      "dependencies": {
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "requires": {
+            "kind-of": "3.2.2"
+          }
+        }
+      }
+    },
+    "topo": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/topo/-/topo-1.1.0.tgz",
+      "integrity": "sha1-6ddRYV0buH3IZdsYL6HKCl71NtU=",
+      "requires": {
+        "hoek": "2.16.3"
+      }
+    },
+    "toposort": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/toposort/-/toposort-1.0.6.tgz",
+      "integrity": "sha1-wxdI5V0hDv/AD9zcfW5o19e7nOw=",
+      "dev": true
+    },
+    "tough-cookie": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.3.3.tgz",
+      "integrity": "sha1-C2GKVWW23qkL80JdBNVe3EdadWE=",
+      "dev": true,
+      "requires": {
+        "punycode": "1.4.1"
+      }
+    },
+    "tree-kill": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.0.tgz",
+      "integrity": "sha512-DlX6dR0lOIRDFxI0mjL9IYg6OTncLm/Zt+JiBhE5OlFcAR8yc9S7FFXU9so0oda47frdM/JFsk7UjNt9vscKcg==",
+      "dev": true
+    },
+    "trim-newlines": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
+      "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM="
+    },
+    "trim-right": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz",
+      "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=",
+      "dev": true
+    },
+    "true-case-path": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.2.tgz",
+      "integrity": "sha1-fskRMJJHZsf1c74wIMNPj9/QDWI=",
+      "dev": true,
+      "requires": {
+        "glob": "6.0.4"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "6.0.4",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-6.0.4.tgz",
+          "integrity": "sha1-DwiGD2oVUSey+t1PnOJLGqtuTSI=",
+          "dev": true,
+          "requires": {
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
+        }
+      }
+    },
+    "ts-node": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-3.2.2.tgz",
+      "integrity": "sha1-u9KOOK9Kqj6WB2xGbhsiAZfBo84=",
+      "dev": true,
+      "requires": {
+        "arrify": "1.0.1",
+        "chalk": "2.2.2",
+        "diff": "3.4.0",
+        "make-error": "1.3.2",
+        "minimist": "1.2.0",
+        "mkdirp": "0.5.1",
+        "source-map-support": "0.4.18",
+        "tsconfig": "6.0.0",
+        "v8flags": "3.0.1",
+        "yn": "2.0.0"
+      }
+    },
+    "tsconfig": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tsconfig/-/tsconfig-6.0.0.tgz",
+      "integrity": "sha1-aw6DdgA9evGGT434+J3QBZ/80DI=",
+      "requires": {
+        "strip-bom": "3.0.0",
+        "strip-json-comments": "2.0.1"
+      },
+      "dependencies": {
+        "strip-bom": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+          "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM="
+        }
+      }
+    },
+    "tsickle": {
+      "version": "0.27.5",
+      "resolved": "https://registry.npmjs.org/tsickle/-/tsickle-0.27.5.tgz",
+      "integrity": "sha512-NP+CjM1EXza/M8mOXBLH3vkFEJiu1zfEAlC5WdJxHPn8l96QPz5eooP6uAgYtw1CcKfuSyIiheNUdKxtDWCNeg==",
+      "requires": {
+        "minimist": "1.2.0",
+        "mkdirp": "0.5.1",
+        "source-map": "0.6.1",
+        "source-map-support": "0.5.5"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+        },
+        "source-map-support": {
+          "version": "0.5.5",
+          "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.5.tgz",
+          "integrity": "sha512-mR7/Nd5l1z6g99010shcXJiNEaf3fEtmLhRB/sBcQVJGodcHCULPp2y4Sfa43Kv2zq7T+Izmfp/WHCR6dYkQCA==",
+          "requires": {
+            "buffer-from": "1.0.0",
+            "source-map": "0.6.1"
+          }
+        }
+      }
+    },
+    "tslib": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.8.1.tgz",
+      "integrity": "sha1-aUavLR1lGnsYY7Ux1uWvpBqkTqw=",
+      "dev": true
+    },
+    "tslint": {
+      "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/tslint/-/tslint-5.7.0.tgz",
+      "integrity": "sha1-wl4NDJL6EgHCvDDoROCOaCtPNVI=",
+      "dev": true,
+      "requires": {
+        "babel-code-frame": "6.26.0",
+        "colors": "1.1.2",
+        "commander": "2.12.2",
+        "diff": "3.4.0",
+        "glob": "7.1.2",
+        "minimatch": "3.0.4",
+        "resolve": "1.5.0",
+        "semver": "5.4.1",
+        "tslib": "1.8.1",
+        "tsutils": "2.16.0"
+      }
+    },
+    "tsutils": {
+      "version": "2.16.0",
+      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-2.16.0.tgz",
+      "integrity": "sha512-9Ier/60O7OZRNPiw+or5QAtAY4kQA+WDiO/r6xOYATEyefH9bdfvTRLCxrYnFhQlZfET2vYXKfpr3Vw2BiArZw==",
+      "dev": true,
+      "requires": {
+        "tslib": "1.8.1"
+      }
+    },
+    "tty-browserify": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
+      "integrity": "sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY="
+    },
+    "tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
+      "dev": true,
+      "optional": true
+    },
+    "type-check": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
+      "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "1.1.2"
+      }
+    },
+    "type-is": {
+      "version": "1.6.15",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.15.tgz",
+      "integrity": "sha1-yrEPtJCeRByChC6v4a1kbIGARBA=",
+      "requires": {
+        "media-typer": "0.3.0",
+        "mime-types": "2.1.17"
+      }
+    },
+    "typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c="
+    },
+    "typescript": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-2.7.2.tgz",
+      "integrity": "sha512-p5TCYZDAO0m4G344hD+wx/LATebLWZNkkh2asWUFqSsD2OrDNhbAHuSjobrmsUmdzjJjEeZVU9g1h3O6vpstnw=="
+    },
+    "uglify-es": {
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/uglify-es/-/uglify-es-3.3.9.tgz",
+      "integrity": "sha512-r+MU0rfv4L/0eeW3xZrd16t4NZfK8Ld4SWVglYBb7ez5uXFWHuVRs6xCTrf1yirs9a4j4Y27nn7SRfO6v67XsQ==",
+      "dev": true,
+      "requires": {
+        "commander": "2.13.0",
+        "source-map": "0.6.1"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.13.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.13.0.tgz",
+          "integrity": "sha512-MVuS359B+YzaWqjCL/c+22gfryv+mCBPHAv3zyVI2GN8EY6IRP8VwtasXn8jyyhvvq84R4ImN1OKRtcbIasjYA==",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        }
+      }
+    },
+    "uglify-js": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.3.5.tgz",
+      "integrity": "sha512-ZebM2kgBL/UI9rKeAbsS2J0UPPv7SBy5hJNZml/YxB1zC6JK8IztcPs+cxilE4pu0li6vadVSFqiO7xFTKuSrg==",
+      "dev": true,
+      "requires": {
+        "commander": "2.12.2",
+        "source-map": "0.6.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        }
+      }
+    },
+    "uglify-to-browserify": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz",
+      "integrity": "sha1-bgkk1r2mta/jSeOabWMoUKD4grc=",
+      "optional": true
+    },
+    "ultron": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/ultron/-/ultron-1.0.2.tgz",
+      "integrity": "sha1-rOEWq1V80Zc4ak6I9GhTeMiy5Po=",
+      "dev": true
+    },
+    "unc-path-regex": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz",
+      "integrity": "sha1-5z3T17DXxe2G+6xrCufYxqadUPo="
+    },
+    "union-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.0.tgz",
+      "integrity": "sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=",
+      "requires": {
+        "arr-union": "3.1.0",
+        "get-value": "2.0.6",
+        "is-extendable": "0.1.1",
+        "set-value": "0.4.3"
+      },
+      "dependencies": {
+        "set-value": {
+          "version": "0.4.3",
+          "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz",
+          "integrity": "sha1-fbCPnT0i3H945Trzw79GZuzfzPE=",
+          "requires": {
+            "extend-shallow": "2.0.1",
+            "is-extendable": "0.1.1",
+            "is-plain-object": "2.0.4",
+            "to-object-path": "0.3.0"
+          }
+        }
+      }
+    },
+    "unique-filename": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.0.tgz",
+      "integrity": "sha1-0F8v5AMlYIcfMOk8vnNe6iAVFPM=",
+      "dev": true,
+      "requires": {
+        "unique-slug": "2.0.0"
+      }
+    },
+    "unique-slug": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.0.tgz",
+      "integrity": "sha1-22Z258fMBimHj/GWCXx4hVrp9Ks=",
+      "dev": true,
+      "requires": {
+        "imurmurhash": "0.1.4"
+      }
+    },
+    "unique-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unique-stream/-/unique-stream-1.0.0.tgz",
+      "integrity": "sha1-1ZpKdUJ0R9mqbJHnAmP40mpLEEs="
+    },
+    "unique-string": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-1.0.0.tgz",
+      "integrity": "sha1-nhBXzKhRq7kzmPizOuGHuZyuwRo=",
+      "requires": {
+        "crypto-random-string": "1.0.0"
+      }
+    },
+    "universalify": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.1.tgz",
+      "integrity": "sha1-+nG63UQ3r0wUiEHjs7Fl+enlkLc="
+    },
+    "unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw="
+    },
+    "unset-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+      "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=",
+      "requires": {
+        "has-value": "0.3.1",
+        "isobject": "3.0.1"
+      },
+      "dependencies": {
+        "has-value": {
+          "version": "0.3.1",
+          "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+          "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=",
+          "requires": {
+            "get-value": "2.0.6",
+            "has-values": "0.1.4",
+            "isobject": "2.1.0"
+          },
+          "dependencies": {
+            "isobject": {
+              "version": "2.1.0",
+              "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+              "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=",
+              "requires": {
+                "isarray": "1.0.0"
+              }
+            }
+          }
+        },
+        "has-values": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
+          "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E="
+        }
+      }
+    },
+    "unzip-response": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unzip-response/-/unzip-response-2.0.1.tgz",
+      "integrity": "sha1-0vD3N9FrBhXnKmk17QQhRXLVb5c="
+    },
+    "upath": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/upath/-/upath-1.0.5.tgz",
+      "integrity": "sha512-qbKn90aDQ0YEwvXoLqj0oiuUYroLX2lVHZ+b+xwjozFasAOC4GneDq5+OaIG5Zj+jFmbz/uO+f7a9qxjktJQww==",
+      "dev": true
+    },
+    "update-notifier": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/update-notifier/-/update-notifier-2.1.0.tgz",
+      "integrity": "sha1-7AweU1NrdmR6JLd8uDlm2TFRI9k=",
+      "requires": {
+        "boxen": "1.3.0",
+        "chalk": "1.1.3",
+        "configstore": "3.1.1",
+        "is-npm": "1.0.0",
+        "latest-version": "3.1.0",
+        "lazy-req": "2.0.0",
+        "semver-diff": "2.1.0",
+        "xdg-basedir": "3.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "requires": {
+            "ansi-styles": "2.2.1",
+            "escape-string-regexp": "1.0.5",
+            "has-ansi": "2.0.0",
+            "strip-ansi": "3.0.1",
+            "supports-color": "2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
+        }
+      }
+    },
+    "upper-case": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-1.1.3.tgz",
+      "integrity": "sha1-9rRQHC7EzdJrp4vnIilh3ndiFZg=",
+      "dev": true
+    },
+    "uri-js": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-3.0.2.tgz",
+      "integrity": "sha1-+QuFhQf4HepNz7s8TD2/orVX+qo=",
+      "dev": true,
+      "requires": {
+        "punycode": "2.1.0"
+      },
+      "dependencies": {
+        "punycode": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.0.tgz",
+          "integrity": "sha1-X4Y+3Im5bbCQdLrXlHvwkFbKTn0=",
+          "dev": true
+        }
+      }
+    },
+    "urix": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+      "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI="
+    },
+    "url": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.11.0.tgz",
+      "integrity": "sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=",
+      "requires": {
+        "punycode": "1.3.2",
+        "querystring": "0.2.0"
+      },
+      "dependencies": {
+        "punycode": {
+          "version": "1.3.2",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz",
+          "integrity": "sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0="
+        }
+      }
+    },
+    "url-join": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.0.tgz",
+      "integrity": "sha1-TTNA6AfTdzvamZH4MFrNzCpmXSo=",
+      "dev": true
+    },
+    "url-parse": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.2.0.tgz",
+      "integrity": "sha512-DT1XbYAfmQP65M/mE6OALxmXzZ/z1+e5zk2TcSKe/KiYbNGZxgtttzC0mR/sjopbpOXcbniq7eIKmocJnUWlEw==",
+      "dev": true,
+      "requires": {
+        "querystringify": "1.0.0",
+        "requires-port": "1.0.0"
+      },
+      "dependencies": {
+        "querystringify": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-1.0.0.tgz",
+          "integrity": "sha1-YoYkIRLFtxL6ZU5SZlK/ahP/Bcs=",
+          "dev": true
+        }
+      }
+    },
+    "url-parse-lax": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-1.0.0.tgz",
+      "integrity": "sha1-evjzA2Rem9eaJy56FKxovAYJ2nM=",
+      "requires": {
+        "prepend-http": "1.0.4"
+      }
+    },
+    "use": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/use/-/use-2.0.2.tgz",
+      "integrity": "sha1-riig1y+TvyJCKhii43mZMRLeyOg=",
+      "requires": {
+        "define-property": "0.2.5",
+        "isobject": "3.0.1",
+        "lazy-cache": "2.0.2"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "requires": {
+            "is-descriptor": "0.1.6"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+          "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-data-descriptor": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+          "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+          "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+          "requires": {
+            "is-accessor-descriptor": "0.1.6",
+            "is-data-descriptor": "0.1.4",
+            "kind-of": "5.1.0"
+          }
+        },
+        "kind-of": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+          "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+        },
+        "lazy-cache": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-2.0.2.tgz",
+          "integrity": "sha1-uRkKT5EzVGlIQIWfio9whNiCImQ=",
+          "requires": {
+            "set-getter": "0.1.0"
+          }
+        }
+      }
+    },
+    "user-home": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/user-home/-/user-home-1.1.1.tgz",
+      "integrity": "sha1-K1viOjK2Onyd640PKNSFcko98ZA="
+    },
+    "useragent": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/useragent/-/useragent-2.2.1.tgz",
+      "integrity": "sha1-z1k+9PLRdYdei7ZY6pLhik/QbY4=",
+      "dev": true,
+      "requires": {
+        "lru-cache": "2.2.4",
+        "tmp": "0.0.28"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "2.2.4",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-2.2.4.tgz",
+          "integrity": "sha1-bGWGGb7PFAMdDQtZSxYELOTcBj0=",
+          "dev": true
+        }
+      }
+    },
+    "util": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
+      "integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=",
+      "requires": {
+        "inherits": "2.0.1"
+      },
+      "dependencies": {
+        "inherits": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.1.tgz",
+          "integrity": "sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE="
+        }
+      }
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
+    },
+    "util.promisify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz",
+      "integrity": "sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==",
+      "dev": true,
+      "requires": {
+        "define-properties": "1.1.2",
+        "object.getownpropertydescriptors": "2.0.3"
+      }
+    },
+    "utila": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
+      "integrity": "sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=",
+      "dev": true
+    },
+    "utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM="
+    },
+    "uuid": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.1.0.tgz",
+      "integrity": "sha512-DIWtzUkw04M4k3bf1IcpS2tngXEL26YUD2M0tMDUpnUrz2hgzUBlD55a4FjdLGPvfHxS6uluGWvaVEqgBcVa+g==",
+      "dev": true
+    },
+    "v8flags": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-3.0.1.tgz",
+      "integrity": "sha1-3Oj8N5wX2fLJ6e142JzgAFKxt2s=",
+      "dev": true,
+      "requires": {
+        "homedir-polyfill": "1.0.1"
+      }
+    },
+    "validate-npm-package-license": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.1.tgz",
+      "integrity": "sha1-KAS6vnEq0zeUWaz74kdGqywwP7w=",
+      "requires": {
+        "spdx-correct": "1.0.2",
+        "spdx-expression-parse": "1.0.4"
+      }
+    },
+    "validate-npm-package-name": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-3.0.0.tgz",
+      "integrity": "sha1-X6kS2B630MdK/BQN5zF/DKffQ34=",
+      "dev": true,
+      "requires": {
+        "builtins": "1.0.3"
+      }
+    },
+    "vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw="
+    },
+    "verror": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+      "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "1.3.0"
+      },
+      "dependencies": {
+        "assert-plus": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+          "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+          "dev": true
+        }
+      }
+    },
+    "vinyl": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-0.5.3.tgz",
+      "integrity": "sha1-sEVbOPxeDPMNQyUTLkYZcMIJHN4=",
+      "requires": {
+        "clone": "1.0.3",
+        "clone-stats": "0.0.1",
+        "replace-ext": "0.0.1"
+      }
+    },
+    "vinyl-fs": {
+      "version": "0.3.14",
+      "resolved": "https://registry.npmjs.org/vinyl-fs/-/vinyl-fs-0.3.14.tgz",
+      "integrity": "sha1-mmhRzhysHBzqX+hsCTHWIMLPqeY=",
+      "requires": {
+        "defaults": "1.0.3",
+        "glob-stream": "3.1.18",
+        "glob-watcher": "0.0.6",
+        "graceful-fs": "3.0.11",
+        "mkdirp": "0.5.1",
+        "strip-bom": "1.0.0",
+        "through2": "0.6.5",
+        "vinyl": "0.4.6"
+      },
+      "dependencies": {
+        "clone": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npmjs.org/clone/-/clone-0.2.0.tgz",
+          "integrity": "sha1-xhJqkK1Pctv1rNskPMN3JP6T/B8="
+        },
+        "graceful-fs": {
+          "version": "3.0.11",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-3.0.11.tgz",
+          "integrity": "sha1-dhPHeKGv6mLyXGMKCG1/Osu92Bg=",
+          "requires": {
+            "natives": "1.1.1"
+          }
+        },
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
+        },
+        "readable-stream": {
+          "version": "1.0.34",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+          "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
+          "requires": {
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "0.0.1",
+            "string_decoder": "0.10.31"
+          }
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ="
+        },
+        "strip-bom": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-1.0.0.tgz",
+          "integrity": "sha1-hbiGLzhEtabV7IRnqTWYFzo295Q=",
+          "requires": {
+            "first-chunk-stream": "1.0.0",
+            "is-utf8": "0.2.1"
+          }
+        },
+        "through2": {
+          "version": "0.6.5",
+          "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz",
+          "integrity": "sha1-QaucZ7KdVyCQcUEOHXp6lozTrUg=",
+          "requires": {
+            "readable-stream": "1.0.34",
+            "xtend": "4.0.1"
+          }
+        },
+        "vinyl": {
+          "version": "0.4.6",
+          "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-0.4.6.tgz",
+          "integrity": "sha1-LzVsh6VQolVGHza76ypbqL94SEc=",
+          "requires": {
+            "clone": "0.2.0",
+            "clone-stats": "0.0.1"
+          }
+        }
+      }
+    },
+    "vm-browserify": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-0.0.4.tgz",
+      "integrity": "sha1-XX6kW7755Kb/ZflUOOCofDV9WnM=",
+      "requires": {
+        "indexof": "0.0.1"
+      }
+    },
+    "void-elements": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
+      "integrity": "sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=",
+      "dev": true
+    },
+    "watchpack": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.4.0.tgz",
+      "integrity": "sha1-ShRyvLuVK9Cpu0A2gB+VTfs5+qw=",
+      "requires": {
+        "async": "2.6.0",
+        "chokidar": "1.7.0",
+        "graceful-fs": "4.1.11"
+      }
+    },
+    "wbuf": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.2.tgz",
+      "integrity": "sha1-1pe5nx9ZUS3ydRvkJ2nBWAtYAf4=",
+      "dev": true,
+      "requires": {
+        "minimalistic-assert": "1.0.0"
+      }
+    },
+    "web-animations-js": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/web-animations-js/-/web-animations-js-2.3.1.tgz",
+      "integrity": "sha1-Om2bwVGWN3qQ+OKAP6UmIWWwRRA="
+    },
+    "webdriver-js-extender": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/webdriver-js-extender/-/webdriver-js-extender-1.0.0.tgz",
+      "integrity": "sha1-gcUzqeM9W/tZe05j4s2yW1R3dRU=",
+      "dev": true,
+      "requires": {
+        "@types/selenium-webdriver": "2.53.43",
+        "selenium-webdriver": "2.53.3"
+      },
+      "dependencies": {
+        "adm-zip": {
+          "version": "0.4.4",
+          "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.4.4.tgz",
+          "integrity": "sha1-ph7VrmkFw66lizplfSUDMJEFJzY=",
+          "dev": true
+        },
+        "sax": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/sax/-/sax-0.6.1.tgz",
+          "integrity": "sha1-VjsZx8HeiS4Jv8Ty/DDjwn8JUrk=",
+          "dev": true
+        },
+        "selenium-webdriver": {
+          "version": "2.53.3",
+          "resolved": "https://registry.npmjs.org/selenium-webdriver/-/selenium-webdriver-2.53.3.tgz",
+          "integrity": "sha1-0p/1qVff8aG0ncRXdW5OS/vc4IU=",
+          "dev": true,
+          "requires": {
+            "adm-zip": "0.4.4",
+            "rimraf": "2.6.2",
+            "tmp": "0.0.24",
+            "ws": "1.1.1",
+            "xml2js": "0.4.4"
+          }
+        },
+        "tmp": {
+          "version": "0.0.24",
+          "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.24.tgz",
+          "integrity": "sha1-1qXhmNFKmDXMby18PZ4wJCjIzxI=",
+          "dev": true
+        },
+        "xml2js": {
+          "version": "0.4.4",
+          "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.4.tgz",
+          "integrity": "sha1-MREBAAMAiuGSQOuhdJe1fHKcVV0=",
+          "dev": true,
+          "requires": {
+            "sax": "0.6.1",
+            "xmlbuilder": "9.0.4"
+          }
+        }
+      }
+    },
+    "webpack": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.6.0.tgz",
+      "integrity": "sha512-Fu/k/3fZeGtIhuFkiYpIy1UDHhMiGKjG4FFPVuvG+5Os2lWA1ttWpmi9Qnn6AgfZqj9MvhZW/rmj/ip+nHr06g==",
+      "dev": true,
+      "requires": {
+        "acorn": "5.3.0",
+        "acorn-dynamic-import": "3.0.0",
+        "ajv": "6.4.0",
+        "ajv-keywords": "3.2.0",
+        "chrome-trace-event": "0.1.3",
+        "enhanced-resolve": "4.0.0",
+        "eslint-scope": "3.7.1",
+        "loader-runner": "2.3.0",
+        "loader-utils": "1.1.0",
+        "memory-fs": "0.4.1",
+        "micromatch": "3.1.10",
+        "mkdirp": "0.5.1",
+        "neo-async": "2.5.1",
+        "node-libs-browser": "2.1.0",
+        "schema-utils": "0.4.5",
+        "tapable": "1.0.0",
+        "uglifyjs-webpack-plugin": "1.2.5",
+        "watchpack": "1.6.0",
+        "webpack-sources": "1.1.0"
+      },
+      "dependencies": {
+        "acorn-dynamic-import": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-3.0.0.tgz",
+          "integrity": "sha512-zVWV8Z8lislJoOKKqdNMOB+s6+XV5WERty8MnKBeFgwA+19XJjJHs2RP5dzM57FftIs+jQnRToLiWazKr6sSWg==",
+          "dev": true,
+          "requires": {
+            "acorn": "5.3.0"
+          }
+        },
+        "ajv": {
+          "version": "6.4.0",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.4.0.tgz",
+          "integrity": "sha1-06/3jpJ3VJdx2vAWTP9ISCt1T8Y=",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "1.0.0",
+            "fast-json-stable-stringify": "2.0.0",
+            "json-schema-traverse": "0.3.1",
+            "uri-js": "3.0.2"
+          }
+        },
+        "ajv-keywords": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.2.0.tgz",
+          "integrity": "sha1-6GuBnGAs+IIa1jdBNpjx3sAhhHo=",
+          "dev": true
+        },
+        "anymatch": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+          "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+          "dev": true,
+          "requires": {
+            "micromatch": "3.1.10",
+            "normalize-path": "2.1.1"
+          }
+        },
+        "arr-diff": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+          "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=",
+          "dev": true
+        },
+        "array-unique": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+          "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
+          "dev": true
+        },
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+          "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "1.1.0",
+            "array-unique": "0.3.2",
+            "extend-shallow": "2.0.1",
+            "fill-range": "4.0.0",
+            "isobject": "3.0.1",
+            "repeat-element": "1.1.2",
+            "snapdragon": "0.8.1",
+            "snapdragon-node": "2.1.1",
+            "split-string": "3.1.0",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "cacache": {
+          "version": "10.0.4",
+          "resolved": "https://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
+          "integrity": "sha512-Dph0MzuH+rTQzGPNT9fAnrPmMmjKfST6trxJeK7NQuHRaVw24VzPRWTmg9MpcwOVQZO0E1FBICUlFeNaKPIfHA==",
+          "dev": true,
+          "requires": {
+            "bluebird": "3.5.1",
+            "chownr": "1.0.1",
+            "glob": "7.1.2",
+            "graceful-fs": "4.1.11",
+            "lru-cache": "4.1.1",
+            "mississippi": "2.0.0",
+            "mkdirp": "0.5.1",
+            "move-concurrently": "1.0.1",
+            "promise-inflight": "1.0.1",
+            "rimraf": "2.6.2",
+            "ssri": "5.3.0",
+            "unique-filename": "1.1.0",
+            "y18n": "4.0.0"
+          }
+        },
+        "chokidar": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.3.tgz",
+          "integrity": "sha512-zW8iXYZtXMx4kux/nuZVXjkLP+CyIK5Al5FHnj1OgTKGZfp4Oy6/ymtMSKFv3GD8DviEmUPmJg9eFdJ/JzudMg==",
+          "dev": true,
+          "requires": {
+            "anymatch": "2.0.0",
+            "async-each": "1.0.1",
+            "braces": "2.3.2",
+            "fsevents": "1.1.3",
+            "glob-parent": "3.1.0",
+            "inherits": "2.0.3",
+            "is-binary-path": "1.0.1",
+            "is-glob": "4.0.0",
+            "normalize-path": "2.1.1",
+            "path-is-absolute": "1.0.1",
+            "readdirp": "2.1.0",
+            "upath": "1.0.5"
+          }
+        },
+        "define-property": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+          "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "1.0.2",
+            "isobject": "3.0.1"
+          }
+        },
+        "enhanced-resolve": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.0.0.tgz",
+          "integrity": "sha512-jox/62b2GofV1qTUQTMPEJSDIGycS43evqYzD/KVtEb9OCoki9cnacUPxCrZa7JfPzZSYOCZhu9O9luaMxAX8g==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "4.1.11",
+            "memory-fs": "0.4.1",
+            "tapable": "1.0.0"
+          }
+        },
+        "expand-brackets": {
+          "version": "2.1.4",
+          "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+          "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=",
+          "dev": true,
+          "requires": {
+            "debug": "2.6.9",
+            "define-property": "0.2.5",
+            "extend-shallow": "2.0.1",
+            "posix-character-classes": "0.1.1",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "define-property": {
+              "version": "0.2.5",
+              "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+              "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+              "dev": true,
+              "requires": {
+                "is-descriptor": "0.1.6"
+              }
+            },
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            },
+            "is-descriptor": {
+              "version": "0.1.6",
+              "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+              "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+              "dev": true,
+              "requires": {
+                "is-accessor-descriptor": "0.1.6",
+                "is-data-descriptor": "0.1.4",
+                "kind-of": "5.1.0"
+              }
+            },
+            "kind-of": {
+              "version": "5.1.0",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+              "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+              "dev": true
+            }
+          }
+        },
+        "extend-shallow": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+          "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=",
+          "dev": true,
+          "requires": {
+            "assign-symbols": "1.0.0",
+            "is-extendable": "1.0.1"
+          },
+          "dependencies": {
+            "is-extendable": {
+              "version": "1.0.1",
+              "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+              "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+              "dev": true,
+              "requires": {
+                "is-plain-object": "2.0.4"
+              }
+            }
+          }
+        },
+        "extglob": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+          "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+          "dev": true,
+          "requires": {
+            "array-unique": "0.3.2",
+            "define-property": "1.0.0",
+            "expand-brackets": "2.1.4",
+            "extend-shallow": "2.0.1",
+            "fragment-cache": "0.2.1",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          },
+          "dependencies": {
+            "define-property": {
+              "version": "1.0.0",
+              "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+              "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+              "dev": true,
+              "requires": {
+                "is-descriptor": "1.0.2"
+              }
+            },
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "dev": true,
+          "requires": {
+            "extend-shallow": "2.0.1",
+            "is-number": "3.0.0",
+            "repeat-string": "1.6.1",
+            "to-regex-range": "2.1.1"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "0.1.1"
+              }
+            }
+          }
+        },
+        "glob-parent": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+          "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
+          "dev": true,
+          "requires": {
+            "is-glob": "3.1.0",
+            "path-dirname": "1.0.2"
+          },
+          "dependencies": {
+            "is-glob": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+              "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+              "dev": true,
+              "requires": {
+                "is-extglob": "2.1.1"
+              }
+            }
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+          "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-data-descriptor": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+          "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.6"
+              }
+            }
+          }
+        },
+        "is-odd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-odd/-/is-odd-2.0.0.tgz",
+          "integrity": "sha512-OTiixgpZAT1M4NHgS5IguFp/Vz2VI3U7Goh4/HA1adtwyLtSBrxYlcSYkhpAE07s4fKEcjrFxyvtQBND4vFQyQ==",
+          "dev": true,
+          "requires": {
+            "is-number": "4.0.0"
+          },
+          "dependencies": {
+            "is-number": {
+              "version": "4.0.0",
+              "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz",
+              "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==",
+              "dev": true
+            }
+          }
+        },
+        "is-windows": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+          "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+          "dev": true
+        },
+        "kind-of": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+          "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==",
+          "dev": true
+        },
+        "micromatch": {
+          "version": "3.1.10",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+          "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+          "dev": true,
+          "requires": {
+            "arr-diff": "4.0.0",
+            "array-unique": "0.3.2",
+            "braces": "2.3.2",
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "extglob": "2.0.4",
+            "fragment-cache": "0.2.1",
+            "kind-of": "6.0.2",
+            "nanomatch": "1.2.9",
+            "object.pick": "1.3.0",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          }
+        },
+        "mississippi": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-2.0.0.tgz",
+          "integrity": "sha512-zHo8v+otD1J10j/tC+VNoGK9keCuByhKovAvdn74dmxJl9+mWHnx6EMsDN4lgRoMI/eYo2nchAxniIbUPb5onw==",
+          "dev": true,
+          "requires": {
+            "concat-stream": "1.6.0",
+            "duplexify": "3.5.1",
+            "end-of-stream": "1.4.0",
+            "flush-write-stream": "1.0.2",
+            "from2": "2.3.0",
+            "parallel-transform": "1.1.0",
+            "pump": "2.0.1",
+            "pumpify": "1.3.5",
+            "stream-each": "1.2.2",
+            "through2": "2.0.3"
+          }
+        },
+        "nanomatch": {
+          "version": "1.2.9",
+          "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.9.tgz",
+          "integrity": "sha512-n8R9bS8yQ6eSXaV6jHUpKzD8gLsin02w1HSFiegwrs9E098Ylhw5jdyKPaYqvHknHaSCKTPp7C8dGCQ0q9koXA==",
+          "dev": true,
+          "requires": {
+            "arr-diff": "4.0.0",
+            "array-unique": "0.3.2",
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "fragment-cache": "0.2.1",
+            "is-odd": "2.0.0",
+            "is-windows": "1.0.2",
+            "kind-of": "6.0.2",
+            "object.pick": "1.3.0",
+            "regex-not": "1.0.0",
+            "snapdragon": "0.8.1",
+            "to-regex": "3.0.2"
+          }
+        },
+        "pump": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz",
+          "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==",
+          "dev": true,
+          "requires": {
+            "end-of-stream": "1.4.0",
+            "once": "1.4.0"
+          }
+        },
+        "schema-utils": {
+          "version": "0.4.5",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.5.tgz",
+          "integrity": "sha512-yYrjb9TX2k/J1Y5UNy3KYdZq10xhYcF8nMpAW6o3hy6Q8WSIEf9lJHG/ePnOBfziPM3fvQwfOwa13U/Fh8qTfA==",
+          "dev": true,
+          "requires": {
+            "ajv": "6.4.0",
+            "ajv-keywords": "3.2.0"
+          }
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        },
+        "ssri": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/ssri/-/ssri-5.3.0.tgz",
+          "integrity": "sha512-XRSIPqLij52MtgoQavH/x/dU1qVKtWUAAZeOHsR9c2Ddi4XerFy3mc1alf+dLJKl9EUIm/Ht+EowFkTUOA6GAQ==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "5.1.1"
+          }
+        },
+        "tapable": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.0.0.tgz",
+          "integrity": "sha512-dQRhbNQkRnaqauC7WqSJ21EEksgT0fYZX2lqXzGkpo8JNig9zGZTYoMGvyI2nWmXlE2VSVXVDu7wLVGu/mQEsg==",
+          "dev": true
+        },
+        "to-regex": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+          "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+          "dev": true,
+          "requires": {
+            "define-property": "2.0.2",
+            "extend-shallow": "3.0.2",
+            "regex-not": "1.0.2",
+            "safe-regex": "1.1.0"
+          },
+          "dependencies": {
+            "regex-not": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+              "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+              "dev": true,
+              "requires": {
+                "extend-shallow": "3.0.2",
+                "safe-regex": "1.1.0"
+              }
+            }
+          }
+        },
+        "uglifyjs-webpack-plugin": {
+          "version": "1.2.5",
+          "resolved": "https://registry.npmjs.org/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-1.2.5.tgz",
+          "integrity": "sha512-hIQJ1yxAPhEA2yW/i7Fr+SXZVMp+VEI3d42RTHBgQd2yhp/1UdBcR3QEWPV5ahBxlqQDMEMTuTEvDHSFINfwSw==",
+          "dev": true,
+          "requires": {
+            "cacache": "10.0.4",
+            "find-cache-dir": "1.0.0",
+            "schema-utils": "0.4.5",
+            "serialize-javascript": "1.4.0",
+            "source-map": "0.6.1",
+            "uglify-es": "3.3.9",
+            "webpack-sources": "1.1.0",
+            "worker-farm": "1.5.2"
+          }
+        },
+        "watchpack": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.0.tgz",
+          "integrity": "sha512-i6dHe3EyLjMmDlU1/bGQpEw25XSjkJULPuAVKCbNRefQVq48yXKUpwg538F7AZTf9kyr57zj++pQFltUa5H7yA==",
+          "dev": true,
+          "requires": {
+            "chokidar": "2.0.3",
+            "graceful-fs": "4.1.11",
+            "neo-async": "2.5.1"
+          }
+        },
+        "y18n": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz",
+          "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==",
+          "dev": true
+        }
+      }
+    },
+    "webpack-core": {
+      "version": "0.6.9",
+      "resolved": "https://registry.npmjs.org/webpack-core/-/webpack-core-0.6.9.tgz",
+      "integrity": "sha1-/FcViMhVjad76e+23r3Fo7FyvcI=",
+      "dev": true,
+      "requires": {
+        "source-list-map": "0.1.8",
+        "source-map": "0.4.4"
+      },
+      "dependencies": {
+        "source-list-map": {
+          "version": "0.1.8",
+          "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-0.1.8.tgz",
+          "integrity": "sha1-xVCyq1Qn9rPyH1r+rYjE9Vh7IQY=",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.4.4",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+          "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
+          "dev": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
+        }
+      }
+    },
+    "webpack-log": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/webpack-log/-/webpack-log-1.2.0.tgz",
+      "integrity": "sha512-U9AnICnu50HXtiqiDxuli5gLB5PGBo7VvcHx36jRZHwK4vzOYLbImqT4lwWwoMHdQWwEKw736fCHEekokTEKHA==",
+      "dev": true,
+      "requires": {
+        "chalk": "2.2.2",
+        "log-symbols": "2.2.0",
+        "loglevelnext": "1.0.5",
+        "uuid": "3.1.0"
+      },
+      "dependencies": {
+        "log-symbols": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz",
+          "integrity": "sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==",
+          "dev": true,
+          "requires": {
+            "chalk": "2.2.2"
+          }
+        }
+      }
+    },
+    "webpack-sources": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.1.0.tgz",
+      "integrity": "sha512-aqYp18kPphgoO5c/+NaUvEeACtZjMESmDChuD3NBciVpah3XpMEU9VAAtIaB1BsfJWWTSdv8Vv1m3T0aRk2dUw==",
+      "dev": true,
+      "requires": {
+        "source-list-map": "2.0.0",
+        "source-map": "0.6.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        }
+      }
+    },
+    "websocket-driver": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.0.tgz",
+      "integrity": "sha1-DK+dLXVdk67gSdS90NP+LMoqJOs=",
+      "dev": true,
+      "requires": {
+        "http-parser-js": "0.4.9",
+        "websocket-extensions": "0.1.3"
+      }
+    },
+    "websocket-extensions": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.3.tgz",
+      "integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==",
+      "dev": true
+    },
+    "when": {
+      "version": "3.6.4",
+      "resolved": "https://registry.npmjs.org/when/-/when-3.6.4.tgz",
+      "integrity": "sha1-RztRfsFZ4rhQBUl6E5g/CVQS404=",
+      "dev": true
+    },
+    "which": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.0.tgz",
+      "integrity": "sha512-xcJpopdamTuY5duC/KnTTNBraPK54YwpenP4lzxU8H91GudWpFv38u0CKjclE1Wi2EH2EDz5LRcHcKbCIzqGyg==",
+      "requires": {
+        "isexe": "2.0.0"
+      }
+    },
+    "which-module": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz",
+      "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8="
+    },
+    "wide-align": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.2.tgz",
+      "integrity": "sha512-ijDLlyQ7s6x1JgCLur53osjm/UXUYD9+0PbYKrBsYisYXzCxN+HC3mYDNy/dWdmf3AwqwU3CXwDCvsNgGK1S0w==",
+      "dev": true,
+      "requires": {
+        "string-width": "1.0.2"
+      }
+    },
+    "widest-line": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-2.0.0.tgz",
+      "integrity": "sha1-AUKk6KJD+IgsAjOqDgKBqnYVInM=",
+      "requires": {
+        "string-width": "2.1.1"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg="
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8="
+        },
+        "string-width": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+          "requires": {
+            "is-fullwidth-code-point": "2.0.0",
+            "strip-ansi": "4.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+          "requires": {
+            "ansi-regex": "3.0.0"
+          }
+        }
+      }
+    },
+    "window-size": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.0.tgz",
+      "integrity": "sha1-VDjNLqk7IC76Ohn+iIeu58lPnJ0="
+    },
+    "wordwrap": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
+      "integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc=",
+      "dev": true
+    },
+    "worker-farm": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/worker-farm/-/worker-farm-1.5.2.tgz",
+      "integrity": "sha512-XxiQ9kZN5n6mmnW+mFJ+wXjNNI/Nx4DIdaAKLX1Bn6LYBWlN/zaBhu34DQYPZ1AJobQuu67S2OfDdNSVULvXkQ==",
+      "dev": true,
+      "requires": {
+        "errno": "0.1.6",
+        "xtend": "4.0.1"
+      }
+    },
+    "wrap-ansi": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
+      "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
+      "requires": {
+        "string-width": "1.0.2",
+        "strip-ansi": "3.0.1"
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "write-file-atomic": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.3.0.tgz",
+      "integrity": "sha512-xuPeK4OdjWqtfi59ylvVL0Yn35SF3zgcAcv7rBPFHVaEapaDr4GdGgm3j7ckTwH9wHL7fGmgfAnb0+THrHb8tA==",
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "imurmurhash": "0.1.4",
+        "signal-exit": "3.0.2"
+      }
+    },
+    "write-json-file": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/write-json-file/-/write-json-file-2.3.0.tgz",
+      "integrity": "sha1-K2TIozAE1UuGmMdtWFp3zrYdoy8=",
+      "requires": {
+        "detect-indent": "5.0.0",
+        "graceful-fs": "4.1.11",
+        "make-dir": "1.1.0",
+        "pify": "3.0.0",
+        "sort-keys": "2.0.0",
+        "write-file-atomic": "2.3.0"
+      },
+      "dependencies": {
+        "detect-indent": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-5.0.0.tgz",
+          "integrity": "sha1-OHHMCmoALow+Wzz38zYmRnXwa50="
+        },
+        "sort-keys": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-2.0.0.tgz",
+          "integrity": "sha1-ZYU1WEhh7JfXMNbPQYIuH1ZoQSg=",
+          "requires": {
+            "is-plain-obj": "1.1.0"
+          }
+        }
+      }
+    },
+    "write-pkg": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/write-pkg/-/write-pkg-2.1.0.tgz",
+      "integrity": "sha1-NTqkTDnEjCFED1wIzmq9RhQcnAg=",
+      "requires": {
+        "sort-keys": "1.1.2",
+        "write-json-file": "2.3.0"
+      }
+    },
+    "ws": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-1.1.1.tgz",
+      "integrity": "sha1-CC3bbGQehdS7RR8D1S8G6r2x8Bg=",
+      "dev": true,
+      "requires": {
+        "options": "0.0.6",
+        "ultron": "1.0.2"
+      }
+    },
+    "wtf-8": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/wtf-8/-/wtf-8-1.0.0.tgz",
+      "integrity": "sha1-OS2LotDxw00e4tYw8V0O+2jhBIo=",
+      "dev": true
+    },
+    "xdg-basedir": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-3.0.0.tgz",
+      "integrity": "sha1-SWsswQnsqNus/i3HK2A8F8WHCtQ="
+    },
+    "xml-char-classes": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/xml-char-classes/-/xml-char-classes-1.0.0.tgz",
+      "integrity": "sha1-ZGV4SKIP/F31g6Qq2KJ3tFErvE0=",
+      "dev": true
+    },
+    "xml2js": {
+      "version": "0.4.19",
+      "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.19.tgz",
+      "integrity": "sha512-esZnJZJOiJR9wWKMyuvSE1y6Dq5LCuJanqhxslH2bxM6duahNZ+HMpCLhBQGZkbX6xRf8x1Y2eJlgt2q3qo49Q==",
+      "dev": true,
+      "requires": {
+        "sax": "1.2.4",
+        "xmlbuilder": "9.0.4"
+      }
+    },
+    "xmlbuilder": {
+      "version": "9.0.4",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-9.0.4.tgz",
+      "integrity": "sha1-UZy0ymhtAFqEINNJbz8MruzKWA8=",
+      "dev": true
+    },
+    "xmlhttprequest-ssl": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.3.tgz",
+      "integrity": "sha1-GFqIjATspGw+QHDZn3tJ3jUomS0=",
+      "dev": true
+    },
+    "xtend": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz",
+      "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68="
+    },
+    "xxhashjs": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/xxhashjs/-/xxhashjs-0.2.2.tgz",
+      "integrity": "sha512-AkTuIuVTET12tpsVIQo+ZU6f/qDmKuRUcjaqR+OIvm+aCBsZ95i7UVY5WJ9TMsSaZ0DA2WxoZ4acu0sPH+OKAw==",
+      "dev": true,
+      "requires": {
+        "cuint": "0.2.2"
+      }
+    },
+    "y18n": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz",
+      "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE="
+    },
+    "yallist": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+      "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI="
+    },
+    "yargs": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz",
+      "integrity": "sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=",
+      "dev": true,
+      "requires": {
+        "camelcase": "3.0.0",
+        "cliui": "3.2.0",
+        "decamelize": "1.2.0",
+        "get-caller-file": "1.0.2",
+        "os-locale": "1.4.0",
+        "read-pkg-up": "1.0.1",
+        "require-directory": "2.1.1",
+        "require-main-filename": "1.0.1",
+        "set-blocking": "2.0.0",
+        "string-width": "1.0.2",
+        "which-module": "1.0.0",
+        "y18n": "3.2.1",
+        "yargs-parser": "5.0.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+          "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=",
+          "dev": true
+        }
+      }
+    },
+    "yargs-parser": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0.tgz",
+      "integrity": "sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=",
+      "dev": true,
+      "requires": {
+        "camelcase": "3.0.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+          "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=",
+          "dev": true
+        }
+      }
+    },
+    "yeast": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
+      "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk=",
+      "dev": true
+    },
+    "yn": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/yn/-/yn-2.0.0.tgz",
+      "integrity": "sha1-5a2ryKz0CPY4X8dklWhMiOavaJo=",
+      "dev": true
+    },
+    "zone.js": {
+      "version": "0.8.19",
+      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.8.19.tgz",
+      "integrity": "sha512-l9rofaOs6a4y1W8zt4pDmnCUCnYG377dG+5SZlXNWrTWYUuXFqcJZiOarhYiRVR0NI9sH/8ooPJiz4uprB/Mkg=="
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..71d6bf6
--- /dev/null
+++ b/package.json
@@ -0,0 +1,83 @@
+{
+  "name": "quickstart-angular5",
+  "version": "6.0.1",
+  "license": "custom",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng build && node ./bin/www",
+    "build": "ng build --prod",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e",
+    "aot:build": "ng build --prod --sm=false --aot=true --output-path=dist",
+    "pre-commit": "ng lint"
+  },
+  "private": true,
+  "dependencies": {
+    "@agm/core": "^1.0.0-beta.2",
+    "@angular/animations": "^6.0.0-rc.1",
+    "@angular/common": "^6.0.0-rc.1",
+    "@angular/compiler": "^6.0.0-rc.1",
+    "@angular/core": "^6.0.0-rc.1",
+    "@angular/forms": "^6.0.0-rc.1",
+    "@angular/http": "^6.0.0-rc.1",
+    "@angular/platform-browser": "^6.0.0-rc.1",
+    "@angular/platform-browser-dynamic": "^6.0.0-rc.1",
+    "@angular/router": "^6.0.0-rc.1",
+    "@types/form-data": "^2.2.1",
+    "bcrypt-nodejs": "0.0.3",
+    "bluebird": "^3.5.1",
+    "body-parser": "^1.18.2",
+    "chart.js": "2.5.x",
+    "classlist.js": "1.1.x",
+    "core-js": "2.4.x",
+    "del": "3.0.x",
+    "easy-pie-chart": "2.1.x",
+    "express": "^4.16.2",
+    "express-fileupload": "^0.4.0",
+    "font-awesome": "4.7.x",
+    "form-data": "^2.3.2",
+    "gulp": "^3.9.1",
+    "gulp-rename": "1.2.x",
+    "gulp-run": "1.7.x",
+    "hammerjs": "2.0.x",
+    "jsonwebtoken": "^8.1.1",
+    "mongoose": "^5.0.7",
+    "morgan": "^1.9.0",
+    "multer": "^1.3.0",
+    "ng-html-util": "1.0.x",
+    "ngm-cli": "0.5.x",
+    "passport": "^0.4.0",
+    "passport-jwt": "^3.0.1",
+    "rxjs": "^6.0.0-rc.1",
+    "rxjs-compat": "^6.0.0-rc.1",
+    "screenfull": "3.3.x",
+    "serve-favicon": "^2.4.5",
+    "smoothscroll-polyfill": "0.3.x",
+    "web-animations-js": "2.3.x",
+    "zone.js": "0.8.x"
+  },
+  "devDependencies": {
+    "@angular/cli": "^6.0.0-rc.1",
+    "@angular/compiler-cli": "^6.0.0-rc.1",
+    "@angular/language-service": "^6.0.0-rc.1",
+    "@types/jasmine": "2.5.38",
+    "@types/node": "~6.0.85",
+    "codelyzer": "~3.2.0",
+    "jasmine-core": "~2.5.2",
+    "jasmine-spec-reporter": "~3.2.0",
+    "karma": "~1.4.1",
+    "karma-chrome-launcher": "~2.0.0",
+    "karma-cli": "~1.0.1",
+    "karma-jasmine": "~1.1.0",
+    "karma-jasmine-html-reporter": "^0.2.2",
+    "karma-coverage-istanbul-reporter": "^0.2.0",
+    "protractor": "~5.1.2",
+    "ts-node": "~3.2.0",
+    "tslint": "~5.7.0",
+    "typescript": "~2.7.2",
+    "webpack": "^4.3.0",
+    "@angular-devkit/build-angular": "~0.5.0",
+    "@types/jasminewd2": "~2.0.2"
+  }
+}
diff --git a/protractor.conf.js b/protractor.conf.js
new file mode 100644
index 0000000..1c5e1e5
--- /dev/null
+++ b/protractor.conf.js
@@ -0,0 +1,30 @@
+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter } = require('jasmine-spec-reporter');
+
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    './e2e/**/*.e2e-spec.ts'
+  ],
+  capabilities: {
+    'browserName': 'chrome'
+  },
+  directConnect: true,
+  baseUrl: 'http://localhost:4200/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {}
+  },
+  beforeLaunch: function() {
+    require('ts-node').register({
+      project: 'e2e/tsconfig.e2e.json'
+    });
+  },
+  onPrepare() {
+    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+  }
+};
diff --git a/public/23460.jpg b/public/23460.jpg
new file mode 100644
index 0000000..0604e79
Binary files /dev/null and b/public/23460.jpg differ
diff --git a/routes/api.js b/routes/api.js
new file mode 100644
index 0000000..54e9f0e
--- /dev/null
+++ b/routes/api.js
@@ -0,0 +1,201 @@
+var mongoose = require('mongoose');
+var passport = require('passport');
+var config = require('../config/database');
+require('../config/passport')(passport);
+var express = require('express');
+var jwt = require('jsonwebtoken');
+var router = express.Router();
+var User = require("../models/user");
+var FileMongo = require("../models/FileMongo");
+var Book = require("../models/book");
+
+var multer = require('multer');
+var upload = multer({ dest: './public/' });
+
+/* GET home page. */
+router.get('/', function(req, res, next) {
+  res.send('Express RESTful API');
+});
+
+
+router.post('/signup', function(req, res) {
+  if (!req.body.username || !req.body.password) {
+    res.json({success: false, msg: 'Please pass username and password.'});
+  } else {
+    var newUser = new User({
+      username: req.body.username,
+      password: req.body.password
+    });
+    // save the user
+    newUser.save(function(err) {
+      if (err) {
+        return res.json({success: false, msg: 'Username already exists.'});
+      }
+      res.json({success: true, msg: 'Successful created new user.'});
+    });
+  }
+});
+
+/* SAVE FILE */
+router.post('/uploadFileMongo', function(req, res, next) {
+  console.log('req.body:  :: ' + req.body.uid);
+  FileMongo.create(req.body, function (err, post) {
+    if (err){
+      console.log('err:  :: ' + err);
+      return next(err);
+    }
+    res.json(post);
+  });
+});
+
+/* DELETE FILE */
+router.post('/deleteFileMongo', function(req, res, next) {
+
+  FileMongo.remove(req.body, function (err, post) {
+    if (err){
+      return next(err);
+    }
+    res.json(post);
+  });
+});
+
+router.post('/signin', function(req, res) {
+  User.findOne({
+    username: req.body.username
+  }, function(err, user) {
+    if (err) throw err;
+
+    if (!user) {
+      res.status(401).send({success: false, msg: 'Authentication failed. User not found.'});
+    } else {
+      // check if password matches
+      user.comparePassword(req.body.password, function (err, isMatch) {
+        if (isMatch && !err) {
+          console.log('req.user.username logggggg ::: ' + JSON.stringify(user));
+          // if user is found and password is right create a token
+          var token = jwt.sign(user.toJSON(), config.secret);
+          // return the information including token as JSON
+          res.json({success: true, token: 'JWT ' + token});
+        } else {
+          res.status(401).send({success: false, msg: 'Authentication failed. Wrong password.'});
+        }
+      });
+    }
+  });
+});
+
+
+router.post('/book', passport.authenticate('jwt', { session: false}), function(req, res) {
+  var token = getToken(req.headers);
+  if (token) {
+
+    var newBook = new Book({
+      isbn: req.body.isbn,
+      title: req.body.title,
+      author: req.body.author,
+      publisher: req.body.publisher
+    });
+
+    newBook.save(function(err) {
+      if (err) {
+        return res.json({success: false, msg: 'Save book failed.'});
+      }
+      res.json({success: true, msg: 'Successful created new book.'});
+    });
+  } else {
+    return res.status(403).send({success: false, msg: 'Unauthorized.'});
+  }
+});
+/*
+router.post('/book/file', function(req, res) {
+  if(req.files){
+    //var file = req.files.filename;
+    //var filename = req.files.filename.name;
+
+    console.log(req.files);
+  }
+});
+*/
+const storage = multer.diskStorage({
+  destination: function (req, file, cb) {
+    cb(null, './public/')
+  },
+  filename: function (req, file, cb) {
+    cb(null, file.originalname)
+  }
+});
+
+//post qui va stocker la photo du user ajoute dans le register , multer permet de definir le dossier serveur dans lequel seront stockes les photos
+router.post('/upload' , multer({storage: storage}).array("public[]", 12) ,function(req,res,next){
+
+  console.log("req.files[0].fieldname: "+req.files[0].fieldname);//ok
+  console.log("req.files[0].originalname: "+req.files[0].originalname);//ok
+  console.log("req.files.filename: "+req.files[0].filename);//ok
+  console.log("req.files.path: "+req.files[0].path);//ok
+  console.log("req.files.size: "+req.files[0].size);//ok
+  res.send(req.files);
+
+});
+
+router.get('/allUserFile', passport.authenticate('jwt', { session: false}), function(req, res) {
+  var token = getToken(req.headers);
+
+  if (token) {
+    console.log('oooooo : ' + req.user._id + ' ::: kaka : ' + req.user.username);
+    FileMongo.find({
+      idUser: req.user._id,
+      owner: req.user.username
+    }, function(err, file) {
+      console.log('userrrr baa : ' + JSON.stringify(file));
+      res.json(file);
+    });
+  } else {
+    return res.status(403).send({success: false, msg: 'Unauthorized.'});
+  }
+});
+
+
+router.get('/book', passport.authenticate('jwt', { session: false}), function(req, res) {
+  var token = getToken(req.headers);
+
+  if (token) {
+    console.log('oooooo : ' + req.user._id + ' ::: kaka : ' + req.user.username);
+    FileMongo.find({
+      idUser: req.user._id,
+      owner: req.user.username
+    }, function(err, file) {
+      console.log('userrrr baa : ' + JSON.stringify(file));
+        });
+    console.log('req.user.username yiiiiii ::: ' + req.user.username);
+    res.json(req.user);
+    /*
+    Book.find(function (err, books) {
+      if (err) return next(err);
+      res.json(books);
+    });*/
+  } else {
+    return res.status(403).send({success: false, msg: 'Unauthorized.'});
+  }
+});
+
+router.get('/book/file',  function(req, res) {
+
+  res.sendFile(__dirname + '/api/book');
+
+});
+
+
+getToken = function (headers) {
+  if (headers && headers.authorization) {
+    var parted = headers.authorization.split(' ');
+    if (parted.length === 2) {
+      return parted[1];
+    } else {
+      return null;
+    }
+  } else {
+    return null;
+  }
+};
+
+module.exports = router;
diff --git a/scss/.directory b/scss/.directory
new file mode 100644
index 0000000..1d809c8
--- /dev/null
+++ b/scss/.directory
@@ -0,0 +1,10 @@
+[Dolphin]
+PreviewsShown=true
+SortOrder=1
+SortRole=modificationtime
+Timestamp=2018,3,23,10,44,54
+Version=4
+VisibleRoles=Icons_text,Icons_modificationtime
+
+[Settings]
+HiddenFilesShown=true
diff --git a/scss/_custom.scss b/scss/_custom.scss
new file mode 100644
index 0000000..116b807
--- /dev/null
+++ b/scss/_custom.scss
@@ -0,0 +1 @@
+// Your custom styles
diff --git a/scss/angular/free/_carousel.scss b/scss/angular/free/_carousel.scss
new file mode 100644
index 0000000..e78d81b
--- /dev/null
+++ b/scss/angular/free/_carousel.scss
@@ -0,0 +1,23 @@
+.carousel-item.active, .carousel-item-next, .carousel-item-prev {
+    display: flex;
+    overflow: hidden;
+}
+
+.carousel, .carousel-multi-item, .carousel-thumbnails {
+    outline: none;
+}
+
+.carousel-fade .carousel-inner .carousel-item {
+    opacity: 0;
+    transition-property: opacity;
+}
+
+.carousel-fade .carousel-inner .active {
+    opacity: 1;
+}
+
+.carousel-fade .carousel-inner>.carousel-item.active, .carousel-fade .carousel-inner>.carousel-item.next.left, .carousel-fade .carousel-inner>.carousel-item.prev.right {
+    opacity: 1;
+    -webkit-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+}
\ No newline at end of file
diff --git a/scss/angular/free/_dropdowns.scss b/scss/angular/free/_dropdowns.scss
new file mode 100644
index 0000000..d2cabb5
--- /dev/null
+++ b/scss/angular/free/_dropdowns.scss
@@ -0,0 +1,71 @@
+.show {
+  // Show the menu
+  > .dropdown-menu {
+    display: block;
+  }
+
+  // Remove the outline when :focus is triggered
+  > a {
+    outline: 0;
+  }
+}
+
+dropdown{
+    .dropdown-menu { 
+        display: none;
+        position: absolute;
+        transform: translate3d(0px, 47px, 0px);
+        top: 0px;
+        left: 0px;
+        will-change: transform;
+    }
+}
+
+//dropup
+.dropup {
+  // Different positioning for bottom up menu
+    .dropdown-menu {
+        display: none;
+        // // position: absolute;
+        // transform: translate3d(117px, -165px, 0px);
+        // // top: 0px;
+        // // left: 0px;
+        will-change: transform;
+    }
+}
+//dropup animation
+.dropup.show {
+    .dropdown-menu {
+        display: block;
+        opacity: 0;
+        transition: 0.55s;
+    }
+
+    .fadeInDropdown { 
+        opacity: 1;
+    }
+}
+
+//material dropdown
+.dropdown {
+    .dropdown-menu { 
+        display: none;
+        position: absolute;
+        transform: translate3d(6px, 49px, 0px);
+        top: 0px;
+        left: 0px;
+        will-change: transform;
+    }
+}
+//material dropdown animation
+.dropdown.show {
+    .dropdown-menu {
+        display: block;
+        opacity: 0;
+        transition: 0.55s;
+    }
+
+    .fadeInDropdown { 
+        opacity: 1;
+    }
+}
\ No newline at end of file
diff --git a/scss/angular/free/_inputs.scss b/scss/angular/free/_inputs.scss
new file mode 100644
index 0000000..ae68f3e
--- /dev/null
+++ b/scss/angular/free/_inputs.scss
@@ -0,0 +1,54 @@
+//input disabled
+.disabled {
+    cursor: not-allowed!important;
+}
+
+
+//input counter
+.counter-danger {
+	border-bottom: 1px solid #F44336 !important;
+	box-shadow: 0 1px 0 0 #F44336 !important;
+}
+
+input:focus ~ .chars {
+	float: right;
+    clear: both;
+    display: block;
+}
+
+textarea:focus ~ .chars {
+	float: right;
+    clear: both;
+    display: block;
+}
+
+
+//active styles for input label
+.md-form label.active {
+    color: #757575;
+}
+
+
+//inputs validation
+.counter-success{
+	border-bottom: 1px solid $input-success-color !important;
+  	box-shadow: 0 1px 0 0 $input-success-color !important;
+}
+
+.inputVal {
+	font-size: .8rem;
+	position: absolute;
+	top: 60px;
+}
+
+.md-form .prefix ~ .inputVal{
+	margin-left: 3rem;
+}
+
+input.counter-danger ~ span.text-danger {
+	visibility: visible !important;
+}
+
+input.counter-success ~ span.text-success {
+	visibility: visible !important;
+}
diff --git a/scss/angular/free/_layout.scss b/scss/angular/free/_layout.scss
new file mode 100644
index 0000000..e69de29
diff --git a/scss/angular/free/_list-group.scss b/scss/angular/free/_list-group.scss
new file mode 100644
index 0000000..9924540
--- /dev/null
+++ b/scss/angular/free/_list-group.scss
@@ -0,0 +1,21 @@
+.flex-column {
+
+	.nav-item a {
+		width: 100%;
+		margin: 0;
+		color: #495057;
+		margin-bottom: -1px;
+	}
+	.nav-link {
+		padding:0 !important;
+	}
+	.active a {
+		background-color: #007bff;
+		border-color: #007bff;
+		color: #fff !important;
+	}
+	.list-group-item {
+	border-radius: 0;
+	}
+}
+
diff --git a/scss/angular/free/_maps.scss b/scss/angular/free/_maps.scss
new file mode 100644
index 0000000..98ace45
--- /dev/null
+++ b/scss/angular/free/_maps.scss
@@ -0,0 +1,3 @@
+agm-map {
+    display: block;
+}
\ No newline at end of file
diff --git a/scss/angular/free/_modals.scss b/scss/angular/free/_modals.scss
new file mode 100644
index 0000000..8d71756
--- /dev/null
+++ b/scss/angular/free/_modals.scss
@@ -0,0 +1,552 @@
+/* You can add global styles to this file, and also import other style files */
+
+// Distance
+$modal-distance:10px;
+$modal-info-color: #5394ff;
+$modal-success-color: #01d36b;
+$modal-warning-color: #ff8e38;
+$modal-danger-color: #ff4b4b;
+
+// Styles for body
+body {
+    &.modal-open {
+        padding-right: 0 !important;
+    }
+    &.scrollable {
+        overflow-y: auto;
+    }
+}
+
+// *** ENHANCED BOOTSTRAP MODALS ***///
+// General styles
+.modal-dialog {
+    .modal-content {
+        // @include border-radius(2px);
+        // @extend .z-depth-1-half;
+        border: 0;
+    }
+}
+
+// Position & Size
+.modal {
+	padding-right:0 !important;
+	.modal-dialog {
+        @media (min-width: 768px) {
+            &.modal-top {
+                top: 0;
+            }
+            &.modal-left {
+                left: 0;
+            }
+            &.modal-right {
+                right: 0;
+            }
+            &.modal-bottom {
+                bottom: 0;
+            }
+            &.modal-top-left {
+                top: $modal-distance;
+                left: $modal-distance;
+            }
+            &.modal-top-right {
+                top: $modal-distance;
+                right: $modal-distance;
+            }
+            &.modal-bottom-left {
+                left: $modal-distance;
+                bottom: $modal-distance;
+            }
+            &.modal-bottom-right {
+                right: $modal-distance;
+                bottom: $modal-distance;
+            }
+        }
+    }
+    .modal-side {
+        &.modal-top {
+            top: 0;
+        }
+        &.modal-left {
+            left: 0;
+        }
+        &.modal-right {
+            right: 0;
+        }
+        &.modal-bottom {
+            bottom: 0;
+        }
+        &.modal-top-left {
+            top: $modal-distance;
+            left: $modal-distance;
+        }
+        &.modal-top-right {
+            top: $modal-distance;
+            right: $modal-distance;
+        }
+        &.modal-bottom-left {
+            left: $modal-distance;
+            bottom: $modal-distance;
+        }
+        &.modal-bottom-right {
+            right: $modal-distance;
+            bottom: $modal-distance;
+        }
+    }
+    &.fade {
+        &.top:not(.show) .modal-dialog {
+            transform: translate3d(0, -25%, 0);
+        }
+        &.left:not(.show) .modal-dialog {
+            transform: translate3d(-25%, 0, 0);
+        }
+        &.right:not(.show) .modal-dialog {
+            transform: translate3d(25%, 0, 0);
+        }
+        &.bottom:not(.show) .modal-dialog {
+            transform: translate3d(0, 25%, 0);
+        }
+        &.in {
+            opacity: 1;
+            .modal-dialog {
+                // -webkit-transform: translate(0, 0);
+                transform: translate(0, 0);
+                .relative {
+                    display: inline-block;
+                    // transform: translate3d(0, 0, 0);
+                }
+            }
+        }
+    }
+    &.modal-scrolling {
+        position: relative;
+        .modal-dialog {
+            position: fixed;
+            z-index: 1050;
+        }
+    }
+    &.modal-content-clickable {
+        top:auto;
+        bottom:auto;
+        .modal-dialog {
+            position:fixed;
+        }
+    }
+    .modal-fluid {
+        width: 100%;
+        max-width: 100%;
+        .modal-content {
+            width: 100%;
+        }
+    }
+    .modal-frame {
+        position: absolute;
+        width: 100%;
+        max-width: 100%;
+        margin: 0;
+        &.modal-bottom {
+            bottom: 0;
+        }
+    }
+    .modal-full-height {
+        display: flex;
+        position: absolute;
+        width: 400px;
+        min-height: 100%;
+        margin: 0;
+        top: 0;
+        // bottom: 0;
+        right: 0;
+        &.modal-top, &.modal-bottom {
+            display:block;
+            width:100%;
+            max-width:100%;
+            height:auto;
+        }
+        &.modal-top {
+            bottom:auto;
+        }
+        &.modal-bottom {
+            top:auto;
+        }
+        .modal-content {
+            width:100%;
+        }
+        &.modal-lg {
+            max-width:90%;
+            width:90%;
+            @media (min-width:992px) {
+                max-width:800px;
+                width:800px;  
+            }
+            @media (min-width:1200px) {
+                max-width:1000px;
+                width:1000px;  
+            }
+        }
+    }
+    .modal-side {
+        position: absolute;
+        right: $modal-distance;
+        bottom: $modal-distance;
+        margin: 0;
+        width: 400px;
+    }
+}
+
+// Styles
+.modal-dialog {
+    .btn .fa {
+        color:#fff !important;
+    }
+    [class*="btn-outline-"] .fa {
+        color: inherit !important;
+    }
+    // Cascading modals
+    &.cascading-modal {
+        margin-top: 10%;
+        // Cascading header
+        .modal-header {
+            text-align: center;
+            margin: -2rem 1rem 1rem 1rem;
+            padding: 1.5rem;
+            border: none;
+            flex-direction: column;
+            // @extend .z-depth-1-half;
+            // @include border-radius(3px);
+            .close {
+                margin-right: 2.5rem;
+            }
+            &.white-text {
+                .close {
+                    color: #fff;
+                    opacity: 1;
+                }
+            }
+            .title {
+                width: 100%;
+                margin-bottom: 0;
+                font-size: 1.25rem;
+                .fa {
+                    margin-right: 9px;
+                }
+            }
+            .social-buttons {
+                margin-top: 1.5rem;
+                a {
+                    font-size: 1rem;
+                }
+            }
+        }
+        // Cascading tabs nav
+        .modal-c-tabs {
+            .nav-tabs {
+                margin: -1.5rem 1rem 0 1rem;
+                // @extend .z-depth-1;
+            }
+            .tab-content {
+                padding: 1.7rem 0 0 0;
+            }
+        }
+        // Footer customization
+        .modal-body,
+        .modal-footer {
+            color: #616161;
+            padding-right: 2rem;
+            padding-left: 2rem;
+            .additional-option {
+                text-align: center;
+                margin-top: 1rem;
+            }
+        }
+        // Cascading avatar
+        &.modal-avatar {
+            margin-top: 6rem;
+            .modal-header {
+                // @extend .z-depth-0;
+                // @extend .img-fluid;
+                margin: -6rem 2rem -1rem 2rem;
+                img {
+                    width: 130px;
+                    // @extend .z-depth-2;
+                }
+            }
+        }
+    }
+    // Modal notify
+    &.modal-notify {
+        .heading {
+            margin: 0;
+            padding: 0.3rem;
+            color: #fff;
+            font-size: 1.15rem;
+        }
+        .modal-header {
+            // @extend .z-depth-1;
+            border: 0;
+        }
+        .close {
+            opacity: 1;
+        }
+        .modal-body {
+            padding: 1.5rem;
+            color: #616161;
+        }
+        .btn-outline-secondary-modal {
+            background-color: transparent;
+        }
+        // Modal info
+        &.modal-info {
+            .modal-header {
+                background-color: $modal-info-color;
+            }
+            .fa {
+                color: $modal-info-color;
+            }
+            .badge {
+                background-color: $modal-info-color;
+            }
+            .btn-primary-modal {
+                background: $modal-info-color;
+                &:hover,
+                &:focus,
+                &:active {
+                    background-color: lighten( $modal-info-color, 5%)!important;
+                }
+                &.active {
+                    background-color: darken( $modal-info-color, 20%)!important;
+                    // @extend .z-depth-1-half;
+                }
+            }
+            .btn-outline-secondary-modal {
+                border: 2px solid $modal-info-color;
+                color: $modal-info-color!important;
+            }
+        }
+        // Modal warning
+        &.modal-warning {
+            .modal-header {
+                background-color: $modal-warning-color;
+            }
+            .fa {
+                color: $modal-warning-color;
+            }
+            .badge {
+                background-color: $modal-warning-color;
+            }
+            .btn-primary-modal {
+                background: $modal-warning-color;
+                &:hover,
+                &:focus,
+                &:active {
+                    background-color: lighten( $modal-warning-color, 5%)!important;
+                }
+                &.active {
+                    background-color: darken( $modal-warning-color, 20%)!important;
+                    // @extend .z-depth-1-half;
+                }
+            }
+            .btn-outline-secondary-modal {
+                border: 2px solid $modal-warning-color;
+                color: $modal-warning-color!important;
+            }
+        }
+        // Modal success
+        &.modal-success {
+            .modal-header {
+                background-color: $modal-success-color;
+            }
+            .fa {
+                color: $modal-success-color;
+            }
+            .badge {
+                background-color: $modal-success-color;
+            }
+            .btn-primary-modal {
+                background: $modal-success-color;
+                &:hover,
+                &:focus,
+                &:active {
+                    background-color: lighten( $modal-success-color, 5%)!important;
+                }
+                &.active {
+                    background-color: darken( $modal-success-color, 20%)!important;
+                    // @extend .z-depth-1-half;
+                }
+            }
+            .btn-outline-secondary-modal {
+                border: 2px solid $modal-success-color;
+                color: $modal-success-color!important;
+            }
+        }
+        // Modal danger
+        &.modal-danger {
+            .modal-header {
+                background-color: $modal-danger-color;
+            }
+            .fa {
+                color: $modal-danger-color;
+            }
+            .badge {
+                background-color: $modal-danger-color;
+            }
+            .btn-primary-modal {
+                background: $modal-danger-color;
+                &:hover,
+                &:focus,
+                &:active {
+                    background-color: lighten( $modal-danger-color, 5%)!important;
+                }
+                &.active {
+                    background-color: darken( $modal-danger-color, 20%)!important;
+                    // @extend .z-depth-1-half;
+                }
+            }
+            .btn-outline-secondary-modal {
+                border: 2px solid $modal-danger-color;
+                color: $modal-danger-color!important;
+            }
+        }
+    }
+}
+
+.modal-sm .modal-content{
+  margin: 0 auto;
+  max-width: 300px;
+}
+
+@media (min-width: 768px){
+  .modal-sm{
+    max-width: 100%;
+  }
+}
+
+.modal .modal-fluid, .modal .modal-frame {
+    width: 100%;
+    max-width: 100%;
+}
+
+/*********************
+ Modals
+**********************/
+
+// Modal Login & Modal Register
+.modal-ext .modal-content {
+    .modal-header {
+        text-align: center;
+    }
+    .options {
+        float: left;
+    }
+    .modal-body .text-xs-center fieldset {
+        margin-top: 20px;
+    }
+    .call {
+        margin-top: 1rem;
+    }
+    .modal-body {
+        padding: 2rem 2rem 1rem 2rem;
+    }
+}
+
+.modal-content {
+    .close {
+        position: absolute;
+        right: 15px;
+    }
+}
+
+// Modal Cart
+.modal-cart {
+    li p {
+        margin: 5px;
+        font-weight: 400;
+        .badge {
+            margin-left: 10px;
+            margin-top: 3px;
+            font-weight: 400;
+            position: absolute;
+        }
+        .quantity {
+            font-size: 16px;
+            margin-right: 7px;
+            font-weight: 300;
+        }
+    }
+    .cartPageLink {
+        margin-left: 10px;
+        a {
+            text-decoration: underline;
+            color: #666;
+        }
+    }
+    .total {
+        float: right;
+        font-weight: 400;
+    }
+}
+
+// Modals normalize 
+.cf-phone {
+    margin-left: 7px;
+}
+
+// Container that the modal scrolls within
+.side-modal {
+    position: fixed;
+    width: 400px;
+    height: 100%;
+    width: 100%;
+    z-index: 9999;
+    // Shell div to position the modal with bottom padding
+    .modal-dialog {
+        position: absolute;
+        bottom: 10px;
+        right: 10px;
+        width: 400px;
+        margin: 10px;
+        // @extend .z-depth-1-half;
+        @media (max-width: 760px) {
+            display: none;
+        }
+    }
+    // Actual modal
+    .modal-header {
+        padding: 1rem;
+        .heading {
+            margin: 0;
+            padding: 0;
+        }
+    }
+    .modal-content {
+        border: none;
+    }
+    // Modal background
+}
+
+.side-modal.fade:not(.show) .modal-dialog {
+    -webkit-transform: translate3d(25%, 0, 0);
+    transform: translate3d(25%, 0, 0);
+}
+
+// Transparent backdrop
+.transparent-bd {
+    opacity: 0!important;
+}
+
+.modal-backdrop.in {
+	opacity: 0.5;
+}
+
+.modal-backdrop {
+  opacity: 0.5;
+}
+
+#exampleModalScroll {
+	overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.modal-open .modal {
+    overflow-x: hidden;
+    overflow-y: hidden;
+}
\ No newline at end of file
diff --git a/scss/angular/free/_navbar.scss b/scss/angular/free/_navbar.scss
new file mode 100644
index 0000000..077221d
--- /dev/null
+++ b/scss/angular/free/_navbar.scss
@@ -0,0 +1,200 @@
+@media (min-width: 1200px) {
+  .navbar.navbar-expand-xl {
+    links,
+    navlinks {
+      display: flex;
+      flex-direction: row;
+      align-items: center !important;
+      align-self: center !important;
+      width: 100%;
+    }
+  }
+}
+
+@media (min-width: 992px) {
+  .navbar>logo>div>a {
+    img {
+      margin-left: 20px;
+    }
+  }
+  .navbar.navbar-expand-lg {
+    links,
+    navlinks {
+      display: flex;
+      flex-direction: row;
+      align-items: center !important;
+      align-self: center !important;
+      width: 100%;
+    }
+  }
+}
+
+@media (min-width: 768px) {
+  .navbar.navbar-expand-md {
+    links,
+    navlinks {
+      display: flex;
+      flex-direction: row;
+      width: 100%;
+    }
+  }
+}
+
+@media (min-width: 576px) {
+  .navbar.navbar-expand-sm {
+    links,
+    navlinks {
+      display: flex;
+      flex-direction: row;
+      width: 100%;
+    }
+  }
+}
+// .navbar {
+//   z-index: 91;
+// }
+
+.navbar-container {
+  order: -1;
+  width: 50px !important;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.breadcrumbs {
+  display: flex;
+  padding-left: 5px;
+  padding-right: 5px;
+  order: 0;
+  align-items: center;
+  @media (min-width: 1441px) {
+    margin-left: -0.6rem;
+  }
+} //EDGE
+@supports (-ms-ime-align: auto) {
+  .ie-nav {
+    @media all and (min-width: 992px) {
+      .navbar-nav.nav-flex-icons {
+        position: absolute;
+        top: 30%;
+        right: 0;
+      }
+      .navbar-nav {
+        position: absolute;
+        top: 30%;
+        margin-left: 88px;
+      }
+      .navbar-brand>img {
+        margin-top: -2px;
+        padding-right: 16px;
+      }
+    }
+    .navbar-toggler {
+      position: absolute;
+      margin-top: -40px;
+      right: 0;
+    }
+  }
+  .intro-non-fixed-nav>links {
+    @media all and (min-width: 992px) {
+      .navbar-collapse {
+        display: inline-flex !important;
+        align-items: center !important;
+        justify-content: space-between !important;
+      }
+    }
+  }
+  .intro-fixed-nav {
+    @media all and (min-width: 992px) {
+      .navbar-nav.nav-flex-icons {
+        position: absolute;
+        top: 30%;
+        right: 0;
+      }
+      .navbar-nav {
+        position: absolute;
+        top: 30%;
+        margin-left: 88px;
+      }
+      .navbar-brand {
+        img {
+          margin-top: -2px;
+          padding-right: 16px;
+        }
+      }
+    }
+    .navbar-toggler {
+      position: absolute;
+      margin-top: -40px;
+      right: 0;
+    }
+  }
+} //IE10+
+@media all and (-ms-high-contrast: none),
+(-ms-high-contrast: active) {
+  .ie-nav {
+    @media all and (min-width: 992px) {
+      .navbar-nav.nav-flex-icons {
+        position: absolute;
+        top: 30%;
+        right: 0;
+      }
+      .navbar-nav {
+        position: absolute;
+        top: 30%;
+        margin-left: 88px;
+      }
+      .navbar-brand>img {
+        margin-top: -2px;
+        padding-right: 16px;
+      }
+    }
+    .navbar-toggler {
+      position: absolute;
+      margin-top: -40px;
+      right: 0;
+    }
+  }
+  .intro-non-fixed-nav>links {
+    @media all and (min-width: 992px) {
+      .navbar-collapse {
+        display: inline-flex !important;
+        align-items: center !important;
+        justify-content: space-between !important;
+      }
+    }
+  }
+  .intro-fixed-nav {
+    @media all and (min-width: 992px) {
+      .navbar-nav.nav-flex-icons {
+        position: absolute;
+        top: 30%;
+        right: 0;
+      }
+      .navbar-nav {
+        position: absolute;
+        top: 30%;
+        margin-left: 88px;
+      }
+      .navbar-brand {
+        img {
+          margin-top: -2px;
+          padding-right: 16px;
+        }
+      }
+    }
+    .navbar-toggler {
+      position: absolute;
+      margin-top: -40px;
+      right: 0;
+    }
+  }
+}
+
+// Fix for situation when in Chrome, dropdown button got default browser styling
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: none;
+}
\ No newline at end of file
diff --git a/scss/angular/free/_popover.scss b/scss/angular/free/_popover.scss
new file mode 100644
index 0000000..11fa8ad
--- /dev/null
+++ b/scss/angular/free/_popover.scss
@@ -0,0 +1,138 @@
+//Bootstrap 4 alpha popover styles - works with ng-bootstrap by Valor popover plugin
+
+.popover.popover-top, .popover.bs-tether-element-attached-bottom {
+  margin-top: -10px;
+}
+
+.popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {
+  left: 50%;
+  border-bottom-width: 0;
+}
+
+.popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {
+  bottom: -11px;
+  margin-left: -11px;
+  border-top-color: rgba(0, 0, 0, 0.25);
+}
+
+.popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {
+  bottom: -10px;
+  margin-left: -10px;
+  border-top-color: #fff;
+}
+
+.popover.popover-right, .popover.bs-tether-element-attached-left {
+  margin-left: 10px;
+}
+
+.popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {
+  top: 50%;
+  border-left-width: 0;
+}
+
+.popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
+  left: -11px;
+  margin-top: -11px;
+  border-right-color: rgba(0, 0, 0, 0.25);
+}
+
+.popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
+  left: -10px;
+  margin-top: -10px;
+  border-right-color: #fff;
+}
+
+.popover.popover-bottom, .popover.bs-tether-element-attached-top {
+  margin-top: 10px;
+}
+
+.popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {
+  left: 50%;
+  border-top-width: 0;
+}
+
+.popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {
+  top: -11px;
+  margin-left: -11px;
+  border-bottom-color: rgba(0, 0, 0, 0.25);
+}
+
+.popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {
+  top: -10px;
+  margin-left: -10px;
+  border-bottom-color: #f7f7f7;
+}
+
+.popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  display: block;
+  width: 20px;
+  margin-left: -10px;
+  content: "";
+  border-bottom: 1px solid #f7f7f7;
+}
+
+.popover.popover-left, .popover.bs-tether-element-attached-right {
+  margin-left: -10px;
+}
+
+.popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {
+  top: 50%;
+  border-right-width: 0;
+}
+
+.popover.popover-left::before, .popover.bs-tether-element-attached-right::before {
+  right: -11px;
+  margin-top: -11px;
+  border-left-color: rgba(0, 0, 0, 0.25);
+}
+
+.popover.popover-left::after, .popover.bs-tether-element-attached-right::after {
+  right: -10px;
+  margin-top: -10px;
+  border-left-color: #fff;
+}
+
+.popover::before,
+.popover::after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+
+.popover::before {
+  content: "";
+  border-width: 11px;
+}
+
+.popover::after {
+  content: "";
+  border-width: 10px;
+}
+
+// Popover animations
+
+@-webkit-keyframes fadeInPopover {
+  from { opacity: 0;  }
+   to { opacity: 1; }
+}
+@keyframes fadeInPopover {
+  from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+.popover-fadeIn { 
+	-webkit-animation-name: fadeInPopover;
+	animation-name: fadeInPopover;
+	-webkit-animation-delay: 0.2s;
+	-moz-animation-delay: 0.2s;	  animation-delay: 0.2s;
+	-webkit-animation-duration: 0.2s;
+	animation-duration: 0.2s;
+	-webkit-animation-fill-mode: both;	  
+	animation-fill-mode: both;
+}
\ No newline at end of file
diff --git a/scss/angular/free/_sections.scss b/scss/angular/free/_sections.scss
new file mode 100644
index 0000000..ebb9382
--- /dev/null
+++ b/scss/angular/free/_sections.scss
@@ -0,0 +1,11 @@
+@media (min-width: 1200px) {
+	.offset-xl-1 {
+	    margin-left: 8.333333%;
+	}
+}
+
+DoubleNavbar{
+	header {
+		height: 0 !important;
+	}
+}
\ No newline at end of file
diff --git a/scss/angular/free/_tooltip.scss b/scss/angular/free/_tooltip.scss
new file mode 100644
index 0000000..e82a14a
--- /dev/null
+++ b/scss/angular/free/_tooltip.scss
@@ -0,0 +1,145 @@
+@mixin reset-text {
+  font-family: $font-family-base;
+  // We deliberately do NOT reset font-size or word-wrap.
+  font-style: normal;
+  font-weight: $font-weight-normal;
+  letter-spacing: normal;
+  line-break: auto;
+  line-height: $line-height-base;
+  text-align: left; // Fallback for where `start` is not supported
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  white-space: normal;
+  word-break: normal;
+  word-spacing: normal;
+}
+
+// Base class
+.tooltip {
+  position: absolute;
+  z-index: $zindex-tooltip;
+  display: block;
+  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
+  // So reset our font and text properties to avoid inheriting weird values.
+  @include reset-text();
+  font-size: $font-size-sm;
+  // Allow breaking very long words so they don't overflow the tooltip's bounds
+  word-wrap: break-word;
+  opacity: 0;
+
+  &.show { opacity: $tooltip-opacity; }
+
+  &.tooltip-top,
+  &.bs-tether-element-attached-bottom {
+    padding: $tooltip-arrow-width 0;
+    margin-top: -$tooltip-margin;
+
+    .tooltip-inner::before {
+      bottom: 0;
+      left: 50%;
+      margin-left: -$tooltip-arrow-width;
+      content: "";
+      border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
+      // border-top-color: $tooltip-arrow-color;
+    }
+  }
+  &.tooltip-right,
+  &.bs-tether-element-attached-left {
+    padding: 0 $tooltip-arrow-width;
+    margin-left: $tooltip-margin;
+
+    .tooltip-inner::before {
+      top: 50%;
+      left: 0;
+      margin-top: -$tooltip-arrow-width;
+      content: "";
+      border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
+      // border-right-color: $tooltip-arrow-color;
+    }
+  }
+  &.tooltip-bottom,
+  &.bs-tether-element-attached-top {
+    padding: $tooltip-arrow-width 0;
+    margin-top: $tooltip-margin;
+
+    .tooltip-inner::before {
+      top: 0;
+      left: 50%;
+      margin-left: -$tooltip-arrow-width;
+      content: "";
+      border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
+      // border-bottom-color: $tooltip-arrow-color;
+    }
+  }
+  &.tooltip-left,
+  &.bs-tether-element-attached-right {
+    padding: 0 $tooltip-arrow-width;
+    margin-left: -$tooltip-margin;
+
+    .tooltip-inner::before {
+      top: 50%;
+      right: 0;
+      margin-top: -$tooltip-arrow-width;
+      content: "";
+      border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
+      // border-left-color: $tooltip-arrow-color;
+    }
+  }
+}
+
+// Wrapper for the tooltip content
+.tooltip-inner {
+  max-width: $tooltip-max-width;
+  padding: $tooltip-padding-y $tooltip-padding-x;
+  // color: $tooltip-color;
+  text-align: center;
+  // background-color: $tooltip-bg;
+  padding: 0.2rem 0.4rem;
+  @extend .z-depth-1-half;
+  border-radius: ($border-radius);
+
+  &::before {
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+  }
+}
+
+// Tooltip animations
+@-webkit-keyframes fadeInTooltip {
+  from { opacity: 0;  }
+   to { opacity: 1; }
+}
+@keyframes fadeInTooltip {
+  from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+.tooltip-fadeIn { 
+  -webkit-animation-name: fadeInTooltip;
+  animation-name: fadeInTooltip;
+  -webkit-animation-delay: 0.2s;
+  -moz-animation-delay: 0.2s;   
+  animation-delay: 0.2s;
+  -webkit-animation-duration: 0.2s;
+  animation-duration: 0.2s;
+  -webkit-animation-fill-mode: both;    
+  animation-fill-mode: both;
+}
+
+//sebfix for tooltips
+.single-tooltip {
+  padding: .75rem 0 0 0;
+  a {
+    padding: 0 !important;
+  }
+}
+
+a[tooltip] {
+  margin-left: 0 !important;
+  padding: 0 .5rem;
+}
\ No newline at end of file
diff --git a/scss/angular/free/_waves.scss b/scss/angular/free/_waves.scss
new file mode 100644
index 0000000..7a31cd6
--- /dev/null
+++ b/scss/angular/free/_waves.scss
@@ -0,0 +1,8 @@
+mdb-tabset {
+    a {
+        &.waves-effect,
+        &.waves-light {
+            display: block;
+        }
+    }
+}
diff --git a/scss/angular/mdb-angular-free.scss b/scss/angular/mdb-angular-free.scss
new file mode 100644
index 0000000..537a4bc
--- /dev/null
+++ b/scss/angular/mdb-angular-free.scss
@@ -0,0 +1,13 @@
+@import "./free/inputs";
+@import "./free/list-group";
+@import "./free/navbar";
+@import "./free/waves";
+@import "./free/dropdowns";
+@import "./free/tooltip";
+@import "./free/sections";
+@import "./free/popover";
+@import "./free/carousel";
+@import "./free/maps";
+@import "./free/layout";
+@import "./free/modals";
+
diff --git a/scss/angular/mdb-angular.scss b/scss/angular/mdb-angular.scss
new file mode 100644
index 0000000..08e71c2
--- /dev/null
+++ b/scss/angular/mdb-angular.scss
@@ -0,0 +1,33 @@
+//Angular
+@import "./pro/tabs";
+@import "./pro/buttons";
+@import "./pro/toasts";
+@import "./pro/range";
+@import "./pro/chips";
+@import "./pro/blog";
+@import "./pro/file_input";
+@import "./pro/autocomplete";
+@import "./pro/lightbox";
+@import "./pro/time-picker";
+@import "./pro/data-picker";
+@import "./pro/material-select";
+@import "./pro/accordion";
+@import "./pro/flipping-cards";
+@import "./pro/sidenav";
+@import "./pro/progress";
+@import "./pro/testimonials";
+@import "./pro/doublenavbar";
+@import"./pro/cards";
+
+@import "./free/inputs";
+@import "./free/list-group";
+@import "./free/navbar.scss";
+@import "./free/waves.scss";
+@import "./free/dropdowns";
+@import "./free/tooltip";
+@import "./free/sections";
+@import "./free/popover";
+@import "./free/carousel";
+@import "./free/maps";
+@import "./free/layout";
+@import "./free/modals";
\ No newline at end of file
diff --git a/scss/angular/pro/_accordion.scss b/scss/angular/pro/_accordion.scss
new file mode 100644
index 0000000..c8e1573
--- /dev/null
+++ b/scss/angular/pro/_accordion.scss
@@ -0,0 +1,56 @@
+// ACCORDION
+.accordion {
+    .sb-item-body {
+        transition: 0.5s;
+        overflow: hidden;
+    }
+    .card {
+        border-bottom: 1px solid #eee;
+        box-shadow: none;
+        .card-header {
+            color: #0275d8;
+            padding: 1rem 1.5rem;
+            background: transparent;
+            border-bottom: 0;
+            a {
+                .rotate-icon {
+                    transform: rotate(180deg);
+                }
+            }
+        }
+        .fa-angle-down {
+            float: right;
+        }
+        .card-body {
+            padding-top: .25rem;
+        }
+
+        &.is-collapsed {
+            .card-header {
+               a {
+                   .rotate-icon {
+                       transform: rotate(0deg);
+                   }
+               }
+            }
+        }
+    }
+}
+
+// Collapsible body
+.collapsible-body {
+    display: none;
+}
+.card {
+    position: relative;
+    .card-body {
+        -webkit-box-flex: 1;
+        flex: 1 1 auto;
+        padding: 1.25rem;
+    }
+}
+.fa-angle-down.rotate-icon {
+    transition: all 150ms ease-in 0s;
+}
+
+
diff --git a/scss/angular/pro/_autocomplete.scss b/scss/angular/pro/_autocomplete.scss
new file mode 100644
index 0000000..8a2d61d
--- /dev/null
+++ b/scss/angular/pro/_autocomplete.scss
@@ -0,0 +1,54 @@
+ng2-completer {
+  .completer-dropdown-holder {
+    margin-top: -1rem;
+  }
+  .md-form {
+    label {
+      z-index: -1;
+    }
+  }
+}
+
+
+.completer-dropdown {
+  margin-top: 1px;
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 100%;
+  background: #fff;
+  box-shadow: 0 2px 5px rgba(0,0,0,.25);
+  z-index: 100;
+  max-height: 210px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  .completer-row {
+    width: 100%;
+    padding: 12px 15px;
+    font-size: .875rem;
+    .completer-description {
+      font-size: 14px;
+    }
+    .completer-image-holder {
+      float: left;
+      width: 10%;
+        .completer-image-default {
+          width: 16px; 
+          height: 16px;
+      }
+    }
+    .completer-item-text-image {
+      float: right;
+      width: 90%;
+    }
+  }
+  .completer-no-results,
+  .completer-searching {
+    padding: 12px 15px;
+    font-size: .875rem;
+  }  
+}
+
+.completer-selected-row {
+  background-color: #eee;
+}
\ No newline at end of file
diff --git a/scss/angular/pro/_blog.scss b/scss/angular/pro/_blog.scss
new file mode 100644
index 0000000..ada2841
--- /dev/null
+++ b/scss/angular/pro/_blog.scss
@@ -0,0 +1,100 @@
+.md-form label.active {
+	color: #4285f4;
+}
+
+.author-box {
+	@extend .jumbotron;
+	padding: 3rem;
+	@media (max-width: $small-screen-up) {
+		text-align: center;
+		img {
+			margin-bottom: 2rem;
+			display: inline;
+		}
+	}
+	strong {
+		font-weight: 600;
+	}
+} // Comments section
+.comments-list,
+.reply-form {
+	margin-bottom: 3rem;
+	ul {
+		list-style-type: none;
+	}
+	.badge {
+		@extend .z-depth-1-half;
+	}
+	img {
+		max-width: 100px;
+		@extend .z-depth-2;
+		@extend .img-fluid;
+		border-radius: 50%;
+	}
+	.row {
+		margin-bottom: 2rem;
+	}
+	.user-name {
+		color: #000;
+	}
+	.comment-date {
+		color: #666;
+	}
+	.comment-text {
+		color: #9e9e9e;
+	}
+	h4 {
+		text-align: center;
+	}
+	@media (max-width: $small-screen-up) {
+		text-align: center;
+		img {
+			display: inline;
+			margin-bottom: 1rem;
+		}
+		.md-form {
+			text-align: left;
+		}
+	}
+	.text-center {
+		flex: 1;
+	}
+}
+
+// Full width blog section
+.section-blog-fw {
+	.view {
+		@extend .z-depth-1;
+	}
+	.jumbotron {
+		// @extend .m-1;
+		text-align: center;
+	}
+	h2 {
+		@extend .h2-responsive;
+		margin-bottom: 1rem;
+		a {
+			color: #424242;
+			transition: 0.2s;
+			&:hover {
+				color: #616161;
+				transition: 0.2s;
+			}
+		}
+	}
+} //blog icons
+.personal-sm {
+	margin-bottom: 10px;
+	a {
+		padding: 5px;
+		&:first-of-type {
+			padding-left: 0;
+		}
+		.fa {
+			transition-duration: .2s;
+		}
+		&:hover .fa {
+			transform: scale(1.2);
+		}
+	}
+}
\ No newline at end of file
diff --git a/scss/angular/pro/_buttons.scss b/scss/angular/pro/_buttons.scss
new file mode 100644
index 0000000..8e028b5
--- /dev/null
+++ b/scss/angular/pro/_buttons.scss
@@ -0,0 +1,77 @@
+// Button tags
+.waves-input-wrapper {
+    display: inline-block;
+}
+
+// Flat button
+.btn {
+    &.btn-flat {
+        color: inherit !important;
+    }
+}
+
+.btn-flat {
+    background: transparent;
+    color: inherit !important;
+    position: relative;
+    padding: 8px 30px;
+    border: none;
+    margin: 10px;
+    text-transform: uppercase;
+    text-decoration: none;
+    outline: none !important;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    &:focus,
+    &:hover {
+        background-color: transparent;
+        -webkit-box-shadow: none;
+        box-shadow: none;
+    }
+}
+
+//Fixed buttons
+.fixed-action-btn {
+    .fixed_collapse {
+        left: 0;
+        right: 0;
+        text-align: center;
+        position: absolute;
+        bottom: 70px;
+        margin: 0;
+    }
+}
+
+.btn {
+    &.btn-floating {
+        position: fixed;
+    }
+}
+
+.btn-rounded {
+    border-radius: 10em !important;
+}
+
+[type=checkbox].onFocusSelect,
+[type=radio].onFocusSelect {
+    visibility: visible !important;
+    opacity: 0 !important;
+}
+
+// Checkbox
+// [type="checkbox"] {
+//     &[class*="filled-in"] {
+//         &:checked {
+//             +label:after {
+                
+                
+//             }
+//         }
+//     }
+// }
+
+[type=checkbox].onFocusSelect,
+[type=radio].onFocusSelect {
+    visibility: visible !important;
+    opacity: 0 !important;
+}
\ No newline at end of file
diff --git a/scss/angular/pro/_chips.scss b/scss/angular/pro/_chips.scss
new file mode 100644
index 0000000..1c31c4e
--- /dev/null
+++ b/scss/angular/pro/_chips.scss
@@ -0,0 +1,137 @@
+.chip {
+    display: inline-block;
+    height: 32px;
+    font-size: 13px;
+    font-weight: 500;
+    color: rgba(0, 0, 0, .6);
+    line-height: 32px;
+    padding: 0 12px;
+    border-radius: 16px;
+    background-color: #eceff1;
+    margin-bottom: 1rem;
+    margin-right: 1rem;
+    img {
+        float: left;
+        margin: 0 8px 0 -12px;
+        height: 32px;
+        width: 32px;
+        border-radius: 50%;
+    }
+    .close {
+        cursor: pointer;
+        float: right;
+        font-size: 16px;
+        line-height: 32px;
+        padding-left: 8px;
+        transition: all 0.1s linear;
+    }
+}
+
+.chips {
+    border: none;
+    border-bottom: 1px solid $input-border-color;
+    box-shadow: none;
+    margin-bottom: 30px;
+    min-height: 45px;
+    outline: none;
+    padding-bottom: 1rem;
+    transition: all .3s;
+    &.focus {
+        border-bottom: 1px solid $input-focus-color;
+        box-shadow: 0 1px 0 0 $input-focus-color;
+    }
+    &:hover {
+        cursor: text;
+    }
+    .tag.selected {
+        border-bottom: 1px solid $input-focus-color;
+        color: #fff;
+    }
+    .input {
+        background: none;
+        border: 0;
+        color: rgba(0, 0, 0, .6);
+        display: inline-block;
+        font-size: 13px;
+        font-weight: 500;
+        height: 32px;
+        margin-right: 20px;
+        line-height: 32px;
+        outline: 0;
+        padding: 0 !important;
+        width: 120px !important;
+    }
+    .input:focus {
+        border: 0 !important;
+        box-shadow: none !important;
+    }
+}
+
+.md-chip-list {
+  .md-chip {
+    background-color: #eceff1;
+    color: rgba(0, 0, 0, 0.6);
+    font-weight: 500;
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+    display: inline-block;
+    padding: 8px 12px 8px 12px;
+    border-radius: 16px;
+    font-size: 13px;
+    line-height: 16px;
+    margin-right: 10px;
+    .close {
+      font-size: 16px;
+      padding-left: 8px;
+    }
+    i.md-icon {
+      font-family: 'Material Icons';
+      font-weight: normal;
+      font-style: normal;
+      line-height: 1;
+      letter-spacing: normal;
+      text-transform: none;
+      display: inline-block;
+      cursor: pointer;
+      border-radius: 15px;
+      &:hover {
+        background: gray;
+      }
+    }
+  }
+  input {
+    border: none;
+    outline: 0;
+    background: transparent;
+    display: inline-block;
+  }
+  .material-icons {
+    height: 15px;
+    width: 15px;
+    float: right;
+    position: relative;
+    font-size: 15px;
+    border-radius: 10px;
+    left: 5px;
+    cursor: pointer;
+    &:hover {
+      background: gray;
+      color: black;
+    }
+  }
+  padding-bottom: 5px;
+  box-shadow: 0 1px rgba(0, 0, 0, 0.12);
+  &.md-focused {
+    box-shadow: 0 2px #106cc8;
+  }
+}
+
+.md-chips-input {
+  border: 0;
+  box-shadow: 0 1px rgba(0, 0, 0, 0.12);
+  outline: 0;
+  background: transparent;
+  width: 100%;
+  &:focus {
+    box-shadow: 0 2px #106cc8;
+  }
+}
\ No newline at end of file
diff --git a/scss/angular/pro/_data-picker.scss b/scss/angular/pro/_data-picker.scss
new file mode 100644
index 0000000..e7b2504
--- /dev/null
+++ b/scss/angular/pro/_data-picker.scss
@@ -0,0 +1,111 @@
+.picker__select--month, .picker__select--year {
+    display: inline-block !important;
+    height: 2em;
+    padding: 0;
+    margin-left: .25em;
+    margin-right: .25em;
+}
+
+.picker {
+  z-index: 90;
+  font-size: 15px;
+  text-align: left;
+  line-height: 1.2;
+  color: #000000;
+  position: absolute;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.picker__box .picker__table td.picker__day div.picker__day {
+    border-radius: 50%;
+}
+
+.clockpicker-am-pm-block {
+    button {
+        color: #fff !important;
+    }
+}
+
+.mydp {
+  line-height: 1.1;
+  display: inline-block;
+  position: relative;
+  border-radius: 4px;
+}
+
+.picker__frame {
+    min-height: 575px !important;
+}
+
+.picker__nav--prev,
+.picker__nav--next {
+    position: absolute;
+    padding: .5em 1.55em;
+    width: 1em;
+    height: 1em;
+    box-sizing: content-box;
+    bottom: 0;
+    border: 0;
+    background: transparent;
+}
+
+.picker__nav--prev {
+    left: -1em;
+    padding-right: 1.25em;
+}
+
+.picker__nav--next {
+    right: -1em;
+    padding-left: 1.25em;
+}
+
+.picker__header {
+    overflow: hidden;
+}
+
+.picker__box .picker__table {
+    td.picker__day {
+        padding: 0;
+        position: relative;
+        &.disabled {
+            color: #ccc;
+            background: #eee;
+        }
+        div.picker__day {
+            color: #595959;
+            letter-spacing: -.3;
+            padding: .75rem 0;
+            font-weight: 400;
+            border: 1px solid transparent;
+            outline: none;
+            transition: 0.3s;
+            &:hover {
+                cursor: pointer;
+                color: #000;
+                font-weight: 500;
+            }
+
+            &.picker__day--today {
+                color: #4285f4;
+            }
+        }
+    }
+}
+
+.mydp .markdate {
+    position: absolute;
+    width: 5px;
+    height: 5px;
+    border-radius: 50%;
+    top: 2px;
+    right: 2px;
+}
+
+@media (max-height: 35.875em) {
+    .picker--opened .picker__holder {
+        overflow-y: scroll;
+    }
+}
diff --git a/scss/angular/pro/_doublenavbar.scss b/scss/angular/pro/_doublenavbar.scss
new file mode 100644
index 0000000..7ff0c55
--- /dev/null
+++ b/scss/angular/pro/_doublenavbar.scss
@@ -0,0 +1,303 @@
+doublenavbar {
+  .side-nav,
+  #sidenav-overlay {
+    transition: 0.2s;
+  }
+}
+
+doublenavbar {
+  links,
+  navlinks {
+    display: flex;
+  }
+}
+header {
+  height: 0 !important;
+}
+.double-nav {
+
+  @media all and (min-width: 992px) {
+    logo {
+      display: flex;
+      flex-direction: row;
+      align-items: center !important;
+      align-self: center !important;
+      width: 100% !important;
+    }
+    .navbar-brand {
+      img {
+        margin-top: 2px;
+      }
+    }
+  }
+  .button-collapse {
+    @media (max-width: $sidenav-breakpoint) {
+      display: block;
+      position: absolute;
+      left: 10px;
+      top: 25%;
+      font-size: $navbar-button-collapse-fs-sm;
+      margin-top: -2px !important;
+      margin-right: $navbar-button-collapse-mx;
+      margin-left: $navbar-button-collapse-mx;
+    }
+  }
+  .button-collapse-non-fixed {
+    position: absolute; // top: $navbar-button-collapse-top;
+    left: $navbar-button-collapse-left;
+    font-size: $navbar-button-collapse-font-size;
+    @media (min-width: $sidenav-breakpoint) {
+      display: none;
+    }
+    @media all and (max-width: 599px) {
+      margin-top: -6px;
+    }
+    @media (max-width: $sidenav-breakpoint) {
+      display: block;
+      position: absolute;
+      left: 10px;
+      top: 15px;
+      font-size: $navbar-button-collapse-fs-sm; // margin-top: $navbar-button-collapse-mt;
+      margin-right: $navbar-button-collapse-mx;
+      margin-left: $navbar-button-collapse-mx;
+    }
+    @media all and (min-width: 600px) and (max-width: 993px) {
+      position: absolute;
+      top: 10px;
+      margin-top: 5px;
+    }
+  }
+  .button-collapse-non-fixed.hidden-nav>i {
+    @media all and (min-width: 600px) and (max-width: 993px) {
+      position: absolute;
+      top: 5px !important;
+      margin-top: -5px !important;
+    }
+  }
+  .hidden-nav-button-collapse {
+    @media all and (min-width: 600px) and (max-width: 993px) {
+      position: absolute;
+      top: 25%;
+      margin-top: -3px;
+    }
+    @media all and (min-width: 994px) {
+      margin-top: -3px;
+    }
+  }
+  .hidden-nav {
+    display: block;
+    position: absolute;
+    top: 13px;
+    left: $navbar-button-collapse-left;
+    font-size: $navbar-button-collapse-font-size;
+    margin-left: $navbar-button-collapse-mx;
+  } //material dropdown
+  .dropdown {
+    .dropdown-menu {
+      margin-left: -68px;
+      display: none;
+      position: absolute;
+      transform: translate3d(6px, 49px, 0px);
+      top: 0px;
+      left: 0px;
+      will-change: transform;
+    }
+  }
+}
+
+//Fix for double nav only for IE10+
+@media all and (-ms-high-contrast: none),
+(-ms-high-contrast: active) {
+  .ie-hidden-double-nav {
+    box-sizing: content-box;
+    max-height: 40.5px;
+  }
+  .breadcrumbs {
+    margin-left: 25px !important;
+    margin-top: 2px;
+    img {
+      margin-left: 20px;
+    }
+  }
+  .ie-double-nav {
+    position: absolute;
+    top: 30%;
+    right: 0; // margin-top: 4px;
+  }
+  .nav-link {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+  .button-collapse-non-fixed,
+  .button-collapse {
+    position: absolute;
+    top: 30% !important;
+  }
+  .hidden-nav-button-collapse {
+    position: absolute;
+  }
+  @media all and (max-width: 599px) {
+    .ie-double-nav {
+      margin-top: -4px;
+    }
+    .ie-hidden-double-nav {
+      .ie-double-nav {
+        margin-top: 0px;
+      }
+    }
+    .button-collapse,
+    .button-collapse-non-fixed {
+      top: 5px !important;
+      margin-left: 0 !important;
+      margin-right: 0 !important;
+    }
+  }
+  @media all and (min-width: 600px) and (max-width: 992px) {
+    .button-collapse-non-fixed {
+      margin-top: -4px !important;
+    }
+    .button-collapse {
+      margin-top: -6px !important;
+    }
+    .ie-double-nav {
+      margin-top: 0 !important;
+    }
+    .hidden-nav-button-collapse i {
+      margin-top: 10px !important;
+    }
+    .breadcrumbs p {
+      margin-top: -8px !important;
+    }
+  }
+  @media all and (min-width: 993px) and (max-width: 1441px) {
+    .button-collapse-non-fixed,
+    .button-collapse {
+      margin-top: -6px !important;
+    }
+    .breadcrumbs>p {
+      margin-top: -2px !important;
+    }
+    .navbar-brand>img {
+      margin-top: -2px;
+    }
+    .breadcrumbs-non-fixed p {
+      margin-top: 2px !important;
+    }
+    .hidden-nav-button-collapse {
+      position: absolute !important;
+      margin-left: 10px !important;
+    }
+  }
+  @media all and (min-width: 1441px) {
+    .hidden-nav-button-collapse {
+      position: absolute !important;
+      margin-left: 10px !important;
+    }
+    .button-collapse-non-fixed {
+      margin-top: -5px;
+    }
+    .breadcrumbs>.navbar-brand {
+      img {
+        margin-top: -2px;
+      }
+    }
+  }
+}
+
+// EDGE
+@supports (-ms-ime-align: auto) {
+  .ie-hidden-double-nav {
+    box-sizing: content-box;
+    max-height: 40.5px;
+  }
+  .breadcrumbs {
+    margin-left: 25px !important;
+    margin-top: 2px;
+    img {
+      margin-left: 20px;
+    }
+  }
+  .ie-double-nav {
+    position: absolute;
+    top: 30%;
+    right: 0; // margin-top: 4px;
+  }
+  .nav-link {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+  .button-collapse-non-fixed,
+  .button-collapse {
+    position: absolute;
+    top: 30% !important;
+  }
+  .hidden-nav-button-collapse {
+    position: absolute;
+  }
+  @media all and (max-width: 599px) {
+    .ie-double-nav {
+      margin-top: -4px;
+    }
+    .ie-hidden-double-nav {
+      .ie-double-nav {
+        margin-top: 0px;
+      }
+    }
+    .button-collapse,
+    .button-collapse-non-fixed {
+      top: 5px !important;
+      margin-left: 0 !important;
+      margin-right: 0 !important;
+    }
+  }
+  @media all and (min-width: 600px) and (max-width: 992px) {
+    .button-collapse-non-fixed {
+      margin-top: -4px !important;
+    }
+    .button-collapse {
+      margin-top: -6px !important;
+    }
+    .ie-double-nav {
+      margin-top: 0 !important;
+    }
+    .hidden-nav-button-collapse i {
+      margin-top: 10px !important;
+    }
+    .breadcrumbs p {
+      margin-top: -8px !important;
+    }
+  }
+  @media all and (min-width: 993px) and (max-width: 1441px) {
+    .button-collapse-non-fixed,
+    .button-collapse {
+      margin-top: -6px !important;
+    }
+    .breadcrumbs>p {
+      margin-top: -2px !important;
+    }
+    .breadcrumbs>.navbar-brand>img {
+      margin-top: -2px;
+    }
+    .breadcrumbs-non-fixed p {
+      margin-top: 2px !important;
+    }
+    .hidden-nav-button-collapse {
+      position: absolute !important;
+      margin-left: 10px !important;
+    }
+  }
+  @media all and (min-width: 1441px) {
+    .hidden-nav-button-collapse {
+      position: absolute !important;
+      margin-left: 10px !important;
+    }
+    .button-collapse-non-fixed {
+      margin-top: -5px;
+    }
+    .breadcrumbs>.navbar-brand {
+      img {
+        margin-top: -2px;
+      }
+    }
+  }
+}
diff --git a/scss/angular/pro/_file_input.scss b/scss/angular/pro/_file_input.scss
new file mode 100644
index 0000000..c16fb91
--- /dev/null
+++ b/scss/angular/pro/_file_input.scss
@@ -0,0 +1,68 @@
+.file-field {
+    display: flex;
+    flex-direction: row;
+    .file-path-wrapper {
+        overflow: visible;
+        display: flex;
+        flex-grow: 1;
+        &:after {
+        content: "";
+        clear: both;
+        }
+    }
+    input.file-path {
+        background-color: transparent;
+        border: none;
+        border-bottom: 1px solid #ccc;
+        border-radius: 0;
+        outline: none;
+        height: 2.1rem;
+        width: 100%;
+        font-size: 1rem;
+        box-shadow: none;
+        box-sizing: content-box;
+        transition: all .3s;
+    }
+    .btn {
+        position: relative;
+        display: flex;
+        float: none;
+        &:hover {
+        cursor: pointer;
+        } 
+
+        input[type="file"] {
+            height: 100%;
+            :hover {
+                cursor: pointer;
+            }
+        }
+    }
+    span {
+        cursor: pointer;
+    }
+    input[type=file] {
+        position: absolute;
+        top: 0;
+        right: 0;
+        left: 0;
+        bottom: 0;
+        width: 100%;
+        margin: 0;
+        padding: 0;
+        font-size: 1px;
+        cursor: pointer;
+        opacity: 0;
+        filter: alpha(opacity=0);
+        &::-ms-value {
+            display: none;
+        }
+        &::-ms-browse {
+            width: 100%;
+        }
+    }
+}
+
+.btn-file {
+    padding-top: 1px;
+}
\ No newline at end of file
diff --git a/scss/angular/pro/_flipping-cards.scss b/scss/angular/pro/_flipping-cards.scss
new file mode 100644
index 0000000..1f12bcf
--- /dev/null
+++ b/scss/angular/pro/_flipping-cards.scss
@@ -0,0 +1,184 @@
+// Rotating card
+.card-wrapper {
+    height: 500px;
+    position: relative;
+    perspective: 800px;
+    .face {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        background-color: #fff;
+        h4 {
+            margin-bottom: 15px;
+        }
+        h5 {
+            margin-top: 30px;
+        }
+        .content {
+            text-align: left;
+            padding: 15px;
+            p {
+                margin-bottom: 30px;
+            }
+            .rotate-btn {
+                padding: 1rem;
+                margin-right: -8px;
+                float: right;
+                font-size: 1.2rem;
+                color: #000;
+            }
+        }
+    }
+    /* Front side */
+    .card-up {
+        overflow: hidden;
+        height: 50%;
+    }
+    .card-up img {
+        min-width: 400px;
+        width: 100%;
+    }
+    .avatar {
+        border-radius: 50%;
+        display: block;
+        height: 120px;
+        margin: -65px auto 0;
+        overflow: hidden;
+        width: 120px;
+    }
+    .avatar img {
+        border: 5px solid #fff;
+        background: none repeat scroll 0 0 #FFFFFF;
+        width: 100%;
+    }
+    /* Card with rotate on click */
+    .card-rotating {
+        text-align: center;
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        .content {
+            position:relative;
+            .rotate-btn {
+                position:absolute;
+                right:8px;
+                top:0;
+            }
+        }
+    }
+    /* Rotate icons */
+    .fa-repeat,
+    .fa-undo {
+        font-size: 20px;
+        margin-top: 30px;
+    }
+    .fa-undo {
+        margin-top: 30px;
+    }
+    /* Animation */
+    .card-rotating {
+        transform-style: preserve-3d;
+    }
+    .front,
+    .back {
+        -webkit-backface-visibility: hidden;
+        backface-visibility: hidden;
+        -webkit-transition: -webkit-transform 1.0s;
+        transition: transform 1.0s;
+        @extend .z-depth-1;
+    }
+    .fron {
+        z-index: 2;
+        cursor: auto;
+    }
+    .back {
+        -webkit-transform: rotateY(-180deg);
+        transform: rotateY(-180deg);
+        padding: 1rem;
+        .card-title {
+            cursor: pointer;
+            i {
+                color: #9e9e9e;
+                position: absolute;
+                right: 20px;
+            }
+        }
+    }
+    /* Click effect */
+    .card-rotating.effect__click.flipped .front {
+        -webkit-transform: rotateY(180deg);
+        transform: rotateY(180deg);
+    }
+    .card-rotating.effect__click.flipped .back {
+        -webkit-transform: rotateY(0);
+        transform: rotateY(0);
+    }
+}
+
+
+// Fix to remove white line in YouTube player
+.embed-responsive-item {
+    background: #000;
+}
+
+
+.tp-box {
+  position: relative;
+  transform-style: preserve-3d;
+  transition: transform 1s;
+  .tp-box_side {
+    width: 100%;
+    height: 100%;
+    backface-visibility: hidden;
+    position: absolute;
+    text-align: center;
+    /*cursor: pointer;*/
+  }
+  .tp-box_back {
+    transform: rotateY(179.9deg);
+  }
+}
+
+.flip-container {
+    perspective: 1000px;
+    transform-style: preserve-3d;
+
+    .flipper {
+        transition: 1s;
+        transform-style: preserve-3d;
+        position: relative;
+    }
+
+    .front {
+        z-index: 2;
+        transform: rotateY(0deg);
+    }
+
+    .back {
+        transform: rotateY(-180deg);
+    }
+
+    .front, .back {
+        backface-visibility: hidden;
+        transition: 1s;
+        transform-style: preserve-3d;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    &.rotate .back {
+        transform: rotateY(0deg);
+        background-color: #fff;
+    }
+
+    &.rotate .front {
+        transform: rotateY(180deg);
+    }
+}
+
+
+
+
+
+
diff --git a/scss/angular/pro/_lightbox.scss b/scss/angular/pro/_lightbox.scss
new file mode 100644
index 0000000..5afa303
--- /dev/null
+++ b/scss/angular/pro/_lightbox.scss
@@ -0,0 +1,292 @@
+mdb-image-modal {
+  user-select: none;
+  -webkit-user-drag: none;
+  .hide_lightbox {
+    display: none;
+  }
+  .ng-gallery {
+    display: flex;
+    width: auto;
+    flex-wrap: wrap;
+    img.ng-thumb {
+      width: 100%;
+      height: 100%;
+      float: none;
+      display: block;
+      cursor: pointer;
+    }
+  }
+  .ng-overlay {
+    outline: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #000;
+    opacity: 1;
+    z-index: 9999;
+    user-select: none;
+    -webkit-user-drag: none;
+    .ng-gallery-content {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 10000;
+      text-align: center;
+      overflow: hidden;
+      >a {
+        &.close-popup {
+          font-size: 42px;
+          float: right;
+          color: #fff;
+          text-decoration: none;
+          margin: 0 30px 0 0;
+          cursor: pointer;
+          position: absolute;
+          top: 20px;
+          right: 0;
+        }
+        &.download-image {
+          font-size: 42px;
+          float: right;
+          color: #fff;
+          text-decoration: none;
+          margin: 0 30px 0 0;
+          cursor: pointer;
+          position: absolute;
+          top: 20px;
+          right: 63px;
+        }
+      }
+      .nav-left {
+        span {
+          display: block;
+          background-color: transparent;
+          &:before {
+            content: ' ';
+            display: block;
+            width: 32px;
+            height: 30px;
+            background: url('#{$image-path}lightbox/default-skin.png');
+            background-position: -138px -44px;
+            opacity: 0.75;
+            transition: opacity 0.2s;
+            background-color: transparent;
+          }
+        }
+        &:hover span:before {
+          opacity: 1;
+        }
+      }
+      .nav-right {
+        span {
+          display: block;
+          background-color: transparent;
+          &:before {
+            content: ' ';
+            display: block;
+            width: 32px;
+            height: 30px;
+            background: url(#{$image-path}/lightbox/default-skin.png);
+            background-position: -94px -44px;
+            opacity: 0.75;
+            transition: opacity 0.2s;
+            background-color: transparent;
+          }
+        }
+        &:hover span:before {
+          opacity: 1;
+        }
+      }
+      > {
+        img {
+          width: 100%;
+          &.smooth {
+            transition: 0.2s;
+          }
+        }
+        a {
+          &.nav-left,
+          &.nav-right {
+            color: #fff;
+            text-decoration: none;
+            font-size: 60px;
+            cursor: pointer;
+            outline: none;
+          }
+          &.nav-left {
+            position: fixed;
+            left: 10px;
+            top: 50%;
+            transform: translateY(-50%);
+          }
+          &.nav-right {
+            position: fixed;
+            right: 10px;
+            top: 50%;
+            transform: translateY(-50%);
+          }
+        }
+        img {
+          max-width: 1600px;
+          max-height: 1067px;
+          user-select: none;
+          -webkit-user-drag: none;
+          position: absolute;
+          margin: auto;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          &.effect {
+            animation: fadeIn 0.5s;
+          }
+        }
+        span.info-text {
+          color: #fff;
+          display: inline-block;
+          width: 100%;
+          height: 20px;
+          font-weight: bold;
+          text-align: center;
+          position: fixed;
+          left: 0;
+          right: 0;
+          bottom: 100px;
+          font-size: 16px;
+        }
+        .ng-thumbnails-wrapper {
+          width: 400px;
+          height: 70px;
+          text-align: center;
+          position: fixed;
+          bottom: 20px;
+          left: 0;
+          right: 0;
+          margin-left: auto;
+          margin-right: auto;
+          overflow-x: hidden;
+          >.ng-thumbnails {
+            width: 4000px;
+            height: 70px;
+            >div>img {
+              width: auto;
+              height: 70px;
+              float: left;
+              margin-right: 10px;
+              cursor: pointer;
+              opacity: 0.6;
+              &:hover,
+              &.active {
+                transition: opacity 0.25s ease;
+                opacity: 1;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0.3;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.top-bar {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 44px;
+  width: 100%;
+  z-index: 10001;
+  .info-text {
+    position: absolute;
+    height: 44px;
+    top: 0;
+    left: 0;
+    font-size: 16px;
+    line-height: 44px;
+    color: #fff;
+    opacity: 0.75;
+    padding: 0 10px;
+  }
+  .close-popup {
+    position: relative;
+    float: right;
+    background-size: 264px 88px;
+    display: block;
+    width: 44px;
+    height: 44px;
+    background: url(#{$image-path}/lightbox/default-skin.png);
+    background-position: 0 -44px;
+    opacity: 0.75;
+    transition: opacity 0.2s;
+    &:hover {
+      opacity: 1;
+    }
+  }
+  .fullscreen-toogle {
+    position: relative;
+    float: right;
+    background-size: 264px 88px;
+    display: block;
+    width: 44px;
+    height: 44px;
+    background: url(#{$image-path}/lightbox/default-skin.png);
+    opacity: 0.75;
+    transition: opacity 0.2s;
+    &.toggled {
+      background-position: -44px 0;
+    }
+    &:hover {
+      opacity: 1;
+    }
+  }
+  .zoom-toogle {
+    position: relative;
+    float: right;
+    background-size: 264px 88px;
+    display: block;
+    width: 44px;
+    height: 44px;
+    background: url(#{$image-path}/lightbox/default-skin.png);
+    background-position: -88px 0;
+    opacity: 0.75;
+    transition: opacity 0.2s;
+    &.zoom {
+      background-position: -132px 0;
+    }
+    &:hover {
+      opacity: 1;
+    }
+  }
+}
+
+.pswp__button,
+.pswp__button--arrow--left:before,
+.pswp__button--arrow--right:before {
+  background: url(#{$image-path}/lightbox/default-skin.png) 0 0 no-repeat !important;
+}
+
+.pswp--svg .pswp__button,
+.pswp--svg .pswp__button--arrow--left:before,
+.pswp--svg .pswp__button--arrow--right:before {
+  background-image: url(#{$image-path}/lightbox/default-skin.svg) !important;
+}
+
+.pswp__preloader--active {
+  .pswp__preloader__icn {
+    /* We use .gif in browsers that don't support CSS animation */
+    background: url(#{$image-path}/lightbox/preloader.gif) 0 0 no-repeat !important;
+  }
+}
\ No newline at end of file
diff --git a/scss/angular/pro/_material-select.scss b/scss/angular/pro/_material-select.scss
new file mode 100644
index 0000000..66559e0
--- /dev/null
+++ b/scss/angular/pro/_material-select.scss
@@ -0,0 +1,472 @@
+/*ng-select*/
+
+mdb-select {
+  display: inline-block;
+  margin: 0;
+  position: relative;
+  vertical-align: middle;
+  width: 100%;
+  * {
+    box-sizing: border-box;
+    font-family: Roboto, sans-serif;
+    outline: none;
+  }
+  >div {
+    border: transparent;
+    box-sizing: border-box;
+    cursor: pointer;
+    user-select: none;
+    width: 100%;
+    &.disabled {
+      background-color: #eee;
+      color: #aaa;
+      cursor: default;
+      pointer-events: none;
+      background-color: transparent;
+      >div.single>div {
+        &.placeholder,
+        &.clear,
+        &.toggle {
+          color: rgba(0, 0, 0, 0.3);
+        }
+      }
+    }
+    >div {
+      &.single {
+        position: relative;
+        cursor: pointer;
+        background-color: transparent;
+        border: none;
+        border-bottom: 1px solid #ccc;
+        outline: 0;
+        line-height: 2rem;
+        width: 100%;
+        font-size: 1rem;
+        margin: 0 0;
+        padding: 5px 0;
+        display: block;
+        user-select: none;
+        >div {
+          &.value {
+            flex: 1;
+            line-height: 2rem;
+            overflow: hidden;
+            white-space: nowrap;
+            color: #292b2c;
+            padding: 0;
+            padding-bottom: 5px;
+          }
+          &.placeholder {
+            flex: 1;
+            line-height: 2rem;
+            overflow: hidden;
+            white-space: nowrap;
+            color: #292b2c;
+            padding: 0;
+            color: black;
+            padding-bottom: 5px;
+          }
+          &.clear,
+          &.toggle {
+            float: right;
+            color: black;
+            line-height: 2rem;
+            text-align: center;
+            width: 30px;
+            position: absolute;
+            right: 0;
+            top: 50%;
+            margin-top: -2px;
+            transform: translateY(-50%);
+            font-size: 10px;
+          }
+          &.clear:hover,
+          &.toggle:hover {
+            background-color: #ececec;
+          }
+          &.clear,
+          &.toggle:hover {
+            background-color: transparent;
+          }
+          &.clear {
+            font-size: 18px;
+          }
+          &.toggle {
+            font-size: 14px; // z-index: 1;
+          }
+        }
+      }
+      &.multiple {
+        display: flex;
+        flex-flow: row wrap;
+        position: relative;
+        cursor: pointer;
+        background-color: transparent;
+        border: none;
+        border-bottom: 1px solid #ccc;
+        outline: 0;
+        line-height: 2rem;
+        width: 100%;
+        font-size: 1rem;
+        margin: 0 0;
+        padding: 5px 0 7px 0;
+        display: block;
+        user-select: none;
+        min-height: 30px;
+        >div.toggle {
+          float: right;
+          color: black; // line-height: 30px;
+          text-align: center;
+          width: 30px;
+          position: absolute;
+          right: 0;
+          top: 5px;
+          font-size: 14px;
+        }
+        >div.option {
+          cursor: default;
+          display: inline-block;
+          flex-shrink: 0;
+          line-height: 2rem;
+          span.deselect-option {
+            color: #aaa;
+            cursor: pointer;
+            height: 20px;
+            line-height: 2rem;
+            background-color: transparent;
+            border: 0;
+            border-radius: 0;
+            color: #292b2c;
+            font-size: 1rem;
+            margin: 0;
+            padding: 0;
+            &:hover {
+              color: #555;
+            }
+          }
+          &:first-child span {
+            display: none;
+          }
+        } // display: flex;
+        input {
+          background-color: transparent;
+          border: none;
+          height: 30px;
+          line-height: 2rem;
+          padding: 0;
+          &:focus {
+            outline: none;
+          }
+        }
+      }
+    }
+  }
+  label {
+    color: rgba(0, 0, 0, 0.38);
+    display: block;
+    font-size: .8rem;
+    padding: 4px 0;
+  }
+  mdb-select-dropdown {
+    box-sizing: border-box;
+    font-family: Sans-Serif;
+    color: #4285f4;
+    font-size: 19.2px;
+    * {
+      box-sizing: border-box;
+      font-family: Sans-Serif;
+    }
+    >div {
+      background-color: #fff;
+      outline: transparent;
+      border: 0;
+      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+      border-top: none;
+      box-sizing: border-box;
+      position: absolute;
+      z-index: 1;
+      .filter {
+        padding: 3px;
+        width: 100%;
+        border-bottom: 1px solid #ccc;
+        input {
+          outline: 1px solid transparent;
+          border: 1px solid transparent;
+          box-sizing: border-box;
+          padding: 4px;
+          width: 100%;
+          &:focus {
+            outline: 1px solid transparent;
+            border: 1px solid transparent;
+          }
+        }
+      }
+      .options {
+        max-height: 185px;
+        overflow-y: auto;
+        ul {
+          list-style: none;
+          margin: 0;
+          padding: 0;
+          li {
+            padding: 4px 8px;
+            cursor: pointer;
+            user-select: none;
+          }
+          .selected {
+            background-color: #eee;
+          }
+          .highlighted {
+            background-color: #eee;
+            color: #4285F4;
+          }
+          .disabled {
+            background-color: #fff;
+            color: #9e9e9e;
+            cursor: default;
+            pointer-events: none;
+          }
+        }
+        &::-webkit-scrollbar {
+          width: 4px;
+          height: 4px;
+        }
+        &::-webkit-scrollbar-button {
+          &:start:decrement,
+          &:end:increment {
+            display: block;
+            height: 0;
+            background-color: transparent;
+          }
+        }
+        &::-webkit-scrollbar-track-piece {
+          background-color: transparent;
+          border-radius: 0;
+          border-bottom-right-radius: 4px;
+          border-bottom-left-radius: 4px;
+        }
+        &::-webkit-scrollbar-thumb:vertical {
+          height: 50px;
+          background-color: #999;
+          border-radius: 4px;
+        }
+      }
+    }
+    .dropdown-content {
+      background-color: #fff;
+      margin: 0;
+      width: 100%;
+      display: block;
+      min-width: 100px;
+      max-height: 650px;
+      overflow-y: hidden;
+      opacity: 1;
+      position: absolute;
+      z-index: 999;
+      will-change: width, height;
+      li> {
+        a,
+        span {
+          color: #4285F4;
+        }
+      }
+      li {
+        &.disabled {
+          color: rgba(0, 0, 0, 0.3);
+          background-color: transparent !important;
+          >span {
+            color: rgba(0, 0, 0, 0.3);
+            background-color: transparent !important;
+          }
+        }
+        &.optgroup {
+          color: rgba(0, 0, 0, 0.3);
+          background-color: transparent !important;
+          border-top: 1px solid #eee;
+          &:first-child {
+            border-top: 0;
+          }
+          >span {
+            color: rgba(0, 0, 0, 0.4) !important;
+          }
+        }
+      }
+    }
+  }
+}
+
+.dropdown-content li>a,
+.dropdown-content li>span {
+  font-size: 0.9rem;
+}
+
+.dropdown-primary.colorful-select .dropdown-content li {
+  &.active,
+  &.selected {
+    background-color: transparent !important;
+  }
+  &.active span,
+  &.selected span {
+    background-color: $primary-color;
+    color: #fff;
+  }
+}
+
+.dropdown-danger.colorful-select .dropdown-content li {
+  &.active,
+  &.selected {
+    background-color: transparent !important;
+  }
+  &.active span,
+  &.selected span {
+    background-color: $danger-color-dark;
+    color: #fff;
+  }
+}
+
+.dropdown-default.colorful-select .dropdown-content li {
+  &.active,
+  &.selected {
+    background-color: transparent !important;
+  }
+  &.active span,
+  &.selected span {
+    background-color: $default-color;
+    color: #fff;
+  }
+}
+
+.dropdown-secondary.colorful-select .dropdown-content li {
+  &.active,
+  &.selected {
+    background-color: transparent !important;
+  }
+  &.active span,
+  &.selected span {
+    background-color: $secondary-color;
+    color: #fff;
+  }
+}
+
+.dropdown-success.colorful-select .dropdown-content li {
+  &.active,
+  &.selected {
+    background-color: transparent !important;
+  }
+  &.active span,
+  &.selected span {
+    background-color: $success-color;
+    color: #fff;
+  }
+}
+
+.dropdown-info.colorful-select .dropdown-content li {
+  &.active,
+  &.selected {
+    background-color: transparent !important;
+  }
+  &.active span,
+  &.selected span {
+    background-color: $info-color;
+    color: #fff;
+  }
+}
+
+.dropdown-warning.colorful-select .dropdown-content li {
+  &.active,
+  &.selected {
+    background-color: transparent !important;
+  }
+  &.active span,
+  &.selected span {
+    background-color: $warning-color;
+    color: #fff;
+  }
+}
+
+.dropdown-ins.colorful-select .dropdown-content li {
+  &.active,
+  &.selected {
+    background-color: transparent !important;
+  }
+  &.active span,
+  &.selected span {
+    background-color: $unique-color;
+    color: #fff;
+  }
+}
+
+.dropdown-dark.colorful-select .dropdown-content li {
+  &.active,
+  &.selected {
+    background-color: transparent !important;
+  }
+  &.active span,
+  &.selected span {
+    background-color: $elegant-color;
+    color: #fff;
+  }
+}
+
+mdb-select+label {
+  position: absolute;
+  top: -14px;
+  font-size: .8rem;
+  left: 15px;
+}
+
+//select animation
+mdb-select {
+  ul.select-dropdown li {
+    @keyframes dropdown-animation {
+      0% {
+        opacity: 0;
+      }
+      10% {
+        opacity: 0.1;
+      }
+      20% {
+        opacity: 0.2;
+      }
+      30% {
+        opacity: 0.3;
+      }
+      40% {
+        opacity: 0.4;
+      }
+      50% {
+        opacity: 0.5;
+      }
+      60% {
+        opacity: 0.6;
+      }
+      70% {
+        opacity: 0.7;
+      }
+      80% {
+        opacity: 0.8;
+      }
+      90% {
+        opacity: 0.9;
+      }
+      100% {
+        opacity: 1.0;
+      }
+    }
+  }
+  mdb-select-dropdown {
+    display: block;
+    animation: dropdown-animation 0.55s;
+  }
+  .fadeInSelect {
+    opacity: 1;
+  }
+}
+
+.multiple-select-dropdown li [type="checkbox"]+label {
+  height: 10px;
+  top: 0 !important;
+  margin-top: 1px !important;
+}
+
+
diff --git a/scss/angular/pro/_progress.scss b/scss/angular/pro/_progress.scss
new file mode 100644
index 0000000..09ff033
--- /dev/null
+++ b/scss/angular/pro/_progress.scss
@@ -0,0 +1,823 @@
+// Progress
+.progress {
+    box-shadow: none;
+    position: relative;
+    display: block;
+    width: 100%;
+    height: 4px;
+    overflow: hidden;
+    margin-bottom: 1rem;
+    background-color: #eee;
+    .progress-bar {
+        box-shadow: none;
+        height: 4px;
+        border-radius: 0;
+        background-color: $primary-color-dark;
+    }
+    .progress-bar-animated {
+        -webkit-transition: width 2s ease-in-out;
+        transition: width 2s ease-in-out;
+    }
+    .indeterminate {
+        background-color: #90caf9;
+        &:before {
+            content: '';
+            position: absolute;
+            background-color: inherit;
+            top: 0;
+            left: 0;
+            bottom: 0;
+            will-change: left, right;
+            // Custom bezier
+            animation: indeterminate 2.1s cubic-bezier(0.650, 0.815, 0.735, 0.395) infinite;
+        }
+        &:after {
+            content: '';
+            position: absolute;
+            background-color: inherit;
+            top: 0;
+            left: 0;
+            bottom: 0;
+            will-change: left, right;
+            // Custom bezier
+            animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite;
+            animation-delay: 1.15s;
+        }
+    }
+
+    @keyframes indeterminate {
+        0% {
+            left: -35%;
+            right: 100%;
+        }
+        60% {
+            left: 100%;
+            right: -90%;
+        }
+        100% {
+            left: 100%;
+            right: -90%;
+        }
+    }
+    @keyframes indeterminate-short {
+        0% {
+            left: -200%;
+            right: 100%;
+        }
+        60% {
+            left: 107%;
+            right: -8%;
+        }
+        100% {
+            left: 107%;
+            right: -8%;
+        }
+    }
+}
+
+
+/*********************
+  CIRCLE
+**********************/
+
+
+/*
+    @license
+    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+    Code distributed by Google as part of the polymer project is also
+    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+ */
+
+
+/**************************/
+
+
+/* STYLES FOR THE SPINNER */
+
+
+/**************************/
+
+
+/*
+ * Constants:
+ *      STROKEWIDTH = 3px
+ *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
+ *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
+ *      ARCSTARTROT = 216 degrees (how much the start location of the arc
+ *                                should rotate each time, 216 gives us a
+ *                                5 pointed star shape (it's 360/5 * 3).
+ *                                For a 7 pointed star, we might do
+ *                                360/7 * 3 = 154.286)
+ *      CONTAINERWIDTH = 28px
+ *      SHRINK_TIME = 400ms
+ */
+
+.preloader-wrapper {
+    display: inline-block;
+    position: relative;
+    width: 48px;
+    height: 48px;
+    &.small {
+        width: 36px;
+        height: 36px;
+    }
+    &.big {
+        width: 64px;
+        height: 64px;
+    }
+    &.active {
+        /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
+        -webkit-animation: container-rotate 1568ms linear infinite;
+        animation: container-rotate 1568ms linear infinite;
+    }
+}
+
+@-webkit-keyframes container-rotate {
+    from {
+        -webkit-transform: rotate(0deg)
+    }
+    to {
+        -webkit-transform: rotate(360deg)
+    }
+}
+
+@keyframes container-rotate {
+    from {
+        transform: rotate(0deg)
+    }
+    to {
+        transform: rotate(360deg)
+    }
+}
+
+.spinner-layer {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+}
+
+.spinner-blue,
+.spinner-blue-only {
+    border-color: #4285f4;
+}
+
+.spinner-red,
+.spinner-red-only {
+    border-color: #db4437;
+}
+
+.spinner-yellow,
+.spinner-yellow-only {
+    border-color: #f4b400;
+}
+
+.spinner-green,
+.spinner-green-only {
+    border-color: #0f9d58;
+}
+
+
+/**
+ * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
+ *
+ * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
+ * guarantee that the animation will start _exactly_ after that value. So we avoid using
+ * animation-delay and instead set custom keyframes for each color (as redundant as it
+ * seems).
+ *
+ * We write out each animation in full (instead of separating animation-name,
+ * animation-duration, etc.) because under the polyfill, Safari does not recognize those
+ * specific properties properly, treats them as -webkit-animation, and overrides the
+ * other animation rules. See https://github.com/Polymer/platform/issues/53.
+ */
+
+.active .spinner-layer.spinner-blue {
+    /* durations: 4 * ARCTIME */
+    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+}
+
+.active .spinner-layer.spinner-red {
+    /* durations: 4 * ARCTIME */
+    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+}
+
+.active .spinner-layer.spinner-yellow {
+    /* durations: 4 * ARCTIME */
+    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+}
+
+.active .spinner-layer.spinner-green {
+    /* durations: 4 * ARCTIME */
+    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+}
+
+.active .spinner-layer.spinner-blue-only,
+.active .spinner-layer.spinner-red-only,
+.active .spinner-layer.spinner-yellow-only,
+.active .spinner-layer.spinner-green-only,
+.active .spinner-layer.spinner-primary-color-only {
+    /* durations: 4 * ARCTIME */
+    opacity: 1;
+    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+}
+
+@-webkit-keyframes fill-unfill-rotate {
+    12.5% {
+        -webkit-transform: rotate(135deg);
+    }
+    /* 0.5 * ARCSIZE */
+    25% {
+        -webkit-transform: rotate(270deg);
+    }
+    /* 1   * ARCSIZE */
+    37.5% {
+        -webkit-transform: rotate(405deg);
+    }
+    /* 1.5 * ARCSIZE */
+    50% {
+        -webkit-transform: rotate(540deg);
+    }
+    /* 2   * ARCSIZE */
+    62.5% {
+        -webkit-transform: rotate(675deg);
+    }
+    /* 2.5 * ARCSIZE */
+    75% {
+        -webkit-transform: rotate(810deg);
+    }
+    /* 3   * ARCSIZE */
+    87.5% {
+        -webkit-transform: rotate(945deg);
+    }
+    /* 3.5 * ARCSIZE */
+    to {
+        -webkit-transform: rotate(1080deg);
+    }
+    /* 4   * ARCSIZE */
+}
+
+@keyframes fill-unfill-rotate {
+    12.5% {
+        transform: rotate(135deg);
+    }
+    /* 0.5 * ARCSIZE */
+    25% {
+        transform: rotate(270deg);
+    }
+    /* 1   * ARCSIZE */
+    37.5% {
+        transform: rotate(405deg);
+    }
+    /* 1.5 * ARCSIZE */
+    50% {
+        transform: rotate(540deg);
+    }
+    /* 2   * ARCSIZE */
+    62.5% {
+        transform: rotate(675deg);
+    }
+    /* 2.5 * ARCSIZE */
+    75% {
+        transform: rotate(810deg);
+    }
+    /* 3   * ARCSIZE */
+    87.5% {
+        transform: rotate(945deg);
+    }
+    /* 3.5 * ARCSIZE */
+    to {
+        transform: rotate(1080deg);
+    }
+    /* 4   * ARCSIZE */
+}
+
+@-webkit-keyframes blue-fade-in-out {
+    from {
+        opacity: 1;
+    }
+    25% {
+        opacity: 1;
+    }
+    26% {
+        opacity: 0;
+    }
+    89% {
+        opacity: 0;
+    }
+    90% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+@keyframes blue-fade-in-out {
+    from {
+        opacity: 1;
+    }
+    25% {
+        opacity: 1;
+    }
+    26% {
+        opacity: 0;
+    }
+    89% {
+        opacity: 0;
+    }
+    90% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+@-webkit-keyframes red-fade-in-out {
+    from {
+        opacity: 0;
+    }
+    15% {
+        opacity: 0;
+    }
+    25% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 1;
+    }
+    51% {
+        opacity: 0;
+    }
+}
+
+@keyframes red-fade-in-out {
+    from {
+        opacity: 0;
+    }
+    15% {
+        opacity: 0;
+    }
+    25% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 1;
+    }
+    51% {
+        opacity: 0;
+    }
+}
+
+@-webkit-keyframes yellow-fade-in-out {
+    from {
+        opacity: 0;
+    }
+    40% {
+        opacity: 0;
+    }
+    50% {
+        opacity: 1;
+    }
+    75% {
+        opacity: 1;
+    }
+    76% {
+        opacity: 0;
+    }
+}
+
+@keyframes yellow-fade-in-out {
+    from {
+        opacity: 0;
+    }
+    40% {
+        opacity: 0;
+    }
+    50% {
+        opacity: 1;
+    }
+    75% {
+        opacity: 1;
+    }
+    76% {
+        opacity: 0;
+    }
+}
+
+@-webkit-keyframes green-fade-in-out {
+    from {
+        opacity: 0;
+    }
+    65% {
+        opacity: 0;
+    }
+    75% {
+        opacity: 1;
+    }
+    90% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
+@keyframes green-fade-in-out {
+    from {
+        opacity: 0;
+    }
+    65% {
+        opacity: 0;
+    }
+    75% {
+        opacity: 1;
+    }
+    90% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
+
+/**
+ * Patch the gap that appear between the two adjacent div.circle-clipper while the
+ * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
+ */
+
+.gap-patch {
+    position: absolute;
+    top: 0;
+    left: 45%;
+    width: 10%;
+    height: 100%;
+    overflow: hidden;
+    border-color: inherit;
+}
+
+.gap-patch .circle {
+    width: 1000%;
+    left: -450%;
+}
+
+.circle-clipper {
+    display: inline-block;
+    position: relative;
+    width: 50%;
+    height: 100%;
+    overflow: hidden;
+    border-color: inherit;
+    .circle {
+        width: 200%;
+        height: 100%;
+        border-width: 3px;
+        /* STROKEWIDTH */
+        border-style: solid;
+        border-color: inherit;
+        border-bottom-color: transparent !important;
+        border-radius: 50%;
+        -webkit-animation: none;
+        animation: none;
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+    }
+    &.left .circle {
+        left: 0;
+        border-right-color: transparent !important;
+        -webkit-transform: rotate(129deg);
+        transform: rotate(129deg);
+    }
+    &.right .circle {
+        left: -100%;
+        border-left-color: transparent !important;
+        -webkit-transform: rotate(-129deg);
+        transform: rotate(-129deg);
+    }
+}
+
+.active .circle-clipper.left .circle {
+    /* duration: ARCTIME */
+    -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+    animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+}
+
+.active .circle-clipper.right .circle {
+    /* duration: ARCTIME */
+    -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+    animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+}
+
+@-webkit-keyframes left-spin {
+    from {
+        -webkit-transform: rotate(130deg);
+    }
+    50% {
+        -webkit-transform: rotate(-5deg);
+    }
+    to {
+        -webkit-transform: rotate(130deg);
+    }
+}
+
+@keyframes left-spin {
+    from {
+        transform: rotate(130deg);
+    }
+    50% {
+        transform: rotate(-5deg);
+    }
+    to {
+        transform: rotate(130deg);
+    }
+}
+
+@-webkit-keyframes right-spin {
+    from {
+        -webkit-transform: rotate(-130deg);
+    }
+    50% {
+        -webkit-transform: rotate(5deg);
+    }
+    to {
+        -webkit-transform: rotate(-130deg);
+    }
+}
+
+@keyframes right-spin {
+    from {
+        transform: rotate(-130deg);
+    }
+    50% {
+        transform: rotate(5deg);
+    }
+    to {
+        transform: rotate(-130deg);
+    }
+}
+
+#spinnerContainer.cooldown {
+    /* duration: SHRINK_TIME */
+    -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
+    animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
+}
+
+@-webkit-keyframes fade-out {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+    }
+}
+
+@keyframes fade-out {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+    }
+}
+
+#mdb-preloader {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #000;
+    /* change if the mask should have another color than white */
+    z-index: 9998;
+    /* makes sure it stays on top */
+    height: 100%;
+    width: 100%;
+}
+
+.spinning-preloader-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 99999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #000;
+  transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
+}
+
+.spinning-preloader-container.complete {
+  opacity: 0;
+  display: none;
+}
+
+// <progressbar> static 
+.progress {
+  height: 4px !important;
+  .progress-bar {
+    &.progress-bar-success {
+      background-color: #5cb85c;
+    }
+    &.progress-bar-info {
+      background-color: #5bc0de;
+    }
+    &.progress-bar-warning {
+      background-color: #f0ad4e;
+    }
+    &.progress-bar-danger {
+      background-color: #d9534f;
+    }
+  }
+}
+
+
+//<mdb-progress-bar>
+.primary-color-dark {
+  .mat-progress-bar-buffer {
+    background-color: #90caf9 !important;
+  }
+  .mat-progress-bar-fill::after {
+    background-color: #0d47a1 !important;
+  }
+}
+
+
+//<progress-spinner>
+.preloader-wrapper {
+  .mat-progress-spinner {
+    width: 100% !important;
+    height: 100% !important;
+    svg path {
+      transition: stroke 0.3s;
+      stroke-width: 6px !important;
+      fill: transparent;
+    }
+    &[mode=indeterminate] svg {
+      animation-duration: 5332ms,1333ms !important;
+    }
+  }
+  .spinner-blue-only.mat-progress-spinner svg path {
+    stroke: #4285f4;
+  }
+
+  .spinner-red-only.mat-progress-spinner svg path {
+    stroke: #db4437;
+  }
+
+  .spinner-yellow-only.mat-progress-spinner svg path {
+    stroke: #f4b400;
+  }
+
+  .spinner-green-only.mat-progress-spinner svg path {
+    stroke: #0f9d58;
+  }
+}
+
+.preloader-wrapper.crazy {
+    animation: container-rotate 784ms linear infinite;
+}
+
+mdb-progress-spinner, mat-progress-spinner {
+  display: block;
+  height: 100px;
+  width: 100px;
+  svg {
+    height: 100%;
+    width: 100%;
+    transform-origin: center
+  }
+  path {
+    fill: transparent;
+    stroke-width: 10px;
+    transition: stroke .3s cubic-bezier(.35, 0, .25, 1)
+  }
+  &[mode=indeterminate] svg {
+    animation-duration: 5.25s, 2.887s;
+    animation-name: mat-progress-spinner-sporadic-rotate, mat-progress-spinner-linear-rotate;
+    animation-timing-function: cubic-bezier(.35, 0, .25, 1), linear;
+    animation-iteration-count: infinite;
+    transition: none
+  }
+}
+
+
+@keyframes mat-progress-spinner-linear-rotate {
+  0% {
+    transform: rotate(0)
+  }
+  100% {
+    transform: rotate(360deg)
+  }
+}
+
+@keyframes mat-progress-spinner-sporadic-rotate {
+  12.5% {
+    transform: rotate(135deg)
+  }
+  25% {
+    transform: rotate(270deg)
+  }
+  37.5% {
+    transform: rotate(405deg)
+  }
+  50% {
+    transform: rotate(540deg)
+  }
+  62.5% {
+    transform: rotate(675deg)
+  }
+  75% {
+    transform: rotate(810deg)
+  }
+  87.5% {
+    transform: rotate(945deg)
+  }
+  100% {
+    transform: rotate(1080deg)
+  }
+}
+
+.spinning-preloader-container{
+    position:fixed;
+    top:0;
+    left:0;
+    width:100%;
+    height:100%;
+    z-index:1000;
+    display:-webkit-box;
+    display:-ms-flexbox;
+    display:flex;
+    -webkit-box-align:center;
+    -ms-flex-align:center;
+    align-items:center;
+    -webkit-box-pack:center;
+    -ms-flex-pack:center;
+    justify-content:center;
+    background:-webkit-linear-gradient(top,#fff 0,#f2f2f2 100%) #f2f2f2;
+    background:linear-gradient(to bottom,#fff 0,#f2f2f2 100%) #f2f2f2;
+    -webkit-transition:opacity .3s cubic-bezier(.645,.045,.355,1);
+    transition:opacity .3s cubic-bezier(.645,.045,.355,1)
+}
+.spinning-preloader-container>.spinning-preloader-elements,.spinning-preloader-container>.spinning-preloader-elements:after,.spinning-preloader-container>.spinning-preloader-elements:before{
+    border:3px solid transparent;
+    border-radius:50%;
+}
+.spinning-preloader-container>.spinning-preloader-elements{
+    display:block;
+    width:150px;
+    height:150px;
+    border-top-color:#44749d;
+    z-index:1500;
+    opacity:1;
+    -webkit-animation:spin 2s linear infinite;
+    animation:spin 2s linear infinite;
+}
+.spinning-preloader-container>.spinning-preloader-elements:after,.spinning-preloader-container>.spinning-preloader-elements:before{
+    content:'';
+    position:absolute;
+}
+.spinning-preloader-container>.spinning-preloader-elements:before{top:5px;
+    left:5px;
+    right:5px;
+    bottom:5px;
+    border-top-color:#da222b;
+    -webkit-animation:spin 3s linear infinite;
+    animation:spin 3s linear infinite;
+}
+.spinning-preloader-container>.spinning-preloader-elements:after{top:15px;
+    left:15px;
+    right:15px;
+    bottom:15px;
+    border-top-color:#f6dc74;
+    -webkit-animation:spin 1.5s linear infinite;
+    animation:spin 1.5s linear infinite;
+}
+
+.spinning-preloader-container.complete{
+    opacity:0;
+    display:none;
+}
+
+@-webkit-keyframes spin{from{-webkit-transform:rotateZ(0);
+    transform:rotateZ(0)}to{-webkit-transform:rotateZ(360deg);
+    transform:rotateZ(360deg)}
+}
+
+@keyframes spin{from{-webkit-transform:rotateZ(0);
+    transform:rotateZ(0)}to{-webkit-transform:rotateZ(360deg);
+    transform:rotateZ(360deg)}
+}
diff --git a/scss/angular/pro/_range.scss b/scss/angular/pro/_range.scss
new file mode 100644
index 0000000..5f477ff
--- /dev/null
+++ b/scss/angular/pro/_range.scss
@@ -0,0 +1,43 @@
+.range-field {
+    position: relative;
+    .track {
+		position: absolute;
+		right: 8px;
+		left: 8px;
+		.range-cloud {
+			  height: 30px;
+			  width: 30px;
+			  top: -25px;
+			  background-color: #4285F4;
+			  position: absolute;
+			  color: white;
+			  border-radius: 50%;
+			  font-size: 12px;
+			  transform: translateX(-50%);
+			&:after {
+			    content: '';
+			    position: absolute;
+			    bottom: 0;
+			    left: 50%;
+			    transform: translate(-50%, 70%);
+			    width: 0;
+			    height: 0;
+			    border-style: solid;
+			    border-width: 7px 7px 0 7px;
+			    border-color: #4285F4 transparent transparent transparent;
+			}
+			&.hidden {
+			    display: none;
+			}
+			&.visible {
+			    display: block;
+			}
+			.text-transform {
+			    position: absolute;
+			    top: 50%;
+			    left: 50%;
+			    transform: translate(-50%, -50%);
+			}
+		}
+	}	
+}
\ No newline at end of file
diff --git a/scss/angular/pro/_sidenav.scss b/scss/angular/pro/_sidenav.scss
new file mode 100644
index 0000000..83bd39a
--- /dev/null
+++ b/scss/angular/pro/_sidenav.scss
@@ -0,0 +1,830 @@
+#sidenav-overlay {
+    transition: 0.5s;
+}
+
+.side-nav {
+    transition: 0.5s;
+    background-color: #2c2f34;
+
+    .sidenav-bg {
+        position: fixed;
+    }
+
+    &.side-nav-light {
+        background-color: #e5e5e5;
+        .collapsible .card .card-header a h5 {
+            color: #555;
+        }
+        .collapsible .card .card-header a:hover {
+            background-color: rgba(0, 0, 0, 0.05);
+        }
+        .collapsible .card.active .card-header a {
+            h5 {
+                color: #4285F4;
+                i {
+                    color: #4285f4;
+                }
+            }
+            background-color: transparent;
+        }
+        .collapsible .card-body li a {
+            color: #555;
+            background-color: rgba(0, 0, 0, .1);
+            &:hover { 
+                background-color: rgba(0,0,0,.15);
+            }
+        }
+        a {
+            color: #555;
+            font-weight: 400;
+            .fa {
+                color: #555;
+            }
+        }
+        input[type=text] {
+            border-bottom-color: rgba(153,153,153,.3);
+            color: #555!important;
+            &::-webkit-input-placeholder { /* Chrome/Opera/Safari */
+                color: #555!important;;
+            }
+            &::-moz-placeholder { /* Firefox 19+ */
+                color: #555!important;;
+            }
+            &:-ms-input-placeholder { /* IE 10+ */
+                color: #555!important;;
+            }
+            &:-moz-placeholder { /* Firefox 18- */
+                color: #555!important;;
+            }
+        }
+    }
+    
+    &::-webkit-scrollbar {
+        width: 4px;
+        height: 4px;
+    }
+    &::-webkit-scrollbar-button {
+        &:start:decrement, &:end:increment {
+            display: block;
+            height: 0;
+            background-color: transparent;
+        }
+    }
+    &::-webkit-scrollbar-track-piece {
+        background-color: transparent;
+        border-radius: 0;
+        border-bottom-right-radius: 4px;
+        border-bottom-left-radius: 4px;
+    }
+    &::-webkit-scrollbar-thumb:vertical {
+        height: 50px;
+        background-color: #999;
+        border-radius: 4px;
+        }
+
+    
+    input[type=text]:focus:not([readonly]) {
+        border-bottom: 1px solid #4285f4;
+        box-shadow: 0 1px 0 0 #4285f4;
+    }
+
+    .collapsible {
+        .no-collase {
+            .rotate-icon {
+                display: none;
+            }
+        }
+        .card {
+            background-color: transparent;
+            border-bottom: 0 !important;
+            .card-header {
+                padding: 0 !important;
+                a {
+                    transition: all 0.3s;
+                    height: 40px;
+                    line-height: 40px;
+                    border-radius: 2px;
+                    padding: 0;
+                    &:hover {
+                        background-color: rgba(255,255,255,.15);
+                    }
+                    h5 {
+                        padding-left: 20px;
+                        font-size: 0.8rem;
+                        line-height: 40px;
+                        font-weight: 300;
+                        position: relative;
+                        color: #fff;
+                    }
+                    .fa {
+                        font-size: .8rem;
+                        margin-right: 13px;
+                        padding: 0;
+                    }
+                    .rotate-icon {
+                        top: 13px;
+                        margin-right: 20px;
+                    }
+                }
+            }
+            &.active {
+                .card-header {
+                    a {
+                        background-color: rgba(255,255,255,.15);
+                        h5 {
+                            font-weight: 300;
+                        }
+                    }
+                }
+            }
+        }
+        .card-body {
+            padding: 0 !important;
+            li {
+                a {
+                    background-color: rgba(0, 0, 0, .15);
+                    padding-left: 30px;
+                    font-size: 0.8rem;
+                    line-height: 32px;
+                    height: 32px;
+                    padding-left: 47px;
+                    font-weight: 300;
+                    color: #fff;
+                    &:hover {
+                        background-color: transparent;
+                    }
+                }
+                &:first-of-type {
+                    border-top: 0 !important;
+                    margin-top: 0px;
+                }
+            }
+        }
+    }
+}
+
+.white-skin .side-nav {
+    form.search-form > div {
+        overflow-x: hidden;
+    }
+    .sidenav-bg {
+        position: fixed;
+    }
+    .social {
+        a {
+            .fa {
+                transition: 0.3s;
+            }
+            &:hover {
+                .fa {
+                    color: #4285f4;
+                    transition: 0.3s;
+                }
+            }
+        }
+    }
+
+    .collapsible {
+        .card {
+            .card-header {
+                a {
+                    h5 {
+                        color: #424242;
+                    }
+                    &:hover {
+                        background-color: rgba(0, 0, 0, 0.05); 
+                    }
+                }
+            }
+            &.active {
+                .card-header {
+                    a {
+                        h5 {
+                            color: #4285F4;
+                            .fa {
+                                color: #4285F4;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        .card-body {
+            li {
+                a {
+                    color: #424242;
+                    background-color: rgba(0,0,0,.15);
+                    &:hover {
+                        color: #4285F4;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.black-skin .side-nav {
+    form.search-form > div {
+        overflow-x: hidden;
+    }
+    .sidenav-bg {
+        position: fixed;
+    }
+    .social {
+        a {
+            .fa {
+                transition: 0.3s;
+            }
+            &:hover {
+                .fa {
+                    color: #2AD1A3;
+                    transition: 0.3s;
+                }
+            }
+        }
+    }
+
+    .collapsible {
+        .card {
+            .card-header {
+                a {
+                    h5 {
+                        color: #fff;
+                    }
+                    &:hover {
+                        background-color: rgba(0, 0, 0, 0.05); 
+                    }
+                }
+            }
+            &.active {
+                .card-header {
+                    a {
+                        h5 {
+                            color: #2AD1A3;
+                            .fa {
+                                color: #2AD1A3;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        .card-body {
+            li {
+                a {
+                    color: #fff;
+                    background-color: rgba(0,0,0,.15);
+                    &:hover {
+                        color: #2AD1A3;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.cyan-skin .side-nav {
+    form.search-form > div {
+        overflow-x: hidden;
+    }
+    .sidenav-bg {
+        position: fixed;
+    }
+    .social {
+        a {
+            .fa {
+                transition: 0.3s;
+            }
+            &:hover {
+                .fa {
+                    color: #ffa742;
+                    transition: 0.3s;
+                }
+            }
+        }
+    }
+
+    input[type=text]:focus:not([readonly]) {
+        border-bottom: 1px solid #ffa742;
+        box-shadow: 0 1px 0 0 #ffa742;
+    }
+
+    .collapsible {
+        .card {
+            .card-header {
+                a {
+                    h5 {
+                        color: #fff;
+                    }
+                    &:hover {
+                        background-color: rgba(29,65,82,.8); 
+                    }
+                }
+            }
+            &.active {
+                .card-header {
+                    a {
+                        h5 {
+                            color: #fff;
+                            background-color: rgba(29,65,82,.8); 
+                            .fa {
+                                color: #fff;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        .card-body {
+            li {
+                a {
+                    color: #fff;
+                    background-color: rgba(0,0,0,.15);
+                    &:hover {
+                        color: #ffa742;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.mdb-skin .side-nav {
+    form.search-form > div {
+        overflow-x: hidden;
+    }
+    .sidenav-bg {
+        position: fixed;
+    }
+    .social {
+        a {
+            .fa {
+                transition: 0.3s;
+            }
+            &:hover {
+                .fa {
+                    color: #33b5e5;
+                    transition: 0.3s;
+                }
+            }
+        }
+    }
+
+    input[type=text]:focus:not([readonly]) {
+        border-bottom: 1px solid #33b5e5;
+        box-shadow: 0 1px 0 0 #33b5e5;
+    }
+
+    .collapsible {
+        .card {
+            .card-header {
+                a {
+                    h5 {
+                        color: #fff;
+                    }
+                    &:hover {
+                        background-color: rgba(72,198,255,.8);
+                    }
+                }
+            }
+            &.active {
+                .card-header {
+                    a {
+                        h5 {
+                            color: #fff;
+                            background-color: rgba(72,198,255,.8); 
+                            .fa {
+                                color: #fff;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        .card-body {
+            li {
+                a {
+                    color: #fff;
+                    background-color: rgba(0,0,0,.15);
+                    &:hover {
+                        color: #33b5e5;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.deep-purple-skin .side-nav {
+    form.search-form > div {
+        overflow-x: hidden;
+    }
+    .sidenav-bg {
+        position: fixed;
+    }
+    .social {
+        a {
+            .fa {
+                transition: 0.3s;
+            }
+            &:hover {
+                .fa {
+                    color: #d0637c;
+                    transition: 0.3s;
+                }
+            }
+        }
+    }
+
+    input[type=text]:focus:not([readonly]) {
+        border-bottom: 1px solid #d0637c;
+        box-shadow: 0 1px 0 0 #d0637c;
+    }
+
+    .collapsible {
+        .card {
+            .card-header {
+                a {
+                    h5 {
+                        color: #fff;
+                    }
+                    &:hover {
+                        background-color: rgba(176,139,240,.5);
+                    }
+                }
+            }
+            &.active {
+                .card-header {
+                    a {
+                        h5 {
+                            color: #fff;
+                            background-color: rgba(176,139,240,.5); 
+                            .fa {
+                                color: #fff;
+                            }
+                        }
+                        &:hover {
+                            background-color: transparent;
+                        }
+                    }
+                }
+            }
+        }
+        .card-body {
+            li {
+                a {
+                    color: #fff;
+                    background-color: rgba(0,0,0,.15);
+                    &:hover {
+                        color: #d0637c;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.navy-blue-skin .side-nav {
+    form.search-form > div {
+        overflow-x: hidden;
+    }
+    .sidenav-bg {
+        position: fixed;
+    }
+    .social {
+        a {
+            .fa {
+                transition: 0.3s;
+            }
+            &:hover {
+                .fa {
+                    color: #40c6c6;
+                    transition: 0.3s;
+                }
+            }
+        }
+    }
+
+    input[type=text]:focus:not([readonly]) {
+        border-bottom: 1px solid #40c6c6;
+        box-shadow: 0 1px 0 0 #40c6c6;
+    }
+
+    .collapsible {
+        .card {
+            .card-header {
+                a {
+                    h5 {
+                        color: #fff;
+                    }
+                    &:hover {
+                        background-color: rgba(37,207,207,.8);
+                    }
+                }
+            }
+            &.active {
+                .card-header {
+                    a {
+                        h5 {
+                            color: #fff;
+                            background-color: rgba(37,207,207,.8);
+                            .fa {
+                                color: #fff;
+                            }
+                        }
+                        &:hover {
+                            background-color: transparent;
+                        }
+                    }
+                }
+            }
+        }
+        .card-body {
+            li {
+                a {
+                    color: #fff;
+                    background-color: rgba(0,0,0,.15);
+                    &:hover {
+                        color: #40c6c6;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.pink-skin .side-nav {
+    form.search-form > div {
+        overflow-x: hidden;
+    }
+    .sidenav-bg {
+        position: fixed;
+    }
+    .social {
+        a {
+            .fa {
+                transition: 0.3s;
+            }
+            &:hover {
+                .fa {
+                    color: #ffb0e6;
+                    transition: 0.3s;
+                }
+            }
+        }
+    }
+
+    input[type=text]:focus:not([readonly]) {
+        border-bottom: 1px solid #ffb0e6;
+        box-shadow: 0 1px 0 0 #ffb0e6;
+    }
+
+    .collapsible {
+        .card {
+            .card-header {
+                a {
+                    h5 {
+                        color: #fff;
+                    }
+                    &:hover {
+                        background-color: rgba(0,0,0,.4);
+                    }
+                }
+            }
+            &.active {
+                .card-header {
+                    a {
+                        h5 {
+                            color: #fff;
+                            background-color: rgba(0,0,0,.4);
+                            .fa {
+                                color: #fff;
+                            }
+                        }
+                        &:hover {
+                            background-color: transparent;
+                        }
+                    }
+                }
+            }
+        }
+        .card-body {
+            li {
+                a {
+                    color: #fff;
+                    background-color: rgba(0,0,0,.15);
+                    &:hover {
+                        color: #ffb0e6;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.grey-skin .side-nav {
+    form.search-form > div {
+        overflow-x: hidden;
+    }
+    .sidenav-bg {
+        position: fixed;
+    }
+    .social {
+        a {
+            .fa {
+                transition: 0.3s;
+            }
+            &:hover {
+                .fa {
+                    color: #afdffc;
+                    transition: 0.3s;
+                }
+            }
+        }
+    }
+
+    input[type=text]:focus:not([readonly]) {
+        border-bottom: 1px solid #afdffc;
+        box-shadow: 0 1px 0 0 #afdffc;
+    }
+
+    .collapsible {
+        .card {
+            .card-header {
+                a {
+                    h5 {
+                        color: #fff;
+                    }
+                    &:hover {
+                        background-color: rgba(0,0,0,.4);
+                    }
+                }
+            }
+            &.active {
+                .card-header {
+                    a {
+                        h5 {
+                            color: #fff;
+                            background-color: rgba(0,0,0,.4);
+                            .fa {
+                                color: #fff;
+                            }
+                        }
+                        &:hover {
+                            background-color: transparent;
+                        }
+                    }
+                }
+            }
+        }
+        .card-body {
+            li {
+                a {
+                    color: #fff;
+                    background-color: rgba(0,0,0,.15);
+                    &:hover {
+                        color: #afdffc;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.indigo-skin .side-nav {
+    form.search-form > div {
+        overflow-x: hidden;
+    }
+    .sidenav-bg {
+        position: fixed;
+    }
+    .social {
+        a {
+            .fa {
+                transition: 0.3s;
+            }
+            &:hover {
+                .fa {
+                    color: #ff89ac;
+                    transition: 0.3s;
+                }
+            }
+        }
+    }
+
+    input[type=text]:focus:not([readonly]) {
+        border-bottom: 1px solid #ff89ac;
+        box-shadow: 0 1px 0 0 #ff89ac;
+    }
+
+    .collapsible {
+        .card {
+            .card-header {
+                a {
+                    h5 {
+                        color: #fff;
+                    }
+                    &:hover {
+                        background-color: rgba(250,80,121,.8);
+                    }
+                }
+            }
+            &.active {
+                .card-header {
+                    a {
+                        h5 {
+                            color: #fff;
+                            background-color: rgba(250,80,121,.8);
+                            .fa {
+                                color: #fff;
+                            }
+                        }
+                        &:hover {
+                            background-color: transparent;
+                        }
+                    }
+                }
+            }
+        }
+        .card-body {
+            li {
+                a {
+                    color: #fff;
+                    background-color: rgba(0,0,0,.15);
+                    &:hover {
+                        color: #ff89ac;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.light-blue-skin .side-nav {
+    form.search-form > div {
+        overflow-x: hidden;
+    }
+    .sidenav-bg {
+        position: fixed;
+    }
+    .social {
+        a {
+            .fa {
+                transition: 0.3s;
+            }
+            &:hover {
+                .fa {
+                    color: #aadeff;
+                    transition: 0.3s;
+                }
+            }
+        }
+    }
+
+    input[type=text]:focus:not([readonly]) {
+        border-bottom: 1px solid #aadeff;
+        box-shadow: 0 1px 0 0 #aadeff;
+    }
+
+    .collapsible {
+        .card {
+            .card-header {
+                a {
+                    h5 {
+                        color: #fff;
+                    }
+                    &:hover {
+                        background-color: rgba(29,54,86,.6);
+                    }
+                }
+            }
+            &.active {
+                .card-header {
+                    a {
+                        h5 {
+                            color: #fff;
+                            background-color: rgba(29,54,86,.6);
+                            .fa {
+                                color: #fff;
+                            }
+                        }
+                        &:hover {
+                            background-color: transparent;
+                        }
+                    }
+                }
+            }
+        }
+        .card-body {
+            li {
+                a {
+                    color: #fff;
+                    background-color: rgba(0,0,0,.15);
+                    &:hover {
+                        color: #aadeff;
+                    }
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/scss/angular/pro/_tabs.scss b/scss/angular/pro/_tabs.scss
new file mode 100644
index 0000000..f64a26a
--- /dev/null
+++ b/scss/angular/pro/_tabs.scss
@@ -0,0 +1,60 @@
+// General
+.nav-tabs {
+  overflow-y: hidden;
+  .nav-item {
+    flex-basis: 0;
+    flex-grow: 1;
+    text-align: center;
+    margin-bottom : 0;
+    a {
+      width:100%;
+    }
+  }
+}
+
+
+// Vertical Tab
+mdb-tabset {
+  .white {
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 4px 15px 0 rgba(0, 0, 0, 0) !important;
+    li {
+      margin: 0 1em !important;
+      .nav-link.active {
+        transition: all 0.4s !important;
+      }
+      .nav-link {
+        color: #666;
+        &:hover {
+          @extend .rgba-grey-light;
+          // background-color: $rgba-grey-light;
+        }
+      }
+    }
+    .active {
+      color: #fff !important;
+      @extend .z-depth-1;
+    }
+    .active:hover {
+      @extend .z-depth-1-half;
+    }  
+  }
+  .margin li {
+    margin: 0.5em !important;
+  }
+}
+
+// Classic Tab
+
+.classic-tabs {
+    // overflow-y: hidden;
+    white-space: normal;
+    .nav.classic-tabs {
+        margin: 0 5px;
+        overflow-x: auto;
+        white-space: nowrap;
+    }
+    .tab-content {
+        margin: 0 5px 5px 5px;
+        padding-top: 0;
+    }
+}
\ No newline at end of file
diff --git a/scss/angular/pro/_testimonials.scss b/scss/angular/pro/_testimonials.scss
new file mode 100644
index 0000000..a003413
--- /dev/null
+++ b/scss/angular/pro/_testimonials.scss
@@ -0,0 +1,88 @@
+.testimonial-carousel {
+    .carousel-control-prev-icon, .carousel-control-next-icon {
+        display: none;
+    }
+
+    .carousel-control {
+        font-size: 5rem;
+        color: rgba(0, 0, 0, 0.6);
+        &.left {
+            left: 6%;
+            width: auto;
+        }
+        &.right {
+            right: 6%;
+            width: auto;
+        }
+    }
+    
+    .carousel-indicators {
+        display: none;
+    }
+
+    &.carousel-multi-item {
+        .carousel-indicators {
+            display: flex;
+        }
+    }
+
+    .carousel-control-next, .carousel-control-prev {
+        opacity: 1;
+        height: 120px;
+        &:hover {
+            &::before {
+                color: #000;
+                transition: 0.4s;
+            }
+        }
+    }
+
+    .carousel-control-prev {
+        -webkit-transform: translateY(-35%);
+        transform: translateY(-35%);
+        left: 6%;
+        width: auto;
+        top: 50%;
+        display: flex;
+        font-size: 5rem;
+        color: rgba(0, 0, 0, 0.6) !important;
+        &::before {
+            content: '\2039';
+            font-size: 5rem;
+            color: rgba(0, 0, 0, 0.6);
+            transition: 0.4s;
+        }
+    }
+
+    .carousel-control-next {
+        -webkit-transform: translateY(-35%);
+        transform: translateY(-35%);
+        right: 6%;
+        width: auto;
+        top: 50%;
+        display: flex;
+        font-size: 5rem;
+        color: rgba(0, 0, 0, 0.6) !important;
+        &::before {
+            content: '\203a';
+            font-size: 5rem;
+            color: rgba(0, 0, 0, 0.6);
+            transition: 0.4s;
+        }
+    }
+}
+
+
+.carousel-multi-item.testimonial-carousel .controls-top .btn-floating {
+    background: #01579b;
+    width: 36.15px;
+    height: 36.15px;
+    i {
+        font-size: .96154rem;
+        line-height: 36.15px;
+    }
+}
+
+.carousel-multi-item.testimonial-carousel .carousel-indicators li {
+    background-color: #01579b;
+}
\ No newline at end of file
diff --git a/scss/angular/pro/_time-picker.scss b/scss/angular/pro/_time-picker.scss
new file mode 100644
index 0000000..3f8d7e5
--- /dev/null
+++ b/scss/angular/pro/_time-picker.scss
@@ -0,0 +1,19 @@
+.hand-move {
+    .clockpicker-tick {
+        cursor: all-scroll !important;
+    }
+}
+
+.clockpicker-button {
+    cursor: pointer;
+    transition: 0.3s;
+    &:hover {
+        background-color: rgba(0,150,136,.25)
+    }
+}
+
+.darktheme .clockpicker-button {
+    &:hover {
+        background-color: rgba(255, 64, 129, 0.25);
+    }
+}
\ No newline at end of file
diff --git a/scss/angular/pro/_toasts.scss b/scss/angular/pro/_toasts.scss
new file mode 100644
index 0000000..5d34e7a
--- /dev/null
+++ b/scss/angular/pro/_toasts.scss
@@ -0,0 +1,65 @@
+#toast-container > :hover {
+	transition: .45s;
+	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+	opacity: 1 !important;
+	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+	filter: alpha(opacity=100);
+	cursor: pointer;
+}
+
+
+#toast-container > mdb-toast-component {
+	display: block;
+	position: relative;
+	overflow: hidden;
+	margin: 0 0 6px;
+	padding: 15px 15px 15px 50px;
+	width: 300px;
+	background-position: 15px center;
+	background-repeat: no-repeat;
+	@extend .z-depth-1;
+	@extend .white-text;
+	opacity: 0.8;
+	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+	filter: alpha(opacity=80);
+	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+	color: #FFFFFF !important;
+}
+#toast-container.toast-top-center > mdb-toast-component,
+#toast-container.toast-bottom-center > mdb-toast-component {
+	width: 300px;
+	margin: auto;
+}
+#toast-container.toast-top-full-width > mdb-toast-component,
+#toast-container.toast-bottom-full-width > mdb-toast-component {
+	width: 96%;
+	margin: auto;
+}
+
+/*Responsive Design*/
+@media all and (max-width: 240px) {
+	#toast-container > mdb-toast-component { 
+		padding: 8px 8px 8px 50px;
+		width: 11em;
+	}
+	#toast-container .toast-close-button {
+		right: -0.2em;
+		top: -0.2em;
+	}
+}
+@media all and (min-width: 241px) and (max-width: 480px) {
+	#toast-container > mdb-toast-component {
+		padding: 8px 8px 8px 50px;
+		width: 18em;
+	}
+	#toast-container .toast-close-button {
+		right: -0.2em;
+		top: -0.2em;
+	}
+}
+@media all and (min-width: 481px) and (max-width: 768px) {
+	#toast-container > mdb-toast-component {
+		padding: 15px 15px 15px 50px;
+		width: 25em;
+	}
+}
diff --git a/scss/bootstrap/.directory b/scss/bootstrap/.directory
new file mode 100644
index 0000000..cfb190e
--- /dev/null
+++ b/scss/bootstrap/.directory
@@ -0,0 +1,10 @@
+[Dolphin]
+PreviewsShown=true
+SortOrder=1
+SortRole=modificationtime
+Timestamp=2018,4,20,11,13,6
+Version=4
+VisibleRoles=Icons_text,Icons_modificationtime
+
+[Settings]
+HiddenFilesShown=true
diff --git a/scss/bootstrap/_alert.scss b/scss/bootstrap/_alert.scss
new file mode 100644
index 0000000..dd43e23
--- /dev/null
+++ b/scss/bootstrap/_alert.scss
@@ -0,0 +1,51 @@
+//
+// Base styles
+//
+
+.alert {
+  position: relative;
+  padding: $alert-padding-y $alert-padding-x;
+  margin-bottom: $alert-margin-bottom;
+  border: $alert-border-width solid transparent;
+  @include border-radius($alert-border-radius);
+}
+
+// Headings for larger alerts
+.alert-heading {
+  // Specified to prevent conflicts of changing $headings-color
+  color: inherit;
+}
+
+// Provide class for links that match alerts
+.alert-link {
+  font-weight: $alert-link-font-weight;
+}
+
+
+// Dismissible alerts
+//
+// Expand the right padding and account for the close button's positioning.
+
+.alert-dismissible {
+  padding-right: ($close-font-size + $alert-padding-x * 2);
+
+  // Adjust close link position
+  .close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: $alert-padding-y $alert-padding-x;
+    color: inherit;
+  }
+}
+
+
+// Alternate styles
+//
+// Generate contextual modifier classes for colorizing the alert.
+
+@each $color, $value in $theme-colors {
+  .alert-#{$color} {
+    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
+  }
+}
diff --git a/scss/bootstrap/_badge.scss b/scss/bootstrap/_badge.scss
new file mode 100644
index 0000000..b87a1b0
--- /dev/null
+++ b/scss/bootstrap/_badge.scss
@@ -0,0 +1,47 @@
+// Base class
+//
+// Requires one of the contextual, color modifier classes for `color` and
+// `background-color`.
+
+.badge {
+  display: inline-block;
+  padding: $badge-padding-y $badge-padding-x;
+  font-size: $badge-font-size;
+  font-weight: $badge-font-weight;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  @include border-radius($badge-border-radius);
+
+  // Empty badges collapse automatically
+  &:empty {
+    display: none;
+  }
+}
+
+// Quick fix for badges in buttons
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+// Pill badges
+//
+// Make them extra rounded with a modifier to replace v3's badges.
+
+.badge-pill {
+  padding-right: $badge-pill-padding-x;
+  padding-left: $badge-pill-padding-x;
+  @include border-radius($badge-pill-border-radius);
+}
+
+// Colors
+//
+// Contextual variations (linked badges get darker on :hover).
+
+@each $color, $value in $theme-colors {
+  .badge-#{$color} {
+    @include badge-variant($value);
+  }
+}
diff --git a/scss/bootstrap/_breadcrumb.scss b/scss/bootstrap/_breadcrumb.scss
new file mode 100644
index 0000000..be30950
--- /dev/null
+++ b/scss/bootstrap/_breadcrumb.scss
@@ -0,0 +1,41 @@
+.breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  padding: $breadcrumb-padding-y $breadcrumb-padding-x;
+  margin-bottom: $breadcrumb-margin-bottom;
+  list-style: none;
+  background-color: $breadcrumb-bg;
+  @include border-radius($breadcrumb-border-radius);
+}
+
+.breadcrumb-item {
+  // The separator between breadcrumbs (by default, a forward-slash: "/")
+  + .breadcrumb-item {
+    padding-left: $breadcrumb-item-padding;
+
+    &::before {
+      display: inline-block; // Suppress underlining of the separator in modern browsers
+      padding-right: $breadcrumb-item-padding;
+      color: $breadcrumb-divider-color;
+      content: $breadcrumb-divider;
+    }
+  }
+
+  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
+  // without `<ul>`s. The `::before` pseudo-element generates an element
+  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
+  //
+  // To trick IE into suppressing the underline, we give the pseudo-element an
+  // underline and then immediately remove it.
+  + .breadcrumb-item:hover::before {
+    text-decoration: underline;
+  }
+  // stylelint-disable-next-line no-duplicate-selectors
+  + .breadcrumb-item:hover::before {
+    text-decoration: none;
+  }
+
+  &.active {
+    color: $breadcrumb-active-color;
+  }
+}
diff --git a/scss/bootstrap/_button-group.scss b/scss/bootstrap/_button-group.scss
new file mode 100644
index 0000000..5495170
--- /dev/null
+++ b/scss/bootstrap/_button-group.scss
@@ -0,0 +1,172 @@
+// stylelint-disable selector-no-qualifying-type
+
+// Make the div behave like a button
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle; // match .btn alignment given font-size hack above
+
+  > .btn {
+    position: relative;
+    flex: 0 1 auto;
+
+    // Bring the hover, focused, and "active" buttons to the front to overlay
+    // the borders properly
+    @include hover {
+      z-index: 1;
+    }
+    &:focus,
+    &:active,
+    &.active {
+      z-index: 1;
+    }
+  }
+
+  // Prevent double borders when buttons are next to each other
+  .btn + .btn,
+  .btn + .btn-group,
+  .btn-group + .btn,
+  .btn-group + .btn-group {
+    margin-left: -$btn-border-width;
+  }
+}
+
+// Optional: Group multiple button groups together for a toolbar
+.btn-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+
+  .input-group {
+    width: auto;
+  }
+}
+
+.btn-group {
+  > .btn:first-child {
+    margin-left: 0;
+  }
+
+  // Reset rounded corners
+  > .btn:not(:last-child):not(.dropdown-toggle),
+  > .btn-group:not(:last-child) > .btn {
+    @include border-right-radius(0);
+  }
+
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) > .btn {
+    @include border-left-radius(0);
+  }
+}
+
+// Sizing
+//
+// Remix the default button sizing classes into new ones for easier manipulation.
+
+.btn-group-sm > .btn { @extend .btn-sm; }
+.btn-group-lg > .btn { @extend .btn-lg; }
+
+
+//
+// Split button dropdowns
+//
+
+.dropdown-toggle-split {
+  padding-right: $btn-padding-x * .75;
+  padding-left: $btn-padding-x * .75;
+
+  &::after,
+  .dropup &::after,
+  .dropright &::after {
+    margin-left: 0;
+  }
+
+  .dropleft &::before {
+    margin-right: 0;
+  }
+}
+
+.btn-sm + .dropdown-toggle-split {
+  padding-right: $btn-padding-x-sm * .75;
+  padding-left: $btn-padding-x-sm * .75;
+}
+
+.btn-lg + .dropdown-toggle-split {
+  padding-right: $btn-padding-x-lg * .75;
+  padding-left: $btn-padding-x-lg * .75;
+}
+
+
+// The clickable button for toggling the menu
+// Set the same inset shadow as the :active state
+.btn-group.show .dropdown-toggle {
+  @include box-shadow($btn-active-box-shadow);
+
+  // Show no shadow for `.btn-link` since it has no other button styles.
+  &.btn-link {
+    @include box-shadow(none);
+  }
+}
+
+
+//
+// Vertical button groups
+//
+
+.btn-group-vertical {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+
+  .btn,
+  .btn-group {
+    width: 100%;
+  }
+
+  > .btn + .btn,
+  > .btn + .btn-group,
+  > .btn-group + .btn,
+  > .btn-group + .btn-group {
+    margin-top: -$btn-border-width;
+    margin-left: 0;
+  }
+
+  // Reset rounded corners
+  > .btn:not(:last-child):not(.dropdown-toggle),
+  > .btn-group:not(:last-child) > .btn {
+    @include border-bottom-radius(0);
+  }
+
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) > .btn {
+    @include border-top-radius(0);
+  }
+}
+
+
+// Checkbox and radio options
+//
+// In order to support the browser's form validation feedback, powered by the
+// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
+// `display: none;` or `visibility: hidden;` as that also hides the popover.
+// Simply visually hiding the inputs via `opacity` would leave them clickable in
+// certain cases which is prevented by using `clip` and `pointer-events`.
+// This way, we ensure a DOM element is visible to position the popover from.
+//
+// See https://github.com/twbs/bootstrap/pull/12794 and
+// https://github.com/twbs/bootstrap/pull/14559 for more information.
+
+.btn-group-toggle {
+  > .btn,
+  > .btn-group > .btn {
+    margin-bottom: 0; // Override default `<label>` value
+
+    input[type="radio"],
+    input[type="checkbox"] {
+      position: absolute;
+      clip: rect(0, 0, 0, 0);
+      pointer-events: none;
+    }
+  }
+}
diff --git a/scss/bootstrap/_buttons.scss b/scss/bootstrap/_buttons.scss
new file mode 100644
index 0000000..70a55f3
--- /dev/null
+++ b/scss/bootstrap/_buttons.scss
@@ -0,0 +1,144 @@
+// stylelint-disable selector-no-qualifying-type
+
+//
+// Base styles
+//
+
+.btn {
+  display: inline-block;
+  font-weight: $btn-font-weight;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  user-select: none;
+  border: $btn-border-width solid transparent;
+  @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);
+  @include transition($btn-transition);
+
+  // Share hover and focus styles
+  @include hover-focus {
+    text-decoration: none;
+  }
+
+  &:focus,
+  &.focus {
+    outline: 0;
+    box-shadow: $btn-focus-box-shadow;
+  }
+
+  // Disabled comes first so active can properly restyle
+  &.disabled,
+  &:disabled {
+    opacity: $btn-disabled-opacity;
+    @include box-shadow(none);
+  }
+
+  // Opinionated: add "hand" cursor to non-disabled .btn elements
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active {
+    background-image: none;
+    @include box-shadow($btn-active-box-shadow);
+
+    &:focus {
+      @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
+    }
+  }
+}
+
+// Future-proof disabling of clicks on `<a>` elements
+a.btn.disabled,
+fieldset:disabled a.btn {
+  pointer-events: none;
+}
+
+
+//
+// Alternate buttons
+//
+
+@each $color, $value in $theme-colors {
+  .btn-#{$color} {
+    @include button-variant($value, $value);
+  }
+}
+
+@each $color, $value in $theme-colors {
+  .btn-outline-#{$color} {
+    @include button-outline-variant($value);
+  }
+}
+
+
+//
+// Link buttons
+//
+
+// Make a button look and behave like a link
+.btn-link {
+  font-weight: $font-weight-normal;
+  color: $link-color;
+  background-color: transparent;
+
+  @include hover {
+    color: $link-hover-color;
+    text-decoration: $link-hover-decoration;
+    background-color: transparent;
+    border-color: transparent;
+  }
+
+  &:focus,
+  &.focus {
+    text-decoration: $link-hover-decoration;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  &:disabled,
+  &.disabled {
+    color: $btn-link-disabled-color;
+    pointer-events: none;
+  }
+
+  // No need for an active state here
+}
+
+
+//
+// Button Sizes
+//
+
+.btn-lg {
+  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
+}
+
+.btn-sm {
+  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
+}
+
+
+//
+// Block button
+//
+
+.btn-block {
+  display: block;
+  width: 100%;
+
+  // Vertically space out multiple block buttons
+  + .btn-block {
+    margin-top: $btn-block-spacing-y;
+  }
+}
+
+// Specificity overrides
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+  &.btn-block {
+    width: 100%;
+  }
+}
diff --git a/scss/bootstrap/_card.scss b/scss/bootstrap/_card.scss
new file mode 100644
index 0000000..28d7e62
--- /dev/null
+++ b/scss/bootstrap/_card.scss
@@ -0,0 +1,301 @@
+//
+// Base styles
+//
+
+.card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: $card-bg;
+  background-clip: border-box;
+  border: $card-border-width solid $card-border-color;
+  @include border-radius($card-border-radius);
+
+  > hr {
+    margin-right: 0;
+    margin-left: 0;
+  }
+
+  > .list-group:first-child {
+    .list-group-item:first-child {
+      @include border-top-radius($card-border-radius);
+    }
+  }
+
+  > .list-group:last-child {
+    .list-group-item:last-child {
+      @include border-bottom-radius($card-border-radius);
+    }
+  }
+}
+
+.card-body {
+  // Enable `flex-grow: 1` for decks and groups so that card blocks take up
+  // as much space as possible, ensuring footers are aligned to the bottom.
+  flex: 1 1 auto;
+  padding: $card-spacer-x;
+}
+
+.card-title {
+  margin-bottom: $card-spacer-y;
+}
+
+.card-subtitle {
+  margin-top: -($card-spacer-y / 2);
+  margin-bottom: 0;
+}
+
+.card-text:last-child {
+  margin-bottom: 0;
+}
+
+.card-link {
+  @include hover {
+    text-decoration: none;
+  }
+
+  + .card-link {
+    margin-left: $card-spacer-x;
+  }
+}
+
+//
+// Optional textual caps
+//
+
+.card-header {
+  padding: $card-spacer-y $card-spacer-x;
+  margin-bottom: 0; // Removes the default margin-bottom of <hN>
+  background-color: $card-cap-bg;
+  border-bottom: $card-border-width solid $card-border-color;
+
+  &:first-child {
+    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
+  }
+
+  + .list-group {
+    .list-group-item:first-child {
+      border-top: 0;
+    }
+  }
+}
+
+.card-footer {
+  padding: $card-spacer-y $card-spacer-x;
+  background-color: $card-cap-bg;
+  border-top: $card-border-width solid $card-border-color;
+
+  &:last-child {
+    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
+  }
+}
+
+
+//
+// Header navs
+//
+
+.card-header-tabs {
+  margin-right: -($card-spacer-x / 2);
+  margin-bottom: -$card-spacer-y;
+  margin-left: -($card-spacer-x / 2);
+  border-bottom: 0;
+}
+
+.card-header-pills {
+  margin-right: -($card-spacer-x / 2);
+  margin-left: -($card-spacer-x / 2);
+}
+
+// Card image
+.card-img-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: $card-img-overlay-padding;
+}
+
+.card-img {
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+  @include border-radius($card-inner-border-radius);
+}
+
+// Card image caps
+.card-img-top {
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+  @include border-top-radius($card-inner-border-radius);
+}
+
+.card-img-bottom {
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+  @include border-bottom-radius($card-inner-border-radius);
+}
+
+
+// Card deck
+
+.card-deck {
+  display: flex;
+  flex-direction: column;
+
+  .card {
+    margin-bottom: $card-deck-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
+    flex-flow: row wrap;
+    margin-right: -$card-deck-margin;
+    margin-left: -$card-deck-margin;
+
+    .card {
+      display: flex;
+      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
+      flex: 1 0 0%;
+      flex-direction: column;
+      margin-right: $card-deck-margin;
+      margin-bottom: 0; // Override the default
+      margin-left: $card-deck-margin;
+    }
+  }
+}
+
+
+//
+// Card groups
+//
+
+.card-group {
+  display: flex;
+  flex-direction: column;
+
+  // The child selector allows nested `.card` within `.card-group`
+  // to display properly.
+  > .card {
+    margin-bottom: $card-group-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
+    flex-flow: row wrap;
+    // The child selector allows nested `.card` within `.card-group`
+    // to display properly.
+    > .card {
+      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
+      flex: 1 0 0%;
+      margin-bottom: 0;
+
+      + .card {
+        margin-left: 0;
+        border-left: 0;
+      }
+
+      // Handle rounded corners
+      @if $enable-rounded {
+        &:first-child {
+          @include border-right-radius(0);
+
+          .card-img-top,
+          .card-header {
+            border-top-right-radius: 0;
+          }
+          .card-img-bottom,
+          .card-footer {
+            border-bottom-right-radius: 0;
+          }
+        }
+
+        &:last-child {
+          @include border-left-radius(0);
+
+          .card-img-top,
+          .card-header {
+            border-top-left-radius: 0;
+          }
+          .card-img-bottom,
+          .card-footer {
+            border-bottom-left-radius: 0;
+          }
+        }
+
+        &:only-child {
+          @include border-radius($card-border-radius);
+
+          .card-img-top,
+          .card-header {
+            @include border-top-radius($card-border-radius);
+          }
+          .card-img-bottom,
+          .card-footer {
+            @include border-bottom-radius($card-border-radius);
+          }
+        }
+
+        &:not(:first-child):not(:last-child):not(:only-child) {
+          @include border-radius(0);
+
+          .card-img-top,
+          .card-img-bottom,
+          .card-header,
+          .card-footer {
+            @include border-radius(0);
+          }
+        }
+      }
+    }
+  }
+}
+
+
+//
+// Columns
+//
+
+.card-columns {
+  .card {
+    margin-bottom: $card-columns-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
+    column-count: $card-columns-count;
+    column-gap: $card-columns-gap;
+    orphans: 1;
+    widows: 1;
+
+    .card {
+      display: inline-block; // Don't let them vertically span multiple columns
+      width: 100%; // Don't let their width change
+    }
+  }
+}
+
+
+//
+// Accordion
+//
+
+.accordion {
+  .card:not(:first-of-type):not(:last-of-type) {
+    border-bottom: 0;
+    border-radius: 0;
+  }
+
+  .card:not(:first-of-type) {
+    .card-header:first-child {
+      border-radius: 0;
+    }
+  }
+
+  .card:first-of-type {
+    border-bottom: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .card:last-of-type {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+}
diff --git a/scss/bootstrap/_carousel.scss b/scss/bootstrap/_carousel.scss
new file mode 100644
index 0000000..6274fc4
--- /dev/null
+++ b/scss/bootstrap/_carousel.scss
@@ -0,0 +1,235 @@
+// Notes on the classes:
+//
+// 1. The .carousel-item-left and .carousel-item-right is used to indicate where
+//    the active slide is heading.
+// 2. .active.carousel-item is the current slide.
+// 3. .active.carousel-item-left and .active.carousel-item-right is the current
+//    slide in its in-transition state. Only one of these occurs at a time.
+// 4. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right
+//    is the upcoming slide in transition.
+
+.carousel {
+  position: relative;
+}
+
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+
+.carousel-item {
+  position: relative;
+  display: none;
+  align-items: center;
+  width: 100%;
+  @include transition($carousel-transition);
+  backface-visibility: hidden;
+  perspective: 1000px;
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+  display: block;
+}
+
+.carousel-item-next,
+.carousel-item-prev {
+  position: absolute;
+  top: 0;
+}
+
+.carousel-item-next.carousel-item-left,
+.carousel-item-prev.carousel-item-right {
+  transform: translateX(0);
+
+  @supports (transform-style: preserve-3d) {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.carousel-item-next,
+.active.carousel-item-right {
+  transform: translateX(100%);
+
+  @supports (transform-style: preserve-3d) {
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.carousel-item-prev,
+.active.carousel-item-left {
+  transform: translateX(-100%);
+
+  @supports (transform-style: preserve-3d) {
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+
+//
+// Alternate transitions
+//
+
+.carousel-fade {
+  .carousel-item {
+    opacity: 0;
+    transition-duration: .6s;
+    transition-property: opacity;
+  }
+
+  .carousel-item.active,
+  .carousel-item-next.carousel-item-left,
+  .carousel-item-prev.carousel-item-right {
+    opacity: 1;
+  }
+
+  .active.carousel-item-left,
+  .active.carousel-item-right {
+    opacity: 0;
+  }
+
+  .carousel-item-next,
+  .carousel-item-prev,
+  .carousel-item.active,
+  .active.carousel-item-left,
+  .active.carousel-item-prev {
+    transform: translateX(0);
+
+    @supports (transform-style: preserve-3d) {
+      transform: translate3d(0, 0, 0);
+    }
+  }
+}
+
+
+//
+// Left/right controls for nav
+//
+
+.carousel-control-prev,
+.carousel-control-next {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  // Use flex for alignment (1-3)
+  display: flex; // 1. allow flex styles
+  align-items: center; // 2. vertically center contents
+  justify-content: center; // 3. horizontally center contents
+  width: $carousel-control-width;
+  color: $carousel-control-color;
+  text-align: center;
+  opacity: $carousel-control-opacity;
+  // We can't have a transition here because WebKit cancels the carousel
+  // animation if you trip this while in the middle of another animation.
+
+  // Hover/focus state
+  @include hover-focus {
+    color: $carousel-control-color;
+    text-decoration: none;
+    outline: 0;
+    opacity: .9;
+  }
+}
+.carousel-control-prev {
+  left: 0;
+  @if $enable-gradients {
+    background: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));
+  }
+}
+.carousel-control-next {
+  right: 0;
+  @if $enable-gradients {
+    background: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));
+  }
+}
+
+// Icons for within
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  display: inline-block;
+  width: $carousel-control-icon-width;
+  height: $carousel-control-icon-width;
+  background: transparent no-repeat center center;
+  background-size: 100% 100%;
+}
+.carousel-control-prev-icon {
+  background-image: $carousel-control-prev-icon-bg;
+}
+.carousel-control-next-icon {
+  background-image: $carousel-control-next-icon-bg;
+}
+
+
+// Optional indicator pips
+//
+// Add an ordered list with the following class and add a list item for each
+// slide your carousel holds.
+
+.carousel-indicators {
+  position: absolute;
+  right: 0;
+  bottom: 10px;
+  left: 0;
+  z-index: 15;
+  display: flex;
+  justify-content: center;
+  padding-left: 0; // override <ol> default
+  // Use the .carousel-control's width as margin so we don't overlay those
+  margin-right: $carousel-control-width;
+  margin-left: $carousel-control-width;
+  list-style: none;
+
+  li {
+    position: relative;
+    flex: 0 1 auto;
+    width: $carousel-indicator-width;
+    height: $carousel-indicator-height;
+    margin-right: $carousel-indicator-spacer;
+    margin-left: $carousel-indicator-spacer;
+    text-indent: -999px;
+    background-color: rgba($carousel-indicator-active-bg, .5);
+
+    // Use pseudo classes to increase the hit area by 10px on top and bottom.
+    &::before {
+      position: absolute;
+      top: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: "";
+    }
+    &::after {
+      position: absolute;
+      bottom: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: "";
+    }
+  }
+
+  .active {
+    background-color: $carousel-indicator-active-bg;
+  }
+}
+
+
+// Optional captions
+//
+//
+
+.carousel-caption {
+  position: absolute;
+  right: ((100% - $carousel-caption-width) / 2);
+  bottom: 20px;
+  left: ((100% - $carousel-caption-width) / 2);
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: $carousel-caption-color;
+  text-align: center;
+}
diff --git a/scss/bootstrap/_close.scss b/scss/bootstrap/_close.scss
new file mode 100644
index 0000000..871cb08
--- /dev/null
+++ b/scss/bootstrap/_close.scss
@@ -0,0 +1,34 @@
+.close {
+  float: right;
+  font-size: $close-font-size;
+  font-weight: $close-font-weight;
+  line-height: 1;
+  color: $close-color;
+  text-shadow: $close-text-shadow;
+  opacity: .5;
+
+  @include hover-focus {
+    color: $close-color;
+    text-decoration: none;
+    opacity: .75;
+  }
+
+  // Opinionated: add "hand" cursor to non-disabled .close elements
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
+  }
+}
+
+// Additional properties for button version
+// iOS requires the button element instead of an anchor tag.
+// If you want the anchor version, it requires `href="#"`.
+// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
+
+// stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type
+button.close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
+// stylelint-enable
diff --git a/scss/bootstrap/_code.scss b/scss/bootstrap/_code.scss
new file mode 100644
index 0000000..9de20fa
--- /dev/null
+++ b/scss/bootstrap/_code.scss
@@ -0,0 +1,56 @@
+// Inline and block code styles
+code,
+kbd,
+pre,
+samp {
+  font-family: $font-family-monospace;
+}
+
+// Inline code
+code {
+  font-size: $code-font-size;
+  color: $code-color;
+  word-break: break-word;
+
+  // Streamline the style when inside anchors to avoid broken underline and more
+  a > & {
+    color: inherit;
+  }
+}
+
+// User input typically entered via keyboard
+kbd {
+  padding: $kbd-padding-y $kbd-padding-x;
+  font-size: $kbd-font-size;
+  color: $kbd-color;
+  background-color: $kbd-bg;
+  @include border-radius($border-radius-sm);
+  @include box-shadow($kbd-box-shadow);
+
+  kbd {
+    padding: 0;
+    font-size: 100%;
+    font-weight: $nested-kbd-font-weight;
+    @include box-shadow(none);
+  }
+}
+
+// Blocks of code
+pre {
+  display: block;
+  font-size: $code-font-size;
+  color: $pre-color;
+
+  // Account for some code outputs that place code tags in pre tags
+  code {
+    font-size: inherit;
+    color: inherit;
+    word-break: normal;
+  }
+}
+
+// Enable scrollable blocks of code
+.pre-scrollable {
+  max-height: $pre-scrollable-max-height;
+  overflow-y: scroll;
+}
diff --git a/scss/bootstrap/_custom-forms.scss b/scss/bootstrap/_custom-forms.scss
new file mode 100644
index 0000000..54fa875
--- /dev/null
+++ b/scss/bootstrap/_custom-forms.scss
@@ -0,0 +1,420 @@
+// Embedded icons from Open Iconic.
+// Released under MIT and copyright 2014 Waybury.
+// https://useiconic.com/open
+
+
+// Checkboxes and radios
+//
+// Base class takes care of all the key behavioral aspects.
+
+.custom-control {
+  position: relative;
+  display: block;
+  min-height: (1rem * $line-height-base);
+  padding-left: $custom-control-gutter;
+}
+
+.custom-control-inline {
+  display: inline-flex;
+  margin-right: $custom-control-spacer-x;
+}
+
+.custom-control-input {
+  position: absolute;
+  z-index: -1; // Put the input behind the label so it doesn't overlay text
+  opacity: 0;
+
+  &:checked ~ .custom-control-label::before {
+    color: $custom-control-indicator-checked-color;
+    @include gradient-bg($custom-control-indicator-checked-bg);
+    @include box-shadow($custom-control-indicator-checked-box-shadow);
+  }
+
+  &:focus ~ .custom-control-label::before {
+    // the mixin is not used here to make sure there is feedback
+    box-shadow: $custom-control-indicator-focus-box-shadow;
+  }
+
+  &:active ~ .custom-control-label::before {
+    color: $custom-control-indicator-active-color;
+    background-color: $custom-control-indicator-active-bg;
+    @include box-shadow($custom-control-indicator-active-box-shadow);
+  }
+
+  &:disabled {
+    ~ .custom-control-label {
+      color: $custom-control-label-disabled-color;
+
+      &::before {
+        background-color: $custom-control-indicator-disabled-bg;
+      }
+    }
+  }
+}
+
+// Custom control indicators
+//
+// Build the custom controls out of psuedo-elements.
+
+.custom-control-label {
+  margin-bottom: 0;
+
+  // Background-color and (when enabled) gradient
+  &::before {
+    position: absolute;
+    top: (($line-height-base - $custom-control-indicator-size) / 2);
+    left: 0;
+    display: block;
+    width: $custom-control-indicator-size;
+    height: $custom-control-indicator-size;
+    pointer-events: none;
+    content: "";
+    user-select: none;
+    background-color: $custom-control-indicator-bg;
+    @include box-shadow($custom-control-indicator-box-shadow);
+  }
+
+  // Foreground (icon)
+  &::after {
+    position: absolute;
+    top: (($line-height-base - $custom-control-indicator-size) / 2);
+    left: 0;
+    display: block;
+    width: $custom-control-indicator-size;
+    height: $custom-control-indicator-size;
+    content: "";
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: $custom-control-indicator-bg-size;
+  }
+}
+
+
+// Checkboxes
+//
+// Tweak just a few things for checkboxes.
+
+.custom-checkbox {
+  .custom-control-label::before {
+    @include border-radius($custom-checkbox-indicator-border-radius);
+  }
+
+  .custom-control-input:checked ~ .custom-control-label {
+    &::before {
+      @include gradient-bg($custom-control-indicator-checked-bg);
+    }
+    &::after {
+      background-image: $custom-checkbox-indicator-icon-checked;
+    }
+  }
+
+  .custom-control-input:indeterminate ~ .custom-control-label {
+    &::before {
+      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);
+      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
+    }
+    &::after {
+      background-image: $custom-checkbox-indicator-icon-indeterminate;
+    }
+  }
+
+  .custom-control-input:disabled {
+    &:checked ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
+    &:indeterminate ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
+  }
+}
+
+// Radios
+//
+// Tweak just a few things for radios.
+
+.custom-radio {
+  .custom-control-label::before {
+    border-radius: $custom-radio-indicator-border-radius;
+  }
+
+  .custom-control-input:checked ~ .custom-control-label {
+    &::before {
+      @include gradient-bg($custom-control-indicator-checked-bg);
+    }
+    &::after {
+      background-image: $custom-radio-indicator-icon-checked;
+    }
+  }
+
+  .custom-control-input:disabled {
+    &:checked ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
+  }
+}
+
+
+// Select
+//
+// Replaces the browser default select with a custom one, mostly pulled from
+// https://primer.github.io/.
+//
+
+.custom-select {
+  display: inline-block;
+  width: 100%;
+  height: $custom-select-height;
+  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
+  line-height: $custom-select-line-height;
+  color: $custom-select-color;
+  vertical-align: middle;
+  background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center;
+  background-size: $custom-select-bg-size;
+  border: $custom-select-border-width solid $custom-select-border-color;
+  @if $enable-rounded {
+    border-radius: $custom-select-border-radius;
+  } @else {
+    border-radius: 0;
+  }
+  appearance: none;
+
+  &:focus {
+    border-color: $custom-select-focus-border-color;
+    outline: 0;
+    box-shadow: $custom-select-focus-box-shadow;
+
+    &::-ms-value {
+      // For visual consistency with other platforms/browsers,
+      // suppress the default white text on blue background highlight given to
+      // the selected option text when the (still closed) <select> receives focus
+      // in IE and (under certain conditions) Edge.
+      // See https://github.com/twbs/bootstrap/issues/19398.
+      color: $input-color;
+      background-color: $input-bg;
+    }
+  }
+
+  &[multiple],
+  &[size]:not([size="1"]) {
+    height: auto;
+    padding-right: $custom-select-padding-x;
+    background-image: none;
+  }
+
+  &:disabled {
+    color: $custom-select-disabled-color;
+    background-color: $custom-select-disabled-bg;
+  }
+
+  // Hides the default caret in IE11
+  &::-ms-expand {
+    opacity: 0;
+  }
+}
+
+.custom-select-sm {
+  height: $custom-select-height-sm;
+  padding-top: $custom-select-padding-y;
+  padding-bottom: $custom-select-padding-y;
+  font-size: $custom-select-font-size-sm;
+}
+
+.custom-select-lg {
+  height: $custom-select-height-lg;
+  padding-top: $custom-select-padding-y;
+  padding-bottom: $custom-select-padding-y;
+  font-size: $custom-select-font-size-lg;
+}
+
+
+// File
+//
+// Custom file input.
+
+.custom-file {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: $custom-file-height;
+  margin-bottom: 0;
+}
+
+.custom-file-input {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: $custom-file-height;
+  margin: 0;
+  opacity: 0;
+
+  &:focus ~ .custom-file-label {
+    border-color: $custom-file-focus-border-color;
+    box-shadow: $custom-file-focus-box-shadow;
+
+    &::after {
+      border-color: $custom-file-focus-border-color;
+    }
+  }
+
+  @each $lang, $value in $custom-file-text {
+    &:lang(#{$lang}) ~ .custom-file-label::after {
+      content: $value;
+    }
+  }
+}
+
+.custom-file-label {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  height: $custom-file-height;
+  padding: $custom-file-padding-y $custom-file-padding-x;
+  line-height: $custom-file-line-height;
+  color: $custom-file-color;
+  background-color: $custom-file-bg;
+  border: $custom-file-border-width solid $custom-file-border-color;
+  @include border-radius($custom-file-border-radius);
+  @include box-shadow($custom-file-box-shadow);
+
+  &::after {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 3;
+    display: block;
+    height: calc(#{$custom-file-height} - #{$custom-file-border-width} * 2);
+    padding: $custom-file-padding-y $custom-file-padding-x;
+    line-height: $custom-file-line-height;
+    color: $custom-file-button-color;
+    content: "Browse";
+    @include gradient-bg($custom-file-button-bg);
+    border-left: $custom-file-border-width solid $custom-file-border-color;
+    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
+  }
+}
+
+// Range
+//
+// Style range inputs the same across browsers. Vendor-specific rules for psuedo
+// elements cannot be mixed. As such, there are no shared styles for focus or
+// active states on prefixed selectors.
+
+.custom-range {
+  width: 100%;
+  padding-left: 0; // Firefox specific
+  background-color: transparent;
+  appearance: none;
+
+  &:focus {
+    outline: none;
+  }
+
+  &::-moz-focus-outer {
+    border: 0;
+  }
+
+  &::-webkit-slider-thumb {
+    width: $custom-range-thumb-width;
+    height: $custom-range-thumb-height;
+    margin-top: -($custom-range-thumb-width * .25); // Webkit specific?
+    @include gradient-bg($custom-range-thumb-bg);
+    border: $custom-range-thumb-border;
+    @include border-radius($custom-range-thumb-border-radius);
+    @include box-shadow($custom-range-thumb-box-shadow);
+    appearance: none;
+
+    &:focus {
+      outline: none;
+      box-shadow: $custom-range-thumb-focus-box-shadow; // No mixin for focus accessibility
+    }
+
+    &:active {
+      @include gradient-bg($custom-range-thumb-active-bg);
+    }
+  }
+
+  &::-webkit-slider-runnable-track {
+    width: $custom-range-track-width;
+    height: $custom-range-track-height;
+    color: transparent; // Why?
+    cursor: $custom-range-track-cursor;
+    background-color: $custom-range-track-bg;
+    border-color: transparent;
+    @include border-radius($custom-range-track-border-radius);
+    @include box-shadow($custom-range-track-box-shadow);
+  }
+
+  &::-moz-range-thumb {
+    width: $custom-range-thumb-width;
+    height: $custom-range-thumb-height;
+    @include gradient-bg($custom-range-thumb-bg);
+    border: $custom-range-thumb-border;
+    @include border-radius($custom-range-thumb-border-radius);
+    @include box-shadow($custom-range-thumb-box-shadow);
+    appearance: none;
+
+    &:focus {
+      outline: none;
+      box-shadow: $custom-range-thumb-focus-box-shadow; // No mixin for focus accessibility
+    }
+
+    &:active {
+      @include gradient-bg($custom-range-thumb-active-bg);
+    }
+  }
+
+  &::-moz-range-track {
+    width: $custom-range-track-width;
+    height: $custom-range-track-height;
+    color: transparent;
+    cursor: $custom-range-track-cursor;
+    background-color: $custom-range-track-bg;
+    border-color: transparent; // Firefox specific?
+    @include border-radius($custom-range-track-border-radius);
+    @include box-shadow($custom-range-track-box-shadow);
+  }
+
+  &::-ms-thumb {
+    width: $custom-range-thumb-width;
+    height: $custom-range-thumb-height;
+    @include gradient-bg($custom-range-thumb-bg);
+    border: $custom-range-thumb-border;
+    @include border-radius($custom-range-thumb-border-radius);
+    @include box-shadow($custom-range-thumb-box-shadow);
+    appearance: none;
+
+    &:focus {
+      outline: none;
+      box-shadow: $custom-range-thumb-focus-box-shadow; // No mixin for focus accessibility
+    }
+
+    &:active {
+      @include gradient-bg($custom-range-thumb-active-bg);
+    }
+  }
+
+  &::-ms-track {
+    width: $custom-range-track-width;
+    height: $custom-range-track-height;
+    color: transparent;
+    cursor: $custom-range-track-cursor;
+    background-color: transparent;
+    border-color: transparent;
+    border-width: ($custom-range-thumb-height * .5);
+    @include box-shadow($custom-range-track-box-shadow);
+  }
+
+  &::-ms-fill-lower {
+    background-color: $custom-range-track-bg;
+    @include border-radius($custom-range-track-border-radius);
+  }
+
+  &::-ms-fill-upper {
+    margin-right: 15px; // arbitrary?
+    background-color: $custom-range-track-bg;
+    @include border-radius($custom-range-track-border-radius);
+  }
+}
diff --git a/scss/bootstrap/_dropdown.scss b/scss/bootstrap/_dropdown.scss
new file mode 100644
index 0000000..ee6f658
--- /dev/null
+++ b/scss/bootstrap/_dropdown.scss
@@ -0,0 +1,166 @@
+// The dropdown wrapper (`<div>`)
+.dropup,
+.dropright,
+.dropdown,
+.dropleft {
+  position: relative;
+}
+
+.dropdown-toggle {
+  // Generate the caret automatically
+  @include caret;
+}
+
+// The dropdown menu
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: $zindex-dropdown;
+  display: none; // none by default, but block on "open" of the menu
+  float: left;
+  min-width: $dropdown-min-width;
+  padding: $dropdown-padding-y 0;
+  margin: $dropdown-spacer 0 0; // override default ul
+  font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues
+  color: $body-color;
+  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
+  list-style: none;
+  background-color: $dropdown-bg;
+  background-clip: padding-box;
+  border: $dropdown-border-width solid $dropdown-border-color;
+  @include border-radius($dropdown-border-radius);
+  @include box-shadow($dropdown-box-shadow);
+}
+
+.dropdown-menu-right {
+  right: 0;
+  left: auto;
+}
+
+// Allow for dropdowns to go bottom up (aka, dropup-menu)
+// Just add .dropup after the standard .dropdown class and you're set.
+.dropup {
+  .dropdown-menu {
+    top: auto;
+    bottom: 100%;
+    margin-top: 0;
+    margin-bottom: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(up);
+  }
+}
+
+.dropright {
+  .dropdown-menu {
+    top: 0;
+    right: auto;
+    left: 100%;
+    margin-top: 0;
+    margin-left: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(right);
+    &::after {
+      vertical-align: 0;
+    }
+  }
+}
+
+.dropleft {
+  .dropdown-menu {
+    top: 0;
+    right: 100%;
+    left: auto;
+    margin-top: 0;
+    margin-right: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(left);
+    &::before {
+      vertical-align: 0;
+    }
+  }
+}
+
+// When enabled Popper.js, reset basic dropdown position
+// stylelint-disable no-duplicate-selectors
+.dropdown-menu {
+  &[x-placement^="top"],
+  &[x-placement^="right"],
+  &[x-placement^="bottom"],
+  &[x-placement^="left"] {
+    right: auto;
+    bottom: auto;
+  }
+}
+// stylelint-enable no-duplicate-selectors
+
+// Dividers (basically an `<hr>`) within the dropdown
+.dropdown-divider {
+  @include nav-divider($dropdown-divider-bg);
+}
+
+// Links, buttons, and more within the dropdown menu
+//
+// `<button>`-specific styles are denoted with `// For <button>s`
+.dropdown-item {
+  display: block;
+  width: 100%; // For `<button>`s
+  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+  clear: both;
+  font-weight: $font-weight-normal;
+  color: $dropdown-link-color;
+  text-align: inherit; // For `<button>`s
+  white-space: nowrap; // prevent links from randomly breaking onto new lines
+  background-color: transparent; // For `<button>`s
+  border: 0; // For `<button>`s
+
+  @include hover-focus {
+    color: $dropdown-link-hover-color;
+    text-decoration: none;
+    @include gradient-bg($dropdown-link-hover-bg);
+  }
+
+  &.active,
+  &:active {
+    color: $dropdown-link-active-color;
+    text-decoration: none;
+    @include gradient-bg($dropdown-link-active-bg);
+  }
+
+  &.disabled,
+  &:disabled {
+    color: $dropdown-link-disabled-color;
+    background-color: transparent;
+    // Remove CSS gradients if they're enabled
+    @if $enable-gradients {
+      background-image: none;
+    }
+  }
+}
+
+.dropdown-menu.show {
+  display: block;
+}
+
+// Dropdown section headers
+.dropdown-header {
+  display: block;
+  padding: $dropdown-padding-y $dropdown-item-padding-x;
+  margin-bottom: 0; // for use with heading elements
+  font-size: $font-size-sm;
+  color: $dropdown-header-color;
+  white-space: nowrap; // as with > li > a
+}
+
+// Dropdown text
+.dropdown-item-text {
+  display: block;
+  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+  color: $dropdown-link-color;
+}
diff --git a/scss/bootstrap/_forms.scss b/scss/bootstrap/_forms.scss
new file mode 100644
index 0000000..c079bd5
--- /dev/null
+++ b/scss/bootstrap/_forms.scss
@@ -0,0 +1,335 @@
+// stylelint-disable selector-no-qualifying-type
+
+//
+// Textual form controls
+//
+
+.form-control {
+  display: block;
+  width: 100%;
+  padding: $input-padding-y $input-padding-x;
+  font-size: $font-size-base;
+  line-height: $input-line-height;
+  color: $input-color;
+  background-color: $input-bg;
+  background-clip: padding-box;
+  border: $input-border-width solid $input-border-color;
+
+  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
+  @if $enable-rounded {
+    // Manually use the if/else instead of the mixin to account for iOS override
+    border-radius: $input-border-radius;
+  } @else {
+    // Otherwise undo the iOS default
+    border-radius: 0;
+  }
+
+  @include box-shadow($input-box-shadow);
+  @include transition($input-transition);
+
+  // Unstyle the caret on `<select>`s in IE10+.
+  &::-ms-expand {
+    background-color: transparent;
+    border: 0;
+  }
+
+  // Customize the `:focus` state to imitate native WebKit styles.
+  @include form-control-focus();
+
+  // Placeholder
+  &::placeholder {
+    color: $input-placeholder-color;
+    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
+    opacity: 1;
+  }
+
+  // Disabled and read-only inputs
+  //
+  // HTML5 says that controls under a fieldset > legend:first-child won't be
+  // disabled if the fieldset is disabled. Due to implementation difficulty, we
+  // don't honor that edge case; we style them as disabled anyway.
+  &:disabled,
+  &[readonly] {
+    background-color: $input-disabled-bg;
+    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
+    opacity: 1;
+  }
+}
+
+select.form-control {
+  &:not([size]):not([multiple]) {
+    height: $input-height;
+  }
+
+  &:focus::-ms-value {
+    // Suppress the nested default white text on blue background highlight given to
+    // the selected option text when the (still closed) <select> receives focus
+    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to
+    // match the appearance of the native widget.
+    // See https://github.com/twbs/bootstrap/issues/19398.
+    color: $input-color;
+    background-color: $input-bg;
+  }
+}
+
+// Make file inputs better match text inputs by forcing them to new lines.
+.form-control-file,
+.form-control-range {
+  display: block;
+  width: 100%;
+}
+
+
+//
+// Labels
+//
+
+// For use with horizontal and inline forms, when you need the label (or legend)
+// text to align with the form controls.
+.col-form-label {
+  padding-top: calc(#{$input-padding-y} + #{$input-border-width});
+  padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
+  margin-bottom: 0; // Override the `<label>/<legend>` default
+  font-size: inherit; // Override the `<legend>` default
+  line-height: $input-line-height;
+}
+
+.col-form-label-lg {
+  padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
+  padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
+  font-size: $font-size-lg;
+  line-height: $input-line-height-lg;
+}
+
+.col-form-label-sm {
+  padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
+  padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
+  font-size: $font-size-sm;
+  line-height: $input-line-height-sm;
+}
+
+
+// Readonly controls as plain text
+//
+// Apply class to a readonly input to make it appear like regular plain
+// text (without any border, background color, focus indicator)
+
+.form-control-plaintext {
+  display: block;
+  width: 100%;
+  padding-top: $input-padding-y;
+  padding-bottom: $input-padding-y;
+  margin-bottom: 0; // match inputs if this class comes on inputs with default margins
+  line-height: $input-line-height;
+  color: $input-plaintext-color;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: $input-border-width 0;
+
+  &.form-control-sm,
+  &.form-control-lg {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+
+// Form control sizing
+//
+// Build on `.form-control` with modifier classes to decrease or increase the
+// height and font-size of form controls.
+//
+// The `.form-group-* form-control` variations are sadly duplicated to avoid the
+// issue documented in https://github.com/twbs/bootstrap/issues/15074.
+
+.form-control-sm {
+  padding: $input-padding-y-sm $input-padding-x-sm;
+  font-size: $font-size-sm;
+  line-height: $input-line-height-sm;
+  @include border-radius($input-border-radius-sm);
+}
+
+select.form-control-sm {
+  &:not([size]):not([multiple]) {
+    height: $input-height-sm;
+  }
+}
+
+.form-control-lg {
+  padding: $input-padding-y-lg $input-padding-x-lg;
+  font-size: $font-size-lg;
+  line-height: $input-line-height-lg;
+  @include border-radius($input-border-radius-lg);
+}
+
+select.form-control-lg {
+  &:not([size]):not([multiple]) {
+    height: $input-height-lg;
+  }
+}
+
+
+// Form groups
+//
+// Designed to help with the organization and spacing of vertical forms. For
+// horizontal forms, use the predefined grid classes.
+
+.form-group {
+  margin-bottom: $form-group-margin-bottom;
+}
+
+.form-text {
+  display: block;
+  margin-top: $form-text-margin-top;
+}
+
+
+// Form grid
+//
+// Special replacement for our grid system's `.row` for tighter form layouts.
+
+.form-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -5px;
+  margin-left: -5px;
+
+  > .col,
+  > [class*="col-"] {
+    padding-right: 5px;
+    padding-left: 5px;
+  }
+}
+
+
+// Checkboxes and radios
+//
+// Indent the labels to position radios/checkboxes as hanging controls.
+
+.form-check {
+  position: relative;
+  display: block;
+  padding-left: $form-check-input-gutter;
+}
+
+.form-check-input {
+  position: absolute;
+  margin-top: $form-check-input-margin-y;
+  margin-left: -$form-check-input-gutter;
+
+  &:disabled ~ .form-check-label {
+    color: $text-muted;
+  }
+}
+
+.form-check-label {
+  margin-bottom: 0; // Override default `<label>` bottom margin
+}
+
+.form-check-inline {
+  display: inline-flex;
+  align-items: center;
+  padding-left: 0; // Override base .form-check
+  margin-right: $form-check-inline-margin-x;
+
+  // Undo .form-check-input defaults and add some `margin-right`.
+  .form-check-input {
+    position: static;
+    margin-top: 0;
+    margin-right: $form-check-inline-input-margin-x;
+    margin-left: 0;
+  }
+}
+
+
+// Form validation
+//
+// Provide feedback to users when form field values are valid or invalid. Works
+// primarily for client-side validation via scoped `:invalid` and `:valid`
+// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
+// server side validation.
+
+@include form-validation-state("valid", $form-feedback-valid-color);
+@include form-validation-state("invalid", $form-feedback-invalid-color);
+
+// Inline forms
+//
+// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
+// forms begin stacked on extra small (mobile) devices and then go inline when
+// viewports reach <768px.
+//
+// Requires wrapping inputs and labels with `.form-group` for proper display of
+// default HTML form controls and our custom form controls (e.g., input groups).
+
+.form-inline {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
+
+  // Because we use flex, the initial sizing of checkboxes is collapsed and
+  // doesn't occupy the full-width (which is what we want for xs grid tier),
+  // so we force that here.
+  .form-check {
+    width: 100%;
+  }
+
+  // Kick in the inline
+  @include media-breakpoint-up(sm) {
+    label {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 0;
+    }
+
+    // Inline-block all the things for "inline"
+    .form-group {
+      display: flex;
+      flex: 0 0 auto;
+      flex-flow: row wrap;
+      align-items: center;
+      margin-bottom: 0;
+    }
+
+    // Allow folks to *not* use `.form-group`
+    .form-control {
+      display: inline-block;
+      width: auto; // Prevent labels from stacking above inputs in `.form-group`
+      vertical-align: middle;
+    }
+
+    // Make static controls behave like regular ones
+    .form-control-plaintext {
+      display: inline-block;
+    }
+
+    .input-group,
+    .custom-select {
+      width: auto;
+    }
+
+    // Remove default margin on radios/checkboxes that were used for stacking, and
+    // then undo the floating of radios and checkboxes to match.
+    .form-check {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: auto;
+      padding-left: 0;
+    }
+    .form-check-input {
+      position: relative;
+      margin-top: 0;
+      margin-right: $form-check-input-margin-x;
+      margin-left: 0;
+    }
+
+    .custom-control {
+      align-items: center;
+      justify-content: center;
+    }
+    .custom-control-label {
+      margin-bottom: 0;
+    }
+  }
+}
diff --git a/scss/bootstrap/_functions.scss b/scss/bootstrap/_functions.scss
new file mode 100644
index 0000000..b44d7d9
--- /dev/null
+++ b/scss/bootstrap/_functions.scss
@@ -0,0 +1,86 @@
+// Bootstrap functions
+//
+// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.
+
+// Ascending
+// Used to evaluate Sass maps like our grid breakpoints.
+@mixin _assert-ascending($map, $map-name) {
+  $prev-key: null;
+  $prev-num: null;
+  @each $key, $num in $map {
+    @if $prev-num == null {
+      // Do nothing
+    } @else if not comparable($prev-num, $num) {
+      @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
+    } @else if $prev-num >= $num {
+      @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
+    }
+    $prev-key: $key;
+    $prev-num: $num;
+  }
+}
+
+// Starts at zero
+// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
+@mixin _assert-starts-at-zero($map) {
+  $values: map-values($map);
+  $first-value: nth($values, 1);
+  @if $first-value != 0 {
+    @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
+  }
+}
+
+// Replace `$search` with `$replace` in `$string`
+// Used on our SVG icon backgrounds for custom forms.
+//
+// @author Hugo Giraudel
+// @param {String} $string - Initial string
+// @param {String} $search - Substring to replace
+// @param {String} $replace ('') - New value
+// @return {String} - Updated string
+@function str-replace($string, $search, $replace: "") {
+  $index: str-index($string, $search);
+
+  @if $index {
+    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+  }
+
+  @return $string;
+}
+
+// Color contrast
+@function color-yiq($color) {
+  $r: red($color);
+  $g: green($color);
+  $b: blue($color);
+
+  $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
+
+  @if ($yiq >= $yiq-contrasted-threshold) {
+    @return $yiq-text-dark;
+  } @else {
+    @return $yiq-text-light;
+  }
+}
+
+// Retrieve color Sass maps
+@function color($key: "blue") {
+  @return map-get($colors, $key);
+}
+
+@function theme-color($key: "primary") {
+  @return map-get($theme-colors, $key);
+}
+
+@function gray($key: "100") {
+  @return map-get($grays, $key);
+}
+
+// Request a theme color level
+@function theme-color-level($color-name: "primary", $level: 0) {
+  $color: theme-color($color-name);
+  $color-base: if($level > 0, $black, $white);
+  $level: abs($level);
+
+  @return mix($color-base, $color, $level * $theme-color-interval);
+}
diff --git a/scss/bootstrap/_grid.scss b/scss/bootstrap/_grid.scss
new file mode 100644
index 0000000..a227515
--- /dev/null
+++ b/scss/bootstrap/_grid.scss
@@ -0,0 +1,52 @@
+// Container widths
+//
+// Set the container width, and override it for fixed navbars in media queries.
+
+@if $enable-grid-classes {
+  .container {
+    @include make-container();
+    @include make-container-max-widths();
+  }
+}
+
+// Fluid container
+//
+// Utilizes the mixin meant for fixed width containers, but with 100% width for
+// fluid, full width layouts.
+
+@if $enable-grid-classes {
+  .container-fluid {
+    @include make-container();
+  }
+}
+
+// Row
+//
+// Rows contain and clear the floats of your columns.
+
+@if $enable-grid-classes {
+  .row {
+    @include make-row();
+  }
+
+  // Remove the negative margin from default .row, then the horizontal padding
+  // from all immediate children columns (to prevent runaway style inheritance).
+  .no-gutters {
+    margin-right: 0;
+    margin-left: 0;
+
+    > .col,
+    > [class*="col-"] {
+      padding-right: 0;
+      padding-left: 0;
+    }
+  }
+}
+
+// Columns
+//
+// Common styles for small and large grid columns
+
+@if $enable-grid-classes {
+  @include make-grid-columns();
+}
diff --git a/scss/bootstrap/_images.scss b/scss/bootstrap/_images.scss
new file mode 100644
index 0000000..2bce02f
--- /dev/null
+++ b/scss/bootstrap/_images.scss
@@ -0,0 +1,42 @@
+// Responsive images (ensure images don't scale beyond their parents)
+//
+// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
+// We previously tried the "images are responsive by default" approach in Bootstrap v2,
+// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
+// which weren't expecting the images within themselves to be involuntarily resized.
+// See also https://github.com/twbs/bootstrap/issues/18178
+.img-fluid {
+  @include img-fluid;
+}
+
+
+// Image thumbnails
+.img-thumbnail {
+  padding: $thumbnail-padding;
+  background-color: $thumbnail-bg;
+  border: $thumbnail-border-width solid $thumbnail-border-color;
+  @include border-radius($thumbnail-border-radius);
+  @include box-shadow($thumbnail-box-shadow);
+
+  // Keep them at most 100% wide
+  @include img-fluid;
+}
+
+//
+// Figures
+//
+
+.figure {
+  // Ensures the caption's text aligns with the image.
+  display: inline-block;
+}
+
+.figure-img {
+  margin-bottom: ($spacer / 2);
+  line-height: 1;
+}
+
+.figure-caption {
+  font-size: $figure-caption-font-size;
+  color: $figure-caption-color;
+}
diff --git a/scss/bootstrap/_input-group.scss b/scss/bootstrap/_input-group.scss
new file mode 100644
index 0000000..78d7bc9
--- /dev/null
+++ b/scss/bootstrap/_input-group.scss
@@ -0,0 +1,159 @@
+// stylelint-disable selector-no-qualifying-type
+
+//
+// Base styles
+//
+
+.input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap; // For form validation feedback
+  align-items: stretch;
+  width: 100%;
+
+  > .form-control,
+  > .custom-select,
+  > .custom-file {
+    position: relative; // For focus state's z-index
+    flex: 1 1 auto;
+    // Add width 1% and flex-basis auto to ensure that button will not wrap out
+    // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
+    width: 1%;
+    margin-bottom: 0;
+
+    // Bring the "active" form control to the top of surrounding elements
+    &:focus {
+      z-index: 3;
+    }
+
+    + .form-control,
+    + .custom-select,
+    + .custom-file {
+      margin-left: -$input-border-width;
+    }
+  }
+
+  > .form-control,
+  > .custom-select {
+    &:not(:last-child) { @include border-right-radius(0); }
+    &:not(:first-child) { @include border-left-radius(0); }
+  }
+
+  // Custom file inputs have more complex markup, thus requiring different
+  // border-radius overrides.
+  > .custom-file {
+    display: flex;
+    align-items: center;
+
+    &:not(:last-child) .custom-file-label,
+    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }
+    &:not(:first-child) .custom-file-label,
+    &:not(:first-child) .custom-file-label::after { @include border-left-radius(0); }
+  }
+}
+
+
+// Prepend and append
+//
+// While it requires one extra layer of HTML for each, dedicated prepend and
+// append elements allow us to 1) be less clever, 2) simplify our selectors, and
+// 3) support HTML5 form validation.
+
+.input-group-prepend,
+.input-group-append {
+  display: flex;
+
+  // Ensure buttons are always above inputs for more visually pleasing borders.
+  // This isn't needed for `.input-group-text` since it shares the same border-color
+  // as our inputs.
+  .btn {
+    position: relative;
+    z-index: 2;
+  }
+
+  .btn + .btn,
+  .btn + .input-group-text,
+  .input-group-text + .input-group-text,
+  .input-group-text + .btn {
+    margin-left: -$input-border-width;
+  }
+}
+
+.input-group-prepend { margin-right: -$input-border-width; }
+.input-group-append { margin-left: -$input-border-width; }
+
+
+// Textual addons
+//
+// Serves as a catch-all element for any text or radio/checkbox input you wish
+// to prepend or append to an input.
+
+.input-group-text {
+  display: flex;
+  align-items: center;
+  padding: $input-padding-y $input-padding-x;
+  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
+  font-size: $font-size-base; // Match inputs
+  font-weight: $font-weight-normal;
+  line-height: $input-line-height;
+  color: $input-group-addon-color;
+  text-align: center;
+  white-space: nowrap;
+  background-color: $input-group-addon-bg;
+  border: $input-border-width solid $input-group-addon-border-color;
+  @include border-radius($input-border-radius);
+
+  // Nuke default margins from checkboxes and radios to vertically center within.
+  input[type="radio"],
+  input[type="checkbox"] {
+    margin-top: 0;
+  }
+}
+
+
+// Sizing
+//
+// Remix the default form control sizing classes into new ones for easier
+// manipulation.
+
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.input-group-lg > .input-group-append > .btn {
+  @extend .form-control-lg;
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.input-group-sm > .input-group-append > .btn {
+  @extend .form-control-sm;
+}
+
+
+// Prepend and append rounded corners
+//
+// These rulesets must come after the sizing ones to properly override sm and lg
+// border-radius values when extending. They're more specific than we'd like
+// with the `.input-group >` part, but without it, we cannot override the sizing.
+
+
+.input-group > .input-group-prepend > .btn,
+.input-group > .input-group-prepend > .input-group-text,
+.input-group > .input-group-append:not(:last-child) > .btn,
+.input-group > .input-group-append:not(:last-child) > .input-group-text,
+.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
+  @include border-right-radius(0);
+}
+
+.input-group > .input-group-append > .btn,
+.input-group > .input-group-append > .input-group-text,
+.input-group > .input-group-prepend:not(:first-child) > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
+.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
+.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
+  @include border-left-radius(0);
+}
diff --git a/scss/bootstrap/_jumbotron.scss b/scss/bootstrap/_jumbotron.scss
new file mode 100644
index 0000000..7966bba
--- /dev/null
+++ b/scss/bootstrap/_jumbotron.scss
@@ -0,0 +1,16 @@
+.jumbotron {
+  padding: $jumbotron-padding ($jumbotron-padding / 2);
+  margin-bottom: $jumbotron-padding;
+  background-color: $jumbotron-bg;
+  @include border-radius($border-radius-lg);
+
+  @include media-breakpoint-up(sm) {
+    padding: ($jumbotron-padding * 2) $jumbotron-padding;
+  }
+}
+
+.jumbotron-fluid {
+  padding-right: 0;
+  padding-left: 0;
+  @include border-radius(0);
+}
diff --git a/scss/bootstrap/_list-group.scss b/scss/bootstrap/_list-group.scss
new file mode 100644
index 0000000..9f145c1
--- /dev/null
+++ b/scss/bootstrap/_list-group.scss
@@ -0,0 +1,115 @@
+// Base class
+//
+// Easily usable on <ul>, <ol>, or <div>.
+
+.list-group {
+  display: flex;
+  flex-direction: column;
+
+  // No need to set list-style: none; since .list-group-item is block level
+  padding-left: 0; // reset padding because ul and ol
+  margin-bottom: 0;
+}
+
+
+// Interactive list items
+//
+// Use anchor or button elements instead of `li`s or `div`s to create interactive
+// list items. Includes an extra `.active` modifier class for selected items.
+
+.list-group-item-action {
+  width: 100%; // For `<button>`s (anchors become 100% by default though)
+  color: $list-group-action-color;
+  text-align: inherit; // For `<button>`s (anchors inherit)
+
+  // Hover state
+  @include hover-focus {
+    color: $list-group-action-hover-color;
+    text-decoration: none;
+    background-color: $list-group-hover-bg;
+  }
+
+  &:active {
+    color: $list-group-action-active-color;
+    background-color: $list-group-action-active-bg;
+  }
+}
+
+
+// Individual list items
+//
+// Use on `li`s or `div`s within the `.list-group` parent.
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: $list-group-item-padding-y $list-group-item-padding-x;
+  // Place the border on the list items and negative margin up for better styling
+  margin-bottom: -$list-group-border-width;
+  background-color: $list-group-bg;
+  border: $list-group-border-width solid $list-group-border-color;
+
+  &:first-child {
+    @include border-top-radius($list-group-border-radius);
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+    @include border-bottom-radius($list-group-border-radius);
+  }
+
+  @include hover-focus {
+    z-index: 1; // Place hover/active items above their siblings for proper border styling
+    text-decoration: none;
+  }
+
+  &.disabled,
+  &:disabled {
+    color: $list-group-disabled-color;
+    background-color: $list-group-disabled-bg;
+  }
+
+  // Include both here for `<a>`s and `<button>`s
+  &.active {
+    z-index: 2; // Place active items above their siblings for proper border styling
+    color: $list-group-active-color;
+    background-color: $list-group-active-bg;
+    border-color: $list-group-active-border-color;
+  }
+}
+
+
+// Flush list items
+//
+// Remove borders and border-radius to keep list group items edge-to-edge. Most
+// useful within other components (e.g., cards).
+
+.list-group-flush {
+  .list-group-item {
+    border-right: 0;
+    border-left: 0;
+    @include border-radius(0);
+  }
+
+  &:first-child {
+    .list-group-item:first-child {
+      border-top: 0;
+    }
+  }
+
+  &:last-child {
+    .list-group-item:last-child {
+      border-bottom: 0;
+    }
+  }
+}
+
+
+// Contextual variants
+//
+// Add modifier classes to change text and background color on individual items.
+// Organizationally, this must come after the `:hover` states.
+
+@each $color, $value in $theme-colors {
+  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
+}
diff --git a/scss/bootstrap/_media.scss b/scss/bootstrap/_media.scss
new file mode 100644
index 0000000..b573052
--- /dev/null
+++ b/scss/bootstrap/_media.scss
@@ -0,0 +1,8 @@
+.media {
+  display: flex;
+  align-items: flex-start;
+}
+
+.media-body {
+  flex: 1;
+}
diff --git a/scss/bootstrap/_mixins.scss b/scss/bootstrap/_mixins.scss
new file mode 100644
index 0000000..8710166
--- /dev/null
+++ b/scss/bootstrap/_mixins.scss
@@ -0,0 +1,41 @@
+// Toggles
+//
+// Used in conjunction with global variables to enable certain theme features.
+
+// Utilities
+@import "mixins/breakpoints";
+@import "mixins/hover";
+@import "mixins/image";
+@import "mixins/badge";
+@import "mixins/resize";
+@import "mixins/screen-reader";
+@import "mixins/size";
+@import "mixins/reset-text";
+@import "mixins/text-emphasis";
+@import "mixins/text-hide";
+@import "mixins/text-truncate";
+@import "mixins/visibility";
+
+// // Components
+@import "mixins/alert";
+@import "mixins/buttons";
+@import "mixins/caret";
+@import "mixins/pagination";
+@import "mixins/lists";
+@import "mixins/list-group";
+@import "mixins/nav-divider";
+@import "mixins/forms";
+@import "mixins/table-row";
+
+// // Skins
+@import "mixins/background-variant";
+@import "mixins/border-radius";
+@import "mixins/box-shadow";
+@import "mixins/gradients";
+@import "mixins/transition";
+
+// // Layout
+@import "mixins/clearfix";
+@import "mixins/grid-framework";
+@import "mixins/grid";
+@import "mixins/float";
diff --git a/scss/bootstrap/_modal.scss b/scss/bootstrap/_modal.scss
new file mode 100644
index 0000000..fea8112
--- /dev/null
+++ b/scss/bootstrap/_modal.scss
@@ -0,0 +1,168 @@
+// .modal-open      - body class for killing the scroll
+// .modal           - container to scroll within
+// .modal-dialog    - positioning shell for the actual modal
+// .modal-content   - actual modal w/ bg and corners and stuff
+
+
+// Kill the scroll on the body
+.modal-open {
+  overflow: hidden;
+}
+
+// Container that the modal scrolls within
+.modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-modal;
+  display: none;
+  overflow: hidden;
+  // Prevent Chrome on Windows from adding a focus outline. For details, see
+  // https://github.com/twbs/bootstrap/pull/10951.
+  outline: 0;
+  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
+  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
+  // See also https://github.com/twbs/bootstrap/issues/17695
+
+  .modal-open & {
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}
+
+// Shell div to position the modal with bottom padding
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: $modal-dialog-margin;
+  // allow clicks to pass through for custom click handling to close modal
+  pointer-events: none;
+
+  // When fading in the modal, animate it to slide down
+  .modal.fade & {
+    @include transition($modal-transition);
+    transform: translate(0, -25%);
+  }
+  .modal.show & {
+    transform: translate(0, 0);
+  }
+}
+
+.modal-dialog-centered {
+  display: flex;
+  align-items: center;
+  min-height: calc(100% - (#{$modal-dialog-margin} * 2));
+}
+
+// Actual modal
+.modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
+  // counteract the pointer-events: none; in the .modal-dialog
+  pointer-events: auto;
+  background-color: $modal-content-bg;
+  background-clip: padding-box;
+  border: $modal-content-border-width solid $modal-content-border-color;
+  @include border-radius($modal-content-border-radius);
+  @include box-shadow($modal-content-box-shadow-xs);
+  // Remove focus outline from opened modal
+  outline: 0;
+}
+
+// Modal background
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-modal-backdrop;
+  background-color: $modal-backdrop-bg;
+
+  // Fade for backdrop
+  &.fade { opacity: 0; }
+  &.show { opacity: $modal-backdrop-opacity; }
+}
+
+// Modal header
+// Top section of the modal w/ title and dismiss
+.modal-header {
+  display: flex;
+  align-items: flex-start; // so the close btn always stays on the upper right corner
+  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
+  padding: $modal-header-padding;
+  border-bottom: $modal-header-border-width solid $modal-header-border-color;
+  @include border-top-radius($modal-content-border-radius);
+
+  .close {
+    padding: $modal-header-padding;
+    // auto on the left force icon to the right even when there is no .modal-title
+    margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto;
+  }
+}
+
+// Title text within header
+.modal-title {
+  margin-bottom: 0;
+  line-height: $modal-title-line-height;
+}
+
+// Modal body
+// Where all modal content resides (sibling of .modal-header and .modal-footer)
+.modal-body {
+  position: relative;
+  // Enable `flex-grow: 1` so that the body take up as much space as possible
+  // when should there be a fixed height on `.modal-dialog`.
+  flex: 1 1 auto;
+  padding: $modal-inner-padding;
+}
+
+// Footer (for actions)
+.modal-footer {
+  display: flex;
+  align-items: center; // vertically center
+  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
+  padding: $modal-inner-padding;
+  border-top: $modal-footer-border-width solid $modal-footer-border-color;
+
+  // Easily place margin between footer elements
+  > :not(:first-child) { margin-left: .25rem; }
+  > :not(:last-child) { margin-right: .25rem; }
+}
+
+// Measure scrollbar width for padding body during modal show/hide
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+
+// Scale up the modal
+@include media-breakpoint-up(sm) {
+  // Automatically set modal's width for larger viewports
+  .modal-dialog {
+    max-width: $modal-md;
+    margin: $modal-dialog-margin-y-sm-up auto;
+  }
+
+  .modal-dialog-centered {
+    min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2));
+  }
+
+  .modal-content {
+    @include box-shadow($modal-content-box-shadow-sm-up);
+  }
+
+  .modal-sm { max-width: $modal-sm; }
+
+}
+
+@include media-breakpoint-up(lg) {
+  .modal-lg { max-width: $modal-lg; }
+}
diff --git a/scss/bootstrap/_nav.scss b/scss/bootstrap/_nav.scss
new file mode 100644
index 0000000..fc82161
--- /dev/null
+++ b/scss/bootstrap/_nav.scss
@@ -0,0 +1,118 @@
+// Base class
+//
+// Kickstart any navigation component with a set of style resets. Works with
+// `<nav>`s or `<ul>`s.
+
+.nav {
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+
+.nav-link {
+  display: block;
+  padding: $nav-link-padding-y $nav-link-padding-x;
+
+  @include hover-focus {
+    text-decoration: none;
+  }
+
+  // Disabled state lightens text
+  &.disabled {
+    color: $nav-link-disabled-color;
+  }
+}
+
+//
+// Tabs
+//
+
+.nav-tabs {
+  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
+
+  .nav-item {
+    margin-bottom: -$nav-tabs-border-width;
+  }
+
+  .nav-link {
+    border: $nav-tabs-border-width solid transparent;
+    @include border-top-radius($nav-tabs-border-radius);
+
+    @include hover-focus {
+      border-color: $nav-tabs-link-hover-border-color;
+    }
+
+    &.disabled {
+      color: $nav-link-disabled-color;
+      background-color: transparent;
+      border-color: transparent;
+    }
+  }
+
+  .nav-link.active,
+  .nav-item.show .nav-link {
+    color: $nav-tabs-link-active-color;
+    background-color: $nav-tabs-link-active-bg;
+    border-color: $nav-tabs-link-active-border-color;
+  }
+
+  .dropdown-menu {
+    // Make dropdown border overlap tab border
+    margin-top: -$nav-tabs-border-width;
+    // Remove the top rounded corners here since there is a hard edge above the menu
+    @include border-top-radius(0);
+  }
+}
+
+
+//
+// Pills
+//
+
+.nav-pills {
+  .nav-link {
+    @include border-radius($nav-pills-border-radius);
+  }
+
+  .nav-link.active,
+  .show > .nav-link {
+    color: $nav-pills-link-active-color;
+    background-color: $nav-pills-link-active-bg;
+  }
+}
+
+
+//
+// Justified variants
+//
+
+.nav-fill {
+  .nav-item {
+    flex: 1 1 auto;
+    text-align: center;
+  }
+}
+
+.nav-justified {
+  .nav-item {
+    flex-basis: 0;
+    flex-grow: 1;
+    text-align: center;
+  }
+}
+
+
+// Tabbable tabs
+//
+// Hide tabbable panes to start, show them when `.active`
+
+.tab-content {
+  > .tab-pane {
+    display: none;
+  }
+  > .active {
+    display: block;
+  }
+}
diff --git a/scss/bootstrap/_navbar.scss b/scss/bootstrap/_navbar.scss
new file mode 100644
index 0000000..0502527
--- /dev/null
+++ b/scss/bootstrap/_navbar.scss
@@ -0,0 +1,299 @@
+// Contents
+//
+// Navbar
+// Navbar brand
+// Navbar nav
+// Navbar text
+// Navbar divider
+// Responsive navbar
+// Navbar position
+// Navbar themes
+
+
+// Navbar
+//
+// Provide a static navbar from which we expand to create full-width, fixed, and
+// other navbar variations.
+
+.navbar {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap; // allow us to do the line break for collapsing content
+  align-items: center;
+  justify-content: space-between; // space out brand from logo
+  padding: $navbar-padding-y $navbar-padding-x;
+
+  // Because flex properties aren't inherited, we need to redeclare these first
+  // few properities so that content nested within behave properly.
+  > .container,
+  > .container-fluid {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+
+
+// Navbar brand
+//
+// Used for brand, project, or site names.
+
+.navbar-brand {
+  display: inline-block;
+  padding-top: $navbar-brand-padding-y;
+  padding-bottom: $navbar-brand-padding-y;
+  margin-right: $navbar-padding-x;
+  font-size: $navbar-brand-font-size;
+  line-height: inherit;
+  white-space: nowrap;
+
+  @include hover-focus {
+    text-decoration: none;
+  }
+}
+
+
+// Navbar nav
+//
+// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
+
+.navbar-nav {
+  display: flex;
+  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+
+  .nav-link {
+    padding-right: 0;
+    padding-left: 0;
+  }
+
+  .dropdown-menu {
+    position: static;
+    float: none;
+  }
+}
+
+
+// Navbar text
+//
+//
+
+.navbar-text {
+  display: inline-block;
+  padding-top: $nav-link-padding-y;
+  padding-bottom: $nav-link-padding-y;
+}
+
+
+// Responsive navbar
+//
+// Custom styles for responsive collapsing and toggling of navbar contents.
+// Powered by the collapse Bootstrap JavaScript plugin.
+
+// When collapsed, prevent the toggleable navbar contents from appearing in
+// the default flexbox row orienation. Requires the use of `flex-wrap: wrap`
+// on the `.navbar` parent.
+.navbar-collapse {
+  flex-basis: 100%;
+  flex-grow: 1;
+  // For always expanded or extra full navbars, ensure content aligns itself
+  // properly vertically. Can be easily overridden with flex utilities.
+  align-items: center;
+}
+
+// Button for toggling the navbar when in its collapsed state
+.navbar-toggler {
+  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
+  font-size: $navbar-toggler-font-size;
+  line-height: 1;
+  background-color: transparent; // remove default button style
+  border: $border-width solid transparent; // remove default button style
+  @include border-radius($navbar-toggler-border-radius);
+
+  @include hover-focus {
+    text-decoration: none;
+  }
+
+  // Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
+  }
+}
+
+// Keep as a separate element so folks can easily override it with another icon
+// or image file as needed.
+.navbar-toggler-icon {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  vertical-align: middle;
+  content: "";
+  background: no-repeat center center;
+  background-size: 100% 100%;
+}
+
+// Generate series of `.navbar-expand-*` responsive classes for configuring
+// where your navbar collapses.
+.navbar-expand {
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    $next: breakpoint-next($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($next, $grid-breakpoints);
+
+    &#{$infix} {
+      @include media-breakpoint-down($breakpoint) {
+        > .container,
+        > .container-fluid {
+          padding-right: 0;
+          padding-left: 0;
+        }
+      }
+
+      @include media-breakpoint-up($next) {
+        flex-flow: row nowrap;
+        justify-content: flex-start;
+
+        .navbar-nav {
+          flex-direction: row;
+
+          .dropdown-menu {
+            position: absolute;
+          }
+
+          .nav-link {
+            padding-right: $navbar-nav-link-padding-x;
+            padding-left: $navbar-nav-link-padding-x;
+          }
+        }
+
+        // For nesting containers, have to redeclare for alignment purposes
+        > .container,
+        > .container-fluid {
+          flex-wrap: nowrap;
+        }
+
+        .navbar-collapse {
+          display: flex !important;  // stylelint-disable-line declaration-no-important
+
+          // Changes flex-bases to auto because of an IE10 bug
+          flex-basis: auto;
+        }
+
+        .navbar-toggler {
+          display: none;
+        }
+      }
+    }
+  }
+}
+
+
+// Navbar themes
+//
+// Styles for switching between navbars with light or dark background.
+
+// Dark links against a light background
+.navbar-light {
+  .navbar-brand {
+    color: $navbar-light-active-color;
+
+    @include hover-focus {
+      color: $navbar-light-active-color;
+    }
+  }
+
+  .navbar-nav {
+    .nav-link {
+      color: $navbar-light-color;
+
+      @include hover-focus {
+        color: $navbar-light-hover-color;
+      }
+
+      &.disabled {
+        color: $navbar-light-disabled-color;
+      }
+    }
+
+    .show > .nav-link,
+    .active > .nav-link,
+    .nav-link.show,
+    .nav-link.active {
+      color: $navbar-light-active-color;
+    }
+  }
+
+  .navbar-toggler {
+    color: $navbar-light-color;
+    border-color: $navbar-light-toggler-border-color;
+  }
+
+  .navbar-toggler-icon {
+    background-image: $navbar-light-toggler-icon-bg;
+  }
+
+  .navbar-text {
+    color: $navbar-light-color;
+    a {
+      color: $navbar-light-active-color;
+
+      @include hover-focus {
+        color: $navbar-light-active-color;
+      }
+    }
+  }
+}
+
+// White links against a dark background
+.navbar-dark {
+  .navbar-brand {
+    color: $navbar-dark-active-color;
+
+    @include hover-focus {
+      color: $navbar-dark-active-color;
+    }
+  }
+
+  .navbar-nav {
+    .nav-link {
+      color: $navbar-dark-color;
+
+      @include hover-focus {
+        color: $navbar-dark-hover-color;
+      }
+
+      &.disabled {
+        color: $navbar-dark-disabled-color;
+      }
+    }
+
+    .show > .nav-link,
+    .active > .nav-link,
+    .nav-link.show,
+    .nav-link.active {
+      color: $navbar-dark-active-color;
+    }
+  }
+
+  .navbar-toggler {
+    color: $navbar-dark-color;
+    border-color: $navbar-dark-toggler-border-color;
+  }
+
+  .navbar-toggler-icon {
+    background-image: $navbar-dark-toggler-icon-bg;
+  }
+
+  .navbar-text {
+    color: $navbar-dark-color;
+    a {
+      color: $navbar-dark-active-color;
+
+      @include hover-focus {
+        color: $navbar-dark-active-color;
+      }
+    }
+  }
+}
diff --git a/scss/bootstrap/_pagination.scss b/scss/bootstrap/_pagination.scss
new file mode 100644
index 0000000..9349f3f
--- /dev/null
+++ b/scss/bootstrap/_pagination.scss
@@ -0,0 +1,78 @@
+.pagination {
+  display: flex;
+  @include list-unstyled();
+  @include border-radius();
+}
+
+.page-link {
+  position: relative;
+  display: block;
+  padding: $pagination-padding-y $pagination-padding-x;
+  margin-left: -$pagination-border-width;
+  line-height: $pagination-line-height;
+  color: $pagination-color;
+  background-color: $pagination-bg;
+  border: $pagination-border-width solid $pagination-border-color;
+
+  &:hover {
+    z-index: 2;
+    color: $pagination-hover-color;
+    text-decoration: none;
+    background-color: $pagination-hover-bg;
+    border-color: $pagination-hover-border-color;
+  }
+
+  &:focus {
+    z-index: 2;
+    outline: $pagination-focus-outline;
+    box-shadow: $pagination-focus-box-shadow;
+  }
+
+  // Opinionated: add "hand" cursor to non-disabled .page-link elements
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
+  }
+}
+
+.page-item {
+  &:first-child {
+    .page-link {
+      margin-left: 0;
+      @include border-left-radius($border-radius);
+    }
+  }
+  &:last-child {
+    .page-link {
+      @include border-right-radius($border-radius);
+    }
+  }
+
+  &.active .page-link {
+    z-index: 1;
+    color: $pagination-active-color;
+    background-color: $pagination-active-bg;
+    border-color: $pagination-active-border-color;
+  }
+
+  &.disabled .page-link {
+    color: $pagination-disabled-color;
+    pointer-events: none;
+    // Opinionated: remove the "hand" cursor set previously for .page-link
+    cursor: auto;
+    background-color: $pagination-disabled-bg;
+    border-color: $pagination-disabled-border-color;
+  }
+}
+
+
+//
+// Sizing
+//
+
+.pagination-lg {
+  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
+}
+
+.pagination-sm {
+  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
+}
diff --git a/scss/bootstrap/_popover.scss b/scss/bootstrap/_popover.scss
new file mode 100644
index 0000000..3ef5f62
--- /dev/null
+++ b/scss/bootstrap/_popover.scss
@@ -0,0 +1,183 @@
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: $zindex-popover;
+  display: block;
+  max-width: $popover-max-width;
+  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
+  // So reset our font and text properties to avoid inheriting weird values.
+  @include reset-text();
+  font-size: $popover-font-size;
+  // Allow breaking very long words so they don't overflow the popover's bounds
+  word-wrap: break-word;
+  background-color: $popover-bg;
+  background-clip: padding-box;
+  border: $popover-border-width solid $popover-border-color;
+  @include border-radius($popover-border-radius);
+  @include box-shadow($popover-box-shadow);
+
+  .arrow {
+    position: absolute;
+    display: block;
+    width: $popover-arrow-width;
+    height: $popover-arrow-height;
+    margin: 0 $border-radius-lg;
+
+    &::before,
+    &::after {
+      position: absolute;
+      display: block;
+      content: "";
+      border-color: transparent;
+      border-style: solid;
+    }
+  }
+}
+
+.bs-popover-top {
+  margin-bottom: $popover-arrow-height;
+
+  .arrow {
+    bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
+  }
+
+  .arrow::before,
+  .arrow::after {
+    border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
+  }
+
+  .arrow::before {
+    bottom: 0;
+    border-top-color: $popover-arrow-outer-color;
+  }
+
+  .arrow::after {
+    bottom: $popover-border-width;
+    border-top-color: $popover-arrow-color;
+  }
+}
+
+.bs-popover-right {
+  margin-left: $popover-arrow-height;
+
+  .arrow {
+    left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
+    width: $popover-arrow-height;
+    height: $popover-arrow-width;
+    margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
+  }
+
+  .arrow::before,
+  .arrow::after {
+    border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
+  }
+
+  .arrow::before {
+    left: 0;
+    border-right-color: $popover-arrow-outer-color;
+  }
+
+  .arrow::after {
+    left: $popover-border-width;
+    border-right-color: $popover-arrow-color;
+  }
+}
+
+.bs-popover-bottom {
+  margin-top: $popover-arrow-height;
+
+  .arrow {
+    top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
+  }
+
+  .arrow::before,
+  .arrow::after {
+    border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
+  }
+
+  .arrow::before {
+    top: 0;
+    border-bottom-color: $popover-arrow-outer-color;
+  }
+
+  .arrow::after {
+    top: $popover-border-width;
+    border-bottom-color: $popover-arrow-color;
+  }
+
+  // This will remove the popover-header's border just below the arrow
+  .popover-header::before {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    display: block;
+    width: $popover-arrow-width;
+    margin-left: ($popover-arrow-width / -2);
+    content: "";
+    border-bottom: $popover-border-width solid $popover-header-bg;
+  }
+}
+
+.bs-popover-left {
+  margin-right: $popover-arrow-height;
+
+  .arrow {
+    right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
+    width: $popover-arrow-height;
+    height: $popover-arrow-width;
+    margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
+  }
+
+  .arrow::before,
+  .arrow::after {
+    border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
+  }
+
+  .arrow::before {
+    right: 0;
+    border-left-color: $popover-arrow-outer-color;
+  }
+
+  .arrow::after {
+    right: $popover-border-width;
+    border-left-color: $popover-arrow-color;
+  }
+}
+
+.bs-popover-auto {
+  &[x-placement^="top"] {
+    @extend .bs-popover-top;
+  }
+  &[x-placement^="right"] {
+    @extend .bs-popover-right;
+  }
+  &[x-placement^="bottom"] {
+    @extend .bs-popover-bottom;
+  }
+  &[x-placement^="left"] {
+    @extend .bs-popover-left;
+  }
+}
+
+
+// Offset the popover to account for the popover arrow
+.popover-header {
+  padding: $popover-header-padding-y $popover-header-padding-x;
+  margin-bottom: 0; // Reset the default from Reboot
+  font-size: $font-size-base;
+  color: $popover-header-color;
+  background-color: $popover-header-bg;
+  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
+  $offset-border-width: calc(#{$border-radius-lg} - #{$popover-border-width});
+  @include border-top-radius($offset-border-width);
+
+  &:empty {
+    display: none;
+  }
+}
+
+.popover-body {
+  padding: $popover-body-padding-y $popover-body-padding-x;
+  color: $popover-body-color;
+}
diff --git a/scss/bootstrap/_print.scss b/scss/bootstrap/_print.scss
new file mode 100644
index 0000000..410216d
--- /dev/null
+++ b/scss/bootstrap/_print.scss
@@ -0,0 +1,124 @@
+// stylelint-disable declaration-no-important, selector-no-qualifying-type
+
+// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
+
+// ==========================================================================
+// Print styles.
+// Inlined to avoid the additional HTTP request:
+// https://www.phpied.com/delay-loading-your-print-css/
+// ==========================================================================
+
+@if $enable-print-styles {
+  @media print {
+    *,
+    *::before,
+    *::after {
+      // Bootstrap specific; comment out `color` and `background`
+      //color: $black !important; // Black prints faster
+      text-shadow: none !important;
+      //background: transparent !important;
+      box-shadow: none !important;
+    }
+
+    a {
+      &:not(.btn) {
+        text-decoration: underline;
+      }
+    }
+
+    // Bootstrap specific; comment the following selector out
+    //a[href]::after {
+    //  content: " (" attr(href) ")";
+    //}
+
+    abbr[title]::after {
+      content: " (" attr(title) ")";
+    }
+
+    // Bootstrap specific; comment the following selector out
+    //
+    // Don't show links that are fragment identifiers,
+    // or use the `javascript:` pseudo protocol
+    //
+
+    //a[href^="#"]::after,
+    //a[href^="javascript:"]::after {
+    // content: "";
+    //}
+
+    pre {
+      white-space: pre-wrap !important;
+    }
+    pre,
+    blockquote {
+      border: $border-width solid $gray-500;   // Bootstrap custom code; using `$border-width` instead of 1px
+      page-break-inside: avoid;
+    }
+
+    //
+    // Printing Tables:
+    // http://css-discuss.incutio.com/wiki/Printing_Tables
+    //
+
+    thead {
+      display: table-header-group;
+    }
+
+    tr,
+    img {
+      page-break-inside: avoid;
+    }
+
+    p,
+    h2,
+    h3 {
+      orphans: 3;
+      widows: 3;
+    }
+
+    h2,
+    h3 {
+      page-break-after: avoid;
+    }
+
+    // Bootstrap specific changes start
+
+    // Specify a size and min-width to make printing closer across browsers.
+    // We don't set margin here because it breaks `size` in Chrome. We also
+    // don't use `!important` on `size` as it breaks in Chrome.
+    @page {
+      size: $print-page-size;
+    }
+    body {
+      min-width: $print-body-min-width !important;
+    }
+    .container {
+      min-width: $print-body-min-width !important;
+    }
+
+    // Bootstrap components
+    .navbar {
+      display: none;
+    }
+    .badge {
+      border: $border-width solid $black;
+    }
+
+    .table {
+      border-collapse: collapse !important;
+
+      td,
+      th {
+        background-color: $white !important;
+      }
+    }
+    .table-bordered {
+      th,
+      td {
+        border: 1px solid $gray-300 !important;
+      }
+    }
+
+    // Bootstrap specific changes end
+  }
+}
diff --git a/scss/bootstrap/_progress.scss b/scss/bootstrap/_progress.scss
new file mode 100644
index 0000000..0ac3e0c
--- /dev/null
+++ b/scss/bootstrap/_progress.scss
@@ -0,0 +1,34 @@
+@keyframes progress-bar-stripes {
+  from { background-position: $progress-height 0; }
+  to { background-position: 0 0; }
+}
+
+.progress {
+  display: flex;
+  height: $progress-height;
+  overflow: hidden; // force rounded corners by cropping it
+  font-size: $progress-font-size;
+  background-color: $progress-bg;
+  @include border-radius($progress-border-radius);
+  @include box-shadow($progress-box-shadow);
+}
+
+.progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  color: $progress-bar-color;
+  text-align: center;
+  white-space: nowrap;
+  background-color: $progress-bar-bg;
+  @include transition($progress-bar-transition);
+}
+
+.progress-bar-striped {
+  @include gradient-striped();
+  background-size: $progress-height $progress-height;
+}
+
+.progress-bar-animated {
+  animation: progress-bar-stripes $progress-bar-animation-timing;
+}
diff --git a/scss/bootstrap/_reboot.scss b/scss/bootstrap/_reboot.scss
new file mode 100644
index 0000000..dd23f16
--- /dev/null
+++ b/scss/bootstrap/_reboot.scss
@@ -0,0 +1,482 @@
+// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
+
+// Reboot
+//
+// Normalization of HTML elements, manually forked from Normalize.css to remove
+// styles targeting irrelevant browsers while applying new styles.
+//
+// Normalize is licensed MIT. https://github.com/necolas/normalize.css
+
+
+// Document
+//
+// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
+// 2. Change the default font family in all browsers.
+// 3. Correct the line height in all browsers.
+// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
+// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so
+//    we force a non-overlapping, non-auto-hiding scrollbar to counteract.
+// 6. Change the default tap highlight to be completely transparent in iOS.
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box; // 1
+}
+
+html {
+  font-family: sans-serif; // 2
+  line-height: 1.15; // 3
+  -webkit-text-size-adjust: 100%; // 4
+  -ms-text-size-adjust: 100%; // 4
+  -ms-overflow-style: scrollbar; // 5
+  -webkit-tap-highlight-color: rgba($black, 0); // 6
+}
+
+// IE10+ doesn't honor `<meta name="viewport">` in some cases.
+@at-root {
+  @-ms-viewport {
+    width: device-width;
+  }
+}
+
+// stylelint-disable selector-list-comma-newline-after
+// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+// stylelint-enable selector-list-comma-newline-after
+
+// Body
+//
+// 1. Remove the margin in all browsers.
+// 2. As a best practice, apply a default `background-color`.
+// 3. Set an explicit initial text-align value so that we can later use the
+//    the `inherit` value on things like `<th>` elements.
+
+body {
+  margin: 0; // 1
+  font-family: $font-family-base;
+  font-size: $font-size-base;
+  font-weight: $font-weight-base;
+  line-height: $line-height-base;
+  color: $body-color;
+  text-align: left; // 3
+  background-color: $body-bg; // 2
+}
+
+// Suppress the focus outline on elements that cannot be accessed via keyboard.
+// This prevents an unwanted focus outline from appearing around elements that
+// might still respond to pointer events.
+//
+// Credit: https://github.com/suitcss/base
+[tabindex="-1"]:focus {
+  outline: 0 !important;
+}
+
+
+// Content grouping
+//
+// 1. Add the correct box sizing in Firefox.
+// 2. Show the overflow in Edge and IE.
+
+hr {
+  box-sizing: content-box; // 1
+  height: 0; // 1
+  overflow: visible; // 2
+}
+
+
+//
+// Typography
+//
+
+// Remove top margins from headings
+//
+// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
+// margin for easier control within type scales as it avoids margin collapsing.
+// stylelint-disable selector-list-comma-newline-after
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: $headings-margin-bottom;
+}
+// stylelint-enable selector-list-comma-newline-after
+
+// Reset margins on paragraphs
+//
+// Similarly, the top margin on `<p>`s get reset. However, we also reset the
+// bottom margin to use `rem` units instead of `em`.
+p {
+  margin-top: 0;
+  margin-bottom: $paragraph-margin-bottom;
+}
+
+// Abbreviations
+//
+// 1. Remove the bottom border in Firefox 39-.
+// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+// 3. Add explicit cursor to indicate changed behavior.
+// 4. Duplicate behavior to the data-* attribute for our tooltip plugin
+
+abbr[title],
+abbr[data-original-title] { // 4
+  text-decoration: underline; // 2
+  text-decoration: underline dotted; // 2
+  cursor: help; // 3
+  border-bottom: 0; // 1
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: $dt-font-weight;
+}
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0; // Undo browser default
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+dfn {
+  font-style: italic; // Add the correct font style in Android 4.3-
+}
+
+// stylelint-disable font-weight-notation
+b,
+strong {
+  font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari
+}
+// stylelint-enable font-weight-notation
+
+small {
+  font-size: 80%; // Add the correct font size in all browsers
+}
+
+//
+// Prevent `sub` and `sup` elements from affecting the line height in
+// all browsers.
+//
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub { bottom: -.25em; }
+sup { top: -.5em; }
+
+
+//
+// Links
+//
+
+a {
+  color: $link-color;
+  text-decoration: $link-decoration;
+  background-color: transparent; // Remove the gray background on active links in IE 10.
+  -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.
+
+  @include hover {
+    color: $link-hover-color;
+    text-decoration: $link-hover-decoration;
+  }
+}
+
+// And undo these styles for placeholder links/named anchors (without href)
+// which have not been made explicitly keyboard-focusable (without tabindex).
+// It would be more straightforward to just use a[href] in previous block, but that
+// causes specificity issues in many other styles that are too complex to fix.
+// See https://github.com/twbs/bootstrap/issues/19402
+
+a:not([href]):not([tabindex]) {
+  color: inherit;
+  text-decoration: none;
+
+  @include hover-focus {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  &:focus {
+    outline: 0;
+  }
+}
+
+
+//
+// Code
+//
+
+// stylelint-disable font-family-no-duplicate-names
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.
+  font-size: 1em; // Correct the odd `em` font sizing in all browsers.
+}
+// stylelint-enable font-family-no-duplicate-names
+
+pre {
+  // Remove browser default top margin
+  margin-top: 0;
+  // Reset browser default of `1em` to use `rem`s
+  margin-bottom: 1rem;
+  // Don't allow content to break outside
+  overflow: auto;
+  // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so
+  // we force a non-overlapping, non-auto-hiding scrollbar to counteract.
+  -ms-overflow-style: scrollbar;
+}
+
+
+//
+// Figures
+//
+
+figure {
+  // Apply a consistent margin strategy (matches our type styles).
+  margin: 0 0 1rem;
+}
+
+
+//
+// Images and content
+//
+
+img {
+  vertical-align: middle;
+  border-style: none; // Remove the border on images inside links in IE 10-.
+}
+
+svg:not(:root) {
+  overflow: hidden; // Hide the overflow in IE
+}
+
+
+//
+// Tables
+//
+
+table {
+  border-collapse: collapse; // Prevent double borders
+}
+
+caption {
+  padding-top: $table-cell-padding;
+  padding-bottom: $table-cell-padding;
+  color: $table-caption-color;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  // Matches default `<td>` alignment by inheriting from the `<body>`, or the
+  // closest parent with a set `text-align`.
+  text-align: inherit;
+}
+
+
+//
+// Forms
+//
+
+label {
+  // Allow labels to use `margin` for spacing.
+  display: inline-block;
+  margin-bottom: $label-margin-bottom;
+}
+
+// Remove the default `border-radius` that macOS Chrome adds.
+//
+// Details at https://github.com/twbs/bootstrap/issues/24093
+button {
+  border-radius: 0;
+}
+
+// Work around a Firefox/IE bug where the transparent `button` background
+// results in a loss of the default `button` focus styles.
+//
+// Credit: https://github.com/suitcss/base/
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0; // Remove the margin in Firefox and Safari
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible; // Show the overflow in Edge
+}
+
+button,
+select {
+  text-transform: none; // Remove the inheritance of text transform in Firefox
+}
+
+// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+//    controls in Android 4.
+// 2. Correct the inability to style clickable types in iOS and Safari.
+button,
+html [type="button"], // 1
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; // 2
+}
+
+// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
+  padding: 0; // 2. Remove the padding in IE 10-
+}
+
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  // Remove the default appearance of temporal inputs to avoid a Mobile Safari
+  // bug where setting a custom line-height prevents text from being vertically
+  // centered within the input.
+  // See https://bugs.webkit.org/show_bug.cgi?id=139848
+  // and https://github.com/twbs/bootstrap/issues/11266
+  -webkit-appearance: listbox;
+}
+
+textarea {
+  overflow: auto; // Remove the default vertical scrollbar in IE.
+  // Textareas should really only resize vertically so they don't break their (horizontal) containers.
+  resize: vertical;
+}
+
+fieldset {
+  // Browsers set a default `min-width: min-content;` on fieldsets,
+  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.
+  // So we reset that to ensure fieldsets behave more like a standard block element.
+  // See https://github.com/twbs/bootstrap/issues/12359
+  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
+  min-width: 0;
+  // Reset the default outline behavior of fieldsets so they don't affect page layout.
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+// 1. Correct the text wrapping in Edge and IE.
+// 2. Correct the color inheritance from `fieldset` elements in IE.
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%; // 1
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit; // 2
+  white-space: normal; // 1
+}
+
+progress {
+  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
+}
+
+// Correct the cursor style of increment and decrement buttons in Chrome.
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  // This overrides the extra rounded corners on search inputs in iOS so that our
+  // `.form-control` class can properly style them. Note that this cannot simply
+  // be added to `.form-control` as it's not specific enough. For details, see
+  // https://github.com/twbs/bootstrap/issues/11586.
+  outline-offset: -2px; // 2. Correct the outline style in Safari.
+  -webkit-appearance: none;
+}
+
+//
+// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+//
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+//
+// 1. Correct the inability to style clickable types in iOS and Safari.
+// 2. Change font properties to `inherit` in Safari.
+//
+
+::-webkit-file-upload-button {
+  font: inherit; // 2
+  -webkit-appearance: button; // 1
+}
+
+//
+// Correct element displays
+//
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item; // Add the correct display in all browsers
+  cursor: pointer;
+}
+
+template {
+  display: none; // Add the correct display in IE
+}
+
+// Always hide an element with the `hidden` HTML attribute (from PureCSS).
+// Needed for proper display in IE 10-.
+[hidden] {
+  display: none !important;
+}
diff --git a/scss/bootstrap/_root.scss b/scss/bootstrap/_root.scss
new file mode 100644
index 0000000..ad550df
--- /dev/null
+++ b/scss/bootstrap/_root.scss
@@ -0,0 +1,19 @@
+:root {
+  // Custom variable values only support SassScript inside `#{}`.
+  @each $color, $value in $colors {
+    --#{$color}: #{$value};
+  }
+
+  @each $color, $value in $theme-colors {
+    --#{$color}: #{$value};
+  }
+
+  @each $bp, $value in $grid-breakpoints {
+    --breakpoint-#{$bp}: #{$value};
+  }
+
+  // Use `inspect` for lists so that quoted items keep the quotes.
+  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
+  --font-family-sans-serif: #{inspect($font-family-sans-serif)};
+  --font-family-monospace: #{inspect($font-family-monospace)};
+}
diff --git a/scss/bootstrap/_tables.scss b/scss/bootstrap/_tables.scss
new file mode 100644
index 0000000..b32732f
--- /dev/null
+++ b/scss/bootstrap/_tables.scss
@@ -0,0 +1,188 @@
+//
+// Basic Bootstrap table
+//
+
+.table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: $spacer;
+  background-color: $table-bg; // Reset for nesting within parents with `background-color`.
+
+  th,
+  td {
+    padding: $table-cell-padding;
+    vertical-align: top;
+    border-top: $table-border-width solid $table-border-color;
+  }
+
+  thead th {
+    vertical-align: bottom;
+    border-bottom: (2 * $table-border-width) solid $table-border-color;
+  }
+
+  tbody + tbody {
+    border-top: (2 * $table-border-width) solid $table-border-color;
+  }
+
+  .table {
+    background-color: $body-bg;
+  }
+}
+
+
+//
+// Condensed table w/ half padding
+//
+
+.table-sm {
+  th,
+  td {
+    padding: $table-cell-padding-sm;
+  }
+}
+
+
+// Border versions
+//
+// Add or remove borders all around the table and between all the columns.
+
+.table-bordered {
+  border: $table-border-width solid $table-border-color;
+
+  th,
+  td {
+    border: $table-border-width solid $table-border-color;
+  }
+
+  thead {
+    th,
+    td {
+      border-bottom-width: (2 * $table-border-width);
+    }
+  }
+}
+
+.table-borderless {
+  th,
+  td,
+  thead th,
+  tbody + tbody {
+    border: 0;
+  }
+}
+
+// Zebra-striping
+//
+// Default zebra-stripe styles (alternating gray and transparent backgrounds)
+
+.table-striped {
+  tbody tr:nth-of-type(#{$table-striped-order}) {
+    background-color: $table-accent-bg;
+  }
+}
+
+
+// Hover effect
+//
+// Placed here since it has to come after the potential zebra striping
+
+.table-hover {
+  tbody tr {
+    @include hover {
+      background-color: $table-hover-bg;
+    }
+  }
+}
+
+
+// Table backgrounds
+//
+// Exact selectors below required to override `.table-striped` and prevent
+// inheritance to nested tables.
+
+@each $color, $value in $theme-colors {
+  @include table-row-variant($color, theme-color-level($color, -9));
+}
+
+@include table-row-variant(active, $table-active-bg);
+
+
+// Dark styles
+//
+// Same table markup, but inverted color scheme: dark background and light text.
+
+// stylelint-disable-next-line no-duplicate-selectors
+.table {
+  .thead-dark {
+    th {
+      color: $table-dark-color;
+      background-color: $table-dark-bg;
+      border-color: $table-dark-border-color;
+    }
+  }
+
+  .thead-light {
+    th {
+      color: $table-head-color;
+      background-color: $table-head-bg;
+      border-color: $table-border-color;
+    }
+  }
+}
+
+.table-dark {
+  color: $table-dark-color;
+  background-color: $table-dark-bg;
+
+  th,
+  td,
+  thead th {
+    border-color: $table-dark-border-color;
+  }
+
+  &.table-bordered {
+    border: 0;
+  }
+
+  &.table-striped {
+    tbody tr:nth-of-type(odd) {
+      background-color: $table-dark-accent-bg;
+    }
+  }
+
+  &.table-hover {
+    tbody tr {
+      @include hover {
+        background-color: $table-dark-hover-bg;
+      }
+    }
+  }
+}
+
+
+// Responsive tables
+//
+// Generate series of `.table-responsive-*` classes for configuring the screen
+// size of where your table will overflow.
+
+.table-responsive {
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    $next: breakpoint-next($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($next, $grid-breakpoints);
+
+    &#{$infix} {
+      @include media-breakpoint-down($breakpoint) {
+        display: block;
+        width: 100%;
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+        -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
+
+        // Prevent double border on horizontal scroll due to use of `display: block;`
+        > .table-bordered {
+          border: 0;
+        }
+      }
+    }
+  }
+}
diff --git a/scss/bootstrap/_tooltip.scss b/scss/bootstrap/_tooltip.scss
new file mode 100644
index 0000000..1286ebf
--- /dev/null
+++ b/scss/bootstrap/_tooltip.scss
@@ -0,0 +1,115 @@
+// Base class
+.tooltip {
+  position: absolute;
+  z-index: $zindex-tooltip;
+  display: block;
+  margin: $tooltip-margin;
+  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
+  // So reset our font and text properties to avoid inheriting weird values.
+  @include reset-text();
+  font-size: $tooltip-font-size;
+  // Allow breaking very long words so they don't overflow the tooltip's bounds
+  word-wrap: break-word;
+  opacity: 0;
+
+  &.show { opacity: $tooltip-opacity; }
+
+  .arrow {
+    position: absolute;
+    display: block;
+    width: $tooltip-arrow-width;
+    height: $tooltip-arrow-height;
+
+    &::before {
+      position: absolute;
+      content: "";
+      border-color: transparent;
+      border-style: solid;
+    }
+  }
+}
+
+.bs-tooltip-top {
+  padding: $tooltip-arrow-height 0;
+
+  .arrow {
+    bottom: 0;
+
+    &::before {
+      top: 0;
+      border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
+      border-top-color: $tooltip-arrow-color;
+    }
+  }
+}
+
+.bs-tooltip-right {
+  padding: 0 $tooltip-arrow-height;
+
+  .arrow {
+    left: 0;
+    width: $tooltip-arrow-height;
+    height: $tooltip-arrow-width;
+
+    &::before {
+      right: 0;
+      border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
+      border-right-color: $tooltip-arrow-color;
+    }
+  }
+}
+
+.bs-tooltip-bottom {
+  padding: $tooltip-arrow-height 0;
+
+  .arrow {
+    top: 0;
+
+    &::before {
+      bottom: 0;
+      border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
+      border-bottom-color: $tooltip-arrow-color;
+    }
+  }
+}
+
+.bs-tooltip-left {
+  padding: 0 $tooltip-arrow-height;
+
+  .arrow {
+    right: 0;
+    width: $tooltip-arrow-height;
+    height: $tooltip-arrow-width;
+
+    &::before {
+      left: 0;
+      border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
+      border-left-color: $tooltip-arrow-color;
+    }
+  }
+}
+
+.bs-tooltip-auto {
+  &[x-placement^="top"] {
+    @extend .bs-tooltip-top;
+  }
+  &[x-placement^="right"] {
+    @extend .bs-tooltip-right;
+  }
+  &[x-placement^="bottom"] {
+    @extend .bs-tooltip-bottom;
+  }
+  &[x-placement^="left"] {
+    @extend .bs-tooltip-left;
+  }
+}
+
+// Wrapper for the tooltip content
+.tooltip-inner {
+  max-width: $tooltip-max-width;
+  padding: $tooltip-padding-y $tooltip-padding-x;
+  color: $tooltip-color;
+  text-align: center;
+  background-color: $tooltip-bg;
+  @include border-radius($tooltip-border-radius);
+}
diff --git a/scss/bootstrap/_transitions.scss b/scss/bootstrap/_transitions.scss
new file mode 100644
index 0000000..c8d91e2
--- /dev/null
+++ b/scss/bootstrap/_transitions.scss
@@ -0,0 +1,22 @@
+// stylelint-disable selector-no-qualifying-type
+
+.fade {
+  @include transition($transition-fade);
+
+  &:not(.show) {
+    opacity: 0;
+  }
+}
+
+.collapse {
+  &:not(.show) {
+    display: none;
+  }
+}
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  @include transition($transition-collapse);
+}
diff --git a/scss/bootstrap/_type.scss b/scss/bootstrap/_type.scss
new file mode 100644
index 0000000..57d610f
--- /dev/null
+++ b/scss/bootstrap/_type.scss
@@ -0,0 +1,125 @@
+// stylelint-disable declaration-no-important, selector-list-comma-newline-after
+
+//
+// Headings
+//
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  margin-bottom: $headings-margin-bottom;
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight;
+  line-height: $headings-line-height;
+  color: $headings-color;
+}
+
+h1, .h1 { font-size: $h1-font-size; }
+h2, .h2 { font-size: $h2-font-size; }
+h3, .h3 { font-size: $h3-font-size; }
+h4, .h4 { font-size: $h4-font-size; }
+h5, .h5 { font-size: $h5-font-size; }
+h6, .h6 { font-size: $h6-font-size; }
+
+.lead {
+  font-size: $lead-font-size;
+  font-weight: $lead-font-weight;
+}
+
+// Type display classes
+.display-1 {
+  font-size: $display1-size;
+  font-weight: $display1-weight;
+  line-height: $display-line-height;
+}
+.display-2 {
+  font-size: $display2-size;
+  font-weight: $display2-weight;
+  line-height: $display-line-height;
+}
+.display-3 {
+  font-size: $display3-size;
+  font-weight: $display3-weight;
+  line-height: $display-line-height;
+}
+.display-4 {
+  font-size: $display4-size;
+  font-weight: $display4-weight;
+  line-height: $display-line-height;
+}
+
+
+//
+// Horizontal rules
+//
+
+hr {
+  margin-top: $hr-margin-y;
+  margin-bottom: $hr-margin-y;
+  border: 0;
+  border-top: $hr-border-width solid $hr-border-color;
+}
+
+
+//
+// Emphasis
+//
+
+small,
+.small {
+  font-size: $small-font-size;
+  font-weight: $font-weight-normal;
+}
+
+mark,
+.mark {
+  padding: $mark-padding;
+  background-color: $mark-bg;
+}
+
+
+//
+// Lists
+//
+
+.list-unstyled {
+  @include list-unstyled;
+}
+
+// Inline turns list items into inline-block
+.list-inline {
+  @include list-unstyled;
+}
+.list-inline-item {
+  display: inline-block;
+
+  &:not(:last-child) {
+    margin-right: $list-inline-padding;
+  }
+}
+
+
+//
+// Misc
+//
+
+// Builds on `abbr`
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+
+// Blockquotes
+.blockquote {
+  margin-bottom: $spacer;
+  font-size: $blockquote-font-size;
+}
+
+.blockquote-footer {
+  display: block;
+  font-size: 80%; // back to default font-size
+  color: $blockquote-small-color;
+
+  &::before {
+    content: "\2014 \00A0"; // em dash, nbsp
+  }
+}
diff --git a/scss/bootstrap/_utilities.scss b/scss/bootstrap/_utilities.scss
new file mode 100644
index 0000000..6c7a7cd
--- /dev/null
+++ b/scss/bootstrap/_utilities.scss
@@ -0,0 +1,15 @@
+@import "utilities/align";
+@import "utilities/background";
+@import "utilities/borders";
+@import "utilities/clearfix";
+@import "utilities/display";
+@import "utilities/embed";
+@import "utilities/flex";
+@import "utilities/float";
+@import "utilities/position";
+@import "utilities/screenreaders";
+@import "utilities/shadows";
+@import "utilities/sizing";
+@import "utilities/spacing";
+@import "utilities/text";
+@import "utilities/visibility";
diff --git a/scss/bootstrap/_variables.scss b/scss/bootstrap/_variables.scss
new file mode 100644
index 0000000..1e17429
--- /dev/null
+++ b/scss/bootstrap/_variables.scss
@@ -0,0 +1,928 @@
+// Variables
+//
+// Variables should follow the `$component-state-property-size` formula for
+// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
+
+
+//
+// Color system
+//
+
+// stylelint-disable
+$white:    #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #6c757d !default;
+$gray-700: #495057 !default;
+$gray-800: #343a40 !default;
+$gray-900: #212529 !default;
+$black:    #000 !default;
+
+$grays: () !default;
+$grays: map-merge((
+  "100": $gray-100,
+  "200": $gray-200,
+  "300": $gray-300,
+  "400": $gray-400,
+  "500": $gray-500,
+  "600": $gray-600,
+  "700": $gray-700,
+  "800": $gray-800,
+  "900": $gray-900
+), $grays);
+
+$blue:    #007bff !default;
+$indigo:  #6610f2 !default;
+$purple:  #6f42c1 !default;
+$pink:    #e83e8c !default;
+$red:     #dc3545 !default;
+$orange:  #fd7e14 !default;
+$yellow:  #ffc107 !default;
+$green:   #28a745 !default;
+$teal:    #20c997 !default;
+$cyan:    #17a2b8 !default;
+
+$colors: () !default;
+$colors: map-merge((
+  "blue":       $blue,
+  "indigo":     $indigo,
+  "purple":     $purple,
+  "pink":       $pink,
+  "red":        $red,
+  "orange":     $orange,
+  "yellow":     $yellow,
+  "green":      $green,
+  "teal":       $teal,
+  "cyan":       $cyan,
+  "white":      $white,
+  "gray":       $gray-600,
+  "gray-dark":  $gray-800
+), $colors);
+
+$primary:       $blue !default;
+$secondary:     $gray-600 !default;
+$success:       $green !default;
+$info:          $cyan !default;
+$warning:       $yellow !default;
+$danger:        $red !default;
+$light:         $gray-100 !default;
+$dark:          $gray-800 !default;
+
+$theme-colors: () !default;
+$theme-colors: map-merge((
+  "primary":    $primary,
+  "secondary":  $secondary,
+  "success":    $success,
+  "info":       $info,
+  "warning":    $warning,
+  "danger":     $danger,
+  "light":      $light,
+  "dark":       $dark
+), $theme-colors);
+// stylelint-enable
+
+// Set a specific jump point for requesting color jumps
+$theme-color-interval:      8% !default;
+
+// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
+$yiq-contrasted-threshold:  150 !default;
+
+// Customize the light and dark text colors for use in our YIQ color contrast function.
+$yiq-text-dark:             $gray-900 !default;
+$yiq-text-light:            $white !default;
+
+// Options
+//
+// Quickly modify global styling by enabling or disabling optional features.
+
+$enable-caret:              true !default;
+$enable-rounded:            true !default;
+$enable-shadows:            false !default;
+$enable-gradients:          false !default;
+$enable-transitions:        true !default;
+$enable-hover-media-query:  false !default; // Deprecated, no longer affects any compiled CSS
+$enable-grid-classes:       true !default;
+$enable-print-styles:       true !default;
+
+
+// Spacing
+//
+// Control the default styling of most Bootstrap elements by modifying these
+// variables. Mostly focused on spacing.
+// You can add more entries to the $spacers map, should you need more variation.
+
+// stylelint-disable
+$spacer: 1rem !default;
+$spacers: () !default;
+$spacers: map-merge((
+  0: 0,
+  1: ($spacer * .25),
+  2: ($spacer * .5),
+  3: $spacer,
+  4: ($spacer * 1.5),
+  5: ($spacer * 3)
+), $spacers);
+
+// This variable affects the `.h-*` and `.w-*` classes.
+$sizes: () !default;
+$sizes: map-merge((
+  25: 25%,
+  50: 50%,
+  75: 75%,
+  100: 100%,
+  auto: auto
+), $sizes);
+// stylelint-enable
+
+// Body
+//
+// Settings for the `<body>` element.
+
+$body-bg:                   $white !default;
+$body-color:                $gray-900 !default;
+
+// Links
+//
+// Style anchor elements.
+
+$link-color:                theme-color("primary") !default;
+$link-decoration:           none !default;
+$link-hover-color:          darken($link-color, 15%) !default;
+$link-hover-decoration:     underline !default;
+
+// Paragraphs
+//
+// Style p element.
+
+$paragraph-margin-bottom:   1rem !default;
+
+
+// Grid breakpoints
+//
+// Define the minimum dimensions at which your layout will change,
+// adapting to different screen sizes, for use in media queries.
+
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px
+) !default;
+
+@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
+@include _assert-starts-at-zero($grid-breakpoints);
+
+
+// Grid containers
+//
+// Define the maximum width of `.container` for different screen sizes.
+
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1140px
+) !default;
+
+@include _assert-ascending($container-max-widths, "$container-max-widths");
+
+
+// Grid columns
+//
+// Set the number of columns and specify the width of the gutters.
+
+$grid-columns:                12 !default;
+$grid-gutter-width:           30px !default;
+
+// Components
+//
+// Define common padding and border radius sizes and more.
+
+$line-height-lg:              1.5 !default;
+$line-height-sm:              1.5 !default;
+
+$border-width:                1px !default;
+$border-color:                $gray-300 !default;
+
+$border-radius:               .25rem !default;
+$border-radius-lg:            .3rem !default;
+$border-radius-sm:            .2rem !default;
+
+$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;
+$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;
+$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;
+
+$component-active-color:      $white !default;
+$component-active-bg:         theme-color("primary") !default;
+
+$caret-width:                 .3em !default;
+
+$transition-base:             all .2s ease-in-out !default;
+$transition-fade:             opacity .15s linear !default;
+$transition-collapse:         height .35s ease !default;
+
+
+// Fonts
+//
+// Font, line-height, and color for body text, headings, and more.
+
+// stylelint-disable value-keyword-case
+$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-base:            $font-family-sans-serif !default;
+// stylelint-enable value-keyword-case
+
+$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
+$font-size-lg:                ($font-size-base * 1.25) !default;
+$font-size-sm:                ($font-size-base * .875) !default;
+
+$font-weight-light:           300 !default;
+$font-weight-normal:          400 !default;
+$font-weight-bold:            700 !default;
+
+$font-weight-base:            $font-weight-normal !default;
+$line-height-base:            1.5 !default;
+
+$h1-font-size:                $font-size-base * 2.5 !default;
+$h2-font-size:                $font-size-base * 2 !default;
+$h3-font-size:                $font-size-base * 1.75 !default;
+$h4-font-size:                $font-size-base * 1.5 !default;
+$h5-font-size:                $font-size-base * 1.25 !default;
+$h6-font-size:                $font-size-base !default;
+
+$headings-margin-bottom:      ($spacer / 2) !default;
+$headings-font-family:        inherit !default;
+$headings-font-weight:        500 !default;
+$headings-line-height:        1.2 !default;
+$headings-color:              inherit !default;
+
+$display1-size:               6rem !default;
+$display2-size:               5.5rem !default;
+$display3-size:               4.5rem !default;
+$display4-size:               3.5rem !default;
+
+$display1-weight:             300 !default;
+$display2-weight:             300 !default;
+$display3-weight:             300 !default;
+$display4-weight:             300 !default;
+$display-line-height:         $headings-line-height !default;
+
+$lead-font-size:              ($font-size-base * 1.25) !default;
+$lead-font-weight:            300 !default;
+
+$small-font-size:             80% !default;
+
+$text-muted:                  $gray-600 !default;
+
+$blockquote-small-color:      $gray-600 !default;
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+
+$hr-border-color:             rgba($black, .1) !default;
+$hr-border-width:             $border-width !default;
+
+$mark-padding:                .2em !default;
+
+$dt-font-weight:              $font-weight-bold !default;
+
+$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;
+$nested-kbd-font-weight:      $font-weight-bold !default;
+
+$list-inline-padding:         .5rem !default;
+
+$mark-bg:                     #fcf8e3 !default;
+
+$hr-margin-y:                 $spacer !default;
+
+
+// Tables
+//
+// Customizes the `.table` component with basic values, each used across all table variations.
+
+$table-cell-padding:          .75rem !default;
+$table-cell-padding-sm:       .3rem !default;
+
+$table-bg:                    transparent !default;
+$table-accent-bg:             rgba($black, .05) !default;
+$table-hover-bg:              rgba($black, .075) !default;
+$table-active-bg:             $table-hover-bg !default;
+
+$table-border-width:          $border-width !default;
+$table-border-color:          $gray-300 !default;
+
+$table-head-bg:               $gray-200 !default;
+$table-head-color:            $gray-700 !default;
+
+$table-dark-bg:               $gray-900 !default;
+$table-dark-accent-bg:        rgba($white, .05) !default;
+$table-dark-hover-bg:         rgba($white, .075) !default;
+$table-dark-border-color:     lighten($gray-900, 7.5%) !default;
+$table-dark-color:            $body-bg !default;
+
+$table-striped-order:         odd !default;
+
+$table-caption-color:         $text-muted !default;
+
+// Buttons + Forms
+//
+// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
+
+$input-btn-padding-y:         .375rem !default;
+$input-btn-padding-x:         .75rem !default;
+$input-btn-line-height:       $line-height-base !default;
+
+$input-btn-focus-width:       .2rem !default;
+$input-btn-focus-color:       rgba($component-active-bg, .25) !default;
+$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
+
+$input-btn-padding-y-sm:      .25rem !default;
+$input-btn-padding-x-sm:      .5rem !default;
+$input-btn-line-height-sm:    $line-height-sm !default;
+
+$input-btn-padding-y-lg:      .5rem !default;
+$input-btn-padding-x-lg:      1rem !default;
+$input-btn-line-height-lg:    $line-height-lg !default;
+
+$input-btn-border-width:      $border-width !default;
+
+
+// Buttons
+//
+// For each of Bootstrap's buttons, define text, background, and border color.
+
+$btn-padding-y:               $input-btn-padding-y !default;
+$btn-padding-x:               $input-btn-padding-x !default;
+$btn-line-height:             $input-btn-line-height !default;
+
+$btn-padding-y-sm:            $input-btn-padding-y-sm !default;
+$btn-padding-x-sm:            $input-btn-padding-x-sm !default;
+$btn-line-height-sm:          $input-btn-line-height-sm !default;
+
+$btn-padding-y-lg:            $input-btn-padding-y-lg !default;
+$btn-padding-x-lg:            $input-btn-padding-x-lg !default;
+$btn-line-height-lg:          $input-btn-line-height-lg !default;
+
+$btn-border-width:            $input-btn-border-width !default;
+
+$btn-font-weight:             $font-weight-normal !default;
+$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
+$btn-focus-width:             $input-btn-focus-width !default;
+$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;
+$btn-disabled-opacity:        .65 !default;
+$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;
+
+$btn-link-disabled-color:     $gray-600 !default;
+
+$btn-block-spacing-y:         .5rem !default;
+
+// Allows for customizing button radius independently from global border radius
+$btn-border-radius:           $border-radius !default;
+$btn-border-radius-lg:        $border-radius-lg !default;
+$btn-border-radius-sm:        $border-radius-sm !default;
+
+$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+
+
+// Forms
+
+$label-margin-bottom:                   .5rem !default;
+
+$input-padding-y:                       $input-btn-padding-y !default;
+$input-padding-x:                       $input-btn-padding-x !default;
+$input-line-height:                     $input-btn-line-height !default;
+
+$input-padding-y-sm:                    $input-btn-padding-y-sm !default;
+$input-padding-x-sm:                    $input-btn-padding-x-sm !default;
+$input-line-height-sm:                  $input-btn-line-height-sm !default;
+
+$input-padding-y-lg:                    $input-btn-padding-y-lg !default;
+$input-padding-x-lg:                    $input-btn-padding-x-lg !default;
+$input-line-height-lg:                  $input-btn-line-height-lg !default;
+
+$input-bg:                              $white !default;
+$input-disabled-bg:                     $gray-200 !default;
+
+$input-color:                           $gray-700 !default;
+$input-border-color:                    $gray-400 !default;
+$input-border-width:                    $input-btn-border-width !default;
+$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;
+
+$input-border-radius:                   $border-radius !default;
+$input-border-radius-lg:                $border-radius-lg !default;
+$input-border-radius-sm:                $border-radius-sm !default;
+
+$input-focus-bg:                        $input-bg !default;
+$input-focus-border-color:              lighten($component-active-bg, 25%) !default;
+$input-focus-color:                     $input-color !default;
+$input-focus-width:                     $input-btn-focus-width !default;
+$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;
+
+$input-placeholder-color:               $gray-600 !default;
+$input-plaintext-color:                 $body-color !default;
+
+$input-height-border:                   $input-border-width * 2 !default;
+
+$input-height-inner:                    ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
+$input-height:                          calc(#{$input-height-inner} + #{$input-height-border}) !default;
+
+$input-height-inner-sm:                 ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
+$input-height-sm:                       calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
+
+$input-height-inner-lg:                 ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
+$input-height-lg:                       calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
+
+$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+
+$form-text-margin-top:                  .25rem !default;
+
+$form-check-input-gutter:               1.25rem !default;
+$form-check-input-margin-y:             .3rem !default;
+$form-check-input-margin-x:             .25rem !default;
+
+$form-check-inline-margin-x:            .75rem !default;
+$form-check-inline-input-margin-x:      .3125rem !default;
+
+$form-group-margin-bottom:              1rem !default;
+
+$input-group-addon-color:               $input-color !default;
+$input-group-addon-bg:                  $gray-200 !default;
+$input-group-addon-border-color:        $input-border-color !default;
+
+$custom-control-gutter:                 1.5rem !default;
+$custom-control-spacer-x:               1rem !default;
+
+$custom-control-indicator-size:         1rem !default;
+$custom-control-indicator-bg:           $gray-300 !default;
+$custom-control-indicator-bg-size:      50% 50% !default;
+$custom-control-indicator-box-shadow:   inset 0 .25rem .25rem rgba($black, .1) !default;
+
+$custom-control-indicator-disabled-bg:          $gray-200 !default;
+$custom-control-label-disabled-color:           $gray-600 !default;
+
+$custom-control-indicator-checked-color:        $component-active-color !default;
+$custom-control-indicator-checked-bg:           $component-active-bg !default;
+$custom-control-indicator-checked-disabled-bg:  rgba(theme-color("primary"), .5) !default;
+$custom-control-indicator-checked-box-shadow:   none !default;
+
+$custom-control-indicator-focus-box-shadow:     0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
+
+$custom-control-indicator-active-color:         $component-active-color !default;
+$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;
+$custom-control-indicator-active-box-shadow:    none !default;
+
+$custom-checkbox-indicator-border-radius:       $border-radius !default;
+$custom-checkbox-indicator-icon-checked:        str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
+
+$custom-checkbox-indicator-indeterminate-bg:          $component-active-bg !default;
+$custom-checkbox-indicator-indeterminate-color:       $custom-control-indicator-checked-color !default;
+$custom-checkbox-indicator-icon-indeterminate:        str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
+$custom-checkbox-indicator-indeterminate-box-shadow:  none !default;
+
+$custom-radio-indicator-border-radius:          50% !default;
+$custom-radio-indicator-icon-checked:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
+
+$custom-select-padding-y:           .375rem !default;
+$custom-select-padding-x:           .75rem !default;
+$custom-select-height:              $input-height !default;
+$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
+$custom-select-line-height:         $input-btn-line-height !default;
+$custom-select-color:               $input-color !default;
+$custom-select-disabled-color:      $gray-600 !default;
+$custom-select-bg:                  $input-bg !default;
+$custom-select-disabled-bg:         $gray-200 !default;
+$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions
+$custom-select-indicator-color:     $gray-800 !default;
+$custom-select-indicator:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
+$custom-select-border-width:        $input-btn-border-width !default;
+$custom-select-border-color:        $input-border-color !default;
+$custom-select-border-radius:       $border-radius !default;
+
+$custom-select-focus-border-color:  $input-focus-border-color !default;
+$custom-select-focus-box-shadow:    inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
+
+$custom-select-font-size-sm:        75% !default;
+$custom-select-height-sm:           $input-height-sm !default;
+
+$custom-select-font-size-lg:        125% !default;
+$custom-select-height-lg:           $input-height-lg !default;
+
+$custom-range-track-width:          100% !default;
+$custom-range-track-height:         .5rem !default;
+$custom-range-track-cursor:         pointer !default;
+$custom-range-track-bg:             $gray-300 !default;
+$custom-range-track-border-radius:  1rem !default;
+$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;
+
+$custom-range-thumb-width:            1rem !default;
+$custom-range-thumb-height:           $custom-range-thumb-width !default;
+$custom-range-thumb-bg:               $component-active-bg !default;
+$custom-range-thumb-border:           0 !default;
+$custom-range-thumb-border-radius:    1rem !default;
+$custom-range-thumb-box-shadow:       0 .1rem .25rem rgba($black, .1) !default;
+$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
+$custom-range-thumb-active-bg:        lighten($component-active-bg, 35%) !default;
+
+$custom-file-height:                $input-height !default;
+$custom-file-focus-border-color:    $input-focus-border-color !default;
+$custom-file-focus-box-shadow:      $input-btn-focus-box-shadow !default;
+
+$custom-file-padding-y:             $input-btn-padding-y !default;
+$custom-file-padding-x:             $input-btn-padding-x !default;
+$custom-file-line-height:           $input-btn-line-height !default;
+$custom-file-color:                 $input-color !default;
+$custom-file-bg:                    $input-bg !default;
+$custom-file-border-width:          $input-btn-border-width !default;
+$custom-file-border-color:          $input-border-color !default;
+$custom-file-border-radius:         $input-border-radius !default;
+$custom-file-box-shadow:            $input-box-shadow !default;
+$custom-file-button-color:          $custom-file-color !default;
+$custom-file-button-bg:             $input-group-addon-bg !default;
+$custom-file-text: (
+  en: "Browse"
+) !default;
+
+
+// Form validation
+$form-feedback-margin-top:          $form-text-margin-top !default;
+$form-feedback-font-size:           $small-font-size !default;
+$form-feedback-valid-color:         theme-color("success") !default;
+$form-feedback-invalid-color:       theme-color("danger") !default;
+
+
+// Dropdowns
+//
+// Dropdown menu container and contents.
+
+$dropdown-min-width:                10rem !default;
+$dropdown-padding-y:                .5rem !default;
+$dropdown-spacer:                   .125rem !default;
+$dropdown-bg:                       $white !default;
+$dropdown-border-color:             rgba($black, .15) !default;
+$dropdown-border-radius:            $border-radius !default;
+$dropdown-border-width:             $border-width !default;
+$dropdown-divider-bg:               $gray-200 !default;
+$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;
+
+$dropdown-link-color:               $gray-900 !default;
+$dropdown-link-hover-color:         darken($gray-900, 5%) !default;
+$dropdown-link-hover-bg:            $gray-100 !default;
+
+$dropdown-link-active-color:        $component-active-color !default;
+$dropdown-link-active-bg:           $component-active-bg !default;
+
+$dropdown-link-disabled-color:      $gray-600 !default;
+
+$dropdown-item-padding-y:           .25rem !default;
+$dropdown-item-padding-x:           1.5rem !default;
+
+$dropdown-header-color:             $gray-600 !default;
+
+
+// Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+
+$zindex-dropdown:                   1000 !default;
+$zindex-sticky:                     1020 !default;
+$zindex-fixed:                      1030 !default;
+$zindex-modal-backdrop:             1040 !default;
+$zindex-modal:                      1050 !default;
+$zindex-popover:                    1060 !default;
+$zindex-tooltip:                    1070 !default;
+
+// Navs
+
+$nav-link-padding-y:                .5rem !default;
+$nav-link-padding-x:                1rem !default;
+$nav-link-disabled-color:           $gray-600 !default;
+
+$nav-tabs-border-color:             $gray-300 !default;
+$nav-tabs-border-width:             $border-width !default;
+$nav-tabs-border-radius:            $border-radius !default;
+$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;
+$nav-tabs-link-active-color:        $gray-700 !default;
+$nav-tabs-link-active-bg:           $body-bg !default;
+$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
+
+$nav-pills-border-radius:           $border-radius !default;
+$nav-pills-link-active-color:       $component-active-color !default;
+$nav-pills-link-active-bg:          $component-active-bg !default;
+
+$nav-divider-color:                 $gray-200 !default;
+$nav-divider-margin-y:              ($spacer / 2) !default;
+
+// Navbar
+
+$navbar-padding-y:                  ($spacer / 2) !default;
+$navbar-padding-x:                  $spacer !default;
+
+$navbar-nav-link-padding-x:         .5rem !default;
+
+$navbar-brand-font-size:            $font-size-lg !default;
+// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
+$nav-link-height:                   ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
+$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;
+$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;
+
+$navbar-toggler-padding-y:          .25rem !default;
+$navbar-toggler-padding-x:          .75rem !default;
+$navbar-toggler-font-size:          $font-size-lg !default;
+$navbar-toggler-border-radius:      $btn-border-radius !default;
+
+$navbar-dark-color:                 rgba($white, .5) !default;
+$navbar-dark-hover-color:           rgba($white, .75) !default;
+$navbar-dark-active-color:          $white !default;
+$navbar-dark-disabled-color:        rgba($white, .25) !default;
+$navbar-dark-toggler-icon-bg:       str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
+$navbar-dark-toggler-border-color:  rgba($white, .1) !default;
+
+$navbar-light-color:                rgba($black, .5) !default;
+$navbar-light-hover-color:          rgba($black, .7) !default;
+$navbar-light-active-color:         rgba($black, .9) !default;
+$navbar-light-disabled-color:       rgba($black, .3) !default;
+$navbar-light-toggler-icon-bg:      str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
+$navbar-light-toggler-border-color: rgba($black, .1) !default;
+
+// Pagination
+
+$pagination-padding-y:              .5rem !default;
+$pagination-padding-x:              .75rem !default;
+$pagination-padding-y-sm:           .25rem !default;
+$pagination-padding-x-sm:           .5rem !default;
+$pagination-padding-y-lg:           .75rem !default;
+$pagination-padding-x-lg:           1.5rem !default;
+$pagination-line-height:            1.25 !default;
+
+$pagination-color:                  $link-color !default;
+$pagination-bg:                     $white !default;
+$pagination-border-width:           $border-width !default;
+$pagination-border-color:           $gray-300 !default;
+
+$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;
+$pagination-focus-outline:          0 !default;
+
+$pagination-hover-color:            $link-hover-color !default;
+$pagination-hover-bg:               $gray-200 !default;
+$pagination-hover-border-color:     $gray-300 !default;
+
+$pagination-active-color:           $component-active-color !default;
+$pagination-active-bg:              $component-active-bg !default;
+$pagination-active-border-color:    $pagination-active-bg !default;
+
+$pagination-disabled-color:         $gray-600 !default;
+$pagination-disabled-bg:            $white !default;
+$pagination-disabled-border-color:  $gray-300 !default;
+
+
+// Jumbotron
+
+$jumbotron-padding:                 2rem !default;
+$jumbotron-bg:                      $gray-200 !default;
+
+
+// Cards
+
+$card-spacer-y:                     .75rem !default;
+$card-spacer-x:                     1.25rem !default;
+$card-border-width:                 $border-width !default;
+$card-border-radius:                $border-radius !default;
+$card-border-color:                 rgba($black, .125) !default;
+$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;
+$card-cap-bg:                       rgba($black, .03) !default;
+$card-bg:                           $white !default;
+
+$card-img-overlay-padding:          1.25rem !default;
+
+$card-group-margin:                 ($grid-gutter-width / 2) !default;
+$card-deck-margin:                  $card-group-margin !default;
+
+$card-columns-count:                3 !default;
+$card-columns-gap:                  1.25rem !default;
+$card-columns-margin:               $card-spacer-y !default;
+
+
+// Tooltips
+
+$tooltip-font-size:                 $font-size-sm !default;
+$tooltip-max-width:                 200px !default;
+$tooltip-color:                     $white !default;
+$tooltip-bg:                        $black !default;
+$tooltip-border-radius:             $border-radius !default;
+$tooltip-opacity:                   .9 !default;
+$tooltip-padding-y:                 .25rem !default;
+$tooltip-padding-x:                 .5rem !default;
+$tooltip-margin:                    0 !default;
+
+$tooltip-arrow-width:               .8rem !default;
+$tooltip-arrow-height:              .4rem !default;
+$tooltip-arrow-color:               $tooltip-bg !default;
+
+
+// Popovers
+
+$popover-font-size:                 $font-size-sm !default;
+$popover-bg:                        $white !default;
+$popover-max-width:                 276px !default;
+$popover-border-width:              $border-width !default;
+$popover-border-color:              rgba($black, .2) !default;
+$popover-border-radius:             $border-radius-lg !default;
+$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;
+
+$popover-header-bg:                 darken($popover-bg, 3%) !default;
+$popover-header-color:              $headings-color !default;
+$popover-header-padding-y:          .5rem !default;
+$popover-header-padding-x:          .75rem !default;
+
+$popover-body-color:                $body-color !default;
+$popover-body-padding-y:            $popover-header-padding-y !default;
+$popover-body-padding-x:            $popover-header-padding-x !default;
+
+$popover-arrow-width:               1rem !default;
+$popover-arrow-height:              .5rem !default;
+$popover-arrow-color:               $popover-bg !default;
+
+$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;
+
+
+// Badges
+
+$badge-font-size:                   75% !default;
+$badge-font-weight:                 $font-weight-bold !default;
+$badge-padding-y:                   .25em !default;
+$badge-padding-x:                   .4em !default;
+$badge-border-radius:               $border-radius !default;
+
+$badge-pill-padding-x:              .6em !default;
+// Use a higher than normal value to ensure completely rounded edges when
+// customizing padding or font-size on labels.
+$badge-pill-border-radius:          10rem !default;
+
+
+// Modals
+
+// Padding applied to the modal body
+$modal-inner-padding:               1rem !default;
+
+$modal-dialog-margin:               .5rem !default;
+$modal-dialog-margin-y-sm-up:       1.75rem !default;
+
+$modal-title-line-height:           $line-height-base !default;
+
+$modal-content-bg:                  $white !default;
+$modal-content-border-color:        rgba($black, .2) !default;
+$modal-content-border-width:        $border-width !default;
+$modal-content-border-radius:       $border-radius-lg !default;
+$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;
+$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;
+
+$modal-backdrop-bg:                 $black !default;
+$modal-backdrop-opacity:            .5 !default;
+$modal-header-border-color:         $gray-200 !default;
+$modal-footer-border-color:         $modal-header-border-color !default;
+$modal-header-border-width:         $modal-content-border-width !default;
+$modal-footer-border-width:         $modal-header-border-width !default;
+$modal-header-padding:              1rem !default;
+
+$modal-lg:                          800px !default;
+$modal-md:                          500px !default;
+$modal-sm:                          300px !default;
+
+$modal-transition:                  transform .3s ease-out !default;
+
+
+// Alerts
+//
+// Define alert colors, border radius, and padding.
+
+$alert-padding-y:                   .75rem !default;
+$alert-padding-x:                   1.25rem !default;
+$alert-margin-bottom:               1rem !default;
+$alert-border-radius:               $border-radius !default;
+$alert-link-font-weight:            $font-weight-bold !default;
+$alert-border-width:                $border-width !default;
+
+$alert-bg-level:                    -10 !default;
+$alert-border-level:                -9 !default;
+$alert-color-level:                 6 !default;
+
+
+// Progress bars
+
+$progress-height:                   1rem !default;
+$progress-font-size:                ($font-size-base * .75) !default;
+$progress-bg:                       $gray-200 !default;
+$progress-border-radius:            $border-radius !default;
+$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;
+$progress-bar-color:                $white !default;
+$progress-bar-bg:                   theme-color("primary") !default;
+$progress-bar-animation-timing:     1s linear infinite !default;
+$progress-bar-transition:           width .6s ease !default;
+
+// List group
+
+$list-group-bg:                     $white !default;
+$list-group-border-color:           rgba($black, .125) !default;
+$list-group-border-width:           $border-width !default;
+$list-group-border-radius:          $border-radius !default;
+
+$list-group-item-padding-y:         .75rem !default;
+$list-group-item-padding-x:         1.25rem !default;
+
+$list-group-hover-bg:               $gray-100 !default;
+$list-group-active-color:           $component-active-color !default;
+$list-group-active-bg:              $component-active-bg !default;
+$list-group-active-border-color:    $list-group-active-bg !default;
+
+$list-group-disabled-color:         $gray-600 !default;
+$list-group-disabled-bg:            $list-group-bg !default;
+
+$list-group-action-color:           $gray-700 !default;
+$list-group-action-hover-color:     $list-group-action-color !default;
+
+$list-group-action-active-color:    $body-color !default;
+$list-group-action-active-bg:       $gray-200 !default;
+
+
+// Image thumbnails
+
+$thumbnail-padding:                 .25rem !default;
+$thumbnail-bg:                      $body-bg !default;
+$thumbnail-border-width:            $border-width !default;
+$thumbnail-border-color:            $gray-300 !default;
+$thumbnail-border-radius:           $border-radius !default;
+$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;
+
+
+// Figures
+
+$figure-caption-font-size:          90% !default;
+$figure-caption-color:              $gray-600 !default;
+
+
+// Breadcrumbs
+
+$breadcrumb-padding-y:              .75rem !default;
+$breadcrumb-padding-x:              1rem !default;
+$breadcrumb-item-padding:           .5rem !default;
+
+$breadcrumb-margin-bottom:          1rem !default;
+
+$breadcrumb-bg:                     $gray-200 !default;
+$breadcrumb-divider-color:          $gray-600 !default;
+$breadcrumb-active-color:           $gray-600 !default;
+$breadcrumb-divider:                quote("/") !default;
+
+$breadcrumb-border-radius:          $border-radius !default;
+
+
+// Carousel
+
+$carousel-control-color:            $white !default;
+$carousel-control-width:            15% !default;
+$carousel-control-opacity:          .5 !default;
+
+$carousel-indicator-width:          30px !default;
+$carousel-indicator-height:         3px !default;
+$carousel-indicator-spacer:         3px !default;
+$carousel-indicator-active-bg:      $white !default;
+
+$carousel-caption-width:            70% !default;
+$carousel-caption-color:            $white !default;
+
+$carousel-control-icon-width:       20px !default;
+
+$carousel-control-prev-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
+$carousel-control-next-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
+
+$carousel-transition:               transform .6s ease !default; // Define transform transition first if using multiple transitons (e.g., `transform 2s ease, opacity .5s ease-out`)
+
+
+// Close
+
+$close-font-size:                   $font-size-base * 1.5 !default;
+$close-font-weight:                 $font-weight-bold !default;
+$close-color:                       $black !default;
+$close-text-shadow:                 0 1px 0 $white !default;
+
+// Code
+
+$code-font-size:                    87.5% !default;
+$code-color:                        $pink !default;
+
+$kbd-padding-y:                     .2rem !default;
+$kbd-padding-x:                     .4rem !default;
+$kbd-font-size:                     $code-font-size !default;
+$kbd-color:                         $white !default;
+$kbd-bg:                            $gray-900 !default;
+
+$pre-color:                         $gray-900 !default;
+$pre-scrollable-max-height:         340px !default;
+
+
+// Printing
+$print-page-size:                   a3 !default;
+$print-body-min-width:              map-get($grid-breakpoints, "lg") !default;
diff --git a/scss/bootstrap/bootstrap-grid.scss b/scss/bootstrap/bootstrap-grid.scss
new file mode 100644
index 0000000..84bfe90
--- /dev/null
+++ b/scss/bootstrap/bootstrap-grid.scss
@@ -0,0 +1,32 @@
+/*!
+ * Bootstrap Grid v4.1.0 (https://getbootstrap.com/)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+@at-root {
+  @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
+}
+
+html {
+  box-sizing: border-box;
+  -ms-overflow-style: scrollbar;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
+@import "functions";
+@import "variables";
+
+@import "mixins/breakpoints";
+@import "mixins/grid-framework";
+@import "mixins/grid";
+
+@import "grid";
+@import "utilities/display";
+@import "utilities/flex";
diff --git a/scss/bootstrap/bootstrap-reboot.scss b/scss/bootstrap/bootstrap-reboot.scss
new file mode 100644
index 0000000..a0feb62
--- /dev/null
+++ b/scss/bootstrap/bootstrap-reboot.scss
@@ -0,0 +1,12 @@
+/*!
+ * Bootstrap Reboot v4.1.0 (https://getbootstrap.com/)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "reboot";
diff --git a/scss/bootstrap/bootstrap.scss b/scss/bootstrap/bootstrap.scss
new file mode 100644
index 0000000..e05ce1c
--- /dev/null
+++ b/scss/bootstrap/bootstrap.scss
@@ -0,0 +1,42 @@
+/*!
+ * Bootstrap v4.1.0 (https://getbootstrap.com/)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "root";
+@import "reboot";
+@import "type";
+@import "images";
+@import "code";
+@import "grid";
+@import "tables";
+@import "forms";
+@import "buttons";
+@import "transitions";
+@import "dropdown";
+@import "button-group";
+@import "input-group";
+@import "custom-forms";
+@import "nav";
+@import "navbar";
+@import "card";
+@import "breadcrumb";
+@import "pagination";
+@import "badge";
+@import "jumbotron";
+@import "alert";
+@import "progress";
+@import "media";
+@import "list-group";
+@import "close";
+@import "modal";
+@import "tooltip";
+@import "popover";
+@import "carousel";
+@import "utilities";
+@import "print";
diff --git a/scss/bootstrap/mixins/_alert.scss b/scss/bootstrap/mixins/_alert.scss
new file mode 100644
index 0000000..db5a7eb
--- /dev/null
+++ b/scss/bootstrap/mixins/_alert.scss
@@ -0,0 +1,13 @@
+@mixin alert-variant($background, $border, $color) {
+  color: $color;
+  @include gradient-bg($background);
+  border-color: $border;
+
+  hr {
+    border-top-color: darken($border, 5%);
+  }
+
+  .alert-link {
+    color: darken($color, 10%);
+  }
+}
diff --git a/scss/bootstrap/mixins/_background-variant.scss b/scss/bootstrap/mixins/_background-variant.scss
new file mode 100644
index 0000000..494439d
--- /dev/null
+++ b/scss/bootstrap/mixins/_background-variant.scss
@@ -0,0 +1,21 @@
+// stylelint-disable declaration-no-important
+
+// Contextual backgrounds
+
+@mixin bg-variant($parent, $color) {
+  #{$parent} {
+    background-color: $color !important;
+  }
+  a#{$parent},
+  button#{$parent} {
+    @include hover-focus {
+      background-color: darken($color, 10%) !important;
+    }
+  }
+}
+
+@mixin bg-gradient-variant($parent, $color) {
+  #{$parent} {
+    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
+  }
+}
diff --git a/scss/bootstrap/mixins/_badge.scss b/scss/bootstrap/mixins/_badge.scss
new file mode 100644
index 0000000..eeca0b4
--- /dev/null
+++ b/scss/bootstrap/mixins/_badge.scss
@@ -0,0 +1,12 @@
+@mixin badge-variant($bg) {
+  color: color-yiq($bg);
+  background-color: $bg;
+
+  &[href] {
+    @include hover-focus {
+      color: color-yiq($bg);
+      text-decoration: none;
+      background-color: darken($bg, 10%);
+    }
+  }
+}
diff --git a/scss/bootstrap/mixins/_border-radius.scss b/scss/bootstrap/mixins/_border-radius.scss
new file mode 100644
index 0000000..2024feb
--- /dev/null
+++ b/scss/bootstrap/mixins/_border-radius.scss
@@ -0,0 +1,35 @@
+// Single side border-radius
+
+@mixin border-radius($radius: $border-radius) {
+  @if $enable-rounded {
+    border-radius: $radius;
+  }
+}
+
+@mixin border-top-radius($radius) {
+  @if $enable-rounded {
+    border-top-left-radius: $radius;
+    border-top-right-radius: $radius;
+  }
+}
+
+@mixin border-right-radius($radius) {
+  @if $enable-rounded {
+    border-top-right-radius: $radius;
+    border-bottom-right-radius: $radius;
+  }
+}
+
+@mixin border-bottom-radius($radius) {
+  @if $enable-rounded {
+    border-bottom-right-radius: $radius;
+    border-bottom-left-radius: $radius;
+  }
+}
+
+@mixin border-left-radius($radius) {
+  @if $enable-rounded {
+    border-top-left-radius: $radius;
+    border-bottom-left-radius: $radius;
+  }
+}
diff --git a/scss/bootstrap/mixins/_box-shadow.scss b/scss/bootstrap/mixins/_box-shadow.scss
new file mode 100644
index 0000000..b2410e5
--- /dev/null
+++ b/scss/bootstrap/mixins/_box-shadow.scss
@@ -0,0 +1,5 @@
+@mixin box-shadow($shadow...) {
+  @if $enable-shadows {
+    box-shadow: $shadow;
+  }
+}
diff --git a/scss/bootstrap/mixins/_breakpoints.scss b/scss/bootstrap/mixins/_breakpoints.scss
new file mode 100644
index 0000000..d1ad684
--- /dev/null
+++ b/scss/bootstrap/mixins/_breakpoints.scss
@@ -0,0 +1,123 @@
+// Breakpoint viewport sizes and media queries.
+//
+// Breakpoints are defined as a map of (name: minimum width), order from small to large:
+//
+//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
+//
+// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
+
+// Name of the next breakpoint, or null for the last breakpoint.
+//
+//    >> breakpoint-next(sm)
+//    md
+//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    md
+//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
+//    md
+@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
+  $n: index($breakpoint-names, $name);
+  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
+}
+
+// Minimum breakpoint width. Null for the smallest (first) breakpoint.
+//
+//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    576px
+@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
+  $min: map-get($breakpoints, $name);
+  @return if($min != 0, $min, null);
+}
+
+// Maximum breakpoint width. Null for the largest (last) breakpoint.
+// The maximum value is calculated as the minimum of the next one less 0.02px
+// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
+// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
+// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
+// See https://bugs.webkit.org/show_bug.cgi?id=178261
+//
+//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    767.98px
+@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
+  $next: breakpoint-next($name, $breakpoints);
+  @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);
+}
+
+// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
+// Useful for making responsive utilities.
+//
+//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    ""  (Returns a blank string)
+//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    "-sm"
+@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
+  @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
+}
+
+// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
+// Makes the @content apply to the given breakpoint and wider.
+@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
+  $min: breakpoint-min($name, $breakpoints);
+  @if $min {
+    @media (min-width: $min) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}
+
+// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
+// Makes the @content apply to the given breakpoint and narrower.
+@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
+  $max: breakpoint-max($name, $breakpoints);
+  @if $max {
+    @media (max-width: $max) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}
+
+// Media that spans multiple breakpoint widths.
+// Makes the @content apply between the min and max breakpoints
+@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
+  $min: breakpoint-min($lower, $breakpoints);
+  $max: breakpoint-max($upper, $breakpoints);
+
+  @if $min != null and $max != null {
+    @media (min-width: $min) and (max-width: $max) {
+      @content;
+    }
+  } @else if $max == null {
+    @include media-breakpoint-up($lower, $breakpoints) {
+      @content;
+    }
+  } @else if $min == null {
+    @include media-breakpoint-down($upper, $breakpoints) {
+      @content;
+    }
+  }
+}
+
+// Media between the breakpoint's minimum and maximum widths.
+// No minimum for the smallest breakpoint, and no maximum for the largest one.
+// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
+@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
+  $min: breakpoint-min($name, $breakpoints);
+  $max: breakpoint-max($name, $breakpoints);
+
+  @if $min != null and $max != null {
+    @media (min-width: $min) and (max-width: $max) {
+      @content;
+    }
+  } @else if $max == null {
+    @include media-breakpoint-up($name, $breakpoints) {
+      @content;
+    }
+  } @else if $min == null {
+    @include media-breakpoint-down($name, $breakpoints) {
+      @content;
+    }
+  }
+}
diff --git a/scss/bootstrap/mixins/_buttons.scss b/scss/bootstrap/mixins/_buttons.scss
new file mode 100644
index 0000000..06ad677
--- /dev/null
+++ b/scss/bootstrap/mixins/_buttons.scss
@@ -0,0 +1,109 @@
+// Button variants
+//
+// Easily pump out default styles, as well as :hover, :focus, :active,
+// and disabled options for all buttons
+
+@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
+  color: color-yiq($background);
+  @include gradient-bg($background);
+  border-color: $border;
+  @include box-shadow($btn-box-shadow);
+
+  @include hover {
+    color: color-yiq($hover-background);
+    @include gradient-bg($hover-background);
+    border-color: $hover-border;
+  }
+
+  &:focus,
+  &.focus {
+    // Avoid using mixin so we can pass custom focus shadow properly
+    @if $enable-shadows {
+      box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
+    } @else {
+      box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
+    }
+  }
+
+  // Disabled comes first so active can properly restyle
+  &.disabled,
+  &:disabled {
+    color: color-yiq($background);
+    background-color: $background;
+    border-color: $border;
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  .show > &.dropdown-toggle {
+    color: color-yiq($active-background);
+    background-color: $active-background;
+    @if $enable-gradients {
+      background-image: none; // Remove the gradient for the pressed/active state
+    }
+    border-color: $active-border;
+
+    &:focus {
+      // Avoid using mixin so we can pass custom focus shadow properly
+      @if $enable-shadows {
+        box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
+      } @else {
+        box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
+      }
+    }
+  }
+}
+
+@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
+  color: $color;
+  background-color: transparent;
+  background-image: none;
+  border-color: $color;
+
+  &:hover {
+    color: $color-hover;
+    background-color: $active-background;
+    border-color: $active-border;
+  }
+
+  &:focus,
+  &.focus {
+    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
+  }
+
+  &.disabled,
+  &:disabled {
+    color: $color;
+    background-color: transparent;
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  .show > &.dropdown-toggle {
+    color: color-yiq($active-background);
+    background-color: $active-background;
+    border-color: $active-border;
+
+    &:focus {
+      // Avoid using mixin so we can pass custom focus shadow properly
+      @if $enable-shadows and $btn-active-box-shadow != none {
+        box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
+      } @else {
+        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
+      }
+    }
+  }
+}
+
+// Button sizes
+@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
+  padding: $padding-y $padding-x;
+  font-size: $font-size;
+  line-height: $line-height;
+  // Manually declare to provide an override to the browser default
+  @if $enable-rounded {
+    border-radius: $border-radius;
+  } @else {
+    border-radius: 0;
+  }
+}
diff --git a/scss/bootstrap/mixins/_caret.scss b/scss/bootstrap/mixins/_caret.scss
new file mode 100644
index 0000000..82aea42
--- /dev/null
+++ b/scss/bootstrap/mixins/_caret.scss
@@ -0,0 +1,66 @@
+@mixin caret-down {
+  border-top: $caret-width solid;
+  border-right: $caret-width solid transparent;
+  border-bottom: 0;
+  border-left: $caret-width solid transparent;
+}
+
+@mixin caret-up {
+  border-top: 0;
+  border-right: $caret-width solid transparent;
+  border-bottom: $caret-width solid;
+  border-left: $caret-width solid transparent;
+}
+
+@mixin caret-right {
+  border-top: $caret-width solid transparent;
+  border-right: 0;
+  border-bottom: $caret-width solid transparent;
+  border-left: $caret-width solid;
+}
+
+@mixin caret-left {
+  border-top: $caret-width solid transparent;
+  border-right: $caret-width solid;
+  border-bottom: $caret-width solid transparent;
+}
+
+@mixin caret($direction: down) {
+  @if $enable-caret {
+    &::after {
+      display: inline-block;
+      width: 0;
+      height: 0;
+      margin-left: $caret-width * .85;
+      vertical-align: $caret-width * .85;
+      content: "";
+      @if $direction == down {
+        @include caret-down;
+      } @else if $direction == up {
+        @include caret-up;
+      } @else if $direction == right {
+        @include caret-right;
+      }
+    }
+
+    @if $direction == left {
+      &::after {
+        display: none;
+      }
+
+      &::before {
+        display: inline-block;
+        width: 0;
+        height: 0;
+        margin-right: $caret-width * .85;
+        vertical-align: $caret-width * .85;
+        content: "";
+        @include caret-left;
+      }
+    }
+
+    &:empty::after {
+      margin-left: 0;
+    }
+  }
+}
diff --git a/scss/bootstrap/mixins/_clearfix.scss b/scss/bootstrap/mixins/_clearfix.scss
new file mode 100644
index 0000000..11a977b
--- /dev/null
+++ b/scss/bootstrap/mixins/_clearfix.scss
@@ -0,0 +1,7 @@
+@mixin clearfix() {
+  &::after {
+    display: block;
+    clear: both;
+    content: "";
+  }
+}
diff --git a/scss/bootstrap/mixins/_float.scss b/scss/bootstrap/mixins/_float.scss
new file mode 100644
index 0000000..48fa8b6
--- /dev/null
+++ b/scss/bootstrap/mixins/_float.scss
@@ -0,0 +1,11 @@
+// stylelint-disable declaration-no-important
+
+@mixin float-left {
+  float: left !important;
+}
+@mixin float-right {
+  float: right !important;
+}
+@mixin float-none {
+  float: none !important;
+}
diff --git a/scss/bootstrap/mixins/_forms.scss b/scss/bootstrap/mixins/_forms.scss
new file mode 100644
index 0000000..dec18ba
--- /dev/null
+++ b/scss/bootstrap/mixins/_forms.scss
@@ -0,0 +1,137 @@
+// Form control focus state
+//
+// Generate a customized focus state and for any input with the specified color,
+// which defaults to the `$input-focus-border-color` variable.
+//
+// We highly encourage you to not customize the default value, but instead use
+// this to tweak colors on an as-needed basis. This aesthetic change is based on
+// WebKit's default styles, but applicable to a wider range of browsers. Its
+// usability and accessibility should be taken into account with any change.
+//
+// Example usage: change the default blue border and shadow to white for better
+// contrast against a dark gray background.
+@mixin form-control-focus() {
+  &:focus {
+    color: $input-focus-color;
+    background-color: $input-focus-bg;
+    border-color: $input-focus-border-color;
+    outline: 0;
+    // Avoid using mixin so we can pass custom focus shadow properly
+    @if $enable-shadows {
+      box-shadow: $input-box-shadow, $input-focus-box-shadow;
+    } @else {
+      box-shadow: $input-focus-box-shadow;
+    }
+  }
+}
+
+
+@mixin form-validation-state($state, $color) {
+  .#{$state}-feedback {
+    display: none;
+    width: 100%;
+    margin-top: $form-feedback-margin-top;
+    font-size: $form-feedback-font-size;
+    color: $color;
+  }
+
+  .#{$state}-tooltip {
+    position: absolute;
+    top: 100%;
+    z-index: 5;
+    display: none;
+    max-width: 100%; // Contain to parent when possible
+    padding: .5rem;
+    margin-top: .1rem;
+    font-size: .875rem;
+    line-height: 1;
+    color: $white;
+    background-color: rgba($color, .8);
+    border-radius: .2rem;
+  }
+
+  .form-control,
+  .custom-select {
+    .was-validated &:#{$state},
+    &.is-#{$state} {
+      border-color: $color;
+
+      &:focus {
+        border-color: $color;
+        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
+      }
+
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
+        display: block;
+      }
+    }
+  }
+
+  .form-check-input {
+    .was-validated &:#{$state},
+    &.is-#{$state} {
+      ~ .form-check-label {
+        color: $color;
+      }
+
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
+        display: block;
+      }
+    }
+  }
+
+  .custom-control-input {
+    .was-validated &:#{$state},
+    &.is-#{$state} {
+      ~ .custom-control-label {
+        color: $color;
+
+        &::before {
+          background-color: lighten($color, 25%);
+        }
+      }
+
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
+        display: block;
+      }
+
+      &:checked {
+        ~ .custom-control-label::before {
+          @include gradient-bg(lighten($color, 10%));
+        }
+      }
+
+      &:focus {
+        ~ .custom-control-label::before {
+          box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);
+        }
+      }
+    }
+  }
+
+  // custom file
+  .custom-file-input {
+    .was-validated &:#{$state},
+    &.is-#{$state} {
+      ~ .custom-file-label {
+        border-color: $color;
+
+        &::before { border-color: inherit; }
+      }
+
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
+        display: block;
+      }
+
+      &:focus {
+        ~ .custom-file-label {
+          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
+        }
+      }
+    }
+  }
+}
diff --git a/scss/bootstrap/mixins/_gradients.scss b/scss/bootstrap/mixins/_gradients.scss
new file mode 100644
index 0000000..88c4d64
--- /dev/null
+++ b/scss/bootstrap/mixins/_gradients.scss
@@ -0,0 +1,45 @@
+// Gradients
+
+@mixin gradient-bg($color) {
+  @if $enable-gradients {
+    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;
+  } @else {
+    background-color: $color;
+  }
+}
+
+// Horizontal gradient, from left to right
+//
+// Creates two color stops, start and end, by specifying a color and position for each color stop.
+@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
+  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
+  background-repeat: repeat-x;
+}
+
+// Vertical gradient, from top to bottom
+//
+// Creates two color stops, start and end, by specifying a color and position for each color stop.
+@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
+  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
+  background-repeat: repeat-x;
+}
+
+@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {
+  background-image: linear-gradient($deg, $start-color, $end-color);
+  background-repeat: repeat-x;
+}
+@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
+  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
+  background-repeat: no-repeat;
+}
+@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
+  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
+  background-repeat: no-repeat;
+}
+@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {
+  background-image: radial-gradient(circle, $inner-color, $outer-color);
+  background-repeat: no-repeat;
+}
+@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {
+  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
+}
diff --git a/scss/bootstrap/mixins/_grid-framework.scss b/scss/bootstrap/mixins/_grid-framework.scss
new file mode 100644
index 0000000..7b37f86
--- /dev/null
+++ b/scss/bootstrap/mixins/_grid-framework.scss
@@ -0,0 +1,67 @@
+// Framework grid generation
+//
+// Used only by Bootstrap to generate the correct number of grid classes given
+// any value of `$grid-columns`.
+
+@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
+  // Common properties for all breakpoints
+  %grid-column {
+    position: relative;
+    width: 100%;
+    min-height: 1px; // Prevent columns from collapsing when empty
+    padding-right: ($gutter / 2);
+    padding-left: ($gutter / 2);
+  }
+
+  @each $breakpoint in map-keys($breakpoints) {
+    $infix: breakpoint-infix($breakpoint, $breakpoints);
+
+    // Allow columns to stretch full width below their breakpoints
+    @for $i from 1 through $columns {
+      .col#{$infix}-#{$i} {
+        @extend %grid-column;
+      }
+    }
+    .col#{$infix},
+    .col#{$infix}-auto {
+      @extend %grid-column;
+    }
+
+    @include media-breakpoint-up($breakpoint, $breakpoints) {
+      // Provide basic `.col-{bp}` classes for equal-width flexbox columns
+      .col#{$infix} {
+        flex-basis: 0;
+        flex-grow: 1;
+        max-width: 100%;
+      }
+      .col#{$infix}-auto {
+        flex: 0 0 auto;
+        width: auto;
+        max-width: none; // Reset earlier grid tiers
+      }
+
+      @for $i from 1 through $columns {
+        .col#{$infix}-#{$i} {
+          @include make-col($i, $columns);
+        }
+      }
+
+      .order#{$infix}-first { order: -1; }
+
+      .order#{$infix}-last { order: $columns + 1; }
+
+      @for $i from 0 through $columns {
+        .order#{$infix}-#{$i} { order: $i; }
+      }
+
+      // `$columns - 1` because offsetting by the width of an entire row isn't possible
+      @for $i from 0 through ($columns - 1) {
+        @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
+          .offset#{$infix}-#{$i} {
+            @include make-col-offset($i, $columns);
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/scss/bootstrap/mixins/_grid.scss b/scss/bootstrap/mixins/_grid.scss
new file mode 100644
index 0000000..b75ebcb
--- /dev/null
+++ b/scss/bootstrap/mixins/_grid.scss
@@ -0,0 +1,52 @@
+/// Grid system
+//
+// Generate semantic grid columns with these mixins.
+
+@mixin make-container() {
+  width: 100%;
+  padding-right: ($grid-gutter-width / 2);
+  padding-left: ($grid-gutter-width / 2);
+  margin-right: auto;
+  margin-left: auto;
+}
+
+
+// For each breakpoint, define the maximum width of the container in a media query
+@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
+  @each $breakpoint, $container-max-width in $max-widths {
+    @include media-breakpoint-up($breakpoint, $breakpoints) {
+      max-width: $container-max-width;
+    }
+  }
+}
+
+@mixin make-row() {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: ($grid-gutter-width / -2);
+  margin-left: ($grid-gutter-width / -2);
+}
+
+@mixin make-col-ready() {
+  position: relative;
+  // Prevent columns from becoming too narrow when at smaller grid tiers by
+  // always setting `width: 100%;`. This works because we use `flex` values
+  // later on to override this initial width.
+  width: 100%;
+  min-height: 1px; // Prevent collapsing
+  padding-right: ($grid-gutter-width / 2);
+  padding-left: ($grid-gutter-width / 2);
+}
+
+@mixin make-col($size, $columns: $grid-columns) {
+  flex: 0 0 percentage($size / $columns);
+  // Add a `max-width` to ensure content within each column does not blow out
+  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
+  // do not appear to require this.
+  max-width: percentage($size / $columns);
+}
+
+@mixin make-col-offset($size, $columns: $grid-columns) {
+  $num: $size / $columns;
+  margin-left: if($num == 0, 0, percentage($num));
+}
diff --git a/scss/bootstrap/mixins/_hover.scss b/scss/bootstrap/mixins/_hover.scss
new file mode 100644
index 0000000..57823e3
--- /dev/null
+++ b/scss/bootstrap/mixins/_hover.scss
@@ -0,0 +1,37 @@
+// Hover mixin and `$enable-hover-media-query` are deprecated.
+//
+// Origally added during our alphas and maintained during betas, this mixin was
+// designed to prevent `:hover` stickiness on iOS-an issue where hover styles
+// would persist after initial touch.
+//
+// For backward compatibility, we've kept these mixins and updated them to
+// always return their regular psuedo-classes instead of a shimmed media query.
+//
+// Issue: https://github.com/twbs/bootstrap/issues/25195
+
+@mixin hover {
+  &:hover { @content; }
+}
+
+@mixin hover-focus {
+  &:hover,
+  &:focus {
+    @content;
+  }
+}
+
+@mixin plain-hover-focus {
+  &,
+  &:hover,
+  &:focus {
+    @content;
+  }
+}
+
+@mixin hover-focus-active {
+  &:hover,
+  &:focus,
+  &:active {
+    @content;
+  }
+}
diff --git a/scss/bootstrap/mixins/_image.scss b/scss/bootstrap/mixins/_image.scss
new file mode 100644
index 0000000..0544f0d
--- /dev/null
+++ b/scss/bootstrap/mixins/_image.scss
@@ -0,0 +1,36 @@
+// Image Mixins
+// - Responsive image
+// - Retina image
+
+
+// Responsive image
+//
+// Keep images from scaling beyond the width of their parents.
+
+@mixin img-fluid {
+  // Part 1: Set a maximum relative to the parent
+  max-width: 100%;
+  // Part 2: Override the height to auto, otherwise images will be stretched
+  // when setting a width and height attribute on the img element.
+  height: auto;
+}
+
+
+// Retina image
+//
+// Short retina mixin for setting background-image and -size.
+
+// stylelint-disable indentation, media-query-list-comma-newline-after
+@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
+  background-image: url($file-1x);
+
+  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
+  // but doesn't convert dppx=>dpi.
+  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
+  // Compatibility info: https://caniuse.com/#feat=css-media-resolution
+  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
+  only screen and (min-resolution: 2dppx) { // Standardized
+    background-image: url($file-2x);
+    background-size: $width-1x $height-1x;
+  }
+}
diff --git a/scss/bootstrap/mixins/_list-group.scss b/scss/bootstrap/mixins/_list-group.scss
new file mode 100644
index 0000000..cd47a4e
--- /dev/null
+++ b/scss/bootstrap/mixins/_list-group.scss
@@ -0,0 +1,21 @@
+// List Groups
+
+@mixin list-group-item-variant($state, $background, $color) {
+  .list-group-item-#{$state} {
+    color: $color;
+    background-color: $background;
+
+    &.list-group-item-action {
+      @include hover-focus {
+        color: $color;
+        background-color: darken($background, 5%);
+      }
+
+      &.active {
+        color: $white;
+        background-color: $color;
+        border-color: $color;
+      }
+    }
+  }
+}
diff --git a/scss/bootstrap/mixins/_lists.scss b/scss/bootstrap/mixins/_lists.scss
new file mode 100644
index 0000000..2518562
--- /dev/null
+++ b/scss/bootstrap/mixins/_lists.scss
@@ -0,0 +1,7 @@
+// Lists
+
+// Unstyled keeps list items block level, just removes default browser padding and list-style
+@mixin list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
diff --git a/scss/bootstrap/mixins/_nav-divider.scss b/scss/bootstrap/mixins/_nav-divider.scss
new file mode 100644
index 0000000..4fb37b6
--- /dev/null
+++ b/scss/bootstrap/mixins/_nav-divider.scss
@@ -0,0 +1,10 @@
+// Horizontal dividers
+//
+// Dividers (basically an hr) within dropdowns and nav lists
+
+@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {
+  height: 0;
+  margin: $margin-y 0;
+  overflow: hidden;
+  border-top: 1px solid $color;
+}
diff --git a/scss/bootstrap/mixins/_pagination.scss b/scss/bootstrap/mixins/_pagination.scss
new file mode 100644
index 0000000..ff36eb6
--- /dev/null
+++ b/scss/bootstrap/mixins/_pagination.scss
@@ -0,0 +1,22 @@
+// Pagination
+
+@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
+  .page-link {
+    padding: $padding-y $padding-x;
+    font-size: $font-size;
+    line-height: $line-height;
+  }
+
+  .page-item {
+    &:first-child {
+      .page-link {
+        @include border-left-radius($border-radius);
+      }
+    }
+    &:last-child {
+      .page-link {
+        @include border-right-radius($border-radius);
+      }
+    }
+  }
+}
diff --git a/scss/bootstrap/mixins/_reset-text.scss b/scss/bootstrap/mixins/_reset-text.scss
new file mode 100644
index 0000000..71edb00
--- /dev/null
+++ b/scss/bootstrap/mixins/_reset-text.scss
@@ -0,0 +1,17 @@
+@mixin reset-text {
+  font-family: $font-family-base;
+  // We deliberately do NOT reset font-size or word-wrap.
+  font-style: normal;
+  font-weight: $font-weight-normal;
+  line-height: $line-height-base;
+  text-align: left; // Fallback for where `start` is not supported
+  text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+}
diff --git a/scss/bootstrap/mixins/_resize.scss b/scss/bootstrap/mixins/_resize.scss
new file mode 100644
index 0000000..66f233a
--- /dev/null
+++ b/scss/bootstrap/mixins/_resize.scss
@@ -0,0 +1,6 @@
+// Resize anything
+
+@mixin resizable($direction) {
+  overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
+  resize: $direction; // Options: horizontal, vertical, both
+}
diff --git a/scss/bootstrap/mixins/_screen-reader.scss b/scss/bootstrap/mixins/_screen-reader.scss
new file mode 100644
index 0000000..812591b
--- /dev/null
+++ b/scss/bootstrap/mixins/_screen-reader.scss
@@ -0,0 +1,33 @@
+// Only display content to screen readers
+//
+// See: https://a11yproject.com/posts/how-to-hide-content/
+// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
+
+@mixin sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+//
+// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+//
+// Credit: HTML5 Boilerplate
+
+@mixin sr-only-focusable {
+  &:active,
+  &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+}
diff --git a/scss/bootstrap/mixins/_size.scss b/scss/bootstrap/mixins/_size.scss
new file mode 100644
index 0000000..b9dd48e
--- /dev/null
+++ b/scss/bootstrap/mixins/_size.scss
@@ -0,0 +1,6 @@
+// Sizing shortcuts
+
+@mixin size($width, $height: $width) {
+  width: $width;
+  height: $height;
+}
diff --git a/scss/bootstrap/mixins/_table-row.scss b/scss/bootstrap/mixins/_table-row.scss
new file mode 100644
index 0000000..84f1d30
--- /dev/null
+++ b/scss/bootstrap/mixins/_table-row.scss
@@ -0,0 +1,30 @@
+// Tables
+
+@mixin table-row-variant($state, $background) {
+  // Exact selectors below required to override `.table-striped` and prevent
+  // inheritance to nested tables.
+  .table-#{$state} {
+    &,
+    > th,
+    > td {
+      background-color: $background;
+    }
+  }
+
+  // Hover states for `.table-hover`
+  // Note: this is not available for cells or rows within `thead` or `tfoot`.
+  .table-hover {
+    $hover-background: darken($background, 5%);
+
+    .table-#{$state} {
+      @include hover {
+        background-color: $hover-background;
+
+        > td,
+        > th {
+          background-color: $hover-background;
+        }
+      }
+    }
+  }
+}
diff --git a/scss/bootstrap/mixins/_text-emphasis.scss b/scss/bootstrap/mixins/_text-emphasis.scss
new file mode 100644
index 0000000..58db3e0
--- /dev/null
+++ b/scss/bootstrap/mixins/_text-emphasis.scss
@@ -0,0 +1,14 @@
+// stylelint-disable declaration-no-important
+
+// Typography
+
+@mixin text-emphasis-variant($parent, $color) {
+  #{$parent} {
+    color: $color !important;
+  }
+  a#{$parent} {
+    @include hover-focus {
+      color: darken($color, 10%) !important;
+    }
+  }
+}
diff --git a/scss/bootstrap/mixins/_text-hide.scss b/scss/bootstrap/mixins/_text-hide.scss
new file mode 100644
index 0000000..4b8f218
--- /dev/null
+++ b/scss/bootstrap/mixins/_text-hide.scss
@@ -0,0 +1,11 @@
+// CSS image replacement
+@mixin text-hide() {
+  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+
+  @warn "The `text-hide()` mixin has been deprecated as of v4.1.0. It will be removed entirely in v5.";
+}
diff --git a/scss/bootstrap/mixins/_text-truncate.scss b/scss/bootstrap/mixins/_text-truncate.scss
new file mode 100644
index 0000000..3504bb1
--- /dev/null
+++ b/scss/bootstrap/mixins/_text-truncate.scss
@@ -0,0 +1,8 @@
+// Text truncate
+// Requires inline-block or block for proper styling
+
+@mixin text-truncate() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
diff --git a/scss/bootstrap/mixins/_transition.scss b/scss/bootstrap/mixins/_transition.scss
new file mode 100644
index 0000000..f853821
--- /dev/null
+++ b/scss/bootstrap/mixins/_transition.scss
@@ -0,0 +1,13 @@
+@mixin transition($transition...) {
+  @if $enable-transitions {
+    @if length($transition) == 0 {
+      transition: $transition-base;
+    } @else {
+      transition: $transition;
+    }
+  }
+
+  @media screen and (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+}
diff --git a/scss/bootstrap/mixins/_visibility.scss b/scss/bootstrap/mixins/_visibility.scss
new file mode 100644
index 0000000..fe523d0
--- /dev/null
+++ b/scss/bootstrap/mixins/_visibility.scss
@@ -0,0 +1,7 @@
+// stylelint-disable declaration-no-important
+
+// Visibility
+
+@mixin invisible($visibility) {
+  visibility: $visibility !important;
+}
diff --git a/scss/bootstrap/utilities/_align.scss b/scss/bootstrap/utilities/_align.scss
new file mode 100644
index 0000000..8b7df9f
--- /dev/null
+++ b/scss/bootstrap/utilities/_align.scss
@@ -0,0 +1,8 @@
+// stylelint-disable declaration-no-important
+
+.align-baseline    { vertical-align: baseline !important; } // Browser default
+.align-top         { vertical-align: top !important; }
+.align-middle      { vertical-align: middle !important; }
+.align-bottom      { vertical-align: bottom !important; }
+.align-text-bottom { vertical-align: text-bottom !important; }
+.align-text-top    { vertical-align: text-top !important; }
diff --git a/scss/bootstrap/utilities/_background.scss b/scss/bootstrap/utilities/_background.scss
new file mode 100644
index 0000000..1f18b2f
--- /dev/null
+++ b/scss/bootstrap/utilities/_background.scss
@@ -0,0 +1,19 @@
+// stylelint-disable declaration-no-important
+
+@each $color, $value in $theme-colors {
+  @include bg-variant(".bg-#{$color}", $value);
+}
+
+@if $enable-gradients {
+  @each $color, $value in $theme-colors {
+    @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
+  }
+}
+
+.bg-white {
+  background-color: $white !important;
+}
+
+.bg-transparent {
+  background-color: transparent !important;
+}
diff --git a/scss/bootstrap/utilities/_borders.scss b/scss/bootstrap/utilities/_borders.scss
new file mode 100644
index 0000000..b8832ef
--- /dev/null
+++ b/scss/bootstrap/utilities/_borders.scss
@@ -0,0 +1,59 @@
+// stylelint-disable declaration-no-important
+
+//
+// Border
+//
+
+.border         { border: $border-width solid $border-color !important; }
+.border-top     { border-top: $border-width solid $border-color !important; }
+.border-right   { border-right: $border-width solid $border-color !important; }
+.border-bottom  { border-bottom: $border-width solid $border-color !important; }
+.border-left    { border-left: $border-width solid $border-color !important; }
+
+.border-0        { border: 0 !important; }
+.border-top-0    { border-top: 0 !important; }
+.border-right-0  { border-right: 0 !important; }
+.border-bottom-0 { border-bottom: 0 !important; }
+.border-left-0   { border-left: 0 !important; }
+
+@each $color, $value in $theme-colors {
+  .border-#{$color} {
+    border-color: $value !important;
+  }
+}
+
+.border-white {
+  border-color: $white !important;
+}
+
+//
+// Border-radius
+//
+
+.rounded {
+  border-radius: $border-radius !important;
+}
+.rounded-top {
+  border-top-left-radius: $border-radius !important;
+  border-top-right-radius: $border-radius !important;
+}
+.rounded-right {
+  border-top-right-radius: $border-radius !important;
+  border-bottom-right-radius: $border-radius !important;
+}
+.rounded-bottom {
+  border-bottom-right-radius: $border-radius !important;
+  border-bottom-left-radius: $border-radius !important;
+}
+.rounded-left {
+  border-top-left-radius: $border-radius !important;
+  border-bottom-left-radius: $border-radius !important;
+}
+
+.rounded-circle {
+  border-radius: 50% !important;
+}
+
+.rounded-0 {
+  border-radius: 0 !important;
+}
diff --git a/scss/bootstrap/utilities/_clearfix.scss b/scss/bootstrap/utilities/_clearfix.scss
new file mode 100644
index 0000000..e92522a
--- /dev/null
+++ b/scss/bootstrap/utilities/_clearfix.scss
@@ -0,0 +1,3 @@
+.clearfix {
+  @include clearfix();
+}
diff --git a/scss/bootstrap/utilities/_display.scss b/scss/bootstrap/utilities/_display.scss
new file mode 100644
index 0000000..20aeeb5
--- /dev/null
+++ b/scss/bootstrap/utilities/_display.scss
@@ -0,0 +1,38 @@
+// stylelint-disable declaration-no-important
+
+//
+// Utilities for common `display` values
+//
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .d#{$infix}-none         { display: none !important; }
+    .d#{$infix}-inline       { display: inline !important; }
+    .d#{$infix}-inline-block { display: inline-block !important; }
+    .d#{$infix}-block        { display: block !important; }
+    .d#{$infix}-table        { display: table !important; }
+    .d#{$infix}-table-row    { display: table-row !important; }
+    .d#{$infix}-table-cell   { display: table-cell !important; }
+    .d#{$infix}-flex         { display: flex !important; }
+    .d#{$infix}-inline-flex  { display: inline-flex !important; }
+  }
+}
+
+
+//
+// Utilities for toggling `display` in print
+//
+
+@media print {
+  .d-print-none         { display: none !important; }
+  .d-print-inline       { display: inline !important; }
+  .d-print-inline-block { display: inline-block !important; }
+  .d-print-block        { display: block !important; }
+  .d-print-table        { display: table !important; }
+  .d-print-table-row    { display: table-row !important; }
+  .d-print-table-cell   { display: table-cell !important; }
+  .d-print-flex         { display: flex !important; }
+  .d-print-inline-flex  { display: inline-flex !important; }
+}
diff --git a/scss/bootstrap/utilities/_embed.scss b/scss/bootstrap/utilities/_embed.scss
new file mode 100644
index 0000000..d3362b6
--- /dev/null
+++ b/scss/bootstrap/utilities/_embed.scss
@@ -0,0 +1,52 @@
+// Credit: Nicolas Gallagher and SUIT CSS.
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  width: 100%;
+  padding: 0;
+  overflow: hidden;
+
+  &::before {
+    display: block;
+    content: "";
+  }
+
+  .embed-responsive-item,
+  iframe,
+  embed,
+  object,
+  video {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+  }
+}
+
+.embed-responsive-21by9 {
+  &::before {
+    padding-top: percentage(9 / 21);
+  }
+}
+
+.embed-responsive-16by9 {
+  &::before {
+    padding-top: percentage(9 / 16);
+  }
+}
+
+.embed-responsive-4by3 {
+  &::before {
+    padding-top: percentage(3 / 4);
+  }
+}
+
+.embed-responsive-1by1 {
+  &::before {
+    padding-top: percentage(1 / 1);
+  }
+}
diff --git a/scss/bootstrap/utilities/_flex.scss b/scss/bootstrap/utilities/_flex.scss
new file mode 100644
index 0000000..3d4266e
--- /dev/null
+++ b/scss/bootstrap/utilities/_flex.scss
@@ -0,0 +1,51 @@
+// stylelint-disable declaration-no-important
+
+// Flex variation
+//
+// Custom styles for additional flex alignment options.
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .flex#{$infix}-row            { flex-direction: row !important; }
+    .flex#{$infix}-column         { flex-direction: column !important; }
+    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }
+    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
+
+    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }
+    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }
+    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
+    .flex#{$infix}-fill         { flex: 1 1 auto !important; }
+    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }
+    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }
+    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }
+    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }
+
+    .justify-content#{$infix}-start   { justify-content: flex-start !important; }
+    .justify-content#{$infix}-end     { justify-content: flex-end !important; }
+    .justify-content#{$infix}-center  { justify-content: center !important; }
+    .justify-content#{$infix}-between { justify-content: space-between !important; }
+    .justify-content#{$infix}-around  { justify-content: space-around !important; }
+
+    .align-items#{$infix}-start    { align-items: flex-start !important; }
+    .align-items#{$infix}-end      { align-items: flex-end !important; }
+    .align-items#{$infix}-center   { align-items: center !important; }
+    .align-items#{$infix}-baseline { align-items: baseline !important; }
+    .align-items#{$infix}-stretch  { align-items: stretch !important; }
+
+    .align-content#{$infix}-start   { align-content: flex-start !important; }
+    .align-content#{$infix}-end     { align-content: flex-end !important; }
+    .align-content#{$infix}-center  { align-content: center !important; }
+    .align-content#{$infix}-between { align-content: space-between !important; }
+    .align-content#{$infix}-around  { align-content: space-around !important; }
+    .align-content#{$infix}-stretch { align-content: stretch !important; }
+
+    .align-self#{$infix}-auto     { align-self: auto !important; }
+    .align-self#{$infix}-start    { align-self: flex-start !important; }
+    .align-self#{$infix}-end      { align-self: flex-end !important; }
+    .align-self#{$infix}-center   { align-self: center !important; }
+    .align-self#{$infix}-baseline { align-self: baseline !important; }
+    .align-self#{$infix}-stretch  { align-self: stretch !important; }
+  }
+}
diff --git a/scss/bootstrap/utilities/_float.scss b/scss/bootstrap/utilities/_float.scss
new file mode 100644
index 0000000..01655e9
--- /dev/null
+++ b/scss/bootstrap/utilities/_float.scss
@@ -0,0 +1,9 @@
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .float#{$infix}-left  { @include float-left; }
+    .float#{$infix}-right { @include float-right; }
+    .float#{$infix}-none  { @include float-none; }
+  }
+}
diff --git a/scss/bootstrap/utilities/_position.scss b/scss/bootstrap/utilities/_position.scss
new file mode 100644
index 0000000..9ecdeeb
--- /dev/null
+++ b/scss/bootstrap/utilities/_position.scss
@@ -0,0 +1,37 @@
+// stylelint-disable declaration-no-important
+
+// Common values
+
+// Sass list not in variables since it's not intended for customization.
+// stylelint-disable-next-line scss/dollar-variable-default
+$positions: static, relative, absolute, fixed, sticky;
+
+@each $position in $positions {
+  .position-#{$position} { position: $position !important; }
+}
+
+// Shorthand
+
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: $zindex-fixed;
+}
+
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-fixed;
+}
+
+.sticky-top {
+  @supports (position: sticky) {
+    position: sticky;
+    top: 0;
+    z-index: $zindex-sticky;
+  }
+}
diff --git a/scss/bootstrap/utilities/_screenreaders.scss b/scss/bootstrap/utilities/_screenreaders.scss
new file mode 100644
index 0000000..9f26fde
--- /dev/null
+++ b/scss/bootstrap/utilities/_screenreaders.scss
@@ -0,0 +1,11 @@
+//
+// Screenreaders
+//
+
+.sr-only {
+  @include sr-only();
+}
+
+.sr-only-focusable {
+  @include sr-only-focusable();
+}
diff --git a/scss/bootstrap/utilities/_shadows.scss b/scss/bootstrap/utilities/_shadows.scss
new file mode 100644
index 0000000..f5d03fc
--- /dev/null
+++ b/scss/bootstrap/utilities/_shadows.scss
@@ -0,0 +1,6 @@
+// stylelint-disable declaration-no-important
+
+.shadow-sm { box-shadow: $box-shadow-sm !important; }
+.shadow { box-shadow: $box-shadow !important; }
+.shadow-lg { box-shadow: $box-shadow-lg !important; }
+.shadow-none { box-shadow: none !important; }
diff --git a/scss/bootstrap/utilities/_sizing.scss b/scss/bootstrap/utilities/_sizing.scss
new file mode 100644
index 0000000..e95a4db
--- /dev/null
+++ b/scss/bootstrap/utilities/_sizing.scss
@@ -0,0 +1,12 @@
+// stylelint-disable declaration-no-important
+
+// Width and height
+
+@each $prop, $abbrev in (width: w, height: h) {
+  @each $size, $length in $sizes {
+    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
+  }
+}
+
+.mw-100 { max-width: 100% !important; }
+.mh-100 { max-height: 100% !important; }
diff --git a/scss/bootstrap/utilities/_spacing.scss b/scss/bootstrap/utilities/_spacing.scss
new file mode 100644
index 0000000..b2e2354
--- /dev/null
+++ b/scss/bootstrap/utilities/_spacing.scss
@@ -0,0 +1,51 @@
+// stylelint-disable declaration-no-important
+
+// Margin and Padding
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @each $prop, $abbrev in (margin: m, padding: p) {
+      @each $size, $length in $spacers {
+
+        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
+        .#{$abbrev}t#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-top: $length !important;
+        }
+        .#{$abbrev}r#{$infix}-#{$size},
+        .#{$abbrev}x#{$infix}-#{$size} {
+          #{$prop}-right: $length !important;
+        }
+        .#{$abbrev}b#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-bottom: $length !important;
+        }
+        .#{$abbrev}l#{$infix}-#{$size},
+        .#{$abbrev}x#{$infix}-#{$size} {
+          #{$prop}-left: $length !important;
+        }
+      }
+    }
+
+    // Some special margin utils
+    .m#{$infix}-auto { margin: auto !important; }
+    .mt#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-top: auto !important;
+    }
+    .mr#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-right: auto !important;
+    }
+    .mb#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-bottom: auto !important;
+    }
+    .ml#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-left: auto !important;
+    }
+  }
+}
diff --git a/scss/bootstrap/utilities/_text.scss b/scss/bootstrap/utilities/_text.scss
new file mode 100644
index 0000000..4f6eba5
--- /dev/null
+++ b/scss/bootstrap/utilities/_text.scss
@@ -0,0 +1,58 @@
+// stylelint-disable declaration-no-important
+
+//
+// Text
+//
+
+.text-monospace { font-family: $font-family-monospace; }
+
+// Alignment
+
+.text-justify  { text-align: justify !important; }
+.text-nowrap   { white-space: nowrap !important; }
+.text-truncate { @include text-truncate; }
+
+// Responsive alignment
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .text#{$infix}-left   { text-align: left !important; }
+    .text#{$infix}-right  { text-align: right !important; }
+    .text#{$infix}-center { text-align: center !important; }
+  }
+}
+
+// Transformation
+
+.text-lowercase  { text-transform: lowercase !important; }
+.text-uppercase  { text-transform: uppercase !important; }
+.text-capitalize { text-transform: capitalize !important; }
+
+// Weight and italics
+
+.font-weight-light  { font-weight: $font-weight-light !important; }
+.font-weight-normal { font-weight: $font-weight-normal !important; }
+.font-weight-bold   { font-weight: $font-weight-bold !important; }
+.font-italic        { font-style: italic !important; }
+
+// Contextual colors
+
+.text-white { color: $white !important; }
+
+@each $color, $value in $theme-colors {
+  @include text-emphasis-variant(".text-#{$color}", $value);
+}
+
+.text-body { color: $body-color !important; }
+.text-muted { color: $text-muted !important; }
+
+.text-black-50 { color: rgba($black, .5) !important; }
+.text-white-50 { color: rgba($white, .5) !important; }
+
+// Misc
+
+.text-hide {
+  @include text-hide();
+}
diff --git a/scss/bootstrap/utilities/_visibility.scss b/scss/bootstrap/utilities/_visibility.scss
new file mode 100644
index 0000000..823406d
--- /dev/null
+++ b/scss/bootstrap/utilities/_visibility.scss
@@ -0,0 +1,11 @@
+//
+// Visibility utilities
+//
+
+.visible {
+  @include invisible(visible);
+}
+
+.invisible {
+  @include invisible(hidden);
+}
diff --git a/scss/core/_colors.scss b/scss/core/_colors.scss
new file mode 100644
index 0000000..38b9947
--- /dev/null
+++ b/scss/core/_colors.scss
@@ -0,0 +1,922 @@
+// Colors
+$mdb-color-lighten-5:  #d0d6e2 !default;
+$mdb-color-lighten-4:  #b1bace !default;
+$mdb-color-lighten-3:  #929fba !default;
+$mdb-color-lighten-2:  #7283a7 !default;
+$mdb-color-lighten-1:  #59698d !default;
+$mdb-color-base:       #45526e !default;
+$mdb-color-darken-1:   #3b465e !default;
+$mdb-color-darken-2:   #2e3951 !default;
+$mdb-color-darken-3:   #1c2a48 !default;
+$mdb-color-darken-4:   #1c2331 !default;
+
+$mdb-color: () !default;
+$mdb-color: map-merge((
+  "lighten-5":  $mdb-color-lighten-5,
+  "lighten-4":  $mdb-color-lighten-4,
+  "lighten-3":  $mdb-color-lighten-3,
+  "lighten-2":  $mdb-color-lighten-2,
+  "lighten-1":  $mdb-color-lighten-1,
+  "base":	      $mdb-color-base,
+  "darken-1":   $mdb-color-darken-1,
+  "darken-2":   $mdb-color-darken-2,
+  "darken-3":   $mdb-color-darken-3,
+  "darken-4":   $mdb-color-darken-4
+), $mdb-color);
+
+$red-lighten-5:  #ffebee !default;
+$red-lighten-4:  #ffcdd2 !default;
+$red-lighten-3:  #ef9a9a !default;
+$red-lighten-2:  #e57373 !default;
+$red-lighten-1:  #ef5350 !default;
+$red-base:       #f44336 !default;
+$red-darken-1:   #e53935 !default;
+$red-darken-2:   #d32f2f !default;
+$red-darken-3:   #c62828 !default;
+$red-darken-4:   #b71c1c !default;
+$red-accent-1:   #ff8a80 !default;
+$red-accent-2:   #ff5252 !default;
+$red-accent-3:   #ff1744 !default;
+$red-accent-4:   #d50000 !default;
+
+$red: () !default;
+$red: map-merge((
+  "lighten-5":  $red-lighten-5,
+  "lighten-4":  $red-lighten-4,
+  "lighten-3":  $red-lighten-3,
+  "lighten-2":  $red-lighten-2,
+  "lighten-1":  $red-lighten-1,
+  "base":       $red-base,
+  "darken-1":   $red-darken-1,
+  "darken-2":   $red-darken-2,
+  "darken-3":   $red-darken-3,
+  "darken-4":   $red-darken-4,
+  "accent-1":   $red-accent-1,
+  "accent-2":   $red-accent-2,
+  "accent-3":   $red-accent-3,
+  "accent-4":   $red-accent-4
+), $red);
+
+$pink-lighten-5:  #fce4ec !default;
+$pink-lighten-4:  #f8bbd0 !default;
+$pink-lighten-3:  #f48fb1 !default;
+$pink-lighten-2:  #f06292 !default;
+$pink-lighten-1:  #ec407a !default;
+$pink-base:       #e91e63 !default;
+$pink-darken-1:   #d81b60 !default;
+$pink-darken-2:   #c2185b !default;
+$pink-darken-3:   #ad1457 !default;
+$pink-darken-4:   #880e4f !default;
+$pink-accent-1:   #ff80ab !default;
+$pink-accent-2:   #ff4081 !default;
+$pink-accent-3:   #f50057 !default;
+$pink-accent-4:   #c51162 !default;
+
+$pink: () !default;
+$pink: map-merge((
+  "lighten-5":  $pink-lighten-5,
+  "lighten-4":  $pink-lighten-4,
+  "lighten-3":  $pink-lighten-3,
+  "lighten-2":  $pink-lighten-2,
+  "lighten-1":  $pink-lighten-1,
+  "base":       $pink-base,
+  "darken-1":   $pink-darken-1,
+  "darken-2":   $pink-darken-2,
+  "darken-3":   $pink-darken-3,
+  "darken-4":   $pink-darken-4,
+  "accent-1":   $pink-accent-1,
+  "accent-2":   $pink-accent-2,
+  "accent-3":   $pink-accent-3,
+  "accent-4":   $pink-accent-4
+), $pink);
+
+$purple-lighten-5:  #f3e5f5 !default;
+$purple-lighten-4:  #e1bee7 !default;
+$purple-lighten-3:  #ce93d8 !default;
+$purple-lighten-2:  #ba68c8 !default;
+$purple-lighten-1:  #ab47bc !default;
+$purple-base:       #9c27b0 !default;
+$purple-darken-1:   #8e24aa !default;
+$purple-darken-2:   #7b1fa2 !default;
+$purple-darken-3:   #6a1b9a !default;
+$purple-darken-4:   #4a148c !default;
+$purple-accent-1:   #ea80fc !default;
+$purple-accent-2:   #e040fb !default;
+$purple-accent-3:   #d500f9 !default;
+$purple-accent-4:   #aa00ff !default;
+
+$purple: () !default;
+$purple: map-merge((
+  "lighten-5":  $purple-lighten-5,
+  "lighten-4":  $purple-lighten-4,
+  "lighten-3":  $purple-lighten-3,
+  "lighten-2":  $purple-lighten-2,
+  "lighten-1":  $purple-lighten-1,
+  "base":       $purple-base,
+  "darken-1":   $purple-darken-1,
+  "darken-2":   $purple-darken-2,
+  "darken-3":   $purple-darken-3,
+  "darken-4":   $purple-darken-4,
+  "accent-1":   $purple-accent-1,
+  "accent-2":   $purple-accent-2,
+  "accent-3":   $purple-accent-3,
+  "accent-4":   $purple-accent-4
+), $purple);
+
+$deep-purple-lighten-5:  #ede7f6 !default;
+$deep-purple-lighten-4:  #d1c4e9 !default;
+$deep-purple-lighten-3:  #b39ddb !default;
+$deep-purple-lighten-2:  #9575cd !default;
+$deep-purple-lighten-1:  #7e57c2 !default;
+$deep-purple-base:       #673ab7 !default;
+$deep-purple-darken-1:   #5e35b1 !default;
+$deep-purple-darken-2:   #512da8 !default;
+$deep-purple-darken-3:   #4527a0 !default;
+$deep-purple-darken-4:   #311b92 !default;
+$deep-purple-accent-1:   #b388ff !default;
+$deep-purple-accent-2:   #7c4dff !default;
+$deep-purple-accent-3:   #651fff !default;
+$deep-purple-accent-4:   #6200ea !default;
+
+$deep-purple: () !default;
+$deep-purple: map-merge((
+  "lighten-5":  $deep-purple-lighten-5,
+  "lighten-4":  $deep-purple-lighten-4,
+  "lighten-3":  $deep-purple-lighten-3,
+  "lighten-2":  $deep-purple-lighten-2,
+  "lighten-1":  $deep-purple-lighten-1,
+  "base":       $deep-purple-base,
+  "darken-1":   $deep-purple-darken-1,
+  "darken-2":   $deep-purple-darken-2,
+  "darken-3":   $deep-purple-darken-3,
+  "darken-4":   $deep-purple-darken-4,
+  "accent-1":   $deep-purple-accent-1,
+  "accent-2":   $deep-purple-accent-2,
+  "accent-3":   $deep-purple-accent-3,
+  "accent-4":   $deep-purple-accent-4
+), $deep-purple);
+
+$indigo-lighten-5:  #e8eaf6 !default;
+$indigo-lighten-4:  #c5cae9 !default;
+$indigo-lighten-3:  #9fa8da !default;
+$indigo-lighten-2:  #7986cb !default;
+$indigo-lighten-1:  #5c6bc0 !default;
+$indigo-base:       #3f51b5 !default;
+$indigo-darken-1:   #3949ab !default;
+$indigo-darken-2:   #303f9f !default;
+$indigo-darken-3:   #283593 !default;
+$indigo-darken-4:   #1a237e !default;
+$indigo-accent-1:   #8c9eff !default;
+$indigo-accent-2:   #536dfe !default;
+$indigo-accent-3:   #3d5afe !default;
+$indigo-accent-4:   #304ffe !default;
+
+$indigo: () !default;
+$indigo: map-merge((
+  "lighten-5":  $indigo-lighten-5,
+  "lighten-4":  $indigo-lighten-4,
+  "lighten-3":  $indigo-lighten-3,
+  "lighten-2":  $indigo-lighten-2,
+  "lighten-1":  $indigo-lighten-1,
+  "base":       $indigo-base,
+  "darken-1":   $indigo-darken-1,
+  "darken-2":   $indigo-darken-2,
+  "darken-3":   $indigo-darken-3,
+  "darken-4":   $indigo-darken-4,
+  "accent-1":   $indigo-accent-1,
+  "accent-2":   $indigo-accent-2,
+  "accent-3":   $indigo-accent-3,
+  "accent-4":   $indigo-accent-4
+), $indigo);
+
+$blue-lighten-5:  #e3f2fd !default;
+$blue-lighten-4:  #bbdefb !default;
+$blue-lighten-3:  #90caf9 !default;
+$blue-lighten-2:  #64b5f6 !default;
+$blue-lighten-1:  #42a5f5 !default;
+$blue-base:       #2196f3 !default;
+$blue-darken-1:   #1e88e5 !default;
+$blue-darken-2:   #1976d2 !default;
+$blue-darken-3:   #1565c0 !default;
+$blue-darken-4:   #0d47a1 !default;
+$blue-accent-1:   #82b1ff !default;
+$blue-accent-2:   #448aff !default;
+$blue-accent-3:   #2979ff !default;
+$blue-accent-4:   #2962ff !default;
+
+$blue: () !default;
+$blue: map-merge((
+  "lighten-5":  $blue-lighten-5,
+  "lighten-4":  $blue-lighten-4,
+  "lighten-3":  $blue-lighten-3,
+  "lighten-2":  $blue-lighten-2,
+  "lighten-1":  $blue-lighten-1,
+  "base":       $blue-base,
+  "darken-1":   $blue-darken-1,
+  "darken-2":   $blue-darken-2,
+  "darken-3":   $blue-darken-3,
+  "darken-4":   $blue-darken-4,
+  "accent-1":   $blue-accent-1,
+  "accent-2":   $blue-accent-2,
+  "accent-3":   $blue-accent-3,
+  "accent-4":   $blue-accent-4
+), $blue);
+
+$light-blue-lighten-5:  #e1f5fe !default;
+$light-blue-lighten-4:  #b3e5fc !default;
+$light-blue-lighten-3:  #81d4fa !default;
+$light-blue-lighten-2:  #4fc3f7 !default;
+$light-blue-lighten-1:  #29b6f6 !default;
+$light-blue-base:       #03a9f4 !default;
+$light-blue-darken-1:   #039be5 !default;
+$light-blue-darken-2:   #0288d1 !default;
+$light-blue-darken-3:   #0277bd !default;
+$light-blue-darken-4:   #01579b !default;
+$light-blue-accent-1:   #80d8ff !default;
+$light-blue-accent-2:   #40c4ff !default;
+$light-blue-accent-3:   #00b0ff !default;
+$light-blue-accent-4:   #0091ea !default;
+
+$light-blue: () !default;
+$light-blue: map-merge((
+  "lighten-5":  $light-blue-lighten-5,
+  "lighten-4":  $light-blue-lighten-4,
+  "lighten-3":  $light-blue-lighten-3,
+  "lighten-2":  $light-blue-lighten-2,
+  "lighten-1":  $light-blue-lighten-1,
+  "base":       $light-blue-base,
+  "darken-1":   $light-blue-darken-1,
+  "darken-2":   $light-blue-darken-2,
+  "darken-3":   $light-blue-darken-3,
+  "darken-4":   $light-blue-darken-4,
+  "accent-1":   $light-blue-accent-1,
+  "accent-2":   $light-blue-accent-2,
+  "accent-3":   $light-blue-accent-3,
+  "accent-4":   $light-blue-accent-4
+), $light-blue);
+
+$cyan-lighten-5:  #e0f7fa !default;
+$cyan-lighten-4:  #b2ebf2 !default;
+$cyan-lighten-3:  #80deea !default;
+$cyan-lighten-2:  #4dd0e1 !default;
+$cyan-lighten-1:  #26c6da !default;
+$cyan-base:       #00bcd4 !default;
+$cyan-darken-1:   #00acc1 !default;
+$cyan-darken-2:   #0097a7 !default;
+$cyan-darken-3:   #00838f !default;
+$cyan-darken-4:   #006064 !default;
+$cyan-accent-1:   #84ffff !default;
+$cyan-accent-2:   #18ffff !default;
+$cyan-accent-3:   #00e5ff !default;
+$cyan-accent-4:   #00b8d4 !default;
+
+$cyan: () !default;
+$cyan: map-merge((
+  "lighten-5":  $cyan-lighten-5,
+  "lighten-4":  $cyan-lighten-4,
+  "lighten-3":  $cyan-lighten-3,
+  "lighten-2":  $cyan-lighten-2,
+  "lighten-1":  $cyan-lighten-1,
+  "base":       $cyan-base,
+  "darken-1":   $cyan-darken-1,
+  "darken-2":   $cyan-darken-2,
+  "darken-3":   $cyan-darken-3,
+  "darken-4":   $cyan-darken-4,
+  "accent-1":   $cyan-accent-1,
+  "accent-2":   $cyan-accent-2,
+  "accent-3":   $cyan-accent-3,
+  "accent-4":   $cyan-accent-4
+), $cyan);
+
+$teal-lighten-5:  #e0f2f1 !default;
+$teal-lighten-4:  #b2dfdb !default;
+$teal-lighten-3:  #80cbc4 !default;
+$teal-lighten-2:  #4db6ac !default;
+$teal-lighten-1:  #26a69a !default;
+$teal-base:       #009688 !default;
+$teal-darken-1:   #00897b !default;
+$teal-darken-2:   #00796b !default;
+$teal-darken-3:   #00695c !default;
+$teal-darken-4:   #004d40 !default;
+$teal-accent-1:   #a7ffeb !default;
+$teal-accent-2:   #64ffda !default;
+$teal-accent-3:   #1de9b6 !default;
+$teal-accent-4:   #00bfa5 !default;
+
+$teal: () !default;
+$teal: map-merge((
+  "lighten-5":  $teal-lighten-5,
+  "lighten-4":  $teal-lighten-4,
+  "lighten-3":  $teal-lighten-3,
+  "lighten-2":  $teal-lighten-2,
+  "lighten-1":  $teal-lighten-1,
+  "base":       $teal-base,
+  "darken-1":   $teal-darken-1,
+  "darken-2":   $teal-darken-2,
+  "darken-3":   $teal-darken-3,
+  "darken-4":   $teal-darken-4,
+  "accent-1":   $teal-accent-1,
+  "accent-2":   $teal-accent-2,
+  "accent-3":   $teal-accent-3,
+  "accent-4":   $teal-accent-4
+), $teal);
+
+$green-lighten-5:  #e8f5e9 !default;
+$green-lighten-4:  #c8e6c9 !default;
+$green-lighten-3:  #a5d6a7 !default;
+$green-lighten-2:  #81c784 !default;
+$green-lighten-1:  #66bb6a !default;
+$green-base:       #4caf50 !default;
+$green-darken-1:   #43a047 !default;
+$green-darken-2:   #388e3c !default;
+$green-darken-3:   #2e7d32 !default;
+$green-darken-4:   #1b5e20 !default;
+$green-accent-1:   #b9f6ca !default;
+$green-accent-2:   #69f0ae !default;
+$green-accent-3:   #00e676 !default;
+$green-accent-4:   #00c853 !default;
+
+$green: () !default;
+$green: map-merge((
+  "lighten-5":  $green-lighten-5,
+  "lighten-4":  $green-lighten-4,
+  "lighten-3":  $green-lighten-3,
+  "lighten-2":  $green-lighten-2,
+  "lighten-1":  $green-lighten-1,
+  "base":       $green-base,
+  "darken-1":   $green-darken-1,
+  "darken-2":   $green-darken-2,
+  "darken-3":   $green-darken-3,
+  "darken-4":   $green-darken-4,
+  "accent-1":   $green-accent-1,
+  "accent-2":   $green-accent-2,
+  "accent-3":   $green-accent-3,
+  "accent-4":   $green-accent-4
+), $green);
+
+$light-green-lighten-5:  #f1f8e9 !default;
+$light-green-lighten-4:  #dcedc8 !default;
+$light-green-lighten-3:  #c5e1a5 !default;
+$light-green-lighten-2:  #aed581 !default;
+$light-green-lighten-1:  #9ccc65 !default;
+$light-green-base:       #8bc34a !default;
+$light-green-darken-1:   #7cb342 !default;
+$light-green-darken-2:   #689f38 !default;
+$light-green-darken-3:   #558b2f !default;
+$light-green-darken-4:   #33691e !default;
+$light-green-accent-1:   #ccff90 !default;
+$light-green-accent-2:   #b2ff59 !default;
+$light-green-accent-3:   #76ff03 !default;
+$light-green-accent-4:   #64dd17 !default;
+
+$light-green: () !default;
+$light-green: map-merge((
+  "lighten-5":  $light-green-lighten-5,
+  "lighten-4":  $light-green-lighten-4,
+  "lighten-3":  $light-green-lighten-3,
+  "lighten-2":  $light-green-lighten-2,
+  "lighten-1":  $light-green-lighten-1,
+  "base":       $light-green-base,
+  "darken-1":   $light-green-darken-1,
+  "darken-2":   $light-green-darken-2,
+  "darken-3":   $light-green-darken-3,
+  "darken-4":   $light-green-darken-4,
+  "accent-1":   $light-green-accent-1,
+  "accent-2":   $light-green-accent-2,
+  "accent-3":   $light-green-accent-3,
+  "accent-4":   $light-green-accent-4
+), $light-green);
+
+$lime-lighten-5:  #f9fbe7 !default;
+$lime-lighten-4:  #f0f4c3 !default;
+$lime-lighten-3:  #e6ee9c !default;
+$lime-lighten-2:  #dce775 !default;
+$lime-lighten-1:  #d4e157 !default;
+$lime-base:       #cddc39 !default;
+$lime-darken-1:   #c0ca33 !default;
+$lime-darken-2:   #afb42b !default;
+$lime-darken-3:   #9e9d24 !default;
+$lime-darken-4:   #827717 !default;
+$lime-accent-1:   #f4ff81 !default;
+$lime-accent-2:   #eeff41 !default;
+$lime-accent-3:   #c6ff00 !default;
+$lime-accent-4:   #aeea00 !default;
+
+$lime: () !default;
+$lime: map-merge((
+  "lighten-5":  $lime-lighten-5,
+  "lighten-4":  $lime-lighten-4,
+  "lighten-3":  $lime-lighten-3,
+  "lighten-2":  $lime-lighten-2,
+  "lighten-1":  $lime-lighten-1,
+  "base":       $lime-base,
+  "darken-1":   $lime-darken-1,
+  "darken-2":   $lime-darken-2,
+  "darken-3":   $lime-darken-3,
+  "darken-4":   $lime-darken-4,
+  "accent-1":   $lime-accent-1,
+  "accent-2":   $lime-accent-2,
+  "accent-3":   $lime-accent-3,
+  "accent-4":   $lime-accent-4
+), $lime);
+
+$yellow-lighten-5:  #fffde7 !default;
+$yellow-lighten-4:  #fff9c4 !default;
+$yellow-lighten-3:  #fff59d !default;
+$yellow-lighten-2:  #fff176 !default;
+$yellow-lighten-1:  #ffee58 !default;
+$yellow-base:       #ffeb3b !default;
+$yellow-darken-1:   #fdd835 !default;
+$yellow-darken-2:   #fbc02d !default;
+$yellow-darken-3:   #f9a825 !default;
+$yellow-darken-4:   #f57f17 !default;
+$yellow-accent-1:   #ffff8d !default;
+$yellow-accent-2:   #ffff00 !default;
+$yellow-accent-3:   #ffea00 !default;
+$yellow-accent-4:   #ffd600 !default;
+
+$yellow: () !default;
+$yellow: map-merge((
+  "lighten-5":  $yellow-lighten-5,
+  "lighten-4":  $yellow-lighten-4,
+  "lighten-3":  $yellow-lighten-3,
+  "lighten-2":  $yellow-lighten-2,
+  "lighten-1":  $yellow-lighten-1,
+  "base":       $yellow-base,
+  "darken-1":   $yellow-darken-1,
+  "darken-2":   $yellow-darken-2,
+  "darken-3":   $yellow-darken-3,
+  "darken-4":   $yellow-darken-4,
+  "accent-1":   $yellow-accent-1,
+  "accent-2":   $yellow-accent-2,
+  "accent-3":   $yellow-accent-3,
+  "accent-4":   $yellow-accent-4
+), $yellow);
+
+$amber-lighten-5:  #fff8e1 !default;
+$amber-lighten-4:  #ffecb3 !default;
+$amber-lighten-3:  #ffe082 !default;
+$amber-lighten-2:  #ffd54f !default;
+$amber-lighten-1:  #ffca28 !default;
+$amber-base:       #ffc107 !default;
+$amber-darken-1:   #ffb300 !default;
+$amber-darken-2:   #ffa000 !default;
+$amber-darken-3:   #ff8f00 !default;
+$amber-darken-4:   #ff6f00 !default;
+$amber-accent-1:   #ffe57f !default;
+$amber-accent-2:   #ffd740 !default;
+$amber-accent-3:   #ffc400 !default;
+$amber-accent-4:   #ffab00 !default;
+
+$amber: () !default;
+$amber: map-merge((
+  "lighten-5":  $amber-lighten-5,
+  "lighten-4":  $amber-lighten-4,
+  "lighten-3":  $amber-lighten-3,
+  "lighten-2":  $amber-lighten-2,
+  "lighten-1":  $amber-lighten-1,
+  "base":       $amber-base,
+  "darken-1":   $amber-darken-1,
+  "darken-2":   $amber-darken-2,
+  "darken-3":   $amber-darken-3,
+  "darken-4":   $amber-darken-4,
+  "accent-1":   $amber-accent-1,
+  "accent-2":   $amber-accent-2,
+  "accent-3":   $amber-accent-3,
+  "accent-4":   $amber-accent-4
+), $amber);
+
+$orange-lighten-5:  #fff3e0 !default;
+$orange-lighten-4:  #ffe0b2 !default;
+$orange-lighten-3:  #ffcc80 !default;
+$orange-lighten-2:  #ffb74d !default;
+$orange-lighten-1:  #ffa726 !default;
+$orange-base:       #ff9800 !default;
+$orange-darken-1:   #fb8c00 !default;
+$orange-darken-2:   #f57c00 !default;
+$orange-darken-3:   #ef6c00 !default;
+$orange-darken-4:   #e65100 !default;
+$orange-accent-1:   #ffd180 !default;
+$orange-accent-2:   #ffab40 !default;
+$orange-accent-3:   #ff9100 !default;
+$orange-accent-4:   #ff6d00 !default;
+
+$orange: () !default;
+$orange: map-merge((
+  "lighten-5":  $orange-lighten-5,
+  "lighten-4":  $orange-lighten-4,
+  "lighten-3":  $orange-lighten-3,
+  "lighten-2":  $orange-lighten-2,
+  "lighten-1":  $orange-lighten-1,
+  "base":       $orange-base,
+  "darken-1":   $orange-darken-1,
+  "darken-2":   $orange-darken-2,
+  "darken-3":   $orange-darken-3,
+  "darken-4":   $orange-darken-4,
+  "accent-1":   $orange-accent-1,
+  "accent-2":   $orange-accent-2,
+  "accent-3":   $orange-accent-3,
+  "accent-4":   $orange-accent-4
+), $orange);
+
+$deep-orange-lighten-5:  #fbe9e7 !default;
+$deep-orange-lighten-4:  #ffccbc !default;
+$deep-orange-lighten-3:  #ffab91 !default;
+$deep-orange-lighten-2:  #ff8a65 !default;
+$deep-orange-lighten-1:  #ff7043 !default;
+$deep-orange-base:       #ff5722 !default;
+$deep-orange-darken-1:   #f4511e !default;
+$deep-orange-darken-2:   #e64a19 !default;
+$deep-orange-darken-3:   #d84315 !default;
+$deep-orange-darken-4:   #bf360c !default;
+$deep-orange-accent-1:   #ff9e80 !default;
+$deep-orange-accent-2:   #ff6e40 !default;
+$deep-orange-accent-3:   #ff3d00 !default;
+$deep-orange-accent-4:   #dd2c00 !default;
+
+$deep-orange: () !default;
+$deep-orange: map-merge((
+  "lighten-5":  $deep-orange-lighten-5,
+  "lighten-4":  $deep-orange-lighten-4,
+  "lighten-3":  $deep-orange-lighten-3,
+  "lighten-2":  $deep-orange-lighten-2,
+  "lighten-1":  $deep-orange-lighten-1,
+  "base":       $deep-orange-base,
+  "darken-1":   $deep-orange-darken-1,
+  "darken-2":   $deep-orange-darken-2,
+  "darken-3":   $deep-orange-darken-3,
+  "darken-4":   $deep-orange-darken-4,
+  "accent-1":   $deep-orange-accent-1,
+  "accent-2":   $deep-orange-accent-2,
+  "accent-3":   $deep-orange-accent-3,
+  "accent-4":   $deep-orange-accent-4
+), $deep-orange);
+
+$brown-lighten-5:  #efebe9 !default;
+$brown-lighten-4:  #d7ccc8 !default;
+$brown-lighten-3:  #bcaaa4 !default;
+$brown-lighten-2:  #a1887f !default;
+$brown-lighten-1:  #8d6e63 !default;
+$brown-base:       #795548 !default;
+$brown-darken-1:   #6d4c41 !default;
+$brown-darken-2:   #5d4037 !default;
+$brown-darken-3:   #4e342e !default;
+$brown-darken-4:   #3e2723 !default;
+
+$brown: () !default;
+$brown: map-merge((
+  "lighten-5":  $brown-lighten-5,
+  "lighten-4":  $brown-lighten-4,
+  "lighten-3":  $brown-lighten-3,
+  "lighten-2":  $brown-lighten-2,
+  "lighten-1":  $brown-lighten-1,
+  "base":       $brown-base,
+  "darken-1":   $brown-darken-1,
+  "darken-2":   $brown-darken-2,
+  "darken-3":   $brown-darken-3,
+  "darken-4":   $brown-darken-4
+), $brown);
+
+$blue-grey-lighten-5:  #eceff1 !default;
+$blue-grey-lighten-4:  #cfd8dc !default;
+$blue-grey-lighten-3:  #b0bec5 !default;
+$blue-grey-lighten-2:  #90a4ae !default;
+$blue-grey-lighten-1:  #78909c !default;
+$blue-grey-base:       #607d8b !default;
+$blue-grey-darken-1:   #546e7a !default;
+$blue-grey-darken-2:   #455a64 !default;
+$blue-grey-darken-3:   #37474f !default;
+$blue-grey-darken-4:   #263238 !default;
+
+$blue-grey: () !default;
+$blue-grey: map-merge((
+  "lighten-5":  $blue-grey-lighten-5,
+  "lighten-4":  $blue-grey-lighten-4,
+  "lighten-3":  $blue-grey-lighten-3,
+  "lighten-2":  $blue-grey-lighten-2,
+  "lighten-1":  $blue-grey-lighten-1,
+  "base":       $blue-grey-base,
+  "darken-1":   $blue-grey-darken-1,
+  "darken-2":   $blue-grey-darken-2,
+  "darken-3":   $blue-grey-darken-3,
+  "darken-4":   $blue-grey-darken-4
+), $blue-grey);
+
+$grey-lighten-5:  #fafafa !default;
+$grey-lighten-4:  #f5f5f5 !default;
+$grey-lighten-3:  #eeeeee !default;
+$grey-lighten-2:  #e0e0e0 !default;
+$grey-lighten-1:  #bdbdbd !default;
+$grey-base:       #9e9e9e !default;
+$grey-darken-1:   #757575 !default;
+$grey-darken-2:   #616161 !default;
+$grey-darken-3:   #424242 !default;
+$grey-darken-4:   #212121 !default;
+
+$grey: () !default;
+$grey: map-merge((
+  "lighten-5":  $grey-lighten-5,
+  "lighten-4":  $grey-lighten-4,
+  "lighten-3":  $grey-lighten-3,
+  "lighten-2":  $grey-lighten-2,
+  "lighten-1":  $grey-lighten-1,
+  "base":       $grey-base,
+  "darken-1":   $grey-darken-1,
+  "darken-2":   $grey-darken-2,
+  "darken-3":   $grey-darken-3,
+  "darken-4":   $grey-darken-4
+), $grey);
+
+$black-base: #000 !default;
+
+$black: () !default;
+$black: map-merge((
+  "base":  $black-base
+), $black);
+
+$white-base: #fff !default;
+
+$white: () !default;
+$white: map-merge((
+  "base":  $white-base
+), $white);
+
+// Colors palette
+$colors: () !default;
+$colors: map-merge((
+  "mdb-color":   $mdb-color,
+  "red":         $red,
+  "pink":        $pink,
+  "purple":      $purple,
+  "deep-purple": $deep-purple,
+  "indigo":      $indigo,
+  "blue":        $blue,
+  "light-blue":  $light-blue,
+  "cyan":        $cyan,
+  "teal":        $teal,
+  "green":       $green,
+  "light-green": $light-green,
+  "lime":        $lime,
+  "yellow":      $yellow,
+  "amber":       $amber,
+  "orange":      $orange,
+  "deep-orange": $deep-orange,
+  "brown":       $brown,
+  "blue-grey":   $blue-grey,
+  "grey":        $grey,
+  "black":       $black,
+  "white":       $white
+), $colors);
+
+// Full palette of colors
+$enable_full_palette: true !default;
+
+// Colors classes
+@each $color_name, $color in $colors {
+  @each $color_type, $color_value in $color {
+    @if $color_type == "base" {
+      .#{$color_name} {
+        background-color: $color_value !important;
+      }
+      .#{$color_name}-text {
+        color: $color-value !important;
+      }
+      .rgba-#{$color_name}-slight {
+        background-color: rgba($color_value, .1);
+      }
+      .rgba-#{$color_name}-light {
+        background-color: rgba($color_value, .3);
+      }
+      .rgba-#{$color_name}-strong {
+        background-color: rgba($color_value, .7);
+      }
+    }
+    @else {
+      @if $enable_full_palette {
+        .#{$color_name}.#{$color_type} {
+          background-color: $color_value !important;
+        }
+      }
+    }
+  }
+}
+
+// Stylish rgba colors
+$stylish-rgba: (
+  "rgba-stylish-slight": rgba(62, 69, 81, .1),
+  "rgba-stylish-light": rgba(62, 69, 81, .3),
+  "rgba-stylish-strong": rgba(62, 69, 81, .7),
+);
+
+@each $color_name, $color_value in $stylish-rgba {
+  .#{$color_name} {
+    background-color: $color_value;
+  }
+}
+
+.dark-grey-text {
+  color: #4f4f4f;
+}
+
+// Material colors
+$primary-color:        #4285f4 !default;
+$primary-color-dark:   #0d47a1 !default;
+$secondary-color:      #aa66cc !default;
+$secondary-color-dark: #9933cc !default;
+$default-color:        #2bbbad !default;
+$default-color-dark:   #00695c !default;
+$info-color:           #33b5e5 !default;
+$info-color-dark:      #0099cc !default;
+$success-color:        #00c851 !default;
+$success-color-dark:   #007e33 !default;
+$warning-color:        #ffbb33 !default;
+$warning-color-dark:   #ff8800 !default;
+$danger-color:         #ff3547 !default;
+$danger-color-dark:    #cc0000 !default;
+$elegant-color:        #2e2e2e !default;
+$elegant-color-dark:   #212121 !default;
+$stylish-color:        #4b515d !default;
+$stylish-color-dark:   #3e4551 !default;
+$unique-color:         #3f729b !default;
+$unique-color-dark:    #1c2331 !default;
+$special-color:        #37474f !default;
+$special-color-dark:   #263238 !default;
+$white:                #fff;
+$black:                #000;
+$error-color:          map-get($red, "base") !default;
+
+$material-colors: () !default;
+$material-colors: map-merge((
+  "primary-color":        $primary-color,
+  "primary-color-dark":   $primary-color-dark,
+  "secondary-color":      $secondary-color,
+  "secondary-color-dark": $secondary-color-dark,
+  "default-color":        $default-color,
+  "default-color-dark":   $default-color-dark,
+  "info-color":           $info-color,
+  "info-color-dark":      $info-color-dark,
+  "success-color":        $success-color,
+  "success-color-dark":   $success-color-dark,
+  "warning-color":        $warning-color,
+  "warning-color-dark":   $warning-color-dark,
+  "danger-color":         $danger-color,
+  "danger-color-dark":    $danger-color-dark,
+  "elegant-color":        $elegant-color,
+  "elegant-color-dark":   $elegant-color-dark,
+  "stylish-color":        $stylish-color,
+  "stylish-color-dark":   $stylish-color-dark,
+  "unique-color":         $unique-color,
+  "unique-color-dark":    $unique-color-dark,
+  "special-color":        $special-color,
+  "special-color-dark":   $special-color-dark
+), $material-colors);
+
+@each $color_name, $color in $material-colors {
+  .#{$color_name} {
+    background-color: $color !important;
+  }
+}
+
+// Social colors
+$fb-color:    #3b5998 !default;
+$tw-color:    #55acee !default;
+$gplus-color: #dd4b39 !default;
+$yt-color:    #ed302f !default;
+$li-color:    #0082ca !default;
+$pin-color:   #c61118 !default;
+$ins-color:   #2e5e86 !default;
+$git-color:   #333333 !default;
+$comm-color:  #30cfc0 !default;
+$vk-color:    #4c75a3 !default;
+$drib-color:  #ec4a89 !default;
+$so-color:    #ffac44 !default;
+$slack-color: #56b68b !default;
+$email-color: #4b515d !default;
+
+$social-colors: () !default;
+$social-colors: map-merge((
+  "fb":       $fb-color,
+  "tw":       $tw-color,
+  "gplus":    $gplus-color,
+  "yt":       $yt-color,
+  "li":       $li-color,
+  "pin":      $pin-color,
+  "ins":      $ins-color,
+  "git":      $git-color,
+  "comm":     $comm-color,
+  "vk":       $vk-color,
+  "dribbble": $drib-color,
+  "so":       $so-color,
+  "slack":    $slack-color,
+  "email":    $email-color
+), $social-colors);
+
+// MDB buttons colors
+$mdb-colors: () !default;
+$mdb-colors: map-merge((
+  "primary":     $primary-color,
+  "danger":      $danger-color,
+  "warning":     $warning-color-dark,
+  "success":     $success-color,
+  "info":        $info-color,
+  "default":     $default-color,
+  "secondary":   $secondary-color,
+  "elegant":     $elegant-color,
+  "unique":      map-get($pink, darken-4),
+  "dark-green":  map-get($green, darken-2),
+  "mdb-color":   map-get($mdb-color, lighten-1),
+  "red":         map-get($red, darken-2),
+  "pink":        map-get($pink, lighten-1),
+  "purple":      map-get($purple, darken-1),
+  "deep-purple": map-get($deep-purple, darken-2),
+  "indigo":      map-get($indigo, base),
+  "blue":        map-get($blue, darken-2),
+  "light-blue":  map-get($blue, accent-1),
+  "cyan":        map-get($cyan, base),
+  "teal":        map-get($teal, darken-2),
+  "green":       map-get($green, darken-2),
+  "light-green": map-get($light-green, base),
+  "lime":        map-get($lime, darken-2),
+  "yellow":      map-get($yellow, darken-2),
+  "amber":       map-get($amber, darken-2),
+  "orange":      map-get($orange, darken-2),
+  "deep-orange": map-get($deep-orange, lighten-1),
+  "brown":       map-get($brown, base),
+  "grey":        map-get($grey, darken-2),
+  "blue-grey":   map-get($blue-grey, lighten-1),
+  "dark":        map-get($grey, darken-4),
+  "light":       map-get($grey, lighten-2),
+  "white":       $white,
+  "black":       $black
+), $mdb-colors);
+
+// Basic colors
+$basic: () !default;
+$basic: map-merge((
+  "primary":  $primary-color,
+  "danger":   $danger-color,
+  "warning":  $warning-color,
+  "success":  $success-color,
+  "info":     $info-color
+), $basic);
+
+$basic-mdb-colors: () !default;
+$basic-mdb-colors: map-merge((
+  "primary":     $primary-color,
+  "danger":      $danger-color,
+  "warning":     $warning-color-dark,
+  "success":     $success-color,
+  "info":        $info-color,
+  "default":     $default-color,
+  "secondary":   $secondary-color,
+  "dark":        map-get($grey, darken-4),
+  "light":       map-get($grey, lighten-2)
+), $basic-mdb-colors);
+
+$pagination-colors: () !default;
+$pagination-colors: map-merge((
+  "blue": $primary-color,
+  "red": $danger-color,
+  "teal": $default-color,
+  "dark-grey": $special-color,
+  "dark": $elegant-color,
+  "blue-grey": $unique-color,
+  "amber": map-get($amber, darken-4),
+  "purple": map-get($deep-purple, darken-1)
+), $pagination-colors);
+
+$ctbc: () !default;
+$ctbc: map-merge((
+  "tabs-cyan": map-get($yellow, base),
+  "tabs-orange": map-get($red, darken-1),
+  "tabs-grey": $white,
+  "tabs-pink": map-get($deep-purple, base),
+  "tabs-green": map-get($blue, darken-3),
+  "tabs-primary": $white
+), $ctbc);
+
+$switch-color-bg:                 $secondary-color !default;
+$switch-color-checked-lever-bg:   desaturate(lighten($secondary-color, 25%), 25%) !default;
+$switch-color-unchecked-bg:       #F1F1F1 !default;
+$switch-color-unchecked-lever-bg: #818181 !default;
+
+$switch-colors: () !default;
+$switch-colors: map-merge((
+  "bg":                 $switch-color-bg,
+  "checked-lever-bg":   $switch-color-checked-lever-bg,
+  "unchecked-bg":       $switch-color-unchecked-bg,
+  "unchecked-lever-bg": $switch-color-unchecked-lever-bg,
+), $switch-colors);
+
+$dropdown-colors: () !default;
+$dropdown-colors: map-merge((
+  "primary"  : $primary-color,
+  "danger"   : $danger-color-dark,
+  "default"  : $default-color,
+  "secondary": $secondary-color,
+  "success"  : $success-color,
+  "info"     : $info-color,
+  "warning"  : $warning-color,
+  "dark"     : map-get($mdb-colors, "elegant"),
+  "ins"      : map-get($social-colors, "ins")
+), $dropdown-colors);
\ No newline at end of file
diff --git a/scss/core/_global.scss b/scss/core/_global.scss
new file mode 100644
index 0000000..9245bea
--- /dev/null
+++ b/scss/core/_global.scss
@@ -0,0 +1,62 @@
+// Globals
+// Shadows
+.z-depth-0 {
+  box-shadow: none;
+}
+.z-depth-1 {
+  box-shadow: $z-depth-1;
+}
+.z-depth-1-half {
+  box-shadow: $z-depth-1-half;
+}
+.z-depth-2 {
+  box-shadow: $z-depth-2;
+}
+.z-depth-3 {
+  box-shadow: $z-depth-3;
+}
+.z-depth-4 {
+  box-shadow: $z-depth-4;
+}
+.z-depth-5 {
+  box-shadow: $z-depth-5;
+}
+
+// Shadow on hover
+.hoverable {
+  @extend .z-depth-0;
+  transition: $transition-hoverable;
+  &:hover {
+    @extend .z-depth-2;
+    transition: $transition-hoverable;
+  }
+}
+
+// Disabled cursor
+.disabled,
+:disabled {
+  pointer-events: none !important;
+}
+
+// Links
+a {
+  cursor: pointer;
+  text-decoration: none;
+  color: $link-color;
+  transition: $transition-basic;
+  &:hover {
+    transition: $transition-basic;
+    text-decoration: none;
+  }
+  &.disabled,
+  &:disabled {
+    &:hover {
+      color: $link-color;
+    }
+  }
+}
+
+a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
+  color: inherit;
+  text-decoration: none;
+}
diff --git a/scss/core/_helpers.scss b/scss/core/_helpers.scss
new file mode 100644
index 0000000..3938bbd
--- /dev/null
+++ b/scss/core/_helpers.scss
@@ -0,0 +1,52 @@
+// Helpers
+// MDB helpers
+.img-fluid,
+.video-fluid {
+  max-width: 100%;
+  height: auto;
+}
+
+.flex-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  p {
+    margin: 0;
+  }
+  ul {
+    text-align: center;
+    li {
+      margin-bottom: $flex-center-ul-mb;
+      &:last-of-type {
+        margin-bottom: 0;
+      }
+    }
+  }
+}
+
+.hr-light {
+  border-top: 1px solid $hr-light;
+}
+
+.hr-dark {
+  border-top: 1px solid $hr-dark;
+}
+
+// Collapsible body
+.collapsible-body {
+  display: none;
+}
+
+.jumbotron {
+  @extend .z-depth-1;
+  border-radius: $border-radius-base;
+  background-color: $white;
+}
+
+@each $name, $color in $basic-mdb-colors {
+  @include bg-variant(".bg-#{$name}", $color);
+  .border-#{$name} {
+    border-color: $color !important;
+  }
+}
\ No newline at end of file
diff --git a/scss/core/_masks.scss b/scss/core/_masks.scss
new file mode 100644
index 0000000..251a5b6
--- /dev/null
+++ b/scss/core/_masks.scss
@@ -0,0 +1,74 @@
+// Masks
+// General properties
+.view {
+  position: relative;
+  overflow: hidden;
+  cursor: default;
+  .mask {
+    position: absolute;
+    top: 0;
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+    background-attachment: fixed;
+  }
+  img, video {
+    position: relative;
+    display: block;
+  }
+  video {
+    &.video-intro {
+      z-index: -100;
+      top: 50%;
+      left: 50%;
+      transform: $intro-video-transform;
+      transition: $intro-video-transition opacity;
+      min-width: 100%;
+      min-height: 100%;
+      width: auto;
+      height: auto;
+    }
+  }
+}
+
+// Overlay
+.overlay {
+  .mask {
+    opacity: 0;
+    transition: $mask-overlay-transition;
+    &:hover {
+      opacity: 1;
+    }
+  }
+}
+
+// Zoom
+.zoom {
+  img, video {
+    transition: $mask-zoom-transition;
+  }
+  &:hover {
+    img, video {
+      transform: $mask-zoom-transform;
+    }
+  }
+}
+
+// Patterns
+$patterns: (
+  1: "01",
+  2: "02",
+  3: "03",
+  4: "04",
+  5: "05",
+  6: "06",
+  7: "07",
+  8: "08",
+  9: "09"
+);
+
+@each $no, $filename in $patterns {
+  .pattern-#{$no} {
+    background: url("#{$image-path}/overlays/#{$filename}.png");
+  }
+}
diff --git a/scss/core/_mixins.scss b/scss/core/_mixins.scss
new file mode 100644
index 0000000..de2da56
--- /dev/null
+++ b/scss/core/_mixins.scss
@@ -0,0 +1,337 @@
+// Mixins
+// Bootstrap Mixins
+@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
+  $n: index($breakpoint-names, $name);
+  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
+}
+
+@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
+  $min: map-get($breakpoints, $name);
+  @return if($min != 0, $min, null);
+}
+
+@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
+  $next: breakpoint-next($name, $breakpoints);
+  @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);
+}
+
+// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
+// Makes the @content apply to the given breakpoint and wider.
+@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
+  $min: breakpoint-min($name, $breakpoints);
+  @if $min {
+    @media (min-width: $min) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}
+
+// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
+// Makes the @content apply to the given breakpoint and narrower.
+@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
+  $max: breakpoint-max($name, $breakpoints);
+  @if $max {
+    @media (max-width: $max) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}
+
+// Media that spans multiple breakpoint widths.
+// Makes the @content apply between the min and max breakpoints
+@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
+  $min: breakpoint-min($lower, $breakpoints);
+  $max: breakpoint-max($upper, $breakpoints);
+
+  @if $min != null and $max != null {
+    @media (min-width: $min) and (max-width: $max) {
+      @content;
+    }
+  } @else if $max == null {
+    @include media-breakpoint-up($lower, $breakpoints) {
+      @content;
+    }
+  } @else if $min == null {
+    @include media-breakpoint-down($upper, $breakpoints) {
+      @content;
+    }
+  }
+}
+
+// Media between the breakpoint's minimum and maximum widths.
+// No minimum for the smallest breakpoint, and no maximum for the largest one.
+// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
+@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
+  $min: breakpoint-min($name, $breakpoints);
+  $max: breakpoint-max($name, $breakpoints);
+
+  @if $min != null and $max != null {
+    @media (min-width: $min) and (max-width: $max) {
+      @content;
+    }
+  } @else if $max == null {
+    @include media-breakpoint-up($name, $breakpoints) {
+      @content;
+    }
+  } @else if $min == null {
+    @include media-breakpoint-down($name, $breakpoints) {
+      @content;
+    }
+  }
+}
+
+@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
+  @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
+}
+
+@mixin hover-focus {
+  &:hover,
+  &:focus {
+    @content;
+  }
+}
+
+// Bacground color
+@mixin bg-variant($parent, $color) {
+  #{$parent} {
+    background-color: $color !important;
+  }
+  a#{$parent},
+  button#{$parent} {
+    @include hover-focus {
+      background-color: darken($color, 10%) !important;
+    }
+  }
+}
+
+// Placeholder
+@mixin placeholder {
+  &::placeholder {
+    @content
+  }
+}
+
+// MDB Mixins
+// Set the color of the button and badge
+@function set-notification-text-color($color) {
+  @if (lightness($color) > 80) {
+    @return $black; // Lighter backgorund, return dark color
+  } @else {
+    @return $white; // Darker background, return light color
+  }
+}
+
+// Make button
+@mixin make-button ($name, $color) {
+  .btn-#{$name} {
+    background-color: $color !important;
+    color: set-notification-text-color($color) !important;
+    &:hover {
+      background-color: lighten($color, 5%);
+    }
+    &:focus,
+    &.focus {
+      @extend .z-depth-1-half;
+    }
+    &:focus,
+    &:active,
+    &.active {
+      background-color: darken($color, 20%);
+    }
+    &.dropdown-toggle {
+      background-color: $color!important;
+      &:hover,
+      &:focus {
+        background-color: lighten($color, 5%) !important;
+      }
+    }
+    &:not([disabled]):not(.disabled):active,
+    &:not([disabled]):not(.disabled).active,
+    .show > &.dropdown-toggle {
+      @extend .z-depth-1-half;
+      background-color: darken($color, 20%) !important;
+    }
+    &:not([disabled]):not(.disabled):active:focus,
+    &:not([disabled]):not(.disabled).active:focus,
+    .show > &.dropdown-toggle:focus {
+      @extend .z-depth-1-half;
+    }
+  }
+  .#{$name}-ic {
+    color: $color !important;
+    &:hover,
+    &:focus {
+      color: $color;
+    }
+  }
+}
+
+// Make outline button
+@mixin make-outline-button ($name, $color) {
+  .btn-outline-#{$name} {
+    border: 2px solid $color !important;
+    background-color: transparent !important;
+    color: $color !important;
+    &:hover,
+    &:focus,
+    &:active,
+    &:active:focus,
+    &.active {
+      border-color: $color !important;
+      background-color: transparent !important;
+      color: $color !important;
+    }
+    &:not([disabled]):not(.disabled):active,
+    &:not([disabled]):not(.disabled).active,
+    .show > &.dropdown-toggle {
+      @extend .z-depth-1-half;
+      background-color: transparent !important;
+      border-color: $color !important;
+    }
+    &:not([disabled]):not(.disabled):active:focus,
+    &:not([disabled]):not(.disabled).active:focus,
+    .show > &.dropdown-toggle:focus {
+      @extend .z-depth-1-half;
+    }
+  }
+}
+
+// Make gradient
+@mixin make-gradient($name, $value) {
+  .#{$name}-gradient {
+    background: linear-gradient(40deg, map-get($value, start), map-get($value, end)) !important;
+  }
+}
+
+// Make gradient button
+@mixin make-gradient-button($name, $value) {
+  .btn {
+    &.#{$name}-gradient {
+      transition: .5s ease;
+      color: $white;
+      &:hover,
+      &:focus,
+      &:active,
+      &:active:focus
+      &.active {
+        background: linear-gradient(40deg, lighten(map-get($value, start), 5%), lighten(map-get($value, end), 5%));
+      }
+    }
+  }
+}
+
+// Button size
+@mixin button-size($padding-y, $padding-x, $font-size) {
+  padding: $padding-y $padding-x;
+  font-size: $font-size;
+}
+
+@mixin make-badge($name, $color) {
+  .badge-#{$name} {
+    background-color: $color !important;
+    color: set-notification-text-color($color) !important;
+  }
+}
+
+// Make input
+@mixin make-input($label-font-size, $label-active-font-size, $top, $prefix-font-size, $margin-left, $width, $margin-left-2) {
+  label {
+    font-size: $label-font-size;
+    &.active {
+      font-size: $label-active-font-size;
+    }
+  }
+  .prefix {
+    top: $top;
+    font-size: $prefix-font-size;
+    ~ input, ~ textarea {
+      margin-left: $margin-left;
+      width: $width;
+    }
+    ~ label {
+      margin-left: $margin-left;
+    }
+    ~ .form-text {
+      margin-left: $margin-left-2;
+    }
+  }
+}
+
+// Make navbar
+@mixin make-navbar($color-0, $background-image, $color, $color-2, $color-3) {
+  .navbar-nav {
+    .nav-item {
+      .nav-link {
+        &.disbled {
+          color: $color-0;
+          &:hover {
+            color: $color-0;
+          }
+        }
+      }
+    }
+  }
+  .navbar-toggler-icon {
+    background-image: $background-image;
+    cursor: pointer;
+  }
+  .breadcrumb,
+  .navbar-nav {
+    .nav-item {
+      .nav-link {
+        color: $color;
+        transition: $navbar-nav-transition;
+        &:hover {
+          color: $color-2;
+        }
+      }
+      &.active > .nav-link {
+        background-color: $color-3;
+        &:hover {
+          color: $color;
+        }
+      }
+    }
+  }
+  .navbar-toggler {
+    color: $color;
+  }
+  form {
+    .md-form {
+      input {
+        border-bottom: 1px solid $color;
+        &:focus:not([readonly]) {
+          border-color: $input-focus-color;
+        }
+      }
+      .form-control {
+        color: $color;
+        @include placeholder {
+          color: $color;
+          font-weight: $navbar-font-weight;
+        }
+      }
+    }
+  }
+}
+
+// Make floating button
+@mixin make-btn-floating($width, $height, $font-size, $line-height) {
+  width: $width;
+  height: $height;
+  i {
+    font-size: $font-size;
+    line-height: $line-height;
+  }
+}
+
+// Keyframes
+@mixin keyframes($animation-name) {
+  @keyframes #{$animation-name} {
+    @content;
+  }
+}
diff --git a/scss/core/_typography.scss b/scss/core/_typography.scss
new file mode 100644
index 0000000..807fb59
--- /dev/null
+++ b/scss/core/_typography.scss
@@ -0,0 +1,137 @@
+// Typography
+// ROBOTO FONT
+@font-face {
+  font-family: "Roboto";
+  src: local(Roboto Thin),
+    url("#{$roboto-font-path}Roboto-Thin.eot");
+  src: url("#{$roboto-font-path}Roboto-Thin.eot?#iefix") format("embedded-opentype"),
+    url("#{$roboto-font-path}Roboto-Thin.woff2") format("woff2"),
+    url("#{$roboto-font-path}Roboto-Thin.woff") format("woff"),
+    url("#{$roboto-font-path}Roboto-Thin.ttf") format("truetype");
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: "Roboto";
+  src: local(Roboto Light),
+    url("#{$roboto-font-path}Roboto-Light.eot");
+  src: url("#{$roboto-font-path}Roboto-Light.eot?#iefix") format("embedded-opentype"),
+    url("#{$roboto-font-path}Roboto-Light.woff2") format("woff2"),
+    url("#{$roboto-font-path}Roboto-Light.woff") format("woff"),
+    url("#{$roboto-font-path}Roboto-Light.ttf") format("truetype");
+  font-weight: 300;
+}
+
+@font-face {
+  font-family: "Roboto";
+  src: local(Roboto Regular),
+    url("#{$roboto-font-path}Roboto-Regular.eot");
+  src: url("#{$roboto-font-path}Roboto-Regular.eot?#iefix") format("embedded-opentype"),
+    url("#{$roboto-font-path}Roboto-Regular.woff2") format("woff2"),
+    url("#{$roboto-font-path}Roboto-Regular.woff") format("woff"),
+    url("#{$roboto-font-path}Roboto-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: "Roboto";
+  src: url("#{$roboto-font-path}Roboto-Medium.eot");
+  src: url("#{$roboto-font-path}Roboto-Medium.eot?#iefix") format("embedded-opentype"),
+    url("#{$roboto-font-path}Roboto-Medium.woff2") format("woff2"),
+    url("#{$roboto-font-path}Roboto-Medium.woff") format("woff"),
+    url("#{$roboto-font-path}Roboto-Medium.ttf") format("truetype");
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: "Roboto";
+  src: url("#{$roboto-font-path}Roboto-Bold.eot");
+  src: url("#{$roboto-font-path}Roboto-Bold.eot?#iefix") format("embedded-opentype"),
+    url("#{$roboto-font-path}Roboto-Bold.woff2") format("woff2"),
+    url("#{$roboto-font-path}Roboto-Bold.woff") format("woff"),
+    url("#{$roboto-font-path}Roboto-Bold.ttf") format("truetype");
+  font-weight: 700;
+}
+
+body {
+  font-family: "Roboto", sans-serif;
+  font-weight: 300;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 300;
+}
+
+// Responsive headings
+@each $key, $val in $grid-breakpoints {
+  @include media-breakpoint-up($key) {
+    $y: map-get($responsive-headings, $key);
+    @each $name,
+      $value in $y {
+      .#{$name}-responsive {
+        font-size: $value;
+      }
+    }
+  }
+}
+
+// Divider
+.divider-new {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  margin-top: $divider-margin-y;
+  margin-bottom: $divider-margin-y;
+  > h1, h2, h3, h4, h5, h6 {
+    margin-bottom: 0;
+  }
+  &:before,
+  &:after {
+    content: "";
+    height: 1.5px;
+    flex: 1;
+    height: $divider-height;
+    background: #c6c6c6;
+  }
+  &:before {
+    margin: 0 $divider-margin-x 0 0;
+  }
+  &:after {
+    margin: 0 0 0 $divider-margin-x;
+  }
+}
+
+// Blockquote
+.blockquote {
+  padding: $blockquote-padding-y $blockquote-padding-x;
+  border-left: .25rem solid #eceeef;
+  .bq-title {
+    margin-bottom: 0;
+    font-size: $font-size-large;
+    font-weight: 400;
+  }
+  p {
+    padding: $blockquote-p-padding-t 0 $blockquote-p-padding-b $blockquote-p-padding-l;
+    font-size: $blockquote-p-font-size;
+  }
+}
+
+@each $name, $color in $basic {
+  .bq-#{$name} {
+    border-left: 3px solid $color !important;
+    .bq-title {
+      color: $color !important;
+    }
+  }
+}
+
+@each $name, $color in $basic-mdb-colors {
+  .text-#{$name} {
+    color: $color !important;
+  }
+}
+
+.font-small {
+  font-size: $font-small;
+}
diff --git a/scss/core/_variables.scss b/scss/core/_variables.scss
new file mode 100644
index 0000000..6d875fe
--- /dev/null
+++ b/scss/core/_variables.scss
@@ -0,0 +1,337 @@
+// Variables
+// Fonts
+$roboto-font-path:            "../font/roboto/" !default;
+
+$font-size-large:             1.5rem !default;
+$font-bold:                   500 !default;
+$font-small:                  .9rem !default;
+
+$line-height-small:           1 !default;
+$line-height-extra-large:     2.5 !default;
+
+// Reponsive Headings
+$responsive-headings: () !default;
+$responsive-headings: map-merge((
+  "xs": (
+    "h1": 150%,
+    "h2": 145%,
+    "h3": 135%,
+    "h4": 135%,
+    "h5": 135%
+  ),
+  "sm": (
+    "h1": 170%,
+    "h2": 140%,
+    "h3": 125%,
+    "h4": 125%,
+    "h5": 125%
+  ),
+  "md": (
+    "h1": 200%,
+    "h2": 170%,
+    "h3": 140%,
+    "h4": 125%,
+    "h5": 125%
+  ),
+  "lg": (
+    "h1": 200%,
+    "h2": 170%,
+    "h3": 140%,
+    "h4": 125%,
+    "h5": 125%
+  ),
+  "xl": (
+    "h1": 250%,
+    "h2": 200%,
+    "h3": 170%,
+    "h4": 140%,
+    "h5": 125%
+  ),
+), $responsive-headings);
+
+// Blockquote
+$blockquote-padding-y:      .5rem !default;
+$blockquote-padding-x:      1rem !default;
+$blockquote-p-padding-t:    $blockquote-padding-x !default;
+$blockquote-p-padding-b:    $blockquote-padding-x !default;
+$blockquote-p-padding-l:    2rem !default;
+$blockquote-p-font-size:    1.1rem !default;
+
+// Shadows
+$z-depth-1:          0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !default;
+$z-depth-1-half:     0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !default;
+$z-depth-2:          0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !default;
+$z-depth-3:          0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !default;
+$z-depth-4:          0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !default;
+$z-depth-5:          0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !default;
+
+// Transitions
+$transition-basic:            all .2s ease-in-out !default;
+$transition-hoverable:        all .55s ease-in-out !default;
+
+// Border radius
+$border-radius-base:          .125rem !default;
+$border-radius-circle:        50% !default;
+
+// Buttons
+$btn-color-basic:             $white !default;
+$btn-margin-basic:            .375rem !default;
+$btn-padding-y-basic:         .84rem !default;
+$btn-padding-x-basic:         2.14rem !default;
+$btn-font-size-basic:         .81rem !default;
+
+$btn-padding-y-large:         1rem !default;
+$btn-padding-x-large:         2.4rem !default;
+$btn-font-size-large:         .94rem !default;
+
+$btn-padding-y-medium:        .7rem !default;
+$btn-padding-x-medium:        1.6rem !default;
+$btn-font-size-medium:        .7rem !default;
+
+$btn-padding-y-small:         .5rem !default;
+$btn-padding-x-small:         1.6rem !default;
+$btn-font-size-small:         .64rem !default;
+
+$btn-outline-padding-y-basic:         .7rem !default;
+$btn-outline-padding-y-large:         .88rem !default;
+$btn-outline-padding-y-medium:        .58rem !default;
+$btn-outline-padding-y-small:         .38rem !default;
+
+$btn-tb-padding-y:       0.3rem !default;
+$btn-tb-padding-x:       1rem !default;
+
+$btn-transition:         $transition-basic !default;
+
+$btn-icon-basic:         .9rem !default;
+$btn-icon-large:         1rem !default;
+$btn-icon-medium:        .8rem !default;
+$btn-icon-small:         .7rem !default;
+$btn-icon-margin:        .3rem !default;
+
+/*** Global ***/
+// Media Query Ranges
+$small-screen-up:     601px !default;
+$medium-screen-up:    993px !default;
+$large-screen-up:     1201px !default;
+$small-screen:        600px !default;
+$medium-screen:       992px !default;
+$large-screen:        1200px !default;
+$sidenav-breakpoint:  1440px !default;
+
+$medium-and-up: "only screen and (min-width : #{$small-screen-up})" !default;
+$large-and-up: "only screen and (min-width : #{$medium-screen-up})" !default;
+$small-and-down: "only screen and (max-width : #{$small-screen})" !default;
+$medium-and-down: "only screen and (max-width : #{$medium-screen})" !default;
+$medium-only: "only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})" !default;
+$hide-sidenav: "only screen and (max-width : #{$sidenav-breakpoint})" !default;
+
+// Link color
+$link-color: #0275d8 !default;
+
+// Dividers colors
+$hr-light:            $white !default;
+$hr-dark:             #666 !default;
+$flex-center-ul-mb:   1rem !default;
+
+// Divider
+$divider-margin-y:         2.8rem !default;
+$divider-margin-x:         .5rem !default;
+$divider-height:           2px !default;
+
+// Masks
+$mask-overlay-transition:     all .4s ease-in-out !default;
+$mask-zoom-transition:        all .2s linear !default;
+$mask-zoom-transform:         scale(1.1) !default;
+$intro-video-transform:       translateX(-50%) translateY(-50%) !default;
+$intro-video-transition:      1s !default;
+
+// Cards
+$md-card-border-radius:          .25rem !default;
+$md-card-link-transition:        .2s ease-in-out !default;
+$md-card-font-size:              .9rem !default;
+$md-card-text-color:             #747373 !default;
+
+// Images
+$image-path: "../img/" !default;
+$avatar-img-max-width: 100px !default;
+
+// Carousels
+$carousel-control-icon-width:         2.25rem !default;
+$carousel-control-icon-height:        $carousel-control-icon-width !default;
+$carousel-control-prev-icon:          url(#{$image-path}/svg/arrow_left.svg) !default;
+$carousel-control-next-icon:          url(#{$image-path}/svg/arrow_right.svg) !default;
+$carousel-indicators-width:           .625rem !default;
+$carousel-indicators-height:          $carousel-indicators-width !default;
+$carousel-indicators-border-radius:   $border-radius-circle !default;
+$carousel-transition-duration:        .6s !default;
+$carousel-item-transform:             translateX(0) !default;
+$carousel-item-transform-2:           translate3d(0, 0, 0) !default;
+
+// Badges
+$badge-pill-padding-x:                .6rem !default;
+$badge-pill-border-radius:            10rem !default;
+
+// Footers
+$footer-margin-top:                    1.25rem !default;
+$footer-padding-top:                   $footer-margin-top !default;
+$footer-copyright-color:               rgba($white, .6) !default;
+$footer-copyright-bg-color:            rgba($black, .2) !default;
+$footer-font-size:                     .9rem !default;
+
+// Forms
+$input-bg-color:                      $white !default;
+$label-font-size:                     .8rem !default;
+$input-transition:                    all .3s !default;
+$input-disabled-color:                rgba(0,0,0, .46) !default;
+$input-focus-color:                   $primary-color !default;
+$input-error-color:                   $error-color !default;
+$input-success-color:                 $success-color !default;
+$input-label-after-top:               65px !default;
+$input-label-after-transition:        .2s opacity ease-out, .2s color ease-out !default;
+$input-border-color: #ced4da !default;
+
+$input-label-transition:              .2s ease-out !default;
+$input-label-color:                   #757575 !default;
+$input-label-top:                     .65rem !default;
+$input-label-active-transform:        translateY(-140%) !default;
+$input-prefix-transition:             color .2s !default;
+
+$input-md-form-margin-top:            1.5rem !default;
+$input-label-font-size:               1rem !default;
+$input-label-active-font-size:        .8rem !default;
+$input-prefix-top:                    .25rem !default;
+$input-prefix-font-size:               1.75rem !default;
+$input-prefix-margin-left:             2.5rem !default;
+$input-prefix-width:                   calc(100% - 2.5rem) !default;
+$input-group-addon-font-size:          1.4rem !default;
+$input-form-text-ml:                   2.6rem !default;
+
+$input-label-font-size-lg:             1.25rem !default;
+$input-label-active-font-size-lg:      .95rem !default;
+$input-prefix-top-lg:                  .4rem !default;
+$input-prefix-font-size-lg:            2rem !default;
+$input-prefix-margin-left-lg:          3rem !default;
+$input-prefix-width-lg:                calc(100% - 3rem) !default;
+$input-group-addon-font-size-lg:       1.65rem !default;
+$input-form-text-ml-lg:                3.1rem !default;
+
+$input-label-font-size-sm:             .875rem !default;
+$input-label-active-font-size-sm:      .75rem !default;
+$input-prefix-top-sm:                  .35rem !default;
+$input-prefix-font-size-sm:            1.5rem !default;
+$input-prefix-margin-left-sm:          2rem !default;
+$input-prefix-width-sm:                calc(100% - 2rem) !default;
+$input-group-addon-font-size-sm:       1.15rem !default;
+$input-form-text-ml-sm:                2rem !default;
+
+$textarea-padding:                     1.5rem !default;
+
+$input-form-control-margin-bottom:     .5rem !default;
+$input-form-control-padding-top:       .3rem !default;
+$input-form-control-padding-bottom:    .55rem !default;
+$input-disabled-solid-color:           #BDBDBD !default;
+
+// Input group
+$input-group-text-placeholder-pl:     1rem !default;
+$input-group-form-control-mt:         3px !default;
+$input-group-form-control-pt:         14px !default;
+$input-group-form-control-pb:         7px !default;
+$input-group-form-control-pl:         1.2rem !default;
+
+// List group
+$list-group-padding:                   0 10px 10px 0 !default;
+$list-group-transition:                .5s !default;
+
+// Modals
+$modal-distance:                       10px !default;
+$modal-width:                          400px !default;
+$modal-full-height-medium-screen:      800px !default;
+$modal-full-height-large-screen:       1000px !default;
+$modal-fade-top-transform:             translate3d(0, -25%, 0) !default;
+$modal-fade-bottom-transform:          translate3d(0, 25%, 0) !default;
+$modal-fade-right-transform:           translate3d(25%, 0, 0) !default;
+$modal-fade-left-transform:            translate3d(-25%, 0, 0) !default;
+$modal-notify-body-padding:            1.5rem !default;
+$modal-notify-heading-padding:         .3rem !default;
+$modal-notify-font-size:               1.15rem !default;
+$modal-avatar-margin-top:              6rem !default;
+$modal-avatar-header-margin-top:       -6rem !default;
+$modal-avatar-header-margin-bottom:    -1rem !default;
+$modal-avatar-img-width:               130px !default;
+$modal-body-padding-right:             2rem !default;
+$modal-body-padding-left:              $modal-body-padding-right !default;
+$modal-body-margin-top:                1rem !default;
+$cascading-modal-margin-top:           -2rem !default;
+$cascading-modal-margin-right:         1rem !default;
+$cascading-modal-margin-bottom:        $cascading-modal-margin-right !default;
+$cascading-modal-margin-left:          $cascading-modal-margin-right !default;
+$cascading-modal-padding:              1.5rem !default;
+$cascading-modal-close-margin-right:   $cascading-modal-margin-right !default;
+$cascading-modal-font-size:            1.25rem !default;
+$cascading-modal-fa-margin-right:      9px !default;
+$cascading-modal-social-margin-top:    $cascading-modal-padding !default;
+$cascading-modal-a-font-size:          1rem !default;
+$cascading-modal-tabs-margin-x:        1rem !default;
+$cascading-modal-tabs-margin-top:      -1.5rem !default;
+$cascading-modal-tabs-padding-top:     1.7rem !default;
+
+// Miscellaneous
+$edge-header-height:                   278px !default;
+$edge-header-background-color:         #ccc !default;
+$edge-header-margin-top:               -100px !default;
+
+// Navbars
+$navbar-font-weight:                   300 !default;
+$navbar-double-font-size:              15px !default;
+
+$navbar-light-toggler-icon:            url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !default;
+$navbar-light-bg-active-color:         rgba($black, .1) !default;
+$navbar-light-hover-color:             rgba($black, .75) !default;
+$navbar-light-disabled-color:          rgba(0, 0, 0, 0.5) !default;
+
+$navbar-dark-toggler-icon:             url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !default;
+$navbar-dark-bg-active-color:          rgba($white, .1) !default;
+$navbar-dark-hover-color:              rgba($white, .75) !default;
+$navbar-dark-disabled-color:           rgba(255, 255, 255, 0.5) !default;
+
+$navbar-scrolling-transition:          background .5s ease-in-out, padding .5s ease-in-out !default;
+$navbar-scrolling-transition-duration: 1s !default;
+$navbar-scrolling-padding:             12px !default;
+$navbar-top-collapse-padding:          5px !default;
+$navbar-nav-transition:                .35s !default;
+$navbar-dropdown-font-size:            0.9375rem !default;
+$navbar-dropdown-menu-padding:         10px !default;
+$navbar-flex-icons-padding-md:         6px !default;
+$navbar-flex-icons-padding-lg:         3px !default;
+$navbar-form-input-mr:                 5px !default;
+$navbar-form-input-mb:                 1px !default;
+$navbar-form-input-ml:                 8px !default;
+$navbar-form-input-height:             1rem !default;
+$navbar-breadcrumb-padding-top:        .3rem !default;
+$navbar-breadcrumb-padding-left:       1rem !default;
+$navbar-breadcrumb-color:              rgba(255,255,255,.65) !default;
+
+// Pagination
+$pagination-active-transition:         all .2s linear !default;
+$pagination-page-link-transition:      all .3s linear !default;
+$pagination-page-link-font-size:       .9rem !default;
+$pagination-page-link-font-size-lg:    1rem !default;
+$pagination-page-link-font-size-sm:    .8rem !default;
+$pagination-page-item-disabled-color:  #868e96 !default;
+$pagination-page-link-color:           #212529 !default;
+$pagination-page-link-hover-bg-color:  #eee !default;
+$pagination-circle-margin-x:           2px !default;
+$pagination-circle-border-radius:      $border-radius-circle !default;
+
+// Tables
+$table-th-font-size:                   .9rem !default;
+$table-td-font-size:                   $table-th-font-size !default;
+$table-th-padding-top:                 1.1rem !default;
+$table-td-padding-bottom:              1rem !default;
+$table-a-color:                        #212529 !default;
+$table-hover-transition:               .5s !default;
+$table-hover-background-color:         rgba(0, 0, 0, 0.075) !default;
+$table-sm-padding-y:                   .6rem !default;
+$table-inverse-color-border:           $white !default;
+$product-table-img-max-height:         150px !default;
+$product-table-img-min-width:          50px !default;
diff --git a/scss/core/_waves.scss b/scss/core/_waves.scss
new file mode 100644
index 0000000..79343cb
--- /dev/null
+++ b/scss/core/_waves.scss
@@ -0,0 +1,146 @@
+
+/*!
+ * Waves v0.7.5
+ * http://fian.my.id/Waves
+ *
+ * Copyright 2014-2016 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE
+ */
+
+@mixin waves-transition($transition){
+  transition: $transition;
+}
+
+@mixin waves-transform($string){
+  transform: $string;
+}
+
+@mixin waves-box-shadow($shadow){
+  box-shadow: $shadow;
+}
+
+.waves-effect {
+  position: relative;
+  cursor: pointer;
+  overflow: hidden;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  z-index: 1;
+  .waves-ripple {
+    position: absolute;
+    border-radius: 50%;
+    width: 100px;
+    height: 100px;
+    margin-top:-50px;
+    margin-left:-50px;
+    opacity: 0;
+    background: rgba(0,0,0,0.2);
+    $gradient: rgba(0,0,0,0.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%;
+    background: -webkit-radial-gradient($gradient);
+    background: -o-radial-gradient($gradient);
+    background: -moz-radial-gradient($gradient);
+    background: radial-gradient($gradient);
+    @include waves-transition(all 0.5s ease-out);
+    transition-property: transform, opacity;
+    @include waves-transform(scale(0) translate(0,0));
+    pointer-events: none;
+  }
+
+  &.waves-light .waves-ripple {
+    background: rgba(255,255,255,0.4);
+    $gradient: rgba(255,255,255,0.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%;
+    background: radial-gradient($gradient);
+  }
+
+  &.waves-classic .waves-ripple {
+    background: rgba(0,0,0,0.2);
+  }
+
+  &.waves-classic.waves-light .waves-ripple {
+    background: rgba(255,255,255,0.4);
+  }
+}
+
+.waves-notransition {
+  @include waves-transition(none #{"!important"});
+}
+
+.waves-button,
+.waves-circle {
+  @include waves-transform(translateZ(0));
+  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
+}
+
+.waves-button,
+.waves-button:hover,
+.waves-button:visited,
+.waves-button-input {
+  white-space: nowrap;
+  vertical-align: middle;
+  cursor: pointer;
+  border: none;
+  outline: none;
+  color: inherit;
+  background-color: rgba(0, 0, 0, 0);
+  font-size: 1em;
+  line-height:1em;
+  text-align: center;
+  text-decoration: none;
+  z-index: 1;
+}
+
+.waves-button {
+  padding: 0.85em 1.1em;
+  border-radius: 0.2em;
+}
+
+.waves-button-input {
+  margin: 0;
+  padding: 0.85em 1.1em;
+}
+
+.waves-input-wrapper {
+  border-radius: 0.2em;
+  vertical-align: middle;
+  display:inline-block;
+  &.waves-button {
+    padding: 0;
+  }
+
+  .waves-button-input {
+    position: relative;
+    top: 0;
+    left: 0;
+    z-index: 1;
+  }
+}
+
+.waves-circle {
+  text-align: center;
+  width: 2.5em;
+  height: 2.5em;
+  line-height: 2.5em;
+  border-radius: 50%;
+}
+
+.waves-float {
+  -webkit-mask-image: none;
+  @include waves-box-shadow(0px 1px 1.5px 1px rgba(0, 0, 0, 0.12));
+  @include waves-transition(all 300ms);
+
+  &:active {
+    @include waves-box-shadow(0px 8px 20px 1px rgba(0, 0, 0, 0.30));
+  }
+}
+
+.waves-block {
+  display: block;
+}
+
+a {
+  &.waves-effect,
+  &.waves-light {
+    display:inline-block;
+  }
+}
diff --git a/scss/core/bootstrap/_functions.scss b/scss/core/bootstrap/_functions.scss
new file mode 100644
index 0000000..1266d34
--- /dev/null
+++ b/scss/core/bootstrap/_functions.scss
@@ -0,0 +1,86 @@
+// Bootstrap functions
+//
+// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.
+
+// Ascending
+// Used to evaluate Sass maps like our grid breakpoints.
+@mixin _assert-ascending($map, $map-name) {
+  $prev-key: null;
+  $prev-num: null;
+  @each $key, $num in $map {
+    @if $prev-num == null {
+      // Do nothing
+    } @else if not comparable($prev-num, $num) {
+      @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
+    } @else if $prev-num >= $num {
+      @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
+    }
+    $prev-key: $key;
+    $prev-num: $num;
+  }
+}
+
+// Starts at zero
+// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
+@mixin _assert-starts-at-zero($map) {
+  $values: map-values($map);
+  $first-value: nth($values, 1);
+  @if $first-value != 0 {
+    @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
+  }
+}
+
+// Replace `$search` with `$replace` in `$string`
+// Used on our SVG icon backgrounds for custom forms.
+//
+// @author Hugo Giraudel
+// @param {String} $string - Initial string
+// @param {String} $search - Substring to replace
+// @param {String} $replace ('') - New value
+// @return {String} - Updated string
+@function str-replace($string, $search, $replace: "") {
+  $index: str-index($string, $search);
+
+  @if $index {
+    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+  }
+
+  @return $string;
+}
+
+// Color contrast
+@function color-yiq($color) {
+  $r: red($color);
+  $g: green($color);
+  $b: blue($color);
+
+  $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
+
+  @if ($yiq >= $yiq-contrasted-threshold) {
+    @return $yiq-text-dark;
+  } @else {
+    @return $yiq-text-light;
+  }
+}
+
+// Retrieve color Sass maps
+@function color($key: "blue") {
+  @return map-get($colors, $key);
+}
+
+@function theme-color($key: "primary") {
+  @return map-get($theme-colors, $key);
+}
+
+@function gray($key: "100") {
+  @return map-get($grays, $key);
+}
+
+// Request a theme color level
+@function theme-color-level($color-name: "primary", $level: 0) {
+  $color: theme-color($color-name);
+  $color-base: if($level > 0, #000, #fff);
+  $level: abs($level);
+
+  @return mix($color-base, $color, $level * $theme-color-interval);
+}
diff --git a/scss/core/bootstrap/_variables.scss b/scss/core/bootstrap/_variables.scss
new file mode 100644
index 0000000..b894c22
--- /dev/null
+++ b/scss/core/bootstrap/_variables.scss
@@ -0,0 +1,894 @@
+// Variables
+//
+// Variables should follow the `$component-state-property-size` formula for
+// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
+
+
+//
+// Color system
+//
+
+// stylelint-disable
+// $white:    #fff !default;
+// $gray-100: #f8f9fa !default;
+// $gray-200: #e9ecef !default;
+// $gray-300: #dee2e6 !default;
+// $gray-400: #ced4da !default;
+// $gray-500: #adb5bd !default;
+// $gray-600: #6c757d !default;
+// $gray-700: #495057 !default;
+// $gray-800: #343a40 !default;
+// $gray-900: #212529 !default;
+// $black:    #000 !default;
+
+// $grays: () !default;
+// $grays: map-merge((
+  // "100": $gray-100,
+  // "200": $gray-200,
+  // "300": $gray-300,
+  // "400": $gray-400,
+  // "500": $gray-500,
+  // "600": $gray-600,
+  // "700": $gray-700,
+  // "800": $gray-800,
+  // "900": $gray-900
+// ), $grays);
+
+// $blue:    #007bff !default;
+// $indigo:  #6610f2 !default;
+// $purple:  #6f42c1 !default;
+// $pink:    #e83e8c !default;
+// $red:     #dc3545 !default;
+// $orange:  #fd7e14 !default;
+// $yellow:  #ffc107 !default;
+// $green:   #28a745 !default;
+// $teal:    #20c997 !default;
+// $cyan:    #17a2b8 !default;
+
+$colors: () !default;
+$colors: map-merge((
+//   "blue":       $blue,
+//   "indigo":     $indigo,
+//   "purple":     $purple,
+//   "pink":       $pink,
+//   "red":        $red,
+//   "orange":     $orange,
+//   "yellow":     $yellow,
+//   "green":      $green,
+//   "teal":       $teal,
+//   "cyan":       $cyan,
+//   "white":      $white,
+  // "gray":       $gray-600,
+  // "gray-dark":  $gray-800
+), $colors);
+
+// $primary:       $blue !default;
+// $secondary:     $gray-600 !default;
+// $success:       $green !default;
+// $info:          $cyan !default;
+// $warning:       $yellow !default;
+// $danger:        $red !default;
+// $light:         $gray-100 !default;
+// $dark:          $gray-800 !default;
+
+// $theme-colors: () !default;
+// $theme-colors: map-merge((
+  // "primary":    $primary,
+  // "secondary":  $secondary,
+  // "success":    $success,
+  // "info":       $info,
+  // "warning":    $warning,
+  // "danger":     $danger,
+  // "light":      $light,
+  // "dark":       $dark
+// ), $theme-colors);
+// stylelint-enable
+
+// Set a specific jump point for requesting color jumps
+$theme-color-interval:      8% !default;
+
+// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
+$yiq-contrasted-threshold: 150 !default;
+
+// Customize the light and dark text colors for use in our YIQ color contrast function.
+// $yiq-text-dark: $gray-900 !default;
+// $yiq-text-light: $white !default;
+
+// Options
+//
+// Quickly modify global styling by enabling or disabling optional features.
+
+$enable-caret:              true !default;
+$enable-rounded:            true !default;
+$enable-shadows:            false !default;
+$enable-gradients:          false !default;
+$enable-transitions:        true !default;
+$enable-hover-media-query:  false !default; // Deprecated, no longer affects any compiled CSS
+$enable-grid-classes:       true !default;
+$enable-print-styles:       true !default;
+
+
+// Spacing
+//
+// Control the default styling of most Bootstrap elements by modifying these
+// variables. Mostly focused on spacing.
+// You can add more entries to the $spacers map, should you need more variation.
+
+// stylelint-disable
+$spacer: 1rem !default;
+$spacers: () !default;
+$spacers: map-merge((
+  0: 0,
+  1: ($spacer * .25),
+  2: ($spacer * .5),
+  3: $spacer,
+  4: ($spacer * 1.5),
+  5: ($spacer * 3)
+), $spacers);
+
+// This variable affects the `.h-*` and `.w-*` classes.
+$sizes: () !default;
+$sizes: map-merge((
+  25: 25%,
+  50: 50%,
+  75: 75%,
+  100: 100%
+), $sizes);
+// stylelint-enable
+
+// Body
+//
+// Settings for the `<body>` element.
+
+// $body-bg:                   $white !default;
+// $body-color:                $gray-900 !default;
+
+// Links
+//
+// Style anchor elements.
+
+// $link-color:                theme-color("primary") !default;
+$link-decoration:           none !default;
+// $link-hover-color:          darken($link-color, 15%) !default;
+$link-hover-decoration:     underline !default;
+
+// Paragraphs
+//
+// Style p element.
+
+$paragraph-margin-bottom:   1rem !default;
+
+
+// Grid breakpoints
+//
+// Define the minimum dimensions at which your layout will change,
+// adapting to different screen sizes, for use in media queries.
+
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px
+) !default;
+
+@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
+@include _assert-starts-at-zero($grid-breakpoints);
+
+
+// Grid containers
+//
+// Define the maximum width of `.container` for different screen sizes.
+
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1140px
+) !default;
+
+@include _assert-ascending($container-max-widths, "$container-max-widths");
+
+
+// Grid columns
+//
+// Set the number of columns and specify the width of the gutters.
+
+$grid-columns:                12 !default;
+$grid-gutter-width:           30px !default;
+
+// Components
+//
+// Define common padding and border radius sizes and more.
+
+$line-height-lg:              1.5 !default;
+$line-height-sm:              1.5 !default;
+
+$border-width:                1px !default;
+// $border-color:                $gray-300 !default;
+
+$border-radius:               .25rem !default;
+$border-radius-lg:            .3rem !default;
+$border-radius-sm:            .2rem !default;
+
+// $component-active-color:      $white !default;
+// $component-active-bg:         theme-color("primary") !default;
+
+$caret-width:                 .3em !default;
+
+$transition-base:             all .2s ease-in-out !default;
+$transition-fade:             opacity .15s linear !default;
+$transition-collapse:         height .35s ease !default;
+
+
+// Fonts
+//
+// Font, line-height, and color for body text, headings, and more.
+
+// stylelint-disable value-keyword-case
+$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-base:            $font-family-sans-serif !default;
+// stylelint-enable value-keyword-case
+
+$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
+$font-size-lg:                ($font-size-base * 1.25) !default;
+$font-size-sm:                ($font-size-base * .875) !default;
+
+$font-weight-light:           300 !default;
+$font-weight-normal:          400 !default;
+$font-weight-bold:            700 !default;
+
+$font-weight-base:            $font-weight-normal !default;
+$line-height-base:            1.5 !default;
+
+$h1-font-size:                $font-size-base * 2.5 !default;
+$h2-font-size:                $font-size-base * 2 !default;
+$h3-font-size:                $font-size-base * 1.75 !default;
+$h4-font-size:                $font-size-base * 1.5 !default;
+$h5-font-size:                $font-size-base * 1.25 !default;
+$h6-font-size:                $font-size-base !default;
+
+$headings-margin-bottom:      ($spacer / 2) !default;
+$headings-font-family:        inherit !default;
+$headings-font-weight:        500 !default;
+$headings-line-height:        1.2 !default;
+// $headings-color:              inherit !default;
+
+$display1-size:               6rem !default;
+$display2-size:               5.5rem !default;
+$display3-size:               4.5rem !default;
+$display4-size:               3.5rem !default;
+
+$display1-weight:             300 !default;
+$display2-weight:             300 !default;
+$display3-weight:             300 !default;
+$display4-weight:             300 !default;
+$display-line-height:         $headings-line-height !default;
+
+$lead-font-size:              ($font-size-base * 1.25) !default;
+$lead-font-weight:            300 !default;
+
+$small-font-size:             80% !default;
+
+// $text-muted:                  $gray-600 !default;
+
+// $blockquote-small-color:      $gray-600 !default;
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+
+// $hr-border-color:             rgba($black, .1) !default;
+$hr-border-width:             $border-width !default;
+
+$mark-padding:                .2em !default;
+
+$dt-font-weight:              $font-weight-bold !default;
+
+// $kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;
+$nested-kbd-font-weight:      $font-weight-bold !default;
+
+$list-inline-padding:         .5rem !default;
+
+$mark-bg:                     #fcf8e3 !default;
+
+$hr-margin-y:                 $spacer !default;
+
+
+// Tables
+//
+// Customizes the `.table` component with basic values, each used across all table variations.
+
+$table-cell-padding:          .75rem !default;
+$table-cell-padding-sm:       .3rem !default;
+
+$table-bg:                    transparent !default;
+// $table-accent-bg:             rgba($black, .05) !default;
+// $table-hover-bg:              rgba($black, .075) !default;
+// $table-active-bg:             $table-hover-bg !default;
+
+$table-border-width:          $border-width !default;
+// $table-border-color:          $gray-300 !default;
+
+// $table-head-bg:               $gray-200 !default;
+// $table-head-color:            $gray-700 !default;
+
+// $table-dark-bg:               $gray-900 !default;
+// $table-dark-accent-bg:        rgba($white, .05) !default;
+// $table-dark-hover-bg:         rgba($white, .075) !default;
+// $table-dark-border-color:     lighten($gray-900, 7.5%) !default;
+// $table-dark-color:            $body-bg !default;
+
+
+// Buttons + Forms
+//
+// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
+
+$input-btn-padding-y:         .375rem !default;
+$input-btn-padding-x:         .75rem !default;
+$input-btn-line-height:       $line-height-base !default;
+
+$input-btn-focus-width:       .2rem !default;
+// $input-btn-focus-color:       rgba($component-active-bg, .25) !default;
+// $input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
+
+$input-btn-padding-y-sm:      .25rem !default;
+$input-btn-padding-x-sm:      .5rem !default;
+$input-btn-line-height-sm:    $line-height-sm !default;
+
+$input-btn-padding-y-lg:      .5rem !default;
+$input-btn-padding-x-lg:      1rem !default;
+$input-btn-line-height-lg:    $line-height-lg !default;
+
+$input-btn-border-width:      $border-width !default;
+
+
+// Buttons
+//
+// For each of Bootstrap's buttons, define text, background, and border color.
+
+$btn-padding-y:               $input-btn-padding-y !default;
+$btn-padding-x:               $input-btn-padding-x !default;
+$btn-line-height:             $input-btn-line-height !default;
+
+$btn-padding-y-sm:            $input-btn-padding-y-sm !default;
+$btn-padding-x-sm:            $input-btn-padding-x-sm !default;
+$btn-line-height-sm:          $input-btn-line-height-sm !default;
+
+$btn-padding-y-lg:            $input-btn-padding-y-lg !default;
+$btn-padding-x-lg:            $input-btn-padding-x-lg !default;
+$btn-line-height-lg:          $input-btn-line-height-lg !default;
+
+$btn-border-width:            $input-btn-border-width !default;
+
+$btn-font-weight:             $font-weight-normal !default;
+// $btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
+$btn-focus-width:             $input-btn-focus-width !default;
+// $btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;
+$btn-disabled-opacity:        .65 !default;
+// $btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;
+
+// $btn-link-disabled-color:     $gray-600 !default;
+
+$btn-block-spacing-y:         .5rem !default;
+
+// Allows for customizing button radius independently from global border radius
+$btn-border-radius:           $border-radius !default;
+$btn-border-radius-lg:        $border-radius-lg !default;
+$btn-border-radius-sm:        $border-radius-sm !default;
+
+// $btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+
+
+// Forms
+
+$input-padding-y:                       $input-btn-padding-y !default;
+$input-padding-x:                       $input-btn-padding-x !default;
+$input-line-height:                     $input-btn-line-height !default;
+
+$input-padding-y-sm:                    $input-btn-padding-y-sm !default;
+$input-padding-x-sm:                    $input-btn-padding-x-sm !default;
+$input-line-height-sm:                  $input-btn-line-height-sm !default;
+
+$input-padding-y-lg:                    $input-btn-padding-y-lg !default;
+$input-padding-x-lg:                    $input-btn-padding-x-lg !default;
+$input-line-height-lg:                  $input-btn-line-height-lg !default;
+
+// $input-bg:                              $white !default;
+// $input-disabled-bg:                     $gray-200 !default;
+
+// $input-color:                           $gray-700 !default;
+// $input-border-color:                    $gray-400 !default;
+$input-border-width:                    $input-btn-border-width !default;
+// $input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;
+
+$input-border-radius:                   $border-radius !default;
+$input-border-radius-lg:                $border-radius-lg !default;
+$input-border-radius-sm:                $border-radius-sm !default;
+
+// $input-focus-bg:                        $input-bg !default;
+// $input-focus-border-color:              lighten($component-active-bg, 25%) !default;
+// $input-focus-color:                     $input-color !default;
+$input-focus-width:                     $input-btn-focus-width !default;
+// $input-focus-box-shadow:                $input-btn-focus-box-shadow !default;
+
+// $input-placeholder-color:               $gray-600 !default;
+
+$input-height-border:                   $input-border-width * 2 !default;
+
+$input-height-inner:                    ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
+$input-height:                          calc(#{$input-height-inner} + #{$input-height-border}) !default;
+
+$input-height-inner-sm:                 ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
+$input-height-sm:                       calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
+
+$input-height-inner-lg:                 ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
+$input-height-lg:                       calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
+
+// $input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+
+$form-text-margin-top:                  .25rem !default;
+
+$form-check-input-gutter:               1.25rem !default;
+$form-check-input-margin-y:             .3rem !default;
+$form-check-input-margin-x:             .25rem !default;
+
+$form-check-inline-margin-x:            .75rem !default;
+$form-check-inline-input-margin-x:      .3125rem !default;
+
+$form-group-margin-bottom:              1rem !default;
+
+// $input-group-addon-color:               $input-color !default;
+// $input-group-addon-bg:                  $gray-200 !default;
+// $input-group-addon-border-color:        $input-border-color !default;
+
+$custom-control-gutter:                 1.5rem !default;
+$custom-control-spacer-x:               1rem !default;
+
+$custom-control-indicator-size:         1rem !default;
+// $custom-control-indicator-bg:           $gray-300 !default;
+$custom-control-indicator-bg-size:      50% 50% !default;
+// $custom-control-indicator-box-shadow:   inset 0 .25rem .25rem rgba($black, .1) !default;
+
+// $custom-control-indicator-disabled-bg:          $gray-200 !default;
+// $custom-control-label-disabled-color:     $gray-600 !default;
+
+// $custom-control-indicator-checked-color:        $component-active-color !default;
+// $custom-control-indicator-checked-bg:           $component-active-bg !default;
+// $custom-control-indicator-checked-disabled-bg:  rgba(theme-color("primary"), .5) !default;
+$custom-control-indicator-checked-box-shadow:   none !default;
+
+// $custom-control-indicator-focus-box-shadow:     0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
+
+// $custom-control-indicator-active-color:         $component-active-color !default;
+// $custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;
+$custom-control-indicator-active-box-shadow:    none !default;
+
+$custom-checkbox-indicator-border-radius:       $border-radius !default;
+// $custom-checkbox-indicator-icon-checked:        str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
+
+// $custom-checkbox-indicator-indeterminate-bg:    $component-active-bg !default;
+// $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
+// $custom-checkbox-indicator-icon-indeterminate:  str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
+$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
+
+$custom-radio-indicator-border-radius:          50% !default;
+// $custom-radio-indicator-icon-checked:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
+
+$custom-select-padding-y:           .375rem !default;
+$custom-select-padding-x:          .75rem !default;
+$custom-select-height:              $input-height !default;
+$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
+$custom-select-line-height:         $input-btn-line-height !default;
+// $custom-select-color:               $input-color !default;
+// $custom-select-disabled-color:      $gray-600 !default;
+// $custom-select-bg:                  $white !default;
+// $custom-select-disabled-bg:         $gray-200 !default;
+$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions
+// $custom-select-indicator-color:     $gray-800 !default;
+// $custom-select-indicator:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
+$custom-select-border-width:        $input-btn-border-width !default;
+// $custom-select-border-color:        $input-border-color !default;
+$custom-select-border-radius:       $border-radius !default;
+
+// $custom-select-focus-border-color:  $input-focus-border-color !default;
+// $custom-select-focus-box-shadow:    inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
+
+$custom-select-font-size-sm:        75% !default;
+$custom-select-height-sm:           $input-height-sm !default;
+
+$custom-select-font-size-lg:        125% !default;
+$custom-select-height-lg:           $input-height-lg !default;
+
+$custom-file-height:                $input-height !default;
+// $custom-file-focus-border-color:    $input-focus-border-color !default;
+// $custom-file-focus-box-shadow:      $input-btn-focus-box-shadow !default;
+
+$custom-file-padding-y:             $input-btn-padding-y !default;
+$custom-file-padding-x:             $input-btn-padding-x !default;
+$custom-file-line-height:           $input-btn-line-height !default;
+// $custom-file-color:                 $input-color !default;
+// $custom-file-bg:                    $input-bg !default;
+$custom-file-border-width:          $input-btn-border-width !default;
+// $custom-file-border-color:          $input-border-color !default;
+$custom-file-border-radius:         $input-border-radius !default;
+// $custom-file-box-shadow:            $input-box-shadow !default;
+// $custom-file-button-color:          $custom-file-color !default;
+// $custom-file-button-bg:             $input-group-addon-bg !default;
+$custom-file-text: (
+  en: "Browse"
+) !default;
+
+
+// Form validation
+$form-feedback-margin-top:          $form-text-margin-top !default;
+$form-feedback-font-size:           $small-font-size !default;
+// $form-feedback-valid-color:         theme-color("success") !default;
+// $form-feedback-invalid-color:       theme-color("danger") !default;
+
+
+// Dropdowns
+//
+// Dropdown menu container and contents.
+
+$dropdown-min-width:                10rem !default;
+$dropdown-padding-y:                .5rem !default;
+$dropdown-spacer:                   .125rem !default;
+// $dropdown-bg:                       $white !default;
+// $dropdown-border-color:             rgba($black, .15) !default;
+$dropdown-border-radius:            $border-radius !default;
+$dropdown-border-width:             $border-width !default;
+// $dropdown-divider-bg:               $gray-200 !default;
+// $dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;
+
+// $dropdown-link-color:               $gray-900 !default;
+// $dropdown-link-hover-color:         darken($gray-900, 5%) !default;
+// $dropdown-link-hover-bg:            $gray-100 !default;
+
+// $dropdown-link-active-color:        $component-active-color !default;
+// $dropdown-link-active-bg:           $component-active-bg !default;
+
+// $dropdown-link-disabled-color:      $gray-600 !default;
+
+$dropdown-item-padding-y:           .25rem !default;
+$dropdown-item-padding-x:           1.5rem !default;
+
+// $dropdown-header-color:             $gray-600 !default;
+
+
+// Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+
+$zindex-dropdown:                   1000 !default;
+$zindex-sticky:                     1020 !default;
+$zindex-fixed:                      1030 !default;
+$zindex-modal-backdrop:             1040 !default;
+$zindex-modal:                      1050 !default;
+$zindex-popover:                    1060 !default;
+$zindex-tooltip:                    1070 !default;
+
+// Navs
+
+$nav-link-padding-y:                .5rem !default;
+$nav-link-padding-x:                1rem !default;
+// $nav-link-disabled-color:           $gray-600 !default;
+
+// $nav-tabs-border-color:             $gray-300 !default;
+$nav-tabs-border-width:             $border-width !default;
+$nav-tabs-border-radius:            $border-radius !default;
+// $nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;
+// $nav-tabs-link-active-color:        $gray-700 !default;
+// $nav-tabs-link-active-bg:           $body-bg !default;
+// $nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
+
+$nav-pills-border-radius:           $border-radius !default;
+// $nav-pills-link-active-color:       $component-active-color !default;
+// $nav-pills-link-active-bg:          $component-active-bg !default;
+
+// Navbar
+
+$navbar-padding-y:                  ($spacer / 2) !default;
+$navbar-padding-x:                  $spacer !default;
+
+$navbar-nav-link-padding-x:         .5rem !default;
+
+$navbar-brand-font-size:            $font-size-lg !default;
+// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
+$nav-link-height:                   ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
+$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;
+$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;
+
+$navbar-toggler-padding-y:          .25rem !default;
+$navbar-toggler-padding-x:          .75rem !default;
+$navbar-toggler-font-size:          $font-size-lg !default;
+$navbar-toggler-border-radius:      $btn-border-radius !default;
+
+// $navbar-dark-color:                 rgba($white, .5) !default;
+// $navbar-dark-hover-color:           rgba($white, .75) !default;
+// $navbar-dark-active-color:          $white !default;
+// $navbar-dark-disabled-color:        rgba($white, .25) !default;
+// $navbar-dark-toggler-icon-bg:       str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
+// $navbar-dark-toggler-border-color:  rgba($white, .1) !default;
+
+// $navbar-light-color:                rgba($black, .5) !default;
+// $navbar-light-hover-color:          rgba($black, .7) !default;
+// $navbar-light-active-color:         rgba($black, .9) !default;
+// $navbar-light-disabled-color:       rgba($black, .3) !default;
+// $navbar-light-toggler-icon-bg:      str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
+// $navbar-light-toggler-border-color: rgba($black, .1) !default;
+
+// Pagination
+
+$pagination-padding-y:              .5rem !default;
+$pagination-padding-x:              .75rem !default;
+$pagination-padding-y-sm:           .25rem !default;
+$pagination-padding-x-sm:           .5rem !default;
+$pagination-padding-y-lg:           .75rem !default;
+$pagination-padding-x-lg:           1.5rem !default;
+$pagination-line-height:            1.25 !default;
+
+// $pagination-color:                  $link-color !default;
+// $pagination-bg:                     $white !default;
+$pagination-border-width:           $border-width !default;
+// $pagination-border-color:           $gray-300 !default;
+
+// $pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;
+
+// $pagination-hover-color:            $link-hover-color !default;
+// $pagination-hover-bg:               $gray-200 !default;
+// $pagination-hover-border-color:     $gray-300 !default;
+
+// $pagination-active-color:           $component-active-color !default;
+// $pagination-active-bg:              $component-active-bg !default;
+// $pagination-active-border-color:    $pagination-active-bg !default;
+
+// $pagination-disabled-color:         $gray-600 !default;
+// $pagination-disabled-bg:            $white !default;
+// $pagination-disabled-border-color:  $gray-300 !default;
+
+
+// Jumbotron
+
+$jumbotron-padding:                 2rem !default;
+// $jumbotron-bg:                      $gray-200 !default;
+
+
+// Cards
+
+$card-spacer-y:                     .75rem !default;
+$card-spacer-x:                     1.25rem !default;
+$card-border-width:                 $border-width !default;
+$card-border-radius:                $border-radius !default;
+// $card-border-color:                 rgba($black, .125) !default;
+$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;
+// $card-cap-bg:                       rgba($black, .03) !default;
+// $card-bg:                           $white !default;
+
+$card-img-overlay-padding:          1.25rem !default;
+
+$card-group-margin:                 ($grid-gutter-width / 2) !default;
+$card-deck-margin:                  $card-group-margin !default;
+
+$card-columns-count:                3 !default;
+$card-columns-gap:                  1.25rem !default;
+$card-columns-margin:               $card-spacer-y !default;
+
+
+// Tooltips
+
+$tooltip-font-size:           $font-size-sm !default;
+$tooltip-max-width:           200px !default;
+// $tooltip-color:               $white !default;
+// $tooltip-bg:                  $black !default;
+$tooltip-border-radius:        $border-radius !default;
+$tooltip-opacity:             .9 !default;
+$tooltip-padding-y:           .25rem !default;
+$tooltip-padding-x:           .5rem !default;
+$tooltip-margin:              0 !default;
+
+$tooltip-arrow-width:         .8rem !default;
+$tooltip-arrow-height:        .4rem !default;
+// $tooltip-arrow-color:         $tooltip-bg !default;
+
+
+// Popovers
+
+$popover-font-size:                 $font-size-sm !default;
+// $popover-bg:                        $white !default;
+$popover-max-width:                 276px !default;
+$popover-border-width:              $border-width !default;
+// $popover-border-color:              rgba($black, .2) !default;
+$popover-border-radius:             $border-radius-lg !default;
+// $popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;
+
+// $popover-header-bg:                 darken($popover-bg, 3%) !default;
+// $popover-header-color:              $headings-color !default;
+$popover-header-padding-y:          .5rem !default;
+$popover-header-padding-x:          .75rem !default;
+
+// $popover-body-color:                $body-color !default;
+$popover-body-padding-y:            $popover-header-padding-y !default;
+$popover-body-padding-x:            $popover-header-padding-x !default;
+
+$popover-arrow-width:               1rem !default;
+$popover-arrow-height:              .5rem !default;
+// $popover-arrow-color:               $popover-bg !default;
+
+// $popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;
+
+
+// Badges
+
+$badge-font-size:                   75% !default;
+$badge-font-weight:                 $font-weight-bold !default;
+$badge-padding-y:                   .25em !default;
+$badge-padding-x:                   .4em !default;
+$badge-border-radius:               $border-radius !default;
+
+$badge-pill-padding-x:              .6em !default;
+// Use a higher than normal value to ensure completely rounded edges when
+// customizing padding or font-size on labels.
+$badge-pill-border-radius:          10rem !default;
+
+
+// Modals
+
+// Padding applied to the modal body
+$modal-inner-padding:         1rem !default;
+
+$modal-dialog-margin:         .5rem !default;
+$modal-dialog-margin-y-sm-up: 1.75rem !default;
+
+$modal-title-line-height:           $line-height-base !default;
+
+// $modal-content-bg:               $white !default;
+// $modal-content-border-color:     rgba($black, .2) !default;
+$modal-content-border-width:     $border-width !default;
+// $modal-content-box-shadow-xs:    0 .25rem .5rem rgba($black, .5) !default;
+// $modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
+
+// $modal-backdrop-bg:           $black !default;
+$modal-backdrop-opacity:      .5 !default;
+// $modal-header-border-color:   $gray-200 !default;
+// $modal-footer-border-color:   $modal-header-border-color !default;
+$modal-header-border-width:   $modal-content-border-width !default;
+$modal-footer-border-width:   $modal-header-border-width !default;
+$modal-header-padding:        1rem !default;
+
+$modal-lg:                          800px !default;
+$modal-md:                          500px !default;
+$modal-sm:                          300px !default;
+
+$modal-transition:                  transform .3s ease-out !default;
+
+
+// Alerts
+//
+// Define alert colors, border radius, and padding.
+
+$alert-padding-y:                   .75rem !default;
+$alert-padding-x:                   1.25rem !default;
+$alert-margin-bottom:               1rem !default;
+$alert-border-radius:               $border-radius !default;
+$alert-link-font-weight:            $font-weight-bold !default;
+$alert-border-width:                $border-width !default;
+
+$alert-bg-level:                    -10 !default;
+$alert-border-level:                -9 !default;
+// $alert-color-level:                 6 !default;
+
+
+// Progress bars
+
+$progress-height:                   1rem !default;
+$progress-font-size:                ($font-size-base * .75) !default;
+// $progress-bg:                       $gray-200 !default;
+$progress-border-radius:            $border-radius !default;
+// $progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;
+// $progress-bar-color:                $white !default;
+// $progress-bar-bg:                   theme-color("primary") !default;
+$progress-bar-animation-timing:     1s linear infinite !default;
+$progress-bar-transition:           width .6s ease !default;
+
+// List group
+
+// $list-group-bg:                     $white !default;
+// $list-group-border-color:           rgba($black, .125) !default;
+$list-group-border-width:           $border-width !default;
+$list-group-border-radius:          $border-radius !default;
+
+$list-group-item-padding-y:         .75rem !default;
+$list-group-item-padding-x:         1.25rem !default;
+
+// $list-group-hover-bg:               $gray-100 !default;
+// $list-group-active-color:           $component-active-color !default;
+// $list-group-active-bg:              $component-active-bg !default;
+// $list-group-active-border-color:    $list-group-active-bg !default;
+
+// $list-group-disabled-color:         $gray-600 !default;
+// $list-group-disabled-bg:            $list-group-bg !default;
+
+// $list-group-action-color:           $gray-700 !default;
+// $list-group-action-hover-color:     $list-group-action-color !default;
+
+// $list-group-action-active-color:    $body-color !default;
+// $list-group-action-active-bg:       $gray-200 !default;
+
+
+// Image thumbnails
+
+$thumbnail-padding:                 .25rem !default;
+// $thumbnail-bg:                      $body-bg !default;
+$thumbnail-border-width:            $border-width !default;
+// $thumbnail-border-color:            $gray-300 !default;
+$thumbnail-border-radius:           $border-radius !default;
+// $thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;
+
+
+// Figures
+
+$figure-caption-font-size:          90% !default;
+// $figure-caption-color:              $gray-600 !default;
+
+
+// Breadcrumbs
+
+$breadcrumb-padding-y:              .75rem !default;
+$breadcrumb-padding-x:              1rem !default;
+$breadcrumb-item-padding:           .5rem !default;
+
+$breadcrumb-margin-bottom:          1rem !default;
+
+// $breadcrumb-bg:                     $gray-200 !default;
+// $breadcrumb-divider-color:          $gray-600 !default;
+// $breadcrumb-active-color:           $gray-600 !default;
+$breadcrumb-divider:                "/" !default;
+
+
+// Carousel
+
+// $carousel-control-color:            $white !default;
+$carousel-control-width:            15% !default;
+$carousel-control-opacity:          .5 !default;
+
+$carousel-indicator-width:          30px !default;
+$carousel-indicator-height:         3px !default;
+$carousel-indicator-spacer:         3px !default;
+// $carousel-indicator-active-bg:      $white !default;
+
+$carousel-caption-width:            70% !default;
+// $carousel-caption-color:            $white !default;
+
+$carousel-control-icon-width:       20px !default;
+
+// $carousel-control-prev-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
+// $carousel-control-next-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
+
+$carousel-transition:               transform .6s ease !default;
+
+
+// Close
+
+$close-font-size:                   $font-size-base * 1.5 !default;
+$close-font-weight:                 $font-weight-bold !default;
+// $close-color:                       $black !default;
+// $close-text-shadow:                 0 1px 0 $white !default;
+
+// Code
+
+$code-font-size:                    87.5% !default;
+// $code-color:                        $pink !default;
+
+$kbd-padding-y:                     .2rem !default;
+$kbd-padding-x:                     .4rem !default;
+$kbd-font-size:                     $code-font-size !default;
+// $kbd-color:                         $white !default;
+// $kbd-bg:                            $gray-900 !default;
+
+// $pre-color:                         $gray-900 !default;
+$pre-scrollable-max-height:         340px !default;
+
+
+// Printing
+$print-page-size:                   a3 !default;
+$print-body-min-width:              map-get($grid-breakpoints, "lg") !default;
diff --git a/scss/free/.directory b/scss/free/.directory
new file mode 100644
index 0000000..f88603a
--- /dev/null
+++ b/scss/free/.directory
@@ -0,0 +1,10 @@
+[Dolphin]
+PreviewsShown=true
+SortOrder=1
+SortRole=modificationtime
+Timestamp=2018,4,20,11,14,4
+Version=4
+VisibleRoles=Icons_text,Icons_modificationtime
+
+[Settings]
+HiddenFilesShown=true
diff --git a/scss/free/_animations-basic.scss b/scss/free/_animations-basic.scss
new file mode 100644
index 0000000..aca615d
--- /dev/null
+++ b/scss/free/_animations-basic.scss
@@ -0,0 +1,170 @@
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.5.2
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2017 Daniel Eden
+ */
+
+.animated {
+  animation-duration: 1s;
+  animation-fill-mode: both;
+  &.infinite {
+    animation-iteration-count: infinite;
+  }
+  &.hinge {
+    animation-duration: 2s;
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.fadeIn {
+  animation-name: fadeIn;
+}
+
+@keyframes fadeInDown {
+  from {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInDown {
+  animation-name: fadeInDown;
+}
+
+@keyframes fadeInLeft {
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInLeft {
+  animation-name: fadeInLeft;
+}
+
+@keyframes fadeInRight {
+  from {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInRight {
+  animation-name: fadeInRight;
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInUp {
+  animation-name: fadeInUp;
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.fadeOut {
+  animation-name: fadeOut;
+}
+
+@keyframes fadeOutDown {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.fadeOutDown {
+  animation-name: fadeOutDown;
+}
+
+@keyframes fadeOutLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.fadeOutLeft {
+  animation-name: fadeOutLeft;
+}
+
+@keyframes fadeOutRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.fadeOutRight {
+  animation-name: fadeOutRight;
+}
+
+@keyframes fadeOutUp {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.fadeOutUp {
+  animation-name: fadeOutUp;
+}
diff --git a/scss/free/_animations-extended.scss b/scss/free/_animations-extended.scss
new file mode 100644
index 0000000..721ae29
--- /dev/null
+++ b/scss/free/_animations-extended.scss
@@ -0,0 +1,1398 @@
+.animated.flipOutX,
+.animated.flipOutY,
+.animated.bounceIn,
+.animated.bounceOut {
+  animation-duration: .75s;
+}
+
+@keyframes bounce {
+  from, 20%, 53%, 80%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transform: translate3d(0,0,0);
+  }
+
+  40%, 43% {
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    transform: translate3d(0, -15px, 0);
+  }
+
+  90% {
+    transform: translate3d(0,-4px,0);
+  }
+}
+
+.bounce {
+  animation-name: bounce;
+  transform-origin: center bottom;
+}
+
+@keyframes flash {
+  from, 50%, to {
+    opacity: 1;
+  }
+
+  25%, 75% {
+    opacity: 0;
+  }
+}
+
+.flash {
+  animation-name: flash;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@keyframes pulse {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.pulse {
+  animation-name: pulse;
+}
+
+@keyframes rubberBand {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    transform: scale3d(.95, 1.05, 1);
+  }
+
+  75% {
+    transform: scale3d(1.05, .95, 1);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.rubberBand {
+  animation-name: rubberBand;
+}
+
+@keyframes shake {
+  from, to {
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%, 30%, 50%, 70%, 90% {
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  20%, 40%, 60%, 80% {
+    transform: translate3d(10px, 0, 0);
+  }
+}
+
+.shake {
+  animation-name: shake;
+}
+
+@keyframes headShake {
+  0% {
+    transform: translateX(0);
+  }
+
+  6.5% {
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+
+  18.5% {
+    transform: translateX(5px) rotateY(7deg);
+  }
+
+  31.5% {
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+
+  43.5% {
+    transform: translateX(2px) rotateY(3deg);
+  }
+
+  50% {
+    transform: translateX(0);
+  }
+}
+
+.headShake {
+  animation-timing-function: ease-in-out;
+  animation-name: headShake;
+}
+
+@keyframes swing {
+  20% {
+    transform: rotate3d(0, 0, 1, 15deg);
+  }
+
+  40% {
+    transform: rotate3d(0, 0, 1, -10deg);
+  }
+
+  60% {
+    transform: rotate3d(0, 0, 1, 5deg);
+  }
+
+  80% {
+    transform: rotate3d(0, 0, 1, -5deg);
+  }
+
+  to {
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+}
+
+.swing {
+  transform-origin: top center;
+  animation-name: swing;
+}
+
+@keyframes tada {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  10%, 20% {
+    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  30%, 50%, 70%, 90% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  40%, 60%, 80% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.tada {
+  animation-name: tada;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@keyframes wobble {
+  from {
+    transform: none;
+  }
+
+  15% {
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+
+  30% {
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+
+  45% {
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+
+  60% {
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+
+  75% {
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+
+  to {
+    transform: none;
+  }
+}
+
+.wobble {
+  animation-name: wobble;
+}
+
+@keyframes jello {
+  from, 11.1%, to {
+    transform: none;
+  }
+
+  22.2% {
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+
+  33.3% {
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+
+  44.4% {
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+
+  55.5% {
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+
+  66.6% {
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+
+  77.7% {
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+
+  88.8% {
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+
+.jello {
+  animation-name: jello;
+  transform-origin: center;
+}
+
+@keyframes bounceIn {
+  from, 20%, 40%, 60%, 80%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+
+  20% {
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    transform: scale3d(.9, .9, .9);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    transform: scale3d(.97, .97, .97);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.bounceIn {
+  animation-name: bounceIn;
+}
+
+@keyframes bounceInDown {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    transform: translate3d(0, -3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(0, 25px, 0);
+  }
+
+  75% {
+    transform: translate3d(0, -10px, 0);
+  }
+
+  90% {
+    transform: translate3d(0, 5px, 0);
+  }
+
+  to {
+    transform: none;
+  }
+}
+
+.bounceInDown {
+  animation-name: bounceInDown;
+}
+
+@keyframes bounceInLeft {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    transform: translate3d(-3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(25px, 0, 0);
+  }
+
+  75% {
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  90% {
+    transform: translate3d(5px, 0, 0);
+  }
+
+  to {
+    transform: none;
+  }
+}
+
+.bounceInLeft {
+  animation-name: bounceInLeft;
+}
+
+@keyframes bounceInRight {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  from {
+    opacity: 0;
+    transform: translate3d(3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(-25px, 0, 0);
+  }
+
+  75% {
+    transform: translate3d(10px, 0, 0);
+  }
+
+  90% {
+    transform: translate3d(-5px, 0, 0);
+  }
+
+  to {
+    transform: none;
+  }
+}
+
+.bounceInRight {
+  animation-name: bounceInRight;
+}
+
+@keyframes bounceInUp {
+  from, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  from {
+    opacity: 0;
+    transform: translate3d(0, 3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+
+  75% {
+    transform: translate3d(0, 10px, 0);
+  }
+
+  90% {
+    transform: translate3d(0, -5px, 0);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.bounceInUp {
+  animation-name: bounceInUp;
+}
+
+@keyframes bounceOut {
+  20% {
+    transform: scale3d(.9, .9, .9);
+  }
+
+  50%, 55% {
+    opacity: 1;
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+}
+
+.bounceOut {
+  animation-name: bounceOut;
+}
+
+@keyframes bounceOutDown {
+  20% {
+    transform: translate3d(0, 10px, 0);
+  }
+
+  40%, 45% {
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.bounceOutDown {
+  animation-name: bounceOutDown;
+}
+
+@keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    transform: translate3d(20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.bounceOutLeft {
+  animation-name: bounceOutLeft;
+}
+
+@keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    transform: translate3d(-20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.bounceOutRight {
+  animation-name: bounceOutRight;
+}
+
+@keyframes bounceOutUp {
+  20% {
+    transform: translate3d(0, -10px, 0);
+  }
+
+  40%, 45% {
+    opacity: 1;
+    transform: translate3d(0, 20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.bounceOutUp {
+  animation-name: bounceOutUp;
+}
+
+@keyframes fadeInDownBig {
+  from {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInDownBig {
+  animation-name: fadeInDownBig;
+}
+@keyframes fadeInLeftBig {
+  from {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInLeftBig {
+  animation-name: fadeInLeftBig;
+}
+
+@keyframes fadeInRightBig {
+  from {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInRightBig {
+  animation-name: fadeInRightBig;
+}
+
+@keyframes fadeInUpBig {
+  from {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.fadeInUpBig {
+  animation-name: fadeInUpBig;
+}
+
+@keyframes fadeOutDownBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.fadeOutDownBig {
+  animation-name: fadeOutDownBig;
+}
+
+@keyframes fadeOutLeftBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.fadeOutLeftBig {
+  animation-name: fadeOutLeftBig;
+}
+
+@keyframes fadeOutRightBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.fadeOutRightBig {
+  animation-name: fadeOutRightBig;
+}
+
+@keyframes fadeOutUpBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.fadeOutUpBig {
+  animation-name: fadeOutUpBig;
+}
+
+@keyframes flip {
+  from {
+    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+    animation-timing-function: ease-out;
+  }
+
+  40% {
+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+    animation-timing-function: ease-out;
+  }
+
+  50% {
+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+    animation-timing-function: ease-in;
+  }
+
+  80% {
+    transform: perspective(400px) scale3d(.95, .95, .95);
+    animation-timing-function: ease-in;
+  }
+
+  to {
+    transform: perspective(400px);
+    animation-timing-function: ease-in;
+  }
+}
+
+.animated.flip {
+  backface-visibility: visible;
+  animation-name: flip;
+}
+
+@keyframes flipInX {
+  from {
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+
+  to {
+    transform: perspective(400px);
+  }
+}
+
+.flipInX {
+  backface-visibility: visible !important;
+  animation-name: flipInX;
+}
+
+@keyframes flipInY {
+  from {
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+  }
+
+  to {
+    transform: perspective(400px);
+  }
+}
+
+.flipInY {
+  backface-visibility: visible !important;
+  animation-name: flipInY;
+}
+
+@keyframes flipOutX {
+  from {
+    transform: perspective(400px);
+  }
+
+  30% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+
+  to {
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutX {
+  animation-name: flipOutX;
+  backface-visibility: visible !important;
+}
+
+@keyframes flipOutY {
+  from {
+    transform: perspective(400px);
+  }
+
+  30% {
+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    opacity: 1;
+  }
+
+  to {
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutY {
+  backface-visibility: visible !important;
+  animation-name: flipOutY;
+}
+
+@keyframes lightSpeedIn {
+  from {
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+
+  60% {
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+
+  80% {
+    transform: skewX(-5deg);
+    opacity: 1;
+  }
+
+  to {
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.lightSpeedIn {
+  animation-name: lightSpeedIn;
+  animation-timing-function: ease-out;
+}
+
+@keyframes lightSpeedOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+
+.lightSpeedOut {
+  animation-name: lightSpeedOut;
+  animation-timing-function: ease-in;
+}
+
+@keyframes rotateIn {
+  from {
+    transform-origin: center;
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: center;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateIn {
+  animation-name: rotateIn;
+}
+
+@keyframes rotateInDownLeft {
+  from {
+    transform-origin: left bottom;
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: left bottom;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInDownLeft {
+  animation-name: rotateInDownLeft;
+}
+
+@keyframes rotateInDownRight {
+  from {
+    transform-origin: right bottom;
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: right bottom;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInDownRight {
+  animation-name: rotateInDownRight;
+}
+
+@keyframes rotateInUpLeft {
+  from {
+    transform-origin: left bottom;
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: left bottom;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInUpLeft {
+  animation-name: rotateInUpLeft;
+}
+
+@keyframes rotateInUpRight {
+  from {
+    transform-origin: right bottom;
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  to {
+    transform-origin: right bottom;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInUpRight {
+  animation-name: rotateInUpRight;
+}
+
+@keyframes rotateOut {
+  from {
+    transform-origin: center;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: center;
+    transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+}
+
+.rotateOut {
+  animation-name: rotateOut;
+}
+
+@keyframes rotateOutDownLeft {
+  from {
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: left bottom;
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutDownLeft {
+  animation-name: rotateOutDownLeft;
+}
+
+@keyframes rotateOutDownRight {
+  from {
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: right bottom;
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutDownRight {
+  animation-name: rotateOutDownRight;
+}
+
+@keyframes rotateOutUpLeft {
+  from {
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: left bottom;
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutUpLeft {
+  animation-name: rotateOutUpLeft;
+}
+
+@keyframes rotateOutUpRight {
+  from {
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    transform-origin: right bottom;
+    transform: rotate3d(0, 0, 1, 90deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutUpRight {
+  animation-name: rotateOutUpRight;
+}
+
+@keyframes hinge {
+  0% {
+    transform-origin: top left;
+    animation-timing-function: ease-in-out;
+  }
+
+  20%, 60% {
+    transform: rotate3d(0, 0, 1, 80deg);
+    transform-origin: top left;
+    animation-timing-function: ease-in-out;
+  }
+
+  40%, 80% {
+    transform: rotate3d(0, 0, 1, 60deg);
+    transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+
+  to {
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+
+.hinge {
+  animation-name: hinge;
+}
+
+@keyframes jackInTheBox {
+  from {
+    opacity: 0;
+    transform: scale(0.1) rotate(30deg);
+    transform-origin: center bottom;
+  }
+
+  50% {
+    transform: rotate(-10deg);
+  }
+
+  70% {
+    transform: rotate(3deg);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.jackInTheBox {
+  animation-name: jackInTheBox;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@keyframes rollIn {
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.rollIn {
+  animation-name: rollIn;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@keyframes rollOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+  }
+}
+
+.rollOut {
+  animation-name: rollOut;
+}
+
+@keyframes zoomIn {
+  from {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+.zoomIn {
+  animation-name: zoomIn;
+}
+
+@keyframes zoomInDown {
+  from {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInDown {
+  animation-name: zoomInDown;
+}
+
+@keyframes zoomInLeft {
+  from {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInLeft {
+  animation-name: zoomInLeft;
+}
+
+@keyframes zoomInRight {
+  from {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInRight {
+  animation-name: zoomInRight;
+}
+
+@keyframes zoomInUp {
+  from {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInUp {
+  animation-name: zoomInUp;
+}
+
+@keyframes zoomOut {
+  from {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.zoomOut {
+  animation-name: zoomOut;
+}
+
+@keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+    transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomOutDown {
+  animation-name: zoomOutDown;
+}
+
+@keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.1) translate3d(-2000px, 0, 0);
+    transform-origin: left center;
+  }
+}
+
+.zoomOutLeft {
+  animation-name: zoomOutLeft;
+}
+
+@keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.1) translate3d(2000px, 0, 0);
+    transform-origin: right center;
+  }
+}
+
+.zoomOutRight {
+  animation-name: zoomOutRight;
+}
+
+@keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+    transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomOutUp {
+  animation-name: zoomOutUp;
+}
+
+@keyframes slideInDown {
+  from {
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInDown {
+  animation-name: slideInDown;
+}
+
+@keyframes slideInLeft {
+  from {
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInLeft {
+  animation-name: slideInLeft;
+}
+
+@keyframes slideInRight {
+  from {
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInRight {
+  animation-name: slideInRight;
+}
+
+@keyframes slideInUp {
+  from {
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInUp {
+  animation-name: slideInUp;
+}
+
+@keyframes slideOutDown {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.slideOutDown {
+  animation-name: slideOutDown;
+}
+
+@keyframes slideOutLeft {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.slideOutLeft {
+  animation-name: slideOutLeft;
+}
+
+@keyframes slideOutRight {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.slideOutRight {
+  animation-name: slideOutRight;
+}
+
+@keyframes slideOutUp {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.slideOutUp {
+  animation-name: slideOutUp;
+}
diff --git a/scss/free/_badges.scss b/scss/free/_badges.scss
new file mode 100644
index 0000000..d08c22b
--- /dev/null
+++ b/scss/free/_badges.scss
@@ -0,0 +1,14 @@
+// Badges
+.badge {
+  @extend .z-depth-1;
+  border-radius: $border-radius-base;
+  color: $white !important;
+}
+.badge-pill {
+  border-radius: $badge-pill-border-radius;
+  padding-right: $badge-pill-padding-x;
+  padding-left: $badge-pill-padding-x;
+}
+@each $name, $color in $basic-mdb-colors {
+  @include make-badge($name, $color);
+}
diff --git a/scss/free/_buttons.scss b/scss/free/_buttons.scss
new file mode 100644
index 0000000..25b7f57
--- /dev/null
+++ b/scss/free/_buttons.scss
@@ -0,0 +1,110 @@
+// Buttons
+.btn {
+  @extend .z-depth-1;
+  @include button-size($btn-padding-y-basic, $btn-padding-x-basic, $btn-font-size-basic);
+  transition: $btn-transition;
+  margin: $btn-margin-basic;
+  border: 0;
+  border-radius: $border-radius-base;
+  cursor: pointer;
+  text-transform: uppercase;
+  white-space: normal;
+  word-wrap: break-word;
+  color: $btn-color-basic;
+  &:hover,
+  &:active,
+  &:focus {
+    @extend .z-depth-1-half;
+    outline: 0;
+  }
+  &:not([disabled]):not(.disabled):active,
+  &:not([disabled]):not(.disabled).active {
+    @extend .z-depth-1-half;
+  }
+  .fa {
+    position: relative;
+    font-size: $btn-icon-basic;
+    &.right {
+      margin-left: $btn-icon-margin;
+    }
+    &.left {
+      margin-right: $btn-icon-margin;
+    }
+  }
+  &.btn-lg {
+    @include button-size($btn-padding-y-large, $btn-padding-x-large, $btn-font-size-large);
+    .fa {
+      font-size: $btn-icon-large;
+    }
+  }
+  &.btn-md {
+    @include button-size($btn-padding-y-medium, $btn-padding-x-medium, $btn-font-size-medium);
+    .fa {
+      font-size: $btn-icon-medium;
+    }
+  }
+  &.btn-sm {
+    @include button-size($btn-padding-y-small, $btn-padding-x-small, $btn-font-size-small);
+    .fa {
+      font-size: $btn-icon-small;
+    }
+  }
+  &.btn-tb {
+    padding: $btn-tb-padding-y $btn-tb-padding-x;
+  }
+  &.disabled,
+  &:disabled {
+    &:active,
+    &:focus,
+    &:hover {
+      @extend .z-depth-1;
+    }
+  }
+  &.btn-block {
+    margin: inherit;
+  }
+  &.btn-link {
+    @extend .black-text;
+    box-shadow: none;
+    background-color: transparent;
+    &:active,
+    &:focus,
+    &:hover {
+      box-shadow: none !important;
+      background-color: transparent;
+    }
+  }
+  &[class*="btn-outline-"] {
+    padding-top: $btn-outline-padding-y-basic;
+    padding-bottom: $btn-outline-padding-y-basic;
+    &.btn-lg {
+      padding-top: $btn-outline-padding-y-large;
+      padding-bottom: $btn-outline-padding-y-large;
+    }
+    &.btn-md {
+      padding-top: $btn-outline-padding-y-medium;
+      padding-bottom: $btn-outline-padding-y-medium;
+    }
+    &.btn-sm {
+      padding-top: $btn-outline-padding-y-small;
+      padding-bottom: $btn-outline-padding-y-small;
+    }
+  }
+}
+.btn-group {
+  .btn {
+    margin: 0;
+  }
+}
+// Overwrite default button icon size
+.btn {
+  .fa-lg {font-size: 1.33333333em !important;}
+  .fa-2x {font-size: 2em !important;}
+  .fa-3x {font-size: 3em !important;}
+  .fa-4x {font-size: 4em !important;}
+  .fa-5x {font-size: 5em !important;}
+}
+@each $btn_name, $color_value in $mdb-colors {
+  @include make-button($btn_name, $color_value);
+  @include make-outline-button($btn_name, $color_value);
+}
diff --git a/scss/free/_cards.scss b/scss/free/_cards.scss
new file mode 100644
index 0000000..c45e7df
--- /dev/null
+++ b/scss/free/_cards.scss
@@ -0,0 +1,28 @@
+// Cards
+.card {
+  @extend .z-depth-1;
+  border: 0;
+  font-weight: 400;
+  &[class*="border-"] {
+    border: 1px solid map-get($grey, "base");
+    box-shadow: none;
+  }
+  .card-body {
+    h1, h2, h3, h4, h5, h6 {
+      font-weight: 400;
+    }
+    .card-title {
+      a {
+        transition: $md-card-link-transition;
+        &:hover {
+          transition: $md-card-link-transition;
+        }
+      }
+    }
+    .card-text {
+      @extend .dark-grey-text;
+      font-size: $md-card-font-size;
+      font-weight: 400;
+    }
+  }
+}
\ No newline at end of file
diff --git a/scss/free/_carousels.scss b/scss/free/_carousels.scss
new file mode 100644
index 0000000..f4a6608
--- /dev/null
+++ b/scss/free/_carousels.scss
@@ -0,0 +1,50 @@
+// Carousels
+.carousel {
+  .carousel-control-prev-icon,
+  .carousel-control-next-icon {
+    width: $carousel-control-icon-width;
+    height: $carousel-control-icon-height;
+  }
+  .carousel-control-prev-icon {
+    background-image: $carousel-control-prev-icon;
+  }
+  .carousel-control-next-icon {
+    background-image: $carousel-control-next-icon;
+  }
+  .carousel-indicators {
+    li {
+      width: $carousel-indicators-width;
+      height: $carousel-indicators-height;
+      border-radius: $carousel-indicators-border-radius;
+      cursor: pointer;
+    }
+  }
+}
+.carousel-fade {
+  .carousel-item {
+    opacity: 0;
+    transition-duration: $carousel-transition-duration;
+    transition-property: opacity;
+  }
+  .carousel-item.active,
+  .carousel-item-next.carousel-item-left,
+  .carousel-item-prev.carousel-item-right {
+    opacity: 1;
+  }
+  .carousel-item-left,
+  .carousel-item-right {
+    &.active {
+      opacity: 0;
+    }
+  }
+  .carousel-item-next,
+  .carousel-item-prev,
+  .carousel-item.active,
+  .carousel-item-left.active,
+  .carousel-item-prev.active {
+    transform: $carousel-item-transform;
+    @supports (transform-style: preserve-3d) {
+      transform: $carousel-item-transform-2;
+    }
+  }
+}
diff --git a/scss/free/_depreciated.scss b/scss/free/_depreciated.scss
new file mode 100644
index 0000000..044d84d
--- /dev/null
+++ b/scss/free/_depreciated.scss
@@ -0,0 +1,22 @@
+// These settings will be only for one version
+
+// Masks
+.view {
+  .full-bg-img {
+    height: 100%;
+  }
+  .full-bg-img,
+  .full-bg-img video {
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+  }
+}
+
+// Full background
+.full-height,
+.full-height body,
+.full-height header,
+.full-height header .view {
+  height: 100%;
+}
\ No newline at end of file
diff --git a/scss/free/_dropdowns.scss b/scss/free/_dropdowns.scss
new file mode 100644
index 0000000..6618344
--- /dev/null
+++ b/scss/free/_dropdowns.scss
@@ -0,0 +1,10 @@
+// Dropdowns
+.dropdown {
+  .dropdown-menu {
+    .dropdown-item {
+      &:active {
+        background-color: map-get($grey, darken-1);
+      }
+    }
+  }
+}
diff --git a/scss/free/_footers.scss b/scss/free/_footers.scss
new file mode 100644
index 0000000..139ab51
--- /dev/null
+++ b/scss/free/_footers.scss
@@ -0,0 +1,19 @@
+// Footers
+footer {
+  &.page-footer {
+    bottom: 0;
+    color: $white;
+    .container-fluid {
+      width:auto;
+    }
+    .footer-copyright {
+      overflow: hidden;
+      background-color: $footer-copyright-bg-color;
+      font-size: $footer-font-size;
+      color: $footer-copyright-color;
+    }
+    a {
+      color: $white;
+    }
+  }
+}
diff --git a/scss/free/_forms.scss b/scss/free/_forms.scss
new file mode 100644
index 0000000..6cdaa4d
--- /dev/null
+++ b/scss/free/_forms.scss
@@ -0,0 +1,157 @@
+// Forms basic
+// Input + label wrapper styles
+.md-form {
+  // Text inputs
+  input[type=text],
+  input[type=password],
+  input[type=email],
+  input[type=url],
+  input[type=time],
+  input[type=date],
+  input[type=datetime-local],
+  input[type=tel],
+  input[type=number],
+  input[type=search-md],
+  input[type=search],
+  textarea.md-textarea {
+    // General Styles
+    transition: $input-transition;
+    outline: none;
+    box-shadow: none;
+    border: none;
+    border-bottom: 1px solid $input-border-color;
+    border-radius: 0;
+    box-sizing: content-box;
+    background-color: transparent;
+
+    // Focused input style
+    &:focus:not([readonly]) {
+      box-shadow: 0 1px 0 0 $input-focus-color;
+      border-bottom: 1px solid $input-focus-color;
+      // Focused label style
+      + label {
+        color: $input-focus-color;
+      }
+    }
+
+    // Form message shared styles
+    + label:after {
+      content: "";
+      position: absolute;
+      top: $input-label-after-top;
+      display: block;
+      opacity: 0;
+      transition: $input-label-after-transition;
+    }
+
+    // Valid input style
+    &.valid, &:focus.valid {
+      border-bottom: 1px solid $input-success-color;
+      box-shadow: 0 1px 0 0 $input-success-color;
+    }
+
+    &.valid + label:after, &:focus.valid + label:after {
+      content: attr(data-success);
+      color: $input-success-color;
+      opacity: 1;
+    }
+    // Invalid input style
+    &.invalid, &:focus.invalid {
+      border-bottom: 1px solid $input-error-color;
+      box-shadow: 0 1px 0 0 $input-error-color;
+    }
+    &.invalid + label:after, &:focus.invalid + label:after {
+      content: attr(data-error);
+      color: $input-error-color;
+      opacity: 1;
+    }
+  }
+
+  .was-validated {
+    input[type=text] {
+      &:valid {
+        + label {
+          color: $input-success-color !important;
+        }
+      }
+      &:invalid {
+        + label {
+          color: $input-error-color !important;
+        }
+      }
+    }
+    .form-control {
+      &:valid:focus {
+        box-shadow: 0 1px 0 0 $input-success-color !important;
+      }
+      &:valid {
+        border-color: $input-success-color !important;
+      }
+      &:invalid:focus {
+        box-shadow: 0 1px 0 0 $input-error-color !important;
+      }
+      &:invalid {
+        border-color: $input-error-color !important;
+      }
+    }
+  }
+
+  // Input with label
+  .form-control {
+    margin: 0 0 $input-form-control-margin-bottom 0;
+    border-radius: 0;
+    padding: $input-form-control-padding-top 0 $input-form-control-padding-bottom 0;
+    background-image: none;
+    background-color: transparent;
+    &:focus {
+      box-shadow: none;
+      background: transparent;
+    }
+    &:disabled,
+    &[readonly] {
+      border-bottom: 1px solid map-get($grey, lighten-1);
+      background-color: transparent;
+    }
+  }
+
+  @include make-input($input-label-font-size, $input-label-active-font-size, $input-prefix-top, $input-prefix-font-size, $input-prefix-margin-left, $input-prefix-width, $input-form-text-ml);
+  position: relative;
+  margin-top: $input-md-form-margin-top;
+  label {
+    position: absolute;
+    top: $input-label-top;
+    left: 0;
+    transition: $input-label-transition;
+    cursor: text;
+    color: $input-label-color;
+    &.active {
+      transform: $input-label-active-transform;
+    }
+  }
+  .prefix {
+    position: absolute;
+    transition: $input-prefix-transition;
+    &.active {
+      color: $input-focus-color;
+    }
+  }
+  &.form-lg {
+    @include make-input($input-label-font-size-lg, $input-label-active-font-size-lg, $input-prefix-top-lg, $input-prefix-font-size-lg, $input-prefix-margin-left-lg, $input-prefix-width-lg, $input-form-text-ml-lg);
+  }
+  &.form-sm {
+    @include make-input($input-label-font-size-sm, $input-label-active-font-size-sm, $input-prefix-top-sm, $input-prefix-font-size-sm, $input-prefix-margin-left-sm, $input-prefix-width-sm, $input-form-text-ml-sm);
+  }
+
+  // Textarea
+  textarea {
+    &.md-textarea {
+      overflow-y: hidden;
+      padding: $textarea-padding 0;
+      resize: none;
+    }
+    &.md-textarea-auto {
+      padding: 0;
+      padding-top: $textarea-padding;
+    }
+  }
+}
diff --git a/scss/free/_input-group.scss b/scss/free/_input-group.scss
new file mode 100644
index 0000000..00757db
--- /dev/null
+++ b/scss/free/_input-group.scss
@@ -0,0 +1,24 @@
+// Input group
+.input-group {
+  .input-group-text {
+    background-color: #e0e0e0;
+    // Style Placeholders
+    @include placeholder {
+      padding-left: $input-group-text-placeholder-pl;
+    }
+    &.md-addon {
+      border: none;
+      background-color: transparent;
+    }
+  }
+  span {
+    z-index: 10;
+  }
+  .form-control {
+    // margin-top: $input-group-form-control-mt;
+    margin: 0;
+    padding-top: $input-group-form-control-pt;
+    padding-bottom: $input-group-form-control-pb;
+    padding-left: $input-group-form-control-pl;
+  }
+}
diff --git a/scss/free/_list-group.scss b/scss/free/_list-group.scss
new file mode 100644
index 0000000..ce7aa42
--- /dev/null
+++ b/scss/free/_list-group.scss
@@ -0,0 +1,27 @@
+// List group
+.media  {
+  .media-left {
+    padding: $list-group-padding;
+    img {
+      @extend .z-depth-1;
+    }
+  }
+}
+.list-group {
+  .list-group-item {
+    &:first-child {
+      border-top-left-radius: $border-radius-base;
+      border-top-right-radius: $border-radius-base;
+    }
+    &:last-child {
+      border-bottom-left-radius: $border-radius-base;
+      border-bottom-right-radius: $border-radius-base;
+    }
+  }
+  a {
+    transition: $list-group-transition;
+    &:hover {
+      transition: $list-group-transition;
+    }
+  }
+}
diff --git a/scss/free/_modals.scss b/scss/free/_modals.scss
new file mode 100644
index 0000000..7d1370e
--- /dev/null
+++ b/scss/free/_modals.scss
@@ -0,0 +1,274 @@
+// Modals
+// Styles for body
+body {
+  &.modal-open {
+    overflow: auto;
+    padding-right: 0 !important;
+  }
+  &.scrollable {
+    overflow-y: auto;
+  }
+}
+
+// *** ENHANCED BOOTSTRAP MODALS ***///
+// General styles
+.modal-dialog {
+  .modal-content {
+    @extend .z-depth-1-half;
+    border: 0;
+    border-radius: $border-radius-base;
+    .modal-header {
+      border-top-left-radius: $border-radius-base;
+      border-top-right-radius: $border-radius-base;
+    }
+  }
+  .btn  {
+    .fa {
+      color: $white !important;
+    }
+  }
+  [class*="btn-outline-"] .fa {
+    color: inherit !important;
+  }
+  // Cascading modals
+  &.cascading-modal {
+    margin-top: 10%;
+    .close {
+      opacity: 1;
+      text-shadow: none;
+      color: $white;
+      outline: 0;
+    }
+    // Cascading header
+    .modal-header {
+      @extend .z-depth-1-half;
+      margin: $cascading-modal-margin-top $cascading-modal-margin-right $cascading-modal-margin-bottom $cascading-modal-margin-left;
+      border: none;
+      border-radius: $border-radius-base;
+      padding: $cascading-modal-padding;
+      text-align: center;
+      .close {
+        margin-right: $cascading-modal-close-margin-right;
+      }
+      .title {
+        margin-bottom: 0;
+        width: 100%;
+        font-size: $cascading-modal-font-size;
+        .fa {
+          margin-right: $cascading-modal-fa-margin-right;
+        }
+      }
+      .social-buttons {
+        margin-top: $cascading-modal-social-margin-top;
+        a {
+          font-size: $cascading-modal-a-font-size;
+        }
+      }
+    }
+    // Cascading tabs nav
+    .modal-c-tabs {
+      .nav-tabs {
+        @extend .z-depth-1;
+        margin: $cascading-modal-tabs-margin-top $cascading-modal-tabs-margin-x 0 $cascading-modal-tabs-margin-x;
+      }
+      .tab-content {
+        padding: $cascading-modal-tabs-padding-top 0 0 0;
+      }
+    }
+    .nav-tabs {
+      display: flex;
+      li {
+        flex: 1;
+        a {
+          text-align: center;
+        }
+      }
+    }
+    // Footer customization
+    .modal-body,
+    .modal-footer {
+      padding-left: $modal-body-padding-left;
+      padding-right: $modal-body-padding-right;
+      color: map-get($grey, darken-2);
+      .additional-option {
+        margin-top: $modal-body-margin-top;
+        text-align: center;
+      }
+    }
+    // Cascading avatar
+    &.modal-avatar {
+      margin-top: $modal-avatar-margin-top;
+      .modal-header {
+        @extend .z-depth-0;
+        @extend .img-fluid;
+        margin: $modal-avatar-header-margin-top 0 $modal-avatar-header-margin-bottom;
+        img {
+          width: $modal-avatar-img-width;
+          @extend .z-depth-2;
+          margin-left: auto;
+          margin-right: auto;
+        }
+      }
+    }
+  }
+  // Modal notify
+  &.modal-notify {
+    .heading {
+      margin: 0;
+      padding: $modal-notify-heading-padding;
+      font-size: $modal-notify-font-size;
+      color: $white;
+    }
+    .modal-header {
+      @extend .z-depth-1;
+      border: 0;
+    }
+    .close {
+      opacity: 1;
+    }
+    .modal-body {
+      padding: $modal-notify-body-padding;
+      color: map-get($grey, darken-2);
+    }
+    @each $name, $color in $basic {
+      &.modal-#{$name}  {
+        .modal-header {
+          background-color: $color;
+        }
+        .fa {
+          color: $color;
+        }
+        .badge {
+          background-color: $color;
+        }
+      }
+    }
+  }
+}
+
+// Position & Size
+.modal {
+  padding-right: 0 !important;
+  .modal-dialog {
+    @media (min-width: 768px) {
+      &.modal-top {
+        top: 0;
+      }
+      &.modal-left {
+        left: 0;
+      }
+      &.modal-right {
+        right: 0;
+      }
+      &.modal-bottom {
+        bottom: 0;
+      }
+      &.modal-top-left {
+        top: $modal-distance;
+        left: $modal-distance;
+      }
+      &.modal-top-right {
+        top: $modal-distance;
+        right: $modal-distance;
+      }
+      &.modal-bottom-left {
+        bottom: $modal-distance;
+        left: $modal-distance;
+      }
+      &.modal-bottom-right {
+        bottom: $modal-distance;
+        right: $modal-distance;
+      }
+    }
+  }
+  &.fade {
+    &.top:not(.show) .modal-dialog {
+      transform: $modal-fade-top-transform;
+    }
+    &.left:not(.show) .modal-dialog {
+      transform: $modal-fade-left-transform;
+    }
+    &.right:not(.show) .modal-dialog {
+      transform: $modal-fade-right-transform;
+    }
+    &.bottom:not(.show) .modal-dialog {
+      transform: $modal-fade-bottom-transform;
+    }
+  }
+  @media (min-width: $medium-screen) {
+    &.modal-scrolling {
+      position: relative;
+      .modal-dialog {
+        position: fixed;
+        z-index: 1050;
+      }
+    }
+    &.modal-content-clickable {
+      top: auto;
+      bottom: auto;
+      .modal-dialog {
+        position: fixed;
+      }
+    }
+    .modal-fluid {
+      width: 100%;
+      max-width: 100%;
+      .modal-content {
+        width: 100%;
+      }
+    }
+    .modal-frame {
+      position: absolute;
+      margin: 0;
+      width: 100%;
+      max-width: 100%;
+      &.modal-bottom {
+        bottom: 0;
+      }
+    }
+    .modal-full-height {
+      position: absolute;
+      display: flex;
+      margin: 0;
+      width: $modal-width;
+      height: 100%;
+      top: 0;
+      right: 0;
+      &.modal-top,
+      &.modal-bottom {
+        display: block;
+        width: 100%;
+        max-width: 100%;
+        height: auto;
+      }
+      &.modal-top {
+        bottom: auto;
+      }
+      &.modal-bottom {
+        top: auto;
+      }
+      .modal-content {
+        width: 100%;
+      }
+      &.modal-lg {
+        width: 90%;
+        max-width: 90%;
+        @media (min-width: $medium-screen) {
+          width: $modal-full-height-medium-screen;
+          max-width: $modal-full-height-medium-screen;
+        }
+        @media (min-width: $large-screen) {
+          width: $modal-full-height-large-screen;
+          max-width: $modal-full-height-large-screen;
+        }
+      }
+    }
+    .modal-side {
+      position: absolute;
+      bottom: $modal-distance;
+      right: $modal-distance;
+      margin: 0;
+      width: $modal-width;
+    }
+  }
+}
diff --git a/scss/free/_msc.scss b/scss/free/_msc.scss
new file mode 100644
index 0000000..cd5f4db
--- /dev/null
+++ b/scss/free/_msc.scss
@@ -0,0 +1,10 @@
+// Miscellaneous
+// Edge Headers
+.edge-header {
+  display: block;
+  height: $edge-header-height;
+  background-color: $edge-header-background-color;
+}
+.free-bird {
+  margin-top: $edge-header-margin-top;
+}
diff --git a/scss/free/_navbars.scss b/scss/free/_navbars.scss
new file mode 100644
index 0000000..04be9bb
--- /dev/null
+++ b/scss/free/_navbars.scss
@@ -0,0 +1,94 @@
+// Navbars
+.navbar {
+  @extend .z-depth-1;
+  padding-right: 1rem !important;
+  font-weight: $navbar-font-weight;
+  form {
+    .md-form {
+      input {
+        margin: 0 $navbar-form-input-mr $navbar-form-input-mb $navbar-form-input-ml;
+      }
+    }
+  }
+  .breadcrumb {
+    margin: 0;
+    padding: $navbar-breadcrumb-padding-top 0 0 $navbar-breadcrumb-padding-left;
+    background-color: inherit;
+    font-size: $navbar-double-font-size;
+    font-weight: $navbar-font-weight;
+    .breadcrumb-item {
+      color: $white;
+      &.active {
+        color: $navbar-breadcrumb-color;
+      }
+      &:before {
+        color: $navbar-breadcrumb-color;
+      }
+    }
+  }
+  .navbar-toggler {
+    outline: 0;
+    border-width: 0;
+  }
+  // &.double-nav,
+  .nav-flex-icons {
+    flex-direction: row;
+  }
+  .container {
+    @media (max-width: $medium-screen) {
+      width: 100%;
+      .navbar-toggler-right {
+        right: 0;
+      }
+    }
+  }
+  .nav-item {
+    .nav-link {
+      display: block;
+      &.disabled {
+        &:active {
+          pointer-events: none;
+        }
+      }
+      .fa {
+        padding-right: $navbar-flex-icons-padding-lg;
+        padding-left: $navbar-flex-icons-padding-lg;
+      }
+      @media (max-width: $medium-screen) {
+        padding-right: $navbar-flex-icons-padding-md;
+        padding-left: $navbar-flex-icons-padding-md;
+      }
+    }
+  }
+  .dropdown-menu {
+    position: absolute !important;
+    margin-top: 0;
+    a {
+      padding: $navbar-dropdown-menu-padding;
+      font-size: $navbar-dropdown-font-size;
+      font-weight: $navbar-font-weight;
+      color: $black !important;
+    }
+  }
+  &.navbar-light {
+    @include make-navbar($navbar-light-disabled-color, $navbar-light-toggler-icon, $black, $navbar-light-hover-color, $navbar-light-bg-active-color);
+  }
+  &.navbar-dark {
+    @include make-navbar($navbar-dark-disabled-color, $navbar-dark-toggler-icon, $white, $navbar-dark-hover-color, $navbar-dark-bg-active-color);
+  }
+  &.scrolling-navbar {
+    // z-index: 100;
+    @media (min-width: $small-screen) {
+      transition: $navbar-scrolling-transition;
+      padding-top: $navbar-scrolling-padding;
+      padding-bottom: $navbar-scrolling-padding;
+      .navbar-nav > li {
+        transition-duration: $navbar-scrolling-transition-duration;
+      }
+      &.top-nav-collapse {
+        padding-top: $navbar-top-collapse-padding;
+        padding-bottom: $navbar-top-collapse-padding;
+      }
+    }
+  }
+}
diff --git a/scss/free/_pagination.scss b/scss/free/_pagination.scss
new file mode 100644
index 0000000..c40a061
--- /dev/null
+++ b/scss/free/_pagination.scss
@@ -0,0 +1,83 @@
+// Pagination
+.pagination {
+  .page-item {
+    &.active {
+      .page-link {
+        @extend .z-depth-1;
+        transition: $pagination-active-transition;
+        border-radius: $border-radius-base;
+        background-color: $primary-color;
+        color: $white;
+        &:hover {
+          background-color: $primary-color;
+        }
+      }
+    }
+    &.disabled {
+      .page-link {
+        color: $pagination-page-item-disabled-color;
+      }
+    }
+    .page-link {
+      transition: $pagination-page-link-transition;
+      outline: 0;
+      border: 0;
+      background-color: transparent;
+      font-size: $pagination-page-link-font-size;
+      color: $pagination-page-link-color;
+      &:hover {
+        transition: $pagination-page-link-transition;
+        border-radius: $border-radius-base;
+        background-color: $pagination-page-link-hover-bg-color;
+      }
+      &:focus {
+        background-color: transparent;
+      }
+    }
+  }
+  &.pagination-lg {
+    .page-item {
+      .page-link {
+        font-size: $pagination-page-link-font-size-lg;
+      }
+    }
+  }
+  &.pagination-sm {
+    .page-item {
+      .page-link {
+        font-size: $pagination-page-link-font-size-sm;
+      }
+    }
+  }
+  &.pagination-circle {
+    .page-item {
+      .page-link {
+        margin-left: $pagination-circle-margin-x;
+        margin-right: $pagination-circle-margin-x;
+        border-radius: $pagination-circle-border-radius;
+        &:hover {
+          border-radius: $pagination-circle-border-radius;
+        }
+      }
+      &.active {
+        .page-link {
+          border-radius: $pagination-circle-border-radius;
+        }
+      }
+    }
+  }
+  @each $name, $color in $pagination-colors {
+    &.pg-#{$name} {
+      .page-item {
+        &.active {
+          .page-link {
+            background-color: $color;
+            &:hover {
+              background-color: $color;
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/scss/free/_tables.scss b/scss/free/_tables.scss
new file mode 100644
index 0000000..8f11326
--- /dev/null
+++ b/scss/free/_tables.scss
@@ -0,0 +1,59 @@
+// Tables
+table {
+  th {
+    font-size: $table-th-font-size;
+    font-weight: 400;
+  }
+  td {
+    font-size: $table-td-font-size;
+    font-weight: 300;
+  }
+  &.table {
+    thead th {
+      border-top: none;
+    }
+    th,
+    td {
+      padding-top: $table-th-padding-top;
+      padding-bottom: $table-td-padding-bottom;
+    }
+    a {
+      margin: 0;
+      color: $table-a-color;
+    }
+    .label-table {
+      margin: 0;
+      padding: 0;
+      line-height: 15px;
+      height: 15px;
+    }
+    &.btn-table {
+      td {
+        vertical-align: middle;
+      }
+    }
+  }
+  &.table-hover {
+    tbody {
+      tr {
+        &:hover {
+          transition: $table-hover-transition;
+          background-color: $table-hover-background-color;
+        }
+      }
+    }
+  }
+  .th-lg {
+    min-width: 9rem;
+  }
+  .th-sm {
+    min-width: 6rem;
+  }
+  &.table-sm {
+    th,
+    td {
+      padding-top: $table-sm-padding-y;
+      padding-bottom: $table-sm-padding-y;
+    }
+  }
+}
diff --git a/scss/mdb.scss b/scss/mdb.scss
new file mode 100644
index 0000000..0be6c1a
--- /dev/null
+++ b/scss/mdb.scss
@@ -0,0 +1,119 @@
+/*!
+ * Material Design for Bootstrap 4
+ * Version: MDB PRO 4.5.1
+ *
+ *
+ * Copyright: Material Design for Bootstrap
+ * https://mdbootstrap.com/
+ *
+ * Read the license: https://mdbootstrap.com/license/
+ *
+ *
+ * Documentation: https://mdbootstrap.com/
+ *
+ * Getting started: https://mdbootstrap.com/getting-started/
+ *
+ * Tutorials: https://mdbootstrap.com/bootstrap-tutorial/
+ *
+ * Templates: https://mdbootstrap.com/templates/
+ *
+ * Support: https://mdbootstrap.com/support/
+ *
+ * Contact: office@mdbootstrap.com
+ *
+ * Atribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js , Hammer.js
+ *
+ */
+
+@charset "UTF-8";
+
+// Bootstrap
+@import "core/bootstrap/functions";
+@import "core/bootstrap/variables";
+
+// CORE
+@import "core/mixins";
+@import "core/colors";
+@import "core/variables";
+@import "core/global";
+@import "core/helpers";
+@import "core/typography";
+@import "core/masks";
+@import "core/waves";
+
+// FREE
+@import "free/animations-basic";
+@import "free/animations-extended";
+@import "free/buttons";
+@import "free/cards";
+@import "free/dropdowns";
+@import "free/navbars";
+@import "free/pagination";
+@import "free/badges";
+@import "free/modals";
+@import "free/carousels";
+@import "free/forms";
+@import "free/input-group";
+@import "free/msc";
+@import "free/footers";
+@import "free/list-group";
+@import "free/tables";
+@import "free/depreciated";
+
+// PRO
+@import "pro/variables";
+@import "pro/buttons";
+@import "pro/social-buttons";
+@import "pro/tabs";
+@import "pro/cards";
+@import "pro/dropdowns";
+@import "pro/navbars";
+@import "pro/scrollspy";
+@import "pro/lightbox";
+@import "pro/chips";
+@import "pro/msc";
+@import "pro/forms";
+@import "pro/radio";
+@import "pro/checkbox";
+@import "pro/material-select";
+@import "pro/switch";
+@import "pro/file-input";
+@import "pro/range";
+@import "pro/input-group";
+@import "pro/autocomplete";
+@import "pro/accordion";
+@import "pro/parallax";
+@import "pro/sidenav";
+@import "pro/ecommerce";
+@import "pro/carousels";
+@import "pro/steppers";
+@import "pro/blog";
+@import "pro/toasts";
+@import "pro/animations";
+@import "pro/charts";
+@import "pro/progress";
+@import "pro/scrollbar";
+@import "pro/skins";
+@import "pro/depreciated";
+
+// Picker
+@import "pro/picker/default";
+@import "pro/picker/default-time";
+@import "pro/picker/default-date";
+
+// Sections
+@import "pro/sections/templates";
+@import "pro/sections/social";
+@import "pro/sections/blog";
+@import "pro/sections/team";
+@import "pro/sections/testimonials";
+@import "pro/sections/projects";
+@import "pro/sections/magazine";
+@import "pro/sections/pricing";
+@import "pro/sections/contacts";
+
+// Angular
+@import "angular/mdb-angular";
+
+// Your custom styles
+@import "custom";
diff --git a/scss/pro/_accordion.scss b/scss/pro/_accordion.scss
new file mode 100644
index 0000000..79f55a6
--- /dev/null
+++ b/scss/pro/_accordion.scss
@@ -0,0 +1,33 @@
+// Accordion
+.accordion {
+  .card {
+    box-shadow: none;
+    border-bottom: 1px solid map-get($grey, "lighten-3");
+    border-radius: 0;
+    .card-header {
+      border-bottom: 0;
+      padding: $accordion-card-header-padding-y $accordion-card-header-padding-x;
+      background: transparent;
+      .card-title {
+        font-weight: 400;
+      }
+      a {
+        transition: $accordion-link-hover-transition;
+      }
+      a:not(.collapsed) {
+        .rotate-icon {
+          transform: $accordion-rotate-icon-transform;
+        }
+      }
+    }
+    .fa-angle-down {
+      float: right;
+    }
+    .card-body {
+      font-size: $accordion-card-body-font-size;
+      line-height: $accordion-card-body-line-height;
+      font-weight: 300;
+      color: $accordion-card-body-color;
+    }
+  }
+}
diff --git a/scss/pro/_animations.scss b/scss/pro/_animations.scss
new file mode 100644
index 0000000..49e37e6
--- /dev/null
+++ b/scss/pro/_animations.scss
@@ -0,0 +1,7 @@
+// Animations pro
+.collapsible .active {
+  .rotate-icon {
+    transform: $animations-pro-transform;
+    transition: $animations-pro-transition;
+  }
+}
diff --git a/scss/pro/_autocomplete.scss b/scss/pro/_autocomplete.scss
new file mode 100644
index 0000000..3ef9fd6
--- /dev/null
+++ b/scss/pro/_autocomplete.scss
@@ -0,0 +1,42 @@
+// MDB Autocomplete
+.mdb-autocomplete {
+  margin-bottom: $autocomplete-margin-bottom;
+}
+button {
+  &:focus {
+    outline: 0 !important;
+  }
+  &.mdb-autocomplete-clear {
+    position: absolute;
+    z-index: 2;
+    top: $autocomplete-clear-top;
+    right: 0;
+    visibility: hidden;
+    border: none;
+    background: transparent;
+    svg {
+      fill: $autocomplete-clear-color;
+    }
+  }
+}
+
+.mdb-autocomplete-wrap {
+  @extend .z-depth-1;
+  position: absolute;
+  z-index: 100;
+  left: 0;
+  right: 0;
+  list-style-type: none;
+  overflow-y: auto;
+  max-height: $autocomplete-wrap-max-height;
+  padding-left: 0;
+  background: $white;
+  li {
+    padding: $autocomplete-wrap-li-padding-y $autocomplete-wrap-li-padding-x;
+    cursor: pointer;
+    font-size: $autocomplete-wrap-li-font-size;
+    &:hover {
+      background: $autocomplete-wrap-li-hover-bg;
+    }
+  }
+}
diff --git a/scss/pro/_blog.scss b/scss/pro/_blog.scss
new file mode 100644
index 0000000..120245d
--- /dev/null
+++ b/scss/pro/_blog.scss
@@ -0,0 +1,20 @@
+// Blog
+.personal-sm {
+  a {
+    .fa {
+      transition-duration: $personal-sm-transition-duration;
+      &:hover {
+        transform: $personal-sm-hover-transform;
+      }
+    }
+  }
+}
+.comments-list,
+.reply-form {
+  .avatar {
+    max-width: $avatar-img-max-width;
+  }
+  .comment-date {
+    color: $blog-comment-date-text-color;
+  }
+}
diff --git a/scss/pro/_buttons.scss b/scss/pro/_buttons.scss
new file mode 100644
index 0000000..9995eae
--- /dev/null
+++ b/scss/pro/_buttons.scss
@@ -0,0 +1,85 @@
+// Buttons
+.btn {
+  &.btn-flat {
+    box-shadow: none;
+    background-color: transparent;
+    color: inherit !important;
+    &:not([disabled]):not(.disabled):active {
+      box-shadow: none;
+    }
+  }
+}
+
+// Floating button
+.btn-floating {
+  @extend .z-depth-1-half;
+  @include make-btn-floating($btn-floating-width, $btn-floating-height, $btn-floating-icon-size, $btn-floating-line-height);
+  position: relative;
+  z-index: 1;
+  vertical-align: middle;
+  display: inline-block;
+  overflow: hidden;
+  transition: $btn-floating-transtion;
+  margin: $btn-floating-margin;
+  border-radius: $btn-floating-border-radius;
+  padding: 0;
+  cursor: pointer;
+  i {
+    display: inline-block;
+    width: inherit;
+    text-align: center;
+    color: $white;
+  }
+  &:hover {
+    @extend .z-depth-2;
+  }
+  &:before {
+    border-radius: 0;
+  }
+  &.btn-sm {
+    @include make-btn-floating($btn-floating-width-sm, $btn-floating-height-sm, $btn-floating-icon-size-sm, $btn-floating-line-height-sm);
+  }
+  &.btn-lg {
+    @include make-btn-floating($btn-floating-width-lg, $btn-floating-height-lg, $btn-floating-icon-size-lg, $btn-floating-line-height-lg);
+  }
+}
+
+// Fixed action button
+.fixed-action-btn {
+  position: fixed;
+  z-index: 998;
+  right: $fixed-action-btn-right;
+  bottom: $fixed-action-btn-bottom;
+  margin-bottom: 0;
+  padding-top: $fixed-action-btn-padding-top;
+  ul {
+    position: absolute;
+    bottom: $fixed-action-btn-ul-bottom;
+    left: 0;
+    right: 0;
+    margin: 0;
+    padding: 0;
+    text-align: center;
+    li {
+      margin-bottom: $fixed-action-btn-li-margin-bottom;
+    }
+    a {
+      &.btn-floating {
+        opacity: 0;
+      }
+    }
+  }
+}
+button, html [type="button"], [type="reset"], [type="submit"] {
+  appearance: none;
+}
+
+// Rounded buttons
+.btn-rounded {
+  border-radius: $btn-rounded-border-radius;
+}
+
+// Gradient buttons
+@each $name, $val in $gradients-premium {
+  @include make-gradient-button($name, $val);
+}
diff --git a/scss/pro/_cards.scss b/scss/pro/_cards.scss
new file mode 100644
index 0000000..93e0e6c
--- /dev/null
+++ b/scss/pro/_cards.scss
@@ -0,0 +1,214 @@
+// Cards
+.card {
+  &.card-image {
+    background-size: cover;
+    background-position: center;
+    width: 100%;
+    [class*="rgba-"] {
+      border-radius: $md-card-border-radius;
+    }
+  }
+  // Cascading cards
+  &.card-cascade {
+    .view {
+      @extend .z-depth-1-half;
+      border-radius: $md-card-border-radius;
+      &.gradient-card-header {
+        @extend .white-text;
+        padding: $card-cascade-header-gradient-py $card-cascade-header-gradient-px;
+        text-align: center;
+        .card-header-title {
+          font-weight: 500;
+        }
+        .btn-floating {
+          background-color: $card-cascade-header-gradient-btn-floating-bgc;
+        }
+      }
+    }
+    &.wider {
+      @extend .z-depth-0;
+      background-color: transparent;
+      .view {
+        z-index: 2;
+      }
+      .card-body {
+        @extend .z-depth-1;
+        margin-left: $card-cascade-wider-card-body-mx;
+        margin-right: $card-cascade-wider-card-body-mx;
+        background: $card-cascade-wider-card-body-bg;
+        z-index: 1;
+        border-radius: 0 0 $md-card-border-radius $md-card-border-radius;
+      }
+      &.reverse {
+        .card-body {
+          z-index: 3;
+          margin-top: $card-cascade-reverse-mt;
+          border-radius: $md-card-border-radius;
+          @extend .z-depth-1-half;
+        }
+      }
+    }
+    &.narrower {
+      margin-top: $card-cascade-narrower-mt;
+      .view {
+        margin-left: $card-cascade-narrowe-view-mx;
+        margin-right: $card-cascade-narrowe-view-mx;
+        margin-top: $card-cascade-narrower-view-mt;
+      }
+    }
+    &.panel-cascade {
+      .view {
+        text-align: center;
+        color: $panel-cascade-view-color;
+      }
+      .list-group {
+        .list-group-item {
+          margin-bottom: 0;
+          border: 0;
+          border-bottom: 1px solid $panel-cascade-list-group-item-border-bottom;
+          color: $panel-cascade-list-group-item-color;
+          &:hover {
+            background-color: $panel-cascade-list-group-item-bgc;
+          }
+        }
+      }
+    }
+  }
+  .btn-action {
+    margin-top: $card-btn-action-my;
+    margin-bottom: $card-btn-action-my;
+  }
+  .activator {
+    position: absolute;
+    right: 0;
+    font-size: $card-activator-font-size;
+  }
+  .card-reveal {
+    position: absolute;
+    width: 100%;
+    overflow-y: auto;
+    top: 100%;
+    height: 100%;
+    z-index: 1;
+    display: none;
+    .content {
+      position: relative;
+    }
+  }
+  &.ovf-hidden {
+    overflow: hidden;
+  }
+  .card-share {
+    position: relative;
+    .social-reveal {
+      position: absolute;
+      top: $card-share-social-reveal-top;
+      right: $card-share-social-reveal-right;
+      visibility: hidden;
+      width: auto;
+      transform: translateZ(0);
+      transform: translateX(0);
+      transition: $card-share-social-reveal-transition;
+    }
+    .social-reveal-active {
+      z-index: 11;
+      visibility: visible;
+      transform: translateZ(0);
+      transform: translateX(-48px);
+      transition: $card-share-social-reveal-transition;
+    }
+  }
+}
+
+// Title and close button
+.card .card-reveal .card-title,
+.card-wrapper .card-rotating .card-title {
+  cursor: pointer;
+}
+.card .card-reveal .card-title i,
+.card-wrapper .card-rotating .card-title i {
+  color: $card-reveal-title-i-color;
+  position: absolute;
+  right: $card-reveal-title-i-right;
+}
+
+// Rotating card
+.card-wrapper {
+  margin: 0;
+  min-height: $card-wrapper-min-height;
+  position: relative;
+  perspective: $card-wrapper-perspective;
+  .face {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
+  /* Front side */
+  .card-up {
+    overflow: hidden;
+  }
+  .avatar {
+    display: block;
+    margin-top: $card-avatar-margin-top;
+    overflow: hidden;
+    width: $card-up-size;
+  }
+  .avatar {
+    img {
+      border: 5px solid $white;
+      background: none repeat scroll 0 0 $white;
+      width: 100%;
+    }
+  }
+  /* Card with rotate on click */
+  .card-rotating {
+    position: absolute;
+    transform-style: $card-rotating-transform-style;
+    .content {
+      position: relative;
+    }
+    &.effect__click {
+      &.flipped {
+        .front {
+          transform: $card-front-effect-click-transform;
+        }
+        .back {
+          transform: $card-back-effect-click-transform;
+        }
+      }
+    }
+  }
+  .front,
+  .back {
+    @extend .z-depth-1;
+    border-radius: $md-card-border-radius;
+    backface-visibility: hidden;
+    transition: $card-front-back-transition;
+  }
+  .back {
+    transform: $card-back-transform;
+  }
+}
+
+// Testimonial card
+.testimonial-card {
+  .card-up {
+    overflow: hidden;
+    height: $card-up-size;
+    border-top-left-radius: $md-card-border-radius;
+    border-top-right-radius: $md-card-border-radius;
+  }
+  .avatar {
+    border-radius: $border-radius-circle;
+    width: $card-up-size;
+    margin-top: $card-avatar-margin-top;
+    overflow: hidden;
+    border: 5px solid $white;
+  }
+  .avatar img {
+    width: 100%;
+  }
+  .card-body {
+    text-align: center;
+  }
+}
diff --git a/scss/pro/_carousels.scss b/scss/pro/_carousels.scss
new file mode 100644
index 0000000..048246a
--- /dev/null
+++ b/scss/pro/_carousels.scss
@@ -0,0 +1,97 @@
+// CAROUSELS PRO
+.carousel-multi-item {
+  @media (min-width: 768px) {
+    .col-md-4 {
+      float: left;
+      width: 33.333333%;
+      max-width: 100%;
+    }
+  }
+
+  .carousel-item.active,
+  .carousel-item-next,
+  .carousel-item-prev {
+    display: block;
+  }
+
+  margin-bottom: 100px;
+  .carousel-indicators li {
+    height: 20px;
+    width: 20px;
+    max-width: 20px;
+    background-color: $primary-color;
+    margin-bottom: -60px;
+  }
+  .carousel-indicators .active {
+    height: 25px;
+    width: 25px;
+    max-width: 25px;
+    background-color: $primary-color;
+    border-radius: 50%;
+  }
+  .controls-top {
+    text-align: center;
+    margin-bottom: 30px;
+    .btn-floating {
+      background: $primary-color;
+    }
+  }
+  .carousel-indicators {
+    margin-bottom: -2em;
+  }
+  .card {
+    margin: 1px;
+  }
+  .card-cascade.narrower {
+    margin-top: 20px;
+    margin-bottom: 5px;
+  }
+}
+
+@media only screen and (max-width: $medium-screen) {
+  .carousel-multi-item {
+    .carousel-indicators li {
+      margin-bottom: -30px;
+    }
+  }
+}
+
+//Carousel with thumbnails
+.carousel-thumbnails {
+  margin-bottom: 80px;
+  .carousel-indicators {
+    margin-bottom: -75px;
+    position: absolute;
+    li {
+      height: auto;
+      max-width: 100px;
+      width: 100px;
+      border: none;
+    }
+    .active {
+      height: auto;
+      width: auto;
+      @extend .white;
+      opacity: 0.5;
+    }
+    img {
+      max-width: 100px;
+      height: 50px;
+      overflow: hidden;
+      display: block;
+    }
+  }
+}
+
+@media only screen and (max-width: $small-screen) {
+  .carousel-thumbnails {
+    margin-bottom: 60px;
+    .carousel-indicators {
+      margin-bottom: -60px;
+      img {
+        max-width: 50px;
+        height: 25px;
+      }
+    }
+  }
+}
diff --git a/scss/pro/_charts.scss b/scss/pro/_charts.scss
new file mode 100644
index 0000000..05c5793
--- /dev/null
+++ b/scss/pro/_charts.scss
@@ -0,0 +1,25 @@
+// Charts Pro
+.min-chart {
+  position: relative;
+  display: inline-block;
+  width: $min-chart-width;
+  height: $min-chart-height;
+  margin-top: $min-chart-margin;
+  margin-bottom: $min-chart-margin;
+  text-align: center;
+  canvas {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+  .percent {
+    display: inline-block;
+    line-height: $min-chart-line-height;
+    z-index: 2;
+    &:after {
+      content: "%";
+      margin-left: $min-chart-percent-margin;
+      font-size: $min-chart-percent-font-size;
+    }
+  }
+}
diff --git a/scss/pro/_checkbox.scss b/scss/pro/_checkbox.scss
new file mode 100644
index 0000000..4eff4b9
--- /dev/null
+++ b/scss/pro/_checkbox.scss
@@ -0,0 +1,150 @@
+// Checkbox
+[type="checkbox"] {
+  @extend %hide-radio-checkbox;
+  + label {
+    @extend %base-radio-checkbox-label;
+    &:before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 17px;
+      height: 17px;
+      z-index: 0;
+      border: 1.5px solid #8a8a8a;
+      border-radius: 1px;
+      margin-top: 2px;
+      transition: .2s;
+    }
+  }
+
+  &:checked {
+    + label:before {
+      top: -4px;
+      left: -3px;
+      width: 12px;
+      height: 22px;
+      border-style: solid;
+      border-width: 2px;
+      border-color: transparent $radio-fill-color $radio-fill-color transparent;
+      transform: rotate(40deg);
+      transform-origin: 100% 100%;
+    }
+  }
+
+  &:indeterminate {
+    + label:before {
+      left: -10px;
+      top: -11px;
+      width: 10px;
+      height: 22px;
+      border: none;
+      border-right: 2px solid $radio-fill-color;
+      transform: rotate(90deg);
+      transform-origin: 100% 100%;
+    }
+  }
+
+  &:disabled {
+    &:checked + label:before {
+      border-color: transparent $input-disabled-color $input-disabled-color transparent;
+    }
+    &:not(:checked) + label:before {
+      border: none;
+      margin-left: 2px;
+      margin-top: 2px;
+      background-color: $input-disabled-color;
+    }
+    &:indeterminate + label:before {
+      border-right: 2px solid $input-disabled-color;
+      margin-left: 0;
+      margin-top: 0;
+      background-color: transparent;
+    }
+  }
+
+  &[class*="filled-in"] {
+
+    + label:after, + label:before {
+      content: "";
+      left: 0;
+      position: absolute;
+      /* .1s delay is for check animation */
+      transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
+      z-index: 1;
+      border-style: solid;
+      border-width: 2px;
+    }
+    + label:after {
+      border-radius: 2px;
+      height: 20px;
+      width: 20px;
+    }
+    + label:before {
+      transform: rotateZ(37deg);
+      transform-origin: 100% 100%; // ? 20% 40%
+    }
+
+    &:not(:checked) {
+      + label:before {
+        width: 0;
+        height: 0;
+        border-style: 3px;
+        border-color: transparent;
+        left: 6px;
+        top: 10px;
+      }
+      + label:after {
+        background-color: transparent;
+        border-color: $radio-empty-color;
+        top: 0;
+        z-index: 0;
+      }
+    }
+
+    &:checked {
+      + label:before {
+        top: 0;
+        left: 1px;
+        width: 8px;
+        height: 13px;
+        border-color: transparent $input-bg-color $input-bg-color transparent;
+      }
+      + label:after {
+        top: 0;
+        border-color: $secondary-color;
+        background-color: $secondary-color;
+        z-index: 0;
+      }
+    }
+
+    &:disabled {
+      &:not(:checked) {
+        + label:before {
+          background-color: transparent;
+          border-color: $input-disabled-solid-color;
+        }
+        + label:after {
+          border-color: transparent;
+          background-color: $input-disabled-solid-color;
+        }
+      }
+      &:checked {
+        + label:before {
+          background-color: transparent;
+        }
+        + label:after {
+          background-color: $input-disabled-solid-color;
+          border-color: $input-disabled-solid-color;
+        }
+      }
+    }
+  }
+
+  &.filled-in-danger {
+    &:checked + label:after {
+      background-color: map-get($red, "base");
+      border-color: map-get($red, "base");
+    }
+  }
+}
diff --git a/scss/pro/_chips.scss b/scss/pro/_chips.scss
new file mode 100644
index 0000000..052a5d9
--- /dev/null
+++ b/scss/pro/_chips.scss
@@ -0,0 +1,69 @@
+// Chips
+.chip {
+  display: inline-block;
+  height: $chip-height;
+  font-size: $chip-font-size;
+  font-weight: $chip-font-weight;
+  color: $chip-font-color;
+  line-height: $chip-line-height;
+  padding: 0 $chip-padding-right;
+  border-radius: $chip-br;
+  background-color: $chip-background-color;
+  margin-bottom: $chip-margin-bottom;
+  margin-right: $chip-margin-right;
+  img {
+    float: left;
+    margin: 0 $chip-img-margin-right 0 $chip-img-margin-left;
+    height: $chip-img-height;
+    width: $chip-img-width;
+    border-radius: 50%;
+  }
+  .close {
+    cursor: pointer;
+    float: right;
+    font-size: $chip-close-font-size;
+    line-height: $chip-close-line-height;
+    padding-left: $chip-close-padding-left;
+    transition: all 0.1s linear;
+  }
+}
+
+.chips {
+  outline: none;
+  box-shadow: none;
+  border: none;
+  border-bottom: 1px solid $input-border-color;
+  margin-bottom: $chips-margin-bottom;
+  min-height: $chips-min-height;
+  padding-bottom: $chips-padding-bottom;
+  transition: all .3s;
+  &.focus {
+    border-bottom: 1px solid $input-focus-color;
+    box-shadow: 0 1px 0 0 $input-focus-color;
+  }
+  &:hover {
+    cursor: text;
+  }
+  .tag.selected {
+    border-bottom: 1px solid $input-focus-color;
+    color: $white;
+  }
+  .input {
+    display: inline-block;
+    background: none;
+    border: 0;
+    outline: 0;
+    padding: 0 !important;
+    width: $chips-input-width !important;
+    color: $chips-input-font-color;
+    font-size: $chips-input-font-size;
+    font-weight: $chips-input-font-weight;
+    height: $chips-input-height;
+    margin-right: $chips-input-margin-right;
+    line-height: $chips-input-line-height;
+    &:focus {
+      border: 0 !important;
+      box-shadow: none !important;
+    }
+  }
+}
diff --git a/scss/pro/_depreciated.scss b/scss/pro/_depreciated.scss
new file mode 100644
index 0000000..b2caa49
--- /dev/null
+++ b/scss/pro/_depreciated.scss
@@ -0,0 +1,70 @@
+// These settings will be only for one version
+
+// Button Collapse Without Navbar
+.side-nav .double-navbar .bc-min {
+  padding: 5px 10px;
+  .button-collapse {
+    padding-left: 0px;
+  }
+}
+
+// When icon doesn't need padding
+.no-padding {
+  .fa {
+    padding: 0;
+  }
+}
+
+// Quick look modal
+.ql-modal,
+.product-panel {
+  .modal-dialog {
+    max-width: none;
+    width: auto;
+    margin: 2rem;
+  }
+  .modal-header {
+    text-align: center;
+  }
+  .price {
+    .badge {
+      background-color: rgba(244, 67, 54, 0.7);
+      font-size: 1.4rem;
+      display: inline-block;
+      margin-left: 1rem;
+    }
+    p {
+      display: inline-block;
+      font-size: 1.3rem;
+      .price-before {
+        color: $black;
+        text-decoration: line-through;
+        margin-left: 0.5rem;
+      }
+      .price-after {
+        font-size: 1.7rem;
+        color: map-get($green, "base");
+      }
+    }
+  }
+  .media img {
+    max-width: 60px;
+  }
+}
+
+@media (max-width: 1200px) {
+  .ql-modal {
+    .modal-dialog {
+      margin: 0;
+    }
+    padding-left: 0;
+  }
+}
+
+// Parallax
+// .jarallax {
+//   background-size: cover;
+//   background-repeat: no-repeat;
+//   background-position: center;
+//   min-height: 700px;
+// }
diff --git a/scss/pro/_dropdowns.scss b/scss/pro/_dropdowns.scss
new file mode 100644
index 0000000..4da8be3
--- /dev/null
+++ b/scss/pro/_dropdowns.scss
@@ -0,0 +1,55 @@
+// Dropdown pro
+// Dropdowns menu's colors
+.dropdown {
+  .dropdown-menu {
+    padding: $dropdown-menu-padding;
+    @each $name, $color in $dropdown-colors {
+      &.dropdown-#{$name} {
+        .dropdown-item {
+          &:hover,
+          &:active {
+            background-color: $color !important;
+          }
+        }
+      }
+    }
+    .dropdown-item {
+      padding: $dropdown-menu-padding;
+      margin-left: 0;
+      font-size: $dropdown-item-font-size;
+      &.disabled {
+        color: $dropdown-item-disabled-color;
+        &:hover,
+        &:active,
+        &:focus {
+          box-shadow: none;
+          color: $dropdown-item-disabled-color !important;
+          background-color: transparent !important;
+        }
+      }
+      &:hover,
+      &:active {
+        @extend .z-depth-1-half;
+        @extend .white-text;
+        background-color: $primary-color;
+        border-radius: $border-radius-base;
+        transition: $dropdown-item-transition;
+      }
+    }
+  }
+}
+
+.navbar-nav  {
+  .dropdown-menu-right {
+    right: 0;
+    left: auto;
+  }
+}
+
+.dropdown-menu {
+  &.animated {
+    /* Speed up animations */
+    animation-duration: $dropdown-menu-animated-animation-duration;
+    animation-timing-function: $dropdown-menu-animated-animation-timing-function;
+  }
+}
diff --git a/scss/pro/_ecommerce.scss b/scss/pro/_ecommerce.scss
new file mode 100644
index 0000000..b7a94be
--- /dev/null
+++ b/scss/pro/_ecommerce.scss
@@ -0,0 +1,91 @@
+// Ecommerce Pro Cards
+// Collection card
+.collection-card {
+  .stripe {
+    position: absolute;
+    bottom: $collection-card-stripe-bottom;
+    width: 100%;
+    text-align: center;
+    padding: $collection-card-stripe-padding;
+    &.dark {
+      background-color: $collection-card-stripe-dark-bgc;
+      a {
+        p {
+          color: $collection-card-stripe-dark-a-p-color;
+        }
+      }
+    }
+    &.light {
+      background-color: $collection-card-stripe-light-bgc;
+      a {
+        p {
+          color: $collection-card-stripe-light-a-p-color;
+        }
+      }
+    }
+    a {
+      p {
+        padding: 0;
+        margin: 0;
+        letter-spacing: $collection-card-stripe-letter-spacing;
+      }
+    }
+  }
+}
+
+.rating {
+  color: $ecommerce-rating-color;
+  list-style-type: none;
+  padding: 0;
+  li {
+    display: inline-block;
+  }
+}
+
+// Cart modal
+.cart-modal {
+  .table,
+  th {
+    text-align: center;
+  }
+  .table {
+    .total {
+      text-transform: uppercase;
+      font-weight: 600;
+    }
+    .fa-remove {
+      color: $primary-color;
+    }
+  }
+}
+
+.card {
+  &.card-ecommerce {
+    .card-footer {
+      background-color: transparent;
+      .discount {
+        color: $ecommerce-card-footer-discount-color;
+      }
+      a {
+        color: $ecommerce-card-footer-a-color;
+        transition: $ecommerce-card-footer-a-hover-transition;
+        &:hover {
+          color: $ecommerce-card-footer-a-hover-color;
+          transition: $ecommerce-card-footer-a-hover-transition;
+        }
+        &.active {
+          color: $ecommerce-card-footer-a-active-color;
+        }
+      }
+    }
+  }
+}
+
+// Product table
+.product-table {
+  .btn {
+    &.btn-sm {
+      padding: $ecommerce-product-table-btn-sm-py $ecommerce-product-table-btn-sm-px;
+    }
+  }
+}
diff --git a/scss/pro/_file-input.scss b/scss/pro/_file-input.scss
new file mode 100644
index 0000000..b567a71
--- /dev/null
+++ b/scss/pro/_file-input.scss
@@ -0,0 +1,31 @@
+// File Input
+.file-field {
+  position: relative;
+  .file-path-wrapper {
+    overflow: hidden;
+    padding-left: $file-path-wrapper-padding-left;
+    height: $file-path-wrapper-height;
+  }
+  input {
+    &.file-path {
+      width: 100%;
+      height: $file-input-path;
+    }
+  }
+  span {
+    cursor: pointer;
+  }
+  input[type=file] {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    cursor: pointer;
+    opacity: 0;
+    filter: $file-input-filter;
+  }
+}
diff --git a/scss/pro/_forms.scss b/scss/pro/_forms.scss
new file mode 100644
index 0000000..485165c
--- /dev/null
+++ b/scss/pro/_forms.scss
@@ -0,0 +1,27 @@
+// FORMS PRO
+// hide default radio / checkbox
+%hide-radio-checkbox {
+  position: absolute;
+  left: -9999px;
+  visibility: hidden;
+}
+
+%base-radio-checkbox-label {
+  position: relative;
+  padding-left: 35px;
+  cursor: pointer;
+  display: inline-block;
+  height: 25px;
+  line-height: 25px;
+  font-size: 1rem;
+}
+
+.form-header {
+  @extend .z-depth-1-half;
+  color: $form-header-color;
+  text-align: center;
+  margin-top: $form-header-mt;
+  margin-bottom: $form-header-mb;
+  padding: $form-header-padding;
+  border-radius: $form-header-border-radius;
+}
diff --git a/scss/pro/_input-group.scss b/scss/pro/_input-group.scss
new file mode 100644
index 0000000..91b3592
--- /dev/null
+++ b/scss/pro/_input-group.scss
@@ -0,0 +1,13 @@
+// Input group
+.input-group {
+  .input-group-text {
+    [type="checkbox"] + label {
+      padding-left: $input-group-text-checkbox-pl;
+      height: $input-group-text-height;
+    }
+    [type="radio"] + label {
+      padding-left: $input-group-text-radio-pl;
+      height: $input-group-text-height;
+    }
+  }
+}
diff --git a/scss/pro/_lightbox.scss b/scss/pro/_lightbox.scss
new file mode 100644
index 0000000..a66229c
--- /dev/null
+++ b/scss/pro/_lightbox.scss
@@ -0,0 +1,810 @@
+/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
+
+/*
+  Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
+*/
+
+// PhotoSwipe uses Autoprefixer, so vendor prefixed are added automatically when needed.
+
+/* pswp = photoswipe */
+
+.pswp {
+  display: none;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  overflow: hidden;
+  touch-action: none;
+  z-index: $pswp__root-z-index;
+  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
+  outline: none;
+  @if $pswp__box-sizing-border-box==true {
+    * {
+      box-sizing: border-box;
+    }
+  }
+  img {
+    max-width: none;
+  }
+}
+
+
+/* style is added when JS option showHideOpacity is set to true */
+
+.pswp--animate_opacity {
+  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
+  opacity: 0.001;
+  will-change: opacity;
+  /* for open/close transition */
+  transition: opacity $pswp__show-hide-transition-duration cubic-bezier(.4, 0, .22, 1);
+}
+
+.pswp--open {
+  display: block;
+}
+
+.pswp--zoom-allowed .pswp__img {
+  /* autoprefixer: off */
+  cursor: zoom-in;
+}
+
+.pswp--zoomed-in .pswp__img {
+  /* autoprefixer: off */
+  cursor: grab;
+}
+
+.pswp--dragging .pswp__img {
+  /* autoprefixer: off */
+  cursor: grabbing;
+}
+
+
+/*
+  Background is added as a separate element.
+  As animating opacity is much faster than animating rgba() background-color.
+*/
+
+.pswp__bg {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: $pswp__background-color;
+  opacity: 0;
+  will-change: opacity;
+}
+
+.pswp__scroll-wrap {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.pswp__container,
+.pswp__zoom-wrap {
+  touch-action: none;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+
+
+/* Prevent selection and tap highlights */
+
+.pswp__container,
+.pswp__img {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-touch-callout: none;
+  user-select: none;
+}
+
+.pswp__zoom-wrap {
+  position: absolute;
+  width: 100%;
+  transform-origin: left top;
+  /* for open/close transition */
+  transition: transform $pswp__show-hide-transition-duration cubic-bezier(.4, 0, .22, 1);
+}
+
+.pswp__bg {
+  will-change: opacity;
+  /* for open/close transition */
+  transition: opacity $pswp__show-hide-transition-duration cubic-bezier(.4, 0, .22, 1);
+}
+
+.pswp--animated-in {
+  .pswp__bg,
+  .pswp__zoom-wrap {
+    transition: none;
+  }
+}
+
+.pswp__container,
+.pswp__zoom-wrap {
+}
+
+.pswp__item {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  overflow: hidden;
+}
+
+.pswp__img {
+  position: absolute;
+  width: auto;
+  height: auto;
+  top: 0;
+  left: 0;
+}
+
+
+/*
+  stretched thumbnail or div placeholder element (see below)
+  style is added to avoid flickering in webkit/blink when layers overlap
+*/
+
+.pswp__img--placeholder {
+}
+
+
+/*
+  div element that matches size of large image
+  large image loads on top of it
+*/
+
+.pswp__img--placeholder--blank {
+  background: $pswp__placeholder-color;
+}
+
+.pswp--ie .pswp__img {
+  width: 100% !important;
+  height: auto !important;
+  left: 0;
+  top: 0;
+}
+
+
+/*
+  Error message appears when image is not loaded
+  (JS option errorMsg controls markup)
+*/
+
+.pswp__error-msg {
+  position: absolute;
+  left: 0;
+  top: 50%;
+  width: 100%;
+  text-align: center;
+  font-size: 14px;
+  line-height: 16px;
+  margin-top: -8px;
+  color: $pswp__error-text-color;
+}
+
+.pswp__error-msg a {
+  color: $pswp__error-text-color;
+  text-decoration: underline;
+}
+
+
+/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
+
+
+/*
+
+  Contents:
+
+  1. Buttons
+  2. Share modal and links
+  3. Index indicator ("1 of X" counter)
+  4. Caption
+  5. Loading indicator
+  6. Additional styles (root element, top bar, idle state, hidden state, etc.)
+
+*/
+
+// PhotoSwipe uses Autoprefixer, so vendor prefixed are added automatically when needed.
+
+/*
+
+  1. Buttons
+
+ */
+
+
+/* <button> css reset */
+
+.pswp__button {
+  width: 44px;
+  height: 44px;
+  position: relative;
+  background: none;
+  cursor: pointer;
+  overflow: visible;
+  display: block;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  float: right;
+  opacity: 0.75;
+  transition: opacity 0.2s;
+  box-shadow: none;
+  &:focus,
+  &:hover {
+    opacity: 1;
+  }
+  &:active {
+    outline: none;
+    opacity: 0.9;
+  }
+  &::-moz-focus-inner {
+    padding: 0;
+    border: 0
+  }
+}
+
+
+/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
+
+.pswp__ui--over-close .pswp__button--close {
+  opacity: 1;
+}
+
+.pswp__button,
+.pswp__button--arrow--left:before,
+.pswp__button--arrow--right:before {
+  background: url(../img/lightbox/default-skin.png) 0 0 no-repeat;
+  background-size: 264px 88px;
+  width: 44px;
+  height: 44px;
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.1),
+  (min-resolution: 105dpi),
+  (min-resolution: 1.1dppx) {
+  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
+  .pswp--svg .pswp__button,
+  .pswp--svg .pswp__button--arrow--left:before,
+  .pswp--svg .pswp__button--arrow--right:before {
+    background-image: url(../img/lightbox/default-skin.svg);
+  }
+  .pswp--svg .pswp__button--arrow--left,
+  .pswp--svg .pswp__button--arrow--right {
+    background: none;
+  }
+}
+
+.pswp__button--close {
+  background-position: 0 -44px;
+}
+
+.pswp__button--share {
+  background-position: -44px -44px;
+}
+
+.pswp__button--fs {
+  display: none;
+}
+
+.pswp--supports-fs .pswp__button--fs {
+  display: block;
+}
+
+.pswp--fs .pswp__button--fs {
+  background-position: -44px 0;
+}
+
+.pswp__button--zoom {
+  display: none;
+  background-position: -88px 0;
+}
+
+.pswp--zoom-allowed .pswp__button--zoom {
+  display: block;
+}
+
+.pswp--zoomed-in .pswp__button--zoom {
+  background-position: -132px 0;
+}
+
+
+/* no arrows on touch screens */
+
+.pswp--touch {
+  .pswp__button--arrow--left,
+  .pswp__button--arrow--right {
+    visibility: hidden;
+  }
+}
+
+
+/*
+  Arrow buttons hit area
+  (icon is added to :before pseudo-element)
+*/
+
+.pswp__button--arrow--left,
+.pswp__button--arrow--right {
+  background: none;
+  top: 50%;
+  margin-top: -50px;
+  width: 70px;
+  height: 100px;
+  position: absolute;
+}
+
+.pswp__button--arrow--left {
+  left: 0;
+}
+
+.pswp__button--arrow--right {
+  right: 0;
+}
+
+.pswp__button--arrow--left:before,
+.pswp__button--arrow--right:before {
+  content: "";
+  top: 35px;
+  background-color: rgba(0, 0, 0, 0.3);
+  height: 30px;
+  width: 32px;
+  position: absolute;
+}
+
+.pswp__button--arrow--left:before {
+  left: 6px;
+  background-position: -138px -44px;
+}
+
+.pswp__button--arrow--right:before {
+  right: 6px;
+  background-position: -94px -44px;
+}
+
+
+/*
+
+  2. Share modal/popup and links
+
+ */
+
+.pswp__counter,
+.pswp__share-modal {
+  user-select: none;
+}
+
+.pswp__share-modal {
+  display: block;
+  background: rgba(0, 0, 0, 0.5);
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  padding: 10px;
+  position: absolute;
+  z-index: $pswp__root-z-index + 100;
+  opacity: 0;
+  transition: opacity 0.25s ease-out;
+  will-change: opacity;
+}
+
+.pswp__share-modal--hidden {
+  display: none;
+}
+
+.pswp__share-tooltip {
+  z-index: $pswp__root-z-index + 120;
+  position: absolute;
+  background: #FFF;
+  top: 56px;
+  border-radius: 2px;
+  display: block;
+  width: auto;
+  right: 44px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+  transform: translateY(6px);
+  transition: transform 0.25s;
+  will-change: transform;
+  a {
+    display: block;
+    padding: 8px 12px;
+    color: #000;
+    text-decoration: none;
+    font-size: 14px;
+    line-height: 18px;
+    &:hover {
+      text-decoration: none;
+      color: #000;
+    }
+    &:first-child {
+      /* round corners on the first/last list item */
+      border-radius: 2px 2px 0 0;
+    }
+    &:last-child {
+      border-radius: 0 0 2px 2px;
+    }
+  }
+}
+
+.pswp__share-modal--fade-in {
+  opacity: 1;
+  .pswp__share-tooltip {
+    transform: translateY(0);
+  }
+}
+
+
+/* increase size of share links on touch devices */
+
+.pswp--touch .pswp__share-tooltip a {
+  padding: 16px 12px;
+}
+
+a.pswp__share--facebook {
+  &:before {
+    content: "";
+    display: block;
+    width: 0;
+    height: 0;
+    position: absolute;
+    top: -12px;
+    right: 15px;
+    border: 6px solid rgba(0, 0, 0, 0);
+    border-bottom-color: #FFF;
+    -webkit-pointer-events: none;
+    -moz-pointer-events: none;
+    pointer-events: none;
+  }
+  &:hover {
+    background: #3E5C9A;
+    color: #FFF;
+    &:before {
+      border-bottom-color: #3E5C9A;
+    }
+  }
+}
+
+a.pswp__share--twitter {
+  &:hover {
+    background: #55ACEE;
+    color: #FFF;
+  }
+}
+
+a.pswp__share--pinterest {
+  &:hover {
+    background: #CCC;
+    color: #CE272D;
+  }
+}
+
+a.pswp__share--download {
+  &:hover {
+    background: #DDD;
+  }
+}
+
+
+/*
+
+  3. Index indicator ("1 of X" counter)
+
+ */
+
+.pswp__counter {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 44px;
+  font-size: 13px;
+  line-height: 44px;
+  color: #FFF;
+  opacity: 0.75;
+  padding: 0 10px;
+}
+
+
+/*
+
+  4. Caption
+
+ */
+
+.pswp__caption {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  min-height: 44px;
+  small {
+    font-size: 11px;
+    color: #BBB;
+  }
+}
+
+.pswp__caption__center {
+  text-align: center;
+  max-width: 500px;
+  margin: 0 auto;
+  font-size: 13px;
+  padding: 10px;
+  line-height: 20px;
+  color: #CCC;
+}
+
+.pswp__caption--empty {
+  display: none;
+}
+
+
+/* Fake caption element, used to calculate height of next/prev image */
+
+.pswp__caption--fake {
+  visibility: hidden;
+}
+
+
+/*
+
+  5. Loading indicator (preloader)
+
+  You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
+
+ */
+
+.pswp__preloader {
+  width: 44px;
+  height: 44px;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  margin-left: -22px;
+  opacity: 0;
+  transition: opacity 0.25s ease-out;
+  will-change: opacity;
+  direction: ltr;
+}
+
+.pswp__preloader__icn {
+  width: 20px;
+  height: 20px;
+  margin: 12px;
+}
+
+.pswp__preloader--active {
+  opacity: 1;
+  .pswp__preloader__icn {
+    /* We use .gif in browsers that don't support CSS animation */
+    background: url(../img/lightbox/preloader.gif) 0 0 no-repeat;
+  }
+}
+
+.pswp--css_animation {
+  .pswp__preloader--active {
+    opacity: 1;
+    .pswp__preloader__icn {
+      animation: clockwise 500ms linear infinite;
+    }
+    .pswp__preloader__donut {
+      animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
+    }
+  }
+  .pswp__preloader__icn {
+    background: none;
+    opacity: 0.75;
+    width: 14px;
+    height: 14px;
+    position: absolute;
+    left: 15px;
+    top: 15px;
+    margin: 0;
+  }
+  .pswp__preloader__cut {
+    /*
+      The idea of animating inner circle is based on Polymer ("material") loading indicator
+       by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
+    */
+    position: relative;
+    width: 7px;
+    height: 14px;
+    overflow: hidden;
+  }
+  .pswp__preloader__donut {
+    box-sizing: border-box;
+    width: 14px;
+    height: 14px;
+    border: 2px solid #FFF;
+    border-radius: 50%;
+    border-left-color: transparent;
+    border-bottom-color: transparent;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: none;
+    margin: 0;
+  }
+}
+
+@media screen and (max-width: 1024px) {
+  .pswp__preloader {
+    position: relative;
+    left: auto;
+    top: auto;
+    margin: 0;
+    float: right;
+  }
+}
+
+@keyframes clockwise {
+  0% {
+    transform: rotate(0deg)
+  }
+  100% {
+    transform: rotate(360deg)
+  }
+}
+
+@keyframes donut-rotate {
+  0% {
+    transform: rotate(0)
+  }
+  50% {
+    transform: rotate(-140deg)
+  }
+  100% {
+    transform: rotate(0)
+  }
+}
+
+
+/*
+
+  6. Additional styles
+
+ */
+
+
+/* root element of UI */
+
+.pswp__ui {
+  -webkit-font-smoothing: auto;
+  visibility: visible;
+  opacity: 1;
+  z-index: $pswp__root-z-index + 50;
+}
+
+
+/* top black bar with buttons and "1 of X" indicator */
+
+.pswp__top-bar {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 44px;
+  width: 100%;
+}
+
+.pswp__caption,
+.pswp__top-bar,
+.pswp--has_mouse .pswp__button--arrow--left,
+.pswp--has_mouse .pswp__button--arrow--right {
+  will-change: opacity;
+  transition: opacity $pswp__controls-transition-duration cubic-bezier(.4, 0, .22, 1);
+}
+
+
+/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
+
+.pswp--has_mouse {
+  .pswp__button--arrow--left,
+  .pswp__button--arrow--right {
+    visibility: visible;
+  }
+}
+
+.pswp__top-bar,
+.pswp__caption {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+
+/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
+
+.pswp__ui--fit {
+  .pswp__top-bar,
+  .pswp__caption {
+    background-color: rgba(0, 0, 0, 0.3);
+  }
+}
+
+
+/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
+
+.pswp__ui--idle {
+  .pswp__top-bar {
+    opacity: 0;
+  }
+  .pswp__button--arrow--left,
+  .pswp__button--arrow--right {
+    opacity: 0;
+  }
+}
+
+
+/*
+  pswp__ui--hidden class is added when controls are hidden
+  e.g. when user taps to toggle visibility of controls
+*/
+
+.pswp__ui--hidden {
+  .pswp__top-bar,
+  .pswp__caption,
+  .pswp__button--arrow--left,
+  .pswp__button--arrow--right {
+    /* Force paint & create composition layer for controls. */
+    opacity: 0.001;
+  }
+}
+
+
+/* pswp__ui--one-slide class is added when there is just one item in gallery */
+
+.pswp__ui--one-slide {
+  .pswp__button--arrow--left,
+  .pswp__button--arrow--right,
+  .pswp__counter {
+    display: none;
+  }
+}
+
+.pswp__element--disabled {
+  display: none !important;
+}
+
+@if $pswp__include-minimal-style==true {
+  .pswp--minimal--dark {
+    .pswp__top-bar {
+      background: none;
+    }
+  }
+}
+
+.mdb-lightbox {
+  figure {
+    margin: 0;
+    float: left;
+    .img-fluid {
+      display: inline
+    }
+    img {
+      cursor: zoom-in;
+      transition: $mdb-lightbox-figure-img-transition;
+      border-radius: 0;
+      &:hover {
+        opacity: $mdb-lightbox-figure-img-hover-opacity;
+      }
+    }
+    figcaption {
+      display: none;
+    }
+  }
+  &.no-margin {
+    [class*="col-"] {
+      padding: 0;
+    }
+  }
+  [class*="col-"] {
+    padding: $mdb-lightbox-no-margin-padding;
+  }
+}
diff --git a/scss/pro/_material-select.scss b/scss/pro/_material-select.scss
new file mode 100644
index 0000000..cd8fbd6
--- /dev/null
+++ b/scss/pro/_material-select.scss
@@ -0,0 +1,222 @@
+// Material selct
+%user-select-none {
+  user-select: none;
+}
+
+.select-label {
+  position: absolute;
+}
+
+.select-wrapper {
+  position: relative;
+  input {
+    &.select-dropdown {
+      position: relative;
+      cursor: pointer;
+      background-color: transparent;
+      border: none;
+      border-bottom: 1px solid $input-border-color;
+      outline: none;
+      height: $material-select-wrapper-input-dropdown-height;
+      line-height: $material-select-wrapper-input-dropdown-line-height;
+      width: 100%;
+      font-size: $material-select-wrapper-input-dropdown-font-size;
+      margin: 0 0 $material-select-wrapper-input-dropdown-margin 0;
+      padding: 0;
+      display: block;
+      &:disabled {
+        color: $material-select-wrapper-input-dropdown-disabled-color;
+        border-bottom-color: $material-select-wrapper-input-dropdown-disabled-border-bottom-color;
+        cursor: default;
+      }
+    }
+  }
+  .select-dropdown {
+    @extend %user-select-none;
+  }
+  .search-wrap {
+    padding: $material-select-wrapper-search-wrap-py 0;
+    display: block;
+    margin: 0 $material-select-wrapper-search-wrap-mx;
+    .md-form {
+      margin-top: 0;
+      input {
+        padding-bottom: $material-select-wrapper-search-wrap-input-pb;
+        margin-bottom: 0;
+      }
+    }
+  }
+  span.caret {
+    color: initial;
+    position: absolute;
+    right: 0;
+    top: $material-select-wrapper-span-caret-top;
+    font-size: $material-select-wrapper-span-caret-font-size;
+    &.disabled {
+      color: $input-disabled-color;
+    }
+  }
+  & + label {
+    position: absolute;
+    top: $material-select-wrapper-span-caret-label-top;
+    font-size: $label-font-size;
+  }
+  i {
+    color: $material-select-wrapper-input-dropdown-disabled-color;
+  }
+  ul {
+    list-style-type: none;
+    padding-left: 0;
+  }
+}
+
+select {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  display: none !important;
+  &.browser-default {
+    display: block !important;
+  }
+  &:disabled {
+    color: $material-select-wrapper-input-dropdown-disabled-color;
+  }
+}
+
+.select-dropdown {
+  [type=checkbox]:disabled:not(:checked)+label:before {
+    margin-left: 0;
+    margin-top: 0;
+  }
+  ul {
+    list-style-type: none;
+    padding: 0;
+  }
+  li {
+    img {
+      height: $dropdown-item-height - 10;
+      width: $dropdown-item-height - 10;
+      margin: $material-select-dropdown-li-img-my $material-select-dropdown-li-img-mx;
+      float: right;
+    }
+    &.disabled, &.disabled > span, &.optgroup {
+      color: $material-select-wrapper-input-dropdown-disabled-color;
+      background-color: transparent!important;
+      cursor: context-menu;
+    }
+    &.optgroup {
+      border-top: 1px solid $dropdown-hover-bg-color;
+      &.selected > span {
+        color: $material-select-dropdown-li-optgroup-selected-span;
+      }
+      & > span {
+        color: $material-select-dropdown-li-optgroup-span;
+      }
+    }
+  }
+}
+
+.multiple-select-dropdown li [type="checkbox"] + label {
+  height: $material-select-multiple-select-dropdown-height;
+}
+
+.dropdown-content {
+  @extend .z-depth-1;
+  background-color: $dropdown-bg-color;
+  margin: 0;
+  display: none;
+  min-width: $material-select-dropdown-content-min-width;
+  max-height: $material-select-dropdown-content-max-height;
+  overflow-y: auto;
+  opacity: 0;
+  position: absolute;
+  z-index: 999;
+  will-change: width, height;
+  li {
+    clear: both;
+    color: $material-select-dropdown-content-li-color;
+    cursor: pointer;
+    line-height: $material-select-dropdown-content-li-line-height;
+    width: 100%;
+    text-align: left;
+    text-transform: none;
+    &:hover,
+    &.active {
+      background-color: $dropdown-hover-bg-color;
+    }
+    & > a,
+    & > span {
+      font-size: $material-select-dropdown-content-li-span-font-size;
+      color: $dropdown-color;
+      display: block;
+      padding: $material-select-dropdown-content-li-span-padding;
+    }
+    // Icon alignment override
+    & > a > i {
+      height: inherit;
+      line-height: inherit;
+    }
+  }
+}
+
+// Material select color variations
+.colorful-select {
+  .dropdown-content {
+    padding: $material-select-colorful-dropdown-content-padding;
+    li {
+      &.active span {
+        color: $material-select-colorful-dropdown-content-li-active-color !important;
+        @extend .z-depth-1-half;
+        [type="checkbox"]:checked + label:before {
+          border-color: transparent $white $white transparent;
+        }
+      }
+      a:hover, span:hover {
+        @extend .z-depth-2;
+        color: $material-select-colorful-dropdown-content-li-active-color !important;
+        transition: $material-select-colorful-dropdown-content-li-hover-transition;
+        border-radius: $material-select-colorful-dropdown-content-li-hover-border-radius;
+        [type="checkbox"] + label:before {
+          border-color: $white;
+        }
+        [type="checkbox"]:checked + label:before {
+          border-color: transparent $white $white transparent;
+        }
+      }
+      optgroup {
+      }
+      &.disabled,
+      &:disabled,
+      &.optgroup {
+        &.active span {
+          @extend .z-depth-0;
+          color: $material-select-wrapper-input-dropdown-disabled-color !important;
+          border-bottom-color: $material-select-wrapper-input-dropdown-disabled-color;
+          cursor: default;
+        }
+        a:hover, span:hover {
+          @extend .z-depth-0;
+          color: $material-select-wrapper-input-dropdown-disabled-color !important;
+          border-bottom-color: $material-select-wrapper-input-dropdown-disabled-color;
+          cursor: default;
+          background-color: $white !important;
+        }
+        label {
+          cursor: default;
+        }
+      }
+    }
+  }
+}
+
+@each $type, $color in $dropdown-colors {
+  .dropdown-#{$type} {
+    .dropdown-content li {
+      &.active, a, span:hover {
+        background-color: $color !important;
+      }
+    }
+    .search-wrap input:focus {
+      border-bottom: 1px solid $color;
+      box-shadow: 0 1px 0 0 $color;
+    }
+  }
+}
\ No newline at end of file
diff --git a/scss/pro/_msc.scss b/scss/pro/_msc.scss
new file mode 100644
index 0000000..81fccc2
--- /dev/null
+++ b/scss/pro/_msc.scss
@@ -0,0 +1,90 @@
+// Miscellenous
+// Advanced tables
+.table {
+  a {
+    margin-left: 1rem;
+  }
+  fieldset {
+    margin-bottom: 0;
+    label {
+      height: 8px;
+    }
+  }
+}
+
+// Product table
+.product-table {
+  img {
+    max-height: $product-table-img-max-height;
+    min-width: $product-table-img-min-width;
+  }
+  td {
+    vertical-align: middle;
+  }
+}
+
+// hide default radio / checkbox
+%hide-radio-checkbox {
+  position: absolute;
+  left: -9999px;
+  visibility: hidden;
+}
+
+%base-radio-checkbox-label {
+  position: relative;
+  padding-left: 35px;
+  cursor: pointer;
+  display: inline-block;
+  height: 25px;
+  line-height: 25px;
+  font-size: 1rem;
+}
+
+.streak {
+  display: block;
+  position: relative;
+  overflow: hidden;
+  height: 250px;
+  &.streak-md {
+    height: 400px;
+    @media (max-width: 736px) {
+      height: 300px;
+    }
+  }
+  &.streak-lg {
+    height: 650px;
+    @media (max-width: 450px) {
+      height: 900px;
+    }
+  }
+  &.streak-long {
+    height: 200px;
+    @media (max-width: 450px) {
+      height: 620px;
+    }
+  }
+  &.streak-long-2 {
+    height: 400px;
+    @media (max-width: 450px) {
+      height: 700px;
+    }
+  }
+  &.streak-photo {
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    @media (min-width: 1366px) {
+      background-attachment: fixed;
+    }
+  }
+  &.no-flex {
+    padding-top: 3.125rem;
+    padding-bottom: 3.125rem;
+    height: auto;
+  }
+}
+
+// Gradients Premium
+@each $name, $val in $gradients-premium {
+  @include make-gradient($name, $val);
+}
diff --git a/scss/pro/_navbars.scss b/scss/pro/_navbars.scss
new file mode 100644
index 0000000..aa07c22
--- /dev/null
+++ b/scss/pro/_navbars.scss
@@ -0,0 +1,64 @@
+// Navbars pro
+.navbar {
+  .nav-item {
+    &.avatar {
+      padding: 0;
+      &.active {
+        background-color: transparent!important;
+      }
+      .dropdown-toggle {
+        padding: 0;
+        img {
+          height: $navbar-avatar-height;
+        }
+        &:after {
+          display: none;
+        }
+      }
+    }
+  }
+}
+
+.double-nav {
+  // z-index: 100;
+  color: $white;
+  @media (max-width: $medium-screen) {
+    padding-top: $navbar-double-small-padding;
+    padding-bottom: $navbar-double-small-padding;
+  }
+  .container {
+    @media (max-width: 768px) {
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
+  a {
+    font-size: $navbar-double-font-size;
+    color: $white;
+  }
+  .breadcrumb-dn {
+    p {
+      margin: 0;
+      padding-top: 0;
+      padding-left: $navbar-breadcrumb-dn-padding;
+    }
+    @media (max-width: 993px) {
+      display: none;
+    }
+  }
+  .button-collapse {
+    position: absolute;
+    left: $navbar-button-collapse-left;
+    font-size: $navbar-button-collapse-font-size;
+    @media (min-width: $sidenav-breakpoint) {
+      display: none;
+    }
+    @media (max-width: $sidenav-breakpoint) {
+      display: block;
+      position: relative;
+      font-size: $navbar-button-collapse-fs-sm;
+      margin-right: $navbar-button-collapse-mx;
+      margin-left: $navbar-button-collapse-mx;
+    }
+  }
+}
diff --git a/scss/pro/_parallax.scss b/scss/pro/_parallax.scss
new file mode 100644
index 0000000..c323abd
--- /dev/null
+++ b/scss/pro/_parallax.scss
@@ -0,0 +1 @@
+// Just Another Parallax
diff --git a/scss/pro/_progress.scss b/scss/pro/_progress.scss
new file mode 100644
index 0000000..e2b8c46
--- /dev/null
+++ b/scss/pro/_progress.scss
@@ -0,0 +1,435 @@
+// Progress
+.progress {
+  box-shadow: none;
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 4px;
+  overflow: hidden;
+  margin-bottom: 1rem;
+  background-color: #eee;
+  .progress-bar {
+    box-shadow: none;
+    height: 4px;
+    border-radius: 0;
+    background-color: $primary-color-dark;
+  }
+  .progress-bar-animated {
+    transition: width 2s ease-in-out;
+  }
+  .indeterminate {
+    background-color: #90caf9;
+    &:before {
+      content: "";
+      position: absolute;
+      background-color: inherit;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      will-change: left, right;
+      // Custom bezier
+      animation: indeterminate 2.1s cubic-bezier(0.650, 0.815, 0.735, 0.395) infinite;
+    }
+    &:after {
+      content: "";
+      position: absolute;
+      background-color: inherit;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      will-change: left, right;
+      // Custom bezier
+      animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite;
+      animation-delay: 1.15s;
+    }
+  }
+  @include keyframes(indeterminate) {
+    0% {
+      left: -35%;
+      right: 100%;
+    }
+    60% {
+      left: 100%;
+      right: -90%;
+    }
+    100% {
+      left: 100%;
+      right: -90%;
+    }
+  }
+  @include keyframes(indeterminate-short) {
+    0% {
+      left: -200%;
+      right: 100%;
+    }
+    60% {
+      left: 107%;
+      right: -8%;
+    }
+    100% {
+      left: 107%;
+      right: -8%;
+    }
+  }
+}
+
+
+/*********************
+  CIRCLE
+**********************/
+
+
+/*
+    @license
+    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+    Code distributed by Google as part of the polymer project is also
+    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+ */
+
+
+/**************************/
+
+
+/* STYLES FOR THE SPINNER */
+
+
+/**************************/
+
+
+/*
+ * Constants:
+ *      STROKEWIDTH = 3px
+ *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
+ *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
+ *      ARCSTARTROT = 216 degrees (how much the start location of the arc
+ *                                should rotate each time, 216 gives us a
+ *                                5 pointed star shape (it's 360/5 * 3).
+ *                                For a 7 pointed star, we might do
+ *                                360/7 * 3 = 154.286)
+ *      CONTAINERWIDTH = 28px
+ *      SHRINK_TIME = 400ms
+ */
+
+.preloader-wrapper {
+  display: inline-block;
+  position: relative;
+  width: 48px;
+  height: 48px;
+  font-size: 0;
+  &.small {
+    width: 36px;
+    height: 36px;
+  }
+  &.big {
+    width: 64px;
+    height: 64px;
+  }
+  &.active {
+    /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
+    animation: container-rotate 1568ms linear infinite;
+  }
+  &.crazy{
+    animation-duration: 333ms;
+  }
+  .spinner-layer {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    /**
+         * Patch the gap that appear between the two adjacent div.circle-clipper while the
+         * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
+         */
+    .gap-patch {
+      position: absolute;
+      top: 0;
+      left: 45%;
+      width: 10%;
+      height: 100%;
+      overflow: hidden;
+      border-color: inherit;
+      .circle {
+        width: 1000%;
+        left: -450%;
+      }
+    }
+
+    .circle-clipper {
+      display: inline-block;
+      position: relative;
+      width: 50%;
+      height: 100%;
+      overflow: hidden;
+      border-color: inherit;
+      .circle {
+        width: 200%;
+        height: 100%;
+        border-width: 3px;
+        /* STROKEWIDTH */
+        border-style: solid;
+        border-color: inherit;
+        border-bottom-color: transparent !important;
+        border-radius: 50%;
+        animation: none;
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+      }
+      &.left .circle {
+        left: 0;
+        border-right-color: transparent !important;
+        transform: rotate(129deg);
+      }
+      &.right .circle {
+        left: -100%;
+        border-left-color: transparent !important;
+        transform: rotate(-129deg);
+      }
+    }
+
+  }
+  .spinner-blue,
+  .spinner-blue-only {
+    border-color: #4285f4;
+  }
+
+  .spinner-red,
+  .spinner-red-only {
+    border-color: #db4437;
+  }
+
+  .spinner-yellow,
+  .spinner-yellow-only {
+    border-color: #f4b400;
+  }
+
+  .spinner-green,
+  .spinner-green-only {
+    border-color: #0f9d58;
+  }
+}
+
+@keyframes container-rotate {
+  to {
+    transform: rotate(360deg)
+  }
+}
+
+
+/**
+ * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
+ *
+ * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
+ * guarantee that the animation will start _exactly_ after that value. So we avoid using
+ * animation-delay and instead set custom keyframes for each color (as redundant as it
+ * seems).
+ *
+ * We write out each animation in full (instead of separating animation-name,
+ * animation-duration, etc.) because under the polyfill, Safari does not recognize those
+ * specific properties properly, treats them as -webkit-animation, and overrides the
+ * other animation rules. See https://github.com/Polymer/platform/issues/53.
+ */
+
+.active {
+  .spinner-layer {
+    &.spinner-blue {
+      /* durations: 4 * ARCTIME */
+      animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+    }
+    &.spinner-red {
+      /* durations: 4 * ARCTIME */
+      animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+    }
+    &.spinner-yellow {
+      /* durations: 4 * ARCTIME */
+      animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+    }
+    &.spinner-green {
+      /* durations: 4 * ARCTIME */
+      animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+    }
+    &.spinner-blue-only,
+    &.spinner-red-only,
+    &.spinner-yellow-only,
+    &.spinner-green-only,
+    &.spinner-primary-color-only {
+      /* durations: 4 * ARCTIME */
+      opacity: 1;
+      animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+    }
+  }
+  .circle-clipper.left .circle {
+    /* duration: ARCTIME */
+    animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+  }
+  .circle-clipper.right .circle {
+    /* duration: ARCTIME */
+    animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
+  }
+}
+
+@keyframes fill-unfill-rotate {
+  12.5% {
+    transform: rotate(135deg);
+  }
+  /* 0.5 * ARCSIZE */
+  25% {
+    transform: rotate(270deg);
+  }
+  /* 1   * ARCSIZE */
+  37.5% {
+    transform: rotate(405deg);
+  }
+  /* 1.5 * ARCSIZE */
+  50% {
+    transform: rotate(540deg);
+  }
+  /* 2   * ARCSIZE */
+  62.5% {
+    transform: rotate(675deg);
+  }
+  /* 2.5 * ARCSIZE */
+  75% {
+    transform: rotate(810deg);
+  }
+  /* 3   * ARCSIZE */
+  87.5% {
+    transform: rotate(945deg);
+  }
+  /* 3.5 * ARCSIZE */
+  to {
+    transform: rotate(1080deg);
+  }
+  /* 4   * ARCSIZE */
+}
+
+@keyframes blue-fade-in-out {
+  from {
+    opacity: 1;
+  }
+  25% {
+    opacity: 1;
+  }
+  26% {
+    opacity: 0;
+  }
+  89% {
+    opacity: 0;
+  }
+  90% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes red-fade-in-out {
+  from {
+    opacity: 0;
+  }
+  15% {
+    opacity: 0;
+  }
+  25% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 1;
+  }
+  51% {
+    opacity: 0;
+  }
+}
+
+@keyframes yellow-fade-in-out {
+  from {
+    opacity: 0;
+  }
+  40% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+  75% {
+    opacity: 1;
+  }
+  76% {
+    opacity: 0;
+  }
+}
+
+@keyframes green-fade-in-out {
+  from {
+    opacity: 0;
+  }
+  65% {
+    opacity: 0;
+  }
+  75% {
+    opacity: 1;
+  }
+  90% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes left-spin {
+  from {
+    transform: rotate(130deg);
+  }
+  50% {
+    transform: rotate(-5deg);
+  }
+  to {
+    transform: rotate(130deg);
+  }
+}
+
+@keyframes right-spin {
+  from {
+    transform: rotate(-130deg);
+  }
+  50% {
+    transform: rotate(5deg);
+  }
+  to {
+    transform: rotate(-130deg);
+  }
+}
+
+#spinnerContainer.cooldown {
+  /* duration: SHRINK_TIME */
+  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
+}
+
+@keyframes fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+#mdb-preloader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #000;
+  /* change if the mask should have another color then white */
+  z-index: 9998;
+  /* makes sure it stays on top */
+  height: 100%;
+  width: 100%;
+}
diff --git a/scss/pro/_radio.scss b/scss/pro/_radio.scss
new file mode 100644
index 0000000..0158cc9
--- /dev/null
+++ b/scss/pro/_radio.scss
@@ -0,0 +1,84 @@
+// Radio buttons
+[type="radio"] {
+  @extend %hide-radio-checkbox;
+  + label {
+    @extend %base-radio-checkbox-label;
+    transition: .28s ease;
+    &:before, &:after {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: 0;
+      margin: 4px;
+      width: 16px;
+      height: 16px;
+      z-index: 0;
+      border-radius: 50%;
+      border-style: solid;
+      border-width: 2px;
+      transition: .28s ease;
+    }
+  }
+
+  &:not(:checked) {
+    + label:before, + label:after {
+      border-color: $radio-empty-color;
+    }
+    + label:after {
+      z-index: -1;
+      transform: scale(0);
+    }
+  }
+
+  &:checked {
+    + label:before {
+      border-color: transparent;
+    }
+    + label:after {
+      border-color: $radio-fill-color;
+      background-color: $radio-fill-color;
+      z-index: 0;
+      transform: scale(1.02);
+    }
+  }
+
+  &:disabled {
+
+    + label {
+      color: $input-disabled-color;
+      &:before {
+        background-color: transparent;
+        border-color: $input-disabled-color;
+      }
+    }
+
+    &:not(:checked) + label:before {
+      border-color: $input-disabled-color;
+    }
+
+    &:checked + label:after {
+      background-color: $input-disabled-color;
+      border-color: $input-disabled-solid-color;
+    }
+
+  }
+
+  &.with-gap {
+
+    &:checked {
+      + label:before {
+        border-color: $radio-fill-color;
+      }
+      + label:after {
+        transform: scale(.5);
+      }
+      &:disabled {
+        + label:before {
+          border-color: $input-disabled-color;
+        }
+      }
+    }
+
+  }
+
+}
diff --git a/scss/pro/_range.scss b/scss/pro/_range.scss
new file mode 100644
index 0000000..3fa1005
--- /dev/null
+++ b/scss/pro/_range.scss
@@ -0,0 +1,116 @@
+// Range input
+.range-field {
+  position: relative;
+}
+input[type=range] {
+  cursor: pointer;
+  position: relative;
+  background-color: transparent;
+  border: none;
+  outline: none;
+  width: 100%;
+  margin: $input-range-my $input-range-mx;
+  padding: 0;
+  &:focus {
+    outline: none;
+  }
+  + .thumb {
+    position: absolute;
+    border: none;
+    height: 0;
+    width: 0;
+    border-radius: $border-radius-circle;
+    background-color: $primary-color;
+    top: $input-range-thumb-top;
+    margin-left: $input-range-thumb-margin-left;
+    transform-origin: $input-range-transform-origin;
+    transform: $input-range-transform;
+    .value {
+      display: block;
+      width: $input-range-thumb-value-width;
+      text-align: center;
+      color: $primary-color;
+      font-size: 0;
+      transform: $input-range-thumb-value-transform;
+    }
+    &.active {
+      border-radius: $border-radius-circle $border-radius-circle $border-radius-circle 0;
+      .value {
+        color: $white;
+        margin-left: $input-range-active-value-ml;
+        margin-top: $input-range-active-value-mt;
+        font-size: $input-range-active-value-font-size;
+      }
+    }
+  }
+  // Webkit
+  appearance: none;
+  &::-webkit-slider-runnable-track {
+    height: $slider-runnable-track-height;
+    background: $slider-runnable-track-bg;
+    border: none;
+  }
+  &::-webkit-slider-thumb {
+    appearance: none;
+    border: none;
+    height: $slider-thumb-height;
+    width: $slider-thumb-width;
+    border-radius: $border-radius-circle;
+    background-color: $primary-color;
+    transform-origin: $input-range-transform-origin;
+    margin: $slider-thumb-mt 0 0 0;
+    transition: $slider-thumb-transition;
+  }
+  &:focus::-webkit-slider-runnable-track {
+    background: $slider-runnable-track-focus-bg;
+  }
+  // Firefox
+  border: 1px solid $white; /* fix for FF unable to apply focus style bug  */
+  &::-moz-range-track { /*required for proper track sizing in FF*/
+    height: $slider-runnable-track-height;
+    background: $slider-runnable-track-bg;
+    border: none;
+  }
+  &::-moz-range-thumb {
+    border: none;
+    height: $slider-thumb-height;
+    width: $slider-thumb-width;
+    border-radius: $border-radius-circle;
+    background: $primary-color;
+    margin-top: $slider-thumb-mt;
+  }
+  &:-moz-focusring { /*hide the outline behind the border*/
+    outline: 1px solid $white;
+    outline-offset: -1px;
+  }
+  &:focus::-moz-range-track {
+    background: $slider-runnable-track-bg;
+  }
+  // IE 10+
+  &::-ms-track {
+    height: $slider-runnable-track-height;
+    background: transparent; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
+    border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */
+    border-width: $slider-border-width 0;
+    color: transparent; /*remove default tick marks*/
+  }
+  &::-ms-fill-lower {
+    background: $slider-runnable-track-bg;
+  }
+  &::-ms-fill-upper {
+    background: $slider-runnable-track-bg;
+  }
+  &::-ms-thumb {
+    border: none;
+    height: $slider-thumb-height;
+    width: $slider-thumb-width;
+    border-radius: $border-radius-circle;
+    background: $primary-color;
+  }
+  &:focus::-ms-fill-lower {
+    background: $slider-runnable-track-bg;
+  }
+  &:focus::-ms-fill-upper {
+    background: $slider-runnable-track-bg;
+  }
+}
diff --git a/scss/pro/_scrollbar.scss b/scss/pro/_scrollbar.scss
new file mode 100644
index 0000000..e1d19fe
--- /dev/null
+++ b/scss/pro/_scrollbar.scss
@@ -0,0 +1,132 @@
+// Scroll bar
+.ps {
+  touch-action: auto;
+  overflow: hidden !important;
+  &.ps--active-x > .ps__scrollbar-x-rail,
+  &.ps--active-y > .ps__scrollbar-y-rail {
+    display: block;
+    background-color: transparent;
+  }
+  &.ps--active-y > .ps__scrollbar-y-rail {
+    top:0 !important;
+  }
+  &.ps--in-scrolling.ps--x {
+    > .ps__scrollbar-x-rail {
+      background-color: #eee;
+      opacity: 0.9;
+      > .ps__scrollbar-x {
+        background-color: #999;
+        height: 11px;
+      }
+
+    }
+  }
+  > .ps__scrollbar-x-rail {
+    display: none;
+    position: absolute;
+    /* please don't change 'position' */
+    opacity: 0;
+    transition: background-color .2s linear, opacity .2s linear;
+    bottom: 0px;
+    /* there must be 'bottom' for ps__scrollbar-x-rail */
+    height: 15px;
+    > .ps__scrollbar-x {
+      position: absolute;
+      /* please don't change 'position' */
+      background-color: #aaa;
+      border-radius: 6px;
+      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
+      bottom: 2px;
+      /* there must be 'bottom' for ps__scrollbar-x */
+      height: 6px;
+
+    }
+    &:hover > .ps__scrollbar-x,
+    > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
+      height: 11px;
+    }
+  }
+  &.ps--in-scrolling.ps--y {
+    > .ps__scrollbar-y-rail {
+      background-color: #eee;
+      opacity: 0.9;
+      > .ps__scrollbar-y {
+        background-color: #999;
+        width: 11px;
+      }
+    }
+  }
+  > .ps__scrollbar-y-rail {
+    display: none;
+    position: absolute;
+    /* please don't change 'position' */
+    opacity: 0;
+    transition: background-color .2s linear, opacity .2s linear;
+    right: 0;
+    /* there must be 'right' for ps__scrollbar-y-rail */
+    width: 15px;
+    z-index: 999;
+    > .ps__scrollbar-y {
+      position: absolute;
+      /* please don't change 'position' */
+      background-color: #aaa;
+      border-radius: 6px;
+      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
+      right: 2px;
+      /* there must be 'right' for ps__scrollbar-y */
+      width: 6px;
+    }
+    &:hover > .ps__scrollbar-y,
+    > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
+      width: 11px;
+    }
+  }
+  &:hover.ps--in-scrolling.ps--x {
+    > .ps__scrollbar-x-rail {
+      background-color: #eee;
+      opacity: 0.9;
+      > .ps__scrollbar-x {
+        background-color: #999;
+        height: 11px;
+      }
+    }
+  }
+  &:hover.ps--in-scrolling.ps--y {
+    > .ps__scrollbar-y-rail {
+      background-color: #eee;
+      opacity: 0.9;
+      > .ps__scrollbar-y {
+        background-color: #999;
+        width: 11px;
+      }
+    }
+  }
+  &:hover > .ps__scrollbar-x-rail,
+  &:hover > .ps__scrollbar-y-rail {
+    opacity: 0.6;
+  }
+  &:hover {
+    > .ps__scrollbar-x-rail{
+      &:hover {
+        background-color: #eee;
+        opacity: 0.9;
+        > .ps__scrollbar-x {
+          background-color: #999;
+        }
+      }
+    }
+  }
+
+  &:hover {
+    > .ps__scrollbar-y-rail {
+      &:hover {
+        background-color: #eee;
+        opacity: 0.9;
+        > .ps__scrollbar-y {
+          background-color: #999;
+        }
+      }
+    }
+  }
+
+}
diff --git a/scss/pro/_scrollspy.scss b/scss/pro/_scrollspy.scss
new file mode 100644
index 0000000..ccbe144
--- /dev/null
+++ b/scss/pro/_scrollspy.scss
@@ -0,0 +1,115 @@
+// Scrollspy
+.nav-pills {
+  &.default-pills {
+    .nav-item {
+      a {
+        text-align:left;
+        color: #666;
+        border-radius:0;
+        &:hover {
+          background-color: transparent;
+          color: map-get($mdb-color, "base");
+          font-weight: 500;
+          border-left: 1px solid map-get($mdb-color, "base");
+        }
+        &.active {
+          background-color: transparent;
+          color: map-get($mdb-color, "base");
+          border-left: 2px solid map-get($mdb-color, "base");
+          font-weight: 500;
+          box-shadow:none;
+          &:hover,
+          &:active,
+          &:focus {
+            background-color: transparent;
+            color: map-get($mdb-color, "base");
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
+}
+
+.nav-pills .nav-item+.nav-item {
+  margin-left: 0;
+}
+
+@media only screen and (max-width: 991px) {
+  .sticky,
+  .sticky-placeholder {
+    display: none;
+  }
+}
+
+#scrollspy {
+  width: 100%;
+}
+@media only screen and (max-width: $medium-screen) {
+  .col-md-4 .sticky, .col-lg-4 .sticky, .col-xl-4 .sticky {
+    width: 200px;
+  }
+}
+
+@media only screen and (min-width: $medium-screen) {
+  .col-md-4 .sticky  .col-lg-4 .sticky, .col-xl-4 .sticky {
+    width: 400px;
+  }
+}
+
+
+@media only screen and (min-width: $large-screen) {
+  .col-md-4 .sticky {
+    width: 300px;
+  }
+}
+
+@media only screen and (min-width: $sidenav-breakpoint) {
+  .col-md-4 .sticky {
+    width: 350px;
+  }
+}
+
+// Dotted scrollspy
+
+.dotted-scrollspy {
+  display:block;
+  position: fixed;
+  top:50%;
+  right:0;
+  transform: translateY(-50%);
+  background: rgba(0,0,0,.55);
+  border-radius:2px 0 0 2px;
+  li {
+    display:block;
+    padding:0 16px;
+    &:first-child {
+      padding-top:10px;
+    }
+    &:last-child {
+      padding-bottom: 10px;
+    }
+    a {
+      padding:0.5rem;
+      span {
+        display:block;
+        background-color:rgba(255,255,255,.54);
+        width:8px;
+        height:8px;
+        border-radius:50%;
+      }
+      &.active {
+        span {
+          background:#fff;
+        }
+      }
+    }
+  }
+}
+
+.scrollspy-example {
+  overflow-y: scroll;
+  position: relative;
+  height: 200px;
+  padding: 1rem;
+}
diff --git a/scss/pro/_sidenav.scss b/scss/pro/_sidenav.scss
new file mode 100644
index 0000000..52bb52b
--- /dev/null
+++ b/scss/pro/_sidenav.scss
@@ -0,0 +1,330 @@
+// SIDENAV
+.side-nav {
+  position: fixed;
+  width: $sidenav-width;
+  left: 0;
+  top: 0;
+  margin: 0;
+  transform: translateX(-100%);
+  height: 100%;
+  padding-bottom: $sidenav-padding-bottom;
+  background-color: $sidenav-background-color;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  z-index: 1040;
+  backface-visibility: hidden;
+  overflow: hidden;
+  will-change: transform;
+  backface-visibility: hidden;
+  list-style-type: none;
+  padding: 0;
+  @extend .white-text;
+  @extend .z-depth-1;
+  >ul {
+    max-height: 100vh;
+  }
+  ul {
+    list-style-type: none;
+    list-style: none;
+    padding-left: 0;
+    li {
+      padding: 0;
+    }
+  }
+  &.right-aligned {
+    right: 0;
+    left: auto;
+    transform: translateX(100%);
+  } 
+  // Light version
+  &.side-nav-light {
+    background-color: $sidenav-light-bgc;
+    .logo-wrapper {
+      border-bottom: 1px solid $sidenav-light-border-bottom-color;
+      &.sn-ad-avatar-wrapper {
+        color: $sidenav-light-color;
+      }
+    }
+    .about {
+      border-bottom: 1px solid $sidenav-light-border-bottom-color;
+      p {
+        color: $sidenav-light-color;
+      }
+    }
+    .social {
+      border-bottom: 1px solid $sidenav-light-border-bottom-color;
+      .fa {
+        color: $sidenav-light-color;
+      }
+    }
+    .search-form {
+      input[type=text] {
+        border-bottom-color: $sidenav-light-border-bottom-color;
+        color: $sidenav-light-color !important;
+        @include placeholder {
+          color: $sidenav-light-color !important;
+        }
+      }
+    }
+    .collapsible {
+      a {
+        color: $sidenav-light-color;
+      }
+    }
+    .collapsible-body {
+      a {
+        background-color: $sidenav-light-collapsible-body-a-bgc;
+      }
+    }
+    .collapsible li .collapsible-header {
+      &:hover {
+        background-color: $sidenav-light-collapsible-header-hover-bgc;
+      }
+      &.active {
+        color: $sidenav-light-collapsible-header-active-color;
+        background-color: transparent;
+      }
+    }
+  } 
+  // Fixed side-nav shown
+  &.fixed {
+    left: 0;
+    transform: translateX(0);
+    position: fixed; // Right Align
+    &.right-aligned {
+      right: 0;
+      left: auto;
+    }
+  } 
+  // Fixed sideNav hide on smaller
+  @media #{$hide-sidenav} {
+    &.fixed {
+      transform: translateX(-105%);
+      &.right-aligned {
+        transform: translateX(105%);
+      }
+    }
+  } 
+  // Collapsible menu
+  .collapsible {
+    margin: 0;
+    padding: 0;
+    margin-top: $sidenav-collapsible-mt;
+    li {
+      a {
+        &:hover {
+          background-color: $collapsible-hover-bgc;
+        }
+      }
+    }
+    >li {
+      border-radius: $collapsible-li-border-radius;
+      a.collapsible-header {
+        &:hover {
+          background-color: $collapsible-header-hover-bgc;
+        }
+        &.active {
+          background-color: $collapsible-header-active-bgc;
+        }
+      }
+    }
+    ul {
+      padding: 0;
+      list-style-type: none;
+    }
+    a {
+      color: $white;
+      font-weight: 300;
+      font-size: $sidenav-collapsible-a-font-size;
+      height: $sidenav-collapsible-a-height;
+      line-height: $sidenav-collapsible-a-line-height;
+      &.active,
+      &:hover {
+        border-radius: $collapsible-li-border-radius;
+      }
+    }
+    .fa {
+      font-size: $sidenav-collapsible-a-font-size;
+      margin-right: $sidenav-fa-margin-right;
+    }
+  }
+  .collapsible-body a {
+    padding-left: $sidenav-collapsible-body-a-pl;
+    height: $sidenav-collapsible-a-height;
+    line-height: $sidenav-collapsible-a-height;
+    background-color: $sidenav-collapsible-body-a-bgc;
+  }
+  a {
+    display: block;
+    font-size: $sidenav-a-font-size;
+    height: $sidenav-a-height;
+    line-height: $sidenav-a-line-height;
+    padding-left: $sidenav-padding-left;
+  }
+  // Manu icon
+  .fa-angle-down {
+    &.rotate-icon {
+      position: absolute;
+      right: 0;
+      top: $sidenav-rotate-icon-top;
+      margin-right: $sidenav-rotate-icon-mr;
+    }
+  } 
+  // Mask and image
+  .sidenav-bg {
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: $sidenav-bg-width;
+    z-index: -1;
+    background-attachment: fixed;
+    &:after {
+      width: 100%;
+      display: block;
+      content: "";
+      position: absolute;
+      height: 100%;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      z-index: -1;
+      margin-bottom: -99999px;
+      padding-bottom: 99999px;
+    }
+  } 
+  // SideNav logo
+  .logo-wrapper {
+    border-bottom: 1px solid $sidenav-logo-wrapper-border-bottom-color;
+    height: $sidenav-logo-wrapper-height;
+    a {
+      height: $sidenav-logo-wrapper-height;
+      width: $sidenav-logo-wrapper-width;
+      padding: 0;
+    }
+    img {
+      padding-left: $sidenav-logo-wrapper-img-px;
+      padding-right: $sidenav-logo-wrapper-img-px;
+      padding-top: $sidenav-logo-wrapper-img-py;
+      padding-bottom: $sidenav-logo-wrapper-img-py;
+      height: auto;
+    }
+    @media (max-height: $medium-screen) {
+      height: $sidenav-logo-wrapper-medium-img-height;
+      a {
+        height: $sidenav-logo-wrapper-medium-img-height;
+      }
+      img {
+        padding-top: $sidenav-logo-wrapper-medium-img-py;
+        padding-bottom: $sidenav-logo-wrapper-medium-img-py;
+      }
+    }
+    &.sn-avatar-wrapper {
+      padding-left: $sidenav-sn-avatar-wrapper-px;
+      padding-right: $sidenav-sn-avatar-wrapper-px;
+      padding-top: $sidenav-sn-avatar-wrapper-py;
+      padding-bottom: $sidenav-sn-avatar-wrapper-py;
+      img {
+        @extend .z-depth-1;
+        margin: 0;
+        padding: 0;
+        max-width: $sidenav-sn-avatar-wrapper-max-width;
+      }
+      @media only screen and (max-height: $medium-screen) {
+        padding-left: $sidenav-sn-avatar-wrapper-medium-px;
+        padding-right: $sidenav-sn-avatar-wrapper-medium-px;
+        img {
+          max-width: $sidenav-sn-avatar-wrapper-medium-max-width;
+        }
+      }
+    }
+    &.sn-ad-avatar-wrapper {
+      height: auto;
+      margin-bottom: 0;
+      img {
+        max-width: $sidenav-ad-avatar-wrapper-img-max-width;
+        padding: $sidenav-ad-avatar-wrapper-img-padding;
+        float: left;
+      }
+      p {
+        font-size: $sidenav-ad-avatar-wrapper-p-font-size;
+        padding-top: $sidenav-ad-avatar-wrapper-p-padding;
+        padding-bottom: $sidenav-ad-avatar-wrapper-p-padding;
+        margin: 0;
+      }
+    }
+  } 
+  // About
+  .about {
+    padding: $sidenav-about-padding;
+    border-bottom: 1px solid $sidenav-logo-wrapper-border-bottom-color;
+    p {
+      margin-bottom: 0;
+      text-align: center;
+    }
+  } 
+  // Social
+  .social {
+    padding-top: 0;
+    text-align: center;
+    border-bottom: 1px solid $sidenav-logo-wrapper-border-bottom-color;
+    li {
+      display: inline-block;
+      padding-top: $sidenav-social-li-padding;
+      padding-bottom: $sidenav-social-li-padding;
+      margin: 0;
+    }
+    a {
+      margin: 0;
+      padding: 0;
+    }
+    .fa {
+      font-size: $sidenav-social-fa-font-size;
+      padding-right: $sidenav-social-li-padding;
+      padding-left: $sidenav-social-li-padding;
+      color: $sidenav-social-fa-color;
+      transition: $sidenav-social-fa-transition;
+      &:hover {
+        color: $sidenav-social-fa-color-hover;
+        transition: $sidenav-social-fa-transition;
+      }
+    }
+  } 
+  // Search form
+  .search-form {
+    padding: 0;
+    input[type=text] {
+      border-bottom: 1px solid $sidenav-logo-wrapper-border-bottom-color;
+      font-weight: 300;
+      padding-left: $sidenav-search-form-input-padding-left;
+      @include placeholder {
+        @extend .white-text;
+      }
+    }
+    .form-control {
+      @extend .white-text;
+      margin-bottom: 0;
+    }
+  }
+}
+
+// Touch interaction
+.drag-target {
+  height: 100%;
+  width: $drag-target-width;
+  position: fixed;
+  top: 0;
+  z-index: 998;
+}
+
+#sidenav-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 120vh;
+  background-color: $sidenav-overlay;
+  z-index: 997;
+  will-change: opacity;
+}
\ No newline at end of file
diff --git a/scss/pro/_skins.scss b/scss/pro/_skins.scss
new file mode 100644
index 0000000..393e177
--- /dev/null
+++ b/scss/pro/_skins.scss
@@ -0,0 +1,230 @@
+// Sidenav background variants
+.sn-bg-1 {
+  background-image: url(https://mdbootstrap.com/img/Photos/Others/sidenav1.jpg);
+}
+
+.sn-bg-2 {
+  background-image: url(https://mdbootstrap.com/img/Photos/Others/sidenav2.jpg);
+}
+
+.sn-bg-3 {
+  background-image: url(https://mdbootstrap.com/img/Photos/Others/sidenav3.jpg);
+}
+
+.sn-bg-4 {
+  background-image: url(https://mdbootstrap.com/img/Photos/Others/sidenav4.jpg);
+}
+
+@each $skin, $data in $skins {
+  .#{$skin}-skin {
+    .gradient {
+      background: map-get($data, skin-gradient-start);
+      background: linear-gradient(135deg, map-get($data, skin-gradient-start) 0%, map-get($data, skin-gradient-end) 100%);
+    }
+    .primary-color {
+      background-color: map-get($data, skin-primary-color) !important;
+    }
+    .navbar {
+      background-color: map-get($data, skin-navbar);
+      color: map-get($data, skin-text);
+      .navbar-nav {
+        .nav-item {
+          .dropdown-menu a {
+            &:hover,
+            &:focus,
+            &:active {
+              background-color: darken( map-get($data, skin-accent), 5%);
+            }
+          }
+          @if $skin=="white" {
+            a {
+              color: map-get($data, skin-text);
+            }
+          }
+        }
+      }
+      &.double-nav {
+        a {
+          color: map-get($data, skin-text);
+        }
+      }
+    }
+    .page-footer {
+      background-color: map-get($data, skin-footer-color);
+    }
+    .side-nav {
+      background-color: map-get($data, skin-flat);
+      .logo-wrapper {
+        &>div {
+          background-color: transparent !important;
+        }
+      }
+      .sn-avatar-wrapper img {
+        border: 3px solid darken( map-get($data, skin-accent), 15%);
+      }
+      .social {
+        border-bottom: 1px solid $skins-border-color;
+        a {
+          @if $skin=="white" {
+            .fa {
+              color: map-get($data, skin-text);
+            }
+          }
+          &:hover {
+            .fa {
+              color: map-get($data, skin-accent) !important;
+              transition: $skins-side-nav-hover-transition;
+            }
+          }
+        }
+      }
+      @if $skin=="white" {
+        .search-form .md-form input {
+          color: map-get($data, skin-text) !important;
+          border-bottom: $skins-white-search-border-bottom;
+          @include placeholder {
+            color: rgba(map-get($data, skin-text), .5) !important;
+          }
+        }
+      }
+      .collapsible li {
+        background-color: transparent;
+        @if $skin=="white" {
+          a {
+            font-weight: 400;
+          }
+        }
+        .collapsible-header {
+          color: map-get($data, skin-text);
+          transition: $skins-side-nav-hover-transition;
+          &.active {
+            @if $skin=="white" {
+              color: map-get($data, skin-sidenav-item);
+              background-color: transparent;
+            }
+            @else {
+              background-color: map-get($data, skin-sidenav-item-hover);
+            }
+          }
+          &:hover {
+            background-color: map-get($data, skin-sidenav-item-hover);
+          }
+        }
+        .collapsible-body a {
+          color: map-get($data, skin-text);
+          &:hover {
+            color: map-get($data, skin-sn-child);
+          }
+        }
+      }
+      .fa {
+        color: map-get($data, skin-text);
+      }
+      .sidenav-bg {
+        &:after,
+        &.mask-strong:after,
+        {
+          background: map-get($data, skin-mask-strong);
+        }
+        &.mask-light:after {
+          background: map-get($data, skin-mask-light);
+        }
+        &.mask-slight:after {
+          background: map-get($data, skin-mask-slight);
+        }
+      }
+    }
+    @include make-button("primary", map-get($data, skin-btn-primary));
+    @include make-button("secondary", map-get($data, skin-btn-secondary));
+    @include make-button("default", map-get($data, skin-btn-default));
+    .card .btn-action {
+      background: map-get($data, skin-btn-default);
+      &:hover,
+      &:focus {
+        background-color: lighten( map-get($data, skin-btn-default), 5%)!important;
+      }
+      &.active {
+        background-color: darken( map-get($data, skin-btn-default), 20%)!important;
+      }
+    } 
+    // Custom inputs
+    input[type="email"]:focus:not([readonly]),
+    input[type="text"]:focus:not([readonly]),
+    input[type="password"]:focus:not([readonly]),
+    textarea.md-textarea:focus:not([readonly]) {
+      border-color: map-get($data, skin-accent);
+      box-shadow: 0 1px 0 0 map-get($data, skin-accent);
+      &+label {
+        color: map-get($data, skin-accent);
+      }
+    }
+    input[type=checkbox]:checked {
+      &+label {
+        &:before {
+          border-right: 2px solid map-get($data, skin-accent);
+          border-bottom: 2px solid map-get($data, skin-accent);
+        }
+      }
+    }
+    input[type=checkbox].filled-in:checked {
+      &+label {
+        &:before {
+          border-right: 2px solid $white;
+          border-bottom: 2px solid $white;
+        }
+        &:after {
+          background-color: map-get($data, skin-accent);
+          border-color: map-get($data, skin-accent);
+        }
+      }
+    }
+    .md-form {
+      .prefix {
+        &.active {
+          color: map-get($data, skin-accent);
+        }
+      }
+    }
+    // Select colors
+    .dropdown-content {
+      li:not(.disabled) {
+        span {
+          color: map-get($data, skin-accent);
+        }
+      }
+    }
+    .top-nav-collapse {
+      background-color: map-get($data, skin-navbar);
+    }
+    .carousel-multi-item {
+      .controls-top>a,
+      .carousel-indicators li,
+      .carousel-indicators li.active {
+        background-color: map-get($data, skin-accent);
+      }
+    } 
+    // Form-header, card-header
+    .form-header,
+    .card-header {
+      background-color: lighten( map-get($data, skin-accent), 2%);
+    }
+    .spinner-primary-color,
+    .spinner-primary-color-only {
+      border-color: map-get($data, skin-primary-color);
+    }
+    .pagination-primary-color {
+      .page-item.active .page-link,
+      .page-item.active .page-link:focus,
+      .page-item.active .page-link:hover {
+        color: $white;
+        background-color: map-get($data, skin-primary-color);
+      }
+      .page-link {
+        color: map-get($data, skin-primary-color);
+        &:focus {
+          box-shadow: none;
+        }
+      }
+    }
+  }
+}
diff --git a/scss/pro/_social-buttons.scss b/scss/pro/_social-buttons.scss
new file mode 100644
index 0000000..db59988
--- /dev/null
+++ b/scss/pro/_social-buttons.scss
@@ -0,0 +1,26 @@
+// Social buttons
+.counter {
+  @extend .z-depth-1;
+  position: absolute;
+  z-index: 2;
+  margin-top: $btn-counter-margin-top;
+  margin-left: $btn-counter-margin-left;
+  border-radius: $btn-counter-border-radius;
+  padding: $btn-counter-padding-y $btn-counter-padding-x;
+  background-color: $btn-counter-bgc;
+  font-size: $btn-counter-font-size;
+  color: $white;
+  &.counter-lg {
+    margin-top: $btn-lg-counter-margin-top;
+  }
+  &.counter-md {
+    margin-top: $btn-md-counter-margin-top;
+  }
+  &.counter-sm {
+    margin-top: $btn-sm-counter-margin-top;
+  }
+}
+
+@each $medium, $color in $social-colors {
+  @include make-button($medium, $color);
+}
diff --git a/scss/pro/_steppers.scss b/scss/pro/_steppers.scss
new file mode 100644
index 0000000..8be9b74
--- /dev/null
+++ b/scss/pro/_steppers.scss
@@ -0,0 +1,157 @@
+// Steppers
+.stepper {
+  li {
+    a {
+      padding: $stepper-li-a-padding;
+      font-size: $stepper-li-a-font-size;
+      text-align: center;
+      .circle {
+        display: inline-block;
+        color: $stepper-li-a-circle-color;
+        border-radius: $stepper-li-a-circle-border-radius;
+        background: $stepper-li-a-circle-bg;
+        width: $stepper-li-a-circle-width;
+        height: $stepper-li-a-circle-height;
+        text-align: center;
+        line-height: $stepper-li-a-circle-line-height;
+        margin-right: $stepper-li-a-circle-mr;
+      }
+      .label {
+        display: inline-block;
+        color: $stepper-li-a-circle-bg;
+      }
+    }
+    &.active,
+    &.completed {
+      a {
+        .circle {
+          @extend .primary-color;
+        }
+        .label {
+          font-weight: 600;
+          color: $stepper-li-a-label-color;
+        }
+      }
+    }
+    &.warning {
+      a {
+        .circle {
+          @extend .danger-color;
+        }
+      }
+    }
+  }
+}
+
+// Horizontal
+.stepper-horizontal {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  li {
+    transition: $stepper-horizontal-li-transition;
+    display: flex;
+    align-items: center;
+    flex: 1;
+    position: relative;
+    a {
+      .label {
+        margin-top: $stepper-horizontal-li-a-label-mt;
+      }
+    }
+    &:not(:last-child):after {
+      content: "";
+      position: relative;
+      flex: 1;
+      margin: $stepper-horizontal-li-after-margin 0 0 0;
+      height: $stepper-horizontal-li-after-height;
+      background-color: $stepper-horizontal-li-after-bgc;
+    }
+    &:not(:first-child):before {
+      content: "";
+      position: relative;
+      flex: 1;
+      margin: $stepper-horizontal-li-after-margin 0 0 0;
+      height: $stepper-horizontal-li-after-height;
+      background-color: $stepper-horizontal-li-after-bgc;
+    }
+    &:hover {
+      background: $stepper-horizontal-li-hover-bg;
+    }
+  }
+  @media (max-width: $stepper-horizontal-breakpoint) {
+    flex-direction: column;
+    li {
+      align-items: flex-start;
+      flex-direction: column;
+      a {
+        .label {
+          flex-flow: column nowrap;
+          order: 2;
+          margin-top: $stepper-horizontal-small-li-a-label-mt;
+        }
+      }
+      &:not(:last-child):after {
+        content: "";
+        position: absolute;
+        width: $stepper-horizontal-small-li-after-width;
+        height: $stepper-horizontal-small-li-after-height;
+        left: $stepper-horizontal-small-li-after-left;
+        top: $stepper-horizontal-small-li-after-top;
+      }
+    }
+  }
+}
+
+// Vertical
+.stepper-vertical {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  li {
+    display: flex;
+    align-items: flex-start;
+    flex: 1;
+    flex-direction: column;
+    position: relative;
+    a {
+      align-self: flex-start;
+      display: flex;
+      position: relative;
+      .circle {
+        order: 1;
+      }
+      .label {
+        flex-flow: column nowrap;
+        order: 2;
+        margin-top: $stepper-vertical-li-a-label-mt;
+      }
+    }
+    &.completed {
+      a {
+        .label {
+          font-weight: 500;
+        }
+      }
+    }
+    .step-content {
+      display: block;
+      margin-top: 0;
+      margin-left: $stepper-vertical-li-step-content-ml;
+      padding: $stepper-vertical-li-step-content-padding;
+      p {
+        font-size: $stepper-vertical-li-step-content-p-font-size;
+      }
+    }
+    &:not(:last-child):after {
+      content: "";
+      position: absolute;
+      width: $stepper-vertical-li-after-width;
+      height: $stepper-vertical-li-after-height;
+      left: $stepper-vertical-li-after-left;
+      top: $stepper-vertical-li-after-top;
+      background-color: $stepper-vertical-li-after-bgc;
+    }
+  }
+}
\ No newline at end of file
diff --git a/scss/pro/_switch.scss b/scss/pro/_switch.scss
new file mode 100644
index 0000000..4c259af
--- /dev/null
+++ b/scss/pro/_switch.scss
@@ -0,0 +1,54 @@
+// Switch
+.switch label {
+  cursor: pointer;
+  input[type=checkbox] {
+    opacity: 0;
+    width: 0;
+    height: 0;
+    &:checked + .lever {
+      background-color: map-get($switch-colors, "checked-lever-bg");
+    }
+    &:checked + .lever:after {
+      background-color: map-get($switch-colors, "bg");
+      left: 24px;
+    }
+    &:checked:not(:disabled) ~ .lever:active:after {
+      box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px transparentize(map-get($switch-colors, "bg"), .9);
+    }
+    &:not(:disabled) ~ .lever:active:after {
+      box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(0, 0, 0, .08);
+    }
+    &:disabled + .lever {
+      cursor: default;
+    }
+    &:disabled + .lever:after, &:disabled:checked + .lever:after {
+      background-color: $input-disabled-solid-color;
+    }
+  }
+  .lever {
+    content: "";
+    display: inline-block;
+    position: relative;
+    width: 40px;
+    height: 15px;
+    background-color: map-get($switch-colors, "unchecked-lever-bg");
+    border-radius: 15px;
+    margin-right: 10px;
+    transition: background 0.3s ease;
+    vertical-align: middle;
+    margin: 0 16px;
+    &:after {
+      content: "";
+      position: absolute;
+      display: inline-block;
+      width: 21px;
+      height: 21px;
+      background-color: map-get($switch-colors, "unchecked-bg");
+      border-radius: 21px;
+      box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
+      left: -5px;
+      top: -3px;
+      transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
+    }
+  }
+}
diff --git a/scss/pro/_tabs.scss b/scss/pro/_tabs.scss
new file mode 100644
index 0000000..44930d2
--- /dev/null
+++ b/scss/pro/_tabs.scss
@@ -0,0 +1,141 @@
+// Navs, Tabs and Pills
+.nav-tabs {
+  @extend .z-depth-1-half;
+  border: 0;
+  padding: $tabs-padding;
+  margin-left: $tabs-margin-x;
+  margin-right: $tabs-margin-x;
+  margin-bottom: $tabs-margin-y;
+  background-color: $nav-tabs-pills-bgc;
+  z-index: 2;
+  position: relative;
+  border-radius: $nav-tabs-border-radius;
+  .nav-item + .nav-item {
+    margin-left: 0;
+  }
+  .nav-item {
+    &.disabled {
+      pointer-events: none !important;
+      .nav-link {
+        color: $nav-item-disabled-link-color;
+      }
+    }
+  }
+  .nav-link {
+    transition: $nav-link-transition;
+    border: 0;
+    color: $white;
+  }
+  .nav-link.active,
+  .nav-item.open .nav-link {
+    background-color: $nav-link-active-bgc;
+    color: $white;
+    transition: $nav-link-active-transition;
+    border-radius: $nav-tabs-border-radius;
+  }
+  .nav-item.show .nav-link {
+    background-color: $nav-tabs-pills-bgc;
+    color: $white;
+    transition: $nav-link-active-transition;
+    border-radius: $nav-tabs-border-radius;
+  }
+  .nav-item.show .nav-link.dropdown-toggle {
+    background-color: $nav-link-active-bgc;
+  }
+}
+.tab-content {
+  padding: $tab-content-padding;
+  padding-top: $tab-content-pt;
+  z-index: 1;
+  &.vertical {
+    padding-top: 0;
+  }
+}
+
+.md-pills {
+  border: 0;
+  li {
+    padding: $pills-padding;
+  }
+  .show > .nav-link {
+    @extend .z-depth-1;
+    color: $white;
+    background-color: $nav-tabs-pills-bgc;
+  }
+  .nav-link {
+    transition: $nav-link-transition;
+    border-radius: $md-pills-nav-link-border-radius;
+    color: $md-pills-nav-link-color;
+    text-align: center;
+    &:hover {
+      @extend .rgba-grey-light;
+    }
+    &.active {
+      @extend .z-depth-1;
+      color: $white;
+      background-color: $nav-tabs-pills-bgc;
+    }
+    &.active:hover {
+      @extend .z-depth-1-half;
+    }
+  }
+}
+
+@each $name, $color in $mdb-colors {
+  .pills-#{$name} {
+    .show > .nav-link {
+      background-color: $color !important;
+    }
+    .nav-link {
+      &.active {
+        background-color: $color !important;
+      }
+    }
+  }
+  .tabs-#{$name} {
+    background-color: $color !important;
+  }
+}
+
+.classic-tabs {
+  white-space: nowrap;
+  overflow-x: auto;
+  border-radius: $classic-tabs-border-radius $classic-tabs-border-radius 0 0;
+  @media (min-width: 62rem) {
+    overflow-x: hidden;
+  }
+  li {
+    @media (min-width: 62em) {
+      flex: inherit;
+    }
+    a {
+      display: block;
+      padding: $classic-tabs-padding-y $classic-tabs-padding-x;
+      font-size: $classic-tabs-font-size;
+      text-transform: uppercase;
+      color: $classic-tabs-color;
+      text-align: center;
+      border-radius: 0;
+      &.active {
+        border-bottom: $classic-tabs-li-a-active-border-bottom;
+        color: $white;
+      }
+    }
+    @media (min-width: 62em) {
+      &:first-child {
+        margin-left: $classic-tabs-margin-left;
+      }
+    }
+  }
+  @each $name, $color in $ctbc {
+    &.#{$name} {
+      li {
+        a {
+          &.active {
+            border-color: $color;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/scss/pro/_toasts.scss b/scss/pro/_toasts.scss
new file mode 100644
index 0000000..cf6dbd7
--- /dev/null
+++ b/scss/pro/_toasts.scss
@@ -0,0 +1,144 @@
+// Toasts
+.toast-title {
+  font-weight: 400;
+}
+.toast-message {
+  word-wrap: break-word;
+}
+.toast-message a,
+.toast-message label {
+  @extend .white-text;
+}
+.toast-message a:hover {
+  color: $toast-message-a-hover-color;
+  text-decoration: none;
+}
+.toast-close-button {
+  @extend .white-text;
+  position: relative;
+  right: $toast-close-button-right;
+  top: $toast-close-button-top;
+  float: right;
+  font-size: $toast-close-button-font-size;
+  font-weight: 400;
+  text-shadow: $toast-close-button-text-shadow $white;
+  opacity: $toast-close-button-opacity;
+  filter: $toast-close-button-filter;
+}
+.toast-close-button:hover,
+.toast-close-button:focus {
+  @extend .black-text;
+  text-decoration: none;
+  cursor: pointer;
+  opacity: $toast-close-button-hover-opacity;
+  filter: $toast-close-button-hover-filter;
+}
+button.toast-close-button {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  appearance: none;
+}
+.toast-top-center {
+  top: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-bottom-center {
+  bottom: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-top-full-width {
+  top: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-bottom-full-width {
+  bottom: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-top-left {
+  top: $toast-top-bottom-left-right-size;
+  left: $toast-top-bottom-left-right-size;
+}
+.toast-top-right {
+  top: $toast-top-bottom-left-right-size;
+  right: $toast-top-bottom-left-right-size;
+}
+.toast-bottom-right {
+  right: $toast-top-bottom-left-right-size;
+  bottom: $toast-top-bottom-left-right-size;
+}
+.toast-bottom-left {
+  bottom: $toast-top-bottom-left-right-size;
+  left: $toast-top-bottom-left-right-size;
+}
+#toast-container {
+  position: fixed;
+  z-index: 999999;
+}
+#toast-container * {
+  box-sizing: border-box;
+}
+#toast-container > div {
+  @extend .z-depth-1;
+  @extend .white-text;
+  position: relative;
+  overflow: hidden;
+  margin: 0 0 $toast-container-margin;
+  padding: $toast-container-py $toast-container-pr $toast-container-py $toast-container-pl;
+  width: $toast-container-width;
+  background-position: $toast-container-py center;
+  background-repeat: no-repeat;
+  opacity: $toast-container-opacity;
+  filter: $toast-container-filter;
+}
+#toast-container > :hover {
+  @extend .z-depth-2;
+  transition: $toast-container-hover-transition;
+  opacity: $toast-container-hover-opacity;
+  filter: $toast-container-hover-filter;
+  cursor: pointer;
+}
+#toast-container.toast-top-center > div,
+#toast-container.toast-bottom-center > div {
+  width: $toast-container-width;
+  margin: auto;
+}
+#toast-container.toast-top-full-width > div,
+#toast-container.toast-bottom-full-width > div {
+  width: $toast-container-top-full-width;
+  margin: auto;
+}
+.toast {
+  background-color: $toast-bgc;
+}
+.toast-success {
+  background-color: $success-color;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
+}
+.toast-error {
+  background-color: $danger-color;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
+}
+.toast-info {
+  background-color: $info-color;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
+}
+.toast-warning {
+  background-color: $warning-color;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
+}
+
+.toast-progress {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  height: $toast-progress-height;
+  background-color: $black;
+  opacity: $toast-progress-opacity;
+  filter: $toast-progress-filter;
+}
diff --git a/scss/pro/_variables.scss b/scss/pro/_variables.scss
new file mode 100644
index 0000000..dcd26ef
--- /dev/null
+++ b/scss/pro/_variables.scss
@@ -0,0 +1,660 @@
+// Variables Pro
+$border-radius-rounded: 10em !default;
+
+// Gradients Premium
+$gradients-premium: () !default;
+$gradients-premium: map-merge((
+  "purple": (
+    "start": #ff6ec4,
+    "end": #7873f5
+  ),
+  "peach": (
+    "start": #FFD86F,
+    "end": #FC6262
+  ),
+  "aqua": (
+    "start": #2096ff,
+    "end": #05ffa3
+  ),
+  "blue": (
+    "start": #45cafc,
+    "end": #303f9f
+  ),
+), $gradients-premium);
+
+// Accordion
+$accordion-card-header-padding-y:      1rem !default;
+$accordion-card-header-padding-x:      1.5rem !default;
+$accordion-rotate-icon-transform:      rotate(180deg) !default;
+$accordion-link-hover-transition:      ease-in-out .3s !default;
+$accordion-card-body-line-height:      1.7 !default;
+$accordion-card-body-color:            #626262 !default;
+$accordion-card-body-font-size:        .9rem !default;
+
+// Animations
+$animations-pro-transform:             $accordion-rotate-icon-transform !default;
+$animations-pro-transition:            all 150ms ease-in 0s !default;
+
+// Autocomplete
+$autocomplete-margin-bottom:           1px !default;
+$autocomplete-clear-top:               0.85rem !default;
+$autocomplete-clear-color:             #a6a6a6 !default;
+$autocomplete-wrap-max-height:         210px !default;
+$autocomplete-wrap-li-padding-y:       12px !default;
+$autocomplete-wrap-li-padding-x:       15px !default;
+$autocomplete-wrap-li-font-size:       .875rem !default;
+$autocomplete-wrap-li-hover-bg:        rgb(238, 238, 238) !default;
+
+// Buttons
+$btn-floating-width:                   47px !default;
+$btn-floating-height:                  $btn-floating-width !default;
+$btn-floating-icon-size:               1.25rem !default;
+$btn-floating-line-height:             $btn-floating-width !default;
+
+$btn-floating-width-sm:                $btn-floating-width / 1.3 !default;
+$btn-floating-height-sm:               $btn-floating-width-sm !default;
+$btn-floating-icon-size-sm:            $btn-floating-icon-size / 1.3 !default;
+$btn-floating-line-height-sm:          $btn-floating-width-sm !default;
+
+$btn-floating-width-lg:                $btn-floating-width * 1.3 !default;
+$btn-floating-height-lg:               $btn-floating-width-lg !default;
+$btn-floating-icon-size-lg:            $btn-floating-icon-size * 1.3 !default;
+$btn-floating-line-height-lg:          $btn-floating-width-lg !default;
+
+$btn-floating-transtion:               $transition-basic !default;
+$btn-floating-margin:                  10px !default;
+$btn-floating-border-radius:           $border-radius-circle !default;
+
+$fixed-action-btn-right:               35px !default;
+$fixed-action-btn-bottom:              $fixed-action-btn-right !default;
+$fixed-action-btn-padding-top:         15px !default;
+$fixed-action-btn-ul-bottom:           64px !default;
+$fixed-action-btn-li-margin-bottom:    15px !default;
+
+$btn-rounded-border-radius:            $border-radius-rounded !default;
+
+// Social buttons
+$btn-counter-margin-top:               0px !default;
+$btn-sm-counter-margin-top:            8px !default;
+$btn-md-counter-margin-top:            5px !default;
+$btn-lg-counter-margin-top:            -4px !default;
+$btn-counter-margin-left:              -23px !default;
+$btn-counter-border-radius:            $border-radius-rounded !default;
+$btn-counter-padding-y:                1px !default;
+$btn-counter-padding-x:                7px !default;
+$btn-counter-bgc:                      rgb(254, 18, 18) !default;
+$btn-counter-font-size:                11px !default;
+
+$icons-sm-margin:                      .5rem !default;
+$icons-sm-padding:                     $icons-sm-margin !default;
+$icons-sm-font-size:                   1.2rem !default;
+
+// Blog
+$blog-comment-date-text-color:         #666 !default;
+$personal-sm-transition-duration:      .2s !default;
+$personal-sm-hover-transform:          scale(1.2) !default;
+
+// Cards
+$card-up-size:                         120px !default;
+$card-avatar-margin-top:               -65px !default;
+$card-wrapper-min-height:              500px !default;
+$card-wrapper-perspective:             800px !default;
+$card-rotating-transform-style:        preserve-3d !default;
+$card-front-effect-click-transform:    rotateY(180deg) !default;
+$card-back-effect-click-transform:     rotateY(0) !default;
+$card-front-back-transition:           1s !default;
+$card-back-transform:                  rotateY(-180deg) !default;
+
+$card-cascade-wider-card-body-mx: 4% !default;
+$card-cascade-wider-card-body-bg: $white !default;
+$card-cascade-reverse-mt: -1rem !default;
+$card-cascade-narrower-mt: 1.25rem !default;
+$card-cascade-narrowe-view-mx: $card-cascade-wider-card-body-mx !default;
+$card-cascade-narrower-view-mt: -1.25rem !default;
+$card-cascade-header-gradient-py: 1.6rem !default;
+$card-cascade-header-gradient-px: 1rem !default;
+$card-cascade-header-gradient-btn-floating-bgc: rgba(255, 255, 255, .2) !default;
+
+$card-btn-action-my: -1.44rem !default;
+$card-activator-font-size: 1.2rem !default;
+$card-reveal-title-i-color: #9e9e9e !default;
+$card-reveal-title-i-right: .63rem !default;
+$card-share-social-reveal-top: -1.44rem !default;
+$card-share-social-reveal-right: 1.88rem !default;
+$card-share-social-reveal-transition: transform 0.35s ease !default;
+
+$panel-cascade-view-color: $white !default;
+$panel-cascade-list-group-item-border-bottom: #eee !default;
+$panel-cascade-list-group-item-color: #495057 !default;
+$panel-cascade-list-group-item-bgc: $panel-cascade-list-group-item-border-bottom !default;
+
+// Charts
+$min-chart-width:                      110px !default;
+$min-chart-height:                     $min-chart-width !default;
+$min-chart-margin:                     50px !default;
+$min-chart-line-height:                $min-chart-width !default;
+$min-chart-percent-margin:             .1em !default;
+$min-chart-percent-font-size:          .8rem !default;
+
+// Forms
+$form-header-color: $white !default;
+$form-header-mt: -3.13rem !default;
+$form-header-mb: 3rem !default;
+$form-header-padding: 1rem !default;
+$form-header-border-radius: $border-radius-base !default;
+
+// File input
+$file-path-wrapper-padding-left:       10px !default;
+$file-path-wrapper-height:             2.5rem !default;
+$file-input-path:                      2.1rem !default;
+$file-input-filter:                    alpha(opacity=0) !default;
+
+// Input group
+$input-group-text-checkbox-pl:        18px !default;
+$input-group-text-height:             13px !default;
+$input-group-text-radio-pl:           24px !default;
+
+// Range input
+$input-range-my:                      15px !default;
+$input-range-mx:                      0px !default;
+$input-range-thumb-top:               10px !default;
+$input-range-thumb-margin-left:       -6px !default;
+$input-range-transform-origin:        50% 50% !default;
+$input-range-transform:               rotate(-45deg) !default;
+$input-range-thumb-value-width:       30px !default;
+$input-range-thumb-value-transform:   rotate(45deg) !default;
+$input-range-active-value-ml:         -1px !default;
+$input-range-active-value-mt:         8px !default;
+$input-range-active-value-font-size:  10px !default;
+$slider-runnable-track-height:        3px !default;
+$slider-runnable-track-bg:            #c2c0c2 !default;
+$slider-thumb-height:                 14px !default;
+$slider-thumb-width:                  $slider-thumb-height !default;
+$slider-thumb-mt:                     -5px !default;
+$slider-thumb-transition:             .3s !default;
+$slider-runnable-track-focus-bg:      #ccc !default;
+$slider-border-width:                 6px !default;
+
+// Chips
+$chip-height:                         32px !default;
+$chip-font-size:                      13px !default;
+$chip-font-weight:                    500 !default;
+$chip-font-color:                     rgba($black, .6) !default;
+$chip-line-height:                    32px !default;
+$chip-padding-right:                  12px !default;
+$chip-br:                             16px !default;
+$chip-background-color:               map-get($blue-grey, "lighten-5") !default;
+$chip-margin-bottom:                  1rem !default;
+$chip-margin-right:                   1rem !default;
+$chip-img-margin-right:               8px !default;
+$chip-img-margin-left:                -12px !default;
+$chip-img-height:                     32px !default;
+$chip-img-width:                      32px !default;
+$chip-close-font-size:                16px !default;
+$chip-close-line-height:              32px !default;
+$chip-close-padding-left:             8px !default;
+
+$chips-margin-bottom:                 30px !default;
+$chips-min-height:                    45px !default;
+$chips-padding-bottom:                1rem !default;
+$chips-input-font-color:              rgba($black, .6) !default;
+$chips-input-font-size:               13px !default;
+$chips-input-font-weight:             500 !default;
+$chips-input-height:                  32px !default;
+$chips-input-margin-right:            20px !default;
+$chips-input-line-height:             32px !default;
+$chips-input-width:                   120px !default;
+
+// Tabs
+$tabs-padding:                        0.7rem !default;
+$tabs-margin-x:                       1rem !default;
+$tabs-margin-y:                      -20px !default;
+$pills-padding:                       0.6rem !default;
+$nav-tabs-pills-bgc: $default-color !default;
+$nav-tabs-border-radius:              $border-radius-base !default;
+$nav-link-transition: all .4s !default;
+$nav-link-active-bgc: rgba(255, 255, 255, 0.2) !default;
+$nav-link-active-transition: all 1s !default;
+$nav-item-disabled-link-color: #6c757d !default;
+$tab-content-padding: 1rem !default;
+$tab-content-pt: 2rem !default;
+$md-pills-nav-link-border-radius: 2px !default;
+$md-pills-nav-link-color: #666 !default;
+
+// Tabs classic
+$classic-tabs-padding-y:              20px !default;
+$classic-tabs-padding-x:              24px !default;
+$classic-tabs-font-size:              13px !default;
+$classic-tabs-color:                  rgba($white, .7) !default;
+$classic-tabs-margin-left:            56px !default;
+$classic-tabs-border-radius: .3rem !default;
+$classic-tabs-li-a-active-border-bottom: 3px solid !default;
+
+// Skins
+$skins: () !default;
+$skins: map-merge((
+  "white": (
+    "skin-primary-color":      #4285F4,
+    "skin-navbar":             $white,
+    "skin-footer-color":       #6f7178,
+    "skin-accent":             #4285F4,
+    "skin-flat":               #F9F9F9,
+    "skin-sidenav-item":       #4285F4,
+    "skin-sidenav-item-hover": rgba($black, 0.05),
+    "skin-gradient-start":     #ababab,
+    "skin-gradient-end":       $white,
+    "skin-mask-slight":        rgba($white, 0.5),
+    "skin-mask-light":         rgba($white, 0.65),
+    "skin-mask-strong":        rgba($white, 0.8),
+    "skin-sn-child":           #4285F4,
+    "skin-btn-primary":        #4285F4,
+    "skin-btn-secondary":      #fc685f,
+    "skin-btn-default":        #454545,
+    "skin-text":               #424242
+  ),
+  "black": (
+    "skin-primary-color":      #2AD1A3,
+    "skin-navbar":             #222,
+    "skin-footer-color":       #222,
+    "skin-accent":             #2AD1A3,
+    "skin-flat":               #222,
+    "skin-sidenav-item":       #2AD1A3,
+    "skin-sidenav-item-hover": #2AD1A3,
+    "skin-gradient-start":     #000,
+    "skin-gradient-end":       #616161,
+    "skin-mask-slight":        rgba(0, 0, 0, 0.5),
+    "skin-mask-light":         rgba(0, 0, 0, 0.65),
+    "skin-mask-strong":        rgba(0, 0, 0, 0.8),
+    "skin-sn-child":           #2AD1A3,
+    "skin-btn-primary":        #2AD1A3,
+    "skin-btn-secondary":      #0f478a,
+    "skin-btn-default":        #222222,
+    "skin-text":               $white
+  ),
+  "cyan": (
+    "skin-primary-color":      #4fada7,
+    "skin-navbar":             #114861,
+    "skin-footer-color":       #114861,
+    "skin-accent":             #f0b247,
+    "skin-flat":               #24879d,
+    "skin-sidenav-item":       rgba(29, 65, 82, 0.8),
+    "skin-sidenav-item-hover": rgba(29, 65, 82, 0.8),
+    "skin-gradient-start":     #114861,
+    "skin-gradient-end":       #45b0c0,
+    "skin-mask-slight":        rgba(21, 78, 96, 0.5),
+    "skin-mask-light":         rgba(21, 78, 96, 0.65),
+    "skin-mask-strong":        rgba(21, 78, 96, 0.8),
+    "skin-sn-child":           #ffa742,
+    "skin-btn-primary":        #ffa742,
+    "skin-btn-secondary":      #45b0c0,
+    "skin-btn-default":        #114861,
+    "skin-text":               $white
+  ),
+  "mdb": (
+    "skin-primary-color":      #33b5e5,
+    "skin-navbar":             #243a51,
+    "skin-footer-color":       #243a51,
+    "skin-accent":             #33b5e5,
+    "skin-flat":               #224562,
+    "skin-sidenav-item":       rgba(72, 198, 255, 0.8),
+    "skin-sidenav-item-hover": rgba(72, 198, 255, 0.8),
+    "skin-gradient-start":     #0e2135,
+    "skin-gradient-end":       #2c76b8,
+    "skin-mask-slight":        rgba(13, 36, 60, 0.5),
+    "skin-mask-light":         rgba(13, 36, 60, 0.65),
+    "skin-mask-strong":        rgba(13, 36, 60, 0.8),
+    "skin-sn-child":           #67d5ff,
+    "skin-btn-primary":        #33b5e5,
+    "skin-btn-secondary":      #0e3d67,
+    "skin-btn-default":        #1a6398,
+    "skin-text":               $white
+  ),
+  "deep-purple": (
+    "skin-primary-color":      #d0637c,
+    "skin-navbar":             #7f7e91,
+    "skin-footer-color":       #7f7e91,
+    "skin-accent":             #ac85f0,
+    "skin-flat":               #372e5f,
+    "skin-sidenav-item":       rgba(176, 139, 240, 0.5),
+    "skin-sidenav-item-hover": rgba(176, 139, 240, 0.5),
+    "skin-gradient-start":     #2e1f49,
+    "skin-gradient-end":       #a47fe3,
+    "skin-mask-slight":        rgba(36,  9,   56,  0.5),
+    "skin-mask-light":         rgba(36,  9,   56,  0.65),
+    "skin-mask-strong":        rgba(36,  9,   56,  0.88),
+    "skin-sn-child":           #c9abfc,
+    "skin-btn-primary":        #ac85f0,
+    "skin-btn-secondary":      #6e4ca3,
+    "skin-btn-default":        #372e5f,
+    "skin-text":               $white
+  ),
+  "navy-blue": (
+    "skin-primary-color":      #309e9e,
+    "skin-navbar":             #353b50,
+    "skin-footer-color":       #353b50,
+    "skin-accent":             #40c6c6,
+    "skin-flat":               #4c5678,
+    "skin-sidenav-item":       rgba(37, 207, 207, 0.8),
+    "skin-sidenav-item-hover": rgba(37, 207, 207, 0.8),
+    "skin-gradient-start":     #222735,
+    "skin-gradient-end":       #4f68a6,
+    "skin-mask-slight":        rgba(14, 15,  32,  0.5),
+    "skin-mask-light":         rgba(14, 15,  32,  0.65),
+    "skin-mask-strong":        rgba(14, 15,  32,  0.8),
+    "skin-sn-child":           #40c6c6,
+    "skin-btn-primary":        #40c6c6,
+    "skin-btn-secondary":      #7e51b4,
+    "skin-btn-default":        #293756,
+    "skin-text":               $white
+  ),
+  "pink": (
+    "skin-primary-color":      #bd5d70,
+    "skin-navbar":             #535466,
+    "skin-footer-color":       #535466,
+    "skin-accent":             #9fa0ae,
+    "skin-flat":               #aa5077,
+    "skin-sidenav-item":       rgba(0,   0,   0,   0.4),
+    "skin-sidenav-item-hover": rgba(0,   0,   0,   0.4),
+    "skin-gradient-start":     #812b5a,
+    "skin-gradient-end":       #f28cc0,
+    "skin-mask-slight":        rgba(152, 47,  88,  0.5),
+    "skin-mask-light":         rgba(152, 47,  88,  0.65),
+    "skin-mask-strong":        rgba(152, 47,  88,  0.8),
+    "skin-sn-child":           #ffb0e6,
+    "skin-btn-primary":        #601f39,
+    "skin-btn-secondary":      #e7649d,
+    "skin-btn-default":        #535466,
+    "skin-text":               $white
+  ),
+  "indigo": (
+    "skin-primary-color":      #7f82c5,
+    "skin-navbar":             #9095aa,
+    "skin-footer-color":       #9095aa,
+    "skin-accent":             #fd668c,
+    "skin-flat":               #404f9f,
+    "skin-sidenav-item":       rgba(250, 80,  121, 0.8),
+    "skin-sidenav-item-hover": rgba(250, 80,  121, 0.8),
+    "skin-gradient-start":     #272d6e,
+    "skin-gradient-end":       #90a8ff,
+    "skin-mask-slight":        rgba(35,  65,  134, 0.5),
+    "skin-mask-light":         rgba(35,  65,  134, 0.65),
+    "skin-mask-strong":        rgba(35,  65,  134, 0.8),
+    "skin-sn-child":           #ff89ac,
+    "skin-btn-primary":        #fd668c,
+    "skin-btn-secondary":      #3c61ae,
+    "skin-btn-default":        #9095aa,
+    "skin-text":               $white
+  ),
+  "light-blue": (
+    "skin-primary-color":      #3d799c,
+    "skin-navbar":             #3f5c80,
+    "skin-footer-color":       #3f5c80,
+    "skin-accent":             #b4c2c9,
+    "skin-flat":               #6a9ed3,
+    "skin-sidenav-item":       rgba(29,  54,  86,  0.6),
+    "skin-sidenav-item-hover": rgba(29,  54,  86,  0.6),
+    "skin-gradient-start":     #69adf4,
+    "skin-gradient-end":       #69adf4,
+    "skin-mask-slight":        rgba(87,  134, 180, 0.5),
+    "skin-mask-light":         rgba(87,  134, 180, 0.65),
+    "skin-mask-strong":        rgba(87,  134, 180, 0.8),
+    "skin-sn-child":           #aadeff,
+    "skin-btn-primary":        #ff4a67,
+    "skin-btn-secondary":      #64c3f0,
+    "skin-btn-default":        #2d486a,
+    "skin-text":               $white
+  ),
+  "grey": (
+    "skin-primary-color":      #2b2b2b,
+    "skin-navbar":             #44474b,
+    "skin-footer-color":       #44474b,
+    "skin-accent":             #75c1f0,
+    "skin-flat":               #a5a4a4,
+    "skin-sidenav-item":       rgba(0,   0,   0,   0.4),
+    "skin-sidenav-item-hover": rgba(0,   0,   0,   0.4),
+    "skin-gradient-start":     #383838,
+    "skin-gradient-end":       #a5a4a4,
+    "skin-mask-slight":        rgba(121, 121, 121, 0.5),
+    "skin-mask-light":         rgba(121, 121, 121, 0.65),
+    "skin-mask-strong":        rgba(121, 121, 121, 0.8),
+    "skin-sn-child":           #afdffc,
+    "skin-btn-primary":        #46aded,
+    "skin-btn-secondary":      #7d8488,
+    "skin-btn-default":        #353637,
+    "skin-text":               $white
+  )
+), $skins);
+
+$skins-side-nav-hover-transition: all 0.3s linear !default;
+$skins-border-color: rgba(153, 153, 153, 0.3) !default;
+$skins-white-search-border-bottom: 1px solid $skins-border-color !default;
+
+// Radio Buttons
+$radio-fill-color:                    $primary-color !default;
+$radio-empty-color:                   #5a5a5a !default;
+
+// Dropdown
+$dropdown-bg-color:                   $white !default;
+$dropdown-hover-bg-color:             #eee !default;
+$dropdown-color:                      $primary-color !default;
+$dropdown-item-height:                40px !default;
+$dropdown-menu-padding:               .5rem !default;
+$dropdown-item-font-size:             $font-small !default;
+$dropdown-item-disabled-color:        #868e96 !default;
+$dropdown-item-transition:            all 0.1s linear !default;
+$dropdown-menu-animated-animation-duration: .55s !default;
+$dropdown-menu-animated-animation-timing-function: ease !default;
+
+// Material select
+$material-select-wrapper-input-dropdown-height: 2.9rem !default;
+$material-select-wrapper-input-dropdown-line-height: $material-select-wrapper-input-dropdown-height !default;
+$material-select-wrapper-input-dropdown-font-size: 1rem !default;
+$material-select-wrapper-input-dropdown-margin: .94rem !default;
+$material-select-wrapper-input-dropdown-disabled-color: rgba(0, 0, 0, .3) !default;
+$material-select-wrapper-input-dropdown-disabled-border-bottom-color: $material-select-wrapper-input-dropdown-disabled-color !default;
+
+$material-select-wrapper-search-wrap-py: 1rem !default;
+$material-select-wrapper-search-wrap-mx: .7rem !default;
+$material-select-wrapper-search-wrap-input-pb: .4rem !default;
+$material-select-wrapper-span-caret-top: 1rem !default;
+$material-select-wrapper-span-caret-font-size: .63rem !default;
+$material-select-wrapper-span-caret-label-top: -.88rem !default;
+
+$material-select-dropdown-li-img-my: .3rem !default;
+$material-select-dropdown-li-img-mx: .75rem !default;
+$material-select-dropdown-li-optgroup-selected-span: rgba(0, 0, 0, .7) !default;
+$material-select-dropdown-li-optgroup-span: rgba(0, 0, 0, .4) !default;
+$material-select-multiple-select-dropdown-height: .63rem !default;
+
+$material-select-dropdown-content-min-width: 6.25rem !default;
+$material-select-dropdown-content-max-height: 40.625rem !default;
+$material-select-dropdown-content-li-color: $black !default;
+$material-select-dropdown-content-li-line-height: 1.3rem !default;
+$material-select-dropdown-content-li-span-font-size: .9rem !default;
+$material-select-dropdown-content-li-span-padding: .5rem !default;
+
+$material-select-colorful-dropdown-content-padding: .5rem !default;
+$material-select-colorful-dropdown-content-li-active-color: $white !default;
+$material-select-colorful-dropdown-content-li-hover-transition: all 0.1s linear !default;
+$material-select-colorful-dropdown-content-li-hover-border-radius: $border-radius-base !default;
+
+// SideNav Variables
+$sidenav-breakpoint:                1440px !default;
+$hide-sidenav:                      "only screen and (max-width: #{$sidenav-breakpoint})" !default;
+$navbar-avatar-height:              35px   !default;
+$navbar-double-small-padding:       4px    !default;
+$navbar-double-font-size:           15px   !default;
+$navbar-breadcrumb-dn-padding:      1rem   !default;
+$navbar-button-collapse-left:       10px   !default;
+$navbar-button-collapse-font-size:  1.5rem !default;
+$navbar-button-collapse-fs-sm:      1.4rem !default;
+$navbar-button-collapse-mx:         10px   !default;
+$sidenav-padding-bottom:            3.75rem !default;
+$sidenav-width:                     240px  !default;
+$sidenav-background-color:          #2c2f34 !default;
+$collapsible-hover-bgc:             rgba(0,0,0,.15) !default;
+$collapsible-li-border-radius:      2px !default;
+$collapsible-header-hover-bgc:      rgba(255, 255, 255, .15) !default;
+$collapsible-header-active-bgc:     $collapsible-header-hover-bgc !default;
+$sidenav-collapsible-a-font-size:   .8rem !default;
+$sidenav-collapsible-a-height:       36px !default;
+$sidenav-collapsible-a-line-height: $sidenav-collapsible-a-height !default;
+$sidenav-fa-margin-right:           13px !default;
+$sidenav-collapsible-body-a-pl:     47px !default;
+$sidenav-collapsible-body-a-bgc:    rgba(0,0,0,.15) !default;
+$sidenav-a-font-size:               1rem !default;
+$sidenav-a-height:                  56px !default;
+$sidenav-a-line-height:             $sidenav-a-height !default;
+$sidenav-padding-left:              20px !default;
+
+$sidenav-logo-wrapper-height:      140px !default;
+$sidenav-logo-wrapper-width:       240px !default;
+$sidenav-logo-wrapper-img-px: 50px !default;
+$sidenav-logo-wrapper-img-py: 20% !default;
+$sidenav-logo-wrapper-medium-img-height: 80px !default;
+$sidenav-logo-wrapper-medium-img-py: 7% !default;
+
+$sidenav-sn-avatar-wrapper-px: 33% !default;
+$sidenav-sn-avatar-wrapper-max-width: 90px !default;
+$sidenav-sn-avatar-wrapper-py: 10% !default;
+$sidenav-sn-avatar-wrapper-medium-px: 40% !default;
+$sidenav-sn-avatar-wrapper-medium-max-width: 50px !default;
+
+$sidenav-bg-width:                 240px !default;
+$sidenav-collapsible-mt: 1rem !default;
+$sidenav-rotate-icon-top: .8rem !default;
+$sidenav-rotate-icon-mr: 1.25rem !default;
+$sidenav-logo-wrapper-border-bottom-color: rgba(255, 255, 255, .65) !default;
+$sidenav-ad-avatar-wrapper-img-max-width: 3.75rem !default;
+$sidenav-ad-avatar-wrapper-img-padding: 1.25rem .63rem !default;
+$sidenav-ad-avatar-wrapper-p-font-size: .94rem !default;
+$sidenav-ad-avatar-wrapper-p-padding: 1.25rem !default;
+$sidenav-about-padding: 1rem !default;
+$sidenav-social-li-padding: .6rem !default;
+$sidenav-social-fa-font-size: .9rem !default;
+$sidenav-social-fa-color: #dbe4e7 !default;
+$sidenav-social-fa-color-hover: #AFC4CB !default;
+$sidenav-social-fa-transition: .3s !default;
+$sidenav-search-form-input-padding-left: 1.88rem !default;
+
+$sidenav-light-bgc:                              #e5e5e5                 !default;
+$sidenav-light-color:                            #555                    !default;
+$sidenav-light-border-bottom-color:              rgba(153, 153, 153, .3) !default;
+$sidenav-light-collapsible-body-a-bgc:           rgba($black,.1)         !default;
+$sidenav-light-collapsible-header-hover-bgc:     rgba($black, 0.05)      !default;
+$sidenav-light-collapsible-header-active-color:  #4285F4                 !default;
+
+$drag-target-width:                              10px                    !default;
+$sidenav-overlay:                                rgba($black, .5)        !default;
+
+// LIGHT BOX
+$pswp__show-hide-transition-duration: 333ms !default;
+$pswp__controls-transition-duration: 333ms !default;
+$pswp__background-color: #000 !default;
+$pswp__placeholder-color: #222 !default;
+$pswp__box-sizing-border-box: true !default; // disable .pswp * { box-sizing:border-box } (in case you already have it in your site css)
+$pswp__root-z-index: 1500 !default;
+$pswp__assets-path: "" !default; // path to skin assets folder (preloader, PNG and SVG sprite)
+$pswp__error-text-color: #CCC !default; // "Image not loaded" text color
+$pswp__include-minimal-style: true !default;
+$mdb-lightbox-figure-img-transition: opacity .4s !default;
+$mdb-lightbox-figure-img-hover-opacity: .8 !default;
+$mdb-lightbox-no-margin-padding: .5rem !default;
+
+// Date Picker
+$datepicker-weekday-bg: darken($primary-color, 7%) !default;
+$datepicker-date-bg: $primary-color !default;
+$datepicker-year: rgba(255, 255, 255, .4) !default;
+$datepicker-focus: rgba(0,0,0, .05) !default;
+$datepicker-selected: $primary-color !default;
+$datepicker-selected-outfocus: desaturate(lighten($primary-color, 35%), 15%) !default;
+
+// Default time picker
+$timepicker-pickerbox-breakpoint: 40.125em !default;
+$timepicker-pickerlistitem-breakpoint: 46.75em !default;
+// Default time & date picker
+$pickerframe-wrap-box-breakpoint: 28.875em !default;
+$pickerframe-mb-breakpoint: 40.125em !default;
+$pickerframe-pos-breakpoint: 35.875em !default;
+// Default date picker
+$pickerweekday-padb-breakpoint: 33.875em !default;
+
+// Steppers
+$stepper-li-a-padding: 1.5rem !default;
+$stepper-li-a-font-size: .88rem !default;
+$stepper-li-a-circle-color: $white !default;
+$stepper-li-a-circle-border-radius: $border-radius-circle !default;
+$stepper-li-a-circle-bg: rgba(0,0,0,.38) !default;
+$stepper-li-a-circle-width: $stepper-li-a-padding !default;
+$stepper-li-a-circle-height: $stepper-li-a-circle-width !default;
+$stepper-li-a-circle-line-height: $stepper-li-a-circle-width !default;
+$stepper-li-a-circle-mr: .5rem !default;
+$stepper-li-a-label-color: rgba(0,0,0,.87) !default;
+
+$stepper-horizontal-li-transition: .5s !default;
+$stepper-horizontal-li-a-label-mt: .63rem !default;
+$stepper-horizontal-li-after-margin: .5rem !default;
+$stepper-horizontal-li-after-height: 1px !default;
+$stepper-horizontal-li-after-bgc: rgba(0,0,0,.1) !default;
+$stepper-horizontal-li-hover-bg: #ddd !default;
+$stepper-horizontal-breakpoint: 767px !default;
+$stepper-horizontal-small-li-a-label-mt: .2rem !default;
+$stepper-horizontal-small-li-after-width: $stepper-horizontal-li-after-height !default;
+$stepper-horizontal-small-li-after-height: calc(100% - 40px) !default;
+$stepper-horizontal-small-li-after-left: 2.19rem !default;
+$stepper-horizontal-small-li-after-top: 3.75rem !default;
+
+$stepper-vertical-li-a-label-mt: .2rem !default;
+$stepper-vertical-li-step-content-ml: 3.13rem !default;
+$stepper-vertical-li-step-content-padding: .94rem !default;
+$stepper-vertical-li-step-content-p-font-size: $stepper-li-a-font-size !default;
+$stepper-vertical-li-after-width: $stepper-horizontal-li-after-height !default;
+$stepper-vertical-li-after-height: $stepper-horizontal-small-li-after-height !default;
+$stepper-vertical-li-after-left: $stepper-horizontal-small-li-after-left !default;
+$stepper-vertical-li-after-top: 3.44rem !default;
+$stepper-vertical-li-after-bgc: $stepper-horizontal-li-after-bgc !default;
+
+// Ecommerce components
+$collection-card-stripe-bottom: 3rem !default;
+$collection-card-stripe-padding: 1.2rem !default;
+$collection-card-stripe-dark-bgc: $material-select-dropdown-li-optgroup-selected-span !default;
+$collection-card-stripe-dark-a-p-color: map-get($grey, "lighten-3") !default;
+$collection-card-stripe-light-bgc: rgba(255, 255, 255, .7) !default;
+$collection-card-stripe-light-a-p-color: map-get($grey, "darken-3") !default;
+$collection-card-stripe-letter-spacing: .25rem !default;
+
+$ecommerce-rating-color: #ffa000 !default;
+$ecommerce-card-footer-discount-color: #9e9e9e !default;
+$ecommerce-card-footer-a-color: #757575 !default;
+$ecommerce-card-footer-a-hover-transition: .4s !default;
+$ecommerce-card-footer-a-hover-color: #d50000 !default;
+$ecommerce-card-footer-a-active-color: $ecommerce-card-footer-a-hover-color !default;
+$ecommerce-product-table-btn-sm-py: .3rem !default;
+$ecommerce-product-table-btn-sm-px: .6rem !default;
+
+// Toasts
+$toast-message-a-hover-color:       #cccccc !default;
+$toast-close-button-right:          -0.3em !default;
+$toast-close-button-top:            $toast-close-button-right !default;
+$toast-close-button-font-size:      1.25rem !default;
+$toast-close-button-text-shadow:    0 1px 0 !default;
+$toast-close-button-opacity:        .8 !default;
+$toast-close-button-filter:         alpha(opacity=80) !default;
+$toast-close-button-hover-opacity:  .4 !default;
+$toast-close-button-hover-filter:   alpha(opacity=40) !default;
+$toast-top-bottom-left-right-size:  12px !default;
+$toast-container-margin:            6px !default;
+$toast-container-py:                15px !default;
+$toast-container-pr:                $toast-container-py !default;
+$toast-container-pl:                50px !default;
+$toast-container-width:             300px !default;
+$toast-container-opacity:           .95 !default;
+$toast-container-filter:            alpha(opacity=95) !default;
+$toast-container-hover-transition:  .45s !default;
+$toast-container-hover-opacity:     1 !default;
+$toast-container-hover-filter:      alpha(opacity=100) !default;
+$toast-container-top-full-width:    96% !default;
+$toast-bgc:                         #030303 !default;
+$toast-progress-height:             4px !default;
+$toast-progress-opacity:            $toast-close-button-hover-opacity !default;
+$toast-progress-filter:             $toast-close-button-hover-filter !default;
diff --git a/scss/pro/picker/_default-date.scss b/scss/pro/picker/_default-date.scss
new file mode 100644
index 0000000..b054624
--- /dev/null
+++ b/scss/pro/picker/_default-date.scss
@@ -0,0 +1,337 @@
+/* ==========================================================================
+   $BASE-DATE-PICKER
+   ========================================================================== */
+
+/**
+ * The picker box.
+ */
+
+.picker__box {
+  padding: 0;
+  border-radius: 2px;
+  overflow: hidden;
+  /**
+   * The header containing the month and year stuff.
+   */
+  .picker__header {
+    text-align: center;
+    position: relative;
+    margin-bottom: 20px;
+    select {
+      display: inline-block !important;
+    }
+    .picker__date-display {
+      text-align: center;
+      background-color: $datepicker-date-bg;
+      @extend .white-text;
+      padding-bottom: 15px;
+      font-weight: 300;
+      margin-bottom: 1rem;
+      .picker__weekday-display {
+        background-color: $datepicker-weekday-bg;
+        padding: 10px;
+        font-weight: 200;
+        letter-spacing: .5;
+        font-size: 1rem;
+        margin-bottom: 15px;
+      }
+      .picker__month-display {
+        text-transform: uppercase;
+        font-size: 2rem;
+      }
+      .picker__day-display {
+        font-size: 4.5rem;
+        font-weight: 400;
+      }
+      .picker__year-display {
+        font-size: 1.8rem;
+        color: $datepicker-year;
+      }
+    }
+    /**
+       * The month and year labels.
+       */
+    .picker__month,
+    .picker__year {
+      display: inline-block;
+      margin-left: .25em;
+      margin-right: .25em;
+    }
+    /**
+       * The month and year selectors.
+       */
+    .picker__select--month,
+    .picker__select--year {
+      height: 2em;
+      padding: 0;
+      margin-left: .25em;
+      margin-right: .25em;
+      display: inline-block;
+      &:focus {
+        border-color: $datepicker-focus;
+      }
+    }
+    .picker__select--year {
+      width: 30%;
+    }
+    // Modified
+    .picker__select--month.browser-default {
+      display: inline;
+      @extend .white;
+      width: 40%;
+    }
+    .picker__select--year.browser-default {
+      display: inline;
+      @extend .white;
+      width: 25%;
+    }
+    /**
+       * The month navigation buttons.
+       */
+    .picker__nav--prev,
+    .picker__nav--next {
+      position: absolute;
+      padding: .5em 1.55em;
+      width: 1em;
+      height: 1em;
+      box-sizing: content-box;
+      bottom: 0;
+      &:hover {
+        cursor: pointer;
+        color: #000000;
+        background: $datepicker-selected-outfocus;
+      }
+      &:before {
+        content: " ";
+        border-top: .5em solid transparent;
+        border-bottom: .5em solid transparent;
+        border-right: 0.75em solid #676767;
+        width: 0;
+        height: 0;
+        display: block;
+        margin: 0 auto;
+      }
+    }
+    .picker__nav--prev {
+      left: -1em;
+      padding-right: 1.25em;
+    }
+    .picker__nav--next {
+      right: -1em;
+      padding-left: 1.25em;
+      &:before {
+        border-right: 0;
+        border-left: 0.75em solid #676767;
+      }
+    }
+    .picker__nav--disabled,
+    .picker__nav--disabled:hover,
+    .picker__nav--disabled:before,
+    .picker__nav--disabled:before:hover {
+      cursor: default;
+      background: none;
+      border-right-color: #f5f5f5;
+      border-left-color: #f5f5f5;
+    }
+
+  }
+
+  /**
+   * The calendar table of dates
+   */
+  .picker__table {
+    text-align: center;
+    border-collapse: collapse;
+    border-spacing: 0;
+    table-layout: fixed;
+    font-size: 1rem;
+    width: 100%;
+    margin-top: .75em;
+    margin-bottom: .5em;
+    th, td {
+      text-align: center;
+    }
+    td {
+      margin: 0;
+      padding: 0;
+    }
+    /**
+       * The weekday labels
+       */
+    .picker__weekday {
+      width: 14%;
+      font-size: .9em;
+      padding-bottom: .25em;
+      color: #999999;
+      font-weight: 500;
+      /* Increase the spacing a tad */
+      @media (min-height: $pickerweekday-padb-breakpoint) {
+        padding-bottom: .5em;
+      }
+    }
+    /**
+       * The days on the calendar
+       */
+    .picker__day--today {
+      position: relative;
+      letter-spacing: -.3;
+      padding: .75rem 0;
+      font-weight: 400;
+      border: 1px solid transparent;
+    }
+    .picker__day.picker__day--today {
+      color: $datepicker-selected;
+    }
+    .picker__day--disabled{
+      &:before {
+        border-top-color: #aaaaaa;
+      }
+    }
+    .picker__day--infocus{
+      color: #595959;
+      letter-spacing: -.3;
+      padding: .75rem 0;
+      font-weight: 400;
+      border: 1px solid transparent;
+      &:hover {
+        cursor: pointer;
+        color: #000;
+        font-weight: 500;
+      }
+    }
+    .picker__day--outfocus {
+      display: none;
+      padding: .75rem 0;
+      @extend .white-text;
+      &:hover {
+        cursor: pointer;
+        color: #dddddd;
+        font-weight: 500;
+      }
+    }
+    .picker__day--highlighted:hover,
+    .picker--focused .picker__day--highlighted {
+      cursor: pointer;
+    }
+    .picker__day--selected,
+    .picker__day--selected:hover,
+    .picker--focused {
+      //  Circle background
+      border-radius: 50%;
+      transform: scale(.9);
+      background-color: $datepicker-selected;
+      &.picker__day--outfocus {
+        background-color: $datepicker-selected-outfocus;
+      }
+      @extend .white-text;
+      @extend .z-depth-1-half;
+    }
+    .picker__day--disabled,
+    .picker__day--disabled:hover,
+    .picker--focused {
+      background: #f5f5f5;
+      border-color: #f5f5f5;
+      color: #dddddd;
+      cursor: default;
+    }
+    .picker__day--highlighted.picker__day--disabled,
+    .picker__day--highlighted.picker__day--disabled:hover {
+      background: #bbbbbb;
+    }
+
+  }
+
+  /**
+   * The footer containing the "today", "clear", and "close" buttons.
+   */
+  .picker__footer {
+    text-align: right;
+    padding: 5px 10px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .picker__button--today,
+    .picker__button--clear,
+    .picker__button--close {
+      border: 1px solid #ffffff;
+      background: #ffffff;
+      font-size: .8em;
+      padding: 1rem 0 0.7rem 0;
+      font-weight: 700;
+      width: 33%;
+      display: inline-block;
+      vertical-align: bottom;
+      text-transform: uppercase;
+      &:hover {
+        cursor: pointer;
+        color: #000000;
+        background: #b1dcfb;
+        border-bottom-color: #b1dcfb;
+      }
+      &:focus {
+        background: #b1dcfb;
+        border-color: $datepicker-focus;
+        outline: none;
+      }
+      &:before {
+        position: relative;
+        display: inline-block;
+        height: 0;
+      }
+    }
+    .picker__button--today,
+    .picker__button--clear{
+      &:before {
+        content: " ";
+        margin-right: .45em;
+      }
+    }
+    .picker__button--today{
+      &:before {
+        top: -0.05em;
+        width: 0;
+        border-top: 0.66em solid #0059bc;
+        border-left: .66em solid transparent;
+      }
+    }
+    .picker__button--clear{
+      &:before {
+        top: -0.25em;
+        width: .66em;
+        border-top: 3px solid #ee2200;
+      }
+    }
+    .picker__button--close{
+      &:before {
+        content: "\D7";
+        top: -0.1em;
+        vertical-align: top;
+        font-size: 1.1em;
+        margin-right: .35em;
+        color: #777777;
+      }
+    }
+    .picker__button--today[disabled],
+    .picker__button--today[disabled]:hover {
+      background: #f5f5f5;
+      border-color: #f5f5f5;
+      color: #dddddd;
+      cursor: default;
+    }
+    .picker__button--today[disabled]:before {
+      border-top-color: #aaaaaa;
+    }
+  }
+
+}
+
+/* ==========================================================================
+   CUSTOM MATERIALIZE STYLES
+   ========================================================================== */
+
+.picker__calendar-container {
+  padding: 0 1rem;
+  thead {
+    border: none;
+  }
+}
diff --git a/scss/pro/picker/_default-time.scss b/scss/pro/picker/_default-time.scss
new file mode 100644
index 0000000..9ea7d27
--- /dev/null
+++ b/scss/pro/picker/_default-time.scss
@@ -0,0 +1,422 @@
+/* ==========================================================================
+   $BASE-TIME-PICKER
+   ========================================================================== */
+/**
+ * The list of times.
+ */
+.picker__list {
+  list-style: none;
+  padding: 0.75em 0 4.2em;
+  margin: 0;
+}
+/**
+ * The times on the clock.
+ */
+.picker__list-item {
+  border-bottom: 1px solid #dddddd;
+  border-top: 1px solid #dddddd;
+  margin-bottom: -1px;
+  position: relative;
+  @extend .white;
+  padding: .75em 1.25em;
+  @media (min-height: $timepicker-pickerlistitem-breakpoint) {
+    padding: .5em 1em;
+  }
+  /* Hovered time */
+  &:hover {
+    cursor: pointer;
+    @extend .black;
+    background: #b1dcfb;
+    border-color: #0089ec;
+    z-index: 10;
+  }
+}
+
+/* Highlighted and hovered/focused time */
+.picker__list-item--highlighted {
+  border-color: #0089ec;
+  z-index: 10;
+}
+.picker__list-item--highlighted:hover,
+.picker--focused .picker__list-item--highlighted {
+  cursor: pointer;
+  color: #000000;
+  background: #b1dcfb;
+}
+/* Selected and hovered/focused time */
+.picker__list-item--selected,
+.picker__list-item--selected:hover,
+.picker--focused .picker__list-item--selected {
+  background: #0089ec;
+  @extend .white-text;
+  z-index: 10;
+}
+/* Disabled time */
+.picker__list-item--disabled,
+.picker__list-item--disabled:hover,
+.picker--focused .picker__list-item--disabled {
+  background: #f5f5f5;
+  border-color: #f5f5f5;
+  color: #dddddd;
+  cursor: default;
+  border-color: #dddddd;
+  z-index: auto;
+}
+/**
+ * The clear button
+ */
+.picker--time {
+  .picker__button--clear {
+    display: block;
+    width: 80%;
+    margin: 1em auto 0;
+    padding: 1em 1.25em;
+    background: none;
+    border: 0;
+    font-weight: 500;
+    font-size: .67em;
+    text-align: center;
+    text-transform: uppercase;
+    color: #666;
+    &:hover,
+    &:focus {
+      color: #000000;
+      background: #b1dcfb;
+      background: #ee2200;
+      border-color: #ee2200;
+      cursor: pointer;
+      @extend .white-text;
+      outline: none;
+      &:before {
+        @extend .white-text;
+      }
+    }
+    &:before {
+      top: -0.25em;
+      color: #666;
+      font-size: 1.25em;
+      font-weight: 700;
+    }
+  }
+}
+
+/* ==========================================================================
+   $DEFAULT-TIME-PICKER
+   ========================================================================== */
+/**
+ * The frame the bounds the time picker.
+ */
+.picker--time .picker__frame {
+  min-width: 256px;
+  max-width: 320px;
+}
+/**
+ * The picker box.
+ */
+.picker--time .picker__box {
+  font-size: 1em;
+  background: #f2f2f2;
+  padding: 0;
+  @media (min-height: $timepicker-pickerbox-breakpoint) {
+    margin-bottom: 5em;
+  }
+
+}
+
+/*!
+ * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
+ * Copyright 2014 Wang Shenwei.
+ * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
+ *
+ * Further modified
+ * Copyright 2015 Ching Yaw Hao.
+ *
+ * Bootstrap v3.1.1 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+.picker__date-display {
+  text-align: center;
+  background-color: $datepicker-date-bg;
+  @extend .white-text;
+  padding-bottom: 15px;
+  font-weight: 300;
+  margin-bottom: 1rem;
+  .clockpicker-display {
+    vertical-align: middle;
+    display: inline-block;
+    margin: auto;
+    height: 85px;
+    font-size: 70px;
+    padding: 10px;
+    padding-bottom: 0px;
+    color: #b2dfdb;
+    .clockpicker-display-column {
+      float: left;
+      .clockpicker-span-hours.text-primary, .clockpicker-span-minutes.text-primary, #click-am.text-primary, #click-pm.text-primary {
+        animation-name: pulse;
+        @extend .white-text;
+      }
+      #click-am, #click-pm {
+        cursor: pointer;
+      }
+    }
+    .clockpicker-display-am-pm {
+      padding-left: 5px;
+      vertical-align: bottom;
+      height: 85px;
+      .clockpicker-span-am-pm {
+        display: inline-block;
+        font-size: 23px;
+        line-height: 25px;
+        color: #b2dfdb;
+      }
+    }
+    .clockpicker-span-hours, .clockpicker-span-minutes {
+      animation-duration: 500ms;
+      animation-fill-mode: both;
+      transition: color 500ms;
+      cursor: pointer;
+    }
+  }
+}
+.clockpicker-display {
+  text-align: center;
+  vertical-align: middle;
+  display: inline-block;
+  margin: auto;
+  height: 85px;
+  font-size: 70px;
+  padding: 10px;
+  padding-bottom: 0px;
+  color: #b2dfdb;
+  .clockpicker-display-column {
+    float: left;
+    .clockpicker-span-hours.text-primary, .clockpicker-span-minutes.text-primary, #click-am.text-primary, #click-pm.text-primary {
+      animation-name: pulse;
+      @extend .white-text;
+    }
+    #click-am, #click-pm {
+      cursor: pointer;
+    }
+  }
+  .clockpicker-display-am-pm {
+    padding-left: 5px;
+    vertical-align: bottom;
+    height: 85px;
+    .clockpicker-span-am-pm {
+      display: inline-block;
+      font-size: 23px;
+      line-height: 25px;
+      color: #b2dfdb;
+    }
+  }
+  .clockpicker-span-hours, .clockpicker-span-minutes {
+    animation-duration: 500ms;
+    animation-fill-mode: both;
+    transition: color 500ms;
+    cursor: pointer;
+  }
+}
+
+@keyframes pulse {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+  50% {
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.clockpicker-moving {
+  cursor: move;
+}
+.clockpicker-plate {
+  background-color: #eeeeee;
+  border-radius: 50%;
+  width: 270px;
+  height: 270px;
+  overflow: visible;
+  position: relative;
+  margin: auto;
+  margin-top: 20px;
+  /* Disable text selection highlighting. Thanks to Hermanya */
+  user-select: none;
+  .clockpicker-canvas,
+  .clockpicker-dial {
+    width: 270px;
+    height: 270px;
+    position: absolute;
+    left: -1px;
+    top: -1px;
+  }
+  .clockpicker-dial {
+    transition: transform 350ms, opacity 350ms;
+    .clockpicker-tick {
+      border-radius: 50%;
+      color: #666;
+      line-height: 40px;
+      text-align: center;
+      width: 40px;
+      height: 40px;
+      position: absolute;
+      cursor: pointer;
+      transition: background-color 300ms;
+      background-color: rgba(0, 150, 136, 0);
+      &.active,
+      &:hover {
+        background-color: rgba(0, 150, 136, 0.25);
+      }
+    }
+  }
+  .clockpicker-minutes {
+    visibility: hidden;
+  }
+  .clockpicker-dial-out {
+    opacity: 0;
+  }
+  .clockpicker-hours.clockpicker-dial-out {
+    transform: scale(1.2, 1.2);
+  }
+  .clockpicker-minutes.clockpicker-dial-out {
+    transform: scale(.8, .8);
+  }
+}
+
+.clockpicker-canvas {
+  transition: opacity 300ms;
+  line {
+    stroke: rgba(0, 150, 136, 0.25);
+    stroke-width: 1;
+  }
+}
+.clockpicker-canvas-out {
+  opacity: 0.25;
+}
+.clockpicker-canvas-bearing {
+  stroke: none;
+  fill: rgba(0, 77, 64, 0.75);
+}
+.clockpicker-canvas-fg {
+  stroke: none;
+  fill: rgba(0, 77, 64, 0);
+  &.active {
+    fill: rgba(0, 77, 64, 0.5);
+  }
+}
+.clockpicker-canvas-bg {
+  stroke: none;
+  fill: rgba(0, 150, 136, 0.25);
+}
+.clockpicker-canvas-bg-trans {
+  fill: rgba(0, 150, 136, 0.25);
+}
+
+.clockpicker-am-pm-block{
+  margin-top: -10px;
+  width: 100%;
+  height: 50px;
+  .clockpicker-button.am-button {
+    height: 45px;
+    width: 45px;
+    float: left;
+    border: 0;
+  }
+  .clockpicker-button.pm-button {
+    height: 45px;
+    width: 45px;
+    float: right;
+    border: 0;
+  }
+}
+
+.btn-floating.btn-flat {
+  color: $white;
+  padding: 0;
+  background: $primary-color;
+  &:hover {
+    box-shadow: none;
+  }
+  &:hover,
+  &:focus {
+    background-color: lighten( $primary-color, 5%)!important;
+  }
+  &.active {
+    background-color: darken( $primary-color, 20%)!important;
+    @extend .z-depth-1-half;
+  }
+}
+
+.picker__footer {
+  .clockpicker-button {
+    margin: auto;
+    margin-top: 15px;
+    background-color: transparent;
+    text-transform: uppercase;
+    &:focus {
+      background-color: transparent;
+    }
+    &:active {
+      background-color: rgba(0, 150, 136, 0.25);
+    }
+  }
+}
+
+.darktheme {
+  .picker__box {
+    background-color: #212121;
+    .picker__date-display {
+      background-color: transparent;
+      .clockpicker-display {
+        @extend .white-text;
+        .clockpicker-span-am-pm {
+          @extend .white-text;
+        }
+
+      }
+    }
+    .picker__calendar-container{
+      .clockpicker-plate {
+        background-color: transparent;
+        .clockpicker-tick {
+          @extend .white-text;
+          background-color: rgba(255, 64, 129, 0);
+          &.active, &:hover {
+            background-color: rgba(255, 64, 129, 0.25);
+          }
+        }
+        .clockpicker-canvas line {
+          stroke: rgba(255, 64, 129, 0.25);
+        }
+        .clockpicker-canvas-bearing {
+          fill: $white;
+        }
+        .clockpicker-canvas-fg {
+          fill: rgba(255, 64, 129, 0);
+          &.active {
+            fill: rgba(255, 64, 129, 0.5);
+          }
+        }
+        .clockpicker-canvas-bg {
+          fill: rgba(255, 64, 129, 0.25);
+        }
+        .clockpicker-canvas-bg-trans {
+          fill: rgba(255, 64, 129, 0.25);
+        }
+      }
+    }
+    .picker__footer{
+      button {
+        @extend .white-text;
+      }
+      .clockpicker-button:active {
+        background-color: rgba(255, 64, 129, 0.25);
+      }
+    }
+
+  }
+
+}
diff --git a/scss/pro/picker/_default.scss b/scss/pro/picker/_default.scss
new file mode 100644
index 0000000..95da68f
--- /dev/null
+++ b/scss/pro/picker/_default.scss
@@ -0,0 +1,147 @@
+/* ==========================================================================
+   $BASE-PICKER
+   ========================================================================== */
+/**
+ * Note: the root picker element should *NOT* be styled more than what's here.
+ */
+/**
+ * The picker input element.
+ */
+.picker__input {
+  cursor: default;
+}
+/**
+ * When the picker is opened, the input element is "activated".
+ */
+.picker__input.picker__input--active {
+  border-color: #0089ec;
+}
+/**
+ * Note: the root picker element should *NOT* be styled more than what's here.
+ */
+.picker {
+  font-size: 16px;
+  text-align: center;
+  line-height: 1.2;
+  color: #000000;
+  position: absolute;
+  z-index: 10000;
+  user-select: none;
+  /**
+   * The holder is the only "scrollable" top-level container element. The holder should overlay the entire screen.
+   */
+  .picker__holder {
+    width: 100%;
+    overflow-y: auto;
+    overflow-scrolling: touch;
+    position: fixed;
+    transition: background 0.15s ease-out, top 0s 0.15s;
+    backface-visibility: hidden;
+  }
+  /*!
+   * Default mobile-first, responsive styling for pickadate.js
+   * Demo: http://amsul.github.io/pickadate.js
+   */
+  /**
+   * Note: the root picker element should *NOT* be styled more than what's here.
+   */
+  /**
+   * Make the holder and frame fullscreen.
+   */
+  .picker__holder,
+  .picker__frame {
+    bottom: 0;
+    left: 0;
+    right: 0;
+    top: 100%;
+  }
+  /**
+   * The frame that bounds the box contents of the picker.
+   */
+  .picker__frame {
+    position: absolute;
+    margin: 0 auto;
+    min-width: 256px;
+    max-width: 325px;
+    //  picker width
+    width: 300px;
+    max-height: 350px;
+    filter: alpha(opacity=0);
+    opacity: 0;
+    transition: all 0.15s ease-out;
+    @media (min-height: $pickerframe-wrap-box-breakpoint) {
+      overflow: visible;
+      top: auto;
+      bottom: -100%;
+      max-height: 80%;
+    }
+    @media (min-height: $pickerframe-mb-breakpoint) {
+      margin-bottom: 7.5%;
+    }
+    /**
+     * The wrapper sets the stage to vertically align the box contents.
+     */
+    .picker__wrap {
+      display: table;
+      width: 100%;
+      height: 100%;
+      @media (min-height: $pickerframe-wrap-box-breakpoint) {
+        display: block;
+      }
+    }
+
+  }
+  /**
+   * The box contains all the picker contents.
+   */
+  .picker__box {
+    background: #ffffff;
+    display: table-cell;
+    vertical-align: middle;
+    @media (min-height: $pickerframe-wrap-box-breakpoint) {
+      display: block;
+      border: 1px solid #777777;
+      border-top-color: #898989;
+      border-bottom-width: 0;
+      border-radius: 5px 5px 0 0;
+      box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
+    }
+  }
+}
+
+
+/**
+ * When the picker opens...
+ */
+.picker--opened {
+  .picker__holder {
+    top: 0;
+    background: transparent;
+    zoom: 1;
+    background: rgba(0, 0, 0, 0.32);
+    transition: background 0.15s ease-out;
+  }
+  .picker__frame {
+    top: 0;
+    filter: alpha(opacity=100);
+    opacity: 1;
+    @media (min-height: $pickerframe-pos-breakpoint) {
+      top: 10%;
+      bottom: auto;
+    }
+  }
+}
+
+
+/**
+ * For `large` screens, transform into an inline picker.
+ */
+
+/* ==========================================================================
+   CUSTOM MATERIALIZE STYLES
+   ========================================================================== */
+
+.datepicker.picker__input.picker__input--active,
+.timepicker.picker__input.picker__input--active {
+  border-bottom: 1px solid map-get($blue, "lighten-5");
+}
diff --git a/scss/pro/sections/_blog.scss b/scss/pro/sections/_blog.scss
new file mode 100644
index 0000000..9c0fdb9
--- /dev/null
+++ b/scss/pro/sections/_blog.scss
@@ -0,0 +1,74 @@
+.section .section-heading {
+  margin-top: 2rem;
+  margin-bottom: 4rem;
+}
+
+.section-heading {
+  text-align: center;
+  h1 {
+    @extend .h1-responsive;
+    margin-top: 2rem;
+    margin-bottom: 3rem;
+  }
+  p {
+    margin-bottom: 3rem;
+    margin-right: 15%;
+    margin-left: 15%;
+  }
+}
+
+.section-description {
+  color: #757575;
+  margin-bottom: 4rem;
+  margin-left: 15%;
+  margin-right: 15%;
+  text-align: center;
+  @media (max-width: $medium-screen) {
+    margin-left: 5%;
+    margin-right: 5%;
+  }
+}
+
+.section-blog-fw {
+  .view {
+    img {
+      @extend .img-fluid;
+      border-radius:2px;
+    }
+  }
+  .jumbotron {
+    text-align: center;
+  }
+  h2 {
+    @extend .h2-responsive;
+    margin-bottom: 1rem;
+    font-weight: 300;
+    a {
+      color: #424242;
+      transition :0.2s;
+      &:hover {
+        color: #616161;
+        transition :0.2s;
+      }
+    }
+  }
+  .excerpt,
+  .post-text {
+    margin-left: 10%;
+    margin-right: 10%;
+    text-align: justify;
+    @media (max-width: $medium-screen) {
+      margin-left: 5%;
+      margin-right: 5%;
+    }
+  }
+  hr {
+    display: block;
+  }
+}
+
+.hr-width {
+  @media (min-width: 1200px) {
+    width: 83%;
+  }
+}
diff --git a/scss/pro/sections/_contacts.scss b/scss/pro/sections/_contacts.scss
new file mode 100644
index 0000000..4923694
--- /dev/null
+++ b/scss/pro/sections/_contacts.scss
@@ -0,0 +1,53 @@
+// Contact
+
+.card .card-body h3 {
+  margin-bottom: 0;
+  padding: 0.7rem;
+}
+
+
+.section .contact-icons {
+  text-align: center;
+  list-style-type:none;
+  padding:0;
+  li {
+    margin-bottom: 2.2rem;
+  }
+}
+
+section{
+  .form{
+    form{
+      .btn-floating{
+        float: right;
+        position: relative;
+        bottom: 3rem;
+        margin-right: 0;
+      }
+    }
+  }
+  .contact{
+    background-color: #103f6d;
+    height: 100%;
+    @extend .white-text;
+    .contact-icons{
+      li{
+        i{
+          float: left;
+          clear: both;
+          margin-right: 1rem;
+          &.fa{
+            font-size: 1.5rem;
+          }
+        }
+        p{
+          padding-top: .5rem;
+          text-align: left;
+        }
+      }
+    }
+    i{
+      color: #6b89a5;
+    }
+  }
+}
diff --git a/scss/pro/sections/_magazine.scss b/scss/pro/sections/_magazine.scss
new file mode 100644
index 0000000..abdbda8
--- /dev/null
+++ b/scss/pro/sections/_magazine.scss
@@ -0,0 +1,62 @@
+// Magazine components
+.magazine-section {
+  .view {
+    margin-bottom: 2rem;
+  }
+  .single-news {
+    border-bottom: 1px solid #e0e0e0;
+    margin-bottom: 1.5rem;
+    &:last-of-type {
+      border-bottom: none;
+    }
+    @media (max-width: 772px) {
+      padding-bottom: 1rem;
+    }
+    .news-data {
+      margin-bottom: 5rem;
+      h6 {
+        float: left;
+      }
+      p {
+        float: right;
+      }
+    }
+    h3 {
+      margin-top: 1.5rem;
+      margin-bottom: 1.5rem;
+    }
+    a {
+      color: #424242;
+      font-weight: 300;
+      margin-bottom: 1rem;
+      &:hover {
+        color: #616161;
+        transition: 0.2s;
+      }
+      .fa-angle-right {
+        float: right;
+      }
+    }
+    p {
+      color: #757575;
+    }
+    strong{
+      font-weight: 500;
+    }
+  }
+  &.multi-columns {
+    h6 {
+      margin-bottom: 1.5rem;
+      text-align: center;
+    }
+    .view {
+      margin-bottom: 2rem;
+    }
+    .single-news {
+      padding-bottom: 1rem;
+      strong {
+        font-size: 1.2rem;
+      }
+    }
+  }
+}
diff --git a/scss/pro/sections/_pricing.scss b/scss/pro/sections/_pricing.scss
new file mode 100644
index 0000000..9174bc9
--- /dev/null
+++ b/scss/pro/sections/_pricing.scss
@@ -0,0 +1,137 @@
+// Pricing
+//Pricing Card
+.pricing-card {
+  text-align: center;
+  p {
+    font-size: 1rem;
+  }
+  ul {
+    list-style-type:none;
+    padding:0;
+  }
+  .header {
+    border-radius:6px 6px 0 0;
+    color: $white;
+    @extend .z-depth-1-half;
+    h4{
+      padding: 2.5rem;
+      font-weight: 500;
+    }
+  }
+  .price {
+    position: relative;
+    padding-top: 3rem;
+    h1, h2 {
+      font-size: 5rem;
+      padding: 1.5rem;
+      font-weight:300;
+      &:before {
+        content: "$";
+        font-size: 30px;
+        position: absolute;
+        margin-left: -1.2rem;
+        margin-top: 0.7rem;
+      }
+      &:after {
+        content: "/mo";
+        font-size: 30px;
+        position: absolute;
+        margin-top: 3rem;
+      }
+    }
+    .version {
+      position: absolute;
+      top: 0;
+      width: 100%;
+      background-color: rgba(0, 0, 0, 0.3);
+      padding: 1rem;
+      @extend .z-depth-1;
+      h5 {
+        padding: 0;
+        margin: 0;
+      }
+    }
+  }
+  .heading {
+    h1 {
+      font-size: 4rem;
+      font-weight:400;
+    }
+  }
+  .striped {
+    padding: 0.6rem;
+    .fa {
+      margin-right: 5px;
+    }
+    .fa-check {
+      color: map-get($green, "base");
+    }
+    .fa-times {
+      color: map-get($red, "base");
+    }
+    li {
+      border-bottom: 1px solid rgba(153, 153, 153, 0.298039);
+      margin-bottom: 1rem;
+    }
+  }
+  // Card overlay
+  &.card-overlay {
+    display: block;
+    color: $white;
+    p {
+      color: $white;
+    }
+    .price {
+      padding-top: 0;
+    }
+  }
+  .green-striped {
+    li {
+      border-color: #33c28a ;
+    }
+  }
+  .orange-striped {
+    li {
+      border-color: #e97d63 ;
+    }
+  }
+  .purple-striped {
+    li {
+      border-color: #963c94 ;
+    }
+  }
+  .card-background {
+    background-color: #28283f;
+    border-radius: 0 0 6px 6px;
+  }
+}
+
+// Additional pricing cards
+.card {
+  .card-circle {
+    border: 2px solid #e0e0e0;
+    height: 120px;
+    width: 120px;
+    margin-bottom: 2rem;
+    @extend .flex-center;
+    border-radius: 50%;
+    .fa {
+      font-size: 4rem;
+    }
+  }
+}
+
+.naked-card {
+  h5 {
+    margin-top: 1.2rem;
+  }
+  .price {
+    padding-top: 0rem;
+  }
+  li p {
+    color: map-get($grey, "darken-1");
+    strong {
+      color: map-get($grey, "darken-2");
+    }
+  }
+}
diff --git a/scss/pro/sections/_projects.scss b/scss/pro/sections/_projects.scss
new file mode 100644
index 0000000..5a61ada
--- /dev/null
+++ b/scss/pro/sections/_projects.scss
@@ -0,0 +1,18 @@
+// .card-body{
+//   h3,
+//   h5 {
+//     font-weight: 400;
+//     margin-bottom: 1rem;
+//   }
+
+//   h4 {
+//     font-weight: 500;
+//     margin-bottom: 1rem;
+//   }
+
+//   a {
+//     h5 {
+//       font-size: 1rem;
+//     }
+//   }
+// }
diff --git a/scss/pro/sections/_social.scss b/scss/pro/sections/_social.scss
new file mode 100644
index 0000000..07ce040
--- /dev/null
+++ b/scss/pro/sections/_social.scss
@@ -0,0 +1,193 @@
+// Social feed
+.mdb-feed {
+  margin: 1rem 0 1rem 0;
+  .news {
+    display: flex;
+    .label {
+      display: block;
+      flex: 0 0 auto;
+      align-self: stretch;
+      width: 2.5rem;
+      img {
+        width: 100%;
+        height: auto;
+      }
+    }
+    .excerpt {
+      display: block;
+      flex: 1 1 auto;
+      align-self: stretch;
+      word-wrap: break-word;
+      margin: 0 0 1.2rem 1.2rem;
+      .brief {
+        padding-bottom: 0.5rem;
+        font-weight: 500;
+        a {
+          color: $primary-color;
+        }
+        .name {
+          display: inline-block;
+          vertical-align: baseline;
+        }
+        .date {
+          display: inline-block;
+          float: none;
+          padding-left: 0.7rem;
+          font-weight: 300;
+          font-size: 0.86rem;
+          color: map-get($grey, "base");
+        }
+      }
+      .added-images {
+        margin-bottom: 0.6rem;
+        img {
+          display: inline-block;
+          margin-right: 0.3rem;
+          width: 7rem;
+        }
+      }
+      .added-text {
+        margin-bottom: 0.6rem;
+        max-width: 450px;
+      }
+      .feed-footer {
+        .like {
+          font-weight: 300;
+          font-size: 0.86rem;
+          color: map-get($grey, "base");
+          &:hover {
+            .fa {
+              color: map-get($red, "base");
+              transition: 0.4s;
+            }
+            span {
+              color: $black;
+              transition: 0.4s;
+            }
+          }
+          .fa {
+            padding-right: 0.5rem;
+          }
+        }
+        span a {
+          padding-right: 0.3rem;
+          color: $primary-color;
+          cursor: default;
+        }
+        .thumbs {
+          .fa {
+            color: map-get($grey, "base");
+            transition: 0.4s;
+            &:hover {
+              color: map-get($grey, "darken-1");
+            }
+          }
+          .fa-thumbs-up {
+            padding-right: 0.3rem;
+          }
+        }
+        .comment {
+          color: map-get($grey, "base");
+        }
+      }
+    }
+  }
+}
+
+//Card
+.card-personal {
+  .card-body {
+    .card-title {
+      font-weight: 400;
+      &.title-one {
+        transition: 0.4s;
+        &:hover {
+          color: $primary-color;
+        }
+      }
+    }
+    .card-title {
+      margin-bottom: 0.3rem;
+    }
+    .card-meta {
+      font-weight: 300;
+      font-size: 0.86rem;
+      color: map-get($grey, "darken-1");
+      .fa {
+        padding-right: 0.5rem;
+      }
+    }
+    span {
+      transition: 0.5s;
+      &:hover {
+        color: $primary-color;
+      }
+    }
+  }
+}
+
+//News card
+.news-card {
+  .content {
+    .right-side-meta {
+      float: right;
+      font-weight: 300;
+      color: map-get($grey, "base");
+      margin-top: 0.3rem;
+    }
+    .avatar-img {
+      width: 2rem;
+      margin-right: 1rem;
+    }
+    img {
+      border-radius: 50%;
+      display: inline-block;
+      vertical-align: middle;
+      max-width: 100%;
+    }
+  }
+  .social-meta {
+    .fa {
+      padding-right: 0.6rem;
+    }
+    .fa-heart-o {
+      cursor: pointer;
+      color: rgba($black, .4);
+      transition: 0.53s;
+      &:hover {
+        color: map-get($red, "base");
+      }
+    }
+    span {
+      float: right;
+    }
+  }
+  .md-form {
+    margin-top: 1.3rem;
+    margin-bottom: 0.3rem;
+    .prefix {
+      font-size: 1.5rem;
+      margin-left: 0.2rem;
+      color: rgba($black, .4);
+      ~input,
+      .md-form .prefix~textarea {
+        width: calc(100% - 4rem);
+      }
+    }
+    .prefix.active {
+      color: rgba($black, .4);
+    }
+    .form-control {
+      padding-top: 0;
+      padding-bottom: 0.5rem;
+      margin-left: 3rem;
+      margin-bottom: 0;
+      height: 1.3rem;
+      border-bottom: 1px solid rgba($black, .1);
+    }
+  }
+}
+
+.no-radius {
+  border-radius: 0!important;
+}
diff --git a/scss/pro/sections/_team.scss b/scss/pro/sections/_team.scss
new file mode 100644
index 0000000..68afa33
--- /dev/null
+++ b/scss/pro/sections/_team.scss
@@ -0,0 +1,35 @@
+// Team
+.section {
+  &.team-section {
+    .avatar {
+      margin-bottom: 2rem;
+      @extend .flex-center;
+      height: auto;
+      .rounded-circle {
+        max-width: 170px;
+      }
+      img{
+        max-width: 200px;
+        height: auto;
+      }
+    }
+    .title-color {
+      font-weight: 400;
+      color: rgba($black, .6);
+    }
+    h4,h5 {
+      margin-bottom: 1rem;
+    }
+    .grey-text {
+      color: #6e6e6e !important;
+    }
+  }
+  h4{
+    font-weight: 400;
+  }
+  .card-wrapper{
+    .fa-repeat, .fa-undo {
+      font-size: 15px;
+    }
+  }
+}
diff --git a/scss/pro/sections/_templates.scss b/scss/pro/sections/_templates.scss
new file mode 100644
index 0000000..d0f9b1c
--- /dev/null
+++ b/scss/pro/sections/_templates.scss
@@ -0,0 +1,55 @@
+// Templates
+// Fixed SideNav
+.fixed-sn {
+  .double-nav,
+  main,
+  footer {
+    padding-left: 240px;
+  }
+  main {
+    padding-top: 5.5rem;
+  }
+  @media (max-width: $sidenav-breakpoint) {
+    .double-nav,
+    main,
+    footer {
+      padding-left: 0;
+    }
+  }
+  @media (min-width: $small-screen) {
+    main,
+    .page-footer .container-fluid {
+      margin-left: 2%;
+      margin-right: 2%;
+    }
+  }
+  @media (min-width: $medium-screen) {
+    main,
+    .page-footer .container-fluid {
+      margin-left: 5%;
+      margin-right: 5%;
+    }
+  }
+  @media (min-width: $large-screen) {
+    main,
+    .page-footer .container-fluid {
+      margin-left: 6%;
+      margin-right: 6%;
+    }
+  }
+}
+
+// Hidden SideNav
+.hidden-sn {
+  main {
+    padding-top: 5.5rem;
+  }
+  .button-collapse {
+    display: block;
+    position: relative;
+    font-size: 1.4rem;
+    margin-right: 10px;
+    margin-left: -6px;
+    padding-left: 0;
+  }
+}
diff --git a/scss/pro/sections/_testimonials.scss b/scss/pro/sections/_testimonials.scss
new file mode 100644
index 0000000..c572f9e
--- /dev/null
+++ b/scss/pro/sections/_testimonials.scss
@@ -0,0 +1,54 @@
+// Testimonials
+.testimonial-carousel {
+  .carousel-control {
+    background-image: none;
+    top:50%;
+    transform: translateY(-35%);
+    &:before {
+      font-size: 5rem;
+      color: rgba($black,.6);
+    }
+    &:hover {
+      &:before {
+        color: $black;
+        transition: 0.4s;
+      }
+    }
+    &.left {
+      left:6%;
+      &:before {
+        content: "\2039";
+      }
+    }
+    &.right {
+      right:6%;
+      &:before {
+        content: "\203a";
+      }
+    }
+  }
+  .testimonial {
+    margin-right: 15%;
+    margin-left: 15%;
+    .avatar {
+      margin-bottom: 2rem;
+      @extend .flex-center;
+      img {
+        max-width: 170px;
+        @extend .z-depth-2;
+      }
+    }
+    h4 {
+      margin-bottom: 1.3rem;
+      font-weight: 500;
+    }
+    h5 {
+      margin-bottom: 0.9rem;
+      color: map-get($grey, "darken-3");
+      font-weight: 400;
+    }
+    p {
+      color: #666;
+    }
+  }
+}
diff --git a/scss/style.scss b/scss/style.scss
new file mode 100644
index 0000000..d190675
--- /dev/null
+++ b/scss/style.scss
@@ -0,0 +1 @@
+// Your custom styles
\ No newline at end of file
diff --git a/src/app/app.component.css b/src/app/app.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/app.component.html b/src/app/app.component.html
new file mode 100644
index 0000000..562a2f1
--- /dev/null
+++ b/src/app/app.component.html
@@ -0,0 +1,4 @@
+<!-- Start your project here-->
+<router-outlet></router-outlet>
+  <!-- /Start your project here-->
+  
\ No newline at end of file
diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
new file mode 100644
index 0000000..c740bcd
--- /dev/null
+++ b/src/app/app.component.spec.ts
@@ -0,0 +1,32 @@
+import { TestBed, async } from '@angular/core/testing';
+
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  }));
+
+  it('should create the app', async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it(`should have as title 'app works!'`, async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app.title).toEqual('app works!');
+  }));
+
+  it('should render title in a h1 tag', async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.debugElement.nativeElement;
+    expect(compiled.querySelector('h1').textContent).toContain('app works!');
+  }));
+});
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
new file mode 100644
index 0000000..1040292
--- /dev/null
+++ b/src/app/app.component.ts
@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+// import { ToastService } from './typescripts/pro/alerts';
+
+@Component({
+  selector: 'mdb-root',
+  templateUrl: 'app.component.html',
+  styleUrls: ['app.component.css']
+
+})
+
+export class AppComponent {
+    title = 'app';
+}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
new file mode 100644
index 0000000..9c94e00
--- /dev/null
+++ b/src/app/app.module.ts
@@ -0,0 +1,71 @@
+import { ToastModule } from './typescripts/pro/alerts/toast/toast.module';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { HttpModule } from '@angular/http';
+import { HttpClientModule } from '@angular/common/http';
+import { MDBBootstrapModule } from './typescripts/free';
+import { MDBBootstrapModulePro } from './typescripts/pro/index';
+import { AgmCoreModule } from '@agm/core';
+import { AppComponent } from './app.component';
+import { MDBSpinningPreloader } from './typescripts/pro/index';
+
+import { LoginComponent } from './login/login.component';
+import { SignupComponent } from './signup/signup.component';
+import { BookComponent } from './book/book.component';
+
+import { RouterModule, Routes } from '@angular/router';
+
+const appRoutes: Routes = [
+    {
+        path: 'books/:tokenFromLogin',
+        component: BookComponent,
+        data: { title: 'Book List' }
+    },
+    {
+        path: 'login',
+        component: LoginComponent,
+        data: { title: 'Login' }
+    },
+    {
+        path: 'signup',
+        component: SignupComponent,
+        data: { title: 'Sign Up' }
+    },
+    { path: '',
+        redirectTo: '/login',
+        pathMatch: 'full'
+    }
+];
+
+@NgModule({
+  declarations: [
+    AppComponent,
+    LoginComponent,
+    SignupComponent,
+    BookComponent
+  ],
+  imports: [
+    BrowserModule,
+    BrowserAnimationsModule,
+    FormsModule,
+    HttpModule,
+    HttpClientModule,
+    RouterModule.forRoot(
+        appRoutes,
+        { enableTracing: true } // <-- debugging purposes only
+    ),
+    ToastModule.forRoot(),
+    MDBBootstrapModule.forRoot(),
+    MDBBootstrapModulePro.forRoot(),
+    AgmCoreModule.forRoot({
+      // https://developers.google.com/maps/documentation/javascript/get-api-key?hl=en#key
+      apiKey: 'Your_api_key'
+    })
+  ],
+  providers: [MDBSpinningPreloader],
+  bootstrap: [AppComponent],
+  schemas:      [ NO_ERRORS_SCHEMA ]
+})
+export class AppModule { }
diff --git a/src/app/book/book.component.css b/src/app/book/book.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/book/book.component.html b/src/app/book/book.component.html
new file mode 100644
index 0000000..82cf781
--- /dev/null
+++ b/src/app/book/book.component.html
@@ -0,0 +1,54 @@
+<div class="container">
+  <h1>File Listttt <button class="btn btn-success" (click)="logout()">Logout</button></h1>
+  <table class="table">
+    <thead>
+    <tr>
+      <th>ISBN</th>
+      <th>Title</th>
+      <th>Author</th>
+      <th>Publisher</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr *ngFor="let book of books">
+      <td>{{ book.isbn }}</td>
+      <td>{{ book.title }}</td>
+      <td>{{ book.author }}</td>
+      <td>{{ book.publisher }}</td>
+    </tr>
+    </tbody>
+  </table>
+</div>
+
+
+
+<h1>
+  Hey here, Upload a file here
+</h1>
+
+<label class="btn btn-info col-sm-2 col-md-2" >
+  Fichier à ajouter<input type="file" style="display: none;" #myPicture name="myPicture" (change)="fileChangeEvent($event)">
+</label>
+
+<button type="button" class="btn btn-success" (click)="upload()">Ajouter le fichier {{fileChooseName}}</button>
+
+<h3> Vous avez choisi : {{fileChooseName}}</h3>
+
+
+<div *ngIf="allUserFile">
+  Votre <strong>liste de fichier</strong> ci-dessous:
+  <li *ngFor="let file of allUserFile">
+    nom : {{ file.name }} / owner: {{ file.owner }} / path : {{ file.path }}
+    <!--<img src="../../../public/GOPR0034.jpg">-->
+  </li>
+
+</div>
+
+<!--
+<form enctype="multipart/form-data" method="post" name="fileinfo">
+  <label>Fichier à mettre de côté :</label>
+  <input type="file" name="file" (change)="fileChangeEvent($event)" required />
+  <input type="submit" (click)="upload2()" value="Mettez le fichier de côté." />
+</form>
+<div></div>
+  -->
diff --git a/src/app/book/book.component.spec.ts b/src/app/book/book.component.spec.ts
new file mode 100644
index 0000000..f6aee4f
--- /dev/null
+++ b/src/app/book/book.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BookComponent } from './book.component';
+
+describe('BookComponent', () => {
+  let component: BookComponent;
+  let fixture: ComponentFixture<BookComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ BookComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BookComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/book/book.component.ts b/src/app/book/book.component.ts
new file mode 100644
index 0000000..6f9b66f
--- /dev/null
+++ b/src/app/book/book.component.ts
@@ -0,0 +1,131 @@
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Router, ActivatedRoute } from '@angular/router';
+import { Observable } from 'rxjs/Observable';
+import { tap, catchError } from 'rxjs/operators';
+import { of } from 'rxjs/observable/of';
+import {Http} from "@angular/http";
+import {Form} from "@angular/forms";
+import * as formData from 'form-data';
+
+@Component({
+  selector: 'app-book',
+  templateUrl: './book.component.html',
+  styleUrls: ['./book.component.css']
+})
+export class BookComponent implements OnInit, OnDestroy {
+  currentUser: any;
+  allUserFile: any;
+  books: any;
+  filesToUpload: Array<File>;
+  fileChooseName: string;
+  httpOptions: any;
+  tokenFromLogin: any;
+  constructor(private http: HttpClient, private router: Router, private route: ActivatedRoute) {
+
+    this.fileChooseName = 'None';
+    this.filesToUpload = [];
+  }
+
+  ngOnInit() {
+
+    this.route.params.subscribe(params => {
+      this.tokenFromLogin = params['tokenFromLogin'];
+
+      this.httpOptions = {
+        headers: new HttpHeaders({ 'Authorization': localStorage.getItem('jwtToken') })
+      };
+
+      this.http.get('/api/book', this.httpOptions).subscribe(user => {
+        this.currentUser  = user;
+        console.log('mothafuka cureent user : ' + JSON.stringify(this.currentUser));
+      }, err => {
+        if (err.status === 401) {
+          this.router.navigate(['login']);
+        }
+      });
+
+      this.http.get('/api/allUserFile', this.httpOptions).subscribe(files => {
+        this.allUserFile  = files;
+        console.log('mothafuka cureent user : ' + JSON.stringify(this.allUserFile));
+      }, err => {
+        if (err.status === 401) {
+          this.router.navigate(['login']);
+        }
+      });
+    });
+
+
+  }
+  ngOnDestroy() {
+    localStorage.removeItem('jwtToken');
+    this.tokenFromLogin = '';
+    this.httpOptions = null;
+    this.currentUser  = null;
+  }
+  upload() {
+
+    this.makeFileRequest('http://localhost:3000/api/upload', [], this.filesToUpload).then((result) => {
+      // var source = 'http://localhost:3000/public/'+result[0].filename;
+      console.log('current USer Filleeee ::: '+ JSON.stringify(this.currentUser));
+      var fileUploadData = { uid: '222', name:result[0].filename.toString(), path: result[0].path.toString(), extention:this.filesToUpload[0].type.toString(), taille:this.filesToUpload[0].size.toString(), idUser: this.currentUser.id };
+      var message = '';
+      //console.log('mothafukaaaaaaaaaaa : ' + JSON.stringify(this.currentUser));
+      //console.log('mothafukaaaaaaaaaaa : ' + this.currentUser._id);
+      console.log('avaaaaanttttt : ' + this.currentUser.username.toString() + '     ----     ' + this.currentUser._id.toString());
+
+      if(this.currentUser.username)
+      this.http.post('api/uploadFileMongo', { name: result[0].filename.toString(), path: result[0].path.toString(), extention: this.filesToUpload[0].type.toString(), taille: this.filesToUpload[0].size.toString(), idUser: this.currentUser._id.toString(), owner: this.currentUser.username.toString() }).subscribe(resp => {
+        console.log('ok db !!' + resp.toString());
+      }, err => {
+        console.log('errrrr : ' + err);
+        message = err.error.msg;
+      });
+      console.log('apres');
+      console.log('fileUploadData: ' + fileUploadData);
+      console.log('fileUploadData.path: ' + fileUploadData.path);
+      console.log('fileUploadData.name: ' + fileUploadData.name);
+      console.log('fileUploadData.taille: ' + fileUploadData.taille);
+      console.log('fileUploadData.extention: ' + fileUploadData.extention);
+
+      console.log('result: ' + result[0].filename);
+
+
+    }, (error) => {
+      console.error(error);
+    });
+  }
+
+  fileChangeEvent(fileInput: any){
+    this.filesToUpload = <Array<File>> fileInput.target.files;
+    this.fileChooseName = this.filesToUpload[0].name;
+  }
+
+  makeFileRequest(url: string, params: Array<string>, files: Array<File>) {
+    return new Promise((resolve, reject) => {
+      var formData: any = new FormData();
+      var xhr = new XMLHttpRequest();
+
+      formData.append("public[]", files[0], files[0].name);
+      xhr.onreadystatechange = function () {
+        if (xhr.readyState == 4) {
+          if (xhr.status == 200) {
+            resolve(JSON.parse(xhr.response));
+          } else {
+            reject(xhr.response);
+          }
+        }
+      };
+
+      xhr.open("POST", url, true);
+      xhr.send(formData);
+    });
+  }
+
+  logout() {
+    this.httpOptions = null;
+    localStorage.removeItem('jwtToken');
+    this.router.navigate(['login']);
+  }
+
+}
diff --git a/src/app/login/login.component.css b/src/app/login/login.component.css
new file mode 100644
index 0000000..0ff72f8
--- /dev/null
+++ b/src/app/login/login.component.css
@@ -0,0 +1,42 @@
+body {
+  padding-top: 40px;
+  padding-bottom: 40px;
+  background-color: #eee;
+}
+
+.form-signin {
+  max-width: 330px;
+  padding: 15px;
+  margin: 0 auto;
+}
+.form-signin .form-signin-heading,
+.form-signin .checkbox {
+  margin-bottom: 10px;
+}
+.form-signin .checkbox {
+  font-weight: normal;
+}
+.form-signin .form-control {
+  position: relative;
+  height: auto;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 10px;
+  font-size: 16px;
+}
+.form-signin .form-control:focus {
+  z-index: 2;
+}
+.form-signin input[type="email"] {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.form-signin input[type="password"] {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.form-signin p {
+  margin-top: 10px;
+}
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
new file mode 100644
index 0000000..9e9068e
--- /dev/null
+++ b/src/app/login/login.component.html
@@ -0,0 +1,17 @@
+<div class="container">
+  <form class="form-signin" (ngSubmit)="login()" #loginForm="ngForm">
+    <div class="alert alert-warning alert-dismissible" role="alert" *ngIf="message !== ''">
+      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+      {{message}}
+    </div>
+    <h2 class="form-signin-heading">Please sign in</h2>
+    <label for="inputEmail" class="sr-only">Email address</label>
+    <input type="email" class="form-control" placeholder="Email address" [(ngModel)]="loginData.username" name="username" required/>
+    <label for="inputPassword" class="sr-only">Password</label>
+    <input type="password" class="form-control" placeholder="Password" [(ngModel)]="loginData.password" name="password" required/>
+    <button class="btn btn-lg btn-primary btn-block" type="submit" [disabled]="!loginForm.form.valid">Sign in</button>
+    <p>
+      Not a member? <a [routerLink]="['/signup']">Signup here</a>
+    </p>
+  </form>
+</div>
diff --git a/src/app/login/login.component.spec.ts b/src/app/login/login.component.spec.ts
new file mode 100644
index 0000000..d6d85a8
--- /dev/null
+++ b/src/app/login/login.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LoginComponent } from './login.component';
+
+describe('LoginComponent', () => {
+  let component: LoginComponent;
+  let fixture: ComponentFixture<LoginComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LoginComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LoginComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/login/login.component.ts b/src/app/login/login.component.ts
new file mode 100644
index 0000000..07898e2
--- /dev/null
+++ b/src/app/login/login.component.ts
@@ -0,0 +1,32 @@
+import { Component, OnInit } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Router } from "@angular/router";
+import { Observable } from 'rxjs/Observable';
+import { tap, catchError } from 'rxjs/operators';
+import { of } from 'rxjs/observable/of';
+
+@Component({
+  selector: 'app-login',
+  templateUrl: './login.component.html',
+  styleUrls: ['./login.component.css']
+})
+export class LoginComponent implements OnInit {
+  loginData = { username: '', password: '' };
+  message = '';
+  data: any;
+  constructor(private http: HttpClient, private router: Router) { }
+
+  login() {
+    this.http.post('/api/signin',this.loginData).subscribe(resp => {
+      this.data = resp;
+      localStorage.setItem('jwtToken', this.data.token);
+      this.router.navigate(['books', this.data.token]);
+    }, err => {
+      this.message = err.error.msg;
+    });
+  }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/signup/signup.component.css b/src/app/signup/signup.component.css
new file mode 100644
index 0000000..0ff72f8
--- /dev/null
+++ b/src/app/signup/signup.component.css
@@ -0,0 +1,42 @@
+body {
+  padding-top: 40px;
+  padding-bottom: 40px;
+  background-color: #eee;
+}
+
+.form-signin {
+  max-width: 330px;
+  padding: 15px;
+  margin: 0 auto;
+}
+.form-signin .form-signin-heading,
+.form-signin .checkbox {
+  margin-bottom: 10px;
+}
+.form-signin .checkbox {
+  font-weight: normal;
+}
+.form-signin .form-control {
+  position: relative;
+  height: auto;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 10px;
+  font-size: 16px;
+}
+.form-signin .form-control:focus {
+  z-index: 2;
+}
+.form-signin input[type="email"] {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.form-signin input[type="password"] {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.form-signin p {
+  margin-top: 10px;
+}
diff --git a/src/app/signup/signup.component.html b/src/app/signup/signup.component.html
new file mode 100644
index 0000000..b0b07df
--- /dev/null
+++ b/src/app/signup/signup.component.html
@@ -0,0 +1,14 @@
+<div class="container">
+  <form class="form-signin" (ngSubmit)="signup()" #signupForm="ngForm">
+    <div class="alert alert-warning alert-dismissible" role="alert" *ngIf="message !== ''">
+      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+      {{message}}
+    </div>
+    <h2 class="form-signin-heading">Sign Up Now</h2>
+    <label for="inputEmail" class="sr-only">Email address</label>
+    <input type="email" class="form-control" placeholder="Email address" [(ngModel)]="signupData.username" name="username" required/>
+    <label for="inputPassword" class="sr-only">Password</label>
+    <input type="password" class="form-control" placeholder="Password" [(ngModel)]="signupData.password" name="password" required/>
+    <button class="btn btn-lg btn-primary btn-block" type="submit" [disabled]="!signupForm.form.valid">Sign Up</button>
+  </form>
+</div>
diff --git a/src/app/signup/signup.component.spec.ts b/src/app/signup/signup.component.spec.ts
new file mode 100644
index 0000000..43e46a5
--- /dev/null
+++ b/src/app/signup/signup.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SignupComponent } from './signup.component';
+
+describe('SignupComponent', () => {
+  let component: SignupComponent;
+  let fixture: ComponentFixture<SignupComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SignupComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SignupComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/signup/signup.component.ts b/src/app/signup/signup.component.ts
new file mode 100644
index 0000000..a015c7a
--- /dev/null
+++ b/src/app/signup/signup.component.ts
@@ -0,0 +1,28 @@
+import { Component, OnInit } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Router } from "@angular/router";
+import { Observable } from 'rxjs/Observable';
+import { tap, catchError } from 'rxjs/operators';
+import { of } from 'rxjs/observable/of';
+
+@Component({
+  selector: 'app-signup',
+  templateUrl: './signup.component.html',
+  styleUrls: ['./signup.component.css']
+})
+export class SignupComponent implements OnInit {
+  signupData = { username:'', password:'' };
+  message = '';
+  constructor(private http: HttpClient, private router: Router) { }
+  signup() {
+    this.http.post('/api/signup',this.signupData).subscribe(resp => {
+      // console.log(resp);
+      this.router.navigate(['login']);
+    }, err => {
+      this.message = err.error.msg;
+    });
+  }
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/typescripts/free/.directory b/src/app/typescripts/free/.directory
new file mode 100644
index 0000000..43f2945
--- /dev/null
+++ b/src/app/typescripts/free/.directory
@@ -0,0 +1,10 @@
+[Dolphin]
+PreviewsShown=true
+SortOrder=1
+SortRole=modificationtime
+Timestamp=2018,4,20,11,20,20
+Version=4
+VisibleRoles=Icons_text,Icons_modificationtime
+
+[Settings]
+HiddenFilesShown=true
diff --git a/src/app/typescripts/free/buttons/buttons.module.ts b/src/app/typescripts/free/buttons/buttons.module.ts
new file mode 100644
index 0000000..bc805fa
--- /dev/null
+++ b/src/app/typescripts/free/buttons/buttons.module.ts
@@ -0,0 +1,14 @@
+import { NgModule, ModuleWithProviders } from '@angular/core';
+
+import { ButtonCheckboxDirective } from './checkbox.directive';
+import { ButtonRadioDirective } from './radio.directive';
+
+@NgModule({
+  declarations: [ButtonCheckboxDirective, ButtonRadioDirective],
+  exports: [ButtonCheckboxDirective, ButtonRadioDirective]
+})
+export class ButtonsModule {
+  public static forRoot(): ModuleWithProviders {
+    return {ngModule: ButtonsModule, providers: []};
+  }
+}
diff --git a/src/app/typescripts/free/buttons/checkbox.directive.ts b/src/app/typescripts/free/buttons/checkbox.directive.ts
new file mode 100644
index 0000000..9d0700c
--- /dev/null
+++ b/src/app/typescripts/free/buttons/checkbox.directive.ts
@@ -0,0 +1,80 @@
+import { Directive, HostBinding, HostListener, Input, OnInit, forwardRef } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+// TODO: config: activeClass - Class to apply to the checked buttons
+
+export const CHECKBOX_CONTROL_VALUE_ACCESSOR: any = {
+  provide: NG_VALUE_ACCESSOR,
+  useExisting: forwardRef(() => ButtonCheckboxDirective),
+  multi: true
+};
+
+/**
+* Add checkbox functionality to any element
+*/
+@Directive({selector: '[mdbCheckbox]', providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR]})
+export class ButtonCheckboxDirective implements ControlValueAccessor, OnInit {
+  /** Truthy value, will be set to ngModel */
+  @Input() public btnCheckboxTrue: any = true;
+  /** Falsy value, will be set to ngModel */
+  @Input() public btnCheckboxFalse: any = false;
+
+  @HostBinding('class.active') public state = false;
+
+  protected value: any;
+  protected isDisabled: boolean;
+
+  protected onChange: any = Function.prototype;
+  protected onTouched: any = Function.prototype;
+
+  // view -> model
+  @HostListener('click')
+  public onClick(): void {
+    if (this.isDisabled) {
+      return;
+    }
+
+    this.toggle(!this.state);
+    this.onChange(this.value);
+  }
+
+  public ngOnInit(): any {
+    this.toggle(this.trueValue === this.value);
+  }
+
+  protected get trueValue(): boolean {
+    return typeof this.btnCheckboxTrue !== 'undefined'
+    ? this.btnCheckboxTrue
+    : true;
+  }
+
+  protected get falseValue(): boolean {
+    return typeof this.btnCheckboxFalse !== 'undefined'
+    ? this.btnCheckboxFalse
+    : false;
+  }
+
+  public toggle(state: boolean): void {
+    this.state = state;
+    this.value = this.state ? this.trueValue : this.falseValue;
+  }
+
+  // ControlValueAccessor
+  // model -> view
+  public writeValue(value: any): void {
+    this.state = this.trueValue === value;
+    this.value = value ? this.trueValue : this.falseValue;
+  }
+
+  public setDisabledState(isDisabled: boolean): void {
+    this.isDisabled = isDisabled;
+  }
+
+  public registerOnChange(fn: (_: any) => {}): void {
+    this.onChange = fn;
+  }
+
+  public registerOnTouched(fn: () => {}): void {
+    this.onTouched = fn;
+  }
+}
diff --git a/src/app/typescripts/free/buttons/index.ts b/src/app/typescripts/free/buttons/index.ts
new file mode 100644
index 0000000..99b59e5
--- /dev/null
+++ b/src/app/typescripts/free/buttons/index.ts
@@ -0,0 +1,3 @@
+export { ButtonsModule } from './buttons.module';
+export { ButtonRadioDirective } from './radio.directive';
+export { ButtonCheckboxDirective } from './checkbox.directive';
diff --git a/src/app/typescripts/free/buttons/licens.md b/src/app/typescripts/free/buttons/licens.md
new file mode 100644
index 0000000..68dc12f
--- /dev/null
+++ b/src/app/typescripts/free/buttons/licens.md
@@ -0,0 +1 @@
+https://github.com/valor-software/ngx-bootstrap/blob/development/LICENSE
\ No newline at end of file
diff --git a/src/app/typescripts/free/buttons/radio.directive.ts b/src/app/typescripts/free/buttons/radio.directive.ts
new file mode 100644
index 0000000..d43ab6b
--- /dev/null
+++ b/src/app/typescripts/free/buttons/radio.directive.ts
@@ -0,0 +1,76 @@
+import { Directive, ElementRef, HostBinding, forwardRef, HostListener, Input, OnInit } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+export const RADIO_CONTROL_VALUE_ACCESSOR: any = {
+  provide: NG_VALUE_ACCESSOR,
+  useExisting: forwardRef(() => ButtonRadioDirective),
+  multi: true
+};
+
+/**
+* Create radio buttons or groups of buttons.
+* A value of a selected button is bound to a variable specified via ngModel.
+*/
+@Directive({ selector: '[mdbRadio]', providers: [RADIO_CONTROL_VALUE_ACCESSOR] })
+export class ButtonRadioDirective implements ControlValueAccessor, OnInit {
+
+  public onChange: any = Function.prototype;
+  public onTouched: any = Function.prototype;
+
+  /** Radio button value, will be set to `ngModel` */
+  @Input() public mdbRadio: any;
+  /** If `true` — radio button can be unchecked */
+  @Input() public uncheckable: boolean;
+  /** Current value of radio component or group */
+  @Input() public value: any;
+
+  protected el: ElementRef;
+
+  @HostBinding('class.active')
+  public get isActive(): boolean {
+    return this.mdbRadio === this.value;
+  }
+
+  // @HostBinding('class.active')
+  @HostListener('click')
+  public onClick(): void {
+    if (this.el.nativeElement.attributes.disabled) {
+      return;
+    }
+
+    if (this.uncheckable && this.mdbRadio === this.value) {
+      this.value = undefined;
+    } else {
+      this.value = this.mdbRadio;
+    }
+
+    this.onTouched();
+    this.onChange(this.value);
+  }
+
+  public constructor(el: ElementRef) {
+    this.el = el;
+  }
+
+  public ngOnInit(): void {
+    this.uncheckable = typeof this.uncheckable !== 'undefined';
+  }
+
+  public onBlur(): void {
+    this.onTouched();
+  }
+
+  // ControlValueAccessor
+  // model -> view
+  public writeValue(value: any): void {
+    this.value = value;
+  }
+
+  public registerOnChange(fn: any): void {
+    this.onChange = fn;
+  }
+
+  public registerOnTouched(fn: any): void {
+    this.onTouched = fn;
+  }
+}
diff --git a/src/app/typescripts/free/carousel/carousel.component.html b/src/app/typescripts/free/carousel/carousel.component.html
new file mode 100644
index 0000000..07b7a5f
--- /dev/null
+++ b/src/app/typescripts/free/carousel/carousel.component.html
@@ -0,0 +1,23 @@
+<div tabindex="0" (swipeleft)="swipe($event.type)" (swiperight)="swipe($event.type)" (mouseenter)="pause()" (mouseleave)="play()" (mouseup)="play()" class="carousel {{ class }} {{ type }}">
+  <div class="controls-top" *ngIf="slides.length > 1 && !checkNavigation() && isControls">
+    <a class="btn-floating" [class.disabled]="activeSlide===0&&noWrap" (click)="previousSlide()"><i class="fa fa-chevron-left"></i></a>
+    <a class="btn-floating" (click)="nextSlide()" [class.disabled]="isLast(activeSlide) && noWrap"><i class="fa fa-chevron-right"></i></a>
+  </div>
+  <ol class="carousel-indicators" *ngIf="slides.length > 1 && checkDots() && isControls">
+   <li *ngFor="let slidez of slides; let i = index;" [class.active]="slidez.active === true" (click)="selectSlide(i)"></li>
+  </ol>
+  <ol class="carousel-indicators" *ngIf="slides.length > 1 && !checkDots() && isControls">
+   <li *ngFor="let slidez of slides; let i = index;" [class.active]="slidez.active === true" (click)="selectSlide(i)">
+    <img class="img-fluid" src="{{ getImg(slidez) }}">
+   </li>
+  </ol>
+  <div class="carousel-inner"><ng-content></ng-content></div>
+  <a class="carousel-control-prev" [class.disabled]="activeSlide === 0 && noWrap" (click)="previousSlide()" *ngIf="slides.length > 1 && checkNavigation() && isControls">
+  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+  <span  class="sr-only">Previous</span>
+  </a>
+  <a class="carousel-control-next" (click)="nextSlide()" [class.disabled]="isLast(activeSlide) && noWrap" *ngIf="slides.length > 1 && checkNavigation() && isControls">
+  <span class="carousel-control-next-icon" aria-hidden="true"></span>
+  <span class="sr-only">Next</span>
+  </a>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/free/carousel/carousel.component.ts b/src/app/typescripts/free/carousel/carousel.component.ts
new file mode 100644
index 0000000..6e713b8
--- /dev/null
+++ b/src/app/typescripts/free/carousel/carousel.component.ts
@@ -0,0 +1,460 @@
+import { Component, Input, OnDestroy, Output, EventEmitter, ElementRef, HostListener } from '@angular/core';
+
+  import { isBs3, LinkedList } from '../utils';
+  import { SlideComponent } from './slide.component';
+  import { CarouselConfig } from './carousel.config';
+
+  export enum Direction {UNKNOWN, NEXT, PREV}
+
+/**
+* Base element to create carousel
+*/
+@Component({
+  selector: 'mdb-carousel',
+  templateUrl: './carousel.component.html',
+})
+
+export class CarouselComponent implements OnDestroy {
+  SWIPE_ACTION = { LEFT: 'swipeleft', RIGHT: 'swiperight' };
+
+  protected _slides: LinkedList<SlideComponent> = new LinkedList<SlideComponent>();
+  public get slides(): SlideComponent[] {
+    return this._slides.toArray();
+  }
+
+  protected currentInterval: any;
+  protected isPlaying: boolean;
+  protected destroyed = false;
+  // protected el: ElementRef = null;
+  protected el: ElementRef | any = null;
+  protected animationEnd = true;
+
+  /** If `true` — carousel will not cycle continuously and will have hard stops (prevent looping) */
+  @Input() public noWrap: boolean;
+  /**  If `true` — will disable pausing on carousel mouse hover */
+  @Input() public noPause: boolean;
+
+  @Input('isControls') public isControls: boolean = true;
+  @Input() public keyboard: boolean;
+
+  @Input('class') public class: String = '';
+  @Input('type') public type: String = '';
+  @Input('animation') public animation: String = '';
+
+  // protected _currentActiveSlide: number;
+  protected _currentActiveSlide: number | any ;
+
+  /** Will be emitted when active slide has been changed. Part of two-way-bindable [(activeSlide)] property */
+  @Output() public activeSlideChange: EventEmitter <any> = new EventEmitter<any>(false);
+
+  /** Index of currently displayed slide(started for 0) */
+  @Input()
+  public set activeSlide(index: number) {
+    if (this._slides.length && index !== this._currentActiveSlide) {
+      this._select(index);
+    }
+  }
+  public get activeSlide(): number {
+    return this._currentActiveSlide;
+  }
+
+  protected _interval: number;
+
+  public checkNavigation() {
+    if (this.type === 'carousel-multi-item') {
+      return false;
+    }
+    return true;
+
+  }
+
+  public checkDots() {
+    if (this.type === 'carousel-thumbnails') {
+      return false;
+    }
+
+
+    return true;
+  }
+
+  getImg(slide: any) {
+    return slide.el.nativeElement.querySelector('img').src;
+  }
+
+  /**
+   * Delay of item cycling in milliseconds. If false, carousel won't cycle automatically.
+   */
+   @Input()
+   public get interval(): number {
+     return this._interval;
+   }
+   public set interval(value: number) {
+     this._interval = value;
+     this.restartTimer();
+   }
+
+   public get isBs4(): boolean {
+     return !isBs3();
+   }
+
+   public constructor(config: CarouselConfig, el: ElementRef) {
+     Object.assign(this, config);
+     this.el = el;
+   }
+
+   public ngOnDestroy(): void {
+     this.destroyed = true;
+   }
+
+  /**
+   * Adds new slide. If this slide is first in collection - set it as active and starts auto changing
+   * @param slide
+   */
+   public addSlide(slide: SlideComponent): void {
+     this._slides.add(slide);
+     if (this._slides.length === 1) {
+       this._currentActiveSlide = void 0;
+       this.activeSlide = 0;
+       this.play();
+     }
+   }
+
+  /**
+   * Removes specified slide. If this slide is active - will roll to another slide
+   * @param slide
+   */
+   public removeSlide(slide: SlideComponent): void {
+     const remIndex = this._slides.indexOf(slide);
+
+     if (this._currentActiveSlide === remIndex) {
+
+       // removing of active slide
+      //  let nextSlideIndex: number = void 0;
+      let nextSlideIndex: number | any = void 0;
+       if (this._slides.length > 1) {
+         // if this slide last - will roll to first slide, if noWrap flag is FALSE or to previous, if noWrap is TRUE
+         // in case, if this slide in middle of collection, index of next slide is same to removed
+         nextSlideIndex = !this.isLast(remIndex) ? remIndex :
+         this.noWrap ? remIndex - 1 : 0;
+       }
+       this._slides.remove(remIndex);
+
+       // prevents exception with changing some value after checking
+       setTimeout(() => {
+         this._select(nextSlideIndex);
+       }, 0);
+     } else {
+       this._slides.remove(remIndex);
+       const currentSlideIndex = this.getCurrentSlideIndex();
+       setTimeout(() => {
+         // after removing, need to actualize index of current active slide
+         this._currentActiveSlide = currentSlideIndex;
+         this.activeSlideChange.emit(this._currentActiveSlide);
+       }, 0);
+
+     }
+   }
+   // Fixed problem while cannot swipe next / previous image while using HammerJS.
+   swipe(action = this.SWIPE_ACTION.RIGHT) {
+    if (action === this.SWIPE_ACTION.RIGHT) {
+      this.previousSlide();
+    }
+
+    if (action === this.SWIPE_ACTION.LEFT) {
+      this.nextSlide();
+    }
+  }
+
+
+  /**
+   * Rolling to next slide
+   * @param force: {boolean} if true - will ignore noWrap flag
+   */
+   public nextSlide(force: boolean = false) {
+     if (this.animation === 'slide') {
+       this.pause();
+       const direction = Direction.NEXT;
+       this.slideAnimation(this.findNextSlideIndex(direction, force), direction);
+     } else if (this.animation === 'fade') {
+       this.pause();
+       this.fadeAnimation(this.findNextSlideIndex(Direction.NEXT, force));
+     } else {
+       this.activeSlide = this.findNextSlideIndex(Direction.NEXT, force);
+     }
+
+   }
+
+  /**
+   * Rolling to previous slide
+   * @param force: {boolean} if true - will ignore noWrap flag
+   */
+   public previousSlide(force: boolean = false): void {
+     if (this.animation === 'slide') {
+       this.pause();
+       const direction = Direction.PREV;
+       this.slideAnimation(this.findNextSlideIndex(direction, force), direction);
+     } else if (this.animation === 'fade') {
+       this.pause();
+       this.fadeAnimation(this.findNextSlideIndex(Direction.PREV, force));
+     } else {
+       this.activeSlide = this.findNextSlideIndex(Direction.PREV, force);
+     }
+   }
+
+   protected fadeAnimation(goToIndex: number) {
+     //const currentSlide = this._slides.get(this._currentActiveSlide);
+     const goToSlide = this._slides.get(goToIndex);
+
+     if (this.animationEnd) {
+       this.animationEnd = false;
+
+       goToSlide.directionNext = true;
+
+       setTimeout(() => {
+         goToSlide.directionNext = false;
+         this.animationEnd = true;
+
+         this.activeSlide = goToIndex;
+
+         this.play();
+       }, 100);
+     }
+   }
+
+   protected slideAnimation(goToIndex: number, direction: any) {
+
+     const currentSlide = this._slides.get(this._currentActiveSlide);
+     const goToSlide = this._slides.get(goToIndex);
+
+     if (this.animationEnd) {
+       if (direction === Direction.NEXT) {
+         this.animationEnd = false;
+         goToSlide.directionNext = true;
+         setTimeout(() => {
+           goToSlide.directionLeft = true;
+           currentSlide.directionLeft = true;
+         }, 100);
+       }
+
+       if (direction === Direction.PREV) {
+         this.animationEnd = false;
+
+         goToSlide.directionPrev = true;
+         setTimeout(() => {
+           goToSlide.directionRight = true;
+           currentSlide.directionRight = true;
+         }, 100);
+       }
+
+       setTimeout(() => {
+         goToSlide.directionLeft = false;
+         goToSlide.directionNext = false;
+         currentSlide.directionLeft = false;
+         currentSlide.directionNext = false;
+         goToSlide.directionRight = false;
+         goToSlide.directionPrev = false;
+         currentSlide.directionRight = false;
+         currentSlide.directionPrev = false;
+
+         this.animationEnd = true;
+
+         this.activeSlide = goToIndex;
+
+         let directionName;
+         if (direction === Direction.NEXT) {
+           directionName = 'Next';
+         } else if (direction === Direction.PREV) {
+           directionName = 'Prev';
+         }
+
+         this.activeSlideChange.emit({'direction': directionName, 'relatedTarget': this.activeSlide});
+         this.play();
+       }, 700);
+     }
+   }
+
+
+
+  /**
+   * Rolling to specified slide
+   * @param index: {number} index of slide, which must be shown
+   */
+   public selectSlide(index: number): void {
+     this.pause();
+     if (this.animation === 'slide') {
+
+       if (this.activeSlide < index) {
+         this.slideAnimation(index, Direction.NEXT);
+       } else if (this.activeSlide > index) {
+         this.slideAnimation(index, Direction.PREV);
+       }
+     } else if (this.animation === 'fade') {
+       if (index !== this.activeSlide) {
+         this.fadeAnimation(index);
+       }
+     }
+     this.play();
+   }
+
+  /**
+   * Starts a auto changing of slides
+   */
+   @HostListener('mouseleave') play() {
+     if (!this.isPlaying) {
+       this.isPlaying = true;
+       this.restartTimer();
+     }
+   }
+
+  /**
+   * Stops a auto changing of slides
+   */
+   @HostListener('mouseenter') pause() {
+     if (!this.noPause) {
+       this.isPlaying = false;
+       this.resetTimer();
+     }
+   }
+
+  /**
+   * Finds and returns index of currently displayed slide
+   * @returns {number}
+   */
+   public getCurrentSlideIndex(): number {
+     return this._slides.findIndex((slide: SlideComponent) => slide.active);
+   }
+
+  /**
+   * Defines, whether the specified index is last in collection
+   * @param index
+   * @returns {boolean}
+   */
+   public isLast(index: number): boolean {
+     return index + 1 >= this._slides.length;
+   }
+
+  /**
+   * Defines next slide index, depending of direction
+   * @param direction: Direction(UNKNOWN|PREV|NEXT)
+   * @param force: {boolean} if TRUE - will ignore noWrap flag, else will return undefined if next slide require wrapping
+   * @returns {any}
+   */
+   private findNextSlideIndex(direction: Direction, force: boolean): any {
+     let nextSlideIndex = 0;
+
+     if (!force && (this.isLast(this.activeSlide) && direction !== Direction.PREV && this.noWrap)) {
+       return void 0;
+     }
+
+     switch (direction) {
+       case Direction.NEXT:
+       // if this is last slide, not force, looping is disabled and need to going forward - select current slide, as a next
+       nextSlideIndex = (!this.isLast(this._currentActiveSlide)) ? this._currentActiveSlide + 1 :
+       (!force && this.noWrap ) ? this._currentActiveSlide : 0;
+       break;
+       case Direction.PREV:
+       // if this is first slide, not force, looping is disabled and need to going backward - select current slide, as a next
+       nextSlideIndex = (this._currentActiveSlide > 0) ? this._currentActiveSlide - 1 :
+       (!force && this.noWrap ) ? this._currentActiveSlide : this._slides.length - 1;
+       break;
+       default:
+       throw new Error('Unknown direction');
+     }
+     return nextSlideIndex;
+   }
+
+  /**
+   * Sets a slide, which specified through index, as active
+   * @param index
+   * @private
+   */
+   private _select(index: number): void {
+     if (isNaN(index)) {
+       this.pause();
+       return;
+     }
+     const currentSlide = this._slides.get(this._currentActiveSlide);
+     if (currentSlide) {
+       currentSlide.active = false;
+     }
+     const nextSlide = this._slides.get(index);
+     if (nextSlide) {
+       this._currentActiveSlide = index;
+       nextSlide.active = true;
+       this.activeSlide = index;
+       // this.activeSlideChange.emit(index);
+     }
+   }
+
+  /**
+   * Starts loop of auto changing of slides
+   */
+   private restartTimer(): any {
+     this.resetTimer();
+     const interval = +this.interval;
+     if (!isNaN(interval) && interval > 0) {
+       this.currentInterval = setInterval(
+         () => {
+           const nInterval = +this.interval;
+           if (this.isPlaying && !isNaN(this.interval) && nInterval > 0 && this.slides.length) {
+             this.nextSlide();
+           } else {
+             this.pause();
+           }
+         },
+         interval);
+     }
+   }
+
+  /**
+   * Stops loop of auto changing of slides
+   */
+   private resetTimer(): void {
+     if (this.currentInterval) {
+       clearInterval(this.currentInterval);
+       this.currentInterval = void 0;
+     }
+   }
+
+   protected hasClass(el: any, className: any) {
+     if (el.classList) {
+       return el.classList.contains(className);
+     } else {
+       return !!el.className.match(new RegExp('(\\s|^)' + className + '(\\s|$)'));
+     }
+   }
+
+   protected classAdd(el: any, className: any) {
+     if (el.classList) {
+       el.classList.add(className);
+     } else if (!this.hasClass(el, className)) {
+       el.className += ' ' + className;
+     }
+   }
+
+   protected removeClass(el: any, className: any) {
+     if (el.classList) {
+       el.classList.remove(className);
+     } else if (this.hasClass(el, className)) {
+       const reg = new RegExp('(\\s|^)' + className + '(\\s|$)');
+       el.className = el.className.replace(reg, ' ');
+     }
+   }
+
+   @HostListener('keyup', ['$event']) keyboardControl(event: KeyboardEvent) {
+     if (this.keyboard) {
+       if (event.keyCode === 39) {
+         this.nextSlide();
+       }
+
+       if (event.keyCode === 37) {
+         this.previousSlide();
+       }
+     }
+
+   }
+   @HostListener('click', ['$event']) focus() {
+     this.el.nativeElement.focus();
+   }
+
+ }
diff --git a/src/app/typescripts/free/carousel/carousel.config.ts b/src/app/typescripts/free/carousel/carousel.config.ts
new file mode 100644
index 0000000..21fbe1f
--- /dev/null
+++ b/src/app/typescripts/free/carousel/carousel.config.ts
@@ -0,0 +1,15 @@
+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class CarouselConfig {
+  /** Default interval of auto changing of slides */
+  public interval = 5000;
+
+  /** Is loop of auto changing of slides can be paused */
+  public noPause = false;
+
+  /** Is slides can wrap from the last to the first slide */
+  public noWrap = false;
+
+  public keyboard = false;
+}
diff --git a/src/app/typescripts/free/carousel/carousel.module.ts b/src/app/typescripts/free/carousel/carousel.module.ts
new file mode 100644
index 0000000..777217c
--- /dev/null
+++ b/src/app/typescripts/free/carousel/carousel.module.ts
@@ -0,0 +1,18 @@
+import { CommonModule } from '@angular/common';
+import { NgModule, ModuleWithProviders } from '@angular/core';
+
+import { CarouselComponent } from './carousel.component';
+import { SlideComponent } from './slide.component';
+import { CarouselConfig } from './carousel.config';
+
+@NgModule({
+  imports: [CommonModule],
+  declarations: [SlideComponent, CarouselComponent],
+  exports: [SlideComponent, CarouselComponent],
+  providers: [CarouselConfig]
+})
+export class CarouselModule {
+  public static forRoot(): ModuleWithProviders {
+    return {ngModule: CarouselModule, providers: []};
+  }
+}
diff --git a/src/app/typescripts/free/carousel/index.ts b/src/app/typescripts/free/carousel/index.ts
new file mode 100644
index 0000000..322baea
--- /dev/null
+++ b/src/app/typescripts/free/carousel/index.ts
@@ -0,0 +1,4 @@
+export { CarouselComponent } from './carousel.component';
+export { CarouselModule } from './carousel.module';
+export { SlideComponent } from './slide.component';
+export { CarouselConfig } from './carousel.config';
diff --git a/src/app/typescripts/free/carousel/licens.md b/src/app/typescripts/free/carousel/licens.md
new file mode 100644
index 0000000..68dc12f
--- /dev/null
+++ b/src/app/typescripts/free/carousel/licens.md
@@ -0,0 +1 @@
+https://github.com/valor-software/ngx-bootstrap/blob/development/LICENSE
\ No newline at end of file
diff --git a/src/app/typescripts/free/carousel/slide.component.ts b/src/app/typescripts/free/carousel/slide.component.ts
new file mode 100644
index 0000000..c7dc53c
--- /dev/null
+++ b/src/app/typescripts/free/carousel/slide.component.ts
@@ -0,0 +1,44 @@
+import { Component, HostBinding, OnDestroy, Input, OnInit, ElementRef } from '@angular/core';
+
+import { CarouselComponent } from './carousel.component';
+
+@Component({
+  selector: 'mdb-slide',
+  template: `
+  <ng-content></ng-content>
+  `
+})
+export class SlideComponent implements OnInit, OnDestroy {
+
+  /** Is current slide active */
+  @HostBinding('class.active')
+  @Input() public active: boolean;
+  @HostBinding('class.animated') animated = false;
+  @HostBinding('class.carousel-item-next') directionNext = false;
+  @HostBinding('class.carousel-item-left') directionLeft = false;
+  @HostBinding('class.carousel-item-prev') directionPrev = false;
+  @HostBinding('class.carousel-item-right') directionRight = false;
+  /** Wraps element by appropriate CSS classes */
+  @HostBinding('class.carousel-item')
+
+
+  /** Link to Parent(container-collection) component */
+  protected carousel: CarouselComponent;
+  // public el: ElementRef = null;
+  public el: ElementRef | any = null;
+
+  public constructor(carousel: CarouselComponent, el: ElementRef) {
+    this.carousel = carousel;
+    this.el = el;
+  }
+
+  /** Fires changes in container collection after adding a new slide instance */
+  public ngOnInit(): void {
+    this.carousel.addSlide(this);
+  }
+
+  /** Fires changes in container collection after removing of this slide instance */
+  public ngOnDestroy(): void {
+    this.carousel.removeSlide(this);
+  }
+}
diff --git a/src/app/typescripts/free/charts/chart.directive.ts b/src/app/typescripts/free/charts/chart.directive.ts
new file mode 100644
index 0000000..2fcb7d1
--- /dev/null
+++ b/src/app/typescripts/free/charts/chart.directive.ts
@@ -0,0 +1,288 @@
+import {
+  OnDestroy,
+  OnInit,
+  OnChanges,
+  EventEmitter,
+  ElementRef,
+  Input,
+  Output,
+  SimpleChanges,
+  Directive
+} from '@angular/core';
+
+import { Color } from './color.service';
+import { Colors } from './colors.service';
+
+import { isPlatformBrowser } from '@angular/common';
+import { PLATFORM_ID, Inject } from '@angular/core';
+declare var Chart: any;
+
+@Directive({ selector: 'canvas[mdbChart]', exportAs: 'mdb-base-chart' })
+export class BaseChartDirective implements OnDestroy, OnChanges, OnInit, Colors {
+  public static defaultColors: Array<number[]> = [
+    [255, 99, 132],
+    [54, 162, 235],
+    [255, 206, 86],
+    [231, 233, 237],
+    [75, 192, 192],
+    [151, 187, 205],
+    [220, 220, 220],
+    [247, 70, 74],
+    [70, 191, 189],
+    [253, 180, 92],
+    [148, 159, 177],
+    [77, 83, 96]
+  ];
+
+  @Input() public data: number[] | any[];
+  @Input() public datasets: any[];
+  @Input() public labels: Array<any> = [];
+  @Input() public options: any = {
+    legend: { display: false }
+  };
+  @Input() public chartType: string;
+  @Input() public colors: Array<any>;
+  @Input() public legend = false;
+
+  @Output() public chartClick: EventEmitter<any> = new EventEmitter();
+  @Output() public chartHover: EventEmitter<any> = new EventEmitter();
+
+  public ctx: any;
+  public chart: any;
+  cvs: any;
+  initFlag = false;
+
+  element: ElementRef;
+  isBrowser: any = false;
+  public constructor(element: ElementRef, @Inject(PLATFORM_ID) platformId: string) {
+    this.element = element;
+    this.isBrowser = isPlatformBrowser(platformId);
+  }
+
+  public ngOnInit(): any {
+    if (this.isBrowser) {
+      this.ctx = this.element.nativeElement.getContext('2d');
+      this.cvs = this.element.nativeElement;
+      this.initFlag = true;
+      if (this.data || this.datasets) {
+        this.refresh();
+      }
+    }
+  }
+
+  public ngOnChanges(changes: SimpleChanges): void {
+    if (this.initFlag) {
+      // Check if the changes are in the data or datasets
+      if (changes.hasOwnProperty('data') || changes.hasOwnProperty('datasets')) {
+        if (changes['data']) {
+          this.updateChartData(changes['data'].currentValue);
+        } else {
+          this.updateChartData(changes['datasets'].currentValue);
+        }
+
+        this.chart.update();
+      } else {
+        // otherwise rebuild the chart
+        this.refresh();
+      }
+    }
+  }
+
+  public ngOnDestroy(): any {
+    if (this.chart) {
+      this.chart.destroy();
+      this.chart = void 0;
+    }
+  }
+
+  public getChartBuilder(ctx: any/*, data:Array<any>, options:any*/): any {
+    const datasets: any = this.getDatasets();
+
+    const options: any = Object.assign({}, this.options);
+    if (this.legend === false) {
+      options.legend = { display: false };
+    }
+    // hock for onHover and onClick events
+    options.hover = options.hover || {};
+    if (!options.hover.onHover) {
+      options.hover.onHover = (event: any, active: Array<any>) => {
+        if (active && active.length) {
+          this.chartHover.emit({ event, active });
+        }
+      };
+    }
+
+    if (!options.onClick) {
+      options.onClick = (event: any, active: Array<any>) => {
+        this.chartClick.emit({ event, active });
+      };
+    }
+
+    const opts = {
+      type: this.chartType,
+      data: {
+        labels: this.labels,
+        datasets: datasets
+      },
+      options: options
+    };
+
+    return new Chart(ctx, opts);
+  }
+
+  private updateChartData(newDataValues: number[] | any[]): void {
+    if (Array.isArray(newDataValues[0].data)) {
+      this.chart.data.datasets.forEach((dataset: any, i: number) => {
+        dataset.data = newDataValues[i].data;
+
+        if (newDataValues[i].label) {
+          dataset.label = newDataValues[i].label;
+        }
+      });
+    } else {
+      this.chart.data.datasets[0].data = newDataValues;
+    }
+  }
+
+  private getDatasets(): any {
+    let datasets: any = void 0;
+    // in case if datasets is not provided, but data is present
+    if (!this.datasets || !this.datasets.length && (this.data && this.data.length)) {
+      if (Array.isArray(this.data[0])) {
+        datasets = (this.data as Array<number[]>).map((data: number[], index: number) => {
+          return { data, label: this.labels[index] || `Label ${index}` };
+        });
+      } else {
+        datasets = [{ data: this.data, label: `Label 0` }];
+      }
+    }
+
+    if (this.datasets && this.datasets.length ||
+      (datasets && datasets.length)) {
+      datasets = (this.datasets || datasets)
+        .map((elm: number, index: number) => {
+          const newElm: any = Object.assign({}, elm);
+          if (this.colors && this.colors.length) {
+            Object.assign(newElm, this.colors[index]);
+          } else {
+            Object.assign(newElm, getColors(this.chartType, index, newElm.data.length));
+          }
+          return newElm;
+        });
+    }
+
+    if (!datasets) {
+      throw new Error(`ng-charts configuration error,
+      data or datasets field are required to render char ${this.chartType}`);
+    }
+
+    return datasets;
+  }
+
+  private refresh(): any {
+    this.ngOnDestroy();
+    this.chart = this.getChartBuilder(this.ctx/*, data, this.options*/);
+  }
+}
+
+function rgba(colour: Array<number>, alpha: number): string {
+  return 'rgba(' + colour.concat(alpha).join(',') + ')';
+}
+
+function getRandomInt(min: number, max: number): number {
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
+function formatLineColor(colors: Array<number>): Color {
+  return {
+    backgroundColor: rgba(colors, 0.4),
+    borderColor: rgba(colors, 1),
+    pointBackgroundColor: rgba(colors, 1),
+    pointBorderColor: '#fff',
+    pointHoverBackgroundColor: '#fff',
+    pointHoverBorderColor: rgba(colors, 0.8)
+  };
+}
+
+function formatBarColor(colors: Array<number>): Color {
+  return {
+    backgroundColor: rgba(colors, 0.6),
+    borderColor: rgba(colors, 1),
+    hoverBackgroundColor: rgba(colors, 0.8),
+    hoverBorderColor: rgba(colors, 1)
+  };
+}
+
+function formatPieColors(colors: Array<number[]>): any {
+  return {
+    backgroundColor: colors.map((color: number[]) => rgba(color, 0.6)),
+    borderColor: colors.map(() => '#fff'),
+    pointBackgroundColor: colors.map((color: number[]) => rgba(color, 1)),
+    pointBorderColor: colors.map(() => '#fff'),
+    pointHoverBackgroundColor: colors.map((color: number[]) => rgba(color, 1)),
+    pointHoverBorderColor: colors.map((color: number[]) => rgba(color, 1))
+  };
+}
+
+function formatPolarAreaColors(colors: Array<number[]>): Color {
+  return {
+    backgroundColor: colors.map((color: number[]) => rgba(color, 0.6)),
+    borderColor: colors.map((color: number[]) => rgba(color, 1)),
+    hoverBackgroundColor: colors.map((color: number[]) => rgba(color, 0.8)),
+    hoverBorderColor: colors.map((color: number[]) => rgba(color, 1))
+  };
+}
+
+function getRandomColor(): number[] {
+  return [getRandomInt(0, 255), getRandomInt(0, 255), getRandomInt(0, 255)];
+}
+
+/**
+ * Generate colors for line|bar charts
+ * @param index
+ * @returns {number[]|Color}
+ */
+function generateColor(index: number): number[] {
+  return BaseChartDirective.defaultColors[index] || getRandomColor();
+}
+
+/**
+ * Generate colors for pie|doughnut charts
+ * @param count
+ * @returns {Colors}
+ */
+function generateColors(count: number): Array<number[]> {
+  const colorsArr: Array<number[]> = new Array(count);
+  for (let i = 0; i < count; i++) {
+    colorsArr[i] = BaseChartDirective.defaultColors[i] || getRandomColor();
+  }
+  return colorsArr;
+}
+
+/**
+ * Generate colors by chart type
+ * @param chartType
+ * @param index
+ * @param count
+ * @returns {Color}
+ */
+function getColors(chartType: string, index: number, count: number): any {
+  if (chartType === 'pie' || chartType === 'doughnut') {
+    return formatPieColors(generateColors(count));
+  }
+
+  if (chartType === 'polarArea') {
+    return formatPolarAreaColors(generateColors(count));
+  }
+
+  if (chartType === 'line' || chartType === 'radar') {
+    return formatLineColor(generateColor(index));
+  }
+
+  if (chartType === 'bar' || chartType === 'horizontalBar') {
+    return formatBarColor(generateColor(index));
+  }
+  return generateColor(index);
+}
+
+
diff --git a/src/app/typescripts/free/charts/chart.module.ts b/src/app/typescripts/free/charts/chart.module.ts
new file mode 100644
index 0000000..d1fecac
--- /dev/null
+++ b/src/app/typescripts/free/charts/chart.module.ts
@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+
+import { BaseChartDirective } from './chart.directive';
+
+@NgModule({
+  declarations: [
+  BaseChartDirective
+  ],
+  exports: [
+  BaseChartDirective
+  ],
+  imports: []
+})
+export class MDBChartsModule {
+}
diff --git a/src/app/typescripts/free/charts/color.service.ts b/src/app/typescripts/free/charts/color.service.ts
new file mode 100644
index 0000000..f6d02c6
--- /dev/null
+++ b/src/app/typescripts/free/charts/color.service.ts
@@ -0,0 +1,27 @@
+// private helper functions
+export interface Color {
+  backgroundColor?: string | string[];
+  borderWidth?: number | number[];
+  borderColor?: string | string[];
+  borderCapStyle?: string;
+  borderDash?: number[];
+  borderDashOffset?: number;
+  borderJoinStyle?: string;
+
+  pointBorderColor?: string | string[];
+  pointBackgroundColor?: string | string[];
+  pointBorderWidth?: number | number[];
+
+  pointRadius?: number | number[];
+  pointHoverRadius?: number | number[];
+  pointHitRadius?: number | number[];
+
+  pointHoverBackgroundColor?: string | string[];
+  pointHoverBorderColor?: string | string[];
+  pointHoverBorderWidth?: number | number[];
+  pointStyle?: string | string[];
+
+  hoverBackgroundColor?: string | string[];
+  hoverBorderColor?: string | string[];
+  hoverBorderWidth?: number;
+}
diff --git a/src/app/typescripts/free/charts/colors.service.ts b/src/app/typescripts/free/charts/colors.service.ts
new file mode 100644
index 0000000..0d15074
--- /dev/null
+++ b/src/app/typescripts/free/charts/colors.service.ts
@@ -0,0 +1,6 @@
+import { Color } from './color.service';
+
+export interface Colors extends Color {
+  data?: number[];
+  label?: string;
+}
diff --git a/src/app/typescripts/free/charts/index.ts b/src/app/typescripts/free/charts/index.ts
new file mode 100644
index 0000000..440c520
--- /dev/null
+++ b/src/app/typescripts/free/charts/index.ts
@@ -0,0 +1,4 @@
+export * from './chart.directive';
+export * from './color.service';
+export * from './colors.service';
+export * from './chart.module';
diff --git a/src/app/typescripts/free/charts/licens.md b/src/app/typescripts/free/charts/licens.md
new file mode 100644
index 0000000..a9cf4e9
--- /dev/null
+++ b/src/app/typescripts/free/charts/licens.md
@@ -0,0 +1,5 @@
+https://github.com/valor-software/ng2-charts/blob/development/LICENSE
+https://github.com/chartjs/Chart.js/blob/master/LICENSE.md
+https://github.com/rendro/easy-pie-chart/blob/master/LICENSE
+https://www.npmjs.com/package/ng2modules-easypiechart
+
diff --git a/src/app/typescripts/free/collapse/collapse.directive.ts b/src/app/typescripts/free/collapse/collapse.directive.ts
new file mode 100644
index 0000000..eab8f22
--- /dev/null
+++ b/src/app/typescripts/free/collapse/collapse.directive.ts
@@ -0,0 +1,151 @@
+// todo: add animations when https://github.com/angular/angular/issues/9947 solved
+import {
+  Directive, ElementRef, EventEmitter, Input, OnInit, Output,
+  Renderer, AfterViewInit
+} from '@angular/core';
+
+
+@Directive({
+  selector: '[mdbCollapse]',
+  exportAs: 'bs-collapse',
+  /* tslint:disable-next-line */
+})
+export class CollapseDirective implements OnInit, AfterViewInit {
+
+  @Output('showBsCollapse') public showBsCollapse: EventEmitter<any> = new EventEmitter();
+  @Output('shownBsCollapse') public shownBsCollapse: EventEmitter<any> = new EventEmitter();
+  @Output('hideBsCollapse') public hideBsCollapse: EventEmitter<any> = new EventEmitter();
+  @Output('hiddenBsCollapse') public hiddenBsCollapse: EventEmitter<any> = new EventEmitter();
+
+
+  /** This event fires as soon as content collapses */
+  @Output() public collapsed: EventEmitter<any> = new EventEmitter();
+  /** This event fires as soon as content becomes visible */
+  @Output() public expanded: EventEmitter<any> = new EventEmitter();
+  // shown
+  // @HostBinding('class.in')
+  // @HostBinding('class.show')
+  // @HostBinding('attr.aria-expanded')
+  public isExpanded = true;
+  // hidden
+  // @HostBinding('attr.aria-hidden')
+  public isCollapsed = false;
+  // stale state
+  // @HostBinding('class.collapse')
+  public isCollapse = true;
+  // animation state
+  // @HostBinding('class.collapsing')
+  public isCollapsing = false;
+  public collapsing = false;
+
+
+  @Input() public collapse: boolean;
+  @Input() public animationTime = 500;
+
+  public maxHeight: number;
+
+
+  protected _el: ElementRef;
+  protected _renderer: Renderer;
+
+  public constructor(_el: ElementRef, _renderer: Renderer) {
+    this._el = _el;
+    this._renderer = _renderer;
+  }
+  ngOnInit() {
+
+    this._el.nativeElement.classList.add('show');
+
+    this._el.nativeElement.style.transition = this.animationTime + 'ms ease';
+
+    if (!this.collapse) {
+      this._el.nativeElement.classList.remove('show');
+      this.hide();
+    } else {
+      this.show();
+    }
+
+    this.isExpanded = this.collapse;
+  }
+
+  ngAfterViewInit() {
+    this.maxHeight = this._el.nativeElement.scrollHeight;
+  }
+
+  public resize(): void {
+    const container = this._el.nativeElement;
+    this.maxHeight = this._el.nativeElement.scrollHeight;
+    this._renderer.setElementStyle(container, 'height', this.maxHeight + 'px');
+  }
+
+  /** allows to manually toggle content visibility */
+  public toggle(event?: any): void {
+
+    if (!this.collapsing) {
+      if (this.isExpanded) {
+        this.hide();
+      } else {
+        this.show();
+      }
+    }
+    this.maxHeight = event.target.parentElement.nextElementSibling.scrollHeight;
+  }
+
+  /** allows to manually hide content */
+  public hide(): void {
+    this.collapsing = true;
+    this.hideBsCollapse.emit();
+    this.isCollapse = false;
+    this.isCollapsing = true;
+
+    this.isExpanded = false;
+    this.isCollapsed = true;
+
+    const container = this._el.nativeElement;
+
+    container.classList.remove('collapse');
+    container.classList.remove('show');
+    container.classList.add('collapsing');
+
+    this._renderer.setElementStyle(container, 'height', '0px');
+
+    setTimeout(() => {
+      container.classList.remove('collapsing');
+      container.classList.add('collapse');
+      this.hiddenBsCollapse.emit();
+      this.collapsing = false;
+    }, this.animationTime);
+    this.collapsed.emit(this);
+  }
+
+  /** allows to manually show collapsed content */
+  public show(): void {
+    if (!this.isExpanded) {
+      this.collapsing = true;
+      this.showBsCollapse.emit();
+      this.isCollapse = false;
+      this.isCollapsing = true;
+
+      this.isExpanded = true;
+      this.isCollapsed = false;
+
+      const container = this._el.nativeElement;
+
+      container.classList.remove('collapse');
+      container.classList.add('collapsing');
+
+      setTimeout(() => {
+        this._renderer.setElementStyle(container, 'height', this.maxHeight + 'px');
+      }, 10);
+
+      setTimeout(() => {
+        container.classList.remove('collapsing');
+        container.classList.add('collapse');
+        container.classList.add('show');
+        this.shownBsCollapse.emit();
+        this.collapsing = false;
+      }, this.animationTime - (this.animationTime * 0.5));
+      this.expanded.emit(this);
+    }
+  }
+}
diff --git a/src/app/typescripts/free/collapse/collapse.module.ts b/src/app/typescripts/free/collapse/collapse.module.ts
new file mode 100644
index 0000000..72da306
--- /dev/null
+++ b/src/app/typescripts/free/collapse/collapse.module.ts
@@ -0,0 +1,12 @@
+import { NgModule, ModuleWithProviders } from '@angular/core';
+import { CollapseDirective } from './collapse.directive';
+
+@NgModule({
+  declarations: [CollapseDirective],
+  exports: [CollapseDirective]
+})
+export class CollapseModule {
+  public static forRoot(): ModuleWithProviders {
+    return {ngModule: CollapseModule, providers: []};
+  }
+}
diff --git a/src/app/typescripts/free/collapse/index.ts b/src/app/typescripts/free/collapse/index.ts
new file mode 100644
index 0000000..c10f14f
--- /dev/null
+++ b/src/app/typescripts/free/collapse/index.ts
@@ -0,0 +1,2 @@
+export { CollapseDirective } from './collapse.directive';
+export { CollapseModule } from './collapse.module';
diff --git a/src/app/typescripts/free/dropdown/dropdown-container.component.html b/src/app/typescripts/free/dropdown/dropdown-container.component.html
new file mode 100644
index 0000000..8841ad9
--- /dev/null
+++ b/src/app/typescripts/free/dropdown/dropdown-container.component.html
@@ -0,0 +1,6 @@
+<div [class.dropup]="direction === 'up'"
+[class.dropdown]="direction === 'down'"
+[class.show]="isOpen"
+[class.open]="isOpen">
+  <ng-content></ng-content>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/free/dropdown/dropdown-container.component.ts b/src/app/typescripts/free/dropdown/dropdown-container.component.ts
new file mode 100644
index 0000000..da47cde
--- /dev/null
+++ b/src/app/typescripts/free/dropdown/dropdown-container.component.ts
@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, OnDestroy, HostBinding } from '@angular/core';
+import { BsDropdownState } from './dropdown.state';
+
+@Component({
+  selector: 'mdb-dropdown-container',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+  <div [class.dropup]="direction === 'up'"
+  [class.dropdown]="direction === 'down'"
+  [class.show]="isOpen"
+  [class.open]="isOpen">
+    <ng-content></ng-content>
+  </div>
+  `
+})
+export class BsDropdownContainerComponent implements OnDestroy {
+  isOpen = false;
+
+  @HostBinding('style.display') display = 'block';
+  @HostBinding('style.position') position = 'absolute';
+
+  get direction(): 'down' | 'up' {
+    return this._state.direction;
+  }
+
+  private _subscription: any;
+
+  constructor(private _state: BsDropdownState) {
+    this._subscription = _state.isOpenChange.subscribe((value: boolean) => {
+      this.isOpen = value;
+    });
+  }
+
+  ngOnDestroy(): void {
+    this._subscription.unsubscribe();
+  }
+}
diff --git a/src/app/typescripts/free/dropdown/dropdown-menu.directive.ts b/src/app/typescripts/free/dropdown/dropdown-menu.directive.ts
new file mode 100644
index 0000000..b8af437
--- /dev/null
+++ b/src/app/typescripts/free/dropdown/dropdown-menu.directive.ts
@@ -0,0 +1,17 @@
+import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';
+import { BsDropdownState } from './dropdown.state';
+
+@Directive({
+  selector: '[mdbDropdownMenu],[dropdownMenu]',
+  exportAs: 'bs-dropdown-menu'
+})
+export class BsDropdownMenuDirective {
+  constructor(_state: BsDropdownState,
+    _viewContainer: ViewContainerRef,
+    _templateRef: TemplateRef<any>) {
+    _state.resolveDropdownMenu({
+      templateRef: _templateRef,
+      viewContainer: _viewContainer
+    });
+  }
+}
diff --git a/src/app/typescripts/free/dropdown/dropdown-toggle.directive.ts b/src/app/typescripts/free/dropdown/dropdown-toggle.directive.ts
new file mode 100644
index 0000000..8b30c1c
--- /dev/null
+++ b/src/app/typescripts/free/dropdown/dropdown-toggle.directive.ts
@@ -0,0 +1,60 @@
+import { Directive, ElementRef, HostBinding, HostListener, OnDestroy } from '@angular/core';
+import { Subscription } from 'rxjs/Subscription';
+
+import { BsDropdownState } from './dropdown.state';
+
+@Directive({
+  selector: '[mdbDropdownToggle],[dropdownToggle]',
+  exportAs: 'bs-dropdown-toggle'
+})
+export class BsDropdownToggleDirective implements OnDestroy {
+  private _subscriptions: Subscription[] = [];
+
+  @HostBinding('attr.aria-haspopup') ariaHaspopup = true;
+  // @HostBinding('attr.disabled') isDisabled: boolean = null;
+  @HostBinding('attr.disabled') isDisabled: boolean | any = null;
+
+  // @HostBinding('class.active')
+  @HostBinding('attr.aria-expanded') isOpen: boolean;
+
+  @HostListener('click')
+  onClick(): void {
+    if (this.isDisabled) {
+      return;
+    }
+    this._state.toggleClick.emit();
+  }
+
+  @HostListener('document:click', ['$event'])
+  onDocumentClick(event: any): void {
+    if (this._state.autoClose && event.button !== 2 &&
+      !this._element.nativeElement.contains(event.target)) {
+      this._state.toggleClick.emit(false);
+  }
+}
+
+@HostListener('keyup.esc')
+onEsc(): void {
+  if (this._state.autoClose) {
+    this._state.toggleClick.emit(false);
+  }
+}
+
+constructor(private _state: BsDropdownState,
+  private _element: ElementRef) {
+  // sync is open value with state
+  this._subscriptions.push(this._state
+    .isOpenChange.subscribe((value: boolean) => this.isOpen = value));
+  // populate disabled state
+  this._subscriptions.push(this._state
+    .isDisabledChange
+    // .subscribe((value: boolean) => this.isDisabled = value || null));
+    .subscribe((value: boolean | any) => this.isDisabled = value || null));
+}
+
+ngOnDestroy(): void {
+  for (const sub of this._subscriptions) {
+    sub.unsubscribe();
+  }
+}
+}
diff --git a/src/app/typescripts/free/dropdown/dropdown.config.ts b/src/app/typescripts/free/dropdown/dropdown.config.ts
new file mode 100644
index 0000000..51d4988
--- /dev/null
+++ b/src/app/typescripts/free/dropdown/dropdown.config.ts
@@ -0,0 +1,8 @@
+import { Injectable } from '@angular/core';
+
+/** Default dropdown configuration */
+@Injectable()
+export class BsDropdownConfig {
+  /** default dropdown auto closing behavior */
+  autoClose = true;
+}
diff --git a/src/app/typescripts/free/dropdown/dropdown.directive.ts b/src/app/typescripts/free/dropdown/dropdown.directive.ts
new file mode 100644
index 0000000..bec69b7
--- /dev/null
+++ b/src/app/typescripts/free/dropdown/dropdown.directive.ts
@@ -0,0 +1,279 @@
+import { Directive, ElementRef, EmbeddedViewRef, EventEmitter, HostBinding, Input, OnDestroy, OnInit, Output, Renderer,
+  ViewContainerRef } from '@angular/core';
+  import { Subscription } from 'rxjs/Subscription';
+  import 'rxjs/add/operator/filter';
+  import { ComponentLoader, ComponentLoaderFactory } from '../utils/component-loader/index';
+
+  import { BsDropdownConfig } from './dropdown.config';
+  import { BsDropdownContainerComponent } from './dropdown-container.component';
+  import { BsDropdownState } from './dropdown.state';
+  import { BsComponentRef } from '../utils/component-loader/bs-component-ref.class';
+  import { BsDropdownMenuDirective } from './';
+  import { isBs3 } from '../utils/ng2-bootstrap-config';
+
+  @Directive({
+    selector: '[mdbDropdown],[dropdown]',
+    exportAs: 'bs-dropdown',
+    providers: [BsDropdownState]
+  })
+  export class BsDropdownDirective implements OnInit, OnDestroy {
+
+  /**
+   * Placement of a popover. Accepts: "top", "bottom", "left", "right"
+   */
+   @Input() placement: string;
+  /**
+   * Specifies events that should trigger. Supports a space separated list of
+   * event names.
+   */
+   @Input() triggers: string;
+  /**
+   * A selector specifying the element the popover should be appended to.
+   * Currently only supports "body".
+   */
+   @Input() container: string;
+
+  /**
+   * This attribute indicates that the dropdown should be opened upwards
+   */
+   @HostBinding('class.dropup')
+   @Input() dropup: boolean;
+
+  /**
+   * Indicates that dropdown will be closed on item or document click,
+   * and after pressing ESC
+   */
+   @Input() set autoClose(value: boolean) {
+     if (typeof value === 'boolean') {
+       this._state.autoClose = value;
+     }
+   };
+
+   get autoClose(): boolean {
+     return this._state.autoClose;
+   }
+
+  /**
+   * Disables dropdown toggle and hides dropdown menu if opened
+   */
+   @Input() set isDisabled(value: boolean) {
+     this._isDisabled = value;
+     this._state.isDisabledChange.emit(value);
+     if (value) {
+       this.hide();
+     }
+   }
+
+   get isDisabled(): boolean { return this._isDisabled; }
+
+  /**
+   * Returns whether or not the popover is currently being shown
+   */
+   @HostBinding('class.open')
+   @HostBinding('class.show')
+   @Input() get isOpen(): boolean {
+     if (this._showInline) {
+       return this._isInlineOpen;
+     }
+     return this._dropdown.isShown;
+   }
+
+   set isOpen(value: boolean) {
+     if (value) {
+       this.show();
+     } else {
+       this.hide();
+     }
+   }
+
+  /**
+   * Emits an event when isOpen change
+   */
+   @Output() isOpenChange: EventEmitter<any>;
+
+  /**
+   * Emits an event when the popover is shown
+   */
+   @Output() onShown: EventEmitter<any>;
+
+  /**
+   * Emits an event when the popover is hidden
+   */
+   @Output() onHidden: EventEmitter<any>;
+
+   get isBs4(): boolean {
+     return !isBs3();
+   }
+   // todo: move to component loader
+    _isInlineOpen = false;
+    _showInline: boolean;
+    _inlinedMenu: EmbeddedViewRef<BsDropdownMenuDirective>;
+
+    _isDisabled: boolean;
+    _dropdown: ComponentLoader<BsDropdownContainerComponent>;
+    _subscriptions: Subscription[] = [];
+    _isInited = false;
+
+   constructor(private _elementRef: ElementRef,
+     private _renderer: Renderer,
+     private _viewContainerRef: ViewContainerRef,
+     private _cis: ComponentLoaderFactory,
+     private _config: BsDropdownConfig,
+     private _state: BsDropdownState) {
+     // create dropdown component loader
+     this._dropdown = this._cis
+     .createLoader<BsDropdownContainerComponent>(this._elementRef, this._viewContainerRef, this._renderer)
+     .provide({ provide: BsDropdownState, useValue: this._state });
+
+     this.onShown = this._dropdown.onShown;
+     this.onHidden = this._dropdown.onHidden;
+     this.isOpenChange = this._state.isOpenChange;
+
+     // set initial dropdown state from config
+     this._state.autoClose = this._config.autoClose;
+   }
+
+   ngOnInit(): void {
+     // fix: seems there are an issue with `routerLinkActive`
+     // which result in duplicated call ngOnInit without call to ngOnDestroy
+     // read more: https://github.com/valor-software/ngx-bootstrap/issues/1885
+     if (this._isInited) { return; }
+     this._isInited = true;
+
+     this._showInline = !this.container;
+
+     // attach DOM listeners
+     this._dropdown.listen({
+       triggers: this.triggers,
+       show: () => this.show()
+     });
+
+     // toggle visibility on toggle element click
+     this._subscriptions.push(this._state
+       .toggleClick.subscribe((value: boolean) => this.toggle(value)));
+
+     // hide dropdown if set disabled while opened
+     this._subscriptions.push(this._state
+       .isDisabledChange
+       .filter((value: boolean) => value === true)
+       .subscribe(() => this.hide()));
+
+     // attach dropdown menu inside of dropdown
+     if (this._showInline) {
+       this._state.dropdownMenu
+       .then((dropdownMenu: BsComponentRef<BsDropdownMenuDirective>) => {
+         this._inlinedMenu = dropdownMenu.viewContainer.createEmbeddedView(dropdownMenu.templateRef);
+       });
+     }
+   }
+
+  /**
+   * Opens an element’s popover. This is considered a “manual” triggering of
+   * the popover.
+   */
+   show(): void {
+     if (this.isOpen || this.isDisabled) {
+       return;
+     }
+
+     // material and dropup dropdown animation
+     //const parent = this._elementRef.nativeElement.classList;
+     const container = this._elementRef.nativeElement.lastElementChild;
+
+     setTimeout( () =>  { container.classList.add('fadeInDropdown'); } , 200 );
+
+     if (this._showInline) {
+       this._isInlineOpen = true;
+       this.onShown.emit(true);
+       this._state.isOpenChange.emit(true);
+       return;
+     }
+     this._state.dropdownMenu
+     .then((dropdownMenu) => {
+       // check direction in which dropdown should be opened
+       const _dropup = this.dropup === true ||
+       (typeof this.dropup !== 'undefined' && this.dropup !== false);
+       this._state.direction = _dropup ? 'up' : 'down';
+       const _placement = this.placement ||
+       (_dropup ? 'top left' : 'bottom left');
+
+       // show dropdown
+       this._dropdown
+       .attach(BsDropdownContainerComponent)
+       .to(this.container)
+       .position({ attachment: _placement })
+       .show({
+         content: dropdownMenu.templateRef,
+         placement: _placement
+       });
+
+       this._state.isOpenChange.emit(true);
+
+     });
+
+   }
+
+  /**
+   * Closes an element’s popover. This is considered a “manual” triggering of
+   * the popover.
+   */
+   hide(): void {
+     if (!this.isOpen) {
+       return;
+     }
+
+     const parent = this._elementRef.nativeElement.classList;
+     const container = this._elementRef.nativeElement.lastElementChild;
+
+
+     if ( (parent.value === 'dropdown open show') || (parent.value === 'btn-group dropup open show') ) {
+       container.classList.remove('fadeInDropdown');
+
+       setTimeout( () => {
+
+         if (this._showInline) {
+           this._isInlineOpen = false;
+           this.onHidden.emit(true);
+         } else {
+           this._dropdown.hide();
+         }
+
+         this._state.isOpenChange.emit(false);
+
+       }, 560);
+
+     } else {
+
+       if (this._showInline) {
+         this._isInlineOpen = false;
+         this.onHidden.emit(true);
+       } else {
+         this._dropdown.hide();
+       }
+
+       this._state.isOpenChange.emit(false);
+
+     }
+
+   }
+
+  /**
+   * Toggles an element’s popover. This is considered a “manual” triggering of
+   * the popover.
+   */
+   toggle(value?: boolean): void {
+     if (this.isOpen || value === false) {
+       return this.hide();
+     }
+
+     return this.show();
+   }
+
+   ngOnDestroy(): void {
+     // clean up subscriptions and destroy dropdown
+     for (const sub of this._subscriptions) {
+       sub.unsubscribe();
+     }
+     this._dropdown.dispose();
+   }
+ }
diff --git a/src/app/typescripts/free/dropdown/dropdown.module.ts b/src/app/typescripts/free/dropdown/dropdown.module.ts
new file mode 100644
index 0000000..fb9d0b4
--- /dev/null
+++ b/src/app/typescripts/free/dropdown/dropdown.module.ts
@@ -0,0 +1,38 @@
+import { ModuleWithProviders, NgModule } from '@angular/core';
+import { ComponentLoaderFactory } from '../utils/component-loader/index';
+
+import { PositioningService } from '../utils/positioning/index';
+import { BsDropdownContainerComponent } from './dropdown-container.component';
+import { BsDropdownMenuDirective } from './dropdown-menu.directive';
+import { BsDropdownToggleDirective } from './dropdown-toggle.directive';
+import { BsDropdownConfig } from './dropdown.config';
+
+import { BsDropdownDirective } from './dropdown.directive';
+import { BsDropdownState } from './dropdown.state';
+
+@NgModule({
+  declarations: [
+  BsDropdownMenuDirective,
+  BsDropdownToggleDirective,
+  BsDropdownContainerComponent,
+  BsDropdownDirective
+  ],
+  exports: [
+  BsDropdownMenuDirective,
+  BsDropdownToggleDirective,
+  BsDropdownDirective
+  ],
+  entryComponents: [BsDropdownContainerComponent]
+})
+export class BsDropdownModule {
+  public static forRoot(config?: any): ModuleWithProviders {
+    return {
+      ngModule: BsDropdownModule, providers: [
+      ComponentLoaderFactory,
+      PositioningService,
+      BsDropdownState,
+      {provide: BsDropdownConfig, useValue: config ? config : {autoClose: true}}
+      ]
+    };
+  };
+}
diff --git a/src/app/typescripts/free/dropdown/dropdown.state.ts b/src/app/typescripts/free/dropdown/dropdown.state.ts
new file mode 100644
index 0000000..403dc4e
--- /dev/null
+++ b/src/app/typescripts/free/dropdown/dropdown.state.ts
@@ -0,0 +1,23 @@
+import { EventEmitter, Injectable } from '@angular/core';
+import { BsComponentRef } from '../utils/component-loader/bs-component-ref.class';
+
+@Injectable()
+export class BsDropdownState {
+  direction: 'down' | 'up' = 'down';
+  autoClose: boolean;
+  isOpenChange = new EventEmitter<boolean>();
+  isDisabledChange = new EventEmitter<boolean>();
+  toggleClick = new EventEmitter<boolean>();
+
+  /**
+   * Content to be displayed as popover.
+   */
+   dropdownMenu: Promise<BsComponentRef<any>>;
+   resolveDropdownMenu: (componentRef: BsComponentRef<any>) => void;
+
+   constructor() {
+     this.dropdownMenu = new Promise((resolve) => {
+       this.resolveDropdownMenu = resolve;
+     });
+   }
+ }
diff --git a/src/app/typescripts/free/dropdown/index.ts b/src/app/typescripts/free/dropdown/index.ts
new file mode 100644
index 0000000..2286f0f
--- /dev/null
+++ b/src/app/typescripts/free/dropdown/index.ts
@@ -0,0 +1,7 @@
+export { BsDropdownDirective } from './dropdown.directive';
+export { BsDropdownMenuDirective } from './dropdown-menu.directive';
+export { BsDropdownToggleDirective } from './dropdown-toggle.directive';
+export { BsDropdownContainerComponent } from './dropdown-container.component';
+export { BsDropdownState } from './dropdown.state';
+export { BsDropdownConfig } from './dropdown.config';
+export { BsDropdownModule } from './dropdown.module';
diff --git a/src/app/typescripts/free/index.ts b/src/app/typescripts/free/index.ts
new file mode 100644
index 0000000..01a9857
--- /dev/null
+++ b/src/app/typescripts/free/index.ts
@@ -0,0 +1,124 @@
+
+
+// free
+import { ModuleWithProviders, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import { DeepModule } from './inputs/';
+import { ButtonsModule } from './buttons';
+import { RippleModule } from './ripple';
+import { ActiveModule, InputsModule } from './inputs';
+import { NavbarModule } from './navbars';
+import { BsDropdownModule } from './dropdown';
+import { CarouselModule } from './carousel/';
+import { MDBChartsModule } from './charts/';
+import { CollapseModule } from './collapse';
+import { ModalModule } from './modals';
+import { MDBTooltipModule } from './tooltip';
+import { PopoverModule } from './popover';
+import { WavesModule } from './waves/waves.module';
+
+export {
+  ButtonsModule, ButtonRadioDirective, ButtonCheckboxDirective
+} from './buttons/';
+
+export {
+  RippleModule, RippleDirective
+} from './ripple/';
+
+export {
+  WavesModule, WavesDirective
+} from './waves/';
+
+export {
+  DeepModule, DeepDirective
+} from './inputs/';
+
+export {
+  InputsModule, MdbInputDirective
+} from './inputs';
+
+export {
+  ActiveModule, ActiveDirective, InputValidateDirective
+} from './inputs/';
+
+export {
+  NavbarModule
+} from './navbars/';
+
+export {
+  BsDropdownConfig, BsDropdownContainerComponent, BsDropdownDirective, BsDropdownMenuDirective,
+  BsDropdownModule, BsDropdownState, BsDropdownToggleDirective
+} from './dropdown/';
+
+export {
+  CarouselComponent, CarouselConfig, CarouselModule
+} from './carousel/';
+
+export {
+  MDBChartsModule, BaseChartDirective
+} from './charts/';
+
+export {
+  CollapseDirective, CollapseModule
+} from './collapse/';
+
+export {
+  ModalBackdropComponent, ModalBackdropOptions, ModalDirective, ModalModule, ModalOptions, MDBModalService,
+  ModalContainerComponent, MDBModalRef
+} from './modals/';
+
+export {
+  TooltipConfig, TooltipContainerComponent, TooltipDirective, MDBTooltipModule
+} from './tooltip/';
+
+export {
+  PopoverConfig, PopoverContainerComponent, PopoverModule, PopoverDirective
+} from './popover/';
+
+
+
+const MODULES = [
+  DeepModule,
+  ButtonsModule,
+  RippleModule,
+  WavesModule,
+  InputsModule,
+  ActiveModule,
+  NavbarModule,
+  BsDropdownModule,
+  CarouselModule,
+  MDBChartsModule,
+  CollapseModule,
+  ModalModule,
+  MDBTooltipModule,
+  PopoverModule,
+];
+
+@NgModule({
+  imports: [
+    ButtonsModule,
+    DeepModule,
+    RippleModule.forRoot(),
+    WavesModule.forRoot(),
+    InputsModule.forRoot(),
+    ActiveModule.forRoot(),
+    NavbarModule,
+    BsDropdownModule.forRoot(),
+    CarouselModule.forRoot(),
+    MDBChartsModule,
+    CollapseModule.forRoot(),
+    ModalModule.forRoot(),
+    MDBTooltipModule.forRoot(),
+    PopoverModule.forRoot(),
+  ],
+  exports: MODULES,
+  schemas: [NO_ERRORS_SCHEMA]
+})
+export class MDBRootModule {
+}
+
+@NgModule({ exports: MODULES })
+export class MDBBootstrapModule {
+  public static forRoot(): ModuleWithProviders {
+    return { ngModule: MDBRootModule };
+  }
+}
diff --git a/src/app/typescripts/free/inputs/active.class.ts b/src/app/typescripts/free/inputs/active.class.ts
new file mode 100644
index 0000000..649bc79
--- /dev/null
+++ b/src/app/typescripts/free/inputs/active.class.ts
@@ -0,0 +1,93 @@
+import { Directive, ElementRef, Input, HostListener, Renderer2, AfterViewInit, AfterViewChecked } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { PLATFORM_ID, Inject } from '@angular/core';
+@Directive({
+  selector: '[mdbActive]'
+})
+
+export class ActiveDirective implements AfterViewInit, AfterViewChecked {
+  isBrowser: any = false;
+
+  @Input() public mdbActive: ActiveDirective;
+  isClicked: boolean = false;
+  // public el: ElementRef = null;
+  public el: ElementRef | any = null;
+  // public elLabel: ElementRef = null;
+  public elLabel: ElementRef | any = null;
+  // public elIcon: Element = null;
+  public elIcon: Element | any = null;
+
+
+  constructor(el: ElementRef, public renderer: Renderer2, @Inject(PLATFORM_ID) platformId: string) {
+    this.el = el;
+    this.isBrowser = isPlatformBrowser(platformId);
+  }
+  @HostListener('focus', ['$event']) onClick() {
+    this.initComponent();
+    this.isClicked = true;
+  }
+
+  @HostListener('click', ['$event']) Click() {
+    this.isClicked = true;
+  }
+
+  @HostListener('blur', ['$event']) onBlur() {
+    this.checkValue();
+    this.isClicked = false;
+  }
+
+
+  // ngAfterViewInit with checkValue after setTimeout is needed in situation when we have prefilled
+  // forms, and label has to be lifted up.
+  ngAfterViewInit() {
+    this.initComponent();
+    setTimeout(() => {
+      this.checkValue();
+    }, 0);
+  }
+  ngAfterViewChecked() {
+    this.initComponent();
+    this.checkValue();
+  }
+
+
+  private initComponent(): void {
+    let inputId;
+    let inputP;
+    if (this.isBrowser) {
+      try {
+        inputId = this.el.nativeElement.id;
+      } catch (err) { }
+
+      try {
+        inputP = this.el.nativeElement.parentNode;
+      } catch (err) { }
+
+      this.elLabel = inputP.querySelector('label[for="' + inputId + '"]') || inputP.querySelector('label');
+      if (this.elLabel != null) {
+        this.renderer.addClass(this.elLabel, 'active');
+      }
+
+      this.elIcon = inputP.querySelector('i') || false;
+
+      if (this.elIcon) {
+        this.renderer.addClass(this.elIcon, 'active');
+      }
+    }
+  }
+  private checkValue(): void {
+    let value = '';
+    if (this.elLabel != null) {
+      value = this.el.nativeElement.value || '';
+      if (value === '') {
+        this.renderer.removeClass(this.elLabel, 'active');
+        if (this.elIcon) {
+          this.renderer.removeClass(this.elIcon, 'active');
+        }
+      // tslint:disable-next-line:max-line-length
+      } if (value === '' && this.isClicked || value === '' && this.el.nativeElement.placeholder || value === '' && this.el.nativeElement.attributes.placeholder) {
+        this.renderer.addClass(this.elLabel, 'active');
+      }
+    }
+  }
+}
diff --git a/src/app/typescripts/free/inputs/active.module.ts b/src/app/typescripts/free/inputs/active.module.ts
new file mode 100644
index 0000000..d857aa4
--- /dev/null
+++ b/src/app/typescripts/free/inputs/active.module.ts
@@ -0,0 +1,14 @@
+import { NgModule, ModuleWithProviders  } from '@angular/core';
+import { ActiveDirective } from './active.class';
+import { InputValidateDirective } from './input-validate.directive';
+
+@NgModule({
+  declarations: [ActiveDirective, InputValidateDirective],
+  exports: [ActiveDirective, InputValidateDirective]
+})
+
+export class ActiveModule {
+  public static forRoot(): ModuleWithProviders {
+    return {ngModule: ActiveModule, providers: []};
+  }
+}
diff --git a/src/app/typescripts/free/inputs/deep.directive.ts b/src/app/typescripts/free/inputs/deep.directive.ts
new file mode 100644
index 0000000..05c452f
--- /dev/null
+++ b/src/app/typescripts/free/inputs/deep.directive.ts
@@ -0,0 +1,14 @@
+import { Directive, ElementRef, AfterViewInit, Renderer2 } from '@angular/core';
+
+
+@Directive({
+    selector: '[mdbDeepDirective]',
+})
+
+export class DeepDirective implements AfterViewInit {
+    constructor(private el: ElementRef, private renderer: Renderer2) { }
+
+    ngAfterViewInit() {
+        this.renderer.addClass(this.el.nativeElement, 'onFocusSelect');
+    }
+}
diff --git a/src/app/typescripts/free/inputs/deep.module.ts b/src/app/typescripts/free/inputs/deep.module.ts
new file mode 100644
index 0000000..2265484
--- /dev/null
+++ b/src/app/typescripts/free/inputs/deep.module.ts
@@ -0,0 +1,13 @@
+import { DeepDirective } from './deep.directive';
+import { NgModule, ModuleWithProviders  } from '@angular/core';
+
+@NgModule({
+  declarations: [DeepDirective],
+  exports: [DeepDirective]
+})
+
+export class DeepModule {
+  public static forRoot(): ModuleWithProviders {
+    return {ngModule: DeepModule, providers: []};
+  }
+}
diff --git a/src/app/typescripts/free/inputs/equal-validator.directive.ts b/src/app/typescripts/free/inputs/equal-validator.directive.ts
new file mode 100644
index 0000000..ec5a212
--- /dev/null
+++ b/src/app/typescripts/free/inputs/equal-validator.directive.ts
@@ -0,0 +1,57 @@
+import { Directive, forwardRef, Attribute } from '@angular/core';
+import { Validator, AbstractControl, NG_VALIDATORS } from '@angular/forms';
+
+@Directive({
+  selector: '[mdb-validateEqual][formControlName],[validateEqual][formControl],[validateEqual][ngModel]',
+  providers: [
+  { provide: NG_VALIDATORS, useExisting: forwardRef(() => EqualValidatorDirective), multi: true }
+  ]
+})
+
+export class EqualValidatorDirective implements Validator {
+  constructor( @Attribute('validateEqual') public validateEqual: string,
+    @Attribute('reverse') public reverse: string) {
+
+  }
+
+  private get isReverse() {
+    if (!this.reverse) {
+      return false;
+    }
+    return this.reverse === 'true' ? true : false;
+  }
+
+  validate(c: AbstractControl): { [key: string]: any } {
+    const setToNullValue: any = null;
+    // self value (e.g. retype password)
+    const v = c.value;
+
+    // control value (e.g. password)
+    // const e: any = c.root.get(this.validateEqual);
+    const e: any = c.root.get(this.validateEqual);
+
+    // value not equal
+    if (e && v !== e.value) {
+      return { validateEqual: false };
+    }
+
+    // value equal and reverse
+    if (e && v === e.value && this.isReverse) {
+      delete e.errors['validateEqual'];
+      if (!Object.keys(e.errors).length) {
+        e.setErrors(null);
+      }
+    }
+
+    // value not equal and reverse
+    if (e && v !== e.value && this.isReverse) {
+      e.setErrors({
+        validateEqual: false
+      });
+    }
+
+    // return null;
+    return setToNullValue;
+  }
+}
+
diff --git a/src/app/typescripts/free/inputs/index.ts b/src/app/typescripts/free/inputs/index.ts
new file mode 100644
index 0000000..4e4c288
--- /dev/null
+++ b/src/app/typescripts/free/inputs/index.ts
@@ -0,0 +1,8 @@
+export * from './active.module';
+export * from './active.class';
+export * from './equal-validator.directive';
+export * from './input-validate.directive';
+export * from './mdb-input.directive';
+export * from './deep.module';
+export * from './deep.directive';
+export * from './inputs.module';
diff --git a/src/app/typescripts/free/inputs/input-validate.directive.ts b/src/app/typescripts/free/inputs/input-validate.directive.ts
new file mode 100644
index 0000000..0d7bb6a
--- /dev/null
+++ b/src/app/typescripts/free/inputs/input-validate.directive.ts
@@ -0,0 +1,207 @@
+
+import { Directive, Input, ElementRef, Renderer, HostListener, OnInit } from '@angular/core';
+
+
+
+@Directive({
+  selector: '[mdbInputValidate]',
+})
+
+export class InputValidateDirective implements OnInit {
+
+  @Input() public value = '';
+  @Input('minLength') public minLength: string = '0';
+  @Input('maxLength') public maxLength: string = '524288';
+  @Input('customRegex') customRegex: any;
+  public wrongTextContainer: any;
+  public rightTextContainer: any;
+
+
+  constructor(private _elRef: ElementRef, private _renderer: Renderer) {
+
+  }
+  ngOnInit() {
+    // Inititalise a new <span> wrong/right elements and render it below the host component.
+    this.wrongTextContainer = this._renderer.createElement(this._elRef.nativeElement.parentElement, 'span');
+    this._renderer.setElementClass(this.wrongTextContainer, 'inputVal', true);
+    this._renderer.setElementClass(this.wrongTextContainer, 'text-danger', true);
+    const textWrong = this._elRef.nativeElement.getAttribute('data-error');
+    this.wrongTextContainer.innerHTML = (textWrong ? textWrong : 'wrong');
+    this._renderer.setElementStyle(this.wrongTextContainer, 'visibility', 'hidden');
+
+    this.rightTextContainer = this._renderer.createElement(this._elRef.nativeElement.parentElement, 'span');
+    this._renderer.setElementClass(this.rightTextContainer, 'inputVal', true);
+    this._renderer.setElementClass(this.rightTextContainer, 'text-success', true);
+    const textSuccess = this._elRef.nativeElement.getAttribute('data-success');
+    this.rightTextContainer.innerHTML = (textSuccess ? textSuccess : 'success');
+    this._renderer.setElementStyle(this.rightTextContainer, 'visibility', 'hidden');
+
+  }
+
+
+  @HostListener('blur', ['$event']) onBlur() {
+
+
+    const inputType = this._elRef.nativeElement.type;
+
+    if (inputType === 'email') {
+      if (this.customRegex) {
+        const re = new RegExp(this._elRef.nativeElement.getAttribute('customRegex'));
+        if (this._elRef.nativeElement.length === 0) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+          /*tslint:disable:max-line-length*/
+        } else if (re.test(this._elRef.nativeElement.value) && this._elRef.nativeElement.value.length >= this.minLength && this._elRef.nativeElement.value.length <= this.maxLength) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', true);
+        } else if (!re.test(this._elRef.nativeElement.value) || this._elRef.nativeElement.value.length < this.minLength || this._elRef.nativeElement.value.length > this.maxLength) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', true);
+        }
+
+      } else if (!this.customRegex) {
+        /*tslint:disable:max-line-length*/
+        const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+        if (this._elRef.nativeElement.length === 0) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        } else if (re.test(this._elRef.nativeElement.value) && this._elRef.nativeElement.value.length >= this.minLength && this._elRef.nativeElement.value.length <= this.maxLength) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', true);
+        } else if (!re.test(this._elRef.nativeElement.value) || this._elRef.nativeElement.value.length < this.minLength || this._elRef.nativeElement.value.length > this.maxLength) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', true);
+        }
+      }
+
+
+    } else if (inputType === 'password') {
+      if (this.customRegex) {
+        const re = new RegExp(this._elRef.nativeElement.getAttribute('customRegex'));
+        if (this._elRef.nativeElement.length === 0) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+          // tslint:disable-next-line:max-line-length
+        } else if (this._elRef.nativeElement.value.match(re) && this._elRef.nativeElement.value.length >= this.minLength && this._elRef.nativeElement.value.length <= this.maxLength) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', true);
+          // tslint:disable-next-line:max-line-length
+        } else if (!this._elRef.nativeElement.value.match(re) || this._elRef.nativeElement.value.length < this.minLength || this._elRef.nativeElement.value.length > this.maxLength) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', true);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        }
+      } else if (!this.customRegex) {
+        if (this._elRef.nativeElement.length === 0) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+          // tslint:disable-next-line:max-line-length
+        } else if (this._elRef.nativeElement.value.match(/^(?=(.*\d){1})(.*\S)(?=.*[a-zA-Z\S])[0-9a-zA-Z\S]/g) && this._elRef.nativeElement.value.length >= this.minLength && this._elRef.nativeElement.value.length <= this.maxLength) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', true);
+          // tslint:disable-next-line:max-line-length
+        } else if (!this._elRef.nativeElement.value.match(/^(?=(.*\d){1})(.*\S)(?=.*[a-zA-Z\S])[0-9a-zA-Z\S]/g) || this._elRef.nativeElement.value.length < this.minLength || this._elRef.nativeElement.value.length > this.maxLength) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', true);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        }
+      }
+
+    } else if (inputType === 'text') {
+      if (this.customRegex) {
+        const re = new RegExp(this._elRef.nativeElement.getAttribute('customRegex'));
+        if (this._elRef.nativeElement.length === 0) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+          // tslint:disable-next-line:max-line-length
+        } else if (this._elRef.nativeElement.value.match(re) && this._elRef.nativeElement.value.length >= this.minLength && this._elRef.nativeElement.value.length <= this.maxLength) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', true);
+          // tslint:disable-next-line:max-line-length
+        } else if (!this._elRef.nativeElement.value.match(re) || this._elRef.nativeElement.value.length < this.minLength || this._elRef.nativeElement.value.length > this.maxLength) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', true);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        }
+      } else if (!this.customRegex) {
+        if (this._elRef.nativeElement.length === 0) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+          // tslint:disable-next-line:max-line-length
+        } else if (this._elRef.nativeElement.value.match(/^[a-zA-Z0-9]+$/g) && this._elRef.nativeElement.value.length >= this.minLength && this._elRef.nativeElement.value.length <= this.maxLength) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', true);
+          // tslint:disable-next-line:max-line-length
+        } else if (!this._elRef.nativeElement.value.match(/^[a-zA-Z0-9]+$/g) || this._elRef.nativeElement.value.length < this.minLength || this._elRef.nativeElement.value.length > this.maxLength) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', true);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        }
+      }
+
+    } else if (inputType === 'submit') {
+      for (let i = 0; i < this._elRef.nativeElement.parentElement.length; i++) {
+        if (this._elRef.nativeElement.parentElement[i].value == null || this._elRef.nativeElement.parentElement[i].value === '') {
+          this._renderer.setElementClass(this._elRef.nativeElement.parentElement[i], 'counter-danger', true);
+          this._renderer.setElementClass(this._elRef.nativeElement.parentElement[i], 'counter-success', false);
+
+        } else if (!this._elRef.nativeElement.parentElement[i].value == null) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', true);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        }
+      }
+
+    } else if (inputType === 'tel') {
+      if (this.customRegex) {
+        const re = new RegExp(this._elRef.nativeElement.getAttribute('customRegex'));
+        if (this._elRef.nativeElement.length === 0) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        } else if (re.test(this._elRef.nativeElement.value) && this._elRef.nativeElement.value.length >= 8 && this._elRef.nativeElement.value.length <= 20) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', true);
+        } else if (!re.test(this._elRef.nativeElement.value) || this._elRef.nativeElement.value.length > 20) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', true);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        }
+      } else if (!this.customRegex) {
+        const re = /^(1[ \-\+]{0,3}|\+1[ -\+]{0,3}|\+1|\+)?((\(\+?1-[2-9][0-9]{1,2}\))|(\(\+?[2-8][0-9][0-9]\))|(\(\+?[1-9][0-9]\))|(\(\+?[17]\))|(\([2-9][2-9]\))|([ \-\.]{0,3}[0-9]{2,4}))?([ \-\.][0-9])?([ \-\.]{0,3}[0-9]{2,4}){2,3}$/;
+        if (this._elRef.nativeElement.length === 0) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        } else if (re.test(this._elRef.nativeElement.value) && this._elRef.nativeElement.value.length >= 8 && this._elRef.nativeElement.value.length <= 20) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', true);
+        } else if (!re.test(this._elRef.nativeElement.value) || this._elRef.nativeElement.value.length > 20) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', true);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        }
+      }
+
+
+    } else if (inputType === 'number') {
+      if (this.customRegex) {
+        const re = new RegExp(this._elRef.nativeElement.getAttribute('customRegex'));
+        if (this._elRef.nativeElement.length === 0) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        } else if (re.test(this._elRef.nativeElement.value) && this._elRef.nativeElement.value.length > 0) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', true);
+        } else if (!re.test(this._elRef.nativeElement.value) || this._elRef.nativeElement.value.length < 1) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', true);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        }
+      } else if (!this.customRegex) {
+        const re = /^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:(\.|,)\d+)?$/;
+        if (this._elRef.nativeElement.length === 0) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        } else if (re.test(this._elRef.nativeElement.value) && this._elRef.nativeElement.value.length > 0) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', false);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', true);
+        } else if (!re.test(this._elRef.nativeElement.value) || this._elRef.nativeElement.value.length < 1) {
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-danger', true);
+          this._renderer.setElementClass(this._elRef.nativeElement, 'counter-success', false);
+        }
+      }
+    }
+  }
+}
+
diff --git a/src/app/typescripts/free/inputs/inputs.module.ts b/src/app/typescripts/free/inputs/inputs.module.ts
new file mode 100644
index 0000000..f0bf950
--- /dev/null
+++ b/src/app/typescripts/free/inputs/inputs.module.ts
@@ -0,0 +1,14 @@
+import { MdbInputDirective } from './mdb-input.directive';
+import { NgModule, ModuleWithProviders  } from '@angular/core';
+import { EqualValidatorDirective } from './equal-validator.directive';
+
+@NgModule({
+  declarations: [MdbInputDirective, EqualValidatorDirective],
+  exports: [MdbInputDirective, EqualValidatorDirective]
+})
+
+export class InputsModule {
+  public static forRoot(): ModuleWithProviders {
+    return {ngModule: InputsModule, providers: []};
+  }
+}
diff --git a/src/app/typescripts/free/inputs/licens.md b/src/app/typescripts/free/inputs/licens.md
new file mode 100644
index 0000000..8e1c25f
--- /dev/null
+++ b/src/app/typescripts/free/inputs/licens.md
@@ -0,0 +1,3 @@
+https://github.com/SebastianM/angular-google-maps/blob/master/LICENSE
+https://www.npmjs.com/package/ng2-completer
+https://github.com/jkuri/ngx-uploader
diff --git a/src/app/typescripts/free/inputs/mdb-input.directive.ts b/src/app/typescripts/free/inputs/mdb-input.directive.ts
new file mode 100644
index 0000000..bb72a98
--- /dev/null
+++ b/src/app/typescripts/free/inputs/mdb-input.directive.ts
@@ -0,0 +1,322 @@
+
+import { isPlatformBrowser } from '@angular/common';
+import {
+    Directive,
+    ElementRef,
+    Renderer2,
+    Input,
+    AfterViewInit,
+    HostListener,
+    PLATFORM_ID,
+    Inject,
+    AfterViewChecked,
+    OnInit
+} from '@angular/core';
+
+@Directive({
+    selector: '[mdbInputDirective]'
+})
+export class MdbInputDirective implements AfterViewChecked, OnInit, AfterViewInit {
+
+    @Input('mdbInputDirective') mdbInputDirective: MdbInputDirective;
+    @Input('placeholder') public placeholder: string;
+    @Input('minLength') public minLength: string = '0';
+    @Input('maxLength') public maxLength: string = '524288';
+    @Input('customRegex') customRegex: any;
+    @Input('mdbValidate') mdbValidate: boolean = true;
+    @Input('focusCheckbox') focusCheckbox: boolean = true;
+    @Input('focusRadio') focusRadio: boolean = true;
+
+    isBrowser: any = false;
+    isClicked: boolean = false;
+
+    public wrongTextContainer: any;
+    public rightTextContainer: any;
+    public el: ElementRef | any = null;
+    public elLabel: ElementRef | any = null;
+    public elIcon: Element | any = null;
+
+
+    @HostListener('click') onclick() {
+        this.renderer.addClass(this.elLabel, 'active');
+        this.isClicked = true;
+    }
+
+    @HostListener('blur') onBlur() {
+        if (this.el.nativeElement.value === '') {
+            this.renderer.removeClass(this.elLabel, 'active');
+        }
+        this.isClicked = false;
+
+        // Validation:
+        if (this.mdbValidate) {
+            const inputType = this.el.nativeElement.type;
+
+            if (inputType === 'email') {
+                if (this.customRegex) {
+                    const re = new RegExp(this.el.nativeElement.getAttribute('customRegex'));
+                    if (this.el.nativeElement.length === 0) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                        /*tslint:disable:max-line-length*/
+                    } else if (re.test(this.el.nativeElement.value) && this.el.nativeElement.value.length >= this.minLength && this.el.nativeElement.value.length <= this.maxLength) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.addClass(this.el.nativeElement, 'counter-success');
+                    } else if (!re.test(this.el.nativeElement.value) || this.el.nativeElement.value.length < this.minLength || this.el.nativeElement.value.length > this.maxLength) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                        this.renderer.addClass(this.el.nativeElement, 'counter-danger');
+                    }
+
+                } else if (!this.customRegex) {
+                    /*tslint:disable:max-line-length*/
+                    const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+                    if (this.el.nativeElement.length === 0) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    } else if (re.test(this.el.nativeElement.value) && this.el.nativeElement.value.length >= this.minLength && this.el.nativeElement.value.length <= this.maxLength) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.addClass(this.el.nativeElement, 'counter-success');
+                    } else if (!re.test(this.el.nativeElement.value) || this.el.nativeElement.value.length < this.minLength || this.el.nativeElement.value.length > this.maxLength) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                        this.renderer.addClass(this.el.nativeElement, 'counter-danger');
+                    }
+                }
+
+
+            } else if (inputType === 'password') {
+                if (this.customRegex) {
+                    const re = new RegExp(this.el.nativeElement.getAttribute('customRegex'));
+                    if (this.el.nativeElement.length === 0) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                        // tslint:disable-next-line:max-line-length
+                    } else if (this.el.nativeElement.value.match(re) && this.el.nativeElement.value.length >= this.minLength && this.el.nativeElement.value.length <= this.maxLength) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.addClass(this.el.nativeElement, 'counter-success');
+                        // tslint:disable-next-line:max-line-length
+                    } else if (!this.el.nativeElement.value.match(re) || this.el.nativeElement.value.length < this.minLength || this.el.nativeElement.value.length > this.maxLength) {
+                        this.renderer.addClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    }
+                } else if (!this.customRegex) {
+                    if (this.el.nativeElement.length === 0) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                        // tslint:disable-next-line:max-line-length
+                    } else if (this.el.nativeElement.value.match(/^(?=(.*\d){1})(.*\S)(?=.*[a-zA-Z\S])[0-9a-zA-Z\S]/g) && this.el.nativeElement.value.length >= this.minLength && this.el.nativeElement.value.length <= this.maxLength) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.addClass(this.el.nativeElement, 'counter-success');
+                        // tslint:disable-next-line:max-line-length
+                    } else if (!this.el.nativeElement.value.match(/^(?=(.*\d){1})(.*\S)(?=.*[a-zA-Z\S])[0-9a-zA-Z\S]/g) || this.el.nativeElement.value.length < this.minLength || this.el.nativeElement.value.length > this.maxLength) {
+                        this.renderer.addClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    }
+                }
+
+            } else if (inputType === 'text') {
+                if (this.customRegex) {
+                    const re = new RegExp(this.el.nativeElement.getAttribute('customRegex'));
+                    if (this.el.nativeElement.length === 0) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                        // tslint:disable-next-line:max-line-length
+                    } else if (this.el.nativeElement.value.match(re) && this.el.nativeElement.value.length >= this.minLength && this.el.nativeElement.value.length <= this.maxLength) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.addClass(this.el.nativeElement, 'counter-success');
+                        // tslint:disable-next-line:max-line-length
+                    } else if (!this.el.nativeElement.value.match(re) || this.el.nativeElement.value.length < this.minLength || this.el.nativeElement.value.length > this.maxLength) {
+                        this.renderer.addClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    }
+                } else if (!this.customRegex) {
+                    if (this.el.nativeElement.length === 0) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                        // tslint:disable-next-line:max-line-length
+                    } else if (this.el.nativeElement.value.match(/^[a-zA-Z0-9]+$/g) && this.el.nativeElement.value.length >= this.minLength && this.el.nativeElement.value.length <= this.maxLength) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.addClass(this.el.nativeElement, 'counter-success');
+                        // tslint:disable-next-line:max-line-length
+                    } else if (!this.el.nativeElement.value.match(/^[a-zA-Z0-9]+$/g) || this.el.nativeElement.value.length < this.minLength || this.el.nativeElement.value.length > this.maxLength) {
+                        this.renderer.addClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    }
+                }
+
+            } else if (inputType === 'submit') {
+                for (let i = 0; i < this.el.nativeElement.parentElement.length; i++) {
+                    if (this.el.nativeElement.parentElement[i].value == null || this.el.nativeElement.parentElement[i].value === '') {
+                        this.renderer.addClass(this.el.nativeElement.parentElement[i], 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement.parentElement[i], 'counter-success');
+
+                    } else if (!this.el.nativeElement.parentElement[i].value == null) {
+                        this.renderer.addClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    }
+                }
+
+            } else if (inputType === 'tel') {
+                if (this.customRegex) {
+                    const re = new RegExp(this.el.nativeElement.getAttribute('customRegex'));
+                    if (this.el.nativeElement.length === 0) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    } else if (re.test(this.el.nativeElement.value) && this.el.nativeElement.value.length >= 8 && this.el.nativeElement.value.length <= 20) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.addClass(this.el.nativeElement, 'counter-success');
+                    } else if (!re.test(this.el.nativeElement.value) || this.el.nativeElement.value.length > 20) {
+                        this.renderer.addClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    }
+                } else if (!this.customRegex) {
+                    const re = /^(1[ \-\+]{0,3}|\+1[ -\+]{0,3}|\+1|\+)?((\(\+?1-[2-9][0-9]{1,2}\))|(\(\+?[2-8][0-9][0-9]\))|(\(\+?[1-9][0-9]\))|(\(\+?[17]\))|(\([2-9][2-9]\))|([ \-\.]{0,3}[0-9]{2,4}))?([ \-\.][0-9])?([ \-\.]{0,3}[0-9]{2,4}){2,3}$/;
+                    if (this.el.nativeElement.length === 0) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    } else if (re.test(this.el.nativeElement.value) && this.el.nativeElement.value.length >= 8 && this.el.nativeElement.value.length <= 20) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.addClass(this.el.nativeElement, 'counter-success');
+                    } else if (!re.test(this.el.nativeElement.value) || this.el.nativeElement.value.length > 20) {
+                        this.renderer.addClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    }
+                }
+
+
+            } else if (inputType === 'number') {
+                if (this.customRegex) {
+                    const re = new RegExp(this.el.nativeElement.getAttribute('customRegex'));
+                    if (this.el.nativeElement.length === 0) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    } else if (re.test(this.el.nativeElement.value) && this.el.nativeElement.value.length > 0) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.addClass(this.el.nativeElement, 'counter-success');
+                    } else if (!re.test(this.el.nativeElement.value) || this.el.nativeElement.value.length < 1) {
+                        this.renderer.addClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    }
+                } else if (!this.customRegex) {
+                    const re = /^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:(\.|,)\d+)?$/;
+                    if (this.el.nativeElement.length === 0) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    } else if (re.test(this.el.nativeElement.value) && this.el.nativeElement.value.length > 0) {
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.addClass(this.el.nativeElement, 'counter-success');
+                    } else if (!re.test(this.el.nativeElement.value) || this.el.nativeElement.value.length < 1) {
+                        this.renderer.addClass(this.el.nativeElement, 'counter-danger');
+                        this.renderer.removeClass(this.el.nativeElement, 'counter-success');
+                    }
+                }
+            }
+        }
+
+    }
+
+
+    @HostListener('change') onchange() {
+        this.checkValue();
+    }
+
+
+    constructor(el: ElementRef, private renderer: Renderer2, @Inject(PLATFORM_ID) platformId: string) {
+        this.el = el;
+        this.isBrowser = isPlatformBrowser(platformId);
+    }
+
+    ngOnInit() {
+        if (this.mdbValidate) {
+            // Inititalise a new <span> wrong/right elements and render it below the host component.
+            // this.wrongTextContainer = this.renderer.createElement(this.el.nativeElement.parentElement, 'span');
+            this.wrongTextContainer = this.renderer.createElement('span');
+            this.renderer.addClass(this.wrongTextContainer, 'inputVal');
+            this.renderer.addClass(this.wrongTextContainer, 'text-danger');
+            this.renderer.appendChild(this.el.nativeElement.parentElement, this.wrongTextContainer);
+            const textWrong = this.el.nativeElement.getAttribute('data-error');
+            this.wrongTextContainer.innerHTML = (textWrong ? textWrong : 'wrong');
+            this.renderer.setStyle(this.wrongTextContainer, 'visibility', 'hidden');
+
+            // this.rightTextContainer = this.renderer.createElement(this.el.nativeElement.parentElement, 'span');
+            this.rightTextContainer = this.renderer.createElement('span');
+            this.renderer.addClass(this.rightTextContainer, 'inputVal');
+            this.renderer.addClass(this.rightTextContainer, 'text-success');
+            this.renderer.appendChild(this.el.nativeElement.parentElement, this.rightTextContainer);
+            const textSuccess = this.el.nativeElement.getAttribute('data-success');
+            this.rightTextContainer.innerHTML = (textSuccess ? textSuccess : 'success');
+            this.renderer.setStyle(this.rightTextContainer, 'visibility', 'hidden');
+        }
+
+    }
+
+    ngAfterViewInit() {
+        const type = this.el.nativeElement.type;
+        if (this.focusCheckbox && type === 'checkbox') {
+            this.renderer.addClass(this.el.nativeElement, 'onFocusSelect');
+        }
+
+        if (this.focusRadio && type === 'radio') {
+            this.renderer.addClass(this.el.nativeElement, 'onFocusSelect');
+        }
+    }
+
+    ngAfterViewChecked() {
+        this.initComponent();
+        this.checkValue();
+        // tslint:disable-next-line:max-line-length
+        if (this.el.nativeElement.tagName === 'MDB-COMPLETER' && this.el.nativeElement.getAttribute('ng-reflect-model') == null && !this.isClicked) {
+            this.renderer.removeClass(this.elLabel, 'active');
+        }
+    }
+
+    public initComponent(): void {
+        let inputId;
+        let inputP;
+        if (this.isBrowser) {
+            try {
+                inputId = this.el.nativeElement.id;
+            } catch (err) { }
+
+            try {
+                inputP = this.el.nativeElement.parentNode;
+            } catch (err) { }
+
+            this.elLabel = inputP.querySelector('label[for="' + inputId + '"]') || inputP.querySelector('label');
+            if (this.elLabel && this.el.nativeElement.value !== '') {
+                this.renderer.addClass(this.elLabel, 'active');
+            }
+
+            this.elIcon = inputP.querySelector('i') || false;
+
+            if (this.elIcon) {
+                this.renderer.addClass(this.elIcon, 'active');
+            }
+        }
+    }
+
+
+
+    private checkValue(): void {
+        let value = '';
+        if (this.elLabel != null) {
+            value = this.el.nativeElement.value || '';
+            if (value === '') {
+                this.renderer.removeClass(this.elLabel, 'active');
+                if (this.elIcon) {
+                    this.renderer.removeClass(this.elIcon, 'active');
+                }
+                // tslint:disable-next-line:max-line-length
+            } if (value === '' && this.isClicked ||
+                value === '' && this.el.nativeElement.placeholder ||
+                value === '' && this.el.nativeElement.attributes.placeholder
+            ) {
+                this.renderer.addClass(this.elLabel, 'active');
+            }
+            if (this.el.nativeElement.getAttribute('ng-reflect-model') != null) {
+                if (this.el.nativeElement.tagName === 'MDB-COMPLETER' && this.el.nativeElement.getAttribute('ng-reflect-model').length !== 0) {
+                    this.renderer.addClass(this.elLabel, 'active');
+                }
+            }
+        }
+    }
+}
diff --git a/src/app/typescripts/free/modals/index.ts b/src/app/typescripts/free/modals/index.ts
new file mode 100644
index 0000000..d940722
--- /dev/null
+++ b/src/app/typescripts/free/modals/index.ts
@@ -0,0 +1,6 @@
+export { ModalBackdropComponent, ModalBackdropOptions } from './modalBackdrop.component';
+export { ModalOptions, MDBModalRef } from './modal.options';
+export { ModalDirective } from './modal.directive';
+export { ModalModule } from './modal.module';
+export { MDBModalService } from './modal.service';
+export { ModalContainerComponent } from './modalContainer.component';
diff --git a/src/app/typescripts/free/modals/licens.md b/src/app/typescripts/free/modals/licens.md
new file mode 100644
index 0000000..68dc12f
--- /dev/null
+++ b/src/app/typescripts/free/modals/licens.md
@@ -0,0 +1 @@
+https://github.com/valor-software/ngx-bootstrap/blob/development/LICENSE
\ No newline at end of file
diff --git a/src/app/typescripts/free/modals/modal.directive.ts b/src/app/typescripts/free/modals/modal.directive.ts
new file mode 100644
index 0000000..f284264
--- /dev/null
+++ b/src/app/typescripts/free/modals/modal.directive.ts
@@ -0,0 +1,348 @@
+import {
+  AfterViewInit,
+  ComponentRef,
+  Directive,
+  ElementRef,
+  EventEmitter,
+  HostListener,
+  Input,
+  OnDestroy,
+  Output,
+  Renderer, ViewContainerRef
+} from '@angular/core';
+
+import { document } from '../utils/facade/browser';
+
+import { isBs3 } from '../utils/ng2-bootstrap-config';
+import { Utils } from '../utils/utils.class';
+import { ModalBackdropComponent } from './modalBackdrop.component';
+import { ClassName, modalConfigDefaults, ModalOptions, DISMISS_REASONS } from './modal.options';
+
+import { window } from '../utils/facade/browser';
+import { ComponentLoader } from '../utils/component-loader/component-loader.class';
+import { ComponentLoaderFactory } from '../utils/component-loader/component-loader.factory';
+
+const TRANSITION_DURATION = 300;
+const BACKDROP_TRANSITION_DURATION = 150;
+
+/** Mark any code with directive to show it's content in modal */
+@Directive({
+  selector: '[mdbModal]',
+  exportAs: 'mdb-modal'
+})
+export class ModalDirective implements AfterViewInit, OnDestroy {
+  /** allows to set modal configuration via element property */
+  @Input()
+  // public set config(conf: ModalOptions) {
+    public set config(conf: ModalOptions | any) {
+    this._config = this.getConfig(conf);
+  }
+
+  // public get config(): ModalOptions {
+    public get config(): ModalOptions | any {
+    return this._config;
+  }
+
+  /** This event fires immediately when the `show` instance method is called. */
+  @Output() public onShow: EventEmitter<ModalDirective> = new EventEmitter<ModalDirective>();
+  /** This event is fired when the modal has been made visible to the user (will wait for CSS transitions to complete) */
+  @Output() public onShown: EventEmitter<ModalDirective> = new EventEmitter<ModalDirective>();
+  /** This event is fired immediately when the hide instance method has been called. */
+  @Output() public onHide: EventEmitter<ModalDirective> = new EventEmitter<ModalDirective>();
+  /** This event is fired when the modal has finished being hidden from the user (will wait for CSS transitions to complete). */
+  @Output() public onHidden: EventEmitter<ModalDirective> = new EventEmitter<ModalDirective>();
+
+  // seems like an Options
+  public isAnimated = true;
+  /** This field contains last dismiss reason.
+  Possible values: `backdrop-click`, `esc` and `null` (if modal was closed by direct call of `.hide()`). */
+  public dismissReason: string | any;
+
+  public get isShown(): boolean {
+    return this._isShown;
+  }
+
+  protected _config: ModalOptions | any;
+  protected _isShown = false;
+
+  protected isBodyOverflowing = false;
+  protected originalBodyPadding = 0;
+  protected scrollbarWidth = 0;
+
+  protected timerHideModal: any = 0;
+  protected timerRmBackDrop: any = 0;
+
+  // constructor props
+  protected _element: ElementRef;
+  protected _renderer: Renderer;
+
+  // reference to backdrop component
+  protected backdrop: ComponentRef<ModalBackdropComponent>;
+  private _backdrop: ComponentLoader<ModalBackdropComponent>;
+  // todo: implement _dialog
+   _dialog: any;
+
+   isNested = false;
+
+  @HostListener('click', ['$event'])
+  public onClick(event: any): void {
+    if (this.config.ignoreBackdropClick || this.config.backdrop === 'static' || event.target !== this._element.nativeElement) {
+      return;
+    }
+    this.dismissReason = DISMISS_REASONS.BACKRDOP;
+    this.hide(event);
+  }
+
+  // todo: consider preventing default and stopping propagation
+  @HostListener('keydown.esc')
+  public onEsc(): void {
+    if (this.config.keyboard) {
+      this.dismissReason = DISMISS_REASONS.ESC;
+      this.hide();
+    }
+  }
+
+  public constructor(_element: ElementRef, _viewContainerRef: ViewContainerRef, _renderer: Renderer, clf: ComponentLoaderFactory) {
+    this._element = _element;
+    this._renderer = _renderer;
+    this._backdrop = clf.createLoader<ModalBackdropComponent>(_element, _viewContainerRef, _renderer);
+  }
+
+  public ngOnDestroy(): any {
+    this.config = void 0;
+    if (this._isShown) {
+      this._isShown = false;
+      this.hideModal();
+      this._backdrop.dispose();
+    }
+  }
+
+  public ngAfterViewInit(): any {
+    this._config = this._config || this.getConfig();
+    setTimeout(() => {
+      if (this._config.show) {
+        this.show();
+      }
+    }, 0);
+  }
+
+  /* Public methods */
+
+  /** Allows to manually toggle modal visibility */
+  public toggle(): void {
+    return this._isShown ? this.hide() : this.show();
+  }
+
+  /** Allows to manually open modal */
+  public show(): void {
+    this.dismissReason = null;
+    this.onShow.emit(this);
+    if (this._isShown) {
+      return;
+    }
+    clearTimeout(this.timerHideModal);
+    clearTimeout(this.timerRmBackDrop);
+
+    this._isShown = true;
+
+    this.checkScrollbar();
+    this.setScrollbar();
+
+    if (document && document.body) {
+      if (document.body.classList.contains(ClassName.OPEN)) {
+        this.isNested = true;
+      } else {
+        this._renderer.setElementClass(document.body, ClassName.OPEN, true);
+      }
+    }
+
+    this.showBackdrop(() => {
+      this.showElement();
+    });
+  }
+
+  /** Allows to manually close modal */
+  public hide(event?: Event): void {
+    if (event) {
+      event.preventDefault();
+    }
+
+    this.onHide.emit(this);
+
+    // todo: add an option to prevent hiding
+    if (!this._isShown) {
+      return;
+    }
+
+    clearTimeout(this.timerHideModal);
+    clearTimeout(this.timerRmBackDrop);
+
+    this._isShown = false;
+    this._renderer.setElementClass(this._element.nativeElement, ClassName.IN, false);
+    if (!isBs3()) {
+      this._renderer.setElementClass(this._element.nativeElement, ClassName.SHOW, false);
+    }
+
+    if (this.isAnimated) {
+      this.timerHideModal = setTimeout(() => this.hideModal(), TRANSITION_DURATION);
+    } else {
+      this.hideModal();
+    }
+  }
+
+  /** Private methods @internal */
+  protected getConfig(config?: ModalOptions): ModalOptions {
+    return Object.assign({}, modalConfigDefaults, config);
+  }
+
+  /**
+   *  Show dialog
+   *  @internal
+   */
+   protected showElement(): void {
+     // todo: replace this with component loader usage
+     if (!this._element.nativeElement.parentNode ||
+       (this._element.nativeElement.parentNode.nodeType !== Node.ELEMENT_NODE)) {
+       // don't move modals dom position
+     if (document && document.body) {
+       document.body.appendChild(this._element.nativeElement);
+     }
+   }
+
+   this._renderer.setElementAttribute(this._element.nativeElement, 'aria-hidden', 'false');
+   this._renderer.setElementStyle(this._element.nativeElement, 'display', 'block');
+   this._renderer.setElementProperty(this._element.nativeElement, 'scrollTop', 0);
+
+   if (this.isAnimated) {
+     Utils.reflow(this._element.nativeElement);
+   }
+
+   this._renderer.setElementClass(this._element.nativeElement, ClassName.IN, true);
+   if (!isBs3()) {
+     this._renderer.setElementClass(this._element.nativeElement, ClassName.SHOW, true);
+   }
+
+   const transitionComplete = () => {
+     if (this._config.focus) {
+       this._element.nativeElement.focus();
+     }
+     this.onShown.emit(this);
+   };
+
+   if (this.isAnimated) {
+     setTimeout(transitionComplete, TRANSITION_DURATION);
+   } else {
+     transitionComplete();
+   }
+ }
+
+ /** @internal */
+ protected hideModal(): void {
+   this._renderer.setElementAttribute(this._element.nativeElement, 'aria-hidden', 'true');
+   this._renderer.setElementStyle(this._element.nativeElement, 'display', 'none');
+   this.showBackdrop(() => {
+     if (!this.isNested) {
+       if (document && document.body) {
+         this._renderer.setElementClass(document.body, ClassName.OPEN, false);
+       }
+       this.resetScrollbar();
+     }
+     this.resetAdjustments();
+     this.focusOtherModal();
+     this.onHidden.emit(this);
+   });
+ }
+
+ // todo: original show was calling a callback when done, but we can use promise
+ /** @internal */
+ protected showBackdrop(callback?: Function): void {
+   if (this._isShown && this.config.backdrop && (!this.backdrop || !this.backdrop.instance.isShown)) {
+     this.removeBackdrop();
+     this._backdrop
+     .attach(ModalBackdropComponent)
+     .to('body')
+     .show({isAnimated: this.isAnimated});
+     this.backdrop = this._backdrop._componentRef;
+
+     if (!callback) {
+       return;
+     }
+
+     if (!this.isAnimated) {
+       callback();
+       return;
+     }
+
+     setTimeout(callback, BACKDROP_TRANSITION_DURATION);
+   } else if (!this._isShown && this.backdrop) {
+     this.backdrop.instance.isShown = false;
+
+     const callbackRemove = () => {
+       this.removeBackdrop();
+       if (callback) {
+         callback();
+       }
+     };
+
+     if (this.backdrop.instance.isAnimated) {
+       this.timerRmBackDrop = setTimeout(callbackRemove, BACKDROP_TRANSITION_DURATION);
+     } else {
+       callbackRemove();
+     }
+   } else if (callback) {
+     callback();
+   }
+ }
+
+ /** @internal */
+ protected removeBackdrop(): void {
+   this._backdrop.hide();
+ }
+
+
+ protected focusOtherModal() {
+   const otherOpenedModals = this._element.nativeElement.parentElement.querySelectorAll('.in[mdbModal]');
+   if (!otherOpenedModals.length) {
+     return;
+   }
+   this._renderer.invokeElementMethod(otherOpenedModals[otherOpenedModals.length - 1], 'focus');
+ }
+
+ /** @internal */
+ protected resetAdjustments(): void {
+   this._renderer.setElementStyle(this._element.nativeElement, 'paddingLeft', '');
+   this._renderer.setElementStyle(this._element.nativeElement, 'paddingRight', '');
+ }
+
+ /** Scroll bar tricks */
+ /** @internal */
+ protected checkScrollbar(): void {
+   this.isBodyOverflowing = document.body.clientWidth < window.innerWidth;
+   this.scrollbarWidth = this.getScrollbarWidth();
+ }
+
+ protected setScrollbar(): void {
+   if (!document) {
+     return;
+   }
+
+   this.originalBodyPadding = parseInt(window.getComputedStyle(document.body).getPropertyValue('padding-right') || 0, 10);
+
+   if (this.isBodyOverflowing) {
+     document.body.style.paddingRight = `${this.originalBodyPadding + this.scrollbarWidth}px`;
+   }
+ }
+
+ protected resetScrollbar(): void {
+   document.body.style.paddingRight = this.originalBodyPadding;
+ }
+
+ // thx d.walsh
+ protected getScrollbarWidth(): number {
+   const scrollDiv = this._renderer.createElement(document.body, 'div', void 0);
+   scrollDiv.className = ClassName.SCROLLBAR_MEASURER;
+   const scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+   document.body.removeChild(scrollDiv);
+   return scrollbarWidth;
+ }
+}
diff --git a/src/app/typescripts/free/modals/modal.module.ts b/src/app/typescripts/free/modals/modal.module.ts
new file mode 100644
index 0000000..caa5dc9
--- /dev/null
+++ b/src/app/typescripts/free/modals/modal.module.ts
@@ -0,0 +1,20 @@
+import { NgModule, ModuleWithProviders, NO_ERRORS_SCHEMA } from '@angular/core';
+
+import { ModalBackdropComponent } from './modalBackdrop.component';
+import { ModalDirective } from './modal.directive';
+import { PositioningService } from '../utils/positioning';
+import { ComponentLoaderFactory } from '../utils/component-loader';
+import { ModalContainerComponent } from './modalContainer.component';
+import { MDBModalService } from './modal.service';
+
+@NgModule({
+  declarations: [ModalBackdropComponent, ModalDirective, ModalContainerComponent],
+  exports: [ModalBackdropComponent, ModalDirective],
+  entryComponents: [ModalBackdropComponent, ModalContainerComponent],
+  schemas: [NO_ERRORS_SCHEMA]
+})
+export class ModalModule {
+  public static forRoot(): ModuleWithProviders {
+    return {ngModule: ModalModule, providers: [MDBModalService, ComponentLoaderFactory, PositioningService]};
+  }
+}
diff --git a/src/app/typescripts/free/modals/modal.options.ts b/src/app/typescripts/free/modals/modal.options.ts
new file mode 100644
index 0000000..a0f18b5
--- /dev/null
+++ b/src/app/typescripts/free/modals/modal.options.ts
@@ -0,0 +1,80 @@
+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class ModalOptions {
+  /**
+   *  Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.
+   */
+  //  backdrop?: boolean | 'static';
+  backdrop?: boolean | 'static' | any;
+  /**
+   * Closes the modal when escape key is pressed.
+   */
+   keyboard?: boolean;
+
+   focus?: boolean;
+  /**
+   * Shows the modal when initialized.
+   */
+   show?: boolean;
+  /**
+   * Ignore the backdrop click
+   */
+   ignoreBackdropClick?: boolean;
+  /**
+   * Css class for opened modal
+   */
+   class?: string;
+  /**
+   * Toggle animation
+   */
+   animated?: boolean;
+ }
+
+ @Injectable()
+ export class MDBModalRef {
+  /**
+   * Reference to a component inside the modal. Null if modal's been created with TemplateRef
+   */
+   content?: any | null;
+  /**
+   * Hides the modal
+   */
+   hide(): void {}
+ }
+
+ export const modalConfigDefaults: ModalOptions = {
+   backdrop: true,
+   keyboard: true,
+   focus: true,
+   show: false,
+   ignoreBackdropClick: false,
+   class: '',
+   animated: true
+ };
+
+ export const ClassName: any = {
+   SCROLLBAR_MEASURER: 'modal-scrollbar-measure',
+   BACKDROP: 'modal-backdrop',
+   OPEN: 'modal-open',
+   FADE: 'fade',
+   IN: 'in',     // bs3
+   SHOW: 'show'  // bs4
+ };
+
+ export const Selector: any = {
+   DIALOG: '.modal-dialog',
+   DATA_TOGGLE: '[data-toggle="modal"]',
+   DATA_DISMISS: '[data-dismiss="modal"]',
+   FIXED_CONTENT: '.navbar-fixed-top, .navbar-fixed-bottom, .is-fixed'
+ };
+
+ export const TransitionDurations: any = {
+   MODAL: 300,
+   BACKDROP: 150
+ };
+
+ export const DISMISS_REASONS = {
+   BACKRDOP: 'backdrop-click',
+   ESC: 'esc'
+ };
diff --git a/src/app/typescripts/free/modals/modal.service.ts b/src/app/typescripts/free/modals/modal.service.ts
new file mode 100644
index 0000000..01921d2
--- /dev/null
+++ b/src/app/typescripts/free/modals/modal.service.ts
@@ -0,0 +1,183 @@
+import { ComponentRef, Injectable, TemplateRef, EventEmitter, Renderer, ViewContainerRef, ElementRef } from '@angular/core';
+
+import { ComponentLoader } from '../utils/component-loader';
+import { ComponentLoaderFactory } from '../utils/component-loader';
+import { ModalBackdropComponent } from './modalBackdrop.component';
+import { ModalContainerComponent } from './modalContainer.component';
+import { MDBModalRef, ClassName, modalConfigDefaults, ModalOptions, TransitionDurations } from './modal.options';
+import { msConfig } from './modalService.config';
+
+
+@Injectable()
+export class MDBModalService {
+  // constructor props
+  public config: ModalOptions = modalConfigDefaults;
+
+  public onShow: EventEmitter<any> = new EventEmitter();
+  public onShown: EventEmitter<any> = new EventEmitter();
+  public onHide: EventEmitter<any> = new EventEmitter();
+  public onHidden: EventEmitter<any> = new EventEmitter();
+
+  protected isBodyOverflowing = false;
+  protected originalBodyPadding = 0;
+
+  protected scrollbarWidth = 0;
+
+  // protected backdropRef: ComponentRef<ModalBackdropComponent>;
+  protected backdropRef: ComponentRef<ModalBackdropComponent> | any;
+  private _backdropLoader: ComponentLoader<ModalBackdropComponent>;
+  private modalsCount = 0;
+  // private lastDismissReason = '';
+  private lastDismissReason: any = '';
+
+  private loaders: ComponentLoader<ModalContainerComponent>[] = [];
+  // public constructor(private clf: ComponentLoaderFactory) {
+    public constructor(private clf: ComponentLoaderFactory, private el: ElementRef, private v: ViewContainerRef, private r: Renderer) {
+  //   this._backdropLoader = this.clf.createLoader<ModalBackdropComponent>(null, null, null);
+    this._backdropLoader = this.clf.createLoader<ModalBackdropComponent>(this.el, this.v, this.r);
+    msConfig.serviceInstance = this;
+  }
+
+  /** Shows a modal */
+  show(content: string | TemplateRef<any> | any, config?: any): MDBModalRef {
+    this.modalsCount++;
+    this._createLoaders();
+    this.config = Object.assign({}, modalConfigDefaults, config);
+    this._showBackdrop();
+    this.lastDismissReason = null;
+    return this._showModal(content);
+  }
+
+  hide(level: number) {
+    if (this.modalsCount === 1) {
+      this._hideBackdrop();
+      this.resetScrollbar();
+    }
+    this.modalsCount = this.modalsCount >= 1 ? this.modalsCount - 1 : 0;
+    setTimeout(() => {
+      this._hideModal(level);
+      this.removeLoaders(level);
+    }, this.config.animated ? TransitionDurations.BACKDROP : 0);
+  }
+
+  _showBackdrop(): void {
+    const isBackdropEnabled = this.config.backdrop || this.config.backdrop === 'static';
+    const isBackdropInDOM = !this.backdropRef || !this.backdropRef.instance.isShown;
+
+    if (this.modalsCount === 1) {
+      this.removeBackdrop();
+
+      if (isBackdropEnabled && isBackdropInDOM) {
+        this._backdropLoader
+        .attach(ModalBackdropComponent)
+        .to('body')
+        .show({isAnimated: this.config.animated});
+        this.backdropRef = this._backdropLoader._componentRef;
+      }
+    }
+  }
+
+  _hideBackdrop(): void {
+    if (!this.backdropRef) {
+      return;
+    }
+    this.backdropRef.instance.isShown = false;
+    const duration = this.config.animated ? TransitionDurations.BACKDROP : 0;
+    setTimeout(() => this.removeBackdrop(), duration);
+  }
+
+  _showModal(content: any): MDBModalRef {
+    const modalLoader = this.loaders[this.loaders.length - 1];
+    const mdbModalRef = new MDBModalRef();
+    const modalContainerRef = modalLoader
+    .provide({provide: ModalOptions, useValue: this.config})
+    .provide({provide: MDBModalRef, useValue: mdbModalRef})
+    .attach(ModalContainerComponent)
+    .to('body')
+    .show({content, isAnimated: this.config.animated});
+    modalContainerRef.instance.level = this.getModalsCount();
+    mdbModalRef.hide = () => {
+      modalContainerRef.instance.hide();
+    };
+    mdbModalRef.content = modalLoader.getInnerComponent() || null;
+    return mdbModalRef;
+  }
+
+  _hideModal(level: number): void {
+    const modalLoader = this.loaders[level - 1];
+    if (modalLoader) {
+      modalLoader.hide();
+    }
+  }
+
+  getModalsCount(): number {
+    return this.modalsCount;
+  }
+
+  setDismissReason(reason: string) {
+    this.lastDismissReason = reason;
+  }
+
+  protected removeBackdrop(): void {
+    this._backdropLoader.hide();
+    this.backdropRef = null;
+  }
+
+  /** AFTER PR MERGE MODAL.COMPONENT WILL BE USING THIS CODE*/
+  /** Scroll bar tricks */
+  /** @internal */
+  public checkScrollbar(): void {
+    this.isBodyOverflowing = document.body.clientWidth < window.innerWidth;
+    this.scrollbarWidth = this.getScrollbarWidth();
+  }
+
+  public setScrollbar(): void {
+    if (!document) {
+      return;
+    }
+
+    this.originalBodyPadding = parseInt(window.getComputedStyle(document.body).getPropertyValue('padding-right') || '0', 10);
+
+    if (this.isBodyOverflowing) {
+      document.body.style.paddingRight = `${this.originalBodyPadding + this.scrollbarWidth}px`;
+    }
+  }
+
+  private resetScrollbar(): void {
+    document.body.style.paddingRight = this.originalBodyPadding + 'px';
+  }
+
+  // thx d.walsh
+  private getScrollbarWidth(): number {
+    const scrollDiv = document.createElement('div');
+    scrollDiv.className = ClassName.SCROLLBAR_MEASURER;
+    document.body.appendChild(scrollDiv);
+    const scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+    document.body.removeChild(scrollDiv);
+    return scrollbarWidth;
+
+  }
+
+  private _createLoaders(): void {
+    // const loader = this.clf.createLoader<ModalContainerComponent>(null, null, null);
+    const loader = this.clf.createLoader<ModalContainerComponent>(this.el, this.v, this.r);
+    this.copyEvent(loader.onBeforeShow, this.onShow);
+    this.copyEvent(loader.onShown, this.onShown);
+    this.copyEvent(loader.onBeforeHide, this.onHide);
+    this.copyEvent(loader.onHidden, this.onHidden);
+    this.loaders.push(loader);
+  }
+
+  private removeLoaders(level: number): void {
+    this.loaders.splice(level - 1, 1);
+    this.loaders.forEach((loader: ComponentLoader<ModalContainerComponent>, i: number) => {
+      loader.instance.level = i + 1;
+    });
+  }
+
+  private copyEvent(from: EventEmitter<any>, to: EventEmitter<any>) {
+    from.subscribe(() => {
+      to.emit(this.lastDismissReason);
+    });
+  }
+}
diff --git a/src/app/typescripts/free/modals/modalBackdrop.component.html b/src/app/typescripts/free/modals/modalBackdrop.component.html
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/typescripts/free/modals/modalBackdrop.component.ts b/src/app/typescripts/free/modals/modalBackdrop.component.ts
new file mode 100644
index 0000000..1524fd3
--- /dev/null
+++ b/src/app/typescripts/free/modals/modalBackdrop.component.ts
@@ -0,0 +1,61 @@
+import { Component, ElementRef, OnInit, Renderer, HostBinding } from '@angular/core';
+
+import { ClassName } from './modal.options';
+import { isBs3 } from '../utils/ng2-bootstrap-config';
+import { Utils } from '../utils/utils.class';
+
+export class ModalBackdropOptions {
+  public animate = true;
+
+  public constructor(options: ModalBackdropOptions) {
+    Object.assign(this, options);
+  }
+}
+
+/** This component will be added as background layout for modals if enabled */
+@Component({
+  selector: 'mdb-modal-backdrop',
+  template: ``,
+})
+export class ModalBackdropComponent implements OnInit {
+  @HostBinding('class.modal-backdrop') public classNameBackDrop = true;
+
+  public get isAnimated(): boolean {
+    return this._isAnimated;
+  }
+
+  public set isAnimated(value: boolean) {
+    this._isAnimated = value;
+  }
+
+  public get isShown(): boolean {
+    return this._isShown;
+  }
+
+  public set isShown(value: boolean) {
+    this._isShown = value;
+    this.renderer.setElementClass(this.element.nativeElement, `${ClassName.IN}`, value);
+    if (!isBs3()) {
+      this.renderer.setElementClass(this.element.nativeElement, `${ClassName.SHOW}`, value);
+    }
+  }
+
+  public element: ElementRef;
+  public renderer: Renderer;
+
+  protected _isAnimated: boolean;
+  protected _isShown = false;
+
+  public constructor(element: ElementRef, renderer: Renderer) {
+    this.element = element;
+    this.renderer = renderer;
+  }
+
+  ngOnInit(): void {
+    if (this.isAnimated) {
+      this.renderer.setElementClass(this.element.nativeElement, `${ClassName.FADE}`, this.isAnimated);
+      Utils.reflow(this.element.nativeElement);
+    }
+    this.isShown = true;
+  }
+}
diff --git a/src/app/typescripts/free/modals/modalContainer.component.html b/src/app/typescripts/free/modals/modalContainer.component.html
new file mode 100644
index 0000000..c1a070f
--- /dev/null
+++ b/src/app/typescripts/free/modals/modalContainer.component.html
@@ -0,0 +1,3 @@
+<div [class]="'modal-dialog' + (config.class ? ' ' + config.class : '')" role="document">
+  <div class="modal-content"><ng-content></ng-content></div>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/free/modals/modalContainer.component.ts b/src/app/typescripts/free/modals/modalContainer.component.ts
new file mode 100644
index 0000000..f5d0bda
--- /dev/null
+++ b/src/app/typescripts/free/modals/modalContainer.component.ts
@@ -0,0 +1,89 @@
+import { Component, ElementRef, HostListener, OnDestroy, OnInit, Renderer, HostBinding } from '@angular/core';
+import { ClassName, DISMISS_REASONS, ModalOptions, TransitionDurations } from './modal.options';
+import { isBs3 } from '../utils/ng2-bootstrap-config';
+import { msConfig } from './modalService.config';
+
+@Component({
+  selector: 'mdb-modal-container',
+  template: `
+  <div [class]="'modal-dialog' + (config.class ? ' ' + config.class : '')" role="document">
+  <div class="modal-content"><ng-content></ng-content></div>
+</div>`
+})
+export class ModalContainerComponent implements OnInit, OnDestroy {
+  @HostBinding('tabindex') tabindex = -1;
+  @HostBinding('role') role = 'dialog';
+  @HostBinding('class.modal') modla = true;
+
+  private mdbModalService: any;
+
+  public config: ModalOptions;
+  public isShown = false;
+  public level: number;
+  public isAnimated: boolean;
+  protected _element: ElementRef;
+  private isModalHiding = false;
+  @HostListener('click', ['$event'])
+  public onClick(event: any): void {
+    if (this.config.ignoreBackdropClick || this.config.backdrop === 'static' || event.target !== this._element.nativeElement) {
+      return;
+    }
+    this.mdbModalService.setDismissReason(DISMISS_REASONS.BACKRDOP);
+    this.hide();
+  }
+  @HostListener('window:keydown.esc')
+  public onEsc(): void {
+    if (this.config.keyboard && this.level === this.mdbModalService.getModalsCount()) {
+      this.mdbModalService.setDismissReason(DISMISS_REASONS.ESC);
+      this.hide();
+    }
+  }
+
+  public constructor(options: ModalOptions, _element: ElementRef, private _renderer: Renderer) {
+    this.mdbModalService = msConfig.serviceInstance;
+
+    this._element = _element;
+    this.config = Object.assign({}, options);
+  }
+
+  ngOnInit(): void {
+    if (this.isAnimated) {
+      this._renderer.setElementClass(this._element.nativeElement, ClassName.FADE, true);
+    }
+    this._renderer.setElementStyle(this._element.nativeElement, 'display', 'block');
+    setTimeout(() => {
+      this.isShown = true;
+      this._renderer.setElementClass(this._element.nativeElement, isBs3() ? ClassName.IN : ClassName.SHOW, true);
+    }, this.isAnimated ? TransitionDurations.BACKDROP : 0);
+    if (document && document.body) {
+      if (this.mdbModalService.getModalsCount() === 1) {
+        this.mdbModalService.checkScrollbar();
+        this.mdbModalService.setScrollbar();
+      }
+      this._renderer.setElementClass(document.body, ClassName.OPEN, true);
+    }
+  }
+
+  ngOnDestroy(): void {
+    if (this.isShown) {
+      this.hide();
+    }
+  }
+
+  hide(): void {
+    if (this.isModalHiding || !this.isShown) {
+      return;
+    }
+    this.isModalHiding = true;
+    this._renderer.setElementClass(this._element.nativeElement, isBs3() ? ClassName.IN : ClassName.SHOW, false);
+
+    setTimeout(() => {
+      this.isShown = false;
+      if (document && document.body && this.mdbModalService.getModalsCount() === 1) {
+        this._renderer.setElementClass(document.body, ClassName.OPEN, false);
+      }
+      this.mdbModalService.hide(this.level);
+      this.isModalHiding = false;
+    }, this.isAnimated ? TransitionDurations.MODAL : 0);
+  }
+}
diff --git a/src/app/typescripts/free/modals/modalService.config.ts b/src/app/typescripts/free/modals/modalService.config.ts
new file mode 100644
index 0000000..12cedbb
--- /dev/null
+++ b/src/app/typescripts/free/modals/modalService.config.ts
@@ -0,0 +1,3 @@
+export const msConfig = {
+    serviceInstance: new Object()
+}
\ No newline at end of file
diff --git a/src/app/typescripts/free/navbars/index.ts b/src/app/typescripts/free/navbars/index.ts
new file mode 100644
index 0000000..6b8f879
--- /dev/null
+++ b/src/app/typescripts/free/navbars/index.ts
@@ -0,0 +1,2 @@
+export * from './navbar.module';
+export * from './navbar.component';
diff --git a/src/app/typescripts/free/navbars/links.component.ts b/src/app/typescripts/free/navbars/links.component.ts
new file mode 100644
index 0000000..d2316c6
--- /dev/null
+++ b/src/app/typescripts/free/navbars/links.component.ts
@@ -0,0 +1,35 @@
+import { NavbarService } from './navbar.service';
+import { AfterContentInit, Component, ContentChildren, ElementRef, QueryList, EventEmitter, Output } from '@angular/core';
+import { RouterLinkWithHref } from '@angular/router';
+import { AfterViewInit } from '@angular/core/src/metadata/lifecycle_hooks';
+@Component({
+  selector: 'links',
+  template: `
+        <ng-content></ng-content>
+    `,
+})
+export class LinksComponent implements AfterViewInit, AfterContentInit {
+  @ContentChildren(RouterLinkWithHref, { read: ElementRef, descendants: true })
+  links: QueryList<ElementRef>;
+
+  @Output() linkClick = new EventEmitter<any>();
+  constructor( private _navbarService: NavbarService) { }
+
+  ngAfterContentInit() {
+    const that = this;
+
+
+
+    setTimeout(function () {
+      that.links.forEach(function (element) {
+        element.nativeElement.onclick = function () {
+          that._navbarService.setNavbarLinkClicks();
+        };
+      });
+
+    }, 0);
+  }
+  ngAfterViewInit() {
+
+  }
+}
diff --git a/src/app/typescripts/free/navbars/logo.component.ts b/src/app/typescripts/free/navbars/logo.component.ts
new file mode 100644
index 0000000..2bc3941
--- /dev/null
+++ b/src/app/typescripts/free/navbars/logo.component.ts
@@ -0,0 +1,11 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'logo',
+  template: `
+  <ng-content></ng-content>
+  `
+})
+export class LogoComponent {
+
+}
diff --git a/src/app/typescripts/free/navbars/navbar.component.html b/src/app/typescripts/free/navbars/navbar.component.html
new file mode 100644
index 0000000..ec88b10
--- /dev/null
+++ b/src/app/typescripts/free/navbars/navbar.component.html
@@ -0,0 +1,15 @@
+<nav class="{{SideClass}}" #nav>
+  <div [ngClass]="{'container': containerInside}" [ngStyle]="{'display': displayStyle}" #container>
+    <ng-content select="logo"></ng-content>
+    <ng-content *ngIf="this.doubleNav == true" select="navlinks"></ng-content>
+    <div *ngIf="this.doubleNav == false">
+      <button class="navbar-toggler" type="button" (click)="toggle($event)" mdbWavesEffect *ngIf="this.el.nativeElement.children.length !== 0">
+        <span class="navbar-toggler-icon">
+        </span>
+      </button>
+    </div>
+    <div #navbar [style.height]="height" class="navbar-collapse collapse" [ngClass]="{'collapse': collapse, 'show': showClass, 'collapsing': collapsing}">
+      <ng-content select="links"></ng-content>
+    </div>
+  </div>
+</nav>
diff --git a/src/app/typescripts/free/navbars/navbar.component.ts b/src/app/typescripts/free/navbars/navbar.component.ts
new file mode 100644
index 0000000..41c31e6
--- /dev/null
+++ b/src/app/typescripts/free/navbars/navbar.component.ts
@@ -0,0 +1,169 @@
+import { NavbarService } from './navbar.service';
+import { Component, ElementRef, ViewChild, Input, Renderer2, AfterViewInit, HostListener, OnInit } from '@angular/core';
+import { Subscription } from 'rxjs/Subscription';
+
+@Component({
+  selector: 'mdb-navbar',
+  templateUrl: 'navbar.component.html',
+})
+
+export class NavbarComponent implements AfterViewInit, OnInit {
+  @Input() SideClass: string;
+  @Input() containerInside = true;
+  subscription: Subscription;
+  navbarLinkClicks: any;
+  shown = false;
+
+  public doubleNav: boolean;
+  public height: number;
+  public duration = 350; // ms
+
+  public collapse = false;
+  public showClass = false;
+  public collapsing = false;
+  @ViewChild('navbar') el: ElementRef;
+  @ViewChild('mobile') mobile: ElementRef;
+  @ViewChild('nav') navbar: ElementRef;
+  @ViewChild('container') container: ElementRef;
+
+  constructor(public renderer: Renderer2, private _navbarService: NavbarService) {
+    // tslint:disable-next-line:max-line-length
+    this.subscription = this._navbarService.getNavbarLinkClicks().subscribe(navbarLinkClicks => { this.closeNavbarOnClick(navbarLinkClicks); });
+  }
+
+  closeNavbarOnClick(navbarLinkClicks: any) {
+    this.navbarLinkClicks = navbarLinkClicks;
+    if (this.showClass) {
+      this.hide();
+    }
+  }
+
+  ngOnInit() {
+    const isDoubleNav = this.SideClass.split(' ');
+    if (isDoubleNav.indexOf('double-nav') !== -1) {
+      this.doubleNav = true;
+    }else {
+      this.doubleNav = false;
+    }
+  }
+
+
+  ngAfterViewInit() {
+    /* bugfix - bez tego sypie ExpressionChangedAfterItHasBeenCheckedError -
+    https://github.com/angular/angular/issues/6005#issuecomment-165951692 */
+    setTimeout(() => {
+      this.height = this.el.nativeElement.scrollHeight;
+      this.collapse = true;
+
+      if (!this.containerInside) {
+        const childrens = Array.from(this.container.nativeElement.children);
+        childrens.forEach(child => {
+          // this.navbar.nativeElement.append(child);
+          this.renderer.appendChild(this.navbar.nativeElement, child);
+
+          this.container.nativeElement.remove();
+        });
+
+      }
+      if (this.el.nativeElement.children.length === 0) {
+        this.el.nativeElement.remove();
+      }
+    });
+  }
+
+  toggle(event: any) {
+    event.preventDefault();
+    if (!this.collapsing) {
+      if (this.shown) {
+        this.hide();
+      } else {
+        this.show();
+      }
+    }
+  }
+
+  show() {
+    this.shown = true;
+    this.collapse = false;
+    this.collapsing = true;
+    setTimeout(() => {
+      this.renderer.setStyle(this.el.nativeElement, 'height', this.height + 'px');
+    }, 10);
+
+
+    setTimeout(() => {
+      this.collapsing = false;
+      this.collapse = true;
+      this.showClass = true;
+    }, this.duration);
+  }
+
+  hide() {
+    this.shown = false;
+    this.collapse = false;
+    this.showClass = false;
+    this.collapsing = true;
+    setTimeout(() => {
+      this.renderer.setStyle(this.el.nativeElement, 'height', '0px');
+    }, 10);
+
+
+    setTimeout(() => {
+      this.collapsing = false;
+      this.collapse = true;
+    }, this.duration);
+  }
+
+  get displayStyle() {
+    // if(!this.containerInside) {
+    //  return 'flex';
+    // } else {
+    return '';
+    // }
+  }
+
+  @HostListener('window:resize', ['$event']) onResize(event: any) {
+    let breakpoit = 0;
+
+    if (this.SideClass.includes('navbar-expand-xl')) {
+      breakpoit = 1200;
+    } else if (this.SideClass.includes('navbar-expand-lg')) {
+      breakpoit = 992;
+    } else if (this.SideClass.includes('navbar-expand-md')) {
+      breakpoit = 768;
+    } else if (this.SideClass.includes('navbar-expand-sm')) {
+      breakpoit = 576;
+    } else {
+      breakpoit = event.target.innerWidth + 1;
+    }
+
+    if (event.target.innerWidth < breakpoit) {
+      if (!this.shown) {
+        this.collapse = false;
+        this.renderer.setStyle(this.el.nativeElement, 'height', '0px');
+        this.renderer.setStyle(this.el.nativeElement, 'opacity', '0');
+        setTimeout(() => {
+          this.height = this.el.nativeElement.scrollHeight;
+          this.collapse = true;
+          this.renderer.setStyle(this.el.nativeElement, 'opacity', '');
+        }, 4);
+      }
+    } else {
+      this.collapsing = false;
+      this.shown = false;
+      this.showClass = false;
+      this.collapse = true;
+      this.renderer.setStyle(this.el.nativeElement, 'height', '');
+    }
+  }
+
+  @HostListener('document:scroll', ['$event']) onScroll() {
+    if (this.navbar.nativeElement.classList.contains('scrolling-navbar')) {
+      if (window.pageYOffset > 120) {
+        this.renderer.addClass(this.navbar.nativeElement, 'top-nav-collapse');
+      } else {
+        this.renderer.removeClass(this.navbar.nativeElement, 'top-nav-collapse');
+      }
+    }
+  }
+}
diff --git a/src/app/typescripts/free/navbars/navbar.module.ts b/src/app/typescripts/free/navbars/navbar.module.ts
new file mode 100644
index 0000000..83166c8
--- /dev/null
+++ b/src/app/typescripts/free/navbars/navbar.module.ts
@@ -0,0 +1,14 @@
+import { LinksComponent } from './links.component';
+import { LogoComponent } from './logo.component';
+import { NavbarService } from './navbar.service';
+import {CommonModule} from '@angular/common';
+import {NgModule} from '@angular/core';
+import {NavbarComponent} from './navbar.component';
+import { NavlinksComponent } from './navlinks.component';
+@NgModule({
+  imports: [CommonModule],
+  declarations: [NavbarComponent, LinksComponent, LogoComponent, NavlinksComponent],
+  exports: [NavbarComponent, LinksComponent , LogoComponent, NavlinksComponent],
+  providers: [NavbarService]
+})
+export class NavbarModule {}
diff --git a/src/app/typescripts/free/navbars/navbar.service.ts b/src/app/typescripts/free/navbars/navbar.service.ts
new file mode 100644
index 0000000..25df2b1
--- /dev/null
+++ b/src/app/typescripts/free/navbars/navbar.service.ts
@@ -0,0 +1,18 @@
+import {Injectable} from '@angular/core';
+import { Subject } from 'rxjs/Subject';
+import { Observable } from 'rxjs/Observable';
+
+@Injectable()
+export class NavbarService {
+
+    private navbarLinkClicks = new Subject<any>();
+
+
+    getNavbarLinkClicks(): Observable<any> {
+        return this.navbarLinkClicks.asObservable();
+    }
+
+    setNavbarLinkClicks() {
+        this.navbarLinkClicks.next();
+    }
+}
diff --git a/src/app/typescripts/free/navbars/navlinks.component.ts b/src/app/typescripts/free/navbars/navlinks.component.ts
new file mode 100644
index 0000000..7b45e02
--- /dev/null
+++ b/src/app/typescripts/free/navbars/navlinks.component.ts
@@ -0,0 +1,35 @@
+import { NavbarService } from './navbar.service';
+import { AfterContentInit, Component, ContentChildren, ElementRef, QueryList, EventEmitter, Output } from '@angular/core';
+import { RouterLinkWithHref } from '@angular/router';
+import { AfterViewInit } from '@angular/core/src/metadata/lifecycle_hooks';
+@Component({
+  selector: 'navlinks',
+  template: `
+        <ng-content></ng-content>
+    `,
+})
+export class NavlinksComponent implements AfterViewInit, AfterContentInit {
+  @ContentChildren(RouterLinkWithHref, { read: ElementRef, descendants: true })
+  links: QueryList<ElementRef>;
+
+  @Output() linkClick = new EventEmitter<any>();
+  constructor( private _navbarService: NavbarService) { }
+
+  ngAfterContentInit() {
+    const that = this;
+
+
+
+    setTimeout(function () {
+      that.links.forEach(function (element) {
+        element.nativeElement.onclick = function () {
+          that._navbarService.setNavbarLinkClicks();
+        };
+      });
+
+    }, 0);
+  }
+  ngAfterViewInit() {
+
+  }
+}
diff --git a/src/app/typescripts/free/package.json b/src/app/typescripts/free/package.json
new file mode 100644
index 0000000..66982d4
--- /dev/null
+++ b/src/app/typescripts/free/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "angular-bootstrap-md",
+  "version": "6.0.1",
+  "description": "Material Design for Bootstrap (MDB) is a powerful Material Design UI KIT for most popular HTML, CSS, and JS framework - Bootstrap.",
+  "scripts": {
+  "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+  "type": "git",
+  "url": "https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design.git"
+  },
+  "keywords": [
+  "material",
+  "design",
+  "bootstrap",
+  "mdbootstrap",
+  "mdb",
+  "framework",
+  "css",
+  "mobile-first",
+  "responsive",
+  "angular",
+  "ng",
+  "ng2",
+  "angular2",
+  "ng4",
+  "angular4",
+  "ng5",
+  "angular 5",
+  "ng6",
+  "angular 6"
+  ],
+  "author": "MDBootstrap",
+  "license": "Custom license (read license.pdf)",
+  "bugs": {
+  "url": "https://github.com/mdbootstrap/bootstrap-material-design/issues"
+  },
+  "homepage": "https://mdbootstrap.com",
+  "peerDependencies": {
+  "@angular/animations": "5.0.0 - 6.0.0-rc.5",
+  "@angular/common": "5.0.0 - 6.0.0-rc.5",
+  "@angular/compiler": "5.0.0 - 6.0.0-rc.5",
+  "@angular/core": "5.0.0 - 6.0.0-rc.5",
+  "@angular/forms": "5.0.0 - 6.0.0-rc.5",
+  "chart.js": "2.5.x",
+  "hammerjs": "2.0.8",
+  "font-awesome": "4.7.x",
+  "@agm/core": "~1.0.0-beta.2"
+  }
+}
\ No newline at end of file
diff --git a/src/app/typescripts/free/popover/index.ts b/src/app/typescripts/free/popover/index.ts
new file mode 100644
index 0000000..234a925
--- /dev/null
+++ b/src/app/typescripts/free/popover/index.ts
@@ -0,0 +1,4 @@
+export { PopoverDirective } from './popover.directive';
+export { PopoverModule } from './popover.module';
+export { PopoverConfig } from './popover.config';
+export { PopoverContainerComponent } from './popover-container.component';
diff --git a/src/app/typescripts/free/popover/licens.md b/src/app/typescripts/free/popover/licens.md
new file mode 100644
index 0000000..68dc12f
--- /dev/null
+++ b/src/app/typescripts/free/popover/licens.md
@@ -0,0 +1 @@
+https://github.com/valor-software/ngx-bootstrap/blob/development/LICENSE
\ No newline at end of file
diff --git a/src/app/typescripts/free/popover/popover-container.component.html b/src/app/typescripts/free/popover/popover-container.component.html
new file mode 100644
index 0000000..0695078
--- /dev/null
+++ b/src/app/typescripts/free/popover/popover-container.component.html
@@ -0,0 +1,5 @@
+<div class="popover-arrow arrow"></div>
+<h3 class="popover-header" *ngIf="title">{{title}}</h3>
+<div class="popover-body">
+  <ng-content></ng-content>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/free/popover/popover-container.component.ts b/src/app/typescripts/free/popover/popover-container.component.ts
new file mode 100644
index 0000000..7d8dd78
--- /dev/null
+++ b/src/app/typescripts/free/popover/popover-container.component.ts
@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Input, Component, HostBinding, OnInit } from '@angular/core';
+import { PopoverConfig } from './popover.config';
+import { isBs3 } from '../utils/ng2-bootstrap-config';
+
+@Component({
+ selector: 'mdb-popover-container',
+ changeDetection: ChangeDetectionStrategy.OnPush,
+ template: `
+ <h3 class="popover-header" *ngIf="title">{{title}}</h3>
+ <div class="popover-body">
+ <ng-content></ng-content>
+ </div>`
+})
+export class PopoverContainerComponent implements OnInit {
+
+@Input() public placement: string;
+ @Input() public title: string;
+
+@HostBinding('class.show') show = '!isBs3';
+ @HostBinding('attr.role') role = 'tooltip';
+//  @HostBinding('class') class;
+@HostBinding('class') class: any;
+
+
+
+public get isBs3(): boolean {
+ return isBs3();
+ }
+
+public constructor(config: PopoverConfig) {
+ Object.assign(this, config);
+ }
+
+ngOnInit() {
+ this.class = 'popover-fadeIn popover in popover-' + this.placement + ' ' + this.placement + ' bs-popover-' + this.placement;
+ }
+}
\ No newline at end of file
diff --git a/src/app/typescripts/free/popover/popover.config.ts b/src/app/typescripts/free/popover/popover.config.ts
new file mode 100644
index 0000000..d52ce22
--- /dev/null
+++ b/src/app/typescripts/free/popover/popover.config.ts
@@ -0,0 +1,25 @@
+import { Injectable } from '@angular/core';
+
+/**
+ * Configuration service for the Popover directive.
+ * You can inject this service, typically in your root component, and customize
+ * the values of its properties in order to provide default values for all the
+ * popovers used in the application.
+ */
+ @Injectable()
+ export class PopoverConfig {
+  /**
+   * Placement of a popover. Accepts: "top", "bottom", "left", "right"
+   */
+   public placement = 'top';
+  /**
+   * Specifies events that should trigger. Supports a space separated list of
+   * event names.
+   */
+   public triggers = 'click';
+  /**
+   * A selector specifying the element the popover should be appended to.
+   * Currently only supports "body".
+   */
+   public container: string;
+ }
diff --git a/src/app/typescripts/free/popover/popover.directive.ts b/src/app/typescripts/free/popover/popover.directive.ts
new file mode 100644
index 0000000..e699ed8
--- /dev/null
+++ b/src/app/typescripts/free/popover/popover.directive.ts
@@ -0,0 +1,127 @@
+import { Directive, Input, Output, EventEmitter, OnInit, OnDestroy, Renderer, ElementRef, TemplateRef,
+  ViewContainerRef } from '@angular/core';
+  import { PopoverConfig } from './popover.config';
+  import { ComponentLoaderFactory, ComponentLoader } from '../utils/component-loader';
+  import { PopoverContainerComponent } from './popover-container.component';
+
+/**
+ * A lightweight, extensible directive for fancy popover creation.
+ */
+ @Directive({selector: '[mdbPopover]', exportAs: 'bs-mdbPopover'})
+ export class PopoverDirective implements OnInit, OnDestroy {
+  /**
+   * Content to be displayed as popover.
+   */
+   @Input() public mdbPopover: string | TemplateRef<any>;
+  /**
+   * Title of a popover.
+   */
+   @Input() public popoverTitle: string;
+  /**
+   * Placement of a popover. Accepts: "top", "bottom", "left", "right"
+   */
+   @Input() public placement: 'top' | 'bottom' | 'left' | 'right';
+  /**
+   * Specifies events that should trigger. Supports a space separated list of
+   * event names.
+   */
+   @Input() public triggers: string;
+  /**
+   * A selector specifying the element the popover should be appended to.
+   * Currently only supports "body".
+   */
+   @Input() public container: string;
+
+  /**
+   * Returns whether or not the popover is currently being shown
+   */
+   @Input()
+   public get isOpen(): boolean { return this._popover.isShown; }
+
+   public set isOpen(value: boolean) {
+     if (value) {this.show(); } else {this.hide(); }
+   }
+
+  /**
+   * Emits an event when the popover is shown
+   */
+   @Output() public onShown: EventEmitter<any>;
+  /**
+   * Emits an event when the popover is hidden
+   */
+   @Output() public onHidden: EventEmitter<any>;
+
+   private _popover: ComponentLoader<PopoverContainerComponent>;
+
+   public constructor(_elementRef: ElementRef,
+     _renderer: Renderer,
+     _viewContainerRef: ViewContainerRef,
+     _config: PopoverConfig,
+     cis: ComponentLoaderFactory) {
+     this._popover = cis
+     .createLoader<PopoverContainerComponent>(_elementRef, _viewContainerRef, _renderer)
+     .provide({provide: PopoverConfig, useValue: _config});
+     Object.assign(this, _config);
+     this.onShown = this._popover.onShown;
+     this.onHidden = this._popover.onHidden;
+   }
+
+  /**
+   * Opens an element’s popover. This is considered a “manual” triggering of
+   * the popover.
+   */
+   public show(): void | any {
+     if (this._popover.isShown) {
+       return;
+     }
+
+     this._popover
+     .attach(PopoverContainerComponent)
+     .to(this.container)
+     .position({attachment: this.placement})
+     .show({
+       content: this.mdbPopover,
+       placement: this.placement,
+       title: this.popoverTitle
+     });
+     this.isOpen = true;
+   }
+
+  /**
+   * Closes an element’s popover. This is considered a “manual” triggering of
+   * the popover.
+   */
+   public hide(): void {
+     if (this.isOpen) {
+       this._popover.hide();
+       this.isOpen = false;
+     }
+   }
+
+  /**
+   * Toggles an element’s popover. This is considered a “manual” triggering of
+   * the popover.
+   */
+   public toggle(): void {
+     if (this.isOpen) {
+       return this.hide();
+     }
+
+     this.show();
+   }
+
+   public ngOnInit(): any {
+     this._popover.listen({
+       triggers: this.triggers,
+       show: () => this.show()
+     });
+   }
+
+   public dispose() {
+     this._popover.dispose();
+   }
+
+   public ngOnDestroy(): any {
+     this._popover.dispose();
+   }
+ }
diff --git a/src/app/typescripts/free/popover/popover.module.ts b/src/app/typescripts/free/popover/popover.module.ts
new file mode 100644
index 0000000..46ea866
--- /dev/null
+++ b/src/app/typescripts/free/popover/popover.module.ts
@@ -0,0 +1,23 @@
+import { NgModule, ModuleWithProviders } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { ComponentLoaderFactory } from '../utils/component-loader';
+import { PositioningService } from '../utils/positioning';
+import { PopoverConfig } from './popover.config';
+import { PopoverDirective } from './popover.directive';
+import { PopoverContainerComponent } from './popover-container.component';
+
+@NgModule({
+  imports: [CommonModule],
+  declarations: [PopoverDirective, PopoverContainerComponent],
+  exports: [PopoverDirective],
+  entryComponents: [PopoverContainerComponent]
+})
+export class PopoverModule {
+  public static forRoot(): ModuleWithProviders {
+    return {
+      ngModule: PopoverModule,
+      providers: [PopoverConfig, ComponentLoaderFactory, PositioningService]
+    };
+  }
+}
diff --git a/src/app/typescripts/free/ripple/index.ts b/src/app/typescripts/free/ripple/index.ts
new file mode 100644
index 0000000..c5862c7
--- /dev/null
+++ b/src/app/typescripts/free/ripple/index.ts
@@ -0,0 +1,2 @@
+export { RippleDirective } from './ripple-effect.directive';
+export { RippleModule } from './ripple.module';
diff --git a/src/app/typescripts/free/ripple/ripple-effect.directive.ts b/src/app/typescripts/free/ripple/ripple-effect.directive.ts
new file mode 100644
index 0000000..5ee555d
--- /dev/null
+++ b/src/app/typescripts/free/ripple/ripple-effect.directive.ts
@@ -0,0 +1,67 @@
+import { Directive, ElementRef, HostListener } from '@angular/core';
+@Directive({
+  selector: '[mdbRippleRadius]'
+})
+export class RippleDirective {
+  el: ElementRef;
+
+  constructor(el: ElementRef) {
+    this.el = el;
+  }
+
+  @HostListener('click', ['$event'])
+  public click(event: any) {
+    // event.stopPropagation();
+
+    if (!this.el.nativeElement.classList.contains('disabled')) {
+
+      const button = this.el.nativeElement;
+      if (!button.classList.contains('waves-effect')) {
+        button.className += ' waves-effect';
+      }
+
+      const xPos = event.clientX - button.getBoundingClientRect().left;
+      const yPos = event.clientY - button.getBoundingClientRect().top;
+
+
+      const tmp = document.createElement('div');
+      tmp.className += 'waves-ripple waves-rippling';
+      const ripple = button.appendChild(tmp);
+
+      const top = yPos + 'px';
+      const left = xPos + 'px';
+
+      tmp.style.top = top;
+      tmp.style.left = left;
+
+      const scale = 'scale(' + ((button.clientWidth / 100) * 3) + ') translate(0,0)';
+
+      tmp.style.webkitTransform = scale;
+      tmp.style.transform = scale;
+      tmp.style.opacity = '1';
+
+      const duration = 750;
+
+      tmp.style.webkitTransitionDuration = duration + 'ms';
+      tmp.style.transitionDuration = duration + 'ms';
+
+
+      this.removeRipple(button, ripple);
+    }
+  }
+
+  removeRipple(button: any, ripple: any) {
+    ripple.classList.remove('waves-rippling');
+
+    setTimeout(() => {
+      ripple.style.opacity = '0';
+
+      setTimeout(() => {
+        button.removeChild(ripple);
+      }, 750);
+    }, 200);
+
+
+
+  }
+}
diff --git a/src/app/typescripts/free/ripple/ripple.module.ts b/src/app/typescripts/free/ripple/ripple.module.ts
new file mode 100644
index 0000000..c08ef94
--- /dev/null
+++ b/src/app/typescripts/free/ripple/ripple.module.ts
@@ -0,0 +1,13 @@
+import { NgModule, ModuleWithProviders  } from '@angular/core';
+import { RippleDirective } from './ripple-effect.directive';
+
+@NgModule({
+  declarations: [RippleDirective],
+  exports: [RippleDirective]
+})
+
+export class RippleModule {
+  public static forRoot(): ModuleWithProviders {
+    return {ngModule: RippleModule, providers: []};
+  }
+}
diff --git a/src/app/typescripts/free/tooltip/index.ts b/src/app/typescripts/free/tooltip/index.ts
new file mode 100644
index 0000000..75cc3b2
--- /dev/null
+++ b/src/app/typescripts/free/tooltip/index.ts
@@ -0,0 +1,4 @@
+export { TooltipContainerComponent } from './tooltip.component';
+export { TooltipDirective } from './tooltip.directive';
+export { MDBTooltipModule } from './tooltip.module';
+export { TooltipConfig } from './tooltip.service';
diff --git a/src/app/typescripts/free/tooltip/licens.md b/src/app/typescripts/free/tooltip/licens.md
new file mode 100644
index 0000000..68dc12f
--- /dev/null
+++ b/src/app/typescripts/free/tooltip/licens.md
@@ -0,0 +1 @@
+https://github.com/valor-software/ngx-bootstrap/blob/development/LICENSE
\ No newline at end of file
diff --git a/src/app/typescripts/free/tooltip/tooltip.component.html b/src/app/typescripts/free/tooltip/tooltip.component.html
new file mode 100644
index 0000000..5ec56eb
--- /dev/null
+++ b/src/app/typescripts/free/tooltip/tooltip.component.html
@@ -0,0 +1,2 @@
+<div class="tooltip-arrow"></div>
+<div class="tooltip-inner"><ng-content></ng-content></div>
\ No newline at end of file
diff --git a/src/app/typescripts/free/tooltip/tooltip.component.ts b/src/app/typescripts/free/tooltip/tooltip.component.ts
new file mode 100644
index 0000000..8a1ae63
--- /dev/null
+++ b/src/app/typescripts/free/tooltip/tooltip.component.ts
@@ -0,0 +1,47 @@
+import { AfterViewInit, Component, ChangeDetectionStrategy, HostBinding  } from '@angular/core';
+import { TooltipConfig } from './tooltip.service';
+import { isBs3 } from '../utils/ng2-bootstrap-config';
+
+@Component({
+  selector: 'mdb-tooltip-container',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  // tslint:disable-next-line
+  host: {
+    '[class]': '"tooltip-fadeIn tooltip in tooltip-" + placement'
+  },
+  template: `
+  <div class="tooltip-arrow"></div>
+  <div class="tooltip-inner"><ng-content></ng-content></div>
+  `
+})
+export class TooltipContainerComponent implements AfterViewInit {
+  public classMap: any;
+  public placement: string;
+  public popupClass: string;
+  public animation: boolean;
+
+  @HostBinding('class.show') show = !this.isBs3;
+
+  public get isBs3(): boolean {
+    return isBs3();
+  }
+
+  public constructor(config: TooltipConfig) {
+    Object.assign(this, config);
+  }
+
+  public ngAfterViewInit(): void {
+    this.classMap = {in: false, fade: false};
+    this.classMap[this.placement] = true;
+    this.classMap['tooltip-' + this.placement] = true;
+
+    this.classMap.in = true;
+    if (this.animation) {
+      this.classMap.fade = true;
+    }
+
+    if (this.popupClass) {
+      this.classMap[this.popupClass] = true;
+    }
+  }
+}
diff --git a/src/app/typescripts/free/tooltip/tooltip.directive.ts b/src/app/typescripts/free/tooltip/tooltip.directive.ts
new file mode 100644
index 0000000..87d783c
--- /dev/null
+++ b/src/app/typescripts/free/tooltip/tooltip.directive.ts
@@ -0,0 +1,160 @@
+import {
+  Directive, Input, TemplateRef, ViewContainerRef, Output, EventEmitter,
+  Renderer, ElementRef, OnInit, OnDestroy
+} from '@angular/core';
+import { TooltipContainerComponent } from './tooltip.component';
+import { TooltipConfig } from './tooltip.service';
+import { ComponentLoaderFactory, ComponentLoader } from '../utils/component-loader';
+import { OnChange } from '../utils/decorators';
+
+@Directive({
+  selector: '[mdbTooltip]',
+  exportAs: 'mdb-tooltip'
+})
+export class TooltipDirective implements OnInit, OnDestroy {
+  /**
+   * Content to be displayed as tooltip.
+   */
+   @OnChange()
+   @Input() public mdbTooltip: string | TemplateRef<any>;
+   /** Fired when tooltip content changes */
+   @Output() public tooltipChange: EventEmitter<string | TemplateRef<any>> = new EventEmitter();
+
+  /**
+   * Placement of a tooltip. Accepts: "top", "bottom", "left", "right"
+   */
+   @Input() public placement: string;
+  /**
+   * Specifies events that should trigger. Supports a space separated list of
+   * event names.
+   */
+   @Input() public triggers: string;
+  /**
+   * A selector specifying the element the tooltip should be appended to.
+   * Currently only supports "body".
+   */
+   @Input() public container: string;
+
+  /**
+   * Returns whether or not the tooltip is currently being shown
+   */
+   @Input()
+   public get isOpen(): boolean { return this._tooltip.isShown; }
+
+   public set isOpen(value: boolean) {
+     if (value) {this.show(); } else {this.hide(); }
+   }
+
+  /**
+   * Allows to disable tooltip
+   */
+   @Input() public isDisabled: boolean;
+
+  /**
+   * Emits an event when the tooltip is shown
+   */
+   @Output() public onShown: EventEmitter<any>;
+  /**
+   * Emits an event when the tooltip is hidden
+   */
+   @Output() public onHidden: EventEmitter<any>;
+
+   @Input() public delay = 0;
+
+   @Input() public fadeDuration = 150;
+
+   protected _delayTimeoutId: any;
+
+   private _tooltip: ComponentLoader<TooltipContainerComponent>;
+
+   public constructor(_viewContainerRef: ViewContainerRef,
+     _renderer: Renderer,
+     _elementRef: ElementRef,
+     cis: ComponentLoaderFactory,
+     config: TooltipConfig) {
+     this._tooltip = cis
+     .createLoader<TooltipContainerComponent>(_elementRef, _viewContainerRef, _renderer)
+     .provide({provide: TooltipConfig, useValue: config});
+
+     Object.assign(this, config);
+     this.onShown = this._tooltip.onShown;
+     this.onHidden = this._tooltip.onHidden;
+   }
+
+   public ngOnInit(): void {
+     this._tooltip.listen({
+       triggers: this.triggers,
+       show: () => this.show()
+     });
+     this.tooltipChange.subscribe((value: any) => {
+       if (!value) {
+         this._tooltip.hide();
+       }
+     });
+   }
+
+  /**
+   * Toggles an element’s tooltip. This is considered a “manual” triggering of
+   * the tooltip.
+   */
+   public toggle(): void {
+     if (this.isOpen) {
+       return this.hide();
+     }
+
+     this.show();
+   }
+
+  /**
+   * Opens an element’s tooltip. This is considered a “manual” triggering of
+   * the tooltip.
+   */
+   public show(): void {
+     if (this.isOpen || this.isDisabled || this._delayTimeoutId || !this.mdbTooltip) {
+       return;
+     }
+
+     const showTooltip = () => this._tooltip
+     .attach(TooltipContainerComponent)
+     .to(this.container)
+     .position({attachment: this.placement})
+     .show({
+       content: this.mdbTooltip,
+       placement: this.placement
+     });
+
+     if (this.delay) {
+       this._delayTimeoutId = setTimeout(() => { showTooltip(); }, this.delay);
+     } else {
+       showTooltip();
+     }
+   }
+
+  /**
+   * Closes an element’s tooltip. This is considered a “manual” triggering of
+   * the tooltip.
+   */
+   public hide(): void {
+     if (this._delayTimeoutId) {
+       clearTimeout(this._delayTimeoutId);
+       this._delayTimeoutId = undefined;
+     }
+
+     if (!this._tooltip.isShown) {
+       return;
+     }
+
+     this._tooltip.instance.classMap.in = false;
+     setTimeout(() => {
+       this._tooltip.hide();
+     }, this.fadeDuration);
+   }
+
+   public dispose() {
+     this._tooltip.dispose();
+   }
+
+   public ngOnDestroy(): void {
+     this._tooltip.dispose();
+   }
+ }
diff --git a/src/app/typescripts/free/tooltip/tooltip.module.ts b/src/app/typescripts/free/tooltip/tooltip.module.ts
new file mode 100644
index 0000000..11c7e06
--- /dev/null
+++ b/src/app/typescripts/free/tooltip/tooltip.module.ts
@@ -0,0 +1,22 @@
+import { CommonModule } from '@angular/common';
+import { NgModule, ModuleWithProviders } from '@angular/core';
+import { TooltipContainerComponent } from './tooltip.component';
+import { TooltipDirective } from './tooltip.directive';
+import { TooltipConfig } from './tooltip.service';
+import { ComponentLoaderFactory } from '../utils/component-loader';
+import { PositioningService } from '../utils/positioning';
+
+@NgModule({
+  imports: [CommonModule],
+  declarations: [TooltipDirective, TooltipContainerComponent],
+  exports: [TooltipDirective],
+  entryComponents: [TooltipContainerComponent]
+})
+export class MDBTooltipModule {
+  public static forRoot(): ModuleWithProviders {
+    return {
+      ngModule: MDBTooltipModule,
+      providers: [TooltipConfig, ComponentLoaderFactory, PositioningService]
+    };
+  };
+}
diff --git a/src/app/typescripts/free/tooltip/tooltip.service.ts b/src/app/typescripts/free/tooltip/tooltip.service.ts
new file mode 100644
index 0000000..8f79835
--- /dev/null
+++ b/src/app/typescripts/free/tooltip/tooltip.service.ts
@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+
+/** Default values provider for tooltip */
+@Injectable()
+export class TooltipConfig {
+  /** tooltip placement, supported positions: 'top', 'bottom', 'left', 'right' */
+  public placement = 'top';
+  /** array of event names which triggers tooltip opening */
+  public triggers = 'hover focus';
+  /** a selector specifying the element the tooltip should be appended to. Currently only supports "body" */
+  public container: string;
+}
diff --git a/src/app/typescripts/free/tsconfig.json b/src/app/typescripts/free/tsconfig.json
new file mode 100644
index 0000000..e13c226
--- /dev/null
+++ b/src/app/typescripts/free/tsconfig.json
@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+  "outDir": "../../../../dist/angular-bootstrap-md/free",
+  "target": "es5",
+  "module": "es2015",
+  "moduleResolution": "node",
+  "emitDecoratorMetadata": true,
+  "experimentalDecorators": true,
+  "sourceMap": true,
+  "inlineSources": true,
+  "noEmitHelpers": false,
+  "noImplicitAny": false,
+  "declaration": true,
+  "skipLibCheck": false,
+  "stripInternal": true,
+  "allowSyntheticDefaultImports": true,
+  "noUnusedLocals": true,
+  "noUnusedParameters": true,
+  "lib": ["dom", "es6"]
+  },
+  "exclude": [
+  "node_modules"
+  ],
+  "files": [
+  "./index.ts"
+  ],
+  "angularCompilerOptions": {
+  "genDir": "../temp/factories",
+  "strictMetadataEmit": true,
+  "skipTemplateCodegen": true
+  }
+}
diff --git a/src/app/typescripts/free/utils/component-loader/bs-component-ref.class.ts b/src/app/typescripts/free/utils/component-loader/bs-component-ref.class.ts
new file mode 100644
index 0000000..14c212e
--- /dev/null
+++ b/src/app/typescripts/free/utils/component-loader/bs-component-ref.class.ts
@@ -0,0 +1,6 @@
+import { TemplateRef, ViewContainerRef } from '@angular/core';
+
+export class BsComponentRef<T> {
+  templateRef: TemplateRef<T>;
+  viewContainer: ViewContainerRef;
+}
diff --git a/src/app/typescripts/free/utils/component-loader/component-loader.class.ts b/src/app/typescripts/free/utils/component-loader/component-loader.class.ts
new file mode 100644
index 0000000..cef7b9b
--- /dev/null
+++ b/src/app/typescripts/free/utils/component-loader/component-loader.class.ts
@@ -0,0 +1,290 @@
+// todo: add delay support
+// todo: merge events onShow, onShown, etc...
+// todo: add global positioning configuration?
+import {
+  ApplicationRef,
+  ComponentFactory,
+  ComponentFactoryResolver,
+  ComponentRef,
+  ElementRef,
+  EventEmitter,
+  Injector,
+  NgZone,
+  Provider,
+  ReflectiveInjector,
+  Renderer,
+  TemplateRef,
+  Type,
+  ViewContainerRef
+} from '@angular/core';
+import { PositioningOptions, PositioningService } from '../positioning';
+import { listenToTriggers } from '../triggers';
+import { ContentRef } from './content-ref.class';
+
+export interface ListenOptions {
+  target?: ElementRef;
+  triggers?: string;
+  // show?: Function;
+  show?: Function | any;
+  // hide?: Function;
+  hide?: Function | any;
+  toggle?: Function;
+}
+
+export class ComponentLoader<T> {
+  public onBeforeShow: EventEmitter<any> = new EventEmitter();
+  public onShown: EventEmitter<any> = new EventEmitter();
+  public onBeforeHide: EventEmitter<any> = new EventEmitter();
+  public onHidden: EventEmitter<any> = new EventEmitter();
+
+  public instance: T;
+  // public _componentRef: ComponentRef<T>;
+  public _componentRef: ComponentRef<T> | any;
+
+  private _providers: Provider[] = [];
+  private _componentFactory: ComponentFactory<T>;
+  private _zoneSubscription: any;
+  // private _contentRef: ContentRef;
+  private _contentRef: ContentRef | any;
+  // private _innerComponent: ComponentRef<T>;
+  private _innerComponent: ComponentRef<T> | any ;
+
+  private _unregisterListenersFn: Function;
+
+  public get isShown(): boolean {
+    return !!this._componentRef;
+  }
+
+    /**
+     * Placement of a component. Accepts: "top", "bottom", "left", "right"
+     */
+     private attachment: string;
+
+    /**
+     * A selector specifying the element the popover should be appended to.
+     * Currently only supports "body".
+     */
+     private container: string | ElementRef | any;
+
+    /**
+     * Specifies events that should trigger. Supports a space separated list of
+     * event names.
+     */
+     private triggers: string;
+
+    /**
+     * Do not use this directly, it should be instanced via
+     * `ComponentLoadFactory.attach`
+     * @internal
+     */
+     // tslint:disable-next-line
+     public constructor(private _viewContainerRef: ViewContainerRef,
+       private _renderer: Renderer,
+       private _elementRef: ElementRef,
+       private _injector: Injector,
+       private _componentFactoryResolver: ComponentFactoryResolver,
+       private _ngZone: NgZone,
+       private _applicationRef: ApplicationRef,
+       private _posService: PositioningService) {
+     }
+
+     public attach(compType: Type<T>): ComponentLoader<T> {
+       this._componentFactory = this._componentFactoryResolver
+       .resolveComponentFactory<T>(compType);
+       return this;
+     }
+
+     // todo: add behaviour: to target element, `body`, custom element
+     public to(container?: string): ComponentLoader<T> {
+       this.container = container || this.container;
+       return this;
+     }
+
+     public position(opts?: PositioningOptions | any): ComponentLoader<T> {
+       this.attachment = opts.attachment || this.attachment;
+       this._elementRef = opts.target as ElementRef || this._elementRef;
+       return this;
+     }
+
+     public provide(provider: Provider): ComponentLoader<T> {
+       this._providers.push(provider);
+       return this;
+     }
+
+     // todo: appendChild to element or document.querySelector(this.container)
+     public show(opts: { content?: string | TemplateRef<any>, [key: string]: any } = {}): ComponentRef<T> {
+       this._subscribePositioning();
+       this._innerComponent = null;
+
+       if (!this._componentRef) {
+         this.onBeforeShow.emit();
+         this._contentRef = this._getContentRef(opts.content);
+         const injector = ReflectiveInjector.resolveAndCreate(this._providers, this._injector);
+
+         this._componentRef = this._componentFactory.create(injector, this._contentRef.nodes);
+         this._applicationRef.attachView(this._componentRef.hostView);
+         // this._componentRef = this._viewContainerRef
+         //   .createComponent(this._componentFactory, 0, injector, this._contentRef.nodes);
+         this.instance = this._componentRef.instance;
+
+         Object.assign(this._componentRef.instance, opts);
+
+         if (this.container instanceof ElementRef) {
+           this.container.nativeElement
+           .appendChild(this._componentRef.location.nativeElement);
+         }
+
+         if (this.container === 'body' && typeof document !== 'undefined') {
+          //  document.querySelector(this.container as string)
+          document.querySelector(this.container as string | any)
+           .appendChild(this._componentRef.location.nativeElement);
+         }
+
+         if (!this.container && this._elementRef && this._elementRef.nativeElement.parentElement) {
+           this._elementRef.nativeElement.parentElement
+           .appendChild(this._componentRef.location.nativeElement);
+         }
+
+         // we need to manually invoke change detection since events registered
+         // via
+         // Renderer::listen() are not picked up by change detection with the
+         // OnPush strategy
+         if (this._contentRef.componentRef) {
+           this._innerComponent = this._contentRef.componentRef.instance;
+           this._contentRef.componentRef.changeDetectorRef.markForCheck();
+           this._contentRef.componentRef.changeDetectorRef.detectChanges();
+         }
+         this._componentRef.changeDetectorRef.markForCheck();
+         this._componentRef.changeDetectorRef.detectChanges();
+         this.onShown.emit(this._componentRef.instance);
+       }
+       return this._componentRef;
+     }
+
+     public hide(): ComponentLoader<T> {
+       if (!this._componentRef) {
+         return this;
+       }
+
+       this.onBeforeHide.emit(this._componentRef.instance);
+
+       const componentEl = this._componentRef.location.nativeElement;
+       componentEl.parentNode.removeChild(componentEl);
+       if (this._contentRef.componentRef) {
+         this._contentRef.componentRef.destroy();
+       }
+       this._componentRef.destroy();
+       if (this._viewContainerRef && this._contentRef.viewRef) {
+         this._viewContainerRef.remove(this._viewContainerRef.indexOf(this._contentRef.viewRef));
+       }
+       // this._viewContainerRef.remove(this._viewContainerRef.indexOf(this._componentRef.hostView));
+       //
+       // if (this._contentRef.viewRef && this._viewContainerRef.indexOf(this._contentRef.viewRef) !== -1) {
+         //   this._viewContainerRef.remove(this._viewContainerRef.indexOf(this._contentRef.viewRef));
+         // }
+
+         this._contentRef = null;
+         this._componentRef = null;
+
+         this.onHidden.emit();
+         return this;
+       }
+
+       public toggle(): void | any {
+         if (this.isShown) {
+           this.hide();
+           return;
+         }
+
+         this.show();
+       }
+
+       public dispose(): void {
+         if (this.isShown) {
+           this.hide();
+         }
+
+         this._unsubscribePositioning();
+
+         if (this._unregisterListenersFn) {
+           this._unregisterListenersFn();
+         }
+       }
+
+       public listen(listenOpts: ListenOptions): ComponentLoader<T> {
+         this.triggers = listenOpts.triggers || this.triggers;
+
+         listenOpts.target = listenOpts.target || this._elementRef;
+         listenOpts.show = listenOpts.show || (() => this.show());
+         listenOpts.hide = listenOpts.hide || (() => this.hide());
+         listenOpts.toggle = listenOpts.toggle || (() => this.isShown
+           ? listenOpts.hide()
+           : listenOpts.show());
+
+         this._unregisterListenersFn = listenToTriggers(
+           this._renderer,
+           listenOpts.target.nativeElement,
+           this.triggers,
+           listenOpts.show,
+           listenOpts.hide,
+           listenOpts.toggle);
+
+         return this;
+       }
+
+       public getInnerComponent(): ComponentRef<T> {
+         return this._innerComponent;
+       }
+
+       private _subscribePositioning(): void | any {
+         if (this._zoneSubscription || !this.attachment) {
+           return;
+         }
+
+         this._zoneSubscription = this._ngZone
+         .onStable.subscribe(() => {
+           if (!this._componentRef) {
+             return;
+           }
+           this._posService.position({
+             element: this._componentRef.location,
+             target: this._elementRef,
+             attachment: this.attachment,
+             appendToBody: this.container === 'body'
+           });
+         });
+       }
+
+       private _unsubscribePositioning(): void | any {
+         if (!this._zoneSubscription) {
+           return;
+         }
+         this._zoneSubscription.unsubscribe();
+         this._zoneSubscription = null;
+       }
+
+       private _getContentRef(content: string | TemplateRef<any> | any): ContentRef {
+         if (!content) {
+           return new ContentRef([]);
+         }
+
+         if (content instanceof TemplateRef) {
+           if (this._viewContainerRef) {
+             const viewRef = this._viewContainerRef.createEmbeddedView<TemplateRef<T>>(content);
+             return new ContentRef([viewRef.rootNodes], viewRef);
+           }
+           const viewRef = content.createEmbeddedView({});
+           this._applicationRef.attachView(viewRef);
+           return new ContentRef([viewRef.rootNodes], viewRef);
+         }
+
+         if (typeof content === 'function') {
+           const contentCmptFactory = this._componentFactoryResolver.resolveComponentFactory(content);
+           const modalContentInjector = ReflectiveInjector.resolveAndCreate([...this._providers, content], this._injector);
+           const componentRef = contentCmptFactory.create(modalContentInjector);
+           this._applicationRef.attachView(componentRef.hostView);
+           return new ContentRef([[componentRef.location.nativeElement]], componentRef.hostView, componentRef);
+         }
+         return new ContentRef([[this._renderer.createText(null, `${content}`)]]);
+       }
+     }
diff --git a/src/app/typescripts/free/utils/component-loader/component-loader.factory.ts b/src/app/typescripts/free/utils/component-loader/component-loader.factory.ts
new file mode 100644
index 0000000..6e2971b
--- /dev/null
+++ b/src/app/typescripts/free/utils/component-loader/component-loader.factory.ts
@@ -0,0 +1,30 @@
+import {
+  Injectable, NgZone, ViewContainerRef, ComponentFactoryResolver, Injector,
+  Renderer, ElementRef, ApplicationRef
+} from '@angular/core';
+import { ComponentLoader } from './component-loader.class';
+import { PositioningService } from '../positioning';
+
+@Injectable()
+export class ComponentLoaderFactory {
+
+  public constructor(private _componentFactoryResolver: ComponentFactoryResolver,
+    private _ngZone: NgZone,
+    private _injector: Injector,
+    private _posService: PositioningService,
+    private _applicationRef: ApplicationRef) {
+  }
+
+  /**
+   *
+   * @param _elementRef
+   * @param _viewContainerRef
+   * @param _renderer
+   * @returns {ComponentLoader}
+   */
+   public createLoader<T>(_elementRef: ElementRef, _viewContainerRef: ViewContainerRef, _renderer: Renderer): ComponentLoader<T> {
+     return new ComponentLoader<T>(_viewContainerRef, _renderer, _elementRef,
+       this._injector, this._componentFactoryResolver, this._ngZone, this._applicationRef,
+       this._posService);
+   }
+ }
diff --git a/src/app/typescripts/free/utils/component-loader/content-ref.class.ts b/src/app/typescripts/free/utils/component-loader/content-ref.class.ts
new file mode 100644
index 0000000..58f83c7
--- /dev/null
+++ b/src/app/typescripts/free/utils/component-loader/content-ref.class.ts
@@ -0,0 +1,18 @@
+/**
+ * @copyright Valor Software
+ * @copyright Angular ng-bootstrap team
+ */
+
+ import { ComponentRef, ViewRef } from '@angular/core';
+
+ export class ContentRef {
+   public nodes: any[];
+   public viewRef?: ViewRef;
+   public componentRef?: ComponentRef<any>;
+
+   public constructor( nodes: any[],  viewRef?: ViewRef,  componentRef?: ComponentRef<any>) {
+     this.nodes = nodes;
+     this.viewRef = viewRef;
+     this.componentRef = componentRef;
+   }
+ }
diff --git a/src/app/typescripts/free/utils/component-loader/index.ts b/src/app/typescripts/free/utils/component-loader/index.ts
new file mode 100644
index 0000000..666a011
--- /dev/null
+++ b/src/app/typescripts/free/utils/component-loader/index.ts
@@ -0,0 +1,3 @@
+export { ComponentLoader } from './component-loader.class';
+export { ComponentLoaderFactory } from './component-loader.factory';
+export { ContentRef } from './content-ref.class';
diff --git a/src/app/typescripts/free/utils/decorators.ts b/src/app/typescripts/free/utils/decorators.ts
new file mode 100644
index 0000000..607a27b
--- /dev/null
+++ b/src/app/typescripts/free/utils/decorators.ts
@@ -0,0 +1,18 @@
+/*tslint:disable:no-invalid-this */
+export function OnChange(): any {
+  const sufix = 'Change';
+  return function OnChangeHandler(target: any, propertyKey: string): void {
+    const _key = ` __${propertyKey}Value`;
+    Object.defineProperty(target, propertyKey, {
+      get(): any { return this[_key]; },
+      set(value: any): void {
+        const prevValue = this[_key];
+        this[_key] = value;
+        if (prevValue !== value && this[propertyKey + sufix]) {
+          this[propertyKey + sufix].emit(value);
+        }
+      }
+    });
+  };
+}
+/* tslint:enable */
diff --git a/src/app/typescripts/free/utils/facade/browser.ts b/src/app/typescripts/free/utils/facade/browser.ts
new file mode 100644
index 0000000..cb66ab1
--- /dev/null
+++ b/src/app/typescripts/free/utils/facade/browser.ts
@@ -0,0 +1,26 @@
+/*tslint:disable */
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+/**
+ * JS version of browser APIs. This library can only run in the browser.
+ */
+ var win = typeof window !== 'undefined' && window || <any>{};
+
+ export {win as window};
+ export var document = win.document;
+ export var location = win.location;
+ export var gc = win['gc'] ? () => win['gc']() : (): any => null;
+ export var performance = win['performance'] ? win['performance'] : null;
+ export const Event = win['Event'];
+ export const MouseEvent = win['MouseEvent'];
+ export const KeyboardEvent = win['KeyboardEvent'];
+ export const EventTarget = win['EventTarget'];
+ export const History = win['History'];
+ export const Location = win['Location'];
+ export const EventListener = win['EventListener'];
diff --git a/src/app/typescripts/free/utils/index.ts b/src/app/typescripts/free/utils/index.ts
new file mode 100644
index 0000000..3ddf6c5
--- /dev/null
+++ b/src/app/typescripts/free/utils/index.ts
@@ -0,0 +1,5 @@
+export { OnChange } from './decorators';
+export { LinkedList } from './linked-list.class';
+export { isBs3 } from './ng2-bootstrap-config';
+export { Trigger } from './trigger.class';
+export { Utils } from './utils.class';
diff --git a/src/app/typescripts/free/utils/linked-list.class.ts b/src/app/typescripts/free/utils/linked-list.class.ts
new file mode 100644
index 0000000..075d20c
--- /dev/null
+++ b/src/app/typescripts/free/utils/linked-list.class.ts
@@ -0,0 +1,265 @@
+export class LinkedList <T> {
+
+  // public length: = 0;
+  public length: any = 0;
+  protected head: any;
+  protected tail: any;
+  protected current: any;
+  protected asArray: T[] = [];
+
+  protected getNode(position: number): any {
+    if (this.length === 0 || position < 0 || position >= this.length) {
+      throw new Error('Position is out of the list');
+    }
+
+    let current = this.head;
+
+    for (let index = 0; index < position; index++) {
+      current = current.next;
+    }
+    return current;
+  }
+
+  protected createInternalArrayRepresentation(): void {
+    const outArray: any[] = [];
+    let current = this.head;
+
+    while (current) {
+      outArray.push(current.value);
+      current = current.next;
+    }
+    this.asArray = outArray;
+  }
+
+  // public get(position: number): T {
+    public get(position: number): T | any {
+    if (this.length === 0 || position < 0 || position >= this.length) {
+      return void 0;
+    }
+
+    let current = this.head;
+
+    for (let index = 0; index < position; index++) {
+      current = current.next;
+    }
+    return current.value;
+  }
+
+  public add(value: T, position: number = this.length): void {
+    if (position < 0 || position > this.length) {
+      throw new Error('Position is out of the list');
+    }
+
+    const node = {
+      value: value as any,
+      next: undefined as any,
+      previous: undefined as any
+    };
+
+    if (this.length === 0) {
+      this.head = node;
+      this.tail = node;
+      this.current = node;
+    } else {
+      if (position === 0) {
+        // first node
+        node.next = this.head;
+        this.head.previous = node;
+        this.head = node;
+      } else if (position === this.length) {
+        // last node
+        this.tail.next = node;
+        node.previous = this.tail;
+        this.tail = node;
+      } else {
+        // node in middle
+        const currentPreviousNode = this.getNode(position - 1);
+        const currentNextNode = currentPreviousNode.next;
+
+        currentPreviousNode.next = node;
+        currentNextNode.previous = node;
+
+        node.previous = currentPreviousNode;
+        node.next = currentNextNode;
+      }
+
+    }
+    this.length++;
+    this.createInternalArrayRepresentation();
+  }
+
+  public remove(position: number = 0): void {
+    if (this.length === 0 || position < 0 || position >= this.length) {
+      throw new Error('Position is out of the list');
+    }
+
+    if (position === 0) {
+      // first node
+      this.head = this.head.next;
+
+      if (this.head) {
+        // there is no second node
+        this.head.previous = undefined;
+      } else {
+        // there is no second node
+        this.tail = undefined;
+      }
+    } else if (position === this.length - 1) {
+      // last node
+      this.tail = this.tail.previous;
+      this.tail.next = undefined;
+    } else {
+      // middle node
+      const removedNode = this.getNode(position);
+      removedNode.next.previous = removedNode.previous;
+      removedNode.previous.next = removedNode.next;
+    }
+
+    this.length--;
+    this.createInternalArrayRepresentation();
+  }
+
+  public set(position: number, value: T): void {
+    if (this.length === 0 || position < 0 || position >= this.length) {
+      throw new Error('Position is out of the list');
+    }
+
+    const node = this.getNode(position);
+    node.value = value;
+    this.createInternalArrayRepresentation();
+  }
+
+  public toArray(): T[] {
+    return this.asArray;
+  }
+
+  public findAll(fn: any): any[] {
+    let current = this.head;
+    const result: any[] = [];
+    for (let index = 0; index < this.length; index++) {
+      if (fn(current.value, index)) {
+        result.push({index, value: current.value});
+      }
+      current = current.next;
+    }
+    return result;
+  }
+  // Array methods overriding start
+  public push(...args: T[]): number {
+    args.forEach((arg: any) => {
+      this.add(arg);
+    });
+    return this.length;
+  }
+
+  // public pop(): T {
+    public pop(): T | any {
+    if (this.length === 0) {
+      return undefined;
+    }
+    const last = this.tail;
+    this.remove(this.length - 1);
+    return last.value;
+  }
+
+  public unshift(...args: T[]): number {
+    args.reverse();
+    args.forEach((arg: any) => {
+      this.add(arg, 0);
+    });
+    return this.length;
+  }
+
+  // public shift(): T {
+    public shift(): T | any {
+    if (this.length === 0) {
+      return undefined;
+    }
+    const lastItem = this.head.value;
+    this.remove();
+    return lastItem;
+  }
+
+  public forEach(fn: any): void {
+    let current = this.head;
+    for (let index = 0; index < this.length; index++) {
+      fn(current.value, index);
+      current = current.next;
+    }
+  }
+
+  public indexOf(value: T): number {
+    let current = this.head;
+    let position = 0;
+
+    for (let index = 0; index < this.length; index++) {
+      if (current.value === value) {
+
+        position = index;
+        break;
+      }
+      current = current.next;
+    }
+    return position;
+  }
+
+  public some(fn: any): boolean {
+    let current = this.head;
+    let result  = false;
+    while (current && !result) {
+      if (fn(current.value)) {
+        result = true;
+        break;
+      }
+      current = current.next;
+    }
+    return result;
+  }
+
+  public every(fn: any): boolean {
+    let current = this.head;
+    let result  = true;
+    while (current && result)  {
+      if (!fn(current.value)) {
+        result = false;
+      }
+      current = current.next;
+    }
+    return result;
+  }
+
+  public toString(): string {
+    return '[Linked List]';
+  }
+
+  // public find(fn: any): T {
+    public find(fn: any): T | any {
+    let current = this.head;
+    // let result: T;
+    let result: T | any;
+    for (let index = 0; index < this.length; index++) {
+      if (fn(current.value, index)) {
+        result = current.value;
+        break;
+      }
+      current = current.next;
+    }
+    return result;
+  }
+
+  public findIndex(fn: any): number {
+    let current = this.head;
+    // let result: number;
+    let result: number | any;
+    for (let index = 0; index < this.length; index++) {
+      if (fn(current.value, index)) {
+        result = index;
+        break;
+      }
+      current = current.next;
+    }
+    return result;
+  }
+
+  // Array methods overriding END
+}
diff --git a/src/app/typescripts/free/utils/ng2-bootstrap-config.ts b/src/app/typescripts/free/utils/ng2-bootstrap-config.ts
new file mode 100644
index 0000000..3e6f043
--- /dev/null
+++ b/src/app/typescripts/free/utils/ng2-bootstrap-config.ts
@@ -0,0 +1,5 @@
+import { window } from './facade/browser';
+
+export function isBs3(): boolean {
+  return window.__theme === 'bs4';
+}
diff --git a/src/app/typescripts/free/utils/positioning/index.ts b/src/app/typescripts/free/utils/positioning/index.ts
new file mode 100644
index 0000000..3503186
--- /dev/null
+++ b/src/app/typescripts/free/utils/positioning/index.ts
@@ -0,0 +1,2 @@
+export { positionElements, Positioning } from './ng-positioning'
+export { PositioningService, PositioningOptions } from './positioning.service';
diff --git a/src/app/typescripts/free/utils/positioning/ng-positioning.ts b/src/app/typescripts/free/utils/positioning/ng-positioning.ts
new file mode 100644
index 0000000..8b4edde
--- /dev/null
+++ b/src/app/typescripts/free/utils/positioning/ng-positioning.ts
@@ -0,0 +1,166 @@
+/**
+ * @copyright Valor Software
+ * @copyright Angular ng-bootstrap team
+ */
+
+ // previous version:
+ // https://github.com/angular-ui/bootstrap/blob/07c31d0731f7cb068a1932b8e01d2312b796b4ec/src/position/position.js
+ // tslint:disable
+ export class Positioning {
+   public position(element: HTMLElement, round = true): ClientRect {
+     let elPosition: ClientRect;
+     let parentOffset: ClientRect = {width: 0, height: 0, top: 0, bottom: 0, left: 0, right: 0};
+
+     if (this.getStyle(element, 'position') === 'fixed') {
+       const bcRect = element.getBoundingClientRect();
+       elPosition = {
+         width: bcRect.width,
+         height: bcRect.height,
+         top: bcRect.top,
+         bottom: bcRect.bottom,
+         left: bcRect.left,
+         right: bcRect.right
+       };
+     } else {
+       const offsetParentEl = this.offsetParent(element);
+
+       elPosition = this.offset(element, false);
+
+       if (offsetParentEl !== document.documentElement) {
+         parentOffset = this.offset(offsetParentEl, false);
+       }
+
+       parentOffset.top += offsetParentEl.clientTop;
+       parentOffset.left += offsetParentEl.clientLeft;
+     }
+
+     elPosition.top -= parentOffset.top;
+     elPosition.bottom -= parentOffset.top;
+     elPosition.left -= parentOffset.left;
+     elPosition.right -= parentOffset.left;
+
+     if (round) {
+       elPosition.top = Math.round(elPosition.top);
+       elPosition.bottom = Math.round(elPosition.bottom);
+       elPosition.left = Math.round(elPosition.left);
+       elPosition.right = Math.round(elPosition.right);
+     }
+
+     return elPosition;
+   }
+
+   public offset(element: HTMLElement, round = true): ClientRect {
+     const elBcr = element.getBoundingClientRect();
+     const viewportOffset = {
+       top: window.pageYOffset - document.documentElement.clientTop,
+       left: window.pageXOffset - document.documentElement.clientLeft
+     };
+
+     let elOffset = {
+       height: elBcr.height || element.offsetHeight,
+       width: elBcr.width || element.offsetWidth,
+       top: elBcr.top + viewportOffset.top,
+       bottom: elBcr.bottom + viewportOffset.top,
+       left: elBcr.left + viewportOffset.left,
+       right: elBcr.right + viewportOffset.left
+     };
+
+     if (round) {
+       elOffset.height = Math.round(elOffset.height);
+       elOffset.width = Math.round(elOffset.width);
+       elOffset.top = Math.round(elOffset.top);
+       elOffset.bottom = Math.round(elOffset.bottom);
+       elOffset.left = Math.round(elOffset.left);
+       elOffset.right = Math.round(elOffset.right);
+     }
+
+     return elOffset;
+   }
+
+   public positionElements(hostElement: HTMLElement, targetElement: HTMLElement, placement: string, appendToBody?: boolean):
+   ClientRect {
+     const hostElPosition = appendToBody ? this.offset(hostElement, false) : this.position(hostElement, false);
+     const shiftWidth: any = {
+       left: hostElPosition.left,
+       center: hostElPosition.left + hostElPosition.width / 2 - targetElement.offsetWidth / 2,
+       right: hostElPosition.left + hostElPosition.width
+     };
+     const shiftHeight: any = {
+       top: hostElPosition.top,
+       center: hostElPosition.top + hostElPosition.height / 2 - targetElement.offsetHeight / 2,
+       bottom: hostElPosition.top + hostElPosition.height
+     };
+     const targetElBCR = targetElement.getBoundingClientRect();
+     const placementPrimary = placement.split(' ')[0] || 'top';
+     const placementSecondary = placement.split(' ')[1] || 'center';
+
+     let targetElPosition: ClientRect = {
+       height: targetElBCR.height || targetElement.offsetHeight,
+       width: targetElBCR.width || targetElement.offsetWidth,
+       top: 0,
+       bottom: targetElBCR.height || targetElement.offsetHeight,
+       left: 0,
+       right: targetElBCR.width || targetElement.offsetWidth
+     };
+
+     switch (placementPrimary) {
+       case 'top':
+       targetElPosition.top = hostElPosition.top - targetElement.offsetHeight;
+       targetElPosition.bottom += hostElPosition.top - targetElement.offsetHeight;
+       targetElPosition.left = shiftWidth[placementSecondary];
+       targetElPosition.right += shiftWidth[placementSecondary];
+       break;
+       case 'bottom':
+       targetElPosition.top = shiftHeight[placementPrimary];
+       targetElPosition.bottom += shiftHeight[placementPrimary];
+       targetElPosition.left = shiftWidth[placementSecondary];
+       targetElPosition.right += shiftWidth[placementSecondary];
+       break;
+       case 'left':
+       targetElPosition.top = shiftHeight[placementSecondary];
+       targetElPosition.bottom += shiftHeight[placementSecondary];
+       targetElPosition.left = hostElPosition.left - targetElement.offsetWidth;
+       targetElPosition.right += hostElPosition.left - targetElement.offsetWidth;
+       break;
+       case 'right':
+       targetElPosition.top = shiftHeight[placementSecondary];
+       targetElPosition.bottom += shiftHeight[placementSecondary];
+       targetElPosition.left = shiftWidth[placementPrimary];
+       targetElPosition.right += shiftWidth[placementPrimary];
+       break;
+     }
+
+     targetElPosition.top = Math.round(targetElPosition.top);
+     targetElPosition.bottom = Math.round(targetElPosition.bottom);
+     targetElPosition.left = Math.round(targetElPosition.left);
+     targetElPosition.right = Math.round(targetElPosition.right);
+
+     return targetElPosition;
+   }
+
+   private getStyle(element: HTMLElement, prop: string): string { return (window.getComputedStyle(element) as any)[prop]; }
+
+   private isStaticPositioned(element: HTMLElement): boolean {
+     return (this.getStyle(element, 'position') || 'static') === 'static';
+   }
+
+   private offsetParent(element: HTMLElement): HTMLElement {
+     let offsetParentEl = <HTMLElement>element.offsetParent || document.documentElement;
+
+     while (offsetParentEl && offsetParentEl !== document.documentElement && this.isStaticPositioned(offsetParentEl)) {
+       offsetParentEl = <HTMLElement>offsetParentEl.offsetParent;
+     }
+
+     return offsetParentEl || document.documentElement;
+   }
+ }
+
+ const positionService = new Positioning();
+
+ export function positionElements(
+   hostElement: HTMLElement, targetElement: HTMLElement, placement: string, appendToBody?: boolean): void {
+   const pos = positionService.positionElements(hostElement, targetElement, placement, appendToBody);
+
+   targetElement.style.top = `${pos.top}px`;
+   targetElement.style.left = `${pos.left}px`;
+ }
diff --git a/src/app/typescripts/free/utils/positioning/positioning.service.ts b/src/app/typescripts/free/utils/positioning/positioning.service.ts
new file mode 100644
index 0000000..b4a55df
--- /dev/null
+++ b/src/app/typescripts/free/utils/positioning/positioning.service.ts
@@ -0,0 +1,61 @@
+import { Injectable, ElementRef } from '@angular/core';
+import { positionElements } from './ng-positioning';
+
+export interface PositioningOptions {
+  /** The DOM element, ElementRef, or a selector string of an element which will be moved */
+  element?: HTMLElement | ElementRef | string;
+
+  /** The DOM element, ElementRef, or a selector string of an element which the element will be attached to  */
+  target?: HTMLElement | ElementRef | string;
+
+    /**
+     * A string of the form 'vert-attachment horiz-attachment' or 'placement'
+     * - placement can be "top", "bottom", "left", "right"
+     * not yet supported:
+     * - vert-attachment can be any of 'top', 'middle', 'bottom'
+     * - horiz-attachment can be any of 'left', 'center', 'right'
+     */
+    //  attachment?: string;
+    attachment?: string | any;
+
+    /** A string similar to `attachment`. The one difference is that, if it's not provided,
+    `targetAttachment` will assume the mirror image of `attachment`. */
+    targetAttachment?: string;
+
+    /** A string of the form 'vert-offset horiz-offset'
+     * - vert-offset and horiz-offset can be of the form "20px" or "55%"
+     */
+     offset?: string;
+
+     /** A string similar to `offset`, but referring to the offset of the target */
+     targetOffset?: string;
+
+     /** If true component will be attached to body */
+     appendToBody?: boolean;
+   }
+
+   @Injectable()
+   export class PositioningService {
+    //  public position(options: PositioningOptions): void {
+      public position(options: PositioningOptions | any): void {
+       const {element, target, attachment, appendToBody} = options;
+       positionElements(
+         this._getHtmlElement(target),
+         this._getHtmlElement(element),
+         attachment,
+         appendToBody);
+     }
+
+     private _getHtmlElement(element: HTMLElement | ElementRef | string): HTMLElement {
+       // it means that we got a selector
+       if (typeof element === 'string') {
+         return document.querySelector(element) as HTMLElement;
+       }
+
+       if (element instanceof ElementRef) {
+         return element.nativeElement;
+       }
+
+       return element as HTMLElement;
+     }
+   }
diff --git a/src/app/typescripts/free/utils/trigger.class.ts b/src/app/typescripts/free/utils/trigger.class.ts
new file mode 100644
index 0000000..12df127
--- /dev/null
+++ b/src/app/typescripts/free/utils/trigger.class.ts
@@ -0,0 +1,16 @@
+/**
+ * @copyright Valor Software
+ * @copyright Angular ng-bootstrap team
+ */
+
+ export class Trigger {
+   public open: string;
+   public close?: string;
+
+   public constructor(open: string, close?: string) {
+     this.open = open;
+     this.close = close || open;
+   }
+
+   public isManual(): boolean { return this.open === 'manual' || this.close === 'manual'; }
+ }
diff --git a/src/app/typescripts/free/utils/triggers.ts b/src/app/typescripts/free/utils/triggers.ts
new file mode 100644
index 0000000..c5c875d
--- /dev/null
+++ b/src/app/typescripts/free/utils/triggers.ts
@@ -0,0 +1,63 @@
+/**
+ * @copyright Valor Software
+ * @copyright Angular ng-bootstrap team
+ */
+ import { Renderer } from '@angular/core';
+ import { Trigger } from './trigger.class';
+
+ const DEFAULT_ALIASES = {
+   hover: ['mouseover', 'mouseout'],
+   focus: ['focusin', 'focusout']
+ };
+
+ export function parseTriggers(triggers: string, aliases: any = DEFAULT_ALIASES): Trigger[] {
+   const trimmedTriggers = (triggers || '').trim();
+
+   if (trimmedTriggers.length === 0) {
+     return [];
+   }
+
+   const parsedTriggers = trimmedTriggers.split(/\s+/)
+   .map((trigger: string) => trigger.split(':'))
+   .map((triggerPair: string[]) => {
+     const alias = aliases[triggerPair[0]] || triggerPair;
+     return new Trigger(alias[0], alias[1]);
+   });
+
+   const manualTriggers = parsedTriggers
+   .filter((triggerPair: Trigger) => triggerPair.isManual());
+
+   if (manualTriggers.length > 1) {
+     throw new Error('Triggers parse error: only one manual trigger is allowed');
+   }
+
+   if (manualTriggers.length === 1 && parsedTriggers.length > 1) {
+     throw new Error('Triggers parse error: manual trigger can\'t be mixed with other triggers');
+   }
+
+   return parsedTriggers;
+ }
+
+ export function listenToTriggers(renderer: Renderer, target: any, triggers: string,
+   showFn: Function, hideFn: Function, toggleFn: Function): Function {
+   const parsedTriggers = parseTriggers(triggers);
+   const listeners: any[] = [];
+
+   if (parsedTriggers.length === 1 && parsedTriggers[0].isManual()) {
+     return Function.prototype;
+   }
+
+  //  parsedTriggers.forEach((trigger: Trigger) => {
+    parsedTriggers.forEach((trigger: Trigger | any) => {
+     if (trigger.open === trigger.close) {
+       listeners.push(renderer.listen(target, trigger.open, toggleFn));
+       return;
+     }
+
+     listeners.push(
+       renderer.listen(target, trigger.open, showFn),
+       renderer.listen(target, trigger.close, hideFn));
+   });
+
+   return () => { listeners.forEach((unsubscribeFn: Function) => unsubscribeFn()); };
+ }
diff --git a/src/app/typescripts/free/utils/utils.class.ts b/src/app/typescripts/free/utils/utils.class.ts
new file mode 100644
index 0000000..cfc4355
--- /dev/null
+++ b/src/app/typescripts/free/utils/utils.class.ts
@@ -0,0 +1,21 @@
+import { window } from './facade/browser';
+
+export class Utils {
+  public static reflow(element: any): void {
+    ((bs: any): void => bs)(element.offsetHeight);
+  }
+
+  // source: https://github.com/jquery/jquery/blob/master/src/css/var/getStyles.js
+  public static getStyles(elem: any): any {
+    // Support: IE <=11 only, Firefox <=30 (#15098, #14150)
+    // IE throws on elements created in popups
+    // FF meanwhile throws on frame elements through "defaultView.getComputedStyle"
+    let view = elem.ownerDocument.defaultView;
+
+    if (!view || !view.opener) {
+      view = window;
+    }
+
+    return view.getComputedStyle(elem);
+  }
+}
diff --git a/src/app/typescripts/free/waves/index.ts b/src/app/typescripts/free/waves/index.ts
new file mode 100644
index 0000000..056949c
--- /dev/null
+++ b/src/app/typescripts/free/waves/index.ts
@@ -0,0 +1,2 @@
+export { WavesDirective } from './waves-effect.directive';
+export { WavesModule } from './waves.module';
diff --git a/src/app/typescripts/free/waves/waves-effect.directive.ts b/src/app/typescripts/free/waves/waves-effect.directive.ts
new file mode 100644
index 0000000..e8e088e
--- /dev/null
+++ b/src/app/typescripts/free/waves/waves-effect.directive.ts
@@ -0,0 +1,67 @@
+import { Directive, ElementRef, HostListener } from '@angular/core';
+@Directive({
+  selector: '[mdbWavesEffect]'
+})
+export class WavesDirective {
+  el: ElementRef;
+
+  constructor(el: ElementRef) {
+    this.el = el;
+  }
+
+  @HostListener('click', ['$event'])
+  public click(event: any) {
+    // event.stopPropagation();
+
+    if (!this.el.nativeElement.classList.contains('disabled')) {
+
+      const button = this.el.nativeElement;
+      if (!button.classList.contains('waves-effect')) {
+        button.className += ' waves-effect';
+      }
+
+      const xPos = event.clientX - button.getBoundingClientRect().left;
+      const yPos = event.clientY - button.getBoundingClientRect().top;
+
+
+      const tmp = document.createElement('div');
+      tmp.className += 'waves-ripple waves-rippling';
+      const ripple = button.appendChild(tmp);
+
+      const top = yPos + 'px';
+      const left = xPos + 'px';
+
+      tmp.style.top = top;
+      tmp.style.left = left;
+
+      const scale = 'scale(' + ((button.clientWidth / 100) * 3) + ') translate(0,0)';
+
+      tmp.style.webkitTransform = scale;
+      tmp.style.transform = scale;
+      tmp.style.opacity = '1';
+
+      const duration = 750;
+
+      tmp.style.webkitTransitionDuration = duration + 'ms';
+      tmp.style.transitionDuration = duration + 'ms';
+
+
+      this.removeRipple(button, ripple);
+    }
+  }
+
+  removeRipple(button: any, ripple: any) {
+    ripple.classList.remove('waves-rippling');
+
+    setTimeout(() => {
+      ripple.style.opacity = '0';
+
+      setTimeout(() => {
+        button.removeChild(ripple);
+      }, 750);
+    }, 200);
+
+
+
+  }
+}
diff --git a/src/app/typescripts/free/waves/waves.module.ts b/src/app/typescripts/free/waves/waves.module.ts
new file mode 100644
index 0000000..dd6edf9
--- /dev/null
+++ b/src/app/typescripts/free/waves/waves.module.ts
@@ -0,0 +1,13 @@
+import { NgModule, ModuleWithProviders  } from '@angular/core';
+import { WavesDirective } from './waves-effect.directive';
+
+@NgModule({
+  declarations: [WavesDirective],
+  exports: [WavesDirective]
+})
+
+export class WavesModule {
+  public static forRoot(): ModuleWithProviders {
+    return {ngModule: WavesModule, providers: []};
+  }
+}
diff --git a/src/app/typescripts/pro/accordion/components/sb-item.body.html b/src/app/typescripts/pro/accordion/components/sb-item.body.html
new file mode 100644
index 0000000..772eff0
--- /dev/null
+++ b/src/app/typescripts/pro/accordion/components/sb-item.body.html
@@ -0,0 +1,5 @@
+<div #body class="sb-item-body" [style.height]="height">
+    <div class="card-body">
+    	<ng-content></ng-content>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/accordion/components/sb-item.body.ts b/src/app/typescripts/pro/accordion/components/sb-item.body.ts
new file mode 100644
index 0000000..766d815
--- /dev/null
+++ b/src/app/typescripts/pro/accordion/components/sb-item.body.ts
@@ -0,0 +1,25 @@
+import {Component, ElementRef, Renderer, ViewChild} from '@angular/core';
+
+@Component({
+  exportAs: 'sbItemBody',
+  selector: 'mdb-item-body',
+  templateUrl: 'sb-item.body.html'
+})
+export class SBItemBodyComponent {
+
+  public height = '0';
+
+  @ViewChild('body') bodyEl: ElementRef;
+
+  constructor(private renderer: Renderer) {}
+
+  toggle(collapsed: boolean) {
+    let height = '0';
+    if (!collapsed) {
+      this.renderer.setElementStyle(this.bodyEl.nativeElement, 'height', 'auto');
+      height = this.bodyEl.nativeElement.offsetHeight + 'px';
+      this.renderer.setElementStyle(this.bodyEl.nativeElement, 'height', '0');
+    }
+    setTimeout(() => this.renderer.setElementStyle(this.bodyEl.nativeElement, 'height', height), 50);
+  }
+}
diff --git a/src/app/typescripts/pro/accordion/components/sb-item.head.html b/src/app/typescripts/pro/accordion/components/sb-item.head.html
new file mode 100644
index 0000000..f858b1e
--- /dev/null
+++ b/src/app/typescripts/pro/accordion/components/sb-item.head.html
@@ -0,0 +1,8 @@
+<div class="card-header">
+  <a role="button" (click)="toggleClick($event)">
+    <h5 class="mb-0">
+      <ng-content></ng-content>
+      <i class="fa fa-angle-down rotate-icon"></i>
+    </h5>
+  </a>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/accordion/components/sb-item.head.ts b/src/app/typescripts/pro/accordion/components/sb-item.head.ts
new file mode 100644
index 0000000..351726b
--- /dev/null
+++ b/src/app/typescripts/pro/accordion/components/sb-item.head.ts
@@ -0,0 +1,18 @@
+import {Component} from '@angular/core';
+import {SBItemComponent} from './sb-item';
+
+@Component({
+  exportAs: 'sbItemHead',
+  selector: 'mdb-item-head',
+  templateUrl: 'sb-item.head.html'
+})
+export class SBItemHeadComponent {
+
+  constructor(private sbItem: SBItemComponent) {}
+
+  toggleClick(event: any) {
+    event.preventDefault();
+    this.sbItem.collapsed = !this.sbItem.collapsed;
+    this.sbItem.toggle(this.sbItem.collapsed);
+  }
+}
diff --git a/src/app/typescripts/pro/accordion/components/sb-item.html b/src/app/typescripts/pro/accordion/components/sb-item.html
new file mode 100644
index 0000000..7caea63
--- /dev/null
+++ b/src/app/typescripts/pro/accordion/components/sb-item.html
@@ -0,0 +1,3 @@
+<div class="card" [ngClass]="{'is-collapsed': collapsed, 'active': !collapsed}">
+  <ng-content></ng-content>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/accordion/components/sb-item.ts b/src/app/typescripts/pro/accordion/components/sb-item.ts
new file mode 100644
index 0000000..7c66fc5
--- /dev/null
+++ b/src/app/typescripts/pro/accordion/components/sb-item.ts
@@ -0,0 +1,35 @@
+import {Component, ContentChild, Input, AfterViewInit} from '@angular/core';
+import {SBItemBodyComponent} from './sb-item.body';
+import {sbConfig} from './sb.config';
+
+@Component({
+  exportAs: 'sbItem',
+  selector: 'mdb-item',
+  templateUrl: 'sb-item.html'
+})
+export class SBItemComponent implements AfterViewInit {
+
+  private squeezebox: any;
+
+  @Input() public collapsed = true;
+
+  @ContentChild(SBItemBodyComponent) body: SBItemBodyComponent;
+
+  constructor() {
+    this.squeezebox = sbConfig.serviceInstance;
+  }
+
+  ngAfterViewInit() {
+    this.body.toggle(this.collapsed);
+  }
+  toggle(collapsed: boolean) {
+    this.squeezebox.didItemToggled(this);
+    this.applyToggle(collapsed);
+  }
+
+  applyToggle(collapsed: boolean) {
+    this.collapsed = collapsed;
+    this.body.toggle(collapsed);
+  }
+
+}
diff --git a/src/app/typescripts/pro/accordion/components/sb.config.ts b/src/app/typescripts/pro/accordion/components/sb.config.ts
new file mode 100644
index 0000000..1b8ec39
--- /dev/null
+++ b/src/app/typescripts/pro/accordion/components/sb.config.ts
@@ -0,0 +1,3 @@
+export const sbConfig = {
+    serviceInstance: new Object()
+}
\ No newline at end of file
diff --git a/src/app/typescripts/pro/accordion/components/squeezebox.html b/src/app/typescripts/pro/accordion/components/squeezebox.html
new file mode 100644
index 0000000..30581d1
--- /dev/null
+++ b/src/app/typescripts/pro/accordion/components/squeezebox.html
@@ -0,0 +1,3 @@
+<div class="accordion">
+  <ng-content></ng-content>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/accordion/components/squeezebox.ts b/src/app/typescripts/pro/accordion/components/squeezebox.ts
new file mode 100644
index 0000000..f59008e
--- /dev/null
+++ b/src/app/typescripts/pro/accordion/components/squeezebox.ts
@@ -0,0 +1,31 @@
+import {Component, Input, ContentChildren, QueryList, forwardRef} from '@angular/core';
+import {SBItemComponent} from './sb-item';
+import {sbConfig} from './sb.config';
+
+@Component({
+  exportAs: 'squeezebox',
+  selector: 'mdb-squeezebox',
+  templateUrl: 'squeezebox.html'
+})
+export class SqueezeBoxComponent {
+
+  @Input() multiple = true;
+
+  @ContentChildren(forwardRef(() => SBItemComponent)) items: QueryList<SBItemComponent>;
+
+  constructor() {
+    sbConfig.serviceInstance = this;
+  }
+
+  didItemToggled(item: SBItemComponent) {
+    // on not multiple, it will collpase the rest of items
+    if (!this.multiple) {
+      this.items.toArray().forEach(function(i) {
+        if (i !== item) {
+          i.applyToggle(true);
+        }
+      });
+    }
+  }
+
+}
diff --git a/src/app/typescripts/pro/accordion/index.ts b/src/app/typescripts/pro/accordion/index.ts
new file mode 100644
index 0000000..0fdb169
--- /dev/null
+++ b/src/app/typescripts/pro/accordion/index.ts
@@ -0,0 +1,21 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+
+import {SqueezeBoxComponent} from './components/squeezebox';
+import {SBItemComponent} from './components/sb-item';
+import {SBItemHeadComponent} from './components/sb-item.head';
+import {SBItemBodyComponent} from './components/sb-item.body';
+
+export const SQUEEZEBOX_COMPONENTS = [SqueezeBoxComponent, SBItemComponent, SBItemHeadComponent, SBItemBodyComponent];
+
+@NgModule({
+  imports: [CommonModule],
+  declarations: [SQUEEZEBOX_COMPONENTS],
+  exports: [SQUEEZEBOX_COMPONENTS]
+})
+export class SqueezeBoxModule {}
+
+export * from './components/sb-item';
+export * from './components/sb-item.head';
+export * from './components/sb-item.body';
+export * from './components/squeezebox';
diff --git a/src/app/typescripts/pro/accordion/licens.md b/src/app/typescripts/pro/accordion/licens.md
new file mode 100644
index 0000000..32b26d1
--- /dev/null
+++ b/src/app/typescripts/pro/accordion/licens.md
@@ -0,0 +1 @@
+https://www.npmjs.com/package/squeezebox
\ No newline at end of file
diff --git a/src/app/typescripts/pro/alerts/index.ts b/src/app/typescripts/pro/alerts/index.ts
new file mode 100644
index 0000000..bcbefcd
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/index.ts
@@ -0,0 +1,10 @@
+export * from './portal/portal';
+export * from './overlay/overlay';
+export * from './overlay/overlay-container';
+export * from './overlay/overlay-ref';
+export * from './toast/toast.directive';
+export * from './toast/toast.component';
+export * from './toast/toast.service';
+export * from './toast/toast.config';
+export * from './toast/toast.module';
+export * from './toast/toast.injector';
diff --git a/src/app/typescripts/pro/alerts/licens.md b/src/app/typescripts/pro/alerts/licens.md
new file mode 100644
index 0000000..8321732
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/licens.md
@@ -0,0 +1 @@
+https://github.com/scttcper/ngx-toastr
\ No newline at end of file
diff --git a/src/app/typescripts/pro/alerts/overlay/overlay-container.ts b/src/app/typescripts/pro/alerts/overlay/overlay-container.ts
new file mode 100644
index 0000000..c2c464f
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/overlay/overlay-container.ts
@@ -0,0 +1,29 @@
+/**
+ * The OverlayContainer is the container in which all overlays will load.
+ * It should be provided in the root component to ensure it is properly shared.
+ */
+export class OverlayContainer {
+  private _containerElement: HTMLElement;
+
+  /**
+   * This method returns the overlay container element.  It will lazily
+   * create the element the first time  it is called to facilitate using
+   * the container in non-browser environments.
+   * @returns the container element
+   */
+  getContainerElement(): HTMLElement {
+    if (!this._containerElement) { this._createContainer(); }
+    return this._containerElement;
+  }
+
+  /**
+   * Create the overlay container element, which is simply a div
+   * with the 'cdk-overlay-container' class on the document body.
+   */
+  private _createContainer(): void {
+    const container = document.createElement('div');
+    container.classList.add('overlay-container');
+    document.body.appendChild(container);
+    this._containerElement = container;
+  }
+}
diff --git a/src/app/typescripts/pro/alerts/overlay/overlay-ref.ts b/src/app/typescripts/pro/alerts/overlay/overlay-ref.ts
new file mode 100644
index 0000000..7571957
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/overlay/overlay-ref.ts
@@ -0,0 +1,23 @@
+import {ComponentRef} from '@angular/core';
+import {BasePortalHost, ComponentPortal} from '../portal/portal';
+
+/**
+ * Reference to an overlay that has been created with the Overlay service.
+ * Used to manipulate or dispose of said overlay.
+ */
+export class OverlayRef {
+  constructor(
+      private _portalHost: BasePortalHost) { }
+
+  attach(portal: ComponentPortal<any>, newestOnTop: boolean): ComponentRef<any> {
+    return this._portalHost.attach(portal, newestOnTop);
+  }
+
+  /**
+   * Detaches an overlay from a portal.
+   * @returns Resolves when the overlay has been detached.
+   */
+  detach() {
+    return this._portalHost.detach();
+  }
+}
diff --git a/src/app/typescripts/pro/alerts/overlay/overlay.ts b/src/app/typescripts/pro/alerts/overlay/overlay.ts
new file mode 100644
index 0000000..5b873d1
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/overlay/overlay.ts
@@ -0,0 +1,79 @@
+import { ComponentFactoryResolver, Injectable, ApplicationRef } from '@angular/core';
+import { DomPortalHost } from '../portal/dom-portal-host';
+import { OverlayRef } from './overlay-ref';
+
+import { OverlayContainer } from './overlay-container';
+import { ToastContainerDirective } from '../toast/toast.directive';
+
+
+/**
+ * Service to create Overlays. Overlays are dynamically added pieces of floating UI, meant to be
+ * used as a low-level building building block for other components. Dialogs, tooltips, menus,
+ * selects, etc. can all be built using overlays. The service should primarily be used by authors
+ * of re-usable components rather than developers building end-user applications.
+ *
+ * An overlay *is* a PortalHost, so any kind of Portal can be loaded into one.
+ */
+ @Injectable()
+  export class Overlay {
+    private _paneElements: any = {};
+    constructor(private _overlayContainer: OverlayContainer,
+                private _componentFactoryResolver: ComponentFactoryResolver,
+                private _appRef: ApplicationRef) {}
+  /**
+   * Creates an overlay.
+   * @returns A reference to the created overlay.
+   */
+  create(positionClass: string, overlayContainer?: ToastContainerDirective): OverlayRef {
+    // get existing pane if possible
+    return this._createOverlayRef(this.getPaneElement(positionClass, overlayContainer));
+  }
+
+  getPaneElement(positionClass: string, overlayContainer?: ToastContainerDirective): HTMLElement {
+    if (!this._paneElements[positionClass]) {
+      this._paneElements[positionClass] = this._createPaneElement(positionClass, overlayContainer);
+    }
+    return this._paneElements[positionClass];
+  }
+
+  /**
+   * Creates the DOM element for an overlay and appends it to the overlay container.
+   * @returns Newly-created pane element
+   */
+  private _createPaneElement(positionClass: string, overlayContainer?: ToastContainerDirective): HTMLElement {
+    const pane = document.createElement('div');
+    pane.id = 'toast-container';
+    pane.classList.add(positionClass);
+
+    if (!overlayContainer) {
+      this._overlayContainer.getContainerElement().appendChild(pane);
+    } else {
+      overlayContainer.getContainerElement().appendChild(pane);
+    }
+    return pane;
+  }
+
+  /**
+   * Create a DomPortalHost into which the overlay content can be loaded.
+   * @param pane The DOM element to turn into a portal host.
+   * @returns A portal host for the given DOM element.
+   */
+  private _createPortalHost(pane: HTMLElement): DomPortalHost {
+    return new DomPortalHost(pane, this._componentFactoryResolver, this._appRef);
+  }
+
+  /**
+   * Creates an OverlayRef for an overlay in the given DOM element.
+   * @param pane DOM element for the overlay
+   */
+  private _createOverlayRef(pane: HTMLElement): OverlayRef {
+    return new OverlayRef(this._createPortalHost(pane));
+  }
+}
+
+
+/** Providers for Overlay and its related injectables. */
+export const OVERLAY_PROVIDERS = [
+  Overlay,
+  OverlayContainer,
+];
diff --git a/src/app/typescripts/pro/alerts/portal/dom-portal-host.ts b/src/app/typescripts/pro/alerts/portal/dom-portal-host.ts
new file mode 100644
index 0000000..67fe033
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/portal/dom-portal-host.ts
@@ -0,0 +1,65 @@
+import {
+  ComponentFactoryResolver,
+  ComponentRef,
+  EmbeddedViewRef,
+  ApplicationRef,
+} from '@angular/core';
+import { BasePortalHost, ComponentPortal } from './portal';
+
+
+/**
+ * A PortalHost for attaching portals to an arbitrary DOM element outside of the Angular
+ * application context.
+ *
+ * This is the only part of the portal core that directly touches the DOM.
+ */
+export class DomPortalHost extends BasePortalHost {
+  constructor(
+      private _hostDomElement: Element,
+      private _componentFactoryResolver: ComponentFactoryResolver,
+      private _appRef: ApplicationRef) {
+    super();
+  }
+
+  /**
+   * Attach the given ComponentPortal to DOM element using the ComponentFactoryResolver.
+   * @param portal Portal to be attached
+   */
+  attachComponentPortal<T>(portal: ComponentPortal<T>, newestOnTop: boolean): ComponentRef<T> {
+    const componentFactory = this._componentFactoryResolver.resolveComponentFactory(portal.component);
+    let componentRef: ComponentRef<T>;
+
+    // If the portal specifies a ViewContainerRef, we will use that as the attachment point
+    // for the component (in terms of Angular's component tree, not rendering).
+    // When the ViewContainerRef is missing, we use the factory to create the component directly
+    // and then manually attach the ChangeDetector for that component to the application (which
+    // happens automatically when using a ViewContainer).
+    componentRef = componentFactory.create(portal.injector);
+
+    // When creating a component outside of a ViewContainer, we need to manually register
+    // its ChangeDetector with the application. This API is unfortunately not yet published
+    // in Angular core. The change detector must also be deregistered when the component
+    // is destroyed to prevent memory leaks.
+    this._appRef.attachView(componentRef.hostView);
+
+    this.setDisposeFn(() => {
+      this._appRef.detachView(componentRef.hostView);
+      componentRef.destroy();
+    });
+
+    // At this point the component has been instantiated, so we move it to the location in the DOM
+    // where we want it to be rendered.
+    if (newestOnTop) {
+      this._hostDomElement.insertBefore(this._getComponentRootNode(componentRef), this._hostDomElement.firstChild);
+    } else {
+      this._hostDomElement.appendChild(this._getComponentRootNode(componentRef));
+    }
+
+    return componentRef;
+  }
+
+  /** Gets the root HTMLElement for an instantiated component. */
+  private _getComponentRootNode(componentRef: ComponentRef<any>): HTMLElement {
+    return (componentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;
+  }
+}
diff --git a/src/app/typescripts/pro/alerts/portal/portal.ts b/src/app/typescripts/pro/alerts/portal/portal.ts
new file mode 100644
index 0000000..77c1d49
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/portal/portal.ts
@@ -0,0 +1,99 @@
+import {
+  ViewContainerRef,
+  ComponentRef,
+  Injector
+} from '@angular/core';
+
+export interface ComponentType<T> {
+  new (...args: any[]): T;
+}
+
+
+/**
+ * A `ComponentPortal` is a portal that instantiates some Component upon attachment.
+ */
+export class ComponentPortal<T> {
+  // private _attachedHost: BasePortalHost;
+  private _attachedHost: BasePortalHost | any;
+  /** The type of the component that will be instantiated for attachment. */
+  component: ComponentType<T>;
+
+  /**
+   * [Optional] Where the attached component should live in Angular's *logical* component tree.
+   * This is different from where the component *renders*, which is determined by the PortalHost.
+   * The origin necessary when the host is outside of the Angular application context.
+   */
+  viewContainerRef: ViewContainerRef;
+
+  /** Injector used for the instantiation of the component. */
+  injector: Injector;
+
+  constructor(component: ComponentType<T>, injector: Injector) {
+    this.component = component;
+    this.injector = injector;
+  }
+
+  /** Attach this portal to a host. */
+  attach(host: BasePortalHost, newestOnTop: boolean) {
+    this._attachedHost = host;
+    return host.attach(this, newestOnTop);
+  }
+
+  /** Detach this portal from its host */
+  detach(): void {
+    const host = this._attachedHost;
+    this._attachedHost = null;
+    return host.detach();
+  }
+
+  /** Whether this portal is attached to a host. */
+  get isAttached(): boolean {
+    return this._attachedHost != null;
+  }
+
+  /**
+   * Sets the PortalHost reference without performing `attach()`. This is used directly by
+   * the PortalHost when it is performing an `attach()` or `detach()`.
+   */
+  // setAttachedHost(host: BasePortalHost) {
+    setAttachedHost(host: BasePortalHost): any {
+    this._attachedHost = host;
+  }
+}
+
+/**
+ * Partial implementation of PortalHost that only deals with attaching a
+ * ComponentPortal
+ */
+export abstract class BasePortalHost {
+  public setToNullValue: any = null;
+  /** The portal currently attached to the host. */
+  // private _attachedPortal: ComponentPortal<any>;
+  private _attachedPortal: ComponentPortal<any> | any;
+
+  /** A function that will permanently dispose this host. */
+  // private _disposeFn: () => void;
+  private _disposeFn: () => void | any;
+
+  attach(portal: ComponentPortal<any>, newestOnTop: boolean) {
+    this._attachedPortal = portal;
+    return this.attachComponentPortal(portal, newestOnTop);
+  }
+
+  abstract attachComponentPortal<T>(portal: ComponentPortal<T>, newestOnTop: boolean): ComponentRef<T>;
+
+  detach() {
+    if (this._attachedPortal) { this._attachedPortal.setAttachedHost(null); }
+
+    this._attachedPortal = null;
+    if (this._disposeFn != null) {
+      this._disposeFn();
+      // this._disposeFn = null;
+      this._disposeFn = this.setToNullValue;
+    }
+  }
+
+  setDisposeFn(fn: () => void) {
+    this._disposeFn = fn;
+  }
+}
diff --git a/src/app/typescripts/pro/alerts/toast/toast.component.html b/src/app/typescripts/pro/alerts/toast/toast.component.html
new file mode 100644
index 0000000..79928ab
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/toast/toast.component.html
@@ -0,0 +1,14 @@
+<button *ngIf="options.closeButton" (click)="remove()" class="toast-close-button">
+  &times;
+</button>
+<div *ngIf="title" class="{{options.titleClass}}" [attr.aria-label]="title">
+  {{title}}
+</div>
+<div *ngIf="message && options.enableHtml" class="{{options.messageClass}}" [innerHTML]="message">
+</div>
+<div *ngIf="message && !options.enableHtml" class="{{options.messageClass}}" [attr.aria-label]="message">
+  {{message}}
+</div>
+<div *ngIf="options.progressBar">
+  <div class="toast-progress" [style.width.%]="width"></div>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/alerts/toast/toast.component.ts b/src/app/typescripts/pro/alerts/toast/toast.component.ts
new file mode 100644
index 0000000..f053094
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/toast/toast.component.ts
@@ -0,0 +1,162 @@
+import {
+  Component,
+  OnDestroy,
+  HostBinding,
+  HostListener,
+  ApplicationRef,
+} from '@angular/core';
+
+import { 
+  trigger,
+  state,
+  transition,
+  animate,
+  style
+} from '@angular/animations';
+import { SafeHtml } from '@angular/platform-browser';
+
+import { Subscription } from 'rxjs/Subscription';
+
+import { GlobalConfig, ToastPackage, tsConfig } from './toast.config';
+
+@Component({
+  selector: 'mdb-toast-component',
+  templateUrl: './toast.component.html',
+  animations: [
+    trigger('flyInOut', [
+      state('inactive', style({
+        display: 'none',
+        opacity: 0
+      })),
+      state('active', style({ opacity: .5 })),
+      state('removed', style({ opacity: 0 })),
+      transition('inactive => active', animate('300ms ease-in')),
+      transition('active => removed', animate('300ms ease-in')),
+    ]),
+  ],
+})
+export class ToastComponent implements OnDestroy {
+  message: string | SafeHtml;
+  title: string;
+  options: GlobalConfig;
+  /** width of progress bar */
+  width = -1;
+  /** a combination of toast type and options.toastClass */
+  @HostBinding('class') toastClasses = '';
+  /** controls animation */
+  @HostBinding('@flyInOut') state = 'inactive';
+   timeout: any;
+   intervalId: any;
+   hideTime: number;
+   sub: Subscription;
+   sub1: Subscription;
+
+   protected toastService: any;
+
+  constructor(
+    public toastPackage: ToastPackage,
+    protected appRef: ApplicationRef,
+  ) {
+    this.toastService = tsConfig.serviceInstance;
+
+    this.message = toastPackage.message;
+    this.title = toastPackage.title;
+    this.options = toastPackage.config;
+    this.toastClasses = `${toastPackage.toastType} ${toastPackage.config.toastClass}`;
+    this.sub = toastPackage.toastRef.afterActivate().subscribe(() => {
+      this.activateToast();
+    });
+    this.sub1 = toastPackage.toastRef.manualClosed().subscribe(() => {
+      this.remove();
+    });
+  }
+  ngOnDestroy() {
+    this.sub.unsubscribe();
+    this.sub1.unsubscribe();
+    clearInterval(this.intervalId);
+    clearTimeout(this.timeout);
+  }
+  /**
+   * activates toast and sets timeout
+   */
+  activateToast() {
+    this.state = 'active';
+    if (this.options.timeOut !== 0) {
+      this.timeout = setTimeout(() => {
+        this.remove();
+      }, this.options.timeOut);
+      this.hideTime = new Date().getTime() + this.options.timeOut;
+      if (this.options.progressBar) {
+        this.intervalId = setInterval(() => this.updateProgress(), 10);
+      }
+    }
+    if (this.options.onActivateTick) {
+      this.appRef.tick();
+    }
+  }
+  /**
+   * updates progress bar width
+   */
+  updateProgress() {
+    if (this.width === 0) {
+      return;
+    }
+    const now = new Date().getTime();
+    const remaining = this.hideTime - now;
+    this.width = (remaining / this.options.timeOut) * 100;
+    if (this.width <= 0) {
+      this.width = 0;
+    }
+  }
+
+  /**
+   * tells toastrService to remove this toast after animation time
+   */
+  remove() {
+    if (this.state === 'removed') {
+      return;
+    }
+    clearTimeout(this.timeout);
+    this.state = 'removed';
+    this.timeout = setTimeout(() =>
+      this.toastService.remove(this.toastPackage.toastId),
+      300
+    );
+  }
+  @HostListener('click')
+  tapToast() {
+    if (this.state === 'removed') {
+      return;
+    }
+    this.toastPackage.triggerTap();
+    if (this.options.tapToDismiss) {
+      this.remove();
+    }
+  }
+  @HostListener('mouseenter')
+  stickAround() {
+    if (this.state === 'removed') {
+      return;
+    }
+    clearTimeout(this.timeout);
+    this.options.timeOut = 0;
+    this.hideTime = 0;
+
+    // disable progressBar
+    clearInterval(this.intervalId);
+    this.width = 0;
+  }
+  @HostListener('mouseleave')
+  delayedHideToast() {
+    if (+this.options.extendedTimeOut === 0 || this.state === 'removed') {
+      return;
+    }
+    this.timeout = setTimeout(() => this.remove(), this.options.extendedTimeOut);
+    this.options.timeOut = +this.options.extendedTimeOut;
+    this.hideTime = new Date().getTime() + this.options.timeOut;
+    this.width = 100;
+    if (this.options.progressBar) {
+      this.intervalId = setInterval(() => this.updateProgress(), 10);
+    }
+  }
+}
diff --git a/src/app/typescripts/pro/alerts/toast/toast.config.ts b/src/app/typescripts/pro/alerts/toast/toast.config.ts
new file mode 100644
index 0000000..48ef191
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/toast/toast.config.ts
@@ -0,0 +1,159 @@
+/* tslint:disable:no-inferrable-types */
+import { SafeHtml } from '@angular/platform-browser';
+
+import { Subject } from 'rxjs/Subject';
+import { Observable } from 'rxjs/Observable';
+
+import { ComponentType } from '../portal/portal';
+import { ToastRef } from './toast.injector';
+
+/**
+ * Configuration for an individual toast.
+ */
+ export interface IndividualConfig {
+  /**
+  * toast time to live in milliseconds
+  * default: 5000
+  */
+  // timeOut?: number;
+  timeOut?: number | any;
+  /**
+  * toast show close button
+  * default: false
+  */
+  closeButton?: boolean;
+  /** time to close after a user hovers over toast */
+  /**
+   * show toast progress bar
+   * default: false
+   */
+  // extendedTimeOut?: number;
+  extendedTimeOut?: number | any;
+  /**
+   * show toast progress bar
+   * default: false
+   */
+  progressBar?: boolean;
+  /**
+   * render html in toast message (possibly unsafe)
+   * default: false
+   */
+  enableHtml?: boolean;
+  /**
+   * css class on toast component
+   * default: toast
+   */
+  toastClass?: string;
+  /**
+   * css class on toast container
+   * default: toast-top-right
+   */
+  positionClass?: string | any;
+  /**
+   * css class on to toast title
+   * default: toast-title
+   */
+  titleClass?: string;
+  /**
+   * css class on to toast title
+   * default: toast-title
+   */
+  messageClass?: string;
+  /**
+   * clicking on toast dismisses it
+   * default: true
+   */
+  tapToDismiss?: boolean;
+  /**
+   * Angular toast component to be shown
+   * default: Toast
+   */
+  toastComponent?: ComponentType<any> | any;
+  /**
+   * Helps show toast from a websocket or from event outside Angular
+   * default: false
+   */
+  onActivateTick?: boolean;
+}
+
+export interface ToastIconClasses {
+  error?: string;
+  info?: string;
+  success?: string;
+  warning?: string;
+}
+
+/**
+ * Global Toast configuration
+ * Includes all IndividualConfig
+ */
+export interface GlobalConfig extends IndividualConfig {
+  /**
+   * max toasts opened. Toasts will be queued
+   * Zero is unlimited
+   * default: 0
+   */
+  maxOpened?: number;
+  /**
+   * dismiss current toast when max is reached
+   * default: false
+   */
+  autoDismiss?: boolean;
+  iconClasses?: ToastIconClasses;
+  /**
+   * New toast placement
+   * default: true
+   */
+  newestOnTop?: boolean;
+  /**
+   * block duplicate messages
+   * default: false
+   */
+  preventDuplicates?: boolean;
+}
+/**
+ * Remove warning message from angular-cli
+ */
+export class GlobalConfig {}
+/**
+ * Everything a toast needs to launch
+ */
+export class ToastPackage {
+  private _onTap: Subject<any> = new Subject();
+  private _onAction: Subject<any> = new Subject();
+
+  constructor(
+    public toastId: number,
+    public config: IndividualConfig,
+    public message: string | SafeHtml,
+    public title: string,
+    public toastType: string,
+    public toastRef: ToastRef<any>,
+  ) { }
+
+  /** Fired on click */
+  triggerTap() {
+    this._onTap.next();
+    this._onTap.complete();
+  }
+
+  onTap(): Observable<any> {
+    return this._onTap.asObservable();
+  }
+
+  /** available for use in custom toast */
+  triggerAction(action?: any) {
+    this._onAction.next(action);
+    this._onAction.complete();
+  }
+
+  onAction(): Observable<any> {
+    return this._onAction.asObservable();
+  }
+
+}
+
+
+export const tsConfig = {
+  serviceInstance: new Object()
+}
\ No newline at end of file
diff --git a/src/app/typescripts/pro/alerts/toast/toast.directive.ts b/src/app/typescripts/pro/alerts/toast/toast.directive.ts
new file mode 100644
index 0000000..f383ab4
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/toast/toast.directive.ts
@@ -0,0 +1,25 @@
+import { NgModule, ModuleWithProviders, Directive, ElementRef } from '@angular/core';
+
+@Directive({
+  selector: '[mdbToastContainer]',
+  exportAs: 'mdb-toast-container',
+})
+export class ToastContainerDirective {
+  constructor(private el: ElementRef) {}
+  getContainerElement(): HTMLElement {
+    return this.el.nativeElement;
+  }
+}
+
+@NgModule({
+  exports: [ToastContainerDirective],
+  declarations: [ToastContainerDirective],
+})
+export class ToastContainerModule {
+  static forRoot(): ModuleWithProviders {
+    return {
+      ngModule: ToastContainerModule,
+      providers: []
+    };
+  }
+}
diff --git a/src/app/typescripts/pro/alerts/toast/toast.injector.ts b/src/app/typescripts/pro/alerts/toast/toast.injector.ts
new file mode 100644
index 0000000..0da2d6a
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/toast/toast.injector.ts
@@ -0,0 +1,73 @@
+import { Injector } from '@angular/core';
+import { Observable } from 'rxjs/Observable';
+import { Subject } from 'rxjs/Subject';
+
+import { OverlayRef } from '../overlay/overlay-ref';
+import { ToastPackage } from './toast.config';
+
+/**
+ * Reference to a toast opened via the Toast service.
+ */
+export class ToastRef<T> {
+  /** The instance of component opened into the toast. */
+  componentInstance: T;
+
+  /** Subject for notifying the user that the toast has finished closing. */
+  private _afterClosed: Subject<any> = new Subject();
+  private _activate: Subject<any> = new Subject();
+  private _manualClose: Subject<any> = new Subject();
+
+  constructor(private _overlayRef: OverlayRef) { }
+
+  manualClose() {
+    this._manualClose.next();
+    this._manualClose.complete();
+  }
+
+  manualClosed(): Observable<any> {
+    return this._manualClose.asObservable();
+  }
+
+  /**
+   * Close the toast.
+   */
+  close(): void {
+    this._overlayRef.detach();
+    this._afterClosed.next();
+    this._afterClosed.complete();
+  }
+
+  /** Gets an observable that is notified when the toast is finished closing. */
+  afterClosed(): Observable<any> {
+    return this._afterClosed.asObservable();
+  }
+
+  isInactive() {
+    return this._activate.isStopped;
+  }
+
+  activate() {
+    this._activate.next();
+    this._activate.complete();
+  }
+
+  /** Gets an observable that is notified when the toast has started opening. */
+  afterActivate(): Observable<any> {
+    return this._activate.asObservable();
+  }
+}
+
+
+/** Custom injector type specifically for instantiating components with a toast. */
+export class ToastInjector implements Injector {
+  constructor(
+    private _toastPackage: ToastPackage,
+    private _parentInjector: Injector) { }
+
+  get(token: any, notFoundValue?: any): any {
+    if (token === ToastPackage && this._toastPackage) {
+      return this._toastPackage;
+    }
+    return this._parentInjector.get(token, notFoundValue);
+  }
+}
diff --git a/src/app/typescripts/pro/alerts/toast/toast.module.ts b/src/app/typescripts/pro/alerts/toast/toast.module.ts
new file mode 100644
index 0000000..e8e0e8e
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/toast/toast.module.ts
@@ -0,0 +1,40 @@
+import {
+  NgModule,
+  ModuleWithProviders,
+  SkipSelf,
+  Optional,
+} from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { ToastComponent } from './toast.component';
+import { TOAST_CONFIG } from './toast.token';
+import { ToastService } from './toast.service';
+import { GlobalConfig } from './toast.config';
+import { OverlayContainer } from '../overlay/overlay-container';
+import { Overlay } from '../overlay/overlay';
+
+
+@NgModule({
+  imports: [CommonModule],
+  exports: [ToastComponent],
+  declarations: [ToastComponent],
+  entryComponents: [ToastComponent],
+})
+export class ToastModule {
+  static forRoot(config?: GlobalConfig): ModuleWithProviders {
+    return {
+      ngModule: ToastModule,
+      providers: [
+        { provide: TOAST_CONFIG, useValue: config },
+        OverlayContainer,
+        Overlay,
+        ToastService,
+      ]
+    };
+  }
+  constructor(@Optional() @SkipSelf() parentModule: ToastModule) {
+    if (parentModule) {
+      throw new Error('ToastModule is already loaded. It should only be imported in your application\'s main module.');
+    }
+  }
+}
diff --git a/src/app/typescripts/pro/alerts/toast/toast.service.ts b/src/app/typescripts/pro/alerts/toast/toast.service.ts
new file mode 100644
index 0000000..b028a90
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/toast/toast.service.ts
@@ -0,0 +1,254 @@
+import { Injectable, Injector, ComponentRef, Inject, SecurityContext } from '@angular/core';
+import { Observable } from 'rxjs/Observable';
+
+import { Overlay } from '../overlay/overlay';
+import { ComponentPortal } from '../portal/portal';
+import { GlobalConfig, IndividualConfig, ToastPackage, tsConfig } from './toast.config';
+import { ToastInjector, ToastRef } from './toast.injector';
+import { ToastContainerDirective } from './toast.directive';
+import { TOAST_CONFIG } from './toast.token';
+import { ToastComponent } from './toast.component';
+import { DomSanitizer } from '@angular/platform-browser';
+
+export interface ActiveToast {
+  toastId?: number;
+  message?: string;
+  portal?: ComponentRef<any>;
+  toastRef?: ToastRef<any>;
+  onShown?: Observable<any>;
+  onHidden?: Observable<any>;
+  onTap?: Observable<any>;
+  onAction?: Observable<any>;
+}
+
+@Injectable()
+export class ToastService {
+  index = 0;
+  previousToastMessage = '';
+  currentlyActive = 0;
+  toasts: ActiveToast[] = [];
+  overlayContainer: ToastContainerDirective;
+
+  constructor(
+    // @Inject(TOAST_CONFIG) public toastConfig: GlobalConfig,
+    @Inject(TOAST_CONFIG) public toastConfig: GlobalConfig | any,
+    private overlay: Overlay,
+    private _injector: Injector,
+    private sanitizer: DomSanitizer,
+  ) {
+    tsConfig.serviceInstance = this;
+
+
+    function use<T>(source: T, defaultValue: T): T {
+      return toastConfig && source !== undefined ? source : defaultValue;
+    }
+    this.toastConfig = this.applyConfig(toastConfig);
+    // Global
+    this.toastConfig.maxOpened = use(this.toastConfig.maxOpened, 0);
+    this.toastConfig.autoDismiss = use(this.toastConfig.autoDismiss, false);
+    this.toastConfig.newestOnTop = use(this.toastConfig.newestOnTop, true);
+    this.toastConfig.preventDuplicates = use(this.toastConfig.preventDuplicates, false);
+    if (!this.toastConfig.iconClasses) {
+      this.toastConfig.iconClasses = {};
+    }
+    this.toastConfig.iconClasses.error = this.toastConfig.iconClasses.error || 'toast-error';
+    this.toastConfig.iconClasses.info = this.toastConfig.iconClasses.info || 'toast-info';
+    this.toastConfig.iconClasses.success = this.toastConfig.iconClasses.success || 'toast-success';
+    this.toastConfig.iconClasses.warning = this.toastConfig.iconClasses.warning || 'toast-warning';
+
+    // Individual
+    this.toastConfig.timeOut = use(this.toastConfig.timeOut, 5000);
+    this.toastConfig.closeButton = use(this.toastConfig.closeButton, false);
+    this.toastConfig.extendedTimeOut = use(this.toastConfig.extendedTimeOut, 1000);
+    this.toastConfig.progressBar = use(this.toastConfig.progressBar, false);
+    this.toastConfig.enableHtml = use(this.toastConfig.enableHtml, false);
+    this.toastConfig.toastClass = use(this.toastConfig.toastClass, 'toast');
+    this.toastConfig.positionClass = use(this.toastConfig.positionClass, 'toast-top-right');
+    this.toastConfig.titleClass = use(this.toastConfig.titleClass, 'toast-title');
+    this.toastConfig.messageClass = use(this.toastConfig.messageClass, 'toast-message');
+    this.toastConfig.tapToDismiss = use(this.toastConfig.tapToDismiss, true);
+    this.toastConfig.toastComponent = use(this.toastConfig.toastComponent, ToastComponent);
+    this.toastConfig.onActivateTick = use(this.toastConfig.onActivateTick, false);
+  }
+  /** show successful toast */
+  // show(message: string, title?: string, override?: IndividualConfig, type = '') {
+    show(message: string, title?: string | any, override?: IndividualConfig, type = '') {
+    return this._buildNotification(type, message, title, this.applyConfig(override));
+  }
+  /** show successful toast */
+  // success(message: string, title?: string, override?: IndividualConfig) {
+    success(message: string, title?: string | any, override?: IndividualConfig) {
+  //   const type = this.toastConfig.iconClasses.success;
+    const type: any = this.toastConfig.iconClasses.success;
+    return this._buildNotification(type, message, title, this.applyConfig(override));
+  }
+  /** show error toast */
+  // error(message: string, title?: string, override?: IndividualConfig) {
+    error(message: string, title?: string | any, override?: IndividualConfig) {
+  //   const type = this.toastConfig.iconClasses.error;
+    const type: any = this.toastConfig.iconClasses.error;
+    return this._buildNotification(type, message, title, this.applyConfig(override));
+  }
+  /** show info toast */
+  // info(message: string, title?: string, override?: IndividualConfig) {
+    info(message: string, title?: string | any, override?: IndividualConfig) {
+  //   const type = this.toastConfig.iconClasses.info;
+    const type: any = this.toastConfig.iconClasses.info;
+    return this._buildNotification(type, message, title, this.applyConfig(override));
+  }
+  /** show warning toast */
+  // warning(message: string, title?: string, override?: IndividualConfig) {
+    warning(message: string, title?: string | any, override?: IndividualConfig) {
+  //   const type = this.toastConfig.iconClasses.warning;
+    const type: any = this.toastConfig.iconClasses.warning;
+    return this._buildNotification(type, message, title, this.applyConfig(override));
+  }
+  /**
+   * Remove all or a single toast by id
+   */
+  clear(toastId?: number) {
+    // Call every toastRef manualClose function
+    let toast: any;
+    for (toast of this.toasts) {
+      if (toastId !== undefined) {
+        if (toast.toastId === toastId) {
+          toast.toastRef.manualClose();
+          return;
+        }
+      } else {
+        toast.toastRef.manualClose();
+      }
+    }
+  }
+  /**
+   * Remove and destroy a single toast by id
+   */
+  remove(toastId: number) {
+    // const found = this._findToast(toastId);
+    const found: any = this._findToast(toastId);
+    if (!found) {
+      return false;
+    }
+    found.activeToast.toastRef.close();
+    this.toasts.splice(found.index, 1);
+    this.currentlyActive = this.currentlyActive - 1;
+    if (!this.toastConfig.maxOpened || !this.toasts.length) {
+      return false;
+    }
+    if (this.currentlyActive <= +this.toastConfig.maxOpened && this.toasts[this.currentlyActive]) {
+      // const p = this.toasts[this.currentlyActive].toastRef;
+      const p: any = this.toasts[this.currentlyActive].toastRef;
+      if (!p.isInactive()) {
+        this.currentlyActive = this.currentlyActive + 1;
+        p.activate();
+      }
+    }
+    return true;
+  }
+
+  /**
+   * Determines if toast message is already shown
+   */
+  isDuplicate(message: string) {
+    for (let i = 0; i < this.toasts.length; i++) {
+      if (this.toasts[i].message === message) {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  /** create a clone of global config and apply individual settings */
+  private applyConfig(override: IndividualConfig = {}): GlobalConfig {
+    function use<T>(source: T, defaultValue: T): T {
+      return override && source !== undefined ? source : defaultValue;
+    }
+    const current: GlobalConfig = { ...this.toastConfig };
+    current.closeButton = use(override.closeButton, current.closeButton);
+    current.extendedTimeOut = use(override.extendedTimeOut, current.extendedTimeOut);
+    current.progressBar = use(override.progressBar, current.progressBar);
+    current.timeOut = use(override.timeOut, current.timeOut);
+    current.enableHtml = use(override.enableHtml, current.enableHtml);
+    current.toastClass = use(override.toastClass, current.toastClass);
+    current.positionClass = use(override.positionClass, current.positionClass);
+    current.titleClass = use(override.titleClass, current.titleClass);
+    current.messageClass = use(override.messageClass, current.messageClass);
+    current.tapToDismiss = use(override.tapToDismiss, current.tapToDismiss);
+    current.toastComponent = use(override.toastComponent, current.toastComponent);
+    current.onActivateTick = use(override.onActivateTick, current.onActivateTick);
+    return current;
+  }
+
+  /**
+   * Find toast object by id
+   */
+  private _findToast(toastId: number): { index: number, activeToast: ActiveToast } | null {
+    for (let i = 0; i < this.toasts.length; i++) {
+      if (this.toasts[i].toastId === toastId) {
+        return { index: i, activeToast: this.toasts[i] };
+      }
+    }
+    return null;
+  }
+
+  /**
+   * Creates and attaches toast data to component
+   * returns null if toast is duplicate and preventDuplicates == True
+   */
+  private _buildNotification(
+    toastType: string,
+    message: string,
+    title: string,
+    config: GlobalConfig,
+  ): ActiveToast | null | any {
+    // max opened and auto dismiss = true
+    if (this.toastConfig.preventDuplicates && this.isDuplicate(message)) {
+      return null;
+    }
+    this.previousToastMessage = message;
+    let keepInactive = false;
+    if (this.toastConfig.maxOpened && this.currentlyActive >= this.toastConfig.maxOpened) {
+      keepInactive = true;
+      if (this.toastConfig.autoDismiss) {
+        this.clear(this.toasts[this.toasts.length - 1].toastId);
+      }
+    }
+    const overlayRef = this.overlay.create(config.positionClass, this.overlayContainer);
+    this.index = this.index + 1;
+    // let sanitizedMessage = message;
+    let sanitizedMessage: any = message;
+    if (message && config.enableHtml) {
+      sanitizedMessage = this.sanitizer.sanitize(SecurityContext.HTML, message);
+    }
+    const toastRef = new ToastRef(overlayRef);
+    const toastPackage = new ToastPackage(
+      this.index,
+      config,
+      sanitizedMessage,
+      title,
+      toastType,
+      toastRef,
+    );
+    // const ins: ActiveToast = {
+      const ins: ActiveToast | any = {
+      toastId: this.index,
+      message,
+      toastRef,
+      onShown: toastRef.afterActivate(),
+      onHidden: toastRef.afterActivate(),
+      onTap: toastPackage.onTap(),
+      onAction: toastPackage.onAction(),
+    };
+    const toastInjector = new ToastInjector(toastPackage, this._injector);
+    const component = new ComponentPortal(config.toastComponent, toastInjector);
+    ins.portal = overlayRef.attach(component, this.toastConfig.newestOnTop);
+    if (!keepInactive) {
+      setTimeout(() => {
+        ins.toastRef.activate();
+        this.currentlyActive = this.currentlyActive + 1;
+      });
+    }
+    this.toasts.push(ins);
+    return ins;
+  }
+}
diff --git a/src/app/typescripts/pro/alerts/toast/toast.token.ts b/src/app/typescripts/pro/alerts/toast/toast.token.ts
new file mode 100644
index 0000000..26c3b77
--- /dev/null
+++ b/src/app/typescripts/pro/alerts/toast/toast.token.ts
@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+
+import { GlobalConfig } from './toast.config';
+
+export const TOAST_CONFIG = new InjectionToken<GlobalConfig>('ToastConfig');
diff --git a/src/app/typescripts/pro/animations/animations.component.ts b/src/app/typescripts/pro/animations/animations.component.ts
new file mode 100644
index 0000000..2c41d69
--- /dev/null
+++ b/src/app/typescripts/pro/animations/animations.component.ts
@@ -0,0 +1,73 @@
+
+import { trigger, state, style, transition, animate } from '@angular/animations';
+
+// SideNav
+export const slideIn: any = trigger('slideIn', [
+  state('inactive', style({ opacity: 0, transform: 'translateX(-300%)' })),
+  state('active', style({ opacity: 1, transform: 'translateX(0)' })),
+  transition('inactive => active', animate('500ms ease')),
+  transition('active => inactive', animate('500ms ease')),
+]);
+
+export const fadeIn: any = trigger('fadeIn', [
+  state('inactive', style({ opacity: 0 })),
+  state('active', style({ opacity: 1 })),
+  transition('inactive => active', animate('500ms ease')),
+  transition('active => inactive', animate('500ms ease')),
+]);
+
+export const slideOut: any = trigger('slideOut', [
+  state('inactive', style({ opacity: 0, transform: 'translateX(-300%)' })),
+  state('active', style({ opacity: 1, transform: 'translateX(0)' })),
+  transition('inactive => active', animate('500ms ease')),
+  transition('active => inactive', animate('500ms ease')),
+]);
+
+export const flipState: any = trigger('flipState', [
+
+  state('active', style({ transform: 'rotateY(179.9deg)' })),
+  state('inactive', style({ transform: 'rotateY(0)' })),
+]);
+
+// Rotating animation animation
+export const turnState: any = trigger('turnState', [
+  state('active', style({ transform: 'rotateY(179.9deg)' })),
+  state('inactive', style({ transform: 'rotateY(0)' })),
+]);
+
+// Social reveal animation
+export const iconsState: any = trigger('iconsState', [
+  state('isactive', style({ visibility: 'visible', transform: 'translate(-6%)' })),
+  state('isnotactive', style({ visibility: 'hidden', transform: 'translate(27%)' })),
+  transition('isactive => isnotactive', animate('100ms ease-in')),
+  transition('isnotactive => isactive', animate('200ms ease-out')),
+]);
+
+// Reveal animation animation
+export const socialsState: any = trigger('socialsState', [
+  state('active', style({ visibility: 'visible', transform: 'translateY(-100%)' })),
+  state('inactive', style({ visibility: 'hidden', transform: 'translateY(0)' })),
+  transition('* => void', animate('200ms ease-in')),
+  transition('void => *', animate('200ms ease-out')),
+]);
+
+// image popup
+// export const zoomState: any = trigger('zoomState', [
+//   state('active', style({ transform: 'scale(1, 1)', cursor: 'zoom-out' })),
+//   state('inactive', style({ transform: 'scale(0.9, 0.9)', cursor: 'zoom-in' })),
+//   transition('active => inactive', animate('300ms ease-in')),
+//   transition('inactive => active', animate('300ms ease-out')),
+// ]);
+
+// export const restartState: any = trigger('restartState', [
+//   state('inactive', style({ transform: 'scale(0.9, 0.9)' })),
+// ]);
+
+// alerts
+export const flyInOut: any = trigger('flyInOut', [
+  state('inactive', style({ display: 'none', opacity: 0.7 })),
+  state('active', style({ opacity: 0.7 })),
+  state('removed', style({ opacity: 0 })),
+  transition('inactive => active', animate('300ms ease-in')),
+  transition('active => removed', animate('300ms ease-in')),
+]);
diff --git a/src/app/typescripts/pro/autocomplete/completerModule.ts b/src/app/typescripts/pro/autocomplete/completerModule.ts
new file mode 100644
index 0000000..0f16260
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/completerModule.ts
@@ -0,0 +1,45 @@
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { HttpModule } from '@angular/http';
+import { CompleterComponent } from './components/completer.component';
+import { CompleterListItemComponent } from './components/completer-list-item.component';
+import { CompleterService } from './services/completer.service';
+import { LocalDataFactoryProvider, RemoteDataFactoryProvider } from './services/data-factory.service';
+import { MdbCompleterDirective } from './directives/completer.directive';
+import { MdbDropdownDirective } from './directives/dropdown.directive';
+import { MdbInputDirective } from './directives/input.directive';
+import { MdbListDirective } from './directives/list-context.directive';
+import { MdbRowDirective } from './directives/row.directive';
+import { CommonModule } from '@angular/common';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    HttpModule
+  ],
+  declarations: [
+    CompleterListItemComponent,
+    MdbCompleterDirective,
+    MdbDropdownDirective,
+    MdbInputDirective,
+    MdbListDirective,
+    MdbRowDirective,
+    CompleterComponent
+  ],
+  exports: [
+    CompleterComponent,
+    CompleterListItemComponent,
+    MdbCompleterDirective,
+    MdbDropdownDirective,
+    MdbInputDirective,
+    MdbListDirective,
+    MdbRowDirective
+  ],
+  providers: [
+    CompleterService,
+    LocalDataFactoryProvider,
+    RemoteDataFactoryProvider
+  ]
+})
+export class Ng2CompleterModule { }
diff --git a/src/app/typescripts/pro/autocomplete/components/completer-item.component.ts b/src/app/typescripts/pro/autocomplete/components/completer-item.component.ts
new file mode 100644
index 0000000..5f62071
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/components/completer-item.component.ts
@@ -0,0 +1,6 @@
+export interface CompleterItem {
+  title: string;
+  description?: string;
+  image?: string;
+  originalObject: any;
+};
diff --git a/src/app/typescripts/pro/autocomplete/components/completer-list-item.component.html b/src/app/typescripts/pro/autocomplete/components/completer-list-item.component.html
new file mode 100644
index 0000000..2ce90d2
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/components/completer-list-item.component.html
@@ -0,0 +1,3 @@
+<span class="completer-list-item-holder" [ngClass]="{'completer-title': type === 'title', 'completer-description': type === 'description'}" >
+  <span class="completer-list-item" *ngFor="let part of parts" [ngClass]="part.isMatch ? matchClass : null">{{part.text}}</span>
+</span>
diff --git a/src/app/typescripts/pro/autocomplete/components/completer-list-item.component.ts b/src/app/typescripts/pro/autocomplete/components/completer-list-item.component.ts
new file mode 100644
index 0000000..d28a978
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/components/completer-list-item.component.ts
@@ -0,0 +1,45 @@
+'use strict';
+import {Component, Input, OnInit} from '@angular/core';
+
+export interface MatchPart {
+  isMatch: boolean;
+  text: string;
+}
+
+@Component({
+  selector: 'mdb-completer-list-item',
+  templateUrl: 'completer-list-item.component.html'
+})
+export class CompleterListItemComponent implements OnInit {
+  @Input() public text: string;
+  @Input() public searchStr: string;
+  @Input() public matchClass: string;
+  @Input() public type: string;
+
+  public parts: MatchPart[] = [];
+  public ngOnInit(): any {
+    if (!this.searchStr) {
+      this.parts.push({ isMatch: false, text: this.text });
+      return;
+    }
+    const matchStr = this.text.toLowerCase();
+    let matchPos = matchStr.indexOf(this.searchStr.toLowerCase());
+    let startIndex = 0;
+    while (matchPos >= 0) {
+      const matchText = this.text.slice(matchPos, matchPos + this.searchStr.length);
+      if (matchPos === 0) {
+        this.parts.push({ isMatch: true, text: matchText });
+        startIndex += this.searchStr.length;
+      } else if (matchPos > 0) {
+        const matchPart = this.text.slice(startIndex, matchPos);
+        this.parts.push({ isMatch: false, text: matchPart });
+        this.parts.push({ isMatch: true, text: matchText });
+        startIndex += this.searchStr.length + matchPart.length;
+      }
+      matchPos = matchStr.indexOf(this.searchStr.toLowerCase(), startIndex);
+    }
+    if (startIndex < this.text.length) {
+       this.parts.push({ isMatch: false, text: this.text.slice(startIndex, this.text.length) });
+    }
+  }
+}
diff --git a/src/app/typescripts/pro/autocomplete/components/completer.component.html b/src/app/typescripts/pro/autocomplete/components/completer.component.html
new file mode 100644
index 0000000..e8d00e8
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/components/completer.component.html
@@ -0,0 +1,41 @@
+<div class="completer-holder md-form" mdbCompleter>
+  
+  <input #mdbInput [attr.id]="inputId.length > 0 ? inputId : null" type="search" class="completer-input form-control mdb-autocomplete" mdbInput [ngClass]="inputClass" 
+    [(ngModel)]="searchStr" (ngModelChange)="onChange($event)" [attr.name]="inputName" [placeholder]="placeholder"
+    [attr.maxlength]="maxChars" [tabindex]="fieldTabindex" [disabled]="disableInput" 
+    [clearSelected]="clearSelected" [clearUnselected]="clearUnselected"
+    [overrideSuggested]="overrideSuggested" [openOnFocus]="openOnFocus" [fillHighlighted]="fillHighlighted" 
+    (blur)="onBlur()" (focus)="onFocus()" (keyup)="onKeyup($event)" (keydown)="onKeydown($event)"
+    autocomplete="off" autocorrect="off" autocapitalize="off" />
+  <label [ngClass]="{'active': focused}">{{ label }}</label>
+  <div class="completer-dropdown-holder"
+    *mdbList="dataService;
+      minSearchLength: minSearchLength;
+      pause: pause;
+      autoMatch: autoMatch;
+      initialValue: initialValue;
+      autoHighlight: autoHighlight;
+      let items = results;
+      let searchActive = searching;
+      let isInitialized = searchInitialized;
+      let isOpen = isOpen;">
+    <div class="completer-dropdown" mdbDropdown *ngIf="isInitialized && isOpen && ((items.length > 0 || displayNoResults) || (searchActive && displaySearching))">
+      <div *ngIf="searchActive && displaySearching" class="completer-searching">{{_textSearching}}</div>
+      <div *ngIf="!searchActive && (!items || items.length === 0)" class="completer-no-results">{{_textNoResults}}</div>
+      <div class="completer-row-wrapper" *ngFor="let item of items; let rowIndex=index">
+        <div class="completer-row" [mdbRow]="rowIndex" [dataItem]="item">
+          <div *ngIf="item.image || item.image === ''" class="completer-image-holder">
+            <img *ngIf="item.image != ''" src="{{item.image}}" class="completer-image" />
+            <div *ngIf="item.image === ''" class="completer-image-default"></div>
+          </div>
+          <div class="completer-item-text" [ngClass]="{'completer-item-text-image': item.image || item.image === '' }">
+            <mdb-completer-list-item class="completer-title" [text]="item.title" [matchClass]="matchClass" [searchStr]="searchStr" [type]="'title'"></mdb-completer-list-item>
+            <mdb-completer-list-item *ngIf="item.description && item.description != ''" class="completer-description" [text]="item.description"
+              [matchClass]="matchClass" [searchStr]="searchStr" [type]="'description'">
+            </mdb-completer-list-item>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/src/app/typescripts/pro/autocomplete/components/completer.component.ts b/src/app/typescripts/pro/autocomplete/components/completer.component.ts
new file mode 100644
index 0000000..8dcd22d
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/components/completer.component.ts
@@ -0,0 +1,212 @@
+'use strict';
+import { AfterViewChecked, Component, Input, Output, EventEmitter, OnInit, ViewChild,
+ forwardRef, AfterViewInit, ElementRef } from '@angular/core';
+import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+import { MdbCompleterDirective } from '../directives/completer.directive';
+import { CompleterData } from '../services/completer-data.service';
+import { CompleterService } from '../services/completer.service';
+import { CompleterItem } from './completer-item.component';
+import { MAX_CHARS, MIN_SEARCH_LENGTH, PAUSE, TEXT_SEARCHING, TEXT_NO_RESULTS } from '../globals';
+
+
+import 'rxjs/add/operator/catch';
+
+const noop = () => { };
+
+const COMPLETER_CONTROL_VALUE_ACCESSOR = {
+  provide: NG_VALUE_ACCESSOR,
+  useExisting: forwardRef(() => CompleterComponent),
+  multi: true
+};
+
+
+@Component({
+  selector: 'mdb-completer',
+  templateUrl: './completer.component.html',
+  providers: [COMPLETER_CONTROL_VALUE_ACCESSOR]
+})
+export class CompleterComponent implements OnInit, ControlValueAccessor, AfterViewChecked, AfterViewInit {
+  @Input() public dataService: CompleterData;
+  @Input() public inputName = '';
+  @Input() public inputId = '';
+  @Input() public pause = PAUSE;
+  @Input() public minSearchLength = MIN_SEARCH_LENGTH;
+  @Input() public maxChars = MAX_CHARS;
+  @Input() public overrideSuggested = false;
+  @Input() public clearSelected = false;
+  @Input() public clearUnselected = false;
+  @Input() public fillHighlighted = true;
+  @Input() public placeholder = '';
+  @Input() public matchClass: string;
+  @Input() public fieldTabindex: number;
+  @Input() public autoMatch = false;
+  @Input() public disableInput = false;
+  @Input() public inputClass: string;
+  @Input() public autofocus = false;
+  @Input() public openOnFocus = false;
+  @Input() public initialValue: any;
+  @Input() public autoHighlight = false;
+  @Input() public label: string;
+
+  public focused = false;
+
+
+  @Output() public selected = new EventEmitter<CompleterItem>();
+  @Output() public highlighted = new EventEmitter<CompleterItem>();
+  @Output() public blur = new EventEmitter<void>();
+  @Output() public focusEvent = new EventEmitter<void>();
+  @Output() public opened = new EventEmitter<boolean>();
+  @Output() public keyup: EventEmitter<any> = new EventEmitter();
+  @Output() public keydown: EventEmitter<any> = new EventEmitter();
+
+  @ViewChild(MdbCompleterDirective) public completer: MdbCompleterDirective;
+  @ViewChild('mdbInput') public mdbInput: ElementRef;
+
+  public searchStr = '';
+  public control = new FormControl('');
+
+  //  displaySearching = true;
+  displaySearching: any = true;
+  //  displayNoResults = true;
+  displayNoResults: any = true;
+   _onTouchedCallback: () => void = noop;
+   _onChangeCallback: (_: any) => void = noop;
+   _focus = false;
+   _open = false;
+   _textNoResults = TEXT_NO_RESULTS;
+   _textSearching = TEXT_SEARCHING;
+
+  constructor(private completerService: CompleterService) { }
+
+  get value(): any { return this.searchStr; };
+
+  set value(v: any) {
+    if (v !== this.searchStr) {
+      this.searchStr = v;
+    }
+    // Propagate the change in any case
+    this._onChangeCallback(v);
+  }
+
+  public ngAfterViewInit() {
+    if (this.autofocus) {
+      this._focus = true;
+    }
+  }
+
+  public ngAfterViewChecked(): void {
+    if (this._focus) {
+      this.mdbInput.nativeElement.focus();
+      this._focus = false;
+    }
+  }
+
+  public onTouched() {
+    this._onTouchedCallback();
+  }
+
+  public writeValue(value: any) {
+    this.searchStr = value;
+  }
+
+  public registerOnChange(fn: any) {
+    this._onChangeCallback = fn;
+  }
+
+  public registerOnTouched(fn: any) {
+    this._onTouchedCallback = fn;
+  }
+
+  @Input()
+  public set datasource(source: CompleterData | string | Array<any>) {
+    if (source) {
+      if (source instanceof Array) {
+        this.dataService = this.completerService.local(source);
+      } else if (typeof (source) === 'string') {
+        this.dataService = this.completerService.remote(source);
+      } else {
+        this.dataService = source;
+      }
+    }
+  }
+
+  @Input()
+  public set textNoResults(text: string) {
+    if (this._textNoResults !== text) {
+      this._textNoResults = text;
+      this.displayNoResults = this._textNoResults && this._textNoResults !== 'false';
+    }
+  }
+
+  @Input()
+  public set textSearching(text: string) {
+    if (this._textSearching !== text) {
+      this._textSearching = text;
+      this.displaySearching = this._textSearching && this._textSearching !== 'false';
+    }
+  }
+
+  public ngOnInit() {
+    this.completer.selected.subscribe((item: CompleterItem) => {
+      this.selected.emit(item);
+    });
+    this.completer.highlighted.subscribe((item: CompleterItem) => {
+      this.highlighted.emit(item);
+    });
+    this.completer.opened.subscribe((isOpen: boolean) => {
+      this._open = isOpen;
+      this.opened.emit(isOpen);
+    });
+    if (this.initialValue) { // <- start workaround
+      this.searchStr = this.initialValue; //
+      this.onFocus(); // fix label
+      }// <- end workaround
+  }
+
+  public onBlur() {
+    this.blur.emit();
+    this.onTouched();
+    if (this.searchStr === undefined || this.searchStr === '') {
+      this.focused = false;
+    }
+  }
+
+  public onFocus() {
+    this.focusEvent.emit();
+    this.onTouched();
+    this.focused = true;
+  }
+
+  public onKeyup(event: any) {
+    this.keyup.emit(event);
+  }
+
+  public onKeydown(event: any) {
+    this.keydown.emit(event);
+  }
+
+  public onChange(value: string) {
+    this.value = value;
+  }
+
+  public open() {
+    this.completer.open();
+  }
+
+  public close() {
+    this.completer.clear();
+  }
+
+  public focus(): void {
+    if (this.mdbInput) {
+      this.mdbInput.nativeElement.focus();
+    } else {
+      this._focus = true;
+    }
+  }
+
+  public isOpen() {
+    return this._open;
+  }
+}
diff --git a/src/app/typescripts/pro/autocomplete/directives/completer.directive.ts b/src/app/typescripts/pro/autocomplete/directives/completer.directive.ts
new file mode 100644
index 0000000..3204ad8
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/directives/completer.directive.ts
@@ -0,0 +1,141 @@
+import { Directive, EventEmitter, Output } from '@angular/core';
+
+import { CompleterItem } from '../components/completer-item.component';
+
+export interface CompleterList {
+  search(term: string): void;
+  open(): void;
+  isOpen(open: boolean): void;
+  clear(): void;
+}
+
+export interface CompleterDropdown {
+  clear(): void;
+  selectCurrent(): void;
+  nextRow(): void;
+  prevRow(): void;
+}
+
+@Directive({
+  selector: '[mdbCompleter]',
+})
+export class MdbCompleterDirective {
+  @Output() public selected = new EventEmitter<CompleterItem>();
+  @Output() public highlighted = new EventEmitter<CompleterItem>();
+  @Output() public opened = new EventEmitter<boolean>();
+
+  private list: CompleterList;
+  private dropdown: CompleterDropdown;
+  private _hasHighlighted = false;
+  private _hasSelected = false;
+  private _cancelBlur = false;
+  private _isOpen = false;
+  private _autoHighlightIndex: number;
+
+  public setToNullValue: any = null;
+  public registerList(list: CompleterList) {
+    this.list = list;
+  }
+
+  public registerDropdown(dropdown: CompleterDropdown) {
+    this.dropdown = dropdown;
+  }
+
+  public onHighlighted(item: CompleterItem) {
+    this.highlighted.emit(item);
+    this._hasHighlighted = !!item;
+  }
+
+  public onSelected(item: CompleterItem, clearList = true) {
+    this.selected.emit(item);
+    if (item) {
+      this._hasSelected = true;
+    }
+    if (clearList) {
+      this.clear();
+    }
+  }
+
+  public search(term: string) {
+    if (this._hasSelected) {
+      // this.selected.emit(null);
+      this.selected.emit(this.setToNullValue);
+      this._hasSelected = false;
+    }
+    if (this.list) {
+      this.list.search(term);
+    }
+  }
+
+  public clear() {
+    if (this.dropdown) {
+      this.dropdown.clear();
+    }
+    if (this.list) {
+      this.list.clear();
+    }
+    this._hasHighlighted = false;
+    this.isOpen = false;
+  }
+
+  public selectCurrent() {
+    if (this.dropdown) {
+      this.dropdown.selectCurrent();
+    }
+  }
+
+  public nextRow() {
+    if (this.dropdown) {
+      this.dropdown.nextRow();
+    }
+  }
+
+  public prevRow() {
+    if (this.dropdown) {
+      this.dropdown.prevRow();
+    }
+  }
+
+  public hasHighlighted() {
+    return this._hasHighlighted;
+  }
+
+  public cancelBlur(cancel: boolean) {
+    this._cancelBlur = cancel;
+  }
+
+  public isCancelBlur() {
+    return this._cancelBlur;
+  }
+
+  public open() {
+    if (!this._isOpen) {
+      this.isOpen = true;
+      this.list.open();
+    }
+  }
+
+  public get isOpen() {
+    return this._isOpen;
+  }
+
+  public set isOpen(open: boolean) {
+    this._isOpen = open;
+    this.opened.emit(this._isOpen);
+    if (this.list) {
+      this.list.isOpen(open);
+    }
+  }
+
+  public get autoHighlightIndex() {
+    return this._autoHighlightIndex;
+  }
+
+  public set autoHighlightIndex(index: number) {
+    this._autoHighlightIndex = index;
+  }
+
+  public get hasSelected() {
+    return this._hasSelected;
+  }
+}
diff --git a/src/app/typescripts/pro/autocomplete/directives/dropdown.directive.ts b/src/app/typescripts/pro/autocomplete/directives/dropdown.directive.ts
new file mode 100644
index 0000000..b60b2d8
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/directives/dropdown.directive.ts
@@ -0,0 +1,170 @@
+import { AfterViewInit, Directive, ElementRef, Host, HostListener, OnDestroy, OnInit } from '@angular/core';
+
+import { CompleterItem } from '../components/completer-item.component';
+import { MdbCompleterDirective, CompleterDropdown } from './completer.directive';
+
+
+export interface CtrRowElement {
+  setHighlighted(selected: boolean): void;
+  getNativeElement(): any;
+  getDataItem(): CompleterItem;
+}
+
+export class CtrRowItem {
+  constructor(public row: CtrRowElement, public index: number) { }
+}
+
+@Directive({
+  selector: '[mdbDropdown]',
+})
+export class MdbDropdownDirective implements CompleterDropdown, OnDestroy, OnInit, AfterViewInit {
+
+  public setToNullValue: any = null;
+  private rows: CtrRowItem[] = [];
+  // private currHighlighted: CtrRowItem;
+  private currHighlighted: CtrRowItem | any;
+  // private isScrollOn: boolean;
+  private isScrollOn: boolean | any;
+
+  constructor( @Host() private completer: MdbCompleterDirective, private el: ElementRef) {
+    this.completer.registerDropdown(this);
+  }
+
+  public ngOnInit() {
+    const css = getComputedStyle(this.el.nativeElement);
+    this.isScrollOn = css.maxHeight && css.overflowY === 'auto';
+  }
+
+  public ngOnDestroy() {
+    // this.completer.registerDropdown(null);
+    this.completer.registerDropdown(this.setToNullValue);
+  }
+
+  public ngAfterViewInit() {
+    const autoHighlightIndex = this.completer.autoHighlightIndex;
+    if (autoHighlightIndex) {
+      setTimeout(
+        () => {
+          this.highlightRow(autoHighlightIndex);
+        },
+        0
+      );
+    }
+  }
+
+  @HostListener('mousedown', ['$event']) public onMouseDown() {
+    // Support for canceling blur on IE (issue #158)
+    this.completer.cancelBlur(true);
+    setTimeout(
+      () => {
+        this.completer.cancelBlur(false);
+      },
+      0
+    );
+  }
+
+  public registerRow(row: CtrRowItem) {
+    this.rows.push(row);
+  }
+
+  public highlightRow(index: number): any {
+
+    const highlighted = this.rows.find(row => row.index === index);
+
+    if (index < 0) {
+      if (this.currHighlighted) {
+        this.currHighlighted.row.setHighlighted(false);
+      }
+      this.currHighlighted = undefined;
+      this.completer.onHighlighted(this.setToNullValue);
+      return;
+    }
+
+    if (!highlighted) {
+      return;
+    }
+
+    if (this.currHighlighted) {
+      this.currHighlighted.row.setHighlighted(false);
+    }
+
+    this.currHighlighted = highlighted;
+    this.currHighlighted.row.setHighlighted(true);
+    this.completer.onHighlighted(this.currHighlighted.row.getDataItem());
+
+    if (this.isScrollOn && this.currHighlighted) {
+      const rowTop = this.dropdownRowTop();
+      if (rowTop < 0) {
+        this.dropdownScrollTopTo(rowTop - 1);
+      } else {
+        const row = this.currHighlighted.row.getNativeElement();
+        if (this.dropdownHeight() < row.getBoundingClientRect().bottom) {
+          this.dropdownScrollTopTo(this.dropdownRowOffsetHeight(row));
+          if (this.el.nativeElement.getBoundingClientRect().bottom - this.dropdownRowOffsetHeight(row)
+            < row.getBoundingClientRect().top) {
+            this.dropdownScrollTopTo(row.getBoundingClientRect().top - (this.el.nativeElement.getBoundingClientRect().top
+            // + parseInt(getComputedStyle(this.el.nativeElement).paddingTop, 10)));
+            + parseInt(getComputedStyle(this.el.nativeElement).paddingTop as any, 10)));
+          }
+        }
+      }
+    }
+  }
+
+  public clear() {
+    this.rows = [];
+  }
+
+  public onSelected(item: CompleterItem) {
+    this.completer.onSelected(item);
+  }
+
+  public selectCurrent() {
+    if (this.currHighlighted) {
+      this.onSelected(this.currHighlighted.row.getDataItem());
+    } else if (this.rows.length > 0) {
+      this.onSelected(this.rows[0].row.getDataItem());
+    }
+
+  }
+
+  public nextRow() {
+    let nextRowIndex = 0;
+    if (this.currHighlighted) {
+      nextRowIndex = this.currHighlighted.index + 1;
+    }
+    this.highlightRow(nextRowIndex);
+  }
+
+  public prevRow() {
+    let nextRowIndex = -1;
+    if (this.currHighlighted) {
+      nextRowIndex = this.currHighlighted.index - 1;
+    }
+    this.highlightRow(nextRowIndex);
+  }
+
+  private dropdownScrollTopTo(offset: any) {
+    this.el.nativeElement.scrollTop = this.el.nativeElement.scrollTop + offset;
+  }
+
+  private dropdownRowTop() {
+    return this.currHighlighted.row.getNativeElement().getBoundingClientRect().top -
+      (this.el.nativeElement.getBoundingClientRect().top +
+        // parseInt(getComputedStyle(this.el.nativeElement).paddingTop, 10));
+        parseInt(getComputedStyle(this.el.nativeElement).paddingTop as any, 10));
+  }
+
+  private dropdownHeight() {
+    return this.el.nativeElement.getBoundingClientRect().top +
+      // parseInt(getComputedStyle(this.el.nativeElement).maxHeight, 10);
+      parseInt(getComputedStyle(this.el.nativeElement).maxHeight as any, 10);
+  }
+
+  private dropdownRowOffsetHeight(row: any) {
+    const css = getComputedStyle(row);
+    return row.offsetHeight +
+      // parseInt(css.marginTop, 10) + parseInt(css.marginBottom, 10);
+      parseInt(css.marginTop as any, 10) + parseInt(css.marginBottom as any, 10);
+  }
+}
diff --git a/src/app/typescripts/pro/autocomplete/directives/input.directive.ts b/src/app/typescripts/pro/autocomplete/directives/input.directive.ts
new file mode 100644
index 0000000..8d5d2ac
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/directives/input.directive.ts
@@ -0,0 +1,191 @@
+import { Directive, ElementRef, EventEmitter, Host, HostListener, Input, Output } from '@angular/core';
+import { NgModel } from '@angular/forms';
+import { Observable } from 'rxjs/Observable';
+import { Subscription } from 'rxjs/Subscription';
+
+import { CompleterItem } from '../components/completer-item.component';
+import { MdbCompleterDirective } from './completer.directive';
+import { isNil } from '../globals';
+
+
+
+// keyboard events
+const KEY_DW = 40;
+const KEY_RT = 39;
+const KEY_UP = 38;
+const KEY_LF = 37;
+const KEY_ES = 27;
+const KEY_EN = 13;
+const KEY_TAB = 9;
+
+@Directive({
+  selector: '[mdbInput]',
+})
+export class MdbInputDirective {
+  @Input('clearSelected') public clearSelected = false;
+  @Input('clearUnselected') public clearUnselected = false;
+  @Input('overrideSuggested') public overrideSuggested = false;
+  @Input('fillHighlighted') public fillHighlighted = true;
+  @Input('openOnFocus') public openOnFocus = false;
+
+  @Output() public ngModelChange: EventEmitter<any> = new EventEmitter();
+  private _searchStr = '';
+  private _displayStr = '';
+  private ngModel: NgModel | any;
+  // private blurTimer: Subscription = null;
+  private blurTimer: Subscription | any = null;
+  // constructor( @Host() private completer: MdbCompleterDirective, private ngModel: NgModel, private el: ElementRef) {
+  constructor( @Host() private completer: MdbCompleterDirective, private tempngModel: NgModel, private el: ElementRef) {
+    this.ngModel = this.tempngModel;
+
+    this.completer.selected.subscribe((item: CompleterItem) => {
+      if (!item) {
+        return;
+      }
+      if (this.clearSelected) {
+        this.searchStr = '';
+      } else {
+        this.searchStr = item.title;
+      }
+      this.ngModelChange.emit(this.searchStr);
+    });
+    this.completer.highlighted.subscribe((item: CompleterItem) => {
+      if (this.fillHighlighted) {
+        if (item) {
+          this._displayStr = item.title;
+          this.ngModelChange.emit(item.title);
+        } else {
+          this._displayStr = this.searchStr;
+          this.ngModelChange.emit(this.searchStr);
+        }
+      }
+    });
+    // this.ngModel.valueChanges.subscribe(value => {
+    this.ngModel.valueChanges.subscribe((value: any) => {
+      if (!isNil(value) && this._displayStr !== value) {
+        if (this.searchStr !== value) {
+          this.completer.search(value);
+        }
+        this.searchStr = value;
+      }
+    });
+  }
+
+  @HostListener('keyup', ['$event'])
+  public keyupHandler(event: any): any {
+    if (event.keyCode === KEY_LF || event.keyCode === KEY_RT || event.keyCode === KEY_TAB) {
+      // do nothing
+      return;
+    }
+
+    if (event.keyCode === KEY_UP || event.keyCode === KEY_EN) {
+      event.preventDefault();
+    } else if (event.keyCode === KEY_DW) {
+      event.preventDefault();
+
+      this.completer.search(this.searchStr);
+    } else if (event.keyCode === KEY_ES) {
+      this.restoreSearchValue();
+      this.completer.clear();
+    } else {
+      if (this.searchStr) {
+        this.completer.open();
+      }
+    }
+  }
+
+  @HostListener('keydown', ['$event'])
+  public keydownHandler(event: any) {
+    if (event.keyCode === KEY_EN) {
+      if (this.completer.hasHighlighted()) {
+        event.preventDefault();
+      }
+      this.handleSelection();
+    } else if (event.keyCode === KEY_DW) {
+      event.preventDefault();
+      this.completer.open();
+      this.completer.nextRow();
+    } else if (event.keyCode === KEY_UP) {
+      event.preventDefault();
+      this.completer.prevRow();
+    } else if (event.keyCode === KEY_TAB) {
+      this.handleSelection();
+    } else if (event.keyCode === KEY_ES) {
+      // This is very specific to IE10/11 #272
+      // without this, IE clears the input text
+      event.preventDefault();
+    }
+  }
+
+  @HostListener('blur', ['$event'])
+  public onBlur(): any {
+    // Check if we need to cancel Blur for IE
+    if (this.completer.isCancelBlur()) {
+      setTimeout(
+        () => {
+          // get the focus back
+          this.el.nativeElement.focus();
+        },
+        0
+      );
+      return;
+    }
+    this.blurTimer = Observable.timer(200).subscribe(
+      () => {
+        this.blurTimer.unsubscribe();
+        this.blurTimer = null;
+        if (this.overrideSuggested) {
+          this.completer.onSelected({ title: this.searchStr, originalObject: null });
+        } else {
+          if (this.clearUnselected && !this.completer.hasSelected) {
+            this.searchStr = '';
+            this.el.nativeElement.value = '';
+          } else {
+            this.restoreSearchValue();
+          }
+        }
+        this.completer.clear();
+      }
+    );
+  }
+
+  @HostListener('focus', ['$event'])
+  public onfocus() {
+    if (this.blurTimer) {
+      this.blurTimer.unsubscribe();
+      this.blurTimer = null;
+    }
+    if (this.openOnFocus) {
+      this.completer.open();
+    }
+  }
+
+  public get searchStr() {
+    return this._searchStr;
+  }
+
+  public set searchStr(term: string) {
+    this._searchStr = term;
+    this._displayStr = term;
+  }
+
+  private handleSelection() {
+    if (this.completer.hasHighlighted()) {
+      this._searchStr = '';
+      this.completer.selectCurrent();
+    } else if (this.overrideSuggested) {
+      this.completer.onSelected({ title: this.searchStr, originalObject: null });
+    } else {
+      this.completer.clear();
+    }
+  }
+
+  private restoreSearchValue() {
+    if (this.fillHighlighted) {
+      if (this._displayStr !== this.searchStr) {
+        this._displayStr = this.searchStr;
+        this.ngModelChange.emit(this.searchStr);
+      }
+    }
+  }
+}
diff --git a/src/app/typescripts/pro/autocomplete/directives/list-context.directive.ts b/src/app/typescripts/pro/autocomplete/directives/list-context.directive.ts
new file mode 100644
index 0000000..4f54be6
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/directives/list-context.directive.ts
@@ -0,0 +1,218 @@
+import 'rxjs/add/observable/timer';
+import { ChangeDetectorRef, Directive, Host, Input, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Observable } from 'rxjs/Observable';
+import { Subscription } from 'rxjs/Subscription';
+
+
+import { MdbCompleterDirective, CompleterList } from './completer.directive';
+import { CompleterData } from '../services/completer-data.service';
+import { CompleterItem } from '../components/completer-item.component';
+import { MIN_SEARCH_LENGTH, PAUSE, CLEAR_TIMEOUT, isNil } from '../globals';
+
+
+export class CtrListContext {
+  constructor(
+    public results: CompleterItem[],
+    public searching: boolean,
+    public searchInitialized: boolean,
+    public isOpen: boolean
+  ) { }
+}
+
+@Directive({
+  selector: '[mdbList]',
+})
+export class MdbListDirective implements OnInit, CompleterList {
+  @Input() public mdbListMinSearchLength = MIN_SEARCH_LENGTH;
+  @Input() public mdbListPause = PAUSE;
+  @Input() public mdbListAutoMatch = false;
+  @Input() public mdbListAutoHighlight: any = false;
+
+  // private _dataService: CompleterData ;
+  private _dataService: CompleterData | any;
+  // private results: CompleterItem[] = [];
+  public setToNullValue: any = null;
+  // private term: string = null;
+  private term: string | any = null;
+  // private searching = false;
+  // private searchTimer: Subscription = null;
+  private searchTimer: Subscription | any = null;
+  // private clearTimer: Subscription = null;
+  private clearTimer: Subscription | any = null;
+  private ctx = new CtrListContext([], false, false, false);
+  private _initialValue: any = null;
+  private completer: MdbCompleterDirective | any;
+  constructor(
+    // @Host() private completer: MdbCompleterDirective,
+    @Host() private tmpCompleter: MdbCompleterDirective,
+    private templateRef: TemplateRef<CtrListContext>,
+    private viewContainer: ViewContainerRef,
+    private cd: ChangeDetectorRef) {
+      this.completer = this.tmpCompleter;
+    }
+
+  public ngOnInit() {
+    this.completer.registerList(this);
+    this.viewContainer.createEmbeddedView(
+      this.templateRef,
+      new CtrListContext([], false, false, false)
+    );
+  }
+
+  @Input('mdbList')
+  public set dataService(newService: CompleterData) {
+    this._dataService = newService;
+    if (this._dataService) {
+      this._dataService
+        // .catch(err => this.handleError(err))
+        .catch((err: any) => this.handleError(err))
+        // .subscribe(results => {
+        .subscribe((results: any) => {
+          this.ctx.searchInitialized = true;
+          this.ctx.searching = false;
+          this.ctx.results = results;
+          if (this.mdbListAutoMatch && results.length === 1 && results[0].title && !isNil(this.term) &&
+            results[0].title.toLocaleLowerCase() === this.term.toLocaleLowerCase()) {
+            // Do automatch
+            this.completer.onSelected(results[0]);
+          }
+          if (this._initialValue) {
+            this.initialValue = this._initialValue;
+            // this._initialValue = null;
+            this._initialValue = this.setToNullValue;
+          }
+          if (this.mdbListAutoHighlight) {
+            this.completer.autoHighlightIndex = this.getBestMatchIndex();
+          }
+          this.refreshTemplate();
+        });
+    }
+  }
+
+  @Input('mdbListInitialValue')
+  public set initialValue(value: any) {
+    if (this._dataService && typeof this._dataService.convertToItem === 'function') {
+      setTimeout(() => {
+        const initialItem = this._dataService.convertToItem(value);
+        if (initialItem) {
+          this.completer.onSelected(initialItem, false);
+        }
+      });
+    } else if (!this._dataService) {
+      this._initialValue = value;
+    }
+  }
+
+  public search(term: string) {
+    if (!isNil(term) && term.length >= this.mdbListMinSearchLength && this.term !== term) {
+      if (this.searchTimer) {
+        this.searchTimer.unsubscribe();
+        this.searchTimer = null;
+      }
+      if (!this.ctx.searching) {
+        this.ctx.results = [];
+        this.ctx.searching = true;
+        this.ctx.searchInitialized = true;
+        this.refreshTemplate();
+      }
+      if (this.clearTimer) {
+        this.clearTimer.unsubscribe();
+      }
+      this.searchTimer = Observable.timer(this.mdbListPause).subscribe(() => {
+        this.searchTimerComplete(term);
+      });
+    } else if (!isNil(term) && term.length < this.mdbListMinSearchLength) {
+      this.clear();
+    }
+  }
+
+  public clear() {
+    if (this.searchTimer) {
+      this.searchTimer.unsubscribe();
+    }
+    this.clearTimer = Observable.timer(CLEAR_TIMEOUT).subscribe(() => {
+      this._clear();
+    });
+  }
+
+  public open() {
+    if (!this.ctx.searchInitialized) {
+      this.search('');
+    }
+    this.refreshTemplate();
+  }
+
+  public isOpen(open: boolean) {
+    this.ctx.isOpen = open;
+  }
+
+  private _clear() {
+    if (this.searchTimer) {
+      this.searchTimer.unsubscribe();
+      this.searchTimer = null;
+    }
+    if (this.dataService) {
+      this.dataService.cancel();
+    }
+
+    this.viewContainer.clear();
+  }
+
+  private searchTimerComplete(term: string): any {
+    // Begin the search
+    if (isNil(term) || term.length < this.mdbListMinSearchLength) {
+      this.ctx.searching = false;
+      return;
+    }
+    this.term = term;
+    this._dataService.search(term);
+  }
+
+  private handleError(error: any) {
+    this.ctx.searching = false;
+    let errMsg = 'search error';
+    if (error) {
+      errMsg = (error.message) ? error.message :
+        error.status ? `${error.status} - ${error.statusText}` : 'Server error';
+    }
+
+    if (console && console.error) {
+      console.error(errMsg); // log to console
+    }
+    this.refreshTemplate();
+
+    return Observable.throw(errMsg);
+  }
+
+  private refreshTemplate() {
+    // Recreate the template
+    this.viewContainer.clear();
+    if (this.ctx.results && this.ctx.isOpen) {
+      this.viewContainer.createEmbeddedView(
+        this.templateRef,
+        this.ctx
+      );
+    }
+    this.cd.markForCheck();
+  }
+
+  private getBestMatchIndex() {
+    if (!this.ctx.results) {
+      return null;
+    }
+
+    // First try to find the exact term
+    let bestMatch = this.ctx.results.findIndex(item => item.title.toLowerCase() === this.term.toLocaleLowerCase());
+    // If not try to find the first item that starts with the term
+    if (bestMatch < 0) {
+      bestMatch = this.ctx.results.findIndex(item => item.title.toLowerCase().startsWith(this.term.toLocaleLowerCase()));
+    }
+    // If not try to find the first item that includes the term
+    if (bestMatch < 0) {
+      bestMatch = this.ctx.results.findIndex(item => item.title.toLowerCase().includes(this.term.toLocaleLowerCase()));
+    }
+
+    return bestMatch < 0 ? null : bestMatch;
+  }
+
+}
diff --git a/src/app/typescripts/pro/autocomplete/directives/row.directive.ts b/src/app/typescripts/pro/autocomplete/directives/row.directive.ts
new file mode 100644
index 0000000..da07ff5
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/directives/row.directive.ts
@@ -0,0 +1,51 @@
+import { Directive, ElementRef, Host, HostListener, Input, Renderer, OnInit } from '@angular/core';
+
+import { CompleterItem } from '../components/completer-item.component';
+import { MdbDropdownDirective, CtrRowElement, CtrRowItem } from './dropdown.directive';
+
+@Directive({
+  selector: '[mdbRow]',
+})
+export class MdbRowDirective implements CtrRowElement, OnInit {
+
+  private selected = false;
+  private _rowIndex: number;
+  private _item: CompleterItem;
+
+  constructor(private el: ElementRef, private renderer: Renderer, @Host() private dropdown: MdbDropdownDirective) { }
+
+  public ngOnInit() {
+    this.dropdown.registerRow(new CtrRowItem(this, this._rowIndex));
+  }
+
+  @Input()
+  set mdbRow(index: number) {
+    this._rowIndex = index;
+  }
+
+  @Input()
+  set dataItem(item: CompleterItem) {
+    this._item = item;
+  }
+
+  @HostListener('click', ['$event']) public onClick() {
+    this.dropdown.onSelected(this._item);
+  }
+
+  @HostListener('mouseenter', ['$event']) public onMouseEnter() {
+    this.dropdown.highlightRow(this._rowIndex);
+  }
+
+  public setHighlighted(selected: boolean) {
+    this.selected = selected;
+    this.renderer.setElementClass(this.el.nativeElement, 'completer-selected-row', this.selected);
+  }
+
+  public getNativeElement() {
+    return this.el.nativeElement;
+  }
+
+  public getDataItem() {
+    return this._item;
+  }
+}
diff --git a/src/app/typescripts/pro/autocomplete/globals.ts b/src/app/typescripts/pro/autocomplete/globals.ts
new file mode 100644
index 0000000..755db46
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/globals.ts
@@ -0,0 +1,10 @@
+export const MAX_CHARS = 524288;  // the default max length per the html maxlength attribute
+export const MIN_SEARCH_LENGTH = 3;
+export const PAUSE = 100;
+export const TEXT_SEARCHING = 'Searching...';
+export const TEXT_NO_RESULTS = 'No results found';
+export const CLEAR_TIMEOUT = 50;
+
+export function isNil(value: string) {
+  return typeof value === 'undefined' || value === null;
+};
diff --git a/src/app/typescripts/pro/autocomplete/index.ts b/src/app/typescripts/pro/autocomplete/index.ts
new file mode 100644
index 0000000..7e12133
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/index.ts
@@ -0,0 +1,16 @@
+export {Ng2CompleterModule} from './completerModule';
+
+export {CompleterComponent} from './components/completer.component';
+export {CompleterListItemComponent} from './components/completer-list-item.component';
+export {CompleterService} from './services/completer.service';
+export {CompleterData} from './services/completer-data.service';
+export {localDataFactory, LocalDataFactoryProvider, remoteDataFactory, RemoteDataFactoryProvider} from './services/data-factory.service';
+export {CompleterItem} from './components/completer-item.component';
+export {LocalData} from './services/local-data.service';
+export {RemoteData} from './services/remote-data.service';
+export {CompleterBaseData} from './services/base-data.service';
+export {MdbCompleterDirective} from './directives/completer.directive';
+export {MdbDropdownDirective} from './directives/dropdown.directive';
+export {MdbInputDirective} from './directives/input.directive';
+export {MdbListDirective} from './directives/list-context.directive';
+export {MdbRowDirective} from './directives/row.directive';
diff --git a/src/app/typescripts/pro/autocomplete/services/base-data.service.ts b/src/app/typescripts/pro/autocomplete/services/base-data.service.ts
new file mode 100644
index 0000000..1a62011
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/services/base-data.service.ts
@@ -0,0 +1,134 @@
+import { Subject } from 'rxjs/Subject';
+
+import { CompleterItem } from '../components/completer-item.component';
+import { CompleterData } from './completer-data.service';
+import { isNil } from '../globals';
+
+export abstract class CompleterBaseData extends Subject<CompleterItem[]> implements CompleterData {
+
+
+  protected _searchFields: string;
+  protected _titleField: string;
+  protected _descriptionField: string;
+  protected _imageField: string;
+
+  constructor() {
+    super();
+  }
+
+  public abstract search(term: string): void;
+
+  public cancel() { }
+
+  public searchFields(searchFields: string) {
+    this._searchFields = searchFields;
+    return this;
+  }
+
+  public titleField(titleField: string) {
+    this._titleField = titleField;
+    return this;
+  }
+
+  public descriptionField(descriptionField: string) {
+    this._descriptionField = descriptionField;
+    return this;
+  }
+
+  public imageField(imageField: string) {
+    this._imageField = imageField;
+    return this;
+  }
+
+  public convertToItem(data: any) {
+    // let image: string = null;
+    let image: string | any = null;
+    let formattedText: string;
+    // let formattedDesc: string;
+    let formattedDesc: string | any;
+
+    if (this._titleField) {
+      formattedText = this.extractTitle(data);
+    } else {
+      formattedText = data;
+    }
+
+    if (this._descriptionField) {
+      formattedDesc = this.extractValue(data, this._descriptionField);
+    }
+
+    if (this._imageField) {
+      image = this.extractValue(data, this._imageField);
+    }
+
+    if (isNil(formattedText)) {
+      return null;
+    }
+
+    return {
+      title: formattedText,
+      description: formattedDesc,
+      image: image,
+      originalObject: data
+    } as CompleterItem;
+
+  }
+
+  protected extractMatches(data: any[], term: string) {
+    let matches: any[] = [];
+    const searchFields = this._searchFields ? this._searchFields.split(',') : null;
+    if (this._searchFields !== null && this._searchFields !== undefined && term !== '') {
+      matches = data.filter(item => {
+        const values: any[] = searchFields ?
+        searchFields.map(searchField => this.extractValue(item, searchField)).filter(value => !!value) : [item];
+        return values.some(value => value.toString().toLowerCase().indexOf(term.toString().toLowerCase()) >= 0);
+      });
+    } else {
+      matches = data;
+    }
+
+
+    return matches;
+  }
+
+  protected extractTitle(item: any) {
+    // split title fields and run extractValue for each and join with ' '
+    return this._titleField.split(',')
+      .map((field) => {
+        return this.extractValue(item, field);
+      })
+      .reduce((acc, titlePart) => acc ? `${acc} ${titlePart}` : titlePart);
+  }
+
+  protected extractValue(obj: any, key: string) {
+    let keys: string[];
+    let result: any;
+    if (key) {
+      keys = key.split('.');
+      result = obj;
+      for (let i = 0; i < keys.length; i++) {
+        if (result) {
+          result = result[keys[i]];
+        }
+      }
+    } else {
+      result = obj;
+    }
+    return result;
+  }
+
+  protected processResults(matches: string[]): CompleterItem[] {
+    let i: number;
+    const results: CompleterItem[] = [];
+
+    if (matches && matches.length > 0) {
+      for (i = 0; i < matches.length; i++) {
+        const item = this.convertToItem(matches[i]);
+        if (item) {
+          results.push(item);
+        }
+      }
+    }
+    return results;
+  }
+}
diff --git a/src/app/typescripts/pro/autocomplete/services/completer-data.service.ts b/src/app/typescripts/pro/autocomplete/services/completer-data.service.ts
new file mode 100644
index 0000000..63209de
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/services/completer-data.service.ts
@@ -0,0 +1,10 @@
+import {Observable} from 'rxjs/Observable';
+
+import { CompleterItem } from '../components/completer-item.component';
+
+export interface CompleterData extends Observable<CompleterItem[]> {
+  search(term: string): void;
+  cancel(): void;
+  // convertToItem?(data: any): CompleterItem;
+  convertToItem?(data: any): CompleterItem | any;
+}
diff --git a/src/app/typescripts/pro/autocomplete/services/completer.service.ts b/src/app/typescripts/pro/autocomplete/services/completer.service.ts
new file mode 100644
index 0000000..9a30b78
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/services/completer.service.ts
@@ -0,0 +1,32 @@
+import {Injectable, Inject} from '@angular/core';
+import { Observable } from 'rxjs/Observable';
+
+import {LocalData} from './local-data.service';
+import {RemoteData} from './remote-data.service';
+
+
+@Injectable()
+export class CompleterService {
+  constructor(
+    @Inject(LocalData) private localDataFactory: any, // Using any instead of () => LocalData because on AoT errors
+    @Inject(RemoteData) private remoteDataFactory: any // Using any instead of () => LocalData because on AoT errors
+  ) { }
+
+  public local(data: any[] | Observable<any>, searchFields = '', titleField = ''): LocalData {
+
+    const localData = this.localDataFactory();
+    return localData
+      .data(data)
+      .searchFields(searchFields)
+      .titleField(titleField);
+  }
+
+  public remote(url: string, searchFields = '', titleField = ''): RemoteData {
+
+    const remoteData = this.remoteDataFactory();
+    return remoteData
+      .remoteUrl(url)
+      .searchFields(searchFields)
+      .titleField(titleField);
+  }
+}
diff --git a/src/app/typescripts/pro/autocomplete/services/data-factory.service.ts b/src/app/typescripts/pro/autocomplete/services/data-factory.service.ts
new file mode 100644
index 0000000..25b408a
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/services/data-factory.service.ts
@@ -0,0 +1,20 @@
+import {Http} from '@angular/http';
+
+import {LocalData} from './local-data.service';
+import {RemoteData} from './remote-data.service';
+
+
+export function localDataFactory () {
+  return () => {
+    return new LocalData();
+  };
+}
+
+export function remoteDataFactory (http: Http) {
+  return () => {
+    return new RemoteData(http);
+  };
+}
+
+export let LocalDataFactoryProvider = {provide: LocalData, useFactory: localDataFactory};
+export let RemoteDataFactoryProvider = {provide: RemoteData, useFactory: remoteDataFactory, deps: [Http]};
diff --git a/src/app/typescripts/pro/autocomplete/services/local-data.service.ts b/src/app/typescripts/pro/autocomplete/services/local-data.service.ts
new file mode 100644
index 0000000..d8cfc95
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/services/local-data.service.ts
@@ -0,0 +1,47 @@
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs/Observable';
+
+import { CompleterBaseData } from './base-data.service';
+import { CompleterItem } from '../components/completer-item.component';
+
+@Injectable()
+export class LocalData extends CompleterBaseData {
+
+  private _data: any[];
+  // private savedTerm: string;
+  private savedTerm: string | any;
+
+  constructor() {
+    super();
+  }
+
+  public data(data: any[] | Observable<any[]>) {
+    if (data instanceof Observable) {
+      (<Observable<any[]>>data).subscribe((res) => {
+        this._data = res;
+        if (this.savedTerm) {
+          this.search(this.savedTerm);
+        }
+      });
+    } else {
+      this._data = <any[]>data;
+    }
+
+    return this;
+  }
+
+  public search(term: string): void {
+    if (!this._data) {
+      this.savedTerm = term;
+    } else {
+      this.savedTerm = null;
+      const matches: any[] = this.extractMatches(this._data, term);
+      this.next(this.processResults(matches));
+    }
+  }
+
+  // public convertToItem(data: any): CompleterItem {
+    public convertToItem(data: any): CompleterItem | any {
+    return super.convertToItem(data);
+  }
+}
diff --git a/src/app/typescripts/pro/autocomplete/services/remote-data.service.ts b/src/app/typescripts/pro/autocomplete/services/remote-data.service.ts
new file mode 100644
index 0000000..f46a0f0
--- /dev/null
+++ b/src/app/typescripts/pro/autocomplete/services/remote-data.service.ts
@@ -0,0 +1,100 @@
+import { Http, Response, Headers, RequestOptions } from '@angular/http';
+import { Subscription } from 'rxjs/Subscription';
+import 'rxjs/add/operator/map';
+import 'rxjs/add/operator/catch';
+
+import { CompleterBaseData } from './base-data.service';
+import { CompleterItem } from '../components/completer-item.component';
+
+export class RemoteData extends CompleterBaseData {
+  public setToNullValue: any = null;
+  private _remoteUrl: string;
+  private remoteSearch: Subscription;
+  // private _urlFormater: (term: string) => string | any = null;
+  private _urlFormater: (term: string) => string | any = this.setToNullValue;
+  // private _dataField: string = null;
+  private _dataField: string | any = null;
+  private _headers: Headers;
+  private _requestOptions: RequestOptions;
+
+
+  constructor(private http: Http) {
+    super();
+  }
+
+  public remoteUrl(remoteUrl: string) {
+    this._remoteUrl = remoteUrl;
+    return this;
+  }
+
+  public urlFormater(urlFormater: (term: string) => string) {
+    this._urlFormater = urlFormater;
+  }
+
+  public dataField(dataField: string) {
+    this._dataField = dataField;
+  }
+
+  /**
+   * @deprecated Please use the requestOptions to pass headers with the search request
+   */
+  public headers(headers: Headers) {
+    this._headers = headers;
+  }
+
+  public requestOptions(requestOptions: RequestOptions) {
+    this._requestOptions = requestOptions;
+  }
+
+  public search(term: string): void {
+    this.cancel();
+    // let params = {};
+    let url = '';
+    if (this._urlFormater) {
+      url = this._urlFormater(term);
+    } else {
+      url = this._remoteUrl + encodeURIComponent(term);
+    }
+
+    /*
+     * If requestOptions are provided, they will override anything set in headers.
+     *
+     * If no requestOptions are provided, a new RequestOptions object will be instantiated,
+     * and either the provided headers or a new Headers() object will be sent.
+     */
+    if (!this._requestOptions) {
+      this._requestOptions = new RequestOptions();
+      this._requestOptions.headers = this._headers || new Headers();
+    }
+
+    this.remoteSearch = this.http.get(url, this._requestOptions)
+      .map((res: Response) => res.json())
+      .map((data: any) => {
+        const matches = this.extractValue(data, this._dataField);
+        return this.extractMatches(matches, term);
+      })
+      .map(
+      (matches: any[]) => {
+        const results = this.processResults(matches);
+        this.next(results);
+        return results;
+      })
+      .catch((err) => {
+        this.error(err);
+        // return null;
+        return this.setToNullValue;
+      })
+      .subscribe();
+  }
+
+  public cancel() {
+    if (this.remoteSearch) {
+      this.remoteSearch.unsubscribe();
+    }
+  }
+
+  // public convertToItem(data: any): CompleterItem {
+    public convertToItem(data: any): CompleterItem | any {
+    return super.convertToItem(data);
+  }
+}
diff --git a/src/app/typescripts/pro/cards/card-reveal.component.html b/src/app/typescripts/pro/cards/card-reveal.component.html
new file mode 100644
index 0000000..d11a72c
--- /dev/null
+++ b/src/app/typescripts/pro/cards/card-reveal.component.html
@@ -0,0 +1,8 @@
+<div class="card-overflow col-12">
+  <div class="card-front">
+    <ng-content select="card-front" ></ng-content>
+  </div>
+  <div class="card-revealed" *ngIf="show" [@socialsState]="socials" >
+    <ng-content select="card-revealed" ></ng-content>
+  </div>
+</div>
diff --git a/src/app/typescripts/pro/cards/card-reveal.component.ts b/src/app/typescripts/pro/cards/card-reveal.component.ts
new file mode 100644
index 0000000..01f5e38
--- /dev/null
+++ b/src/app/typescripts/pro/cards/card-reveal.component.ts
@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import { socialsState } from '../animations/animations.component';
+
+@Component({
+  selector: 'mdb-card-reveal',
+  templateUrl: 'card-reveal.component.html',
+  animations: [socialsState]
+})
+
+export class CardRevealComponent {
+  public socials: any;
+  public show: boolean;
+
+  toggle() {
+    this.show = !this.show;
+    this.socials = (this.socials === 'active') ? 'inactive' : 'active';
+  }
+}
diff --git a/src/app/typescripts/pro/cards/card-rotating.component.html b/src/app/typescripts/pro/cards/card-rotating.component.html
new file mode 100644
index 0000000..18dc506
--- /dev/null
+++ b/src/app/typescripts/pro/cards/card-rotating.component.html
@@ -0,0 +1,5 @@
+<div class="flip-container card-wrapper" [ngClass]="{'rotate': rotate}">
+  <div class="flipper card-rotating effect__click tp-box">
+    <ng-content></ng-content>
+  </div>
+</div>
diff --git a/src/app/typescripts/pro/cards/card-rotating.component.ts b/src/app/typescripts/pro/cards/card-rotating.component.ts
new file mode 100644
index 0000000..08eb7c4
--- /dev/null
+++ b/src/app/typescripts/pro/cards/card-rotating.component.ts
@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'mdb-card-rotating',
+  templateUrl: 'card-rotating.component.html'
+})
+
+export class CardRotatingComponent {
+  public rotate = false;
+
+  toggle() {
+    this.rotate = !this.rotate;
+  }
+}
diff --git a/src/app/typescripts/pro/cards/cards.module.ts b/src/app/typescripts/pro/cards/cards.module.ts
new file mode 100644
index 0000000..c7f9734
--- /dev/null
+++ b/src/app/typescripts/pro/cards/cards.module.ts
@@ -0,0 +1,16 @@
+import { NgModule, ModuleWithProviders } from '@angular/core';
+import { CommonModule  } from '@angular/common';
+
+import { CardRevealComponent } from './card-reveal.component';
+import { CardRotatingComponent } from './card-rotating.component';
+
+@NgModule({
+  imports: [CommonModule],
+  declarations: [ CardRevealComponent, CardRotatingComponent],
+  exports: [CardRevealComponent, CardRotatingComponent]
+})
+export class CardsModule {
+  public static forRoot(): ModuleWithProviders {
+  return {ngModule: CardsModule, providers: []};
+  }
+}
diff --git a/src/app/typescripts/pro/cards/index.ts b/src/app/typescripts/pro/cards/index.ts
new file mode 100644
index 0000000..c80a466
--- /dev/null
+++ b/src/app/typescripts/pro/cards/index.ts
@@ -0,0 +1,3 @@
+export { CardsModule } from './cards.module';
+export { CardRevealComponent } from './card-reveal.component';
+export { CardRotatingComponent } from './card-rotating.component';
diff --git a/src/app/typescripts/pro/date-picker/datapicker.component.html b/src/app/typescripts/pro/date-picker/datapicker.component.html
new file mode 100644
index 0000000..da7805e
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/datapicker.component.html
@@ -0,0 +1,85 @@
+<!-- Line 27: Deleted (focus)="onFocusInput($event)" for better use in Firefox. If other strange problems will occur, please paste it in line 27. -->
+<div class="mydp picker" [ngClass]="{'picker--opened': showSelector}" [ngStyle]="{'width': opts.width}">
+  <div class="md-form">
+    <label *ngIf="label.length > 0" 
+        [ngClass]="{
+          'active': checkActive(),
+          'disabled': opts.componentDisabled
+        }">{{ label }}</label>
+    <input 
+      type="text" 
+      class="form-control mydp-date" 
+      [attr.aria-label]="opts.ariaLabelInputField" 
+      (click)="openBtnClicked()" 
+      [attr.maxlength]="opts.dateFormat.length" 
+      [ngClass]="{
+        'selectiondisabled': opts.componentDisabled,
+        'disabled': opts.componentDisabled
+      }"
+      placeholder="{{ placeholder }}" 
+      [ngModel]="selectionDayTxt" 
+      (ngModelChange)="onUserDateInput($event)" 
+      [value]="selectionDayTxt" 
+      [ngStyle]="{
+        'height': opts.height, 
+        'font-size': opts.selectionTxtFontSize
+      }"
+      
+      (blur)="onBlurInput($event)" 
+      [disabled]="opts.componentDisabled" 
+      autocomplete="off">
+  </div>
+<div class="selector picker__holder selectorarrow selectorarrowleft selectorarrowright" #divFocus [ngClass]="{'alignselectorright': opts.alignSelectorRight}" tabindex="0">
+  <div class="picker__frame picker__box">
+    <div class="picker__header">
+      <div class="picker__date-display">
+        <div class="picker__weekday-display">
+          {{ weekText(getWeekday(tmp)) }}
+        </div>
+        <div class="picker__month-display">
+          <div>{{ monthText(tmp.month) }}</div>
+        </div>
+        <div class="picker__day-display">
+          <div>{{ tmp.day }}</div>
+        </div>
+        <div class="picker__year-display">
+          <div>{{ tmp.year }}</div>
+        </div>
+      </div>
+      <select class="picker__select--year" [(ngModel)]="visibleMonth.year" (ngModelChange)="onUserYearInput($event)" role="menu" aria-label="Year selector">
+        <option *ngFor="let year of years" [value]="year">{{ year }}</option>
+      </select>
+      <select class="picker__select--month" [(ngModel)]="visibleMonth.monthTxt" (ngModelChange)="onUserMonthInput($event)" role="menu" aria-label="Month selector">
+        <option *ngFor="let month of months" [value]="month.short">{{ month.label }}</option>
+      </select>
+      <button class="picker__nav--prev" data-nav="-1" type="button" aria-controls="date-picker-example_table" title="Previous month" (click)="prevMonth()" [disabled]="prevMonthDisabled" [ngClass]="{'headerbtnenabled': !prevMonthDisabled, 'headerbtndisabled': prevMonthDisabled}"></button>
+      <button class="picker__nav--next" data-nav="1" type="button" aria-controls="date-picker-example_table" title="Next month" (click)="nextMonth()" [disabled]="nextMonthDisabled" [ngClass]="{'headerbtnenabled': !nextMonthDisabled, 'headerbtndisabled': nextMonthDisabled}"></button>
+    </div>
+    <table class="picker__table">
+      <thead><tr><th class="picker__weekday weekdaytitleweeknbr" *ngIf="opts.showWeekNumbers&&opts.firstDayOfWeek==='mo'">#</th><th class="picker__weekday" scope="col" *ngFor="let d of weekDays">{{d}}</th></tr></thead>
+      <tbody>
+        <tr *ngFor="let w of dates">
+          <td class="picker__day daycellweeknbr" *ngIf="opts.showWeekNumbers&&opts.firstDayOfWeek==='mo'">{{w.weekNbr}}</td>
+          <td class="picker__day" *ngFor="let d of w.week" [ngClass]="{'picker__day--infocus':d.cmo===currMonthId&&!d.disabled, 'disabled': d.disabled, 'tablesingleday': d.cmo===currMonthId&&!d.disabled}">
+            <div *ngIf="d.markedDate.marked" class="markdate" [ngStyle]="{'background-color': d.markedDate.color}"></div>
+            <div class="picker__day" [ngClass]="{'picker__day--infocus':d.cmo===currMonthId,'picker__day--outfocus': (d.cmo===nextMonthId || d.cmo===prevMonthId), 'picker__day--today':d.currDay&&opts.markCurrentDay, 'picker__day--selected picker__day--highlighted':selectedDate.day===d.dateObj.day && selectedDate.month===d.dateObj.month && selectedDate.year===d.dateObj.year && d.cmo===currMonthId}" (click)="!d.disabled&&cellClicked(d);$event.stopPropagation()" (keydown)="cellKeyDown($event, d)" tabindex="0">
+              {{d.dateObj.day}}
+            </div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <div class="picker__footer">
+      <button type="button"  *ngIf="opts.showTodayBtn"  class="picker__button--today" (click)="todayClicked()" role="button" [attr.aria-label]="opts.todayBtnTxt">
+        {{opts.todayBtnTxt}}
+      </button>
+      <button type="button" *ngIf="opts.showClearDateBtn" class="picker__button--clear" (click)="removeBtnClicked()" role="button" [attr.aria-label]="opts.clearBtnTxt">
+        {{opts.clearBtnTxt}}
+      </button>
+      <button type="button" [ngClass]="{'ml-auto': !opts.showTodayBtn}" class="picker__button--close" (click)="showSelector = false; removeInlineStyle();" role="button" [attr.aria-label]="opts.closeBtnTxt">
+        {{opts.closeBtnTxt}}
+      </button>
+    </div>
+  </div>
+</div>
+</div>
diff --git a/src/app/typescripts/pro/date-picker/datepicker.component.ts b/src/app/typescripts/pro/date-picker/datepicker.component.ts
new file mode 100644
index 0000000..5e8aeb9
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/datepicker.component.ts
@@ -0,0 +1,961 @@
+import {
+  Component,
+  Input,
+  Output,
+  EventEmitter,
+  OnChanges,
+  SimpleChanges,
+  ElementRef,
+  ViewEncapsulation,
+  // ChangeDetectorRef,
+  Renderer,
+  forwardRef,
+  ViewChild,
+  AfterViewInit
+} from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import {
+  IMyDate,
+  IMyDateRange,
+  IMyMonth,
+  IMyCalendarDay,
+  IMyWeek,
+  IMyDayLabels,
+  IMyMonthLabels,
+  IMyInputFieldChanged,
+  IMyCalendarViewChanged,
+  IMyInputFocusBlur,
+  IMyMarkedDates,
+  IMyMarkedDate,
+} from './interfaces/index';
+import { LocaleService } from './services/datepickerLocale.service';
+import { UtilService } from './services/datepickerUtil.service';
+export const MYDP_VALUE_ACCESSOR: any = {
+  provide: NG_VALUE_ACCESSOR,
+  useExisting: forwardRef(() => MDBDatePickerComponent),
+  multi: true
+};
+
+enum CalToggle { Open = 1, CloseByDateSel = 2, CloseByCalBtn = 3, CloseByOutClick = 4 }
+enum Year { min = 1000, max = 9999 }
+enum InputFocusBlur { focus = 1, blur = 2 }
+enum KeyCode { enter = 13, space = 32 }
+enum MonthId { prev = 1, curr = 2, next = 3 }
+
+@Component({
+  selector: 'mdb-date-picker',
+  exportAs: 'mdbdatepicker',
+  templateUrl: './datapicker.component.html',
+  providers: [LocaleService, UtilService, MYDP_VALUE_ACCESSOR],
+  encapsulation: ViewEncapsulation.None
+})
+
+export class MDBDatePickerComponent implements OnChanges, ControlValueAccessor, AfterViewInit {
+  @Input() options: any;
+  @Input() locale: string;
+  @Input() defaultMonth: string;
+  @Input() selDate: string;
+  @Input() label = '';
+  @Input() placeholder = '';
+  @Input() selector: number;
+  @Input() disabled: boolean;
+  @Output() dateChanged: EventEmitter<any> = new EventEmitter<any>();
+  @Output() inputFieldChanged: EventEmitter<IMyInputFieldChanged> = new EventEmitter<IMyInputFieldChanged>();
+  @Output() calendarViewChanged: EventEmitter<IMyCalendarViewChanged> = new EventEmitter<IMyCalendarViewChanged>();
+  @Output() calendarToggle: EventEmitter<number> = new EventEmitter<number>();
+  @Output() inputFocusBlur: EventEmitter<IMyInputFocusBlur> = new EventEmitter<IMyInputFocusBlur>();
+
+  @ViewChild('divFocus') public divFocus: any;
+  public showSelector = false;
+  public visibleMonth: IMyMonth = { monthTxt: '', monthNbr: 0, year: 1 };
+  public selectedMonth: IMyMonth = { monthTxt: '', monthNbr: 0, year: 0 };
+  public selectedDate: IMyDate = { year: 0, month: 0, day: 0 };
+  public weekDays: Array<string> = [];
+  public dates: Array<IMyWeek> = [];
+  public selectionDayTxt = '';
+  public invalidDate = false;
+  public disableTodayBtn = false;
+  public dayIdx = 0;
+  public weekDayOpts: Array<string> = ['su', 'mo', 'tu', 'we', 'th', 'fr', 'sa'];
+
+  public editMonth = false;
+  public invalidMonth = false;
+  public editYear = false;
+  public invalidYear = false;
+
+  public prevMonthDisabled = false;
+  public nextMonthDisabled = false;
+  public prevYearDisabled = false;
+  public nextYearDisabled = false;
+
+  public prevMonthId: number = MonthId.prev;
+  public currMonthId: number = MonthId.curr;
+  public nextMonthId: number = MonthId.next;
+
+  public tmp: IMyDate = { year: this.getToday().year, month: this.getToday().month, day: this.getToday().day };
+
+  // Default options
+  public opts: any = {
+    closeAfterSelect: <boolean>false,
+    dayLabelsFull: <IMyDayLabels>{},
+    dayLabels: <IMyDayLabels>{},
+    monthLabelsFull: <IMyMonthLabels>{},
+    monthLabels: <IMyMonthLabels>{},
+    dateFormat: <string>'',
+    showTodayBtn: <boolean>true,
+    todayBtnTxt: <string>'',
+    firstDayOfWeek: <string>'',
+    sunHighlight: <boolean>true,
+    markCurrentDay: <boolean>true,
+    disableUntil: <IMyDate>{ year: 0, month: 0, day: 0 },
+    disableSince: <IMyDate>{ year: 0, month: 0, day: 0 },
+    disableDays: <Array<IMyDate>>[],
+    enableDays: <Array<IMyDate>>[],
+    markDates: <Array<IMyMarkedDates>>[],
+    markWeekends: <IMyMarkedDate>{},
+    disableDateRanges: <Array<IMyDateRange>>[],
+    disableWeekends: <boolean>false,
+    showWeekNumbers: <boolean>false,
+    height: <string>'32px',
+    width: <string>'100%',
+    selectionTxtFontSize: <string>'1rem',
+    showClearDateBtn: <boolean>true,
+    alignSelectorRight: <boolean>false,
+    disableHeaderButtons: <boolean>true,
+    minYear: <number>Year.min,
+    maxYear: <number>Year.max,
+    componentDisabled: <boolean>false,
+    showSelectorArrow: <boolean>true,
+    ariaLabelInputField: <string>'Date input field',
+    ariaLabelClearDate: <string>'Clear Date',
+    ariaLabelOpenCalendar: <string>'Open Calendar',
+    ariaLabelPrevMonth: <string>'Previous Month',
+    ariaLabelNextMonth: <string>'Next Month',
+    ariaLabelPrevYear: <string>'Previous Year',
+    ariaLabelNextYear: <string>'Next Year'
+  };
+
+  public months: any = [];
+  public years: any = [];
+  public elements = document.getElementsByClassName('mydp picker');
+  public elementNumber: any;
+
+  constructor(public elem: ElementRef,
+    private renderer: Renderer,
+    // private cdr: ChangeDetectorRef,
+    private localeService: LocaleService,
+    private utilService: UtilService
+  ) {
+    this.setLocaleOptions();
+    renderer.listenGlobal(this.elem.nativeElement, 'click', (event: any) => {
+      if (this.showSelector &&
+        event.target &&
+        this.elem.nativeElement !== event.target &&
+        !this.elem.nativeElement.contains(event.target)
+      ) {
+        this.removeInlineStyle();
+        this.showSelector = false;
+        this.removeZIndex();
+        this.calendarToggle.emit(CalToggle.CloseByOutClick);
+
+      }
+      if (event.target.classList.contains('picker__holder')) {
+        this.removeInlineStyle();
+        this.removeZIndex();
+        this.showSelector = false;
+      }
+      if (true && event.target && this.elem.nativeElement.contains(event.target)) {
+        this.resetMonthYearEdit();
+      }
+    });
+  }
+
+  ngAfterViewInit() {
+    if (this.opts.startDate) {
+      setTimeout(() => {
+        this.onUserDateInput(this.opts.startDate);
+      }, 0);
+    }
+  }
+
+  onChangeCb: (_: any) => void = () => { };
+  onTouchedCb: () => void = () => { };
+
+  removeInlineStyle() {
+    this.removeZIndex();
+    setTimeout(() => {
+      document.documentElement.style.removeProperty('overflow');
+    }, 155);
+  }
+
+  setLocaleOptions(): void {
+    const opts: any = this.localeService.getLocaleOptions(this.locale);
+    Object.keys(opts).forEach((k) => {
+      this.opts[k] = opts[k];
+    });
+  }
+
+  setOptions(): void {
+    const thisYear = new Date();
+    const currentYear = thisYear.getFullYear();
+    if (this.options !== undefined) {
+      Object.keys(this.options).forEach((k) => {
+        this.opts[k] = this.options[k];
+      });
+    }
+    if (this.disabled !== undefined) {
+      this.opts.componentDisabled = this.disabled;
+    }
+
+    if (this.opts.minYear === 1000) {
+      this.opts.minYear = currentYear - 7;
+    }
+
+    if (this.opts.maxYear === 9999) {
+      this.opts.maxYear = currentYear + 7;
+    }
+  }
+
+  resetMonthYearEdit(): void {
+    this.editMonth = false;
+    this.editYear = false;
+    this.invalidMonth = false;
+    this.invalidYear = false;
+  }
+
+  onUserDateInput(value: string): void {
+
+    this.invalidDate = false;
+    if (value.length === 0) {
+      this.clearDate();
+    } else {
+      const date: IMyDate = this.utilService.isDateValid(value,
+        this.opts.dateFormat,
+        this.opts.minYear,
+        this.opts.maxYear,
+        this.opts.disableUntil,
+        this.opts.disableSince,
+        this.opts.disableWeekends,
+        this.opts.disableDays,
+        this.opts.disableDateRanges,
+        this.opts.monthLabels,
+        this.opts.enableDays);
+
+      if (date.day !== 0 && date.month !== 0 && date.year !== 0) {
+        this.selectDate(date);
+      } else {
+        this.invalidDate = true;
+      }
+    }
+    if (this.invalidDate) {
+      this.inputFieldChanged.emit({ value: value, dateFormat: this.opts.dateFormat, valid: !(value.length === 0 || this.invalidDate) });
+      this.onChangeCb('');
+      this.onTouchedCb();
+    }
+  }
+
+  onFocusInput(event: any): void {
+
+    this.openBtnClicked();
+    this.inputFocusBlur.emit({ reason: InputFocusBlur.focus, value: event.target.value });
+    document.documentElement.style.overflow = 'hidden';
+    this.divFocus.nativeElement.focus();
+  }
+
+  onBlurInput(event: any): void {
+    this.selectionDayTxt = event.target.value;
+    this.onTouchedCb();
+    this.inputFocusBlur.emit({ reason: InputFocusBlur.blur, value: event.target.value });
+  }
+
+  onUserMonthInput(value: string): void {
+    this.invalidMonth = false;
+    const m: number = this.utilService.isMonthLabelValid(value, this.opts.monthLabels);
+    if (m !== -1) {
+      this.editMonth = false;
+      if (m !== this.visibleMonth.monthNbr) {
+        this.visibleMonth = { monthTxt: this.monthText(m), monthNbr: m, year: this.visibleMonth.year };
+        this.generateCalendar(m, this.visibleMonth.year, true);
+      }
+    } else {
+      this.invalidMonth = true;
+    }
+  }
+
+  onUserYearInput(value: string): void {
+    this.invalidYear = false;
+    const y: number = this.utilService.isYearLabelValid(Number(value), this.opts.minYear, this.opts.maxYear);
+    if (y !== -1) {
+      this.editYear = false;
+      if (y !== this.visibleMonth.year) {
+        this.visibleMonth = { monthTxt: this.visibleMonth.monthTxt, monthNbr: this.visibleMonth.monthNbr, year: y };
+        this.generateCalendar(this.visibleMonth.monthNbr, y, true);
+      }
+    } else {
+      this.invalidYear = true;
+    }
+  }
+
+  isTodayDisabled(): void {
+    this.disableTodayBtn = this.utilService.isDisabledDay(this.getToday(),
+      this.opts.disableUntil,
+      this.opts.disableSince,
+      this.opts.disableWeekends,
+      this.opts.disableDays,
+      this.opts.disableDateRanges,
+      this.opts.enableDays);
+  }
+
+  parseOptions(): void {
+    if (this.locale) {
+      this.setLocaleOptions();
+    }
+    this.setOptions();
+    this.isTodayDisabled();
+    this.dayIdx = this.weekDayOpts.indexOf(this.opts.firstDayOfWeek);
+    if (this.dayIdx !== -1) {
+      let idx: number = this.dayIdx;
+      for (let i = 0; i < this.weekDayOpts.length; i++) {
+        this.weekDays.push(this.opts.dayLabels[this.weekDayOpts[idx]]);
+        idx = this.weekDayOpts[idx] === 'sa' ? 0 : idx + 1;
+      }
+    }
+  }
+
+  writeValue(value: any): void {
+    if (value && typeof value === 'string') {
+      this.updateDateValue(this.parseSelectedDate(value), false);
+    } else if (value && value['date']) {
+      this.updateDateValue(this.parseSelectedDate(value['date']), false);
+    } else if (value === '') {
+      this.updateDateValue({ year: 0, month: 0, day: 0 }, true);
+    }
+  }
+
+  registerOnChange(fn: any): void {
+    this.onChangeCb = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+    this.onTouchedCb = fn;
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    if (changes.hasOwnProperty('selector') && changes['selector'].currentValue > 0) {
+      this.openBtnClicked();
+    }
+
+    if (changes.hasOwnProperty('placeholder')) {
+      this.placeholder = changes['placeholder'].currentValue;
+    }
+
+    if (changes.hasOwnProperty('locale')) {
+      this.locale = changes['locale'].currentValue;
+    }
+
+    if (changes.hasOwnProperty('disabled')) {
+      this.disabled = changes['disabled'].currentValue;
+    }
+
+    if (changes.hasOwnProperty('options')) {
+      this.options = changes['options'].currentValue;
+    }
+
+    this.weekDays.length = 0;
+    this.parseOptions();
+
+    if (changes.hasOwnProperty('defaultMonth')) {
+      const dm: string = changes['defaultMonth'].currentValue;
+      if (dm !== null && dm !== undefined && dm !== '') {
+        this.selectedMonth = this.parseSelectedMonth(dm);
+      } else {
+        this.selectedMonth = { monthTxt: '', monthNbr: 0, year: 0 };
+      }
+    }
+
+    if (changes.hasOwnProperty('selDate')) {
+      const sd: any = changes['selDate'];
+      if (sd.currentValue !== null &&
+        sd.currentValue !== undefined &&
+        sd.currentValue !== '' &&
+        Object.keys(sd.currentValue).length !== 0
+      ) {
+        this.selectedDate = this.parseSelectedDate(sd.currentValue);
+        setTimeout(() => {
+          this.onChangeCb(this.getDateModel(this.selectedDate));
+        });
+      } else {
+        // Do not clear on init
+        if (!sd.isFirstChange()) {
+          this.clearDate();
+        }
+      }
+    }
+
+    if (this.showSelector) {
+      this.generateCalendar(this.visibleMonth.monthNbr, this.visibleMonth.year, false);
+    }
+  }
+
+  // Fix for situation, when on mobile devices keyboard was released when datepicker modal was active
+  hideKeyboard() {
+    // this set timeout needed for case when hideKeyborad
+    // is called inside of 'onfocus' event handler
+    setTimeout(function () {
+
+      // creating temp field
+      const field = document.createElement('input');
+      field.setAttribute('type', 'text');
+      // hiding temp field from peoples eyes
+      // -webkit-user-modify is nessesary for Android 4.x
+      /*tslint:disable:max-line-length*/
+      field.setAttribute('style', 'position:absolute; top: 0px; opacity: 0; -webkit-user-modify: read-write-plaintext-only; left:0px;');
+      document.body.appendChild(field);
+
+      // adding onfocus event handler for out temp field
+      field.onfocus = function () {
+        // this timeout of 200ms is nessasary for Android 2.3.x
+        setTimeout(function () {
+
+          field.setAttribute('style', 'display:none;');
+          setTimeout(function () {
+            document.body.removeChild(field);
+            document.body.focus();
+          }, 14);
+
+        }, 20);
+      };
+      // focusing it
+      field.focus();
+
+    }, 50);
+  }
+
+  removeBtnClicked(): void {
+    // Remove date button clicked
+    this.clearDate();
+    if (this.showSelector) {
+      this.calendarToggle.emit(CalToggle.CloseByCalBtn);
+      this.setZIndex();
+    }
+    // this.showSelector = false;
+  }
+
+  // Adding z-index: -2 for every div.mydp picker
+  // Fix for situation, when datepicker was behind an input or something else (Case from support forum)
+  setZIndex() {
+    for (let i = 0; i <= this.elements.length; i++) {
+      if (i === this.elements.length) {
+        break;
+      }
+      this.renderer.setElementStyle(this.elements[i], 'z-index', '1');
+      if (this.elements[i] === this.elem.nativeElement.childNodes[0] || this.elements[i] === this.elem.nativeElement.childNodes[1]) {
+        this.elementNumber = i;
+        this.renderer.setElementStyle(this.elements[i], 'z-index', '50');
+      }
+    }
+  }
+
+  // Removing z-index: -2 from div.mydp picker
+  removeZIndex() {
+    for (let i = 0; i <= this.elements.length; i++) {
+      if (i === this.elements.length) {
+        break;
+      }
+      this.renderer.setElementStyle(this.elements[i], 'z-index', '50');
+    }
+  }
+
+
+  openBtnClicked(): void {
+    // Open selector button clicked
+    this.showSelector = !this.showSelector;
+    if (this.showSelector) {
+      this.setVisibleMonth();
+      this.calendarToggle.emit(CalToggle.Open);
+      this.setZIndex();
+
+    } else {
+      this.calendarToggle.emit(CalToggle.CloseByCalBtn);
+    }
+    this.hideKeyboard();
+  }
+
+  setVisibleMonth(): void {
+    // Sets visible month of calendar
+    let y = 0, m = 0;
+    if (!this.utilService.isInitializedDate(this.selectedDate)) {
+      if (this.selectedMonth.year === 0 && this.selectedMonth.monthNbr === 0) {
+        const today: IMyDate = this.getToday();
+        y = today.year;
+        m = today.month;
+      } else {
+        y = this.selectedMonth.year;
+        m = this.selectedMonth.monthNbr;
+      }
+    } else {
+      y = this.selectedDate.year;
+      m = this.selectedDate.month;
+    }
+    this.visibleMonth = { monthTxt: this.opts.monthLabels[m], monthNbr: m, year: y };
+
+    // Create current month
+    this.generateCalendar(m, y, true);
+  }
+
+  monthList(): void {
+    this.months = [];
+    for (let i = 1; i <= 12; i++) {
+      this.months.push({ index: i, short: this.opts.monthLabels[i], label: this.opts.monthLabelsFull[i] });
+    }
+  }
+
+  yearsList(): void {
+    this.years = [];
+
+    const firstYear = this.opts.minYear;
+    const lastYear = this.opts.maxYear;
+
+    for (let i = firstYear; i <= lastYear; i++) {
+      this.years.push(i);
+    }
+  }
+
+  prevMonth(): void {
+    // Previous month from calendar
+    const d: Date = this.getDate(this.visibleMonth.year, this.visibleMonth.monthNbr, 1);
+    d.setMonth(d.getMonth() - 1);
+
+    const y: number = d.getFullYear();
+    const m: number = d.getMonth() + 1;
+
+    this.visibleMonth = { monthTxt: this.monthText(m), monthNbr: m, year: y };
+    this.generateCalendar(m, y, true);
+  }
+
+  nextMonth(): void {
+    // Next month from calendar
+    const d: Date = this.getDate(this.visibleMonth.year, this.visibleMonth.monthNbr, 1);
+    d.setMonth(d.getMonth() + 1);
+
+    const y: number = d.getFullYear();
+    const m: number = d.getMonth() + 1;
+
+    this.visibleMonth = { monthTxt: this.monthText(m), monthNbr: m, year: y };
+    this.generateCalendar(m, y, true);
+  }
+
+  prevYear(): void {
+    // Previous year from calendar
+    this.visibleMonth.year--;
+    this.generateCalendar(this.visibleMonth.monthNbr, this.visibleMonth.year, true);
+  }
+
+  nextYear(): void {
+    // Next year from calendar
+    this.visibleMonth.year++;
+    this.generateCalendar(this.visibleMonth.monthNbr, this.visibleMonth.year, true);
+  }
+
+  todayClicked(): void {
+    // Today button clicked
+    const today: IMyDate = this.getToday();
+    if (!this.utilService.isDisabledDay(today,
+      this.opts.disableUntil,
+      this.opts.disableSince,
+      this.opts.disableWeekends,
+      this.opts.disableDays,
+      this.opts.disableDateRanges,
+      this.opts.enableDays)
+    ) {
+      this.selectDate(today);
+    }
+    if (today.year !== this.visibleMonth.year || today.month !== this.visibleMonth.monthNbr) {
+      this.visibleMonth = { monthTxt: this.opts.monthLabels[today.month], monthNbr: today.month, year: today.year };
+      this.generateCalendar(today.month, today.year, true);
+    }
+  }
+
+  cellClicked(cell: any): void {
+    // Cell clicked on the calendar
+    if (cell.cmo === this.prevMonthId) {
+      // Previous month day
+      this.prevMonth();
+    } else if (cell.cmo === this.currMonthId) {
+      // Current month day - if date is already selected clear it
+      if (cell.dateObj.year === this.selectedDate.year &&
+        cell.dateObj.month === this.selectedDate.month &&
+        cell.dateObj.day === this.selectedDate.day
+      ) {
+        this.clearDate();
+      } else {
+        this.selectDate(cell.dateObj);
+      }
+    } else if (cell.cmo === this.nextMonthId) {
+      // Next month day
+      this.nextMonth();
+    }
+    this.resetMonthYearEdit();
+  }
+
+  cellKeyDown(event: any, cell: any) {
+    // Cell keyboard handling
+    if ((event.keyCode === KeyCode.enter || event.keyCode === KeyCode.space) && !cell.disabled) {
+      event.preventDefault();
+      this.cellClicked(cell);
+    }
+  }
+
+  clearDate(): void {
+    // Clears the date and notifies parent using callbacks and value accessor
+    const date: IMyDate = { year: 0, month: 0, day: 0 };
+    this.dateChanged.emit({ date: date, jsdate: null, formatted: '', epoc: 0 });
+    this.onChangeCb('');
+    this.onTouchedCb();
+    this.updateDateValue(date, true);
+    this.setZIndex();
+  }
+
+  selectDate(date: IMyDate): void {
+    // Date selected, notifies parent using callbacks and value accessor
+    this.tmp = date;
+    const dateModel: any = this.getDateModel(date);
+    this.dateChanged.emit(dateModel);
+    this.onChangeCb(dateModel);
+    this.onTouchedCb();
+    this.updateDateValue(date, false);
+    if (this.showSelector) {
+      this.calendarToggle.emit(CalToggle.CloseByDateSel);
+
+    }
+    if (this.opts.closeAfterSelect) {
+      this.showSelector = false;
+      this.removeInlineStyle();
+    }
+
+    // hide calendar when date was clicked
+    // this.showSelector = false;
+  }
+
+  updateDateValue(date: IMyDate, clear: boolean): void {
+    // Updates date values
+    this.selectedDate = date;
+    this.selectionDayTxt = clear ? '' : this.formatDate(date);
+    this.inputFieldChanged.emit({ value: this.selectionDayTxt, dateFormat: this.opts.dateFormat, valid: !clear });
+    this.invalidDate = false;
+  }
+
+  getDateModel(date: IMyDate): any {
+    // Creates a date model object from the given parameter
+    return this.formatDate(date);
+  }
+
+  preZero(val: string): string {
+    // Prepend zero if smaller than 10
+    return parseInt(val, 0) < 10 ? '0' + val : val;
+  }
+
+  formatDate(val: any): string {
+    // Returns formatted date string, if mmm is part of dateFormat returns month as a string
+    // days
+    const d = val.day; // 1 - 31
+    const dd = this.preZero(val.day); // 01 - 31
+    const ddd = this.opts.dayLabels[this.getWeekday(val)]; // Sun-Sat
+    const dddd = this.opts.dayLabelsFull[this.getWeekday(val)]; // Sunday – Saturday
+    const m = val.month; // 1 - 12
+    const mm = this.preZero(val.month); // 01 - 12
+    const mmm = this.getMonthShort(val.month); // Jan - Dec
+    const mmmm = this.getMonthFull(val.month); // January – December
+    const yy = val.year.toString().slice(2, 4); // 00 - 99
+    const yyyy = val.year; // 2000 - 2999
+
+    const toReplace = this.opts.dateFormat.split(/(d{1,4}|m{1,4}|y{4}|yy|!.)/g);
+    let formatted = '';
+    toReplace.forEach((el: any) => {
+      switch (el) {
+        case 'dddd':
+          el = el.replace(el, dddd);
+          break;
+        case 'ddd':
+          el = el.replace(el, ddd);
+          break;
+        case 'dd':
+          el = el.replace(el, dd);
+          break;
+        case 'd':
+          el = el.replace(el, d);
+          break;
+        case 'mmmm':
+          el = el.replace(el, mmmm);
+          break;
+        case 'mmm':
+          el = el.replace(el, mmm);
+          break;
+        case 'mm':
+          el = el.replace(el, mm);
+          break;
+        case 'm':
+          el = el.replace(el, m);
+          break;
+        case 'yyyy':
+          el = el.replace(el, yyyy);
+          break;
+        case 'yy':
+          el = el.replace(el, yy);
+          break;
+      }
+      formatted += el;
+    });
+
+    return formatted;
+  }
+
+  monthText(m: number): string {
+    // Returns month as a text
+    return this.opts.monthLabels[m];
+  }
+
+  weekText(m: string): string {
+    // Returns month as a text
+    return this.opts.dayLabelsFull[m];
+  }
+
+  getMonthShort(m: number): string {
+    return this.opts.monthLabels[m];
+  }
+
+  getMonthFull(m: number): string {
+    return this.opts.monthLabelsFull[m];
+  }
+
+  monthStartIdx(y: number, m: number): number {
+    // Month start index
+    const d = new Date();
+    d.setDate(1);
+    d.setMonth(m - 1);
+    d.setFullYear(y);
+    const idx = d.getDay() + this.sundayIdx();
+    return idx >= 7 ? idx - 7 : idx;
+  }
+
+  daysInMonth(m: number, y: number): number {
+    // Return number of days of current month
+    return new Date(y, m, 0).getDate();
+  }
+
+  daysInPrevMonth(m: number, y: number): number {
+    // Return number of days of the previous month
+    const d: Date = this.getDate(y, m, 1);
+    d.setMonth(d.getMonth() - 1);
+    return this.daysInMonth(d.getMonth() + 1, d.getFullYear());
+  }
+
+  isCurrDay(d: number, m: number, y: number, cmo: number, today: IMyDate): boolean {
+    // Check is a given date the today
+    return d === today.day && m === today.month && y === today.year && cmo === this.currMonthId;
+  }
+
+  getToday(): IMyDate {
+    const date: Date = new Date();
+    return { year: date.getFullYear(), month: date.getMonth() + 1, day: date.getDate() };
+  }
+
+  getTimeInMilliseconds(date: IMyDate): number {
+    return this.getDate(date.year, date.month, date.day).getTime();
+  }
+
+  getWeekday(date: IMyDate): string {
+    // Get weekday: su, mo, tu, we ...
+    return this.weekDayOpts[this.utilService.getDayNumber(date)];
+  }
+
+  getDate(year: number, month: number, day: number): Date {
+    // Creates a date object from given year, month and day
+    return new Date(year, month - 1, day, 0, 0, 0, 0);
+  }
+
+  sundayIdx(): number {
+    // Index of Sunday day
+    return this.dayIdx > 0 ? 7 - this.dayIdx : 0;
+  }
+
+  generateCalendar(m: number, y: number, notifyChange: boolean): void {
+    this.dates.length = 0;
+    const today: IMyDate = this.getToday();
+    const monthStart: number = this.monthStartIdx(y, m);
+    const dInThisM: number = this.daysInMonth(m, y);
+    const dInPrevM: number = this.daysInPrevMonth(m, y);
+
+    let dayNbr = 1;
+    let cmo: number = this.prevMonthId;
+    for (let i = 1; i < 7; i++) {
+      const week: Array<IMyCalendarDay> = [];
+      if (i === 1) {
+        // First week
+        const pm = dInPrevM - monthStart + 1;
+        // Previous month
+        for (let j = pm; j <= dInPrevM; j++) {
+          const date: IMyDate = { year: y, month: m - 1, day: j };
+          week.push({
+            dateObj: date, cmo: cmo, currDay: this.isCurrDay(j, m, y, cmo, today),
+            dayNbr: this.utilService.getDayNumber(date),
+            disabled: this.utilService.isDisabledDay(date,
+              this.opts.disableUntil,
+              this.opts.disableSince,
+              this.opts.disableWeekends,
+              this.opts.disableDays,
+              this.opts.disableDateRanges,
+              this.opts.enableDays
+            ),
+            markedDate: this.utilService.isMarkedDate(date, this.opts.markDates, this.opts.markWeekends)
+          });
+        }
+
+        cmo = this.currMonthId;
+        // Current month
+        const daysLeft: number = 7 - week.length;
+        for (let j = 0; j < daysLeft; j++) {
+          const date: IMyDate = { year: y, month: m, day: dayNbr };
+          week.push({
+            dateObj: date, cmo: cmo, currDay: this.isCurrDay(dayNbr, m, y, cmo, today),
+            dayNbr: this.utilService.getDayNumber(date),
+            disabled: this.utilService.isDisabledDay(date,
+              this.opts.disableUntil,
+              this.opts.disableSince,
+              this.opts.disableWeekends,
+              this.opts.disableDays,
+              this.opts.disableDateRanges,
+              this.opts.enableDays
+            ),
+            markedDate: this.utilService.isMarkedDate(date, this.opts.markDates, this.opts.markWeekends)
+          });
+          dayNbr++;
+        }
+      } else {
+        // Rest of the weeks
+        for (let j = 1; j < 8; j++) {
+          if (dayNbr > dInThisM) {
+            // Next month
+            dayNbr = 1;
+            cmo = this.nextMonthId;
+          }
+          const date: IMyDate = { year: y, month: cmo === this.currMonthId ? m : m + 1, day: dayNbr };
+          week.push({
+            dateObj: date, cmo: cmo, currDay: this.isCurrDay(dayNbr, m, y, cmo, today),
+            dayNbr: this.utilService.getDayNumber(date),
+            disabled: this.utilService.isDisabledDay(date,
+              this.opts.disableUntil,
+              this.opts.disableSince,
+              this.opts.disableWeekends,
+              this.opts.disableDays,
+              this.opts.disableDateRanges,
+              this.opts.enableDays
+            ),
+            markedDate: this.utilService.isMarkedDate(date, this.opts.markDates, this.opts.markWeekends)
+          });
+          dayNbr++;
+        }
+      }
+      const weekNbr: number = this.opts.showWeekNumbers &&
+        this.opts.firstDayOfWeek === 'mo' ?
+        this.utilService.getWeekNumber(week[0].dateObj) : 0;
+      this.dates.push({ week: week, weekNbr: weekNbr });
+    }
+
+    this.setHeaderBtnDisabledState(m, y);
+
+    if (notifyChange) {
+      // Notify parent
+      this.calendarViewChanged.emit({
+        year: y,
+        month: m,
+        first: {
+          number: 1,
+          weekday: this.getWeekday({
+            year: y,
+            month: m,
+            day: 1
+          })
+        },
+        last: {
+          number: dInThisM,
+          weekday: this.getWeekday({
+            year: y,
+            month: m,
+            day: dInThisM
+          })
+        }
+      });
+    }
+
+    this.monthList();
+    this.yearsList();
+  }
+
+  parseSelectedDate(selDate: any): IMyDate {
+    // Parse selDate value - it can be string or IMyDate object
+    let date: IMyDate = { day: 0, month: 0, year: 0 };
+    if (typeof selDate === 'string') {
+      const sd: string = <string>selDate;
+      date.day = this.utilService.parseDatePartNumber(this.opts.dateFormat, sd, 'dd');
+
+      date.month = this.opts.dateFormat.indexOf('mmm') !== -1
+        ? this.utilService.parseDatePartMonthName(this.opts.dateFormat, sd, 'mmm', this.opts.monthLabels)
+        : this.utilService.parseDatePartNumber(this.opts.dateFormat, sd, 'mm');
+
+      date.year = this.utilService.parseDatePartNumber(this.opts.dateFormat, sd, 'yyyy');
+    } else if (typeof selDate === 'object') {
+      date = selDate;
+    }
+    this.selectionDayTxt = this.formatDate(date);
+    return date;
+  }
+
+  parseSelectedMonth(ms: string): IMyMonth {
+    return this.utilService.parseDefaultMonth(ms);
+  }
+
+  setHeaderBtnDisabledState(m: number, y: number): void {
+    let dpm = false;
+    let dpy = false;
+    let dnm = false;
+    let dny = false;
+    if (this.opts.disableHeaderButtons) {
+      dpm = this.utilService.isMonthDisabledByDisableUntil({
+        year: m === 1 ? y - 1 : y,
+        month: m === 1 ? 12 : m - 1,
+        day: this.daysInMonth(m === 1 ? 12 : m - 1, m === 1 ? y - 1 : y)
+      },
+        this.opts.disableUntil);
+      dpy = this.utilService.isMonthDisabledByDisableUntil({
+        year: y - 1,
+        month: m,
+        day: this.daysInMonth(m, y - 1)
+      },
+        this.opts.disableUntil);
+      dnm = this.utilService.isMonthDisabledByDisableSince({
+        year: m === 12 ? y + 1 : y,
+        month: m === 12 ? 1 : m + 1,
+        day: 1
+      },
+        this.opts.disableSince);
+      dny = this.utilService.isMonthDisabledByDisableSince({ year: y + 1, month: m, day: 1 }, this.opts.disableSince);
+    }
+    this.prevMonthDisabled = m === 1 && y === this.opts.minYear || dpm;
+    this.prevYearDisabled = y - 1 < this.opts.minYear || dpy;
+    this.nextMonthDisabled = m === 12 && y === this.opts.maxYear || dnm;
+    this.nextYearDisabled = y + 1 > this.opts.maxYear || dny;
+  }
+
+  checkActive() {
+    if (this.placeholder.length > 0) {
+      return true;
+    } else {
+      if (this.showSelector) {
+        return true;
+      } else {
+        return false;
+      }
+    }
+  }
+}
diff --git a/src/app/typescripts/pro/date-picker/datepicker.module.ts b/src/app/typescripts/pro/date-picker/datepicker.module.ts
new file mode 100644
index 0000000..3c4e1d7
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/datepicker.module.ts
@@ -0,0 +1,14 @@
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { NgModule } from '@angular/core';
+import { MDBDatePickerComponent } from './datepicker.component';
+import { FocusDirective } from './directives/datepickerFocus.directive';
+import { InputAutoFillDirective } from './directives/datepickerAutofill.directive';
+
+@NgModule({
+  imports: [CommonModule, FormsModule],
+  declarations: [MDBDatePickerComponent, FocusDirective, InputAutoFillDirective],
+  exports: [MDBDatePickerComponent, FocusDirective, InputAutoFillDirective]
+})
+export class MDBDatePickerModule {
+}
diff --git a/src/app/typescripts/pro/date-picker/directives/datepickerAutofill.directive.ts b/src/app/typescripts/pro/date-picker/directives/datepickerAutofill.directive.ts
new file mode 100644
index 0000000..17af4f7
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/directives/datepickerAutofill.directive.ts
@@ -0,0 +1,78 @@
+import { Directive, ElementRef, Renderer, Input, HostListener } from '@angular/core';
+import { IMyInputAutoFill } from '../interfaces/inputAutofill.interface';
+
+enum KeyCode {backspace = 8, delete = 46}
+
+@Directive({
+  selector: '[mdbInputAutoFill]'
+})
+
+export class InputAutoFillDirective {
+  @Input() opts: IMyInputAutoFill;
+
+  constructor(private el: ElementRef, private rndr: Renderer) {}
+
+  @HostListener('keyup', ['$event']) onKeyUp(evt: KeyboardEvent) {
+    if (!this.opts.enabled || evt.keyCode === KeyCode.backspace || evt.keyCode === KeyCode.delete) {
+      return;
+    }
+
+    const val: string = this.getInputValue();
+    const ews: boolean = this.endsWith(val, this.opts.separator);
+    const parts: Array<string> = val.split(this.opts.separator);
+    const idx: number = parts.length - 1;
+
+    if (val.indexOf(this.opts.separator + this.opts.separator) !== -1 || idx > 2) {
+      return;
+    }
+
+    if (!ews &&
+      (val.length === this.getPartLength(0) ||
+        val.length === this.getPartLength(0) + this.getPartLength(1) + this.opts.separator.length)) {
+      this.setInputValue(val + this.opts.separator);
+  } else if (ews &&
+    parts[idx - 1].length < this.getPartLength(idx - 1) &&
+    this.isNumber(parts[idx - 1]) && (this.isDay(idx - 1) || this.isMonth(idx - 1))) {
+    this.setInputValue(this.insertPos(val, val.length - 2, '0'));
+  } else if (parts[idx].length < this.getPartLength(idx) &&
+    this.isNumber(parts[idx]) &&
+    (Number(parts[idx]) > 3 &&
+      this.isDay(idx) ||
+      Number(parts[idx]) > 1 &&
+      this.isMonth(idx))) {
+    this.setInputValue(this.insertPos(val, val.length - 1, '0') + (idx < 2 ? this.opts.separator : ''));
+  }
+}
+
+  private endsWith(val: string, suffix: string): boolean {
+    return val.indexOf(suffix, val.length - suffix.length) !== -1;
+  }
+
+  private insertPos(str: string, idx: number, val: string): string {
+    return str.substr(0, idx) + val + str.substr(idx);
+  }
+
+  private getPartLength(idx: number): number {
+    return this.opts.formatParts[idx].length;
+  }
+
+  private isNumber(val: string): boolean {
+    return val.match(/[1-9]/) !== null;
+  }
+
+  private isDay(idx: number): boolean {
+    return this.opts.formatParts[idx].indexOf('d') !== -1;
+  }
+
+  private isMonth(idx: number): boolean {
+    return this.opts.formatParts[idx].indexOf('m') !== -1 && this.opts.formatParts[idx].length === 2;
+  }
+
+  private getInputValue(): string {
+    return this.el.nativeElement.value;
+  }
+
+  private setInputValue(val: string): void {
+    this.rndr.setElementProperty(this.el.nativeElement, 'value', val);
+  }
+}
diff --git a/src/app/typescripts/pro/date-picker/directives/datepickerFocus.directive.ts b/src/app/typescripts/pro/date-picker/directives/datepickerFocus.directive.ts
new file mode 100644
index 0000000..00f7423
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/directives/datepickerFocus.directive.ts
@@ -0,0 +1,26 @@
+import { Directive, ElementRef, Renderer, AfterViewInit, Input } from '@angular/core';
+
+@Directive({
+  selector: '[mdbDpFocus]'
+})
+
+export class FocusDirective implements AfterViewInit {
+  @Input() value: string;
+
+  constructor(private el: ElementRef, private renderer: Renderer) {}
+
+  // Focus to element: if value 0 = don't set focus, 1 = set only focus, 2 = set focus and set cursor position
+  ngAfterViewInit() {
+    // if (this.value === "0") {
+      //     return;
+      // }
+
+    this.renderer.invokeElementMethod(this.el.nativeElement, 'focus', []);
+
+      // // Set cursor position at the end of text if input element
+      // if (this.value === "2") {
+        //     let len = this.el.nativeElement.value.length;
+        //     this.el.nativeElement.setSelectionRange(len, len);
+        // }
+  }
+}
diff --git a/src/app/typescripts/pro/date-picker/index.ts b/src/app/typescripts/pro/date-picker/index.ts
new file mode 100644
index 0000000..4e9e130
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/index.ts
@@ -0,0 +1,7 @@
+export * from './services/datepickerLocale.service';
+export * from './services/datepickerUtil.service';
+export * from './directives/datepickerFocus.directive';
+export * from './directives/datepickerAutofill.directive';
+export * from './datepicker.component';
+export * from './datepicker.module';
+export * from './interfaces/index';
diff --git a/src/app/typescripts/pro/date-picker/interfaces/calendarDay.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/calendarDay.interface.ts
new file mode 100644
index 0000000..5b09bef
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/calendarDay.interface.ts
@@ -0,0 +1,11 @@
+import { IMyDate } from './date.interface';
+import { IMyMarkedDate } from './markedDate.interface';
+
+export interface IMyCalendarDay {
+  dateObj: IMyDate;
+  cmo: number;
+  currDay: boolean;
+  dayNbr: number;
+  disabled: boolean;
+  markedDate: IMyMarkedDate;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/calendarViewChanged.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/calendarViewChanged.interface.ts
new file mode 100644
index 0000000..7bffded
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/calendarViewChanged.interface.ts
@@ -0,0 +1,8 @@
+import { IMyWeekday } from './weekday.interface';
+
+export interface IMyCalendarViewChanged {
+  year: number;
+  month: number;
+  first: IMyWeekday;
+  last: IMyWeekday;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/date.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/date.interface.ts
new file mode 100644
index 0000000..d20bc56
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/date.interface.ts
@@ -0,0 +1,5 @@
+export interface IMyDate {
+  year: number;
+  month: number;
+  day: number;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/dateModel.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/dateModel.interface.ts
new file mode 100644
index 0000000..e916a63
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/dateModel.interface.ts
@@ -0,0 +1,8 @@
+import { IMyDate } from './date.interface';
+
+export interface IMyDateModel {
+  date: IMyDate;
+  jsdate: Date;
+  formatted: string;
+  epoc: number;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/dateRange.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/dateRange.interface.ts
new file mode 100644
index 0000000..4cab3d0
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/dateRange.interface.ts
@@ -0,0 +1,6 @@
+import { IMyDate } from './date.interface';
+
+export interface IMyDateRange {
+  begin: IMyDate;
+  end: IMyDate;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/dayLabels.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/dayLabels.interface.ts
new file mode 100644
index 0000000..f28a1d1
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/dayLabels.interface.ts
@@ -0,0 +1,3 @@
+export interface IMyDayLabels {
+  [day: string]: string;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/index.ts b/src/app/typescripts/pro/date-picker/interfaces/index.ts
new file mode 100644
index 0000000..8417313
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/index.ts
@@ -0,0 +1,17 @@
+export * from './date.interface';
+export * from './dateRange.interface';
+export * from './dayLabels.interface';
+export * from './monthLabels.interface';
+export * from './month.interface';
+export * from './calendarDay.interface';
+export * from './week.interface';
+export * from './options.interface';
+export * from './locale.interface';
+export * from './dateModel.interface';
+export * from './inputfieldChanged.interface';
+export * from './inputFocusBlur.interface';
+export * from './weekday.interface';
+export * from './calendarViewChanged.interface';
+export * from './inputAutofill.interface';
+export * from './markedDate.interface';
+export * from './markedDates.interface';
diff --git a/src/app/typescripts/pro/date-picker/interfaces/inputAutofill.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/inputAutofill.interface.ts
new file mode 100644
index 0000000..5ba8e9f
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/inputAutofill.interface.ts
@@ -0,0 +1,5 @@
+export interface IMyInputAutoFill {
+  separator: string;
+  formatParts: Array<string>;
+  enabled: boolean;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/inputFocusBlur.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/inputFocusBlur.interface.ts
new file mode 100644
index 0000000..7d823c8
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/inputFocusBlur.interface.ts
@@ -0,0 +1,4 @@
+export interface IMyInputFocusBlur {
+  reason: number;
+  value: string;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/inputfieldChanged.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/inputfieldChanged.interface.ts
new file mode 100644
index 0000000..bb4965a
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/inputfieldChanged.interface.ts
@@ -0,0 +1,5 @@
+export interface IMyInputFieldChanged {
+  value: string;
+  dateFormat: string;
+  valid: boolean;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/locale.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/locale.interface.ts
new file mode 100644
index 0000000..cc07525
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/locale.interface.ts
@@ -0,0 +1,5 @@
+import { IMyOptions } from './options.interface';
+
+export interface IMyLocales {
+  [lang: string]: IMyOptions;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/markedDate.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/markedDate.interface.ts
new file mode 100644
index 0000000..d8cb93e
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/markedDate.interface.ts
@@ -0,0 +1,4 @@
+export interface IMyMarkedDate {
+  marked: boolean;
+  color: string;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/markedDates.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/markedDates.interface.ts
new file mode 100644
index 0000000..b007ccb
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/markedDates.interface.ts
@@ -0,0 +1,6 @@
+import { IMyDate } from './date.interface';
+
+export interface IMyMarkedDates {
+  dates: Array<IMyDate>;
+  color: string;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/month.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/month.interface.ts
new file mode 100644
index 0000000..9d055a1
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/month.interface.ts
@@ -0,0 +1,5 @@
+export interface IMyMonth {
+  monthTxt: string;
+  monthNbr: number;
+  year: number;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/monthLabels.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/monthLabels.interface.ts
new file mode 100644
index 0000000..f563a8d
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/monthLabels.interface.ts
@@ -0,0 +1,3 @@
+export interface IMyMonthLabels {
+  [month: number]: string;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/options.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/options.interface.ts
new file mode 100644
index 0000000..87f8e91
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/options.interface.ts
@@ -0,0 +1,57 @@
+import { IMyDayLabels } from './dayLabels.interface';
+import { IMyMonthLabels } from './monthLabels.interface';
+import { IMyDate } from './date.interface';
+import { IMyDateRange } from './dateRange.interface';
+import { IMyMarkedDates } from './markedDates.interface';
+import { IMyMarkedDate } from './markedDate.interface';
+
+export interface IMyOptions {
+  closeAfterSelect?: boolean;
+  startDate?: string;
+  dayLabelsFull?: IMyDayLabels;
+  dayLabels?: IMyDayLabels;
+  monthLabelsFull?: IMyMonthLabels;
+  monthLabels?: IMyMonthLabels;
+  dateFormat?: string;
+  showTodayBtn?: boolean;
+  todayBtnTxt?: string;
+  clearBtnTxt?: string;
+  closeBtnTxt?: string;
+  firstDayOfWeek?: string;
+  sunHighlight?: boolean;
+  markCurrentDay?: boolean;
+  disableUntil?: IMyDate;
+  disableSince?: IMyDate;
+  disableDays?: Array<IMyDate>;
+  enableDays?: Array<IMyDate>;
+  markDates?: Array<IMyMarkedDates>;
+  markWeekends?: IMyMarkedDate;
+  disableDateRanges?: Array<IMyDateRange>;
+  disableWeekends?: boolean;
+  showWeekNumbers?: boolean;
+  height?: string;
+  width?: string;
+  selectionTxtFontSize?: string;
+  inline?: boolean;
+  showClearDateBtn?: boolean;
+  alignSelectorRight?: boolean;
+  openSelectorTopOfInput?: boolean;
+  indicateInvalidDate?: boolean;
+  editableDateField?: boolean;
+  editableMonthAndYear?: boolean;
+  disableHeaderButtons?: boolean;
+  minYear?: number;
+  maxYear?: number;
+  componentDisabled?: boolean;
+  showSelectorArrow?: boolean;
+  showInputField?: boolean;
+  openSelectorOnInputClick?: boolean;
+  inputAutoFill?: boolean;
+  ariaLabelInputField?: string;
+  ariaLabelClearDate?: string;
+  ariaLabelOpenCalendar?: string;
+  ariaLabelPrevMonth?: string;
+  ariaLabelNextMonth?: string;
+  ariaLabelPrevYear?: string;
+  ariaLabelNextYear?: string;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/week.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/week.interface.ts
new file mode 100644
index 0000000..bf9cd16
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/week.interface.ts
@@ -0,0 +1,6 @@
+import { IMyCalendarDay } from './calendarDay.interface';
+
+export interface IMyWeek {
+  week: Array<IMyCalendarDay>;
+  weekNbr: number;
+}
diff --git a/src/app/typescripts/pro/date-picker/interfaces/weekday.interface.ts b/src/app/typescripts/pro/date-picker/interfaces/weekday.interface.ts
new file mode 100644
index 0000000..62504d3
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/interfaces/weekday.interface.ts
@@ -0,0 +1,4 @@
+export interface IMyWeekday {
+  number: number;
+  weekday: string;
+}
diff --git a/src/app/typescripts/pro/date-picker/licens.md b/src/app/typescripts/pro/date-picker/licens.md
new file mode 100644
index 0000000..6c4da02
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/licens.md
@@ -0,0 +1 @@
+https://github.com/kekeh/mydatepicker/blob/master/LICENSE
\ No newline at end of file
diff --git a/src/app/typescripts/pro/date-picker/services/datepickerLocale.service.ts b/src/app/typescripts/pro/date-picker/services/datepickerLocale.service.ts
new file mode 100644
index 0000000..c24857b
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/services/datepickerLocale.service.ts
@@ -0,0 +1,71 @@
+import { Injectable } from '@angular/core';
+import { IMyLocales, IMyOptions } from '../interfaces/index';
+
+@Injectable()
+export class LocaleService {
+  private locales: IMyLocales = {
+    'en': {
+      dayLabelsFull: {
+        su: 'Sunday',
+        mo: 'Monday',
+        tu: 'Tuesday',
+        we: 'Wednesday',
+        th: 'Thursday',
+        fr: 'Friday',
+        sa: 'Saturday'
+      },
+      dayLabels: {
+        su: 'Sun',
+        mo: 'Mon',
+        tu: 'Tue',
+        we: 'Wed',
+        th: 'Thu',
+        fr: 'Fri',
+        sa: 'Sat'
+      },
+      monthLabelsFull: {
+        1: 'January',
+        2: 'February',
+        3: 'March',
+        4: 'April',
+        5: 'May',
+        6: 'June',
+        7: 'July',
+        8: 'August',
+        9: 'September',
+        10: 'October',
+        11: 'November',
+        12: 'December'
+      },
+      monthLabels: {
+        1: 'Jan',
+        2: 'Feb',
+        3: 'Mar',
+        4: 'Apr',
+        5: 'May',
+        6: 'Jun',
+        7: 'Jul',
+        8: 'Aug',
+        9: 'Sep',
+        10: 'Oct',
+        11: 'Nov',
+        12: 'Dec'
+      },
+      dateFormat: 'yyyy-mm-dd',
+      todayBtnTxt: 'Today',
+      clearBtnTxt: 'Clear',
+      closeBtnTxt: 'Close',
+      firstDayOfWeek: 'mo',
+      sunHighlight: true,
+    }
+  };
+
+  getLocaleOptions(locale: string): IMyOptions {
+    if (locale && this.locales.hasOwnProperty(locale)) {
+      // User given locale
+      return this.locales[locale];
+    }
+    // Default: en
+    return this.locales['en'];
+  }
+}
diff --git a/src/app/typescripts/pro/date-picker/services/datepickerUtil.service.ts b/src/app/typescripts/pro/date-picker/services/datepickerUtil.service.ts
new file mode 100644
index 0000000..7f383a6
--- /dev/null
+++ b/src/app/typescripts/pro/date-picker/services/datepickerUtil.service.ts
@@ -0,0 +1,215 @@
+import { Injectable } from '@angular/core';
+import { IMyDate } from '../interfaces/date.interface';
+import { IMyDateRange } from '../interfaces/dateRange.interface';
+import { IMyMonth } from '../interfaces/month.interface';
+import { IMyMonthLabels } from '../interfaces/monthLabels.interface';
+import { IMyMarkedDates } from '../interfaces/markedDates.interface';
+import { IMyMarkedDate } from '../interfaces/markedDate.interface';
+
+@Injectable()
+export class UtilService {
+  isDateValid(dateStr: string,
+    dateFormat: string,
+    minYear: number,
+    maxYear: number,
+    disableUntil: IMyDate,
+    disableSince: IMyDate,
+    disableWeekends: boolean,
+    disableDays: Array<IMyDate>,
+    disableDateRanges: Array<IMyDateRange>,
+    monthLabels: IMyMonthLabels,
+    enableDays: Array<IMyDate>
+    ): IMyDate {
+    const returnDate: IMyDate = {day: 0, month: 0, year: 0};
+    const daysInMonth: Array<number> = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+    const isMonthStr: boolean = this.getDatePartIndex(dateFormat, 'mmm') !== -1;
+
+    if (dateStr.length !== dateFormat.length) {
+      return returnDate;
+    }
+
+    const separator: string = this.getDateFormatSeparator(dateFormat);
+
+    const parts: Array<string> = dateStr.split(separator);
+    if (parts.length !== 3) {
+      return returnDate;
+    }
+
+    const day: number = this.parseDatePartNumber(dateFormat, dateStr, 'dd');
+    const month: number = isMonthStr ?
+    this.parseDatePartMonthName(dateFormat, dateStr, 'mmm', monthLabels) :
+    this.parseDatePartNumber(dateFormat, dateStr, 'mm');
+    const year: number = this.parseDatePartNumber(dateFormat, dateStr, 'yyyy');
+
+    if (day !== -1 && month !== -1 && year !== -1) {
+      if (year < minYear || year > maxYear || month < 1 || month > 12) {
+        return returnDate;
+      }
+
+      const date: IMyDate = {year: year, month: month, day: day};
+
+      if (this.isDisabledDay(date, disableUntil, disableSince, disableWeekends, disableDays, disableDateRanges, enableDays)) {
+        return returnDate;
+      }
+
+      if (year % 400 === 0 || (year % 100 !== 0 && year % 4 === 0)) {
+        daysInMonth[1] = 29;
+      }
+
+      if (day < 1 || day > daysInMonth[month - 1]) {
+        return returnDate;
+      }
+
+      // Valid date
+      return date;
+    }
+    return returnDate;
+  }
+
+  getDateFormatSeparator(dateFormat: string): string {
+    return dateFormat.replace(/[dmy]/g, '')[0];
+  }
+
+  isMonthLabelValid(monthLabel: string, monthLabels: IMyMonthLabels): number {
+    for (let key = 1; key <= 12; key++) {
+      if (monthLabel.toLowerCase() === monthLabels[key].toLowerCase()) {
+        return key;
+      }
+    }
+    return -1;
+  }
+
+  isYearLabelValid(yearLabel: number, minYear: number, maxYear: number): number {
+    if (yearLabel >= minYear && yearLabel <= maxYear) {
+      return yearLabel;
+    }
+    return -1;
+  }
+
+  parseDatePartNumber(dateFormat: string, dateString: string, datePart: string): number {
+    const pos: number = this.getDatePartIndex(dateFormat, datePart);
+    if (pos !== -1) {
+      const value: string = dateString.substring(pos, pos + datePart.length);
+      if (!/^\d+$/.test(value)) {
+        return -1;
+      }
+      return parseInt(value, 0);
+    }
+    return -1;
+  }
+
+  parseDatePartMonthName(dateFormat: string, dateString: string, datePart: string, monthLabels: IMyMonthLabels): number {
+    const pos: number = this.getDatePartIndex(dateFormat, datePart);
+    if (pos !== -1) {
+      return this.isMonthLabelValid(dateString.substring(pos, pos + datePart.length), monthLabels);
+    }
+    return -1;
+  }
+
+  getDatePartIndex(dateFormat: string, datePart: string): number {
+    return dateFormat.indexOf(datePart);
+  }
+
+  // parseDefaultMonth(monthString: string): IMyMonth {
+    parseDefaultMonth(monthString: string | any): IMyMonth {
+    const month: IMyMonth = {monthTxt: '', monthNbr: 0, year: 0};
+    if (monthString !== '') {
+      const split = monthString.split(monthString.match(/[^0-9]/)[0]);
+      month.monthNbr = split[0].length === 2 ? parseInt(split[0], 0) : parseInt(split[1], 0);
+      month.year = split[0].length === 2 ? parseInt(split[1], 0) : parseInt(split[0], 0);
+    }
+    return month;
+  }
+
+  isDisabledDay(  date: IMyDate,
+    disableUntil: IMyDate,
+    disableSince: IMyDate,
+    disableWeekends: boolean,
+    disableDays: Array<IMyDate>,
+    disableDateRanges: Array<IMyDateRange>,
+    enableDays: Array<IMyDate>
+    ): boolean {
+    for (const e of enableDays) {
+      if (e.year === date.year && e.month === date.month && e.day === date.day) {
+        return false;
+      }
+    }
+
+    const dateMs: number = this.getTimeInMilliseconds(date);
+    if (this.isInitializedDate(disableUntil) && dateMs <= this.getTimeInMilliseconds(disableUntil)) {
+      return true;
+    }
+
+    if (this.isInitializedDate(disableSince) && dateMs >= this.getTimeInMilliseconds(disableSince)) {
+      return true;
+    }
+
+    if (disableWeekends) {
+      const dn = this.getDayNumber(date);
+      if (dn === 0 || dn === 6) {
+        return true;
+      }
+    }
+
+    for (const d of disableDays) {
+      if (d.year === date.year && d.month === date.month && d.day === date.day) {
+        return true;
+      }
+    }
+
+    for (const d of disableDateRanges) {
+      if (this.isInitializedDate(d.begin) &&
+        this.isInitializedDate(d.end) &&
+        dateMs >= this.getTimeInMilliseconds(d.begin) &&
+        dateMs <= this.getTimeInMilliseconds(d.end)
+        )  {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  isMarkedDate(date: IMyDate, markedDates: Array<IMyMarkedDates>, markWeekends: IMyMarkedDate): IMyMarkedDate {
+    for (const md of markedDates) {
+      for (const d of md.dates) {
+        if (d.year === date.year && d.month === date.month && d.day === date.day) {
+          return {marked: true, color: md.color};
+        }
+      }
+    }
+    if (markWeekends && markWeekends.marked) {
+      const dayNbr = this.getDayNumber(date);
+      if (dayNbr === 0 || dayNbr === 6) {
+        return {marked: true, color: markWeekends.color};
+      }
+    }
+    return {marked: false, color: ''};
+  }
+
+  getWeekNumber(date: IMyDate): number {
+    const d: Date = new Date(date.year, date.month - 1, date.day, 0, 0, 0, 0);
+    d.setDate(d.getDate() + (d.getDay() === 0 ? -3 : 4 - d.getDay()));
+    return Math.round(((d.getTime() - new Date(d.getFullYear(), 0, 4).getTime()) / 86400000) / 7) + 1;
+  }
+
+  isMonthDisabledByDisableUntil(date: IMyDate, disableUntil: IMyDate): boolean {
+    return this.isInitializedDate(disableUntil) && this.getTimeInMilliseconds(date) <= this.getTimeInMilliseconds(disableUntil);
+  }
+
+  isMonthDisabledByDisableSince(date: IMyDate, disableSince: IMyDate): boolean {
+    return this.isInitializedDate(disableSince) && this.getTimeInMilliseconds(date) >= this.getTimeInMilliseconds(disableSince);
+  }
+
+  isInitializedDate(date: IMyDate): boolean {
+    return date.year !== 0 && date.month !== 0 && date.day !== 0;
+  }
+
+  getTimeInMilliseconds(date: IMyDate): number {
+    return new Date(date.year, date.month - 1, date.day, 0, 0, 0, 0).getTime();
+  }
+
+  getDayNumber(date: IMyDate): number {
+    const d: Date = new Date(date.year, date.month - 1, date.day, 0, 0, 0, 0);
+    return d.getDay();
+  }
+}
diff --git a/src/app/typescripts/pro/easy-charts/chart-simple.component.html b/src/app/typescripts/pro/easy-charts/chart-simple.component.html
new file mode 100644
index 0000000..08ab334
--- /dev/null
+++ b/src/app/typescripts/pro/easy-charts/chart-simple.component.html
@@ -0,0 +1,4 @@
+<span class="min-chart">
+  <span class="percent">{{ percent }}</span>
+  <mdb-easy-pie-chart [percent]="percent" [options]="options"></mdb-easy-pie-chart>
+</span>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/easy-charts/chart-simple.component.ts b/src/app/typescripts/pro/easy-charts/chart-simple.component.ts
new file mode 100644
index 0000000..2ec19d5
--- /dev/null
+++ b/src/app/typescripts/pro/easy-charts/chart-simple.component.ts
@@ -0,0 +1,57 @@
+
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'mdb-simple-chart',
+  templateUrl: './chart-simple.component.html',
+  styles: []
+})
+export class SimpleChartComponent implements OnInit {
+  @Input('percent') percent: any;
+  @Input('barColor') barColor: string;
+  @Input('trackColor') trackColor: string;
+  @Input('scaleColor') scaleColor: string;
+  @Input('scaleLength') scaleLength: number;
+  @Input('lineCap') lineCap: string;
+  @Input('lineWidth') lineWidth: number;
+  @Input('trackWidth') trackWidth: number;
+  @Input('size') size: number;
+  @Input('rotate') rotate: number;
+  @Input('animate') animate: { duration: string, enabled: boolean};
+  public options: any = {
+    barColor: null,
+    trackColor: null,
+    scaleColor: null,
+    scaleLength: '',
+    lineCap: null,
+    lineWidth: null,
+    trackWidth: null,
+    size: null,
+    rotate: null,
+    duration: null,
+    enableAnimation: null,
+    animate: {
+       duration: 1000,
+       enabled: true
+     }
+  };
+
+  constructor() {
+  }
+
+  ngOnInit() {
+    this.options.barColor = '#' + this.barColor;
+    this.options.trackColor = '#' + this.trackColor;
+    this.options.scaleColor = '#' + this.scaleColor;
+    this.options.scaleLength = this.scaleLength;
+    this.options.lineCap = this.lineCap;
+    this.options.lineWidth = this.lineWidth;
+    this.options.trackWidth = this.trackWidth;
+    this.options.size = this.size;
+    this.options.rotate = this.rotate;
+    this.options.animate.duration = this.animate.duration;
+    this.options.animate.enabled = this.animate.enabled;
+  }
+
+}
+
diff --git a/src/app/typescripts/pro/easy-charts/chart-simple.module.ts b/src/app/typescripts/pro/easy-charts/chart-simple.module.ts
new file mode 100644
index 0000000..49cc531
--- /dev/null
+++ b/src/app/typescripts/pro/easy-charts/chart-simple.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+
+import { SimpleChartComponent } from './chart-simple.component';
+import { EasyPieChartComponent } from './chart-smallpie.component';
+
+@NgModule({
+  declarations: [
+  SimpleChartComponent, EasyPieChartComponent
+  ],
+  exports: [
+   SimpleChartComponent, EasyPieChartComponent
+  ],
+  imports: []
+})
+export class ChartSimpleModule {
+}
diff --git a/src/app/typescripts/pro/easy-charts/chart-smallpie.component.ts b/src/app/typescripts/pro/easy-charts/chart-smallpie.component.ts
new file mode 100644
index 0000000..c712990
--- /dev/null
+++ b/src/app/typescripts/pro/easy-charts/chart-smallpie.component.ts
@@ -0,0 +1,50 @@
+import { Component, ElementRef, OnInit, OnChanges, SimpleChanges, Input } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { PLATFORM_ID, Inject } from '@angular/core';
+declare var EasyPieChart: any;
+
+@Component({
+  selector: 'mdb-easy-pie-chart',
+  template: '<div>Loading</div>'
+})
+export class EasyPieChartComponent implements OnInit, OnChanges {
+  @Input('percent') percent: any;
+  @Input('options') options: any;
+  element: any;
+  pieChart: any;
+  isBrowser: any = false;
+
+  constructor(el: ElementRef, @Inject(PLATFORM_ID) platformId: string) {
+    this.isBrowser = isPlatformBrowser(platformId);
+    this.element = el;
+    const options = {
+      barColor: '#ef1e25',
+      trackColor: '#f9f9f9',
+      scaleColor: '#dfe0e0',
+      scaleLength: 5,
+      lineCap: 'round',
+      lineWidth: 3,
+      size: 110,
+      rotate: 0,
+      animate: {
+        duration: 1000,
+        enabled: true
+      }
+    };
+    this.options = Object.assign(options, this.options);
+  }
+
+  ngOnInit() {
+    if (this.isBrowser) {
+      this.element.nativeElement.innerHTML = '';
+      this.pieChart = new EasyPieChart(this.element.nativeElement, this.options);
+      this.pieChart.update(this.percent);
+    }
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    if (!changes['percent'].isFirstChange()) {
+      this.pieChart.update(this.percent);
+    }
+  }
+}
diff --git a/src/app/typescripts/pro/easy-charts/index.ts b/src/app/typescripts/pro/easy-charts/index.ts
new file mode 100644
index 0000000..34f32f3
--- /dev/null
+++ b/src/app/typescripts/pro/easy-charts/index.ts
@@ -0,0 +1,3 @@
+export * from './chart-simple.component';
+export * from './chart-smallpie.component';
+export * from './chart-simple.module';
diff --git a/src/app/typescripts/pro/easy-charts/licens.md b/src/app/typescripts/pro/easy-charts/licens.md
new file mode 100644
index 0000000..a9cf4e9
--- /dev/null
+++ b/src/app/typescripts/pro/easy-charts/licens.md
@@ -0,0 +1,5 @@
+https://github.com/valor-software/ng2-charts/blob/development/LICENSE
+https://github.com/chartjs/Chart.js/blob/master/LICENSE.md
+https://github.com/rendro/easy-pie-chart/blob/master/LICENSE
+https://www.npmjs.com/package/ng2modules-easypiechart
+
diff --git a/src/app/typescripts/pro/file-input/classes/mdb-uploader.class.ts b/src/app/typescripts/pro/file-input/classes/mdb-uploader.class.ts
new file mode 100644
index 0000000..1142265
--- /dev/null
+++ b/src/app/typescripts/pro/file-input/classes/mdb-uploader.class.ts
@@ -0,0 +1,260 @@
+import { EventEmitter } from '@angular/core';
+import { Observable } from 'rxjs/Observable';
+import { Subscription } from 'rxjs/Subscription';
+// import { Subscriber } from 'rxjs/Subscriber';
+import 'rxjs/add/observable/merge';
+import 'rxjs/add/observable/from';
+import 'rxjs/add/operator/mergeAll';
+import 'rxjs/add/operator/combineLatest';
+
+export enum UploadStatus {
+  Queue,
+  Uploading,
+  Done,
+  Canceled
+}
+
+export interface UploadProgress {
+  status: UploadStatus;
+  data?: {
+    percentage: number;
+    speed: number;
+    speedHuman: string;
+  };
+}
+
+export interface UploadFile {
+  id: string;
+  fileIndex: number;
+  lastModifiedDate: Date;
+  name: string;
+  size: number;
+  type: string;
+  progress: UploadProgress | any;
+  response?: any;
+}
+
+export interface UploadOutput {
+  type: 'addedToQueue' | 'allAddedToQueue' | 'uploading' | 'done' | 'removed' | 'start' | 'cancelled' | 'dragOver' | 'dragOut' | 'drop';
+  file?: UploadFile;
+}
+
+export interface UploadInput {
+  type: 'uploadAll' | 'uploadFile' | 'cancel' | 'cancelAll';
+  url?: string;
+  method?: string;
+  id?: string;
+  fileIndex?: number;
+  file?: UploadFile;
+  data?: { [key: string]: string | Blob };
+  headers?: { [key: string]: string };
+  concurrency?: number;
+}
+
+export function humanizeBytes(bytes: number): string {
+  if (bytes === 0) {
+    return '0 Byte';
+  }
+
+  const k = 1024;
+  const sizes: string[] = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];
+  const i: number = Math.floor(Math.log(bytes) / Math.log(k));
+
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+}
+
+export class MDBUploaderService {
+  public setToNullValue: any = null;
+  fileList: FileList;
+  // files: UploadFile[];
+  files: UploadFile[] | any;
+  // uploads: { file?: UploadFile, files?: UploadFile[], sub: Subscription }[];
+  uploads: { file?: UploadFile, files?: UploadFile[], sub: Subscription }[] | any;
+  serviceEvents: EventEmitter<UploadOutput>;
+
+  constructor() {
+    this.files = [];
+    this.serviceEvents = new EventEmitter<any>();
+    this.uploads = [];
+  }
+
+  handleFiles(files: FileList): void {
+    this.fileList = files;
+
+    this.files = [].map.call(files, (file: File, i: number) => {
+      // const uploadFile: UploadFile = {
+        const uploadFile: UploadFile | any = {
+        fileIndex: i,
+        id: this.generateId(),
+        name: file.name,
+        size: file.size,
+        type: file.type,
+        progress: {
+          status: UploadStatus.Queue,
+          data: {
+            percentage: 0,
+            speed: null,
+            speedHuman: null
+          }
+        },
+        lastModifiedDate: file.lastModifiedDate
+      };
+
+      this.serviceEvents.emit({ type: 'addedToQueue', file: uploadFile });
+      return uploadFile;
+    });
+
+    this.serviceEvents.emit({ type: 'allAddedToQueue' });
+  }
+
+  initInputEvents(input: EventEmitter<UploadInput>): void {
+    // input.subscribe((event: UploadInput) => {
+      // input.subscribe((event: UploadInput) => {
+        input.subscribe((event: UploadInput | any) => {
+      switch (event.type) {
+        case 'uploadFile':
+          this.serviceEvents.emit({ type: 'start', file: event.file });
+          const sub = this.uploadFile(event.file, event).subscribe((data: any) => {
+            this.serviceEvents.emit(data);
+          });
+
+          this.uploads.push({ file: event.file, sub: sub });
+        break;
+        case 'uploadAll':
+          // Lines 118, 121 and 129 commented due to ts comipilator check “noUnusedLocals”: true, “noUnusedParameters”: true,
+          // const concurrency = event.concurrency > 0 ? event.concurrency : Number.POSITIVE_INFINITY;
+
+          // const subscriber = Subscriber.create((data: UploadOutput) => {
+          //   this.serviceEvents.emit(data);
+          // });
+
+          this.uploads = this.uploads.concat(this.files.map((file: any) => {
+            return { file: file, sub: this.setToNullValue };
+          }));
+
+          // const subscription = Observable.from(this.files.map(file => this.uploadFile(file, event)))
+          //   .mergeAll(concurrency)
+          //   .combineLatest(data => data)
+          //   .subscribe(subscriber);
+        break;
+        case 'cancel':
+          const id = event.id || null;
+          if (!id) {
+            return;
+          }
+
+          // const index = this.uploads.findIndex(upload => upload.file.id === id);
+          const index: any = this.uploads.findIndex((upload: any) => upload.file.id === id);
+          if (index !== -1) {
+            if (this.uploads[index].sub) {
+              this.uploads[index].sub.unsubscribe();
+            }
+
+            this.serviceEvents.emit({ type: 'cancelled', file: this.uploads[index].file });
+            this.uploads[index].file.progress.status = UploadStatus.Canceled;
+          }
+        break;
+        case 'cancelAll':
+          // this.uploads.forEach(upload => {
+            this.uploads.forEach((upload: any) => {
+            upload.file.progress.status = UploadStatus.Canceled;
+            this.serviceEvents.emit({ type: 'cancelled', file: upload.file });
+          });
+        break;
+      }
+    });
+  }
+
+  // uploadFile(file: UploadFile, event: UploadInput): Observable<UploadOutput> {
+    uploadFile(file: UploadFile, event: UploadInput): Observable<UploadOutput> | any {
+    return new Observable(observer => {
+      const url: any = event.url;
+      const method = event.method || 'POST';
+      const data = event.data || {};
+      const headers = event.headers || {};
+
+      const reader = new FileReader();
+      const xhr = new XMLHttpRequest();
+      let time: number = new Date().getTime();
+      let load = 0;
+
+      xhr.upload.addEventListener('progress', (e: ProgressEvent) => {
+        if (e.lengthComputable) {
+          const percentage = Math.round((e.loaded * 100) / e.total);
+          const diff = new Date().getTime() - time;
+          time += diff;
+          load = e.loaded - load;
+          const speed = parseInt((load / diff * 1000) as any, 10);
+
+          file.progress = {
+            status: UploadStatus.Uploading,
+            data: {
+              percentage: percentage,
+              speed: speed,
+              speedHuman: `${humanizeBytes(speed)}/s`
+            }
+          };
+
+          observer.next({ type: 'uploading', file: file });
+        }
+      }, false);
+
+      xhr.upload.addEventListener('error', (e: Event) => {
+        observer.error(e);
+        observer.complete();
+      });
+
+      xhr.onreadystatechange = () => {
+        if (xhr.readyState === XMLHttpRequest.DONE) {
+          file.progress = {
+            status: UploadStatus.Done,
+            data: {
+              percentage: 100,
+              speed: null,
+              speedHuman: null
+            }
+          };
+
+          try {
+            file.response = JSON.parse(xhr.response);
+          } catch (e) {
+            file.response = xhr.response;
+          }
+
+          observer.next({ type: 'done', file: file });
+          observer.complete();
+        }
+      };
+
+      xhr.open(method, url, true);
+
+      const form = new FormData();
+      try {
+        const uploadFile: any = this.fileList.item(file.fileIndex);
+        const uploadIndex: any = this.uploads.findIndex((upload: any) => upload.file.size === uploadFile.size);
+        if (this.uploads[uploadIndex].file.progress.status === UploadStatus.Canceled) {
+          observer.complete();
+        }
+
+        form.append('file', uploadFile, uploadFile.name);
+
+        Object.keys(data).forEach(key => form.append(key, data[key]));
+        Object.keys(headers).forEach(key => xhr.setRequestHeader(key, headers[key]));
+
+        this.serviceEvents.emit({ type: 'start', file: file });
+        xhr.send(form);
+      } catch (e) {
+        observer.complete();
+      }
+
+      return () => {
+        xhr.abort();
+        reader.abort();
+      };
+    });
+  }
+
+  generateId(): string {
+    return Math.random().toString(36).substring(7);
+  }
+}
diff --git a/src/app/typescripts/pro/file-input/directives/mdb-file-drop.directive.ts b/src/app/typescripts/pro/file-input/directives/mdb-file-drop.directive.ts
new file mode 100644
index 0000000..82e1e5a
--- /dev/null
+++ b/src/app/typescripts/pro/file-input/directives/mdb-file-drop.directive.ts
@@ -0,0 +1,84 @@
+import { Directive, ElementRef, EventEmitter, Input, Output, OnInit, OnDestroy, PLATFORM_ID, Inject, HostListener } from '@angular/core';
+import { isPlatformServer } from '@angular/common';
+import { MDBUploaderService, UploadOutput, UploadInput } from '../classes/mdb-uploader.class';
+
+@Directive({
+  selector: '[mdbFileDrop]'
+})
+export class MDBFileDropDirective implements OnInit, OnDestroy {
+  @Input() uploadInput: EventEmitter<UploadInput>;
+  @Output() uploadOutput: EventEmitter<UploadOutput>;
+
+  upload: MDBUploaderService;
+  isServer: boolean = isPlatformServer(this.platform_id);
+  el: HTMLInputElement;
+
+  constructor(@Inject(PLATFORM_ID) private platform_id: any, private elementRef: ElementRef) {
+    this.upload = new MDBUploaderService();
+    this.uploadOutput = new EventEmitter<UploadOutput>();
+  }
+
+  ngOnInit() {
+    if (this.isServer) {
+      return;
+    }
+
+    this.el = this.elementRef.nativeElement;
+
+    this.upload.serviceEvents.subscribe((event: UploadOutput) => {
+      this.uploadOutput.emit(event);
+    });
+
+    if (this.uploadInput instanceof EventEmitter) {
+      this.upload.initInputEvents(this.uploadInput);
+    }
+
+    this.el.addEventListener('drop', this.stopEvent, false);
+    this.el.addEventListener('dragenter', this.stopEvent, false);
+    this.el.addEventListener('dragover', this.stopEvent, false);
+    this.el.addEventListener('dragover', this.stopEvent, false);
+  }
+
+  ngOnDestroy() {
+    if (this.isServer) {
+      return;
+    }
+
+    this.uploadInput.unsubscribe();
+  }
+
+  stopEvent = (e: Event) => {
+    e.stopPropagation();
+    e.preventDefault();
+  }
+
+  @HostListener('drop', ['$event'])
+  public onDrop(e: any) {
+    e.stopPropagation();
+    e.preventDefault();
+
+    const event: UploadOutput = { type: 'drop' };
+    this.uploadOutput.emit(event);
+    this.upload.handleFiles(e.dataTransfer.files);
+  }
+
+  @HostListener('dragover', ['$event'])
+  public onDragOver(e: Event) {
+    if (!e) {
+      return;
+    }
+
+    const event: UploadOutput = { type: 'dragOver' };
+    this.uploadOutput.emit(event);
+  }
+
+  @HostListener('dragleave', ['$event'])
+  public onDragLeave(e: Event) {
+    if (!e) {
+      return;
+    }
+
+    const event: UploadOutput = { type: 'dragOut' };
+    this.uploadOutput.emit(event);
+  }
+}
diff --git a/src/app/typescripts/pro/file-input/directives/mdb-file-select.directive.ts b/src/app/typescripts/pro/file-input/directives/mdb-file-select.directive.ts
new file mode 100644
index 0000000..3e390f5
--- /dev/null
+++ b/src/app/typescripts/pro/file-input/directives/mdb-file-select.directive.ts
@@ -0,0 +1,51 @@
+import { Directive, ElementRef, EventEmitter, Input, Output, OnInit, OnDestroy, PLATFORM_ID, Inject } from '@angular/core';
+import { isPlatformServer } from '@angular/common';
+import { MDBUploaderService, UploadOutput } from '../classes/mdb-uploader.class';
+
+@Directive({
+  selector: '[mdbFileSelect]'
+})
+export class MDBFileSelectDirective implements OnInit, OnDestroy {
+  @Input() uploadInput: EventEmitter<any>;
+  @Output() uploadOutput: EventEmitter<UploadOutput>;
+
+  upload: MDBUploaderService;
+  isServer: boolean = isPlatformServer(this.platform_id);
+  // el: HTMLInputElement;
+  el: HTMLInputElement | any;
+
+  constructor(@Inject(PLATFORM_ID) private platform_id: any, private elementRef: ElementRef) {
+    this.upload = new MDBUploaderService();
+    this.uploadOutput = new EventEmitter<UploadOutput>();
+  }
+
+  ngOnInit() {
+    if (this.isServer) {
+      return;
+    }
+
+    this.el = this.elementRef.nativeElement;
+    this.el.addEventListener('change', this.fileListener, false);
+
+    this.upload.serviceEvents.subscribe((event: UploadOutput) => {
+      this.uploadOutput.emit(event);
+    });
+
+    if (this.uploadInput instanceof EventEmitter) {
+      this.upload.initInputEvents(this.uploadInput);
+    }
+  }
+
+  ngOnDestroy() {
+    if (this.isServer) {
+      return;
+    }
+
+    this.el.removeEventListener('change', this.fileListener, false);
+    this.uploadInput.unsubscribe();
+  }
+
+  fileListener = () => {
+    this.upload.handleFiles(this.el.files);
+  }
+}
diff --git a/src/app/typescripts/pro/file-input/index.ts b/src/app/typescripts/pro/file-input/index.ts
new file mode 100644
index 0000000..1e9a51f
--- /dev/null
+++ b/src/app/typescripts/pro/file-input/index.ts
@@ -0,0 +1,4 @@
+export * from './module/mdb-uploader.module'
+export * from './classes/mdb-uploader.class';
+export * from './directives/mdb-file-select.directive';
+export * from './directives/mdb-file-drop.directive';
diff --git a/src/app/typescripts/pro/file-input/module/mdb-uploader.module.ts b/src/app/typescripts/pro/file-input/module/mdb-uploader.module.ts
new file mode 100644
index 0000000..b63c475
--- /dev/null
+++ b/src/app/typescripts/pro/file-input/module/mdb-uploader.module.ts
@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { MDBFileDropDirective } from '../directives/mdb-file-drop.directive';
+import { MDBFileSelectDirective } from '../directives/mdb-file-select.directive';
+
+@NgModule({
+  declarations: [
+  MDBFileSelectDirective,
+  MDBFileDropDirective
+  ],
+  exports: [
+  MDBFileSelectDirective,
+  MDBFileDropDirective
+  ]
+})
+export class MDBUploaderModule {}
diff --git a/src/app/typescripts/pro/index.ts b/src/app/typescripts/pro/index.ts
new file mode 100644
index 0000000..ccf89c7
--- /dev/null
+++ b/src/app/typescripts/pro/index.ts
@@ -0,0 +1,151 @@
+import { ModuleWithProviders, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+
+import { Ng2CompleterModule } from './autocomplete';
+import { CardsModule } from './cards/';
+import { MDBUploaderModule } from './file-input/';
+import { MaterialChipsModule } from './tags/';
+import { ProgressBars } from './progressbars/';
+import { TabsModule } from './tabs-pills/';
+import { SelectModule } from './material-select/';
+import { MDBDatePickerModule } from './date-picker/';
+import { TimePickerModule } from './time-picker/';
+import { LightBoxModule } from './lightbox/light-box.module';
+import { SidenavModule } from './sidenav/';
+import { ChartSimpleModule } from './easy-charts/';
+import { SqueezeBoxModule } from './accordion/';
+import { MdbStickyModule } from './sticky-content/';
+import { MDBPageScrollModule } from './smoothscroll/index';
+import { CharCounterModule } from './inputs/';
+
+export {
+  Ng2CompleterModule, CompleterComponent, CompleterListItemComponent, CompleterService, LocalDataFactoryProvider,
+  RemoteDataFactoryProvider, MdbCompleterDirective, MdbDropdownDirective, MdbInputDirective, MdbListDirective, MdbRowDirective
+} from './autocomplete/';
+
+export {
+  CardsModule, CardRotatingComponent, CardRevealComponent
+} from './cards/';
+
+export {
+
+ ProgressbarComponent, ProgressbarConfigComponent, ProgressbarModule, ProgressBars, ProgressDirective,
+ ProgressSpinnerComponent, BarComponent
+} from './progressbars/';
+
+export {
+  MaterialChipsComponent, MaterialChipsModule
+} from './tags/';
+
+export {
+  TabDirective, TabHeadingDirective, TabsetComponent, TabsetConfig, TabsModule, NgTranscludeDirective
+} from './tabs-pills/';
+
+export {
+  MDBSpinningPreloader
+} from './preloader/preloader.service';
+
+// export {
+//   ToastComponent, ToastContainerDirective, ToastContainerModule, ToastInjector, ToastPackage, ToastRef, ToastIconClasses,
+//   ToastModule, ToastService, GlobalConfig, IndividualConfig, Overlay, OVERLAY_PROVIDERS, OverlayContainer, OverlayRef
+// } from './alerts/';
+
+export {
+  SelectModule, Diacritics, Option, OptionList, IOption, SELECT_VALUE_ACCESSOR, SelectComponent, SelectDropdownComponent
+} from './material-select/';
+
+export {
+  MDBDatePickerComponent, MDBDatePickerModule, IMyCalendarDay, IMyCalendarViewChanged, IMyDate, IMyDateModel, IMyDateRange,
+  IMyDayLabels, IMyInputAutoFill, IMyInputFieldChanged, IMyInputFocusBlur, IMyLocales, IMyMarkedDate, IMyMarkedDates,
+  IMyMonth, IMyMonthLabels, IMyOptions, IMyWeek, IMyWeekday, InputAutoFillDirective, MYDP_VALUE_ACCESSOR, UtilService,
+  LocaleService, FocusDirective
+} from './date-picker/';
+
+export {
+  TimePickerModule, ClockPickerComponent
+} from './time-picker/';
+
+export {
+  LightBoxModule, ImageModalComponent
+} from './lightbox/';
+
+export {
+  SidenavComponent, SidenavModule
+} from './sidenav/';
+
+export {
+  ChartSimpleModule, EasyPieChartComponent, SimpleChartComponent
+} from './easy-charts/';
+
+export {
+  SBItemComponent, SBItemBodyComponent, SBItemHeadComponent, SqueezeBoxComponent , SqueezeBoxModule
+} from './accordion/';
+
+export {
+  MdbStickyDirective, MdbStickyModule
+} from './sticky-content/';
+
+export {
+  MDBPageScrollModule, PageScrollDirective, PageScrollConfig, PageScrollingViews, PageScrollInstance, PageScrollService,
+  PageScrollTarget, PageScrollUtilService, EasingLogic
+} from './smoothscroll/';
+
+export {
+  CharCounterDirective, CharCounterModule
+} from './inputs';
+
+export {
+  MDBFileDropDirective, MDBFileSelectDirective, MDBUploaderModule, MDBUploaderService, UploadFile, UploadOutput,
+  UploadInput, humanizeBytes
+} from './file-input';
+
+const MODULES = [
+  Ng2CompleterModule,
+  CardsModule,
+  MDBUploaderModule,
+  MaterialChipsModule,
+  ProgressBars,
+  TabsModule,
+  SelectModule,
+  MDBDatePickerModule,
+  TimePickerModule,
+  LightBoxModule,
+  SidenavModule,
+  ChartSimpleModule,
+  SqueezeBoxModule,
+  MdbStickyModule,
+  MDBPageScrollModule,
+  CharCounterModule
+];
+
+@NgModule({
+  imports: [
+  Ng2CompleterModule,
+  CardsModule.forRoot(),
+  MaterialChipsModule,
+  ProgressBars.forRoot(),
+  TabsModule.forRoot(),
+  SelectModule,
+  MDBDatePickerModule,
+  TimePickerModule,
+  LightBoxModule,
+  SidenavModule,
+  ChartSimpleModule,
+  SqueezeBoxModule,
+  MdbStickyModule,
+  MDBPageScrollModule.forRoot(),
+  CharCounterModule.forRoot()
+  ],
+  exports: MODULES,
+  providers: [
+  ],
+  schemas: [ NO_ERRORS_SCHEMA ]
+})
+export class MDBRootModulePro {
+}
+
+@NgModule({exports: MODULES})
+export class MDBBootstrapModulePro {
+  public static forRoot(): ModuleWithProviders {
+  return {ngModule: MDBRootModulePro};
+  }
+}
diff --git a/src/app/typescripts/pro/inputs/char-counter.directive.ts b/src/app/typescripts/pro/inputs/char-counter.directive.ts
new file mode 100644
index 0000000..63356d5
--- /dev/null
+++ b/src/app/typescripts/pro/inputs/char-counter.directive.ts
@@ -0,0 +1,42 @@
+import { OnInit, Directive, ElementRef, Renderer, Input, HostListener } from '@angular/core';
+
+@Directive({
+  selector: '[mdbCharCounter]'
+})
+
+
+export class CharCounterDirective implements OnInit {
+
+  @Input() public length = 20;
+  public textContainer: any;
+
+  constructor(private _elRef: ElementRef, private _renderer: Renderer) {}
+
+  ngOnInit() {
+    // Inititalise a new <span> element for the count display and render it below the host component.
+    this.textContainer =  this._renderer.createElement(this._elRef.nativeElement.parentElement, 'p');
+    this._renderer.setElementClass(this.textContainer, 'chars', true);
+    this.textContainer.innerHTML = '0/' + this.length;
+    this._renderer.setElementStyle(this.textContainer, 'display', 'none');
+  }
+
+
+  @HostListener('keyup', ['$event']) onKeyUp() {
+     this.textContainer.innerHTML = this._elRef.nativeElement.value.length + '/' + this.length;
+
+     if (this._elRef.nativeElement.value.length > this.length) {
+       this._renderer.setElementClass(this._elRef.nativeElement, 'invalid', true);
+     } else {
+      this._renderer.setElementClass(this._elRef.nativeElement, 'invalid', false);
+     }
+  }
+
+  @HostListener('blur', ['$event']) hide() {
+    this._renderer.setElementStyle(this.textContainer, 'display', 'none');
+  }
+
+  @HostListener('focus', ['$event']) show() {
+    this._renderer.setElementStyle(this.textContainer, 'display', 'block');
+  }
+
+}
diff --git a/src/app/typescripts/pro/inputs/char-counter.module.ts b/src/app/typescripts/pro/inputs/char-counter.module.ts
new file mode 100644
index 0000000..ec726d9
--- /dev/null
+++ b/src/app/typescripts/pro/inputs/char-counter.module.ts
@@ -0,0 +1,13 @@
+import { NgModule, ModuleWithProviders  } from '@angular/core';
+import { CharCounterDirective } from './char-counter.directive';
+
+@NgModule({
+  declarations: [CharCounterDirective],
+  exports: [CharCounterDirective]
+})
+
+export class CharCounterModule {
+  public static forRoot(): ModuleWithProviders {
+    return {ngModule: CharCounterModule, providers: []};
+  }
+}
diff --git a/src/app/typescripts/pro/inputs/index.ts b/src/app/typescripts/pro/inputs/index.ts
new file mode 100644
index 0000000..65ad8ef
--- /dev/null
+++ b/src/app/typescripts/pro/inputs/index.ts
@@ -0,0 +1,2 @@
+export * from './char-counter.directive';
+export * from './char-counter.module';
diff --git a/src/app/typescripts/pro/lightbox/image-popup.html b/src/app/typescripts/pro/lightbox/image-popup.html
new file mode 100644
index 0000000..73b1e85
--- /dev/null
+++ b/src/app/typescripts/pro/lightbox/image-popup.html
@@ -0,0 +1,30 @@
+<div class="ng-gallery mdb-lightbox {{ type }}" *ngIf="showRepeat"> 
+  <figure class="col-md-4" *ngFor ="let i of modalImages; let index = index">
+    <img src="{{ !i.thumb ? i.img : i.thumb }}" class="ng-thumb" (click)="openGallery(index)" alt="Image {{ index + 1 }}" />
+  </figure>
+</div>
+<div  tabindex="0" class="ng-overlay" [class.hide_lightbox]="opened == false">
+  <div class="top-bar" style='z-index: 100000'>
+    <span class="info-text">{{ currentImageIndex + 1 }}/{{ modalImages.length }}</span>    
+    <a class="close-popup" (click)="closeGallery()" (click)="toggleRestart()"></a>
+    <a *ngIf="!is_iPhone_or_iPod" class="fullscreen-toogle" [class.toggled]='fullscreen' (click)="fullScreen()"></a>
+    <a class="zoom-toogle" [class.zoom]='zoom' (click)="toggleZoomed()" *ngIf="!isMobile"></a>
+  </div>
+  <div class="ng-gallery-content">
+    <!--<img *ngIf="!loading" src="{{imgSrc}}" (mousedown)="checkEvent($event)" (mouseup)="setZoom($event)" [class.zoom]='zoom' [class.smooth]='smooth' class="effect" (swipeleft)="swipe($event, $event.type)" (swiperight)="swipe($event, $event.type)"/>-->
+    <img *ngIf="!loading" src="{{imgSrc}}" [class.smooth]='smooth' class="effect" (swipeleft)="swipe($event, $event.type)" (swiperight)="swipe($event, $event.type)" (click)="toggleZoomed()" style="transform: scale(0.9, 0.9)"/>
+
+    <div class="uil-ring-css" *ngIf="loading">
+      <div></div>
+    </div>  
+    <a class="nav-left" *ngIf="modalImages.length >1 && !isMobile" (click)="prevImage()" >
+      <span></span>
+    </a>
+    <a class="nav-right" *ngIf="modalImages.length >1 && !isMobile" (click)="nextImage()">
+      <span></span>
+    </a>
+  </div>
+</div>
+<div *ngIf="openModalWindow">
+  <mdb-image-modal [modalImages]="images" [imagePointer]="imagePointer" (cancelEvent)="cancelImageModel()"></mdb-image-modal>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/lightbox/image-popup.ts b/src/app/typescripts/pro/lightbox/image-popup.ts
new file mode 100644
index 0000000..01246c6
--- /dev/null
+++ b/src/app/typescripts/pro/lightbox/image-popup.ts
@@ -0,0 +1,183 @@
+import { Component, Input, Output, ElementRef, EventEmitter, OnInit, HostListener, PLATFORM_ID, Inject, Renderer2 } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+declare var screenfull: any;
+
+import 'hammerjs';
+
+
+@Component({
+  selector: 'mdb-image-modal',
+  templateUrl: 'image-popup.html',
+  // host: {
+  //   '(document:keyup)': 'keyboardControl($event)'
+  // },
+})
+
+export class ImageModalComponent implements OnInit {
+  public _element: any;
+  public opened = false;
+  public imgSrc: string;
+  public currentImageIndex: number;
+  public loading = false;
+  public showRepeat = false;
+  public isMobile = false;
+
+  public openModalWindow: any;
+
+  clicked: any = false;
+  isBrowser: any = false;
+  zoomed = 'inactive';
+
+  SWIPE_ACTION = { LEFT: 'swipeleft', RIGHT: 'swiperight' };
+
+  @Input('modalImages') public modalImages: any;
+  @Input('imagePointer') public imagePointer: number;
+
+  @Input('fullscreen') public fullscreen: boolean;
+  @Input('zoom') public zoom: boolean;
+  @Input('smooth') public smooth = true;
+  @Input('type') public type: String;
+
+  @Output('cancelEvent') cancelEvent = new EventEmitter<any>();
+
+  constructor( @Inject(PLATFORM_ID) platformId: string, public element: ElementRef, public renderer: Renderer2) {
+    this.isBrowser = isPlatformBrowser(platformId);
+    this._element = this.element.nativeElement;
+    try {
+      document.createEvent('TouchEvent');
+      this.isMobile = true;
+    } catch (err) {
+      this.isMobile = false;
+      return;
+    }
+  }
+
+  toggleZoomed() {
+    // this.zoomed = (this.zoomed === 'inactive') ? 'active' : 'inactive';
+    // this.zoom = !this.zoom;
+    const imgRef = this.element.nativeElement.lastElementChild.lastElementChild.firstElementChild;
+
+    if (!this.clicked) {
+      this.renderer.setStyle(imgRef, 'transform', 'scale(1.0, 1.0');
+      this.renderer.setStyle(imgRef, 'animate', '300ms ease-out');
+      this.renderer.setStyle(imgRef, 'cursor', 'zoom-out');
+      this.clicked = true;
+    } else if (this.clicked) {
+      this.renderer.setStyle(imgRef, 'transform', 'scale(0.9, 0.9');
+      this.renderer.setStyle(imgRef, 'animate', '300ms ease-in');
+      this.renderer.setStyle(imgRef, 'cursor', 'zoom-in');
+      this.clicked = false;
+    }
+  }
+
+
+  toggleRestart() {
+    this.zoomed = (this.zoomed === 'inactive') ? 'active' : 'inactive';
+  }
+
+  ngOnInit() {
+
+    this.loading = true;
+    if (this.imagePointer >= 0) {
+      this.showRepeat = false;
+      this.openGallery(this.imagePointer);
+    } else {
+      this.showRepeat = true;
+    }
+  }
+
+  closeGallery() {
+    // this.smooth = false;
+    this.zoom = false;
+    if (screenfull.enabled) {
+      screenfull.exit();
+    }
+    this.opened = false;
+    this.cancelEvent.emit(null);
+  }
+
+  prevImage() {
+    // this.smooth = false;
+    // this.zoom = false;
+    this.loading = true;
+    this.currentImageIndex--;
+    if (this.currentImageIndex < 0) {
+      this.currentImageIndex = this.modalImages.length - 1;
+    }
+    this.openGallery(this.currentImageIndex);
+  }
+
+  nextImage() {
+    // this.smooth = false;
+    // this.zoom = false;
+    this.loading = true;
+    this.currentImageIndex++;
+    if (this.modalImages.length === this.currentImageIndex) {
+      this.currentImageIndex = 0;
+    }
+    this.openGallery(this.currentImageIndex);
+  }
+
+  openGallery(index: any) {
+    if (!index) {
+      this.currentImageIndex = 1;
+    }
+    this.currentImageIndex = index;
+    this.opened = true;
+    for (let i = 0; i < this.modalImages.length; i++) {
+      if (i === this.currentImageIndex) {
+        this.imgSrc = this.modalImages[i].img;
+        this.loading = false;
+        break;
+      }
+    }
+  }
+
+  fullScreen(): any {
+    if (screenfull.enabled) {
+      screenfull.toggle();
+    }
+  }
+
+  get is_iPhone_or_iPod() {
+    if (this.isBrowser) {
+      if (navigator && navigator.userAgent && navigator.userAgent != null) {
+        const strUserAgent = navigator.userAgent.toLowerCase();
+        const arrMatches = strUserAgent.match(/ipad/);
+        if (arrMatches != null) {
+          return true;
+        }
+      }
+      return false;
+    }
+  }
+
+  @HostListener('document:keyup', ['$event'])
+  keyboardControl(event: KeyboardEvent) {
+    if (event.keyCode === 39) {
+      this.nextImage();
+    }
+    if (event.keyCode === 37) {
+      this.prevImage();
+    }
+    if (event.keyCode === 27) {
+      this.closeGallery();
+    }
+  }
+
+  swipe(action: String = this.SWIPE_ACTION.RIGHT) {
+    // let thisImg = this._element.querySelector('.ng-gallery-content').querySelector('img[src="' + this.imgSrc + '"]');
+
+    if (action === this.SWIPE_ACTION.RIGHT) {
+      this.nextImage();
+      // console.log(event.distance, this.modalImages);
+    }
+
+    // previous
+    if (action === this.SWIPE_ACTION.LEFT) {
+      this.prevImage();
+    }
+
+  }
+
+}
diff --git a/src/app/typescripts/pro/lightbox/index.ts b/src/app/typescripts/pro/lightbox/index.ts
new file mode 100644
index 0000000..fb8568f
--- /dev/null
+++ b/src/app/typescripts/pro/lightbox/index.ts
@@ -0,0 +1,2 @@
+export * from './image-popup';
+export * from './light-box.module';
diff --git a/src/app/typescripts/pro/lightbox/licens.md b/src/app/typescripts/pro/lightbox/licens.md
new file mode 100644
index 0000000..024c1a8
--- /dev/null
+++ b/src/app/typescripts/pro/lightbox/licens.md
@@ -0,0 +1 @@
+https://github.com/vimalavinisha/angular2-image-popup#readme
\ No newline at end of file
diff --git a/src/app/typescripts/pro/lightbox/light-box.module.ts b/src/app/typescripts/pro/lightbox/light-box.module.ts
new file mode 100644
index 0000000..ce9ef93
--- /dev/null
+++ b/src/app/typescripts/pro/lightbox/light-box.module.ts
@@ -0,0 +1,12 @@
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { NgModule } from '@angular/core';
+import { ImageModalComponent } from './image-popup';
+
+@NgModule({
+  imports: [CommonModule, FormsModule],
+  declarations: [ImageModalComponent],
+  exports: [ImageModalComponent]
+})
+export class LightBoxModule {
+}
diff --git a/src/app/typescripts/pro/material-select/diacritics.ts b/src/app/typescripts/pro/material-select/diacritics.ts
new file mode 100644
index 0000000..aa1bce6
--- /dev/null
+++ b/src/app/typescripts/pro/material-select/diacritics.ts
@@ -0,0 +1,853 @@
+export class Diacritics {
+
+  static DIACRITICS: any = {
+    '\u24B6': 'A',
+    '\uFF21': 'A',
+    '\u00C0': 'A',
+    '\u00C1': 'A',
+    '\u00C2': 'A',
+    '\u1EA6': 'A',
+    '\u1EA4': 'A',
+    '\u1EAA': 'A',
+    '\u1EA8': 'A',
+    '\u00C3': 'A',
+    '\u0100': 'A',
+    '\u0102': 'A',
+    '\u1EB0': 'A',
+    '\u1EAE': 'A',
+    '\u1EB4': 'A',
+    '\u1EB2': 'A',
+    '\u0226': 'A',
+    '\u01E0': 'A',
+    '\u00C4': 'A',
+    '\u01DE': 'A',
+    '\u1EA2': 'A',
+    '\u00C5': 'A',
+    '\u01FA': 'A',
+    '\u01CD': 'A',
+    '\u0200': 'A',
+    '\u0202': 'A',
+    '\u1EA0': 'A',
+    '\u1EAC': 'A',
+    '\u1EB6': 'A',
+    '\u1E00': 'A',
+    '\u0104': 'A',
+    '\u023A': 'A',
+    '\u2C6F': 'A',
+    '\uA732': 'AA',
+    '\u00C6': 'AE',
+    '\u01FC': 'AE',
+    '\u01E2': 'AE',
+    '\uA734': 'AO',
+    '\uA736': 'AU',
+    '\uA738': 'AV',
+    '\uA73A': 'AV',
+    '\uA73C': 'AY',
+    '\u24B7': 'B',
+    '\uFF22': 'B',
+    '\u1E02': 'B',
+    '\u1E04': 'B',
+    '\u1E06': 'B',
+    '\u0243': 'B',
+    '\u0182': 'B',
+    '\u0181': 'B',
+    '\u24B8': 'C',
+    '\uFF23': 'C',
+    '\u0106': 'C',
+    '\u0108': 'C',
+    '\u010A': 'C',
+    '\u010C': 'C',
+    '\u00C7': 'C',
+    '\u1E08': 'C',
+    '\u0187': 'C',
+    '\u023B': 'C',
+    '\uA73E': 'C',
+    '\u24B9': 'D',
+    '\uFF24': 'D',
+    '\u1E0A': 'D',
+    '\u010E': 'D',
+    '\u1E0C': 'D',
+    '\u1E10': 'D',
+    '\u1E12': 'D',
+    '\u1E0E': 'D',
+    '\u0110': 'D',
+    '\u018B': 'D',
+    '\u018A': 'D',
+    '\u0189': 'D',
+    '\uA779': 'D',
+    '\u01F1': 'DZ',
+    '\u01C4': 'DZ',
+    '\u01F2': 'Dz',
+    '\u01C5': 'Dz',
+    '\u24BA': 'E',
+    '\uFF25': 'E',
+    '\u00C8': 'E',
+    '\u00C9': 'E',
+    '\u00CA': 'E',
+    '\u1EC0': 'E',
+    '\u1EBE': 'E',
+    '\u1EC4': 'E',
+    '\u1EC2': 'E',
+    '\u1EBC': 'E',
+    '\u0112': 'E',
+    '\u1E14': 'E',
+    '\u1E16': 'E',
+    '\u0114': 'E',
+    '\u0116': 'E',
+    '\u00CB': 'E',
+    '\u1EBA': 'E',
+    '\u011A': 'E',
+    '\u0204': 'E',
+    '\u0206': 'E',
+    '\u1EB8': 'E',
+    '\u1EC6': 'E',
+    '\u0228': 'E',
+    '\u1E1C': 'E',
+    '\u0118': 'E',
+    '\u1E18': 'E',
+    '\u1E1A': 'E',
+    '\u0190': 'E',
+    '\u018E': 'E',
+    '\u24BB': 'F',
+    '\uFF26': 'F',
+    '\u1E1E': 'F',
+    '\u0191': 'F',
+    '\uA77B': 'F',
+    '\u24BC': 'G',
+    '\uFF27': 'G',
+    '\u01F4': 'G',
+    '\u011C': 'G',
+    '\u1E20': 'G',
+    '\u011E': 'G',
+    '\u0120': 'G',
+    '\u01E6': 'G',
+    '\u0122': 'G',
+    '\u01E4': 'G',
+    '\u0193': 'G',
+    '\uA7A0': 'G',
+    '\uA77D': 'G',
+    '\uA77E': 'G',
+    '\u24BD': 'H',
+    '\uFF28': 'H',
+    '\u0124': 'H',
+    '\u1E22': 'H',
+    '\u1E26': 'H',
+    '\u021E': 'H',
+    '\u1E24': 'H',
+    '\u1E28': 'H',
+    '\u1E2A': 'H',
+    '\u0126': 'H',
+    '\u2C67': 'H',
+    '\u2C75': 'H',
+    '\uA78D': 'H',
+    '\u24BE': 'I',
+    '\uFF29': 'I',
+    '\u00CC': 'I',
+    '\u00CD': 'I',
+    '\u00CE': 'I',
+    '\u0128': 'I',
+    '\u012A': 'I',
+    '\u012C': 'I',
+    '\u0130': 'I',
+    '\u00CF': 'I',
+    '\u1E2E': 'I',
+    '\u1EC8': 'I',
+    '\u01CF': 'I',
+    '\u0208': 'I',
+    '\u020A': 'I',
+    '\u1ECA': 'I',
+    '\u012E': 'I',
+    '\u1E2C': 'I',
+    '\u0197': 'I',
+    '\u24BF': 'J',
+    '\uFF2A': 'J',
+    '\u0134': 'J',
+    '\u0248': 'J',
+    '\u24C0': 'K',
+    '\uFF2B': 'K',
+    '\u1E30': 'K',
+    '\u01E8': 'K',
+    '\u1E32': 'K',
+    '\u0136': 'K',
+    '\u1E34': 'K',
+    '\u0198': 'K',
+    '\u2C69': 'K',
+    '\uA740': 'K',
+    '\uA742': 'K',
+    '\uA744': 'K',
+    '\uA7A2': 'K',
+    '\u24C1': 'L',
+    '\uFF2C': 'L',
+    '\u013F': 'L',
+    '\u0139': 'L',
+    '\u013D': 'L',
+    '\u1E36': 'L',
+    '\u1E38': 'L',
+    '\u013B': 'L',
+    '\u1E3C': 'L',
+    '\u1E3A': 'L',
+    '\u0141': 'L',
+    '\u023D': 'L',
+    '\u2C62': 'L',
+    '\u2C60': 'L',
+    '\uA748': 'L',
+    '\uA746': 'L',
+    '\uA780': 'L',
+    '\u01C7': 'LJ',
+    '\u01C8': 'Lj',
+    '\u24C2': 'M',
+    '\uFF2D': 'M',
+    '\u1E3E': 'M',
+    '\u1E40': 'M',
+    '\u1E42': 'M',
+    '\u2C6E': 'M',
+    '\u019C': 'M',
+    '\u24C3': 'N',
+    '\uFF2E': 'N',
+    '\u01F8': 'N',
+    '\u0143': 'N',
+    '\u00D1': 'N',
+    '\u1E44': 'N',
+    '\u0147': 'N',
+    '\u1E46': 'N',
+    '\u0145': 'N',
+    '\u1E4A': 'N',
+    '\u1E48': 'N',
+    '\u0220': 'N',
+    '\u019D': 'N',
+    '\uA790': 'N',
+    '\uA7A4': 'N',
+    '\u01CA': 'NJ',
+    '\u01CB': 'Nj',
+    '\u24C4': 'O',
+    '\uFF2F': 'O',
+    '\u00D2': 'O',
+    '\u00D3': 'O',
+    '\u00D4': 'O',
+    '\u1ED2': 'O',
+    '\u1ED0': 'O',
+    '\u1ED6': 'O',
+    '\u1ED4': 'O',
+    '\u00D5': 'O',
+    '\u1E4C': 'O',
+    '\u022C': 'O',
+    '\u1E4E': 'O',
+    '\u014C': 'O',
+    '\u1E50': 'O',
+    '\u1E52': 'O',
+    '\u014E': 'O',
+    '\u022E': 'O',
+    '\u0230': 'O',
+    '\u00D6': 'O',
+    '\u022A': 'O',
+    '\u1ECE': 'O',
+    '\u0150': 'O',
+    '\u01D1': 'O',
+    '\u020C': 'O',
+    '\u020E': 'O',
+    '\u01A0': 'O',
+    '\u1EDC': 'O',
+    '\u1EDA': 'O',
+    '\u1EE0': 'O',
+    '\u1EDE': 'O',
+    '\u1EE2': 'O',
+    '\u1ECC': 'O',
+    '\u1ED8': 'O',
+    '\u01EA': 'O',
+    '\u01EC': 'O',
+    '\u00D8': 'O',
+    '\u01FE': 'O',
+    '\u0186': 'O',
+    '\u019F': 'O',
+    '\uA74A': 'O',
+    '\uA74C': 'O',
+    '\u01A2': 'OI',
+    '\uA74E': 'OO',
+    '\u0222': 'OU',
+    '\u24C5': 'P',
+    '\uFF30': 'P',
+    '\u1E54': 'P',
+    '\u1E56': 'P',
+    '\u01A4': 'P',
+    '\u2C63': 'P',
+    '\uA750': 'P',
+    '\uA752': 'P',
+    '\uA754': 'P',
+    '\u24C6': 'Q',
+    '\uFF31': 'Q',
+    '\uA756': 'Q',
+    '\uA758': 'Q',
+    '\u024A': 'Q',
+    '\u24C7': 'R',
+    '\uFF32': 'R',
+    '\u0154': 'R',
+    '\u1E58': 'R',
+    '\u0158': 'R',
+    '\u0210': 'R',
+    '\u0212': 'R',
+    '\u1E5A': 'R',
+    '\u1E5C': 'R',
+    '\u0156': 'R',
+    '\u1E5E': 'R',
+    '\u024C': 'R',
+    '\u2C64': 'R',
+    '\uA75A': 'R',
+    '\uA7A6': 'R',
+    '\uA782': 'R',
+    '\u24C8': 'S',
+    '\uFF33': 'S',
+    '\u1E9E': 'S',
+    '\u015A': 'S',
+    '\u1E64': 'S',
+    '\u015C': 'S',
+    '\u1E60': 'S',
+    '\u0160': 'S',
+    '\u1E66': 'S',
+    '\u1E62': 'S',
+    '\u1E68': 'S',
+    '\u0218': 'S',
+    '\u015E': 'S',
+    '\u2C7E': 'S',
+    '\uA7A8': 'S',
+    '\uA784': 'S',
+    '\u24C9': 'T',
+    '\uFF34': 'T',
+    '\u1E6A': 'T',
+    '\u0164': 'T',
+    '\u1E6C': 'T',
+    '\u021A': 'T',
+    '\u0162': 'T',
+    '\u1E70': 'T',
+    '\u1E6E': 'T',
+    '\u0166': 'T',
+    '\u01AC': 'T',
+    '\u01AE': 'T',
+    '\u023E': 'T',
+    '\uA786': 'T',
+    '\uA728': 'TZ',
+    '\u24CA': 'U',
+    '\uFF35': 'U',
+    '\u00D9': 'U',
+    '\u00DA': 'U',
+    '\u00DB': 'U',
+    '\u0168': 'U',
+    '\u1E78': 'U',
+    '\u016A': 'U',
+    '\u1E7A': 'U',
+    '\u016C': 'U',
+    '\u00DC': 'U',
+    '\u01DB': 'U',
+    '\u01D7': 'U',
+    '\u01D5': 'U',
+    '\u01D9': 'U',
+    '\u1EE6': 'U',
+    '\u016E': 'U',
+    '\u0170': 'U',
+    '\u01D3': 'U',
+    '\u0214': 'U',
+    '\u0216': 'U',
+    '\u01AF': 'U',
+    '\u1EEA': 'U',
+    '\u1EE8': 'U',
+    '\u1EEE': 'U',
+    '\u1EEC': 'U',
+    '\u1EF0': 'U',
+    '\u1EE4': 'U',
+    '\u1E72': 'U',
+    '\u0172': 'U',
+    '\u1E76': 'U',
+    '\u1E74': 'U',
+    '\u0244': 'U',
+    '\u24CB': 'V',
+    '\uFF36': 'V',
+    '\u1E7C': 'V',
+    '\u1E7E': 'V',
+    '\u01B2': 'V',
+    '\uA75E': 'V',
+    '\u0245': 'V',
+    '\uA760': 'VY',
+    '\u24CC': 'W',
+    '\uFF37': 'W',
+    '\u1E80': 'W',
+    '\u1E82': 'W',
+    '\u0174': 'W',
+    '\u1E86': 'W',
+    '\u1E84': 'W',
+    '\u1E88': 'W',
+    '\u2C72': 'W',
+    '\u24CD': 'X',
+    '\uFF38': 'X',
+    '\u1E8A': 'X',
+    '\u1E8C': 'X',
+    '\u24CE': 'Y',
+    '\uFF39': 'Y',
+    '\u1EF2': 'Y',
+    '\u00DD': 'Y',
+    '\u0176': 'Y',
+    '\u1EF8': 'Y',
+    '\u0232': 'Y',
+    '\u1E8E': 'Y',
+    '\u0178': 'Y',
+    '\u1EF6': 'Y',
+    '\u1EF4': 'Y',
+    '\u01B3': 'Y',
+    '\u024E': 'Y',
+    '\u1EFE': 'Y',
+    '\u24CF': 'Z',
+    '\uFF3A': 'Z',
+    '\u0179': 'Z',
+    '\u1E90': 'Z',
+    '\u017B': 'Z',
+    '\u017D': 'Z',
+    '\u1E92': 'Z',
+    '\u1E94': 'Z',
+    '\u01B5': 'Z',
+    '\u0224': 'Z',
+    '\u2C7F': 'Z',
+    '\u2C6B': 'Z',
+    '\uA762': 'Z',
+    '\u24D0': 'a',
+    '\uFF41': 'a',
+    '\u1E9A': 'a',
+    '\u00E0': 'a',
+    '\u00E1': 'a',
+    '\u00E2': 'a',
+    '\u1EA7': 'a',
+    '\u1EA5': 'a',
+    '\u1EAB': 'a',
+    '\u1EA9': 'a',
+    '\u00E3': 'a',
+    '\u0101': 'a',
+    '\u0103': 'a',
+    '\u1EB1': 'a',
+    '\u1EAF': 'a',
+    '\u1EB5': 'a',
+    '\u1EB3': 'a',
+    '\u0227': 'a',
+    '\u01E1': 'a',
+    '\u00E4': 'a',
+    '\u01DF': 'a',
+    '\u1EA3': 'a',
+    '\u00E5': 'a',
+    '\u01FB': 'a',
+    '\u01CE': 'a',
+    '\u0201': 'a',
+    '\u0203': 'a',
+    '\u1EA1': 'a',
+    '\u1EAD': 'a',
+    '\u1EB7': 'a',
+    '\u1E01': 'a',
+    '\u0105': 'a',
+    '\u2C65': 'a',
+    '\u0250': 'a',
+    '\uA733': 'aa',
+    '\u00E6': 'ae',
+    '\u01FD': 'ae',
+    '\u01E3': 'ae',
+    '\uA735': 'ao',
+    '\uA737': 'au',
+    '\uA739': 'av',
+    '\uA73B': 'av',
+    '\uA73D': 'ay',
+    '\u24D1': 'b',
+    '\uFF42': 'b',
+    '\u1E03': 'b',
+    '\u1E05': 'b',
+    '\u1E07': 'b',
+    '\u0180': 'b',
+    '\u0183': 'b',
+    '\u0253': 'b',
+    '\u24D2': 'c',
+    '\uFF43': 'c',
+    '\u0107': 'c',
+    '\u0109': 'c',
+    '\u010B': 'c',
+    '\u010D': 'c',
+    '\u00E7': 'c',
+    '\u1E09': 'c',
+    '\u0188': 'c',
+    '\u023C': 'c',
+    '\uA73F': 'c',
+    '\u2184': 'c',
+    '\u24D3': 'd',
+    '\uFF44': 'd',
+    '\u1E0B': 'd',
+    '\u010F': 'd',
+    '\u1E0D': 'd',
+    '\u1E11': 'd',
+    '\u1E13': 'd',
+    '\u1E0F': 'd',
+    '\u0111': 'd',
+    '\u018C': 'd',
+    '\u0256': 'd',
+    '\u0257': 'd',
+    '\uA77A': 'd',
+    '\u01F3': 'dz',
+    '\u01C6': 'dz',
+    '\u24D4': 'e',
+    '\uFF45': 'e',
+    '\u00E8': 'e',
+    '\u00E9': 'e',
+    '\u00EA': 'e',
+    '\u1EC1': 'e',
+    '\u1EBF': 'e',
+    '\u1EC5': 'e',
+    '\u1EC3': 'e',
+    '\u1EBD': 'e',
+    '\u0113': 'e',
+    '\u1E15': 'e',
+    '\u1E17': 'e',
+    '\u0115': 'e',
+    '\u0117': 'e',
+    '\u00EB': 'e',
+    '\u1EBB': 'e',
+    '\u011B': 'e',
+    '\u0205': 'e',
+    '\u0207': 'e',
+    '\u1EB9': 'e',
+    '\u1EC7': 'e',
+    '\u0229': 'e',
+    '\u1E1D': 'e',
+    '\u0119': 'e',
+    '\u1E19': 'e',
+    '\u1E1B': 'e',
+    '\u0247': 'e',
+    '\u025B': 'e',
+    '\u01DD': 'e',
+    '\u24D5': 'f',
+    '\uFF46': 'f',
+    '\u1E1F': 'f',
+    '\u0192': 'f',
+    '\uA77C': 'f',
+    '\u24D6': 'g',
+    '\uFF47': 'g',
+    '\u01F5': 'g',
+    '\u011D': 'g',
+    '\u1E21': 'g',
+    '\u011F': 'g',
+    '\u0121': 'g',
+    '\u01E7': 'g',
+    '\u0123': 'g',
+    '\u01E5': 'g',
+    '\u0260': 'g',
+    '\uA7A1': 'g',
+    '\u1D79': 'g',
+    '\uA77F': 'g',
+    '\u24D7': 'h',
+    '\uFF48': 'h',
+    '\u0125': 'h',
+    '\u1E23': 'h',
+    '\u1E27': 'h',
+    '\u021F': 'h',
+    '\u1E25': 'h',
+    '\u1E29': 'h',
+    '\u1E2B': 'h',
+    '\u1E96': 'h',
+    '\u0127': 'h',
+    '\u2C68': 'h',
+    '\u2C76': 'h',
+    '\u0265': 'h',
+    '\u0195': 'hv',
+    '\u24D8': 'i',
+    '\uFF49': 'i',
+    '\u00EC': 'i',
+    '\u00ED': 'i',
+    '\u00EE': 'i',
+    '\u0129': 'i',
+    '\u012B': 'i',
+    '\u012D': 'i',
+    '\u00EF': 'i',
+    '\u1E2F': 'i',
+    '\u1EC9': 'i',
+    '\u01D0': 'i',
+    '\u0209': 'i',
+    '\u020B': 'i',
+    '\u1ECB': 'i',
+    '\u012F': 'i',
+    '\u1E2D': 'i',
+    '\u0268': 'i',
+    '\u0131': 'i',
+    '\u24D9': 'j',
+    '\uFF4A': 'j',
+    '\u0135': 'j',
+    '\u01F0': 'j',
+    '\u0249': 'j',
+    '\u24DA': 'k',
+    '\uFF4B': 'k',
+    '\u1E31': 'k',
+    '\u01E9': 'k',
+    '\u1E33': 'k',
+    '\u0137': 'k',
+    '\u1E35': 'k',
+    '\u0199': 'k',
+    '\u2C6A': 'k',
+    '\uA741': 'k',
+    '\uA743': 'k',
+    '\uA745': 'k',
+    '\uA7A3': 'k',
+    '\u24DB': 'l',
+    '\uFF4C': 'l',
+    '\u0140': 'l',
+    '\u013A': 'l',
+    '\u013E': 'l',
+    '\u1E37': 'l',
+    '\u1E39': 'l',
+    '\u013C': 'l',
+    '\u1E3D': 'l',
+    '\u1E3B': 'l',
+    '\u017F': 'l',
+    '\u0142': 'l',
+    '\u019A': 'l',
+    '\u026B': 'l',
+    '\u2C61': 'l',
+    '\uA749': 'l',
+    '\uA781': 'l',
+    '\uA747': 'l',
+    '\u01C9': 'lj',
+    '\u24DC': 'm',
+    '\uFF4D': 'm',
+    '\u1E3F': 'm',
+    '\u1E41': 'm',
+    '\u1E43': 'm',
+    '\u0271': 'm',
+    '\u026F': 'm',
+    '\u24DD': 'n',
+    '\uFF4E': 'n',
+    '\u01F9': 'n',
+    '\u0144': 'n',
+    '\u00F1': 'n',
+    '\u1E45': 'n',
+    '\u0148': 'n',
+    '\u1E47': 'n',
+    '\u0146': 'n',
+    '\u1E4B': 'n',
+    '\u1E49': 'n',
+    '\u019E': 'n',
+    '\u0272': 'n',
+    '\u0149': 'n',
+    '\uA791': 'n',
+    '\uA7A5': 'n',
+    '\u01CC': 'nj',
+    '\u24DE': 'o',
+    '\uFF4F': 'o',
+    '\u00F2': 'o',
+    '\u00F3': 'o',
+    '\u00F4': 'o',
+    '\u1ED3': 'o',
+    '\u1ED1': 'o',
+    '\u1ED7': 'o',
+    '\u1ED5': 'o',
+    '\u00F5': 'o',
+    '\u1E4D': 'o',
+    '\u022D': 'o',
+    '\u1E4F': 'o',
+    '\u014D': 'o',
+    '\u1E51': 'o',
+    '\u1E53': 'o',
+    '\u014F': 'o',
+    '\u022F': 'o',
+    '\u0231': 'o',
+    '\u00F6': 'o',
+    '\u022B': 'o',
+    '\u1ECF': 'o',
+    '\u0151': 'o',
+    '\u01D2': 'o',
+    '\u020D': 'o',
+    '\u020F': 'o',
+    '\u01A1': 'o',
+    '\u1EDD': 'o',
+    '\u1EDB': 'o',
+    '\u1EE1': 'o',
+    '\u1EDF': 'o',
+    '\u1EE3': 'o',
+    '\u1ECD': 'o',
+    '\u1ED9': 'o',
+    '\u01EB': 'o',
+    '\u01ED': 'o',
+    '\u00F8': 'o',
+    '\u01FF': 'o',
+    '\u0254': 'o',
+    '\uA74B': 'o',
+    '\uA74D': 'o',
+    '\u0275': 'o',
+    '\u01A3': 'oi',
+    '\u0223': 'ou',
+    '\uA74F': 'oo',
+    '\u24DF': 'p',
+    '\uFF50': 'p',
+    '\u1E55': 'p',
+    '\u1E57': 'p',
+    '\u01A5': 'p',
+    '\u1D7D': 'p',
+    '\uA751': 'p',
+    '\uA753': 'p',
+    '\uA755': 'p',
+    '\u24E0': 'q',
+    '\uFF51': 'q',
+    '\u024B': 'q',
+    '\uA757': 'q',
+    '\uA759': 'q',
+    '\u24E1': 'r',
+    '\uFF52': 'r',
+    '\u0155': 'r',
+    '\u1E59': 'r',
+    '\u0159': 'r',
+    '\u0211': 'r',
+    '\u0213': 'r',
+    '\u1E5B': 'r',
+    '\u1E5D': 'r',
+    '\u0157': 'r',
+    '\u1E5F': 'r',
+    '\u024D': 'r',
+    '\u027D': 'r',
+    '\uA75B': 'r',
+    '\uA7A7': 'r',
+    '\uA783': 'r',
+    '\u24E2': 's',
+    '\uFF53': 's',
+    '\u00DF': 's',
+    '\u015B': 's',
+    '\u1E65': 's',
+    '\u015D': 's',
+    '\u1E61': 's',
+    '\u0161': 's',
+    '\u1E67': 's',
+    '\u1E63': 's',
+    '\u1E69': 's',
+    '\u0219': 's',
+    '\u015F': 's',
+    '\u023F': 's',
+    '\uA7A9': 's',
+    '\uA785': 's',
+    '\u1E9B': 's',
+    '\u24E3': 't',
+    '\uFF54': 't',
+    '\u1E6B': 't',
+    '\u1E97': 't',
+    '\u0165': 't',
+    '\u1E6D': 't',
+    '\u021B': 't',
+    '\u0163': 't',
+    '\u1E71': 't',
+    '\u1E6F': 't',
+    '\u0167': 't',
+    '\u01AD': 't',
+    '\u0288': 't',
+    '\u2C66': 't',
+    '\uA787': 't',
+    '\uA729': 'tz',
+    '\u24E4': 'u',
+    '\uFF55': 'u',
+    '\u00F9': 'u',
+    '\u00FA': 'u',
+    '\u00FB': 'u',
+    '\u0169': 'u',
+    '\u1E79': 'u',
+    '\u016B': 'u',
+    '\u1E7B': 'u',
+    '\u016D': 'u',
+    '\u00FC': 'u',
+    '\u01DC': 'u',
+    '\u01D8': 'u',
+    '\u01D6': 'u',
+    '\u01DA': 'u',
+    '\u1EE7': 'u',
+    '\u016F': 'u',
+    '\u0171': 'u',
+    '\u01D4': 'u',
+    '\u0215': 'u',
+    '\u0217': 'u',
+    '\u01B0': 'u',
+    '\u1EEB': 'u',
+    '\u1EE9': 'u',
+    '\u1EEF': 'u',
+    '\u1EED': 'u',
+    '\u1EF1': 'u',
+    '\u1EE5': 'u',
+    '\u1E73': 'u',
+    '\u0173': 'u',
+    '\u1E77': 'u',
+    '\u1E75': 'u',
+    '\u0289': 'u',
+    '\u24E5': 'v',
+    '\uFF56': 'v',
+    '\u1E7D': 'v',
+    '\u1E7F': 'v',
+    '\u028B': 'v',
+    '\uA75F': 'v',
+    '\u028C': 'v',
+    '\uA761': 'vy',
+    '\u24E6': 'w',
+    '\uFF57': 'w',
+    '\u1E81': 'w',
+    '\u1E83': 'w',
+    '\u0175': 'w',
+    '\u1E87': 'w',
+    '\u1E85': 'w',
+    '\u1E98': 'w',
+    '\u1E89': 'w',
+    '\u2C73': 'w',
+    '\u24E7': 'x',
+    '\uFF58': 'x',
+    '\u1E8B': 'x',
+    '\u1E8D': 'x',
+    '\u24E8': 'y',
+    '\uFF59': 'y',
+    '\u1EF3': 'y',
+    '\u00FD': 'y',
+    '\u0177': 'y',
+    '\u1EF9': 'y',
+    '\u0233': 'y',
+    '\u1E8F': 'y',
+    '\u00FF': 'y',
+    '\u1EF7': 'y',
+    '\u1E99': 'y',
+    '\u1EF5': 'y',
+    '\u01B4': 'y',
+    '\u024F': 'y',
+    '\u1EFF': 'y',
+    '\u24E9': 'z',
+    '\uFF5A': 'z',
+    '\u017A': 'z',
+    '\u1E91': 'z',
+    '\u017C': 'z',
+    '\u017E': 'z',
+    '\u1E93': 'z',
+    '\u1E95': 'z',
+    '\u01B6': 'z',
+    '\u0225': 'z',
+    '\u0240': 'z',
+    '\u2C6C': 'z',
+    '\uA763': 'z',
+    '\u0386': '\u0391',
+    '\u0388': '\u0395',
+    '\u0389': '\u0397',
+    '\u038A': '\u0399',
+    '\u03AA': '\u0399',
+    '\u038C': '\u039F',
+    '\u038E': '\u03A5',
+    '\u03AB': '\u03A5',
+    '\u038F': '\u03A9',
+    '\u03AC': '\u03B1',
+    '\u03AD': '\u03B5',
+    '\u03AE': '\u03B7',
+    '\u03AF': '\u03B9',
+    '\u03CA': '\u03B9',
+    '\u0390': '\u03B9',
+    '\u03CC': '\u03BF',
+    '\u03CD': '\u03C5',
+    '\u03CB': '\u03C5',
+    '\u03B0': '\u03C5',
+    '\u03C9': '\u03C9',
+    '\u03C2': '\u03C3'
+  };
+
+  static strip(text: string): string {
+
+    const match = (a: string): string => {
+      return this.DIACRITICS[a] || a;
+    };
+
+    return text.replace(/[^\u0000-\u007E]/g, match);
+  }
+}
diff --git a/src/app/typescripts/pro/material-select/index.ts b/src/app/typescripts/pro/material-select/index.ts
new file mode 100644
index 0000000..af51881
--- /dev/null
+++ b/src/app/typescripts/pro/material-select/index.ts
@@ -0,0 +1,7 @@
+export * from './diacritics'
+export * from './option'
+export * from './option-interface'
+export * from './option-list'
+export * from './select.component'
+export * from './select-dropdown.component'
+export * from './select.module'
diff --git a/src/app/typescripts/pro/material-select/licens.md b/src/app/typescripts/pro/material-select/licens.md
new file mode 100644
index 0000000..9a53345
--- /dev/null
+++ b/src/app/typescripts/pro/material-select/licens.md
@@ -0,0 +1 @@
+https://github.com/basvandenberg/ng-select/blob/master/LICENSE.txt
\ No newline at end of file
diff --git a/src/app/typescripts/pro/material-select/option-interface.ts b/src/app/typescripts/pro/material-select/option-interface.ts
new file mode 100644
index 0000000..7b64814
--- /dev/null
+++ b/src/app/typescripts/pro/material-select/option-interface.ts
@@ -0,0 +1,7 @@
+export interface IOption {
+  value: string;
+  label: string;
+  disabled?: boolean;
+  group?: boolean;
+  icon: string;
+}
diff --git a/src/app/typescripts/pro/material-select/option-list.ts b/src/app/typescripts/pro/material-select/option-list.ts
new file mode 100644
index 0000000..1fdcc38
--- /dev/null
+++ b/src/app/typescripts/pro/material-select/option-list.ts
@@ -0,0 +1,241 @@
+import {Option} from './option';
+import {IOption} from './option-interface';
+import {Diacritics} from './diacritics';
+
+export class OptionList {
+
+  private _options: Array<Option>;
+
+  /* Consider using these for performance improvement. */
+  // private _selection: Array<Option>;
+  // private _filtered: Array<Option>;
+  // private _value: Array<string>;
+
+  // private _highlightedOption: Option = null;
+  private _highlightedOption: Option | any = null;
+  private _hasShown: boolean;
+
+  public setToNullValue: any = null;
+  // v0 and v1 are assumed not to be undefined or null.
+  static equalValues(v0: Array<string>, v1: Array<string>): boolean {
+
+    if (v0.length !== v1.length) {
+      return false;
+    }
+
+    const a: Array<string> = v0.slice().sort();
+    const b: Array<string> = v1.slice().sort();
+
+    return a.every((v, i) => {
+      return v === b[i];
+    });
+  }
+
+  constructor(options: Array<IOption>) {
+
+    if (typeof options === 'undefined' || options === null) {
+      options = [];
+    }
+
+    this._options = options.map((option) => {
+      const o: Option = new Option(option);
+      if (option.disabled) {
+        o.disabled = true;
+      }
+      if (option.group) {
+        o.disabled = true;
+        o.group = true;
+      }
+      return o;
+    });
+
+    this._hasShown = this._options.length > 0;
+    this.highlight();
+  }
+
+  /** Options. **/
+
+  get options(): Array<Option> {
+    return this._options;
+  }
+
+  getOptionsByValue(value: string): Array<Option> {
+    return this.options.filter((option) => {
+      return option.value === value;
+    });
+  }
+
+  /** Value. **/
+
+  get value(): Array<string> {
+    return this.selection.map((selectedOption) => {
+      return selectedOption.value;
+    });
+  }
+
+  set value(v: Array<string>) {
+    v = typeof v === 'undefined' || v === null ? [] : v;
+
+    this.options.forEach((option) => {
+      option.selected = v.indexOf(option.value) > -1;
+    });
+  }
+
+  /** Selection. **/
+
+  get selection(): Array<Option> {
+    return this.options.filter((option) => {
+      return option.selected;
+    });
+  }
+
+  select(option: Option, multiple: boolean) {
+    if (!multiple) {
+      this.clearSelection();
+    }
+    option.selected = true;
+  }
+
+  deselect(option: Option) {
+    option.selected = false;
+  }
+
+  clearSelection() {
+    this.options.forEach((option) => {
+      option.selected = false;
+    });
+  }
+
+  /** Filter. **/
+
+  get filtered(): Array<Option> {
+    return this.options.filter((option) => {
+      return option.shown;
+    });
+  }
+
+  filter(term: string): boolean {
+    let anyShown = false;
+
+    if (term.trim() === '') {
+      this.resetFilter();
+      anyShown = this.options.length > 0;
+    } else {
+      this.options.forEach((option) => {
+        const l: string = Diacritics.strip(option.label).toUpperCase();
+        const t: string = Diacritics.strip(term).toUpperCase();
+        option.shown = l.indexOf(t) > -1;
+      });
+
+    }
+
+    this.highlight();
+    this._hasShown = anyShown;
+
+    return anyShown;
+  }
+
+  private resetFilter() {
+    this.options.forEach((option) => {
+      option.shown = true;
+    });
+  }
+
+  /** Highlight. **/
+
+  get highlightedOption(): Option {
+    return this._highlightedOption;
+  }
+
+  highlight() {
+    const option: Option = this.hasShownSelected() ?
+      this.getFirstShownSelected() : this.getFirstShown();
+    this.highlightOption(option);
+  }
+
+  highlightOption(option: Option) {
+    this.clearHighlightedOption();
+
+    if (option !== null) {
+      option.highlighted = true;
+      this._highlightedOption = option;
+    }
+  }
+
+  highlightNextOption() {
+    const shownOptions = this.filtered;
+    const index = this.getHighlightedIndexFromList(shownOptions);
+
+    if (index > -1 && index < shownOptions.length - 1) {
+      this.highlightOption(shownOptions[index + 1]);
+    }
+  }
+
+  highlightPreviousOption() {
+    const shownOptions = this.filtered;
+    const index = this.getHighlightedIndexFromList(shownOptions);
+
+    if (index > 0) {
+      this.highlightOption(shownOptions[index - 1]);
+    }
+  }
+
+  private clearHighlightedOption() {
+    if (this.highlightedOption !== null) {
+      this.highlightedOption.highlighted = false;
+      this._highlightedOption = null;
+    }
+  }
+
+  private getHighlightedIndexFromList(options: Array<Option>) {
+    for (let i = 0; i < options.length; i++) {
+      if (options[i].highlighted) {
+        return i;
+      }
+    }
+    return -1;
+  }
+
+  getHighlightedIndex() {
+    return this.getHighlightedIndexFromList(this.filtered);
+  }
+
+  /** Util. **/
+
+  get hasShown(): boolean {
+    return this._hasShown;
+  }
+
+  hasSelected() {
+    return this.options.some((option) => {
+      return option.selected;
+    });
+  }
+
+  hasShownSelected() {
+    return this.options.some((option) => {
+      return option.shown && option.selected;
+    });
+  }
+
+  private getFirstShown(): Option {
+    for (const option of this.options) {
+      if (option.shown) {
+        return option;
+      }
+    }
+    // return null;
+    return this.setToNullValue;
+  }
+
+  private getFirstShownSelected(): Option {
+    for (const option of this.options) {
+      if (option.shown && option.selected) {
+        return option;
+      }
+    }
+    // return null;
+    return this.setToNullValue;
+  }
+
+}
diff --git a/src/app/typescripts/pro/material-select/option.ts b/src/app/typescripts/pro/material-select/option.ts
new file mode 100644
index 0000000..aa1aed8
--- /dev/null
+++ b/src/app/typescripts/pro/material-select/option.ts
@@ -0,0 +1,41 @@
+import {IOption} from './option-interface';
+
+export class Option {
+
+  wrappedOption: IOption;
+
+  disabled: boolean;
+  highlighted: boolean;
+  selected: boolean;
+  shown: boolean;
+  group: boolean;
+
+  constructor(option: IOption) {
+    this.wrappedOption = option;
+
+    this.disabled = false;
+    this.highlighted = false;
+    this.selected = false;
+    this.shown = true;
+    this.group = false;
+  }
+
+  get value(): string {
+    return this.wrappedOption.value;
+  }
+
+  get label(): string {
+    return this.wrappedOption.label;
+  }
+
+  get icon(): string {
+    if (this.wrappedOption.icon !== '' && this.wrappedOption.icon !== undefined) {
+      return this.wrappedOption.icon;
+    } else {
+      return '';
+    }
+
+  }
+
+}
+
diff --git a/src/app/typescripts/pro/material-select/select-dropdown.component.html b/src/app/typescripts/pro/material-select/select-dropdown.component.html
new file mode 100644
index 0000000..395b2a9
--- /dev/null
+++ b/src/app/typescripts/pro/material-select/select-dropdown.component.html
@@ -0,0 +1,34 @@
+<div class="dropdown-content" [ngStyle]="{'top.px': top, 'left.px': left, 'width.px': width}">
+
+  <div class="filter" *ngIf="!multiple && filterEnabled">
+    <input
+    #filterInput
+    autocomplete="on"
+    [placeholder]="placeholder"
+    (click)="onSingleFilterClick($event)"
+    (input)="onSingleFilterInput($event)"
+    (keydown)="onSingleFilterKeydown($event)">
+  </div>
+
+  <div class="options" #optionsList>
+    <ul class="select-dropdown" [ngClass]="{'multiple-select-dropdown': multiple}"
+    (wheel)="onOptionsWheel($event)">
+      <li *ngFor="let option of optionList.filtered"
+        [ngClass]="{'active': option.highlighted, 'selected': option.selected, 'disabled': option.disabled, 'optgroup': option.group}"
+        [ngStyle]="getOptionStyle(option)"
+        (click)="onOptionClick(option)"
+        (mouseover)="onOptionMouseover(option)">
+        <img class="rounded-circle" [src]="option.icon" *ngIf="option.icon !== ''">
+        <span class="select-option" *ngIf="!multiple">{{option.label}}</span>
+        <span class="filtrable" *ngIf="multiple">
+          <input type="checkbox" [checked]="option.selected">
+          <label></label>
+          {{option.label}}
+        </span>
+      </li>
+      <li *ngIf="!this.hasOptionsItems" class="message disabled">
+        <span>{{notFoundMsg}}</span>
+      </li>
+    </ul>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/material-select/select-dropdown.component.ts b/src/app/typescripts/pro/material-select/select-dropdown.component.ts
new file mode 100644
index 0000000..357a7e2
--- /dev/null
+++ b/src/app/typescripts/pro/material-select/select-dropdown.component.ts
@@ -0,0 +1,178 @@
+import {
+  AfterViewInit,
+  Component,
+  EventEmitter,
+  Input,
+  OnChanges,
+  OnInit,
+  Output,
+  ViewChild,
+  ViewEncapsulation, ElementRef, HostListener
+} from '@angular/core';
+
+import { Option } from './option';
+import { OptionList } from './option-list';
+
+@Component({
+  selector: 'mdb-select-dropdown',
+  templateUrl: 'select-dropdown.component.html',
+  encapsulation: ViewEncapsulation.None
+})
+
+export class SelectDropdownComponent
+  implements AfterViewInit, OnChanges, OnInit {
+
+  @Input() filterEnabled: boolean;
+  @Input() highlightColor: string;
+  @Input() highlightTextColor: string;
+  @Input() left: number;
+  @Input() multiple: boolean;
+  @Input() notFoundMsg: string;
+  @Input() optionList: OptionList;
+  @Input() top: number;
+  @Input() width: number;
+  @Input() placeholder: string;
+
+  @Output() close = new EventEmitter<boolean>();
+  @Output() optionClicked = new EventEmitter<Option>();
+  @Output() singleFilterClick = new EventEmitter<null>();
+  @Output() singleFilterInput = new EventEmitter<string>();
+  @Output() singleFilterKeydown = new EventEmitter<any>();
+
+  @ViewChild('filterInput') filterInput: any;
+  @ViewChild('optionsList') optionsList: any;
+
+  disabledColor = '#fff';
+  disabledTextColor = '9e9e9e';
+
+  public hasOptionsItems: boolean = true;
+
+  constructor(private _elementRef: ElementRef) { }
+
+  /** Event handlers. **/
+
+  // Angular life cycle hooks.
+
+  @HostListener('keyup', ['$event']) onkeyup() {
+    this.hasOptionsItems = this._elementRef.nativeElement.childNodes[0].children[1].children[0].children.length >= 1 ? true : false;
+  }
+
+  ngOnInit() {
+    this.optionsReset();
+  }
+
+  ngOnChanges(changes: any) {
+    if (changes.hasOwnProperty('optionList')) {
+      this.optionsReset();
+    }
+
+    const container = this._elementRef.nativeElement.classList;
+    setTimeout(() => { container.add('fadeInSelect'); }, 200);
+  }
+
+  ngAfterViewInit() {
+    this.moveHighlightedIntoView();
+    if (!this.multiple && this.filterEnabled) {
+      this.filterInput.nativeElement.focus();
+    }
+  }
+
+  // Filter input (single select).
+
+  onSingleFilterClick() {
+    this.singleFilterClick.emit(null);
+  }
+
+  onSingleFilterInput(event: any) {
+    this.singleFilterInput.emit(event.target.value);
+  }
+
+  onSingleFilterKeydown(event: any) {
+    this.singleFilterKeydown.emit(event);
+  }
+
+  // Options list.
+
+  onOptionsWheel(event: any) {
+    this.handleOptionsWheel(event);
+  }
+
+  onOptionMouseover(option: Option) {
+    this.optionList.highlightOption(option);
+  }
+
+  onOptionClick(option: Option) {
+    this.optionClicked.emit(option);
+  }
+
+  /** Initialization. **/
+
+  private optionsReset() {
+    this.optionList.filter('');
+    this.optionList.highlight();
+  }
+
+  /** View. **/
+
+  getOptionStyle(option: Option): any {
+    if (option.highlighted) {
+      const style: any = {};
+
+      if (typeof this.highlightColor !== 'undefined') {
+        style['background-color'] = this.highlightColor;
+      }
+      if (typeof this.highlightTextColor !== 'undefined') {
+        style['color'] = this.highlightTextColor;
+      }
+      return style;
+    } else {
+      return {};
+    }
+  }
+
+  clearFilterInput() {
+    if (this.filterEnabled) {
+      this.filterInput.nativeElement.value = '';
+    }
+  }
+
+  moveHighlightedIntoView() {
+
+    const list = this.optionsList.nativeElement;
+    const listHeight = list.offsetHeight;
+
+    const itemIndex = this.optionList.getHighlightedIndex();
+
+    if (itemIndex > -1) {
+      const item = list.children[0].children[itemIndex];
+      const itemHeight = item.offsetHeight;
+
+      const itemTop = itemIndex * itemHeight;
+      const itemBottom = itemTop + itemHeight;
+
+      const viewTop = list.scrollTop;
+      const viewBottom = viewTop + listHeight;
+
+      if (itemBottom > viewBottom) {
+        list.scrollTop = itemBottom - listHeight;
+      } else if (itemTop < viewTop) {
+        list.scrollTop = itemTop;
+      }
+
+    }
+  }
+
+  private handleOptionsWheel(e: any) {
+    const div = this.optionsList.nativeElement;
+    const atTop = div.scrollTop === 0;
+    const atBottom = div.offsetHeight + div.scrollTop === div.scrollHeight;
+
+    if (atTop && e.deltaY < 0) {
+      e.preventDefault();
+    } else if (atBottom && e.deltaY > 0) {
+      e.preventDefault();
+    }
+
+  }
+
+}
diff --git a/src/app/typescripts/pro/material-select/select.component.html b/src/app/typescripts/pro/material-select/select.component.html
new file mode 100644
index 0000000..a5b0dfc
--- /dev/null
+++ b/src/app/typescripts/pro/material-select/select.component.html
@@ -0,0 +1,62 @@
+<label *ngIf="label !== ''">
+  {{label}}
+</label>
+<div
+  #selection
+  [attr.tabindex]="disabled ? null : 0"
+  [ngClass]="{'open': isOpen, 'focus': hasFocus, 'below': isBelow, 'disabled': disabled}"
+  (click)="onSelectContainerClick()"
+  (focus)="onSelectContainerFocus()"
+  (keydown)="onSelectContainerKeydown($event)"
+  (window:click)="onWindowClick()"
+  (window:resize)="onWindowResize()">
+
+  <div class="single"
+    *ngIf="!multiple">
+    <div class="value"
+      *ngIf="optionList.hasSelected()">
+      {{optionList.selection[0].label}}
+    </div>
+    <div class="placeholder"
+      *ngIf="!optionList.hasSelected()">
+      {{placeholderView}}
+    </div>
+    <div class="clear"
+      *ngIf="allowClear && hasSelected"
+      (click)="onClearSelectionClick($event)">
+      &#x2715;
+    </div>
+  </div>
+
+  <div class="multiple"
+      *ngIf="multiple">
+      <div class="placeholder"
+        *ngIf="!optionList.hasSelected()">
+        {{placeholderView}}
+      </div>
+
+      <div class="option" 
+        *ngFor="let option of optionList.selection">
+        <span class="deselect-option">, </span>{{option.label}}
+      </div>
+  </div>
+
+</div>
+<mdb-select-dropdown
+  *ngIf="isOpen"
+  #dropdown
+  [multiple]="multiple"
+  [optionList]="optionList"
+  [notFoundMsg]="notFoundMsg"
+  [highlightColor]="highlightColor"
+  [highlightTextColor]="highlightTextColor"
+  [filterEnabled]="filterEnabled"
+  [placeholder]="filterPlaceholder"
+  [top]="top"
+  [left]="left"
+  (close)="onDropdownClose($event)"
+  (optionClicked)="onDropdownOptionClicked($event)"
+  (singleFilterClick)="onSingleFilterClick()"
+  (singleFilterInput)="onSingleFilterInput($event)"
+  (singleFilterKeydown)="onSingleFilterKeydown($event)">
+</mdb-select-dropdown>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/material-select/select.component.ts b/src/app/typescripts/pro/material-select/select.component.ts
new file mode 100644
index 0000000..96bfbf9
--- /dev/null
+++ b/src/app/typescripts/pro/material-select/select.component.ts
@@ -0,0 +1,545 @@
+import {
+  Component, Input, OnChanges, OnInit, Output, EventEmitter, ExistingProvider, ViewChild,
+  ViewEncapsulation, forwardRef, ElementRef, HostListener, Renderer2, AfterViewInit
+} from '@angular/core';
+import { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';
+import { SelectDropdownComponent } from './select-dropdown.component';
+import { IOption } from './option-interface';
+import { Option } from './option';
+import { OptionList } from './option-list';
+
+export const SELECT_VALUE_ACCESSOR: ExistingProvider = {
+  provide: NG_VALUE_ACCESSOR,
+  useExisting: forwardRef(() => SelectComponent),
+  multi: true
+};
+
+@Component({
+  selector: 'mdb-select',
+  templateUrl: 'select.component.html',
+  providers: [SELECT_VALUE_ACCESSOR],
+  encapsulation: ViewEncapsulation.None
+})
+
+export class SelectComponent implements ControlValueAccessor, OnChanges, OnInit, AfterViewInit {
+
+  @Input() options: Array<IOption>;
+
+  @Input() allowClear = false;
+  @Input() disabled = false;
+  @Input() highlightColor: string;
+  @Input() highlightTextColor: string;
+  @Input() multiple = false;
+  @Input() noFilter = 0;
+  @Input() notFoundMsg = 'No results found';
+  @Input() placeholder = '';
+  @Input() filterPlaceholder = '';
+  @Input() label = '';
+  @Input() filterEnabled = false;
+
+  @Output() opened: EventEmitter<null> = new EventEmitter<null>();
+  @Output() closed: EventEmitter<null> = new EventEmitter<null>();
+  @Output() selected: EventEmitter<IOption> = new EventEmitter<IOption>();
+  @Output() deselected: EventEmitter<IOption | IOption[]> =
+    new EventEmitter<IOption | IOption[]>();
+  @Output() noOptionsFound: EventEmitter<string> =
+    new EventEmitter<string>();
+
+  @ViewChild('selection') selectionSpan: any;
+  @ViewChild('dropdown') dropdown: SelectDropdownComponent;
+  @ViewChild('filterInput') filterInput: any;
+
+  // Angular lifecycle hooks.
+  KEYS: any = {
+    BACKSPACE: 8,
+    TAB: 9,
+    ENTER: 13,
+    ESC: 27,
+    SPACE: 32,
+    UP: 38,
+    DOWN: 40
+  };
+
+  _value: Array<any> = [];
+  optionList: OptionList;
+
+  // Selection state variables.
+  hasSelected = false;
+
+  // View state variables.
+  hasFocus = false;
+  isOpen = false;
+  isBelow = true;
+  filterInputWidth = 1;
+  isDisabled = false;
+  placeholderView = '';
+
+  clearClicked = false;
+  selectContainerClicked = false;
+
+  // Width and position for the dropdown container.
+  width: number;
+  top: number;
+  left: number;
+
+  onChange = (_: any) => { };
+  onTouched = () => { };
+
+  /** Event handlers. **/
+
+  @HostListener('document:click', ['$event']) closeSelect($event: any) {
+    if (!this.isChild($event.target) && this.isOpen) {
+      this.closeDropdown();
+    }
+  }
+
+  // Angular lifecycle hooks.
+  constructor(public el: ElementRef, public renderer: Renderer2) {
+  }
+
+  ngOnInit() {
+    this.placeholderView = this.placeholder;
+  }
+
+  ngAfterViewInit() {
+    this.setArrowUpIcon();
+    this.setArrowDownIcon();
+    this.renderer.setStyle(this.selectionSpan.nativeElement.children[0].lastChild, 'visibility', 'hidden');
+  }
+
+  ngOnChanges(changes: any) {
+    if (changes.hasOwnProperty('options')) {
+      this.updateOptionsList(changes['options'].isFirstChange());
+    }
+    if (changes.hasOwnProperty('noFilter')) {
+      const numOptions: number = this.optionList.options.length;
+      const minNumOptions: number = changes['noFilter'].currentValue;
+      this.filterEnabled = numOptions >= minNumOptions;
+    }
+  }
+
+  setArrowUpIcon() {
+    const div = this.renderer.createElement('div');
+    this.renderer.appendChild(this.selectionSpan.nativeElement.children[0], div);
+    this.selectionSpan.nativeElement.children[0].lastChild.innerHTML = '&#x25BC;';
+    this.renderer.addClass(this.selectionSpan.nativeElement.children[0].lastChild, 'toggle');
+
+  }
+
+  setArrowDownIcon() {
+    const div = this.renderer.createElement('div');
+    this.renderer.appendChild(this.selectionSpan.nativeElement.children[0], div);
+    this.selectionSpan.nativeElement.children[0].lastChild.innerHTML = '&#x25B2;';
+    this.renderer.addClass(this.selectionSpan.nativeElement.children[0].lastChild, 'toggle');
+  }
+
+
+  isChild(elemnt: any) {
+    let node = elemnt.parentNode;
+    while (node != null) {
+      if (node === this.el.nativeElement) {
+        return true;
+      }
+      node = node.parentNode;
+    }
+    return false;
+  }
+
+  // Window.
+
+  onWindowClick() {
+    if (!this.selectContainerClicked && !this.multiple) {
+      this.closeDropdown();
+    }
+    this.clearClicked = false;
+    this.selectContainerClicked = false;
+  }
+
+  onWindowResize() {
+    this.updateWidth();
+  }
+
+  // Select container.
+
+  onSelectContainerClick() {
+    this.selectContainerClicked = true;
+    if (!this.clearClicked) {
+      this.toggleDropdown();
+    }
+  }
+
+  onSelectContainerFocus() {
+    this.onTouched();
+  }
+
+  onSelectContainerKeydown(event: any) {
+    this.handleSelectContainerKeydown(event);
+  }
+
+  // Dropdown container.
+
+  onDropdownOptionClicked(option: Option) {
+    this.multiple ?
+      this.toggleSelectOption(option) : this.selectOption(option);
+  }
+
+  onDropdownClose(focus: any) {
+    this.closeDropdown(focus);
+  }
+
+  // Single filter input.
+  onSingleFilterClick() {
+    this.selectContainerClicked = true;
+  }
+
+  onSingleFilterInput(term: string) {
+    const hasShown: boolean = this.optionList.filter(term);
+    if (!hasShown) {
+      this.noOptionsFound.emit(term);
+    }
+  }
+
+  onSingleFilterKeydown(event: any) {
+    this.handleSingleFilterKeydown(event);
+  }
+
+  // Multiple filter input.
+
+  onMultipleFilterInput(event: any) {
+    if (!this.isOpen) {
+      this.openDropdown();
+    }
+    this.updateFilterWidth();
+    setTimeout(() => {
+      const term: string = event.target.value;
+      const hasShown: boolean = this.optionList.filter(term);
+      if (!hasShown) {
+        this.noOptionsFound.emit(term);
+      }
+    });
+  }
+
+  onMultipleFilterKeydown(event: any) {
+    this.handleMultipleFilterKeydown(event);
+  }
+
+  // Single clear select.
+
+  onClearSelectionClick() {
+
+    this.clearClicked = true;
+    this.clearSelection();
+    this.closeDropdown(true);
+  }
+
+  // Multiple deselect option.
+
+  onDeselectOptionClick(option: Option) {
+    this.clearClicked = true;
+    this.deselectOption(option);
+  }
+
+  /** API. **/
+
+  // TODO fix issues with global click/key handler that closes the dropdown.
+  open() {
+    this.openDropdown();
+  }
+
+  close() {
+    this.closeDropdown();
+  }
+
+
+  get value(): string | string[] {
+    return this.multiple ? this._value : this._value[0];
+  }
+
+  set value(v: string | string[]) {
+    if (typeof v === 'undefined' || v === null || v === '') {
+      v = [];
+    } else if (typeof v === 'string' || typeof v === 'number' || typeof v === 'boolean') {
+      v = [v];
+    } else if (!Array.isArray(v)) {
+      throw new TypeError('Value must be a string or an array.');
+    }
+
+    if (!OptionList.equalValues(v, this._value)) {
+      this.optionList.value = v;
+      this.valueChanged();
+    }
+  }
+
+  clear() {
+    this.clearSelection();
+  }
+
+  select(value: string) {
+    this.optionList.getOptionsByValue(value).forEach((option) => {
+      this.selectOption(option);
+    });
+  }
+
+  /** ControlValueAccessor interface methods. **/
+
+  writeValue(value: any) {
+    this.value = value;
+  }
+
+  registerOnChange(fn: (_: any) => void) {
+    this.onChange = fn;
+  }
+
+  registerOnTouched(fn: () => void) {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean) {
+    this.disabled = isDisabled;
+  }
+
+
+  valueChanged() {
+    this._value = this.optionList.value;
+
+    this.hasSelected = this._value.length > 0;
+    this.placeholderView = this.hasSelected ? '' : this.placeholder;
+    this.updateFilterWidth();
+
+    this.onChange(this.value);
+  }
+
+  /** Initialization. **/
+
+  updateOptionsList(firstTime: boolean) {
+    // let v: Array<string> | any;
+    let v: Array<string> | any;
+
+    if (!firstTime) {
+      v = this.optionList.value;
+    }
+
+    this.optionList = new OptionList(this.options);
+
+    if (!firstTime) {
+      this.optionList.value = v;
+      this.valueChanged();
+    }
+  }
+
+  /** Dropdown. **/
+  toggleDropdown() {
+    if (!this.isDisabled) {
+      this.isOpen ? this.closeDropdown(true) : this.openDropdown();
+
+    }
+  }
+
+  openDropdown() {
+    this.renderer.setStyle(this.el.nativeElement, 'z-index', '1000');
+    if (!this.isOpen) {
+      this.renderer.setStyle(this.selectionSpan.nativeElement.children[0].lastChild, 'visibility', 'visible');
+      // tslint:disable-next-line:max-line-length
+      this.renderer.setStyle(this.selectionSpan.nativeElement.children[0].children[this.selectionSpan.nativeElement.children[0].children.length - 2], 'visibility', 'hidden');
+      this.updateWidth();
+      this.updatePosition();
+      this.isOpen = true;
+      if (this.multiple && this.filterEnabled) {
+        this.filterInput.nativeElement.focus();
+      }
+      this.opened.emit(null);
+    }
+  }
+
+  closeDropdown(focus: boolean = false) {
+    const container = this.el.nativeElement.lastElementChild.classList;
+    this.renderer.removeStyle(this.el.nativeElement, 'z-index');
+    container.remove('fadeInSelect');
+    if (this.isOpen) {
+      this.renderer.setStyle(this.selectionSpan.nativeElement.children[0].lastChild, 'visibility', 'hidden');
+      // tslint:disable-next-line:max-line-length
+      this.renderer.setStyle(this.selectionSpan.nativeElement.children[0].children[this.selectionSpan.nativeElement.children[0].children.length - 2], 'visibility', 'visible');
+    }
+    setTimeout(() => {
+
+      if (this.isOpen) {
+        this.clearFilterInput();
+        this.isOpen = false;
+        if (focus) {
+          this.focus();
+        }
+        this.closed.emit(null);
+      }
+
+    }, 200);
+
+  }
+
+  /** Select. **/
+
+  selectOption(option: Option) {
+    if (!option.selected) {
+      this.optionList.select(option, this.multiple);
+      this.valueChanged();
+      this.selected.emit(option.wrappedOption);
+    }
+  }
+
+  deselectOption(option: Option) {
+    if (option.selected) {
+      this.optionList.deselect(option);
+      this.valueChanged();
+      this.deselected.emit(option.wrappedOption);
+    }
+  }
+
+  clearSelection() {
+    const selection: Array<Option> = this.optionList.selection;
+    if (selection.length > 0) {
+      this.optionList.clearSelection();
+      this.valueChanged();
+
+      if (selection.length === 1) {
+        this.deselected.emit(selection[0].wrappedOption);
+      } else {
+        this.deselected.emit(selection.map((option) => {
+          return option.wrappedOption;
+        }));
+      }
+    }
+  }
+
+  toggleSelectOption(option: Option) {
+    option.selected ?
+      this.deselectOption(option) : this.selectOption(option);
+  }
+
+  selectHighlightedOption() {
+    const option: Option = this.optionList.highlightedOption;
+    if (option !== null) {
+      this.selectOption(option);
+      this.closeDropdown(true);
+    }
+  }
+
+  deselectLast() {
+    const sel: Array<Option> = this.optionList.selection;
+
+    if (sel.length > 0) {
+      const option: Option = sel[sel.length - 1];
+      this.deselectOption(option);
+      this.setMultipleFilterInput(option.label + ' ');
+    }
+  }
+
+  /** Filter. **/
+
+  clearFilterInput() {
+    if (this.multiple && this.filterEnabled) {
+      this.filterInput.nativeElement.value = '';
+    } else {
+      this.dropdown.clearFilterInput();
+    }
+  }
+
+  setMultipleFilterInput(value: string) {
+    if (this.filterEnabled) {
+      this.filterInput.nativeElement.value = value;
+    }
+  }
+
+  handleSelectContainerKeydown(event: any) {
+    const key = event.which;
+
+    if (this.isOpen) {
+      if (key === this.KEYS.ESC ||
+        (key === this.KEYS.UP && event.altKey)) {
+        this.closeDropdown(true);
+      } else if (key === this.KEYS.TAB) {
+        this.closeDropdown();
+      } else if (key === this.KEYS.ENTER) {
+        this.selectHighlightedOption();
+      } else if (key === this.KEYS.UP) {
+        this.optionList.highlightPreviousOption();
+        this.dropdown.moveHighlightedIntoView();
+        if (!this.filterEnabled) {
+          event.preventDefault();
+        }
+      } else if (key === this.KEYS.DOWN) {
+        this.optionList.highlightNextOption();
+        this.dropdown.moveHighlightedIntoView();
+        if (!this.filterEnabled) {
+          event.preventDefault();
+        }
+      }
+    } else {
+      if (key === this.KEYS.ENTER || key === this.KEYS.SPACE ||
+        (key === this.KEYS.DOWN && event.altKey)) {
+
+        /* FIREFOX HACK:
+         *
+         * The setTimeout is added to prevent the enter keydown event
+         * to be triggered for the filter input field, which causes
+         * the dropdown to be closed again.
+         */
+        setTimeout(() => { this.openDropdown(); });
+      }
+    }
+
+  }
+
+  handleMultipleFilterKeydown(event: any) {
+    const key = event.which;
+
+    if (key === this.KEYS.BACKSPACE) {
+      if (this.hasSelected && this.filterEnabled &&
+        this.filterInput.nativeElement.value === '') {
+        this.deselectLast();
+      }
+    }
+  }
+
+  handleSingleFilterKeydown(event: any) {
+    const key = event.which;
+
+    if (key === this.KEYS.ESC || key === this.KEYS.TAB
+      || key === this.KEYS.UP || key === this.KEYS.DOWN
+      || key === this.KEYS.ENTER) {
+      this.handleSelectContainerKeydown(event);
+    }
+  }
+
+  /** View. **/
+
+  focus() {
+    this.hasFocus = true;
+    if (this.multiple && this.filterEnabled) {
+      this.filterInput.nativeElement.focus();
+    } else {
+      this.selectionSpan.nativeElement.focus();
+    }
+  }
+
+  blur() {
+    this.hasFocus = false;
+    this.selectionSpan.nativeElement.blur();
+  }
+
+  updateWidth() {
+    this.width = this.selectionSpan.nativeElement.offsetWidth;
+  }
+
+  updatePosition() {
+    const e = this.selectionSpan.nativeElement;
+    this.left = e.offsetLeft;
+    this.top = e.offsetTop + e.offsetHeight;
+  }
+
+  updateFilterWidth() {
+    if (typeof this.filterInput !== 'undefined') {
+      const value: string = this.filterInput.nativeElement.value;
+      this.filterInputWidth = value.length === 0 ?
+        1 + this.placeholderView.length * 10 : 1 + value.length * 10;
+    }
+  }
+}
diff --git a/src/app/typescripts/pro/material-select/select.module.ts b/src/app/typescripts/pro/material-select/select.module.ts
new file mode 100644
index 0000000..14438d3
--- /dev/null
+++ b/src/app/typescripts/pro/material-select/select.module.ts
@@ -0,0 +1,24 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {FormsModule} from '@angular/forms';
+
+import {SelectComponent} from './select.component';
+import {SelectDropdownComponent} from './select-dropdown.component';
+
+export * from './option-interface';
+export * from './select.component';
+
+@NgModule({
+  declarations: [
+    SelectComponent,
+    SelectDropdownComponent
+  ],
+  exports: [
+    SelectComponent
+  ],
+  imports: [
+    CommonModule,
+    FormsModule
+  ]
+})
+export class SelectModule {}
diff --git a/src/app/typescripts/pro/package.json b/src/app/typescripts/pro/package.json
new file mode 100644
index 0000000..0d8ecf5
--- /dev/null
+++ b/src/app/typescripts/pro/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "ng-mdb-pro",
+  "version": "6.0.1",
+  "description": "Material Design for Bootstrap (MDB) is a powerful Material Design UI KIT for most popular HTML, CSS, and JS framework - Bootstrap.",
+  "scripts": {
+  "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+  "type": "git",
+  "url": "https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design.git"
+  },
+  "keywords": [
+  "material",
+  "design",
+  "bootstrap",
+  "mdbootstrap",
+  "mdb",
+  "framework",
+  "css",
+  "mobile-first",
+  "responsive",
+  "angular",
+  "ng",
+  "ng2",
+  "angular2",
+  "ng4",
+  "angular4",
+  "ng5",
+  "angular 5",
+  "ng 6",
+  "angular 6"
+  ],
+  "author": "MDBootstrap",
+  "license": "Custom license (read license.pdf)",
+  "bugs": {
+  "url": "https://github.com/mdbootstrap/bootstrap-material-design/issues"
+  },
+  "homepage": "https://mdbootstrap.com",
+  "peerDependencies": {
+  "@angular/animations": "5.0.0 - 6.0.0-rc.5",
+  "@angular/common": "5.0.0 - 6.0.0-rc.5",
+  "@angular/compiler": "5.0.0 - 6.0.0-rc.5",
+  "@angular/core": "5.0.0 - 6.0.0-rc.5",
+  "@angular/forms": "5.0.0 - 6.0.0-rc.5",
+  "hammerjs": "2.0.8",
+  "chart.js": "2.5.x",
+  "font-awesome": "4.7.x",
+  "@agm/core": "~1.0.0-beta.2"
+  }
+}
\ No newline at end of file
diff --git a/src/app/typescripts/pro/preloader/licens.md b/src/app/typescripts/pro/preloader/licens.md
new file mode 100644
index 0000000..836b21a
--- /dev/null
+++ b/src/app/typescripts/pro/preloader/licens.md
@@ -0,0 +1 @@
+https://www.npmjs.com/package/ng2-spinning-preloader
\ No newline at end of file
diff --git a/src/app/typescripts/pro/preloader/preloader.constants.ts b/src/app/typescripts/pro/preloader/preloader.constants.ts
new file mode 100644
index 0000000..df888b8
--- /dev/null
+++ b/src/app/typescripts/pro/preloader/preloader.constants.ts
@@ -0,0 +1,18 @@
+
+const CONTAINER_CLASS_NAME = 'spinning-preloader-container';
+const COMPLETE_CLASS_NAME = 'complete';
+const CONTAINER_QUERY = `.${CONTAINER_CLASS_NAME}`;
+
+const CONTAINER_NAME: string = CONTAINER_CLASS_NAME.split('-').join(' ');
+
+export const TYPE_ERROR_CONTAINER_WAS_NOT_FOUND_MESSAGE =
+  `The ${CONTAINER_NAME} was not found`;
+
+export const EMULATE_ELEMENT_NAME = 'div';
+
+export {
+  CONTAINER_QUERY,
+  COMPLETE_CLASS_NAME,
+  CONTAINER_CLASS_NAME,
+  CONTAINER_NAME
+}
diff --git a/src/app/typescripts/pro/preloader/preloader.service.ts b/src/app/typescripts/pro/preloader/preloader.service.ts
new file mode 100644
index 0000000..42ab4d3
--- /dev/null
+++ b/src/app/typescripts/pro/preloader/preloader.service.ts
@@ -0,0 +1,51 @@
+import {
+  Injectable,
+  Inject
+} from '@angular/core';
+
+import {
+  DOCUMENT
+} from '@angular/platform-browser';
+
+import {
+  CONTAINER_QUERY,
+  COMPLETE_CLASS_NAME,
+  TYPE_ERROR_CONTAINER_WAS_NOT_FOUND_MESSAGE,
+  EMULATE_ELEMENT_NAME
+} from './preloader.constants';
+
+import {MDB_SPINNING_PRELOADER_TYPE} from './preloader.types';
+
+@Injectable()
+export class MDBSpinningPreloader {
+  public _container: MDB_SPINNING_PRELOADER_TYPE;
+
+  public static errorHandler() {
+    throw new TypeError(TYPE_ERROR_CONTAINER_WAS_NOT_FOUND_MESSAGE);
+  }
+
+  constructor(@Inject(DOCUMENT) public document: any) {
+    this.container = this.document.querySelector(CONTAINER_QUERY);
+  }
+
+  public start() {
+    this.container.classList.remove(COMPLETE_CLASS_NAME);
+  }
+
+  public stop() {
+    this.container.classList.add(COMPLETE_CLASS_NAME);
+  }
+
+  public get container(): MDB_SPINNING_PRELOADER_TYPE {
+    return this._container;
+  }
+
+  public set container(element) {
+    if (!element) {
+      // NgSpinningPreloader.errorHandler();
+    }
+
+    this._container = element || this.document.createElement(EMULATE_ELEMENT_NAME);
+  }
+
+}
diff --git a/src/app/typescripts/pro/preloader/preloader.types.ts b/src/app/typescripts/pro/preloader/preloader.types.ts
new file mode 100644
index 0000000..f520505
--- /dev/null
+++ b/src/app/typescripts/pro/preloader/preloader.types.ts
@@ -0,0 +1 @@
+export type MDB_SPINNING_PRELOADER_TYPE = Element | HTMLDivElement;
diff --git a/src/app/typescripts/pro/progressbars/bar.component.html b/src/app/typescripts/pro/progressbars/bar.component.html
new file mode 100644
index 0000000..82de351
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/bar.component.html
@@ -0,0 +1,11 @@
+<div class="progress-bar"
+style="min-width: 0;"
+role="progressbar"
+[ngClass]="type && 'progress-bar-' + type"
+[ngStyle]="{width: (percent < 100 ? percent : 100) + '%', transition: transition}"
+aria-valuemin="0"
+[attr.aria-valuenow]="value"
+[attr.aria-valuetext]="percent.toFixed(0) + '%'"
+[attr.aria-valuemax]="max">
+  <ng-content></ng-content>
+</div>
diff --git a/src/app/typescripts/pro/progressbars/bar.component.ts b/src/app/typescripts/pro/progressbars/bar.component.ts
new file mode 100644
index 0000000..b04bf1e
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/bar.component.ts
@@ -0,0 +1,59 @@
+import { Component, Host, Input, OnDestroy, OnInit } from '@angular/core';
+
+import { ProgressDirective } from './progress.directive';
+
+// todo: number pipe
+// todo: use query from progress?
+@Component({
+  selector: 'mdb-bar',
+  templateUrl: './bar.component.html'
+})
+export class BarComponent implements OnInit, OnDestroy {
+  public max: number;
+
+  /** provide one of the four supported contextual classes: `success`, `info`, `warning`, `danger` */
+  @Input() public type: string;
+  /** current value of progress bar */
+  @Input()
+  public get value(): number {
+    return this._value;
+  }
+
+  public set value(v: number) {
+    if (!v && v !== 0) {
+        return;
+    }
+    this._value = v;
+    this.recalculatePercentage();
+  }
+
+  public percent = 0;
+  public transition: string;
+  public progress: ProgressDirective;
+
+  protected _value: number;
+
+  public constructor(@Host() progress: ProgressDirective) {
+    this.progress = progress;
+  }
+
+  public ngOnInit(): void {
+    this.progress.addBar(this);
+  }
+
+  public ngOnDestroy(): void {
+    this.progress.removeBar(this);
+  }
+
+  public recalculatePercentage(): void {
+    this.percent = +(100 * this.value / this.progress.max).toFixed(2);
+
+    const totalPercentage = this.progress.bars.reduce(function (total: number, bar: BarComponent): number {
+        return total + bar.percent;
+    }, 0);
+
+    if (totalPercentage > 100) {
+        this.percent -= totalPercentage - 100;
+    }
+  }
+}
diff --git a/src/app/typescripts/pro/progressbars/index.ts b/src/app/typescripts/pro/progressbars/index.ts
new file mode 100644
index 0000000..70e074a
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/index.ts
@@ -0,0 +1,42 @@
+import {NgModule, ModuleWithProviders} from '@angular/core';
+
+export { BarComponent } from './bar.component';
+export { ProgressDirective } from './progress.directive';
+export { ProgressbarComponent } from './progressbar.component';
+export { ProgressbarModule } from './progressbar.module';
+export { ProgressbarConfigComponent } from './progressbar.config.component';
+export { ProgressSpinnerComponent } from './progress-spinner.component';
+import { ProgressbarModule } from './progressbar.module';
+
+import { MdProgressSpinnerModule } from './progress-spinner-module/';
+import { MdProgressBarModule } from './progress-bars-module/';
+
+
+const MATERIAL_MODULES = [
+  MdProgressBarModule,
+  MdProgressSpinnerModule,
+  ProgressbarModule
+];
+
+@NgModule({
+  imports: [
+  MdProgressBarModule.forRoot(),
+  MdProgressSpinnerModule.forRoot(),
+  ProgressbarModule.forRoot()
+  ],
+  exports: MATERIAL_MODULES,
+})
+
+export class MaterialRootModule { }
+
+/** @deprecated */
+@NgModule({
+  imports: MATERIAL_MODULES,
+  exports: MATERIAL_MODULES,
+})
+export class ProgressBars {
+  /** @deprecated */
+  static forRoot(): ModuleWithProviders {
+    return {ngModule: MaterialRootModule};
+  }
+}
diff --git a/src/app/typescripts/pro/progressbars/licens.md b/src/app/typescripts/pro/progressbars/licens.md
new file mode 100644
index 0000000..018840d
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/licens.md
@@ -0,0 +1,3 @@
+https://github.com/valor-software/ngx-bootstrap/blob/development/LICENSE
+https://github.com/jgluhov/ng2-spinning-preloader/blob/master/package.json
+https://github.com/angular/material2/blob/master/LICENSE
\ No newline at end of file
diff --git a/src/app/typescripts/pro/progressbars/progress-bars-module/index.ts b/src/app/typescripts/pro/progressbars/progress-bars-module/index.ts
new file mode 100644
index 0000000..cf6a6e5
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progress-bars-module/index.ts
@@ -0,0 +1,21 @@
+import { NgModule, ModuleWithProviders } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ProgressBarComponent } from './progressbar.component';
+
+
+@NgModule({
+  imports: [CommonModule],
+  exports: [ProgressBarComponent],
+  declarations: [ProgressBarComponent],
+})
+export class MdProgressBarModule {
+  /** @deprecated */
+  static forRoot(): ModuleWithProviders {
+    return {
+      ngModule: MdProgressBarModule,
+      providers: []
+    };
+  }
+}
+
+export * from './progressbar.component';
diff --git a/src/app/typescripts/pro/progressbars/progress-bars-module/progressbar.component.html b/src/app/typescripts/pro/progressbars/progress-bars-module/progressbar.component.html
new file mode 100644
index 0000000..a61ec09
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progress-bars-module/progressbar.component.html
@@ -0,0 +1,5 @@
+<!-- The background div is named as such because it appears below the other divs and is not sized based on values. -->
+<div class="mat-progress-bar-background mat-progress-bar-element"></div>
+<div class="mat-progress-bar-buffer mat-progress-bar-element" [ngStyle]="_bufferTransform()"></div>
+<div class="mat-progress-bar-primary mat-progress-bar-fill mat-progress-bar-element" [ngStyle]="_primaryTransform()"></div>
+<div class="mat-progress-bar-secondary mat-progress-bar-fill mat-progress-bar-element"></div>
diff --git a/src/app/typescripts/pro/progressbars/progress-bars-module/progressbar.component.scss b/src/app/typescripts/pro/progressbars/progress-bars-module/progressbar.component.scss
new file mode 100644
index 0000000..6120fcc
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progress-bars-module/progressbar.component.scss
@@ -0,0 +1,138 @@
+:host {
+  display:block;
+  height:5px;
+  overflow:hidden;
+  position:relative;
+  transform:translateZ(0);
+  transition:opacity 250ms linear;
+  width:100%;
+}
+:host .mat-progress-bar-element,:host .mat-progress-bar-fill::after {
+  height:100%;
+  position:absolute;
+  width:100%;
+}
+:host .mat-progress-bar-background {
+  background-repeat:repeat-x;
+  background-size:10px 4px;
+  display:none;
+}
+:host .mat-progress-bar-buffer {
+  transform-origin:top left;
+  transition:transform 250ms ease,stroke .3s cubic-bezier(.35,0,.25,1);
+}
+:host .mat-progress-bar-secondary {
+  display:none;
+} 
+:host .mat-progress-bar-fill {
+  animation:none;
+  transform-origin:top left;
+  transition:transform 250ms ease,stroke .3s cubic-bezier(.35,0,.25,1);
+}
+:host .mat-progress-bar-fill::after {
+  animation:none;
+  content:'';
+  display:inline-block;
+  left:0;
+}
+:host[mode=query] {
+  transform:rotateZ(180deg);
+}
+:host[mode=indeterminate] .mat-progress-bar-fill,:host[mode=query] .mat-progress-bar-fill {
+  transition:none;
+}
+:host[mode=indeterminate] .mat-progress-bar-primary,:host[mode=query] .mat-progress-bar-primary {
+  animation:mat-progress-bar-primary-indeterminate-translate 2s infinite linear;
+  left:-145.166611%;
+}
+:host[mode=indeterminate] .mat-progress-bar-primary.mat-progress-bar-fill::after,:host[mode=query] 
+.mat-progress-bar-primary.mat-progress-bar-fill::after {
+  animation:mat-progress-bar-primary-indeterminate-scale 2s infinite linear;
+}
+:host[mode=indeterminate] .mat-progress-bar-secondary,:host[mode=query] .mat-progress-bar-secondary {
+  animation:mat-progress-bar-secondary-indeterminate-translate 2s infinite linear;
+  left:-54.888891%;
+  display:block;
+}
+:host[mode=indeterminate] .mat-progress-bar-secondary.mat-progress-bar-fill::after,:host[mode=query] 
+.mat-progress-bar-secondary.mat-progress-bar-fill::after {
+  animation:mat-progress-bar-secondary-indeterminate-scale 2s infinite linear;
+}
+:host[mode=buffer] .mat-progress-bar-background {
+  animation:mat-progress-bar-background-scroll 250ms infinite linear;
+  display:block;
+}
+:host-context([dir=rtl]) {
+  transform:rotateY(180deg);
+}
+@keyframes mat-progress-bar-primary-indeterminate-translate {
+  0% {
+      transform:translateX(0);
+  }
+  20% {
+      animation-timing-function:cubic-bezier(.5,0,.70173,.49582);
+      transform:translateX(0);
+  }
+  59.15% {
+      animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635);
+      transform:translateX(83.67142%);
+  }
+  100% {
+      transform:translateX(200.61106%);
+  }
+}
+@keyframes mat-progress-bar-primary-indeterminate-scale {
+  0% {
+      transform:scaleX(.08);
+  }
+  36.65% {
+      animation-timing-function:cubic-bezier(.33473,.12482,.78584,1);
+      transform:scaleX(.08);
+  }
+  69.15% {
+      animation-timing-function:cubic-bezier(.06,.11,.6,1);
+      transform:scaleX(.66148);
+  } 
+  100% {
+      transform:scaleX(.08);
+  }
+}
+@keyframes mat-progress-bar-secondary-indeterminate-translate {
+  0% {
+      animation-timing-function:cubic-bezier(.15,0,.51506,.40969);
+      transform:translateX(0);
+  }
+  25% {
+      animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);
+      transform:translateX(37.65191%);
+  }
+  48.35% {
+      animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);
+      transform:translateX(84.38617%);
+  }
+  100% {
+      transform:translateX(160.27778%);
+  }
+}
+@keyframes mat-progress-bar-secondary-indeterminate-scale {
+  0% {
+      animation-timing-function:cubic-bezier(.15,0,.51506,.40969);
+      transform:scaleX(.08);
+  }
+  19.15% {
+      animation-timing-function:cubic-bezier(.31033,.28406,.8,.73371);
+      transform:scaleX(.4571)
+  } 
+  44.15% {
+      animation-timing-function:cubic-bezier(.4,.62704,.6,.90203);
+      transform:scaleX(.72796);
+  }
+  100% {
+      transform:scaleX(.08);
+  }
+}
+@keyframes mat-progress-bar-background-scroll {
+  to {
+      transform:translateX(-10px)
+  }
+}  
\ No newline at end of file
diff --git a/src/app/typescripts/pro/progressbars/progress-bars-module/progressbar.component.ts b/src/app/typescripts/pro/progressbars/progress-bars-module/progressbar.component.ts
new file mode 100644
index 0000000..90dd3eb
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progress-bars-module/progressbar.component.ts
@@ -0,0 +1,74 @@
+import {
+  Component,
+  ChangeDetectionStrategy,
+  HostBinding,
+  Input,
+} from '@angular/core';
+
+// TODO(josephperrott): Benchpress tests.
+// TODO(josephperrott): Add ARIA attributes for progressbar "for".
+
+
+/**
+ * <md-progress-bar> component.
+ */
+@Component({
+    selector: 'mdb-progress-bar, mat-progress-bar',
+    templateUrl: './progressbar.component.html',
+    styleUrls: ['./progressbar.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+
+})
+export class ProgressBarComponent {
+    /** Color of the progress bar. */
+    @Input() color: 'primary' | 'accent' | 'warn' = 'primary';
+
+    private _value = 0;
+
+    /** Value of the progressbar. Defaults to zero. Mirrored to aria-valuenow. */
+    @Input()
+
+    @HostBinding('attr.aria-valuenow')
+    get value() { return this._value; }
+    set value(v: number) { this._value = clamp(v || 0); }
+
+    private _bufferValue = 0;
+
+    /** Buffer value of the progress bar. Defaults to zero. */
+    @Input()
+    get bufferValue() { return this._bufferValue; }
+    set bufferValue(v: number) { this._bufferValue = clamp(v || 0); }
+
+    /**
+    * Mode of the progress bar.
+    *
+    * Input must be one of these values: determinate, indeterminate, buffer, query, defaults to
+    * 'determinate'.
+    * Mirrored to mode attribute.
+    */
+    @Input()
+    @HostBinding('attr.mode')
+    mode: 'determinate' | 'indeterminate' | 'buffer' | 'query' = 'determinate';
+
+    /** Gets the current transform value for the progress bar's primary indicator. */
+    _primaryTransform() {
+        const scale = this.value / 100;
+        return {transform: `scaleX(${scale})`};
+    }
+
+    /**
+    * Gets the current transform value for the progress bar's buffer indicator.  Only used if the
+    * progress mode is set to buffer, otherwise returns an undefined, causing no transformation.
+    */
+    _bufferTransform() {
+        if (this.mode === 'buffer') {
+            const scale = this.bufferValue / 100;
+            return {transform: `scaleX(${scale})`};
+        }
+    }
+}
+
+/** Clamps a value to be between two numbers, by default 0 and 100. */
+function clamp(v: number, min = 0, max = 100) {
+    return Math.max(min, Math.min(max, v));
+}
diff --git a/src/app/typescripts/pro/progressbars/progress-spinner-module/index.ts b/src/app/typescripts/pro/progressbars/progress-spinner-module/index.ts
new file mode 100644
index 0000000..fb62e03
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progress-spinner-module/index.ts
@@ -0,0 +1,37 @@
+import {NgModule, ModuleWithProviders} from '@angular/core';
+import {
+  MdProgressSpinnerComponent,
+  MdSpinnerComponent,
+  MdProgressSpinnerCssMatStylerDirective,
+} from './progress-spinner.component';
+
+import { ProgressSpinnerComponent } from '../progress-spinner.component';
+
+
+@NgModule({
+  exports: [
+    MdProgressSpinnerComponent,
+    MdSpinnerComponent,
+    MdProgressSpinnerCssMatStylerDirective,
+    ProgressSpinnerComponent
+  ],
+  declarations: [
+    MdProgressSpinnerComponent,
+    MdSpinnerComponent,
+    MdProgressSpinnerCssMatStylerDirective,
+    ProgressSpinnerComponent
+  ],
+})
+
+class MdProgressSpinnerModule {
+  /** @deprecated */
+  static forRoot(): ModuleWithProviders {
+    return {
+      ngModule: MdProgressSpinnerModule,
+      providers: []
+    };
+  }
+}
+
+export {MdProgressSpinnerModule};
+export * from './progress-spinner.component';
diff --git a/src/app/typescripts/pro/progressbars/progress-spinner-module/progress-spinner.component.html b/src/app/typescripts/pro/progressbars/progress-spinner-module/progress-spinner.component.html
new file mode 100644
index 0000000..b5fc644
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progress-spinner-module/progress-spinner.component.html
@@ -0,0 +1,8 @@
+<!--
+  preserveAspectRatio of xMidYMid meet as the center of the viewport is the circle's
+  center. The center of the circle will remain at the center of the md-progress-spinner
+  element containing the SVG.
+-->
+<svg viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet">
+  <path></path>
+</svg>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/progressbars/progress-spinner-module/progress-spinner.component.scss b/src/app/typescripts/pro/progressbars/progress-spinner-module/progress-spinner.component.scss
new file mode 100644
index 0000000..ca83eef
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progress-spinner-module/progress-spinner.component.scss
@@ -0,0 +1,62 @@
+:host {
+  display: block;
+  height: 100px;
+  width: 100px;
+  overflow: hidden;
+}
+
+:host svg {
+  height: 100%;
+  width: 100%;
+  transform-origin: center;
+}
+
+:host path {
+  fill: transparent;
+  stroke-width: 10px;
+  transition: stroke .3s cubic-bezier(.35, 0, .25, 1);
+}
+
+:host[mode=indeterminate] svg {
+  animation-duration: 5.25s, 2.887s;
+  animation-name: mat-progress-spinner-sporadic-rotate, mat-progress-spinner-linear-rotate;
+  animation-timing-function: cubic-bezier(.35, 0, .25, 1), linear;
+  animation-iteration-count: infinite;
+  transition: none;
+}
+
+@keyframes mat-progress-spinner-linear-rotate {
+  0% {
+      transform: rotate(0)
+  }
+  100% {
+      transform: rotate(360deg)
+  }
+}
+
+@keyframes mat-progress-spinner-sporadic-rotate {
+  12.5% {
+      transform: rotate(135deg)
+  }
+  25% {
+      transform: rotate(270deg)
+  }
+  37.5% {
+      transform: rotate(405deg)
+  }
+  50% {
+      transform: rotate(540deg)
+  }
+  62.5% {
+      transform: rotate(675deg)
+  }
+  75% {
+      transform: rotate(810deg)
+  }
+  87.5% {
+      transform: rotate(945deg)
+  }
+  100% {
+      transform: rotate(1080deg)
+  }
+}
\ No newline at end of file
diff --git a/src/app/typescripts/pro/progressbars/progress-spinner-module/progress-spinner.component.ts b/src/app/typescripts/pro/progressbars/progress-spinner-module/progress-spinner.component.ts
new file mode 100644
index 0000000..82537db
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progress-spinner-module/progress-spinner.component.ts
@@ -0,0 +1,370 @@
+import {
+    Component,
+    HostBinding,
+    ChangeDetectionStrategy,
+    OnDestroy,
+    Input,
+    ElementRef,
+    NgZone,
+    Renderer, Directive
+} from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { PLATFORM_ID, Inject } from '@angular/core';
+// TODO(josephperrott): Benchpress tests.
+
+/** A single degree in radians. */
+const DEGREE_IN_RADIANS = Math.PI / 180;
+/** Duration of the indeterminate animation. */
+const DURATION_INDETERMINATE = 667;
+/** Duration of the indeterminate animation. */
+const DURATION_DETERMINATE = 225;
+/** Start animation value of the indeterminate animation */
+const startIndeterminate = 3;
+/** End animation value of the indeterminate animation */
+const endIndeterminate = 80;
+/* Maximum angle for the arc. The angle can't be exactly 360, because the arc becomes hidden. */
+const MAX_ANGLE = 359.99 / 100;
+
+export type ProgressSpinnerMode = 'determinate' | 'indeterminate';
+
+type EasingFn = (currentTime: number, startValue: number,
+    changeInValue: number, duration: number) => number;
+
+/**
+* Directive whose purpose is to add the mat- CSS styling to this selector.
+* @docs-private
+*/
+@Directive({
+    selector: '[mdbSpinners], mat-progress-spinner'
+})
+export class MdProgressSpinnerCssMatStylerDirective {
+    @HostBinding('class.mat-progress-spinner') true: any;
+}
+
+
+/**
+* <md-progress-spinner> component.
+*/
+@Component({
+    selector: 'mdb-Spinners, mat-progress-spinner',
+    templateUrl: 'progress-spinner.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+})
+
+export class MdProgressSpinnerComponent implements OnDestroy {
+    /** The id of the last requested animation. */
+    private _lastAnimationId = 0;
+
+    /** The id of the indeterminate interval. */
+    private _interdeterminateInterval: any;
+
+    /** The SVG <path> node that is used to draw the circle. */
+    private _path: SVGPathElement;
+
+    private _mode: ProgressSpinnerMode = 'determinate';
+    private _value: number;
+    private _color = 'primary';
+
+    isBrowser: any = false;
+    @Inject(PLATFORM_ID) platformId: string
+    /**
+    * Values for aria max and min are only defined as numbers when in a determinate mode.  We do this
+    * because voiceover does not report the progress indicator as indeterminate if the aria min
+    * and/or max value are number values.
+    */
+    get _ariaValueMin() {
+        return this.mode === 'determinate' ? 0 : null;
+    }
+
+    get _ariaValueMax() {
+        return this.mode === 'determinate' ? 100 : null;
+    }
+
+    /** @docs-private */
+    get interdeterminateInterval() {
+        return this._interdeterminateInterval;
+    }
+    /** @docs-private */
+    set interdeterminateInterval(interval) {
+        clearInterval(this._interdeterminateInterval);
+        this._interdeterminateInterval = interval;
+    }
+
+    /**
+    * Clean up any animations that were running.
+    */
+    ngOnDestroy() {
+        this._cleanupIndeterminateAnimation();
+    }
+
+    /** The color of the progress-spinner. Can be primary, accent, or warn. */
+    @Input()
+    get color(): string { return this._color; }
+    set color(value: string) {
+        this._updateColor(value);
+    }
+
+    /** Value of the progress circle. It is bound to the host as the attribute aria-valuenow. */
+    @Input()
+    @HostBinding('attr.aria-valuenow')
+    get value(): any {
+        if (this.mode === 'determinate') {
+            return this._value;
+        }
+        return;
+    }
+    set value(v: number | any) {
+        if (v != null && this.mode === 'determinate') {
+            const newValue = clamp(v);
+            this._animateCircle(this.value || 0, newValue);
+            this._value = newValue;
+        }
+    }
+
+    /**
+    * Mode of the progress circle
+    *
+    * Input must be one of the values from ProgressMode, defaults to 'determinate'.
+    * mode is bound to the host as the attribute host.
+    */
+    @HostBinding('attr.mode')
+    @Input()
+    get mode() {
+        return this._mode;
+    }
+    set mode(mode: ProgressSpinnerMode) {
+        if (mode !== this._mode) {
+            if (mode === 'indeterminate') {
+                this._startIndeterminateAnimation();
+            } else {
+                this._cleanupIndeterminateAnimation();
+                this._animateCircle(0, this._value);
+            }
+            this._mode = mode;
+        }
+    }
+
+    constructor(
+        private _ngZone: NgZone,
+        private _elementRef: ElementRef,
+        private _renderer: Renderer,
+        @Inject(PLATFORM_ID) platformId?: string | any
+    ) {
+        this.isBrowser = isPlatformBrowser(platformId);
+    }
+
+
+    /**
+    * Animates the circle from one percentage value to another.
+    *
+    * @param animateFrom The percentage of the circle filled starting the animation.
+    * @param animateTo The percentage of the circle filled ending the animation.
+    * @param ease The easing function to manage the pace of change in the animation.
+    * @param duration The length of time to show the animation, in milliseconds.
+    * @param rotation The starting angle of the circle fill, with 0° represented at the top center
+    *    of the circle.
+    */
+    private _animateCircle(animateFrom: number, animateTo: number, ease: EasingFn = linearEase,
+        duration = DURATION_DETERMINATE, rotation = 0): void {
+
+        const id = ++this._lastAnimationId;
+        const startTime = Date.now();
+        const changeInValue = animateTo - animateFrom;
+
+        // No need to animate it if the values are the same
+        if (animateTo === animateFrom) {
+            this._renderArc(animateTo, rotation);
+        } else {
+            const animation = () => {
+                const elapsedTime = Math.max(0, Math.min(Date.now() - startTime, duration));
+
+                this._renderArc(
+                    ease(elapsedTime, animateFrom, changeInValue, duration),
+                    rotation
+                );
+
+                // Prevent overlapping animations by checking if a new animation has been called for and
+                // if the animation has lasted longer than the animation duration.
+                if (id === this._lastAnimationId && elapsedTime < duration) {
+                    requestAnimationFrame(animation);
+                }
+            };
+
+            // Run the animation outside of Angular's zone, in order to avoid
+            // hitting ZoneJS and change detection on each frame.
+            this._ngZone.runOutsideAngular(animation);
+        }
+    }
+
+
+    /**
+    * Starts the indeterminate animation interval, if it is not already running.
+    */
+    private _startIndeterminateAnimation(): void {
+        let rotationStartPoint = 0;
+        let start = startIndeterminate;
+        let end = endIndeterminate;
+        const duration = DURATION_INDETERMINATE;
+        const animate = () => {
+            this._animateCircle(start, end, materialEase, duration, rotationStartPoint);
+            // Prevent rotation from reaching Number.MAX_SAFE_INTEGER.
+            rotationStartPoint = (rotationStartPoint + end) % 100;
+            const temp = start;
+            start = -end;
+            end = -temp;
+        };
+
+        if (this.isBrowser) {
+            if (!this.interdeterminateInterval) {
+                this._ngZone.runOutsideAngular(() => {
+                    this.interdeterminateInterval = setInterval(animate, duration + 50, 0, false);
+                    animate();
+                });
+            }
+        }
+
+    }
+
+
+    /**
+    * Removes interval, ending the animation.
+    */
+    private _cleanupIndeterminateAnimation(): void {
+        this.interdeterminateInterval = null;
+    }
+
+    /**
+    * Renders the arc onto the SVG element. Proxies `getArc` while setting the proper
+    * DOM attribute on the `<path>`.
+    */
+    private _renderArc(currentValue: number, rotation = 0): void {
+        // Caches the path reference so it doesn't have to be looked up every time.
+        const path = this._path = this._path || this._elementRef.nativeElement.querySelector('path');
+
+        // Ensure that the path was found. This may not be the case if the
+        // animation function fires too early.
+        if (path) {
+            path.setAttribute('d', getSvgArc(currentValue, rotation));
+        }
+    }
+
+    /**
+    * Updates the color of the progress-spinner by adding the new palette class to the element
+    * and removing the old one.
+    */
+    private _updateColor(newColor: string): void {
+        this._setElementColor(this._color, false);
+        this._setElementColor(newColor, true);
+        this._color = newColor;
+    }
+
+    /** Sets the given palette class on the component element. */
+    private _setElementColor(color: string, isAdd: boolean) {
+        if (color != null && color !== '') {
+            this._renderer.setElementClass(this._elementRef.nativeElement, `mat-${color}`, isAdd);
+        }
+    }
+}
+
+
+/**
+ * <md-spinner> component.
+ *
+ * This is a component definition to be used as a convenience reference to create an
+ * indeterminate <md-progress-spinner> instance.
+ */
+@Component({
+    selector: 'mdb-spinners, mat-spinner, mdb-progress-spinner',
+    templateUrl: 'progress-spinner.component.html',
+    styleUrls: ['progress-spinner.component.scss'],
+})
+export class MdSpinnerComponent extends MdProgressSpinnerComponent implements OnDestroy {
+
+    @HostBinding('class.mat-spinner') true: any;
+
+    constructor(elementRef: ElementRef, ngZone: NgZone, renderer: Renderer) {
+        super(ngZone, elementRef, renderer);
+        this.mode = 'indeterminate';
+    }
+
+    ngOnDestroy() {
+        // The `ngOnDestroy` from `MdProgressSpinner` should be called explicitly, because
+        // in certain cases Angular won't call it (e.g. when using AoT and in unit tests).
+        super.ngOnDestroy();
+    }
+}
+
+
+/**
+* Module functions.
+*/
+
+/** Clamps a value to be between 0 and 100. */
+function clamp(v: number) {
+    return Math.max(0, Math.min(100, v));
+}
+
+
+/**
+* Converts Polar coordinates to Cartesian.
+*/
+function polarToCartesian(radius: number, pathRadius: number, angleInDegrees: number) {
+    const angleInRadians = (angleInDegrees - 90) * DEGREE_IN_RADIANS;
+
+    return (radius + (pathRadius * Math.cos(angleInRadians))) +
+        ',' + (radius + (pathRadius * Math.sin(angleInRadians)));
+}
+
+
+/**
+* Easing function for linear animation.
+*/
+function linearEase(currentTime: number, startValue: number,
+    changeInValue: number, duration: number) {
+    return changeInValue * currentTime / duration + startValue;
+}
+
+
+/**
+ * Easing function to match material design indeterminate animation.
+ */
+function materialEase(currentTime: number, startValue: number,
+    changeInValue: number, duration: number) {
+    const time = currentTime / duration;
+    const timeCubed = Math.pow(time, 3);
+    const timeQuad = Math.pow(time, 4);
+    const timeQuint = Math.pow(time, 5);
+    return startValue + changeInValue * ((6 * timeQuint) + (-15 * timeQuad) + (10 * timeCubed));
+}
+
+
+/**
+* Determines the path value to define the arc.  Converting percentage values to to polar
+* coordinates on the circle, and then to cartesian coordinates in the viewport.
+*
+* @param currentValue The current percentage value of the progress circle, the percentage of the
+*    circle to fill.
+* @param rotation The starting point of the circle with 0 being the 0 degree point.
+* @return A string for an SVG path representing a circle filled from the starting point to the
+*    percentage value provided.
+*/
+function getSvgArc(currentValue: number, rotation: number) {
+    const startPoint = rotation || 0;
+    const radius = 50;
+    const pathRadius = 40;
+
+    const startAngle = startPoint * MAX_ANGLE;
+    const endAngle = currentValue * MAX_ANGLE;
+    const start = polarToCartesian(radius, pathRadius, startAngle);
+    const end = polarToCartesian(radius, pathRadius, endAngle + startAngle);
+    const arcSweep = endAngle < 0 ? 0 : 1;
+    let largeArcFlag: number;
+
+    if (endAngle < 0) {
+        largeArcFlag = endAngle >= -180 ? 0 : 1;
+    } else {
+        largeArcFlag = endAngle <= 180 ? 0 : 1;
+    }
+
+    return `M${start}A${pathRadius},${pathRadius} 0 ${largeArcFlag},${arcSweep} ${end}`;
+}
diff --git a/src/app/typescripts/pro/progressbars/progress-spinner.component.html b/src/app/typescripts/pro/progressbars/progress-spinner.component.html
new file mode 100644
index 0000000..ead1599
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progress-spinner.component.html
@@ -0,0 +1,3 @@
+<div class="preloader-wrapper active  {{spinnerType}}">
+    <mdb-Spinners mdbSpinners mode="indeterminate"></mdb-Spinners>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/progressbars/progress-spinner.component.ts b/src/app/typescripts/pro/progressbars/progress-spinner.component.ts
new file mode 100644
index 0000000..805f9f8
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progress-spinner.component.ts
@@ -0,0 +1,70 @@
+import { Component, Input, ElementRef,  AfterViewInit } from '@angular/core';
+
+@Component({
+    selector: 'mdb-spinner',
+    templateUrl: 'progress-spinner.component.html'
+})
+export class ProgressSpinnerComponent implements AfterViewInit {
+    el: ElementRef;
+    addClass: String = 'spinner-blue-only';
+    @Input() spinnerType = '';
+    @Input() spinnerColor = 'rainbow';
+
+     constructor(el: ElementRef) {
+        this.el = el;
+    }
+
+    ngAfterViewInit() {
+        const hostElem = this.el.nativeElement;
+        const colorClass = this.spinnerColor;
+        this.addClass = 'spinner-rainbow';
+
+        switch (colorClass) {
+            case 'green':
+                this.addClass = 'spinner-green-only';
+                break;
+            case 'blue':
+                this.addClass = 'spinner-blue-only';
+                break;
+            case 'yellow':
+                this.addClass = 'spinner-yellow-only';
+                break;
+            case 'red':
+                this.addClass = 'spinner-red-only';
+                break;
+            case 'rainbow':
+                this.addClass = 'spinner-rainbow spinner-blue-only mat-progress-spinner';
+                this.spinerRun();
+                break;
+        }
+        hostElem.children[0].children[0].className += ' ' + this.addClass;
+    }
+
+    spinerRun() {
+        let counter = 0;
+        const hostElem = this.el.nativeElement;
+        setInterval(() => {
+            switch (counter) {
+                case 0:
+                    this.addClass = 'spinner-red-only mat-progress-spinner ';
+                    break;
+                case 1:
+                    this.addClass = 'spinner-yellow-only mat-progress-spinner';
+                    break;
+                case 2:
+                    this.addClass = 'spinner-blue-only mat-progress-spinner';
+                    break;
+                case 3:
+                    this.addClass = 'spinner-green-only mat-progress-spinner';
+                    break;
+            }
+
+            hostElem.children[0].children[0].className = ' ' + this.addClass;
+            if (counter < 3) {
+                counter++;
+            } else {
+                counter = 0;
+            }
+        }, 1333);
+  }
+}
diff --git a/src/app/typescripts/pro/progressbars/progress.directive.ts b/src/app/typescripts/pro/progressbars/progress.directive.ts
new file mode 100644
index 0000000..9b00a28
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progress.directive.ts
@@ -0,0 +1,42 @@
+import { Directive, HostBinding, Input } from '@angular/core';
+
+import { BarComponent } from './bar.component';
+
+// todo: progress element conflict with bootstrap.css
+// todo: need hack: replace host element with div
+@Directive({selector: 'mdbProgress, [mdbProgress]'})
+export class ProgressDirective  {
+    /** if `true` changing value of progress bar will be animated (note: not supported by Bootstrap 4) */
+  @Input() public animate: boolean;
+
+  /** maximum total value of progress element */
+  @HostBinding('attr.max')
+  @Input()
+  public get max(): number {
+    return this._max;
+  }
+
+  public set max(v: number) {
+  this._max = v;
+    this.bars.forEach((bar: BarComponent) => {
+        bar.recalculatePercentage();
+    });
+  }
+
+  @HostBinding('class.progress') public addClass = true;
+
+  public bars: any[] = [];
+
+  protected _max = 100;
+
+  public addBar(bar: BarComponent): void {
+    if (!this.animate) {
+    bar.transition = 'none';
+    }
+    this.bars.push(bar);
+  }
+
+  public removeBar(bar: BarComponent): void {
+    this.bars.splice(this.bars.indexOf(bar), 1);
+  }
+}
diff --git a/src/app/typescripts/pro/progressbars/progressbar.component.html b/src/app/typescripts/pro/progressbars/progressbar.component.html
new file mode 100644
index 0000000..bbf6995
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progressbar.component.html
@@ -0,0 +1,5 @@
+<div mdbProgress [animate]="animate" [max]="max">
+  <mdb-bar [type]="type" [value]="value">
+    <ng-content></ng-content>
+  </mdb-bar>
+</div>
diff --git a/src/app/typescripts/pro/progressbars/progressbar.component.ts b/src/app/typescripts/pro/progressbars/progressbar.component.ts
new file mode 100644
index 0000000..a6e9a64
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progressbar.component.ts
@@ -0,0 +1,21 @@
+import { Component, Input } from '@angular/core';
+import { ProgressbarConfigComponent } from './progressbar.config.component';
+
+@Component({
+  selector: 'mdb-progressbar',
+  templateUrl: './progressbar.component.html'
+})
+export class ProgressbarComponent {
+    /** if `true` changing value of progress bar will be animated (note: not supported by Bootstrap 4) */
+  @Input() public animate: boolean;
+  /** maximum total value of progress element */
+  @Input() public max: number;
+  /** provide one of the four supported contextual classes: `success`, `info`, `warning`, `danger` */
+  @Input() public type: string;
+  /** current value of progress bar */
+  @Input() public value: number;
+
+  public constructor(config: ProgressbarConfigComponent) {
+    Object.assign(this, config);
+  }
+}
diff --git a/src/app/typescripts/pro/progressbars/progressbar.config.component.ts b/src/app/typescripts/pro/progressbars/progressbar.config.component.ts
new file mode 100644
index 0000000..a9f47a0
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progressbar.config.component.ts
@@ -0,0 +1,9 @@
+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class ProgressbarConfigComponent {
+  /** if `true` changing value of progress bar will be animated (note: not supported by Bootstrap 4) */
+  public animate: Boolean = true;
+  /** maximum total value of progress element */
+  public max = 100;
+}
diff --git a/src/app/typescripts/pro/progressbars/progressbar.module.ts b/src/app/typescripts/pro/progressbars/progressbar.module.ts
new file mode 100644
index 0000000..1293371
--- /dev/null
+++ b/src/app/typescripts/pro/progressbars/progressbar.module.ts
@@ -0,0 +1,18 @@
+import { CommonModule } from '@angular/common';
+import { NgModule, ModuleWithProviders } from '@angular/core';
+
+import { BarComponent } from './bar.component';
+import { ProgressDirective } from './progress.directive';
+import { ProgressbarComponent } from './progressbar.component';
+import { ProgressbarConfigComponent } from './progressbar.config.component';
+
+@NgModule({
+  imports: [CommonModule],
+  declarations: [ProgressDirective, BarComponent, ProgressbarComponent],
+  exports: [ProgressDirective, BarComponent, ProgressbarComponent]
+})
+export class ProgressbarModule {
+  public static forRoot(): ModuleWithProviders {
+    return {ngModule: ProgressbarModule, providers: [ProgressbarConfigComponent]};
+  }
+}
diff --git a/src/app/typescripts/pro/sidenav/index.ts b/src/app/typescripts/pro/sidenav/index.ts
new file mode 100644
index 0000000..6d43595
--- /dev/null
+++ b/src/app/typescripts/pro/sidenav/index.ts
@@ -0,0 +1,2 @@
+export * from './sidenav.component';
+export * from './sidenav.module';
diff --git a/src/app/typescripts/pro/sidenav/sidenav.component.html b/src/app/typescripts/pro/sidenav/sidenav.component.html
new file mode 100644
index 0000000..8d57721
--- /dev/null
+++ b/src/app/typescripts/pro/sidenav/sidenav.component.html
@@ -0,0 +1,5 @@
+<ul #sidenav id="slide-out" class="{{ class }} side-nav" >
+  <ng-content></ng-content>
+  <!-- <div class="sidenav-bg mask-strong"></div>     -->
+</ul>
+<div (click)="hide()" #overlay id="sidenav-overlay" style="display: none;"></div>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/sidenav/sidenav.component.ts b/src/app/typescripts/pro/sidenav/sidenav.component.ts
new file mode 100644
index 0000000..2464aa0
--- /dev/null
+++ b/src/app/typescripts/pro/sidenav/sidenav.component.ts
@@ -0,0 +1,160 @@
+import { Component, ViewChild, Input, ElementRef, Renderer, AfterViewInit, HostListener, PLATFORM_ID, Inject } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+
+@Component({
+  selector: 'mdb-sidenav',
+  templateUrl: 'sidenav.component.html'
+})
+
+export class SidenavComponent implements AfterViewInit {
+  public windwosWidth: number;
+  public shown: boolean;
+
+  public isBrowser: any = false;
+  @Input() public class: string;
+  @Input() public fixed = true;
+
+  @ViewChild('sidenav') public sideNav: ElementRef;
+  @ViewChild('overlay') public overlay: any;
+
+  constructor( @Inject(PLATFORM_ID) platformId: string, public el: ElementRef,
+    public renderer: Renderer) {
+    this.isBrowser = isPlatformBrowser(platformId);
+  }
+
+  ngAfterViewInit() {
+    if (this.isBrowser) {
+      // pobraneie szerokosci okna po init
+      this.windwosWidth = window.innerWidth;
+
+      if (this.fixed) {
+        this.renderer.setElementClass(document.body, 'fixed-sn', true);
+
+        if (this.windwosWidth < 1441) {
+          this.renderer.setElementStyle(this.sideNav.nativeElement, 'transform', 'translateX(-100%)');
+          this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(-100%)');
+          this.setShown(false);
+        } else {
+          this.renderer.setElementStyle(this.sideNav.nativeElement, 'transform', 'translateX(0%)');
+          this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(0%)');
+          this.setShown(true);
+        }
+      } else {
+        this.renderer.setElementClass(document.body, 'hidden-sn', true);
+        this.renderer.setElementStyle(this.sideNav.nativeElement, 'transform', 'translateX(-100%)');
+        this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(-100%)');
+        this.setShown(false);
+      }
+    }
+  }
+
+  @HostListener('window:resize')
+  windwosResize() {
+    if (this.isBrowser) {
+      this.windwosWidth = window.innerWidth;
+      if (this.fixed) {
+        if (this.windwosWidth < 1441) {
+          this.renderer.setElementStyle(this.sideNav.nativeElement, 'transform', 'translateX(-100%)');
+          this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(-100%)');
+          this.setShown(false);
+        }
+
+        if (this.windwosWidth > 1440 && this.shown) {
+          this.renderer.setElementStyle(this.sideNav.nativeElement, 'transform', 'translateX(0%)');
+          this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(0%)');
+          this.hideOverlay();
+          this.setShown(true);
+        } else if (this.windwosWidth > 1440) {
+          this.renderer.setElementStyle(this.sideNav.nativeElement, 'transform', 'translateX(0%)');
+          this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(0%)');
+          this.hideOverlay();
+          this.setShown(true);
+        }
+      } else {
+        if (this.windwosWidth > 1440) {
+          this.renderer.setElementStyle(this.sideNav.nativeElement, 'transform', 'translateX(-100%)');
+          this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(-100%)');
+          this.hideOverlay();
+          this.setShown(false);
+        }
+      }
+    }
+
+  };
+
+
+
+  show() {
+    if (this.isBrowser) {
+      if (this.fixed) {
+        if (this.windwosWidth < 1441) {
+          this.renderer.setElementStyle(this.sideNav.nativeElement, 'transform', 'translateX(0%)');
+          this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(0%)');
+          this.setShown(true);
+          this.showOverlay();
+        } else {
+          this.renderer.setElementStyle(this.sideNav.nativeElement, 'transform', 'translateX(0%)');
+          this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(0%)');
+          this.setShown(true);
+        }
+      } else {
+        this.renderer.setElementStyle(this.sideNav.nativeElement, 'transform', 'translateX(0%)');
+        this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(0%)');
+        this.setShown(true);
+        this.showOverlay();
+      }
+    }
+
+  }
+
+  hide() {
+    if (this.isBrowser) {
+      if (this.fixed) {
+        if (this.windwosWidth < 1441) {
+          this.renderer.setElementStyle(this.sideNav.nativeElement, 'transform', 'translateX(-100%)');
+          this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(-100%)');
+          this.setShown(false);
+          this.hideOverlay();
+        } else {
+          this.renderer.setElementStyle(this.sideNav.nativeElement, 'transform', 'translateX(-100%)');
+          this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(-100%)');
+          this.setShown(false);
+        }
+      } else {
+        this.renderer.setElementStyle(this.sideNav.nativeElement, 'transform', 'translateX(-100%)');
+        this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(-100%)');
+        this.setShown(false);
+        this.hideOverlay();
+      }
+    }
+  }
+
+  toggle() {
+    if (this.shown) {
+      this.hide();
+    } else {
+      this.show();
+    }
+  }
+
+  showOverlay() {
+    this.renderer.setElementStyle(this.overlay.nativeElement, 'display', 'block');
+    setTimeout(() => {
+      this.renderer.setElementStyle(this.overlay.nativeElement, 'opacity', '1');
+    }, 0);
+  }
+
+  hideOverlay() {
+    this.renderer.setElementStyle(this.overlay.nativeElement, 'opacity', '0');
+    setTimeout(() => {
+      this.renderer.setElementStyle(this.overlay.nativeElement, 'display', 'none');
+    }, 200);
+  }
+
+  setShown(value: boolean) {
+    setTimeout(() => {
+      this.shown = value;
+    }, 510);
+  }
+
+}
diff --git a/src/app/typescripts/pro/sidenav/sidenav.module.ts b/src/app/typescripts/pro/sidenav/sidenav.module.ts
new file mode 100644
index 0000000..b26ac1b
--- /dev/null
+++ b/src/app/typescripts/pro/sidenav/sidenav.module.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { SidenavComponent } from './sidenav.component';
+
+@NgModule({
+  declarations: [
+    SidenavComponent,
+  ],
+  exports: [
+    SidenavComponent
+  ],
+  imports: [
+    CommonModule,
+  ]
+})
+export class SidenavModule { }
diff --git a/src/app/typescripts/pro/smoothscroll/index.ts b/src/app/typescripts/pro/smoothscroll/index.ts
new file mode 100644
index 0000000..5571755
--- /dev/null
+++ b/src/app/typescripts/pro/smoothscroll/index.ts
@@ -0,0 +1,7 @@
+export * from './mdb-page-scroll.directive';
+export * from './mdb-page-scroll.service';
+export * from './mdb-page-scroll.config';
+export * from './mdb-page-scroll.instance';
+export * from './mdb-page-scroll-util.service';
+
+export {MDBPageScrollModule} from './mdb-page-scroll.module';
diff --git a/src/app/typescripts/pro/smoothscroll/license.md b/src/app/typescripts/pro/smoothscroll/license.md
new file mode 100644
index 0000000..6289935
--- /dev/null
+++ b/src/app/typescripts/pro/smoothscroll/license.md
@@ -0,0 +1 @@
+https://github.com/Nolanus/ng2-page-scroll/blob/master/LICENSE
\ No newline at end of file
diff --git a/src/app/typescripts/pro/smoothscroll/mdb-page-scroll-util.service.ts b/src/app/typescripts/pro/smoothscroll/mdb-page-scroll-util.service.ts
new file mode 100644
index 0000000..05b2d0d
--- /dev/null
+++ b/src/app/typescripts/pro/smoothscroll/mdb-page-scroll-util.service.ts
@@ -0,0 +1,44 @@
+/**
+ * Created by sebastianfuss on 02.09.16.
+ */
+
+export class PageScrollUtilService {
+
+  /**
+   * Util method to check whether a given variable is either undefined or null
+   * @param variable
+   * @returns {boolean} true the variable is undefined or null
+   */
+  public static isUndefinedOrNull(variable: any): boolean {
+    return (typeof variable === 'undefined') || variable === undefined || variable === null;
+  }
+
+  public static extractElementPosition(document: Document, scrollTargetElement: HTMLElement): {top: number, left: number} {
+
+    const body = document.body;
+    const docEl = document.documentElement;
+
+    // const windowPageYOffset: number = document.defaultView && document.defaultView.pageYOffset || undefined;
+    const windowPageYOffset: number | any = document.defaultView && document.defaultView.pageYOffset as any || undefined;
+    // const windowPageXOffset: number = document.defaultView && document.defaultView.pageXOffset || undefined;
+    const windowPageXOffset: number | any = document.defaultView && document.defaultView.pageXOffset as any || undefined;
+
+    const scrollTop = windowPageYOffset || docEl.scrollTop || body.scrollTop;
+    const scrollLeft = windowPageXOffset || docEl.scrollLeft || body.scrollLeft;
+
+    const clientTop = docEl.clientTop || body.clientTop || 0;
+    const clientLeft = docEl.clientLeft || body.clientLeft || 0;
+
+
+    if (PageScrollUtilService.isUndefinedOrNull(scrollTargetElement)) {
+      // No element found, so return the current position to not cause any change in scroll position
+      return {top: scrollTop, left: scrollLeft};
+    }
+    const box = scrollTargetElement.getBoundingClientRect();
+
+    const top = box.top + scrollTop - clientTop;
+    const left = box.left + scrollLeft - clientLeft;
+
+    return {top: Math.round(top), left: Math.round(left)};
+  }
+}
diff --git a/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.config.ts b/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.config.ts
new file mode 100644
index 0000000..d9ed5a9
--- /dev/null
+++ b/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.config.ts
@@ -0,0 +1,124 @@
+export abstract class EasingLogic {
+  /**
+  * Examples may be found at https://github.com/gdsmith/jquery.easing/blob/master/jquery.easing.js
+  * or http://gizma.com/easing/
+  * @param t current time
+  * @param b beginning value
+  * @param c change In value
+  * @param d duration
+  */
+  public abstract ease(t: number, b: number, c: number, d: number): number;
+}
+
+export declare type PageScrollTarget = HTMLElement | string;
+
+export declare type PageScrollingViews = HTMLElement | Document | HTMLBodyElement | Node;
+
+export class PageScrollConfig {
+
+  /**
+  * The number of milliseconds to wait till updating the scroll position again.
+  * Small amounts may produce smoother animations but require more processing power.
+  * @type {number}
+  * @private
+  */
+  public static _interval = 10;
+
+  /**
+  * The amount of pixels that need to be between the current scrollTop/scrollLeft position
+  * and the target position the cause a scroll animation. In case distance is below
+  * this threshold, an immediate jump will be performed.
+  * Due to dpi or rounding irregularities in browsers floating point numbers for scrollTop/scrollLeft values
+  * are possible, making a === comparison of current scrollTop or scrollLeft and target scrollPosition error-prone.
+  * @type {number}
+  * @private
+  */
+  public static _minScrollDistance = 2;
+
+  /**
+  * Name of the default namespace.
+  * @type {string}
+  * @private
+  */
+  public static _defaultNamespace = 'default';
+
+  /**
+  * Whether by default the scrolling should happen in vertical direction (by manipulating the scrollTop property)
+  * (= true; default) or in horizontal direction (by manipulating the scrollLeft property) (= false
+  * @type {boolean}
+  */
+  public static defaultIsVerticalScrolling = true;
+
+  /**
+  * How many console logs should be emitted.
+  * 0: None
+  * 2: If animation could not be started due to missing target, "already at destination" or similar reasons
+  * 5: All scroll position values that get set
+  * @type {boolean}
+  * @private
+  */
+  public static _logLevel = 2;
+
+  /**
+  * The duration how long a scrollTo animation should last by default.
+  * May be overridden using the page-scroll-duration attribute on a single ng2PageScroll instance.
+  * @type {number}
+  */
+  public static defaultDuration = 1250;
+
+  /**
+  * The distance in pixels above scroll target where the animation should stop. Setting a positive number results in
+  * the scroll target being more in the middle of the screen, negative numbers will produce scrolling "too far"
+  * @type {number}
+  */
+  public static defaultScrollOffset = 0;
+
+  /**
+  * Whether by default for inline scroll animations the advanced offset calculation should take place (true) or
+  * not (false). Default is false.
+  * The advanced offset calculation will traverse the DOM tree upwards, starting at the scrollTarget, until it finds
+  * the scrollingView container element. Along the way the offset positions of the relative positioned
+  * (position: relative) elements will be taken into account for calculating the target elements position.
+  * @type {boolean}
+  */
+  public static defaultAdvancedInlineOffsetCalculation = false;
+
+  /**
+  * The events that are listened to on the body to decide whether a scroll animation has been interfered/interrupted by the user
+  * @type {string[]}
+  * @private
+  */
+  public static _interruptEvents: string[] = ['mousedown', 'wheel', 'DOMMouseScroll', 'mousewheel', 'keyup', 'touchmove'];
+
+  /**
+  * The keys that are considered to interrupt a scroll animation (mainly the arrow keys). All other key presses will not stop the
+  * scroll animation.
+  * @type {number[]}
+  * @private
+  */
+  public static _interruptKeys: number[] = [33, 34, 35, 36, 38, 40];
+
+  /**
+  * Whether a scroll animation should be interruptible by user interaction (true) or not (false). If the user performs an
+  * interrupting event while a scroll animation takes place, the scroll animation stops.
+  * @type {boolean}
+  */
+  public static defaultInterruptible = true;
+
+  private static _easingLogic: EasingLogic = {
+    ease: (t: number, b: number, c: number, d: number): number => {
+      // Linear easing
+      return c * t / d + b;
+    }
+  };
+
+  // Getter and setter to avoid auto completion to suggest calling the method
+  public static get defaultEasingLogic(): EasingLogic {
+    return PageScrollConfig._easingLogic;
+  }
+
+  public static set defaultEasingLogic(easingLogic: EasingLogic) {
+    PageScrollConfig._easingLogic = easingLogic;
+  }
+
+}
diff --git a/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.directive.ts b/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.directive.ts
new file mode 100644
index 0000000..24c9022
--- /dev/null
+++ b/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.directive.ts
@@ -0,0 +1,156 @@
+import {
+  Directive,
+  Input,
+  Output,
+  EventEmitter,
+  OnDestroy,
+  Inject,
+  Optional,
+  OnChanges,
+  HostListener
+} from '@angular/core';
+import {
+  Router,
+  NavigationEnd,
+  NavigationError,
+  NavigationCancel,
+  UrlTree
+} from '@angular/router';
+import {DOCUMENT} from '@angular/platform-browser';
+
+import {Subscription} from 'rxjs/Subscription';
+
+import {PageScrollService} from './mdb-page-scroll.service';
+import {PageScrollInstance} from './mdb-page-scroll.instance';
+import {PageScrollUtilService as Util} from './mdb-page-scroll-util.service';
+import {EasingLogic} from './mdb-page-scroll.config';
+
+@Directive({
+  selector: '[mdbPageScroll]'
+})
+export class PageScrollDirective implements OnChanges, OnDestroy {
+
+  @Input()
+  public routerLink: any;
+
+  @Input()
+  public href: string;
+
+  @Input()
+  // public pageScrollHorizontal: boolean = null;
+  public pageScrollHorizontal: boolean | any = null;
+
+  @Input()
+  // public pageScrollOffset: number = null;
+  public pageScrollOffset: number | any = null;
+
+  @Input()
+  // public pageScrollDuration: number = null;
+  public pageScrollDuration: number | any = null;
+
+  @Input()
+  // public pageScrollSpeed: number = null;
+  public pageScrollSpeed: number | any = null;
+
+  @Input()
+  // public pageScrollEasing: EasingLogic = null;
+  public pageScrollEasing: EasingLogic | any = null;
+
+  @Input()
+  public pageScrollInterruptible: boolean;
+
+  @Input()
+  public pageScrollAdjustHash = false;
+
+  @Input()
+  // public pageScroll: string = null;
+  public pageScroll: string | any = null;
+
+  @Output()
+  pageScrollFinish: EventEmitter<boolean> = new EventEmitter<boolean>();
+
+  // private pageScrollInstance: PageScrollInstance;
+  private pageScrollInstance: PageScrollInstance | any;
+  private document: Document;
+
+  constructor(private pageScrollService: PageScrollService, @Optional() private router: Router, @Inject(DOCUMENT) document: any) {
+    this.document = <Document> document;
+  }
+
+  ngOnChanges(): void {
+    // Some inputs changed, reset the pageScrollInstance
+    this.pageScrollInstance = undefined;
+  }
+
+  ngOnDestroy(): void {
+    if (this.pageScrollInstance) {
+        this.pageScrollService.stop(this.pageScrollInstance);
+    }
+    return undefined;
+  }
+
+  // private generatePageScrollInstance(): PageScrollInstance {
+    private generatePageScrollInstance(): PageScrollInstance | any {
+    if (Util.isUndefinedOrNull(this.pageScrollInstance)) {
+      this.pageScrollInstance = PageScrollInstance.newInstance({
+          document: this.document,
+          scrollTarget: this.href,
+          scrollingViews: null,
+          namespace: this.pageScroll,
+          verticalScrolling: !this.pageScrollHorizontal,
+          pageScrollOffset: this.pageScrollOffset,
+          pageScrollInterruptible: this.pageScrollInterruptible,
+          pageScrollEasingLogic: this.pageScrollEasing,
+          pageScrollDuration: this.pageScrollDuration,
+          pageScrollSpeed: this.pageScrollSpeed,
+          pageScrollFinishListener: this.pageScrollFinish
+      });
+    }
+    return this.pageScrollInstance;
+  }
+
+  private pushRouterState() {
+    if (this.pageScrollAdjustHash && typeof this.pageScrollInstance.scrollTarget === 'string'
+        && this.pageScrollInstance.scrollTarget.substr(0, 1) === '#') {
+        // "Navigate" to the current route again and this time set the fragment/hash
+        this.router.navigate([], {
+          fragment: <string>this.pageScrollInstance.scrollTarget.substr(1),
+          preserveQueryParams: true
+        });
+    }
+  }
+
+  private scroll(): void {
+    const pageScrollInstance = this.generatePageScrollInstance();
+    this.pushRouterState();
+    this.pageScrollService.start(pageScrollInstance);
+  }
+
+  @HostListener('click', ['$event']) public handleClick(): boolean {
+    if (this.routerLink && this.router !== null && this.router !== undefined) {
+        let urlTree: UrlTree;
+        if (typeof this.routerLink === 'string') {
+            urlTree = this.router.parseUrl(this.routerLink);
+        } else {
+            urlTree = this.router.createUrlTree(this.routerLink);
+        }
+        if (!this.router.isActive(urlTree, true)) {
+            // We need to navigate their first.
+            // Navigation is handled by the routerLink directive
+            // so we only need to listen for route change
+            const subscription: Subscription = <Subscription>this.router.events.subscribe((routerEvent) => {
+                if (routerEvent instanceof NavigationEnd) {
+                    subscription.unsubscribe();
+                    this.scroll();
+                } else if (routerEvent instanceof NavigationError || routerEvent instanceof NavigationCancel) {
+                    subscription.unsubscribe();
+                }
+            });
+            return false; // to preventDefault()
+        }
+    }
+    this.scroll();
+    return false; // to preventDefault()
+  }
+
+}
diff --git a/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.instance.ts b/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.instance.ts
new file mode 100644
index 0000000..b23faaf
--- /dev/null
+++ b/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.instance.ts
@@ -0,0 +1,605 @@
+/**
+* Created by sebastianfuss on 29.08.16.
+*/
+
+import {EventEmitter} from '@angular/core';
+
+import {EasingLogic, PageScrollConfig, PageScrollTarget, PageScrollingViews} from './mdb-page-scroll.config';
+import {PageScrollUtilService as Util} from './mdb-page-scroll-util.service';
+
+/**
+* An Interface specifying the possible options to be passed into the newInstance() factory method
+*/
+export interface PageScrollOptions {
+  /**
+   * The document object of the current app
+   */
+  document: Document;
+
+  /**
+   * A specification of the DOM element to scroll to. Either a string referring to an
+   * object id (`#target`) or a HTMLElement that is attached to the document's DOM tree.
+   */
+  scrollTarget: PageScrollTarget;
+
+  /**
+   * Array of HTMLElements or the body object that should be manipulated while performing
+   * the scroll animation.
+   */
+  scrollingViews?: PageScrollingViews[];
+
+  /**
+   * Namespace of the scroll animation
+   */
+  namespace?: string;
+
+  /**
+   * Whether that scroll animation scrolls in vertical direction (true) or
+   * horizontal (false, default value)
+   */
+  verticalScrolling?: boolean;
+
+  /**
+   * Whether the an advanced offset calculation for inline scrollings should be applied
+   */
+  advancedInlineOffsetCalculation?: boolean;
+
+  /**
+   * Offset of target elements location and scroll location
+   */
+  pageScrollOffset?: number;
+
+  /**
+   * Whether the scroll animation should be interruptible
+   */
+  pageScrollInterruptible?: boolean;
+
+  /**
+   * The easing logic to be used
+   */
+  pageScrollEasingLogic?: EasingLogic;
+
+  /**
+   * Duration in milliseconds the scroll animation should last
+   */
+  pageScrollDuration?: number;
+
+  /**
+   * Maximum speed to be used for the scroll animation. Only taken
+   * into account of no pageScrollDuration is provided
+   */
+  pageScrollSpeed?: number;
+
+  /**
+   * A listener to be called whenever the scroll animation stops
+   */
+  pageScrollFinishListener?: EventEmitter<boolean>;
+}
+
+/**
+* Represents a scrolling action
+*/
+export class PageScrollInstance {
+
+  /**
+   * These properties will be set during instance construction and default to their defaults from PageScrollConfig
+   */
+
+  /* A namespace to "group" scroll animations together and stopping some does not stop others */
+  private _namespace: string = PageScrollConfig._defaultNamespace;
+  /* The document all the scrolling takes place and scroll targets are located in */
+  private document: Document;
+  /* The DOM elements or similar nodes whose scrollTop/scrollLeft property will be manipulated during scrolling */
+  private _scrollingViews: PageScrollingViews[];
+  private _isInlineScrolling: boolean;
+  /* The target element that should be scrolled into the viewport */
+  private _scrollTarget: PageScrollTarget;
+
+  /* Whether we scroll vertically (true) or horizontally (false) */
+  private _verticalScrolling = PageScrollConfig.defaultIsVerticalScrolling;
+  /* Offset in px that the animation should stop above that target element */
+  private _offset: number = PageScrollConfig.defaultScrollOffset;
+  /* Duration in milliseconds the scroll animation should last */
+  private _duration: number = PageScrollConfig.defaultDuration;
+  /* Speed in "pixels/second" to be used when scrolling to the target element */
+  private _speed: number;
+  /* Easing function to manipulate the scrollTop/scrollLeft value over time */
+  private _easingLogic: EasingLogic = PageScrollConfig.defaultEasingLogic;
+  /* Boolean whether the scroll animation should stop on user interruption or not */
+  private _interruptible: boolean = PageScrollConfig.defaultInterruptible;
+  /* The listener that this scroll instance attaches to the body to listen for interrupt events
+   We're keeping a reference to it so we can properly remove it when the animation finishes */
+  private _interruptListener: EventListenerOrEventListenerObject;
+  /* Whether the advanded offset calculation for inline scrolling should be used */
+  private _advancedInlineOffsetCalculation: boolean = PageScrollConfig.defaultAdvancedInlineOffsetCalculation;
+  /* Event emitter to notify the world about the scrolling */
+  private _pageScrollFinish: EventEmitter<boolean> = new EventEmitter<boolean>();
+
+  /**
+   * These properties will be set/manipulated if the scroll animation starts
+   */
+  /* The initial value of the scrollTop or scrollLeft position when the animation starts */
+  private _startScrollPosition = 0;
+  /* The target value of the scrollTop or scrollLeft position for the animation (aka "the final destination") */
+  private _targetScrollPosition: number;
+  /* Difference between startScrollPosition and targetScrollPosition. Pre-calculated to minimize computations during animation */
+  private _distanceToScroll: number;
+  /* The timestamp when the animation starts/got started */
+  private _startTime: number;
+  /* The estimate end time of the animation, calculated by startTime + duration */
+  private _endTime: number;
+  /* The duration a started animation takes. This may match the _duration or be adjusted due to the _speed option */
+  private _executionDuration: number;
+  /* Whether an interrupt listener is attached to the body or not */
+  private _interruptListenersAttached = false;
+
+  /* References to the timer instance that is used to perform the scroll animation to be
+   able to clear it on animation end*/
+  private _timer: any = null;
+
+  /*
+   * Factory methods for instance creation
+   */
+  public static simpleInstance(document: Document,
+                               scrollTarget: PageScrollTarget,
+                               namespace?: string): PageScrollInstance {
+    return PageScrollInstance.newInstance({
+        document,
+        scrollTarget,
+        namespace
+    });
+  }
+
+//   public static newInstance(options: PageScrollOptions) {
+    public static newInstance(options: PageScrollOptions | any) {
+
+    if (Util.isUndefinedOrNull(options.namespace) || options.namespace.length <= 0) {
+        options.namespace = PageScrollConfig._defaultNamespace;
+    }
+    // const pageScrollInstance: PageScrollInstance = new PageScrollInstance(options.namespace, document);
+    const pageScrollInstance: PageScrollInstance | any = new PageScrollInstance(options.namespace, document);
+
+    if (Util.isUndefinedOrNull(options.scrollingViews) || options.scrollingViews.length === 0) {
+        pageScrollInstance._isInlineScrolling = false;
+        pageScrollInstance._scrollingViews = [document.documentElement, document.body, document.body.parentNode];
+    } else {
+        pageScrollInstance._isInlineScrolling = true;
+        pageScrollInstance._scrollingViews = options.scrollingViews;
+    }
+
+    pageScrollInstance._scrollTarget = options.scrollTarget;
+
+    if (!Util.isUndefinedOrNull(options.verticalScrolling)) {
+        pageScrollInstance._verticalScrolling = options.verticalScrolling;
+    }
+
+    if (!Util.isUndefinedOrNull(options.pageScrollOffset)) {
+        pageScrollInstance._offset = options.pageScrollOffset;
+    }
+
+    if (!Util.isUndefinedOrNull(options.pageScrollEasingLogic)) {
+        pageScrollInstance._easingLogic = options.pageScrollEasingLogic;
+    }
+
+    if (Util.isUndefinedOrNull(options.pageScrollDuration) && !Util.isUndefinedOrNull(options.pageScrollSpeed)) {
+        // No duration specified in the options, only in this case we use the speed option when present
+        pageScrollInstance._speed = options.pageScrollSpeed;
+        pageScrollInstance._duration = undefined;
+    } else if (!Util.isUndefinedOrNull(options.pageScrollDuration)) {
+        pageScrollInstance._duration = options.pageScrollDuration;
+    }
+
+    if (!Util.isUndefinedOrNull(options.pageScrollFinishListener)) {
+        pageScrollInstance._pageScrollFinish = options.pageScrollFinishListener;
+    }
+
+    pageScrollInstance._interruptible = options.pageScrollInterruptible ||
+        (Util.isUndefinedOrNull(options.pageScrollInterruptible) && PageScrollConfig.defaultInterruptible);
+
+    pageScrollInstance._advancedInlineOffsetCalculation = options.advancedInlineOffsetCalculation ||
+        (Util.isUndefinedOrNull(options.advancedInlineOffsetCalculation) &&
+        PageScrollConfig.defaultAdvancedInlineOffsetCalculation);
+
+    return pageScrollInstance;
+  }
+
+  /**
+   * Create a PageScrollInstance representing a scroll animation on the documents body.
+   *
+   * @param document The document that contains the body to be scrolled and the scrollTarget elements
+   * @param scrollTarget Where to scroll to. Can be a HTMLElement reference or a string like '#elementId'
+   * @param verticalScrolling
+   * @param namespace Optional namespace to group scroll animations logically
+   * @returns {PageScrollInstance}
+   *
+   * @deprecated Use {@link newInstance(options: PageScrollOptions)}
+   **/
+  public static simpleDirectionInstance(document: Document,
+                                        scrollTarget: PageScrollTarget,
+                                        verticalScrolling: boolean,
+                                        namespace?: string): PageScrollInstance {
+    return PageScrollInstance.newInstance({
+        document,
+        scrollTarget,
+        namespace,
+        verticalScrolling,
+    });
+  }
+
+  /**
+   * Create a PageScrollInstance representing a scroll animation to the target element where the scrollingView
+   * elements get scrolled (like a div container with fixed height, resulting in scrollbars in it).
+   *
+   * Make sure that the scrollTarget is located inside the scrollingView in the DOM hierarchy, otherwise the
+   * scrollingView will be scrolled to an apparently arbitrary position.
+   *
+   * @param document The document that contains the body to be scrolled and the scrollTarget elements
+   * @param scrollTarget Where to scroll to. Can be a HTMLElement reference or a string like '#elementId'
+   * @param scrollingView The element that should be scrolled
+   * @param namespace Optional namespace to group scroll animations logically
+   * @returns {PageScrollInstance}
+   *
+   * @deprecated Use {@link newInstance(options: PageScrollOptions)}
+   */
+  public static simpleInlineInstance(document: Document,
+                                     scrollTarget: PageScrollTarget,
+                                     scrollingView: PageScrollingViews,
+                                     namespace?: string): PageScrollInstance {
+    return PageScrollInstance.newInstance({
+        document,
+        scrollTarget,
+        scrollingViews: [scrollingView],
+        verticalScrolling: true,
+        namespace
+    });
+  }
+
+  /**
+   *
+   * @param document The document that contains the body to be scrolled and the scrollTarget elements
+   * @param scrollTarget Where to scroll to. Can be a HTMLElement reference or a string like '#elementId'
+   * @param scrollingView The element that should be scrolled
+   * @param verticalScrolling whether the scrolling should be performed in vertical direction (true, default) or horizontal (false)
+   * @param namespace Optional namespace to group scroll animations logically
+   * @returns {PageScrollInstance}
+   *
+   * @deprecated Use {@link newInstance(options: PageScrollOptions)}
+   */
+  public static simpleInlineDirectionInstance(document: Document,
+                                              scrollTarget: PageScrollTarget,
+                                              scrollingView: PageScrollingViews,
+                                              verticalScrolling: boolean,
+                                              namespace?: string): PageScrollInstance {
+    return PageScrollInstance.newInstance({
+        document,
+        scrollTarget,
+        scrollingViews: [scrollingView],
+        namespace,
+        verticalScrolling,
+    });
+  }
+
+  /**
+   *
+   * @param document The document that contains the body to be scrolled and the scrollTarget elements
+   * @param scrollTarget Where to scroll to. Can be a HTMLElement reference or a string like '#elementId'
+   * @param scrollingViews The elements that should be scrolled. Null to use the default elements of document and body.
+   * @param namespace Optional namespace to group scroll animations logically
+   * @param verticalScrolling whether the scrolling should be performed in vertical direction (true, default) or horizontal (false)
+   * @param pageScrollOffset The offset to be attached to the top of the target element or
+   *                          null/undefined to use application default
+   * @param pageScrollInterruptible Whether this scroll animation should be interruptible.
+   *                                 Null/undefined for application default
+   * @param pageScrollEasingLogic Easing function to be used for manipulating the scroll position
+   *                          over time. Null/undefined for application default
+   * @param pageScrollDuration The duration in milliseconds the animation should last.
+   *                            Null/undefined for application default
+   * @param pageScrollFinishListener Listener to be called to notify other parts of the application
+   *                                  that the scroll animation has finished
+   * @returns {PageScrollInstance}
+   *
+   * @deprecated Use {@link newInstance(options: PageScrollOptions)}
+   */
+  public static advancedInstance(document: Document,
+                                 scrollTarget: PageScrollTarget,
+                                 scrollingViews?: PageScrollingViews[],
+                                 namespace?: string,
+                                 verticalScrolling?: boolean,
+                                 pageScrollOffset?: number,
+                                 pageScrollInterruptible?: boolean,
+                                 pageScrollEasingLogic?: EasingLogic,
+                                 pageScrollDuration?: number,
+                                 pageScrollFinishListener?: EventEmitter<boolean>): PageScrollInstance {
+    return PageScrollInstance.newInstance({
+        document,
+        scrollTarget,
+        scrollingViews,
+        namespace,
+        verticalScrolling,
+        pageScrollOffset,
+        pageScrollInterruptible,
+        pageScrollEasingLogic,
+        pageScrollDuration,
+        pageScrollFinishListener
+    });
+  }
+
+  /**
+   * Private constructor, requires the properties assumed to be the bare minimum.
+   * Use the factory methods to create instances:
+   *      {@link PageScrollInstance#simpleInstance}
+   *      {@link PageScrollInstance#newInstance}
+   * @param namespace
+   * @param document
+   */
+  constructor(namespace: string, document: Document) {
+      this._namespace = namespace;
+      this.document = document;
+  }
+
+  public getScrollPropertyValue(scrollingView: any): number {
+    if (!this.verticalScrolling) {
+        return scrollingView.scrollLeft;
+    }
+    return scrollingView.scrollTop;
+  }
+
+  /**
+   * Extract the exact location of the scrollTarget element.
+   *
+   * Extract the scrollTarget HTMLElement from the given PageScrollTarget object. The latter one may be
+   * a string like "#heading2", then this method returns the corresponding DOM element for that id.
+   *
+   * @returns {HTMLElement}
+   */
+  public extractScrollTargetPosition(): {top: number, left: number} {
+    // let scrollTargetElement: HTMLElement;
+    let scrollTargetElement: HTMLElement | any;
+    if (typeof this._scrollTarget === 'string') {
+        scrollTargetElement = this.document.getElementById((<string>this._scrollTarget).substr(1));
+    } else {
+        scrollTargetElement = <HTMLElement>this._scrollTarget;
+    }
+
+    if (scrollTargetElement === null || scrollTargetElement === undefined) {
+        // Scroll target not found
+        return {top: NaN, left: NaN};
+    }
+
+    if (this._isInlineScrolling) {
+        const position = {top: scrollTargetElement.offsetTop, left: scrollTargetElement.offsetLeft};
+        if (this._advancedInlineOffsetCalculation && this.scrollingViews.length === 1) {
+            const accumulatedParentsPos = {top: 0, left: 0};
+            // not named window to make sure we're not getting the global window variable by accident
+            const theWindow = scrollTargetElement.ownerDocument.defaultView;
+            let parentFound = false;
+
+            // Start parent is the immediate parent
+            // let parent = scrollTargetElement.parentElement;
+            let parent: any = scrollTargetElement.parentElement;
+
+            // Iterate upwards all parents
+            while (!parentFound && !Util.isUndefinedOrNull(parent)) {
+                if (theWindow.getComputedStyle(parent).getPropertyValue('position') === 'relative') {
+                    accumulatedParentsPos.top += parent.offsetTop;
+                    accumulatedParentsPos.left += parent.offsetLeft;
+                }
+                // Next iteration
+                parent = parent.parentElement;
+                parentFound = parent === this.scrollingViews[0];
+            }
+            if (parentFound) {
+                // Only use the results if we found the parent, otherwise we accumulated too much anyway
+                position.top += accumulatedParentsPos.top;
+                position.left += accumulatedParentsPos.left;
+            } else {
+                if (PageScrollConfig._logLevel >= 2) {
+                    console.warn('Unable to find nested scrolling targets parent!');
+                }
+            }
+        }
+        return position;
+    }
+
+    return Util.extractElementPosition(this.document, scrollTargetElement);
+  }
+
+  /**
+   * Get the top offset of the scroll animation.
+   * This automatically takes the offset location of the scrolling container/scrolling view
+   * into account (for nested/inline scrolling).
+   *
+   * @returns {number}
+   */
+  public getCurrentOffset(): number {
+    return this._offset;
+  }
+
+  /**
+   * Sets the "scrollTop" or "scrollLeft" property for all scrollingViews to the provided value
+   * @param position
+   * @return true if at least for one ScrollTopSource the scrollTop/scrollLeft value could be set and it kept the new value.
+   *          false if it failed for all ScrollingViews, meaning that we should stop the animation
+   *          (probably because we're at the end of the scrolling region)
+   */
+  public setScrollPosition(position: number): boolean {
+    if (PageScrollConfig._logLevel >= 5) {
+        console.warn('Scroll Position: ' + position);
+    }
+    // Set the new scrollTop/scrollLeft to all scrollingViews elements
+    return this.scrollingViews.reduce((oneAlreadyWorked: any, scrollingView: any) => {
+        const startScrollPropertyValue = this.getScrollPropertyValue(scrollingView);
+        if (scrollingView && !Util.isUndefinedOrNull(startScrollPropertyValue)) {
+            const scrollDistance = Math.abs(startScrollPropertyValue - position);
+
+            // The movement we need to perform is less than 2px
+            // This we consider a small movement which some browser may not perform when
+            // changing the scrollTop/scrollLeft property
+            // Thus in this cases we do not stop the scroll animation, although setting the
+            // scrollTop/scrollLeft value "fails"
+            const isSmallMovement = scrollDistance < PageScrollConfig._minScrollDistance;
+
+            if (!this.verticalScrolling) {
+                scrollingView.scrollLeft = position;
+            } else {
+                scrollingView.scrollTop = position;
+            }
+
+            // Return true of setting the new scrollTop/scrollLeft value worked
+            // We consider that it worked if the new scrollTop/scrollLeft value is closer to the
+            // desired scrollTop/scrollLeft than before (it might not be exactly the value we
+            // set due to dpi or rounding irregularities)
+            if (isSmallMovement || scrollDistance > Math.abs(this.getScrollPropertyValue(scrollingView) - position)) {
+                return true;
+            }
+        }
+        return oneAlreadyWorked;
+    }, false);
+  }
+
+  /**
+   * Trigger firing a animation finish event
+   * @param value Whether the animation finished at the target (true) or got interrupted (false)
+   */
+  public fireEvent(value: boolean): void {
+    if (this._pageScrollFinish) {
+      this._pageScrollFinish.emit(value);
+    }
+  }
+
+  /**
+   * Attach the interrupt listeners to the PageScrollInstance body. The given interruptReporter
+   * will be called if any of the attached events is fired.
+   *
+   * Possibly attached interruptListeners are automatically removed from the body before the new one will be attached.
+   *
+   * @param interruptReporter
+   */
+  public attachInterruptListeners(interruptReporter: InterruptReporter): void {
+    if (this._interruptListenersAttached) {
+        // Detach possibly existing listeners first
+        this.detachInterruptListeners();
+    }
+    this._interruptListener = (event: Event): any => {
+        interruptReporter.report(event, this);
+    };
+    PageScrollConfig._interruptEvents.forEach(
+        (event: string) => this.document.body.addEventListener(event, this._interruptListener)
+    );
+    this._interruptListenersAttached = true;
+  }
+
+  /**
+   * Remove event listeners from the body and stop listening for events that might be treated as "animation
+   * interrupt" events.
+   */
+  public detachInterruptListeners(): void {
+    PageScrollConfig._interruptEvents.forEach(
+        (event: string) => this.document.body.removeEventListener(event, this._interruptListener)
+    );
+    this._interruptListenersAttached = false;
+  }
+
+  public get namespace(): string {
+      return this._namespace;
+  }
+
+  get scrollTarget(): PageScrollTarget {
+      return this._scrollTarget;
+  }
+
+  get verticalScrolling(): boolean {
+      return this._verticalScrolling;
+  }
+
+  public get scrollingViews(): any[] {
+      return this._scrollingViews;
+  }
+
+  public set startScrollPosition(value: number) {
+      this._startScrollPosition = value;
+  }
+
+  public get startScrollPosition(): number {
+      return this._startScrollPosition;
+  }
+
+  public set targetScrollPosition(value: number) {
+      this._targetScrollPosition = value;
+  }
+
+  public get targetScrollPosition(): number {
+      return this._targetScrollPosition;
+  }
+
+  public set distanceToScroll(value: number) {
+      this._distanceToScroll = value;
+  }
+
+  public get distanceToScroll(): number {
+      return this._distanceToScroll;
+  }
+
+  get executionDuration(): number {
+      return this._executionDuration;
+  }
+
+  set executionDuration(value: number) {
+      this._executionDuration = value;
+  }
+
+  public get duration(): number {
+      return this._duration;
+  }
+
+  public get speed(): number {
+      return this._speed;
+  }
+
+  public get easingLogic(): EasingLogic {
+      return this._easingLogic;
+  }
+
+  public get interruptible(): boolean {
+      return this._interruptible;
+  }
+
+  public set startTime(value: number) {
+      this._startTime = value;
+  }
+
+  public get startTime(): number {
+      return this._startTime;
+  }
+
+  public set endTime(value: number) {
+      this._endTime = value;
+  }
+
+  public get endTime(): number {
+      return this._endTime;
+  }
+
+  public set timer(value: any) {
+      this._timer = value;
+  }
+
+  public get timer(): any {
+      return this._timer;
+  }
+
+  public get interruptListenersAttached(): boolean {
+      return this._interruptListenersAttached;
+  }
+}
+
+/**
+* An Interface a listener should implement to be notified about possible interrupt events
+* that happened due to user interaction while a scroll animation takes place.
+*
+* The PageScrollService provides an implementation to a PageScrollInstance to be notified
+* about scroll animation interrupts and stop related animations.
+*/
+export interface InterruptReporter {
+  report: (event: Event, pageScrollInstance: PageScrollInstance) => any;
+}
diff --git a/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.module.ts b/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.module.ts
new file mode 100644
index 0000000..be9f9dc
--- /dev/null
+++ b/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.module.ts
@@ -0,0 +1,25 @@
+/**
+* Created by sebastianfuss on 03.09.16.
+*/
+
+import {CommonModule} from '@angular/common';
+import {NgModule, ModuleWithProviders} from '@angular/core';
+
+import {PageScrollService} from './mdb-page-scroll.service';
+import {PageScrollDirective} from './mdb-page-scroll.directive';
+
+@NgModule({
+  imports: [CommonModule],
+  declarations: [PageScrollDirective],
+  exports: [PageScrollDirective]
+})
+export class MDBPageScrollModule {
+  static forRoot(): ModuleWithProviders {
+    return {
+        ngModule: MDBPageScrollModule,
+        providers: [
+            {provide: PageScrollService, useClass: PageScrollService}
+        ]
+    };
+  }
+}
diff --git a/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.service.ts b/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.service.ts
new file mode 100644
index 0000000..3756009
--- /dev/null
+++ b/src/app/typescripts/pro/smoothscroll/mdb-page-scroll.service.ts
@@ -0,0 +1,244 @@
+import {Injectable, isDevMode} from '@angular/core';
+
+import {PageScrollConfig} from './mdb-page-scroll.config';
+import {PageScrollInstance, InterruptReporter} from './mdb-page-scroll.instance';
+import {PageScrollUtilService as Util} from './mdb-page-scroll-util.service';
+
+@Injectable()
+export class PageScrollService {
+
+  private static instanceCounter = 0;
+
+  private runningInstances: PageScrollInstance[] = [];
+
+  private onInterrupted: InterruptReporter = {
+    report: (event: Event, pageScrollInstance: PageScrollInstance): void => {
+      if (!pageScrollInstance.interruptible) {
+          // Non-interruptible anyway, so do not stop anything
+          return;
+      }
+
+      let shouldStop = true;
+
+      if (event.type === 'keyup') {
+          // Only stop if specific keys have been pressed, for all others don't stop anything
+          if (PageScrollConfig._interruptKeys.indexOf((<KeyboardEvent>event).keyCode) === -1) {
+              // The pressed key is not in the list of interrupting keys
+              shouldStop = false;
+          }
+      } else if (event.type === 'mousedown') {
+          // For mousedown events we only stop the scroll animation of the mouse has
+          // been clicked inside the scrolling container
+          if (!pageScrollInstance.scrollingViews.some(scrollingView => scrollingView.contains(event.target))) {
+              // Mouse clicked an element which is not inside any of the the scrolling containers
+              shouldStop = false;
+          }
+      }
+
+      if (shouldStop) {
+          this.stopAll(pageScrollInstance.namespace);
+      }
+    }
+  };
+
+  private stopInternal(interrupted: boolean, pageScrollInstance: PageScrollInstance): boolean {
+    const index: number = this.runningInstances.indexOf(pageScrollInstance);
+    if (index >= 0) {
+        this.runningInstances.splice(index, 1);
+    }
+
+    if (pageScrollInstance.interruptListenersAttached) {
+        pageScrollInstance.detachInterruptListeners();
+    }
+
+    if (pageScrollInstance.timer) {
+        // Clear/Stop the timer
+        clearInterval(pageScrollInstance.timer);
+        // Clear the reference to this timer
+        pageScrollInstance.timer = undefined;
+        pageScrollInstance.fireEvent(!interrupted);
+        return true;
+    }
+    return false;
+  }
+
+  /**
+   * Start a scroll animation. All properties of the animation are stored in the given {@link PageScrollInstance} object.
+   *
+   * This is the core functionality of the whole library.
+   *
+   * @param pageScrollInstance
+   */
+  public start(pageScrollInstance: PageScrollInstance): void {
+      // Stop all possibly running scroll animations in the same namespace
+      this.stopAll(pageScrollInstance.namespace);
+
+      if (pageScrollInstance.scrollingViews === null || pageScrollInstance.scrollingViews.length === 0) {
+          // No scrollingViews specified, thus we can't animate anything
+          if (isDevMode()) {
+              console.warn('No scrollingViews specified, this ng2-page-scroll does not know which DOM elements to scroll');
+          }
+          return;
+      }
+
+      let startScrollPositionFound = false;
+      // Reset start scroll position to 0. If any of the scrollingViews has a different one, it will be extracted next
+      pageScrollInstance.startScrollPosition = 0;
+
+      // Get the start scroll position from the scrollingViews (e.g. if the user already scrolled down the content)
+      pageScrollInstance.scrollingViews.forEach((scrollingView: any) => {
+          if (Util.isUndefinedOrNull(scrollingView)) {
+              return;
+          }
+          // Get the scrollTop or scrollLeft value of the first scrollingView that returns a value for its "scrollTop"
+          // or "scrollLeft" property that is not undefined and unequal to 0
+
+          const scrollPosition = pageScrollInstance.getScrollPropertyValue(scrollingView);
+          if (!startScrollPositionFound && scrollPosition) {
+              // We found a scrollingView that does not have scrollTop or scrollLeft 0
+
+              // Return the scroll position value, as this will be our startScrollPosition
+              pageScrollInstance.startScrollPosition = scrollPosition;
+              startScrollPositionFound = true;
+          }
+      });
+
+      const pageScrollOffset = pageScrollInstance.getCurrentOffset();
+
+      // Calculate the target position that the scroll animation should go to
+
+      const scrollTargetPosition = pageScrollInstance.extractScrollTargetPosition();
+      pageScrollInstance.targetScrollPosition = Math.round(
+          (pageScrollInstance.verticalScrolling ? scrollTargetPosition.top : scrollTargetPosition.left) - pageScrollOffset);
+
+      // Calculate the distance we need to go in total
+      pageScrollInstance.distanceToScroll = pageScrollInstance.targetScrollPosition - pageScrollInstance.startScrollPosition;
+
+      if (isNaN(pageScrollInstance.distanceToScroll)) {
+          // We weren't able to find the target position, maybe the element does not exist?
+
+          if (isDevMode()) {
+              // console.log('Scrolling not possible, as we can\'t find the specified target');
+          }
+          pageScrollInstance.fireEvent(false);
+          return;
+      }
+
+      // We're at the final destination already
+      // OR we need to scroll down but are already at the end
+      // OR we need to scroll up but are at the top already
+      const allReadyAtDestination = Math.abs(pageScrollInstance.distanceToScroll) < PageScrollConfig._minScrollDistance;
+
+      // Check how long we need to scroll if a speed option is given
+      // Default executionDuration is the specified duration
+      pageScrollInstance.executionDuration = pageScrollInstance.duration;
+      // Maybe we need to pay attention to the speed option?
+      if (!Util.isUndefinedOrNull(pageScrollInstance.speed) && Util.isUndefinedOrNull(pageScrollInstance.duration)) {
+          // Speed option is set and no duration => calculate duration based on speed and scroll distance
+          pageScrollInstance.executionDuration = pageScrollInstance.distanceToScroll / pageScrollInstance.speed * 1000;
+      }
+
+      // We should go there directly, as our "animation" would have one big step
+      // only anyway and this way we save the interval stuff
+      const tooShortInterval = pageScrollInstance.executionDuration <= PageScrollConfig._interval;
+
+      if (allReadyAtDestination || tooShortInterval) {
+          if (isDevMode()) {
+              if (allReadyAtDestination) {
+                  // console.log('Scrolling not possible, as we can\'t get any closer to the destination');
+              } else {
+                  // console.log('Scroll duration shorter that interval length, jumping to target');
+              }
+          }
+          pageScrollInstance.setScrollPosition(pageScrollInstance.targetScrollPosition);
+          pageScrollInstance.fireEvent(true);
+          return;
+      }
+
+      // Register the interrupt listeners if we want an interruptible scroll animation
+      if (pageScrollInstance.interruptible ||
+          (Util.isUndefinedOrNull(pageScrollInstance.interruptible) && PageScrollConfig.defaultInterruptible)) {
+          pageScrollInstance.attachInterruptListeners(this.onInterrupted);
+      }
+
+      // Let's get started, get the start time...
+      pageScrollInstance.startTime = new Date().getTime();
+      // .. and calculate the end time (when we need to finish at last)
+      pageScrollInstance.endTime = pageScrollInstance.startTime + pageScrollInstance.executionDuration;
+
+      pageScrollInstance.timer = setInterval((_pageScrollInstance: PageScrollInstance) => {
+          // Take the current time
+          const currentTime: number = new Date().getTime();
+
+          // Determine the new scroll position
+          let newScrollPosition: number;
+          let stopNow = false;
+          if (_pageScrollInstance.endTime <= currentTime) {
+              // We're over the time already, so go the targetScrollPosition (aka destination)
+              newScrollPosition = _pageScrollInstance.targetScrollPosition;
+              stopNow = true;
+          } else {
+              // Calculate the scroll position based on the current time using the easing function
+              newScrollPosition = Math.round(_pageScrollInstance.easingLogic.ease(
+                  currentTime - _pageScrollInstance.startTime,
+                  _pageScrollInstance.startScrollPosition,
+                  _pageScrollInstance.distanceToScroll,
+                  _pageScrollInstance.executionDuration));
+          }
+          // Set the new scrollPosition to all scrollingViews elements
+          if (!_pageScrollInstance.setScrollPosition(newScrollPosition)) {
+              // Setting the new scrollTop/scrollLeft value failed for all ScrollingViews
+              // early stop the scroll animation to save resources
+              stopNow = true;
+          }
+
+          // At the end do the internal stop maintenance and fire the pageScrollFinish event
+          // (otherwise the event might arrive at "too early")
+          if (stopNow) {
+              this.stopInternal(false, _pageScrollInstance);
+          }
+
+      }, PageScrollConfig._interval, pageScrollInstance);
+
+      // Register the instance as running one
+      this.runningInstances.push(pageScrollInstance);
+  }
+
+  /**
+   * Stop all running scroll animations. Optionally limit to stop only the ones of specific namespace.
+   *
+   * @param namespace
+   * @returns {boolean}
+   */
+//   public stopAll(namespace?: string): boolean {
+    public stopAll(namespace?: string | any): boolean {
+    if (this.runningInstances.length > 0) {
+        let stoppedSome = false;
+
+        for (let i = 0; i < this.runningInstances.length; ++i) {
+            const pageScrollInstance = this.runningInstances[i];
+            if (Util.isUndefinedOrNull(namespace) || namespace.length === 0 ||
+                pageScrollInstance.namespace === namespace) {
+                stoppedSome = true;
+                this.stopInternal(true, pageScrollInstance);
+                // Decrease the counter, as we removed an item from the array we iterate over
+                i--;
+            }
+        }
+        return stoppedSome;
+    }
+    return false;
+  }
+
+  public stop(pageScrollInstance: PageScrollInstance): boolean {
+      return this.stopInternal(true, pageScrollInstance);
+  }
+
+  constructor() {
+      if (PageScrollService.instanceCounter > 0 && isDevMode()) {
+          console.warn('An instance of PageScrollService already exists, usually ' +
+              'including one provider should be enough, so double check.');
+      }
+      PageScrollService.instanceCounter++;
+  }
+}
diff --git a/src/app/typescripts/pro/sticky-content/computed.style.ts b/src/app/typescripts/pro/sticky-content/computed.style.ts
new file mode 100644
index 0000000..409b14b
--- /dev/null
+++ b/src/app/typescripts/pro/sticky-content/computed.style.ts
@@ -0,0 +1,41 @@
+/**
+ * returns coumputed style of given element
+ * @param el
+ * @param styleProp
+ * @returns {any}
+ */
+// export function computedStyle(element: string | HTMLElement, styleProp: string): string {
+  export function computedStyle(element: string | HTMLElement, styleProp: string): string | any {
+  let el: any;
+  el =  (typeof element === 'string') ? (<HTMLElement>document.querySelector(<string>element)) : element;
+
+  let value: any;
+  const defaultView: any = (el.ownerDocument || document).defaultView;
+
+  // W3C standard way:
+  if (defaultView && defaultView.getComputedStyle) {
+    // sanitize property name to css notation
+    // (hypen separated words eg. font-Size)
+    styleProp = styleProp.replace(/([A-Z])/g, '-$1').toLowerCase();
+    return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);
+  } else if (el['currentStyle']) { // IE
+    // sanitize property name to camelCase
+    styleProp = styleProp.replace(/\-(\w)/g, function( letter) {
+      return letter.toUpperCase();
+    });
+    value = el['currentStyle'][styleProp];
+    // convert other units to pixels on IE
+    if (/^\d+(em|pt|%|ex)?$/i.test(value)) {
+      return (function(val: any) {
+        const oldLeft = el.style.left, oldRsLeft = el['runtimeStyle'].left;
+        el['runtimeStyle'].left = el['currentStyle'].left;
+        el.style.left = val || 0;
+        val = el.style['pixelLeft'] + 'px';
+        el.style.left = oldLeft;
+        el['runtimeStyle'].left = oldRsLeft;
+        return val;
+      })(value);
+    }
+    return value;
+  }
+}
diff --git a/src/app/typescripts/pro/sticky-content/index.ts b/src/app/typescripts/pro/sticky-content/index.ts
new file mode 100644
index 0000000..c2544b8
--- /dev/null
+++ b/src/app/typescripts/pro/sticky-content/index.ts
@@ -0,0 +1,3 @@
+import { MdbStickyDirective } from './sticky-content.directive';
+import { MdbStickyModule } from './sticky-content.module';
+export { MdbStickyDirective, MdbStickyModule };
diff --git a/src/app/typescripts/pro/sticky-content/licens.md b/src/app/typescripts/pro/sticky-content/licens.md
new file mode 100644
index 0000000..7450624
--- /dev/null
+++ b/src/app/typescripts/pro/sticky-content/licens.md
@@ -0,0 +1 @@
+https://github.com/ng2-ui/sticky/blob/master/LICENSE.md
\ No newline at end of file
diff --git a/src/app/typescripts/pro/sticky-content/sticky-content.directive.ts b/src/app/typescripts/pro/sticky-content/sticky-content.directive.ts
new file mode 100644
index 0000000..09a6db4
--- /dev/null
+++ b/src/app/typescripts/pro/sticky-content/sticky-content.directive.ts
@@ -0,0 +1,164 @@
+'use strict';
+
+import { Directive, ElementRef, Input, OnDestroy, AfterViewInit } from '@angular/core';
+import { computedStyle } from './computed.style';
+
+import { isPlatformBrowser } from '@angular/common';
+import { PLATFORM_ID, Inject } from '@angular/core';
+@Directive({
+    selector: '[mdbSticky]'
+})
+
+export class MdbStickyDirective implements OnDestroy, AfterViewInit {
+    @Input() stickyAfter: string;  // css selector to be sticky after
+    isBrowser: boolean = false;
+
+    //   el: HTMLElement;
+    el: HTMLElement | any;
+    //   parentEl: HTMLElement;
+    parentEl: HTMLElement | any;
+    // fillerEl: HTMLElement;
+    fillerEl: HTMLElement | any;
+    stickyOffsetTop = 0;
+
+    diff: any;
+    original: any;
+
+    constructor(el: ElementRef, @Inject(PLATFORM_ID) platformId: string) {
+        this.el = this.el = el.nativeElement;
+        this.parentEl = this.el.parentElement;
+        this.isBrowser = isPlatformBrowser(platformId);
+    }
+
+    ngAfterViewInit(): void {
+        this.el.style.boxSizing = 'border-box';
+
+        if (this.stickyAfter) {
+            const cetStickyAfterEl = document.querySelector(this.stickyAfter);
+            if (cetStickyAfterEl) {
+                this.stickyOffsetTop = cetStickyAfterEl.getBoundingClientRect().bottom;
+            }
+        }
+
+        // set the parent relatively positioned
+        const allowedPositions = ['absolute', 'fixed', 'relative'];
+        const parentElPosition = computedStyle(this.parentEl, 'position');
+        if (allowedPositions.indexOf(parentElPosition) === -1) { // inherit, initial, unset
+            this.parentEl.style.position = 'relative';
+        }
+
+        this.diff = {
+            top: this.el.offsetTop - this.parentEl.offsetTop,
+            left: this.el.offsetLeft - this.parentEl.offsetLeft
+        };
+
+        if (this.isBrowser) {
+            const elRect = this.el.getBoundingClientRect();
+            this.el.getBoundingClientRect()
+            this.original = {
+                boundingClientRect: elRect,
+                position: computedStyle(this.el, 'position'),
+                float: computedStyle(this.el, 'float'),
+                top: computedStyle(this.el, 'top'),
+                bottom: computedStyle(this.el, 'bottom'),
+                left: computedStyle(this.el, 'left'),
+                width: computedStyle(this.el, 'width'),
+                offsetTop: this.el.offsetTop,
+                offsetLeft: this.el.offsetLeft,
+                marginTop: parseInt(computedStyle(this.el, 'marginTop'), 10),
+                marginBottom: parseInt(computedStyle(this.el, 'marginBottom'), 10),
+                marginLeft: parseInt(computedStyle(this.el, 'marginLeft'), 10),
+                marginRight: parseInt(computedStyle(this.el, 'marginLeft'), 10)
+            };
+        }
+
+
+        this.attach();
+    }
+
+    ngOnDestroy(): void {
+        this.detach();
+    }
+
+    attach(): void {
+        window.addEventListener('scroll', this.scrollHandler);
+        window.addEventListener('resize', this.scrollHandler);
+    }
+
+    detach(): void {
+        window.removeEventListener('scroll', this.scrollHandler);
+        window.removeEventListener('resize', this.scrollHandler);
+    }
+
+    scrollHandler = () => {
+        // let elRect: ClientRect = this.el.getBoundingClientRect();
+        const parentRect: ClientRect = this.el.parentElement.getBoundingClientRect();
+        const bodyRect: ClientRect = document.body.getBoundingClientRect();
+        let dynProps;
+
+        if (this.original.float === 'right') {
+            const right = bodyRect.right - parentRect.right + this.original.marginRight;
+            dynProps = { right: right + 'px' };
+        } else if (this.original.float === 'left') {
+            const left = parentRect.left - bodyRect.left + this.original.marginLeft;
+            dynProps = { left: left + 'px' };
+        } else {
+            // console.log('parentRect..............', parentRect.width);
+            dynProps = { width: parentRect.width + 'px' };
+        }
+        // console.log('dynProps', dynProps);
+
+        if (this.original.marginTop + this.original.marginBottom +
+            this.original.boundingClientRect.height + this.stickyOffsetTop >= parentRect.bottom) {
+            /**
+            * stikcy element reached to the bottom of the container
+            */
+            // console.log('case 1 (absolute)', parentRect.bottom, this.original.marginBottom);
+            const floatAdjustment =
+                this.original.float === 'right' ? { right: 0 } :
+                    this.original.float === 'left' ? { left: 0 } : {};
+            Object.assign(this.el.style, {
+                position: 'absolute',
+                float: 'none',
+                top: 'inherit',
+                bottom: 0
+            }, dynProps, floatAdjustment);
+        } else if (parentRect.top * -1 + this.original.marginTop + this.stickyOffsetTop > this.original.offsetTop) {
+            /**
+            * stikcy element is in the middle of container
+            */
+            // console.log('case 2 (fixed)', parentRect.top * -1, this.original.marginTop, this.original.offsetTop);
+
+            // if not floating, add an empty filler element, since the original elements becames 'fixed'
+            if (this.original.float !== 'left' && this.original.float !== 'right' && !this.fillerEl) {
+                this.fillerEl = document.createElement('div');
+                this.fillerEl.style.height = this.el.offsetHeight + 'px';
+                this.parentEl.insertBefore(this.fillerEl, this.el);
+            }
+
+            Object.assign(this.el.style, {
+                position: 'fixed', // fixed is a lot smoother than absolute
+                float: 'none',
+                top: this.stickyOffsetTop + 'px',
+                bottom: 'inherit'
+            }, dynProps);
+        } else {
+            /**
+            * stikcy element is in the original position
+            */
+            // console.log('case 3 (original)');
+            if (this.fillerEl) {
+                this.parentEl.removeChild(this.fillerEl); // IE11 does not work with el.remove()
+                this.fillerEl = undefined;
+            }
+            Object.assign(this.el.style, {
+                position: this.original.position,
+                float: this.original.float,
+                top: this.original.top,
+                bottom: this.original.bottom,
+                width: this.original.width,
+                left: this.original.left
+            }, dynProps);
+        }
+    }
+}
diff --git a/src/app/typescripts/pro/sticky-content/sticky-content.module.ts b/src/app/typescripts/pro/sticky-content/sticky-content.module.ts
new file mode 100644
index 0000000..ca15aff
--- /dev/null
+++ b/src/app/typescripts/pro/sticky-content/sticky-content.module.ts
@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { CommonModule  } from '@angular/common';
+
+import { MdbStickyDirective } from './sticky-content.directive';
+
+export { MdbStickyDirective };
+
+@NgModule({
+  imports: [ CommonModule, FormsModule ],
+  declarations: [MdbStickyDirective],
+  exports: [ MdbStickyDirective ]
+})
+
+export class MdbStickyModule {}
diff --git a/src/app/typescripts/pro/tabs-pills/index.ts b/src/app/typescripts/pro/tabs-pills/index.ts
new file mode 100644
index 0000000..c40620c
--- /dev/null
+++ b/src/app/typescripts/pro/tabs-pills/index.ts
@@ -0,0 +1,6 @@
+export { NgTranscludeDirective } from './transclude.directive';
+export { TabDirective } from './tab.directive';
+export { TabHeadingDirective } from './tab-heading.directive';
+export { TabsetComponent } from './tabset.component';
+export { TabsetConfig } from './tabset.config';
+export { TabsModule } from './tabset.module';
diff --git a/src/app/typescripts/pro/tabs-pills/licens.md b/src/app/typescripts/pro/tabs-pills/licens.md
new file mode 100644
index 0000000..68dc12f
--- /dev/null
+++ b/src/app/typescripts/pro/tabs-pills/licens.md
@@ -0,0 +1 @@
+https://github.com/valor-software/ngx-bootstrap/blob/development/LICENSE
\ No newline at end of file
diff --git a/src/app/typescripts/pro/tabs-pills/tab-heading.directive.ts b/src/app/typescripts/pro/tabs-pills/tab-heading.directive.ts
new file mode 100644
index 0000000..605ba54
--- /dev/null
+++ b/src/app/typescripts/pro/tabs-pills/tab-heading.directive.ts
@@ -0,0 +1,13 @@
+import { Directive, TemplateRef } from '@angular/core';
+
+import { TabDirective } from './tab.directive';
+
+/** Should be used to mark <template> element as a template for tab heading */
+@Directive({selector: '[mdbTabHeading]'})
+export class TabHeadingDirective {
+  public templateRef: TemplateRef<any>;
+
+  public constructor(templateRef: TemplateRef<any>, tab: TabDirective) {
+    tab.headingRef = templateRef;
+  }
+}
diff --git a/src/app/typescripts/pro/tabs-pills/tab.directive.ts b/src/app/typescripts/pro/tabs-pills/tab.directive.ts
new file mode 100644
index 0000000..26af290
--- /dev/null
+++ b/src/app/typescripts/pro/tabs-pills/tab.directive.ts
@@ -0,0 +1,102 @@
+import { Directive, EventEmitter, HostBinding, Input, Output, TemplateRef, ElementRef, OnInit } from '@angular/core';
+import { TabsetComponent } from './tabset.component';
+
+@Directive({selector: 'mdb-tab, [mdbTab]'})
+export class TabDirective implements OnInit {
+  /** tab header text */
+  @Input() public heading: string;
+  /** if true tab can not be activated */
+  @Input() public disabled: boolean;
+  /** if true tab can be removable, additional button will appear */
+  @Input() public removable: boolean;
+  /** if set, will be added to the tab's class atribute */
+  @Input() public customClass: string;
+
+  /** tab active state toggle */
+  @HostBinding('class.active')
+  @Input()
+  public get active(): boolean {
+    return this._active;
+  }
+
+  public set active(active: boolean) {
+
+    if (this.disabled && active || !active) {
+      if (!active) {
+        this.removeClass(this.el.nativeElement, 'show');
+        setTimeout(() => {
+          this._active = active;
+          this.deselect.emit(this);
+        }, 150);
+      }
+      return;
+    }
+
+    setTimeout(() => {
+      this._active = active;
+      this.classAdd(this.el.nativeElement, 'show');
+    }, 150);
+    this.select.emit(this);
+
+    this.tabset.tabs.forEach((mdbTab: TabDirective) => {
+      if (mdbTab !== this) {
+        mdbTab.active = false;
+      }
+    });
+
+  }
+
+  /** fired when tab became active, $event:Tab equals to selected instance of Tab component */
+  @Output() public select: EventEmitter<TabDirective> = new EventEmitter();
+  /** fired when tab became inactive, $event:Tab equals to deselected instance of Tab component */
+  @Output() public deselect: EventEmitter<TabDirective> = new EventEmitter();
+  /** fired before tab will be removed */
+  @Output() public removed: EventEmitter<TabDirective> = new EventEmitter();
+
+  @HostBinding('class.tab-pane') public addClass = true;
+  @HostBinding('class.fade') public test = true;
+
+
+  public headingRef: TemplateRef<any>;
+  public tabset: TabsetComponent;
+  // public el: ElementRef = null;
+  public el: ElementRef | any = null;
+
+  protected _active: boolean;
+
+  public constructor(tabset: TabsetComponent, el: ElementRef) {
+    this.el = el;
+    this.tabset = tabset;
+    this.tabset.addTab(this);
+  }
+
+  public ngOnInit(): void {
+    this.removable = this.removable;
+  }
+
+  protected hasClass(el: any, className: any) {
+    if (el.classList) {
+      return el.classList.contains(className);
+    } else {
+      return !!el.className.match(new RegExp('(\\s|^)' + className + '(\\s|$)'));
+    }
+  }
+
+  protected classAdd(el: any, className: any) {
+    if (el.classList) {
+      el.classList.add(className);
+    } else if (!this.hasClass(el, className)) {
+      el.className += ' ' + className;
+    };
+  }
+
+  protected removeClass(el: any, className: any) {
+    if (el.classList) {
+      el.classList.remove(className);
+    } else if (this.hasClass(el, className)) {
+      const reg = new RegExp('(\\s|^)' + className + '(\\s|$)');
+      el.className = el.className.replace(reg, ' ');
+    }
+  }
+
+}
diff --git a/src/app/typescripts/pro/tabs-pills/tabset.component.html b/src/app/typescripts/pro/tabs-pills/tabset.component.html
new file mode 100644
index 0000000..f9cb592
--- /dev/null
+++ b/src/app/typescripts/pro/tabs-pills/tabset.component.html
@@ -0,0 +1,22 @@
+<div class="container-fluid"> 
+  <div class="row">
+    <div class="{{ listGetClass }}">
+      <ul class="nav {{ buttonClass }}" [ngClass]="classMap" (click)="$event.preventDefault()">
+        <li *ngFor="let tabz of tabs;let i = index" [ngClass]="['nav-item', tabz.customClass || '']" [class.active]="tabz.active" [class.disabled]="tabz.disabled" (click)="click($event, i)">
+          <a #tabEl href="javascript:void(0);" class="nav-link waves-light" [class.active]="tabz.active" [class.disabled]="tabz.disabled">
+            <span [mdbNgTransclude]="tabz.headingRef" [innerHTML]="tabz.heading"></span>
+            <span *ngIf="tabz.removable">
+              <span (click)="$event.preventDefault(); removeTab(tabz);" class="glyphicon glyphicon-remove-circle">
+              </span>
+            </span>
+          </a>
+        </li>
+      </ul>
+    </div>
+    <div class="{{ tabsGetClass }}">
+      <div class="tab-content {{ contentClass }}">
+        <ng-content></ng-content>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/tabs-pills/tabset.component.ts b/src/app/typescripts/pro/tabs-pills/tabset.component.ts
new file mode 100644
index 0000000..3790d1c
--- /dev/null
+++ b/src/app/typescripts/pro/tabs-pills/tabset.component.ts
@@ -0,0 +1,209 @@
+import { Component, Output, EventEmitter, ViewChildren, HostBinding, Input, OnDestroy, OnInit, ElementRef } from '@angular/core';
+
+import { TabDirective } from './tab.directive';
+import { TabsetConfig } from './tabset.config';
+
+import { WavesDirective } from './../../free/waves';
+// todo: add active event to tab
+// todo: fix? mixing static and dynamic tabs position tabs in order of creation
+@Component({
+  selector: 'mdb-tabset',
+  templateUrl: 'tabset.component.html',
+  providers: [WavesDirective]
+})
+
+export class TabsetComponent implements OnDestroy, OnInit {
+  public tabs: TabDirective[] = [];
+  public classMap: any = {};
+
+  protected isDestroyed: boolean;
+  protected _vertical: boolean;
+  protected _justified: boolean;
+  protected _type: string;
+
+  public listGetClass: String;
+  public tabsGetClass: String;
+
+  @HostBinding('class.tab-container') public clazz = true;
+
+
+  @Input() buttonClass: String;
+  @Input() contentClass: String;
+  /** if true tabs will be placed vertically */
+
+  @ViewChildren('tabEl', {read: ElementRef}) tabEl: any;
+
+  @Output()
+  showBsTab: EventEmitter<any> = new EventEmitter<any>();
+  @Output()
+  shownBsTab: EventEmitter<any> = new EventEmitter<any>();
+  @Output()
+  hideBsTab: EventEmitter<any> = new EventEmitter<any>();
+  @Output()
+  hiddenBsTab: EventEmitter<any> = new EventEmitter<any>();
+
+  @Input()
+  public get vertical(): boolean {
+    return this._vertical;
+  }
+  public set vertical(value: boolean) {
+    this._vertical = value;
+    this.setClassMap();
+  }
+   public setActiveTab(index: number): void {
+    this.tabs[index - 1].active = true;
+  }
+  /** if true tabs fill the container and have a consistent width */
+  @Input()
+  public get justified(): boolean {
+    return this._justified;
+  }
+  public set justified(value: boolean) {
+    this._justified = value;
+    this.setClassMap();
+  }
+
+  /** navigation context class: 'tabs' or 'pills' */
+  @Input()
+  public get type(): string {
+    return this._type;
+  }
+  public set type(value: string) {
+    this._type = value;
+    this.setClassMap();
+  }
+
+  public constructor(config: TabsetConfig, public ripple: WavesDirective) {
+    Object.assign(this, config);
+  }
+
+  public click(event: any, index: any) {
+    const prev = this.tabEl.toArray()[this.getActive()];
+    const clicked = this.tabEl.toArray()[index];
+
+    this.hideBsTab.emit({
+      target: clicked,
+      relatedTarget: prev
+    });
+    this.showBsTab.emit({
+      target: clicked,
+      relatedTarget: prev
+    });
+
+    this.setActiveTab(index + 1);
+    if (this.contentClass !== 'vertical') {
+      this.ripple.el = clicked;
+      this.ripple.click(event);
+    }
+
+     this.hiddenBsTab.emit({
+      target: clicked,
+      relatedTarget: prev
+    });
+    this.shownBsTab.emit({
+      target: clicked,
+      relatedTarget: prev
+    });
+  }
+
+  public ngOnDestroy(): void {
+    this.isDestroyed = true;
+  }
+
+  // public getActive() {
+    public getActive(): any {
+    const tabs = this.tabs.map((object, index) => {
+      return {
+        index: index,
+        object: object
+      };
+    });
+
+    for (const tab of tabs) {
+      if (tab.object.active) {
+        return tab.index;
+      }
+    }
+  }
+
+  public addTab(tab: TabDirective): void {
+    this.tabs.push(tab);
+    tab.active = this.tabs.length === 1 && tab.active !== false;
+  }
+
+  public removeTab(tab: TabDirective): void {
+    const index = this.tabs.indexOf(tab);
+    if (index === -1 || this.isDestroyed) {
+      return;
+    }
+    // Select a new tab if the tab to be removed is selected and not destroyed
+    if (tab.active && this.hasAvailableTabs(index)) {
+      const newActiveIndex = this.getClosestTabIndex(index);
+      this.tabs[newActiveIndex].active = true;
+    }
+
+    tab.removed.emit(tab);
+    this.tabs.splice(index, 1);
+  }
+
+  protected getClosestTabIndex(index: number): number {
+    const tabsLength = this.tabs.length;
+    if (!tabsLength) {
+      return -1;
+    }
+
+    for (let step = 1; step <= tabsLength; step += 1) {
+      const prevIndex = index - step;
+      const nextIndex = index + step;
+      if (this.tabs[prevIndex] && !this.tabs[prevIndex].disabled) {
+        return prevIndex;
+      }
+      if (this.tabs[nextIndex] && !this.tabs[nextIndex].disabled) {
+        return nextIndex;
+      }
+    }
+    return -1;
+  }
+
+  protected hasAvailableTabs(index: number): boolean {
+    const tabsLength = this.tabs.length;
+    if (!tabsLength) {
+      return false;
+    }
+
+    for (let i = 0; i < tabsLength; i += 1) {
+      if (!this.tabs[i].disabled && i !== index) {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  protected setClassMap(): void {
+    this.classMap = {
+      'nav-stacked': this.vertical,
+      'nav-justified': this.justified,
+      // [`nav-${this.type}`]: true
+    };
+  }
+
+  public listGet() {
+    if (this.vertical) {
+      this.listGetClass = 'col-md-3';
+    } else {
+      this.listGetClass = 'col-md-12';
+    }
+  }
+
+  public tabsGet() {
+    if (this.vertical) {
+      this.tabsGetClass = 'col-md-9';
+    } else {
+      this.tabsGetClass = 'col-md-12';
+    }
+  }
+  ngOnInit() {
+    this.listGet();
+    this.tabsGet();
+  }
+}
diff --git a/src/app/typescripts/pro/tabs-pills/tabset.config.ts b/src/app/typescripts/pro/tabs-pills/tabset.config.ts
new file mode 100644
index 0000000..b5f87f1
--- /dev/null
+++ b/src/app/typescripts/pro/tabs-pills/tabset.config.ts
@@ -0,0 +1,7 @@
+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class TabsetConfig {
+  /** provides default navigation context class: 'tabs' or 'pills' */
+  public type = 'tabs';
+}
diff --git a/src/app/typescripts/pro/tabs-pills/tabset.module.ts b/src/app/typescripts/pro/tabs-pills/tabset.module.ts
new file mode 100644
index 0000000..8815d9f
--- /dev/null
+++ b/src/app/typescripts/pro/tabs-pills/tabset.module.ts
@@ -0,0 +1,22 @@
+import { CommonModule } from '@angular/common';
+import { NgModule, ModuleWithProviders } from '@angular/core';
+
+import { NgTranscludeDirective } from './transclude.directive';
+import { TabHeadingDirective } from './tab-heading.directive';
+import { TabDirective } from './tab.directive';
+import { TabsetComponent } from './tabset.component';
+import { TabsetConfig } from './tabset.config';
+
+@NgModule({
+  imports: [CommonModule],
+  declarations: [NgTranscludeDirective, TabDirective, TabsetComponent, TabHeadingDirective],
+  exports: [TabDirective, TabsetComponent, TabHeadingDirective, NgTranscludeDirective]
+})
+export class TabsModule {
+  public static forRoot(): ModuleWithProviders {
+    return {
+      ngModule: TabsModule,
+      providers: [TabsetConfig]
+    };
+  }
+}
diff --git a/src/app/typescripts/pro/tabs-pills/transclude.directive.ts b/src/app/typescripts/pro/tabs-pills/transclude.directive.ts
new file mode 100644
index 0000000..b903834
--- /dev/null
+++ b/src/app/typescripts/pro/tabs-pills/transclude.directive.ts
@@ -0,0 +1,27 @@
+import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';
+
+@Directive({
+  selector: '[mdbNgTransclude]'
+})
+export class NgTranscludeDirective {
+  public viewRef: ViewContainerRef;
+
+  protected _viewRef: ViewContainerRef;
+  protected _ngTransclude: TemplateRef<any>;
+
+  @Input()
+  public set mdbNgTransclude(templateRef: TemplateRef<any>) {
+    this._ngTransclude = templateRef;
+    if (templateRef) {
+      this.viewRef.createEmbeddedView(templateRef);
+    }
+  }
+
+  public get mdbNgTransclude(): TemplateRef<any> {
+    return this._ngTransclude;
+  }
+
+  public constructor(viewRef: ViewContainerRef) {
+    this.viewRef = viewRef;
+  }
+}
diff --git a/src/app/typescripts/pro/tags/chips.component.html b/src/app/typescripts/pro/tags/chips.component.html
new file mode 100644
index 0000000..0842663
--- /dev/null
+++ b/src/app/typescripts/pro/tags/chips.component.html
@@ -0,0 +1,17 @@
+<div *ngIf="values && values.length" class="md-chip-list"  [ngClass]="focused">
+  <span *ngFor="let value of values" class="md-chip" selected >         
+    {{value}} <i class="close fa fa-times" aria-hidden="true" (click)="removeValue(value)" ></i>
+  </span>
+
+  <span>
+    <input  [(ngModel)]="labelToAdd" 
+            (keyup.enter)="addValue(box.value, $event);$event.preventDefault()"
+            (focus)="onFocus()" 
+            (focusout)="focusOutFunction()"  
+            #box />
+  </span>
+</div>
+<div *ngIf="!values || !values.length">
+  <input class="md-chips-input" placeholder="{{ placeholder }}" #tbox 
+    (keyup.enter)="addValue(tbox.value, $event);$event.preventDefault()"/>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/tags/chips.component.ts b/src/app/typescripts/pro/tags/chips.component.ts
new file mode 100644
index 0000000..47a228b
--- /dev/null
+++ b/src/app/typescripts/pro/tags/chips.component.ts
@@ -0,0 +1,84 @@
+import { Component,
+  
+           Input,
+           Output,
+           EventEmitter,
+           forwardRef} from '@angular/core';
+  
+  import { NG_VALUE_ACCESSOR } from '@angular/forms';
+  
+  
+  export const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR: any = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => MaterialChipsComponent),
+    multi: true
+  };
+  
+  @Component({
+    selector: 'mdb-material-chips',
+    templateUrl: 'chips.component.html',
+    providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR]
+  })
+  
+  export class MaterialChipsComponent  {
+  
+    @Input('placeholder') public placeholder = '';
+  
+    addAreaDisplayed: boolean;
+    isTagsFocused = false;
+    values: string[];
+    labelToAdd: string;
+    focused: string;
+    selected: string;
+    noop: any;
+  
+    @Output() tagsfocusedChange = new EventEmitter();
+    @Output() labelsChange: EventEmitter<string[]> = new EventEmitter<string[]>();
+  
+    @Input()
+    get tagsfocused() {
+      return this.isTagsFocused;
+    }
+  
+    private onTouchedCallback: () => void = this.noop;
+    private onChangeCallback: (_: any) => void = this.noop;
+    registerOnChange(fn: any) { this.onChangeCallback = fn; }
+    registerOnTouched(fn: any) { this.onTouchedCallback = fn; }
+    constructor() {
+      this.onTouchedCallback = this.onTouchedCallback === undefined ? this.noop : this.onTouchedCallback;
+      this.onChangeCallback = this.onChangeCallback === undefined ? this.noop : this.onChangeCallback;
+    }
+  
+    removeValue(value: string) {
+      const index = this.values.indexOf(value, 0);
+      if (index !== undefined) {
+        this.values.splice(index, 1);
+        this.labelsChange.emit(this.values);
+      }
+    }
+  
+    addValue(value: string) {
+      if (!value || value.trim() === '') { return; }
+      this.values.push(value);
+      this.labelsChange.emit(this.values);
+      this.labelToAdd = '';
+    }
+  
+    writeValue(value: string[]) {
+      if (value !== this.values) {
+        this.values = value;
+      }
+    }
+  
+    onFocus() {
+     this.focused = 'md-focused';
+     this.isTagsFocused = true;
+     this.tagsfocusedChange.emit(this.isTagsFocused);
+    }
+    focusOutFunction() {
+      this.focused = '';
+      this.isTagsFocused = false;
+      this.tagsfocusedChange.emit(this.isTagsFocused);
+    }
+  }
+  
\ No newline at end of file
diff --git a/src/app/typescripts/pro/tags/chips.module.ts b/src/app/typescripts/pro/tags/chips.module.ts
new file mode 100644
index 0000000..f1d13a4
--- /dev/null
+++ b/src/app/typescripts/pro/tags/chips.module.ts
@@ -0,0 +1,13 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+
+import {FormsModule} from '@angular/forms';
+import {MaterialChipsComponent} from './chips.component';
+
+@NgModule({
+  imports: [CommonModule, FormsModule],
+  declarations: [MaterialChipsComponent],
+  exports: [MaterialChipsComponent]
+})
+export class MaterialChipsModule {
+}
diff --git a/src/app/typescripts/pro/tags/index.ts b/src/app/typescripts/pro/tags/index.ts
new file mode 100644
index 0000000..a7a1383
--- /dev/null
+++ b/src/app/typescripts/pro/tags/index.ts
@@ -0,0 +1,2 @@
+export * from './chips.component';
+export * from './chips.module';
diff --git a/src/app/typescripts/pro/tags/licens.md b/src/app/typescripts/pro/tags/licens.md
new file mode 100644
index 0000000..9cfc317
--- /dev/null
+++ b/src/app/typescripts/pro/tags/licens.md
@@ -0,0 +1 @@
+https://www.npmjs.com/package/angular2-material-chips
\ No newline at end of file
diff --git a/src/app/typescripts/pro/time-picker/index.ts b/src/app/typescripts/pro/time-picker/index.ts
new file mode 100644
index 0000000..940e4a3
--- /dev/null
+++ b/src/app/typescripts/pro/time-picker/index.ts
@@ -0,0 +1,2 @@
+export * from './timepicker.component';
+export * from './timepicker.module';
diff --git a/src/app/typescripts/pro/time-picker/timepicker.component.html b/src/app/typescripts/pro/time-picker/timepicker.component.html
new file mode 100644
index 0000000..d4f3056
--- /dev/null
+++ b/src/app/typescripts/pro/time-picker/timepicker.component.html
@@ -0,0 +1,71 @@
+<div>
+  <div class="md-form">
+    <label class="active">{{ label }}</label>
+    <input [placeholder]="placeholder" [value]="endHours" type="text" class="form-control timepicker" (click)="openBtnClicked()" [(ngModel)]="endHours">
+  </div>
+  <div class="clockpicker picker" [hidden]="!showClock" [ngClass]="{'picker--opened': showClock, 'darktheme': darktheme}">
+    <div class="picker__holder">
+      <div class="picker__frame">
+        <div class="picker__wrap">
+          <div class="picker__box">
+            <div class="picker__date-display">
+              <div class="clockpicker-display">
+                <div class="clockpicker-display-column">
+                  <span class="clockpicker-span-hours text-primary" [ngClass]="{'text-primary': showHours}" (click)="showHoursClock()">
+                    {{ selectedHours.h }}</span>:<span class="clockpicker-span-minutes" [ngClass]="{'text-primary': !showHours}"
+                      (click)="showMinutesClock()">{{selectedHours.m }}</span>
+                </div>
+                <div class="clockpicker-display-column clockpicker-display-am-pm" *ngIf="twelvehour">
+                  <div class="clockpicker-span-am-pm">{{ selectedHours.ampm }}</div>
+                </div>
+              </div>
+            </div>
+            <div class="picker__calendar-container">
+              <div class="clockpicker-plate" #plate>
+                  <div class="clockpicker-canvas">
+                  <svg class="clockpicker-svg" width="270" height="270" #svg>
+                      <g transform="translate(135,135)" #g>
+                      <line x1="0" y1="0" x2="77.94228634059948" y2="-45.00000000000001" #hand></line>
+                      <circle class="clockpicker-canvas-fg" r="5" cx="95.26279441628824" cy="-55.000000000000014" #fg></circle>
+                      <circle class="clockpicker-canvas-bg" r="20" cx="95.26279441628824" cy="-55.000000000000014" #bg></circle>
+                      <circle class="clockpicker-canvas-bearing" cx="0" cy="0" r="2" #bearing></circle>
+                      </g>
+                  </svg>
+                  </div>
+                  <div class="clockpicker-dial clockpicker-hours" #hoursPlate [ngClass]="{'clockpicker-dial-out': !showHours}" [ngStyle]="{'visibility': !showHours ? 'hidden' : 'visible'}">
+                  <div *ngFor="let tick of hoursTicks" class="clockpicker-tick" style="font-size: 140%;" [ngStyle]="{'left': tick.left+'px', 'top': tick.top+'px'}"
+                      id="{{ tick.hour }}">
+                      {{ tick.hour }}
+                  </div>
+                  </div>
+                  <div class="clockpicker-dial clockpicker-minutes" #minutesPlate [ngClass]="{'clockpicker-dial-out': showHours}" [ngStyle]="{'visibility': showHours ? 'hidden' : 'visible'}">
+                  <div *ngFor="let tick of minutesTicks" class="clockpicker-tick" style="font-size: 120%;" [ngStyle]="{'left': tick.left+'px', 'top': tick.top+'px'}">
+                      {{ tick.min }}
+                  </div>
+                  </div>
+              </div>
+              <div class="clockpicker-am-pm-block" *ngIf="twelvehour">
+                <button type="button" class="btn-floating btn-flat clockpicker-button am-button" [ngClass]="{'active': selectedHours.ampm=='AM'}"
+                  (click)="setAmPm('AM')">
+                  AM
+                </button>
+                <button type="button" class="btn-floating btn-flat clockpicker-button pm-button" [ngClass]="{'active': selectedHours.ampm=='PM'}"
+                  (click)="setAmPm('PM')">
+                  PM
+                </button>
+              </div>
+            </div>
+            <div class="picker__footer">
+              <button type="button" *ngIf="buttonLabel" class="btn-flat clockpicker-button" (click)="closeBtnClicked()">
+                {{buttonLabel}}
+              </button>
+              <button type="button" *ngIf="!buttonLabel" class="btn-flat clockpicker-button" (click)="closeBtnClicked()">
+                Done
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/app/typescripts/pro/time-picker/timepicker.component.ts b/src/app/typescripts/pro/time-picker/timepicker.component.ts
new file mode 100644
index 0000000..25e5563
--- /dev/null
+++ b/src/app/typescripts/pro/time-picker/timepicker.component.ts
@@ -0,0 +1,409 @@
+import { Component, ViewChild, Input, ElementRef, Renderer2, OnInit, AfterViewInit, forwardRef } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+
+export const TIME_PIRCKER_VALUE_ACCESSOT: any = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => ClockPickerComponent),
+    multi: true
+};
+
+@Component({
+    selector: 'mdb-time-picker',
+    templateUrl: './timepicker.component.html',
+    providers: [TIME_PIRCKER_VALUE_ACCESSOT]
+})
+
+export class ClockPickerComponent implements OnInit, AfterViewInit, ControlValueAccessor {
+    @ViewChild('hoursPlate') public hoursPlate: ElementRef;
+    @ViewChild('minutesPlate') public minutesPlate: ElementRef;
+
+    @ViewChild('plate') public plate: ElementRef;
+    @ViewChild('svg') public svg: ElementRef;
+    @ViewChild('g') public g: ElementRef;
+    @ViewChild('hand') public hand: ElementRef;
+    @ViewChild('fg') public fg: ElementRef;
+    @ViewChild('bg') public bg: ElementRef;
+    @ViewChild('bearing') public bearing: ElementRef;
+
+    @Input('twelvehour') public twelvehour = false;
+    @Input('darktheme') public darktheme = false;
+    @Input('placeholder') public placeholder: String = '';
+    @Input('label') public label = '';
+    @Input('duration') public duration = 300;
+    @Input('showClock') public showClock = false;
+    @Input('buttonlabel') public buttonLabel: string;
+
+    touchDevice = ('ontouchstart' in document.documentElement);
+    showHours = false;
+
+    dialRadius = 135;
+    outerRadius = 110;
+    innerRadius = 80;
+    tickRadius = 20;
+    diameter = this.dialRadius * 2;
+
+    hoursTicks: any = [];
+    minutesTicks: any = [];
+    selectedHours: any = { 'h': '12', 'm': '00', 'ampm': 'AM' };
+    endHours = '';
+
+
+    touchSupported: any = 'ontouchstart' in window;
+    mousedownEvent: any = 'mousedown' + (this.touchSupported ? ' touchstart' : '');
+    mousemoveEvent: any = 'mousemove' + (this.touchSupported ? ' touchmove' : '');
+    mouseupEvent: any = 'mouseup' + (this.touchSupported ? ' touchend' : '');
+
+    constructor(public elem: ElementRef, public renderer: Renderer2) {
+        renderer.listen(this.elem.nativeElement, 'click', (event: any) => {
+
+            if (this.showClock &&
+                event.target &&
+                this.elem.nativeElement !== event.target &&
+                !this.elem.nativeElement.contains(event.target)
+            ) {
+                this.showClock = false;
+            }
+            if (event.target.classList.contains('picker__holder')) {
+                this.showClock = false;
+            }
+        });
+    }
+
+    ngOnInit() {
+        this.generateTick();
+
+    }
+
+    ngAfterViewInit() {
+        this.renderer.listen(this.elem.nativeElement.querySelector('.clockpicker-plate'), 'mousedown', (event: any) => {
+            this.mousedown(event, false);
+        });
+
+
+
+    }
+    checkDraw() {
+        let value;
+        const isHours = this.showHours;
+        if (isHours) {
+            value = parseInt(this.selectedHours.h, 0);
+        } else {
+            value = parseInt(this.selectedHours.m, 0);
+        }
+
+
+        const unit = Math.PI / (isHours ? 6 : 30),
+            radian = value * unit,
+            radius = isHours && value > 0 && value < 13 ? this.innerRadius : this.outerRadius,
+            xd = Math.sin(radian) * radius,
+            yd = - Math.cos(radian) * radius;
+        this.setHand(xd, yd, false);
+
+    }
+
+    mousedown(e: any, space: any) {
+        const offset = this.plate.nativeElement.getBoundingClientRect(),
+            isTouch = /^touch/.test(e.type),
+            x0 = offset.left + this.dialRadius,
+            y0 = offset.top + this.dialRadius,
+            dx = (isTouch ? e.originalEvent.touches[0] : e).clientX - x0,
+            dy = (isTouch ? e.originalEvent.touches[0] : e).clientY - y0,
+            z = Math.sqrt(dx * dx + dy * dy);
+        let moved = false;
+
+        if (space && (z < this.outerRadius - this.tickRadius || z > this.outerRadius + this.tickRadius)) {
+            return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+
+
+        if (this.showHours) {
+            this.setHand(dx, dy, true);
+        } else {
+            this.setHand(dx, dy, false);
+        }
+
+        const mousemoveEventMethod = (event: any) => {
+
+            event.preventDefault();
+            event.stopPropagation();
+            const x = event.clientX - x0,
+                y = event.clientY - y0;
+            if (!moved && x === dx && y === dy) {
+                return;
+            }
+            moved = true;
+
+            this.setHand(x, y, false);
+        };
+
+        const mouseupEventMethod = (event: any) => {
+            document.removeEventListener(this.mousemoveEvent, mousemoveEventMethod);
+            e.preventDefault();
+            const x = event.clientX - x0,
+                y = event.clientX - y0;
+            if ((space || moved) && x === dx && y === dy) {
+                this.setHand(x, y, false);
+            }
+            this.showMinutesClock();
+            document.removeEventListener(this.mouseupEvent, mouseupEventMethod);
+        };
+        document.addEventListener(this.mousemoveEvent, mousemoveEventMethod);
+        document.addEventListener('mouseup', mouseupEventMethod);
+    }
+    hideKeyboard() {
+        // this set timeout needed for case when hideKeyborad
+        // is called inside of 'onfocus' event handler
+        setTimeout(function () {
+
+            // creating temp field
+            const field = document.createElement('input');
+            field.setAttribute('type', 'text');
+            // hiding temp field from peoples eyes
+            // -webkit-user-modify is nessesary for Android 4.x
+             /*tslint:disable:max-line-length*/
+            field.setAttribute('style', 'position:absolute; top: 0px; opacity: 0; -webkit-user-modify: read-write-plaintext-only; left:0px;');
+            document.body.appendChild(field);
+
+            // adding onfocus event handler for out temp field
+            field.onfocus = function () {
+                // this timeout of 200ms is nessasary for Android 2.3.x
+                setTimeout(function () {
+
+                    field.setAttribute('style', 'display:none;');
+                    setTimeout(function () {
+                        document.body.removeChild(field);
+                        document.body.focus();
+                    }, 14);
+
+                }, 20);
+            };
+            // focusing it
+            field.focus();
+
+        }, 50);
+    }
+
+    openBtnClicked(): void {
+        this.showClock = true;
+        this.showHours = true;
+        this.checkDraw();
+        this.hideKeyboard();
+    }
+
+    closeBtnClicked() {
+        const h = this.selectedHours.h;
+        const m = this.selectedHours.m;
+        const ampm = this.selectedHours.ampm;
+
+        if (this.twelvehour) {
+            this.endHours = h + ':' + m + ampm;
+        } else {
+            this.endHours = h + ':' + m;
+        }
+        this.onChangeCb(this.endHours);
+        this.onTouchedCb();
+        this.showClock = false;
+    }
+
+    setHour(hour: String) {
+        this.selectedHours.h = hour;
+    }
+
+    setMinute(min: String) {
+        // event.stopPropagation();
+        this.selectedHours.m = min;
+    }
+
+    setAmPm(ampm: String) {
+        // event.stopPropagation();
+        this.selectedHours.ampm = ampm;
+    }
+
+    showHoursClock() {
+        this.showHours = true;
+        this.checkDraw();
+    }
+
+    showMinutesClock() {
+        this.showHours = false;
+        this.checkDraw();
+    }
+
+
+    generateTick() {
+        if (this.twelvehour) {
+            for (let i = 1; i < 13; i++) {
+                const radian = i / 6 * Math.PI;
+                const radius = this.outerRadius;
+
+                const tick = {
+                    'hour': i,
+                    'left': this.dialRadius + Math.sin(radian) * radius - this.tickRadius,
+                    'top': this.dialRadius - Math.cos(radian) * radius - this.tickRadius,
+                };
+                this.hoursTicks.push(tick);
+            }
+        } else {
+            for (let i = 0; i < 24; i++) {
+                const radian = i / 6 * Math.PI;
+                const inner = i > 0 && i < 13;
+                const radius = inner ? this.innerRadius : this.outerRadius;
+                let h;
+
+                if (i === 0) {
+                    h = '0' + i.toString();
+                } else {
+                    h = i;
+                }
+
+                const tick = {
+                    'hour': h,
+                    'left': this.dialRadius + Math.sin(radian) * radius - this.tickRadius,
+                    'top': this.dialRadius - Math.cos(radian) * radius - this.tickRadius,
+                };
+                this.hoursTicks.push(tick);
+            }
+        }
+
+        for (let i = 0; i < 60; i += 5) {
+            const radian = i / 30 * Math.PI;
+            let min = i.toString();
+            if (i < 10) {
+                min = '0' + i.toString();
+            }
+            const tick = {
+                'min': min,
+                'left': this.dialRadius + Math.sin(radian) * this.outerRadius - this.tickRadius,
+                'top': this.dialRadius - Math.cos(radian) * this.outerRadius - this.tickRadius,
+            };
+            this.minutesTicks.push(tick);
+        }
+
+    }
+
+    setHand(x: any, y: any, roundBy5: any) {
+        let radian = Math.atan2(x, - y);
+        const isHours = this.showHours;
+        const unit = Math.PI / (isHours || roundBy5 ? 6 : 30);
+        const z = Math.sqrt(x * x + y * y);
+        const inner = isHours && z < (this.outerRadius + this.innerRadius) / 2;
+        let radius = inner ? this.innerRadius : this.outerRadius;
+        let value;
+
+
+        if (this.showHours) {
+            value = parseInt(this.selectedHours.h, 0);
+        } else {
+            value = parseInt(this.selectedHours.m, 0);
+        }
+
+        if (this.twelvehour) {
+            radius = this.outerRadius;
+        }
+
+        if (radian < 0) {
+            radian = Math.PI * 2 + radian;
+        }
+
+        value = Math.round(radian / unit);
+        radian = value * unit;
+
+        if (this.twelvehour) {
+            if (isHours) {
+                if (value === 0) {
+                    value = 12;
+                }
+            } else {
+                if (roundBy5) {
+                    value *= 5;
+                }
+                if (value === 60) {
+                    value = 0;
+                }
+            }
+        } else {
+            if (isHours) {
+                value = !inner ? value + 12 : value;
+                value = value === 24 ? 0 : value;
+                value = (inner && value === 0) ? 12 : value;
+                value = (!inner && value === 12) ? 0 : value;
+            } else {
+                if (roundBy5) {
+                    value *= 5;
+                }
+                if (value === 60) {
+                    value = 0;
+                }
+            }
+        }
+
+        if (isHours) {
+            this.fg.nativeElement.setAttribute('class', 'clockpicker-canvas-fg');
+        } else {
+            if (value % 5 === 0) {
+                this.fg.nativeElement.setAttribute('class', 'clockpicker-canvas-fg');
+            } else {
+                this.fg.nativeElement.setAttribute('class', 'clockpicker-canvas-fg active');
+            }
+        }
+
+        const cx1 = Math.sin(radian) * (radius - this.tickRadius),
+            cy1 = - Math.cos(radian) * (radius - this.tickRadius),
+            cx2 = Math.sin(radian) * radius,
+            cy2 = - Math.cos(radian) * radius;
+
+        this.hand.nativeElement.setAttribute('x2', cx1);
+        this.hand.nativeElement.setAttribute('y2', cy1);
+        this.bg.nativeElement.setAttribute('cx', cx2);
+        this.bg.nativeElement.setAttribute('cy', cy2);
+        this.fg.nativeElement.setAttribute('cx', cx2);
+        this.fg.nativeElement.setAttribute('cy', cy2);
+
+        if (this.showHours) {
+            if (value < 10) {
+                this.setHour('0' + value.toString());
+            } else {
+                this.setHour(value.toString());
+            }
+        } else {
+            if (value < 10) {
+                this.setMinute('0' + value.toString());
+            } else {
+                this.setMinute(value.toString());
+            }
+        }
+    }
+
+    offset(obj: any) {
+        let left = 0,
+            top = 0;
+
+        if (obj.offsetParent) {
+            do {
+                left += obj.offsetLeft;
+                top += obj.offsetTop;
+            } while (obj = obj.offsetParent);
+        }
+        return { left, top };
+    }
+
+
+
+    onChangeCb: (_: any) => void = () => { };
+    onTouchedCb: () => void = () => { };
+
+    writeValue(value: any): void {
+        this.endHours = value;
+    }
+
+    registerOnChange(fn: any): void {
+        this.onChangeCb = fn;
+    }
+
+    registerOnTouched(fn: any): void {
+        this.onTouchedCb = fn;
+    }
+}
diff --git a/src/app/typescripts/pro/time-picker/timepicker.module.ts b/src/app/typescripts/pro/time-picker/timepicker.module.ts
new file mode 100644
index 0000000..9d7368e
--- /dev/null
+++ b/src/app/typescripts/pro/time-picker/timepicker.module.ts
@@ -0,0 +1,12 @@
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { NgModule } from '@angular/core';
+import { ClockPickerComponent } from './timepicker.component';
+
+@NgModule({
+  imports: [CommonModule, FormsModule],
+  declarations: [ClockPickerComponent],
+  exports: [ClockPickerComponent]
+})
+export class TimePickerModule {
+}
diff --git a/src/app/typescripts/pro/tsconfig.json b/src/app/typescripts/pro/tsconfig.json
new file mode 100644
index 0000000..880d296
--- /dev/null
+++ b/src/app/typescripts/pro/tsconfig.json
@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+  "outDir": "../../../../dist/angular-bootstrap-md/pro",
+  "target": "es5",
+  "module": "es2015",
+  "moduleResolution": "node",
+  "emitDecoratorMetadata": true,
+  "experimentalDecorators": true,
+  "removeComments": true,
+  "sourceMap": true,
+  "inlineSources": true,
+  "noEmitHelpers": false,
+  "noImplicitAny": true,
+  "declaration": true,
+  "skipLibCheck": false,
+  "stripInternal": true,
+  "allowSyntheticDefaultImports": true,
+  "noUnusedLocals": true,
+  "noUnusedParameters": true,
+  "noImplicitReturns": false,
+  "listFiles": false,
+  "noLib": false,
+  "lib": ["dom", "es6"]
+  },
+  "exclude": [
+  "node_modules"
+  ],
+  "files": [
+  "./index.ts"
+  ],
+  "angularCompilerOptions": {
+  "genDir": "../temp/factories",
+  "strictMetadataEmit": false,
+  "skipTemplateCodegen": true
+  }
+}
diff --git a/src/assets/.gitkeep b/src/assets/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
new file mode 100644
index 0000000..3612073
--- /dev/null
+++ b/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+  production: true
+};
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
new file mode 100644
index 0000000..b7f639a
--- /dev/null
+++ b/src/environments/environment.ts
@@ -0,0 +1,8 @@
+// The file contents for the current environment will overwrite these during build.
+// The build system defaults to the dev environment which uses `environment.ts`, but if you do
+// `ng build --env=prod` then `environment.prod.ts` will be used instead.
+// The list of which env maps to which file can be found in `.angular-cli.json`.
+
+export const environment = {
+  production: false
+};
diff --git a/src/favicon.ico b/src/favicon.ico
new file mode 100644
index 0000000..8081c7c
Binary files /dev/null and b/src/favicon.ico differ
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..cfcf55c
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,25 @@
+<!doctype html>
+
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=11" />
+    <title>AngularBasic</title>
+    <base href="/">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
+
+    <!-- <link href="css/mdb.css" rel="stylesheet"> -->
+</head>
+
+<body>
+    <mdb-root></mdb-root>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.2.2/web-animations.min.js"></script>
+        <script>
+        	new WOW().init();
+        </script>
+</body>
+
+</html>
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..3c8361f
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,13 @@
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+platformBrowserDynamic().bootstrapModule(AppModule);
+
+
diff --git a/src/polyfills.ts b/src/polyfills.ts
new file mode 100644
index 0000000..fd6b76a
--- /dev/null
+++ b/src/polyfills.ts
@@ -0,0 +1,68 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/** IE9, IE10 and IE11 requires all of the following polyfills. **/
+import 'core-js/es6/symbol';
+import 'core-js/es6/object';
+import 'core-js/es6/function';
+import 'core-js/es6/parse-int';
+import 'core-js/es6/parse-float';
+import 'core-js/es6/number';
+import 'core-js/es6/math';
+import 'core-js/es6/string';
+import 'core-js/es6/date';
+import 'core-js/es6/array';
+import 'core-js/es6/regexp';
+import 'core-js/es6/map';
+import 'core-js/es6/set';
+
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+import 'classlist.js';  // Run `npm install --save classlist.js`.
+
+/** IE10 and IE11 requires the following to support `@angular/animation`. */
+import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+
+
+/** Evergreen browsers require these. **/
+import 'core-js/es6/reflect';
+import 'core-js/es7/reflect';
+
+
+/** ALL Firefox browsers require the following to support `@angular/animation`. **/
+// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+
+
+
+/***************************************************************************************************
+ * Zone JS is required by Angular itself.
+ */
+import 'zone.js/dist/zone';  // Included with Angular CLI.
+
+
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */
+
+/**
+ * Date, currency, decimal and percent pipes.
+ * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
+ */
+// import 'intl';  // Run `npm install --save intl`.
diff --git a/src/styles.scss b/src/styles.scss
new file mode 100644
index 0000000..e50a47e
--- /dev/null
+++ b/src/styles.scss
@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */
\ No newline at end of file
diff --git a/src/test.ts b/src/test.ts
new file mode 100644
index 0000000..9bf7226
--- /dev/null
+++ b/src/test.ts
@@ -0,0 +1,32 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js/dist/long-stack-trace-zone';
+import 'zone.js/dist/proxy.js';
+import 'zone.js/dist/sync-test';
+import 'zone.js/dist/jasmine-patch';
+import 'zone.js/dist/async-test';
+import 'zone.js/dist/fake-async-test';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
+declare var __karma__: any;
+declare var require: any;
+
+// Prevent Karma from running prematurely.
+__karma__.loaded = function () {};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting()
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);
+// Finally, start Karma to run the tests.
+__karma__.start();
diff --git a/src/tsconfig.app.json b/src/tsconfig.app.json
new file mode 100644
index 0000000..5e2507d
--- /dev/null
+++ b/src/tsconfig.app.json
@@ -0,0 +1,13 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/app",
+    "module": "es2015",
+    "baseUrl": "",
+    "types": []
+  },
+  "exclude": [
+    "test.ts",
+    "**/*.spec.ts"
+  ]
+}
diff --git a/src/tsconfig.spec.json b/src/tsconfig.spec.json
new file mode 100644
index 0000000..adb732e
--- /dev/null
+++ b/src/tsconfig.spec.json
@@ -0,0 +1,21 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/spec",
+    "module": "commonjs",
+    "target": "es5",
+    "baseUrl": "",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  },
+  "files": [
+    "test.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}
\ No newline at end of file
diff --git a/src/typings.d.ts b/src/typings.d.ts
new file mode 100644
index 0000000..ef5c7bd
--- /dev/null
+++ b/src/typings.d.ts
@@ -0,0 +1,5 @@
+/* SystemJS module definition */
+declare var module: NodeModule;
+interface NodeModule {
+  id: string;
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..1f9b558
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,19 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "target": "es5",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2016",
+      "dom"
+    ]
+  }
+}
diff --git a/tslint.json b/tslint.json
new file mode 100644
index 0000000..ccced58
--- /dev/null
+++ b/tslint.json
@@ -0,0 +1,133 @@
+{
+  "rulesDirectory": [
+    "node_modules/codelyzer"
+  ],
+  "rules": {
+    "callable-types": true,
+    "class-name": true,
+    "comment-format": [
+      true,
+      "check-space"
+    ],
+    "curly": true,
+    "eofline": true,
+    "forin": true,
+    "import-blacklist": [
+      true
+    ],
+    "import-spacing": true,
+    "indent": [
+      true,
+      "spaces",
+      2
+    ],
+    "interface-over-type-literal": true,
+    "label-position": true,
+    "max-line-length": [
+      true,
+      140
+    ],
+    "member-access": false,
+    "member-ordering": [
+      true,
+      "static-before-instance",
+      "variables-before-functions"
+    ],
+    "no-arg": true,
+    "no-bitwise": true,
+    "no-console": [
+      true,
+      "debug",
+      "info",
+      "time",
+      "timeEnd",
+      "trace",
+      "log"
+    ],
+    "no-construct": true,
+    "no-debugger": true,
+    "no-duplicate-variable": true,
+    "no-empty": false,
+    "no-empty-interface": true,
+    "no-eval": true,
+    "no-inferrable-types": [
+      true,
+      "ignore-params"
+    ],
+    "no-shadowed-variable": true,
+    "no-string-literal": false,
+    "no-string-throw": true,
+    "no-switch-case-fall-through": true,
+    "no-trailing-whitespace": true,
+    "no-unused-expression": true,
+    "no-use-before-declare": true,
+    "no-var-keyword": true,
+    "object-literal-sort-keys": false,
+    "one-line": [
+      true,
+      "check-open-brace",
+      "check-catch",
+      "check-else",
+      "check-whitespace"
+    ],
+    "prefer-const": true,
+    "quotemark": [
+      true,
+      "single"
+    ],
+    "radix": true,
+    "semicolon": [
+      "always"
+    ],
+    "triple-equals": [
+      true,
+      "allow-null-check"
+    ],
+    "typedef-whitespace": [
+      true,
+      {
+        "call-signature": "nospace",
+        "index-signature": "nospace",
+        "parameter": "nospace",
+        "property-declaration": "nospace",
+        "variable-declaration": "nospace"
+      }
+    ],
+    "typeof-compare": true,
+    "unified-signatures": true,
+    "variable-name": false,
+    "whitespace": [
+      true,
+      "check-branch",
+      "check-decl",
+      "check-operator",
+      "check-separator",
+      "check-type",
+      "check-preblock"
+    ],
+    "directive-selector": [
+      true,
+      "attribute",
+      "mdb",
+      "camelCase"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "mdb",
+      "kebab-case"
+    ],
+    "use-input-property-decorator": true,
+    "use-output-property-decorator": true,
+    "use-host-property-decorator": true,
+    "no-input-rename": true,
+    "no-output-rename": true,
+    "use-life-cycle-interface": true,
+    "use-pipe-transform-interface": true,
+    "component-class-suffix": true,
+    "directive-class-suffix": true,
+    "no-access-missing-member": true,
+    "templates-use-public": true,
+    "invoke-injectable": true
+  }
+}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 0000000..35755b2
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,5765 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@angular/animations@^4.0.1":
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/@angular/animations/-/animations-4.2.4.tgz#552d361fff163c56d0dfda4f963a16bfe4e44e98"
+  dependencies:
+    tslib "^1.7.1"
+
+"@angular/cli@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@angular/cli/-/cli-1.0.0.tgz#7bfde1e7c5f28bf5bed4dda1352ee67ee887302f"
+  dependencies:
+    "@ngtools/json-schema" "1.0.5"
+    "@ngtools/webpack" "1.3.0"
+    autoprefixer "^6.5.3"
+    chalk "^1.1.3"
+    common-tags "^1.3.1"
+    css-loader "^0.26.1"
+    cssnano "^3.10.0"
+    debug "^2.1.3"
+    denodeify "^1.2.1"
+    diff "^3.1.0"
+    ember-cli-normalize-entity-name "^1.0.0"
+    ember-cli-string-utils "^1.0.0"
+    exports-loader "^0.6.3"
+    extract-text-webpack-plugin "~2.0.0"
+    file-loader "^0.10.0"
+    fs-extra "^2.0.0"
+    get-caller-file "^1.0.0"
+    glob "^7.0.3"
+    html-webpack-plugin "^2.19.0"
+    inflection "^1.7.0"
+    inquirer "^3.0.0"
+    isbinaryfile "^3.0.0"
+    istanbul-instrumenter-loader "^2.0.0"
+    json-loader "^0.5.4"
+    karma-sourcemap-loader "^0.3.7"
+    karma-webpack "^2.0.0"
+    less "^2.7.2"
+    less-loader "^2.2.3"
+    lodash "^4.11.1"
+    minimatch "^3.0.3"
+    node-modules-path "^1.0.0"
+    nopt "^4.0.1"
+    opn "4.0.2"
+    portfinder "~1.0.12"
+    postcss-loader "^0.13.0"
+    postcss-url "^5.1.2"
+    raw-loader "^0.5.1"
+    resolve "^1.1.7"
+    rimraf "^2.5.3"
+    rsvp "^3.0.17"
+    rxjs "^5.0.1"
+    sass-loader "^4.1.1"
+    script-loader "^0.7.0"
+    semver "^5.1.0"
+    silent-error "^1.0.0"
+    source-map-loader "^0.1.5"
+    style-loader "^0.13.1"
+    stylus "^0.54.5"
+    stylus-loader "^2.4.0"
+    temp "0.8.3"
+    typescript ">=2.0.0 <2.3.0"
+    url-loader "^0.5.7"
+    walk-sync "^0.3.1"
+    webpack "~2.2.0"
+    webpack-dev-server "~2.3.0"
+    webpack-merge "^2.4.0"
+    zone.js "^0.7.2"
+  optionalDependencies:
+    node-sass "^4.3.0"
+
+"@angular/common@^4.0.0":
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/@angular/common/-/common-4.2.4.tgz#9b7ee0e692ab03191a7cd9af331d0f492d3cefeb"
+  dependencies:
+    tslib "^1.7.1"
+
+"@angular/compiler-cli@^2.3.0 || >=4.0.0", "@angular/compiler-cli@^4.0.0":
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/@angular/compiler-cli/-/compiler-cli-4.2.4.tgz#cce941a28362fc1c042ab85890fcaab1e233dd57"
+  dependencies:
+    "@angular/tsc-wrapped" "4.2.4"
+    minimist "^1.2.0"
+    reflect-metadata "^0.1.2"
+
+"@angular/compiler@^4.0.0":
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/@angular/compiler/-/compiler-4.2.4.tgz#7936a87b2d483abcef840b868c1fcf67221c4914"
+  dependencies:
+    tslib "^1.7.1"
+
+"@angular/core@^4.0.1":
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/@angular/core/-/core-4.2.4.tgz#e8df7a8dd5de5a327784dfc35b5da6344281cf1b"
+  dependencies:
+    tslib "^1.7.1"
+
+"@angular/forms@^4.0.0":
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/@angular/forms/-/forms-4.2.4.tgz#ae09755332ea463f561df01aac2bd369e5d35dc9"
+  dependencies:
+    tslib "^1.7.1"
+
+"@angular/http@^4.0.0":
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/@angular/http/-/http-4.2.4.tgz#ed039c0d53a587d24575f4cabfd1db8e7f1e3f8b"
+  dependencies:
+    tslib "^1.7.1"
+
+"@angular/platform-browser-dynamic@^4.0.0":
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/@angular/platform-browser-dynamic/-/platform-browser-dynamic-4.2.4.tgz#5190fda79425ae49a49224985614c9780a370761"
+  dependencies:
+    tslib "^1.7.1"
+
+"@angular/platform-browser@^4.0.0":
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/@angular/platform-browser/-/platform-browser-4.2.4.tgz#00a44dcb2fd777b54bc17c1ce734aa18fe9fd039"
+  dependencies:
+    tslib "^1.7.1"
+
+"@angular/router@^4.0.0":
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/@angular/router/-/router-4.2.4.tgz#2f193f3a36da19b11a08c9b40e391bd8fde59c56"
+  dependencies:
+    tslib "^1.7.1"
+
+"@angular/tsc-wrapped@4.2.4":
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/@angular/tsc-wrapped/-/tsc-wrapped-4.2.4.tgz#956ff14ccf2043243b0cc82336b221dbe6315aef"
+  dependencies:
+    tsickle "^0.21.0"
+
+"@ngtools/json-schema@1.0.5":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@ngtools/json-schema/-/json-schema-1.0.5.tgz#ad39037c70c88b245ac7267a71777646b6063d77"
+
+"@ngtools/webpack@1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@ngtools/webpack/-/webpack-1.3.0.tgz#a1071230985358ecdf87b2fa9879ae6cc6355e83"
+  dependencies:
+    enhanced-resolve "^3.1.0"
+    loader-utils "^1.0.2"
+    magic-string "^0.19.0"
+    source-map "^0.5.6"
+
+"@types/jasmine@2.5.38":
+  version "2.5.38"
+  resolved "https://registry.yarnpkg.com/@types/jasmine/-/jasmine-2.5.38.tgz#a4379124c4921d4e21de54ec74669c9e9b356717"
+
+"@types/node@^6.0.46", "@types/node@~6.0.60":
+  version "6.0.78"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-6.0.78.tgz#5d4a3f579c1524e01ee21bf474e6fba09198f470"
+
+"@types/q@^0.0.32":
+  version "0.0.32"
+  resolved "https://registry.yarnpkg.com/@types/q/-/q-0.0.32.tgz#bd284e57c84f1325da702babfc82a5328190c0c5"
+
+"@types/selenium-webdriver@^2.53.35", "@types/selenium-webdriver@~2.53.39":
+  version "2.53.42"
+  resolved "https://registry.yarnpkg.com/@types/selenium-webdriver/-/selenium-webdriver-2.53.42.tgz#74cb77fb6052edaff2a8984ddafd88d419f25cac"
+
+abbrev@1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.0.tgz#d0554c2256636e2f56e7c2e5ad183f859428d81f"
+
+accepts@1.3.3, accepts@~1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.3.tgz#c3ca7434938648c3e0d9c1e328dd68b622c284ca"
+  dependencies:
+    mime-types "~2.1.11"
+    negotiator "0.6.1"
+
+acorn-dynamic-import@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/acorn-dynamic-import/-/acorn-dynamic-import-2.0.2.tgz#c752bd210bef679501b6c6cb7fc84f8f47158cc4"
+  dependencies:
+    acorn "^4.0.3"
+
+acorn@^4.0.3, acorn@^4.0.4:
+  version "4.0.13"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.13.tgz#105495ae5361d697bd195c825192e1ad7f253787"
+
+adm-zip@0.4.4:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/adm-zip/-/adm-zip-0.4.4.tgz#a61ed5ae6905c3aea58b3a657d25033091052736"
+
+adm-zip@^0.4.7:
+  version "0.4.7"
+  resolved "https://registry.yarnpkg.com/adm-zip/-/adm-zip-0.4.7.tgz#8606c2cbf1c426ce8c8ec00174447fd49b6eafc1"
+
+after@0.8.2:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/after/-/after-0.8.2.tgz#fedb394f9f0e02aa9768e702bda23b505fae7e1f"
+
+agent-base@2:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-2.1.1.tgz#d6de10d5af6132d5bd692427d46fc538539094c7"
+  dependencies:
+    extend "~3.0.0"
+    semver "~5.0.1"
+
+ajv-keywords@^1.1.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-1.5.1.tgz#314dd0a4b3368fad3dfcdc54ede6171b886daf3c"
+
+ajv@^4.11.2, ajv@^4.7.0, ajv@^4.9.1:
+  version "4.11.8"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-4.11.8.tgz#82ffb02b29e662ae53bdc20af15947706739c536"
+  dependencies:
+    co "^4.6.0"
+    json-stable-stringify "^1.0.1"
+
+align-text@^0.1.1, align-text@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/align-text/-/align-text-0.1.4.tgz#0cd90a561093f35d0a99256c22b7069433fad117"
+  dependencies:
+    kind-of "^3.0.2"
+    longest "^1.0.1"
+    repeat-string "^1.5.2"
+
+alphanum-sort@^1.0.1, alphanum-sort@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
+
+amdefine@>=0.0.4:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
+
+angular2-font-awesome@^1.1.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/angular2-font-awesome/-/angular2-font-awesome-1.3.0.tgz#f9c8e6c34df29b0828f37e051e87f2083ee7dafb"
+
+angular2-google-maps@^0.17.0:
+  version "0.17.0"
+  resolved "https://registry.yarnpkg.com/angular2-google-maps/-/angular2-google-maps-0.17.0.tgz#ad8366fa4e5c56de0b8b20f003b5f7a1da06ffe3"
+
+ansi-align@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-2.0.0.tgz#c36aeccba563b89ceb556f3690f0b1d9e3547f7f"
+  dependencies:
+    string-width "^2.0.0"
+
+ansi-escapes@^1.0.0, ansi-escapes@^1.1.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-1.4.0.tgz#d3a8a83b319aa67793662b13e761c7911422306e"
+
+ansi-html@0.0.7:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.7.tgz#813584021962a9e9e6fd039f940d12f56ca7859e"
+
+ansi-regex@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
+
+ansi-styles@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+
+any-observable@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/any-observable/-/any-observable-0.2.0.tgz#c67870058003579009083f54ac0abafb5c33d242"
+
+any-promise@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
+
+anymatch@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-1.3.0.tgz#a3e52fa39168c825ff57b0248126ce5a8ff95507"
+  dependencies:
+    arrify "^1.0.0"
+    micromatch "^2.1.5"
+
+app-root-path@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/app-root-path/-/app-root-path-2.0.1.tgz#cd62dcf8e4fd5a417efc664d2e5b10653c651b46"
+
+append-transform@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/append-transform/-/append-transform-0.4.0.tgz#d76ebf8ca94d276e247a36bad44a4b74ab611991"
+  dependencies:
+    default-require-extensions "^1.0.0"
+
+aproba@^1.0.3:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.1.2.tgz#45c6629094de4e96f693ef7eab74ae079c240fc1"
+
+are-we-there-yet@~1.1.2:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.4.tgz#bb5dca382bb94f05e15194373d16fd3ba1ca110d"
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^2.0.6"
+
+argparse@^1.0.7:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.9.tgz#73d83bc263f86e97f8cc4f6bae1b0e90a7d22c86"
+  dependencies:
+    sprintf-js "~1.0.2"
+
+arr-diff@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf"
+  dependencies:
+    arr-flatten "^1.0.1"
+
+arr-flatten@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.0.3.tgz#a274ed85ac08849b6bd7847c4580745dc51adfb1"
+
+array-find-index@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1"
+
+array-flatten@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
+
+array-slice@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/array-slice/-/array-slice-0.2.3.tgz#dd3cfb80ed7973a75117cdac69b0b99ec86186f5"
+
+array-union@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
+  dependencies:
+    array-uniq "^1.0.1"
+
+array-uniq@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
+
+array-unique@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53"
+
+arraybuffer.slice@0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/arraybuffer.slice/-/arraybuffer.slice-0.0.6.tgz#f33b2159f0532a3f3107a272c0ccfbd1ad2979ca"
+
+arrify@^1.0.0, arrify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
+
+asap@~2.0.3:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.5.tgz#522765b50c3510490e52d7dcfe085ef9ba96958f"
+
+asn1.js@^4.0.0:
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.9.1.tgz#48ba240b45a9280e94748990ba597d216617fd40"
+  dependencies:
+    bn.js "^4.0.0"
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+
+asn1@~0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.3.tgz#dac8787713c9966849fc8180777ebe9c1ddf3b86"
+
+assert-plus@1.0.0, assert-plus@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
+
+assert-plus@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-0.2.0.tgz#d74e1b87e7affc0db8aadb7021f3fe48101ab234"
+
+assert@^1.1.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/assert/-/assert-1.4.1.tgz#99912d591836b5a6f5b345c0f07eefc08fc65d91"
+  dependencies:
+    util "0.10.3"
+
+async-each@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.1.tgz#19d386a1d9edc6e7c1c85d388aedbcc56d33602d"
+
+async-foreach@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/async-foreach/-/async-foreach-0.1.3.tgz#36121f845c0578172de419a97dbeb1d16ec34542"
+
+async@^0.9.0, async@~0.9.0:
+  version "0.9.2"
+  resolved "https://registry.yarnpkg.com/async/-/async-0.9.2.tgz#aea74d5e61c1f899613bf64bda66d4c78f2fd17d"
+
+async@^1.4.0, async@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
+
+async@^2.0.1, async@^2.1.2, async@^2.1.4:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/async/-/async-2.5.0.tgz#843190fd6b7357a0b9e1c956edddd5ec8462b54d"
+  dependencies:
+    lodash "^4.14.0"
+
+async@~0.2.6:
+  version "0.2.10"
+  resolved "https://registry.yarnpkg.com/async/-/async-0.2.10.tgz#b6bbe0b0674b9d719708ca38de8c237cb526c3d1"
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+
+autoprefixer@^6.3.1, autoprefixer@^6.5.3:
+  version "6.7.7"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-6.7.7.tgz#1dbd1c835658e35ce3f9984099db00585c782014"
+  dependencies:
+    browserslist "^1.7.6"
+    caniuse-db "^1.0.30000634"
+    normalize-range "^0.1.2"
+    num2fraction "^1.2.2"
+    postcss "^5.2.16"
+    postcss-value-parser "^3.2.3"
+
+awesome-typescript-loader@3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/awesome-typescript-loader/-/awesome-typescript-loader-3.1.2.tgz#3df192b91a6285f795ca65e63aad114fbb44f710"
+  dependencies:
+    colors "^1.1.2"
+    enhanced-resolve "^3.1.0"
+    loader-utils "^1.0.2"
+    lodash "^4.17.4"
+    mkdirp "^0.5.1"
+    object-assign "^4.1.1"
+    source-map-support "^0.4.11"
+
+aws-sign2@~0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.6.0.tgz#14342dd38dbcc94d0e5b87d763cd63612c0e794f"
+
+aws4@^1.2.1:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.6.0.tgz#83ef5ca860b2b32e4a0deedee8c771b9db57471e"
+
+babel-code-frame@^6.11.0, babel-code-frame@^6.20.0, babel-code-frame@^6.22.0:
+  version "6.22.0"
+  resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.22.0.tgz#027620bee567a88c32561574e7fd0801d33118e4"
+  dependencies:
+    chalk "^1.1.0"
+    esutils "^2.0.2"
+    js-tokens "^3.0.0"
+
+babel-generator@^6.18.0:
+  version "6.25.0"
+  resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.25.0.tgz#33a1af70d5f2890aeb465a4a7793c1df6a9ea9fc"
+  dependencies:
+    babel-messages "^6.23.0"
+    babel-runtime "^6.22.0"
+    babel-types "^6.25.0"
+    detect-indent "^4.0.0"
+    jsesc "^1.3.0"
+    lodash "^4.2.0"
+    source-map "^0.5.0"
+    trim-right "^1.0.1"
+
+babel-messages@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-messages/-/babel-messages-6.23.0.tgz#f3cdf4703858035b2a2951c6ec5edf6c62f2630e"
+  dependencies:
+    babel-runtime "^6.22.0"
+
+babel-runtime@^6.18.0, babel-runtime@^6.22.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.23.0.tgz#0a9489f144de70efb3ce4300accdb329e2fc543b"
+  dependencies:
+    core-js "^2.4.0"
+    regenerator-runtime "^0.10.0"
+
+babel-template@^6.16.0:
+  version "6.25.0"
+  resolved "https://registry.yarnpkg.com/babel-template/-/babel-template-6.25.0.tgz#665241166b7c2aa4c619d71e192969552b10c071"
+  dependencies:
+    babel-runtime "^6.22.0"
+    babel-traverse "^6.25.0"
+    babel-types "^6.25.0"
+    babylon "^6.17.2"
+    lodash "^4.2.0"
+
+babel-traverse@^6.18.0, babel-traverse@^6.25.0:
+  version "6.25.0"
+  resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-6.25.0.tgz#2257497e2fcd19b89edc13c4c91381f9512496f1"
+  dependencies:
+    babel-code-frame "^6.22.0"
+    babel-messages "^6.23.0"
+    babel-runtime "^6.22.0"
+    babel-types "^6.25.0"
+    babylon "^6.17.2"
+    debug "^2.2.0"
+    globals "^9.0.0"
+    invariant "^2.2.0"
+    lodash "^4.2.0"
+
+babel-types@^6.18.0, babel-types@^6.25.0:
+  version "6.25.0"
+  resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.25.0.tgz#70afb248d5660e5d18f811d91c8303b54134a18e"
+  dependencies:
+    babel-runtime "^6.22.0"
+    esutils "^2.0.2"
+    lodash "^4.2.0"
+    to-fast-properties "^1.0.1"
+
+babylon@^6.17.2, babylon@^6.17.4:
+  version "6.17.4"
+  resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.17.4.tgz#3e8b7402b88d22c3423e137a1577883b15ff869a"
+
+backo2@1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/backo2/-/backo2-1.0.2.tgz#31ab1ac8b129363463e35b3ebb69f4dfcfba7947"
+
+balanced-match@^0.4.2:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.4.2.tgz#cb3f3e3c732dc0f01ee70b403f302e61d7709838"
+
+balanced-match@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
+
+base64-arraybuffer@0.1.5:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz#73926771923b5a19747ad666aa5cd4bf9c6e9ce8"
+
+base64-js@^1.0.2:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.2.1.tgz#a91947da1f4a516ea38e5b4ec0ec3773675e0886"
+
+base64id@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/base64id/-/base64id-1.0.0.tgz#47688cb99bb6804f0e06d3e763b1c32e57d8e6b6"
+
+batch@0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
+
+bcrypt-pbkdf@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz#63bc5dcb61331b92bc05fd528953c33462a06f8d"
+  dependencies:
+    tweetnacl "^0.14.3"
+
+better-assert@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/better-assert/-/better-assert-1.0.2.tgz#40866b9e1b9e0b55b481894311e68faffaebc522"
+  dependencies:
+    callsite "1.0.0"
+
+big.js@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.1.3.tgz#4cada2193652eb3ca9ec8e55c9015669c9806978"
+
+binary-extensions@^1.0.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.8.0.tgz#48ec8d16df4377eae5fa5884682480af4d95c774"
+
+blob@0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/blob/-/blob-0.0.4.tgz#bcf13052ca54463f30f9fc7e95b9a47630a94921"
+
+block-stream@*:
+  version "0.0.9"
+  resolved "https://registry.yarnpkg.com/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a"
+  dependencies:
+    inherits "~2.0.0"
+
+blocking-proxy@0.0.5:
+  version "0.0.5"
+  resolved "https://registry.yarnpkg.com/blocking-proxy/-/blocking-proxy-0.0.5.tgz#462905e0dcfbea970f41aa37223dda9c07b1912b"
+  dependencies:
+    minimist "^1.2.0"
+
+bluebird@^3.3.0, bluebird@^3.4.7:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.0.tgz#791420d7f551eea2897453a8a77653f96606d67c"
+
+bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
+  version "4.11.7"
+  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.7.tgz#ddb048e50d9482790094c13eb3fcfc833ce7ab46"
+
+body-parser@^1.12.4:
+  version "1.17.2"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.17.2.tgz#f8892abc8f9e627d42aedafbca66bf5ab99104ee"
+  dependencies:
+    bytes "2.4.0"
+    content-type "~1.0.2"
+    debug "2.6.7"
+    depd "~1.1.0"
+    http-errors "~1.6.1"
+    iconv-lite "0.4.15"
+    on-finished "~2.3.0"
+    qs "6.4.0"
+    raw-body "~2.2.0"
+    type-is "~1.6.15"
+
+boolbase@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
+
+boom@2.x.x:
+  version "2.10.1"
+  resolved "https://registry.yarnpkg.com/boom/-/boom-2.10.1.tgz#39c8918ceff5799f83f9492a848f625add0c766f"
+  dependencies:
+    hoek "2.x.x"
+
+bootstrap@^4.0.0-alpha.6:
+  version "4.0.0-alpha.6"
+  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.0.0-alpha.6.tgz#4f54dd33ac0deac3b28407bc2df7ec608869c9c8"
+  dependencies:
+    jquery ">=1.9.1"
+    tether "^1.4.0"
+
+boxen@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/boxen/-/boxen-1.1.0.tgz#b1b69dd522305e807a99deee777dbd6e5167b102"
+  dependencies:
+    ansi-align "^2.0.0"
+    camelcase "^4.0.0"
+    chalk "^1.1.1"
+    cli-boxes "^1.0.0"
+    string-width "^2.0.0"
+    term-size "^0.1.0"
+    widest-line "^1.0.0"
+
+brace-expansion@^1.1.7:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.8.tgz#c07b211c7c952ec1f8efd51a77ef0d1d3990a292"
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+braces@^0.1.2:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-0.1.5.tgz#c085711085291d8b75fdd74eab0f8597280711e6"
+  dependencies:
+    expand-range "^0.1.0"
+
+braces@^1.8.2:
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-1.8.5.tgz#ba77962e12dff969d6b76711e914b737857bf6a7"
+  dependencies:
+    expand-range "^1.8.1"
+    preserve "^0.2.0"
+    repeat-element "^1.1.2"
+
+brorand@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
+
+browserify-aes@^1.0.0, browserify-aes@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.0.6.tgz#5e7725dbdef1fd5930d4ebab48567ce451c48a0a"
+  dependencies:
+    buffer-xor "^1.0.2"
+    cipher-base "^1.0.0"
+    create-hash "^1.1.0"
+    evp_bytestokey "^1.0.0"
+    inherits "^2.0.1"
+
+browserify-cipher@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.0.tgz#9988244874bf5ed4e28da95666dcd66ac8fc363a"
+  dependencies:
+    browserify-aes "^1.0.4"
+    browserify-des "^1.0.0"
+    evp_bytestokey "^1.0.0"
+
+browserify-des@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.0.tgz#daa277717470922ed2fe18594118a175439721dd"
+  dependencies:
+    cipher-base "^1.0.1"
+    des.js "^1.0.0"
+    inherits "^2.0.1"
+
+browserify-rsa@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
+  dependencies:
+    bn.js "^4.1.0"
+    randombytes "^2.0.1"
+
+browserify-sign@^4.0.0:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.0.4.tgz#aa4eb68e5d7b658baa6bf6a57e630cbd7a93d298"
+  dependencies:
+    bn.js "^4.1.1"
+    browserify-rsa "^4.0.0"
+    create-hash "^1.1.0"
+    create-hmac "^1.1.2"
+    elliptic "^6.0.0"
+    inherits "^2.0.1"
+    parse-asn1 "^5.0.0"
+
+browserify-zlib@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.1.4.tgz#bb35f8a519f600e0fa6b8485241c979d0141fb2d"
+  dependencies:
+    pako "~0.2.0"
+
+browserslist@^1.3.6, browserslist@^1.5.2, browserslist@^1.7.6:
+  version "1.7.7"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-1.7.7.tgz#0bd76704258be829b2398bb50e4b62d1a166b0b9"
+  dependencies:
+    caniuse-db "^1.0.30000639"
+    electron-to-chromium "^1.2.7"
+
+buffer-xor@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
+
+buffer@^4.3.0:
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.1.tgz#6d1bb601b07a4efced97094132093027c95bc298"
+  dependencies:
+    base64-js "^1.0.2"
+    ieee754 "^1.1.4"
+    isarray "^1.0.0"
+
+builtin-modules@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f"
+
+builtin-status-codes@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
+
+bytes@2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-2.3.0.tgz#d5b680a165b6201739acb611542aabc2d8ceb070"
+
+bytes@2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-2.4.0.tgz#7d97196f9d5baf7f6935e25985549edd2a6c2339"
+
+callsite@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/callsite/-/callsite-1.0.0.tgz#280398e5d664bd74038b6f0905153e6e8af1bc20"
+
+camel-case@3.0.x:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-3.0.0.tgz#ca3c3688a4e9cf3a4cda777dc4dcbc713249cf73"
+  dependencies:
+    no-case "^2.2.0"
+    upper-case "^1.1.1"
+
+camelcase-keys@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
+  dependencies:
+    camelcase "^2.0.0"
+    map-obj "^1.0.0"
+
+camelcase@^1.0.2:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39"
+
+camelcase@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
+
+camelcase@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a"
+
+camelcase@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
+
+caniuse-api@^1.5.2:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-1.6.1.tgz#b534e7c734c4f81ec5fbe8aca2ad24354b962c6c"
+  dependencies:
+    browserslist "^1.3.6"
+    caniuse-db "^1.0.30000529"
+    lodash.memoize "^4.1.2"
+    lodash.uniq "^4.5.0"
+
+caniuse-db@^1.0.30000529, caniuse-db@^1.0.30000634, caniuse-db@^1.0.30000639:
+  version "1.0.30000694"
+  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000694.tgz#02009f4f82d2f0126e4c691b7cd5adb351935c01"
+
+capture-stack-trace@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.0.tgz#4a6fa07399c26bba47f0b2496b4d0fb408c5550d"
+
+caseless@~0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
+
+center-align@^0.1.1:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/center-align/-/center-align-0.1.3.tgz#aa0d32629b6ee972200411cbd4461c907bc2b7ad"
+  dependencies:
+    align-text "^0.1.3"
+    lazy-cache "^1.0.3"
+
+chalk@1.1.3, chalk@^1.0.0, chalk@^1.1.0, chalk@^1.1.1, chalk@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  dependencies:
+    ansi-styles "^2.2.1"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
+chart.js@^2.5.0:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-2.6.0.tgz#308f9a4b0bfed5a154c14f5deb1d9470d22abe71"
+  dependencies:
+    chartjs-color "^2.1.0"
+    moment "^2.10.6"
+
+chartjs-color-string@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/chartjs-color-string/-/chartjs-color-string-0.4.0.tgz#57748d4530ae28d8db0a5492182ba06dfdf2f468"
+  dependencies:
+    color-name "^1.0.0"
+
+chartjs-color@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/chartjs-color/-/chartjs-color-2.1.0.tgz#9c39ac830ccd98996ae80c9f11086ff12c98a756"
+  dependencies:
+    chartjs-color-string "^0.4.0"
+    color-convert "^0.5.3"
+
+chokidar@^1.4.1, chokidar@^1.4.3, chokidar@^1.6.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.7.0.tgz#798e689778151c8076b4b360e5edd28cda2bb468"
+  dependencies:
+    anymatch "^1.3.0"
+    async-each "^1.0.0"
+    glob-parent "^2.0.0"
+    inherits "^2.0.1"
+    is-binary-path "^1.0.0"
+    is-glob "^2.0.0"
+    path-is-absolute "^1.0.0"
+    readdirp "^2.0.0"
+  optionalDependencies:
+    fsevents "^1.0.0"
+
+cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.3.tgz#eeabf194419ce900da3018c207d212f2a6df0a07"
+  dependencies:
+    inherits "^2.0.1"
+
+clap@^1.0.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/clap/-/clap-1.2.0.tgz#59c90fe3e137104746ff19469a27a634ff68c857"
+  dependencies:
+    chalk "^1.1.3"
+
+clean-css@4.1.x:
+  version "4.1.4"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.1.4.tgz#eec8811db27457e0078d8ca921fa81b72fa82bf4"
+  dependencies:
+    source-map "0.5.x"
+
+cli-boxes@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-1.0.0.tgz#4fa917c3e59c94a004cd61f8ee509da651687143"
+
+cli-cursor@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-1.0.2.tgz#64da3f7d56a54412e59794bd62dc35295e8f2987"
+  dependencies:
+    restore-cursor "^1.0.1"
+
+cli-cursor@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5"
+  dependencies:
+    restore-cursor "^2.0.0"
+
+cli-spinners@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-0.1.2.tgz#bb764d88e185fb9e1e6a2a1f19772318f605e31c"
+
+cli-truncate@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-0.2.1.tgz#9f15cfbb0705005369216c626ac7d05ab90dd574"
+  dependencies:
+    slice-ansi "0.0.4"
+    string-width "^1.0.1"
+
+cli-width@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.1.0.tgz#b234ca209b29ef66fc518d9b98d5847b00edf00a"
+
+cliui@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-2.1.0.tgz#4b475760ff80264c762c3a1719032e91c7fea0d1"
+  dependencies:
+    center-align "^0.1.1"
+    right-align "^0.1.1"
+    wordwrap "0.0.2"
+
+cliui@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
+  dependencies:
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+    wrap-ansi "^2.0.0"
+
+clone@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.2.tgz#260b7a99ebb1edfe247538175f783243cb19d149"
+
+co@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
+
+coa@~1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/coa/-/coa-1.0.3.tgz#1b54a5e1dcf77c990455d4deea98c564416dc893"
+  dependencies:
+    q "^1.1.2"
+
+code-point-at@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
+
+codelyzer@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/codelyzer/-/codelyzer-2.0.1.tgz#d0f7121f67a8424c92d21d3b31f3640b83def9ed"
+  dependencies:
+    app-root-path "^2.0.1"
+    css-selector-tokenizer "^0.7.0"
+    cssauron "^1.4.0"
+    semver-dsl "^1.0.1"
+    source-map "^0.5.6"
+    sprintf-js "^1.0.3"
+
+color-convert@^0.5.3:
+  version "0.5.3"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-0.5.3.tgz#bdb6c69ce660fadffe0b0007cc447e1b9f7282bd"
+
+color-convert@^1.3.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.0.tgz#1accf97dd739b983bf994d56fec8f95853641b7a"
+  dependencies:
+    color-name "^1.1.1"
+
+color-name@^1.0.0, color-name@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.2.tgz#5c8ab72b64bd2215d617ae9559ebb148475cf98d"
+
+color-string@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/color-string/-/color-string-0.3.0.tgz#27d46fb67025c5c2fa25993bfbf579e47841b991"
+  dependencies:
+    color-name "^1.0.0"
+
+color@^0.11.0:
+  version "0.11.4"
+  resolved "https://registry.yarnpkg.com/color/-/color-0.11.4.tgz#6d7b5c74fb65e841cd48792ad1ed5e07b904d764"
+  dependencies:
+    clone "^1.0.2"
+    color-convert "^1.3.0"
+    color-string "^0.3.0"
+
+colormin@^1.0.5:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/colormin/-/colormin-1.1.2.tgz#ea2f7420a72b96881a38aae59ec124a6f7298133"
+  dependencies:
+    color "^0.11.0"
+    css-color-names "0.0.4"
+    has "^1.0.1"
+
+colors@1.1.2, colors@^1.1.0, colors@^1.1.2, colors@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/colors/-/colors-1.1.2.tgz#168a4701756b6a7f51a12ce0c97bfa28c084ed63"
+
+combine-lists@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/combine-lists/-/combine-lists-1.0.1.tgz#458c07e09e0d900fc28b70a3fec2dacd1d2cb7f6"
+  dependencies:
+    lodash "^4.5.0"
+
+combined-stream@^1.0.5, combined-stream@~1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.5.tgz#938370a57b4a51dea2c77c15d5c5fdf895164009"
+  dependencies:
+    delayed-stream "~1.0.0"
+
+commander@2.9.x, commander@~2.9.0:
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.9.0.tgz#9c99094176e12240cb22d6c5146098400fe0f7d4"
+  dependencies:
+    graceful-readlink ">= 1.0.0"
+
+common-tags@^1.3.1:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.4.0.tgz#1187be4f3d4cf0c0427d43f74eef1f73501614c0"
+  dependencies:
+    babel-runtime "^6.18.0"
+
+component-bind@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/component-bind/-/component-bind-1.0.0.tgz#00c608ab7dcd93897c0009651b1d3a8e1e73bbd1"
+
+component-emitter@1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.1.2.tgz#296594f2753daa63996d2af08d15a95116c9aec3"
+
+component-emitter@1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.2.1.tgz#137918d6d78283f7df7a6b7c5a63e140e69425e6"
+
+component-inherit@0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/component-inherit/-/component-inherit-0.0.3.tgz#645fc4adf58b72b649d5cae65135619db26ff143"
+
+compressible@~2.0.8:
+  version "2.0.10"
+  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.10.tgz#feda1c7f7617912732b29bf8cf26252a20b9eecd"
+  dependencies:
+    mime-db ">= 1.27.0 < 2"
+
+compression@^1.5.2:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/compression/-/compression-1.6.2.tgz#cceb121ecc9d09c52d7ad0c3350ea93ddd402bc3"
+  dependencies:
+    accepts "~1.3.3"
+    bytes "2.3.0"
+    compressible "~2.0.8"
+    debug "~2.2.0"
+    on-headers "~1.0.1"
+    vary "~1.1.0"
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+
+configstore@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/configstore/-/configstore-3.1.0.tgz#45df907073e26dfa1cf4b2d52f5b60545eaa11d1"
+  dependencies:
+    dot-prop "^4.1.0"
+    graceful-fs "^4.1.2"
+    make-dir "^1.0.0"
+    unique-string "^1.0.0"
+    write-file-atomic "^2.0.0"
+    xdg-basedir "^3.0.0"
+
+connect-history-api-fallback@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.3.0.tgz#e51d17f8f0ef0db90a64fdb47de3051556e9f169"
+
+connect@^3.3.5:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/connect/-/connect-3.6.2.tgz#694e8d20681bfe490282c8ab886be98f09f42fe7"
+  dependencies:
+    debug "2.6.7"
+    finalhandler "1.0.3"
+    parseurl "~1.3.1"
+    utils-merge "1.0.0"
+
+console-browserify@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.1.0.tgz#f0241c45730a9fc6323b206dbf38edc741d0bb10"
+  dependencies:
+    date-now "^0.1.4"
+
+console-control-strings@^1.0.0, console-control-strings@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
+
+constants-browserify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
+
+content-disposition@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.2.tgz#0cf68bb9ddf5f2be7961c3a85178cb85dba78cb4"
+
+content-type@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.2.tgz#b7d113aee7a8dd27bd21133c4dc2529df1721eed"
+
+convert-source-map@^1.3.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.5.0.tgz#9acd70851c6d5dfdd93d9282e5edf94a03ff46b5"
+
+cookie-signature@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
+
+cookie@0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.3.1.tgz#e7e0a1f9ef43b4c8ba925c5c5a96e806d16873bb"
+
+core-js@^2.2.0, core-js@^2.4.0, core-js@^2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.4.1.tgz#4de911e667b0eae9124e34254b53aea6fc618d3e"
+
+core-util-is@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
+
+cp-file@^4.1.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/cp-file/-/cp-file-4.2.0.tgz#715361663b71ede0b6dddbc3c80e2ba02e725ec3"
+  dependencies:
+    graceful-fs "^4.1.2"
+    make-dir "^1.0.0"
+    nested-error-stacks "^2.0.0"
+    pify "^2.3.0"
+    safe-buffer "^5.0.1"
+
+cpy@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/cpy/-/cpy-5.0.0.tgz#80870985b8f508b518c5782fa7ca38965cf17d5a"
+  dependencies:
+    arrify "^1.0.1"
+    cp-file "^4.1.0"
+    globby "^6.0.0"
+    nested-error-stacks "^2.0.0"
+
+create-ecdh@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.0.tgz#888c723596cdf7612f6498233eebd7a35301737d"
+  dependencies:
+    bn.js "^4.1.0"
+    elliptic "^6.0.0"
+
+create-error-class@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/create-error-class/-/create-error-class-3.0.2.tgz#06be7abef947a3f14a30fd610671d401bca8b7b6"
+  dependencies:
+    capture-stack-trace "^1.0.0"
+
+create-hash@^1.1.0, create-hash@^1.1.1, create-hash@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.1.3.tgz#606042ac8b9262750f483caddab0f5819172d8fd"
+  dependencies:
+    cipher-base "^1.0.1"
+    inherits "^2.0.1"
+    ripemd160 "^2.0.0"
+    sha.js "^2.4.0"
+
+create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.6.tgz#acb9e221a4e17bdb076e90657c42b93e3726cf06"
+  dependencies:
+    cipher-base "^1.0.3"
+    create-hash "^1.1.0"
+    inherits "^2.0.1"
+    ripemd160 "^2.0.0"
+    safe-buffer "^5.0.1"
+    sha.js "^2.4.8"
+
+cross-spawn-async@^2.1.1:
+  version "2.2.5"
+  resolved "https://registry.yarnpkg.com/cross-spawn-async/-/cross-spawn-async-2.2.5.tgz#845ff0c0834a3ded9d160daca6d390906bb288cc"
+  dependencies:
+    lru-cache "^4.0.0"
+    which "^1.2.8"
+
+cross-spawn@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-3.0.1.tgz#1256037ecb9f0c5f79e3d6ef135e30770184b982"
+  dependencies:
+    lru-cache "^4.0.1"
+    which "^1.2.9"
+
+cross-spawn@^5.0.1:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
+  dependencies:
+    lru-cache "^4.0.1"
+    shebang-command "^1.2.0"
+    which "^1.2.9"
+
+cryptiles@2.x.x:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/cryptiles/-/cryptiles-2.0.5.tgz#3bdfecdc608147c1c67202fa291e7dca59eaa3b8"
+  dependencies:
+    boom "2.x.x"
+
+crypto-browserify@^3.11.0:
+  version "3.11.0"
+  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.11.0.tgz#3652a0906ab9b2a7e0c3ce66a408e957a2485522"
+  dependencies:
+    browserify-cipher "^1.0.0"
+    browserify-sign "^4.0.0"
+    create-ecdh "^4.0.0"
+    create-hash "^1.1.0"
+    create-hmac "^1.1.0"
+    diffie-hellman "^5.0.0"
+    inherits "^2.0.1"
+    pbkdf2 "^3.0.3"
+    public-encrypt "^4.0.0"
+    randombytes "^2.0.0"
+
+crypto-random-string@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
+
+css-color-names@0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
+
+css-loader@^0.26.1:
+  version "0.26.4"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-0.26.4.tgz#b61e9e30db94303e6ffc892f10ecd09ad025a1fd"
+  dependencies:
+    babel-code-frame "^6.11.0"
+    css-selector-tokenizer "^0.7.0"
+    cssnano ">=2.6.1 <4"
+    loader-utils "^1.0.2"
+    lodash.camelcase "^4.3.0"
+    object-assign "^4.0.1"
+    postcss "^5.0.6"
+    postcss-modules-extract-imports "^1.0.0"
+    postcss-modules-local-by-default "^1.0.1"
+    postcss-modules-scope "^1.0.0"
+    postcss-modules-values "^1.1.0"
+    source-list-map "^0.1.7"
+
+css-parse@1.7.x:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/css-parse/-/css-parse-1.7.0.tgz#321f6cf73782a6ff751111390fc05e2c657d8c9b"
+
+css-select@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858"
+  dependencies:
+    boolbase "~1.0.0"
+    css-what "2.1"
+    domutils "1.5.1"
+    nth-check "~1.0.1"
+
+css-selector-tokenizer@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/css-selector-tokenizer/-/css-selector-tokenizer-0.7.0.tgz#e6988474ae8c953477bf5e7efecfceccd9cf4c86"
+  dependencies:
+    cssesc "^0.1.0"
+    fastparse "^1.1.1"
+    regexpu-core "^1.0.0"
+
+css-what@2.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.0.tgz#9467d032c38cfaefb9f2d79501253062f87fa1bd"
+
+cssauron@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/cssauron/-/cssauron-1.4.0.tgz#a6602dff7e04a8306dc0db9a551e92e8b5662ad8"
+  dependencies:
+    through X.X.X
+
+cssesc@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-0.1.0.tgz#c814903e45623371a0477b40109aaafbeeaddbb4"
+
+"cssnano@>=2.6.1 <4", cssnano@^3.10.0:
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-3.10.0.tgz#4f38f6cea2b9b17fa01490f23f1dc68ea65c1c38"
+  dependencies:
+    autoprefixer "^6.3.1"
+    decamelize "^1.1.2"
+    defined "^1.0.0"
+    has "^1.0.1"
+    object-assign "^4.0.1"
+    postcss "^5.0.14"
+    postcss-calc "^5.2.0"
+    postcss-colormin "^2.1.8"
+    postcss-convert-values "^2.3.4"
+    postcss-discard-comments "^2.0.4"
+    postcss-discard-duplicates "^2.0.1"
+    postcss-discard-empty "^2.0.1"
+    postcss-discard-overridden "^0.1.1"
+    postcss-discard-unused "^2.2.1"
+    postcss-filter-plugins "^2.0.0"
+    postcss-merge-idents "^2.1.5"
+    postcss-merge-longhand "^2.0.1"
+    postcss-merge-rules "^2.0.3"
+    postcss-minify-font-values "^1.0.2"
+    postcss-minify-gradients "^1.0.1"
+    postcss-minify-params "^1.0.4"
+    postcss-minify-selectors "^2.0.4"
+    postcss-normalize-charset "^1.1.0"
+    postcss-normalize-url "^3.0.7"
+    postcss-ordered-values "^2.1.0"
+    postcss-reduce-idents "^2.2.2"
+    postcss-reduce-initial "^1.0.0"
+    postcss-reduce-transforms "^1.0.3"
+    postcss-svgo "^2.1.1"
+    postcss-unique-selectors "^2.0.2"
+    postcss-value-parser "^3.2.3"
+    postcss-zindex "^2.0.1"
+
+csso@~2.3.1:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/csso/-/csso-2.3.2.tgz#ddd52c587033f49e94b71fc55569f252e8ff5f85"
+  dependencies:
+    clap "^1.0.9"
+    source-map "^0.5.3"
+
+currently-unhandled@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
+  dependencies:
+    array-find-index "^1.0.1"
+
+custom-event@~1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/custom-event/-/custom-event-1.0.1.tgz#5d02a46850adf1b4a317946a3928fccb5bfd0425"
+
+dashdash@^1.12.0:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
+  dependencies:
+    assert-plus "^1.0.0"
+
+date-fns@^1.27.2:
+  version "1.28.5"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-1.28.5.tgz#257cfc45d322df45ef5658665967ee841cd73faf"
+
+date-now@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b"
+
+debug@*, debug@2, debug@2.6.7, debug@^2.1.3, debug@^2.2.0, debug@^2.6.3:
+  version "2.6.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.7.tgz#92bad1f6d05bbb6bba22cca88bcd0ec894c2861e"
+  dependencies:
+    ms "2.0.0"
+
+debug@2.2.0, debug@~2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.2.0.tgz#f87057e995b1a1f6ae6a4960664137bc56f039da"
+  dependencies:
+    ms "0.7.1"
+
+debug@2.3.3:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.3.3.tgz#40c453e67e6e13c901ddec317af8986cda9eff8c"
+  dependencies:
+    ms "0.7.2"
+
+debug@2.6.8, debug@^2.6.8:
+  version "2.6.8"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.8.tgz#e731531ca2ede27d188222427da17821d68ff4fc"
+  dependencies:
+    ms "2.0.0"
+
+decamelize@^1.0.0, decamelize@^1.1.1, decamelize@^1.1.2:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
+
+deep-extend@~0.4.0:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.4.2.tgz#48b699c27e334bf89f10892be432f6e4c7d34a7f"
+
+default-require-extensions@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/default-require-extensions/-/default-require-extensions-1.0.0.tgz#f37ea15d3e13ffd9b437d33e1a75b5fb97874cb8"
+  dependencies:
+    strip-bom "^2.0.0"
+
+defined@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693"
+
+del@2.2.2, del@^2.2.0:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/del/-/del-2.2.2.tgz#c12c981d067846c84bcaf862cff930d907ffd1a8"
+  dependencies:
+    globby "^5.0.0"
+    is-path-cwd "^1.0.0"
+    is-path-in-cwd "^1.0.0"
+    object-assign "^4.0.1"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+    rimraf "^2.2.8"
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+
+delegates@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
+
+denodeify@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/denodeify/-/denodeify-1.2.1.tgz#3a36287f5034e699e7577901052c2e6c94251631"
+
+depd@1.1.0, depd@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.0.tgz#e1bd82c6aab6ced965b97b88b17ed3e528ca18c3"
+
+des.js@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.0.tgz#c074d2e2aa6a8a9a07dbd61f9a15c2cd83ec8ecc"
+  dependencies:
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+
+destroy@~1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
+
+detect-indent@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-4.0.0.tgz#f76d064352cdf43a1cb6ce619c4ee3a9475de208"
+  dependencies:
+    repeating "^2.0.0"
+
+detect-indent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-5.0.0.tgz#3871cc0a6a002e8c3e5b3cf7f336264675f06b9d"
+
+detect-node@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.3.tgz#a2033c09cc8e158d37748fbde7507832bd6ce127"
+
+di@^0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/di/-/di-0.0.1.tgz#806649326ceaa7caa3306d75d985ea2748ba913c"
+
+diff@^3.0.1, diff@^3.1.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-3.2.0.tgz#c9ce393a4b7cbd0b058a725c93df299027868ff9"
+
+diffie-hellman@^5.0.0:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.2.tgz#b5835739270cfe26acf632099fded2a07f209e5e"
+  dependencies:
+    bn.js "^4.1.0"
+    miller-rabin "^4.0.0"
+    randombytes "^2.0.0"
+
+directory-encoder@^0.7.2:
+  version "0.7.2"
+  resolved "https://registry.yarnpkg.com/directory-encoder/-/directory-encoder-0.7.2.tgz#59b4e2aa4f25422f6c63b527b462f5e2d0dd2c58"
+  dependencies:
+    fs-extra "^0.23.1"
+    handlebars "^1.3.0"
+    img-stats "^0.5.2"
+
+dom-converter@~0.1:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.1.4.tgz#a45ef5727b890c9bffe6d7c876e7b19cb0e17f3b"
+  dependencies:
+    utila "~0.3"
+
+dom-serialize@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/dom-serialize/-/dom-serialize-2.2.1.tgz#562ae8999f44be5ea3076f5419dcd59eb43ac95b"
+  dependencies:
+    custom-event "~1.0.0"
+    ent "~2.2.0"
+    extend "^3.0.0"
+    void-elements "^2.0.0"
+
+dom-serializer@0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.1.0.tgz#073c697546ce0780ce23be4a28e293e40bc30c82"
+  dependencies:
+    domelementtype "~1.1.1"
+    entities "~1.1.1"
+
+domain-browser@^1.1.1:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.1.7.tgz#867aa4b093faa05f1de08c06f4d7b21fdf8698bc"
+
+domelementtype@1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.0.tgz#b17aed82e8ab59e52dd9c19b1756e0fc187204c2"
+
+domelementtype@~1.1.1:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.1.3.tgz#bd28773e2642881aec51544924299c5cd822185b"
+
+domhandler@2.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-2.1.0.tgz#d2646f5e57f6c3bab11cf6cb05d3c0acf7412594"
+  dependencies:
+    domelementtype "1"
+
+domutils@1.1:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.1.6.tgz#bddc3de099b9a2efacc51c623f28f416ecc57485"
+  dependencies:
+    domelementtype "1"
+
+domutils@1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.5.1.tgz#dcd8488a26f563d61079e48c9f7b7e32373682cf"
+  dependencies:
+    dom-serializer "0"
+    domelementtype "1"
+
+dot-prop@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.1.1.tgz#a8493f0b7b5eeec82525b5c7587fa7de7ca859c1"
+  dependencies:
+    is-obj "^1.0.0"
+
+duplexer3@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
+
+easy-pie-chart@^2.1.7:
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/easy-pie-chart/-/easy-pie-chart-2.1.7.tgz#35e49fb7daf9a94e52b8294f51626919bcaee7cc"
+
+ecc-jsbn@~0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz#0fc73a9ed5f0d53c38193398523ef7e543777505"
+  dependencies:
+    jsbn "~0.1.0"
+
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
+
+electron-to-chromium@^1.2.7:
+  version "1.3.14"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.14.tgz#64af0f9efd3c3c6acd57d71f83b49ca7ee9c4b43"
+
+elegant-spinner@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/elegant-spinner/-/elegant-spinner-1.0.1.tgz#db043521c95d7e303fd8f345bedc3349cfb0729e"
+
+elliptic@^6.0.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.4.0.tgz#cac9af8762c85836187003c8dfe193e5e2eae5df"
+  dependencies:
+    bn.js "^4.4.0"
+    brorand "^1.0.1"
+    hash.js "^1.0.0"
+    hmac-drbg "^1.0.0"
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+    minimalistic-crypto-utils "^1.0.0"
+
+ember-cli-normalize-entity-name@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/ember-cli-normalize-entity-name/-/ember-cli-normalize-entity-name-1.0.0.tgz#0b14f7bcbc599aa117b5fddc81e4fd03c4bad5b7"
+  dependencies:
+    silent-error "^1.0.0"
+
+ember-cli-string-utils@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/ember-cli-string-utils/-/ember-cli-string-utils-1.1.0.tgz#39b677fc2805f55173735376fcef278eaa4452a1"
+
+emojis-list@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
+
+encodeurl@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.1.tgz#79e3d58655346909fe6f0f45a5de68103b294d20"
+
+engine.io-client@1.8.2:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-1.8.2.tgz#c38767547f2a7d184f5752f6f0ad501006703766"
+  dependencies:
+    component-emitter "1.2.1"
+    component-inherit "0.0.3"
+    debug "2.3.3"
+    engine.io-parser "1.3.2"
+    has-cors "1.1.0"
+    indexof "0.0.1"
+    parsejson "0.0.3"
+    parseqs "0.0.5"
+    parseuri "0.0.5"
+    ws "1.1.1"
+    xmlhttprequest-ssl "1.5.3"
+    yeast "0.1.2"
+
+engine.io-parser@1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/engine.io-parser/-/engine.io-parser-1.3.2.tgz#937b079f0007d0893ec56d46cb220b8cb435220a"
+  dependencies:
+    after "0.8.2"
+    arraybuffer.slice "0.0.6"
+    base64-arraybuffer "0.1.5"
+    blob "0.0.4"
+    has-binary "0.1.7"
+    wtf-8 "1.0.0"
+
+engine.io@1.8.2:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/engine.io/-/engine.io-1.8.2.tgz#6b59be730b348c0125b0a4589de1c355abcf7a7e"
+  dependencies:
+    accepts "1.3.3"
+    base64id "1.0.0"
+    cookie "0.3.1"
+    debug "2.3.3"
+    engine.io-parser "1.3.2"
+    ws "1.1.1"
+
+enhanced-resolve@^3.0.0, enhanced-resolve@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.1.0.tgz#9f4b626f577245edcf4b2ad83d86e17f4f421dec"
+  dependencies:
+    graceful-fs "^4.1.2"
+    memory-fs "^0.4.0"
+    object-assign "^4.0.1"
+    tapable "^0.2.5"
+
+ensure-posix-path@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/ensure-posix-path/-/ensure-posix-path-1.0.2.tgz#a65b3e42d0b71cfc585eb774f9943c8d9b91b0c2"
+
+ent@~2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/ent/-/ent-2.2.0.tgz#e964219325a21d05f44466a2f686ed6ce5f5dd1d"
+
+entities@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.1.tgz#6e5c2d0a5621b5dadaecef80b90edfb5cd7772f0"
+
+errno@^0.1.1, errno@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.4.tgz#b896e23a9e5e8ba33871fc996abd3635fc9a1c7d"
+  dependencies:
+    prr "~0.0.0"
+
+error-ex@^1.2.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.1.tgz#f855a86ce61adc4e8621c3cda21e7a7612c3a8dc"
+  dependencies:
+    is-arrayish "^0.2.1"
+
+escape-html@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
+
+escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+
+esprima@^2.6.0:
+  version "2.7.3"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581"
+
+esprima@^3.1.1:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.1.3.tgz#fdca51cee6133895e3c88d535ce49dbff62a4633"
+
+esutils@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
+
+etag@~1.8.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.0.tgz#6f631aef336d6c46362b51764044ce216be3c051"
+
+eventemitter3@1.x.x:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-1.2.0.tgz#1c86991d816ad1e504750e73874224ecf3bec508"
+
+events@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/events/-/events-1.1.1.tgz#9ebdb7635ad099c70dcc4c2a1f5004288e8bd924"
+
+eventsource@~0.1.6:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/eventsource/-/eventsource-0.1.6.tgz#0acede849ed7dd1ccc32c811bb11b944d4f29232"
+  dependencies:
+    original ">=0.0.5"
+
+evp_bytestokey@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.0.tgz#497b66ad9fef65cd7c08a6180824ba1476b66e53"
+  dependencies:
+    create-hash "^1.1.1"
+
+execa@0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-0.6.3.tgz#57b69a594f081759c69e5370f0d17b9cb11658fe"
+  dependencies:
+    cross-spawn "^5.0.1"
+    get-stream "^3.0.0"
+    is-stream "^1.1.0"
+    npm-run-path "^2.0.0"
+    p-finally "^1.0.0"
+    signal-exit "^3.0.0"
+    strip-eof "^1.0.0"
+
+execa@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-0.4.0.tgz#4eb6467a36a095fabb2970ff9d5e3fb7bce6ebc3"
+  dependencies:
+    cross-spawn-async "^2.1.1"
+    is-stream "^1.1.0"
+    npm-run-path "^1.0.0"
+    object-assign "^4.0.1"
+    path-key "^1.0.0"
+    strip-eof "^1.0.0"
+
+exit-hook@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/exit-hook/-/exit-hook-1.1.1.tgz#f05ca233b48c05d54fff07765df8507e95c02ff8"
+
+exit@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
+
+expand-braces@^0.1.1:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/expand-braces/-/expand-braces-0.1.2.tgz#488b1d1d2451cb3d3a6b192cfc030f44c5855fea"
+  dependencies:
+    array-slice "^0.2.3"
+    array-unique "^0.2.1"
+    braces "^0.1.2"
+
+expand-brackets@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
+  dependencies:
+    is-posix-bracket "^0.1.0"
+
+expand-range@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/expand-range/-/expand-range-0.1.1.tgz#4cb8eda0993ca56fa4f41fc42f3cbb4ccadff044"
+  dependencies:
+    is-number "^0.1.1"
+    repeat-string "^0.2.2"
+
+expand-range@^1.8.1:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/expand-range/-/expand-range-1.8.2.tgz#a299effd335fe2721ebae8e257ec79644fc85337"
+  dependencies:
+    fill-range "^2.1.0"
+
+exports-loader@^0.6.3:
+  version "0.6.4"
+  resolved "https://registry.yarnpkg.com/exports-loader/-/exports-loader-0.6.4.tgz#d70fc6121975b35fc12830cf52754be2740fc886"
+  dependencies:
+    loader-utils "^1.0.2"
+    source-map "0.5.x"
+
+express@^4.13.3:
+  version "4.15.3"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.15.3.tgz#bab65d0f03aa80c358408972fc700f916944b662"
+  dependencies:
+    accepts "~1.3.3"
+    array-flatten "1.1.1"
+    content-disposition "0.5.2"
+    content-type "~1.0.2"
+    cookie "0.3.1"
+    cookie-signature "1.0.6"
+    debug "2.6.7"
+    depd "~1.1.0"
+    encodeurl "~1.0.1"
+    escape-html "~1.0.3"
+    etag "~1.8.0"
+    finalhandler "~1.0.3"
+    fresh "0.5.0"
+    merge-descriptors "1.0.1"
+    methods "~1.1.2"
+    on-finished "~2.3.0"
+    parseurl "~1.3.1"
+    path-to-regexp "0.1.7"
+    proxy-addr "~1.1.4"
+    qs "6.4.0"
+    range-parser "~1.2.0"
+    send "0.15.3"
+    serve-static "1.12.3"
+    setprototypeof "1.0.3"
+    statuses "~1.3.1"
+    type-is "~1.6.15"
+    utils-merge "1.0.0"
+    vary "~1.1.1"
+
+extend@3, extend@^3.0.0, extend@~3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.1.tgz#a755ea7bc1adfcc5a31ce7e762dbaadc5e636444"
+
+external-editor@^2.0.1:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.0.4.tgz#1ed9199da9cbfe2ef2f7a31b2fde8b0d12368972"
+  dependencies:
+    iconv-lite "^0.4.17"
+    jschardet "^1.4.2"
+    tmp "^0.0.31"
+
+extglob@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/extglob/-/extglob-0.3.2.tgz#2e18ff3d2f49ab2765cec9023f011daa8d8349a1"
+  dependencies:
+    is-extglob "^1.0.0"
+
+extract-text-webpack-plugin@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/extract-text-webpack-plugin/-/extract-text-webpack-plugin-2.0.0.tgz#8640f72609800a3528f13a2a9634d566a5c1ae60"
+  dependencies:
+    ajv "^4.11.2"
+    async "^2.1.2"
+    loader-utils "^1.0.2"
+    webpack-sources "^0.1.0"
+
+extsprintf@1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.0.2.tgz#e1080e0658e300b06294990cc70e1502235fd550"
+
+fastparse@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.1.tgz#d1e2643b38a94d7583b479060e6c4affc94071f8"
+
+faye-websocket@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.10.0.tgz#4e492f8d04dfb6f89003507f6edbf2d501e7c6f4"
+  dependencies:
+    websocket-driver ">=0.5.1"
+
+faye-websocket@~0.11.0:
+  version "0.11.1"
+  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.1.tgz#f0efe18c4f56e4f40afc7e06c719fd5ee6188f38"
+  dependencies:
+    websocket-driver ">=0.5.1"
+
+figures@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/figures/-/figures-1.7.0.tgz#cbe1e3affcf1cd44b80cadfed28dc793a9701d2e"
+  dependencies:
+    escape-string-regexp "^1.0.5"
+    object-assign "^4.1.0"
+
+figures@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962"
+  dependencies:
+    escape-string-regexp "^1.0.5"
+
+file-loader@^0.10.0:
+  version "0.10.1"
+  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-0.10.1.tgz#815034119891fc6441fb5a64c11bc93c22ddd842"
+  dependencies:
+    loader-utils "^1.0.2"
+
+filename-regex@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26"
+
+fileset@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/fileset/-/fileset-2.0.3.tgz#8e7548a96d3cc2327ee5e674168723a333bba2a0"
+  dependencies:
+    glob "^7.0.3"
+    minimatch "^3.0.3"
+
+fill-range@^2.1.0:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-2.2.3.tgz#50b77dfd7e469bc7492470963699fe7a8485a723"
+  dependencies:
+    is-number "^2.1.0"
+    isobject "^2.0.0"
+    randomatic "^1.1.3"
+    repeat-element "^1.1.2"
+    repeat-string "^1.5.2"
+
+finalhandler@1.0.3, finalhandler@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.0.3.tgz#ef47e77950e999780e86022a560e3217e0d0cc89"
+  dependencies:
+    debug "2.6.7"
+    encodeurl "~1.0.1"
+    escape-html "~1.0.3"
+    on-finished "~2.3.0"
+    parseurl "~1.3.1"
+    statuses "~1.3.1"
+    unpipe "~1.0.0"
+
+find-up@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
+  dependencies:
+    path-exists "^2.0.0"
+    pinkie-promise "^2.0.0"
+
+findup-sync@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/findup-sync/-/findup-sync-0.3.0.tgz#37930aa5d816b777c03445e1966cc6790a4c0b16"
+  dependencies:
+    glob "~5.0.0"
+
+flatten@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782"
+
+font-awesome@^4.7.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/font-awesome/-/font-awesome-4.7.0.tgz#8fa8cf0411a1a31afd07b06d2902bb9fc815a133"
+
+for-in@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
+
+for-own@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/for-own/-/for-own-0.1.5.tgz#5265c681a4f294dabbf17c9509b6763aa84510ce"
+  dependencies:
+    for-in "^1.0.1"
+
+forever-agent@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
+
+form-data@~2.1.1:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.1.4.tgz#33c183acf193276ecaa98143a69e94bfee1750d1"
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.5"
+    mime-types "^2.1.12"
+
+forwarded@~0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.0.tgz#19ef9874c4ae1c297bcf078fde63a09b66a84363"
+
+fresh@0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.0.tgz#f474ca5e6a9246d6fd8e0953cfa9b9c805afa78e"
+
+fs-access@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/fs-access/-/fs-access-1.0.1.tgz#d6a87f262271cefebec30c553407fb995da8777a"
+  dependencies:
+    null-check "^1.0.0"
+
+fs-extra@^0.23.1:
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-0.23.1.tgz#6611dba6adf2ab8dc9c69fab37cddf8818157e3d"
+  dependencies:
+    graceful-fs "^4.1.2"
+    jsonfile "^2.1.0"
+    path-is-absolute "^1.0.0"
+    rimraf "^2.2.8"
+
+fs-extra@^2.0.0:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-2.1.2.tgz#046c70163cef9aad46b0e4a7fa467fb22d71de35"
+  dependencies:
+    graceful-fs "^4.1.2"
+    jsonfile "^2.1.0"
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+
+fsevents@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.1.2.tgz#3282b713fb3ad80ede0e9fcf4611b5aa6fc033f4"
+  dependencies:
+    nan "^2.3.0"
+    node-pre-gyp "^0.6.36"
+
+fstream-ignore@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/fstream-ignore/-/fstream-ignore-1.0.5.tgz#9c31dae34767018fe1d249b24dada67d092da105"
+  dependencies:
+    fstream "^1.0.0"
+    inherits "2"
+    minimatch "^3.0.0"
+
+fstream@^1.0.0, fstream@^1.0.10, fstream@^1.0.2:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/fstream/-/fstream-1.0.11.tgz#5c1fb1f117477114f0632a0eb4b71b3cb0fd3171"
+  dependencies:
+    graceful-fs "^4.1.2"
+    inherits "~2.0.0"
+    mkdirp ">=0.5 0"
+    rimraf "2"
+
+function-bind@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.0.tgz#16176714c801798e4e8f2cf7f7529467bb4a5771"
+
+gauge@~2.7.3:
+  version "2.7.4"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
+  dependencies:
+    aproba "^1.0.3"
+    console-control-strings "^1.0.0"
+    has-unicode "^2.0.0"
+    object-assign "^4.1.0"
+    signal-exit "^3.0.0"
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+    wide-align "^1.1.0"
+
+gaze@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/gaze/-/gaze-1.1.2.tgz#847224677adb8870d679257ed3388fdb61e40105"
+  dependencies:
+    globule "^1.0.0"
+
+get-caller-file@^1.0.0, get-caller-file@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.2.tgz#f702e63127e7e231c160a80c1554acb70d5047e5"
+
+get-stdin@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
+
+get-stream@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
+
+getpass@^0.1.1:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
+  dependencies:
+    assert-plus "^1.0.0"
+
+glob-base@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/glob-base/-/glob-base-0.3.0.tgz#dbb164f6221b1c0b1ccf82aea328b497df0ea3c4"
+  dependencies:
+    glob-parent "^2.0.0"
+    is-glob "^2.0.0"
+
+glob-parent@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-2.0.0.tgz#81383d72db054fcccf5336daa902f182f6edbb28"
+  dependencies:
+    is-glob "^2.0.0"
+
+glob@7.0.x:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.6.tgz#211bafaf49e525b8cd93260d14ab136152b3f57a"
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.2"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.0.6, glob@^7.1.1, glob@~7.1.1:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.2.tgz#c19c9df9a028702d678612384a6552404c636d15"
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@~5.0.0:
+  version "5.0.15"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-5.0.15.tgz#1bc936b9e02f4a603fcc222ecf7633d30b8b93b1"
+  dependencies:
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "2 || 3"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+globals@^9.0.0:
+  version "9.18.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
+
+globby@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-5.0.0.tgz#ebd84667ca0dbb330b99bcfc68eac2bc54370e0d"
+  dependencies:
+    array-union "^1.0.1"
+    arrify "^1.0.0"
+    glob "^7.0.3"
+    object-assign "^4.0.1"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+
+globby@^6.0.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
+  dependencies:
+    array-union "^1.0.1"
+    glob "^7.0.3"
+    object-assign "^4.0.1"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+
+globule@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/globule/-/globule-1.2.0.tgz#1dc49c6822dd9e8a2fa00ba2a295006e8664bd09"
+  dependencies:
+    glob "~7.1.1"
+    lodash "~4.17.4"
+    minimatch "~3.0.2"
+
+got@^6.7.1:
+  version "6.7.1"
+  resolved "https://registry.yarnpkg.com/got/-/got-6.7.1.tgz#240cd05785a9a18e561dc1b44b41c763ef1e8db0"
+  dependencies:
+    create-error-class "^3.0.0"
+    duplexer3 "^0.1.4"
+    get-stream "^3.0.0"
+    is-redirect "^1.0.0"
+    is-retry-allowed "^1.0.0"
+    is-stream "^1.0.0"
+    lowercase-keys "^1.0.0"
+    safe-buffer "^5.0.1"
+    timed-out "^4.0.0"
+    unzip-response "^2.0.1"
+    url-parse-lax "^1.0.0"
+
+graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6:
+  version "4.1.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
+
+"graceful-readlink@>= 1.0.0":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725"
+
+hammerjs@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/hammerjs/-/hammerjs-2.0.8.tgz#04ef77862cff2bb79d30f7692095930222bf60f1"
+
+handle-thing@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-1.2.5.tgz#fd7aad726bf1a5fd16dfc29b2f7a6601d27139c4"
+
+handlebars@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-1.3.0.tgz#9e9b130a93e389491322d975cf3ec1818c37ce34"
+  dependencies:
+    optimist "~0.3"
+  optionalDependencies:
+    uglify-js "~2.3"
+
+handlebars@^4.0.3:
+  version "4.0.10"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.10.tgz#3d30c718b09a3d96f23ea4cc1f403c4d3ba9ff4f"
+  dependencies:
+    async "^1.4.0"
+    optimist "^0.6.1"
+    source-map "^0.4.4"
+  optionalDependencies:
+    uglify-js "^2.6"
+
+har-schema@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-1.0.5.tgz#d263135f43307c02c602afc8fe95970c0151369e"
+
+har-validator@~4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-4.2.1.tgz#33481d0f1bbff600dd203d75812a6a5fba002e2a"
+  dependencies:
+    ajv "^4.9.1"
+    har-schema "^1.0.5"
+
+has-ansi@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
+  dependencies:
+    ansi-regex "^2.0.0"
+
+has-binary@0.1.7:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/has-binary/-/has-binary-0.1.7.tgz#68e61eb16210c9545a0a5cce06a873912fe1e68c"
+  dependencies:
+    isarray "0.0.1"
+
+has-cors@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-cors/-/has-cors-1.1.0.tgz#5e474793f7ea9843d1bb99c23eef49ff126fff39"
+
+has-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
+
+has-flag@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-2.0.0.tgz#e8207af1cc7b30d446cc70b734b5e8be18f88d51"
+
+has-unicode@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
+
+has@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.1.tgz#8461733f538b0837c9361e39a9ab9e9704dc2f28"
+  dependencies:
+    function-bind "^1.0.2"
+
+hash-base@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-2.0.2.tgz#66ea1d856db4e8a5470cadf6fce23ae5244ef2e1"
+  dependencies:
+    inherits "^2.0.1"
+
+hash.js@^1.0.0, hash.js@^1.0.3:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.1.tgz#5cb2e796499224e69fd0b00ed01d2d4a16e7a323"
+  dependencies:
+    inherits "^2.0.3"
+    minimalistic-assert "^1.0.0"
+
+hawk@~3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/hawk/-/hawk-3.1.3.tgz#078444bd7c1640b0fe540d2c9b73d59678e8e1c4"
+  dependencies:
+    boom "2.x.x"
+    cryptiles "2.x.x"
+    hoek "2.x.x"
+    sntp "1.x.x"
+
+he@1.1.x:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/he/-/he-1.1.1.tgz#93410fd21b009735151f8868c2f271f3427e23fd"
+
+hmac-drbg@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
+  dependencies:
+    hash.js "^1.0.3"
+    minimalistic-assert "^1.0.0"
+    minimalistic-crypto-utils "^1.0.1"
+
+hoek@2.x.x:
+  version "2.16.3"
+  resolved "https://registry.yarnpkg.com/hoek/-/hoek-2.16.3.tgz#20bb7403d3cea398e91dc4710a8ff1b8274a25ed"
+
+hosted-git-info@^2.1.4:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.4.2.tgz#0076b9f46a270506ddbaaea56496897460612a67"
+
+hpack.js@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
+  dependencies:
+    inherits "^2.0.1"
+    obuf "^1.0.0"
+    readable-stream "^2.0.1"
+    wbuf "^1.1.0"
+
+html-comment-regex@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/html-comment-regex/-/html-comment-regex-1.1.1.tgz#668b93776eaae55ebde8f3ad464b307a4963625e"
+
+html-entities@^1.2.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.2.1.tgz#0df29351f0721163515dfb9e5543e5f6eed5162f"
+
+html-minifier@^3.2.3:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/html-minifier/-/html-minifier-3.5.2.tgz#d73bc3ff448942408818ce609bf3fb0ea7ef4eb7"
+  dependencies:
+    camel-case "3.0.x"
+    clean-css "4.1.x"
+    commander "2.9.x"
+    he "1.1.x"
+    ncname "1.0.x"
+    param-case "2.1.x"
+    relateurl "0.2.x"
+    uglify-js "3.0.x"
+
+html-webpack-plugin@^2.19.0:
+  version "2.29.0"
+  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-2.29.0.tgz#e987f421853d3b6938c8c4c8171842e5fd17af23"
+  dependencies:
+    bluebird "^3.4.7"
+    html-minifier "^3.2.3"
+    loader-utils "^0.2.16"
+    lodash "^4.17.3"
+    pretty-error "^2.0.2"
+    toposort "^1.0.0"
+
+htmlparser2@~3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.3.0.tgz#cc70d05a59f6542e43f0e685c982e14c924a9efe"
+  dependencies:
+    domelementtype "1"
+    domhandler "2.1"
+    domutils "1.1"
+    readable-stream "1.0"
+
+http-deceiver@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
+
+http-errors@~1.6.1:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.1.tgz#5f8b8ed98aca545656bf572997387f904a722257"
+  dependencies:
+    depd "1.1.0"
+    inherits "2.0.3"
+    setprototypeof "1.0.3"
+    statuses ">= 1.3.1 < 2"
+
+http-proxy-middleware@~0.17.1:
+  version "0.17.4"
+  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-0.17.4.tgz#642e8848851d66f09d4f124912846dbaeb41b833"
+  dependencies:
+    http-proxy "^1.16.2"
+    is-glob "^3.1.0"
+    lodash "^4.17.2"
+    micromatch "^2.3.11"
+
+http-proxy@^1.13.0, http-proxy@^1.16.2:
+  version "1.16.2"
+  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.16.2.tgz#06dff292952bf64dbe8471fa9df73066d4f37742"
+  dependencies:
+    eventemitter3 "1.x.x"
+    requires-port "1.x.x"
+
+http-signature@~1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.1.1.tgz#df72e267066cd0ac67fb76adf8e134a8fbcf91bf"
+  dependencies:
+    assert-plus "^0.2.0"
+    jsprim "^1.2.2"
+    sshpk "^1.7.0"
+
+https-browserify@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-0.0.1.tgz#3f91365cabe60b77ed0ebba24b454e3e09d95a82"
+
+https-proxy-agent@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-1.0.0.tgz#35f7da6c48ce4ddbfa264891ac593ee5ff8671e6"
+  dependencies:
+    agent-base "2"
+    debug "2"
+    extend "3"
+
+iconv-lite@0.4.15:
+  version "0.4.15"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.15.tgz#fe265a218ac6a57cfe854927e9d04c19825eddeb"
+
+iconv-lite@^0.4.17:
+  version "0.4.18"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.18.tgz#23d8656b16aae6742ac29732ea8f0336a4789cf2"
+
+icss-replace-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz#06ea6f83679a7749e386cfe1fe812ae5db223ded"
+
+ieee754@^1.1.4:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.8.tgz#be33d40ac10ef1926701f6f08a2d86fbfd1ad3e4"
+
+image-size@~0.5.0:
+  version "0.5.5"
+  resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.5.5.tgz#09dfd4ab9d20e29eb1c3e80b8990378df9e3cb9c"
+
+img-stats@^0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/img-stats/-/img-stats-0.5.2.tgz#c203496c42f2d9eb2e5ab8232fa756bab32c9e2b"
+  dependencies:
+    xmldom "^0.1.19"
+
+import-lazy@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-2.1.0.tgz#05698e3d45c88e8d7e9d92cb0584e77f096f3e43"
+
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+
+in-publish@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/in-publish/-/in-publish-2.0.0.tgz#e20ff5e3a2afc2690320b6dc552682a9c7fadf51"
+
+indent-string@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-2.1.0.tgz#8e2d48348742121b4a8218b7a137e9a52049dc80"
+  dependencies:
+    repeating "^2.0.0"
+
+indent-string@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-3.1.0.tgz#08ff4334603388399b329e6b9538dc7a3cf5de7d"
+
+indexes-of@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
+
+indexof@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/indexof/-/indexof-0.0.1.tgz#82dc336d232b9062179d05ab3293a66059fd435d"
+
+inflection@^1.7.0:
+  version "1.12.0"
+  resolved "https://registry.yarnpkg.com/inflection/-/inflection-1.12.0.tgz#a200935656d6f5f6bc4dc7502e1aecb703228416"
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2, inherits@2.0.3, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+
+inherits@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
+
+ini@^1.3.4, ini@~1.3.0:
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.4.tgz#0537cb79daf59b59a1a517dff706c86ec039162e"
+
+inquirer@3.0.6, inquirer@^3.0.0:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.0.6.tgz#e04aaa9d05b7a3cb9b0f407d04375f0447190347"
+  dependencies:
+    ansi-escapes "^1.1.0"
+    chalk "^1.0.0"
+    cli-cursor "^2.1.0"
+    cli-width "^2.0.0"
+    external-editor "^2.0.1"
+    figures "^2.0.0"
+    lodash "^4.3.0"
+    mute-stream "0.0.7"
+    run-async "^2.2.0"
+    rx "^4.1.0"
+    string-width "^2.0.0"
+    strip-ansi "^3.0.0"
+    through "^2.3.6"
+
+interpret@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.0.3.tgz#cbc35c62eeee73f19ab7b10a801511401afc0f90"
+
+invariant@^2.2.0:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.2.tgz#9e1f56ac0acdb6bf303306f338be3b204ae60360"
+  dependencies:
+    loose-envify "^1.0.0"
+
+invert-kv@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6"
+
+ipaddr.js@1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.3.0.tgz#1e03a52fdad83a8bbb2b25cbf4998b4cffcd3dec"
+
+is-absolute-url@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-2.1.0.tgz#50530dfb84fcc9aa7dbe7852e83a37b93b9f2aa6"
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+
+is-binary-path@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
+  dependencies:
+    binary-extensions "^1.0.0"
+
+is-buffer@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.5.tgz#1f3b26ef613b214b88cbca23cc6c01d87961eecc"
+
+is-builtin-module@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-1.0.0.tgz#540572d34f7ac3119f8f76c30cbc1b1e037affbe"
+  dependencies:
+    builtin-modules "^1.0.0"
+
+is-dotfile@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-dotfile/-/is-dotfile-1.0.3.tgz#a6a2f32ffd2dfb04f5ca25ecd0f6b83cf798a1e1"
+
+is-equal-shallow@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz#2238098fc221de0bcfa5d9eac4c45d638aa1c534"
+  dependencies:
+    is-primitive "^2.0.0"
+
+is-extendable@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
+
+is-extglob@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-1.0.0.tgz#ac468177c4943405a092fc8f29760c6ffc6206c0"
+
+is-extglob@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+
+is-finite@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-finite/-/is-finite-1.0.2.tgz#cc6677695602be550ef11e8b4aa6305342b6d0aa"
+  dependencies:
+    number-is-nan "^1.0.0"
+
+is-fullwidth-code-point@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
+  dependencies:
+    number-is-nan "^1.0.0"
+
+is-fullwidth-code-point@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
+
+is-glob@^2.0.0, is-glob@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-2.0.1.tgz#d096f926a3ded5600f3fdfd91198cb0888c2d863"
+  dependencies:
+    is-extglob "^1.0.0"
+
+is-glob@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a"
+  dependencies:
+    is-extglob "^2.1.0"
+
+is-npm@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-1.0.0.tgz#f2fb63a65e4905b406c86072765a1a4dc793b9f4"
+
+is-number@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-0.1.1.tgz#69a7af116963d47206ec9bd9b48a14216f1e3806"
+
+is-number@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f"
+  dependencies:
+    kind-of "^3.0.2"
+
+is-number@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
+  dependencies:
+    kind-of "^3.0.2"
+
+is-obj@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
+
+is-path-cwd@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-1.0.0.tgz#d225ec23132e89edd38fda767472e62e65f1106d"
+
+is-path-in-cwd@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-path-in-cwd/-/is-path-in-cwd-1.0.0.tgz#6477582b8214d602346094567003be8a9eac04dc"
+  dependencies:
+    is-path-inside "^1.0.0"
+
+is-path-inside@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-1.0.0.tgz#fc06e5a1683fbda13de667aff717bbc10a48f37f"
+  dependencies:
+    path-is-inside "^1.0.1"
+
+is-plain-obj@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
+
+is-posix-bracket@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz#3334dc79774368e92f016e6fbc0a88f5cd6e6bc4"
+
+is-primitive@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-primitive/-/is-primitive-2.0.0.tgz#207bab91638499c07b2adf240a41a87210034575"
+
+is-promise@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa"
+
+is-redirect@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-redirect/-/is-redirect-1.0.0.tgz#1d03dded53bd8db0f30c26e4f95d36fc7c87dc24"
+
+is-retry-allowed@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-retry-allowed/-/is-retry-allowed-1.1.0.tgz#11a060568b67339444033d0125a61a20d564fb34"
+
+is-stream@^1.0.0, is-stream@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
+
+is-svg@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-svg/-/is-svg-2.1.0.tgz#cf61090da0d9efbcab8722deba6f032208dbb0e9"
+  dependencies:
+    html-comment-regex "^1.1.0"
+
+is-typedarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
+
+is-utf8@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
+
+isarray@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
+
+isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+
+isbinaryfile@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/isbinaryfile/-/isbinaryfile-3.0.2.tgz#4a3e974ec0cba9004d3fc6cde7209ea69368a621"
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+
+isobject@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
+  dependencies:
+    isarray "1.0.0"
+
+isstream@~0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
+
+istanbul-api@^1.1.1:
+  version "1.1.10"
+  resolved "https://registry.yarnpkg.com/istanbul-api/-/istanbul-api-1.1.10.tgz#f27e5e7125c8de13f6a80661af78f512e5439b2b"
+  dependencies:
+    async "^2.1.4"
+    fileset "^2.0.2"
+    istanbul-lib-coverage "^1.1.1"
+    istanbul-lib-hook "^1.0.7"
+    istanbul-lib-instrument "^1.7.3"
+    istanbul-lib-report "^1.1.1"
+    istanbul-lib-source-maps "^1.2.1"
+    istanbul-reports "^1.1.1"
+    js-yaml "^3.7.0"
+    mkdirp "^0.5.1"
+    once "^1.4.0"
+
+istanbul-instrumenter-loader@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/istanbul-instrumenter-loader/-/istanbul-instrumenter-loader-2.0.0.tgz#e5492900ab0bba835efa8024cb00be9b3eea2700"
+  dependencies:
+    convert-source-map "^1.3.0"
+    istanbul-lib-instrument "^1.1.3"
+    loader-utils "^0.2.16"
+    object-assign "^4.1.0"
+
+istanbul-lib-coverage@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-1.1.1.tgz#73bfb998885299415c93d38a3e9adf784a77a9da"
+
+istanbul-lib-hook@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-hook/-/istanbul-lib-hook-1.0.7.tgz#dd6607f03076578fe7d6f2a630cf143b49bacddc"
+  dependencies:
+    append-transform "^0.4.0"
+
+istanbul-lib-instrument@^1.1.3, istanbul-lib-instrument@^1.7.3:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-1.7.3.tgz#925b239163eabdd68cc4048f52c2fa4f899ecfa7"
+  dependencies:
+    babel-generator "^6.18.0"
+    babel-template "^6.16.0"
+    babel-traverse "^6.18.0"
+    babel-types "^6.18.0"
+    babylon "^6.17.4"
+    istanbul-lib-coverage "^1.1.1"
+    semver "^5.3.0"
+
+istanbul-lib-report@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-1.1.1.tgz#f0e55f56655ffa34222080b7a0cd4760e1405fc9"
+  dependencies:
+    istanbul-lib-coverage "^1.1.1"
+    mkdirp "^0.5.1"
+    path-parse "^1.0.5"
+    supports-color "^3.1.2"
+
+istanbul-lib-source-maps@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-1.2.1.tgz#a6fe1acba8ce08eebc638e572e294d267008aa0c"
+  dependencies:
+    debug "^2.6.3"
+    istanbul-lib-coverage "^1.1.1"
+    mkdirp "^0.5.1"
+    rimraf "^2.6.1"
+    source-map "^0.5.3"
+
+istanbul-reports@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-1.1.1.tgz#042be5c89e175bc3f86523caab29c014e77fee4e"
+  dependencies:
+    handlebars "^4.0.3"
+
+jasmine-core@~2.5.2:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/jasmine-core/-/jasmine-core-2.5.2.tgz#6f61bd79061e27f43e6f9355e44b3c6cab6ff297"
+
+jasmine-core@~2.6.0:
+  version "2.6.4"
+  resolved "https://registry.yarnpkg.com/jasmine-core/-/jasmine-core-2.6.4.tgz#dec926cd0a9fa287fb6db5c755fa487e74cecac5"
+
+jasmine-spec-reporter@~3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/jasmine-spec-reporter/-/jasmine-spec-reporter-3.2.0.tgz#fdbe85a80ccdd3b276746bc77fde83c1ce773eff"
+  dependencies:
+    colors "1.1.2"
+
+jasmine@^2.5.3:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/jasmine/-/jasmine-2.6.0.tgz#6b22e70883e8e589d456346153b4d206ddbe217f"
+  dependencies:
+    exit "^0.1.2"
+    glob "^7.0.6"
+    jasmine-core "~2.6.0"
+
+jasminewd2@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/jasminewd2/-/jasminewd2-2.1.0.tgz#da595275d1ae631de736ac0a7c7d85c9f73ef652"
+
+jquery@>=1.9.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.2.1.tgz#5c4d9de652af6cd0a770154a631bba12b015c787"
+
+js-base64@^2.1.5, js-base64@^2.1.8, js-base64@^2.1.9:
+  version "2.1.9"
+  resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.1.9.tgz#f0e80ae039a4bd654b5f281fc93f04a914a7fcce"
+
+js-tokens@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.1.tgz#08e9f132484a2c45a30907e9dc4d5567b7f114d7"
+
+js-yaml@^3.7.0:
+  version "3.8.4"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.8.4.tgz#520b4564f86573ba96662af85a8cafa7b4b5a6f6"
+  dependencies:
+    argparse "^1.0.7"
+    esprima "^3.1.1"
+
+js-yaml@~3.7.0:
+  version "3.7.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.7.0.tgz#5c967ddd837a9bfdca5f2de84253abe8a1c03b80"
+  dependencies:
+    argparse "^1.0.7"
+    esprima "^2.6.0"
+
+jsbn@~0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
+
+jschardet@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/jschardet/-/jschardet-1.4.2.tgz#2aa107f142af4121d145659d44f50830961e699a"
+
+jsesc@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-1.3.0.tgz#46c3fec8c1892b12b0833db9bc7622176dbab34b"
+
+jsesc@~0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
+
+json-loader@^0.5.4:
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/json-loader/-/json-loader-0.5.4.tgz#8baa1365a632f58a3c46d20175fc6002c96e37de"
+
+json-schema@0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
+
+json-stable-stringify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz#9a759d39c5f2ff503fd5300646ed445f88c4f9af"
+  dependencies:
+    jsonify "~0.0.0"
+
+json-stringify-safe@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
+
+json3@3.3.2, json3@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/json3/-/json3-3.3.2.tgz#3c0434743df93e2f5c42aee7b19bcb483575f4e1"
+
+json5@^0.5.0:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
+
+jsonfile@^2.1.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-2.4.0.tgz#3736a2b428b87bbda0cc83b53fa3d633a35c2ae8"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+jsonify@~0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
+
+jsprim@^1.2.2:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.0.tgz#a3b87e40298d8c380552d8cc7628a0bb95a22918"
+  dependencies:
+    assert-plus "1.0.0"
+    extsprintf "1.0.2"
+    json-schema "0.2.3"
+    verror "1.3.6"
+
+karma-chrome-launcher@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/karma-chrome-launcher/-/karma-chrome-launcher-2.0.0.tgz#c2790c5a32b15577d0fff5a4d5a2703b3b439c25"
+  dependencies:
+    fs-access "^1.0.0"
+    which "^1.2.1"
+
+karma-cli@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/karma-cli/-/karma-cli-1.0.1.tgz#ae6c3c58a313a1d00b45164c455b9b86ce17f960"
+  dependencies:
+    resolve "^1.1.6"
+
+karma-coverage-istanbul-reporter@^0.2.0:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/karma-coverage-istanbul-reporter/-/karma-coverage-istanbul-reporter-0.2.3.tgz#11f1be9cfa93755a77bac39ab16e315a7100b5c5"
+  dependencies:
+    istanbul-api "^1.1.1"
+
+karma-jasmine-html-reporter@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-0.2.2.tgz#48a8e5ef18807617ee2b5e33c1194c35b439524c"
+  dependencies:
+    karma-jasmine "^1.0.2"
+
+karma-jasmine@^1.0.2, karma-jasmine@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/karma-jasmine/-/karma-jasmine-1.1.0.tgz#22e4c06bf9a182e5294d1f705e3733811b810acf"
+
+karma-sourcemap-loader@^0.3.7:
+  version "0.3.7"
+  resolved "https://registry.yarnpkg.com/karma-sourcemap-loader/-/karma-sourcemap-loader-0.3.7.tgz#91322c77f8f13d46fed062b042e1009d4c4505d8"
+  dependencies:
+    graceful-fs "^4.1.2"
+
+karma-webpack@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/karma-webpack/-/karma-webpack-2.0.3.tgz#39cebf5ca2580139b27f9ae69b78816b9c82fae6"
+  dependencies:
+    async "~0.9.0"
+    loader-utils "^0.2.5"
+    lodash "^3.8.0"
+    source-map "^0.1.41"
+    webpack-dev-middleware "^1.0.11"
+
+karma@~1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/karma/-/karma-1.4.1.tgz#41981a71d54237606b0a3ea8c58c90773f41650e"
+  dependencies:
+    bluebird "^3.3.0"
+    body-parser "^1.12.4"
+    chokidar "^1.4.1"
+    colors "^1.1.0"
+    combine-lists "^1.0.0"
+    connect "^3.3.5"
+    core-js "^2.2.0"
+    di "^0.0.1"
+    dom-serialize "^2.2.0"
+    expand-braces "^0.1.1"
+    glob "^7.1.1"
+    graceful-fs "^4.1.2"
+    http-proxy "^1.13.0"
+    isbinaryfile "^3.0.0"
+    lodash "^3.8.0"
+    log4js "^0.6.31"
+    mime "^1.3.4"
+    minimatch "^3.0.0"
+    optimist "^0.6.1"
+    qjobs "^1.1.4"
+    range-parser "^1.2.0"
+    rimraf "^2.3.3"
+    safe-buffer "^5.0.1"
+    socket.io "1.7.2"
+    source-map "^0.5.3"
+    tmp "0.0.28"
+    useragent "^2.1.10"
+
+kind-of@^3.0.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
+  dependencies:
+    is-buffer "^1.1.5"
+
+kind-of@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-4.0.0.tgz#20813df3d712928b207378691a45066fae72dd57"
+  dependencies:
+    is-buffer "^1.1.5"
+
+latest-version@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-3.1.0.tgz#a205383fea322b33b5ae3b18abee0dc2f356ee15"
+  dependencies:
+    package-json "^4.0.0"
+
+lazy-cache@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
+
+lazy-req@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/lazy-req/-/lazy-req-2.0.0.tgz#c9450a363ecdda2e6f0c70132ad4f37f8f06f2b4"
+
+lcid@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/lcid/-/lcid-1.0.0.tgz#308accafa0bc483a3867b4b6f2b9506251d1b835"
+  dependencies:
+    invert-kv "^1.0.0"
+
+less-loader@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/less-loader/-/less-loader-2.2.3.tgz#b6d8f8139c8493df09d992a93a00734b08f84528"
+  dependencies:
+    loader-utils "^0.2.5"
+
+less@^2.7.2:
+  version "2.7.2"
+  resolved "https://registry.yarnpkg.com/less/-/less-2.7.2.tgz#368d6cc73e1fb03981183280918743c5dcf9b3df"
+  optionalDependencies:
+    errno "^0.1.1"
+    graceful-fs "^4.1.2"
+    image-size "~0.5.0"
+    mime "^1.2.11"
+    mkdirp "^0.5.0"
+    promise "^7.1.1"
+    request "^2.72.0"
+    source-map "^0.5.3"
+
+listr-silent-renderer@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/listr-silent-renderer/-/listr-silent-renderer-1.1.1.tgz#924b5a3757153770bf1a8e3fbf74b8bbf3f9242e"
+
+listr-update-renderer@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/listr-update-renderer/-/listr-update-renderer-0.2.0.tgz#ca80e1779b4e70266807e8eed1ad6abe398550f9"
+  dependencies:
+    chalk "^1.1.3"
+    cli-truncate "^0.2.1"
+    elegant-spinner "^1.0.1"
+    figures "^1.7.0"
+    indent-string "^3.0.0"
+    log-symbols "^1.0.2"
+    log-update "^1.0.2"
+    strip-ansi "^3.0.1"
+
+listr-verbose-renderer@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/listr-verbose-renderer/-/listr-verbose-renderer-0.4.0.tgz#44dc01bb0c34a03c572154d4d08cde9b1dc5620f"
+  dependencies:
+    chalk "^1.1.3"
+    cli-cursor "^1.0.2"
+    date-fns "^1.27.2"
+    figures "^1.7.0"
+
+listr@0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/listr/-/listr-0.11.0.tgz#5e778bc23806ac3ab984ed75564458151f39b03e"
+  dependencies:
+    chalk "^1.1.3"
+    cli-truncate "^0.2.1"
+    figures "^1.7.0"
+    indent-string "^2.1.0"
+    is-promise "^2.1.0"
+    is-stream "^1.1.0"
+    listr-silent-renderer "^1.1.1"
+    listr-update-renderer "^0.2.0"
+    listr-verbose-renderer "^0.4.0"
+    log-symbols "^1.0.2"
+    log-update "^1.0.2"
+    ora "^0.2.3"
+    rxjs "^5.0.0-beta.11"
+    stream-to-observable "^0.1.0"
+    strip-ansi "^3.0.1"
+
+load-json-file@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0"
+  dependencies:
+    graceful-fs "^4.1.2"
+    parse-json "^2.2.0"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+    strip-bom "^2.0.0"
+
+load-json-file@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"
+  dependencies:
+    graceful-fs "^4.1.2"
+    parse-json "^2.2.0"
+    pify "^2.0.0"
+    strip-bom "^3.0.0"
+
+loader-runner@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.3.0.tgz#f482aea82d543e07921700d5a46ef26fdac6b8a2"
+
+loader-utils@^0.2.15, loader-utils@^0.2.16, loader-utils@^0.2.5, loader-utils@^0.2.9, loader-utils@~0.2.2:
+  version "0.2.17"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
+    object-assign "^4.0.1"
+
+loader-utils@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
+
+lodash.assign@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/lodash.assign/-/lodash.assign-4.2.0.tgz#0d99f3ccd7a6d261d19bdaeb9245005d285808e7"
+
+lodash.camelcase@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
+
+lodash.clonedeep@^4.3.2, lodash.clonedeep@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
+
+lodash.memoize@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
+
+lodash.mergewith@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/lodash.mergewith/-/lodash.mergewith-4.6.0.tgz#150cf0a16791f5903b8891eab154609274bdea55"
+
+lodash.uniq@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
+
+lodash@4.17.4, lodash@^4.0.0, lodash@^4.11.1, lodash@^4.14.0, lodash@^4.17.2, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.2.0, lodash@^4.3.0, lodash@^4.5.0, lodash@~4.17.4:
+  version "4.17.4"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"
+
+lodash@^3.8.0:
+  version "3.10.1"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-3.10.1.tgz#5bf45e8e49ba4189e17d482789dfd15bd140b7b6"
+
+log-symbols@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-1.0.2.tgz#376ff7b58ea3086a0f09facc74617eca501e1a18"
+  dependencies:
+    chalk "^1.0.0"
+
+log-update@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/log-update/-/log-update-1.0.2.tgz#19929f64c4093d2d2e7075a1dad8af59c296b8d1"
+  dependencies:
+    ansi-escapes "^1.0.0"
+    cli-cursor "^1.0.2"
+
+log4js@^0.6.31:
+  version "0.6.38"
+  resolved "https://registry.yarnpkg.com/log4js/-/log4js-0.6.38.tgz#2c494116695d6fb25480943d3fc872e662a522fd"
+  dependencies:
+    readable-stream "~1.0.2"
+    semver "~4.3.3"
+
+longest@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
+
+loose-envify@^1.0.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.3.1.tgz#d1a8ad33fa9ce0e713d65fdd0ac8b748d478c848"
+  dependencies:
+    js-tokens "^3.0.0"
+
+loud-rejection@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/loud-rejection/-/loud-rejection-1.6.0.tgz#5b46f80147edee578870f086d04821cf998e551f"
+  dependencies:
+    currently-unhandled "^0.4.1"
+    signal-exit "^3.0.0"
+
+lower-case@^1.1.1:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
+
+lowercase-keys@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.0.tgz#4e3366b39e7f5457e35f1324bdf6f88d0bfc7306"
+
+lru-cache@2.2.x:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-2.2.4.tgz#6c658619becf14031d0d0b594b16042ce4dc063d"
+
+lru-cache@^4.0.0, lru-cache@^4.0.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.1.tgz#622e32e82488b49279114a4f9ecf45e7cd6bba55"
+  dependencies:
+    pseudomap "^1.0.2"
+    yallist "^2.1.2"
+
+macaddress@^0.2.8:
+  version "0.2.8"
+  resolved "https://registry.yarnpkg.com/macaddress/-/macaddress-0.2.8.tgz#5904dc537c39ec6dbefeae902327135fa8511f12"
+
+magic-string@^0.19.0:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.19.1.tgz#14d768013caf2ec8fdea16a49af82fc377e75201"
+  dependencies:
+    vlq "^0.2.1"
+
+make-dir@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.0.0.tgz#97a011751e91dd87cfadef58832ebb04936de978"
+  dependencies:
+    pify "^2.3.0"
+
+make-error@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.0.tgz#52ad3a339ccf10ce62b4040b708fe707244b8b96"
+
+map-obj@^1.0.0, map-obj@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
+
+matcher-collection@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/matcher-collection/-/matcher-collection-1.0.4.tgz#2f66ae0869996f29e43d0b62c83dd1d43e581755"
+  dependencies:
+    minimatch "^3.0.2"
+
+math-expression-evaluator@^1.2.14:
+  version "1.2.17"
+  resolved "https://registry.yarnpkg.com/math-expression-evaluator/-/math-expression-evaluator-1.2.17.tgz#de819fdbcd84dccd8fae59c6aeb79615b9d266ac"
+
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
+
+memory-fs@^0.4.0, memory-fs@~0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
+  dependencies:
+    errno "^0.1.3"
+    readable-stream "^2.0.1"
+
+meow@3.7.0, meow@^3.7.0:
+  version "3.7.0"
+  resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb"
+  dependencies:
+    camelcase-keys "^2.0.0"
+    decamelize "^1.1.2"
+    loud-rejection "^1.0.0"
+    map-obj "^1.0.1"
+    minimist "^1.1.3"
+    normalize-package-data "^2.3.4"
+    object-assign "^4.0.1"
+    read-pkg-up "^1.0.1"
+    redent "^1.0.0"
+    trim-newlines "^1.0.0"
+
+merge-descriptors@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
+
+methods@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
+
+micromatch@^2.1.5, micromatch@^2.3.11:
+  version "2.3.11"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565"
+  dependencies:
+    arr-diff "^2.0.0"
+    array-unique "^0.2.1"
+    braces "^1.8.2"
+    expand-brackets "^0.1.4"
+    extglob "^0.3.1"
+    filename-regex "^2.0.0"
+    is-extglob "^1.0.0"
+    is-glob "^2.0.1"
+    kind-of "^3.0.2"
+    normalize-path "^2.0.1"
+    object.omit "^2.0.0"
+    parse-glob "^3.0.4"
+    regex-cache "^0.4.2"
+
+miller-rabin@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.0.tgz#4a62fb1d42933c05583982f4c716f6fb9e6c6d3d"
+  dependencies:
+    bn.js "^4.0.0"
+    brorand "^1.0.1"
+
+"mime-db@>= 1.27.0 < 2", mime-db@~1.27.0:
+  version "1.27.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.27.0.tgz#820f572296bbd20ec25ed55e5b5de869e5436eb1"
+
+mime-types@^2.1.12, mime-types@~2.1.11, mime-types@~2.1.15, mime-types@~2.1.7:
+  version "2.1.15"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.15.tgz#a4ebf5064094569237b8cf70046776d09fc92aed"
+  dependencies:
+    mime-db "~1.27.0"
+
+mime@1.3.4:
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-1.3.4.tgz#115f9e3b6b3daf2959983cb38f149a2d40eb5d53"
+
+mime@1.3.x, mime@^1.2.11, mime@^1.3.4:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-1.3.6.tgz#591d84d3653a6b0b4a3b9df8de5aa8108e72e5e0"
+
+mimic-fn@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.1.0.tgz#e667783d92e89dbd342818b5230b9d62a672ad18"
+
+minimalistic-assert@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.0.tgz#702be2dda6b37f4836bcb3f5db56641b64a1d3d3"
+
+minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
+
+"minimatch@2 || 3", minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4, minimatch@~3.0.2:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimist@0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
+
+minimist@^1.1.3, minimist@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
+
+minimist@~0.0.1:
+  version "0.0.10"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
+
+mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
+  dependencies:
+    minimist "0.0.8"
+
+moment@^2.10.6:
+  version "2.18.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.18.1.tgz#c36193dd3ce1c2eed2adb7c802dbbc77a81b1c0f"
+
+ms@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.1.tgz#9cd13c03adbff25b65effde7ce864ee952017098"
+
+ms@0.7.2:
+  version "0.7.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.2.tgz#ae25cf2512b3885a1d95d7f037868d8431124765"
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+
+mute-stream@0.0.7:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
+
+nan@^2.3.0, nan@^2.3.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.6.2.tgz#e4ff34e6c95fdfb5aecc08de6596f43605a7db45"
+
+ncname@1.0.x:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/ncname/-/ncname-1.0.0.tgz#5b57ad18b1ca092864ef62b0b1ed8194f383b71c"
+  dependencies:
+    xml-char-classes "^1.0.0"
+
+negotiator@0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
+
+nested-error-stacks@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/nested-error-stacks/-/nested-error-stacks-2.0.0.tgz#98b2ffaefb4610fa3936f1e71435d30700de2840"
+  dependencies:
+    inherits "~2.0.1"
+
+ngm-cli@^0.5.0:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/ngm-cli/-/ngm-cli-0.5.2.tgz#0d01b5751a9e1359c482e0e9289f465cb0fae3b1"
+  dependencies:
+    "@angular/compiler-cli" "^2.3.0 || >=4.0.0"
+    awesome-typescript-loader "3.1.2"
+    npm-submodules "0.5.2"
+
+no-case@^2.2.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-2.3.1.tgz#7aeba1c73a52184265554b7dc03baf720df80081"
+  dependencies:
+    lower-case "^1.1.1"
+
+node-gyp@^3.3.1:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-3.6.2.tgz#9bfbe54562286284838e750eac05295853fa1c60"
+  dependencies:
+    fstream "^1.0.0"
+    glob "^7.0.3"
+    graceful-fs "^4.1.2"
+    minimatch "^3.0.2"
+    mkdirp "^0.5.0"
+    nopt "2 || 3"
+    npmlog "0 || 1 || 2 || 3 || 4"
+    osenv "0"
+    request "2"
+    rimraf "2"
+    semver "~5.3.0"
+    tar "^2.0.0"
+    which "1"
+
+node-libs-browser@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.0.0.tgz#a3a59ec97024985b46e958379646f96c4b616646"
+  dependencies:
+    assert "^1.1.1"
+    browserify-zlib "^0.1.4"
+    buffer "^4.3.0"
+    console-browserify "^1.1.0"
+    constants-browserify "^1.0.0"
+    crypto-browserify "^3.11.0"
+    domain-browser "^1.1.1"
+    events "^1.0.0"
+    https-browserify "0.0.1"
+    os-browserify "^0.2.0"
+    path-browserify "0.0.0"
+    process "^0.11.0"
+    punycode "^1.2.4"
+    querystring-es3 "^0.2.0"
+    readable-stream "^2.0.5"
+    stream-browserify "^2.0.1"
+    stream-http "^2.3.1"
+    string_decoder "^0.10.25"
+    timers-browserify "^2.0.2"
+    tty-browserify "0.0.0"
+    url "^0.11.0"
+    util "^0.10.3"
+    vm-browserify "0.0.4"
+
+node-modules-path@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/node-modules-path/-/node-modules-path-1.0.1.tgz#40096b08ce7ad0ea14680863af449c7c75a5d1c8"
+
+node-pre-gyp@^0.6.36:
+  version "0.6.36"
+  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.6.36.tgz#db604112cb74e0d477554e9b505b17abddfab786"
+  dependencies:
+    mkdirp "^0.5.1"
+    nopt "^4.0.1"
+    npmlog "^4.0.2"
+    rc "^1.1.7"
+    request "^2.81.0"
+    rimraf "^2.6.1"
+    semver "^5.3.0"
+    tar "^2.2.1"
+    tar-pack "^3.4.0"
+
+node-sass@^4.3.0:
+  version "4.5.3"
+  resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.5.3.tgz#d09c9d1179641239d1b97ffc6231fdcec53e1568"
+  dependencies:
+    async-foreach "^0.1.3"
+    chalk "^1.1.1"
+    cross-spawn "^3.0.0"
+    gaze "^1.0.0"
+    get-stdin "^4.0.1"
+    glob "^7.0.3"
+    in-publish "^2.0.0"
+    lodash.assign "^4.2.0"
+    lodash.clonedeep "^4.3.2"
+    lodash.mergewith "^4.6.0"
+    meow "^3.7.0"
+    mkdirp "^0.5.1"
+    nan "^2.3.2"
+    node-gyp "^3.3.1"
+    npmlog "^4.0.0"
+    request "^2.79.0"
+    sass-graph "^2.1.1"
+    stdout-stream "^1.4.0"
+
+"nopt@2 || 3":
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
+  dependencies:
+    abbrev "1"
+
+nopt@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
+  dependencies:
+    abbrev "1"
+    osenv "^0.1.4"
+
+normalize-package-data@^2.3.2, normalize-package-data@^2.3.4:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.3.8.tgz#d819eda2a9dedbd1ffa563ea4071d936782295bb"
+  dependencies:
+    hosted-git-info "^2.1.4"
+    is-builtin-module "^1.0.0"
+    semver "2 || 3 || 4 || 5"
+    validate-npm-package-license "^3.0.1"
+
+normalize-path@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
+  dependencies:
+    remove-trailing-separator "^1.0.1"
+
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+
+normalize-url@^1.4.0:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-1.9.1.tgz#2cc0d66b31ea23036458436e3620d85954c66c3c"
+  dependencies:
+    object-assign "^4.0.1"
+    prepend-http "^1.0.0"
+    query-string "^4.1.0"
+    sort-keys "^1.0.0"
+
+npm-run-path@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-1.0.0.tgz#f5c32bf595fe81ae927daec52e82f8b000ac3c8f"
+  dependencies:
+    path-key "^1.0.0"
+
+npm-run-path@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
+  dependencies:
+    path-key "^2.0.0"
+
+npm-submodules@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/npm-submodules/-/npm-submodules-0.5.2.tgz#5797bdc2e49e028b79010eb923bd5f2d98e00dde"
+  dependencies:
+    chalk "1.1.3"
+    cpy "5.0.0"
+    del "2.2.2"
+    execa "0.6.3"
+    inquirer "3.0.6"
+    listr "0.11.0"
+    lodash "4.17.4"
+    meow "3.7.0"
+    read-pkg "2.0.0"
+    semver "5.3.0"
+    split "1.0.0"
+    stream-to-observable "0.2.0"
+    tsconfig "6.0.0"
+    typescript "^2.0.10"
+    update-notifier "2.1.0"
+    webpack "2.3.2"
+    write-pkg "2.1.0"
+
+"npmlog@0 || 1 || 2 || 3 || 4", npmlog@^4.0.0, npmlog@^4.0.2:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.0.tgz#dc59bee85f64f00ed424efb2af0783df25d1c0b5"
+  dependencies:
+    are-we-there-yet "~1.1.2"
+    console-control-strings "~1.1.0"
+    gauge "~2.7.3"
+    set-blocking "~2.0.0"
+
+nth-check@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.1.tgz#9929acdf628fc2c41098deab82ac580cf149aae4"
+  dependencies:
+    boolbase "~1.0.0"
+
+null-check@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/null-check/-/null-check-1.0.0.tgz#977dffd7176012b9ec30d2a39db5cf72a0439edd"
+
+num2fraction@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
+
+number-is-nan@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
+
+oauth-sign@~0.8.1:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.8.2.tgz#46a6ab7f0aead8deae9ec0565780b7d4efeb9d43"
+
+object-assign@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.0.tgz#7a3b3d0e98063d43f4c03f2e8ae6cd51a86883a0"
+
+object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+
+object-component@0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/object-component/-/object-component-0.0.3.tgz#f0c69aa50efc95b866c186f400a33769cb2f1291"
+
+object.omit@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-2.0.1.tgz#1a9c744829f39dbb858c76ca3579ae2a54ebd1fa"
+  dependencies:
+    for-own "^0.1.4"
+    is-extendable "^0.1.1"
+
+obuf@^1.0.0, obuf@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.1.tgz#104124b6c602c6796881a042541d36db43a5264e"
+
+on-finished@~2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
+  dependencies:
+    ee-first "1.1.1"
+
+on-headers@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.1.tgz#928f5d0f470d49342651ea6794b0857c100693f7"
+
+once@^1.3.0, once@^1.3.3, once@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  dependencies:
+    wrappy "1"
+
+onetime@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-1.1.0.tgz#a1f7838f8314c516f05ecefcbc4ccfe04b4ed789"
+
+onetime@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-2.0.1.tgz#067428230fd67443b2794b22bba528b6867962d4"
+  dependencies:
+    mimic-fn "^1.0.0"
+
+opn@4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/opn/-/opn-4.0.2.tgz#7abc22e644dff63b0a96d5ab7f2790c0f01abc95"
+  dependencies:
+    object-assign "^4.0.1"
+    pinkie-promise "^2.0.0"
+
+optimist@^0.6.1, optimist@~0.6.0:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.6.1.tgz#da3ea74686fa21a19a111c326e90eb15a0196686"
+  dependencies:
+    minimist "~0.0.1"
+    wordwrap "~0.0.2"
+
+optimist@~0.3, optimist@~0.3.5:
+  version "0.3.7"
+  resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.3.7.tgz#c90941ad59e4273328923074d2cf2e7cbc6ec0d9"
+  dependencies:
+    wordwrap "~0.0.2"
+
+options@>=0.0.5:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/options/-/options-0.0.6.tgz#ec22d312806bb53e731773e7cdaefcf1c643128f"
+
+ora@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/ora/-/ora-0.2.3.tgz#37527d220adcd53c39b73571d754156d5db657a4"
+  dependencies:
+    chalk "^1.1.1"
+    cli-cursor "^1.0.2"
+    cli-spinners "^0.1.2"
+    object-assign "^4.0.1"
+
+original@>=0.0.5:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/original/-/original-1.0.0.tgz#9147f93fa1696d04be61e01bd50baeaca656bd3b"
+  dependencies:
+    url-parse "1.0.x"
+
+os-browserify@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.2.1.tgz#63fc4ccee5d2d7763d26bbf8601078e6c2e0044f"
+
+os-homedir@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
+
+os-locale@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-1.4.0.tgz#20f9f17ae29ed345e8bde583b13d2009803c14d9"
+  dependencies:
+    lcid "^1.0.0"
+
+os-tmpdir@^1.0.0, os-tmpdir@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
+
+osenv@0, osenv@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.4.tgz#42fe6d5953df06c8064be6f176c3d05aaaa34644"
+  dependencies:
+    os-homedir "^1.0.0"
+    os-tmpdir "^1.0.0"
+
+p-finally@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
+
+package-json@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/package-json/-/package-json-4.0.1.tgz#8869a0401253661c4c4ca3da6c2121ed555f5eed"
+  dependencies:
+    got "^6.7.1"
+    registry-auth-token "^3.0.1"
+    registry-url "^3.0.3"
+    semver "^5.1.0"
+
+pako@~0.2.0:
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
+
+param-case@2.1.x:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/param-case/-/param-case-2.1.1.tgz#df94fd8cf6531ecf75e6bef9a0858fbc72be2247"
+  dependencies:
+    no-case "^2.2.0"
+
+parse-asn1@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.0.tgz#37c4f9b7ed3ab65c74817b5f2480937fbf97c712"
+  dependencies:
+    asn1.js "^4.0.0"
+    browserify-aes "^1.0.0"
+    create-hash "^1.1.0"
+    evp_bytestokey "^1.0.0"
+    pbkdf2 "^3.0.3"
+
+parse-glob@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/parse-glob/-/parse-glob-3.0.4.tgz#b2c376cfb11f35513badd173ef0bb6e3a388391c"
+  dependencies:
+    glob-base "^0.3.0"
+    is-dotfile "^1.0.0"
+    is-extglob "^1.0.0"
+    is-glob "^2.0.0"
+
+parse-json@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
+  dependencies:
+    error-ex "^1.2.0"
+
+parsejson@0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/parsejson/-/parsejson-0.0.3.tgz#ab7e3759f209ece99437973f7d0f1f64ae0e64ab"
+  dependencies:
+    better-assert "~1.0.0"
+
+parseqs@0.0.5:
+  version "0.0.5"
+  resolved "https://registry.yarnpkg.com/parseqs/-/parseqs-0.0.5.tgz#d5208a3738e46766e291ba2ea173684921a8b89d"
+  dependencies:
+    better-assert "~1.0.0"
+
+parseuri@0.0.5:
+  version "0.0.5"
+  resolved "https://registry.yarnpkg.com/parseuri/-/parseuri-0.0.5.tgz#80204a50d4dbb779bfdc6ebe2778d90e4bce320a"
+  dependencies:
+    better-assert "~1.0.0"
+
+parseurl@~1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.1.tgz#c8ab8c9223ba34888aa64a297b28853bec18da56"
+
+path-browserify@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.0.tgz#a0b870729aae214005b7d5032ec2cbbb0fb4451a"
+
+path-exists@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-2.1.0.tgz#0feb6c64f0fc518d9a754dd5efb62c7022761f4b"
+  dependencies:
+    pinkie-promise "^2.0.0"
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+
+path-is-inside@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
+
+path-key@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-1.0.0.tgz#5d53d578019646c0d68800db4e146e6bdc2ac7af"
+
+path-key@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
+
+path-parse@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.5.tgz#3c1adf871ea9cd6c9431b6ea2bd74a0ff055c4c1"
+
+path-to-regexp@0.1.7:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
+
+path-type@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441"
+  dependencies:
+    graceful-fs "^4.1.2"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+
+path-type@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
+  dependencies:
+    pify "^2.0.0"
+
+pbkdf2@^3.0.3:
+  version "3.0.12"
+  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.12.tgz#be36785c5067ea48d806ff923288c5f750b6b8a2"
+  dependencies:
+    create-hash "^1.1.2"
+    create-hmac "^1.1.4"
+    ripemd160 "^2.0.1"
+    safe-buffer "^5.0.1"
+    sha.js "^2.4.8"
+
+performance-now@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-0.2.0.tgz#33ef30c5c77d4ea21c5a53869d91b56d8f2555e5"
+
+pify@^2.0.0, pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+
+pinkie-promise@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
+  dependencies:
+    pinkie "^2.0.0"
+
+pinkie@^2.0.0, pinkie@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
+
+portfinder@^1.0.9, portfinder@~1.0.12:
+  version "1.0.13"
+  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.13.tgz#bb32ecd87c27104ae6ee44b5a3ccbf0ebb1aede9"
+  dependencies:
+    async "^1.5.2"
+    debug "^2.2.0"
+    mkdirp "0.5.x"
+
+postcss-calc@^5.2.0:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-5.3.1.tgz#77bae7ca928ad85716e2fda42f261bf7c1d65b5e"
+  dependencies:
+    postcss "^5.0.2"
+    postcss-message-helpers "^2.0.0"
+    reduce-css-calc "^1.2.6"
+
+postcss-colormin@^2.1.8:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-2.2.2.tgz#6631417d5f0e909a3d7ec26b24c8a8d1e4f96e4b"
+  dependencies:
+    colormin "^1.0.5"
+    postcss "^5.0.13"
+    postcss-value-parser "^3.2.3"
+
+postcss-convert-values@^2.3.4:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-2.6.1.tgz#bbd8593c5c1fd2e3d1c322bb925dcae8dae4d62d"
+  dependencies:
+    postcss "^5.0.11"
+    postcss-value-parser "^3.1.2"
+
+postcss-discard-comments@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-2.0.4.tgz#befe89fafd5b3dace5ccce51b76b81514be00e3d"
+  dependencies:
+    postcss "^5.0.14"
+
+postcss-discard-duplicates@^2.0.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-2.1.0.tgz#b9abf27b88ac188158a5eb12abcae20263b91932"
+  dependencies:
+    postcss "^5.0.4"
+
+postcss-discard-empty@^2.0.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-2.1.0.tgz#d2b4bd9d5ced5ebd8dcade7640c7d7cd7f4f92b5"
+  dependencies:
+    postcss "^5.0.14"
+
+postcss-discard-overridden@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-0.1.1.tgz#8b1eaf554f686fb288cd874c55667b0aa3668d58"
+  dependencies:
+    postcss "^5.0.16"
+
+postcss-discard-unused@^2.2.1:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/postcss-discard-unused/-/postcss-discard-unused-2.2.3.tgz#bce30b2cc591ffc634322b5fb3464b6d934f4433"
+  dependencies:
+    postcss "^5.0.14"
+    uniqs "^2.0.0"
+
+postcss-filter-plugins@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-filter-plugins/-/postcss-filter-plugins-2.0.2.tgz#6d85862534d735ac420e4a85806e1f5d4286d84c"
+  dependencies:
+    postcss "^5.0.4"
+    uniqid "^4.0.0"
+
+postcss-loader@^0.13.0:
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-0.13.0.tgz#72fdaf0d29444df77d3751ce4e69dc40bc99ed85"
+  dependencies:
+    loader-utils "^0.2.15"
+    postcss "^5.2.0"
+
+postcss-merge-idents@^2.1.5:
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/postcss-merge-idents/-/postcss-merge-idents-2.1.7.tgz#4c5530313c08e1d5b3bbf3d2bbc747e278eea270"
+  dependencies:
+    has "^1.0.1"
+    postcss "^5.0.10"
+    postcss-value-parser "^3.1.1"
+
+postcss-merge-longhand@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-2.0.2.tgz#23d90cd127b0a77994915332739034a1a4f3d658"
+  dependencies:
+    postcss "^5.0.4"
+
+postcss-merge-rules@^2.0.3:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-2.1.2.tgz#d1df5dfaa7b1acc3be553f0e9e10e87c61b5f721"
+  dependencies:
+    browserslist "^1.5.2"
+    caniuse-api "^1.5.2"
+    postcss "^5.0.4"
+    postcss-selector-parser "^2.2.2"
+    vendors "^1.0.0"
+
+postcss-message-helpers@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-message-helpers/-/postcss-message-helpers-2.0.0.tgz#a4f2f4fab6e4fe002f0aed000478cdf52f9ba60e"
+
+postcss-minify-font-values@^1.0.2:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-1.0.5.tgz#4b58edb56641eba7c8474ab3526cafd7bbdecb69"
+  dependencies:
+    object-assign "^4.0.1"
+    postcss "^5.0.4"
+    postcss-value-parser "^3.0.2"
+
+postcss-minify-gradients@^1.0.1:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-1.0.5.tgz#5dbda11373703f83cfb4a3ea3881d8d75ff5e6e1"
+  dependencies:
+    postcss "^5.0.12"
+    postcss-value-parser "^3.3.0"
+
+postcss-minify-params@^1.0.4:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-1.2.2.tgz#ad2ce071373b943b3d930a3fa59a358c28d6f1f3"
+  dependencies:
+    alphanum-sort "^1.0.1"
+    postcss "^5.0.2"
+    postcss-value-parser "^3.0.2"
+    uniqs "^2.0.0"
+
+postcss-minify-selectors@^2.0.4:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-2.1.1.tgz#b2c6a98c0072cf91b932d1a496508114311735bf"
+  dependencies:
+    alphanum-sort "^1.0.2"
+    has "^1.0.1"
+    postcss "^5.0.14"
+    postcss-selector-parser "^2.0.0"
+
+postcss-modules-extract-imports@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-1.2.0.tgz#66140ecece38ef06bf0d3e355d69bf59d141ea85"
+  dependencies:
+    postcss "^6.0.1"
+
+postcss-modules-local-by-default@^1.0.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz#f7d80c398c5a393fa7964466bd19500a7d61c069"
+  dependencies:
+    css-selector-tokenizer "^0.7.0"
+    postcss "^6.0.1"
+
+postcss-modules-scope@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz#d6ea64994c79f97b62a72b426fbe6056a194bb90"
+  dependencies:
+    css-selector-tokenizer "^0.7.0"
+    postcss "^6.0.1"
+
+postcss-modules-values@^1.1.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-1.3.0.tgz#ecffa9d7e192518389f42ad0e83f72aec456ea20"
+  dependencies:
+    icss-replace-symbols "^1.1.0"
+    postcss "^6.0.1"
+
+postcss-normalize-charset@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-1.1.1.tgz#ef9ee71212d7fe759c78ed162f61ed62b5cb93f1"
+  dependencies:
+    postcss "^5.0.5"
+
+postcss-normalize-url@^3.0.7:
+  version "3.0.8"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-3.0.8.tgz#108f74b3f2fcdaf891a2ffa3ea4592279fc78222"
+  dependencies:
+    is-absolute-url "^2.0.0"
+    normalize-url "^1.4.0"
+    postcss "^5.0.14"
+    postcss-value-parser "^3.2.3"
+
+postcss-ordered-values@^2.1.0:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-2.2.3.tgz#eec6c2a67b6c412a8db2042e77fe8da43f95c11d"
+  dependencies:
+    postcss "^5.0.4"
+    postcss-value-parser "^3.0.1"
+
+postcss-reduce-idents@^2.2.2:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-idents/-/postcss-reduce-idents-2.4.0.tgz#c2c6d20cc958284f6abfbe63f7609bf409059ad3"
+  dependencies:
+    postcss "^5.0.4"
+    postcss-value-parser "^3.0.2"
+
+postcss-reduce-initial@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-1.0.1.tgz#68f80695f045d08263a879ad240df8dd64f644ea"
+  dependencies:
+    postcss "^5.0.4"
+
+postcss-reduce-transforms@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-1.0.4.tgz#ff76f4d8212437b31c298a42d2e1444025771ae1"
+  dependencies:
+    has "^1.0.1"
+    postcss "^5.0.8"
+    postcss-value-parser "^3.0.1"
+
+postcss-selector-parser@^2.0.0, postcss-selector-parser@^2.2.2:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-2.2.3.tgz#f9437788606c3c9acee16ffe8d8b16297f27bb90"
+  dependencies:
+    flatten "^1.0.2"
+    indexes-of "^1.0.1"
+    uniq "^1.0.1"
+
+postcss-svgo@^2.1.1:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-2.1.6.tgz#b6df18aa613b666e133f08adb5219c2684ac108d"
+  dependencies:
+    is-svg "^2.0.0"
+    postcss "^5.0.14"
+    postcss-value-parser "^3.2.3"
+    svgo "^0.7.0"
+
+postcss-unique-selectors@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-2.0.2.tgz#981d57d29ddcb33e7b1dfe1fd43b8649f933ca1d"
+  dependencies:
+    alphanum-sort "^1.0.1"
+    postcss "^5.0.4"
+    uniqs "^2.0.0"
+
+postcss-url@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-url/-/postcss-url-5.1.2.tgz#98b3165be8d592471cb0caadde2c0d1f832f133e"
+  dependencies:
+    directory-encoder "^0.7.2"
+    js-base64 "^2.1.5"
+    mime "^1.2.11"
+    minimatch "^3.0.0"
+    mkdirp "^0.5.0"
+    path-is-absolute "^1.0.0"
+    postcss "^5.0.0"
+
+postcss-value-parser@^3.0.1, postcss-value-parser@^3.0.2, postcss-value-parser@^3.1.1, postcss-value-parser@^3.1.2, postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.0.tgz#87f38f9f18f774a4ab4c8a232f5c5ce8872a9d15"
+
+postcss-zindex@^2.0.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-zindex/-/postcss-zindex-2.2.0.tgz#d2109ddc055b91af67fc4cb3b025946639d2af22"
+  dependencies:
+    has "^1.0.1"
+    postcss "^5.0.4"
+    uniqs "^2.0.0"
+
+postcss@^5.0.0, postcss@^5.0.10, postcss@^5.0.11, postcss@^5.0.12, postcss@^5.0.13, postcss@^5.0.14, postcss@^5.0.16, postcss@^5.0.2, postcss@^5.0.4, postcss@^5.0.5, postcss@^5.0.6, postcss@^5.0.8, postcss@^5.2.0, postcss@^5.2.16:
+  version "5.2.17"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.17.tgz#cf4f597b864d65c8a492b2eabe9d706c879c388b"
+  dependencies:
+    chalk "^1.1.3"
+    js-base64 "^2.1.9"
+    source-map "^0.5.6"
+    supports-color "^3.2.3"
+
+postcss@^6.0.1:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.3.tgz#b7f565b3d956fbb8565ca7c1e239d0506e427d8b"
+  dependencies:
+    chalk "^1.1.3"
+    source-map "^0.5.6"
+    supports-color "^4.0.0"
+
+prepend-http@^1.0.0, prepend-http@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
+
+preserve@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
+
+pretty-error@^2.0.2:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.1.tgz#5f4f87c8f91e5ae3f3ba87ab4cf5e03b1a17f1a3"
+  dependencies:
+    renderkid "^2.0.1"
+    utila "~0.4"
+
+process-nextick-args@~1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-1.0.7.tgz#150e20b756590ad3f91093f25a4f2ad8bff30ba3"
+
+process@^0.11.0:
+  version "0.11.10"
+  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
+
+promise@^7.1.1:
+  version "7.3.1"
+  resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
+  dependencies:
+    asap "~2.0.3"
+
+protractor@~5.1.0:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/protractor/-/protractor-5.1.2.tgz#9b221741709a4c62d5cd53c6aadd54a71137e95f"
+  dependencies:
+    "@types/node" "^6.0.46"
+    "@types/q" "^0.0.32"
+    "@types/selenium-webdriver" "~2.53.39"
+    blocking-proxy "0.0.5"
+    chalk "^1.1.3"
+    glob "^7.0.3"
+    jasmine "^2.5.3"
+    jasminewd2 "^2.1.0"
+    optimist "~0.6.0"
+    q "1.4.1"
+    saucelabs "~1.3.0"
+    selenium-webdriver "3.0.1"
+    source-map-support "~0.4.0"
+    webdriver-js-extender "^1.0.0"
+    webdriver-manager "^12.0.6"
+
+proxy-addr@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-1.1.4.tgz#27e545f6960a44a627d9b44467e35c1b6b4ce2f3"
+  dependencies:
+    forwarded "~0.1.0"
+    ipaddr.js "1.3.0"
+
+prr@~0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/prr/-/prr-0.0.0.tgz#1a84b85908325501411853d0081ee3fa86e2926a"
+
+pseudomap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
+
+public-encrypt@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.0.tgz#39f699f3a46560dd5ebacbca693caf7c65c18cc6"
+  dependencies:
+    bn.js "^4.1.0"
+    browserify-rsa "^4.0.0"
+    create-hash "^1.1.0"
+    parse-asn1 "^5.0.0"
+    randombytes "^2.0.1"
+
+punycode@1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
+
+punycode@^1.2.4, punycode@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
+
+q@1.4.1, q@^1.1.2, q@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/q/-/q-1.4.1.tgz#55705bcd93c5f3673530c2c2cbc0c2b3addc286e"
+
+qjobs@^1.1.4:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/qjobs/-/qjobs-1.1.5.tgz#659de9f2cf8dcc27a1481276f205377272382e73"
+
+qs@6.4.0, qs@~6.4.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233"
+
+query-string@^4.1.0:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/query-string/-/query-string-4.3.4.tgz#bbb693b9ca915c232515b228b1a02b609043dbeb"
+  dependencies:
+    object-assign "^4.1.0"
+    strict-uri-encode "^1.0.0"
+
+querystring-es3@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
+
+querystring@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
+
+querystringify@0.0.x:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-0.0.4.tgz#0cf7f84f9463ff0ae51c4c4b142d95be37724d9c"
+
+querystringify@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-1.0.0.tgz#6286242112c5b712fa654e526652bf6a13ff05cb"
+
+randomatic@^1.1.3:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-1.1.7.tgz#c7abe9cc8b87c0baa876b19fde83fd464797e38c"
+  dependencies:
+    is-number "^3.0.0"
+    kind-of "^4.0.0"
+
+randombytes@^2.0.0, randombytes@^2.0.1:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.0.5.tgz#dc009a246b8d09a177b4b7a0ae77bc570f4b1b79"
+  dependencies:
+    safe-buffer "^5.1.0"
+
+range-parser@^1.0.3, range-parser@^1.2.0, range-parser@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.0.tgz#f49be6b487894ddc40dcc94a322f611092e00d5e"
+
+raw-body@~2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.2.0.tgz#994976cf6a5096a41162840492f0bdc5d6e7fb96"
+  dependencies:
+    bytes "2.4.0"
+    iconv-lite "0.4.15"
+    unpipe "1.0.0"
+
+raw-loader@^0.5.1, raw-loader@~0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/raw-loader/-/raw-loader-0.5.1.tgz#0c3d0beaed8a01c966d9787bf778281252a979aa"
+
+rc@^1.0.1, rc@^1.1.6, rc@^1.1.7:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.1.tgz#2e03e8e42ee450b8cb3dce65be1bf8974e1dfd95"
+  dependencies:
+    deep-extend "~0.4.0"
+    ini "~1.3.0"
+    minimist "^1.2.0"
+    strip-json-comments "~2.0.1"
+
+read-pkg-up@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02"
+  dependencies:
+    find-up "^1.0.0"
+    read-pkg "^1.0.0"
+
+read-pkg@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-2.0.0.tgz#8ef1c0623c6a6db0dc6713c4bfac46332b2368f8"
+  dependencies:
+    load-json-file "^2.0.0"
+    normalize-package-data "^2.3.2"
+    path-type "^2.0.0"
+
+read-pkg@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
+  dependencies:
+    load-json-file "^1.0.0"
+    normalize-package-data "^2.3.2"
+    path-type "^1.0.0"
+
+readable-stream@1.0, readable-stream@~1.0.2:
+  version "1.0.34"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.0.34.tgz#125820e34bc842d2f2aaafafe4c2916ee32c157c"
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.1"
+    isarray "0.0.1"
+    string_decoder "~0.10.x"
+
+readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.4, readable-stream@^2.2.6, readable-stream@^2.2.9:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.2.tgz#5a04df05e4f57fe3f0dc68fdd11dc5c97c7e6f4d"
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~1.0.6"
+    safe-buffer "~5.1.0"
+    string_decoder "~1.0.0"
+    util-deprecate "~1.0.1"
+
+readdirp@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.1.0.tgz#4ed0ad060df3073300c48440373f72d1cc642d78"
+  dependencies:
+    graceful-fs "^4.1.2"
+    minimatch "^3.0.2"
+    readable-stream "^2.0.2"
+    set-immediate-shim "^1.0.1"
+
+redent@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/redent/-/redent-1.0.0.tgz#cf916ab1fd5f1f16dfb20822dd6ec7f730c2afde"
+  dependencies:
+    indent-string "^2.1.0"
+    strip-indent "^1.0.1"
+
+reduce-css-calc@^1.2.6:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-1.3.0.tgz#747c914e049614a4c9cfbba629871ad1d2927716"
+  dependencies:
+    balanced-match "^0.4.2"
+    math-expression-evaluator "^1.2.14"
+    reduce-function-call "^1.0.1"
+
+reduce-function-call@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/reduce-function-call/-/reduce-function-call-1.0.2.tgz#5a200bf92e0e37751752fe45b0ab330fd4b6be99"
+  dependencies:
+    balanced-match "^0.4.2"
+
+reflect-metadata@^0.1.2:
+  version "0.1.10"
+  resolved "https://registry.yarnpkg.com/reflect-metadata/-/reflect-metadata-0.1.10.tgz#b4f83704416acad89988c9b15635d47e03b9344a"
+
+regenerate@^1.2.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.3.2.tgz#d1941c67bad437e1be76433add5b385f95b19260"
+
+regenerator-runtime@^0.10.0:
+  version "0.10.5"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658"
+
+regex-cache@^0.4.2:
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/regex-cache/-/regex-cache-0.4.3.tgz#9b1a6c35d4d0dfcef5711ae651e8e9d3d7114145"
+  dependencies:
+    is-equal-shallow "^0.1.3"
+    is-primitive "^2.0.0"
+
+regexpu-core@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-1.0.0.tgz#86a763f58ee4d7c2f6b102e4764050de7ed90c6b"
+  dependencies:
+    regenerate "^1.2.1"
+    regjsgen "^0.2.0"
+    regjsparser "^0.1.4"
+
+registry-auth-token@^3.0.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-3.3.1.tgz#fb0d3289ee0d9ada2cbb52af5dfe66cb070d3006"
+  dependencies:
+    rc "^1.1.6"
+    safe-buffer "^5.0.1"
+
+registry-url@^3.0.3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-3.1.0.tgz#3d4ef870f73dde1d77f0cf9a381432444e174942"
+  dependencies:
+    rc "^1.0.1"
+
+regjsgen@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.2.0.tgz#6c016adeac554f75823fe37ac05b92d5a4edb1f7"
+
+regjsparser@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.1.5.tgz#7ee8f84dc6fa792d3fd0ae228d24bd949ead205c"
+  dependencies:
+    jsesc "~0.5.0"
+
+relateurl@0.2.x:
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
+
+remove-trailing-separator@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.0.2.tgz#69b062d978727ad14dc6b56ba4ab772fd8d70511"
+
+renderkid@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-2.0.1.tgz#898cabfc8bede4b7b91135a3ffd323e58c0db319"
+  dependencies:
+    css-select "^1.1.0"
+    dom-converter "~0.1"
+    htmlparser2 "~3.3.0"
+    strip-ansi "^3.0.0"
+    utila "~0.3"
+
+repeat-element@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.2.tgz#ef089a178d1483baae4d93eb98b4f9e4e11d990a"
+
+repeat-string@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-0.2.2.tgz#c7a8d3236068362059a7e4651fc6884e8b1fb4ae"
+
+repeat-string@^1.5.2:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
+
+repeating@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda"
+  dependencies:
+    is-finite "^1.0.0"
+
+request@2, request@^2.72.0, request@^2.78.0, request@^2.79.0, request@^2.81.0:
+  version "2.81.0"
+  resolved "https://registry.yarnpkg.com/request/-/request-2.81.0.tgz#c6928946a0e06c5f8d6f8a9333469ffda46298a0"
+  dependencies:
+    aws-sign2 "~0.6.0"
+    aws4 "^1.2.1"
+    caseless "~0.12.0"
+    combined-stream "~1.0.5"
+    extend "~3.0.0"
+    forever-agent "~0.6.1"
+    form-data "~2.1.1"
+    har-validator "~4.2.1"
+    hawk "~3.1.3"
+    http-signature "~1.1.0"
+    is-typedarray "~1.0.0"
+    isstream "~0.1.2"
+    json-stringify-safe "~5.0.1"
+    mime-types "~2.1.7"
+    oauth-sign "~0.8.1"
+    performance-now "^0.2.0"
+    qs "~6.4.0"
+    safe-buffer "^5.0.1"
+    stringstream "~0.0.4"
+    tough-cookie "~2.3.0"
+    tunnel-agent "^0.6.0"
+    uuid "^3.0.0"
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+
+require-main-filename@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
+
+requires-port@1.0.x, requires-port@1.x.x:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
+
+resolve@^1.1.6, resolve@^1.1.7:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.3.3.tgz#655907c3469a8680dc2de3a275a8fdd69691f0e5"
+  dependencies:
+    path-parse "^1.0.5"
+
+restore-cursor@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-1.0.1.tgz#34661f46886327fed2991479152252df92daa541"
+  dependencies:
+    exit-hook "^1.0.0"
+    onetime "^1.0.0"
+
+restore-cursor@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
+  dependencies:
+    onetime "^2.0.0"
+    signal-exit "^3.0.2"
+
+right-align@^0.1.1:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/right-align/-/right-align-0.1.3.tgz#61339b722fe6a3515689210d24e14c96148613ef"
+  dependencies:
+    align-text "^0.1.1"
+
+rimraf@2, rimraf@^2.2.8, rimraf@^2.3.3, rimraf@^2.5.1, rimraf@^2.5.2, rimraf@^2.5.3, rimraf@^2.5.4, rimraf@^2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.1.tgz#c2338ec643df7a1b7fe5c54fa86f57428a55f33d"
+  dependencies:
+    glob "^7.0.5"
+
+rimraf@~2.2.6:
+  version "2.2.8"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.2.8.tgz#e439be2aaee327321952730f99a8929e4fc50582"
+
+ripemd160@^2.0.0, ripemd160@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.1.tgz#0f4584295c53a3628af7e6d79aca21ce57d1c6e7"
+  dependencies:
+    hash-base "^2.0.0"
+    inherits "^2.0.1"
+
+rsvp@^3.0.17:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-3.5.0.tgz#a62c573a4ae4e1dfd0697ebc6242e79c681eaa34"
+
+run-async@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.3.0.tgz#0371ab4ae0bdd720d4166d7dfda64ff7a445a6c0"
+  dependencies:
+    is-promise "^2.1.0"
+
+rx@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/rx/-/rx-4.1.0.tgz#a5f13ff79ef3b740fe30aa803fb09f98805d4782"
+
+rxjs@^5.0.0-beta.11, rxjs@^5.0.1, rxjs@^5.3.0:
+  version "5.4.1"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-5.4.1.tgz#b62f757f279445d265a18a58fb0a70dc90e91626"
+  dependencies:
+    symbol-observable "^1.0.1"
+
+safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@~5.1.0:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853"
+
+sass-graph@^2.1.1:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/sass-graph/-/sass-graph-2.2.4.tgz#13fbd63cd1caf0908b9fd93476ad43a51d1e0b49"
+  dependencies:
+    glob "^7.0.0"
+    lodash "^4.0.0"
+    scss-tokenizer "^0.2.3"
+    yargs "^7.0.0"
+
+sass-loader@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-4.1.1.tgz#79ef9468cf0bf646c29529e1f2cba6bd6e51c7bc"
+  dependencies:
+    async "^2.0.1"
+    loader-utils "^0.2.15"
+    object-assign "^4.1.0"
+
+saucelabs@~1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/saucelabs/-/saucelabs-1.3.0.tgz#d240e8009df7fa87306ec4578a69ba3b5c424fee"
+  dependencies:
+    https-proxy-agent "^1.0.0"
+
+sax@0.5.x:
+  version "0.5.8"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-0.5.8.tgz#d472db228eb331c2506b0e8c15524adb939d12c1"
+
+sax@0.6.x:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-0.6.1.tgz#563b19c7c1de892e09bfc4f2fc30e3c27f0952b9"
+
+sax@>=0.6.0, sax@~1.2.1:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
+
+screenfull@^3.2.0:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/screenfull/-/screenfull-3.2.2.tgz#ddd0c2c66a799640a566d95672d79abac4d627aa"
+
+script-loader@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/script-loader/-/script-loader-0.7.0.tgz#685dc7e7069e0dee7a92674f0ebc5b0f55baa5ec"
+  dependencies:
+    raw-loader "~0.5.1"
+
+scss-tokenizer@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz#8eb06db9a9723333824d3f5530641149847ce5d1"
+  dependencies:
+    js-base64 "^2.1.8"
+    source-map "^0.4.2"
+
+select-hose@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
+
+selenium-webdriver@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/selenium-webdriver/-/selenium-webdriver-3.0.1.tgz#a2dea5da4a97f6672e89e7ca7276cefa365147a7"
+  dependencies:
+    adm-zip "^0.4.7"
+    rimraf "^2.5.4"
+    tmp "0.0.30"
+    xml2js "^0.4.17"
+
+selenium-webdriver@^2.53.2:
+  version "2.53.3"
+  resolved "https://registry.yarnpkg.com/selenium-webdriver/-/selenium-webdriver-2.53.3.tgz#d29ff5a957dff1a1b49dc457756e4e4bfbdce085"
+  dependencies:
+    adm-zip "0.4.4"
+    rimraf "^2.2.8"
+    tmp "0.0.24"
+    ws "^1.0.1"
+    xml2js "0.4.4"
+
+semver-diff@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-2.1.0.tgz#4bbb8437c8d37e4b0cf1a68fd726ec6d645d6d36"
+  dependencies:
+    semver "^5.0.3"
+
+semver-dsl@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/semver-dsl/-/semver-dsl-1.0.1.tgz#d3678de5555e8a61f629eed025366ae5f27340a0"
+  dependencies:
+    semver "^5.3.0"
+
+"semver@2 || 3 || 4 || 5", semver@5.3.0, semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@~5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
+
+semver@~4.3.3:
+  version "4.3.6"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-4.3.6.tgz#300bc6e0e86374f7ba61068b5b1ecd57fc6532da"
+
+semver@~5.0.1:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.0.3.tgz#77466de589cd5d3c95f138aa78bc569a3cb5d27a"
+
+send@0.15.3:
+  version "0.15.3"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.15.3.tgz#5013f9f99023df50d1bd9892c19e3defd1d53309"
+  dependencies:
+    debug "2.6.7"
+    depd "~1.1.0"
+    destroy "~1.0.4"
+    encodeurl "~1.0.1"
+    escape-html "~1.0.3"
+    etag "~1.8.0"
+    fresh "0.5.0"
+    http-errors "~1.6.1"
+    mime "1.3.4"
+    ms "2.0.0"
+    on-finished "~2.3.0"
+    range-parser "~1.2.0"
+    statuses "~1.3.1"
+
+serve-index@^1.7.2:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.0.tgz#d2b280fc560d616ee81b48bf0fa82abed2485ce7"
+  dependencies:
+    accepts "~1.3.3"
+    batch "0.6.1"
+    debug "2.6.8"
+    escape-html "~1.0.3"
+    http-errors "~1.6.1"
+    mime-types "~2.1.15"
+    parseurl "~1.3.1"
+
+serve-static@1.12.3:
+  version "1.12.3"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.12.3.tgz#9f4ba19e2f3030c547f8af99107838ec38d5b1e2"
+  dependencies:
+    encodeurl "~1.0.1"
+    escape-html "~1.0.3"
+    parseurl "~1.3.1"
+    send "0.15.3"
+
+set-blocking@^2.0.0, set-blocking@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
+
+set-immediate-shim@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61"
+
+setimmediate@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
+
+setprototypeof@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.0.3.tgz#66567e37043eeb4f04d91bd658c0cbefb55b8e04"
+
+sha.js@^2.4.0, sha.js@^2.4.8:
+  version "2.4.8"
+  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.8.tgz#37068c2c476b6baf402d14a49c67f597921f634f"
+  dependencies:
+    inherits "^2.0.1"
+
+shebang-command@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
+  dependencies:
+    shebang-regex "^1.0.0"
+
+shebang-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
+
+signal-exit@^3.0.0, signal-exit@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
+
+silent-error@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/silent-error/-/silent-error-1.1.0.tgz#2209706f1c850a9f1d10d0d840918b46f26e1bc9"
+  dependencies:
+    debug "^2.2.0"
+
+slice-ansi@0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-0.0.4.tgz#edbf8903f66f7ce2f8eafd6ceed65e264c831b35"
+
+slide@^1.1.5:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/slide/-/slide-1.1.6.tgz#56eb027d65b4d2dce6cb2e2d32c4d4afc9e1d707"
+
+sntp@1.x.x:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/sntp/-/sntp-1.0.9.tgz#6541184cc90aeea6c6e7b35e2659082443c66198"
+  dependencies:
+    hoek "2.x.x"
+
+socket.io-adapter@0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/socket.io-adapter/-/socket.io-adapter-0.5.0.tgz#cb6d4bb8bec81e1078b99677f9ced0046066bb8b"
+  dependencies:
+    debug "2.3.3"
+    socket.io-parser "2.3.1"
+
+socket.io-client@1.7.2:
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/socket.io-client/-/socket.io-client-1.7.2.tgz#39fdb0c3dd450e321b7e40cfd83612ec533dd644"
+  dependencies:
+    backo2 "1.0.2"
+    component-bind "1.0.0"
+    component-emitter "1.2.1"
+    debug "2.3.3"
+    engine.io-client "1.8.2"
+    has-binary "0.1.7"
+    indexof "0.0.1"
+    object-component "0.0.3"
+    parseuri "0.0.5"
+    socket.io-parser "2.3.1"
+    to-array "0.1.4"
+
+socket.io-parser@2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-2.3.1.tgz#dd532025103ce429697326befd64005fcfe5b4a0"
+  dependencies:
+    component-emitter "1.1.2"
+    debug "2.2.0"
+    isarray "0.0.1"
+    json3 "3.3.2"
+
+socket.io@1.7.2:
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/socket.io/-/socket.io-1.7.2.tgz#83bbbdf2e79263b378900da403e7843e05dc3b71"
+  dependencies:
+    debug "2.3.3"
+    engine.io "1.8.2"
+    has-binary "0.1.7"
+    object-assign "4.1.0"
+    socket.io-adapter "0.5.0"
+    socket.io-client "1.7.2"
+    socket.io-parser "2.3.1"
+
+sockjs-client@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/sockjs-client/-/sockjs-client-1.1.1.tgz#284843e9a9784d7c474b1571b3240fca9dda4bb0"
+  dependencies:
+    debug "^2.2.0"
+    eventsource "~0.1.6"
+    faye-websocket "~0.11.0"
+    inherits "^2.0.1"
+    json3 "^3.3.2"
+    url-parse "^1.1.1"
+
+sockjs@0.3.18:
+  version "0.3.18"
+  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.18.tgz#d9b289316ca7df77595ef299e075f0f937eb4207"
+  dependencies:
+    faye-websocket "^0.10.0"
+    uuid "^2.0.2"
+
+sort-keys@^1.0.0, sort-keys@^1.1.1, sort-keys@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
+  dependencies:
+    is-plain-obj "^1.0.0"
+
+source-list-map@^0.1.7, source-list-map@~0.1.7:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-0.1.8.tgz#c550b2ab5427f6b3f21f5afead88c4f5587b2106"
+
+source-list-map@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-1.1.2.tgz#9889019d1024cce55cdc069498337ef6186a11a1"
+
+source-map-loader@^0.1.5:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/source-map-loader/-/source-map-loader-0.1.6.tgz#c09903da6d73b9e53b7ed8ee5245597051e98e91"
+  dependencies:
+    async "^0.9.0"
+    loader-utils "~0.2.2"
+    source-map "~0.1.33"
+
+source-map-support@^0.4.0, source-map-support@^0.4.11, source-map-support@^0.4.2, source-map-support@~0.4.0:
+  version "0.4.15"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.15.tgz#03202df65c06d2bd8c7ec2362a193056fef8d3b1"
+  dependencies:
+    source-map "^0.5.6"
+
+source-map@0.1.x, source-map@^0.1.41, source-map@~0.1.33, source-map@~0.1.7:
+  version "0.1.43"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.1.43.tgz#c24bc146ca517c1471f5dacbe2571b2b7f9e3346"
+  dependencies:
+    amdefine ">=0.0.4"
+
+source-map@0.5.x, source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@~0.5.1, source-map@~0.5.3:
+  version "0.5.6"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
+
+source-map@^0.4.2, source-map@^0.4.4:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b"
+  dependencies:
+    amdefine ">=0.0.4"
+
+spdx-correct@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-1.0.2.tgz#4b3073d933ff51f3912f03ac5519498a4150db40"
+  dependencies:
+    spdx-license-ids "^1.0.2"
+
+spdx-expression-parse@~1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-1.0.4.tgz#9bdf2f20e1f40ed447fbe273266191fced51626c"
+
+spdx-license-ids@^1.0.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-1.2.2.tgz#c9df7a3424594ade6bd11900d596696dc06bac57"
+
+spdy-transport@^2.0.18:
+  version "2.0.20"
+  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-2.0.20.tgz#735e72054c486b2354fe89e702256004a39ace4d"
+  dependencies:
+    debug "^2.6.8"
+    detect-node "^2.0.3"
+    hpack.js "^2.1.6"
+    obuf "^1.1.1"
+    readable-stream "^2.2.9"
+    safe-buffer "^5.0.1"
+    wbuf "^1.7.2"
+
+spdy@^3.4.1:
+  version "3.4.7"
+  resolved "https://registry.yarnpkg.com/spdy/-/spdy-3.4.7.tgz#42ff41ece5cc0f99a3a6c28aabb73f5c3b03acbc"
+  dependencies:
+    debug "^2.6.8"
+    handle-thing "^1.2.5"
+    http-deceiver "^1.2.7"
+    safe-buffer "^5.0.1"
+    select-hose "^2.0.0"
+    spdy-transport "^2.0.18"
+
+split@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/split/-/split-1.0.0.tgz#c4395ce683abcd254bc28fe1dabb6e5c27dcffae"
+  dependencies:
+    through "2"
+
+sprintf-js@^1.0.3:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.1.tgz#36be78320afe5801f6cea3ee78b6e5aab940ea0c"
+
+sprintf-js@~1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
+
+sshpk@^1.7.0:
+  version "1.13.1"
+  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.13.1.tgz#512df6da6287144316dc4c18fe1cf1d940739be3"
+  dependencies:
+    asn1 "~0.2.3"
+    assert-plus "^1.0.0"
+    dashdash "^1.12.0"
+    getpass "^0.1.1"
+  optionalDependencies:
+    bcrypt-pbkdf "^1.0.0"
+    ecc-jsbn "~0.1.1"
+    jsbn "~0.1.0"
+    tweetnacl "~0.14.0"
+
+"statuses@>= 1.3.1 < 2", statuses@~1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.3.1.tgz#faf51b9eb74aaef3b3acf4ad5f61abf24cb7b93e"
+
+stdout-stream@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/stdout-stream/-/stdout-stream-1.4.0.tgz#a2c7c8587e54d9427ea9edb3ac3f2cd522df378b"
+  dependencies:
+    readable-stream "^2.0.1"
+
+stream-browserify@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.1.tgz#66266ee5f9bdb9940a4e4514cafb43bb71e5c9db"
+  dependencies:
+    inherits "~2.0.1"
+    readable-stream "^2.0.2"
+
+stream-http@^2.3.1:
+  version "2.7.2"
+  resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.7.2.tgz#40a050ec8dc3b53b33d9909415c02c0bf1abfbad"
+  dependencies:
+    builtin-status-codes "^3.0.0"
+    inherits "^2.0.1"
+    readable-stream "^2.2.6"
+    to-arraybuffer "^1.0.0"
+    xtend "^4.0.0"
+
+stream-to-observable@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/stream-to-observable/-/stream-to-observable-0.2.0.tgz#59d6ea393d87c2c0ddac10aa0d561bc6ba6f0e10"
+  dependencies:
+    any-observable "^0.2.0"
+
+stream-to-observable@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/stream-to-observable/-/stream-to-observable-0.1.0.tgz#45bf1d9f2d7dc09bed81f1c307c430e68b84cffe"
+
+strict-uri-encode@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
+
+string-width@^1.0.1, string-width@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
+  dependencies:
+    code-point-at "^1.0.0"
+    is-fullwidth-code-point "^1.0.0"
+    strip-ansi "^3.0.0"
+
+string-width@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.0.0.tgz#635c5436cc72a6e0c387ceca278d4e2eec52687e"
+  dependencies:
+    is-fullwidth-code-point "^2.0.0"
+    strip-ansi "^3.0.0"
+
+string_decoder@^0.10.25, string_decoder@~0.10.x:
+  version "0.10.31"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
+
+string_decoder@~1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.0.3.tgz#0fc67d7c141825de94282dd536bec6b9bce860ab"
+  dependencies:
+    safe-buffer "~5.1.0"
+
+stringstream@~0.0.4:
+  version "0.0.5"
+  resolved "https://registry.yarnpkg.com/stringstream/-/stringstream-0.0.5.tgz#4e484cd4de5a0bbbee18e46307710a8a81621878"
+
+strip-ansi@^3.0.0, strip-ansi@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
+  dependencies:
+    ansi-regex "^2.0.0"
+
+strip-bom@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-2.0.0.tgz#6219a85616520491f35788bdbf1447a99c7e6b0e"
+  dependencies:
+    is-utf8 "^0.2.0"
+
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+
+strip-eof@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
+
+strip-indent@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-1.0.1.tgz#0c7962a6adefa7bbd4ac366460a638552ae1a0a2"
+  dependencies:
+    get-stdin "^4.0.1"
+
+strip-json-comments@^2.0.0, strip-json-comments@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
+
+style-loader@^0.13.1:
+  version "0.13.2"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.13.2.tgz#74533384cf698c7104c7951150b49717adc2f3bb"
+  dependencies:
+    loader-utils "^1.0.2"
+
+stylus-loader@^2.4.0:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/stylus-loader/-/stylus-loader-2.5.1.tgz#d5ad8a7e0958adc12b8581e7bb169b9a61d54216"
+  dependencies:
+    loader-utils "^0.2.9"
+    lodash.clonedeep "^4.5.0"
+    when "~3.6.x"
+
+stylus@^0.54.5:
+  version "0.54.5"
+  resolved "https://registry.yarnpkg.com/stylus/-/stylus-0.54.5.tgz#42b9560931ca7090ce8515a798ba9e6aa3d6dc79"
+  dependencies:
+    css-parse "1.7.x"
+    debug "*"
+    glob "7.0.x"
+    mkdirp "0.5.x"
+    sax "0.5.x"
+    source-map "0.1.x"
+
+supports-color@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
+
+supports-color@^3.1.0, supports-color@^3.1.1, supports-color@^3.1.2, supports-color@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
+  dependencies:
+    has-flag "^1.0.0"
+
+supports-color@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-4.0.0.tgz#33a7c680aa512c9d03ef929cacbb974d203d2790"
+  dependencies:
+    has-flag "^2.0.0"
+
+svgo@^0.7.0:
+  version "0.7.2"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-0.7.2.tgz#9f5772413952135c6fefbf40afe6a4faa88b4bb5"
+  dependencies:
+    coa "~1.0.1"
+    colors "~1.1.2"
+    csso "~2.3.1"
+    js-yaml "~3.7.0"
+    mkdirp "~0.5.1"
+    sax "~1.2.1"
+    whet.extend "~0.9.9"
+
+symbol-observable@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.0.4.tgz#29bf615d4aa7121bdd898b22d4b3f9bc4e2aa03d"
+
+tapable@^0.2.5, tapable@~0.2.5:
+  version "0.2.6"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-0.2.6.tgz#206be8e188860b514425375e6f1ae89bfb01fd8d"
+
+tar-pack@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/tar-pack/-/tar-pack-3.4.0.tgz#23be2d7f671a8339376cbdb0b8fe3fdebf317984"
+  dependencies:
+    debug "^2.2.0"
+    fstream "^1.0.10"
+    fstream-ignore "^1.0.5"
+    once "^1.3.3"
+    readable-stream "^2.1.4"
+    rimraf "^2.5.1"
+    tar "^2.2.1"
+    uid-number "^0.0.6"
+
+tar@^2.0.0, tar@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-2.2.1.tgz#8e4d2a256c0e2185c6b18ad694aec968b83cb1d1"
+  dependencies:
+    block-stream "*"
+    fstream "^1.0.2"
+    inherits "2"
+
+temp@0.8.3:
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/temp/-/temp-0.8.3.tgz#e0c6bc4d26b903124410e4fed81103014dfc1f59"
+  dependencies:
+    os-tmpdir "^1.0.0"
+    rimraf "~2.2.6"
+
+term-size@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/term-size/-/term-size-0.1.1.tgz#87360b96396cab5760963714cda0d0cbeecad9ca"
+  dependencies:
+    execa "^0.4.0"
+
+tether@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/tether/-/tether-1.4.0.tgz#0f9fa171f75bf58485d8149e94799d7ae74d1c1a"
+
+through@2, through@X.X.X, through@^2.3.6:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
+
+timed-out@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"
+
+timers-browserify@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.2.tgz#ab4883cf597dcd50af211349a00fbca56ac86b86"
+  dependencies:
+    setimmediate "^1.0.4"
+
+tmp@0.0.24:
+  version "0.0.24"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.24.tgz#d6a5e198d14a9835cc6f2d7c3d9e302428c8cf12"
+
+tmp@0.0.28, tmp@0.0.x:
+  version "0.0.28"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.28.tgz#172735b7f614ea7af39664fa84cf0de4e515d120"
+  dependencies:
+    os-tmpdir "~1.0.1"
+
+tmp@0.0.30:
+  version "0.0.30"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.30.tgz#72419d4a8be7d6ce75148fd8b324e593a711c2ed"
+  dependencies:
+    os-tmpdir "~1.0.1"
+
+tmp@^0.0.31:
+  version "0.0.31"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.31.tgz#8f38ab9438e17315e5dbd8b3657e8bfb277ae4a7"
+  dependencies:
+    os-tmpdir "~1.0.1"
+
+to-array@0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/to-array/-/to-array-0.1.4.tgz#17e6c11f73dd4f3d74cda7a4ff3238e9ad9bf890"
+
+to-arraybuffer@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
+
+to-fast-properties@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-1.0.3.tgz#b83571fa4d8c25b82e231b06e3a3055de4ca1a47"
+
+toposort@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/toposort/-/toposort-1.0.3.tgz#f02cd8a74bd8be2fc0e98611c3bacb95a171869c"
+
+tough-cookie@~2.3.0:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.3.2.tgz#f081f76e4c85720e6c37a5faced737150d84072a"
+  dependencies:
+    punycode "^1.4.1"
+
+trim-newlines@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-1.0.0.tgz#5887966bb582a4503a41eb524f7d35011815a613"
+
+trim-right@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
+
+ts-node@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-2.0.0.tgz#16e4fecc949088238b4cbf1c39c9582526b66f74"
+  dependencies:
+    arrify "^1.0.0"
+    chalk "^1.1.1"
+    diff "^3.1.0"
+    make-error "^1.1.1"
+    minimist "^1.2.0"
+    mkdirp "^0.5.1"
+    pinkie "^2.0.4"
+    source-map-support "^0.4.0"
+    tsconfig "^5.0.2"
+    v8flags "^2.0.11"
+    xtend "^4.0.0"
+    yn "^1.2.0"
+
+tsconfig@6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/tsconfig/-/tsconfig-6.0.0.tgz#6b0e8376003d7af1864f8df8f89dd0059ffcd032"
+  dependencies:
+    strip-bom "^3.0.0"
+    strip-json-comments "^2.0.0"
+
+tsconfig@^5.0.2:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/tsconfig/-/tsconfig-5.0.3.tgz#5f4278e701800967a8fc383fd19648878f2a6e3a"
+  dependencies:
+    any-promise "^1.3.0"
+    parse-json "^2.2.0"
+    strip-bom "^2.0.0"
+    strip-json-comments "^2.0.0"
+
+tsickle@^0.21.0:
+  version "0.21.6"
+  resolved "https://registry.yarnpkg.com/tsickle/-/tsickle-0.21.6.tgz#53b01b979c5c13fdb13afb3fb958177e5991588d"
+  dependencies:
+    minimist "^1.2.0"
+    mkdirp "^0.5.1"
+    source-map "^0.5.6"
+    source-map-support "^0.4.2"
+
+tslib@^1.7.1:
+  version "1.7.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.7.1.tgz#bc8004164691923a79fe8378bbeb3da2017538ec"
+
+tslint@~4.5.0:
+  version "4.5.1"
+  resolved "https://registry.yarnpkg.com/tslint/-/tslint-4.5.1.tgz#05356871bef23a434906734006fc188336ba824b"
+  dependencies:
+    babel-code-frame "^6.20.0"
+    colors "^1.1.2"
+    diff "^3.0.1"
+    findup-sync "~0.3.0"
+    glob "^7.1.1"
+    optimist "~0.6.0"
+    resolve "^1.1.7"
+    tsutils "^1.1.0"
+    update-notifier "^2.0.0"
+
+tsutils@^1.1.0:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-1.9.1.tgz#b9f9ab44e55af9681831d5f28d0aeeaf5c750cb0"
+
+tty-browserify@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
+
+tunnel-agent@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
+  dependencies:
+    safe-buffer "^5.0.1"
+
+tweetnacl@^0.14.3, tweetnacl@~0.14.0:
+  version "0.14.5"
+  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
+
+type-is@~1.6.15:
+  version "1.6.15"
+  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.15.tgz#cab10fb4909e441c82842eafe1ad646c81804410"
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.15"
+
+"typescript@>=2.0.0 <2.3.0", typescript@^2.0.10, typescript@~2.2.0:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.2.2.tgz#606022508479b55ffa368b58fee963a03dfd7b0c"
+
+uglify-js@3.0.x:
+  version "3.0.20"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.0.20.tgz#cb35b2bcfe478051b6f3282be8db4e4add49a1e5"
+  dependencies:
+    commander "~2.9.0"
+    source-map "~0.5.1"
+
+uglify-js@^2.6, uglify-js@^2.7.5, uglify-js@^2.8.5:
+  version "2.8.29"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.29.tgz#29c5733148057bb4e1f75df35b7a9cb72e6a59dd"
+  dependencies:
+    source-map "~0.5.1"
+    yargs "~3.10.0"
+  optionalDependencies:
+    uglify-to-browserify "~1.0.0"
+
+uglify-js@~2.3:
+  version "2.3.6"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.3.6.tgz#fa0984770b428b7a9b2a8058f46355d14fef211a"
+  dependencies:
+    async "~0.2.6"
+    optimist "~0.3.5"
+    source-map "~0.1.7"
+
+uglify-to-browserify@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"
+
+uid-number@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/uid-number/-/uid-number-0.0.6.tgz#0ea10e8035e8eb5b8e4449f06da1c730663baa81"
+
+ultron@1.0.x:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/ultron/-/ultron-1.0.2.tgz#ace116ab557cd197386a4e88f4685378c8b2e4fa"
+
+uniq@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
+
+uniqid@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/uniqid/-/uniqid-4.1.1.tgz#89220ddf6b751ae52b5f72484863528596bb84c1"
+  dependencies:
+    macaddress "^0.2.8"
+
+uniqs@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/uniqs/-/uniqs-2.0.0.tgz#ffede4b36b25290696e6e165d4a59edb998e6b02"
+
+unique-string@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-1.0.0.tgz#9e1057cca851abb93398f8b33ae187b99caec11a"
+  dependencies:
+    crypto-random-string "^1.0.0"
+
+unpipe@1.0.0, unpipe@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
+
+unzip-response@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-2.0.1.tgz#d2f0f737d16b0615e72a6935ed04214572d56f97"
+
+update-notifier@2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-2.1.0.tgz#ec0c1e53536b76647a24b77cb83966d9315123d9"
+  dependencies:
+    boxen "^1.0.0"
+    chalk "^1.0.0"
+    configstore "^3.0.0"
+    is-npm "^1.0.0"
+    latest-version "^3.0.0"
+    lazy-req "^2.0.0"
+    semver-diff "^2.0.0"
+    xdg-basedir "^3.0.0"
+
+update-notifier@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-2.2.0.tgz#1b5837cf90c0736d88627732b661c138f86de72f"
+  dependencies:
+    boxen "^1.0.0"
+    chalk "^1.0.0"
+    configstore "^3.0.0"
+    import-lazy "^2.1.0"
+    is-npm "^1.0.0"
+    latest-version "^3.0.0"
+    semver-diff "^2.0.0"
+    xdg-basedir "^3.0.0"
+
+upper-case@^1.1.1:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/upper-case/-/upper-case-1.1.3.tgz#f6b4501c2ec4cdd26ba78be7222961de77621598"
+
+url-loader@^0.5.7:
+  version "0.5.9"
+  resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-0.5.9.tgz#cc8fea82c7b906e7777019250869e569e995c295"
+  dependencies:
+    loader-utils "^1.0.2"
+    mime "1.3.x"
+
+url-parse-lax@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-1.0.0.tgz#7af8f303645e9bd79a272e7a14ac68bc0609da73"
+  dependencies:
+    prepend-http "^1.0.1"
+
+url-parse@1.0.x:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.0.5.tgz#0854860422afdcfefeb6c965c662d4800169927b"
+  dependencies:
+    querystringify "0.0.x"
+    requires-port "1.0.x"
+
+url-parse@^1.1.1:
+  version "1.1.9"
+  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.1.9.tgz#c67f1d775d51f0a18911dd7b3ffad27bb9e5bd19"
+  dependencies:
+    querystringify "~1.0.0"
+    requires-port "1.0.x"
+
+url@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
+  dependencies:
+    punycode "1.3.2"
+    querystring "0.2.0"
+
+user-home@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/user-home/-/user-home-1.1.1.tgz#2b5be23a32b63a7c9deb8d0f28d485724a3df190"
+
+useragent@^2.1.10:
+  version "2.1.13"
+  resolved "https://registry.yarnpkg.com/useragent/-/useragent-2.1.13.tgz#bba43e8aa24d5ceb83c2937473e102e21df74c10"
+  dependencies:
+    lru-cache "2.2.x"
+    tmp "0.0.x"
+
+util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+
+util@0.10.3, util@^0.10.3:
+  version "0.10.3"
+  resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
+  dependencies:
+    inherits "2.0.1"
+
+utila@~0.3:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/utila/-/utila-0.3.3.tgz#d7e8e7d7e309107092b05f8d9688824d633a4226"
+
+utila@~0.4:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
+
+utils-merge@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.0.tgz#0294fb922bb9375153541c4f7096231f287c8af8"
+
+uuid@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-2.0.3.tgz#67e2e863797215530dff318e5bf9dcebfd47b21a"
+
+uuid@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.1.0.tgz#3dd3d3e790abc24d7b0d3a034ffababe28ebbc04"
+
+v8flags@^2.0.11:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/v8flags/-/v8flags-2.1.1.tgz#aab1a1fa30d45f88dd321148875ac02c0b55e5b4"
+  dependencies:
+    user-home "^1.1.1"
+
+validate-npm-package-license@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.1.tgz#2804babe712ad3379459acfbe24746ab2c303fbc"
+  dependencies:
+    spdx-correct "~1.0.0"
+    spdx-expression-parse "~1.0.0"
+
+vary@~1.1.0, vary@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.1.tgz#67535ebb694c1d52257457984665323f587e8d37"
+
+vendors@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/vendors/-/vendors-1.0.1.tgz#37ad73c8ee417fb3d580e785312307d274847f22"
+
+verror@1.3.6:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/verror/-/verror-1.3.6.tgz#cff5df12946d297d2baaefaa2689e25be01c005c"
+  dependencies:
+    extsprintf "1.0.2"
+
+vlq@^0.2.1:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/vlq/-/vlq-0.2.2.tgz#e316d5257b40b86bb43cb8d5fea5d7f54d6b0ca1"
+
+vm-browserify@0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-0.0.4.tgz#5d7ea45bbef9e4a6ff65f95438e0a87c357d5a73"
+  dependencies:
+    indexof "0.0.1"
+
+void-elements@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-2.0.1.tgz#c066afb582bb1cb4128d60ea92392e94d5e9dbec"
+
+walk-sync@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/walk-sync/-/walk-sync-0.3.2.tgz#4827280afc42d0e035367c4a4e31eeac0d136f75"
+  dependencies:
+    ensure-posix-path "^1.0.0"
+    matcher-collection "^1.0.0"
+
+watchpack@^1.2.0, watchpack@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.3.1.tgz#7d8693907b28ce6013e7f3610aa2a1acf07dad87"
+  dependencies:
+    async "^2.1.2"
+    chokidar "^1.4.3"
+    graceful-fs "^4.1.2"
+
+wbuf@^1.1.0, wbuf@^1.7.2:
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/wbuf/-/wbuf-1.7.2.tgz#d697b99f1f59512df2751be42769c1580b5801fe"
+  dependencies:
+    minimalistic-assert "^1.0.0"
+
+webdriver-js-extender@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/webdriver-js-extender/-/webdriver-js-extender-1.0.0.tgz#81c533a9e33d5bfb597b4e63e2cdb25b54777515"
+  dependencies:
+    "@types/selenium-webdriver" "^2.53.35"
+    selenium-webdriver "^2.53.2"
+
+webdriver-manager@^12.0.6:
+  version "12.0.6"
+  resolved "https://registry.yarnpkg.com/webdriver-manager/-/webdriver-manager-12.0.6.tgz#3df1a481977010b4cbf8c9d85c7a577828c0e70b"
+  dependencies:
+    adm-zip "^0.4.7"
+    chalk "^1.1.1"
+    del "^2.2.0"
+    glob "^7.0.3"
+    ini "^1.3.4"
+    minimist "^1.2.0"
+    q "^1.4.1"
+    request "^2.78.0"
+    rimraf "^2.5.2"
+    semver "^5.3.0"
+    xml2js "^0.4.17"
+
+webpack-dev-middleware@^1.0.11, webpack-dev-middleware@^1.9.0:
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-1.11.0.tgz#09691d0973a30ad1f82ac73a12e2087f0a4754f9"
+  dependencies:
+    memory-fs "~0.4.1"
+    mime "^1.3.4"
+    path-is-absolute "^1.0.0"
+    range-parser "^1.0.3"
+
+webpack-dev-server@~2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-2.3.0.tgz#0437704bbd4d941a6e4c061eb3cc232ed7d06101"
+  dependencies:
+    ansi-html "0.0.7"
+    chokidar "^1.6.0"
+    compression "^1.5.2"
+    connect-history-api-fallback "^1.3.0"
+    express "^4.13.3"
+    html-entities "^1.2.0"
+    http-proxy-middleware "~0.17.1"
+    opn "4.0.2"
+    portfinder "^1.0.9"
+    serve-index "^1.7.2"
+    sockjs "0.3.18"
+    sockjs-client "1.1.1"
+    spdy "^3.4.1"
+    strip-ansi "^3.0.0"
+    supports-color "^3.1.1"
+    webpack-dev-middleware "^1.9.0"
+    yargs "^6.0.0"
+
+webpack-merge@^2.4.0:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-2.6.1.tgz#f1d801d2c5d39f83ffec9f119240b3e3be994a1c"
+  dependencies:
+    lodash "^4.17.4"
+
+webpack-sources@^0.1.0, webpack-sources@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-0.1.5.tgz#aa1f3abf0f0d74db7111c40e500b84f966640750"
+  dependencies:
+    source-list-map "~0.1.7"
+    source-map "~0.5.3"
+
+webpack-sources@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-0.2.3.tgz#17c62bfaf13c707f9d02c479e0dcdde8380697fb"
+  dependencies:
+    source-list-map "^1.1.1"
+    source-map "~0.5.3"
+
+webpack@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-2.3.2.tgz#7d521e6f0777a3a58985c69425263fdfe977b458"
+  dependencies:
+    acorn "^4.0.4"
+    acorn-dynamic-import "^2.0.0"
+    ajv "^4.7.0"
+    ajv-keywords "^1.1.1"
+    async "^2.1.2"
+    enhanced-resolve "^3.0.0"
+    interpret "^1.0.0"
+    json-loader "^0.5.4"
+    loader-runner "^2.3.0"
+    loader-utils "^0.2.16"
+    memory-fs "~0.4.1"
+    mkdirp "~0.5.0"
+    node-libs-browser "^2.0.0"
+    source-map "^0.5.3"
+    supports-color "^3.1.0"
+    tapable "~0.2.5"
+    uglify-js "^2.8.5"
+    watchpack "^1.3.1"
+    webpack-sources "^0.2.3"
+    yargs "^6.0.0"
+
+webpack@~2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-2.2.1.tgz#7bb1d72ae2087dd1a4af526afec15eed17dda475"
+  dependencies:
+    acorn "^4.0.4"
+    acorn-dynamic-import "^2.0.0"
+    ajv "^4.7.0"
+    ajv-keywords "^1.1.1"
+    async "^2.1.2"
+    enhanced-resolve "^3.0.0"
+    interpret "^1.0.0"
+    json-loader "^0.5.4"
+    loader-runner "^2.3.0"
+    loader-utils "^0.2.16"
+    memory-fs "~0.4.1"
+    mkdirp "~0.5.0"
+    node-libs-browser "^2.0.0"
+    source-map "^0.5.3"
+    supports-color "^3.1.0"
+    tapable "~0.2.5"
+    uglify-js "^2.7.5"
+    watchpack "^1.2.0"
+    webpack-sources "^0.1.4"
+    yargs "^6.0.0"
+
+websocket-driver@>=0.5.1:
+  version "0.6.5"
+  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.6.5.tgz#5cb2556ceb85f4373c6d8238aa691c8454e13a36"
+  dependencies:
+    websocket-extensions ">=0.1.1"
+
+websocket-extensions@>=0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.1.tgz#76899499c184b6ef754377c2dbb0cd6cb55d29e7"
+
+when@~3.6.x:
+  version "3.6.4"
+  resolved "https://registry.yarnpkg.com/when/-/when-3.6.4.tgz#473b517ec159e2b85005497a13983f095412e34e"
+
+whet.extend@~0.9.9:
+  version "0.9.9"
+  resolved "https://registry.yarnpkg.com/whet.extend/-/whet.extend-0.9.9.tgz#f877d5bf648c97e5aa542fadc16d6a259b9c11a1"
+
+which-module@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f"
+
+which@1, which@^1.2.1, which@^1.2.8, which@^1.2.9:
+  version "1.2.14"
+  resolved "https://registry.yarnpkg.com/which/-/which-1.2.14.tgz#9a87c4378f03e827cecaf1acdf56c736c01c14e5"
+  dependencies:
+    isexe "^2.0.0"
+
+wide-align@^1.1.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.2.tgz#571e0f1b0604636ebc0dfc21b0339bbe31341710"
+  dependencies:
+    string-width "^1.0.2"
+
+widest-line@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-1.0.0.tgz#0c09c85c2a94683d0d7eaf8ee097d564bf0e105c"
+  dependencies:
+    string-width "^1.0.1"
+
+window-size@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d"
+
+wordwrap@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f"
+
+wordwrap@~0.0.2:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
+
+wrap-ansi@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
+  dependencies:
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+
+write-file-atomic@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.1.0.tgz#1769f4b551eedce419f0505deae2e26763542d37"
+  dependencies:
+    graceful-fs "^4.1.11"
+    imurmurhash "^0.1.4"
+    slide "^1.1.5"
+
+write-json-file@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/write-json-file/-/write-json-file-2.2.0.tgz#51862506bbb3b619eefab7859f1fd6c6d0530876"
+  dependencies:
+    detect-indent "^5.0.0"
+    graceful-fs "^4.1.2"
+    make-dir "^1.0.0"
+    pify "^2.0.0"
+    sort-keys "^1.1.1"
+    write-file-atomic "^2.0.0"
+
+write-pkg@2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/write-pkg/-/write-pkg-2.1.0.tgz#353aa44c39c48c21440f5c08ce6abd46141c9c08"
+  dependencies:
+    sort-keys "^1.1.2"
+    write-json-file "^2.0.0"
+
+ws@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-1.1.1.tgz#082ddb6c641e85d4bb451f03d52f06eabdb1f018"
+  dependencies:
+    options ">=0.0.5"
+    ultron "1.0.x"
+
+ws@^1.0.1:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-1.1.4.tgz#57f40d036832e5f5055662a397c4de76ed66bf61"
+  dependencies:
+    options ">=0.0.5"
+    ultron "1.0.x"
+
+wtf-8@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/wtf-8/-/wtf-8-1.0.0.tgz#392d8ba2d0f1c34d1ee2d630f15d0efb68e1048a"
+
+xdg-basedir@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-3.0.0.tgz#496b2cc109eca8dbacfe2dc72b603c17c5870ad4"
+
+xml-char-classes@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/xml-char-classes/-/xml-char-classes-1.0.0.tgz#64657848a20ffc5df583a42ad8a277b4512bbc4d"
+
+xml2js@0.4.4:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/xml2js/-/xml2js-0.4.4.tgz#3111010003008ae19240eba17497b57c729c555d"
+  dependencies:
+    sax "0.6.x"
+    xmlbuilder ">=1.0.0"
+
+xml2js@^0.4.17:
+  version "0.4.17"
+  resolved "https://registry.yarnpkg.com/xml2js/-/xml2js-0.4.17.tgz#17be93eaae3f3b779359c795b419705a8817e868"
+  dependencies:
+    sax ">=0.6.0"
+    xmlbuilder "^4.1.0"
+
+xmlbuilder@>=1.0.0, xmlbuilder@^4.1.0:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-4.2.1.tgz#aa58a3041a066f90eaa16c2f5389ff19f3f461a5"
+  dependencies:
+    lodash "^4.0.0"
+
+xmldom@^0.1.19:
+  version "0.1.27"
+  resolved "https://registry.yarnpkg.com/xmldom/-/xmldom-0.1.27.tgz#d501f97b3bdb403af8ef9ecc20573187aadac0e9"
+
+xmlhttprequest-ssl@1.5.3:
+  version "1.5.3"
+  resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.3.tgz#185a888c04eca46c3e4070d99f7b49de3528992d"
+
+xtend@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
+
+y18n@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"
+
+yallist@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
+
+yargs-parser@^4.2.0:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-4.2.1.tgz#29cceac0dc4f03c6c87b4a9f217dd18c9f74871c"
+  dependencies:
+    camelcase "^3.0.0"
+
+yargs-parser@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-5.0.0.tgz#275ecf0d7ffe05c77e64e7c86e4cd94bf0e1228a"
+  dependencies:
+    camelcase "^3.0.0"
+
+yargs@^6.0.0:
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"
+  dependencies:
+    camelcase "^3.0.0"
+    cliui "^3.2.0"
+    decamelize "^1.1.1"
+    get-caller-file "^1.0.1"
+    os-locale "^1.4.0"
+    read-pkg-up "^1.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^1.0.1"
+    set-blocking "^2.0.0"
+    string-width "^1.0.2"
+    which-module "^1.0.0"
+    y18n "^3.2.1"
+    yargs-parser "^4.2.0"
+
+yargs@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-7.1.0.tgz#6ba318eb16961727f5d284f8ea003e8d6154d0c8"
+  dependencies:
+    camelcase "^3.0.0"
+    cliui "^3.2.0"
+    decamelize "^1.1.1"
+    get-caller-file "^1.0.1"
+    os-locale "^1.4.0"
+    read-pkg-up "^1.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^1.0.1"
+    set-blocking "^2.0.0"
+    string-width "^1.0.2"
+    which-module "^1.0.0"
+    y18n "^3.2.1"
+    yargs-parser "^5.0.0"
+
+yargs@~3.10.0:
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
+  dependencies:
+    camelcase "^1.0.2"
+    cliui "^2.1.0"
+    decamelize "^1.0.0"
+    window-size "0.1.0"
+
+yeast@0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/yeast/-/yeast-0.1.2.tgz#008e06d8094320c372dbc2f8ed76a0ca6c8ac419"
+
+yn@^1.2.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/yn/-/yn-1.3.0.tgz#1b0812abb8d805d48966f8df385dc9dacc9a19d8"
+  dependencies:
+    object-assign "^4.1.1"
+
+zone.js@0.8.5:
+  version "0.8.5"
+  resolved "https://registry.yarnpkg.com/zone.js/-/zone.js-0.8.5.tgz#7906e017482cbff4c3f079c5c34305ce941f5ba2"
+
+zone.js@^0.7.2:
+  version "0.7.8"
+  resolved "https://registry.yarnpkg.com/zone.js/-/zone.js-0.7.8.tgz#4f3fe8834d44597f2639053a0fa438df34fffded"